.fix{display: none;}
@media screen and (max-width: 1190px){
	#nav li{margin-right: 10px;}
	.wp{padding: 0 10px;}
	#hd{position: fixed;left: 0;width: 100%;}
	#ban-in{padding-top: 70px;}
	#nav-toggle {display: block;}
}

@media screen and (max-width: 1120px){
	.videoBox .tit{font-size: 24px;}
	
}


@media screen and (max-width: 1000px){
	/*#nav,#hd .btnBox{display: none;}*/
	#hd{z-index: 100;border-bottom: 1px solid #007E67;}
	#hd .hdr{position: absolute;left: 0;top: 70px;width: 100%;background: #fff;max-height: 0;overflow: hidden;}
	#hd .hdr.on{-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;}
	#nav li{margin-right: 0;float: none;width: 100%;}
	#nav li a{line-height: 30px;width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;}
	#nav{float: none;width: 100%;margin: 0;}
	#hd .btnBox{width: 100%;float: none;text-align: center;border-top: 1px solid #007E67;}
	.ads,.ads .btn{font-size: 24px;}
	
	.whatBox .picBox2 li:after{-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6); 
	-ms-transform: scale(0.6); 
	-o-transform: scale(0.6); 
	transform: scale(0.6);
	transform-origin: 50% 50%;}
	.whatBox .picBox2 li.s1:after{right: -58%;}
	.whatBox .picBox2 li.s2:after{left: -58%;}
	.whatBox .picBox2 li.s3:after{right: -43%;}
	.whatBox .picBox2 li.s4:after{left: -43%;}
	.whatBox .picBox2 li.s5:after{right: -58%;}
	.whatBox .picBox2 li.s6:after{left: -58%;}
	.whatBox .picBox2 > img{width: 36%;}
}


@media screen and (max-width: 900px){
	.selectBox{float: none;width: 100%;margin-left: 0;margin-bottom: 30px;position: static;}
	.selectBox h5:after{display: none;}
	.videoBox{padding-right: 0;}
	.freeBox .btnBox{float: none;width: 100%;margin-right: 0;}
	.solutionBox .pic{float: none;width: 100%;text-align: center;}
	.solutionBox .pic img{width: auto;display: inline-block;}
}

@media screen and (max-width: 920px){
	.whatBox li:after{-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6); 
	-ms-transform: scale(0.6); 
	-o-transform: scale(0.6); 
	transform: scale(0.6);
	transform-origin: 50% 50%;}
	.picBox > img{width: 35%;}
	.whatBox li.s1:after{right: -94%;}
	.whatBox li.s2:after{left: -94%;}
	.whatBox li.s3:after{right: -73%;}
	.whatBox li.s4:after{left: -73%;}
	.whatBox li.s5:after{right: -94%;}
	.whatBox li.s6:after{left: -94%;}
}


@media screen and (max-width: 890px){
	.ads{font-size: 20px;text-align: center;}
	.ads .btn{float: none;margin: 0 auto;font-size: 20px;}
	.ul-list3 li .pic{float: none !important;width: 100%;text-align: left !important;margin-bottom: 20px;}
	.ul-list3 li .txt{padding: 0 !important;}
	.ul-list3 li h3{text-align: left;margin-bottom: 10px;}
	.ul-list3 li .desc:after{display: none;}
	.ul-list3 li .desc{width: 100% !important;float: none !important;}
	
}


@media screen and (max-width: 769px){
	.rightFixed{display: none;}
	.solutionBox .tit h3, .whatBox .tit h3{font-size: 30px;}
	.solutionBox .tit h4, .whatBox .tit h4{font-size: 22px;}
	.freeBox .desc{font-size: 18px;}
	.ul-list li .pic{float: none;width: 100%;text-align: center;margin: 0;}
	.ul-list li .txt h3{font-size: 22px;}
	.ul-list li .txt{font-size: 16px;}
	.ul-list li:nth-child(2n) .pic{float: none;margin: 0;}
	.ul-imgtxt li{width: 50%;margin-bottom: 20px;}
	.newsBox .news{float: none;width: 100%;border-right: 0;}
	.fdNav{display: none;}
	#fd .code{float: none;width: 100%;}
	.whatBox li:after{display: none;}
	.whatBox li{position: static;left: auto !important;right: auto !important;top: auto !important;bottom:auto !important;
		width: 100%;    transform: translateY(0%) !important;
    -webkit-transform: translateY(0%) !important;
    -o-transform: translateY(0%) !important;margin-bottom: 20px;}
	.whatBox .picBox{padding: 20px 0;}
	.whatBox .picBox >img{width: 100%;margin-bottom: 30px;}
	.whatBox .picBoxM li{float: left;width: auto;width: 30%;margin: 0 5px;margin-bottom: 20px;}
	.whatBox .tit h4{margin-bottom: 20px;}
	.ul-list2 li .pic{float: none;width: 100%;text-align: center;}
	.ul-list2 li .txt p{width: 100%;}
	.ul-list2 li:nth-child(2n) .pic{float: none;text-align: center;}
	.videoPop video{width: 320px;}
	.videoPop span{-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;}
}


@media screen and (max-width: 640px){
	.videoBox .userInfo .photo{float: none;width: 100%;text-align: center;}
	.freeBox .btnBox h3{font-size: 22px;}
	.freeBox .btnBox .btn a{height: auto;}
	.freeBox .btnBox .btn span{-webkit-background-size: 10%;
	background-size: 10%;padding-right: 50px;}
	.freeBox .txt p{font-size: 16px;-webkit-background-size: 20px;padding-left: 30px;
	background-size: 20px;}
	.solutionBox .tit h3 br{display: none;}
	.solutionBox .tit h4, .whatBox .tit h4{padding: 0 10px;font-size: 15px;}
	.solutionBox .tit h3, .whatBox .tit h3{font-size: 18px;line-height: 1.4;}
	.customerBox h3,.picsBox h3{font-size: 30px;}
	.ul-customer li{padding: 0 10px;}
	.ul-imgtxt{margin: 0;}
	.ul-imgtxt li{width: 50%;padding: 0 5px;}
	.ul-imgtxt li h5 a{font-size: 14px;}
	.videoBox .tit{font-size: 18px;line-height: 36px;}
	.freeBox .btnBox .btn a b{font-size: 20px;}
	.freeBox .btnBox .btn a{font-size: 14px;}
	.snvBox ul li{width: 33.333%;padding-bottom: 3px;}
	.ul-list3 li h3{font-size: 28px;}
	.selectBox .box label{font-size: 16px;float: left;width: 50%;margin-bottom: 5px;}
	.selectBox .box label .radio{width: 15px;height: 15px;margin-right: 10px;}
	.selectBox .box{height: auto;}
	.selectBox .box h4{font-size: 18px;margin: 10px 0;}
	.selectBox .box .btn a{font-size: 20px;}
	.selectBox .box .btn a span{-webkit-background-size: 20px;
	background-size: 20px;padding-right: 30px;}
	.bannerBox{padding-bottom: 15px;}
	.freeBox{padding:15px 0;}
	.ul-list li .txt h3{text-align: center;font-size: 18px;margin-bottom: 10px;}
	.customerBox h3 {font-size: 20px;}
	.picsBox h4{padding: 0 10px;font-size: 15px;}
	.picsBox h3{font-size: 18px;line-height: 1.4;}
	.ul-customer li h5{font-size: 16px;}
	.ul-customer li{font-size: 14px;}
	.ul-imgtxt li h5 a{padding: 10px 0;}
	.solutionBox .xg1{padding-left:30px;padding-right:30px;}
	.solutionBox .txt p em{width: 25px;height: 26px;background-size: 80%;margin-right: 10px;display: inline-block;margin-top: 4px;vertical-align: middle;}
		#fd{margin-bottom: 80px;}
	.fix{display: block;position:fixed;bottom:0px;width: 100%;}
	.fix li{float: left;width: 33.3%;background:#41c060;text-align: center;height: 80px;border-right:1px solid #fff;padding-top:10px;}
	.fix li a{display: block;color: #fff;font-size: 14px;}
.fix li img{width: 40px;}
}
@media screen and (max-width: 1000px){
			#nav .list{position:inherit;}
			#hd .btnBox{position: relative;}
			#nav .list{padding: 5px 0;}
			#nav .list dl{width: 100%;margin:0 0 5px;}
			#nav .list dl a{border: none;}
		}