@charset "utf-8";
/* CSS Document */
html, body { margin: 0 auto; padding: 0; font-family: "微软雅黑","宋体", sans-serif; font-size: 15px; color: #3A373B; 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: #3A373B; }
a:hover { color: #418CF4; }

.zcy_clear { clear: both; }
.zcy_disnone { display: none; }
.zcy_mt20 { margin-top: 20px; }
.zcy_mt50 { margin-top: 50px; }
.zcy_mb20 { margin-bottom: 20px; }
.zcy_ml20 { margin-left: 20px; }
.zcy_mr20 { margin-right: 20px; }
.zcy_pt20 { padding-top: 20px; }
.zcy_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; }

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

/* 头部 */
header { padding: 10px 0; }
.zcy_header .zcy_logo { overflow: hidden; float: left; margin: 0 2% 0 0; padding: 0; width: 18%; height: 40px; line-height: 40px; }
.zcy_header .zcy_logo a { font-size: 36px; color: #418CF4; text-decoration: none; }

.zcy_header .zcy_menu { overflow: hidden; float: left; margin: 0; padding: 0; list-style: none; width: 80%; text-align: center; }
.zcy_header .zcy_menu li { float: left; width: 20%; line-height: 40px; }
.zcy_header .zcy_menu li a { display: block; padding: 0; font-size: 16px; font-weight: bold; }

.zcy_header .zcy_menushow { display: none; float: right; margin: 30px 2% 0 0; border: 0; width: 35px; height: 25px; background: url(../images/menu-blue.png) no-repeat right; cursor: pointer; }

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

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

/* 分页 */
.zcy_page { margin: 10px 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.zcy_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; }
.zcy_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; }
.zcy_page a:hover, .zcy_page a.page_on { color: #fff; background: #418CF4; border: 1px solid #418CF4; }

/* 通用 */
.zcy_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; }
.zcy_box em { overflow: hidden; display: block; height: 25px; line-height: 25px; font-size: 14px; font-style: normal; color: #000; }
.zcy_box span { overflow: hidden; display: block; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #222; }
.zcy_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; }
.zcy_box span img { width: 30px; height: 30px; }

.zcy_box1 { background: #fff; border: solid 1px #418CF4; }
.zcy_box1 .title { padding: 0 0 0 15px; line-height: 35px; background: #E2EBFD; border-bottom: solid 1px #418CF4; }
.zcy_box1 .title a { display: inline-block; font-weight: bold; }
.zcy_box1 .list { }
.zcy_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; }
.zcy_box1 .list a:hover { color: #418CF4; border: solid 1px #418CF4; }
.zcy_box1 .content { padding: 20px 15px; line-height: 30px; word-wrap: break-word; word-break: normal; }
.zcy_box1 .content h2 { font-size: 21px; }

.zcy_news { margin: 0; padding: 0; list-style: none; }
.zcy_news li { padding: 13px 2px; border: solid 1px #fff; border-bottom: dashed 1px #e5e5e5; }
.zcy_news li:hover { border: solid 2px #418CF4; }
.zcy_news .img { float: left; margin: 0 2% 0 0; width: 20%; }
.zcy_news .img img { display: block; width: 100%; height: 130px; }
.zcy_news .text { float: left; width: 78%; }
.zcy_news .text .ntitle { overflow: hidden; height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }
.zcy_news .text .ntext { overflow: hidden; margin-top: 10px; height: 50px; line-height: 25px; font-size: 14px; color: #666; }
.zcy_news .text .nshux { overflow: hidden; margin-top: 10px; height: 25px; line-height: 25px; font-size: 14px; color: #999; }
.zcy_news .text .nshux span { margin-right: 15px; }

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: #418CF4; color: #fff; font-size: 15px; cursor: pointer; border: solid 1px #418CF4; border-radius: 5px; }
button:hover { background: #DB0A0A; border: solid 1px #DB0A0A; color: #fff; }

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

@media screen and (max-width:1024px) {
header, footer, main { width: 98%; }

.zcy_header .zcy_logo { margin: 0 2% 0 0; width: 78%; }

.zcy_header .zcy_menushow { display: block; }

.zcy_header .zcy_menu { display: none; position: absolute; top: 60px; right: 0; width: 140px; height: auto; background: #444; border-bottom-left-radius: 20px; z-index: 100; }
.zcy_header .zcy_menu li { clear: both; margin-right: 0; width: 100%; line-height: 35px; color: #fff; text-align: center; }
.zcy_header .zcy_menu li a { color: #fff; width: 100%; }
.zcy_header .zcy_menu li a:hover { color: #e32000; text-decoration: underline; }

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