/* CSS Reset */
html{-webkit-text-size-adjust:none;} 
body{color: #1e1e1e;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;width: 100%;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.clamp5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.loadgif::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 111;background: url('../images/loading.gif') center no-repeat #f1f1f1;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
 



/* header */
.header {position:fixed;left: 0;top: 0;z-index: 3500;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #666;opacity: .1;z-index: 1;display: none;}
.header ul,.header li {list-style: none;margin: 0;padding: 0;}
.header-content {width: 96%;height: 85px;margin: auto;display: flex;position: relative;} 
.header-content::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;opacity: .2;z-index: 1;}
.header-content-left {width: 20%;height: 100%;position: relative;}
.header-logo {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 187px;height: 44px;}
.header-logo a {display: block;position: relative;width: 100%;height: 100%;}
.header-logo img {right: auto;filter: invert(100%) grayscale(100%) brightness(3);}
.header-content-center {width: 60%;height: 100%;display: flex;align-items: center;}
.header-nav {width: 100%;height: 100%;text-align: center;}
.header-nav ul {width: 100%;height: 100%;display: flex;align-items: center;list-style: none;margin: 0;padding: 0;justify-content: center;}
.header-nav li{height: 100%;padding: 0 1.5rem;display: flex;align-items: center;}
.header-nav a {width: 100%;color: #fff;display: block;position: relative;}
.header-nav a::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;}
.header-nav a:hover {color: #fff;}
.header-nav a:hover::after {width: 100%;}
.header-nav li.cur a::after {width: 100%;}
.header-content-right {width: 20%;height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.header-link {height: 100%;display: flex;align-items: center;}
.header-link .link-1{height: 100%;position: relative;display: flex;align-items: center;} 
.header-link .link-1 a {display: flex;align-items: center;justify-content: center;background: #111857;border-radius: 6px;overflow: hidden;padding: 4px;box-sizing: border-box;border: 1px solid #111857;}
.header-link .link-1 a span {display: block;color: #fff;padding: 0 20px;}
.header-link .link-1 a i {display: block;width: 36px;height: 36px;background: #fff;position: relative;border-radius: 4px;overflow: hidden;}
.header-link .link-1 a i img {max-width: 50%;max-height: 50%;}
.header-link .link-1 a:hover {background: #fff;border: 1px solid #ccc;}
.header-link .link-1 a:hover span {color: #000;}
.header-link .link-1 a:hover i {background: #111857;}
.header-link .link-1 a:hover i img {filter: invert(1) grayscale(1) brightness(4);}
.header-show-mark.cur  {display: block;opacity: 1;z-index: 1100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.7);opacity: 0;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:2111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;padding-top:85px;background: #fff;}
.header-nav-list {display: flex;justify-content: center;width: 60%;margin: auto;padding: 2% 0;overflow: hidden;}
.header-nav-list-item {width: 30%;margin: 0 2%;}
.header-nav-list-item a {display: block;position: relative;}
.header-nav-list-item .img {border-radius: 8px;overflow: hidden;}
.header-nav-list-item .title-1 {color: #000;padding: 10px 0;}
.header-nav-list-item a:hover .pic {transform: scale(1.05);}


.header.scroll-down {background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);}
.header.scroll-down .header-logo img {filter: none;}
.header.scroll-down .header-nav a {color: #000;}
.header.scroll-down .header-nav a::after {background: #111857;}
.detial .header::after {display: block;}
.detial .header .header-logo img {filter: none;}
.detial .header-nav a {color: #000;}
.detial .header .header-nav a::after {background: #111857;}
.no-touch .header {box-shadow:none;}
.no-touch .header-logo img {filter: none;}
.no-touch .header-content::after {background: #000;}
.header.scroll-down .menu-toggle span.hamburger,.detial .header .menu-toggle span.hamburger,
.header.scroll-down .menu-toggle span.hamburger:after,.detial .header .menu-toggle span.hamburger:after,
.header.scroll-down .menu-toggle span.hamburger:before,.detial .header .menu-toggle span.hamburger:before {background: #000;}
.header.hover {background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);}
.header.hover .header-logo img {filter: none;}
.header.hover .header-nav a {color: #000;}
.header.hover .header-nav a::after {background: #111857;}
.header.hover::after {display: none;}



/* footer */
.footer {position: relative;clear: both;overflow: hidden;position: relative;z-index: 100;}
.footer::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #666;opacity: .1;z-index: 1;}
.footer p {margin: 0;padding: 0;}
.footer a {color: #bdbdbd;}
.footer a:hover {color: #111857;text-decoration: underline;}
.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {width: 68%;margin: auto;position: relative;}  
.footer-top {padding: 4% 0;display: flex;align-items: center;justify-content: space-between;}
.footer-logo a {display: block;width: 190px;height: 44px;}
.footer-gotop a {width: 45px;height: 45px;position: relative;display: block;border-radius: 100%;overflow: hidden;background: #ececf6;}
.footer-gotop a img {max-width: 25%;max-height: 25%;}
.footer-gotop a:hover {background: #111857;}
.footer-gotop a:hover img {filter: invert(1) grayscale(1) brightness(4);}
.footer-center {display: flex;justify-content: space-between;padding-bottom: 120px;}
.footer-nav {display: flex;width: 60%;}
.footer-nav ul {margin-right: 90px;}
.footer-nav ul:last-child {margin-right: 0;}
.footer-nav ul strong {display: block;padding-bottom: 25px;overflow: hidden;color: #000;}
.footer-nav li {margin-top: 0;}
.footer-nav li a {display: block;margin-bottom: 10px;color: #000;}
.footer-contact {text-align: right;}
.footer-contact a {color: #000;}
.footer-contact p {margin:0;padding:0;}
.footer-socialize {display: flex;justify-content: flex-end;position: relative;margin-top: 20px;}
.footer-socialize li {position: relative;margin-left: 10px;}
.footer-socialize li i{display: block;width: 30px;height: 30px;position: relative;border-radius: 100%;}
.footer-socialize li i img {opacity: .3;max-width: 60%;max-height: 60%;}
.footer-socialize li a:hover i {background: #111857;}
.footer-socialize li a:hover img {opacity: 1;filter: invert(1);}
.footer-bottom {clear: both;padding: 25px 0;color: #bdbdbd;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ededed;}




 

/* index */   
.index-banner{width: 100%;position: relative;z-index: 1;background: #111857;}
.index-banner::after {content: '';width: 79%;height: 50px;background: #fff;position: absolute;left: -10%;bottom: -1%;z-index: 2;transform: skewX(40deg);}
.index-banner-content{width:100%;margin: auto;}
.index-banner-item {overflow: hidden;position: relative;transition:all .4s ease;opacity: 0;}
.index-banner-item .text {position: absolute;left: 5%;top: 50%;transform: translateY(-55%);z-index: 10;width: 90%;overflow: hidden;text-align: center;color: #fff;}
.index-banner-item .title-1 {overflow: hidden;}
.index-banner-item .text-1 {margin-top: 1rem;} 
.index-banner-item .pic {background-color: #111857;}
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item{opacity: 1;}
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .title-1 h1,
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .text-1 {transform:translate(0);opacity: 1;}
.index-banner-swiper .scrolldown-1 {position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);z-index: 20;}
.index-banner-swiper .scrolldown-1 i {animation: piaofu 1s infinite ease-in-out;}
.scrolldown-1 a {display: block;position: relative;text-align: center;}
.scrolldown-1 a:hover {transform: translateY(-5px);}
.scrolldown-1 a span{display: block;color: #fff;}
.scrolldown-1 a i{display: block;width: 15px;height: 15px;position: relative;margin: auto;}
.scrolldown-1 a i::before,.scrolldown-1 a i::after {content: '';width: 10px;height: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url('../upload/r2.png') center no-repeat;background-size: 100%;}
.scrolldown-1 a i::after {top: 85%;}

.ess-content {width: 68%;margin: auto;position: relative;}  
.index-introduction {text-align: center;padding: 6% 0;overflow: hidden;}
.index-introduction-text {position: relative;}
.ess-title .title-1{margin-bottom: 1%;text-align: center;}
.ess-title .text-1{width: 56%;text-align: center;margin: auto;}
.index-introduction .learnmore-1 {margin-top: 2%;}
.learnmore-1 {text-align: center;}
.learnmore-1 a {display: inline-block;align-items: center;background: #111857;padding: 4px;border-radius: 6px;overflow: hidden;font-size: 0;box-sizing: border-box;position: relative;border: 1px solid #111857;}
.learnmore-1 a span {display: inline-block;color: #fff;vertical-align: middle;padding: 0 15px;position: relative;z-index: 10;}
.learnmore-1 a i {display: inline-block;vertical-align: middle;position: relative;z-index: 10;width: 40px;height: 40px;background: #fff;position: relative;border-radius: 4px;overflow: hidden;margin-left: 15px;}
.learnmore-1 a i::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('../upload/r2.svg') center no-repeat;background-size: 30%;}
.learnmore-1 a:hover {box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);border: 1px solid #ccc;background: #fff;transform: translateY(-4px);} 
.learnmore-1 a:hover span {color: #111857;}
.learnmore-1 a:hover i {background: #111857;}
.learnmore-1 a:hover i::after {filter: invert(1) grayscale(1) brightness(4);}


.index-application {overflow: hidden;position: relative;}
.index-application-pic {overflow: hidden;position: relative;}
.index-application-pic::before,.index-application-pic::after  {content: '';height: 50px;background: #fff;position: absolute;z-index: 2;}
.index-application-pic::before {width: 61.5%;left: -10%;top: -1%;transform: skewX(-40deg);}
.index-application-pic::after {width: 40%;right: -10%;bottom: -1%;transform: skewX(-40deg);background: url('../upload/c2.png') right bottom no-repeat #fff;background-size: 100% 100%;}
.index-application-pic .pic-1 {overflow: hidden;position: relative;}
.index-application-pic .product-1 {position: absolute;left: 67%;top: 65%;z-index: 13;transform: translate(.7rem,.9rem);}
.index-application-pic .product-1.pro1 {left: 67%;top: 65%;}
.index-application-pic .product-1.pro2 {left: 67%;top: 73%;}
.index-application-pic .product-1:hover .text-1 {opacity: 1;z-index: 12;display: block;}
.index-application-pic .point-1 {position: relative;}
.index-application-pic .point-1 a {display: block;position: relative;}
.index-application-pic .point-1 a::before {content: '';background: #000;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4px;height: 4px;z-index: 20;}
.index-application-pic .point-1 a i {display: block;width: 20px;height: 20px;position: relative;margin: auto;}
.index-application-pic .point-1 a i::before,.index-application-pic .point-1 a i::after {content: '';background: #fff;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-application-pic .point-1 a i::before {width: 20px;height: 20px;}
.index-application-pic .point-1 a i::after {width: 20px;height: 20px;opacity: .5;}
.index-application-pic .point-1 a i::after{width: 100%;height: 100%;animation: yuanfangda2 1500ms infinite ease;}
.index-application-pic .point-1 a:hover::before {background: #fff;}
.index-application-pic .point-1 a:hover i::before,.index-application-pic .point-1 a:hover i::after{background: #23cfd2;}
.index-application-pic .text-1 {position: absolute;right: 200%;top: 0;z-index: -2;transition:all .4s ease;display: none;}
.index-application-pic .text-1 a {display: block;position: relative;}
.index-application-pic .text-1 a::before {content: '';width: 90%;height: 10px;background: #111857;position: absolute;right: -4px;top: 0;z-index: 1;transform: skewX(-40deg);}
.index-application-pic .text-1 span {display: block;color: #fff;background: #111857;padding: 17px 20px;border-radius: 10px;overflow: hidden;}

.index-doubt {padding: 8% 0;overflow: hidden;background: url('../upload/c1.jpg') center top no-repeat;background-size: 100%;}
.index-doubt-title {text-align: center;}
.index-doubt-bottom {margin-top: 5%;}
.index-doubt-swiper {overflow: hidden;width: 50%;margin: auto;}
.index-doubt-item {position: relative;}
.index-doubt-item .icon-1 {width: 130px;margin: auto;position: relative;}
.index-doubt-item .text-1 {text-align: center;margin-top: 3%;}
.index-doubt-nav {width: 68%;margin: auto;margin-top: 4%;}
.index-doubt-nav ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;text-align: center;border: 2px solid #ededed;border-radius: 6px;overflow: hidden;justify-content: center;}
.index-doubt-nav ul li{list-style: none;margin: 0;padding: 0;width: 33%;box-sizing: border-box;padding: 5px;overflow: hidden;}
.index-doubt-nav ul li a{display: flex;align-items: center;justify-content: center;padding: 20px 0;border-radius: 6px;overflow: hidden;}
.index-doubt-nav ul li i{font-style: normal;color: #000;border: 1px solid #ccc;padding: 2px 5px;border-radius: 4px;overflow: hidden;}
.index-doubt-nav ul li span{margin-left: 10px;color: #000;}
.index-doubt-nav ul li.cur a {background: #111857;}
.index-doubt-nav ul li.cur i {background: #fff;color: #000;}
.index-doubt-nav ul li.cur span{color: #fff;}

.index-solution {overflow: hidden;position: relative;}
.index-solution .ess-title {text-align: center;padding-bottom: 5%;}
.index-solution-pic {position: relative;overflow: hidden;}
.index-solution-pic .pic-1 {background: #111857;overflow: hidden;position: relative;}
.index-solution-pic .pic-1::before,.index-solution-pic .pic-1::after  {content: '';height: 50px;background: #fff;position: absolute;z-index: 2;}
.index-solution-pic .pic-1::before {width: 61.5%;left: -10%;top: -1%;transform: skewX(-40deg);}
.index-solution-pic .pic-1::after {width: 40%;right: -10%;bottom: -1%;transform: skewX(-40deg);}
.index-solution-list {display: flex;align-items: center;justify-content: space-between;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 1;width: 90%;}
.index-solution-list::after {content: '';width: 1px;height: 160%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: .2;}
.index-solution-item {width: 40%;margin: auto;color: #fff;text-align: center;} 
.index-solution-item .title-1 {margin-top: -15px;} 
.index-solution-item .text-1 {margin-top: 4%;}

.index-convenient-quality-trust {padding: 7% 0;overflow: hidden;}
.index-convenient-quality-trust .ess-title {text-align: center;}
.index-convenient-quality-trust-bottom {background: url('../upload/e1.jpg') center bottom no-repeat;background-size: 100%;padding: 3% 0;position: relative;margin-top: 9%;}
.index-convenient-quality-trust-list {position: relative;width: 65%;margin: auto;}
.index-quality-swiper {margin: auto;margin-top: -10%;position: relative;border-radius: 8px;overflow: hidden;width: 90%;}
.index-quality-item {position: relative;transition:all .4s ease;opacity: 0;}
.index-quality-item .pic {border-radius: 8px;overflow: hidden;width: 88%;margin: auto;}
.index-quality-item .text-1 {color: #fff;text-align: center;margin-top: 4%;}
.ess-next,.ess-prev {width: 80px;height: 80px;border: 2px solid rgba(255,255,255,0.2);border-radius: 100%;transition:all .4s ease;margin: 0;top: 40%;}
.ess-next::after,.ess-prev::after {display: none;}
.ess-next::before,.ess-prev::before {content: '';width: 20px;height: 20px;background: url('../upload/r1.svg') center no-repeat;background-size: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); filter: invert(1) grayscale(1) brightness(4);transition:all .4s ease;}
.ess-next:hover,.ess-prev:hover {background: #fff;border: #fff solid 2px;}
.ess-next:hover::before,.ess-prev:hover::before {filter:none;}
.ess-prev::before {transform: translate(-50%,-50%) rotate(180deg);}
.ess-pagination {text-align: center;position: relative;top: auto;bottom: auto;left: auto;right: auto;width: 100%;margin: 0;transform: none;}
.ess-pagination span {width: 30px;height: 4px;border-radius: 5px;margin: 0 8px;background: #fff;}
.ess-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;background: #fff;}
.index-convenient-quality-trust-list .ess-pagination {margin-top: 40px;}
.index-quality-swiper .swiper-slide .index-quality-item .pic {opacity: 0;transform:scale(0);transition:all .4s ease;transition-delay: .1s;}
.index-quality-swiper .swiper-slide .index-quality-item .text-1 {opacity: 0;transform: translateY(50px);transition:all .4s ease;transition-delay: .2s;}
.index-quality-swiper .swiper-slide-active .index-quality-item .pic {opacity: 1;transform: scale(1);}
.index-quality-swiper .swiper-slide-active .index-quality-item .text-1 {opacity: 1;transform: translateY(0px);}
.index-quality-swiper .swiper-slide-active .index-quality-item {opacity: 1;}

.index-simple-steps {padding: 0 0 7% 0;overflow: hidden;} 
.index-simple-steps-list {margin-top: 5%;display: flex;justify-content: space-between;align-items: center;}
.index-simple-swiper {overflow: hidden;border-radius: 8px;width: 50%;margin: 0;}
.index-simple-swiper .pic {width: 100%;overflow: hidden;position: relative;}
.index-simple-steps-right {width: 45%;}
.index-simple-steps-item {overflow: hidden;position: relative;}
.index-simple-steps-item:last-child a {border: none;}
.index-simple-steps-item a{display: block;padding: 7% 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.index-simple-steps-item .title-1 {display: flex;align-items: center;}
.index-simple-steps-item .title-1 i{font-style: normal;color: #000;border: 1px solid #ccc;padding: 2px 6px;border-radius: 4px;overflow: hidden;}
.index-simple-steps-item .title-1 strong{margin-left: 10px;color: #000;}
.index-simple-steps-item .text-1 { margin-top: 10px;color: #999;}
.index-simple-steps-item a:hover .title-1 i {background: #111857;border: 1px solid #111857;color: #fff;}
.index-simple-steps-item a:hover .title-1 strong {color: #111857;}
.index-simple-steps-item a:hover .text-1 {color: #111857;}
.index-simple-steps-item .icon-1 {position: absolute;right: 2%;top: 50%;transform: translateY(-50%);z-index: 11;}
.index-simple-steps-item .icon-1 i {display: block;width: 39px;height: 39px;background: #eeedf6;border-radius: 100%;position: relative;}
.index-simple-steps-item .icon-1 i::before {content: '';width: 20px;height: 20px;background: url('../upload/r2.svg') center no-repeat;background-size: 70%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: .4;}
.index-simple-steps-item a:hover .icon-1 i {background: #111857;}
.index-simple-steps-item a:hover .icon-1 i::before {opacity: 1;filter: invert(1) grayscale(1);}


.index-contact-us {padding: 8% 0 7% 0;overflow: hidden;text-align: center;color: #fff;background: url('../upload/f1.jpg') center no-repeat;background-size:cover;border-radius: 8px;margin: .5%;}
.index-contact-us .ess-content {overflow: hidden;}
.index-contact-us .ess-title .title-1 {overflow: hidden;}
.index-contact-us .ess-title .title-1 strong {overflow: hidden;}
.index-contact-us .ess-title .text-1 {margin-top: 2%;}
.index-contact-us .ess-title .text-2 {margin-top: 3%;opacity: .4;}
.index-contact-us .learnmore-1 {margin-top: 7%;}
.index-contact-us .learnmore-1 a {background: #fff;border: 1px solid #fff;}
.index-contact-us .learnmore-1 span {color: #111857;}
.index-contact-us .learnmore-1 i {background: #111857;}
.index-contact-us .learnmore-1 i::after {filter: invert(1) grayscale(1) brightness(4);}





/* product */   
.ess-product-detial {overflow: hidden;position: relative;padding-top: 80px;background-position: center top;background-size: 100%;background-repeat: no-repeat;}
.ess-path {padding: 1% 0;overflow: hidden;position: relative;}
.ess-path-content {display: flex;align-items: center;width: 96%;margin: auto;}
.ess-path em {display: block;width: 4px;height: 7px;opacity: .5;background: url('../upload/r3.svg') center no-repeat;background-size: auto 100%;margin: 0 7px;}
.ess-path a {opacity: .5;}
.ess-path a i {display: block;width: 10px;height: 11px;}
.ess-path a span {color: #000;}
.ess-path a i.home {background: url('../upload/home.svg') center no-repeat;background-size: auto 100%;}
.ess-path a:hover {opacity: 1;}
.ess-product-content {padding: 1% 0;overflow: hidden;text-align: center;}
.ess-product-text {width: 60%;margin: auto;}
.ess-product-text .title-1 {overflow: hidden;}
.ess-product-text .title-1 h1{overflow: hidden;}
.ess-product-text .text-2 {width: 60%;margin: auto;margin-top: 2%;}
.ess-product-pic {width: 90%;margin: auto;margin-top: 3%;overflow: hidden;position: relative;}
.ess-product-pic img {max-width: 100%;}
.ess-product-section {margin-top: 10%;}
.ess-product-section-text {text-align: left;width: 68%;margin: auto;padding-bottom: 3%;overflow: hidden;}
.ess-product-section-text .title-2 {overflow: hidden;}
.ess-product-section-text .title-2 strong {display: block;}
.ess-product-section-text .text-3 {color: #666;margin-top: 1%;}
.ess-product-section-text .text-3 strong {color: #000;}
.ess-product-section-pic {overflow: hidden;position: relative;}
.ess-product-section-pic::after {content: '';width: 100%;height: 65%;background: #041122;position: absolute;left: 0;bottom: 0;z-index: 1;}
.ess-product-section-pic .pic {position: relative;z-index: 10;width: 68%;margin: auto;border-radius: 8px;overflow: hidden;margin-bottom: 4%;}
.ess-product-section-fullpic {overflow: hidden;position: relative;background: #041122;}
.ess-product-section-fullpic.relative {padding: 5% 0 10% 0;}
.ess-product-section-fullpic.relative .text {position: relative;}
.ess-product-section-fullpic .text {position: absolute;text-align: center;color: #fff;width: 90%;top: 10%;z-index: 11;left: 5%;}
.ess-product-section-fullpic .text .title-1 strong  {display: block;}
.ess-product-section-fullpic .text .text-2 {width: 70%;margin: auto;margin-top: 1%;color: #767c81;}
.ess-product-section-fullpic .text .text-2 strong {color: #fff;}
.ess-product-section-img {background: url('../upload/g1.jpg') center top no-repeat;background-size: 100%;background-repeat: no-repeat;text-align: left;padding: 8% 0 5% 0;overflow: hidden;}
.ess-product-section-content {width: 68%;margin: auto;}
.ess-product-section-img .title-1{color: #000;}
.ess-product-section-img .title-1 strong {display: block;}
.ess-product-section-img .pic{margin-top: 4%;overflow: hidden;border-radius: 8px;}
.ess-product-section-img .text-2 {margin-top: 3%;}
.ess-product-section-style4 {padding: 10% 0;overflow: hidden;position: relative;}
.ess-product-section-style4 .ess-product-section-content {display: flex;justify-content: space-between;}
.ess-product-section-style4 .ess-product-section-left {width: 37%;text-align: left;display: flex;flex-wrap: wrap;align-content: space-between;border-top: 1px solid #ccc;}
.ess-product-section-style4 .ess-product-section-right {width: 60%;position: relative;}
.ess-product-section-style4 .ess-product-section-left .title-1{width: 100%;padding-top: 5%;}
.ess-product-section-style4 .ess-product-section-left .text {width: 100%;}
.ess-product-section-style4 .ess-product-section-left .item-2{width: 100%;}
.ess-product-section-style4 .ess-product-section-left .item-2 ul{list-style: none;margin: 0;padding: 10px 30px 5px 30px;background: #f1f2f6;border-radius: 8px;overflow: hidden;display: inline-block;}
.ess-product-section-style4 .ess-product-section-left .item-2 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: baseline;color: #111857;}
.ess-product-section-style4 .ess-product-section-left .item-2 li::after {content: '';width: 1px;height: 30px;display: inline-block;vertical-align: middle;background: #e5e5e5;margin: 0 10px;}
.ess-product-section-style4 .ess-product-section-left .item-2 li:last-child::after {display: none;}
.ess-product-section-style4 .ess-product-section-left .text-2 {margin-top: 2%;width: 80%;}
.ess-product-section-style4 .ess-product-section-right .pic-1{position: relative;overflow: hidden;border-radius: 8px;}
.ess-product-section-style4 .ess-product-section-right .img-center {margin-top: -15%;}
.ess-product-section-style5 {padding: 2% 0 8% 0;overflow: hidden;position: relative;}
.ess-product-section-style5 .ess-product-section-content {display: flex;justify-content: space-between;align-items: center;}
.ess-product-section-style5 .ess-product-section-left {width: 50%;text-align: left;}
.ess-product-section-style5 .ess-product-section-right {width: 50%;}
.ess-product-section-style5 .ess-product-section-left .title-1{width: 100%;}
.ess-product-section-style5 .ess-product-section-left .text-2 {margin-top: 4%;}
.ess-product-section-style5 .ess-product-section-left .pic-1{margin-top: 10%;border-radius: 8px;overflow: hidden;}
.ess-product-section-style5 .ess-product-section-right .pic-1 {overflow: hidden;position: relative;transform: translateX(15%);}
.ess-product-section-style6 {overflow: hidden;position: relative;background: #000;}
.ess-product-section-style6 .text {position: absolute;color: #fff;right: 10%;top: 50%;width: 40%;transform: translateY(-50%);z-index: 1;text-align: left;}
.ess-product-section-style6 .title-1 {overflow: hidden;}
.ess-product-section-style6 .title-1 strong {display: block;}
.ess-product-section-style6 .text-2 {margin-top: 3%;width: 80%;}
.ess-product-section-style6 .learnmore-1 {margin-top: 5%;text-align: left;}
.ess-product-section-style6 .pic-1 {overflow: hidden;position: relative;}
.ess-product-section-parameter {padding: 8% 0 5% 0;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;text-align: left;}
.ess-product-section-parameter .title-1 strong{color: #fff;}
.ess-product-section-parameter-list {margin-top: 1%;}
.ess-product-section-parameter-list strong,.ess-product-section-parameter-list p {display: block;margin: 0;padding: 0;font-weight: normal;color: #fff;}
.ess-product-section-parameter-item {width:100%;display: flex;justify-content: space-between;}
.ess-product-section-parameter-left {width: 55%;}
.ess-product-section-parameter-right {width: 31%;}
.ess-product-section-parameter-left .item-1 {overflow: hidden;border-bottom: 1px solid rgba(255,255,255,.2);padding: 2% 0 0 0;}
.ess-product-section-parameter-left .item-1 strong{color: #fff;padding: 0px 0 10px 0 ;}
.ess-product-section-parameter-left .item-1 ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;}
.ess-product-section-parameter-left .item-1 li {list-style: none;margin: 0;padding: 0;padding-bottom: 2%;min-width: 48%;}
.ess-product-section-parameter-left .item-1 li p{opacity: .3;}
.ess-product-section-parameter-left .item-1 li strong{margin-top: 5px;padding: 0px;}
.ess-product-section-parameter .download-1 {display: flex;margin-top: 2%;flex-wrap: wrap;}
.ess-product-section-parameter .download-1 a {display: inline-block;margin-right: 2%;margin-top: 2%;border: 1px solid rgba(255,255,255,.2);border-radius: 8px;overflow: hidden;padding: 1% 2%;vertical-align: middle;text-align: center;font-size: 0;}
.ess-product-section-parameter .download-1 a i{width: 15px;height: 15px;background: url('../upload/d2.svg') center no-repeat;background-repeat: no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin-left: 10px;filter: invert(1) grayscale(1) brightness(4);}
.ess-product-section-parameter .download-1 a strong{color: #fff;display: inline-block;vertical-align: middle;}
.ess-product-section-parameter .download-1 a:hover {background: #fff;}
.ess-product-section-parameter .download-1 a:hover strong {color: #111857;}
.ess-product-section-parameter .download-1 a:hover i {filter: none;}
.ess-product-section-parameter-bottom {overflow:hidden;width:100%;}
.ess-product-section-video {padding: 6% 0 5% 0;overflow: hidden;}
.ess-video-swiper {overflow: hidden;}
.ess-video-swiper .swiper-slide.swiper-slide-active .ess-video-item a {opacity: 1;}
.ess-video-item {position: relative;overflow: hidden;}
.ess-video-item a {display: block;border-radius: 8px;overflow: hidden;position: relative;opacity: .5;}
.ess-video-item a:hover {opacity: 1;}
.ess-video-item a:hover .pic {transform: scale(1.05);}
.ess-video-item a:hover .title-1 strong {color: #111857;} 
.play-1 {z-index: 11;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.play-1 i {width: 62px;height: 62px;background: url('../upload/play.svg') center no-repeat;background-size: 100%;display: block;}
.ess-video-item .img {position: relative;border-radius: 8px;overflow: hidden;}
.ess-video-item .title-1 {padding: 25px 0;}
.ess-video-item .title-1 strong {color: #000;} 
.ess-product-section-video-bottom {position: relative;overflow: hidden;margin: auto;width: 68%;margin-top: 2%;display: flex;align-items: center;justify-content: space-between;}
.ess-prev1,.ess-next1 {width: 40px;height: 40px;background: #f5f5fa;border: none;position: relative;transform: none;margin: 0;left: auto;right: auto;top: auto;bottom: auto;margin-right: 10px;}
.ess-prev1::before,.ess-next1::before {background: url('../upload/r2.svg') center no-repeat;background-size: 70%;filter: none;filter: grayscale(1);opacity: .5;}
.ess-prev1:hover, .ess-next1:hover {background: #111857;border: none;}
.ess-prev1:hover::before,.ess-next1:hover::before {filter: invert(1) grayscale(1) brightness(4);opacity: 1;}
.swiper-pagination1 {width: auto;position: relative;top: auto;bottom: auto;left: auto;right: auto;transform: none;margin: auto;background: #ccc;height: 1px;width: 90%;}
.swiper-pagination1 .swiper-pagination-progressbar-fill {background: #111857;}




/* app */  
.app .ess-page-banner .pic img {opacity: 0;}
.ess-page-banner-text .text-2 {width: 70%;margin: 3% 0;}
.ess-page-banner-text .text-2 div {opacity: .5;}
.ess-page-banner-text .link-2 {display: flex;align-items: center;padding-top: 1%;}
.ess-page-banner-text .link-2 a {display: block;max-width: 30%;margin-right: 1%;}
.ess-page-banner-text .link-2 a:hover {transform: scale(1.02);}
.ess-page-for-installer {padding: 1% 0 0 0;overflow: hidden;}
.ess-page-for-installer .ess-content {display: flex;justify-content: space-between;align-items: flex-end;}
.ess-page-for-installer-left {width: 44%;}
.ess-page-for-installer-left .pic-1{overflow: hidden;margin-left: 1%;}
.ess-page-for-installer-right {width: 45%;}
.ess-page-for-installer-right .text-1{overflow: hidden;}
.ess-page-for-installer-right .title-1{color: #000;}
.app-item-1 {margin: 15% 0;}
.app-item-1 ul{list-style: none;padding: 0;margin: 0;position: relative;}
.app-item-1 ul::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #e3e4e5;}
.app-item-1 ul li{list-style: none;padding: 0;margin: 0;position: relative;padding-left: 4%;z-index: 1;}
.app-item-1 ul li a {display: block;width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #ebeced;padding: 4.5% 0;}
.app-item-1 ul li::before {content: '';width: 2px;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #111857;opacity: 0;}
.app-item-1 .title-2 {display: flex;align-items: center;color: #000;}
.app-item-1 .title-2 i{font-style: normal;text-align: center;padding: 2px 6px;border: 1px solid rgba(0,0,0,.2);display: block;border-radius: 4px;overflow: hidden;}
.app-item-1 .title-2 strong {margin-left: 10px;}
.app-item-1 .text-2{margin-top: 15px;overflow: hidden;color: #666;display: none;transition: none;} 
.app-item-1 ul li.cur .title-2 strong {color: #111857;}
.app-item-1 ul li.cur i {background: #111857;color: #fff;}
.app-item-1 ul li.cur::before {opacity: 1;}
.app-item-1 ul li:last-child a {border: none;}

.ess-page-for-homeowner {padding: 8% 0 0 0;overflow: hidden;background: #ebecf5;position: relative;}
.ess-page-for-homeowner .ess-content {width: 100%;position: static;}
.ess-page-for-homeowner-left {width: 30%;position: absolute;left: 16%;top: 50%;transform: translateY(-50%);}
.ess-page-for-homeowner-left .text-1{overflow: hidden;}
.ess-page-for-homeowner-left .title-1{color: #000;}
.ess-page-for-homeowner-left .app-item-1 {margin: 15% 0 0 0;}
.ess-page-for-homeowner-right {width: 54%;float: right;}
.ess-page-for-homeowner-right .pic-1{overflow: hidden;}

.ess-page-use-video {padding: 5% 0;overflow: hidden;}
.ess-page-use-video .title-1 {text-align: center;}
.ess-page-use-video-content .ess-product-section-video{margin-top: 3%;padding: 0;}









/* support-service */   
.ess-page-banner {overflow: hidden;position: relative;}
.ess-page-banner-text {position: absolute;left: 16%;top: 50%;transform: translateY(-50%);z-index: 1;color: #fff;}
.ess-page-banner-text .text-1 {position: relative;}
.ess-page-banner-text .class-1 {display: flex;align-items: center;}
.ess-page-banner-text .text-1 i {width: 15px;height: 15px;background: url('../upload/r1.svg') center no-repeat;background-size: 100%;display: inline-block;margin-right: 10px;filter: invert(1) grayscale(1) brightness(4);}
.ess-page-banner-text .text-1 strong {text-transform: uppercase;}
.ess-page-banner-text .title-1 {margin-top: 2%;}
.ess-page-banner-text .title-1 h1{color: #fff;margin: 0;padding: 0;}
.ess-page-banner .pic{overflow: hidden;position: relative;}  
.ess-page-banner .pic::after {content: '';height: 50px;background: #fff;position: absolute;z-index: 2;} 
.ess-page-banner .pic::after {width: 79%;left: -10%;bottom: -.5%;transform: skewX(40deg);background: url('../upload/g2.jpg') left bottom no-repeat #fff;background-size: 100% 100%;}
.ess-page-content {padding: 0;overflow: hidden;position: relative;background: url('../upload/g1.jpg') left top no-repeat;background-size: 100%;}
.ess-page-nav {margin: auto;width: 68%;margin: 5% auto;}
.ess-page-nav ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;border: 2px solid rgba(0,0,0,0.1);border-radius: 6px;overflow: hidden;}
.ess-page-nav ul li{list-style: none;margin: 0;padding: 0;width: 50%;box-sizing: border-box;padding: 5px;overflow: hidden;}
.ess-page-nav ul li a{display: flex;align-items: center;justify-content: center;padding: 20px 0;border-radius: 6px;overflow: hidden;}
.ess-page-nav ul li strong{color: #000;} 
.ess-page-nav ul li.cur a {background: #111857;}
.ess-page-nav ul li.cur a strong {color: #fff;}
 
.ess-page-midea {padding: 0 0 5% 0;overflow: hidden;}
.ess-page-midea .title-1 {text-align: center;}
.ess-page-midea-content {margin-top: 3%;position: relative;overflow: hidden;} 
.ess-page-midea-content .ess-product-section-video {padding: 0;}

.ess-page-faq {padding: 5% 0;overflow: hidden;background: #ebecf5;}
.ess-page-faq-top {display: flex;align-items: center;justify-content: space-between;}
.ess-page-faq-top .title-1 {overflow: hidden;}
.ess-page-faq-search {display: flex;align-items: center;}
.search-1 {position: relative;}
.search-1 .input-1 {border: none;background: none;outline: none;border-bottom: 1px solid #000;padding: 15px 0;width: 300px;} 
.search-1 form {width: 100%;height: 100%;}
.search-1 .btn-1 {border: none;background: none;outline: none;position: absolute;right: 0;top: 50%;width: 30px;height: 30px;background: url('../images/search.svg') center no-repeat;background-size: 70%;transform: translateY(-50%);z-index: 11;cursor: pointer;transition:all .4s ease;opacity: .5;} 
.search-1 .btn-1:hover {opacity: 1;}
.ess-page-faq-search .link-1 {width: auto;margin-left: 10px;} 
.ess-page-faq-search .link-1 li {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.ess-page-faq-search .link-1 a {color: #000;border: 2px solid rgba(0,0,0,0.1);border-radius: 6px;overflow: hidden;padding: 10px 20px;display: block;margin-left: 10px;} 
.ess-page-faq-search .link-1 a.cur {background: #111857;color: #fff;}
.ess-page-faq-search .link-1 a strong {display: block;word-break: break-all;}

.ess-page-faq-list {padding: 0;overflow: hidden;margin-top: 3%;}
.ess-page-faq-list-content {overflow: hidden;padding: 2% 0;}
.ess-faq-item {overflow: hidden;position: relative;margin-bottom: 1%;background: rgba(255,255,255,.5);border-radius: 8px;padding: 2%;cursor: pointer;transition:all .4s ease;}
.ess-faq-item::after {content: '';width: 0;height: 3px;background: #111857;position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease;}
.ess-faq-item .title-2 {position: relative;}
.ess-faq-item .title-2 strong {color: #000;}
.ess-faq-item .title-2 i {width: 40px;height: 40px;border-radius: 100%;background: #eeedf6;position: absolute;right: 1%;top: 50%;transform: translateY(-50%);}
.ess-faq-item .title-2 i::after {content: '';width: 20px;height: 20px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%) rotate(90deg);background: url('../upload/r2.svg') center no-repeat;background-size: 70%;filter: grayscale(1);opacity: .5;}
.ess-faq-item .ess-faq-text {overflow: hidden;display: none;padding: 5px 0;margin-top: 20px;}
.ess-faq-item .ess-faq-text .text-1 {overflow: hidden;position: relative;width: 80%;} 
.ess-faq-item.cur,.ess-faq-item:hover {background: #fff;}
.ess-faq-item.cur::after {width: 100%;} 
.ess-faq-item.cur .title-2 i {background: #111857;}
.ess-faq-item.cur .title-2 i::after {filter: invert(1) grayscale(1) brightness(4);opacity: 1; transform: translate(-50%,-50%) rotate(-90deg);}
.ess-return {text-align: center;margin-top: 2%;}
.ess-return a {display: inline-block;vertical-align: middle;width: 40px;height: 40px;line-height: 40px;border-radius: 100%;margin: 0 auto;position: relative;text-align: center;font-size: 0;}
.ess-return a i {width: 20px;height: 20px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%) rotate(180deg);background: url('../upload/r2.svg') center no-repeat;background-size: 70%;filter: grayscale(1);opacity: .5;}
.ess-return a span {color: #999;}
.ess-return a.prev,.ess-return a.next {background: #fff;} 
.ess-return a.next i {transform: translate(-50%,-50%) rotate(0deg);}
.ess-return a.cur span {color: #111857;}
.ess-return a:hover {background: #111857;}
.ess-return a:hover span {color: #fff;}
.ess-return a:hover i {opacity: 1;filter: invert(1) grayscale(1) brightness(4);}
.ess-page-technical-support {overflow: hidden;padding: 5% 0;text-align: center;}
.ess-page-technical-support .ess-content{display: flex;justify-content: space-between;margin-top: 2%;}
.ess-page-technical-support-item {width: 49.2%;margin: 1% 0;}
.ess-page-technical-support-item a {display: block;position: relative;border: 2px solid rgba(0,0,0,0.1);border-radius: 8px;overflow: hidden;padding: 10% 0;}
.ess-page-technical-support-item a:hover {border: 2px solid #111857;}
.ess-page-technical-support-item a:hover .title-1 {color: #111857;}
.ess-page-technical-support-item .icon-1 {overflow: hidden;position: relative;}
.ess-page-technical-support-item .icon-1 i {display: block;width: 60px;height: 60px;margin: 0 auto;border-radius: 8px;background: #efeff5;position: relative;}
.ess-page-technical-support-item .icon-1 i img {max-width: 40%;max-height: 40%;}
.ess-page-technical-support-item .title-1 {margin-top: 25px;color: #000;}
.ess-page-technical-support-item .text-1 {margin-top: 5px;color: #666;} 

.ess-page-download {padding: 5% 0;overflow: hidden;}
.ess-page-download .title-1 {text-align: left;}
.ess-page-download-content {padding: 2% 0;overflow: hidden;display: flex;justify-content: space-between;margin-top: 2%;}
.ess-page-download-left {width: 25%;}
.ess-page-download-right {width: 72%;}
.ess-page-download-left .filters-1 {display: flex;align-items: center;padding: 20px 0;border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);overflow: hidden;}
.ess-page-download-left .filters-1 i {width: 20px;height: 20px;display: block;background: url('../upload/filters.svg') center no-repeat;background-size: 100%;}
.ess-page-download-left .filters-1 strong {margin-left: 10px;color: #000;}
.ess-page-download-left .class-1 {overflow: hidden;}
.ess-page-download-left .item-1 {overflow: hidden;position: relative;border-bottom: 1px solid rgba(0,0,0,0.1);}
.ess-page-download-left .item-1 .title-1 {position: relative;padding: 20px 0;cursor: pointer;}
.ess-page-download-left .item-1 .title-1 strong {color: #000;}
.ess-page-download-left .item-1 .title-1 i {width: 15px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(90deg);z-index: 1;background: url('../images/r3.svg') center no-repeat;background-size: 80%;transition:all .4s ease;}
.ess-page-download-left .item-1.cur .title-1 i {transform: translateY(-50%) rotate(-90deg);}
.ess-page-download-left .item-1 ul {list-style: none;margin: 0;padding: 0;padding-bottom: 20px;overflow: hidden;display: none;}
.ess-page-download-left .item-1 li {list-style: none;margin: 0;padding: 5px 0;}
.ess-page-download-left .item-1 li a {display: flex;align-items: center;}
.ess-page-download-left .item-1 li i {width: 10px;height: 10px;border-radius: 100%;overflow: hidden;border: 1px solid rgba(0,0,0,0.2);position: relative;}
.ess-page-download-left .item-1 li i::after {content: '';width: 5px;height: 5px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;opacity: 0;}
.ess-page-download-left .item-1 li span {margin-left: 10px;color: #999;} 
.ess-page-download-left .item-1 li.cur a i{background: #111857;border: 1px solid #111857;}
.ess-page-download-left .item-1 li.cur a i::after {opacity: 1;}
.ess-page-download-left .item-1 li a:hover span {color: #000;}

.ess-page-download-list {position: relative;}
.ess-page-download-list-content {position: relative;}
.ess-page-download-top {border-top: 1px solid rgba(0,0,0,0.1);border-bottom: 1px solid rgba(0,0,0,0.1);overflow: hidden;display: flex;justify-content: space-between;align-items: center;padding: 20px 0;position: relative;}
.ess-page-download-top .results-1 {overflow: hidden;}
.ess-page-download-top .results-1 strong {color: #111857;}
.ess-page-download-top .results-1 span {color: #000;}
.ess-page-download-top .search-1 {position: absolute;right: 0;top: 0;height: 100%;width: 40%;z-index: 11;}
.ess-page-download-top .input-1 {height: 100%;box-sizing: border-box;width: 100%;}
.ess-page-download-bottom {padding: 2% 0;overflow: hidden;}
.ess-page-download-type {position: relative;overflow: hidden;margin-bottom: 3%;}
.ess-page-download-type .title-1 {color: #000;padding: 25px 0;}
.ess-page-download-item {overflow: hidden;margin-bottom: 2%;}
.ess-page-download-item .item-1 {background: rgba(235, 236, 245, 0.5);border-radius: 8px;padding: 10px 5px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;position: relative;margin-bottom: 1%;}
.ess-page-download-item .item-1::after {content: '';width: 0;height: 3px;position: absolute;left: 0;bottom: 0;background: #111857;z-index: 1;transition:all .4s ease;}
.ess-page-download-item .title-2 {overflow: hidden;width: 50%;padding: 0 2%;}
.ess-page-download-item .title-2 strong {color: #000;}
.ess-page-download-item .language-3 {position: relative;overflow: hidden;width: 25%;}
.ess-page-download-item .language-3 .text-1{display: flex;align-items: center;}
.ess-page-download-item .language-3 .text-1 i{width: 15px;height: 15px;background: url('../upload/e.png') center no-repeat;background-size: 100%;}
.ess-page-download-item .language-3 .text-1 span{margin-left: 10px;}
.ess-page-download-item .language-3 .text-1 em{margin-left: 20px;width: 10px;height: 10px;background: url('../images/r3.svg') center no-repeat;background-size: 100%;transform: rotate(90deg);}
.ess-page-download-item .language-3 .select-1{position: absolute;left: 0;top: 0;opacity: 0;width: 100%;z-index: 1;height: 100%;}
.ess-page-download-item .icon-3 {position: relative;}
.ess-page-download-item .icon-3 a{display: block;width: 60px;height: 60px;border-radius: 8px;overflow: hidden;background: #111857;position: relative;}
.ess-page-download-item .icon-3 i {width: 20px;height: 20px;background: url('../upload/d2.svg') center no-repeat;background-size: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);filter: invert(1) grayscale(1) brightness(4);}
.ess-page-download-item .icon-3 a:hover {background: #172182;}
.ess-page-download-item .item-1:hover {background: #ebecf5;}
.ess-page-download-item .item-1:hover::after {width: 100%;}





/* about */ 
.ess-page-company-profile {padding: 7% 0;overflow: hidden;}
.ess-page-company-profile-top {padding: 2% 0;overflow: hidden;border-top: 1px solid rgba(0,0,0,0.1);}
.ess-page-company-profile-top .title-1 {color: #000;}
.ess-page-company-profile-top .text-1 {margin-top: 2%;}
.ess-page-company-profile-bottom {margin-top: 3%;display: flex;justify-content: space-between;align-items: flex-end;}
.ess-page-company-profile-bottom .pic{width: 58%;border-radius: 8px;overflow: hidden;position: relative;}
.ess-page-company-profile-bottom .text-2{width: 39%;}
.ess-page-certification-and-qualification {background: #eeedf6;padding: 7% 0;overflow: hidden;}
.ess-certification-and-qualification-top {overflow: hidden;}
.ess-certification-and-qualification-top .title-1 {overflow: hidden;}
.ess-certification-and-qualification-top .item-1 {margin-top: 2%;display: flex;align-items: center;width: 100%;}
.ess-certification-and-qualification-top .item-1 li {list-style: none;margin: 0;padding: 0;margin-right: 10px;}
.ess-certification-and-qualification-top .item-1 li a{color: #000;border: 2px solid rgba(0,0,0,0.1);border-radius: 6px;overflow: hidden;padding: 10px 20px;display: block;}
.ess-certification-and-qualification-top .item-1 li.cur a {background: #111857;color: #fff;} 
.ess-certification-and-qualification-bottom {margin-top: 4%;}
.ess-certification-and-qualification-swiper {overflow: hidden;}
.ess-certification-and-qualification-item {overflow: hidden;width: 100%;height: 100%;position: relative;}
.ess-certification-and-qualification-item a {background: #fff;border-radius: 8px;overflow: hidden;width: 100%;height: 100%;display: block;}
.ess-certification-and-qualification-item .pic{overflow: hidden;position: relative;}
.ess-certification-and-qualification-item .pic .img-center {max-width: 80%;max-height: 80%;}
.ess-certification-and-qualification-item .title-1 {padding: 1% 7% 7% 7%;overflow: hidden;}
.ess-certification-and-qualification-item .title-1 strong {color: #000;}
.ess-certification-and-qualification-item a:hover .img-center {transform: scale(1.05);}
.certification-and-qualification-ctrl {position: relative;overflow: hidden;margin: auto;width: 100%;margin-top: 4%;display: flex;align-items: center;}
.certification-and-qualification-ctrl .ess-prev1,.certification-and-qualification-ctrl .ess-next1 {background: #fff;}
.certification-and-qualification-ctrl .ess-prev1:hover,.certification-and-qualification-ctrl .ess-next1:hover {background: #111857;}
.ess-page-the-team {padding: 7% 0;overflow: hidden;}
.ess-the-team-item {width: 100%;overflow: hidden;background: #f5f5fa;border-radius: 8px;position: relative;}
.ess-the-team-item a {display: block;}
.ess-the-team-item .pic {overflow: hidden;}
.ess-the-team-item .text {padding: 5%;color: #000;}
.ess-the-team-item .title-1 {color: #000;}
.ess-the-team-item .text-1 {display: flex;align-items: center;justify-content: space-between;margin-top: 5px;overflow: hidden;}
.ess-the-team-item .text-1 span {opacity: .5;}
.ess-the-team-item .text-1 i {width: 26px;height: 26px;border-radius: 100%;background: #000;position: relative;}
.ess-the-team-item .text-1 i::after {content: ''; width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:url('../images/linkin.svg') center no-repeat;background-size: 40%;filter: invert(1);}
.ess-the-team-item a:hover {background: #18206d;}
.ess-the-team-item a:hover .pic {transform: scale(1.05);}
.ess-the-team-item a:hover .title-1,.ess-the-team-item a:hover .text-1 span  {color: #fff;opacity: 1;}
.ess-the-team-item a:hover .text-1 i {background: #fff;} 
.ess-the-team-item a:hover .text-1 i::after {filter: none;}
.ess-page-the-team .certification-and-qualification-ctrl .ess-prev1,.ess-page-the-team .certification-and-qualification-ctrl .ess-next1 {background: #f5f5fa;}
.ess-page-the-team .certification-and-qualification-ctrl .ess-prev1:hover,.ess-page-the-team .certification-and-qualification-ctrl .ess-next1:hover {background: #111857;}
.ess-page-clenergy {overflow: hidden;position: relative;border-radius: 8px;margin: .5%;}
.ess-page-clenergy .text {position: absolute;width: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color: #fff;}
.ess-page-clenergy .logo-1 {text-align: center;max-width: 370px;margin: auto;}
.ess-page-clenergy .logo-1 img {max-width: 100%;margin: auto;}
.ess-page-clenergy .text-1 {margin: auto;margin-top: 2%;width: 75%;text-align: center;}
.ess-page-clenergy .learnmore-1 {margin-top: 5%;} 
.ess-page-clenergy .learnmore-1 a {background: #fff;}
.ess-page-clenergy .learnmore-1 a span {color: #111857;}
.ess-page-clenergy .learnmore-1 a i {background: #111857;}
.ess-page-clenergy .learnmore-1 a i::after {filter: invert(1) grayscale(1) brightness(4);}




/* contact */ 
.ess-page-send-us-an-enquiry {padding: 5% 0;overflow: hidden;}
.ess-page-send-us-an-enquiry .title-1 {text-align: center;}
.ess-page-send-us-an-enquiry-content {overflow: hidden;margin-top: 4%;}
.ess-page-from {overflow: hidden;}
.ess-page-from .item-3,.ess-page-from .item-2,.ess-page-from .item-1{position: relative;margin-bottom: 2%;overflow: hidden;display: flex;justify-content: space-between;align-items: flex-end;}
.ess-page-from .item-3 li{width: 33%;}
.ess-page-from .item-2 li{width: 49.7%;}
.ess-page-from .item-1 li{width: 100%;margin: 0;}
.ess-page-from li{list-style: none;margin: 0;padding: 0;position: relative;}
.ess-page-from .title-2 {margin-bottom: 15px;}
.ess-page-from .input-2 {position: relative;overflow: hidden;}
.ess-page-from .input-1 ,.ess-page-from .textarea-1{border: 2px solid rgba(0,0,0,0.1);border-radius: 8px;overflow: hidden;background: #fff;width: 100%;box-sizing: border-box;padding: 20px;}
.ess-page-from .textarea-1 {height: 140px;}
.ess-page-from .select-1 {border: 2px solid rgba(0,0,0,0.1);border-radius: 8px;overflow: hidden;background: #fff;width: 100%;box-sizing: border-box;padding: 20px;position: relative;}
.ess-page-from .select-1 {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.ess-page-from .select-2:after {content: '';position: absolute;top: 50%;right: 20px;transform: translateY(-50%) rotate(90deg);width: 15px;height: 15px;background: url('../upload/r2.svg') center no-repeat;background-size: 100%;filter: invert(0) grayscale(1) brightness(4);}
.ess-page-from .submit-1 {width: 100%;text-align: center;}
.ess-page-from .submit-1 a {padding: 20px;background: #111857;color: #fff;display: block;border-radius: 8px;overflow: hidden;}
.ess-page-from .submit-1 a:hover {background: #172182;}
.ess-page-from .item-1:last-child {margin: 0;}
.ess-windows-contents .ess-page-from .textarea-1 {height: 100px;}
.ess-windows-contents .ess-page-from .input-1,.ess-windows-contents .ess-page-from .textarea-1,.ess-windows-contents .ess-page-from .select-1 {padding: 17px;}

 
 


/* windows */ 
.about .footer::before,.index .footer::before{display: none;}
.ess-windows-message {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4000;background: #fff;border-radius: 2rem;overflow: hidden;transition:all .4s ease;width: 60%;}
.ess-windows-message.hide {transform: translate(-50%,-50%) scale(0);opacity: 0;}
.ess-windows-contents {overflow: hidden;padding: 3%;position: relative;}
.ess-windows-contents .title-1 {color: #000;padding-bottom: 3%;}
.ess-windows-contents .close-1 {top: 2%;}
.ess-windows {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4000;background: #fff;border-radius: 2rem;overflow: hidden;transition:all .4s ease;min-width: 20%;}
.ess-windows.hide {transform: translate(-50%,-50%) scale(0);opacity: 0;}
.ess-windows.hide .icon-1 i img {opacity: 0;transform: scale(0);}
.ess-windows-content {overflow: hidden;position: relative;text-align: center;}
.ess-windows-message-content {text-align: center;display: block;padding: 10%;overflow: hidden;}
.ess-windows-message-content .icon-1 i {position: relative;margin: auto;overflow: hidden;background: #111857;display: block;width: 100px;height: 100px;border-radius: 100%;}
.ess-windows-message-content .icon-1 i img {transition:all .4s ease;transition-delay: .2s;opacity: 1;transform: scale(.8);}
.ess-windows-message-content .title-1 {color: #000;margin-top: 3%;width: 100%;}
.ess-windows-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 3600;}
.ess-windows-mark.hides {display: none;} 
.close-1 {position: absolute;right: 2%;top: 5%;z-index: 10;}
.close-1 a {display: block;width: 5rem;height: 5rem;border-radius: 100%;}
.close-1 a i {width: 60px;height: 60px;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 100%;}
.close-1 a i::before,.close-1 a i::after {content: '';width: 50%;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1 a i::after {transform: translate(-50%,-50%) rotate(90deg);}
.close-1 a:hover i {transform: translate(-50%,-50%) rotate(135deg);}
.footer-right-fixed {position: fixed;right: 1%;bottom: 5%;z-index: 666;}
.footer-right-fixed ul {list-style: none;margin: 0;padding: 0;}
.footer-right-fixed li {list-style: none;margin: 0;padding: 0;margin: .1rem auto;position: relative;}
.footer-right-fixed a {display: block;border-radius: 100%;overflow: hidden;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);margin-bottom: 10px;}
.footer-right-fixed .open-windows a i{background: #111857;}
.footer-right-fixed .open-windows a:hover i img {filter: none;}
.footer-right-fixed a i{display: block;width: 60px;height: 60px;position: relative;border-radius: 100%;overflow: hidden;background: #fff;}
.footer-right-fixed a i img {max-width: 50%;max-height: 50%;}
.footer-right-fixed a:hover {transform: scale(1.1);}
.footer-right-fixed a:hover i {background: #111857;}
.footer-right-fixed a:hover i img {filter: invert(1);}
.footer-right-fixed li.aside-top {display: none;}
.footer-right-fixed .openbox {position: absolute;right: -100%;top: 50%;transform: translateY(-50%);z-index: -1;opacity: 0;}
.footer-right-fixed .openbox-content {background: #000;color: #fff;border-radius: 1rem;text-align: center;padding: 1rem;white-space: nowrap;}
.footer-right-fixed .openbox:after {content:'';position: absolute;top: 50%;right: -4px;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #000;transform: translateY(-50%);}
.footer-right-fixed .openbox-content .img-block {width: 8rem;}
.footer-right-fixed a:hover .openbox {right: 120%;opacity: 1;z-index: 1;}



.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}


 
  


/* mobile */ 
.menu-toggle {display: none;position: relative;overflow: hidden;width: 30px;height: 30px;margin-left: 30px;}
.menu-toggle a {width: 30px;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #fff;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(7rem);transform:translateX(7rem);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #000;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 
.mobile-nav {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1222;background: #fff;transform: translateX(100%);transition:all .4s ease;opacity: 0;}
.mobile-nav-list {width: 90%;margin: auto;margin-top: 100px;box-sizing: border-box;height: 100%;}
.mobile-nav-list ul {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;overflow-x: hidden;overflow: auto;}
.mobile-nav-list ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ddd;}
.mobile-nav-list ul li a.nav-1{padding: 20px 0;overflow: hidden;color: #000;display: block;position: relative;}
.mobile-nav-list ul li i {width: 20px;height: 20px;position: absolute;right: 1%;top: 50%;transform: translateY(-50%);z-index: 11;}
.mobile-nav-list ul li i::after,.mobile-nav-list ul li i::before {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;}
.mobile-nav-list ul li i::after {transform: translate(-50%,-50%) rotate(90deg);}
.mobile-nav-list ul li i.cur::after {display: none;}
.mobile-nav-list .mnav-1 {position: relative;}
.mobile-navshow {padding: 1% 0;overflow: hidden;display: none;margin-top: -1%;}
.mobile-navshow a {display: block;color: #666;padding: 10px 20px;position: relative;}
.mobile-navshow a::before {content: '';width: .5rem;height: .5rem;border-radius: 100%;background: #ccc;left:0;top: 50%;transform: translateY(-50%);position: absolute;}
.header.hover .menu-toggle span.hamburger,.header.hover .menu-toggle span.hamburger:after,.header.hover .menu-toggle span.hamburger:before {background: #000;}





/* other */  
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
@keyframes piaofu{0%{transform:translateY(0);}50%{transform:translateY(8px);}100%{transform:translateY(0);}}
@keyframes yuanfangda2{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(3);opacity: 0;}}
@keyframes draw {from {stroke-dashoffset: 100%;}to{stroke-dashoffset: 0;}}
@keyframes drawline{from {stroke-dashoffset: 100%;}to{stroke-dashoffset: 0;}} 
.drawline{-webkit-animation-name:drawline;animation-name:drawline;-webkit-animation-duration: 4s;animation-duration: 4s;}
.swiper,.swiper-lazy-preloader{--swiper-theme-color: #111857;--swiper-preloader-color: #111857;}


.index-quality-item .text-1 p,.index-doubt-item .text-1 p,.index-simple-steps-item .text-1 p ,.index-contact-us .ess-title .text-2 p ,
.ess-title .text-1 p ,.index-banner-item .text-1 p ,.index-solution-item .text-1 p,.nyxt-potential .nyxt-potential-content .text-3 .txt-2 p{margin: 0;padding: 0;}



.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(160px);}
.tformX {transform:translateX(50%);}
.tformXX {transform:translateX(-50%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.tdelay4 {transition-delay: .4s;}



 

@media screen and (max-width: 5120px) {  
}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {}
@media screen and (max-width: 1860px) {}
@media screen and (max-width: 1680px) {
	.ess-title .text-1 {width: 70%;}
    .index-doubt-swiper { width: 70%;}
	.index-convenient-quality-trust-list { width: 75%;}
	.ess-content,.footer-content,.ess-product-section-content,.ess-page-nav { width: 78%;}
	.ess-product-section-fullpic .text .text-2 { width: 90%;}
	.ess-product-text .text-2 { width: 100%;}
	.ess-next, .ess-prev,.footer-right-fixed a i,.play-1 i {width: 50px;height: 50px;}
	.footer-nav ul {margin-right: 10%;}
	.ess-page-banner-text {left: 5%;}
	.ess-page-for-homeowner-left {width: 40%;left: 5%;}
	.ess-page-nav ul li a,.index-doubt-nav ul li a {padding: 15px 0;}
	.ess-page-for-homeowner-left .app-item-1 {margin: 10% 0 0 0;}
	.app-item-1 {margin: 10% 0;}
	.ess-windows-contents .ess-page-from .input-1, .ess-windows-contents .ess-page-from .textarea-1, .ess-page-from .select-1,
	.ess-windows-contents .ess-page-from .select-1,.ess-page-from .submit-1 a,.ess-page-from .input-1, .ess-page-from .textarea-1 {padding: 12px;}
	.ess-page-banner-text .title-1 h1,.index-banner-item .title-1 h1 {font-size: 46px;line-height: 50px;}
	.search-1 .input-1 {width: 100%;}
	.ess-product-section-parameter-left .download-1 a {padding: 10px;}
	.header-nav li {padding: 0 1rem;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {
	.ess-content,.footer-content,.ess-product-section-content,.ess-product-section-text,.ess-product-section-pic .pic,.ess-product-section-video-bottom { width: 90%;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 880px) { 
	.pcshow,.header-nav{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}   
	.no-touch .mobile-nav {transform: translateX(0);opacity: 1;}  
	.header-content {height: 65px;}
	.header-logo {width: 120px;height: 44px;}
	.header-link .link-1 a i {width: 26px;height: 26px;}
	.header-link .link-1 a span {padding: 0 10px;}
	.ess-page-banner-text .title-1 h1, .index-banner-item .title-1 h1,.ess-product-text .title-1 h1,.ess-product-section-img .title-1 strong,
	.ess-product-section-text .title-2 strong,.ess-product-section-fullpic .text .title-1 strong,.ess-product-section-style5 .ess-product-section-left .title-1 strong{font-size: 28px;line-height: 36px;}
	.ess-page-banner-text {left: 3%;}
	.ess-title .title-1 strong {font-size: 28px;}
	.index-solution-item {width: 45%;}
	.ess-page-for-installer-left {width: 70%;text-align: right;}
	.ess-faq-item .title-2 strong {width: 80%;display: block;}
	.ess-title .text-1,.index-doubt-swiper,.index-doubt-nav,.index-convenient-quality-trust-list,.ess-windows-message,
	.ess-product-text,.ess-content, .footer-content, .ess-product-section-content, .ess-page-nav,.ess-page-clenergy .text {width: 90%;}
	.index-solution-list ,.index-simple-swiper,.index-simple-steps-right,.footer-right,.ess-product-section-style4 .ess-product-section-left,.ess-product-section-style4 .ess-product-section-right,.ess-product-section-style4 .ess-product-section-left .text-2,.ess-product-section-style5 .ess-product-section-left,.ess-product-section-style5 .ess-product-section-right,
	.ess-product-section-parameter-left,.ess-product-section-parameter-right,.ess-page-for-installer-right,.ess-page-for-homeowner-right,.ess-faq-item .ess-faq-text .text-1,
	.ess-page-technical-support-item,.ess-page-company-profile-bottom .pic ,.ess-page-company-profile-bottom .text-2,.ess-page-clenergy .text-1,
	.ess-page-download-left,.ess-page-download-right,.ess-page-download-item .title-2 ,.ess-page-download-item .language-3{width: 100%;}
	.ess-certification-and-qualification-top .item-1 {margin-top:5%;}
	.ess-title .text-1,.index-introduction .learnmore-1,.footer-top,.footer-contact,.ess-product-text,.ess-page-company-profile-bottom .text-2,
	.ess-product-section-parameter-right,.ess-page-midea-content,.ess-page-technical-support .ess-content,.ess-page-company-profile-top .text-1 ,
	.ess-certification-and-qualification-bottom ,.ess-page-send-us-an-enquiry-content {margin-top: 10%;}
	.ess-product-section-style4 .ess-product-section-right,.ess-product-section ,.ess-page-for-installer-right{margin-top: 20%;}
	.index-introduction,.index-doubt,.index-convenient-quality-trust,.index-contact-us,.ess-product-section-img,.ess-page-company-profile,
	.ess-product-section-parameter,.ess-product-section-video,.ess-page-use-video,.ess-page-midea ,.ess-page-faq,.ess-page-technical-support,
	.ess-page-certification-and-qualification,.ess-page-the-team,.ess-page-send-us-an-enquiry,.ess-page-download  {padding: 15% 0;}
	.ess-page-company-profile-top {padding: 10% 0;}
	.ess-page-faq-search {padding: 5% 0;}
	.index-doubt-nav ul li {padding: 0;}
	.ess-faq-item,.ess-page-download-item .item-1 {padding: 7% 5%;}
	.index-doubt-nav ul li a {padding: 10px 5px;margin: 2px;}
	.index-doubt-nav ul li span {margin: 0 10px;}
	.index-solution-item .title-1 {margin: 0;} 
	.ess-page-download-item .language-3 {margin: 20px 0px;}
	.footer-center,.ess-product-section-style4 .ess-product-section-left .title-1 {padding-bottom: 10%;}
	.ess-page-for-installer {padding-top: 15%;}
	.footer-socialize li {margin-left: 0px;margin-right: 10px;}
	.index-application-pic .product-1.pro1 {left: 81%;top: 62%;}
	.index-application-pic .product-1.pro2 {left: 81%;top: 73%;}
	.index-doubt-nav ul li {width: auto;}
	.index-doubt-nav ul {justify-content: space-between;}
	.index-solution-item .data-1 strong {font-size: 70px;}
	.index-solution-item .data-1 sub {font-size: 40px;}
	.index-solution-list::after {height: 100%;}
	.index-solution-list {left: 0;}
	.ess-next, .ess-prev,.footer-nav,.swiper-pagination1 {display: none;}
	.index-simple-steps-list,.footer-bottom ,.ess-product-section-style4 .ess-product-section-content,.ess-page-faq-search,.ess-page-technical-support .ess-content,.ess-page-download-item .item-1,
	.ess-product-section-style5 .ess-product-section-content,.ess-product-section-parameter-list,.ess-page-faq-top,.ess-page-company-profile-bottom,.ess-page-download-content {display: block;}
	.index-quality-item .text-1 {color: #000;}
	.index-convenient-quality-trust-bottom {background: none;}
	.ess-pagination span,.ess-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #000;}
	.footer-contact {text-align: left;}
	.footer-socialize {justify-content: flex-start;}
	.ess-windows-message {border-radius: 10px;}
	.ess-windows-contents .close-1 {right: -3%;top: -3%;}
	.ess-product-section-fullpic {background: #041122;}
	.ess-product-section-fullpic .text {position: relative;padding: 15% 0;}
	.ess-product-section-style5 .ess-product-section-right .pic-1 {padding: 15% 0;transform: none;}
	.ess-product-section-style6 .text {position: relative;right: auto;top: auto;width: 100%;transform: none;padding: 15% 10%;}
	.ess-product-section-parameter-left .download-1 {flex-wrap: wrap;}
	.ess-product-section-parameter-left .item-1 li {min-width: 45%;}
	.app .ess-page-banner-text .text-2 {display: none;}
	.app .ess-page-banner-text .title-1 h1 {font-size: 18px;line-height: 26px;}
	.ess-page-for-installer .ess-content {display: block;} 
	.ess-page-for-homeowner-left {position: relative;right: auto;top: auto;width: 90%;transform: none;padding: 10% 0;}
	.ess-page-faq-search .link-1 {margin-left: 0px;margin-top: 5%;}
	.ess-page-faq-search .link-1 a {margin-left: 0px;margin-right: 10px;}
	.ess-page-technical-support-item .title-1 strong{display: block;width: 80%;margin: 5% auto;word-wrap: break-word;}
	.ess-page-clenergy .logo-1 {max-width: 200px;}
	.ess-page-download-item .icon-3 {position: absolute;right: 5%;bottom: 10%;}
	.ess-page-download-item .icon-3 a {width: 50px;height: 50px;}
	.ess-product-pic {width: 90%;}
	.ess-path a span {font-size: 14px;}
	
	.index-application-pic .product-1.item1 {left: 5.679847%!important;top: 63.631384%!important;}
	.index-application-pic .product-1.item2 {left: 5.805078%!important;}
	.index-application-pic .product-1.item3 {left: 43.713242%!important;}
	.index-application-pic .product-1.item4 {left: 85.124188%!important;top: 65.384177%!important;}

}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}