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

.swiper-container1 { width: 100%; position: relative; overflow: hidden; }
.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;}
.swiper-container1 .swiper-slide img{ width:100%; height: 73.3vw; max-height: 469px; object-fit: cover ;  }
.swiper-container1 .swiper-pagination{background: rgba(255, 255, 255, 0.2) ;display: inline-block;width: auto;
    position: absolute;
    left: 50%;
    bottom:.2rem ;
    padding: .06rem .1rem;
    border-radius:.1rem;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-border-radius:.1rem;
    -moz-border-radius:.1rem;
    -ms-border-radius:.1rem;
    -o-border-radius:.1rem;
}
.swiper-container1 .swiper-pagination span{ display:inline-block; width:5px; height:5px; background-color: #fff; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 0.4; }
.swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1;}



.main-bj{ width: 100%; padding-bottom: .2rem}
.main-c{ width: 84%;margin: 0 auto; }

.screen-box{ width: 100% ; height: .4rem; background-color: #fff ; border-radius:.4rem ; -webkit-border-radius:.4rem ; -moz-border-radius:.4rem ; -ms-border-radius:.4rem ; -o-border-radius:.4rem ;box-shadow: 0 7px 13px rgba(0,0,0,0.07), 0 1.4px 2.1125px rgba(0,0,0,0.035);
    position: relative;top: -.2rem; z-index: 11;}
.screen-box .xial{ width: calc(100% - .5rem)}
.screen-box .xial .mr{ width: 100% ;height: .4rem ; line-height: .4rem; font-size: .14rem; font-weight: bold ;color: #2e2e2e ;text-transform: uppercase ;text-indent: .19rem ;display: block ;position: absolute; left: 0;top: 0;z-index: 22;}
.screen-box .xial .mr span{width: calc(100% - .5rem);height: .4rem ; line-height: .4rem; font-size: .14rem; font-weight: bold ;color: #2e2e2e ;text-transform: uppercase ;display: block ; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.screen-box .xial ul{ width: 100%;position: absolute; left: 0;top: .4rem; background-color: #fff ; border-radius:0 0 .2rem .2rem; -webkit-border-radius:0 0 .2rem .2rem; -moz-border-radius:0 0 .2rem .2rem; -ms-border-radius:0 0 .2rem .2rem; -o-border-radius:0 0 .2rem .2rem;
    box-shadow: 0 129px 174px rgba(0,0,0,0.07), 0 83.6111px 101.903px rgba(0,0,0,0.0531481), 0 49.6889px 55.4222px rgba(0,0,0,0.0425185), 0 25.8px 28.275px rgba(0,0,0,0.035), 0 10.5111px 14.1778px rgba(0,0,0,0.0274815), 0 2.38889px 6.84722px rgba(0,0,0,0.0168519);
 padding: .1rem 0 ;display: none}
.screen-box .xial ul li{width: 100% ;}
.screen-box .xial ul li a{ width: calc(100% - .23rem) ;padding-left: .23rem;font-size: .12rem ;color: #2e2e2e ;text-transform: uppercase ;display: block; height: .3rem;line-height: .3rem;}
.screen-box .updow{ width: .5rem; height: .4rem ; background-color: #185fb3 ; border-radius:0 .4rem .4rem 0; position: absolute; right: 0; top: 0; -webkit-border-radius:0 .4rem .4rem 0; -moz-border-radius:0 .4rem .4rem 0; -ms-border-radius:0 .4rem .4rem 0; -o-border-radius:0 .4rem .4rem 0; }
.screen-box .updow i{width: .5rem; height: .4rem ;background: url(../images/down.png) no-repeat  center center;background-size: .17rem auto ;display:block}
.screen-box.style i{background: url(../images/up.png) no-repeat  center center;background-size: .17rem auto ;}
.screen-box.style { border-radius:.2rem .2rem 0 0; -webkit-border-radius:.2rem .2rem 0 0; -moz-border-radius:.2rem .2rem 0 0; -ms-border-radius:.2rem .2rem 0 0; -o-border-radius:.2rem .2rem 0 0; }
.screen-box.style .updow{ border-radius:0 .2rem 0 0; -webkit-border-radius:0 .2rem 0 0; -moz-border-radius:0 .2rem 0 0; -ms-border-radius:0 .2rem 0 0; -o-border-radius:0 .2rem 0 0; }

.Tertiary{ width: 100% ; background-color: #f7f7f7 ; border-radius:.06rem ; -webkit-border-radius:.06rem ; -moz-border-radius:.06rem ; -ms-border-radius:.06rem ; -o-border-radius:.06rem ; margin: -.05rem 0 .18rem 0 ;display: none}
.Tertiary ul{ width: calc(100% - .38rem) ;padding: .19rem .19rem .12rem .19rem}
.Tertiary ul li{width: 100% ; }
.Tertiary ul li a{ width: 100% ; display: block ; font-size: .12rem; color: #2e2e2e ; text-transform: uppercase ;padding: .06rem 0;margin-bottom: .04rem}
.Tertiary ul li a:hover{color: #c30000}

.pagelable{ width: 96% ; margin: 0 auto}
.pageCustom{ width: 100%}
.up{ width: 1rem; height: .38rem; line-height: .38rem;display: block; text-align: center; float: left; }
.pageCustom_Pre_Disable{
  width: 100%;
  height: .34rem;
  line-height: .34rem;
  font-size: .12rem;
  color: #2e2e2e;
  border: solid 1px #e5e5e5;
  background-color: #e5e5e5;
  border-radius:.34rem;
  display: block;
  -webkit-border-radius:.34rem;
  -moz-border-radius:.34rem;
  -ms-border-radius:.34rem;
  -o-border-radius:.34rem;
}
.dow{ width: 1rem; height: .38rem; line-height: .38rem; display: block;text-align: center; float: right;}
.pageCustom_Next_Disable{  width: 100%;
  height: .34rem;
  line-height: .34rem;
  font-size: .12rem;
  color: #2e2e2e;
  border: solid 1px #e5e5e5;
  background-color: #e5e5e5;
  border-radius:.34rem;
  display: block;}
.pageCustom_Prompt{  height: .34rem; line-height: .34rem; display: inline-block; text-align: center;}
.pageCustom_Prompt span{ font-size: .12rem; color: #555;}
.pageCustom_Prompt strong{ font-weight: normal; color: #c21c00;font-size: .16rem}



.chap{ width: 100% ; padding-bottom: .02rem}
.chap ul{ width: 100% ;}
.chap ul li{ width: 100% ;margin-bottom: .18rem}
.chap ul li a{ width: 100% ;display: block ;box-shadow: rgba(48, 126, 172, 0.1) 0 0 0.04rem 0.01rem;
    border-radius: .04rem;}
.chap ul li a img{ width: 100% ; height: 66.6vw; max-height: 441px ;  border-radius:.04rem ; -webkit-border-radius:.04rem ; -moz-border-radius:.04rem ; -ms-border-radius:.04rem ; -o-border-radius:.04rem ; }
.chap ul li a h3{ width: 92%;margin: 0 auto; height: .38rem;line-height: .38rem; font-size: .12rem; color: #2e2e2e ;text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }


.xwlist { width: 100%; position: relative;padding-bottom: .02rem}
.xwlist ul li{width: 100%; margin-bottom: .18rem}
.xwlist ul li a { width: 100%; display: block; text-align: center; box-shadow: rgba(48, 126, 172, 0.1) 0 0 0.04rem 0.01rem; border-radius:.05rem ; -webkit-border-radius:.05rem ; -moz-border-radius:.05rem ; -ms-border-radius:.05rem ; -o-border-radius:.05rem ;position: relative; overflow: hidden;}
.xwlist ul li a img{ width:100%; height: 54vw; max-height: 409px; object-fit: cover ;  }
.xwlist ul li a h3{width: 92%;margin: 0 auto; height: .44rem;line-height: .44rem; font-size: .12rem; color: #2e2e2e ;text-align: center; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.xwlist ul li a .time{ width: 1.1rem; height: .3rem ; line-height: .3rem; text-align: center; background: rgba(0, 31, 148, 0.6) ; position: absolute; right: 0; top: 0; border-radius:0 0 0 9px; overflow: hidden; -webkit-border-radius:0 0 0 9px; -moz-border-radius:0 0 0 9px; -ms-border-radius:0 0 0 9px; -o-border-radius:0 0 0 9px; }
.xwlist ul li a .time span{font-size: .1rem; color: #fff ;}

.dizhi{ width: 100%; }
.dizhi h5{ width: 100%; font-size: .12rem; color: #2e2e2e ;margin-bottom: .05rem}
.dizhi h5 span{color: #185fb3 ;font-weight: bold}

.map-box{ width: 100% ; height: 1.7rem;margin-top: .1rem}
.map-box img{ width: 100% ;}


.nr-b{ width: 100% ; font-size: .14rem; color: #2e2e2e; line-height: .22rem; padding: 0 0 .1rem 0 ; overflow-x: auto; overflow-y: hidden}
.nr-b img{ max-width: 100% !important; height: auto;}

.titb{ width: 100% ;border-bottom: 1px solid #e5e5e5 ; padding: .2rem 0 .1rem 0 ;margin-bottom: .12rem}
.titb h3{ font-size: .16rem; color: #001f94 ;line-height: .24rem;text-transform: uppercase ;margin-bottom: .1rem;}
.titb h6{font-size: .1rem; color: #a0a1a3}

.pg-box{ width: 100%; padding: .06rem 0 0 0;border-top: 1px solid #e5e5e5}
.pg{ width: 100% ;  height: .26rem;  margin: .05rem 0; overflow: hidden;}
.pg h3{ width: .55rem; height: .26rem; line-height: .26rem; font-size: .12rem; color: #383b40; float: left;font-weight: bold}
.pg a{ width: calc(100% - .65rem); height: .26rem; line-height: .26rem; font-size: .12rem; color: #383b40; float: left;white-space: nowrap; text-overflow: ellipsis ; overflow: hidden;}
.pg:hover a{color: #001f94}
.pg:hover h3{color: #001f94}

.jeguo{ width: 100% ;padding:.04rem 0 .2rem  0}
.jeguo ul{ width: 100% ;}
.jeguo ul li{ width: 100% ; border-bottom: 1px solid #e5e5e5}
.jeguo ul li a{width: 100% ;display: block ;padding: .1rem  0}
.jeguo ul li a h3{ width: 100% ; max-height: .36rem; line-height: .18rem ;font-size: .12rem; color: #2e2e2e ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: .02rem 0 .06rem 0; overflow: hidden;}
.jeguo ul li a h4{ width: 100% ; height: .12rem; line-height: .12rem ;font-size: .1rem; color: #7c7c7c ; overflow: hidden;}





/* 2022.11.25新增 */
.swiper-box{ width: 100%; position: relative;margin: .2rem 0 .1rem 0; overflow: hidden;}
.swiper-container6 {width: 100%; }
.swiper-container6 .swiper-slide { width: 100% ;text-align: center;}
.swiper-container6 .swiper-slide img{ width: auto; height: 2.52rem; display: inline-block; object-fit: cover}
.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs { width: 98%;margin: 0 auto; height: 20%; box-sizing: border-box; padding: 10px 0;  overflow: hidden;}
.gallery-thumbs .swiper-slide {height: 100%; height: .495rem; object-fit: cover ;}
.gallery-thumbs .swiper-slide img{ width: calc(100% - 2.5px) ;height: .495rem; border: solid 1px #e5e5e5 ; }
.gallery-thumbs .swiper-slide-thumb-active img{border: solid 1px #c21c00;}
.swiper-container6 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width: .24rem; height: .24rem; background: rgba(0, 0, 0, 0.4);}
.swiper-container6 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: .12rem}
.swiper-container6 .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{ width: .24rem; height: .24rem; background: rgba(157, 158, 163, 1); outline: none}
.swiper-container6 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: .12rem}
.swiper-container6 .swiper-button-next, .swiper-button-prev{top: 1.14rem}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0}

@media screen and (width: 360px) {

}