@charset "utf-8";
/* CSS Document */

.domPC { display: block; }
.domMobile { display: none; }
.hide { display: none; }
body { font-family: "微软雅黑";/* background: url(//www.xinhuanet.com/politics/2018cjzt/images/20180131sf_bodyBg_v1.png) 50% 0 repeat; */
}
.banner { width: 100%; height: 502px; background: url(//www.xinhuanet.com/politics/2021cjyxzt/images/banner.jpg) no-repeat 50% 0; }
.nav { background: #790000; height: 60px; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul li { height: 60px; line-height: 60px; float: left; text-align: center; font-size: 18px; color: #fffca2; position: relative; z-index: 1; font-weight: normal; padding: 0 57px; }
.nav ul li a { color: #fffca2; }
.nav ul li+li:before { content: ""; position: absolute; width: 1px; height: 20px; background: #fffca2; left: 0; top: 20px; z-index: 2; }
.nav ul li.on { background: url(//www.xinhuanet.com/politics/2021cjyxzt/images/navOn.jpg) 50% 0 no-repeat; }
.nav ul li.on a { color: #fffca2; }
.content { width: 1200px; margin: 30px auto 40px; }
.content h2 { color: #e60012; font-size: 24px; padding-left: 10px; height: 45px; line-height: 45px; cursor: pointer; border-bottom: 2px solid #e60012; margin-bottom: 20px; font-weight: bold; }
.wzlist li { padding: 10px 0 17px 0; border-bottom: 1px solid #ededed; overflow: hidden; position: relative; display: none; }
.wzlist h3 i { font-style: normal; padding: 5px 0 5px 30px; display: block; float: left; }
.wzlist h3 { font-size: 1.125em; font-weight: normal; float: left; width: 91%; }
.wzlist h3 a { color: #323232; }
.wzlist span { float: right; color: #ccc; font-weight: normal; font-size: 14px; }
.tp_list li { width: 290px; border: 1px solid #f2f9ff; float: left; margin: 6px 4px; display: none; }
.tp_list li:hover { border-image: -webkit-linear-gradient(#fff17e, #fde840) 1 1; border-image: -moz-linear-gradient(#fff17e, #fde840) 1 1; border-image: linear-gradient(#fff17e, #fde840) 1 1; }
.tp_list li img { width: 290px; height: 163px; }
.tp_list h3 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 4%; width: 100%; height: 70px; z-index: 4; font-size: 16px; background: #aa0802; color: #fff; }
.tp_list h3 a { color: #fff; }
#moreBtn { text-align: center; padding: 30px 0 15px; }
#moreBtn span { display: inline-block; height: 35px; line-height: 35px; font-size: 18px; width: 200px; border-radius: 25px; text-align: center; background: #bf1d2d; cursor: pointer; color: #fff; }
.footer { font-size: 14px; padding: 40px 0; width: 100%; height: auto; text-align: center; line-height: 30px; color: #880000; }
.backtotop { position: absolute; position: fixed; right: 13px; bottom: 40px; z-index: 10; width: 40px; height: 30px; border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f6f6f6; overflow: hidden; cursor: pointer; display: none; }
.backtotop:after { content: ""; display: block; width: 0; margin: 2px auto 0; border-left: 6px solid #f6f6f6; border-right: 6px solid #f6f6f6; border-top: 8px solid #f6f6f6; border-bottom: 8px solid #007bff; }

@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none; }
.domMobile { display: block; }
.banner { background: none; width: 100%; height: auto; }
.mb_nav { white-space: nowrap; height: 36px; line-height: 36px; overflow-x: auto; background: #aa0802; }
.mb_nav a { display: inline-block; white-space: nowrap; padding: 0 10px; color: #fff; font-size: 16px; font-weight: bold; }
.mb_nav .active { color: #fffca2; }
.content { width: 96%; margin: 10px auto; }
.content h2 { padding-left: 10px; }
.wzlist { width: 96%; margin: 0 auto 30px; }
.wzlist h3 { width: 100%; }
.wzlist li { padding: 10px 0 10px 0; }
.tp_list { width: 90%; margin: 0 auto; }
.tp_list li { float: none; width: 100%; height: auto; margin: 0 0 10px 0; }
.tp_list li img { width: 100%; height: auto; }
.tp_list h3 { height: auto; padding: 2%; }
#moreBtn { text-align: center; padding: 5px 0 15px; }
#autoData span { font-size: 12px; }
}