.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;}
/*灰色标题*/
.titlebox {
  position: relative;
  height: 60px;
  width: 330px;
  text-align:center;
  margin: 0 auto;
  padding: 28px 0 30px; }
.titlebox .title {
  width: 100%;
  left: 50%; }
.titlebox .title p:nth-child(1) {
   font-size: 28px;
   color: #333; }
.titlebox .title p:nth-child(2) {
    font-size: 16px;
    color: #666; }
.titlebox .t_xt, .titlebox .t_xt1 {
    position: absolute;
    top: 50px;
    height: 1px;
    width: 85px;
    border-bottom: 1px solid #9F9F9F; }
.titlebox .t_xt {left: 50px; }
.titlebox .t_xt1 {right: 50px; }
/*白色标题*/
.writetitlebox {
  position: relative;
  height: 60px;
  width: 330px;
  text-align:center;
  margin: 0 auto;
  padding: 28px 0 30px; }
.writetitlebox .title {
  width: 100%;
  left: 50%; }
.writetitlebox .title p:nth-child(1) {
   font-size: 28px;
   color: #fff; }
.writetitlebox .title p:nth-child(2) {
    font-size: 16px;
    color: #fff; }
.writetitlebox .t_xt, .writetitlebox .t_xt1 {
    position: absolute;
    top: 50px;
    height: 1px;
    width: 85px;
    border-bottom: 1px solid #9F9F9F; }
.writetitlebox .t_xt {left: 50px; }
.writetitlebox .t_xt1 {right: 50px; }
/*首页产品分类规则排列*/
.ProductsBox {width:100%;}
.ProductsBox li{
	float: left; 
	width: 290px; 
	margin: 0px 10.5px 10px 0px; 
	border:#D4D4D4 1px solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	}
.ProductsBox li img{
	width:100%;
	height:auto;
	}
.ProductsBox li:nth-child(4n+0){
	margin: 0px 0px 10px 0px; 
	}
.ProductsBox li a{position: relative; display: block;overflow: hidden;}
.ProductsBox li a>img{width: 100%;height:auto;}
.ProductsBox li a h3{position: absolute;bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.7);color: #fff; font-size: 16px; padding: 6px; z-index: 2; transition: .3s;}
.ProductsBox li a .hy-mask{position: absolute;top: 0; left: 0;width: 100%; height: 100%; padding: 50px 44px 50px 50px;background-color: #1E5AAF; text-align: center; color: #fff; opacity: 0;transform: translateY(30px); transition: .3s; z-index: 1;}
.ProductsBox li a .hy-mask p{padding-top: 0px; padding-bottom: 10px; text-align: left; font-size: 14px; line-height: 24px;}
.ProductsBox li a:hover h3{
	transition: all 0.5s;
	background-color: rgba(23,109,183,.8);
	}
.ProductsBox li a:hover img{
	transform:scale(1.1);
	transition: all 0.5s;
	}
.ProductsBox li a:hover .hy-mask{transform: translateY(0);opacity:1;}
.ProductsBox li p {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box; 
  background:url(/images/public/dot_ico.png) no-repeat left 6px top 10px;
}
.ProductsBox li p a{
font-size:13px;
height:32px;
line-height:32px;
padding-left: 25px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:block;
}
.ProductsBox li p:hover{
	background:url(/images/public/dot_ico2.png) no-repeat left 6px top 8px;
	transition: all 0.3s ease;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transform: all 0.3s ease;  
	background-color:#E2372E;
	}
.ProductsBox li p:hover a{
   color:#ffffff;
}
.ProductsBox li p a:hover{
}
@media only screen and (max-width: 750px) {
.ProductsBox li{
	float:none;
	width:100%;
	margin: 10px 0px 10px 0px; 
	height:auto;
	}
}
/*产品中心*/
.chanpin_all{ width:100%; height:auto;overflow:hidden; padding-top:10px; padding-bottom:20px;}
.chanpin{width:1200px; height:auto; margin:0 auto;}
.chanpin_content{ width:100%; height:auto; margin-top:30px;position:relative;}
#carousel {
   width: 1200px !important;
   position:relative;
			}
#carousel ul {
   list-style: none;
   display: block;
   margin: 0;
   padding: 0;
			}
#carousel li {
				color: #999;
				text-align: center;
				display: block;
				width: 280px;
				height:280px;
				border:#dcdcdc 1px solid;
				margin: 10px;
				float: left;
				position: relative;
				background:#fff;
				cursor:pointer;
			}
#carousel li:hover{
	box-shadow: 1px 1px 10px #cccccc;
	transition:background-color 0.3s linear;
}
#carousel li:hover p{background:rgba(23,109,183,0.8);color:#ffffff;transition:background-color 0.3s linear;}
#carousel li:hover img{transform: scale(1.1);transition: all 0.6s; }
#carousel li:hover span a{ color:#fff; border-color:#fff;}
#carousel li p{
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:#EEEEEE;
	height:40px;
	line-height:40px;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.7);
	width:100%;
	z-index:4;
}
#carousel li img{
	width:280px;
	height:280px;
	text-align:center;
	overflow:hidden;
	z-index:3;
	}
#carousel li span {
				display: block;
				overflow: hidden;
				width: 140px;
				height: 35px; margin:0 auto; margin-top:10px;
			}			
#carousel li span a{ width: 138px;height: 33px; line-height:33px; display:block; border:1px solid #666; text-align:center; color:#666; font-size:14px;}
.chanpin_content .prev, .chanpin_content .next {
				text-indent: -999px;
				display: block;
				overflow: hidden;
				width: 42px;
				height: 42px;
				margin-left: 10px;
				position: absolute;
				top: 50%; margin-top:-21px;	
                z-index:999;
			}
.chanpin_content .prev {
	background:url(/images/index/leftprev.png) no-repeat top;
	left: -60px;
			}
.chanpin_content .prev:hover {
	left: -60px;
			}			
.chanpin_content .next { background:url(/images/index/rightnext.png) no-repeat top;
	right: -60px;
			}
.chanpin_content .next:hover {
	right: -60px;
}
@media only screen and (max-width: 750px) {
.chanpin{width:98%;}
#carousel {
   width: 98% !important;
   position:relative;
			}
#carousel li {
   width: 98%;
   height:auto;
   margin:4px;
	}
#carousel li img{
	width:98%;
	height:auto;
	}
.chanpin_content .prev, .chanpin_content .next {
				margin-left: 6px;
			}
	
.chanpin_content .prev {
	left: -4%;
			}
.chanpin_content .prev:hover {
	left: -4%;
			}			
.chanpin_content .next { 
	right: -2%;
			}
.chanpin_content .next:hover {
	right: -2%;
}
}
/*公司简介*/
.i-about{width:100%;background:url(/images/index/about_bg.jpg); background-position:center;height:560px; overflow:hidden;}
.index_item_box{width:350px;float:left;text-align:center;}
.index_item_mr{margin-right:75px;}
.index_item{ text-align:center; display:block; text-transform:uppercase;font-size:24px;margin-top:14px;}
.index_item:before{content:""; background-repeat:no-repeat; display:block; padding-top:210px; width:150px; margin:0 auto; }
.index_item.about:before{background-image:url(/images/index/a1.png);}
.index_item.about:hover:before{background-image:url(/images/index/a1_h.png);}
.index_item.honor:before{background-image:url(/images/index/a2.png);}
.index_item.honor:hover:before{background-image:url(/images/index/a2_h.png);}
.index_item.team:before{background-image:url(/images/index/a3.png);}
.index_item.team:hover:before{background-image:url(/images/index/a3_h.png);}
.index_item  p{ display:block; padding-top:15px;width:100%;font-size:14px;padding-left:30px; padding-right:30px;text-transform:capitalize;}
.index_item span{ padding:3px 20px; display:inline-block; font-size:14px; border:solid 1px #666; margin-top:15px; }
.index_item:hover span{ background-color:#296CBE; color:#fff; border-color:#296CBE}
@media only screen and (max-width: 750px) {
.i-about{height:auto;overflow:hidden;}
.index_item_box{width:100%;clear:both;float:none;text-align:left;}
.index_item_mr{margin-right:0px;}
.index_item{text-align:left; display:block;padding-left:0px;text-transform:uppercase;font-size:22px;margin-top:0px;}
.index_item:before{content:""; background-repeat:no-repeat; display:block; padding-top:130px;width:100px;margin:0 auto;}
.index_item.about:before{background-image:url(/images/index/m_a1.png);float:left;width:100px;margin-right:10px;}
.index_item.about:hover:before{background-image:url(/images/index/m_a1_h.png);float:left;width:100px;margin-right:10px;}
.index_item.honor:before{background-image:url(/images/index/m_a2.png);float:left;width:100px;margin-right:10px;}
.index_item.honor:hover:before{background-image:url(/images/index/m_a2_h.png);float:left;width:100px;margin-right:10px;}
.index_item.team:before{background-image:url(/images/index/m_a3.png);float:left;width:100px;margin-right:10px;}
.index_item.team:hover:before{background-image:url(/images/index/m_a3_h.png);float:left;width:100px;margin-right:10px;}
.index_item  p{float:left;display:block;padding-top:15px; width:calc(100% - 110px);font-size:13px;padding-left:0px; padding-right:0px;text-transform:capitalize;}
.index_item span{display:none;}
}
/*地区分站*/
.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;
	}