@media screen and (max-width: 479px) {

    .w1200{width: 100%}

    /*----header----*/
    .header{height: 60px; background: #fff}
    .header .logo{width: 160px; height: 40px; margin: 10px 0 0 10px; background: url("../image/logo1.png") no-repeat; background-size: cover}

    .header .button{display: block}

    .nav{width: 260px; height: 100%; position: fixed; left: -260px; margin: 60px 0 0 0; background: #1b1b1b}
    .nav .nav_bar{margin: 40px 0 0 10px}
    .nav .nav_bar li{float: none; margin: 0 0 10px 0; padding-left: 40px}
    .nav .nav_bar li a{font-size: 13px; color: #fff; padding: 0 20px; line-height: 40px;}

    .nav .lan{margin: 46px 20px 0 0}
    .nav .lan:before{display: none}

    .header.mini .logo{margin: 10px 0 0 10px}

    .header.mini .nav{margin: 60px 0 0 0;}
    .header.mini .nav .nav_bar li a{color: #fff}

    .header.mini .lan{margin: 46px 20px 0 0}

    .nav.mobile-left{left: 0}

    /*----footer----*/
    .footer .w1200{width: 94%;}
    .footer .footer_top{padding: 20px 0 20px 0}
    .footer .footer_left{width: 100%}
    .footer .footer_left .con h3{font-size: 16px}
    .footer .footer_left .con p{font-size: 12px}

    .footer .footer_right{display: none}

    .footer .footer_end .jc{display: none}


    /*----banner----*/
    .banner{position: relative}
    .banner .txt{width: 220px; height: auto; margin: 0 10% 5% 0}
    .banner .txt img{width: 100%}
    .banner .txt1{width: 220px; height: auto; margin: 30% 0 0 5%}
    .banner .txt1 img{width: 100%}

    .banner .swiper-slide-active .txt{opacity: 1; margin: 0 10% 15% 0}
    .banner .swiper-slide-active .txt1{opacity: 1; margin: 20% 0 0 5%}

    /*----list01----*/
    .list01 .w1200{width: 94%; padding: 30px 0 40px 0}
    .list01 .list01_title{margin-bottom: 20px}
    .list01 .list01_title .title{float: none}
    .list01 .list01_title .title h3{font-size: 18px;}
    .list01 .list01_title .title p{font-size: 14px}
    .list01 .list01_title .li{display: none}

    .list01 .list01_con .list{margin-right: -2%}
    .list01 .list01_con .list li{width: 48%; margin-right: 2%; margin-bottom: 10px}
    .list01 .list01_con .list li .txt{height: 40px; line-height: 40px; padding-left: 5px; background: #f4f4f4; position: relative; bottom: 0}
    .list01 .list01_con .list li .txt h3{font-size: 13px; color: #333}

    /*----list02----*/
    .list02 .list02_bg{width: 94%; margin: 0 auto; background: transparent}
    .list02 .list02_bg .w1200{padding: 0}

    .list02 .list02_left{width: 100%;}
    .list02 .list02_left .con{padding: 0 5px 30px 5px; background: #fff}
    .list02 .list02_left .con h3{font-size: 18px}
    .list02 .list02_left .con h4{font-size: 14px}
    .list02 .list02_left .con .link{border-radius: 0}

    .list02 .list02_right{width: 100%; height: 190px; overflow: hidden}
    .list02 .list02_right .con{margin-top: 0}
    .list02 .list02_right .con .mark{display: none}

    /*----list03----*/
    .list03{position: relative; background: #f4f4f4; margin: 20px 0 20px 0; padding-bottom: 0}
    .list03:before{display: none}
    .list03 .con{width: 94%; margin: 0 auto; padding: 20px 0 20px 0}
    .list03 .con .list li{width: 100%; float: none; margin-right: 0; margin-bottom: 12px}
    .list03 .con .list li:nth-child(2){margin-top: 0; margin-left: 0; margin-right: 0}
    .list03 .con .list li:nth-child(3){margin-top: 0}
    .list03 .con .list li:before{display: none}
    .list03 .con .list li:nth-child(2):before{display: none}
    .list03 .con .list li .txt{padding: 20px 10px; background: #fff}
    .list03 .con .list li .txt h3{font-size: 14px; color: #333; margin-bottom: 6px;}

    .list03 .con .list li .data{background: #f0f0f0; padding: 6px}
    .list03 .con .list li .data h3{font-size: 20px; float: left; margin-right: 5px;}
    .list03 .con .list li .data p{font-size: 12px; float: left; margin-top: 8px;}
    .list03 .con .list li .data span{display: none}

    /*----list04----*/
    .list04{background: #fff}
    .list04 .list04_con{width: 94%; margin: 0 auto; top: 0; padding-bottom: 20px; box-shadow: none}
    .list04 .list04_con .li li{width: 50%; float: left; padding: 50px 0; position: relative}
    .list04 .list04_con .li li:nth-child(1):before{content: ""; display: block; width: 70%; height: 1px; background: #e0e0e0; position: absolute; right: 0; bottom: 0}
    .list04 .list04_con .li li:nth-child(1):after{content: ""; display: block; width: 1px; height: 70%; background: #e0e0e0; position: absolute; right: 0; bottom: 0}
    .list04 .list04_con .li li:nth-child(4):before{content: ""; display: block; width: 70%; height: 1px; background: #e0e0e0; position: absolute; left: 0; top: 0; margin-top: -1px}
    .list04 .list04_con .li li:nth-child(4):after{content: ""; display: block; width: 1px; height: 70%; background: #e0e0e0; position: absolute; left: 0; top: 0; margin-left: -1px}
    .list04 .list04_con .li li .p .number{font-size: 28px;}
    .list04 .list04_con .li li .p .unit{font-size: 12px}
    .list04 .list04_con .li li .title{font-size: 13px}

    /*----list05----*/
    .list05{width: 94%; margin: 0 auto; padding-top: 30px; padding-bottom: 20px}
    .list05 .txt{width: 100%; float: none; padding-top: 0; padding-right: 0; margin-bottom: 20px; text-align: left}
    .list05 .txt h3{font-size: 18px}
    .list05 .txt p{font-size: 12px; color: #666; line-height: 22px;}

    .list05 .img{width: 100%}
    .list05 .img .bg{display: none}

    .list05 .slick-prev{left: 0}
    .list05 .slick-next{right: 10px}

    .slick-prev, .slick-next{margin-top: 24%}


    /*----page----*/
    .page_banner{height: 180px; margin-top: 60px}
    .page_banner .page_title{padding-top: 120px; padding-left: 20px}
    .page_banner .page_title .tn{font-size: 16px}
    .page_banner .page_title .te{font-size: 22px}

    .page_con{padding: 20px 0 40px 0}
    .page_con .site{margin-bottom: 30px}
    .page_con .site .site_con .last{margin-right: 12px;}

    /*----page----*/
    .page_eg{width: 92%; margin: 0 auto; padding: 0; box-shadow:none}
    .page_eg .eg_con{margin: 0}

    /*----page_about----*/
    .page_about p{font-size: 12px}
    .page_about .about_img{margin-top: 40px}

    /*----page_product----*/
    .product_title{width: 94%; margin: 0 auto}
    .product_title:before{background: transparent}
    .product_title .li{margin-right: -1.3333%}
    .product_title .li li{width: 32%; float: left; margin-right: 1.3333%; margin-bottom: 5px}
    .product_title .li li a{width: 100%; padding: 8px 0; font-size: 12px}

    .product_con{width: 94%; margin: 0 auto; padding-top: 30px;}
    .product_con .list{margin-right: -2%}
    .product_con .list li{width: 48%; margin-right: 2%; margin-bottom: 12px}
    .product_con .list li .txt{height: 42px; line-height: 42px}
    .product_con .list li .txt h3{font-size: 12px}

    /*----page_productshow----*/
    .productshow_con{width: 94%; margin: 0 auto; padding: 40px 0 0 0}
    .productshow_con .show_left{width: 100%; margin-right: 0}
    .productshow_con .show_left h3{font-size: 20px}
    .productshow_con .show_left .pro_con .table{padding: 20px 0 0 0}

    .productshow_con .show_right{width: 100%;}

    /*----page_honor----*/
    .page_honor .eg_con{margin-right: 0}
    .page_honor .eg_con li{width: 100%; margin-right: 0; margin-bottom: 20px}

    /*----page_enterprise----*/
    .page_enterprise{width: 94%; margin: 0 auto; padding-bottom: 10px}
    .page_enterprise .txt{width: 100%;  padding-top: 0; padding-right: 0; margin-bottom: 20px; text-align: left}
    .page_enterprise .txt h3{font-size: 20px}
    .page_enterprise .txt .line{width: 100%; left: 0}
    .page_enterprise .txt p{font-size: 12px}

    .enterprise_con .img{width: 100%}
    .enterprise_con .img .bg{display: none}

    .enterprise_con .slick-prev{left: 0}

    /*----page-news----*/
    .page_news{width: 94%; margin: 0 auto}
    .page_news .list{list-style: none; margin-right: 0}
    .page_news .list li{width: 100%; margin-right: 0; margin-bottom: 20px}
    .page_news .list li .txt{padding: 10px;}
    .page_news .list li .txt h3{font-size: 14px;}

    .page_news .list li .data{padding: 8px 10px}
    .page_news .list li .data h3{font-size: 22px; float: left;}
    .page_news .list li .data p{font-size: 12px; float: left; padding-left: 8px; padding-top: 9px}
    .page_news .list li .data span{display: none}

    .page_news .list li:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px)}
    .page_news .list li:hover .txt{border: 1px solid #e7090b; background: #fff}
    .page_news .list li:hover .data{background: #e7090b}
    .page_news .list li:hover .data h3{color: #fff}
    .page_news .list li:hover .data p{color: #f4f4f4}
    .page_news .list li:hover .data span{border: 1px solid #fff}
    .page_news .list li:hover .data span i{color: #fff}

    /*----page_newshow----*/
    .page_newshow{width: 92%; margin: 0 auto}
    .page_newshow .newshow_title h3{font-size: 16px}
    .page_newshow .newshow_con p{font-size: 12px}

    /*----page_contact----*/
    .page_contact h3{font-size: 18px}
    .page_contact .line{display: block; width: 90px; height: 1px; background: #e7090b; margin-bottom: 20px}
    .page_contact p{font-size: 13px; color: #666; line-height: 26px}
    .page_contact .map{height: 360px; margin-top: 30px;}












}