ul li {
    list-style-type: none;
}
.slides-box {
    width: 100%;
    height: 70vh;
    margin: auto;
    /*overflow: hidden;*/
}
.slides {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
}
.slides .slidesST {
	position: absolute;
    width:  100%;
    height: 100%;
  background-size:cover !important;
  display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.slides .slidesST img{
    display: block;
    width: 100%;
    margin: auto;
}
.slides-box .prev, .slides-box .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 5vw;
    height: 70px;
    width: 70px;
    color: #fff;
    cursor: pointer;
    /*background-color: #000;*/
    opacity: 1;
  display:none;
}
.slides-box .prev:hover, .slides-box .next:hover{
	opacity: 1;
  color:#fff;
}
.slides-box .prev{}
.slides-box .prev:after{ content:"⟨"; filter: Alpha(Opacity=20);-moz-opacity: 0.2;opacity: 0.2; display:block; font:90px/90px Arial; position:relative; left:10px;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.slides-box .prev:hover:after{ content:"⟨"; filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1; display:block; font:90px/90px Arial; position:relative; left:0px;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.slides-box .next {
    left: auto;
    right: 5vw;
}
.slides-box .next:after{ content:"⟩"; filter: Alpha(Opacity=20);-moz-opacity: 0.2;opacity: 0.2; display:block; font:90px/90px "宋体"; position:relative; left:0;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.slides-box .next:hover:after{ content:"⟩"; filter: Alpha(Opacity=100);-moz-opacity: 1;opacity: 1; display:block; font:90px/90px "宋体"; position:relative; left:10px;transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}

.pagination{
	position: absolute;
	bottom: 50px;
	z-index: 99;
  display:none;
}
.pagination li{
	float: left;
  position:relative;
}
.pagination li a .tipTxtST{ display:block; width:100%; height:18px; text-align:center; font:16px/18px Antonio; position:absolute; left:0; top:-35px; color:rgba(255,255,255,0);transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;}
.pagination li:before{ content:""; display:inline-block; width:70px; height:1px; background:rgba(255,255,255,1);float: left;
    margin-top: 7px;}
.pagination li:nth-child(1):before{display:none;}
.pagination li a{
    display: block;
  position:relative;
  float: left;
    width: 15px;
    height: 15px;
    margin:0px 7px;;
	transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.pagination li a:before{ content:""; display:block; position:absolute; left:0; top:0; width:15px; height:15px; border:1px solid rgba(255,255,255,0); z-index:1;border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.pagination li a:after{ content:""; display:block; position:absolute; left:4px; top:4px; width:7px; height:7px; background:rgba(255,255,255,1); z-index:2;border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;}
.pagination .active:before{ content:""; display:block; position:absolute; left:0; top:0; width:15px; height:15px; border:1px solid rgba(255,255,255,1); z-index:1;border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
  transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
.pagination .active .tipTxtST{
	color:rgba(255,255,255,1);
  top:-25px;
	transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.pagination>li>a, .pagination>li>span{ padding:0; border:0; background:none;}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ background:none;}

.pagination>li>a:hover .tipTxtST{
	color:rgba(255,255,255,1);
  top:-25px;
	transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}

.pagination>li>a:hover:before{ content:""; display:block; position:absolute; left:0; top:0; width:15px; height:15px; border:1px solid rgba(255,255,255,1); z-index:1;border-radius:50%;
-ms-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
  transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}



#gywmST{
	background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022093018044513816/cms/image/4a3c5906-74aa-488c-8f15-d821fc4e89ee.png) no-repeat center;
}
#cpzxST{
	background: url(/img/cpzxBg.png) no-repeat center;
}
#xwzxST{
	background: url(/img/newsBg.png) no-repeat center;
}
#lxwmST{
	background: url(/img/contactBg.png) no-repeat center;
}

.fruitNameCnConST{ position:absolute; width:100%; height:100%; left:0; top:-50px; z-index:1;display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;}
.fruitNameCn{
  font: 160px/160px Anton;
    text-transform: uppercase;
    text-align: center;
    color: #ed7900;
    /*transform: scale(1.2,1.2);*/
    letter-spacing: 30px;
    filter: blur(20px);
    opacity: 0;
    font-family: "cce77d90-4fb9-4e8c-b875-9eac16d2eb61" !important;
}

.fruitNameEnConST{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:0;display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;}
.fruitNameEn{
  font: 160px/160px Anton;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    transform: scale(1.2,1.2);
    letter-spacing: 30px;
    filter: blur(20px);
    transform: scale(1,2) !important;
    opacity: 0;
    font-family: "925b0210-b423-4e58-9a5d-9c0fd8f334d7" !important;
}
.fruitTxtST{ color:#fff; text-align:center; margin-bottom:18px;}
.fruitNameST{ font-size:42px; line-height:42px; letter-spacing:12px; position:relative; top:50px; opacity:0;filter:blur(10px);}
.fruitSloganST{ font-size:28px; line-height:28px; margin-top:17px; letter-spacing:6px; position:relative; top:50px; opacity:0;filter:blur(10px);}

.slidesConST{position:relative; z-index:1; width:30%; display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    position: absolute;
    bottom: -20%;
}
.fruitImgConST{ width:100%; position:relative;}
.fruitImgST{ width:100%; position:relative; z-index:4; left:-100px; opacity:0;filter:blur(10px);transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;}
.fruitImgItem{ position:absolute; left:50%; top:50%; background-size:100%; opacity:0; transform:scale(0,0); filter:blur(30px); transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;}
.fruitImgItem01{ z-index:1;}
.fruitImgItem02{ z-index:2;}
.fruitImgItem03{ z-index:3;}
.fruitImgItem04{ z-index:5;}
.fruitImgItem05{ z-index:6;}
.fruitImgItem06{ z-index:7;}

.fruitImgItem .imgST{ position:relative;}

.fruitImgItem01 .imgST{ width:107px; height:54px; background:url(/img/yz01.png) no-repeat; animation:upDown 1.6s infinite alternate;}
.fruitImgItem02 .imgST{ width:71px; height:39px; background:url(/img/yz02.png) no-repeat; animation:upDown 1.7s infinite alternate;}
.fruitImgItem03 .imgST{ width:105px; height:86px; background:url(/img/yz03.png) no-repeat; animation:upDown 1.8s infinite alternate;}
.fruitImgItem04 .imgST{ width:127px; height:107px; background:url(/img/yz04.png) no-repeat; animation:upDown 1.9s infinite alternate;}
.fruitImgItem05 .imgST{ width:228px; height:174px; background:url(/img/yz05.png) no-repeat; animation:upDown 2s infinite alternate;}
.fruitImgItem06 .imgST{ width:138px; height:107px; background:url(/img/yz06.png) no-repeat; animation:upDown 2.1s infinite alternate;}




.slidesActiveST .fruitNameEn{ animation:textEffect 3s ease-in-out forwards;}
.slidesActiveST .fruitNameCn{ animation:textEffect 3s ease-in-out forwards;}
.slidesActiveST .fruitImgST{ left:0; opacity:1; filter:blur(0px); transition: all 0.7s 2.5s ease-out;
-ms-transition: all 0.7s 2.5s ease-out;
-moz-transition: all 0.7s 2.5s ease-out;
-webkit-transition: all 0.7s 2.5s ease-out;
-o-transition: all 0.7s 2.5s ease-out;}

.slidesActiveST .fruitImgItem{ opacity:1; transform:scale(1,1); filter:blur(0px);}

.slidesActiveST .fruitNameST{ top:0px; opacity:1; filter:blur(0); transition: all 0.7s 3.3s ease-out;}
.slidesActiveST .fruitSloganST{ top:0px; opacity:1; filter:blur(0); transition: all 0.7s 3.5s ease-out;}

.slidesActiveST .fruitImgItem01{ left:5.09%; top:25.6%; transition: all 0.5s 3.3s ease-out;}
.slidesActiveST .fruitImgItem02{  left:85.09%; top:55.72%; transition: all 0.5s 3.4s ease-out;}
.slidesActiveST .fruitImgItem03{ left:-31.57%; top:-3.86%; transition: all 0.5s 3.5s ease-out;}
.slidesActiveST .fruitImgItem04{ left:121.02%; top:0; transition: all 0.5s 3.6s ease-out;}
.slidesActiveST .fruitImgItem05{ left:113.8%; top:72.14%; transition: all 0.5s 3.7s ease-out;}
.slidesActiveST .fruitImgItem06{ left:-29.91%; top:85.19%; transition: all 0.5s 3.9s ease-out;}

@keyframes upDown {
  0% {
    top:0;
    transform:scale(1,1);
  }
  100%{
  	top:-20px;
    transform:scale(0.95,0.95);
  }
}

@keyframes textEffect{
  0%{
  transform:scale(1.2,1.2); letter-spacing:30px; filter:blur(20px); opacity:0;
  }
  50%{
    transform:scale(1,1); letter-spacing:0px; filter:blur(0px); opacity:1;
  }
  /*65%{
    transform:scale(1,1); letter-spacing:0px; filter:blur(0px); opacity:1;
  }*/
  100%{
  	transform:scale(0.8,0.8); letter-spacing:0px; filter:blur(5px); opacity:1;
  }
}

@media only screen and (max-width: 768px){
  .slides .slidesST img{
  width: 60%;
  }
  
  
	.slides-box {
	height: 70vh;
}
  .slides .slidesST{ background-size: auto 100% !important;}
  .pagination{ bottom:15% !important;}
  .fruitNameEn {
	font: 120px/120px Anton; 
    transform: scale(1,1.4) !important;
    
}
    .fruitNameCn {
	font: 120px/120px Anton;  
}
  .fruitNameST {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 10px;
	position: relative;
	top: 50px;
	opacity: 0;
	filter: blur(10px);
	-ms-filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
}
  .fruitSloganST {
	font-size: 18px;
	line-height: 18px;
	margin-top: 17px;
	letter-spacing: 4px;
	position: relative;
	top: 50px;
	opacity: 0;
	filter: blur(10px);
	-ms-filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
}
  .slidesConST {
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}
  .fruitImgItem .imgST{ background-size:100% auto !important;}
  
  .fruitImgItem01 .imgST {
	width: 57px;
	height: 53px;
}

.fruitImgItem02 .imgST {
	width: 41px;
	height: 40px;
}

.fruitImgItem03 .imgST {
	width: 89px;
	height: 78px;
	animation: upDown 1.8s infinite alternate;
	-ms-animation: upDown 1.8s infinite alternate;
	-webkit-animation: upDown 1.8s infinite alternate;
	-moz-animation: upDown 1.8s infinite alternate;
	-o-animation: upDown 1.8s infinite alternate;
}

.fruitImgItem04 .imgST {
	width: 106px;
	height: 97px;
}

.fruitImgItem05 .imgST {
	width: 99px;
	height: 85px;
}

.fruitImgItem06 .imgST {
	width: 144px;
	height: 134px;
}
  .slidesActiveST .fruitImgItem01 {
	left: 16.37%;
    top: 1.29%;
}

.slidesActiveST .fruitImgItem02 {
	left: 79.72%;
	top: 50.72%;
}

.slidesActiveST .fruitImgItem03 {
	left: -8.76%;
    top: -59%;
}

.slidesActiveST .fruitImgItem04 {
	left: 90.98%;
    top: -34.62%;
}

.slidesActiveST .fruitImgItem05 {
	left: 93.46%;
    top: 97.29%;
}

.slidesActiveST .fruitImgItem06 {
	left: -9.81%;
    top: 96.65%;
}
}

@media only screen and (max-width: 414px){
	.slides-box {
	height: 70vh;
}
  .slides .slidesST{ background-size: auto 100% !important;}
  .pagination{ bottom:15% !important;}
  .fruitNameEn {
	font: 80px/80px Anton;
    margin-top:-40px;
    letter-spacing:5px;
    transform: scale(1,1.3) !important;
}
   .fruitNameCn {
	font: 80px/80px Anton;
    margin-top:80px;
    letter-spacing:5px;
} 
  .slidesConST {
	position: relative;
	z-index: 1;
	width: 130%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}
  .fruitImgItem .imgST{ background-size:100% auto !important;}
  
  .fruitImgItem01 .imgST {
	width: 57px;
	height: 53px;
}

.fruitImgItem02 .imgST {
	width: 41px;
	height: 40px;
}

.fruitImgItem03 .imgST {
	width: 89px;
	height: 78px;
	animation: upDown 1.8s infinite alternate;
	-ms-animation: upDown 1.8s infinite alternate;
	-webkit-animation: upDown 1.8s infinite alternate;
	-moz-animation: upDown 1.8s infinite alternate;
	-o-animation: upDown 1.8s infinite alternate;
}

.fruitImgItem04 .imgST {
	width: 106px;
	height: 97px;
}

.fruitImgItem05 .imgST {
	width: 99px;
	height: 85px;
}

.fruitImgItem06 .imgST {
	width: 144px;
	height: 134px;
}
  .slidesActiveST .fruitImgItem01 {
	left: 16.37%;
    top: 1.29%;
}

.slidesActiveST .fruitImgItem02 {
	left: 79.72%;
	top: 50.72%;
}

.slidesActiveST .fruitImgItem03 {
	left: -8.76%;
    top: -59%;
}

.slidesActiveST .fruitImgItem04 {
	left: 90.98%;
    top: -34.62%;
}

.slidesActiveST .fruitImgItem05 {
	left: 93.46%;
    top: 97.29%;
}

.slidesActiveST .fruitImgItem06 {
	left: -9.81%;
    top: 96.65%;
}
}

@media only screen and (max-width: 1366px) and (min-width: 769px){
  .slides-box {
    width: 100%;
    height: 70vh;
    margin: auto;
    overflow: unset !important;
}
  .slides .slidesST{ background-size: auto 100% !important;}
  .fruitNameEn{ font:100px/100px Anton;}
   .fruitNameCn{ font:100px/100px Anton;}
  .slidesConST{ width:41%;}
  
}
@media only screen and (max-width: 1650px) and (min-width: 1367px){
  .slides-box {
    width: 100%;
    height: 70vh;
    margin: auto;
    overflow: unset !important;
}
  .slidesConST{
      bottom: -31%;
  }
  
}