html,body {
height: 100%;
}
.contain{
min-height: 100%;
}
.ml-2{
margin-left: 2rem;
}
/*flex 布局*/
.flex-box{
display: flex;
}
.flex-column{
display: flex;
flex-direction: column;
}
.shrink-0{
flex-shrink: 0;
}
flex-1{
flex:1;
}
/* 导航栏 */
.title-bar{
height: 80px;
}
.logo-wrap{
padding-top: 15px;
position: absolute;
top: 0;
left: 0;
}
.logo-wrap .logo{
display: block;
margin-left: 100px;
width: 214px;
height: 57px;;
background: url(../images/index/logo.png) no-repeat;
}
.nav-wrap{
padding-left: 310px;
position: absolute;
top: 30px;
right: 86px;
}
.nav-wrap .nav li{
margin-right: 20px;
}
.nav-wrap .nav li a{
color: #626262;
cursor: pointer;
font: 500 16px/18px "微软雅黑";
}
.nav-wrap .nav li a.active{
color: #0982fd;
position: relative;
}
.nav-wrap .nav li a.active:after{
content:'';
display: block;
position: absolute;
left:0;
bottom: -5px;
width: 100%;
border-bottom: 2px solid #0A82FD;
}
/* 底部 */
.footer{
display: flex;
flex-direction: column;
justify-content: center;
margin-top: -70px;
padding-top: 14px;
width: 100%;
height: 120px;
background: #0982fd;
font-family: "微软雅黑";
}
.footer .text-wrap{
color: #fff;
font-size: 0;
text-align: center;
}
.footer .text-wrap .text{
display: inline-block;
font-size: 13px;
line-height:30px;
vertical-align: middle;
padding-right: 16px;
}
/* banner */
.ban1{
background: url(../images/second/banner.jpg) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/second/banner.jpg',sizingMethod='scale');
}
.ban2{
background: url(../images/customer/banner.jpg) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/customer/banner.jpg',sizingMethod='scale');
}
.ban3{
background: url(../images/service/banner.jpg) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/news/banner.jpg',sizingMethod='scale');
}
.ban4{
background: url(../images/joinus/banner.png) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/joinus/banner.png',sizingMethod='scale');
}
.ban5{
background: url(../images/aboutus/banner.png) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/aboutus/banner.png',sizingMethod='scale');
}
.ban6{
background: url(../images/contact/banner.png) no-repeat center center;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/website/portal/website/images/contact/banner.png',sizingMethod='scale');
}
.banner-wrap{
width: 100%;
/*background-color: #526fef;*/
background: url(../images/common/bg.9.png) repeat-x;
}
.banner{
width: 100vw;
height: 200px;
margin: 0 auto;
/*background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%; */
}
.navigate{
padding: 46px 0 6px 20px;
margin-bottom: 30px;
font-size: 13px;
color: #898989;
border-bottom: 1px solid #eee;
}
/* tab */
.tab{
width: 100%;
padding: 3px 0;
margin-bottom: 30px;
background: #ddd;
}
.tab .tab-btn{
display: inline-block;
height: 35px;
width: 175px;
background: url(../images/second/title_bg.png) no-repeat 0 -109px;
font-size: 0;
cursor: pointer;
}
.tab .tab-btn.active01{
background: url(../images/second/title_bg.png) no-repeat 0 0;
}
.tab .tab-btn.active02{
background: url(../images/second/title_bg.png) no-repeat 0 -36px;
}
.tab .tab-btn.active03{
background: url(../images/second/title_bg.png) no-repeat 0 -72px;
}
.tab .tab-btn .icon{
display: inline-block;
margin-top: 5px;
margin-left: 6px;
width: 24px;
height: 24px;
}
.icon01{
background: url(../images/second/icon.png) no-repeat 0 0;
}
.icon02{
background: url(../images/second/icon.png) no-repeat -24px 0;
}
.icon03{
background: url(../images/second/icon.png) no-repeat -48px 0;
}
.icon04{
background: url(../images/news/icon.png) no-repeat 0 0;
}
.icon05{
background: url(../images/news/icon.png) no-repeat -24px 0;
}
.tab .tab-btn .tab-text{
display: inline-block;
margin-top: 10px;
margin-left: 18px;
font-size: 16px;
vertical-align: top;
color: #fff;
font-weight: 700;
}
.main {
width: 966px;
margin: 0 auto;
padding-bottom: 70px;
box-sizing: border-box;
}
.menu{
margin-top: 70px;
width: 156px;
/*position: relative;*/
}
.main.p-fix{
padding-left: 156px;
}
.menu.fix-bar{
position: fixed;
margin-top: 0;
height: 100%;
top: 0;
left: 0;
}
.menu.fix-bar .menu-p{
margin-top: 70px;
}
.menu .menu-p{
/*position: fixed;*/
/*top: 0;*/
/*left: 0;*/
}
.menu .btn-title{
height: 44px;
line-height: 44px;
color: #fff;
font-size: 16px;
}
.tabbar{
padding-top: 4px;
}
.tabbar .choose{
height: 32px;
line-height: 32px;
color: #959392;
font-size: 14px;
}
.menu .btn-title, .tabbar .choose {
width: 136px;
text-align: center;
cursor: pointer;
}
.tabbar .choose.active{
color: #0982fd;
}
/* 分页 */
.paginate{
padding-top: 50px;
height: 110px;
width: 350px;
margin: 0 auto;
}
.M-box{
float: right;
}
/* 回到顶部 */
.relative{position:relative;top:0;left:0;}
/*asid_share*/
.asid_share {
position: fixed;
width: 40px;
bottom: 140px;
right: 0;
z-index: 890;
}
*html #asid_share {
position: absolute;
top: expression(documentElement.scrollTop + "px");
margin: 300px 0 0 0;
}
.asid_share .asid_share_box {
width: 100%;
margin-bottom: 3px;
background: #d9d9d9;
text-align: center;
}
.asid_share .asid_share_box a {
display: block;
height: 30px;
padding-top: 10px;
}
.asid_share .asid_share_box a:hover {
background: #0982fd;
text-decoration: none;
}
.asid_share .asid_share_box a:hover .asid_title,
.asid_share .asid_share_box .asid_title {
color: #fff;
font-size: 12px;
display: block;
padding-left: 6px;
line-height: 18px;
width: 30px;
margin-top: -8px;
}
.asid_share .red_bag {
background: #1267AA;
text-decoration: none;
}
.asid_share .asid_sha_layer {
position: absolute;
right: 40px;
bottom: 0;
z-index: 101;
}
.asid_share .asid_sha_layer .qrcode_wrap{
margin-right: 6px;
background: #1267AA;
}
.asid_share .asid_sha_layer .qrcode_wrap .pb6{
color: #fff;
padding-bottom:14px;
}
.sweep_img {
padding: 10px;
}
/*.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}*/
.asid_share_box .asid_help_list li a {
margin-right: 6px;
padding: 0;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background: #1267AA;
}
.asid_help_list li a:hover {
color: #fff;
}
.asid_share_triangle {
width: 12px;
height: 40px;
position: absolute;
right: 45px;
bottom: -12px;
z-index: 100;
}
.border_sj,
.con_sj {
display: block;
width: 18px;
height: 28px;
font-size: 18px;
overflow: hidden;
font-family: SimSun;
}
.border_sj {
color: #1267AA;
font-style: normal;
}
.con_sj {
color: #1267AA;
margin: -14px -2px 0 0;
margin: -28px 0 0 -2px;
}
/* color */
.dark_grey{
color: #626262;
}
.french_grey{
/*color: #959392;*/
color: #898989;
}
.light_blud{
color: #0982fd;
}
.bg_color{
background: #f5f5f5;
}
.main_color{
background: #0982fd;
}
.text-overflow{
/*white-space: nowrap;*/
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
box-orient: vertical;
-webkit-box-orient: vertical;
}
.text-ellipsis{
position: relative;
overflow: hidden;
}
.text-ellipsis:after{
content: "...";
position: absolute;
bottom: 0;
right: 0;
padding-left: 15px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
font-family: "微软雅黑";
}
.m-auto{
margin-left: auto;
margin-right: auto;
}
.text-center{
text-align: center;
}
/*通用文章格式*/
.c-content .article-img{
margin-bottom: 2rem;
}
.c-content .text{
font-size: 16px;
line-height: 1.8;
margin-bottom: 2rem;
font-family: 'Microsoft YaHei UI';
}
.c-content .text-tit{
font-size: 16px;
line-height: 2.2;
margin-bottom: 1rem;
margin-top: 1.4rem;
font-weight: bold;
font-family: 'Microsoft YaHei UI';
}
.c-content .section-title{
font-size: 18px;
line-height: 2.2;
margin-bottom: 1rem;
font-weight: bold;
font-family: 'Microsoft YaHei UI';
}
.point{
display: inline-block;
width: 8px;
height: 8px;
vertical-align: 1px;
margin-right: .5rem;
background: #898989;
border-radius: 50%;
}
.point-check{
display: inline-block;
margin-right: 1rem;
width: 14px;
height: 14px;
background: url("../images/second/point-check.png") no-repeat center center;
}
.point-square{
display: inline-block;
width: 9px;
height: 9px;
vertical-align: 1px;
margin-right: .5rem;
background: #898989;
border-radius: 2px;
transform: rotate(45deg);
}
.article-img-with-sub img{
max-width: 100%;
}
.article-img-with-sub .img-sub{
margin-top: .5rem;
margin-bottom: 2rem;
font-size: 14px;
color: #898989;
line-height: 2;
text-align: center;
}
/*页签切换*/
.tab-content-page{
display: none;
}