@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;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{
	display:table;
	box:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	zoom:1;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.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;}
input{outline:none;}
.container{max-width:640px;margin:0 auto;color:#4d4a5c;overflow:hidden; }


.banner a {display:block;width:35%;height:7%;position:absolute;left:2%;bottom:9%;}
.box1 .userInfo {width:73%;left:50%;top:63%;}
.box1 .userInfo label {width:90%;margin-bottom: 3%;display: block;margin:0 auto;}
.box1 .userInfo label input {width:100%;font-size: 2.4rem;color: #000000;line-height: 2.9;background-color: #e5e5e5;border-radius: 5px;border:none;padding-left: 14%;outline: none;}
.box1 .userInfo label p{ position:absolute;width:5.8%;top:30%;left:5%}
.box1 .submitBox a{ display:block;width:93%;padding:8% 0;margin:0 auto;margin-top:10%}
input::-webkit-input-placeholder{
            color:#ccc;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#ccc;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#ccc;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#ccc;
        }
/*box2*/
.box2{ overflow:hidden;padding-top: 6%; background:#f6f3ec}
.box2 .btn{display:block;width:70%;height:15%;position:absolute;right:15%;bottom:6%;}
/*box3*/
.box3{overflow:hidden}
.box3 .btn{display:block;width:70%;height:12%;position:absolute;right:15%;bottom:1%;}
/*box4*/
.box4{overflow:hidden}
.box4 .nr{width:100%;top:0;left:0}
.box4 h2{font-size:0.4rem;color:#fff;font-weight:bold; text-align:center;padding-top:5%}
.box4 .zj .bd{width:87%;margin:0 auto; box-shadow: 0 30px 20px rgba(40,54,100,.2);}
.box4 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-15%;left:0 }
.box4 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #d3d3d6; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box4 .zj .hd li { font-size:2.2rem;}
.box4 .zj .hd  .on{ background: #efd45a; color:#fff;}
.box4 .zj .prev,.box4 .zj .next { width:5.4%;height:25%; position: absolute; top: 50%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box4 .zj .prev { left:0.5%;background: url(../images/left1.png) no-repeat center; background-size:100%}
.box4 .zj .next {  right:0.5%;background: url(../images/right1.png) no-repeat center; background-size:100%}
.box4 .zj2 .prev,.box4 .zj2 .next { width:7.4%;height:25%; position: absolute; top: 50%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box4 .zj2 .prev { left:5%;background: url(../images/left2.png) no-repeat center; background-size:100%}
.box4 .zj2 .next {  right:5%;background: url(../images/right2.png) no-repeat center; background-size:100%}
.box4 .zj .bd li{padding-top:1.5%}
.box4 h6{width:9.4%;top:0%;left:8%}
.box4 .zj2 .bd{width:72.5%;margin:0 auto;margin-top:13%}
.box4 h3{width:85.1%;margin:0 auto;margin-top:11%}
.box4 .btn{display:block;width:70%;height:8%;position:absolute;right:15%;bottom:11%;}
/*box5*/
.box5{ overflow:hidden; background:url(../images/box5_1.jpg) repeat; background-size:auto}
.box5 .btn{display:block;width:70%;height:13%;position:absolute;left:15%;bottom:0%;}
.box5 .btn1{left:15%;bottom:6%;}
.box5 .btn2{left:15%;bottom:12%;}
.box5 .btn3{left:15%;bottom:16%;}
.box5 .btn4{left:15%;bottom:9%;}
/*box6*/
.box6{ background:#165ed6}
.box6 .nr{width:100%;top:0;left:0}
.box6 h2{font-size:0.4rem;color:#fff;font-weight:bold; text-align:center;padding-top:20%}
.box6 .zj .bd{width:100%;margin:0 auto;margin-top:5%}
.box6 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;top:22%;left:0 }
.box6 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #d3d3d6; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box6 .zj .hd li { font-size:2.2rem;}
.box6 .zj .hd .on{ background: #efd45a; color:#fff;}
.box6 .prev,
.box6 .next {width:7.4%;height:6%;background: url(../images/left2.png) no-repeat center; position: absolute; top: 10%; transform:translateY(-50%);z-index: 10; cursor: pointer;background-size:100%}
.box6 .prev { left:6% }
.box6 .next {  right:6%;background: url(../images/right2.png) no-repeat center;background-size:100%}
.box6 .btn{display:block;width:70%;height:7%;position:absolute;right:15%;bottom:5%;}
/*box7*/
.box7{ overflow:hidden}
.box7 .zj .bd{width:100%;margin:0 auto;margin-top:5%}
.box7 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:2%;left:0 }
.box7 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #d3d3d6; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box7 .zj .hd li { font-size:2.2rem;}
.box7 .zj .hd .on{ background: #efd45a; color:#fff;}
.box7 .btn{display:block;width:70%;height:10%;position:absolute;left:15%;bottom:5%;}
/*box8*/
.box8{ overflow:hidden}
.box8 .nr{width:97%;top:0;left:1.5%}
.box8 h2{font-size:4.0rem;color:#fff;font-weight:bold; text-align:center;padding-top:8%;padding-bottom:3%}
.box8 h3{width:48.3%;padding-top:3%}
.box8 h4{width:31.7%; float:left;padding-top:3%;margin-left:2.4%}
.box8 .h4_1{margin-left:0}
/*box9*/
.box9{ overflow:hidden}

.box9 .userInfo {width:80%;left:50%;top:7%;}
.box9 h2{font-size:0.36rem;color:#fff;font-weight:bold; text-align:center;}
.box9 h3{font-size:0.3rem;color:#ff4a3c;text-align:center;padding-bottom:4%}

.box9 .userInfo label {width:100%;margin-bottom: 3%;display: block;}
.box9 .userInfo label input {width:100%;font-size: 0.24rem;color: #000000;line-height: 2.9;background-color: #e5e5e5;border-radius: 5px;border:none;padding-left: 14%;outline: none;    box-sizing: border-box;}
.box9 .userInfo label p{ position:absolute;width:5.8%;top:25%;left:5%}
.box9 .userInfo .submitBox{width:100%;background: linear-gradient(to right, #ff6949 , #ff493c);border-radius:5px;box-shadow: 0 20px 30px rgba(255,80,63,.25);margin-top:7%}
.box9 .userInfo a{ display:block;font-size: 0.24rem;color: #fff;text-align:center;line-height: 2.9;}
@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*/
}