@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;outline:none; }
body { min-width: 320px; overflow-x: hidden; }
em, i, b { font-style: normal; font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none;}
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; }
.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%);}
.radius{-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;}

.wrap{max-width:750px;width:100%;margin:0 auto;}

.banner{overflow: hidden;}
.banner a{display: block;width: 60.8%;height: 8%;top: 82.1%;left: 50%; }

.box1{ overflow: hidden;}
.box1 .box_center{width: 95.33%;margin: 8% auto 0;background: #1e2136;-moz-border-radius: 20px 20px 0 0;-webkit-border-radius:  20px 20px 0 0  ;border-radius:  20px 20px 0 0 ;overflow: hidden;color: #fff;text-align: center;}
.box1 .box_center h2{font-size: 6rem;margin-top: 8%;}
.box1 .box_center .img1,.box1 .box_center .img2{display: block;width: 94.83%;margin: 6% auto;}
.box1 .box_center h3{font-size: 4.4rem;}
.box1 .box_center .img2{margin: 4% auto;}
.box1 .box_center p{font-size: 2.6rem;}
.box1 .box_center .btn{display: block;width: 56.78%;margin: 7% auto 9%;border-radius: 55px;box-shadow: 0px 16px 12.61px 0.39px rgba(11, 6, 9, .2);overflow: hidden;}

.box2{ overflow: hidden;}
.box2 h2{width: 100%;top:6%; font-size: 6rem;color: #fff;text-align: center;}
.box2 .txt,.box3 .txt,.box4 .txt{width: 82.67%;top:71%;left: 50%; color: #333;text-align: center;font-size: 2.8rem; }

.box3{ overflow: hidden;}
.box3 .txt{top:66%;line-height: 1.6}

.box4{ overflow: hidden;}
.box4 .txt{top:51%;line-height: 1.6}
.box4 a{display: block;width:74.5%;height: 10%;top: 84%;left: 50%; }

.box5{ overflow: hidden;}
.box5 .title{width: 100%;top:4.5%;color: #333;text-align: center;}
.box5 .title h2{font-size: 6rem;}
.box5 .title h3{font-size: 4rem;}
.box5 a{display: block;width:74.2%;height: 7.6%;top: 83.6%;left: 50%;}

.box6{ overflow: hidden;background: #ff6000;padding-top:8%;}
.box6 h2{font-size: 6rem;color: #fff;margin-bottom: 5%;text-align: center;}
.box6 a{display: block;width:62%;height: 6.4%;top: 89.4%;left: 50%; }

.box7{ overflow: hidden;color: #333;padding-bottom: 6%;}
.box7 .title{width: 100%;background: #ff6000;}
.box7 .title h2{width: 95.33%;margin: 0 auto;background: #ffe9d8;font-size: 5.2rem; text-align: center;padding-top:5%;padding-bottom: 5%; -moz-border-radius: 20px 20px 0 0;-webkit-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;}
.box7 .box_center{width: 95.33%;margin: 0 auto;background: #ffe9d8;padding-bottom: 3%; -moz-border-radius: 0 0 20px 20px;-webkit-border-radius: 0 0 20px 20px;border-radius: 0 0 20px 20px;}
.box7 .box_center span{display: block;width: 92.87%;margin: 0 auto;text-align: center;margin-bottom: 4%;}
.box7 .box_center p{font-size: 3.2rem;margin-top: 2%;}
.box7 .box_center p i{font-weight: bold;color: #ff7164;}

.box8{ overflow: hidden;background: #4239b9;padding: 8% 0 5%;}
.box8 h2{font-size: 6rem;color: #fff;text-align: center;line-height: 1.2}
.box8 .expert{width: 95.43%;margin: 5% auto 0;}
.box8 .expert .bd{width: 100%;}
.box8 .expert .hd{width: 100%;text-align: center;margin-top: 3%;}
.box8 .expert .hd ul{width: 100%}
.box8 .expert .hd ul li{display: inline-block;width: 52px;height: 9px;background: #fff;margin-right: 2%;}
.box8 .expert .hd ul li.on{background: #222;}
.box8 .btn{display: block;width: 66.93%;margin: 3% auto;-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;overflow: hidden;-moz-box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .39);-webkit-box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .39);box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .39);}

.box9{ overflow: hidden;background: #1e2136;padding-top: 8%;padding-bottom: 5%;}
.box9 h2{font-size: 6rem;color: #fff;text-align: center;line-height: 1.2}
.box9 .box_center{width: 95.43%;margin: 5% auto 3%;}
.box9 span{display: block;width: 95.43%;margin: 0 auto 5%;}
.box9 .btn{display: block;width: 66.93%;margin: 3% auto 5%;-moz-border-radius: 55px;-webkit-border-radius: 55px;border-radius: 55px;overflow: hidden;-moz-box-shadow: 0px 16px 12.61px 0.39px rgba(11, 6, 9, .39);-webkit-box-shadow: 0px 16px 12.61px 0.39px rgba(11, 6, 9, .1);box-shadow: 0px 16px 12.61px 0.39px rgba(11, 6, 9, .1);}

.box10{ overflow: hidden;}

.box11{ overflow: hidden;background: #ff6000;padding-top: 8%;padding-bottom: 5%;}
.box11 h2{font-size: 6rem;color: #fff;text-align: center;margin-bottom: 5%;}
.box11 a{display: block;width: 95.43%;margin: 0 auto 4%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .1);-webkit-box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .1);box-shadow: 0px 16px 12.61px 0.39px rgba(95, 44, 41, .1);overflow: hidden;}

@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
	.box8 .expert .hd ul li{width: 32px;height: 5px;}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
	.box8 .expert .hd ul li{width: 42px;height: 7px;}
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
	.box8 .expert .hd ul li{width: 47px;height: 8px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}