﻿@media screen and (min-width:200px)  and  (max-width:1876px)  {
	/*PC端公共头部*/
	.container-s{max-width: 97%;}
	.header .logo {margin-right: 5%;}
	.search{margin-right: 3%}
	.ver{margin-right: 0; }
}

@media screen and (min-width:200px)  and  (max-width:1800px)  {
	/*PC端公共头部*/
	.header .logo {margin-right: 3%;}
	.header .nav ul li{margin-right: 20px}
}


@media screen and (min-width:200px)  and  (max-width:1712px)  {
	/*推荐产品*/
	#index-prev{ left: -33px;}
	#index-next{ right: -33px;}
}


@media screen and (min-width:200px)  and  (max-width:1600px)  {
	/*PC端公共头部*/
	.container{max-width: 96%;}
	.header .logo img{width: 200px; margin-top: 27.5px;}

	/*推荐产品*/
	#index-prev{ left: -2%;}
	#index-next{ right: -2%;}

	/*关于百腾*/
	.about .info{padding: 2% 0 0 3%; }
	.about .info p{width: 90%}


	/*新闻资讯*/
	.latest-news{margin-left: 2%; width: 45%;}
	.news-list ul li{margin-bottom: 3.8%;}
	.news-list ul li .info{width: 58%}
	.news-list ul li .date em{margin-top: 13px;}
	.news-list ul li .info em{margin-top: 8px;}


	/*内页产品详情页*/
	.pro-info{width: 48%; margin-top: 2%}
	.pro-info em{margin-bottom: 36px;}
	.pro-info a{line-height: 60px;}
	.pro-info .tel{ line-height: 60px; height: 60px; }
	.pro-icon{margin-top: 50px;}


	/*内页领域分类列表页*/
	.fieldclass-list ul li .info{width: 50%; margin-right: 0}
	.fieldclass-list ul li:nth-of-type(even) .info{margin-left: 0;}
	.fieldclass-list ul li:first-child .info em {margin-top: 34px;}
	.fieldclass-list ul li .info p{font-size: 16px; line-height: 30px; 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:1500px)  {
	/*PC端公共头部*/
	.header .nav ul li{margin-right: 10px}

	/*首页banner*/
/*	.banner{height: 650px;  }*/

	/*关于百腾*/
	.about ul li{margin-right: 8%}
	.about .info em{margin-bottom: 15px;}
	.about .info p{margin-bottom: 30px; line-height: 28px;}
	.about .info a{margin-bottom: 30px;}


	/*新闻资讯*/
	.latest-news ul li .info{padding: 0 2%}
	.latest-news ul li em{padding-top: 14%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.latest-news ul li p{width: 100%}
	#news-prev{left: 10px;}
	#news-next{left: 60px;}

	/*内页产品详情页*/
	.pro-icon ul li{margin-right: 9%}

	/*镀膜涂层加工领域分类*/
	/*.field-class .ctitle1 li{display: block; float:left; width: calc(100% / 8)}
	.field-class .ctitle1 li a{width: 100%}*/

	/*内页领域列表页*/
	.nyfield-title span{width: 65%;}

	
	/*内页新闻列表页*/
	.nynews-list ul li .info strong{margin-top: 22px;}

	/*公共底部*/
	.foot-nav ul li a{padding: 0 18px;}

}

@media screen and (min-width:200px)  and  (max-width:1400px)  {
	/*PC端公共头部*/
	.header .logo{margin-right: 2%}
	.search{margin-right: 2%}
	.header .nav ul li a{padding: 0 6px}


	/*首页banner*/
	/*.banner{height: 600px;  }*/

	
	/*公共底部*/
	.foot-nav ul li a{padding: 0 9px; font-size: 15px;}


	/*内页产品详情页*/
	.pro-info{margin-top: 0}
	.pro-icon {margin-top: 36px;}
	

	/*内页领域分类列表页*/
	.fieldclass-list ul li .info em{font-size: 24px; margin-bottom: 10px; }
	.fieldclass-list ul li .info p{font-size: 15px; margin-bottom: 25px;}

	/*内页新闻列表页*/
	.nynews-list ul li .info p{line-height: 30px; margin-bottom: 20px;}

	.process-table tr td{width: 50%!important;}
	.process-table img{display: block; width: 100%!important; height: auto!important;}


	.newsxq{max-width:90%;}

	.contact-table tr td{width: calc(100% / 3)!important;}
	.contact-table tr td .pic{display: block; width: 100%}





}

@media screen and (min-width:200px)  and  (max-width:1300px)  {
	/*PC端公共头部*/	
	.header .nav ul li{margin-right: 0px}

	/*关于百腾*/
	.about .info p{-webkit-line-clamp: 3;}


	/*新闻资讯*/
	.news-list ul li .date em{margin-top: 0}
	.news-list ul li .info em{margin-top: 0}


	/*公共底部*/
	.foot-contact .info ul li{margin-right: 22px;}
	.foot-contact .info ul li .icon{margin-right: 10px;}
	
	.beian{margin-right: 10px;}


	/*内页产品详情页*/
	.pro-info em{margin-bottom: 20px;}
	.pro-info span{margin-bottom: 12px;}
	.pro-icon ul li{margin-right: 7%}

	/*内页领域分类列表页*/
	.fieldclass-list ul li .info em{margin-top: 25px!important;}

	/*内页新闻列表页*/
	.nynews-list ul li .info strong{margin-bottom: 5px;}
	.nynews-list ul li .info p{font-size: 14px; line-height: 28px; margin-bottom: 10px;}


	/*Parylene真空气相镀膜的特性*/
	.table1 tr td{float: left; width: calc(100% / 4)!important; }
	.table1 tr td img{display: block; width: 100%;}

}

@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/*手机端公共头部*/
	.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: 180px; margin-right: 15px; margin-top: 15px;}
	.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: 14px;line-height:45px;color: #434343;text-indent: 50px;transition: all .6s;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #3287cf;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide em{float: left; border-bottom: 1px dashed #eee; width: 50%}
	.wap-nav .wap-hide em a{text-indent:0;line-height:45px; text-align: center;}
	.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: #3287cf;color:#fff}

	.search-div{display: none;}

	/*首页banner*/
/*	.banner{height: 300px; }
	.banner .swiper-slide{background-size:100% !important;}*/
	#banner-num{right: auto; bottom: 4%; top: auto; width: 100%}
	#banner-num .swiper-pagination-bullet{display: inline-block; margin: 0 6px;}
	.scroll{display: none;}


	/*推荐产品*/
	#index-prev,#index-next{display: none;}
	#index-num{display: block;}
	.recom-content #index-num{bottom: -40px;}
	.recom-prolist ul li h3{width: 96%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}


	/*关于百腾*/
	.about .video{float: none; width: 100%;}
	.about .info{float: none; padding: 30px 2%; width: 96%; text-align: center;}
	.about .info p{width: 100%; -webkit-line-clamp: 4;}
	.about .info a{text-align: left; margin: 0 auto 30px;}
	.about ul li{margin-right: 0; width: calc(100% / 3)}

	
	/*镀膜涂层加工领域 */
	.field-content #index-num{bottom: -40px;}


	/*新闻资讯*/
	.latest-news ul li p{ -webkit-line-clamp: 3;}
	.news-list ul li .date em{font-size: 38px; line-height: 38px;}
	.news-list ul li .info em{font-size: 15px; margin-bottom: 0}
	.news-list ul li .info p{line-height: 20px;}


	/*公共底部*/
	.foot-top{display: none;}
	.foot-contact{height: auto; padding: 20px 0 10px;}
	.foot-contact .info{display: none; float: none;}
	.foot-contact .wechat{float: none;  width: 116px;}
	.foot-contact .wechat img{float: none;}
	.foot-contact .wechat em{float: none;writing-mode: horizontal-tb;}

	.foot-copy p{float: none; text-align: center;}
	


	.foot-right{float: none; text-align: center;}
	.beian{float: none;}
	.foot-contact .wechat,.beian{display: inline-block; margin: 0 10px;}


	/*右侧在线咨询*/
	.fixed-right{display: none;}


	/*内页banner*/
	.ny-banner{height: 300px; background-size: 140%}
	.ny-banner .info strong{font-size: 30px; line-height: 30px; margin-bottom:15px;}
	.field-banner .info span{font-size: 16px; line-height: 24px;}
	.news-banner .info strong{margin-bottom: 0px;}
	.news-banner .info span{font-size: 12px;}
	

	/*内页产品详情页*/
	.propic-list{float: none; width: 100%; margin-bottom: 20px;}
	.pro-info{float: none; width: 100%}
	.pro-info em{width: 100%}
	.pro-info a{width: 37%; margin-right: 2%}
	.pro-icon ul li{ margin-right:0; width: 25%}
	

	/*内页领域分类列表页*/
	.fieldclass-list ul li .info em{margin-top: 0px!important; font-size: 20px; padding-top: 5px;}
	.fieldclass-list ul li .info p{font-size: 14px; line-height: 25px;}
	.fieldclass-list ul li .info span{width: 150px; line-height: 45px;}

	/*内页领域列表页*/
	.nyfield-title span{width: 100%;}


	/*内页新闻列表页*/
	.nynews-list ul li .info p{ -webkit-line-clamp: 2; }

	/*公司简介*/
	.about-banner .info{display: none;}
	.nyabout .info{width: 100%}


	.develop-list ul li .develop-width{width: 96%}
	.develop-list ul li .info{margin-top: 20px}

	.ny-prolist ul li h3{width: 96%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

	.contact-table tr td{display: block; width: 100%!important;}

}


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

	/*新闻资讯*/
	.latest-news{float: none; width: 96%;  margin-bottom: 30px;}
	.news-list{margin-top: 0; width: 96%; float: none; margin: 0 auto;}
	.news-list ul li{margin-bottom: 10px;}
	.news-list ul li .date em{margin-top: 24px;}
	.news-list ul li .info{width: 62%}
	.news-list ul li .info em{margin-top: 18px; margin-bottom: 6px;}

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


	/*内页产品列表页*/
	.ny-prolist ul li{ width: calc(100% / 3 - 15px)}

	.fieldclass-list{max-width: 96%; margin: 0 auto; overflow: hidden; padding: 40px 0;}
	.fieldclass-list ul{width: calc(100% + 10px)}
	.fieldclass-list ul li{float: left; width: calc(100% / 2 - 10px); margin-right: 10px; margin-bottom: 15px; background: transparent!important; padding: 0}
	.fieldclass-list ul li .container{max-width: 100%}
	.fieldclass-list ul li .pic{float: none; width: 100%}
	.fieldclass-list ul li .info{background: #f5f5f5; float: none; width: 96%; padding: 10px 2% 20px}
	.fieldclass-list ul li .info em{text-align: center; margin-bottom: 0}
	.fieldclass-list ul li .info p{margin-bottom: 15px;}
	.fieldclass-list ul li .info span{margin: 0 auto; background: #3287cf; color: #fff;}


	/*内页领域列表页*/
	.nyfield-list ul{width: calc(100% + 20px)}
	.nyfield-list ul li{float: left; width: calc(100% / 3 - 20px); margin-right: 20px; margin-bottom: 20px;}
	.nyfield-list ul li em{line-height: 55px;}

	/*内页新闻列表页*/
	.nynews-list{overflow: hidden;}
	.nynews-list ul {width: calc(100% + 10px)}
	.nynews-list ul li{margin-right: 10px; margin-bottom: 10px; width: calc(100% / 2 - 10px);}
	.nynews-list ul li .pic{width: 100%}
	.nynews-list ul li .info{padding: 15px 3%; width: 94%}
	.nynews-list ul li .info strong{font-size: 16px; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.nynews-list ul li .info em,.nynews-list ul li .info span{font-size: 15px;}

	
	/*公司简介*/
	.about-ys ul li h2{ font-size: 18px;}

	/*Parylene真空气相镀膜的特性*/
	.table1 tr td{width: calc(100% / 2)!important; }
	.process-table{margin-top: 0px; }
	.process-table tr td{display: block; width: 100%!important; padding-right: 0!important; vertical-align: top!important;}

}

@media screen and (min-width:200px)  and  (max-width:900px)  {
	
	/*Parylene 性能参数 · 丰富的技术经验·强大的开发能力和创新能力*/
	.ys h2{font-size: 20px; line-height: 25px; }


	/*镀膜涂层加工领域分类*/
	.field-class{background: #fff; overflow: hidden; padding: 30px 0 0;}
	.field-class .ctitle1{width: calc(100% + 10px)}
	.field-class .ctitle1 li{display: block; float:left; width: calc(100% / 2 - 10px); margin-right: 10px; margin-bottom: 10px;}
	.field-class .ctitle1 li a{font-size: 15px; line-height: 45px; background: #f5f5f5; padding:0; margin: 0}

	/*内页领域分类列表页*/
	.fieldclass-list{padding: 30px 0}




}



@media screen and (min-width:200px)  and  (max-width:768px)  {
	
	/*新闻资讯*/
	.news-list ul li .date em{margin-top: 0}
	.news-list ul li .info em{margin-top: 0}
	
	/*内页banner*/
	.ny-banner{height: 200px; background-size: 160%;}

	/*公司简介*/
	.about-ys ul li{width: 100%; height: 200px; margin-bottom: 20px;}
	.about-ys ul li em{padding-top: 24px; margin-bottom: 15px;}
	.about-ys ul li h2{font-size: 16px; margin-bottom: 0}

	.development{padding: 20px 0 47px}
	.development .about-title{margin-bottom: 0}
	.develop-list i{display: none;}
	.develop-list ul{background: transparent; padding: 0;}
	.develop-list ul li .pic{display: none;}
	.develop-list ul li .info{float: none; width:100%}

}



@media screen and (min-width:200px)  and  (max-width:640px)  {
	/*首页banner*/
/*	.banner{height: 200px;}*/

	/*内页banner*/
	.ny-banner{height: 150px; background-size: 160%;}
	.ny-banner .info strong{margin-bottom: 0; font-size: 22px; line-height: 22px;}
	.field-banner .info span{display: none;}
	.news-banner .info span{font-size: 0.5rem;}

	/*内页产品列表页*/
	.nyclass .ctitle1 li {margin: 0 13.5px;}


	/*内页产品列表页*/
	.ny-prolist ul{width: calc(100% + 10px)}
	.ny-prolist ul li{ margin-right: 10px; margin-bottom: 20px; width: calc(100% / 2 - 10px)}
	.ny-prolist ul li h3{line-height: 45px;}

	/*内页产品详情页*/
	.pro-info .tel i{display: none;}


	/*内页领域列表页*/
	.nyfield-list ul{width: calc(100% + 10px)}
	.nyfield-list ul li{float: left; width: calc(100% / 2 - 10px); margin-right: 10px; margin-bottom: 10px;}
	.nyfield-list ul li em{line-height: 55px;}


	.table2{width: 850px!important;}
	.table3{width: 800px!important;}
	::-webkit-scrollbar{  width: 7px; height: 7px;}  
      
    /*定义滚动条轨道 内阴影+圆角*/  
 	::-webkit-scrollbar-track{ background-color: #ccc;}  
      
    /*定义滑块 内阴影+圆角*/  
    ::-webkit-scrollbar-thumb{ background-color: #3287cf;  }

    .newsxq{margin: 0 auto 30px;}
    .newsxq img{display: block; width: 100%!important; height: auto!important;}


    .contact-table  p span{font-size: 14px!important;}
    .contact-table  p>img,.contact-table  p span>img{padding-left: 0!important;}
	.contact-table strong{font-size: 18px!important;}
}





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

	/*推荐产品*/
	.recom-pro{padding: 30px 0 70px;}
	.recom-protitle{margin-bottom: 20px;}
	.recom-protitle strong{font-size: 22px; line-height: 22px;}
	.prosearch{width: 200px; height: 38px;}
	.prosearch .f-text{line-height: 36px; text-indent: 15px;}
	.prosearch .f-submit{height: 38px; right: 16px;}
	.recom-prolist ul li h3{width: 90%; line-height: 45px;}


	/*关于百腾*/
	.about .info strong{font-size: 22px; }
	.about .info em{font-size: 12px; margin-bottom: 10px;}
	.about ul li abbr{font-size: 24px; margin-right: 5px; line-height: 28px;}
	.about ul li span{font-size: 14px;}
	.about ul li h2{font-size: 16px;}
	.about .info a{width: 155px; line-height: 42px; font-size: 15px; text-indent: 35px;}
	.about .info a:after{right: 32px; top: 14.5px;}
	.about .info a:hover{text-indent: 52px;}


	/*镀膜涂层加工领域 */
	.field {padding: 40px 0 45px;}
	.field-title{margin-bottom: 30px;}
	.field-title img{width: 100%}
	.field-title strong{font-size: 22px; line-height: 22px;}
	.field-title span{font-size: 14px;}
	.field-list ul li .info{height: 60px;}
	.field-list ul li .info em{font-size: 16px; line-height: 16px; padding-top: 15px}
	.field-list ul li .info span{font-size: 13px;}
	.field-more{width: 153px; line-height: 40px;}

	/*Parylene 性能参数 · 丰富的技术经验·强大的开发能力和创新能力*/
	.ys h2{font-size: 15px; line-height: 20px; }



	/*新闻资讯*/
	.news{padding: 30px 0 20px;}
	.news-title{margin-bottom: 15px;}
	.news-title strong{font-size: 22px; line-height: 22px;}
	.news-title span{font-size: 12px;}
	.latest-news{display: none;}
	.news-list ul li{padding: 0; background: #f5f5f5; margin-bottom: 20px;}
	.news-list ul li .pic{width:38%; }
	.news-list ul li .date{display: none;}
	.news-list ul li .info{width:58%; padding: 0 2%}
	.news-list ul li .info em{font-size: 0.8rem; margin-bottom: 0; margin-top: 0.3rem}
	.news-list ul li .info span{display: block; font-size: 0.6rem; line-height: 1.1rem; color: #666;}
	.news-list ul li .info p{font-size: 0.6rem; line-height: 1rem;}
	.news-list ul li:hover .pic{padding-left: 0; transition:0.6s;}


	/*公共底部*/
	.foot{padding-bottom: 0}

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


	/*内页产品列表页*/
	.nyclass{overflow: hidden;}
	.nyclass .ctitle1{padding: 31px 0;}
	.nyclass .ctitle1{width: calc(100% + 2%)}
	.nyclass .ctitle1 li {float: left; display: block; margin:0 2% 0 0; width: calc(100% / 2 - 2%);margin-bottom: 15px;}
	.nyclass .ctitle1 li a{width: 100%; line-height: 45px;}

	/*内页产品列表页*/
	.ny-prolist{padding-bottom: 50px;}

	/*内页面包屑*/
	.position{padding: 15px 0}

	/*内页产品详情页*/
	.proxq{padding-bottom: 40px;}
	.proxq img,.container img{max-width: 100%;}
	#proxq-prev, #proxq-next{display:none;}
	#proxq-num{display: block;}
	.pro-info h3{font-size: 24px; text-align: center;}
	.pro-info a{margin: 0 auto; float: none; width: 150px; line-height: 45px; font-size: 16px;}
	.pro-info .tel{display: none; float: none;}
	.pro-icon{display: none;}
	.details-title{padding: 10px 0;  margin-bottom: 15px;}
	.details-title em{ font-size: 20px;}
	.details-title span{ font-size: 15px;  margin-left: 10px;}


	/*内页产品列表页*/
	.fieldclass-list ul{width: 100%}
	.fieldclass-list ul li{float: left; width: 100%; margin-right: 0px; margin-bottom: 20px;}


	/*内页领域列表页*/
	.nyfield-title{padding: 30px 0;}
	.nyfield-title em{font-size: 22px; line-height: 22px;}
	.nyfield-title span{font-size: 14px; line-height: 24px; text-align: left;}
	.nyfield-list ul li em{line-height: 45px; font-size: 15px;}
	
	/*内页新闻列表页*/
	.nynews-list{overflow: hidden; padding: 30px 0;}
	.nynews-list ul {width: 100%}
	.nynews-list ul li{margin-right: 0px; margin-bottom: 20px; width: 100%;}
	.nynews-list ul li .pic{width: 38%; float: left;}
	.nynews-list ul li .info{padding:0 2%; width: 58%; float: left;}
	.nynews-list ul li .info strong{font-size: 0.8rem;margin-bottom: 0; margin-top: 0.3rem;}
	.nynews-list ul li .info p{font-size: 0.6rem;line-height: 1rem; margin-bottom: 0}
	.nynews-list ul li .info em{font-size: 0.6rem;line-height: 1.1rem; background: transparent; text-align: left;}
	.nynews-list ul li .info span{display: none;}

	
	/*公司简介*/
	.nyabout{padding: 30px 0;}
	.nyabout .about-title{margin-bottom: 5px;}
	.about-title em{font-size: 22px; line-height: 22px;}
	.about-title span{font-size: 12px;}
	.nyabout .info p{font-size: 14px; line-height: 26px; margin-bottom: 15px;}

	.develop-list ul li .info em{font-size: 18px; top: 4px;}
	.ysmore a{width: 160px; line-height: 45px;}

}


@media screen and (max-width:750px){
	.mb60{margin-bottom: 60px;}
	.ding-fd{display: block;width: 100%;height: 60px;background:#0a0a0a;font-size: 16px;position: fixed;bottom:0;z-index: 999999;}
	.ding-fd li{width:33.333%;float: left;text-align: center;line-height: 60px;box-sizing: border-box;border-right: 1px solid #fff;}
	.ding-fd li:last-child{border-right: none;}
	.ding-fd li a{color: #fff;}
}





