@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfooter, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footerer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100% }
body { background-color: #fff; font-family: Tahoma, Helvetica, Arial, microsoft yahei, sans-serif; font-size: 14px }
input, select { vertical-align: middle; line-height: normal }
ol, ul, ul li { list-style: none }
a { text-decoration: none }
@media screen and (max-width:320px) and (min-width:0) {
html { font-size: 49px }
}
@media screen and (max-width:360px) and (min-width:321px) {
html { font-size: 57px }
}
@media screen and (max-width:375px) and (min-width:361px) {
html { font-size: 65px }
}
@media screen and (max-width:384px) and (min-width:376px) {
html { font-size: 65px }
}
@media screen and (max-width:414px) and (min-width:385px) {
html { font-size: 65px }
}
@media screen and (max-width:480px) and (min-width:415px) {
html { font-size: 70px }
}
@media screen and (max-width:540px) and (min-width:481px) {
html { font-size: 73.5px }
}
@media screen and (max-width:600px) and (min-width:541px) {
html { font-size: 84.375px }
}
@media screen and (max-width:640px) and (min-width:601px) {
html { font-size: 100px }
}
@media screen and (max-width:2560px) and (min-width:641px) {
html { font-size: 100px }
}
html { height: 100% }
body { height: 100% }
.ds_main { max-width: 640px; width: 100%; overflow: hidden; margin: 0 auto; height: auto }
.b10 { width: 100%; height:.1rem
}
.b20 { width: 100%; height:.2rem
}
.b30 { width: 100%; height:.3rem
}
.fl { float: left }
.fr { float: right }
.cl { clear: left }
.cr { clear: right }
.borr { border-right: 1px solid #e9e9e9 }
.borl { border-left: 1px solid #e9e9e9 }
.bort { border-top: 1px solid #e9e9e9 }
.borb { border-bottom: 1px solid #e9e9e9 }
.jianju { width: 100%; height:.2rem
}
#grad1 { background: -webkit-linear-gradient(#b1b0b0, #f2efef); background: -o-linear-gradient(#b1b0b0, #f2efef); background: -moz-linear-gradient(#b1b0b0, #f2efef); background: linear-gradient(#b1b0b0, #f2efef) }
.logo { width: 100%; height: 1.3rem; position: relative }
.logo>img { width: 100%; display: block }
.logo>a {
width:.5rem;
height:.5rem; display: block; position: absolute; top:.4rem
}
.logo .a1 { left:.25rem
}
.logo .a2 { right:.25rem
}
.logo .qzkjcd { width: 100%; height: auto; position: absolute; left: 0; top: 0; display: none; z-index: 99 }
.logo .qzkjcd .kjcdlogo { width: 100%; height: 1.3rem; position: relative }
.logo .qzkjcd .kjcdlogo>img { width: 100%; display: block }
.logo .qzkjcd .kjcdlogo>a {
width:.5rem;
height:.5rem; display: block; position: absolute; top:.4rem
}
.logo .qzkjcd .kjcdlogo>a img { width: 100% }
.logo .qzkjcd .kjcdlogo .a1 { left:.25rem
}
.logo .qzkjcd .kjcdlogo .a2 { right:.25rem
}
.logo .qj_kjcd1 { width: 100%; height: auto }
.logo .qj_kjcd1 .kjcdl { width: 1.8rem; height: 7.92rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff }
.logo .qj_kjcd1 .kjcdl li img { width: 100% }
.logo .qj_kjcd1 .kjcdr { width: 4.6rem; height: 7.92rem; overflow: hidden; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5 }
.logo .qj_kjcd1 .kjcdr .slideBoxqj { width: 4.6rem; height: 7.92rem; overflow: hidden; position: relative }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .hd { width: 1.2rem; height:.2rem;
overflow: hidden; position: absolute; margin-left:-.6rem;
left: 50%; bottom:.3rem;
z-index: 1 }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .hd ul li { float: left; width:.2rem;
height:.2rem;
background: #ccc; margin-left:.2rem;
-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .hd ul li.on { background: #6d97cd }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .bd { position: relative; height: 100%; z-index: 0; width: 4.6rem }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .bd ul { width: 4.6rem; height: 100% }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .bd li { zoom: 1; height: auto; width: 4.6rem; vertical-align: middle }
.logo .qj_kjcd1 .kjcdr .slideBoxqj .bd img { width: 4.6rem; height: 8.69rem; display: block }
.banner { width: 100%; height: auto }
.banner img { width: 100%; display: block; max-width: 100%; height: auto; max-height: 100% }
.footer { width: 100%; background: #1d2532; padding: 0; box-sizing: border-box; color: #fff; }
.footer .dblogo { width: 2.7rem; margin: 0 auto; height: auto }
.footer .dblogo>img { width: 100%; height: auto }
.footer p { text-align: center; line-height: 180% }
.footer .p1 { font-size: 16px; color: #fff }
.footer .p1 a { font-size: 16px; color: #fff }
.footer .p2 { font-size: 14px; color: #fff }
.beian { width: 100%; height:.4rem;
background: #151c26; }
.beian p { font-size: 12px; line-height:.4rem;
text-align: center; color: #fff }
.mianbao { width: 6rem; height:.45rem;
margin: 0 auto; font-size:.18rem;
color: #464646; padding-top:.2rem;
border-bottom: 2px solid #f2f2f2 }
.mianbao>a {
font-size:.18rem; color: #464646 }
.tupian { width: 100%; height: auto }
.tupian img { width: 100%; height: auto; display: block }
.hjtp { width: 5.92rem; height: auto; margin: 0 auto }
.hjtp img { width: 100%; display: block }
.icon { /* 通过设置 font-size 来改变图标大小 */
width: 1em; height: 1em; /* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em; /* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor; /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
overflow: hidden; }
.caidan { width: 100%; height: auto }
.caidan>ul li { width: 25%; height: 1.15rem; float: left; margin-top:.25rem;}
.caidan>ul li img {width:.88rem; margin: 0 auto; display: block }
.caidan>ul li p { font-size: 14px; color: #687885; line-height: 180%; text-align: center }
.clearfix:before,.clearfix:after{ display:block; overflow:hidden; content:""; clear:both;}