@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: 120px; margin-top: 17.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;} } @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 18px;} /*内页产品详情页*/ .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-nav ul li a{padding: 0 13px; font-size: 15px;} /*内页产品详情页*/ .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) { /*手机端公共头部*/ /*首页banner*/ .banner{height: 300px; } .banner .swiper-slide{background-size:100% !important;} #banner-num{right: auto; bottom: 2%; 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; margin: 0 auto; 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-copy p:first-child a{margin-left: 0} /*右侧在线咨询*/ .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;} .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;} /*内页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%)} .nyclass .ctitle1 li a{width: 100%; line-height: 45px;} /*内页产品列表页*/ .ny-prolist{padding-bottom: 50px;} /*内页面包屑*/ .position{padding: 15px 0} /*内页产品详情页*/ .proxq{padding-bottom: 40px;} #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;} }