/*移动端*/

@media only screen and (max-width: 767px){
    *{
        box-sizing: border-box;
    }
    body{
        min-width: 320px;
        overflow-x:hidden !important;
    }
    .banner {
        background: url(../../img/banner1.png) no-repeat center;
        width: 100%;
        height: 6.17rem;
        background-size: cover;
    }
    .banner_2_h5{
        padding: .48rem 0 .4rem;
        text-align: center;
        font-family: PingFangSC-Regular;

    }
    .banner_2_h5 h5{
        font-size: .32rem;
        color: #222B34;
        font-family: PingFangSC-Semibold;
        margin-bottom: .45rem;
    }
    .banner_2_h5 h3{
        font-size: .3rem;
        color: #333333;
        margin-bottom: .08rem;
    }
    .banner_2_h5 p{
        width: 90%;
        font-size: .26rem;
        color: #999999;
        margin: 0 auto .24rem;
        line-height: .4rem;
    }
    .content {
        width: 100%;
        height: 6.45rem;
        background: #F8F8F8;
        padding-top: .48rem;
    }
    .content h3 {
        font-size: .32rem;
        color: #222B34;
        text-align: center;
    }
    .content_box{
        width: 100%;
        margin: 0 auto;
        padding: 0;
        height: 6.45rem;
    }
    .content_box .content_box_left {
        width: 100%;
        height: 100%;
        float: left;
        margin-right: 0;
        padding-top: .32rem;
    }
    .content_box_left ul li{
        margin-bottom: .32rem;
    }
    .content_box_left ul li:nth-child(1) {
        width: 100%;
        height: 1.18rem;
        background: url("../img/leftImage1.jpg") no-repeat;
        background-size: cover;
    }
    .content_box_left ul li:nth-child(2) {
        width: 100%;
        height: .8rem;
        background: url("../img/leftImage2.png") no-repeat;
        background-size: cover;
    }
    .content_box_left ul li:nth-child(3) {
        width: 100%;
        height: .8rem;
        background: url("../img/leftImage3.png") no-repeat;
        background-size: cover;
    }
    .content_box_left ul li:nth-child(4) {
        width: 100%;
        height: 1.18rem;
        background: url("../img/leftImage4.png?v=1") no-repeat;
        background-size: cover;
    }
    .content_box_left ul li:nth-child(1):hover{
        background: url("../img/leftImage1.jpg") no-repeat !important;
        width: 100%;
        height: 1.18rem;
        background-size: cover !important;

    }
    .content_box_left ul li:nth-child(2):hover{
        background: url("../img/leftImage2.png") no-repeat !important;
        width: 100%;
        height: .8rem;
        background-size: cover !important;
    }
    .content_box_left ul li:nth-child(3):hover{
        background: url("../img/leftImage3.png") no-repeat !important;
        width: 100%;
        height: .8rem;
        background-size: cover !important;
    }
    .content_box_left ul li:nth-child(4):hover{
        background: url("../img/leftImage4.png") no-repeat !important;
        width: 100%;
        height: 1.18rem;
        background-size: cover !important;
    }
    .content_box_left ul li.active:nth-child(1){
        background: url("../img/leftImage1.jpg") no-repeat !important;
        width: 100%;
        height: 1.18rem;
        background-size: cover !important;
    }
    .content_box_left ul li.active:nth-child(2){
        background: url("../img/leftImage2.png") no-repeat !important;
        width: 100%;
        height: .8rem;
        background-size: cover !important;
    }
    .content_box_left ul li.active:nth-child(3){
        background: url("../img/leftImage3.png") no-repeat !important;
        width: 100%;
        height: .8rem;
        background-size: cover !important;
    }
    .content_box_left ul li.active:nth-child(4){
        background: url("../img/leftImage4.png") no-repeat !important;
        width: 100%;
        height: 1.18rem;
        background-size: cover !important;
    }
    .content_2 {
        width: 100%;
        height: 100%;
        text-align: center;
        padding: .48rem .32rem .72rem;
        margin: 0 auto;
    }
    .content_2 h3 {
        font-size:.32rem;
        letter-spacing: 1.04px;
    }
    .content_2 p {
        font-size:.28rem;
        letter-spacing: 0.52px;
        margin-top: .16rem;
    }
    .list{
        overflow: hidden;
        margin-top: .74rem;
    }
    .list li {
        width: 100%;
        clear: both;
        margin-bottom: .5rem;
    }
    .list_box {
        width: 100%;
        margin: 0 auto;
    }
    .list li img {
        width: 1.01rem;
        height: 1rem;
        margin-bottom: .24rem;
    }
    .list li h4 {
        width: 100%;
        font-size: .3rem;
        letter-spacing: 0.65px;
    }
    .list li p {
        width: 4.34rem;
        font-size: .26rem;
        letter-spacing: 0.52px;
        margin: 0 auto;
    }

    .headText{
        width: 100%;
        /* height: 580px; */
        color:white; 
        font-size: 30px;
        font-weight: 600; 
        text-align: center;
        /* padding: 390px; */
        padding-top: 200px;
        /* padding-bottom: 50px; */
    
    }

}