<style>
/*通用代码*/
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
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: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #0163d2;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none}
.w1300{ width:1300px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.title{ text-align:center; font-size:18px; color:#888888;}
.title strong{ display:block; font-size:40px; color:#333333; margin:0 0 8px 0;}
.title span{ color:#0163d2;} 
/*抬头*/
.htop{ line-height:52px; background:url(../images/20200724112743_1714969398.jpg) no-repeat center; font-size:14px; color:#9a9ea2;}
.htop a{ display:inline-block; font-size:14px; color:#bfdaf8; padding-left:30px; position:relative;}
.htop a+a{ margin-left:22px;}
.htop a:nth-child(1){ background:url(../images/20200724112742_595784515.png) no-repeat left center;}
.htop a:nth-child(2){ background:url(../images/20200724112742_1648982691.png) no-repeat left center;}
.htop a:nth-child(3){ background:url(../images/20200724112742_756199567.png) no-repeat left center;}
.htop a img{ width:136%; height:auto; position:absolute; top:52px; left:0; display:none; z-index:999;}
.htop a:hover img{ display:block;}
.htop a:hover{ color:#fff; text-decoration:underline;}
.hlogo{ margin:27px 0;}
.hlogo p{ margin:0px 0 0 18px;}
.hlogo p span{ display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:16px; color:#888888; margin:7px 0 0 0; letter-spacing:0.3px;}
.hline{ margin:40px 20px 0 20px; width:1px; height:72px; background:url(../images/20200724115134_1209233110.jpg) no-repeat center;}
.hmean{ font-size:17px; color:#333333; margin:25px 0 0 0;}
.hmean strong{ display:block; font-size:24px; color:#0163d2; margin:0 0 3px 0;}
.hconcat{ font-size:16px; color:#a3a7ac; padding-left:43px; background:url(../images/20200724113918_1189370012.png) no-repeat left 10px; margin:33px 0 0 0;}
.hconcat strong{ display:block; font-size:30px; line-height:34px; color:#0163d2; font-family:Arial, Helvetica, sans-serif;}
.hconcat em{ letter-spacing:-0.5px;} 
/*导航*/
.nav{ font-size:0; position:relative; background:#0163d2;}
.nav:after{ content:''; display:block; position:absolute; height:50%; width:100%; left:0; bottom:0; background:#0a5dbc;}
.nav li{ display:inline-block; line-height:70px; padding-left:54px; padding-right:55px; position: relative; z-index:999;}
.nav li a{ display:block; font-size:16px; color:#fff; text-align:center; position:relative; z-index:9999; transition:all .3s ease;}
.nav li:after,.nav li:before{ content:''; display:block; position:absolute; width:100%; transition:all .3s ease; height:0; left:0;}
.nav li.cur:before,.nav li:hover:before,.nav li.cur:after,.nav li:hover:after{ height:50%;}
.nav li:before{ background:#babcc7; bottom:0;}
.nav li:after{ background:#e9eaec; top:0;}
.nav li.cur>a,.nav li:hover>a{ color:#000;}
/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:660px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:660px; background-position: center; background-repeat: no-repeat; 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; top:260px; left: 0; margin-left: 0; height: 370px; 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/20200724112131_1259715764.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20200724112131_1259715764.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:13px; height:13px; 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: #0163d2;border-radius: 130px; width:60px;}
.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{ background:#f6f6f6; margin:0 0 1px 0;}
.keywords,.keywords a{ line-height:80px; font-size:14px; color:#555555;}
.keywords span,.keywords a:hover{ color:#0163d2;}
#search_bg input{ display:block; float:left; border:none;}
#sso{ background:#0163d2;}
#search_bg #infoname{ height:80px; border-left:1px solid #ebebeb; padding-left:63px; width:140px; background:url(../images/20200724113918_502672884.png) no-repeat left center; box-sizing:content-box;}
/*用心做好每一个铝合金铸造件*/
.trait{ padding:55px 0 0 0; background:url(../images/20200724141248_1539147152.jpg) no-repeat center; height:613px;}
.trait .title{ font-size:16px;}
.traul{ font-size:0; padding:60px 0 0 0;}
.traul li{ display:inline-block; position:relative;}
.traul li+li{ margin-left:40px;}
.traul dl{ overflow:hidden; width:294px; height:294px; border-radius:50%; background:url(../images/20200724142134_1104313692.png) no-repeat center; text-align:center; font-size:16px; color:#666666; line-height:30px; cursor: pointer;}
.traul li:after{ content:''; display:block; position:absolute; top:100%; left:0; width:100%; height:57px; background:url(../images/20200724142134_440764111.png) no-repeat center;}
.traul li:nth-child(2n) dl{ background:url(../images/20200724142134_273388945.png) no-repeat center;}
.traul dl span{ display:block; margin:40px auto 12px auto; width:53px; height:57px; background:url(../images/20200724142609_135945038.png) no-repeat top left;transition:all .3s ease; overflow:hidden;}
.traul dl strong{ display:block; font-size:28px; color:#333333; margin:0 0 15px 0; transition:all .3s ease;}
.traul dl span,.traul dl p{ position:relative; z-index:333;}
.traul li:nth-child(2) dl span{ background-position-x:-75px;}
.traul li:nth-child(3) dl span{ background-position-x:-149px; width:60px;}
.traul li:nth-child(4) dl span{ background-position-x:-240px;}
.traul dl:hover{ color:#afcef1;}
.traul dl:hover strong{ color:#fff;}
.traul dl:hover span{ background-position-y:-76px;}
.traul dl:after{ content:''; display:block; width:100%; height:0; position:absolute; top:0; left:0; transition:all .4s ease; background:#0163d2;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); border-radius:50%;}
.traul dl:hover:after{ height:100%;}
/*长德 · 产品展示*/
.products{ padding:50px 0 60px 0;}
.procenter{ padding:35px 0 0 0;}
.protab{ font-size:0; margin:0 0 40px 0;}
.protab a{ display:inline-block; position:relative; width:240px; line-height:60px; background:#e7e9eb; font-size:18px; color:#333333;transition:all .3s ease;}
.protab a+a{ margin-left:25px;}
.protab a span{ padding-left:49px;}
.protab a:after{ content:''; display:block; position:absolute; width:26px; height:24px; background:url(../images/20200724145041_835995833.png) no-repeat center; transition:all .3s ease; top:18px; right:16px;}
.protab a.on:after{ background:url(../images/20200724145041_1781921041.png) no-repeat center;}
.protab a.on{ background:#0163d2; color:#fff;}
.procon .index_pro{ display:inline-block; padding:0 !important; border:1px solid #eeeeee; overflow:hidden;}
.procon .index_pro br{ display:none;}
.procon .index_pro a,.procon .index_pro span{ display:block; position:relative;}
.procon .index_pro div{padding:0 !important;}
.procon .index_pro span a{ line-height:67px; transition:all 0.3s ease; font-size:18px; color:#666666; z-index:99;}
.procon .index_pro span{ border-top:1px solid #eeeeee; position:relative;}
.procon .index_pro span:after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#0163d2; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon .index_pro{ margin-right:15px; margin-top:20px;}
.procon .index_pro:nth-child(3n){ margin-right:0px; }
.procon .index_pro>a:after,.procon .index_pro>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;}
.procon .index_pro>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.procon .index_pro:hover>a:before{ opacity:1;}
.procon .index_pro>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#0163d2; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon .index_pro:hover>a:after{ left:37%;}
.procon .index_pro:hover span:after{ height:100%;}
.procon .index_pro:hover span a{ color:#fff;}
.procon .index_pro>a{ overflow:hidden;}
/*专业研发生产铝重力铸造厂家*/
.adver{ background:url(../images/20200724151142_809341223.jpg) no-repeat center; padding:60px 0 0 0; height:220px;}
.adverleft{ font-size:18px; color:#fff;}
.adverleft i{ display:block; font-size:38px; margin:0 0 15px 0;}
.adverleft em{ font-size:14px; color:#6a9dd7; font-family:Arial, Helvetica, sans-serif; line-height:25px; display:block; margin:20px 0 0 0;}
.adverconcat{ font-size:18px; color:#fff; padding-left:35px; background:url(../images/20200724151142_433443763.png) no-repeat left center; margin:0 0 27px 0;}
.adverconcat span{ font-weight:bold; font-size:30px; font-family:Arial, Helvetica, sans-serif; padding:0 10px;}
.advtra span{ display:inline-block; width:134px; height:137px; text-align:center; line-height:75px; font-size:22px; font-weight:lighter; color:#fff; background:url(../images/20200725150125_198039396.png) no-repeat center;}
.advtra span+span{ margin-left:10px;}
/*实力是选择我们的坚实保障*/
.adv{ padding:70px 0 0 0; background:url(../images/20200724152337_1138492298.jpg) no-repeat center; height:1201px;}
.advtitl{ text-align:center; font-size:40px; color:#0163d2;}
.advtitl span{ display:block; margin:15px 0 0 0; background:url(../images/20200724152336_808315944.png) no-repeat center; line-height:58px; font-size:26px; color:#333333;}
.advtab{ margin:52px 0 50px 0; font-size:0;}
.advtab li{ width:306px; height:160px; display:inline-block; transition:all .3s ease; background:#0163d2; cursor:pointer; text-align:center; color:#accff7;}
.advtab li+li{ margin-left:25px;}
.advtab li p{ padding:18px 0 0 0;}
.advtab li strong{ display:block; font-size:30px; margin:0 0 3px 0;}
.advtab li em{font-size:14px; color:#4e8dd5; text-transform:uppercase;}
.advtab li span{ display:inline-block; width:53px; height:60px; background:url(../images/20200724153851_1475728391.png) no-repeat top left; transition:all .5s ease;}
.advtab li:nth-child(2) span{ background-position-x:-54px;}
.advtab li:nth-child(3) span{ background-position-x:-120px;}
.advtab li:nth-child(4) span{ background-position-x:-197px;}
.advtab li.on{ background:#ff981c; color:#fff;}
.advtab li.on em{ color:#ffcf98;}
.advtab li.on span{ background-position-y:-81px;}
.advcon ul{ height:480px; background:#fff;}
.advline span {display: block;width: 100%;height: 120px; background: #ff981c;animation: waves 2s linear 0s infinite alternate;-webkit-animation: waves 2s linear 0s infinite alternate;
}
.advline { height: 100%; width: 15px; background: #0163d2;}
@-webkit-keyframes waves {
  10% {
    height: 20%;
  }
  20% {
    height: 60%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 70%;
  }
  100% {
    height: 50%;
  }
}

@keyframes waves {
  10% {
    height: 20%;
  }
  20% {
    height: 60%;
  }
  40% {
    height: 40%;
  }
  50% {
    height: 70%;
  }
  100% {
    height: 50%;
  }
}
.advcen{ width:535px; padding:30px 0 0 50px;}
.advnum{ font-size:66px; color:#cfd5db; font-family:impact;}
.advnum:after{ content:''; display:block; height:26px; width:2px; background:#bfc7d1; margin:5px 0 12px 10px;}
.advt{ font-size:22px; color:#9eadbd; padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #e7eef6;}
.advt strong{ display:block; font-size:32px; color:#0871e6; margin:0 0 5px 0;}
.advw p{ font-size:15px; color:#9eadbd; line-height:38px; padding-left:30px; background:url(../images/20200724152336_1618879708.png) no-repeat 0 14px;}
.comnum{ font-size:0; padding-top:60px;}
.comnum li{ width:20%; text-align:center; position:relative; display:inline-block; font-size:18px; color:#333333;}
.comnum li em{ display:block; position:relative; text-align:left; padding-left:90px;}
.comnum li span{ font-size:56px; color:#0163d2; font-family:impact;}
.comnum li i{ position:absolute; width:28px; height:28px; line-height:28px; border-radius:50%; background:#0163d2; color:#fff; font-size:14px; font-weight:bold; right:65px; top:5px; text-align:center;}
.comnum li:nth-child(2) em{ padding-left:55px;}
.comnum li:nth-child(2) i{ right:48px;}
.comnum li+li:after{ content:''; display:block; position:absolute; left:0; top:7px; height:87px; border-left:1px dashed #cbcbcb;}
/*长德 • 应用案例*/
.case{padding:60px;}
.case .title em{ font-weight:normal;}
.casecon{ padding:45px 0 0 0;}
.casecon>ul{ width:642px; font-size:0;}
.casecon>ul li dl{ position:relative; display:inline-block; width:316px; height:231px; overflow:hidden;}
.casecon>ul li dl>a{ display:block;}
.casecon>ul li dl img{ width:100%; height:100%; transition:all .6s ease;}
.casecon>ul li dl p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:18px; color:#fff; line-height:46px; background:rgba(30,32,31,0.68); transition:all .3s ease;}
.casecon>ul li+li{ margin:10px 0 0 0;}
.casecon>ul li dl:hover p{ background:rgba(1,99,210,0.8);}
.casecon>ul li dl:hover img{ transform:scale(1.1);}
.casecon>ul li dl+dl{ margin:0 0 0 10px;}
.casebig{ width:642px !important; height:482px !important;}
.casebig p{ line-height:66px !important;}
/*定制流程*/
.process{ padding:0 0 60px 0;}
.pcul li{ display:inline-block; position:relative;  width:134px; height:159px; position:relative; text-align:center; font-size:16px; color:#222222; line-height:150px; transition:all .3s ease; cursor:pointer;}
.pcul li:hover{ color:#0163d2; transform:translateY(-10px);}
.pcul li:hover:after{ top:66px;}
.pcul li+li{ margin-left:95px;}
.pcul li+li:after{ content:''; display:block; position:absolute; width:40px; height:18px; background:url(../images/20200724162803_1964379646.png) no-repeat center; top:56px; left:-74px; transition:all .5s ease;}
.pcul{ margin-top:50px;}
.pcul li:nth-child(1){ background:url(../images/20200724162803_2053212277.png) no-repeat center;}
.pcul li:nth-child(2){ background:url(../images/20200724162803_1416383936.png) no-repeat center;}
.pcul li:nth-child(3){ background:url(../images/20200724162803_1705561589.png) no-repeat center;}
.pcul li:nth-child(4){ background:url(../images/20200724162803_377007416.png) no-repeat center;}
.pcul li:nth-child(5){ background:url(../images/20200724162803_1456684947.png) no-repeat center;}
.pcul li:nth-child(6){ background:url(../images/20200724162803_1267445226.png) no-repeat center;}
/*图片抖动*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
/*关于长德*/
.about{ background:url(../images/20200724164355_1299188592.jpg) no-repeat top center; padding-top:65px;}
.abtitl{ text-align:center; font-size:16px; color:#ccdef3;}
.abtitl strong{ display:block; font-size:40px; color:#fff; margin-bottom:10px;}
.abcon{ padding-top:78px;}
.abwa{ width:550px; margin:15px 0 0 50px;}
.abt{ font-size:16px; color:#666666; padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
.abt strong{ display:block; font-size:26px; color:#0163d2; font-weight:bold; margin-bottom:10px;}
.abc{ font-size:14px; color:#858a90; line-height:36px; margin:30px 0 40px 0;}
.abbtn a{ font-size:18px; color:#656a6f; display:inline-block; padding-left:62px;}
.abbtn a em{ display:block; font-size:12px; color:#a2a6aa; margin:3px 0 0 0;}
.abbtn a+a{ margin-left:35px;}
.abbtn a:nth-child(1){ background:url(../images/20200724165604_673914331.png) no-repeat left center;}
.abbtn a:nth-child(2){ background:url(../images/20200724165604_1721755213.png) no-repeat left center;}
.abbtn a:nth-child(3){ background:url(../images/20200724165604_385222901.png) no-repeat left center;}
.qyxx{ position:relative; padding:90px 0 60px 0;}
.abjt{ cursor:pointer; width:33px; height:33px; top:45%; position:absolute;}
.ableft{ left:-50px; background:url(../images/20200724165604_2116463280.png) no-repeat top center;}
.abright{ right:-50px; background:url(../images/20200724165604_1559695814.png) no-repeat top center;}
.abjt:hover{ background-position: bottom center;}
.qyxx td{ display:inline-block; padding:0 !important; margin-right:14px;}
.qyxx td img{ width:306; height:auto;}
.qyxx td>a{ display:block; padding:3px; border:1px solid #e5e5e5;}
.qyxx td div{ padding-top:0px !important;}
.qyxx td br{ display:none;}
.qyxx td div a{ margin-top:10px; font-size:16px; color:#666666; display:block;}
.qyxx td:hover a{color:#0163d2; border-color:#0163d2;}
/*长德 · 新闻中心*/
.news{ padding:50px 0 60px 0; background:#f5f7f9;}
.news *{ box-sizing:border-box;}
.news .title strong{ background:url(../images/20200724171331_893917856.png) no-repeat center;}
.newstab a{ display:inline-table; width:220px; height:62px; background:#e6eaed; line-height:62px; font-size:22px; color:#414b4b; padding-left:86px; position:relative; transition:all 0.5s ease;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../images/20200724172001_1998123932.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{ width:692px; margin:0 auto;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#0163d2; color:#fff;}
.newstab{ margin:30px auto 40px auto;}
.nbcl_le{width:700px;}
.nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:40px;}
.nbcl_le .news_div_item_pic img{width:326px; height:220px;}
.news_div_item_title a{font-size:18px; color:#34383d;}
.news_div_item_title a:hover{ color:#0163d2;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#93999f; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#696d71;}
.new_more{width:28px;height:28px;border-radius:50%;background:url(../images/20200724172106_545878371.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:570px; padding-right:10px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #eceef0;padding:23px 0;position:relative;transition:300ms; height:145px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 10px rgba(7,99,210,0.26);z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:424px;padding-left:20px;border-left:1px solid #f2f5f5;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#333; font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#35373a;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#93999f;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcr_ri .news_div_item+.news_div_item{ border-top:none;}
.nbc_list{ padding:10px 0px;}
/*版权*/
.copyright{ background:#23272b; padding:20px 0 0 0;}
.crconcat{ padding:40px 35px; background:#fff;}
.craddr .crtitl{ font-size:26px; color:#0163d2; 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:#0163d2; box-sizing:border-box; height:132px; padding:10px 10px; line-height:16px; float:left;}
.craddr{ width:405px; background:url(../images/20200724173730_1331727095.png) no-repeat right 5px;}
.crphone{ width:480px; background:url(../images/20200724173731_1761959944.png) no-repeat right 5px; margin-left:100px;}
.crcon{ padding:50px 0; border-bottom:1px solid #2f373c;}
.crleft li{ height:204px; border-right:1px dashed #363a3e; padding:0 80px; float:left;}
.crleft li:nth-child(1){border-left:1px dashed #363a3e; }
.crleft li p{ font-size:20px; color:#fff; margin-bottom:15px;}
.crleft li a{ font-size:14px; color:#8e959d; line-height:30px; display:block;} 
.crleft li a:hover{ color:#fff; text-decoration:underline;}
.codecon dl p{ font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.codecon dl img{ display:block; padding:9px; border:1px solid #2f373d; width:140px; height:140px;}
.codecon dl { width:160px !important;}
.codetab{ margin:47px 0 0 47px;}
.codetab p{ border-radius:50%; cursor:pointer; background:#495969;}
.codetab p+p{ margin-top:14px;}
.codetab p.on{ background:#0163d2;}
.end{ border-top:1px solid #161c22; line-height:104px;}
.end ,.end a{ font-size:15px; color:#8e959d;}
.end a:hover{ color:#fff; text-decoration:underline;}
.links{ line-height:80px; background:#0163d2; font-size:18px; color:#fff;}
.links p{ float:left;}
.links p strong{ padding:0 20px 0 5px;}
.links p:nth-child(1){ font-size:16px; padding-left:38px; background:url(../images/20200724175714_161827702.png) no-repeat left center;}


@media screen and (max-width: 800px) {
	.htop {
		display:none;
}
.w1300 {
    width: 100%;
    margin: 0 auto;
}
.hmean ,.hline{display:none;
}
.hlogo{ width:50%;}
.hlogo img{ width:80px;}
.hconcat strong {
    font-size: 20px;
    line-height: 24px;
}
.hconcat {
    font-size: 13px;
}

element.style {
}

.hconcat {
    font-size: 13px;
}
.hconcat {
    background: url(../images/20200724113918_1189370012.png) no-repeat left 20px;
    margin: 13px 0 0 0;
}
.hlogo {
    margin: 17px 0;
}
.nav li a {
    font-size: 13px;
}
.nav li {
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;

}
.banner-box {
    min-width: 100%;
    height: 250px;
}
.banner-box .bd li {
	width: 100% !important;
	height: 250px;
	background-position: 100%;
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.title strong {
    font-size: 20px;
}
.trait {
	padding: 25px 0 0 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	height:auto;
}
.trait .title {
    font-size: 14px;
}
.traul li {
   width:48%;
}
.traul dl {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background: url(../images/20200724142134_1104313692.png) no-repeat center;
    text-align: center;
        font-size: 14px;
    color: #666666;
    line-height: 20px;
    cursor: pointer;
}
.traul li+li {
    margin-left: 1%;
}
.traul dl span {
    margin: 20px auto 12px auto;
    width: 53px;
    height: 57px;
}
.protab a+a {
    margin-left: 1%;
}
.protab a {
    display: inline-block;
    position: relative;
    width: 48%;
    line-height: 50px;
    background: #e7e9eb;
    font-size: 16px;
    color: #333333;
    transition: all .3s ease;
	margin:auto 1%;
}
.protab a span {
    padding-left: 6%;
}
.adver {
    display: none;
}
.advtitl {
    font-size: 25px;
}
.advtitl span {
    font-size: 20px;
}
.adv {
    padding: 30px 0 0 0;
}
.advtab li+li {
    margin-left: 0px;
}

element.style {
}
.advtab li.on {
    background: #ff981c;
    color: #fff;
}
.advtab li+li {
    margin-left: 0px;
}
.advtab li {
    width: 50%;
	    height: 130px;
}
.advtab li strong {
    display: block;
    font-size: 20px;
}
.advtab li span {
    width: 53px;
    height: 50px;
}
.advtab {
    margin: 2px 0 0px 0;
    font-size: 0;
}
.comnum {
	display:none; 
}
.adv {
    height: 860px;
}
.case {
    padding: 10px;
}
.casecon img{ height:auto;}
.pcul li+li {
    margin-left: 2%;
}
.pcul li {
margin-left: 2%;
}
.pcul{ text-align:center;}
.about {
    padding-top: 25px;
}
.abcon {
    padding-top: 30px;
}
.abwa {
    width: 97%;
    margin: 15px 0 0 2%;
}
.qyxx {
    position: relative;
    padding: 20px 0 20px 0;
}
.newstab {
    width: 100%;
    margin: 0 auto;
}
.newstab a {
    display: inline-table;
    width: 49.5%;
    height: 62px;
    background: #e6eaed;
    line-height:58px;
    font-size: 18px;
    color: #414b4b;
    padding-left: 80px;
    position: relative;
    transition: all 0.5s ease;
}
.newstab a+a {
    margin-left: 0px;
}
.nbcl_le {
    width: 100%;
	float:none;
}
.nbcl_le .news_div_item {
    width: 96%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}
.nbcl_le .news_div_item+.news_div_item {
    margin-left: 2%;
}
.nbcr_ri {
    width: 100%;
    padding-right: 10px;
}
.nbcr_ri .news_div_item_date {
    width: 20%;
    text-align: center;
    font-size: 0;
}
.nbcr_ri .news_div_item_content {
    width: 80%;
    padding-left: 20px;
    border-left: 1px solid #f2f5f5;
}
.craddr {
    width: 100%;
}
.crphone {
    width: 100%;
    margin-left: 0px;
}
.crcode{ float:none !important;}
.crcon {
    padding: 20px 0;
    border-bottom: 1px solid #2f373c;
}
.crleft li {
    height: auto;
    border-right: 1px dashed #363a3e;
    padding: 0 20px;
    float: left;
}
.erweimacenter{ display:none;}
.end{ display:none;}
.page-title{ display:none;}
.w1200 {
    width: 100% !important;
    margin: 0 auto;
}
.left {
    width: 96% !important;
    float: none !important;
	height:auto !important;
}
.Introduction_Features span {
    display: block;
    color: #fff;
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px !important;
    padding-top: 23px !important;
}
.jianjie_right {
    float: none !important;
    width: 96% !important;
	padding:0px !important;
    padding-top: 10% !important;
	padding-left:auto !important;
    padding-top: 50px;
}
.tit {
    font-size: 28px !important;
    padding-bottom: 10px !important;
}
.crw {
    display:block;
}
.crw+.crw {
    margin-left: 0px;
}
.contact_one {
    display: none;
}
.contact_two{
	width: auto !important;
        margin-left: 0px !important;
		height: auto !important;
		padding: 20px 33px !important;
}
.newslist li span{ display:none;}
.newslist_content h1 {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    padding-top: 10px;
}








	
	}