@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; }
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    box-pack: justify;
}
img{ display:block}
/*banner*/
.banner{ overflow:hidden}
/*box1*/
.box1{ overflow:hidden; background:#f5f2ff}
.box1 h2{font-size:6.0rem;color:#505050;text-align:center;padding-top:4%}
.box1 h3{font-size:2.4rem;color:#505050;text-align:center;}
.box1 .zj .bd{width:96%;margin:0 auto;margin-top:4%}
.box1 .zj .bd img{border-radius:2.5%}
.box1 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-14%;left:0 }
.box1 .zj .hd li { width: 13px; height: 13px; margin:0 1%;border:2px solid #fff;display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box1 .zj .hd li { font-size:2.2rem;}
.box1 .zj .hd li.on{background: #ff7800;border:none}
.box1 .prev,
.box1 .next { width:7%; height:60%;background: url(../images/left.png) no-repeat center; position: absolute; top: 50%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box1 .prev { left:0% }
.box1 .next {  right:0%;background: url(../images/right.png) no-repeat center; background-size:100%}
.box1 .btn{display:block;width:87.7%;margin:0 auto;margin-top:9%}
/*box2*/
.box2{overflow:hidden;}
.box2 h2{font-size:6.0rem;color:#505050;text-align:center;padding-top:9%}
.box2 h3{font-size:3.0rem;color:#505050;text-align:center;}
.box2 .zj .bd{width:100%;margin:0 auto;margin-top:4%}
.box2 .zj .bd img{border-radius:2.5%}
.box2 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-4%;left:0 }
.box2 .zj .hd li { width: 13px; height: 13px; margin:0 1%;border:2px solid #737373;display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box2 .zj .hd li { font-size:2.2rem;}
.box2 .zj .hd li.on{background: #ff7800;border:none}
.box2 .prev,
.box2 .next { width:7%; height:60%;background: url(../images/left.png) no-repeat center; position: absolute; top: 62%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box2 .prev { left:0% }
.box2 .next {  right:0%;background: url(../images/right.png) no-repeat center; background-size:100%}
.box2 .btn{display:block;width:87.7%;margin:0 auto;margin-top:9%}
/*box3*/
.box3{ overflow:hidden}
.box3 h2{font-size:6.0rem;color:#505050;text-align:center;padding-top:4%;}
.box3 .left{width:54%;margin-top:4%;margin-left:4.6%}
.box3 .right{width:35.1%;margin-top:4%;margin-left:3%}
.box3 h3{font-size:3.4rem;color:#ff8400;text-align:center;font-weight:bold}
.box3 h4{font-size:2.6rem;color:#505050;padding-top:5%; line-height:1.7}
.box3 p{font-size:2.6rem;color:#686868;padding-top:2%; text-align:center}
.box3 .btn{ clear:both;display:block;width:87.7%;margin:0 auto;padding-top:2%}
/*box4*/
.box4{ overflow:hidden; background:#fee2d1;padding-bottom:9%}
.box4 h2{font-size:3.6rem;color:#ff8400;font-weight:bold;padding-top:4%;padding-left:5.3%}
.box4 h3{font-size:2.6rem;color:#505050;padding:2% 5.3%;}
.box4 h4{width:46.5%; float:left;margin-left:2.1%;margin-top:3%;box-shadow: 0 5px 30px rgba(244,191,159,.95);}
.box4 .h4_1{margin-left:2.3%}
/*box5*/
.box5{ overflow:hidden}
.box5 .nr{width:100%;top:0;left:0}
.box5 h2{font-size:3.6rem;color:#585858;font-weight:bold;padding-top:15%;padding-left:5.3%}
.box5 h3{font-size:2.6rem;color:#585858;padding:2% 5.3%;}
.box5 .zj .bd{width:96%;margin:0 auto;margin-top:2%}
.box5 .zj .bd img{border-radius:2.5%}
.box5 .prev,
.box5 .next { width:7%; height:60%;background: url(../images/left.png) no-repeat center; position: absolute; top: 50%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box5 .prev { left:0% }
.box5 .next {  right:0%;background: url(../images/right.png) no-repeat center; background-size:100%}
.box5 p{font-size:2.6rem;color:#585858;padding:2% 2.6%;}
.box5 .btn1{display:block;width:46.8%;background:#ef8412;border-radius:100px;font-size:2.8rem;color:#fff; text-align:center; line-height:2.9;margin:0 auto;box-shadow: 0 5px 30px rgba(252,172,87,.6);margin-top:2%;margin-left:2%}
.box5 .btn2{display:block;width:46.8%;background:#ff5a00;border-radius:100px;font-size:2.8rem;color:#fff; text-align:center; line-height:2.9;margin:0 auto;box-shadow: 0 5px 30px rgba(252,172,87,.6);margin-top:2%;margin-left:2%}
/*box6*/
.box6{ overflow:hidden;}
.box6 h2{font-size:6.0rem;color:#505050;text-align:center;padding-top:7%;}
.box6 h3{font-size:3.0rem;color:#505050;text-align:center;}
.box6 h4{width:56.4%;}
.box6 .nr{width:50%;top:13%;right:2%}
.box6 h5{font-size:4.0rem;color:#494949;font-weight:bold}
.box6 p{font-size:2.8rem;color:#3c3c3c;padding-top:2%}
.box6 .p1{font-size:2.4rem;color:#3c3c3c;padding-top:3%}
.box6 h6{width:46.5%; float:left;margin-left:2.1%;margin-bottom:3%;box-shadow: 0 0px 30px rgba(244,191,159,.85);}
.box6 .h6_1{margin-left:2.5%}
.box6 .btn{ clear:both;display:block;width:87.7%;margin:0 auto;padding-top:2%}
.box6 .p2{font-size:2.6rem;color:#3c3c3c;width:92%;margin:0 auto;padding-top:3%}
/*box7*/
.box7{ overflow:hidden;}
.box7 .nr{width:100%;top:0%;left:0%}
.box7 h2{font-size:6.0rem;color:#464646;text-align:center;padding-top:15%;}
.box7 .wz{width:53%;margin-left:5.6%;margin-top:14%}
.box7 h3{font-size:5.0rem;color:#262626;}
.box7 h4{font-size:2.6rem;color:#4f4f4f;padding-top:6%;line-height:1.8}
.box7 p{font-size:2.6rem;color:#4f4f4f;padding-top:6%;line-height:1.8;width:92%;}
.box7 h5{width:96%;margin:0 auto;margin-top:9%;box-shadow: 0 10px 30px rgba(157,210,223,.85);}
.box7 h6{font-size:2.6rem;color:#575656;padding-top:5%;line-height:1.8;width:90%;margin:0 auto}
.box7 .btn{ clear:both;display:block;width:87.7%;margin:0 auto;padding-top:2%}
/*box8*/
.box8{ overflow:hidden;}
.box8 .nr{width:100%;top:0%;left:0%}
.box8 h2{font-size:5.6rem;color:#fff;text-align:center;padding-top:5%;}
.box8 p{font-size:2.6rem;color:#a1b3d0;line-height:1.8;width:84%;margin:0 auto;padding-top:4%}
.box8 .btn{ clear:both;display:block;width:87.7%;margin:0 auto;padding-top:2%}
/*box9*/
.box9{ overflow:hidden;}
.box9 .btn{ clear:both;display:block;width:91%;bottom:1%;left:4.5%}
/*box10*/
.box10{ overflow:hidden;}
.box10 h2{font-size:6.0rem;color:#444444;text-align:center;padding-top:9%;padding-bottom:6%}
.box10 h3{width:46.9%; float:left;margin-left:2.1%;margin-bottom:3%;box-shadow: 0 0px 30px rgba(227,226,225,.95);border-radius:10px; overflow:hidden}
.box10 .h3_1{margin-left:2.5%}
/*box11*/
.box11{ overflow:hidden;}
.box11 h2{font-size:6.0rem;color:#464646;text-align:center;padding-top:10%;padding-bottom:4%}
.box11 h3{width:84%;margin:0 auto;}
.box11 h4{width:84%;margin:0 auto;box-shadow: 0 10px 50px rgba(207,207,207,.99);margin-top:8%}
.box11 h5{font-size:3.4rem;color:#262626;padding:5% 0 0 10%}
.box11 p{font-size:2.6rem;color:#5e5e5e;width:80%;margin:0 auto;padding-top:1%}
.box11 .btn{ clear:both;display:block;width:91.7%;margin:0 auto}



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