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


.main-bj{ width: 100%; margin: .52rem 0 .7rem 0; overflow: hidden;}
.main-c{ width: 92% ; margin: 0 auto; overflow: hidden;}

.Sectiona-bj{ width: 100%; height: auto; position: relative;  background: -webkit-linear-gradient(left,#77a8eb,#3c72bc);padding-bottom: .14rem; overflow: hidden;}



.fy-box{ width: 100% ; }
.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;
  border-radius:.34rem;
  font-size: .12rem;
  color: #235da8;
  /*background-color: #f39718;
  */border: solid 1px #bad3f4;
  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: #235da8;
  border-radius:.34rem;
  /* background-color: #f39718; */
  border: solid 1px #bad3f4;
  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: #235da8;font-size: .16rem}


.dw-box{ width: 92%;background-color: #f3f3f3; padding: .15rem 4% .1rem 4%;}
.dw-box h4{ height: .2rem; line-height: .2rem; font-size: .16rem; color: #333333 ; }
.dw-box h4 span{font-size: .1rem ;color: #b4b4b4;text-transform: uppercase ;padding-left: .04rem}


.pict{ width: 100%; padding: .15rem 0 .1rem 0; overflow: hidden;}
.pict ul{ width: 100%;}
.pict ul li{ width: calc(50% - .06rem) ;float: left; margin-bottom: .12rem;}
.pict ul li a{ width: 100%;display: block ; position: relative; overflow: hidden;}
.pict ul li a .tu{ width: 100%; height: 1.05rem; object-fit: cover; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ; }
.pict ul li a i{ width: .28rem; height: 1px; background-color:#f3651a ; display: block ; margin: .1rem 0 0 4%}
.pict ul li a h3{ width: 92%; padding: 0 4%; height: .3rem; line-height: .3rem; background-color:#235da8 ; font-size: .14rem; color: #fff;text-align: center; overflow: hidden;}
.pict ul li:nth-child(even){float: right}
.pict ul li a .zhe{width: 100%; height: 1.05rem; line-height: 1.05rem; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0;top: 0; overflow: hidden;}
.pict ul li a .zhe img{ width: .14rem}


.news{width: 100% ; padding: .08rem 0 .18rem 0 }
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px dashed #bfbfbf ; padding: .1rem 0;position: relative; overflow: hidden;}
.news ul li .nw{ width: 1.15rem ; height: .725rem;float: left; object-fit: cover}
.news ul li .nr{ width: calc(100% - 1.25rem) ;float: right}
.news ul li h3{width: 100%;font-size: .14rem;color: #333;max-height: .36rem;line-height: .18rem; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .055rem; text-align: justify; overflow: hidden;}
.news ul li h4{width: 100%;font-size: .12rem;color: #777;max-height: .32rem;line-height: .16rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;  text-align: justify; overflow: hidden;}
.news ul li.noa .nw{display: none}
.news ul li.noa .nr{width: calc(100% - .69rem) }
.news ul li.noa .date{ padding: .2rem 0 .19rem 0 ;position: inherit;float: left;}
.news ul li .date{ width: .56rem; background-color: #235da8 ; padding:.02rem 0 .04rem 0; position: absolute; left: 0;bottom: .1rem;z-index: 2;}
.news ul li .date h5{ width: 100%;text-align: center;line-height: .2rem; font-size: .16rem; color: #fff ; overflow: hidden;}
.news ul li .date h6{ width: 100%;background-color: #235da8 ; text-align: center; line-height: .14rem; font-size: .1rem; color: #c0d8f8 ; overflow: hidden;}

.obtain{width: 100% ;}
.obtain ul{width: 100% ; padding: .05rem 0 .17rem 0}
.obtain ul li{width: calc(100% - 2px);border: 1px solid #c0d8f8;margin: .12rem 0 0 0}
.obtain ul li a{ width: 100%; display: block;background-color: #fff ; padding: .1rem 0 ;position: relative; overflow: hidden;}
.obtain ul li a .obl{ width: .63rem;  background-color: #fff; float: left;border-right: 1px solid #c9dbee}
.obtain ul li a .obl h5{width: 100%;text-align: center; height: .22rem;font-weight: bold; line-height: .22rem ;font-size: .16rem; color: #333;overflow: hidden;}
.obtain ul li a .obl h6{width: 100%;  height: .24rem; line-height: .24rem ;font-size: .12rem; color: #999;text-align: center; overflow: hidden;}
.obtain ul li a .obr{ width: calc(100% - .87rem) ; height: .49rem; float: right;display: flex; align-items: center; justify-content: center;  margin-right: .1rem;}
.obtain ul li a .obr h3{ width: 100% ; max-height:.4rem; line-height: .2rem;  font-size: .14rem; color: #333;display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-align: justify; overflow: hidden;}
.obtain ul li a i{ width: .16rem; height: .02rem;background-color: #235da8 ;display: block ;position: absolute; left: 0;top: 0}


.sou-bj{width: 100%; padding: .19rem 0 .05rem 0 ;}
.sou-bj h3{font-size: .14rem; color: #333}
.sou-bj h3 span{font-weight: bold ;color: #235da8}
    

.tit-b{width: 92%;background-color: #f3f3f3; padding: .2rem 4% .12rem 4%;text-align: center ;position: relative; }
.tit-b h3{ font-size: .15rem; color: #333 ;line-height: .24rem}
.tit-b h5{ width: 100%; text-align: center ;padding: .08rem 0 0 0}
.tit-b span{ font-size: .1rem ;color: #636363 ; padding: 0 .03rem}

.nr-b{ width: 100% ; font-size: .14rem; color: #555; line-height: .22rem; text-align: justify ; padding: .1rem 0 .15rem 0 ; overflow: hidden;}
.nr-b img{ max-width: 100% !important; height: auto;}
.yans{width: 92%;background-color: #f4f8fd; padding: .04rem 4% .1rem 4%;}

.titel-box{ width: 100%; height: .3rem;  margin-bottom: .2rem; position: relative;}
.titel-box h4{font-size: .16rem;color: #333 ; position: absolute; left: 0;top: .13rem ;padding-right: .07rem}
.titel-box h5{font-size: .1rem;color: #b4b4b4 ;text-transform: uppercase; position: absolute; left: 0;top: .34rem}
.titel-box a{font-size: .12rem; color: #a7a7a7;text-transform: uppercase; padding-left: .1rem; position: absolute; right: 0 ;top: .21rem}


.news-list{ width: 100%; padding: .02rem 0 .06rem 0; overflow: hidden;}
.news-list ul{width: 100%;}
.news-list ul li{ width: 100%; height: .44rem; border-bottom: 1px dashed #e5e5e5 ; position: relative;}
.news-list ul li a{ width: calc(100% - .74rem);height: .44rem; line-height:.44rem; float: left;font-size: .14rem; color: #333;text-indent: .1rem; white-space: nowrap; text-overflow: ellipsis ;position: relative;  overflow: hidden;}
.news-list ul li a i{ width:0; display: block;
    height:0; 
    border-top:.04rem solid transparent;
    border-bottom: .04rem solid transparent;
    border-left: .04rem solid #235da8; position: absolute; left: 0;top: .17rem}
.news-list ul li span{ width: .7rem;height: .44rem; line-height:.44rem; float: right;text-align: right;font-size: .12rem; color: #a3a3a3; }

.sjlm{ width: 100%; border-bottom: 1px solid #c0d8f8; white-space: nowrap; overflow-x: auto; overflow-y: hidden ;margin: .15rem 0 .05rem 0}
.sjlm ul li{display: inline-block; position: relative; padding-bottom: .1rem ;margin-right: .09rem}
.sjlm ul li a{font-size: .14rem; color: #555}
.sjlm ul li i{ width: .24rem ;height: 1px ;background-color:#235da8;display: inline-block; position: absolute; left: 50%;bottom: 0; margin-left: -.12rem ;display: none}
.sjlm ul li.on a{color: #235da8}
.sjlm ul li.on i{display: block}
.sjlm ul li:hover a{color: #235da8}








@media screen and (width: 360px) {

}