﻿@media only screen and ( max-width: 1700px) {
	div.phoneNav .gb{ margin-top: -10px;}
	.aboutComp,
	.videoList li .subvideo,
	.kgList,
	div.phoneNav .gb{
		transform: scale(0.65);
		-webkit-transform: scale(0.65);
		-moz-transform: scale(0.65);
	}
	div.phoneNav nav a{
		font-size: 16px;
		padding: 0.5% 0;
	}
	.fenXis a{ font-size: 25px !important;}
	.homeList .waperBox{
		transform: scale(0.8) translateY(18px);
		-webkit-transform: scale(0.8) translateY(18px);
		-moz-transform: scale(0.8) translateY(18px);
	}
	.kgList.acr0{
		transform: rotate(0) scale(0.65);
		-webkit-transform: rotate(0) scale(0.65);
		-moz-transform: rotate(0) scale(0.65);
	}
	.kgList.acr1{
		transform: rotate(90deg) scale(0.65);
		-webkit-transform: rotate(90deg) scale(0.65);
		-moz-transform: rotate(90deg) scale(0.65);
	}
	.kgList.acr2{
		transform: rotate(-180deg) scale(0.65);
		-webkit-transform: rotate(-180deg)  scale(0.65);
		-moz-transform: rotate(-180deg) scale(0.65);
	}
	.kgList.acr3{
		transform: rotate(-90deg) scale(0.65);
		-webkit-transform: rotate(-90deg) scale(0.65);
		-moz-transform: rotate(-90deg) scale(0.65);
	}
	
	.caseList li .bigword .word h3{ font-size: 20px;}
	.caseList li .bigword .word i{ margin: 10px 0;}
	.ourList{ zoom: 0.65; margin-left: -201px; -moz-transform: scale(0.65);}
	.square.active{ zoom: 0.65; -moz-transform: rotateZ(315deg) scale(0.65);}
	.comTit h1{ font-size: 5rem;}
	
	.aboutComp{ top: -115px;}
	.aboutComp .swiper-slide p{ padding-top: 72px;}
	.aboutComp .json_prev, 
	.aboutComp .json_next{ bottom: 20px;}
	
	.contahUs2{ margin-top: -118px;
		transform: scale(0.5);
	    -webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
	}
	.ourParts{ top: -126px; margin-left: -265px;
		transform: scale(0.5);
	    -webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
	}
	.wersList{ zoom: 0.65;}
	
	.contahUs{
		margin-top: -66px;
		transform: scale(0.5);
	    -webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
	}
	.ciRcle{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
	}
	.subcontUs{ margin-left: -132px;}
	.subcontUs li font{ font-size: 1.6rem;}
	
	.xxa{ bottom: 25%;}
	
}

@media only screen and ( max-width: 1024px) {
   
   .comTit i{ height: 18px;}
   .subcontUs li font{ font-size: 1.6rem;}
   .contahUs2{ margin-top: -118px;}
}



@media only screen and ( max-width: 960px ) {
	.icons{ display: none;}
	.copys{ width: 200px; right: 3.5%; left: auto;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
	}
	div.phoneNav nav a{ padding: 3% 0;}
	.banner .currter{ width: 200px;}
	.banner .ban_prev, 
	.banner .ban_next{ display: none;}
	.videoList li, 
	.caseList li{ width: 100%; height: 40%;}
	.fy a{ width: 100px; font-size: 11rem;}
	
	/*.subSvg{ 
		background-color: #fff;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
	}*/

	.svgBox{ width: 100% !important;}
	.trianGle{ display: none;}
	.trianGleB{ display: block;}
	
	.comTit i{ height: 20px;}
	.ourList{ zoom: 0.8;  margin-top: 10%;}
	.square.active{
		zoom: 0.8;
		-moz-transform: rotateZ(315deg) scale(0.8);
	}
	
	.aboutComp{
		top: -44px;
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
	}
	.ourParts{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		top: -78px;
	}
	.contahUs{
		margin-top: 6px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
	}
	.contahUs2{
		margin-top: -75px;
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
	}
	.caseList{ overflow-y: auto;}
	
	.anBut,
	.homeList{ position: absolute;}
	.faterkg{ display: none;}
	.copys{ margin-top: -18px;}
	.ourList li small{ display: none;}
	
	.deTails .subdeTais{}
	.banner .swiper-slide .subvideos{ padding-top: 150%;}
	.banner .swiper-slide video{ height: 100%;}
	

	
	.banner .swiper-slide:nth-of-type(1){ background: url(../images/mbg2.jpg) no-repeat center center; background-size: 100% auto;}
	.banner .swiper-slide:nth-of-type(2){ background: url(../images/mbg1.jpg) no-repeat center center; background-size: 100% auto;}
	
	.contentBox{ background-image: none !important;}
	footer{ background-color: #000;}
	.language .ns a{ border: 1px solid #fff; color: #fff;}
	.copys p{ color: #fff;}
	.homeList,
	.anBut{ bottom: 2px; display: none;}
	
	.newslist li{ width: 100%; height: auto;}
    .newslist li dl dt{ width: 100%; height: 50%;}
    .newslist li dl dd{ width: 100%;}
    .newslist li dl dd h3{ font-size: 14px;}
    .newslist li dl dd h3{ margin-bottom: 10px;}
    .newslist li dl dd i{ margin-bottom: 8px;}
    .newslist li dl dd p{ font-size: 12px;}
    .newslist li dl dd font{ margin-top: 20px;}

}


@media only screen and ( max-width: 640px) {
	.ourList{ zoom: 0.65;}
	.square.active{
		zoom: 0.5;
		-moz-transform: rotateZ(315deg) scale(0.5);
	}
	.aboutComp{ top: -86px; width: 350px; margin-left: -175px;
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
	}
	.ourParts{
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		top: -126px;
	}
	.contahUs{
		margin-top: -18px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
	}
	.contahUs2{
		margin-top: -98px;
		transform: scale(0.45);
		-webkit-transform: scale(0.45);
		-moz-transform: scale(0.45);
	}
	.ourList li a{ font-size: 30px;}
	.square .subsqu dt{ font-size: 85px;}
	.square .subsqu p{  font-size: 2rem;
	 -webkit-margin-before: 10px;
	}
	
	.subcontUs li i{ font-size: 10rem;}
	.subcontUs li font{ font-size: 4rem;}
	.dblist p,
	.aboutComp .swiper-slide p{ font-size: 3rem;}
	.aboutComp .swiper-slide p{ font-size: 4.5rem;}
	.deTails .subdeTais{ width:80%; min-width: 300px;}
	.deTails .subdeTais .ifrms{ overflow-y: auto; height: 100%;}
	.xqConts{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
		-webkit-overflow-scrolling:touch; 
		overflow:auto;
	}
	.xqConts p{ font-size: 3.5rem;}
	.xqConts p img{ width: 100%; height: auto; display: block;}
	.xqConts .imglogo img{ height: 50px;}
	.aboutComp .json_prev{ left: 36.7%;}
	.aboutComp .json_next{ right: 36.7%;}
	
	
	.contentBox{ background-image: none !important;}
	footer{ background-color: #000;}
	.language .ns a{ border: 1px solid #fff; color: #fff;}
	.copys p{ color: #fff;}
	.homeList,
	.anBut{ bottom: 2px; display: none;}
	
	.aboutComp{
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		top: -60px;
	}
	.dblist{ bottom: 10%;}
	.ourList li a{
		line-height: 50px;
	}
  

	.musics{ display: none !important;}
	
}

@media only screen and ( max-width: 460px) {
   .aboutComp .swiper-slide p{
   	 font-size: 3.5rem;
   }


}





@media only screen and ( max-width: 320px) {
   .aboutComp{
		top: -60px;
	}
 	font-size: 4.5rem;


}








