*{margin: 0;padding: 0;}
body{margin: auto;font:12px/25px  "microsoft yahei";color: #333;}
ul,li{list-style: none;}
a{text-decoration: none;color: #000;}
i,em{font-style: initial;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*zoom: 1;}
.contain { width:1400px; margin:0px auto;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear: both;}
/*首页开始*/

.title{text-align: center;background: url(../images/titlebj.png) no-repeat center top;margin-bottom: 40px;}
.title span{font-size: 25px;}
.title p{font-size: 14px;color: #bababa;}
/* banner图页面 */
.head{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;box-shadow: 0 0 12px rgb(0 0 0 / 40%);background: #fff;}
.head .contain{display: flex;justify-content: space-between;}
.logo{padding-top: 20px;}
.nav{display: flex;justify-content: space-between;}
.nav li{width: 90px;line-height: 100px;text-align: center;}
.nav li a{display: block;font-size: 16px;}
.current{background: #eb5902;color: #fff;}
.nav li dl{display: none;}
.nav li:hover a{background: #eb5902;color: #fff;}
.tcontact{background: url(../images/tel.png) no-repeat left center;padding-left: 54px;padding-top: 17px;}
.tcontact span{font-size: 14px;color: #adadad;}
.tcontact p{font-size: 30px;}
/* 产品中心页面 */
.cpzx{padding: 80px 0 0;}
.cpl{width: 240px;overflow: hidden;}
.cpls{padding: 10px;background: #eb5902;color: #fff;}
.cpls img{margin-right: 15px;}
.cpls span{font-size: 25px;font-weight: bold;}
.cpls p{font-size: 16px;text-transform: uppercase;}
.cplc{background: #ededed;}
.cplc li{line-height: 45px;border-bottom: 1px solid #ccc;padding: 0 10px;}
.cplc li:last-child{background: #eb5902;}
.cplc li:last-child a{color: #fff;}
.cplc li:last-child:hover a{color: #fff;}
.cplc li img{margin-top: 21px;}
.cplc li img:nth-of-type(1){margin-right: 15px;}
.cplc li a{font-size: 16px;color: #000;}
.cplc li>a:hover{color: #f16934;transform: translate(10px);}
.cplc li dl dt{padding-left: 35px;background: url(../images/cp2.png) no-repeat 14px center;}
.cplc li dl dt:hover a{color: #1e61ba;}
.cplx{height: 224px;background: url(../images/cpimg.jpg) no-repeat;color: #fff;position: relative;}
.cplx_1{position: absolute;left: 0;bottom: 0;width: 93%;padding: 10px;background: rgba(30, 80, 174, 0.8);text-align: center;}
.cplx span{font-size: 18px;}
.cpr{width: 1140px;}
.cpr_top{padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.cpr_top span:nth-child(1){font-size: 25px;margin-right: 10px;}
.cpr_top span:nth-child(2){font-size: 16px;color: #acacac;text-transform: uppercase;}
.cpr .cprt{padding: 15px 20px;background: #1e61ba;display: flex;justify-content: space-between;}
.cprt .cl{color: #fff;font-size: 18px;}
.cprt .cl img{margin-right: 10px;}
.cprt .cr{margin-top: 7px;}
.cprx{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cprx dt{width: 270px;margin-bottom: 20px;text-align: center;}
.cprx dt .cimg{height: 220px;overflow: hidden;position: relative;}
.cprx dt .cimg img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.cprx dt p{font-size: 16px;line-height: 2.5;}
.cprx dt .duo{width: 100%;height: 100%;background: rgba(241, 105, 52, 0.8);transition: 0.5s;position: absolute;left: 0;top: 0;text-align: center;font-size: 16px;color: #fff;line-height: 220px;transform: scale(0);}
.cprx dt:hover .duo{transform: scale(1);}
.cprx dt:hover p{color: #f16934;}
/* 新闻资讯 */
.xwzx .title span{color: #fff;}
.xwzx .title p{color: #fff;}
.news{background: url(../images/xwbj.jpg) no-repeat center 80px;}
/* .xwzx{padding: 80px 0;} */
.xwnr{display: flex;justify-content: space-between;}
.xwnr li{width: 330px;background: #fff;padding: 5px;}
.xwnr li .ximg{height: 240px;overflow: hidden;margin-bottom: 10px;transition: 0.5s;position: relative;}
.xwnr li .ximg img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;}
.xwnr li .ximg .cang{position: absolute;left: 0;top: -250px;width: 100%;height: 100%;background: url(../images/xw1.png) no-repeat center center;background-size: 100% 100%;overflow: hidden;transition: 0.5s;}
.xwnr li:hover .ximg .cang{top: 0;}
.new_s .news_t{display: flex;justify-content: space-between;}
.new_s .news_t p{font-size: 20px;}
.new_s>p{font-size: 16px;color: #333333;line-height: 2;}
.new_s .jt{display: block;width: 100px;line-height: 30px;background: #f16934;text-align: center;font-size: 20px;color: #fff;margin-top: 20px;transition: 0.5s;}
.xwnr li:hover .jt{width: 100%;}
/* 案例展示 */
/* .alzs{padding: 80px 0;} */
.anli{text-align: center;margin-bottom: 20px;}
.anli li{width: 120px;font-size: 16px;line-height: 42px;border: 1px solid #9f9f9f;display: inline-block;margin-right: 20px;cursor: pointer;}
.anli li:last-child{margin-right: 0;}
.anlinr dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.anlinr .tx{display: flex;justify-content: space-between;flex-wrap: wrap;}
.anlinr dl dt{width: 336px;height: 210px;overflow: hidden;margin-bottom: 20px;position: relative;}
.anlinr dl dt img{width: 100%;height: 100%;object-fit: cover;}
.anlinr dl dt .gd{position: absolute;left: 0;top: -210px;width: 100%;height: 100%;background: rgba(241, 105, 52, 0.8);font-size: 16px;color: #fff;text-align: center;line-height: 210px;transition: 0.3s;}
.anlinr dl dt .gd:before{display: block;content: "";width: 50px;height: 2px;background: #fff;position: absolute;left: 10px;top: 78px;opacity: 0;}
.anlinr dl dt .gd:after{display: block;content: "";width: 50px;height: 2px;background: #fff;position: absolute;right: 10px;bottom: 78px;opacity: 0;}
.anlinr dl dt:hover .gd{top: 0;}
.anlinr dl dt:hover .gd:before{left: 140px;opacity: 0.8;transition: 0.5s 0.2s;}
.anlinr dl dt:hover .gd:after{right: 145px;opacity: 0.8;transition: 0.5s 0.2s;}
.anli .bian{background: #f16934;color: #fff;border: 1px solid #f16934;}
/* 公司简介 */
.gsjj .title{color: #fff;}
.vabout{background: url(../images/gsbj.jpg) no-repeat center center;}
.gsnr{background: #fff;padding: 10px;margin-bottom: 20px;text-align: center;}
.gsnr span{font-size: 22px;font-weight: bold;display: block;margin-bottom: 10px;}
.gsnr p{font-size: 16px;line-height: 2;}
.gsnr>.more{display: block;width: 160px;height: 40px;line-height: 40px;font-size: 16px;border: 1px solid #f16934;color: #f16934;margin: 30px auto 0;transition: 0.5s;}
.gsnr>.more:hover{background: #f16934;color: #fff;}
.gsimg{display: flex;justify-content: space-between;}
.gsimg div{width: 325px;height: 170px;padding: 5px;background: #fff;}
.gsimg div img{width: 100%;height: 100%;object-fit: cover;}
.gslx{display: flex;justify-content: space-evenly;}
.gslx li{line-height: 2.5;padding-left: 30px;font-size: 16px;}
.gslx li:nth-child(1){background: url(../images/img1.png) no-repeat left center;}
.gslx li:nth-child(2){background: url(../images/img1.png) no-repeat left center;}
.gslx li:nth-child(3){background: url(../images/img3.png) no-repeat left center;}
.gslx li:nth-child(4){background: url(../images/img4.png) no-repeat left center;}
.gslx li:nth-child(5){background: url(../images/img5.png) no-repeat left center;}
.gslx li:nth-child(6){background: url(../images/img6.png) no-repeat left center;}

.sfoot{padding: 10px 0;background: #262626;position: absolute;left: 0;bottom: 0;width: 100%;}
.sfoott{border-bottom: 1px solid #ccc;}
.sfoott .contain{display: flex;justify-content: space-evenly;}
.sfoott .contain li{width: 160px;text-align: center;line-height: 2.5;}
.sfoott li a{font-size: 16px;color: #ccc;}
.sfootx{font-size: 15px;color: #666;text-align: center;padding: 10px 0;}


/* 首页结束 */

/* 内页底部 */
.foot{ width:100%; background-color:#333; color:#fff;padding: 30px 0;}
.foot .contain{display: flex;justify-content: space-between;}
.footl{width:210px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footl li{}
.footl li a{color: #cccccc;font-size: 14px;}
.footc{width: 544px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footc p{font-size: 14px;line-height: 2;color: #cccccc;}
.banquan{text-align: center;background: #333;color: #fff;padding-bottom: 30px;}


.prolist{}
.prolist dl{ float: left; width: 270px; height: 240px; display: block; margin: 15px 10px 0px 10px; border: 1px solid #CCCCCC; text-align: center;}
.prolist dl dt{ text-align: center;}
.prolist dl img{ margin: 3px;  display: block; padding: 1px; border: 1px solid #EEE; height: 200px; text-align: center;}


.message{line-height:24px;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
.e2 li{line-height:52px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#CCCCCC;	background-repeat:no-repeat;}
.listimg{width:219px;float:left;margin:0px 5px;}
.listimg a{width:219px;}
.listimg a img{vertical-align:middle; width:219px; height:180px;}
.listimg p{line-height:40px; height:40px; text-align:center; width:219px; margin:0px auto;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{width:330px;font-size:12px;color:#666;}
.guidbar_next li a{color:#333;}
.page{padding-top:20px;padding-left:40px;height:30px;clear:both;text-align: center;}
.page strong{font-size:12px;}
.page li{display: inline-block;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #CCCCCC;}
.page li a{float:left;padding:2px 4px 2px;color:#333;display:block;line-height:17px;}
.page li a:hover{color:#000;text-decoration:none;padding:2px 4px 2px;}
.title3{height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background-color:#1348ac;}
.title3 span{ float:right; color:#fff; padding-right:10px;}
.title3 a{ color: #fff;}
.content{line-height:36px;font-size:13px; padding:10px; }
.mt5{ text-align: center;}
.ileft{ width:280px; float:left; margin-right:20px;margin-bottom: 20px;}
.iright{margin-bottom: 20px;}
.icpfl{ width: 280px;  background: #cbbeb0; }
.cpt{ height: 80px; background: #a0958a; text-align: center; font-size: 22px; color: #fff; line-height: 80px;}
.cpt span{ font-size: 16px; padding-left: 6px;}
.cpb{ padding: 30px 20px;}
.cpb li{ height: 40px; line-height: 40px; background: #f8f8f8; text-align: center; margin-bottom: 10px;}
.cpb li a{ font-size: 18px; color: #333333; display: block;}
.cpb li:hover{ background: #a0958a;}
.cpb:nth-child(2) ul{ padding: 10px 0px}
.cpb ul dd{ line-height: 35px; text-align: center;}
.cpb ul dd a{ font-size: 14px; color: #ffffff; display: block;}
.cpb ul dd:hover{ background: #f8f8f8;}
.cpb ul dd:hover a{ color: #333;}
.nlx{ margin-top: 20px;}
.nlxt{ height: 40px; line-height: 40px; background: #CBBEB0; font-size: 16px; color: #333; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}
.mup{background-color: #e3e3e3; height:42px;line-height: 42px;color:#333; font-size:14px; padding-left: 30px;}
.mup p{height:42px;float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#fff;}
.mup span a:hover{color:#ef8008;}
.sbj{ margin: 40px auto;}
.rytp{width:335px;float:left;margin:0px 5px;}
.rytp:nth-child(4n){margin-right: 0;}
.rytp .rimg{height:250px;overflow:hidden;border:1px solid #ccc;text-align:center;position: relative;}
.rytp .rimg img{width: 100%;height: 100%;object-fit: cover;cursor:pointer;transition: all 0.6s;}
.rytp .rimg .duo{position: absolute;left: 0;top: -252px;width: 100%;height: 100%;background: rgba(241, 105, 52, 0.8);transition: 0.5s;}
.rytp .rimg .duo i{display: block;width: 140px;margin: 100px auto 0;font-size: 16px;color: #fff;padding: 5px 0;border: 1px solid #fff;}
.rytp :hover .duo{top: 0;}
.rytp p{line-height:40px;height:40px;text-align:center;width:210px;margin:0px auto;font-size: 14px;}
.nycplei{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.nycplei li{width: 220px;line-height: 2.5;border: 1px solid #CCCCCC;text-align: center;margin-bottom: 20px;}
.nycplei li a{font-size: 16px;display: block;}
.nycplei li:first-child a{background: #ef8008;color: #fff;}
.nycplei li:hover a{background: #ef8008;color: #fff;}
.e2 .vli_t span{font-size: 16px;color: #b3b3b3;float:right;}
.e2 .vli_t a{display: block;font-size: 20px;font-weight: bold;color: #484848;transition: 0.5s;}
.e2 li p{font-size: 14px;line-height: 2;}
.e2 li:hover .vli_t a{transform: translate(10px);color: #ef8008;}

@media screen and (max-width: 1680px) {
  .contain{width: 1200px;}
  .nav li{width: 75px;}
  .tcontact p{font-size: 21px;}
  .cpzx{padding: 9% 0 0;}
  .cpr{width: 78%;}
  .cprx dt{width: 32%;}
  .cprx dt .cimg{height: 170px;}
  .cprx dt:nth-child(7){display: none;}
  .cprx dt:nth-child(8){display: none;}
  .cplc li:nth-last-child(2){display: none;}
  .cplc li:nth-last-child(3){display: none;}
  .cprx dt .duo{line-height: 170px;}
  .xwnr li{width: 23.6%;}
 .anlinr dl dt{width: 24%;}
 .alzs{padding: 80px 0 0;}
  .gsjj{padding: 80px 0 0;}
  .gslx li{font-size: 14px;}
  .gsimg div{width: 23%;height: 140px;}
  .sfoott{display: none;}
  .sfoot{padding: 0;}
  .rytp{width: 286px;}
}