/*
@ add 2020-05-21
@ 启源韩国官网沟通-全速（PC）
*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{background: #fff;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0;list-style: none;}
.clearfix:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}
/* font*/
.fontStyle .font_n{font-family:'nanu';}
@font-face {font-family:'nanu';src:url("../font/NanumMyeongjo-Regular.eot"),url("../font/NanumMyeongjo-Regular.ttf") format('truetype');}
/* content */
.wrapper,.wrapper .page{width: 100%;min-width: 1300px;color:#4b4b52;font-size:14px;}
.wrapper .page{height:1080px;position: relative;overflow: hidden;}
.wrapper .page.p02{height:880px;position: relative;overflow: hidden;}
.p01{background: url(i/bg01.jpg) center top no-repeat;}
.p02{background: url(i/bg02.jpg) center top no-repeat;}
.p03{background: url(i/bg03.jpg) center top no-repeat;}
.p04{background: url(i/bg04.jpg) center top no-repeat;}
.p05{background: url(i/bg05.jpg) center top no-repeat;}
.p06{background: url(i/bg06.jpg) center top no-repeat;}
/* nav_bar */
.nav_bar{width: 5px;height:240px;position: fixed;left:80px;top:50%;margin-top:-120px;z-index: 99;display: none;}
.nav_bar ul{width: 5px;height:240px;background: url(i/line.png) center top repeat-y;}
.nav_bar ul:hover{background-repeat: repeat;}
.nav_bar ul li{height:40px;width:5px;float:left;}
.nav_bar li a{display: block;height:40px;text-indent: -999em;opacity:0;transition:opacity .3s 0s ease-in-out;position: relative;}
.nav_bar a span{position: absolute;text-indent: 0;left:10px;top:50%;height:30px;line-height: 30px;margin-top:-15px;width: 80px;color:#5c5c5c;font-size:18px;font-family:'nanu';}
.nav_bar li a:hover{background: #000;opacity: 1;}
.nav_bar li i{}
.nav_bar .bar_curr{display: block;width:5px;height:40px;background:#9a7329;position: absolute;left:0;top:0;
    transition:all .2s;transform:translateY(0);
}
.nav_bar00 .bar_curr{transform:translateY(0);}
.nav_bar01 .bar_curr{transform:translateY(40px);}
.nav_bar02 .bar_curr{transform:translateY(80px);}
.nav_bar03 .bar_curr{transform:translateY(120px);}
.nav_bar04 .bar_curr{transform:translateY(160px);}
.nav_bar05 .bar_curr{transform:translateY(200px);}

.nav_bar01 li:nth-child(2) a,
.nav_bar03 li:nth-child(4) a,
.nav_bar04 li:nth-child(5) a,
.nav_bar05 li:nth-child(6) a{opacity: 1;}
.nav_bar00 a span,.nav_bar02 a span,.nav_bar05 a span{color:#fff;}

.comm,.right_bar li{background:url(i/comm1.png) no-repeat;display: block;text-indent: -999em;color:#fff;margin:0 auto;}
.comm{overflow: hidden;}
.num_curr,.num_total{width:29px;height:24px;position: absolute;left:50%;margin-left:-15px;}
.nav_bar .num_curr{top:-40px;transition:all .2s;background-position: 0 -110px;}
.nav_bar00 .num_curr{background-position: 0 -110px;}
.nav_bar01 .num_curr{background-position: 0 -134px;}
.nav_bar02 .num_curr{background-position: 0 -158px;}
.nav_bar03 .num_curr{background-position: 0 -182px;}
.nav_bar04 .num_curr{background-position: 0 -206px;}
.nav_bar05 .num_curr{background-position: 0 -230px;}
.num_total{background-position: -30px -158px;bottom:-30px;}
.nav_bar02 .num_total{background-position: -30px -182px;}

.box_order{position: fixed;left:15px;top:50%;height:180px;z-index: 9;margin-top:260px;display: none;}
.btn_ios,.btn_google{width: 176px;height:46px;border:1px solid #676767;margin-bottom:7px;background-color: rgba(0,0,0,.4);transition:all .4s;}
.btn_ios{background-position: 0 0;}
.btn_google{background-position: 0 -58px;}
.btn_ios:hover,.btn_google:hover{background-color:rgba(0,0,0,1);}
.next_page{width: 194px;height:100px;background-position: -358px 0;position: fixed;left:50%;bottom:20px;margin-left:-97px;z-index: 12;}
.next_page.abs{position: absolute;}
.next_page i{width:6px;height:7px;background-position:-178px -58px;position:absolute;left:50%;top:8px;margin-left:-3px;}
.fix.next_page{position: fixed;}
/* right_bar */
.right_bar{width: 100px;height:100%;background: #181818;position: fixed;right:-100px;top:0;z-index: 9;}
.right_bar .next{height:94px;line-height: 94px;text-align: center;font-size:20px;color:#fff;background: #ca9d47;display: block;cursor: pointer;}
.right_bar .next:hover{background:#c89638;}
.right_bar ul{height:340px;width: 30px;position: absolute;bottom:30px;left:50%;margin:0 0 0 -15px;}
.right_bar li{background-position:-178px 60px;height:70px;text-indent: 0;position: relative;}
.right_bar li.last{background: none;}
.right_bar a{width: 30px;height:24px;position: absolute;top:50%;left:0;margin-top:-15px;}
.right_bar .icon01{background-position: -208px 0;}
.right_bar .icon01:hover,.right_bar .show .icon01{background-position: -208px -24px;}
.right_bar .icon02{background-position: -238px 0;}
.right_bar .icon02:hover{background-position: -238px -24px;}
.right_bar .icon03{background-position: -268px 0;}
.right_bar .icon03:hover{background-position: -268px -24px;}
.right_bar .icon04{background-position: -298px 0;}
.right_bar .icon04:hover{background-position: -298px -24px;}
.right_bar .icon05{background-position: -328px 0;}
.right_bar .icon05:hover{background-position: -328px -24px;}
.right_bar .box_share{background:url(i/bg_share.png) no-repeat;width:264px;height:180px;position: absolute;right:40px;top:50%;margin-top:-90px;text-align: center;padding:15px 12px 0 0;display: none;}
.right_bar .box_share h3{font-weight:normal;height:50px;line-height: 50px;color:#cc8e18;font-size:26px;}
.right_bar .icon_twitter,.right_bar .icon_facebook{width: 50px;height:50px;display: inline-block;position: relative;left:auto;top:auto;margin:0 20px;}
.icon_twitter{background-position: -420px -110px;}
.icon_facebook{background-position: -470px -110px;}
.right_bar .box_share input{text-indent:8px;width: 170px;height:24px;line-height: 24px;padding:0;background: #f3f3f4;border:1px solid #aaa;}
.right_bar .box_share .btn_copy{width:58px;height:26px;line-height: 26px;margin-left:4px;background: #ca9d47;color:#fff;position: relative;display: inline-block;}
.right_bar .share_way{padding-top:5px;height:70px;}

/* ad_float */
.ad_float{width: 322px;height:256px;position: fixed;right:70px;bottom:-20px;z-index: 8;}
.ad_float .img{display: block;height:256px;position: relative;}
.ad_float .img .comm{width:136px;height:35px;position:absolute;left:50%;top:180px;margin-left:-68px;background-position: -34px -110px;}
.ad_float .btn_closed_ad{width: 30px;height:30px;background-position: -178px -14px;position: absolute;top:38px;left:15px;z-index: 5;}

/* max-width 1920 */
.nav_bar.w_1920{left:50%;margin-left:-880px;}
.box_order.w_1920{left:50%;margin-left:-945px;}
.right_bar.w_1920{right:50%;margin-right:-960px;}
.ad_float.w_1920{right:50%;margin-right:-890px;}
/* footer */
.footer{background: #fff;padding:30px 0;width:100%;min-width: 1200px;text-align: center;color:#000;font-size:16px;}
.logo_zl{background:url(i/logo_footer.png) no-repeat;width:224px;height:60px;display: inline-block;text-indent: -999em;vertical-align: middle;margin-right:10px;}
.footer .links{padding-top:10px;}
.footer .links a{display: inline-block;padding:0 10px;color:#000;font-size:20px;}
.footer .links a:hover{text-decoration: underline;}
/* p01 */
.page .cover{width: 1920px;height:1080px;position: absolute;left:50%;top:0;margin-left:-960px;background:rgba(0,0,0,.7)}
.p01{overflow: hidden;}
.p01 .box_video{text-align: center;width:1920px;height:1080px;margin:0 auto;}
.p01 .cont{width: 622px;height:640px;position: absolute;left:50%;top:50%;margin:-400px 0 0 -311px;z-index: 8;}
.p01 .sloga,.p01 .logo,.p01 .btn_entra{background: url(i/sloga.png?v=1) no-repeat;text-indent: -999em;}
.p01 .logo{width: 400px;height:240px;background-position: 0 -160px;display: block;margin:0 auto 25px auto;}
.p01 h2.sloga{background-position: center 0;height:40px;margin-top:50px;}
.p01 h1.sloga{background-position: center -40px;height:70px;}
.p01 strong.sloga{background-position: center -110px;height:45px;display: block;}
.p01 .btn_entra{width: 240px;height:60px;border:1px solid #a5855b;background-position:0 -410px;background-color:rgba(0,0,0,.4);line-height: 60px;text-align: center;color:#cea470;display: block;margin:50px auto 0 auto;font-size:20px;letter-spacing: 6px;position: relative;}
.p01 .cont .topbtnwrap{width:100%;height:125px;margin:0 auto;display:-webkit-flex;display:flex;align-items:center;animation: fadeInUp .3s .2s ease-out both;animation-delay: 1.5s;}
.p01 .cont .topbtnwrap a{flex:1;text-align:center;width:240px;}
.p01 .cont .topbtnwrap a:nth-child(2){margin:0 10px;}
.p01 .cont .topbtnwrap a img{width:240px;height:auto;}
.p0_con{width:60%;height:30px;background:#a5855b;display:block;margin:0 auto;text-align:center;color:#fff;font-family: 'nanu';line-height:30px;border-radius:15px;letter-spacing:2px;white-space:nowrap;}
/* p02 */
.p02 .cont{width:1300px;margin:0 auto;position: relative;padding-top:125px;}
.p02 .p_spr{background:url(i/p2_spr.png) no-repeat;}
.p02 .tit{height:54px;background-position: center 0;text-indent: -999em;}
.p02 .form{padding:25px 0 20px 0;width: 598px;margin:0 auto;}
.p02 .form li{padding-bottom:10px;position:relative;}
.p02 .form i{width: 12px;height:12px;border-radius: 100%;display:inline-block;border:2px solid #7c889d;vertical-align: middle;position: relative;}
.p02 .form .type{text-align: center;font-family: Arial;font-size:24px;}
.p02 .xieyi label{cursor: pointer;display: inline-block;}
.p02 .type a{color:#4b4b52;padding:0 60px;}
.p02 .type a:hover,.p02 .type .selected{color:#bb1616;}
.p02 .type a:hover i,.p02 .selected i{border-color:#bb1616;}
.p02 .type a:hover i:after,.p02 .selected i:after{content: '';display:block;width:6px;height:6px;border-radius:100%;background:#bb1616;position: absolute;left:50%;top:50%;margin:-3px 0 0 -3px;}
.p02 .type i{margin-left:10px;}
.p02 .fn_input{width: 595px;height:50px;font-size:16px;background: rgba(14,32,57,.5);border:none;display: block;margin:0 auto;text-align: left;color:#fff; text-indent:80px;}
.p02 input::-webkit-outer-spin-button,.p02 input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
.p02 input::placeholder{color: #d1d4d8;}
.p02 label{vertical-align: middle;line-height: 26px;display: inline-block;width: 496px;}
.p02 label i{margin-right:10px;}
.p02 .count{text-align: center;color:#787878;padding-top:25px;font-size:20px;font-weight:bold;}
.p02 .count .num{color:#c70000;font-size:24px;display: inline-block;padding:0 10px;}
.btn_detail{width: 97px;height:27px;line-height: 26px;text-align: center;background-position: -60px -146px;vertical-align:middle;text-indent:0;display: inline-block;}
.btn_order{width: 234px;height:64px;line-height: 64px;text-indent: 0;background-position: -178px -110px;font-size:20px;text-align: center;}
.p02 .box-prize{text-align: center;background-position: center -56px;height:70px;padding-top:256px;margin-top:85px;position: relative;}
.p02 .load{height:10px;position: absolute;left:50%;top:70px;width:1180px;margin-left:-620px;}
.p02 .load_line,.p02 .loading{height:20px;}
.p02 .load_line{background-position: -36px -382px;}
.p02 .loading{background-position: -36px -404px;width: 0%;}
.p02 .load li{position: absolute;font-weight:bold;font-size:18px;width:234px;top:-32px;}
.p02 .load .t_red{color:#bb1616;}
.p02 .load .li01{left:20px;}
.p02 .load .li02{left:254px;top:32px;}
.p02 .load .li03{left:488px;}
.p02 .load .li04{left:725px;top:32px;}
.p02 .load .li05{left:955px;}
.p02 .list_prize{width: 1180px;padding-right:20px;margin:0 auto;}
.p02 .list_prize li{width: 20%;float:left;}
/* p03 */
.p03 .box_video{width:1920px;height:1080px;margin:0 auto;}
.p03 .p_spr,.p01 .btn_video,.p01 .btn_video i{background: url(i/p3_spr.png) no-repeat;display: block;margin:0 auto;}
.p03 .cont{width:614px;height:180px;position: absolute;left:50%;top:50%;margin:-180px 0 0 -340px;}
.p03 .tit{height:104px;text-indent: -999em;}
.p03 .btn_video,.p01 .btn_video{width: 70px;height:49px;background-position:0 -105px;position: relative;display: block;margin:0 auto;}
.p03 .btn_video i,.p01 .btn_video i{height:49px;background-position: -74px -105px;text-indent: -999em;overflow: hidden;display: block;}
/* p04 */
.p04 .nav_roles{width:70px;position: absolute;left:50%;top:240px;margin-left:-690px;z-index: 8;}
.p04 .nav_roles_wrap{height:492px;}
.p04 .nav_roles a,.p04 .nav_roles i,.p04 .nav_roles_prev,.p04 .nav_roles_next{background: url(i/p4_spr.png?v=1) no-repeat;display: block;text-indent: -999em;}
.p04 .nav_roles a{height:80px;z-index: 3;position: relative;}
.p04 .nav_roles ul{position:relative;}
.p04 .nav_roles li{position: relative;height:80px;width: 70px;padding:1px 0;}
.p04 .nav_roles i{height:60px;position: absolute;z-index: 2;left:56px;top:10px;}
.p04 .avatar01 a{background-position: 0 0;}
.p04 .avatar01 i{background-position: 0 -80px;width: 160px;}
.p04 .avatar02 a{background-position: -70px 0;}
.p04 .avatar02 i{background-position: -210px -80px;width: 132px;}
.p04 .avatar03 a{background-position: -140px 0;}
.p04 .avatar03 i{background-position: 0 -140px;width: 190px;}
.p04 .avatar04 a{background-position: -210px 0;}
.p04 .avatar04 i{background-position: -210px -140px;width: 132px;}
.p04 .avatar05 a{background-position: -280px 0;}
.p04 .avatar05 i{background-position: 0 -200px;width: 130px;}
.p04 .avatar06 a{background-position: -350px 0;}
.p04 .avatar06 i{background-position: -210px -200px;width: 142px;}
.p04 .avatar07 a{background-position: -420px 0;}
.p04 .avatar07 i{background-position: -381px -80px;width: 132px;}
.p04 .avatar08 a{background-position: -490px 0;}
.p04 .avatar08 i{background-position: -381px -140px;width: 132px;}
.p04 .avatar09 a{background-position: -560px 0;}
.p04 .avatar09 i{background-position: -381px -200px;width: 162px;}
.p04 .avatar10 a{background-position: -630px 0;}
.p04 .avatar10 i{background-position: -559px -80px;width: 207px;}
.p04 .nav_roles_prev,.p04 .nav_roles_next{width:36px;height:16px;background-position:-110px -344px;position:absolute;top:-30px;left:17px;-webkit-transition:transform .4s cubic-bezier(0.19,1,0.22,1);transition:transform .4s cubic-bezier(0.19,1,0.22,1);z-index:9;}
.p04 .nav_roles_next{background-position:-141px -344px;top:auto;bottom:-30px;}
.p04 .nav_roles_prev:hover,.p04 .nav_roles_next:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);cursor:pointer;}
.p04 .nav_roles_next:hover{-webkit-transform:translateY(4px);transform:translateY(4px);}
.p04 .nav_roles_prev.disable:hover,.p04 .nav_roles_next:hover.disabe{-webkit-transform:none;transform:none;cursor:default;}
.p04 .nav_roles_prev.disable{background-position:-110px -371px;}
.p04 .nav_roles_next.disable{background-position:-141px -371px;}
.p04 .nav_roles .btn_more{width: 74px;height:34px;background-position: -3px -332px;position:absolute;bottom:-90px;left:0;z-index:9;}
.p04 .btn_more i{height:8px;width:100%;background-position: -3px -388px;position: absolute;bottom:0;top:auto;left:-4px;display: block;
    transition: .5s all linear;
}
.p04 .btn_more:hover i{
    transform: translateX(4px);
}
.p04 .swiper-container{width:1920px;height:1080px;position: absolute;left:50%;top:0;margin-left:-960px;}
.p04 .swiper-slide{position: relative;}
.p04 .roles{width:1140px;left:50%;top:0;margin-left:-700px;position: absolute;height:1080px;}
.p04 .tab_roles01 .roles{background: url(i/p4_roles01.png) no-repeat;}
.p04 .tab_roles02 .roles{background: url(i/p4_roles02.png) no-repeat;}
.p04 .tab_roles03 .roles{background: url(i/p4_roles03.png) no-repeat;}
.p04 .tab_roles04 .roles{background: url(i/p4_roles04.png) no-repeat;}
.p04 .tab_roles05 .roles{background: url(i/p4_roles05.png) no-repeat;}
.p04 .tab_roles06 .roles{background: url(i/p4_roles06.png) no-repeat;}
.p04 .tab_roles07 .roles{background: url(i/p4_roles07.png) no-repeat;}
.p04 .tab_roles08 .roles{background: url(i/p4_roles08.png) no-repeat;}
.p04 .tab_roles09 .roles{background: url(i/p4_roles09.png) no-repeat;}
.p04 .tab_roles10 .roles{background: url(i/p4_roles10.png) no-repeat;}
.p04 .about_txt{width:520px;position: absolute;left:50%;top:150px;margin-left:180px;}
.p04 .about_txt .tit{height:190px;background: url(i/p4_tit.png) no-repeat;display:block;text-indent:-999em;margin:0 -140px;}
.p04 .about_txt .txt{height:132px;padding:20px 0 30px;font-size:0;line-height:132px;text-align:center;width:420px;margin:0 auto;color:#b99050;}
.p04 .about_txt .txt p{font-size:14px;line-height:1.9;display:inline-block;vertical-align:middle;}
.p04 .tab_roles01 .tit{background-position: 0 0;}
.p04 .tab_roles02 .tit{background-position: 0 -194px;}
.p04 .tab_roles03 .tit{background-position: 0 -388px;}
.p04 .tab_roles04 .tit{background-position: 0 -582px;}
.p04 .tab_roles05 .tit{background-position: 0 -776px;}
.p04 .tab_roles06 .tit{background-position: 0 -970px;}
.p04 .tab_roles07 .tit{background-position: 0 -1165px;}
.p04 .tab_roles08 .tit{background-position: 0 -1735px;}
.p04 .tab_roles09 .tit{background-position: 0 -1355px;}
.p04 .tab_roles10 .tit{background-position: 0 -1545px;}
.p04 .video{width: 516px;height:290px;display: block;position: relative;overflow: hidden;background: #000;}
.p04 .btn_voice{width: 44px;height:26px;padding-top:4px;border-radius: 15px;background: rgba(53,58,68,.5);display: block;position: absolute;left:-60px;top:132px;}
.p04 .video img{opacity: .5;}
.p04 .btn_voice i{width:22px;height:20px;background-position: -520px -110px;}
.p04 .video .btn_video{width: 60px;height:60px;background-position: -420px -182px;position: absolute;left:50%;top:50%;margin:-30px 0 0 -30px;z-index: 2;overflow: hidden;border-radius: 100%;}
.p04 .playVoice i{
    background: url(i/playSound.gif?v=1);
}
/* p05 */
.p05 .cont{position: relative;height:1080px;}
.p05 .roles{width:672px;height:850px;background:url(i/p5_roles.png) no-repeat;position: absolute;left:50%;top:50%;margin:-466px 0 0 -725px;}
.p05 .box-prize{width:870px;position: absolute;left:50%;top:50%;margin:-390px 0 0 -150px;}
.p05 .tit{background: url(i/p5_spr.png) center top no-repeat;height:98px;text-indent: -999em;}
.p05 .box-prize ul{background: url(i/p5_bg_prize.png) center top no-repeat;height:380px;padding-top:42px;padding-left:352px;position: relative;}
.p05 .box-prize li{overflow:hidden;width: 238px;float:left;text-align: center;font-size:18px;height:177px;position: relative;}
.p05 .box-prize li p{position: absolute;width:100%;top:118px;}
.p05 .box-prize .first{width:294px;height:320px;position: absolute;left:42px;top:46px;}
.p05 .box-prize li.first p{top:275px;}
.btn_go{width: 322px;height:80px;background-position: -60px -182px;text-indent: 0;font-size:30px;line-height: 80px;color:#fff1da;text-align: center;}
/* p06 */
.p06 .p_spr{margin-top:25px;background: url(i/p6_spr.png) center top no-repeat;background-size:560px auto;width:560px;height:40px;text-indent: -999em;position: relative;}
.p06 .roll01 .p_spr{background-position: 0 0;}
.p06 .roll02 .p_spr{background-position: 0 -40px;}
.p06 .roll03 .p_spr{background-position: 0 -80px;}
.p06 .roll04 .p_spr{background-position: 0 -120px;}
.p06 .roll05 .p_spr{background-position: 0 -160px;}
.p06 .cont{position: absolute;z-index: 5;height:360px;width:1920px;left:50%;top:50%;margin:-250px 0 0 -960px;}
.p06 .box_video{width: 636px;height:360px;background: #000;position: absolute;left:50%;top:0;margin-left:-600px;overflow: hidden;
    opacity: 0;opacity: 1\9;transition: .5s all linear;transform: scale(.4) translateX(-800px);
}
.p06 .box_video img{opacity: .5;height:360px;width:100%;}
.p06 .swiper-slide-active .box_video{
    transform: scale(1) translateX(0);
    opacity: 1;
}
.p06 .btn_videoplay{width: 60px;height:60px;background-color:rgba(255,255,255,.4);background-position: -238px -48px;position: absolute;left:50%;top:50%;margin:-30px 0 0 -30px;border-radius: 100%;z-index: 2;}
.p06 .about{color:#a9a8a7;font-size:16px;height:350px;overflow:hidden;position: absolute;left:50%;top:0;margin-left:55px;
    width: 0;opacity:0;opacity:1\9;transition: .5s .2s all linear;
}
.p06 .swiper-slide-active .about{
    opacity: 1;
    width:560px;
}
.p06 .about .txt{padding-top:15px;width:500px;}
.p06 .handle{z-index: 5;width:450px;position:absolute;left:50%;margin-left:110px;top:280px;text-align: center;}
.p06 .arrow-left,.p06 .arrow-right{font-size:18px;display:inline-block;margin:0 3px;width:150px;height:50px;background: #2c2c2c;text-align: center;line-height: 50px;color:#fff;}
.p06 .arrow-left,.p06 .arrow-right{transition: .2s all linear;}
.p06 .arrow-left:hover,.p06 .arrow-right:hover{background: #ca9d47;}
.p06 .swiper-container {height: 365px;width:1920px;}
.p06 .swiper-slide{position: relative;}
.p06 .pagination{display: none;}
.p06 .swiper-nav {background: url(i/line.png) repeat;width:450px;height:2px;position: absolute;left: 50%;margin-left:112px;text-align: center;top:250px;z-index: 5;}
.p06 .swiper-nav a {position: relative;margin-top:-1px;display: inline-block;float:left;width: 90px;height: 4px;color:#fff;cursor: pointer;}
.p06 .swiper-nav i{position: absolute;width: 100%;height:30px;line-height: 30px;left:0;top:-30px;text-align: center;}
.p06 .swiper-nav a:hover{background: url(i/line.png) repeat;}
.p06 .line_curr{width: 90px;height: 4px;position: absolute;left:0;top:-1px;background: #fff;
    transition:all .2s;transform:translateX(0);
}
.p06 .swiper-nav00 .line_curr{transform:translateX(0);}
.p06 .swiper-nav01 .line_curr{transform:translateX(90px);}
.p06 .swiper-nav02 .line_curr{transform:translateX(180px);}
.p06 .swiper-nav03 .line_curr{transform:translateX(270px);}
.p06 .swiper-nav04 .line_curr{transform:translateX(360px);}
/* pop */
.pop{width: 704px;padding:10px 25px;border:4px solid #b99050;background:#fefefe url(i/bg_pop.jpg) center bottom repeat-x;position: relative;font-size:16px;color:#000;font-family:'nanu';display: none;}
.btn_closed{width: 30px;height:30px;background-position: -208px -58px;position: absolute;top:-4px;right:-40px; }
.btn_closed,.btn_closed_ad{transition: 0.5s all linear;}
.btn_closed:hover,.btn_closed_ad:hover{
    transform: rotate(180deg);
}
.pop_xieyi p{padding:15px 0;}
.pop_xieyi a{text-decoration: underline;color:#000;}
.pop_xieyi a:hover{color:#c70000;}
.pop_video,.pop_video video{width: 1000px;height:564px;}
.pop_video{padding:0;background:#000;}
.pop_yanzheng p{font-size:32px;text-align: center;color:#4b4b52;font-weight:bold;padding:10px 0;display: none;}
/* animation */
.next_page{
    animation:translateH 1.5s .2s linear infinite
}
@keyframes translateH{
    0%{margin-bottom:0}
    50%{margin-bottom:20px}
    100%{margin-bottom:0}
}
.right_bar .icon_twitter,.right_bar .icon_facebook,.btn_copy,.btn_entra,
.p03 .btn_video, .p01 .btn_video,
.p05 .box-prize img,.btn_go,.btn_order,
.p06 .box_video img,.p06 .box_video .btn_videoplay,
.p04 .nav_roles a,.p04 .video img,.p04 .video .btn_video,.btn_detail{
    transition:all .4s;
}
.p03 .btn_video i, .p01 .btn_video i{
    animation: videoPlay .4s linear infinite alternate;
}
@keyframes videoPlay {
    0%{transform: scale(1);}
    100%{transform: scale(1.1);}
}
.icon_twitter:hover,.icon_facebook:hover,.btn_copy:hover,.btn_entra:hover,
.btn_go:hover,.btn_order:hover,
.p04 .nav_roles a:hover,.btn_detail:hover{
    filter: brightness(1.2);
}
.btn_go:hover,.btn_order:hover{transform: translateY(-5px)}
.p03 .btn_video:hover i, .p01 .btn_video:hover i{
    transform: scale(1.2);
}
.p05 .box-prize li:hover img,.p06 .box_video:hover img,.p04 .video:hover img{
    transform: scale(1.1);
}
.p06 .box_video:hover .btn_videoplay,.p04 .video:hover .btn_video{
    transform: scale(.95);
    background-color: rgba(255,255,255,.2);
}
.p04 .video:hover .btn_video{
    background-color: rgba(255,255,255,0);
}
.btn_entra:hover{background-color: rgba(0,0,0,.7)}
.p04 .swiper-slide .roles,.p04 li i{opacity: 0;opacity: 1\9;}
.p04 li i{
    transform-origin: center bottom;
    transition:all .4s;
    transform: translateX(-60px);
}
.p04 .nav_roles .curr i{
    opacity: 1;
    transform: translateX(0);
}
.p04 .swiper-slide-active .roles {
    animation:roles .5s 0s ease both;
}
@keyframes roles{
    0%{opacity:0;transform:translateX(250px) scale(.5);}
    100%{opacity:1;transform:translateX(0) scale(1);}
}
.btn_border:after{content: '';box-sizing: border-box;width:100%;height:100%;position: absolute;left:0;top:0;}
.btn_border:after{transition:all .2s;}
.btn_border:hover:after{border: 2px solid #a5855b;}

.logo,.sloga,.p01 .btn_video,.p03 .btn_video,
.p02 .tit,.p02 .form,.p02 .btn_order,.p02 .count,.p02 .box-prize,
.p03 .tit,.p05 .tit,.p05 ul,.p05 .btn_go,.p04 .about_txt,
.p04 .nav_roles,.p04 .swiper-container{
    opacity: 0;opacity: 1\9;
}

.animate .logo,.animate .sloga,.p01.animate .btn_video,.p03.animate .btn_video,
.p02.animate .tit,.p02.animate .form,.p02.animate .btn_order,.p02.animate .count,.p02.animate .box-prize,
.p03.animate .tit,.p05.animate .tit,.p05.animate ul,.p05.animate .btn_go{
    animation: fadeInUp .3s .2s ease-out both;
}
.p05.animate .roles,.p04.animate .nav_roles{
    animation: fadeInLeft .3s .2s ease-out both;
}
.p04 .swiper-slide-active .about_txt,.p04.animate .swiper-container{
    animation: fadeIn .3s .3s ease-out both;
}
.p01.animate .btn_video,.p02.animate .form,
.p05.animate .roles,.p05.animate .tit{
    animation-delay: .3s;
}
.p01.animate h2.sloga,.p02.animate .btn_order,.p03.animate .tit,
.p05.animate ul,.p04.animate .nav_roles{
    animation-delay: .5s;
}
.p01.animate h1.sloga,.p02.animate .count,.p03.animate .btn_video,.p05.animate .btn_go{
    animation-delay: .7s;
}
.p01.animate strong.sloga,.p02.animate .box-prize{
    animation-delay: .9s;
}
.p01.animate .btn_entra{
    animation-delay: 1s;
}

@keyframes fadeInDown{
    0%{opacity:0;transform:translateY(-50px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(50px)}
    100%{opacity:1;transform:translateY(0)}
}
@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(50px)}
    100%{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

.sjqz{position:absolute;left:0;top:0;font-size:16px;height:50px;line-height:56px;left:30px;color:#fff;z-index:0;}

.p2_tit{width:152px;height:74px;float:right;margin-bottom:20px;margin-right:-150px;}
.p2_tit img{width:152px;height:auto;display:block;}
.newswrap{width:1270px;height:474px;background:url(i/news_bg.png) no-repeat;background-size:100% auto;float:right;;margin:120px -150px 0 0;}
.news{float:right; width:700px; height:450px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;overflow:auto;margin:20px 40px 0 0;}
.news>div{padding:0 0px;height:65px; }
.news_nav{height:47px;padding:18px 0px 0 0px; font:16px/30px "nanu"; text-align: center;}
.news_nav dt{float:right;width: 67px;height: 24px;background-color: #0e2039;border-radius: 11px;opacity: 0.5;line-height: 24px;margin-top:10px;}
.news_nav dt a{color: #f5f5f5;position:relative;}
.news_nav dt a img{position:absolute; right:-20px; top:3px;}
.news_nav dd{float:left;width:124px; height:41px;margin-right:14px;}
.news_nav dd .newsBtn{display:none;}
.news_nav dd a{display:block;width:100%; height:100%;border: solid 1px rgba(192, 157, 111, 0.42);color: #c09d6f;line-height:41px;font-size:24px;}
.news_nav dd a.on{background-color: #c09d6f;color: #f2f2f2;}
.list{padding:0 0px; font:12px/37px "nanu"; display: none;}
.list li{height:72px;border-bottom:dashed 1px #525252;line-height:72px;}
.list li a{display: inline-block; width:75%; height:72px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 20px;color: #181818;line-height:85px;}
.list li span{float:right;height:36px;font-size: 20px;color: #808080;}

.p2_lb{width:710px;height:445px;position:absolute;left:-40px;top:0px;}
.p2_lb .swiper-container{width:100%;height:100%;position:absolute;left:0;top:0;}
/* .p2_lb .swiper-container .swiper-slide img{width:100%;height:auto;border:1px solid #b2b2b2;box-sizing:border-box;} */
.p2_lb .swiper-container .swiper-slide{width:100%;border:1px solid #b2b2b2;box-sizing:border-box;}
.p2_lb .swiper-container .swiper-slide a{width:100%;height:100%;display:block;}
.p2_lb .swiper-container .swiper-slide img{width:100%;height:100%;}
.p2_swiper-pagination{width:100%;height:30px;line-height:30px;position:absolute;left:0;bottom:-30px;}
.p2_swiper-pagination .swiper-pagination-switch{width: 75px;height: 4px;background:url(i/lb_icon.png) no-repeat;background-size:100% auto;border-radius:0;margin:0 5px;opacity:1;display:inline-block;}
.p2_swiper-pagination .swiper-active-switch{background:url(i/lb_icon_on.png) no-repeat;background-size:100% auto;border-radius:0;display:inline-block;}