@charset "utf-8";

#banner_box{ padding-top:130px;}
#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:30px 0 40px 0; clear:both;overflow:hidden; width:90%; max-width:1200px; margin:20px auto;}
.ind_bt{ text-align:left; clear:both; }
.ind_bt h1{ color:#333; font-size:24px; font-weight:normal; margin-bottom:0px; margin-top:0px; border-left:5px solid #0d4099; padding-left:10px; height:26px; line-height:26px;}
.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; 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:16px; color:#333; height:50px; line-height:50px; text-indent:15px; overflow:hidden; width:100%; display:block; text-align:center;}
.hot_service_list .item .more{ float:right; width:25px; height:25px; display:block; background:url(../images/xfx02.png) no-repeat  center; border:1px solid #ccc; position:absolute; right:12px; bottom:12px; display:none;}
.hot_service_list .item:hover .more, .hot_service_list .item .more:hover{ background:url(../images/xfx.png) no-repeat  center #7ebc3f; border:1px solid #7ebc3f;}
.hot_service_list .item:hover .title_bt{ color:#7ebc3f}

#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;}





.index-news{padding: 40px 0;background: #eee;}
.index-news .w960{height:350px;overflow: hidden;}
.index-news .l{width: 62%;height: 350px;border-right: 2px solid #e7e7e7;background: #fff; float:left;}
.index-news .tips{width:27.5%;height:260px;padding:90px 0 0 5%;background: url(../images/llogo01.png) no-repeat right bottom #0b419b;float: left;line-height: 24px;color: #a9b6cf;}
.index-news .tips p.en{font-size: 36px;line-height: 38px;font-family: Arial;color: #fff; margin:0px;}
.index-news .tips p{ margin:0px;}
.index-news .tips a.more{display: inline-block;width:65px;height: 27px;padding-left: 16px;line-height: 27px;color: #a9b6cf; background:url(../images/jtr.png) no-repeat 90% center; border:1px solid #fff; border-radius:3px;margin-top:60px;}
.index-news .tips a.more:hover{color: #0b419b;background: url(../images/jtr2.png) no-repeat 90% center #fff;}
.index-news .list{width: 58%;padding: 27px 28px 0 24px;float: left;}

/*---首页 新闻---*/
.ind_news_list{ font-size:12px;top:0px; width:100%; float:left;}
.ind_news_list dl{ clear:both;  padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
.ind_news_list dl dd{ float:left; margin-right:10px; width:40%;  max-width:250px; margin-right:15px;}
.ind_news_list dl dd img{ width:100%;}
.ind_news_list dl dt{  position:inherit;}
.ind_news_list dl dt a.bt{ color:#333; font-size:18px; height:20px; line-height:20px; overflow:hidden; display:block; margin-bottom:5px; font-weight:normal;}
.ind_news_list dl dt i{ color:#999; font-style:normal;}
.ind_news_list dl dt a:hover{ color:#ff7e00;}
.ind_news_list dl dt p.ms{ color:#999; font-size:12px; line-height:20px; overflow:hidden; height:60px; margin-bottom:5px; margin-top:15px;}
.ind_news_list dl dt a.more{ color:#999; font-size:12px; }
.ind_news_list dl dt a.more:hover{ color:#ff7e00; }
.ind_news_list dl dt a.more span{font-family:'simsun';}

/*------新闻日期型列表---- */ 
.ind_date_news_list{ margin-top:10px; font-size:12px; margin-top:5px; clear:both; margin-left:-5%}
.ind_date_news_list li { width:100%;margin-bottom:12px; margin-left:5%; font-family: "Microsoft YaHei"!important;  height:60px; float:left; border-top:1px dashed #ddd; padding-top:12px;}

.ind_date_news_list .datetime {width:50px;height:45px; margin-top:0px;text-align:center;display:block; float:left;font-family:Arial, Helvetica, sans-serif;padding:2px; margin-right:10px;}
.ind_date_news_list .datetime strong{display:block; font-size:40px; line-height:40px;height:40px; color:#0b419b; font-weight:bold;}
.ind_date_news_list .datetime b{font-size:11px; line-height:12px; margin-top:5px; display:block; color:#666; font-weight:normal;}

.ind_date_news_list .cnt { position:inherit;height:80px; padding-top:5px;}
.ind_date_news_list .cnt .bt {font-size: 16px;margin-bottom: 2px; margin-top:5px;color:#444; font-weight:normal; text-decoration:none;}
.ind_date_news_list p.summary {line-height:20px;margin-top:5px; color:#999; height:20px; overflow:hidden;}

.ind_date_news_list .cnt .bt:hover{ color:#ed6d34;}



.index-news .r{width:35%;height: 360px;overflow: hidden; float:right;}
.index-news .inews-box{width: 100%;height:160px;float: left;margin-bottom: 27px;background:#fff; overflow:hidden; text-decoration:none;}
.index-news .inews-box_img{ float:left; width:52%; display:block;}
.index-news .inews-box_img img{ width:100%;}
.index-news .inews-box .detail{width: 42%;height: 64px;float: left;padding: 14px 0 0 3%;}
.index-news .inews-box p{line-height: 18px;color: #959595; margin-top:10px;}
.index-news .inews-box p.fz16{font-size: 16px;line-height: 28px;color: #333;}



@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;}

.index-news{ padding:30px 0px; padding-bottom:10px;}
.index-news .l{ width:100%; height:auto;}
.index-news .tips{ }
.index-news .list{height:auto; overflow:hidden;}
.index-news .r{ width:100%; margin-top:20px;}
}

@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:30px; padding:20px 0 20px 0; clear:both;}
#hot_service_box .ind_bt{ text-align:left;}

.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:10px 0 30px 0; clear:both;overflow:hidden; width:96%; margin:20px auto;}
#hot_service_box.ind_bt{ text-align:center; clear:both;}
#hot_service_box .ind_bt h1{ color:#333; font-size:30px; 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; display:none;}
.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:680px) {
.index-news{ padding:0px; padding-bottom:10px;}
.index-news .l{ width:100%; height:auto;}
.index-news .tips{ width:92%; height:60px; padding:5% 4%; margin-bottom:20px;}
.index-news .list{ width:96%; padding:2%; height:auto; overflow:hidden;}
.index-news .r{ width:100%; margin-top:20px;}
	
}