@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-svg */

.screen-1 {position: relative;}
.screen-1 .title-style{position: absolute;top: 20%;left:20%;width:60%;text-align: center;z-index: 11;}
.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 .right{width: auto;}
 

.screen-2 {min-height: 935px;}
.screen-2 .upper .left{width: 48%;}
.screen-2 .upper .left .text{padding: 20px 0; font-size: 16px;line-height: 26px;color: #666666;}
.screen-2 .upper .right{width: 48%;padding-top:40px;}
.screen-2 .upper .right .text{font-size: 14px;line-height: 24px;color: #666666;}


.screen-3 .upper .title-style{width: 70%;}
.screen-3 .upper .title-style h2{color: #fff;}
.screen-3 .upper .bottom{padding:0;overflow: hidden;}
.screen-3 .upper .bottom .item{position: relative;overflow: hidden;font-size: 0;}
.screen-3 .upper .bottom .item .text{color: #fff;display: inline-block;vertical-align: middle;width: 20%;}
.screen-3 .upper .bottom .item .text h4{font-size: 24px;margin: 0;padding-bottom: 10px;}
.screen-3 .upper .bottom .item .text h5{font-size: 16px;opacity: .5;font-weight: normal;margin: 0;}
.screen-3 .upper .bottom .item .img {display: inline-block;vertical-align: middle;width:80%;}
.screen-3 .upper .bottom .item .img img{margin: 0 1%;display: inline-block;}
 	

.screen-4 {min-height: 937px;position: relative;}
.screen-4 .upper{text-align: center;}
.screen-4 .upper .title-style{width: 70%;margin: auto;}
.screen-4 .upper .bottom .img img{display: inline-block;}
.screen-4 .upper .bottom .text{font-size: 14px;color: #999999;line-height: 22px;}
.screen-4 .upper .bottom .text h4{margin: 0;padding-bottom: 10px;font-size: 20px;color: #000;}


.screen-5 {min-height: 937px;position: relative;}
.screen-5 .upper .left{width: 50%;}
.screen-5 .upper .left .text{width: 80%;font-size: 16px;color: #666666;line-height: 26px;padding:20px 0;}
.screen-5 .upper .left .text h4{font-size: 24px;color: #000;margin: 10px 0;}
.screen-5 .upper .right{width: 45%;}
.screen-5 .upper .right .img{text-align: center;}
.screen-5 .upper .right .img img{display: inline-block;}



.screen-6 {position: relative;background-position:center;background-repeat: no-repeat;}
.screen-6 .left{width: 35%;position: absolute;left: 12%;top: 27%;}
.screen-6 .left .text{color: #666666;font-size: 16px;line-height: 26px;padding-top: 20px;overflow: hidden;width: 85%;}
.screen-6 .right{width:47.5%;padding-top: 137px;overflow: hidden;}
.screen-6 .right .swiper-img .img{background: #000;position: relative;}
.screen-6 .right .swiper-img .img img{display: block;width: 100%;height: auto;}
.screen-6 .right .swiper-img .swiper-pagination {bottom: 5%;}
.screen-6 .right .swiper-img .swiper-pagination-bullet{background: #fff;width: 30px;height: 2px; border-radius: 0;}
.screen-6 .right .swiper-img .swiper-pagination-bullet-active{background: #00bf86;}
.screen-6 .swiper-button-next,.screen-6 .swiper-button-prev  {width: 60px;height: 60px;margin-top: -30px; background-color:rgba(0,0,0,.5);}
.screen-6 .swiper-button-next {right: 0px;left: auto;background-image: url("../dlimg/right1.png");background-size: auto;}
.screen-6 .swiper-button-prev {left: 0px;left: auto;background-image: url("../images/left1.png");background-size: auto;}
.screen-6 .swiper-button-next:hover,.screen-6 .swiper-button-prev:hover {background-color:#00bf86;}



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


.screen-7 {background-position:center;background-repeat:no-repeat;}
.swiper-tab-screen {height: 100%;}
.screen-7 .left {width: 50%;height: 100%;}
.screen-7 .swiper-big-img1 {height: 100%;}
.screen-7 .swiper-big-img1 .img{position: relative;}
.screen-7 .swiper-big-img1 .img img {display: block;width: 100%;height: auto;opacity: 0;}
.screen-7 .swiper-big-img1 .swiper-slide-active .img img{opacity: 1;}
.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 0 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 strong{color: #1a1a1a;}
.screen-7 .swiper-right .swiper-text .item .text 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("../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;}
.ulli {display: inline-block;vertical-align: top; margin-right: 50px;margin-bottom: 30px;}
.ulli ul,.ulli li,.olli ol{list-style: none;margin: 0;padding: 0;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: 50px;}
.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 .item2 a {background: url("../dlimg/b4.png") no-repeat;width: 295px;height: 120px;}
.screen8-swiper-img .section-item .item2 a:hover {background: url("../dlimg/b41.png") no-repeat;}
.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;}
.screen8-swiper-img .section-item .item6 {width: 60%;margin:50px auto auto;}
.screen8-swiper-img .section-item .item6 a {background: url("../dlimg/b4.png") no-repeat;width: 295px;height: 120px;margin: 0 1% 1.5% 1%;}
.screen8-swiper-img .section-item .item6 a:hover {background: url("../dlimg/b41.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("../images/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("../images/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;}





@media screen and (max-width: 5120px) {
	.screen {background-size: 100%;}
	.screen8-swiper-img .section-item {background-size: 100%;}
	.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 .img img{width: 100%;}
	.screen-6 .right .swiper-img .img img {width: 100%!important;}
}
@media screen and (max-width: 1920px) {
	.screen {background-size: auto;}
	.screen8-swiper-img .section-item {background-size: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 .img img{width: auto;}
	.screen-6 .right .swiper-img .img img {width: auto!important;}
}
@media screen and (max-width: 1800px) {
	.screen-3 .upper .bottom .item .img img {margin:0}
}
@media screen and (max-width: 1680px) {
	.screen-1 .text {font-size: 16px;line-height:26px;}	
	.screen-2 {min-height: 850px;}
	.screen-3 .upper .bottom .item .img img {margin: 0;width: 33%;}
	.screen-5 .upper .left {width: 55%;}
	.screen-5 .upper .right {text-align: right;}
	.screen-6 .left {width: 37%;left: 10%;}
	.upper {left: 10%;width: 80%;}
	.screen-6 .left {top: 20%;}
	.screen-3 .upper .bottom .item .img img {margin:0 1%; }
}

@media screen and (max-width: 1440px) {
	.title-style h1,.title-style h2 {font-size: 40px;line-height: 40px;}
	.screen-1 .text {font-size: 16px;line-height: 28px;left: 10%;width: 80%;}
	.upper {left: 10%;width: 80%;}
	.screen-2 .upper .left .text,.screen-3 .upper .bottom .item .text h5 {font-size: 14px;line-height:24px;}	
	.screen-3 .upper .title-style,.screen-4 .upper .title-style  {width: 80%;}
	.screen-3 .upper .bottom .item .img img {width: 25%;}	
	.screen-3 .upper .bottom .item .text h4{font-size: 18px;}
	.screen-6-1 .left {left: 10%;width:30%;}
	.screen-6-1 {min-height: 850px;}
	.screen-7 .swiper-right {margin-top: 120px;height: 610px;}
	.screen8-swiper-img .section-item .item6 {width: 70%;}
	.screen-9 .upper-video .title-style h2 {font-size: 60px;line-height: 60px;}
	.swiper-tab-title {left: 14%;}
	.screen-7 .swiper-right .swiper-text .item .text .rolling-height {height: 300px;}
	.screen-7 .left {margin-top: 100px;}
	.ulli {margin-right: 20px;}
	.ulli ul, .ulli li, .olli ol {font-size: 12px;}
}

@media screen and (max-width: 1366px) {
	.title-style h1, .title-style h2 {font-size:40px;line-height:40px;}	
	.screen-1 .text {font-size: 14px;line-height:24px;}	
	.upper {left: 5%;width: 90%;}
	.screen-2 {min-height: 750px;}
	.screen-2 .upper .left {margin-top: 100px;}
	.screen-4 .upper .bottom {width: 80%;margin: auto;}
	.screen-6 .left {width: 40%;left: 5%;}
}

@media screen and (max-width: 1280px) {
	.swiper-tab-title {display: none}
	.screen-7 .left,.screen-7 .right {margin: 0px;padding: 0;}
	.screen-7 .swiper-right {margin-top:0px;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom: 0;}
	.screen-7 .swiper-small-img2 {margin: 100px 0 0 0;}
	.screen8-swiper-img .section-item .item6 {width: 100%;}
	.screen8-swiper-img .section-item .item a {margin: 0 .5% 1% .5%}
	.screen-9 .upper-video {width: 90%;padding: 150px 0px;}
	.screen-9 .upper-video .title-style {left: 0;}
}


@media screen and (max-width: 1152px) {
	.screen-1 .title-style {top: 10%;}
	.view-btn h5 {font-size: 12px;}
	.view-btn a{padding: 15px 30px;}
	.title-style h1, .title-style h2 {font-size: 30px;line-height: 30px;}
	.screen-1 .text {font-size: 12px;line-height: 22px;}
	.screen-2 .upper .left {margin-top: 40px;}
	.screen-2,.screen-6-1 {min-height: 650px;}
	.screen-4 {min-height: 700px;}
	.screen-5 {min-height: 750px;}
	.screen-6-1 .left {left: 5%;width: 35%;}
	.screen-7 .swiper-right .swiper-text .item .title-1 h3 {font-size: 26px;}
	.line-height-30 {height: 300px;overflow: auto;}
	.screen8-swiper-img .section-item {height: 650px;}
	.screen8-swiper-img .section-item .item {margin-top: 0px;}
	.screen8-swiper-img .section-item .text {width: 90%;font-size: 12px;line-height: 22px;}
}


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


@media screen and (max-width: 860px) {
	.upper {left:5%;width:90%;}
	.screen-1 .title-style {top: 15%;left:5%;width:90%;text-align: left;}
	.screen-1 .text {top: 40%;bottom: auto;left: 5%;width: 90%;}
	.screen-1 .text .right {float: left;}
	.screen-2 .upper .left,.screen-2 .upper .right,.screen-5 .upper .left,.screen-5 .upper .right,.screen-6 .left,.screen-6 .right,.screen-6-1 .right,.screen-6-1 .left {width: 100%;float:none;}
	.screen-2 .upper,.screen-4 .upper,.screen-5 .upper,.screen-6 .left,.screen-6-1 .left {position: relative;top:auto;}
	.screen-2 .table,.screen-2 .table-cell,.screen-3 .table,.screen-3 .table-cell,.screen-5 .table,.screen-5 .table-cell  {display: block;}
	.screen-2 .upper .left {padding: 0;margin:0;}
	.screen-2,.screen-3 .upper,.screen-4,.screen-5,.screen-6-1 {padding: 20% 0;}
	.screen-3 .upper .bottom .item .img img {width: 48%;}
	.screen-3 .upper .bottom .item .img,.screen-3 .upper .bottom .item .text,.screen-4 .upper .bottom,.screen-5 .upper .left .text,.screen-6 .left .text {width: 100%;display: block;}
	.screen-3 .upper .bottom .item .text h4 {padding-bottom: 0px;}
	.screen-3 .upper .bottom .item,.screen-4 .upper .bottom .text h4 {margin-top:30px;}
	.screen-3 .img {display: none;}
	.screen-3 .upper {position: relative;}
	.screen-4,.screen-5,.screen-6-1 {min-height: auto;}
	.screen-5 .upper .left .text,.screen-6 .left .text,.screen-6-1 .left .text {font-size: 14px;line-height:24px;}
	.screen-6 .left {padding-top: 20%;width: 90%;}
	.screen-6 .right {padding-top: 37px;}
	.screen-6-1 .left  {width: 90%;left: 5%;}
	.product-section {overflow: hidden;}
	.screen-7 {background-size: cover;}
	.screen-7 .left,.screen-7 .right {position: relative;margin-top:0px;width: 100%;padding-bottom:0px;float: none;}
	.swiper-tab-title {display: none;}
	.screen-7 .swiper-right {margin-top:0px;height:auto; padding:0;}
	.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 .left-swiper-img {width: 100px;}
	.screen-7 .swiper-right{padding: 15% 5% 25% 5%;}
	.swiper-tab-screen {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;}
	.screen-7 .swiper-right .swiper-text .item .text .table,.screen-7 .swiper-right .swiper-text .item .text .table-cell{display: block;overflow: hidden;}
	.leftw40,.leftw60 {width:100%;}
	.screen-7 .swiper-small-img2 {margin: 0px 0 0 0; height: 100%;}
	.swiper-tab-screen .swiper-button-next, .swiper-tab-screen .swiper-button-prev {bottom: 0;}
	.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%;}
	.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;}
	.screen8-swiper-img .section-item .item2 a,.screen8-swiper-img .section-item .item4 a,.screen8-swiper-img .section-item .item6 a{margin-bottom: 20px;}
	.line-height-30 {height: auto;overflow: hidden;}
}
/* iPad x */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.screen-6 .right {padding-top: 120px;width: 50%;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.screen-1 .text .left {float: none;}
	.screen-1 .text {top: 25%;}
	.screen-3 .upper .bottom .item .img img {width: 31%;}
	.screen8-swiper-img .section-item .item3 a {background-size: 100%;width:50%;}
	.screen8-swiper-img .section-item .item3 a:hover {background-size: 100%;}
}