.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;}
/*产品目录分页卡*/
.section{padding:10px;display:block;}
.section .container{width:1200px;margin:0 auto}
.section .mod-title{padding-bottom:35px;text-align:center;color:#333}
.section .mod-title h2{font-size:36px;margin-bottom:17px}
.section .mode-list{ height: 370px; }
.section .mode-list .mode-item{ width: 240px; height: 370px; text-align: center; float: left; overflow: hidden; margin-left: -1px; background: #fff; transition: width .4s;}
.section .mode-list .mode-wrap{ width: 750px; height: 370px; cursor:pointer;}
.section .mode-list .mode-view{ float: left; width: 238px; height: 368px; border: 1px solid #DCDCDC; opacity: 1;}
.section .mode-list .mode-view h3{ font-size: 30px; padding-top: 52px; padding-bottom: 11px;}
.section .mode-list .mode-view h4{ font-size: 14px; color: #888;}
.section .mode-list .mode-view i{ display: block; width: 120px; height: 100px; margin: 80px auto 105px;}
.section .mode-list .mode-view ul{ padding-left: 20px; }
.section .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; }
.section .mode-list .mode-detail{ float: left; color: #fff; width: 480px; height: 370px; background: #00CE52; opacity: 0;}
.section .mode-list .mode-detail .detail-left,
.section .mode-list .mode-detail .detail-right{ width: 240px; height: 370px; }
.section .mode-list .mode-detail .detail-left{ float: left; background: #E9554E; overflow: hidden;color:#ffffff;}
.section .mode-list .mode-detail .detail-left i{ display: block; width: 120px; height: 100px; margin: 60px auto 50px; }
.section .mode-list .mode-detail .detail-left h3{ font-size: 30px; margin-bottom: 19px;}
.section .mode-list .mode-detail .detail-left h4{ font-size: 14px; padding: 0 25px; line-height: 1.7;text-align:left;}
.section .mode-list .mode-detail .detail-right{ float: left; background:#646464;}
.section .mode-list .mode-detail .detail-right li{
	margin-bottom:2px;
	font-size:14px;
	background:url(/images/public/dot_ico2.png) no-repeat left 10px top 7px;
	height:30px;
	line-height:30px;
	padding-left:28px;
	display:block;
	color:#ffffff;
	text-align:left;
}
.section .mode-list .mode-detail .detail-right li:hover{
		background:#D9362D url(/images/public/dot_ico2.png) no-repeat left 14px top 7px;
		color:#111111;
		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;

}
.section .mode-list .mode-detail .detail-right li a{ 
	display:block;
	color:#ffffff;
}
.section .mode-list .mode-detail .detail-right li a:hover{ 
	margin-left:6px;
	transition:all 0.2s;
}
.section .mode-list .mode-detail .detail-right li h3{ width: 83px; height: 28px; border: 1px solid #fff; line-height: 28px; margin-bottom: 11px;font-size: 16px;}
.section .mode-list .mode-detail .detail-right li p{ text-align: left; line-height: 1.7; font-size: 14px;}
.section .mode-list .mode-detail .detail-right .get{ width: 120px; height: 31px; margin-top:10px;line-height: 31px; padding-left: 15px; color: #4F5166; display: block; margin-left: 10px; font-size: 16px;border:#747694 1px solid;background:#fff; text-align: left;}
.section .mode-list .mode-item-1 .mode-view i{ background: url(/images/index/cateimg-1.png) no-repeat -120px 0; }
.section .mode-list .mode-item-1 .mode-detail .detail-left i{ background: url(/images/index/cateimg-1.png) no-repeat 0 0; }
.section .mode-list .mode-item-2 .mode-view i{ background: url(/images/index/cateimg-2.png) no-repeat -120px 0; }
.section .mode-list .mode-item-2 .mode-detail .detail-left i{ background: url(/images/index/cateimg-2.png) no-repeat 0 0; }
.section .mode-list .mode-item-3 .mode-view i{ background: url(/images/index/cateimg-3.png) no-repeat -120px 0; }
.section .mode-list .mode-item-3 .mode-detail .detail-left i{ background: url(/images/index/cateimg-3.png) no-repeat 0 0; }
.section .mode-list .mode-item-4 .mode-view i{ background: url(/images/index/cateimg-4.png) no-repeat -120px 0; }
.section .mode-list .mode-item-4 .mode-detail .detail-left i{ background: url(/images/index/cateimg-4.png) no-repeat 0 0; }
.section .mode-list .mode-item.active{ width: 480px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -240px; opacity: 1; }
.section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.section .mode-list .mode-item.active .mode-detail{ opacity: 1; }
/*手机端产品目录*/
.mobilepage-index{
width:100%;
background:#FFFFFF;
height:100%;
display:none;
overflow:hidden;
}
.mobilepage-index li{
margin:10px 10px 0 10px;
height:68px;
border-bottom:#E7E7E7 1px solid;
}
.mobilepage-index img{
width:68px;
margin:0 10px 0 0;
float:left;
}
.mobilepage-index p{
left:17%;
line-height:60px;
float:left;
font-size:16px;
}
@media only screen and (max-width: 750px) {
.section{display:none;}
.mobilepage-index{display:block;}
}
/*大标题*/
.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/public/titl01.png) no-repeat right center;
}
h2.h2_title i.titr {
	background: url(/images/public/titr01.png) no-repeat left center;
}
h2.h2_title i.wtitl {
	background: url(/images/public/wtitl01.png) no-repeat right center;
}
h2.h2_title i.wtitr {
	background: url(/images/public/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%;
}
}
/*行业案例*/
.hy-bg{
	background-color: #f5f5f5;
	 padding-bottom: 45px;
	 margin-top:20px;
	 -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; }
}
/*公司简介*/
.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: 12px;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;
	}