/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
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;z-index: 2;}
.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 {position: relative;background-color: #f1f1f1;}
.loadgif::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url('../images/loading.gif') center no-repeat ;}
.sendload {position: relative;}
.sendload::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url('../images/loading.gif') center no-repeat rgba(255,255,255,0.8) ;background-size: auto;}
.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-content {width: 75%;height: 9rem;margin: auto;display: flex;} 
.header-content-left {width: 20%;height: 100%;position: relative;}
.header-logo {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 60%;height: 70%;}
.header-logo a {display: block;position: relative;width: 100%;height: 100%;}
.header-logo img {right: auto;}
.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%;list-style: none;margin: 0;padding: 0 1.5rem;display: flex;align-items: center;}
.header-nav a {width: 100%;color: #000;display: block;position: relative;}
.header-nav a::after {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: 0;background: #f7e524;}
.header-nav a:hover {color: #f7e524;}
.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 .linkitem-1{height: 100%;margin-left: 2rem;}
.header-link .linkitem-1 li{list-style: none;margin: 0;padding: 0;height: 100%;display: flex;align-items: center;position: relative;}
.header-link .linkitem-1 li.dropdown a{padding: .5rem 3rem .5rem 1rem;}
.header-link .linkitem-1 li.dropdown a::after {content: '';width: 1rem;height: 1rem;position: absolute;right: 1rem;top: 50%;transform: translateY(-50%) rotate(90deg);background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.header-link .linkitem-1 li a{display: flex;align-items: center;position: relative;background: rgba(0,0,0,0.2);border-radius: 2rem;padding: 1rem;z-index: 11;}
.header-link .linkitem-1 li i{width: 1.6rem;height: 1.6rem;position: relative;display: block;}
.header-link .linkitem-1 li span{margin-left: .5rem;color: #000;word-break: keep-all;}
.header-link .linkitem-1 li a:hover,.header-link .linkitem-1 li:hover a:hover{background: #f7e524;}
.header-link .linkitem-1 li .language-show {position: absolute;left: 0;top: 0;z-index: 4;width: 100%;display: none;}
.header-link .linkitem-1 li .language-show ul {list-style: none;margin: 0;padding: 1rem 0;box-shadow: rgba(0, 0, 0, 0.1) 0 .5rem 3rem;display: block;background: #fff;border-radius: 1rem;overflow: hidden;margin-top: 6rem;}
.header-link .linkitem-1 li .language-show ul a {display: block;padding: .5rem 0;text-align: center;color: #666;background: none;border-radius: 0;}
.header-link .linkitem-1 li .language-show ul a::after {display: none;}
.header-link .linkitem-1 li .language-show ul a:hover {color: #000;text-decoration: underline;}
.header-link .linkitem-1 li:hover a {background: #fff;}
.header-link .linkitem-1 li:hover .language-show{display: block;}



body.cur .header .header-nav a,body.cur .header-link .linkitem-1 li span {color: #fff;}
body.cur .header-link .linkitem-1 li i img ,body.cur .header-link .linkitem-1 li.dropdown a::after{filter: invert(1);}
body.cur .header-link .linkitem-1 li a {background: rgba(255,255,255,0.2);}
body.cur .header-link .linkitem-1 li a:hover {background: #f7e524;}
body.cur .header-link .linkitem-1 li a:hover i img,body.cur .header-link .linkitem-1 li.dropdown a:hover::after{filter: none;}
body.cur .header-link .linkitem-1 li a:hover span {color: #000;}
body.cur .header-link .linkitem-1 li .language-show a:hover {background: none;}
body.cur .header.scroll-down .header-nav a, body.cur .header.scroll-down .header-link .linkitem-1 li span {color: #000;}
body.cur .header.scroll-down .header-link .linkitem-1 li i img ,body.cur .header.scroll-down .header-link .linkitem-1 li.dropdown a::after{filter: none;}
body.detial .header::after ,.header.hover::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #ededed;}
.header.scroll-down,.header.hover  {background: #fff;}
.header.hover .header-nav li a,.header.hover .header-link .linkitem-1 li span  {color: #000;}
.header.hover .header-link .linkitem-1 li i img {filter: none;}
.header.hover .header-link .linkitem-1 li.dropdown a::after{filter: none;}
.header.hover .header-nav li a:hover {color: #f7e524;}


 
.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;background: #fff;}
.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;margin-top:7rem;background: #fff;}
.header-nav-search {padding: 5% 0 3% 0;overflow: hidden;}




/* footer */
.footer {position: relative;clear: both;overflow: hidden;position: relative;z-index: 100;}
.footer a {color: #666;}
.footer a:hover {color: #000;text-decoration: underline;}
.footer ul,.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {width: 75%;margin: auto;position: relative;}  
.footer-top {padding: 4% 0;}
.footer-nav {display: flex;justify-content: space-between;}
.footer-nav ul {min-width: 15%;}
.footer-nav ul strong {display: block;border-bottom: 1px solid #e8e9ea;padding-bottom: 1.5rem;overflow: hidden;}
.footer-nav li {margin-top: 1.5rem;}
.footer-nav a {color: #000;}
.footer-nav li a {display: block;margin-bottom: 1rem;color: #666;}
.footer-bottom {clear: both;padding: 2rem 0;}
.footer-socialize {display: flex;position: relative;}
.footer-socialize li {position: relative;margin-right: .4rem;}
.footer-socialize li i{display: block;width: 4rem;height: 4rem;position: relative;border-radius: 100%;}
.footer-socialize li i img {opacity: .4;max-width: 50%;max-height: 50%;}
.footer-socialize li a:hover i {background: #f7e524;}
.footer-socialize li a:hover img {opacity: 1;}
.footer-bottom-top {position: relative;}
.footer-bottom-bottom {display: flex;justify-content: space-between;align-items: center;color: #333;margin-top: 1rem;padding: 1rem 0;overflow: hidden;}

 


 

/* index */  
.page-container {position: relative;}
.index-banner{width: 100%;overflow: hidden;position: relative;z-index: 1;}
.index-banner-content{width:100%;margin: auto;overflow: hidden;}
.index-banner-item {overflow: hidden;position: relative;transition:all .4s ease;opacity: 0;}
.index-banner-item .text {position: absolute;left: 12.5%;top: 50%;transform: translateY(-50%);z-index: 10;width: 50%;overflow: hidden;}
.index-banner-item .title-1 {position: relative;}
.index-banner-item .text-1 {margin-top: 1rem;}
.index-banner-item .icon-1 {mix-blend-mode: multiply;}
.index-banner-item .icon-1 img {max-width: 100%;height: auto!important;}
.index-banner-item .button-1 {margin-top: 5rem;}
.index-banner-item .xline-1 {margin: 3rem 0;}
.index-banner-item .pic {background-color: #e0dec4;}

.index-banner-item .xline-1 i{width: 0;transition:all .4s ease;transition-delay: .5s;}
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .xline-1 i{width: 6rem;}
.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,
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .text-1,
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .icon-1,
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-item .button-1 {transform:translate(0);opacity: 1;}
.index-banner .banner-pagination {position: absolute;width: auto;height: auto;top: 50%;transform: translateY(-50%);left: auto;bottom: auto;right: 12.5%;z-index: 60;}
.index-banner .banner-pagination span {display: block;width: 5px;height: 3rem;background: #000;border-radius: .5rem;margin-bottom: .5rem;opacity: .2;}
.index-banner .banner-pagination span.swiper-pagination-bullet-active {opacity: 1;}

.index-banner-bottom li {transform:translateY(160px);opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-bottom li:nth-child(1) {transition-delay: .1s;}
.index-banner-bottom li:nth-child(2) {transition-delay: .2s;}
.index-banner-bottom li:nth-child(3) {transition-delay: .3s;}
.index-banner-bottom li:nth-child(4) {transition-delay: .4s;}
.index-banner-swiper .swiper-slide.swiper-slide-active .index-banner-bottom li {transform:translateY(0);opacity: 1;}
.index-banner-bottom {position: absolute;left: 12.5%;width: 75%;z-index: 6;bottom: 4%;}
.index-banner-bottom ul {display: flex;list-style: none;padding: 0;margin: 0;}
.index-banner-bottom li {list-style: none;padding: 0;margin: 0;width: 24.5%;background: rgba(0,0,0,.8);border-radius: 10rem;text-align: center;padding: 1rem 0;margin-right: 1%;margin-bottom: 1%;}
.index-banner-bottom li:last-child {margin-right: 0;}
.index-banner-bottom li strong {display: block;margin: 0;padding: 0;color: #f7e524;}
.index-banner-bottom li p {display: block;margin: 0;padding: 0;color: #f7e524;margin-top: -.5rem;}


.xline-1 {margin: 1rem 0;}
.xline-1 i{display: block;width: 6rem;height: 4px;background: #000;}
.viewmore-1 {display: inline-block;}
.viewmore-1 a,.viewmore-1 div {display: flex;align-items: center;background: #fff;padding: 1.3rem 5rem 1.3rem 2rem;border-radius: 10rem;overflow: hidden;position: relative;}
.viewmore-1 span {overflow: hidden;color: #000;position: relative;z-index: 5;}
.viewmore-1 i {width: 3.5rem;height: 3.5rem;border-radius: 100%;display: block;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);} 
.viewmore-1 i::after,.viewmore-1 i::before {content: '';width: 0px;height: 0px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 100%;transition: all .4s cubic-bezier(.37,0,.63,1);transition-timing-function: cubic-bezier(.37,0,.63,1);}
.viewmore-1 i::after {width: 100%;height: 100%;background: #ededed;}
.viewmore-1 i::before {width: .6rem;height: .6rem;background: #fff;z-index: 8;}
.viewmore-1 i em {width: 1.5rem;height: 1.5rem;display: block;background:url('../images/r4.svg') center no-repeat;background-size: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;opacity: 0;}
.viewmore-1 a:hover i::after,.viewmore-1 div:hover i::after {width: 50rem;height: 50rem;background: #f7e524;} 
.viewmore-1 a:hover i::before,.viewmore-1 div:hover i::before {background: #000 ;width: 100%;height: 100%;}
.viewmore-1 a:hover i em,.viewmore-1 div:hover i em {opacity: 1;}
.litapower-content {width: 75%;margin: auto;}

.index-project-alternatives {overflow: hidden;padding: 5% 0;background: url('../upload/bg1.jpg') center top no-repeat;background-size: 100%;}
.index-project-alternatives-top {width: 75%;margin: auto;} 
.index-project-alternatives-top .text-1{margin-top: 2%;width: 75%;}
.index-project-alternatives-bottom {margin-top: 4%;}
.index-project-alternatives-left {width: 50%;float: left;}
.index-project-alternatives-left .img {position: relative;background: none;overflow: visible;}
.index-project-alternatives-left .image {position: relative;z-index: 10;width: 75%;margin: auto;}
.index-project-alternatives-left .pic {overflow: hidden;border-radius: 0 4rem 4rem 0;position: absolute;left: 0;bottom: -10%;z-index: 1;width: 100%;}
.index-project-alternatives-right {float: left;margin-left: 4%;width: 33.5%;}
.index-project-alternatives-list {margin-top: 17%;}
.index-project-alternatives-item {border-top: 2px solid #ededed;padding: 2rem 0;} 
.index-project-alternatives-item .title-1 {position: relative;cursor: pointer;} 
.index-project-alternatives-item .title-1 .jiantou-1 {position: absolute;right: 0;top: 50%;	transform: translateY(-50%);}
.index-project-alternatives-item .text-1 {margin: 2rem 0 1rem 0;display: none;}
.index-project-alternatives-item .text-1 p {margin: 0;padding: 0;}
.index-project-alternatives-item.cur {border-top: 2px solid #f7e524;}
.index-project-alternatives-item.cur .jiantou-1 {background: #f7e524;}
.index-project-alternatives-item.cur .jiantou-1::before {transform: translate(-50%,-50%) rotate(-90deg);}
.jiantou-1 {display: block;width: 3rem;height: 3rem;background: #f7f7f7;border-radius: 100%;position: relative;overflow: hidden;}
.jiantou-1::before{content: '';width: 1rem;height: 1rem;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%) rotate(90deg);z-index: 1;background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.jiantou-2 {display: block;margin: 1rem 0;}
.jiantou-2 i {display: block;width: 10rem;height: 10rem;background: url('../images/r5.svg') center no-repeat;background-size: 100%; }

.index-shared-power {padding: 8% 0;overflow: hidden;}
.index-shared-power-left {float: left;width: 44%;}
.index-shared-power-left .title-1 {overflow: hidden;}
.index-shared-power-left .text-2{margin-top: 2rem;}
.index-shared-power-text {margin-top: 22%;}
.index-shared-power-data {display: flex;justify-content: space-between;align-items: flex-end;}
.index-shared-power-data-item {overflow: hidden;}
.index-shared-power-data-item .text-1 {border-bottom: 2px solid #f7e524;padding: .8rem 0;}
.index-shared-power-data-item .data-1 {overflow: hidden;} 
.index-shared-power-data-item .data-1 em {font-style: normal;}
.index-shared-power-right {float: right;width: 48%;}
.index-shared-power-img {overflow: hidden;}

.index-power-bank {overflow: hidden;padding: 5% 0;}
.index-power-bank-top {overflow: hidden;background-image: -webkit-linear-gradient(top,#fff 30%,#fffded 30%);}
.index-power-bank-left {float: left;width: 50%;}
.index-power-bank-img {border-radius: 0 4rem 0 0;overflow: hidden;position: relative;}
.index-power-bank-img a {display: block;}
.index-power-bank-img .play-1 {position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.index-power-bank-img a:hover .pic {transform: scale(1.05);}
.index-power-bank-img .video-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;background: #000;opacity: 0;}
.index-power-bank-img .video-1.show {opacity: 1;}
.index-power-bank-img .video-1 video {width: 100%;height: 100%;display: block;object-fit: contain;}
.index-power-bank-right {float: right;margin-right: 15%;width: 30%;} 
.index-power-bank-right .title-1 {margin-top: 3%;}
.index-power-bank-steps {margin-top: 20%;} 
.index-power-bank-steps ul {list-style: none;margin: 0;padding: 0;margin-top: 2rem;}
.index-power-bank-steps li {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;padding: 1rem 0;}
.index-power-bank-steps li i{display: block;width: 5rem;height: 5rem;position: relative;background: #f7e524;border-radius: .7rem;overflow: hidden;}
.index-power-bank-steps li i img {max-width: 50%;max-height: 50%;}
.index-power-bank-steps li strong {display: block;margin: 0;padding: 0;margin-left: 2rem;}
.index-power-bank-bottom {background: #fffded;padding: 3% 0;overflow: hidden;}
.index-power-bank-features {overflow: hidden;}
.index-power-bank-features .title-3{margin-top: 1%;}
.index-power-bank-features ul {list-style: none;margin: 0;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2rem;}
.index-power-bank-features li {list-style: none;margin: 0;padding: 1rem 0;display: flex;align-items: center;width: 50%;}
.index-power-bank-features li i {width: 4%;position: relative;display: block;margin-right: 2%;}
.index-power-bank-features li strong {display: block;margin: 0;padding: 0;width: 94%;}
.play-1 {display: block;z-index: 6;}
.play-1 i {display: block;width: 10rem;height: 6rem;background: #f7e524;border-radius: 10rem;position: relative;}
.play-1 i::after {content: '';width: 2.5rem;height: 2.5rem;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);z-index: 1;background: url('../images/play.svg') center no-repeat;background-size: 100%;filter: grayscale(1) invert(1);}

.index-system-payment {padding: 5% 0;overflow: hidden;}
.index-system-payment .title-1 {position: relative;}
.index-system-payment .title-1 .viewmore-2 {position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.index-system-payment .litapower-content {display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-system-payment-item {width: 49.3%;}
.index-system-payment .title-1 strong{margin: 0;padding: 0;width: 80%;display: block;}
.index-system-payment .pic{border-radius: 2rem;position: relative;overflow: hidden;}
.index-system-payment-list {margin-top: 5%;position: relative;}
.logoyuan-1 {position: absolute;left: 0;top: 5%;width: 100%;height: 90%;overflow: hidden;z-index: 10;display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.logoyuan-1 .logos {position: absolute;left: 50%;top: 50%;z-index: 11;width: 20%;}
.logoyuan-1 .logos a {display: block;width: 100%;border-radius: 100%;overflow: hidden;}
.logoyuan-1 .logos a:hover i{transform: scale(1.05);}
.logoyuan-1 .logos i {display: block;overflow: hidden;border-radius: 100%;background: #000;width: 100%;height: 100%;}
.logoyuan-1 .logos i .img-center {max-width: 60%;max-height: 60%;}
.logoyuan-1 .logos.logos-1 {left: 33%;top: 25%;width: 26%;animation: piaofu 3s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-2 {left: 58%;top: 60%;animation: piaofu 4s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-3 {left: 62%;top: 10%;animation: piaofu 3.5s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-4 {left: 10%;top: 10%;width: 16%;animation: piaofu 4s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-5 {left: 20%;top: 55%;width: 13%;animation: piaofu 3s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-6 {left: 75%;top: 42%;width: 13%;animation: piaofu 3.5s ease-in-out infinite alternate;}
.logoyuan-1 .logos.logos-1 i {background: #000;}
.logoyuan-1 .logos.logos-2 i {background: #3ddc84;}
.logoyuan-1 .logos.logos-3 i {background: #fe4c1e;}
.logoyuan-1 .logos.logos-4 i {background: #00b240;}
.logoyuan-1 .logos.logos-5 i {background: #313131;}
.logoyuan-1 .logos.logos-6 i {background: #fff;}
.viewmore-2 {display: block;}
.viewmore-2 a {display: flex;align-items: center;padding: 1rem 0;border-radius: 10rem;}
.viewmore-2 span {display: block;color: #000;margin-right: 1rem;}
.viewmore-2 i {display: block;width: 1rem;height: 1rem;background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.viewmore-2 a:hover {background: #f7e524;padding: 1rem 2rem;}
.logos-group {overflow: hidden;margin: .5rem 0;}
.logos-group ul{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;}
.logos-group li{list-style: none;margin: 0;padding: 0;position: relative;margin: 0 .5rem;overflow: hidden;}
.logos-group a {display: block;overflow: hidden;background: #fff;width: 100%;border-radius: 2rem;}
.logos-group a .img-center {max-width: 70%;max-height: 70%;}

.index-profit-desktop {padding: 5% 0;overflow: hidden;}
.index-profit-desktop .title-1 {text-align: center;width: 80%;margin: auto;}
.index-profit-desktop-list {margin-top: 5%;position: relative;}
.index-profit-desktop-swiper {overflow: hidden;}
.index-profit-desktop-item {overflow: hidden;position: relative;}
.index-profit-desktop-item a {display: block;position: relative;}
.index-profit-desktop-item a:hover .pic::before {border: 2px solid #000;}
.index-profit-desktop-item a:hover .pic::after {-webkit-animation: shine 1.5s;animation: shine 1.5s;}
.index-profit-desktop-item .pic {border-radius: 2rem;overflow: hidden;position: relative;background-color: #f7f7f7;}
.index-profit-desktop-item .pic::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;border: 2px solid #d4d4d4;border-radius: 2rem;}
.index-profit-desktop-item .pic .img-center {max-width: 80%;max-height: 80%;mix-blend-mode: multiply;}
.index-profit-desktop-item .pic::after {content: "";position: absolute;top: 0;left: -75%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.index-profit-desktop-item .text {text-align: center;margin-top: 3rem;}
.index-profit-desktop-item .title-2 {color: #000;}
.index-profit-desktop-item .viewmore-1 {margin-top: 2rem;}
.index-profit-desktop-item .viewmore-1 div {background: #f5f5f5;}
.index-profit-desktop-list .swiper-button-prev,.index-profit-desktop-list .swiper-button-next {top: 40%;}
.swiper-button-prev,.swiper-button-next {background: #f5f5f5;border-radius: 100%;margin: 0;transform: translateY(-50%);top: 50%;width: 5rem;height: 5rem;transition:all .4s ease;outline: none;}
.swiper-button-prev::after,.swiper-button-next::after {color: #000;font-size: 1.8rem;}
.swiper-button-prev:hover ,.swiper-button-next:hover {background: #f7e524;}
.index-profit-desktop-list .swiper-button-prev {left: -5%;}
.index-profit-desktop-list .swiper-button-next {right: -5%;}
.swiper-button-next.pics-next.swiper-button-disabled,.swiper-button-prev.pics-prev.swiper-button-disabled  {display: none;}

.index-overseas-projects {overflow: hidden;position: relative;;background: url('../upload/bg5.jpg') center no-repeat;background-size: cover;}
.index-overseas-projects-content {overflow: hidden;background: url('../upload/bg4.jpg');padding: 5% 0}
.index-overseas-projects .title-1{text-align: center;}
.index-overseas-projects-map {position: relative;}
.overseas-projects-map{position: relative;overflow: hidden;}
.index-overseas-projects-bottom {width: 100%;margin-top: -3%;position: relative;z-index: 10;}
.index-overseas-projects-data {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.index-overseas-projects-data .data-item {display: block;width: 24%;}
.index-overseas-projects-data .data-item .data-1{border-bottom: 2px solid #f7e524;padding-bottom: .5rem;}
.index-overseas-projects-data .data-item .data-1 strong {margin: 0;padding: 0;}
.index-overseas-projects-data .data-item .text-1 {margin-top: 1rem;}
.index-overseas-projects-data.num2 .data-item {width: 48%;}
.index-overseas-projects-data.num3 .data-item {width: 32%;}
.index-overseas-projects-data.num4 .data-item {width: 24%;}
.index-overseas-projects-data.num5 .data-item {width: 18%;}


.centerproint {position: absolute;left: 34.8%;top: 52%;z-index: 20;}
.centerproint i {display: block;width: 1.8rem;height: 2.4rem;background: url('../images/address.png') center no-repeat;background-size: 100%;}
.overseas-projects-map {width: 100%;margin: auto;position: relative;} 
.overseas-projects-map .mapline {position: absolute;z-index: 10;}
.overseas-projects-map .yuandian-1 {position: absolute;left: 0;bottom: 0;z-index: 11;}
.overseas-projects-map .yuandian-1 i {width: 2rem;height: 2rem;border-radius: 100%;background: rgba(0,0,0,0.2);display: block;position: relative;}
.overseas-projects-map .yuandian-1 i::before,
.overseas-projects-map .yuandian-1 i::after {content: '';width: 4px;height: 4px;background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;border-radius: 100%;}
.overseas-projects-map .yuandian-1 i::before {z-index: 10;}
.overseas-projects-map .yuandian-1 i::after{width: 100%;height: 100%;animation: yuanfangda2 1500ms infinite ease;}
/* .overseas-projects-map .draw {animation: draw 8s linear infinite ;} */
.overseas-projects-map .line-1 {left: 26%;top: 34%;width: 10%;} 
.overseas-projects-map .line-1 .yuandian-1 {left: -4%;top:-3%;}
.overseas-projects-map .line-2 {left: 19%;top: 38%;width: 17%;} 
.overseas-projects-map .line-2 .yuandian-1 {left: -2%;top: -3%;}
.overseas-projects-map .line-3 {left: 13%;top: 43%;width: 22%;} 
.overseas-projects-map .line-3 .yuandian-1 {left: -3%;top:-6%;}
.overseas-projects-map .line-4 {left: 9%;top: 44%;width: 26%;} 
.overseas-projects-map .line-4 .yuandian-1 {left: -5%;top:-15%;}
.overseas-projects-map .line-5 {left: 27%;top: 54%;width: 8%;} 
.overseas-projects-map .line-5 .yuandian-1 {left: -12%;top: 50%;}
.overseas-projects-map .line-6 {left: 11.5%;top: 54%;width: 24%;}
.overseas-projects-map .line-6 .yuandian-1 {left: -4%;bottom: 3%;}
.overseas-projects-map .line-7 {left: 13%;top: 54%;width: 22%;} 
.overseas-projects-map .line-7 .yuandian-1 {left: -4%;bottom: -3%;}
.overseas-projects-map .line-8 {left: 32%;top: 53%;width: 3%;} 
.overseas-projects-map .line-8 .yuandian-1 {left: -19%;bottom: -6%;}
.overseas-projects-map .line-9 {left: 33.5%;top: 54.5%;width: 2%;} 
.overseas-projects-map .line-9 .yuandian-1 {left: -19%;bottom: -6%;}
.overseas-projects-map .line-10 {left: 35%;top: 54%;width: 7%;} 
.overseas-projects-map .line-10 .yuandian-1 {left: auto;right: -3%;bottom: -6%;}
.overseas-projects-map .line-11 {left: 36%;top: 54%;width: 49%;} 
.overseas-projects-map .line-11 .yuandian-1 {left: auto;right: -2%;bottom: -3%;}
.overseas-projects-map .line-12 {left: 35%;top: 51%;width: 51%;} 
.overseas-projects-map .line-12 .yuandian-1 {left: auto;right: -2%;bottom: -3%;}
.overseas-projects-map .line-13 {left: 35%;top: 47%;width: 41%;} 
.overseas-projects-map .line-13 .yuandian-1 {left: auto;right: -2%;bottom: -5%;}
.overseas-projects-map .line-14 {left: 35%;top: 41%;width: 39%;} 
.overseas-projects-map .line-14 .yuandian-1 {left: auto;right: -2%;top: 22%;}
.overseas-projects-map .line-15 {left: 35%;top: 33%;width: 33%;} 
.overseas-projects-map .line-15 .yuandian-1 {left: auto;right: -2%;top: 0%;}

.map-state {position: absolute;z-index: 11;}
.map-state .name-1 {display: block;padding: .5rem 3rem;text-align: center;background: #000;color: #fff;border-radius: 10rem;position: relative;}
.map-state .name-1 span {display: block;position: relative;z-index: 3;}
.map-state .name-1::after {content: '';width: 2rem;height: 2rem;background: #000;position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -.5rem;}
.map-state .lineyuan-1 {position: absolute;left: 50%;transform: translateX(-50%);}
.map-state .lineyuan-1 span {display: block;width: 2px;height: 5rem;background: #000;margin: auto;}
.map-state .lineyuan-1 span::after {content: '';width: 3rem;height: 3rem;background: rgba(0,0,0,0.1);border-radius: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.2rem;}
.map-state .lineyuan-1 i {margin: auto;width: .4rem;height: .3rem;background: #fff;display: block;border-radius: 100%;border: 2px solid #000;position: relative;}
.map-state.state-1 {left: 31%;top: 34%;}
.map-state.state-2 {left: 12%;top: 29%;}
.map-state.state-3 {left: 10%;top: 57%;}
.map-state.state-4 {left: 37%;top: 69%;}
.map-state.state-5 {left: 71%;top: 34%;}
.map-state.state-6 {left: 82%;top: 69%;}

.index-global-user {padding: 5% 0;overflow: hidden;}
.index-global-user-list {margin-top: 3%;width: 100%;overflow: hidden;position: relative;}
.index-global-user-list::before {content: '';z-index: 11;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.index-global-user-item {width: 100%;overflow: hidden;position: relative;}
.index-global-user .index-overseas-projects-data {margin-top: 3%;}
.index-overseas-projects-data.num3 .data-item {display: block;width: 32%;}
.index-global-user-list ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;width: 100%;overflow: hidden;}
.index-global-user-list li {list-style: none;margin: 0;padding: 0;width: auto;position: relative;float: left;overflow: hidden;}
.index-global-user-list li::before {content: '';width: 1rem;display: block;clear: both;height: 100%;float: left;}
.index-global-user-list .item-1 {background-position: center ;background-repeat: no-repeat;background-size: cover;border-radius: 1rem;position: relative;overflow: hidden;width: 100%;float: left;}
.index-global-user-list .item-1.item1,.index-global-user-list .item-1.item4 {width: auto;height: 100%;margin-right: 1rem;}
.index-global-user-list .item-1.item2,.index-global-user-list .item-1.item3,.index-global-user-list .item-1.item5,.index-global-user-list .item-1.item6 {width: auto;height: 50%;}
.index-global-user-list .item-1.item3,.index-global-user-list .item-1.item6 {position: absolute;right: 1rem;bottom: 0;height: 49%;} 



.index-blog {padding: 1% 0 5% 0;overflow: hidden;}
.index-blog-top {position: relative;}
.index-blog-type {position: absolute;right: 0;top: 50%;display: flex;transform: translateY(-50%);}
.index-blog-type a {display: block;position: relative;overflow: hidden;color: #000;padding: 1rem 2rem;border-radius: 2rem;border: 1px solid #ededed;margin-left: 1rem;}
.index-blog-type a.cur {border: 1px solid #000;}
.index-blog-type a:hover,.index-blog-type a.cur {background: #f7e524;border: 1px solid #f7e524;}
.index-blog-type ul {display: flex;list-style: none;margin: 0;padding: 0;width: 100%;}
.index-blog-bottom {margin-top: 4%;}
.index-blog-list {overflow: hidden;}
.index-blog-item {margin-bottom: 1%;float: left;width: 49%;position: relative;overflow: hidden;}
.index-blog-item.item1 {float: left;overflow: hidden;margin-right: 2%;}
.index-blog-item.item1 a {display: block;}
.index-blog-item.item1 .data-1 {margin-top: 3rem;}
.index-blog-item.item2 {margin-bottom: 3%;}
.index-blog-item.item2 .img  {width: 40%;}
.index-blog-item.item2 .text {width: 55%;margin-left: 5%;}
.index-blog-item.item3 {margin: 1.5% auto;}
.index-blog-item.item3::after {content: '';width: 1px;height: 70%;position: absolute;left: 23%;top: 50%;transform: translateY(-50%);background: #ededed;z-index: 1;}
.index-blog-item.item3 .text {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.index-blog-item.item3 .title-1 {width: 70%;}
.index-blog-item.item3 .data-1{text-align: right;width: auto;margin-top: 0;} 
.index-blog-item a {display: flex;align-items: center;overflow: hidden;width: 100%;}
.index-blog-item .img {border-radius: 1rem;overflow: hidden;}
.index-blog-item .pic::after {content: "";position: absolute;top: 0;left: -75%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.index-blog-item .text {padding: 3% 0;}
.index-blog-item .title-1 {color: #000;position: relative;}
.index-blog-item .title-1 strong {background: linear-gradient(to right,#f7e524,#f7e524) no-repeat;background-size: 0 2px;background-position: right bottom;transition:background-size 1s;}
.index-blog-item .data-1 {color: #ddd;margin-top: 3rem;position: relative;}
.index-blog-item .data-1 span {color: #ddd;}
.index-blog-item .data-1 p {margin: 0;padding: 0;}
.index-blog-item a:hover .pic {transform: scale(1.05);}
.index-blog-item a:hover .title-1 strong {width: 100%;}
.index-blog-item a:hover .data-1,.index-blog-item a:hover .data-1 span {color: #000;}
.index-blog-item a:hover .title-1 strong {background-position: left bottom;background-size: 100% 2px;}
.index-blog-item a:hover .pic::after {-webkit-animation: shine 1.5s;animation: shine 1.5s;}

.index-contact-us {margin: 1% ;width: 98%;overflow: hidden;border-radius: 1rem;background: url('../upload/bg6.jpg') center no-repeat;background-size: cover;}
.index-contact-us .litapower-content {width: 76.5%;padding: 5% 0;overflow: hidden;}
.index-contact-us .litapower-content .title-1 strong{color: #fff;}
.index-contact-us-left {width: 40%;float: left;}
.index-contact-us-item {overflow: hidden;margin-top: 15rem;}
.index-contact-us-item ul {list-style: none;margin: 0;padding: 0;}
.index-contact-us-item li {list-style: none;margin: 0;padding: 0;margin-bottom: 2rem;}
.index-contact-us-item a {display: flex;align-items: center;color: #fff;}
.index-contact-us-item i img {max-width: 50%;max-height: 50%;}
.index-contact-us-item i {width: 5rem;height: 5rem;position: relative;border-radius: 100%;background: #f7e524;overflow: hidden;margin-right: 1rem;display: block;}
.index-contact-us-item span {display: block;width: 70%;}
.index-contact-us-item em {font-style: normal;color: #999;}
.index-contact-us-item strong {display: block;margin: 0;padding: 0;} 
.index-contact-us-item .text-1 {margin-top: 1%;color: #fff;}

.index-contact-us-right {float: right;width: 45%;}
.index-contact-us-from {overflow: hidden;}
.index-contact-us-from .input-1 {margin-bottom: 2%;position: relative;}
.index-contact-us-from .input-1 input,
.index-contact-us-from .input-1 textarea {width: 100%;box-sizing: border-box;padding: 1.5rem;box-sizing: border-box;border-radius: 1rem;overflow: hidden;color: #fff;border: none;background: rgba(255,255,255,0.2);}
.index-contact-us-from .input-1 input::placeholder,.index-contact-us-from .input-1 textarea::placeholder {color: #fff;}
.index-contact-us-from .input-1 textarea {min-height: 10rem;}
.sendbtn-1 {display: block;width: 100%;padding: 1.5rem 0;background: #f7e524;border-radius: 1rem;text-align: center;}
.sendbtn-1 i {width: 2rem;height: 2rem;display: inline-block;vertical-align: middle;position: relative;background: url('../upload/send.png') center no-repeat;background-size: 100%;}
.sendbtn-1 span {display: inline-block;vertical-align: middle;padding-left: 1rem;color: #333;}
.sendbtn-1:hover {background: #fff;} 



/* product */ 
.page-content {width: 100%;overflow: hidden;}
.page-banner {position: relative;}
.page-banner .text {position: absolute;left: 12.5%;top: 60%;transform: translateY(-50%);z-index: 11;width: 50%;color: #fff;overflow: hidden;}
.page-banner .class-1 {color: #f7e524;}
.page-banner .title-1 {margin-top: 1rem;} 
.page-banner .product {position: absolute;right: 12.5%;top: 55%;transform: translateY(-50%);width: 40%;height: 80%;text-align: center;}
.page-banner .product img {max-height: 100%;width: auto;max-width: 100%;display: inline-block;}
.page-banner .product .xycenter {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);min-width: 70%;max-height: 100%;overflow: hidden;}
.page-banner .pic {overflow: hidden;position: relative;background-color: #000;}
.page-right-line2 {pointer-events:none;position: absolute;right: 0;top: 70%;z-index: 1;width: 20%;}
.page-right-line2 img {max-height: 100%;} 

 
.page-product {position: relative;overflow: hidden;padding: 4% 0;background: #f5f5f5;}
.page-product-container {width: 75%;margin: auto;position: relative;z-index: 11;}
.page-product-left {width: 25%;float: left;}
.leftitem-1 {background: #fff;border-radius: 2rem;overflow: hidden;margin-bottom: 5%;padding: 4% 7%;transition:all .4s ease;}
.leftitem-1 .title-1 {border-bottom: 1px solid #e5e5e5;padding: 1rem 0;position: relative;padding-left: 1.5rem;}
.leftitem-1 .title-1::before {content: '';width: .6rem;height: .6rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #f7e524;border: 1px solid #000;border-radius: 50%;}
.leftitem-1 .categories-1 {margin-top: 1rem;}
.leftitem-1 .categories-1 ul{list-style: none;padding: 1rem 0;margin: 0;}
.leftitem-1 .categories-1 li {list-style: none;padding: 0;margin: 0;}
.leftitem-1 .categories-1 li a {display: flex;align-items: center;padding: .6rem 0;}
.leftitem-1 .categories-1 li i {display: block;border: 2px solid #e5e5e5;border-radius: 10rem;background: #fff;width: 1.8rem;height: 1.8rem;box-sizing: border-box;}
.leftitem-1 .categories-1 li span {color: #000;margin-left: 1rem;width: 80%;}
.leftitem-1 .categories-1 li.cur i {background: #f7e524;border: 5px solid #000;}
.leftitem-1 .latest-1 {overflow: hidden;padding: 2rem 0;}
.leftitem-1 .latest-1 .item-1 {margin-bottom: 5%;}
.leftitem-1 .latest-1 .item-1 a {display: flex;justify-content: space-between;align-items: center;}
.leftitem-1 .latest-1 .item-1 .pic {width: 30%;overflow: hidden;border-radius: 1rem;position: relative;background: #f5f5f5;}
.leftitem-1 .latest-1 .item-1 .pic .img-center {max-width: 80%;max-height: 80%;mix-blend-mode: multiply;}
.leftitem-1 .latest-1 .item-1 .text {width: 65%;color: #000;}
.leftitem-1 .latest-1 .item-1:last-child {margin: 0;}
.leftitem-1 .latest-1 .item-1 a:hover .text {text-decoration:underline ;}
.leftitem-1 .latestnews-1 {overflow: hidden;padding: 2rem 0;}
.leftitem-1 .latestnews-1 .item-1 {margin-bottom: 3rem;}
.leftitem-1 .latestnews-1 a .title-2 {margin-bottom: .7rem;color: #000;position: relative;}
.leftitem-1 .latestnews-1 a .data-1 {color: #999;} 
.leftitem-1 .latestnews-1 a:hover .title-2 strong{ text-decoration: underline;}
.leftitem-1 .latestnews-1 .item-1:last-child {margin-bottom: 0;}
.leftitem-1 .latestnews-1 li {list-style: none;margin: 0;padding: 1rem 0 1rem 1rem;position: relative;}
.leftitem-1 .latestnews-1 li::before {content: '';width: .3rem;height: .3rem;background: #000;position: absolute;left: 0;top: 2rem;}
.leftitem-1 .latestnews-1 li a {color: #000;} 
.leftitem-1 .latestnews-1 li a:hover {text-decoration: underline;}
.leftitem-1:hover {box-shadow: 0 0 2rem rgba(0,0,0,0.2) ;}
.page-product-right {width: 71%;float: right;}
.page-product-list {position: relative;overflow: hidden;display: flex;flex-wrap: wrap;}
.page-product-item {overflow: hidden;width: 32%;margin-right: 2%;margin-bottom: 2%;float: left;}
.page-product-item.mr0 {margin-right: 0;}
.page-product-item a {display: block;overflow: hidden;position: relative;background: #fff;border-radius: 2rem;width: 100%;height: 100%;}
.page-product-item a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;box-sizing: border-box;border: 2px solid #e6e6e6;border-radius: 2rem;overflow: hidden;}
.page-product-item .pic {position: relative;}
.page-product-item .pic .img-center {max-width: 60%;max-height: 60%;}
.page-product-item .pic::before {content: "";position: absolute;top: 0;left: -75%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.page-product-item .text {padding: 0 10% 2rem 10%;overflow: hidden;text-align: center;}
.page-product-item .title-1 {overflow: hidden;}
.page-product-item .title-1 strong {color: #000;}
.page-product-item .viewmore-1 {margin: auto;margin-top: 2rem;text-align: center;}
.page-product-item .viewmore-1 div {margin: auto;background: #f5f5f5;}
.page-product-item .viewmore-1 i::after {background: #e4e4e4;}
.page-product-item a:hover::after {border: 2px solid #000;}
.page-product-item a:hover i::after {width: 50rem;height: 50rem;background: #f7e524;} 
.page-product-item a:hover i::before {background: #000 ;width: 100%;height: 100%;}
.page-product-item a:hover i em {opacity: 1;}
.page-product-item a:hover .img-center {transform: scale(1.05);}
.page-product-item a:hover .pic::before {-webkit-animation: shine 1.5s;animation: shine 1.5s;}

.page-products-detial {overflow: hidden;padding-top: 9rem;position: relative;}
.page-product-detial-top {position: relative;} 
.page-path {display: flex;align-items: center;padding: 1.5rem 0;overflow: hidden;position: relative;}
.page-path a {display: flex;align-items: center;}
.page-path a i{width: 1.1rem;height: 1.1rem;background: url('../upload/home.png') center no-repeat;background-size: auto 100%;}
.page-path a span {color: #000;}
.page-path a:hover span {text-decoration: underline;}
.page-path span.path {width: .8rem;height: .8rem;background: url('../upload/r.png') center no-repeat;background-size: auto 100%;margin: 0 .8rem;}
.page-product-detial-pics-left {float: left;width: 46%;position: relative;}
.page-product-detial-pics {position: relative;padding: 2% 0 5% 0;}
.page-product-detial-pics .litapower-content {position: relative;}
.page-product-detial-left-pic {position: absolute;width: 18%;left: -20%;top: 0;height: 100%;}
.page-product-detial-small-pic {position: relative;width: 100%;height: 100%;}
.page-product-detial-small-pic-swiper {overflow: hidden;width: 100%;height: 100%;}
.page-product-detial-small-pic-swiper a {width: 100%;height: 100%;display: block;position: relative;overflow: hidden;}
.page-product-detial-small-pic-swiper a::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;border-radius: 1rem;border: 1px solid #e6e6e6;}
.page-product-detial-small-pic-swiper .pic {position: relative;width: 100%;height: 100%;}
.page-product-detial-small-pic-swiper .pic .img-center {max-width: 50%;max-height: 50%;}
.page-product-detial-small-pic-swiper .pic .img-block {height: 100%;}
.page-product-detial-right-pic {width: 100%;}
.page-product-detial-big-pic-swiper {overflow: hidden;border: 2px solid #e5e5e5;box-sizing: border-box;border-radius: 2rem;}
.page-product-detial-big-pic-swiper a {display: block;position: relative;}
.swiper-button-prev.pics-prev ,.swiper-button-next.pics-next {top: auto;transform: none;margin: 0;left: 50%;transform: translateX(-50%);right: auto;bottom: auto;opacity: 0;}
.swiper-button-prev.pics-prev {top: -2rem;transform: translateX(-50%) rotate(90deg);}
.swiper-button-next.pics-next {bottom: -2rem;transform: translateX(-50%) rotate(90deg);}
.page-product-detial-small-pic:hover .swiper-button-prev.pics-prev ,.page-product-detial-small-pic:hover .swiper-button-next.pics-next {opacity: 1;}
.page-product-detial-small-pic-swiper .swiper-slide-thumb-active a::after {border: 1px solid #000;}
.page-product-detial-right-text {float: right;width: 50%;}
.page-product-detial-right-text .title-1 {overflow: hidden;}
.page-product-detial-right-text .parameter-1 {padding: 3% 0;overflow: hidden;position: relative;margin: 3rem auto;}
.page-product-detial-right-text .parameter-1::after {content: '';width: 33%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #fcf9e6;border-radius: 2rem;}
.parameter-table {overflow: hidden;position: relative;border-top: 2px solid #000;z-index: 10;margin: auto;margin-top: 2rem;margin-left: 3%;}
.parameter-table table {width: 100%!important;border: none!important;outline: none!important;margin: 0!important;padding: 0!important;overflow: hidden; border-spacing: 0!important;border-collapse: collapse!important;}
.parameter-table table td {border: none!important;margin: 0!important;padding: 0!important;}
.parameter-table table td {padding: 1rem 0!important;border-bottom: 1px solid #e5e5e5!important;padding-left: 10%!important;}
.parameter-table table td:first-child {width: 28%!important;padding-left: 0!important;}
.parameter-table table strong {font-weight: normal;}
.parameter-table p {margin: 0;padding: 0;}
.page-product-detial-right-text .viewmore-1 a {background: #f1f1f1;}
.page-product-detial-right-text .viewmore-1 i::after {background: #e4e4e4;}
.page-product-detial-bottom {padding: 5% 0;overflow: hidden;background: #f5f5f5;}
.page-product-detial-bottom-left {float: left;width: 70%;}
.page-product-detial-bottom-right {float: right;width: 25%;}
.page-product-detial-bottom-content {position: relative;overflow: hidden;}
.page-tab-type {text-align: center;margin: 1rem auto;}
.page-tab-type ul {list-style: none;margin: 0;padding: 0;display: flex;width: 100%;background: #000;border-radius: 1rem;overflow: hidden;box-sizing: border-box;padding: .5%;}
.page-tab-type li {list-style: none;margin: 0;padding: 0;width: 50%;}
.page-tab-type a{display: flex;align-items: center;color: #fff;justify-content: center;padding: 2rem;border-radius: .6rem;}  
.page-tab-type em {font-style: normal;}
.page-tab-type li.cur a {background: #f7e524;}
.page-tab-type li.cur span,.page-tab-type li.cur *  {color: #000;}
.page-product-detial-bottom-list {padding: 4% 0;overflow: hidden;position: relative;}
.page-product-detial-bottom-list h1,
.page-product-detial-bottom-list h2,
.page-product-detial-bottom-list h3,
.page-product-detial-bottom-list h4,
.page-product-detial-bottom-list h5,
.page-product-detial-bottom-list h6 {padding: 2rem 0;} 
.page-product-detial-bottom-list img {max-width: 100%!important;height: auto!important;}
.page-detial-item {overflow: hidden;position: relative;margin-bottom: 4%;}
.page-detial-item:last-child {margin: 0;}
.page-detial-item .title-1 {color: #000;border-bottom: 1px solid #333;padding: 2rem 0;}
.page-detial-item-content {overflow: hidden;padding: 2% 0;position: relative; }
.page-detial-item-content img {max-width: 100%;height: auto!important;}
.page-detial-item-tow-img {display: flex;justify-content: space-between;}
.page-detial-item-tow-img  img {max-width:49%;height: auto!important;}
.page-detial-item .index-contact-us-from {margin-top: 2%;}
.index-contact-us-from .item-2 {display: flex;justify-content:space-between;}
.index-contact-us-from .item-2 .input-1 {width: 49%;}
.leftitem-1 .aboutus-1 {position: relative;overflow: hidden;}
.leftitem-1 .aboutus-1 a {display: block;overflow: hidden;}
.leftitem-1 .aboutus-1 .text {color: #000;padding: 2rem 0;overflow: hidden;}
.leftitem-1 .aboutus-1 .pic {border-radius: 1rem;overflow: hidden;}
.leftitem-1 .aboutus-1 .viewmore-2 {margin-top: 1.5rem;display: flex;justify-content: space-between;align-items: center;} 
.leftitem-1 .download-1 {overflow: hidden;padding: 2rem 0;}
.leftitem-1 .download-1 .item-1{padding: 1rem 0;}
.leftitem-1 .download-1 .item-1 a{display: flex;align-items: center;}
.leftitem-1 .download-1 .item-1 i{width: 3rem;height: 3rem;border-radius: 100%;background: #ededed;display: block;position: relative;}
.leftitem-1 .download-1 .item-1 .img-center {max-width: 50%;max-height: 50%;}
.leftitem-1 .download-1 .item-1 strong{color: #000;display: block;margin: 0;padding: 0;margin-left: 1rem;width: 80%;} 
.leftitem-1 .download-1 .item-1 a:hover i {background: #f7e524;background-size: 50%;}
.leftitem-1 .index-contact-us-item {padding: 2rem 0;margin: 0;}
.leftitem-1 .index-contact-us-item strong {color: #000;}

.page-reviews {overflow: hidden;}
.page-reviews-container {overflow: hidden;}
.page-reviews-container-item {overflow: hidden;margin-bottom: 1%;border-bottom: 1px solid #333;padding-bottom: 1%;}
.page-reviews-container-item .title-1{border-bottom: 1px solid #333;padding: 2rem 0;overflow: hidden;}
.page-detial-reviews-text {padding: 2% 0;overflow: hidden;}
.page-reviews-container-item .title-2{padding: 2rem 0;overflow: hidden;}
.page-reviews-star {overflow: hidden;}
.page-reviews-star ul,.page-reviews-star li {list-style: none;margin: 0;padding: 0;}
.page-reviews-star ul {display: flex;}
.page-reviews-star li {margin-right: 1rem;width: 3.5rem;height: 3.5rem;background: url("../upload/star.png") center no-repeat;background-size: 100%;cursor: pointer;}
.page-reviews-star li.cur,.page-reviews-star li.hover {background: url("../upload/star1.png") center no-repeat;background-size: 100%;}

.page-detial-from {padding: 2% 0;overflow: hidden;}
.page-detial-from .index-contact-us-from {margin-top: 3rem;}
.page-detial-from .input-1 {margin-bottom: 1%;}
.page-detial-from .input-1 input,.page-detial-from .input-1 textarea {border-radius: 1rem;background: #fff;padding: 1.5rem 2rem;box-sizing: border-box;width: 100%;border: 1px solid #ddd;color: #000;}
.page-detial-from .input-1 input::placeholder,.page-detial-from .input-1 textarea::placeholder {color: #333;}
.page-detial-from  textarea {min-height: 10rem;}
.page-detial-from .item-2 {margin-bottom: 1%;display: flex;justify-content: space-between;}
.page-detial-from .item-2 .input-1  {width: 49.5%;margin-bottom: 0;}
.page-detial-from .checkbox-1 {margin-bottom: 1%;}
.page-detial-from .checkbox-1 label {display: flex;align-items: center;}
.page-detial-from .checkbox-1 input {width: 2rem;height: 2rem;border: 1px solid #ccc; }
.page-detial-from .checkbox-1 span {display: block;margin-left: 1rem;}
.page-detial-from .submit-1 {display: block;width: 100%;padding: 1.5rem 0;text-align: center;color: #000;background: #f7e524;border-radius: 1rem;}
.page-detial-from .submit-1:hover {background: #000;color: #fff;}
.page-detial-from .sendbtn-1:hover {background: #000;}
.page-detial-from .sendbtn-1:hover i {filter: invert(1);}
.page-detial-from .sendbtn-1:hover span {color: #fff;}

.star-1 {display: flex;margin: 2rem auto;overflow: hidden;}
.star-1 i{margin-right: 1rem;width: 3.5rem;height: 3.5rem;background: url("../upload/star.png") center no-repeat;background-size: 100%;}
.star-1 i.cur  {background: url("../upload/star2.png") center no-repeat;background-size: 100%;}

.page-reviews-list {overflow: hidden;padding: 5% 0;margin-top: 3%;}
.page-reviews-item {overflow: hidden;padding: 3%;background: #fff;border-radius: 1rem;margin-bottom: 2%;}
.page-reviews-item .name-1{color: #000;border-bottom: 2px solid #fbe714;padding-bottom: 2rem;overflow: hidden;}
.page-reviews-item-text {padding: 1rem 0;overflow: hidden;}
.page-reviews-item-text .text-1 {color: #333;}
.page-reviews-item-text .time-1 {color: #999;margin-top: 5rem;} 




/* blog */ 
.page-blog {position: relative;overflow: hidden;padding: 5% 0;background: #f5f5f5;}
.page-blog-container {width: 75%;margin: auto;position: relative;z-index: 11;}
.page-blog-left {width: 25%;float: left;}
.page-blog-right {width: 71%;float: right;}
.page-blog-list {overflow: hidden;border-top: 2px solid #333;}
.page-blog-item {overflow: hidden;position: relative;}
.page-blog-item a {display: flex;justify-content: space-between;overflow: hidden;position: relative;color: #000;border-bottom: 1px solid #ccc;padding: 5% 0;}
.page-blog-item .pic {position: relative;}
.page-blog-item .pic::before {content: "";position: absolute;top: 0;left: -75%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.page-blog-item .data-1{text-align: right;color: #d4d4d4;margin-top: 1rem;}
.page-blog-item .data-1 strong{display: block;margin: 0;padding: 0;}
.page-blog-item .data-1 p{display: block;margin: 0;padding: 0;}
.page-blog-item .img{border-radius: 1rem;overflow: hidden;width: 30%;}
.page-blog-item .text{width: 54%;margin-top: 1rem;}
.page-blog-item .title-1{margin-bottom: 1rem;}
.page-blog-item .title-1 strong {background: linear-gradient(to right,#f7e524,#f7e524) no-repeat;background-size: 0 2px;background-position: right bottom;transition:background-size 1s;}
.page-blog-item .text-1{color: #999;} 
.page-blog-item a:hover {border-bottom: 1px solid #333;}
.page-blog-item a:hover .pic {transform: scale(1.05);}
.page-blog-item a:hover .title-1 strong {background-position: left bottom;background-size: 100% 2px;}
.page-blog-item a:hover .data-1{color: #333;} 
.page-blog-item a:hover .pic::before {-webkit-animation: shine 1.5s;animation: shine 1.5s;}
.page-return {text-align: center;margin-top: 4rem;width: 100%;clear: both;}
.page-return a {display: inline-block;vertical-align: middle;position: relative;margin: 0 1rem;}
.page-return i {display: block;width: 4.5rem;height: 4.5rem;position: relative;background: url('../images/r3.svg') center no-repeat #fff;background-size: 30%;border-radius: 100%;}
.page-return span {display: block;color: #ccc;}
.page-return .on span,.page-return a:hover span{color: #000;}
.page-return a.prev {transform: rotate(180deg);}
.page-return a:hover i {background: url('../images/r3.svg') center no-repeat #f7e524;background-size: 30%;}
.page-return a.prev,.page-return a.next {margin: 0 2rem;}

.detial-blog {overflow: hidden;background: #f5f5f5;padding-top: 9rem;}
.detial-blog-top {padding: .1% 0;overflow: hidden;}
.detial-blog-center {padding: 5% 0;overflow: hidden;}
.detial-blog-left {float: left;width: 70%;overflow: hidden;}
.detial-blog-right {float: right;width: 25%;}
.detial-blog-title {border-bottom: 2px solid #333;padding-bottom: 2%;}
.detial-blog-title .title-1 {color: #000;}
.detial-blog-title .text-1 {margin-top: 5rem;color: #333;}
.detial-blog-content {padding: 2% 0;overflow: hidden;}
.detial-blog-content .text-1 {overflow: hidden;position: relative;}
.detial-blog-content .text-1 img {max-width: 100%;height: auto!important;}
.detial-blog-share {padding: 1% 0;overflow: hidden;display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #333;}
.detial-blog-share .title-2 {color: #000;}
.share-icon {display: flex;align-items: center;}
.share-icon a {display: block;margin-left: .5rem;}
.share-icon i {width: 4rem;height: 4rem;display: block;position: relative;border-radius: 100%;overflow: hidden;}
.share-icon i img {max-width: 50%;max-height: 50%;opacity: 0.5;}
.share-icon a:hover i img {opacity: 1;}
.share-icon a:hover i {background: #f7e524;}
.detial-blog-page-turning {overflow: hidden;margin-top: 3%;}
.detial-blog-page-turning .turning-1 {margin-bottom: 1%;position: relative;overflow: hidden;}
.detial-blog-page-turning .turning-1 a {display: flex;align-items: center;background: #fff;border-radius: 1rem;overflow: hidden;position: relative;padding: 2.5% 3%;color: #000;}
.detial-blog-page-turning .turning-1 span {position: relative;display: block; border-right: 1px solid #ccc;padding-right: 2rem;}
 .detial-blog-page-turning .turning-1 strong {width: 70%;display: block;margin: 0;padding: 0;margin-left: 2rem;}
.detial-blog-page-turning .turning-1 i{width: 3rem;height: 3rem;border-radius: 100%;background: #f5f5f5;position: absolute;top: 50%;transform: translateY(-50%);right: 3%;}
.detial-blog-page-turning .turning-1 i::after {content: '';width: 1.2rem;height: 1.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.detial-blog-page-turning .turning-1 a:hover {background: #f7e524;}
.detial-blog-page-turning .turning-1 a:hover i {background: #fff;}
.detial-blog-page-turning .turning-1 a:hover span {border-right: 1px solid #000;}
.detial-blog-from {padding: 4% 0 0;overflow: hidden;}




/* about */ 
.page-about {margin-top: 9rem;overflow: hidden;}
.page-about-container {overflow: hidden;position: relative;z-index: 11;}
.page-about-introduction {overflow: hidden;}
.page-about-introduction-top {overflow: hidden;padding: 1% 0;}
.page-about-introduction-top .title-1 {overflow: hidden;margin-bottom: 1rem;}
.page-about-introduction-top .text-1 {color: #999;width: 54%;}
.page-about-introduction-bottom {display: flex;align-items: center;margin-top: 2%;}
.page-about-introduction-left {width: 49%;overflow: hidden;}
.page-about-introduction-left a {display: block;position: relative;overflow: hidden;border-radius:  0 4rem 4rem 0;}
.page-about-introduction-left .play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} 
.page-about-introduction-left a:hover .pic {transform: scale(1.05);}
.page-about-introduction-left .pic {background-color:#f1f1f1;}
.page-about-introduction-right {width: 35%;margin-left: 4%;}
.page-about-introduction-right .text-1 {color: #000;}
.page-about-introduction-right .item-1 {display: flex;margin-top: 4rem;justify-content: space-between;}
.page-about-introduction-right .item-1 li {list-style: none;margin: 0;padding: 0;width: 48%;}
.page-about-introduction-right .item-1 strong {display: block;margin: 0;padding: .5rem 0;border-bottom: 2px solid #f7e524;} 
.page-about-introduction-right .item-1 p {margin: 0;padding: 0;margin-top: 1rem;} 

.page-about-culture {padding: 5% 0;overflow: hidden;}
.page-about-culture-list {display: flex;flex-wrap: wrap;margin-top: 4%;}
.page-about-culture-item {width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.page-about-culture-item.mr0 {margin-right: 0;}
.page-about-culture-item a {display: block;width: 100%;height: 100%;padding: 5%;box-sizing: border-box;border: 2px solid #ededed;border-radius: 2rem;}
.page-about-culture-item .icon-1 {position: relative;width: 5rem;height: 5rem;}
.page-about-culture-item .text {margin-top: 10rem;} 
.page-about-culture-item .text-1 {margin-top: 1rem;color: #333;}
.page-about-culture-item a:hover {background: #f7e524;border: 2px solid #f7e524;} 
.page-about-culture-item a:hover .icon-1 img {filter: grayscale(1) invert(1) ;}

.page-about-development {padding: 5% 0;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page-about-development-top {position: relative;padding: 3% 0;overflow: hidden;}
.page-about-development-top .title-1 strong {color: #fff;}
.page-about-development-top .litapower-content {position: relative;}
.page-about-development-top .swiper-btn {position: absolute;right: 0;top: 50%; transform: translateY(-50%);text-align: right;}
.swiper-btn {position: relative;overflow: hidden;}
.swiper-btn .swiper-button-prev,
.swiper-btn .swiper-button-next {transform: none;top: auto;left: auto;right: auto;margin: 0;display: inline-block;position: relative;margin-left: 1rem;background: rgba(255,255,255,0.2);}
.swiper-btn .swiper-button-prev::after,.swiper-btn .swiper-button-next::after {top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;color: #fff;font-size: 1.4rem;font-weight: bold;}
.swiper-btn .swiper-button-prev:hover,.swiper-btn .swiper-button-next:hover {background: #f7e524;}
.swiper-btn .swiper-button-prev:hover::after,.swiper-btn .swiper-button-next:hover::after {color: #000;}
.page-about-development-bottom {padding: 3% 0;width: 100%;position: relative;overflow: hidden;}
.page-about-development-swiper {position: relative;width: 100%;height: 100%;}
.page-about-development-item {position: relative;width: 100%;height: 100%;opacity: .4;}
.page-about-development-item a {display: block;overflow: hidden;position: relative;width: 100%;height: 100%;border-radius: 2rem;padding: 5%;box-sizing: border-box;}
.page-about-development-item a::after {content: '';width: 120%;height: 120%;left: -5%;top: -5%;z-index: 1;background: rgba(255,255,255,0.8);position: absolute;filter: blur(1rem);}
.page-about-development-item .year-1 {color: #000;position: relative;z-index: 11;}
.page-about-development-item .year-1 strong {color: #000;}
.page-about-development-item .year-1 em {font-style: normal;color: #f7e524;}
.page-about-development-item .text-1 {margin-top: 10rem;position: relative;z-index: 12;min-height: 6rem;}
.page-about-development-swiper .swiper-slide-active .page-about-development-item,.page-about-development-swiper .swiper-slide-next .page-about-development-item  {opacity: 1;}
.page-about-development-swiper .swiper-slide-active a,.page-about-development-swiper .swiper-slide-next a {background: #fff;}

.page-about-factories {padding: 6% 0;overflow: hidden;background: url('../upload/bg8.jpg') center top no-repeat;background-size: cover;}
.page-about-factories-top {text-align: center;}
.page-about-factories-top .title-1 {width: 80%;margin: auto;}
.page-about-factories-top .title-1 strong {color: #fff;}
.page-about-factories-list {overflow: hidden;padding: 3% 0;}
.page-about-factories-list ul {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.page-about-factories-list li {list-style: none;margin: 0;padding: 0;width: 19%;background: #f7e524;border-radius: 10rem;margin: 0 1rem;padding: 1rem 0;}
.page-about-factories-list strong {margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;}
.page-about-factories-list i {display: block;font-style: normal;}
.page-about-factories-list em {display: block;font-style: normal;}
.page-about-factories-list p {margin: 0;padding: 0;margin-top: -.5rem;padding-bottom: .8rem;}
.page-about-factories-bottom {margin-top: 1%;overflow: hidden;padding: 1% 0;}
.page-about-factories-bottom .page-about-factories-list {overflow: hidden;position: relative;width: 100%;padding: 0;}
.page-about-factories-item {float: left;width: 40%;border-radius: 1rem;overflow: hidden;}
.page-about-factories-item.item1 {width: 51.5%;margin-right: 1rem;}
.page-about-factories-item.item2,.page-about-factories-item.item3 {width: 25%;}
.page-about-factories-item.item2 {margin-bottom: 1.2rem;}
.page-about-factories-item.item4 {position: absolute;right: 0;top: 0;width: 22.22%;height: 100%;}
.page-about-factories-item.item4 .pic img {height: 100%;}
.page-about-factories-item a {display: block;width: 100%;height: 100%;position: relative;}
.page-about-factories-item .text-1 {position: absolute;left: 0;bottom: 0;z-index: 11;background: #f7e524;border-radius: 0 2rem 0 0;}
.page-about-factories-item .text-1 strong{padding: 1rem 2rem;text-align: center;display: block;}
.page-about-factories-item .pic {width: 100%;height: 100%;}
.page-about-factories-group {position: relative;overflow: hidden;margin-top: 1rem;}

.page-about-certificate {overflow: hidden;}
.page-about-certificate-content {background: #f7f7f7;margin: 1%;border-radius: 2rem;padding: 6% 5%;overflow: hidden;}
.page-about-certificate-content .index-blog-type a.cur {background: #f7e524;border: 1px solid #f7e524;}
.page-about-certificate-top {position: relative;width: 85%;margin: auto;}
.page-about-certificate-bottom {position: relative;width: 85%;margin: auto;margin-top: 3%;}
.page-about-certificate-swiper {overflow: hidden;margin-bottom: 5%;}
.page-about-certificate-item {overflow: hidden;}
.page-about-certificate-item a {display: block;position: relative;}
.page-about-certificate-item .pic {background: #fff;border-radius: 2rem;overflow: hidden;}
.page-about-certificate-item .pic .img-center {max-width: 60%;max-height: 60%;}
.page-about-certificate-item .text-1 {text-align: center;margin-top: 2.5rem;}
.page-about-certificate-swiper-bottom {position: relative;}
.page-about-certificate-swiper-bottom .swiper-pagination-progressbar {position: relative;left: auto;bottom: auto;transform: none;margin: auto;background: #ddd;width: 100%;height: 3px;display: none;}
.page-about-certificate-swiper-bottom .swiper-pagination-progressbar-fill {background: #000;}
.page-about-certificate-swiper-bottom .swiper-scrollbar {background: #ddd;width: 100%;height: 3px;cursor: move;}
.page-about-certificate-swiper-bottom .swiper-scrollbar-drag {background: #000;}

.page-about-staff-style {padding: 6% 0 0 0;overflow: hidden;} 
.page-about-staff-style-content {margin-top: 3%;position: relative;}
.page-about-staff-style-content::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;}
.page-about-staff-style-list {overflow: hidden;position: relative;}
.page-about-staff-style-list ul {display: flex;list-style: none;margin: 0;padding: 0;}
.page-about-staff-style-list li {list-style: none;margin: 0;padding: 0;border-radius: 2rem;overflow: hidden;position: relative;margin-right: 2rem;}
.page-about-staff-style-list li img {max-height: 55rem;}

.page-about-factory {padding: 1%;overflow: hidden;}
.page-about-factory-content {background: url('../upload/bg9.jpg') center bottom no-repeat #f2f2f2;background-size: 100%;border-radius: 2rem;overflow: hidden;position: relative;padding: 5%;}
.page-about-factory-content .title-1{text-align: center;}
.page-about-factory-list {margin-top: 3%;display: flex;align-items: center;justify-content: center;}
.page-about-factory-item {width: 22%;overflow: hidden;margin: 2%;}
.page-about-factory-item a {display: block;position: relative;border-radius: 100%;background: rgba(255,255,255,0.5);text-align: center;overflow: hidden;}
.page-about-factory-item .text {position: absolute;left: 50%;top: 48%; transform: translate(-50%,-50%);z-index: 2;width: 80%;}
.page-about-factory-item .icon-1 {width: 8rem;height: 8rem;margin: auto;position: relative;}
.page-about-factory-item .title-1 {margin-top: 1rem;}
.page-about-factory-item .num-1 {position: absolute;left: 10%;bottom: 6%;z-index: 1;text-align: center;width: 80%;color: #ccc;} 



/* software-system */ 
.page-banner .text.cblack {color: #000;top: 55%;transform: translateY(-50%);}
.page-banner .text .title-2 {overflow: hidden;}
.page-banner .text .icon-2 {margin-top: 4rem;}
.page-banner .text .icon-2 a {max-width: 100%;margin-right: 1rem;display: inline-block;}
.page-banner .text .item-2 {margin-top: 2rem;}
.page-banner .text .item-2 ul {list-style: none;margin: 0;padding: 0;}
.page-banner .text .item-2 li {list-style: none;margin: 0;padding: 0;display: flex;align-items: center;padding: .3rem 0;}
.page-banner .text .item-2 li i {display: block;width: 3rem;height: 3rem;background: #f7e524;border-radius: .4rem;overflow: hidden;position: relative;margin-right: 1rem;}
.page-banner .text .item-2 li img {max-width: 50%;max-height: 50%;}
.page-banner .products {width: 100%;height: 100%;position: relative;}
.page-banner .products li {list-style: none;margin: 0;padding: 0;position: absolute;top: 0;width: 30%;height: 100%;}
.page-banner .products li:nth-child(1) img,
.page-banner .products li:nth-child(2) img,
.page-banner .products li:nth-child(3) img{filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.2));}
.page-banner .products li:nth-child(1) {z-index: 4;right: 60%;}
.page-banner .products li:nth-child(2) {z-index: 3;right: 40%;}
.page-banner .products li:nth-child(3) {z-index: 2;right: 20%;}
.page-banner .products li:nth-child(4) {z-index: 1;right: 0%;}

.page-software-systems {position: relative;z-index: 11;mix-blend-mode: multiply;} 
.page-section-1 {padding: 5% 0;overflow: hidden;}
.page-section-1 .title-1 {text-align: center;margin-bottom: 1%;}
.page-section-1 .text-1 {text-align: center;color: #666;position: relative;width: 90%;margin: auto;padding: 1% 0;overflow: hidden;}
.page-section-1 .img-1 {padding: 2% 0;overflow: hidden;text-align: center;}
.page-section-1 .img-1 img {max-width: 100%;height: auto;display: inline-block;}
.page-section-2 {padding: 6% 0 0 0;background: #f5f5f5;position: relative;}
.page-section-2 * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.page-section-2 .title-1{text-align: center;}
.page-section-2 .text-2{width: 60%;margin: auto;margin-top: 1%;text-align: center;color: #999;}
.page-section-bottom-2{margin-top: 6%;position: relative;display: flex;justify-content: space-between;}
.page-section-left-2 {float: left;width: 50%;height: calc(100vh - 15rem);overflow: hidden;position: -webkit-sticky;position: sticky;top: 15rem;}
.page-section-right-2 {float: right;width: 45%;margin-top: 2%;}
.section-pic-1 {width: 100%;max-height: 100%;position: absolute;top: 0;opacity: 0;left: 0;}
.section-pic-1 i{display: block;border-radius: 2rem;overflow: hidden;background-position: center ;background-repeat: no-repeat;background-size: cover;}
.section-pic-1.is-active  {opacity: 1;left: 0;}
.section-text-2 {width: 100%;height: calc(100vh - 15rem);border-top: 2px solid #e5e5e5;overflow: hidden;opacity: 1;}
.section-text-2 .text {position: static;padding: 10rem 0;}
.section-text-2 .num-1 {overflow: hidden;}
.section-text-2 .num-1 strong {color: #f5f5f5;text-shadow: #e5e5e5 1px 0 0, #e5e5e5 0 1px 0, #e5e5e5 -1px 0 0, #e5e5e5 0 -1px 0;}
.section-text-2 .text-1 {color: #ccc;}
.section-text-2.is-active {opacity: 1;}
.section-text-2.is-active .num-1 strong {color: #f7e524;text-shadow: none;}
.section-text-2.is-active .text-1 {color: #000;}
.page-section-left-pic {overflow: hidden;position: relative;width: 100%;height: 100%;}
.page-section-left-pic-pagination {position: absolute;left: 0;top: 78%;}
.page-section-left-pic-pagination ul {list-style: none;margin: 0;padding: 0;text-align: center;border-radius: 10rem;padding: 1rem 1rem;background: rgba(0, 0, 0, 0.2);font-size: 0;}
.page-section-left-pic-pagination ul li {list-style: none;margin: 0;padding: 0;margin: 0 .4rem;border-radius: 100%;background: #fff;width:.8rem;height: .8rem;display: inline-block;vertical-align: middle;}
.page-section-left-pic-pagination ul li.is-active {background: #000;}
.page-section-3 {background: url('../upload/bg10.jpg') center no-repeat #000;background-size: cover;padding: 6% 0;overflow: hidden;}
.page-section-3 .title-1 {text-align: center;color: #f7e524;}
.page-section-swiper3 {margin-top: 4%;}
.page-functions-swiper {overflow: hidden;} 
.page-functions-swiper .swiper-slide-active .pic {opacity: 1;transform: scale(1);}
.page-functions-swiper .pic {opacity: .5;transition:all .4s ease;transform: scale(.7);} 
.page-functions-swiper .functions-prev {left: 20%;}
.page-functions-swiper .functions-next {right: 20%;}
.page-section-3-text {text-align: center;margin-top: 3%;}
.page-section-3-text .title-1 {color: #f7e524;}
.page-section-3-text .text-1 {color: #f7e524;opacity: .5;margin: auto;margin-top: 1rem;width: 50%;} 
.page-section-4 {padding: 6% 0;overflow: hidden;}
.page-section-4 .title-1 {text-align: center;}
.page-section-nav-4 {margin-top: 5%;}
.page-section-nav-4 ul {list-style: none;margin: 0;padding: 0;background: #000;border-radius: 1rem;padding:.5rem;overflow: hidden;display: flex;align-items: center;box-sizing: border-box;}
.page-section-nav-4 ul li {list-style: none;margin: 0;padding: 0;width: 20%;}
.page-section-nav-4 ul li a {color: #fff;border-radius: .5rem;overflow: hidden;padding: 1.5rem ;width: 100%;display: block;text-align: center;box-sizing: border-box;}
.page-section-nav-4 ul li.cur a {background: #f7e524;color: #000;}
.page-section-list-4 {overflow: hidden;margin-top: 2%}
.page-section-item-4 {background: #f7f7f7;border-radius: 1rem;overflow: hidden;padding: .5% 3%;display: flex;align-items: center;border: 2px solid #d1d1d1;;margin-bottom: 1%;}
.page-section-item-4 .title-2 {width: 10%;}
.page-section-item-4 .item-2 {display: flex;align-items: center;flex-wrap: wrap;width: 70%;}
.page-section-item-4 .item-2 li {list-style: none;margin: 0;padding: 0;width: 24%;}
.page-section-item-4 .item-2 li a {display: block;position: relative;mix-blend-mode: multiply;}
.page-section-item-4 .item-2 li .img-center {max-width: 80%;max-height: 70%;}
.page-section-5 {padding: 2% 0;}
.page-section-5 .title-1 {text-align: center;}
.page-section-5 .section-text-2 .num-1 strong {color: #fff;}
.page-section-5 .section-text-2.is-active .num-1 strong {color: #f7e524;text-shadow: none;}
.page-section-6 {padding: 6% 0;overflow: hidden;background: #f7f7f7;border-radius: 2rem 0 2rem 0;overflow: hidden;}
.page-faq-section {position: relative;}
.page-faq-section .title-1 {text-align: center;}
.page-section-faq-6 {width: 70%;margin: auto;margin-top: 5%;}
.page-section-faq-item {margin-bottom: 2%;background: #fff;border-radius: 1rem;padding: 2% 3%;}
.page-section-faq-item .title-2 {display: flex;align-items: center;position: relative;cursor: pointer;}
.page-section-faq-item .title-2 i{width: 3.5rem;height: 3.5rem;line-height: 3.5rem;text-align: center;border-radius: 100%;background: #ccc;display: block;color: #fff;font-style: normal;}
.page-section-faq-item .title-2 strong{margin-left: 1rem;display: block;width: 80%;}
.page-section-faq-item .title-2 em{width: 3.5rem;height: 3.5rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border-radius: 100%;border: 1px solid #ccc;}
.page-section-faq-item .title-2 em::after {content: '';width: 1.2rem;height: 1.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(90deg);background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.page-section-faq-item.cur .title-2 i {background: #000;color: #f7e524;}
.page-section-faq-item.cur .title-2 em{border: 1px solid #333;}
.page-section-faq-item.cur .title-2 em::after {transform: translate(-50%,-50%) rotate(-90deg);}
.page-section-faq-text {overflow: hidden;display: none;padding: 1rem 0;}
.page-section-faq-text .text-1 {overflow: hidden;position: relative;width: 80%;margin-left: 5%;} 
.page-section-7 {background: #f7f7f7;overflow: hidden;border-radius: 0 2rem 0 2rem;}



/* customer-case */ 
.page-customer-case {overflow: hidden;position: relative;z-index: 11;}
.page-customer-case-section-1 {position: relative;padding: 6% 0;overflow: hidden;}
.page-customer-case-content-1 {overflow: hidden;}
.page-customer-case-content-1 .text{display: flex;justify-content: space-between;}
.page-customer-case-content-1 .title-1{width: 40%;}
.page-customer-case-content-1 .right-2{width: 50%;}
.page-customer-case-content-1 .title-2{color: #333;}
.page-customer-case-content-1 .text-2{margin-top: 2rem;}
.page-customer-case-content-1 .pic {margin-top: 5%;border-radius: 2rem;overflow: hidden;} 
.page-customer-case-section-2 {text-align: center;overflow: hidden;padding: 1%;position: relative;}
.page-customer-case-content-2 {overflow: hidden;padding: 6% 0;background: #f7f7f7;border-radius: 2rem;}
.page-customer-case-content-2 .litapower-content {width: 76%;margin: auto;}
.page-customer-case-section-2 .title-1{overflow: hidden;}
.page-customer-case-section-2 .pic {margin-top: 5%;overflow: hidden;}
.page-customer-case-section-3 {position: relative;padding: 6% 0;overflow: hidden;}
.page-customer-case-top-3 {position: relative;}
.page-customer-case-nav-3 {display: flex;}
.page-customer-case-nav-3 a {display: block;margin-right: 4rem;}
.page-customer-case-nav-3 strong {display: block;margin: 0;padding: 0;position: relative;color: #dadada;}
.page-customer-case-nav-3 strong::after {content: '';width: 0; height: 3px; background: #f7e524; position: absolute; left: 0; bottom: 0; }
.page-customer-case-nav-3 a.cur strong {color: #000;}
.page-customer-case-nav-3 a.cur strong::after {width: 100%; }
.page-customer-case-top-3 .swiper-btn {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 20;}
.page-customer-case-top-3 .swiper-btn .swiper-button-prev,.page-customer-case-top-3 .swiper-btn .swiper-button-next {background: #000;}
.page-customer-case-top-3 .swiper-btn .swiper-button-prev:hover,.page-customer-case-top-3 .swiper-btn .swiper-button-next:hover {background: #f7e524;}
.page-customer-case-top-3 .swiper-btn .swiper-button-prev:hover::after,.page-customer-case-top-3 .swiper-btn .swiper-button-next:hover::after {color: #000;}
.page-customer-case-bottom-3 {margin-top: 4%;overflow: hidden;}
.page-customer-case-list-3 {overflow: hidden;}
.page-customer-case-item-3 {overflow: hidden;}
.page-customer-case-item-3 a {display: block;overflow: hidden;position: relative;border-radius: 2rem;}
.page-customer-case-item-3 .img {overflow: hidden;}
.page-customer-case-item-3 .text {position: absolute;left: 1%;bottom: 2%;width: 98%;z-index: 11;padding: 3% 5%;border-radius: 1.6rem;box-sizing: border-box;overflow: hidden;} 
.page-customer-case-item-3 .text::after {content: '';width: 150%;height: 150%;position: absolute;left: -5%;top: -25%;z-index: 1;background: #fff;opacity: .6;filter: blur(10px);}
.page-customer-case-item-3 .title-1 {color: #000;position: relative;z-index: 10;} 
.page-customer-case-item-3 .title-1 strong {display: block;margin: 0;padding: 0;}
.page-customer-case-item-3 .yuan-1 {width: 3rem;height: 3rem;position: absolute;right: 3%;top: 50%;transform: translateY(-50%);z-index: 3;} 
.page-customer-case-item-3 .yuan-1 i{display: block;width: 100%;height: 100%;border-radius: 100%;background: rgba(255,255,255,0.5);position: relative;} 
.page-customer-case-item-3 .yuan-1 i::before {content: '';width: .5rem;height: .5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);background: #fff;border-radius: 100%;}
.page-customer-case-item-3 .yuan-1 i::after {content: '';width: 1.5rem;height: 1.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);background: url('../images/r4.svg') center no-repeat;background-size: 70%;opacity: 0;}
.page-customer-case-item-3 a:hover .text::after {opacity: .7;}
.page-customer-case-item-3 a:hover .title-1 strong{color: #000;font-size: 3rem;margin-bottom: 2rem;}
.page-customer-case-item-3 a:hover .yuan-1 i {background: #000;}
.page-customer-case-item-3 a:hover .yuan-1 i::before {opacity: 0;}
.page-customer-case-item-3 a:hover .yuan-1 i::after {opacity: 1;}
.page-customer-case-bottom-3 .viewmore-1 {margin-top: 2%;}
.page-customer-case-bottom-3 .viewmore-1 a {background: #f5f5f5;}
.page-customer-case-section-4 {padding: 1%;overflow: hidden;}
.page-customer-case-section-4 .page-faq-section {background: #f7f7f7;border-radius: 2rem;overflow: hidden;padding: 6% 0;}
.page-customer-case-section-5 {padding: 1%;overflow: hidden;border-bottom: 1px solid #ededed;}



/* contact */ 
.page-contact-us {overflow: hidden;}
.page-contact-us-section-1 {padding: 6% 0;overflow: hidden;position: relative;z-index: 10;}
.page-contact-us-content-1 {display: flex;align-items: center;}
.page-contact-us-left-1 {width: 50%;}
.page-contact-us-left-1 .pic {border-radius: 0 2rem 2rem 0;overflow: hidden;background-color: #f1f1f1;}
.page-contact-us-right-1 {width: 33%;margin-left: 5%;}
.page-contact-us-right-1 .text {overflow: hidden;}
.page-contact-us-right-1 .title-1 {color: #000;}
.page-contact-us-right-1 .title-1 strong {display: block;margin: 0;padding: 0;}
.page-contact-us-right-1 .title-1 strong:last-child {color: #f7e524;}
.page-contact-us-right-1 .text-1 {margin-top: 2rem;}
.page-contact-us-section-2 {padding: 3% 0;overflow: hidden;}
.page-contact-us-section-2 .title-1 {text-align: center;}
.page-contact-us-content-2 {margin-top: 5%;}
.page-contact-us-list-2 {display: flex;flex-wrap: wrap;padding: 3% 0;overflow: hidden;}
.page-contact-us-item-2 {width: 30%;position: relative;box-sizing: border-box;margin-right: 5%;margin-bottom: 2%;background: #f7f7f7;border-radius: 2rem;}
.page-contact-us-item-2::after {content: '';width: 5rem;height: 4rem;position: absolute;right: -6rem;top: 50%;transform: translateY(-50%);z-index: 1;background: url('../upload/r2.png') center no-repeat;background-size:80%;}
.page-contact-us-item-2 a {display: block;padding: 6% 7%;box-sizing: border-box;width: 100%;height: 100%;border-radius: 2rem;overflow: hidden;border: 1px solid #d4d4d4;}
.page-contact-us-item-2 .num-1 {overflow: hidden;}
.page-contact-us-item-2 .num-1 strong {display: block;margin: 0;padding: 0;width: 4rem;height: 4rem;line-height: 4rem;border-radius: 100%;background: #f7e524;color: #000;text-align: center;}
.page-contact-us-item-2 .title-2 {margin-top: 5rem;}
.page-contact-us-item-2 .text-2 {margin-top: 2rem;} 
.page-contact-us-item-2 a:hover {background: url('../upload/contact2.jpg') right center no-repeat #f7e524 ;background-size: 100% 100%;border: 1px solid #f7e524;}
.page-contact-us-item-2 a:hover .num-1 strong{background: #000;color: #f7e524;}
.page-contact-us-item-2.item3,.page-contact-us-item-2.item6 {margin-right: 0;}
.page-contact-us-item-2.item4::after,.page-contact-us-item-2.item5::after {transform: translateY(-50%) rotate(180deg);}
.page-contact-us-item-2.item7 {width: 100%;margin-right: 0;margin-top: 3%;}
.page-contact-us-item-2.item7 a {display: block;padding: 4% 4% 4% 37%;}
.page-contact-us-item-2.item7 .num-1 {position: absolute;left: 2%;top: 25%;}
.page-contact-us-item-2.item7 .title-2 {margin-top: 0;}
.page-contact-us-item-2.item7::after {transform: rotate(90deg);top: -6rem;right: auto;left: 12%;}
.page-contact-us-section-3 {background: #f7f7f7;overflow: hidden;border-radius: 2rem 2rem 0 0;}
.page-contact-us-section-4 {background: #f7f7f7;overflow: hidden;border-radius: 0 0 2rem 2rem;padding: 6% 0;}
.page-contact-us-section-5 {padding: 1%;overflow: hidden;border-bottom: 1px solid #ededed;}



/* search */ 
.page-search {padding-top: 9rem;overflow: hidden;background: #f5f5f5;}
.page-search-top {padding: 5% 0 1% 0;overflow: hidden;border-bottom: 1px solid #ccc;}
.page-search-bottom {padding: 2% 0 5% 0;overflow: hidden;}
.page-search-from {width: 50%;margin: auto;position: relative;margin-bottom: 3%;}
.page-search-from .input-2 {position: relative;}
.page-search-from .input-2 input{width: 100%;background: none;border: none;border-bottom: 2px solid #000;padding: 2rem 0;}
.page-search-from .btn-2 {position: absolute;right: 0;top: 0;width: 10%;height: 90%;}
.page-search-from .btn-2 a,.page-search-from .btn-2 input {display: block;width: 100%;position: relative;height: 100%;z-index: 1;background: none;border: none;cursor: pointer;}
.page-search-from .btn-2 a::after,.page-search-from .btn-2::after {content: '';width: 5rem;height: 5rem;position: absolute;top: 50%;right:0;border-radius: 100%;background: url('../upload/send.png') center no-repeat #ededed;background-size: 30%;transform: translateY(-50%);}
.page-search-from .btn-2:hover::after{background: url('../upload/send.png') center no-repeat #f7e524;background-size: 30%;}
.page-search-from .btn-2 a:hover::after {background: url('../upload/send.png') center no-repeat #f7e524;background-size: 30%;}
.page-search-results {overflow: hidden;color: #666;}
.page-search-results em {font-style: normal;color: #f7e524;}
.page-search-list {padding: 2% 0;overflow: hidden;position: relative;}
.page-search-product-list {display: flex;flex-wrap: wrap;overflow: hidden;position: relative;margin-top: 2rem;}
.page-search-product-list .page-product-item {width: 23.5%;}
.page-search-type {display: flex;}
.page-search-type a {display: block;margin-right: 5rem;color: #ccc;}
.page-search-type a.cur,.page-search-type a:hover {color: #000;}


/* windows */ 
.litapower-windows {position: fixed;width: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4000;background: #fff;border-radius: 2rem;overflow: hidden;transition:all .4s ease;}
.litapower-windows.hide {transform: translate(-50%,-50%) scale(0);opacity: 0;}
.litapower-windows-content {padding: 5%;overflow: hidden;position: relative;}
.litapower-windows-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 3600;}
.litapower-windows-mark.hides {display: none;}
.litapower-windows-from {position: relative;overflow: hidden;}
.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: 4rem;height: 4rem;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 100%;background: #ededed;}
.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 {background: #f7e524;}
.show-windows {position: fixed;width: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 4000;background: #fff;border-radius: 2rem;overflow: hidden;transition:all .4s ease;}
.show-windows.hide {transform: translate(-50%,-50%) scale(0);opacity: 0;}
.show-windows-content {padding: 5rem;overflow: hidden;position: relative;text-align: center;}
.show-windows-content .icon-1{margin: 3% auto;overflow: hidden;}
.show-windows-content .icon-1 i {width: 10rem;height: 10rem;border-radius: 100%;background: #fbe714;overflow: hidden;position: relative;display: block;margin: auto;}
.show-windows-content .icon-1 i::after {content: '';width: 80%;height: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: url('../images/g.png') center no-repeat;background-size: 100%;filter: invert(1);}
.show-windows-content .text-1 {padding: 1% 0;overflow: hidden;text-align: center;color: #000;}
.show-windows-content .ewm-1 {overflow: hidden;width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;display:none;}
.show-windows-content .ewm-1.show {display:block;}
.show-windows-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 3600;}
.show-windows-mark.hides {display: none;}
.footer-right-fixed {position: fixed;right: .3%;bottom: 10%;z-index: 666;}
.footer-right-fixed ul {list-style: none;margin: 0;padding: 0;background: #fff;border-radius: 10rem;padding: 1rem .5rem;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);}
.footer-right-fixed li {list-style: none;margin: 0;padding: 0;margin: .1rem auto;position: relative;}
.footer-right-fixed a {display: block;}
.footer-right-fixed a i{display: block;width: 4rem;height: 4rem;position: relative;border-radius: 100%;overflow: hidden;}
.footer-right-fixed a i img {max-width: 50%;max-height: 50%;}
.footer-right-fixed a:hover i {background: #f7e524;}
.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;}


.footer-bottom-fixed {background: #fff;position: fixed;left: 0;bottom: 0;z-index: 999;width: 100%;box-shadow: 0px 0px 3rem 0px rgba(0, 0, 0, 0.08);display:none;}
.footer-bottom-fixed ul {display: flex;list-style: none;margin: 0;padding: 0;padding: 1rem 0;overflow: hidden;align-items: center;justify-content: center;}
.footer-bottom-fixed ul li{list-style: none;margin: 0;padding: 0;width: 30%;margin: 0 1rem;}
.footer-bottom-fixed ul li a{display: flex;align-items: center;justify-content: center;background: #f7e524;border-radius: 20rem;overflow: hidden;padding: 1rem 0;}
.footer-bottom-fixed ul li i{display: block;position: relative;width: 3rem;height: 3rem;}
.footer-bottom-fixed ul li span{margin-left: 1rem;color: #000;font-family: 'outfitsb';}


.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;display:inline-block;outline:none;}
.social-share a:hover::before,.social-share a:hover::after {opacity: 1;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 4rem;height: 4rem;position: relative;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;}  
.social-share-icon:hover::after {background: #f7e524;}
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: .5;}  
.social-share-icon::after {z-index: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #f7e524;border-radius: 100%;opacity: 0;}
.icon-share::before{background: url('') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../images/linkin.svg') center no-repeat;background-size: 50%;}
.icon-wechat::before  {background: url('../images/wechat.svg') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../images/twitter.svg') center no-repeat;background-size: 50%;}   
.icon-weibo::before {background: url('../images/webo.svg') center no-repeat;background-size: 50%;}   
.icon-facebook::before {background: url('../images/facebook.svg') center no-repeat;background-size: 50%;}   
.icon-youtube::before {background: url('../images/yotube.svg') center no-repeat;background-size: 50%;}   
.icon-instagram::before {background: url('../images/instagram.svg') center no-repeat;background-size: 50%;}   


.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::after,.nextArrow::after  {content: '';width: 5rem;height: 5rem;position: absolute;left: 1%;top: 50%;transform: translateY(-50%);z-index: 1;background: url('../images/r1.svg') center no-repeat;background-size: 100%;}
.nextArrow::after {left: auto;right: 1%;transform: translateY(-50%) rotate(180deg);}
.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: 4rem;height: 4rem;margin-left: 3rem;}
.menu-toggle a {width: 4em;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: #000;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:#000;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:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;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: 12rem;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 strong {font-weight: normal;display: block;position: relative;margin: 0;padding: 0;} 
.mobile-nav-list ul li a.nav-1{padding: 2rem 0;overflow: hidden;color: #000;display: block;position: relative;}
.mobile-nav-list ul li strong i {width: 10%;height: 100%;position: absolute;right: 1%;top: 50%;transform: translateY(-50%);}
.mobile-nav-list ul li strong i::after,.mobile-nav-list ul li strong i::before {content: '';width: 2rem;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;}
.mobile-nav-list ul li strong i::after {transform: translate(-50%,-50%) rotate(90deg);}
.mobile-nav-list ul li strong i.cur {color: #f7e524;}
.mobile-nav-list ul li strong i.cur::after {display: none;}
.mobile-navshow {padding: 1% 0;overflow: hidden;display: none;margin-top: -1%;}
.mobile-navshow a {display: block;color: #666;padding: 1rem 2rem;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;}
 




/* 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(1rem);}100%{transform:translateY(0);}}
@keyframes yuanfangda2{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.2);opacity: 0;}}
@keyframes draw {from {stroke-dashoffset: 100%;}to{stroke-dashoffset: 0;}}
@keyframes drawline{from {stroke-dashoffset: 100%;}to{stroke-dashoffset: 0;}} 
@-webkit-keyframes shine { 100% { left:125%; } } @keyframes shine { 100% { left:125%; } }
.drawline{-webkit-animation-name:drawline;animation-name:drawline;-webkit-animation-duration: 4s;animation-duration: 4s;}
.swiper,.swiper-lazy-preloader{--swiper-theme-color: #f7e524;--swiper-preloader-color: #f7e524;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:20rem;height:20rem;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;border-radius: 2rem;transition:all .4s ease;}
div.zoomMask{position:absolute;background:url("../../static/images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;} 
div.zoomDiv * {transition:all .4s ease;}


.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;}



.lihan-atd-products .item {position: relative;border: none;}
.lihan-atd-products .item::before {content: '';width: 100%;height: 100%;box-sizing: border-box;position: absolute;z-index: 1;border: 1px solid #e1e1e1;}
.lihan-atd-products .item a {position: relative;z-index: 10;}
 

/*2025-07-24*/
.index-contact-us-item em {color: #fff;}
.page-about-development-item .year-1 strong {color: #f7e524;}
.page-about-development-item .year-1 em {color: #000;}
.header.scroll-top  {background: #fff;}
body.cur .header.scroll-top .header-nav a, body.cur .header.scroll-top .header-link .linkitem-1 li span {color: #000;}
body.cur .header.scroll-top .header-link .linkitem-1 li i img ,body.cur .header.scroll-top .header-link .linkitem-1 li.dropdown a::after{filter: none;}





@media screen and (max-width: 5120px) { 
	.header-nav a {white-space: nowrap;}
	.page.cur .page-container {overflow: hidden;}
}
@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) { 
	.title-1 strong.font60 {font-size: 5rem;line-height: 5rem;}
	.index-shared-power-data-item .data-1 strong,.index-shared-power-data-item .data-1 em {font-size: 6rem;}
	.index-project-alternatives-item .title-1 strong {font-size: 2rem;}
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) {
    .logos-group li {width: 24rem;}
}
@media screen and (max-width: 1366px) {
	.header-content,.index-banner-bottom,.index-project-alternatives-top ,.litapower-content,
	.footer-content,.page-product-container,.page-blog-container,.page-customer-case-content-2 .litapower-content{width: 90%;}
	.page-about-certificate-top,.page-about-certificate-bottom {width: 100%;}
	.index-banner-item .text,.index-banner-bottom,.page-banner .text {left: 5%;}
	.page-banner .product {right: 5%;}
	.index-project-alternatives-list {margin-top: 13%;}
	.index-project-alternatives-right {width: 40.5%;}
	.index-power-bank-right {margin-right: 5%;width: 40%;}
	.index-power-bank-steps {margin-top: 10%;}
	.index-contact-us .litapower-content {width: 92%;}
	.page-product-detial-pics-left {width: 40%;margin-left: 8%;}
	.page-about-introduction-right {width: 40%;}
	.page-about-development-item .year-1 {font-size: 10rem;}
	.page-about-certificate-content {padding: 5% 4%;}
	.page-section-left-2 {height: calc(100vh - 12rem);top: 12rem;}
	.page-section-left-pic-pagination {top: 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) {
	body.cur .header .header-nav a, body.cur .header-link .linkitem-1 li span {color: #000;}
	body.cur .header-link .linkitem-1 li i img, body.cur .header-link .linkitem-1 li.dropdown a::after {filter: none;}
	.pcshow,.header-nav{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}   
	.no-touch .mobile-nav {transform: translateX(0);opacity: 1;} 
	.header {background: #fff;}
	.header-content-left {width: 60%;}
	.header-logo {width: 100%;}
	.header-content {width: 90%;height: 6rem;}
	.header-link .linkitem-1 li a {background: none;}
	.index-banner-item .text,.index-banner-bottom {left: 5%;width: 90%;}
	.index-banner-bottom li {width: 49%;margin-top: 3%;}
	.index-banner-item .text {top: 10%;transform: none;}
	.index-banner .banner-pagination {right: 5%;}
	.index-overseas-projects-data .data-item .data-1 strong {font-size: 5rem;}
	.header-nav-show-content {margin-top: 5rem;}
	.index-banner-item .title-1 strong {font-size: 4rem;}
	.index-project-alternatives-item .title-1 strong,.index-system-payment-item .title-1 strong,
	.index-blog-item .title-1 strong,.index-blog-item.item3 .title-1,.page-customer-case-item-3 .title-1 strong{font-size: 3rem;line-height: 3.5rem;}
	.title-1 strong.font60 {font-size: 4rem;line-height: 5rem;}
	.page-about-development-item .year-1 {font-size: 6rem;}
	.index-blog-item.item1 .data-1 span,.index-blog-item.item2 .data-1 span ,.index-blog-type a,.footer-nav li a,.leftitem-1 .categories-1 li span,
	.footer-copy.font14,.footer-by.font14,.leftitem-1 .latest-1 .item-1 .text,.page-tab-type li span{font-size: 2rem;line-height: 3rem;}
	.page-product-item .title-1 strong,.leftitem-1 .latestnews-1 li a ,.page-blog-item .text-1{font-size: 2rem;line-height: 3rem;}
	.page-path a span ,.parameter-table.font16,.index-contact-us-item em ,.leftitem-1 .latestnews-1 a .title-2 strong,
	.leftitem-1 .aboutus-1 .text,.viewmore-2 span,.viewmore-1 span{font-size: 1.8rem;line-height: 2.4rem;}
	.page-return span,.index-blog-type a strong{font-size: 2rem;}
	.footer-nav ul strong ,.leftitem-1 .index-contact-us-item strong,.leftitem-1 .download-1 .item-1 strong{font-size: 2.5rem;}
	.index-profit-desktop-swiper ,.page-about-factory-item{width: 80%;}
	.index-project-alternatives-top,.litapower-content,.index-contact-us .litapower-content,.footer-content,.page-product-container,
	.page-blog-container,.page-section-3-text .text-1,.page-search-from{width: 90%;}
	.index-project-alternatives-top .text-1,.index-shared-power-data-item,.index-power-bank-features li,
	.page-blog-item .data-1,.page-about-certificate-bottom,.page-customer-case-content-1 .right-2,
	.page-section-1 .text-1,.page-section-2 .text-2,.index-system-payment-item,.index-blog-item.item2 .img,.page-blog-item .text,.page-customer-case-content-1 .title-1,
	.page-blog-item .img,.page-about-introduction-top .text-1,.page-about-certificate-top,.page-section-left-2,.page-section-faq-6 {width: 100%;}
	.index-project-alternatives,.index-overseas-projects-content,.index-global-user,.page-product ,.page-section-6,
	.page-blog ,.page-about-culture,.page-about-development,.page-about-factories,.page-section-3,.page-section-2 {padding: 15% 0;}
	.page-about-certificate-content ,.page-about-factory-content{padding: 16% 5%;}
	.index-profit-desktop-list,.page-about-staff-style ,.page-section-1{padding: 10% 0;}
	.index-project-alternatives-bottom,.page-search-type{overflow: hidden;padding: 5% 0;}
	.index-project-alternatives-left,.index-power-bank-left,.page-about-introduction-left,.page-contact-us-left-1 {float: none;width: 95%;}
	.index-project-alternatives-right ,.page-section-3 .title-1,.page-contact-us-right-1{float: none;margin-left: 0;width: 90%;margin: auto;}
	.index-shared-power-left,.index-shared-power-right,.index-contact-us-left,.index-contact-us-right,.page-product-detial-bottom-left,.page-product-detial-bottom-right,
	.page-product-left,.page-product-right,.detial-blog-right,.page-section-right-2,.page-section-item-4 .title-2,
	.page-product-detial-pics-left,.page-product-detial-right-text ,.page-blog-left,.page-blog-right,.detial-blog-left{float: none;width: 100%;}
	.page-about-factories-list li {width: 47%;margin: 2% 1%;}
	.index-shared-power-right,.index-shared-power-text ,.index-power-bank-steps,.page-customer-case-content-1 .right-2,
	.index-global-user .index-overseas-projects-data,.page-about-certificate-bottom,.page-contact-us-right-1{margin-top: 5%;} 
	.page-product-detial-small-pic{margin-top: 3%;} 
	.index-shared-power-data .jiantou-2,.footer-nav li,.page-path a:last-child {display: none;}
	.index-power-bank-right {float: none;margin-right: 0;width: 90%;margin: auto;}
	.index-power-bank-bottom {padding: 10% 0;border-top: 1px solid #ccc;}
	.index-power-bank-steps {padding-bottom: 10%;} 
	.index-overseas-projects-map,.index-overseas-projects-bottom,.index-contact-us-item,.page-section-bottom-2,
	.index-contact-us-right,.page-product-detial-right-text,.page-about-introduction-bottom {margin-top: 10%;}
	.index-system-payment-item {margin-bottom: 10%;}
	.logos-group li {width: 18rem;}
	.index-overseas-projects-data .data-item .data-1 span{line-height: 5.5rem;}
	.index-overseas-projects-data .data-item {width: 49%;margin-bottom: 3%;} 
	.map-state .lineyuan-1 span {height: 3rem;}
	.map-state {transform: translate(-30%,-100%);} 
	.index-global-user-list {margin: auto;margin: 5% 0;}
	.index-global-user-list li,.index-global-user-list ul,.index-global-user-list {height: 100%;}
	.index-global-user-list .item-1.item1 {width: 40rem;}  
	.index-global-user-list .item-1.item4 {width: 17.77rem;}  
	.index-global-user-list .item-1 .img-block{height: 100%;}
	.index-global-user-list .item-1.item2,.index-global-user-list .item-1.item5 {width: 19rem;} 
	.index-global-user-list .item-1.item3,.index-global-user-list .item-1.item6 {width: 19rem;} 
	.index-blog-item.item1,.index-blog-item,.index-blog-item.item2 .text {margin: auto;float: none;width: 100%;}
	.index-blog-item.item2 a {display: block;}
	.page-banner .text .icon-2 {display: flex;}
	.page-banner .text .item-2 ,.page-section-left-pic-pagination,.page-contact-us-item-2::after {display: none;}
	.footer-nav ,.page-path,.page-blog-item a,.page-about-introduction-bottom,.page-about-factories-list ul,.page-customer-case-content-1 .text,
	.page-about-factory-list,.page-section-bottom-2,.page-customer-case-nav-3,.page-contact-us-content-1,.page-section-item-4,.index-shared-power-data{flex-wrap: wrap;}
	.footer-nav ul {min-width: 100%;padding: 0;}
	.footer-nav ul strong {padding: 2rem 0;}
	.viewmore-1 i {width: 5rem;height: 5rem;}
	.footer-socialize li i ,.index-contact-us-item i,.leftitem-1 .download-1 .item-1 i{width: 6rem;height: 6rem;}
	.page-path a i{width: 2rem;height: 2rem;}
	.leftitem-1 .categories-1 li i {width: 2.5rem;height: 2.5rem;}
	.page-banner .text {left: 5%;top: 20%;transform: none;width: 90%;}
	.page-banner .product {right: 5%;top: auto;transform: none;width: 90%;height: 40%;bottom: 5%;}
	.page-product-list {justify-content: space-between;}
	.page-product-item {width: 49%;margin-right: 0;margin-bottom: 2%;float: none;}
	.page-products-detial ,.detial-blog{padding-top: 7rem;}
	.page-product-detial-left-pic {position: relative;width: 100%;left: auto;top: auto;height: 100%;}
	.swiper-button-prev.pics-prev, .swiper-button-next.pics-next {opacity: 1;}
	.swiper-button-prev.pics-prev {top: 50%;transform: translate(0,-50%);left: -3rem;}
	.swiper-button-next.pics-next {bottom:auto ;top: 50%;transform: translate(0,-50%);left: auto;right: -3rem;}
	.viewmore-1 a, .viewmore-1 div {padding: 2rem 6rem 2rem 3rem;}
	.page-blog-item .data-1 {display: flex;align-items: center;padding-bottom: 2rem;}
	.page-blog-item .data-1 p {margin-left: 2rem;font-size: 4rem;}
	.page-about-introduction-right {float: none;width: 90%;margin-top: 10%;}
	.page-about-culture-item {width: 100%;margin-right: 0;margin-bottom: 5%;}
	.page-about-factories-item {margin: 1% 0;}
	.page-about-factories-item.item1 {width: 100%;}
	.page-about-factories-item.item2, .page-about-factories-item.item3 {width: 49%;margin-bottom: 1%;}
	.page-about-factories-item.item3 {margin-left: 2%;}
	.page-about-factories-item.item4 {position: relative;right: auto;top: auto;width: 100%;height: 100%;}
	.index-blog-type {position: relative;right:auto;top: auto;transform: none;padding: 5% 0;}
	.index-blog-type a {margin: 0;margin-right: 1rem;}
	.page-about-staff-style-list li {height: 30rem;}
	.page-about-staff-style-list li .img-block {width: auto;height: 100%;}
	.page-banner .text .icon-2 a {width: 30%;}
	.page-banner .text.cblack {top: 15%;transform: none;}
	.page-section-left-2 {height: calc(50vh - 7rem);top: 7rem;}
	.section-text-2 {width: 100%;height: calc(100vh - 10rem);}
	.page-functions-swiper .functions-prev {left: 1%;}
	.page-functions-swiper .functions-next {right: 1%;}
	.page-customer-case-top-3 .swiper-btn {position: relative;right: auto;top: auto;transform: none;margin-top: 5%;}
	.swiper-btn .swiper-button-prev, .swiper-btn .swiper-button-next {margin: 0;margin-right: 1rem;}
	.page-contact-us-item-2 {width: 100%;margin-right: 0;margin-bottom: 5%;}
	.page-contact-us-item-2.item7 .num-1 {position: relative;left: auto;top: auto;}
	.page-contact-us-item-2.item7 a ,.page-contact-us-item-2 a{padding: 5%;}
	.page-contact-us-item-2.item7 .title-2 {margin-top: 5rem;}
	.page-search-product-list {justify-content: space-between;}
	.page-search-product-list .page-product-item {width: 49%;}
	.litapower-windows {width: 90%;}
	.page-section-item-4 {padding: 5%;}
	.page-section-item-4 .item-2 {margin-top: 3%;width: 100%;justify-content: space-between;}
	.page-section-item-4 .item-2 li {width: 24%;background: #fff;border-radius: 1rem;}
	.footer-right-fixed {right: 2%;}
	.footer-right-fixed a i {width: 6rem;height: 6rem;}
	.page-about-development-top .swiper-btn {display: none;}
	.page-about-development-swiper .swiper-slide {height: 100%;}
	.page-section-item-pic {overflow: hidden;position: relative;margin-bottom: 10%;}
	.page-section-item-pic .pic {border-radius: 2rem;overflow: hidden;}
	.page-section-item-pic strong {color: #f7e524;}
	.page-product-detial-pics-left {margin: 0;}
	.index-banner-bottom ul {flex-wrap: wrap;}
	.page-banner .text.mbcenter {top: 50%;transform: translateY(-50%);}
	.page-banner .product .xycenter {position: relative;left: auto;top: auto;transform: none;min-width: 100%;max-height: 100%;height: 100%;width: 100%}
	.page-about-development-item .text-1 {margin-top: 2rem;padding-bottom:3rem;}
	.header-link .linkitem-1 li i {width: 3rem;height: 3rem;}
	.header-link .linkitem-1 li.dropdown a {padding: 1rem 3rem 1rem 1rem;}
	.header-link .linkitem-1 li span {font-size: 1.8rem;}
	.header-link .linkitem-1 {margin-left: 1rem;}
	.header-link .linkitem-1 li:hover a:hover {background: none;}
	.header-link .linkitem-1 li .language-show ul a {font-size: 1.6rem;}
	.footer-bottom-fixed {display:block;}
	.footer {padding-bottom:10%;}
	
	
	 /*2025-07-24*/
	.index-banner-item .text{text-align: center;}
	.index-banner-item .xline-1 i {margin: auto;}
	.index-banner-item .button-1 {margin-top: 2rem;}
	.index-banner-bottom ,.page-functions-swiper .functions-prev,.page-functions-swiper .functions-next,.index-profit-desktop-list .swiper-button-prev,.index-profit-desktop-list .swiper-button-next{display:none;}
	.page-banner .text { text-align: center;}
	.page-banner .text .icon-2 {justify-content: center;margin-top: 2rem;}
	.page-banner .products {margin-left: -6%;}
	.page-banner .product {bottom: 12%;}
	.header.scroll-down {margin-top:-8rem;}
	.index-project-alternatives-bottom {margin-top:-5%;padding: 0 0 5% 0;}
	.page-section-faq-item .title-2 i {font-size: 1.8rem;}
	.leftitem-1 .latestnews-1 a .data-1,.page-path a span{font-size: 2rem;}
	.index-overseas-projects-data .data-item .text-1,.page-about-factories-item .text-1 strong,.page-tab-type a span,.page-tab-type em,.page-reviews-container-item .title-2,.page-detial-from .checkbox-1 span{font-size: 2.2rem;}
	.leftitem-1 .categories-1 li span,.leftitem-1 .latest-1 .item-1 .text,.detial-blog-title .text-1,.page-about-factories-list p,.page-about-certificate-item .text-1 strong,
	.parameter-table table,.page-detial-from .input-1 input, .page-detial-from .input-1 textarea,.page-about-introduction-right .item-1 p {font-size: 2.4rem;}
	.index-project-alternatives-top .text-1,.detial-blog-share .title-2 strong,.detial-blog-page-turning .turning-1 strong {font-size: 2.6rem;line-height: 3.4rem;}
	.index-project-alternatives-item .text-1,.index-shared-power-left .text-2,.index-shared-power-data-item .text-1,.index-power-bank-features li strong,.page-section-1 .text-1,.page-detial-reviews-text *,.page-detial-reviews-text,
	.leftitem-1 .aboutus-1 .text,.page-contact-us-right-1 .text-1,.page-detial-reviews-text,.index-contact-us-item .text-1,.leftitem-1 .latestnews-1 a .title-2 strong ,
	.page-section-3-text .text-1,.page-section-faq-text .text-1,.page-customer-case-content-1 .text-2,.page-blog-item .text-1,.page-about-development-item .text-1,.page-contact-us-item-2 .text-2{font-size: 2.4rem;line-height: 3.2rem;}
	.index-contact-us-item em,.leftitem-1 .latestnews-1 li a{font-size: 2.4rem;}
	.page-blog-item .title-1 strong{font-size: 3rem;line-height: 3.8rem;}
	.index-contact-us-item strong,.index-power-bank-steps li strong,.sendbtn-1 span,.leftitem-1 .title-1 strong,.detial-blog-page-turning .turning-1 span,
	.page-about-factory-item .title-1 strong,.page-contact-us-item-2 .title-2 strong,.page-detial-from .submit-1 strong,.page-detial-from .title-2 strong{font-size: 3rem;}
	.page-about-culture-item .text strong {font-size: 3.4rem;}
	.page-section-faq-item .title-2 strong,.page-customer-case-content-1 .title-2 strong,.page-about-culture-item .text-1,.detial-blog-content .text-1 {font-size: 2.6rem;line-height: 3.8rem;}
	.index-profit-desktop-list{padding: 3% 0 10% 0;}
	.index-overseas-projects-data .data-item {width: 45%;margin-bottom: 10%;}
	.index-profit-desktop-swiper,.page-section-faq-text .text-1 {width: 100%;}
	.index-contact-us-from .input-1 input, .index-contact-us-from .input-1 textarea ,.header-link .linkitem-1 li span,.header-link .linkitem-1 li .language-show ul a{font-size: 2.2rem;}
	.page-contact-us-item-2 .num-1 strong,.page-about-factory-item .num-1 strong{font-size: 4rem;}
	.footer-socialize li i {background:#f1f1f1;}
	.footer-socialize li { margin-right: 2rem;}
	.xline-1 i {height: 2px;}
	.index-shared-power-data-item {margin-bottom: 5%;}
	.footer-top{margin-top: 20%;}
	.page-section-nav-4 ul {flex-wrap: wrap;}
	.page-section-nav-4 ul li { width: 25%;} 
	.page-section-item-4 .item-2 li {margin-bottom:2%;width: 31%;margin-right:2%;}
	.page-section-item-4 .item-2 {justify-content: flex-start;}
	.leftitem-1 .latestnews-1 li::before { top: 2.5rem;}
	.social-share-icon,.social-share-icon::before,.social-share-icon::after {width: 5rem;height: 5rem;}
	.index-blog-type a { display: flex;align-content: center;justify-content: center;align-items: center;}
	.parameter-table table td:first-child,.page-detial-from .submit-1  {padding: 2rem 0 !important;} 
	.page-detial-reviews-text {padding:5% 0;}
	.page-detial-reviews-text.font18.flh24 {font-size: 2.4rem!important;line-height: 3.2rem!important;}
    .page-section-item-pic .text-1 {padding:5% 5% 5% 15%;}
    .page-contact-us-section-1 {padding: 20% 0 10% 0;}
    .page-contact-us-item-2 .num-1 strong,.page-about-culture-item .icon-1 {width: 7rem;height: 7rem;line-height: 7rem;}
    .page-contact-us-item-2 .num-1 {margin-top:2rem;}
    .page-contact-us-item-2 .title-2 {margin-top: 3rem;}
    .page-about-introduction {padding-bottom: 10%;}
    .page-about-certificate-item .pic .img-center {max-width: 80%;max-height: 80%;}
    .page-about-factory-item .num-1 {bottom: 15%;}
	.page-blog .leftitem-1:nth-child(2),.page-blog .leftitem-1:nth-child(3),.page-blog .leftitem-1:nth-child(4),.page-product .leftitem-1:nth-child(2) ,.page-product .leftitem-1:nth-child(3) {display:none;}
    .page-blog-item .text-1 {color: #333;font-size: 2.6rem;line-height: 3.2rem;}
    .detial-blog-title .text-1 {font-size: 2rem;}
    .detial-blog-share {padding: 10% 0 2% 0;}
    .detial-blog-from {padding: 20% 0 2% 0;}
    .detial-blog-right,.page-product-detial-bottom-right {margin-top: 15%;}
    .index-blog-bottom  {margin-top: 10%;}
    .leftitem-1 {margin-bottom: 15%;}
    .page-customer-case-section-1 {padding: 20% 0 15% 0;}
    .page-section-faq-item .title-2 strong {line-height: 3rem;}
    .page-section-faq-text .text-1 {width:90%;margin-left: 9%;}
    .page-customer-case-section-4 .page-faq-section ,.index-profit-desktop,.page-customer-case-section-3,.page-customer-case-content-2{padding: 20% 0;}
    .page-section-faq-item {padding: 5%;}  
    .parameter-table table strong { word-break: break-all;}
    .page-product-detial-right-text .viewmore-1,.header-link .linkitem-1 li.header-search {display:none;}
    .page-tab-type a span,.page-tab-type em ,.page-tab-type a{font-size: 2.6rem;}
    .page-product-detial-bottom-list h1,.page-product-detial-bottom-list strong {line-height: 4rem;}
    .index-blog-item .data-1 ,.index-blog-item.item1 .data-1{margin-top: 1rem;}
    .index-blog-item {margin-bottom:5%!important;}
    .index-blog-type {position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding: 5% 0;}
    .menu-toggle {margin-left: 1rem}
    .page-product-item .pic .img-center {max-width: 80%;max-height: 80%;}
    .page-tab-type a {height: 100%;box-sizing: border-box;}
	
}


 

/* 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) { 
 
}