﻿@media screen and (min-width:200px)  and  (max-width:1800px)  {
	/*PC端公共头部*/
	.container-s{max-width: 96%;}
	
}


@media screen and (min-width:200px)  and  (max-width:1700px)  {
	/*PC端公共头部*/
	.header .logo{margin: 0 8% 0 3%;}
	.header .nav ul li{margin-right: 6px}
	.header .nav ul li>a{padding: 0 25px;}

	/*蜂窝产品*/
	.product-list ul li .info strong{margin-top: 30px}

	/*蜂窝应用*/
	#index-prev{left: 0}
	#index-next{ right: 0}
	
}



@media screen and (min-width:200px)  and  (max-width:1600px)  {
	#honor-prev{left: 0}
	#honor-next{right: 0}

}

@media screen and (min-width:200px)  and  (max-width:1537px)  {
	/*PC端公共头部*/
	.container{max-width: 96%;}

	/*蜂窝产品*/
	.index-title p{width: 52%;}
	.product-list ul li .info p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 20px 0}
	
	/*蜂窝应用*/
	#index-prev{left: -2%}
	#index-next{ right: -2%}

	/*公共底部*/
	.foot-nav ul li a{margin-right: 76px;}

	/*关于我们*/
	.about-banner .info{width: 96%}
	.develop-info p{width: 62%; margin-right: 0}
	#honor-prev{left: -2%}
	#honor-next{right: -2%}
}


@media screen and (min-width:200px)  and  (max-width:1500px)  {
	/*PC端公共头部*/
	.header .logo {margin: 0 7% 0 3%;}
	.header .nav ul li>a{padding: 0 15px;}

}


@media screen and (min-width:200px)  and  (max-width:1428px)  {
	/*内页产品列表页*/
	.ny-product .container{max-width: 96%}

}

@media screen and (min-width:200px)  and  (max-width:1400px)  {
	/*蜂窝产品*/
	.product-list ul li .info{padding-left: 5%; width: 95%}
	.product-list ul li .info strong{font-size: 18px; line-height: 18px; height: 38px;}
	.product-list ul li .info p{margin: 15px 0}

	/*蜂窝应用*/
	.app-list ul li .text{top: 58%}

	/*关于我们*/
	.factory ul li:last-child .info{padding-left: 2.6%}

}


@media screen and (min-width:200px)  and  (max-width:1300px)  {
	/*PC端公共头部*/
	.header .logo {margin: 0 3% 0 3%;}
	.header .tel{padding: 0 1%}
	.header .tel b img{display: none;}

	/*蜂窝产品*/
	.product-list ul li .info p {margin: 6px 0;}

	/*公共底部*/
	.foot-nav ul li a{margin-right: 46px;}


	/*关于我们*/
	.develop-info span{font-size: 70px;}
	.develop-list{top: 68px;}


}





@media screen and (min-width:200px)  and  (max-width:1200px)  {
	.rc-list{display: none;}
	.recurit-list dl dd,.recurit-title ul li{width:calc(100%/4);font-size:15px;}
	.recurit-list dl dd:nth-child(5){display: none;}
	#nr-container{width:96% !important;margin:0 auto;padding:2% !important}
	/*手机端公共头部*/
	.header,.header-zw{display: none;}
	.wap-header{display: block; height: 68px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 99;}
	.wap-header .logo h1{line-height: 0}
	.wap-header .logo a{display: block;}
	.wap-header .logo img{display: inline-block; width: 140px; margin-right: 12px; margin-top: 8px;}
	.wap-click { padding: 11px 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-header .ver {margin-top: 0;}
	.wap-header .ver img {display: block;margin-top: 21.5px;margin-right: 18px;}
	.wap-search img{display: block; margin-top: 24px; margin-right: 18px;}
	.wap-nav{position: fixed; top: 68px; 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: 50px;transition: all .6s;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #02903c;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide dd{border-bottom: 1px dashed #eee;}
	.wap-nav .wap-hide dd a{text-indent:75px;line-height:45px}
	.wap-headerzw{height: 68px;}
	
	.seach-form{display: none;}
	.seach-form form{ position: absolute;top:80px; 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;}
	.seach-form  .f-submit{width:80px; background: #02903c;color:#fff}


	/*首页banner*/
	.banner{height: 300px; }
	.banner .swiper-slide{background-size:100% !important;}
	.banner .banner-text img{width: 45%}
	#banner-num{bottom: 3%}
	#banner-num .swiper-pagination-bullet{width: 6px; height: 6px;}

	/*蜂窝产品*/
	.index-title p{width: 80%;}
	.product-list ul li:hover .info{bottom: -100%; transition:0.6s; }
	.product-list ul li:hover .pic em{opacity: 1;}


	/*蜂窝应用*/
	#index-prev,#index-next{display: none;}
	#app-num{display: block; bottom: -40px;}


	/*鸿赞蜂窝*/
	.ys-list ul li p{width: 80%; }


	/*资讯中心*/
	#news-num{display: block; bottom: -35px;}


	/*公共底部*/
	.foot{display: none;}
	.wap-copy{display: block; background: #2d2d2d; padding: 10px 0;}
	.wap-copy p{ color: #bababa; text-align: center;}
	.wap-copy p a{color: #bababa}
	.wap-copy p a:hover{color: #fff;}
	.wap-copy p a:first-child{margin-right: 12px;}
	
	/*手机端客服*/
	.wap-footzw,.wap-foot{display: block;}
	.wap-footzw{height: 63px;}
	.wap-foot {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height:63px;background: #02903c;z-index: 66;box-shadow: 0 -4px 7px rgba(0,0,0,0.15);z-index: 9999999;}
	.wap-foot li {box-sizing: border-box;width: 33.33%;float: left;text-align: center;padding:10px 0;border-right: 1px solid rgba(255,255,255, 0.2);}
	.wap-foot li .ico7 {width: 100%;float: left;height: 20px;}
	.wap-foot li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center;   background-size: 20px 20px;}
	.wap-foot li .name {font-weight: bold;width: 100%;float: left;margin-top: 7px;font-size: 1rem;color: #fff;line-height: 1rem;}

	/*内页banner*/
	.ny-banner{height: 300px; background-size: 150%;}
	
	/*内页产品列表页*/
	.ny-right{width: calc(100% - 222px - 30px); overflow: hidden;}


	/*内页蜂窝应用列表页*/
	.nyapp-list ul li .text p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	/*关于我们*/
	.about-banner .text h2, .about-banner .text h3{font-size: 22px; line-height: 22px;}
	.about-banner .info p{font-size: 16px; margin-top: 30px;}

	.nyabout .ctitle1 li{width: calc(100% / 6); text-align: center;}
	.nyabout .ctitle1 li a{padding: 0}

	.develop-info{display: none;}
	#develop-prev,#develop-next{display: none;}
	.develop-content{display: none;}
	.wap-develop{display: block; padding-top: 45px; }
	.wapdevelop-title{text-align: center;margin-bottom: 30px;}
	.wapdevelop-title strong{display: block; font-size: 30px; line-height: 30px; color: #333333; margin-bottom: 6px; font-weight: normal;}
	.wapdevelop-title span{display: block; color: #777777;  text-transform: uppercase;}
	.wap-developlist{height: 400px; overflow-y:scroll;}
	.wap-developlist ul{}
	.wap-developlist ul li{background: url(../images/developlist-line.jpg) repeat-y 12px top; padding-bottom: 30px;}
	.wap-developlist ul li .line{float: left; margin-right: 26px; margin-left: 6px; margin-top: 6px}
	.wap-developlist ul li .line i{display: block; width: 12px; height: 12px; background: #02903c; border-radius: 50%; position: relative;}
	.wap-developlist ul li .line i:before {content: '';display: block;width: 12px;height: 12px;border-radius: 50%;opacity: .7;background-color: #02903c;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);}
	@keyframes scaless {
	    0% {
	        transform: scale(1)
	    }

	    50%,
	    75% {
	        transform: scale(2)
	    }

	    78%,
	    100% {
	        opacity: 0
	    }
	}  
	.wap-developlist ul li .info{float: left; width: calc(100% - 44px)}
	.wap-developlist ul li .info strong{display: block; font-size: 30px; color: #02903c; font-family: arial; line-height: 24px; margin-bottom: 14px;}
	.wap-developlist ul li .info em{display: block; line-height: 24px; color: #333; margin-bottom: 8px;}
	.wap-developlist ul li .info span{display: block; font-size: 12px; line-height: 20px; color: #999999; }

		/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
	.wap-developlist::-webkit-scrollbar  
	{  
	    width: 7px;  /*滚动条宽度*/
	    height: 7px;  /*滚动条高度*/
	}  
	  
	/*定义滚动条轨道 内阴影+圆角*/  
	.wap-developlist::-webkit-scrollbar-track  
	{  
	    background-color: #ccc;/*滚动条的背景颜色*/  
	}  
	  
	/*定义滑块 内阴影+圆角*/  
	.wap-developlist::-webkit-scrollbar-thumb  
	{  
	    background-color: #02903c;  滚动条的背景颜色
	}

	#honor-prev,#honor-next{display: none;}
	.honor-content{margin-bottom: 50px;}
	#honor-num{display: block; bottom: -35px;}


	/*产品详情页*/
	.ny-pro-xq .pro1 .pro-list-pic{display: none;}
	.pro-lunbo{display: block;}
	.ny-pro-xq .pro1 .descript1{width: 100%}
	.ny-pro-xq .pro1 .descript1 strong.title1{text-align: center;}
	.zx-a{text-align: center;}
	.ny-pro-xq .pro1 .descript1 p{font-size: 15px;}
	.ny-pro-xq .pro1 .descript1 a{display: inline-block; width: 150px; line-height: 45px; font-size: 16px;}

	.infor{display: none;}
	.wap-proinfo{display: block;}


	.ny-pro-xq .detail img{display: block; width: 100%}
	.ny-pro-xq .detail .title-icon{display: block; width: auto;}

	
	/*后台编辑框*/
	.about-editbox img{display: block; width: 100%}


	.contact-table img{display: inline-block; width: auto;}
	.contact-table tr td{display: block; width: 100%}
	.contact-table tr:first-child td:nth-child(2) img{display: none;}
	.contact-table a,.contact-table a span {font-size: 14px!important;}
	.contact-table a span{margin-left: 0!important; }
	.contact-table p span{margin-left: 0!important; }


	/*首页banner*/
	.banner{display: none;}
	.wap-banner{display: block; position: relative; overflow: hidden;}
	.wap-banner img{display: block; width: 100%}
	#wapbanner-num{bottom: 2%}


}


@media screen and (min-width:200px)  and  (max-width:960px)  {
	/*首页banner*/
	.banner{height:250px;}
	.banner .swiper-slide{background-size:140% !important;}

	/*蜂窝产品*/
	.product-list{display: none;}
	.wap-productlist{display: block; overflow: hidden;}
	.wap-productlist ul{width: calc(100% + 15px)}
	.wap-productlist ul li{float: left; width: calc(100% / 2 - 15px); margin-right: 15px; margin-bottom: 15px;}
	.wap-productlist ul li .pic img{display: block; width: 100%}
	.wap-productlist ul li em{display: block; background: #f5f5f5; font-size: 15px; line-height: 45px; color: #333; text-align: center;}

	/*蜂窝应用*/
	.app-list ul li:hover .text{opacity: 1;}
	.app-list ul li:hover .info{opacity: 0;}


	/*鸿赞蜂窝*/
	.ys-list ul li p{width: 96%; }


	/*内页banner*/
	.ny-banner{height: 250px; background-size: 165%;}

	/*内页产品列表页*/
	.ny-product .ny-left{display: none;}
	.wappro-class{display: block; overflow: hidden; margin-bottom: 20px;}
	.wappro-class ul{width: calc(100% + 10px)}
	.wappro-class ul li{float: left; margin-right: 10px; margin-bottom: 10px; width: calc(100% / 2 - 10px);}
	.wappro-class ul li a{display: block; background: #f5f5f5; font-size: 15px; line-height: 45px; color: #333; text-align: center;}
	.ny-product .ny-right{float: none; width: 100%}
	.ny-productlist ul{width: calc(100% + 20px)}
	.ny-productlist ul li{margin-right: 20px; margin-bottom: 20px; width: calc(100% / 3 - 20px);}


	/*内页蜂窝应用列表页*/
	.nyapp-list ul{width: calc(100% + 15px)}
	.nyapp-list ul li{float: left; margin-right: 15px; margin-bottom: 15px; width: calc(100% / 3 - 15px)}

	/*内页资讯中心列表页*/
	.nynews-list ul{width: calc(100% + 15px)}
	.nynews-list ul li{ margin-right: 15px; margin-bottom: 15px; width: calc(100% / 3 - 15px)}


	
	/*内页证书列表页*/
	.nyhonor-list ul {width: calc(100% + 15px)}
	.nyhonor-list ul li{float: left; margin-right: 15px; width: calc(100% / 3 - 15px); margin-bottom: 15px;}
	.pic-list{border:1px solid #eee}
	.pic-list,.ny-app-xq .descript1{float:none;width:100%;}

	.ny-app-xq .descript1 img ,.wap-proinfo img{width: 100% !important;height: auto !important;}
}




@media screen and (min-width:200px)  and  (max-width:768px)  {	
	/*内页banner*/
	.ny-banner{height: 200px; background-size: 160%;}

	/*蜂窝产品*/
	.index-title p{width: 100%;}


	/*关于我们*/
	.about ul li span{font-size: 30px; margin-bottom: 5px;}
	.about ul li em,.about ul li i{font-size: 14px;}

	/*内页banner*/
	.ny-banner{height: 200px; background-size: 140%;}

	/*内页产品列表页*/
	.ny-productlist ul li .info em{line-height: 55px;background: none;}

	/*内页资讯中心列表页*/
	.nynews-list ul{width: calc(100% + 10px)}
	.nynews-list ul li{ margin-right: 10px; margin-bottom: 10px; width: calc(100% / 2 - 10px)}

}



@media screen and (min-width:200px)  and  (max-width:640px)  {
	

	/*蜂窝产品*/
	.index-title em{font-size: 22px; line-height: 22px; height: 40px;}
	.index-title p{line-height: 24px; margin: 12px auto 0; font-size: 13px;}
	.product{padding: 30px 0}
	.product .index-title{margin-bottom: 25px;}

	/*蜂窝产品*/
	.ys{height: 420px;}
	.ys-list ul li img{width: 50px;}
	.ys-list ul li p{line-height: 24px;}

	/*蜂窝应用*/
	.app .index-title{margin-bottom: 30px;}


	/*关于我们*/
	.about{height: 490px}
	.about ul{padding-top:120px}
	.about ul li{ width: 50%; margin-bottom: 26px;}
	.about ul li img{width: 50px; margin: 0 auto 10px;}
	.about ul li span{font-size: 22px; line-height: 22px;}
	.about ul li em{font-size: 12px;}
	.about ul li h2{font-size: 15px;}

	/*资讯中心*/
	.news{padding-bottom: 40px;}
	.news .index-title{margin-bottom: 30px;}

	/*内页banner*/
	.ny-banner{height: 150px; background-size:250%;}


	/*内页产品列表页*/
	.ny-product{padding: 30px 0 50px;}
	.ny-productlist ul{width: calc(100% + 10px)}
	.ny-productlist ul li{margin-right: 10px; margin-bottom: 10px; width: calc(100% / 2 - 10px);}
	.ny-productlist ul li .info em{font-size: 15px; line-height: 45px;}


	/*内页蜂窝应用列表页*/
	.ny-main{padding: 30px 0 50px;}
	.nyapp-list ul{width: calc(100% + 10px)}
	.nyapp-list ul li{float: left; margin-right: 10px; margin-bottom: 10px; width: calc(100% / 2 - 10px)}


	/*内页资讯中心列表页*/
	.nynews-list ul{width: 100%}
	.nynews-list ul li{width: 100%; margin-right: 0}
	.nynews-list ul li .pic{float: left; width: 40%}
	.nynews-list ul li .info{float: left; padding: 0 2%; width: 56%;}
	.nynews-list ul li .info strong{font-size: 0.8rem; margin: 3px 0;}
	.nynews-list ul li .info p{font-size: 0.6rem; line-height: 1rem; margin-bottom: 3px;text-align: justify;}
	.nynews-list ul li .info em{font-size: 0.6rem;}
	.nynews-list ul li .info img{display: none;}


	/*关于我们*/
	.about-banner .text h2, .about-banner .text h3{font-size: 14px; line-height: 14px;}
	.about-banner .text h2{margin-bottom: 8px;}
	.about-banner .info p{display: none;}
	.nyabout{padding: 10px 0 0}
	.nyabout .ctitle1{width: calc(100% + 10px)}
	.nyabout .ctitle1 li{width: calc(100% / 2 - 10px);  margin-bottom: 10px; margin-right: 10px}
	.nyabout .ctitle1 li a{border-right: none; font-size: 15px; line-height: 45px;}
	.nyabout .ctitle1 li a{background: #fff}

	.wapdevelop-title strong{font-size: 22px; line-height: 22px;}
	.wap-developlist ul li .info strong{font-size: 24px; margin-bottom: 6px;}

	.honor{padding: 30px 0;}
	.honor-title{margin-bottom: 20px;}
	.honor-title em{font-size: 22px; line-height: 22px; margin-bottom: 3px;}

	.factory ul li{ text-align: center;}
	.factory ul li:first-child{margin-bottom: 20px;}
	.factory ul li .pic,.factory ul li .info{float: none!important; width: 100%; height: 130px;}
	.factory ul li .pic{background-size: 100%!important;}
	.factory ul li .info{padding: 20px 2%!important; height: auto;}
	.factory ul li .info strong{font-size: 20px;}
	.factory ul li .info span{font-size: 12px; margin-bottom: 12px;}
	.factory ul li .info p{font-size: 14px; line-height: 24px; margin-bottom: 22px;}
	.about-more{text-align: left; margin: 0 auto; width: 140px;    text-indent: 24px;}
	.about-more:after{right: 18px;}
	.about-more:hover {text-indent: 44px;}

	.talent{height: auto; padding: 35px 0}
	.talent em{font-size: 22px; line-height: 22px; margin-bottom: 3px; padding-top: 0}
	.talent span{margin-bottom: 20px;}
	.talent p{width: 100%; font-size: 15px; line-height: 26px;}
	.talent a{width: 140px;}


	/*内页证书列表页*/
	.nyhonor-list ul {width: calc(100% + 10px)}
	.nyhonor-list ul li{float: left; margin-right: 10px; width: calc(100% / 2 - 10px); margin-bottom: 10px; }




}





@media screen and (min-width:200px)  and  (max-width:500px)  {
	/*蜂窝应用*/
	.app-list ul li .text{top: auto; bottom: 10px; }
	.app-list ul li .text p{display: none;}
	.app-list ul li .text em{margin-bottom: 0; font-size: 16px;    margin-bottom:10px;}


	/*内页banner*/
	.ny-banner {height: 114px;background-size: 165%;}
	.appxq .returnbt{float:none!important; bottom:0!important;margin:0 !important;margin-top:40px!important}
	
	
}





