@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 300px) and (max-width: 820px){
	.warpOther{padding-top:0px;}
	.head{
		width:100%;height:62px;
		min-width:300px;
	}
	.headTwo{width:100%;}
	.headTitle{display:none;}
	
	.headNav{
		position:fixed;
		z-index:999;
		opacity:1;
		width:100%;
		left:0px;top:62px;
		pointer-events: none;
	}
	
	.headPhone{top:18px;right:52px;}
	.headNavBtn{display:block;}
	
	.hNChild{
		padding:12px 22px;
		width:100%;
		text-align:center;
		box-sizing:border-box;
	}
	.headNavMask{
		position:fixed;
		z-index:998;
		top:62px;left:0px;
		width:100%;height:100%;
		pointer-events: none;
		background-color:rgba(0,0,0,0.6);
		-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-o-transform: rotateX(90deg);transform: rotateX(90deg);
		-webkit-transition-duration:0.26s;-moz-transition-duration:0.26s;-o-transition-duration:0.26s;transition-duration:0.26s;
		-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-o-transform-origin:50% 0%;transform-origin:50% 0%;
	}
	.headOut .hNChild{color:#fff;}
	.headNav .hNChild{
		-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-o-transform: rotateX(90deg);transform: rotateX(90deg);
		-webkit-transition-duration:0.26s;-moz-transition-duration:0.26s;-o-transition-duration:0.26s;transition-duration:0.26s;
	}
	
	.headRotate .headNav{pointer-events: auto;}
	.headRotate .headNavMask{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);pointer-events: auto;}
	.headRotate .headNav .hNChild{-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
	
	.headRotate .headNav .hNChild:nth-child(1){-webkit-transition-duration:0.15s;-moz-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s;}
	.headRotate .headNav .hNChild:nth-child(2){-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
	.headRotate .headNav .hNChild:nth-child(3){-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;}
	.headRotate .headNav .hNChild:nth-child(4){-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;}
	.headRotate .headNav .hNChild:nth-child(5){-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
	.headRotate .headNav .hNChild:nth-child(6){-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;}
	.headRotate .headNav .hNChild:nth-child(7){-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s;}

	.headLogo{left:12px;height: 60px;top:2px;}
	
	.sy_otherHead{
		height:152px;
		background-image:url(../images/sy_other2.jpg);
	}
	.sy_ohTitle{
		font-size:28px;
		-webkit-transform:translate(0%,-83%);-moz-transform:translate(0%,-83%);-o-transform:translate(0%,-83%);transform:translate(0%,-83%);
	}
	.sy_ohTitle p{font-size:16px;}

	.bannerCenter {
		position: absolute;
		z-index: 10;
		top: 50%;left: 0px;
		margin-top: -60px;
		width: 100%;height: 120px;
		text-align: center;
	}
	.bannerCenter strong{font-size: 18px;}

	.banner {
		position: relative;
		width: 100%;height: 30vw;
		min-width: 0px;
	}
	.bannerText {
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: 1px;
	}
	
	.bannerBtnBox{
		bottom:2px;
		width:40px;
	}
	.baBtn{
		margin:0 3px;
		width:13px;height:13px;
	}
	
	.headLogin{
		top:8px;right:48px;
		text-align:right;
	}
	.headLText{
		display:block;
		margin-top:4px;
	}
	
	.bannerBtn {
		margin: 0 auto;
		margin-top: 38px;
		padding: 8px 0px;
		width: 90px;
		color: #fff;
		text-align: center;
		border: 1px solid #eee;
	}

	.sy_ex1 {
		padding: 35px 0px 0px 0px;
		min-width:0px;
	}
	.sy_exBox {
		margin-top: 36px;
		width: 100%;height:auto;
	}

	.sy_exLi {
		margin: 12px 12px;
		width: 100%;
	}

	.sy_exBtn {
		position: absolute;
		bottom: 30px;right: 12px;
		width: 110px;height: 40px;
		line-height: 36px;
	}
	 
	.companyTwo {width: 100%;height: 100%;}
	.company {
		height: 900px;
	}
	.companyText{
		margin-top: 20px;
	}
	.companyTitle{
		padding-top:0px;
		margin-top:15px;
		font-size:25px;
	}
	.nx_video_iframe{
		margin-top: 20px;
	}
	.companyTitle strong{top:-72px;left:22px;}
	.companyTitle::after{left:22px;}
	.companyTitle::before{top:-62px;left:22px;}
	.companyTitle p{top:-26px;left:22px;}
	.companyBtn{margin-top:733px;margin-left:22px;width:110px;height:40px;line-height:38px;box-sizing:border-box;}
	.companyRight{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
	

	.companyRight {
		position: absolute;
		width: 100%;
		left: 0px;
		padding: 0px 10px;
		box-sizing: border-box;
		right: 0px;
	}

	.product {
		padding-top: 56px;
		min-width: 0px;
		padding-bottom: 0px;
	}

	.productTwo {
		width:100%;
	}
	.sy_nInfrom{width:320px;}
	.sy_nITitle{font-size:32px;}
	.sy_nIContent img{width:310px;}

	.sy_newImg {
		position: absolute;
		top: 12px;left: 12px;
		width: 124px;height: 86px;
	}

	.sy_newBoxTwo {
		margin: 0 auto;
		width: 100%;height:auto;
	}

	.sy_newBox {
		position: relative;
		padding: 12px;
		padding-left: 148px;
		width: 100%;height: 150px;
		border: 1px solid #eee;
		box-sizing: border-box;
	}

	.advantage {
		min-width:0px;
		width: 100%;height: 484px;
	}
	.newBtn{bottom:30px;width:110px;height:40px;box-sizing:border-box;line-height:38px;}

	.advantageTwo {
		position: relative;
		margin: 0 auto;
		padding-top: 46px;
		width: 100%;height: 100%;
		box-sizing: border-box;
	}
	.adChildOut{opacity:1;}
	.adChildOut:nth-child(1){margin-top:-100px; margin-left: 0px;}
	.adChildOut:nth-child(2){margin-top:25px;margin-left: 0px;}
	.adChildOut:nth-child(3){margin-top:150px;margin-left: 0px;}
	.adChildOut:nth-child(4){margin-top:275px;margin-left: 0px;}
	.adChildOut:nth-child(5){margin-top:400px;margin-left: 0px;}
	.adChildOut:nth-child(6){margin-top:525px;margin-left: 0px;}
	
	.adChildTwo{width:100%;padding:22px;padding-left: 100px;}
	.adChild img{left:27px;}
	
   .sy_caseBox {
		margin: 0px 10px;
		margin-bottom: 28px;
		width: 100%;
	}
	
	.footer {
		position: relative;
		width: 100%;
		min-width: 0px;
	}
	.footerTwo {
		padding-top: 0px;
		width: 100%;
	}
	.footChild{padding:0px 10px;}
	.foot{padding:14px 10px;}
	
	.sy_com{
		padding:62px 10px;
		width:90%;
		box-sizing:border-box;
	}
	.sy_comText{font-size:16px;}
	
	/* contact us */
	.rightInform{
		opacity:1;
		margin-right:0px;
		width:100%;
		background-color:rgba(255,255,255,0.8);
	}
	.riTitle{
		right:0px;
		width:100%;
		text-align:center;
	}
	.riTitle .riTwo::after{right:50%;margin-right:-51px;}
	
	.riAdd{
		margin-top:0px;
		width:100%;
		right:0px;
	}
	.riAdd .riTwo::after{width:90%;}
	
	.sy_line1{
		top:-50px;left:-1px;
		width:1px;height:40px;
	}
	.sy_line2{
		top:-1px;right:-120px;
		width:110px;height:1px;
	}
	.sy_line3{
		bottom:-50px;right:-1px;
		width:1px;height:40px;
	}
	.sy_line4{
		bottom:-1px;left:-120px;
		width:110px;height:1px;
	}
	.sy_exBtn:hover .sy_line1,.newBtn:hover .sy_line1,.companyBtn:hover .sy_line1{margin-top:49px;opacity:1;}
	.sy_exBtn:hover .sy_line2,.newBtn:hover .sy_line2,.companyBtn:hover .sy_line2{margin-right:119px;opacity:1;}
	.sy_exBtn:hover .sy_line3,.newBtn:hover .sy_line3,.companyBtn:hover .sy_line3{margin-bottom:4 9px;opacity:1;}
	.sy_exBtn:hover .sy_line4,.newBtn:hover .sy_line4,.companyBtn:hover .sy_line4{margin-left:119px;opacity:1;}
}