/* 响应式 */
@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:1766px)  {
	/* 产品与服务 */
	.propic-small{width: 45%;}
	
	.honor-box .container15 {max-width: 86%;	}
	#honor-prev{left: 3%;}
	#honor-next{right: 3%;}
}


@media screen and (min-width:200px)  and  (max-width:1741px)  {
	

	.container-s{max-width:92%}
	
	
	/* 产品与服务 */
	.propic-small ul li .icon{margin-right: 3%;}
	
	
	.news-list1, .news-list2 {	   max-width:92%;margin: 0 auto;	}
	
}




@media screen and (min-width:200px)  and  (max-width:1601px)  {
	
	.container{max-width:92%}
	
	
	
	
}


@media screen and (min-width:200px)  and  (max-width:1500px)  {
	
	.container15{max-width:92%}
	
	/* banner */
	.banner .info h3{font-size: 4rem; line-height: 4rem;}
	.banner{height:50rem}
	.banner .imgBox {height:50rem; }
	
	/* 关于泉福 */
	.about{background: url(../images/about-bg.jpg) no-repeat right 50% bottom;}
	
	
	/* 产品与服务 */ 

	.product .index-title{left: 4%;}
	.propic-small{left: 4%; width: 52%;}
	.propic-small ul li:nth-child(2n){margin-right: 0;}
	.propic-big ul li .info{right: 4%;}
	
	.strength-btn ul li h2{margin-right: 11%;}
	
	.case-list ul li.swiper-slide-active .info {bottom: 6%;	}
	.case-list ul li .info h3{font-size: 1.5rem;}
	
	
}

@media screen and (min-width:200px)  and  (max-width:1400px)  {
	/* banner */
	.banner .info h3{font-size: 3.5rem; line-height: 3.5rem;}
	
	.strength-box ul li .hide h3{font-size: 2.4rem;}
	.strength-btn ul li{height: 6.5rem;}
	
	
	
	
	.strength-left .index-title {padding-left: 15%;	}
	.strength-btn ul li .icon{margin-left: 15%;}
	
	
	.ny-banner .info h2{font-size: 4rem;}
	.culture-list ul li .icon img{width: 6rem;}
	.culture-list ul li h3{font-size: 1.8rem;}
	
	.aboutFour .swiperBox1 .abfourSwiper1 .year{font-size: 14rem;}
	
	
	
	.workshop-list ul li .info img{width: 3rem;}
	
	.partner-list ul li .pic img{width: 100%; display: block;  transform: scale(0.7);}
	
	.ny-banner .info h2 {font-size: 3.5rem;	}
	
	
	.proclass-box .info h2{font-size: 2.2rem;}
	
	
	#latest-prev {	    left: auto;	    right: 6.6%;	}
	
	
	.ny-contact .info strong{font-size: 2.6rem;}
	
	
	.message-bg .container15 {
	    max-width: 92%;
	}
	
}




@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/* 关于泉福 */
	.about-num ul li em{font-size: 2.5rem;}
	
	/* 产品与服务 */
	.propic-small {width: 56%;}
	.propic-small ul li .icon{width: 2.5rem; height: 2.5rem;}
	
}




@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;}
	
	/* 关于泉福 */
	.about-box {width: 51.4%;	}
	
	/* 产品与服务 */
	.propic-big ul li .info { right: 4%; width: 43%;}
	.propic-small ul li span{display: none;}
	
	
	.propic-small { width: 48%;	}
	.propic-small ul li h2{font-size: 1.5rem;}
	.propic-small ul li.swiper-slide-thumb-active h2{font-size: 1.8rem;}
	.propic-big ul li .info { width: 39%;	bottom:23%}
	
	.propic-big ul li .info h3{font-size: 1.8rem;}
	
	.strength-box ul li .hide span{font-size: 1.3rem;}
	
	.news-box{padding-bottom: 5rem}
	.news-prev, .news-next{display: none!important;}
	#news-num1,#news-num2{display: block!important;}
	
	.slideflex{display: none;}
	.foot-nav{display: none;}
	
	.ny-banner .info h2{font-size: 3.5rem;}
	
	
	.ny-class .ctitle1 li a{padding: 0 2.6rem;}
	.honor-box{padding-bottom: 4rem;}
	.honor-box .container15 {max-width: 92%;	}
	#honor-prev,#honor-next{display: none;}
	#honor-num {display: block;	}
	
	
	.technology .info{width: 100%;}
	
	.about-title strong{font-size: 2.6rem; line-height: 2.6rem;}
	
	.proclass-box .info h2 {    font-size: 1.8rem;}
	
	.product-list ul li{width: 31%;}
	
	
	.product-list ul li .hide>img {width: 3rem;	}
	
	.proxq-box .info strong{font-size: 2rem;}
	
	.details-left {width: 100%;	}
	.details-right{display: none;}
	.nycase-list ul{justify-content: space-between;}
	.nycase-list ul li{width: 47.6%;}
	
	.latest-news ul li .info h4{-webkit-line-clamp: 2;}
	
	.news-right{display: none;}
	.news-left {width: 100%;}
	
	.message-bg .about-title {margin-bottom: 3.125rem ;}
	
}


@media screen and (min-width:200px)  and  (max-width:960px)  {
	/* banner */
	.banner{height:45rem}
	.banner .imgBox {height:45rem; }
	.banner .info h3{font-size: 3rem; line-height: 3rem;}
	
	
	/* 关于泉福 */
	.about-num ul li{width: calc(100% / 2);}
	

	/* 解决方案 */
	#solution-prev {right: 14%;	}
	
	.strength-left .index-title span{font-size: 4rem;}
	.strength-btn ul li.swiper-slide-thumb-active h2{text-indent: 1rem;}
	.strength-btn ul li.swiper-slide-thumb-active .arrow {opacity: 0;	}
	
	.strength-box ul li .hide .text{width: 100%; margin-bottom: 2rem;}
	
	.strength-btn ul li .icon {margin-left: 12%;	width: 3.5rem; height: 3.5rem;}
	.strength-btn ul li .icon img{width: 2rem;}
	.strength-btn ul li h2 {margin-right: 0;	}
	
	.strength-left .index-title strong{font-size: 2.8rem;}
	
	.index-title span{font-size: 4rem;}
	.index-title strong{font-size: 2.8rem;}
	
	
	
	.ny-banner .info h2{font-size: 3rem;}
	
	.ny-class .ctitle1{justify-content: space-between; flex-wrap: wrap;}
	.ny-class .ctitle1::after{content: ''; width: 31%;}
	.ny-class .ctitle1 li {width: 31%;  margin-bottom: 2rem; }
	.ny-class .ctitle1 li a::after{display: none;}
	.ny-class .ctitle1 li a{padding: 0; line-height: 3.5rem; border: 1px solid #ccc;}
	.ny-class .ctitle1 li:hover a,.ny-class .ctitle1 li.on a{background: #ec1e23; border-color: #ec1e23; color: #fff; font-weight: normal;}
	
	
	.nyabout-box .about-title { text-align: center;	}
	.nyabout-box .about-title i{margin: 0 auto;}
	.ny-about .pic { position: relative; top: 0; right: 0; width: 100%; height: auto;	}
	.ny-about .pic img{display: block;}
	.nyabout-box .info{width: 100%; margin-bottom: 2.5rem;}
	.about-title strong{font-size: 2.6rem; line-height: 2.6rem;}
	.ny-about .pic{margin-bottom: 3rem;}
	.ny-about .about-num ul li{width: 30%; text-align: center; margin-bottom: 2rem;}
	
	.culture-list ul li .icon img {    width: 5rem;}
	.culture-list ul li h3 {font-size: 1.6rem;	}
	
	.aboutFour .swiperBox1 .abfourSwiper1 .year{font-size: 12rem;}
	
	.core-title strong{font-size: 2.4rem;}
	
	
	.laboratory-list {display: none;}
	.waplaboratory-list{display: block; position: relative; overflow: hidden; padding-bottom: 3rem;}
	.waplaboratory-list ul li .pic img{display: block; width: 100%;}
	
	.ny-banner .info h3{width: 92%;}
	
	
	
	.proxq-box .info strong{font-size: 1.6rem; margin-bottom: 1.5rem;}
	.proxq-box .info h4{margin-bottom: 2.5rem;}
	
	.nycase-list ul li{padding: 0;}
	.nycase-list ul li a{flex-wrap: wrap;}
	.nycase-list ul li .pic{width: 100%;}
	.nycase-list ul li .info{width: 100%; padding: 2rem; text-align: center;}
	.nycase-list ul li .info em{margin: 2rem  auto 0;}
	.latest-news ul li a{padding: 1rem;}
	#latest-prev {right: 8.6%;	}
	
	
	.contact-wechat{width: 28%;}
	.contact-wechat img{display: block; width: 100%;}
	
	.map-pic{width: 100%;}
	
	
	
	
	
	
}




@media screen and (min-width:200px)  and  (max-width:768px)  {
	/* banner */
	.banner{height:40rem}
	.banner .imgBox {height:40rem; }
	.banner .info h3{font-size: 2.5rem; line-height: 2.5rem;}
	
	
	
	/* 产品与服务 */
	.product{height: auto;}
	.product .index-title{left: 4%;}
	.propic-small{width: 92%; left: 4%;}
	.propic-small ul{justify-content: space-between;}
	.propic-small ul li {width: 48%!important;cursor: pointer;	padding:1rem 0}
	.propic-big ul li .info {right: 4%;width: 92%;left: 4%;bottom: 5%;	}
	
	/* 解决方案 */
	.solution-top{justify-content: center;}
	.solution-top .text{display: none;}
	.solution-top .index-title strong {   left: 0;   right: 0;   margin: auto;   text-align: center;}
	.solution-top .index-title i{margin: 2.875rem auto 0;}
	
	
	/* 我们的实力 */
	.strength{flex-wrap: wrap; }
	.strength-left{width: 100%; background: transparent; height: auto; padding-top: 0;}
	.strength-btn{display: none;}
	.strength-left .index-title {padding-left: 0; text-align: center;}
	.strength-left .index-title span{color: rgba(110,110,110,0.11);}
	.strength-left .index-title strong{color: #43505B;    color: #43505B;left: 0;right: 0;	}
	.strength-left .index-title i{background: #ec1e23; margin: 2.875rem auto 0;}
	.strength-right {width: 100%;	}
	#strength-num {   display: block;}
	.strength-box ul li .pic{height: 34rem;}
	.strength-box ul li .info {    margin-top: 15%;}
	.strength-box ul li .hide h3 {font-size: 2.1rem;	}
	.strength-left .index-title{margin-bottom: 4rem;}
	
	
	.case {padding: 7.4375rem 0;	}
	#case-prev{left:9%;}
	#case-next{ right: 9%;}
	
	.news-top{margin-bottom: 4rem;}
	.news-top .container{flex-wrap: wrap;}
	.news-top .index-title {width: 100%;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;	}
	.news-btn{margin: 0 auto;}
	
	
	.foot-copy{flex-wrap: wrap;}
	.foot-copy p{width: 100%; margin-bottom: 1rem;}
	.foterlinks {margin: 0 auto;}
	
	
	.core-title strong.pc-title{display: none;}
	.core-title strong.wap-title{width: 100%; display: block;}
	
	
	.ny-banner .info h3{display: none;}
	
	.proclass-box{flex-wrap: wrap;}
	.proclass-box .info{padding-left: 0; width: 100%; padding: 3rem 2%;}
	.proclass-box .pic{width: 100%;}
	
	
	.latest-news ul li .pic {  width: 100%;	}
	.latest-news ul li .info{width: 100%; padding: 2rem 0;}
	#latest-prev, #latest-next{display: none;}
	#latest-num{display: block; bottom: 3%;}
	.nynews-list ul li{width: 48%;}
	
	.ny-contact{padding: 5rem 0 7rem;}
	.contact-box{flex-wrap: wrap;}
	.contact-box .info{width: 100%; margin-bottom: 2rem;}
	
	
	
}



@media screen and (min-width:200px)  and  (max-width:640px)  {
	.mobnavBox{width: 80%;}
	.header{top: 1rem;}
	.pc-logo a img {height: 3rem;	}
	.headfixed{top: 0; padding: 0.8rem 0;}
	
	/* banner */
	.banner{height:25rem}
	.banner .imgBox {height:25rem; }
	.banner .info h2{font-size: 1.3rem; line-height: 1.3rem; margin-bottom: 1rem;}
	.banner .info h3{font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 1.5rem;}
	.banner .imgBox .container-s{bottom: 18%;}
	.banner-more a{width: 8rem;}
	.banner-more em{line-height: 3rem;}
	.banner-more img{margin-left: 1rem;}
	.banner-more a:hover img {margin-left: 1.5rem;	}
	
	
	
	/* 关于泉福 */
	.about {background: url(../images/about-bg.jpg) no-repeat left 33% bottom; padding:3rem 0	4rem}
	.about-box{width: 100%;}
	.index-title{text-align: center; margin-bottom: 1.75rem;}
	.index-title span{font-size: 4rem;}
	.index-title strong{font-size: 2rem;left: 0;right: 0;}
	.index-title i{margin: 1.5rem auto 0;}
	.about-num ul li em {font-size: 2rem;line-height: 2rem;	}
	.about-num ul li span{font-size: 1rem;}
	.about-more a{margin: 0 auto;}
	
	
	
	/* 产品与服务 */
	.propic-big ul li .pic {height: 45rem;	}
	.product .index-title{left: 0; right: 0; margin: auto; top: 3.25rem;}
	.propic-small{top: 24%;}
	.propic-small ul li .icon{display: none;}
	.propic-small ul li.swiper-slide-thumb-active .icon{opacity: 0;display: none;}
	.propic-small ul li h2{font-size: 1.3rem;}
	.propic-small ul li.swiper-slide-thumb-active h2{font-size: 1.4rem;}	
	.propic-big ul li .info h3 {font-size: 1.45rem;	}
	.propic-big ul li .info{bottom: 9%;}
	
	
	/* 解决方案 */
	.solution {padding: 4rem 0;	}
	.solution-top {    margin-bottom: 2.625rem;	}
	.solution-top .index-title i{margin: 1.5rem auto 0;}
	#solution-prev {right: 24%;	}
	.solution-list ul li h3{font-size: 1.2rem;}
	
	/* 我们的实力 */
	.strength-left .index-title { margin-bottom: 2.5rem;	}
	.strength-left .index-title strong { font-size: 2rem;}	
	.strength-left .index-title i {margin: 1.5rem auto 0;	}
	.strength-box ul li .hide{width: 92%;}
	.strength-box ul li .hide h3 { font-size: 1.5rem; line-height: 1.5rem;}
	.strength-box ul li .hide span { font-size: 1.1rem;}
	.strength-box ul li .more a {    width: 8.75rem;    height: 2.75rem;}
	.strength-box ul li .pic {height: 24rem;	}
	
	
	.index-title span {   font-size: 3rem;}
	
	/* 工程案例 */
	.case{padding: 3rem 0 4rem;}
	.case-top {  margin-bottom: 2rem;}
	.case-top .about-more{display: none;}
	.case-top .index-title { width: 100%;}
	.case-list ul li .icon{display: none;}
	.case-list ul li .info h3 {font-size: 1.2rem;	}
	#case-prev, #case-next{background-size: cover!important; width: 1rem; height: 2rem;}
	
	/* 新闻动态 */
	.news{padding-bottom: 3.5625rem;}
	.news-box {padding-bottom: 4rem;	}
	.news-top {margin-bottom: 2rem;	}
	
	/* 公共底部 */
	.footer{padding: 3.5rem 0 1.5rem;}
	.foot-logo a img{width: 150px;}
	.foot-contact p {display: flex;align-items: center;	}
	.foot-contact p>img{margin-right: 0.5rem;}	
	.foot-copy {margin-top: 1.75rem;	}
	
	
	.ny-banner img{height: 18rem;}
	.ny-banner .info h2 {font-size: 2rem;	}
	.position{bottom: 1rem;}
	
	
	
	
	.ny-class .ctitle1::after{content: ''; width: 48%;}
	.ny-class .ctitle1 li {width: 48%;  margin-bottom: 1rem; }
	
	
	
	/* 内页关于泉福 */
	.ny-about{padding: 4rem 0 2rem;}
	.about-title{margin-bottom: 2rem;}
	.about-title strong {font-size: 1.65rem;line-height: 1.65rem;	}
	.ny-about .about-num ul li {width: 50%;}
	.culture{background-size: cover; padding: 4rem 0 3rem;}
	.culture-list ul{flex-wrap: wrap;}
	.culture-list ul li{width: 100%; margin-bottom: 2rem; height: auto; padding: 3rem 0;}
	.culture-list ul li .icon img {width: 4rem;	}
	.aboutFour{padding: 4rem 0;}
	.aboutFour .swiperBox2 .abfourSwiper2 {padding: 3rem 0;	}
	.aboutFour .swiperBox1 .abfourSwiper1 .year{display: none;}
	.aboutFour .swiperBox2{min-height: 11.25rem;}
	.workshop{padding: 4rem 0;}
	.workshop-list{padding-bottom: 4.5rem;}
	
	.partner {    margin-bottom: 3.5625rem;}
	.partner-list ul li{height: 4.5rem;}
	
	
	.honor{padding: 3.5rem 0 2rem;}
	
	.technology{padding: 4rem 0;}
	.technology .about-title {margin-bottom: 1.3rem;	}
	.technology .info{margin: 0 auto 3rem;}
	.technology-more a{width: 4rem; height: 4rem;}
	
	.core-title strong {    font-size: 1.2rem; line-height: 1.8rem;}
	.manufacture{padding: 3rem 0;}
	.manufacture-box{padding-bottom: 3.8rem;}
	.laboratory{padding: 3rem 0 2.5rem;}
	.laboratory .core-title {margin-bottom: 2.25rem;	}
	
	
	.proclass-box .info h2 {font-size: 1.4rem;text-align: center;	}
	.class-more a{margin: 0 auto;width: 7.9375rem;}
	
	
	.product-list ul li{width: 48%; margin-right: 2%;}
	.product-list ul li .hide>img {width: 2rem;	}
	.product-list ul li .info span{display: none;}
	.product-list ul li .info{height: auto;}
	.product-list ul li .info h3{padding: 0.5rem 0; font-size: 1.1rem;}
	
	.proxq-box{flex-wrap: wrap;}
	.proxq-list{width: 100%; margin-bottom: 2rem;}
	.proxq-box .info{width: 100%;}
	.pro-details {padding: 4rem 0 5rem;}
	.details-title strong {font-size: 1.8rem; border-left: 0.4375rem solid #C10610;line-height: 2rem;padding-left: 1rem;}
	
	
	.nycase-list ul li {	    width: 100%;	}
	
	
	.latest-news ul li .info h3{font-size: 1.3rem;}
	
	
	.nynews-list ul li{width: 100%;}
	.nynews-list ul li .pic{display: none;}
	.nynews-list ul li .info {	    padding: 1.75rem 3% 1.5rem;	}
	.news-xq{padding: 2rem 4%; margin-bottom: 3rem;}
	.newsxq-title strong{font-size: 1.4rem;}
	.nynews-xq{margin-bottom: 0;}
	.ny-contact{padding: 3rem 0 4rem;}
	.ny-contact .info strong {font-size: 1.6rem; margin-bottom:1rem	}
	.ny-contact .info p{display: flex; align-items: center;}
	.contact-wechat {	    width: 50%;	}
	
	.map{padding: 4rem 0;}
	.message-bg{padding: 4rem 0;}
	.message-top{margin-bottom: 0;}
	.message-top ul li{width: 100%; margin-bottom: 1rem;}
	.message-bg .about-title {    margin-bottom: 2.5rem;}

	.pro-editbox>.table-responsive0{overflow-x: scroll}
	.pro-editbox>.table-responsive0 .table0{width:790px !important;margin:0 auto;}
	.pro-editbox>.table-responsive0::-webkit-scrollbar{  width: 7px; height: 7px;}
	/*定义滚动条轨道 内阴影+圆角*/
	.pro-editbox>.table-responsive0::-webkit-scrollbar-track{ background-color: #ccc;}
	/*定义滑块 内阴影+圆角*/
	.pro-editbox>.table-responsive0::-webkit-scrollbar-thumb{ background-color:#C10610;  }






	.pro-editbox .special-pro .table0 tr{display: flex;flex-direction: column}
	.pro-editbox .special-pro .table0 tr td{width: 100%!important;}

	.pro-editbox .special-pro .table1 tr{display: flex;flex-direction: column}
	.pro-editbox .special-pro .table1 tr td{width: 100%!important;}

	.pro-editbox .special-pro .table2 tr{display: flex;flex-direction: column}
	.pro-editbox .special-pro .table2 tr td{width: 100%!important;}

	.pro-editbox .special-pro .table3 tr{display: flex;flex-direction: column}
	.pro-editbox .special-pro .table3 tr td{width: 100%!important;}

	.pro-editbox .special-pro .table4 tr{display: flex;flex-direction: column}
	.pro-editbox .special-pro .table4 tr td{width: 100%!important;}


.table-responsive5{overflow-x: scroll}
	.pro-editbox .table5{width:790px !important;margin:0 auto;}
	.pro-editbox div::-webkit-scrollbar{  width: 7px; height: 7px;}
	/*定义滚动条轨道 内阴影+圆角*/
	.pro-editbox div::-webkit-scrollbar-track{ background-color: #ccc;}
	/*定义滑块 内阴影+圆角*/
	.pro-editbox div::-webkit-scrollbar-thumb{ background-color:#C10610;  }

	.pro-editbox .special-pro .table-responsive6 .table6 tr{display: flex; flex-wrap: wrap}
	.pro-editbox .special-pro .table-responsive6 .table6 tr td{width: 50%!important;}


	.nysolution-list ul:after{content: ''; width: 48%; }
	.nysolution-list ul li{width: 48%; display: block; margin-bottom: 2rem}

	.fy{padding: 1rem 0}

	.ny-class .ctitle1 li a {
		padding: 0;
		line-height: 1.5rem;
		border: 1px solid #ccc;
		font-size: 1.1rem;
		min-height: 4rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.partner-list ul li .pic img {
		width: 100%;
		display: block;
		transform: scale(0.5);
	}
}










