.page{background: url('../images/page.jpg') no-repeat center top; padding: 498px 0 0; position: relative;}
.page .menu{top: 35px;position: absolute;}
.page .logo{position: absolute;}
.content{font-family: "Microsoft YaHei",Arial;}
.news_type{text-align: center;border-bottom: 1px solid #eeede3;padding: 40px 0;display: flex;justify-content: center;}
.news_type a{display: inline-block;height: 40px;width: 130px; font: bold 22px / 40px "Microsoft YaHei";margin: 0 25px;}
.news_type a:hover,.news_type .on{background: url('../images/news_type.png') no-repeat; color: #fff;}
.news_list .item{border-bottom: 1px solid #eeede3;display: block; padding: 30px 0;}
.news_list .item:hover{background: #ecf9ff;}
.news_list .news_main{width: 1180px; margin: 0 auto;display: flex;align-items: center;}
.news_list .thumb{width: 240px;height: 140px;overflow: hidden;object-fit: cover;margin-right: 20px;}
.news_list .bd{flex: 1;}
.news_list .news_tit{font-size: 26px; margin-bottom: 8px;}
.news_list .text{line-height: 24px; height: 80px; overflow: hidden;}
.news_list .time{color: #999;line-height: 24px;}
.news_list .more{background: url('../images/news_list_more.png') no-repeat;width: 31px;height: 39px;display: block;}
.news_list .item:hover .more{background-position: center bottom;}
.pagination{text-align: center; padding:60px 0;}
.pagination a{display:inline-block; border: 1px solid #999; line-height: 22pxz; padding:0 10px;margin:0 5px;}
.pagination a.active,.pagination a:hover{background:#000;text-decoration:none;color: #fff;border-color: #000;}
.art_info{border-bottom: 1px solid #eeede3;text-align: center; padding: 40px 0;}
.art_info .back{position: absolute;left: 0;top: 0;width: 50px;height: 50px;border: 1px solid #999;background: url('../images/back.png') no-repeat center;display: block;transition: all .2s linear;}
.art_info .back:hover{background-color: #eee;}
.art_info h2{font-size: 32px; color: #333; line-height: 1.2; font-weight: bold; padding: 0 50px;}
.art_info p{font-size: 22px; margin-top: 24px;}
.article{color: #333; line-height: 30px; padding: 34px 0; width: 1100px; margin: 0 auto;}
.article img{display: block; max-width: 100%;}
.side{position: fixed;right: 0;top: 50%; margin-top: -206px;background: url('../images/side.png') no-repeat;width: 187px;height: 411px;overflow: hidden; text-align: center;}
.side .code{width: 140px; border-radius: 10px; padding:4px 3px 3px; background: rgba(0, 0, 0, .2);margin: 53px auto 12px; font: 13px / 26px "Microsoft YaHei"; color: #fff;}
.side .code img{display: block;width: 140px;height: 140px;}
.side .ios,.side .and{display: inline-block;margin-bottom: 10px;width: 150px;height: 48px;background: url('../images/down_btns.png') no-repeat;}
.side .ios{background-position: 0 -140px;}
.side .ios:hover{background-position: -161px -140px;}
.side .and{background-position: 0 -197px;}
.side .and:hover{background-position: -161px -197px;}
#cyou_bottom{height:auto}
.top_bar{display:none}
@media screen and (max-width:768px) {
    html{font-size: calc(100vw/7.5);}
    body{min-width: 100%;}
    .menu,.logo,.side{display: none;}
    .page{padding:1.2rem 0 0 0;background: #fff;}
    .main{margin: 0; width: 100%;}
    .content{padding: 0;}
    .article{padding: .2rem; width: 100%; box-sizing: border-box;}
    .art_info{padding:.28rem .4rem; font-size: 12px;}
    .art_info h2{font-size: 16px; line-height: 1.4; padding: .2rem 0 0;}
    .art_info p{margin: 0;font-size: 12px;}
    .art_info .back{width: 30px; height: 30px; background-size: 10px auto; position: relative;}
    .top_bar{height:1.2rem;width:7.5rem;position:fixed;font-family: "Microsoft YaHei",Arial;background:#1f4d8b;background-image: -webkit-linear-gradient(top,#1f4d8b,#1f4d8b);z-index:99;left:50%;margin-left:-3.75rem;top:0;display: flex; align-items: center;}
    .top_bar .ico{width: .84rem;height: .84rem;border-radius: .08rem; margin: 0 .2rem 0 .35rem;overflow: hidden;}
    .top_bar img{display: block;width: 100%;}
    .top_bar .txt{color: #fff; font-size: .2rem;line-height: 1.6; flex: 1;}
    .top_bar .txt h3{font-size:.3rem;}
    .top_bar .db{display:block;width:1.86rem;height:.6rem;background:url('../images/wap_down.png') no-repeat center / cover;}
    .nav_btn {padding: .12rem; width: .5rem; height: .5rem; position: relative; margin: 0 .35rem 0 .2rem;}
    .nav_btn .bar{ position: relative; display: block; width: .5rem; height: .08rem;margin: 0 auto; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; }
    .nav_btn .bar:nth-child(2){margin: .12rem 0;}
    .nav_btn.expanded .bar:nth-child(1) {-webkit-transform: translateY(0.2rem) rotate(-45deg);transform: translateY(0.2rem) rotate(-45deg); }
    .nav_btn.expanded .bar:nth-child(2) {opacity: 0; }
    .nav_btn.expanded .bar:nth-child(3) {-webkit-transform: translateY(-0.2rem) rotate(45deg);transform: translateY(-0.2rem) rotate(45deg); }
    .nav{position:absolute;right:0;top:1.2rem;width:1.6rem;display:none}
    .nav a{display:block;line-height:.6rem;text-align:center;margin-bottom: 1px;background:#1f4d8b;color: #fff;}    
}