@charset "gb2312";
/* CSS Document */
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% }
img {vertical-align: middle;}
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;outline:none; }

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; }
.clear{ clear:both}
.container{margin:0 auto;max-width:750px;overflow:hidden; }
img{ display:block}
.translateXY {-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-webkit-transform:translateX(-50%);transform:translateX(-50%);}

/*box1*/
.box1{ background:url(../images/box1_1.jpg) repeat;overflow:hidden;}
.box1 h2{width:79.1%;margin:0 auto;padding-top:14%;padding-bottom:9%}
.box1 .nr{padding-bottom:10%}
.box1 .wz{width:46.67%; background:#fff;top:19%;right:4%;box-shadow: 0 10px 60px rgba(46,135,255,.45);}
.box1 .btn{ display:block;width:77.6%;margin:0 auto}
/*box2*/
.box2{ background:url(../images/box1_1.jpg) repeat;overflow:hidden;padding-bottom:5%}
.box2 h2{padding-top:4%}
/*box3*/
.box3 .nr{padding-bottom:10%}
.box3 .wz{width:46.67%; background:#fff;top:19%;right:4%;box-shadow: 0 10px 60px rgba(46,135,255,.45);}
.box3 .btn{ display:block;width:77.6%;margin:0 auto;}
/*box4*/
.box4{ overflow:hidden;padding-top:4%; }
/*box5*/
.box5{ overflow:hidden; background:#317bd9;padding-bottom:5%}
.box5 h2{width:79.5%;margin:0 auto;padding-top:14%}
.box5 .nr{width:94.7%; background:#fff;border-radius:5px;margin:0 auto;margin-top:7%;padding-bottom:14%;box-shadow: 0 20px 60px rgba(2,45,160,.95);}
.box5 .zj .bd{width:95%;margin:0 auto;}
.box5 h3{width:82%; background:#ffc501;margin:0 auto;font-size:2.7rem;color:#0d0d0d; text-align:center;padding:2% 0;border-bottom-left-radius:20px;border-bottom-right-radius:20px}
.box5 h4{margin-top:2%}
.box5 .prev,
.box5 .next { width:46%; height:13%;background:url(../images/left.jpg) no-repeat center; position: absolute; bottom: -24%; transform:translateY(-50%);z-index: 10; cursor: pointer; background-size:100%}
.box5 .prev { left:4% }
.box5 .next {  right:4%;background:url(../images/right.jpg) no-repeat center;background-size:100%}
.box5 .prev:hover {  right:4%;background:url(../images/left1.jpg) no-repeat center;background-size:100%}
.box5 .next:hover {  right:4%;background:url(../images/right1.jpg) no-repeat center;background-size:100%}
.box5 .btn{ display:block;width:78.1%;margin:0 auto;margin-top:8%}
.box5 h6{width:9.6%;position:absolute;top:-3%;left:40%; z-index:2}
/*box6*/
.box6{ overflow:hidden;padding-bottom:10%}
.box6 h2{width:59.7%;margin:0 auto;padding-top:12%}
.box6 h3{padding-top:8%}
.box6 .nr{width:30.3%; float:left;margin-left:1%;margin-top:5%}
.box6 p{font-size:2.2rem;color:#4b4b4b;padding-top:5%;padding-left:18%}
/*box7*/
.box7{ overflow:hidden;}
.box7 .btn{ display:block;width:78%;height:13%;bottom:10%;left:11%;}
/*box8*/
.box8{ overflow:hidden;}
.box8 h2{width:60%;margin:0 auto;padding-top:14%}
.box8 p{font-size:2.2rem;color:#4b4b4b;padding-top:3%;text-align:center;width:90%;margin:0 auto;padding-bottom:7%}
/*box9*/
.box9{ overflow:hidden;}
.box9 .btn{ display:block;width:78%;height:8%;bottom:7%;left:11%;}
.box9 .btn1{ display:block;width:78%;height:8%;bottom:3%;left:11%;}
/*box10*/
.box10{ overflow:hidden; background:#2f76d9;padding-bottom:4%}
.box10 h2{width:43.1%;margin:0 auto;padding-top:8%}
.box10 p{font-size:2.2rem;color:#fff;padding-top:3%;text-align:center;width:90%;margin:0 auto;padding-bottom:3%}
.box10 .zj .bd{width:100%;margin:0 auto;}
.box10 .zj .hd { height: 16px; width: 100%; text-align: center;position: relative;position:absolute;bottom:15%;left:0 }
.box10 .zj .hd li { width: 14px; height: 14px; margin:0 1%; background: #fff; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.box10 .zj .hd  .on{ background: #ea2e49; color:#fff;}
.box10 .btn{ display:block;width:78%;margin:0 auto;margin-top:2%}
/*box11*/
.box11 .btn{ display:block;width:78%;height:5%;bottom:5%;left:11%;}
/*box14*/
.box14{ overflow:hidden; background:#f2f2f2;padding-bottom:10%}
.box14 h2{font-size:5.0rem;color:#3d3d45; text-align:center;padding-top:8%}
.box14 ul{width:97.1%;margin:0 auto}
.box14 li{width:48%;margin-top:5%}
.box14 li h3{border-radius:10px;box-shadow: 0 20px 40px rgba(203,197,205,.95);}
.box14 li h3 img{border-radius:10px;}
.box14 p{font-size:2.4rem;color:#3d3d45;padding-top:5%;text-align:center;}
.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;
}
/*box15*/
.box15{ overflow:hidden;}
.box15 h2{width:44%;top:14.4%;left:4.2%}
.box15 .btn{ display:block;width:28%;height:35%;bottom:15%;right:11%;}




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