/***样式重置***/
html,body,div,a,p,img,ul,ol,li,span,i,b,form,input,label,textarea,button,dl,dt,dd,table,thead,tr,th,tbody,td,h1,h2,h3,h4,h5,h6,article,aside,footer,header,main,nav,section,::before,::after {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
font-size: 100%;
font-family:"Microsoft YaHei",Tahoma, "SimSun", Arial, sans-serif;
}
body {
font-family:"Microsoft YaHei",Tahoma, "SimSun", Arial, sans-serif;
margin: 0 auto;
line-height: 1.5;
font-size: 0.52rem;
color: #666;
}
@media only screen and (min-width: 320px), only screen and (min-device-width: 320px) {
html {
font-size: 21.33333px;
}
}
@media only screen and (min-width: 360px), only screen and (min-device-width: 360px) {
html {
font-size: 24px;
}
}
@media only screen and (min-width: 375px), only screen and (min-device-width: 375px) {
html {
font-size: 25px;
}
}
@media only screen and (min-width: 400px), only screen and (min-device-width: 400px) {
html {
font-size: 26px;
}
}
@media only screen and (min-width: 414px), only screen and (min-device-width: 414px) {
html {
font-size: 28px;
}
}
@media only screen and (min-width: 480px), only screen and (min-device-width: 480px) {
html {
font-size: 32px;
}
}
@media only screen and (min-width: 540px), only screen and (min-device-width: 540px) {
html {
font-size: 36px;
}
}
@media only screen and (min-width: 600px), only screen and (min-device-width: 600px) {
html {
font-size: 40px;
}
}
@media only screen and (min-width: 640px), only screen and (min-device-width: 640px) {
html {
font-size: 42.66667px;
}
}
@media only screen and (min-width: 680px), only screen and (min-device-width: 680px) {
html {
font-size: 45px;
}
}
@media only screen and (min-width: 720px), only screen and (min-device-width: 720px) {
html {
font-size: 48px;
}
}
@media only screen and (min-width: 750px), only screen and (min-device-width: 750px) {
html {
font-size: 50px;
}
}
@media only screen and (min-width: 770px), only screen and (min-device-width: 770px) {
html {
font-size: 52px;
}
}
@media only screen and (min-width: 800px), only screen and (min-device-width: 800px) {
html {
font-size: 54px;
}
}
@media only screen and (min-width: 900px), only screen and (min-device-width: 900px) {
html {
font-size: 60px;
}
}
@media only screen and (min-width: 1000px), only screen and (min-device-width: 1000px) {
html {
font-size: 66px;
}
}
input,label,select,option,textarea,button,legend {
font-family:"Microsoft YaHei",Tahoma, "SimSun", Arial, sans-serif;
font-size: 0.24rem;
border: none;
outline: none;
background-color: transparent;
-webkit-appearance: none;
border-radius: 0;
}
input,select,option,textarea {
border: 1px solid #ccc;
}
article,aside,footer,header,main,nav,section {
display: block;
}
ul,ol,li {
list-style: none;
}
em, i { font-style:normal;}
a {
color: #666666;
text-decoration: none;
}
table {
border-collapse: collapse;
}
img {
vertical-align: middle;
border-style: none;
}
h2 {
font-size: 0.32rem;
color: #333;
line-height: 1.1;
}
h3 {
font-size: 0.24rem;
color: #333;
line-height: 1.1;
}
sub,sup {
font-size: 0.15rem;
margin-bottom: -0.05rem;
}
video {
display: block;
width: 100%;
height: auto;
}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.clearfix { display: block}
/**公共样式**/
/*======引入字体======*/
@font-face {
font-family: 'fzltthjw';
src: url('../resource/fonts/fzltthjw.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fzqkbysjw';
src: url('../resource/fonts/fzqkbysjw.ttf');
font-weight: normal;
font-style: normal;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -0.2rem;
margin-left: -0.2rem;
}
.row-data {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 0.2rem;
padding-left: 0.2rem;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.col-data {
flex: 1;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-center {
text-align: center !important;
}
.alert {
font-size: 0.32rem;
padding: 0.2rem;
margin-bottom: 0.2rem;
border: 1px solid transparent;
border-radius: 0.15rem;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.padding-60 {
padding-top: 0.6rem;
padding-bottom: 0.5rem;
}
.padding-40 {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
.padding-30 {
padding-top: 0.2rem;
padding-bottom: 0.5rem;
}
.margin0 {
margin: 0;
}
.margin-b-60 {
margin-bottom: 0.6rem;
}
.margin-b-40 {
margin-bottom: 0.4rem;
}
.margin-t-60 {
margin-bottom: 0.6rem;
}
.margin-t-40 {
margin-top: 0.4rem;
}
.bg_gray {
background-color: #F2F2F2;
}
.border-radius-15 {
border-radius: 0.15rem;
overflow: hidden;
}
.border-radius-10 {
border-radius: 0.1rem;
overflow: hidden;
}
.layout {
width: 100%;
max-width: 1024px;
min-width: 320px;
padding-bottom: 1rem;
margin: 0 auto;
overflow: hidden;
font-size: 0.24rem;
}
.container {
/*width: 100%;*/
padding-right: 0.2rem;
padding-left: 0.2rem;
margin-right: auto;
margin-left: auto;
}
.bg_w { background:#FFF;}
.part-top {
text-align: justify;
margin-bottom: 0.36rem;
padding-top:0.45rem;
}
.part-top p.title {
font-size: 0.4rem;
color: #414141;
font-weight: bold;
text-align: center;
margin-top: 0;
margin-bottom: 0.24rem;
line-height: 1;
}
.part-top p.regular {
text-align: center;
color:#858585;
}
.part-top.font-md p.title {
font-size: 0.36rem;
}
.btn-full,
a.btn-full {
display: block;
width: 100%;
height: 0.9rem;
line-height: 0.9rem;
text-align: center;
font-size: 0.32rem;
border-radius: 0.15rem;
}
.btn-full span,
a.btn-full span {
padding-left: 0.6rem;
position: relative;
}
.btn-full span::before,
a.btn-full span::before {
content: '';
width: 0.44rem;
height: 0.44rem;
background: url("../images/icon.png") no-repeat -0.88rem -0.65rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.btn-blue,
a.btn-blue {
color: #fff;
background-color: #3a83d2;
}
.btn-white,
a.btn-white {
color: #3a83d2;
background-color: #fff;
}
.btn-gray,
a.btn-gray {
color: #3a83d2;
background-color: #f6f6f6;
}
.btn-small {
width: 0.96rem;
height: 0.48rem;
line-height: 0.48rem;
font-size: 0.24rem;
text-align: center;
border-radius: 0.05rem;
padding: 0;
vertical-align: middle;
}
.price span::before,
a.price span::before {
background-position-x: -1.76rem;
}
.serviceBtn span::before,
a.serviceBtn span::before {
background-position-x: -1.32rem;
}
.star,
a.star {
margin-top: 0.4rem;
}
.star span::before,
a.star span::before {
background-position-x: -5.28rem;
}
/*.imgBox {
display: block;
border-radius: 0.15rem;
overflow: hidden;
}
.imgBox img {
display: block;
width: 100%;
height: auto;
}*/
.text {
font-size: 0.24rem;
color: #666;
line-height: 1.5;
text-align: justify;
}
.text p:first-of-type {
margin-top: 0;
}
.text img {
display: block;
width: 100%;
height: auto;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
z-index: 499999;
display: none;
}
.loading img {
display: block;
width: 1rem;
height: 1rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.end_line {
color: #999;
text-align: center;
position: relative;
}
.end_line:before,
.end_line:after {
content: '';
width: 30%;
height: 0;
border-top: 1px dashed #999;
position: absolute;
top: 50%;
}
.end_line:before {
left: 6%;
}
.end_line:after {
right: 6%;
}
/**=====翻页按钮=====**/
.paging {
margin-top: 0.4rem;
}
.paging a,
.paging p {
display: block;
width: 100%;
height: 0.9rem;
line-height: 0.9rem;
margin: 0;
text-align: center;
}
.paging a.prev,
.paging p.prev {
background-color: #f6f6f6;
}
.paging a.next,
.paging p.next {
color: #fff;
background-color: #3a83d2;
}
.next-page span::before {
width: 0.4rem;
height: 0.4rem;
background-position: 0 -0.65rem;
}
/**======了解详情=====**/
a .read-more {
line-height: 1;
color: #3a83d2;
padding-right: 0.3rem;
position: absolute;
bottom: 0;
}
a .read-more::after {
content: '';
width: 0.24rem;
height: 0.22rem;
background: url("../images/icon.png") no-repeat -4.65rem -1.1rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
/**======网格排列=====**/
.grids {
background-color: #fff;
border: 1px solid #eee;
}
.grids table {
width: 6.84rem;
margin: -1px;
}
.grids table tr {
width: 100%;
}
.grids table tr td {
width: 25%;
height: 1rem;
text-align: center;
border: 1px solid #eee;
}
/**======四宫格=====**/
.four-grid {
background-color: #fff;
}
.four-grid .col-6 {
height: 2.8rem;
padding: 0;
position: relative;
}
.four-grid .col-6 i {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background-color: #d8b548;
position: absolute;
top: 0.77rem;
left: 50%;
transform: translateX(-50%);
}
.four-grid .col-6 i::before {
content: '';
width: 0.5rem;
height: 0.5rem;
background: url("../images/icon.png") no-repeat 0 -2.55rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.four-grid .col-6 p {
width: 100%;
text-align: center;
line-height: 1.2;
padding: 0 0.2rem;
position: absolute;
top: 1.55rem;
}
.four-grid .col-6:nth-of-type(1) {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.four-grid .col-6:nth-of-type(2) {
border-bottom: 1px solid #eee;
}
.four-grid .col-6:nth-of-type(2) i {
background-color: #27b7b0;
}
.four-grid .col-6:nth-of-type(2) i::before {
background-position-y: -3.05rem;
}
.four-grid .col-6:nth-of-type(3) {
border-right: 1px solid #eee;
}
.four-grid .col-6:nth-of-type(3) i {
background-color: #78b2ee;
}
.four-grid .col-6:nth-of-type(3) i::before {
background-position-y: -3.55rem;
}
.four-grid .col-6:nth-of-type(4) i {
background-color: #ff7056;
}
.four-grid .col-6:nth-of-type(4) i::before {
background-position-y: -4.05rem;
}
/**======产品图标=====**/
.icon::before {
content: '';
width: 1rem;
height: 0.6rem;
background:url(../images/c1.png) no-repeat center center / 0.64rem 0.48rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.icon.cfb::before {
background:url(../images/c1.png) no-repeat center center / 0.72rem 0.5rem;
}
.icon.biomass::before {
background:url(../images/c1.png) no-repeat center center / 0.7rem 0.33rem;
}
.icon.chain::before {
background:url(../images/c1.png) no-repeat center center / 0.64rem 0.34rem;
}
.icon.yure::before {
background:url(../images/c1.png) no-repeat center center / 0.8rem 0.53rem;
}
.icon.active::after {
background:url(../images/c1.png) no-repeat -5.45rem -1.1rem;
background-size: 6.51rem 5.51rem;
}
.icon p {
height: 100%;
line-height: 0.5rem;
margin-left: 1rem;
padding-left: 0.2rem;
margin-top: 0;
border-left: 1px solid #ddd; color:#949494;
}
/**======头部=====**/
header.container {
border-bottom:1px solid #F0F0F0;
}
header.container .head-top {
width: 100%;
padding: 0.3rem 0;
position: relative;
}
header.container .head-top a.logo {
display:block;
float:left;
width: 6.0rem;
height: 1rem;
/* height: 0.6rem; */
text-indent: -999em;
overflow: hidden;
/* background: url("../images/logo.jpg") no-repeat 0 0; */
background-size:auto 100%;
}
header.container .head-top > div.right {
height: 0.6rem;
line-height: 0.6rem;
font-size: 0;
}
header.container .head-top > div.right div.search {
display: inline-block;
width: 0.6rem;
height: 0.6rem;
vertical-align: top;
background:url(../images/serch_icon.png) no-repeat center;
background-size:auto 70%;
margin-right: 0.5rem;
position: relative;
}
header.container .head-top > div.right div.search::after {
content: '';
width: 0.01rem;
height: 70%;
background-color: #eeeeee;
position: absolute;
top: 15%;
right: -0.24rem;
}
header.container .head-top > div.right .side-nav-btn {
display: inline-block;
width: 0.4rem;
height: 0.4rem;
position: relative;
margin-top:0.1rem;
}
header.container .head-top > div.right .side-nav-btn span {
width: 100%;
height: 0.04rem;
background-color: #333;
border-radius: 0.02rem;
position: absolute;
left: 0;
transform-origin: left center;
transition: transform 0.5s, width 0.5s, opacity 0.5s;
}
header.container .head-top > div.right .side-nav-btn span:nth-of-type(1) {
top: 0;
left: 50%;
transform: translateX(-50%);
}
header.container .head-top > div.right .side-nav-btn span:nth-of-type(2) {
width: 70%;
top: 50%;
transform: translateY(-50%);
}
header.container .head-top > div.right .side-nav-btn span:nth-of-type(3) {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
header.container .head-top > div.inner_c {
width: 100%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
animation-duration: 0.6s;
display: none;
}
header.container .head-top > div.inner_c div.search_head {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
header.container .head-top > div.inner_c div.search_head div.close {
width: 0.4rem;
height: 0.4rem;
background: url("../images/arrow_left.png") no-repeat center / contain;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
header.container .head-top > div.inner_c div.search_head form {
display: flex;
margin-left: 0.8rem;
}
header.container .head-top > div.inner_c div.search_head form input {
width: 80%;
height: 0.8rem;
font-size: 0.22rem;
border-radius: 0.15rem 0 0 0.15rem;
border-right: none;
padding: 0.2rem;
background-color: #f5f5f5;
border-color: #f5f5f5;
}
header.container .head-top > div.inner_c div.search_head form .btn-small {
flex: 1;
height: 0.8rem;
line-height: 0.8rem;
font-size: 0.28rem;
color: #fff;
background-color: #E94646;
border-radius: 0 0.15rem 0.15rem 0;
vertical-align: top;
border: none;
padding: 0;
}
header.container div.side-nav {
/*width: 100%;*/
min-height: 95%;
padding-bottom: 0.4rem;
display: none;
position: relative;
z-index: -1;
padding-left:0.2rem;
padding-right:0.2rem;
}
header.container div.side-nav div.s-n-product {
padding-top: 0.4rem;
padding-bottom: 0.4rem;
}
header.container div.side-nav div.s-n-product p.col-12 {
margin: 0 0 0.4rem;
}
header.container div.side-nav div.s-n-product div.col-6 {
margin-top: 0.2rem;
}
header.container div.side-nav div.s-n-product div.col-6 a {
display: block;
width: 100%;
height: 0.8rem;
color: #333;
background-color: #fff;
border-radius: 0.15rem;
padding: 0.2rem 0;
position: relative;
}
header.container div.side-nav div.s-n-product div.col-6 a p {
line-height: 0.4rem;
}
header.container div.side-nav div.s-n-product div.col-6:nth-of-type(-n+2) {
margin-top: 0;
}
header.container div.side-nav .col-12,
header.container div.side-nav .col-full {
font-size: 0.3rem;
text-align: center;
line-height: 1;
color: #333;
}
header.container div.side-nav > .col-full {
display: block;
padding: 0;
height: 0.9rem;
line-height: 0.9rem;
border-bottom: 1px solid #eee;
}
header.container div.side-nav > .col-full:first-of-type {
border-top: 1px solid #eee;
}
header.container.active {
height: 100%;
background-color: #f6f6f6;
position: fixed;
top: 0;
left: 0;
z-index: 399999;
overflow: auto;
padding-left:0;
padding-right:0;
}
header.container.active > div.head-top {
background-color: #fff;
border-bottom: 1px solid #eee;
padding-left:0.2rem;
padding-right:0.2rem;
}
header.container.active > div.head-top > div.right .search {
display: none;
}
header.container.active > div.head-top > div.right .side-nav-btn span:nth-of-type(1) {
width: 0.53rem;
transform: translateX(-37%) rotate(45deg);
}
header.container.active > div.head-top > div.right .side-nav-btn span:nth-of-type(2) {
width: 0;
opacity: 0;
}
header.container.active > div.head-top > div.right .side-nav-btn span:nth-of-type(3) {
width: 0.53rem;
transform: translateX(-37%) rotate(-45deg);
}
/**======轮播图=====**/
.banner {
position: relative;
}
.banner > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0.06rem;
}
.banner .swiper-container .swiper-slide {
position: relative;
}
.banner .swiper-container .swiper-slide img {
width: 100%;
height: auto;
}
.banner .swiper-pagination {
width: 100%;
height: 0.3rem;
left: 0;
bottom: 0;
}
.banner .swiper-pagination span.swiper-pagination-bullet {
width: 0.08rem;
height: 0.08rem;
display: inline-block;
border-radius: 0.04rem;
background: #aaaaaa;
opacity: 1;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active {
width: 0.24rem;
background-color: #E94646;
}
/**======电话提交表单=====**/
.form-tel form {
font-size: 0;
display: flex;
}
.form-tel form input {
width: 4.4rem;
height: 0.9rem;
font-size: 0.32rem;
color: #999;
border-right: none;
border-radius: 0.15rem 0 0 0.15rem;
padding-left: 0.4rem;
}
.form-tel form button {
flex: 1;
height: 0.9rem;
font-size: 0.32rem;
color: #fff;
vertical-align: top;
border: none;
border-radius: 0 0.15rem 0.15rem 0;
background-color: #3a83d2;
padding: 0;
}
/**======推荐产品=====**/
.recommend-products .row .col-4 {
margin-bottom: 0.4rem;
}
.recommend-products .row a {
display: block;
width: 100%;
white-space: nowrap;
}
.recommend-products .row a .imgBox {
width: 2rem;
height: 2rem;
border-radius: 0.15rem;
}
.recommend-products .row a p {
color: #333;
text-align: center;
line-height: 1;
}
.recommend-products.relative-products .row .col-4 {
margin-bottom: 0;
}
/**======行业列表/容量列表 轮播=====**/
.solution #banner-solution,
.banner-industry #banner-solution,
.banner-capacity #banner-solution {
margin-right: -0.2rem;
}
.solution #banner-solution a.swiper-slide,
.banner-industry #banner-solution a.swiper-slide,
.banner-capacity #banner-solution a.swiper-slide {
height: 1.6rem;
line-height: 2rem;
background-color: #f6f6f6;
border-radius: 0.15rem;
position: relative;
}
.solution #banner-solution a.swiper-slide dl dt,
.banner-industry #banner-solution a.swiper-slide dl dt,
.banner-capacity #banner-solution a.swiper-slide dl dt,
.solution #banner-solution a.swiper-slide dl dd,
.banner-industry #banner-solution a.swiper-slide dl dd,
.banner-capacity #banner-solution a.swiper-slide dl dd {
line-height: 1;
text-align: center;
font-weight: bold;
}
.solution #banner-solution a.swiper-slide dl dd,
.banner-industry #banner-solution a.swiper-slide dl dd,
.banner-capacity #banner-solution a.swiper-slide dl dd {
white-space: nowrap;
}
.solution #banner-solution a.swiper-slide dl,
.banner-industry #banner-solution a.swiper-slide dl {
width: 100%;
height: 0.8rem;
margin-top: 0.4rem;
position: relative;
}
.solution #banner-solution a.swiper-slide dl dt,
.banner-industry #banner-solution a.swiper-slide dl dt {
width: 0.4rem;
height: 0.4rem;
background: url("../images/icon.png") no-repeat -1.6rem -2.4rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.solution #banner-solution a.swiper-slide dl dd,
.banner-industry #banner-solution a.swiper-slide dl dd {
width: 100%;
position: absolute;
bottom: 0rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(2) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(2) dl dt {
background-position-x: -2rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(3) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(3) dl dt {
background-position-x: -2.4rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(4) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(4) dl dt {
background-position-x: -2.8rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(5) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(5) dl dt {
background-position-x: -3.2rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(6) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(6) dl dt {
background-position-x: -3.6rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(7) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(7) dl dt {
background-position-x: -4rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(8) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(8) dl dt {
background-position-x: -4.4rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(9) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(9) dl dt {
background-position-x: -4.8rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(10) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(10) dl dt {
background-position-x: -5.2rem;
}
.solution #banner-solution a.swiper-slide:nth-of-type(11) dl dt,
.banner-industry #banner-solution a.swiper-slide:nth-of-type(11) dl dt {
width: 0.44rem;
background-position-x: -5.6rem;
}
.solution #banner-solution a.swiper-slide.active,
.banner-industry #banner-solution a.swiper-slide.active {
background-color: #3a83d2;
color: #fff;
}
.solution #banner-solution a.swiper-slide.active dt,
.banner-industry #banner-solution a.swiper-slide.active dt {
background-position-y: -2.8rem;
}
/**======联系我们=====**/
.contact {
padding-top:0.3rem;
}
.contact_list { margin-left:0.2rem; margin-right:0.2rem; padding-top:0.25rem;}
.contact .col-12 {
height: 0.78rem;
margin-bottom: 0.4rem;
position: relative;
}
.contact .col-12 p {
line-height: 1;
margin-top: 0;
position: absolute;
left: 1.0rem;
}
.contact .col-12 p.top {
top: 5px;
color: #999;
}
.contact .col-12 p.top span {
padding: 0 0.2rem;
color: #fff;
background-color: #6CACCF;
margin-left:0.1rem;
}
.contact .col-12 p.bottom {
bottom: 0;
font-size: 0.28rem;
color: #333;
}
.contact .col-12 i {
width: 0.8rem;
height: 0.8rem;
border-radius: 0.1rem;
position: absolute;
top: 0;
left: 0;
background-color: #6CACCF;
}
.contact .col-12 i::before {
content: '';
width: 0.44rem;
height: 0.44rem;
background: url("../images/icon.png") no-repeat -2.2rem -0.65rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact .col-12:nth-of-type(2) i {
background-color: #27B6B0;
}
.contact .col-12:nth-of-type(2) i::before {
background-position-x: -2.64rem;
}
.contact div.col-12 i {
background-color: #DAB934;
}
.contact div.col-12 i::before {
background-position-x: -3.08rem;
}
.copy {
text-align: center;
line-height: 0.4rem;
color: #ccc;
background-color: #fff;
}
/**======底部导航=====**/
.footer-nav {
width:100%;
height: 1rem;
padding: 0.15rem 0;
overflow: hidden;
background-color: #fff;
box-shadow: 0 -1px 0.15rem 1px rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 0;
z-index: 99999;
max-width:1024px;
}
.footer-nav a {
float: left;
text-align: center;
white-space: nowrap;
}
.footer-nav .col-s {
width: 20%;
float:left;
text-align:center;
height: 0.7rem;
line-height: 5;
position: relative;
}
.footer-nav .col-s::before {
content: '';
width: 0.4rem;
height: 0.4rem;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.footer-nav .col-s::before {
background:url(../images/foot_icon1.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(2)::before {
background:url(../images/foot_icon2.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(4)::before {
background:url(../images/foot_icon3.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(5)::before {
background:url(../images/foot_icon4.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .active { color:#EC3922;}
.footer-nav .col-s.active::before {
background:url(../images/foot_icon01.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(2).active::before {
background:url(../images/foot_icon02.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(4).active::before {
background:url(../images/foot_icon03.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-s:nth-of-type(5).active::before {
background:url(../images/foot_icon04.png) no-repeat center;
background-size:0.4rem auto;
}
.footer-nav .col-b {
width: 16%;
margin:0 2%;
float:left;
height: 0.9rem;
margin-top: -0.1rem;
background-color: #ED3825;
position: relative;
}
.footer-nav .col-b::before {
content: '';
width: 0.58rem;
height: 0.64rem;
background:url(../images/foot_tell.png) no-repeat center;
background-size: 0.5rem auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/**======页面标题=====**/
.page-title {
width: 100%;
line-height: 1.5;
padding: 0.35rem 0.2rem;
text-align: center;
font-size: 0.4rem;
color: #000;
font-weight: bold;
}
.page-title p {
font-family: PingFangSC-Regular;
font-size: 0.24rem;
color: #999;
font-weight: normal;
}
/**======产品列表=====**/
.product-list a.col-12 {
background-color: #fff;
margin-bottom: 0.4rem;
padding: 0.2rem;
overflow: hidden;
}
.product-list a.col-12 .imgBox {
width: 2.7rem;
height: 1.8rem;
overflow: hidden;
}
.product-list a.col-12 .right {
max-width: 3.5rem;
height: 1.8rem;
margin-left: 0.2rem;
overflow: hidden;
}
.product-list a.col-12 .right h3 {
line-height: 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-list a.col-12 .right .parameters > dl {
line-height: 1;
margin-top: 0.2rem;
padding-left: 0.4rem;
position: relative;
}
.product-list a.col-12 .right .parameters > dl dt,
.product-list a.col-12 .right .parameters > dl dd {
float: left;
}
.product-list a.col-12 .right .parameters > dl::before {
content: '';
width: 0.3rem;
height: 0.3rem;
padding: 0.03rem;
background-image: url('../images/i1.png');
background-repeat: no-repeat;
background-position: center center;
background-origin: content-box;
background-size: contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.product-list a.col-12 .right .parameters > dl::after {
content: '';
display: block;
width: 0;
height: 0;
clear: both;
}
.product-list a.col-12 .right .parameters > dl.i2::before {
background-image: url('../images/i2.png');
}
.product-list a.col-12 .right .parameters > dl.i3::before {
background-image: url('../images/i3.png');
}
.product-list a.col-12 .right .parameters > dl.i4::before {
background-image: url('../images/i4.png');
}
.product-list a.col-12 .right .parameters > dl.i5::before {
background-image: url('../images/i5.png');
}
.product-list a.col-12 .right .parameters > dl.i6::before {
background-image: url('../images/i6.png');
}
.product-list a.col-12 .right .parameters > dl.i7::before {
background-image: url('../images/i7.png');
}
.product-list a.col-12 .right .parameters > dl.i8::before {
background-image: url('../images/i8.png');
}
.product-list a.col-12 .right .parameters > dl.i9::before {
background-image: url('../images/i9.png');
}
.product-list a.col-12 .right .parameters > dl.i10::before {
background-image: url('../images/i10.png');
}
.product-list a.col-12:last-of-type {
margin-bottom: 0;
}
/**======form表单=====**/
.formPart form input,
.formPart form select,
.formPart form textarea {
width: 100%;
height: 0.9rem;
border-radius: 0.1rem;
margin-bottom: 0.4rem;
padding: 0.2rem;
color: #999;
}
.formPart form > div.container {
height: 0.9rem;
padding: 0;
margin-bottom: 0.4rem;
position: relative;
}
.formPart form > div.container::after {
content: '';
width: 0.26rem;
height: 0.18rem;
background: url("../images/icon.png") no-repeat -5.15rem -1.1rem;
background-size: 6.51rem 5.51rem;
position: absolute;
top: 50%;
right: 0.2rem;
transform: translateY(-50%);
}
.formPart form > div.container select {
margin-bottom: 0;
color: #666;
}
.formPart form textarea {
height: 1.8rem;
}
.formPart form button.btn-full span::before {
background-position-x: -3.52rem;
}
/**=====新闻 案例 轮播图=====**/
#banner-news {
height: 4.85rem;
}
#banner-news .swiper-container .swiper-slide h2 {
width: 100%;
color: #fff;
padding: 0 0.2rem;
position: absolute;
left: 0;
bottom: 0.4rem;
}
.formPart { margin-bottom:0.25rem; padding-bottom:0.5rem;}