@import url(iconfont.css);
@import url(ui.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {
    
    .header .nav li>a{ font-size:18px; margin: 0 10px; }
    .in-pro .hd{ width: 1000px; }
    .in-pro .hd li a{  margin-right: 20px; }
    .in-number li .text h2 { font-size: 40px;}
    .fnav dl{ margin-right: 40px; }
}

@media screen and (max-width: 768px) {
	body{ padding-top: 60px; }
    .menu-btn{display:block;}

    .header{ height: 60px; position: fixed; }
    .header .logo a{ height: 60px;  }
	.header .logo img{ height: 50px; }
    .header .nav{ display: none; margin-left: 0; }
    .header .search{margin-right: 10px;  height: 60px; position: static; }
    .header .search-con{  top:60px; width: 100%; height: 45px;  }

    .section{ padding: 20px 0; }
    .section-title{  margin-bottom: 25px; }
    .section-title .title h2{ font-size: 24px; }
    .section-title .title h3{ font-size: 18px; margin-bottom: 0; }
    .section-title .more{ padding-top: 10px; }
    .section-title .more a{  font-size: 14px; height: 35px; width: 100px;  }

    .in-pro .hd{ position: relative;  top:0; width: 100%; margin-bottom: 20px;}
    .in-pro .hd ul{ white-space: nowrap; overflow-x: auto; }
    .in-pro .hd li a{ font-size: 20px; margin-right: 20px; }
    .in-pro .control{ position: absolute; right: 0; top:-60px; width: 80px; height: 35px;}
    .in-pro .control a{ flex:0 0 35px; height: 35px;  }
    .in-pro .control i{ font-size: 16px; }
    .in-pro .bd ul{ flex-wrap: wrap; margin-bottom: 0;}
    .in-pro .bd li{ flex:100%; margin-right: 0; padding: 20px; margin-bottom: 15px;  }
    .in-pro .bd li h2{ font-size: 20px; }
    .in-pro .bd li p{ font-size: 14px; }
    .in-pro .bd li:hover{ flex:100%; }
    .in-pro .bd li a:hover .pic .more{ display: none; }

    .in-about{ flex-wrap: wrap; }
    .in-about .img-cover{ flex:100%; height:300px;}
    .in-about .text{ flex:100%; padding: 20px; }
    .in-about .text h2{ font-size: 24px; padding-bottom: 15px; margin-bottom: 15px; }
    .in-about .text .desc{ font-size: 16px; line-height: 1.6; }
    .in-about .text .more{ margin-top: 20px; }

    .in-number{ padding: 20px 0; }
    .in-number ul{ margin:0 0 0 -15px; }
    .in-number li a{  margin:0 0 15px 15px;  padding: 15px; height: 174px; flex-wrap: wrap; }
    .in-number li .icon{ flex:100%; }
    .in-number li .text{ text-align: center; flex:100%; }
    .in-number li .text h2{ font-size: 24px; }
    .in-number li .text p{ font-size: 18px;}

    .in-photo .control{ top:-70px; width: 80px; height: 35px; }
    .in-photo .control a{ flex:0 0 35px; height: 35px;  }
    .in-photo .control i{ font-size: 16px; }

    .in-hezuo-con .control{ top:-70px; width: 80px; height: 35px; }
    .in-hezuo-con .control a{ flex:0 0 35px; height: 35px;  }
    .in-hezuo-con .control i{ font-size: 16px; }

    .in-ys li a{ padding: 20px; min-height: 130px; margin-bottom: 15px; }
    .in-ys li h2{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; }
    .in-ys li p{ font-size: 14px; }

    .in-liucheng-con{ float: right; width: 100%; }
    .in-liucheng .section-title .title{ margin-bottom: 25px; }
    .liucheng .swiper-slide .icon img{ max-width: 50%; }
    .liucheng .swiper-slide .text{ font-size: 18px; margin-top: 0; }


    .in-news{ flex-wrap: wrap; }
    .in-news-left{ flex:100%; }
    .in-news-left li{ float: none; width: auto; }
    .in-news-left li a{ margin-bottom: 15px; border-width: 2px}
    .in-news-left li .text{ padding: 15px; }
    .in-news-left li .text h2{ font-size: 18px; margin-bottom: 10px; }
    .in-news-left li .text p{ font-size: 14px;margin-bottom: 10px;  }
    .in-news-right{ flex:100%; padding-left: 0; }
    .in-news-right li a{ margin-bottom: 15px;  }
    .in-news-right li .img-cover{ flex:0 0 40%; height: 120px; }
    .in-news-right li .text{ margin-left: 15px; }
    .in-news-right li .text h2{ font-size: 18px; margin-bottom: 10px; }
    .in-news-right li .text p{ font-size: 14px;margin-bottom: 10px;  }

    .footer{ padding:15px 0 0; }
    .footer-con{ flex-wrap: wrap; }
    .fnav{ flex:100%; margin-top: 20px; }
    .fnav:before{display: none;}
    .fnav dl{ float: none; margin-right: 0; width: 100%; border-top: 1px solid rgba(255,255,255,0.28) }
    .fnav dl:first-child{ display: none; }
    .fnav dl dt{ font-size: 16px; margin-bottom: 0; padding: 10px 0;}
    .fnav dl dt i{ display: block; }
    .fnav dl dd{ display: none; padding-bottom: 20px; }
    .fnav dl.active dd{ display: block; }
    .fnav dl dd a{ line-height: 25px; }
    .copyright{  margin-top: 0;  }

    .section-title2 strong{ font-size:24px; }
    .section-title2 p{ font-size: 16px; }

    .about1{ flex-wrap: wrap; }
    .about1 .video{ flex:100%; margin-bottom: 20px; height:auto}
    .about1 .text{ flex:100%; margin-left: 0;  }

    .about1 ul{ flex-wrap: wrap; }
    .about1 li h4 span{ font-size: 28px; }
    .about1 li p{ color: #666; font-size: 14px; }

    .about2 ul{flex-wrap:wrap;}
    .about2 li{ flex:100%; margin:0 0 15px 0; }
    .about2 li .items{padding: 20px 0; height:200px; }
    .about2 li .icon img{ max-width: 30%; }
    .about2 li h2{ font-size: 18px; margin: 10px 0;}
    .about2 li p{ font-size: 14px; }

    .about3{ padding: 0 30px; }
    .about3 .swiper-slide a{  font-size: 14px; }
    .about3 .swiper-button-prev{ left:0px; }
    .about3 .swiper-button-next{ right:0px;}

    .about5{ padding: 0 25px; }
    .about5 .swiper-slide a{ font-size: 14px; }
    .about5 .swiper-button-prev{ left:0px; background-size: 60%; }
    .about5 .swiper-button-next{ right:0px; background-size: 60%;}

    .ct-sd{ display: none; }
    .ct-mn{ float: none; width: auto; }

    .list-1 li .tit{ padding-bottom: 5px; }
    .list-1 li .tit .date{  position: static; padding-bottom: 5px; color: #999; }

    .info-content-xg li{float:none;width:100%;}
    .info-content-xg li:nth-child(2n){float:none}

    .info-pro-con{ float: none; width: 100%; border: 1px solid #ddd; }
    .info-pro-text{ float: none; width: 100%; }

    .info-pro-menu li{ flex:0 0 80px; }
    .info-pro-menu li img{ height: 70px; padding: 10px;}

    .contact1 {flex-wrap: wrap;  margin-bottom: 20px;}
    .contact1 .img-center{ flex:100%; }
    .contact1 .text{ flex:100%; padding: 30px; }
    .contact1 .text h2{ font-size: 24px; margin-bottom: 15px; }

    .contact2{ padding: 20px;}
    .contact2 h2{ font-size:24px; margin-bottom: 20px;}
    .contact2 .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
    .contact2 .formgroup .label{ flex:100%; margin-bottom: 15px; margin-right: 0; }
    .contact2 .formgroup .label img{ height: 35px; position: relative; top:2px; }

    

	
	
	

}