/* 响应式 */

@media (max-width:1920px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1600px) and (max-width:1800px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1599px) {
	html {
		font-size: 15px;
	}
}

@media (min-width:1200px) and (max-width:1399px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:640px) and (max-width:1199px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 14px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 14px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 14px;
	}
}

@media screen and (min-width:200px) and (max-width:1435px) {
	.quality .container-s {   max-width: 100%;}

	.quality-table table{width: 100%!important;}
	.quality-table table tr td img{display: inline-block; max-width: 100%!important; height: auto!important;}
}


@media screen and (min-width:200px) and (max-width:1301px) {

	.container {
		max-width: 92%
	}

	.index-title strong {
		font-size: 3rem;
	}

	.solution .info h3 {
		width: 100%; font-size: 1.4rem;
	}
	.about-num ul{justify-content: flex-start;}
	.about-num ul li em{font-size: 3.2rem;}
	
	.about-title h3{font-size: 2.8rem;}
	.about-class ul li .info em{font-size: 1.8rem;}
	.message-bg .text em{font-size: 2rem;}
	
	.nynews-title h2{font-size: 2rem;}
	
	.solution-list ul li .info h2{font-size: 1.8rem;}

	.contact-left h3{font-size: 2.2rem;}
	
	.contact-list {    width: 96%;}
	.contact-list ul li .icon{margin-right: 1rem;}
	
	.customer-list ul li .info h2{font-size: 1.6rem;}
	
	.service { padding: 2.625rem 0 2.8125rem;}
	.customer{margin: 3rem 0;}
	

	
	
	
	
	
	
}









@media screen and (min-width:200px) and (max-width:1200px) {


	.product .info strong,
	.product .info h3 {		font-size: 1.8rem;	}
	
	.about-num ul li{padding: 0 5%;}
	
	
	.pannel-box{align-items: flex-start;}
	
	
	.about-title h3 {    font-size: 2.4rem;}
	
	
	
	
	
}









@media screen and (min-width:200px) and (max-width:1028px) {

	/* 公共头部 */

	.pc-nav,
	.heSearch,
	.ver {
		display: none;
	}

	.mobmenu {
		display: flex;
		align-items: center;
		justify-content: center;
	}



	.mobmenu h4 {
		font-size: 1.125rem;
	}

	.solution-btn ul {
		flex-wrap: wrap;
	}

	.solution-btn ul li {
		margin-bottom: 1.875rem;
	}


	.news-right {padding: 2.1875rem 2.6% 0;}
	
	.about-num ul li em {	    font-size: 2.75rem;}
	
	.foot-logo{width: 100%;}
	.foot-logo img{display: block; margin: 0 auto 3rem;}
	
	#latest-num{bottom: 11%;}
	
	.nynews-title h2 {	    font-size: 1.8rem;	}
	
	.nynews-right{display: none;}
	.nynews-left{width: 100%;}
	
	.proxq-box .info strong{font-size: 1.8rem; margin-bottom: 1rem;}
	.service .info h4{width: 100%;}
	.training .info h2{width: 100%;}
	
	#case-prev, #case-next{display: none;}
	
	
	.honor-title h3{ font-size: 2.5rem;margin-bottom: 1.8125rem; }
	.honor-title span{ font-size: 2.3rem; }

}





@media screen and (min-width:200px) and (max-width:960px) {

	.head-right {
		display: none;
	}

	.product .info h3 {
		font-size: 1.5rem;
	}


	.index-title strong {
		font-size: 2.6rem;
	}

	.about-title h3{font-size: 2.4rem;}
	.about-class ul li .info em{font-size: 1.6rem;}

	

	.latest-news ul li .more {  padding-top: 1.4375rem;}
	
	.nynews-list ul li .info strong{margin-bottom: 1.5rem;}
	
	.news-banner .banner-class{display: none;}
	.wapnews-class{display: block; margin-bottom: 3rem;}
	.wapnews-class ul{display: flex; justify-content: space-between; flex-wrap: wrap}
	.wapnews-class ul:after{content: ''; width: 30%}
	.wapnews-class ul li{width: 30%; margin-bottom: 1rem}
	.wapnews-class ul li a{display: block; font-size: 1.2rem; line-height: 4rem; color: #333; border: 1px solid #ccc;  text-align: center; border-radius: 3.5625rem; }
	.wapnews-class ul li.on a,.wapnews-class ul li:hover a{background: #ec1e23; border-color: #ec1e23; color: #fff;}
	.product-class,.pro-search {	    width: 100%;	}
	.pro-search{margin-top: 1rem;}
	
	.pannel{padding: 2.5rem 0 3rem;}
	.product-class .ctitle1 li{margin-bottom: 1rem;}
	
	.product-class .ctitle1::after{content: ''; width: 30%;}
	.product-class .ctitle1 li{width: 30%;}
	
	.proxq-box .pic{width: auto; margin: 0 auto 3rem;}
	.proxq-box .info {	    width: 100%;	}
	
	.contact-left,.contact-right {	    width: 100%;	}
	.contact-left{margin-bottom: 4rem;}
	
	.acquisition{width: 96%;}
	.acquisition .box-title h3{font-size: 1.8rem;}
	
	#quality-prev, #quality-next{display: none;}

	.wap-solution{display: none}
	
}









@media screen and (min-width:200px) and (max-width:768px) {
	.news-left {	    width: 100%; margin-bottom: 3rem;}
	.news-right{width: 100%; padding: 2.1875rem 2.6% ;}
	.about .index-title{text-align: center;}
	.about .index-title i{margin: 0 auto;}
	.about .info {	    width: 100%; margin-bottom: 3rem;}
	.about .pic {	    width: auto;	margin:0 auto}
	.footer-middle{display: none;}
	.footer-top{border-bottom: none;}
	.foot-icon{margin-bottom: 1rem;}
	
	
	.nyabout-box .info {	    width: 100%; margin-bottom: 3rem;}
	.nyabout-box .about-title {	    text-align: center;	}
	.nyabout-box .about-title i {	    margin: 2.5rem auto 0;	}
	.nyabout-num{width: 100%;}
	.nyabout-num ul{display: flex;justify-content: space-between;}
	
	.message-box{flex-wrap: wrap;}
	.message-bg .text {	    width: 100%;	 text-align: center; margin-bottom: 3rem;}
	.message{width: 100%;}
	
	.latest-news ul li .pic{width: 100%;}
	.latest-news ul li .info{width: 100%; padding: 3rem 4%;}
	.nynews-list ul li{width: 100%;}
	.top-pro ul{flex-wrap: wrap;}
	.top-pro ul em{width: 100%; margin-bottom: 1rem;}




	.quality-table table tr td{width: 100%!important; display: block}
	.right-message {
		width: 100%;
	}
	
}







@media screen and (min-width:200px) and (max-width:640px) {

	.header,
	.head-box,
	.indexhead-zw,.nyheader-zw {
		height: 5.25rem;
	}

	.index-header {
		top: 0;
	}

	.index-header a .logo1 {
		display: none;
	}

	.index-header a .logo2 {
		display: block;
	}

	.pc-logo img {
		width: 70%;
	}

	.mobnavBox {
		width: 80%;
	}

	.mobmenu h4 {
		color: #333;
	}

	.mobmenu dl dd {
		background: #333;
	}

	.mobnavBox .bottom .nav li h3 a {
		font-size: 1.2rem;
	}

	.product {
		padding: 4rem 0 3rem;
	}

	.product ul li {
		width: 100% !important;
		margin-bottom: 1.9rem !important;
	}

	.product .item1 {
		background-position: left center !important;
	}

	.product .item1 {
		height: 14rem;
	}

	.product .item1 .info {
		top: 50%;
		transform: translateY(-62%);
		bottom: 0;
	}

	.product .info strong {
		font-size: 1.4rem;
	}

	.product .info h3 {
		font-size: 1.3rem;
	}

	.product-more a {
		width: 7.625rem;
		height: 3rem;
		border: 1px solid rgba(51, 51, 51, 0.33);
		border-radius: 1.625rem;
		margin-top: 1.5rem;
		transition: 0.6s;
	}

	.product .item2 ul li,
	.product .item3 ul li {
		height: 14rem;
	}

	.product ul li .info {
		padding: 0 4%;
	}

	.index-title strong {
		font-size: 1.5rem;
	}
	
	.solution .index-title {   margin-bottom: 1.75rem;}
	.solution .info h3 {font-size: 1.1rem; line-height: 2rem;}
	.solution-btn {	    margin-bottom: 2.8125rem;	}
	.solution-btn ul li {   margin-bottom: 1.2rem;   margin-right: 1.2rem;}
	.solution-btn ul li a {width: auto;padding: 0 1rem;font-size: 1.1rem;line-height: 2.8rem;}

	.news .index-title {   margin-bottom: 2.25rem;}
	.news-left ul li{width: 100%; }
	.news-left ul li:first-child{margin-bottom: 2rem;}
	.about { padding: 4.1875rem 0 5.125rem;	}
	.about .index-title {    margin-bottom: 2.375rem;}
	.about-num ul li em {    font-size: 1.75rem;}
	.foot-logo img{width: 60%;}
	.footer-copy{text-align: center;}
	.footer-top { padding: 2.875rem 0 1.3125rem;}

	.nyabout-box {    padding: 3rem 0 0rem;}
	.about-title {    margin-bottom: 1.75rem;}
	.about-title h3{font-size: 1.6rem;}
	.about-class ul li .info em{font-size: 1.2rem;}
	.about-title h4{font-size: 1.2rem; margin-top: 0;}
	.nyabout-box .about-title i,.brand .about-title i {  margin: 1rem auto 0;}

	.brand h2{width: 100%; font-size: 1.1rem;}
	.about-class ul li{width: 100%;}
	.about-class ul li .info {  padding: 1.4375rem 3.6% 0;}
	
	.message-bg .text em {	    font-size: 1.3rem;	}
	.message-bg .text h4{font-size: 1rem;}
	
	.wapnews-class ul{flex-wrap: wrap;}
	.wapnews-class ul li{width: 48%; margin-bottom: 1rem;}
	.wapnews-class ul li a{font-size: 1.1rem; line-height: 3rem;}
	.nynews-list{margin-bottom: 0;}
	.latest-news ul li .info h3{font-size: 1.3rem;}
	#latest-num {	    bottom: 9%;	}
	.banner-bottom{bottom: 0.5rem;}
	
	.nynews-title h2 {	    font-size: 1.3rem;line-height: 2rem;}
	.nynews-title>div{flex-wrap: wrap;}
	.nynews-title span{width: 100%; margin-bottom: 0.5rem;}
	.news-bottom .text{margin-bottom: 1rem;}
	
	
	.product-class .ctitle1::after{content: ''; width: 50%;}
	.product-class .ctitle1 li{width: 50%;}
	
	
	.nyproduct-list ul::after{content: ''; width: 48%;}
	.nyproduct-list ul li{ width: 48%; }
	
	.nyproduct-list ul li .info{padding: 1rem 2% ;}
	.nyproduct-list ul li .info h3{display: none;}
	.nyproduct-list ul li .info strong{font-size: 1.15rem;}
	
	.proxq-main .position {	    margin-bottom: 2rem;	}
	
	
	.proxq-link a>img {		width: 1rem; margin-right:5%	}
	.proxq-link a {	    width: 8.625rem;	    height: 3rem;}
	
	.proxq-box .info strong{font-size: 1.25rem;}
	.proxq-link em {	    font-size: 1rem;	}
	.about-title i{margin: 0.5rem auto 0;}
	.recom{padding: 3rem 0;}
	
	
	.solution-list ul li .info,.solution-list ul li .pic {	    width: 100%;	}
	.solution-list ul li .info{margin-bottom: 3rem;}
	
	.solution-list ul li .info h2 {	    font-size: 1.4rem; height: 3rem;	}
	.solution-list ul li .info h3{font-size: 1rem; line-height: 2rem;}
	.solution-list ul li .index-more{width: 9rem;}
	.solution-list ul li {	    padding-bottom: 3.6875rem;}
	
	.contact-left em{font-size: 1.1rem; line-height: 1.1rem;}
	.contact-left h3{font-size: 1.4rem; line-height: 1.4rem;}
	.mouse-icon{display: none;}
	
	
	
	
	.customer-list ul li {	    width: 100%;}
	.customer-list ul li .info h2 {	    font-size: 1.3rem; margin-bottom:0.5rem	}
	.customer-list ul li .info{padding: 2rem 4%;}
	
	.training {	    padding: 4.9375rem 0 5.25rem;	}
	
	.ny-main {	    padding: 3.5rem 0;	}
	
	
	.acquisition .box-title h3 {    font-size: 1.3rem;}
	.acquisition .box-title span{font-size: 2rem;}
	.down-list {	    margin-bottom: 1.125rem;	}
	.down-list ul li{width: 100%;}
	
	
	.case {	    margin-bottom: 3.75rem;	}
	.case-list ul li .info em {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;    font-size: 1.1rem;    height: auto; margin-bottom: 0;}
	.case-list ul li .index-more{display: none;}
	.case-list ul li .info {
	    padding: 1.5rem 4% ;}
	.case-list ul li .info em::before, .case-list ul li .info em::after{display: none;}
	
	
	
	
	
	.fy {		padding: 1rem 0	}

	.brand {padding: 5.4375rem 0 13.375rem;}
	.brand .play_overlay .play_btn {width: 3.8125rem;height: 3.8125rem;}
	@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }}
	@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(4); opacity: 0; }}



	.honor {    padding: 2.8125rem 0 5rem;}
	.honor-title {   margin-bottom: 2.1875rem;}
	.honor-title h3{ font-size: 1.4rem;margin-bottom: 0.2rem; }
	.honor-title span{ display: none; }
	.honor-title i{width: 2rem; height: 0.125rem}
	.honorlist ul {	    padding-bottom: 2rem;	}
	.honorlist .swjt {width: 2.875rem;    height: 2.875rem; margin: 0 1rem;}

	#quality-num {   bottom: -2rem;}

	.play_overlay{margin: 0 auto}
	.play_overlay .play_btn{margin: 0 auto; width: 3.8125rem;height: 3.8125rem;}



	.product-class .ctitle1 li {width: 50%;height: 4rem;display: flex;justify-content: center;align-items: center;}
	.product-class .ctitle1 li a {line-height: 1.6rem;}
	.product-class .ctitle1 li:hover , .product-class .ctitle1 li.on  {background: #0055a5; border-radius: 1.5625rem;}
	.product-class .ctitle1 li:hover a, .product-class .ctitle1 li.on a{background: transparent}


	.quality-table table tr td span{font-size: 1.25rem!important;}

	.index-about {margin-top: 3.375rem;}
	.about-box h2{width: 100%; margin-bottom: 2rem;}


	.wap-ver{display: block}
	.wap-ver a {
		background: #0055a5;
		border-radius: 50%;
		display: block;
		font-size: 1rem;
		color: #fff;
		width: 2.2rem;
		line-height: 2.2rem;
		text-align: center;
		margin-right: 1rem;
	}

	.banner .pic img.pc-banner{display: none}
	.banner .pic img.wap-banner{display: block}

	.solution{background-attachment: inherit; }
	
	.footer-copy .flex-sbcw{justify-content: center;}
	
	
	
	
	
	
	
	
	
}