/* 响应式 */
@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:1555px)  {
	.container-s{max-width:92%}
	
	.product-box .container{max-width:92%}
	
	.propic-big{margin-right: 6%!important;}
	
}




@media screen and (min-width:200px)  and  (max-width:1380px)  {
	.container{max-width:92%}
	.index-title strong,.contact-bg .info strong{font-size: 3rem;}
	.index-title h3{font-size: 2.5rem;}
	.num-bg .info h4{font-size: 2.3rem;}
	
	.product-logo ul li{padding: 0 3%;}
	
	
	
}


@media screen and (min-width:200px)  and  (max-width:1300px)  {
	.product-logo {		width: 63%;	}
	
	.pile-box{    align-items: flex-end;}
	
}


@media screen and (min-width:200px)  and  (max-width:1200px)  {
	
	.num-bg .info h4{font-size: 1.8rem; width: 100%;}
	.num-bg .info b{font-size: 8rem;}
	.product-logo ul li {	    padding: 0 1.5%;	}
	
	.service-box .service-right .info {	    width: 67%;	}
	
	.contact-bg .info{padding: 0 9%;}
}






@media screen and (min-width:200px)  and  (max-width:1028px)  {
	/* 公共头部 */
	.pc-nav{display: none;}
	.mobmenu {display: flex;align-items: center;justify-content: center; }
	.mobmenu h4{ font-size: 1.125rem;}
	
	.index-title {text-align: center;}
	.index-title strong,.contact-bg .info strong{font-size: 2.6rem;}
	.index-title h3{font-size: 1.8rem}
	.about-box{flex-direction: column-reverse; flex-wrap: wrap;}
	.about-box .info{width: 100%; margin-bottom: 3rem;}
	.about-box .pic{width: auto;}
	
	
	.honor-pic .index-title{ top: 5%;}
	
	.product-top .index-title{margin-bottom: 2rem;}
	.product-top{justify-content: center;}
	.product-logo {	    width: 100%;	}
	.product-logo ul {	    justify-content: center;	}
	
	.pile-box .info{width: 100%;}
	.pile-box .info .index-title {	    margin-bottom: 5.0625rem;	}
	.pile-box .info .index-title h4{font-size: 1.8rem;}
	.propic-small {	    position: relative!important;	    width: 100%; height:auto;	}
	.propic-small ul {	    display: flex;	    flex-direction: row;	    justify-content: space-between; flex-wrap:wrap	}
	.propic-small ul li{width: auto!important;}
	.propic-small::after{display: none;}
	.propic-small ul li em{font-size: 1rem;}
	.propic-big {	    margin-right: auto!important;}
	.ys-list ul{display: flex; justify-content: space-between; flex-wrap: wrap; }
	.ys-list ul li{width: 48%; border-bottom: 1px solid rgba(207,207,207,0.57)!important; margin-bottom: 2.375rem!important;}
	
	.service-box .info h4{font-size: 1.8rem;}
	.service-box .service-right .info {	    width: 86%;	}
	
	
	
	
	
	
	
	
	
}



@media screen and (min-width:200px)  and  (max-width:960px)  {
	.honor-pic .index-title{position: relative; margin-bottom: 4rem;}
	.num-logo img{width: 12.5rem;}
	
	.ys-list ul li img {    margin-right: 1.4rem; width: 3.5rem;}
	.process-list ul::after{content: ''; width: calc(100% / 3);}
	.process-list ul li{width: calc(100% / 3); border-bottom: 1px solid #f5f7fa; border-right: 1px solid #f5f7fa; box-sizing: border-box;}
	.process-list ul li i{display: none;}
	
	.contact-bg,.message-bg{width: 100%; background-size: cover; height: auto; }
	.contact-bg{padding: 16rem 0;}
	.contact-bg .info{top: 50%; transform: translateY(-50%); height: auto;     padding: 0 6%;}
	.contact-bg .info i{margin-bottom: 2.8rem;}
	.icon-list {	    margin-top: 2.5625rem;	}
	
	.message-bg{padding: 5rem 6%;}
	
	.message {	    width: 100%;	}
	
	
	
	
}




@media screen and (min-width:200px)  and  (max-width:768px)  {
	/* 公共头部 */
	.header,.header-zw,.head-box{height: 5.5rem;}
	.header .pc-logo img {    display: block;    width: 75%;}
	.mobnavBox{width: 80%;}
	.mobmenu h4{color: #333;}
	.mobmenu dl dd{background: #333;}
	.pc-logo a img {-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
	
	.headfixed .pc-logo a img {-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
	.headfixed .mobmenu h4{color: #fff;}
	.headfixed .mobmenu dl dd{background: #fff;}
	#banner-prev, #banner-next{display: none;}
	#banner-num{bottom: 3%;}
	
	.ys-list ul li{width: 100%;}
	
}

@media screen and (min-width:200px)  and  (max-width:640px)  {
	.about {	    padding: 3rem 0 4rem;	}
	.index-title {margin-bottom: 1.8rem!important;}
	.index-title strong,.contact-bg .info strong{font-size: 1.8rem; line-height: 2.5rem;}
	.index-title h3{font-size: 1.3rem}
	.about-box .info{margin-bottom: 1rem;}
	.about-box .info h4{font-size: 1.1rem; line-height: 1.6rem; margin-bottom: 1rem;}
	.num-bg{padding: 4rem 0;}
	.num-logo img {	    width: 10rem;	}
	.num-bg .info h4{font-size: 1.1rem; line-height: 2rem;}
	.num-bg .info b {	    font-size: 4rem;	}
	
	.product {	    padding: 4.2rem 0 4rem;	}
	.product-top {margin-bottom: 2rem;}

	.product-logo ul {	    justify-content: space-between;	}
	.product-logo ul li{padding: 0; width: 48%; border-right: none; border: 1px solid #ddd!important; height: 4rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
	.product-logo ul li img{transform: scale(0.5);}	
	#product-prev, #product-next{display: none;}
	#product-num{display: block;}	
	.product-box .container {	    max-width: 100%;	}
	
	.product-list{padding-bottom: 3rem;}
	.product-list ul li h3{font-size: 1.2rem;}
	
	.pile{padding-top: 2.625rem; margin-bottom: 4.5rem;}
	.pile-box .info .index-title h4 {	    font-size: 1.2rem;	}
	.ys-list ul li strong{font-size: 1.2rem;}
	.ys-list ul li {margin-bottom: 1.5rem!important; padding-bottom: 1.5rem;}
	.ys-list ul li img {	    margin-right: 1rem;	    width: 2.5rem;	}
	.propic-small ul li{width: 30%!important;}
	.service {	    padding-bottom: 5.375rem;	}
	.service-left,.service-right{width: 100%;}
	.service-left .pic,.service-right .pic{height: 12rem;}
	.service-right .pic{margin-top: 1rem;}
	.service-box .info h4 {	    font-size: 1.35rem;	}
	.service-box .service-left .info,.service-box .service-right .info {left: 0;top: 50%;width: 90%;margin: 0 auto;right: 0;transform: translateY(-50%);}
	
	
	
	.process-list ul::after{width: 100%;}
	.process-list ul li{width: 100%; background: #fff!important; height: auto; padding:2rem 0 }
	.process-list ul li div{max-width: 100%; width: 92%;}
	.process-list ul li div ol{line-height: 3rem;}
	.process-list ul li div dl p{padding-left: 1rem;}
	.process-list ul li div dd{font-size: 1.3rem;}
	.process .index-title {	    margin-bottom: 2.5rem!important;	}
	
	.contact {	    padding: 6rem 0 6rem;	}
	.contact-bg {	    padding: 13rem 0;	}
	.message-bg {	    padding: 3rem 6%;	}
	
	.footer-top img{width: 20rem;}
	.footer-top span{line-height: 1.6rem; font-size: 1.1rem;}
	.footer-nav ul{flex-wrap: wrap;}
	.footer-nav ul li {	    width: calc(100% / 3);	}
	.footer-top h2{font-size: 1.2rem;}
	.back {	    width: 3.1875rem;	    height: 3.1875rem; top: 0.8rem;}
}