@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; color: #555; font-size: 16px; }
em, i, b { font-style: normal; font-weight: normal; }
body{margin:0 auto;max-width:640px;}
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; }
img { border: none;  }
.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.65rem; line-height: 1.1rem; }

.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; background: #fff; font-family: "Microsoft YaHei"; color: #585858; }


/*btn all*/
.btn { display: block; background: #ff6005; width: 6.1rem; height: 1.1rem; text-align: center; line-height: 1.1rem; color: #fff; font-size: 0.65rem; margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.btn1 { display: block; background: #ff6005; width: 4.2rem; height: 1.2rem; line-height: 1.2rem; color: #fff; position: absolute; font-size: 0.65rem; left: 68%; top: 9.25rem; text-align: center; }
.btn2 { display: block; background: #ff6005; width: 3.55rem; height: 1.1rem; line-height: 1.1rem; color: #fff; position: absolute; font-size: 0.6rem; left: 0.45rem; top: 10.3rem; text-align: center; }
.btn3 { display: block; background: #ff6005; height: 3rem; line-height: 3rem; color: #fff; font-size: 0.9rem; text-align: center; margin: 1.2rem 0.2rem 1.5rem; border-radius: 0.3rem; }

/*box1*/
.box1 { width: 100%; padding: 1.1rem 0 0.9rem; text-align: center; }
.box1 p { font-size: 0.5rem; text-align: center; margin-bottom: 0.2rem; white-space: nowrap; }
.box1 p span { color: #fc508a; }
.box1 p b { font-size: 0.7rem; }
.box1 p i { font-size: 0.6rem; }
.box1 .center { width: 5rem; background: #fc508a; color: #fff; margin-left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 0.85rem; line-height: 0.85rem; }
.title { margin: 0 0.3rem; width: 15.5rem; height: 1.75rem; line-height: 1.75rem; font-size: 0.9rem; border-radius: 50px; background: #393738; color: #fff; text-align: center; }
.title span { width: 0.65rem; height: 1.1rem; background: url(../images/3.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; display: inline-block; vertical-align: middle; margin-bottom: 0.4rem; }

/*box2*/
.box2 { margin-top: 0.6rem; padding: 0 0.5rem; background: #fbcedd; overflow: hidden; }
.header1 { padding-left: 3.5rem; line-height: 2.9rem; font-size: 0.65rem; position: relative; text-align: left; white-space: nowrap; }
.header1:before { width: 2.9rem; height: 2rem; background: url(../images/kandian1.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; content: ""; position: absolute; left: 0.2rem; top: 0.2rem }
.box2 h5, .box3 h5, .box4 h5 { line-height: 1.8rem; font-size: 0.65rem; padding-left: 0.45rem; margin-top: 0.4rem; }
.box2 h6, .box3 h6, .box4 h6 { width: 3.4rem; height: 1.1rem; font-size: 0.6rem; color: #fff; line-height: 1.1rem; text-align: center; background: #fc508a; border-radius: 50px; padding-left: 0.3rem; margin: 0.6rem 0 0.5rem 0.5rem; }


/*box3*/
.box3 { overflow: hidden; padding: 0 0.5rem; }
.box3 .header1:before { background: url(../images/kandian2.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; }
.box3 h6 { background: #716bbe; }

/*box4*/
.box4 { background: #fbcedd; overflow: hidden; padding: 0 0.5rem; }
.box4 .header1:before { background: url(../images/kandian3.jpg) no-repeat center; background-size: cover; -webkit-background-size: cover; }

/*轮播图*/
.focus { width: 100%; height: auto; margin: 0 auto; position: relative; }
.focus .hd { overflow: hidden; position: absolute; left: 76%; top: 10.6rem; z-index: 22; }
.focus .hd1 { top:21rem; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.focus .hd ul li { width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #393738; margin: 0.12rem; float: left; text-indent: 100px; overflow: hidden; }
.focus .hd ul .on { background: #f5146e; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li { overflow: hidden; position: relative; }
.focus .bd li p { width: 100%; background: #f3959e; padding: 0.9rem 0 1rem; color: #fff; text-align: center; line-height: 1.1rem; }
.focus .bd li img { width: 100%; height: auto; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */ }

/*box5*/
.box5 { padding: 1.1rem 0.85rem 0.9rem; }
.box5 p { font-size: 0.65rem; line-height: 1.1rem; }
.box5 ul { width: 100%; overflow: hidden; margin: 0.7rem 0 0.8rem; height: 9rem; }
.box5 ul li:nth-child(1) { width: 48%; float: left; height: 9rem; background: #52b4db; }
.box5 ul li:nth-child(2) { width: 48%; float: right; height: 9rem; background: #5266e3; }
.box5 ul li p { padding: 1.3rem 0.5rem; color: #fff; font-size: 0.6rem; }

.box6 { background: #e5e5e5; padding: 1.1rem 0.3rem 0.8rem; overflow: hidden; }

.box7 { width: 100%; overflow: hidden; position: relative; }