@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; background: #f7f8fa }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.wrap { width: 1200px; margin: auto; }
/*header*/
header { width: 100%;  box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);  position: relative; }
.site-header { width: 100%; height: 40px; line-height: 40px; background: #323232; color: #fff; }
.site-header span { font-size: 12px; float: right; }
.top_left { font-size: 14px; }
.top_left a { color: #ffbe31; float: left; background: url(../images/icon_home.png) no-repeat left center; background-size: 16px; padding-left: 23px; }
.gzwm { color: #a0a0a0; float: left; cursor: pointer; margin: 0 20px; }
.gzwm i { display: none; }
.gzwm i img { width: 70px }
.gzwm p { position: relative; padding-right: 20px; }
.gzwm p:after { width: 0; height: 0; border: 5px solid transparent; border-top-color: #a0a0a0; content: ""; right: 0; top: 46%; position: absolute; }
.gzwm:hover p { color: #fff }
.gzwm:hover p:after { border-top-color: #fff; }
.gzwm:hover i { display: block; position: absolute; background: #323232; padding: 15px 20px 0; font-style: normal; font-size: 12px; text-align: center; color: #fff; z-index: 9 }
.logo { float: left; margin-right: 80px; margin-bottom: 15px; }
.logo img { height: 60px; margin-top: 15px; }
.top_nav .wrap { position: relative; }
.top_nav {background: #fff;overflow: hidden;}
nav li { float: left; margin: 0 22px }
nav li a { padding: 0 8px; color: #333; line-height: 90px; font-size: 18px; text-align: center; position: relative; display: block }
nav li a:hover:after, .selected a:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 3px; background: #fc4444; }
.selected a { font-weight: bold }
nav li:hover a { color: #ff2e2e; }
/*mnav*/
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #828282; margin-top: 10px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #828282; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #828282; }
.login { float: right; line-height: 34px; color: #fc4444; height: 34px; border: 1px solid #fc4444; margin-top: 21px; margin-left: 20px; font-size: 14px; border-radius: 40px; overflow: hidden }
.login a { color: #fc4444; background: url(../images/icon_login.png) no-repeat left 10px center; background-size: 22px; text-indent: 1.5em; padding: 0 15px; display: block; }
.login a:hover { color: #fff; background: url(../images/icon_login2.png) no-repeat left 10px center #fc4444; background-size: 22px; }
/*search*/
.search { overflow: hidden; width: 264px; float: right; background: #f8f8f8; border-radius: 40px; height: 44px; margin-top: -44px; position: relative; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 4px; right: 6px; display: block; font-size: 0; height: 36px; width: 60px; background: url(../images/search.png) no-repeat center #ffffff; background-size: 24px; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 5%); cursor: pointer; border-radius: 20px; }
.search input.input_text { border: 0; line-height: 44px; height: 44px; font-size: 14px; outline: none; text-indent: 1em; background: none; }
.is-search { position: absolute; right: 0; top: 16px; cursor: pointer; border-radius: 100%; }
.is-search i { display: block; width: 36px; height: 36px; background: url(../images/search.png) no-repeat center; background-size: 18px; }
.search-page { width: 460px; background: #fff; position: absolute; top: 0; right: 0; z-index: 8; display: none; }
.search_box { height: 50px; padding-top: 12px; }
.search-page .search { clear: both; width: 360px; margin: auto; border-radius: 0 5px 5px 0; }
.search-page .search input.input_text { width: 83%; float: left; z-index: 9; }
.search-page .search input.input_submit { width: 15%; }
.search select { border: none; height: 36px; right: 20%; outline: none; z-index: 9; position: absolute; background: #fff; }
.search-page .go-left { background: url(../images/close.png) no-repeat center; width: 36px; height: 36px; background-size: 20px; position: absolute; right: 0; top: 16px; }
.search input.input_submit:hover { background: #fc4444; font-size: 15px; }
.box_left { width: 850px; float: left; overflow: hidden;margin-top: 5px; }
.box_right { width: 320px; float: right; }
/*banner*/
.banner { width: 100%; overflow: hidden; border-radius: 4px; /*margin-top: 30px;*/ margin-bottom: 30px; }
.banner img { transition: .5s }
.banner img:hover { transform: scale(1.02) }
main { width: 850px; margin: 30px auto 0; overflow: hidden; display: block; }
.wdlist { margin-bottom: 30px; }
.wdlist ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.wdlist ul li { width: 275px; height: 100px; overflow: hidden; position: relative; margin-bottom: 12px; }
.wdlist ul li a:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; transition: .5s; }
.wdlist ul li:nth-child(1) a:after { background: rgba(6,73,80,.7); }
.wdlist ul li:nth-child(2) a:after { background: rgba(91,36,98,.7); }
.wdlist ul li:nth-child(3) a:after { background: rgba(0,0,0,.7); }
.wdlist ul li:nth-child(4) a:after { background: rgb(49, 171, 177, .7); }
.wdlist ul li:nth-child(5) a:after { background: rgba(148,37,36,.7); }
.wdlist ul li:nth-child(6) a:after { background: rgba(12,26,90,.7); }
.wdlist ul li a { display: block; height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.wdlist ul li img { width: 100%; min-height: 100% }
.wdlist ul li p { position: absolute; font-size: 14px; top: 10px; left: 10px; color: #fff; padding: 10px; z-index: 1 }
.wdlist ul li span { position: absolute; right: 10px; bottom: 10px; font-size: 13px; color: #fff; z-index: 1; }
.wdlist ul li a:hover { opacity: .7 }
.h_title { border-bottom: 1px solid #f2f2f2; line-height: 30px; margin-bottom: 15px; }
.h_title h4 { color: #fc4444; font-size: 16px; font-weight: 700; border-bottom: 2px solid #fc4444; width: 64px; }
.h_title span { float: right; background: url(../images/more.png) no-repeat right center; padding-right: 20px; }
.post-loop { overflow: hidden; }
.post-loop ul { padding: 20px; background: #fff; border-radius: 4px; }
.post-loop ul li { overflow: hidden; margin-bottom: 30px; }
.post-loop ul li i { width: 200px; height: 133px; border-radius: 8px; display: block; overflow: hidden; float: left; margin-right: 20px; }
.post-loop ul li img { width: 100%; min-height: 100%; transition: .5s }
.post-loop ul li h3 { font-weight: normal; font-size: 16px; color: #18191a; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.post-loop ul li p { color: #999; font-size: 14px; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.post-loop ul li span { margin-top: 20px; color: #afbfd4; font-size: 14px; display: block; }
.post-loop ul li:hover h3 { color: #fc4444 }
.post-loop ul li:hover img { transform: scale(1.1) }
.post-loop ul li:last-child { margin-bottom: 0 }
.btn_more { background: #fc4444; border-radius: 2px; width: 200px; height: 40px; display: block; line-height: 40px; text-align: center; color: #fff !important; margin: 30px auto; }
.box_right { }
.cltj { background: #fff; margin-bottom: 30px }
.side_tit { height: 34px; line-height: 40px; border-bottom: 1px solid #f2f2f2; font-size: 16px; color: #fc4444; font-weight: bold; padding: 10px; }
.side_tit i { background: url(../images/icon_ph.png) no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block; margin: 10px 8px 0 0; float: left; }
.cltj ul { margin: 0 10px; }
.cltj ul li { border-bottom: 1px solid #f0f0f0; font-size: 14px; padding: 17px 0; overflow: hidden; line-height: 25px; }
.cltj ul li i { width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; background-color: #cdd5e0; color: #fff; margin-right: 10px; margin-top: 3px; font-style: normal; float: left; }
.cltj ul li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; }
.cltj ul li span { color: #999; font-size: 12px; float: right; margin-left: 20px; }
.cltj ul li:hover i { background: #fc4444 }
.cltj ul li:hover p { color: #fc4444; }
.cltj ul li:hover { box-shadow: 0 10px 10px -5px #eee; }
.cltj ul li:last-child { border-bottom: none }
.links { background: #fff; padding: 20px 0; }
.links p { margin-bottom: 20px; }
.links ul { overflow: hidden }
.links ul li { display: inline-block; margin-right: 20px }
.links ul li a { color: #999; }
.links ul li a:hover { color: #fc4444 }
footer { background: #243445; padding: 30px 0; color: #83888a; font-size: 13px; line-height: 30px; }
footer a { color: #83888a; }
footer a:hover { color: #fff }
.endmenu { margin-bottom: 20px; }
.endmenu a { color: #fff; margin: 0 10px 0 0; }
i.weixin { float: right; font-style: normal; text-align: center; }
i.weixin img { width: 100px; }
.titlewd { background: #efefef; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 4px 4px 0 0; }
.titlewd span { float: right; }
.titlewd h4 { font-size: 18px; height: 20px; line-height: 50px; color: #fc4444; font-weight: normal; }
.post-loop ul li span a { color: #999; padding-right: 10px; margin-right: 10px; height: 12px; position: relative }
.post-loop ul li span a:after { position: absolute; content: ""; width: 1px; height: 14px; right: 0; top: 3px; background: #dde4ea; }
.wd_nav { }
.wd_nav ul { background: #fff; padding: 10px; overflow: hidden }
.wd_nav ul li { display: inline-block; margin: 10px 2px 10px 15px; float: left }
.wd_nav ul li a { display: block; color: #333; height: 34px; line-height: 34px; width: 93px; text-align: center; border: 1px solid #ebebeb; border-radius: 22px; }
.wd_nav ul li a:hover, a#pagecurrent { background: #fc4444; color: #fff; border: 1px solid #fc4444; }
.clwdlist { background: #fff; margin-bottom: 30px; }
.clwdlist ul { padding: 0 10px; }
.clwdlist ul li { border-bottom: 1px solid #f0f0f0; font-size: 14px; padding: 15px 15px 15px 5px; overflow: hidden; line-height: 25px; position: relative; }
.clwdlist ul li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #333; }
.clwdlist ul li:last-child { border-bottom: none; }
.clwdlist ul li span { color: #999; font-size: 12px; }
.clwdlist ul li:hover { box-shadow: 0 10px 10px -5px #eee; }
.clwdlist ul li a:hover p { color: #fc4444; }
.clwdlist ul li:before { content: "问"; color: #fff; float: left; margin: 12px 10px 0 0; background: #fc4444; text-align: center; border-radius: 13px; width: 26px; height: 25px; }
.bg_color { background: #fff; overflow: hidden }
.weizhi { line-height: 50px; color: #94a0b0; font-size: 14px; }
.weizhi a { color: #94a0b0; }
.list_new { }
.list_new ul { overflow: hidden; }
.list_new ul li { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #cfd5e1; padding-bottom: 20px; position: relative; }
.list_new ul li i { width: 200px; height: 133px; border-radius: 8px; display: block; overflow: hidden; float: left; margin-right: 20px; }
.list_new ul li img { width: 100%; min-height: 100%; transition: .5s }
.list_new ul li h3 { font-weight: normal; font-size: 16px; color: #3c4658; padding: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list_new ul li p { color: #68778b; font-size: 14px; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.list_new ul li span { margin-top: 20px; color: #afbfd4; font-size: 14px; display: block; }
.list_new ul li:hover h3 { color: #fc4444 }
.list_new ul li:hover img { transform: scale(1.1) }
.list_new ul li:last-child { margin-bottom: 0 }
a.read_more { color: #fc4444; position: absolute; right: 0; bottom: 23px; font-size: 14px; }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; padding: 30px 0 20px; font-size: 12px; background: #fff; }
.pagelist a { color: #5c626c; margin: 0 5px 10px; padding: 5px 10px; background: #f4f4f5; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #ff2e2e; }
.pagelist > b { padding: 5px 10px; }
.side_tj_b { background: #fff; margin: 0 0 30px 30px; }
.side_tit_b { height: 34px; line-height: 40px; border-bottom: 1px solid #f2f2f2; color: #fc4444; padding: 0 10px 10px 0; position: relative; font-size: 18px; font-weight: 400; }
.side_tit_b i { background: url(../images/icon_ph.png) no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block; margin: 10px 8px 0 0; float: left; }
.side_tj_b ul { margin: 15px 0; }
.side_tj_b ul li { font-size: 14px; overflow: hidden; line-height: 36px; }
.side_tj_b ul li i { width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; background-color: #cdd5e0; color: #fff; margin-right: 10px; margin-top: 9px; font-style: normal; float: left; }
.side_tj_b ul li p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; }
.side_tj_b ul li span { color: #999; font-size: 12px; float: right; margin-left: 20px; }
.side_tj_b ul li:hover i { background: #fc4444 }
.side_tj_b ul li:hover p { color: #fc4444; }
.side_tj_b ul li:last-child { border-bottom: none }
.side_tit_b:after { position: absolute; content: ""; width: 74px; height: 3px; background: #fc4444; left: 0; bottom: 0; }
.md30 { margin-bottom: 30px }
.wd_info { margin-bottom: 30px; background: #fff; padding: 30px; border-radius: 4px; }
.wd_info h1 { font-size: 24px; color: #333; font-weight: normal; position: relative; padding-left: 30px; }
.wd_info h1:before { width: 22px; height: 22px; line-height: 22px; text-align: center; background: #fc4444; color: #fff; content: "?"; font-size: 18px; position: absolute; border-radius: 4px; top: 4px; left: 0; }
.wd_info i { display: block; margin: 30px auto; }
.wd_info i img { max-width: 100%; margin: auto; }
.wd_base { color: #afafaf; font-size: 12px; margin: 20px 0; }
.wd_base a { padding: 2px 5px; border: 1px solid #ebebeb; border-radius: 5px; color: #666; display: inline-block; margin-right: 20px; }
.wd_base a:hover { background: #fc4444; color: #fff; border: 1px solid #fc4444; }
.wd_base_b { margin-right: 20px; background: url(../images/icon_user.png) no-repeat left center; background-size: 16px; padding-left: 20px; }
.wd_base_c { margin-right: 20px; background: url(../images/icon_time.png) no-repeat left center; background-size: 16px; padding-left: 20px; }
.wd_text { padding: 0 30px 30px; background: #fff; border-radius: 4px; margin-bottom: 30px; }
.wd_zj { padding: 17px 0 10px 60px; margin-bottom: 20px; background: url(../images/good.png) no-repeat; }
.content { font-size: 16px; line-height: 1.8; word-break: break-all; color: #262626; }
.content p { margin: 20px 0; }
.content ul, .content ol { margin: 20px 0 20px 35px; }
.content ul li, .content ol li { margin-top: 3px; line-height: 30px; }
.content.content ul li { list-style-type: disc; }
.content ol li { list-style-type: decimal; }
.content h2, .content h3, .content h4, .content h5, .content h6 { position: relative; margin: 30px 0; line-height: 1.2; color: #333; }
.content h2 { font-size: 22px; }
.content h3 { font-size: 20px; }
.content h4 { font-size: 18px; }
.content h5 { font-size: 17px; }
.content h6 { font-size: 16px; }
.content hr { width: 100%; height: 1px; border: 0; border-top: 1px #dedddd solid; margin: 30px 0; }
.content img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 10px auto; }
.content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.content table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; }
.content table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.content table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; }
.content span.marker { background: yellow; }
.diggit { display: block; width: 250px; margin: 30px auto; background-size: 20px; border-radius: 3px; font-size: 16px; line-height: 52px; }
.diggit a { display: block; color: #3c4658; }
.diggit a:hover { color: #fc4444; }
.diggit img { display: inline-block; float: left; margin-right: 10px; }
.diggit b { font-size: 15px; margin: 0 3px; font-weight: normal; color: #fc4444; }
h1.title { color: #333; font-size: 24px; font-weight: bold; text-align: left; line-height: 1.5; margin: 20px 0; }
.ar_info { color: #999; font-size: 14px; margin-top: 20px; border-bottom: 1px dashed #cdd5e0; padding-bottom: 20px; }
.l_tit { font-size: 18px; font-weight: bold; margin-top: 35px; padding-bottom: 16px; background: url(../images/line.gif) repeat-x left bottom; margin-bottom: 30px; color: #fc4444; }
.info-pre-next { border-top: 1px #b2b2b2 dotted; border-bottom: 1px #b2b2b2 dotted; overflow: hidden; margin: 30px 0 }
.info-pre-next li { width: 48%; float: left; padding: 20px 0; }
.info-pre-next li span { color: #666; font-size: 14px; margin-bottom: 10px; display: block; }
.info-pre-next li span img { width: 12px; display: inline-block; }
.info-pre-next li:nth-child(2) { text-align: right; border-left: 1px #b2b2b2 dotted; float: right; }
.info-pre-next li p:hover { color: #fc4444; }
.info-pre-next li p { color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side_tj_c { background: #fff; margin: 0 0 30px 30px; }
.side_tit_c { height: 34px; line-height: 40px; border-bottom: 1px solid #f2f2f2; color: #fc4444; padding: 0 10px 10px 0; position: relative; font-size: 18px; font-weight: 400; }
.side_tit_c:after { position: absolute; content: ""; width: 90px; height: 3px; background: #fc4444; left: 0; bottom: 0; }
.side_tj_c ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; line-height: 40px; border-bottom: 1px dashed #eee; position: relative; padding-left: 20px; }
.side_tj_c ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 4px; top: 18px; background: #989797; }
.side_tj_c ul li span { float: right; color: #9a9a9a; font-size: 12px; margin-left: 20px; }
.side_tj_c ul { margin: 15px 0; overflow: hidden; }
.page { /* background:url(../images/page.jpg) no-repeat; */ background-size: cover; overflow: hidden; }
.side_nav { float: left; width: 160px; background: #fff; margin-bottom: 30px; }
.page_right { padding: 30px; background: #fff; margin-left: 185px; min-height: 600px; margin-bottom: 30px; }
.side_nav ul li { line-height: 50px; text-align: center; border-bottom: #f7f8fa 1px solid; }
.side_nav ul li a { display: block; }
.side_nav ul li a:hover { color: #fc4444; }
h1.page_tit { font-size: 24px; margin-bottom: 30px; }
.md { margin-bottom: 30px }
.wd_nav.md ul { padding: 0; }
.wd_nav.md ul li { margin: 10px 10px 0 0; }
.navbar,.mend { display: none }
.ditu dl dt { display: block; background: #fc4444; width: 80px; color: #fff; text-align: center; height: 100%; font-size: 14px; padding: 2px 10px; margin-bottom: 15px; }
.ditu dl dd { display: inline-block; line-height: 30px; font-size: 15px; padding: 0 31px 0 0; position: relative; }
.ditu dl dd a { color: #666; }
.ditu dl { margin-bottom: 30px; }
.ditu dl dd:after { position: absolute; content: ""; width: 1px; height: 11px; right: 13px; background: #ccc; top: 11px; }
.ditu dl dd a:hover { color: #f00; }