@media (min-width: 600px){
	header .navBox{
		width: 90%;
	}
}
@media (min-width: 960px) {
	header .navBox{
		width: 900px;
	}
}
@media (min-width: 1100px) {
	header .navBox{
		width: 1000px;
	}
}
@media (min-width: 1280px){
	header .navBox{
		width: 1235px;
	}
	.endLogo p:nth-child(2){
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		-o-transform: translateY(-5px);
	}
}
@media (min-width: 1500px){
	.sectionPlatform .car{
		background-position: 50% 77%;
	}
}
@media (max-width: 1700px){
	.sectionIframe .contaxtBox{
		left: 60%;
	}
}
@media (max-width: 1400px){
	.sectionIframe .picShow{
		left: 200px;
	}
	.management{
		height: 650px;
	}
	.management h2{
		padding-bottom: 100px;
		padding-top: 60px;
	}
}
@media (max-width: 1280px){
	.management{
		height: 650px;
	}
	.management h2{
		padding-bottom: 100px;
		padding-top: 60px;
	}
	.management .contentBox{
		width: 93%;
	}
	.contactUs{
		width: 180px;
	}
	.contactUs h3{
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.contactUs p{
		margin-bottom: 8px;
	}
	.endLogo{
		width: 150px;
	}
	.endLogo p{
		display: block;
		margin: 0;
	}
	.endLogo p:nth-child(2){
		margin-top: 40px;
	}
	.endLogo p:nth-child(3){
		margin-top: 15px;
		padding-left: 0;
	}
	.springPlan article{
		width: 90%;
	}
	.sectionIframe{
		height: 1200px;
	}
	.sectionIframe .contaxtBox{
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.sectionIframe .contaxtBox h2{
		margin-top: 80px;
		margin-bottom: 565px;
		font-size: 45px;
	}
	.sectionIframe .contaxtBox p{
		font-size: 33px;
		margin: 25px auto;
	}
	.sectionIframe .picShow{
		top: 250px;
		left: 50%;
		margin-left: -223px;
	}
}
@media (max-width: 1200px){
	.management{
		height: 900px;
	}
	.management h2{
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.management .contentBox dl{
		width: 400px;
	}
	.management .contentBox{
		width: 800px;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between;
	}
	.improveEff table{
		width: 1010px;
		height: 530px;
		overflow: hidden;
	}
	.improveEff table tr {
		height: 81px;
	}
	.improveEff table tr th{ 
		width: 252px;
	}
	.sectionCoo .CooBox{
		width: 95%;
	}
}
@media (max-width: 1080px){
	.inputBox .tellUs{
		width: 340px;
	}
	.sectionPlatform h3{
		font-size: 20px;
	}
	.sectionPlatform li{
		height: 230px;
	}
	.sectionPlatform .car{
		height: 230px;
	}
	.sectionPlatform .women{
		height: 230px;
	}
	.sectionPlatform .code{
		height: 230px;
	}
	.improveEff table{
		width: 90%;
		height: auto;
	}
	.improveEff table tr {
	    font-size: 15px;
	    height: 63px;
	}
	.improveEff{
		height: 720px;
	}
	.sectionCoo{
		height: auto;
	}
	.sectionCoo h2{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.sectionCoo .CooBox{
		flex-wrap: wrap;
	}
	.partner{
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.joinUs{
		margin: 0 auto;
		margin-bottom: 60px;
	}
}
@media (max-width: 880px){
	.sectionPlatform h3{
		font-size: 15px;
	}
	.springPlan{
		background-position: 146% 191%;
	}
	.springPlan h2{
		padding-top: 100px;
	}
	footer{
		flex-direction: column;
	}
	footer .contactUs{
		width: 450px;
		height: 22px;
		line-height: 1;
		/* display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between; */
		position: absolute;
		top: 40px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.contactUs h3{
		position: absolute;
		top: 0;
		left: 0 ;
		width: 66px;
		margin: 0;
		padding: 0;
		line-height: 22px;
	}
	.contactUs p:nth-child(2){
		position: absolute;
		top: 0;
		left: 105px;
		width: 182px;
	}
	.contactUs p:nth-child(3){
		position: absolute;
		top: 0;
		left: 300px;
		width: 156px;
	}
	.endLogo{
		position: absolute;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		height: 22px;
		width: 450px;
		/* display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between; */
	}
	.endLogo p.linkP{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 66px;
		color: #fff;
	}
	.endLogo p:nth-child(2){
		position: absolute;
		top: 0;
		left: 105px;
		margin-top: 0;
	
	}
	.endLogo p:nth-child(3){
		position: absolute;
		top: 0;
		left: 300px;
		transform: translateX(-25px);
		-webkit-transform: translateX(-25px);
		-moz-transform: translateX(-25px);
		-o-transform: translateX(-25px);
		padding-left: 46px;
		margin-top: 0;
	}
	.inputBox{
		width: 578px;
		height: 50%;
		position: absolute;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.inputBox .mailText{
		padding-left: 10px;
		width: 150px;
		margin-left: 15px;
		border: 0;
	}
	.inputBox .tellUs{
		padding-left: 10px;
		width: 300px;
		border: 0;
		transform: translateX(-1px);
		-webkit-transform: translateX(-1px);
		-moz-transform: translateX(-1px);
		-o-transform: translateX(-1px);
	}
	.inputBox aside:after{
		left: 150px;
	}
	.inputBox button{
		float: left;
		margin-left: 20px;
	}
	footer{
		height: 270px;
	}
	.sectionIframe .picShow{
		top: 300px;
		margin-left: -170px;
		width: 351px;
		height: 213px;
	}
	.management .contentBox{
		width: 100%;
	}
	.management .contentBox dl{
		width: 50%;
		float: left;
	}
	.management dd p:nth-child(1){
		font-size: 20px;
	}
	.management dd p:nth-child(2){
		font-size: 12px;
	}
}
@media (max-width: 600px){
	header{
		height: auto;
	}
	header nav{
		height: 0;
	}
	header .navBox{
		height: 0;
		width: 100%;
		position: relative;
	}
	header .navBox button{
		display: none;
	}
	.ipsLogo{
		position: absolute;
		left: 50%;
		top: 100px;
		height: 50px;
		width: 67px;
		z-index: 1;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.management .contentBox{
		width: 100%;
	}
	.management .contentBox dl{
		width: 50%;
		float: left;
	}
	.management dd p:nth-child(1){
		font-size: 20px;
	}
	.management dd p:nth-child(2){
		font-size: 12px;
	}
	.sectionPlatform{
		height: auto;
		width: 100%;
	}
	.sectionPlatform ul{
		flex-wrap: wrap;
	}
	.sectionPlatform li{
		width: 100%;
	}
	.sectionPlatform .code{
		background-position: 50% 55%;
	}
	.sectionPlatform .videoBox{
		height: auto;
		overflow: hidden;
	}
	.sectionPlatform .coverPic2{
		/* background: none; */
	}
	.sectionPlatform .videoBox video{
		float: left;
	}
	.coverAndPopOut .popOutBox{
		width: 570px;
	}
	.coverAndPopOut .context{
		margin: 60px auto 50px;
	}
	.sectionPlatform .car{
		background-position: 50% 80%;
	}
	.sectionPlatform h3{
		font-size: 30px;
	}
	.sectionPlatform li{
		height: 340px;
	}
	.sectionPlatform .car{
		height: 340px;
	}
	.sectionPlatform .women{
		height: 340px;
	}
	.sectionPlatform .code{
		height: 340px;
	}
	.improveEff{
		height: 600px;
	}
	.improveEff table{
		border-top: 30px solid #0fc5ff;
		overflow: hidden;
	}
	.improveEff table tr{
		font-size: 12px;
		height: 46px;
	}
	.improveEff table tr th{
		font-size: 12px;
		width: 134px;
	}
	.improveEff table{
		height: auto;
		width: 90%;
	}
	.springPlan{
		background-position: 181% 191%;
	}
	.springPlan h2{
		padding-top: 100px;
	}
	.sectionCoo{
		height: auto;
		background-position: 190% 50%;
	}
	.sectionCoo h2{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.sectionCoo .CooBox{
		flex-wrap: wrap;
	}
	.partner{
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.joinUs{
		margin: 0 auto;
		margin-bottom: 60px;
	}
	footer{
		flex-direction: column;
	}
	footer .contactUs{
		width: 450px;
		height: 22px;
		line-height: 1;
		/* display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between; */
		position: absolute;
		top: 40px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.contactUs h3{
		position: absolute;
		top: 0;
		left: 0 ;
		width: 66px;
		margin: 0;
		padding: 0;
		line-height: 22px;
	}
	.contactUs p:nth-child(2){
		position: absolute;
		top: 0;
		left: 105px;
		width: 182px;
	}
	.contactUs p:nth-child(3){
		position: absolute;
		top: 0;
		left: 300px;
		width: 156px;
	}
	.endLogo{
		position: absolute;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		height: 22px;
		width: 450px;
		/* display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-o-justify-content: space-between; */
	}
	.endLogo p.linkP{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 66px;
		color: #fff;
	}
	.endLogo p:nth-child(2){
		position: absolute;
		top: 0;
		left: 105px;
		margin-top: 0;
	
	}
	.endLogo p:nth-child(3){
		position: absolute;
		top: 0;
		left: 300px;
		transform: translateX(-25px);
		-webkit-transform: translateX(-25px);
		-moz-transform: translateX(-25px);
		-o-transform: translateX(-25px);
		padding-left: 46px;
		margin-top: 0;
	}
	.inputBox{
		width: 578px;
		height: 50%;
		position: absolute;
		top: 80px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	.inputBox .mailText{
		padding-left: 10px;
		width: 150px;
		margin-left: 15px;
		border: 0;
	}
	.inputBox .tellUs{
		padding-left: 10px;
		width: 300px;
		border: 0;
		transform: translateX(-1px);
		-webkit-transform: translateX(-1px);
		-moz-transform: translateX(-1px);
		-o-transform: translateX(-1px);
	}
	.inputBox aside:after{
		left: 150px;
	}
	.inputBox button{
		float: left;
		margin-left: 20px;
	}
	footer{
		height: 270px;
	}
	.sectionIframe{
		height: 1100px;
	}
	.sectionIframe .contaxtBox h2{
		font-size: 40px;
		margin-bottom: 435px;
	}
	.sectionIframe .picShow{
		top: 270px;
		margin-left: -127px;
		width: 270px;
		height: 164px;
	}
	@keyframes pic1move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(78px, -50px, 0);
	  		transform: translate3d(78px, -50px, 0);
	  	}
	}
	@-webkit-keyframes pic1move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(78px, -50px, 0);
	  		transform: translate3d(78px, -50px, 0);
	  	}
	}
	@keyframes pic2move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(39px, -25px, 0);
	  		transform: translate3d(39px, -25px, 0);
	  	}
	}
	@-webkit-keyframes pic2move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(39px, -25px, 0);
	  		transform: translate3d(39px, -25px, 0);
	  	}
	}
	@keyframes pic4move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(-39px, 25px, 0);
	  		transform: translate3d(-39px, 25px, 0);
	  	}
	}
	@-webkit-keyframes pic4move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(-39px, 25px, 0);
	  		transform: translate3d(-39px, 25px, 0);
	  	}
	}
	@keyframes pic5move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(-78px, 50px, 0);
	  		transform: translate3d(-78px, 50px, 0);
	  	}
	}
	@-webkit-keyframes pic5move{
		0% {
		    -webkit-transform: translate3d(0, 0, 0);
		    transform: translate3d(0, 0, 0);
	  	}
	  	100%{
	  		-webkit-transform: translate3d(-78px, 50px, 0);
	  		transform: translate3d(-78px, 50px, 0);
	  	}
	}
	.imgCont5{
		animation: pic1move 1s ease-in-out;
		-webkit-animation: pic1move 1s ease-in-out;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
	.imgCont4{
		animation: pic2move 1s ease-in-out;
		-webkit-animation: pic2move 1s ease-in-out;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
	.imgCont2{
		animation: pic4move 1s ease-in-out;
		-webkit-animation: pic4move 1s ease-in-out;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
	.imgCont1{
		animation: pic5move 1s ease-in-out;
		-webkit-animation: pic5move 1s ease-in-out;
		animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
	}
}