@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
html{font-size: 100px}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1400{ width:1400px; margin: 0 auto; }
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}




/* 导航栏 */
.header_top{width:100%; height: 88px; overflow: hidden; position: fixed; top:0; z-index:999; left:0; background: #fff; padding-left:4%}
.h_logo{width:122px; height: 88px; float: left; display: flex; align-items: center;}
.h_logo img{max-width: 100%; align-items: center; margin: 0px auto;}
.header_lianxi{float: right; background: #d51719; padding:13px 60px; height: 88px;}
.header_lianxi p{color:#fff; font-size: 14px; background: url(../images/dh_icon.png) no-repeat left center; padding-left: 20px; line-height: 30px;}
.header_lianxi span{color:#fff; font-size: 24px; font-weight: bold;}
.header_nav{float: right; margin-right:1.2%}
.header_nav a{color:#333333; font-size: 16px; line-height:86px; float: left; margin: 0 30px}
.header_nav a.active{font-weight: bold; color:#d51719;  border-bottom: 2px solid #d51719;}
.header_nav a:hover{font-weight: bold; color:#d51719;  border-bottom: 2px solid #d51719;}



/*banner*/
.banner{ width:100%; height:auto; position: relative; overflow: hidden; margin-top: 88px;}
.banner .swiper-slide a{width:100%; display: block}
.banner .swiper-slide a img{width:100%; display: block}
.banner .swiper-pagination{bottom:12%; left:50%; transform: translate(-50%,0);}
.banner .swiper-pagination-bullet{width:6px; height:6px; background: #fff; opacity: 1; margin: 0 7px;}
.banner .swiper-pagination-bullet-active{width:21px; border-radius: 5px;}


/*关于我们*/
.index_about{width:100%; height: 732px; overflow: hidden; background:url(../images/about_bjs.jpg) no-repeat center; padding-top: 88px}
.index_about_left{width:655px; float: left}
.about_left_title{width:100%; }
.about_left_title hr{width:33px; height: 6px; background: #d51719; display: block; margin:26px 0;}
.about_left_title h3{color:#333333; font-size: 36px; font-weight: bold; margin-top: -40px;}
.about_left_title h4{color:#333333; font-size:74px; font-weight: bold; opacity: 0.1; text-transform: uppercase; line-height:78px;}
.index_about_right{float: right; margin-right:14%; margin-top:10px;}
.about_left_xx{width:100%; height:300px; overflow:auto}
.about_left_xx p,.about_left_xx a p{width:100%; color: #333333; font-size: 16px; line-height: 30px;}
.about_left_dhs{background: url(../images/h_dhs.png) no-repeat left center; padding-left:70px; margin-top: 52px}
.about_left_dhs p{color:#333333; font-size: 14px;}
.about_left_dhs span{color:#d51719; font-size:36px; font-weight: bold;}
.index_num{width:100%; height: auto; overflow: hidden; background: #d51719; padding: 50px 0 40px}
.index_num dl{width:20%; height: auto; float: left; background: url(../images/abx.png) no-repeat right center; text-align: center}
.index_num dl dt{color:#fff; font-size: 16px; }
.index_num dl dt span{color:#fff; font-size: 40px; font-weight: bold;}
.index_num dl dd{color:#fff; font-size: 16px; margin-top: 8px;}
.index_num dl:last-child{background: none}

.zUIpanelScrollBox,.zUIpanelScrollBar{
	width:5px;
	top:4px;
	right:0;
	border-radius:5px;
	
}
.zUIpanelScrollBox{
	background:black;opacity:0;
	filter:alpha(opacity=10);
}
.zUIpanelScrollBar{
	background:#c7c7c7;opacity:0.8;
	filter:alpha(opacity=80);
}





/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; padding-top:65px;}
.index_product_all{width:100%; height: auto; overflow: hidden; margin-top:62px; }
.index_product_all ul{width:100%; height: auto; overflow:hidden}
.index_product_all ul li{width:24.2%; border: 1px solid #eeeeee; overflow:hidden; position: relative; float: left; margin-right:1%; margin-bottom: 25px;}
.index_product_all ul li img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_product_all ul li:nth-child(4n){margin-right: 0}
.index_pro_hover{width:100%; height: 119px; background: rgba(0,0,0,0.2); position: absolute; bottom:0; left:0; text-align: center; padding:22px 10px}
.index_pro_hover h4{color:#fff; font-size: 16px;}
.index_pro_hover h5{width:62%; height: 40px; border: 1px solid rgba(255,255,255,0.5); text-align: center; line-height:38px; color: #fff; font-size: 20px; 
	font-weight: bold; margin:10px auto 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_product_all ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_product_all ul li:hover .index_pro_hover{background:rgba(213,23,25,0.8)}


/*荣誉资质*/
.index_honor{width:100%; height: auto; overflow: hidden; background: url(../images/honor_bjs.jpg) no-repeat center; padding:70px 0 120px; margin: 66px 0 0}
.index_honor_title{width:100%; text-align: center}
.index_honor_title hr{width:33px; height: 6px; background: #d51719; display: block; margin:26px auto;}
.index_honor_title h3{color:#fff; font-size: 36px; font-weight: bold; margin-top: -40px;}
.index_honor_title h4{color:#fff; font-size:74px; font-weight: bold; opacity: 0.1; text-transform: uppercase; line-height:78px;}
.index_honor_xx{width:100%; height: auto; overflow: hidden; background: rgba(213,23,25,0.9); padding: 60px 60px; font-size: 16px; color: #ffffff; 
	line-height: 30px; text-align: center; margin-top: 30px;}
#certify {position: relative;width:1400px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify  .swiper-slide{width:502px; height: 408px;}
.in_hpic{width:100%; height: auto; overflow: hidden}
#certify  .swiper-slide img{display:block; width: 100%}
#certify  .swiper-slide p{line-height:40px;	text-align: center;color: #fff; font-size:18px; opacity: 0; margin-top: 10px;}
#certify .swiper-pagination {width: 100%; bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px; background: #fff; width:34px; height:3px; opacity: 1; border-radius: 0}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background: #d51719}
#certify .swiper-slide-active p{opacity: 1}




/*设备展示*/
.index_scsb{width:100%; height: auto; overflow: hidden; padding-top: 70px}
.index_scsb_all{width:100%; height: auto; overflow: hidden; margin-top: 55px; display: flex; display: -webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;}
.index_scsb_left{width:24.7%; height: 705px; float: left; position: relative;}
.index_scsb_left a{width:100%; height:100%; overflow: hidden; display: block}
.index_scsb_left a img{width:100%; display: block; height: 100%; object-fit: cover; object-position: center center;}
.index_scsb_all ul{width:49.2%; height: auto; overflow: hidden; float: left}
.index_scsb_all ul li{width:49.2%; height: 344px; float: left; margin-bottom:16px; overflow: hidden}
.index_scsb_all ul li img{width:100%; height: 100%; display: block;  object-fit: cover; object-position: center center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_scsb_all ul li:nth-child(2n){float: right}
.index_scsb_all ul li:nth-child(3){margin-bottom: 0}
.index_scsb_all ul li:nth-child(4){margin-bottom: 0}
.index_scsb_all ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}
.index_scsb_bottom{width:100%; height:auto; overflow:hidden; margin-top:30px;}
.index_scsb_bottom ul li{width:20%; height:auto; float:left; margin-right:2%; margin-bottom:10px; overflow:hidden}
.index_scsb_bottom ul li img{width:100%; display:block; object-fit: cover; object-position: center center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_scsb_bottom ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/*环境*/
.index_huanjing{width:100%; height: auto; overflow: hidden; padding:115px 0 80px}
.index_hhj_title{width:100%; text-align: center}
.index_hhj_title hr{width:33px; height: 6px; background: #d51719; display: block; margin:26px auto;}
.index_hhj_title h3{color:#333333; font-size: 36px; font-weight: bold; margin-top: -40px;}
.index_hhj_title h4{color:#333333; font-size:74px; font-weight: bold; opacity: 0.1; text-transform: uppercase; line-height:78px;}
.index_hhj_xx{width:85%; height: auto; text-align: center; color:#333333; font-size: 16px; line-height: 30px; display: table; margin: 0px auto;}
.index_hhj_li{width:100%; height: auto; overflow: hidden; margin-top: 56px}
.index_hhj_li .swiper-slide a{width:100%; height: auto; overflow: hidden; display: block}
.index_hhj_li .swiper-slide a img{width:100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_hhj_li .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}




/*底部*/
.footer{width:100%; height:auto; overflow: hidden;  position: relative; background:url(../images/footer_bjs.jpg) no-repeat center; background-size: cover; padding-top: 50px;}
.footer_title{width:100%; height: auto; overflow: hidden; text-align: center}
.footer_title h4{color:#fff; font-size: 30px; font-weight:bold;}
.footer_title hr{width:37px; height: 3px; background: #fff; display: block; margin:24px auto;}
.footer_xx{width:auto; display: table; margin: 0px auto;}
.footer_xx p{color:#fff; font-size: 18px; float: left; padding-left:40px; line-height: 35px; margin-right:30px;}
.fi1{background: url(../images/fi1.png) no-repeat left center}
.fi2{background: url(../images/fi2.png) no-repeat left center}
.fi3{background: url(../images/fi3.png) no-repeat left center; margin-right: 0}
.footer_input{width:100%; height: auto; overflow: hidden; margin: 55px 0}
.footer_input p{width:26.5%; height: 62px; float: left; border: 1px solid rgba(255,255,255,0.2); margin-right:1%; position: relative}
.footer_input p input[type="text"]{width:100%; height: 100%; color: #fff; font-size: 16px; background: none; border: 0; padding: 0 4%}
.f_submit{width:11%; height: 62px; float: right; background: #f28d03; color: #fff; font-size: 16px; border: 0}
.f_last{width:33%!important;}
.f_copy{width:100%; height:70px; overflow: hidden; line-height:70px;  border-top:1px solid rgba(255,255,255,0.3); margin-top: 60px; }
.copy_l{font-size:14px; color:#fff; height: 100%; width:auto; float: left; }
.copy_l a{color:#fff; font-size: 14px;}
.copy_l a:hover{color:#009b48!important}
.footer_zhichi{width:372px; height:auto; float: right;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#fff; height: 100%; line-height:70px;}
.footer_zhichi p:last-child{margin-right: 0}
.footer_zhichi .pt{width:121px;height:70px; background: url(../images/vl.png) no-repeat center; margin-right: 10px}
.footer_zhichi .js{width:80px;height:70px; background: url(../images/wl.png) no-repeat center; }
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat center}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat center} 
.footer_zhichi span{float: left; font-size: 14px; color: #fff;}
.footer_zhichi i{ float: left;}

.footer_input p input::-webkit-input-placeholder { /* WebKit browsers */  
    color:#fff;  opacity: 0.8
}  
.footer_input p input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:#fff;  
   opacity:0.8;  
}  
.footer_input p input::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:#fff;  
   opacity:0.8;  
}  
.footer_input p input:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:#fff; 
	opacity: 0.8 
}  




/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 8px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -125px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#d51719;
    height: 62px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}


@media screen and (max-width:1500px){
	.w1400,#certify{width:1200px;}
	.header_nav a{margin:0 20px;}

}




@media screen and (max-width:1400px){
	


}