/*newFile-95bf1f948d0306dc.css*/
@charset "utf-8";
a .hcolor:hover{
	color: #c9eb10;
	transition: .25s;
}
.pcolor{
	color: #253137;
}
.indexcolor,.hvindexcolor:hover{
	color: #c9eb10;
}
.op6{
	opacity: .6;
}
.hvunderline:hover{
	text-decoration: underline;
}
.videobg_ico{
	width: 46px;
	height: 46px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -23px 0 0 -23px;
	border-radius: 100%;
	background: rgba(0,0,0,.8);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.videobg_ico_min{
	transform: scale(.7);
}
.gotop{
	width: 40px;
	position: fixed;
	right: 20px;
	bottom: 15%;
	z-index: 99;
	cursor: pointer;
	display: none;
}
.head{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	transition: .25s;
	background: #000;
	height: 90px;
}
.head_height{
	height: 90px;
	transition: .25s;
}
.logo{
	display: inline-block;
	height: 50px;
}
.nav{
	margin-right: 5%;
}
.nav li{
	position: relative;
	margin: 0 3%;
}
.nava{
	display: block;
	line-height: 90px;
	color: #fff;
	font-weight: bold;
	font-size: 18px
}
.nav li:hover .nava{
	color: #c9eb10;
}
.hbrhide{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: .25s;
	border-bottom: 1px solid #c9eb10;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hbr.active .hbrhide{
	opacity: 1;
	visibility: inherit;
}
.hbra{
	color: #fff;
	font-size: 18px;
	padding: 10px;
	cursor: pointer;
}
.hbrh_w input{
	width: 100%;
	height: 89px;
}
.hbrh_w button{
	background: linear-gradient(#c9eb10,#4ed764);
	color: #000;
	padding: 0 30px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 18px;
}
.hbra_close{
	width: 90px;
	height: 90px;
	position: absolute;
	right: -90px;
	top: 0;
	z-index: 9;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hbra_close img{
	display: block;
	height: 20px;
}
.it{
	border-bottom: 10px solid #c9eb10;
}
.itl,.itr{
	width: 30%;
}
.ita{
	position: relative;
	color: #fff;
}
.itatxt{
	background: linear-gradient(to top right,rgba(0,0,0,.8),rgba(0,0,0,0));
	display: flex;
	align-items: flex-end;
}
.itatxt:hover{
	background: linear-gradient(to top right,rgba(0,0,0,1),rgba(0,0,0,0));
}
.itatxt span{
	display: inline-block;
	padding: 7px 15px;
	border-radius: 0 10px 0 0;
	background: linear-gradient(#c9eb10,#4ed764);
	color: #000;
}
.ima{
	height: 100%;
	min-height: 200px;
	display: block;
	position: relative;
	color: #fff;
}
.md{
	padding: 60px 0;
}
.ititle_48{
	font-size: 48px;
}
.i1w{
	width: 105%;
}
.i1a{
	width: 28.3333%;
	margin-right: 5%;
}
.i1aimg{
	width: 150px;
	height: 150px;
	margin-right: 25px;
}
.ahover:hover p{
	text-decoration: underline;
}
.i2{
	background: url(../images/i2bg.png) no-repeat center #212121;
	color: #fff;
	border-top: 10px solid #71ceeb;
}
.i2a{
	width: 33.33%;
}
.i2a_a{
	min-height: 100%;
	color: #fff;
}
.i3a{
	display: block;
	position: relative;
	color: #fff;
}
.i3aimg{
	background-size: cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
	position: relative;
}
.swiper_recommend_img .swiper-lazy-preloader::after{
	background-size: 40% !important;
}
.swiper-container-i3{
	overflow: initial;
}
.i4{
	border-top: 10px solid #c5709c;
}
.i4 .i2a_a{
	color: #000;
}
.foot{
	background: #111;
	color: rgba(255,255,255,.7);
}
.foot a{
	color: rgba(255,255,255,.7);
}
.foot a:hover{
	color: #c9eb10;
	text-decoration: underline;
}
.ft{
	padding: 45px 0;
}
.flogo{
	display: inline-block;
	height: 60px;
}
.ftrul li{
	margin-left: 4%;
}
.fb{
	padding: 0 0 20px 0;
}
.ftm{
	border: 1px dashed #C9EB10;
	text-align: center;
	padding: 30px;
	margin-top: 25px;
	background: rgba(201,235,16,.03);
}

.ltop{
	border-bottom: 5px solid #f5f5f5;
	padding-bottom: 20px;
}
.lsr{
	width: 30%;
	margin-left: 5%;
}
.lsla{
	padding: 25px 0;
	border-bottom: 1px solid #E6E6E6;
}
.lsla:hover h3{
	text-decoration: underline;
}
.lslaimg{
	width: 170px;
	height: 170px;
	margin-right: 25px;
}
.lslmore{
	border: 1px solid #c9eb10;
	background: linear-gradient(#c9eb10,#4ed764);
	display: block;
	line-height: 50px;
	text-align: center;
	color: #000;
}
.lslmore:hover{
	border: 1px solid #c9eb10;
	background: none;
	color: #c9eb10;
}
.itrtal{
	font-family: impact;
	color: #999;
	margin-right: 25px;
}
.lsra{
	padding: 15px 0;
}
.lsra:hover h3{
	text-decoration: underline;
}

.nitop{
	border-bottom: 5px solid #F5F5F5;
	padding-bottom: 30px;
}
.nitop span.bg{
	display: inline-block;
	padding: 7px 15px;
	border-radius: 0 10px 0 0;
	background: linear-gradient(#c9eb10,#4ed764);
	color: #000;
}
.nitop_text{
	font-style: italic;
}
.nitxt *{
	max-width: 100%;
}

@media only screen and (min-width:768px) and (max-width:1199px) {
	.hbrh_w button{
		right: 90px;
	}
	.hbra_close{
		right: 0;
	}
}
@media only screen and (max-width:768px) {
	.padding30{
		padding: 20px;
	}
	.itatxt span{
		font-size: 12px;
		padding: 5px 12px;
	}
	.ima .itaimg{
		height: 250px;
	}
	.md{
		padding: 25px 0;
	}
	.ititle_48{
		font-size: 24px;
	}
	.i1w{
		width: 100%;
	}
	.i1a{
		width: 100%;
	}
	.i1aimg{
		margin-right: 15px;
		width: 130px;
		height: 130px;
	}
	.i1a p{
		line-height: 1.3;
	}
	.i2a{
		width: 100%;
	}
	.ft{
		padding: 25px 0;
	}
	.flogo{
		justify-content: center;
		display: flex;
		height: 50px;
	}
	.ftrul {
		justify-content: center;
		margin-top: 15px;
	}
	.ftrul li{
		margin: 5px 15px;
	}
	.ftm{
		padding: 15px;
	}
	
	.lsla{
		padding: 15px 0;
	}
	.lslaimg{
		width: 130px;
		height: 130px;
		margin-right: 15px;
	}
	.lslmore{
		line-height: 40px;
	}
}