@media screen and (min-width: 1280px) and (max-width: 1440px) {

    .w1440{width: 94%}

    /*----list01----*/
    .list01{padding: 80px 0;}
    .list01 .list01_left{width: 47%; margin-left: 3%; padding: 30px 30px 0 0}
    .list01 .list01_left p{line-height: 24px;}

    .list01 .list01_right{width: 50%; line-height: 0; position: relative}

    .product_li_con .img_list{padding: 0}

}

@media only screen and (width:1024px) {

    .w1440{width: 94%}
    .w1200{width: 94%}

    .nav .nav_bar li>a:before{margin: -10px 10px 0 0}

    /*----footer----*/
    .footer .footer_con{padding-bottom: 60px}
    .footer .footer_con .footer_left{width: 30%;}
    .footer .footer_con .footer_left .img{margin-bottom: 30px;}
    .footer .footer_con .footer_left .img img{width: 100%;}
    .footer .footer_con .footer_left p{font-size: 12px; padding-left: 0;}

    .footer .footer_con .footer_left .search{width: 100%; margin-left: 0;}
    .footer .footer_con .footer_left .search .key{width: 70%;}

    .footer .footer_con .footer_right{width: 60%; margin-left: 5%}
    .footer .footer_con .footer_right .footer_nav a{width: 12%; font-size: 13px; margin-right: 1%;}



    /*----list01----*/
    .list01{padding: 80px 0; }
    .list01 .list01_left{width: 45%; margin-left: 5%; padding: 30px 20px 20px 0}
    .list01 .list01_left h1{font-size: 18px;}
    .list01 .list01_left p{font-size: 12px; line-height: 22px;}

    .list01 .list01_right{width: 50%; padding: 20px 0;}

    /*----list04----*/
    .list04 .list li h1{font-size: 16px;}
    .list04 .list li h1 i{font-size: 18px;}
    .list04 .list li h6{font-size: 12px;}
    .list04 .list li p{font-size: 12px;}

    .list04 .list .li .img{height: 200px;}
    .list04 .list .li .t{height: 200px; padding: 30px 20px;}

    .list04 .list .li_i .img{height: 200px;}
    .list04 .list .li_i .t{height: 200px; padding: 30px 20px;}

    .list04 .list .li_ii .img{height: 200px;}
    .list04 .list .li_ii .t{height: 200px; padding: 40px 50px;}


    /*----list03----*/
    .list03{padding: 40px 0;}
    .list03 .list{margin-right: -2.3333%}
    .list03 .list li{width: 31%; margin-right: 2.3333%;}
    .list03 .list li .img{height: 190px;}
    .list03 .list li:nth-child(4){display: none}

    /*----page_title----*/
    .page_title{padding: 24px 0 0 0; margin-bottom: 60px; border-bottom: 1px solid #f0f0f0}
    .page_title .title_left{width: 25%;}
    .page_title .title_left h1{font-size: 20px;}
    .page_title .title_right a{width: 110px; margin-right: 1px; }

    .page_partners .network img{width: 100%;}

    .product_li_con .img_list{padding: 0;}


}







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

    .w1200{width: 94%}
    .w1440{width: 92%}

    /*----header----*/
    .header{height: 60px;}

    .header .header_top{height: 60px; border-bottom: none}
    .header .header_top .logo{width: 171px; height: 50px; float: left; margin: 5px 0 0 0; background: url("../image/logoii.png") no-repeat; background-size: cover;}
    .header .header_top .logo p{display: none}
	.header .header_top .top_right{margin: 20px 40px 0 0}
	.header .header_top .top_right a{margin-left: 6px; padding: 0 2px;}
	.header .header_top .top_right a:nth-child(1){display:none}
	.header .header_top .top_right .ewm{display: none}



    /**/
    .nav{width: 260px; height: 100%; position: fixed; top: 0; left: -260px; border-top: none; background: #f0f0f0; margin-top: 60px;}
    .nav .nav_bar{width: 100%; padding-top: 60px;}
    .nav .nav_bar li{width: 100%; margin: 0;}
    .nav .nav_bar li>a{font-size: 13px; color: #181818;}
    .nav .nav_bar li a:before{display: none}

    .nav .nav_son{display: none}
    /**/



    .nav.nav_on{left: 0}

    .header .button{display: block}


    /*----footer----*/
    .footer{padding: 20px 0; }

    .footer .footer_ying{display: none}
    .footer .footer_link{display: none}


    .footer .footer_copy{padding: 20px 0 0 0;}
    .footer .footer_copy span{display: block; margin-right: 0; font-size: 13px; margin-bottom: 10px;}
    .footer .footer_copy .span{float: left;}
    .footer .footer_copy .span a{margin-left: 0; margin-right: 10px;}





    /*----banner----*/
    .banner{position: relative; padding-top: 50px}

    .banner .txt{left: 5%; top: 40%;}
    .banner .txt h1{font-size: 16px;}
    .banner .txt p{font-size: 13px;}

    .mark{height: 0;}

    /*----content----*/
    .title{padding-bottom: 30px;}
    .title .title_left{width: 100%;}
    .title .title_left h1{font-size: 18px;}
    .title .title_left h6{font-size: 13px;}
    .title .title_right{display: none}


    /*----list01----*/
    .list01{padding: 40px 0; margin-top: 0;}
    .list01 .w1440{background: #fff; box-shadow: none}
    .list01 .list01_left{width: 100%; margin-left: 0; padding: 0; margin-bottom: 10px;}
    .list01 .list01_left h1{font-size: 18px;}
    .list01 .list01_right{width: 100%; line-height: 0; position: relative}

    /*----list05----*/
    .list05{height: 220px; padding: 20px 0; background: url("../image/img16.jpg") no-repeat center}
    .list05 .li{width: 50%; margin-top: 0; padding: 10px 0; border: none}
    .list05 .li:nth-child(1):before{content: ""; display: block; width: 80%; height: 1px; background: #f0f0f0; position: absolute; bottom: 0; right: 0; margin-bottom: -1px}
    .list05 .li:nth-child(1):after{content: ""; display: block; width: 1px; height: 100%; background: #f0f0f0; position: absolute; bottom: 0; right: 0}
    .list05 .li:nth-child(4):before{content: ""; display: block; width: 80%; height: 1px; background: #f0f0f0; position: absolute; top: 0; left: 0}
    .list05 .li:nth-child(4):after{content: ""; display: block; width: 1px; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 0; margin-left: -1px}
    .list05 .li span{font-size: 32px; margin-top: 10px;}

    /*----list02----*/
    .list02{padding: 40px 0;}
    .list02 .list02_con .li{float: left; width: 48%; height: 60px; margin: 0 1% 10px 1%; padding: 0;}
    .list02 .list02_con .li .txt{padding: 14px 10px 10px 10px;}
    .list02 .list02_con .li .txt h1{font-size: 14px; font-weight: normal; margin-bottom: 8px;}
    .list02 .list02_con .li .txt h3{display: none;}
    

    /*----list04----*/
    .list04{padding: 40px 0; margin-bottom: 0; background: #f4f4f4;}

    .list04 .list li{margin-bottom: 10px;}

    .list04 .list li h1{font-size: 18px; color: #333;}
    .list04 .list li h1 i{font-size: 16px;}
    .list04 .list li h6{font-size: 12px; color: #999;}
    .list04 .list li p{display: none}

    .list04 .list .li{width: 100%;}
    .list04 .list .li .img{width: 50%; height: 150px;}
    .list04 .list .li .t{width: 50%; height: 150px; padding: 50px 10px;}

    .list04 .list .li_i{width: 100%;}
    .list04 .list .li_i .img{width: 100%; height: 150px;}
    .list04 .list .li_i .img img{width: 100%;}
    .list04 .list .li_i .t{width: 100%; margin-left: 0; height: 150px; padding: 30px;}

    .list04 .list .li_ii{width: 100%;}
    .list04 .list .li_ii .img{width: 50%; margin-left: 0; height: 150px;}
    .list04 .list .li_ii .t{width: 50%; height: 150px; padding: 40px 20px; }

    /*----list03----*/
    .list03{padding: 30px 0 40px 0; position: relative}
    .list03 .list{margin-right: -1%}
    .list03 .list li{width: 100%; margin-right: 0; margin-bottom: 20px; padding: 0; background: #fff;}
    .list03 .list li .img{height: 180px;}
    .list03 .list li:nth-child(4){display: none}



    /*----page_con----*/
    .page_con{position: relative; padding: 80px 0 40px 0}

    /*----page_title----*/
    .page_title{padding: 24px 0 0 0; margin-bottom: 40px; border-bottom: none}
    .page_title .title_left{width: 100%; margin-bottom: 10px;}
    .page_title .title_left h1{font-size: 18px;}
    .page_title .title_right{float: none; font-size: 0;}
    .page_title .title_right a{width: 33%; padding: 10px 0; margin-right: 1px; margin-bottom: 2px;}


    /*----page_about----*/
    .page_about{margin-bottom: 20px;}
    .page_about h1{font-size: 16px;}

    /*----page_features----*/
    .page_features .list{margin-right: -2%;}
    .page_features .list li{width: 48%; margin-right: 2%;}
    .page_features .list li p{font-size: 13px; color: #333; line-height: 32px; text-align: center}

    .page_features h3{font-size: 18px; color: #333; line-height: 36px; margin-bottom: 20px; padding-left: 44px; font-weight: bold; border-bottom: 1px solid #dedede; background: url("../image/logoi.png") no-repeat ; background-size: 38px 38px}
    .page_features h6{font-size: 13px; color: #333; line-height: 22px; margin-bottom: 30px}

    /*----page_partners----*/
    .page_partners .network img{width: 100%;}
    .page_partners .list{margin-right: -2%; }
    .page_partners .list li{width: 31.3333%;}


    /*----page_product----*/
    .page_product .list{margin-right: 0}
    .page_product .list li{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .page_product .list li .txt{padding: 20px;}
    .page_product .list li .txt h1{font-size: 15px; font-weight: normal; margin-bottom: 10px;}
    .page_product .list li .txt h3{font-size: 12px; height: auto; }


    /*----page_product_li----*/
    .product_li{}
    .product_li .product_li_left{width: 100%; margin: 10px 0;}
    .product_li .product_li_left .product_img{width: 100%; overflow: hidden}
    .product_li .product_li_left .product_img img{width: 100%; float: none; display: block}

    .product_li .product_li_left .product_c{display: none}

    .product_li .product_li_right{width: 100%;}
    .product_li .product_li_right .product_con{display: block; margin-bottom: 20px;}
    .product_li .product_li_right .product_con.active{display: block}
    .product_li .product_li_right .product_con h1{font-size: 18px; font-weight: normal; margin-bottom: 10px}
    .product_li .product_li_right .product_con h6{font-size: 13px; line-height: 22px; margin-bottom: 20px;}

    .product_li .product_li_right .product_con .img_list{margin-bottom: 20px;}

    /*----product_li_con----*/

    /*----product_li_con----*/
    .product_li_con h6{font-size: 14px;}
    .product_li_con .img_list{margin-bottom: 40px; padding: 0;}
    .product_li_con .img_list .view{margin-right: -2%}
    .product_li_con .img_list .view .img-center{width: 48%; margin-right: 2%;}
    .product_li_con .product_con .img_ca p{font-size: 14px;}
    .product_li_con .product_con .img_ca img{width: 100%;}


    /*----page_producshow----*/
    .page_productshow{width: 100%; margin-left: 0;}
    .page_productshow .title h1{font-size: 18px;}
    .page_productshow .img{width: 100%;}
    .page_productshow .con .conn h6{font-size: 17px;}
    .page_productshow .con .conn img{height: auto}
    .page_productshow .con .conn table{width: 100%; margin-top: 20px}
    .page_productshow .con .conn th{font-size: 14px;}
    .page_productshow .con .conn td{font-size: 13px;}

    .productshow_hot{margin-top: 60px;}
    .productshow_hot h6{font-size: 15px;}
    .productshow_hot h6 i{font-size: 12px;}
    .productshow_hot .list{margin-right: -1.3333%}
    .productshow_hot .list li{width: 32%; margin-right: 1.3333%;}
    .productshow_hot .list li .img{height: 70px;}
    .productshow_hot .list li .txt h1{font-size: 12px;}

    .product_key{margin-top: 20px;}
    .product_key h1{font-size: 15px;}
    .product_key h1 i{font-size: 12px;}
    .product_key a{font-size: 12px;}


    /*----page_news----*/
    .page_news .list{margin-right: 0}
    .page_news .list li{width: 100%; margin-right: 0; margin-bottom: 20px; padding-bottom: 20px;}
    .page_news .list li h1{font-size: 17px; margin-bottom: 10px;}
    .page_news .list li p{font-size: 13px; margin-bottom: 20px}
    .page_news .list li h6{font-size: 14px; font-weight: normal;}

    /*----page_newshow----*/
    .page_newshow .title h1{font-size: 17px;}
    .page_newshow .title span{font-size: 13px; font-weight: normal;}
    .page_newshow .con{width: 100%;}
    .page_newshow .con p{font-size: 13px;}

    .page_newshow .keyword{width: 100%;}

    /*----show_page----*/
    .show_pages{margin: 20px 0; padding-left: 0}

    /*----page_contact----*/
    .page_contact{margin-bottom: 40px;}
    .page_contact h1{font-size: 18px; margin-bottom: 20px}

    .page_contact .contact_left{width: 100%; margin-bottom: 20px;}
    .page_contact .contact_left span{font-size: 13px;}
    .page_contact .contact_left img{display: none}

    .contact_map{width: 100%;}

    /*----page_message----*/
    .page_message{width: 100%; padding: 0 0 20px 0;}

    .page_message p {padding-left: 60px;}
    .page_message p span {font-size: 13px; width: 60px;}
    .page_message p input {width: 98%;}

    /*----page_city----*/
    .page_city .w1200{width: 94%;}

    /*----right_list----*/
    .right_list .li:nth-child(2){display: none}
    .right_list .li:nth-child(3){display: none}




}