body,dd,div,dl,dt,footer,h1,h2,header,html,i,li,p,section,ul{margin:0;padding:0;}
::-webkit-scrollbar { display: none;opacity: 0}
li{list-style:none}
table{border-spacing:0;border-collapse:collapse;width:100%;text-align:center}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover{text-decoration:none}
body,html{width:100%;height:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}
a{text-decoration:none}
.tc{text-align: center;}
input{-webkit-appearance:none}
*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:transparent}
@media screen and (max-width:359px) and (orientation:portrait) {html { font-size: 266.67%; }}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {html {font-size: 300%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {html {font-size: 320%;}}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {html {font-size: 333.33%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html {font-size: 345%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:360%;}}
@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait){html{ font-size:400%;}}
@media screen and (min-width:640px) and (orientation:portrait){html{ font-size:533.33%;}}
img{display:block;width:100%}
.clear:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}
.clear{zoom:1}
.red{color: #ff3f00;}
.hide{display: none!important;}
.show{display: block!important;}
html{font-size:312.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{background:#ebbbbd;font-size:.3rem;color: #a45a19; line-height:2; font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}
.wrap{width:7.5rem; margin:0 auto; overflow-x:hidden; height:100%;position:relative; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.home{height: 15.25rem; padding-top: 1rem; background: url('../imgs/home.jpg') no-repeat center top / 7.5rem auto; position: relative; overflow: hidden;}
.slogan{width: 6.54rem; height: 1.56rem; background: url('../imgs/s2.png') no-repeat center / cover; margin-left: 1.07rem; overflow: hidden; text-indent: -999px;}
.back{width: .61rem; height: 2.42rem; background: url('../imgs/back.png') no-repeat center / cover; position: absolute; top: 0; left: .2rem;}
.home .slogan{background-image: url('../imgs/s1.png'); width: 7.5rem; height: 1.78rem; margin: 0 auto .25rem;}
.home .tip{text-align: center; position: absolute; bottom: .5rem; left: 0; width: 100%; color: #ffe6b0; font-weight: bold;}
.hlist{position: relative; z-index: 1000; height: 4.46rem; margin-left: .24rem;}
@-webkit-keyframes fadeInLeftMove{0%,50%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftMove{0%,50%{opacity:0;-webkit-transform:translate3d(50%,0,0);-ms-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.hlist li{height: 4.46rem; width: .99rem; opacity:0; float: left; margin-right: .28rem; background-image: url('../imgs/ht.png?v=1');  background-position: -9999px; background-size: 4.79rem 4.46rem; background-repeat: no-repeat;overflow: hidden; text-indent: -999px;}
.hlist li:nth-child(1){background-position: 0 0;}
.hlist li:nth-child(2){background-position: -1.27rem 0;}
.hlist li:nth-child(3){background-position: -2.53rem 0;}
.hlist li:nth-child(4){background-position: -3.8rem 0;}
.r1{width: 4.01rem; height: 5.08rem; background: url('../imgs/ren1.png') no-repeat center / cover; position: absolute; right: 0; top: 2.75rem;}
.r2{width: 6.79rem; height: 9.44rem; background: url('../imgs/ren2.png') no-repeat center / cover; position: absolute; right: 0; top: 6.9rem;}


.page{display: none; padding-top: 1.1rem; padding-bottom: 2rem; min-height: 14rem; position: relative; -webkit-overflow-scrolling: touch; background:#ebbbbd url('../imgs/bg.jpg') no-repeat center top / 7.5rem auto;}
.tit{height: .99rem; width: 4.66rem; margin: 1rem auto .12rem; overflow: hidden; font-size: 0; text-indent: -999px; background-image: url('../imgs/tit.png'); background-repeat: no-repeat; background-size: 4.66rem 9.71rem; background-position: -999px -999px;}
.t1{background-position: 0 0;}
.t2{background-position:0 -1.09rem;}
.t3{background-position: 0 -2.18rem;}
.t4{background-position: 0 -3.27rem;}
.t5{background-position: 0 -4.36rem;}
.t6{background-position: 0 -5.45rem;}
.t7{background-position: 0 -6.54rem;}
.t8{background-position: 0 -7.63rem;}
.t9{background-position: 0 -8.72rem;}
.area{
  width: 6.92rem;
  margin:0 auto;
  border: .08rem solid #d03c3b;
  background-color: #d03c3b;
}
.area .body{
  min-height: 4.1rem;
  background-image: url('../imgs/body.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
  position: relative;
}
.video_btn{
  width: 6.92rem;
  height: 4.1rem;
  background: url('../imgs/poster.jpg') no-repeat center / cover;
  display: block;
  position: relative;
}
.video_btn::after{
  content: "";
  width: 1.42rem;
  height: 1.42rem;
  background: url('../imgs/play.png') no-repeat center / cover;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.area .txt{
  width: 5.8rem;
  height: 2.4rem;
  overflow: hidden;
  margin: .4rem auto .2rem;
  color: #ffdd95;
  text-indent: 2em;
  font-weight: bold;
  letter-spacing: 1px;
  
}

.area .imgs{
  background-repeat: no-repeat;
  width: 6.92rem;
  height: 4.1rem;
  background-position: center;
  background-size: 6.92rem auto;
  background-color: #d03c3b;
}

.vt{
  display: block;
  width: 3.82rem;
  height: 1.11rem;
  background: url('../imgs/view_txt.png') no-repeat center / cover;
  left: 50%;
  margin:0 auto;
  overflow: hidden;
  font-size: 0;
}
.ft{
  height: 1.08rem;
  margin: .24rem 0 .06rem;
}

.view{
  display: block;
  position: absolute;
  width: 3.82rem;
  height: 1.11rem;
  background: url('../imgs/view.png') no-repeat center / cover;
  left: 50%;
  margin-left: -1.91rem;
  overflow: hidden;
  font-size: 0;
  text-indent: -999px;
  bottom: .25rem;
}
.ft li{
  float: left;
  width: 2rem;
  line-height: .54rem;
  height: .54rem;
  color: #fff2df;
  font-size: .26rem;
  padding-left: 1.45rem;
  overflow: hidden;
  background-image: url('../imgs/ft.png');
  background-size: 1.24rem 2rem;
  background-repeat: no-repeat;
}
.ft li:nth-child(1){
  background-position: .1rem 0;
}
.ft li:nth-child(2){
  background-position: .1rem -.46rem;
}
.ft li:nth-child(3){
  background-position: .1rem -1rem;
}
.ft li:nth-child(4){
  background-position: .1rem -1.49rem;
}





.nav{height:1.71rem; position: fixed; left: 50%; width: 7.5rem;  margin-left:-3.75rem; bottom: -1.4rem; z-index: 1000; opacity: 0;}
.nav_cur{bottom: 0; transition: all .2s linear; -webkit-transition: all .2s linear; opacity: 1;}
.nav a{display: block; width: 1.875rem; height: 1.71rem; overflow: hidden; text-indent: -999px; font-size: 0; float: left;background:url('../imgs/nav.png?v=1') no-repeat -999px -999px / 7.5rem auto;}
.nav .n1{background-position: 0 0;}
.nav .n2{background-position: -1.875rem 0;}
.nav .n3{background-position: -3.75rem 0;}
.nav .n4{background-position: -5.625rem 0;}
.nav .n1.cur,.nav .n2.cur,.nav .n3.cur,.nav .n4.cur{background-position-y: -1.72rem;}

.pop{
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(119,0,0,.7);
}
.pop_main{
  width: 6.86rem;
  border-left: .1rem solid #b27b46;
  border-right: .1rem solid #b27b46;
  background-color: #fff2d9;
  position: fixed;
  left: 50%;
  top:50%;
  z-index: 5000000;
  transform: translate(-50%,-50%) translateZ(0);
  -webkit-transform: translate(-50%,-50%) translateZ(0);
}
.pop_main::after,.pop_main::before{
  content: "";
  width: 7.34rem;
  height: .33rem;
  position: absolute;
  left: 50%;
  margin-left:-3.67rem; 
  background: url('../imgs/pl.jpg') no-repeat center / cover;
}
.pop_main::before{
  top: -.33rem;
}
.pop_body{
  padding: .25rem;
}
.pop_body .tit{
  margin: 0 auto;
}
.pop_main::after{
  bottom: -.33rem;
}
.pop_main .txt{
  margin: .4rem .5rem;  
  max-height: 8rem;
  overflow-y: auto;
}
.pop_main .txt p{
	text-indent: 2em;
}
.pback{
  display: block;
  width: 2.82rem;
  background: url('../imgs/pop_back.png') no-repeat center / cover;
  margin: 0 auto;
  height: 1.11rem;
  overflow: hidden;
  text-indent: -999em;
}

.video_box {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,.7);
  z-index: 999999;
  display: none;
}
.video_box .close {
  width: .8rem;
  height: .8rem;
  background:#d03c3b url('../imgs/close.png') no-repeat center / .5rem .5rem;
  position: absolute;
  z-index: 100000;
  top: 0;
  right:0;
  display: block;
}
.img_box{
	max-height:9rem;
	overflow-y:auto;
	margin:.15rem auto;
}
/*
.pop_imgs{
  width: 100%;
}
.pop_imgs .tit{
  margin: 0;
  position: absolute;
  left: 50%;
  top: .4rem;
  margin-left: -2.33rem;
  z-index: 10;
}
.pop_imgs .pback{
  position: absolute;
  left: 50%;
  margin-left: -1.42rem;
  bottom: .5rem;
  z-index: 10;
}
*/
.an0{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.an1{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.an2{-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
.an3{-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes scaleArea{0%,50%{opacity:0;-webkit-transform:scale(6)}70%{opacity:.6;-webkit-transform:scale(1.5)}80%{opacity:.8;-webkit-transform:scale(.8)}90%{opacity:1;-webkit-transform:scale(1.2)}100%{opacity:1;-webkit-transform:scale(1)}}
@keyframes scaleArea{0%,50%{opacity:0;transform:scale(6)}70%{opacity:.6;transform:scale(1.5)}80%{opacity:.8;transform:scale(.8)}90%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}
.scaleArea{-webkit-animation-name:scaleArea;animation-name:scaleArea}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes scaleBtn{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes scaleBtn{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.08,1.08,1.08);-moz-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.scaleBtn{-webkit-animation:scaleBtn ease-in-out 1.5s infinite;animation:scaleBtn ease-in-out 1.5s infinite}
@-webkit-keyframes scale1{0%{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}50%{opacity:1;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}75%{opacity:.8;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}}
@keyframes scale1{0%{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}50%{opacity:1;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}75%{opacity:.8;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}}
.scaleShow{-moz-animation:scale1 .3s ease-in both;animation:scale1 .3s ease-in both;-webkit-animation:scale1 .3s ease-in both}
@-webkit-keyframes roate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes roate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
 
@-webkit-keyframes scaleBtn{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-moz-keyframes scaleBtn{0%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.08,1.08,1.08);-moz-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes scaleBtn{0%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.08,1.08,1.08);-moz-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
100%{-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.scaleBtn{-webkit-animation:scaleBtn ease-in-out 1.5s infinite;-moz-animation:scaleBtn ease-in-out 1.5s infinite;animation:scaleBtn ease-in-out 1.5s infinite}