@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
body{overflow-x:hidden;}
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
th,td {border: 1px solid #eee;}
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"arial","微软雅黑","宋体";
    color:#333333;
    background:#fff;transition: all 0.6s;
    transition: all 0.6s;overflow-x: hidden;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#333333; text-decoration:none; }
a:hover{color:#116bc4;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-003{color: #002d5a!important;}
ul,ol,li{list-style:none}

/*公共类*/
.w12 {  /*版心 提取 */
    width: 1200px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}
.clear{clear: both;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}
.fd{flex-direction: column;}
.text-1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;}
.text-3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;
    line-clamp: 3;-webkit-box-orient: vertical;}

@font-face {
  font-family: "alibaba";
  src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
       url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
       url("../font/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
       url("../font/Alibaba-PuHuiTi-Regular.svg") format("svg");
} 

.alibaba{font-family: "alibaba";}
.w14{width:1400px;margin:0 auto;}
.w90{width:90%;margin:0 auto;}
/* 头部公共 css */
#web-top{width: 100%;height: 90px;background:#fff;}
#web-top:hover{background:#fff;}

#navbut,.motop-nav{display: none;}

#web-top .logo{height: 36px;}
#web-top .logo img{height:100%;}
#web-top .top-nav{position: relative;z-index: 2;flex:1;margin:0px 6%;}
#web-top .top-nav li.nLi{font-size:16px;line-height: 90px;position: relative;z-index: 2;width:130px;text-align: center;text-transform:capitalize;}
#web-top .top-nav li.nLi:last-child{margin-right: 0px;}
#web-top .top-nav li.nLi:after{content:'';display: block;width:0px;height: 4px;transition: all 0.6s;
background: #116bc4;margin:0 auto;margin-top: -3px;background-size:cover;}
#web-top .top-nav li.nLi:hover .top-a,#web-top .top-nav li.on .top-a{color: #116bc4 !important;}
#web-top .top-nav li.nLi:hover:after,#web-top .top-nav li.nLi.on:after{width:70px;}
#web-top .web-other span a{font-size:14px;line-height:18px;}
#web-top .web-other a.pt{font-size:14px;display: inline-block;margin-left:18px;}
#web-top .web-other a.ons{color:#116bc4;font-weight:bold;}

#top-form{width: 100%;height:32px;border: 1px solid #eee;border-radius: 4px;position: relative;margin-top: 26px;}
#top-form input{width:100%;height:100%;font-size: 14px;line-height:32px;padding-left:5%;}
#top-form input.sub-but{width:25%;position:absolute;top:0;right:0;padding:0;text-transform: uppercase;
    font-size: 12px;cursor: pointer;text-align: center;background:#2a6cb5;color:#fff;
    background:#2a6cb5 url(../images/sousuo-icon.png)no-repeat center;    background-size: 25px;}

.son-nav{position: absolute;background:#fff;overflow: hidden;top:90px;left:-40%;width:180%;text-align: center;z-index: 999;display: none;}
.son-nav a{font-size: 14px;line-height:24px;border-top: 1px solid #eee;display: block;color: #333333;padding:8px 0px;}
.son-nav a:hover{background:#116bc4;color: #fff !important;}
/*banner*/
 .fullSlide{ width:100%;  position:relative;  background:#fff;z-index:1;height: auto;}
    .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; height:100%;}
    .fullSlide .bd ul{ width:100% !important; }
    .fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;height:100%;    background-position: center center !important;}
    .fullSlide .bd li a{ display:block;}
     .fullSlide .bd li img{width: 100%;}
     .fullSlide .bd li video{height:100%;}

    .fullSlide .hd{ display:block!important;width:100%;position:absolute;z-index:1999;bottom:5%;margin: 0 auto;
        left:0; text-align:center;}
    .fullSlide .hd ul{ text-align:center; }
    .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:8px;margin:4px;overflow:hidden;line-height:999px;
        border-radius:12px;box-sizing: border-box;border:1px solid #fff;}
    .fullSlide .hd ul .on{background:#fff !important;}

    .fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:64px; height:64px; 
    display:none; }
    .fullSlide .next{ left:auto; right:5%;}  


/* 底部信息 */
#foot{width: 100%;background: #081227;overflow: hidden;padding-top:95px;color: #fff;}
#foot .foot-call{width:300px;}
#foot .foot-call h2{font-size:18px;line-height:18px;color:#fff;margin-bottom:28px;}
#foot .foot-call p{color:#56698e;font-size:14px;line-height:18px;margin-bottom:20px;}
#foot .foot-call p.email:before{content:'';display: inline-block;width:15px;height:13px;background:url(../images/foot-icon1.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.tel:before{content:'';display: inline-block;width:12px;height:13px;background:url(../images/foot-icon2.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.adds:before{content:'';display: inline-block;width:13px;height:19px;background:url(../images/foot-icon3.png)no-repeat center;background-size: cover;
margin-bottom: -2px;margin-right: 10px;}
#foot .foot-call p.foot-pd{padding-left:23px;}
#foot .flist-follow{width:190px;text-align: center;margin:0px 75px;margin-right:100px;}
#foot .flist-follow .footer-title{ font-size:18px;line-height:32px; margin-bottom: 6px; }
#foot .flist-follow .f-follow { font-size: 0; letter-spacing: 0; padding-top: 3px; padding-bottom: 10px; }
#foot .flist-follow .f-follow a{ display: block;width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; display: inline-block; vertical-align: middle; margin-left: 12px; }
#foot .flist-follow .f-follow a:first-child{margin-left:0px;}
#foot .flist-follow .f-follow a i{width:34px;height:34px;display: block;}
#foot .flist-follow .f-follow a:nth-child(1) i{background:url(../images/foot-icon001.png)no-repeat center;background-size:cover;}
#foot .flist-follow .f-follow a:nth-child(2) i{background:url(../images/foot-icon002.png)no-repeat center;background-size:cover;}
#foot .flist-follow .f-follow a:nth-child(3) i{background:url(../images/foot-icon003.png)no-repeat center;background-size:cover;}
#foot .flist-follow .f-follow a:nth-child(4) i{background:url(../images/foot-icon004.png)no-repeat center;background-size:cover;}

#foot .f-follow1 a i{width:34px;height:34px;display: block;}
#foot .f-follow1 a:nth-child(1) i{background:url(../images/foot-icon005.png)no-repeat center !important;background-size:cover !important;}
#foot .f-follow1 a:nth-child(2) i{background:url(../images/foot-icon006.png)no-repeat center !important;background-size:cover !important;}
#foot .f-follow1 a:nth-child(3) i{background:url(../images/foot-icon007.png)no-repeat center !important;background-size:cover !important;}
#foot .f-follow1 a:nth-child(4) i{background:url(../images/foot-icon008.png)no-repeat center !important;background-size:cover !important;}


.mb20{margin-bottom:20px;}
#foot .foot-nav{flex:1;}
#foot .foot-nav .foot-li p{font-size:18px;line-height:18px;margin-bottom:25px;text-transform: capitalize;}
#foot .foot-nav .foot-li li{font-size:14px;line-height:14px;margin-bottom:25px;}
#foot .foot-nav .foot-li li a{color:#56698e;text-transform: capitalize;}

#foot .foot-but{background:#111f3c;width:100%;height:130px;box-sizing: border-box;padding-top:38px;}
#foot .foot-but p{font-size:14px;line-height:68px;}
#foot .foot-but p img{margin:0px 8px;}
#foot .foot-but p a{color:#fff;}
#foot .foot-but p font{font-size: 20px;margin: 0px 8px;text-transform: uppercase;}


/* 底部留言 */
.m90{margin:90px auto;}
.foot-liuyan{width:815px;}
.foot-liuyan h3{font-size:16px;line-height:16px;text-transform: uppercase;margin-bottom:20px;}
.foot-liuyan .liuyan-form .row-1{margin-bottom:10px;}
.foot-liuyan .liuyan-form .row-1 input{display:inline-block;width:152px;height:42px;box-sizing: border-box;border:1px solid #353535;
background:#404c65;font-size:12px;line-height:42px;color:#6d6d6d;padding:0px 15px;margin-right:6px;border-radius:4px;}
.foot-liuyan .liuyan-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #353535;background:#404c65;
padding:15px;height:160px;border-radius:4px;}
.foot-liuyan .liuyan-form .row-1 .sub-foot{margin-right:0px;font-size:0px;background:url(../images/sub-back.jpg)no-repeat center;border:none;
background-size:cover;width:126px;height:42px;cursor: pointer;}

.f-r{position: fixed;bottom:20%;z-index:999;right:0.5%;}
.f-r li{margin-bottom:3px;position:relative;}
.f-r li h3{width:63px;height:63px;text-align: center;box-sizing:border-box;border-radius:50%;background:#fff;
font-size:32px;line-height:63px;}
.f-r li:nth-child(3) h3{font-size:26px;}
.f-r li:nth-child(4) h3{font-size:20px;}
.f-r li .xf-list a{font-size:12px;line-height:12px;color:#fff;}
.f-r li .xf-list a:before{display: block;font-size:28px;line-height:32px;padding-top:6px;}
.f-r li .xf-img img{width:34px;}
.f-r li p{font-size:20px;line-height:55px;color:#fff;}
.f-r li p.tels{top: 0px;right: 55px;background: rgba(7,7,7,0.4);width: 0px;transition:width 0.2s;
font-size:0px;overflow:hidden;position:absolute;text-align: center;}
.f-r li p.tels a{display: block;color: #fff;}
.f-r li p.tels a:first-child:after{content:'';display: block;width:100px;height:1px;background:#dfe0e1;margin:0px auto;}
.f-r li p.tels img{margin:10px;}
.f-r li p.rwm{top:0px;right: 55px;background: rgba(7,7,7,0.4);width:180px;overflow:hidden;position:absolute;
box-sizing:border-box;padding:12px;display:none;text-align: center;font-size: 18px;line-height: 32px;}
.f-r li p.dz-img{top: 0px;right: 55px;background: rgba(7,7,7,0.4);width: 180px;height: 109px;overflow:hidden;position:absolute;
box-sizing:border-box;padding:10px;display:none;text-align: center;font-size: 18px;line-height: 32px;}
.f-r li p.rwm img{width:100%;margin:0 auto;}
.f-r li:nth-child(1):hover p.tels{width:180px;font-size:18px;padding:0px 20px;box-sizing: border-box;}
.f-r li:nth-child(2):hover p.dz-img{display: block;}
.f-r li:nth-child(3):hover p.rwm{display: block;}

.f-r li p.dz-img span:after,.f-r li p.rwm span:after{content:'';display: block;width:100px;height:1px;background:#dfe0e1;margin:10px auto;}

.f-r li h3:hover{cursor: pointer;background:#00a7e0;color:#fff;}
.f-r .xf-list{width:100%;position: absolute;top:-65px;left:100px;transition: all 0.2s;z-index:-1;}
.f-r .xf-list p{width:63px;height:63px;text-align: center;box-sizing:border-box;border-radius:50%;
    background:#00a7e0;margin-bottom:2px;color:#fff;font-size:12px;text-transform:capitalize;}


.nn{display: inline-block;position: relative;}
.nn .pt-son{width: 148px;position: absolute;top: 54px;background:#fff;left:-55%;}
.nn .pt-son a{display: block;font-size:14px;line-height:40px;text-align: center;color:#333 !important;border-bottom:1px solid #eee;}


@media screen and (max-width:780px) {
    
    .f-r .xf-list{left:1rem;}
    .f-r .xf-list p{width: 0.8rem;height: 0.8rem;line-height: 0.8rem;}
    .f-r li .xf-list a{font-size:0.16rem;line-height:0.2rem;}
    .f-r li .xf-list a:before{font-size: 0.4rem;line-height: 0.4rem;padding-top: 0.06rem;}

}