@charset "utf-8";
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; background: url(../images/bg.png) repeat }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #9a2929; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.blank { height: 10px; overflow: hidden; width: 100%; margin: auto; clear: both; }
.container { width: 1200px; margin: auto; overflow: hidden; }
.f_l { float: left }
.f_r { float: right }
header { background: url(../images/menubg.jpg) repeat-x }
.topfav { line-height: 40px; color: #fff; overflow: hidden; background: url(../images/opacity-b25.png) repeat; }
.topfav a { color: #fff }
.timer { font-size: 13px; }
.fav { overflow: hidden; }
.fav li { float: left; display: inline-block; padding: 0 5px; font-size: 12px; }
/*nav*/
.navigation { margin: auto; border-radius: 5px; overflow: hidden; padding: 50px 0 0 0; margin-bottom: 50px; }
#starlist { width: 1200px; margin: auto }
#starlist li { position: relative; display: inline-block; text-align: center; font-weight: 700; float: left; margin: 0 30px; }
#starlist li a { width: 1.5em; position: relative; float: left; padding-top: 25px; padding-right: 20px; height: 100%; font-size: 18px; color: #9da4ac; display: block; padding-bottom: 113px; }
#starlist li a:hover, #starlist .selected a { color: #fff; }
#starlist li:before, #starlist li:after { content: ''; position: absolute; }
#starlist li:before { top: 0; right: 0; width: 17px; height: 25px; background: url(../images/png54.png) no-repeat; }
#starlist li:after { top: 25px; right: 8px; bottom: 0; border-left: 1px solid #fff; opacity: 0.2; filter: alpha(opacity=20); }
#starlist li:nth-child(1) { top: 40px }
#starlist li:nth-child(2) { top: 10px }
#starlist li:nth-child(3) { top: 0; }
#starlist li:nth-child(4) { top: 40px }
#starlist li:nth-child(5) { top: 60px }
#starlist li:nth-child(6) { top: 30px }
#starlist li:nth-child(7) { top: 0px; }
#starlist li:nth-child(8) { top: 30px }
#starlist li:nth-child(9) { top: 30px }
#starlist li:nth-child(10) { top: 60px }
#starlist li:nth-child(11) { top: 50px; }
/*banner*/
.banner { width: 40%; overflow: hidden; float: left; margin-bottom: 30px; }
.fader { position: relative; width: 100%; height: 300px; overflow: hidden; }
.fader .slide { position: absolute; width: 100%; top: 0; z-index: 1; opacity: 0; }
.fader .slide img { width: 100%; height: 300px; margin: auto; }
.fader .pager_list { position: absolute; width: 100%; height: 31px; padding: 0; line-height: 40px; bottom: 14px; text-align: center; z-index: 4; overflow: hidden; }
.fader .pager_list li { border-radius: 10px; display: inline-block; width: 31px; height: 31px; margin: 0 7px; background: url(../images/png2.png) no-repeat; opacity: .9; text-indent: -9999px; cursor: pointer; }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; background: url(../images/png2.png) no-repeat -31px 0px; }
.fader span { position: absolute; left: 0; bottom: 0; background: url(../images/bg7.png) repeat-x; width: 100%; line-height: 40px; color: #fff; text-indent: 1em; }
.fader span:hover { text-decoration: underline }
/*news*/
.tj_news { padding: 0 10px; }
.tj_news h3 { font-size: 18px; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tj_news p { color: #777; font-size: 14px; margin-bottom: 5px; height: 38px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.tj_news h3 a { color: #9a2929 }
.topnews { width: 56.666%; }
.md20 { margin-bottom: 20px; }
.news { overflow: hidden; }
.news ul { margin: 10px; overflow: hidden; }
.news ul li { line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news ul li span { float: right; color: #999; font-size: 12px; margin-left: 20px; }
.news_title { line-height: 44px; color: #333; font-size: 24px; padding: 0 10px; margin-bottom: 20px; position: relative; }
.news_title span { float: right; font-size: 12px; }
.news_title span a { }
.news_title:before, .news_title:after { content: ''; display: inline-block; width: 22px; height: 44px; vertical-align: top; background: url(../images/png7.png) no-repeat; }
.news_title:before { background-position: left; margin-right: 18px; }
.news_title:after { background-position: right; margin-left: 18px; }
/*sidebox*/
.sidebox { width: 24%; }
.news_box { width: 100%; }
.news_box .news { float: left; width: 49%; margin: 0 0 40px 0; }
.news_box .news:nth-child(even) { float: right }
.t_line { margin: 20px 10px; position: relative; }
.t_line .bd { margin: 0 10px; position: relative; border-top: 1px solid #d8d8d8; }
.t_line:before, .t_line:after { content: ''; position: absolute; top: -11px; width: 30px; height: 17px; background: url(../images/png21.png) no-repeat; }
.t_line:before { left: -10px; background-position: left; }
.t_line:after { right: -10px; background-position: right; }
/*links*/
.links { margin: 20px auto; }
.links ul { overflow: hidden }
.links ul li { overflow: hidden; margin: 10px; position: relative; line-height: 48px; text-align: center; font-size: 16px; width: 15%; float: left; }
.links ul li:before, .links ul li:after { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: url(../images/png23.png) no-repeat; }
.links ul li:before { left: 0; background-position: left!important; ; }
.links ul li:after { right: 0; background-position: right!important; ; }
.links ul li a { color: #333; display: block; background: url(../images/png25.png) repeat-x; margin: 5px 10px }
.links ul li a:hover { color: #9a2929 }
.links ul li:hover:before, .links ul li:hover:after { background-image: url(../images/png24.png); }
.links ul li:hover a { background-image: url(../images/png26.png); color: #fff }
/*footer*/
footer { padding: 55px 0 20px; border-top: 1px solid #d8d8d8; text-align: center; color: #333; line-height: 1.8; font-size: 14px; margin-top: 30px; }
footer span { margin: 0 5px; }
footer a { color: #333; }
.mcenter { text-align: center; margin: 0 auto 30px }
.ft_nav { font-size: 14px; text-align: center; margin-bottom: 20px; }
.ft_nav li { position: relative; display: inline-block; padding: 0 18px; line-height: 8px; border-right: #d6d4d4 1px solid; }
.ft_nav li:last-child { border: none }
/*weizhi*/
.weizhi { font-size: 14px }
.weizhi a { margin: 0 5px; }
/*news_list*/
.news_list ul li { padding: 33px 55px; background: #fff; overflow: hidden; position: relative; margin: 15px 0; }
.news_list ul li:before, .news_list ul li:after { position: absolute; content: ""; width: 45px; height: 45px }
.news_list ul li:before { background: url(../images/l_top.png) no-repeat; left: 0; top: 0 }
.news_list ul li:after { background: url(../images/l_down.png) no-repeat; left: 0; bottom: 0 }
.news_list ul li a { display: block; position: relative }
.news_list ul li a:before, .news_list ul li a:after { position: absolute; content: ""; width: 45px; height: 45px; right: -55px; }
.news_list ul li a:before { background: url(../images/r_top.png) no-repeat; top: -33px; }
.news_list ul li a:after { background: url(../images/r_down.png) no-repeat; bottom: -33px }
.news_list ul li h2 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 17px; padding-top: 6px; }
.news_list ul li:hover h2 { color: #9a2929; }
.news_list ul li i { display: block; width: 260px; height: 170px; overflow: hidden; float: left; margin-right: 40px; }
.news_list ul li i img { max-width: 100%; min-height: 100%; transition: .5s }
.news_list ul li:hover img { transform: scale(1.1) }
.news_list ul li .news_list_time { position: relative; margin-bottom: 16px; overflow: hidden; font-size: 13px; color: #b5b4b4; height: 21px; line-height: 21px; }
.news_list_time:before { content: ""; position: absolute; left: 0; right: 0; top: 10px; border-top: 1px solid #dadada; }
.news_list_time span { position: relative; float: left; padding-right: 45px; background: #fff url(../images/png33.png) right top no-repeat; }
.news_list ul li:hover .news_list_time span { background-position: right bottom; }
.news_list ul li:hover .news_list_time:before { border-color: #9a2929; }
p.news_list_info { margin-bottom: 27px; font-size: 14px; line-height: 1.5; color: #333; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
span.read_more { font-size: 14px; }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 40px auto 0; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #9a2929; text-decoration: none; }
.pagelist > b { padding: 5px 10px; }
.wenzi_list li { padding: 23px 30px; border-bottom: 1px dashed #b5b5b5; font-size: 16px; }
.wenzi_list li span { float: right; color: #777; font-size: 13px; }
.wenzi_list li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_info { padding-top: 40px; padding-bottom: 26px; }
.page_info h1 { margin-bottom: 15px; line-height: 1.6; font-size: 24px; text-align: center; color: #333; font-weight: normal; }
.info { text-align: center; color: #333; font-size: 14px; }
.info span { padding: 0 0 0 20px; margin: 0 30px; }
span.befrom { background: url(../images/png34.png) no-repeat left center }
span.writer { background: url(../images/png35.png) no-repeat left center }
span.cjtime { background: url(../images/png36.png) no-repeat left center }
/*content*/
.content { color: #333 }
.content a { color: #333 }
.content a:hover { color: #16499d; }
.content p { margin: 20px 0; font-size: 16px; line-height: 32px; word-break: break-all; text-indent: 2em }
.content ul, .content ol { margin: 20px 0 20px 35px; }
.content ul li, .content ol li { margin-top: 3px; line-height: 30px; }
.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; padding-left: 14px; font-size: 16px; margin: 20px 0; }
.content h2:after, .content h3:after, .content h4:after, .content h5:after, .content h6:after { position: absolute; top: 0; bottom: 4px; left: 0; display: block; width: 4px; height: 100%; background: #16499d; content: ""; border-radius: 2px; }
.content img { max-width: 100% !important; height: auto !important; margin: 10px auto; }
.content video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.content video { margin: 20px auto; max-width: 90% !important; display: block; background: #000; padding: 20px; border-radius: 20px; }
.content table { margin: auto; max-width: 100%; color: #333; 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; }
.xgwz { margin: 50px auto }
/*tags*/
.tags_box { overflow: hidden; margin: 30px auto 10px; }
.tags_box a { position: relative; display: block; float: left; padding: 0 22px; font-size: 14px; margin: 0 20px; line-height: 1.5; }
.tags_box a:before, .tags_box a:after { content: ""; position: absolute; top: 0; bottom: 0; width: 21px; background: url(../images/horn21_b.png) no-repeat; }
.tags_box a:before { left: 0; background-position: left top; }
.tags_box a:after { right: 0; background-position: right top; }
.tags_box a:hover { color: #9a2929; }
.tags_box a:hover:before { background-position: left bottom; }
.tags_box a:hover:after { background-position: right bottom; }
/*xt_search*/
.xt_search { margin: 40px 0; color: #333; }
.xt_search strong { color: #9a2929; margin: 0 10px }
.search_list ul li { margin: 30px 0; }
.search_list ul li h2 { font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; }
.search_list ul li h2 a { color: #07519A; }
.search_list ul li h2 a:hover, .color_purple:hover { text-decoration: underline }
.search_list ul li p { font-size: 14px; margin: 5px 0; }
.color_green { color: green; font-size: 14px; }
.color_purple { color: #77c; }
/*is-search*/
.is-search { width: 80px; height: 28px; line-height: 28px; color: #888; float: right; overflow: hidden; margin-top: 7px; margin-right: 30px; }
.is-search section { display: block; border-radius: 20px; margin: 0 20px; font-size: 12px; }
.is-search i { display: block; width: 34px; height: 28px; background: url(../images/searchm.png) no-repeat left 10px center; background-size: 20px; float: left; margin-right: 10px; }
.is-search:hover i { background: url(../images/searchwh.png) no-repeat left 10px center; background-size: 20px; cursor: pointer }
/*search-page*/
.search-page { width: 100%; left: 0; background: url(../images/menubg.jpg); position: absolute; top: 40px; z-index: 8; display: none; }
.search_box { width: 1200px; margin: auto; }
.search-page .search { clear: both; width: 60%; margin: auto; border-radius: 0 5px 5px 0; }
.search-page .search input.input_text { width: 100%; float: left; z-index: 9; background: url(../images/png25.png) repeat-x; }
.search select { border: none; height: 36px; right: 20%; outline: none; z-index: 9; position: absolute; background: #fff; }
.search-page .go-left { background: url(../images/prev_close.png) no-repeat left center; width: 32px; height: 32px; float: right; background-size: 32px; margin: 20px; }
.hot-search { margin: 40px auto; overflow: hidden; text-align: center; width: 60%; }
.hot-search p { position: relative; font-size: 24px; margin-bottom: 10px; font-weight: bold; color: #ffffff; }
.hot-search p:before, .hot-search p:after { content: ''; display: inline-block; width: 22px; height: 44px; vertical-align: top; background: url(../images/png8.png) no-repeat; }
.hot-search p:before { background-position: left; margin-right: 18px; }
.hot-search p:after { background-position: right; margin-left: 18px; }
.search-paihang li { display: inline-block; line-height: 26px; height: 26px; font-size: 14px; margin: 3px 6px; }
.search-paihang li a { display: block; color: #eee; }
.search-paihang li a:hover { color: #e5e8ef }
.search { position: relative; overflow: hidden; }
.search input.input_text { border: 0; line-height: 48px; height: 48px; font-size: 14px; outline: none; text-indent: 1em; }
.bp-border { position: relative; display: inline-block; padding: 0 10px; vertical-align: middle; overflow: hidden; line-height: 48px; width: 76%; }
.bp-border:before, .bp-border:after { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: url(../images/png23.png) no-repeat; }
.bp-border:before { left: 0; background-position: left; }
.bp-border:after { right: 0; background-position: right; }
.sb-border { position: relative; float: right; width: 16%; height: 48px; padding: 0 10px; }
.sb-border:before, .sb-border:after { background-image: url(../images/arr4.png); content: ''; position: absolute; top: 0; bottom: 0; width: 10px; }
.sb-border:before { left: 0; background-position: left; }
.sb-border:after { right: 0; background-position: right; }
.sb-border .input_submit { width: 100%; text-align: center; border: 0; color: #fff; outline: none; display: block; font-size: 15px; height: 48px; line-height: 48px; cursor: pointer; background: url(../images/arr5.png) repeat-x; }
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 14px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*pics*/
.pics { overflow: hidden; position: relative; margin: 20px 0; }
.pics li a { display: block; overflow: hidden; background: #f4f4f4; }
.pics li p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; padding: 10px; background-color: #fff; }
.pics li i { text-align: center; display: block; height: 160px; }
.pics li i img { width: 100%; height: 100%; }
.pics li a:hover { color: #9a2929 }
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #686d73; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #686d73; -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: #ffffff; }
/*info-pre-next*/
.info-pre-next { line-height: 34px; margin-bottom: 30px; }
.info-pre-next p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-pre-next a { margin-left: 10px; }
.news_box .news section { margin-bottom: 20px; overflow: hidden; padding: 0 10px }
.news_box .news section i { width: 162px; height: 100px; display: block; overflow: hidden; float: left; margin-right: 10px; }
.news_box .news section i img { width: 100%; height: 100%; }
.news_box .news section h3 { font-size: 18px; margin-bottom: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news_box .news section p { color: #777; font-size: 14px; margin-bottom: 5px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
i.wx { position: absolute; right: 0; bottom: 0; }
footer .container { position: relative; overflow: inherit; }
i.wx img { width: 120px; }
 @media only screen and (max-width: 1024px) {
#starlist, .search_box { width: 100% }
.container { width: 96% }
.search-page .search { width: 72% }
.search-page { padding-bottom: 100px }
.navigation { padding: 0; margin-bottom: 26px; }
#starlist { width: 100%; }
#mnavh { display: block; top: 0; position: absolute; right: 0; }
#starlist { display: none; overflow: hidden; padding: 40px 0 60px; }
#starlist li:before, #starlist li:after { display: none; }
#starlist li { top: inherit !important; width: 25%; margin: 0; }
#starlist li a { text-align: center; width: auto; padding: inherit; float: none; height: 48px; line-height: 48px; margin: 20px; padding-top: inherit; background: url(../images/arr5.png) repeat-x; }
#starlist li a:before { background: none; left: -10px; }
#starlist li a:after, #starlist li a:before { background-image: url(../images/arr4.png); content: ''; position: absolute; top: 0; bottom: 20px; width: 10px; opacity: 1; height: 48px; }
#starlist li a:after { border-left: none; right: -10px; background-position: right; }
.banner, .topnews { width: 49% }
.pics li p { padding: 15px; }
.links ul li { width: 22% }
}
@media only screen and (max-width: 768px) {
.search-page .search { width: 96% }
}
@media only screen and (max-width: 640px) {
.bp-border, .hot-search { width: 68% }
#starlist li { width: 33.33% }
#starlist li a { font-size: 16px; font-weight: normal; color: #eaeaea; }
.banner, .topnews, .news_box .news { width: 100% }
.fader .slide img, .fader { height: 190px; }
.news ul li span { display: none; }
.swiper-slide { }
.swiper-container { width: 1200px }
.links ul li { width: 43%; }
.ft_nav li { padding: 0 10px }
footer span { display: block; line-height: 30px; }
.wenzi_list li span { display: none }
.wenzi_list li { padding: 15px; }
.page_info { padding: 20px 10px }
.info span { display: block; text-align: left; margin: 8px 25px; color: #666; }
.info { font-size: 12px; }
.xgwz { margin: 10px auto }
footer { padding: 35px 0 20px; }
.news_title { font-size: 18px; text-align: center; }
.news_list, .wenzi_list { margin-top: 30px; }
.news_list ul li i { width: 30%; float: left; height: 60px; margin-right: 10px; }
.news_list ul li { padding: 10px; }
.news_list ul li:before, .news_list ul li:after, .news_list ul li a:before { display: none }
.news_list ul li a:after { bottom: -10px; right: -10px; }
.news_list ul li h2 { font-size: 16px; padding-top: 5px; line-height: 1.5; }
.news_list ul li .news_list_time { margin: 25px 0 15px; }
p.news_list_info { margin-bottom: 15px }
span.read_more { color: #6e88a5; }
.content { color: #000; }
.page_info h1 { font-size: 22px }
.weizhi, .weizhi a { color: #999; }
#toptitle { display: none }
.news_box .news section i { width: 100px; height: 80px; }
.news_box .news section h3 { font-size: 16px; margin-bottom: 6px; }
i.wx { position: inherit; display: block; margin: auto; }
i.wx img { margin: 20px auto 0; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none !important}
}