@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
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;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {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;
	}
.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;}
.container{max-width:750px;margin:0 auto;color:#4d4a5c;font-size:1.4rem;overflow:hidden; }
a{cursor:pointer;}
img{ display:block}
/*banner*/
.banner{ overflow:hidden;}
.banner .btn1{ clear:both; display:block;width:70%;height:10%;bottom:8%;left:17%;}

/*box1*/
.box1{ overflow:hidden;padding:11% 0}
.box1 h2{width:71.7%;margin:0 auto;}
.box1 .nr{width:95.5%;margin:0 auto;margin-top:7%; background:#dcdcdc;border-radius:15px;padding:3% 0}
.box1 p{font-size:3.3rem;color:#1b0c1f;width:92.7%;margin:0 auto}
.box1 h3{padding-top:2%;}

/*box2*/
.box2{ background:#ead9cb;padding:8% 0}
.box2 .zj .bd {width:90.1%;margin:0 auto;}
.box2 .zj .hd{width:45%;text-align: center;position: relative;position:absolute;bottom:-7%;left:28%;}
.box2 .zj .hd li { display:block;float:left;width:24%;height:8px;display: inline-block;margin:0 4%; background:#1b1b1b;border-radius:100px;}
.box2 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box2 .zj .hd  .on{width:24%;height:8px;background:#890767;}
.box2 h2{width:88%;margin:0 auto;}
.box2 p{font-size:3.3rem;color:#1e082b;padding-top:5%;padding-bottom:6%}
.box2 h3{font-size:3.6rem;color:#fff;width:40%;padding:1% 0;background:#c08542;text-align:center;margin:5% auto}
/*box3*/
.box3{padding:8% 0 5% 0}
.box3 .btn1{display:block;width:83.2%;margin:0 auto}
.box3 .h2_1{width:81.1%;margin:0 auto;padding:4% 0}
.box3 .h2_2{font-size:3.1rem;color:#1b1b1b;width:92%;margin:0 auto}
.box3 .nr{width:95%;margin:0 auto;border-radius:15px;background:#ececec;padding:5% 0;margin-top:5%}
.box3 h3{width:31.5%}
.box3 span{ clear:both; display:block;width:96.1%;margin:0 auto}
.box3 .wz{width:65.4%;;margin-left:2%}
.box3 h4{font-size:2.9rem;color:#1b0c1f;}
.box3 p{font-size:2.6rem;color:#1b0c1f;padding-top:1%}
.box3 h5{font-size:2.7rem;color:#1b0c1f;padding-top:3%}
.box3 .btn2{display:block;width:89.6%;margin:0 auto;margin-top:5%}
/*box4*/
.box4{padding:8% 0; background:#45156f}
.box4 ul{padding-bottom:5%}
.box4 h2{width:76%;margin:0 auto;}
.box4 .nr{width:90.1%;margin:0 auto;border-radius:15px;background:#fff;padding:5% 0 6% 0;margin-top:5%}
.box4 h3{margin-top:4%}
.box4 h4{width:61.2%;margin-left:2%;margin-top:7%}
.box4 p{font-size:3.1rem;color:#626262;width:92%;margin:0 auto;margin-top:4%;padding-bottom:5%}
.box4 .btn1{display:block;width:80.6%;margin:0 auto;padding-top:5%}
.box4 .btn2{display:block;width:38%;margin:0 auto;margin-top:2%}
.jq22 .more p {
    color: #fff;
    font-size: 2.6rem;
}
/*box5*/
.box5{padding:8% 0 3% 0; background:#ead9cb}
.box5 h2{width:63%;margin:0 auto;}
.box5 h3{width:61.6%;margin:0 auto;padding:5% 0 3% 0}
.box5 p{font-size:2.7rem;color:#1b0c1f;width:92%;margin:0 auto;padding-bottom:2%}
.box5 h4{font-size:3.2rem;color:#1b1b1b; text-align:center;width:87%;margin:0 auto;border-bottom:1px solid #8c827a;padding-bottom:3%}
/*box6*/
.box6{background:#ead9cb;padding-bottom:4%}
.box6 h2{font-size:3.4rem;color:#1b0c1f; text-align:center;padding-bottom:6%}
.box6 h3{width:49.5%; float:left}
.box6 .nr{width:48%; float:left;}
.box6 .btn1{ clear:both;display:block;width:80.6%;margin:0 auto;margin-top:6%}
.box6 h4{font-size:3.1rem;color:#1b0c1f;padding-top:13%}
.box6 p{font-size:2.6rem;color:#1b0c1f;padding-top:11%}
.box6 .btn1{display:block;width:89.1%;margin:0 auto;padding-top:6%}
/*box7*/
.box7 h2{width:76%;margin:0 auto;padding-top:7%;padding-bottom:4%}
.box7 .nr{width:95.3%;top:0;left:2.35%}
.box7 .wz{width:48.95%;margin-top:5%}
.box7 p{font-size:2.6rem;color:#fff; text-align:center;padding-top:4%}
/*box8*/
.box8{ background:#ead9cb;padding:9% 0 11% 0}
.box8 h2{width:85%;margin:0 auto;padding-bottom:3%}
.box8 .zj .bd {width:100%;margin:0 auto;}
.box8 .zj .hd{width:55%;text-align: center;position: relative;position:absolute;bottom:-3%;left:24%;}
.box8 .zj .hd li { display:block;float:left;width:16%;height:6px;display: inline-block;margin:0 4%; background:#1b1b1b;border-radius:100px;}
.box8 .zj .hd li { font-size:3.0rem; line-height:1.3}
.box8 .zj .hd  .on{width:16%;height:6px;background:#890767;}
.box8 .btn1{display:block;width:100%;top:56%;left:0}
/*box9*/
.box9{background:#45156f;padding-bottom:4%}
.box9 h2{width:51.3%;margin:0 auto;padding-top:7%;padding-bottom:10%}
.box9 h3{width:49.5%; float:left;margin-left:1%}
.box9 p{font-size:2.6rem;color:#fff; width:42.6%; float:left;padding-top:12%;margin-left:4%}
.box9 .btn1{ clear:both;display:block;width:96.3%;margin:0 auto;padding-top:5%}
.box9 h4{padding-top:4%}
.box9 h5{font-size:4.0rem;color:#fff; text-align:center;padding-top:6%}
.box9 h5 span{font-size:4.8rem;color:#f6ff00; }


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