@charset "utf-8";
html,body{ width:100%; height:100%; overflow:hidden;}
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; overflow-x:hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0;}
input{ -webkit-appearance: none; border-radius: 0;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}

.wrap{ position:relative; width:640px; height:100%; overflow:hidden;}
.top_bar{ position:fixed; width:640px; height:93px; left:0; top:0; background:url(../images/bar_bg.png); background-size:100% auto; z-index:10;}
.icon_logo{ position:absolute; width:80px; left:26px; top:5px;}
.top_down,.top_main{ position:absolute; width:173px; height:52px; top:18px;}
.top_down{ left:269px; background:url(../images/btn_down.png); background-size:100% auto;}
.top_main{ left:450px; background:url(../images/btn_main.png); background-size:100% auto;}

.main_swiper{ width:100%; height:100%;}
/* 1 */
.s1{ background:url(../images/s1_bg.jpg) center top no-repeat #0e0f11;background-size:100% auto;}
.logo_lianhe{ position:absolute; width:476px; left:81px; top:100px;}
#bgm{ position:absolute; width:62px; height:61px; right:43px; top:169px;background:url(../images/btn_music.png);background-size:100% auto;}
#bgm.pause{background:url(../images/btn_music_off.png);background-size:100% auto;}
.enter_bg{ position:absolute; width:138px; height:481px; left:50%; margin-left:-69px; top:635px;background:url(../images/enter_bg.png);background-size:100% auto;}
.enter_bg .quan{ position:absolute; width:210px; height:210px; left:50%; margin-left:-105px; top:68px;background:url(../images/quan.png);background-size:100% auto; animation:key_zhuan 15s linear infinite; -webkit-animation:key_zhuan 15s linear infinite;}
@keyframes key_zhuan{
	0%{ transform:rotate(0deg)}
	100%{ transform:rotate(360deg)}
}
@-webkit-keyframes key_zhuan{
	0%{ -webkit-transform:rotate(0deg)}
	100%{ -webkit-transform:rotate(360deg)}
}
.btn_enter{position:absolute; width:115px; height:64px; left:50%; margin-left:-57px; top:138px;}
/* 2 */
.s2{ background:url(../images/s2_bg.jpg) center top no-repeat #0e0f11;background-size:100% auto;}
.btn_v{ position:absolute; width:190px; height:190px; left:60px; top:312px;background:url(../images/btn_v.png);background-size:100% auto;}
.s2_txt{ position:absolute; width:322px; height:184px;left:259px; top:312px; font:normal 18px/30px "Microsoft YaHei"; color:#ebd4ae;}
.s2_pic{ position:absolute; width:516px; height:374px; left:61px; top:542px;}
.s2_pic .hd{ position:absolute; width:28px; right:0; top:223px; z-index:2;}
.s2_pic .hd li{ width:28px; height:33px; margin-bottom:3px;font:normal 15px/33px "Microsoft YaHei"; color:#f0cf96;text-align:center;background:url(../images/icon_pic.png);background-size:100% auto;}
.s2_pic .hd li.on{ color:#27130a;background:url(../images/icon_pic_on.png);background-size:100% auto;}
.s2_pic .bd{ width:490px; height:374px; overflow:hidden;}
.s2_pic .bd li,.s2_pic .bd img{width:490px; height:374px;}
.tip_down,.tip_up{ position:absolute; width:107px; height:44px; left:50%; margin-left:-53px; bottom:50px;background:url(../images/tip_down.png);background-size:100% auto; animation:key_tipdown 0.5s linear infinite alternate; -webkit-animation:key_tipdown 0.5s infinite alternate; z-index:10;}
.tip_up{background:url(../images/tip_up.png); background-size:100% auto; }
@keyframes key_tipdown{
	0%{ transform:translate3d(0,0,0)}
	100%{ transform:translate3d(0,10px,0)}
}
@-webkit-keyframes key_tipdown{
	0%{ -webkit-transform:translate3d(0,0,0)}
	100%{ -webkit-transform:translate3d(0,10px,0)}
}
/* 3 */
.s3{ background:url(../images/s3_bg.jpg) center top no-repeat #0e0f11;background-size:100% auto;}
.s3_tab{ position:absolute; width:100%; height:49px; left:0; top:286px; text-align:center;}
.s3_tab span{ display:inline-block; width:142px; height:49px; margin: 0 10px;}
.s3_tab1{ background:url(../images/s3_tab1.png);background-size:100% auto;}
.s3_tab2{ background:url(../images/s3_tab2.png);background-size:100% auto;}
.s3_tab3{ background:url(../images/s3_tab3.png);background-size:100% auto;}
.s3_tab span.on{ background-position:0 -49px;}
.s3_cont{ display:none; position:absolute; width:522px; left:59px; top:371px;}
.s3_cont1_v_wrap{ height:154px; overflow:hidden;}
.s3_v{ float:left; width:203px; height:114px; margin-top:24px; overflow:hidden;}
.s3_v img{ width:100%; height:100%;}
.s3_cont1_v_wrap p{ float:right; width:308px; height:154px;font:normal 18px/30px "Microsoft YaHei"; color:#ebd4ae;}

.pop_v{ display:none; position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); z-index:20;}
.pop_v_cont{ position:absolute; width:100%; height:360px; left:0; top:50%; margin-top:-180px;}
.pop_v_cont video{ width:100%;}

.s3_pic{ position:relative; width:517px; height:394px; padding-top:17px;background:url(../images/s3_pic_bg.png);background-size:100% auto;}
.s3_pic .hd{ position:absolute; width:28px; right:0; top:237px; z-index:2;}
.s3_pic .hd li{ width:28px; height:33px; margin-bottom:3px;font:normal 15px/33px "Microsoft YaHei"; color:#f0cf96;text-align:center;background:url(../images/icon_pic.png);background-size:100% auto;}
.s3_pic .hd li.on{ color:#27130a;background:url(../images/icon_pic_on.png);background-size:100% auto;}
.s3_pic .bd{ width:490px; height:333px;  overflow:hidden;}
.s3_pic .bd li,.s2_pic .bd img{width:490px; height:333px;}
.gushi_t{ display:block; width:97px; margin:20px auto 0;}
.gushi_p{ padding-top:30px;font:normal 18px/34px "Microsoft YaHei"; color:#ebd4ae; text-indent:2em;}
.zhiye_bg{ position:absolute; width:536px; height:591px; left:0; top:18px;background:url(../images/zhiye_bg.png);background-size:100% auto;}
.ren_nv{position:absolute; width:318px; left:249px; top:88px;}
.ren_nan{ display:none;  position:absolute; width:425px; left:153px; top:111px;}
#sex_tab{ position:absolute; width:48px; height:109px; left:436px; top:400px;}
#sex_tab.nv{ background:url(../images/tab_sex.png);background-size:100% auto;}
#sex_tab.nan{ background:url(../images/tab_sex2.png);background-size:100% auto;}
#sex_tab span{ display:block; width:48px; height:54px;}
.zhiye_v{ position:absolute; width:49px; height:49px; left:145px; top:131px;}
.zhiye_info{position:absolute; width:190px; left:73px; top:186px;}
.zhiye_info img{ width:190px;}
/* 4 */
.s4{ background:url(../images/s4_bg.jpg) center top no-repeat #0e0f11;background-size:100% auto;}
.gongyi_p{ position:absolute; width:530px; height:125px; left:55px; top:273px;font:normal 18px/30px "Microsoft YaHei"; color:#ebd4ae; text-indent:2em;}
.gongyi_img{ position:absolute; width:510px; left:55px; top:430px;}
.link_zhuli{ position:absolute; width:240px; height:60px; left:50%; margin-left:-120px; top:818px;background:url(../images/link_zhuli.png);background-size:100% auto;}
/* 5 */
.s5{ background:url(../images/s5_bg.jpg) center top no-repeat #0e0f11;background-size:100% auto;}
.s5_tab{ position:absolute; width:100%; height:49px; left:0; top:302px; text-align:center;}
.s5_tab span{ display:inline-block; width:176px; height:49px; margin: 0 10px;}
.s5_tab1{ background:url(../images/s5_tab1.png);background-size:100% auto;}
.s5_tab2{ background:url(../images/s5_tab2.png);background-size:100% auto;}
.s5_tab3{ background:url(../images/s5_tab3.png);background-size:100% auto;}
.s5_tab span.on{ background-position:0 -49px;}
.s5_cont{ display:none; position:absolute; width:517px; height:430px; left:59px; top:425px;}
.s5_pic1,.s5_pic2{ position:relative; height:430px;}
.s5_pic1 .hd,.s5_pic2 .hd,.s5_pic3 .hd{ position:absolute; width:517px; height:13px; right:0; bottom:0; text-align:center; z-index:2;}
.s5_pic1 .hd li,.s5_pic2 .hd li,.s5_pic3 .hd li{ display:inline-block; width:13px; height:13px; margin:0 7px;background:url(../images/icon_pic5.png);background-size:100% auto; text-indent:-9999px; overflow:hidden;}
.s5_pic1 .hd li.on,.s5_pic2 .hd li.on,.s5_pic3 .hd li.on{ background:url(../images/icon_pic5_on.png);background-size:100% auto;}
.s5_pic1 .bd,.s5_pic2 .bd{ width:483px; height:362px; padding:14px 16px; border:1px solid #e5b97f; overflow:hidden;}
.s5_pic1 .bd li,.s5_pic2 .bd li,.s5_pic1 .bd img,.s5_pic2 .bd img{width:483px; height:362px;}

.s5_pic3{ position:relative; height:330px; margin-top:22px;}
.s5_pic3 .bd{ width:518px; height:290px; overflow:hidden;}
.s5_pic3 .bd li,.s5_pic3 .bd img{ width:518px; height:290px;}