/* CSS Document */
html {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* 设置图片视频等自适应调整 */
*,*::after,*::before{margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
img {max-width: 100%;height: auto;  width: auto\9; /* ie8 */ vertical-align:top;}
.video embed, .video object, .video iframe {width: 100%;height: auto;}
textarea,input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea {resize:none;outline:0;-webkit-appearance: none;border-radius: 0; -webkit-border-radius: 0;white-space:pre-wrap;word-wrap:break-word;}
.css{-webkit-touch-callout: none}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}i{ font-style:normal;}
li{list-style:none}img{border:0;}a{color:#000;text-decoration:none;outline:none;}/*a:hover{color:#c00;text-decoration:underline;}*/em{ font-style:normal;}
body{ max-width: 640px; background:#fbfbfc;margin:0 auto;font:16px/30px 'Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.clearfix:after {content:".";display:block;visibility:hidden;height:0; clear:both; }/* 清除浮动*/* html .clearfix{ zoom: 1; }  
.fl{ float: left; } .fr{ float: right; }.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.w{ width:100%; margin:0 auto;}
#wap-head{ display:block; position:fixed; top:0; left:0; width:100%;  z-index:9999;}
#wap-head .imt{ height:50px;position:relative;  z-index:99999;background:rgba(222,48,49,0.96); -webkit-backdrop-filter:blur(10px) saturate(180%);}
#wap-head .imt .wap-logo{ height:50px; padding-left:12px;}
#wap-head .imt .wap-logo a{ margin-right:5px;}
#wap-head .imt .wap-logo img{ height:22px; margin-top:14px;}
#wap-head .imt .wap-logo .fengge_ad img{ height:40px; margin-top:4px;}
.wap-search{ width:50px; height:50px; position:absolute; top:0; right:0px; background:url(../images2017/search.png) no-repeat center; background-size:66%; display:none;}
#wap-head .nav_hot{ display:block; background:rgba(246,246,246,0.96);-webkit-backdrop-filter:blur(10px) saturate(180%); line-height:40px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);box-shadow:0 0 20px rgba(0,0,0,0.3); position:relative;}
#wap-head .nav_hot ul{padding:0 34px 0 10px; width:100%; height:40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center;}
#wap-head .nav_hot li{ text-align:center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position:relative;}
#wap-head .nav_hot li.n2{  -webkit-box-flex: 1.2; -ms-flex: 1.2; flex: 1.2; }
#wap-head .nav_hot li a{ color:#333; }
#wap-head .nav_hot li.a-red a{ font-size:18px; color:#de3031}
#wap-head .nav_hot li.a-red::after{ content:''; position:absolute; left:50%; margin-left:-10px; width:20px; border-radius:10px; height:4px; bottom:0; background:#de3031;}
#m-menu{ position:absolute; top:0; right:0; height:40px; width:34px;}
#m-menu span{ display:block; width:2px; height:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#333; border:2px;}
#m-menu .m-b{ width:14px; height:2px;}
#wap-head .sub::after{ content:''; position:absolute; bottom:-5px; left:50%; margin-left:-5px; width:8px; height:8px; border-left:1px solid #ddd; border-top:1px solid #ddd; background:rgba(246,246,246,0.8);-webkit-backdrop-filter:blur(10px) saturate(180%); z-index:99; transition:.4s,opacity .5s; -webkit-transition:.4s,opacity .5s; -webkit-transform:rotate(45deg) translate3d(0,-40px,0); transform:rotate(45deg) translate3d(0,-40px,0);opacity:0; visibility:hidden;}
#wap-head .sub.quju-more::after{-webkit-transform:rotate(45deg) translate3d(0,0,0);transform:rotate(45deg) translate3d(0,0,0);opacity:1; visibility:visible;}
#wap-head .quju{ position:absolute; top:40px; left:0; width:100%; height:0; line-height:40px;  background:rgba(246,246,246,0.96);-webkit-backdrop-filter:blur(10px) saturate(180%); padding:0 12px; transition:.4s,opacity .5s; -webkit-transition:.4s,opacity .5s; transform:translate3d(0,-40px,0); -webkit-transform:translate3d(0,-40px,0); opacity:0; visibility:hidden; border-bottom:1px solid #eee;}
#wap-head .quju .quju-b{ border-top:1px solid #ddd;}
#wap-head .quju  a{ display:block; float:left; width:20%; text-align:center; color:#666;}
#wap-head .quju2  a{ width:25%;}
#wap-head .quju.show{ height:40px; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -wtransform:translate3d(0,0,0); opacity:1; visibility:visible;}

.wap_bg{position:fixed; top:0; left:0; right:0; width:100%; height:0; background:rgba(255,255,255,.8);z-index:999; overflow:hidden; -webkit-backdrop-filter:blur(10px) saturate(180%);  transition:.1s,opacity .2s; -webkit-transition:.1s,opacity .2s; opacity:0; visibility:hidden;}
.wap_bg.cur{height:100%; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; visibility:visible;}
#circle{ position:fixed; top:0; left:0; right:0; width:100%; height:0; background:rgba(255,255,255,.9);z-index:999; overflow:hidden; -webkit-backdrop-filter:blur(10px) saturate(180%); transition:.3s,opacity .4s; -webkit-transition:.3s,opacity .4s; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); -wtransform:translate3d(0,-100%,0); opacity:0; visibility:hidden;}
#circle.chennel{ height:100%; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; visibility:visible;}
#circle .nav{ padding:66px 10px 0;}
#circle .nav li{line-height:30px; width:25%; float:left; text-align:center; position:relative; margin-bottom:10px; padding:0 4px;}
#circle .nav a{ font-size:15px; color:#666; display:block; border:1px solid #ddd;  border-radius:50px; background:#fff;}
#circle .nav a:hover,#circle .nav a:active{ background:#f22e2e; color:#fff; border-color:#da2626;}
#circle .nav .red span{ position:absolute; top:-6px; right:-2px; padding:2px 4px; background:#f22e2e; border-radius:4px; color:#ffde00; font-size:10px; line-height:10px; font-family:Helvetica;}
#nav-off{ position:absolute; bottom:20px; left:50%; border:1px solid #ddd; border-radius:50%; height:34px; width:34px; transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-left:-17px;}
#nav-off span{ display:block; width:2px; height:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); background:#aaa; border:2px;}
#nav-off .nav-b{ width:14px; height:2px;}

#xmnn_nav{ background: rgba(222,48,49,0.9); -webkit-backdrop-filter:blur(10px) saturate(180%); width:100%; position:fixed; z-index:99; left:0; bottom:0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
#xmnn_nav li{ float:left; width:25%; text-align:center; font-size:12px;}
#xmnn_nav li a{ display:block; color:#fff; height: 50px; padding-top: 22px;}
#xmnn_nav li.nav_1 a{ background:url(../images2017/nav_1_white.png) no-repeat center 6px; background-size:24px;}
#xmnn_nav li.nav_2 a{ background:url(../images2017/nav_2.png) no-repeat center 6px; background-size:24px;}
#xmnn_nav li.nav_3 a{ background:url(../images2017/nav_3_white.png) no-repeat center 6px; background-size:24px;}
#xmnn_nav li.nav_4 a{ background:url(../images2017/nav_4_white.png) no-repeat center 6px; background-size:24px;}
#xmnn_nav li.nav_5 a{ background:url(../images2017/nav_5_white.png) no-repeat center 6px; background-size:24px; color:#fbc43e;}
#xmnn_nav li.nav_7 a{ background:url(../images2017/nav_7_white.png) no-repeat center 6px; background-size:24px; color:#fbc43e;}
.collect{ position:fixed;bottom:20px;left:50%;width:220px;height:40px;padding:7px 0 8px 9px;margin-left:-110px;z-index:999;color:#fff;background:#494949;border-radius:2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8);opacity: 0.9;transition:.4s,opacity .5s; -webkit-transition:.4s,opacity .5s; transform:translate3d(0,60px,0); -webkit-transform:translate3d(0,60px,0); opacity:0; visibility:hidden;}
.collect.let{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -wtransform:translate3d(0,0,0); opacity:1; visibility:visible;}
.collect p{position:relative;padding:0;margin:0;font-size:14px;line-height:22px;padding-top:0px;font-weight:bold}
.collect-close{position:absolute;right:0;top:7px;height:30px;width:30px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.collect-close b{position:absolute;display:inline-block;right:8px;top:10px;height:3px;width:12px;background:#fff;border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.collect-close b:after{content:'';position:absolute;display:inline-block;height:3px;width:12px;background:#fff;border-radius:2px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.collect-arrow{width:18px;height:10px;overflow:hidden;position:absolute;bottom:-10px;left:50%;margin-left:-8px}
.collect-arrow b{display:inline-block;position:absolute;top:-5px;left:3px;width:10px;height:10px;background:#494949; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.8); box-shadow:0 0 3px rgba(0,0,0,0.8);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.content{ padding:90px 0 0;}
.tqh-h{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.tqh-h > div{ width: 20%; height: .5rem; background: #ffd328;}
.tqh-h div:nth-child(2){ background: #faa028;}
.tqh-h div:nth-child(3){ background: #e61924;}
.tqh-h div:nth-child(4){ background: #013186;}
.tqh-h div:nth-child(5){ background: #19923e;}
#tqhBox{ width:100%; overflow:hidden; position:relative;}
#tqhBox .bd{ width:100%; height:auto; }
#tqhBox .bd li{ width:100%; overflow:hidden; }
#tqhBox .bd li a{ display:block; width:100%; height:0; padding-bottom: 55.6522%; position: relative;}
#tqhBox .bd li img{ width:100%; vertical-align:top; position: absolute; height: 100%; -o-object-fit: cover; object-fit: cover;}
#tqhBox .bd li p,#tqhBox .bd li em{ position:absolute; width:100%; height:1.6rem; bottom:0; left:0; overflow:hidden; line-height:1.6rem; color:#fff; z-index:9; font-size:.6rem;}
#tqhBox .bd li p{ padding-left: .6rem; padding-right: 3rem; text-overflow: ellipsis; white-space: nowrap;}
#tqhBox .bd li em{ z-index:8; background:#270404; filter:alpha(opacity=89); opacity:0.89;}
#tqhBox .hd{ position:absolute; height:.2rem; line-height:.2rem; bottom:.8rem; right: .4rem; z-index:10; width: 3rem; }
#tqhBox .hd ul{ text-align: right;}
#tqhBox .hd li{ display: inline-block; width:.2rem; height:.2rem; background:#fff; line-height: 9999px; overflow:hidden; margin:0 .1rem; border-radius: 50%;}
#tqhBox .hd li.on{ background:#f12e19;}
.tqh-head{ padding: .6rem; background: #fff; position: relative;}
.tqh-logo img{ width: 3rem; position: absolute; left: .6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.headline{ padding-left: 3.5rem;}
.headline h1 a{ font-size: .85rem; line-height: 1.2rem; font-weight: bold; text-align: center; color: #f12e19; display: block;}
.headline h1 a span{ font-size: .85rem !important;}
.headline p{ margin-top: .6rem; display: none;}
.headline p a{ display: block; border-top: 1px solid #af0709; padding: .3rem 0 .3rem .8rem; position: relative; color: #f8ebb4; line-height: 1rem; font-size: .7rem;}
.tqh-zt{ width: 100%; padding: 0 .6rem .8rem; background: #df3839 url(../images2017/98-zt.png) no-repeat center bottom; background-size: 100%;}
.headline p a::after,.tqh-zt i{ width: .4rem; height: .4rem; background: #ffb400; border-radius: 50%; overflow: hidden; display: block; position: absolute; left: 0; top: .3rem;}
.headline p a::after{ content: ''; top: .56rem;}
.tqh-zt .tqh-item{ padding: .4rem 0; border-bottom: 1px solid #af0709;}
.tqh-zt .tqh-item a{ display: block; position: relative; color: #f8ebb4; line-height: 1rem; overflow: hidden; font-size: .7rem; padding-left: .8rem;}
.tqh-zt ul{ margin-top: .4rem;}
.tqh-zt li{ padding: .1rem 0;}
.tqh-zt li a{ display: block; position: relative; color: #f8ebb4; line-height: 1rem; height: 1rem; overflow: hidden; font-size: .6rem; padding-left: .8rem;}
.tqh-zt .tqh-item a:hover,.tqh-zt li a:hover{ color: #ffb400;}

#slideBox{ width:100%; overflow:hidden; position:relative;}
#slideBox .bd{ width:100%; height:auto;}
#slideBox .bd li{ width:100%;  height:auto; }
#slideBox .bd li a{ display:block; width:100%; overflow:hidden; height:0; padding-bottom: 60%; text-align:center; position:relative;}
#slideBox .bd li img{ width:100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0;}
#slideBox .bd li p,#slideBox .bd li em{ position:absolute; height:40px; bottom:0; left:0; overflow:hidden; line-height:40px; color:#fff; width:100%; z-index:9;}
#slideBox .bd li p{ left:0; height:40px; line-height:40px; text-align:left; padding:0 50px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#slideBox .bd li em{ width:100%; z-index:8; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); height:100px;} 
#slideBox .hd{ position:absolute; height:10px; line-height:12px; bottom:15px; right:4px; z-index:10; }
#slideBox .hd li{ display:inline-block; border-radius:50%; -webkit-border-radius:50%; width:2px; height:2px; background:#fff; text-indent:-9999px; overflow:hidden; margin:6px 2px; cursor:pointer; opacity:0.6;}
#slideBox .hd li.on{ background:#fff; width:6px; height:6px; margin:4px 2px; opacity:1;}

.list-news-box{ padding:12px; border-bottom:1px solid #eee;}
.list-news-box:active{ background:#eee;}
.list-news .im{ float:left; width:130px; height:90px; margin-right:12px; overflow:hidden;}
.list-news .im img{ width:100%; height:auto; background:url(../images2017/load.png) no-repeat center; background-size:cover;}
.list-news-box:not(.list-photo) .im img{ height:100%; object-fit:cover; -o-object-fit: cover;}	
.list-news h1{ font-size:20px; line-height:30px; max-height:60px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.list-news p{ height:20px; font-size:12px; color:#999; line-height:20px; margin-top:10px; position:relative;}
.list-news p span{ margin-right:10px;}
.list-news p em{ display:inline-block; color:#fff; padding:0 6px; border-radius:2px; background:#f75766; position:absolute; top:0; right:0;}
.list-photo .list-news .im{ width:100%; float:none; margin-top:10px; height:0; padding-bottom:22.05%; overflow:hidden;}
.list-photo .list-news .im img{ width:33.33%; float:left; padding:0 6px 0 0; -o-object-fit: cover; object-fit: cover;}
.list-photo .list-news .im img:nth-child(2){ padding:0 3px;}
.list-news .im img:nth-child(3){ padding:0 0 0 6px;}
.page-news-more{ padding:10px 20px; line-height:20px; font-size:14px; color:#999; text-align:center; display:none;}

#wap-icon{ position:fixed; width:48px; right:10px;  bottom:60px; overflow:hidden; }
#wap-icon a{ display:block; height:48px; width:48px; background:url(../images2017/wap_gotop.png) no-repeat center; background-size:cover; margin-top:8px;opacity:0.8;}
#wap-icon a.refresh{background:url(../images2017/wap_refresh.png) no-repeat center; background-size:cover;}
#wap-icon a:active{ opacity:1;}
#wap-foot{ padding:10px 0; width:100%; margin-bottom:50px;  background:#f6f6f6; text-align:center; line-height:30px; font-size:16px; color:#999;  -webkit-backdrop-filter:blur(10px) saturate(180%); }
#wap-foot a{ color:#666;}
.rdhd{ position: relative; overflow: hidden;}
.rdhd .rdhd-h{ display: inline-block; position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; background: rgba(222,48,49,0.9); color: #fff; font-size: 18px; font-weight: bold; z-index: 9; padding: 0 20px 0 15px; border-bottom-right-radius: 26px; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); box-shadow: 0 0 20px rgba(0,0,0,.3); }
#rdhdBox{ width:100%; overflow:hidden;position:relative; }
#rdhdBox .bd{ width:100%; height:auto; position:relative;}
#rdhdBox .bd li{ width:100%; position:relative; height:auto; }
#rdhdBox .bd li a{ display:block; width:100%; overflow:hidden; height:0; text-align:center; padding-bottom: 66.66%;}
#rdhdBox .bd li img{ width:100%; height:100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 0; top: 0;}
#rdhdBox .bd li p,#rdhdBox .bd li em{ position:absolute; height:40px; bottom:0; left:0; overflow:hidden; line-height:40px; color:#fff; width:100%; z-index:9;}
#rdhdBox .bd li p{ left:0; height:40px; line-height:40px; text-align:left; padding:0 50px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#rdhdBox .bd li em{ width:100%; z-index:8; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); height:100px;}
#rdhdBox .hd{ position:absolute; height:10px; line-height:12px; bottom:15px; right:4px; z-index:10; }
#rdhdBox .hd li{ display:inline-block; border-radius:50%; -webkit-border-radius:50%; width:2px; height:2px; background:#fff; text-indent:-9999px; overflow:hidden; margin:6px 2px; cursor:pointer; opacity:0.6;}
#rdhdBox .hd li.on{ background:#fff; width:6px; height:6px; margin:4px 2px; opacity:1;}
#ad{ width:100%; overflow:hidden;position:relative; height:5rem;}
#ad .bd{ width:100%; height:auto; position:relative;}
#ad .bd li{ width:100%; position:relative; height:auto; float: left; display: block !important; }
#ad .bd li a{ display:block; width:100%; overflow:hidden; height:5rem; text-align:center;}
#ad .hd{ display: none;}
@media screen and (max-width:375px){
	.list-news .im{ float:left; width:120px; height:83.08px;}
	.list-news h1{ font-size:18px; line-height:26px; max-height:52px;}	
	#wap-icon{ width:42px;}
	#wap-icon a{ height:42px; width:42px;}
	#wap-head .nav_hot li.quju-more::after{ bottom:-4px;}
}
@media screen and (max-width:360px){
	#wap-head .imt{ height:40px;}
	#wap-head .imt .wap-logo{ height:40px; }
	#wap-head .imt .wap-logo img{ height:18px; margin-top:11px;}
    #wap-head .imt .wap-logo .fengge_ad img{ height:30px; margin-top:5px;}
	.wap-search{ width:40px; height:40px;}
	#wap-head .nav_hot,#wap-head .nav_hot ul,#m-menu,#wap-head .quju.show,#wap-search.on{ height:34px; line-height:34px;}
	#wap-head .nav_hot li a{ font-size:14px; }
	#wap-head .nav_hot li.a-red a{ font-size:16px;}
	#wap-search{ top:90px;}
	#wap-head .quju{ top:34px;}
	#wap-head .quju  a{ font-size:14px;}
	.content{ padding-top:74px;}
	#circle .nav{ padding-top:56px;}
	#circle .nav li{ padding:0 2px;}
	#circle .nav a{ font-size:13px;}
	.list-news .im{ float:left; width:100px; height:69.23px;}
	.list-news h1{ font-size:16px; line-height:22px; max-height:44px;}
	.list-news p{ margin-top:6px;}
	#wap-icon{ width:38px;}
	#wap-icon a{ height:38px; width:38px;}
	#slideBox .bd li p{ font-size:14px;}
}