@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;
}



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

.title1{ width:100%; margin:0 auto; text-align:center}
.title1 img{ width:100%;}
.cont1{ width:100%; margin:0 auto;  position:relative;  }

.cont1 .btn{ position:absolute;top:41.5%; left:23.3333%; display: block;width: 30.83%;background: linear-gradient(to right, #ff00e2 , #ff377f);margin: 0 auto;border-radius: 50px;font-size: 3.2rem;color: #fff;text-align: center;line-height: 2.5; box-shadow: 0 10px 10px rgba(255,36,122,.25);}

.cont2{ width:100%; margin:0 auto; position:relative}
.cont2 img{ width:100%; }
.cont2 a{ display:block; width:92%; margin:0 auto; position:absolute; height:10%;bottom:5%; left:4%}

.cont3_bj{ width:100%; margin:0 auto; background:url(../images/bj.jpg); padding-bottom:10%;}
.cont3_top{ width:100%; margin:0 auto; text-align:center}
.cont3_top span{display: block;width:69.3334%;background:#fff;margin: 0 auto;border-radius: 50px;font-size: 3.8rem;color: #313131;text-align: center;line-height: 1.8; margin-bottom:5% }
.cont3_top p{ width:94.66667%; margin-left:5%;color:#fff; line-height:1.5; font-size:3rem; text-align:left; letter-spacing:1.5px;  }
.cont3_top p em{ font-weight:bold; color:#ffde00}
.cont3_mid{ width:94.66667%; margin:0 auto; background-color:#fff; text-align:center; margin-top:5%; padding-bottom:5%}
.cont3_mid p{ color:#313131; font-size:4.6rem; padding:5% 0}
.cont3_mid img{ width:84.5070%; margin:0 auto; display:block;}
.cont3_mid a{display: block;width:77.887%;background:#ff3581;margin: 0 auto;border-radius: 50px;font-size: 4.8rem;color: #fff;text-align: center;line-height: 1.8; margin-top:5%;  }
.cont3_bot{ width:94.66667%; margin:0 auto; background-color:#fff; text-align:center; margin-top:5%; padding-bottom:5%}
.cont3_bot p{ color:#313131; font-size:4.6rem; padding:5% 0}
.cont3_bot img{ width:95.070%; margin:0 auto; display:block;}
.cont3_bot a{display: block;width:95.2112%;background:#ff3581;margin: 0 auto;border-radius: 50px;font-size: 4.8rem;color: #fff;text-align: center;line-height: 1.8; margin-top:5%;  }


.cont4_bj{ width:100%; margin:0 auto; background:#fff; padding-bottom:12% }
.cont4_top{ width:96.66667%; margin:0 auto; background-color:#ff367f; padding-top:6%; position:relative; padding-bottom:10% }
.cont4_top p{display: block;width:92.1379%;background:#fff;margin: 0 auto;border-radius: 50px;font-size: 3rem;color: #1b1b1b;text-align: center;line-height: 2.5; position:relative;  }
.cont4_top p em{ width:7.5%; position:absolute; left:45%;top:100%;}
.cont4_top p em img{ width:100%;}
.cont4_top a{ position:absolute;bottom:-2%; left:12.431%; display:block;width: 73.5172%;background: linear-gradient(to right, #b131fb , #6064ff);margin: 0 auto;border-radius: 50px;font-size: 3.2rem;color: #fff;text-align: center;line-height: 2.5; -moz-box-shadow:0px 5px 20px #B957D9; -webkit-box-shadow:0px 5px 20px #B957D9; box-shadow:0px 5px 20px #B957D9;}

.cont4_bot{ width:96.66667%; margin:0 auto; background-color:#5754d1; padding-top:6%; position:relative; padding-bottom:10%; margin-top:11% }
.cont4_bot p{display: block;width:77.931%;background:#fff;margin: 0 auto;border-radius: 50px;font-size: 3rem;color: #1b1b1b;text-align: center;line-height: 2.5; position:relative;  }
.cont4_bot p em{ width:7.5%; position:absolute; left:45%;top:100%;}
.cont4_bot p em img{ width:100%;}
.cont4_bot a{ position:absolute;bottom:-2%; left:12.431%; display:block;width: 73.5172%;background: linear-gradient(to right, #ff00ff , #ff32c9);margin: 0 auto;border-radius: 50px;font-size: 3.2rem;color: #fff;text-align: center;line-height: 2.5; -moz-box-shadow:0px 5px 20px #ff3d78; -webkit-box-shadow:0px 5px 20px #ff3d78; box-shadow:0px 5px 20px #ff3d78;}

.cont5{ width:100%; margin:0 auto; position:relative;}
.cont5 .bd{ width:100%; margin:0 auto; background-color:#27273b; padding-bottom:15%}
.cont5 .bd img{ width:100%;}
.cont5 .bd ul li {  position:relative}
.cont5 .bd ul li a{ position:absolute; width:25%; height:25%; right:12%; top:44%;}
.cont5 .hd{ position:absolute; bottom:2%; left:45%; width:100%;}	
.cont5 .hd ul li{ float:left; width:15px; height:15px; background-color:#fff;border-radius:50%; margin-right:2%;}
.cont5 .hd .on{ background-color:#ff32be}


.cont6{ width:100%; margin:0 auto}
.cont6 img{ width:100%;}

.cont7{ width:100%; margin:0 auto; background-color:#5754d1; padding-bottom:10% }
.cont7 ul{ width:94.6667%; margin:0 auto;}
.cont7 ul li{ float:left; width:48.45%; margin-right:3.1%; text-align:center; margin-bottom:5%;}
.cont7 ul li:nth-child(2n){ margin-right:0px;}
.cont7 ul li img{ width:100%;}
.cont7 ul li p{ width:100%; color:#fff; font-size:3.2rem; padding-top:5%}

.cont7 a{ display:block;width:60%;background: linear-gradient(to right, #ff00de , #ff2d8b);margin: 0 auto;border-radius: 50px;font-size: 4.6rem;color: #fff;text-align: center;line-height: 1.9; -moz-box-shadow:0px 2px 10px #FF3D78; -webkit-box-shadow:0px 2px 10px #FF3D78; box-shadow:0px 2px 10px #FF3D78;}



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