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 {  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; }

header { overflow: hidden; box-sizing: border-box; padding: .6rem .4rem; }
header .left img { width: 3.3rem; }
header .right { width: 9.5rem; font-size: .45rem; text-align: center; color: #808080; padding-top: .3rem; }
header .right img { width: 9.5rem; }
header .right p { margin-top: .35rem; }

.banner, .banner img { width: 100%; }
.fl1 { margin: .7rem auto .9rem; }
.fl1 .flex { width: 12.9rem; margin: 0 auto; }
.fl1 .flex li { width: 1.85rem; height: 1.85rem; background: #ee7b1d; font-size: .5rem; box-sizing: border-box; padding: .25rem .35rem; text-align: center; }
.fl1 .flex li a { color: #fff; }

.jxzd { background: url("../img/jxzd.jpg") no-repeat; background-size: 100%; }
.title { color: #000; text-align: center; }
.title p { font-size: .6rem; padding-top: .65rem; }
.title a { font-size: .45rem; border: .025rem solid #7e5d54; border-radius: .5rem; width: 5.35rem; display: block; margin: .45rem auto; height: 1rem; line-height: 1rem; background: url("../img/right.png") no-repeat 4.5rem center; }

.content { width: 15.2rem; margin: 0 auto; background: #fff; border-radius: .5rem; box-sizing: border-box; border: .025rem solid #ececec; }

.content > p { padding-left: .2rem; font-size: .45rem; padding-top: .5rem; height: 1rem; }
.content > p a { padding: 0 .45rem 0 0.15rem; display: block; float: left; height: 1rem; line-height: 1.6rem; }
.content > p a.red { color: #f00; }
.content > p a.hot { background: url("../img/hot.png") no-repeat right 0; background-size: .6rem; }
.content > a { color: #f00; display: block; text-align: right; font-size: .45rem; margin: .4rem .5rem .55rem 0; }
.content ul { width: 15rem; margin: 0 auto; }
.content ul li, .content ul li img { width: 7.35rem; }
.content ul li > div { box-sizing: border-box; padding: .4rem .25rem .4rem .3rem; overflow: hidden; }
.content ul li .left { line-height: .6rem; }
.content ul li .left p { font-size: .5rem; color: #3d3d3d; }
.content ul li .left span { font-size: .4rem; color: #3d3d3d; }
.content ul li .left span i { font-style: normal; color: #f00; }
.content ul li .right a { display: block; width: 1.4rem; height: 1.4rem; background: url("../img/zx.png") no-repeat; background-size: 100%; }

.sxcj { width: 15.2rem; margin: .95rem auto 0; text-align: center; }
.sxcj h1 { font-size: .75rem; color: #5a5a5a; }
.sxcj > p { color: #b5b5b5; font-size: .35rem; letter-spacing: .2rem; margin: .3rem auto .55rem; }
.sxcj img { margin-bottom: .25rem; }
.sxcj > .flex > img:nth-child(1) { width: 15.2rem; height: 5.675rem; }
.sxcj img:nth-child(2), .sxcj img:nth-child(3) { width: 7.475rem; height: 4.375rem; }
.sxcj .btn { width: 12.85rem; margin: .4rem auto; }
.btn a { display: block; width: 6.425rem; height: 1.2rem; line-height: 1.2rem; color: #fff; text-align: center; background: #ff3737; border-radius: .25rem; font-size: .45rem; }
.btn a:nth-child(2) { background: #1a56b5; }
.dyjh { width: 16rem; }
.dyjh ul li { height: 1.45rem; line-height: 1.45rem; box-sizing: border-box; padding: 0 .4rem; }
.dyjh ul li:nth-child(even) { background: #f1f1f1; }
.dyjh ul li a { font-size: .5rem; color: #7e7e7e; }
.btn-right { width: 3.8rem; height: .85rem; background: #ff6438; font-size: .45rem; line-height: .85rem; color: #fff !important; border-radius: .25rem; margin-top: .3rem; }

.tyme .ty_box > img { width: 6.1rem; }
.ty_box { overflow: hidden; margin-bottom: 1rem; }
.ty_tit { margin-left: 1.4rem; }
.ty_tit > div { font-size: .6rem; font-weight: normal; padding: .1rem 0; border-bottom: .025rem solid #e9e9e9; }
.ty_tit > div h3 { display: inline; color: #f00; font-family: Impact; font-size: .75rem; }
.ty_tit p { font-size: .45rem; text-align: left; margin-top: .4rem; background: url("../img/dh.png") no-repeat center left; text-indent: 1rem; background-size: .55rem; }

.tyme form input, .tyme form button { width: 12.5rem; margin: .4rem auto; display: block; height: 1.5rem; text-align: center; font-size: .5rem; color: #debca5; border-radius: .25rem; border: 1px solid #debca5; outline: none; }
.tyme form button { background: #ff3737; color: #fff; border-color: #ff3737; }
.tyme form p { width: 12.5rem; margin: 0 auto .5rem; font-size: .4rem; color: #b9b6b6; text-align: left; }
.tyme form p span { color: #ff3737; padding-right: .25rem; }