﻿@charset "utf-8";
@media screen and (max-width: 1700px){
  #floor_2{padding: 3%;}
  .left_body3{margin-top: 10%;}
  #floor_3_1{margin-top: 2%;}
  #floor_3_1 h2{font-size: 40px;}
  /* .gridlist4 li a{padding: 6% 10% 4% 10%;}
  .gridlist4 li .ChannelName{width: 90px;height: 90px;font-size: 32px;}*/

}
@media screen and (max-width: 1600px){
  #floor_2{padding: 2%;}
  .left_body3{margin-top: 5%;}
  #floor_2_3{bottom: 3%;}
  .left_bottom3_wrap{padding: 4%;}
  .textlist2 li .ChannelSContent{margin-top: 3%;}
  #floor_3_1 h2{font-size: 36px;}
}
@media screen and (max-width: 1400px){
  .left_title3 p{height: 72px;}
  .textlist1 li{font-size: 20px;height: 32px;line-height: 32px;}
  .textlist1 li.on{font-size: 24px;}
  .textlist2 li .ChannelSContent{height: 60px;}
  /* .gridlist4 li .ChannelName{width: 70px;height: 70px;font-size: 28px;} */
  /* .gridlist5 li a{padding: 9% 5% 6% 5%;}
  .gridlist5 li .ChannelName{width: 50px;height: 50px;font-size: 20px;}
  .gridlist5 li .InfoContent{height: 30px;}
  .gridlist5 li .more{height: 20px;width: 20px;background-size: 20px 20px;}
  .gridlist5 li :hover .more{background-size: 20px 20px;} */
  .textlist3 li span{font-size: 16px;}
  .textlist3 li a{font-size: 16px;}
  .banner_wrap{max-height: 400px;}
  #floor_3_4 .wrap .ChannelName{margin-bottom:3%;}
}
@media screen and (max-width: 1200px){

}
@media screen and (max-width:750px){
.pc{display: none;}
.wap{display: block;}
img{max-width: 100%;}
.menu{height: 1.08rem;right: 0.2rem;}
.page a, .page span{padding: 0.15rem 0.18rem;font-size: 0.24rem;border-radius: 0.08rem;margin: 0.2rem 0.07rem  0 0.07rem;min-width:auto;line-height: 1;}
.info_previous_next_wrap{padding-top: 0.4rem;padding: 0.1rem;}
.info_from_wrap{font-size: 0.16rem;padding-top: 0.3rem;}
.Next{font-size: 0.18rem;}
.Previous{font-size: 0.18rem;}
.Previous b{font-size: 0.18rem;}
.Next b{font-size: 0.18rem;}
.Next a{font-size: 0.18rem;}
.Previous a{font-size: 0.18rem;}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{padding: 0.84rem 0.2rem;}
#top, #link, #copyright, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7{padding: 0 0.2rem;}
/* #floor_1_main{display: none;} */
#left{border-bottom: 1px solid rgba(245,206,159,0.5);margin-bottom: 1rem;padding-bottom: 1rem;}  
.left_body3 {margin: 0.2rem 0 0.34rem 0;}
.left_bottom3{position: relative;padding: 0;border-left:none;transform: translate(0,0%);}
.left_bottom3_wrap{width: 100%;padding: 0.34rem 0.4rem 0.34rem 0.4rem;}
.right_title {position: relative;padding-bottom: 0.4rem;}
.right_title h2 { font-size: 0.48rem;}
.right_title p{font-size: 0.3rem;margin-top: 0.2rem;}
.right_title::after{content: '';position: absolute;bottom: 0;width: 57px;height: 2px;background: #fff;}
.right_body1 .InfoTitle{margin-bottom: 0.3rem;}
.right_body1 .InfoTitle h1{font-size: 0.26rem;}
.right_body1 .InfoContent{margin: 0.5rem 0;}
.right_body1 .InfoContent img{height: auto !important;}
.right_body{margin-top: 1rem;}
.right_bottom{border-top: 1px solid rgba(245,206,159,0.5);}
.right_bottom1{margin-top: 0.84rem;}
.right_body2 .InfoTitle{font-size: 0.26rem;margin-bottom: 0.36rem;padding-bottom: 0.31rem;}
.right_body2 .InfoTitle h1{font-size: 0.26rem;}
.right_body2 .InfoPicture img{width: 100%;}
.right_body2 .InfoContent{margin: 0.58rem 0;font-size: 0.22rem;}

.left_title3{}
.left_title3 h2{font-size: 0.48rem;text-align: center;}
.left_title3 p{font-size: 0.18rem;margin-top: 0.2rem;height: auto;}

.subchannel_main{display: none;}
#logo_main{height: 1.08rem;align-items: center;display: flex;}
#banner_main{padding: 0;height:100%;position: fixed;top:0;width: 100%;display: block;}
.bannerlist{display: flex;}
.bannerlist li img{height: 100%;}
#banner1{ margin: 0 auto;
  overflow: hidden;
  position: relative;
  height: 100%;
  }
#announcement_main{position: fixed;bottom: 0.48rem;width:100%;left: 0;z-index: 99;padding: 0 0.2rem;box-sizing: border-box;transform: translate(0,0);height: 0.48rem;}
#announcement{width: 100%;}
#announcement .announcement_title{font-size: 0.26rem;padding:0 0.2rem;line-height: 0.6rem;height: 0.6rem;min-width: 100px;}
/* min-width: auto; */
#announcement .announcement_body{width: 100%;float: none;}
#logo .WebLogo{padding: 0 0 0 0.2rem;width: 3.16rem;}
/* #floor_1_1{height: 90vh;}
#floor_1_2{height: 10vh;} */
#floor_1_2 a{height: 0.6rem;font-size: 0.24rem;}
#floor_1_2 a img{display: block;height: 0.27rem;}
#floor_2{height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;}
#floor_2_1{width: 100%;padding: 0;}
#floor_2_2{width: 100%;float: none;}
#floor_2_3{position: relative;padding: 0;bottom: 0;}
#floor_3{height: 100%;display: flex;justify-content: center;flex-flow: column;}
#floor_3_1{margin-top:0;}
/* margin-top: 0.82rem; */
#floor_3_1 h2{font-size: 0.48rem;line-height: 1;}
#floor_3_2{margin-top: 0.35rem;}
#floor_3_3{margin: 0.32rem 0 0 0;flex-flow: column;}
#floor_3_3_1{width: 100%;border-radius: 15px 0 15px 0;height: auto;}
#floor_3_3_1 .swiper-pagination{bottom: 0.27rem;}
#floor_3_3_1 .swiper-pagination span{width: 0.08rem;height: 0.08rem;}
#floor_3_3_2{width: 100%;border-radius:  0.4rem 0 0.4rem 0;height: auto;margin-top: 0.2rem;}
#floor_3_3_2 .wrap{padding: 0 0.3rem;}
#floor_3_3_2 .ChannelName{background: #B18147;color: #fff;border-radius: 0 0 0.18rem 0.18rem;font-size: 0.3rem;margin-bottom: 0.38rem;line-height: 1;display: flex;justify-content: center; 
  align-items: center;text-align: center;float: right;padding: 1.6% 3.3%;}
#floor_3_3_2 .wrap .more{margin-top: 0.2rem;color: #B18147;font-size: 0.18rem;margin-bottom: 0.2rem;}
#floor_3_4{margin-top: 0.2rem;}
#floor_3_4 .wrap{height: auto;width: 100%;padding: 0 0.3rem;border-radius: 0.3rem 0 0.3rem 0;}
#floor_3_4 .wrap .ChannelName{background: #DF0904;color: #fff;border-radius: 0 0 0.18rem 0.18rem;font-size: 0.3rem;margin-bottom: 0.38rem;line-height: 1;display: flex;justify-content: center; 
  align-items: center;text-align: center;float: right;padding: 1.6% 3.3%;}
#floor_3_4 .wrap .more{margin-top: 0.2rem;color: #B18147;font-size: 0.18rem;margin-bottom: 0.2rem;}

#floor_3_4 .wrap.n2,#floor_3_4 .wrap.n3{display: none;}
#floor_5_main{padding:0.95rem 0 0 0;}
#floor_5{padding: 0 0.2rem;}
#floor_5_1{display: none;}
#floor_5_2{width: 100%;}
#page5_wrap{background: rgba(0,0,0,0.5);}

#copyright_main{padding: 0.52rem 0.2rem 1rem 0.2rem;display: flex;justify-content: space-between;}
#copyright{flex-flow: column;padding: 0;width: 70%;justify-content: flex-start;margin: 0;}
#copyright_1{font-size: 0.2rem;color: #fff;line-height: 30px;}
#copyright_1 a{font-size: 0.2rem;color: #fff;line-height: 30px;}
#copyright_1 .TechnicalSupport{display: flex;align-items: center;width: 100%;margin: 0;}
#copyright_2{font-size: 0.2rem;color: #fff;line-height: 30px;}
#copyright_2 a{font-size: 0.2rem;color: #fff;line-height: 30px;}
#navigation_main{display: none;}

.WxQrcode{width: 20%;max-width: 100px;}
.WxQrcode p{display: none;}

/* 图片 */
.gridlist{}
.gridlist li{margin-top: 0.5rem;width: 1.58rem;margin-right: 0.26rem;}
.gridlist li .InfoTitle{}
.gridlist li .InfoTitle p{font-size: 0.2rem;margin-top: 0.12rem;display: block;line-height: 1;}
.gridlist li .InfoTitle span{display: block;width: 100%;font-size: 0.18rem;color: #fff;line-height: 0.26rem;margin-top: 10px;}

.gridlist0 li{margin-bottom: 0.5rem;}
.gridlist0 li .InfoPicture{width: 2.66rem;height: 1.78rem;overflow: hidden;}
.gridlist0 li .info{width: 3.95rem;}
.gridlist0 li .info .InfoTitle{font-size: 0.22rem;padding-bottom: 0.18rem;margin-bottom: 0.18rem;}
.gridlist0 li .info .InfoTitle span{margin-left: 0.2rem;font-size: 0.18rem;color: #fff;font-weight: normal;}
.gridlist0 li .info .InfoSContent{font-size: 0.16rem;line-height: 0.24rem;height: 0.68rem; overflow: hidden;}
.gridlist0 li .info .more{font-size: 0.16rem;margin-top: 0.32rem;}
.gridlist1 li{width: 50%;height: 28vh;}
.gridlist1 li .InfoPicture{height: 100%;}
.gridlist1 li .InfoPicture img{height: 100%;}
.gridlist1 li .info p{font-size: 0.26rem;line-height: 1;}
.gridlist1 li .info img{margin: 0.14rem 0 0 0;}
.gridlist1 li:hover .info{flex-flow: column;justify-content: center;height: 100%;top:auto;bottom: 0;align-items: center;}
.gridlist1 li:hover .info img{margin: 0.14rem 0 0 0;}
.gridlist1 li:hover .InfoPicture img{transform: scale(1);}
.gridlist3 li{border-radius: 0.3rem 0 0.3rem 0;overflow: hidden;}
.gridlist3 li .info{padding: 0 0.26rem;height: 0.66rem;}
.gridlist3 li .info p{line-height: 0.66rem;font-size: 0.26rem;width: 3.8rem;}

.gridlist4{overflow: hidden;width: 100%;}
.gridlist4 li{width: 100%;border-bottom: 1px solid rgba(188,151,106,0.2);padding: 0 0 0.18rem 0;margin-bottom: 0.12rem;}
.gridlist4 li:last-child{padding: 0;margin-bottom: 0;border: none;}
.gridlist4 li a{display: flex;align-items: flex-start; padding:0% 0% 0% 0;justify-content: space-between;height: 100%;box-sizing: border-box;}
.gridlist4 li .InfoTime{color: #262626;font-size: 0.2rem;padding:0 1%;display: flex;align-items: center;justify-content: center;height: auto;line-height: 1;}
.gridlist4 li .InfoTitle{color: #073190;font-size: 0.24rem;text-align: left;line-height: 1.1;width: 3.42rem;box-sizing: border-box; padding: 0;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}

.gridlist5{overflow: hidden;width: 100%;}
.gridlist5 li{width: 100%;border-bottom: 1px solid rgba(188,151,106,0.2);padding: 0 0 0.18rem 0;margin-bottom: 0.12rem;}
.gridlist5 li:last-child{padding: 0;margin-bottom: 0;border: none;}
.gridlist5 li a{display: flex;align-items: flex-start; padding:0% 0% 0% 0;justify-content: space-between;height: 100%;box-sizing: border-box;}
.gridlist5 li .InfoTime{color: #262626;font-size: 0.2rem;padding:0 1%;display: flex;align-items: center;justify-content: center;height: auto;line-height: 1;}
.gridlist5 li .InfoTitle{color: #073190;font-size: 0.24rem;text-align: left;line-height: 1.1;width: 3.42rem;box-sizing: border-box; padding: 0;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}

.gridlist6 li .AlbumTitle{padding: 0.4rem 0;font-size: 0.32rem;color: #fff;background-size: 0.24rem;}
.gridlist6 li .AlbumDescription{margin: 0.4rem 0 0.2rem 0;font-size: 0.28rem;line-height: 0.56rem;display: none;}

/* 文字 */
/* .textlist{}
.textlist li{}
.textlist li .info{flex-flow: column-reverse;display: flex;}
.textlist li .InfoPicture{width: 2.4rem;border-radius: 0 5px 0 5px;height: 1.4rem;}
.textlist li .InfoContent{display: none;}
.textlist li .info{width: 4.05rem;}
.textlist li .info .InfoTitle{font-size: 0.22rem;padding: 0 0 0.3rem 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;white-space:normal;max-height: 0.5rem;line-height: 0.25rem;
  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;		-webkit-box-orient: vertical;margin:0 0 0.3rem 0;border: none;padding: 0;}
.textlist li .info .InfoTime{padding: 0.28rem 0 0 0;border-top: 1px solid rgb(245,206,159,0.5);background: url(../images/more.png) no-repeat right 0.28rem;line-height: 0.3rem; background-size: 0.3rem 0.3rem;font-size: 0.18rem;}
.textlist li .more{display: none;} */

.textlist{}
.textlist li{ width:100%; overflow:hidden;margin-bottom: 0.3rem;padding-bottom: 0.14rem; border-bottom: 1px solid rgba(245,206,159,0.5);}
.textlist li .info{display: flex;align-items: center;justify-content: space-between;}
.textlist li .info .InfoTime{font-size: 0.18rem;color: #fff;padding: 0;line-height: 1;height: auto;width: 1.28rem;}
.textlist li .info .InfoTitle{width: 4.26rem;font-size: 0.2rem;color: #F5CE9F;padding: 0;line-height: 1;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.textlist li .more{display: flex; border:1px solid #fff;color: #fff;width: 1.13rem;max-width: 1.13rem;min-width: 1.13rem; height: 0.3rem;font-size: 0.18rem;align-items: center;justify-content: center;border-radius: 0.15rem;}

.textlist1{display: flex;}
.textlist1 li{font-size: 0.3rem;height: 0.3rem;line-height: 1;width: auto;margin-right: 0.52rem;}
.textlist1 li.on{padding: 0;font-size: 0.3rem;height: 0.3rem;line-height: 1;}
.textlist1 li.on::after{display: none;}
.textlist2 li .ChannelName{font-size: 0.36rem;line-height: 1;padding-bottom: 0.24rem;border-bottom: 2px solid #fff;}
.textlist2 li .ChannelSContent{margin-top: 0.3rem;font-size: 0.22rem;line-height: 0.4rem;height: 1.6rem;}
.textlist2 li a{font-size: 0.22rem;margin-top: 0.54rem;line-height: 1;}
.textlist2 li .swiper-button-black{width: 0.75rem;height: 0.88rem;left: auto;bottom: auto;top:-0.44rem;background-color: #fff;opacity: 1 !important;}
.textlist2 li .swiper-button-prev{right: 0.75rem;background:#fff url(../images/prev1.png) no-repeat center;}
.textlist2 li .swiper-button-next{right: 0;background:#fff url(../images/next1.png) no-repeat center;}
.textlist3 li a{font-size: 0.26rem;line-height: 1;}
.textlist3 li span{font-size: 0.26rem;line-height: 1;padding:0 0.1rem;}
.textlist4{display: flex;}
.textlist4 li{padding: 0.15rem 0.3rem;font-size: 0.3rem;}
/* 图文 */
.thumblist li{width: 3.44rem;margin-bottom: 5%;}
.thumblist li .InfoPicture{border-radius: 0 0.2rem 0 0.2rem;overflow: hidden;}
.thumblist li .info_wrap{padding: 0.1rem;margin-top: 10px;}
.thumblist li .info_wrap .info{border-radius: 0 0.2rem 0 0.2rem;}
.thumblist li .info_wrap .info span{font-size: 0.2rem;}
/* .thumblist li:hover .info_wrap .info{background: #fff;} */
.thumblist li:hover .info_wrap .info span{color: #fff;}
/* .thumblist li:hover .info_wrap .info .more{display: none} */
.thumblist1 li .ChannelContent{margin-top: 0.42rem;font-size: 0.22rem;line-height: 0.48rem;}
/* 下载 */
.downloadlist{display: flex; flex-wrap: wrap;justify-content: space-between;padding: 0 0.5rem;}
.downloadlist li{width: 2.66rem;margin-right: 0;margin-bottom: 0.4rem;}
.downloadlist li .info{padding: 0 0.1rem;margin-top: 0.2rem;}
.downloadlist li .info a{width: 1.05rem; height: 0.34rem;line-height: 0.34rem; background: #B18147;border-radius: 0.17rem;font-size: 0.16rem;}
.downloadlist li span{font-size: 0.2rem;height: 0.34rem;line-height: 0.34rem;border-radius:0 0.15rem 0 0.15rem;}
/* 导航 */
.subnavigationlist1 {display: block;}
.subnavigationlist1 li{width: 100%;padding-bottom: 0.3rem;margin-bottom: 0.3rem;border-bottom: 1px solid rgba(245,206,159,0.5);padding-left: 0;}
.subnavigationlist1 li.n8{margin-bottom: 0;}
.subnavigationlist1 li.n1,.subnavigationlist1 li.n8{display: block;}
.subnavigationlist1 li a{width: 70%;}
.subnavigationlist1 li a .ChannelName{font-size: 0.26rem;color: #fff;}
.subnavigationlist1 li .info{display: flex;justify-content: space-between;margin: 0;}
.subnavigationlist1 li .info .f1{display: block;margin-top: 0.1rem;font-size: 0.26rem;line-height: 1;color: #fff;}
.subnavigationlist1 li .info span{display: flex;font-size: 0.26rem;width: 30%;justify-content: flex-end;}
.subnavigationlist1 li .info .info_2{display: block;}
.subnavigationlist1 li:last-child{border-bottom: 0;}
.subnavigationlist1 .subnavigationlist2{display: none;}

.menulist li{padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
.menulist li a{width: 90%;}
.menulist li a .ChannelName{font-size: 0.26rem;}
.menulist li a .f1{margin-top: 0.08rem;font-size: 0.26rem;}
.menulist li .info span{font-size: 0.26rem;width: 10%;display: flex;justify-content: flex-end;}

.subnavigationlist2{margin-top: 0;display: none;}
.subnavigationlist2 li{margin: 0.44rem 0 0 0;padding: 0;border: none;}
.subnavigationlist2 li a{color: #FFE5C6;font-size: 0.24rem;line-height: 1;}

.announcementlist li{line-height: 0.6rem;width: 100%;height: 0.6rem;}
.announcementlist li a{font-size: 0.24rem;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;box-sizing: border-box;padding: 0 0.2rem;}
/* .popMenuMain{transform: translateX(0%);} */
.popMenu_1{width: 3.3rem;}
.popMenu_2{width: 4.2rem;height: 100%;overflow: scroll;box-sizing: border-box;padding: 0 0.58rem;}
.popMenu_2 img{margin: 0.3rem 0 0.18rem 0;}
.go_home{width: 0.46rem;height: 0.46rem;right: 0.2rem;bottom: 1.05rem;}
.go_home img{width: 100%;}
.go_top{width: 0.46rem;height: 0.46rem;right: 0.2rem;bottom: 0.3rem;}
.go_top img{width: 100%;}
}