/*Created by lk on 2020/05/25.*/

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

    .w1200{width: 100%}

    .header{height: 60px;}
    .header .logo{width: 212px; height: 40px; margin: 10px 0 0 10px;}

    .nav .nav_bar .li>a{padding: 0 16px; line-height: 60px;}

    .nav{padding-left: 2%;}

    .lan{margin-top: 14px; margin-right: 10px}

    .footer .footer_con span{font-size: 13px; padding: 0 20px}

    /*----list02----*/
    .list02 .list02_bg .list02_con{width: 92%; margin: 0 auto; padding: 60px 0 180px 0;}
    .list02 .list02_bg .list02_con .list02_left{padding-top: 0}
    .list02 .list02_bg .list02_con .list02_right .img img{width: 100%;}

    /*----list02_data----*/
    .list02_data{width: 92%;  margin-left: 4%;}

    /*----list03----*/
    .list03 .list03_con{width: 92%;}
    .list03 .list03_con .list{width: 25%; float: right; padding: 10% 2% 0 2%; text-align: center;}
    .list03 .list03_con .list h3{font-size: 15px; margin-bottom: 40px;}
    .list03 .list03_con .list p{font-size: 12px; line-height: 24px;}

    /*----list04----*/
    .list04 .title{width: 92%; margin: 0 auto;}

    .list04 .list04_con{width: 92%; margin: 0 auto}
    .list04 .list04_con .list li .img{height: 190px;}

    /*----page----*/
    .page_banner{width: 100%; height: 320px;}
    .page_banner .banner_bg .w1200{padding-top: 260px; padding-left: 20px;}
    .page_banner .banner_bg h3{font-size: 32px;}

    .page_title{padding: 26px 30px 0 30px; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px;}

    .page_con{width: 92%; margin: 0 auto; padding-bottom: 50px}

    .page_about img{height: auto}

    .page_group .list li .img{height: 180px; overflow: hidden}

    .page_culture .txt{width: 70%; padding: 50px 50px 50px 60px;}


}



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

    .w1200{width: 92%}

    /*----header----*/
    .header{height: 60px;}
    .header .logo{width: 212px; height: 40px; margin: 10px 0 0 0;}

    .header .button{display: block}

    .nav{position: fixed; top: 0; left: -220px; width: 220px; height: 100%; padding-left: 0; margin-top: 60px; background: #f4f4f4;}
    .nav .nav_bar{padding-top: 40px;}
    .nav .nav_bar li{float: none; margin-right: 0;}
    .nav .nav_bar li>a{padding: 0 20px 0 60px; font-weight: bold; line-height: 50px;}

    .lan{float: left; margin-top: 20px}
    .lan .yu{width: 30px; margin-left: 6px}

    .nav.nav_on{left: 0}

    .header.mini{height: 60px;}
    .header.mini .logo{margin: 10px 0 0 10px;}
    .header.mini .nav .nav_bar .li>a{line-height: 50px;}
    .header.mini .lan{float: left; margin-top: 20px}

    /*----footer----*/
    .footer{padding: 30px 0 0 0;}
    .footer .footer_nav{display: none}
    .footer .footer_con{text-align: center; padding-bottom: 20px}
    .footer .footer_con span{font-size: 13px; padding: 0 10px; line-height: 26px}
    .footer .footer_end span{line-height: 20px}

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

    .footer .footer_d .web_site{width: 100%; margin-left: 0;}
    .footer .footer_d .web_site a{font-size: 12px; }


    /*----banner----*/
    .banner{position: relative;}

    .banner .txt{left: 11%;}

    .banner .txt h3{margin-bottom: 16px; transform: translateY(40px); -webkit-transform: translateY(40px);}
    .banner .txt p{transform: translateY(40px); -webkit-transform: translateY(40px);}

    .banner .txt h3{width: 80%}
    .banner .txt p{width: 80%}
    .banner .txt h3 img{width: 100%}
    .banner .txt p img{width: 100%}

    .banner .swiper-button-prev, .banner .swiper-button-next{bottom: 10px;}
    .banner .swiper-button-prev{left: 40px;}
    .banner .swiper-button-next{left: 90px;}


    /*----list01----*/
    .list01{padding: 30px 0}
    .list01 .title{padding-bottom: 30px;}
    .list01 .title h3{font-size: 18px;}
    .list01 .title h1{font-size: 14px;}
    .list01 .list01_con .list{margin-right: -2%}
    .list01 .list01_con .list li{width: 48%;  margin-bottom: 10px; margin-right: 2%;}
    .list01 .list01_con .list li .txt{position: relative; bottom: 0; height: 40px; line-height: 40px; background: #fff}
    .list01 .list01_con .list li .txt h3{color: #333; padding-left: 10px;}

    /*----list02----*/
    .list02{padding-bottom: 40px;}
    .list02 .list02_bg{background: url("../image/img02.jpg") no-repeat; background-size: cover }
    .list02 .list02_bg .list02_con{padding: 40px 0;}
    .list02 .list02_bg .list02_con .list02_left{width: 100%; margin-right: 0; padding-top: 0}
    .list02 .list02_bg .list02_con .list02_left h1{font-size: 20px;}
    .list02 .list02_bg .list02_con .list02_left h1 i{font-size: 12px; padding-left: 4px;}
    .list02 .list02_bg .list02_con .list02_left .con{padding: 20px 0}
    .list02 .list02_bg .list02_con .list02_left .con p{font-size: 13px; line-height: 22px}
    .list02 .list02_bg .list02_con .list02_right{display: none}

    /*----list02_data----*/
    .list02_data{position: relative; bottom: 0; background: #ce1111; box-shadow: none; padding-top: 14px}
    .list02_data .li{width: 50%; margin-top: 0; padding: 10px 0}
    .list02_data .li:nth-child(1):before{content: ""; display: block; width: 80%; height: 1px; background: #f0f0f0; position: absolute; bottom: 0; right: 0; margin-bottom: -1px}
    .list02_data .li:nth-child(1):after{content: ""; display: block; width: 1px; height: 100%; background: #f0f0f0; position: absolute; bottom: 0; right: 0}
    .list02_data .li:nth-child(4):before{content: ""; display: block; width: 80%; height: 1px; background: #f0f0f0; position: absolute; top: 0; left: 0}
    .list02_data .li:nth-child(4):after{content: ""; display: block; width: 1px; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 0; margin-left: -1px}
    .list02_data .li span{color: #fff; font-size: 32px;}
    .list02_data .li i{color: #fff;}
    .list02_data .li p{color: #fff;}

    /*----list03----*/
	.list03 .list03_con{width: 100%;}
    .list03 .list03_con .slick-slide img{width: 100%}
    .list03 .list03_con .list{display: none}

    /*----list04----*/
    .list04{padding: 30px 0;}
    .list04 .title{padding-bottom: 20px;}
    .list04 .title h3{font-size: 18px;}
    .list04 .title h1{font-size: 14px;}

    .list04 .list04_con .list{margin-right: 0}
    .list04 .list04_con .list li{width: 100%; margin-right: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #e0e0e0 }
    .list04 .list04_con .list li .img{display: none}
    .list04 .list04_con .list li .txt{padding-top: 12px}
    .list04 .list04_con .list li .txt h6{font-size: 12px;}

    /*----page----*/
    .page_banner{height: 230px;}
    .page_banner .banner_bg{background-position: 588px bottom; background-size: cover}
    .page_banner .banner_bg .w1200{padding-top: 190px; padding-left: 10px; overflow: hidden}
    .page_banner .banner_bg h3{font-size: 22px; color: #fff; font-weight: bold; font-family: 'novecentowide-book' }

    .page_title{padding: 20px 0 0 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px;}
    .page_title .title_left{width: 100%;}
    .page_title .title_left h3{font-size: 20px;}
    .page_title .title_left h3 i{font-size: 13px;}

    .page_title .title_left .t_link{padding: 6px 16px; background: #dedede; font-size: 12px;}

    .page_title .title_right{display: none}

    .page_con{padding-bottom: 40px}

    /*----page-about----*/
    .page_about p{font-size: 13px;}
    .page_about img{height: auto}

    /*----page_culture----*/
    .page_culture{height: 360px; padding-top: 60px;}
    .page_culture .txt{width: 90%; padding: 40px 20px 40px 20px;}
    .page_culture .txt p{font-size: 13px; padding-left: 20px;}
    .page_culture .txt p:before{width: 12px; height: 12px; margin-top: -5px}

    /*----page_enterprise----*/
    .page_enterprise .list{margin-right: -2%;}
    .page_enterprise .list li{width: 48%; margin-right: 2%;}

    /*----page-network----*/
    .page_network img{width: 100%;}

    /*----page-product----*/
    .page_product .list{margin-right: -2%}
    .page_product .list li{width: 48%; margin-bottom: 10px; margin-right: 2%;}

    /*----page_productshow----*/
    .page_productshow .show_left{width: 100%; margin-right: 0; margin-bottom: 20px}

    .page_productshow .show_right{width: 100%}
    .page_productshow .show_right .title h3{font-size: 16px;}
    .page_productshow .show_right .title p{font-size: 13px;}
    .page_productshow .show_right .con{padding-top: 10px}

    /*----page-group----*/
    .page_group .list{margin-right: 0}
    .page_group .list li{width: 100%; margin-right: 0;}
    .page_group .list li .img{height: 200px;}
    .page_group .list li .txt{padding: 12px 0 4px 0;}
    .page_group .list li .txt h1{font-size: 15px;}
    .page_group .list li .txt p{font-size: 12px;}

    /*----page_groupshow----*/
    .page_groupshow .group_title{padding: 0 0 30px 0}
    .page_groupshow .group_title h1{font-size: 18px;}
    .page_groupshow .group_con p{font-size: 13px; line-height: 24px}
	.page_groupshow .group_con img{width: 100%; height: auto}
    .page_groupshow .group_img .list li{margin-bottom: 10px}

    /*----page_news----*/
    .page_news .news_left{width: 100%; padding-right: 0; border-right: none}
    .page_news .news_left .list li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #e0e0e0}
    .page_news .news_left .list li h1{font-size: 14px;}
    .page_news .news_left .list li h3{font-size: 15px;}
    .page_news .news_left .list li p{font-size: 12px;}

    .news_right{display: none}

    /*----page_newshow----*/
    .page_newshow .newshow_left{width: 100%; padding-right: 0; border-right: none}
    .page_newshow .newshow_left .title h3{font-size: 15px;}
    .page_newshow .newshow_left .title span{font-size: 12px;}
    .page_newshow .newshow_left .con p{font-size: 13px;}


    /*----contact-----*/
    .page_contact .contact_left{width: 100%; margin-right: 0; margin-bottom: 20px}
    .page_contact .contact_left h3{font-size: 18px;  margin-bottom: 10px}
    .page_contact .contact_left p{font-size: 13px; line-height: 24px}
    .page_contact .contact_left img{display: none}
    .page_contact .contact_right{width: 100%;}

	
	/*-----公共样式-------*/
    /*----page_message----*/
    .page_message{width: 100%; padding: 20px 0;}
    .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 .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; }
    




}