@charset "gb2312";

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; resize: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.wrap img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; border: none; display: block; width: 100%; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, button, input, select, textarea { font: 12px/1.5 '΢ÈíÑźÚ', tahoma, Srial, helvetica, sans-serif; }

body { min-width: 320px; overflow-x: hidden; }

em, i, b { font-style: normal; font-weight: normal; }

strong { font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

.clearfix { zoom: 1; }

a { text-decoration: none; color: #969696; }

a:hover { text-decoration: none; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Microsoft YaHei; font-weight: normal; }

* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ""; }

.clearfix:after { clear: both; }

.clearfix { *zoom:1;

}

.re { position: relative; }

.ab { position: absolute; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.per { font-size: 3.2rem; line-height: 2.5; text-align: center; color: #2e3642; display: block; }

p { text-align: justify; text-justify: inter-ideograph; font-size: 2.4rem; color: #000; }

.wrap { width: 100%; margin: 0 auto; max-width: 640px; background: #fff; font-family: "Microsoft YaHei"; position: relative; }

.link { width: 54.68%; line-height: 2; text-align: center; display: block;position: absolute; top: 84%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 3.5rem; color: #fff; }
/*banner*/
.banner {overflow: hidden; }
/*box1*/
.box1{overflow: hidden; padding: 8.5% 0 6% 0;}
.box1 .box1_center{width:93.75%;margin:0 auto;padding-bottom:22%}
.box1 .box1_center1{ clear:both;width:62.5%;margin:0 auto;padding-bottom:22%}
.box1 .box1_center .nr{width:33.33%;}
.box1 .box1_center1 .nr{width:50%;}
.box1 .nr h1 img{width:100%}
.box1 .nr p{font-size: 2.1rem;text-align: center;color:#47474C;}
.box1 h6{width:8.9%;margin:0 auto; clear:both}
/*box2*/
.box2{overflow: hidden;}
.box2 .box2_center{width:93.75%; padding: 3% 0 4% 0;border:1px solid #FF3A59;border-radius:15px;margin:0 auto}
.box2 h3{font-size: 3.6rem;text-align: center;color:#1B1E23;}
.box2 p img{width:100%}
/*box3*/
.box3{overflow: hidden;padding: 5% 0 13% 0;}
.box3 .box3_center{width:93.75%; background:url(../images/box3_1.jpg);background-size:cover;overflow: hidden;margin:0 auto}
.box3 h3{font-size: 2.6rem;padding:2.1% 0 0 10%;color:#1B1E23;}
.box3 h4{font-size: 2.9rem;padding-left:14%;color:#9085CD;}
/*box4*/
.box4{overflow: hidden;}
.box4 .link { width: 34.84%;position: absolute; top: 70%; left:30%;}
/*box5*/
.box5{overflow: hidden; background:#E7F0F7; padding:11% 0 32% 0}
.box5 h3 {font-size: 2.6rem; text-align: center; color: #9AA2A8;}
.box5 h4 {font-size: 4.8rem; text-align: center; color: #1B1E23;}
.box5 .nr{width:93.75%;margin:0 auto;margin-top:7.5%; clear:both;padding-bottom:32%;background:#FFFFFF;border-radius:5px}
.box5 .left{width:34%;}
.box5 .left h1 img{width:100%}
.box5 .right{width:66%;padding-bottom:4.5%;}
.box5 h2 {font-size: 2.9rem; color: #272D35;padding:5% 0 0 7%}
.box5 p {width:94%;font-size: 2.2rem; color: #5C5C61;padding:2% 0 0 7%}
.box5 .link { width: 61.2%;position: absolute; top: 86%; left:50%;}
/*box6*/
.box6{overflow: hidden;padding:11% 0 36% 0;background:#7B72E9;}
.box6 h3 {font-size: 2.6rem; text-align: center; color: #C9C6F5;}
.box6 h4 {font-size: 4.8rem; text-align: center; color: #fff;}
.box6 .link { width: 61.2%;position: absolute; top: 83%; left:50%;}
/*box7*/
.box7{overflow: hidden;padding:12% 0 6% 0;background:url(../images/box7_bg.jpg) repeat-y;}
.box7 h1 {font-size: 4.8rem; text-align: center; color: #293054;}
.box7 h2 {font-size: 2.4rem;color: #484B4D;width:90.6%;margin:0 auto;padding-top:1%}
.box7 h3 {background:url(../images/box7_1.png);background-size:cover;font-size: 4.0rem;color: #fff;width:53.1%;margin:0 auto; text-align:center;margin-top:7%}
.box7 .nr{width:93.75%;background:url(../images/box7_3.png);background-size:cover;margin:0 auto;margin-top:8%;clear:both;padding:7% 0 65.2% 0}
.box7 .nr .left{width:72.3%;}
.box7 h4{font-size:3.1rem;color: #272D35;}
.box7 p{font-size:2.5rem;color: #484B4D;}
.box7 .p1{padding-top:3%}
.box7 h6{padding-top:3%}
.box7 h6 img{width:100%}
.box7 .nr .right{width:25%;margin-left:2%;margin-top:-13%}
.box7 .nr .right img{width:100%}
.box7 .nr1{width:93.75%;background:url(../images/box7_4.png);background-size:cover;margin:0 auto;margin-top:16%;clear:both;padding:10% 0 47% 0}
.box7 .nr1 .left{width:25%;margin-right:2%;margin-top:-18%}
.box7 .nr1 .right{width:72.3%;}
.box7 .nr1 .left img{width:100%}
.box7 .nr1 h4{ text-align:right}
.box7 .nr1 p{text-align:right}
/*box8*/
.box8{background:#D5D7F1;padding:6% 0 17% 0; z-index:1}
.box8 h3 {background:url(../images/box7_1.png);background-size:cover;font-size: 4.0rem;color: #fff;width:53.1%;margin:0 auto; text-align:center;margin-top:7%}
.box8 h4 {font-size:2.4rem;color: #4B4E50;width:93%;margin:0 auto;margin-top:5%}
.box8 p{width:53.1%;margin:0 auto;padding-top:7%}
/*box9*/
.box9 {padding-bottom:12%}
.box9 .box9_center{box-shadow: 0 0 20px rgba(89,89,89,.25);width:93.75%;margin:0 auto;margin-top:-10%; z-index:2; background:#fff;border-radius:5px;padding-bottom:10%;}
.box9 h3 {font-size: 4.8rem;color: #1B1E23;text-align:center;padding-top:16%}
.box9 h4 {font-size: 2.4rem;color: #5C5C61;width:85%;margin:0 auto;padding-top:3%}
.box9 p {width:85%;margin:0 auto;padding-top:5%}
/*box10*/
.box10 { overflow:hidden;padding:0 0 31% 0}
.box10 h3 {font-size: 2.5rem;color: #9AA2A8;top:0%;left:16%}
.box10 h4 {font-size: 5.0rem;color: #1B1E23;top:5%;left:16%;margin-top:-2.5%}
.box10 .link { width: 61.2%;position: absolute; top: 81%; left:50%;}
/*box11*/
.box11{ overflow:hidden;padding:10% 0 32% 0; background:#E7F0F7}
.box11 h3 {font-size: 5.0rem;color: #1B1E23; text-align:center; letter-spacing:8px;padding-bottom:5%}
.box11 .link { width: 61.2%;position: absolute; top: 80%; left:50%;}
/*box12*/
.box12{ overflow:hidden;padding:10% 0 58% 0; background:url(../images/box12_1.jpg);background-size:cover;}
.box12 .link { width:18.75%;position: absolute; top: 46%; left:88%;}
/*box13*/
.box13{ overflow:hidden;padding:11% 0 17% 0; background:url(../images/box13_1.jpg);background-size:cover;}
.box13 p {font-size: 2.4rem;color: #fff; text-align:center;padding-top:1%}
/*box14*/
.box14{ overflow:hidden;padding:11% 0 27% 0;}
.box14 .link { width:97.5%;position: absolute; top: 23%; left:50%;}









 @media screen and (min-width:320px) and (max-width:359px) {

html { font-size: 31.25%!important; } /*0.5*/

}

@media screen and (min-width:360px) and (max-width:409px) {

html { font-size: 35%!important; }  /*0.56*/

}

@media screen and (min-width:410px) and (max-width:479px) {

html { font-size: 40%!important; }  /*0.64*/

}

@media screen and (min-width:480px) and (max-width:639px) {

html { font-size: 47%!important; }  /*0.75*/

}