@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
img { vertical-align: top; }
a, a:link { color: #040404; text-decoration: none; }
a:visited { color: #040404; }
a:hover { color: #040404; }
a:active { color: #040404; }
body { color: #333; font-size: 14px; line-height: 1.5; text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #FFF; font-family: "微软雅黑", "宋体", "黑体"; }
#container { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.container { width: 80%; box-sizing: border-box; margin: 0 auto; }
img { width: 100%; }
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
* html .clearfix { zoom: 1; }
*+html .clearfix { zoom: 1; }
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#top { padding: 15px 0 0; position: relative; z-index: 101; border-bottom: 1px solid rgba(0, 0, 0, .03); }
#top .container { width: 85%; }
#top .logo img { width: auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
#nav { width: 80%;  }
#nav li { float: left; width: 7.68%; text-align: center; line-height: 66px; }
#nav li { padding-bottom: 15px; }
#nav li>a { display: block; font-size: 16px; margin: 0 8px; }
#nav li.on>a, #nav li:hover>a { color: #0b81de; }
.search { height: 50px; }
.search .tit { padding: 10px 0 0 60px; line-height: 40px; font-size: 14px; color: #e50012; float: left; }
.form { float: left; width: 14%; position: relative; top: 15px; }
.form input[type="text"] { width: 100%; height: 36px; line-height: 36px; margin: 0; border: none; border-bottom: 1px solid #dedede; padding: 0 40px 0 8px; box-sizing: border-box; }
.form input[type="submit"] { width: 40px; position: absolute; right: 0; top: 0; height: 36px; line-height: 36px; padding: 0; margin: 0; border: none; background: url(../images/zxicon16.png) no-repeat center; background-size: 26px; cursor: pointer; }
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0376c7 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0376c7 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0376c7 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0376c7 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

#foot { background: url(../images/zxbg.jpg) no-repeat; color: #fff; padding: 30px 0 0; }
#foot .power { padding: 10px 0; line-height: 30px;  text-align: center;}
#foot .power a { color: #fff; }
.sec .title { text-align: center; line-height: 1; margin: 30px 0 20px; }
.sec .title h2 { font-size: 36px; color: #414141; letter-spacing: 1px; font-family: Arial; }
.sec .more a { display: block; width: 140px; line-height: 42px; border-radius: 21px; background: #0b81de; color: #fff; margin: 30px auto 0; text-align: center; font-size: 15px; }
 @media all and (min-width: 1024px) and (max-width:1680px) {
.container { width: 85%; }
.sec .title h2 { font-size: 32px; }
.sec .title p { font-size: 15px; }
#top .logo img { width: 240px; }
#nav li { line-height: 63px; }
}
 @media all and (min-width: 1024px) and (max-width:1600px) {
.form:before { bottom: -27px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
#top .drop .container { width: 90%; }
#top { padding-top: 12px; }
#top .logo img { width: 220px; }
#nav li { line-height: 54px; }
#nav li>a { font-size: 15px; }
.form:before { bottom: -19px; }
}
 @media all and (min-width: 0) and (max-width: 1400px) {
#top .container { width: 90%; }
.container { width: 90%; }
.sec .title h2 { font-size: 30px; }
}
 @media all and (min-width: 0) and (max-width: 1366px) {
#top .logo img { width: 200px; }
#nav { width: 58%; }
#nav li { line-height: 49px; }
.form:before { bottom: -14px; }
.sec .title { margin: 20px 0; }
.sec .title h2 { font-size: 28px; }
.sec .title span { margin: 10px auto 12px; }
.sec .title p { font-size: 14px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
#foot .nav dl { padding: 0 10px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.yb_conct {display: none;}
.container { width: 100%; }
.fl, .fr { float: inherit; }
#top { padding: 12px; }
#top .container { width: 100%; }
#top .logo img { width: 180px; }
#top .menu { position: absolute; right: 12px; top: 20px; width: 30px; height: 30px; background: url(../images/zxmenu.png) no-repeat center; background-size: cover; }
#nav { width: auto; margin: 10px 0; border-top: 1px solid #dedede; display: none; }
#nav li { float: inherit; width: 100%; text-align: left; line-height: 46px; }
#nav li { padding-bottom: 0px; }
#nav li>a { font-size: 15px; margin: 0 8px; position: relative; }
#nav li.on>a:after { background-position: right bottom; }
#nav li:hover>a { color: inherit; }
.search { height: auto; }
.form { float: none; width: 94%; padding-left: 3%; position: relative; top: 15px; }
.search .tit { display: block; line-height: 40px; float: none; padding: 10px 3% 0 3%; }
/*------------------------------------------------------------
	底部
------------------------------------------------------------*/
#foot { padding: 20px 12px 0; font-size: 13px; background-size: cover; }
#foot .power { line-height: 24px; margin-left: -12px; margin-right: -12px; }
.sec .title { margin: 20px 0 15px; }
.sec .title h2 { font-size: 28px; }
.sec .title span { margin: 12px auto 16px; width: 50px; height: 4px; }
.sec .title p { font-size: 13px; }
.sec .more a { width: 100px; line-height: 36px; border-radius: 18px; margin: 20px auto 0; font-size: 14px; }
.fixed { display: none; }
input { appearance: none; -webkit-appearance: none; }
}
.text > p > iframe { width: 98% !important; height: 35vw !important; margin: 0 1%; }