/*  reset  */
body,div,ul,li,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display: block;}
em,th{font-style:inherit;font-weight:inherit;text-decoration:none;}
ol,ul{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
*,*:before,*:after{word-break: break-all;outline: none;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
input {user-select: auto;-ms-user-select: auto;-moz-user-select: auto;-webkit-user-select: auto;}
a{text-decoration: none;tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
body {font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;}

/* comm */
html,body {min-height: 100vh;}
body {position: relative;font-size: 0;line-height: 1;overflow-x: hidden;}
.web {position: relative;min-height: 100vh;}
.web.on {opacity: 1 !important;min-height: 100vh;}
.page {position: relative;min-height: 100vh;}
.inner {position: relative;min-height: 100vh;}
.hide {display:block;width:0;height:0;overflow:hidden;}

/* page */
.page{background: url(../img/m/bg.jpg) no-repeat 50% 0/100% auto,url(../img/m/news_bg.png) repeat 50% 100%/100% auto;}
.page_main{position: relative;min-height: calc(100vh - 3.83rem);}
.page_main:before{display: block;content: "";width: 100%;height: 100%;background: url(../img/m/follow_cir.png) no-repeat 50% 0/100% auto;position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0.5;}
.page_main:after{display: block;content: "";width: 100%;height: 100%;background: no-repeat 50% 100%/10.80rem auto;background-image: url(../img/m/bg_cont.png);position: absolute;left: 0;top: 0;pointer-events: none;z-index: 12;}
.header {position: relative;height: 3.1rem;}
.news_logo{display: none;}
.btn_home {width: 0.75rem;height: 0.75rem;position: absolute;left: 0.33rem;top: 2.34rem;background: url(../img/m/btn_back.png) no-repeat 50% 0/100% 100%;pointer-events: all;box-shadow: 0 0 0.1rem rgba(162,182,255,0.38);border-radius: 50%;}

.news{width: 100%;margin: 0 auto;position: relative;z-index: 13;}
.news_nav{width: 100%;text-align: center;font-size: 0;height: 1.2rem;position: relative;}
.news_nav:before{display: block;content: "";width: 9.36rem;height: 0.14rem;background: url(../img/m/line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -4.68rem;bottom: -0.05rem;}
.news_nav a{display: inline-block;vertical-align: top;height: 1.2rem;padding: 0 0.65rem;position: relative;font-size: 0.48rem;color: #565656;line-height: 1.2rem;text-align: center;position: relative;}
.news_nav a.on:before{display: block;content: "";width: 100%;height: 0.03rem;background: #f89367;position: absolute;left: 0;bottom: 0;}
.news_nav a.on{font-weight: bold;}
.news_list_all{width: 9.2rem;height: 14.80rem;margin: 0 auto;padding-top: 0.1rem;}
.news_list_all li{width: 100%;position: relative;padding-top: 0.4rem;}
.news_list_all li h2{width: 100%;height: 1.00rem;box-sizing: border-box;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-size: 0.4rem;color: #565656;line-height: 1.00rem;text-align: left;font-weight: bold;border-bottom: 0.02rem dashed #ffffff;margin: 0;}
.news_list_all li span{display: block;height: 0.54rem;font-size: 0.36rem;color: #97938e;line-height: 0.36rem;text-align: left;padding-top: 0.2rem;}
.news_list_all li p{width: 100%;font-size: 0.36rem;color: #7c7c7c;line-height: 0.92rem;text-align: left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.news_page_num {margin-top: 0.55rem;padding-bottom: 2.8rem;text-align: center;display: flex;justify-content: center;align-items: center;}
.btn_list_prev,.btn_list_next {width: 1.2rem;height: 0.54rem;border: 1px solid #565656;border-radius: 0.05rem;font-size: 0.28rem;color: #565656;line-height: 0.54rem;text-align: center;}
.news_page_num p {height: 0.54rem;font-size: 0.28rem;color: #565656;line-height: 0.54rem;text-align: center;display: inline-flex;justify-content: center;align-items: center;vertical-align: top;font-weight: bold;margin: 0 0.1rem;cursor: pointer;position: relative;}
.news_page_num p a {min-width: 0.54rem;height: 0.54rem;border: 1px solid #565656;border-radius: 0.05rem;color: #565656;font-size: 0.28rem;text-align: center;display: inline-flex;justify-content: center;align-items: center;vertical-align: top;font-weight: bold;margin: 0 0.1rem;}
.news_page_num p a.on{background: #565656;color: #FFFFFF;}

.footer {width: 100%;height: 4.53rem;background: url(../img/m/footer.png) no-repeat 50% 0/100% 100%;font-size: 0.14rem;color: #797979;line-height: 0.18rem;text-align: left;position: relative;}
.footer p{width: 7.15rem;margin-left: 0.2rem;padding-top: 0.15rem;}
.footer p a{color:#fac87a;text-decoration: underline;}
.footer_link1 {position: absolute;left: 5.93rem;top: 1.49rem;width: 1.7rem;height: 0.22rem;}
.footer_link2 {position: absolute;left: 0.28rem;top: 2.68rem;width: 0.8rem;height: 0.22rem;}
.footer_link3 {position: absolute;left: 1.21rem;top: 2.68rem;width: 2.6rem;height: 0.22rem;}
.footer_link4 {position: absolute;left: 3.83rem;top: 2.68rem;width: 1.76rem;height: 0.22rem;}
.footer_link5 {position: absolute;left: 5.6rem;top: 2.68rem;width: 2.06rem;height: 0.22rem;}

.btn_top{display: none;}
.news_title{width: 9.2rem;padding: 0.9rem 0 0.36rem;position: relative;margin: 0 auto;}
.news_title:before{display: block;content: "";width: 9.36rem;height: 0.14rem;background: url(../img/m/line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -4.68rem;bottom: -0.06rem;}
.news_title p{font-size: 0.48rem;color: #565656;line-height: 0.58rem;text-align: center;font-weight: bold;}
.news_title .news_titletimes{padding-top: 0.32rem;font-size: 0.36rem;color: #97938e;line-height: 0.42rem;text-align: center;}
.news_title span{position: absolute;left: 0.5rem;top: -0.75rem;font-size: 0.28rem;color: #565656;line-height: 0.75rem;text-align: left;}
.news_title span a{color: #565656;}
.news_title span .btn_back:before,.news_title span .btn_back:after{display: inline-block;content: "";vertical-align: top;width: 0.08rem;height: 0.12rem;background: url(../img/m/news_icon.png) no-repeat 50% 0/100% 100%;margin: 0.315rem 0.14rem 0;}
.news_detail{width: 9.2rem;margin: 0 auto;padding: 0.25rem 0 1.4rem;color: #000;font-size: 14px;line-height: 1.5;}
.news_detail p{font-size: 0.36rem;color: #565656;line-height: 0.72rem;}
.news_detail img {margin: 0.35rem auto;max-width: 100%;}
.news_detail video {margin: 0.35rem auto;max-width: 100%;height: auto;}
.news_detail iframe{margin: 0.35rem auto;max-width: 100%;height: auto;min-height: 198px;}

.cover{position: absolute;left: 0;top: 0;width: 100%;height: 2.01rem;pointer-events: none;z-index: 20;}
.head_nav{width: 100%;height: 2.01rem;background: url(../img/m/nav_bg.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;pointer-events: all;}
.head_nav p{width: 10.80;height: 1.68rem;background: url(../img/m/logo_navtext.png) no-repeat 50% 0/100% 100%;position: relative;}
.nav_logo{display: block;width: 2.31rem;height: 1.68rem;background: url(../img/m/logo_nav.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;text-indent: -999em;}
.nav_order{display: block;width: 3.08rem;height: 0.94rem;background: url(../img/m/btn_down.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.37rem;top: 0.42rem;}
.nav_order.btn_zhih{display: block;width: 3.08rem;height: 0.94rem;background: url(../img/m/btn_order2zhih.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.37rem;top: 0.42rem;}

.menu{z-index: 12;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.menu.on{display: block;}
.nav{width: 100%;height: 12.00rem;position: absolute;left: 0;top: 50%;margin-top: -6.00rem;pointer-events: all;}
.nav a{display: block;width: 100%;height: 2.00rem;margin: 0 auto;position: relative;}
.nav a b{display: none;}
.nav a:nth-of-type(1){background: url(../img/m/nav1.png) no-repeat 50% 50%/3.66rem 0.82rem;}
/*.nav a:nth-of-type(2){background: url(../img/m/nav2.png) no-repeat 50% 50%/3.66rem 0.82rem;}*/
.nav a:nth-of-type(2){background: url(../img/m/nav3.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(3){background: url(../img/m/nav4.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(4){background: url(../img/m/nav5.png) no-repeat 50% 50%/3.66rem 0.82rem;}
.nav a:nth-of-type(5){background: url(../img/m/nav6.png) no-repeat 50% 50%/3.66rem 0.82rem;margin-top: 2rem;}
.nav a:nth-of-type(6){background: url(../img/m/nav7.png) no-repeat 50% 50%/3.66rem 0.82rem;margin-top: -4rem;}
.nav a:before{display: block;content: "";width: 100%;height: 0.14rem;background: url(../img/m/nav_line.png) no-repeat 50% 0/3.66rem 0.14rem;position: absolute;left: 0;bottom: -0.07rem;}
.btn_menuclose{display: block;width: 0.87rem;height: 0.84rem;background: url(../img/m/btn_menuclose.png) no-repeat 50% 0/100% 100%;position: absolute;right: 1.14rem;top: 50%;margin-top: -7.2rem;pointer-events: all;}

.btn_bgm{display: block;width: 0.75rem;height: 0.75rem;position: absolute;right: 1.28rem;top: 2.34rem;background: url(../img/btn_paused.png) no-repeat 50% 0/100% 100%;border-radius: 50%;box-shadow: 0 0 0.1rem rgba(162,182,255,0.38);box-sizing: border-box;padding: 0.2rem 0.19rem 0.22rem;display: flex;justify-content: space-between;align-items: flex-end;pointer-events: all;}
.btn_bgm i{display: none;}
.btn_bgm.playing{background: url(../img/btn_play.png) no-repeat 50% 0/100% 100%;}
.btn_bgm.playing i{display: block;width: 0.05rem;background:linear-gradient(to bottom, #f1f1f1, #cec3a7);animation: up-and-down 1.3s ease infinite alternate;}
.btn_bgm.playing i:nth-of-type(1){height: 0.18rem;left: 0.19rem;}
.btn_bgm.playing i:nth-of-type(2){height: 0.3rem;left: 0.29rem;animation-delay: -3.7s;}
.btn_bgm.playing i:nth-of-type(3){height: 0.23rem;left: 0.4rem;animation-delay: -1s;}
.btn_bgm.playing i:nth-of-type(4){height: 0.11rem;left: 0.5rem;animation-delay: -2.4s;}
@keyframes up-and-down{10% {height: 30%;}30% {height: 100%;}60% {height: 50%;}80% {height: 75%}100% {height: 20%;}}
.btn_menu{display: block;width: 0.75rem;height: 0.75rem;position: absolute;right: 0.33rem;top: 2.34rem;background: url(../img/m/btn_menu.png) no-repeat 50% 0/100% 100%;border-radius: 50%;box-shadow: 0 0 0.1rem rgba(162,182,255,0.38);pointer-events: all;}