/* Css Flash */
.swiper1{ width:100%; height:950px;}
.swiper1 .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1680px){.swiper1{ height:830px;}}
@media screen and (max-width:1440px){.swiper1{ height:715px;}}
@media screen and (max-width:1366px){.swiper1{ height:675px;}}
@media screen and (max-width:1280px){.swiper1{ height:635px;}}
@media screen and (max-width:1024px){.swiper1{ height:505px;}}
@media screen and (max-width:800px){.swiper1{ height:400px;}}
@media screen and (max-width:640px){.swiper1{ height:315px;}}
@media screen and (max-width:480px){.swiper1{ height:235px;}}
@media screen and (max-width:414px){.swiper1{ height:205px;}}
@media screen and (max-width:375px){.swiper1{ height:185px;}}
@media screen and (max-width:320px){.swiper1{ height:160px;}}

/* Css Dishwasher */
.xw-zb{ float:left; width:25%;}
.tabs a{ display:block; width:100%; height:200px; padding:0 25px 0 45px; border-bottom:1px solid #f0f0f0; background-color:#fff; cursor:pointer; overflow:hidden; display:flex; justify-content:center; flex-direction:column;}
.tabs a:nth-of-type(4){ border-bottom:none;}
.tabs a.active{ background-color:#1350a8;}
.tabs a h2{ font-family:"Montserrat-Bold-3"; font-size:24px; color:#1350a8; text-transform:uppercase;}
.tabs a h3{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; color:#333; line-height:32px;}
.tabs a.active h2, .tabs a.active h3{ color:#fff;}
.xw-yb{ float:left; width:75%;}
.tabs-container a{ display:block; width:100%; height:800px; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1680px){
.tabs a{ height:175px;}
.tabs-container a{ height:700px;}
}
@media screen and (max-width:1440px){
.tabs a{ height:150px; padding:0 25px;}
.tabs a h2{ font-size:18px; line-height:24px;}
.tabs a h3{ font-size:22px; line-height:30px;}
.tabs-container a{ height:600px;}
}
@media screen and (max-width:1366px){
.tabs a{ height:142px;}
.tabs-container a{ height:568px;}
}
@media screen and (max-width:1280px){
.tabs a{ height:134px;}
.tabs-container a{ height:536px;}
}
@media screen and (max-width:1150px){
.tabs a{ height:120px;}
.tabs-container a{ height:480px;}
}
@media screen and (max-width:1024px){
.tabs a{ height:107px; padding:0 20px;}
.tabs a h2{ font-size:14px; line-height:20px;}
.tabs a h3{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:16px; line-height:26px;}
.tabs-container a{ height:428px;}
}
@media screen and (max-width:800px){
.xw-zb{ float:inherit; width:100%;}
.tabs a{ float:left; width:50%;}
.tabs a:nth-of-type(1), .tabs a:nth-of-type(3){ border-right:1px solid #f0f0f0;}
.tabs a:nth-of-type(3){ border-bottom:none;}
.xw-yb{ float:inherit; width:100%;}
.tabs-container a{ height:460px;}
}
@media screen and (max-width:640px){
.tabs-container a{ height:365px;}
}
@media screen and (max-width:480px){
.tabs a{ height:100px; padding:0 15px;}
.tabs a h2{ font-size:12px; line-height:17px;}
.tabs a h3{ font-size:14px; line-height:22px;}
.tabs-container a{ height:275px;}
}
@media screen and (max-width:414px){
.tabs-container a{ height:235px;}
}
@media screen and (max-width:375px){
.tabs-container a{ height:215px;}
}
@media screen and (max-width:320px){
.tabs-container a{ height:185px;}
}

/* Css Garbage */
.swiper2{ width:100%; height:650px;}
.lj-zb{ float:left; width:60%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.lj-zb a{ display:block; width:100%; height:100%;}
.lj-yb{ float:left; width:40%; height:100%; background-color:#fff; padding:78px 100px; position:relative;}
.lj-yb h1{ font-family:"Montserrat-Bold-3"; font-size:48px; color:#1350a8; text-transform:uppercase; line-height:48px; margin-left:-3px;}
.lj-yb h2{ font-family:"Montserrat-Bold-3"; font-size:24px; color:#1350a8; text-transform:uppercase; line-height:32px;}
.lj-yb h3{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; color:#333;}
.lj-yb p{ font-size:18px; color:#888; line-height:30px; margin-top:23px;}
.lj-yb a{ position:absolute; left:100px; bottom:85px; display:block; width:150px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background-color:#1350a8; -webkit-border-radius:20px; border-radius:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.lj-yb a:hover{ background-color:#3179e0;}
.swiper-pagination2{ width:60%; position:relative; line-height:0; margin-top:-30px;}
.swiper-pagination2 .swiper-pagination-bullet{ margin:0 5px;}
@media screen and (max-width:1680px){
.swiper2{ height:570px;}
.lj-yb{ padding:68px 85px;}
.lj-yb a{ left:85px; bottom:75px;}
}
@media screen and (max-width:1440px){
.swiper2{ height:485px;}
.lj-yb{ padding:50px;}
.lj-yb h1{ font-size:36px; line-height:36px; margin-left:-2px;}
.lj-yb h2{ font-size:18px; line-height:32px;}
.lj-yb h3{ font-size:22px; line-height:22px;}
.lj-yb p{ font-size:16px; line-height:28px; margin-top:20px;}
.lj-yb a{ left:50px; bottom:55px; width:120px;}
}
@media screen and (max-width:1280px){
.swiper2{ height:435px;}
}
@media screen and (max-width:1150px){
.swiper2{ height:385px;}
.lj-yb{ padding:35px;}
.lj-yb p{ font-size:14px; line-height:24px; margin-top:16px;}
.lj-yb a{ left:35px; bottom:40px; width:100px; height:32px; line-height:32px; font-size:16px;}
}
@media screen and (max-width:1024px){
.swiper2{ height:350px;}
.lj-yb{ padding:25px;}
.lj-yb h1{ font-size:24px; line-height:24px; margin-left:-1px;}
.lj-yb h2{ font-size:14px; line-height:24px;}
.lj-yb h3{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:16px; line-height:22px;}
.lj-yb p{ margin-top:12px;}
.lj-yb a{ left:25px; bottom:30px; width:88px; height:30px; line-height:30px; font-size:14px;}
.swiper-pagination2{ margin-top:-20px;}
.swiper-pagination2 .swiper-pagination-bullet{ margin:0 4px;}
}
@media screen and (max-width:800px){
.lj{ position:relative;}
.swiper2{ height:auto;}
.lj-zb{ float:inherit; width:100%; height:465px;}
.lj-yb{ float:inherit; width:100%; height:auto; padding:20px 20px 25px;}
.lj-yb a{ position:relative; left:0; bottom:0; margin-top:20px;}
.swiper-pagination2{ width:100%; position:absolute; top:445px; margin-top:0;}
}
@media screen and (max-width:640px){
.lj-zb{ height:375px;}
.swiper-pagination2{ top:355px;}
}
@media screen and (max-width:480px){
.lj-zb{ height:275px;}
.swiper-pagination2{ top:255px;}
}
@media screen and (max-width:414px){
.lj-zb{ height:245px;}
.swiper-pagination2{ top:225px;}
}
@media screen and (max-width:375px){
.lj-zb{ height:215px;}
.swiper-pagination2{ top:195px;}
}
@media screen and (max-width:320px){
.lj-zb{ height:185px;}
.swiper-pagination2{ top:165px;}
}