html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size: 40px; background: #fff; }
body { min-width: 320px; max-width: 640px; margin: 0 auto; font-family: arial, Microsoft Yahei; color: #333; background: #fff; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px;padding: 0px ; }
ul, li { list-style: none ; }
a:active, a:hover { outline: none; }
img { width: 100%; vertical-align: top; }
a { outline: none; text-decoration: none; cursor: pointer; color: #333; }
a:hover { text-decoration: none; outline: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
input[type="search"] { -webkit-appearance: text field; box-sizing: content-box; }
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration { -webkit-appearance: none; }
button { overflow: visible; }
button, select { text-transform: none; }
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.left { float: left; }
.right { float: right; }

.pymb { background: #d69b4d; margin: 0 auto; color: #fff; } 
.py_con { width: 7.45rem; padding: 1rem 0 0 0.75rem; } 
.py_con h3 { font-size: 0.55rem; margin-bottom: 0.3rem; font-weight: bold; box-sizing: border-box; padding-left: 1rem; background: url(../img/px_tit.jpg) no-repeat left center; background-size: 0.8rem; } 
.py_con p { font-size: 0.4rem; line-height: 0.55rem; margin-bottom: 0.6rem; } 
.py_pic { padding: 1.2rem 0.75rem 0 0; width: 6.4rem; } 
.zyqj { box-sizing: border-box; padding: 1.2rem 0.6rem 0 0; } 
.qx_div { width: 6.85rem; height: 8.3rem; border: 0.025rem solid #fff; box-sizing: border-box; padding: 1.55rem 1rem 0 0.95rem; position: relative; }
.qx_div h3 { font-size: 1.2rem; font-size: bold; font-weight: bold; margin-bottom: 0.25rem; } 
.qx_div p { width: 7.65rem; height: 1.1rem; font-size: 0.55rem; line-height: 1.1rem; position: absolute; left: -0.275rem; text-transform: uppercase; background: #d69b4d; bottom: 1.4rem; }

.title { padding: 1rem 0 1rem; } 
.title h3 { justify-content: center; font-size: 0.65rem; font-weight: bold; text-align: center; margin-top: 0.2rem; } 
.title h3::before, .title h3::after { width: 1.1rem; content: ''; background: url(../img/tit1.jpg) no-repeat center; margin: 0 0.3rem; background-size: 0.9rem; } 
.title p { font-size: 0.6rem; color: #999; opacity: 0.5; text-align: center; text-transform: uppercase; } 
.title_w h3 { color: #fff; } 
.title_w p { color: #fff; opacity: 0.5; } 
.title_w h3::before, .title_w h3::after { background: url(../img/tit2.jpg) no-repeat center; }

.kcjs { background: #f7f5f1; }
.kcjs div:nth-child(2) { margin-top: 0; }
.kc_div { width: 14.5rem; margin: 0.4rem auto; position: relative; }
.kc_pic { width: 8.1rem; position: absolute; right: 0; top: 0.4rem; }
.kc_con { width: 8.4rem; height: 7.35rem; background: #fff; }
.kc_tit { font-size: 0.55rem; font-weight: bold; color: #d69b4d; background: url(../img/kc_tit.jpg) no-repeat 0.5rem center; height: 0.85rem; line-height: 0.85rem; text-align: center; display: inline-block; box-sizing: border-box; padding-left: 1.75rem; margin: 0.55rem 0 0.35rem; background-size: 0.875rem; } 
.kc_con span { display: block; width: 2.9rem; height: 0.025rem; background: #d69b4d; margin: 0 0 0.5rem 0.6rem; } 
.kc_con p { font-size: 0.45rem; line-height: 0.65rem; padding-left: 0.5rem; }
.kc_div2 .kc_pic { left: 0; right: auto; }
.kc_div2 .kc_con { box-sizing: border-box; padding-left: 1.7rem; }
.zx { padding: 0.6rem 0 0.8rem; }
.zx a { display: block; width: 7.1rem; height: 1.5rem; background: #d69b4d url(../img/xq_a.png) no-repeat 5.5rem center; font-size: 0.5rem; line-height: 1.5rem; box-sizing: border-box; padding-left: 1.05rem; color: #fff; margin: 0 auto; background-size: 0.5rem; }

.xzwm { background: url(../img/xzwm.jpg) no-repeat; background-size: 100%; } 
.xz_div { width: 14.5rem; margin: 0 auto; } 
.xz_con { width: 7.25rem; } 
.xz_txt { width: 7.25rem; height: 2.95rem; background: #f4b757; box-sizing: border-box; padding: 0.4rem 0 0 0.55rem; } 
.xz_txt2 { background: #d69b4d; } 
.xz_txt h3 { font-size: 0.5rem; font-weight: bold; } 
.xz_txt span { display: block; width: 2.45rem; height: 0.025rem; background: #000; margin: 0.15rem 0; } 
.xz_txt p { font-size: 0.45rem; } 
.xz_pic { width: 7.25rem; }
.cy_tit { font-size: 0.7rem; color: #fff; line-height: 2.25rem; text-align: center; font-weight: bold; }
.cy_ul { width: 14.5rem; margin: 0 auto; } 
.cy_ul li { width: 6.9rem; height: 7.05rem; background: #fff; box-sizing: border-box; border: 0.1rem solid #f1ece4; padding: 1rem 0 0.65rem 0; position: relative; } 
.cy_ul li img { display: block; margin: 0 auto 0.65rem; width: 1.15rem; } 
.cy_ul li .img2 { display: none; } 
.cy_ul li h3 { font-size: 0.6rem; font-weight: bold; text-align: center; margin-bottom: 0.45rem; } 
.cy_ul li p { font-size: 0.45rem; line-height: 0.75rem; text-align: center; color: #333333; margin-bottom: 0.4rem; } 
.cy_ul li a { display: block; width: 100%; height: 0.825rem; background: url(../img/cy_a.png) no-repeat center; margin: 0 auto; background-size: 0.75rem; }

.td_div { width: 14.5rem; margin: 0 auto 0.8rem; } 
.td_con { width: 14.5rem; height: 15.1rem; background: url(../img/td_01.jpg) no-repeat; box-sizing: border-box; padding-top: 1.375rem; padding-left: 0.45rem; position: relative; background-size: 14.5rem; } 
.td_tit { border-left: 0.05rem solid #fff; height: 1.85rem; box-sizing: border-box; padding-left: 0.3rem; color: #fff; } 
.td_tit h3 { font-size: 0.6rem; font-weight: bold; margin-bottom: 0.25rem; } 
.td_tit p { font-size: 0.55rem; } 
.td_p { font-size: 0.45rem; line-height: 0.75rem; color: #fff; margin: 1.15rem 0 0 0.3rem; } 
.td_con a { position: absolute; width: 5.2rem; height: 1.45rem; border: 0.025rem solid #ffffff; font-size: 0.5rem; line-height: 1.45rem; color: #fff; box-sizing: border-box; padding-left: 0.5rem; bottom: 1.15rem; left: 0.8rem; background: url(../img/xq_a.png) no-repeat 4.05rem center; } 
.td_con2 { background: url(../img/td_02.jpg) no-repeat; }
.js_div { background: #f1ece4; padding: 0.65rem 0 0.5rem; } 
.js_ul { width: 14.5rem; margin: 0 auto 0.85rem; }
.js_ul li { width: 4.65rem; }
.js_div a { display: block; width: 7.1rem; height: 1.5rem; background: #d69b4d url(../img/xq_a.png) no-repeat 6.1rem center; font-size: 0.5rem; line-height: 1.5rem; box-sizing: border-box; padding-left: 0.55rem; color: #fff; margin: 0 auto; background-size: 0.5rem; }

.fczs { width: 14.5rem; margin: 0 auto 0.8rem; }
.hj_ul { margin: 0.3rem auto; }
.hj_xq { width: 7.15rem; height: 8.5rem; background: #d69b4d; text-align: center; box-sizing: border-box; padding: 2.25rem 0 1.75rem 0; } 
.hj_xq p { font-size: 0.65rem; color: #fff; } 
.hj_xq span { display: block; font-size: 0.6rem; margin: 0.4rem 0 0.8rem; color: #fff; } 
.hj_xq img { display: block; margin: 0 auto; width: 1.05rem; }
.hj_ul li { width: 7.15rem; }

.dczs { background: #d69b4d; color: #fff; padding-bottom: 0.8rem; } 
.zs_div { width: 14.5rem; margin: 0 auto; } 
.zs_txt { width: 14.2rem; } 
.zs_txt h3 { font-size: 0.6rem; line-height: 0.8rem; margin: 0.5rem 0 0.8rem; font-weight: normal; } 
.zs_txt p { font-size: 0.55rem; background: url(../img/xq_a.png) no-repeat left center; padding-left: 1rem; margin-bottom: 0.4rem; background-size: 0.5rem; }

.mq_ul { width: 14.5rem; margin: 0 auto 0.6rem; } 
.mq_ul li { width: 4.45rem; }
.jy_div { width: 100%; height: 4.7rem; background: #000; box-sizing: border-box; padding: 0.6rem 0; } 

.qy_ul { width: 14.5rem; margin: 0 auto; } 
.qy_ul li { width: 4.55rem; }
.jy_con a { display: block; width: 6.2rem; height: 1.25rem; background: #d69b4d url(../img/jy_a.png) no-repeat 5.2rem center; font-size: 0.5rem; line-height: 1.25rem; box-sizing: border-box; padding-left: 1.2rem; margin: 0.7rem auto 0; background-size: 0.5rem; }

.mflq { width: 14.5rem; margin: .8rem auto; background-color: #fff; border-radius: 0.2rem; padding-top: 0.6rem; padding-bottom: 0.85rem; box-shadow: #ccc 0 0 .25rem; }
.mflq .title { font-size: .65rem; text-align: center; font-weight: bold; padding: 0; }
.mflq .title span { color: #d69b4d; }
.mflq_tit { font-size: 0.6rem; color:#000; text-align: center; line-height: 1.5rem; }
.mflq_tit span { color: #d69b4d; }
.mflq_ipt { display: block; width: 13rem; height: 1.5rem; border: 0.025rem solid #d69b4d; margin: 0 auto; margin-top: 0.6rem; border-radius: 0.15rem; font-size: 0.5rem;color: #999; line-height: 1.45rem; text-indent: 0.7rem; }
.mflq_btn { display: block; width: 13rem; height: 1.5rem; margin: 0 auto; line-height: 1.5rem; text-align: center; font-size: 0.6rem; color: #fff; margin-top: 0.8rem; border: none; background-color: #d69b4d; border-radius: 0.15rem; }