@charset "utf-8";
/* CSS Document */

/* reset */
*{margin:0;padding:0;}
html,body { width:100%;font-size:62.5%;height:100%;overflow:hidden;font-family:"微软雅黑";background:#fbd69d}

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

@font-face {
  font-family: '../font-ico/iconfont';
  src: url('../font-ico/iconfont.eot');
  src: url('../font-ico/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font-ico/iconfont.woff') format('woff'),
  url('../font-ico/iconfont.ttf') format('truetype'),
  url('../font-ico/iconfont.svg#iconfont') format('svg');
}

		
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],template {  display: none;}
a {  background-color: transparent;}
a:active,a:hover {  outline: 0;}
abbr[title] {  border-bottom: 1px dotted;}
b,strong {  font-weight: bold;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}
input {  line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  border: 0; /* 1 */
    padding: 0; /* 2 */
}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}

td,th {  padding: 0;}

.daytwo::-webkit-input-placeholder {color:#333;}
.daytwo:-moz-placeholder {color: #333;}
.daytwo::-moz-placeholder { color:#333;}
.daytwo:-ms-input-placeholder {color:#333;}

table{border-collapse:collapse;border-spacing:0;}
img{border:0;width:100%;}
ul{list-style:none;}

input,textarea,select,option,button{font-family: "microsoft yahei";}
.clear{ clear:both;}
a{text-decoration:none;outline: none;}
a:hover{outline: none;}
input[type="button"],input[type="submit"],input[type="text"]{-webkit-appearance: none;}
input,label{-webkit-tap-highlight-color:rgba(255,0,0,0); }
a,button,textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,0,0,0); }/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

textarea{resize:none;}/*禁止改变大小*/
/*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    border:none;padding:0;
}
input,textarea,select,option,button,form,fieldset{margin:0;padding:0;border-width:1px;outline:none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.max640{max-width:640px;margin:auto;overflow:hidden}
.none{display:none}
.swiper-container {max-width:640px;height:100%;} 



/*swiper*/
.container{display:block;width:96%;padding-left:2%;padding-right:2%;background:#fff;}
.container h3{line-height:30px;font-weight:bold;font-size:1.6rem;height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333}
.container p{font-size:1.4rem;line-height:1.6rem;height:7rem;overflow:hidden;color:#666}



.p1-box{height:100%;position:relative;background:url(../images/P1.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p1-sun{position:absolute;background:url(../images/P1_ri.png) no-repeat;background-size:100%;width:17rem;height:17rem;left:-25%;top:-15%;animation: sunRound 20s linear infinite; opacity:1}
.p1-cloud01{position:absolute;background:url(../images/P1_cloud01.png) no-repeat;background-size:100%;width:8rem;height:5rem;top:7%;left:35%}
.p1-cloud02{position:absolute;background:url(../images/P1_cloud02.png) no-repeat;background-size:100%;width:8rem;height:5rem;top:16%;left:65%}
.p1-cloud03{position:absolute;background:url(../images/P1_cloud01.png) no-repeat;background-size:100%;width:8rem;height:5rem;top:12%;left:65%}
.p1-hr{position:absolute;background:url(../images/P1_hr.png) top no-repeat;background-size:100%;height:8rem;top:38%;left:10%; opacity:0}
.p1-plan{position:absolute;background:url(../images/P1_plan.png) no-repeat;background-size:100%;width:12rem;height:4rem;left:5%;top:50%;z-index:51; opacity:0}
.p1-leftFox{position:absolute;left:30%;bottom:2rem;z-index:51;background:url(../images/P1_leftFox.png) no-repeat;background-size:cover;width:10rem;height:16.5rem;opacity:0}
.p1-rightFox{position:absolute;left:52%;bottom:2rem;z-index:52;background:url(../images/P1_rightFox.png) no-repeat;background-size:cover;width:10rem;height:18.5rem;opacity:0}





.p2-box{height:100%;position:relative;background:url(../images/P2.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p2-guochan{position:absolute;background:url(../images/P2-guochan01.png) no-repeat 0rem 0;background-size:cover;width:9rem;height:3rem;top:62.5%;left:40%;animation: guochan 2s steps(2) infinite;}
.p2-huluobu{position:absolute;background:url(../images/P2-huluobu.png) no-repeat;background-size:100%;width:4rem;height:5rem;top:55.5%;left:45%;animation: huluobu 2s linear infinite;}
.p2-lazhu{position:absolute;background:url(../images/P2-lazhu01.png) no-repeat;background-size:cover;width:3rem;height:6rem;top:68.5%;left:45%;animation: lazhu 1s steps(2) infinite;}
.p2-text{position:absolute;top:13%;width:85%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p2-textb{position:absolute;top:60%;width:85%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p2-text p{line-height:36px; opacity:0}
.p2-textb p{line-height:36px; opacity:0}
.p2year{color:#fb611a}
.p2moth{color:#fb611a}
.p2day{color:#fb611a}
.p2dd{color:#1f88d7}
.p2user{color:#fb611a}
.p2hour{color:#fb611a}

.p3-box{height:100%;position:relative;background:url(../images/P3.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p3-tree{position:absolute;left:0;bottom:0;z-index:2; opacity:0;}
.p3-tree img{width:60%}
.p3-food{position:absolute;left:10%;top:70%;opacity:0;}
.p3-food img{width:60%}
.p3-fox{position:absolute;left:0;bottom:0;z-index:2;opacity:0;}
.p3-fox img{width:60%}
.p3-foxGirl{position:absolute;left:6%;bottom:2rem;opacity:0;}
.p3-foxGirl img{width:60%;}
.p3-btm{position:absolute;left:50%;bottom:-.5rem;opacity:0;background:url(../images/P3-btm.png) 0 0 no-repeat;background-size:cover;width:5rem;height:5rem;}
.p3-btm img{width:40%}
.p3-phone{position:relative;max-width:640px;margin:auto;margin-top:30%;height:100%;}
.p3-phone img{display:block;position:absolute;border-radius:16px}
.p3-swiper{width:58%;position:absolute;left:2.2%;top:0;z-index:2}
.p3-text{position:absolute;top:13%;width:85%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p3-textb{position:absolute;top:33%;width:85%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p3-text p{line-height:36px; opacity:0}
.p3-textb p{line-height:36px; opacity:0}
.p3cargo{color:#fb611a}
.p3type{color:#fb611a}
.p3city{color:#fb611a}
.p3ship{color:#fb611a}
.p3year{color:#fb611a}
.p3moth{color:#fb611a}
.p3day{color:#fb611a}
.p3ton{color:#fb611a}
.p3-btmAni{animation: leriAni 3s steps(4) infinite;}
@keyframes leriAni {
    0% { background-position:    0px 0; }
    100% { background-position: 134% 0; }
}


.p4-box{height:100%;position:relative;background:url(../images/P11.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p4-dangao{position:absolute;right:0;bottom:0;text-align:right;opacity:0;}
.p4-dangao img{width:60%;}
.p4-leftfox{position:absolute;left:7%;bottom:10%;opacity:0;z-index:51;text-align:left}
.p4-leftfox img{width:63%}
.p4-rightfox{position:absolute;left:42%;bottom:10%;opacity:0;z-index:52;text-align:center}
.p4-rightfox img{width:70%}
.p4-heart01{position:absolute;left:40%;top:30%;opacity:0;}
.p4-heart01 img{width:60%;}
.p4-heart02{position:absolute;left:50%;top:38%;opacity:0;}
.p4-heart02 img{width:50%;}
.p4-heart03{position:absolute;left:46%;top:48%;opacity:0;}
.p4-heart03 img{width:40%;}
.p4-planimg{position:absolute;z-index:50;left:-60%;bottom:-80%;}
.p4-plan-ani{animation: planAni 4s;}
.p4-text{position:absolute;top:13%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p4-textb{position:absolute;top:33%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p4-text p{line-height:36px; opacity:0}
.p4-textb p{line-height:36px; opacity:0}
.p4cargo{color:#fb611a;}
.p4ton{color:#fb611a;}
.p4motha{color:#fb611a;}
.p4daya{color:#fb611a;}
.bcity{color:#fb611a;}
.ecity{color:#fb611a;}
.p4mothb{color:#fb611a;}
.p4dayb{color:#fb611a;}
.p4add{color:#fb611a;}
.p4count{color:#fb611a;}
.p4city{color:#fb611a;}
.heartAni{animation:heart 3s infinite;}
.heartAni02{animation:heart02 3s infinite;}
.heartAni03{animation:heart03 3s infinite;}



@keyframes planAni {
    0% { left:-60%;bottom:-60%;}
    100% { left:100%;bottom:100%;}
}
@keyframes heart {
    0% { transform:scale(1,1);top:30%;}
	50%{transform:scale(1.1,1.1);top:31%}
    100% { transform:scale(1,1);top:30%}
}
@keyframes heart02 {
    0% { transform:scale(1,1);top:38%;}
	50%{transform:scale(1.1,1.1);top:37%}
    100% { transform:scale(1,1);top:38%}
}
@keyframes heart03 {
    0% { transform:scale(1,1);top:46%;}
	50%{transform:scale(1.1,1.1);top:45%}
    100% { transform:scale(1,1);top:46%}
}


.p5-box{height:100%;position:relative;background:url(../images/P5.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p5-bigBox{position:absolute;left:5%;top:5%;width:90%;height:90%;}
.p5-text{position:absolute;top:15%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: right}
.p5-textb{position:absolute;top:55%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";}
.p5-text p{line-height:36px; opacity:0}
.p5-textb p{line-height:36px; opacity:0}
.p5count{color:#fb611a;}
.p5countb{color:#fb611a;}
.p5-red{position:absolute;right:18%;top:6.5%;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
.p5-red img{width:60%}

/*p5 弹幕*/
#audio_btn{position:absolute;top:0;left:0;z-index:999999}
input{display:block;box-sizing:border-box;margin:0;padding:.5em;width:100%;border:none;color:inherit;font-size:1em;font-family:inherit;line-height:1.5em;resize:none}
.send-btn{float:left}
ul{margin:0;padding:0}
li{margin:0;padding:0;width:100%;list-style:none}
#conts p{margin:0;padding:3px 0 3px 0;width:100%;word-break:break-all}
.dm .d_screen .d_del{position:absolute;top:10px;right:20px;z-index:3;display:block;display:none;width:38px;height:38px;border:1px solid #fff;border-radius:19px;background:#600;color:#fff;text-align:center;text-decoration:none;font-size:20px;line-height:38px}
.dm .d_screen .d_del:hover{background:red}
.dm .d_screen .d_mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:.5;filter:alpha(opacity=50)}
.dm .d_screen .d_show{position:relative;z-index:2}
.dm .d_screen .d_show div{position:absolute;top:0;left:0;color:#fff;font-weight:500}
#showmeg p{text-align:center;font-weight:700}
.d_show div{width:230px;heigth:50px}
.d_show p{text-overflow:ellipsis;heigth:50px}
#audio_btn{position:absolute;top:0;left:0;z-index:999999}



.p6-box{height:100%;position:relative;background:url(../images/P6.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p6-plan{position:absolute;left:30%;top:20%;opacity:0;animate-duration: 3s;-webkit-animate-duration: 3s;}
.p6-plan img{width:70%;}
.p6-text{position:absolute;top:15%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p6-textb{position:absolute;top:35%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p6-text p{line-height:36px; opacity:0}
.p6-textb p{line-height:36px; opacity:0}
.p6count{color:#fb611a;}
.p6max{color:#fb611a;}
.p6min{color:#fb611a;}
.p6cargo{color:#fb611a;}
.p6-step01{position:absolute;bottom:-10%;left:0;-webkit-transform:scale(1,1);transform:scale(1,1);text-align:left}
.p6-step01 img{width:130%;}
.p6-step02{position:absolute;bottom:-10%;right:0;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}
.p6-step03{position:absolute;bottom:-10%;left:0;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0}
.p6-step04{position:absolute;bottom:-10%;right:-15%;-webkit-transform:scale(1,1);transform:scale(1,1);opacity:0;text-right:right}
.p6-step05{position:absolute;bottom:-1%;left:0;opacity:0}
.p6-s1-zoom{animation: p6-zoom 1s;}
.p6-s2-zoom{animation: p6-zoom02 1s;}
.p6-s3-zoom{animation: p6-zoom03 1s;}
.p6-s4-zoom{animation: p6-zoom04 1s;}
.p6-s5-zoom{animation: p6-zoom05 1s;}
.p6-end{z-index:999;opacity:0;background:url(../images/p6-end.png);background-size:100%;max-width:640px;height:100%;}

@keyframes p6-zoom {
      0% { bottom:-10%;left:0;-webkit-transform:scale(1,1);transform:scale(1,1)}
    100% { bottom:15%;left:-40%;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}
}
@keyframes p6-zoom02 {
      0% { bottom:-10%;right:0;-webkit-transform:scale(1,1);transform:scale(1,1)}
    100% { bottom:20%;right:-15%;-webkit-transform:scale(.8,.8);transform:scale(.8,.8)}
}
@keyframes p6-zoom03 {
      0% { bottom:-10%;left:0;-webkit-transform:scale(1,1);transform:scale(1,1)}
    100% { bottom:2%;left:-30%;-webkit-transform:scale(.7,.7);transform:scale(.7,.7)}
}

.p7-box{height:100%;position:relative;background:url(../images/P7.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p7-text{position:absolute;top:35%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";text-align: right}
.p7-textb{position:absolute;top:65%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";}
.p7-text p{line-height:36px; opacity:0}
.p7-textb p{line-height:36px; opacity:0}
.p7day{color:#fb611a;}
.p7hour{color:#fb611a;}


.p8-box{height:100%;position:relative;background:url(../images/P8.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p8-text{position:absolute;top:25%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p8-textb{position:absolute;top:75%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p8-text p{line-height:36px; opacity:0}
.p8-textb p{line-height:36px; opacity:0}
.p8tel{color:#fb611a;}
.p8ship{color:#fb611a;}




.p9-box{height:100%;position:relative;background:url(../images/P9.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p9-text{position:absolute;top:15%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: right}
.p9-textb{position:absolute;top:45%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: right}
.p9-text p{line-height:38px; opacity:0}
.p9-textb p{line-height:38px; opacity:0}
.p9tel{color:#fb611a;}
.p9phone{color:#fb611a;}






.p10-box{height:100%;position:relative;background:url(../images/P10.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p10-text{position:absolute;top:15%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";}
.p10-textb{position:absolute;top:35%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";}
.p10-text p{line-height:36px; opacity:0}
.p10-textb p{line-height:36px; opacity:0}
.p10cont{color:#fb611a;}
.p10ship{color:#fb611a;}
.p10numb{color:#fb611a;}




.p11-box{height:100%;position:relative;background:url(../images/P4.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p11-text{position:absolute;top:10%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p11-textb{position:absolute;top:30%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p11-text p{line-height:36px; opacity:0}
.p11-textb p{line-height:36px; opacity:0}
.p11ship{color:#fb611a;}
.p11-t4{color:#fb611a;}
.p11-t5{color:#fb611a;}
.p11-t6{color:#fb611a;}
.p11-t7{color:#fb611a;}
.p11-t8{color:#fb611a;}
.p11-t9{color:#fb611a;}







.p12-box{height:100%;position:relative;background:url(../images/P12.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p12-text{position:absolute;top:15%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";text-align: right}
.p12-textb{position:absolute;top:35%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";text-align: right}
.p12-text p{line-height:36px; opacity:0}
.p12-textb p{line-height:36px; opacity:0}
.p12moth{color:#fb611a;}
.p12day{color:#fb611a;}
.time{color:#fb611a;}





.p13-box{height:100%;position:relative;background:url(../images/P13.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p13-text{position:absolute;top:13%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p13-textb{position:absolute;top:25%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";text-align: center}
.p13-text p{line-height:36px; opacity:0}
.p13-textb p{line-height:36px; opacity:0}
.p13scale{color:#fb611a;}
.p13service{color:#fb611a;}



.p14-box{height:100%;position:relative;background:url(../images/P14.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p14-text{position:absolute;top:13%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p14-textb{position:absolute;top:60%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p14-text p{line-height:36px; opacity:0}
.p14-textb p{line-height:36px; opacity:0}
.p14info{color:#fb611a;}
.p14ton{color:#fb611a;}
.p14-t5{color:#fb611a;}
.p14city1{font-size:26px;}
.p14city2{font-size:21px;}
.p14city3{font-size:17px;}





.p15-box{height:100%;position:relative;background:url(../images/P15.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p15-text{position:absolute;top:18%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p15-textb{position:absolute;top:60%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p15-text p{line-height:36px; opacity:0}
.p15-textb p{line-height:36px; opacity:0}
.p15strip{color:#fb611a;}
.p15ton{color:#fb611a;}
.p15-t5{color:#fb611a;}
.p15cargo1{font-size:26px;}
.p15cargo2{font-size:21px;}
.p15cargo3{font-size:17px;}



.p16-box{height:100%;position:relative;background:url(../images/P16.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p16-text{position:absolute;top:13%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";text-align:center}
.p16-textb{position:absolute;top:60%;width:80%;left:10%;font-size:18px;color:white;font-family:"微软雅黑";text-align:right}
.p16-text p{line-height:36px; opacity:0}
.p16-textb p{line-height:36px; opacity:0}
.p16-t2{color:#fb611a;font-size:17px;}
.p16-t3{color:#fb611a;font-size:21px;}
.p16-t4{color:#fb611a;font-size:26px;}



.p17-box{height:100%;position:relative;background:url(../images/P17.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p17-text{position:absolute;top:13%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p17-textb{position:absolute;top:33%;width:80%;left:10%;font-size:18px;color:#09355e;font-family:"微软雅黑";}
.p17-text p{line-height:36px; opacity:0}
.p17-textb p{line-height:36px; opacity:0}
.p17y{color:#fb611a;}
.p17m{color:#fb611a;}
.p17d{color:#fb611a;}
.p17ton{color:#fb611a;}




.p18-box{height:100%;position:relative;background:url(../images/P18.gif) bottom center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.p18-text{
    position:absolute;
    bottom:18%;
    width:80%;
    left:10%;
    font-size:20px;
    color:#09355e;
    font-family:"微软雅黑";
    text-align: center;
}
.p18-textb{
    position:absolute;
    bottom:9%;
    width:80%;
    left:10%;
    font-size:18px;
    color:#09355e;
    font-family:"微软雅黑";
    text-align: center;
}
.p18-textc{
  position:absolute;
  bottom:4%;
  width:80%;
  left:10%;
  font-size:14px;
  font-family:"微软雅黑";
  text-align: center;
}
.p18-text p{line-height:26px; opacity:0}
.p18-t1{color:#fb611a;}
.p18-t4{color:#fb611a;}
.button{
  width:180px;
  height:40px;
  background-color: #4097E6;
  color:white;
  margin:0 auto;
  border-radius:5px;
  text-align: center;
  line-height:40px;
}
.tips{
  height:20px;
  color:white;
  margin:0 auto;
  text-align: center;
  line-height:20px;
}



@keyframes lazhu {
      0% { background-position:    0px 0; }
    100% { background-position: 192% 0; }
}

@keyframes guochan {
      0% { background-position:    0px 0; }
    100% { background-position: 212% 0; }
}

@keyframes huluobu {
      0% { top:52.5% }
    100% { top:57.5% }
}



/* 兼容iphone6 plus */
@media (max-height:672px) and (-webkit-min-device-pixel-ratio:3.0){
.p1-sun{position:absolute;background:url(../images/P1_ri.png) no-repeat;background-size:100%;width:17rem;height:17rem;left:-20%;top:-10%;animation: sunRound 20s linear infinite; opacity:1}
.p2-lazhu{position:absolute;background:url(../images/P2-lazhu01.png) no-repeat;background-size:cover;width:3rem;height:6rem;top:70%;left:46%;animation: lazhu 1s steps(2) infinite;}

}
















.six{position:absolute;width:80%;left:10%;top:30%;text-align:center;}

.six span img{
  width:3.2rem;
  height:3.2rem;
  opacity: 0;
  transform: rotate(-180deg) translate(150px, 0);
  animation: twister 1s forwards;
}

@keyframes twister {
  30% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0);
    opacity: 1;
  }
}

@-webkit-keyframes twister {
  10% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0);
    opacity: 1;
  }
}
/*太阳旋转*/

@keyframes sunRound {
  10% {
	transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}


/*白云*/
/*Time to animate*/
.x1 {-webkit-animation: moveclouds 10s linear infinite;}
/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {-webkit-animation: moveclouds 15s linear infinite;}
.x3 {-webkit-animation: moveclouds 20s linear infinite;}
@-webkit-keyframes moveclouds {
	0% {margin-left: 200px;}
	100% {margin-left: -300px;}
}

/*loading*/
.spinner{margin:75pt auto;width:50px;height:60px;text-align:center;font-size:10px}
.spinner>div{display:inline-block;width:6px;height:100%;background-color:#67cf22;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1)}
}
@keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}

/*music*/
@-webkit-keyframes op{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}
@-webkit-keyframes qn{0%{-webkit-transform:rotateZ(0deg)}50%{-webkit-transform:rotateZ(70deg)}100%{-webkit-transform:rotateZ(0deg)}}
@-webkit-keyframes qw{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-360deg)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}
@-webkit-keyframes py{0%{-webkit-transform: translate(0,-5px)}50%{-webkit-transform: translate(0,5px)}100%{-webkit-transform: translate(0,-5px)}}
@-webkit-keyframes down{0%{-webkit-transform:translate(0,0px);opacity:0.8;}70%{-webkit-transform:translate(0,50px);opacity:0;}99%{-webkit-transform:translate(0,50px);opacity:0;}100%{-webkit-transform:translate(0,0px);opacity:0.8;}}
@-webkit-keyframes go{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-10px)}100%{-webkit-transform:translate(0,0)}}
.ro{-webkit-animation:rotate 5s linear 0s infinite;}

.music{width:8%;height:auto;position:fixed;top:15px;right:15px;z-index:9999;cursor:pointer;}
.music-p{width:140%;height:auto;position:absolute;top:-30%;right:-30%;}
.music img,.music-p img{width:100%;height:auto;}