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

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

    .w1600{width: 90%;}
    
}

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

    .w1600{width: 92%;}

    .list03 .list03-con .item-left{padding: 6% 50px 0 50px;}
    
}

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

    .header .logo{margin-left: 120px;}
    .header .button{margin: 8px 0 0 290px;} 

    .nav h3{font-size: 24px; padding: 20px 0 20px 120px;}
    
    .nav .nav_bar{padding: 60px 0 60px 120px;}
    
    .title h2{font-size: 26px;}

    .list01 .list01-list .item .text h2{margin-bottom: 0;}
    .list01 .list01-list .item .text h3{display: none;}
    
    .list03 .list03-con{padding: 0 3%;}
    .list03 .list03-con .item h2{font-size: 26px;}

    .list04 .list04-con{padding: 0 3%;}
    .list04 .list04-con .item .text h2{font-size: 20px;}

    .list05 .list05_con .list05_list .slick-prev{left: 84%;}
    
}


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

    .list03 .list03-con{padding: 0;}
    
    .list04 .list04-con{padding: 0}


}

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

    .header .logo{margin-left: 80px;}
    .header .button{margin: 8px 0 0 250px;} 

    .nav h3{font-size: 20px; padding: 20px 0 20px 80px;}
    
    .nav .nav_bar:before{left: 360px;}
    .nav .nav_bar{padding: 60px 0 60px 80px;}
    .nav .nav_bar li{width: 260px;}
    .nav .nav_bar li a{font-size: 18px; color: #333; line-height: 2.2;}
    .nav .nav_bar li .r{margin-top: 10px;}

    .nav .nav_bar li .nav_son{margin-left: 360px;}


}

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

    .banner .banner-text{padding: 24% 0 0 4%}
    .banner .banner-text h2{font-size: 28px;}
    .banner .banner-text h3{font-size: 22px;}
    
    .title h2{font-size: 22px;}

    .list01{padding: 60px 0;}
    .list01 .list01-list .item .text{padding: 20px}
    .list01 .list01-list .item .text h2{font-size: 16px;}

    .list02{padding: 60px 0;}
    .list02 .list02_data{padding: 0 4%;}
    .list02 .list02_data .list li .item span{font-size: 32px;}

    .list03 .list03-con .item-left{padding: 40px 40px 0 40px;}
    .list03 .list03-con .item h2{font-size: 20px; margin-bottom: 14px;}
    .list03 .list03-con .item p{font-size: 15px;}

    .list04 .list04-con .item .text{padding: 40px 40px 0 0;}
    .list04 .list04-con .item .text.right{padding: 40px 0 0 40px;}
    .list04 .list04-con .item .text h2{margin-bottom: 14px;}

    .list05 .title{margin-left: 4%;}
    .list05 .list05_con{margin-left: 4%;}
    .list05 .list05_con .list05_list .li{max-height: 428px;}
    .list05 .list05_con .list05_list .li h6{margin-bottom: 100px;}
    .list05 .list05_con .list05_list .li h1{font-size: 18px; margin-bottom: 80px;}
    .list04 .list04-con .item .text p{font-size: 15px;}

    .list06 .list06-con .list{margin-right: -1%;}
    .list06 .list06-con .list li{float: left; width: 19%; margin-right: 1%; margin-bottom: 10px; }

    .list07 .w1600{padding: 60px 0;}

    .footer{padding-top: 60px;}
    .footer .footer_con{display: flex; flex-wrap: wrap;} 
    .footer .footer_con .footer_left{width: 100%; margin-bottom: 10px;}
    .footer .footer_con .footer_center{width: 60%;}

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

}

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

    .list02 .list02_data .list li img{width: 50px; }

    .list03 .list03-con .item{background: transparent;}
    .list03 .list03-con .item h2{font-size: 18px;}
    .list03 .list03-con .item-left{padding: 0 50px 0 0;}
    
    .list04 .list04-con .item .text{padding: 30px 50px 0 0;}
    .list04 .list04-con .item .text.right{padding: 30px 0 0 40px;}
    .list04 .list04-con .item .text h2{font-size: 18px; }

    .list05 .list05_con .list05_list .li{max-height: 390px;}

}


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

    .header .logo{margin-left: 20px; }
    .nav h3{padding: 20px 0 20px 20px;}

    .nav .nav_bar:before{left: 290px;}
    .nav .nav_bar{padding: 40px 0 60px 20px;}
    .nav .nav_bar li{width: 260px;}
    .nav .nav_bar li a{font-size: 17px;}
    .nav .nav_bar li .nav_son{margin-left: 280px;}

    .header .button{margin: 8px 0 0 170px;}


    .title{margin-bottom: 30px;}

    .list01 .list01-list .item{width: 48%; margin-bottom: 20px;}

    .list02 .list02_data .list li{width: 50%; padding: 20px 0 20px 10px;}
    .list02 .list02_data .list li:before{height: 100%;  margin: 0 15px 0 0;}
    .list02 .list02_data .list li:nth-child(2):before{display: none;}
    .list02 .list02_data .list li:last-child:before{display: none;}
    .list02 .list02_data .list li:nth-child(1):after{content: ""; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.5); position: absolute; bottom: 0; left: 0;}
    .list02 .list02_data .list li:nth-child(2):after{content: ""; display: block; width: 100%; height: 1px; background: rgba(255,255,255,.5); position: absolute; bottom: 0; left: 0;}
    
    .list03{padding: 40px 0;}
    .list03 .list03-con{flex-wrap: wrap;}
    .list03 .list03-con .item{width: 100%; margin-bottom: 20px; padding: 0;}
    
    .list04{display: none;}

    .list05 .list05_con .list05_list .li{max-height: 300px;}
    .list05 .list05_con .list05_list .li h6{margin-bottom: 50px;}
    .list05 .list05_con .list05_list .li h1{margin-bottom: 50px;}

    .list06{padding: 40px 0;}
    .list06 .list06-con .list{margin-right: -2%;}
    .list06 .list06-con .list li{width: 23%; margin-right: 2%; margin-bottom: 20px;}
    .list06 .list06-con .list li:nth-child(9){display: none;}
    .list06 .list06-con .list li:nth-child(10){display: none}

    .list07{display: none;}

    .fex-join .img{width: 120px}

    .right_list{width: 42px; right: 5px;}
    .right_list .li{width: 36px; height: 36px; line-height: 48px;}
    .right_list .li.ewm{display: none}
    .right_list .li .tel{width: 160px; height: 36px;}
    .right_list .li .tel a{font-size: 16px; line-height: 40px;}
    .right_list .li:hover .tel{margin: 1px 0 0 -168px;}

}


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

    .nav h3{font-size: 16px; padding: 14px 0 14px 24px;}

    .nav .nav_bar{box-sizing: border-box;}
    .nav .nav_bar:before{left: 200px; margin-top: 40px;}
    .nav .nav_bar li{width: 170px;}
    .nav .nav_bar li a{font-size: 16px;}
    .nav .nav_bar li .r{margin-top: 8px;}

    .nav .nav_bar li .nav_son{width: 100%; margin-left: 180px; padding-top: 40px;}
    .nav .nav_bar li .nav_son a{font-size: 15px;}

    .banner .banner-text{padding: 34% 0 0 4%}
    .banner .banner-text h2{font-size: 20px;}
    .banner .banner-text h3{font-size: 16px;}
  
    .title h2{font-size: 18px;}

    .list01{padding: 40px 0;}
    .list01 .list01-list .item{margin-bottom: 10px;}
    .list01 .list01-list .item .text{padding: 14px 0; text-align: center;}
    .list01 .list01-list .item .text h2{font-size: 15px;}

    .list02{padding: 30px 0; background: url(../image/bg01.jpg) no-repeat center; background-size: cover;}
    .list02 .list02_data .list li img{display: none;}

    .list05{padding: 40px 0; background-size: cover;}
    .list05 .list05_con{margin-left: 0}
    .list05 .list05_con .list05_list .li{max-height: 300px; margin: 0 14px; padding: 30px; background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
    .list05 .list05_con .list05_list .li h6{font-size: 15px; margin-bottom: 30px; color: #fff; background: url("../image/ico13.png") no-repeat;}
    .list05 .list05_con .list05_list .li h1{color: #fff;}
    .list05 .list05_con .list05_list .li .cr i{color: #fff; background: url("../image/ico07.png") no-repeat 60px}
    

    .list05 .list05_con .list05_list .slick-prev, .list05 .list05_con .list05_list .slick-next{visibility: hidden;}
   
    .list06 .list06-con .list li{float: left; width: 31.3333%; margin-bottom: 10px;}
    .list06 .list06-con .list li:nth-child(9){display: block;}

    .footer{padding-top: 40px; padding-bottom: 20px;}
    .footer .footer_con .footer_left p i{font-size: 20px;}

    .footer .footer_con .footer_center{width: 100%; margin-bottom: 20px;}
    .footer .footer_con .footer_center p{margin-bottom: 10px;}
    .footer .footer_con .footer_center .footer_ying{display: none;}
    .footer .footer_con .footer_right{display: none}

    .footer .footer_end{margin-top: 10px; padding-top: 10px; }

    .fex-join .img{width: 80px}

}

/*----------------------------------------------------------------------------------------------------------------------*/

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

    .w1440{width: 85.5%;}
    
}

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

    .w1440{width: 90%;}
    
}


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

    .w1440{width: 92%;}

    .page_innovate .box_list .li .li_left.left_t{padding: 50px;}

    .page_warehous h2{padding-right: 5%;}

}

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


    .page-pro .pro-r .list li{width: 31%;}

    .page_advantage h2{padding-right: 0;}

    .page-join .jobs-content h4{padding-right: 15%;}

    .page-join .jobs-content .jobs-list{width: 72%; margin-right: 3%;}

    .page-join .jobs-content .jobs-contact{width: 25%;}

}

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

    .page_article video{width: 100%;}

    
    
}

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


    .page_banner{height: 460px;}
    .page_banner .banner_text{padding: 240px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 30px;}
    .page_banner .banner_text p{font-size: 36px;}

    .choose-h1{font-size: 26px; margin-bottom: 20px;}

    .page_choose .item-box .item{width: 32%;}
    .page_choose .item-box .item .text{padding: 20px;}

    .page-pro .pro-left{width: 23%; margin-right: 2%;}

    .page-pro .pro-right{width: 75%;}
    .page-pro .pro-right .list li{width: 48%;}

    .page_abouts .about_con .li .item.item_box{padding: 40px 40px 0 40px;}

    .page_advantage .adva-adv .item .text h2{font-size: 20px; margin-bottom: 10px;}
    .page_advantage .adva-adv .item .text p{height: 120px;}


    .page_innovate .box_list .li .li_left{padding: 20px;}

    .page_warehous h2{padding-right: 0;}

    .news_show .news_left{width: 100%; margin-right: 0;}

    .news_show .news_right{display: none;}
    
}

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

    .page_banner{height: 420px;}
    .page_banner .banner_text{padding: 220px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 28px;}
    .page_banner .banner_text p{font-size: 32px;}

    .page_abouts .about_title h1{font-size: 24px;}
    .page_abouts .about_title .list li .item span{font-size: 38px;}

    .page_abouts .about_con .li .item.item_box{padding: 30px 30px 0 30px;}
    .page_abouts .about_con .li .item h3{font-size: 18px;}
    .page_abouts .about_con .li .item p{font-size: 14px;}

    .page_honor .item_con .item h1{font-size: 22px;}

    .page_honor .item_con .item .item_list .list li{width: 31.3333%;}

    .page_contact .contact_text{padding: 30px;}
    .page_message{width: 100%;}

    .page_innovate h1{font-size: 22px;}
    .page_innovate h1:before{height: 22px;}

    .page_innovate .box_list .li .li_left.left_t{padding: 40px 40px 0 40px;}

    .adva-adva .item-top .item h3{font-size: 20px;}

    .adva-adva .item-end .item .text h3{font-size: 18px;}

    .adva-adva .item-end .item .text p{height: 72px;}

    .page_warehous h2{font-size: 16px;}

    .page_warehous .warehous-adv .item-box .item h3{font-size: 18px;}

    .page-join .jobs-content h4{font-size: 16px; padding-right: 5%;}
    .page-join .jobs-content .jobs-list .items{padding: 40px 40px 10px 30px;}
    .page-join .jobs-content .jobs-list .items h1{font-size: 18px;}
    .page-join .jobs-content .jobs-list .items span{font-size: 15px;}

    .page-join .jobs-content .jobs-list .items .r{margin: 40px 20px 0 0;}

    .page_news .list li h6{font-size: 16px; margin-bottom: 20px;}
    .page_news .list li h2{font-size: 18px; height: 52px;}
    .page_news .list li p{font-size: 15px; height: 58px; margin-bottom: 10px;}
    .page_news .list li span{margin-top: 30px; }

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

    
}



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

    .page_choose .item-box .item{width: 48%;}

    .page_profession .item{width: 48%;}
    .page_profession .item .text{padding: 20px;}
    .page_profession .item .text h2{font-size: 20px;}

    .page-pro .pro-r .list li{width: 48%;}

    .page_abouts .about_con .li .item{width: 100%; }
    .page_abouts .about_con .li .item.item_box{padding: 50px;}
    .page_abouts .about_con .li .item p{font-size: 15px;}


    .page_honor .item_con .item{padding: 0; background: none}

    .page_partners .partners_con .list li{width: 24%;}

    .page_advantage .adva-data .li{padding: 30px 40px;}
    .page_advantage .adva-data .li .icon{width: 60px;}
    .page_advantage .adva-data .li span{font-size: 26px;}
    .page_advantage .adva-data .li p{font-size: 14px; font-weight: normal;}

    .page_advantage .adva-adv{flex-wrap: wrap;}
    .page_advantage .adva-adv .item{width: 49%; margin-bottom: 20px;}
    .page_advantage .adva-adv .item .text{padding: 20px 20px 30px 20px;}
    .page_advantage .adva-adv .item .text h2{font-size: 18px;}
    .page_advantage .adva-adv .item .text p{height: 100px;}

    .page_innovate .box_list .li .li_left.left_t{padding: 10px 40px 0 20px;}
    .page_innovate .box_list .li .li_left.left_t.right{padding: 40px 40px 0 40px;}

    .page_innovate .box_list .li .li_left{padding: 20px 20px 0 20px;}

    .page_innovate  .item_con{margin-top: 200px; margin-bottom: 40px; padding: 80px 40px 0 40px;}

    .page_advantage h2{font-size: 16px;}

    .page-join .jobs-content .jobs-list{width: 100%; margin-right: 0;}

    .page-join .jobs-content .jobs-contact{width: 100%;}

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

}


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

    .page_link .page_l{width: 100%;}

    .pro-link{margin-bottom: 60px;}

    .page_link .page_r{display: none;}

    .page_banner{height: 380px;}
    .page_banner .banner_text{padding: 200px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 24px;}
    .page_banner .banner_text p{font-size: 30px;}

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

    .page-pro .pro-left{width: 28%; margin-right: 2%;}

    .page-pro .pro-right{width: 70%;}
    .page-pro .pro-right .list li{width: 49%;}

    .page_innovate .box_list .li .li_left{width: 100%;}
    .page_innovate .box_list .li .li_left.left_t{padding: 30px 0}

    .page_innovate .box_list .li .li_left.left_t.right{padding: 30px 0;}
    .page_innovate .box_list .li .li_right{width: 70%;}

    .page_innovate .item_boxs:before{height: 120%;}
    .page_innovate .item_boxs .item_left{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .page_innovate .item_boxs .item_right{width: 100%;}

    .page_innovate  .item_con .item_slick{margin-top: 50px;}

    .adva-adva .item-end{flex-wrap: wrap;}
    .adva-adva .item-end .item{width: 49%; margin-bottom: 20px;}

    .page_warehous .warehous-adv .item-box .item-img{margin: 20px -2% 20px 0}
    .page_warehous .warehous-adv .item-box .item .img{width: 48%; margin-right: 2%;}

    .page-join .jobs-content h4{padding-right: 0;}

    .page_news .list li{padding: 20px;}

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

}


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

    .page_honor .item_con .item .item_list .list li{width: 48%;}

    .page_contact .contact_text .contact_left{width: 100%; padding: 0 0 20px 0;}

    .page_contact .contact_text .contact_right{width: 100%;}

    .page_innovate h1{font-size: 18px;}
    .page_innovate h1:before{height: 18px;}

    .adva-adva .item-top .item h3{font-size: 18px;}
    .adva-adva .item-top .item-p{padding: 0 40px;}

 
    
}


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

    .page_con{padding-bottom: 40px; }

    .page_banner{height: 240px;}
    .page_banner .banner_text{padding: 120px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 18px;}
    .page_banner .banner_text p{font-size: 22px;}

    .page_link{padding: 10px 0; top: -40px;}
    .pro-link{top: 0;}
    .page_link .page_l{width: 100%;}

    .choose-h1{font-size: 18px;}

    .page_choose .item-box .item{width: 100%;}
    .page_choose .item-box .item .text h2{font-size: 16px; margin-bottom: 10px;}

    .page_profession .list{margin-right: 0;}
    .page_profession .item{width: 100%; margin-right: 0;}
    .page_profession .item .text h2{font-size: 18px; margin-bottom: 0;}
    .page_profession .item .text .a_link{display: none;}
    
    .page-pro .pro-r .list li{width: 100%;}

    .page-pro .pro-right .list li .p-title{padding: 10px 0;}


    .page-pro{flex-wrap: wrap;}
    .page-pro .pro-left{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .page-pro .pro-left .item .item-li a{display: inline-block; width: 50%;}

    .page-pro .pro-right{width: 100%;}
    .page-pro .pro-right .list li{width: 100%;}

    .page_abouts .about_title{margin-bottom: 40px;}
    .page_abouts .about_title h1{font-size: 20px;}
    .page_abouts .about_title .list li{width: 50%; padding: 10px 0;}
 
    .page_abouts .about_con .li .item.item_box{padding: 20px;}

    .page_honor .item_link a{font-size: 16px; font-weight: normal;}

    .page_honor .item_con .item h1{font-size: 18px;}
    .page_honor .item_con .item h1:before{height: 20px;}

    .page_honor .item_con .item .item_li .slick-next{margin-left: -40px;} 


    .page_honor .item_con .item .item_list .list li{margin-bottom: 10px;}
    .page_honor .item_con .item .item_list .list li h6{height: 36px; padding: 10px 0 0 0;}

    .page_partners .partners_con .list{margin-right: -2%;}
    .page_partners .partners_con .list li{width: 48%; margin-right: 2%; margin-bottom: 10px;}

    .page_contact .contact_text{padding: 0; background: transparent;}
    .page_contact .contact_text .contact_left h1{font-size: 18px;}

    .page_message{padding: 20px 0;}

    .page_advantage{padding-top: 20px;}

    .page_advantage .adva-data{flex-wrap: wrap; margin-bottom: 40px;}
    .page_advantage .adva-data .li{width: 48%; padding: 20px; margin-bottom: 20px;}

    .page_advantage .adva-adv .item{width: 100%;}

    .page_innovate .item_box .item_left p{font-size: 15px;}

    .page_innovate .box_list .li .li_left.left_t{padding: 0 0 20px 0}
    .page_innovate .box_list .li .li_left h2{font-size: 18px;}
    .page_innovate .box_list .li .li_left h6{font-size: 15px;}

    .page_innovate .box_list .li .li_right{width: 100%;}

    .page_innovate .box_list .li .li_left.left_t.right{padding: 0 0 20px 0;}

    .page_innovate .box_list .li .li_left{padding: 0}
    .page_innovate .box_list .li .li_right .right_li .li{margin: 0 5px;}

    .page_innovate .item_boxs:before{height: 145%; }
    .page_innovate .item_boxs .item_right .item_list{width: 100%; padding: 10px 0;}

    .page_innovate  .item_con{margin-top: 160px; margin-bottom: 0; padding: 40px 20px 0 20px;}
    .page_innovate  .item_con h5{font-size: 15px; line-height: 1.6;}

    .page_innovate  .item_con .item_slick .li{margin: 0 5px;}


    .page_advantage h2{font-size: 15px;}

    .adva-adva .item-top{flex-wrap: wrap;}
    .adva-adva .item-top .item{width: 100%;}
    .adva-adva .item-top .item-p{padding: 20px;}
    .adva-adva .item-top .item p{font-size: 15px;}

    .adva-adva .item-end .item{width: 100%;}
    .adva-adva .item-end .item .text h3{font-size: 16px;}

    .page_warehous .warehous-adv .item-box .item .img{margin-bottom: 10px;}

    .page-join .jobs-content .jobs-list .items{margin-bottom: 20px; padding: 20px 20px 10px 20px;}
    .page-join .jobs-content .jobs-list .items h1{font-size: 16px; margin-bottom: 10px;}
    .page-join .jobs-content .jobs-list .items .r{display: none;}

    .page-join .jobs-content .jobs-list .items .jobs-li.job_description{margin-bottom: 20px;}

    .page_news .list{margin-right: 0;}
    .page_news .list li{width: 100%; margin-right: 0; margin-bottom: 16px;}
    .page_news .list li p{margin-bottom: 20px;}
    .page_news .list li span{display: none;}

    .page_search .list li{width: 100%;}

}