@media only screen and (max-width:768px ) {
	.centerBox{
		width: 94%;
	}
	.nav a+a {
	    margin-left: 20px;
	}
	.banner{
		height: 400px;
	}
	.about{
		padding: 30px 0;
	}
	.about .left {
	    float: none;
	    width: 400px;
	    margin: 0 auto;
	}
	.about .right {
	    float: none;
	    margin: 0 auto;
	}
	.about .right{
		padding-top: 70px;
	}
}
@media (max-width: 640px){	
	.header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	.blank{
		height: 80px;
	}
	.banner{		
		height: 15rem;
	}	
	.nav{
		float: none;
		position: absolute;
		right: -50%;
		top: 100%;
		z-index: 999;
		background-color: #f5f5f5;
		padding: 0;
		width: 50%;
		text-align: center;
	}
	.nav a{
		float: none;
		height: 3rem;
		line-height: 3rem;
		color: #666;
		font-weight: bold;
		font-size: 1rem;
	}
	.nav a:last-child{
		display: block;
	}
	.nav a.active{
		border: none;
	}
	.nav a+a {
	    margin-left: 0;
	    border-top: 1px solid #d7d7d7;
	}
	.top{
		display: none;
	}
	.logo {
	    max-width: 80%;
	}
	.phone{
		display: block;	
		margin-top: 13px;
	}
	.mask{
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 100%;
		z-index: 9;
	}
	.phone .bar {
	    position: relative;
	    display: block;
	    width: 40px;
	    height: 5px;
	    background-color: #2f395d;
	    border-radius: 10px;
	    -webkit-transition: .3s;
	    transition: .3s;
	}
	.phone .bar+.bar{
		margin-top: 10px;
	}
	.cross .bar:nth-of-type(1) {
	    margin-top: 0px;
	}
	.cross .bar:nth-of-type(3) {
	    margin-bottom: 0px;
	}
	.cross .bar:nth-of-type(1) {
	    -webkit-transform: translateY(15px) rotate(-45deg);
	    -ms-transform: translateY(15px) rotate(-45deg);
	    transform: translateY(15px) rotate(-45deg);
	}
	.cross .bar:nth-of-type(2) {
	    opacity: 0;
	}
	.cross .bar:nth-of-type(3) {
	    -webkit-transform: translateY(-15px) rotate(45deg);
	    -ms-transform: translateY(-15px) rotate(45deg);
	    transform: translateY(-15px) rotate(45deg);
	}
	.contant {	    
	    padding: 1.5rem 0;
	}
	.contant .left{
		float: none;
		width: 100%;
	}
	.contant .left .ch{
		font-size: 1.67rem;
		line-height: 2.5rem;
	}
	.contant .left .en{
		font-size: 1.25rem;
		line-height: 2.5rem;
	}
	.contant .left .address{
		line-height: 1.5rem;
		padding: 0;
	}
	.contant .right{
		float: none;
		width:50%;
		margin: 10px auto;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets {
	  bottom: 5px !important;
	}
	.about .left {
	    width: 76%;
	    margin-left: 6%;
	}
	.about .left .border {
	    height: 180px;
	}
	.about .left .border img {
	    width: 100%;
	    height: 180px;
	    left: 25px;
    	top: 25px;
	}
	.about .right{
		width: 100%;
	}
	.about .right .ch,.currencytitle .t1{
		font-size: 1.67rem;
		
	}
	.about .right{
		padding-top: 10%;
	}
	.productDes,.server{
		padding: 30px 0;
	}
	.currencytitle span{
		margin: 15px auto;
	}
	.currencytitle .t2{
		width: 100%;
	}
	.currencytitle{
		margin-bottom: 15px;
	}
	.slide{
		height: 10rem;
	}
	.server ul li{
		width: 50%;
		margin-bottom: 20px;
	}
	.server ul li .circle{
		background-color: #2F395D;
	}
	.server ul li .circle+p{
		color: #2F395D;
	}
	.productDes {
	    background-size: auto 60% ,auto 60%;
	}
}
@media (max-width: 415px){	
	*{
		font-size: 18px;
	}
	
}
@media (min-width: 412px) and (max-width: 414px) {
*{
		font-size: 16px;
	}
	

}
@media (min-width: 375px) and (max-width: 411px) {
*{
	font-size: 14px;
}
.about .left .border,.about .left .border img {
	    height: 150px;
	}
.about .right .description{
	line-height: 26px;
}

}
@media (max-width: 360px) {
*{
	font-size: 14px;
}
.about .right .description{
	line-height: 24px;
}
}
@media (max-width: 320px) {
*{
	font-size: 12px;
}
.about .left .border,.about .left .border img {
	    height: 120px;
	}
.about .right .description{
	line-height: 20px;
}
}