@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：客户成功部
* 创建日期：2022-01-01
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@import url('https://fonts.font.im/css?family=Barlow:100,200,300,400,500,600,700,800,900');
@import url('/upload/css/ea50d47e1bb54b25b3483bc2d78c8014.css');
body {
  font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  font-weight: bolder;
  /*
  font-family: 'Barlow', sans-serif;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
  font-family:PingFang SC,Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;
  font-family: 'Noto Serif', serif;
  font-family: raleway,Arial,sans-serif;
  font-family: 'Poppins', sans-serif!important;
  */
  border: none;
  outline: none
}
:root {
 --theme-color:#bb0000;
}
a {
  outline:none;
}
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
a:hover, a:active {
  color: #88b1ff;
  text-decoration: none;
}
div,
p,
span {
  /*
  word-break: keep-all!important;  
  */
}
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0px;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.hide {
  display: none!important;
}
.btn.focus, .btn:focus, .custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0 rgb(255 255 255 / 0%);
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
  width:6px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}
hr {
  margin: 0rem;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #9f4800;
}
#c_static_001-16545858342090 .e_loop-3 .swiper-container {
  padding-bottom: 60px;
}
#c_static_001-16545837795440 .e_loop-3>div{
  height: 100%;
}
#c_static_001-16545837795440 .e_loop-3 .p_list{
  height: 100%;
}
#c_static_001-16545837795440 .e_loop-3 .cbox-3{
  height: 100%;
}
#c_static_001-16545837795440 .e_loop-18>div{
  height: 100%;
}
#c_static_001-16545837795440 .e_loop-18 .p_list{
  height: 100%;
}
#c_static_001-16545837795440 .e_loop-18 .cbox-3{
  height: 100%;
}
#content_box-1637288758471-1:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/10abefe3-bb0f-4994-a565-3dae48555dc5.jpg?d=1695893207626);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-1>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 98%), rgb(68 25 0 / 85%), rgb(68 25 0 / 85%), rgb(68 25 0 / 98%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-1>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}
#content_box-1637288758471-2:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/10abefe3-bb0f-4994-a565-3dae48555dc5.jpg?d=1695893207626);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-2>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-2>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}




#content_box-1637288758471-1696640879190:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/ca9247f8-1fea-46de-833e-3738ddc25111.jpg?d=1696642011663);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-1696640879190>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-1696640879190>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}






#content_box-1637288758471-1696641278466:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/b6ebdfc8-dbe4-4625-9a7c-a2a660a8858c.jpg?d=1696650154221);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-1696641278466>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-1696641278466>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}




#content_box-1637288758471-1696641281881:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/73228c0d-acd9-45d8-9376-349f4e3dc586.jpg?d=1696659900162);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-1696641281881>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-1696641281881>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}





#content_box-1637288758471-1696661403591:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(28, 69, 96, 0.45);
    z-index: 0;
    animation-name: fadeInDown;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;

  display: block;
  clear: both;


}
#content_box-1637288758471-1696661403591>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
background-image: linear-gradient(rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%), rgb(68 25 0 / 0%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-1696661403591>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}



























#content_box-1637288758471-3:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(//omo-oss-image.thefastimg.com/portal-saas/new2022083015421483355/cms/image/3b309e00-b8bd-4e1c-b069-dd8f41159270.jpg?d=1665740344229);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-3>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
 background-image: linear-gradient(rgb(68 25 0 / 98%), rgb(68 25 0 / 85%), rgb(68 25 0 / 85%), rgb(68 25 0 / 98%));
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-3>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}
#content_box-1637288758471-4:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(//omo-oss-image.thefastimg.com/portal-saas/new2022083015421483355/cms/image/174cc059-e0a3-43d4-9ddc-6d57d9519d84.jpg?d=1666148603191);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#content_box-1637288758471-4>div:before{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgb(68 25 0 / 98%), rgb(68 25 0 / 85%), rgb(68 25 0 / 85%), rgb(68 25 0 / 98%));
  
  z-index: 0;
}
.swiper-slide-active>#content_box-1637288758471-4>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 2.5s;
  animation-fill-mode: both;
}
#c_static_001-16545837795440 .e_container-4 {
  background-color: rgba(0,0,0,0.15);
  transition:all .5s ease 0s;
}
#c_static_001-16545837795440 .e_container-4:hover {
  background-color: #222;
}
.swiper-slide-active>div:before{
  animation-name: scaleBigToSmall;
  animation-duration: 1.0s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-16-0{
  animation-name: fadeInUp;
  animation-duration: 1.0s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-16-1{
  animation-name: fadeInDown;
  animation-duration: 1.0s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-16-2{
  animation-name: fadeInUp;
  animation-duration: 1.0s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-1-1{
  animation-name: fadeInRight;
  animation-duration: 1.0s;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*{
  animation-name: fadeInLeft;
  animation-duration: 1.0s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(2){
  animation-delay: 1.0s;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(3){
  animation-delay: 1.2s;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(4){
  animation-delay: 1.4s;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(5){
  animation-delay: 1.6s;
}
.swiper-slide-active>#content_box-1637288758471-1 .cbox-2-0>*:nth-child(6){
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-delay: 2.5s;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*{
  animation-name: fadeInDown;
  animation-duration: 1.0s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*:nth-child(2){
  animation-delay: 1.0s;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*:nth-child(3){
  animation-delay: 1.2s;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*:nth-child(4){
  animation-delay: 1.4s;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*:nth-child(5){
  animation-delay: 1.6s;
}
.swiper-slide-active>#content_box-1637288758471-2 .cbox-33-0>*:nth-child(6){
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-delay: 2.5s;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*{
  animation-name: fadeInDown;
  animation-duration: 1.0s;
  animation-delay: 3.0s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*:nth-child(2){
  animation-delay: 3.4s;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*:nth-child(3){
  animation-delay: 3.2s;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*:nth-child(4){
  animation-delay: 3.4s;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*:nth-child(5){
  animation-delay: 3.6s;
}
.swiper-slide-active>#content_box-1637288758471-3 .cbox-57-0>*:nth-child(6){
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-delay: 3.5s;
}



.swiper-slide-active>#content_box-1637288758471-4 .cbox-2-0{
  animation-name: fadeInUp;
  animation-duration: 1.0s;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-2-1{
  animation-name: fadeInUp;
  animation-duration: 1.0s;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*{
  animation-name: fadeInLeft;
  animation-duration: 1.0s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(2){
  animation-delay: 1.0s;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(3){
  animation-delay: 1.2s;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(4){
  animation-delay: 1.4s;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(5){
  animation-delay: 1.6s;
}
.swiper-slide-active>#content_box-1637288758471-4 .cbox-20-0>*:nth-child(6){
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-delay: 2.5s;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-1{
  animation-name: fadeInRight;
  animation-duration: 1.0s;
  animation-delay: 1s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*{
  animation-name: fadeInLeft;
  animation-duration: 1.0s;
  animation-delay: 0.8s;
  animation-fill-mode: both;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(2){
  animation-delay: 1.0s;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(3){
  animation-delay: 1.2s;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(4){
  animation-delay: 1.4s;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(5){
  animation-delay: 1.6s;
}
.swiper-slide-active>#content_box-1637288758471-5 .cbox-1-0>*:nth-child(6){
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-delay: 2.5s;
}


#c_flipPage-1637288758471 .p_slideCon-1696641278466,
#c_flipPage-1637288758471 .p_slideCon-1696641281881,
#content_box-1637288758471-1696661403591{
    display-radio: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
#content_box-1637288758471-1696661403591 {
    overflow: hidden;
    z-index: 4;
    background: rgba(6, 58, 159, 1);
}

#c_static_001-16545858342090 .cbox-3 .e_image-32 {
  width: 100%;
  height: 0px;
  padding-bottom: 66.667%;
  overflow: hidden;
  display: block;
  position: relative;
}
#c_static_001-16545858342090 .cbox-3 .e_image-32 a {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)!important;
  width:100%;
  height:100%;
  overflow:hidden;
  transition:all 0s ease 0s;
}
#c_static_001-16545858342090 .cbox-3 .e_image-32 img {
  transform:scale(1)!important;
  width:100%;
  height:100%;
  transition:all 0.5s ease 0s;
}
#c_static_001-16545858342090 .cbox-3:hover .e_image-32 img {
  transform:scale(1.1)!important;
}
#c_static_001-16545858342090 .cbox-3 .e_container-4 .cbox-4-0 {
  background: rgb(0 0 0 / 20%);
  transition:all 0.5s ease 0s;
}
#c_static_001-16545858342090 .cbox-3:hover .e_container-4 .cbox-4-0 {
  background-color: var(--theme-color);
}
#c_static_001-1645409154320 .cbox-8 .e_image-10 img {
  transform:scale(1)!important;
  width:100%;
  height:100%;
  transition:all 0.5s ease 0s;
}
#c_static_001-1645409154320 .cbox-8:hover .e_image-10 img {
  transform:scale(1.05)!important;
}
#c_product_list_013-16528651397130 .form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#c_product_list_019-16527667696311 .cbox-29-0 .e_image-8 img {
  transform:scale(1)!important;
  width:100%;
  height:100%;
  overflow:hidden;
  transition:all 1s ease 0s;
}
#c_product_list_019-16527667696311 .cbox-29-0:hover .e_image-8 img {
  transform:scale(1.1)!important;
}
#c_product_list_019-16527667696311 .cbox-29-0 .e_container-30{
  background-color: rgba(17,80,162,1);
  transition:all 1s ease 0s;
}
#c_product_list_019-16527667696311 .cbox-29-0:hover .e_container-30{
  background-color: rgba(204,0,0,1);
}
#c_new_list_018-16527737599031 .cbox-1 .e_image-3 img {
  transform:scale(1)!important;
  width:100%;
  height:100%;
  overflow:hidden;
  transition:all 1s ease 0s;
}
#c_new_list_018-16527737599031 .cbox-1:hover .e_image-3 img {
  transform:scale(1.1)!important;
}
#c_relevant_004-16527862243982 .cbox-1 .e_image-25 img {
  transform:scale(1)!important;
  width:100%;
  height:100%;
  overflow:hidden;
  transition:all 1s ease 0s;
}
#c_relevant_004-16527862243982 .cbox-1:hover .e_image-25 img {
  transform:scale(1.1)!important;
}
@media only screen and (max-width: 768px){
  #c_product_detail_013-16527701513581 .e_container-132 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    max-width: none;
    margin-bottom: 0px;
    display-radio: flex;
  }
  #c_grid-16457842165150{
    display: none!important;
  }
  #c_product_list_019-16396257078600 .swiper-button-next, 
  #c_product_list_019-16396257078600 .swiper-button-prev{
    display: none!important;
  }
  #c_static_001-1639474398600 .e_container-5 > .p_item {
    flex: none;
  }
  #c_banner_008-1639476415422 .e_bannerA-2 .p_img {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  #c_banner_008-1639476415422 .e_bannerA-2 .p_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1)!important;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    transition: all .5s ease 0s;
  }
  #c_static_001-1639474398600 .e_navigationF-2 .p_navButton > p span {
    background: var(--theme-color);
  }
  #c_grid-16394716322740 > .p_gridbox {
    display: flex;
    align-items: center;
  }
  #c_static_001-1639473756592 .e_image-1 {
    overflow: hidden;
    max-width: 150px;
    height: auto;
    max-height: none;
    width: auto;
    padding-left: 0px;
    margin-left: 0px;
    display-radio: 1;
  }
  #c_navigation_019-1639645892245 .e_container-4 .cbox-4-1 {
    display: none;
  }
  #c_navigation_019-1639645892245 .e_container-4 .cbox-4-2 {
    display: none;
  }
  #c_navigation_019-1639645892245 .e_container-4 .cbox-4-3{
    display: none;
  }
  
    .zcfdcd {
    position:fixed;
    right:0;
    margin-right:0px;
    top:40%;
    z-index:99;
  }
  .zcfdcd .btn{
    width:48px;
    height:48px;
    display: block;
    margin-bottom: 4px;
    cursor:pointer;
    position:relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 0px;
    padding: 0px;
    line-height: 48px;
    border: none;
    align-items: center;
    display: flex;
  }
  .zcfdcd .btn .yctb{
    display: flex;
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    border: none;
    padding: 2px 2px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    fill:rgb(145 145 145 / 90%);
    align-items: center;
    justify-content: center;
  }
  .zcfdcd .btn .yctb .icon_tb {
    width:100%;
    height:auto;
    display: inline-block;
  }
  .zcfdcd .btn-wx .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-ly{
    background-color: rgb(0 0 0 / 0%);
  }
  .zcfdcd .btn-ly .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-ly:hover{
    background-color: #222;
  }
  .zcfdcd a.btn-ly,.izl-rmenu a.btn-ly:visited{
    text-decoration:none;
  }
  .zcfdcd .btn-qq{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-qq:hover{
    background-color: #222;
  }
  .zcfdcd .btn-qq .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd a.btn-qq,.izl-rmenu a.btn-qq:visited{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx:hover{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx .pic{
    position:absolute;
    left:-130px;
    top:-65px;
    display:none;
    width:130px;
    height:160px;
  }
  .zcfdcd .btn-phone{
    background-color: rgb(0 0 0 / 0%);
  }
  .zcfdcd .btn-phone .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-phone:hover{
    background-color: #222;
  }
  .zcfdcd .btn-phone .phone{
    background-color: var(--theme-color);
    position:absolute;
    width:auto;
    left:-100%;
    top:0px;
    line-height:48px;
    color:#FFF;
    font-size:18px;
    text-align:center;
    display:none;
  }
  .zcfdcd .btn-phone .phone.dh {
    background-color: #222;
    position: absolute;
    width:180px;
    left:-180px;
    top: 0px;
    line-height: 48px;
    color: #FFF;
    padding: 0px 0px;
    font-size: 15px;
    text-align: center;
    border-radius: 0px;
  }
  .zcfdcd .btn-phone .phone a{
    color:#FFF;
  }
  .zcfdcd .btn-top{
    background-color: #222;
    display:none;
    padding-top: 6px;
  }
  .zcfdcd .btn-top:hover{
    background-color:var(--theme-color);
  }

}
@media only screen and (min-width: 769px){
  .zcfdcd {
    position:fixed;
    right:0;
    margin-right:0px;
    top:40%;
    z-index:99;
  }
  .zcfdcd .btn{
    width:48px;
    height:48px;
    display: block;
    margin-bottom: 4px;
    cursor:pointer;
    position:relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    border-radius: 0px;
    padding: 0px;
    line-height: 48px;
    border: none;
    align-items: center;
    display: flex;
  }
  .zcfdcd .btn .yctb{
    display: flex;
    width: 2pc;
    height: 2pc;
    line-height: 2pc;
    border: none;
    padding: 2px 2px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    fill: rgb(255, 255, 255);
    align-items: center;
    justify-content: center;
  }
  .zcfdcd .btn .yctb .icon_tb {
    width:100%;
    height:auto;
    display: inline-block;
  }
  .zcfdcd .btn-wx .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-ly{
    background-color: #bb0000;
  }
  .zcfdcd .btn-ly .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-ly:hover{
    background-color: #222;
  }
  .zcfdcd a.btn-ly,.izl-rmenu a.btn-ly:visited{
    text-decoration:none;
  }
  .zcfdcd .btn-qq{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-qq:hover{
    background-color: #222;
  }
  .zcfdcd .btn-qq .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd a.btn-qq,.izl-rmenu a.btn-qq:visited{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx:hover{
    background-color: var(--theme-color);
  }
  .zcfdcd .btn-wx .pic{
    position:absolute;
    left:-130px;
    top:-65px;
    display:none;
    width:130px;
    height:160px;
  }
  .zcfdcd .btn-phone{
    background-color: #bb0000;
  }
  .zcfdcd .btn-phone .yctb{
    width:1.6pc;
    height: 1.6pc;
    line-height:1.6pc;
  }
  .zcfdcd .btn-phone:hover{
    background-color: #222;
  }
  .zcfdcd .btn-phone .phone{
    background-color: var(--theme-color);
    position:absolute;
    width:auto;
    left:-100%;
    top:0px;
    line-height:48px;
    color:#FFF;
    font-size:18px;
    text-align:center;
    display:none;
  }
  .zcfdcd .btn-phone .phone.dh {
    background-color: #222;
    position: absolute;
    width:180px;
    left:-180px;
    top: 0px;
    line-height: 48px;
    color: #FFF;
    padding: 0px 0px;
    font-size: 15px;
    text-align: center;
    border-radius: 0px;
  }
  .zcfdcd .btn-phone .phone a{
    color:#FFF;
  }
  .zcfdcd .btn-top{
    background-color: #222;
    display:none;
    padding-top: 6px;
  }
  .zcfdcd .btn-top:hover{
    background-color:var(--theme-color);
  }
  #c_category_047-16459395353810 .e_loop-2 .p_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #c_category_047-16459395353810 .e_loop-2 .p_list a{
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  #c_category_042-16459567038760 .e_loop-5 .p_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #c_category_042-16459567038760 .e_loop-5 .p_list a{
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  #c_category_048-16459602089300 .e_loop-1 .p_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #c_category_048-16459602089300 .e_loop-1 .p_list a{
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  #c_category_047-16459657544100 .e_loop-2 .p_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #c_category_047-16459657544100 .e_loop-2 .p_list a{
    width: 100%;
    height: 100%;
    display: inline-block;
  }
  #c_banner_008-1639476415422 .e_bannerA-2 .swiper-slide {
    width: 100%;
    height: 100%;
  }
  #c_static_001-16455212337790 .e_container-1 .cbox-1-0 {
    background-color: rgba(13,77,161,0.92);
    transition:all 0.5s ease 0s;
  }
  #c_static_001-16455212337790 .e_container-1:hover .cbox-1-0 {
    background-color: rgba(204,0,0,0.9);
  }
  #c_static_001-16455212602690 .e_container-1 .cbox-1-0 {
    background-color: rgba(13,77,161,0.92);
    transition:all 0.5s ease 0s;
  }
  #c_static_001-16455212602690 .e_container-1:hover .cbox-1-0 {
    background-color: rgba(204,0,0,0.9);
  }
  .kjtb {
    width:100%;
    height:auto;
    text-align: right;
  }
  .kjtb_01{
    display: inline-block;
  }
  .kjtb_02{
    display: inline-block;
  }
  .nyys .icon_01 {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background:none;
    fill: var(--theme-color);
    border-radius: 0px;
    padding: 6px;
  }
  .nyys .icon_02 {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background: none;
    fill: #222;
    border-radius: 0px;
    padding: 10px;
    margin-left: 10px;
  }
  .nyys .bai .icon_02 {
    fill: #fff;
  }
  .nyys .icon_01:hover{
    fill: #cc0000;
  }
  .nyys .icon_02:hover{
    fill: #cc0000;
  }
  .syjjtb .icon01{
    width: 50px;
    height: 50px;
    margin: 0px auto;
    background: none;
    display: block;
    fill: var(--theme-color);
    border-radius: 0px;
    padding: 0px;
    transition:all 0.5s ease 0s;
  }
  .syjjtb:hover .icon01{
    fill: #fff;
  }
  .syjjtb{
    width: 100%;
    padding-right: 20px;
    height: auto;
    display: inline-block;
  }
  .syjjtb a{
    width: 100%;
    padding: 20px;
    height: auto;
    display: inline-block;
    background: rgb(255 255 255);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    transition:all 0.5s ease 0s;
    color: rgba(0,0,0,1);
  }
  .syjjtb a:hover{
    color: rgba(255,255,255,1);
    background: var(--theme-color);
  }
  .syjjtb .syjjtb_wz{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
  }
  .icon001{
    width: 76px;
    height: 76px;
    margin: 0px auto;
    background: none;
    display: block;
    fill: #fff;
    border-radius: 0px;
    padding: 0px;
    transition:all 0.5s ease 0s;
  }
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 20px;
    transition:all 0.5s ease 0s;
  }
  .swiper-pagination-bullet-active {
    width: 40px;
    height: 10px;
    background:#9f4800;
  }
  #c_product_list_019-16396257078600 .e_container-7 {
    background-color: rgba(240,240,240,1);
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .e_container-7:hover {
    box-shadow: 0 0 20px rgba(13,77,161,0.6);
    background-color: rgba(240,240,240,1);
  }
  #c_product_list_019-16396257078600 .cbox-29-0 {
    width: 100%;
    height: 100%;
    padding:0;
    overflow: hidden;
    display: block;
    position: relative;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_container-30{
    position: absolute;
    top: 0px;
    width: 40%;
    height: 100%;
    margin: 0px;
    left: 0px;
    display: block;
    padding: 60px 30px;
    background: rgb(13 77 161 / 98%);
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_container-30{
    background: rgb(204 0 0 / 100%);
    padding: 40px 30px;
    width: 40%;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_text-10 a {
    color: rgba(255,255,255,1);
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_text-10 a {
    color: rgba(255,255,255,1);
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_line-27 {
    border-top-style: solid;
    border-top-color: rgba(255,255,255,1);
    width: 48px;
    margin-left: 0px;
    margin-right: auto;
    height: 0px;
    display-radio: 1;
    border-top-width: 1px;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_line-27 {
    border-top-color: rgba(255,255,255,1);
    width: 100%;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_richText-26 {
    color: rgba(255,255,255,0.6);
    margin-top: 20px;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_richText-26 {
    color: rgba(255,255,255,1);
    margin-top: 25px;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_button-34 {
    margin-top: 20px;
    transition:all 1s ease 0s;
    opacity:0;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_button-34 {
    margin-top: 50px;
    opacity:1;
  }
  #c_product_list_019-16396257078600 .e_image-8 {
    width: 100%;
    height: 0px;
    padding-bottom: 75%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_image-8 img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-30%,-50%) scale(1)!important;
    width:100%;
    height:100%;
    overflow:hidden;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_image-8 img {
    transform:translate(-30%,-50%) scale(1.1)!important;
  }
  #c_new_list_018-1643101639306 .e_image-3 {
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
    overflow: hidden;
    display: block;
    position: relative;
  }
  #c_new_list_018-1643101639306 .cbox-2-0 .e_image-3 img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1)!important;
    width:100%;
    height:auto;
    overflow:hidden;
    transition:all 1s ease 0s;
  }
  #c_new_list_018-1643101639306 .cbox-2-0:hover .e_image-3 img {
    transform:translate(-50%,-50%) scale(1.1)!important;
  }
  #c_new_list_018-1643101639306 .cbox-2-0 .e_container-14 .cbox-14-0 {
    margin-bottom: 10px;
    padding-bottom: 25px;
    margin-top: 0px;
    padding-top: 25px;
    background-color: rgba(247,247,247,1);
    transition:all 1s ease 0s;
    box-shadow: 0 0 20px rgba(204,0,0,0);
  }
  #c_new_list_018-1643101639306 .cbox-2-0:hover .e_container-14 .cbox-14-0 {
    margin-top: 10px;
    margin-bottom: 0px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(204,0,0,0.1);
  }
  #c_product_list_019-16396257078600 .swiper-container {
    overflow: visible;
  }
  #c_product_list_019-16396257078600 .swiper-button-next {
    right: 15px;
    top: -75px;
    left: auto;
    color: #fff;
    width: 40px;
    height: 60px;
    display: inline-block;
    background: #222;
    text-align: center;
    line-height: 60px;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .swiper-button-prev {
    right: 59px;
    top: -75px;
    left: auto;
    color: #fff;
    width: 40px;
    height: 60px;
    display: inline-block;
    background: var(--theme-color);
    text-align: center;
    line-height: 60px;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .swiper-button-next:hover {
    background: #0d4da1;
  }
  #c_product_list_019-16396257078600 .swiper-button-prev:hover {
    background: #0d4da1;
  }
  #c_product_list_019-16396257078600 .swiper-button-next:after{
    font-size: 18px;
  }
  #c_product_list_019-16396257078600 .swiper-button-prev:after{
    font-size: 18px;
  }
  #c_grid-16394716322740 > .p_gridbox {
    display: flex;
    align-items: center;
  }
  #c_static_001-1639473756592 .e_image-1 {
    max-width: 300px;
    transition:all 0.5s ease 0s;
  }
  #c_static_001-1639473756592.zhai .e_image-1 {
    max-width: 240px;
  }
  #c_static_001-1639474398600 .e_navigationF-2 .p_navCon {
    font-size: 16px;
    line-height: 1;
    transition: all ease .3s;
    text-decoration: none;
    font-weight: normal;
    color: rgba(255,255,255,1);
  }
  #c_static_001-1639474398600 .e_navigationF-2.bai .p_navCon {
    color: rgba(255,255,255,1);
  }
}
@media only screen and (max-width: 768px){
  #content_box-1637288758471-1>div:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    
    z-index: 0;
  }
  .swiper-slide-active>#content_box-1637288758471-1>div:before{
    animation-name: fadeInUp;
    animation-duration: 1.0s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }
  #content_box-1637288758471-2:before{
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023083018513144656/cms/image/10abefe3-bb0f-4994-a565-3dae48555dc5.jpg?d=1695893207626);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: -670px center;
}
  #content_box-1637288758471-3:before{
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #content_box-1637288758471-3>div:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   
    z-index: 0;
  }
  .swiper-slide-active>#content_box-1637288758471-3>div:before{
    animation-name: fadeInUp;
    animation-duration: 1.0s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }
  #content_box-1637288758471-4:before{
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #content_box-1637288758471-4>div:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   
    z-index: 0;
  }
  .swiper-slide-active>#content_box-1637288758471-4>div:before{
    animation-name: fadeInUp;
    animation-duration: 1.0s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
  }
  #c_static_001_P_249-16545044844420{
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
  }
.zcfdcd {
    position: fixed;
    right: 0;
    margin-right: 0px;
    bottom: 20%;
    top: auto;
    z-index: 99;
}
  .kjtb {
    width:100%;
    height:auto;
    text-align: right;
  }
  .kjtb_01{
    display: inline-block;
  }
  .kjtb_02{
    display: inline-block;
  }
  .icon_01 {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background:none;
    fill: var(--theme-color);
    border-radius: 0px;
    padding: 10px;
  }
  .icon_02 {
    width: 40px;
    height: 40px;
    margin: 0px auto;
    background: none;
    fill: var(--theme-color);
    border-radius: 0px;
    padding: 10px;
    margin-left: 0px;
  }
  .syjjtb .icon01{
    width: 50px;
    height: 50px;
    margin: 0px auto;
    background: none;
    display: block;
    fill: var(--theme-color);
    border-radius: 0px;
    padding: 0px;
    transition:all 0.5s ease 0s;
  }
  .syjjtb:hover .icon01{
    fill: var(--theme-color);
  }
  .syjjtb{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    height: auto;
    display: inline-block;
  }
  .syjjtb a{
    width: 100%;
    padding: 20px;
    height: auto;
    display: inline-block;
    background: rgba(0,0,0,0.15);
    transition:all 0.5s ease 0s;
    color: rgba(0,0,0,1);
  }
  .syjjtb a:hover{
    color: rgba(255,255,255,1);
    background: var(--theme-color);
  }
  .syjjtb .syjjtb_wz{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 10px;
  }
  .icon001{
    width: 76px;
    height: 76px;
    margin: 0px auto;
    background: none;
    display: block;
    fill: #fff;
    border-radius: 0px;
    padding: 0px;
    transition:all 0.5s ease 0s;
  }
  #c_static_001-1639474398600 .e_container-5 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    display-radio: flex;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px){
  #c_product_list_019-16396257078600 .cbox-29-0 .e_container-30{
    position: absolute;
    top: 0px;
    width: 40%;
    height: 100%;
    margin: 0px;
    left: 0px;
    display: block;
    padding: 30px 25px;
    background: rgb(204 0 0 / 100%);
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_container-30{
    background: rgb(13 77 161 / 98%);
    padding: 25px 25px;
    width: 40%;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_richText-26 {
    color: rgba(255,255,255,0.6);
    margin-top: 10px;
    transition:all 1s ease 0s;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_richText-26 {
    color: rgba(255,255,255,1);
    margin-top: 15px;
  }
  #c_product_list_019-16396257078600 .cbox-29-0 .e_button-34 {
    margin-top: 10px;
    transition:all 1s ease 0s;
    opacity:0;
  }
  #c_product_list_019-16396257078600 .cbox-29-0:hover .e_button-34 {
    margin-top: 15px;
    opacity:1;
  }
}
@media only screen and (max-width: 1560px) and (min-width: 769px){
  #c_static_001-1639474398600 .e_navigationF-2 .p_navItem1 {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*弹出开始*/
.fixBox{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  padding: 0px;
  display: flex;
  background: rgba(55, 58, 71, 0.9);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  cursor: pointer;
  align-content: center;
  justify-content: center;
}
.fixBox.overlay {
  -webkit-transition: opacity 0.3s 0s;
  transition: opacity 0.3s 0s;
  opacity: 1;
  pointer-events: auto;
}
.fixBox iframe{
  width: 100%;
  height: 100%;
  border: 0;
}
.fixBox .kuangbx{
  background:none;
  width: 80%;
  max-width: 1080px;
  margin: auto;
  display: block;
  height: 80%;
  max-height: 720px;
  overflow: hidden;
}
.fixBox.overlay .kuangbx{
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: 0s;
  animation-delay:0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: anim-open;
  animation-name: anim-open;
}
.fixBox.overlay-close .kuangbx{
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: anim-close;
  animation-name: anim-close;
}
.fix-box-center {
  width: 100%;
  margin: 0px auto;
  display: flex;
  text-align: center;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.fix-box-img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.close_button{
  position: fixed;
  bottom: 60px;
  left: 0;
  right: 0;
  z-index: 99;
  background: var(--theme-color);
  max-width: 170px;
  margin: 0 auto;
  color: #fff;
  border-radius: 25px;
  padding: 15px 15px;
  text-align: center;
  line-height: 1;
  transition: all ease .3s;
}
.close_button:hover{
  background: #222;
}
@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@-webkit-keyframes anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
  }
}
@keyframes anim-close {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
}
/*弹出结束*/
@media only screen and (max-width: 768px){
}
@media only screen and (min-width: 769px){
}
@media only screen and (max-width: 1440px) and (min-width: 769px){
}