@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 h2{ position:absolute;width:54%;right:1.5%;top:33%; z-index:2;box-shadow: 0 5px 30px rgba(9,2,4,.55);}
/*box1*/
.box1{background: linear-gradient(to bottom, #d69f5c , #cb924f , #b57834)}
.box1 .nr{width:100%;top:0;left:0}
.box1 h2{width:79.7%;margin:0 auto;padding-top:14%}
.box1 h3{margin-top:3%}
.box1 .btn{ clear:both;display:block;width:63.3%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:2.1;box-shadow: 0 10px 10px rgba(255,36,122,.25);}
/*box2*/
.box2 .nr{width:100%;top:15.55%;left:0}
.box2 .b2txt{width:50%;padding-left:3%;}
.box2 h2{width:32.8%;}
.box2 p{font-size:2.6rem;color:#535353;margin-top:5%;}
.box2 h3{font-size:3rem;color:#1b1b1b;padding:2% 0;}
.box2 h4{font-size:2.6rem;color:#535353;}
.box2 h5{width:96.66%;margin:20% auto 0;}
.box2 .btn{ clear:both;display:block;width:63.3%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:2.1;margin-top:10%;box-shadow: 0 10px 10px rgba(255,36,122,.25);}

/*box3*/
.box3 .nr{width:100%;top:8.52%;left:0}
.box3 h2{width:32.8%;}
.box3 .b3txt{width:50%;padding-left:3%;}
.b3txt p{font-size:2.6rem;color:#535353;margin-top:5%;}
.b3txt h3{font-size:3rem;color:#1b1b1b;padding:2% 0;}
.b3txt h4{font-size:2.6rem;color:#535353;}
.box3 h5{width:95.6%;margin:30% auto 0;}
.box3 .btn{ clear:both;display:block;width:50%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:2.1;margin-top:5%;box-shadow: 0 10px 10px rgba(255,36,122,.25);}
/*box4*/
.box4{width:100%;}
.box4 .nr{width:100%;top:80%;left:0%;}
.box4 .btn{width:73%;display:block;background: linear-gradient(to right, #ff237b , #ff5a5d);border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:2.1;box-shadow: 0 10px 10px rgba(255,36,122,.25);top:0;left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
/*box5*/
.box5 .nr{width:100%;bottom:3%;left:0%;}
.box5 .btn{ clear:both;display:block;width:57.9%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:1.9;margin-top:5%;box-shadow: 0 10px 10px rgba(255,36,122,.25);}
.box5 h6{width:40.9%;top:58.7%;right:8.3%}
/*box6*/
.box6{ background:#eeeeee;padding:9% 0}
.box6 .zj .bd{width:100%;margin:0 auto;}
.box6 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:0%;left:0 }
.box6 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #b5b5b5; display: inline-block; overflow:hidden;border-radius:50%}
.box6 .zj .hd  .on{ background: #d38e39;}
.box6 .btn{ clear:both;display:block;width:72%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:1.9;margin-top:7%;box-shadow: 0 10px 10px rgba(255,36,122,.25);}
/*box7*/
.box7 .nr{width:100%;top:0;left:0}
.box7 .zj .bd{width:95.2%;margin:0 auto;margin-top:10%}
.box7 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-8%;left:0 }
.box7 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #b5b5b5; display: inline-block; overflow:hidden;border-radius:50%}
.box7 .zj .hd  .on{ background: #d38e39;}
.box7 .btn{ clear:both;display:block;width:44.8%;background: linear-gradient(to right, #ff237b , #ff5a5d);border-radius:100px;font-size:2.6rem;color:#fff; text-align:center; line-height:1.3;box-shadow: 0 10px 10px rgba(255,36,122,.25);top:41%;right:10%;padding:1% 0}
.box7 .btn span{font-weight:bold}
/*box8*/
.box8{background: linear-gradient(to bottom, #d39a58 , #b57835);padding-bottom:10%}
.box8 h2{width:75.9%;margin:0 auto;padding-top:9%;}
.box8 .zj .bd{width:95%;margin:0 auto;margin-top:3%;}
.box8 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-8%;left:0 }
.box8 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #fff; display: inline-block; overflow:hidden;border-radius:50%;}
.box8 .zj .bd li img{border-radius:20px; overflow:hidden}
.box8 .zj .hd  .on{ background: #ff2c76;}
/*box10*/
.box10{padding-bottom:10%}
.box10 h2{width:67%;margin:0 auto;padding-top:9%}
.box10 li{width:46.9%;margin-top:5%;float:left;padding:3% 0}
.box10 h3{font-size:2.9rem;color:#fff; text-align:center}
.box10 p{font-size:2.6rem;color:#fff;padding-top:3%;width:85%;margin:0 auto}
.box10 .li1{ background:#5846cc;border-radius:10px 0;margin-left:2%;box-shadow: 0 10px 20px rgba(88,70,204,.45);}
.box10 .li2{ background:#fe6251;border-radius:0 10px;margin-right:2%;box-shadow: 0 10px 20px rgba(254,98,81,.45);}
.box10 .li3{ background:#a77134;border-radius:10px 0;margin-left:2%;box-shadow: 0 10px 20px rgba(167,113,52,.45);}
.box10 .li4{ background:#50adf7;border-radius:0 10px;margin-right:2%;box-shadow: 0 10px 20px rgba(80,173,247,.45);}
.box10 .btn{ clear:both;display:block;width:72%;background: linear-gradient(to right, #ff237b , #ff5a5d);margin:0 auto;border-radius:100px;font-size:4.0rem;color:#fff; text-align:center; line-height:1.9;margin-top:10%;box-shadow: 0 10px 10px rgba(255,36,122,.25);}

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