.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white h1 {color: #fff;}
/* .white i {background: #fff;} */
.contact img {width: auto;max-width: 100%; height: auto !important;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.row5 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.row6 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.banner {max-height:900px;overflow: hidden;position: relative;}
.banner .swiper-pagination1 {bottom:10px;position: absolute;text-align: center;z-index:2;width: 100%;}
.banner .pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;z-index:2;}
.banner .swiper-pagination-bullet {display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.banner .swiper-pagination-bullet-active{background: #00aeef;width:22px;}
.banner .swiper-button-prev1,.banner .swiper-button-next1{width:30px;height:50px;position: absolute;top: 50%;margin-top: -25px;z-index: 2;}
.banner .swiper-button-prev1{left:5%;background:#097bff url(../img/zuo.png) no-repeat center center;}
.banner .swiper-button-next1{right:5%;background:#097bff url(../img/you.png) no-repeat center center;}

/*--  首页产品分类  sub1  --*/
.sub{background: url(../img/sub-bg.jpg) no-repeat left top;padding: 3% 0;}
.sub-item {display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom:5%;}
.sub .sub-item:nth-child(2n-1) .sub-rig {border-top-left-radius:20px;border-bottom-left-radius: 20px;overflow: hidden;}
.sub .sub-item:nth-child(2n) .sub-rig {border-top-right-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;}
.sub-left {width:47.9%;padding: 0 8%;}
.sub-rig {width: 52%;}
.sub-bt {display: flex;align-items: center;animation-delay: 0.2s;}
.sub-icon {margin-right: 15px;}
.sub-tb{transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.sub-bt h3 {font-size: 68px; font-family: '阿里巴巴普惠体_M';}
.sub-li:hover .sub-tb{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.sub-dec {display: flex;align-items: flex-end;font-size: 30px;line-height:70px;padding: 10px 0;border-bottom: 1px solid #d8d8d8;margin-bottom:8%;}
.sub-num {font-size: 60px;color: #097bff;line-height: 90px;}
.sub-dw {color: #097bff;}
.sub-tit {font-size: 24px;color: #097bff;}
.sub-list {display: flex;margin-top:8%;}
.sub-li{max-width:94px;text-align: center;margin-right: 5%;}
.sub-li p {font-size: 18px;color: #282828;opacity: .6;margin-top: 15px;}
.sub-btn {margin-top:12%;}
.sub-btn a {display: block;width: 197px;height: 56px;text-align: center;line-height: 56px;background: #097bff;color: #fff;border-radius: 28px;font-size: 18px;font-family: '阿里巴巴普惠体_L';}

/*--  关于我们页  --*/
.cont{display: flex;justify-content: space-between;}
.cont-left{width: 19.4%;}
.cont-tit {width: 100%;background: #097bff;text-align: center;padding:10% 0;color: #fff;border-top-right-radius:10px;border-top-left-radius:10px;}
.cont-tit h3 {font-size: 36px;font-family: '阿里巴巴普惠体_M';}
.cont-tit i {display: block;width: 45px;height: 6px;background: #ffffff;border-radius: 6px;margin: 10px auto 0;}
.cont-ul {display: block;background: #eaebec;padding: 25px 20px;}
.cont-ul li {display: block;width: 100%;line-height: 50px;border-bottom: 1px dashed #a4a5a5;position: relative;}
.cont-ul li a {font-size: 18px;color: #000000;padding: 0;background:none;border: none;text-align: left;border-radius:0;margin-bottom: 0 !important;line-height: 50px;}
.cont-ul li i {width:9px;height:11px;background: #282828;clip-path: polygon(100% 50%, 0 0, 0 100%);position: absolute;top: 50%;right:5px;margin-top: -5.5px;}
.cont-ul li.active i{background: #e60012;}
.cont-ul li.active a,.cont-ul li.active:hover a{color: #e60012;}
.cont-rig {width: 79%;}
.abo-cont{font-size: 16px;line-height: 30px;}

/*--  产品列表页  --*/
.pro-tit h4 {font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #bebebe;}
.accordion {width: 100%;z-index: 10;position: relative;background:#ebebec;padding:20px 10px;}
.accordion .acc-li {display: block;border-bottom:1px dashed #b4b4b4;}
.accordion .acc-li i { display: block; position: absolute;right:-10px;top:0px;background: url(../img/rig.png) no-repeat center center; width:40px; height:100%;}
.accordion .acc-li .open i {background: url(../img/up.png) no-repeat center center;width:40px;height:100%;}
.accordion .acc-li .default,.link.open {}
.accordion .acc-li:last-child .link {border-bottom: none;}
.link {padding:0;position: relative;}
.link a {color: #000 !important;line-height:51px;padding:0 10px;font-size:16px;}
.accordion .acc-li .default, .link.default, .acc-li:hover .link:hover {}
.accordion .acc-li .default a, .acc-li:hover .link a {color: #e60012 !important;}
.submenu-body.open {padding:0 0 10px;}
.submenu-body li a {line-height:30px;color: #060408 !important;padding:0 15px;font-size:15px; background: url(../img/rig-bg.png) no-repeat left center;}
.submenu-body li {line-height:24px;padding-left:15px;}
.submenu-body .active a{color: #e60012 !important;}
.pro-img {border: 1px solid #dcdcdc;position: relative;overflow: hidden;}
.pro-boxnr {width: 100%;height: 100%;text-align: center;background: rgba(9,123,255,.7);padding:35% 5px 0;position: absolute;bottom:-50%;left: 0;opacity: 0;
	-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro-boxnr p {color: #fff;font-size: 24px;}
.pro-boxnr a {display: block;width: 107px;height: 32px;text-align: center;line-height: 32px;background: #ffffff;margin: 10px auto 0;color: #097bff;}
.pro-box {text-align: center;margin-top: 5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro-box p {font-size: 24px;}
.pro-box a {display: block;width: 107px;height: 32px;text-align: center;line-height: 32px;background: #097bff;color: #fff;margin:5px auto 0;font-family: '阿里巴巴普惠体_L';}
.pro-item{cursor: pointer;margin-bottom: 20px;}
.pro-item:hover .pro-boxnr{bottom: 0;opacity: 1;}
.pro-item:hover .pro-box {opacity: 0;}

/*--  产品详情页  --*/
.pro-top {display: flex;justify-content: space-between;}
.pro-zuo {width: 36.2%;}
.big{position: relative;border: 1px solid #dcdcdc;}
.big .swiper-button-prev,.big .swiper-button-next{ width:30px; height:50px;cursor: pointer; position: absolute;top:50%;margin-top: -25px; z-index: 999;display: block;}
.big .swiper-button-prev {left:4%;background:#097bff url(../img/zuo.png) no-repeat center center;opacity: 0;transition:all 0.5s;}
.big .swiper-button-next {right:4%;background:#097bff url(../img/you.png) no-repeat center center;opacity: 0;transition:all 0.5s;}
.big:hover .swiper-button-prev {left:15px;opacity: 1;}
.big:hover .swiper-button-next {right:15px;opacity: 1;}
.pro-you {width: 60.9%;}
.pro-bt {padding-bottom: 15px;border-bottom: 1px solid #c1c1c1;}
.pro-bt h6 {font-size: 24px;color: #282828;}
.pro-cont {font-size: 18px;color: #282828;line-height: 33px;min-height: 264px;}
.pro-btn {margin-top: 3%;display: flex;align-items: center;}
.pro-btn a {display: block;width: 240px;height: 58px;text-align: center;line-height: 58px;background: #097bff;color: #fff;font-size: 24px;
	letter-spacing: 1px;margin-right: 10px;font-family: '阿里巴巴普惠体_L';}
.pro-menu {width: 100%;background: #e5e5e5;text-align: center;position: sticky;top:65px;z-index: 10001;}
.pro-tab{width: 100%;display: flex;align-items: center;}
.pro-tab li {width:15%;line-height: 58px;text-align: center;background: #d2d2d2;margin-right: 1px; color: #000000; font-size: 18px;list-style: none;cursor:pointer;}
.pro-tab li:last-child{border: none;}
.pro-tab li.active {background: #097bff;color: #fff;}
.pro2 {padding: 3% 0;}
.pro-sub {margin: 30px 0 50px;}
.p-tit {font-size: 24px;}
.p-cont {line-height: 30px;color: #282828;}
.bott-nr {position: relative;}
.bott-img {border: 1px solid #dcdcdc;}
.bott-box {margin-top: 5px;text-align: center;}
.bott-box p {font-size: 24px;color: #282828;}
.bott-box a {display: block;width: 107px;height: 32px;text-align: center;line-height: 32px;background: #097bff;color: #fff;font-family: '阿里巴巴普惠体_L';margin: 5px auto 0;}
.pro-cont ul,.p-cont ul{padding-left:20px;}
.pro-cont ul li,.p-cont ul li {list-style: inherit;}

/*--  营销服务页  --*/
.sales-tit {font-size: 24px;color: #097bff;font-family: '阿里巴巴普惠体_M';}
.sales-cont {line-height: 30px;}
.sales-item {margin-bottom: 3%;}
.sales-list p {text-align: center;font-size: 18px;line-height:30px;margin-top: 5px;}

/*--  清洁解决方案列表页  --*/
.solu-item{cursor: pointer;margin-bottom: 20px;}
.solu-img {border: 1px solid #dcdcdc;overflow: hidden;}
.solu-img img {-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.solu-list p {width: 100%;line-height: 70px;text-align: center;background: #858585;color: #fff;font-size: 18px;transition: all 300ms ease-in-out;}
.solu-item:hover .solu-img img {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.solu-item:hover .solu-list p {background:#097bff;}

/*--  清洁解决方案详情页  --*/
.solu-tit h6 {font-size: 24px;color: #282828;}
.solu-cont {line-height: 36px;font-size: 18px;color: #282828;}
.solu-bott .row {margin: 0 -22px;}
.solu-item2 {margin-bottom: 3%;padding: 0 22px;}
.solu-tu {border: 1px solid #dcdcdc;}

/*--  联系我们页  --*/
.cont-top {display: flex;justify-content: space-between;}
.cont-zuo {width: 60.5%;display: flex;justify-content: space-between;}
.cont-img {width: 41.8%;}
.cont-box {width: 52.8%;}
.cont-bt h3 {font-size: 36px;font-family: '阿里巴巴普惠体_M';}
.cont-bt i {display: block;width: 50px;height: 3px;background: #097bff;margin-top:10px;}
.cont-box ul {margin-top:8%;}
.cont-box ul li {display: flex;align-items: center;margin-bottom: 10px;}
.cont-box ul li img {margin-right: 10px;}
.cont-box ul li p a {color: #000;}
.cont-box ul li p a:hover {color: #097bff;text-decoration: underline;}
.cont-you {width: 37.5%;}
.cont-item {margin-bottom: 10px;}
.cont-item p {line-height: 24px;margin-bottom: 10px;}
.cont-item input{display: block;width: 100%;height:43px;border: 1px solid #bfbfbf;border-radius: 5px;padding: 0 10px;}
.cont-item textarea {display: block;width: 100%;height: 98px;border: 1px solid #bfbfbf;border-radius: 5px;padding: 5px 10px;}
.cont-item button {display: block;width: 146px;height: 43px;background: #097bff;text-align: center;line-height: 43px;border-radius: 5px;color: #fff;font-family: '阿里巴巴普惠体_L';}

/*--  绿色环保页  --*/
.env-top {position: relative;overflow: hidden;}
.env-box {width: 100%;height:100%;position: absolute;top: 0;left: 0;display: flex;padding-top: 5%;}
.env-tit h3 {font-size: 60px;color: #fff;letter-spacing:2px;font-family: '阿里巴巴普惠体_M';}
.env-cont {line-height: 30px;color: #fff;font-family: '阿里巴巴普惠体_L';letter-spacing: 1.5px;}
.env1-rig {padding-top:3%;}
.env1-cont {line-height:40px;}
.env1-bott {padding: 0 25%;}
.env1-list {text-align: center;}
.env1-icon {width: 105px;height: 105px;display: flex;align-items: center;justify-content: center; margin: 0 auto;text-align: center;}
.env1-list p{font-size: 18px;margin-top: 15px;}
.env2 {background: #f1f7ff;}
.env2-img {overflow: hidden;}
.env2-nr .env2-item:nth-child(2n-1) .env2-img {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.env2-item {margin-bottom: 3%;}
.env2-tit {}
.env2-tit p {font-size: 36px;color: #097bff;}
.env2-cont {line-height: 30px;margin-top: 15px;}

/* [data-animation] {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
} */
.animation-slide-top {
    animation: slide-top 1s cubic-bezier(.25,.46,.45,.94) both;
    opacity: 0;
    transform: translateY(5.208vw)
}

@keyframes slide-top {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animation-slide-left {
    animation: slide-left 1s cubic-bezier(.25,.46,.45,.94) both;
    opacity: 0;
    transform: translate(5.208vw)
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animation-slide-right {
    animation: slide-right 1s cubic-bezier(.25,.46,.45,.94) both;
    opacity: 0;
    transform: translate(-5.208vw)
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translate(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.animation-show {
    opacity: 1;
    transition: opacity .3s ease-in-out .5s
}

.wow-text {
    opacity: 1;
    transform: scale(.5)
}

.animation-show-big {
    animation: show-big .6s cubic-bezier(.25,.46,.45,.94) both
}

@keyframes show-big {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}










@media only screen and (max-width:1600px) {
	.pad5 {padding:5% 3%;}
	.pad4 {padding:4% 3%;}
	.pad3 {padding:3% 3%;}
	.pad2 {padding:2% 3%;}
	.pad1 {padding:1% 3%;}
	.sub-bt h3{font-size: 60px;}
	.sub-num{font-size: 50px;line-height: 80px;}
	.sub-left,.env-nr{padding: 0 3%;}
	.sub-list{margin-top: 5%;}
	.pro-box p,.pro-boxnr p{font-size: 22px;}
	
}
@media only screen and (max-width:1400px) {
	.sub-left{padding: 0 15px 0 3%;}
	.sub-bt h3,.env-tit h3{font-size: 55px;}
	.sub-num{font-size: 45px;}
	.sub-dec{margin-bottom: 5%;}
	.sub-btn{margin-top: 8%;}
	.sub-li p{font-size: 16px;}
	.cont-tit h3,.env2-tit p{font-size: 32px;}
	.pro-box p,.pro-boxnr p{font-size: 20px;}
	.pro-btn a{height: 50px;line-height: 50px;font-size: 22px;}
	.pro-cont{min-height: inherit;}
	.pro-tab li{width: 20%;}
	.solu-list p{line-height: 60px;}
	.env1-bott{padding: 0 20%;}
}
@media only screen and (max-width:1300px) {
	.cont-left{width:25%;}
	.cont-rig{width: 72%;}
	.solu-list p{line-height: 50px;}
	.solu-bott .row {margin: 0 -15px;}
	.solu-item2 {padding: 0 15px;}
	.sub-bt h3,.env-tit h3{font-size:50px;}
}
@media only screen and (max-width:1200px) {
	.pad5 {padding:5% 15px;overflow: hidden;}
	.pad4 {padding:4% 15px;overflow: hidden;}
	.pad3 {padding:3% 15px;overflow: hidden;}
	.pad2 {padding:2% 15px;overflow: hidden;}
	.pad1 {padding:1% 15px;overflow: hidden;}
	.env-nr{padding: 0 15px;}
	.sub-bt h3,.env-tit h3{font-size:45px;}
	.sub-num{font-size: 35px;line-height: 70px;}
	.sub-list,.sub-btn{margin-top: 15px;}
	.cont-tit h3,.env2-tit p{font-size:28px;}
	.cont-tit i{height: 3px;border-radius: 3px;}
	.pro-box p,.pro-boxnr p{font-size: 18px;}
	.pro-box a,.pro-boxnr a{font-size: 14px;}
	.pro-tit h4{font-size: 22px;}
	.pro-btn a{font-size: 20px;}
	.cont-bt h3{font-size: 32px;}
	.env-cont{margin-top: 20px !important;line-height: 24px;}
	.env1-bott{padding: 0 10%;}
}
@media screen and (max-width:992px) {
	.sub-bt h3,.env-tit h3{font-size:40px;}
	.sub-dec,.sub-num{font-size: 28px;}
	.sub-li p{font-size: 14px;}
	.cont-tit h3,.env2-tit p{font-size:24px;}
	.cont-ul{padding: 20px 10px;}
	.cont-tit{padding: 5% 0;}
	.pro-box p,.pro-boxnr p{font-size: 16px;}
	.cont-left{width:30%;}
	.cont-rig{width:67%;}
	.pro-tit h4{font-size: 20px;}
	.pro-btn a{font-size: 18px;}
	.solu-bott .row {margin: 0 -10px;}
	.solu-item2 {padding: 0 10px;}
	.cont-top{display: block;}
	.cont-zuo,.cont-you{width: 100%;}
	.cont-you{margin-top: 20px;}
	.cont-bt h3{font-size: 28px;}
	.env1-bott{padding: 0;}
}
@media screen and (max-width: 768px) {
	.sub-item{display: block;padding: 0 15px;}
	.sub-left,.sub-rig{width: 100%;padding: 0;margin: 20px 0;}
	.sub-bt h3,.env-tit h3{font-size: 32px;}
	.sub-dec, .sub-num,.cont-bt h3{font-size: 24px;}
	.sub-tit{font-size: 20px;}
	.sub-btn a{height: 40px;line-height: 40px;}
	.cont,.pro-top,.cont-zuo{display: block;}
	.cont-left,.cont-rig,.pro-zuo,.pro-you,.cont-img,.cont-box{width: 100%;}
	.cont-rig,.pro-you,.cont-box,.env1-rig,.env2-left,.env2-rig{margin-top: 20px;}
	.pro-tab li{width: 33%;}
	.solu-bott .row {margin: 0 -5px;}
	.solu-item2 {padding: 0 5px;}
	.solu-tit h6{font-size: 20px;}
	.env-cont{display: none;}
}