@charset "utf-8";

.screen-1 {position: relative;}
.screen-1 .title-style{position: absolute;top: 15%;left:20%;width:60%;text-align: center;z-index: 11;}
.screen-1 .title-style h4{ font-weight:bold; font-size:36px; margin-bottom:20px}
/***2023-12-6，powerby cyberance-luke***/
.screen-1 .title-style h4 sup{ padding-top:12px;font-size:18px;padding-left:4px; padding-right:4px;}
.screen-1 .title-style h4 sub{ padding-top:12px;font-size:18px;padding-left:4px; padding-right:4px;}
/***2023-12-6，powerby cyberance-luke***/
.screen-1 .title-style h1{font-weight:bold}
.screen-1 .img {}
.screen-1 .img img{display: block;margin: auto;} 
.screen-1 .text {font-size: 18px;line-height: 30px;color: #666666;position: absolute;left:15%;width:70%;bottom:25%;z-index: 11;}
.screen-1 .text .left{}
.screen-1 .text .right{width: auto;}
@media only screen and (max-width:992px){
.screen-1 .title-style{position: absolute;top: 5%;left:0;width:100%;text-align: center;z-index: 11;}
.screen-1 .text {font-size: 18px;line-height: 30px;color: #666666;position: absolute;left:15%;width:70%;bottom:35%;z-index: 11;}
	
}

.screen-1 {}
.screen-1 .left .title-style{margin-bottom: 10px;}
.screen-2 {}
.screen-3 {padding: 80px 0 60px;
height: auto;
overflow: hidden;}
.screen-3 .center .title-style {margin-top: 7%;}
.screen-3 .center .title-style h2 {color: #fff;}
.screen-3 .center {text-align: center;}
.screen-3 .center .text-1 {width: 50%;margin: auto;color: #ccc;}
.screen-3 .center .content {padding-top:3%;overflow:hidden;}
.screen-3 .item3 {float: left;width: 45%;overflow: hidden;text-align: left;position: relative;margin-top: 80px;}
.screen-3 .item3::before {content: '';display: block;width: 2px;height: 100%;background: #3f4247;position: absolute;left: 0;top: 0;}
.screen-3 .item3 .item {padding-bottom: 35px;overflow: hidden;position: relative;}
.screen-3 .item3 .item:last-child {padding-bottom: 0;}
.screen-3 .item3 .item a {display: block;overflow: hidden;position: relative;padding-left:30px;}
.screen-3 .item3 .item a::before {content: '';display: block;width: 2px;height:0px;background: #00a78e;position: absolute;left: 0;top: 0;transition:all .4s ease;}
.screen-3 .item3 .item .title-1{font-size:20px;padding-bottom: 10px;font-family: 'Montserrat-Bold';color: #333;}
.screen-3 .item3 .item .txt-2{font-size: 16px;line-height: 26px;color: #555;}
.screen-3 .item3 .item.cur .title-1{color: #00a78e;}
.screen-3 .item3 .item a:hover .title-1{color: #fff;}
.screen-3 .item3 .item.cur a:hover .title-1{color: #00a78e;}
.screen-3 .item3 .item.cur a::before {height: 100%;}
.screen-3 .item3-pic-swiper {float: right;width: 50%;text-align: right;}
.screen-3 .item3-pic-swiper .pic img{display: inline-block;max-width: 100%;}
.product-section .screen.screen-4 .left{width: 35%;}		
.screen-5 {}
.product-section .screen.screen-5 .left{width: 34%;left:12%;}
.screen-5 .img .swiper-img{float: right;width: 50%;position: relative;margin-top: 140px;}


.swiper-img {position: relative;}
.swiper-img .img{background: #000;position: relative;}
.swiper-img .img img{display: block;width: 100%;height: auto;}
.swiper-img .swiper-pagination {bottom: 5%;}
.swiper-img .swiper-pagination-bullet{background: #fff;width: 30px;height: 2px; border-radius: 0;}
.swiper-img .swiper-pagination-bullet-active{background: #00a78e;}
.screen-5-next,.screen-5-prev  {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);z-index: 20;}
.screen-5-next {right: 0px;left: auto;background-image: url("../images/right1.png");background-size: auto;}
.screen-5-prev {left: 0px;left: auto;background-image: url("../images/left1.png");background-size: auto;}
.screen-5-next:hover,.screen-5-prev:hover {background-color:#00a78e;}

.icontext-2 {clear: both;overflow: hidden;padding:20px 0;}
.icontext-2 li{list-style: none;padding: 0;margin: 0;position: relative;float: left;padding:0 5%;}
.icontext-2 li:first-child {padding:0 5% 0 0;}
.icontext-2 li i{display: block;color: #00a78e;margin: 0 auto;width: 50px;height: 50px;position: relative;}
.icontext-2 li span{display: block; font-size: 14px;padding:10px 0;color: #999;}
.icontext-2 li::before {content: '';display: block;width: 1px;height:100%;background: #ccc;position: absolute;left: 0;top: 0;}
.icontext-2 li:first-child::before {display: none;}


.textimg-swiper-pic {text-align: center;margin-top:140px;height:auto;overflow: hidden;}
.textimg-swiper-pic img{display: inline-block;}
.textimg-swiper-pic .pic {padding-top: 0px;}
.textimg-swiper-nav {text-align: center;overflow: hidden;width: 100%;position: absolute;bottom: 50px; z-index: 20;font-size: 0;}
.textimg-swiper-nav a {display: inline-block;vertical-align: top;height: auto;position: relative;margin:10px 20px;padding: 20px 40px;font-size: 14px;color: #999;}
.textimg-swiper-nav a::after {content: '';display: block;width: 100%;height: 3px;background: #ccc;position: absolute;bottom: 0;left: 0;}
.textimg-swiper-nav a::before {content: '';display: none;width: 100%;height:100%;border: 3px solid #000;position: absolute;bottom: 0;left: 0;z-index: 10;box-sizing: content-box;}
.textimg-swiper-nav a.cur::before{display: block;}
.textimg-swiper-nav a.cur {color: #000;}


.screen-6 .title-style h2{color: #000;margin:0px 0 0px 0;}
.screen-6 .title-style h4{margin:0px 0 0px 0;font-size: 24px;}


.product-section .screen.screen-7 .left,.product-section .screen.screen-7 .right{position: relative;left: auto;right: auto;}
.product-section .screen.screen-7 .left {width: 50%;}
.product-section .screen.screen-7 .right {width: 50%;padding-bottom: 130px;overflow: hidden;}
.screen-7 {background-position:center;background-repeat:no-repeat;}
.screen-7 *{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.screen-7 .swiper-big-img1 .swiper-slide {background: url('../images/7-bg1.jpg') center repeat-x;}
.screen-7 .swiper-big-img1 .img{position: relative;}
.screen-7 .swiper-big-img1 .img img {display: block;width: 100%;height: auto;}
.screen-7 .left-swiper-img {position: absolute;left: 0;top: 0;width: 140px;height: 100%;z-index: 3;background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.5));}
.screen-7 .swiper-small-img2 {height:70%;margin: 150px 0 0px 0;overflow: hidden;}
.screen-7 .swiper-small-img2 .img{position: relative;cursor: pointer;width: 80%;margin: auto;}
.screen-7 .swiper-small-img2 .img img {display: block;width: 100%;height: auto;opacity: .3;}
.screen-7 .swiper-small-img2 .swiper-slide-thumb-active .img img {opacity: 1;}
.screen-7 .swiper-right {margin-top: 100px;color: #000;background: #fff;padding:0 10%;position: relative;height: 710px;overflow: hidden;}
.screen-7 .swiper-right .swiper-text  {height: 100%;}
.screen-7 .swiper-right .swiper-text .swiper-wrapper {display: table;width: 100%;height: 100%;}
.screen-7 .swiper-right .swiper-text .swiper-wrapper .swiper-slide {display: table-cell;vertical-align: middle;height: auto;}
.screen-7 .swiper-right .swiper-text .item {position: relative;}
.screen-7 .swiper-right .swiper-text .item .title-1{border-bottom: 4px solid #000;padding-bottom: 20px;position: relative;}
.screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 36px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.screen-7 .swiper-right .swiper-text .item .title-1 h5 {font-size: 20px;color: #00a78e;margin: 0;text-transform: uppercase;}
.screen-7 .swiper-right .swiper-text .item .text {padding:30px 0 0 0;overflow: hidden;line-height: 24px;font-size: 14px;color: #666666;}
.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 420px;}
.screen-7 .swiper-right .swiper-text .item .text .rolling-height .rolling1 {padding-right: 3%;}
.screen-7 .swiper-right .swiper-text .item .text .rolling-height strong{color: #1a1a1a;}
.screen-7 .swiper-right .swiper-text .item .text .rolling-height h2 {color: #1a1a1a;text-transform: uppercase;font-size: 24px;margin:3px 0;}
.swiper-tab-screen .swiper-button-next,.swiper-tab-screen .swiper-button-prev  {width: 100px;height: 60px;bottom:100px;top: auto;background-color: #333333;}
.swiper-tab-screen .swiper-button-next {right: 95px;left: auto;background-image: url("../images/right1.png");background-size: auto;}
.swiper-tab-screen .swiper-button-prev {right: 210px;left: auto;background-image: url("../images/left1.png");background-size: auto;}
.swiper-tab-title {position: absolute;left:10%;bottom: 7%;width:620px;height: 100px;}
.swiper-tab-title h4{color: #666;font-size: 14px;text-transform: uppercase;margin: 0;}
.swiper-tab-title .swiper-slide {cursor: pointer;}
.swiper-tab-title .swiper-slide-thumb-active  h4 {color: #fff;}
 



.customer-case {text-align: center;padding-top: 100px;overflow: hidden;}
.customer-case .title-style .line { margin: 10px auto;}
.customer-case-swiper {margin-top: 50px;overflow: hidden;position: relative;}
.customer-case-swiper .text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;z-index: 10;color: #fff;}
.customer-case-swiper .text .title-1{font-size: 40px;font-family: 'Montserrat-Extra-Bold';text-transform: uppercase;}
.customer-case-swiper .text .txt-2{font-size:14px;line-height: 26px;width: 50%;margin: auto;padding: 20px 0;overflow: hidden;}
.customer-case-swiper .text .item-3 {padding-top: 30px;overflow: hidden;font-size: 0;}
.customer-case-swiper .text .item-3 li{font-size:14px;line-height: 26px;padding: 0;margin: 0;display: inline-block;vertical-align: middle;font-family: 'Montserrat-Bold';}
.customer-case-swiper .img img {opacity: 0;}
.customer-case-swiper .text .item-3 .cline {width: 1px;height: 70px;display: inline-block;vertical-align: middle;margin: 0 50px;background: #fff;opacity: .5;}
.customer-case-swiper .title-num {position: absolute;left:3%;top: 50%;width: 150px;margin-top: -50px;z-index: 19;color: #fff;text-align: left;opacity: .8;}
.customer-case-swiper .title-num .num-1{font-size:14px;font-family: 'Montserrat-Bold';}
.customer-case-swiper .title-num .title-2{font-size:12px;font-family: 'Montserrat-Bold';padding:10px 0;text-transform: uppercase;}
.customer-case-swiper .swiper-slide-active .title-num{display: none;}
.customer-case-swiper .customer-prev {background: url("../images/l2.png") center no-repeat;left:7%;margin-top:10px;}
.customer-case-swiper .customer-next {background: url("../images/r2.png") center no-repeat;right:7%;margin-top:10px;}
.customer-case-swiper .swiper-slide-prev .title-num{left:auto;right:3%;text-align: right;}






@media screen and (max-width: 5120px) {
	
}
@media screen and (max-width: 1920px) {
	
}
@media screen and (max-width: 1680px) {
	.textimg-swiper-pic img {height: 600px;}
}
@media screen and (max-width: 1600px) {
	.textimg-swiper-pic img {height: 550px;}
}
@media screen and (max-width: 1500px) {
	.textimg-swiper-pic img {height: 500px;}
}
@media screen and (max-width: 1440px) {
	.title-style h3 {font-size: 26px;}
	.title-style h1 {font-size: 40px;line-height: 40px;}
	.title-style h6 {font-size: 16px;line-height: 26px;}
	.product-section .screen .left {left:8%;}
	.product-section .screen .text-1,.product-section .screen .text-2,.popup-window-content .rolling-content .rolling-h,.screen-3 .item3 .item .txt-2 {font-size: 14px;line-height: 24px;}
	.screen-3 .item3 .item .title-1,.title-style h4,.screen-6 .title-style h4 {font-size: 18px;}
	.icontext-3 li {width: 30%;padding: 0 0 0 5%;}
	.icontext-3 li h3 {font-size: 30px;}
	.icontext-3 li span,.customer-case-swiper .text .txt-2 {font-size: 12px;}
	.icontext-3 li:first-child {padding: 0;width: 25%;}
	.product-section .content {width:90%;}
	.screen-3 .center .content {padding-top: 0;}
	.screen-3 .center .title-style {margin-top: 5%;} 
	.product-section .screen.screen-5 .left {width: 34%; left: 7%;}
	.textimg-swiper-pic img {height:550px;}
	.textimg-swiper-nav a {margin:5px 10px;padding:10px 20px;font-size: 12px;}
	.textimg-swiper-pic {margin-top: 7%;}
	.screen-7 .swiper-right {margin-top: 80px;padding: 0 7%;height: 610px;}
	.product-section .screen.screen-7 .right {padding-bottom:80px;}
	.swiper-tab-title h4 {font-size: 12px;}
	.screen-7 .left-swiper-img {width: 100px;}
	.swiper-tab-title {left: 10%;bottom:5%;width:500px;}
	.swiper-tab-title .swiper-slide {height: 25px!important;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {width: 100px;height: 60px;bottom:50px;}
	.customer-case-swiper .text .txt-2 {width: 70%;}
	.customer-case-swiper .title-num {width: 100px;}
	.customer-case-swiper .customer-prev {left:6%;}
	.customer-case-swiper .customer-next {right:6%;}
}

@media screen and (max-width: 1366px) {
	.textimg-swiper-pic img {height:500px;}
	.screen-3 .item3 .item {padding-bottom: 15px;}
	.screen-3 .item3 .item .title-1 {padding-bottom: 5px;}
	.customer-case-swiper .text .title-1{font-size: 30px;}
}

@media screen and (max-width: 1280px) {
	.textimg-swiper-pic img {height:480px;} 
}


@media screen and (max-width: 1152px) {
	 
}


@media screen and (max-width: 1024px) {
	 
}


@media screen and (max-width: 860px) {
	.screen-3 {
  padding: 20px 0 0;
  height: auto;
  overflow: hidden;
}
	.product-section .screen .left,.product-section .screen .right {left: 0;width:100%; font-size:14px}
	.product-section .screen .table,.product-section .screen .table-cell {display: block;}
	.product-section .screen.screen-1 .left {margin-top: 100px; font-size:14px}
	.title-style h3 {font-size: 20px;}
	.title-style h1 {font-size: 30px;line-height: 35px;}
	.title-style h6 {font-size: 14px;line-height: 24px;}
	.product-section .screen.screen-2 {padding: 60px 0;}
	.product-section .screen.screen-2 .left,.product-section .screen.screen-2 .right {position: relative;right:auto;float: none;}
	.product-section .screen.screen-2 .img{display: none;}
	.product-section .screen.screen-2 .title-style h2 {margin-top: 50px;}
	.product-section .screen.screen-3 { }
	.product-section .screen.screen-3 .center {position: relative;left:5%;width: 90%;padding: 0 0;}
	.product-section .screen.screen-3 .img,.left-swiper-img{display: none;}
	.screen-3 .center .text-1,.screen-3 .center .content,.screen-3 .item3,.screen-3 .item3-pic-swiper {width: 100%;margin-top: 30px;}
	.screen-3 .item3-pic-swiper {margin-top: 0px;}
	.screen-3 .item3 .item .title-1 {font-size: 16px;}
	.screen-3 .item3 .item a {padding-left: 20px;}
	.screen-3 .item3 .item .txt-2 {font-size: 12px;}
	.product-section .screen.screen-4 {padding: 60px 0;}
	.product-section .screen.screen-4 .left,.product-section .screen.screen-4 .right {position: relative;right:auto;float: none;width: 90%;}
	.product-section .screen.screen-4 .img,.icontext-3 li::before{display: none;}
	.product-section .screen.screen-5 .left {position: relative;right:auto;float: none;width: 90%;}
	.screen-5 .img .swiper-img {float: none;width:100%;margin-top:40px;}
	.textimg-swiper-pic img {height: auto;}
	.product-section .screen.screen-6 {background: url('../images/6-1-1m.jpg') center no-repeat;background-size: cover;padding: 60px 0;}
	.product-section .screen.screen-6 .center {position: relative;}
	.textimg-swiper-nav { width: 100%;position: relative;bottom:auto;}
	.product-section .screen.screen-6 .img,.swiper-tab-screen .swiper-button-next,.swiper-tab-screen .swiper-button-prev,.swiper-tab-title{display: none;}
	.product-section .screen.screen-7 .left,.product-section .screen.screen-7 .right {width: 100%;}
	.product-section .screen.screen-7 .right {padding-bottom: 0px;}
	.screen-7 .swiper-right {margin-top: 0px;padding:5%;height:auto;}
	.screen-7 .swiper-right .swiper-text .item .title-1 h3{font-size: 26px;}
	.screen-7 .swiper-small-img2 {height: 100%;margin: 0px 0 0px 0;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: auto;}
	.customer-case-swiper .text {position: relative;background: #000;padding: 15% 5%;width: 90%;}
	.customer-case-swiper .text .txt-2 {width:100%;}
	.title-num,.customer-case .img img {display: none!important;}
	.customer-case-swiper .text .item-3 .cline {width: 100%;height: 1px;margin: 30px 0px}
	
	
}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
}