@media screen and (min-width:200px)  and  (max-width:1700px)  {
	/*产品中心*/
	.product-list ul li{margin-top: 0}
	.product-list ul li .pic img{width: 100%}

}

@media screen and (min-width:200px)  and  (max-width:1500px)  {
	/*产品中心*/
	.proclass .info strong{display: block; font-size: 26px; line-height: 26px; height: 45px;}
	.proclass .info p{width: 90%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
}


@media screen and (min-width:200px)  and  (max-width:1400px)  {
	.container{max-width: 96%;}

	/*pc端头部*/
	.header .nav ul li{margin-right: 48px}

	/*首页banner*/
	.banner{height: 600px;  }
	.banner .swiper-slide{background-size:125% !important;}


	/*产品中心*/
	.product-list ul li h3{font-size: 15px;}

	/*公司简介*/
	.about-content .info{width: 48%; margin-right: 0}

	/*优势*/
	.ys-num ul li{margin: 0!important; width: 25%}

	/*公共底部*/
	.foot-nav dl{margin-right: 8%}


	/*内页banner*/
	.ny-banner {height: 500px;}


	/*内页产品分类*/
	.ny-proclass ul li{ width: calc(100% / 3 - 4%); padding: 59px 2% 56px; }
	.ny-proclass ul li .arrow{width: 50px;}

	/*内页关于我们*/
	.nyabout-con .pic{margin-right: 4%}
	.nyabout-con .info {width: 46%;margin-top: 50px;}

	/*内页企业文化*/
	.culture-bg ul li{ margin: 0 2.2%;}


	/*内页发展历程*/
	#develop-prev{left: -2%}
	#develop-next{right: -2%; left: auto}

}

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

	/*pc端头部*/
	.header .logo img{margin-right: 30px;}
	.header .nav ul li{margin-right: 42px}

	/*公司简介*/
	.about-content .info{margin-top:50px;}
	.partner-list ul li .pic img{width: 100%}
	
	/*内页企业文化*/
	.culture-bg ul li{ margin: 0 1.6%;}


	.ny-product ul li .info em{text-align: center; float: none; width: 100%}
	.ny-product ul li .info span{float: none; margin: 0 auto;}

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

	/*手机端公共头部*/
	.header{display: none;}
	.wap-header{display: block;height:88px;border-bottom:2px solid #00c1d6;z-index: 99999; background:#fff;z-index: 99999;position: fixed; top: 0; width: 100%}
	.wap-logo img{margin-top: 17px;}
	.search-button{margin-top:29px;margin-right:5px;}
	.wap-nav{margin-top:25px;margin-right:5px;}
	.wap-button span{display: block;width:25px;height:3px; background: #00c1d6;margin:7px 0}
	.search-button img{width:25px;}
	.wap-nav-con,.wap-nav-con1{ position: fixed;top:0;width:100%;left:0;height: 100vh; background: rgba(0,0,0,0.85);display: none;}
	.wap-nav-con ul{margin-top:19%}
	.wap-nav-con ul li a{display: block;color:#fff;text-align: center;font-size: 1.1rem !important;font-weight:bold;margin:3rem 0}
	.wap-nav-con .wap-close,.wap-nav-con1 .wap-close1{font-size:30px;color:#fff; position: absolute;top:2%;right:2%;}
	.search-form{margin-top:45%}
	.search-form input{display: block;}
	.search-form input.search-text{width: 90%;margin:10px auto;height:50px;background: #fff;border:none;border-radius:2px;text-align: center;}
	.search-form input.search-sub{width: 90%;margin:20px auto;background: #00c1d6;border:none;border-radius:2px;color:#fff;height:50px;line-height:50px;text-align: center;}
	.wapheader-zw{height: 90px;}

	.wap-ver img{display: inline-block; margin-right: 5px; margin-top: 21.5px;}

	/*首页banner*/
	.banner{height: 360px; }
	#banner-up{display: none;}
	#banner-num {display: block;}


	/*选择群基的4大优势*/
	.index-title span{font-size: 95px}
	.ys-list ul{margin-bottom: 57px;}
	.ys-list ul li{padding: 31px 2.8%; height: 200px;}


	/*产品中心*/
	.proclass{float: none; width: 100%; background: url(../images/proclass-pic.jpg) no-repeat center; padding: 30px 0; background-size: cover;}
	.proclass img{display: none;}
	.proclass .info{position: relative; top: 0;transform:none;}
	.proclass .info p{text-align: center; margin: 0 auto 25px;}
	.proclass .info p img{display: block; width: 100%}
	.product-list{float: none; width: 100%}
	.product-list ul li{padding-bottom: 20px;}


	/*公司简介*/
	.about-content .info{margin-top: 32px;}
	.about-content .info p{    -webkit-line-clamp: unset;}


	/*公共底部*/
	.foot{padding: 30px 0 20px;}
	.foot-nav{display: none;}
	.foot-wechat{float: none; text-align: center;}
	.foot-wechat ul li{float: none; display: inline-block; margin: 0 12px;}
	.foot-copy{padding: 10px 0}
	.foot-copy p{line-height: 24px;}

	/*内页banner*/
	.ny-banner {height: 300px; background-size: 125%}


	/*内页最新新闻列表页*/
	.latest-list ul{width: calc(100% + 20px)}
	.latest-list ul li{ width: calc(100% / 3 - 20px - 3%);  margin-right: 20px;}
	
	/*内页新闻列表页*/
	.nynews-list ul{width: calc(100% + 20px)}
	.nynews-list ul li{float: left; width: calc(100% / 2 - 20px - 3%); margin-right: 20px; margin-bottom: 20px;}
	.nynews-list ul li .info em{margin: 9px 0}


	/*内页关于我们*/
	.round-pic{display: none;}
	.nyabout-con .info b{display: none;}

	/*内页企业文化*/
	.nyabout-title span{font-size: 50px;}
	.culture-bg ul li{margin: 0 calc((100% - 800px) / 5 / 2); float: left; display: block;}
	.culture-bg ul li .big-icon{width: 160px; height: 160px;}
	.culture-bg ul li .icon{width: 140px; height: 140px; }
	
	.culture-bg ul li img{padding: 15px 0; }

	.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;}


		.contact-left{width: 52%}
	.contact-tel dl{width: calc(100% + 2%)}
	.contact-tel dl dd{margin-right: 2%; width: calc(100% / 2 - 2%)}
	.contact-tel dl dd img {margin-right: 10px;}
	.contact-tel dl dd .text{width: calc(100% - 57px)}
	.contact-tel dl dd:nth-child(5),.contact-tel dl dd:nth-child(6){width: 100%}
}


@media screen and (min-width:200px)  and  (max-width:1149px)  {
	.pro-xiangqing .propic-big{width: 100%!important;}
}
@media screen and (min-width:200px)  and  (max-width:1100px)  {
	/*内页关于我们*/
	.nyabout-con .info{margin-top: 14px;}
	.proxq-bigpic{width: 100%}
}

@media screen and (min-width:200px)  and  (max-width:986px)  {
	.proxq-img{width: 100%}
}

@media screen and (min-width:200px)  and  (max-width:960px)  {
	/*首页banner*/
	.banner{height:300px;}
	.banner .swiper-slide{background-size:140% !important;}


	/*选择群基的4大优势*/
	.index-title span{font-size: 75px;}
	.ys-list ul{margin-bottom: 30px;}
	.ys-list ul{width: calc(100% + 30px)}
	.ys-list ul li{padding: 31px 2.8%;  margin-right: 30px; width: calc(100% / 2 - 30px - 5.6%)}
	.ys-content .ys-pic{display: none;}
	

	/*公司简介*/
	.about-content .pic,.about-content .info{float: none; width: 100%; text-align: center;}
	.about-content .info span{margin-bottom: 15px;}
	.about-content .info p{margin-bottom: 30px;}
	.about-content .info a{margin: 0 auto 40px;}


	/*优势*/
	.ys-num ul li span{line-height: 36px; font-size: 14px;}
	.ys-num ul li abbr{font-size: 36px;}


	/*内页banner*/
	.ny-banner {height: 250px; background-size: 150%}


	/*内页产品列表页*/
	.ny-product ul{width: calc(100% + 13px)}
	.ny-product ul li{width: calc(100% / 3 - 13px); margin-bottom: 25px;}

	/*内页新闻列表页*/
	.nynews-list ul{width: 100%}
	.nynews-list ul li{float: left; width: 97%; margin-right: 0px; margin-bottom: 20px;}
	.nynews-list ul li .info em {margin: 22px 0 9px;}
	
	/*内页关于我们*/
	.nyabout-con .pic,.nyabout-con .info{width: 100%; float: none; text-align: center;}
	.nyabout-con .pic{margin-right: 0}

	/*内页企业文化*/
	.culture-bg{padding: 30px 0 10px;}
	.culture-bg ul li{margin: 0 calc((100% - 480px) / 3 / 2); float: left; margin-bottom: 20px;}


	/*内页联系我们*/
	.contact-btn ul{width: calc(100% + 10px)}
	.contact-btn ul li{display: block; float: left; margin: 0 10px 0 0; width: calc(100% / 4 - 12px)}
	.contact-left{float: none; width: 100%}
	.contact-tel dl dd{width: 50%; margin-right: 0}

	.contact-right{float: none; width: 100%}
	.contact-right h2{ text-align: center;}


	/*后台编辑框*/
	.pro-table {width: 100%!important;}
	.pro-table tr td{ width: 50%!important;}
	.pro-table tr td img{display: block; width: 100%!important;}

	.pro-xiangqing1 img{width: 100%!important;}
	
}
@media screen and (min-width:200px)  and  (max-width:853px)  {
	.pro-img3 img{width: 100%!important;}
}


@media screen and (min-width:200px)  and  (max-width:807px)  {
	.proxq-img2{width: 100%}
}

@media screen and (min-width:200px)  and  (max-width:768px)  {
	
	.index-title span{font-size: 63px!important;}
	
	/*给我们留言*/
	.message{padding: 28px 0}
	.message .index-title{margin-bottom: 30px;}
	.message-form{width: 100%;}
	.message-form .text{float: none; margin-right: 0px; width: 100%; margin-bottom: 20px;}
	.message-form .text input, .message-form .text textarea{font-size: 15px; line-height: 50px; height: 50px;}
	
	/*内页关于我们*/
	.nyabout{padding: 30px 0 0;}
	.nyabout-btn{display: none; }
	.wapnyabout-btn{display: block; max-width: 96%; margin: 0 auto 20px; border-radius: 4px;}
	.wapnyabout-btn ul{width: calc(100% + 10px)}
	.wapnyabout-btn ul li{float: left; width: calc(100% / 2 - 10px); margin-right: 10px; margin-bottom: 10px;}
	.wapnyabout-btn ul li a{display: block; background: #f2f2f2; font-size: 16px; line-height: 45px; text-align: center;}
	.wapnyabout-btn ul li.on a,.wapnyabout-btn ul li:hover a{background: #00aec3; color: #fff;}

	/*内页联系我们*/
	
	.contact-tel dl dd{width: 100%; margin-bottom: 15px;}
	.contact-tel dl dd img{width: 40px; }
	.contact-tel dl dd span{font-size: 18px;}
	.contact-tel dl dd:last-child span{font-size: 15px;}


	.pro-xiangqing img{width: 100%!important;}
}



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

	/*手机端公共头部*/
	.wap-header{display: block;height:68px;}
	.wapheader-zw{height: 70px;}
	.wap-logo img{height: 40px; margin-top: 14px;}
	.wap-nav{margin-top: 15px;}
	.search-button{margin-top: 19px;}

	/*首页banner*/
	.banner{height: 200px;}
	#banner-num .swiper-pagination-bullet{width: 10px; height: 10px;}

	/*选择群基的4大优势*/
	.index-title span{display: none;}
	.index-title strong{position: relative; font-size: 22px; height: 50px}
	.ys{padding: 20px 0;}
	.ys .index-title{margin-bottom: 30px;}
	.ys-list ul{width: 100%; margin-bottom: 0}
	.ys-list ul li{padding: 25px 2% 15px;  margin-right: 0px; width: 96%; margin-bottom: 20px; height: auto;}
	.ys-list ul li strong{font-size: 18px; margin-bottom: 0px;}

	
	/*产品中心*/
	.product{margin-top: 35px;}
	.proclass .info strong{font-size: 22px;}

	/*公司简介*/
	.about{padding-bottom: 45px;}
	.about .index-title{margin-bottom: 30px;}
	.about-content .info{margin-top: 23px;}
	.about-content .info h2{font-size: 20px; line-height: 20px;}
	.about-content .info span{font-size: 12px; margin-bottom: 5px;}
	.about-content .info p{margin-bottom: 25px; line-height: 26px;}
	.about-content .info a{margin: 0 auto 30px;}

	/*优势*/
	.ysbg{margin-bottom: 25px; padding: 40px 0 0; background-size: cover}
	.ys-num ul li{width: 50%; margin-bottom: 35px!important;}
	.ys-num ul li .icon{ width: 80px; height: 80px; background: #fff; margin: 0 auto 20px;}
	.ys-num ul li .icon:after{width: 90px;height: 90px;top: -5px;left: -5px;}
	.ys-num ul li img{width: 30px;}
	.ys-num ul li span{font-size: 12px; line-height: 27px;}
	.ys-num ul li abbr{font-size: 22px;}


	/*新闻资讯*/
	.news{margin-bottom: 40px;}
	.news .index-title{margin-bottom: 30px;}
	.news .index-title h3{line-height: 20px; margin-top: 16px;}
	.news-list ul li .info strong{font-size: 15px;}
	.news-list ul li:hover .info strong{line-height: 38px;}

	
	
	/*内页banner*/
	.ny-banner {height: 180px; background-size: 200%;}


	/*内页产品分类*/
	.ny-proclass{margin-bottom: 20px;}
	.ny-proclass ul li{ width: 96%; padding: 59px 2% 56px; margin-bottom: 20px;    padding: 32px 2% 56px;}
	.ny-proclass ul li .icon{width: 50px;}


	/*内页产品列表页*/
	.ny-product{margin-bottom: 50px;}
	.ny-product ul{width: calc(100% + 10px)}
	.ny-product ul li{width: calc(100% / 2 - 10px); margin-bottom: 15px; margin-right: 10px;}
	.ny-product ul li .info em{font-size: 15px; line-height: 30px;}
	.ny-product ul li .info span{width: 70px; font-size: 12px; margin: 0 auto; line-height: 30px;}


	/*内页最新新闻列表页*/
	.latest-news{ padding: 30px 0 20px; margin-bottom: 50px;}
	.news-btn{margin-bottom: 30px;}
	.news-btn ul li{margin: 0 6px; font-size: 16px; line-height: 45px; width: 140px;}
	.latest-list ul{width: calc(100% + 8px)}
	.latest-list ul li{ width: calc(100% / 2 - 3% - 8px);  margin-right: 8px; margin-bottom: 16px;}
	.latest-list ul li .info{padding: 7% 2% 4%}
	.latest-list ul li .info em{font-size: 0.8rem; margin-bottom: 0.2rem}
	.latest-list ul li .info p{font-size: 0.6rem;line-height: 1.2rem; margin-bottom: 0.2rem}
	.latest-list ul li .info span{font-size: 0.6rem}
	.latest-list ul li .info span:nth-child(2){display: none;}
	.latest-list ul li:last-child{display: block;}

	/*内页新闻列表页*/
	.nynews-list{margin-bottom: 60px;}
	.nynews-list ul li .pic{float: left; width: 36%}
	.nynews-list ul li .info{float: right; padding: 0; width: 60%}
	.nynews-list ul li .info em{font-size: 0.8rem; margin: 0 0 0.2rem}
	.nynews-list ul li .info p{font-size: 0.6rem;line-height: 1.2rem; margin-bottom: 0.2rem}
	.nynews-list ul li .info span{font-size: 0.6rem}
	.nynews-list ul li .info span:nth-child(2){display: none;}


	/*内页关于我们*/
	.nyabout-con{margin-bottom: 40px;}
	.nyabout-con .info{margin-top: 20px;}
	.nyabout-con .info strong{font-size: 20px; margin-bottom: 0}
	.nyabout-con .info span{font-size: 13px; margin-bottom: 7px;}

	/*内页企业文化*/
	.nyabout-title span{display: none;}
	.nyabout-title strong{position: relative; font-size: 22px;background-size: 50%; line-height: 22px;}
	.culture{margin-bottom: 10px;}
	.culture .nyabout-title{margin-bottom: 30px}
	.culture-bg{background-size: cover}
	.culture-bg ul li .big-icon{width: 120px; height: 120px;}
	.culture-bg ul li .icon{width: 100px; height: 100px; }
	.culture-bg ul li{margin: 0 calc((100% - 240px) / 2 / 2); float: left; margin-bottom: 20px;}
	.culture-bg ul li img{width: 35px; padding: 7px 0 0}
	.culture-bg ul li strong{font-size: 16px; margin-bottom: 0}


	/*内页发展历程*/
	.develop{margin-bottom: 50px;}
	.develop .nyabout-title{margin-bottom: 30px;}
	.develop-list,#develop-prev, #develop-next{display: none;}
	.wap-develop{display: block;height: 340px; overflow-y: scroll;}
	.wap-develop ul li{float: left; margin-bottom: 20px; width: 100%}
	.wap-develop ul li em{float: left; display: block; background: url(../images/wap-develop.png) no-repeat center; width: 70px; height: 70px; font-size: 18px; line-height: 70px; color: #fff; text-align: center; background-size: cover; margin-right: 10px;}
	.wap-develop ul li h3{float: left; display: block; font-size: 15px;line-height: 25px;  margin-top: 10px; width: calc(100% - 80px)}
	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
    .wap-develop::-webkit-scrollbar  
    {  
        width: 7px;  /*滚动条宽度*/
        height: 7px;  /*滚动条高度*/
    }  
      
    /*定义滚动条轨道 内阴影+圆角*/  
    .wap-develop::-webkit-scrollbar-track  
    {  
        background-color: #ccc;/*滚动条的背景颜色*/  
    }  
      
    /*定义滑块 内阴影+圆角*/  
    .wap-develop::-webkit-scrollbar-thumb  
    {  
        background-color: #00aec3;  /*滚动条的背景颜色*/
    }

    /*设备展示*/
	.equipment{ padding: 30px 0;}
	.equipment .nyabout-title{margin-bottom: 30px;}

	/*内页联系我们*/
	.nycontact{padding: 40px 0;}
	.contact-btn{margin-bottom: 40px;}
	.contact-btn ul li{display: block; float: left; margin: 0 10px 0 0; width: calc(100% / 2 - 12px); margin-bottom: 10px; font-size: 16px;}
	.contact-title{margin-bottom: 36px;}
	.contact-title em{font-size: 22px; line-height: 22px; margin-bottom: 10px}
	.contact-title span{font-size: 13px; line-height: 18px; height: 42px;}
	.contact-wechat ul li{margin-right: 5px;}

	.contact-right h2{font-size: 20px;}

	
	.contact-form .text input{line-height: 45px; height: 45px; margin-bottom: 15px;}
	.contact-form .text textarea{margin-bottom: 30px}
	.submit-contact input{margin: 0 auto;}


	.contact-wechat ul li img{width: 117px;}
	.contact-wechat ul li em{line-height: 29px; margin-top: 12px;}

	
	.table-image{display: block; width: 100%}

	.ny-proclass ul li strong{height: 54px;}
	.ny-proclass ul li span{display: block; margin-left: 0; margin-top: 5px;}

	/*后台编辑框*/
	.pro-table tr td{display: block!important; width: 100%!important;}
	.pro-table strong{font-size: 18px!important;;}
	.pro-text{font-size: 20px!important;; line-height: 27px!important;}

	.span-size{font-size: 18px!important;}


	/*2022.2.25新闻详情图片*/
	.news-xq img{display: block; width: 100%}


}