body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }   
body { background:#ffffff; color:#333; font-size:14px; font-family: "PingFang SC", "Source Han Sans CN", "微软雅黑",'Arial Regular', Verdana, Helvetica, sans-serif; }   
td,th,caption { font-size:14px;}
a { color:#333; text-decoration:none; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;}   
a:hover { text-decoration:none; transition: .3s all;-webkit-transition: .3s all;-moz-transition: .3s all;-o-transition: .3s all;}   
img { border:none; }   
ol,ul,li { list-style:none; }   
input, textarea, select, button { font:14px "微软雅黑", 'Arial Regular', Verdana,Helvetica,Arial,sans-serif; }   
table { border-collapse:collapse; }   
html {overflow-y: scroll;}   

a,button{cursor:pointer;}
input,textarea,button{outline: none;}
textarea{resize:none;}

.fl{float: left;}
.fr{float: right;}
.show{display:block !important;}
.hide{display: none !important;}

.in-type{
	padding: 70px 0 50px;
}
.in-type ul li{
	float: left;
	width: 370px;
	height: 210px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	margin-right: 45px;
	margin-bottom: 20px;
	padding-top: 60px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.in-type ul li:nth-of-type(3n + 0){
	margin-right: 0;
}
.in-type ul li:hover{
	background-size: 110% 110%;
}
.in-type ul li:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
}
.in-type ul li .it-title{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	z-index: 4;
}
.in-type ul li a{
	position: relative;
	z-index: 4;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	width: 120px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #fff;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
}
.in-type ul li a:hover{
	background-color: #fff;
	color: #0DBF8C;
}

.in-pro{
	width: 100%;
	padding: 48px 0 148px;
	background: url(../img/bg1.jpg) no-repeat center;
}
.in-pro .ip-title{
	margin-bottom: 11px;
}
.in-pro .ip-title span{
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	height: 55px;
	line-height: 51px;
	font-size: 29px;
	font-weight: bold;
	border-top: 4px solid #124d32;
	box-sizing: border-box;
}
.in-pro .proBox{
	width: 100%;
	height: 302px;
	background: #fff;
	padding: 28px;
	box-sizing: border-box;
	position: relative;
}
.in-pro .proBox .pb-type{
	width: 100%;
	height: 34px;
}
.in-pro .proBox .pb-type ul li{
	float: left;
	width: 130px;
	text-align: center;
	line-height: 34px;
	color: #333;
	font-size: 14px;
	cursor: pointer;
	transition: all .3s;
	-webkit-transition: all .3s;
	position: relative;
	z-index: 8;
}
.in-pro .proBox .pb-type ul li.on{
	background-color: #01AFDC;
	color: #fff;
}
.in-pro .proBox .pb-type ul li.on:after{
	content: '';
	position: absolute;
	top: 34px;
	left: 50%;
	z-index: 3;
	width: 24px;
	height: 20px;
	margin-left: -12px;
	background: url(../img/icon1.png) no-repeat center top;
	background-size: 100%;
}
.in-pro .proBox .pb-swiper{
	border: 1px solid #e2e2e2;
	padding: 12px;
	width: 1144px;
	height: 212px;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	bottom: 28px;
	left: 28px;
	z-index: 1;
}
.in-pro .proBox .pb-swiper.swiperShow{
	z-index: 4;
}
/*.in-pro .proBox .pb-swiper .swiper-wrapper{
	transition-timing-function:  linear;
	-webkit-transition-timing-function:  linear;
}*/
.in-pro .proBox .pb-swiper .swiper-slide a{
	display: block;
}
.in-pro .proBox .pb-swiper .swiper-slide .pb-img{
	width: 100%;
	position: relative;
}
.in-pro .proBox .pb-swiper .swiper-slide .pb-img img{
	display: block;
	width: 100%;
	height: 130px;
}
.in-pro .proBox .pb-swiper .swiper-slide .pb-img:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 44px;
	height: 44px;
	background: url(../img/icon2.png) no-repeat center;
	background-size: 100%;
	margin-left: -22px;
	margin-top: -22px;
	transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0;
}
.in-pro .proBox .pb-swiper .swiper-slide .pb-img:hover:after{
	opacity: 1;
}
.in-pro .proBox .pb-swiper .swiper-slide p{
	padding: 8px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
}
.in-pro .proBox .pb-swiper .swiper-slide p:hover{
	color: #01AFDC;
}
.in-pro .proBox .pb-swiper .swiper-button-next, .in-pro .proBox .pb-swiper .swiper-button-prev{
	width: 34px;
	height: 34px;
	top: 38%;
	margin-top: -17px;
	opacity: .6;
}
.in-pro .proBox .pb-swiper .swiper-button-next{
	right: 0;
	background: url(../img/icon-next.png) no-repeat center;
	background-size: 100%;
}
.in-pro .proBox .pb-swiper .swiper-button-prev{
	left: 0;
	background: url(../img/icon-prev.png) no-repeat center;
	background-size: 100%;
}

.in-news{
	width: 100%;
	padding: 88px 0 70px;
}
.in-news .is-title{
	margin-bottom: 18px;
}
.in-news .is-title span{
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	height: 55px;
	line-height: 51px;
	font-size: 29px;
	font-weight: bold;
	border-top: 4px solid #124d32;
	box-sizing: border-box;
}
.in-news .is-list{
	width: 100%;
}
.in-news .is-list .is-img img{
	display: block;
	width: 300px;
	height: 290px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.in-news .is-list .is-right{
	width: 830px;
}
.in-news .is-list .is-right ul li{
	border-top: 2px solid #949292;
}
.in-news .is-list .is-right ul li a{
	display: block;
	padding-top: 8px;
	padding-right: 150px;
	padding-bottom: 13px;
	background: url(../img/icon3.png) no-repeat 94% 74px;
	background-size: 50px;
	position: relative;
	left: 0;
}
.in-news .is-list .is-right ul li a div{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	color: #545954;
	font-size: 18px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.in-news .is-list .is-right ul li a p{
	color: #545954;
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	transition: all .3s;
	-webkit-transition: all .3s;
}
.in-news .is-list .is-right ul li a:hover{
	left: 20px;
}
.in-news .is-list .is-right ul li a:hover div, .in-news .is-list .is-right ul li a:hover p{
	color: #0DBF8C;
}