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

body{background-color: #fff}

.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 #939393;
  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 #939393;
  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%;margin: 0 auto; background-color: #fff; padding: .15rem 0 .1rem 0; border-bottom: 1px solid #eee}
.dw-box h4{ height: .2rem; line-height: .2rem; font-size: .16rem; color: #366fd1 ; }
.dw-box h4 span{font-size: .1rem ;color: #b4b4b4;text-transform: uppercase ;padding-left: .04rem}


.pict{ width: 100%; padding: .15rem 0 0 0; overflow: hidden;}
.pict ul{ width: 100%;}
.pict ul li{ width: calc(50% - .06rem) ;float: left; margin-bottom: .06rem;}
.pict ul li a{ width: 100%;display: block ; position: relative; overflow: hidden;}
.pict ul li a img{ width: 100%; height: 1.94rem; object-fit: cover;}
.pict ul li a h4{ width: calc(92% - .1rem); padding: 0 .05rem; height: .32rem;line-height: .32rem; font-size: .14rem; color: #fff ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background-color: #3770d3;text-align: center; position: relative; left: 4%; bottom: .15rem }
.pict ul li:nth-child(even){float: right}


.went{ width: 100%;}
.went ul{ width: 100%;padding: .03rem 0 .19rem 0}
.went ul li{ width: 100%; border-bottom: 1px dashed #e5e5e5;}
.went ul li a{ width: 100% ;display: block ; padding: .12rem 0}
.went ul li a h3{ width: 100% ; height: .16rem ; line-height: .16rem; font-size: .14rem; color: #333 ; white-space: nowrap;text-overflow: ellipsis ; margin-bottom: .06rem; overflow: hidden;}
.went ul li a h4{ width: 100% ; height: .16rem ; line-height: .16rem; font-size: .12rem; color: #6e88b4 ;overflow: hidden;}

.sou-bj{width: 92%; padding: .09rem 4% ; background-color: #fff3e1 ;margin: .13rem 0 0 0}
.sou-bj h3{font-size: .14rem; color: #555}
.sou-bj h3 span{color: #366fd1}
    

.news{width: 100% ; padding: .05rem 0 .15rem 0}
.news ul{width: 100% ;}
.news ul li{width: 100% ; border-bottom: 1px solid #eee ; padding: .1rem 0; overflow: hidden;}
.news ul li .nw{ width: 1.15rem ; height: .86rem; float: left; object-fit: cover ; border-radius:.02rem ; -webkit-border-radius:.02rem ; -moz-border-radius:.02rem ; -ms-border-radius:.02rem ; -o-border-radius:.02rem ; }
.news ul li .nr{ width: calc(100% - 1.25rem) ;float: right}
.news ul li h3{width: 100%; height: .12rem; line-height: .12rem; font-size: .12rem;color: #3770d3; overflow: hidden;}
.news ul li h4{width: 100%;font-size: .14rem;color: #333;max-height: .32rem;line-height: .16rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:.08rem 0 .04rem 0; text-align: justify; overflow: hidden;}
.news ul li h5{width: 100%;font-size: .12rem;color: #9b9b9b;max-height: .28rem;line-height: .14rem; 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: 100%}
/* .news ul li:last-child{border: none} */


.tit-b{ width: 92% ; background-color: #f5f5f5; padding: .2rem 4% .15rem 4%;text-align: center ;position: relative; }
.tit-b h3{ font-size: .15rem; color: #333333 ;line-height: .24rem}
.tit-b h5{ width: 100%; text-align: left ;padding: .08rem 0 0 0}
.tit-b span{display: inline-block ; font-size: .12rem ;color: #888b8e ; line-height: .2rem; margin: 0 .1rem; padding-left: .16rem}
.tit-b .pa2{background: url(../images/cc1.png) no-repeat left center; background-size: .12rem auto}
.tit-b .pa1{background: url(../images/cc2.png) no-repeat left center; background-size: .12rem auto}


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

.pg-box{ width: 100%; padding: .06rem 0; background-color: #fff ;border-top: 1px solid #bfbfbf}
.pg{ width: 100% ;  height: .26rem;background-color: #f5f5f5;  margin: .09rem 0; overflow: hidden;}
.pg h3{ width: .6rem; height: .26rem; line-height: .26rem; font-size: .12rem; color: #555; float: left; padding-left: .1rem}
.pg a{ width: calc(100% - .75rem); height: .26rem; line-height: .26rem; font-size: .12rem; color: #555; float: left;white-space: nowrap; text-overflow: ellipsis ; overflow: hidden;}
.pg h3 span{color: #555}

.dyb h3{color: #366fd1}
.dyb{ width: 92%;margin: 0 auto; padding: .2rem 0 .15rem 0;  background-color: #fff ;border-bottom: 1px solid #eee}


.sjlm{ width: 100%; background-color: #f5f5f5;text-align: center; white-space: nowrap; overflow-x: auto; overflow-y: hidden ;margin: .15rem 0 .05rem 0}
.sjlm ul li{display: inline-block; position: relative; padding: .1rem ;}
.sjlm ul li a{font-size: .14rem; color: #333}
.sjlm ul li i{ width: 1px ;height: .16rem ;background-color:#333;display: inline-block; position: absolute; right: 0;bottom: .11rem; }
.sjlm ul li.on a{color: #235da8}
.sjlm ul li.on i{display: block}
.sjlm ul li:hover a{color: #235da8}
.sjlm ul li:last-child i{display: none}








@media screen and (width: 360px) {

}