.in_top_li{
	width: 25%;
	float: left;
	border-right: 1px solid #e5e5e5;
	padding: 20px 0;
	text-align: center;
}
.in_top_li:first-of-type{
	border-left: 1px solid #E5E5E5;
}
.in_top_li h5{
	margin-top: 8px;
	font-size: 18px;
	color: #666666;
}
.index_top_b{
	padding: 40px 0;
}
.in_top_b_li{
	width: 278px;
	height: 170px;
	float: left;
	text-align: center;
	padding-top: 25px;
	margin-right: 29px;
}
.in_top_b_li h5{
	font-size: 20px;
	color: #fff;
}
.in_top_b_li img{
	margin: 15px auto;
	transition: .5s;
}
.in_top_b_li:hover img{
	transform: rotateZ(360deg);
}
.in_top_b_li p{
	font-size: 14px;
	color: #fff;
}
.in_top_b_li:nth-child(1){background: #61a1df;}
.in_top_b_li:nth-child(2){background: #39eabe;}
.in_top_b_li:nth-child(3){background: #ff7886;}
.in_top_b_li:nth-child(4){background: #ff8549;margin-right: 0;}
.in_t_pro_title{
	margin-bottom: 25px;
	font-size: 30px;
	color: #333;
}
.in_t_pro_title font{
	font-size: 18px;
	color: #666666;
	margin-left: 40px;
}
.in_t_pro_l{
	width: 450px;
	float: left;
}
.in_t_pro_r{
	width: 750px;
	float: left;
}
.in_t_pro_r ul li{
	width: 355px;
	float: left;
	margin-left: 20px;
	border: 1px solid #e5e5e5;
	transition: .3s;
}
.in_t_pro_r ul li:nth-child(1),
.in_t_pro_r ul li:nth-child(2){
	margin-bottom: 20px;
}
.in_t_pro_info img{
	margin: 0 auto;
}
.in_t_pro_info h5{
	font-size: 18px;
	color: #333;
	padding:7px 20px;
	
}
.in_t_pro_info p{
	padding: 0 20px;
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
}
.in_t_pro_info p span{
	float: right;
	font-size: 14px;
	color: #333;
}
.in_t_pro_info p span font{
	font-size: 18px;
	color: #fe4e12;
}
.in_t_pro_btn{
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	display: block;
	color: #333;
	background: #E5E5E5;
	transition: .3s;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.in_t_pro_btn::before{
	content: " ";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -100%;
	background: #fe4e12;
	transition: .5s;
}
.in_t_pro_r ul li:hover{
	border: 1px solid #FE4E12;
}
.in_t_pro_r ul li:hover .in_t_pro_btn{
	color: #fff;
	background: transparent;
}
.in_t_pro_r ul li:hover .in_t_pro_btn::before{
	bottom: 0;
}
.index_brand{
	padding: 1px 0 40px;
}
.in_brand_li{
	width: 12.5%;
	float: left;
	border: 1px solid #e5e5e5;
	border-right: 0;
	position: relative;
	overflow: hidden;
}
.in_brand_li:last-of-type{
	border-right: 1px solid #E5E5E5;
}
.in_brand_li span{
	position: absolute;
	width: 0;
	height: 0;
	text-align: center;
	background: rgba(0,0,0,.5);
	left: 50%;
	top: 50%;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	line-height: 78px;
	transition: .5s;
	z-index: 3;
}
.in_brand_li:hover span{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.in_pro_title{
	margin-bottom: 25px;
	font-size: 30px;
	color: #333;
}
.in_pro_title font{
	font-size: 18px;
	color: #666666;
	margin-left: 40px;
}
.in_pro_title a{
	float: right;
	font-size: 18px;
	color: #FE4E12;
}
.in_pro_li{
	width: 32.33%;
	float: left;
	margin-bottom: 1.5%;
	border: 1px solid #e5e5e5;
	transition: .3s;
}
.in_pro_li:nth-child(3n+2){
	margin: 0 1.5% 1.5%;
}
.in_pro_li:hover{
	border: 1px solid #FE4E12;
}
.in_pro_li:hover .in_t_pro_btn{
	color: #fff;
	background: transparent;
}
.in_pro_li:hover .in_t_pro_btn::before{
	bottom: 0;
}
.index_service{
	padding: 24px 0;
	background: url(../images/index_service_bg.jpg) no-repeat center top;
}
.in_service{
	margin-bottom: 30px;
}
.in_service_title{
	text-align: center;
	margin-bottom: 25px;
}
.in_service_title h5{
	font-size: 30px;
	color: #FE4E12;
}
.in_service_title h5 font{
	font-size: 18px;
	color: #FE4E12;
	margin-left: 25px;
}
.in_service_title p{
	font-size: 18px;
	color: #fff;
	margin-top: 15px;
}
.in_service ul{
	text-align: center;
}
.in_service ul li{
	display: inline-block;
	width: 190px;
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid rgba(255,255,255,.6);
}
.in_service ul li:last-of-type{
	border-right: 0;
}
.in_service ul li h5{
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.in_custom_main{
	overflow: hidden;
	margin-bottom: 20px;
}
.in_custom_main ul{
	width: 200%;
	position: relative;
}
.in_custom_main ul li{
	width: 9%;
	margin: 0 0.5%;
	float: left;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
.in_custom_main ul li img{
	transition: .8s;
}
.in_custom_main ul li:hover{
	border: 1px solid #FE4E12;
}
.in_custom_main ul li:hover img{
	transform: scale(1.1);
}
.in_custom_btn{
	text-align: center;
}
.in_custom_btn span{
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #999999;
	margin: 0 5px;
	cursor: pointer;
}
.in_custom_btn span.active{
	background: #FE4E12;
}
.index_about{
	padding: 40px 0;
}
.in_about_l{
	width: 50%;
	float: left;
}
.in_about_l h5{
	font-size: 30px;
	color: #FE4E12;
	font-weight: bold;
	margin-bottom: 20px;
}
.in_about_l p{
	margin-top: 10px;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	text-indent: 2em;
}
.in_about_r{
	width: 50%;
	float: left;
}
.index_advan h6{
	text-align: center;
	font-size: 30px;
	color: #FE4E12;
	margin-bottom: 25px;
}
.index_advan ul li{
	width: 380px;
	float: left;
}
.index_advan ul li:nth-child(2){
	margin: 0 30px;
}
.in_advan_info{
	border: 1px solid #e5e5e5;
	height: 150px;
	padding-top: 36px;
	position: relative;
}
.in_advan_info::before{
	content: " ";
	width: 0;
	position: absolute;
	height: 50px;
	border-right: 1px solid #E5E5E5;
	left: 50%;
	top: 56px;
}
.in_advan_li{
	width: 50%;
	text-align: center;
	float: left;
}
.in_advan_li h5{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}
.in_advan_li:hover h5{
	color: #FE4E12;
}
.index_news{
	padding: 40px 0;
	position: relative;
	z-index: 1;
}
.index_news::before{
	content: " ";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #cfcfcf;
	left: 0;
	z-index: -1;
    top: 145px;
}
.in_news_title{
	margin-bottom: 20px;
}
.in_news_title span{
	width: 140px;
	height: 40px;
	margin-right: 15px;
	display: inline-block;
	background: #eee;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	transition: .3s;
	color: #999999;
}
.in_news_title span.active{
	background: #FE4E12;
	color: #fff;
}
.in_news_list{
	display: none;
}
.in_news_list.active{
	display: block;
}
.in_news_list ul li{
	width: 380px;
	float: left;
}
.in_news_list ul li:nth-child(2){
	margin: 0 30px;
}
.in_news_date{
	font-size: 18px;
	color: #666666;
}
.in_news_list span{
	width: 10px;
	height: 10px;
	position: relative;
	z-index: 1;
	background: #999999;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 10px 5px #c5c5c5;
	margin: 15px 0 15px 8px;
	transition: .5s;
}
.in_news_list  h5 a{
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 18px;
	margin-bottom: 20px;
}
.in_news_list  p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-bottom: 20px
}
.in_news_list ul li:hover span{
	background: #FE4E12;
	box-shadow: 0 0 10px 5px #fe9673;
}
.in_news_list ul li:hover h5 a{
	color: #FE4E12;
}