@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
body,html{margin:0 auto;}
img {border:none;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*Çå³þ°´Å¥ÒõÓ°*/
}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
body {min-width:320px;overflow-x:hidden;}
.container{margin:0 auto;max-width:750px;overflow:hidden; }

.banner{width:100%; margin: 0 auto; position: relative}
.banner img{width:100%}

.cont1{width:100%; margin: 0 auto; position: relative}
.cont1 img{width:100%}
.cont1_wz{ width:100%; position: absolute; left: 2.6667%; top: 12%; color: #333333}
.cont1_wz strong{display:inline-block; color: #fff; font-size: 4.65rem; background-color: #3886b4;font-weight:400; margin-bottom: 1%; line-height: 1.5}
.cont1_wz h2{ font-size:3rem}
.cont1_wz h4{ font-weight: bold;color:#b38c54; font-size: 4.8rem; margin-top: 5%}
.cont1_wz h4 em{font-weight:400;}
.cont1_wz span{display:block; font-size: 2.6rem; margin-bottom: 1%;}
.cont1_wz p{ color:#666666; font-size:2rem}
.cont1_wz a{display:block; width: 44.4%;margin-top: 2%; color:#fff; font-size:3.4rem; line-height: 2.3; background-color: #ff5400; text-align: center;border-radius:50px;-moz-box-shadow:0px 10px 20px rgba(255,84,0,.3); -webkit-box-shadow:0px 10px 20px rgba(255,84,0,.3); box-shadow:0px 10px 20px rgba(255,84,0,.3);}
.cont1_wz a em{width:8.1%; display: inline-block; margin-left: 5%;vertical-align: middle!important }

.cont2{width:100%; margin: 0 auto; position: relative}
.cont2 img{width:100%}

.cont3{width:100%; margin: 0 auto; position: relative}
.cont3 img{width:100%}
.cont3 img:nth-child(2){ position:absolute; width:22%; left: 14.6667%; top: 14.08%;animation:movement1 4s infinite;-webkit-animation:movement1 4s infinite;}
.cont3 img:nth-child(3){ position:absolute; width:21.2%; left: 1.6%; top: 38.122%;animation:movement1 5s infinite;-webkit-animation:movement1 5s infinite;}
.cont3 img:nth-child(4){ position:absolute; width:19.2%; left: 76.6667%; top: 35.211%;animation:movement1 6s infinite;-webkit-animation:movement1 6s infinite;}
.cont3 img:nth-child(5){ position:absolute; width:23.46667%; left: 3.3333%; top: 59.642%;animation:movement1 4s infinite;-webkit-animation:movement1 4s infinite;}
.cont3 img:nth-child(6){ position:absolute; width:21.7333%; left: 76.6667%; top: 59.642%;animation:movement1 4s infinite;-webkit-animation:movement1 4s infinite;}
.cont3 a{display:block; position: absolute; width: 74%; left: 18%;bottom:5%; color:#fff; font-size:3.4rem; line-height: 2.3; background-color: #ff5400; text-align: center;border-radius:50px;-moz-box-shadow:0px 10px 20px rgba(255,84,0,.3); -webkit-box-shadow:0px 10px 20px rgba(255,84,0,.3); box-shadow:0px 10px 20px rgba(255,84,0,.3);}
.cont3 a em{width:6.1%; display: inline-block; margin-left: 0%;vertical-align: middle!important }


.cont4{width:100%; margin: 0 auto; position: relative}
.cont4 img{width:100%}
.cont4 ul{ width:94.6667%; margin: 0 auto; position: absolute;left:2.66665%; top: 15.2823%}
.cont4 ul li{float:left; width:48.3%; margin-bottom: 2%}

.cont5{width:100%; margin: 0 auto; position: relative}
.cont5 img{width:100%}
.cont5 ul{ width:66.6667%; margin: 0 auto; position: absolute;left:2.66667%; top: 43.454%}
.cont5 ul li{float:left; width:48.6%; margin-bottom: 2%}
.cont5 a{display:block; position: absolute; width: 62%; left: 19%;bottom:5%; color:#fff; font-size:3.4rem; line-height: 2.3; background-color: #ff5400; text-align: center;border-radius:50px;-moz-box-shadow:0px 10px 20px rgba(255,84,0,.3); -webkit-box-shadow:0px 10px 20px rgba(255,84,0,.3); box-shadow:0px 10px 20px rgba(255,84,0,.3);}
.cont5 a em{width:7.1%; display: inline-block; margin-left: 2%;vertical-align: middle!important }

.cont6{width:100%; margin: 0 auto; position: relative}
.cont6 img{width:100%}
.cont6 ul{ width:66.6667%; margin: 0 auto; position: absolute;left:30.66667%; top: 39.57%}
.cont6 ul li{float:left; width:48.6%; margin-bottom: 2%}
.cont6 a{display:block; position: absolute; width: 44%; left: 28%;bottom:5%; color:#fff; font-size:3.4rem; line-height: 2.3; background-color: #ff5400; text-align: center;border-radius:50px;-moz-box-shadow:0px 10px 20px rgba(255,84,0,.3); -webkit-box-shadow:0px 10px 20px rgba(255,84,0,.3); box-shadow:0px 10px 20px rgba(255,84,0,.3);}
.cont6 a em{width:8.1%; display: inline-block; margin-left: 3%;vertical-align: middle!important }

.cont7{width:100%; margin: 0 auto; position: relative}
.cont7 img{width:100%}

.cont8{width:100%; margin: 0 auto; position: relative}
.cont8 img{width:100%}
.cont8 a{display:block; position: absolute; width: 50%; left: 25%;bottom:5%; color:#fff; font-size:3.4rem; line-height: 2.3; background-color: #ff5400; text-align: center;border-radius:50px;-moz-box-shadow:0px 10px 20px rgba(255,84,0,.3); -webkit-box-shadow:0px 10px 20px rgba(255,84,0,.3); box-shadow:0px 10px 20px rgba(255,84,0,.3);}
.cont8 a em{width:8.1%; display: inline-block; margin-left: 3%;vertical-align: middle!important }

.cont9{width:100%; margin: 0 auto; position: relative}
.cont9 img{width:100%}


.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
}




@keyframes movement1{0%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(-6px,-10px);transform:translate(-6px,-10px)}
75%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
100%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
}
@-webkit-keyframes movement1{0%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(-6px,-10px);transform:translate(-6px,-10px)}
75%{-webkit-transform:translate(8px,0);transform:translate(8px,0)}
100%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
}
@keyframes movement2{0%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
}
@-webkit-keyframes movement2{0%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
25%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px)}
50%{-webkit-transform:translate(6px,-3px);transform:translate(6px,-3px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(10px,3px);transform:translate(10px,3px)}
}
@keyframes movement3{0%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
25%{-webkit-transform:translate(-4px,6px);transform:translate(-4px,6px)}
50%{-webkit-transform:translate(2px,8px);transform:translate(2px,8px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
}
@-webkit-keyframes movement3{0%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
25%{-webkit-transform:translate(-4px,6px);transform:translate(-4px,6px)}
50%{-webkit-transform:translate(2px,8px);transform:translate(2px,8px)}
75%{-webkit-transform:translate(-8px,0);transform:translate(-8px,0)}
100%{-webkit-transform:translate(-10px,3px);transform:translate(-10px,3px)}
}




@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
	
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/


}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}