@charset 'utf-8';
/******= Reset =******/
section, article, aside, header, footer, nav, dialog, figure, legend { display: block; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; table-layout: fixed; }
table td { word-break: break-all; }
caption, th { text-align: left; }
ol, ul { list-style: none; }
img { display: block; border: 0; vertical-align: middle; max-width: 100%; height: auto; width: auto\9;/* ie8 */ }
*:focus { outline: 0; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-box-sizing: border-box; box-sizing: border-box }
audio, canvas, video { display: inline-block; *display:inline;
*zoom:1;
}
audio:not([controls]) { display: none; }
[hidden] {display:none;}
.dis_non{ display:none;}
em,i{ font-style:normal;}
/******= Typography =******/
html, body { font-family:"微软雅黑"; width:100%; height: 100%; overflow-x: hidden;}
html { /*font-size: 30px;*/ outline: 0; }
body { color: #767676; background: #ece5d7; -webkit-user-select: none; -webkit-text-size-adjust: none; position: relative; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.clear { clear: both; /*height: 1px;*/ margin-top: -1px; /*overflow: hidden;*/ }
.dis_non{ display:none;}
a,select{ outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
i,em{ font-style:normal;}
select{-webkit-appearance: none;}
::-webkit-input-placeholder{
	color:#fff;	
}
a{ text-decoration:none;}
/******************=横屏提示=******************/
.lock_wrp{position:fixed;width:100%; height:100%;z-index:10001; overflow:hidden; left:0; top:0; background:#eedbc3; color:rgba(255,255,255,.8); }
.lock{position:absolute; left:50%; top:50%; width:400px; height:150px; margin:-150px 0 0 -200px;font-size:26px;color:#fff;line-height:24px; text-align:center;}
.lock i{position:relative; display:block; width:148px; height:220px; background:url(http://appmedia.qq.com/media/SNK2017/images/iphone.png) 0 0 no-repeat; background-size:100%; margin:0 auto; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-animation:iphone 1.6s ease-in infinite; -moz-animation:iphone 1.6s ease-in infinite; -o-animation:iphone 1.6s ease-in infinite; -ms-animation:iphone 1.6s ease-in infinite; animation:iphone 1.6s ease-in infinite;}
@-webkit-keyframes iphone{0%{-webkit-transform:rotate(-90deg);}25%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(0deg);}75%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes iphone{0%{-moz-transform:rotate(-90deg);}25%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(0deg);}75%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes iphone{0%{-o-transform:rotate(-90deg);}25%{-o-transform:rotate(0deg);}50%{-o-transform:rotate(0deg);}75%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(-90deg);}}
@-ms-keyframes iphone{0%{-ms-transform:rotate(-90deg);}25%{-ms-transform:rotate(0deg);}50%{-ms-transform:rotate(0deg);}75%{-ms-transform:rotate(-90deg);}100%{-ms-transform:rotate(-90deg);}}
@keyframes iphone{0%{transform:rotate(-90deg);}25%{transform:rotate(0deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-90deg);}100%{transform:rotate(-90deg);}}

/* portrait */
@media screen and (max-aspect-ratio: 13/9){/*竖屏*/
	.lock_wrp{display:none!important;}
}
/* landscape */
@media screen and (min-aspect-ratio: 13/9){/*横屏*/
	.lock_wrp{display:block!important;}
}
/******= loading =******/
#loading{ display:block;}
.loading_bg { position:fixed; width: 100%; height: 100%; background:#e8d6c0; overflow: hidden; left: 0; top: 0; -webkit-transform-style: preserve-3d; z-index: 12 }
.loading_wrp { position: absolute; width: 707px; height: 500px; overflow: hidden; left: 50%; top: 38%; margin: -5px 0 0 -354px; }
.loading_wrp b { font-weight: normal; position: absolute; display: block; width: 100%; font-size: 36px; line-height: 40px; bottom: 160px; color: #c37132; text-align: center; }
.loading_wrp .loading_img{ width: 707px; height: 461px; margin-left: -20px;}

/***= index =***/
.warp { position: absolute; width:100%; z-index:2;}
.warp .main { width: 100%; height: auto; position: absolute; top: 0; left: 0; padding-top: 990px;}
.main .box{ position: relative; width: 750px; margin: 0 auto}
.main .box_img{ margin: 0 auto 46px;}
.main .btn_link01{ width: 200px; height: 100px; position: absolute; top: 310px; left:70px; display: block;}
.main .btn_link02{ width: 300px; height: 100px; position: absolute; top: 712px; left:224px; display: block;}
.main .btn_link02_2{ width: 180px; height: 100px; position: absolute; top: 665px; left:55px; display: block;}
.main .btn_link03{ width: 280px; height: 100px; position: absolute; top: 700px; left:236px; display: block;}
.main .btn_digital{ width: 630px; height: 380px; position: absolute; top: 690px; left:63px; display: block;}


.main .tab_img{ width: 289px; background-size: 100%; position: absolute; top: 116px; left: 58px;}
.main .btn_tab{ width: 294px; height: 65px; position: absolute; top: 116px; left: 58px;}
.main .tab_02,.main .btn_tab02{ top: 750px;}
.main .btn_detail,.main .btn_detail2{ width: 266px; height: 95px; position: absolute; top: 439px; left: 243px;}
.main .btn_detail2{ top: 282px;}
.main .logo{ width: 356px; height: 30px; margin: 50px auto 0}
.main .tip{ width: 395px; height: 24px; margin: 30px auto}
.main .con_img01{ width: 638px; background-size: 100%; position: absolute; top: 194px; left: 58px;}
.main .con_img02{ width: 638px; background-size: 100%; position: absolute; top: 828px; left: 58px;}
.main .btn_detail3,.main .btn_detail4{ width: 266px; height: 60px; position: absolute; top: 610px; left: 243px;}
.main .btn_detail4{ top: 1157px;}

/***= swiper =***/
.swiper_container1{ width: 630px; height: 183px; margin: 107px 0 0 20px;}
.swiper_container1 .swiper-slide img{ width:630px;display: block; margin: 1px;}
.btn_detail3{ width: 130px; height: 48px; position: absolute; top: 210px; left: 43px; z-index: 10}
.pagination1{ margin:-81px 0 0 478px;}
.swiper_container2{ width: 638px; height: 528px; position: absolute; top: 462px; left: 58px;}
.swiper_container2 .swiper-slide img{ width:638px;display: block; margin: 1px;}
.pagination2{ position: absolute; top: 934px; left: 330px;}
.swiper_container3{ width: 638px; height: 467px; position: absolute; top: 172px; left: 58px;}
.swiper_container3 .swiper-slide img{ width:638px;display: block; margin: 1px;}
.pagination3{ position: absolute; top: 688px; left: 344px;}







.row_name{ margin-left:267px;}
.row_shop .choice{ padding-right:54px; width:196px;}

.wap_bg{ width: 750px; margin: 0 auto}
.wap_bg img{ margin-top:-1px;}











.car_list{ width:715px; background-size:100%; position:absolute; top:5404px; left:17px;}
.qrcode{ width:220px; background-size:100%; position:absolute; top:5694px; left:465px;}


/******= swiper =******/
.swiper-slide {font-size: 18px; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:31px; height:55px; background:url(../images/btn_prev.png) 0 0 no-repeat; background-size:100%; left:0; margin-top:178px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:31px; height:55px; background:url(../images/btn_next.png) 0 0 no-repeat; background-size:100%; right:0; margin-top:178px;}
.swiper-button-prev{ top:0; left:27px; }
.swiper-button-next{ top:0; right:27px;}

.swiper-container .swiper-slide h3{ width: 760px; font-size: 34px; color: #000000; padding: 25px 0 15px 42px; display:block; text-align: left;}
.swiper-container .swiper-slide p{ width: 720px; font-size:28px; color: #585858; display:block; padding-left: 42px;}



.swiper-container-horizontal>.swiper-pagination{ bottom: -40px;}
.swiper-pagination-bullet{display:inline-block;width:14px;height:14px;margin:0 7px;background-color:#d5cbb9;border-radius:10px; opacity: 1;}
.swiper-pagination-bullet-active{background-color: #c29e6c;width: 54px; height: 14px; }

.fadeInUp{-webkit-animation:fadeInUp 0.8s linear forwards;}
.fadeInLeft{-webkit-animation:fadeInUp 0.6s linear forwards;}
.fadeInRight{-webkit-animation:fadeInUp 0.6s 0.8s linear forwards;}
@-webkit-keyframes fadeInUp {  
	0%{opacity: 0; -webkit-transform:translateY(20px)}
	100% {opacity: 1; -webkit-transform:translateY(0px)}
}
@-webkit-keyframes fadeInLeft {  
	0%{opacity: 0; -webkit-transform:translateX(-200px)}
	100% {opacity: 1; -webkit-transform:translateX(0px)}
}
@-webkit-keyframes fadeInRight {  
	0%{opacity: 0; -webkit-transform:translateX(200px)}
	100% {opacity: 1; -webkit-transform:translateX(0px)}
}
.box .link{width: 320px; height: 200px;position: absolute;top: 235px;left: 47px;}
.box .link02{ left: 390px}
.box .link03{ top: 470px; left: 47px}
.box .link04{ top: 470px; left: 390px}

.hide{ display: none;}

/******= dialog =******/
.hopup{ display:none;}
.close_btn{width: 65px; height: 65px; background:url(../images/btn_close.png) 0 0 no-repeat; background-size: 100%; position:absolute; top:358px; left:258px;z-index:3; display:block;}
#j_hopup_tip{ width:556px; height:339px; background:url(../images/dialog_bg.png) 0 0 no-repeat; background-size:100%;}
.error_tip{ width:100%; padding: 150px 80px; font-size:32px; color:#99f7ff;vertical-align:middle;text-align:center;}
#j_hopup_tip2{ width: 744px; height:100%; overflow: auto;}
#j_hopup_tip2 .statement_con{ width: 744px;}

.d-down {
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    visibility: visible;
    transition-duration: 1.2s;
    opacity: 0;
}
.d-enter .d-down {
    -webkit-transform: translate3d(0,-0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.d-up-down {
    -webkit-transform: translate3d(-100%,40%,0);
    transform: translate3d(-100%,40%,0);
    visibility: visible;
    transition-duration: 1.2s;
    opacity: 0;
    overflow-x: hidden;
}
.d-enter .d-up-down {
    -webkit-transform: translate3d(0,-0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.d-up {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: visible;
    transition-duration: 1.2s;
    opacity: 0;
    overflow-x: hidden;
}
.d-enter .d-up {
    -webkit-transform: translate3d(0,-0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.d-enter .delay100{transition-delay: .1s}
.d-enter .delay200{transition-delay: .2s}
.d-enter .delay300{transition-delay: .3s}
.d-enter .delay400{transition-delay: .4s}
.d-enter .delay500{transition-delay: .5s}
.d-enter .delay600{transition-delay: .6s}
.d-enter .delay1{transition-delay: 1s}
.d-enter .delay2{transition-delay: 2s}
.d-enter .delay3{transition-delay: 3s}
.d-enter .delay4{transition-delay: 4s}




.bookAmimate{ -webkit-animation: updown 3s linear infinite;}
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(0px);}
    50%{opacity:1;-webkit-transform:translateY(10px);}
    100%{opacity:1;-webkit-transform:translateY(0px);}
}