@charset "utf-8";
/* CSS Document */

@media screen and (max-width:768px){
	#wrap{
		width:100%;
		}
		
	.logo{
		padding-top:3.6111111111111%;
		width:29.5833333333333333333%;
		padding-bottom:3.75%;
		}
			
	.mine{
		right:4.4444444444444%;
		top:27.083333333333333%;
		width:5%;
		}	


 .banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 20px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-396px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 9pt;
	height: 9pt;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}



.classification{
	width:100%;
	padding-bottom:15%;
	box-shadow: 0px 1px rgba(0,0,0,0.1);
	background:#fff;
	margin-bottom:1.66666666666667%;
	}
.classification ul{
	padding:1.66666666666667% 0;
	}
.classification ul li{
	width:20%;
	
	}
.classification ul li img{
	width:51.3888888888889%;
	
	}
.classification ul li p{
	font-size:26px;
	font-weight:lighter;
	
	}

.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:100%;
	}	



.Recommend .shortline img{
	width:0.5555555555555556%;
	top:18px;
	}
	
.Recommend h3{
	font-size:28px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}
	
.Recommend .video ul .v1-name a{
	font-size:24px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:22px;
	color:#999999;
	font-weight:lighter;
	line-height:22px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}	




.v1-name{
	width:100%;
	
	}




	
		
}



@media screen and (max-width:480px){
	#wrap{
		width:100%;
		}
		
	.logo{
		padding-top:3.6111111111111%;
		width:29.5833333333333333333%;
		padding-bottom:3.75%;
		}
			
	.mine{
		right:4.4444444444444%;
		top:27.083333333333333%;
		width:5%;
		}	
	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 18px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-250px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}	



.classification{
	width:100%;
	padding-bottom:15%;
	box-shadow: 0px 1px rgba(0,0,0,0.1);
	background:#fff;
	margin-bottom:1.66666666666667%;
	}
.classification ul{
	padding:1.66666666666667% 0;
	}
.classification ul li{
	width:20%;
	
	}
.classification ul li img{
	width:51.3888888888889%;
	
	}
.classification ul li p{
	font-size:16px;
	font-weight:lighter;
	
	}
	
	
	
	
	
.Recommend .shortline img{
	width:0.5555555555555556%;
	top:12px;
	}
	
.Recommend h3{
	font-size:18px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		

	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:76%;
	}	
	




	
.Recommend .video ul .v1-name a{
	font-size:15px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:13px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}
		
}





@media screen and (max-width:360px){
#wrap{
	width:100%;
	}
	
.logo{
	padding-top:3.6111111111111%;
	width:29.5833333333333333333%;
	padding-bottom:3.75%;
	}
		
.mine{
	right:4.4444444444444%;
	top:27.083333333333333%;
	width:5%;
	}	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 16px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-194px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}
	
	
	
.classification{
	width:100%;
	padding-bottom:15%;
	box-shadow: 0px 1px rgba(0,0,0,0.1);
	background:#fff;
	margin-bottom:1.66666666666667%;
	}
.classification ul{
	padding:1.66666666666667% 0;
	}
.classification ul li{
	width:20%;
	
	}
.classification ul li img{
	width:51.3888888888889%;
	
	}
.classification ul li p{
	font-size:12px;
	font-weight:lighter;
	
	}
	
	



.Recommend .shortline img{
	width:0.5555555555555556%;
	top:8px;
	}
	
.Recommend h3{
	font-size:13px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		

	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:66%;
	}	
	




	
.Recommend .video ul .v1-name a{
	font-size:12px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:11px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}
	


.v1-name{
	width:100%;
	
	}
	
		
}



@media screen and (max-width:320px){
#wrap{
	width:100%;
	}
	
.logo{
	padding-top:3.6111111111111%;
	width:29.5833333333333333333%;
	padding-bottom:3.75%;
	}
		
.mine{
	right:4.4444444444444%;
	top:27.083333333333333%;
	width:5%;
	}	
	
	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 14px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-170px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}	
			
	
	
.classification{
	width:100%;
	padding-bottom:15%;
	box-shadow: 0px 1px rgba(0,0,0,0.1);
	background:#fff;
	margin-bottom:1.66666666666667%;
	}
.classification ul{
	padding:1.66666666666667% 0;
	}
.classification ul li{
	width:20%;
	
	}
.classification ul li img{
	width:51.3888888888889%;
	
	}
.classification ul li p{
	font-size:11px;
	font-weight:lighter;
	
	}
	

.Recommend .shortline img{
	width:0.5555555555555556%;
	top:7px;
	}
	
.Recommend h3{
	font-size:12px;
	padding-left:4.444444444444%;
	padding-top:2.5%;
	padding-bottom:2.5%;
	}	

.Recommend .video ul .v1-img a{
	padding:0;
	
	}
.Recommend .video ul{
	width:49.722222222222222222222222222222%;
	}	
	
		
.Recommend .video ul li img{
	width:100%;
	}		

	
.Recommend .video ul .v1-play{
	padding-right:3.910614525139664804469273743017%;
	padding-left:5.027932960893854748603351955307%;
	padding-bottom:5.586592178770949720670391061453%;
	}		
.Recommend .video ul .v1-play .play{
	width:56%;
	}	
	
	
.Recommend .video ul .v1-name a{
	font-size:10px;
	padding-left:5.027932960893854748603351955307%;
	padding-top:4.469273743016759776536312849162%;
	padding-bottom:3.351955307262569832402234636872%;
	}
	
.Recommend .video ul .v1-times{
	font-size:9px;
	color:#999999;
	font-weight:lighter;
	line-height:13px;
	}
	
	
.video1-1{
	margin-right:0.555555555555555555555555555556%;
	
	}
}