@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; display:block}
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; }
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    box-pack: justify;
}
/*banner*/
.banner{ overflow:hidden}
.banner .btn{width:48%;height:10%;bottom:15%;right:3%}
/*box1*/
.box1{ overflow:hidden;}
.box1 .nr{width:90%;top:0;left:5%;}
.box1 h2{font-size:4.1rem;color:#000000; text-align:center;padding-top:19%}
.box1 h3{font-size:4.1rem;color:#523195; text-align:center;padding-bottom:6%}
.box1 .wz{width:25%; float:left;margin-top:7%}
.box1 span{ display:block;width:89%;margin:0 auto;border-radius:100%}
.box1 span img{border-radius:100%}
.box1 p{font-size:2.6rem;color:#313131; text-align:center;padding-top:4%}
.box1 .btn{ clear:both;display:block;width:59%;margin:0 auto;padding-top:7%}
/*box2*/
.box2{overflow:hidden;}
.box2 .nr{width:80%;top:0;left:10%;}
.box2 h2{font-size:4.1rem;color:#fff; text-align:center;padding-top:38%}
.box2 .wz{width:45%;margin-top:10%}
.box2 span{ display:block;width:56.6%;margin:0 auto;}
.box2 p{font-size:2.8rem;color:#fff;padding-top:4%}
/*box3*/
.box3{ overflow:hidden; background:#f9d855;}
.box3 .box3_center{width:91%;margin:0 auto}
.box3 h2{font-size:4.1rem;color:#393443; text-align:center;padding-top:3%;padding-bottom:5%}
.box3 .nr{width:100%;margin-top:4%;}
.box3 .tp1{width:43.2%}
.box3 span{ display:block;width:100%}
.box3 span img{box-shadow: 0 10px 15px rgba(57,59,132,.25);}
.box3 .wzdw{width:50%;font-size:2.1rem;color:#fff; text-align:center;background: linear-gradient(to right, #ca9cfb , #7568f0);border-radius:100px;bottom:-4%;left:25%;padding:2.5% 0}
.box3 .wz{width:49.6%}
.box3 h3{font-size:3.0rem;color:#393443;padding-top:9%}
.box3 h4{font-size:2.4rem;color:#393443;padding-top:1%}
.box3 .title{width:35%; background:#be99ff;border-radius:14px;padding:2% 2%;margin-top:20%}
.box3 h5{font-size:2.5rem;color:#fff;padding-top:1%}
.box3 .h6_1{width:15%;top:20%;right:-9%}
.box3 .h6_2{width:15%;top:20%;left:-9%}
.box3 .tp2{width:53%}
.box3 .btn{ clear:both;display:block;width:64%;margin:0 auto;padding-top:12%}
/*box4*/
.box4{overflow:hidden}
.box4 .nr{width:94.6%;top:0;left:2.7%}
.box4 h2{font-size:4.1rem;color:#fff; text-align:center;padding-top:32%}
.box4 .wz{width:100%; background:#fff;border-radius:10px;padding:5% 2%;margin-top:10%}
.box4 .left{width:48%;}
.box4 .right{width:51%;}
.box4 h3{font-size:2.4rem;color:#fff; text-align:center;padding:2% 2%; background:#253251;border-radius:100px;margin-top:1%}
.box4 .h3_1{width:50%}
.box4 .h3_2{width:70%}
.box4 h4{font-size:2.4rem;color:#253251;padding-top:1%}
.box4 h5{width:80%;padding-top:3%}
/*box5*/
.box5{overflow:hidden;}
.box5 .btn{width:66%;height:4%;top:38%;left:16%}
.box5 .btn1{width:74%;height:4%;bottom:2.3%;left:12%}
/*box6*/
.box6{overflow:hidden;}
.box6 .btn{width:76%;height:6%;bottom:16%;left:10%}
/*box7*/
.box7{overflow:hidden;}
.box7 .nr{width:94.6%;top:0;left:2.7%}
.box7 h2{font-size:4.1rem;color:#fff; text-align:center;padding-top:6%}
.box7 .zj .bd{ width:98%; margin:0 auto;margin-top:8%}
.box7 .zj .hd { height: 6px; width: 100%; text-align: center;position: relative;position:absolute;left:0;bottom:-12%;}
.box7 .zj .hd li { width: 14px; height:14px; margin:0 1%;  background: #fff; display: inline-block; overflow: hidden;border-radius:100px;}
.box7 .zj .hd .on { background:#ff5400;}
.box7 .btn{ display:block;width:72.3%;margin:0 auto;margin-top:15%}
/*box8*/
.box8{overflow:hidden;}
.box8 .nr{width:94.6%;top:0;left:2.7%}
.box8 h2{font-size:4.1rem;color:#fff; text-align:center;}
.box8 .zj .bd{ width:98%; margin:0 auto;margin-top:8%;box-shadow: 0 5px 30px rgba(9,2,4,.45);}
.box8 .zj .hd { height: 6px; width: 100%; text-align: center;position: relative;position:absolute;left:0;bottom:-5%;}
.box8 .zj .hd li { width: 14px; height:14px; margin:0 1%;  background: #fff; display: inline-block; overflow: hidden;border-radius:100px;}
.box8 .zj .hd .on { background:#ff5400;}
/*box9*/
.box9{overflow:hidden;}
.box9 .btn{width:76%;height:22%;bottom:30%;left:10%;}


@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*/
}