.hidden{display:none}
.p_top_middle{margin:0;padding:0;position:absolute;top:0;left:50%;margin-left:-66px;}

.banner_box{height:100%;position:relative;overflow:hidden;}
.banner_cot{height:100%;position:relative;overflow:hidden}
.content{position:relative;width:1000px;margin:0 auto}
.banner_list{position:relative;height:100%}
.page_box{position:absolute;width:100%;height:100%;top:0;left:-9999px}
.bg_box{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-repeat:no-repeat}
.bg_box img{position:absolute;top:50%;left:50%}
.page_box .content{width:1000px;height:100%;position:absolute;top:0;left:50%;margin-left:-500px;z-index:5;transform-origin:center center;-webkit-transform-origin:center center}
.page_box .main_box{position:relative;height:100%;left:0;right:0;top:20%}
.banner_list .show{left:0}
.banner_list .show .main_box{left:0}
.product_btns{position:absolute;width:100%;bottom:50px;z-index:6;transition:bottom .3s;-webkit-transition:bottom .3s;z-index:10}
.product_btns.show{bottom:100px}
.product_btns .content{width:1000px;position:absolute;bottom:0;left:50%;margin-left:-500px}
.product_btns .btns_box{margin:auto}
.product_btns .btns_box a{display:inline-block;position:relative;background-size:auto}
.product_btns .icon_bg{background:#fff}
.product_btns .icon_show{background:#26a65b}
.big_view .product_btns .content{height:30px}
.big_view .product_btns .btns_box{width:500px}
.big_view .product_btns .btns_box a{width:18%;height:4px;margin:0 15px}
.mid_view .product_btns .content{height:58px}
.mid_view .product_btns .btns_box{height:58px;width:390px}
.mid_view .product_btns .btns_box a{width:70px;height:4px;margin:0 12px}
.small_view .product_btns .content{height:42px}
.small_view .product_btns .btns_box{height:42px;width:300px}
.small_view .product_btns .btns_box a{width:50px;height:10px;margin:0 10px;background-size:50px 40px}
.sky_xia{z-index:10}
.sky_cot{position:absolute;bottom:0;right:0;left:0;margin:0 auto;}
.sky_cot img{width:100%;}
.page_box .content_w100{
    width: 100%;
    height: 100%;
    position: absolute;
    top:30%;
    left:0%;
    z-index: 5;
    transform-origin: center center;
    -webkit-transform-origin: center center;
}
/*第四个大图*/
.page_box .main_box .four{position:absolute;bottom:0;right:0;left:0;margin:0 auto;}
.page_box .main_box .four img{width:100%;}

@media screen and (max-width:1440px){
.page_box .content .room_cot{top: 200px!important;}
.page_box .content_w100{top:35%;}
.room_anim img{width:100%!important;margin: 0 auto;display: block;}
.page_box .snow_cot{top: 200px!important;}
.page_box .snow_cot img{width:80%!important;margin: 0 auto;display: block;}
}
.banner_pc{display: block;}
.wap{display: none;}
@media screen and (max-width:997px){
	.banner_pc{display: none!important;}
	.wap{display:block!important;}
}

@media screen and (max-width:768px){
.small_view .product_btns .btns_box a{width:10px;height:10px;margin:0 10px;border-radius: 100%;}
.small_view .product_btns .btns_box{height: 42px;width: 135px;}
.page_box .content{width:100%;left:0;margin-left:0;}
.sky_cot{width:100%;}
.page_box .main_box{top:55%;}
.page_box .content .room_cot{width:100%!important;top:100px!important;}
.page_box .content_w100{top:10%;}
.room_anim{margin-top: 30px;}
.room_anim img{width:100%!important;margin:0 auto;display: block;}
.page_box .snow_cot{top: 100px!important;width: 100%!important;}
.page_box .snow_cot img{width:100%!important;margin: 0 auto;display: block;}
.page_box .main_box .four{width:100%;top:40%;}
.page_box .main_box .four img{width:100%;margin-top:70px;}
.page_box .main_box .sky_cot{width:100%;top:10%;}
.page_box .main_box .sky_cot img{width:100%;margin-top:50px;}

}
@keyframes sky_1{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}
}
@-moz-keyframes sky_1{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}
}
@-webkit-keyframes sky_1{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}
}
@-o-keyframes sky_1{0%{opacity:0;top:60%}
100%{opacity:1;top:50%}
}
@keyframes sky_2{0%{opacity:0;bottom:0;right:0}
50%{opacity:1;bottom:0;right:0}
100%{bottom:30%;right:36%}
}
@-moz-keyframes sky_2{0%{opacity:0;bottom:0;right:0}
50%{opacity:1;bottom:0;right:0}
100%{bottom:30%;right:36%}
}
@-webkit-keyframes sky_2{0%{opacity:0;bottom:0;right:0}
50%{opacity:1;bottom:0;right:0}
100%{bottom:30%;right:36%}
}
@-o-keyframes sky_2{0%{opacity:0;bottom:0;right:0}
50%{opacity:1;bottom:0;right:0}
100%{bottom:30%;right:36%}
}
.page_box .snow_cot{position:absolute;width:1000px;top:300px;}
.snow_cot img{width:100%;height:100%}
.show .snow_anim{/*animation:snow_1 .5s;-moz-animation:snow_1 .5s;-webkit-animation:snow_1 .5s;-o-animation:snow_1 2s*/}
@keyframes snow_1{0%{left:1000px}
100%{left:50%}
}
@-moz-keyframes snow_1{0%{left:1000px}
100%{left:50%}
}
@-webkit-keyframes snow_1{0%{left:1000px}
100%{left:50%}
}
@-o-keyframes snow_1{0%{left:1000px}
100%{left:50%}
}
.page_box .content .room_cot{position:absolute;width:1000px;top:300px;}
.room_anim img{width:100%;height:100%;vertical-align:middle;}
/*.show .room_anim{animation:room_1 1.5s ease-in-out;-moz-animation:room_1 1.5s ease-in-out;-webkit-animation:room_1 1.5s ease-in-out;-o-animation:room_1 1.5s ease-in-out}
@keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0}
66%{transform:rotate(0) scale(.5);opacity:1}
100%{transform:rotate(0) scale(1)}
}
@-moz-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0}
66%{transform:rotate(0) scale(.5);opacity:1}
100%{transform:rotate(0) scale(1)}
}
@-webkit-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0}
66%{transform:rotate(0) scale(.5);opacity:1}
100%{transform:rotate(0) scale(1)}
}
@-o-keyframes room_1{0%{transform:rotate(720deg) scale(0);opacity:0}
66%{transform:rotate(0) scale(.5);opacity:1}
100%{transform:rotate(0) scale(1)}
}*/
.page_box .content .forest_cot{position:absolute;bottom:15%;width:500px;height:636px;left:50%}
.forest_cot img{width:100%;height:100%}
.show .forest_anim{animation:forest_1 1s ease-in-out;-moz-animation:forest_1 1s ease-in-out;-webkit-animation:forest_1 1s ease-in-out;-o-animation:forest_1 1s ease-in-out}
@keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%}
50%{transform:scale(1);opacity:1;bottom:55%}
100%{bottom:15%}
}
@-moz-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%}
50%{transform:scale(1);opacity:1;bottom:55%}
100%{bottom:15%}
}
@-o-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%}
50%{transform:scale(1);opacity:1;bottom:55%}
100%{bottom:15%}
}
@-webkit-keyframes forest_1{0%{transform:scale(0);opacity:0;bottom:60%}
50%{transform:scale(1);opacity:1;bottom:55%}
100%{bottom:15%}
}