@media screen and (max-width:768px) {
    body,html{
        max-width: 768px;
        min-width: 320px;
    }
    .wrapper{
        width: 96.3%;
    }
    .header{
        height:1.36rem;
        background-color: #f0f0f0;
        border-bottom: none;
    }
    .header .logo {
        float: left;
        width: 35.5%;
        padding: 0.3rem 0;
    }
    .header .nav,.header .user_status{
        display: none;
    }
    .header .phone_nav{
        float: right;
        height: 1.36rem;
        display: block;
    }
    .header .phone_nav .phone_menu{
        width: 0.7rem;
        height: 0.7rem;
        padding:0.14rem;
        background-color: #4ac5ff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: inline-block;
        margin-top: 0.35rem;
        margin-left: 0.3rem;
        position: relative;
    }
    .phone_menu .menu_list{
        width:2.5rem;
        border: 1px solid #4ac5ff;
        padding:0.13rem;
        position: absolute;
        top:0;
        left:-1.8rem;
        background-color: #fff;
        z-index: 100;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: none;
    }
    .phone_menu .menu_list .menu_close{
        display: block;
        text-align: center;
        font-size: 0.25rem;
        color: #333;
    }
    .phone_menu .menu_list>ul>li{
        line-height: 0.6rem;
        border-bottom:1px solid #bfbfbf;
    }
    .phone_menu .menu_head{
        display: block;
    }
    .phone_menu .menu_list>ul>li>a{
        display: block;
        font-size: 0.2rem;
        text-align: center;
        -webkit-transform: scale(.8,.8);
        -moz-transform: scale(.8,.8);
        -o-transform: scale(.8,.8);
        transform: scale(.8,.8);
    }
    .phone_menu .menu_list>ul>li .hide_ul{
        display: none;
    }
    .phone_menu .menu_list>ul>li .hide_ul li a{
        font-size: 0.2rem;
        color: #515c62;
        -webkit-transform: scale(.8,.8);
        -moz-transform: scale(.8,.8);
        -o-transform: scale(.8,.8);
        transform: scale(.8,.8);
        text-align: center;
        display: block;
    }
    .header .phone_nav .phone_menu img{
        width: 100%;
        height: 100%;
    }
    .banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next {
        background-image: url('../images/left.png');
        left: 175px;
        right: auto;
        display: none;
    }
    .banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev {
        background-image: url('../images/right.png');
        right: 175px;
        left: auto;
        display: none;
    }
    .banner {
        width: 100%;
        height: 4.36rem;
        max-width: 750px;
        position: relative;
        overflow: hidden;
    }
    .banner .swiper-container {
        width: 750px;
        height: 100%;
        position: absolute;
        left: 50%;
        margin-left: -375px;
    }
    .banner .swiper-container .swiper-slide img{
        width: 100%;
        height: 100%;
    }
    .new_one .new_img{
        display: none;
    }
    .new_one .new_list {
        width: 100%;
        height: auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: none;
        box-shadow: 16px 15px 19px -19px #4e9dc0;
         background-color:#f0f0f0;
         padding:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .new_jin .sai span {
        font-size: 0.5rem;
        display: inline-block;
        color: #4ac5ff;
    }
    .new_jin .sai i {
        font-size: 0.3rem;
        display: inline-block;
        color: #4ac5ff;
        opacity: 0.5;
        margin-left: 5px;
    }
    .new_jin .more {
        display: inline-block;
        width: 2.13rem;
        height: 0.8rem;
        background-color: #4ac5ff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        font-size: 0.2rem;
        margin-top: 0;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    .more_new .new_one {
        margin-top: 0.3rem;
        overflow: hidden;
    }
    .new_one .new_list .new_ul {
        margin-top: 0.2rem;
        padding: 0.2rem;
        border: 1px solid #4bc5ff;
        border-radius: 0.1rem;
        background-color: #fff;
        overflow: hidden;
    }
    .new_one .new_list .new_ul li a {
        font-size: 0.2rem;
        display: block;
        text-align: left;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .discuss{
        display: none;
    }
    .col_list {
        overflow: hidden;
        margin: 0.4rem 0;
    }
    .list_con {
        width: 100%;
    }
    .col_list .list_div {
        width: 25%;
        overflow: hidden;
        float: left;
    }
    .col_list .list_div img {
        width: 0.8rem;
        height: 0.9rem;
        display: block;
        float: left;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    .col_list .list_div div {
        float: left;
        margin-left: 0.14rem;
        margin-top: 0.15rem;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    .col_list .list_div div span {
        display: block;
        font-size: 0.15rem;
        color: #4ac5ff;
    }
    .footer .footer_logo img {
        display: inline-block;
        width: 35.5%;
    }
    .footer {
        width: 100%;
        padding: 0.35rem 0;
        margin-top: 0.4rem;
        background: url(../images/foot.png)no-repeat center;
        background-size: cover;
        text-align: center;
    }
    .footer .footer_logo {
        display: block;
        text-align: center;
        padding: 0.15rem 0;
    }
    .footer .footer_dis span {
        display: inline-block;
        font-size: 0.2rem;
        color: #fff;
    }
    .footer .footer_dis i {
        display: inline-block;
        width: 1px;
        height: 0.35rem;
        margin: -3px 0.15rem;
        background-color: #fff;
    }
    .footer .parant>div {
        display: inline-block;
        margin: 0 0.2rem;
        width: 10%;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    .footer .parant>div img{
        width: 100%;
    }
    .footer_p .footer_ul li a {
        font-size: 0.2rem;
        color: #fff;
        opacity: 0.7;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
    .col_list .none{
        display: block;
    }
}
@media screen and (max-width:370px) {
    .col_list .list_div {
        width: 25%;
        overflow: hidden;
        float: left;
        -webkit-transform: scale(.9,.9);
        -moz-transform: scale(.9,.9);
        -o-transform: scale(.9,.9);
        transform: scale(.9,.9);
    }
}