@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; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    font-family:"微软雅黑","宋体";
    color:#333333;
    background:#fff;
    transition: all 0.6s;text-transform: capitalize;
}
.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:#26addf;}
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-red{color: #26addf!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;}
.w14{width: 1400px;margin:0 auto;}
.df{display: flex;}
.jc{justify-content:space-between;}
.ja{justify-content:space-around;}
.je{justify-content: end;}
.fw{flex-flow: wrap;}
.ai{align-items: center;}
.ae{align-items: end;}
.fd{flex-direction: column;}
.frr{flex-direction: row-reverse;}
.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;}
/* 头部公共 css */
#head{width: 100%;height:100px;box-sizing: border-box;background: #fff;}
#head .logo{height:80px;margin-right:140px;padding-top:10px;}
#head .logo img{height:100%;}
#head .nav{flex: 1;    position: relative;}
.laug{position: absolute;right: -100px;z-index: 99;top:35px;}
.laug a{display:inline-block;font-size: 14px;line-height: 32px;padding: 0px 10px;background: #eee;margin:0px 4px;}
.laug a:hover,.laug a.ons{background:#024bb8;color:#fff;}
#head .nav .top-nav .nLi{position: relative;z-index:99;width:122px;text-align: center;}
#head .nav .top-nav .top-a{font-size:18px;line-height:100px;color:#333;}
#head .nav .top-nav .nLi:hover,#head .nav .top-nav .active{background:#024bb8;}
#head .nav .top-nav .active .top-a,#head .nav .top-nav li:hover .top-a{font-weight:bold;color:#fff;}
#head .call-tel{width:220px;font-size: 24px;line-height: 100px;font-weight:bold;margin-left: 50px;margin-right: -80px;color:#26addf;}
#head .call-tel:before{content:'';display:inline-block;width:17px;height:17px;background:url(../images/foot-tel.png)no-repeat center;
background-size:cover;margin-right:10px;}

.son-nav{position: absolute;background:#fff;overflow: hidden;top:100px;left:-10%;width:120%;text-align: center;z-index: 999;display: none;}
.son-nav a{font-size: 14px;line-height: 40px;border-top: 1px solid #eee;display: block;color: #333333;}
.son-nav a:hover{background:#26addf;color: #fff !important;}
/*banner*/
 .fullSlide{ width:100%;  position:relative;  background:#fff;z-index:1;}
    .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; }
    .fullSlide .bd ul{ width:100% !important; }
    .fullSlide .bd li{ width:100% !important;overflow:hidden; text-align:center;    background-position: center center !important;}
    .fullSlide .bd li a{ display:block;height:630px;}
     .fullSlide .bd li img{width: 100%;height:100%;object-fit: cover;}

    .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:10px;height:10px;margin:4px;overflow:hidden;line-height:999px;
        border-radius:10px;box-sizing: border-box;transition: width 0.6s;background:rgba(38,173,223,0.6);}
    .fullSlide .hd ul .on{width:40px;background:rgba(0,153,210);}

    .fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
    .fullSlide .next{ left:auto; right:5%; background-position:-6px -137px; }  


/* 底部信息 */
.mt110{margin-top: 110px;}
/* 底部信息 */
.footer{width: 100%;overflow: hidden;background:url(../images/bb1.jpg)no-repeat center;padding:59px 0px 10px;color: #fff;    background-size: cover;}
.footer .foot-nav{width: 840px;display: flex;justify-content: space-between;flex-flow: row;float: left;}
.footer .foot-nav .fo-li1 span{font-size: 16px;line-height: 16px;font-weight: bold;margin-bottom: 38px;display: block;}
.footer .foot-nav .fo-li1 .fo-li2{font-size: 14px;line-height: 14px;margin-bottom: 15px;}
.footer .foot-nav .fo-li1 .fo-li2 a{color: #eee;}
.footer .foot-nav .fo-li1 .fo-li2 a:hover{color:#fff;}
.footer .call-info{width:350px;text-align: right;font-size: 14px;}
.footer .call-info h3{font-size: 36px;font-weight: bold;line-height: 36px;}
.footer .call-info h3:before{content:'';display:inline-block;width: 36px;height: 36px;background: url(../images/foot-icon.png)no-repeat center;    margin-bottom: -3px;
    margin-right: 12px;}
.footer .call-info p,.footer .call-info h3{margin-bottom: 30px;}
.footer .call-info .rwm{width:122px;height: 122px;margin-top:40px;float: right;}
.footer .call-info .foot-logo{display: block;margin-bottom:30px;}
.foot-info{font-size: 14px;line-height:14px;color: #eee;margin-top: -50px;}
.foot-info a{color:#eee;}


#com-ly .je{float: right;}
#com-ly{width:100%;height:110px;background:#26addf;position: fixed;bottom:0px;z-index:999;box-sizing: border-box;padding-top:34px;}
#com-ly li{width:250px;height:42px;border-radius:20px;background:#fff;
    box-sizing: border-box;padding:0px 20px;margin-right:20px;}
#com-ly li.sub{width:84px;text-align: center;padding:0;border-radius:20px;}
#com-ly li input{color:#333333;font-size:16px;line-height:42px;height:42px;}
#com-ly li.sub input{width:84px;background:#f0b724;border-radius:20px;cursor: pointer;transition:all 0.6s;color: #fff;
    font-weight: bold;}
#com-ly li.sub:hover input{transform: scale(0.9);}
#com-ly p{font-size:32px;line-height:42px;color:#fff;}
#com-ly p:before{content:'';display:inline-block;width: 28px;height: 28px;background: url(../images/foot-tel.png)no-repeat center;
margin-bottom: -1px;margin-right: 10px;background-size: cover;margin-left:80px;}
#com-ly .ly-img{width:533px;margin-top:-150px;}
#com-ly .ly-img img{width:100%;}

/*浮动*/

.drift {

    width: 77px;

    height: auto;

    position: fixed;

    bottom: 28%;

    right: 2px;

    z-index: 999;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));

    -margin-top: 350px;

}



.drift li {

    width: 77px;

    height: 77px;

    margin-bottom: 3px;

    position: relative;

}



.drift li a {

    display: block;

    width: 77px;

    height: 77px;

    background: #2D2C32;

    overflow: hidden;

}



.drift #rolls a {

    background: #0079dc;

}



.drift li a:hover,

.drift #rolls a:hover {

    background: #0079dc;

}



.drift li a:hover span {

    display: block;

}



.drift li span {

    width: 244px;

    right: 77px;

    top: 1px;

    height: 77px;

    line-height: 77px;

    background: #0079dc;

    color: #fff;

    text-align: center;

    font-family: Arial;

    position: absolute;

    font-size: 30px;

    font-weight: bold;

    display: none;

}



.drift li .ewm {

    background: #fff;

    height: 203px;

    border: 1px solid #EEEFF1;

}



.drift li .ewm img {

    width: 146px;

    display: block;

    overflow: hidden;

    padding: 10px 10px 6px 10px;

    width: 146px;

}



.drift li .ewm em {

    height: 40px;

    line-height: 18px;

    overflow: hidden;

    font-family: "Microsoft YaHei";

    font-size: 12px;

    font-weight: normal;

    color: #000;

}



.drift li span.ewm {

    width: 166px;

}


/*头部*/



.headern {

    position: relative;

    height: 224px;

    background: url(../images/r1.jpg) top center repeat-x;

}



.headern div {

    webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.headern a {

    webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.headern li {

    webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.headern ul {

    webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.headuus {

    font-size: 14px;

    color: #fff;

    height: 38px;

    line-height: 38px;

}



.headuus p {

    float: right;

    font-size: 14px;

}



.headuus p a {

    color: #fff;

    margin-left: 15px;

}



.headtop {

    padding-top: 10px;

}



.headern .logo {

    float: left;
    width: 555px;
    height: 100px;
}

.headern .logo img{width:100%;height:100%;object-fit: cover;}

.headern .text {

    float: left;

    font-size: 26px;

    color: #0079dc;

    padding-top: 20px;

    margin-left: 25px;

}



.headern .text p {

    font-size: 18px;

    color: #333;

    padding-top: 5px;

    font-weight: bold;

}



.headern .text span {

    color: #ff6600;

    font-weight: bold;

}



.headern .text p {

    padding: 8px 0;

}



.headern .tel {

    float: right;

    margin-top: 0;

    font-size: 26px;

    color: #0079dc;

    margin-right: 33px;

    padding-left: 51px;

    background: url(../images/t19.jpg) left center no-repeat;line-height:26px;

    padding-top: 1px;

}



.headern .tel p {

    font-size: 16px;

    color: #333;

    padding-right: 102px;

}



.headtop {

    padding-bottom:6px;

}



.topimg {

    float: right;

    margin-top: 12px;

}



.heatnav li {

    float: left;

    position: relative;

    line-height: 70px;

    height: 70px;

    border-right: 1px #e5e5e5 solid;

}



.heatnav li a {

    padding: 0 40px;

    border-top: 2px transparent solid;

    color: #66624f;

    font-size: 16px;

    display: block;

    text-align: center;

    height: 70px;

}



.heatnav li a:hover,

.heatnav li.cur a {

    font-weight: bold;

    color: #0c58a3;

    border-top: 2px #0c58a3 solid;

}



.heatnav li:last-child {

    padding-right: 0;

    margin-right: 0;

}



.heatnav li:last-child a {

    padding: 0 40px;

}

.header-language .language-a a {
    font-size:1em;
    color: #fff;
}
.head-fixed .header-language .language-a a, .header:hover .header-language .language-a a {
    color: var(--text);
    font-weight: 600;
}
.head-fixed .header-language .language-a a svg path, .header:hover .header-language .language-a a svg path {
    fill: var(--text);
}
.header-language{float: right;margin-left:30px;position: relative;}
.header-language .language-a a span {
    display:inline-block;
    background:url(../images/ico_earth.png) no-repeat;
    background-size:cover;
    width:1.125em;
    height:1.125em;
    margin-right: 0.2em;
    margin-bottom: -2px;
}
.head-fixed .header-language .language-a a span, .header:hover .header-language .language-a a span {
    background-image: url(../images/ico_earth_color.png);
}
.header-language .language-a i {
    opacity:0.75;
    color:#ffffff;
    margin-left:0.25em;
    transition:all 0.45s;
}

.header-language .language-nav {
    display:none;
    position:absolute;
    top:38px;
    left:0;
    width:auto;
    border-radius:2px;
    background:#333333;    padding:0px;
    z-index:99999;
}
.header-language:hover .language-nav{
    display: block;
}
.header-language .language-nav li{border-bottom: 1px solid #eee;}
.header-language .language-nav li a {
    display:block;
    color:#fff;
    padding:0.5em;
    transition:all 0.45s;
}
.header-language .language-nav li i {
    font-size:0.75em;
    padding-right:0.5em;
}
.header-language .language-nav li:hover {
    background:#0c58a3;
}
.header-language .language-nav li a:hover i {
    color:var(--theme);
}