.wapabout-class,.wapabout-classno{display: none;} @media screen and (min-width:200px) and (max-width:1880px) { .satisfaction .text p{font-size: 18px; line-height: 30px; margin-bottom: 10px; background: url(../images/principle-icon.png) no-repeat left top 10px;} } @media screen and (min-width:200px) and (max-width:1618px) { .container-s{max-width: 96%; margin: 0 auto} /*PC端公共头部*/ .header .logo{margin-right: 55px;} .header .logo img{margin: 0 20px 0 0px; } .head-tel{background-size: 10%; padding-left: 40px; margin-right: 28px; } .head-tel em{font-size: 15px; margin-bottom: 4px;} .head-wechat b{background-size: 25%; padding-left: 40px; margin-right: 0} /*首页banner*/ .banner{height: 600px;} @media screen and (min-width:200px) and (max-width:1500px) { /*PC端公共头部*/ .search{width: 260px;} @media screen and (min-width:200px) and (max-width:1400px) { /*PC端公共头部*/ .header .logo{margin-top: 17.5px} .header .logo img{ width: 120px} .header .logo .text strong{margin: 5px 0 6px; font-size: 16px;} .search{width: 220px;} .head-tel{background-size: 11%; padding-left: 46px; } .head-tel em{font-size: 15px; margin-bottom: 4px;} .head-tel span{display: block;} .head-tel b{display: none;} .head-wechat b{background-size: 25%; padding-left: 40px; } /*首页banner*/ .banner-info{max-width: 80%; padding: 3% 0 9%} .banner-info b{font-size: 50px;} .banner-info p{font-size: 16px; max-width: 90%;} @media screen and (min-width:200px) and (max-width:1306px) { /*PC端公共头部*/ .search {width: 240px;} .head-tel{background-size: 21%; padding-left: 46px; height: auto; margin-top: 16px; } .head-tel span{display: none;} .head-tel b{display: block; font-size: 18px; line-height: 22px; color: #ffba00; font-family: arial; font-weight: normal;} @media screen and (min-width:200px) and (max-width:1200px) { /*PC端公共头部*/ .header,.pc-nav{display: none;} .wap-header{display: block; height: 68px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 999;} .wap-header .logo{margin-top: 11.5px;} .wap-header .logo h1{line-height: 0} .wap-header .logo a{display: block;} .wap-header .logo img{display: inline-block; width: 120px; margin-right: 15px; } .wap-header .logo .text strong{display: block; font-size: 18px; line-height: 18px; color: #01589f; font-weight: bold; margin: 5px 0 6px;} .wap-header .logo .text em{display: block; font-size: 14px; line-height: 14px; color: #4c4c4c;} .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{left: auto; margin-top: 0; position: relative; padding: 18px 0; margin-right: 3%;} .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: #01589f;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;} .wap-vericon {display: block;margin-top: 23.5px;margin-right: 18px;} .wap-search img{display: block; margin-top: 25px; margin-right: 18px;} .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: #01589f;color:#fff} /*首页banner*/ .banner{height: 500px; } .banner .swiper-slide{background-size:125% !important;} #banner-num {bottom: 2%} .banner-info p{margin: 8px auto 30px;} .banner-info a{font-size: 18px; width: 190px; background: url(../images/wechat-icon.png) no-repeat 40px center #ffba00; text-align: left; text-indent: 82px; } .banner-info a:before {width:200px;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .parameter-list::-webkit-scrollbar { width: 7px; /*滚动条宽度*/ height: 7px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ .parameter-list::-webkit-scrollbar-track { background-color: #ccc;/*滚动条的背景颜色*/ } /*定义滑块 内阴影+圆角*/ .parameter-list::-webkit-scrollbar-thumb { background-color: #01589f; /*滚动条的背景颜色*/ } /*2020.8.17参数表格*/ .parameter-list ul li strong.height{ line-height: 56px!important;} .parameter-list3 ul {width: 200%;} .parameter-list3 ul li strong{padding: 0!important; line-height: 56px!important;} .parameter-list3 ul li strong.height {font-size: 14px!important;line-height: 18px!important;padding: 10px 0!important;} .parameter-list4 ul {width: 300%;} } @media screen and (min-width:200px) and (max-width:1024px) { .parameter-ys ul li{width: 100%;} .parameter-ys ul li .arrow{display: none;} } @media screen and (min-width:200px) and (max-width:960px) { /*首页banner*/ .banner{height:400px;} .banner-info{max-width: 90%;} .banner-info b{font-size: 40px;} @media screen and (min-width:200px) and (max-width:900px) { .picdetail #nr-container .nr-content{max-width: 100%} .picdetail #nr-container .nr-content img{display: block; width: 100%!important; height: auto!important;} } @media screen and (min-width:200px) and (max-width:768px) { /*首页banner*/ .banner{height:300px;} .banner-info{max-width: 94%; transform: translateY(-55%);} .banner-info b{font-size: 25px;} .banner-info p{font-size: 15px; line-height: 25px; margin: 8px 0 20px;} .banner-info a{font-size: 16px; width: 140px; line-height: 40px; background: url(../images/wechat-icon.png) no-repeat 25px center #ffba00; text-align: left; text-indent: 60px; } .banner-info a:before {width:140px; height: 50px;} .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: #01589f; 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; } } @media screen and (min-width:200px) and (max-width:640px) { .app-list{padding-bottom:35px;} #produce-num{display:block;} #certify .swiper-button-next,#certify .swiper-button-prev{display: none;} #certify{width:96%;padding-bottom: 30px;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active{ border-color: #01589f;} #certify .swiper-slide{width: 100%;} #app-num{display: block;} #app-num .swiper-pagination-bullet{width:12px;height: 12px;;} /*手机端公共头部*/ .wap-header .logo .text{display: none;} /*首页banner*/ .banner{display: none;} .wap-banner{display: block; position: relative;overflow: hidden;} .wap-banner .swiper-slide img{display: block; width: 100%;} #banner-num {bottom: 3%;z-index: 1;} #banner-num .swiper-pagination-bullet{width: 8px; height: 8px; opacity: 1; background: transparent; border: solid 1px #fff; margin: 0 8px;} #banner-num .swiper-pagination-bullet-active{background: #fff}