@import url("system.css");
.fanzhuan{
	overflow: hidden;
	position: relative;
	perspective:700px;
}
.fanzhuan a{
	display: block;
	width: 100%;
	height: 100%;
}
.fanzhuan::before,.fanzhuan::after{
			content: "";
			position: absolute;
			width: 100%;
			height: 100%;
			backface-visibility:hidden;
		}
		.fanzhuan::before{
			
			transition:all .6s;
			/*-webkit-transform:scale(1.2);-moz-transform:scale(1.2);*/
			
		}
.fanzhuan::after{
			/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/fan_logo.png") center no-repeat;*/
			/*background-size: contain;*/
			transition:all .6s;
			/*-webkit-transform:scale(1);-moz-transform:scale(1);*/
		}
.fanzhuan:hover::before{
	-webkit-transform:scale(1.2);-moz-transform:scale(1.2);
}
.fanzhuan:hover::after{

}






/*.fanzhuan div{
	width: 100%;
	height: 100%;
	transform: rotateY(0deg);
	position: absolute;
	transition:all 0.5s;
	z-index: 10;
}*/
/*.fanzhuan div:hover{
	transform:rotateY(180deg);
}
.fanzhuan img{
	width: 100%;
	position: absolute;
	vertical-align: middle;
	top: 50%;
	margin-top: -20%;
}*/

.banners{
	/*border:1px solid black;*/
	width: 100%;
	/*max-width: 1280px;*/
	margin: 0 auto;
	height: 260px;
	background-color: #fff;
}
.banners div, .banners a{ box-sizing:border-box;}
.banners .lchan{
	width: 15%;
	/*background-color:blue;*/
	height: 100%;
	float: left;
}
.banners .left{
	width: 24%;
	/*background-color:blue;*/
	height: 100%;
	float: left;
	
}
.banners .zhong{
	width: 24%;
	/*background-color:yellow;*/
	height: 100%;
	float: left;
		padding:0 0.2%;
}
.banners .right{
	width: 22%;
	/*background-color:red;*/
	height: 100%;
	float: left;
}
.banners .rchen{
	width: 15%;
	/*background-color:blue;*/
	height: 100%;
	float: left;
}





/*开始chan左边*/
.lchan_l{
	width: 100%;
	height: 100%;
	/*background-color:green;*/
	float: left;
}
.lchan_l_l{
	width: 67%;
	height: 100%;
	/*background-color:red;*/
	float: left;
	padding-right:2%;
	/*margin-right: 1%;*/
}
.lchan_l_r{
	width: 33%;
	height: 100%;
	/*background-color:blue;*/
	float: left;
	padding-right:2%;
	
	/*margin-right: 1%;*/
}
.lchan_l_r a:first-child{ width:100%; height:33%; display:block; padding-bottom:4%;}
.lchan_l_r a:nth-child(2){ width:100%; height:47%; display:block; padding-bottom:5%;}
.lchan_l_r a:last-child{ width:100%; height:20%; display:block;}

.lchan_l_l_1{
	width: 100%;
	height: 25%; 
	padding-bottom:2%;
	/*background-color:yellow;*/
	/*margin-bottom: 1%;*/
}
.lchan_l_l_1 a:first-child{ width:50%; height:100%; display:block; padding-right:3%; float:left;}
.lchan_l_l_1 a:last-child{ width:50%; height:100%; display:block; float:left;}
.lchan_l_l_1_l{
	width: 100%;
	height: 100%;
	float: left;
	/*margin-right: 1%;*/
	/*background-color:green;*/
}
.lchan_l_l_1_r{
	height: 100%;
	float: left;
	width: 100%;
	/*background-color:gray;*/
}
.lchan_l_l_2{
	width: 100%;
	height: 100%;
	/*background-color:orange;*/
	/*margin-bottom: 1%;*/
}
.p_b{ padding-bottom:2%; width:100%; height:25%; display:block;}
.lchan_l_l_3{
	width: 100%;
	height: 50%;
	/*background-color:gray;*/
}
.lchan_l_r_1{
	width: 100%;
	height: 100%;
	/*background-color:red;*/
	/*margin-bottom: 1%;*/
}
.lchan_l_r_2{
	width: 100%;
	height: 100%;
	/*background-color:yellow;*/
	/*margin-bottom: 1%;*/
}
.lchan_l_r_3{
	width: 100%;
	height: 100%;
	/*background-color:orange;*/
	/*margin-bottom: 1%;*/
}

.rchen_l_l{
	width: 40%;
	height: 100%;
	/*background-color:gray;*/
	float: left;
	padding-right:1%;
	/*margin-left: 0.5%;*/
	/*margin-right: 0.5%;*/
}
.rchen_l_l a:first-child{ width:100%; height:33%; display:block; padding-bottom:4%;}
.rchen_l_l a:nth-child(2){ width:100%; height:34%; display:block; padding-bottom:4%;}

.rchen_l_r{
	width: 60%;
	height: 100%;
	/*background-color:red;*/
	float: left;
}
.rchen_l_r a:first-child{ width:100%; height:50%; display:block; padding-bottom:3%;}
.rchen_l_l_1{
	width: 100%;
	height: 100%;
	/*margin-bottom: 1%;*/
	/*background-color:green;*/
}
.rchen_l_l_2{
	width: 100%;
	height: 100%;
	/*margin-bottom: 1%;*/
	/*background-color:orange;*/
}
.rchen_l_l_3{
	width: 100%;
	height: 33%;
	/*background-color:yellow;*/
}
.rchen_l_l_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_23.png") center no-repeat;*/
	background-size: cover;
}

.rchen_l_r_1{
	width: 100%;
	height: 100%;
	/*background-color:#1f1;*/
	/*margin-bottom: 1.5%;*/
}
.rchen_l_r_2{
	width: 100%;
	height: 50%;
	/*background-color:#bbb;*/
}









/*开始左边*/
.left_l{
	width: 62%;
	height: 100%;
	/*background-color:green;*/
	float: left;
}
.left_r{
	width: 38%;
	height: 100%;
	/*background-color:gray;*/
	float: left;
	padding-left:1%;
}
.left_r a{ display:block; width:100%;  height:50%;}
.left_r a:first-child{ padding-bottom:2%;} 

.left_l_l{
	width: 67%;
	height: 100%;
	/*background-color:red;*/
	float: left;
    padding-right: 1%;
}
.left_l_r{
	width: 33%;
	height: 100%;
	/*background-color:blue;*/
	float: left;
	padding-left:1%;
}
.left_l_r a{
	width:100%;
	display:block;
	}
.left_l_r a:first-child{
	padding-bottom:4%;
	height:10%;
	}
.left_l_r_1{
	width:100%;
	height:100%;
	}
.left_l_r a:nth-child(2){
	padding-bottom:4%;
	height:30%;
	}
.left_l_r a:nth-child(3){
	padding-bottom:4%;
	height:15%;
	}
.left_l_r a:nth-child(4){
	padding-bottom:4%;
	height:35%;
	}
.left_l_r a:last-child{
	height:10%;
	}


/*left上中下*/
.left_l_l_1{
	width: 100%;
	height: 25%;
	padding-bottom:2%;
	/*background-color:yellow;*/
}
.left_l_l_1_l{
	width: 55%;
	height: 100%;
	/*background-color:red;*/
	float: left;
}
.left_l_l_1_l a{ width:100%; display:block;}
.left_l_l_1_l a:first-child{ padding-bottom:4%; padding-right:4%; height:50%;}
.left_l_l_1_l a:last-child{ padding-right:4%; height:50%;}
.left_l_l_1_l_t{
	width: 100%;
	height: 100%;
	/*background-color:#f5f1f2;*/
	/*margin-bottom: 4%;*/
}
.left_l_l_1_l_t::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_01.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_1_l_b{
	width: 100%;
	height: 100%;
	/*margin-bottom: 4%;*/
	/*background-color:#f5f1f2;*/
}
.left_l_l_1_l_b::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_01.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_1_r{
	width: 45%;
	height: 100%;
	/*background-color:#f5f1f2;*/
	float: left;
}
.left_l_l_1_r::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_01.png") center no-repeat;*/
	background-size: cover;
}

.left_l_l_2{
	width: 100%;
	height: 100%;
	/*background-color:gray;*/
	/*margin-bottom: 2%;*/
}
.hq{ width:100%; height:25%; display:block; padding-bottom:2%;}
.left_l_l_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_16.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_3{
	width: 100%;
	height: 30%;
	padding-bottom:2%;
	/*background-color:green;*/
}
.left_l_l_3 a{ width:55%; height:100%; display:block; float:left;}
.p_r{ padding-right:2%;}
.left_l_l_3_l{
	width: 100%;
	height: 100%;
	/*background-color: yellow;*/
	/*margin-bottom: 2%;*/
	/*margin-right: 2%;*/
	float: left;
}
.left_l_l_3_l::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_25.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_3_r{
	width: 45%;
	height: 100%;
	/*background-color:violet;*/
	float: left;
}
.left_l_l_3_r a:first-child{ width:100%; height:60%; display:block; padding-bottom:4%;}
.left_l_l_3_r a:last-child{ width:100%; height:40%; display:block; }
.left_l_l_3_l_t{
	width: 100%;
	height: 100%;
	/*background-color:gray;*/
	/*margin-bottom: 3%;*/
}
.left_l_l_3_l_t::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_3_l_b{
	width: 100%;
	height: 100%;
	/*background-color:pink;*/
}
.left_l_l_3_l_b::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_4{
	width: 100%;
	height: 20%;
	/*background-color:violet;*/
}
.left_l_l_4 a:first-child{ width:35%; height:100%; display:block; padding-right:3%; float:left;}
.left_l_l_4 a:last-child{ width:65%; height:100%; display:block; float:left;}
.left_l_l_4_l{
	width: 100%;
	height: 100%;
	/*background-color:blue;*/
	float: left;
	/*margin-right: 2%;*/
}
.left_l_l_4_l::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.left_l_l_4_r{
	width: 100%;
	height: 100%;
	/*background-color:yellow;*/
	float: left;
}
.left_l_l_4_r::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_33.png") center no-repeat;*/
	background-size: cover;
}


/*left_l_r*/
.left_l_r_1,.left_l_r_2,.left_l_r_3,.left_l_r_4,.left_l_r_5{
	width: 100%;
}
.left_l_r_1{
	/*height: 10%;*/
	/*margin-bottom: 2%;*/
	/*background-color:red;*/
}
.left_l_r_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.left_l_r_2{
	height: 100%;
	width:100%;
	/*margin-bottom: 2%;*/
	/*background-color:green;*/
}
.left_l_r_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_11.png") center no-repeat;*/
	background-size: cover;
}
.left_l_r_3{
	height: 100%;
	width:100%;
	/*margin-bottom: 4%;*/
	/*background-color:violet;*/
}
.left_l_r_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.left_l_r_4{
	height: 100%;
	width:100%;
	/*margin-bottom: 3%;*/
	/*background-color:pink;*/
}
.left_l_r_4::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_27.png") center no-repeat;*/
	background-size: cover;
}
.left_l_r_5{
	height: 100%;
	width:100%;
	/*background-color:yellow;*/
}
.left_l_r_5::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
/*.left_r*/
.left_r_t{
	width: 100%;
	height: 100%;
	/*background-color:green;*/
	/*margin-bottom: 2%;*/
}
.left_r_t::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_03.png") center no-repeat;*/
	background-size: cover;
}
.left_r_b{
	width: 100%;
	height: 100%;
	/*background-color: pink;*/
}
.left_r_b::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_23.png") center no-repeat;*/
	background-size: cover;
}
/*中间大图*/
.zhong_z{
	height: 100%;
	width: 100%;

	/*background-color:green;*/
}
.zhong_z::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-zhong_09.png") center no-repeat;*/
	background-size: cover;
}
/*right*/
.right_l{
	width: 40%;
	height: 100%;
	/*background-color:green;*/
	float: left;
	padding-right:1%;
}
.right_l a:first-child{ width:100%; height:20%; display:block; padding-bottom:3%;}
.right_l a:nth-child(2){ width:100%; height:40%; display:block; padding-bottom:3%;}
.right_r{
	width: 60%;
	height: 100%;
	/*background-color:gray;*/
	float: left;
	padding-right:1%;
}


.right_l_1{
	width: 100%;
	height:100%;
	/*background-color:blue;*/
	/*margin-bottom: 2%;*/
}
.right_l_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_05.png") center no-repeat;*/
	background-size: cover;
}
.right_l_2{
	width: 100%;
	height:100%; 
	/*background-color:pink;*/
	/*margin-bottom: 2%;*/
}
.right_l_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_15.png") center no-repeat;*/
	background-size: cover;
}
.right_l_3{
	width: 100%;
	height:40%; 
	/*background-color: red;*/
}
.right_l_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_32.png") center no-repeat;*/
	background-size: cover;
}


/*右右*/
.right_r_t{
	height: 85%;
	padding-bottom:2%;
	/*background-color:yellow;*/
}
.right_r_b{
	height: 15%;
	/*background-color:pink;*/
}
.right_r_b a:first-child{ width:20%; height:100%; display:block; float:left; padding-right:2%;}
.right_r_b a:nth-child(2){ width:20%; height:100%; display:block; float:left; padding-right:2%;}
.right_r_b a:nth-child(3){ width:40%; height:100%; display:block; float:left; padding-right:2%;}

.right_r_t_l{
	width: 60%;
	height: 100%;
	/*background-color:violet;*/
	float: left;
}
.right_r_t_l a:first-child{ width:100%; height:24%; display:block; padding-bottom:2%; padding-right:3%;}
.right_r_t_l_t{
	height: 100%;
	width: 100%;
	/*background-color:blue;*/
	/*margin-bottom: 2%;*/
}
.right_r_t_l_t::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_07.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_l_b{
	/*background-color:yellow;*/
	height: 75%;
	padding-right:2%;
}
.right_r_t_l_b_l{
	width: 50%;
	height: 100%;
	/*background-color:lightgray;*/
	float: left;
	padding-right:2%;
	/*margin-right: 2%;*/
}
.right_r_t_l_b_l a:first-child{ width:100%; height:22%; display:block; padding-bottom:6%;}
.right_r_t_l_b_l a:nth-child(2){ width:100%; height:50%; display:block; padding-bottom:6%;}
.right_r_t_l_b_l_1{
	height: 100%;
	width: 100%;
	/*background-color:red;*/
	/*margin-bottom: 3%;*/
}
.right_r_t_l_b_l_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_l_b_l_2{
	height: 100%;
	width: 100%;
	/*background-color:blue;*/
	/*margin-bottom: 3%;*/
}
.right_r_t_l_b_l_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_19.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_l_b_l_3{
	height: 30%;
	width: 100%;
	/*background-color:gray;*/
}
.right_r_t_l_b_l_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}


.right_r_t_l_b_r{
	width: 50%;
	height: 100%;
	/*background-color:gray;*/
	float: left;
}
.right_r_t_l_b_r a:first-child{ width:100%; height:22%; display:block; padding-bottom:6%}
.right_r_t_l_b_r a:nth-child(2){ width:100%; height:30%; display:block; padding-bottom:6%;}
.right_r_t_l_b_r_1{
	height: 100%;
	width: 100%;
	/*background-color:red;*/
	/*margin-bottom: 3%;*/
}
.right_r_t_l_b_r_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_l_b_r_2{
	height: 100%;
	width: 100%;
	/*background-color:blue;*/
	/*margin-bottom: 3%;*/
}
.right_r_t_l_b_r_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_l_b_r_3{
	height: 50%;
	width: 100%;
	/*background-color:lightgray;*/
}
.right_r_t_l_b_r_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_29.png") center no-repeat;*/
	background-size: cover;
}



.right_r_t_r{
	width: 40%;
	height: 100%;
	/*background-color:green;*/
	float: left;
}
.right_r_t_r a:first-child{ width:100%; height:40%; display:block; padding-bottom:4%;}
.right_r_t_r a:nth-child(2){ width:100%; height:20%; display:block; padding-bottom:4%;}
.right_r_t_r_1{
	height: 100%;
	/*background-color:lightgray;*/
	/*margin-bottom: 2%;*/
}
.right_r_t_r_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_09.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_r_2{
	height: 100%;
	/*background-color:#484848;*/
	/*margin-bottom: 2%;*/
}
.right_r_t_r_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-right_18.png") center no-repeat;*/
	background-size: cover;
}
.right_r_t_r_3{
	height: 40%;
	/*background-color:red;*/
}
.right_r_t_r_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/bannertu_30.jpg") center no-repeat;*/
	background-size: cover;
}

.right_r_b_1{
	width: 100%;
	height: 100%;
	/*background-color: yellow;*/
	float: left;
	/*margin-right: 1%;*/
}
.right_r_b_1::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_b_2{
	width: 100%;
	/*background-color:red;*/
	height: 100%;
	float: left;
	/*margin-right: 1%;*/
}
.right_r_b_2::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_b_3{
	width: 100%;
	/*background-color:#f3f3b3;*/
	height: 100%;
	float: left;
	/*margin-right: 1%;*/
}
.right_r_b_3::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-left_12.png") center no-repeat;*/
	background-size: cover;
}
.right_r_b_4{
	width: 20%;
	/*background-color:#ccc;*/
	height: 100%;
	float: left;
	/*margin-right: 1%;*/
}
.right_r_b_4::before{
	/*background: url(http://file.hedaweb.com/skin/lhkj004mbfa7886/"../images/banner-right_37.png") center no-repeat;*/
	background-size: cover;
}



@media screen and (max-width: 1200px) {
   .banners{
   	height: 311px;
   }
}
@media screen and (max-width: 1000px) {
   .banners{
   	height:257px;
   }
}
@media screen and (max-width: 800px) {
   .banners{
   	height:202px;
   }
}
@media screen and (max-width: 599px) {
   .banners{
   	height:700px;
   	min-height: 700px;
   	overflow: hidden;
   }
   .banners .lchan{
   	width: 40%;
   	height: 200px;
   }
   .banners .left{
   	width: 60%;
   	height: 200px;
   }
   .banners .zhong{
   	width: 70%;
   	/*float: none;*/
   	height: 200px;
   	margin: 5% 15%;
   	min-width: 200px;
   }
   .banners .rchen{
   	width: 40%;
   	/*float: none;*/
   	height: 200px;
   }
   .banners .right{
   	width: 60%;
   	/*float: none;*/
   	height: 200px;
   }
   .left_l_l_3_l{
   	/*width: 8%;*/
   	margin-bottom: 0;
   } 
}
@media screen and (max-width: 440px) {
   .banners{
   	height:600px;
   	min-height: 600px;
   	overflow: hidden;
   }
   .banners .lchan{
   	width: 40%;
   	height: 170px;
   }
   .banners .left{
   	width: 60%;
   	height: 170px;
   }
   .banners .zhong{
   	width: 70%;
   	/*float: none;*/
   	height: 170px;
   	margin: 5% 15%;
   	min-width: 200px;
   }
   .banners .rchen{
   	width: 40%;
   	/*float: none;*/
   	height: 170px;
   }
   .banners .right{
   	width: 60%;
   	/*float: none;*/
   	height: 170px;
   }
   .left_l_l_3_l{
   	/*width: 8%;*/
   	margin-bottom: 0;
   } 
}
@media screen and (max-width: 360px) {
   .banners{
   	height:540px;
   	min-height: 540px;
   	overflow: hidden;
   }
   .banners .lchan{
   	width: 40%;
   	height: 150px;
   }
   .banners .left{
   	width: 60%;
   	height: 150px;
   }
   .banners .zhong{
   	width: 70%;
   	/*float: none;*/
   	height: 150px;
   	margin: 5% 15%;
   	min-width: 200px;
   }
   .banners .rchen{
   	width: 40%;
   	/*float: none;*/
   	height: 150px;
   }
   .banners .right{
   	width: 60%;
   	/*float: none;*/
   	height: 150px;
   }
   .left_l_l_3_l{
   	/*width: 8%;*/
   	margin-bottom: 0;
   } 
}



.rb2{ position:relative;}
.rb2 img{ display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: 100% !important;
	 -webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1) translate(-50%, -50%);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}

.rb2_hover{    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	background:#f7f1f3;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-align:center;
}

.rb2:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.rb2:hover .rb2_hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.rb2:hover .rb_tit, .rb2:hover .rb_more{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.rb2:hover .rb_tit{ font-size:1.2em; color:#666;}
.rb2:hover .rb_more{ font-size:0.75em; text-align:center; background:#c93126; color:#fff; line-height:1.2em; width:36%; display:inline; margin-top:5%; padding:2% 6%;}
.rb2_hover .rb_more{ font-size:0.75em; text-align:center; background:#c93126; color:#fff; line-height:1.2em; width:36%; display:inline; margin-top:5%; padding:2% 6%;}
.rb2_hover .rb_tit{ font-size:1.2em; color:#666; text-align:center; margin-top:30%; margin-bottom:5%; width:100%; line-height:1.5em; float:left;}


.lr2{ position:relative;}
.lr2 img{ display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: 100% !important;
	 -webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1) translate(-50%, -50%);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.lr2_hover{ width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	background:#f7f1f3;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-align:center;
}
.lr2:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.lr2:hover .lr2_hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.lr2:hover .lr_tit, .lr2:hover .lr_more{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.lr2:hover .lr_tit{ font-size:0.75em; color:#666; margin-top:30%; margin-bottom:8%;}
.lr2:hover .lr_more{ font-size:0.75em; text-align:center; background:#c93126; color:#fff; line-height:1.2em; display:inline; margin-top:10%; padding:5% 5%;}
.lr2_hover .lr_more{ font-size:0.75em; text-align:center; background:#c93126; color:#fff; line-height:1.2em; display:inline; margin-top:10%; padding:5% 5%;}
.lr2_hover .lr_tit{ font-size:0.75em; color:#666; text-align:center; margin-top:30%; width:100%; line-height:1.2em; margin-bottom:8%;}


.ll2{ position:relative;}
.ll2 img{ display: block;
    position: relative;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: 100% !important;
	 -webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1) translate(-50%, -50%);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.ll2_hover{ width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	background:#f7f1f3;
	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-align:center;
}
.ll2:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.ll2:hover .ll2_hover {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.ll2:hover .ll_tit, .ll2:hover .ll_more{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.ll2:hover .ll_tit{ font-size:0.75em; color:#666; margin-top:8%; margin-bottom:2%;}
.ll2:hover .ll_more{ font-size:0.5em; text-align:center; background:#c93126; color:#fff; line-height:1.2em; display:inline; padding:2% 5%;}
.ll2_hover .ll_more{ font-size:0.5em; text-align:center; background:#c93126; color:#fff; line-height:1.2em;  display:inline; padding:2% 5%;}
.ll2_hover .ll_tit{ font-size:0.75em; color:#666; text-align:center; width:100%; line-height:1.5em; float:left; margin-top:8%; margin-bottom:2%;}

.lr2_hover .font_s{ font-size:14px; margin-top:40%;}
.lr2:hover .font_s{ font-size:14px; margin-top:40%;}
.lr2:hover .marg_t{ margin-top:20%;}
.lr2_hover .marg_t{ margin-top:20%;}
.lr2_hover .font_s1{ font-size:14px;}
.lr2:hover .font_s1{ font-size:14px;}



/*视频弹出效果*/
.flavr-container .flavr-overlay{ background: rgba(0,0,0,0.9);}
.flavr-container .flavr-fixer{ margin: calc((100vh - 450px) / 2) auto 0; margin: -webkit-calc((100vh - 450px) / 2) auto 0; margin: -moz-calc((100vh - 450px) / 2) auto 0;}
.flavr-container .flavr-fixer .flavr-outer{ background: rgba(0,0,0,0)}
.flavr-container .flavr-fixer .flavr-outer .flavr-toolbar .flavr-button.danger:hover, .flavr-container .flavr-fixer .flavr-outer .flavr-toolbar .flavr-button.danger:focus{ background-color: #a94442;}
.flavr-container .flavr-fixer .flavr-outer .flavr-content{ padding:0 30px;}
.flavr-container .flavr-fixer .flavr-outer .flavr-toolbar .flavr-button{  background:#333;}
.flavr-container .flavr-fixer .flavr-outer .flavr-toolbar .flavr-button:hover, .flavr-container .flavr-fixer .flavr-outer .flavr-toolbar .flavr-button:focus{background-color: #666;}

/*新增*/
.newname{ position:relative;}
.newname img{ display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: 101% !important;
    transform: scale(1) translate3d(-50%, -50%,0);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
.new_hover{ 
	width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
	background:#f7f1f3;

	-webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-align:center;
}
.newname:hover img {
	-webkit-transform: scale(10);
	-moz-transform: scale(10);
	-o-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.newname:hover	.new_hover{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.new_hover div[class*="tit"]{
	color:#666;
	font-size: 1.3rem;
	margin-bottom: 3px;
}
 .new_hover div[class*="more"]{
 	 font-size: 12px; text-align:center; background:#c93126; color:#fff; display:inline; padding:2px 5px;
}

.newname:after, .newname:before{
	display: none;
}