/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden; }
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #333333; text-decoration: none; font-size:14px;}
a:hover{color: #0575e9;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6,h7 {font-weight: normal;}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{text-align: center;font-size: 18px;color:#898b8e; }
.title b{display: block;font-size: 40px;color:#303132;margin-bottom: 10px;}
.title b i{ color: #0575e9;}
.title b:after,.title b:before{content: '';display: inline-block;vertical-align: middle;width: 134px;height: 23px;background: url(../images/20201024094408_59176349.png) no-repeat center; margin: 0 30px;}
.title b:after{background: url(../images/20201024094409_298289090.png) no-repeat center;}
.mainhovercolor a:hover{color: #0575e9;}
/*抬头*/
.htop{padding: 0 30px; border-bottom: 1px solid #ebebeb;line-height: 44px;}
.htop,.htop a{font-size: 14px;color: #b4b5b7;}
.htop b{vertical-align: sub;font-size: 22px;color: #0575e9;font-family: arial;}
.htop p.fl{padding-left: 30px;background: url(../images/20201024085034_824984974.png) no-repeat left center;}
.htop p span{padding: 0 25px 0 50px;}
.htop p span+span{border-left: 1px solid #e5e7e8;}
.htop p span:nth-child(1){background: url(../images/20201024085034_797260837.png) no-repeat 20px center;}
.htop p span:nth-child(2){background: url(../images/20201024085034_322700923.png) no-repeat 20px center;}
.htop p span:nth-child(3){background: url(../images/20201024085034_61520727.png) no-repeat 20px center;}
.hsecond{height: 120px; padding: 0 30px;}
.hlogo{font-size: 0; margin-top: 22px;}
.hlogo p{display: inline-block;vertical-align:middle;}
.hlogo p+p{margin-left: 30px;font-size: 16px;color: #88898a;}
.hlogo p b{display: block;font-size: 24px;color: #0575e9;margin-bottom: 3px;}
.nav{font-size: 0;margin-top: 35px;}
.nav li{position: relative;display: inline-block;vertical-align: top;text-align: center;}
.nav li+li{margin-left: 3px;}
.nav li>a{width: 126px;line-height: 52px;font-size: 16px;color: #353638;transition: all .3s ease; display: inline-block;margin-bottom:28px;}
.nav li:hover>a,.nav li.cur>a{background: #0575e9;color: #fff; height:52px;}
@media screen and (max-width:1600px){
.nav li>a{width: 100px;}
}
@media screen and (max-width:1600px){
.nav li>a{width: 90px;}
.nav li>a{font-size: 14px;}
.hsecond{padding: 0 10px;}
}
.nav li dl { transition: all 0.2s; position: absolute; top:100%; height:0px; z-index:0; overflow:hidden}
.nav li.dhh a { color:#fff;}
.nav li.dhh dl.juli1{width:450px;}
.nav li.dhh dl.juli1 dd{width:260px;}
.nav li.dhh dl.juli1 dd tr{display:inline-block;width:120px;}
.nav li.dhh dl { height:auto !important; width:300px; background:#f9f9f9; border:5px solid #fff; position: absolute; top:100%; right:0; display:block; z-index:10000; padding-top:20px; padding-left:30px; padding-bottom: 20px; overflow:hidden;}
.nav li.dhh dl dt { width:180px; float:left; color:#333; line-height:28px; margin:15px 0px 25px 10px; text-align:left}
.nav li.dhh dl dt b { display: block; width: 40px; height: 3px; background-color: #0575e9; margin-bottom: 20px;}
.nav li.dhh dl dt strong { display:block; font-size:20px; margin-bottom:25px;}
.nav li.dhh dl dt span {display: block; width: 148px; height: 30px; text-align: center;line-height: 30px;border: 1px solid #cecece; color: #999;font-family: Arial;}
.nav li.dhh dl dt span a {color:#999; font-size:12px;}
.nav li.dhh dl dt img { margin-bottom:5px;}
.nav li.dhh dd { float:left; margin-top:10px; color:#fff; line-height:38px; display:block; text-align:left; overflow:hidden;}
.nav li.dhh dd a { display:block; color:#333; font-size:15px; font-weight: 100;text-align:left; white-space: nowrap;}
.nav li.dhh dd a:hover { color:#0575e9}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#000;}
.banner-box{ min-width:1300px; height:680px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:680px; background-position: center; background-repeat: no-repeat; }
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }

}
@keyframes kenburns-top {
 0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  }
@-webkit-keyframes kenburns-top1 {
  0% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
   
  }

}
@keyframes kenburns-top1 {
 0% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
   -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
   
  }
  }
.banner-box .bd li{ -webkit-animation: kenburns-top1 5s ease-out  both;animation: kenburns-top1 5s ease-out  both;}
.banner-box .bd li:nth-child(2){ -webkit-animation: kenburns-top 5s ease-out  both;animation: kenburns-top 5s ease-out  both;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:260px; left: 0; margin-left: 0; height: 380px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../images/20201023173823_815148770.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20201023173823_815148770.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0575e9;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
/*搜索*/
.search{height: 74px;background: url(../images/20201024092319_1976158177.jpg) no-repeat center;}
.keyword,.keyword a{line-height: 74px;font-size: 14px;color: #52555b;}
.keyword span{color: #0575e9;}
.search_bg {font-size: 0;}
.search_bg input{display: inline-block;vertical-align: top; height: 74px; background: none; border: none; box-sizing: content-box;}
#soo{background: #a3d0ff;}
#infoname{padding-left: 35px;width: 160px;background: url(../images/20201024092122_505882124.png) no-repeat left center;}
/*汉能 • 产品中心*/
.product{position: relative; overflow: hidden;padding: 60px 0;}
.proclass{margin: 45px 0;border-top: 1px solid #e9ebed; border-bottom: 1px solid #e9ebed; text-align: center;font-size: 0;}
.proclass li{padding: 22px 0;}
.proclass li+li{border-top: 1px solid #e9ebed;}
.proclass li a{display: inline-block;vertical-align: top;width: 260px;height: 45px;box-sizing: border-box;padding-left: 47px;border-right: 1px solid #e9ebed; text-align: left;position: relative;transition: all .3s ease; font-size: 18px;color: #4e4f50;}
.proclass li a:nth-child(1){border-left: 1px solid #e9ebed;transition: all .3s ease;}
.proclass li a em{display: block;font-size: 14px;color: #afb0b2;font-weight: lighter;margin-top: 3px;}
.proclass li a:after{content: '';display: block;position: absolute;width: 14px;height: 9px;background: url(../images/20201024100553_424948736.png) no-repeat center;transition: all .3s ease;top: 6px;right: 40px;}
.proclass li a.on:after{background: url(../images/20201024103411_784299792.png) no-repeat center;}
.proclass li a.on,.proclass li a.on em{color: #0575e9;}
.proshow td{ display:inline-block; padding:0 !important; width:300px; transition:all .3s ease;margin-right: 1%;}
.proshow td a,.proshow td span{ display:block; position:relative; overflow:hidden;}
.proshow td br{ display:none;}
.proshow td span a{ text-align: left; border-bottom: 1px solid #ebebeb;font-size:18px;  color:#4e4f50;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:68px; transition:all .3s ease;position: relative;padding: 0 36px 0 12px;}
.proshow td span a:after{content: '';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 20px;height: 20px;background:url(../images/20201024101748_1598472298.png)no-repeat left top;right: 10px;transition: all .3s ease;}
/*.proshow td +td{ margin-left:32px;}*/
.proshow tr+tr{ margin-top:32px; display:block;}
.proshow td>a{border:1px solid #e2e2e3; margin-bottom: 1px;}
.proshow td>a img{ transition:all .6s ease; width:100%; height:auto;}
.proshow td:hover>a img{ transform:scale(1.1);}
.proshow td:hover span a{background: #0060de; color:#fff; padding: 0 46px 0 22px;}
.proshow td:hover span a:after{background-position-x:-20px; right: 20px;}
/*配件虽小 · 作用却不可估量*/
.trait{padding-top: 79px;height: 920px;background: url(../images/20201024104321_243779275.jpg)no-repeat center;}
.trait .title{color: #b2d8ff;}
.trait .title b{color: #fff;}
.trait .title b:after{background: url(../images/20201024104434_122688088.png) no-repeat center;}
.trait .title b:before{background: url(../images/20201024104433_2143742686.png) no-repeat center;}
.trait ul{font-size: 0;margin-top: 100px;}
.trait ul li{display: inline-block;vertical-align: top;width: 245px;font-size: 15px;color: #cce3ff; line-height: 32px;}
.trait ul li+li{margin-left: 105px;}
.trait ul li:nth-child(1),.trait ul li:nth-last-child(1){margin-top: 70px;}
.trait ul li b{font-size: 26px;color: #fefeff;display: block;}
.trait ul li b:after{content: '';display: block;width: 30px;height: 3px;background: #0575e9;margin: 15px 0 25px 0;}
/*汉能 • 代理品牌*/
.hzcust{padding-bottom: 80px;}
.hzcustcon{margin-top: 50px; text-align: center; height: 380px; padding-top: 50px;}
.hzcustcon table,.hzcustcon tbody,.hzcustcon tr{ display:block; text-align: center; width: 100%;}
.hzcustcon tr{white-space: nowrap;}
.hzcustcon td{display: inline-block;vertical-align: top;position: relative;width: 210px;}
.hzcustcon td:after{content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;width: 210px;height: 242px;background: url(../images/20201024110907_990205118.png) no-repeat center;}
.hzcustcon td,.casecon td div{ padding:0 !important;}
.hzcustcon td br{ display:none;}
.hzcustcon td>a{display: block;}
.hzcustcon td+td{margin-left: 20px;}
.hzcustcon tr+tr{margin-top: 70px;}
.hzcustcon td>a img{ width: 84%;height: auto;transition: all .3s ease; margin-bottom: 0 !important; position: relative;z-index: 3;}
.hzcustcon td:hover img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
/*选择汉能电子的四大优势*/
.advbg{height: 1193px;background: url(../images/20201024134912_1285516108.jpg) no-repeat center;}
.num{height: 90px;margin-bottom: 80px;text-align: center;font-size: 0; padding: 50px 0;}
.num li{font-size: 0;display: inline-block;vertical-align: top;width: 20%;box-sizing: border-box;height: 87px;font-size: 18px;color: #94c9ff; transition: all .3s ease;}
.num li+li{border-left: 1px dashed #1779df;}
.num li b,.num li i{display: inline-block;vertical-align: text-top;}
.num li i{margin-left: 18px;}
.num li span{display: block;font-size: 14px;font-weight: bold;color: #fff;}
.num li b{font-size: 48px;font-family: arial;}
.advtab{margin: 45px 0;font-size: 0;}
.advtab li{display: inline-block;vertical-align: top;width: 290px;height: 116px; background: #e8ecef;box-sizing: border-box; padding: 30px;cursor: pointer;}
.advtab li+li{margin-left: 32px;}
.advtab li p{display: inline-block;vertical-align: middle;}
.advtab li p em{font-size: 14px;color: #afb0b2;text-transform: uppercase;transition: all .3s ease;}
.advtab li p b{display: block;font-size: 30px;color: #565b5f;transition: all .3s ease;}
.advicon{width: 50px;height: 52px;background: url(../images/20201024134912_1605966886.png) no-repeat left top;margin-right: 18px;transition: all .3s ease;}
.advtab li:nth-child(2) .advicon{background-position-x:-76px; }
.advtab li:nth-child(3) .advicon{background-position-x:-156px; }
.advtab li:nth-child(4) .advicon{background-position-x:-232px; }
.advtab li.on b{color: #fff;}
.advtab li.on em{color: #86c1ff;}
.advtab li.on{background: #0575e9;}
.advtab li.on .advicon{background-position-y:-80px;}
.advright{width: 550px;padding-top: 26px; margin-right: 50px;}
.advtop{font-size: 0;padding-bottom: 47px;margin-bottom: 40px;border-bottom: 1px solid #e1e3e5;}
.advtop p{display: inline-block;vertical-align:middle;}
.adnum{width: 88px;height: 90px;background: url(../images/20201024134912_1432005052.png) no-repeat center;line-height: 90px;text-align: center;font-size: 46px;color: #ffffff;font-family: impact;}
.advtop p+p{font-size: 22px;color: #8e9498;margin-left: 22px;}
.advtop p b{font-size: 32px;color: #0575e9; display: block;margin-bottom: 3px;}
.advwa p{font-size: 15px;color: #8e9498; line-height: 38px;padding-left: 30px;background: url(../images/20201024134912_788126334.png) no-repeat left 13px;}
.advtel{margin: 50px 0 0 30px; padding-left: 40px;background: url(../images/20201024134912_1511718874.png) no-repeat left center;}
.advtel em{display: inline-block;margin-left: 10px;vertical-align: sub;font-size: 32px;color: #0575e9;font-family: Arial;}
/*带您走进汉能*/
.about{padding: 70px 0;background: url(../images/20201024143130_75480545.jpg) no-repeat top center;}
.abright{width: 650px;}
.ableft{width: 570px;margin: 55px 0 0 50px;}
.abcon{background: #f7f8f9;margin: 40px 0 80px 0; position: relative;}
.abcon:after{content: '';display: block;position: absolute;z-index: -1;width: 640px;height: 490px;background: #eaeced;top: 65px;left: -20px;}
.ab_t em{font-size: 52px;color: #dde1e6;font-family: Arial Narrow,Arial;text-transform: uppercase; font-weight: bold;}
.ab_t b{display: block;font-size: 22px;color: #0575e9;margin: 10px 0 15px 0;}
.ab_t:after{content: '';display: block;width: 46px;height: 3px;background: #d20917;}
.ab_c{text-indent: 2em;font-size: 14px;color: #82868a;line-height: 35px;margin: 35px 0 50px 0;}
.abbtn a{display: inline-block;font-size: 18px;color: #82868a;padding-left: 60px;height: 46px;}
.abbtn a em{display: block;font-size: 12px;font-family: arial;}
.abbtn a+a{margin-left: 40px;}
.abbtn a:nth-child(1){background: url(../images/20201024143129_102803411.png) no-repeat left center;}
.abbtn a:nth-child(2){background: url(../images/20201024143129_1177632190.png) no-repeat left center;}
.abbtn a:nth-child(3){background: url(../images/20201024143130_1142816159.png) no-repeat left center;}
.qyxx{position: relative;}
.qyjt{position: absolute; cursor: pointer; top: 40%; left:-52px;  width: 22px;height: 42px;background:url(../images/20201024145114_1162087461.png) no-repeat left top; }
.qyjt.next{background: url(../images/20201024145114_1934633176.png) no-repeat left top; left: auto; right: -52px;}
.qyjt:hover{background-position-y:bottom; }
.qyxx table,.qyxx tr,.qyxx tbody{display: block;width: 100%;}
.qyxx td{ display:inline-block; margin-right:17px; padding:0px !important;}
.qyxx td br{ display:none;}
.qyxx td div{ padding:0px !important;}
.qyxx td div a{ font-size:16px; color:#4c4e4f; margin-top:15px; display:block;}
.qyxx td:hover a{ color:#0575e9;}
.qyxx td>a{ position:relative; display:block; border:1px solid #eaeaea;}
.qyxx td>a:after,.qyxx td>a:before{ content:''; display:block; position:absolute;}
.qyxx td>a:after{ width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; top:0px; left:0px; z-index:1;}
.qyxx td>a:before{ width:130px; height:40px; content:'+查看详情';  top: 0;left: 0;right: 0;bottom: 0;margin: auto;color:#fff; text-align:center; line-height:40px; font-size:16px; transform:scale(0); transition:all .4s ease; background:#0575e9; border-radius:20px; z-index:3;}
.qyxx td:hover>a:after{ opacity:1;}
.qyxx td:hover>a:before{ transform:scale(1);}
/*汉能 • 新闻资讯*/
.news{padding: 60px 50px;background: #f7f7f7 url(../images/20201024150130_945335589.jpg) no-repeat center top;}
.newcenter{ width:1300px; margin:0 auto;}
.newstab a{ display:inline-table; width:134px; height:62px; background:#e0e6ea; line-height:62px; font-size:22px; color:#33373a; padding-left:86px; position:relative; transition:all 0.5s ease; text-align:left; font-weight:lighter;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/20201024150645_563856892.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#0575e9; color:#fff;}
.newstab{ margin:45px auto; text-align:center;}
.newsleft{ width:476px; position:relative;}
.newsleft .news_div_item{ position:relative; padding-top:345px; background:#fff;}
.newsleft .news_div_item_pic{ width:100%; height:344px; position:absolute; top:0; left:0; border-bottom:1px solid #f6f6f6; overflow:hidden;}
.news .news_div_item_pic img{ width:100%; height:100%; transition:all .6s ease;}
.newsleft .news_div_item_content{box-sizing:border-box; height:170px; padding:25px;}
.news .news_div_item_a{ font-size:18px; color:#2f343a; transition:all .3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;} 
.news .news_div_item_body{ font-size:14px; color:#a9abae; line-height:26px; margin-top:10px;}
.newsbg{ position:absolute; font-size:0; right:30px; bottom:23px; z-index:99;}
.newsbg li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:#95a1ad; cursor:pointer;}
.newsbg li+li{ margin-left:10px;}
.news .news_div_item:hover .news_div_item_a{ color:#0575e9;}
.news .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.newsbg li.on{ background:#0575e9;}
.newsright{ width:795px;}
.newsright .news_div_item{ padding:16px; position:relative; box-shadow:0 0 20px #edefef; background:#fff; height:210px;}
.newsright .news_div_item_pic{ position:absolute; width:280px; height:210px; top:16px; left:16px; border:1px solid #f6f6f6; overflow:hidden;}
.newsright .news_div_item_content{ width:450px; margin-left:310px; padding-top:20px;}
.newsright .news_div_item+.news_div_item{ margin-top:30px;}
.newsright .news_div_item_title:after{ content:''; display:block; width:37px; height:3px; background:#bcc3c8; margin:15px 0 10px 0;}
.newsright .news_div_item_date{ position:absolute; bottom:30px; left:325px; font-size:0;}
.newsright .news_div_item_date>div{ display:inline-block; vertical-align:top; font-size:18px; color:#a9abae; font-family:Arial, Helvetica, sans-serif;}
/*版权*/
.copyright{background:#081728 url(../images/20201024152713_511263016.jpg) no-repeat top center;}
.crconcat{margin: 30px 0;padding:40px 35px; background:#fff; display: inline-block; box-sizing: border-box;width: 100%;}
.crtitl{ font-size:26px; color:#0575e9; font-family:Arial, Helvetica, sans-serif;}
.crw{ display:inline-block; font-size:16px; color:#333333;}
.crw em{ display:block; font-size:16px; color:#717477; font-weight:lighter; margin:7px 0 30px 0;}
.crw i{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#222222;}
.crw+.crw{ margin-left:40px;}
.crcode img{ width:132px; height:132px;}
.crcode span{ display:inline-block; width:39px; text-align:center; font-size:14px; color:#fff; font-weight:lighter; background:#0575e9; box-sizing:border-box; height:132px; padding:10px 10px; line-height:16px; float:left;}
.craddr{ width:405px; background:url(../images/20201024152712_1149724597.png) no-repeat right 5px;}
.crphone{ width:480px; background:url(../images/20201024152712_1925134331.png) no-repeat right 5px; margin-left:100px;}
.links{ line-height:124px; border-top: 1px dashed #292e34; font-size:16px; color:#fff;}
.links p.fl{ padding-left:35px; background:url(../images/20201024153705_751701170.png) no-repeat left center; font-weight:bold;}
.links p.fl span{ font-size:18px; vertical-align:bottom; padding:0 20px 0 5px;}
.end{ border-top:1px solid #161c22; line-height:115px;}
.end,.end a{ font-size:15px; color:#788288;}
.end a:hover{ color:#fff;}
.crcon{ padding:60px 0;}
.kslj{ font-size:0;}
.kslj li{ display:inline-block; vertical-align:top; padding:0 75px; position:relative;}
.kslj li:after,.kslj li:nth-child(1):before{ content:''; display:block; position:absolute; width:3px; height:175px; right:0; top:0; background:url(../images/20201024152713_351015207.png) no-repeat center;}
.kslj li p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj li:nth-child(1):before{ right:auto; left:0;} 
.kslj li a{ display:block; font-size:14px; color:#788288; line-height:30px;}
.kslj li a:hover{ color:#fff;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:4px; border:1px solid #2f363c; width:140px; height:140px;}
.codecon dl { width:150px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#455567;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0575e9;}
.end{background: #0575e9;}
.end a:hover{text-decoration: underline;}
.end,.end a{font-size: 15px;color: #feffff; line-height: 99px;}