@charset "UTF-8";



.home-bot_bg1{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 9.22rem;
    background: url(../images/others2/sr-body_bg1.png) center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
}
.n_erji.v1{
    margin-right: -0.7rem;
}
.n_erji.v1 li{
    margin-right: 0.7rem;
    width: auto;
}


.inner_s12 .item1 .top .li input{
    display: block;
    width: 100%;
    height: .46rem;
    outline: none;
    border: none;
    font-size: .18rem;
    line-height: .46rem;
    color: #666666;
    padding: 0 .18rem;
}
.inner_s12 .item1 .top .li:has(input:focus){
    border-color: #4286c7;
}



.sr-inner1{
    margin: 0.76rem 0 0.88rem;
}
.sr-inner1 .bx1-items{
    padding: 0.37rem 0.5rem 0.46rem;
    min-height: 1.85rem;
    position: relative;
    z-index: 1;
}
.sr-inner1 .bx1-items+.bx1-items{
    margin-top: 0.67rem;
}
.sr-inner1 .bx1-items:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 0.2rem 0rem 0.2rem 0.2rem;
    z-index: -1;
}
.sr-inner1 .bx1-items:after{
    content: '';
    position: absolute;
    left: 0;
    top: -0.07rem;
    right: 0;
    height: 1.48rem;
    background: url(../images/others2/sr-bg1.png) left top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -2;
}
.sr-inner1 .bx1-hd{
    margin-bottom: 0.29rem;
}
.sr-inner1 .bx1-hd h3{
    padding-left: 0.22rem;
    font-size: 0.28rem;
    color: #4286C7;
    font-weight: normal;
    line-height: 0.41rem;
    position: relative;
}
.sr-inner1 .bx1-hd h3:before{
    content: '';
    margin-top: -0.09rem;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.05rem;
    height: 0.24rem;
    background-color: #4286C7;
}
.sr-inner1 .bx1-body{
    padding-left: 0.22rem;
}
.sr-inner1 .bx1-body .ul{}
.sr-inner1 .bx1-body .ul>li{
    margin-bottom: 0.3rem;
}
.sr-inner1 .bx1-body .ul>li:last-child{
    margin-bottom: 0;
}
.sr-inner1 .bx1-body .ul h4, .sr-inner1 .bx1-body .ul h4 a{
    display: block;
    font-size: 0.22rem;
    color: #333333;
    font-weight: normal;
    line-height: 0.32rem;
}
.sr-inner1 .bx1-body .ul ul{
    margin: 0 -0.23rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner1 .bx1-body .ul ul li{
    margin: 0 0.23rem;
    width: calc(33.33% - 0.46rem);
    position: relative;
    border-bottom: 1px solid rgba(151, 151, 151, .2);
    flex-shrink: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner1 .bx1-body .ul ul li:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: #4286c7;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner1 .bx1-body .ul ul a{
    padding: 0.18rem 0;
    display: block;
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}
.sr-inner1 .bx1-body a{
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner1 .bx1-body a:hover{
    color: #4286c7 !important;
}
.sr-inner1 .bx1-body .ul ul li:hover:before{
    left: 0;
    width: 100%;
}




.sr-inner2{
    margin: 0.76rem 0;
}
.sr-inner2 .bx2-items{}
.sr-inner2 .bx2-items+.bx2-items{
    margin-top: 0.8rem;
}
.sr-inner2 .bx2-hd{
    margin-bottom: 0.6rem;
}
.sr-inner2 .bx2-hd h3{
    font-size: 0.28rem;
    color: #333333;
    font-weight: normal;
    line-height: 0.54rem;
    display: flex;
    align-items: flex-start;
}
.sr-inner2 .bx2-hd h3 .icon{
    margin-right: 0.16rem;
    width: 0.54rem;
    height: 0.54rem;
    border: 1px solid #E17967;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner2 .bx2-hd h3 .icon img{
    display: block;
    max-width: 70%;
    max-height: 70%;
    flex-shrink: 0;
}
.sr-inner2 .bx2-body{}
.sr-inner2 .bx2-body .ul{}
.sr-inner2 .bx2-body .ul>li{
    margin-bottom: 0.4rem;
    min-height: 2.5rem;
    background-color: #FFFFFF;
    border-radius: 0.2rem;
    box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.0434);
    display: flex;
}
.sr-inner2 .bx2-body .ul>li:last-child{
    margin-bottom: 0;
}
.sr-inner2 .bx2-body .ul .ul-hd{
    width: 2.5rem;
    background: url(../images/others2/sr-bg2.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 0.2rem;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner2 .bx2-body .ul .ul-hd:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #E17967;
    border-radius: 0.2rem;
    opacity: 0.95;
    z-index: 1;
}
.sr-inner2 .bx2-body .ul .ul-hd:after{
    content: '';
    position: absolute;
    left: 0.07rem;
    top: 0.07rem;
    right: 0.07rem;
    bottom: 0.07rem;
    border: 1px dashed rgba(255, 255, 255, .5);
    border-radius: 0.2rem;
    z-index: 2;
}
.sr-inner2 .bx2-body .ul .ul-hd img{
    display: block;
    max-width: 70%;
    max-height: 70%;
    position: relative;
    z-index: 5;
    flex-shrink: 0;
}
.sr-inner2 .bx2-body .ul .ul-body{
    padding: 0.32rem 0.72rem;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.sr-inner2 .bx2-body .ul .ul-body ul{
    margin: 0 -0.2rem -0.3rem;
    min-width: 100%;
    min-height: 1.52rem;
    display: flex;
    flex-wrap: wrap;
}

.sr-inner2 .bx2-body .ul .ul-body li{
    padding: 0 0.2rem;
    margin-bottom: 0.3rem;
    display: block;
    min-height: 0;
    width: 20%;
    box-shadow: none;
    flex-shrink: 0;
}
.sr-inner2 .bx2-body .ul .ul-body a{
    padding: 0.09rem 0.1rem;
    display: block;
    font-size: 0.18rem;
    color: #333333;
    text-align: center;
    line-height: 1.44;
    border: 1px dashed rgba(225, 121, 103, .3);
    border-radius: 0.05rem;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner2 .bx2-body .ul .ul-v1{}
.sr-inner2 .bx2-body .ul .ul-v1 .ul-hd{}
.sr-inner2 .bx2-body .ul .ul-v1 .ul-hd:before{
    background-color: #E17967;
}
.sr-inner2 .bx2-body .ul .ul-v1 a:hover{
    border-color: #E17967;
    background-color: #E17967;
}
.sr-inner2 .bx2-body .ul .ul-v2{}
.sr-inner2 .bx2-body .ul .ul-v2 .ul-hd{}
.sr-inner2 .bx2-body .ul .ul-v2 .ul-hd:before{
    background-color: #834798;
}
.sr-inner2 .bx2-body .ul .ul-v2 a:hover{
    border-color: #834798;
    background-color: #834798;
}
.sr-inner2 .bx2-body .ul .ul-v3{}
.sr-inner2 .bx2-body .ul .ul-v3 .ul-hd{}
.sr-inner2 .bx2-body .ul .ul-v3 .ul-hd:before{
    background-color: #4286C7;
}
.sr-inner2 .bx2-body .ul .ul-v3 a:hover{
    border-color: #4286C7;
    background-color: #4286C7;
}
.sr-inner2 .bx2-body .ul .ul-body a:hover{
    color: #ffffff;
    border-style: solid;
}






.sr-inner3{
    margin: 1rem 0 0.72rem;
}
.sr-inner3 .ul{
    margin: 0 -0.29rem -0.7rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner3 .ul li{
    padding: 0 0.29rem;
    margin-bottom: 0.7rem;
    width: 50%;
    flex-shrink: 0;
}
.sr-inner3 .ul .con{
    display: block;
    height: 100%;
    background-color: #fff;
    border-bottom: 0.1rem solid #4286C7;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner3 .ul .pic{
    height: 4.34rem;
    position: relative;
    overflow: hidden;
}
 .sr-inner3 .ul .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
 }
.sr-inner3 .ul .text{
    padding: 0.46rem 0.54rem 0.48rem;
}
.sr-inner3 .ul h4{
    font-size: 0.34rem;
    color: #333333;
    font-weight: bold;
    line-height: 1.44;
}
.sr-inner3 .ul .line{
    margin: 0.2rem 0 0.47rem;
    height: 1px;
    background-color: rgba(66, 134, 199, .2);
    position: relative;
}
.sr-inner3 .ul .line:before{
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 0.74rem;
    height: 3px;
    background-color: #4286C7;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner3 .ul .info{
    font-size: 0.22rem;
    color: #333333;
    line-height: 0.32rem;
}
.sr-inner3 .ul .info p{}
.sr-inner3 .ul .info p+p{
    margin-top: 0.19rem;
}
.sr-inner3 .ul .info i{
    margin: -3px 0.1rem 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.28rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner3 .ul .info .pos{}
.sr-inner3 .ul .info .pos i{
    background-image: url(../images/others2/sr-pos1.png);
}
.sr-inner3 .ul .info .date{}
.sr-inner3 .ul .info .date i{
    background-image: url(../images/others2/sr-date1.png);
}
.sr-inner3 .ul .con:hover{
    border-color: #834798;
}
.sr-inner3 .ul .con:hover .zoomImg .a{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.sr-inner3 .ul .con:hover .line:before{
    background-color: #834798;
}
.sr-inner3 .ul .con:hover .info .pos i{
    background-image: url(../images/others2/sr-pos2.png);
}
.sr-inner3 .ul .con:hover .info .date i{
    background-image: url(../images/others2/sr-date2.png);
}







.sr-inner4{
    margin: 0.66rem 0 1.22rem;
    padding: 0.7rem 0.4rem 0.94rem;
    padding-right: 0.86rem;
    background-color: #fff;
}
.sr-inner4 select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sr-inner4 input, .sr-inner4 select, .sr-inner4 textarea{
    outline: none;
    border: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner4 .bx4-body .tar-box:has(textarea:focus){
    border-color: #4286c7;
}
.sr-inner4 .bx4-body .inp:focus, .sr-inner4 .bx4-body .sel:focus{
    border-color: #4286c7;
}
.sr-inner4 .bx4-items{}
.sr-inner4 .bx4-items+.bx4-items{
    margin-top: 0.86rem;
}
.sr-inner4 .bx4-hd{
    margin-bottom: 0.4rem;
    padding: 0 0.1rem;
}
.sr-inner4 .bx4-hd h3{
    font-size: 0.24rem;
    color: #333333;
    font-weight: bold;
    line-height: 0.32rem;
    display: flex;
    align-items: center;
}
.sr-inner4 .bx4-hd h3 .icon{
    margin-right: 0.14rem;
    width: 0.32rem;
    height: 0.32rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner4 .bx4-hd h3 .icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.sr-inner4 .bx4-body{}
.sr-inner4 .bx4-body .bx4-bodyItm{
    display: flex;
    align-items: flex-start;
}
.sr-inner4 .bx4-body .bx4-bodyItm+.bx4-bodyItm{
    margin-top: 0.32rem;
}
.sr-inner4 .bx4-body .label{
    margin-right: 0.1rem;
    padding: 0.08rem 0;
    min-width: 1.6rem;
    font-size: 0.18rem;
    color: #333333;
    text-align: right;
    line-height: 0.24rem;
    flex-shrink: 0;
}
.sr-inner4 .bx4-body .label em{
    margin-left: 0.04rem;
    color: #EB1919;
}
.sr-inner4 .bx4-body .right{
    flex-grow: 1;
}
.sr-inner4 .bx4-body .inp, .sr-inner4 .bx4-body .sel{
    padding: 0 0.2rem;
    display: block;
    width: 100%;
    height: 0.4rem;
    line-height: 0.38rem;
    border: 1px solid rgba(66, 134, 199, 0.3015);
    border-radius: 0.06rem;
    font-size: 0.14rem;
    color: #333333;
}
.sr-inner4 .bx4-body .inp{}
.sr-inner4 .bx4-body .sel{
    padding-left: 0.36rem;
    background: url(../images/others2/sr-arrow1.png) left 0.18rem center no-repeat;
    -webkit-background-size: 0.1rem auto;
    background-size: 0.1rem auto;
}
.sr-inner4 .bx4-body .tar{
    display: block;
    width: 100%;
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.2rem;
    height: 1rem;
}
.sr-inner4 .bx4-body .tar-box{
    padding: 0.1rem 0.2rem 0.12rem;
    border: 1px solid rgba(66, 134, 199, 0.3015);
    border-radius: 0.06rem;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner4 .bx4-body .files-box{
    margin-top: 0.18rem;
}
.sr-inner4 .bx4-body .files-box ul{
    margin: 0 -0.05rem -0.15rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner4 .bx4-body .files-box li{
    margin: 0 0.05rem 0.15rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.04rem;
    overflow: hidden;
    flex-shrink: 0;
}
.sr-inner4 .bx4-body .files-box .btn{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.14rem;
    color: #666666;
    text-align: center;
    line-height: 1.43;
    background-color: #EBEAEA;
}
.sr-inner4 .bx4-body .files-box .btn label{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sr-inner4 .bx4-body .files-box .btn input{
    position: absolute;
    left: -9999px;
}
.sr-inner4 .bx4-body .files-box .btn img{
    margin: 0 auto 0.06rem;
    display: block;
    width: 0.18rem;
}
.sr-inner4 .bx4-body .files-box .btn span{}
.sr-inner4 .bx4-body .files-box .pic{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.sr-inner4 .bx4-body .files-box .pic img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sr-inner4 .bx4-body .files-box .close{
    position: absolute;
    right: 0.02rem;
    top: 0.02rem;
    width: 0.2rem;
    height: 0.2rem;
    background: rgba(0, 0, 0, .8) url(../images/others2/sr-add1.png) center center no-repeat;
    -webkit-background-size: 0.1rem auto;
    background-size: 0.1rem auto;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
    z-index: 10;
}
.sr-inner4 .bx4-body .vcode{
    display: flex;
    align-items: center;
}
.sr-inner4 .bx4-body .vcode .inp{}
.sr-inner4 .bx4-body .vcode .vcode-btn{
    margin-left: 0.22rem;
    width: 2.22rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    color: #FFFFFF;
    text-align: center;
    background-color: #4286C7;
    border-radius: 0.06rem;
    cursor: pointer;
    flex-shrink: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner4 .bx4-body .vcode .vcode-btn:hover{
    background-color: #834798;
}
.sr-inner4 .bx4-bot{
    margin-top: 0.78rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner4 .bx4-bot .a1{
    display: block;
    width: 2.22rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.2rem;
    color: #FFFFFF;
    text-align: center;
    background-color: #4286C7;
    border-radius: 0.06rem;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner4 .bx4-bot .a1:hover{
    background-color: #834798;
}







.sr-inner5{
    margin: 0.7rem 0 1.12rem;
}








.sr-inner6{
    margin: 0.9rem 0 0;
}
.sr-inner6 .ul{}
.sr-inner6 .ul li{
    margin-bottom: 0.67rem;
}
.sr-inner6 .ul li:last-child{
    margin-bottom: 0;
}
.sr-inner6 .ul .ul-hd{
    margin-bottom: 0.24rem;
    padding-left: 0.13rem;
    position: relative;
    display: flex;
}
.sr-inner6 .ul .ul-hd .num{
    position: absolute;
    left: 0;
    bottom: -0.1rem;
    width: 0.45rem;
    height: 0.45rem;
    line-height: 0.45rem;
    border-radius: 50%;
    font-size: 0.22rem;
    color: #4286C7;
    text-align: center;
    z-index: 10;
}
.sr-inner6 .ul .ul-hd .num:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(66, 134, 199, 0.2237);
    z-index: -1;
}
.sr-inner6 .ul .ul-hd .num:after{
    content: '';
    position: absolute;
    left: -0.06rem;
    top: -0.06rem;
    right: -0.06rem;
    bottom: -0.06rem;
    background-color: #f0f5f8;
    border-radius: 50%;
    z-index: -2;
}
.sr-inner6 .ul .ul-hd h4{
    padding: 0.12rem 0.54rem;
    display: block;
    min-width: 6.5rem;
    max-width: 100%;
    font-size: 0.22rem;
    color: #4286C7;
    font-weight: normal;
    line-height: 0.32rem;
    border-radius: 0.05rem 0.29rem 0.29rem 0.05rem;
    background-color: rgba(66, 134, 199, .1);
}
.sr-inner6 .ul .ul-hd h4 em{
    color: #834798;
}
.sr-inner6 .ul .ul-body{
    padding-left: 0.68rem;
}
.sr-inner6 .ul .ul-body .txt{
    font-size: 0.18rem;
    color: #666666;
    line-height: 0.26rem;
}
.sr-inner6 .ul .ul-body .txt p{
    margin: 0.1rem 0;
}
.sr-inner6 .ul .ul-body .txt h4{
    margin: 0.18rem 0;
    font-size: 0.2rem;
    color: #333333;
    font-weight: normal;
    line-height: 0.29rem;
}






.sr-inner7{
    margin: 0.7rem 0 0;
}
.sr-inner7 .ul{
    margin: 0 -0.22rem -0.48rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner7 .ul li{
    padding: 0 0.22rem;
    margin-bottom: 0.48rem;
    width: 25%;
    flex-shrink: 0;
}
.sr-inner7 .ul .con{
    display: block;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 0.38rem 0 rgba(54,54,54,0.1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner7 .ul .pic{
    height: 2.15rem;
    position: relative;
    overflow: hidden;
}
.sr-inner7 .ul .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner7 .ul .pic:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    z-index: 2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner7 .ul .pic .play{
    margin: -0.185rem 0 0 -0.185rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.39rem;
    height: 0.39rem;
    background: url(../images/others2/sr-play1.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 10;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner7 .ul .text{
    padding: 0 0.2rem;
    height: 0.7rem;
    line-height: 0.7rem;
}
.sr-inner7 .ul h4{
    font-size: 0.18rem;
    color: #333333;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner7 .ul .con:hover{
    background-color: #834798;
}
.sr-inner7 .ul .con:hover .pic:after{
    opacity: 0;
}
.sr-inner7 .ul .con:hover .pic .a{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.sr-inner7 .ul .con:hover .pic .play{
    opacity: 0;
}
.sr-inner7 .ul .con:hover h4{
    color: #fff;
}





.sr-inner8{
    margin: 0.7rem 0 0;
}
.sr-inner8 .ul{
    margin: 0 -0.26rem -0.7rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner8 .ul li{
    padding: 0 0.26rem;
    margin-bottom: 0.7rem;
    width: 20%;
    flex-shrink: 0;
}
.sr-inner8 .ul .con{
    display: block;
    height: 3.7rem;
    position: relative;
}
.sr-inner8 .ul .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 1;
    filter: drop-shadow(0.01rem 0.01rem 0.13rem rgba(66,134,199,0.18));
}
.sr-inner8 .ul .en{
    position: absolute;
    left: 0.12rem;
    top: 0.2rem;
    right: 0;
    font-size: 0.22rem;
    color: #4286C7;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.23;
    opacity: .1;
    z-index: 2;
}
.sr-inner8 .ul .tit{
    position: absolute;
    left: 0.28rem;
    bottom: 0.44rem;
    z-index: 2;
}
.sr-inner8 .ul .tit img{
    display: block;
    max-width: 2.28rem;
    max-height: 0.8rem;
}
.sr-inner8 .ul .mask{
    position: absolute;
    left: 0.12rem;
    top: 0.94rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
}
.sr-inner8 .ul .mask .name{
    margin-bottom: 0.12rem;
    padding: 0.09rem 0.2rem;
    padding-right: 0.24rem;
    font-size: 0.22rem;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 0.36rem;
    background-color: #4286C7;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner8 .ul .mask .name-sub{
    padding-left: 0.2rem;
    font-size: 0.18rem;
    color: #333333;
    line-height: 1.67;
}
.sr-inner8 .ul .con:hover{}
.sr-inner8 .ul .con:hover .mask .name{
    background-color: #834699;
}







.sr-inner9{
    margin: 0.62rem 0;
}
.sr-inner9 .swiper1{
    position: relative;
    z-index: 1;
}
.sr-inner9 .swiper1 .slider{
    height: 10.58rem;
    position: relative;
}
.sr-inner9 .swiper1 .slider:before{
    content: '';
    position: absolute;
    left: -0.49rem;
    bottom: -0.39rem;
    right: -0.48rem;
    top: 0.38rem;
    background: url(../images/others2/sr-book_bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
}
.sr-inner9 .swiper1 .slider .slider-inn{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.sr-inner9 .swiper1 .swiper-slide{
    display: flex;
}
.sr-inner9 .swiper1 .item{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner9 .swiper1 .item:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.72rem;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 10;
}
.sr-inner9 .swiper1 .pic{
    max-width: 90%;
    max-height: 90%;
    flex-shrink: 0;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner9 .swiper1 .pic img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.sr-inner9 .swiper1 .item.prev{
    left: 0;
    border-radius: 0.06rem 0.4rem 0.1rem 0.06rem;
}
.sr-inner9 .swiper1 .item.prev:before{
    right: 0;
    background-image: url(../images/others2/sr-book_bg4.png);
}
.sr-inner9 .swiper1 .item.next{
    right: 0;
    border-radius: 0.4rem 0.06rem 0.06rem 0.1rem;
}
.sr-inner9 .swiper1 .item.next:before{
    left: 0;
    background-image: url(../images/others2/sr-book_bg5.png);
}
.sr-inner9 .swiper1 .swi-bot{
    margin-top: 0.78rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sr-inner9 .swiper1 .swi-bot .swi-title{
    margin-right: 0.38rem;
    max-width: 3.6rem;
    font-size: 0.18rem;
    color: #333333;
    line-height: 0.52rem;
}
.sr-inner9 .swiper1 .swi-bot .swi-progressbar{
    position: relative;
    height: 1px;
    background-color: rgba(102, 102, 102, .2);
    flex-grow: 1;
}
.sr-inner9 .swiper1 .swi-bot .swi-progressbar .swiper-pagination-progressbar-fill{
    top: auto;
    bottom: 0;
    height: 2px;
    background-color: #4286C7;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow{
    margin-left: 0.4rem;
    width: 1.22rem;
    height: 0.52rem;
    border: 1px solid #9799A6;
    border-radius: 0.08rem;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow:before, .sr-inner9 .swiper1 .swi-bot .swi-arrow:after{
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 0.1rem;
    background-color: #CACBD2;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow:before{
    top: 0;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow:after{
    bottom: 0;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow .prev, .sr-inner9 .swiper1 .swi-bot .swi-arrow .next{
    display: block;
    width: 50%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 0.08rem auto;
    background-size: 0.08rem auto;
    cursor: pointer;
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow .prev{
    background-image: url(../images/others2/sr-swi_arrow1.png);
}
.sr-inner9 .swiper1 .swi-bot .swi-arrow .next{
    background-image: url(../images/others2/sr-swi_arrow2.png);
}
.sr-inner9 .swiper1 .swiper-slide-active{}
.sr-inner9 .swiper1 .swiper-slide-active .pic{
    opacity: 1;
}






.sr-inner10{
    margin-top: 0.9rem;
    margin-bottom: 1.08rem;
    padding: 0.68rem;
    background-color: rgba(66, 134, 199, 0.0691);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sr-inner10 .left{
    width: 8.28rem;
    flex-shrink: 0;
}
.sr-inner10 .left h3{
    font-size: 0.34rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.44;
}
.sr-inner10 .left .line{
    margin: 0.5rem 0;
    height: 1px;
    background-color: rgba(66, 134, 199, .24);
}
.sr-inner10 .left .desc{
    font-size: 0.2rem;
    color: #333333;
    line-height: 1.6;
}
.sr-inner10 .left .desc p{
    margin-bottom: 0.28rem;
}
.sr-inner10 .right{
    width: 5.28rem;
    flex-shrink: 0;
}
.sr-inner10 .right .pic{
    height: 5.94rem;
    position: relative;
    background-color: #000;
    cursor: pointer;
    overflow: hidden;
}
.sr-inner10 .right .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    opacity: .75;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner10 .right .pic .play{
    margin: -0.24rem 0 0 -0.24rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.48rem;
    height: 0.48rem;
    background: url(../images/others2/sr-play2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 10;
}
.sr-inner10 .right .pic:hover{}
.sr-inner10 .right .pic:hover .a{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}





.sr-inner11{
    margin: 1.08rem 0 0.5rem;
}
.sr-inner11 .ul{
    margin: 0 -0.21rem -0.4rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner11 .ul li{
    padding: 0 0.21rem;
    margin-bottom: 0.4rem;
    width: 25%;
width: 20%;
    flex-shrink: 0;
}
.sr-inner11 .ul .con{
    display: block;
    height: 100%;
    background-color: #FFFFFF;
    position: relative;
    box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0, 0, 0, 0.0916);
    overflow: hidden;
}
.sr-inner11 .ul .con:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0.04rem;
    background-color: #4286C7;
}
.sr-inner11 .ul .con:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.04rem;
    background-color: #834798;
    z-index: 10;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner11 .ul .pic{
    height: 2.3rem;
height: 2.5rem;
    position: relative;
    background-color: #000000;
    overflow: hidden;
}
.sr-inner11 .ul .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner11 .ul .pic .play{
    margin: -0.15rem 0 0 -0.15rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/others2/sr-play3.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.sr-inner11 .ul .text{
    padding: 0.29rem 0.24rem;
    min-height: 1.66rem;
}
.sr-inner11 .ul .text h4{
    font-size: 0.22rem;
    color: #333333;
    font-weight: normal;
    line-height: 1.45;
}
.sr-inner11 .ul .text .desc{
    margin-top: 0.14rem;
    font-size: 0.16rem;
    color: #666666;
    line-height: 1.5;
}
.sr-inner11 .ul .con:hover{}
.sr-inner11 .ul .con:hover:after{
    left: 0;
    width: 100%;
}
.sr-inner11 .ul .con:hover .pic .a{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}




.sr-inner12{
    margin: 0.76rem 0 0.58rem;
}
.sr-inner12 .bx2-items{}
.sr-inner12 .bx2-items+.bx2-items{
    margin-top: 1.02rem;
}
.sr-inner12 .bx2-items.v1{}
.sr-inner12 .bx2-items.v2{}
.sr-inner12 .bx2-items.v2 .bx2-hd{}
.sr-inner12 .bx2-items.v2 .bx2-hd h3 .icon{
    border-color: #4286C7;
}
.sr-inner12 .bx2-hd{
    margin-bottom: 0.5rem;
}
.sr-inner12 .bx2-hd h3{
    font-size: 0.28rem;
    color: #333333;
    font-weight: normal;
    line-height: 0.54rem;
    display: flex;
    align-items: flex-start;
}
.sr-inner12 .bx2-hd h3 .icon{
    margin-right: 0.16rem;
    width: 0.54rem;
    height: 0.54rem;
    border: 1px solid #E17967;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sr-inner12 .bx2-hd h3 .icon img{
    display: block;
    max-width: 80%;
    max-height: 80%;
    flex-shrink: 0;
}
.sr-inner12 .bx2-body{}
.sr-inner12 .ul1{
    margin: 0 -0.34rem -0.62rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner12 .ul1 li{
    padding: 0 0.34rem;
    margin-bottom: 0.62rem;
    width: 50%;
    flex-shrink: 0;
}
.sr-inner12 .ul1 .con{
    display: block;
    height: 100%;
    background-color: #fff;
    box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0, 0, 0, 0.0916);
}
.sr-inner12 .ul1 .pic{
    padding-top: 62.84%;
    position: relative;
    overflow: hidden;
}
.sr-inner12 .ul1 .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;    
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner12 .ul1 .text{
    padding: 0 0.2rem;
    height: 0.92rem;
    position: relative;
    z-index: 1;
}
.sr-inner12 .ul1 .text:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 0.04rem;
    background-color: #4286C7;
}
.sr-inner12 .ul1 .text:after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.04rem;
    background-color: #834798;
    z-index: 10;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner12 .ul1 .text h4{
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sr-inner12 .ul1.v1{}
.sr-inner12 .ul1.v1 li{
    width: 33.33%;
}
.sr-inner12 .ul1.v1 .text:before{
    background-color: #834798;
}
.sr-inner12 .ul1.v1 .text:after{
    background-color: #4286C7;
}
.sr-inner12 .ul1 .con:hover{}
.sr-inner12 .ul1 .con:hover .pic .a{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.sr-inner12 .ul1 .con:hover .text:after{
    left: 0;
    width: 100%;
}
.sr-inner12 .tips{
    margin-top: 0.54rem;
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.44;
}





.sr-inner13{
    margin: 0.6rem 0;
}
.sr-inner13 .ul{
    margin: 0 -0.18rem -0.4rem;
    display: flex;
    flex-wrap: wrap;
}
.sr-inner13 .ul li{
    padding: 0 0.18rem;
    margin-bottom: 0.4rem;
    width: 33.33%;
    flex-shrink: 0;
}
.sr-inner13 .ul .con{
    padding: 0.28rem;
    display: block;
    height: 100%;
    position: relative;
    z-index: 1;
    background: url(../images/others2/sr-bg4.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    align-items: flex-start;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner13 .ul .arrow{
    position: absolute;
    right: 0.32rem;
    bottom: 0.3rem;
    width: 0.31rem;
    height: 0.31rem;
    background: url(../images/others2/sr-arrow2.png) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translate(-0.1rem, 0.1rem);
    -ms-transform: translate(-0.1rem, 0.1rem);
    -o-transform: translate(-0.1rem, 0.1rem);
    transform: translate(-0.1rem, 0.1rem);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.sr-inner13 .ul .pic{
    margin-right: 0.2rem;
    width: 1.7rem;
    height: 2.27rem;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.sr-inner13 .ul .pic .a{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.sr-inner13 .ul .text{
    padding-top: 0.32rem;
    width: calc(100% - 1.9rem);
    flex-shrink: 0;
}
.sr-inner13 .ul .text .hd{
    padding-bottom: 0.26rem;
    margin-bottom: 0.28rem;
    border-bottom: 1px solid rgba(66, 134, 199, .25);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.sr-inner13 .ul .text .hd .name{
    margin-right: 0.15rem;
    font-size: 0.26rem;
    color: #4286C7;
    line-height: 1.46;
}
.sr-inner13 .ul .text .hd .job{
    margin-top: 0.07rem;
    font-size: 0.2rem;
    color: #000000;
    line-height: 1.45;
}
.sr-inner13 .ul .text .info{
    font-size: 0.18rem;
    color: #666666;
    line-height: 1.44;
}
.sr-inner13 .ul .text .info p{
    margin: 0.16rem 0;
}
.sr-inner13 .ul .con:hover{
    box-shadow: 0rem 0.02rem 0.16rem 0rem rgba(66, 134, 199, 0.4425);
}
.sr-inner13 .ul .con:hover .arrow{
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}








@media (max-width: 992px) {
    .inner_s6{margin-top: 0.4rem;}
    .inner_s12 .item1 .top .li input{font-size: .26rem; height: 2.5em; line-height: 2.5em;}

    .sr-inner1{margin: 0.4rem 0;}
    .sr-inner1 .bx1-items{padding: 0.3rem;}
    .sr-inner1 .bx1-items+.bx1-items{margin-top: 0.4rem;}
    .sr-inner1 .bx1-hd h3{font-size: 0.36rem; line-height: 0.54rem;}
    .sr-inner1 .bx1-hd h3:before{height: 0.28rem; margin-top: -0.14rem;}
    .sr-inner1 .bx1-body .ul h4, .sr-inner1 .bx1-body .ul h4 a{font-size: 0.32rem; line-height: 0.48rem;}
    .sr-inner1 .bx1-body .ul ul li{width: calc(50% - 0.46rem);}
    .sr-inner1 .bx1-body .ul ul a{font-size: 0.28rem; line-height: 0.42rem;}

    .sr-inner2{margin: 0.4rem 0;}
    .sr-inner2 .bx2-hd{margin-bottom: 0.3rem;}
    .sr-inner2 .bx2-hd h3{font-size: 0.36rem; line-height: 0.64rem;}
    .sr-inner2 .bx2-hd h3 .icon{width: 0.64rem; height: 0.64rem;}
    .sr-inner2 .bx2-body .ul>li{margin-bottom: 0.4rem;}
    .sr-inner2 .bx2-body .ul .ul-body{padding: 0.3rem 0.4rem;}
    .sr-inner2 .bx2-body .ul .ul-body ul{margin: 0 -0.1rem -0.2rem;}
    .sr-inner2 .bx2-body .ul .ul-body li{padding: 0 0.1rem; margin-bottom: 0.2rem; width: 50%;}
    .sr-inner2 .bx2-body .ul .ul-body a{font-size: 0.28rem;}

    .sr-inner3{margin: 0.4rem 0;}
    .sr-inner3 .ul{margin: 0 -0.2rem -0.6rem;}
    .sr-inner3 .ul li{padding: 0 0.2rem; margin-bottom: 0.6rem;}
    .sr-inner3 .ul .text{padding: 0.4rem;}
    .sr-inner3 .ul h4{font-size: 0.36rem;}
    .sr-inner3 .ul .info{font-size: 0.24rem;}

    .sr-inner4{margin: 0.4rem 0; padding: 0.6rem 0.4rem;}
    .sr-inner4 .bx4-hd h3{font-size: 0.36rem;}
    .sr-inner4 .bx4-hd h3 .icon{width: 0.4rem; height: 0.4rem;}
    .sr-inner4 .bx4-body .label{font-size: 0.28rem; line-height: 0.38rem;}
    .sr-inner4 .bx4-body .inp, .sr-inner4 .bx4-body .sel{height: 0.54rem; line-height: 0.54rem; font-size: 0.24rem;}
    .sr-inner4 .bx4-body .tar{font-size: 0.24rem; line-height: 0.32rem; height: 1.6rem;}
    .sr-inner4 .bx4-body .tar-box{padding: 0.15rem 0.2rem;}
    .sr-inner4 .bx4-body .files-box li{width: 1.2rem; height: 1.2rem;}
    .sr-inner4 .bx4-body .files-box .btn{font-size: 0.24rem;}
    .sr-inner4 .bx4-body .files-box .btn img{width: 0.24rem;}
    .sr-inner4 .bx4-body .files-box .close{width: 0.3rem; height: 0.3rem; -webkit-background-size: 0.16rem auto; background-size: 0.16rem auto;}
    .sr-inner4 .bx4-body .vcode .vcode-btn{font-size: 0.24rem; height: 0.54rem; line-height: 0.54rem;}
    .sr-inner4 .bx4-bot .a1{height: 0.54rem; line-height: 0.54rem; font-size: 0.24rem;}

    .sr-inner5{margin: 0.4rem 0;}

    .sr-inner6{margin: 0.4rem 0;}
    .sr-inner6 .ul li{margin-bottom: 0.5rem;}
    .sr-inner6 .ul .ul-hd{padding-left: 0.2rem; margin-bottom: 0.2rem;}
    .sr-inner6 .ul .ul-hd h4{font-size: 0.32rem; line-height: 0.48rem;}
    .sr-inner6 .ul .ul-hd .num{bottom: -0.2rem; font-size: 0.32rem; width: 0.6rem; height: 0.6rem; line-height: 0.6rem;}
    .sr-inner6 .ul .ul-body .txt{font-size: 0.24rem; line-height: 0.36rem;}
    .sr-inner6 .ul .ul-body .txt h4{font-size: 0.28rem; line-height: 0.42rem;}

    .sr-inner7{margin: 0.4rem 0;}
    .sr-inner7 .ul li{width: 33.33%;}

    .sr-inner8{margin: 0.4rem 0;}
    .sr-inner8 .ul{margin: 0 -0.15rem -0.3rem;}
    .sr-inner8 .ul li{padding: 0 0.15rem; margin-bottom: 0.3rem; width: 33.33%;}
    .sr-inner8 .ul .en{font-size: 0.24rem;}
    .sr-inner8 .ul .mask .name{font-size: 0.3rem;}
    .sr-inner8 .ul .mask .name-sub{font-size: 0.24rem;}

    .sr-inner9{margin: 0.4rem 0;}
    .sr-inner9 .swiper1 .slider{height: 7rem;}
    .sr-inner9 .swiper1 .slider:before{left: -0.2rem; bottom: -0.2rem; right: -0.2rem; top: 0.2rem;}
    .sr-inner9 .swiper1 .swi-bot{margin-top: 0.4rem;}

    .sr-inner10{margin: 0.4rem 0; display: block; padding: 0.4rem;}
    .sr-inner10 .left, .sr-inner10 .right{width: 100%;}
    .sr-inner10 .left h3{font-size: 0.36rem;}
    .sr-inner10 .left .line{margin: 0.25rem 0;}
    .sr-inner10 .left .desc{font-size: 0.24rem;}
    .sr-inner10 .right .pic{height: 52vw;}

    .sr-inner11{margin: 0.4rem 0;}
    .sr-inner11 .ul .pic{height: 1.4rem;}

    .sr-inner12{margin: 0.4rem 0;}
    .sr-inner12 .bx2-items+.bx2-items{margin-top: 0.6rem;}
    .sr-inner12 .bx2-hd{margin-bottom: 0.4rem;}
    .sr-inner12 .bx2-hd h3{font-size: 0.36rem; line-height: 0.64rem;}
    .sr-inner12 .bx2-hd h3 .icon{width: 0.64rem; height: 0.64rem;}
    .sr-inner12 .ul1{margin: 0 -0.2rem -0.4rem;}
    .sr-inner12 .ul1 li{padding: 0 0.2rem; margin-bottom: 0.4rem;}
    .sr-inner12 .tips{font-size: 0.24rem; margin-top: 0.3rem;}

    .sr-inner13{margin: 0.4rem 0;}
    .sr-inner13 .ul li{width: 50%;}
    .sr-inner13 .ul .con{padding: 0.2rem;}
    .sr-inner13 .ul .text{padding-top: 0.25rem;}
    .sr-inner13 .ul .text .hd{padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
    .sr-inner13 .ul .text .hd .name{font-size: 0.32rem;}
    .sr-inner13 .ul .text .hd .job{font-size: 0.24rem;}
    .sr-inner13 .ul .text .info{font-size: 0.24rem;}
    .sr-inner13 .ul .text .info p{margin: 0.1rem 0;}
}

@media (max-width: 720px) {
    .sr-inner1 .bx1-body .ul ul{margin-left: 0; margin-right: 0;}
    .sr-inner1 .bx1-body .ul ul li{width: 100%; margin: 0;}

    .sr-inner2 .bx2-body .ul>li{display: block;}
    .sr-inner2 .bx2-body .ul .ul-hd{padding: 0.2rem; width: 100%;}
    .sr-inner2 .bx2-body .ul .ul-hd img{max-height: 0.8rem;}
    .sr-inner2 .bx2-body .ul .ul-body{padding: 0.3rem;}

    .sr-inner3 .ul{margin-bottom: -0.4rem;}
    .sr-inner3 .ul li{margin-bottom: 0.4rem; width: 100%;}
    .sr-inner3 .ul .pic{height: 52vw;}

    .sr-inner4{padding: 0.4rem 0.3rem;}
    .sr-inner4 .bx4-hd{margin-bottom: 0.2rem; padding: 0;}
    .sr-inner4 .bx4-body .bx4-bodyItm{display: block;}
    .sr-inner4 .bx4-body .label{text-align: left;}
    .sr-inner4 .bx4-body .inp, .sr-inner4 .bx4-body .sel{height: 0.68rem; line-height: 0.66rem;}
    .sr-inner4 .bx4-body .vcode .vcode-btn, .sr-inner4 .bx4-bot .a1{height: 0.68rem; line-height: 0.68rem;}
    .sr-inner4 .bx4-bot{margin-top: 0.4rem;}

    .sr-inner7 .ul{margin: 0 -0.1rem -0.2rem;}
    .sr-inner7 .ul li{padding: 0 0.1rem; margin-bottom: 0.2rem; width: 50%;}
    .sr-inner7 .ul h4{font-size: 0.28rem;}

    .sr-inner8 .ul li{width: 50%;}

    .sr-inner9 .swiper1 .slider{height: 5rem;}
    .sr-inner9 .swiper1 .swi-bot{flex-wrap: wrap;}
    .sr-inner9 .swiper1 .swi-bot .swi-title{margin: 0; margin-bottom: 0.1rem; width: 100%; max-width: 100%; font-size: 0.24rem;}
    .sr-inner9 .swiper1 .swi-bot .swi-progressbar{width: calc(100% - 1.62rem);}

    .sr-inner11 .ul{margin: 0 -0.15rem -0.3rem;}
    .sr-inner11 .ul li{padding: 0 0.15rem; margin-bottom: 0.3rem; width: 50%;}
    .sr-inner11 .ul .pic{height: 26vw;height: 34vw;}
    .sr-inner11 .ul .text{padding: 0.3rem;}
    .sr-inner11 .ul .text h4{font-size: 0.32rem;}
    .sr-inner11 .ul .text .desc{font-size: 0.22rem;}
    .sr-inner12 .ul1{margin: 0 -0.1rem -0.3rem;}
    .sr-inner12 .ul1 li{padding: 0 0.1rem; margin-bottom: 0.3rem;}

    .sr-inner13 .ul li{width: 100%;}
}

@media (max-width: 597px) {
    
}