@charset "utf-8";
/* CSS Document */
html, body { margin: 0 auto; padding: 0; font-family: "微软雅黑","宋体", sans-serif; font-size: 15px; color: #302e31; background: #F6FBFF; 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; text-decoration: none; }
a:hover { color: #DD2F01; }

.zi_clear { clear: both; }
.zi_disnone { display: none; }
.zi_mt20 { margin-top: 20px; }
.zi_mt50 { margin-top: 50px; }
.zi_mb20 { margin-bottom: 20px; }
.zi_ml20 { margin-left: 20px; }
.zi_mr20 { margin-right: 20px; }
.zi_pt20 { padding-top: 20px; }
.zi_pb20 { padding-bottom: 20px; }

.c { text-align: center; }
.b { font-weight: bold; }
.hei { color: #000; }
.hui1 { color: #999; }
.hui2 { color: #dfdfdf; }
.red { color: #DB0A0A; }
.zis1 { color: #CC00FF; }
.blue { color: #0975F1; }
.green { color: #00CC00; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
.fs30 { font-size: 30px; }
.fs42 { font-size: 42px; }
.fs80 { font-size: 80px; }

.zi_a1 { display: inline-block; margin: 5px 5px 5px 0; padding: 0 10px; height: 30px; line-height: 30px; background: #fff; border: solid 1px #dfdfdf; }
.zi_a1:hover { background: #DD2F01; color: #fff; }

.zi_a_zi { display: inline-block; margin: 5px 5px 5px 0; padding: 5px 10px; height: 60px; font-size: 30px; background: #fff; border: solid 1px #dfdfdf; text-align: center; }
.zi_a_zi span { display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666; }
.zi_a_zi em { height: 40px; line-height: 40px; font-style: normal; font-weight: normal; }
.zi_a_zi:hover { background: #DD2F01; color: #fff; }
.zi_a_zi:hover span { color: #fff; }

.line { margin-top: 20px; padding-top: 15px; border-top: dashed 1px #999; }

header, footer, main { display: block; margin: 0 auto; width: 100%; max-width: 1050px; }

/* 头部 */
header { padding: 20px 0; }
header .zi_logo { float: left; width: 30%; }
header .zi_logo a { font-size: 36px; color: #DD2F01; text-decoration: none; }
header .zi_right { float: right; width: 64%; text-align: right; }

/* 底部 */
footer { position: relative; padding: 20px 0; line-height: 25px; color: #999; text-align: center; }
footer a:hover { color: #DD2F01; }

/* 友情链接 */
.zi_links { background: #fff; border: solid 1px #dfdfdf; }
.zi_links .zi_lt { padding: 0 0 0 15px; line-height: 30px; background: #EFEFEF; border-bottom: solid 1px #dfdfdf; }
.zi_links .zi_la { padding: 15px 20px; line-height: 25px; }
.zi_links .zi_la a { display: inline-block; margin-right: 10px; font-size: 12px; }

/* 分页 */
.zi_page { margin: 10px 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.zi_page a { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #999; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #999; }
.zi_page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #999; font-weight: normal; text-decoration: none; letter-spacing: 0; }
.zi_page a:hover, .zi_page a.page_on { color: #fff; background: #DD2F01; border: 1px solid #DD2F01; }

/* 通用 */
.zi_box { display: inline-block; margin: 0 5px 5px 0; background: #fff; border: solid 1px #009AE5; text-decoration: none; width: 70px; height: 97px; text-align: center; }
.zi_box em { overflow: hidden; display: block; height: 25px; line-height: 25px; font-size: 14px; font-style: normal; color: #000; }
.zi_box span { overflow: hidden; display: block; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #222; }
.zi_box span:nth-of-type(2) { margin-top: 5px; height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; color: #000; background: #C1EBFF; border-top: solid 1px #009AE5; }
.zi_box span img { width: 30px; height: 30px; }

.zi_box1 { background: #fff; border: solid 1px #DD2F01; }
.zi_box1 .title { padding: 0 0 0 15px; line-height: 35px; background: #E2EBFD; border-bottom: solid 1px #DD2F01; }
.zi_box1 .title a { display: inline-block; font-weight: bold; }
.zi_box1 .list { }
.zi_box1 .list a { display: inline-block; margin: 5px 10px 5px 0; padding: 0 10px; height: 30px; line-height: 30px; border: solid 1px #DFDFDF; text-decoration: none; }
.zi_box1 .list a:hover { color: #DD2F01; border: solid 1px #DD2F01; }
.zi_box1 .content { padding: 20px 15px; line-height: 30px; word-wrap: break-word; word-break: normal; }
.zi_box1 .content h2 { font-size: 24px; font-weight: normal; }

.zi_box_bs { display: inline-block; margin: 0 5px 10px 0; background: #fff; border: solid 1px #dfdfdf; text-decoration: none; width: 80px; height: 96px; text-align: center; }
.zi_box_bs em { overflow: hidden; display: block; height: 25px; line-height: 25px; font-size: 14px; font-style: normal; color: #000; }
.zi_box_bs span { overflow: hidden; display: block; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #222; }
.zi_box_bs span:nth-of-type(2) { margin-top: 5px; height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; color: #000; background: #F3FE64; border-top: solid 1px #dfdfdf; }
.zi_box_bs span img { width: 30px; height: 30px; }

input[type="text"] { display: inline-block; padding: 0 10px; width: 100px; height: 40px; line-height: 40px; font-size: 15px; border: solid 1px #555; border-radius: 5px; }
button { display: inline-block; margin: 2px; padding: 0 20px; height: 40px; line-height: 40px; background: #DD2F01; color: #fff; font-size: 15px; cursor: pointer; border: solid 1px #DD2F01; border-radius: 5px; }
button:hover { background: #DB0A0A; border: solid 1px #DB0A0A; color: #fff; }

.zi_table1 { width: 100%; border-spacing: 0; border-collapse: collapse; line-height: 45px; }
.zi_table1 th { padding: 3px 5px; border:1px solid #D8DADD; background: #EEEFF1; }
.zi_table1 td { padding: 3px 5px; border:1px solid #D8DADD; }

.content table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.content table tr th { padding: 5px; font-weight: bold; line-height: 35px; border:1px solid #C9C9C9; }
.content table td { padding: 5px; border:1px solid #D8DADD; }
.content table a { color: #DD2F01; }

@media screen and (max-width:640px) {
header .zi_logo { width: 100%; }
header .zi_right { margin-top: 5px; width: 100%; }
}