*{padding:0; margin:0;}
/*.bgan_01{z-index: 9999;}*/
.wrap_c {
  margin: 0 13.5%;
}
.pronavfr ul li {
    display: inline-block;
    margin: 0 .2rem;
}
.bgan_05{width:18%;display:block;position:absolute;left:0;bottom:80vh;z-index:1;pointer-events:none;-webkit-animation:an_06 20.1s linear infinite;animation: an_06 20.1s linear infinite;}
.bgan_05 img{width:100%;display:block;}
.bgan_06{width:1rem;display:block;position:absolute;left:0;top:-.5rem;z-index:1;pointer-events:none;-webkit-animation:an_06 20.1s linear infinite;animation: an_06 20.1s linear infinite;}
.bgan_05 img{width:100%;display:block;}
.sj01_con{ width: 100%; height: 3.08rem;position: relative; margin-top: .5rem; }
.sj01_con b.b1{ width: 90%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 8%;
    top: 0px;
    z-index: 1;}
.sj01_con p{padding-top: 1.35rem; margin-left:41%; font-size: .22rem; line-height: 1.4; color: #666;}
h4.tit1{ text-align: center; font-size: .42rem; color: #222; margin-top: 1rem;}
h4.tit1 i{display: block; color: #d0d0d0; font-size: .26rem; text-transform: uppercase; font-weight: normal;}
.sjsb_02{ width: 100%;position: relative; margin-top: 1rem; padding:1.4rem 0 2rem;}
.sjsb_02 .b1 {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;

    clip-path: polygon(100% 0%, 100% 93%, 0% 100%, 0% 7%);
    -webkit-clip-path: polygon(100% 0%, 100% 93%, 0% 100%, 0% 7%);}
.sjsb_02 .wrap_c{position: relative;z-index: 2; }
.sjsb_02 h4.tit1{color: #fff;  width: 100%; margin-top: 0;}
.sjsb_02 ul{display: flex; flex-wrap: wrap; margin-top: .7rem;}
.sjsb_02 ul.pul1 li{position: relative; width: 24%; margin-right:1.3%;margin-top: .18rem;}
.sjsb_02 ul.pul1 li img{width: 100%; border-radius: .15rem;}
.sjsb_02 ul.pul1 li:nth-child(4n){margin-right: 0;}
.sjsb_02 ul.pul1 li span{position: absolute; font-size: .18rem; color: #666; bottom:.2rem; line-height: 1.5; width: 100%; left: 0; display: block; text-align: center; box-sizing: border-box;padding: 0 .2rem;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.sjsb_02 p.s1{ text-align: center; font-size: .26rem; line-height: 1.4; color: #f6f8f7; padding: .9rem 0 0;}
.sjsb_02 ul.pul2{margin-top: .4rem;}
.sjsb_02 ul.pul2 li{ width: 32%; margin-right:1.3%;margin-top: .18rem; background-image:-webkit-linear-gradient(top left,#5db456,#1c2985); padding: .5rem .4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;  border-radius: .15rem;color: #fff;}
.sjsb_02 ul.pul2 li i>img{max-height: .54rem; }
.sjsb_02 ul.pul2 li h5{font-size: .34rem;  padding-top: .2rem;}
.sjsb_02 ul.pul2 li p{font-size: .2rem; padding-top: .1rem; line-height: 1.4;}
.sjsb_03 h4.tit1{margin-top: .5rem;}
.sjsb_03 dl{display: flex; margin-top: .8rem;}
.sjsb_03 dt{margin-left: .5rem; width: 45%;}
.sjsb_03 dt img{max-width: 100%;}
.sjsb_03 dd{width: calc(55% - .5rem); margin-left: .5rem;}
.sjsb_03 dd ul{display: flex; width: 100%; justify-content: space-between; margin-top: .4rem;}
.sjsb_03 dd ul li{width:2.15rem; height: 2.15rem; background: #f8f8f8; padding:.4rem .35rem; border-radius: 50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;  text-align: center;}
.sjsb_03 dd ul li i>img{max-height: .48rem;}
.sjsb_03 dd ul li p{ font-size: .2rem; line-height: 1.35; color: #666; margin-top: .2rem;}
.sjsb_03 ul.pul4{margin-top: .4rem; display: flex;}
.sjsb_03 ul.pul4 li{ width: 23.5%; margin-right:2%;margin-top: .18rem; background:#fff; padding: .3rem .45rem .4rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-shadow: 0 0 .2rem rgba(120,120,120,.3);position: relative;overflow: hidden; z-index: 9;}
.sjsb_03 ul.pul4 li:last-child{margin-right: 0;}
.sjsb_03 ul.pul4 li .con{position: relative; z-index: 2;}
.sjsb_03 ul.pul4 li .con i>img{max-height: .41rem;}
.sjsb_03 ul.pul4 li h5{font-size: .24rem;  padding-top: .2rem; color: #666;}
.sjsb_03 ul.pul4 li p{font-size: .16rem; padding-top: .1rem; line-height: 1.25; color: #999;}
.sjsb_03 ul.pul4 li span{position: absolute; bottom: 0; right:-.06rem; font-size: 1rem; color: #f6f6f6; line-height: .8; font-family: AlibabaPuHuiTiM; font-weight: bold;}
h5.tit2{font-size: .3rem; color: #333; margin-top: .7rem;}
h5.tit2 b{width:.25rem; height:.05rem;background-image:-webkit-linear-gradient(left,#5db456,#1c2985); display: block; margin-top: .1rem;}

@media screen and (max-width: 750px){
    .wrap_c {

        margin:0;
    }
    .pronavfr ul li{margin:0;}
    h4.tit1 {
        font-size: .2rem;
        margin-top: .3rem;
    }
    h4.tit1 i {
        font-size: .14rem;
    }
    .sj01_con {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: .2rem;
    }
    .sj01_con p {
        padding-top:.84rem;
        margin-left:0%;
        font-size: .14rem;
        width: 3.2rem;
        margin: 0 auto;
    }
    .sj01_con p br{display: none;}
    .sj01_con b.b1 {
        width: 3.2rem;
        height: .78rem;

        left: calc(50% - 1.6rem);
        top: 0px;
        z-index: 1;
    }
    .sjsb_02{ margin-top: .3rem; padding: .5rem 0;}
    .sjsb_02 ul{margin-top: 0;}
    .sjsb_02 .b1 {
        clip-path: polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% .3rem);
        -webkit-clip-path: polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% .3rem);}

    .sjsb_02 ul.pul1 li{ width: 100%; margin-right: 0;}
    .sjsb_02 p.s1 {
        font-size: .14rem;
        padding: .2rem 0 0;
    }
    .sjsb_02 p.s1 br{display: none;}
    .sjsb_02 ul.pul1 li span{font-size: .16rem;}
    .sjsb_02 ul.pul2{margin-top: 0;}
    .sjsb_02 ul.pul2 li{width: 100%; margin-right: 0; padding: .2rem;}
    .sjsb_02 ul.pul2 li h5{font-size: .18rem;padding-top: .1rem;}
    .sjsb_02 ul.pul2 li p{font-size: .14rem;padding-top:.05rem;}
    .sjsb_02 ul.pul2 li i > img {
        max-height: .3rem;
    }
    .sjsb_03 dl{margin-top: .2rem; flex-wrap: wrap;}
    .sjsb_03 dl dt{width: 100%; margin-left: 0;}
    .sjsb_03 dd{width: 100%; margin-left: 0;}
    h5.tit2 {
        font-size: .2rem;
        margin-top: 0;
    }
    .sjsb_03 dd ul li p {
        font-size: .14rem;
        line-height: 1.35;
        color: #666;
        margin-top: .1rem;
    }
    .sjsb_03 dd ul li{
        width: 30%;
        padding: .2rem;
        height: auto;
        border-radius: .2rem;
    }
    .sjsb_03 dd ul li p br{display: none; }
    .sjsb_03 dd ul.pul3{margin-top: .2rem;}
    .sjsb_03 ul.pul4{margin-top: .3rem;flex-wrap: wrap;}
    .sjsb_03 ul.pul4 li{width: 100%; margin-right: 0; padding: .2rem;}
    .sjsb_03 ul.pul4 li h5 {
        font-size: .18rem;
        padding-top: .1rem;
    }
    .sjsb_03 ul.pul4 li p {
        font-size: .14rem;
        padding-top: .05rem;
    }
    .sjsb_03 dd ul li i > img,.sjsb_03 ul.pul4 li .con i > img {
        max-height: .3rem;
    }
}