@media (max-width:640px){
    .wrap{
        width: 100%;
    }
    .offsets, .header, .div_ul{
        display: none;
    }
    /*.title{
        height: 70px;
        line-height: 70px;
    }
    .top2{
        display: none;
    }*/
    .footer{
        padding: 0;
    }
    .footer .footer_main{
        z-index: 9999;
        padding: 0 0 8px 0;
        display: none;
    }
    .footer ul li{
        float: none;
        width: 100%;
        margin: 0 auto;
        font-size: 13px;
        color: white;
        border-bottom:1px solid #c8c8c8;
        position: relative;
    }
    .footer h2.h2_11{
        width: 98%;
    }
    .footer h2.h2_11, .footer h2.h2_22{       
        padding: 14px 6px;       
    }
    .footer .footer_main p a{
        padding-left: 15px;
    }
    .footer .footer_main span{
        padding-left: 15px;
        color: #cdcdcd;
    }
    .footer .footer_main span img{
        margin: 12px 0;
    }
    .footer span:nth-of-type(2){
        width: 70%;
    }
    .footer .footer_main p a:hover{
    }
    .nav {
        height: 65px;
        border-top: 1px solid #a5a5a5;
        background: white;
        
    }
    .navs {
        display: block;
    }
    .navs h1{
          background: url("../images/img_011.jpg") left center no-repeat;
          background-size:contain ;
          width: 30%;
          height: 43px;
          margin-top: 10px;
          min-width: 100px;
          margin-left: 2%;
    }
    .nav .btn_toggle {
        width: 27px;
        height: 20px;
        display: none;
        cursor: pointer;
        position: absolute;
        top: 52px;
        right: 2.8%;
    }
    .nav .btn_toggle span {
        width: 100%;
        height: 2px;
        background: #2b2f27;
        display: block;
    }

    .nav .btn_toggle span:nth-of-type(1) {
        margin-bottom: 7px;
        transition: all 0.3s;
    }

    .nav .btn_toggle span:nth-of-type(2) {
        margin-bottom: 7px;
        transition: all 0.3s;
    }
    .nav .btn_toggle span:nth-of-type(3) {
        transition: all 0.3s;
    }
    .nav .btn_toggle {
        display: block;
    }
    .nav .nav_ul {
        position: absolute;
        border-top: 1px solid #a5a5a5;
        display: none;
        z-index: 503;
        top: 100px;
        width: 100%;
        padding: 10px 0;
        background: #3fb607;
        border-bottom: 1px solid #a5a5a5;
        box-sizing: border-box;
    }

    .nav ul.nav_ul li {
        display: block;
        width: 100%;
    }
    .nav ul.nav_ul li.first{
        width: 97%;
        background: none;
        padding-left: 0px;
    }
    .nav ul.nav_ul li a{
        color: #fff;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .nav .nav_ul >li:hover .ul-nav2{
        display: none;
    }
    .nav .nav_ul >li{
        text-align: left;
    }
    .nav .nav_ul >li a{
        padding-left: 4%;
    }
    .tel-fon14{
        font-size: 14px;
    }
    button.more2{
        margin: 25px 0;
    }
    .main_con{
        width: 45%;
    }
    .main_con:nth-of-type(3){
        margin-top: 40px;
    }

    .new_ul li{
        width: 30%;
        margin: 0 9px 18px 9px;
    }
    .new_ul li.last{
        margin: 0 9px!important;
    }
    .pro_ul li{
        width: 44%;
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .pro_ul li:nth-of-type(2){
        border: none;
    }
    .pro_ul li.firster{
        padding: 0 18px!important;
    }
    .wei{
        display: none;
    }
    .fri{
        line-height: 250%;
        padding-bottom: 19px;
    }
    .copyright{
        width: 100%;
        line-height: 50px;
        padding: 18px 0 10px 0;
    }
    .copyright p:nth-of-type(2){
        float: none;
    }
    .com1_ul li{
            width: 49%;
            margin-right: 0px;
            margin-bottom: 20px;
            margin-left: 0px;
        }
    .com1_ul li:nth-of-type(1), .com1_ul li:nth-of-type(3){
           margin-right: 12px;
        }
    .comment_1{
        /*width: 685px;*/
        width: 100%;
        float: none;
    }
    .comment_2{
        float: none;
        /*width: 470px;*/
        width: 100%;
    }
    .common_h1{
        padding: 18px 0 16px 0;
    }
    .part_ul li{
        margin: 0 46px 10px 46px;
    }
    a.number{
        top: 82px;
    }
    .part1_ul li{
        width: 50%;
    }
    .part1_ul li:nth-of-type(1), .part1_ul li:nth-of-type(2){
        margin-bottom: 35px;
    }
    .pro_ul li.laster{
        padding: 0 19px!important;
    }
}
    @media all and (min-width: 320px) and (max-width: 414px){
        a.number{
            display: none;
        }
        .part_ul{
            width: 95%;
            padding: 16px 2.5%;
        }
        .part_ul li{
            margin: 0 18px 10px 18px;
        }
        .part_ul li.one{
            margin: 0 18px 10px 18px!important;
        }
        .com2_div ul{
            width: 95%;
            padding: 0 2.5%;
        }
        .com2_div em{
            display: none;
        }
        .com2_div em:nth-of-type(1){
            display: block;
        }
        .com2_div .li_one p{
            float: none;
            width: 95%;
            padding: 0 2.5%;
        }
        .com2_div .li_one p.p_1{
            text-align: center;
            display: inline-block;
            margin-bottom: 15px;
        }
        .com2_div .li_one p.p_1 img{
            /*width: 100%;
            height: 67px;*/
        }
        .com2_div .li_one p.p_2{
            margin-left: 0px;
        }
        .part1_ul{
            padding: 18px 0 0 0;
        }
        .part1_ul li{
            width: 95%;
            padding: 0 2.5%;
            margin-bottom: 20px;
        }
        .part1_ul li:nth-of-type(1), .part1_ul li:nth-of-type(2){
            margin-bottom: 20px!important;
        }
        .top p.p_2{
            display: none;
        }
        .main_con{
            width: 100%;
            float: none;
            margin-right: 0px;
        }
        .main_con:nth-of-type(3){
            margin-top: 0px;
        }
        .ban_ul li{
            /*height: 100px;*/
        }
        .main{
            padding: 20px 0;
        }
        .pro_ul li{
            float: none;
            width: 68.5%;
            border-right: none;
            padding: 0;
            margin: 0 auto 20px auto;
        }
        .pro_ul li.firster{
            padding: 0px!important;
        }
        .new_ul li{
            width: 46.5%;
            margin: 0 4px 18px 4px;
        }
        .new_ul li.last{
            margin: 0 4px 18px 4px!important;
        }
        .copyright{
            padding: 20px 0 36px 0;
            line-height: 230%;
        }
        .copyright p{
           margin-bottom: 10px;
        }
        .com1_ul li{
            float: none;
            width: 100%;
            margin-right: 0px;
            margin-bottom: 20px;
            margin-left: 0px;
        }
        .slides img {
            height: 120px;
            width: 100%;
        }
        .flex-control-nav {
            display:none;
        }
        #Hezuo {
            width:100%!important;
        }
        .part_ul li {
            text-align:center;
        }
}
@media all and (max-width: 320px){
    .pro_ul li{
        width: 84.5%;
    }
}
@media all and (max-width: 375px){
    .pro_ul li{
        width: 75.5%;
    }
}