@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; font-weight: normal; }

html, body, fieldset, img, iframe, abbr { border: 0; }

i, cite, em, var, address, dfn { font-style: normal; }

[hidefocus], summary { outline: 0; }

li { list-style: none; }

h1, h2, h3, h4, h5, h6, small { font-size: 100%; }

sup, sub { font-size: 83%; }

pre, code, kbd, samp { font-family: inherit; }

q:before, q:after { content: none; }

textarea { overflow: auto; resize: none; }

label, summary { cursor: default; }

h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }

a { text-decoration: none; }

.clear:after { clear: both; width: 0; height: 0; content: ''; display: block; visibility: hidden; }

.float_left { float: left; }

.float_right { float: right; }

body { font-family: 微软雅黑; font-size: 14px; }

@media screen and (max-width: 1200px) { body { width: 1200px; } }
@media screen and (max-width: 1200px) { html { width: 1200px; } }
a { color: #333333; }
a:hover { color: #ff7012; }

.id-head { background: #ffffff; }

.id-hy { line-height: 30px; height: 30px; overflow: hidden; }

.id-hy-rap { width: 1200px; margin: auto; overflow: hidden; }

.id-hy-rap .name { float: left; color: #666666; }

.id-hy-rap .link { float: right; color: #666666; }

.id-hy-rap .link a { float: left; color: #666666; }

.id-hy-rap .link span { float: left; margin: 0 14px; }

.id-logo { background: url("../images/bg01.jpg") center top; height: 215px; overflow: hidden; }

.id-logo .rap { width: 1200px; margin: auto; overflow: hidden; }

.id-ss { float: right; width: 330px; overflow: hidden; margin-top: 93px; }

.id-sss { margin-top: 13px; width: 328px; height: 40px; float: right; overflow: hidden; border: 1px solid #fff; }

.id-sss .text { width: 238px; border: 0; height: 40px; line-height: 40px; padding: 0 10px; outline: none; float: left; }

.id-sss .btn { border: 0; height: 40px; line-height: 40px; float: left; background: #21cb85; width: 70px; color: #ffffff; font-size: 16px; }

.id-top { line-height: 32px; overflow: hidden; }

.id-top .name { color: #ffa200; float: left; }

.id-top a { color: #2990de; float: left; }

.id-top span { margin: 0  8px; color: #2990de; float: left; }

.id-nav { border-bottom: 4px solid #21cb85; height: 66px; background: #2990de; }

.id-nav-rap { width: 1200px; margin: auto; position: relative; }

.id-nav-rap ul { width: 870px; float: left; }

.id-nav-rap ul li { width: 114px; float: left; }

.id-nav-rap ul li > a { height: 66px; line-height: 66px; font-size: 16px; display: block; text-align: center; color: #ffffff; }

.id-nav-rap ul li:hover > a, .id-nav-rap ul li.on > a { background: url("../images/ico01.png") no-repeat bottom center; }

.id-nav-rap ul li:hover .sub-nav { display: block; }

.sub-nav { position: absolute; background: #ffffff; z-index: 99999; display: none; -webkit-box-shadow: 0 2px 8px #ccc; box-shadow: 0 2px 8px #ccc; width: 1180px; padding: 10px; left: 0; top: 66px; }
.sub-nav-item { padding: 10px 0; overflow: hidden; /*height: 24px;*/ line-height: 24px; }
.sub-nav-item strong { font-size: 18px; min-width: 120px; margin-right: 20px; display: inline-block; text-indent: 1em; }
.sub-nav-item a { display: inline-block; margin-right: 46px; float: left; }
.sub-nav-item a:first-child { margin-right: 0; }

.id-link { width: 1200px; margin: 30px auto 0; height: 60px; background: #2990de; }

.id-link .name { float: left; margin-right: 20px; line-height: 60px; color: #ffffff; font-size: 18px; margin-left: 15px; }

/*下拉*/
.nice-select02 { margin-top: 17px; margin-right: 60px; float: left; width: 205px; height: 26px; position: relative; background: #ffffff; }

.nice-select02 div { background: url("../images/img05.png") no-repeat right top; text-indent: 10px; overflow: hidden; border-radius: 5px; display: block; width: 100%; height: 26px; line-height: 26px; outline: 0; }

.nice-select02 ul { width: 203px; display: none; position: absolute; left: 0; bottom: 25px; overflow: hidden; background-color: #fff; max-height: 150px; overflow-y: auto; border: 1px solid #eeeff3; border-bottom: 0; z-index: 9999; }

.nice-select02 ul li { text-indent: 10px; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; cursor: pointer; }

.nice-select02 ul li a { color: #333333; }

/*下拉*/
.id-bottom { padding: 30px 0; margin-top: 34px; background: #ffffff; overflow: hidden; }

.id-bottom-rap { width: 1200px; margin: auto; overflow: hidden; }

.id-bottom-rap div { line-height: 30px; color: #333333; vertical-align: middle; text-align: center; }

.id-bottom-rap div a { margin: 0 10px; display: inline-block; vertical-align: middle; }

/*!
 * my custom css
 *
 *
 */
.bg-primary { background-color: #009ae8; }

.bg-secondary { background-color: #6c757d; }

.bg-success { background-color: #28a745; }

.bg-info { background-color: #17a2b8; }

.bg-warning { background-color: #ffc107; }

.bg-danger { background-color: #dc3545; }

.bg-light { background-color: #f8f9fa; }

.bg-dark { background-color: #343a40; }

.bg-gray1 { background-color: #f8f9fa; }

.bg-gray2 { background-color: #e9ecef; }

.bg-gray3 { background-color: #dee2e6; }

.bg-gray4 { background-color: #ced4da; }

.bg-gray5 { background-color: #adb5bd; }

.bg-gray6 { background-color: #6c757d; }

.bg-gray7 { background-color: #495057; }

.bg-gray8 { background-color: #343a40; }

.bg-gray9 { background-color: #212529; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid red; }

.border { border: 1px solid #dee2e6 !important; }

.border-top { border-top: 1px solid #dee2e6 !important; }

.border-right { border-right: 1px solid #dee2e6 !important; }

.border-bottom { border-bottom: 1px solid #dee2e6 !important; }

.border-left { border-left: 1px solid #dee2e6 !important; }

.border-0 { border: 0 !important; }

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-0 { border-radius: 0 !important; }

.fz12 { font-size: 12px !important; }

.fz14 { font-size: 14px !important; }

.fz16 { font-size: 16px !important; }

.fz18 { font-size: 18px !important; }

.fz20 { font-size: 20px !important; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.fz26 { font-size: 26px !important; }

.fz28 { font-size: 28px !important; }

.fz30 { font-size: 30px !important; }

.fz32 { font-size: 32px !important;line-height: 32px; }

.fw { font-weight: bold; }

.pos-static { position: static !important; }

.pos-r { position: relative !important; }

.pos-a { position: absolute !important; }

.pos-f { position: fixed !important; }

.pos-sticky { position: static !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

.fixed-left { position: fixed; left: 0; top: 0; bottom: 0; z-index: 1030; }

.fixed-right { position: fixed; right: 0; bottom: 0; z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } }

.w16 { width: 16.6666666667% !important; }

.w25 { width: 25% !important; }

.w33 { width: 33.333333% !important; }

.w50 { width: 50% !important; }

.w60 { width: 60% !important; }

.w75 { width: 75% !important; }

.w80 { width: 80% !important; }

.w100 { width: 100% !important; }

.h16 { height: 16.6666666667% !important; }

.h25 { height: 25% !important; }

.h33 { height: 33.333333% !important; }

.h50 { height: 50% !important; }

.h60 { height: 60% !important; }

.h75 { height: 75% !important; }

.h80 { height: 80% !important; }

.h100 { height: 100% !important; }

.mw100 { max-width: 100% !important; }

.mh100 { max-height: 100% !important; }

.t0 { top: 0 !important; }

.r0 { right: 0 !important; }

.b0 { bottom: 0 !important; }

.l0 { left: 0 !important; }

.m0 { margin: 0 !important; }

.mt0 { margin-top: 0 !important; }

.mr0 { margin-right: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

.ml0 { margin-left: 0 !important; }

.t5 { top: 5px !important; }

.r5 { right: 5px !important; }

.b5 { bottom: 5px !important; }

.l5 { left: 5px !important; }

.m5 { margin: 5px !important; }

.mt5 { margin-top: 5px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.t10 { top: 10px !important; }

.r10 { right: 10px !important; }

.b10 { bottom: 10px !important; }

.l10 { left: 10px !important; }

.m10 { margin: 10px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.t15 { top: 15px !important; }

.r15 { right: 15px !important; }

.b15 { bottom: 15px !important; }

.l15 { left: 15px !important; }

.m15 { margin: 15px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.t20 { top: 20px !important; }

.r20 { right: 20px !important; }

.b20 { bottom: 20px !important; }

.l20 { left: 20px !important; }

.m20 { margin: 20px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.t25 { top: 25px !important; }

.r25 { right: 25px !important; }

.b25 { bottom: 25px !important; }

.l25 { left: 25px !important; }

.m25 { margin: 25px !important; }

.mt25 { margin-top: 25px !important; }

.mr25 { margin-right: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.t30 { top: 30px !important; }

.r30 { right: 30px !important; }

.b30 { bottom: 30px !important; }

.l30 { left: 30px !important; }

.m30 { margin: 30px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.t35 { top: 35px !important; }

.r35 { right: 35px !important; }

.b35 { bottom: 35px !important; }

.l35 { left: 35px !important; }

.m35 { margin: 35px !important; }

.mt35 { margin-top: 35px !important; }

.mr35 { margin-right: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.ml35 { margin-left: 35px !important; }

.t40 { top: 40px !important; }

.r40 { right: 40px !important; }

.b40 { bottom: 40px !important; }

.l40 { left: 40px !important; }

.m40 { margin: 40px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.t50 { top: 50px !important; }

.r50 { right: 50px !important; }

.b50 { bottom: 50px !important; }

.l50 { left: 50px !important; }

.m50 { margin: 50px !important; }

.mt50 { margin-top: 50px !important; }

.mr50 { margin-right: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.t60 { top: 60px !important; }

.r60 { right: 60px !important; }

.b60 { bottom: 60px !important; }

.l60 { left: 60px !important; }

.m60 { margin: 60px !important; }

.mt60 { margin-top: 60px !important; }

.mr60 { margin-right: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.t70 { top: 70px !important; }

.r70 { right: 70px !important; }

.b70 { bottom: 70px !important; }

.l70 { left: 70px !important; }

.m70 { margin: 70px !important; }

.mt70 { margin-top: 70px !important; }

.mr70 { margin-right: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.ml70 { margin-left: 70px !important; }

.t80 { top: 80px !important; }

.r80 { right: 80px !important; }

.b80 { bottom: 80px !important; }

.l80 { left: 80px !important; }

.m80 { margin: 80px !important; }

.mt80 { margin-top: 80px !important; }

.mr80 { margin-right: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

.t90 { top: 90px !important; }

.r90 { right: 90px !important; }

.b90 { bottom: 90px !important; }

.l90 { left: 90px !important; }

.m90 { margin: 90px !important; }

.mt90 { margin-top: 90px !important; }

.mr90 { margin-right: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.ml90 { margin-left: 90px !important; }

.t100 { top: 100px !important; }

.r100 { right: 100px !important; }

.b100 { bottom: 100px !important; }

.l100 { left: 100px !important; }

.m100 { margin: 100px !important; }

.mt100 { margin-top: 100px !important; }

.mr100 { margin-right: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml100 { margin-left: 100px !important; }

.t110 { top: 110px !important; }

.r110 { right: 110px !important; }

.b110 { bottom: 110px !important; }

.l110 { left: 110px !important; }

.m110 { margin: 110px !important; }

.mt110 { margin-top: 110px !important; }

.mr110 { margin-right: 110px !important; }

.mb110 { margin-bottom: 110px !important; }

.ml110 { margin-left: 110px !important; }

.t120 { top: 120px !important; }

.r120 { right: 120px !important; }

.b120 { bottom: 120px !important; }

.l120 { left: 120px !important; }

.m120 { margin: 120px !important; }

.mt120 { margin-top: 120px !important; }

.mr120 { margin-right: 120px !important; }

.mb120 { margin-bottom: 120px !important; }

.ml120 { margin-left: 120px !important; }

.t0 { top: 0 !important; }

.r0 { right: 0 !important; }

.b0 { bottom: 0 !important; }

.l0 { left: 0 !important; }

.p0 { padding: 0 !important; }

.pt0 { padding-top: 0 !important; }

.pr0 { padding-right: 0 !important; }

.pb0 { padding-bottom: 0 !important; }

.pl0 { padding-left: 0 !important; }

.t5 { top: 5px !important; }

.r5 { right: 5px !important; }

.b5 { bottom: 5px !important; }

.l5 { left: 5px !important; }

.p5 { padding: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.pl5 { padding-left: 5px !important; }

.t10 { top: 10px !important; }

.r10 { right: 10px !important; }

.b10 { bottom: 10px !important; }

.l10 { left: 10px !important; }

.p10 { padding: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.t15 { top: 15px !important; }

.r15 { right: 15px !important; }

.b15 { bottom: 15px !important; }

.l15 { left: 15px !important; }

.p15 { padding: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.pl15 { padding-left: 15px !important; }

.t20 { top: 20px !important; }

.r20 { right: 20px !important; }

.b20 { bottom: 20px !important; }

.l20 { left: 20px !important; }

.p20 { padding: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.t25 { top: 25px !important; }

.r25 { right: 25px !important; }

.b25 { bottom: 25px !important; }

.l25 { left: 25px !important; }

.p25 { padding: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pr25 { padding-right: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.pl25 { padding-left: 25px !important; }

.t30 { top: 30px !important; }

.r30 { right: 30px !important; }

.b30 { bottom: 30px !important; }

.l30 { left: 30px !important; }

.p30 { padding: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pr30 { padding-right: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl30 { padding-left: 30px !important; }

.t35 { top: 35px !important; }

.r35 { right: 35px !important; }

.b35 { bottom: 35px !important; }

.l35 { left: 35px !important; }

.p35 { padding: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pr35 { padding-right: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.pl35 { padding-left: 35px !important; }

.t40 { top: 40px !important; }

.r40 { right: 40px !important; }

.b40 { bottom: 40px !important; }

.l40 { left: 40px !important; }

.p40 { padding: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pr40 { padding-right: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.pl40 { padding-left: 40px !important; }

.t50 { top: 50px !important; }

.r50 { right: 50px !important; }

.b50 { bottom: 50px !important; }

.l50 { left: 50px !important; }

.p50 { padding: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pr50 { padding-right: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl50 { padding-left: 50px !important; }

.t60 { top: 60px !important; }

.r60 { right: 60px !important; }

.b60 { bottom: 60px !important; }

.l60 { left: 60px !important; }

.p60 { padding: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pr60 { padding-right: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.pl60 { padding-left: 60px !important; }

.t70 { top: 70px !important; }

.r70 { right: 70px !important; }

.b70 { bottom: 70px !important; }

.l70 { left: 70px !important; }

.p70 { padding: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pr70 { padding-right: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.pl70 { padding-left: 70px !important; }

.t80 { top: 80px !important; }

.r80 { right: 80px !important; }

.b80 { bottom: 80px !important; }

.l80 { left: 80px !important; }

.p80 { padding: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pr80 { padding-right: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.pl80 { padding-left: 80px !important; }

.t90 { top: 90px !important; }

.r90 { right: 90px !important; }

.b90 { bottom: 90px !important; }

.l90 { left: 90px !important; }

.p90 { padding: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pr90 { padding-right: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.pl90 { padding-left: 90px !important; }

.t100 { top: 100px !important; }

.r100 { right: 100px !important; }

.b100 { bottom: 100px !important; }

.l100 { left: 100px !important; }

.p100 { padding: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pr100 { padding-right: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl100 { padding-left: 100px !important; }

.t110 { top: 110px !important; }

.r110 { right: 110px !important; }

.b110 { bottom: 110px !important; }

.l110 { left: 110px !important; }

.p110 { padding: 110px !important; }

.pt110 { padding-top: 110px !important; }

.pr110 { padding-right: 110px !important; }

.pb110 { padding-bottom: 110px !important; }

.pl110 { padding-left: 110px !important; }

.t120 { top: 120px !important; }

.r120 { right: 120px !important; }

.b120 { bottom: 120px !important; }

.l120 { left: 120px !important; }

.p120 { padding: 120px !important; }

.pt120 { padding-top: 120px !important; }

.pr120 { padding-right: 120px !important; }

.pb120 { padding-bottom: 120px !important; }

.pl120 { padding-left: 120px !important; }

.m-auto { margin: auto !important; }

.mt-auto, .mr-auto, .mb-auto, .ml-auto, .mx-auto { margin-left: auto !important; }

.text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.text-overflow-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.fl { float: left !important; }

.fr { float: right !important; }

.fn { float: none !important; }

.lh16 { line-height: 1.6; }

.lh2 { line-height: 2; }

.lh24 { line-height: 2.4; }

.lh26 { line-height: 2.6; }

.lh3 { line-height: 3; }

.tin2 { text-indent: 2em; }

.hide { display: none !important; }

.show { display: block !important; }

.dib { display: inline-block; }

.db { display: block; }

.vam { vertical-align: middle !important; }

.t-left { text-align: left !important; }

.t-right { text-align: right !important; }

.t-center { text-align: center !important; }

.t-lowercase { text-transform: lowercase !important; }

.t-uppercase { text-transform: uppercase !important; }

.t-capitalize { text-transform: capitalize !important; }

.fwn { font-weight: normal !important; }

.fwb { font-weight: bold !important; }

.t-white { color: #fff !important; }

.t-primary { color: #009ae8; }

.t-secondary { color: #6c757d; }

.t-success { color: #28a745; }

.t-info { color: #17a2b8; }

.t-warning { color: #ffc107; }

.t-danger { color: #dc3545; }

.t-light { color: #f8f9fa; }

.t-dark { color: #343a40; }

.t-gray1 { color: #f8f9fa; }

.t-gray2 { color: #e9ecef; }

.t-gray3 { color: #dee2e6; }

.t-gray4 { color: #ced4da; }

.t-gray5 { color: #adb5bd; }

.t-gray6 { color: #6c757d; }

.t-gray7 { color: #495057; }

.t-gray8 { color: #343a40; }

.t-gray9 { color: #212529; }

.bgf9 { background: #f9f9f9; }

.t-666 { color: #666666; }

.t-999 { color: #999999; }

.msg-content { line-height: 2; font-size: 16px; overflow: auto;}
.msg-content p {  padding-bottom: 10px; }

.w-16 { width: 16.6666666667% !important; }

.w-25 { width: 25% !important; }

.w-33 { width: 33.333333% !important; }

.w-50 { width: 98% !important; }

.w-60 { width: 60% !important; }

.w-75 { width: 75% !important; }

.w-80 { width: 80% !important; }

.w-100 { width: 100% !important; }

.h-16 { height: 16.6666666667% !important; }

.h-25 { height: 25% !important; }

.h-33 { height: 33.333333% !important; }

.h-50 { height: 50% !important; }

.h-60 { height: 60% !important; }

.h-75 { height: 75% !important; }

.h-80 { height: 80% !important; }

.h-100 { height: 100% !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

img { max-width: 100%; }

/*焦点图*/
.slideBox { width: 654px; height: 396px; overflow: hidden; position: relative; float: left; }

.slideBox .hd { height: 3px; overflow: hidden; position: absolute; right: 0; bottom: 60px; z-index: 1; }

.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }

.slideBox .hd ul li { margin-left: 12px; border-radius: 5px; float: left; margin-right: 2px; width: 38px; height: 3px; font-size: 0; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }

.slideBox .hd ul li.on { background: #21cb85; }

.slideBox .bd { position: relative; width: 654px; height: 396px; z-index: 0; }

.slideBox .bd li { width: 654px; height: 396px; zoom: 1; vertical-align: middle; }

.slideBox .bd li a { position: relative; z-index: 1; width: 654px; height: 396px; display: block; vertical-align: middle; }

.slideBox .bd li a span { background: url("../images/bg02.png"); height: 50px; width: 654px; display: block; position: absolute; text-align: center; color: #ffffff; line-height: 50px; left: 0; bottom: 0; font-size: 20px; }

.slideBox .bd img { height: 396px; width: auto; margin: auto; display: block; }

/*焦点图*/
body { background: #f1f1f1; }

.id-body { width: 1200px; overflow: hidden; margin: auto; }

.id-top-box { background: #ffffff; height: 28px; overflow: hidden; margin-top: 22px; }

/*新闻滚动*/
.txtMarquee-left { position: relative; width: 1104px; float: right; }

.txtMarquee-left .bd .tempWrap { width: 1104px !important; }

/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul { overflow: hidden; zoom: 1; }

.txtMarquee-left .bd ul li { margin-right: 60px; float: left; height: 28px; line-height: 28px; text-align: left; _display: inline; width: auto !important; }

/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a { color: #666666; }

/*新闻滚动*/
.id-nwe { overflow: hidden; margin-top: 18px; padding: 26px 21px; background: #ffffff; }

/*切换*/
.notice { width: 484px; overflow: hidden; float: right; }

.notice .tab-hd { height: 36px; background: url("../images/ico04.png"); line-height: 36px; overflow: hidden; }

.notice .tab-hd li { float: left; }

.notice .tab-hd li a { text-indent: 10px; width: 120px; display: block; font-size: 15px; color: #333333; }

.notice .tab-hd li.on a { color: #ffffff; background: url("../images/ico03.png") no-repeat right top; }

.notice .tab-bd, .notice .tab-bd .tab-pal { overflow: hidden; height: 320px; }

/*切换*/
.id-list { margin-top: 13px; overflow: hidden; }

.id-list ul li { font-size: 16px; float: left; width: 100%; overflow: hidden; line-height: 24px; margin-top: 10px; margin-bottom: 10px; background: url("../images/d01.png") no-repeat -1px center; }

.id-list ul li a { float: left; margin-left: 12px; }

.id-list ul li i { float: left; background: url("../images/ico05.png"); width: 29px; height: 12px; margin-top: 6px; margin-left: 8px; }

.id-list ul li span { margin-right: 6px; float: right; color: #999; }

/*焦点图*/
.slideBox02 { margin-top: 28px; width: 1200px; height: 110px; overflow: hidden; position: relative; }

.slideBox02 .hd { height: 6px; overflow: hidden; position: absolute; right: 10px; bottom: 20px; z-index: 1; }

.slideBox02 .hd ul { overflow: hidden; zoom: 1; float: left; }

.slideBox02 .hd ul li { margin-right: 10px; border-radius: 3px; float: left; width: 28px; height: 6px; font-size: 0; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }

.slideBox02 .hd ul li.on { background: #21cb85; }

.slideBox02 .bd { position: relative; z-index: 0; }

.slideBox02 .bd li { zoom: 1; vertical-align: middle; }

.slideBox02 .bd li a { position: relative; z-index: 1; display: block; vertical-align: middle; }

.slideBox02 .bd img { height: 110px; width: 100%; display: block; }

/*焦点图*/
.id-item { padding: 0 15px; overflow: hidden; margin-top: 28px; background: #ffffff; }

.id-item-title { height: 60px; line-height: 60px; overflow: hidden; }

.id-item-title span { float: left; font-size: 18px; color: #333333; }

.id-item-title a { background: url("../images/ico06.png"); width: 18px; height: 18px; float: left; margin-top: 21px; margin-left: 6px; }

.id-item-rap { overflow: hidden; }

.notice-li01 { width: 660px; overflow: hidden; float: left; }

.notice-li01 .tab-hd { height: 34px; background: #f1f1f1; overflow: hidden; }

.notice-li01 .tab-hd li { float: left; }

.notice-li01 .tab-hd li a { text-align: center; display: block; padding: 0 30px; line-height: 34px; height: 34px; font-size: 16px; color: #333333; }

.notice-li01 .tab-hd li.on { background: #2990de; }

.notice-li01 .tab-hd li.on a { color: #ffffff; background: url("../images/ico07.png") no-repeat bottom center; }

.notice-li01 .tab-bd, .notice-li01 .tab-bd .tab-pal { overflow: hidden; height: 300px; }

.notice-li01 .tab-bd .id-list { margin-top: 16px; }

.id-border { width: 2px; height: 334px; float: left; margin-left: 18px; background: #f1f1f1; }

.id-xxgk { float: right; width: 473px; overflow: hidden; }

.id-xxgk .title { height: 34px; background: #f1f1f1; overflow: hidden; line-height: 34px; }

.id-xxgk .title span { float: left; width: 116px; text-align: center; color: #ffffff; font-size: 16px; background: #2990de; }

.id-xxgk .box { width: 110%; margin-top: 8px; overflow: hidden; }

.id-xxgk .box a { float: left; margin-top: 22px; display: block; margin-right: 10px; height: 70px; width: 148px; border: 1px solid #e5f3fd; }

.id-xxgk .box a i { background: url("../images/ico08.png"); width: 48px; height: 48px; float: left; margin-left: 10px; margin-top: 11px; }

.id-xxgk .box a span { float: left; line-height: 70px; color: #333333; margin-left: 7px; }

.id-xxgk .box a.li02 i { background: url("../images/ico08.png") -163px 0; }

.id-xxgk .box a.li03 i { background: url("../images/ico08.png") -324px 0; }

.id-xxgk .box a.li04 i { background: url("../images/ico08.png") 0 -95px; }

.id-xxgk .box a.li05 i { background: url("../images/ico08.png") -157px -95px; }

.id-xxgk .box a.li06 i { background: url("../images/ico08.png") -324px -95px; }

.id-xxgk .wg { height: 52px; line-height: 52px; text-align: center; display: block; margin-top: 16px; background: #2990de; font-size: 20px; color: #ffffff; }

.open-2 a { display: inline-block; width: 48%; color: #ffffff; background: #2990de; float: left; text-align: center; line-height: 2.6; }
.open-2 a:first-child { margin-right: 4%; }

.id-item02 { overflow: auto; margin-top: 24px; }

.id-zmhd { width: 692px; float: left; overflow: hidden; }

.w365 { width: 365px; }

.w307 { width: 307px; }

.news-list { min-height: 234px; background: #ffffff; }
.news-list li { font-size: 16px; overflow: hidden; line-height: 2.6; background: url("../images/d01.png") no-repeat -1px center; }
.news-list li a { margin-left: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li span { margin-right: 6px; float: right; color: #999; }

.title1 span { font-size: 18px; color: #333333; }

.border-primary { border: 1px solid #009ae8 !important; }

.id-bs { float: right; width: 490px; overflow: hidden; }

.id-bs-rap { padding: 0 15px; background: #ffffff; overflow: hidden; }

.id-bs-rap .title { height: 60px; line-height: 60px; overflow: hidden; }

.id-bs-rap .title span { float: left; font-size: 18px; color: #333333; }

.id-bs-rap .title a { background: url(../images/ico06.png); width: 18px; height: 18px; float: left; margin-top: 21px; margin-left: 6px; }

.id-bs-rap .box { overflow: hidden; width: 110%; padding-bottom: 26px; }

.id-bs-rap .box a { margin-right: 13px; width: 104px; height: 78px; background: url("../images/ico09.png"); float: left; }

.id-bs-rap .box a.li02 { background: url("../images/ico09.png") -118px 0; }

.id-bs-rap .box a.li03 { background: url("../images/ico09.png") -236px 0; }

.id-bs-rap .box a.li04 { background: url("../images/ico09.png") -353px 0; }

.id-bs-rap .box a span { display: block; text-align: center; color: #333333; line-height: 20px; margin-top: 50px; }

/* tab切换 */
.slideTxtBox { overflow: hidden; }

.slideTxtBox .hd { position: relative; }

.slideTxtBox .hd ul li { display: inline-block; cursor: pointer; padding: 0 5px; text-align: center; }

.slideTxtBox .hd ul li.on { color: #ff7012; }

.slideTxtBox .hd ul li a { display: none; position: absolute; right: 0px; top: 3px; }

.slideTxtBox .hd ul li.on a { display: inline-block; }

.slideTxtBox .bd ul { zoom: 1; }

.pic-shows { overflow: hidden; position: relative; }

.pic-shows .inhd { overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }

.pic-shows .inhd ul { overflow: hidden; zoom: 1; float: left; }

.pic-shows .inhd ul li { float: left; margin-right: 2px; padding: 0px 6px; text-align: center; background: #fff; cursor: pointer; display: initial; }

.pic-shows .inhd ul li.on { background: #ff7012; color: #fff; }

.pic-shows .inbd { position: relative; height: 100%; z-index: 0; }

.pic-shows .inbd ul { padding: 0; }

.pic-shows .inbd li { zoom: 1; vertical-align: middle; }
.pic-shows .inbd li a:before { display: none; }

.pic-shows .inbd li a { max-width: 100%; }

.pic-shows .inbd img { width: 457px; height: 297px; display: block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pic-shows .sPrev, .pic-shows .sNext { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }

.pic-shows .sNext { left: auto; right: 3%; background-position: 8px 5px; }

.pic-shows .sPrev:hover, .pic-shows .sNext:hover { filter: alpha(opacity=100); opacity: 1; }

.pic-shows .sPrevStop { display: none; }

.pic-shows .sNextStop { display: none; }

.q-links a { float: left; margin-left: 18.666666px; display: inline-block; }
.q-links a:first-child { margin-left: 0; }
.q-links img { width: 386px; height: 75px; }

.id-rdzt { background: #ffffff; padding: 0 15px; margin-top: 20px; overflow: hidden; }

.id-rdzt .title { height: 60px; line-height: 60px; overflow: hidden; }

.id-rdzt .title span { float: left; font-size: 18px; color: #333333; }

.id-rdzt .title a { background: url(../images/ico06.png); width: 18px; height: 18px; float: left; margin-top: 21px; margin-left: 6px; }

/*热点*/
.picScroll-left02 { padding-bottom: 24px; overflow: hidden; position: relative; }

.picScroll-left02 .hd { overflow: hidden; height: 0; width: 0; }

.picScroll-left02 .hd .prev { z-index: 100; display: block; width: 19px; height: 38px; overflow: hidden; cursor: pointer; background: url("../images/btn02.png") 0 0 no-repeat; position: absolute; left: 0; top: 43px; }

.picScroll-left02 .hd .next { z-index: 100; display: block; width: 19px; height: 38px; overflow: hidden; cursor: pointer; background: url("../images/btn02.png") -19px 0 no-repeat; position: absolute; right: 0; top: 43px; }

.picScroll-left02 .bd { width: 100%; margin: auto; overflow: hidden; }

.picScroll-left02 .bd ul { overflow: hidden; zoom: 1; }

.picScroll-left02 .bd ul li { margin-right: 22px; float: left; }

.picScroll-left02 .bd ul li a { width: 220px; height: 126px; display: block; }

.picScroll-left02 .bd ul li a img { width: 220px; height: 126px; display: block; background: #2990de; }

/*热点*/
.list-web { overflow: hidden; min-height: 800px; _height: 800px; margin-top: 22px; }

.list-web-title { text-indent: 1em; border-bottom: 1px solid #e8e8e8; height: 36px; line-height: 36px; color: #888888; background: #ffffff; }

.list-web-title i { float: left; width: 6px; height: 24px; margin-top: 16px; margin-left: 7px; background: #0e74b6; }

.list-web-title .name { margin-top: 16px; float: left; margin-left: 18px; font-size: 18px; line-height: 24px; color: #2990de; font-weight: bold; }

.list-web-title a { color: #888888; }

.biaoti { padding-top: 14px; font-size: 22px; line-height: 30px; text-align: center; color: #0066b1; font-weight: bold; width: 900px; margin: auto; }

.no-print { margin-top: 20px; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #b5b5b5; }

.no-print span { display: inline-block; margin: 0 10px; color: #747474; }

.xqing-web { width: 1000px; margin: 26px auto 0; }

.leader-min { overflow: hidden; }

.leader-min .img { width: 148px; height: 214px; background: #2990de; display: block; margin: 42px auto 0; }

.leader-min .name { text-align: center; line-height: 52px; color: #343434; }

.leader-min .xx { background: #60a9d0; text-align: center; width: 170px; height: 38px; margin: auto; display: block; color: #FFFFFF; line-height: 38px; }

.leader-min .job { text-align: left; line-height: 24px; color: #343434; margin-top: 32px; }

.leader-min .job>p { display: inline-block;; }

.leader-min .job i { font-weight: bold; text-align: left;}

.leader-min .jl { margin-top: 50px; line-height: 34px; color: #343443; }

.leader-min .jl i { font-weight: bold; }

.leader-min .x { text-indent: 2em; line-height: 34px; color: #343443; }

.list-web-right { float: right; width: 795px; overflow: hidden; }

.list-web-left { float: left; width: 360px; overflow: hidden; }

.leader-ul { overflow: hidden; }

.leader-ul ul li { overflow: hidden; padding: 20px 0; float: left; }

.leader-ul ul li a { overflow: hidden; }

.leader-ul ul li img { float: left; width: 120px; height: 170px; background: #2990de; margin: 0  20px; }

.leader-ul ul li .text { float: right; width: 634px; overflow: hidden; }

.leader-ul ul li .text .name { color: #343434; line-height: 30px; }

.leader-ul ul li .text .name i { font-weight: bold; color: #343434; }

.leader-ul ul li .text .link { color: #2990de; font-weight: bold; line-height: 30px; display: block; margin-top: 10px; float: left; }

.jl-item { background: #ffffff; overflow: hidden; margin-top: 20px; }

.jl-item-left { float: left; width: 400px; overflow: hidden; }

.jl-ldxx { height: 328px; border: 1px solid #e8e8e8; overflow: hidden; }

.jl-ldxx .title { background: #2990de; text-align: center; overflow: hidden; font-size: 18px; color: #ffffff; font-weight: bold; height: 44px; line-height: 44px; }

.jl-ldxx .box { display: block; width: 365px; height: 76px; margin: 10px auto 0; overflow: hidden; border-radius: 5px; background: #f3f8fc; }

.jl-ldxx .box img { float: left; margin-left: 112px; margin-top: 23px; }

.jl-ldxx .box span { height: 76px; line-height: 76px; font-size: 16px; color: #2990de; margin-left: 32px; float: left; }

.jl-ldxx .name01 { margin-top: 10px; line-height: 30px; color: #2990de; font-size: 16px; text-indent: 30px; }

.jl-ldxx .li { margin-top: 10px; overflow: hidden; padding-bottom: 5px; }

.jl-ldxx .li .name { width: 82px; line-height: 36px; float: left; text-indent: 30px; color: #2990de; }

.jl-ldxx .li input { width: 260px; height: 34px; line-height: 34px; border: 1px solid #e8e8e8; }

.jl-ldxx .btn { width: 260px; height: 34px; line-height: 34px; margin-left: 82px; display: block; margin-top: 10px; border-radius: 5px; background: #2990de; border: 0; color: #FFFFFF; cursor: pointer; }

.jl-zxft { overflow: hidden; margin-top: 26px; height: 320px; border: 1px solid #e8e8e8; }

.jl-zxft .title { background: #2990de; text-align: center; overflow: hidden; font-size: 18px; color: #ffffff; font-weight: bold; height: 44px; line-height: 44px; }

.jl-zxft .box { overflow: hidden; }

.jl-zxft .box .img { float: left; width: 260px; height: 173px; }

.jl-zxft .box .img img { display: block; margin-left: 19px; margin-top: 22px; }

.jl-zxft .box .link { margin-top: 30px; float: right; margin-right: 8px; border-radius: 5px; width: 100px; height: 38px; text-align: center; line-height: 38px; color: #333333; background: #eeeeee; overflow: hidden; }

.jl-zxft .zt { margin-top: 10px; line-height: 30px; color: #333333; margin-left: 19px; }

.jl-zxft .zt a { color: #333333; }

.jl-zxft .xb { margin-left: 19px; line-height: 30px; color: #333333; }

.jl-item-right { float: right; width: 780px; overflow: hidden; }

.jl-xjxd { overflow: hidden; }

.jl-xjxd .title { text-align: center; width: 150px; height: 44px; background: #2990de; line-height: 44px; color: #FFFFFF; font-size: 18px; font-weight: bold; }

.jl-xjxd-box { height: 284px; border: 1px solid #e8e8e8; overflow: hidden; }

.jl-xjxd-box thead td { height: 44px; text-align: center; line-height: 44px; border-bottom: 1px solid #e8e8e8; color: #2990de; font-size: 16px; font-weight: bold; }

.jl-xjxd-box tbody td { text-align: center; color: #888888; line-height: 32px; }

.jl-xjxd-box02 { margin-top: 5px; }

.jl-xjxd-box tbody td a { float: left; margin-left: 13px; color: #343434; }

.jl-xjxd-box tbody td a:hover { color: #ff0000; }

.notice-li03 { overflow: hidden; margin-top: 33px; }

.notice-li03 .tab-hd { height: 36px; overflow: hidden; border-bottom: 2px solid #2990de; }

.notice-li03 .tab-hd li { float: left; margin-left: -1px; }

.notice-li03 .tab-hd li a { font-size: 18px; color: #333333; display: block; padding: 0 22px; line-height: 24px; }

.notice-li03 .tab-hd li.on a { font-weight: bold; }

.notice-li03 .tab-bd, .notice-li03 .tab-bd .tab-pal { overflow: hidden; height: 292px; }

.id-list-li03 { margin-top: 7px; overflow: hidden; }

.id-list-li03 ul li { line-height: 24px; margin: 4px 0; float: left; width: 100%; background: url("../images/ico061.png") no-repeat 5px center; }

.id-list-li03 ul li a { float: left; margin-left: 24px; color: #343434; }

.id-list-li03 ul li a:hover { color: #ff7012; }

.id-list-li03 ul li span { float: right; margin-right: 12px; color: #999999; }

.id-list-li02 ul li i { float: right; width: 116px; text-align: center; color: #888888; }

.id-list-li02 ul li i.on { color: #ff0101; }

/*浮动*/
.id_wind { position: fixed; z-index: 1000; width: 41px; height: 196px; top: 200px; right: 10px; }

.id_wind a { background-image: url("../images/fl.png"); width: 54px; height: 54px; display: block; margin-bottom: 11px; position: relative; z-index: 10; }

.id_wind a:hover { background-image: url("../images/fl-a.png"); }

.id_wind a div { display: none; position: absolute; z-index: 10000000000;  width: 150px; height: 150px; right: 60px; top: 0; }

.id_wind a div img { display: block; width: 150px; height:150px; margin: 2px; }

.id_wind a:hover div { display: block; }

.id_wind .li02 { background-position: 0 -54px; }

.id_wind .li03 { background-position: 0 -108px; }

.id_wind .li04 { background-position: 0 -162px; }

.id_wind .li05 { background-position: 0 -216px; }
.id_wind .li06 { background-position: 0 -270px; }

/*浮动*/
.menu .title { text-align: center; margin-bottom: 10px; font-size: 18px; color: #fff; height: 60px; line-height: 60px; background: #2990de; }
.menu li { font-size: 16px; margin-bottom: 5px; }
.menu li > a { line-height: 60px; background: #efefef; cursor: pointer; text-align: center; display: block; }
.menu li > a.on, .menu li a:hover { background: #d6e8f6; color: inherit; }
.menu li > a.on + .sub-menu { display: block; }
.menu li .sub-menu { margin-top: 10px; display: none; background: #ffffff; overflow: hidden; }
.menu li .sub-menu a { min-width: 33.333333%; float: left; font-size: 14px; line-height: 40px; margin-bottom: 0 !important; text-align: left !important; text-indent: 1em; }
.menu li .sub-menu a:before { content: ">"; padding-right: 5px; font-size: 12px; color: #0476cd; }
.menu li .sub-menu a.active, .menu li .sub-menu a:hover { background: none; color: #0476cd; }

.title2 { height: 50px; line-height: 50px; overflow: hidden; color: #0476cd; }
.title2 a { color: #0476cd; }
.title2 .more { float: right; font-size: 14px; color: #666666; margin-right: 20px; }

.layui-btn-danger { background: #ff003c; }

.layui-table.my-table thead { /* border-bottom: 4px solid  #5ba1f9;*/ }
.layui-table.my-table th { font-size: 16px; color: #333; /*height:50px; line-height:50px;*/ font-weight: bold; }
.layui-table.my-table td { font-size: 16px; }
.layui-table.my-table td a:hover { color: #dc3545; }

.w-85 { width: 85%; }

/*# sourceMappingURL=css.css.map */


/*节假日背景替换
body {background:url(http://www.cngy.gov.cn/images/20da_bm.png) repeat-x center top !important;}
.id-head {margin:120px auto 0;  width: 1200px;overflow:hidden;!important}
.id-nav  {margin:0 auto 0;  width: 1200px;!important}
.id-body{background: #fff;}*/