/*Created by lk on 2024/0/11.*/

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

    .w1440{width: 80%}

    .list03 .list03_con .list03_right{width: 46%; margin-left: 4%;}
    .list03 .list03_con .list03_right .img img{width: 100%;}

}

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

    .w1440{width: 85%}
    
}

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

    .w1440{width: 92%}

    .list02 .list02_con .list02_list .li{margin: 0 70px;}
    .list02 .list02_con .list02_list .li .li_right{padding: 60px 30px 0 50px;}

    .list03 .list03_con .list03_left{padding-left: 4.5%; padding-top: 20px;}
    .list03 .list03_con .list03_left .list03_data{margin-top: 40px;}

    .list04 .list04_con .list li{padding: 50px 30px 0 30px;}
    
}

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

    .banner .swiper-slide .text{margin: 26% 0 0 10%;}

    .list02 .list02_con .list02_list .li{margin: 0 50px;}
    .list02 .list02_con .list02_list .li .li_right{padding: 50px 20px 0 30px;}

}

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

    .header .logo{margin: 10px 0 0 40px;}

    .header_lan{margin-right: 40px;}

    .banner .swiper-slide .text h1{font-size: 48px;}
    .banner .swiper-slide .text h3{font-size: 24px;}


    .title{margin-bottom: 40px;}
    .title h1{font-size: 26px; margin-bottom: 6px;}

    .list01 .list01_con .list01_right .item_button .item_dots{padding: 14px 0 0 50px;}

    .list02 .list02_con .list02_list .li .li_right{padding: 30px 20px 0 30px;}
    .list02 .list02_con .list02_list .li .li_right h1{font-size: 17px; margin-bottom: 14px;}

    .list03{padding: 80px 0;}
    .list03 .list03_con .list03_left .list03_text:before{margin-top: -24px; margin-left: -40%;}
    .list03 .list03_con .list03_left .list03_text p{font-size: 14px; line-height: 1.8}
    .list03 .list03_con .list03_left .list03_data{margin-top: 20px;}
    .list03 .list03_con .list03_left .list03_data .li .counter{font-size: 36px;}

    .list04{padding: 100px 0;}
    .list04 .list04_con .list li{height: 180px; padding: 40px 20px 0 20px;}

    .list04 .list04_con .list li .icon{width: 46px; margin-right: 20px; margin-top: 16px;}
    .list04 .list04_con .list li .icon img{width: 100%;}
    .list04 .list04_con .list li .text{width: 84%;}
    .list04 .list04_con .list li .text h1{font-size: 17px;}

    .list05 .title{padding-left: 20px; }
    .list05 .list05_con .list li{width: 30%; padding: 160px 20px 60px 20px;}
    .list05 .list05_con .list li:nth-child(1){width: 40%;}
    
}

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

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

    .nav .nav_bar li{margin: 0 12px;}

    .header_lan{margin-right: 20px;}

    .title{margin-bottom: 30px;}

    .banner .swiper-slide .text h1{font-size: 42px;}

    .list01{padding: 60px 0 140px 0;}
    .list01 .list01_con .list01_right .item_button .item_dots{padding: 8px 0 0 30px;}

    .list02{padding: 80px 0 100px 0;}
    .list02 .list02_con .list02_list .li{margin: 0 20px;}
    .list02 .list02_con .list02_list .li .li_right h4{line-height: 1.6}

    .list03 .list03_con .list03_left{padding-top: 0;}
    .list03 .list03_con .list03_left .title{margin-bottom: 20px;}
    .list03 .list03_con .list03_left .title h1{font-size: 22px;}
    .list03 .list03_con .list03_left .list03_text:before{display: none;}

    .list03 .list03_con .list03_left .list03_data .li .counter{font-size: 26px;}
    .list03 .list03_con .list03_left .list03_data .li p{font-size: 12px; line-height: 1.6;}

    .list04{padding: 80px 0 60px 0;}
    .list04 .list04_con .list li{height: 160px;}
    .list04 .list04_con .list li .text h1{font-size: 15px;}
    .list04 .list04_con .list li .text h4{font-size: 12px; line-height: 1.6}

    .footer .footer_con .footer_right .footer_nav a{margin-right: 16px;}

}

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

    .header .button{display: block;}

    .nav{float: none; width: 300px; height: 100%; position: fixed; top: 0; left: -300px; margin-top: 80px; background: #f4f4f4;}
    .nav .nav_bar{padding: 0; margin-top: 60px;}
    .nav .nav_bar li{width: 100%;; margin: 4px 0;}
    .nav .nav_bar li a{line-height: 50px; padding-left: 80px;}
    .nav .nav_bar li.on a{color: #e1484d}
    .nav.nav_on{left: 0;}

    .header_lan{margin-right: 100px; border: none;}
    .header_lan .icon{color: transparent;}
    .header_lan .icon:before{display: none;}
    .header_lan .lan_list{margin-top: -2px; margin-left: 28px; opacity: 1; visibility: visible;}
    .header_lan .lan_list a{display: inline-block; color: #333; padding: 0 10px; background: none; border-bottom: none;}

    .banner .swiper-slide .text{margin: 26% 0 0 10%;}
    .banner .swiper-slide .text h1{font-size: 30px}


    .list01 .list01_con .list01_right .item_button .item_dots{padding: 4px 0 0 20px;}
    .list01 .list01_con .list01_right .item_button .item_dots .dots_list .dots_figure span{font-size: 22px;}
    .list01 .list01_con .list01_right .item_button .item_dots .dots_dotsNum span{font-size: 22px;}
    .list01 .list01_con .list01_right .item_button .item_dots .dots_dotsNum:after{margin: 5px 0 0 0;}

    .list02 .list02_con{width: 72%;}

    .list03 .list03_con .list03_left{width: 100%; padding-right: 4.5%;}
    .list03 .list03_con .list03_right{display: none;}

    .list04 .list04_con .list li{padding: 30px 20px 20px 20px;}
    .list04 .list04_con .list li .icon{display: none;}
    .list04 .list04_con .list li .text{width: 100%;}

    .list05 .list05_con .list li{width: 50%; padding: 140px 20px 30px 20px;}
    .list05 .list05_con .list li:nth-child(1){width: 50%;}
    .list05 .list05_con .list li:last-child{display: none;}
    .list05 .list05_con .list li .r{margin-top: 30px;}

    /*----right_list----*/
    .right_list{width: 36px; right: 10px; margin-bottom: 20px;}
    .right_list .li{width: 36px; height: 36px; margin-bottom: 2px; line-height: 44px;}
    .right_list .li i{font-size: 24px;}
    .right_list .li.ewm{display: none}

    .right_list .li .tel{width: 140px; height: 34px;  margin: 1px 0 0 -140px;}
    .right_list .li .tel a{font-size: 14px; line-height: 34px;}

    .right_list .li:hover .tel{margin: 1px 0 0 -148px;}

    
}

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

    .banner .swiper-slide .text{margin: 26% 0 0 10%;}
    .banner .swiper-slide .text h1{font-size: 24px}

    .list01{padding: 60px 0;}
    .list01 .list01_con .list01_left{width: 100%;}
    .list01 .list01_con .list01_left .li_item{width: 33.3333%; float: left; position: relative; opacity: 1; visibility: visible;}
    .list01 .list01_con .list01_left .li_item .text{display: block;}

    .list01 .list01_con .list01_right{display: none;}
    
    .list02 .list02_con{width: 86%;}

    .list04{padding: 60px 0;}
    .list04 .list04_con .list li{width: 98%; height: 130px; margin-bottom: 10px; padding: 30px 30px 0 30px;}
    .list04 .list04_con .list li:nth-child(1){padding: 0; height: 80px;}
}


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


    .header{height: 60px;}

    .header .logo{width: 194px; height: 50px; margin: 5px 0 0 5px;}

    .nav{margin-top: 60px;}

    .header_lan{margin-right: 70px;}

    .header .button{margin: 0;}

    .header_lan{width: auto;}
    .header_lan .icon{background: none;}
    .header_lan .lan_list{margin-top: -6px; margin-left: 10px;}
    .header_lan .lan_list a{padding: 0 4px;}

    .banner:before{display: none;}

    .banner .swiper-slide .text{margin: 40% 0 0 5%;}
    .banner .swiper-slide .text h1{font-size: 18px; margin-bottom: 0;}
    .banner .swiper-slide .text img{width: 90%;}

    .swiper-pagination{display: none;}
    .swiper-button-prev, .swiper-button-next{display: none;}

    .title{margin-bottom: 20px;}
    .title h1{font-size: 20px; font-weight: bold;}

    .list01{padding: 40px 0;}
    .list01 .list01_con .list01_left .li_item{width: 50%;}
   

 



    .list02{padding: 40px 0 60px 0;}
    .list02 .list02_con{width: 92%;}
    .list02 .list02_con .list02_list .li .li_left{width: 100%;}
    .list02 .list02_con .list02_list .li .li_right{width: 100%; padding: 20px;}
    .list02 .list02_con .list02_list .li .li_right h1{font-size: 16px; margin-bottom: 0}
    .list02 .list02_con .list02_list .li .li_right h4{display: none;}

    .list03{padding: 40px 0;}
    .list03 .list03_con .list03_left .list03_data .li p{font-size: 10px;}

    .list04{padding: 60px 0 40px 0;}
    .list04 .list04_con .list li{height: 140px; padding: 20px 16px 0 16px;}

    .list05 .title{position: relative; margin-top: 30px; padding-left: 0;}
    .list05 .list05_con{border-left: none}
    .list05 .list05_con .list li{width: 100%; padding: 20px 0 20px 0; border-right: none; border-bottom: 1px solid #dedede;}
    .list05 .list05_con .list li:nth-child(1){width: 100%; }
    .list05 .list05_con .list li h6{margin-bottom: 10px;}
    .list05 .list05_con .list li h5{display: none;}
    .list05 .list05_con .list li h1{margin-bottom: 10px;}
    .list05 .list05_con .list li .img{display: none;}
    .list05 .list05_con .list li .r{display: none;}

    .footer{padding: 30px 0 20px 0;}

    .footer .footer_con .footer_left{width: 100%; margin-right: 0;}
    .footer .footer_con .footer_left .footer_ying{display: none;}

    .footer .footer_con .footer_right{width: 100%;}
    .footer .footer_con .footer_right .footer_nav{display: none;}

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

}


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

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

    .page_banner .banner_text{padding: 300px 0 0 10%;}
    
}

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

    .page_banner .banner_text{padding: 300px 0 0 7.5%;}
    
}


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

    .page_banner .banner_text{padding: 300px 0 0 4%;}

    .page_about .about_con .about_left{width: 30%;}
    .page_about .about_con .about_right{width: 70%;}

}

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

    .page_news .list li .text h4{height: 54px; overflow: hidden;}
    
}

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

    .page_application .list li .text{padding: 30px 20px 0 20px;}
    .page_application .list li .text h1{font-size: 16px; margin-bottom: 10px;}
    
}


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

    .contact_message{background: url("../image/bg05.jpg") no-repeat right; background-size: 60%}
    
}

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

    .page_banner{height: 420px;}
    .page_banner .banner_text{padding: 240px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 30px;}
    .page_banner .banner_text h4{font-size: 24px;}

    .page_about .about_con .about_left{width: 100%; padding-right: 0;}
    .page_about .about_con .about_right{width: 100%;}

    .page_news .list li .img{max-height: 220px;}

    .page_application .list{margin-right: -2%;}
    .page_application .list li{width: 31.3333%; }
    .page_application .list li .img{width: 100%;}
    .page_application .list li .text{width: 100%; padding: 20px;}
 
}

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

    .page_contact .contact_text{padding: 50px 40px 40px 40px;}
    .page_contact .contact_text .contact_left h1{font-size: 22px;}
    .page_contact .contact_text .contact_left h4{font-size: 16px;}
    .page_contact .contact_text .contact_center h1{font-size: 20px;}

    .contact_message{background: url("../image/bg05.jpg") no-repeat right; background-size: 72%}
    .contact_message .message_left{padding: 60px 60px 30px 4%;}
    
}


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

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

    .page_product .list li .text h1{font-size: 16px;}

    .page_news .list li .img{max-height: 200px;}
    .page_news .list li .text{padding: 20px;}
    .page_news .list li .text h1{font-size: 17px; margin-bottom: 10px;}
    .page_news .list li .text h4{font-size: 14px;}

    .news_show .news_con img{max-width: 900px;}

    .page_introduction .introduction_list a{width: 15.6666%; margin: 0 0.5% 6px 0.5%; line-height: 38px;}

    .page_contact .contact_text .contact_left{display: none;}

    .page_contact .contact_text .contact_center{width: 70%;}
    .page_contact .contact_text .contact_right{width: 30%;}


}


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

    .page_banner{height: 360px;}
    .page_banner .banner_text{padding: 200px 0 0 4%;}

    .page_about{padding: 20px 0 40px 0}

    .page_product{padding: 20px 0 40px 0}
    .page_product .list li{width: 48%;}

    .page_pro{padding: 20px 0 40px 0}

    .page_pro .pro_con .pro_left{width: 100%; margin-right: 0;}
    .page_pro .pro_con .pro_left h1{font-size: 20px; text-align: center;}
    .page_pro .pro_con .pro_left .img{width: 500px; margin: 20px auto 0 auto;}
    
    .page_pro .pro_con .pro_right{width: 100%; padding-top: 20px;}

    .page_news .list li .img{max-height: 180px;}
    .page_news .list li .text h1{font-size: 16px;}
    .page_news .list li .text h6{font-size: 14px;}

    .news_show .news_title h6{font-size: 20px; margin-bottom: 10px;}
    .news_show .news_title h1{font-size: 22px;}
    .news_show .news_con img{max-width: 660px;}
    
    .page_introduction .introduction_list a{width: 24%; margin: 0 0.5% 6px 0.5%; line-height: 38px;}

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

    .page_contact .contact_map .map{height: 440px;}

    .page_contact .contact_text{width: 92%}

    .contact_message .message_left{width: 100%; margin: 0; padding: 40px 20%;}

}


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

    .page_banner{height: 240px; padding-top: 60px;}
    .page_banner .banner_text{padding: 140px 0 0 4%;}
    .page_banner .banner_text h1{font-size: 20px; font-weight: normal;}
    .page_banner .banner_text h4{font-size: 18px;}
    .page_banner .banner_text .line{width: 40px; height: 3px;}

    .page_link{padding: 20px 0;}
    .page_link a{width: 49%; font-size: 14px; line-height: 42px; margin: 0 0.5% 4px 0.5%;}
    

    .p_t{margin-bottom: 20px;}
    .p_t h1{font-size: 20px; font-weight: normal;}

    .page_about h4{font-size: 20px;}
    .page_about h1{font-size: 20px;}
    .page_about .about_con .about_right p{font-size: 14px;}

    .page_honor{padding: 40px 0;}
    .page_honor .honor_con .list{margin-right: -2%;}
    .page_honor .honor_con .list li{width: 48%; margin-bottom: 10px;}

    .page_product{padding: 20px 0 40px 0}
    .page_product .list li{margin-bottom: 20px;}
    .page_product .list li .text{padding: 10px;}
    .page_product .list li .text h1{font-size: 14px;}

    .page_pro .pro_con .pro_left .img{width: 100%; margin: 20px auto 0 auto;}
	.page_pro .pro_con .pro_right p{font-size: 14px; line-height: 1.6}

    .page_news{padding: 20px 0 40px 0}
    .page_news .list{margin-right: 0;}
    .page_news .list li{width: 100%; margin-right: 0; margin-bottom: 20px;}

    .news_show{padding: 20px 0 40px 0}
    .news_show .news_title h6{font-size: 18px;}
    .news_show .news_title h1{font-size: 18px;}
    .news_show .news_title h4{font-size: 14px;}
    .news_show .news_con img{width: 100%;}

    .page_introduction{padding: 20px 0 40px 0}
    .page_introduction .introduction_list a{width: 32.3333%; margin: 0 0.5% 6px 0.5%; font-size: 13px;}
    .page_introduction .introduction_con li td{line-height: 1.4;}

    .page_application{padding: 20px 0 40px 0}
    .page_application .list{margin-right: 0;}
    .page_application .list li{width: 100%; }

    .page_contact .contact_map .map{height: 300px;}

    .page_contact .contact_text{width: 100%; margin: 20px 0 0 0; top: 0; padding: 20px; margin-bottom: 20px;}
    .page_contact .contact_text .contact_center{width: 100%;}

    .contact_message .message_left{padding: 20px 4%;}
	
	/*-----公共样式-------*/

	/*----pro_hot----*/
    .pro_hot .list{list-style: none; margin-right: -2%}
    .pro_hot .list li{width: 48%; margin-right: 2%;}
    .pro_hot .list li .txt h1{font-size: 12px; height: 30px}
	
	.page_tag .list{margin-right: -2%;}
    .page_tag .list li{width: 48%; margin-right: 2%; margin-bottom: 10px;}
	.page_tag .list li .text h3{font-size: 13px;}
	
	
	
	
	

}