.header {
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 30px 20px 30px;
  z-index: 40;
  transition: 0.5s;
}
.header.scroll {
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.all{ width: 100%; position: relative;}
/* 头部 */
.head{ width: 100%; min-width: 480px; height: 80px; position: relative; z-index: 40; top:0;	-webkit-transition: 0.3s; transition: 0.3s;}
.head.mini{ background-color: rgba(36,43,58,0.9);}
.head.special{ background-color: rgba(36,43,58,0.9);}
.logo{ height: 80px; font-size: 0; line-height: 90px;position: absolute; left: 3%; top:17px; z-index: 1;}
.logo img{ max-height: 80%;}
.headshadow{ width: 100%; height: 90px;}
.topsouout{ padding:15px 0; background-color: rgba(51,51,51,0.8); position: absolute; display: none; z-index: 8; width: 100%; right:0; top:100%; font-size: 16px; line-height: 40px;}
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:100%;background-color: #333; margin: 0 auto; overflow:hidden;}
.topsou input.shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;}
.topsou input.anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;background-color: #09834c; color: #fff; text-align: center;}


.nav{ position: absolute; right:220px; top:31px; z-index: 3; height: 30px;}
.nav>li{ float: left; height: 100%; position: relative;}
.nav>li>a{ display: block; width: 130px; height: 30px; position: relative; z-index: 2;font-size: 18px; line-height: 30px; color: #fff; text-align: center;}
.nav>li>a:before{ content: ''; position: absolute; left: -2px; top: 0; z-index: 0;width: 4px; height: 100%; display: none;}
.nav>li:hover>a,.nav>li.on>a{ color: #e6462e;}

@media screen and (max-width:1380px){
	.nav{right:10%; width: 65%;}
	.nav>li{width: calc(100%/7);;}	
}

/* 手机导航 */
.navbtn{position: fixed; right: 3%; top: 24px; z-index: 50;-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.navbtn .icos{ width: 28px; height: 28px; position: relative; float: left; border: 2px solid #fff;	border-radius: 100%; float: left; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);}
.navbtn s{ position: absolute; right: 6px; display: block; width: 16px; height: 2px; background-color: #fff;box-shadow: 0 0 2px 0 rgba(255,255,255,0.3);-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.navbtn s:nth-child(1){top: 7px;}
.navbtn s:nth-child(2){top: 13px; width: 10px; transform: rotate(0deg) scale(1,1);}
.navbtn s:nth-child(3){top: 19px;}
.navbtn.on s:nth-child(1){ top:13px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:13px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
.navbtn span{ float: left; line-height: 32px; color: #fff; font-size: 18px; text-transform: uppercase; margin-left: 12px;text-shadow: 0 0 5px rgba(255,255,255,0.2);}
@media screen and (max-width:1380px){
.logo{ left: 30px;}
.navbtn{ right: 30px;}
.nav{ right: 150px;}
}
@media screen and (max-width:1200px){
.nav{ display: none;}
}
@media screen and (max-width:1000px){
.logo{ left: 20px;}
.navbtn{ right: 20px;}
}
@media screen and (max-width:770px){
.logo{ height:52px; }
}

.head_menu {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 45;display: none;background: url('../images/navbg.jpg') center no-repeat;}
.head_menu .item{float: left;width:14%;overflow:auto;height:100%;}
.head_menu .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.head_menu .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.head_menu .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#fff;}
.head_menu .item .pad{padding:200px 0 0 30px;}
.head_menu .item h4{font-size:24px;color:#fff;}
.head_menu .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;}
.head_menu .item span{font-size:14px;color:#fff;}
.head_menu .item ul{padding-top:10px;width:auto;margin:0;}
.head_menu .item ul li{width:100%;text-align: left; ;}
.head_menu .item ul li a{font-size:16px;color:#fff;height:40px;line-height:40px;cursor:pointer; margin-top:20px;transition: .5s;}
.head_menu .item ul li a:hover{ padding-left:15px}

.nav li div {display:none;width:165px;text-align:center;color:#fff;position:absolute;top:100%;background: linear-gradient(to right, #f39d18,#d28009); z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px!important;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#fff;  background:#f49716!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }

@media( max-width:1210px ){
	.head_menu{overflow:auto;min-height:100%;}
	.head_menu .item{float:none;width:100%;height:auto;}
	.head_menu .item .pad{padding:30px 40px 0;}
  .head_menu .item h4{font-size:18px;}
  .head_menu .item ul li{width:50%;text-align: left; float: left;}
	.head_menu .item ul li a{font-size:14px;height:28px;line-height:28px;}
	.head_menu .item:last-child{padding-bottom:40px;}
}
.tedian{width: 100%; border-top: 1px solid #f2f2f2;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; height: 50px;align-items:center}
.tedian .tedian_a{ margin-left: 5%;}
.tedian .tedian_a em{font-weight: bold; color: #e8bb24; font-size: 18px;}
.tedian .tedian_b{width:40%; margin-right: 5%;}
.tedian .tedian_b ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; align-items:center}
.tedian .tedian_b li{ padding-left: 25px;}
.tedian .tedian_b li.f1{ background: url("../images/t1.jpg") left no-repeat;}
.tedian .tedian_b li.f2{ background: url("../images/t2.jpg") left no-repeat;}
.tedian .tedian_b li.f3{ background: url("../images/t3.jpg") left no-repeat;}
.tedian .tedian_b li.f4{ background: url("../images/t4.jpg") left no-repeat;}
.tedian .tedian_b li.f5{ background: url("../images/t5.jpg") left no-repeat;}
/* banner */

.join-box {position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.join-slide {position: relative;z-index: 3;overflow: hidden;height: 100%;max-height: 100%;}
.join-bg {position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background-position: center;background-size: cover;}
.ptext {position: absolute;left: 50%;margin-left: -45%;top: 30%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 90%;text-align: center;}
.ptext strong {display: block;margin-bottom: 34px;line-height: 1;color: #fff;font-size: 48px;font-weight: normal;overflow: hidden;}
.ptext strong div {padding: 0 22px;}
.ptext small {display: block;margin-bottom: 42px;line-height: 1;color: #fff;font-size: 24px;font-family: "CenturySchlbkCyrillicBT Roman";text-transform: uppercase;}
.ptext small div {padding: 0 8px;}
.ptext p {position: relative;padding-top: 80px;	color: #fff;	font-size: 18px;	letter-spacing: 12px;	line-height: 2.4;  }
.ptext p:before {position: absolute;left: 50%;margin-left: -1px;top: 0;content: "";width: 2px;height: 52px;background: #fff;opacity: 0.3;}
.ptext.article-block p {opacity: 0;visibility: hidden;transform: translateY(60px);transition: 0.68s;}
.ptext.article-block p:before {transform: scaleY(0);transform-origin: center top;transition: 0.65s;}
.ptext.articleShow p {opacity: 1;visibility: visible;transform: translateY(0);}
.ptext.articleShow p:before {transform: scaleY(1);}
.mouses {position: absolute;left: 50%;margin-left: -10px;bottom: 44px;width: 21px;height: 36px;background: url(../images/mouse.png) center no-repeat;z-index: 4;}
.mouses i {position: absolute;left: 50%;margin-left: -1px;top: 7px;display: block;width: 2px;height: 9px;background: #fff;border-radius: 2px;-webkit-animation: moveDownSpot 1000ms infinite;-moz-animation: moveDownSpot 1000ms infinite;}
@keyframes moveDownSpot {
from {
opacity: 1;
top: 5px;
}
to {
opacity: 0.1;
top: 12px;
}
}
.policy {position: absolute;left: 12.3%;top: 54.1667vh;}
.policy small {display: block;line-height: 0.8;color: #ffffff;font-size: 6.6146vw;font-family: "Helvetica";text-transform: uppercase;opacity: 0.1;font-weight: bold;}
.policy strong {position: absolute;left: 0;bottom: 0;text-align: center;display: block;width: 100%;line-height: 1;color: #e8d888;font-size: 80px;font-size: 4.1667vw;letter-spacing: 10px;}
.policy strong > div {opacity: 0;visibility: hidden;transform: translateX(60px);transition: 0.5s;}
.policy-list {width: 53.4%;position: absolute;right: 12%;top: 50%;margin-top: -207px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.policy-item {width: 27.8%;float: left;margin-right: 8.3%;margin: 39px 8.3% 39px 0;text-align: center;opacity: 0;visibility: hidden;transform: translateY(70px);transition: 0.68s 0.3s;}
.policy-item:nth-child(3n+3) {margin-right: 0;}
.swiper-slide.swiper-slide-active .policy-item {opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.5s;}
.swiper-slide.swiper-slide-active .policy-item:nth-child(2) {transition-delay: 0.65s;}
.swiper-slide.swiper-slide-active .policy-item:nth-child(3) {transition-delay: 0.8s;}
.swiper-slide.swiper-slide-active .policy-item:nth-child(4) {transition-delay: 0.95s;}
.swiper-slide.swiper-slide-active .policy-item:nth-child(5) {transition-delay: 1.15s;}
.swiper-slide.swiper-slide-active .policy-item:nth-child(6) {transition-delay: 1.3s;}
.swiper-slide.swiper-slide-active .policy strong div {opacity: 1;visibility: visible;transform: translateX(0px);transition-delay: 0.6s;}
.swiper-slide.swiper-slide-active .policy strong div:nth-child(2) {	transition-delay: 0.7s;  }
.swiper-slide.swiper-slide-active .policy strong div:nth-child(3) {transition-delay: 0.8s;}
.swiper-slide.swiper-slide-active .policy strong div:nth-child(4) {transition-delay: 0.9s;}
.swiper-slide.swiper-slide-active .support li {opacity: 1;visibility: visible;transform: translateY(0px);transition-delay: 0.5s;}
.swiper-slide.swiper-slide-active .support li:nth-child(2) {transition-delay: 0.6s;}
.swiper-slide.swiper-slide-active .support li:nth-child(3) {transition-delay: 0.7s;}
.swiper-slide.swiper-slide-active .support li:nth-child(4) {transition-delay: 0.8s;}
.swiper-slide.swiper-slide-active .support li:nth-child(5) {transition-delay: 0.9s;}
.swiper-slide.swiper-slide-active .support li:nth-child(6) {transition-delay: 1s;}
.swiper-slide.swiper-slide-active .support li:nth-child(7) {transition-delay: 1.1s;}
.policy-wrap {position: relative;border: 1px solid rgba(255, 255, 255, 0.5);border-top: 0;padding: 62px 30px 38px;}
.policy-wrap:before,.policy-wrap:after {	content: "";position: absolute;top: 0;height: 1px;background: rgba(255, 255, 255, 0.5);}
.policy-wrap:before {left: 0;right: 50%;margin-right: 22px;}
.policy-wrap:after {right: 0;left: 50%;margin-left: 23px;}
.policy-wrap i {display: block;width: 43px;height: 43px;border: 1px solid rgba(255, 255, 255, 0.3);position: absolute;left: 50%;margin-left: -22px;top: -22px;
border-radius: 50%;background: url(../images/arrow3.png) center no-repeat;}
.policy-wrap strong {display: block;line-height: 1.2;color: #fff;font-size: 24px;font-weight: normal;}
.policy-wrap p {margin-top: 16px;color: #ffffff;font-size: 16px;opacity: 0.5;text-align: center;display: none;}
.service-tt {	right: 23.02%;left: auto;}
.support {position: absolute;left: 13.38%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 420px;}
.support li {margin-bottom: 44px;opacity: 0;visibility: hidden;transform: translateY(60px);transition: 0.6s;}
.support li:last-child {margin-bottom: 0;}
.support li i {display: block;float: left;width: 39px;height: 39px;background: url(../images/circle.png) center no-repeat;}
.support li:hover i {animation: rolates 3s linear infinite;}
.support-li {margin-left: 58px;display: flex;display: -webkit-flex;padding-bottom: 6px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.support-li b {display: block;color: #fff;font-size: 28px;font-weight: normal;width: 38px;line-height: 29px;font-family: "Helvetica";}
.support-li span {display: block;color: #fff;font-size: 18px;line-height: 29px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@keyframes rolates {
	from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

@media( max-width:1366px ){
  .support {top: 60%;}
  .support li {margin-bottom: 7%;}

}

.ptext2 {position: absolute;left: 50%;margin-left: -45%;top:25%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 90%;text-align: center;}
.ptext2 strong {display: block;margin-bottom: 34px;line-height: 1;color: #fff;font-size: 48px;font-weight: normal;overflow: hidden;}
.ptext2 strong div {padding: 0 22px;}
.ptext2 small {display: block;margin-bottom: 42px;line-height: 1;color: #fff;font-size: 24px;font-family: "CenturySchlbkCyrillicBT Roman";text-transform: uppercase;}
.ptext2 small div {padding: 0 8px;}

.join_dm{position: absolute;  left: 50%;  margin-left: -40%;  top: 70%;  transform: translateY(-50%);  -webkit-transform: translateY(-50%);  width:80%;}
.join_dm .al_pic {overflow:hidden;margin:0px auto 20px auto;width:100%; overflow:hidden}
.join_dm .al_pic li {float:left;margin-right:20px;width:450px; }
.join_dm .al_pic li a:hover {background:#e9bb24;color:#fff;}
.join_dm .al_picli a:hover ol {color:#fff;margin-left:30px;}
.join_dm .al_pic li a {display:block;}
.join_dm .al_pic li a img {display:block;width:100%;}
.join_dm .al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%;color:#fff; text-align: center;}
@media (min-width: 1281px) {
	/*左右滚动*/
  .join_dm .al_pic {
	  display: block; }
	}


.tem {position: absolute;left: 0;top: 19.8%;width: 100%;text-align: center;}
.tem strong {font-size: 48px;font-size: 2.5vw;letter-spacing: 8px;}
.tem-tab-wrap {position: absolute;left: 50%;margin-left: -405px;top: 60%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 810px;box-sizing: border-box;background: rgba(0, 0, 0, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);}
.tem-tab-wrap .tem-prev {position: absolute;top: 50%;margin-top: -12px;color: #ffffff;font-size: 16px;line-height: 1.6;text-transform: uppercase;font-family: "CenturyGothic";cursor: pointer;}
.tem-tab-wrap .tem-prev:before {position: absolute;top: 50%;margin-top: -5px;content: "";width: 47px;height: 9px;background: url(../images/prev.png) center no-repeat;}
.tem-tab-wrap .tem-prev.prev {left: -180px;padding-right: 60px;}
.tem-tab-wrap .tem-prev.prev:before {right: 0;}
.tem-tab-wrap .tem-prev.next {right: -180px;padding-left: 60px;}
.tem-tab-wrap .tem-prev.next:before {left: 0;background: url(../images/next.png) center no-repeat;}
.tem-item {width: 100%;float: left;text-align: center;padding: 30px 0;}
.tem-item.slick-current b {opacity: 1;visibility: visible;transition: 0.45s;transform: translateY(0px);}
.tem-item.slick-current b:before {opacity: 1;visibility: visible;transform: rotate(0deg);transition: 0.45s 0.15s;}
.tem-item.slick-current strong,.tem-item.slick-current p {opacity: 1;visibility: visible;transform: translateY(0px);transition: 0.5s 0.35s;}
.tem-item.slick-current p {transition-delay: 0.5s;}
.tem-item b {display: block;margin: auto;position: relative;z-index: 3;width: 119px;height: 119px;line-height: 119px;color: #fff;font-size: 48px;font-family: "CenturyGothic";opacity: 0;visibility: hidden;transform: translateY(40px);}
.tem-item b:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;z-index: -1;background-size: cover;opacity: 0;visibility: hidden;transform: rotateY(180deg);}
.tem strong {font-size: 48px;font-size: 2.5vw;letter-spacing: 8px;}
.tem-tab-wrap {position: absolute;left: 50%;margin-left: -405px;top: 60%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 810px;box-sizing: border-box;background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.3);}
.tem-tab-wrap .tem-prev {position: absolute;top: 50%;margin-top: -12px;color: #ffffff;font-size: 16px;line-height: 1.6;text-transform: uppercase;font-family: "CenturyGothic";cursor: pointer;}
.tem-tab-wrap .tem-prev:before {position: absolute;top: 50%;margin-top: -5px;content: "";width: 47px;height: 9px;background: url(../images/prev.png) center no-repeat;}
.tem-tab-wrap .tem-prev.prev {left: -180px;padding-right: 60px;}
.tem-tab-wrap .tem-prev.prev:before {right: 0;}
.tem-tab-wrap .tem-prev.next {right: -180px;padding-left: 60px;}
.tem-tab-wrap .tem-prev.next:before {left: 0;background: url(../images/next.png) center no-repeat;}
.tem-item {width: 100%;float: left;text-align: center;padding: 30px 0;}
.tem-item.slick-current b {  opacity: 1;visibility: visible;transition: 0.45s;transform: translateY(0px);}
.tem-item.slick-current b:before {opacity: 1;visibility: visible;transform: rotate(0deg);transition: 0.45s 0.15s;}
.tem-item.slick-current strong,.tem-item.slick-current p {opacity: 1;visibility: visible;transform: translateY(0px);transition: 0.5s 0.35s;}
.tem-item.slick-current p {transition-delay: 0.5s;}
.tem-item b {display: block;margin: auto;position: relative;z-index: 3;width: 119px;height: 119px;line-height: 119px;color: #fff;font-size: 48px;font-family: "CenturyGothic";opacity: 0;visibility: hidden;transform: translateY(40px);}
.tem-item b:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: url(../images/diamond.png) center no-repeat;z-index: -1;background-size: cover;opacity: 0;visibility: hidden;
transform: rotateY(180deg);}
.tem-item strong {display: block;margin-top: 16px;margin-bottom: 26px;line-height: 1.2;color: #fff;font-size: 24px;font-weight: normal;opacity: 0;visibility: hidden;transform: translateY(50px);}
.tem-item p {margin:0 auto;height: 62px;text-align: center;color: #ffffff;font-size: 16px;width: 660px;max-width: 90%;opacity: 0.6;opacity: 0;visibility: hidden;transform: translateY(50px);}
.tem-list {padding: 0 6.77%;position: absolute;left: 0;right: 0;bottom: 68px;z-index: 5;}
.tem-wrap {position: relative;z-index: 3;}
.tem-wrap:before {content: "";position: absolute;left: 0;right: 0;top: 49px;height: 1px;background: rgba(255, 255, 255, 0.3);z-index: -1;}
.tem-wrap .video-prev {opacity: 0.2;margin-top: -8px;}
.tem-wrap .video-prev.prev {left: -44px;}
.tem-wrap .video-prev.next {right: -44px;}
.tem-info {width: 11.1111%;float: left;text-align: center;cursor: pointer;}
.tem-info.slick-current b:after {opacity: 1;visibility: visible;animation: rolates 3s linear infinite;}
.tem-info span {display: block;margin-bottom: 12px;line-height: 1;color: #fff;font-size: 16px;}
.tem-info b {display: block;position: relative;width: 43px;height: 43px;margin: auto;}
.tem-info b:before {position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;content: "";width: 10px;height: 10px;border-radius: 50%;background: #fff;}
.tem-info b:after {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: url(../images/circle1.png) center no-repeat;opacity: 0;visibility: hidden;transition: 0.4s;}

@media( max-width:1210px ){
  .tem {top: 15%;}
  .tem-item b {width: 119px;height: 70px;line-height: 70px;font-size: 35px;}
  .tem-item p {font-size: 14px;width: 80%;}
  .tem-tab-wrap {top:53%;}
  .tem-list {bottom: 40px;}

}

.invetebtn {width: 53px;height: 53px;position: relative;cursor: pointer;z-index: 4;}
.invetebtn:hover:before {animation: rolates 3s linear infinite;}
.invetebtn:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;background: url(../images/circle2.png) center no-repeat;}
.invetebtn i {display: block;position: absolute;left: 50%;top: 50%;margin-left: -14px;margin-top: -14px;width: 28px;height: 28px;background: #fff url(../images/play3.png) center no-repeat;border-radius: 50%;}
.swiper-menu {position: fixed;right: 70px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 20;}
.swiper-menu-list li {position: relative;width: 17px;height: 17px;cursor: pointer;margin-bottom: 32px;}
.swiper-menu-list li.active:before {opacity: 1;visibility: visible;transform: scale(1);}
.swiper-menu-list li:last-child {margin-bottom: 0;}
.swiper-menu-list li:before {position: absolute;left: 0;top: 0;content: "";width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50%;background: url(../images/line.png) -1px -1px no-repeat;opacity: 0;transform: scale(0);visibility: hidden;transition: 0.38s;}
.swiper-menu-list li span {position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -2px;display: block;width: 5px;height: 5px;background: #fff;border-radius: 50%;}
.swiper-menu-list1 {position: relative;}
.swiper-menu-list1 li {position: relative;width: 3px;height: 3px;padding-bottom: 60px;}
.swiper-menu-list1 li.active i {background: #fff;}
.swiper-menu-list1 li:last-child {padding-bottom: 0;}
.swiper-menu-list1 li:before {position: absolute;content: "";width: 1px;left: 1px;top: 0;bottom: 0;background: rgba(255, 255, 255, 0.2);}
.swiper-menu-list1 li i {display: block;height: 100%;background: rgba(255, 255, 255, 0.3);transition: 0.3s;cursor: pointer;}
.product-series {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: cover;}
.series-menu {position: absolute;left: 0;top: 70px;width: 100%;text-align: center;}
.series-menu-list {display: inline-block;margin: auto;}
.series-menu-list > li {margin-left: 100px;float: left;position: relative;}
.series-menu-list > li:first-child {margin-left: 0;}
.series-menu-list > li.active > a {opacity: 1;}
.series-menu-list > li > a {display: inline-block;height: 66px;line-height: 66px;color: #ffffff;font-size: 18px;text-align: center;opacity: 0.33;}
.series-menu-list > li > a > i {display: inline-block;position: relative;top: -1px;margin-left: 9px;font-size: 14px;transition: 0.34s;}
.series-menu-list > li:hover a,.series-menu-list > li:focus a {opacity: 1;}
.series-menu-list > li:hover a i,.series-menu-list > li:focus a i {transform: rotate(90deg);}
.series-menu-list > li:hover .leval-series,.series-menu-list > li:focus .leval-series {pointer-events: visible;opacity: 1;visibility: visible;transform: translateY(0px);}
.leval-series {position: absolute;left: 0;
top: 55px;width: 100%;
text-align: center;
background: rgba(255, 255, 255, 0.05);
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: 0.45s;
pointer-events: none;
}
.leval-series li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.leval-series li:last-child {
border-bottom: none;
}
.leval-series li a {
display: block;
text-align: center;
height: 33px;
line-height: 33px;
color: rgba(255, 255, 255, 0.2);
font-size: 16px;
}
.leval-series li a:hover,
.leval-series li a.active {
color: #fff;
}
.series-box {
position: absolute;
padding: 0 5.2%;
box-sizing: border-box;
left: 0;
bottom: 0;
width: 100%;
}
.series-item {
position: relative;
width: 25%;
float: left;
text-align: center;
padding-top: 20px;
}
.series-item figure {
position: relative;
display: block;
height: 64vh;
text-align: center;
}
.series-item figure img {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
max-height: 100%;
max-width: 88%;
margin: auto;
transition: 0.68s;
}
.series-item a:hover figure img {
transform: scale(1.05);
}
.series-item a:hover .series-info strong:before {
width: 100%;
right: auto;
left: 0;
}
.series-info {
position: absolute;
left: 0;
bottom: 15%;
width: 100%;
text-align: center;
}
.series-info strong {
position: relative;
display: inline-block;
margin-bottom: 9px;
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.series-info strong:before {
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 0;
height: 1px;
background: #fff;
transition: 0.4s;
}
.series-info p {
line-height: 1.6;
color: #ffffff;
font-size: 16px;
opacity: 0.5;
}
.cursor {
position: fixed;
z-index: 20;
left: 0;
top: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.cursor.active .cursor__path_right {-webkit-transform: translate3d(25px, 0, 1px);-moz-transform: translate3d(25px, 0, 1px);transform: translate3d(25px, 0, 1px);}
.cursor.active .cursor__path_left {-webkit-transform: translate3d(-25px, 0, 1px);-moz-transform: translate3d(-25px, 0, 1px);transform: translate3d(-25px, 0, 1px);}
.cursor .cursor__path {-webkit-transition: all 0.6s cubic-bezier(0.23, 1.08, 0.62, 0.95);-o-transition: all 0.6s cubic-bezier(0.23, 1.08, 0.62, 0.95);-moz-transition: all 0.6s cubic-bezier(0.23, 1.08, 0.62, 0.95);
transition: all 0.6s cubic-bezier(0.23, 1.08, 0.62, 0.95);}
.cursor svg,.cursor.show-pointer svg {stroke-dasharray: 200;transition: all 0.6s cubic-bezier(0.23, 1.08, 0.62, 0.95);}
.cursor svg {stroke-dashoffset: 200;stroke-width: 2;}
.cursor.show-pointer svg {stroke-dashoffset: 0;}
.cursor path {fill: transparent;transition: all 0.25s cubic-bezier(0.23, 1.08, 0.62, 0.95);}
.cursor.active path {fill: #fff;}


@media screen and (max-width: 1450px) {
  .policy-wrap strong {
    font-size: 20px;
  }
  .policy-wrap {
    padding: 50px 20px 26px;
  }
  .policy-item {
    width: 30%;
    margin-right: 5%;
  }
  .policy-wrap p {
    font-size: 14px;
  }
  .ptext p {
    font-size: 16px;
    line-height: 2;
  }
  .swiper-menu {
    right: 30px;
  }
  .support {
    left: 8%;
  }
  .support li {
    margin-bottom: 24px;
  }
  .support-li b {
    font-size: 22px;
  }
  .support-li span {
    font-size: 16px;
  }
  .tem-list {
    bottom: 30px;
  }
  .tem-item {
    padding: 20px 0;
  }
  .tem-item b {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
  }
  .tem-item strong {
    margin-top: 12px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .tem-tab-wrap {
    top: 55%;
  }
  .series-menu-list > li > a {
    font-size: 16px;
  }
  .series-menu-list > li {
    margin-left: 60px;
  }
  .programme-wraps {
    right: 13%;
  }
}
@media screen and (max-width: 641px) {
  .policy-list {
    top: auto;
    margin-top: 0;
    bottom: 20px;
  }
  .policy-wrap p {
    display: block !important;
  }
  .policy-item {
    width: 48%;
    margin-right: 4%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .policy-item:nth-child(3n+3) {
    margin-right: 4%;
  }
  .policy-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .policy-wrap {
    padding: 20px 14px 20px;
  }
  .policy-wrap i {
    display: none;
  }
  .policy-wrap strong {
    font-size: 18px;
  }
  .policy-wrap p {
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .policy-wrap:before {
    margin-right: 0;
  }
  .policy-wrap:after {
    margin-left: 0;
  }
  .policy-list {
    bottom: 10px;
  }
  .policy small {
    font-size: 55px;
  }
  .policy strong {
    font-size: 30px;
  }
  .policy {
    top: 80px;
  }
  .support li i {
    width: 32px;
    height: 32px;
    background-size: cover;
  }
  .support-li {
    margin-left: 45px;
  }
  .support-li b {
    font-size: 20px;
    line-height: 22px;
  }
  .support-li span {
    font-size: 14px;
    line-height: 22px;
  }
  .tem-tab-wrap .tem-prev {
    display: none !important;
  }
  .investment-left .screen-btn span {
    position: relative;
    top: 0;
    width: auto;
  }
  .investment-item figure {
    width: 38%;
  }
  .investment-item figure img {
    height: auto;
    width: 100%;
  }
  .investment-main {
    height: 220px;
  }
  .investment-text img {
    width: 60px;
  }
}
@charset "utf-8";

.performance .y_poster {display: none;}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-height: 800px) {
  .investment-text {
    padding-top: 30px;
  }
  .investment-text strong {
    margin-bottom: 30px;
  }
  .investment-text p {
    line-height: 2;
    font-size: 14px;
  }
}
@media screen and (max-height: 700px) {
  .investment-text strong {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .investment-text img {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1600px) {
  .footer-navs-item {
    margin-left: 45px;
  }
  .investment {
    width: 90%;
    margin-left: -45%;
  }
}
@media screen and (max-width: 1450px) {
  .b-products {
    right: 130px;
  }
  .b-product-item {
    margin-left: 80px;
  }
  .b-products1 {
    right: 0;
  }
  .menu-list > li > a {
    font-size: 28px;
  }
  .menu-list > li > a span {
    font-size: 16px;
  }
  .leval-menu li {
    margin-bottom: 10px;
  }
  .navs-address {
    bottom: 0;
  }
  .screen-one-text strong {
    font-size: 26px;
    margin-bottom: 40px;
  }
  .screen-one-text small {
    font-size: 80px;
  }
  .section-right {
    right: 60px;
  }
  .screen-btn span {
    margin-bottom: 10px;
  }
  .screen-title .screen-one-text .screen-bg strong {
    margin-bottom: 0;
    font-size: 32px;
  }
  .screen-title {
    top: 110px;
  }
  .screen-tow-list {
    bottom: 50px;
  }
  .screen-two-item {
    margin-left: 80px;
  }
  .topcoat:nth-child(2n+2) {
    margin-top: 40px;
  }
  .topcoat p {
    font-size: 14px;
  }
  .series-texts {
    padding-top: 30px;
    bottom: 40px;
  }
  .series-texts small img {
    height: 80px;
  }
  .series-texts strong {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .introduct-text strong {
    display: inline-block;
  }
  .series-texts p {
    font-size: 16px;
  }
  .programme-title strong {
    font-size: 28px;
  }
  .programme-title {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .programme-title .pro-en {
    height: 38px;
    left: 20px;
  }
  .programme-list li {
    margin-top: 40px;
  }
  .intimate-title {
    padding-top: 40px;
    padding-bottom: 36px;
  }
  .intimate-title strong {
    font-size: 28px;
  }
  .intimate-title img,
  .esthetics-texts img {
    height: 80px;
  }
  .videobtn-item strong {
    font-size: 18px;
  }
  .videobtn-item p {
    font-size: 14px;
    letter-spacing: 3px;
  }
  .video-titles {
    padding-top: 80px;
    margin-bottom: 30px;
  }
  .video-titles strong {
    font-size: 28px;
  }
  .video-prev.prev {
    left: 0;
  }
  .video-prev.next {
    right: 0;
  }
  .esthetics-texts {
    padding-top: 36px;
    bottom: 60px;
  }
  .esthetics-texts strong {
    font-size: 34px;
  }
  .videobtn-list1 {
    margin-top: 0;
  }
  .configure strong {
    font-size: 38px;
  }
  .introduct-content {
    padding-top: 100px;
  }
  .introduct-title {
    padding-top: 60px;
  }
  .introduct-title small {
    font-size: 100px;
  }
  .introduct-title strong {
    font-size: 36px;
  }
  .about-navs {
    margin: 40px 0;
  }
  .about-navs li {
    margin-bottom: 18px;
  }
  .about-navs li a {
    font-size: 16px;
  }
  .introduct-img {
    margin-right: 40px;
  }
  .about-navs1 {
    margin: 0;
    margin-top: 20px;
    margin-right: 5%;
  }
  .about-menu-wrap .about-logo {
    margin-left: 5%;
  }
  .history-content {
    padding-top: 100px;
  }
  .history-content .year {
    font-size: 9vw;
  }
  .history-info p {
    font-size: 16px;
  }
  .history-item {
    padding-left: 60px;
  }
  .history-years {
    padding: 0 60px;
  }
  .future-text {
    top: 80px;
  }
  .future-text img {
    height: 60px;
  }
  .future-text strong {
    font-size: 40px;
  }
  .future-text p {
    font-size: 20px;
  }
  .honors {
    padding: 100px 60px 200px;
  }
  .honor-title {
    margin-bottom: 40px;
  }
  .honor-title img {
    height: 60px;
  }
  .honor-title strong {
    font-size: 40px;
  }
  .honor-data {
    margin-bottom: 50px;
  }
  .honor-data-item {
    margin-left: 100px;
  }
  .honor-data-item em {
    font-size: 14px;
  }
  .honor-data-item span i {
    font-size: 14px;
    right: -12px;
  }
  .honor-data-item span strong {
    font-size: 40px;
  }
  .honor-data-item span strong[data-counterupto*="N"] {
    max-width: 46px;
  }
  .honor-data-item p {
    font-size: 15px;
    margin-top: 5px;
  }
  .ptext strong {
    font-size: 38px;
    margin-bottom: 26px;
  }
  .ptext strong div {
    padding: 0 20px;
  }
  .ptext small {
    font-size: 20px;
    margin-bottom: 34px;
  }
  .ptext small div {
    padding: 0 6px;
  }
  .honor-data-item span strong[data-counterupto*="N"] {
    max-width: 38px;
  }
  .case-menu {
    width: 420px;
  }
  .container {
    margin-left: 420px;
  }
  .case-li li a {
    padding: 32px 4%;
  }
  .case-content {
    padding-top: 0;
  }
  .case-content strong {
    margin-bottom: 32px;
  }
  .case-content time {
    margin-bottom: 32px;
  }
  .case-content i {
    margin-top: 40px;
  }
  .footer-navs-item {
    margin-left: 30px;
  }
  .footer-address p {
    font-size: 14px;
  }
  .store-title small,
  .store-title strong {
    font-size: 24px;
  }
  .service-title strong {
    font-size: 20px;
  }
  .service-title {
    margin-bottom: 20px;
  }
  .navs-address1 {
    padding-top: 50px;
  }
  .policy-wrap strong {
    font-size: 20px;
  }
  .policy-wrap {
    padding: 50px 20px 26px;
  }
  .policy-item {
    width: 30%;
    margin-right: 5%;
  }
  .policy-wrap p {
    font-size: 14px;
  }
  .ptext p {
    font-size: 16px;
    line-height: 2;
  }
  .swiper-menu {
    right: 30px;
  }
  .support {
    left: 8%;
  }
  .support li {
    margin-bottom: 24px;
  }
  .support-li b {
    font-size: 22px;
  }
  .support-li span {
    font-size: 16px;
  }
  .tem-list {
    bottom: 30px;
  }
  .tem-item {
    padding: 20px 0;
  }
  .tem-item b {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 36px;
  }
  .tem-item strong {
    margin-top: 12px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .tem-tab-wrap {
    top: 55%;
  }
  .series-menu-list > li > a {
    font-size: 16px;
  }
  .series-menu-list > li {
    margin-left: 60px;
  }
  .programme-wraps {
    right: 13%;
  }
}
@media screen and (max-width: 1350px) {
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 28px;
  }
  .performance-item {
    margin-left: 60px;
  }
  .door {
    width: 80%;
  }
  .door-list {
    margin-top: 50px;
  }
  .tem-tab-wrap .tem-prev.prev {
    left: -80px;
  }
  .tem-tab-wrap .tem-prev.next {
    right: -80px;
  }
  .investment-text {
    padding-top: 20px;
  }
  .series-info strong {
    font-size: 16px;
  }
  .series-info p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .screen-two-item {
    margin-left: 50px;
  }
  .intimate-content {
    width: 44%;
    right: 10%;
  }
  .pop-videos-li {
    width: 90%;
    margin-left: -45%;
  }
  .chage-item {
    margin-right: 20px;
  }
  .chage-item img {
    width: 40px;
  }
  .color-change .programme-wraps {
    left: 10%;
  }
  .configure-swiper {
    width: 90%;
    margin-left: -45%;
  }
  .history-content {
    padding-top: 80px;
  }
  .history {
    padding-top: 50px;
    padding-right: 60px;
  }
  .history {
    padding-bottom: 60px;
  }
  .honor-item figure {
    margin: 0 20px;
  }
  .honor-swiper {
    padding: 0 40px;
  }
  .case-more {
    margin-top: 60px;
  }
  .case-title strong {
    font-size: 18px;
  }
  .case-content strong {
    font-size: 20px;
  }
  .case-content p {
    font-size: 14px;
  }
  .case-wrap {
    padding-top: 50px;
    padding-left: 4%;
  }
  .footer-logo {
    margin-bottom: 50px;
  }
  .footer-top {
    padding: 40px 4%;
  }
  .footer-eq img {
    width: 120px;
  }
  .service-contat {
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .footer-navs-item {
    margin-left: 20px;
  }
  .footer-navs-item dt a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .b-products {
    right: 8%;
    left: 8%;
    top: 20%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .b-products:after {
    display: none;
  }
  .b-product-info p {
    padding-left: 40px;
    text-align: center;
  }
  .b-product-item b {
    width: 34px;
    height: 34px;
  }
  .b-product-item b img {
    max-height: 100%;
  }
  .b-product-text small {
    font-size: 12px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  }
  .b-product-text span,
  .b-product-info p div {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.36);
  }
  .logo img{
    height: 36px;top: 2px;
  }
  .menu-content-info {
    width: 90%;
    margin-left: -45%;
  }
  .navs-address {
    display: none;
  }
  .menu-list > li {
    width: 50%;
  }
  .screen-one-text strong {
    font-size: 24px;
    margin-bottom: 22px;
  }
  .screen-numble i {
    margin: 0 5px;
  }
  .screen-numble b {
    font-size: 30px;
  }
  .screen-numble span {
    font-size: 16px;
  }
  .screen-btn {
    margin-right: 14px;
    margin-top: -10px;
  }
  .section-right {
    right: 5%;
  }
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 24px;
  }
  .screen-tow-list {
    bottom: 30px;
    width: 90%;
    left: 5%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .screen-two-item {
    margin-left: 0;
    text-align: center;
  }
  .screen-two-item b {
    float: none;
    margin: auto;
    width: 40px;
    height: 40px;
  }
  .screen-two-item b img {
    max-width: 100%;
    max-height: 100%;
    transform: scale(0.7);
  }
  .screen-texts {
    width: 100%;
    margin-left: 0;
    text-align: center;
    margin-top: 12px;
  }
  .screen-texts p {
    font-size: 14px;
    line-height: 1.8;
  }
  .screen-texts p {
    margin-right: 0;
  }
  .topcoat {
    display: none !important;
  }
  .strip-text strong,
  .strip-text p {
    font-size: 14px;
  }
  .strip-wrap {
    position: relative;
    margin: auto;
    padding-bottom: 40px;
    margin-top: 50px;
    width: 90%;
  }
  .strip {
    padding-left: 20px;
    padding-bottom: 15px;
    position: static;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    padding: 0;
    padding-bottom: 20px;
    width: 46%;
    float: left;
    background-image: none !important;
  }
  .strip:nth-child(2n+2) {
    float: right;
  }
  .strip.strip3 {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  .strip-text {
    padding-left: 10px;
    position: relative;
  }
  .strip-text:before {
    content: "";
    width: 22px;
    height: 22px;
    background: rgba(232, 215, 133, 0.3);
    border-radius: 50%;
    position: absolute;
    left: -22px;
    bottom: -11px;
  }
  .strip-text:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #dece7f;
    position: absolute;
    left: -16px;
    bottom: -5px;
    border-radius: 50%;
  }
  .strip.strip3 .strip-text {
    padding-right: 0;
  }
  .performance-list {
    width: 90%;
    left: 5%;
    bottom: 40px;
  }
  .performance-item {
    width: 33.3333%;
    margin-bottom: 20px;
    margin-left: 0;
    float: left;
  }
  .series-texts small img,
  .intimate-title img,
  .esthetics-texts img {
    height: 60px;
  }
  .series-texts strong {
    font-size: 30px;
  }
  .series-video {
    margin-top: 10px;
  }
  .series-texts {
    bottom: 30px;
  }
  .section-wrap {
    background: none !important;
  }
  .performance,.performance-info {
    height:auto !important;
    /* width: 100% !important; */
  }
  /* .performance .slick-track {
    width: 100% !important;
  } */
  .performance-list {
    position: relative; 
    bottom: 0 !important; 
    left: 0 !important;
    width: 100% !important;
    padding-top: 25px;
    padding-bottom: 10px;
  }

  .performance-list:after {
    content:"";clear:both;display: table;
  }
  .performance .y_poster {
    display: block;
    width: 100%;
    /* height: 100%; */
    background-color: #aaa;
    padding-bottom: 62.5%;
    position: relative;
  }
  .performance .y_poster img{
    position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit:cover;
  }
  .performance .video {
    display: none;
    clip-path: none;
    -webkit-clip-path: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
  }

/*   .performance-list .performance-item.active b {
  border-color: #fff;
  background: #fff;
}
.performance-list .performance-item.active b:before {
  background: url(../images/play3.png) center no-repeat;
}
.performance-list .performance-item b {
  border-color: #fff;
}
.performance-list .performance-item b:before {
  background: url(../images/play2.png) center no-repeat;
}
.performance-list .performance-item .perform-text span,
.performance-list .performance-item .perform-text i {
  color: #fff;
} */
  .home-box {
    position: relative;
  }
  .home {
    position: relative;
    height: auto;
  }
  .series-contents .series-close {
    top: 0;
    right: -60px;
  }
  .product-swiper {
    height: auto;
    overflow: auto;
  }
  .product-swiper > .swiper-wrapper {
    display: block;
    height: auto !important;
    transform: none !important;
  }
  .product-slide {
    transform: none !important;
    -webkit-transform: none !important;
  }
  .programme-img {
    width: 100%;
    height: auto;
    padding-bottom: 79.8%;
  }
  .product-swiper {
    background: none;
  }
  .product-slide {
    height: auto !important;
    background: url(../img/product.jpg) center no-repeat;
    background-size: cover;
  }
  .programme-contents {
    position: relative;
    width: 100%;
    height: auto;
  }
  .programme-wraps {
    position: relative;
    width: 90%;
    left: auto;
    right: auto;
    margin: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    padding: 80px 0;
  }
  .product-slide:first-child {
    height: auto !important;
  }
  .series-img {
    height: 70vh;
    box-sizing: content-box;
  }
  .series-texts strong,
  .series-texts p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
  .video-btns {
    bottom: 60px;
  }
  .intimate-img {
    width: 90%;
    float: none;
    margin: auto;
    text-align: center;
  }
  .intimate-content {
    position: relative;
    width: 90%;
    margin: auto;
    right: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .intimate {
    padding: 80px 0;
  }
  .videobtn-list {
    margin-top: 60px;
  }
  .video-prev {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    margin-top: -17px;
  }
  .video-titles {
    padding-top: 90px;
  }
  .video-titles strong {
    font-size: 24px;
  }
  .esthetics-texts strong {
    font-size: 28px;
  }
  .esthetics-slide {
    pointer-events: visible !important;
  }
  .esthetics-list li {
    margin-left: 100px;
  }
  .esthetics-list li b {
    width: 48px;
    height: 30px;
  }
  .esthetics-list li span {
    font-size: 18px;
  }
  .seeking-img {
    width: 90%;
    margin: auto;
    float: none;
    padding-top: 80px;
    text-align: center;
  }
  .seeking {
    padding-bottom: 80px;
  }
  .videobtn-list1 {
    margin-top: 0;
  }
  .door {
    width: 90%;
  }
  .door-img {
    width: 100%;
    float: none;
    text-align: center;
    height: 80vh;
  }
  .door-img img {
    margin: auto;
  }
  .door {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .door-list {
    width: 100%;
    margin-top: 0;
  }
  .color-change .programme-wraps {
    left: 0;
  }
  .colorlist {
    width: 100%;
  }
  .colorlist .programme-img {
    padding-bottom: 79.8vw;
    height: auto;
  }
  .configure {
    position: relative;
    height: 100vh;
  }
  .configure strong {
    font-size: 30px;
  }
  .configure-item strong {
    font-size: 18px;
  }
  .esthetics-bg {
    clip-path: none;
    -webkit-clip-path: none;
  }
  .esthetics-slide:first-child {
    display: none;
  }
  .esthetics-contents {
    opacity: 1;
    visibility: visible;
  }
  .introduct-img {
    width: 100%;
    margin-right: 0;
    float: none;
    position: relative;
  }
  .introduct-content {
    background: #fff;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    box-sizing: border-box;
    margin-right: 0;
    padding-top: 50px;
  }
  .introduct-title {
    padding-top: 40px;
    display: none;
  }
  .about-navs {
    display: none;
  }
  .about-menus {
    display: none;
  }
  .header {
    padding: 16px 5%;
  }
  .history {
    padding-top: 0;
    padding-right: 5%;
    padding-left: 5%;
  }
  .history-item {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .introducts {
    padding-bottom: 40px;
  }
  .history-years {
    padding: 0;
    margin-top: 30px;
  }
  .history-content .year {
    font-size: 80px;
  }
  .history-content {
    padding-top: 50px;
  }
  .history-time strong {
    font-size: 20px;
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .history-time span {
    line-height: 72px;
  }
  .history-time i {
    margin-top: 37px;
  }
  .introduct-text strong {
    display: block;
  }
  .history-prev {
    width: 40px;
    height: 40px;
    margin-top: -21px;
  }
  .history-prev:hover:before {
    right: 12px;
  }
  .history-prev:before {
    width: 60px;
    height: 10px;
    background-size: auto 100%;
    right: 12px;
    margin-top: -5px;
  }
  .future-text img {
    height: 50px;
  }
  .future-text strong {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .future-text p {
    font-size: 18px;
  }
  .honor-title {
    padding-top: 20px;
  }
  .honor-title img {
    height: 40px;
  }
  .honor-title strong {
    font-size: 30px;
  }
  .honor-data {
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .honors {
    padding: 60px 5% 160px;
  }
  .honor-data-item span strong {
    font-size: 30px;
  }
  .honor-data-item span strong i {
    font-size: 14px;
  }
  .honor-data-item {
    margin-left: 50px;
  }
  .honor-data-item span {
    font-size: 14px;
  }
  .ptext strong {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .ptext strong div {
    padding: - 12px;
  }
  .ptext small {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .ptext p {
    padding-top: 50px;
    font-size: 16px;
    letter-spacing: 8px;
  }
  .ptext p:before {
    height: 40px;
  }
  .case-menu {
    width: 100%;
    top: 0;
    float: none;
    position: relative;
    padding-top: 0;
  }
  .container {
    margin-left: 0;
  }
  .case-menu-item {
    display: none;
  }
  .case-more {
    margin-top: 0;
  }
  .case-more-btn {
    display: none;
  }
  .case-list {
    padding: 23px 0;
    display: block;
    margin-top: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .case-list li {
    margin-bottom: 0;
    margin-left: 20px;
  }
  .case-list li:first-child {
    margin-left: 0;
  }
  .case-wrap {
    padding: 0;
  }
  .case-li li a {
    padding: 34px 5%;
  }
  .loadmores {
    padding: 40px 0;
  }
  .footer-navs {
    display: none;
  }
  .case-view {
    width: 90%;
    margin-left: 5%;
    padding-top: 50px;
  }
  .case-titles {
    margin-bottom: 32px;
  }
  .case-titles strong {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .view-banner {
    margin-top: 40px;
  }
  .news-list li:nth-child(2) {
    margin-top: 160px;
  }
  .news-list li strong {
    font-size: 18px;
  }
  .news-list li {
    margin-bottom: 80px;
  }
  .news-view {
    width: 90%;
  }
  .news-title {
    padding-top: 50px;
  }
  .news-title strong {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .store-posite p {
    font-size: 16px;
  }
  .contact {
    padding: 60px 5%;
  }
  .map {
    height: 400px;
  }
  .navs-address1 {
    display: block;
  }
  .policy-list {
    width: 90%;
    top: 60%;
    right: 5%;
    margin-top: -141px;
  }
  .policy {
    width: 100%;
    left: 0;
    top: 80px;
    text-align: center;
  }
  .swiper-menu {
    display: none !important;
  }
  .policy-item {
    margin: 20px 5% 20px 0;
  }
  .support {
    left: 5%;
    width: 90%;
    top: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    bottom: 40px;
  }
  .tem-tab-wrap {
    width: 90%;
    margin-left: -45%;
  }
  .tem-tab-wrap .tem-prev.prev {
    left: -34px;
  }
  .tem-tab-wrap .tem-prev.next {
    right: -34px;
  }
  .tem-item p {
    font-size: 14px;
    height: auto;
  }
  .tem-wrap .video-prev.prev {
    left: -34px;
  }
  .tem-wrap .video-prev.next {
    right: -34px;
  }
  .tem-wrap .video-prev {
    margin-top: -7px;
  }
  .tem-info span {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .tem-info b {
    width: 38px;
    height: 38px;
  }
  .tem-info b:after {
    background-size: cover;
  }
  .tem-wrap:before {
    top: 41px;
  }
  .investment-main {
    padding-left: 0;
  }
  .investment-en {
    font-size: 10vw;
  }
  .investment-main {
    height: 250px;
  }
  .investment-left {
    left: 50%;
    transform: translateX(-50%);
    bottom: -60px;
    top: auto;
  }
  .investment-left .screen-btn {
    vertical-align: middle;
    margin-left: 20px;
    padding-top: 4px;
  }
  .investment-left .screen-btn span {
    font-size: 22px;
    display: inline-block !important;
    margin-bottom: 0;
  }
  .investment-left .screen-btn span.prev {
    transform: rotate(-90deg);
  }
  .investment-left .screen-btn span.next {
    transform: rotate(-90deg);
  }
  .investment-text p {
    line-height: 1.8;
    font-size: 13px;
  }
  .investment-text strong {
    font-size: 20px;
    margin-bottom: 14px;
  }
  .investment-left {
    width: 100%;
  }
  .product-swiper {
    position: relative;
  }
  .loader-logo {
    width: 340px;
    background-size: 340px auto;
  }
  .loader-logo i {
    background-size: 340px auto;
  }
  .loader-font p {
    font-size: 18px;
    letter-spacing: 8px;
    padding-left: 0;
    padding-right: 0;
    margin-left: -.2em;
  }
  .product-slide {
    opacity: 1;
    transform: scale(1);
  }
  .fohse-preview .section {
    position: relative;
  }
  .intro {
    position: relative;
  }
  .main-box .swiper-wrapper {
    display: block;
  }
  .fohse-preview {
    height: auto;
    display: block;
  }
  .intro .poster {
    opacity: 1;
    visibility: visible !important;
  }
  .intro video {
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .screen {
    bottom: 40px;
  }
  .screen-one-text small {
    opacity: 0.1;
    visibility: visible;
  }
  .screen-one-text strong,
  .screen-arrow,
  .screen-two-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .screen-arrow small {
    margin-bottom: 12px;
  }
  .videobtns {
      display: block;
      cursor: pointer;
      width: 44px;
      height: 44px;
      background: #fff;
      position: relative;
      left: 50%;
      /* top: 50%; */
      margin-left: -22px;
      margin-top: 10px;
      margin-bottom: -50px;
      border-radius: 50%;
      /* margin: 0 auto; */
    }
  .videobtns:before {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    top: 50%;
    margin-top: -8px;
    content: "";
    border-left: 11px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }
  .screen-title {
    position: relative;
    top: auto;
    margin-top: 50px;
  }
  .section {
    margin-bottom: 40px;
  }
  .section:last-child {
    margin-bottom: 0;
  }
  .section:nth-child(n+2) {
    height: auto !important;
  }
  .section:nth-child(n+2) .section-wrap {
    position: relative;
    top: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    padding-bottom: 20px;
  }
  .section:nth-child(n+2) .screen-tow-list {
    padding-bottom: 50px;
    position: relative;
    bottom: auto;
    margin-top: 32px;
  }
  .screen-tow-list1 .screen-two-item {
    margin-bottom: 0;
  }
  .b-products1 {
    position: relative;
    left: 5%;
    right: 5%;
    top: auto;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    width: 90%;
    margin-top: 120px;
  }
  .b-products1 .b-product-item {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
  }
  .b-products1 .b-product-item b img.hide {
    display: block;
  }
  .b-products1 .b-product-item b img.show {
    display: none;
  }
  .b-products1 .b-product-item .b-product-text small,
  .b-products1 .b-product-item .b-product-text span {
    color: #fff;
  }
  .product-slide.default-menu {
    height: 100vh !important;
  }
  .screen-title {
    left: 0;
  }
  .screen-title1 strong {
    text-align: center;
    white-space: nowrap;
  }
  .loader-font p:before,
  .loader-font p:after {
    display: none;
  }
}
@media screen and (max-width: 861px) {
  .header-language,
  .header-tel {
    margin-right: 15px;
  }
  .history-img {
    width: 100%;
  }
  .history-content {
    width: 100%;
    margin-top: 30px;
  }
  .history-years {
    margin-top: 0;
  }
  .history-prev {
    display: none !important;
  }
  .honor-data {
    overflow: hidden;
  }
  .honor-data-item {
    margin-left: 0;
    width: 33.3333%;
    float: left;
    margin-top: 30px;
  }
  .honor-data {
    margin-top: 0;
  }
  .store-query,
  .service-contat {
    width: 100%;
  }
  .service-contat {
    margin-bottom: 30px;
  }
  .store-title small,
  .store-title strong {
    font-size: 20px;
  }
  .store-title {
    margin-bottom: 30px;
  }
  .mall-menu .menu-list {
    display: none;
  }
  .mall {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    top: -82px;
  }
  .navs-address1 {
    position: relative;
    width: 100%;
  }
  .mall-eq {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 641px) {
  .b-product-item {
    margin-left: 0;
  }
  .b-product-text span {
    font-size: 15px;
  }
  .b-product-info {
    padding-top: 30px;
  }
  .b-product-info p {
    font-size: 20px;
    letter-spacing: 10px;
  }
  .b-products {
    left: 5%;
    right: 5%;
  }
  .b-product-item b {
    width: 30px;
    height: 30px;
  }
  .header-tel {
    display: none;
  }
  .header {
    padding: 12px 5%;
  }
  .header-language,
  .header-tel {
    margin-right: 16px;
  }
  .header-menu p {
    font-size: 14px;
    margin-right: 16px;
  }
  .logo img{
    height: 32px;top: 4px;
  }
  .menu-list {
    width: 100%;
  }
  .screen-one-text small {
    font-size: 60px;
    top: -20px;
  }
  .screen-title .screen-one-text .screen-bg strong {
    font-size: 22px;
  }
  .screen-btn {
    float: none;
    margin-right: 0;
    margin-bottom: 6px;
    text-align: center;
  }
  .screen-btn span {
    margin-bottom: 0;
  }
  .screen-btn span.next {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
  }
  .screen-texts p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
  }
  .performance-list {
    bottom: 20px;
  }
  .performance-item {
    text-align: center;
  }
  .performance-item b {
    float: none;
    margin: auto;
  }
  .perform-text {
    float: none;
    margin-left: 0;
    text-align: center;
    margin-top: 10px;
  }
  .perform-text span {
    font-size: 12px;
  }
  .perform-text i {
    font-size: 13px;
  }
  .b-products1 {
    top: 50%;
    margin-top: 40px;
  }
  .series-contents {
    height: 50vh;
    margin-top: 25vh;
    width: 90vw;
  }
  .series-contents .series-close {
    right: auto;
    left: 50%;
    margin-left: -20px;
    top: -60px;
  }
  .series-texts {
    padding-top: 20px;
  }
  .series-texts small img,
  .esthetics-texts img {
    height: 40px;
  }
  .series-texts strong {
    font-size: 24px;
  }
  .series-texts p {
    font-size: 15px;
    letter-spacing: 5px;
  }
  .video-con {
    height: auto;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .video-con video {
    height: auto;
  }
  .pop-video {
    position: fixed;
    height: 100%;
  }
  .video-info {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: stretch;
  }
  .join-slide .pop-video {
    position: absolute;
  }
  .video-wraps {
    height: 100%;
  }
  .video-wraps .slick-track {
    height: 100%;
  }
  .video-info {
    height: 100%;
  }
  .video-titles {
    width: 100%;
  }
  .video-btns {
    position: relative;
    bottom: 0;
  }
  .video-titles {
    margin-bottom: 0;
  }
  .programme-title strong,
  .intimate-title strong {
    font-size: 22px;
  }
  .programme-wraps {
    padding: 50px 0;
  }
  .programme-title {
    padding-top: 30px;
  }
  .programme-title .pro-en {
    height: 30px;
    top: 20px;
  }
  .programme-title:after {
    font-size: 50px;
  }
  .programme-list li {
    width: 50%;
  }
  .programme-list li strong {
    font-size: 17px;
  }
  .programme-list li p {
    font-size: 14px;
  }
  .series-video {
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    padding-top: 6px;
  }
  .series-video:before {
    background-size: cover;
  }
  .series-video span {
    width: 30px;
    height: 30px;
  }
  .intimate-img figure {
    height: 50vh;
  }
  .intimate-title {
    padding-top: 30px;
  }
  .videobtn-list {
    margin-top: 0;
    display: block;
    overflow: hidden;
  }
  .videobtn-item {
    width: 50%;
    float: left;
    margin-top: 30px;
  }
  .video-titles strong {
    font-size: 22px;
  }
  .video-prev.prev {
    left: -16px;
  }
  .video-prev.next {
    right: -16px;
  }
  .esthetics-contents {
    width: 90%;
    left: 5%;
    bottom: 40px;
  }
  .esthetics-info strong {
    font-size: 16px;
    letter-spacing: 3px;
  }
  .esthetics-list {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .esthetics-list:after {
    display: none;
  }
  .esthetics-list li {
    margin-left: 0;
  }
  .esthetics-list li span {
    font-size: 16px;
  }
  .esthetics-texts strong {
    font-size: 24px;
  }
  .seeking-img {
    height: 50vh;
  }
  .seeking-img {
    padding-top: 60px;
  }
  .seeking {
    padding-bottom: 60px;
  }
  .videobtn-item strong {
    line-height: 1.3;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .videobtn-list1 .videobtn-item {
    margin-top: 30px;
    width: 50%;
  }
  .videobtn-list1 .videobtn-item:nth-child(2n+2) {
    width: 50%;
  }
  .standard {
    margin-top: 40px;
  }
  .standard-tt {
    margin-bottom: 50px;
  }
  .standard-tt-item strong {
    font-size: 18px;
  }
  .door-list .videobtn-item {
    margin-top: 0;
  }
  .door-img {
    height: 50vh;
  }
  .door {
    padding: 60px 0;
  }
  .video-more span {
    font-size: 16px;
  }
  .door-list .videobtn-item {
    display: block;
    margin-bottom: 30px;
    width: 48%;
  }
  .door-list .videobtn-item:nth-child(2n+2) {
    float: right;
    width: 48%;
  }
  .videobtn-item p,
  .door-list .videobtn-item p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: none;
  }
  .color-items strong {
    font-size: 18px;
  }
  .color-items p {
    font-size: 14px;
  }
  .colorchanges {
    margin-top: 40px;
  }
  .configure strong {
    padding-top: 60px;
    font-size: 26px;
  }
  .configure-img {
    height: 60%;
  }
  .configure {
    height: auto;
  }
  .configure-item strong {
    font-size: 15px;
    width: 80%;
    margin: auto;
  }
  .configure-swiper {
    width: 80%;
    margin: auto;
    margin-left: -40%;
  }
  .configure-img {
    position: relative;
    height: 60vh;
    margin-top: 40px;
    margin-bottom: 50px;
  }
  .introduct-info {
    margin-top: 26px;
  }
  .introduct-info p {
    font-size: 14px;
  }
  .history-time {
    padding-bottom: 0;
  }
  .history-info p {
    font-size: 14px;
  }
  .year-items.slick-current strong b {
    font-size: 32px;
  }
  .year-items:before {
    right: 0;
    left: 180px;
  }
  .history-content .year {
    font-size: 60px;
  }
  .history {
    padding-bottom: 40px;
  }
  .future {
    padding-bottom: 400px;
  }
  .future-text {
    top: 40px;
    padding-top: 16px;
  }
  .future-text img {
    height: 40px;
  }
  .future-text p {
    font-size: 16px;
  }
  .honor-swiper {
    padding: 0;
  }
  .honor-title {
    margin-bottom: 10px;
  }
  .honor-title img {
    height: 40px;
  }
  .honor-title strong,
  .future-text strong {
    font-size: 24px;
  }
  .honors {
    padding-top: 40px;
  }
  .honor-data-item p {
    font-size: 13px;
  }
  .ptext p {
    padding-top: 0;
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 5px;
  }
  .ptext p:before {
    display: none;
  }
  .ptext small {
    margin-bottom: 0;
    font-size: 16px;
  }
  .ptext strong {
    font-size: 24px;
  }
  .ptext strong div {
    padding: 0 8px;
  }
  .case-li li a figure {
    width: 100%;
  }
  .case-content {
    width: 100%;
    margin-top: 30px;
  }
  .loadmores {
    padding-top: 0;
  }
  .loadmores a {
    font-size: 14px;
    padding-top: 30px;
  }
  .loadmores a:before {
    width: 20px;
    height: 20px;
    background-size: cover;
  }
  .case-detail {
    font-size: 14px;
  }
  .detail-page {
    padding: 35px 0 50px;
  }
  .detail-page a {
    font-size: 14px;
    margin-right: 20px;
    width: 130px;
    height: 42px;
    line-height: 42px;
  }
  .detail-page a i {
    vertical-align: middle;
    margin-top: 0;
    position: relative;
    top: -2px;
  }
  .detail-page a:last-child {
    margin-right: 0;
  }
  .news-list li {
    padding: 0;
    margin-bottom: 50px;
    width: 100%;
  }
  .news-list:before {
    display: none;
  }
  .news-list li i {
    display: none;
  }
  .news-list li time {
    text-align: left;
  }
  .news {
    padding-top: 50px;
  }
  .news-list li:nth-child(2n+2) {
    padding-left: 0;
    margin-top: 0;
  }
  .news-title p span {
    margin-left: 30px;
  }
  .news-title strong {
    font-size: 22px;
  }
  .view-detail {
    font-size: 14px;
  }
  .contact {
    padding: 50px 5%;
  }
  .recent-store {
    margin-bottom: 30px;
  }
  .map-layer {
    width: 100%;
    padding-left: 0;
  }
  .BMap_bubble_pop {
    width: 300px !important;
  }
  .BMap_bubble_center,
  .BMap_bubble_content {
    height: 160px !important;
    width: 100% !important;
  }
  .layer-top h3 {
    font-size: 16px;
  }
  .layer-text p {
    font-size: 13px;
    line-height: 1.8;
  }
  .contact {
    padding: 44px 0 0;
  }
  .recent-store {
    width: 90%;
    margin: auto;
  }
  .layer-top a {
    width: 80px;
  }
  .map {
    height: 340px;
  }
  .store-query {
    padding-bottom: 30px;
    overflow: hidden;
  }
  .navs-address1 {
    padding-top: 30px;
  }
  .mall-eq img {
    width: 110px;
    margin: auto;
  }
  .policy-list {
    top: auto;
    margin-top: 0;
    bottom: 20px;
  }
  .policy-wrap p {
    display: block !important;
  }
  .policy-item {
    width: 48%;
    margin-right: 4%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .policy-item:nth-child(3n+3) {
    margin-right: 4%;
  }
  .policy-item:nth-child(2n+2) {
    margin-right: 0;
  }
  .policy-wrap {
    padding: 20px 14px 20px;
  }
  .policy-wrap i {
    display: none;
  }
  .policy-wrap strong {
    font-size: 18px;
  }
  .policy-wrap p {
    font-size: 12px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .policy-wrap:before {
    margin-right: 0;
  }
  .policy-wrap:after {
    margin-left: 0;
  }
  .policy-list {
    bottom: 10px;
  }
  .policy small {
    font-size: 55px;
  }
  .policy strong {
    font-size: 30px;
  }
  .policy {
    top: 80px;
  }
  .support li i {
    width: 32px;
    height: 32px;
    background-size: cover;
  }
  .support-li {
    margin-left: 45px;
  }
  .support-li b {
    font-size: 20px;
    line-height: 22px;
  }
  .support-li span {
    font-size: 14px;
    line-height: 22px;
  }
  .tem-tab-wrap .tem-prev {
    display: none !important;
  }
  .investment-left .screen-btn span {
    position: relative;
    top: 0;
    width: auto;
  }
  .investment-item figure {
    width: 38%;
  }
  .investment-item figure img {
    height: auto;
    width: 100%;
  }
  .investment-main {
    height: 220px;
  }
  .investment-text img {
    width: 60px;
  }
  .loader-logo {
    width: 220px;
    background-size: 220px auto;
  }
  .loader-logo i {
    background-size: 220px auto;
  }
  .loader-font {
    margin-top: 0;
  }
  .loader-font p {
    font-size: 15px;
    letter-spacing: 2px;
    
  }
  .BMap_bubble_pop {
    display: block !important;
  }
  .screen-wraps {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .screen-tow-list {
    display: inline-flex;
    min-width: 90%;
    width: auto;
  }
  .screen-two-item {
    width: 40vw;
    margin-bottom: 0;
  }
  .screen-wraps::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block !important;
  }
  .screen-wraps::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 4px;
  }
  .screen-wraps::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .map-layer {
    padding-bottom: 0;
  }
  .map-hidden {
    overflow: hidden;
    height: 340px;
    position: relative;
  }
  .map-hidden .map {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .screen-left-arrow {
    display: block;
    position: absolute;
    right: 5%;
    bottom: 5px;
  }
  .screen-left-arrow i {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 23px;
    font-style: normal;
  }
  .series-menu-list > li {
    margin-left: 14px;
  }
  .series-info {
    bottom: 12%;
  }
  .series-menu-list > li > a {
    font-size: 14px;
  }
  .leval-series li a {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
  .b-product-text small {
    display: none;
  }
  .b-product-text span {
    opacity: 1;
    visibility: visible;
  }
  .b-product-text span i {
    width: 54px;
    margin-left: -27px;
  }
  .b-product-text span i:before {
    width: 9px;
    margin-left: -4px;
  }
}
@media screen and (max-width: 520px) {
  .menu-list > li {
    width: 60%;
  }
  .mall {
    left: 70%;
  }
  .mall-eq {
    margin-bottom: 30px;
    width: 110px;
  }
  .mall-eq strong {
    font-size: 14px;
  }
  .mall-link a {
    font-size: 14px;
    margin-left: 4px;
  }
  .menu-list > li > a span {
    font-size: 15px;
  }
}
@media screen and (max-width: 481px) {
  .b-product-info p {
    font-size: 18px;
    padding-left: 0;
  }
  .b-product-text small {
    height: 45px;
  }
  .header-language a,
  .header-language b {
    font-size: 14px;
  }
  .header-menu p {
    display: none;
  }
  .menu-list > li > a {
    font-size: 22px;
  }
  .leval-menu {
    padding-top: 0;
  }
  .leval-menu li a {
    font-size: 14px;
  }
  .menu-list > li > a span {
    margin-left: 12px;
    bottom: 16px;
  }
  .copyright {
    width: 90%;
    left: 5%;
  }
  .copyright a {
    margin-left: 0;
    font-size: 13px;
  }
  .copyright a:last-child {
    margin-left: 10px;
  }
  .screen-one-text strong {
    font-size: 20px;
  }
  .screen-texts p {
    font-size: 13px;
    line-height: 1.6;
    padding: 0 6px;
  }
  .future {
    padding-bottom: 320px;
  }
  .ptext strong {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .ptext strong div {
    padding: 0 6px;
  }
  .pbanner figure {
    padding-bottom: 300px;
  }
  .pbanner figure img {
    width: auto;
    height: 300px;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .footer-logo img {
    height: 28px;
  }
  .footer-top {
    padding: 30px 5%;
  }
  .footer-eq {
    margin-left: 10px;
  }
  .case-content strong {
    font-size: 18px;
  }
  .case-content i {
    margin-top: 30px;
  }
  .view-banner .video-prev.prev {
    left: 20px;
  }
  .view-banner .video-prev.next {
    right: 20px;
  }
  .news-title p {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .news-title p span {
    margin-left: 5px;
  }
  .case-list li a {
    font-size: 16px;
  }
  .store-posite p {
    font-size: 14px;
    line-height: 1.8;
  }
  .tem-list {
    padding: 0 40px;
  }
  .tem-item b {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
  }
  .tem-item strong {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .policy strong {
    font-size: 24px;
  }
  .policy small {
    font-size: 46px;
  }
  .investment-text strong {
    font-size: 18px;
  }
  .investment-video {
    width: 16%;
  }
  .investment-video:before {
    display: none;
  }
  .investment-item figure {
    width: 100%;
  }
  .investment-item figure img {
    width: 60%;
    left: 25%;
  }
  .investment-text {
    position: absolute;
    left: 0;
    top: 0;
  }
  .ptext p {
    letter-spacing: 3px;
  }
  .loader-font p { 
    font-size: 14px;
    letter-spacing: 3px;
  }
  .screen-two-item {
    width: auto;
    max-width: 60vw;
  }
  .screen-one-text small {
    font-size: 40px;
  }
  .strip {
    width: 100%;
    padding-bottom: 40px;
  }
  .strip-text {
    padding-left: 0;
  }
  .strip.strip3 {
    padding-top: 0;
  }
  .strip-text:before {
    left: 0;
    top: 0;
    display: none;
  }
  .strip-text:after {
    left: 6px;
    bottom: auto;
    top: 6px;
    display: none;
  }
  .policy-item {
    margin-bottom: 20px;
  }
  .policy-wrap {
    padding: 12px;
  }
  .series-info {
    bottom: 20px;
  }
  .series-info strong {
    margin-bottom: 5px;
  }
  .series-info p {
    height: 44px;
    max-width: 90%;
    margin: auto;
  }
  .series-item figure {
    height: 50vh;
  }
  .series-item a:hover figure img {
    transform: scale(1);
  }
}
@media screen and (max-width: 400px) {
  .BMap_bubble_pop {
    width: 260px !important;
  }
  .mall {
    left: 80%;
  }
}