@charset "utf-8";
/* CSS Document */

/*���м*/

.splitlist.flag span {
    -webkit-animation: fadeInRight 1s forwards;
    animation: fadeInRight 1s forwards;
}


#c_static_001_P_2855-1658301865812 .e_html-83 ul.list-inline-xs{
  overflow:visible;
}
#c_static_001_P_2855-1658301865812 .e_html-83 ul.list-inline-xs:after{
  content:'';
  display:block;
  clear:both;
}
#c_static_001_P_2855-1658301865812 .e_html-83 li{
  display:block;
  float:left;
  width:27px;
  height:27px;
  margin-right:28px;
  position:relative;
}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(1){
 
}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(2){
 
}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(3){
 
}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(4){
  
}
#c_static_001_P_2855-1658301865812 .e_html-83 ul.list-inline-xs li:before{
  content:'';
  position:absolute;
  height:100%;
  width:28px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-repeat:no-repeat;
  background-size:auto;
  background-position:center;
}
#c_static_001_P_2855-1658301865812 .e_html-83 ul.list-inline-xs li:after{
  content:'';
  position:absolute;
  top:-2px;
  left:-2px;
  right:-2px;
  bottom:-2px;
  padding:2px;
  transition:transform 0.2s, opacity 0.2s;
  transform:scale(0.8);
  opacity:0;
  border-radius:inherit;
}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(1):before{
  background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011621402358446/cms/image/c51d18f5-7dcf-496c-a62a-f32ba58c3725.png);
}
 
 
 
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(1):after{

}
#c_static_001_P_2855-1658301865812 .e_html-83 li:nth-of-type(2):after{

}
#c_static_001_P_2855-1658301865812 .e_html-83 li:hover:after{
  transform:scale(1) !important;
  opacity:1 !important;
}
#c_static_001_P_2855-1658301865812 .e_html-83 li a{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:2;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .fa-google-what:before{
  content:'';
  background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022061716494633568/cms/image/8e63d550-a302-40ce-aea4-c190e6f222b1.jpg);
  background-size:100% 100%;
  position:absolute;
  width:150px;
  height:173px;
  max-height:0;
  left:50%;
  bottom:150%;
  transform:translate(-50%,0%);
  overflow:hidden;
  transition:all .5s;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .fa-google-what:hover:before{
  max-height:100vh;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .fa-instagram:before{
  content:'';
  background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011621402358446/cms/image/076eb104-e7ed-40c1-835c-eb979a1583ec.jpg);
  background-size:100% 100%;
  position:absolute;
  width:123px;
  height:123px;
  max-height:0;
  left:50%;
  bottom:150%;
  transform:translate(-50%,0%);
  overflow:hidden;
  transition:all .5s;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .fa-instagram:hover:before{
  max-height:100vh;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .hover{
  position:absolute;
  display:none;
  width:200px;
  margin-top:-25px;
  color:#fff;
  margin-left:-35px;
}
#c_static_001_P_2855-1658301865812 .e_html-83 .list-inline-xs li:hover .hover{
  display:block;
}







@media only screen and (min-width: 769px){
.e_bannerA-2 .p_subtitle {
    font-size: 24px !important;
}
  #c_static_001_P_3695-1657393979024 .e_video-7 {
    display: none;
} 
  
  #c_static_001_P_3695-1657393979024 .e_image-2{
  display:block;
  }
  
  #c_static_001_P_3695-1657393979024 .e_loop-1 .p_loopitem:hover .e_image-2{
 
  }
    #c_static_001_P_3695-1657393979024 .e_loop-1 .p_loopitem:hover .e_video-7{
  display:block;
  }
  
  #c_static_001-1647837228476 .e_button-38{
  display:none;
  }
  #c_static_001-1647837228476 .e_container-33:hover .cbox-33-0 .e_button-38{
  display:block;
  }
  
  
}



@media only screen and (max-width: 1600px) and (min-width: 768px){
#c_grid-1657399199664 {
    min-height: 460px !important;
}
  #c_static_001_P_3696-16578505031320 .e_richText-186 {
    line-height: 2.4 !important;
}
  #c_static_001_P_3696-16578505031320 .e_richText-160 span {
    line-height: 1.5 !important;
}
  #c_static_001-1658315673139 .e_container-30 {
    max-width: 1100px !important;
}
#c_static_001_P_3695-1657393979024{
    max-width: 1100px !important;
}
  #c_static_001-1647837228476 .e_container-18{
    max-width: 1100px !important;
}
  #c_static_001_P_2201-1657416660782 .e_container-1{
    max-width: 1100px !important;
}
  #c_static_001-1658315673139 .e_container-41{
    max-width: 1100px !important;
}
 #c_static_001_P_2201-1657416660782 .e_container-29 {
    max-width: 1130px !important;
}
  #c_static_001-1647837228476 .e_loop-31 {
    max-width: 1140px !important;
}
  
  #c_effect_026_P_007-1658307534811 .e_container-14 {
    padding-top: 7% !important;
    padding-bottom: 7% !important;
}
  #c_static_001_P_1080-1647501045930 .e_bannerD-1 .p_info {
    left: 53% !important;
}

}



@media only screen and (max-width: 1024px) and (min-width: 769px){

}

@media only screen and (max-width: 768px){

}
















 
  #c_public_htmlCode-15609983396254246 {
    position: absolute;
    top:0px !important;
    left: 0px !important;
    z-index: 1;
    width: 300px;
    height: 390px;
}
 .anli .a1{

  }
   .anli .a2{

  }
   .anli .a3{

  }
.anli {
    width: 100%;

    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.6s ease;
      background-size: 100% auto !important;
}
  .anli a{
      width: calc(100% / 4);
    display: block;
    float: left;
    background: rgba(226,0,0,0);
    border-right: 1px solid rgba(255,255,255,0.15);
    transition: all 0.8s;
    text-align: left;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
      background-position: bottom;
    background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2022062020370895626/cms/image/3d9f8deb-fcba-4793-bca3-3e328906a213.png);
    background-repeat: repeat-x;
    content: '';
    bottom: 0px;
    left: 0px;
    z-index: 2;
  }
  .anli a:hover{
  background: #008f89;
  }
  .anli a .main{
    width:86%;
    height:170px;
    padding-left:15%;
  left: 0%;
    top: 84%;
        position: absolute;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    transition: all 0.5s;
  }
  .anli a .main div{
  width:100%;
    height:auto;
    float:left;
  }
  .anli a:hover .main{
  top: 39%;
  }
  .anli a h2{
    font-size: 30px;
    font-family: '微软雅黑';
    font-weight: bold;
    letter-spacing: 3px;
  }
.anli a span {
    font-size: 18px;
    font-family: 'arial';
}
.anli a p {
    font-size: 14px;
    font-family: '微软雅黑';
    font-weight: 100;
    line-height: 1.8em;
  margin-top: 22px;
      text-align: justify;

}
  .anli a img.anli_icon {
    float: left;
    margin-top: 25px;
}
.anli a img.anli_case {
    float: left;
      margin-top: 100px;
  opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.8s;
}
  .anli a:hover img.anli_case{
    margin-top: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
    width: auto;
    height: 100%;
    max-height: 140px;
    overflow: hidden;
  }
.anli a b {
    font-size: 20px;
    font-weight: lighter;
      margin-top: 70px;
    width: auto;
      border: solid 1px #fff;
    padding: 1px 5px;
  float:left;
opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1.1s;
}
  .anli a:hover b{
  margin-top: 20px;
  opacity: 1;
    filter: alpha(opacity=100);
  }