@charset "utf-8";
/* CSS Document */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup,i{font-style:inherit;font-weight:inherit;}
*{box-sizing: border-box;font-size:14px;line-height:1em;}
html, body {min-height: 100%;}
body{min-width:1300px;}
body {font:14px/1.5 "Microsoft YaHei";font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol,li{list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #333;}
b{font-weight:normal;}
table {border-collapse: collapse;table-layout: fixed;}
tr,td{padding:0 !important;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.fl {float: left}
.fr {float: right}
.tl {text-align: left;}
.tc {text-align: center}
.tr {text-align: right;}
.cl,.clear{clear:both;}
.dfc{display:flex;align-items:center;justify-content:center;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}
.rob{font-family:'rob';}
.p80{padding-bottom: 80px !important;}
.m80{margin-bottom: 80px !important;}
.ov{overflow:hidden;}
.db, .lb, .dd{font-size:0;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}
.m40{margin-bottom: 40px !important;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.page,.w1300{width:1300px;margin:0 auto;}
:focus {outline:none;background-color:transparent;}
::selection{background:#0061ca;color: #fff;}

@font-face {
  font-family: 'din';
  src: url("../css/fonts/din.eot.txt") format('embedded-opentype'),
      url("../css/fonts/din.woff2.txt") format('woff2'),
      url("../css/fonts/din.woff.txt") format('woff'),
      url("../css/fonts/din.ttf.txt") format('truetype'),
      url("../css/fonts/din.svg.txt") format('svg');
}

/*bse*/
.bse b{background: url(../images/20201231094550_2069427882.png) no-repeat center !important;}
.bse strong,.bse em,.bse b,.bse p{color: #fff !important;}

/*bt*/
.bt{text-align: center;padding-top: 80px;margin-bottom: 50px;position: relative;}
.bt b{font-size:42px;font-weight:bold;display: block;background: url(../images/20201231090733_1814711281.png) no-repeat center;}
.bt b strong{font-size:42px;font-weight:bold;color:#0061ca;}
.bt p{font-size: 20px;line-height: 20px;display: block;font-weight: lighter;margin-top: 20px;}

/*抬头*/
.htop{background:url(../images/20201230163227_1578291190.jpg) no-repeat center;font-size:14px;color:#9a9ea2;height: 52px;}
.htop p{line-height:52px;}
.htop a{display:inline-block;font-size:14px;color:#bfdaf8;padding-left:30px;position:relative;line-height: 52px;}
.htop a+a{margin-left:22px;}
.htop a:nth-child(1){ background:url(../images/20201230171207_1727915031.png) no-repeat left center;}
.htop a:nth-child(2){ background:url(../images/20201230171207_406864350.png) no-repeat left center;}
.htop a:nth-child(3){ background:url(../images/20201230171207_548865198.png) no-repeat left center;}
.htop a .xl{background:rgba(255,255,255,0.96);position:absolute;top: 52px;right:0;padding:10px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;}
.htop a .xl img{width:117px;}
.htop a:hover .xl{transform:rotateX(0deg);}
.htop a:hover{ color:#fff; text-decoration:underline;}
.hlogo{ margin-top: 27px;}
.hlogo p{margin-left: 18px;}
.hlogo p span{display:block;font-family: cursive;text-transform:uppercase;font-size:11px;color:#999;margin:7px 0 0 0;letter-spacing: 0.6px;}
.hline{margin:30px 25px;width:1px;height:72px;background:url(../images/20201230171331_1165114530.jpg) no-repeat center;}
.hmean{ font-size:17px; color:#333333;margin-top: 44px;}
.hmean strong{ display:block;font-size:24px; color:#0163d2;margin-bottom: 10px;font-weight: bold;}
.hconcat{font-size:16px; color:#a3a7ac; padding-left:46px; background:url(../images/20201230171207_799283567.png) no-repeat left 0px;margin-top: 50px;}
.hconcat strong{margin-top: 5px;display: block;}
.hconcat em{display:block;font-size:30px;line-height:34px;color:#0163d2;font-family:Arial, Helvetica, sans-serif;font-weight: bold;} 

/*nav*/
.nav_bg{width: 100%;height: 60px;background:#0061ca;position: relative;z-index: 10;}
.nav{height:60px;position: relative;}
.nav>ul>.block{background:#0061ca;height: 60px;display: block; position: absolute; top: 0; font-weight: bold; }
.nav .lb{width: 100%;}
.nav li{width: calc(100% / 7); float: left;}
.nav li+li{position:relative;}
.nav li+li::after{position:absolute;content:'';height:20px;top: 50%;left:0;width: 1px;margin-top: -10px;background: rgba(255, 255, 255, 0.2);}
.nav li a{font-size: 16px;display: block;position: relative;z-index: 2;height: 60px;text-align: center;line-height: 60px;transition: all 0.5s;text-transform: uppercase;color:#fff;}
.nav li a:after,.nav li a:before{ content:''; display:block; position:absolute; width:100%; transition:all .3s ease; height:0; left:0;z-index: -1;}
.nav li.cur a:before,.nav li a:hover:before,.nav li.cur a:after,.nav li a:hover:after{ height:50%;}
.nav li a:before{ background:#f08519; bottom:0;}
.nav li a:after{ background:#f08519; top:0;}

/*幻灯片*/
.banner{overflow:hidden;width:100%;position: relative;}
.banner-box{ min-width:1400px;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-color:#eee;}
.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;bottom:0;left:0;margin-left:0;height:60%;overflow:hidden;}
.banner-btn a{ display:block;width:49px; height:104px;position:absolute;top:0;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/20201230171423_485616105.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px;background:url(../images/20201230171423_485616105.png) no-repeat -49px 0;}
.banner-box .hd { position:absolute;bottom:30px;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}
.banner-box .hd ul li.on{ background:#0061ca;border-radius:50px;width:50px;height:10px;}
.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:77px; border-bottom:1px solid #f2f2f2;}
.keyword ,.keyword a{ font-size:16px; color:#666666; line-height:77px;}
.keyword a:hover{ color:#0061ca;}
.keyword{ padding-left:55px;background:url(../images/20201230172837_1975821593.png) no-repeat left center;}
.search_bg{ margin:1px 0;}
.search_bg input{ display: inline-block; vertical-align:top;}
#soo{ background:#0061ca;}
#infoname{ padding-left:75px; width:200px; box-sizing:content-box;border:none; border-left:1px solid #e9e9e9; background:url(../images/20201230172326_1922933247.png) no-repeat left center; height:75px;}

/*产品展示*/
.product{padding-bottom: 80px;}
.procenter{ margin-top:45px;}
.proclass{ width:230px; background:#f3f3f3;}
.pct{height:100px;background: linear-gradient(to top,#0263ca,#1f4aaa);font-size:14px;color:#ffffff;font-weight:lighter;text-transform:uppercase;text-align:center;margin-bottom:1px;padding-top: 20px;}
.pct b{display:block;font-size:36px;line-height: 36px;font-weight: bold;margin-bottom: 15px;}
.pcc table,.pcc tbody,.pcc tr,.pcc td{display:block;width:100%;padding:0 !important;overflow: hidden;transition: 0.8s all ease;}
.pcc li a{ display:block; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden; transition:all .3s ease;}
.pcc li b{ font-size:0; font-weight:normal !important;}
.pcc li b a{line-height:50px;background: #0263ca;padding-left:28px;font-size:17px;color:#ffffff;position:relative;padding-left:64px;}
.pcc li b a:after{ content:''; position:absolute; display:block; width:42px; height:100%; background:#f0851a url(../images/20201231110703_1713769193.png) no-repeat center; top:0; left:0;}
.pcc ul dl{background: #0263ca;}
.pcc ul dl dd{ border-bottom: solid 1px #fff; padding-left: 30px;}
.pcc ul dl dd a{ display: block;  line-height: 38px; color: #fff;}
.pcc ul dl dd:hover{ background: #f0851b;}
#showtyepname{max-height: 0px;line-height: 0px;width: 100%;overflow: hidden;transition: 0.8s all ease;display: block;}
#showtyepname > div { width: 230px; display: block; }
#showtyepname div a{ line-height:49px; border-bottom:1px solid #fff; font-size:15px; color:#666666; font-weight:lighter; padding-left:37px;}
#showtyepname div a:after{ content:''; display:block; width:5px; height:9px; position:absolute; top:0; bottom:0; left:19px; background:url(../images/20200927103317_2091994756.png) no-repeat center; margin:auto 0;}
#showtyepname div a:hover{ color:#0061ca;}
.pcc tr.open .submenu{ max-height: 680px !important; }
/* .pcc{max-height:634px;} */
.proshow{ width:1030px;}
.proshow td{ display:inline-block; position:relative; width:330px; padding:0 !important; background:#f4f4f4; transition:all .3s ease; margin-bottom:10px;}
.proshow td a,.proshow td span{ display:block; position:relative;}
.proshow td br{ display:none;}
.proshow td span a{width: 50%;font-size: 16px;color: #fff;z-index: 3;transition: all .3s ease;line-height: 50px;float: left;background: #0364ca;}
.proshow td span a:first-child {float: right;background: #f0851b;}
.proshow td span:after{ content:''; display:block; position:absolute; top:0; right:0; width:0; height:100%; transition:all .3s ease; background:#0061ca;}
.proshow td:hover span a{ color:#fff;}
.proshow td:hover span:after{ width:100%;}
.proshow td{ margin-left:15px;}
.proshow td:nth-child(4){ margin-left:0px;}
.proshow td:nth-child(1){ margin-left:0px;}
.proshow td:nth-child(7){ margin-left:0px;}
.proshow td:nth-child(10){ margin-left:0px;}
.proshow td:nth-child(13){ margin-left:0px;}
.proshow td:nth-child(16){ margin-left:0px;}
.proshow tr+tr{ display:block; margin-top:22px;}
.proshow td>a{ position:relative; overflow:hidden; border:1px solid #e7e7e7;}
.proshow td>a img{ transition:all .6s ease;}
.proshow td:hover>a img{ transform:scale(1.1);}

/*聚焦企业优势，让您放心选择*/
.adv{ height:1020px; background:url(../images/20210105113501_1200349118.jpg) no-repeat center;}
.advtitle{height: 248px;padding-top:60px;color:#fff;text-align:center;margin-bottom:57px;}
.advtitle p{font-size:45px;}
.advtitle b{font-size:45px;line-height: 60px;}
.advtitle span{ display:block; font-size:20px; color:#f1f1f1; font-weight:lighter; margin-top:15px;}
.advline{ position:relative;color:#373737;position:relative; letter-spacing:2px;}
.advline span{font-size:25px;}
.advline em{color:#0061ca;font-size:25px;}
.advline i{ display:block; width:320px; height:1px; background:#e1e1e1; position: absolute; top:15px; left:140px;}
.advline i:after{ content:''; display:block; position:absolute; width:25%; background:#0061ca; height:3px; transition:all .5s ease; top:-1px; left:0;}
.advline2 i:after{ width:50%;}
.advline3 i:after{ width:75%;}
.advline4 i:after{ width:100%;}
.advcenter{ width:1610px;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:flex-start; }
.advtab{ width:217px;}
.advtab li{cursor:pointer; text-align:center; height:160px; text-align:center;color:#555555; background:#fff; transition:all .3s ease;}
.advtab li b{font-size: 25px;font-weight: bold;}
.advtab li+li{border-top: 1px solid #f7f7f7;}
.advtab li:nth-child(2) .advicon{ background-position-x:-51px; width:45px;}
.advtab li:nth-child(3) .advicon{ background-position-x:-123px; width:38px;}
.advtab li:nth-child(4) .advicon{ background-position-x:-186px; width:37px;}
.advtab li.on{ background:#0061ca;}
.advtab li.on,.advtab li.on em{ color:#fff;}
.advtab li.on .advicon{ background-position-y:-59px;}
.advicon{ display:inline-block; width:35px; height:38px; background:url(../images/20201231084151_1243927287.png) no-repeat left top; transition:all .3s ease; margin:25px 0 15px 0;}
.advtab li em{ display:block; font-size:13px; color:#999999; font-weight:lighter; text-transform:uppercase; margin-top:15px;transition:all .3s ease;}
.advcon{ width:1394px; background:#fff; height:640px!important;border-left: 1px solid #f5f5f5;}
.advcon ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.advleft{ margin-left:40px; width:530px;}
.advt em{font-size:65px;color:#e6e3e3;font-family:impact;display: block;line-height: 80px;}
.advt b{display:block;font-size:34px;color:#343434;margin:0 0 10px 0;font-weight: bold;line-height: 45px;}
.advt:after{ content:''; display:block; width:40px; height:3px; background:#d8d8d8;}
.advwa{margin:35px 0 50px 0;}
.advwa p{font-size:15px; line-height:35px; color:#999999;}
.advwa p+p{ margin-top:15px;}
.advtel{ margin-bottom:40px; padding-left:50px; background:url(../images/20201231084151_1017284151.png) no-repeat left center; font-size:15px; color:#999999;}
.advtel em{ font-size:30px; color:#666666; vertical-align:sub; padding-left:15px;}

/*应用场景*/
.use{padding-bottom: 80px;}
.use .bt{margin-bottom: 10px;}
.usecon .swiper-slide{ margin-bottom:60px; border:6px solid transparent;}
.usecon{width:90%; margin:0 auto 0 auto; position:relative; overflow:hidden;padding-top: 50px;}
.usecon .swiper-slide a{ display:block;}
.usecon .swiper-slide a img{width:100%;height:auto; opacity:.9;}
.usecon .swiper-slide.swiper-slide-active{ border-color:#ffffff; opacity:1;}
.usecon .swiper-slide a p{ position:absolute; width:100%; top:110%; text-align:center; opacity:0; transition:all .3s ease;}
.usecon .swiper-slide a p:before{ display:block; content:''; width:1px; height:50px; background:#dadede; margin:0 auto 20px auto;}
.usecon .swiper-slide a p span{font-size:24px; color:#333;}
.usecon .swiper-slide.swiper-slide-active a img{ opacity:1;}
.usecon .swiper-slide.swiper-slide-active p{ top:95%; opacity:1;}
.use .usejt{ position:relative; text-align:center;}
.usejt>div+div{ margin-left:450px;}
.usejt>div{ position:relative; display:inline-block; vertical-align:top; background:#dadede; width:64px;height:56px; top:inherit;left:inherit; right:inherit;}

/*合作伙伴*/
.partner{background:#0061ca;padding-bottom: 80px;}
.partner_box{margin:0px auto;background: #fff;box-shadow: 0 0 18px #0079fc;padding: 50px 60px;width: 75%;}
.partner_d{width:1300px;}
.partner_d td{display:block; overflow:hidden; float:left; position:relative; padding:8px !important; width:259px; transition: all 0.3s linear; background: #fff; margin-top: -1px; border: 1px solid #f1f1f1;}
.partner_d td+td{margin-left: -1px;}
.partner_d td:nth-child(6){margin-left: 0px;}
.partner_d td a{display:block; position:relative; overflow:hidden; background:#000; transition: all 0.3s linear;}
.partner_d td img{width:100% !important;transition: all 0.3s linear; position:relative; z-index:1;}
.partner_d td br{display:none;}
.partner_d td div{display:none;}
.partner_d td a::before{content:""; display:block; position:absolute; top:0; width:100%; height:100%; background:url(../images/20201231094021_1358469127.png) no-repeat center; background-size:200px; z-index:2; filter:Alpha(opacity=0); opacity:0; transition: all 0.3s linear;}
.partner_d td:hover{transition: all 0.3s linear;}
.partner_d td:hover img{transition: all 0.3s linear; filter:Alpha(opacity=20); opacity:0.2;}
.partner_d td:hover a::before{transition: all 0.3s linear; background-size:70px; filter:Alpha(opacity=100); opacity:100;}

/*带您走进汉能*/
.about{padding: 80px 0 0;}
.abright{width: 650px;}
.ableft{width: 570px;margin: 55px 0 0 50px;}
.abcon{background: #f7f8f9;margin: 0px 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 p{text-indent: 2em;font-size: 14px;color: #82868a;line-height: 35px;margin: 25px 0 10px 0;}
.abbtn a{display: inline-block;font-size: 18px;color: #82868a;padding-left: 60px;height: 46px;line-height: 28px;}
.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/20201231110156_116099553.png) no-repeat left center;}
.abbtn a:nth-child(2){background: url(../images/20201231110156_1501788750.png) no-repeat left center;}
.abbtn a:nth-child(3){background: url(../images/20201231110156_1072249822.png) no-repeat left center;}
.qyxx{position: relative;}
.qyjt{position: absolute; cursor: pointer; top: 40%; left:-52px;  width: 22px;height: 42px;background:url(../images/20201231110256_795993137.png) no-repeat left top; }
.qyjt.next{background: url(../images/20201231110325_322502589.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-bottom: 80px;}
.news .title:after{display: none;}
.newstab a{ display:inline-table; width:220px; height:62px; background:#e7eaec; line-height:62px; font-size:20px; color:#313335; 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/20201231102321_42086139.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:#0061ca; color:#fff;}
.newstab{ margin:40px 0; text-align:center;}
.news .news_div_item{ display:inline-block; vertical-align:top; position:relative; width:412px;}
.news .news_div_item+.news_div_item{ margin-left:26px;}
.news .news_div_item_pic a{ display:block; position:relative;}
.news .news_div_item_pic{ border:1px solid #e4e6e7; overflow:hidden; margin-bottom:172px; position:relative;}
.news .news_div_item_pic a:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.3); opacity:0; transition:all .3s ease;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;}
.news .news_div_item_date{ font-size:0; position:absolute; left:0; bottom:20px;}
.news .news_div_item_date>div{ display:inline-block; font-size:18px; color:#9da0a2; font-family:Arial, Helvetica, sans-serif;}
.news .news_div_item_content{ position:absolute; width:100%; height:172px; box-sizing:border-box; border-bottom:1px solid #e4e6e7; bottom:0; left:0;}
.news .news_div_item_a{ display:block; font-size:18px; color:#333536; margin:20px 0 10px 0; position:relative; transition:all .3s ease;}
.news .news_div_item_body{ font-size:14px; color:#9da0a2; line-height:26px; height:52px; padding-right:15px;} 
.news .news_div_item_a:after{ content:''; display:block; width:16px; position:absolute; height:14px; background:url(../images/20201231102357_1047330179.png) no-repeat left center; transition:all .3s ease;  right:15px; top:110px;}
.news .news_div_item:hover .news_div_item_pic a:after{ opacity:1;}
.news .news_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.news .news_div_item:hover .news_div_item_a{color:#1571df;}
.news .news_div_item:hover .news_div_item_a:after{ background-position-x:-16px;}

/* 友情链接*/
.links{ line-height:95px; background:#0061ca; font-size:18px; color:#bbc7de; font-weight:lighter;}
.links p{line-height:95px;}
.links p.fr a{ font-size:14px; color:#d2dbec;line-height:95px;}
.links p.fr a:hover{ color:#fff;} 
.links p.fl:nth-child(1){ font-size:28px; color:#ffffff; font-family:din; padding-left:65px; background:url(../images/20201231110356_2052154971.png) no-repeat left center; margin-right:10px;}
/* 版权*/
.copyright{ width:100%; height:auto; position:relative;margin:0 auto;background: #f9f9f9;}
.copyright_l{width:828px;}
.copyright_r{width:472px; height: auto; border-left:1px #e6e6e6 solid; padding:60px 0 60px 60px}
.coplogo{height:156px;border-bottom:1px #e6e6e6 solid; }
.copyright:after{content: '';display: block;position: absolute;width: 16%;height: 1px;left: 0;top: 156px;background: #e6e6e6;z-index: 1;}
.coplogo p{display: inline-block;vertical-align: sub;}
.coplogo p+p{padding-top:60px; padding-left:30px; color:#0061ca; }
.coplogo p+p b{font-size: 22px;font-weight: bold;}
.coplogo img{padding:12px 0;}

.kslj{ font-size:0; margin-top:20px;}
.kslj li{ display:inline-block; vertical-align:top;}
.kslj li p{ font-size:18px; color:#222;}
.kslj li p:after{ content:''; display:block; width:19px; height:2px; background:#c1c1c1; margin:10px 0;}
.kslj li a{ display:block; font-size:15px; color:#333; line-height:35px;}
.kslj li a:hover,.end a:hover{ color:#0061ca;}
.kslj li+li{ margin-left:100px;}

.crconcat{ width:438px;}
.cr_tel{ padding:0 0 20px 0px;margin-bottom:25px; font-size:15px; color:#333;}
.cr_tel em{ display:block; font-size:36px; color:#f08519; font-family:din; position:relative;margin-top: 5px;}

.cr_tel em:after {content: '';display: block;position: absolute;width: 2px;height: 2px;z-index: 1;background: #f08519;left: 5px;top: 60px;
animation: widthchange 2s linear infinite;
-moz-animation: widthchange 2s linear infinite; /* Firefox */
-webkit-animation: widthchange 2s linear infinite;  /* Safari 和 Chrome */
-o-animation: widthchange 2s linear infinite;   /* Opera */
}
.craddr{  font-size:15px; color:#333; line-height:35px;}
.craddr p{ padding-left:28px; background:url(../images/20201231110450_1717099840.png) no-repeat left center;line-height: 35px;font-size: 16px;}
.craddr p:nth-child(2){background:url(../images/20201231110450_94355382.png) no-repeat left center;}

.crcode{font-size: 0; margin-top:30px;}
.kslj li,.crcode li,.crcontact li{display: inline-block;vertical-align: top;}
.crcode li img{width: 126px;height: 126px;}
.crcode li+li{margin-left: 10px;}
.crcode li span{display: block;line-height: 40px;font-size: 15px;color: #333; text-align: center;}
.end{background:#ebebeb;}
.end p{line-height: 30px;font-size: 15px;color: #666;}
.end a:hover{color: #f08519;}

@keyframes widthchange{
    0%{ width:20%}
    50%{ width:100%}
    100%{ width:20%}
}

@-moz-keyframes widthchange /* Firefox */
{
0%{ width:20%}
    50%{ width:100%}
    100%{ width:20%}
}
}

@-webkit-keyframes widthchange /* Safari 和 Chrome */
{
0%{ width:20%}
    50%{ width:100%}
    100%{ width:20%}
}
}

@-o-keyframes widthchange /* Opera */
{
0%{ width:20%}
    50%{ width:100%}
    100%{ width:20%}
}
}