@charset "utf-8";
@media only screen and (max-width:1280px){
	.join-item li p{ height: 35px; overflow: hidden;}
}

@media only screen and (max-width:1280px)
{
	.w1200,.container{ width: 1100px; margin: 0 auto;}
	#pc-nav  .nav-right .navbar-right li{  margin-left: 10px; }
	#News .new-cer p{display: none;}
	#News ul li img{width: 20%;height: 90px;}
	#News .new-cer{width: 73%;margin-left: 10px;margin-top: 0;}
	#News .new-cer h2{font-size:14px}
	#News ul li .news-data{float: none;}
	#News ul li .news-data span{float: left;font-weight: normal;margin-left: 10px;}
	#News ul li .news-data i{margin-top: 10px;float: right;height: 30px;line-height: 30px;/* margin-right: 15px; */}
	#News-More .news-TexT img{width: 90%;}
}
@media only screen and  (max-width:1300px)
{
	#Honor ul li .honor-img{height: 100px;}
	#Honor ul li{width: 47%;float: left;}
	#Honor ul li:nth-child(2n){float: right;}
	#Honor ul li p{font-size: 13px;}
}

@media only screen and  (max-width:1100px)
{
	.w1200,.container{ width: 98%; margin: auto;}
	#pc-nav{ display: none;}
	#wap-nav{ display: block;}
	.container{ width: 99%;}
	#index-about .index-abImg,#index-about .about-Text{float: none;width: 100%;}
	#index-about .index-abImg{width: 90%;margin: auto;}
	#index-about .about-Text{margin-top: 30px;}
	#index-about .about-Text h2{font-size: 20px;text-align: center;}
	#index-about .about-Text p{margin-top: 10px;}
	#index-about .about-Text p span{line-height: 26px;}
	#index-pro ul li{width: 49%;margin-top: 15px;margin-left: 0;}
	#index-pro ul li a span{font-size: 15px;}
	#index-pro ul li a span,#index-pro ul li a i{text-indent: 10px;}
	#index-pro ul li a i{font-size: 13px;}
	#index-pro ul li{float: left;}
	#index-pro ul li:nth-child(2n){float: right;}
	#index-case{padding: 30px 0;margin-top: 30px;}
	#index-case ul li{margin-top: 3px;}
	#index-case ul li p{font-size: 16px;}
	#index-case ul li p span{margin-top: 21%;}
	.News-Left,.News-Right{float: none;width: 100%;clear: both;overflow: hidden;}
	.News-Right dl:nth-child(1){margin-top: 10px;clear: both;}
	.News-Left ul li{width: 48%;}
	.News-Left ul li div{font-size: 12px;}
	.footer-cer ul li,.footer-cer ul li:nth-child(6){width: 100%;}
	.footer-cer ul li span,.footer-cer ul li:nth-child(1) span,.footer-cer ul li img{display: inline-block;}
	.footer-cer ul li img{vertical-align: middle;margin-right: 10px;}
	.footer-cer ul li{margin-top: 10px;margin-left: 10px;}
	#index-about{padding: 50px 0;}
	.nei-title .nt-left{display: none;}
	.nei-title .nt-right{float: none; width: 100%;}
	.nei-title .nt-right a{width: 25%;}
	#About{margin-top: 30px;}
	#Honor ul {margin-top: 20px;}	
	#Pro-show #index-pro{margin-top: 20px;}
	#index-pro ul li a h2{font-size: 16px;}
	.mes-cer form{width: 95%;}
	.mes-cer .control-form{width: 48%;}
	#Message>img{margin-bottom: 10px;}
	#Contact-Us .contact-left,#Contact-Us  .contact-right{width: 100%;float: none;}
	#Contact-Us  .contact-right{margin-right: 0;/* padding-left: 20px; */float: none;width: 90%;margin: auto;}
	#Contact-Us  .contact-right ul li,#Contact-Us  .contact-right ul li:nth-child(1){margin-top: 30px;}
	#Contact-Us  .contact-right ul li i{font-size: 40px;}
	#News ul.news-items li img{width: 20%;height: 100px;}
	#News{padding-top: 20px;}
	#News ul.news-items li .news-data span{margin-top: 26px;margin-right: 10px;}
}
@media   (max-width:1000px)
{
	
	
}
@media   (max-width:875px)
{
	#pc-nav{ display: none}
	#wap-nav{display: block;background: rgba(255,255,255,1);border-bottom: 1px solid #e1e1e1;}
	.Index-Title img{width: 80%;margin: 5px auto;}
	
	
}

@media   (max-width:640px)
{		
	.nei-banner img:last-child{display: block;}
	.nei-banner img:first-child{display: none;}
}

@media   (max-width:585px)
{
	.margin-top{ padding-bottom: 20px;}
	
	
	
}
@media   (max-width:320px)
{
	
	
}








@media only screen and  (max-width:875px)
{
	#about ul li{ width: 50%; margin-top:40px;}
}

@media and (min-width:640px) and (max-width:874px)
{
	
}

@media and (min-width:540px) and (max-width:639px)
{
	
}

@media and (min-width:320px) and (max-width:539px)
{
	
}

@media and (min-width:1280px) and (max-width:1366px)
{
	
}



















