@charset "utf-8";

#banner_box{ padding-top:80px;}
#wap_banner{display:none; background:#333; padding-top:60px;}
#wap_banner .owl-buttons{ display:none;}
#wap_banner .owl-pagination{ position:absolute; bottom:5px; text-align:center; right:5px;}
#wap_banner #owl-demo02 .item img{display: block; width: 100%;height: auto;}


/*--首页产品类别 --*/

.taocan_list{ padding:50px 0;  zoom:1; margin-left:0px; width:90%; margin:auto;   }
.taocan_list li{ float:left; width:24%; padding:0.5%; margin-left:0;text-align:center;transition: all 0.3s; position:relative;}
.taocan_list li a{ text-decoration:none; display:block; border:1px solid #ddd; clear:both; padding:40px 10% 60px 10%; width:80%;transition: all 0.2s;}

.taocan_list li .prolb_ico{ float:left; display:block; margin:auto; width:50px; height:50px; overflow:hidden; font-size:50px; color:#ff3400; border:3px solid #007a39; border-radius:100px;padding:25px; line-height:50px;transition: all 0.3s;transition: all 0.3s; position:absolute; right:10%; text-align:center;}
.taocan_list li .prolb_ico img{ width:100%; float:left; transition: all 0.3s; height:50px;}

.taocan_list li .text{ text-align:left; float:left;}
.taocan_list li h1{ color:#007a39; font-weight:normal; font-size:24px; height:25px; line-height:25px; overflow:hidden; margin:0px; margin-bottom:5px; margin-top:10px;}
.taocan_list li h2{ color:#444; font-size:20px;font-weight:normal; margin:0px; margin-bottom:20px; letter-spacing:2px;}
.taocan_list li span.x{ height:3px; display:block; background:#f80; width:30px;}

.taocan_list li a:hover{ border:1px solid #007a39;  box-shadow: 0 0 5px #999; background:#007a39;}
.taocan_list li a:hover .prolb_ico{ border:3px solid #fff;}
.taocan_list li a:hover .prolb_ico img.img01 { transition: all 0.3s; }
.taocan_list li a:hover .prolb_ico img.img02{ height:0px; overflow:hidden;  margin-top:-20px;transition: all 0.3s;}
.taocan_list li a:hover h1,.taocan_list li a:hover h2{ color:#fff;}

/*--首页案例--*/
#hot_service_box{ background:#fff; padding:0px 0 40px 0; clear:both;overflow:hidden; width:90%; margin:20px auto;}
.ind_bt{ text-align:center; clear:both;}
.ind_bt h1{ color:#333; font-size:32px; font-weight:normal; margin-bottom:0px; margin-top:0px;}
.ind_bt p{ color:#999; font-size:14px; letter-spacing:3px;  text-transform:uppercase; margin-top:5px; margin-bottom:15px;}
.ind_bt span.x{ height:4px; width:40px; background:#007a39; display:block; margin:auto;}

.hot_service_list{ width:90%; margin:30px auto 0; clear:both;}
.hot_service_list .item{ margin:10px; background:#fff;transition: all 0.3s; overflow:hidden;}
.hot_service_list .item img{display: block;width: 100%;height: auto;  }

.hot_service_list .item .ms_text{ border-top:none; background:url(../images/H_tm90.png); position:relative; bottom:0px; margin-top:-50px;transition: all 0.3s; overflow:hidden; height:50px;}
.hot_service_list .item .title_bt{ text-decoration:none; font-size:18px; color:#fff; height:50px; line-height:50px; text-indent:15px; overflow:hidden; width:100%; display:block;}
.hot_service_list .item .ms_text .ms{ color:#ccc; height:75px; line-height:25px; overflow:hidden; display:none; padding:0 15px 0 15px;transition: all 0.3s; }
.hot_service_list .item .more{ float:right; width:28px; height:28px; display:block; background:url(../images/xfx.png) no-repeat  center; border:0px solid #fff; border-radius:30px; position:absolute; right:12px; bottom:12px;}
.hot_service_list .item:hover .ms_text{ height:125px; margin-top:-125px;}
.hot_service_list .item:hover .ms_text .ms{ display:block;}

#hot_service_box .owl-theme .owl-controls{ position:absolute !important; width:100%;}
#hot_service_box .owl-theme .owl-buttons{ width:100%; position:absolute; right:-70px;}
#hot_service_box .owl-theme .owl-prev{ float:left; position:absolute !important; left:-140px; z-index:999; height:40px; width:40px; background:url(../images/prev.png) no-repeat center; overflow:hidden; line-height:999;}
#hot_service_box .owl-theme .owl-next{ float:right; position:absolute !important; right:0px;z-index:999;height:40px; width:40px; background:url(../images/next.png) no-repeat center;overflow:hidden; line-height:999;}

.ind_zl{ padding:50px 0; background:url(../images/ind_bg02.jpg) center no-repeat; background-size:100%; }
.zl_iconlist{ width:98%; max-width:1200px; margin:auto;}
.zl_iconlist dl{ width:48%; background:#fff;  position:relative; float:left; margin-left:1%; margin-right:1%;}
.zl_iconlist dl dd{ float:left; width:213px; overflow:hidden;}
.zl_iconlist dl dt{ float:right; position:absolute;  padding:15px;padding-left:230px;}
.zl_iconlist dl dt h1.bt{ color:#222; font-size:20px; font-weight:normal;}
.zl_iconlist dl dt .ms{ color:#666; font-size:12px; line-height:22px; height:88px; overflow:hidden; margin-bottom:20px;}
.zl_iconlist dl dt  a.more{ width:70px; height:35px; line-height:35px; border-radius:3px; display:block; background:#ff3400; color:#fff; text-decoration:none; padding:0 10px 0 10px;transition: all 0.3s; text-align:center;}
.zl_iconlist dl dt  a.more:hover{ background:#F00; width:80px;}


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

/*--首页产品类别 --*/

.taocan_list{ padding:40px 0;  zoom:1; margin-left:0px; width:90%; margin:auto;   }
.taocan_list li{ float:left; width:23.4%; padding:0.8%; margin-left:0;text-align:center;transition: all 0.3s; position:relative;}
.taocan_list li a{ text-decoration:none; display:block; border:1px solid #ddd; clear:both; padding:30px 8% 40px 8%; width:84%;transition: all 0.2s;}

.taocan_list li .prolb_ico{ float:left; display:block; margin:auto; width:50px; height:50px; overflow:hidden; font-size:50px; color:#ff3400; border:3px solid #007a39; border-radius:100px;padding:20px; line-height:50px;transition: all 0.3s;transition: all 0.3s; position:absolute; right:8%; text-align:center;}
.taocan_list li .prolb_ico img{ width:100%; float:left; transition: all 0.3s; height:50px;}

.taocan_list li .text{ text-align:left; float:left;}
.taocan_list li h1{ color:#007a39; font-weight:normal; font-size:20px; height:25px; line-height:25px; overflow:hidden; margin:0px; margin-bottom:5px; margin-top:10px;}
.taocan_list li h2{ color:#444; font-size:18px;font-weight:normal; margin:0px; margin-bottom:20px; letter-spacing:1px;}
.taocan_list li span.x{ height:3px; display:block; background:#f80; width:30px;}

.taocan_list li a:hover{ border:1px solid #007a39;  box-shadow: 0 0 5px #999; background:#007a39;}
.taocan_list li a:hover .prolb_ico{ border:3px solid #fff;}
.taocan_list li a:hover .prolb_ico img.img01 { transition: all 0.3s; }
.taocan_list li a:hover .prolb_ico img.img02{ height:0px; overflow:hidden;  margin-top:-20px;transition: all 0.3s;}
.taocan_list li a:hover h1,.taocan_list li a:hover h2{ color:#fff;}

}
@media only screen and (max-width:1100px) {

#hot_service_box .owl-theme .owl-controls{ position:relative !important; top:0%; width:100%;}
#hot_service_box .owl-theme .owl-buttons{ width:100%; position:absolute; right:0px; display:none;}
#hot_service_box .owl-theme .owl-prev{ float:left; position:absolute !important; left:0px; z-index:999; height:40px; width:40px; background:url(../images/prev.png) no-repeat center; overflow:hidden; line-height:999;}
#hot_service_box .owl-theme .owl-next{ float:right; position:absolute !important; right:0px;z-index:999;height:40px; width:40px; background:url(../images/next.png) no-repeat center;overflow:hidden; line-height:999;}
.hot_service_list .owl-pagination{ display:block;}

/*--首页产品类别 --*/

.taocan_list{ padding:40px 0;  zoom:1; margin-left:0px; width:96%; margin:auto;   }
.taocan_list li{ float:left; width:23.4%; padding:0.8%; margin-left:0;text-align:center;transition: all 0.3s; position:relative;}
.taocan_list li a{ text-decoration:none; display:block; border:1px solid #ddd; clear:both; padding:30px 8% 40px 8%; width:84%;transition: all 0.2s;}

.taocan_list li .prolb_ico{ float:left; display:block; margin:auto; width:40px; height:40px; overflow:hidden; font-size:50px; color:#ff3400; border:3px solid #007a39; border-radius:100px;padding:20px; line-height:50px;transition: all 0.3s;transition: all 0.3s; position:absolute; right:8%; text-align:center;}
.taocan_list li .prolb_ico img{ width:100%; float:left; transition: all 0.3s; height:40px;}

.taocan_list li .text{ text-align:left; float:left;}
.taocan_list li h1{ color:#007a39; font-weight:normal; font-size:18px; height:25px; line-height:25px; overflow:hidden; margin:0px; margin-bottom:5px; margin-top:10px;}
.taocan_list li h2{ color:#444; font-size:16px;font-weight:normal; margin:0px; margin-bottom:15px; letter-spacing:0px;}
.taocan_list li span.x{ height:3px; display:block; background:#f80; width:30px;}

.taocan_list li a:hover{ border:1px solid #007a39;  box-shadow: 0 0 5px #999; background:#007a39;}
.taocan_list li a:hover .prolb_ico{ border:3px solid #fff;}
.taocan_list li a:hover .prolb_ico img.img01 { transition: all 0.3s; }
.taocan_list li a:hover .prolb_ico img.img02{ height:0px; overflow:hidden;  margin-top:-20px;transition: all 0.3s;}
.taocan_list li a:hover h1,.taocan_list li a:hover h2{ color:#fff;}

}


@media only screen and (max-width:960px) {
#banner_box{display:none;}
#wap_banner{display:block;}
#nav_box{ display:none;}
.drawer-toggle { display:block; visibility:inherit;}
.z_top{ display:none;}
#ind_ss_box{ display:none;}

.ind_zl{ padding:30px 0; background:url(../images/ind_bg02.jpg) center no-repeat; background-size:100%; }
.zl_iconlist{ width:98%; max-width:1200px; margin:auto;}
.zl_iconlist dl{ width:48%; background:#fff;  position:relative; float:left; margin-left:2%;}
.zl_iconlist dl dd{ float:left; width:200px; overflow:hidden;}
.zl_iconlist dl dt{ float:right; position:absolute;  padding:15px;padding-left:220px;}
.ind_10servicelist{ margin-left:0px; margin-top:40px;}

.serveicets_box ul{ padding:15px 0% 15px 0%;}
.serveicets_box li{ width:23%; float:left; text-align:center; padding:10px 1% 10px 0.5%;}
.serveicets_box li i{ font-size:40px; color:#ff3401; font-weight:normal; font-style:normal; border:2px solid #ff3401; border-radius:100px; width:40px; height:40px; padding:15px; display:block; line-height:40px; float:none; margin:auto;}
.serveicets_box li p{ float:none; margin-left:0px; text-align:center; color:#666;}
.serveicets_box li p b{ display:block; font-size:18px; color:#333; margin-bottom:5px;}

/*--首页产品类别 --*/

.taocan_list{ padding:30px 0;  zoom:1; margin-left:0px; width:96%; margin:auto;   }
.taocan_list li{ float:left; width:48%; padding:1%; margin-left:0;text-align:center;transition: all 0.3s; position:relative;}
.taocan_list li a{ text-decoration:none; display:block; border:1px solid #ddd; clear:both; padding:30px 8% 40px 8%; width:84%;transition: all 0.2s;}

.taocan_list li .prolb_ico{ float:left; display:block; margin:auto; width:40px; height:40px; overflow:hidden; font-size:50px; color:#ff3400; border:3px solid #007a39; border-radius:100px;padding:20px; line-height:50px;transition: all 0.3s;transition: all 0.3s; position:absolute; right:8%; text-align:center;}
.taocan_list li .prolb_ico img{ width:100%; float:left; transition: all 0.3s; height:40px;}

.taocan_list li .text{ text-align:left; float:left;}
.taocan_list li h1{ color:#007a39; font-weight:normal; font-size:18px; height:25px; line-height:25px; overflow:hidden; margin:0px; margin-bottom:5px; margin-top:10px;}
.taocan_list li h2{ color:#444; font-size:16px;font-weight:normal; margin:0px; margin-bottom:15px; letter-spacing:0px;}
.taocan_list li span.x{ height:3px; display:block; background:#f80; width:30px;}

.taocan_list li a:hover{ border:1px solid #007a39;  box-shadow: 0 0 5px #999; background:#007a39;}
.taocan_list li a:hover .prolb_ico{ border:3px solid #fff;}
.taocan_list li a:hover .prolb_ico img.img01 { transition: all 0.3s; }
.taocan_list li a:hover .prolb_ico img.img02{ height:0px; overflow:hidden;  margin-top:-20px;transition: all 0.3s;}
.taocan_list li a:hover h1,.taocan_list li a:hover h2{ color:#fff;}
#hot_service_box{ background:#fff; padding:0px 0 40px 0; clear:both;overflow:hidden; width:96%; margin:20px auto;}

}

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

.taocan_list{ padding:20px 0;  zoom:1; margin-left:0px; width:96%; margin:auto;   }
#hot_service_box .owl-theme .owl-controls{ display:none;}
#hot_service_box .owl-theme .owl-buttons{ display:none;}
#hot_service_box{ margin-top:20px; padding:20px 0 20px 0;}

.ind_zl{ background:#333; padding:20px 0 20px 0;}
.zl_iconlist{ overflow:hidden; width:96%;}
.zl_iconlist dl{ width:100%; float:none; margin-bottom:10px; margin:0px; margin-bottom:20px;}
.ind_10servicelist{ margin-left:0px; margin-top:40px;}

/*--首页案例--*/
#hot_service_box{ background:#fff; padding:0px 0 30px 0; clear:both;overflow:hidden; width:96%; margin:10px auto;}
.ind_bt{ text-align:center; clear:both;}
.ind_bt h1{ color:#333; font-size:32px; font-weight:normal; margin-bottom:0px; margin-top:0px;}
.ind_bt p{ color:#999; font-size:14px; letter-spacing:3px;  text-transform:uppercase; margin-top:5px; margin-bottom:15px;}
.ind_bt span.x{ height:4px; width:40px; background:#007a39; display:block; margin:auto;}

.hot_service_list{ width:90%; margin:30px auto 0; clear:both;}
.hot_service_list .item{ margin:10px; background:#fff;transition: all 0.3s; overflow:hidden;}
.hot_service_list .item img{display: block;width: 100%;height: auto;  }

.hot_service_list .item .ms_text{ border-top:none; background:url(../images/H_tm90.png); position:relative; bottom:0px; margin-top:0px;transition: all 0.3s; overflow:hidden; height:50px;}
.hot_service_list .item .title_bt{ text-decoration:none; font-size:15px; color:#fff; height:50px; line-height:50px; text-indent:15px; overflow:hidden; width:100%; display:block;}
.hot_service_list .item .ms_text .ms{ color:#ccc; height:75px; line-height:25px; overflow:hidden; display:none; padding:0 15px 0 15px;transition: all 0.3s; }
.hot_service_list .item .more{ float:right; width:28px; height:28px; display:block; background:url(../images/xfx.png) no-repeat  center; border:0px solid #fff; border-radius:30px; position:absolute; right:12px; bottom:12px;}
.hot_service_list .item:hover .ms_text{ height:50px; margin-top:0px;}
.hot_service_list .item:hover .ms_text .ms{ display:none;}


}

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

	
	
}