.title{ text-align:center; font-size:18px; color:#222222; font-weight:lighter;}
.title b{ display:block; font-size:40px; color:#222222; margin-bottom:8px;}
.title b i{color:#1657dd;}
.title.title1:after{ content:''; display:block; margin:20px auto 0 auto; width:30px; height:2px; background:#000000;}
.title span{ color:#aaa;}
.title span em{ display:inline-block; vertical-align:middle; height:1px; width:60px; background:#dbdbdb; margin:0 10px;}

.top10{ padding-top:10px;}
.top20{ padding-top:20px;}
.top30{ padding-top:30px;}
.top40{ padding-top:40px;}
.top50{ padding-top:50px;}
.top60{ padding-top:60px;}
.top70{ padding-top:70px;}
.top80{ padding-top:80px;}
.top90{ padding-top:90px;}



.hyjr_dkkd{width:100%; height:40px; background:#f1f1f1;}
.hyjr_kz{ width:1300px; margin:0 auto;height:42px;}
.hyjr_zt1{ font-size:14px; color:#999; line-height:40px; float:left;}
.ygbtttd{ font-size:14px; color:#999; height:40px; line-height:40px; float:right;}
.ygbtttd a{ font-size:14px; color:#999; line-height:40px;}
.ygbtttd a:hover{ font-size:14px; color:#1657dd; line-height:40px;}

/*抬头*/
#top_b{width:1300px; margin:0 auto; height:130px; padding-top:20px;}
#top_b li{float:left;}
#top_b .kds1{width:98px; padding-top:14px; } 
#top_b .kds2{width:220px; padding-top:27px;} 
.ttfkx{width:23px; padding-top:25px;}
#top_b .kds3{padding-top:26px;}
.qndgj{ font-size:24px; color:#1657dd; font-weight:bold;}
.qndgj span{ font-size:24px; color:#d90418; font-weight:bold;}
.hgnxbt{ font-size:22px; color:#333; letter-spacing:1.7px;}
.alugbb{ width:166px; height:45px; float:left; padding-top:36px;}
#top_b .kds4{ float:right;}
.ttdfdk{ padding-top:4px;}
.dhgbtbe{ width:33px; height:36px; float:left; padding-top:38px;}
.shgbdkd{ float:right; padding-left:10px; padding-top:5px;}
.zixhgbw{ font-size:18px; letter-spacing:2px; line-height:30px; color:#666;}
.sdugncz{ font-family:Arial, Helvetica, sans-serif;font-size:30px; color:#d90318;line-height:33px; font-weight:bold;}


nav{ position:relative; height:69px; background:#1657dd;}
nav li{ float:left; text-align:center; width:10%; position:relative;}
nav li>a{ display:block; line-height:69px; font-size:16px !important; color:#fff; position:relative; z-index:333;}
nav li.cur>a,nav li:hover>a{ font-weight:bold; color:#fff;}
nav li:after,nav li:before{ content:''; display:block; position:absolute; width:100%; height:0px; left:0px; transition:all .4s ease; z-index:11;}
nav li:after { top:0px; background:#f00018;}
nav li:before { bottom:0px; background:#f00018;}
nav li:hover:after,nav li.cur:after,nav li.cur:before,nav li:hover:before{ height:50%;}


/**
.product{height: 1130px;}
.product .title span{margin: 5px 0 40px 0;}
.pro_left{width: 600px;height: 500px;background: #f5f5f5;float: left;}
.pro_left:before{content: '';display: block;width: 10px;height: 500px;background: #cccccc;float: left;}
.pro_t i{font-size: 50px;color: #1657dd;font-family: Arial;font-weight: bold;}
.pro_t span{display: block;font-size: 18px;font-weight: normal;color: #999;letter-spacing: 9px;}
.pro_t span:after {content: '';display: block;width: 50px;height: 2px;background: #cccccc;margin: 40px 0 30px;}
.pro_la{padding: 45px 0 0 50px;}
.protab{height:100px;}
.protab li{width:33%;float: left;}
.protab a{font-size: 16px;color: #333;width: 177px;display: inline-block;margin:13px 30px 0 0;font-weight: normal;}
.protab a.on{color:#1657dd;}
.pro_more{margin-top: 55px;}
.pro_more a{background: #1657dd;font-size: 16px;color: #fff;padding: 20px 38px;font-weight: normal;}
.pro_more a:hover{background: #f00018;transition:all .3s ease;}

.pro_right{width: 700px;height: 500px;float: right;}

.prot-box{ min-width:700px; height:500px; position:relative; margin:0 auto; }
.prot-box .prot, .prot-box .prot ul{ width:100% !important;}
.prot-box .prot li{ width:100% !important; height:500px; background-position: center; background-repeat: no-repeat;}
.prot-box{ display:block; background-size:auto;width: 100%; height: 90%;position: relative;z-index: 9;}
.prot-btn{ width: 100%; position: absolute; bottom:0px; left: 0; margin-left: 0; height: 10px; overflow: hidden; }
.prot-box .prot{position:absolute;  width: 100%; display: block; }
.prot-box .prot ul{ text-align: right;padding-right: 27px;}
.prot-box .prot ul li{ width:10px !important; height:10px; border-radius :50%; text-indent:9999px; background:#1657dd; cursor:pointer; display:inline-block; margin-left:15px; transition:0.3s all ease-in-out; opacity:0.8;}
.prot-box .prot ul li.on{ background: #f00018;border-radius: 8px; width:70px;}
.prot_tab ul li i{font-size: 26px;font-weight: normal;color: #222;padding-left: 27px;}
.prot_tab ul li i:before{content: '';display: block;width: 6px;height: 30px;background: #1657dd;float: left;position: absolute;top: 4px;}
.prot_tab ul li p{font-size: 12px;color: #ccc;font-weight: normal;text-transform: uppercase;padding-left: 27px;}
.prot_tab ul li{position: relative;background:url(images/20210830192908_104940894.png)no-repeat;    height: 500px;}
.prot_tab li a img{display:block;margin:auto;}
.ptr{position: absolute;bottom: 40px;}
.prod_recommend{width: 50px;height: 140px;line-height: 45px;background: #f00018;border-radius:0 0 50px 50px;color: #fff;font-size: 18px;position: absolute;top:0px;right: 27px;z-index: 9;}
.prod_recommend p{font-weight: normal;text-align: center;line-height: 22px; padding: 23px 17px;}

.pro_cc{padding-top: 35px !important;}
.pro_cc table tr td {display: block;float: left;width: 306px;padding: 0px !important;overflow: hidden;position: relative;border: 0px #dddddd solid;}
.pro_cc table tr td img {transition: all .5s;}
.pro_cc table tr td span {display: block;line-height: 50px !important;height: 50px;background: #f5f5f5;position: relative;z-index: 2;margin-top: 1px;}
.pro_cc table tr td span a {font-size: 16px;color: #222;font-weight: normal;}
.pro_cc table tr td:hover img {transform: scale(1.1);}
.pro_cc table tr td:hover span {background:#1657dd;}
.pro_cc table tr td:hover span a{color:#fff;}
.pro_cc table tr td+td{margin-left: 25px;}


.proadv{ height:1100px; background:url(images/20200826111043_197764331.jpg) no-repeat center;}
.pa_t{ font-size:18px; color:#c2d7fa; font-weight:lighter; padding:0px 0 70px 0;}
.pa_t strong{ display:block; font-size:40px; color:#fff; margin-bottom:10px;}
.paphone{ margin-top:110px; font-size:18px; color:#7f7e7e; padding-left:50px; background:url(images/20200826111044_846831557.png) no-repeat left center; height:43px;}
.paphone strong{ vertical-align:sub; font-size:32px; font-family:Arial, Helvetica, sans-serif; color:#333;}
.paul{ width:610px;}
.paul li+li{ margin-top:30px; padding-top:67px; border-top:1px solid #eeeeee;}
.paul li dl{ position:relative; float:left; width:260px; height:220px;}
.paul li dl+dl{ float:right; padding-left:45px; border-left:1px solid #eeeeee;}
.pac{ font-size:15px; color:#666f69; line-height:32px;}
.pat{ height:100px; position:relative; padding-left:100px; font-size:14px; color:#a9aeb1; text-transform:uppercase;}
.pat img{ position:absolute; left:0; top:0;-webkit-transform: rotate(360deg);
animation: rotation 2s linear infinite;
-moz-animation: rotation 2s linear infinite;
-webkit-animation: rotation 2s linear infinite;
-o-animation: rotation 2s linear infinite;}
.pat strong{padding:15px 0 5px 0; font-size:24px; color:#44484a; display:block;}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}




.adv{ padding-top:60px;}

.advtab{ margin-bottom:27px;}
.advtab li+li{ margin-left:25px;}
.advtab li{ float:left; width:306px; height:116px; background:#1657dd; color:#fff; font-size:30px; cursor:pointer; position:relative; transition:all .3s ease;}
.advtab li em{ display:block; font-size:14px; color:#90b1f5; text-transform:uppercase; margin-top:3px;transition:all .3s ease;}
.advtab li p{ padding:25px 0 0 97px;}
.advtab li i{ position:absolute; display:block; width:60px; height:50px; top:0; bottom:0; margin:auto 0; left:23px; background:url(images/20201116151620_1019848610.png) no-repeat top left; transition:all .5s ease;}
.advtab li:nth-child(2) i{ background-position-x:-84px; height:52px;}
.advtab li:nth-child(3) i{ background-position-x:-174px;}
.advtab li:nth-child(4) i{ background-position-x:-262px;}
.advtab li.on{ background:#333;}
.advtab li.on em{ color:#888;}
.advtab li.on i{ background-position-y:-66px;}
.advline span {display: block;width: 100%;height: 120px; background: #1657dd;animation: waves 2s linear 0s infinite alternate;-webkit-animation: waves 2s linear 0s infinite alternate;
}
.advline { height:480px; width: 15px; background:#d90418;}
@-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%;
  }
}
.advwa{ width: 565px;
    background:#f4f4f4;
padding: 30px 30px 50px 40px;
    height: 400px;}
.advnum{ font-size:66px; color:#d6d6d6; font-family:impact;}
.advnum:after{ content:''; display:block; width:2px; height:26px; background:#d3d3d3; margin:3px 0 10px 10px;}
.adv_t{ font-size:22px; color:#333; padding-bottom:20px; border-bottom:1px solid #e2e2e2; margin-bottom:30px;}
.adv_t b{ font-size:32px; color:#1657dd; display:block; margin-bottom:5px;}
.adv_c p{ font-size:15px; color:#999; line-height:38px; padding-left:20px; background:url(images/20200910084228_1634288163.png) no-repeat left 15px;}
.adv_c p span{ color:#1657dd;}

**/

.about{ height:655px; background:url(images/20210423192930_10578152381.jpg) no-repeat center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.abcon{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.abright{ border:6px solid #fff;}
.ableft{ margin-right:60px;}
.ab_t{ font-size:18px; color:#797b7d; position:relative; z-index:1;}
.ab_t b{ display:block; font-size:36px; color:#323436; margin-bottom:10px;}
.ab_t b span{ position:relative;}
.ab_c{ margin:40px 0 50px 0; font-size:15px; color:#8b8e90; line-height:36px; text-indent:2em;}
.ab_btn{ font-size:0;}
.ab_btn a{ display:inline-block; width:162px; text-align:center; line-height:56px; -webkit-transition:all .3s ease; transition:all .3s ease; font-size:18px; color:#fff; background:#333;}
.ab_btn a.on{ background:#1657dd;}
.ab_btn a+a{ margin-left:18px;}

.qyxx{ width:1241px; padding:29.5px; background:#fff; -webkit-box-shadow:2px 2px 10px #f0f0f0; box-shadow:2px 2px 10px #f0f0f0; height:auto; margin-top:-50px;}
.qyxxtab a{ display:block; float:left; font-size:18px; color:#000; margin-right:45px;-webkit-transition:0.5s;transition:0.5s;}
.qyxxtab a.cur{ font-weight:bold; padding-left:31px; background:url(images/20210305154959_63301500001.png) no-repeat left; -webkit-transition:0.5s; transition:0.5s;}
.qymore{ font-size:14px; color:#6a6a6a;}
.qycon{ width:1241px; overflow:hidden;}
.qycon ul{ display:none;}
.qycon ul:nth-child(1){ display:block;}
.qycon ul li{ width:240px; overflow:hidden;}
.qycon ul li{ padding-left:0px !important; padding-right:10px;}
.qycon ul li br{ display:none;}
.qycon ul li a{ font-size:14px; color:#333;background:#f8f8f8; display:block;line-height:40px;}
.qycon ul li:hover a{ color:#1657dd;}

.mianbxContent {
    margin-bottom: 20px !important;
    height: 56px !important;
    line-height: 60px !important;
    font-size: 16px !important;
    text-align: left !important;
    width: 100% !important;
    text-indent: 2.5em;
    transition: 0.1s all;
    background: url(images/20210828214710_1088900499.png) no-repeat 7px 18px;
    position: relative;
    border: 1px dashed #e0e0e0;
}



.product{ padding:60px 0;}
.protitl{ text-align:center; font-size:18px; color:#666666; font-weight:lighter; position:relative;}
.protitl b{ display:block; font-size:40px; color:#222222; margin-bottom:12px;}
.protitl b i{color:#1657dd;}
.protitl span{ position:absolute; top:0; left:0; right:0; line-height:53px; margin:0 auto; font-size:65px; font-family:impact; color:#f2f2f2; z-index:-1; text-transform:uppercase;}
.protitl:after{ content:''; display:block; width:30px; height:2px; background:#000000; margin:20px auto 0 auto;}
.protab{ font-size:0; margin:30px 0;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.protab li{ cursor:pointer;width:453px; height:216px; background-color:#f5f5f5; background-repeat:no-repeat;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center; box-sizing:border-box; padding:0 30px;transition:all .3s ease; background-position:207px center;}
.pt_t{ font-size:22px; color:#353535;transition:all .3s ease;}
.pt_c{ width:160px; font-size:12px; color:#b1b1b1; line-height:20px; margin:20px 0;transition:all .3s ease;}
.pt_btn a{ transition:all .3s ease; width:100px; line-height:33px; border:1px solid #dbdbdb; text-align:center; font-size:14px; color:#cccccc; font-weight:lighter; display:inline-block;}
.protab li:nth-child(2){ background-image:url(images/protab002.png);}
.protab li:nth-child(3){ background-image:url(images/protab003.png); background-position:240px center;}
.protab li:nth-child(1){ background-image:url(images/protab0001.png);}
.protab li.on{ background-color:#1657dd;}
.protab li.on .pt_t,.protab li.on .pt_c{ color:#fff;}
.protab li.on .pt_btn a{ border-color:#fff;color:#fff;}
.protab li.on .pt_btn a:hover{ background:#fff; color:#1657dd;}
.hotpro{padding:50px; background:#f5f5f5; position:relative;}
.hotpro:after{ content:''; display:block; position:absolute; width:100px; height:100px; top:0; right:0; background:url(images/20210224114556_704168534.png) no-repeat center;}
.hotprotrait{ position:absolute; font-size:0; left:107px; bottom:98px;}
.hotprotrait li{ display:inline-block; vertical-align:top; width:101px; height:106px; border:1px solid #d8d8d8; text-align:center; border-radius:7px; font-size:18px; color:#999999; line-height:160px; font-weight:lighter; cursor:pointer; transition:all .3s ease;}
.hotprotrait li+li{ margin-left:20px;}
.hotprotrait li:nth-child(1){ background:url(images/hotprotrait001.png) no-repeat center 15px;}
.hotprotrait li:nth-child(2){ background:url(images/hotprotrait002.png) no-repeat center 15px;}
.hotprotrait li:nth-child(3){ background:url(images/hotprotrait003.png) no-repeat center 15px;}
.hotprotrait li:nth-child(4){ background:url(images/hotprotrait004.png) no-repeat center 15px;}
.hotprotrait li:nth-child(5){ background:url(images/hotprotrait005.png) no-repeat center 15px;}
.hotprotrait li:hover{ background-color:#f5f5f5;}
.hotcon{ height:500px !important; background:#fff;}
.hotcon .divproduct_new_div_item{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hotcon .divproduct_new_div_item:nth-child(2){display:none;}
.hotcon .divproduct_new_div_item_content{ height:500px; padding:40px 50px; border-right:1px solid #efefef; width:720px; box-sizing:border-box; margin-right:50px;}
.hotcon .divproduct_new_div_item_date{ display:none;}
.hotcon .divproduct_new_div_item_a{ display:block; font-size:36px; color:#1657dd; margin-bottom:20px; text-align:left;}
.hotcon .divproduct_new_div_item_body span{ display:block; font-size:18px; margin-bottom:20px;}
.hotcon .divproduct_new_div_item_body { font-size:14px; line-height:30px;}
.hotcon .divproduct_new_div_item_body ul li{ width:50%; height:40px; line-height:40px; float:left; border: none;}
.hotcon .product_div_item_pic{width:500px;}
.hotcon .product_div_item_pic img{ width:100%;height:auto;}
.hotcon li+li{ border-top:1px solid #e3e3e3;}
.hotcon li span{ display:inline-block; vertical-align:top;font-size:16px; color:#999999; font-weight:lighter;line-height:50px; width:138px; }
.hotcon li{ white-space:nowrap;}
.hotcon li span+span{ border-left:1px solid #e3e3e3;}
.hotcon li span:last-child{ width:200px;}
.proshow{ margin-top:30px;font-size:0; overflow: hidden;}
.proshow table td{width: 310px;overflow: hidden;position: relative; display:inline-block; vertical-align:top; padding:0 !important; box-sizing:border-box;transition:all .3s ease; }
.proshow table td+td{ margin-left:20px;}
.proshow td br{display:none;}
.proshow tr{ white-space:nowrap;}
.proshow td a{ display:block; position:relative; overflow:hidden;}

.proshow td span{ display:block; margin-top:10px; position:relative;background:#eeeeee;}
.proshow td span a{font-size: 16px;color: #999999; display:block; line-height:50px; line-height:50px; position:relative;transition:all .3s ease; z-index:9;}
.proshow table td>a{ border:1px solid #e0e0e0;}
.proshow table td>a img{ width:100%; height:auto; transition:all .6s ease;}
.proshow table td:hover>a img{ transform:scale(1.1);}
.proshow table td span:after{ content:''; display:block; position:absolute; left:0; top:0; width:0; height:100%; background:#1657dd;transition:all .3s ease;}
.proshow table td:hover span a{ color:#fff;}
.proshow table td:hover span:after{ width:100%;}