﻿@charset "utf-8";
/* CSS Document */
html, body { margin: 0 auto; padding: 0; font-family: "微软雅黑","宋体", sans-serif; font-size: 14px; color: #302e31; background: #fff; width: 100%; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; }
img, a img { border: 0; max-width: 100%; height: auto; }
a { font-family: "微软雅黑","宋体", sans-serif; color: #302e31; }
a:hover { color: #d30312; }
select { padding: 2px; font-size: 16px; }
label { display: inline-block; }
p { line-height: 35px; }

.c { text-align: center; }
.b { font-weight: bold; }
.hei { color: #000; }
.hui1 { color: #999; }
.hui2 { color: #dfdfdf; }
.red { color: #d30312; }
.zis1 { color: #CC00FF; }
.blue { color: #0371F7; }
.green { color: #00CC00; }
.fs12 { font-size: 12px; }
.fs18 { font-size: 18px; }
.fs21 { font-size: 21px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs42 { font-size: 42px; }
.fs60 { font-size: 60px; }

.jsq_clear { clear: both; }
.jsq_disnone { display: none; }
.jsq_mt0 { margin-top: 0; }
.jsq_mb0 { margin-bottom: 0; }
.jsq_mt20 { margin-top: 20px; }
.jsq_mt50 { margin-top: 50px; }
.jsq_mb20 { margin-bottom: 20px; }
.jsq_ml20 { margin-left: 20px; }
.jsq_mr20 { margin-right: 20px; }
.jsq_pt20 { padding-top: 20px; }
.jsq_pb20 { padding-bottom: 20px; }

.jsq_btn1 { display: inline-block; margin: 2px; padding: 0 20px; height: 40px; line-height: 40px; background: #0371F7; color: #fff; font-size: 18px; cursor: pointer; border: 0; border-radius: 5px; }
.jsq_btn1:hover { background: #d30312; }

.jsq_header, main, .jsq_links { display: block; margin: 0 auto; width: 100%; max-width: 1000px; }

/* 头部 */
header { padding: 10px 0; background: #CBEFFF; }
header p { line-height: 25px; }

/* 底部 */
footer { position: relative; margin-top: 20px; padding: 10px 0; line-height: 25px; color: #777; border-top: solid 1px #CBEFFF; text-align: center; }

/* 友情链接 */
.jsq_links { margin-top: 20px; background: #fff; border: solid 1px #dfdfdf; }
.jsq_links .jsq_lt { padding: 0 0 0 15px; line-height: 30px; background: #EFEFEF; border-bottom: solid 1px #dfdfdf; }
.jsq_links .jsq_la { padding: 15px 20px; line-height: 25px; }
.jsq_links .jsq_la a { display: inline-block; margin-right: 10px; font-size: 12px; }

/* 主体 */
input[type="number"] { padding: 0 0 0 10px; width: 150px; height: 34px; line-height: 34px; font-size: 16px; }
main .jsq_w { display: inline-block; width: 80px; }
main i { margin: 0 5px; font-style: normal; }

table { width: 100%; border-collapse: collapse; }
table tr td { padding: 3px 5px; }

.jsq_tableis { width: 100%; line-height: 15px; font-size: 13px; border-spacing: 2px; border-collapse: separate; text-align: center; }
.jsq_tableis tr td { padding: 0; }
.jsq_tableis tr td.td { padding: 10px 0; }
.jsq_tableis a { display: block; text-decoration: none; }

.jsq_fg { }
.jsq_fg span { float: left; display: inline-block; width: 15%; }
.jsq_fg span:nth-of-type(5n) { width: 40%; }
.jsq_fg span i { margin-left: 10px; font-style: normal; color: #999; }
.jsq_fg a.jsq_a { float: left; display: inline-block; margin: 5px 1%; width: 18%; height: 30px; line-height: 20px; }

.jsq_ilist { padding: 0 0 10px 0; list-style: none; background: #fff; border: solid 1px #009AE5; }
.jsq_ilist h2 { margin: 0 0 10px 0; padding: 0 0 0 15px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff; background: #009AE5; }
.jsq_ilist a { float: left; position: relative; display: inline-block; margin: 10px; padding: 10px; width: 280px; height: 60px; text-decoration: none; border-radius: 10px; }
.jsq_ilist a img { float: left; width: 60px; height: 100%; box-shadow: 0 1px 3px #000; border-radius: 10px; }
.jsq_ilist a span { float: left; overflow: hidden; display: inline-block; margin-left: 10px; width: 180px; height: 30px; line-height: 30px; }
.jsq_ilist a span.jsq_il_t { font-size: 16px; font-weight: bold; }
.jsq_ilist a span.jsq_il_txt { font-size: 14px; color: #999; }
.jsq_ilist a:hover { background: #F5FCFF; }

.jsq_frm input[type="number"], .jsq_frm input[type="text"] { display: inline-block; padding: 0 10px; width: 200px; height: 38px; line-height: 38px; font-size: 15px; border: solid 1px #CCC; border-radius: 5px; }
.jsq_li { float: left; padding: 3px 0; width: 50%; line-height: 44px; }
.jsq_li span { float: left; display: block; margin-right: 25px; width: 220px; font-weight: bold; text-align: right; }

@media screen and (max-width:640px) {
html, body { font-size: 12px; }
}