@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,fieldset,button,input,textarea,th,td{margin:0;padding:0}
html,body{margin:0 auto;max-width: 750px;width: 100%;height: 100%;overflow: hidden;position: relative; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;-webkit-overflow-scrolling:touch;}

ul,ol{list-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
div,li {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:  none;}
fieldset,img{border:0 none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
/* 重置结束 */
.page{width: 100%;height: 100%;position: absolute;top:0;left:0;background:#e3e3e2;display: none;}
.page>div{width: 100%;height: 100%;position: relative;}
.page h2{color: #03714a;text-align: center;width: 100%;font:.41rem/.62rem '';letter-spacing: .03rem;}
.page.active{z-index: 13;display: block;}
/* page1 */
.page1 img{display: block;}
.page1_bg{width: 100%;height: 100%;}
.logo{width: 3.46rem;position: absolute;top:.1rem;left:50%;margin-left: -1.73rem;z-index: 2;}
.fly{width: 2.34rem;display: block;position: absolute;top:.21rem;right:0rem;z-index: 2;}
.car{width: 2.79rem;display: block;position: absolute;bottom:.05rem;left:0rem;z-index: 2;}
.page1_cs{width: 6.2rem;position: absolute;top:9.63rem;left:50%;margin-left: -3.1rem;z-index: 1;height:.92rem;text-align: center;font:.52rem/.92rem '';color: #03714a;background: url(../images/page1_cs.jpg) no-repeat center top;background-size: 6.2rem; }
.page1 .ring{width: 2.76rem;height: 2.76rem;border:solid #066636 1px;padding: .16rem;position: absolute;top:1.89rem;left:50%;margin-left:-1.54rem;border-radius:50%;}
#ring1{
    animation:myfirst 5s infinite linear;
    -moz-animation:myfirst 5s infinite linear; /* Firefox */
    -webkit-animation:myfirst 5s infinite linear; /* Safari and Chrome */
    -o-animation:myfirst 5s infinite linear; /* Opera */
}
#ring2{
    animation:two 5s infinite linear;
    -moz-animation:two 5s infinite linear; /* Firefox */
    -webkit-animation:two 5s infinite linear; /* Safari and Chrome */
    -o-animation:two 5s infinite linear; /* Opera */
}
@keyframes myfirst
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-o-keyframes myfirst /* Opera */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@keyframes two
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}

@-moz-keyframes two /* Firefox */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}

@-webkit-keyframes two /* Safari 和 Chrome */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}

@-o-keyframes two /* Opera */
{
    0 {transform:rotate(0deg);}
    100% {transform:rotate(-360deg);}
}
.page1-ring1{width: 4.08rem;position: absolute;top:1.4rem;left:50%;margin-left: -2.04rem;}
.page1 h1{font:.48rem/.6rem '';color: #fff;text-align: center;width: 100%;letter-spacing: .05rem;height: 2.2rem;background: #066636;border-radius: 50%;padding-top: .56rem;}
.page1-bw{width: 100%;position: absolute;top:2.94rem;left:0;}
.page1 h5{font:.34rem/.5rem '';color: #03714a;text-align: center;width: 4.6rem;position: absolute;top:5.73rem;left:50%;letter-spacing: .05rem;margin-left: -2.3rem;}
.page1 h5:after,.page1 h5:before{display: block;width: .53rem;height: .02rem;background: #057049;content: "";margin-top: .2rem;}
.page1 h5:after{float: right;}
.page1 h5:before{float: left;}
.page1 p{font:.26rem/.52rem '';color: #03714a;text-align: center;width: 100%;position: absolute;top:6.58rem;left:0;letter-spacing: .05rem;}
.page1 h6{font:.29rem/.6rem '';color: #03714a;text-align: center;width: 4.65rem;height:.67rem;position: absolute;top:8.55rem;left:50%;background: url(../images/page1-h6.png) no-repeat center top;background-size: 100%;margin-left: -2.33rem;}
/* page2 */
.page2 img{display: block;}
.page2 ul{display: block;position: absolute;top:3.48rem;left:.87rem;z-index: 2;}
.page2 ul li{float: left;height: 2.8rem;margin-left: .06rem;margin-bottom: .15rem;}
.page2 ul li img{display: block;height: 100%;}
.page2 h2{position: absolute;top:2.16rem;left:0;z-index: 2;}
/* page3 */
.page3 h2{position: absolute;top:2.4rem;left:0;z-index: 2;}
.page3 img{display: block;}
.pp img{border-radius: 50%;width: 30px;}
.page3 ul{display: block;position: absolute;top:4.12rem;left:.73rem;}
.page3 ul li{float: left;width: 2rem;margin-left: .68rem;margin-bottom: .21rem;}
.page3 ul li img{display: block;width: 100%;}

/* page4 */
.page4 h2{position: absolute;top:2.69rem;left:0;z-index: 2;}
.page4_img{display: block;width: 100%;position: absolute;top:4.03rem;left:0;z-index: 2;}
.page4 ul{position: absolute;top:9.08rem;left:50%;margin-left:-1.11rem; }
.page4 ul li{float: left;width: .71rem;height: .71rem;background: #1375b9;margin:0 .2rem;}
.page4 ul li+li{background: #eb9815;}
/* page5 */
.page5 h2{position: absolute;top:2.99rem;left:0;z-index: 2;}
.page5 ul{display: block;position: absolute;top:4.45rem;left:.73rem;}
.page5 ul li{float: left;width: 2rem;margin-left: .68rem;margin-bottom: .21rem;}
.page5 ul li img{display: block;width: 100%;}
/* page6 */

.page6 h1{font:bold .52rem/.68rem '';color: #03714a;text-align: center;width: 3.1rem;position: absolute;top:2.46rem;left:50%;letter-spacing: .05rem;height: 2.55rem;border:solid #03714a 1px;border-radius: 50%;margin-left:-1.55rem;padding-top: .55rem;}
.page6-bw{top:3.23rem;width: 100%;position: absolute;left:0;}
.page6 .page1-ring1{top:2.0rem;}
.page6 h2{font:bold .41rem/.62rem '';color: #03714a;text-align: center;width: 100%;position: absolute;top:8.51rem;left:0;letter-spacing: .05rem;}
.page6 h3{font:bold .48rem/.48rem '';color: #03714a;text-align: center;width: 100%;position: absolute;top:6.6rem;left:0;width: 100%}
.page6 h3 b{display: block;width: 100%}
/* page7 */
.page7_div1{width:3.51rem;height: .84rem;background: url(../images/cs_ico3.png) no-repeat center top;background-size: 3.51rem;font:.6rem/.64rem '';color: #03714a;text-align: center;position: absolute;top:2.09rem;left:50%;margin-left: -1.75rem; }
.page7 h3{font:.4rem/.4rem '';color: #03714a;text-align: center;width: 100%;position: absolute;top:3.04rem;left:0;letter-spacing: .05rem;}
.page7 h4{font:bold .52rem/.55rem '';color: #03714a;text-align: center;width: 100%;position: absolute;top:3.58rem;left:0;letter-spacing: .01rem;background: url(../images/cs_ico2.png) no-repeat center top ; background-size: 100%}
.page7_div2{display: block;width: 3.79rem;height:3.91rem;background: url(../images/cs_ico1.png?asffas=5654as) no-repeat center top;background-size: 100%;position: absolute;top:4.75rem;left:1.74rem;padding:.36rem 0 0 0; }
.page7_div2 p{font:.31rem/.52rem '';color: #03714a;text-align: center;width: 100%;letter-spacing: .02rem}
.page7-img{position: absolute;top:7.53em;left:1.47rem;z-index:3;width: 1.22rem;}
.page7_div3{position: absolute;top:9.68rem;left:.65rem;width: 2.7rem;height: .79rem;background: url(../images/page7_button.jpg) no-repeat center top; background-size: 100%;text-align: center;font:.43rem/.79rem '';color: #03714a;}
.page7_div4{left:4.15rem;}

/* page8 */
.page8-img{position: absolute;top:7.03rem;left:1.22rem;z-index:3;width: 1.86rem;}
/* page9 */
.page9-img{position: absolute;top:7.63rem;left:.87rem;z-index:3;width: 2.13rem;}
/* page10 */
.page10-img{position: absolute;top:2.58rem;width: 4.32rem;left:50%;margin-left: -2.16rem;}
.page10_div{display: block;position: absolute;top:9.25rem;left:50%;width: 4.36rem;height:.71rem;background: url(../images/page10-ico.png) no-repeat center top;background-size: 100%;margin-left: -2.18rem;text-align: center;font:.31rem/.6rem '';color: #03714a;letter-spacing: .02rem}
/* page11 */
.page11-img{position: absolute;top:3.05rem;width: 100%;left:0;}
.page11 .page10_div{top:9.25rem;}
/* page12 */
.page12-img{position: absolute;top:1.57rem;width: 100%;left:0;}
.page12 .page10_div{top:9.25rem;}
/* page13 */
.page13{width: 100%;height: 100%;background: rgba(0,0,0,.8);position: absolute;top:0;left:100%;z-index: 15;transition:all .5s}
.page13 div{width: 100%;height: 100%;position: relative;}
.page13 h3{font:.41rem/.41rem '';color: #ffffff;text-align: center;width: 100%;position: absolute;top:3.05rem;letter-spacing: .03rem;}
.page13 img{position: absolute;top:4.78rem;width: 2rem;height: 2rem;left:50%;margin-left: -1rem;}
.page13 p{font:.26rem/.42rem '';color: #ffffff;text-align: center;width: 100%;position: absolute;top:6.95rem;letter-spacing: .02rem;}
.show{left:0;}
/* music */
.music{position: absolute;top:3.75rem;left:0;width: 100%;height: .73rem;z-index: 10;}
.music>div{position: relative;}
.pro{width: 150px;height: .06rem;border-radius: .06rem;border:solid #338462 1px;position: absolute;top:0;left:50%;margin-left: -75px;}
.por_b{display: block;position: absolute;height: .06rem;background: #05714a;}
.playball{width: .16rem;height: .16rem;border:solid #0a734d 1px;position: relative;border-radius: 50%;background: #ffffff;top:-.08rem;}
.pp{position: absolute;top:.3rem;left:50%;margin-left: -15px;z-index: 3;overflow: hidden;width: 30px;height: 30px;display: block}

/* 新增 */
.page7_div5{width:3.65rem;height: .9rem;background: url(../images/wyycs.jpg) no-repeat center top;background-size: 100%;left:50%;
    margin-left: -1.83rem; }
.page10 h5{text-align: center;font:.3rem/.32rem '';width: 100%;color: #03714a;letter-spacing: .03rem;position: absolute;
    top: 1.94rem;left:0;}

@media(max-width: 361px){
    .page1 h6{top: 8.35rem}
    .page1_cs{top:9.33rem;}
    .page2 h2{top: 2.06rem;}
    .page2 ul{top:3.38rem;}
    .page4 h2{top:2.39rem;}
    .page4_img{top:3.64rem;}
    .page4 ul{top:8.68rem;}
    .page5 h2{top:2.49rem;}
    .page5 ul{top:4.25rem;}
    .page6 h3{top:6.45rem;}
    .page6 h2{top:8.04rem;}
    .page7_div1{top:1.7rem;}
    .page7 h3{top:2.64rem;}
    .page7 h4{top:3.18rem;}
    .page7_div2{top:4.05rem;}
    .page7-img{top:6.93rem;}
    .page7_div3{top:9.08rem;}
    .page8-img{top:6.4rem;}
    .page9-img{top:6.9rem;}

    .page10-img{top:2.08rem;}
    .page10 h5{top:1.42rem;}
    .page10_div{top:9.03rem;}

    .page11-img{top:3rem;}
    .page11 .page10_div{top:8.9rem;}
    .page12-img{top:1.7rem;}
    .page12 .page10_div{top:8.85rem;}
}
@media(min-width: 376px){
    .fly{top:.7rem;}
    .page1-bw{top:3.34rem;}
    .page1-ring1{top:2.1rem;}
    .page1 .ring{top:2.59rem;}
    .page1 h5{top:6.63rem;}
    .page1 p{top:7.18rem;}
    .page1 h6{top:9.45rem;}
    .page1_cs{top:10.83rem;}
    .logo{top:.2rem;}
    .page2 h2{top:2.96rem;}
    .page2 ul{top:4.58rem;}
    .page2 ul li{margin-bottom: .25rem}
    .page3 h2{top:3.21rem;}
    .page3 ul{top:5.62rem;}
    .music{top:4.75rem;}
    .page4 h2{top:3.42rem;}
    .page4_img{top:4.83rem;}
    .page4 ul{top:10.58rem;}
    .page h2{letter-spacing: .05rem}
    .page5 h2{top:3.49rem;}
    .page5 ul{top:5.2rem;}

    .page6 h3{top:7.45rem;}
    .page6 h2{top:9.44rem;}
    .page6 .page1-ring1{top:2.9rem;}
    .page6 h1{top:3.36rem;}
    .page6-bw{top:4.16rem;}

    .page7_div1{top:2.69rem;}
    .page7 h3{top:3.84rem;}
    .page7 h4{top:4.38rem;}
    .page7_div2{top:5.55rem;}
    .page7-img{top:8.43rem;}
    .page7_div3{top:11rem;}
    .page8-img{top:7.83rem;}
    .page9-img{top:8.43rem;}

    .page10-img{top:3.28rem;}
    .page10 h5{top:2.64rem;}
    .page10_div{top:10.63rem;}
    .page11-img{top:4.1rem;}
    .page11 .page10_div{top:10.3rem;}
    .page12-img{top:2.57rem;}
    .page12 .page10_div{top:10.25rem;}

    .page13 h3{letter-spacing: .05rem;}
}
.play,.proz{display: none;width: 30px;height: 30px;}