/* 响应式 */

@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-title h3{font-size: 2.8rem;}
	.about-class ul li .info em{font-size: 1.8rem;}
	.message-bg .text em{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 h3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	
	.about-num ul li{padding: 0 5%;}
	
	
	.pannel-box{align-items: flex-start;}
	
	
	.about-title h3 {    font-size: 2.4rem;}


	.foot-logo img {margin-right: 2rem;}

	.proxq-box .info strong{font-size: 1.6rem}
}









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

	/* 公共头部 */

	.pc-nav,
	.heSearch,
	.ver,.head-top {
		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;}
	

	
	.foot-logo{width: 100%;}

	
	#latest-num{bottom: 11%;}
	
	.nynews-title h2 {	    font-size: 1.8rem;	}
	
	.nynews-right{display: none;}
	.nynews-left{width: 100%;}
	

	.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; }


	.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 .info .index-more a{margin:0 auto}
	.about .pic {	    width: auto;	margin:0 auto}
	.about-num ul{justify-content: center;}
	.about-num ul li {padding: 0 6%!important;}

	.foot-top{flex-direction: column;}
	.foot-icons{width: 100%; justify-content: space-between;}
	.foot-logo img {margin: 0 auto 3rem;display: block;}
	.footer-middle{display: none}

	.ny-header .mobmenu h4{color: #333}
	.ny-header .mobmenu dl dd{background: #333}
	.footer-copy p{text-align: center}
}





@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: #0055a5; border-color: #0055a5; 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;}

	.nyabout-box .info {width: 100%;}

	.nyabout-num {width: 100%; margin-top: 5rem}
	.nyabout-num ul{display: flex; justify-content: space-between; flex-wrap: wrap}
	.nyabout-num ul li{padding: 0!important; width: 25%; margin-bottom: 0}


	.product-class .ctitle1{justify-content: space-between}
	.product-class .ctitle1 li {height: 4.5rem;display: flex;align-content: center;align-items: center;justify-content: center;}
	.product-class .ctitle1 li a {line-height: 1.6rem; border-radius: 3rem}
	.product-class .ctitle1 li:hover , .product-class .ctitle1 li.on  {background: #0055a5; border-radius: 3rem}
	.product-class .ctitle1 li:hover a, .product-class .ctitle1 li.on a {color: #fff;font-weight: bold; 	}

	.wap-solution{display: none}
}









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

	.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;}
	.foot-icon {
		justify-content: flex-start;
	}
	.foot-icons {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}


	.wapnews-class ul li {
		width: 32%;
	}
	.wapnews-class ul li a{font-size: 1.1rem}


	.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;}

	.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;}
	.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: 18rem;
	}

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

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

	.product .info h3 {
		font-size: 1.3rem;
		line-height: 1.8rem;

	}
	.product .info h4{width: 100%;}
	.product-more a {
		width: 7rem;
		height: 2.5rem;
		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: 18rem;
	}

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

	.index-title strong {
		font-size: 2rem;
	}
	
	.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.2rem;line-height: 1.6rem;}
	.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: 100%;}
	.product-class .ctitle1 li{width: 100%;}
	
	

	
	.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;}
	
	

	
	.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: 2; -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;}

	.about-num ul li {padding: 0!important;}
	.about-num ul li h4{line-height: 1.2rem}
	.nyabout-num{margin-top: 2rem}
	.nyabout-num ul li{ width: 48%; margin-bottom: 3rem}


	.wapnews-class ul li {
		width: 48%;
		margin-bottom: 1rem;
		display: flex;
		height: 4rem;
		justify-content: center;
		align-items: center;
		border: 1px solid #ccc;
		border-radius: 3.5625rem;
	}
	.wapnews-class ul li a {
		font-size: 1.1rem;
		line-height: 1.4rem;
		border:none;

	}

	.wapnews-class ul li.on , .wapnews-class ul li:hover  {
		background: #0055a5;
		border-color: #0055a5;

	}

	.wapnews-class ul li.on a, .wapnews-class ul li:hover a {

		color: #fff;
	}

	.latest-news ul li .info h3{ -webkit-line-clamp: 2;font-size: 1.2rem;}

	.top-pro ul li a{margin-bottom: 1rem}

	.nyproduct-list ul::after{content: ''; width: 100%;}
	.nyproduct-list ul li{ width: 100%; }

	.pro-recom ul li h3{font-size: 1.1rem}

	.joins{overflow-x: scroll}
	.joins .box{width:790px !important;margin:0 auto;}
	.joins::-webkit-scrollbar{  width: 7px; height: 7px;}
	/*定义滚动条轨道 内阴影+圆角*/
	.joins::-webkit-scrollbar-track{ background-color: #ccc;}
	/*定义滑块 内阴影+圆角*/
	.joins::-webkit-scrollbar-thumb{ background-color:#034b8e  }
	.contact .code{width: 100%; margin-bottom: 2rem}

	.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;
	}

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