@import url(pc.css);
@media screen and (max-width:1439px){
   .header .nav{margin-right: 80px; }
   .header .nav li a{margin:0 9px; }
}
@media screen and (max-width:1300px){
   .header .nav{margin-right: 40px; }
   .header .nav li a{margin:0 5px; }
}
@media screen and (max-width:1200px){
   .header .nav{margin-right: 40px; }
   .header .nav li a{margin:0 3px; }
}


@media screen and (max-width:768px){
	body{ padding-top: 60px; }
	.container{ padding: 0 15px; }
	.m-header{ display: flex; }
	.header{ display: none;}


    .banner{ margin-top: 0; }
	.banner .swiper-button-prev{ width: 30px; height: 30px; border-radius: 50%; background-size: 30%; }
    .banner .swiper-button-next{ width: 30px; height: 30px; border-radius: 50%; background-size: 30%; }
	.banner .swiper-pagination-bullets{ bottom: 10px; }

	.section{ padding: 30px 0 }

	.section-title{ margin-bottom: 10px;  }
	.section-title strong{ font-size: 24px; }
	.section-title p{ font-size: 14px; }

	.in-pro .xs6 a{ padding: 10px; }
	.in-pro .xs6 .text h2{ font-size: 16px; font-weight: normal; margin-bottom: 2px; }
	.in-pro .xs6 .text p{ font-size: 14px; }
	.in-pro .xs6 .text .btns{ margin-top: 0; font-size: 14px; }

	.in-jj-con .swiper-slide .text{ position: absolute; left: 0; top:20px; transform: translateX(0); font-size: 14px;  width: 100%; padding: 0 15px; }


	.in-jj-menu{ position: relative; bottom:0px; left: 0; transform: translateX(0); width: 100%;  }
	.in-jj-menu li a{ flex-wrap: wrap; font-size: 14px; padding: 10px 0; }
	.in-jj-menu li .icon{ flex:100%; }

	.in-case-menu li{width: 33.333%; margin-top: 15px;}
	.in-case-menu li:nth-child(3n) a{ border-right: 0 }
	.in-case-menu li a{ padding: 0 15px; font-size: 16px;  }

	.in-case-con ul{ margin:0 0 0 -10px; }
	.in-case-con li a{ font-size: 14px; margin:0 0 10px 10px; font-size: 16px; }
	.in-case-con li .text{ line-height: 30px; font-size: 14px;}

	.in-about{ flex-wrap: wrap; }
	.in-about .text{ flex: 100%; padding:15px 0 0px; }
	.in-about .text h2{ font-size: 20px; }
	.in-about .text .desc {font-size: 14px; line-height:25px;}
	.in-about .text .btns{ margin:20px 0 20px; }
	.in-about .text .btns a{ line-height: 40px; font-size: 14px;  }
	.in-about .img-center{ flex:100%; margin-left: 0; }

	.in-number{ flex-wrap: wrap; }
	.in-number li { font-size: 14px; margin:0 0 20px; flex:50%; }
	.in-number li h3{ font-size: 14px; }
	.in-number li h3 span{ font-size: 28px; }

	.in-news-menu li{width: 33.333%; margin-top: 20px;}
	.in-news-menu li a{ padding: 0 15px; font-size: 16px;  }

	.in-news-left{ float: none; width: auto; }
	.in-news-right{ margin-left: 0; margin-top: 15px; }
	.in-news-right li .date{ flex:0 0 60px; font-size: 14px; }
	.in-news-right li .date span{ font-size: 28px; }
	.in-news-right li .text h2{ font-size: 16px; }
	.in-news-right li .text p{ font-size: 13px;}
	.in-news-right li .icon{ display: none; }
	
	.footer { display: none;}
	.copyright{ border-top: 0;height: auto; padding: 20px 15px; font-size: 14px;  flex-wrap:wrap;}

	.banner-sub{ height: 250px; }
	.banner-sub .text h2{ font-size: 24px; font-weight: normal;  }
	.banner-sub .text p{ font-size: 16px; margin-top: 10px; }
	.banner-sub .texts{ font-size: 24px;  }
	.banner-sub .texts2{ padding-top: 20px;}
    .banner-sub .texts2:before{  height: 5px; }
	.banner-sub .texts2 h2{ font-size: 24px; }
    .banner-sub .texts2 p{ font-size: 16px; }

	.section-sub{ padding: 30px 0; }

	/*.lanmu{ margin-bottom: 10px; }
	.lanmu li{ width: 33.333%; display: inline-block; }*/

	.subnav .lanmu,.subnav .lanmus{ float: none; width: 100%; }
	.subnav .curmbs{ display: none; }
	
	.small-lanmu{ flex-wrap:wrap; margin:25px 0 0; }


	.info-content-title h1{  font-size: 24px;}
	.info-content-title2{ padding-bottom: 10px; margin-bottom: 10px; }
	.info-content-title2 h1{  font-size: 24px;}
    .info-content-title2 p{ font-size: 12px; }
	.info-content-desc{ padding: 0; flex-wrap: wrap; margin-bottom: 20px; }
	.info-content-desc h2{ flex:100%; font-size: 24px; margin-bottom: 10px; }
	.info-content-desc .text{ flex:100%; font-size: 16px; color: #666; line-height: 28px; }
	.info-content-canshu{ flex-wrap:wrap; }
	.info-content-canshu .img-center{ flex:100%; }
    .info-content-canshu .text{ flex:100%; padding-left: 0; }
    
    .info-content-body2 li{ flex-wrap: wrap; margin-bottom: 15px;}
	.info-content-body2 li .img-center{ flex:100%; }
	.info-content-body2 li .text{ flex:100%; padding: 15px 0;}
	.info-content-body2 li:nth-child(2n) .img-center{ order: 0;  }

	.info-content-liangdian li .icon{ width: 60px; height: 68px; line-height: 68px; }
	.info-content-liangdian li .text h2{ margin:10px 0 5px; font-size: 12px; }
	.info-content-liangdian li .text p{ font-size: 12px; height: 60px; }

	.info-content-gongneng{ padding: 30px 0; margin-top: 20px; }
	.info-content-gongneng li{ margin-bottom: 20px; }
	.info-content-gongneng li .icon{ width: 100px; height: 100px; line-height: 100px; }
	.info-content-gongneng li .text h2{ font-size: 18px; }
	.info-content-gongneng li .text p{ font-size: 14px; }


	.info-content-return li{ float: none; width: auto; text-align: center; }
	.info-content-return li:nth-child(2){ margin:8px 0;}
    .info-content-return li:last-child{ text-align: center; }

    .xg-tits{ font-size: 24px;  margin-bottom: 20px; }
	.xg-tits p{ font-size: 14px; margin-top: 5px; }

    .list-2{ padding: 0; }
	.list-2 li a{ flex-wrap: wrap; margin-bottom: 15px;}
	.list-2 li .img-center{ flex:100%; }
	.list-2 li .text{ flex:100%; padding: 15px 0;}
	.list-2 li .text h2{ font-size: 24px;  }
	.list-2 li .text p{ font-size: 16px; margin:10px 0; line-height: 25px; }
	.list-2 li .text .btns{ width: 150px; height: 45px;line-height: 45px; font-size: 16px; }
	.list-2 li:nth-child(2n) .text{ order: 0; padding: 15px 0; }

	.ct{ flex-wrap: wrap; }
	.ct-mn{ flex:100%; }
	.ct-sd{ flex:100%; margin-left:0; margin-top: 20px;}

	.list-6 .tits{ height: 70px;  padding: 0 10px; font-size: 14px; }
	.list-6 .tits p:nth-child(2){ flex:0 0 80px; }
	.list-6 .tits p:last-child{ flex:0 0 60px; }
	.list-6 li{  height: 70px;  padding: 0 10px; font-size: 12px;  }
	.list-6 li p{ flex:1; }
	.list-6 li p:nth-child(2){ flex:0 0 80px; }
	.list-6 li p:last-child{ flex:0 0 60px; }
	.list-6 li p i{ display: none; }
	
	.job-1 .text{  padding:40px 20px; margin:15px; }
	.job-1 .text h2{  font-size: 20px; margin-bottom: 10px; }
    .job-1 .text p{ font-size: 14px;  line-height: 25px; }
	
	.job-2 .tits{  height: 45px;  padding: 0 10px; font-size: 14px; }
	.job-2 .tits p:nth-child(2),.job-2 .tits p:nth-child(4){ display:none;  }
	.job-2 .tits p:nth-child(1){ flex:0 0 150px; }
	.job-2 .tits p:last-child{ flex:0 0 50px; }
	.job-2 dl dt{ height: 45px;  padding: 0 10px; font-size: 14px; }
	.job-2 dl dt p:nth-child(2),.job-2 dl dt p:nth-child(4){ display:none;  }
	.job-2 dl dt p:nth-child(1){ flex:0 0 150px; }
	.job-2 dl dt p:last-child{ flex:0 0 50px; }
	.job-2 dl dd{ font-size: 14px; line-height: 25px; padding: 15px; }
	
	 .message .label{ flex-wrap: wrap; }
     .message .label label{ flex:100%; margin-right: 0; margin-bottom: 15px;}

}