/*样式初始化及公共样式部分*/
*{ margin:0px; padding:0px; }
body{ color:#333; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
a{ color:#333; text-decoration:none; }     
a:hover{transition:0.3s all; }      
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; font-weight: lighter; }    
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{ font-style: inherit; font-weight: lighter; }
b{ font-weight:normal;}
.clear{clear:both; font-size:0px; overflow:hidden; height :0px;}
.cl{ clear: both; height:0px; }  
.fl{ float:left; }     
.fr{ float:right; }     
#copy{ display:none; }      
.page{ width:1400px; margin:0 auto; }
.page1{ width:1400px; margin:0 auto; height:auto; position:relative; }
.page3{ width:85%; min-width:1400px; margin:0 auto; height:auto;  }
.box,.footer1{ width:1400px; margin:0 auto; height:auto; }    /*定义版面统一宽度*/
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top30{ margin-top:30px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }

.w1400 {width: 1400px;margin: 40px auto;}

.w1300{ width:1300px; margin:0 auto; }



/*banner*/
.focus { width:100%; height:600px; overflow:hidden; position:relative;}
.focus ul {height:600px; position:absolute;}
.focus ul li {float:left; width:100%; height:600px; overflow:hidden; position:relative; background:#222;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#222; display:none;}
.focus .btn {position:absolute; width:1400px; left:37%; margin-left:-600px; height:24px; bottom:40px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:110px; position:absolute; top:288px; background:url(images/119.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
.dis { display: none;}
#banner{overflow:hidden;}
div#focus002 .preNext {top: 155px;}




/*top*/
.logo{ float:left; margin:29px 0;}
.logo2{ float:right; }
.logo21{ font-size:16px; color:#666; float:left; width:60px; padding-top:45px;}
.logo22{ font-size:16px; color:#333; padding-top:45px; font-weight:normal;}
.logo22 p{ font-size:32px; line-height: 50px; color:#ffa800; font-family:Impact; letter-spacing:1px;}
.head_position span {
    font-size: 28px;
}
.head_position{ font-size:18px; display: inline-block; vertical-align:top; margin-top:48px;margin-left: 18px;}
.head_position div{ background:url(images/dht.png) no-repeat; width:370px; height:27px; line-height:27px; color:#fff; font-size:16px; margin-top:8px;}
.head_position div span{ margin-right: 25px;}
.head_position div span:nth-child(3){margin-right:24px;}
.head_position div span:nth-child(2){margin-right:22px;}
.head_position div span:first-child{ margin-left:15px;}
.head_position div span:last-child{ margin-right:0;}
.head_position span {
    font-weight: bold;
    color: #037bf7;
}



/*nav*/
.nav {height: 70px;background: #037bf7;border-bottom: 6px solid #037bf7;}
.nav ul li{ float: left; display: block; width:10%; position: relative; }
.nav ul li a{ display: block; color: #fff; line-height: 76px; font-size: 16px; text-align: center; position: relative; z-index: 3333; }
.nav ul li:after {content: '';display: block;background:#ffa800;width: 100%;height: 0%;position: absolute;bottom: 0px;left: 0;filter: alpha(opacity=0);transition: 0.3s all cubic-bezier(.46,.03,.52,.96);z-index: 2222;}
.nav ul li.navcurrent:after,.nav ul li:hover:after{ filter: alpha(opacity=100); bottom: 0; height: 100%; }
.top_ggb{float: left;  margin-top:38px; margin-left:40px;}
.top_ggb li {width: 71px;float: left;margin-left: 20px;}
.top_ggb p{width: 43px; float: left; height: 50px; margin-left: 17px;}





/*特点*/
.trait{ padding:60px 0 70px 0;    background: #f8f8f8;}
.tratitle b {font-weight: bold;}
.tratitle {text-align: center;font-size: 40px;color: #333;}
.tratitle em{ color:#037bf7; font-weight: bold;}
.tratitle span{ display:block; font-size:20px; color:#666666; font-weight:lighter; margin:15px 0 30px 0;}
.tratitle:after{ content:''; display:block; height:18px; background:url(images/20200924174658_947501025.png) no-repeat center;}
.traul{ margin-top:45px; font-size:0;}
.traul li{ display:inline-block; vertical-align:top; width:326px; height:465px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 20px #eee;}
.traul li+li{ margin-left:31px;}
.trapic{ border-bottom:2px solid #037bf7; overflow:hidden; border-radius:10px 10px 0 0;}
.trapic img {transition: all .3s ease;width: 100%;}
.traul li:hover .trapic img{ transform:scale(1.1);}
.trawa{ padding:30px 25px; font-size:15px; color:#888; font-weight:lighter; line-height:30px;}
.trawa b{ display:block; font-size:26px; color:#3b4c47; font-weight:bold; margin-bottom:15px; transition:all .3s ease;}
.tracon a{ display:inline-block; width:266px; line-height:50px; background:url(images/td1.png) no-repeat center; box-sizing:border-box; font-size:16px; color:#fff; padding-left:140px;}
.traul li:hover .trawa b{ color:#037bf7;}
.traul li:hover{ box-shadow:0 0 20px #ccc;}
.traul li:hover .tracon a{ animation:1s move linear;}
@keyframes move{
	0%{ transform:translateX(0px);}
	25%{ transform:translateX(10px);}
	50%{ transform:translateX(0px);}
	75%{ transform:translateX(10px);}
	100%{ transform:translateX(0);}
	}
	
	
	
	
	
/*文字标题*/
.wz-bt {text-align: center;padding-top: 55px;}
.d-bt{display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.d-bt p{font-size: 40px;font-weight: bold;margin: 0 30px;}
.wz-bt span{font-size: 20px;}
.bt-color1{color: #555;}
.bt-color1 b {font-weight: bold;color: #037bf7;}
.bt-color2 p{color: #fff;}
.bt-color2 span{color: #fff;}
.bt-color2 b {font-weight: bold;color: #fff;}
.bt-color1 p {color: #333;}





/*产品*/
.procenter {padding: 0 50px 0 50px;width: 1400px;background: #fff;margin: 35px auto 0 auto; position:relative;}
.pro_list li {margin-right: 20px;
    margin-bottom: 20px;
}
.pro_list li:nth-child(4n) {
    margin-right: 0px;
}
.pro_list {background: #fff;line-height: 90px;height: 120px;width: 1300px;border: 1px solid #ededed;margin: 0 auto 40px auto;padding: 17px;}
.pro_list li {display: block;width: 310px;padding: 0 !important;background: #037bf7;float: left;-webkit-transition: all 0.5s linear;height: 50px;line-height: 50px;font-size: 15px;text-align: center;}
.pro_list li:hover {background: #ffa800;}
.pro_list li:hover a{ color:#fff;}
.pro_list li a {font-size: 16px; color: #fff; display: block;}
.pro_list li:nth-child(1) { border-left: none;}
.pro_list li:hover span { background-position: 0 -26px;}
.pro_list li:hover a { color: #fff;}
.cpzs {position: relative; margin-bottom: 75px;}


.prod_b{position: relative;}
.prod_b table tr td span a {display: block;overflow: hidden;background: #f5f5f5;font-size: 16px;color: #444; width:306px;}
.prod_b table tr td:hover span a{ background:#037bf7; color:#fff;}
.prod_b table tr td>a {width: 306px;overflow: hidden;display: block;height: 229px;}
.prod_b table tr td br{display: none;}
.prod_b img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:306px; height:auto;}
.prod_b img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}   
.colee{overflow: hidden;height: 700px;width: 1400px;}
.colee table td {width: 24%;height: auto;display: block;float: left;margin: 1.27% 1.27% 0 0;padding: 0.7%;border: 1px solid #f2f2f2;box-sizing: border-box;}
.colee table td:nth-of-type(4n){margin-right: 0;}
.colee table td span{line-height:50px;}
.products-image-t {margin-top: 30px;}





/*特点*/
.feature{ width: 100%;min-width: 1300px;background: url(images/20200928100557_1601106189.jpg) top center no-repeat; position: relative;height: 545px;}
.feature_l{width: 300px;font-size: 15px;}
.feature_l dl{ display: block;font-size: 90px;color: rgba(255,255,255,0.2);font-family: "impact";line-height: 85px; text-transform: uppercase; padding-top: 80px;}
.feature_l dd{ display: block; padding-top: 20px;}
.feature_l dt {display: block;font-size: 23px;color: #fff;line-height: 40px;font-weight: bold;padding-top: 30px;}
.feature_l i{ display: block;font-size: 30px;line-height: 32px;padding:18px 0 8px 0; color: #fff; font-weight: lighter;}
.feature_l em{ font-size: 16px;line-height: 35px; color: rgba(255,255,255,0.8);}
.feature_l p{ font-family: "arial";text-transform: uppercase;color: rgba(255,255,255,0.4);line-height: 18px; padding-top: 28px; font-size: 12px; }
.feature .boxer{ width: 376px;height: 543px;position: absolute;right: 210px;bottom: -50px;background: url(images/012.png)no-repeat;}

.quaul{ width:760px; margin-right:48px;    margin: 80px 242px 0 0;}	
.quaul ul li {width: 340px;height: 180px;border-radius: 20px;background: #38c076a1;float: left;margin: 0px 29px 29px 0px;position: relative;cursor: pointer;z-index: 9;}
.quaul ul li:nth-child(2n){ margin-right:0px;}
.quac {border-bottom-right-radius: 20px;border-top-right-radius: 20px;height: 150px;width: 300px;padding: 30px 0px 0px 25px;float: right;background: #2ab86b5c;}
.quac p:nth-child(1) {font-size: 25px;font-weight: bold;color: #fff;margin-bottom: 30px;width: 250px;line-height: 33px;}
.quac p:nth-child(2) {font-size: 16px;line-height: 26px;color: #fff;width: 270px;}
.quaul ul li:nth-child(1) .quac p:nth-child(1){ background:url(images/ggt1.png) no-repeat right center;}
.quaul ul li:nth-child(2) .quac p:nth-child(1){ background:url(images/ggt2.png) no-repeat right center;}
.quaul ul li:nth-child(3) .quac p:nth-child(1){ background:url(images/ggt3.png) no-repeat right center;}
.quaul ul li:nth-child(4) .quac p:nth-child(1){ background:url(images/ggt4.png) no-repeat right center;}
.quaul ul li:after {height: 100%;width: 0px;position: absolute;top: 0px;left: 0px;content: '';display: block;transition: 0.5s;background: #38c076;border-radius: 20px;z-index: 1;}
.quaul ul li:hover:after{ width:100%; transition:0.5s;}
.quaul ul li .quac p{ position:relative; z-index:3;}







/*优势*/
.bg {width: 100%;min-width: 1400px;margin-bottom: 15px;height: auto;display: table;}
.top_vw80 {padding-top: 3px;}
.box1 {margin: 0 auto;width: 80%;max-width: 1790px;min-width: 1400px;margin-top: 40px;}  
.adv *{display: block;}
.adv li{margin-right: 1.5%;float:left;width: 17%;height: 440px;box-shadow: 0 0 30px rgba(0,0,0,.08); padding: 2% 1.5%;box-shadow: 0 0 10px rgba(0,0,0,.09);position: relative; cursor: pointer;}
.adv li{transition:all 0.3s;}
.adv li:last-child{margin-right: -1px;}
.adv li.on{width: 32.503%;background: url(images/ystp.png)no-repeat;}
.adv_img img{width:100%;}

.adv li.on .adv_img img{overflow: hidden;}
.adv_text t {margin: 11% 0 4% 0;color: #444;font-weight: normal;    font-size: 1.3rem;}
.adv li.on .adv_text t{margin: 4.6% 0 2.3% 0;font-weight: bold;color: #fff;    font-size: 1.3rem;}
.adv_text p {
    color: #999;
    line-height: 40px;
    font-size: 1.1rem;
}
.adv li.on .adv_text p {color: #fff;line-height: 33px;font-size: 1.1rem;}
.adv_a a {display: block;width: 83.5%;height: 50px;line-height: 50px;background: #333;font-size: 18px;color: #fff;text-align: center;position: absolute;margin-top: 7%;}
.adv li.on .adv_a{display:none;}




/*简介*/
.about {width: 100%;min-width: 1400px;background: url(images/abbj.jpg) top center no-repeat;height: 695px;}
.about_b {background: #ffffff;margin-top: 40px;padding: 50px;box-shadow: 0 0 10px rgba(0,0,0,10%);overflow: hidden;border-radius: 15px 15px 0 0;}
.about_l{width:590px;font-size: 15px;line-height: 30px;font-weight: lighter; }
.about_t11 {width: 570px;height: 109px;border-bottom: 1px solid #eee;}
.about_t11 p {font-size: 29px;color: #333;font-weight: normal;line-height: 60px;}
.about_t11 b {font-family: Arial, Helvetica, sans-serif;color: #037bf7;font-size: 30px;font-weight: bold;text-transform: uppercase;}
.about_t11 span{font-size:30px; color:#333; font-weight: normal;}
.about_t11 i{left: -15px; top: -59px; position: relative; float: right;}
.about_t12 {font-size: 17px;line-height: 46px;color: #777;padding: 25px 0;}
.about_r img {background: #fff;}
.com_btn {padding: 0;bottom: 15px;width: 132px;z-index: 11111;margin-top: 9px;float: left;margin-right: 20px;}
.com_btn a {display: inline-block;color: #fff;line-height: 30px;height: 30px;padding: 5px 20px;border: 1px solid #222222;border-radius: 0;text-align: center;width: 90px;position: relative;overflow: hidden;transform: rotate(0deg);transition: 0.3s all ease-in-out;background: #222222;}
.com_btn a span{ font-size:14px; color:#fff; position:relative; z-index:2; transform: rotate(0deg); transition:0.3s all ease-in-out; }
.com_btn a::after { content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #037bf7; top: -200%; left: -200%; z-index:1; transition:0.3s all ease-in-out; transform: rotate(0deg); }
.com_btn a.curzz::after{ content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background: #eee; top: -200%; left: -200%; }
.com_btn .curzz{ background: #333; border-color: #333; color: #fff; }
.com_btn .curzz span{ color:#fff; font-size:14px; }
.com_btn a:hover::after{ left:-50%; top:-50%; }
.com_btn a:hover span{ color:#fff; }
.com_btn a:hover{ border-color:#fff; }
.com_btn a.curzz:hover span{ color:#999}
.com_btn a.curzz:hover{ border-color:#999; }
.com_btn:nth-child(4) a {background: #037bf7;border: 1px solid #037bf7;}
.tempWrap {width: 1400px !important;}