﻿.subject_title{line-height:1.2em; }
.subject_subtitle{line-height: 1.6em;}
.subject_des{line-height: 1.6em;}

.Fan_03_buy{width:100%; text-align: center;}
/*第一屏*/
.fan_01{position: absolute; width:100%; color:#000000; top:23%; font-size: 2em}
.fan_01 .title{font-size: 2.5em; line-height: 2.2em; width:80%; margin-left:10%;}
.fan_01 .text{font-size: 1em; width:60%; margin-left:10%;}
@media screen and (max-width:1440px){
	.fan_01{font-size: 1.5em}
}
@media screen and (max-width:960px){
	.fan_01{top:12%;}
	.fan_01 .title{width:70%; margin-left:0%;}
	.fan_01 .text{width:70%;  margin-left:0%;}
}
@media screen and (max-width:768px){
	.fan_01{font-size: 1em; top:15%; left:5%;}
	.fan_01 .title{line-height: 1.2em;}
}

/*第二屏*/
.Fan_02{color:#333;}

/*第三屏*/
.Fan_03{position: relative; background-color:#f2f2f2; overflow: hidden; padding-bottom: 1vw;}
.Fan_03 .all_content{position: absolute; left:0; width:100%; color:#333; top:11vw;}
.Fan_03 .all_text{width:40%; margin-left:60%;}
.Fan_03 .subject_title{line-height:1.2em; }
.Fan_03 .subject_subtitle{margin-top:1vw;}
.Fan_03 .subject_des{margin-top:2.5vw;}
.Fan_03 .all_product{position: relative; left:0; width:100%; top:-4.5vw;}
.Fan_03 li{width:49%; margin-right:2%; float: left; border-top:5px solid #c2d600; position: relative;}
.Fan_03 li:last-child{margin-right:0;}
.Fan_03 .product{position: absolute; width:50%; left:9%; bottom:36%; color:#333;}
.Fan_03 .product .title{font-size: 2.25em; line-height: 1.2em; }
.Fan_03 .Fan_buy{margin-top:1.7vw;}

.Fan_buy .Fan_buy_button{position: relative;}
.Fan_buy a{padding-left:5%; padding-right:5%; height: 2em; margin-left:0%; margin-right:4%;display: inline-block; line-height: 2em; color:#333; font-size: 1.25em; border:1px solid #5c5c5c; }
.Fan_buy a:hover{background-color:#c2d600; color:#FFF; border:1px solid #c2d600; }
@media screen and (max-width:1440px){
	.Fan_03 .all_content{top:8vw;}
	.Fan_03 .all_text{width:50%; margin-left:50%; }
	.Fan_03 .product .title{font-size: 2em;}
}
@media screen and (max-width:960px){
	.Fan_03 .all_content{top:4vw;}
	.Fan_03 .all_product{margin-top:4.5vw; margin-bottom:1.5vw; top:0; overflow: hidden;}
	.Fan_buy a{font-size: 1em;}
	.Fan_03 .product .title{font-size: 1.875em;}

}
@media screen and (max-width:768px){
	.Fan_03 .all_content{top:5vw;}
	.Fan_03 .product .title{font-size: 1.5em;}

}
@media screen and (max-width:720px){
	.Fan_03 li{width:100%; margin-bottom: 2vw;}
}
@media screen and (max-width:480px){
	.Fan_03 .product .title{font-size: 1.5em;}
}
/*第四屏*/
.Fan_04{position: relative; background-color:#f2f2f2; overflow: hidden;}
.Fan_04 .all_content{position: absolute; left:0; width:100%; color:#333; top:9vw;}
.Fan_04 .all_text{width:40%;}
.Fan_04 .subject_title{line-height:1.2em; }
.Fan_04 .subject_subtitle{margin-top:1vw;}
.Fan_04 .subject_des{margin-top:2.5vw;}
.Fan_04 .all_product{position: relative; left:0; width:100%; top:-4.5vw;}
.Fan_04 li{width:24.1%; margin-right:1.2%; float: left; border-top:5px solid #c2d600; position: relative; margin-bottom:1vw; overflow:hidden}
.Fan_04 li:nth-child(4n){margin-right:0;}
.Fan_04 .product{position: absolute; width:100%; text-align: center; bottom:2vw; color:#333;}
.Fan_04 .title{font-size: 1.25em; line-height: 1.2em; position: absolute; top:2vw; text-align: center; width:96%; left:2%; color:#333}
.Fan_04 li .Fan_buy{position: absolute; bottom:-30%; width:100%;}
.Fan_04 li:hover .Fan_buy{display: block; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0vw; width:100%; height: 20%; transition: 0.5s; z-index: 9999; cursor: pointer; text-align: center; padding-top:10%;}
.Fan_04 .Fan_buy{margin-top:1.7vw;}
.Fan_04 a{font-size: 1.25em;}

@media screen and (max-width:1440px){
	.Fan_04 .all_content{top:6vw;}
	.Fan_04 .all_text{width:50%;}
	.Fan_04 .title{font-size: 1.25em;}
}
@media screen and (max-width:960px){
	.Fan_04 .all_content{top:4vw;}
	.Fan_04 .all_product{margin-top:4.5vw; margin-bottom:4.5vw; top:0; overflow: hidden;}
	.Fan_04 a{font-size: 1em;}
	.Fan_04 .title{font-size: 1.125em;}
		
	.Fan_04 .all_text{width:60%;}
}
@media screen and (max-width:768px){
	.Fan_04 .all_content{top:15vw;}
	.Fan_04 .title{font-size: 1.125em;}

}
@media screen and (max-width:640px){
	.Fan_04 li{width:49%; margin-bottom: 2vw; margin-right:2%;}
	.Fan_04 li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:383px){
	.Fan_04 li{width:100%;}
	.Fan_04 .title{top:6vw;}
	.Fan_04 .product{bottom:6vw;}
}
.subject_travel_text{padding:0 0 5% 0}
