/*Created by lk on 2020/04/28.*/

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

    .w1440{width: 92%;}

    .header .logo{margin: 15px 0 0 40px;}
    .header_lan{margin-right: 40px;}

    .nav{margin-left: 2%;}

    .slide-inner{background-size: cover}

    .list01 .list01_con:before{top: 10px; left: 0; }
    .list01 .list01_con:after{top: 10px; right: 0; }

    .list02 .list02_con .list li{padding: 200px 0 260px 0;}

    .list02 .list02_con .list li .li_r{padding: 160px 16% 80px 80px;}
    .list02 .list02_con .list li .li_r h1{font-size: 32px; margin-bottom: 30px;}
    .list02 .list02_con .list li .li_r p{font-size: 14px;}

    .list03 .list03_con .li_r .list li{margin-bottom: 24px;}

    .list04 .list04_con .li_r .list{
        margin-right: -2%;
    }

    .list04 .list04_con .li_r .list li{
        width: 31.3333%;
        margin-right: 2%;
    }

    .list04 .list04_con .li_r .list li .text .t h1{
        font-size: 16px;
    }

    .list05{
        height: 76vh;
    }

    .list05 .list05_li .list li{
        padding: 20px 0 40px 0;
    }

    .list05 .list05_bg .bg .text{
        padding: 12% 50% 0 16%;
    }


}

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

    .nav .nav_bar li{width: 160px;}

    .title h1{font-size: 40px;}

    .list01 .list01_con h1{font-size: 38px;}

    .list02 .list02_con .list li{padding: 180px 0;}

    .list02 .list02_con .list li .li_r p{width: 100%; height: 80px; text-overflow: ellipsis; overflow: hidden}

    .list03 .list03_con .li_r .list li{margin-bottom: 22px;}

    .list04 .list04_con .li_r .list{
        margin-top: 30px;
    }

    .list05{
        height: 70vh;
    }

    .list06 h1{
        font-size: 38px;
    }

}

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

    .nav .nav_bar li{width: 140px;}

    .title{margin-bottom: 30px;}
    .title h1{font-size: 28px; }

    .a_link{width: 150px; height: 44px; line-height: 44px;}
    .a_link i{background: url("../image/ico14.png") no-repeat 76px 6px;}
    .a_link:hover i{background: url("../image/ico15.png") no-repeat 76px 6px}

    .list01{padding: 100px 0;}
    .list01 .list01_con{width: 84%;}
    .list01 .list01_con:before{top: 0; left: 0; }
    .list01 .list01_con:after{top: 0; right: 0; }
    .list01 .list01_con h1{font-size: 28px;}
    .list01 .list01_con h4{font-size: 15px;}

    .list02 .list02_con .list li{padding: 140px 0}
    .list02 .list02_con .list li .li_i .ico{width: 56px; height: 56px;}
    .list02 .list02_con .list li .li_i .ico img{width: 100%;}
    .list02 .list02_con .list li .li_i h1{font-size: 26px; width: 26px;}
    .list02 .list02_con .list li .li_r h1{font-size: 26px;}

    .list02 .list02_con .list li .li_r .a_link{margin: 40px 0 0 0;}
    .list02 .list02_con .list li .li_r .a_link i{background: url("../image/ico15.png") no-repeat 76px 6px}
    .list02 .list02_con .list li .li_r .a_link:hover i{background: url("../image/ico14.png") no-repeat 76px 6px}

    .list03{padding: 80px 0;}
    .list03 .list03_con .li_l:before{margin-bottom: 8px; }
    .list03 .list03_con .li_r .list li{margin-bottom: 18px;}

    .list04{
        padding: 80px 0 20px 0;
    }

    .list04 .list04_con{
        padding-bottom: 60px;
    }

    .list04 .list04_con .li_l{
        width: 42%;
        margin-right: 3%;
    }

    .list04 .list04_con .li_r{
        width: 55%;
    }

    .list04 .list04_con .li_r .list li{
        width: 48%;
    }

    .list04 .list04_con .li_r .list li:last-child{
        display: none;
    }

    .list05 .list05_li .list li{
        padding: 10px 0 30px 0;
    }

    .list05 .list05_bg .bg .text h1{
        font-size: 26px;
        font-weight: normal;
    }

    .list05 .list05_bg .bg .text p{
        font-size: 14px;
    }

    .list05 .list05_li .list li .ico{
        width: 50px;
        height: 50px;
    }

    .list05 .list05_li .list li .ico img{
        width: 100%;
    }

    .list05 .list05_li .list li h3{
        font-size: 15px;
    }

    .list06 h1{
        font-size: 28px;
    }

    .list06 p{
        font-size: 15px;
    }

    .list06 .a_link i{
        background: url("../image/ico16.png") no-repeat 76px 6px;
    }

    .list06 .a_link:hover i {
        background: url("../image/ico15.png") no-repeat 76px 6px;
    }

    .list06:hover .a_link i{
        background: url("../image/ico15.png") no-repeat 76px 6px;
    }

    .list06:hover .a_link:hover i{
        background: url("../image/ico14.png") no-repeat 76px 6px;
    }

    .footer{padding: 40px 0;}

    .footer .footer_con .footer_left{width: 50%;}
    .footer .footer_center{width: 50%; padding-top: 80px;}
    .footer .footer_con .footer_right{width: 100%; padding-top: 20px}


}

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

    .nav{margin-left: 3%;}

    }


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

    .header .logo{margin: 15px 0 0 20px;}

    .nav .nav_bar li{width: 126px;}
    .nav .nav_bar li a{font-size: 13px;}

    .header_lan{margin-right: 20px;}

    .title h1{font-size: 22px; }

    .list02 .list02_con .list li .li_i h1{font-size: 22px; width: 22px;}
    .list02 .list02_con .list li .li_r{padding: 160px 12% 80px 60px;}
    .list02 .list02_con .list li .li_r h1{font-size: 22px;}

    .list04 .list04_con .li_l .text .t{
        width: 80%;
    }

    .list04 .list04_con .li_l .text .t h1{
        font-size: 16px;
    }

    .list05 .list05_bg .bg .text h1{
        font-size: 22px;
    }

    .list06 h1{
        font-size: 22px;
    }


    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 16%;}
    .right_list .li{width: 38px; height: 38px; margin-bottom: 2px; line-height: 38px;}
    .right_list .li i{font-size: 24px;}

    .right_list .li .img p{line-height: 10px; font-size: 13px; color: #333}

    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel h3{font-size: 16px; line-height: 40px; }
    .right_list .li .tel h3 i{font-size: 18px;}

    .right_list .li:hover .tel{margin: 0 50px 0 0;}


}

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

    .header:before{content: ""; display: block; width: 100%; height: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 9;}

    .nav{position: fixed; top: -120%; left: 0; width: 100%; height: 100%; margin-left: 0; margin-top: 80px; background: #f4f4f4;} 
    .nav .nav_bar{padding-top: 40px;}
    .nav .nav_bar li{width: 16.6666%;}
    .nav .nav_bar li .nav_son{overflow: visible;}
    .nav.nav_on{top: 0;}

    .footer .footer_con .footer_left{width: 35%;}
    .footer .footer_con .footer_left .footer_logo{display: none;}
    .footer .footer_center{display: none;}
    .footer .footer_con .footer_right{width: 65%; padding-top: 50px;}

    .footer .footer_end{margin-top: 20px;}

    .header .button{display: block;}
    .header_lan{margin-right: 100px;}

    .list02 .list02_con .list li{padding: 120px 0}
    .list02 .list02_con .list li .li_r{padding: 160px 12% 80px 40px;}
}


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

    .footer .footer_con .footer_left{width: 40%;}
    .footer .footer_con .footer_right{width: 60%;}

    .list01{padding: 60px 0;}

    .list01 .list01_con h1{font-size: 22px;}

    .list02 .list02_con .list li{padding: 110px 0}

    .list02 .list02_con .list li .li_i h1{font-size: 20px; width: 20px;}
    .list02 .list02_con .list li .li_r{padding: 100px 20px 40px 20px;}
    .list02 .list02_con .list li .li_r h1{font-size: 20px;}

    .list03{padding: 50px 0;}

    .list04{
        padding: 50px 0 0 0;
    }

    .list04 .list04_con .li_l{
        width: 40%;
    }

    .list04 .list04_con .li_l .text .t{
        width: 78%;
        padding: 10px 0 0 10px;
    }

    .list04 .list04_con .li_l .text .t h1{
        font-size: 15px;
    }


    .list04 .list04_con .li_l .p{
        display: none;
    }

    .list04 .list04_con .li_r{
        width: 57%;
    }

    .list04 .list04_con .li_r .l_li a{
        font-size: 16px;
    }

    .list04 .list04_con .li_r .list{
        margin-top: 20px;
    }

    .list04 .list04_con .li_r .list li .img{
        height: 120px;
    }

    .list04 .list04_con .li_r .list li .text{
        margin-top: 10px;
    }

    .list04 .list04_con .li_r .list li .text .t{
        width: 100%;
        padding: 0;
    }

    .list04 .list04_con .li_r .list li .text .t h1{
        font-size: 15px;
    }

    .list04 .list04_con .li_r .list li .text .data{
        display: none;
    }

    .list04 .list04_con .li_r .list li .p{
        display: none;
    }

    .list05 .list05_bg .bg .text{
        padding: 12% 30% 0 16%;
    }

    .list05 .list05_li .list li {
        padding: 10px 0;
    }

    .list05 .list05_li .list li h3{
        font-size: 13px;
    }

    .list06{
        padding: 60px 0;
    }

    .list06 p{
        font-size: 14px;
        line-height: 1.8;
    }

}


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

    .footer .footer_con .footer_left{width: 100%;}
    .footer .footer_con .footer_right{width: 100%; padding-top: 20px;}
    .footer .footer_end{text-align: left}

    .a_link{width: 120px; height: 40px; line-height: 36px;  margin: 30px auto 0 auto;}
    .a_link i{background: none}
    .a_link:hover i{background: none}

    /*----list02----*/
    .list02 .list02_con{width: 92%; margin: 0 auto; padding: 30px 0}
    .list02 .list02_con .list{margin-right: -2%;}
    .list02 .list02_con .list li{float: left; width: 48%; margin-right: 2%; margin-bottom: 18px; padding: 20px 30px; border-right: none; background: rgba(255,255,255,.3);}
    .list02 .list02_con .list li.on{width: 48%;}

    .list02 .list02_con .list li .li_i .ico{width: 56px; height: 56px; margin: 0 auto}
    .list02 .list02_con .list li .li_i h1{display: none}
    .list02 .list02_con .list li.on .li_i{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible}

    .list02 .list02_con .list li .li_r{width: 100%; height: 100%; position: relative; padding: 10px 0; text-align: center; transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible; }
    .list02 .list02_con .list li .li_r h1{font-size: 16px; margin-bottom: 10px;}
    .list02 .list02_con .list li .li_r p{font-size: 12px; height: 44px;}
    .list02 .list02_con .list li .li_r .a_link{width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; border: none;}
    .list02 .list02_con .list li .li_r .a_link:before{display: none;}
    .list02 .list02_con .list li .li_r .a_link i{background: none; color: transparent;}
    .list02 .list02_con .list li .li_r .a_link:hover i{background: none; color: transparent;}
    .list02 .list02_con .list li.on .li_r{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible}

    .list04 .list04_con .li_l .text .data{
        width: 100px;
        padding: 0 0 10px 0;
        background: transparent;
        text-align: left;
    }

    .list04 .list04_con .li_l .text .data h6{
        font-size: 0;
    }

    .list04 .list04_con .li_l .text .data i{
        font-size: 14px;
        color: #333;
    }

    .list04 .list04_con .li_r .l_li a{
        font-size: 14px;
    }

    .list04 .list04_con .li_r .list li .text .t h1{
        font-size: 14px;
    }

    .list04 .list04_con .li_l .text .t{
        width: 100%;
        padding: 0;
    }

    .list04 .list04_con .li_l .text .t h1{
        font-size: 15px;
    }

    .list04 .list04_con .li_r .list{
        margin-top: 16px;
    }

    .list06 .a_link i{
        background: none;
    }

    .list06 .a_link:hover i{
        background: none;
    }

    .list06:hover .a_link i{
        background: none;
    }

    .list06:hover .a_link:hover i{
        background: none;
    }

}




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

    .header{height: 60px;}

    .header .logo{width: 135px; height: 40px; margin: 10px 0 0 20px;}

    .header .button{margin: 0 10px 0 0}

    .header_lan{margin: 14px 70px 0 0}

    .nav{margin-top: 60px;}
    .nav .nav_bar li{width: 100%; text-align: left; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
    .nav .nav_bar li:before{display: none;}
    .nav .nav_bar li a{font-size: 16px; line-height: 24px; padding-left: 40px;}

    .nav .nav_bar li .nav_son{width: 100%; background: #f4f4f4; padding-bottom: 0; position: relative; top: 0; left: 0; height: auto;}
    .nav .nav_bar li .nav_son:before{display: none;}
    .nav .nav_bar li .nav_son:after{display: none;}
    .nav .nav_bar li .nav_son a{display: inline-block; font-size: 14px; margin-right: 20px; line-height: 24px;}

    .nav .nav_mark.active{display: none;}
    .nav .nav_bar li .nav_son.active{height: auto; padding-bottom: 0;}

    .banner{padding-top: 60px; position: relative}
    .mark{display: none}

    .list01{padding: 40px 0;}
    .list01 .list01_con{width: 92%;}
    .list01 .list01_con:before{display: none}
    .list01 .list01_con:after{display: none}
    .list01 .list01_con h1{font-size: 17px; margin-bottom: 20px;}
    .list01 .list01_con h4{font-size: 14px; line-height: 1.6; }

    .list02 .list02_con{padding: 30px 0 20px 0}
    .list02 .list02_con .list li{margin-bottom: 10px; padding: 20px 16px;}
    .list02 .list02_con .list li .li_r{padding: 10px 0 0 0;}
    .list02 .list02_con .list li .li_r h1{font-size: 15px;}
    .list02 .list02_con .list li .li_r p{font-size: 12px; height: 38px; line-height: 1.6}
    .list02 .list02_con .list li .li_r .a_link{border: none; width: 100%; height: 200%; position: absolute; top: -100%; left: 0;}
    .list02 .list02_con .list li .li_r .a_link i{font-size: 0;}
    .list02 .list02_con .list li .li_r .a_link:before{display: none}

    .list03{display: none;}
    .list03 .list03_con .li_l{display: none}
    .list03 .list03_con .li_r{width: 100%; margin-right: 0;}

    .list04{
        padding: 30px 0 0 0;
    }

    .list04 .list04_con{
        padding-bottom: 30px;
    }

    .list04 .list04_con .li_l{
        width: 100%;
        margin-right: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #dedede;
    }

    .list04 .list04_con .li_l .img{
        height: 170px;
    }

    .list04 .list04_con .li_r .l_li{
        display: none;
    }

    .list04 .list04_con .li_r{
        width: 100%;
    }

    .list04 .list04_con .li_r .list{
        margin-right: -2%;
    }

    .list04 .list04_con .li_r .list li{
        width: 48%;
        margin-right: 2%;
    }

    .list05{
        height: 260px;
    }

    .list05 .list05_bg .bg .text{
        padding: 12% 40px 0 20px;
    }

    .list05 .list05_bg .bg .text h1{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .list05 .list05_bg .bg .text p{
        font-size: 13px;
        line-height: 1.6;
    }

    .list05 .list05_li .list li {
        padding: 0 0 20px 0;
    }

    .list05 .list05_li .list li h3{
        font-size: 12px;
    }

    .list06{
        padding: 30px 0;
    }

    .list06 h1{
        margin-bottom: 20px;
    }

    /*----footer----*/
    .footer{padding: 40px 0 10px 0;}
    .footer .footer_con .footer_left{width: 100%;}
    .footer .footer_con .footer_left .footer_logo{display: none;}

    .footer .footer_center{display: none;}

    .footer .footer_con .footer_right{padding-top: 10px}
    .footer .footer_con .footer_right .footer_ying{display: none;}

    .footer .footer_end{padding: 10px 0; margin-top: 10px; text-align: left}


    /*-----公共样式-------*/
    /*----page_message----*/
    .page_message{width: 100%; padding: 20px 0; top: 0;}
    .page_message h1{font-size: 18px; font-weight: normal; margin-bottom: 30px;}
    .page_message p {margin: 7px 0; padding-left: 70px;}
    .page_message p span {width: 70px;}

    /*----page_search----*/
    .page_search .list{margin-right: -2%;}
    .page_search .list li{width: 48%; margin-right: 2%;}
    .page_search .list li p{font-size: 13px; line-height: 20px;}

    /*----tag_show----*/
	.page_tag{padding: 20px 0; top: 0;}
    .page_tag .list{margin-right: -2%;}
    .page_tag .list li{width: 48%;  margin-right: 2%;}
    .page_tag .list li p{font-size: 13px; line-height: 24px;}

    /*----product_show----*/
    .productshow_hot .list{list-style: none; margin-right: -2%}
    .productshow_hot .list li{width: 48%; margin-right: 2%;}
    .productshow_hot .list li .txt h1{font-size: 13px;}

    .product_key a{ padding: 4px 10px;}

    .product_city a{padding: 4px 10px;}

    /*-----page_tag----*/
    .tag{margin-top: 20px;}

    /*----page_city----*/
    .page_city{padding: 120px 0 40px 0;}
    .page_city .w1200{width: 92%;}
    .page_city .title h1{font-size: 18px;}
    .page_city .title .city_link{width: 100px; padding: 8px 0;}

    /*----site_map----*/
    .page_webmap{padding: 120px 0 40px 0;}
    .page_webmap .title h1{font-size: 18px; }
    .page_webmap .title .city_link{width: 100px; padding: 8px 0; }

    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 12%;}
    .right_list .li{width: 38px; height: 38px; margin-bottom: 2px; line-height: 38px;}
    .right_list .li i{font-size: 24px;}
    .right_list .li:nth-child(2){display: none}

    .right_list .li .img img{width: 100%; display: block; float: none; margin: 0 auto 5px auto;}
    .right_list .li .img p{line-height: 10px; font-size: 13px; color: #333}

    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel h3{font-size: 16px; line-height: 40px; }
    .right_list .li .tel h3 i{font-size: 18px;}

    .right_list .li:hover .tel{margin: 0 50px 0 0;}

}


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

    .w1366{width: 92%;}

    .page_subsidiary .list li .img{max-height: 290px;}

    
}

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

    .page_subsidiary .list li .img{max-height: 240px;}

    .page_product .list li .data .txt{width: 100%; margin-bottom: 20px;} 

    .page_product .list li .data .img{width: 100%; padding-left: 0;}
    .page_product .list li .data .img .imgauto{margin-left: 0; margin-right: 1%;}

    .page_news .news_list .list li .img{height: 200px;}
    
}


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

    .page_banner{height: 360px;}
    .page_banner .banner_bg .w1366{padding-top: 180px;}
    .page_banner .banner_bg .w1366 h1{font-size: 32px;}
    .page_banner .banner_bg .w1366 p{font-size: 32px;}

    .page_subsidiary .list li .img{max-height: 170px;}

    .p_t{padding: 20px 0 40px 0;}

    .page_news .news_list .list li .img{width: 35%; height: 180px;}
    .page_news .news_list .list li .text{width: 60%; padding: 20px 0 0 0;}
    .page_news .news_list .list li .text h6{font-size: 22px; }
    .page_news .news_list .list li .text h1{font-size: 18px; line-height: 1.6;}

    .page_contact .contact_con .contact_left span{width: 100%;}
    
}


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

    .page_title .title_left a{width: 150px;}

    .page_title .title_right{margin-top: 30px; text-align: left;}

    .page_about h1{font-size: 22px;}

    .page_features .list{margin-right: -2%;}
    .page_features .list li{width: 48%; margin-right: 2%;}

    .page_subsidiary .list li .img{max-height: 120px;}
    .page_subsidiary .list li .text h1{font-size: 16px; font-weight: normal;}

    .page_honor .list{margin-right: -2%;}
    .page_honor .list li{width: 31.3333%; margin-right: 2%;}

    .p_t h1{font-size: 24px; font-weight: normal}
    .p_t p{font-size: 14px; line-height: 1.8;}

    .page_product .list li .text{padding: 20px 0 20px 20px;}
    .page_product .list li .text h1{font-size: 17px;}
    .page_product .list li .text i{font-size: 14px; padding-left: 20px;}
    .page_product .list li .data{padding: 20px 0 20px 20px;}

    .page_news .news_list .list li .img{width: 37%; margin-right: 3%; height: 150px;}
    .page_news .news_list .list li .text{padding: 0;}
    .page_news .news_list .list li .text h6{font-size: 18px; margin-bottom: 6px;}
    .page_news .news_list .list li .text h1{font-size: 17px; line-height: 1.6; margin-bottom: 10px; font-weight: 400; }
    .page_news .news_list .list li .text p{font-size: 14px;}

    .page_c .list li{width: 48%;}
    .page_c .list li .text h1{font-size: 16px;}

    .page_contact .contact_con .contact_left h1{font-size: 20px;}


}


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

    .page_banner{height: 220px;}
    .page_banner .banner_bg .w1366{padding-top: 120px;}
    .page_banner .banner_bg .w1366 h1{font-size: 22px; font-weight: normal; margin-bottom: 0;}
    .page_banner .banner_bg .w1366 p{font-size: 22px; font-weight: normal;}

    .page_subsidiary .list{margin-right: 0;}
    .page_subsidiary .list li{width: 100%; margin-right: 0;}
    .page_subsidiary .list li .img{max-height: 160px;}

    
    .show_subsidiary h1{font-size: 20px; font-weight: normal;}
    .show_subsidiary .con p{font-size: 14px; line-height: 1.8}
    .show_subsidiary .pro_img{margin-right: 0;}
    .show_subsidiary .pro_img .img{width: 100%; margin-right: 0; margin-bottom: 20px;}

    .page_honor .list li{width: 48%;}

    .page_title .pro_link a{width: 32.3333%; margin: 0 0.5%;}
    .page_title .title_left a:after{margin: 17px -3px 0 0;}

    .p_t{padding: 0 0 40px 0;}

    .pro_li{margin-bottom: 20px;}
    .pro_li a{width: 32.3333%; margin: 0 0.5%; line-height: 38px; box-sizing: border-box;}

    .page_product .list li .text{padding: 10px 0 10px 10px;}
    .page_product .list li .text h1{font-size: 16px;}
    .page_product .list li .text i{font-size: 13px; padding-left: 0;}

    .page_product .list li .data{padding: 20px 0;}

    .page_product .list li .data .img .imgauto{width: 48%; margin-right: 2%;}

    .page_news .news_list .list li .img{width: 100%; margin-right: 0; height: 150px; margin-bottom: 10px;}
    .page_news .news_list .list li .text{width: 100%;}
    .page_news .news_list .list li .text h6{font-size: 15px;}
    .page_news .news_list .list li .text h1{font-size: 15px;}
    .page_news .news_list .list li .text p{font-size: 13px;}

    .news_show .news_title h6{font-size: 22px;}
    .news_show .news_title h1{font-size: 18px;}

    .page_c .list li .text{padding: 14px 0;}
    .page_c .list li .text h1{font-size: 14px;}

    .page_contact .contact_con .contact_left{width: 100%; margin-bottom: 10px;}

    .page_contact .contact_con .contact_right{width: 100%;}
    .page_contact .contact_con .contact_right img{float: left;}
}