*{ -webkit-text-size-adjust: none; }
body { margin:0; border:0; width:100%; background: #c8e5f7; color: #000; font-size: 14px; line-height:170%; }
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong { text-align: left; vertical-align: middle; margin: 0px; padding: 0px; word-wrap: normal; word-break: normal; border-width:0; font-family: "敺株��迤暺煾��", "��𧢲�𨅯�瑚葉暺�", "Lucida Grande", "Arial", "Arial Narrow"; outline:none; }

.mianBox{ width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.mianBox >img{position: absolute}
.yun0{right: -140px;top: 30px;webkit-animation: cloudLarge 105s infinite;-moz-animation: cloudLarge 105s infinite;-o-animation: cloudLarge 105s infinite;animation: cloudLarge 105s infinite;}
.yun1{left: 5%;top: 48%;-webkit-animation: cloudSmall 105s infinite;-moz-animation: cloudSmall 105s infinite;-o-animation: cloudSmall 105s infinite;animation: cloudSmall 105s infinite;}
.yun2{left: 16%;top: 35%;-webkit-animation: cloudMedium 105s infinite;-moz-animation: cloudMedium 105s infinite;-o-animation: cloudMedium 105s infinite;animation: cloudMedium 105s infinite;}
.san{left: 10%;top: 20%;-webkit-animation:dn400 3s 0s ease both;-moz-animation:dn400 3s 0s ease both;animation:dn400 3s 0s ease both;}
.bird{left: 27%;top: 15%;-webkit-animation: flying 3s infinite;-moz-animation: flying 3s infinite;-o-animation: flying 3s infinite;animation: flying 3s infinite;}
.disk{left: 234px;top: 98px;z-index: 9;-webkit-animation: flying 2s infinite;-moz-animation: flying 2s infinite;-o-animation: flying 2s infinite;animation: flying 2s infinite;}
.light{left: 330px;top: 188px;z-index: 8;-webkit-animation: light 1s infinite;-moz-animation: light 1s infinite;-o-animation: light 1s infinite;animation: light 1s infinite;}
.man{left: 400px;top: 310px;z-index: 7;-webkit-animation: hide 2s 0.5s infinite;-moz-animation: hide 2s 0.5s infinite;-o-animation: hide 2s 0.5s infinite;animation: hide 2s 0.5s infinite;}
.picv{left: 15%;top: 390px;}
.tipInfo{position:absolute;z-index:99;margin-left:150px;border: 4px solid #87b0c9;border-radius:5px;background: #c8e5f7;width: 360px}
.tipInfo .in{background: #fff;padding: 0 10%}
.tipInfo .in h2{line-height:50px;font-size: 30px;color: #e94c3c;border-bottom: 1px dashed #aacdd5;padding: 18px 0}
.tipInfo .in p{padding:30px 0 50px 0;font-size: 18px;color: #505352;}
.tipInfo .in p span{margin:0 20px}
.tipInfo .in p span a{color:#e94c3c;margin: 0 10px}
.tipInfo .in .desc{overflow: hidden;font-size: 14px;color: #2b2b2b;padding: 0 10%}
.tipInfo .in .desc h3{font-weight: normal;padding: 20px 0 5px 0}
.tipInfo .in .desc li{background: url("/images/404/dot.png") no-repeat left center;margin-left: 5px;padding: 5px 0;padding-left: 8px;*padding-left: 20px;}
@-webkit-keyframes cloudLarge{0%{right: -140px;}
100%{right: 118%;}}
@-moz-keyframes cloudLarge{0%{right: -140px;}
100%{right: 118%;}}
@-o-keyframes cloudLarge{0%{right: -140px;}
100%{right: 118%;}}
@keyframes cloudLarge{0%{right: -140px;}
100%{right: 118%;}}
@-webkit-keyframes cloudSmall{0%{left: 5%;}
100%{left: 108%;}}
@-moz-keyframes cloudSmall{0%{left: 5%;}
100%{left: 105%;}}
@-o-keyframes cloudSmall{0%{left: 5%;}
100%{left: 105%;}}
@keyframes cloudSmall{0%{left: 5%;}
100%{left: 105%;}}
@-webkit-keyframes cloudMedium{0%{left: 16%;}
100%{left: -18%;}}
@-moz-keyframes cloudMedium{0%{left: 16%;}
100%{left: -18%;}}
@-o-keyframes cloudMedium{0%{left: 16%;}
100%{left: -18%;}}
@keyframes cloudMedium{0%{left: 16%;}
100%{left: -18%;}}
@-webkit-keyframes light{0%{opacity: 0;}
100%{opacity: 100;}}
@-moz-keyframes light{0%{opacity: 0;}
100%{opacity: 100;}}
@-o-keyframes light{0%{opacity: 0;}
100%{opacity: 100;}}
@keyframes light{0%{opacity: 0;}
100%{opacity: 100;}}
@-webkit-keyframes hide{0%{opacity: 100;}
100%{opacity: 0;}}
@-moz-keyframes hide{0%{opacity: 100;}
100%{opacity: 0;}}
@-o-keyframes hide{0%{opacity: 100;}
100%{opacity: 0;}}
@keyframes hide{0%{opacity: 100;}
100%{opacity: 0;}}
@keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-o-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-moz-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-o-keyframes flying{0%{margin-top: 0px;}
50%{margin-top: 6px;}
100%{margin-top: 0px;}}
@-webkit-keyframes down900{0%{opacity:0;-webkit-transform:translate(0,0);}
100%{opacity:1;-webkit-transform:translate(900,900);}}
@-moz-keyframes down900{0%{opacity:0;-moz-transform:translate(0,0);}
100%{opacity:1;-moz-transform:translate(900,900);}}
@-o-keyframes down900{0%{opacity:0;-o-transform:translate(0,0);}
100%{opacity:1;-o-transform:translate(900,900);}}
@keyframes down900{0%{opacity:0;transform:translate(0,0);}
100%{opacity:1;transform:translate(900,900);}}
@-webkit-keyframes dn400{0%{opacity:0;-webkit-transform:translateY(-400px);}
100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes dn400{0%{opacity:0;-moz-transform:translateY(-400px);}
100%{opacity:1;-moz-transform:translateY(0);}}
@-o-keyframes dn400{0%{opacity:0;-o-transform:translateY(-400px);}
100%{opacity:1;-o-transform:translateY(0);}}
@keyframes dn400{0%{opacity:0;transform:translateY(-400px);}
100%{opacity:1;transform:translateY(0);}}

@media screen and (max-width: 1024px) {
	.san{ top: 5%; }
}
@media screen and (max-width: 980px) {
	.san{ top: 10%; left: 0; }
}
@media screen and (max-width: 640px) {
	.san{ width: 240px; }
	.tipInfo { margin-left: 100px; }
}
@media screen and (max-width: 480px) {
	.san{ width: 210px; top: 5px; }
	.tipInfo { margin-left: 0; }
}
@media screen and (max-width: 450px) {
	.san{ width: 140px; }
	.tipInfo { width: 90%; }
}
@media screen and (max-width: 320px) {
	.san{ width: 110px; top: -20px; }
}