body{ max-width:640px; margin:0 auto;}
#zfqym01{ width:100%; height:100%;}
#zfqym01 .swiper-container-a{ width:100%; height:100%}
#zfqym01  .swiper-container-a .p1{ width:100%; height:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/p1.jpg) center top no-repeat; background-size:100% auto}
#zfqym01 .swiper-container-a .p2{ width:100%; height:100%; background-color:#999}

#zfqym01 .swiper-container-a .p1 .i01{ width:100%; height:2.6rem; position:absolute; left:0; top:2.17rem; z-index:9}
#zfqym01 .swiper-container-a .p1 .i02{ width:100%; height:1.76rem; position:absolute; left:0; top:4.7rem; z-index:9;animate-delay: 0.8s;-moz-animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
#zfqym01 .swiper-container-a .p1 .i03{ width:100%; height:2.48rem; position:absolute; left:0; top:2.43rem; z-index:2;animate-delay: 0.4s;-moz-animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
#zfqym01 .swiper-container-a .p1 .i04{ width:100%; height:5.69rem; position:absolute; left:0; top:5.2rem; z-index:2;animate-delay: 1.5s;-moz-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
#zfqym01 .swiper-container-a .p1 .i05{ width:100%; height:2.57rem; position:absolute; left:0; top:11.2rem; z-index:2;animate-delay: 1.6s;-moz-animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}

#zfqym01 .swiper-container-a .p1 .i011{top:1.9rem;}
#zfqym01 .swiper-container-a .p1 .i022{top:4.4rem;}
#zfqym01 .swiper-container-a .p1 .i033{top:2.15rem;}
#zfqym01 .swiper-container-a .p1 .i044{top:5.1rem;}
#zfqym01 .swiper-container-a .p1 .i055{top:11rem;}


#zfqym01 .swiper-container-a .p1 .i06{ width:100%; position:absolute; left:0; bottom:0; z-index:2;animate-delay: 2s;-moz-animation-delay: 2s;-webkit-animation-delay: 2s;}
#zfqym01 .swiper-container-a .p1 .i07{ width:20%; position:absolute; left:40%; bottom:2%; z-index:2;animate-delay: 2.2s;-moz-animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}
#zfqym01 .swiper-container-a .p3{ width:100%; height:100%; background-color:#cdcdcd}	
.ztnav01{ width:9.52rem; margin:0 auto; text-align:center; margin-top:0.5rem}
.ztnav01 img{ width:1.65rem; display:inline-block}
.ztnav02{ width:9.52rem; margin:0 auto; text-align:center; margin-top:0.25rem;}
.ztnav02 img{ width:1.1rem; float:left; margin-left:0.45rem}
.swiper-container-b{ width:100%; height:9rem; overflow:hidden}
.swiper-container-b .swiper-wrapper{ width:100%; height:8.4rem;}
.swiper-container-b .swiper-wrapper .swiper-slide{ width:100%; height:8.4rem; position:relative;}
.swiper-container-b .swiper-wrapper .swiper-slide a.bg{ width:100%; height:8.25rem; position:absolute; left:0; top:0; z-index:3; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/tmpng.png) center top no-repeat; background-size:100% 8.25rem; display:block}
/*.swiper-container-b .swiper-wrapper .swiper-slide img{ width:100%; height:8.25rem; position:absolute; left:0; top:0; z-index:2; display:none}
.swiper-container-b .swiper-wrapper .swiper-slide.swiper-slide-active img{ display:block}
.swiper-container-b .swiper-wrapper .swiper-slide p{ width:100%; height:1rem; line-height:1rem; position:absolute; left:0; bottom:0; font-size:0.45rem; z-index:4; text-align:center; color:#333333; white-space:normal; overflow:hidden; display:none}
.swiper-container-b .swiper-wrapper .swiper-slide.swiper-slide-active p{ display:block; bottom:0; }*/
.swiper-container-b .swiper-wrapper .swiper-slide img{ width:100%; height:8.25rem; position:absolute; left:0; top:0; z-index:2;}

.swiper-container-b .swiper-wrapper .swiper-slide p{ width:100%; height:1rem; line-height:1rem; position:absolute; left:0; bottom:0; font-size:0.45rem; z-index:4; text-align:center; color:#333333; white-space:normal; overflow:hidden;}


.box01{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; overflow:hidden}

.box02{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}
.newsbox01{ width:9.52rem; overflow:hidden; margin:0 auto; text-align:center}
.newsbox01 h2{ color:#333333; font-size:0.48rem; font-weight:bold; text-align:justify; margin-top:0.5rem; padding-bottom:0.2rem}
.newsbox01 ul{ text-align:left}
.newsbox01 ul li{ font-size:0.4rem; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/ullibg.png) left center no-repeat; background-size:0.2rem 0.2rem; text-indent:0.35rem; height:1rem; line-height:1rem; border-bottom:1px solid #cacaca}
.newsbox01 ul li a{ font-size:0.4rem;}
.more img{ width:4rem; margin-top:0.5rem}

.box02{}
.box02 .box{ width:9.52rem; height:6.13rem; margin:0 auto; position:relative; margin-top:0.4rem;}
.box02 .box img{ width:9.52rem; height:6.13rem;}
.box02 .box a:after{
    top: 0;
	left:0;
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    box-shadow: 0 -1rem 1rem 0px #20457b inset;
	z-index:1	
}
.box02 .box p{ font-size:0.42rem; color:#FFF; height:0.8rem; line-height:.8rem; text-align:center; position:absolute; left:0; bottom:0; width:100%; z-index:9}
.box02 .box span{ width:1.6rem; height:1.6rem; position:absolute; left:0.3rem; bottom:1rem; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/videobg.png) center center no-repeat; background-size:1.6rem 1.6rem}

.box03{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}
.box03 .piclist01{ width:9.52rem; margin:0 auto;}
.box03 .piclist01 ul{ display:block;}
.box03 .piclist01 ul li{ border-bottom:1px solid #cacaca; overflow:hidden; margin-top:0.4rem; padding-bottom:0.4rem}
.box03 .piclist01 ul li img{ width:3rem; height:1.9rem; float:left; border:1px solid #a62c2c;}
.box03 .piclist01 ul li p{ font-size:0.45rem; text-align:justify;  margin-top:1px; width:6.2rem; height:1.9rem; float:right;}
.box03 .piclist01 ul li p span{display:table-cell; height:1.9rem; line-height:1.5; vertical-align:middle}


.box04{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}


.box05{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}

   .box05{}
   .box05 .swiper-container {
      width: 9.52rem;

      margin-left: auto;
      margin-right: auto;

    }
    .box05 .swiper-slide {
      background-size: cover;
      background-position: center;
    }
   .box05 .gallery-top {
	  margin-top:0.4rem;
      width: 9.52rem;
	  height:5.4rem;	  
    }
   .box05 .gallery-top .swiper-slide{
	   position:relative
   }
   .box05 .gallery-top .swiper-slide a:after{
    top: 0;
	left:0;
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    box-shadow: 0 -1rem 1rem 0px #20457b inset;
	z-index:1	
}   
   
    .box05 .gallery-top .swiper-slide p{
 width:100%; height:0.8rem; line-height:0.8rem; position:absolute; left:0; bottom:0; font-size:0.4rem; z-index:4; text-align:center; color:#FFF; white-space:normal; overflow:hidden;	 	
		}  
		
   .box05 .gallery-thumbs {
   
      box-sizing: border-box;
      padding: 10px 0;
    }
   .box05 .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 1.5rem;
      opacity: 0.6;
    }
   .box05 .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.box05 .swiper-button-next,.box05 .swiper-button-prev	
{ z-index:999}
	
.box06{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}
.box06 .list{ width:9.52rem; margin:0 auto; overflow:hidden; margin-top:0.4rem}
.box06 .list ul{ width:9.77rem}
.box06 .list ul li{ width:4.64rem; float:left; margin-right:0.24rem; margin-top:0.1rem}
.box06 .list ul li img{ width:calc(4.64rem - 2px); height:calc(3rem - 2px); border:1px solid #F00}
.box06 .list ul li p{ font-size:0.4rem; line-height:1rem}

.box06 .more img{ width:4rem; margin-top:0.3rem}
	
.box07{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; border-bottom:1px solid #acacac; padding-bottom:0.6rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}
.box08{ width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; padding-bottom:1rem; margin-top:0.3rem; padding-top:0.2rem; text-align:center; overflow:hidden}
.box08 .weibo{ width:9.52rem; display:block; margin:0 auto; text-align:center; margin-top:0.4rem}	

.ztfooter{width:100%; background:url(http://s2.cnhubei.com/cnhubei/www/2020/wadjczhl/images/750750.jpg) repeat; background-size:100%; padding-bottom:0.4rem}
.ztfooter img{ width:24%; display:block; margin:0 auto; text-align:center; padding-bottom:0.3rem}
.ztfooter p{ font-size:0.4rem; text-align:center; line-height:1.6}
	

#zfqym01 .swiper-container-c{ margin:0 auto; height:4rem; width:9.52rem; margin-top:.3rem; position:relative}
#zfqym01 .swiper-container-c .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;

	  width:4rem;
	  height:4rem;
	  z-index:88
}
#zfqym01 .swiper-container-c .swiper-slide img {


	  width:3.7rem;
	  height:3.7rem;
	  transform: scale(0.7);
	  z-index:88;
	  border-radius:50%;
}

#zfqym01 .swiper-container-c .swiper-slide-active{

	  transform: scale(1);
	  z-index:999
}

#zfqym01 .swiper-container-c .swiper-slide-active img{

	  transform: scale(1);
	  z-index:999
}
.swiper-button-next{ color:#fff;}
.swiper-button-prev{ color:#fff;}

#zfqym01 .swiper-container-b .swiper-pagination-b{ display:inline-block; text-align:center}
#zfqym01 .swiper-container-b > .swiper-pagination-b span{ margin:0; background-color:#919191; width:0.3rem; height:0.3rem;opacity:.6; margin:0 0.1rem}
#zfqym01 .swiper-container-b > .swiper-pagination-b span.swiper-pagination-bullet-active{ background-color:#bf0000;opacity:1}

.title_nav{ margin:0 auto; overflow:hidden; margin-top:0.3rem}
.title_nav img{ width:100%;}

.loading_gtz{
    width:100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 199999;
    background: #ffffff;
}
.loading_gtz .pic{
    position:absolute;
    width: 50px;
    height:50px;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    margin:auto;
}
.loading_gtz .pic i{
    display: block;
    float: left;
    width: 6px;
    height: 50px;
    background: #4284ad;
    margin: 0 2px;
    -o-transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -o-animation: load 1.2s infinite;
    -moz-animation: load 1.2s infinite;
    -webkit-animation: load 1.2s infinite;
            animation: load 1.2s infinite;
}
.loading_gtz .pic i:nth-child(2){
    -o-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}
.loading_gtz .pic i:nth-child(3){
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
.loading_gtz .pic i:nth-child(4){
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
.loading_gtz .pic i:nth-child(5){
    -o-animation-delay: 0.4s;
    -moz-animation-delay:0.4s;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}

@-webkit-keyframes load{
    0%,40%,100%{
        -o-transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
                transform: scaleY(0.4);
    }
    20%{
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@keyframes load{
    0%,40%,100%{
        -o-transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
                transform: scaleY(0.4);
    }
    20%{
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-o-keyframes load{
    0%,40%,100%{
        -o-transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
                transform: scaleY(0.4);
    }
    20%{
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}
@-moz-keyframes load{
    0%,40%,100%{
        -o-transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
        -moz-transform: scaleY(0.4);
                transform: scaleY(0.4);
    }
    20%{
        -o-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
                transform: scaleY(1);
    }
}

.pic_text{
    display: block;
    width: 100%;
    margin: 55vh auto;
    font-size: 14px;
    text-align: center;
    color: #4284ad;
    font-weight: 400;
}