.banner {position:relative;overflow:auto;text-align: center;z-index:99;}
.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_ico {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%;
}
}
/*PC端产品类别*/
.in-Product{
	background-color:#F9F9F9;
	height:auto;
	width:100%;
	margin-bottom:10px;
	display:block;
	}
.ProductsBox {width:100%;display:block;}
.ProductsBox li{
    float:left;
	width:calc(25% - 10px);
	height:auto;
	margin:5px 10px 5px 0px; 
	border:#D4D4D4 1px solid;
	 background-image:url(/images/public/pro_bg.jpg);
	 background-repeat: no-repeat;
	 background-size:100% 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	}
.ProductsBox li img{
	width:100%;
	height:auto;
	}
.ProductsBox li:nth-child(4n+0){
	margin: 5px 0px 5px 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:hover h3{
	transition: all 0.5s;
	background-color: rgba(226,55,46,.8);
	}
.ProductsBox li a:hover img{
	transform:scale(1.14);
	transition: all 0.5s;
	filter: brightness(1.1);
	}
/*手机端产品类别*/
@media only screen and (max-width: 750px) {
.ProductsBox li{
    float:left;
	width:calc(50% - 5px);
	height:auto;
	margin:5px 5px 5px 0px; 
	}
.ProductsBox li a h3{font-size:12px;}
}
/*行业案例*/
.hy-bg{
	background-color: #f5f5f5;
	 padding-bottom: 45px;
	 -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box; 
	 }
.hyApp li{float: left; width: cacl(33.33% - 20px); padding: 10px;}
.hyApp li a{position: relative; display: block;overflow: hidden;}
.hyApp li a>img{width: 100%;}
.hyApp li a h3{position: absolute;bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.8); color: #fff; font-size: 16px; padding: 10px; z-index: 2; transition: .3s;}
.hyApp li a .hy-mask{position: absolute;top:0; left: 0;width: 100%; height: 100%;padding:10px;background-color: rgba(0,0,0,.5); text-align: center; color: #fff; opacity: 0;transform: translateY(30px); transition: .3s; z-index: 1;}
.hyApp li a .hy-mask p{padding-top: 0px; text-align: left; font-size: 13px; line-height: 24px;}
.hyApp li a:hover h3{
	transition: all 0.5s;
	background-color: rgba(226,55,46,.8);
	}
.hyApp li a:hover img{
	transform:scale(1.1);
	transition: all 0.5s;
	filter: brightness(1.1);
	}
.hyApp li a:hover .hy-mask{transform: translateY(0);opacity:1;}
@media only screen and (max-width: 750px) {
	.hyApp li{
	width:calc(50% - 5px);
	height:auto;
	padding:0px;
	margin:5px 10px 5px 0px; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	 }
	.hyApp li a h3{font-size: 11px; padding: 4px; }
	.hyApp li:nth-child(2n+0){width:cacl(50% - 20px);margin:5px 0px 5px 0px; }
}
/*优势*/
.mobile_adv{display:none;}
.adv {
	width: 100%;
	overflow: hidden;
	padding-bottom: 58px;
}
.adv .Title {
	width: 100%;
	background: url(/images/index/advtitlebg.jpg) no-repeat center;
	height: 137px;
	text-align: center;
	padding-top: 38px;
}
.adv .Title h2 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
}
.adv .Title .p1 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-top: 6px;
}
.adv .Title .p2 {
	font-size: 24px;
	color: #fff;
	width: 498px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #ff9900;
	margin: 20px auto 0;
}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;-webkit-transition: all 0.5s;transition: all 0.5s;}
.in-ys dl {margin: 40px 0 0;}
.in-ys dt {float: left;position: relative;width: 558px;}
.in-ys dt span {position: absolute;top: -40px;padding: 20px;background-color: #DD271E;color: #fff;font-family: Impact;left: 20px;font-size: 40px;line-height: 1;}
.in-ys dt span:after {display: block;content: '';margin-top: 10px;height: 5px;background-color: #fff;}
.in-ys dd {margin-left: 558px;padding: 50px 0 0 50px;}
.in-ys dd h4{margin: 0;color:#3C3C3C;font-size: 24px;font-weight:bold;}
.in-ys dd h4 .color{color:#DD271E;font-size: 24px;}
.in-ys dd h4 small {display: block;color: #999;font-size: 16px;margin-top: 5px;font-weight:normal;}
.in-ys dd p {margin: 15px 0 0;font-size:16px;line-height:28px;text-align: justify;}
.in-ys dl:nth-child(even) dt {float: right;}
.in-ys dl:nth-child(even) dd {margin: 0 558px 0 0;padding: 50px 50px 0 0;}
@media only screen and (max-width: 750px) {	
.adv{display:none;}
.mobile_adv{display:block;}
.mobile_adv img{width:100%;height:auto;}
.img-center img {width:100%;height: auto;}
.in-ys dl {margin: 10px 0 0;}
.in-ys dt span {top:0px;padding: 20px;left:0px;font-size:30px;line-height: 1;}
.in-ys dt {float:none;width: 100%;}
.in-ys dd h4{font-size: 18px;}
.in-ys dd h4 .color{font-size: 18px;}
.in-ys dd h4 small {display:none;}
.in-ys dd p {margin: 8px 0 0;font-size:12px;line-height:20px;}
.in-ys dd {margin-left: 0px;padding: 16px 0 0 0px;}
.in-ys dl:nth-child(even) dt {float:none;}
.in-ys dl:nth-child(even) dd {margin: 0 0px 0 0;padding: 16px 0px 0 0;}
}
/*公司简介*/
.i-about{
	width:100%;
	background:url(/images/index/about_bg.jpg);
    background-position:center;
	height:560px;
	overflow:hidden;
	margin-bottom: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{padding-bottom: 30px;}
.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: 16px; color: #333333; line-height: 26px; margin-top: 20px;}
.i-about .index_about_content .about_content_bottom{ margin-top:30px;width:100%;}
.i-about .index_about_content .about_content_bottom .content_bottom_list{
	border-radius:5px;
	width:30%;
	text-align: center; 
	padding:25px;
	margin-right:5%; 
	display: inline-block;
	border:#A9ACBC 1px solid;
	-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;
	border:#E2372E 1px solid;
    background: #E2372E; 
	}
.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{ 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_title dd{font-size: 18px;margin-top:10px;}
.i-about .index_about_content .about_content_text{ font-size: 14px;margin-top: 10px;}
.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{ font-size: 13px; color: #666666; line-height: 22px;}
.mobile_yych{width:100%; height:auto;}
.mobile_yych img{width:100%;height:auto;}
}
/*联系我们长图*/
.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;
}
}
/*新闻资讯*/
.news_box{
width:calc(50% - 10px);
margin-right:10px;
float:left;
padding:0px;
margin-bottom: 25px;
box-sizing:border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
	}
.news_box h4{
	margin:0;
	color:#E9554E;
	font-size: 24px;
	font-weight:bold;
	margin-bottom:20px;
	height:30px;
	}
.news_box h4 a{
	color:#E9554E;
	}
.news_box h4 .color{
	color:#DDDDDD;
	font-size:15px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	padding-left:5px;
	}
.news_box li{padding: 0px 0px 5px 0px;margin-bottom:6px; background-color:#F9F9F9;
}
.news_box li span{display: inline-block; width: 50px; height:50px; text-align: center; background-color: #EB6660; color: #fff; float: left;  padding:0px 2px; margin-right: 15px;}
.news_box li span strong{display: block; font-size: 22px; font-family: Arial;font-weight: normal; padding-top:6px;}
.news_box li span i{display: block; font-size: 11px;  font-style: normal; font-family: Arial;}
.news_box li a{color:#626262; font-size: 16px;line-height:50px; display:block;}
.news_box li a:hover{ text-decoration:none;color:#EB6660; }
.news_box li em{
	font-style: normal;
	display:block;
	line-height:18px;
	color:#a7a7a7;
	padding-top:8px;
	font-size: 12px;
	text-overflow:ellipsis;
    white-space: nowrap;
	overflow:hidden;
	}
.news_box:nth-child(2){
width:50%;
margin-right:0px;
}
 @media only screen and (max-width: 750px) {
.news_box{
	width:100%;
	float:none;
	margin-right:0px;
	margin-bottom: 10px;
	}
.news_box h4{
	font-size: 18px;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
	}
.news_box h4 a{
	color:#E9554E;
	}
.news_box h4 .color{
	font-size:12px;
	}
.news_box li{padding: 0px 0px 5px 0px;margin-bottom:6px; background-color:#F9F9F9;
}
.news_box li span{
	width:40px;
	height:40px;
	padding:0px 2px;
	 }
.news_box li span strong{font-size: 16px;padding-top:6px;}
.news_box li a{color:#626262; font-size: 11px;line-height:40px;}
.news_box:nth-child(2){
width:100%;
margin-right:0px;
}
 }
.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;
	}