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

body{width: 100%;background: url(../images/gybj.jpg) repeat;background-size: 100% auto;}

.main-bj{ width: 100% ; margin: .52rem 0 0 0; overflow: hidden;}
.main-c{ width: 92% ; padding: 0 4% ; }
.cyb-box{ width: 100%; position: relative; overflow: hidden;}
.cyb-box img{ width: 100%; height: .853rem; object-fit: cover}
.cyb-box .zhe{ width: 100%; height: .853rem; text-align: center; position: absolute; left: 0;top: 0;  overflow: hidden;}
.cyb-box .zhe h4{font-size: .16rem; font-weight: bold;color: #fff ;margin: .23rem 0 0 0}
.cyb-box .zhe h5{font-size: .12rem;color: #fff}

.hd-box{width:100%;height:.44rem;line-height: .44rem; background-color: #f8f8f8; overflow:hidden;box-sizing:border-box;position: relative;}
.hd-box .inner{width:100%; overflow-x:auto;overflow-y:hidden;transition:all 0.5s; white-space: nowrap;}
.hd-box .inner ul {height:100%;list-style:none;-webkit-overflow-scrolling:touch; text-align: center;}
.hd-box .inner li {display: inline-block ; position: relative;}
.hd-box .inner li a{ padding: 0 .1rem ;font-size: .15rem; color: #999 ;display: inline-block ;}
.hd-box .inner li:last-child{background: none}
.hd-box .inner .selected a{background-color: #3488ea; color:#fff;}
.hd-box .inner .selected i{ width: .3rem; height: 1px;background-color:#dab135 ;position: absolute; left: 50%; margin-left: -.15rem;bottom: 1px;display: block } 


.pic-box{ width:100%;  overflow: hidden;padding: .08rem 0 .2rem 0 ; }
.pic-box ul{ width:100%; }
.pic-box li{ width:calc(50% - .05rem); float:left;text-align:center;  margin-top: .13rem; position: relative;}
.pic-box li a{  width:calc(100% - 2px) ;  display: block; background-color: #3488ea ; padding: 1px; position: relative; overflow: hidden;}
.pic-box li .tu{ width:100%; height: 1.07rem; object-fit: cover }
.pic-box li h3{ width:92%; height: .36rem; line-height: .36rem;margin: 0 auto;text-align: center; font-size: .14rem; color: #fff;white-space: nowrap;text-overflow: ellipsis;  overflow:hidden; }
.pic-box ul li:nth-child(even){ float:right;} 
.pic-box ul li .zhe{width:100%;height: 1.064rem ;background: rgba(0, 0, 0, 0.4) ; position: absolute; left: 1px; top: 1px;text-align: center;display: flex; align-items: center; justify-content: center;}
.pic-box ul li .zhe img{ width: .22rem}



.fy-box{ width: 100% ; padding: .08rem 0 .26rem 0 ;  }
.pagelable{ width: 96% ; margin: 0 auto}
.pageCustom{ width: 100%}
.up{ width: .94rem; 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: #fff;
  /*background-color: #f39718;
  */border: solid 1px #3488ea;
  background-color: #3488ea;
  border-radius:.34rem;
  display: block;
  -webkit-border-radius:.34rem;
  -moz-border-radius:.34rem;
  -ms-border-radius:.34rem;
  -o-border-radius:.34rem;
}
.dow{ width: .94rem; 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: #fff;
  background-color: #3488ea;
  border: solid 1px #3488ea;
  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: #3488ea;font-size: .16rem}



.obtain{width: 100% ;}
.obtain ul{width: 100% ; padding: .2rem 0 .12rem 0}
.obtain ul li{width: 100% ; box-shadow: rgba(0, 0, 0, 0.04) 0 0 .06rem .03rem ;margin-bottom: .11rem}
.obtain ul li a{ width: 100%; display: block; padding: .1rem 0 ; overflow: hidden;}
.obtain ul li a .obl{ width: .66rem;  background-color: #fff; float: left;border-right: 1px solid #bfbfbf}
.obtain ul li a .obl h5{width: 100%;text-align: center; height: .22rem; line-height: .22rem ;font-size: .14rem;color: #777777;overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .26rem; line-height: .26rem ;font-size: .12rem; color: #c6c6c6;text-align: center; overflow: hidden;}
.obtain ul li a .obr{ width: calc(100% - .87rem) ; height: .49rem; float: left;display: flex; align-items: center; justify-content: center;  padding-left: .1rem;}
.obtain ul li a .obr h3{ width: 100% ; max-height:.48rem; line-height: .24rem;  font-size: .14rem; color: #333;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify; overflow: hidden;}


    .nwes{width: 100% ; padding: .1rem 0 .25rem 0 }
    .nwes ul{width: 100% ;}
    .nwes ul li{width: 100% ; border-bottom: 1px dashed #bfbfbf ; padding: .11rem 0; overflow: hidden;}
    .nwes ul li .nw{ width: 1.1rem ;  height: .83rem;float: left; object-fit: cover}
    .nwes ul li .nr{ width: calc(100% - 1.2rem) ;float: right}
    .nwes ul li h3{width: 100%;font-size: .14rem;color: #333333;max-height: .4rem;line-height: .2rem; display: -webkit-box;
     -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .06rem; text-align: justify; overflow: hidden;}
    .nwes ul li h4{width: 100%;font-size: .14rem;color: #777;height: .32rem;line-height: .16rem;font-size: .1rem; display: -webkit-box;
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; overflow: hidden;}
    .nwes ul li.noa .nw{display: none}
    .nwes ul li.noa .nr{ width: 100%}
    

    .chaz{ width: 100% ;margin: .2rem 0 .16rem 0; overflow: hidden;}
    .chaz .cz{ width: .28rem ;float: left;margin-right: .09rem ;position: relative;top: .01rem}
    .select{
        width: calc(100% - .88rem);
        height: .34rem;
        line-height: .34rem;
        float: left;
        font-size: .12rem;
        color: #343536;
        text-indent: .1rem;
        border: solid 1px #3488ea;
        background-image: url(../images/dow.png);
        background-repeat: no-repeat;
        background-size: .11rem auto;
        background-position: 96% center ;
        border-radius:.04rem ;
        -webkit-border-radius:.04rem ;
        -moz-border-radius:.04rem ;
        -ms-border-radius:.04rem ;
        -o-border-radius:.04rem ;
    }
    .chaz .but{ width: .42rem; height: .34rem;float: right ;background-color: #3488ea ;  background-image: url(../images/sec.png) ;background-repeat: no-repeat; background-position: center center; background-size: .18rem auto;  border-radius:.04rem ;}
    
    
    .img-box{ width: 100% ;margin: .2rem 0 .12rem 0; overflow: hidden;}
    .img-box ul{ width: 100% ;}
    .img-box ul li{ width: calc(50% - .08rem) ; float: left; background-color: #fff ; float: left; border-bottom: 1px solid #3488ea; margin-bottom: .15rem ; padding-bottom: .1rem; border-radius:.04rem .04rem 0 0 ; -webkit-border-radius:.04rem .04rem 0 0 ; -moz-border-radius:.04rem .04rem 0 0 ; -ms-border-radius:.04rem .04rem 0 0 ; -o-border-radius:.04rem .04rem 0 0 ; overflow: hidden; }
    .img-box ul li img{ width: 100% ; height: 1.08rem; object-fit: cover}
    .img-box ul li h3{ width: 86% ; height: .2rem; line-height: .2rem;  margin: 0 auto; margin-top: .08rem; margin-bottom: .03rem; font-size: .14rem; color: #333 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
    .img-box ul li h4{ width: 86% ; height: .14rem; line-height: .14rem; margin: 0 auto;   font-size: .1rem; color: #999 ;white-space:nowrap;  text-overflow:ellipsis;margin-top: .04rem; overflow: hidden;}
    .img-box ul li h4 span{color: #555}
    .img-box ul li:nth-of-type(even){float: right;}
    

    .bs-bj{ width: 100%;background-color: #fff ; box-shadow: rgba(0, 0, 0, 0.04) 0 0 .06rem .03rem ; margin: .2rem 0 .2rem 0 }
    .table{ width: 92% ;margin: 0 auto}
    .table tr td{font-size: .12rem; padding: .12rem 0;border-bottom: 1px solid #dcdcdc;color: #777 }
    .table tr .td1{ width: .7rem ;color: #3488ea}
    .table tr:last-child td{border: none}
    
    
    .swiper-container2{ width: 100% ;position: relative; overflow: hidden;}
    .swiper-container2 .swiper-slide { display: flex; align-items: top; overflow: hidden; background: none ;position: relative;}
    .swiper-container2 .swiper-slide a{ width: 100% ;text-align: center; }
    .swiper-container2 .swiper-slide a .tu{ width: 100%; height: 1.99rem; object-fit: cover;}
    .swiper-container2 .swiper-slide a h4{ width: calc(100% - .2rem); height: .14rem;line-height: .14rem; font-size: .12rem;text-align: left; color: #333 ;position: absolute; left: .1rem;top: .2rem; overflow: hidden; }
    .swiper-container2 .swiper-pagination{ position: absolute; left: 0;bottom: .1rem}
    .swiper-container2 .swiper-pagination span{ display:inline-block; width:12px; height:3px; background-color: #5e6d80; border-radius:0  ; -webkit-border-radius:0  ; -moz-border-radius:0  ; -ms-border-radius:0  ; -o-border-radius:0  ; }
    .swiper-container2 .swiper-pagination .swiper-pagination-bullet-active{ width: 22px; background-color: #25456e;  }
    .swiper-container2 .swiper-slide a .t360{ position: absolute; right: 4%;top: .15rem; width: .32rem ;height: .32rem;}
    .swiper-button-next, .swiper-button-prev{ color: #fff ;background-color:rgba(0, 0, 0, 0.4)}
    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: .2rem}
    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: .2rem}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0;}

.tjcp { width: 100% ;}
.tit{width: 100%;text-align: left; height: .28rem;padding:0;white-space: nowrap; overflow-y: hidden; overflow-x: auto;margin: 0 0 .04rem 0}
.tit h3{display: inline-block;height: .28rem; line-height: .28rem; font-size: .14rem;color: #3488ea;font-weight: bold; position: relative;}
.tit h3 i{ width: .16rem; height: .02rem; background-color:#dab135 ; display: inline-block;position: absolute; left: 50%; bottom: .03rem;margin-left: -.08rem ;display:none}
.tit h3.on{color: #3488ea;font-weight: bold;}
.tit h3.on i{display: block}
.rtxt{width: 100%; font-size: .12rem; color: #666666; line-height: .22rem; text-align: justify ; padding: 0 0 .15rem 0 ; overflow: hidden;}
.rtxt img{ max-width: 100% !important; height: auto;}
   

.cet-bj{ width: 92% ;padding: .1rem 4% ; border-top: 4px solid #eee}

.swiper-container4{ width: 100% ; padding: .08rem 0 .4rem 0;position: relative; overflow: hidden;}
.swiper-container4 .swiper-slide { display: flex; align-items: top; overflow: hidden; background: none ;border-bottom: 1px solid #3488ea ; position: relative;}
.swiper-container4 .swiper-slide a{ width: 100%; background-color: #f5f7f6 ;   padding-bottom: .1rem; border-radius:.04rem .04rem 0 0 ; -webkit-border-radius:.04rem .04rem 0 0 ; -moz-border-radius:.04rem .04rem 0 0 ; -ms-border-radius:.04rem .04rem 0 0 ; -o-border-radius:.04rem .04rem 0 0 ; overflow: hidden; }
.swiper-container4 .swiper-slide a img{ width: 100% ; height: 1.08rem; object-fit: cover}
.swiper-container4 .swiper-slide a h3{ width: 86% ; height: .2rem; line-height: .2rem;  margin: 0 auto; margin-top: .08rem; margin-bottom: .03rem; font-size: .14rem; color: #333 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.swiper-container4 .swiper-slide a h4{ width: 86% ; height: .14rem; line-height: .14rem; margin: 0 auto;   font-size: .1rem; color: #999 ;white-space:nowrap;  text-overflow:ellipsis;margin-top: .04rem; overflow: hidden;}
.swiper-container4 .swiper-slide a h4 span{color: #555}

.swiper-container4 .swiper-pagination{ bottom: .1rem !important}
.swiper-container4 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #3488ea; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; }
.swiper-container4 .swiper-pagination .swiper-pagination-bullet-active{ width: 6px;height: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; position: relative; top: 1px }


.sou-bj{width: 92% ; padding: 0 4%}
.sou-bj h3{font-size: .14rem; color: #999}
.sou-bj h3 span{color: #3488ea}
.xwjg ul{padding-top: .03rem}
.xwjg  ul li{box-shadow: rgba(0, 0, 0, 0.04) 0 0 0 0; border-bottom: 1px dashed #bfbfbf ;margin: 0}
.xwjg  ul li a .obr{ width:100%;margin: 0; padding: 0 ;height: auto;}
.xwjg  ul li a .obr h3{color: #777}
.xwjg  ul li a .obr h3 span{color: #3488ea}
.bs-bj2{ padding-bottom: .15rem}
.bs-bj2 .tit{ width: 92%; padding: .1rem 4% 0 4%}
.bs-bj2 .rtxt{width: 92%; padding: 0 4%}
.bs-bj2 .tu6{ width: 100%; height: 1.99rem; object-fit: cover; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }



.zx-bj{ width: 100% ; padding: .08rem 0 0 0; overflow: hidden;}
.zx-bj h3{ width: 100% ; font-size: .12rem; color: #9a9a9a ;}
.zx-bj .ipt2{ width: calc(100% - 2px); height: .36rem; line-height: .364rem;border: solid 1px #d2d2d2 ;font-size: .12rem; color: #343536 ;text-indent: .1rem; margin-bottom: .1rem}


.yzm-box{ width: 100% ; height: .38rem; line-height: .38rem; margin: .1rem 0 0 0}
.yzm-box .ipt2{ width: 66% ; height: .36rem; text-indent: .1rem;font-size: .12rem; color: #343536 ;float: left;border: solid 1px #d2d2d2 ; font-family: "微软雅黑"}
.yzm-box h3{ width: 30% ; height: .36rem; background-color: #999 ;float: right;}
.rexta{width:calc(100% - 2px - .2rem); padding:.1rem; height:1rem;border: solid 1px #d2d2d2; font-family: '微软雅黑';font-size: .12rem; }
.sub-box{ width: 100% ;text-align: center ; padding: .15rem 0}
.sub-box .submit2{width: 80%;height: .32rem;line-height: .32rem;font-size: .12rem;color: #fff;text-align: center;display: inline-block;
background-color: #3488ea;border-radius: .32rem;}

.lxwm{ width: 100%; padding: .15rem 0 .05rem 0}
.lxwm h3{font-size: .14rem; color: #3488ea}

.table2{ width: 100% ;margin: .12rem 0 0 0}
.table2 tr td{font-size: .12rem; padding: .12rem 0; }
.table2 tr .td1{ width: .7rem ;color: #333333 ;text-indent: .05rem}
.table2 tr .td2{color: #555}
.table2 tr:nth-child(odd) td{background-color: #f5f5f5}


.pg-box{ width: 100%}
.pg{ width: 100% ;  height: .26rem;  margin: .05rem 0; overflow: hidden;}
.pg h3{ width: .7rem; height: .26rem; line-height: .26rem; font-size: .14rem; color: #666; float: left;}
.pg a{ width: calc(100% - .75rem); height: .26rem; line-height: .26rem; font-size: .14rem; color: #666; float: left;white-space: nowrap; text-overflow: ellipsis ; overflow: hidden;}
.pg h3 span{color: #3488ea}


.nr-b{ width: 100% ; font-size: .14rem; color: #666; line-height: .22rem; text-align: justify ; padding: .05rem 0 .15rem 0 ; overflow: hidden;}
.nr-b img{ max-width: 100% !important; height: auto;}

.tit-b{ width: 100% ; border-bottom: 1px solid #eaeaea ; padding: .2rem 0 .12rem 0;text-align: center ;position: relative; margin-bottom: .04rem }
.tit-b h3{ font-size: .15rem; color: #333333 ;line-height: .24rem}
.tit-b h5{ width: 100%; text-align: center ;padding: .08rem 0 0 0}
.tit-b span{display: inline-block ; font-size: .12rem ;color: #999 ; line-height: .2rem; margin: 0 .1rem; padding-left: .16rem}
.tit-b .pa2{background: url(../images/ico9.png) no-repeat left center; background-size: .12rem auto}
.tit-b .pa1{background: url(../images/ico8.png) no-repeat left center; background-size: .12rem auto}
.tit-b i{ width: 18px; height: 3px; display: block; position: absolute; left: 50%; bottom: -2px;
 margin-left: -9px;  background-color: #dab135;}

 .sjlm{ width: 100%; white-space: nowrap; overflow-x: auto; overflow-y: hidden ;margin: .2rem 0 .13rem 0}
 .sjlm ul li{display: inline-block;margin-right: .12rem ;position: relative;}
 .sjlm ul li a{ font-size: .14rem; color: #999; text-align: center; display: inline-block ;  height: .28rem; line-height: .28rem; border-radius:.28rem ; -webkit-border-radius:.28rem ; -moz-border-radius:.28rem ; -ms-border-radius:.28rem ; -o-border-radius:.28rem ; }
 .sjlm ul li span{font-size: .14rem; color: #25456e;padding: 0 .03rem}
 .sjlm ul li.on a{color: #3488ea ;font-weight: bold}
 .sjlm ul li:hover a{color: #3488ea ;font-weight: bold}
 .sjlm ul li i{ width: .2rem; height: 1px;display: block ;background-color:#3488ea ; position: absolute; left: 50%;margin-left: -.1rem;bottom: 0 ;display: none }
 .sjlm ul li.on i{display: block}



@media screen and (width: 360px) {

}