/*初始化*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,microsoft yahei,arial,\5b8b\4f53; color:#555;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#555;}
a:hover{text-decoration:none; color:#000;outline:none;hide-focus:expression(this.hidefocus=true);}
sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}.clear_float{display:inline-block;}/*asdfasdf\*/ * html .clear_float{zoom:1;}.clear_float{display:block;}
.red{color:#ea544a;}.green{ color:#40bc90;}
.en,.arial{ font-family:arial, helvetica, sans-serif;}.fr{ float:right;}.mr30{ margin-right:30px;}.h18{ height:18px; line-height:18px; overflow:hidden; width:100%;}.w368{ width:380px; height:24px; line-height:24px;}
.hidden{ overflow:hidden;}
.po{ position:absolute; left:0; top:0;}
.po2{ position:absolute; left:0; bottom:0;}
.wrap{ overflow:hidden;}
.fix{ position: fixed; width:100%; height:100%; overflow:hidden; z-index:9;}
.fl{ float:left;}
body{ }
.topbar{ height:60px; line-height:60px; background:#fff; position: absolute; width:100%; z-index:98;}
.topbar.tbor:before,.topbar.tbor:after{background:#d5d5d5;}
.topbar .name { padding-left:20px;}
.topbar .buy{ float:right; display:inline-block;  height:60px; line-height:60px; color:#fff; background:#9d1d22; width:60px; height:35px; line-height:35px; font-size:14px;border-radius: 5px; text-align:center; margin-top:12px; margin-right:20px;}
.topbar .name span{ padding:10px 0; height:23px; line-height:23px; font-size:14px; color:#3c3c3c; background-repeat:no-repeat; background-position:left center; display:inline-block; text-indent:30px; background-size:20px;}
.topbar .name span.icon1{ background-image: ;}
.fixbar{ position:fixed; z-index:99; top:0;}
.gizle {top: -46px;}
.sabit {top:0;z-index: 999;}
.topbar{-webkit-transition:top .5s;-moz-transition:top .5s;transition: top .5s;}
.topbar,.navpage{ height:46px; line-height:46px;}
.topbar .buy{ height:24px; line-height:24px;}

.page{ position:relative; width:100%; overflow:hidden;}

/*menu*/
.fixbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px); display:none;}
.submenu{position:fixed; width:80px; height:80px; right:0px; bottom:0px; z-index:1001; display:none;}
.smbox{ position: absolute; width:32px; height:32px; left:24px; top:24px;}
.submenu .icon{ width:26px; height:26px; border:3px solid #fff; position:absolute; left:0px; top:0px; border-radius: 100%; box-shadow:0px 0px 8px #fff;}
.submenu .icon b{ width:12px; height:12px; background:#fff; border-radius: 100%; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-6px;box-shadow:0px 0px 8px #fff;}
.smenu{ position:absolute; right:0; bottom:60px; width:98px; display:none;}
.smenu li{ height:30px; line-height:30px; margin-top:12px; text-align:right; color:#fff;  font-size:13px; position:relative;}
.smenu li span{ display:inline-block; height:30px; line-height:30px;opacity:0.5;}
.smenu li.on span{border-top:2px solid #fff;opacity:1;}

/*page1*/
.page1{ background: url(/uploads/image/wxi01/bg.jpg) no-repeat center bottom; background-size:100%;}
.p1info{ position:absolute; left:0; top:18%; width:100%; z-index:3;}
.p1info .btn{ padding-top:20px; text-align:center; width:100%;}
.p1info .btn a{ height:45px; line-height:45px; background:#fff; padding:0 40px; text-align:center; color:#9c1d22; font-size:14px; display:inline-block;border-radius:50px;}

/*page2*/
.page2 .swiper-container {height: 100%;}
.page2 .swiper-pagination-bullet{ background:#fff; opacity:1; width:6px; height:6px;}
.page2 .swiper-pagination-bullet-active{ width:15px;border-radius: 18px;}
.page2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px;}
.page2 .swiper-slide{ background-repeat:no-repeat; background-position:center top; background-size:100%;}
/*.page2 .sbg1{ background-image:url(/uploads/image/wxi02/bg1.jpg);}
.page2 .sbg2{ background-image:url(/uploads/image/wxi02/bg2.jpg);}
.page2 .sbg3{ background-image:url(/uploads/image/wxi02/bg3.jpg);}*/
.page2 .info,.page3 .info{ position:absolute; left:30px; top:50px; width:100%; font-size:13px; line-height:21px;color:#fff; z-index:5;}
.page2 .info h2,.page3 .info h2{ font-size:32px;  padding-bottom:12px; line-height:40px;}
.page2 .info p,.page3 .info p{ width:70%; margin-bottom:20px;}
.page2 .info .link,.page3 .info .link{height:38px; line-height:38px; background:#fff url(/uploads/image/wxi02/icon.png) no-repeat 24px center; background-size:9px; padding:0 30px 0 45px; font-weight:bold; text-align:center; color:#111; font-size:13px; display:inline-block;border-radius:50px;}
.page2 .info .link{background:#fff url(/uploads/image/wxi02/icon2.png) no-repeat 20px center; background-size:15px; }
.page2 .info .link a{color:#be211f;}

/*page3*/
.page3 .zhen,.page3 .zhen img{ position: absolute; left:0; top:0; width:100%; height:100%;}
.page3 .zhen img{ display:none;}
.page3 .swiper-container {height: 100%;}
.page3 .swiper-pagination-bullet{ background:#fff; opacity:1;width:6px; height:6px;}
.page3 .swiper-pagination-bullet-active{ width:15px;border-radius: 18px;}
.page3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 2px;}
.page3 .swiper-slide{ background-repeat:no-repeat; background-position:center top; background-size:100%;}
.page3 .sbg1{ background-image:url(/uploads/image/wxi03/bg1.jpg);}
.page3 .sbg2{ background-image:url(/uploads/image/wxi03/bg2.jpg); background-position:center bottom;}
.page3 .info{ left:10%; top:40px; width:80%; color:#111;}
.page3 .sbg2 .info{ color:#fff;}
.page3 .info h2{ width:100%;}
.page3 .info h3{ width:100%; font-size:18px; font-weight:normal; padding:6px 0 8px 0;}
.page3 .info p{ width:100%; padding-top:5px;}
.page3 .pro{ position:absolute; left:0%; bottom:0px; width:100%;}
.page3 .tip{ position:absolute; left:4%; bottom:32px; color:#fff; opacity:0.5; z-index:9; font-size:12px; font-size:10px;-webkit-transform: scale(0.8);transform: scale(0.8); opacity:0.3;}
.page3 .ybox{ position:absolute; right:17%; bottom:28%; z-index:9; width:40px; height:40px;}
.page3 .ybox .icon{ width:40px; height:40px; background:url(/uploads/image/wxi03/yuan.png) no-repeat center center; background-size:100%;}
.page3 .ybox .shou{ position:absolute; right:-10px; bottom:-30px; background:url(/uploads/image/wxi03/shou.png) no-repeat center center; width:30px; height:41px; background-size:100%;}
.page3 .sbg2 .info .link{ background:url(/uploads/image/wxi03/btn.png) no-repeat center center; background-size:100%; width:150px; height:50px; text-indent:0; padding:0; color:#fff; line-height:50px; font-weight:normal;}
.page3 .sbg2 .info .link a{ color:#fff; display:inline-block; line-height:48px; height:48px; width:100%; font-size:12px; text-indent:12px;}
.page3 .dialog{ position:absolute; left:10%; top:10%; width:80%; background:rgba(255,255,255,0.75);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px); z-index:19; border-radius:10px; display:none;}
.page3 .dialog .close{ width:40px; height:40px;border-radius:100%; background:#fff url(/uploads/image/wxi03/close.png) no-repeat center center; background-size:8px; position:absolute; right:15px; top:15px;}
.page3 .dialog h2{ color:#000; font-size:20px; margin:30px 0 12px 0; text-align:center;}
.page3 .dialog img{ margin-bottom:30px;}
.page3 .sn3 .dialog{ top:-5%;}

/*page4*/
.page4{ background:#9b9595 url(/uploads/image/wxi04/bg.jpg) no-repeat center top; background-size:100%;}
.page4 .gallery-top {height: 100%;}
.page4 .gallery-top .swiper-slide{ background-repeat:no-repeat; background-position:center top; background-size:100%;}
.page4 .gallery-top .sbg1{ background-image:url(/uploads/image/wxi04/bg1.jpg);}
.page4 .gallery-top .sbg2{ background-image:url(/uploads/image/wxi04/bg2.jpg);}
.page4 .gallery-top .sbg3{ background-image:url(/uploads/image/wxi04/bg3.jpg);}
.page4 .gallery-top .sbg4{ background-image:url(/uploads/image/wxi04/bg4.gif);}
.page4 .gallery-top .sbg5{ background-image:url(/uploads/image/wxi04/bg5.gif);}
.page4 .gallery-thumbs h2{font-size:28px;  padding-bottom:12px; line-height:40px; color:#fff;}
.page4 .gallery-thumbs h2 p{ opacity:0; position: relative; width:150%;}
.page4 .gallery-thumbs { position:absolute; left:0; height:100px; top:7%; width:100%; color:#fff; font-size:13px; line-height:21px;}
.page4 .gallery-thumbs .swiper-slide { width:68%; opacity: 0.4; padding:0 15px;box-sizing: border-box;}
.page4 .gallery-thumbs .swiper-slide-active { opacity: 1;}
.page4 .gallery-thumbs .swiper-slide-active p{opacity:1}

/*page5*/
.page5{ background:#acbece;}
.p5_1{ position:relative; background:#abbdce url(/uploads/image/wxi05/bg.jpg) no-repeat center top; background-size:100%;}
.p5_1 .info{ padding-top:25%; text-align:center;}
.p5_1 .info h2{font-size:32px;  padding-bottom:12px; line-height:40px; color:#fff;}
.p5_1 .info p{ font-size:13px; line-height:21px; width:70%; margin:0 auto; color:#fff; text-align:center;}
.p5_2{ position:relative; background:#abbdce url(/uploads/image/wxi05/bg2.png) no-repeat center bottom; background-size:100%;}

.p5_c0{ background-color:#9bb8c6;}
.p5_c1{ background-color:#aab2bd;}
.p5_c2{ background-color:#acbecd;}
.p5_c3{ background-color:#b8adbd;}
.p5_c4{ background-color:#afbcdf;}
.p5_c5{ background-color:#a1b6c7;}
.p5_c6{ background-color:#acbecd;}
.p5_c7{ background-color:#9cb8c3;}
.p5_c8{ background-color:#abb4bd;}
.p5_c9{ background-color:#bcadaa;}
.p5_c10{ background-color:#adbece;}
.p5_c11{ background-color:#b6b0b4;}

.page5 .gallery-top {height: 100%;}
.page5 .gallery-top .txt{ position:absolute; left:10%; top:15%; width:80%; text-align:center; color:#fff;}
.page5 .gallery-top .txt h2{font-size:32px;  padding-bottom:18px; line-height:40px; color:#fff;}
.page5 .gallery-top .img{ position:absolute; left:10%; bottom:20%; width:80%; text-align:center; background:url(/uploads/image/wxi05/yy.png) no-repeat center bottom; background-size:100%;}
.page5 .gallery-top .txt p{ font-size:13px; width:80%; margin:0 auto;}
.page5 .gallery-thumbs { position:absolute; left:0; height:65px; bottom:60px; width:100%;}
.page5 .gallery-thumbs .swiper-slide { width:20%; opacity: 0.5; padding:0 5px;box-sizing: border-box;}
.page5 .gallery-thumbs .swiper-slide-active { opacity: 1;}
.page5 .gallery-thumbs .item{ width:65px; height:65px; background:rgba(255,255,255,0.25);border-radius: 100%; overflow:hidden; -webkit-transform: scale(0.8); transform: scale(0.8); text-align:center;}
.page5 .gallery-thumbs .item img{ margin-top:18%;}
.page5 .gallery-thumbs .swiper-slide-active .item{-webkit-transform: scale(1); transform: scale(1);}

/*.page6*/
.page6{ position:relative; overflow:hidden;}
.page6 .dibox{ position:absolute; left:0; bottom:0; width:100%;}
.page6 .info{ position:absolute; left:9%; width:82%; top:4.5%; color:#fff;}
.page6 .info h2{font-size:32px;  padding-bottom:18px; line-height:40px; color:#fff;}
.page6 .info p{font-size:13px; line-height:21px;}
.page6 .info .link{ height:34px; line-height:34px; border:1px solid #fff; background: url(/uploads/image/wxi06/icon.png) no-repeat 24px center; background-size:8px; padding:0 25px 0 39px; font-weight: normal; text-align:center; color:#fff; font-size:13px; display:inline-block;border-radius:50px; margin-top:25px;}
.page6 .info .link a{ display:block; color:#fff;}
.page6 .dibox .bo{ width:60px; height:60px; position:absolute; right:10px; top:10px;}
.page6 .dibox .bo p{ width: 30px; height:30px; position:absolute; left:15px; top:15px; background:#eaecf4 url(/uploads/image/wxi06/icon2.png) no-repeat center center; background-size:100%;border-radius: 100%; z-index:9;}
.page6 .dibox .bo span {
    width: 90px;
    height: 90px;
    border-radius: 100%;
	background:#eaecf4;
    transform: scale(1);
	-webkit-transform: scale(1);
    position: absolute;
    left: -15px;
    top: -15px;
    display: inline-block;
    opacity: 1;
}

/*page7*/
.page7{ background:#cdd2d9; position:relative;}
.page7 .tabbox{ position:relative; overflow:hidden;}
.page7 .tabinfo{ position:absolute; left:10%; bottom:0; width:80%; height:188px; border-top:1px solid #d7dce1;display:table;}
.page7 .tabinfo ul{display: table-cell; vertical-align: middle;}
.page7 .tabinfo li{ float:left; width:50%; text-align:center; color:#d8dbe0; font-size:13px; font-weight:bold; }
.page7 .tabinfo li .txt{ height:24px; line-height:24px; padding-bottom:5px;}
.page7 .tabinfo li .img{ width:60%; margin:0 20%;}
.page7 .tabinfo li.on{ color:#fff;}
.page7 .tabinfo .line{ background:#fff; box-shadow: 0px 0px 10px #fff; position:absolute; width:30%; height:3px;}
.page7 .tabinfo .line.s{ left:10%; top:0;}
.page7 .tabinfo .line.x{ left:10%; bottom:0;}
.page7 .tabmain{ display:none; position:relative; overflow:hidden;}
.page7 .tabmain .info{ position:absolute; left:8%; width:85%; top:75%; color:#273a4f; font-size:12px; line-height:21px;}
.page7 .tm2 .info{ top:77%;}
.page7 .tabmain .txt{ margin-bottom:28px;}

.page7 .tabmain .txt2{ font-weight:bold; padding-bottom:28px; margin-bottom:28px; border-bottom:1px solid rgba(255,255,255,0.2);}
.page7 .tabmain .txt2 p{ padding-left:21px;}
.page7 .tabmain .txt2 span{ float:left; margin-left:-21px;}

.page7 .tabmain .txt3{ font-size:10px;}


.zhenbox{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.zhenbox img{ position:absolute; left:0; top:0; width:100%;display:none;}

.dv{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:1003; display:none; background:#000;}
.dv .close{ position:absolute; right:0px; top:0px; width:60px; height:60px; background:url(/uploads/image/wximg/close.png) no-repeat center center; background-size:25px; z-index:1003;}
.dv iframe{ position:absolute; width:100%; top:25%; z-index:3;}

.dialogpage{ position:fixed; left:120%; top:0; width:100%; height:100%; z-index:1003; background:#d0d3e4; opacity:0;}
.dp{ left:0;}
.dialogpage .p6box{ position:relative; left:0; top:0; width:auto; height:100%;}
.dialogpage .p6box img.bg{ width:100%; height:100%;}
.dialogpage .swiper-slide {  width: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}

.p6box{ position:relative;}
.p6box .dot{ background:url(/uploads/image/wxi06/dot.png) no-repeat center center; background-size:70%; width:60px; height:60px; position:absolute; z-index:101;}
.p6box .dt1{ left:46%; top:50%;}
.p6box .dt2{ left:53%; top:57%;}
.p6box .dt3{ left:60%; top:39%;}
.p6box .dt4{ left:64%; top:58%;}
.p6box .zzbox{ position: absolute; left:0; top:0; width:100%; height:100%; z-index:99; background:rgba(0,0,0,0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); display:none;}
.p6box .po{ z-index:100; display:none;}

.closebtn{ position:fixed; left:50%; bottom:5%; margin-left:-25px; width:50px;  height:50px; background:#000 url(/uploads/image/wxi06/close.png) no-repeat center center; background-size:12px; z-index:103; border-radius: 100%; display:none;}

.dialogpage .txt{ position:fixed; left:12%; width:75%; display:none; top:12%; z-index:108;color:#fff;}
.dialogpage .txt h2{font-size:24px;  line-height:40px; margin-bottom:10px;}
.dialogpage .txt p{ font-size:13px; line-height:21px;}
.dialogpage .close{ position:fixed; right:15px; top:15px; width:50px; height:50px;background:#000 url(/uploads/image/wxi06/c.png) no-repeat center center; background-size:100%; z-index:999; border-radius: 100%; opacity:0.75; display:none;}

.dvbg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}

.page2 .info{ top:60px; left:40px;}

.su{ position:absolute; right:5%; top:50%; width:50px; height:70px; background:url(/uploads/image/wximg/shou.png) no-repeat center center; background-size:100%; z-index:199;}

/*iphone6*/
@media screen and (min-width:370px) and (min-height:560px) {

}

/*iphone6 plus*/
@media screen and (min-width:410px) and (min-height:670px) {

}

/*iphonex*/
@media screen and (min-width:374px) and (min-height:690px) {


}