@media  (max-width: 768px){
    body{min-width: 320px;}

    .container{width: 95%; height: 100%;}

    .header{display: none;}

    .wrappers{min-width: 320px; padding-top: 60px;}

    .phone{display: block;}
    #cd-menu-trigger{display: block; padding-top: 20px;}
    #cd-menu-trigger .cd-menu-icon{background-color: #fff;}
    #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after{background-color: #fff;}

    #index-banner{height: 350px;}
    #index-banner .cell h1{font-size: 24px;}
    #index-banner .cell h2{width: 80%; margin: 0 auto;}
    #index-banner .cell h2 p{line-height: 25px; font-size: 12px;}
    #index-banner .swiper-pagination-bullet{margin: 0 8px;}
    #index-banner .swiper-button-prev{left: 0%;}
    #index-banner .swiper-button-next{right: 0%;}

    .title{padding-bottom: 15px;}

    .index1{padding: 30px 0;}
    .index1 .nr_left{width: 100%; float: none;}
    .index1 .index1swiper{height: auto;}
    .index1 .index1swiper .img{}
    .index1 .index1swiper .img img{}
    .index1 .index1swiper .txt{padding: 0 10px; bottom: 10px;}
    .index1 .index1swiper .txt p{font-size: 14px;}
    .index1 .index1swiper .swiper-button{font-size: 50px;}
    .index1 .index1swiper .swiper-button-prev{left: 10px;}
    .index1 .index1swiper .swiper-button-next{right: 10px;}
    .index1 .nr_right{width: 100%; float: none; margin-top: 25px;}
    .index1 .nr_right .box1{height: auto;}
    .index1 .nr_right .box1 ul li{margin-bottom: 20px;}
    .index1 .nr_right .box1 ul li .date{width: 60px; height: 60px;}
    .index1 .nr_right .box1 ul li .date h1{font-size: 20px; padding-top: 5px;}
    .index1 .nr_right .box1 ul li .date span{font-size: 12px; padding-top: 5px;}
    .index1 .nr_right .box1 ul li .lis h1{font-size: 16px; margin-bottom: 10px;}
    .index1 .nr_right .box1 ul li .lis .ckqb{padding-bottom: 12px;}
    .index1 .nr_right .box1 ul li .lis .ckqb a{line-height: 12px;}

    .index2{padding: 30px 0;}
    .index2 .title{margin-bottom: 30px;}
    .index2 .part2 ul li{width: 47%; margin: 0; margin-bottom: 15px;}

    .index3{padding: 30px 0;}
    .index3 ul li{width: 47%; height: auto; margin-bottom: 15px; background:none!important;}
    .index3 ul li .img{height: auto;}
    .index3 ul li .txt{padding: 10px 5px;}
    .index3 ul li .txt h1{font-size: 16px; margin-bottom: 10px;}
    .index3 ul li .txt p{font-size: 12px;}

    .index4{padding: 30px 0;}
    .index4swiper .img img{height: auto;}

    .footer .box1{width: 100%; background-position: top left;}
    .footer .box2{padding: 20px 0;}
    .footer .box2 a{min-width: 40px; font-size: 13px; margin-right: 30px;}
    .footer .box3{padding: 20px 15px; display: block; text-align: center;}
 
    
}