@charset "UTF-8";
html{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif,Arial,"tahoma"; font-size:12px;}
body{padding:0; margin:0 auto; min-width:1200px; max-width:1920px; overflow-x:hidden;}
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,p,img,select,input{padding:0; margin:0;}
ul,li{list-style:none;}
input,textarea:focus{outline:none;}
a{color:#999; text-decoration:none; transition:color 0.3s linear;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:""; display:block; clear:both; height:0;}.clearfix{*zoom:1;}
.blank5{clear:both; height:5px; overflow:hidden;}
.blank10{clear:both; height:10px; overflow:hidden;}
.blank15{clear:both; height:15px; overflow:hidden;}
.blank20{clear:both; height:20px; overflow:hidden;}
a{color:#999; text-decoration:none; transition:color 0.3s linear;}
.f14{font-size:14px;}
.p5{padding:5px;}.pt5{padding-top:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}.pr5{padding-right:5px;}
.p10{padding:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}
.p15{padding:15px;}.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.p20{padding:20px;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}
.p30{padding:30px;}.pt30{padding-top:30px;}.pb30{padding-bottom:30px;}.pl30{padding-left:30px;}.pr30{padding-right:30px;}
.p40{padding:40px;}.pt40{padding-top:40px;}.pb40{padding-bottom:40px;}.pl40{padding-left:40px;}.pr40{padding-right:40px;}
.p50{padding:50px;}.pt50{padding-top:50px;}.pb50{padding-bottom:50px;}.pl50{padding-left:50px;}.pr50{padding-right:50px;}
.m5{margin:5px;}.mt5{margin-top:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}
.mb8{margin-bottom:8px;}
.m10{margin:10px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.m15{margin:15px;}.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.m20{margin:20px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.m40{margin:40px;}.mt40{margin-top:40px;}.mb40{margin-bottom:40px;}.ml40{margin-left:40px;}.mr40{margin-right:40px;}
.pr120{padding-right:120px;}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}

ul:after{content:""; display:block; clear:both; height:0;}
.m1200{width:1200px; margin:0 auto; position:relative;}
.m1200:after{content:""; display:block; clear:both; height:0;}
.m-bg{position:relative;}
.m-bg2{position:relative; background:#fff url(../images/bg_04.jpg) no-repeat center top;}
.pqimg{background-image:url(../images/pqimg.png);}
.inside-banner{height:650px;}
.inner-box{ min-height:650px; padding-bottom:100px;}

.floor-nav-box{display:none;}
.top-box{position:absolute; width:100%; left:0; top:0; z-index:111;}
.top-box .logo-link{width:316px; height:90px; background:url(../images/logo.png) no-repeat; position:absolute; left:50%; margin-left:-600px; top:10px;}
.top-box .nav{float:right; padding:20px 0px 0 0;}
.top-box .nav li{float:left; position:relative; width:109px; height:30px; margin-right:36px;}
.top-box .nav li:before{content:''; width:14px; height:14px; background:url(../images/pqimg.png) -209px -186px; position:absolute; top:0; bottom:0; left:-25px; margin:auto;}
.top-box .nav .li-1:before{display:none;}
.top-box .nav li:hover,.top-box .nav li.on{ background:url(../images/pqimg.png) no-repeat -291px -155px;}
.top-box .nav li a{width:109px; height:30px; display:block; font-size:0; color:transparent; background:url(../images/pqimg.png) no-repeat -291px 0;}
.top-box .nav .li-2 a{background-position-y:-31px;}
.top-box .nav .li-3 a{background-position-y:-62px;}
.top-box .nav .li-4 a{background-position-y:-93px;}
.top-box .nav .li-5 a{background-position-y:-124px;}
.top-box .nav li:hover a,.top-box .nav li.on a{background-position-x:-181px;}

.banner{background:url(../images/bg_01.jpg) no-repeat center top; height:960px;}
.part{background-repeat:no-repeat; background-position:center top; overflow:hidden; position:relative; box-sizing:border-box;}
.part-1{height:682px; background-image:url(../images/bg_02.jpg);}

.scan-box{box-sizing:border-box; position:absolute; top:769px; left:393px; z-index:111; font-size:0; letter-spacing:-5px;}
.scan-box>*{display:inline-block; letter-spacing:normal; vertical-align:top;}
.scan-box .code{width:120px; height:120px; padding:4px; box-sizing:border-box; position:relative; overflow:hidden; margin:0 auto;}
.scan-box .code img{width:100%; height:100%;}
.scan-box p{display:none;}
.scan-box .code i{width:100%; height:10px; display:block; background:url(../images/code_line.png) no-repeat; position:absolute; top:0; left:0; animation:anim1 2s infinite;}
.scan-box .btn-box{width:180px; padding:0 0 0 10px;}
.scan-box .btn-box a{width:180px; height:56px; transition:0.3s; position:relative; display:block; background:url(../images/pqimg.png) no-repeat}
.scan-box .btn-box a:after{position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/pqimg.png) no-repeat;}
.scan-box .btn-box .android,.scan-box .btn-box .android_no,.scan-box .btn-box .android:after,.scan-box .btn-box .android_no:after{background-position:0 0;}
.scan-box .btn-box .ios,.scan-box .btn-box .ios_no,.scan-box .btn-box .ios:after,.scan-box .btn-box .ios_no:after{background-position:0 -57px;}
.scan-box .btn-box .ios,.scan-box .btn-box .ios_no{margin-top:7px;}
.scan-box .btn-box .android_no,.scan-box .btn-box .ios_no{cursor:default;}
.scan-box .btn-box a:hover:after{animation:anim4 0.6s ease-in-out;}

.scan-box .gift{width:126px; height:125px; background-position:0 -204px; animation: anim2 3s ease-in-out infinite; position:relative; left:10px; top:-6px;}
.scan-box .gift:after{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:url(../images/pqimg.png) no-repeat 0 -204px; opacity:0;}
.scan-box .gift:hover:after{animation:anim4 0.6s ease-in-out;}

.part-1 .m1200{padding-top:217px;}
.slide-box-1{position:relative; overflow:hidden; width:644px; height:341px; float:left; z-index:3; box-sizing:border-box;}
.slide-box-1 .slide-img{position:relative;}
.slide-box-1 .slide-img a{display:block; text-align:center;}
.slide-box-1 .slide-num{width:100%; box-sizing:border-box; padding-right:8px; position:absolute; left:0; bottom:12px; text-align:right; font-size:0; letter-spacing:-5px;}
.slide-box-1 .slide-num li{width:21px; height:11px; display:inline-block; border-radius:11px; background:#fff; transition:0.3s; margin:0 4px;}
.slide-box-1 .slide-num li.on{width:49px; background:#fadf94;}
.slide-box-1 .prev,.slide-box-1 .next{display:none;}
.slide-box-1:hover .prev{left:7px;}
.slide-box-1:hover .next{right:7px;}

.news-box{width:556px; height:341px; padding:30px 27px 0; background:#fff; float:right; box-sizing:border-box; position:relative; z-index:3;}
.news-box:before{content:''; width:544px; height:326px; box-sizing:border-box; border:1px solid #bd9c5d; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; pointer-events:none;}
.news-box .tab-num{border-bottom:1px solid #ccc8c4;}
.news-box .tab-num ul{font-size:0; letter-spacing:-5px;}
.news-box .tab-num li{display:inline-block; letter-spacing:normal; margin:0 25px;}
.news-box .tab-num li a{color:#56483b; font-size:20px; display:block; line-height:1em; position:relative; padding:0 5px 20px;}
.news-box .tab-num li.on a{color:#ad2710;}
.news-box .tab-num li a:before,.news-box .tab-num li a:after{content:''; position:absolute; left:0; right:0; margin:auto; transition:0.3s;}
.news-box .tab-num li a:before{width:0; height:3px; background:#ad2710; bottom:-1px;}
.news-box .tab-num li a:after{width:0; height:0; border-width:0; border-style:solid; border-color:transparent transparent #ad2710 transparent; bottom:0;}
.news-box .tab-num li.on a:before{width:100%;}
.news-box .tab-num li.on a:after{border-width:6px 6px;}
.news-box .tab-num .more{font-size:0; color:transparent; width:27px; height:27px; background:url(../images/pqimg.png) no-repeat -181px -186px; position:absolute; right:40px; top:26px;}

.news-box .tab-con{box-sizing:border-box; overflow:hidden; padding:10px 0 0;}
.news-box .tab-con li{padding:15px 0; position:relative;}
.news-box .tab-con li:nth-of-type(n+6){display:none;}
.news-box .tab-con li>*{vertical-align:top; color:#56483b; font-size:16px; transition:0.3s;}
.news-box .tab-con li a{max-width:300px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news-box .tab-con li .time{float:right;}
.news-box .tab-con li:hover a,.news-box .tab-con li:hover .type,.news-box .tab-con li:hover .time{color:#ad2710;}


.part-2 .m1200{height:100%; box-sizing:border-box; padding-top:20px;}
.carousel{position:relative; z-index:2; height:100%; transform-style:preserve-3d;perspective:2200px;}
.carousel .carousel-img li{position:absolute; left:50%; top:50%; width:362px; height:603px; margin-left:-181px; margin-top:-301.5px; transition:all 0.5s ease-in-out; overflow:hidden;}
.carousel .carousel-img li:after{content:''; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; opacity:1; transition:0.3s;}
.carousel .carousel-img li.on:after{opacity:0;}
.carousel .carousel-img li img{width:100%; height:100%;}
.carousel .prev,.carousel .next{width:37px; height:60px; background:url(../images/pqimg.png) no-repeat 0 -339px; position:absolute; top:50%; margin-top:-30px; cursor:pointer;}
.carousel .prev{left:0px;}
.carousel .next{right:0px; background-position-x:-38px;}
.carousel .carousel-num{width:100%; text-align:center; position:absolute; bottom:120px; left:0;}
.carousel .carousel-num ul{font-size:0; letter-spacing:-5px;}
.carousel .carousel-num li{width:16px; height:16px; background:#cacaca; border-radius:16px; display:inline-block; margin:0 5px; cursor:pointer; transition:0.3s;}
.carousel .carousel-num li.on{width:60px; background:#d6af64;}

.max-part{width:100%; box-sizing:border-box; position:relative; border-right:1px solid #f1f1f1;}
.max-part .inner-box{position:relative;}
.min-part{position:absolute; right:-170px; top:20px; z-index:22; width:160px;}
.inside_content{width:1200px; margin:0 auto; box-sizing:border-box;}
.inside_content .m1200{width:100%;}
.inside_content>.m1200:after{content:''; width:1920px; height:1px; background:#f1f1f1; position:absolute; left:50%; margin-left:-960px; bottom:0;}
.m-bg2>.m1200{box-sizing:border-box;}

.inside_tit{position:relative; padding:7px 0 40px;}
.inside_tit h2{font-size:0; color:transparent; width:1000px; height:60px; background:url(../images/inside_tit.png) no-repeat 0 0; margin:0 auto;}
.inside_tit.tit-2 h2{background-position-y:-60px;}
.inside_tit.tit-3 h2{background-position-y:-120px;}
.inside_tit.tit-4 h2{background-position-y:-180px;}
.inside_tit.tit-5 h2{background-position-y:-240px;}
.inside_tit p{display:none;}
.location{position:absolute; right:0; bottom:6px;}
.location,.location a{font-size:12px; color:#999; line-height:1em;}
.location a:hover{color:#dec489;}
.location .arrow{font-family:"宋体"; color:#999; padding:0 5px;}

.inside_scan_box .code{width:140px; height:140px; border:1px solid #958769; padding:2px; background:#fff; box-sizing:border-box; position:relative; overflow:hidden; margin:0 auto;}
.inside_scan_box .code img{width:100%; height:100%;}
.inside_scan_box p{font-size:16px; color:#333333; text-align:center; padding-top:8px;}
.inside_scan_box .code i{width:100%; height:10px; display:block; background:url(../images/code_line.png) no-repeat; position:absolute; top:0; left:0; animation:anim1 2s infinite;}
.inside_scan_box .btn_box{width:140px; padding-top:12px; margin:0 auto;}
.inside_scan_box .btn_box a{width:140px; height:44px; transition:0.3s; position:relative; display:block; background:url(../images/pqimg.png) no-repeat;}
.inside_scan_box .btn_box a:after{position:absolute; content:''; width:100%; height:100%; left:0; right:0; top:0; bottom:0; margin:auto; background:url(../images/pqimg.png) no-repeat;}

.inside_scan_box .btn_box .android,.inside_scan_box .btn_box .android_no,.inside_scan_box .btn_box .android:after,.inside_scan_box .btn_box .android_no:after{background-position:0 -114px;}
.inside_scan_box .btn_box .ios,.inside_scan_box .btn_box .ios_no,.inside_scan_box .btn_box .ios:after,.inside_scan_box .btn_box .ios_no:after{background-position:0 -159px;}
.inside_scan_box .btn_box .ios,.inside_scan_box .btn_box .ios_no{margin-top:12px;}
.inside_scan_box .btn_box .android_no,.inside_scan_box .btn_box .ios_no{cursor:default;}
.inside_scan_box .btn_box a:hover:after{animation:anim4 0.6s ease-in-out;}

.inside_scan_box .gift{width:126px; height:125px; display:block; margin:15px auto 0; background-position:0 -204px; animation: anim2 3s ease-in-out infinite; position:relative; left:5px;}
.inside_scan_box .gift:after{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:url(../images/pqimg.png) no-repeat 0 -204px; opacity:0;}
.inside_scan_box .gift:hover:after{animation:anim4 0.6s ease-in-out;}

.show_tab{position:relative; padding:24px 0 36px;}
.show_tab ul{display:block; text-align:center;}
.show_tab li{display:inline-block; margin:0 50px; position:relative;}
.show_tab li a{display:block; font-size:24px; line-height:1em; color:#090909; transition:0s; position:relative; transition:0s;}
.show_tab li a:after{content:''; width:126px; height:11px; background:url(../images/pqimg.png) no-repeat 0 -330px; position:absolute; left:50%; bottom:-36px; margin-left:-63px; display:none; z-index:11;}

.show_tab li a:hover,.show_tab li a.on{color:#dec489;}
.show_tab li a:hover:after,.show_tab li a.on:after{display:block;}

.m_text{font-size:16px; color:#4c4c4c; line-height:35px; padding:0 50px;}
.m_text img{max-width:80%; display:table; margin:10px auto;}
.news_list{ box-sizing: border-box; /* border:1px solid #dcdcdc; */}
.news_list li{position:relative; transition:0.3s; padding:36px 50px;}
.news_list li:after{content:''; width:1920px; height:1px; background:#f1f1f1; position: absolute; bottom:0; right:0;}
/* .news_list li:before{background:#020d1d; width:1920px; height:100%; content:''; top:0; left:50%; margin-left:-1074px; position:absolute; opacity:0; transition:0.3s;}
.news_list li:hover:before{opacity:1;} */
.news_list li>*{display:inline-block; vertical-align:middle; z-index:3; position:relative;}
.news_list li a{font-size:18px;color:#666;line-height:34px;max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:0.3s;}
.news_list li .time{font-size:18px; color:#999999; line-height:34px; float:right; transition:0.3s;}
.news_list li .type{font-size:18px; color:#fff; line-height:34px; position:relative; background:#cccccc; padding:0 8px 0 10px; margin-right:18px;}
.news_list li .type:after{content:''; width:0; height:0; border-style:solid; border-width:17px 12px; border-color:transparent transparent transparent #ccc; position:absolute; top:0; right:-24px;}
.news_list li:hover a{transform:translateX(10px); color:#dec489;}
.news_list li:hover .type{background:#dec489;}
.news_list li:hover .type:after{border-left-color:#dec489;}

.gift-list{box-sizing: border-box;}
.gift-list li{padding:40px 3.3%; position:relative;}
.gift-list li:after{content:''; width:1920px; height:1px; background:#f1f1f1; position: absolute; bottom:0; right:0;}
.gift-list li> div{display:inline-block; vertical-align:middle; position:relative; z-index:11;}
.gift-list li .text{width:280px;}
.gift-list li .text>div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gift-list li .text .name{font-size:24px; font-weight:bold; color:#000000; line-height:1.4em;}
.gift-list li .text .intr{font-size:12px; color:#999999; line-height:1.4em; padding-top:10px;}
.gift-list li .progress-bar-box{height:20px; width:314px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.gift-list li .progress-bar-box>div{display:inline-block; vertical-align:middle;}
.gift-list li .progress-bar-box .progress-bar{width:266px; height:8px; background:#dbdbdb; box-sizing:border-box; overflow:hidden; position:relative; border-radius:8px;}
.gift-list li .progress-bar-box .progress-bar span{position:absolute; width:100%; height:100%; top:0; left:0; background:#dec489; box-sizing:border-box;}
.gift-list li .progress-bar-box .number{font-size:16px; color:#333333; padding-left:6px;}
.gift-list li .get-btn,.gift-list li .get-btn.active{width:116px; height:36px; line-height:36px; text-align:center; background:#dcbf7f; position:absolute; top:0; bottom:0; right:60px; margin:auto; box-sizing:border-box;cursor:pointer; font-size:18px; color:#ffffff;}
.gift-list li .get-btn.active{background:#cccccc;}

.detit{border-bottom:1px solid #ededed; text-align:center; margin-bottom:20px;}
.detit h1{font-size:26px; font-family:"微软雅黑"; font-weight:normal; color:#dec489; line-height:30px; padding:20px 0 20px;}
.detit p{display:block; font-size:14px; color:#999999; padding-bottom:20px;}
.page_updown{border-top:1px solid #ededed; font-size:14px; color:#666; line-height:45px; padding:0 20px; margin-top:30px;}
.page_updown a{display:inline-block; color:#999;}
.page_updown a:hover{color:#dec489;}

.page{text-align:center; line-height:0; font-size:0; letter-spacing:-5px; position:relative; z-index:3; width:100%; margin:70px auto 0;}
.page>*{letter-spacing:normal;}
.page a, .page span{display:inline-block; letter-spacing:normal; padding:0 10px; height:30px; text-align:center; line-height:28px; box-sizing:border-box; font-size:14px; color:#cccccc; border:1px solid #cccccc; margin-left:8px; transition:0s; margin-bottom:6px;}
.page a:hover,.page a.on,.page span{border-color:#dec489; background:#dec489; color:#fff;}
.page .dot{background:rgba(0, 0, 0, 0); border:medium none;}
.page b{font-weight:normal;}

/* 滚动动画 */
.part .animate-left{transition:all 0.8s ease-out; transform:translate(-50px,0); opacity:0;}
.part .animate-right{transition:all 0.8s ease-out; transform:translate(50px,0); opacity:0;}
.part .animate-bottom{transition:all 0.8s ease-out; transform:translate(0,100px); opacity:0;}
.part.active .animate-left,.part.active .animate-right,.part.active .animate-bottom{transform:translate(0,0); opacity:1;}
.part .delay-100{transition-delay:0.1s;}
.part .delay-200{transition-delay:0.2s;}
.part .delay-300{transition-delay:0.3s;}
.part .delay-400{transition-delay:0.4s;}
.part .delay-500{transition-delay:0.5s;}

.part .fadeInLeft{animation:fadeInLeft 0.6s ease-in-out;}
.part .fadeInRight{animation:fadeInRight 0.6s ease-in-out;}
@keyframes fadeInLeft
{
    from{transform:translate(-200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes fadeInLeft
{
    from{transform:translate(-200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@keyframes fadeInRight
{
    from{transform:translate(200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@-webkit-keyframes fadeInRight
{
    from{transform:translate(200px,0); opacity:0.2;}
    to{transform:translate(0,0); opacity:1;}
}
@keyframes anim4
{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}
@-webkit-keyframes anim4
{
    from{transform:scale(1,1); opacity:0.5;}
    to{transform:scale(1.8,1.8); opacity:0;}
}
@keyframes anim1
{
    from{top:10px;}
    to{top:100%;}
}
@-webkit-keyframes anim1
{
    from{top:10px;}
    to{top:100%;}
}
@keyframes anim2
{
0%,100%{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@-webkit-keyframes anim2
{
0%,100%{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-moz-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-webkit-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@-o-keyframes anim3
{
    0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) }
    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) }
    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) }
}
@media screen and (max-width:1600px){
    .inside_content{width:1000px;}
    .m-bg2>.m1200{width:1000px;}
    .page{width:1000px;}
}