﻿/*banner*/
.banner {position:relative;overflow:auto;text-align: center;}
.banner li {list-style:none;}
.banner ul li{float:left;}
#slide{width: 640px;}
#slide .dots{position:absolute;left:0;right:0;bottom:20px;}
#slide .dots li 
{ 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
}
#slide .dots li.active 
{
	background: #fff;
	opacity: 1;
}
#slide .arrow {position: absolute; top: 150px;}
#slide #al {left: 15px;}
#slide #ar {right: 15px;}
/*大标题*/
.zbt_p1 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
.bt_color1{
	color:#666666;
	}
.bt_color2{
	color:#E3E3E3;
	}
.bt_color3{
	color:#cccccc;
	}
.bt_color4{
	color:#ffffff;
	}
.bt_color5{
	color:#333;
	}
.bt_bg{
   width:100%;
   height:200px;
   background-color:#F5F5F5;
	}
.wzbt_p1 {
	font-size: 16px;
	color: #EEEEEE;
	text-align: center;
	margin-bottom: 20px;
}
p.p_title {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	padding-top: 48px;
	text-transform: uppercase;
}
h2.h2_title {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight:bold;
}
h2.h2_title i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 230px;
	height: 3px;
}
h2.h2_title i.titl {
	background: url(/images/index/titl01.png) no-repeat right center;
}
h2.h2_title i.titr {
	background: url(/images/index/titr01.png) no-repeat left center;
}
h2.h2_title i.wtitl {
	background: url(/images/index/wtitl01.png) no-repeat right center;
}
h2.h2_title i.wtitr {
	background: url(/images/index/wtitr01.png) no-repeat left center;
}

h2.h2_title a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 15px;
	color: #333;
}
@media screen and (max-width: 750px) {
.zbt_p1 {
font-size: 12px;
margin-bottom: 10px;
}
.bt_bg{
   width:100%;
   height:150px;
   background-color:#F5F5F5;
	}
p.p_title {
	font-size: 18px;
	padding-top: 20px;
	text-transform: uppercase;
}
h2.h2_title {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight:normal;
}
h2.h2_title i {
	width: 26%;
}
}
/*首页产品分类规则排列*/
.procate_box{
	position:relative;
	margin-top:50px;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}
.procate_box li{
	float:left;
	display:inline-block;
	overflow:hidden;
	width:24%;
	margin-right:1%;
	height:290px;
	margin-bottom:10px;
	position:relative;
	border:#DBDBDB 1px solid;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	}
.procate_box img{width:100%;height:auto;}
.procate_box p{
	position:absolute;
	color:#ffffff;
	font-size:16px;
	bottom:0px;
	width:100%;
	height:30px;
	line-height:30px;
	background:rgba(0,0,0,0.7);
	text-align:center;
	}
.procate_box .mr10{margin-right:10px;}
.procate_box .nomr10{margin-right:0px;}
.procate_box li:hover{
	box-shadow: 1px 1px 10px #cccccc;
	}
.procate_box li:hover p{
	background:rgba(23,109,183,0.8);
	color:#ffffff;
	transition:background-color 0.3s linear;
	}
.procate_box li:hover img{
    transform:scale(1.1);
	transition: all 0.5s;
	}
@media only screen and (max-width: 750px) {
.pro_box{margin-top:10px;margin-bottom:20px;position:relative;}
.procate_box li{
	display:block;
	width:50%;
	margin-right:0px;
	height:auto;
	margin-bottom:10px;
	}
.procate_box p{
	font-size:14px;
	}
}
/*联系我们长图*/
.index_contact_main {
	margin-top:30px;
	width: 100%;
	position:relative;
}
.index_contact_main img{width:100%;height:auto;background-repeat:no-repeat;background-position:center;position:relative;z-index:2;}
.index_contact_main #pc_contact{display:block; position:relative;}
.index_contact_main #mobile_contact{display:none;}
.index_contact_main p {
	float: left;
	z-index:5;
	display:block;
	top:20px;
	font-size: 36px;
	color: #FA221D;
	position:absolute;
	line-height: 36px;
	font-weight:bold;
}
.index_contact_main p span {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	padding-top: 18px;
	font-weight:normal;
	display: block;
}
.index_contact_main p b {
	display: block;
	width: 70px;
	height: 2px;
	background-color: #FA221D; 
	margin-top: 18px;
}
@media only screen and (max-width: 750px) {	
.index_contact_main #pc_contact{display:none;}
.index_contact_main #mobile_contact{display:block;}
.index_contact_main p {
	top:12px;
	font-size: 16px;
	line-height: 18px;
}
.index_contact_main p span {
	font-size: 10px;
	line-height: 9px;
	padding-top: 6px;
	font-weight:normal;
	display: block;
}
.index_contact_main p b {
	margin-top: 10px;
}
}
/*案例业绩*/
.allist{
	width:50%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:#D4D4D4 1px solid;
	padding-left:20px;
	font-size:16px;
	height:34px;
	line-height:34px;
	margin-right:-1px;
	margin-bottom:6px;
	background: #F9F9F9 url(/images/public/dot_ico.png) no-repeat left 6px top 11px;
	}
 .allist:nth-child(1){
	margin-top:0px;
	}
 .newsdetail .showcontent .allist:nth-child(2){
	margin-top:0px;
	}
@media only screen and (max-width: 750px) {
  .allist{
	width:100%;
	float:none;
	padding-left:20px;
	font-size:12px;
	}
}

/*公司简介*/
.i-about{
	width:100%;
	background:url(/images/index/about_bg.jpg);
    background-position:center;
	height:560px;
	overflow:hidden;
	margin-top:20px;
	}
.i-about .index_about_img{margin-top:60px;width: 47%;}
.i-about .index_about_img img{width: 100%;height: 380px;object-fit: cover;}
.i-about .index_about_content{ margin-top:60px;width: 49%;margin-left: 4%;}
.i-about .index_about_content .about_content_title{border-bottom: 1px solid #dcdcdc;padding-bottom: 50px;}
.i-about .index_about_content .about_content_title dd{font-size: 28px ;color: #333333;font-weight:bold;}
.i-about .index_about_content .about_content_title dt{ margin: 6px 0px; padding-left: 10px;}
.i-about .index_about_content .about_content_text{ font-size: 14px; color: #333333; line-height: 23px; margin-top: 20px;}
.i-about .index_about_content .about_content_bottom{ margin-top:28px;width:100%;}
.i-about .index_about_content .about_content_bottom .content_bottom_list{
	background: #fff;
	width:30%;
	text-align: center; 
	padding:25px;
	margin-right:5%; 
	display: inline-block;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; 
	}
.i-about .index_about_content .about_content_bottom .content_bottom_list:hover{
	margin-top:-10px;
	transition:all 0.3s ease-in-out 0.2s;
	box-shadow: 1px 1px 10px #cccccc;
    background: #1085D3; 
	}
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_icon{
	     margin-bottom: 20px;
		 position:relative;
		 width:52px;
		 height:50px;
		 display:block;
		 margin:0 auto;
		 overflow:hidden;
		 }
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_icon img{
	     position:absolute;
		 z-index:1;
		 left:0;
		 top:0;
		 width:100%;
		 height:auto;
		 }
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_text dd{ font-size: 18px;color: #333333; margin: 10px 0px; text-transform:uppercase;}
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_text dt{ font-size: 13px; color: #666666; line-height: 22px;}
.i-about .index_about_content .about_content_bottom .content_bottom_list:nth-child(3){ margin-right: 0px;}
.i-about .index_about_content .about_content_bottom .content_bottom_list:hover .bottom_list_text dd{ color: #ffffff;}
.i-about .index_about_content .about_content_bottom .content_bottom_list:hover .bottom_list_text dt{ color: #ffffff;}
.i-about .index_about_content .about_content_bottom .content_bottom_list:hover .bottom_list_icon img{
      top:-71px;
	  transition: all 0.3s ease;
      -webkit-transform: all 0.3s ease;  
	  cursor:pointer;
}
@media only screen and (max-width: 750px) {
.i-about{
	padding:0px; margin:0px;border:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	height:auto; 
	background:#F2F2F2;
	padding-bottom:20px;
	}
.i-about .index_about_img{margin-top:20px;width:100%;}
.i-about .index_about_img img{height:auto}
.i-about .index_about_content .about_content_title{display:none;}
.i-about .index_about_content{ margin-top:20px;width:100%;margin:0px;}
.i-about .index_about_content .about_content_title{border-bottom: 1px solid #dcdcdc;padding-bottom: 40px;}
.i-about .index_about_content .about_content_bottom{margin-top:20px;margin-bottom:10px;width:cacl(100% - 20px);}
.i-about .index_about_content .about_content_bottom .content_bottom_list{
	width:32%;
	margin-right:2%;
	}
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_text dd{ font-size: 14px;color: #333333; margin: 10px 0px; text-transform:uppercase;}
.i-about .index_about_content .about_content_bottom .content_bottom_list .bottom_list_text dt{display:none;}
}

/*新闻资讯*/
.index_news_left{
   width:29%;
   padding-right:20px;
   float:left;
   margin-bottom:26px;
   box-sizing:border-box; 
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
	}
.index_news_left img{
   width:100%;
   height:auto;   
}
.index_news_right{
	width:71%;
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom: 25px;
    box-sizing:border-box; 
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
	}
.index_news_right li{padding: 0px 0px 25px 0px;margin-bottom:30px; border-bottom: 1px dotted #dbd4cd;}
.index_news_right li span{display: inline-block; width: 60px; height:60px; text-align: center; background-color:#0467C1; color: #fff; float: left;  padding:0px 2px; margin-right: 15px;}
.index_news_right li span strong{display: block; font-size: 23px; font-weight: normal; padding-top:5px;}
.index_news_right li span i{display: block; font-size: 12px;  font-style: normal; font-family: Arial;}
.index_news_right li a{color:#626262; font-size: 20px;}
.index_news_right li a:hover{ text-decoration:none;color:#0467C1; }
.index_news_right li em{
	font-style: normal;
	display:block;
	line-height:18px;
	color:#a7a7a7;
	padding-top:8px;
	font-size: 13px;
	text-overflow:ellipsis;
    white-space: nowrap;
	overflow:hidden;
	}
 @media only screen and (max-width: 750px) {
.index_news_left{display:none;}
.index_news_right{
	width:100%;
	float:none;
	margin-bottom: 10px;
	}
.index_news_right li{padding: 0px 0px 10px 0px;margin-bottom:20px;}
.index_news_right li span{display: inline-block; width: 40px; height:40px; text-align: center; color: #fff; float: left;  padding:0px 2px; margin-right: 15px;}
.index_news_right li span strong{display: block; font-size: 16px; font-weight:bold; padding-top:5px;}
.index_news_right li span i{display: block; font-size: 11px;  font-style: normal; font-family: Arial;}
.index_news_right li a{font-size: 12px;}
.index_news_right li a:hover{ text-decoration:none; }
.index_news_right li em{
	line-height:18px;
	font-size: 10px;
	}
}
/*地区分站*/
.Diqu_list{width:100%;height:80px;border:#B7B7B7 1px dashed;padding:10px;margin-bottom:10px;}
.Diqu_list .bigtitle{
	width:5%;
	margin-bottom:14px;
	float:left;
    font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.Diqu_list .bigtitle a.on{
	width:100%;
	color:#1085D3;	
	-webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear;
}
.Diqu_list .bigtitle a.off{
	color:#666666;
	display:block;
	}
.Diqu_list .smalltitle{
	width:1180px;
	margin:0 auto;
	display:none;
	background:#F0F0F0;
	left:0;
	right:0;
	position:absolute;
	}
.Diqu_list .smalltitle a{
	font-weight:normal;
    font-size:14px;
	height:40px;
}
 @media only screen and (max-width: 750px) {
	 .Diqu_list{display:none;}
 }
.link{width:1200px;margin:0 auto;}
.link p{
	font-size:18px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
	border-bottom:#EFEFEF 1px solid;
	}
.link li{
	margin-bottom:16px;
	}
	