@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; }
	#footer { display: none;}
	#wap-footer{ display: block;}
	.about-con .about-text{ width: 500px;}
	.service-p{ width: 90%;}
	#about ul li{ width:25%}
	#about ul li:nth-child(2),#about ul li:nth-child(3),#about ul li:nth-child(4){margin-left:0;}
	
	
}
@media only screen and  (max-width:1300px)
{
	.know-img{ display: none;}
	.Knowledge .Know-Items{ width: 95%; margin: 0 auto; float: none;}
	#hexGrid li{ width:18%; margin-left:2%}
	#hexGrid li:nth-child(1){ margin-left:11%;}
	#hexGrid li img{ width:100%;}
}

@media only screen and  (max-width:1100px)
{
	
	#pc-nav{ display: none;}
	#wap-nav{ display: block;}
	.container{ width: 99%;}
	.lines img:nth-child(2){display: block;}
	.lines img:nth-child(1){display: none;}
	.about-con .about-img{ width: 400px;}
	.about-con .about-img img{ width: 100%;}
	
	
	
}
@media   (max-width:1000px)
{
	
	.about-con .about-img,.about-con .about-title,.about-con .about-text{ float: none;}
	.about-con .about-img { width: 80%; margin: 0 auto;}
	.about-con .about-img img{ width: 100%;}
	.about-con .about-title{ margin: -50px auto 0 auto; position: relative; width: 50%; padding: 10px 0;}
	.about-con .about-text{ width: 95%; margin: 0 auto;}
	.about-con{ margin-top: 20px;}
	.know-img{ display: none;}
	#hexGrid li{ width: 30%; margin-left: 2.5%;}
	#hexGrid li:nth-child(1){ margin-left:2.5%;}
	#hexGrid li:nth-child(6){ margin-left: 2.5%;}
	
	#hexGrid li{ width:30%; margin-left:3%}
	
	#hexGrid li img{ width:100%;}
	
}
@media   (max-width:875px)
{
	#about ul li{width: 25%; float: left;  text-align: center; margin-top: 15px;}
	.pc_ban,#banner .pc-banner { display: none;}
	.wap_ban,#banner .wap-banner{ display: block;}
	#gsjj{ margin-top: 30px;}
	.nei-Title{ font-size: 25px;}
	.nei-nav li{ font-size: 16px; }
	.nei-nav li a{margin-left: 10px;}
	.join-item{ width: 90%;}
	.CaSe .case-Items li .img-text .text-p p{ padding-top: 3px; width: 95%; font-size: 12px; line-height: 20px;}
	.content{ width: 95%; margin: 0 auto;}
	.content img{ display: block; width: 95%; margin: 0 auto;}
	#hexGrid li{ width: 30%; margin-left: 2.5%; margin-top: 5px;}
	
	#hexGrid li .center{ font-size:16px; margin-left:-41px; margin-top:-24px;}
	#hexGrid{ margin-top:30px;}
}

@media   (max-width:640px)
{
	
	#wap-footer{position: fixed;bottom: 0;left: 0;width: 100%; z-index: 10;  }
	#about{  padding: 30px 0 120px 0; }
	#about ul li img{width: 70%;}
	#about ul li h2{ font-size: 18px;}
	.Text{ margin: 5px auto 0px auto;}
	.service-items li h2{ font-size: 16px; height: 20px; overflow: hidden;}
	.service-items li p{ line-height: 24px; font-size: 14px;}
	.page{ margin-top: 30px;}
	.margin-top{ padding-bottom: 30px;}
	.join-item{ width: 100%;  margin-top: 20px;}
	.join-item li img{ width: 80%;}
	.join-item li h4{ font-size: 16px;}
	.hire-items dl dt p{ font-size: 16px;}
	.hire-items dl dt p{  text-indent: 10px;}
	.hire-items dl dt i{ width: 25px; margin-right: 5px;}
	.hire-items{margin-top: 20px;}
	.CaSe .case-Items li{ width: 49%;}
	.CaSe .case-Items li .img-text .text-p p{ font-size: 10px; padding-top: 0; width: 100%;}
	.Team .team-items li .team-img h3{ font-size: 15px; height: 30px; line-height: 30px;}
	.Team .team-items li p{ font-size: 12px; margin-top: 10px; height: 30px; line-height: 16px;}
	.Team .team-items li{ width: 30%; margin-left: 2.5%;}
	.arcticle-time img{ margin-left: 10px;}
	.arcticle-time img:nth-child(1){ margin-left: 0;}
	.arcticle-time{ margin: 20px 0;}
	.arcticle-time span{ margin-left: 2px;}
	.Knowledge .Know-Items li h1{ font-size: 14px;}
	.Knowledge .know-items{ margin-top: 30px;}
	
	.coo{ margin-top:20px;}
	.cooul li{ width:33.33%;}
	
}
@media   (max-width:585px)
{
	.margin-top{ padding-bottom: 20px;}
	.join-item{ width: 80%; margin-left: auto; margin-right: auto;}
	.join-item li img{ width: 60%;}
	.join-item li{ width: 45%; margin-top: 15px;}
	.join-item li:nth-child(2n){ float: right;}
	
	
}
@media   (max-width:320px)
{
	
	.nei-nav li a{margin-left: 2px;}
	.hire-items dl dt p{ font-size: 14px; text-indent: 10px;}
	.hire-items dl dt i{ width: 25px; margin-right: 5px;}
}








@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)
{
	
}