﻿@media screen and (min-width:200px)  and  (max-width:1778px)  {
	.factory .container-s{max-width: 96%;}



}


@media screen and (min-width:200px)  and  (max-width:1600px)  {
	.container{max-width: 96%;}

	/*产品分类*/
	.proclass{padding: 107px 0 60px}

	/*内页面包屑*/
	.company-con .info{width: 53.56%}

	


}


@media screen and (min-width:200px)  and  (max-width:1500px)  {

	/*PC端公共头部*/
	.search{margin-right: 60px; width: 350px;}


	/*产品中心列表页*/
	.column-title{padding: 0 6%}
	.contact-tel{padding-left: 18%}


	/*2022.7.27后台编辑框调试*/
	.table-pic2 tr td img{display: block; width: 100%!important; height: auto!important}




}


@media screen and (min-width:200px)  and  (max-width:1420px)  {
	.proclass-btn ul li img{margin-right: 10px;}
	/*.proclass-btn ul li em{font-size: 18px;}*/
}

@media screen and (min-width:200px)  and  (max-width:1400px)  {
	/*产品分类*/
	.index-title h2{font-size: 35px; line-height: 35px;}
	.proclass-con .info strong{font-size: 30px}
	.proclass-con .info em{font-size: 20px}
	.proclass-con .info{margin-left: 3%}




	/*内页面包屑*/
	.ny-class ul li{width: 175px}
	.company-con .info strong{font-size: 28px; line-height:28px}
	.company-con .info p{font-size: 15px; line-height: 25px}



	/*产品中心列表页*/
	.column-title strong{font-size: 25px}
	.class-title strong{font-size: 21px}
	.class-title,.class-con .ctitle1>li{padding: 0 5%}
	.class-con .ctitle1>li>a{font-size: 16px}
	.contact-tel b{font-size: 34px}
	.product-list ul li .name{padding: 4% 8%}



	/*产品详情页*/
	.pro-info h3{font-size: 26px;}
	.pro-icon{margin-top: 50px;}

	.foot-left dl{padding: 0 14px}
	.foot-left dl.foot-logo{padding-left: 0}

}

@media screen and (min-width:200px)  and  (max-width:1300px)  {
	/*PC端公共头部*/
	.header .logo{margin-top: 32.5px}
	.header .logo img{height: 70px; margin-top: 0px}
	.header .logo .text{height: 58px; margin-top: 8px}
	.header .logo .text em, .header .logo .text span{font-size: 15px; line-height: 29px}

	/*公共底部*/
	.foot-contact{width: 295px; margin-right: 0}
	.foot-left{width: calc(100% - 305px)}

	/*产品中心列表页*/
	.contact-tel b{font-size: 30px}

	/*产品详情页*/
	.pro-icon ul li{margin-right: 6%}

}




@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/*手机端公共头部*/
	.header,.header-zw{display: none;}
	.wap-header,.wap-headerzw{display: block; height: 70px;}
	.wap-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 99; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
	.wap-header .logo h1{line-height: 0}
	.wap-header .logo a{display: block;}
	.wap-header .logo img{display: inline-block; margin-top: 5px; height: 60px; }
	.wap-click { padding: 12px 0;}
	.wap-click span{width: 30px; height: 2px;background: #333;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
	.active span.cl-1{transform: rotate(-45deg);top:12px;}
	.active span.cl-2{opacity: 0;}
	.active span.cl-3{transform: rotate(45deg);top:-12px;}
	.wap-search img{display: block; margin-top: 25.5px; margin-right: 18px;}
	.wap-nav{position: relative; top: 0px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;text-indent: 23px;transition: all .6s;}
	.wap-nav ul li span{display: inline-block; text-indent: 5px;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #012d6e;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide dd{border-bottom: 1px dashed #eee;}
	.wap-nav .wap-hide dd a{text-indent:30px;line-height:45px; font-size: 15px}
	.seach-form{display: none;}
	.seach-form form{ position: absolute;top:70px; background: #fff;cursor: pointer; width: 96%; left: 2%;}
	.seach-form input{float:left;border:none;height:40px; outline: none; font-size: 15px;}
	.seach-form  .f-text{width: calc(100% - 80px); line-height: 40px; text-indent: 20px; background: #f5f5f5; color: #bdbdbd}
	.seach-form  .f-submit{width:80px; background: #012d6e;color:#fff}
	.wap-ver a{display: block;font-size: 20px; line-height: 70px;color: #333; margin-right: 20px;}
	.pc-nav{display: none}

	/*产品分类*/
	.proclass{padding: 100px 0}
	.proclass-con .info{margin-left: 2%; width: 53%}
	.proclass-con .info em{display: block}
	.proclass-btn ul li em{font-size: 18px}
	.proclass-con .pic{margin-right: 0}
	.proclass-btn{height: 80px;border-right: none;}
	.proclass-btn ul li:last-child{border-right:1px solid #ddd;}



	/*内页面包屑*/
	.position{display: none}



	/*产品中心列表页*/
	.wap-proclass{display: block; overflow: hidden; margin-bottom: 20px}
	.wap-proclass ul{width: 102%}
	.wap-proclass ul li{float: left; margin-right: 2%; width: calc(100% / 4 - 2%); margin-bottom: 20px;}
	.wap-proclass ul li a{display: block ; font-size: 16px; line-height: 45px; color: #333; text-align: center; border: 1px solid #ccc; box-sizing: border-box }
	.wap-proclass ul li.on a,.wap-proclass ul li:hover a{border-color: #012d6e; background: #012d6e; color: #fff;}
	.pro-left{display: none}
	.pro-right{float: none; width: 100%}
	.product-list ul li h3{font-size: 16px}





	/*产品详情页*/
	.proxq .container{display: block;}
	.propic-list{width: 100%; margin-bottom: 30px;}
	.pro-info{width: 100%; margin-bottom: 40px;}



	.waprecom-title{display: block; margin-bottom: 45px; border-bottom: 1px solid #ccc}
	.waprecom-title em{display: block; font-size: 30px; line-height: 30px; color: #333333; position: relative; height: 52px;}
	.waprecom-title em:after{position: absolute; content: ''; width: 48px; height: 3px; background: #012d6e; bottom: -2px; left: 0}
	.waprecom-title a{ display: flex;  width: 32px; height: 32px; border-radius: 50%; border: 1px solid #cbcbcb}
	.waprecom-title img{display: inline-block; margin: auto; transition:0.6s;}
	.waprecom-title a:hover img{transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Safari and Chrome */}


}







@media screen and (min-width:200px)  and  (max-width:960px)  {
	/*产品分类*/
	.index-title h2{font-size: 28px; line-height: 28px;}
	.index-title h3{line-height: 28px}
	.proclass{padding: 80px 0 0}
	.proclass-con .info strong{font-size: 25px}
	.proclass-con .info em{display: inline-block; font-size: 18px}
	.proclass-con{display: block}
	.proclass-con .info{width: 100%}
	.proclass-con .pic{margin: 0 auto; width: 75%}
	.proclass-btn{margin-bottom: 40px}
	.proclass .index-title {margin-bottom: 52px;}





	/*内页面包屑*/
	.ny-class{float: none}
	.crumbs,.ny-class ul li{height: auto; }
	.ny-class ul li{width: calc(100% / 4)}
	.ny-class ul li a{line-height: 65px}
	.ny-class ul li:hover:after, .ny-class ul li.on:after {display: none}
	.ny-class ul li:after{display: none}
	.ny-class ul li:hover a, .ny-class ul li.on a{text-indent: 0; text-align: center}

	/*关于我们-荣誉资质*/
	.honor-list ul li{width: calc(100% / 3 - 25px)}

	/*内页产品列表页*/
	.product-list ul{width: calc(100% + 2%)}
	.product-list ul li{ margin-right: 2%; width: calc(100% / 3 - 2%);  margin-bottom: 33px;}


	/*应用领域分类列表页*/
	.nyapp-list ul li .info a{margin-right: 20px; width: 145px}







@media screen and (min-width:200px)  and  (max-width:768px)  {
	/*内页面包屑*/
	.company-con .pic{display: block; width: 100%;margin-bottom: 40px}


	/*关于我们-公司介绍*/
	.ys{padding: 82px 0 50px}
	.ys-list ul li{padding: 0 calc((100% - 323px) / 10); margin-bottom: 50px}

	/*内页产品列表页*/
	.wap-proclass ul li{ width: calc(100% / 3 - 2%);}
	.product-list ul li{ width: calc(100% / 2 - 2%);}



}









	/*产品分类*/
	.index-title h2{font-size: 21px; line-height: 21px;}
	.proclass{padding: 45px 0 0}
	.proclass .index-title{margin-bottom: 25px}
	.proclass .index-title h3{display: none}
	.proclass-con .info strong{font-size: 18px}
	.proclass-con .info em{ font-size: 15px}
	.proclass-con .info p{font-size: 16px}
	.proclass-con .pic{width: 100%}
	.proclass-con .info img{margin-bottom: 32px}
	.proclass-con .info p{margin-bottom: 20px}
	.proclass-con .info a { transition: 0.6s;position: relative;display: block;width: 160px;overflow: hidden;line-height: 50px;background: #0e3d73;color: #fff;font-size: 16px;border-radius: 28px;text-indent: 0;text-align: center;}
	.proclass-con .info a:after{display: none}
	.proclass-con .info a:hover {text-indent: 0; text-align: center}
	.proclass-btn{height: 50px}
	.proclass-btn ul li img{width: 18px}
	.proclass-btn ul li:nth-child(3) img{width: 11px}
	.proclass-btn ul li em{font-size: 16px}



	/*内页面包屑*/
	.ny-class{overflow: hidden; padding: 30px 0 20px}
	.ny-class ul{width: 102%}
	.ny-class ul li{margin-right: 2%; width: calc(100% / 2 - 2%); margin-bottom: 2%; border: 1px solid #ccc; box-sizing: border-box}
	.ny-class ul li a{font-size: 16px; line-height: 45px; border-right: none}







	/*内页产品列表页*/
	.wap-proclass{margin-bottom: 30px}
	.wap-proclass ul li{ width: calc(100% / 2 - 2%); margin-bottom: 2%}
	.pro-position{display: none}
	.product-list ul li{ margin-bottom: 20px}
	.product-list ul li .name{padding: 4% 2%}
	.product-list ul li .name img{display: none}
	.product-list ul li h3{font-size: 15px; width: 100%}


	/*内页新闻列表页*/
	.nynews-list ul{width: 100%}
	.nynews-list ul li{ margin-right: 0; width: 100%; padding: 25px 2% 20px; margin-bottom: 25px}
	.nynews-list ul li .pic{margin-bottom: 25px}
	.nynews-list ul li .info strong{font-size: 16px}
	.nynews-list ul li .info p{margin-bottom: 19px}

	/*内页新闻详情页*/
	.news-left{padding: 35px 3%}
	.newsxq-title h3{font-size: 18px; line-height: 30px}
	.newsxq-title span{font-size: 14px; margin-right: 15px}
	.news-arrow a{font-size: 16px}


	/*联系我们*/
	.contact-list{margin: 45px 0}
	.contact-list dl.item1 b{font-size: 20px}
	.contact-list dl.item1 span{font-size: 17px}
	.contact-list dl.item2 strong{font-size: 20px}
	.contact-list dl.item2 p{font-size: 16px; line-height: 35px}
	.contact-list dl.item3 b{font-size: 20px}
	.contact-list dl.item2{padding-left: 4%}
	.contact-list dl.item1{padding-left: 3%}
	.contact-list dl.item1 a{font-size: 16px; width: 180px}
	.contact-list dl.item1 img{width: 25px}
	.contact-list dl.item3 span{font-size: 16px}



	/*产品详情页*/
	.proxq-details{padding-bottom: 0}
	#proxq-prev, #proxq-next{display:none;}
	#proxq-num{display: block;}
	.pro-info{margin-bottom: 10px;}
	.pro-info h3{font-size: 20px; margin-bottom: 5px;}
	.pro-info em{width: 100%;margin-bottom: 20px;}
	.pro-info a{font-size: 17px; line-height: 48px;}
	.pro-info .tel{ height: 48px; line-height: 48px; width: 65%}
	.pro-info .tel img{display: none;}
	.pro-info .tel strong{font-size: 17px}
	.pro-icon ul li{margin-right: 0; width: 50%; margin-bottom: 25px}
	.details-title em{font-size: 20px; }
	.details-title span{font-size: 14px; margin-left: 8px;}
	.table1{width: 100%!important; border-spacing:0;}
	.table1 tr{display: block; margin-bottom: 15px; padding: 10px 0; background: #f2f2f2}
	.table1 tr td{display: block; box-sizing:border-box; padding: 5px 10px!important; width: 100%!important; box-sizing:border-box;}
	.table1 tr td strong>span{font-size: 16px!important}
	.table1 tr td p>span{font-size: 15px!important}


	/*2022.7.27后台编辑框调试*/
	.table-pic2 tr td{display: block; width: 100%!important}
	
	.picx-details p:first-child span>strong>span{display: block; font-size: 18px!important; }
	.picx-details p:nth-child(2)>span{display: block; font-size: 16px!important;line-height: 1.5rem!important; margin-top: 15px;}	
	.picx-details p{line-height: 1rem!important}

	.waprecom-title{margin-bottom: 25px;}
	.waprecom-title em{ font-size: 22px; line-height: 22px; height: 42px;}
	.waprecom-title a{width: 26px; height: 26px;}
	.waprecom-title img{width: 10px;}

	.honor-xq{padding:20px 0 40px}
	#nr-container .nr-title{font-size: 17px!important;}
	.honor-xq img{display: block; max-width: 100%; height: auto!important}
	.honor-line .fl,.honor-line .fr{float: none;}

	.news-arrow .fl,.news-arrow .fr{float: none;}
	.circle-line:before, .circle-line:after{width: 150px}
	.circle-line:before{left: -160px;}
	.circle-line:after{right: -160px;}

	.ny-banner {overflow: hidden;}
	.ny-banner img{width: 150%; margin-left: -15%}
	.staff-pic .pic1,.staff-pic .pic2{width: 100%}


	/*2022.8.26*/
	.wap-ver a,.wap-search img{margin-right: 12px}


		/*2022.9.7*/

	.proclass-box ul li{height: 500px!important}
	.proclass-box ul li.swiper-slide-active{height: auto!important}

}










