/* 1.1 */
@media screen and (max-width:768px) {
    .pc-banner{
        display: none;
    }
    .phone-banner{
        display: block;
    }
    .cont{
        overflow: hidden;
    }
    .cont-one{
        width: 96%;
        height: auto;
    }
    .cont-one .cont-tit{
        height: auto;
        text-align: center;
        padding: 0.5rem 0;
    }
    .cont-one .cont-tit a{
        font-size: 0.43rem;
        line-height: 0.6rem;
    }
    .cont-one .contbox{
        flex-wrap: wrap;
    }
    .cont-one .cont-left{
        width: 100%;
        height: 4.1rem;
    }
    .cont-one .swiper-prev,
    .cont-one .swiper-next{
        width: 0.7rem;
        height: 0.7rem;
        background-size: 100% 100%;
    }
    .cont-one .swiper-prev{
        left: 0.18rem;
    }
    .cont-one .swiper-next{
        right: 0.18rem;
    }
    .cont-one .swiper .swiper-slide .slide-text{
        height: 0.6rem;
    }
    .cont-one .swiper .swiper-slide .slide-text h2 a{
        font-size: 0.30rem;
        line-height: 0.6rem;
    }
    .cont-one .cont-right{
        padding-top: 0.3rem;
        width: 100%;
        height: 7rem;
    }
    .cont-one .cont-right .cont-list{
        width: 100%;
    }
    .cont-one .cont-right .cont-list h2{
        width: 95%;
        padding: 0 0.15rem;
    }
    .cont-one .cont-right .cont-list h2 a{
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .cont-two{
        margin: 0 auto;
        padding-bottom: 0.5rem;
        overflow: hidden;
        text-align: center;
        background-size: auto 100%;
    }
    .cont-two .cont-tit{
        width: auto;
		height: 0.6rem;
    }
    .cont-two .cont-tit canvas{
        height: 0.5rem;
        width: auto;
    }
    .cont-two .cont-tit h2{
        letter-spacing:0;
    }
    .cont-two .cont-tit h2 a{
        font-size: 0.5rem;
		line-height: 0.6rem;
    }
    .cont-two .cont-big{
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    .cont-two .cont-top{
        width: 100%;
        height: 2.24rem;
        background: linear-gradient(to right, transparent 0, rgb(255,255,255,0.4) 70px, rgb(255,255,255,0.4) 70px);
    }
    .cont-two .cont-top .cont-left{
        width: 3rem;
    }
    .cont-two .cont-top .cont-left h2{
        width: 100%;
        height: auto;
        padding: 0 0.1rem;
    }
    .cont-two .cont-top .cont-left h2 a{
        font-size: 0.28rem;
        line-height: 0.38rem;
        text-align: justify;
    }
    .cont-two .cont-top .cont-right img{
        border-radius: 0.15rem;
    }
    .cont-two .cont-bottom{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    .cont-two .cont-bottom .cont-left{
        width: 100%;
        height: auto;
    }
    .cont-two .cont-bottom .cont-left .swiper{
        height: 4.45rem;
    }
    .cont-two .cont-bottom .cont-left .swiper .swiper-slide .big-img{
        height: 3.92rem;
        border-radius: 0.2rem;
    }
    .cont-two .cont-bottom .cont-left .swiper .swiper-slide h2 a{
        font-size: 0.32rem;
        line-height: 0.5rem;
    }
    .cont-two .cont-bottom .cont-left .swiper-pagination{
        margin-top: 0.2rem;
        border: 0;
        outline: 0;
    }
    .cont-two .cont-bottom .cont-left .swiper-pagination-bullet{
        width: 0.15rem;
        height: 0.15rem;
    }
    .cont-two .cont-bottom .cont-right{
        width: 100%;
        height: auto;
        display: block;
    }
    .cont-two .cont-bottom .cont-right .cont-list{
        margin-top: 0.3rem;
        height: 1rem;
    }
    .cont-two .cont-bottom .cont-right .cont-list h2{
        line-height: 1rem;
    }
    .cont-two .cont-bottom .cont-right .cont-list h2 a{
        font-size: 0.3rem;
    }


    .cont-three{
        width: 96%;
        margin: 0 auto;
        text-align: center;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
    .cont-three .cont-tit{
        width: auto;
		height: 0.6rem;
    }
    .cont-three .cont-tit canvas{
        height: 0.5rem;
        width: auto;
    }
    .cont-three .cont-tit h2{
        letter-spacing:0;
    }
    .cont-three .cont-tit h2 a{
        font-size: 0.5rem;
		line-height: 0.6rem;
    }
    .cont-three .cont-listbox{
        height: auto;
    }

    .cont-three .cont-listbox .cont-list{
        width: 100%;
        height: 2.53rem;
        margin-bottom: 0.3rem;
    }

    .cont-three .cont-listbox .cont-list:nth-child(2),
    .cont-three .cont-listbox .cont-list:nth-child(4),
    .cont-three .cont-listbox .cont-list:last-child{
        display: block;
    }
    .cont-three .cont-listbox .cont-list:nth-child(2) img,
    .cont-three .cont-listbox .cont-list:nth-child(4) img,
    .cont-three .cont-listbox .cont-list:last-child img{
        border-radius: 0 10px 10px 0;
        float: right;
    }
    .cont-three .cont-listbox .cont-list:nth-child(2) .cont-text,
    .cont-three .cont-listbox .cont-list:nth-child(4) .cont-text,
    .cont-three .cont-listbox .cont-list:last-child .cont-text{
        background: linear-gradient(to right, white, #7fb7dd);
        float: left;
        width: 2.7rem;
    }
    .cont-three .cont-listbox .cont-list:nth-child(2) .cont-text h2,
    .cont-three .cont-listbox .cont-list:nth-child(4) .cont-text h2,
    .cont-three .cont-listbox .cont-list:last-child .cont-text h2{
        background: linear-gradient(to right, white, #cfe4f2);
    }

    .cont-three .cont-listbox .cont-list:nth-child(3){
        display: flex;
    }
    .cont-three .cont-listbox .cont-list:nth-child(3) img{
        border-radius: 10px 0 0 10px;
        float: none;
    }
    .cont-three .cont-listbox .cont-list:nth-child(3) .cont-text{
        flex: 1;
        float: none;
        background: linear-gradient(to left, white, #7fb7dd);
    }
    .cont-three .cont-listbox .cont-list:nth-child(3) .cont-text h2{
        background: linear-gradient(to left, white, #cfe4f2);
    }


    .cont-three .cont-listbox .cont-list img{
        width: 4.5rem;
        height: 100%;
    }
    .cont-three .cont-listbox .cont-list .cont-text{
        padding: 0.07rem;
    }
    .cont-three .cont-listbox .cont-list .cont-text h2{
        padding: 0 0.22rem;
    }
    .cont-three .cont-listbox .cont-list .cont-text h2 a{
        text-align: justify;
        font-size: 0.30rem;
        line-height: 0.45rem;
    }
    .cont-four{
        width: 96%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 0.7rem;
    }
    .cont-four .cont-tit{
        display: flex;
        width: auto;
		height: 0.6rem;
    }
    .cont-four .cont-tit canvas{
        height: 0.5rem;
        width: auto;
    }
    .cont-four .cont-tit h2{
        letter-spacing:0;
    }
    .cont-four .cont-tit h2 a{
        font-size: 0.5rem;
		line-height: 0.6rem;
    }
    .cont-four .cont-big{
        width: 96%;
        height: auto;
        margin: 0 auto;
    }
    .cont-four .cont-listbox{
        width: 100%;
        height: auto;
    }
    .cont-four .cont-listbox .cont-listitem{
        margin-bottom: 0.3rem;
        border-radius: 0.2rem;
        width: 100%;
        height: 1.5rem;
    }
    .cont-four .cont-listbox .cont-listitem h2 a{
        text-align: justify;
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
}