/* 响应式 */

@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:1750px) {

	.container-s {	max-width: 92%}

}

@media screen and (min-width:200px) and (max-width:1700px) {
	.contact-left .info {
		margin-left: 12%;
	}
}


@media screen and (min-width:200px) and (max-width:1600px) {
	.product-box .container-s {max-width: 100%}
	.product-list {max-width: 92%;}
	.inFoSwiper2 .le {padding-left: 2%;}
	.inFoSwiper1{padding:  0 !important; width: 40%;}


	/* 内页产品列表页 */
	.nypro-list {    max-width: 94%;}

}


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

	.container {max-width: 92%	}

	/* 首页 */
	.head-right {		width: 68%;	}
	.inFoSwiper1 { bottom: 1.4375rem;}

	.inFoSwiper2 .le {padding-left: 4%;}
	.inFoSwiper1{padding:  0 2%!important; width: 40%;}


	/* 内页关于我们 */
	.ny-banner .info h3{font-size: 3.5rem;}
	.ny-banner .info strong{font-size: 3rem;}

	.nypro-list { max-width: 100%;}

}




@media screen and (min-width:200px) and (max-width:1400px) {
	/* 首页banner */
	.banner-info .tle1, .banner-info .tle2{font-size: 3rem; line-height: 3rem;}

	/* 首页 */
	.index-title h3{font-size: 2rem;line-height: 2rem;}
	.index-title strong{font-size: 2.5rem;}
	.num-list ul li b{font-size: 3rem;}
	.nyabout-num ul li b{font-size: 4.5rem;}
	.nyabout-num ul li span{font-size: 1.5rem; line-height: 1.5rem;}


	/* 内页关于我们 */
	.team-list ul li .icon { width: 6.75rem; height: 6.75rem;}
	.team-list ul li .icon>img {transform: scale(0.6);}


	.case-list ul li .info h3{font-size: 2rem;}


	.contact-left .info strong,.ny-message .info strong{font-size: 2.2rem;}
	.contact-left .tel img {	    display: block;	    width: 4.3125rem;	    margin-right: 1.375rem;	}

	.contact-left .tel {
		padding: 2.5rem 0;
		border-bottom: 1px solid #ddd;
	}
	.contact-left .text {
		border-bottom: 1px solid #ddd;
		padding: 2.3125rem 0;
	}

}





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

	/* 首页 */
	.inFoSwiper1 .icBox {	    width: 3.5rem;	    height: 3.5rem;}
	.inFoSwiper2 .le {padding-top: 2.2%;}
	.inFoSwiper2 .le h5{font-size: 1.8rem;}

	/* 内页关于我们 */
	.class-bg ul {    height: 5.8125rem;}


	/* 内页产品详情页 */
	.proxq-info b{font-size: 1.5rem; margin-bottom: 1rem; line-height: 1.5rem;}



}









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

	/* 公共头部 */

	.head-right {
		display: none;
	}

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



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

	.header:hover .mobmenu h4 {
		color: #333;
	}
	.header:hover .mobmenu dl dd{background: #333;}
	.ny-header .mobmenu dl dd{background: #333;}


	.ny-header .mobmenu h4 {	    color: #333;	}

	.ny-header1 .mobmenu dl dd{background: #333;}


	.ny-header1 .mobmenu h4 {	    color: #333;	}


	.footer-nav{display: none;}
	.footer-top{align-items: center;}
	.foot-wechat {  margin-top: 0;}
	.footer-left{width: 50%;}
	.footer-right{width: auto;}



	/* 内页关于我们 */
	.ny-banner .info h3{font-size: 2.5rem;}
	.ny-banner .info strong{font-size: 2rem;}

	.about-title strong{font-size: 2.3rem;}

	/* 内页关于我们 */
	.team-list ul li .icon { width: 5rem; height: 5rem;}
	.team-list ul li .icon>img {transform: scale(0.6);}
	.team-list ul li .icon{margin: 0 auto 3.625rem;}


	.abFourSlide .hd ul li h5{font-size: 2.3rem;}

	.abfoSwiper .swjt {left: 40%;  }
	.abfoSwiper .swiper-button-next {left: 52%;}


	.nypro-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
	.nypro-list ul li{width: 48%;}
	.nypro-list ul li .info{text-align: center; padding: 3rem 5% 4rem;}
	.nypro-list ul li .info, .nypro-list ul li .pic{width: 100%;}
	.nypro-list ul li .info strong{font-size: 1.6rem;}
	.nypro-list ul li .info .banner-more a{margin: 0 auto;}


	.case-list ul li .info h3 {    font-size: 1.6rem; margin-bottom: 1.375rem;}


	.contact-left{width: 100%;}
	.contact .pic{width: 100%;}
	.contact-left .info{padding: 5rem  4% 7rem; width: 100%; margin-left: 0; box-sizing: border-box;}


	.ny-message .info,.ny-mess{width: 100%;}
	.ny-message .info{margin-bottom: 3rem;}
	.ny-mess .code{width: 100%;}

}





@media screen and (min-width:200px) and (max-width:960px) {
	/* 首页banner */
	.swControls{width: 85%;}
	.banner-next{right: auto; left: 2%;}

	/* 首页 */
	.about-left {	    text-align: center;	    width: 100%;	}
	.about-right {	    width: 100%;	}
	.about .index-more a{margin: 0 auto; display: none;}
	.about .index-title {	    margin-bottom: 2.25rem;	}
	.num-list ul li b {	    font-size: 2rem;	}
	.product .index-title {text-align: center;	}
	.product-list ul li .info, .product-list ul li .pic{width: 100%;}
	.product-list ul li .info{box-sizing: border-box; padding: 5rem 5%;}
	.product-list ul li .pic img{width: 100%;}
	.product-list ul li .info strong{font-size: 2rem;}
	.inFoSwiper2 .le,.inFoSwiper2 .re{width: 100%;}
	.inFoSwiper2 .slideBox{flex-wrap: wrap;}

	.ys-box .bjBox{width: 100%;}
	.inFoSwiper2 .le {    padding: 6% 4% 26%;}

	.inFoSwiper1{width: 100%; padding: 0!important; bottom: auto; top: 30%;}
	.ys-top{justify-content: center; text-align: center;}
	.ys-top .index-title{margin-bottom: 2rem;}


	.class-bg{display: none;}
	.wap-aboutclass{display: block; padding: 3rem 0;}
	.wap-aboutclass ul li{width: 23%; }
	.wap-aboutclass ul li a{display: block; font-size: 1.3rem; line-height: 4rem; color: #333; border: 1px solid #ccc; text-align: center;}
	.wap-aboutclass ul li:hover a,.wap-aboutclass ul li.on a{background: #c1211d; color: #fff; border-color: #c1211d;}


	/* 内页关于我们 */
	.nyabout-left{display: none;}
	.nyabout-right { width: 100%;	}
	.nyabout-right h2{text-align: center; font-size: 2rem;}
	.nyabout-num {	    margin-top: 6.6875rem;	}
	.nyabout-num ul li b {	    font-size: 3.5rem;line-height: 3.5rem;	}
	.team-list ul::after{content: ''; width:31%;}
	.team-list ul li { width:31%; margin-bottom: 2rem;}


	/* 内页产品列表页 */
	.position {	bottom: 0.125rem;	}
	.nypro-list ul li .info{text-align: center; padding: 3rem 5% 4rem;}
	.proxq-pic{margin-bottom: 2rem;}
	.proxq-pic,.proxq-info{width: 100%;}

	/* 内页合作客户 */
	.customer-list ul li .pic{width: 88%;}

	.news-left{width: 100%;}
	.news-right{display: none;}
	.newsxq-title strong{font-size: 1.6rem;}

}









@media screen and (min-width:200px) and (max-width:768px) {
	.case-list ul{flex-wrap: wrap; display: flex; justify-content: space-between;}
	.case-list ul li{width: 48%;}
	.case-list ul li .pic,.case-list ul li .info{width: 100%;}
	.case-list ul li .info{padding: 20px 4%;}

	/* 内页新闻列表页 */
	.newsList ul {grid-template-columns: repeat(2,1fr);}
	.newsList ul::after{display: none;}
	.newsList ul::before {right: 49.7%;}



}







@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%;
	}



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



	/* 首页banner */
	.banner-info .tle1, .banner-info .tle2{font-size: 2.5rem; line-height: 2.5rem;}
	.swControls{height: 4.5rem;}
	.swControls .swiper-num .actives{font-size: 1.5rem;}
	.swControls .swiper-pagination span{width: 0.7rem; height: 0.7rem; margin: 0 0.3rem!important;}
	.swControls .swjt.swiper-button-prev {margin-right: 0.875rem;}
	.banner-more  a{width: 9.9375rem;}


	/* 首页 */
	.index-title h3{font-size: 2.3rem;line-height: 2.3rem; font-weight: bold}
	.index-title strong{font-size: 1.4rem;}
	.about{    padding: 5.5rem 0 4.375rem;}
	.about-box {	    margin-bottom: 3.25rem;	}
	.num-list ul{justify-content: space-around;}
	.num-list ul li { max-width: 36%; margin-bottom: 1rem;}
	.product{    padding: 5.375rem 0 1.75rem;}
	.product-list ul li .info {padding: 2rem 5%;}
	.product-list ul li .info strong { font-size: 1.2rem;}
	.product-list ul li .info h4 {margin-bottom: 0.625rem;}
	.product-bottom{display: none;}
	.app {padding: 5.75rem 0 6.3125rem;}
	.app-arrow{top: 0;}
	.app-list ul li .text em{font-size: 1.3rem;}
	.inFoSwiper2 .le{background: #c1211d; padding: 12% 4% 49%;}
	.inFoSwiper2 .le h5 {   font-size: 1.4rem;	}
	.inFoSwiper2 .le p span{font-size: 1rem;}
	.inFoSwiper1{top: 41%;}
	.ys .index-more{display: none;}
	.ys-top .index-title {	    margin-bottom: 0;	}
	.news { padding: 4.8125rem 0 5.8125rem;}
	.footer-left {	    width: 100%; margin-bottom: 2rem;	}
	.footer-link ul{flex-wrap: wrap;}


	/* 内页关于我们 */
	.ny-banner .info h3{font-size: 1.6rem; line-height: 1.6rem;}
	.ny-banner .info strong{font-size: 1.2rem;}
	.ny-banner .play_btn {width: 2.25rem;height: 2.25rem;}
	.ny-banner .play_btn::after{width: 3.25rem;height: 3.25rem;}
	@keyframes playbtnscal4 {0% { transform: translate(-50%, -50%) scale(1); opacity: .8;} 100% {transform: translate(-50%, -50%) scale(1.5); opacity: 0; }}
	.wap-aboutclass ul li {	    width: 48%; margin-bottom: 1rem;}
	.wap-aboutclass ul li a { font-size: 1.15rem; line-height: 3rem;}
	.ny-about { padding: 3.875rem 0 3.875rem;}
	.nyabout-right h2{font-size: 2rem;}
	.nyabout-num {	    margin-top: 3.6875rem;	}
	.nyabout-num ul li {width: 50%; margin-bottom: 2rem;}
	.nyabout-num ul li b { font-size: 2.5rem; line-height: 2.5rem;}
	.nyabout-num ul li span {    font-size: 1.2rem; line-height: 1.2rem;}
	.nyabout-num ul li h2 { font-size: 1.1rem;margin-top: 0;}
	.about-title strong{font-size: 1.6rem; line-height: 2rem;}
	.culture {	    padding: 3.4375rem 0 4rem;	}
	.culture-list ul li h4{font-size: 1rem;}
	.culture-list ul li{width: 100%; height: auto; padding: 3rem 2%; margin-bottom: 2rem;}
	.culture-list ul li .icon img{width: 3rem; margin: 0 auto;}
	.team-list ul li {width: 48%;}
	.team-list ul li .icon {	    width: 4rem;	    height: 4rem;	}
	.team-list ul li .icon>img {	    transform: scale(0.4);	}
	.team-list ul li .icon {	    margin: 0 auto 1rem;	}
	.aboutFour{padding: 3rem 0 6rem;}
	.abFourSlide .hd ul li h5{font-size: 1.6rem;}
	.abFourSlide .hd ul li h5::after{display: none;}
	.abfoSwiper {padding: 2rem 0 5rem;}
	.abfoSwiper .swjt {   width: 3.25rem;   height: 3.25rem;}
	.abfoSwiper .swjt {left: 32%;  }
	.abfoSwiper .swiper-button-next {left: 52%;}

	/* 内页产品列表页 */
	.position span a{font-size: 1rem; margin: 0 0.3rem;}
	.product-class ul li strong{font-size: 1.15rem;}
	.product-class ul li .icon{width: 3rem; height: 3rem;}
	.product-class ul li .icon img{transform: scale(0.6);}
	.proclass-box .container { height: 10.125rem;}
	.product-class ul {  height: 10.125rem;	}
	.nypro-list ul li{    flex-direction: column-reverse;}
	.nypro-list ul li .info{justify-content: center;}
	.nypro-list ul li .info h4{display: block;}
	.nypro-list ul li .info .banner-more a{display: flex;}
	.nypro-list ul li .info strong{text-align: center;margin-bottom: 1rem;font-size: 1.15rem;}
	.nypro-list ul li .info {padding: 2rem 3%;}
	.pro-main {    padding: 4.5625rem 0 1rem;}

	/* 产品详情页 */
	.proxq-class strong { font-size: 1.5rem; width: 100%; margin-bottom: 1rem; text-align: center;}
	.proxq-title{text-align: center;}
	.proxq-title strong{font-size: 1.4rem;}
	.proxq-title h3{font-size: 1.2rem;}
	.proxq-info strong {font-size: 1.5rem;}
	.proxq-info b { font-size: 1.1rem;    margin-bottom: 1rem;    line-height: 1.1rem;}
	.proxq-info i {width: 2.125rem}
	.proxq-info span{font-size: 1rem;}

	/* 内页客户案例列表页 */
	.customer-list ul li { width: 33%;}

	/* 内页 */
	.case-list ul li{width: 100%; margin-bottom: 3.25rem;}
	.case-list ul li .icon img{width: 2.5rem;}
	.case-list ul li .info h3 {    font-size: 1.4rem;	    margin-bottom: 0.375rem;	}


	/* 图片详情页 */
	.picture-title strong{font-size: 1.6rem;}

	/* 内页新闻列表页 */
	.newsList ul {grid-template-columns: repeat(1,1fr);}
	.newsList ul::after{display: none;}
	.newsList ul::before {display: none;}


	.newsxq-title strong{font-size: 1.3rem;}

	.nynews-xq{margin-bottom: 0;}
	.news-xq{padding: 2.5rem 5% 4rem; margin-bottom: 4rem;}
	.newsxq-title { padding-bottom: 1.8125rem;   margin-bottom: 1.8125rem;}


	.main-bg { padding: 4rem 0;}


	.contact-left .info { padding: 3rem 4% 5rem;}
	.contact-left .info strong, .ny-message .info strong {	    font-size: 2rem;	}
	.contact-left .tel img {	    display: block;	    width: 3rem;	    margin-right: 0.375rem;	}
	.contact-left .text p{font-size: 1.15rem;}

	.ny-banner .info {
		color: #fff;
		transform: translateY(0);
	}

	.fy {		padding: 1rem 0	}




	.team-list ul li {width: 100%;height: 10rem;display: flex;overflow: hidden;align-items: center;}
	.team-list ul li .icon {margin: 0 1rem 0 0;}
	.team-list ul li .text {display: flex;justify-content: flex-start;align-items: center; margin-left: 11%;}



	.ny-banner .info {text-align: center;width: 100%;}
	.position {width: 100%;text-align: center;}


	.nypro-list ul li {width: 100%;}

	.newsList ul li {padding: 0 9% 13%;}

}