/* CSS Document */
@media only screen and (max-width: 1440px) and (min-width: 1200px){
  #c_banner_015-1641950224240 .text-white a {
    font-size: 2.6rem;
  }
  #c_banner_015-1641950224240 .e_bannerA-2 .p_subtitle {
    font-size: 1.4rem;
  }
  #c_banner_015-1641950224240 .e_bannerA-2 .p_summary {
    font-size: 15px;
    max-width: 50%;
    margin-top: 4%;
    border-left: 2px solid #fff;
    padding-left: 20px;
    line-height: 2;
  }
  #c_static_198-1641869974518 .e_text-216{font-size: 36px;}
  #c_static_198-1641869974518 .e_text-294{font-size: 30px;}
  #c_static_198-1641869974518 .e_text-217{font-size: 14px;}
  #c_static_198-1641869974518 .e_text-295{font-size: 14px;}
  #c_static_198-1641869974518 .e_button-296{margin-top: 20px;}
}
@media only screen and (min-width: 769px) {
#c_banner_015-1641950224240 .e_bannerA-2 {
  height: 100vh;
}}
@media only screen and (max-width: 768px) {
#c_banner_015-1641950224240 .e_bannerA-2 {
  height: 100;
}}
/* 头部阴影ks */
#c_navigation_037-1641809883117 {
  box-shadow: 0 3px 4px rgb(0 0 0 / 10%);
}
/* 头部阴影js */
/* 头部电话开始 */
.top-tel {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.tel-ico{
  height: 28px;
  width: 28px;
  justify-content: center;
  align-items: center;
  background: #fff;
  margin-right: 8px;
  background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2021120210132248388/cms/image/38e06351-bcfd-43b7-815f-cb2b2e5ca20e.png)
}
.tit{
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 28px;
  font-family: arial;
}
/* 头部电话结束 */
/* 首页产品分类 */
.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.col{
  width: calc(25% - 2.1rem);
  margin: 15px;
  cursor: pointer;
  display: inline-block;
}
.container{
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  display: inline-block;
  padding: 0;
}
.front,
.back{
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  min-height: 400px;
  height: auto;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
}
.back span a{
  margin: 40px auto;
  width: auto;
  padding: 10px 25px;
  border: solid 1px #fff;
  display: inline-block;
  position: absolute;
  left: 35%;
  transform: translatex(-10%) translateZ(100px) scale(1);
}
.back1{
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021122210063005499/cms/image/ee615cf3-708b-4bb7-adac-8d9dba5a7441.jpg?d=1641897303300)
}
.back2{
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021122210063005499/cms/image/bc0d8efa-ab97-469a-8ddc-c3ad5eadbb52.jpg)
}
.back3{
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021122210063005499/cms/image/2cb82051-8b92-4689-bb3f-5cf449caff90.jpg)
}
.back4{
  background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021122210063005499/cms/image/1fa168f9-b1d2-4fb7-890c-3e30929fc8b0.jpg)
}


.back:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  opacity: .6;
  background-color: #0019af;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
.front:after{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  opacity: .6;
  background-color: #000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
.container:hover .front,
.container:hover .back{
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.inner{
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  bottom: 10%;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 2rem 1rem;
  font-size: .7em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
}
.container .back{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.container .front{
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.container:hover .back{
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.container:hover .front{
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.front .inner p{
  font-size: 1.6rem;
  margin-bottom: 2rem;
  position: relative;
}
.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}
.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}
@media screen and (max-width: 640px){
  .col{
    width: calc(100% - 30px);
  }
}
/* 首页产品分类 */
/* 首页按钮开始 */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  padding: 1em 6em 1em 3em;
  cursor: pointer;
  background: #fff;
  text-decoration: none;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  border-radius: 10px;
}
.hvr-icon-forward:hover{
  color: #0019af;
}
.hvr-icon-forward:before {
  content: "";
  position: absolute;
  right: 4em;
  padding: 0;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2021122210063005499/cms/image/73427d03-517b-490b-8e9c-f4c8bb5993dd.png_560xaf.png) 0 9px no-repeat;
  width: 14px;
  height: 20px;
}
.hvr-icon-forward:hover:before{
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
/* 首页按钮结束 */