@charset "utf-8";



.product-section .content{width:75%;}
.screen {position: relative;background-repeat: no-repeat;overflow: hidden;}
.upper {position: absolute;left:12.5%;width:75%;height: 100%;top: 0;z-index: 1;}


/* product-ahf */

.screen-1 {min-height: 940px;background-position: 85% 60%;}

.screen-1 .upper .left .view-btn{margin-top: 55px;}
.screen-1 .upper .left .title-style{width: 670px;}
.screen-1 .upper .left .title-style h5{width:50%;}
.screen-1 .pic-right-1 {position: absolute;right:5%;width:50%;height: 100%;top: 0;z-index: 1;text-align: center;}
.screen-1 .pic-right-1 .img img{display: inline-block;margin-top: 100px;} 

.screen-2 {min-height: 935px;background-position:center;background-repeat: repeat-x;}
.screen-2 .upper{}
.screen-2 .top {overflow: hidden;padding-bottom:90px;}
.screen-2 .top .left{width: 40%;}
.screen-2 .top .right{width: 51%;}
.screen-2 .top .right .text{font-size: 16px;color: #666666;line-height: 26px;}
.screen-2 .img {clear: both;text-align: center;margin-top:10px;overflow: hidden;font-size: 0;background-repeat: no-repeat;background-position: center bottom;}
.screen-2 .img img {display: inline-block;}
.screen-2 .img video {width: 100%;display: block;}


.screen-3 {min-height: 935px;background-position:center;background-repeat: no-repeat;}

.screen-3 .relative {position: relative;width: 100%;height: 100%;}
.screen-3 .title-style h4 {color: #00bf86;margin-bottom:15px;}
.screen-3 .title-style h2 {color: #fff;}
.screen-3 .left{width: 45%;}
.screen-3 .left .text{color: #aaaaac;font-size: 16px;line-height: 26px;padding-top: 20px;overflow: hidden;width:92%;}
.screen-3 .tu-right {width:620px;position: absolute;padding-right: 5%; right: 10%;top: 19%;z-index: 10;}
.screen-3 .screen3-swiper-img .img2 {display: block;margin-top:100px;}
.screen-3 .screen3-swiper-img .img2 li{list-style: none;margin: 0;padding: 0;text-align: center;display: inline-block;vertical-align: top;}
.screen-3 .screen3-swiper-img .img2 li h6{font-weight: normal;margin: 0 0 20px 0;font-size: 12px;color: #ffffff;background: rgba(0,190,134,.2);border-radius: 20px;padding: 10px 20px;display:block;overflow: hidden;}
.screen-3 .screen3-swiper-img .img2 li .video {position: relative;}
.screen-3 .screen3-swiper-img .img2 li img{display: block;}
.screen-3 .screen3-swiper-img .img2 video {display: block;mix-blend-mode: screen;width:auto;height: auto;position: absolute;}
.screen-3 .screen3-swiper-img .img2 .oneli {position: relative;}
.screen-3 .screen3-swiper-img .mtf100 .img2 {margin-top:0px;}
.screen-3 .screen3-swiper-img .mtf100 {padding-bottom: 150px;overflow: hidden; }
.screen-3 .screen3-swiper-img .img2 li:first-child {margin-right: 5%;}
.screen-3 .screen3-swiper-img .text {background: rgba(0,0,0,.4);position: relative;padding: 5%;margin-top: 40px;width:90%;}
.screen-3 .screen3-swiper-img .text .serial-num{color: #fff;font-size:20px;border-radius:100%;padding: 10px 13px;position: absolute;left: 0;top: -25px;background: rgba(0,0,0,.4);}
.screen-3 .screen3-swiper-img .text .txt1{color: #aaaaac;font-size: 14px;line-height: 24px;overflow: hidden;}
.screen-3 .screen3-swiper-img {width: 100%;overflow: hidden;position: relative;}		
.screen-3 .swiper-pagination {right:1%;top: 150px;}
.screen-3 .swiper-pagination .swiper-pagination-bullet {display: block;width: 2px;height: 50px;position: relative;left: auto;top: auto;margin: 10px 0;background: #fff;border-radius: 0;}
.screen-3 .swiper-pagination .swiper-pagination-bullet-active {background: #00bf86;}


.screen-4 {min-height: 935px;background-position:center;background-repeat: no-repeat;}
.screen-4 .title-style h4 {color: #00bf86;margin-bottom:15px;}
.screen-4 .title-style h2 {color: #fff;}
.screen-4 .left{width: 48%;}
.screen-4 .left .text{color: #aaaaac;font-size: 16px;line-height: 20px;padding-top: 20px;overflow: hidden;width:92%;}
.screen-4 .left .text .faq-btn {margin-top: 10px;}
.screen-4 .left .text .faq-btn a {background: #333333;}
.screen-4 .left .text .faq-btn h6{color: #808080;}
.screen-4 .left .text .faq-btn a:hover {background: #fff;}
.screen-4 .left .text .faq-btn a:hover h6{color: #000;} 
.screen-4 .right{width:45%;}
.screen-4 .right .img{text-align: center}
.screen-4 .right .img img {display: inline-block;}


.screen-5 {position: relative;background-position:center;background-repeat: no-repeat;}
.screen-5 .left{width: 30%;position: absolute;left: 12%;top: 27%;}
.screen-5 .left .text{color: #666666;font-size: 16px;line-height: 26px;padding-top: 20px;overflow: hidden;}
.screen-5 .right{width:52%;padding-top: 137px;overflow: hidden;}
.screen-5 .right .swiper-img {}
.screen-5 .right .swiper-img .img{background: #000;position: relative;}
.screen-5 .right .swiper-img .img img{display: block;width: 100%;height: auto;}
.screen-5 .right .swiper-img .swiper-pagination {bottom: 5%;}
.screen-5 .right .swiper-img .swiper-pagination-bullet{background: #fff;width: 30px;height: 2px; border-radius: 0;}
.screen-5 .right .swiper-img .swiper-pagination-bullet-active{background: #00bf86;}
.screen-5  .swiper-button-next,.screen-5 .swiper-button-prev  {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);}
.screen-5  .swiper-button-next {right: 0px;left: auto;background-image: url("../dlimg/right1.png");background-size: auto;}
.screen-5  .swiper-button-prev {left: 0px;left: auto;background-image: url("../dlimg/left1.png");background-size: auto;}
.screen-5  .swiper-button-next:hover,.screen-5  .swiper-button-prev:hover {background-color:#00bf86;}



.screen-6 {min-height: 1060px;background-position:center;background-repeat:no-repeat;}
.screen-6 .upper{}
.screen-6 .top {overflow: hidden;}
.screen-6 .top .left {width: 35%;}
.screen-6 .top .right{width: 50%;}
.screen-6 .top .right .text{font-size: 16px;color: #666666;line-height: 26px;}
.screen-6 .img {clear: both;text-align: center;margin-top: 110px;overflow: hidden;font-size: 0;background-repeat: no-repeat;background-position: center bottom;}
.screen-6 .img img {display: inline-block;}



.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 .left {width: 50%;}
.screen-7 .swiper-big-img1 {}
.screen-7 .swiper-big-img1 .swiper-slide {background: url('../dlimg/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 .right {width: 50%;padding-bottom: 130px;overflow: hidden;}
.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: #00bf86;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("../dlimg/right1.png");background-size: auto;}
.swiper-tab-screen .swiper-button-prev {right: 210px;left: auto;background-image: url("../dlimg/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;}
.ulli {display: inline-block;vertical-align: top; margin-right: 50px;margin-bottom: 30px;}
.ulli ul,.ulli li,.olli ol{font-size: 16px;}
.ulli strong,.olli strong{padding-bottom: 10px;display: block;font-size: 16px;}
.ulli li {line-height: 30px;}
.olli {display: inline-block;vertical-align: top;margin-bottom: 30px;}
.olli ol li {font-size: 14px;}
.leftw40 {width: 39%;}
.leftw60 {width: 59%;}



.screen-8 {background-position:center;background-repeat:no-repeat;}
.screen8-swiper-img {height: 100%;position: relative;}
.screen8-swiper-img .section-item::after {content: '';width: 0;height: 2px;background: #00bf86;display: block;position: absolute;left: 0;bottom: 0;z-index: 33;}
.screen8-swiper-img .swiper-slide-active .section-item::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
.screen8-swiper-img .section-item{height: 937px;background-position:center;background-repeat:no-repeat;}
.screen8-swiper-img .section-item .title-style {text-align: center;}
.screen8-swiper-img .section-item .title-style h2{color: #fff;}
.screen8-swiper-img .section-item .title-style .line{margin: 10px auto;}
.screen8-swiper-img .section-item .text {width: 975px;margin: auto; font-size: 16px;line-height: 28px;color: #fff;padding: 30px 0;overflow: hidden;text-align: center;}
.screen8-swiper-img .section-item .item {text-align: center;font-size: 0;margin-top: 100px;}
.screen8-swiper-img .section-item .item a{display: inline-block;vertical-align: middle;margin: 0 1%;text-align: center;}
.screen8-swiper-img .section-item .item a h4{display: table;width: 100%; height: 100%;margin: 0;}
.screen8-swiper-img .section-item .item a h4 strong{margin: 0;display: table-cell;vertical-align: middle;font-size: 14px;line-height: 24px; color: #fff;}
.screen8-swiper-img .section-item .item a:hover h4 strong{color: #00bf86; }
.screen8-swiper-img .section-item .item1 {margin-top: 50px;}
.screen8-swiper-img .section-item .item1 a {background: url("../dlimg/b1.png") no-repeat;width: 960px;height: 277px;}
.screen8-swiper-img .section-item .item1 a h4 {width: 75%;margin: auto;}
.screen8-swiper-img .section-item .item4 a {background: url("../dlimg/b4.png") no-repeat;width: 295px;height: 120px;}
.screen8-swiper-img .section-item .item4 a:hover {background: url("../dlimg/b41.png") no-repeat;}
.screen8-swiper-img .section-item .item3 a {background: url("../dlimg/b3.png") no-repeat;width: 395px;height: 120px;}
.screen8-swiper-img .section-item .item3 a:hover {background: url("../dlimg/b31.png") no-repeat;}
.screen8-swiper-img .section-item .item5 {width: 70%;margin:50px auto auto;}
.screen8-swiper-img .section-item .item5 a {background: url("../dlimg/b5.png") no-repeat;width: 375px;height: 120px;margin: 0 1% 1.5% 1%;}
.screen8-swiper-img .section-item .item5 a:hover {background: url("b51.png") no-repeat;}
.swiper-button-bottom {position: absolute;left: 0;bottom: 0;width: 100%;height:60px;background: rgba(128,128,128,.1);overflow: hidden;z-index: 33;color: #fff;font-size: 14px;text-transform: uppercase;}
.swiper-button-bottom .snext8,.swiper-button-bottom .sprev8{opacity: 1;width: auto;height:60px; cursor: pointer;margin-top: 0px;top: 0;z-index: 53;}
.swiper-button-bottom .snext8 h6,.swiper-button-bottom .sprev8 h6{margin: 0;font-size: 14px; line-height:60px;display: block;}
.swiper-button-bottom .snext8:hover h6,.swiper-button-bottom .sprev8 h6:hover {color: #00bf86;}
.swiper-button-bottom .sprev8{left: 10%; padding-left:20px;background-image: url("../dlimg/left1.png");background-position: left center;background-size: auto;}
.swiper-button-bottom .snext8{right: 10%;padding-right:20px;background-image: url("../dlimg/right1.png");background-position: right center;background-size: auto;}
.swiper-button-bottom .swiper-pagination.spagination8{bottom: 23px;z-index:13;width: 100px;left: 50%;margin-left: -50px;}



.screen-9 { background-position:center;background-repeat:no-repeat;}
.screen-9 .upper-video {width: 75%;padding: 150px;overflow: hidden; margin: auto;position: relative;}
.screen-9 .upper-video .title-style{width: 400px; position: absolute;left: 8.5%;top: 50%;margin-top: -100px; z-index: 1;}
.screen-9 .upper-video .title-style h2{color: #fff;font-size: 80px;line-height: 80px;}
.screen-9 .upper-video .video-img {width: 90%;float: right;}
.screen-9 .upper-video .video-img .img{position: relative;overflow: hidden;}
.screen-9 .upper-video .video-img .img img{display: block;width: 100%;height: auto;}			
.play{position: absolute;top: 50%;left: 50%;z-index: 10;margin-left: -37.5px;margin-top: -37.5px;cursor: pointer;}
.play i{border: 2px solid #fff;border-radius: 100%; display: block;width: 71px;height: 71px;background: url("../dlimg/play.png") center no-repeat;}
.screen-9 .upper-video .video-img  a {display: block;}
.screen-9 .upper-video .video-img  a:hover i {border: 2px solid #00bf86;}
.screen-9 .upper-video .video-img  a:hover img {transform:scale(1.05);transition: all .4s;}



.screen-6-1 {min-height: 973px;background-position:center;background-repeat:no-repeat;}
.screen-6-1 .left {width: 30%;height: 100%;position: absolute;left:12.5%;}
.screen-6-1 .left .title-style{}
.screen-6-1 .left .text{font-size: 16px;line-height: 26px;color: #666666;padding: 30px 0;overflow: hidden;}
.screen-6-1 .right{width: 58%;text-align: center;}
.screen-6-1 .right img{display: inline-block;width: auto;height: auto;}
 






@media screen and (max-width: 5120px) {
	.screen {background-size: 100%;}
	.screen.screen-2 {background-size: auto;}
	.screen8-swiper-img .section-item {background-size: 100%;}
	.screen-5 .right .swiper-img .img img {width: 100%!important;height: auto;}
	.screen-7 .swiper-right {height: 910px;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 500px;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom: 150px;}
	.screen-1 {min-height:1000px;}
}
@media screen and (max-width: 1920px) {
	.screen {background-size: auto;}
	.screen8-swiper-img .section-item {background-size:auto;}
	.screen-5 .right .swiper-img .img img {width: auto!important;height: auto;}
	.screen-7 .swiper-right {height: 710px;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 420px;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom: 100px;}
	.screen-1 {min-height: 940px;}
}
@media screen and (max-width: 1680px) {
	.upper {left: 10%;width: 80%;}
	.screen-1 .upper .left {width: 50%;}
	.screen-1 .upper .left .title-style {width: 100%;}
	.screen-1 .upper .right {width: 48%;margin-top: 30px;}
	.screen-3 .right {width: 50%;}
	.screen-4 .left .text {width: 100%;}
	.screen-5 .left,.screen-6-1 .left {left: 10%;}
	.screen8-swiper-img .section-item .item5 {width: 80%;}
	.screen-6 .img {margin-top: 80px;}
}

@media screen and (max-width: 1440px) {
	.title-style h1 {font-size: 50px;line-height: 50px;}
	.title-style h5 {font-size: 18px;}
	.screen-2 .top .right .text,.screen-3 .left .text,.screen-5 .left .text,.screen-6 .top .right .text {font-size: 14px;line-height: 24px;}	
	.screen-4 .left .text{font-size: 14px;}
	.faq-btn h6 {font-size: 12px;}
	.screen-3 .right {width: 54%;margin-top: 120px;}
	.screen-5 .left {width: 34%;left: 10%;top: 17%;}
	.screen-6 .top .left {width: 40%;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom: 0px;}
	.screen-7 .swiper-small-img2 {margin: 80px 0 0 0;}
	.screen8-swiper-img .section-item .item5 {width: 90%;}
	.screen-6-1 {min-height: auto;}
	.screen8-swiper-img .section-item {height: 850px;}
	.screen-7 .right {padding-bottom:0px;}
	.screen-7 .swiper-right {margin-top: 0px;}
	.screen-7 .left-swiper-img {width: 100px;}
	.swiper-tab-title {bottom: 1%;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 360px;}
	.screen-3 .tu-right {padding-right: 3%; right: 5%;top: 19%;}
}

@media screen and (max-width: 1366px) {
	.title-style h1,.title-style h2 {font-size: 40px;line-height: 40px;}
	.title-style h3 {font-size: 26px;}
	.title-style h5 {font-size: 16px;}
	.screen-3 .right .img2 li:first-child {margin-right: 0;}	
	.screen-4 .left {width: 55%;}
	.swiper-tab-title {bottom: 10%;}
	.screen-2 {min-height: 800px;}
}

@media screen and (max-width: 1280px) {
	.upper {left: 5%;width: 90%;}
	.screen-5 .left,.screen-6-1 .left {left: 5%;}
	.screen8-swiper-img .section-item .item5 {width: 100%;}
	.screen-3 .swiper-pagination {right: 0;}
	.screen8-swiper-img .section-item .item a {margin: 0 10px 20px 10px;}
	.screen8-swiper-img .section-item .item5 a {margin: 0 10px 20px 10px;}
	.screen-9 .upper-video .title-style h2 {font-size: 60px;line-height: 60px;}
	.screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 26px;}
	.screen-7 .swiper-right {padding: 0 5%;height: 600px;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 350px;}
	.screen-7,.screen8-swiper-img .section-item,.screen-3 {min-height: 800px;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {height: 50px;}
	.screen-3 .left,.screen-3 .right {margin-top: 0px;}
	.screen-1 {min-height: 600px;}
	.screen-2,.screen-3,.screen-4 {min-height: 700px;}
	.screen-3 .tu-right {top: 10%;}
	.screen-6 {min-height: 800px;}
	.screen-6 .img {margin-top: 30px;}
	.swiper-tab-title {display: none;}
	.screen-7 {min-height: auto;height: auto;}
	.screen-9 .upper-video {width: 90%;padding: 150px 0px;}
	.screen-9 .upper-video .title-style {left: 0;}
	.screen-2 .top {padding-bottom: 50px;}
	.screen-6-1 .left .text {font-size: 14px;line-height: 24px;}	
}


@media screen and (max-width: 1152px) {
	.screen-3 .right .img2 {font-size: 0;}
	.screen-3 .right .img2 li:first-child {width: 48%;}
	.screen-5 .left {width: 40%;}
	.title-style h1, .title-style h2 {font-size: 30px;line-height: 30px;}
	.screen8-swiper-img .section-item .item {margin-top: 20px;}
}


@media screen and (max-width: 1024px) {
	.screen-2 .top .right .text, .screen-3 .left .text, .screen-5 .left .text, .screen-6 .top .right .text,.screen-7 .swiper-right .swiper-text .item .text .rolling-height .rolling1,.screen-4 .left .text,.screen-3 .right .text .txt1 {font-size: 12px;line-height: 22px;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 300px;}
	.screen-3 .right .img2 li {width: 46%;margin: 2%;}
}


@media screen and (max-width: 860px) {
	.title-style h1, .title-style h2 {font-size: 30px;line-height: 30px;}
	.view-btn h5 {font-size: 12px;}
	.view-btn a{padding: 15px 30px;}
	.screen-1 .upper .left,.screen-1 .upper .left .title-style h5,.screen-2 .top .left,.screen-2 .top .right,.screen-3 .left,.screen-3 .right,.screen-4 .left,.screen-4 .right,.screen-5 .left,.screen-5 .right,.screen-6 .top .left,.screen-6 .top .right,.screen-6-1 .right ,.screen-7 .left,.screen-7 .right{width: 100%;float: none;}
	.screen-1 .table-cell {vertical-align: bottom;}
	.screen-1 .upper .right {width: 100%;margin-top:60px;margin-bottom: 30px;}
	.screen-1 .upper .left .view-btn {margin-top: 25px;}
	.screen-1 .upper,.screen-2 .upper,.screen-3 .upper,.screen-4 .upper,.screen-5 .left,.screen-6 .upper,.screen-6-1 .left {position: relative;top:auto;overflow: hidden;}
	.screen-1,.screen-2,.screen-3,.screen-4,.screen-6,.screen-6-1 {padding:20% 0;}
	.screen-1,.screen-2,.screen-3,.screen-4,.screen-6 {min-height: auto;}
	.screen-1,.screen-5 {padding:20% 0 0 0;}
	.screen-2 .img {margin: 0;}
	.screen-2 .top,.screen-3 .relative { padding: 0px;}
	.screen-3 {background-size: cover;}
	.screen-3 .swiper-pagination,.swiper-tab-title {display: none;}
	.screen-3 .table,.screen-3 .table-cell  {display: block;overflow: hidden;}
	.screen-4 {background-image: none!important;}
	.screen-5 .right {padding-top: 50px;}
	.screen-5 .left {width: 90%;}
	.screen-6 .img {margin-top: 40px;}
	.screen-6-1 .left {width: 90%;}
	.screen-6-1 .left .text {font-size: 12px;line-height: 22px;padding: 10px 0 30px 0;}
	.screen-7 .left {position: relative;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: auto;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height .rolling1 {position: relative!important;padding: 0;}
	.zUIpanelScrollBar,.zUIpanelScrollBox {display: none!important;}
	.screen-7 .swiper-right{padding: 15% 5% 25% 5%;height: auto;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {height: 40px;}
	.swiper-tab-screen .swiper-button-next {width: 50%;right: 0px;}
	.swiper-tab-screen .swiper-button-prev {width: 50%;right: auto;left: 0px;}
	.screen-7 .swiper-right .swiper-text .swiper-wrapper  {display: flex;overflow: hidden;}
	.screen-7 .swiper-right .swiper-text .swiper-wrapper .swiper-slide {display: block;overflow: hidden;}
	.leftw40,.leftw60 {width:100%;}
	.screen-7 .swiper-small-img2 {margin: 0px 0 0 0; height: 100%;}
	.screen8-swiper-img .section-item .text {width: 90%;font-size: 12px;line-height: 22px;}
	.screen8-swiper-img .table,.screen8-swiper-img .table-cell  {display: block;overflow: hidden;}
	.screen8-swiper-img .section-item {height:auto;padding:20% 0;background-size: cover;min-height:auto;}
	.screen8-swiper-img .section-item .item {margin-top: 0px;}
	.screen8-swiper-img .section-item .item3 a,.screen8-swiper-img .section-item .item5 a {width:96%;height: 120px;background-size: 100%;margin: 0 2% 20px 2%;}
	.screen8-swiper-img .section-item .item3 a h4  {width: 90%;margin: auto;}
	.screen8-swiper-img .section-item .item1 a {background:none;background-size: 100%;width:100%;height: 277px;}
	.screen8-swiper-img .section-item .item1 a h4,.screen8-swiper-img .section-item .item1 a {width: 100%;margin: 0 0px 20px 0px;}
	.screen8-swiper-img .section-item .item3 a:hover {background-size: 100%;}
	.screen8-swiper-img .section-item .item5 a:hover {background-size: 100%;}
	.screen-9 .upper-video {width: 100%;padding: 20% 0;}
	.screen-9 .upper-video .title-style {width: 100%;position: relative;left: 5%;top: auto;margin-top: 0px;}
	.screen-9 .upper-video .video-img {width: 90%;margin: auto;margin-top: 30px;float: none;}
	.screen-9 .upper-video .title-style h2 {font-size: 50px;line-height: 50px;}
	.play i {width: 50px;height: 50px;}
	.play { margin-left: -25px;margin-top: -25px;}
	.link-btn-r {width: 40px;height: 40px;}
	.screen-2 .img video {width: 100%;}
	.screen-2 .img img {display: none;}
	.screen-3 .right .img2 video {width: 100%;}
	.screen8-swiper-img .section-item .item a h4 strong  {font-size: 12px;line-height: 22px;}
	.screen-3 .right .mtf100 {padding-bottom: 0px;}
	.screen-3 .right .img2 {margin-top: 10px;}
	.screen-3 .right .mtf100 .img2 {margin-top: 50px;}
	.screen-1 .pic-right-1 {width: 90%;text-align: center;position: relative;right: auto;margin: auto;}
	.screen-1 .pic-right-1 .table,.screen-1 .pic-right-1 .table-cell {display: block;}
	.screen-1 .pic-right-1 .img {width: 100%;text-align: center;}
	.screen-1 .pic-right-1 .img img {display: inline-block;}
	.screen-7 .left {margin-top: 0!important;margin-bottom: 0!important;}
	.screen-3 .tu-right {width: 90%;position: relative;padding-right: 0;right:auto;top:auto;margin: auto;}
	.screen-3 .screen3-swiper-img {margin-top:20px;}
	.screen-3 .screen3-swiper-img .img2 {margin-top: 0;}
	.screen-3 .screen3-swiper-img .mtf100 {padding-bottom: 0px;}
}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.screen-2 video{width: 100%;}
	.screen-3 .relative {padding-top: 0px;}
	.screen-3 .left {margin-top: 100px;}
	.screen-3 .right .mtf100 {padding-bottom: 0px;}
	.screen-3 .swiper-pagination {right: -30px;}
	.screen-3 {min-height: 600px;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.screen8-swiper-img .section-item .item3 a,.screen8-swiper-img .section-item .item5 a {width:48%;height: 120px;background-size: 100%;margin: 0 2% 20px 2%;}
	.screen8-swiper-img .section-item .item1 a {background: url(../dlimg/b1.png) no-repeat;background-size: 100%; width: 100%; height: 230px;}
	.screen8-swiper-img .section-item .item1 a h4 {width: 80%;margin: auto;}
	.screen8-swiper-img .section-item .item5 a:hover {background-size: 100%;}
	.screen-3 .right .img2 video {width: auto;}
}


