/*-- reset --*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body,html{width:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}
body{opacity:1;-webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in;background: #cfeeff}
a{text-decoration:none}
input{-webkit-appearance:none}
*{outline:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-focus-ring-color:rgba(0,0,0,0)}
p,a,li,span,input{font-size:.28rem}
h1{font-size:.32rem}
h2{font-size:.34rem}
h3{font-size:.3rem}
h4{font-weight:400;font-size:.3rem}
h5{font-size:.28rem}
a{color:#434343}
img{display:block}
html{font-size:312.5%}
@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%}}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{clear:both;zoom:1}
.hide{display:none}
html,body{height: 100%;}
/*-- wjTop --*/
.wjTop{width:100%;height:1.23rem;z-index:1000;position: absolute;top:0;left: 0;}
.wjTop .wjTop-box{background:#fff;background-size:auto 65%;width:100%;overflow:hidden;height:1.23rem;position:relative;-webkit-animation:fadeInUp .8s 0s ease-in-out;-moz-animation:fadeInUp .8s 0s ease-in-out;-ms-animation:fadeInUp .8s 0s ease-in-out;animation:fadeInUp .8s 0s ease-in-out;font-size: 0;}
    @-webkit-keyframes fadeInUp{0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,-100%,0)}100%{opacity:1;filter:alpha(opacity=100);-webkit-transform:none}}
    @-moz-keyframes fadeInUp{0%{opacity:0;filter:alpha(opacity=0);-moz-transform:translate3d(0,-100%,0)}100%{opacity:1;filter:alpha(opacity=100);-moz-transform:none}}
    @-o-keyframes fadeInUp{0%{opacity:0;filter:alpha(opacity=0);-o-transform:translate3d(0,-100%,0)}100%{opacity:1;filter:alpha(opacity=100);-o-transform:none}}
    @-ms-keyframes fadeInUp{0%{opacity:0;filter:alpha(opacity=0);-ms-transform:translate3d(0,-100%,0)}100%{opacity:1;filter:alpha(opacity=100);-ms-transform:none}}
    @keyframes fadeInUp{0%{opacity:0;filter:alpha(opacity=0);transform:translate3d(0,-100%,0)}100%{opacity:1;filter:alpha(opacity=100);transform:none}}
.wjTop .btn-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;justify-content:space-between;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;width:.4rem;height:.32rem;display: flex;padding:.46rem .45rem;float: right;}
.wjTop .btn-nav i{display:block;width:.4rem;height:.04rem;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.wjTop .btn-nav i:nth-of-type(1) {background:url(i/icon_01.png) right center;background-size:100% auto;}
.wjTop .btn-nav i:nth-of-type(2) {background:url(i/icon_02.png) right center;background-size:100% auto;}
.wjTop .btn-nav i:nth-of-type(3) {background:url(i/icon_03.png) right center;background-size:100% auto;}
.wjTop .btn-nav.cur {background: #07589e;}
.wjTop .btn-nav.cur i {background: #fff;}
.wjTop .btn-nav.cur i:nth-of-type(1){-webkit-transform:rotate(45deg) translate(0.1rem,.1rem);-moz-transform:rotate(45deg) translate(0.1rem,.1rem);-ms-transform:rotate(45deg) translate(0.1rem,.1rem);transform:rotate(45deg) translate(0.1rem,.1rem)}
.wjTop .btn-nav.cur i:nth-of-type(2){display:none}
.wjTop .btn-nav.cur i:nth-of-type(3){-webkit-transform:rotate(-45deg) translate(0.1rem,-.1rem);-moz-transform:rotate(-45deg) translate(0.1rem,-.1rem);-ms-transform:rotate(-45deg) translate(0.1rem,-.1rem);transform:rotate(-45deg) translate(0.1rem,-.1rem)}

.wjTop .i-logo {margin:0 0 0 .3rem;height:.9rem;width:2.05rem;background: url(i/mztop.png) no-repeat center center;background-size:100% auto;display: inline-block;margin-top: 0.2rem;}
.wjTop .i-logo a {width:100%;height: 100%;display: block;}
.wjTop .i-star{/* margin:0 0 0 .4rem; */position: absolute;top: .2rem; height:1rem;width:1.9rem;background: url(i/icon-xc.png) no-repeat center center;background-size:100% auto;display: inline-block;}
.navbar{position:fixed;left:0;top:0;bottom:0;right:0;background:#fff;z-index:999;display:none;background:#086fca;}
.navbar.nav-show{-webkit-animation:bounceInDown .5s 0s ease-in-out both;-moz-animation:bounceInDown .5s 0s ease-in-out both;-ms-animation:bounceInDown .5s 0s ease-in-out both;animation:bounceInDown .5s 0s ease-in-out both}
    @-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:.01;filter:alpha(opacity=1);-webkit-transform:translate3d(0,-16rem,0)}
    60%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,15px,0)}
    75%{-webkit-transform:translate3d(0,-8px,0)}
    90%{-webkit-transform:translate3d(0,4px,0)}
    100%{-webkit-transform:none}}
    @-moz-keyframes bounceInDown{0%,60%,75%,90%,100%{-moz-transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:.01;filter:alpha(opacity=1);-moz-transform:translate3d(0,-16rem,0)}
    60%{opacity:1;filter:alpha(opacity=100);-moz-transform:translate3d(0,15px,0)}
    75%{-moz-transform:translate3d(0,-8px,0)}
    90%{-moz-transform:translate3d(0,4px,0)}
    100%{-moz-transform:none}}
    @-o-keyframes bounceInDown{0%,60%,75%,90%,100%{-o-transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:.01;filter:alpha(opacity=1);-o-transform:translate3d(0,-16rem,0)}
    60%{opacity:1;filter:alpha(opacity=100);-o-transform:translate3d(0,15px,0)}
    75%{-o-transform:translate3d(0,-8px,0)}
    90%{-o-transform:translate3d(0,4px,0)}
    100%{-o-transform:none}}
    @-ms-keyframes bounceInDown{0%,60%,75%,90%,100%{-ms-transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:.01;filter:alpha(opacity=1);-ms-transform:translate3d(0,-16rem,0)}
    60%{opacity:1;filter:alpha(opacity=100);-ms-transform:translate3d(0,15px,0)}
    75%{-ms-transform:translate3d(0,-8px,0)}
    90%{-ms-transform:translate3d(0,4px,0)}
    100%{-ms-transform:none}}
    @keyframes bounceInDown{0%,60%,75%,90%,100%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:.01;filter:alpha(opacity=1);transform:translate3d(0,-16rem,0)}
    60%{opacity:1;filter:alpha(opacity=100);transform:translate3d(0,15px,0)}
    75%{transform:translate3d(0,-8px,0)}
    90%{transform:translate3d(0,4px,0)}
    100%{transform:none}}
.navbar.nav-hide{-webkit-animation:fadeOutUp .5s 0s ease-in-out both;-moz-animation:fadeOutUp .5s 0s ease-in-out both;-ms-animation:fadeOutUp .5s 0s ease-in-out both;animation:fadeOutUp .5s 0s ease-in-out both}
    @-webkit-keyframes fadeOutUp{0%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:translate3d(0,-100%,0)}}
    @-moz-keyframes fadeOutUp{0%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0);-moz-transform:translate3d(0,-100%,0)}}
    @-o-keyframes fadeOutUp{0%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0);-o-transform:translate3d(0,-100%,0)}}
    @-ms-keyframes fadeOutUp{0%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0);-ms-transform:translate3d(0,-100%,0)}}
    @keyframes fadeOutUp{0%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0);transform:translate3d(0,-100%,0)}}
.navbar ul{margin:1.23rem auto 0}
.navbar li{text-align:center;line-height:1.6rem;border-bottom: 1px solid #509fe4;}
.navbar a {font-size:.38rem;color:#fff;display:block;}
.navbar a span {display:none;}

.footer {width:100%;height:.9rem;overflow: hidden;text-align: center;background: url(i/mz.png) #fff no-repeat center .22rem;background-size:auto 42%;padding-top:.85rem;}
.footer p {line-height: .2rem;font-size:0.12rem;color:#757575;}


/*-- warp --*/
#warp {width: 100%;height:27.5rem;background:url(i/warp-bg.jpg);background-size:auto 100%;position: relative;transition:top .2s;}

    .one {position: absolute;left:0;top:6.95rem;width:100%;text-align: center;}
    .one p {font:.24rem/.4rem 'microsoft yahei';color:#d8fff6;}
    .one ul {margin-top:.8rem;text-align: left;padding-left:1.8rem;}
    .one li,.one a {color: #cffff8;font:.24rem/.4rem 'microsoft yahei';}
    .one li span {color:#0de2de;float:left;display: inline-block;width:2rem;text-align: right;}

    .two {position: absolute;top:15rem;left:0;text-align: center;width:100%;}
    .two li {float:left;width:36%;color:#d8fff6;font:.22rem/.36rem 'microsoft yahei';padding:0 7% 3.3rem;}

    .three {position: absolute;left:0;top:22.6rem;width:100%;}
    .three .btn {position: absolute;display: inline-block;width:.55rem;height:.55rem;top:.6rem;cursor: pointer;}
    .three .prev {left:3px;background: url(i/btn-left.png);background-size:100% 100%;}
    .three .next {right:3px;background: url(i/btn-right.png);background-size:100% 100%;}
    .scroll {margin:0 .4rem;}
    .scroll li {float:left;width:33.33%;text-align: center;}
    .scroll li img {width:95%;margin: 0 auto;}


    .two-01 {top:11.27rem;left:.6rem;}
    .two-02 {top:11.27rem;right:.75rem;}
    .three-01 {top:21.6rem;left:.6rem;}
    .three-02 {top:21.6rem;right:.75rem;}
    .three-03 {top:21.8rem;left:.6rem;}
    .three-04 {top:21.8rem;right:.75rem;}

    .water {position: absolute;width:1.5rem;height:.16rem;background: url(i/icon-water.png);animation:myWater 5s linear infinite normal;background-size: auto 100%;}

    @keyframes myWater
    {
    from {background-position: 0 0;}
    to {background-position:232px 0;}
    }