*{margin: 0;padding: 0;}
html{width: 100%; height: 100%; margin: 0 auto;}
body {font-family: Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif; font-size: 22px; line-height: 1.5; -webkit-touch-callout: none; height: 100%; max-width: 750px!important; min-width: 320px!important;  margin: 0 auto; color: #333333;}
a,ul,dl,dd,dt,div,p,h1,h2,h3,h4,h5,span,form,label,input,b,strong,em,i{padding: 0;margin: 0;}
strong{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input,a,select{outline: none;}
input{border: none;max-width:100%;text-indent:6px;}
input:focus {outline: none;}
textarea:focus {outline: none;}
select:focus{outline: none;}
a,a:hover{text-decoration: none; color: #333;}
textarea{margin-left: 5px;margin-right: 5px;outline:none;}
li{list-style: none;}
textarea{resize: none;}
input,a,select,textarea,label{-webkit-tap-highlight-color: transparent;}
input {-webkit-appearance:none; /*去除input默认样式*/}

.hidden{overflow: hidden }
.clear_fix:after{content: "";display: block;height: 0;clear: both;}
.fl{float: left;}
.fr{float: right;}


.wrap { width: 100%; }
.container-margin-20 { margin: 0 20px; }
.margintop220{ margin-top: 220px; }
.margintop10{ margin-top: 10px; }
.margintop20{ margin-top: 20px; }
.margintop40{ margin-top: 40px; }
.margintop60{ margin-top: 50px; }
.margintop80{ margin-top: 80px; }
.margintop110{ margin-top: 120px; }
.margintop120{ margin-top: 120px; }
.marginbom130{ margin-bottom: 130px; }
.container-margin-140 { width: 100%; height: 140px; }
.default-submit,.default-submit:hover{ margin: 0px auto 30px auto; width: 80%; height: 60px; background: #0BA29B; color: #fff; font-size: 26px; line-height: 60px; border-radius: 50px; display: block; text-align: center;}
.submit-orange,.submit-orange:hover{ background:#FF7E28;  }
.height80,.height80:hover{ height: 80px; line-height: 80px; }

.grey-line { width: 100%; height: 20px; background: #F4F4F4; }
.center-text{ text-indent:30px;}
.color-orange { color: #FB4106; }
.color-green { color: #0BA29B; }
.color-red { color: #FA3237; }

body{ background: #3469E9; }

.main-banner { width: 100%; background: #fff; }
.main-content-container {margin-top: 460px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px;}
.main-big-mktitle { width: 100%; height: 84px; line-height: 84px; border-radius: 15px; background: #3399CC; font-size: 48px; color: #fff; text-align: center; letter-spacing: 10px;}
.about-contents{ margin-top: 20px; width: 100%; font-size: 34px; line-height: 1.8; color: #666; text-align: justify; }
.main-small-mktitle { width: 340px; height: 66px; border-bottom: 4px solid #3399CC; font-size: 40px; color: #000; text-align: center; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.main-lueying img{ border-radius: 10px; margin-bottom: 20px; }
.main-jiejing{ margin-top: 20px; width: 100%;}

/* 洁净指南 */
.main-zhinan { width: 100%; height: 1250px; margin-bottom: 40px; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

.main-moudle-special { width: 100%; height: 390px; border: 1px solid #F2F2F2; border-radius: 14px; margin-bottom: 40px;  }
.main-moudle-special .moudle-image { width: 100%; height: 320px; }
.main-moudle-special .moudle-image img{ width: 100%; height: 100%;  border-top-left-radius: 14px; border-top-right-radius: 14px; }
.main-moudle-special .moudle-content { width: 100%;  padding: 10px 15px 0px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.main-moudle-special .moudle-content-height { width: 100%; height: 1px; }
.main-moudle-special .moudle-content .title { font-size: 32px; font-weight: 500; color: #1E2223;padding: 0 5px;  display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main-moudle-special .moudle-content .desc { font-size: 26px; margin-top: 6px; color: #999;padding: 5px; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1; }


.scale-img-container{position: fixed; z-index: -1; opacity: 0;background: rgba(0,0,0,0.9); width: 100%;height: 100%; top:0; left:0;}
.scale-img-container .swiper-scale {position: relative; width: 100%; top: 20%}
.scale-img-container .swiper-scale  .swiper-wrapper{width: 100%;height: 100%;}
.scale-img-container .swiper-slide{width: 100%;height: 100%;display: table}
.scale-img-container .swiper-slide .cell{width: 100%;;height: 100%;display: table-cell;vertical-align: middle;text-align: center;}
.scale-img-container .swiper-slide .cell p{ font-size: 20px; color: #fff;  margin-top: 20px;}
.scale-img-container .swiper-slide img{max-width: 90%; margin:0 auto;}