@charset "gb2312";
html { -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; }
img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }
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 { font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-size: 16px; }
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; }
.left { float: left; }
.right { float: right; }
.relative { position: relative }
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; }
img { border: none; display: block; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;
}
p { text-align: justify; text-justify: inter-ideograph; font-size: 0.7rem; color: #333333; font-family: "΢ÈíÑźÚ"; }
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; font-family: "Microsoft YaHei"; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; background: #fff; }
/*°´Å¥Á´½Ó*/
.link { padding: 0.5rem 0 1.4rem; background: #fbfbfb; }
.btn { width: 100%; height: 3rem; line-height: 3rem; text-align: center; font-size: 0.95rem; background: #ff6005; color: #fff; display: block; margin: 0 auto; -webkit-border-radius: 5px; border-radius: 5px; }
.link { width: 97%; margin: 1.5rem auto; }
/*box1*/
.box1 { padding: 0 0.4rem 1rem; margin-top: -0.3rem; overflow: hidden; }
.box1 h3, .box2 h3, .box3 h3, .box4 h3, .box5 h3, .box9 h3, .box10 h3, .box11 h3 { font-size: 1rem; text-align: center; margin-bottom: 0.5rem; }
.box1 ul li, .box10 ul li { width: 33.33%; float: left; padding: 0 0.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box1 ul li p { text-align: center; padding-top: 0.5rem; }
/*box2*/
.box2, .box5 { padding: 0 0.4rem 2.25rem; background: #df4a8a; overflow: hidden; }
.box2 h3, .box5 h3, .box10 h3 { color: #fff; margin: 0.75rem 0; }
.box2 ul { overflow: hidden; }
.box2 li { width: 50%; padding: 0.15rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*box3*/
.box3 { padding: 1.1rem 0.85rem 0.4rem; overflow: hidden; }
.box3 p { margin: 0.5rem 0 1.1rem; }
.box3 ul { margin-bottom: 0.5rem; overflow: hidden; }
.cricle { padding: 0 1rem 0.5rem; overflow: hidden; }
.box3 ul li { display: table; float: left; width: 3.5rem; height: 3.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #212121; margin: 0 0.25rem; background: #dd4988; }
.box3 ul .hs { background: #212121; }
.box3 ul li span { display: table-cell; vertical-align: middle; font-size: 0.65rem; color: #fff; }
.box3 ul .hs span { color: #dd4988; }
/*box4*/
.box4 { padding: 0.9rem 0.4rem; }
.box4 h3 { margin-bottom: 0; }
.box4 .title { font-size: 0.8rem; text-align: center; color: #737373; margin-bottom: 1.5rem; padding: 0; }
.box4 .title em { color: #387cad; }
.box4 p { padding: 0.75rem 0.5rem 1rem; }
.box5 { padding-bottom: 0.5rem; }
.box5 h4, .box6 h4, .box7 h4, .box8 h4 { font-size: 0.8rem; padding-left: 1.5rem; position: relative; color: #fff; }
.box5 h4:before, .box6 h4:before, .box7 h4:before, .box8 h4:before { content: ""; position: absolute; width: 1.2rem; height: 1.2rem; background: url(../images/one.jpg)no-repeat center; ]  -webkit-background-size: cover;
background-size: cover; top: 0; left: 0; }
.box5 ul, .box6 ul, .box7 ul, .box8 ul { overflow: hidden; margin: 0.8rem 0 0.5rem; }
.box5 ul li, .box6 ul li, .box7 ul li, .box8 ul li { width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box5 p, .box7 p { color: #fff; }
/*box6*/
.box6, .box7, .box8, .box9 { padding: 0.9rem 0.8rem 0.7rem; overflow: hidden; }
.box6 h4, .box6 p, .box8 h4, .box8 p { color: #585757; }
.box6 h4:before { background: url(../images/two.jpg)no-repeat center; ]  -webkit-background-size: cover;
background-size: cover; }
/*box7*/

.box7 { background: #dd4988; }
.box7 h4:before { background: url(../images/three.jpg)no-repeat center; ]  -webkit-background-size: cover;
background-size: cover; }
/*box8*/
.box8 h4:before { background: url(../images/four.jpg)no-repeat center; ] -webkit-background-size: cover;
background-size: cover; }
/*box9*/
.box9 h3 { margin: 0.5rem 0 1.4rem; }
.box9 p { margin: 0.8rem 0 0.6rem; }
/*box10*/
.box10 { background: #212121; padding: 0 0.4rem; overflow: hidden; }
.box10 h3 { margin: 1.4rem 0; }
.box10 ul { overflow: hidden; margin: 1.2rem auto 1rem; }
.box10 ul li { padding: 0 0.1rem; }
.box11 h3 { margin: 1rem 0 0.2rem; }