@charset "UTF-8";
/**
     * 以下为 body 上添加的动作
 */
.no-scroll {
  overflow: hidden;
}
.nav-no-change {
  position: relative;
}
.nav-no-change .top-nav {
  position: relative;
  top: 0;
}
.nav-no-change .product-nav {
  position: relative;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
}
.width-1440 .page-banner-info,
.width-1440 .page-item,
.width-1440 .product-content,
.width-1440 .page-content,
.width-1440 .mail-warp,
.width-1440 .partner-warp {
  max-width: 1440px;
  margin: auto;
}
@media (min-width:768px) and (max-width:1024px) {
  .width-1440 .page-banner-info,
  .width-1440 .page-item,
  .width-1440 .product-content,
  .width-1440 .page-content,
  .width-1440 .mail-warp,
  .width-1440 .partner-warp {
    max-width: 100%;
  }
}
@media (max-width:850px) {
  .width-1440 .page-banner-info,
  .width-1440 .page-item,
  .width-1440 .product-content,
  .width-1440 .page-content,
  .width-1440 .mail-warp,
  .width-1440 .partner-warp {
    max-width: 100%;
  }
}
.width-1440 footer .footer-warp .footer-start,
.width-1440 footer .footer-warp .footer-end {
  max-width: 1440px;
}
@media (min-width:768px) and (max-width:1024px) {
  .width-1440 footer .footer-warp {
    max-width: 100%;
    padding: 0 15px;
  }
}
@media (max-width:850px) {
  .width-1440 footer .footer-warp {
    max-width: 100%;
  }
}
.width-1100 {
  max-width: 1100px;
  margin: auto;
}
.width-1100 .product-list .article-tags {
  flex-basis: 33.33%;
}
@media (min-width:768px) and (max-width:1024px) {
  .width-1100 {
    max-width: 100%;
  }
}
@media (max-width:850px) {
  .width-1100 {
    max-width: 100%;
  }
}
.show-sidebar .my-anviz .mobild-my-anviz-nav-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  transform: translate3d(0, 0, 0);
  z-index: 89;
  transition: all 0.3s ease-in-out;
}
.show-sidebar .my-anviz .my-anviz-nav {
  width: 80%;
  z-index: 90;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}
.show-sidebar .my-anviz .fixed-menu {
  position: fixed;
  top: 60px;
  transition: all 0.3s ease-in-out;
}
.show-sidebar .my-anviz .full {
  position: relative;
  margin-bottom: 100px;
}
.show-sidebar .my-anviz .menu {
  width: 100%;
}
.show-sidebar .my-anviz-nav {
  position: fixed;
  top: 98px !important;
  bottom: 0;
  visibility: visible;
  right: auto;
  left: 0;
  width: 200px;
  height: auto;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 812px;
  padding-bottom: 0;
  z-index: 90;
}
.show-sidebar .my-anviz-nav .h2-title {
  display: none;
}
.show-sidebar .my-anviz-nav .h3-title {
  margin-bottom: 1em;
}
.show-sidebar .my-anviz-nav .login-info .des {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-two-fixed {
  transition: all 0.3s ease-in-out;
}
.nav-two-fixed .product-nav {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999;
  transition: all 0.3s ease-in-out;
}
.nav-two-fixed .tags,
.nav-two-fixed .news_tag {
  position: fixed;
  top: 55px;
  width: 100%;
  max-width: 100%;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  z-index: 999;
  transition: all 0.3s ease-in-out;
}
.nav-two-fixed .tags.m17,
.nav-two-fixed .news_tag.m17 {
  margin: 0 auto;
}
@media (max-width:850px) {
  .nav-two-fixed .tags,
  .nav-two-fixed .news_tag {
    top: 60px;
  }
}
.nav-two-fixed .tags .tag-nav,
.nav-two-fixed .news_tag .tag-nav {
  max-width: 1440px;
  margin: auto;
}
.nav-two-fixed .tags .news-nav,
.nav-two-fixed .news_tag .news-nav {
  max-width: 100%;
}
.nav-two-fixed .news-tags {
  position: relative;
  top: 0;
  border-bottom: 0;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.nav-two-fixed header {
  transform: translateY(-500px);
}
.nav-two-fixed .details-nav-bar {
  position: fixed;
  top: 0;
  border-bottom: 2px solid #00A0E8;
  backdrop-filter: saturate(180%) blur(20px);
  -moz-backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  -o-backdrop-filter: saturate(180%) blur(20px);
  -ms-backdrop-filter: saturate(180%) blur(20px);
  background: rgba(241, 241, 241, 0.87);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
  transition: all 0.3s ease-in-out;
  z-index: 99;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .nav-two-fixed .details-nav-bar {
    top: 0;
  }
}
.nav-two-fixed .details-nav-bar .navbar-brand {
  font-size: 22px !important;
}
.btn-fixed .draggable {
  z-index: 99999;
  transition: all 0s ease-in-out;
  box-sizing: border-box;
  position: fixed;
  left: 98vw;
  top: 98vh;
  margin-left: -196.31px;
  margin-top: -40px;
  display: flex;
  align-items: center;
}
@media (max-width:850px) {
  .btn-fixed .draggable {
    width: 40px;
    height: 40px;
    padding: 0;
    margin-left: -58px;
    border-radius: 50%;
  }
}
.btn-fixed .handle {
  display: block;
  cursor: move;
  padding: 12px;
  margin: -12px 0 -12px -20px;
}
@media (max-width:850px) {
  .btn-fixed .handle {
    display: none;
  }
}
.btn-fixed .email-btn {
  color: #fff;
}
@media (max-width:850px) {
  .btn-fixed .email-btn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: transparent;
    text-indent: -99999;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  }
  .btn-fixed .email-btn:hover,
  .btn-fixed .email-btn:active,
  .btn-fixed .email-btn:visited {
    color: transparent;
  }
  .btn-fixed .email-btn::before {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    font-family: 'anviz';
    content: "\e901";
    font-size: 24px;
    color: #fff;
  }
}
@media (max-width:850px) {
  .btn-fixed .modal-email-content {
    height: 100vh;
  }
}
.btn-fixed .modal-footer input[type="submit"] {
  display: block;
  position: relative;
  right: 0;
  float: right;
  top: 1px;
}
.at-expanding-share-button[data-position=bottom-right] {
  bottom: 13vh !important;
  right: 2vw !important;
}
@media (max-width: 1068px) {
  .at-expanding-share-button[data-position=bottom-right] {
    bottom: 6vh !important;
  }
}
@media (max-width:850px) {
  .at-expanding-share-button[data-position=bottom-right] {
    bottom: 8vh !important;
  }
}
@media (max-width:850px) {
  .at-expanding-share-button [data-name]::after {
    display: none;
  }
}
.lang_ar {
  direction: rtl;
}
.lang_ar .product-nav .search-form .close {
  left: 10px;
  right: unset;
}
.lang_ar .product-nav .search-form form .search-input .search_btn {
  right: 10px;
  left: unset;
}
.lang_ar .product-nav .search-form form .search-input .keywords {
  left: 30px;
  right: unset;
}
.lang_ar .product-nav .search-form form .search-input input {
  padding-left: 12px;
  padding-right: 35px;
}
.lang_ar .form-group {
  text-align: right;
}
.lang_ar footer .footer-warp .footer-end .info {
  direction: ltr;
}
.lang_ar .new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul li a {
  text-align: right;
}
.lang_ar.btn-fixed ul.draggable li a {
  text-align: right;
}
.casesutdy-details .at-share-btn-elements {
  display: flex;
  justify-content: flex-end;
}
.casestudy-content .i_c_img {
  min-height: 200px!important;
}
.casestudy-bannner {
  font-size: 20px;
  padding: 30px;
  text-align: center;
}
.casestudy-bannner .casestudy-desc {
  font-size: 18px;
  margin-top: 14px;
  padding: 6px;
}
.btn-default,
.input-form input[type="submit"],
.anviz-btn,
.anviz-primary-btn,
.is-plain-primary,
input[type="submit"],
.anviz-primary-btn,
.anviz-crosschex-btn,
.anviz-intellisight-btn,
.minor-blue-btn,
.minor-crosschex-btn,
.minor-intellisight-btn,
.anviz-line-primary-btn,
.anviz-line-crosschex-btn,
.anviz-line-intellisight-btn,
.minor-line-blue-btn,
.minor-line-crosschex-btn,
.minor-line-intellisight-btn,
.anviz-text-primary-btn,
.anviz-text-crosschex-btn,
.anviz-text-intellisight-btn,
.minor-text-blue-btn,
.minor-text-crosschex-btn,
.minor-text-intellisight-btn,
.anviz-default-btn,
.anviz-transparent-btn,
.anviz-btn-text,
.anviz-success-btn,
.anviz-info-btn,
.anviz-warning-btn,
.anviz-danger-btn,
.cross-chex-btn,
.in-btn,
.radio-btn label,
.upload-file-btn .ajax-upload-dragdrop {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 6px 4px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}
.fs-25 {
  font-size: 25px;
}
.fs-26 {
  font-size: 26px;
}
.fs-27 {
  font-size: 27px;
}
.fs-28 {
  font-size: 28px;
}
.fs-29 {
  font-size: 29px;
}
.fs-30 {
  font-size: 30px;
}
.fs-31 {
  font-size: 31px;
}
.fs-32 {
  font-size: 32px;
}
.fs-33 {
  font-size: 33px;
}
.fs-34 {
  font-size: 34px;
}
.fs-35 {
  font-size: 35px;
}
.fs-36 {
  font-size: 36px;
}
.fs-37 {
  font-size: 37px;
}
.fs-38 {
  font-size: 38px;
}
.fs-39 {
  font-size: 39px;
}
.fs-40 {
  font-size: 40px;
}
.fs-41 {
  font-size: 41px;
}
.fs-42 {
  font-size: 42px;
}
.fs-43 {
  font-size: 43px;
}
.fs-44 {
  font-size: 44px;
}
.fs-45 {
  font-size: 45px;
}
.fs-46 {
  font-size: 46px;
}
.fs-47 {
  font-size: 47px;
}
.fs-48 {
  font-size: 48px;
}
.fs-49 {
  font-size: 49px;
}
.fs-50 {
  font-size: 50px;
}
.fs-51 {
  font-size: 51px;
}
.fs-52 {
  font-size: 52px;
}
.fs-53 {
  font-size: 53px;
}
.fs-54 {
  font-size: 54px;
}
.fs-55 {
  font-size: 55px;
}
.fs-56 {
  font-size: 56px;
}
.fs-57 {
  font-size: 57px;
}
.fs-58 {
  font-size: 58px;
}
.fs-59 {
  font-size: 59px;
}
.fs-60 {
  font-size: 60px;
}
.fs-61 {
  font-size: 61px;
}
.fs-62 {
  font-size: 62px;
}
.fs-63 {
  font-size: 63px;
}
.fs-64 {
  font-size: 64px;
}
.fs-65 {
  font-size: 65px;
}
.fs-66 {
  font-size: 66px;
}
.fs-67 {
  font-size: 67px;
}
.fs-68 {
  font-size: 68px;
}
.fs-69 {
  font-size: 69px;
}
.fs-70 {
  font-size: 70px;
}
.fs-71 {
  font-size: 71px;
}
.fs-72 {
  font-size: 72px;
}
.fs-73 {
  font-size: 73px;
}
.fs-74 {
  font-size: 74px;
}
.fs-75 {
  font-size: 75px;
}
.fs-76 {
  font-size: 76px;
}
.fs-77 {
  font-size: 77px;
}
.fs-78 {
  font-size: 78px;
}
.fs-79 {
  font-size: 79px;
}
.fs-80 {
  font-size: 80px;
}
.fs-81 {
  font-size: 81px;
}
.fs-82 {
  font-size: 82px;
}
.fs-83 {
  font-size: 83px;
}
.fs-84 {
  font-size: 84px;
}
.fs-85 {
  font-size: 85px;
}
.fs-86 {
  font-size: 86px;
}
.fs-87 {
  font-size: 87px;
}
.fs-88 {
  font-size: 88px;
}
.fs-89 {
  font-size: 89px;
}
.fs-90 {
  font-size: 90px;
}
.fs-91 {
  font-size: 91px;
}
.fs-92 {
  font-size: 92px;
}
.fs-93 {
  font-size: 93px;
}
.fs-94 {
  font-size: 94px;
}
.fs-95 {
  font-size: 95px;
}
.fs-96 {
  font-size: 96px;
}
.fs-97 {
  font-size: 97px;
}
.fs-98 {
  font-size: 98px;
}
.fs-99 {
  font-size: 99px;
}
.fs-100 {
  font-size: 100px;
}
.mt-1 {
  margin-top: 1%;
}
.mt-2 {
  margin-top: 2%;
}
.mt-3 {
  margin-top: 3%;
}
.mt-4 {
  margin-top: 4%;
}
.mt-5 {
  margin-top: 5%;
}
.mt-6 {
  margin-top: 6%;
}
.mt-7 {
  margin-top: 7%;
}
.mt-8 {
  margin-top: 8%;
}
.mt-9 {
  margin-top: 9%;
}
.mt-10 {
  margin-top: 10%;
}
.mt-11 {
  margin-top: 11%;
}
.mt-12 {
  margin-top: 12%;
}
.mt-13 {
  margin-top: 13%;
}
.mt-14 {
  margin-top: 14%;
}
.mt-15 {
  margin-top: 15%;
}
.mt-16 {
  margin-top: 16%;
}
.mt-17 {
  margin-top: 17%;
}
.mt-18 {
  margin-top: 18%;
}
.mt-19 {
  margin-top: 19%;
}
.mt-20 {
  margin-top: 20%;
}
.mt-21 {
  margin-top: 21%;
}
.mt-22 {
  margin-top: 22%;
}
.mt-23 {
  margin-top: 23%;
}
.mt-24 {
  margin-top: 24%;
}
.mt-25 {
  margin-top: 25%;
}
.mt-26 {
  margin-top: 26%;
}
.mt-27 {
  margin-top: 27%;
}
.mt-28 {
  margin-top: 28%;
}
.mt-29 {
  margin-top: 29%;
}
.mt-30 {
  margin-top: 30%;
}
.mt-31 {
  margin-top: 31%;
}
.mt-32 {
  margin-top: 32%;
}
.mt-33 {
  margin-top: 33%;
}
.mt-34 {
  margin-top: 34%;
}
.mt-35 {
  margin-top: 35%;
}
.mt-36 {
  margin-top: 36%;
}
.mt-37 {
  margin-top: 37%;
}
.mt-38 {
  margin-top: 38%;
}
.mt-39 {
  margin-top: 39%;
}
.mt-40 {
  margin-top: 40%;
}
.mt-41 {
  margin-top: 41%;
}
.mt-42 {
  margin-top: 42%;
}
.mt-43 {
  margin-top: 43%;
}
.mt-44 {
  margin-top: 44%;
}
.mt-45 {
  margin-top: 45%;
}
.mt-46 {
  margin-top: 46%;
}
.mt-47 {
  margin-top: 47%;
}
.mt-48 {
  margin-top: 48%;
}
.mt-49 {
  margin-top: 49%;
}
.mt-50 {
  margin-top: 50%;
}
.mt-51 {
  margin-top: 51%;
}
.mt-52 {
  margin-top: 52%;
}
.mt-53 {
  margin-top: 53%;
}
.mt-54 {
  margin-top: 54%;
}
.mt-55 {
  margin-top: 55%;
}
.mt-56 {
  margin-top: 56%;
}
.mt-57 {
  margin-top: 57%;
}
.mt-58 {
  margin-top: 58%;
}
.mt-59 {
  margin-top: 59%;
}
.mt-60 {
  margin-top: 60%;
}
.mt-61 {
  margin-top: 61%;
}
.mt-62 {
  margin-top: 62%;
}
.mt-63 {
  margin-top: 63%;
}
.mt-64 {
  margin-top: 64%;
}
.mt-65 {
  margin-top: 65%;
}
.mt-66 {
  margin-top: 66%;
}
.mt-67 {
  margin-top: 67%;
}
.mt-68 {
  margin-top: 68%;
}
.mt-69 {
  margin-top: 69%;
}
.mt-70 {
  margin-top: 70%;
}
.mt-71 {
  margin-top: 71%;
}
.mt-72 {
  margin-top: 72%;
}
.mt-73 {
  margin-top: 73%;
}
.mt-74 {
  margin-top: 74%;
}
.mt-75 {
  margin-top: 75%;
}
.mt-76 {
  margin-top: 76%;
}
.mt-77 {
  margin-top: 77%;
}
.mt-78 {
  margin-top: 78%;
}
.mt-79 {
  margin-top: 79%;
}
.mt-80 {
  margin-top: 80%;
}
.mt-81 {
  margin-top: 81%;
}
.mt-82 {
  margin-top: 82%;
}
.mt-83 {
  margin-top: 83%;
}
.mt-84 {
  margin-top: 84%;
}
.mt-85 {
  margin-top: 85%;
}
.mt-86 {
  margin-top: 86%;
}
.mt-87 {
  margin-top: 87%;
}
.mt-88 {
  margin-top: 88%;
}
.mt-89 {
  margin-top: 89%;
}
.mt-90 {
  margin-top: 90%;
}
.mt-91 {
  margin-top: 91%;
}
.mt-92 {
  margin-top: 92%;
}
.mt-93 {
  margin-top: 93%;
}
.mt-94 {
  margin-top: 94%;
}
.mt-95 {
  margin-top: 95%;
}
.mt-96 {
  margin-top: 96%;
}
.mt-97 {
  margin-top: 97%;
}
.mt-98 {
  margin-top: 98%;
}
.mt-99 {
  margin-top: 99%;
}
.mt-100 {
  margin-top: 100%;
}
.mr-1 {
  margin-right: 1%;
}
.mr-2 {
  margin-right: 2%;
}
.mr-3 {
  margin-right: 3%;
}
.mr-4 {
  margin-right: 4%;
}
.mr-5 {
  margin-right: 5%;
}
.mr-6 {
  margin-right: 6%;
}
.mr-7 {
  margin-right: 7%;
}
.mr-8 {
  margin-right: 8%;
}
.mr-9 {
  margin-right: 9%;
}
.mr-10 {
  margin-right: 10%;
}
.mr-11 {
  margin-right: 11%;
}
.mr-12 {
  margin-right: 12%;
}
.mr-13 {
  margin-right: 13%;
}
.mr-14 {
  margin-right: 14%;
}
.mr-15 {
  margin-right: 15%;
}
.mr-16 {
  margin-right: 16%;
}
.mr-17 {
  margin-right: 17%;
}
.mr-18 {
  margin-right: 18%;
}
.mr-19 {
  margin-right: 19%;
}
.mr-20 {
  margin-right: 20%;
}
.mr-21 {
  margin-right: 21%;
}
.mr-22 {
  margin-right: 22%;
}
.mr-23 {
  margin-right: 23%;
}
.mr-24 {
  margin-right: 24%;
}
.mr-25 {
  margin-right: 25%;
}
.mr-26 {
  margin-right: 26%;
}
.mr-27 {
  margin-right: 27%;
}
.mr-28 {
  margin-right: 28%;
}
.mr-29 {
  margin-right: 29%;
}
.mr-30 {
  margin-right: 30%;
}
.mr-31 {
  margin-right: 31%;
}
.mr-32 {
  margin-right: 32%;
}
.mr-33 {
  margin-right: 33%;
}
.mr-34 {
  margin-right: 34%;
}
.mr-35 {
  margin-right: 35%;
}
.mr-36 {
  margin-right: 36%;
}
.mr-37 {
  margin-right: 37%;
}
.mr-38 {
  margin-right: 38%;
}
.mr-39 {
  margin-right: 39%;
}
.mr-40 {
  margin-right: 40%;
}
.mr-41 {
  margin-right: 41%;
}
.mr-42 {
  margin-right: 42%;
}
.mr-43 {
  margin-right: 43%;
}
.mr-44 {
  margin-right: 44%;
}
.mr-45 {
  margin-right: 45%;
}
.mr-46 {
  margin-right: 46%;
}
.mr-47 {
  margin-right: 47%;
}
.mr-48 {
  margin-right: 48%;
}
.mr-49 {
  margin-right: 49%;
}
.mr-50 {
  margin-right: 50%;
}
.mr-51 {
  margin-right: 51%;
}
.mr-52 {
  margin-right: 52%;
}
.mr-53 {
  margin-right: 53%;
}
.mr-54 {
  margin-right: 54%;
}
.mr-55 {
  margin-right: 55%;
}
.mr-56 {
  margin-right: 56%;
}
.mr-57 {
  margin-right: 57%;
}
.mr-58 {
  margin-right: 58%;
}
.mr-59 {
  margin-right: 59%;
}
.mr-60 {
  margin-right: 60%;
}
.mr-61 {
  margin-right: 61%;
}
.mr-62 {
  margin-right: 62%;
}
.mr-63 {
  margin-right: 63%;
}
.mr-64 {
  margin-right: 64%;
}
.mr-65 {
  margin-right: 65%;
}
.mr-66 {
  margin-right: 66%;
}
.mr-67 {
  margin-right: 67%;
}
.mr-68 {
  margin-right: 68%;
}
.mr-69 {
  margin-right: 69%;
}
.mr-70 {
  margin-right: 70%;
}
.mr-71 {
  margin-right: 71%;
}
.mr-72 {
  margin-right: 72%;
}
.mr-73 {
  margin-right: 73%;
}
.mr-74 {
  margin-right: 74%;
}
.mr-75 {
  margin-right: 75%;
}
.mr-76 {
  margin-right: 76%;
}
.mr-77 {
  margin-right: 77%;
}
.mr-78 {
  margin-right: 78%;
}
.mr-79 {
  margin-right: 79%;
}
.mr-80 {
  margin-right: 80%;
}
.mr-81 {
  margin-right: 81%;
}
.mr-82 {
  margin-right: 82%;
}
.mr-83 {
  margin-right: 83%;
}
.mr-84 {
  margin-right: 84%;
}
.mr-85 {
  margin-right: 85%;
}
.mr-86 {
  margin-right: 86%;
}
.mr-87 {
  margin-right: 87%;
}
.mr-88 {
  margin-right: 88%;
}
.mr-89 {
  margin-right: 89%;
}
.mr-90 {
  margin-right: 90%;
}
.mr-91 {
  margin-right: 91%;
}
.mr-92 {
  margin-right: 92%;
}
.mr-93 {
  margin-right: 93%;
}
.mr-94 {
  margin-right: 94%;
}
.mr-95 {
  margin-right: 95%;
}
.mr-96 {
  margin-right: 96%;
}
.mr-97 {
  margin-right: 97%;
}
.mr-98 {
  margin-right: 98%;
}
.mr-99 {
  margin-right: 99%;
}
.mr-100 {
  margin-right: 100%;
}
.mb-1 {
  margin-bottom: 1%;
}
.mb-2 {
  margin-bottom: 2%;
}
.mb-3 {
  margin-bottom: 3%;
}
.mb-4 {
  margin-bottom: 4%;
}
.mb-5 {
  margin-bottom: 5%;
}
.mb-6 {
  margin-bottom: 6%;
}
.mb-7 {
  margin-bottom: 7%;
}
.mb-8 {
  margin-bottom: 8%;
}
.mb-9 {
  margin-bottom: 9%;
}
.mb-10 {
  margin-bottom: 10%;
}
.mb-11 {
  margin-bottom: 11%;
}
.mb-12 {
  margin-bottom: 12%;
}
.mb-13 {
  margin-bottom: 13%;
}
.mb-14 {
  margin-bottom: 14%;
}
.mb-15 {
  margin-bottom: 15%;
}
.mb-16 {
  margin-bottom: 16%;
}
.mb-17 {
  margin-bottom: 17%;
}
.mb-18 {
  margin-bottom: 18%;
}
.mb-19 {
  margin-bottom: 19%;
}
.mb-20 {
  margin-bottom: 20%;
}
.mb-21 {
  margin-bottom: 21%;
}
.mb-22 {
  margin-bottom: 22%;
}
.mb-23 {
  margin-bottom: 23%;
}
.mb-24 {
  margin-bottom: 24%;
}
.mb-25 {
  margin-bottom: 25%;
}
.mb-26 {
  margin-bottom: 26%;
}
.mb-27 {
  margin-bottom: 27%;
}
.mb-28 {
  margin-bottom: 28%;
}
.mb-29 {
  margin-bottom: 29%;
}
.mb-30 {
  margin-bottom: 30%;
}
.mb-31 {
  margin-bottom: 31%;
}
.mb-32 {
  margin-bottom: 32%;
}
.mb-33 {
  margin-bottom: 33%;
}
.mb-34 {
  margin-bottom: 34%;
}
.mb-35 {
  margin-bottom: 35%;
}
.mb-36 {
  margin-bottom: 36%;
}
.mb-37 {
  margin-bottom: 37%;
}
.mb-38 {
  margin-bottom: 38%;
}
.mb-39 {
  margin-bottom: 39%;
}
.mb-40 {
  margin-bottom: 40%;
}
.mb-41 {
  margin-bottom: 41%;
}
.mb-42 {
  margin-bottom: 42%;
}
.mb-43 {
  margin-bottom: 43%;
}
.mb-44 {
  margin-bottom: 44%;
}
.mb-45 {
  margin-bottom: 45%;
}
.mb-46 {
  margin-bottom: 46%;
}
.mb-47 {
  margin-bottom: 47%;
}
.mb-48 {
  margin-bottom: 48%;
}
.mb-49 {
  margin-bottom: 49%;
}
.mb-50 {
  margin-bottom: 50%;
}
.mb-51 {
  margin-bottom: 51%;
}
.mb-52 {
  margin-bottom: 52%;
}
.mb-53 {
  margin-bottom: 53%;
}
.mb-54 {
  margin-bottom: 54%;
}
.mb-55 {
  margin-bottom: 55%;
}
.mb-56 {
  margin-bottom: 56%;
}
.mb-57 {
  margin-bottom: 57%;
}
.mb-58 {
  margin-bottom: 58%;
}
.mb-59 {
  margin-bottom: 59%;
}
.mb-60 {
  margin-bottom: 60%;
}
.mb-61 {
  margin-bottom: 61%;
}
.mb-62 {
  margin-bottom: 62%;
}
.mb-63 {
  margin-bottom: 63%;
}
.mb-64 {
  margin-bottom: 64%;
}
.mb-65 {
  margin-bottom: 65%;
}
.mb-66 {
  margin-bottom: 66%;
}
.mb-67 {
  margin-bottom: 67%;
}
.mb-68 {
  margin-bottom: 68%;
}
.mb-69 {
  margin-bottom: 69%;
}
.mb-70 {
  margin-bottom: 70%;
}
.mb-71 {
  margin-bottom: 71%;
}
.mb-72 {
  margin-bottom: 72%;
}
.mb-73 {
  margin-bottom: 73%;
}
.mb-74 {
  margin-bottom: 74%;
}
.mb-75 {
  margin-bottom: 75%;
}
.mb-76 {
  margin-bottom: 76%;
}
.mb-77 {
  margin-bottom: 77%;
}
.mb-78 {
  margin-bottom: 78%;
}
.mb-79 {
  margin-bottom: 79%;
}
.mb-80 {
  margin-bottom: 80%;
}
.mb-81 {
  margin-bottom: 81%;
}
.mb-82 {
  margin-bottom: 82%;
}
.mb-83 {
  margin-bottom: 83%;
}
.mb-84 {
  margin-bottom: 84%;
}
.mb-85 {
  margin-bottom: 85%;
}
.mb-86 {
  margin-bottom: 86%;
}
.mb-87 {
  margin-bottom: 87%;
}
.mb-88 {
  margin-bottom: 88%;
}
.mb-89 {
  margin-bottom: 89%;
}
.mb-90 {
  margin-bottom: 90%;
}
.mb-91 {
  margin-bottom: 91%;
}
.mb-92 {
  margin-bottom: 92%;
}
.mb-93 {
  margin-bottom: 93%;
}
.mb-94 {
  margin-bottom: 94%;
}
.mb-95 {
  margin-bottom: 95%;
}
.mb-96 {
  margin-bottom: 96%;
}
.mb-97 {
  margin-bottom: 97%;
}
.mb-98 {
  margin-bottom: 98%;
}
.mb-99 {
  margin-bottom: 99%;
}
.mb-100 {
  margin-bottom: 100%;
}
.ml-1 {
  margin-left: 1%;
}
.ml-2 {
  margin-left: 2%;
}
.ml-3 {
  margin-left: 3%;
}
.ml-4 {
  margin-left: 4%;
}
.ml-5 {
  margin-left: 5%;
}
.ml-6 {
  margin-left: 6%;
}
.ml-7 {
  margin-left: 7%;
}
.ml-8 {
  margin-left: 8%;
}
.ml-9 {
  margin-left: 9%;
}
.ml-10 {
  margin-left: 10%;
}
.ml-11 {
  margin-left: 11%;
}
.ml-12 {
  margin-left: 12%;
}
.ml-13 {
  margin-left: 13%;
}
.ml-14 {
  margin-left: 14%;
}
.ml-15 {
  margin-left: 15%;
}
.ml-16 {
  margin-left: 16%;
}
.ml-17 {
  margin-left: 17%;
}
.ml-18 {
  margin-left: 18%;
}
.ml-19 {
  margin-left: 19%;
}
.ml-20 {
  margin-left: 20%;
}
.ml-21 {
  margin-left: 21%;
}
.ml-22 {
  margin-left: 22%;
}
.ml-23 {
  margin-left: 23%;
}
.ml-24 {
  margin-left: 24%;
}
.ml-25 {
  margin-left: 25%;
}
.ml-26 {
  margin-left: 26%;
}
.ml-27 {
  margin-left: 27%;
}
.ml-28 {
  margin-left: 28%;
}
.ml-29 {
  margin-left: 29%;
}
.ml-30 {
  margin-left: 30%;
}
.ml-31 {
  margin-left: 31%;
}
.ml-32 {
  margin-left: 32%;
}
.ml-33 {
  margin-left: 33%;
}
.ml-34 {
  margin-left: 34%;
}
.ml-35 {
  margin-left: 35%;
}
.ml-36 {
  margin-left: 36%;
}
.ml-37 {
  margin-left: 37%;
}
.ml-38 {
  margin-left: 38%;
}
.ml-39 {
  margin-left: 39%;
}
.ml-40 {
  margin-left: 40%;
}
.ml-41 {
  margin-left: 41%;
}
.ml-42 {
  margin-left: 42%;
}
.ml-43 {
  margin-left: 43%;
}
.ml-44 {
  margin-left: 44%;
}
.ml-45 {
  margin-left: 45%;
}
.ml-46 {
  margin-left: 46%;
}
.ml-47 {
  margin-left: 47%;
}
.ml-48 {
  margin-left: 48%;
}
.ml-49 {
  margin-left: 49%;
}
.ml-50 {
  margin-left: 50%;
}
.ml-51 {
  margin-left: 51%;
}
.ml-52 {
  margin-left: 52%;
}
.ml-53 {
  margin-left: 53%;
}
.ml-54 {
  margin-left: 54%;
}
.ml-55 {
  margin-left: 55%;
}
.ml-56 {
  margin-left: 56%;
}
.ml-57 {
  margin-left: 57%;
}
.ml-58 {
  margin-left: 58%;
}
.ml-59 {
  margin-left: 59%;
}
.ml-60 {
  margin-left: 60%;
}
.ml-61 {
  margin-left: 61%;
}
.ml-62 {
  margin-left: 62%;
}
.ml-63 {
  margin-left: 63%;
}
.ml-64 {
  margin-left: 64%;
}
.ml-65 {
  margin-left: 65%;
}
.ml-66 {
  margin-left: 66%;
}
.ml-67 {
  margin-left: 67%;
}
.ml-68 {
  margin-left: 68%;
}
.ml-69 {
  margin-left: 69%;
}
.ml-70 {
  margin-left: 70%;
}
.ml-71 {
  margin-left: 71%;
}
.ml-72 {
  margin-left: 72%;
}
.ml-73 {
  margin-left: 73%;
}
.ml-74 {
  margin-left: 74%;
}
.ml-75 {
  margin-left: 75%;
}
.ml-76 {
  margin-left: 76%;
}
.ml-77 {
  margin-left: 77%;
}
.ml-78 {
  margin-left: 78%;
}
.ml-79 {
  margin-left: 79%;
}
.ml-80 {
  margin-left: 80%;
}
.ml-81 {
  margin-left: 81%;
}
.ml-82 {
  margin-left: 82%;
}
.ml-83 {
  margin-left: 83%;
}
.ml-84 {
  margin-left: 84%;
}
.ml-85 {
  margin-left: 85%;
}
.ml-86 {
  margin-left: 86%;
}
.ml-87 {
  margin-left: 87%;
}
.ml-88 {
  margin-left: 88%;
}
.ml-89 {
  margin-left: 89%;
}
.ml-90 {
  margin-left: 90%;
}
.ml-91 {
  margin-left: 91%;
}
.ml-92 {
  margin-left: 92%;
}
.ml-93 {
  margin-left: 93%;
}
.ml-94 {
  margin-left: 94%;
}
.ml-95 {
  margin-left: 95%;
}
.ml-96 {
  margin-left: 96%;
}
.ml-97 {
  margin-left: 97%;
}
.ml-98 {
  margin-left: 98%;
}
.ml-99 {
  margin-left: 99%;
}
.ml-100 {
  margin-left: 100%;
}
.pl-1 {
  padding-left: 1%;
}
.pl-2 {
  padding-left: 2%;
}
.pl-3 {
  padding-left: 3%;
}
.pl-4 {
  padding-left: 4%;
}
.pl-5 {
  padding-left: 5%;
}
.pl-6 {
  padding-left: 6%;
}
.pl-7 {
  padding-left: 7%;
}
.pl-8 {
  padding-left: 8%;
}
.pl-9 {
  padding-left: 9%;
}
.pl-10 {
  padding-left: 10%;
}
.pl-11 {
  padding-left: 11%;
}
.pl-12 {
  padding-left: 12%;
}
.pl-13 {
  padding-left: 13%;
}
.pl-14 {
  padding-left: 14%;
}
.pl-15 {
  padding-left: 15%;
}
.pl-16 {
  padding-left: 16%;
}
.pl-17 {
  padding-left: 17%;
}
.pl-18 {
  padding-left: 18%;
}
.pl-19 {
  padding-left: 19%;
}
.pl-20 {
  padding-left: 20%;
}
.pl-21 {
  padding-left: 21%;
}
.pl-22 {
  padding-left: 22%;
}
.pl-23 {
  padding-left: 23%;
}
.pl-24 {
  padding-left: 24%;
}
.pl-25 {
  padding-left: 25%;
}
.pl-26 {
  padding-left: 26%;
}
.pl-27 {
  padding-left: 27%;
}
.pl-28 {
  padding-left: 28%;
}
.pl-29 {
  padding-left: 29%;
}
.pl-30 {
  padding-left: 30%;
}
.pl-31 {
  padding-left: 31%;
}
.pl-32 {
  padding-left: 32%;
}
.pl-33 {
  padding-left: 33%;
}
.pl-34 {
  padding-left: 34%;
}
.pl-35 {
  padding-left: 35%;
}
.pl-36 {
  padding-left: 36%;
}
.pl-37 {
  padding-left: 37%;
}
.pl-38 {
  padding-left: 38%;
}
.pl-39 {
  padding-left: 39%;
}
.pl-40 {
  padding-left: 40%;
}
.pl-41 {
  padding-left: 41%;
}
.pl-42 {
  padding-left: 42%;
}
.pl-43 {
  padding-left: 43%;
}
.pl-44 {
  padding-left: 44%;
}
.pl-45 {
  padding-left: 45%;
}
.pl-46 {
  padding-left: 46%;
}
.pl-47 {
  padding-left: 47%;
}
.pl-48 {
  padding-left: 48%;
}
.pl-49 {
  padding-left: 49%;
}
.pl-50 {
  padding-left: 50%;
}
.pl-51 {
  padding-left: 51%;
}
.pl-52 {
  padding-left: 52%;
}
.pl-53 {
  padding-left: 53%;
}
.pl-54 {
  padding-left: 54%;
}
.pl-55 {
  padding-left: 55%;
}
.pl-56 {
  padding-left: 56%;
}
.pl-57 {
  padding-left: 57%;
}
.pl-58 {
  padding-left: 58%;
}
.pl-59 {
  padding-left: 59%;
}
.pl-60 {
  padding-left: 60%;
}
.pl-61 {
  padding-left: 61%;
}
.pl-62 {
  padding-left: 62%;
}
.pl-63 {
  padding-left: 63%;
}
.pl-64 {
  padding-left: 64%;
}
.pl-65 {
  padding-left: 65%;
}
.pl-66 {
  padding-left: 66%;
}
.pl-67 {
  padding-left: 67%;
}
.pl-68 {
  padding-left: 68%;
}
.pl-69 {
  padding-left: 69%;
}
.pl-70 {
  padding-left: 70%;
}
.pl-71 {
  padding-left: 71%;
}
.pl-72 {
  padding-left: 72%;
}
.pl-73 {
  padding-left: 73%;
}
.pl-74 {
  padding-left: 74%;
}
.pl-75 {
  padding-left: 75%;
}
.pl-76 {
  padding-left: 76%;
}
.pl-77 {
  padding-left: 77%;
}
.pl-78 {
  padding-left: 78%;
}
.pl-79 {
  padding-left: 79%;
}
.pl-80 {
  padding-left: 80%;
}
.pl-81 {
  padding-left: 81%;
}
.pl-82 {
  padding-left: 82%;
}
.pl-83 {
  padding-left: 83%;
}
.pl-84 {
  padding-left: 84%;
}
.pl-85 {
  padding-left: 85%;
}
.pl-86 {
  padding-left: 86%;
}
.pl-87 {
  padding-left: 87%;
}
.pl-88 {
  padding-left: 88%;
}
.pl-89 {
  padding-left: 89%;
}
.pl-90 {
  padding-left: 90%;
}
.pl-91 {
  padding-left: 91%;
}
.pl-92 {
  padding-left: 92%;
}
.pl-93 {
  padding-left: 93%;
}
.pl-94 {
  padding-left: 94%;
}
.pl-95 {
  padding-left: 95%;
}
.pl-96 {
  padding-left: 96%;
}
.pl-97 {
  padding-left: 97%;
}
.pl-98 {
  padding-left: 98%;
}
.pl-99 {
  padding-left: 99%;
}
.pl-100 {
  padding-left: 100%;
}
.pr-1 {
  padding-right: 1%;
}
.pr-2 {
  padding-right: 2%;
}
.pr-3 {
  padding-right: 3%;
}
.pr-4 {
  padding-right: 4%;
}
.pr-5 {
  padding-right: 5%;
}
.pr-6 {
  padding-right: 6%;
}
.pr-7 {
  padding-right: 7%;
}
.pr-8 {
  padding-right: 8%;
}
.pr-9 {
  padding-right: 9%;
}
.pr-10 {
  padding-right: 10%;
}
.pr-11 {
  padding-right: 11%;
}
.pr-12 {
  padding-right: 12%;
}
.pr-13 {
  padding-right: 13%;
}
.pr-14 {
  padding-right: 14%;
}
.pr-15 {
  padding-right: 15%;
}
.pr-16 {
  padding-right: 16%;
}
.pr-17 {
  padding-right: 17%;
}
.pr-18 {
  padding-right: 18%;
}
.pr-19 {
  padding-right: 19%;
}
.pr-20 {
  padding-right: 20%;
}
.pr-21 {
  padding-right: 21%;
}
.pr-22 {
  padding-right: 22%;
}
.pr-23 {
  padding-right: 23%;
}
.pr-24 {
  padding-right: 24%;
}
.pr-25 {
  padding-right: 25%;
}
.pr-26 {
  padding-right: 26%;
}
.pr-27 {
  padding-right: 27%;
}
.pr-28 {
  padding-right: 28%;
}
.pr-29 {
  padding-right: 29%;
}
.pr-30 {
  padding-right: 30%;
}
.pr-31 {
  padding-right: 31%;
}
.pr-32 {
  padding-right: 32%;
}
.pr-33 {
  padding-right: 33%;
}
.pr-34 {
  padding-right: 34%;
}
.pr-35 {
  padding-right: 35%;
}
.pr-36 {
  padding-right: 36%;
}
.pr-37 {
  padding-right: 37%;
}
.pr-38 {
  padding-right: 38%;
}
.pr-39 {
  padding-right: 39%;
}
.pr-40 {
  padding-right: 40%;
}
.pr-41 {
  padding-right: 41%;
}
.pr-42 {
  padding-right: 42%;
}
.pr-43 {
  padding-right: 43%;
}
.pr-44 {
  padding-right: 44%;
}
.pr-45 {
  padding-right: 45%;
}
.pr-46 {
  padding-right: 46%;
}
.pr-47 {
  padding-right: 47%;
}
.pr-48 {
  padding-right: 48%;
}
.pr-49 {
  padding-right: 49%;
}
.pr-50 {
  padding-right: 50%;
}
.pr-51 {
  padding-right: 51%;
}
.pr-52 {
  padding-right: 52%;
}
.pr-53 {
  padding-right: 53%;
}
.pr-54 {
  padding-right: 54%;
}
.pr-55 {
  padding-right: 55%;
}
.pr-56 {
  padding-right: 56%;
}
.pr-57 {
  padding-right: 57%;
}
.pr-58 {
  padding-right: 58%;
}
.pr-59 {
  padding-right: 59%;
}
.pr-60 {
  padding-right: 60%;
}
.pr-61 {
  padding-right: 61%;
}
.pr-62 {
  padding-right: 62%;
}
.pr-63 {
  padding-right: 63%;
}
.pr-64 {
  padding-right: 64%;
}
.pr-65 {
  padding-right: 65%;
}
.pr-66 {
  padding-right: 66%;
}
.pr-67 {
  padding-right: 67%;
}
.pr-68 {
  padding-right: 68%;
}
.pr-69 {
  padding-right: 69%;
}
.pr-70 {
  padding-right: 70%;
}
.pr-71 {
  padding-right: 71%;
}
.pr-72 {
  padding-right: 72%;
}
.pr-73 {
  padding-right: 73%;
}
.pr-74 {
  padding-right: 74%;
}
.pr-75 {
  padding-right: 75%;
}
.pr-76 {
  padding-right: 76%;
}
.pr-77 {
  padding-right: 77%;
}
.pr-78 {
  padding-right: 78%;
}
.pr-79 {
  padding-right: 79%;
}
.pr-80 {
  padding-right: 80%;
}
.pr-81 {
  padding-right: 81%;
}
.pr-82 {
  padding-right: 82%;
}
.pr-83 {
  padding-right: 83%;
}
.pr-84 {
  padding-right: 84%;
}
.pr-85 {
  padding-right: 85%;
}
.pr-86 {
  padding-right: 86%;
}
.pr-87 {
  padding-right: 87%;
}
.pr-88 {
  padding-right: 88%;
}
.pr-89 {
  padding-right: 89%;
}
.pr-90 {
  padding-right: 90%;
}
.pr-91 {
  padding-right: 91%;
}
.pr-92 {
  padding-right: 92%;
}
.pr-93 {
  padding-right: 93%;
}
.pr-94 {
  padding-right: 94%;
}
.pr-95 {
  padding-right: 95%;
}
.pr-96 {
  padding-right: 96%;
}
.pr-97 {
  padding-right: 97%;
}
.pr-98 {
  padding-right: 98%;
}
.pr-99 {
  padding-right: 99%;
}
.pr-100 {
  padding-right: 100%;
}
.pt-1 {
  padding-top: 1%;
}
.pt-2 {
  padding-top: 2%;
}
.pt-3 {
  padding-top: 3%;
}
.pt-4 {
  padding-top: 4%;
}
.pt-5 {
  padding-top: 5%;
}
.pt-6 {
  padding-top: 6%;
}
.pt-7 {
  padding-top: 7%;
}
.pt-8 {
  padding-top: 8%;
}
.pt-9 {
  padding-top: 9%;
}
.pt-10 {
  padding-top: 10%;
}
.pt-11 {
  padding-top: 11%;
}
.pt-12 {
  padding-top: 12%;
}
.pt-13 {
  padding-top: 13%;
}
.pt-14 {
  padding-top: 14%;
}
.pt-15 {
  padding-top: 15%;
}
.pt-16 {
  padding-top: 16%;
}
.pt-17 {
  padding-top: 17%;
}
.pt-18 {
  padding-top: 18%;
}
.pt-19 {
  padding-top: 19%;
}
.pt-20 {
  padding-top: 20%;
}
.pt-21 {
  padding-top: 21%;
}
.pt-22 {
  padding-top: 22%;
}
.pt-23 {
  padding-top: 23%;
}
.pt-24 {
  padding-top: 24%;
}
.pt-25 {
  padding-top: 25%;
}
.pt-26 {
  padding-top: 26%;
}
.pt-27 {
  padding-top: 27%;
}
.pt-28 {
  padding-top: 28%;
}
.pt-29 {
  padding-top: 29%;
}
.pt-30 {
  padding-top: 30%;
}
.pt-31 {
  padding-top: 31%;
}
.pt-32 {
  padding-top: 32%;
}
.pt-33 {
  padding-top: 33%;
}
.pt-34 {
  padding-top: 34%;
}
.pt-35 {
  padding-top: 35%;
}
.pt-36 {
  padding-top: 36%;
}
.pt-37 {
  padding-top: 37%;
}
.pt-38 {
  padding-top: 38%;
}
.pt-39 {
  padding-top: 39%;
}
.pt-40 {
  padding-top: 40%;
}
.pt-41 {
  padding-top: 41%;
}
.pt-42 {
  padding-top: 42%;
}
.pt-43 {
  padding-top: 43%;
}
.pt-44 {
  padding-top: 44%;
}
.pt-45 {
  padding-top: 45%;
}
.pt-46 {
  padding-top: 46%;
}
.pt-47 {
  padding-top: 47%;
}
.pt-48 {
  padding-top: 48%;
}
.pt-49 {
  padding-top: 49%;
}
.pt-50 {
  padding-top: 50%;
}
.pt-51 {
  padding-top: 51%;
}
.pt-52 {
  padding-top: 52%;
}
.pt-53 {
  padding-top: 53%;
}
.pt-54 {
  padding-top: 54%;
}
.pt-55 {
  padding-top: 55%;
}
.pt-56 {
  padding-top: 56%;
}
.pt-57 {
  padding-top: 57%;
}
.pt-58 {
  padding-top: 58%;
}
.pt-59 {
  padding-top: 59%;
}
.pt-60 {
  padding-top: 60%;
}
.pt-61 {
  padding-top: 61%;
}
.pt-62 {
  padding-top: 62%;
}
.pt-63 {
  padding-top: 63%;
}
.pt-64 {
  padding-top: 64%;
}
.pt-65 {
  padding-top: 65%;
}
.pt-66 {
  padding-top: 66%;
}
.pt-67 {
  padding-top: 67%;
}
.pt-68 {
  padding-top: 68%;
}
.pt-69 {
  padding-top: 69%;
}
.pt-70 {
  padding-top: 70%;
}
.pt-71 {
  padding-top: 71%;
}
.pt-72 {
  padding-top: 72%;
}
.pt-73 {
  padding-top: 73%;
}
.pt-74 {
  padding-top: 74%;
}
.pt-75 {
  padding-top: 75%;
}
.pt-76 {
  padding-top: 76%;
}
.pt-77 {
  padding-top: 77%;
}
.pt-78 {
  padding-top: 78%;
}
.pt-79 {
  padding-top: 79%;
}
.pt-80 {
  padding-top: 80%;
}
.pt-81 {
  padding-top: 81%;
}
.pt-82 {
  padding-top: 82%;
}
.pt-83 {
  padding-top: 83%;
}
.pt-84 {
  padding-top: 84%;
}
.pt-85 {
  padding-top: 85%;
}
.pt-86 {
  padding-top: 86%;
}
.pt-87 {
  padding-top: 87%;
}
.pt-88 {
  padding-top: 88%;
}
.pt-89 {
  padding-top: 89%;
}
.pt-90 {
  padding-top: 90%;
}
.pt-91 {
  padding-top: 91%;
}
.pt-92 {
  padding-top: 92%;
}
.pt-93 {
  padding-top: 93%;
}
.pt-94 {
  padding-top: 94%;
}
.pt-95 {
  padding-top: 95%;
}
.pt-96 {
  padding-top: 96%;
}
.pt-97 {
  padding-top: 97%;
}
.pt-98 {
  padding-top: 98%;
}
.pt-99 {
  padding-top: 99%;
}
.pt-100 {
  padding-top: 100%;
}
.pb-1 {
  padding-bottom: 1%;
}
.pb-2 {
  padding-bottom: 2%;
}
.pb-3 {
  padding-bottom: 3%;
}
.pb-4 {
  padding-bottom: 4%;
}
.pb-5 {
  padding-bottom: 5%;
}
.pb-6 {
  padding-bottom: 6%;
}
.pb-7 {
  padding-bottom: 7%;
}
.pb-8 {
  padding-bottom: 8%;
}
.pb-9 {
  padding-bottom: 9%;
}
.pb-10 {
  padding-bottom: 10%;
}
.pb-11 {
  padding-bottom: 11%;
}
.pb-12 {
  padding-bottom: 12%;
}
.pb-13 {
  padding-bottom: 13%;
}
.pb-14 {
  padding-bottom: 14%;
}
.pb-15 {
  padding-bottom: 15%;
}
.pb-16 {
  padding-bottom: 16%;
}
.pb-17 {
  padding-bottom: 17%;
}
.pb-18 {
  padding-bottom: 18%;
}
.pb-19 {
  padding-bottom: 19%;
}
.pb-20 {
  padding-bottom: 20%;
}
.pb-21 {
  padding-bottom: 21%;
}
.pb-22 {
  padding-bottom: 22%;
}
.pb-23 {
  padding-bottom: 23%;
}
.pb-24 {
  padding-bottom: 24%;
}
.pb-25 {
  padding-bottom: 25%;
}
.pb-26 {
  padding-bottom: 26%;
}
.pb-27 {
  padding-bottom: 27%;
}
.pb-28 {
  padding-bottom: 28%;
}
.pb-29 {
  padding-bottom: 29%;
}
.pb-30 {
  padding-bottom: 30%;
}
.pb-31 {
  padding-bottom: 31%;
}
.pb-32 {
  padding-bottom: 32%;
}
.pb-33 {
  padding-bottom: 33%;
}
.pb-34 {
  padding-bottom: 34%;
}
.pb-35 {
  padding-bottom: 35%;
}
.pb-36 {
  padding-bottom: 36%;
}
.pb-37 {
  padding-bottom: 37%;
}
.pb-38 {
  padding-bottom: 38%;
}
.pb-39 {
  padding-bottom: 39%;
}
.pb-40 {
  padding-bottom: 40%;
}
.pb-41 {
  padding-bottom: 41%;
}
.pb-42 {
  padding-bottom: 42%;
}
.pb-43 {
  padding-bottom: 43%;
}
.pb-44 {
  padding-bottom: 44%;
}
.pb-45 {
  padding-bottom: 45%;
}
.pb-46 {
  padding-bottom: 46%;
}
.pb-47 {
  padding-bottom: 47%;
}
.pb-48 {
  padding-bottom: 48%;
}
.pb-49 {
  padding-bottom: 49%;
}
.pb-50 {
  padding-bottom: 50%;
}
.pb-51 {
  padding-bottom: 51%;
}
.pb-52 {
  padding-bottom: 52%;
}
.pb-53 {
  padding-bottom: 53%;
}
.pb-54 {
  padding-bottom: 54%;
}
.pb-55 {
  padding-bottom: 55%;
}
.pb-56 {
  padding-bottom: 56%;
}
.pb-57 {
  padding-bottom: 57%;
}
.pb-58 {
  padding-bottom: 58%;
}
.pb-59 {
  padding-bottom: 59%;
}
.pb-60 {
  padding-bottom: 60%;
}
.pb-61 {
  padding-bottom: 61%;
}
.pb-62 {
  padding-bottom: 62%;
}
.pb-63 {
  padding-bottom: 63%;
}
.pb-64 {
  padding-bottom: 64%;
}
.pb-65 {
  padding-bottom: 65%;
}
.pb-66 {
  padding-bottom: 66%;
}
.pb-67 {
  padding-bottom: 67%;
}
.pb-68 {
  padding-bottom: 68%;
}
.pb-69 {
  padding-bottom: 69%;
}
.pb-70 {
  padding-bottom: 70%;
}
.pb-71 {
  padding-bottom: 71%;
}
.pb-72 {
  padding-bottom: 72%;
}
.pb-73 {
  padding-bottom: 73%;
}
.pb-74 {
  padding-bottom: 74%;
}
.pb-75 {
  padding-bottom: 75%;
}
.pb-76 {
  padding-bottom: 76%;
}
.pb-77 {
  padding-bottom: 77%;
}
.pb-78 {
  padding-bottom: 78%;
}
.pb-79 {
  padding-bottom: 79%;
}
.pb-80 {
  padding-bottom: 80%;
}
.pb-81 {
  padding-bottom: 81%;
}
.pb-82 {
  padding-bottom: 82%;
}
.pb-83 {
  padding-bottom: 83%;
}
.pb-84 {
  padding-bottom: 84%;
}
.pb-85 {
  padding-bottom: 85%;
}
.pb-86 {
  padding-bottom: 86%;
}
.pb-87 {
  padding-bottom: 87%;
}
.pb-88 {
  padding-bottom: 88%;
}
.pb-89 {
  padding-bottom: 89%;
}
.pb-90 {
  padding-bottom: 90%;
}
.pb-91 {
  padding-bottom: 91%;
}
.pb-92 {
  padding-bottom: 92%;
}
.pb-93 {
  padding-bottom: 93%;
}
.pb-94 {
  padding-bottom: 94%;
}
.pb-95 {
  padding-bottom: 95%;
}
.pb-96 {
  padding-bottom: 96%;
}
.pb-97 {
  padding-bottom: 97%;
}
.pb-98 {
  padding-bottom: 98%;
}
.pb-99 {
  padding-bottom: 99%;
}
.pb-100 {
  padding-bottom: 100%;
}
.fw-1 {
  font-weight: 100;
}
.fw-2 {
  font-weight: 200;
}
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}
.fw-7 {
  font-weight: 700;
}
.z-1 {
  z-index: 100;
}
.z-2 {
  z-index: 200;
}
.z-3 {
  z-index: 300;
}
.z-4 {
  z-index: 400;
}
.z-5 {
  z-index: 500;
}
.z-6 {
  z-index: 600;
}
.z-7 {
  z-index: 700;
}
.z-8 {
  z-index: 800;
}
.z-9 {
  z-index: 900;
}
.z-10 {
  z-index: 1000;
}
.z-11 {
  z-index: 1100;
}
.z-12 {
  z-index: 1200;
}
.z-13 {
  z-index: 1300;
}
.z-14 {
  z-index: 1400;
}
.z-15 {
  z-index: 1500;
}
.z-16 {
  z-index: 1600;
}
.z-17 {
  z-index: 1700;
}
.z-18 {
  z-index: 1800;
}
.z-19 {
  z-index: 1900;
}
.z-20 {
  z-index: 2000;
}
.z-21 {
  z-index: 2100;
}
.z-22 {
  z-index: 2200;
}
.z-23 {
  z-index: 2300;
}
.z-24 {
  z-index: 2400;
}
.z-25 {
  z-index: 2500;
}
.z-26 {
  z-index: 2600;
}
.z-27 {
  z-index: 2700;
}
.z-28 {
  z-index: 2800;
}
.z-29 {
  z-index: 2900;
}
.z-30 {
  z-index: 3000;
}
.z-31 {
  z-index: 3100;
}
.z-32 {
  z-index: 3200;
}
.z-33 {
  z-index: 3300;
}
.z-34 {
  z-index: 3400;
}
.z-35 {
  z-index: 3500;
}
.z-36 {
  z-index: 3600;
}
.z-37 {
  z-index: 3700;
}
.z-38 {
  z-index: 3800;
}
.z-39 {
  z-index: 3900;
}
.z-40 {
  z-index: 4000;
}
.z-41 {
  z-index: 4100;
}
.z-42 {
  z-index: 4200;
}
.z-43 {
  z-index: 4300;
}
.z-44 {
  z-index: 4400;
}
.z-45 {
  z-index: 4500;
}
.z-46 {
  z-index: 4600;
}
.z-47 {
  z-index: 4700;
}
.z-48 {
  z-index: 4800;
}
.z-49 {
  z-index: 4900;
}
.z-50 {
  z-index: 5000;
}
.z-51 {
  z-index: 5100;
}
.z-52 {
  z-index: 5200;
}
.z-53 {
  z-index: 5300;
}
.z-54 {
  z-index: 5400;
}
.z-55 {
  z-index: 5500;
}
.z-56 {
  z-index: 5600;
}
.z-57 {
  z-index: 5700;
}
.z-58 {
  z-index: 5800;
}
.z-59 {
  z-index: 5900;
}
.z-60 {
  z-index: 6000;
}
.z-61 {
  z-index: 6100;
}
.z-62 {
  z-index: 6200;
}
.z-63 {
  z-index: 6300;
}
.z-64 {
  z-index: 6400;
}
.z-65 {
  z-index: 6500;
}
.z-66 {
  z-index: 6600;
}
.z-67 {
  z-index: 6700;
}
.z-68 {
  z-index: 6800;
}
.z-69 {
  z-index: 6900;
}
.z-70 {
  z-index: 7000;
}
.z-71 {
  z-index: 7100;
}
.z-72 {
  z-index: 7200;
}
.z-73 {
  z-index: 7300;
}
.z-74 {
  z-index: 7400;
}
.z-75 {
  z-index: 7500;
}
.z-76 {
  z-index: 7600;
}
.z-77 {
  z-index: 7700;
}
.z-78 {
  z-index: 7800;
}
.z-79 {
  z-index: 7900;
}
.z-80 {
  z-index: 8000;
}
.z-81 {
  z-index: 8100;
}
.z-82 {
  z-index: 8200;
}
.z-83 {
  z-index: 8300;
}
.z-84 {
  z-index: 8400;
}
.z-85 {
  z-index: 8500;
}
.z-86 {
  z-index: 8600;
}
.z-87 {
  z-index: 8700;
}
.z-88 {
  z-index: 8800;
}
.z-89 {
  z-index: 8900;
}
.z-90 {
  z-index: 9000;
}
.z-91 {
  z-index: 9100;
}
.z-92 {
  z-index: 9200;
}
.z-93 {
  z-index: 9300;
}
.z-94 {
  z-index: 9400;
}
.z-95 {
  z-index: 9500;
}
.z-96 {
  z-index: 9600;
}
.z-97 {
  z-index: 9700;
}
.z-98 {
  z-index: 9800;
}
.z-99 {
  z-index: 9900;
}
.z-100 {
  z-index: 10000;
}
.max-w1 {
  max-width: 25%;
}
.max-w2 {
  max-width: 50%;
}
.max-w3 {
  max-width: 75%;
}
.max-w4 {
  max-width: 100%;
}
.opacity-1 {
  opacity: 1 / 10;
  filter: alpha(opacity=10);
}
.opacity-2 {
  opacity: 2 / 10;
  filter: alpha(opacity=20);
}
.opacity-3 {
  opacity: 3 / 10;
  filter: alpha(opacity=30);
}
.opacity-4 {
  opacity: 4 / 10;
  filter: alpha(opacity=40);
}
.opacity-5 {
  opacity: 5 / 10;
  filter: alpha(opacity=50);
}
.opacity-6 {
  opacity: 6 / 10;
  filter: alpha(opacity=60);
}
.opacity-7 {
  opacity: 7 / 10;
  filter: alpha(opacity=70);
}
.opacity-8 {
  opacity: 8 / 10;
  filter: alpha(opacity=80);
}
.opacity-9 {
  opacity: 9 / 10;
  filter: alpha(opacity=90);
}
.opacity-10 {
  opacity: 10 / 10;
  filter: alpha(opacity=100);
}
.anviz-btn-size,
.input-form input[type="submit"],
.anviz-btn,
.anviz-primary-btn,
.is-plain-primary,
input[type="submit"],
.anviz-primary-btn,
.anviz-crosschex-btn,
.anviz-intellisight-btn,
.minor-blue-btn,
.minor-crosschex-btn,
.minor-intellisight-btn,
.anviz-line-primary-btn,
.anviz-line-crosschex-btn,
.anviz-line-intellisight-btn,
.minor-line-blue-btn,
.minor-line-crosschex-btn,
.minor-line-intellisight-btn,
.anviz-default-btn,
.anviz-transparent-btn,
.anviz-btn-text,
.anviz-success-btn,
.anviz-info-btn,
.anviz-warning-btn,
.anviz-danger-btn,
.cross-chex-btn,
.in-btn,
.radio-btn label,
.upload-file-btn .ajax-upload-dragdrop {
  font-weight: 600;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 40px;
  border: 1px solid;
}
.anviz-btn-text-size,
.anviz-text-primary-btn,
.anviz-text-crosschex-btn,
.anviz-text-intellisight-btn,
.minor-text-blue-btn,
.minor-text-crosschex-btn,
.minor-text-intellisight-btn {
  font-weight: 600;
  padding: 12px 20px;
  font-size: 16px;
  text-decoration: underline !important;
}
.flex {
  display: flex;
  flex-direction: row;
}
.flex-warp {
  flex-wrap: wrap;
}
.flex-basis-3 {
  flex-basis: calc(100% / 3);
}
.flex-center {
  justify-content: center;
}
.flex-row-center {
  justify-content: center;
  align-items: center;
}
.flex-row-center-start {
  justify-content: flex-start;
  align-items: center;
}
.flex-row-between {
  justify-content: space-between;
  align-items: center;
}
.flex-row-start {
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-row-end {
  justify-content: flex-end;
  align-items: flex-end;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column-center {
  justify-content: center;
  align-items: center;
}
.flex-column-between {
  justify-content: space-between;
  align-items: center;
}
.flex-column-start {
  justify-content: flex-start;
  align-items: center;
}
.flex-column-end {
  justify-content: flex-end;
  align-items: center;
}
.line-bottom {
  border-bottom: 1px solid #eee;
}
.line-bottom:last-child {
  border-bottom: 0;
}
.background-size-cover {
  background-size: cover !important;
  background-position: center !important;
}
.grid {
  display: grid;
  margin: 0;
}
.grid-auto {
  grid-template-columns: repeat(auto-fit);
}
.grid-cuizi-center {
  align-self: center;
}
.gap-10 {
  gap: 10px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
@media (max-width: 850px) {
  .gap-40 {
    gap: 10px;
  }
}
.gap-50 {
  gap: 50px;
}
.grid-vertical-center {
  align-self: center;
}
.grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 850px) {
  .grid-col-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1024px) {
  .grid-col-8 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 850px) {
  .grid-col-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 850px) {
  .grid-col-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 850px) {
  .grid-col-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 850px) {
  .grid-col-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grey {
  background: #FAFAFA;
}
.textcenter {
  text-align: center;
}
.top {
  margin-top: 2rem;
}
.left {
  direction: ltr;
}
.right {
  direction: rtl;
}
.max-1440 {
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 850px) {
  .max-1440 {
    max-width: 100%;
  }
}
.max-90 {
  max-width: 90%;
  margin: 0 auto;
}
img.black {
  -webkit-filter: brightness(0%);
  -moz-filter: brightness(0%);
  -o-filter: brightness(0%);
  filter: brightness(0%);
}
img.white {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}
.btn-link {
  font-weight: 600;
}
.two-row-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.one-row-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.load-more {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.load-more .loading {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #00A0E8;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
  transform-origin: center center;
}
.load-more-hide {
  display: none;
}
.test_1 {
  display: block;
}
.flex {
  display: flex;
}
.flex-align-center {
  align-items: center;
}
.content-center {
  height: 100%;
  flex-direction: row;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-top {
  flex-direction: row;
  display: flex;
  align-items: flex-start;
}
.content-bottom {
  flex-direction: row;
  display: flex;
  align-items: flex-start;
}
.content-between {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.column {
  height: 100%;
  flex-direction: row;
  display: flex;
  flex-direction: column;
}
.column-center {
  justify-content: center;
  align-items: flex-start;
}
.no-link div {
  color: #ddd;
}
.no-link div .item {
  color: #ddd;
}
.no-link div .item a {
  background: #ddd;
}
.no-link a {
  background: #ddd;
}
.static-banner {
  padding-top: 8%;
}
.margin-auto {
  display: block;
  margin: auto;
}
#emailSendSubmit {
  width: 161px;
  height: auto;
}
#emailSendSubmit:before {
  left: 13%;
}
.color-ff {
  color: #fff;
}
.color-ff:hover {
  color: #fff;
}
[id^="section"],
#getFreeCode {
  padding-top: 70px;
}
.CookieDeclaration {
  display: none;
}
@media (amx-width: 850px) {
  #st-3 {
    display: none;
  }
}
.icon {
  padding-right: 4px;
}
.icon-size-12 {
  font-size: 16px;
}
header {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1240px) {
  header {
    position: fixed;
    top: 0;
    z-index: 9999;
  }
}
.top-nav {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 9999;
}
.top-nav .nav-list {
  height: 35px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.top-nav .nav-list .js-item {
  display: block;
  line-height: 35px;
  text-align: center;
  opacity: 1;
  position: relative;
  cursor: pointer;
}
.top-nav .nav-list .js-item .item-link {
  padding: 0 13px;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.top-nav .nav-list .js-item .series-link {
  padding: 0 16px;
  color: #fff;
}
.top-nav .nav-list .js-item:last-child a {
  border-right: 0;
}
.top-nav .nav-list .js-item:hover a {
  opacity: 0.8;
}
.top-nav .nav-list .active {
  height: auto;
  background: #fff;
}
.top-nav .nav-list .active .item-link {
  color: #555;
}
.top-nav .nav-list .active a.nav-learn-more {
  color: #101010;
}
.top-nav .mobile-header-nav {
  position: absolute;
  opacity: 0;
  z-index: -99;
}
.product-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: space-between;
  z-index: 90;
  height: 55px;
  padding: 0 0;
  display: block;
  transition: background 0.2s !important;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  /*search*/
}
.product-nav:hover {
  border-bottom: 1px solid rgba(236, 236, 236, 0.2);
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
}
.product-nav .logo {
  height: 100%;
  display: flex;
  align-items: center;
}
.product-nav .logo .icon {
  font-size: 40px;
}
.product-nav .logo:hover a {
  text-decoration: none;
}
.product-nav .series-pro-nav {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.product-nav .series-pro-nav .series-item {
  opacity: 1;
  padding: 0 1em;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.product-nav .series-pro-nav .series-item .series-link {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding-right: 1em;
  position: relative;
  transition: all 0.1s ease;
  transform: scale(1);
}
.product-nav .series-pro-nav .series-item .series-link small {
  position: absolute;
  right: -2px;
  top: 0;
  font-size: 16px;
}
.product-nav .series-pro-nav .series-item.login .icon {
  margin-right: 10px;
}
.product-nav .series-pro-nav .active .series-link {
  color: #ccc;
}
.product-nav .search-animation {
  width: 0;
  letter-spacing: 0;
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
  margin: 0 0.7em;
  transition-property: width;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
}
.product-nav .search-form {
  display: none;
  position: absolute;
  top: 0;
  width: 63.66%;
  left: 16.66%;
}
.product-nav .search-form form {
  position: relative;
  width: 100%;
  text-align: left;
  display: block;
  height: 40px;
}
.product-nav .search-form form .search-input {
  display: flex;
  align-items: center;
}
.product-nav .search-form form .search-input .search_btn {
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 10px;
  z-index: 99;
}
.product-nav .search-form form .search-input .form-control {
  background: rgba(255, 255, 255, 0.3);
  border: 0;
  border-radius: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  padding-left: 35px;
}
.product-nav .search-form form .search-input input:-internal-autofill-previewed,
.product-nav .search-form form .search-input input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s !important;
}
.product-nav .search-form form .search-input .keywords {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 9999;
}
.product-nav .search-form form .search-input .search-title {
  padding: 4px 6px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.product-nav .search-form form .search-input .search-title:hover {
  text-decoration: underline;
}
.product-nav .search-form form .search-input input {
  caret-color: #fff;
  color: #fff;
}
.product-nav .search-form form .search-input input:focus {
  caret-color: #fff;
}
.product-nav .close {
  top: 0;
  position: absolute;
  right: 10px;
  line-height: 55px;
  opacity: 1;
  color: #fff;
  text-shadow: none;
}
.product-nav.show .series-pro-nav .series-item a.series-link,
.product-nav.show .series-pro-nav .icon-search {
  transform: scale(0);
}
.product-nav.show .search-form {
  display: block !important;
  transition-duration: 0.35s;
  transition-timing-function: ease-out;
}
.product-nav .search-bar {
  padding: 0;
  height: 100%;
  cursor: pointer;
}
.product-nav .search-bar .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: relative;
  font-size: 18px;
}
.menu-btn {
  position: absolute;
  z-index: 3;
  top: 4px;
  width: 48px;
  height: 48px;
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  cursor: pointer;
}
.menu-btn .menubtn {
  width: 100%;
  height: 100%;
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.menu-btn .menubtn .menubtn_line {
  display: block;
  width: 17px;
  height: 2px;
  background: white;
  position: absolute;
  left: 15px;
  z-index: 1;
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.menu-btn .menubtn .menubtn_line-top {
  top: 20px;
}
.menu-btn .menubtn .menubtn_line-bottom {
  bottom: 20px;
}
.active-menu {
  transform: rotate(90deg);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active-menu .menubtn {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
}
.active-menu .menubtn_linewrap_top {
  transform: rotate(-45deg);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active-menu .menubtn_linewrap_top .menubtn_line-top {
  transform: translateY(3px);
}
.active-menu .menubtn_linewrap_bottom {
  transform: rotate(45deg);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active-menu .menubtn_linewrap_bottom .menubtn_line-bottom {
  transform: translateY(-3px);
}
.cart-num {
  background-color: #f55d54;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  padding: 0 2px;
  text-align: center;
  white-space: nowrap;
}
.cart-num-pos {
  position: absolute;
  top: 12px;
  right: -14px;
  transform: translateY(-50%) translateX(-50%);
  z-index: 90;
}
.height {
  height: auto;
  line-height: 1;
  word-break: break-all;
}
.img {
  margin-bottom: 0;
  display: block;
  max-width: 100%;
}
.scroll-active {
  background: rgba(0, 0, 0, 0.7) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  position: fixed;
  top: 0;
}
@media (max-width:850px) {
  .scroll-active {
    background: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
.language-list {
  display: none;
}
.new-nav-warp .top-nav-bg {
  background: #4A4A4A !important;
}
.new-nav-warp .line {
  width: 2px;
  height: 16px;
  background: rgba(255, 255, 255, 0.3);
  display: block !important;
}
.new-nav-warp .product-nav .series-pro-nav .support-nav,
.new-nav-warp .top-nav .nav-series-list .language {
  position: relative;
}
.new-nav-warp .product-nav {
  transition: background-color 0.2s linear !important;
  background: rgba(0, 0, 0, 0.1);
}
.new-nav-warp .product-nav:hover {
  background: rgba(0, 0, 0, 0.7);
}
.new-nav-warp .product-nav .series-pro-nav {
  padding: 0 2.6em;
}
.new-nav-warp .product-nav .series-pro-nav .series-item {
  height: 100%;
  text-align: center;
  flex-shrink: 0;
}
.new-nav-warp .product-nav .series-pro-nav .series-item:hover:not(.logo) > a {
  transition: all 0.3s ease-in;
  color: #00A0E8;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.active a {
  color: rgba(255, 255, 255, 0.4);
}
.new-nav-warp .product-nav .series-pro-nav .series-item.logo {
  padding-right: 21px;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.logo .icon-logo {
  color: #fff;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language {
  position: relative;
  transition: all 0.3s ease;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language ul.list {
  top: 55px;
  visibility: hidden;
  height: 0;
  opacity: 0;
  background: transparent;
  z-index: 90;
  transition: all 0.3s ease;
  position: absolute;
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .series-item.language ul.list {
    opacity: 1;
    transition: all 0.3s ease;
  }
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language .language-title {
  padding-right: 1.3vw;
  font-size: 16px;
  white-space: nowrap;
  width: auto;
  height: 100%;
  display: flex !important;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language .language-title:hover {
  color: #00A0E8;
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .series-item.language .language-title {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid rgba(120, 120, 120, 0.5);
  }
  .new-nav-warp .product-nav .series-pro-nav .series-item.language .language-title:after {
    content: "\ea51";
    font-size: 32px;
    font-family: 'anviz';
    color: #fff;
    transform: rotate(0deg);
    transition: all 0.3s ease;
    position: absolute;
    right: 15px;
    top: 0;
  }
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language .language-title .icon {
  margin-right: 10px;
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover .language-title:after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
  }
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list {
  width: 100%;
  height: auto;
  visibility: visible;
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list .item {
  width: 100%;
  padding: 10px 10px 10px 25px;
  border-bottom: 1px solid #999;
  cursor: pointer;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list .item .series-link:hover:not(.language-title) {
  color: #00A0E8;
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list {
    position: relative;
    top: inherit;
    background: transparent;
    transition: all 0.3s ease;
  }
  .new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list .item {
    border-bottom: 1px solid rgba(120, 120, 120, 0.5);
  }
  .new-nav-warp .product-nav .series-pro-nav .series-item.language.mobile-hover ul.list .item a {
    opacity: 0.5;
  }
}
.new-nav-warp .product-nav .series-pro-nav .series-item .series-link {
  padding-right: 1.3vw;
  font-size: 16px;
  white-space: nowrap;
  width: auto;
  height: 100%;
  display: flex !important;
  align-items: center;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .series-link .icon-down {
  transform: rotate(0deg);
  transition: all 0.3s ease-in;
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .series-item .series-link .icon-down {
    display: none;
  }
}
.new-nav-warp .product-nav .series-pro-nav .series-item .series-link:hover .icon-down {
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.space-item {
  flex: 1;
  padding: 0;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.space-item:hover {
  background-color: transparent;
}
.new-nav-warp .product-nav .series-pro-nav .series-item.secu365-img:hover {
  background-color: transparent;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .search-bar {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .search-bar .icon-search {
  color: #fff;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .secu365-warp {
  width: auto;
  height: auto;
  font-size: 40px;
  border-radius: 7px;
  background-color: #d50000;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .secu365-warp a {
  display: block;
  width: auto;
  height: 100%;
  max-width: 200px;
}
.new-nav-warp .product-nav .series-pro-nav .series-item .secu365-warp a img {
  padding: 6px;
  max-width: 95%;
  margin: auto;
}
.new-nav-warp .product-nav .series-pro-nav .support-nav:hover .sub-nav ul {
  visibility: visible;
  opacity: 1;
  transform: scale(1, 1) translate3d(0, 0, 0);
  pointer-events: all;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .new-nav-warp .product-nav .series-pro-nav .support-nav:hover .sub-nav ul {
    visibility: hidden;
    opacity: 0;
  }
}
@media (max-width: 1068px) {
  .new-nav-warp .product-nav .series-pro-nav .support-nav:hover .sub-nav ul {
    visibility: hidden;
    opacity: 0;
  }
}
.new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav {
  position: absolute;
  top: 100%;
  min-width: 200px;
  min-height: 70vh;
  overflow: hidden;
  pointer-events: none;
  margin-left: -1em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav {
    min-height: auto;
  }
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav {
    min-height: auto;
  }
}
.new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul {
  pointer-events: none;
  opacity: 0;
  background: #4b4b4a;
  visibility: hidden;
  transform-origin: bottom center;
  transition: opacity 0.75s cubic-bezier(0.47, 0.42, 0, 0.99);
  transform: scale(1, 1.05) translate3d(0, -20px, 0);
}
@media (max-width:850px) {
  .new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul {
    pointer-events: all;
  }
}
.new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul li {
  height: auto;
  line-height: 1.5em;
  cursor: pointer;
  word-break: break-all;
}
.new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul li a {
  color: #fff;
  font-size: 14px;
  text-align: left;
  padding: 10px 0;
}
.new-nav-warp .product-nav .series-pro-nav .support-nav .sub-nav ul li a b {
  font-size: 10px;
  display: block;
  white-space: nowrap;
  color: #aaa;
}
.new-nav-warp .product-nav .search-form #topSearchForm {
  margin: 7.5px 0;
}
.new-nav-warp .top-nav .nav-series-list.language-active {
  overflow: visible !important;
  height: auto !important;
}
.new-nav-warp .top-nav .nav-series-list.language-active .language .sub-language {
  opacity: 1;
  height: auto !important;
  visibility: visible;
  transition: all 0.3s ease;
}
.new-nav-warp .top-nav .nav-series-list .language .sub-language {
  width: 100%;
  min-width: 200px;
  height: auto;
  position: absolute;
  text-align: left;
  top: 35px;
  left: 0;
  background: #4b4b4a;
  visibility: hidden;
  opacity: 0;
  height: 0;
  z-index: 99;
  transition: all 0.3s ease;
}
.new-nav-warp .top-nav .nav-series-list .language .sub-language li {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0;
}
.new-nav-warp .top-nav .nav-series-list .language .sub-language li:hover {
  background: #565655;
}
.new-nav-warp .top-nav .nav-series-list .language .sub-language li a {
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.new-nav-warp.mobile .top-nav {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.new-nav-warp.mobile .top-nav .product-nav {
  overflow-x: hidden !important;
  height: 100%;
}
.new-nav-warp.mobile .top-nav .product-nav .series-pro-nav .search-bar-warp {
  display: none !important;
}
.new-nav-warp.mobile .top-nav .product-nav .series-pro-nav .series-item > a {
  padding: 10px 0;
}
.new-nav-warp.mobile .top-nav .product-nav .series-pro-nav .series-item .secu365-warp {
  background-color: transparent;
}
.new-nav-warp.mobile .top-nav .product-nav .series-pro-nav .series-item .secu365-warp a img {
  padding: 5px 0;
  margin: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav {
  height: auto !important;
  display: flex;
  flex-direction: column;
  position: relative;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav.support-nav > a:after {
  content: "\ea51";
  font-size: 32px;
  font-family: 'anviz';
  color: #fff;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
  top: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav .sub-nav {
  position: static;
  background: none;
  padding-left: 1em;
  height: 0 !important;
  transition: all 0.3s ease;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav .sub-nav .series-item {
  border-top: 1px solid rgba(120, 120, 120, 0.5);
  border-bottom: none;
  font-size: 16px;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav .sub-nav .series-item a {
  font-size: 14px;
  opacity: 0.5;
  display: block;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav .sub-nav-select {
  opacity: 1 !important;
  height: auto !important;
  visibility: visible !important;
  transition: all 0.3s ease;
  transition: opacity 0.75s cubic-bezier(0.47, 0.42, 0, 0.99);
  transition-delay: 100ms, 100ms;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav .sub-nav-select ul {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease;
}
.new-nav-warp.mobile .top-nav .product-nav .support-nav.mobile-hover > a:after {
  transform: rotate(-180deg);
  transition: all 0.3s ease;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form {
  display: block;
  position: static;
  width: 100%;
  padding: 0 2.6em;
  margin: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form {
  border-bottom: 1px solid rgba(120, 120, 120, 0.5);
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form#topSearchForm {
  margin: 0;
  padding: 0 1.5em;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form#topSearchForm .search-input {
  position: relative;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form .search-input .form-control {
  width: 100%;
  height: 50px;
  background: transparent;
  padding-left: 25px;
  margin-bottom: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form .search-input .search_btn {
  left: 0;
}
.new-nav-warp.mobile {
  z-index: 99991;
}
.new-nav-warp.mobile .top-nav .product-nav {
  padding: 0 2em;
  top: 50px;
}
.new-nav-warp.mobile .top-nav .product-nav .series-pro-nav {
  padding: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form {
  margin-top: 2em;
  padding: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form {
  padding: 0 !important;
  width: 100%;
  border-bottom: 0;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form input {
  border: 1px solid #575757;
  background: rgba(87, 87, 87, 0.26) !important;
  border-radius: 4px;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form input[placeholder] {
  font-size: 16px;
}
.new-nav-warp.mobile .top-nav .product-nav .search-form form .search_btn {
  right: 20px;
  left: auto !important;
  font-size: 25px;
  color: #9C9C9C;
}
.new-nav-warp.mobile .language-list {
  height: 50px;
  padding: 0 2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-nav-warp.mobile .language-list .title {
  flex-basis: 90%;
  color: #00A0E9;
  font-weight: 500;
  height: 100%;
  display: flex;
  align-items: center;
}
.new-nav-warp.mobile .language-list .icon {
  flex-basis: 10%;
  color: #fff;
  font-size: 32px;
}
@media (max-width:850px) {
  .gtranlate-box {
    display: none !important;
  }
}
.language-all {
  transform: translateX(101%);
  position: fixed;
  width: 100%;
  background: #4A4A4A;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99992;
  transition: all 0.3s ease-in-out;
}
.language-all.active {
  width: 100%;
  transform: translateX(0%);
  transition: all 0.3s ease-in-out;
}
.language-all.active .list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.language-all.active .list hr {
  border-color: #646363;
}
.language-all.active .list .item {
  width: 100%;
  padding: 15px 2em;
  color: #fff;
  border-bottom: 1px solid #646363;
}
.language-all.active .list .item:hover {
  color: #00A0E9;
}
.language-all.active .list .item.back {
  width: 100%;
  height: 54px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 40px;
  color: #fff;
  padding: 15px;
}
.language-all.active .list .item.back .icon {
  width: 100%;
}
.language-all.active .list .item.other {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 54px;
}
.language-all.active .list .item.other .icon {
  font-size: 40px;
  color: #fff;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.language-all.active .list .item.other .icon.active {
  transform: rotate(180deg);
}
.language-all.active .all-list {
  display: none;
  padding: 10px 2em;
  width: 100%;
  height: calc(100% - 470px);
  background: rgba(35, 35, 34, 0.12);
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  min-height: 300px;
}
.language-all.active .all-list::-webkit-scrollbar {
  display: none;
}
.language-all.active .all-list.active {
  display: block;
}
.language-all.active .all-list .item {
  padding: 10px;
  color: #B0B0B0;
}
.language-all.active .all-list .item:hover {
  color: #00A0E9;
}
@-webkit-keyframes nav-bg {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  }
}
@keyframes nav-bg {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  }
}
.scroll-active {
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
}
.anviz-primary-btn-new {
  color: #fff;
  background-color: #0068B7;
}
header.mobile .top-nav-bg {
  background: #4b4b4a;
}
header.new-nav-warp .product-nav {
  transition: background-color 0.2s linear !important;
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
}
header.new-nav-warp .product-nav.scroll-active {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  position: fixed;
  top: 0;
}
header.new-nav-warp .product-nav:hover {
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
@media (max-width: 720px) {
  header.new-nav-warp .product-nav {
    overflow-y: scroll;
    visibility: visible;
    background: #4b4b4a;
  }
  header.new-nav-warp .product-nav:hover {
    background: #4b4b4a;
  }
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item {
  padding: 0 6px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item.login .series-link,
header.new-nav-warp .product-nav .series-pro-nav > li.series-item.cart .series-link {
  padding: 0 10px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item .series-link {
  font-size: 14px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item .series-link span {
  margin-right: 0;
}
@media (max-width: 1200px) {
  header.new-nav-warp .product-nav .series-pro-nav > li.series-item {
    padding: 0;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .icon {
  display: none;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav {
  overflow: visible;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li {
  white-space: nowrap;
  position: relative;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li .sub-nav {
  display: none;
  transition: all 0.3s ease;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li .sub-nav {
    display: none;
    position: relative;
    height: fit-content !important;
    padding-left: 1em;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li:hover .sub-nav {
  display: block;
  margin-left: 0;
  top: 0;
  left: 100%;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li:hover .sub-nav {
    left: 0;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li:hover .sub-nav li a {
  padding: 1em;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li:hover .sub-nav li:hover a {
  color: #0068B7;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav:hover .sub-nav ul li:hover > ul .sub-nav {
  overflow-x: visible;
  overflow-y: hidden;
}
.content {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
  position: relative;
  /*home*/
  /*以下为非home页面*/
  /*login*/
  /*register*/
  /*news*/
}
.content .tags {
  padding: 0;
}
.content .static-banner {
  margin-top: -55px;
  height: 600px;
  background-size: cover;
  padding-top: 0 !important;
}
.content .static-banner.casestudy-bannner {
  background: url(https://www.anviz.com/file/files/894) no-repeat center center #000;
  background-size: cover;
}
.content .static-banner.single-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .home-banner {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 900px;
  background: url(../../img/home/home-bg.jpg) no-repeat;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-banner {
    height: 100%;
  }
}
.content .home-banner .swiper {
  flex: 1;
  height: 700px;
  width: 100%;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-banner .swiper {
    height: 580px;
  }
}
.content .home-banner .swiper .jj-swiper {
  top: 60px;
  width: 100%;
  height: 100%;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-banner .swiper .jj-swiper {
    top: 80px;
  }
}
.content .home-banner .swiper .jj-swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #fff;
}
.content .home-banner .swiper .jj-swiper .swiper-slide h1 {
  font-size: 72px;
}
.content .home-banner .swiper .jj-swiper .swiper-slide h3 {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.8);
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-score {
  width: 50%;
  display: flex;
  justify-content: center;
  margin-top: 4%;
}
@media (max-width:850px) {
  .content .home-banner .swiper .jj-swiper .swiper-slide .my-score {
    margin-top: 10%;
  }
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-score .score {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-score .num {
  font-size: 50px;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-score .name {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-media {
  width: 40%;
  display: flex;
  justify-content: center;
  margin-top: 4%;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-media .media {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-media .media a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.content .home-banner .swiper .jj-swiper .swiper-slide .my-media .media a .icon {
  font-size: 24px;
  padding-right: 10px;
}
.content .home-cloud {
  position: relative;
  height: 800px;
  background: url(../../img/home/home-bg02.jpg) no-repeat;
  margin-bottom: 3em;
  transition: all 0.3s ease-in-out;
}
.content .home-cloud .cloud {
  width: 80%;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 850px) {
  .content .home-cloud {
    margin-bottom: 1em;
  }
}
.content .home-cloud .cloud-img {
  flex: 1;
  height: auto;
  min-height: 730px;
  background: url(../../img/home/home03.png) no-repeat;
  background-position: top right;
  background-size: 100% auto;
}
.content .home-cloud .cloud-info {
  flex: 1;
  margin-left: 4%;
}
.content .home-cloud .cloud-info p,
.content .home-cloud .cloud-info h2 {
  color: #fff;
  margin-bottom: 1em;
}
.content .home-cloud .cloud-info .des {
  font-size: 20px;
}
.content .home-tab {
  width: 100%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-tab {
    top: 20px;
    margin-bottom: 4em;
  }
}
.content .home-tab .tab-nav {
  width: auto;
  margin: 0 3em;
  display: flex;
  justify-content: space-between;
}
.content .home-tab .tab-nav .tab-nav-item {
  flex: 1;
  width: calc(100% / 3 - 4em);
  height: auto;
  color: #101010;
  font-size: 16px;
  background: #fff;
  display: block;
  margin-right: 2em;
  padding: 3em;
  cursor: pointer;
  border-top: 6px solid #fff;
  transition: all 0.3s ease-in-out;
}
.content .home-tab .tab-nav .tab-nav-item:last-child {
  margin-right: 0;
}
.content .home-tab .tab-nav .tab-nav-active {
  transition: all 0.3s ease-in-out;
  border-top: 6px solid #00A0E8;
  margin-bottom: 0;
}
.content .home-tab .tab-content {
  width: auto;
  height: auto;
  background: #fff;
  margin: 0 3em;
}
.content .home-tab .tab-content .tab-content-item {
  color: #101010;
  font-size: 16px;
  height: 600px;
  opacity: 0;
  width: 100%;
  padding: 3em;
  display: none;
  background: url(../../img/home/home05.jpg) no-repeat;
  background-position: top right;
  background-size: auto 100%;
}
.content .home-tab .tab-content .tab-content-item .tab-title {
  font-size: 28px;
  display: inline-block;
  height: 60px;
}
.content .home-tab .tab-content .tab-content-active {
  display: block;
  opacity: 1;
}
.content .home-tab .tab-title {
  font-size: 28px;
  display: inline-block;
  height: 60px;
}
.content .home-tab .tab-title-des {
  font-family: 'Montserrat-Light';
  font-size: 20px;
}
.content .home-tab .tab-keyword {
  color: #00A0E8;
  text-decoration: none;
}
.content .home-tab .tab-details-warp {
  display: flex;
  align-items: center;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-tab .tab-details-warp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.content .home-tab .tab-details-warp .table-warp {
  flex: 1;
}
.content .home-tab .tab-details-warp .table-warp .anviz-btn {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.content .home-tab .tab-details-warp table {
  height: 400px;
  width: 100%;
  margin-bottom: 1em;
}
.content .home-tab .tab-details-warp table tr th {
  border-bottom: 1px solid #eee;
}
.content .home-tab .tab-details-warp table tr th:nth-child(3) {
  color: #00A0E8;
}
.content .home-tab .tab-details-warp table tr td {
  border-bottom: 1px solid #eee;
}
.content .home-tab .tab-details-warp table tr td:nth-child(3) {
  color: #00A0E8;
}
.content .home-tab .tab-details-warp .pro-img {
  flex: 2;
}
.content .home-tab .tab-details-warp .pro-img img {
  display: block;
  margin: 0 auto;
}
.content .home-tab .tab-details-warp .pro-img .anviz-btn {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
}
@media (max-width:850px) {
  .content .home-tab .tab-details-warp .pro-img .anviz-btn {
    top: 10px;
  }
}
.content .home-application {
  width: auto;
  height: auto;
  margin: 3em;
  display: flex;
  justify-content: center;
}
.content .home-application .application-item {
  flex: 1;
  width: calc(100% / 3 - 8em);
  height: auto;
  margin-right: 4em;
  background: #fff;
  overflow: hidden;
}
.content .home-application .application-item:last-child {
  margin-right: 0;
}
.content .home-application .application-item img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 0;
  margin: auto;
}
.content .home-application .application-item .title {
  display: inline-block;
  width: 100%;
  padding: 1em;
  text-align: center;
}
@media (max-width: 850px) {
  .content .home-application .application-item .title {
    padding: 0;
  }
}
.content .home-partner {
  width: 100%;
  height: 760px;
  background: #083446;
  margin-bottom: 3em;
}
.content .home-partner .h3-title {
  width: 100%;
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin: 1em auto;
}
.content .home-partner .partner-warp {
  width: 98%;
  height: auto;
  margin: 2em auto 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.content .home-partner .box {
  width: calc(100% / 3 - 8em);
  height: 460px;
  width: 314px;
  transition: all 0.3s ease-in-out;
}
.content .home-partner .box .box-top {
  width: 100%;
  height: 36px;
  background: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.content .home-partner .box .box-bottom {
  width: 100%;
  height: 36px;
  background: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.content .home-partner .box .box-content {
  width: 100%;
  height: 388px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content .home-partner .box .box-content .box-title {
  width: 100%;
  height: 66px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
.content .home-partner .box .box-content .box-des {
  width: 80%;
  text-align: center;
  margin: 0 auto 3em;
}
.content .home-partner .box-active {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.content .home-partner .box-active .box-top,
.content .home-partner .box-active .box-bottom {
  opacity: 1;
  background: #FFF9EB;
  transition: all 0.3s ease-in-out;
}
.content .home-partner .box-active .box-content {
  background: #FFF9EB;
}
.content .home-partner .box-active .box-top {
  border-bottom: 1px dashed #083446;
}
.content .home-partner .box-active .box-bottom {
  border-top: 1px dashed #083446;
}
.content .home-partner .box-active .is-plain-primary {
  color: #fff !important;
  background: #e6a23c !important;
  border-color: #e6a23c !important;
}
.content .home-partner .box-active .is-plain-primary:hover {
  text-decoration: none;
  background: #cc8b2a;
}
.content .home-partner .icon-box {
  display: block;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  color: #fff;
  font-size: 50px;
  transform: rotate(45deg);
}
@media (max-width: 850px) {
  .content .home-partner .icon-box {
    display: none;
  }
}
.content .home-partner .partner-catch-btn {
  margin: 5em auto 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 850px) {
  .content .home-partner .partner-catch-btn {
    margin: 2em auto 2em;
  }
}
.content .home-contact {
  width: 100%;
  height: auto;
  margin-bottom: 3em;
}
.content .home-contact .contact-warp {
  max-width: 800px;
  height: auto;
  padding: 2em 10em;
  background: #fff;
  margin: auto;
  text-align: center;
  box-shadow: 0 9px 9px rgba(230, 230, 230, 0.5);
  position: relative;
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp {
    padding: 0 15px;
    height: 100%;
    max-width: 100%;
  }
}
.content .home-contact .contact-warp form {
  margin: 4em 0 2em;
}
.content .home-contact .contact-warp .box {
  width: 100%;
  height: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-contact .contact-warp .box {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp .box {
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
  }
}
.content .home-contact .contact-warp .tel-box,
.content .home-contact .contact-warp .chat-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  cursor: pointer;
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp .tel-box,
  .content .home-contact .contact-warp .chat-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    padding: 4px 6px;
  }
}
.content .home-contact .contact-warp .tel-box .icon,
.content .home-contact .contact-warp .chat-box .icon {
  display: block;
  color: #fff;
  font-size: 30px;
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp .tel-box .icon,
  .content .home-contact .contact-warp .chat-box .icon {
    font-size: 18px;
    padding-right: 10px;
  }
}
.content .home-contact .contact-warp .tel-box .des,
.content .home-contact .contact-warp .chat-box .des {
  margin-top: 12%;
  display: block;
  color: #fff;
  font-size: 20px;
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp .tel-box .des,
  .content .home-contact .contact-warp .chat-box .des {
    margin-top: 0;
  }
}
.content .home-contact .contact-warp .tel-box {
  background: #083446;
}
.content .home-contact .contact-warp .chat-box {
  background: #10AD91;
}
.content .home-contact .contact-warp .tel-box-pos {
  left: -14%;
}
.content .home-contact .contact-warp .chat-box-pos {
  right: -14%;
}
.content .home-contact .contact-warp .tel-box-pos,
.content .home-contact .contact-warp .chat-box-pos {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .home-contact .contact-warp .tel-box-pos,
  .content .home-contact .contact-warp .chat-box-pos {
    position: relative;
    top: auto;
    left: 10%;
    transform: translateX(-50%);
    margin-right: 4%;
  }
  .content .home-contact .contact-warp .tel-box-pos:last-child,
  .content .home-contact .contact-warp .chat-box-pos:last-child {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .content .home-contact .contact-warp .tel-box-pos,
  .content .home-contact .contact-warp .chat-box-pos {
    position: relative;
    top: auto;
    left: 18%;
    transform: translateX(-50%);
    margin-right: 4%;
  }
  .content .home-contact .contact-warp .tel-box-pos:last-child,
  .content .home-contact .contact-warp .chat-box-pos:last-child {
    margin-right: 0;
  }
}
.content .secu365 {
  height: 800px;
  background: url(../../img/pages/365/365-banner.png) no-repeat;
  background-position: top right;
  background-size: auto 100%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .content .secu365 {
    background-position: center;
  }
}
.content .about-anviz {
  height: 600px;
  background: url(../../img/about/about05.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .content .about-anviz {
    background-position: center;
  }
}
.content .about-anviz h1 {
  font-family: 'Montserrat-Light';
  font-size: 60px;
}
.content .about-customer {
  padding: 6em 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .content .about-customer {
    padding: 3em 0;
  }
}
.content .about-customer h1 {
  margin-bottom: 1em;
}
.content .about-customer .des {
  width: 60%;
  margin: auto;
}
@media (max-width: 767px) {
  .content .about-customer .des {
    width: 100%;
  }
}
.content .about-customer .customer-logo {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 3em auto;
  transition: all 0.3s ease-in-out;
}
.content .about-customer .customer-logo .logo {
  width: calc(100% / 5);
  display: flex;
  height: 100px;
}
@media (max-width: 767px) {
  .content .about-customer .customer-logo .logo {
    width: calc(100% / 3);
  }
}
.content .about-customer .customer-logo .logo img {
  max-width: 50%;
  margin: auto;
  display: block;
}
.content .about-customer .technology-logo {
  background: #fff;
}
.content .about-customer .technology-logo .logo {
  height: auto;
  width: calc(100% / 4);
}
.content .about-smarter {
  height: 700px;
  background: url(../../img/about/about01.png) no-repeat;
  background-position: top right;
  background-size: cover;
  padding: 6em 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.content .about-smarter h1 {
  margin-bottom: 1em;
}
.content .about-highlights {
  width: 100%;
  height: auto;
  padding: 6em 0;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.content .about-highlights h1 {
  margin-bottom: 1em;
}
.content .about-highlights-bg {
  height: 400px;
  background: url(../../img/about/about02.png) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 25%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .content .about-highlights-bg {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0 !important;
  }
}
.content .highlights-box {
  background: rgba(0, 0, 0, 0.8);
  padding: 4em 6em;
}
.content .highlight-info {
  display: flex;
  align-items: center;
}
.content .highlight-info .icon {
  color: #E6A23B;
  font-size: 70px;
  display: inline-block;
  margin-right: 10px;
}
.content .highlight-info h5 {
  color: #FFF9EB;
  display: inline-block;
  width: 80%;
}
.content .highlight-info p {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  width: 80%;
}
.content .about-history {
  height: 2100px;
  background: url(../../img/about/about03.png) no-repeat;
  background-attachment: fixed;
  background-position: top right;
  background-size: cover;
  padding-top: 11%;
  transition: all 0.3s ease-in-out;
}
.content .about-history h1 {
  margin-bottom: 1em;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .content .about-history {
    height: 2000px;
  }
}
@media (max-width: 767px) {
  .content .about-history {
    height: auto;
    padding-bottom: 10%;
  }
}
.content .technology {
  height: 600px;
  background: url(../../img/technology/technology05.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .content .technology {
    background-position: center;
  }
}
.content .technology h1 {
  font-family: 'Montserrat-Light';
  font-size: 60px;
}
.content .technology-block .tag-footer .h3-title {
  display: inherit;
  height: auto;
  line-height: 1;
}
.content .technology-block .article-tags .tag-img img {
  height: 100%;
}
.content .technology-core {
  width: 100%;
  height: auto;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.content .core-title {
  width: 100%;
  padding: 2em 0;
  text-align: center;
}
.content .core-title .h2-title {
  color: #101010;
  display: inherit;
  height: auto;
  text-align: center;
}
.content .core-tab {
  width: 100%;
  height: auto;
}
.content .core-tab .core-nav {
  height: auto;
  display: flex;
  align-items: center;
  margin-bottom: 3em;
}
.content .core-tab .core-nav .nav-item {
  width: 100%;
  flex-basis: 33.33%;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  font-size: 24px;
  padding: 1em;
  background: #101010;
  cursor: pointer;
  border-right: 1px solid #48658f;
  transition: all 0.3s ease-in-out;
}
.content .core-tab .core-nav .nav-item:last-child {
  border-right: 0;
}
.content .core-tab .core-nav .nav-item:hover {
  color: #00A0E8;
}
.content .core-tab .core-nav .core-active {
  background: #00A0E8;
  color: #fff;
}
.content .core-tab .core-nav .core-active:hover {
  color: #d7e7f9;
}
.content .core-tab .fiexd-core-nav {
  position: fixed;
  top: 80px;
  z-index: 9999;
  width: 100%;
  max-width: 1101px;
}
.content .core-tab .core-content {
  height: auto;
}
.content .core-tab .core-content .core-item {
  display: none;
  height: auto;
  background: #fff;
  box-shadow: 0 9px 9px rgba(230, 230, 230, 0.5);
  position: relative;
}
.content .core-tab .core-content .active {
  display: block;
}
.content .core-tab .core-content .core-bionano,
.content .core-tab .core-content .core-rvi {
  height: auto;
  width: 90%;
  margin: 0 auto;
  padding: 6em 0;
  border-bottom: 1px solid #eee;
}
.content .core-tab .core-content .core-bionano .h2-title,
.content .core-tab .core-content .core-rvi .h2-title {
  color: #101010;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.content .core-tab .core-content .core-icon-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 4em 0;
}
.content .core-tab .core-content .core-icon-list .icon-item {
  flex: 1;
  flex-basis: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #eee;
}
.content .core-tab .core-content .core-icon-list .icon-item span {
  font-size: 8rem;
}
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(1) span,
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(3) span {
  font-size: 9rem;
}
.content .core-tab .core-content .core-icon-list .icon-item:last-child {
  border-right: 0;
}
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(1) span:before {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#3bb4ff), to(#006bb2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(2) span:before {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5515f), to(#9f041b));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(3) span:before {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b700e9), to(#6b0051));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .core-tab .core-content .core-icon-list .icon-item:nth-child(4) span:before {
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#00d1f0), to(#00688c));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .core-tab .core-content .icon-item-info .des {
  color: #aaa;
  line-height: 1.5;
}
.content .core-tab .core-content .icon-item-info:nth-child(1) .h4-title {
  display: flex;
  align-items: center;
}
.content .core-tab .core-content .icon-item-info:nth-child(1) .h4-title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background-image: linear-gradient(top, #00c6dc, #025aae);
  margin-right: 10px;
}
.content .core-tab .core-content .icon-item-info:nth-child(2) .h4-title {
  display: flex;
  align-items: center;
}
.content .core-tab .core-content .icon-item-info:nth-child(2) .h4-title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background-image: linear-gradient(top, #F5515F, #9F041B);
  margin-right: 10px;
}
.content .core-tab .core-content .icon-item-info:nth-child(3) .h4-title {
  display: flex;
  align-items: center;
}
.content .core-tab .core-content .icon-item-info:nth-child(3) .h4-title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background-image: linear-gradient(top, #B700E9, #6B0051);
  margin-right: 10px;
}
.content .core-tab .core-content .icon-item-info:nth-child(4) .h4-title {
  display: flex;
  align-items: center;
}
.content .core-tab .core-content .icon-item-info:nth-child(4) .h4-title:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background-image: linear-gradient(top, #00D1F0, #00688C);
  margin-right: 10px;
}
.content .core-tab .core-content .mosaic-bg {
  height: 400px;
  background: url(../../img/technology/technology14.png) no-repeat;
  background-position: bottom left;
  background-size: cover;
}
.content .core-tab .core-content .core-list {
  display: flex;
  align-items: center;
  margin: 2em 0;
}
.content .core-tab .core-content .core-list li {
  flex-basis: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.content .core-tab .core-content .core-list li:last-child .icon {
  font-size: 6em;
}
.content .core-tab .core-content .core-info {
  margin: 6em 0;
}
.content .core-tab .core-content .core-info .des {
  margin-bottom: 20px;
}
.content .core-tab .core-content .core-info img {
  margin-bottom: 0;
}
.content .core-tab .core-content .core-info .core-v-img {
  width: auto;
  height: 160px;
  position: relative;
}
.content .core-tab .core-content .core-info .core-v-img img {
  display: block;
  max-width: 100%;
  margin: auto;
  margin-bottom: 0;
}
.content .core-tab .core-content .core-info .core-v-img .v-kbps {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 9px 9px rgba(230, 230, 230, 0.5);
  position: absolute;
  right: -20px;
  bottom: 0;
  z-index: 9;
}
.content .core-tab .core-content .core-info .h3-title {
  height: auto;
  line-height: 1.5;
}
.content .core-tab .core-content .core-info .core-info-icon {
  font-size: 6rem;
}
.content .core-tab .core-content .core-info .core-img {
  width: auto;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  display: block;
  max-width: 100%;
}
.content .core-tab .core-content .core-info .core-img img {
  width: 480px;
  height: 320px;
}
.content .core-tab .core-content .core-info .core-cloud-bg {
  width: 100%;
  height: 600px;
  background: url(../../img/technology/technology08.jpg) no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .core-tab .core-content .core-info .core-cloud-bg img {
  width: auto;
  height: auto;
  max-height: 600px;
}
.content .core-tab .bg-bottom .surveillance-bg {
  width: 100%;
  height: 400px;
  background: url(../../img/technology/technology13.png) no-repeat;
  background-position: bottom left;
  background-size: cover;
}
.content .technology-core-bg {
  height: 600px;
  background: url(../../img/technology/technology04.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  padding: 6em 0;
}
.content .intelliSight {
  height: 800px;
  background: url(../../img/pages/in/in05.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5%;
}
@media (max-width: 850px) {
  .content .intelliSight {
    background-position: center;
    margin-bottom: 0;
  }
}
.content .intelliSight h3,
.content .intelliSight p {
  color: #101010 !important;
}
.content .page-in-controller {
  height: 600px;
  background: url(../../img/pages/in/in02.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5%;
}
@media (max-width: 850px) {
  .content .page-in-controller {
    height: auto;
    padding: 4em 0;
    background-position: center;
    margin-bottom: 0;
  }
}
.content .page-in-controller .controller-warp {
  width: 100%;
  height: 600px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 850px) {
  .content .page-in-controller .controller-warp {
    height: auto;
  }
}
.content .page-in-controller .controller-warp img {
  display: block;
  margin-bottom: 0;
  width: auto;
  max-width: 100%;
}
.content .cross-chex {
  height: 800px;
  background: url(../../img/pages/crosschex/crosschex-banner.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5%;
}
@media (max-width: 850px) {
  .content .cross-chex {
    background-position: center;
    margin-bottom: 2em;
  }
}
.content .cross-chex-desk {
  height: 1000px;
  background: url(../../img/pages/crosschex/crosschex-desk-banner.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5%;
  overflow: hidden;
}
@media (max-width: 850px) {
  .content .cross-chex-desk {
    background-position: center;
    margin-bottom: 2em;
    height: auto;
    padding: 4em 0;
  }
}
.content .cross-chex-desk h1 {
  color: #47A369;
  text-align: center;
}
.content .cross-chex-desk .cross-chex-desk-img {
  max-width: 50%;
  margin-top: 4%;
}
@media (max-width: 850px) {
  .content .cross-chex-desk .cross-chex-desk-img {
    max-width: 100%;
    margin-top: 15%;
  }
}
.content .nav-page {
  height: 500px;
  background: url(../../img/pages/365/365-banner.png) no-repeat;
  background-position: top right;
  background-size: cover;
}
@media (max-width: 850px) {
  .content .nav-page {
    height: 400px;
    background-position: center;
  }
  .content .nav-page .page-banner-info {
    padding-top: 26%;
  }
}
@media (max-width: 850px) {
  .content .login-content {
    padding-top: 100px !important;
  }
}
.content .page-content {
  padding: 4em 0;
}
@media (max-width: 850px) {
  .content .page-content {
    padding: 0;
  }
}
.content .page-content .press-download-list {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.content .page-content .press-download-list .press-download-item {
  margin: 0 1em;
  margin-bottom: 1em;
}
.content .page-content .press-download-list .press-download-item .download-img {
  min-width: 200px;
  min-height: 80px;
  background: #eee;
}
.content .page-content .press-download-list .press-download-item .download-img img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.content .page-banner {
  width: 100%;
  position: relative;
}
.content .page-banner .page-banner-info {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@media (max-width:850px) {
  .content .page-banner .page-banner-info {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    padding-top: 15vh !important;
  }
}
.content .page-banner .page-banner-info .page-used {
  display: flex;
  align-items: center;
}
.content .page-banner .page-banner-info .page-used .icon-windows {
  font-size: 30px;
  margin-right: 28px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.content .page-banner .page-banner-info .page-used .icon-windows:hover {
  color: #47A369;
}
.content .page-banner .page-banner-info .page-used .in-icon {
  color: #555;
}
.content .page-banner .page-banner-info .page-used .in-icon:hover {
  color: #B62831;
}
.content .page-banner .page-banner-info .page-used a {
  display: flex;
  align-items: center;
}
.content .page-banner .page-banner-info .page-used a .icon {
  font-size: 16px;
  padding-right: 10px;
}
.content .page-banner .page-banner-info .logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}
.content .page-banner .page-banner-info .h3-des {
  color: #fff;
}
.content .page-banner .page-banner-info .des {
  font-size: 18px;
  width: 50%;
  margin: 2em auto 0;
  text-align: center;
}
@media (max-width: 850px) {
  .content .page-banner .page-banner-info .des {
    width: 100%;
  }
}
.content .cross-chex-cloud {
  height: 660px;
  background: url(../../img/pages/crosschex/crosschex-desk-banner.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5% !important;
}
.content .cross-chex-cloud h1 {
  color: #47A369;
  text-align: left;
}
.content .cross-chex-cloud h4 {
  color: #fff;
  text-align: left;
}
.content .cross-chex-cloud .cross-chex-btn {
  margin-top: 2em;
}
.content .cross-chex-cloud .cross-chex-desk-img {
  max-width: 50%;
  margin-top: 4%;
}
@media (max-width: 850px) {
  .content .cross-chex-cloud .cross-chex-desk-img {
    max-width: 100%;
    margin-top: 15%;
  }
}
@media (max-width: 850px) {
  .content .cross-chex-cloud {
    background-position: center;
    margin-bottom: 0;
    height: auto;
    padding: 4em 0;
  }
  .content .cross-chex-cloud .banner-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.content .cross-chex-cloud .page-banner-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.content .cross-chex-cloud .page-banner-info .des {
  width: 70%;
  text-align: left;
  margin: 30px 0 0;
}
@media (max-width: 850px) {
  .content .cross-chex-cloud .page-banner-info {
    display: flex;
    flex-direction: column;
  }
  .content .cross-chex-cloud .page-banner-info h1,
  .content .cross-chex-cloud .page-banner-info h4 {
    text-align: center;
  }
  .content .cross-chex-cloud .page-banner-info p {
    width: 100% !important;
    text-align: center !important;
  }
}
.content .cross-chex-professinal {
  height: 660px;
  background: url(../../img/pages/crosschex/crosschex-desk-banner.jpg) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5% !important;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal {
    background-position: center;
    margin-bottom: 0;
    height: auto;
    padding: 4em 0;
  }
}
.content .cross-chex-professinal h1 {
  color: #47A369;
  text-align: left;
}
.content .cross-chex-professinal h4 {
  color: #fff;
  text-align: left;
}
.content .cross-chex-professinal .cross-chex-desk-img {
  max-width: 50%;
  margin-top: 4%;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .cross-chex-desk-img {
    max-width: 100%;
    margin-top: 15%;
  }
}
.content .cross-chex-professinal .page-banner-info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.content .cross-chex-professinal .page-banner-info .des {
  width: 70%;
  text-align: left;
  margin: 30px 0 0;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-banner-info {
    display: flex;
    flex-direction: column;
  }
  .content .cross-chex-professinal .page-banner-info h1,
  .content .cross-chex-professinal .page-banner-info h4 {
    text-align: center;
  }
  .content .cross-chex-professinal .page-banner-info p {
    width: 100% !important;
    text-align: center !important;
  }
}
.content .cross-chex-professinal .page-email-pos {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 94%;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email-pos {
    position: relative;
    top: 50px;
    bottom: 0;
    left: 0;
    transform: translateX(0);
  }
}
.content .cross-chex-professinal .page-email {
  width: 70%;
  height: auto;
  background: #fff;
  margin: auto;
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 9px 9px rgba(226, 226, 226, 0.5);
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: none;
    padding: 15px;
  }
}
.content .cross-chex-professinal .page-email form {
  width: 98%;
  margin: auto;
  display: flex;
  align-items: center;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email form {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
.content .cross-chex-professinal .page-email form .form-group {
  margin-left: 6%;
  display: flex;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email form .form-group {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
  }
}
.content .cross-chex-professinal .page-email form .des {
  margin: 0;
  width: 23%;
  font-size: 16px;
  white-space: normal;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email form .des {
    width: 100%;
    text-align: center;
  }
}
.content .cross-chex-professinal .page-email form label,
.content .cross-chex-professinal .page-email form input,
.content .cross-chex-professinal .page-email form button {
  margin: 0;
  margin-right: 10px;
}
@media (max-width: 850px) {
  .content .cross-chex-professinal .page-email form label,
  .content .cross-chex-professinal .page-email form input,
  .content .cross-chex-professinal .page-email form button {
    text-align: center;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.content .cross-chex-professinal .page-email form label {
  color: #47A369;
  font-size: 24px;
  word-break: break-all;
  white-space: nowrap;
}
.content .page-item {
  width: 100%;
  height: auto;
  margin: auto;
}
@media (max-width:850px) {
  .content .page-item {
    max-width: 100%;
    padding: 0;
  }
}
.content .page-item .page-navigation {
  display: flex;
  justify-content: flex-end;
}
@media (max-width:850px) {
  .content .page-item .page-navigation {
    justify-content: center;
  }
}
.content .page-item .page-item-box {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width:850px) {
  .content .page-item .page-item-box {
    height: auto;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}
.content .page-item .box-top-right-radius {
  border: 2px solid;
  border-color: #47A369;
  border-top-right-radius: 50px;
}
.content .page-item .box-top-left-radius {
  border: 2px solid;
  border-color: #47A369;
  border-top-left-radius: 50px;
}
.content .page-item .circle {
  width: 100%;
  height: 400px;
  position: relative;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
  }
}
@media (max-width:850px) {
  .content .page-item .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
  }
}
.content .page-item .circle .rotate:nth-child(1) {
  transform: translate3d(-500px, 100px, 0);
}
.content .page-item .circle .rotate:nth-child(2) {
  transform: translate3d(-290px, -80px, 0);
}
.content .page-item .circle .rotate:nth-child(3) {
  transform: translate3d(0, -150px, 0);
}
.content .page-item .circle .rotate:nth-child(4) {
  transform: translate3d(290px, -80px, 0);
}
.content .page-item .circle .rotate:nth-child(5) {
  transform: translate3d(500px, 100px, 0);
}
.content .page-item .circle .circle-item {
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 47%;
  transform: translateX(-50%);
  top: 60%;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.content .page-item .circle .circle-item img {
  margin-bottom: 0;
  transform: scale(1.2);
  transition: all 0.3s ease-in-out;
}
.content .page-item .circle .circle-item:hover {
  background: #00A0E8;
  border: 1px solid #00A0E8;
}
@media (max-width:850px) {
  .content .page-item .circle .circle-item:hover {
    border: none;
    background: transparent;
  }
}
.content .page-item .circle .circle-item:hover img {
  transform: scale(1.5);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .circle .circle-item {
    position: static;
    left: 0;
    top: 0;
    transform: translate3d(0, 0, 0) !important;
    margin-right: 6%;
  }
  .content .page-item .circle .circle-item:last-child {
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .content .page-item .circle .circle-item {
    position: static;
    left: 0;
    top: 0;
    transform: translate3d(0, 0, 0) !important;
    margin-right: 6%;
    border-radius: 0%;
    display: flex;
    align-items: center;
    border: none;
  }
  .content .page-item .circle .circle-item:last-child {
    margin-right: 0;
  }
}
.content .page-item .img-system {
  display: block;
  margin: -6% auto 0;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .img-system {
    margin: 0 auto;
  }
}
@media (max-width:850px) {
  .content .page-item .img-system {
    margin: 0 auto;
  }
}
.content .page-item .img-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .img-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width:850px) {
  .content .page-item .img-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width:850px) {
  .content .page-item .img-text {
    width: 100%;
  }
}
.content .page-item .img-text .img {
  flex: 1;
  max-width: 50%;
  max-height: 450px;
}
@media (max-width:850px) {
  .content .page-item .img-text .img {
    margin-bottom: 4%;
    max-width: 100%;
    max-height: 100%;
  }
}
.content .page-item .img-text .img img {
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 272px;
  margin: auto;
}
@media (max-width:850px) {
  .content .page-item .img-text .img img {
    min-height: auto;
  }
}
.content .page-item .img-text .text {
  margin-left: 4%;
  flex: 1;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2em;
  max-width: 50%;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .img-text .text {
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .content .page-item .img-text .text {
    text-align: center;
    margin-right: 0;
    max-width: 100%;
  }
}
.content .page-item .img-text .text .title {
  display: inline-block;
  font-size: 40px;
  font-family: 'OpenSans-Semibold';
  margin-bottom: 16px;
}
@media (max-width:850px) {
  .content .page-item .img-text .text .title {
    font-size: 30px;
  }
}
.content .page-item .img-text .text .secu-title {
  color: transparent;
  background: linear-gradient(to right, #D0021B, #595757);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .page-item .img-text .text .cross-chex-title {
  color: #47A369;
}
.content .page-item .img-text .text .text-item {
  font-family: 'Montserrat-Light';
  font-size: 18px;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.content .page-item .img-text .text .text-item:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #47A369;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .page-item .text-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .text-img {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
}
@media (max-width:850px) {
  .content .page-item .text-img {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
}
@media (max-width:850px) {
  .content .page-item .text-img {
    width: 100%;
  }
}
.content .page-item .text-img .text {
  flex: 1;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2em;
  max-width: 50%;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .text-img .text {
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .content .page-item .text-img .text {
    text-align: center;
    margin-right: 0;
    max-width: 100%;
  }
}
.content .page-item .text-img .text .title {
  display: inline-block;
  font-size: 40px;
  font-family: 'OpenSans-Semibold';
  margin-bottom: 16px;
}
@media (max-width:850px) {
  .content .page-item .text-img .text .title {
    font-size: 30px;
  }
}
.content .page-item .text-img .text .secu-title {
  color: transparent;
  background: linear-gradient(to right, #D0021B, #595757);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .page-item .text-img .text .cross-chex-title {
  color: #47A369;
}
.content .page-item .text-img .text .text-item {
  font-family: 'Montserrat-Light';
  font-size: 18px;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.content .page-item .text-img .text .text-item:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #47A369;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.content .page-item .text-img .img {
  flex: 1;
  max-width: 50%;
  max-height: 450px;
}
@media (max-width:850px) {
  .content .page-item .text-img .img {
    margin-bottom: 4%;
    max-width: 100%;
    max-height: 100%;
  }
}
.content .page-item .text-img .img img {
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 272px;
  margin: auto;
}
@media (max-width:850px) {
  .content .page-item .text-img .img img {
    min-height: auto;
  }
}
.content .page-item .img-text-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: auto;
}
@media (max-width:850px) {
  .content .page-item .img-text-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.content .page-item .img-text-column .img {
  flex: 1;
  max-width: 100%;
  display: block;
  width: 100%;
  margin-bottom: 4%;
}
.content .page-item .img-text-column .img img {
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  margin: auto;
}
.content .page-item .img-text-column .text {
  text-align: center;
  flex: 1;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2em;
  width: 100%;
  max-width: 70%;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .page-item .img-text-column .text {
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .content .page-item .img-text-column .text {
    text-align: center;
    margin-right: 0;
  }
}
.content .page-item .img-text-column .text .title {
  display: inline-block;
  font-size: 40px;
  font-family: 'OpenSans-Semibold';
  margin-bottom: 16px;
}
@media (max-width:850px) {
  .content .page-item .img-text-column .text .title {
    font-size: 30px;
  }
}
.content .page-item .img-text-column .text .secu-title {
  color: transparent;
  background: linear-gradient(to right, #D0021B, #595757);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content .page-item .img-text-column .text .cross-chex-title {
  color: #47A369;
}
@media (max-width:850px) {
  .content .page-item .img-text-column .text {
    max-width: 100%;
  }
}
.content .page-item .text-warp {
  width: 80%;
  margin: auto;
  padding-bottom: 4%;
  border-bottom: 1px solid #eee;
}
@media (max-width:850px) {
  .content .page-item .text-warp {
    width: 100%;
    padding: 0 15px;
  }
}
.content .page-item .text-warp:last-child {
  border-bottom: 0;
}
.content .page-item .cross-chex-tab {
  display: flex;
  width: 100%;
  height: auto;
}
@media (max-width:850px) {
  .content .page-item .cross-chex-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border-top: none;
    background: transparent;
  }
}
.content .page-item .cross-chex-tab .item-tab {
  width: calc(100% / 3);
  height: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  opacity: 1;
  margin-right: 2em;
  border: 2px solid #fff;
  transition: all 0.3s ease-in-out;
}
.content .page-item .cross-chex-tab .item-tab:last-child {
  margin-right: 0;
}
@media (max-width:850px) {
  .content .page-item .cross-chex-tab .item-tab {
    width: 100%;
    padding: 0 15px;
    background: #eee;
    margin-bottom: 15px;
    border-top: 4px solid #47A369;
    margin-right: 0;
  }
}
.content .page-item .cross-chex-tab .item-tab:hover {
  border: 2px solid #47A369;
  transition: all 0.3s ease-in-out;
}
.content .page-item .cross-chex-tab .item-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  padding: 2em;
  color: #47A369;
  text-align: center;
}
.content .page-item .cross-chex-tab .item-header .item-icon {
  font-size: 8em;
}
.content .page-item .cross-chex-tab .item-header .anviz-btn {
  margin-top: 2em;
  margin-bottom: 1em;
}
.content .page-item .cross-chex-tab .item-body {
  height: auto;
  min-height: 540px;
  text-align: center;
  display: flex;
  padding: 2em;
}
.content .page-item .cross-chex-tab .item-body ul {
  width: 100%;
  height: auto;
}
.content .page-item .cross-chex-tab .item-body ul li {
  height: auto;
  min-height: 40px;
  line-height: 40px;
  font-family: 'Montserrat-Light';
  font-size: 16px;
  color: #101010;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.content .page-item .cross-chex-tab .item-body ul li:first-child {
  border-top: 1px solid #eee;
}
@media (max-width:850px) {
  .content .page-item .cross-chex-tab .item-body {
    padding: 0 15px;
    min-height: 100%;
  }
}
.content .page-item .cross-chex-tab .item-footer {
  display: flex;
  justify-content: center;
  padding: 2em;
}
@media (max-width:850px) {
  .content .page-item .cross-chex-tab .item-footer {
    padding: 1em 0;
  }
}
.content .page-item .cross-chex-tab .item-footer .anviz-btn {
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
.content .page-item .cross-chex-tab .item-footer .anviz-btn:last-child {
  margin-right: 0;
}
@media (max-width: 850px) {
  .content .page-item .casestudy-list-title {
    padding: 0;
  }
}
.content .page-item .casestudy-list {
  width: 100%;
}
@media (max-width: 850px) {
  .content .page-item .casestudy-list {
    padding: 0;
  }
}
.content .page-item .casestudy-list ul {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}
.content .page-item .casestudy-list li a {
  display: block;
  width: 100%;
}
.content .page-item .casestudy-list li img {
  margin: 0 auto 1em;
  width: auto;
  max-width: 136px;
  height: 100px;
  max-height: 100px;
  overflow: hidden;
}
.content .page-item .casestudy-list li .des {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: center;
}
.content .page-item .left {
  width: 80%;
  margin-right: 20%;
  margin: initial;
}
@media (max-width:850px) {
  .content .page-item .left {
    width: 100%;
    margin-right: 0;
    margin: auto;
  }
}
.content .page-item .right {
  width: 80%;
  margin-left: 20%;
}
@media (max-width:850px) {
  .content .page-item .right {
    width: 100%;
    margin-left: 0;
    margin: auto;
  }
}
.content .page-item .about-smarter h1 {
  font-family: 'Montserrat-Light';
}
.content .page-item .about-smarter .smarter-right {
  display: block;
  height: auto;
}
.content .product-pageheader {
  display: none;
}
.content .pageheader {
  background: #353434;
}
.content .pageheader .pageheader-title {
  padding: 2em 0;
}
.content .pageheader .pageheader-title h2,
.content .pageheader .pageheader-title span {
  height: auto;
  color: #fff;
}
.content .pageheader .pageheader-title h2 {
  display: flex;
  align-items: center;
}
.content .pageheader .pageheader-title .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: block;
  margin-right: 1em;
  position: relative;
}
.content .pageheader .pageheader-title .icon:before {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width:850px) {
  .content .page-in {
    margin-top: 4em;
  }
}
.content .page-in .page-item-box {
  background: #f0f0f0;
  border-color: #f0f0f0;
}
@media (max-width:850px) {
  .content .page-in .page-item-box {
    padding: 0;
    width: 100%;
    background: transparent;
    border-color: transparent;
  }
  .content .page-in .page-item-box .text {
    margin: 0;
    padding: 0;
  }
}
.content .page-in .page-item-box .in-item {
  font-family: 'Montserrat-Light';
  font-size: 18px;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.content .page-in .page-item-box .in-item:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #B62831;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content .page-item-top-14 {
  margin-top: 14% !important;
}
@media (max-width:850px) {
  .content .page-item-top-14 {
    margin-top: 4%;
  }
  .content .page-item-top-14:last-child {
    margin-bottom: 15px;
  }
}
.content .page-item-bottom-4 {
  margin-bottom: 4% !important;
}
@media (max-width:850px) {
  .content .page-item-bottom-4 {
    margin-bottom: 4%;
  }
  .content .page-item-bottom-4:last-child {
    margin-bottom: 15px;
  }
}
.content .page-item-bottom-10 {
  margin-bottom: 10% !important;
}
@media (max-width:850px) {
  .content .page-item-bottom-10 {
    margin-bottom: 4%;
  }
  .content .page-item-bottom-10:last-child {
    margin-bottom: 15px;
  }
}
.content .page-item-bottom {
  margin-bottom: 10% !important;
}
@media (max-width:850px) {
  .content .page-item-bottom {
    margin-bottom: 20%;
  }
  .content .page-item-bottom:last-child {
    margin-bottom: 0;
  }
}
.content .cross-chex-title {
  color: #47A369;
  text-align: center;
  margin-bottom: 6% !important;
}
@media (max-width:850px) {
  .content .cross-chex-title {
    margin: 8% 0;
  }
}
.content .cross-chex-title .line {
  border: 1px solid #ddd;
  display: block;
  width: 20%;
  margin: 2% auto 0;
  height: 0;
}
.content .in-title {
  color: #B62831;
  text-align: center;
  margin-bottom: 6% !important;
}
@media (max-width:850px) {
  .content .in-title {
    margin: 8% 0;
  }
}
@media (max-width:850px) {
  .content .in-app {
    margin: 4em 0 !important;
  }
}
.content .in-app .soft-box {
  margin-top: 4em;
}
@media (max-width:850px) {
  .content .in-app .soft-box {
    margin-top: 0;
  }
}
.content .in-app .soft-box .system-list {
  height: 0;
}
@media (max-width:850px) {
  .content .in-app .soft-box .system-list {
    height: auto;
  }
}
.content .in-app .soft-box .system-list li img {
  max-width: 100%;
}
@media (max-width:850px) {
  .content .in-app .soft-box .system-list li img {
    position: relative;
  }
}
@media (max-width:850px) {
  .content .in-app .soft-box .system-list li:nth-child(1),
  .content .in-app .soft-box .system-list li:nth-child(3) {
    display: none;
  }
}
.content .in-app .soft-box .box-line {
  justify-content: space-between;
  background: #f0f0f0;
  border: 1px solid #f0f0f0;
  padding: 0 10em;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .in-app .soft-box .box-line {
    padding: 0 4em;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width:850px) {
  .content .in-app .soft-box .box-line {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: 2em 0;
    height: auto;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
  }
}
.content .in-app .soft-box .box-line li:nth-child(1),
.content .in-app .soft-box .box-line li:nth-child(2) {
  align-items: flex-start;
  width: 24%;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .content .in-app .soft-box .box-line li:nth-child(1),
  .content .in-app .soft-box .box-line li:nth-child(2) {
    width: 28%;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width:850px) {
  .content .in-app .soft-box .box-line li:nth-child(1),
  .content .in-app .soft-box .box-line li:nth-child(2) {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .content .in-app .soft-box .box-line li:nth-child(1) {
    margin-bottom: 4em;
  }
}
.content .in-app .soft-box .box-line .h3-title {
  color: #B62831;
  text-align: left;
  line-height: 1;
}
.content .in-app .soft-box .box-line .des {
  color: #101010;
  text-align: left;
}
.content .in-app .soft-box .box-line .anviz-btn {
  text-align: left;
}
@media (max-width:850px) {
  .content .in-app .soft-box .box-line .anviz-btn {
    margin: 15px 0;
  }
}
.content .in-app .soft-box .box-line .anviz-btn .icon {
  color: #fff;
  font-size: 16px;
  padding-right: 10px;
}
.content .in-app .soft-box .box-line .page-mobile-style {
  margin: 0;
}
@media (max-width:850px) {
  .content .in-app .soft-box .box-line .page-mobile-style {
    margin: 15px 0;
  }
}
.content .in-app .soft-box .box-line .page-mobile-style img {
  max-width: 100%;
}
.content .in-application {
  text-align: center;
  background: #B62831;
  border-radius: 24px;
  transition: all 0.3s ease-in-out;
}
@media (max-width:850px) {
  .content .in-application {
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
  }
}
.content .in-application .h3-title {
  color: #fff;
}
.content .in-application img {
  margin-bottom: 0;
  display: block;
  width: auto;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
.content .login-warp form,
.content .login-warp .register-wrap {
  margin: 4% auto 2%;
}
.content .register-title {
  margin-bottom: 6%;
}
.content .register-content h2 {
  width: 100%;
  padding-left: 1%;
  padding-bottom: 2%;
  border-bottom: 1px solid #ddd;
}
.content .register-content form {
  margin: 4% auto 2%;
}
.content .search {
  width: 100%;
  height: auto;
  padding: 1em 0;
}
.content .search .form-inline,
.content .search .input-warp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.content .search .input-warp {
  width: 50%;
}
.content .search .input-warp input[type="text"] {
  width: 98%;
}
.content .news-list {
  background: #fff;
  width: 100%;
  height: auto;
  padding: 1em 0;
}
.content .news-list .list-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1em 0;
  border-bottom: 1px solid #eee;
}
.content .news-list .list-item:last-child {
  border-bottom: 0;
}
.content .news-list .list-item img {
  width: 100%;
  max-width: 200px;
  height: auto;
  max-height: 200px;
  display: block;
  border: 2px solid #eee;
  margin-bottom: 0;
  margin-right: 1em;
}
.content .news-list .list-item h4 {
  margin-top: 0;
}
.content .news-list .list-item .info {
  max-height: 200px;
}
.casesutdy-details {
  width: 100%;
  background: #fff;
  height: auto;
}
@media (max-width: 850px) {
  .casesutdy-details {
    padding: 0 15px;
  }
}
.casesutdy-details .page-item {
  padding: 4em 0 2em;
}
@media (max-width: 850px) {
  .casesutdy-details .page-item {
    padding: 0;
  }
}
.casesutdy-details .header {
  height: auto;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-bottom: 1px solid #eee;
  background: #f8fafc;
  padding: 15px;
  margin-bottom: 4em;
}
.casesutdy-details .header h1 {
  font-size: 42px;
  height: auto;
  margin-bottom: 1em;
}
@media (max-width: 850px) {
  .casesutdy-details .header h1 {
    font-size: 24px;
  }
}
.casesutdy-details .content {
  padding: 15px 0;
}
@media (max-width: 850px) {
  .casesutdy-details .content {
    padding: 15px;
  }
}
.casesutdy-details .content .des,
.casesutdy-details .content span,
.casesutdy-details .content strong,
.casesutdy-details .content a,
.casesutdy-details .content b,
.casesutdy-details .content small,
.casesutdy-details .content div,
.casesutdy-details .content header,
.casesutdy-details .content section,
.casesutdy-details .content tr,
.casesutdy-details .content td,
.casesutdy-details .content th,
.casesutdy-details .content ul,
.casesutdy-details .content li,
.casesutdy-details .content ol,
.casesutdy-details .content dt,
.casesutdy-details .content dl {
  margin-bottom: 1em;
  white-space: normal;
  word-break: break-word;
  color: #101010;
}
@media (max-width: 850px) {
  .casesutdy-details .content .des,
  .casesutdy-details .content span,
  .casesutdy-details .content strong,
  .casesutdy-details .content a,
  .casesutdy-details .content b,
  .casesutdy-details .content small,
  .casesutdy-details .content div,
  .casesutdy-details .content header,
  .casesutdy-details .content section,
  .casesutdy-details .content tr,
  .casesutdy-details .content td,
  .casesutdy-details .content th,
  .casesutdy-details .content ul,
  .casesutdy-details .content li,
  .casesutdy-details .content ol,
  .casesutdy-details .content dt,
  .casesutdy-details .content dl {
    font-size: 18px;
  }
}
@media (max-width: 850px) {
  .casesutdy-details .content p {
    font-size: 18px;
  }
}
@media (max-width:850px) {
  .casesutdy-details .content p img {
    margin: auto;
    width: auto !important;
  }
}
@media (max-width:850px) {
  .casesutdy-details .content .faq a {
    display: block;
    margin-bottom: 2em;
    line-height: 2;
  }
}
.casesutdy-details .content table {
  font-size: 16px;
  border: 1px solid #fff !important;
}
@media (max-width:850px) {
  .casesutdy-details .content table {
    border: 1px solid #fff !important;
    width: auto !important;
  }
}
@media (max-width:850px) {
  .casesutdy-details .content table img {
    margin: auto;
    width: auto !important;
  }
}
.casesutdy-details .content p img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.casesutdy-details .content img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.casesutdy-details .content.news a,
.casesutdy-details .content.casestudy a,
.casesutdy-details .content.faq a {
  color: #007db5;
  text-decoration: underline;
}
.casesutdy-details .content.news a b,
.casesutdy-details .content.casestudy a b,
.casesutdy-details .content.faq a b {
  color: unset;
}
.casesutdy-details .content.news ul,
.casesutdy-details .content.casestudy ul,
.casesutdy-details .content.faq ul,
.casesutdy-details .content.news li,
.casesutdy-details .content.casestudy li,
.casesutdy-details .content.faq li {
  list-style: revert;
  padding: revert;
}
.text-info .h3-title {
  color: #00A0E8;
}
.text-info .des {
  width: 80%;
  text-align: left;
}
@media (max-width: 850px) {
  .text-info .des {
    width: 100%;
  }
}
.page-img-text-warp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: auto;
}
@media (max-width:850px) {
  .page-img-text-warp {
    width: 100%;
  }
}
.page-img-text-column-warp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: auto;
}
@media (max-width:850px) {
  .page-img-text-column-warp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.page-item-column-tigle {
  flex: 1;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2em;
  width: 100%;
  max-width: 70%;
  margin: auto;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .page-item-column-tigle {
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .page-item-column-tigle {
    text-align: center;
    margin-right: 0;
  }
}
.page-item-column-tigle .title {
  display: inline-block;
  font-size: 40px;
  font-family: 'OpenSans-Semibold';
  margin-bottom: 16px;
}
@media (max-width:850px) {
  .page-item-column-tigle .title {
    font-size: 30px;
  }
}
.page-item-column-tigle .secu-title {
  color: transparent;
  background: linear-gradient(to right, #D0021B, #595757);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-item-column-tigle .cross-chex-title {
  color: #47A369;
}
.page-item-tigle {
  flex: 1;
  align-self: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2em;
  max-width: 50%;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .page-item-tigle {
    text-align: center;
    margin-right: 0;
  }
}
@media (max-width:850px) {
  .page-item-tigle {
    text-align: center;
    margin-right: 0;
    max-width: 100%;
  }
}
.page-item-tigle .title {
  display: inline-block;
  font-size: 40px;
  font-family: 'OpenSans-Semibold';
  margin-bottom: 16px;
}
@media (max-width:850px) {
  .page-item-tigle .title {
    font-size: 30px;
  }
}
.page-item-tigle .secu-title {
  color: transparent;
  background: linear-gradient(to right, #D0021B, #595757);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-item-tigle .cross-chex-title {
  color: #47A369;
}
.page-item-img {
  flex: 1;
  max-width: 50%;
  max-height: 450px;
}
@media (max-width:850px) {
  .page-item-img {
    margin-bottom: 4%;
    max-width: 100%;
    max-height: 100%;
  }
}
.page-item-img img {
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 272px;
  margin: auto;
}
@media (max-width:850px) {
  .page-item-img img {
    min-height: auto;
  }
}
.page-item-img-column {
  flex: 1;
  max-width: 100%;
  display: block;
  width: 100%;
  margin-bottom: 4%;
}
.page-item-img-column img {
  display: block;
  margin-bottom: 0;
  max-width: 100%;
  margin: auto;
}
.text-list .text-item {
  font-family: 'Montserrat-Light';
  font-size: 18px;
  line-height: 2;
  text-align: left;
  padding-left: 15px;
  position: relative;
}
.text-list .text-item:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #47A369;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.test-list-left {
  padding-left: 10%;
}
@media (max-width:850px) {
  .test-list-left {
    padding-left: 0;
  }
}
.test-list-right {
  padding-right: 10%;
}
@media (max-width:850px) {
  .test-list-right {
    padding-right: 0;
  }
}
.pagebg-ee {
  background: #eee;
}
.page-item-top-right-radius .img-text .text {
  margin-left: 2% !important;
  padding-left: 6% !important;
  background: #eee;
  border-top-right-radius: 20px;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .page-item-top-right-radius .img-text .text {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }
}
@media (max-width:850px) {
  .page-item-top-right-radius .img-text .text {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }
}
.page-item-top-right-radius .text-img .text {
  margin-right: 2% !important;
  padding-left: 6% !important;
  background: #eee;
  border-top-right-radius: 20px;
}
@media (min-width: 851px) and (max-width: 1300px) {
  .page-item-top-right-radius .text-img .text {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }
}
@media (max-width:850px) {
  .page-item-top-right-radius .text-img .text {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
  }
}
.comming-soon {
  height: 400px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width:850px) {
  .comming-soon {
    height: 100px;
  }
}
.smarter-slide {
  display: flex;
  justify-content: center;
}
.smarter-slide img {
  width: 80%;
  display: block;
  border: 15px solid #fff;
}
.smarter-pagination {
  position: absolute;
  top: 87% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #00A0E8 !important;
}
.smarter-prev {
  width: 40px;
  height: auto;
  background-image: none;
}
.smarter-prev:before {
  font-family: 'anviz' !important;
  content: "\ea76";
  font-size: 50px;
  color: #101010;
}
.smarter-next {
  width: 40px;
  height: auto;
  background-image: none;
}
.smarter-next:before {
  font-family: 'anviz' !important;
  content: "\ea75";
  font-size: 50px;
  color: #101010;
}
.careers-banner {
  background-image: url(../../img/about/careers/careers01.jpg);
  width: 100%;
  height: 500px;
  max-height: 500px;
  background-size: cover;
  padding: 2em;
  display: flex;
  align-items: center;
}
.careers-banner .careers-info {
  width: 60%;
}
@media (max-width: 850px) {
  .careers-banner .careers-info {
    width: 100%;
  }
}
.careers-row {
  margin: 1em 0;
}
.careers-row .careers-item {
  padding-left: 0;
}
.careers-row .careers-item:last-child {
  padding-right: 0;
}
.careers-row .careers-item img {
  width: 100%;
  min-height: 160px;
}
.careers-row .careers-item .h3-title {
  line-height: 1.2;
  height: auto;
  margin-bottom: 1em;
}
.careers-pp {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.careers-pp .img-careers-customer {
  margin-right: 15px;
}
.careers-pp .careers-customer-info {
  padding: 15px;
  background: #eee;
  position: relative;
  width: 80%;
  height: 100px;
  max-height: 120px;
}
.careers-pp .careers-customer-info:after {
  content: '';
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #eee;
  position: absolute;
  top: 28px;
  left: -8px;
}
/*wheretobuy*/
.wheretobuy-banner {
  padding: 2em;
  background: #fff url(../../img/about/where-buy-map.jpg) center 20px no-repeat;
  height: 220px;
  position: relative;
}
.wheretobuy-banner .h2-title {
  height: auto;
}
.wheretobuy-banner .where-info {
  padding: 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 160, 232, 0.7);
  box-shadow: 0 2px 4px rgba(170, 170, 170, 0.6);
}
.wheretobuy-banner .where-info .des {
  margin-bottom: 0;
}
.wheretobuy-banner .where-info .des a {
  color: yellow;
  text-decoration: underline;
}
.contact-us-warp {
  width: 100%;
  padding: 1em;
  height: 300px;
  max-height: 300px;
  margin-bottom: 2em;
  background: #fafafa;
  text-align: center;
}
.contact-us-warp h2 {
  font-size: 24px;
  line-height: 10;
  height: auto;
}
.contact-us-warp h2 a {
  color: #00A0E8;
}
.select-country {
  width: 100%;
  background: #fff;
  padding: 1em;
  margin: 2em 0;
}
.anviz-reseller-warp {
  width: 100%;
  height: auto;
}
.anviz-reseller-warp .anviz-reseller-item .address-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.anviz-reseller-warp .anviz-reseller-item .address-list .conpany-item {
  padding: 15px;
  min-height: 190px;
  display: block;
  border: 1px solid #eee;
  background: #fafafa;
  transform: scale(1);
  box-shadow: inherit;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.anviz-reseller-warp .anviz-reseller-item .address-list .conpany-item:hover {
  transform: scale(1.2);
  z-index: 9;
  box-shadow: 0 9px 9px rgba(230, 230, 230, 0.5);
  transition: all 0.3s ease-in-out;
}
.anviz-reseller-warp .anviz-reseller-item .address-list .address-item {
  margin: 10px;
  flex: 1 1 auto;
}
.anviz-reseller-warp .anviz-reseller-item .address-list .address-item address {
  padding: 1em 0;
}
/*faq*/
.faq-list {
  padding: 0 15px;
}
.faq-list .faq-list-item {
  margin-bottom: 10px;
  background: #eee;
  padding: 0.6em;
  line-height: 1.5;
  border-left: 2px solid transparent;
}
.faq-list .faq-list-item .title-link,
.faq-list .faq-list-item .title-date {
  padding: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.faq-list .faq-list-item .title-link:hover {
  text-decoration: underline;
}
.faq-list .faq-list-item .title-date {
  text-align: right;
  color: #aaa;
}
.publishTime_share {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width:850px) {
  .publishTime_share .at-resp-share-element.at-mobile .at-share-btn {
    margin-right: 2px;
  }
}
footer {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 721px) and (max-width: 1024) {
  footer {
    position: relative;
    top: 100px;
  }
}
footer .home-send-mail {
  background: #4b4b4a;
  width: 100%;
  height: auto;
  margin: auto;
  text-align: left;
}
footer .home-send-mail input[type="text"] {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
}
footer .home-send-mail .checkbox-warp {
  padding: 0;
  width: 70%;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  footer .home-send-mail .checkbox-warp {
    width: 90%;
  }
}
@media (max-width:850px) {
  footer .home-send-mail .checkbox-warp {
    width: 100%;
  }
}
@media (max-width:850px) {
  footer .home-send-mail {
    padding: 15px 0;
  }
}
@media (max-width: 850px) {
  footer .home-send-mail {
    max-width: 100%;
  }
}
footer .home-send-mail .h3-title {
  color: #fff;
}
footer .home-send-mail form {
  display: flex;
  justify-content: flex-start;
}
@media (max-width:850px) {
  footer .home-send-mail form {
    height: auto;
    align-items: center;
  }
}
footer .home-send-mail form .form-group {
  width: 100%;
}
@media (max-width:850px) {
  footer .home-send-mail form .form-group {
    margin: 0;
  }
}
footer .home-send-mail form .form-group .form-control {
  width: 100% !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
footer .home-send-mail form .anviz-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 0;
  margin: 0;
}
@media (max-width:850px) {
  footer .home-send-mail form .anviz-btn {
    margin: 0;
  }
}
footer .home-send-mail form .anviz-btn:hover {
  text-decoration: none;
}
footer .home-send-mail .checkbox {
  max-width: 100%;
}
footer .home-send-mail .checkbox .checkbox-label {
  color: #fff;
}
@media (max-width: 850px) {
  footer .home-send-mail .checkbox .checkbox-label {
    padding: 0;
    padding-left: 10px;
  }
}
@media (max-width: 850px) {
  footer .home-send-mail .checkbox label {
    padding: 0;
  }
}
footer .home-send-mail .checked .checkbox-label {
  color: #fff;
}
@media (max-width: 850px) {
  footer .home-send-mail .checked .checkbox-label {
    padding-left: 10px;
  }
}
footer .mail-warp {
  width: 100%;
  height: auto;
  margin: auto;
  text-align: left;
}
@media (max-width: 850px) {
  footer .mail-warp {
    max-width: 100%;
  }
}
footer .mail-warp .h3-title {
  color: #fff;
}
footer .mail-warp form {
  display: flex;
  justify-content: flex-start;
}
@media (max-width:850px) {
  footer .mail-warp form {
    height: auto;
    align-items: center;
  }
}
footer .mail-warp form .form-group {
  width: 100%;
}
@media (max-width:850px) {
  footer .mail-warp form .form-group {
    margin: 0;
  }
}
footer .mail-warp form .form-group .form-control {
  width: 100% !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
footer .mail-warp form .anviz-btn {
  background: #111;
  color: #fff;
  border: none;
  border-radius: 0;
  margin: 0;
}
@media (max-width:850px) {
  footer .mail-warp form .anviz-btn {
    margin: 0;
  }
}
footer .mail-warp form .anviz-btn:hover {
  text-decoration: none;
}
footer .mail-warp .checkbox {
  max-width: 100%;
}
footer .mail-warp .checkbox .checkbox-label {
  color: #fff;
}
@media (max-width: 850px) {
  footer .mail-warp .checkbox .checkbox-label {
    padding: 0;
    padding-left: 10px;
  }
}
@media (max-width: 850px) {
  footer .mail-warp .checkbox label {
    padding: 0;
  }
}
footer .mail-warp .checked .checkbox-label {
  color: #fff;
}
@media (max-width: 850px) {
  footer .mail-warp .checked .checkbox-label {
    padding-left: 10px;
  }
}
footer .footer-warp {
  background: #232322;
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
@media (max-width:850px) {
  footer .footer-warp {
    padding: 0;
  }
}
footer .footer-warp .footer-start {
  width: 100%;
  height: 324px;
  display: flex;
  justify-content: center;
  margin: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 850px) {
  footer .footer-warp .footer-start {
    padding: 0;
  }
}
footer .footer-warp .foorter-sitelink {
  flex: 3;
  height: 100%;
  display: flex;
}
@media (min-width: 851px) and (max-width: 1439px) {
  footer .footer-warp .foorter-sitelink {
    justify-content: flex-start;
  }
}
footer .footer-warp .foorter-sitelink .item-link {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
  margin-right: 1.5%;
  width: calc(1000px / 5);
}
@media (min-width: 851px) and (max-width: 1439px) {
  footer .footer-warp .foorter-sitelink .item-link {
    width: auto;
    display: flex;
    justify-content: flex-start;
    flex-basis: calc(100% / 5);
  }
  footer .footer-warp .foorter-sitelink .item-link:last-child {
    margin-right: 0;
  }
}
footer .footer-warp .foorter-sitelink .item-link .link-title {
  display: inline-block;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 16px;
}
footer .footer-warp .foorter-sitelink .item-link ul {
  height: 100%;
}
footer .footer-warp .foorter-sitelink .item-link ul li {
  height: auto;
  line-height: 20px;
  margin-bottom: 6px;
}
footer .footer-warp .foorter-sitelink .item-link ul li.mobile-link {
  display: none;
}
@media (max-width:850px) {
  footer .footer-warp .foorter-sitelink .item-link ul li.mobile-link {
    display: block;
  }
}
footer .footer-warp .foorter-sitelink .item-link ul li .link-sub-title {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
}
footer .footer-warp .foorter-sitelink .item-link ul li .link-sub-title:hover {
  text-decoration: underline;
}
footer .footer-warp .footer-siteshare {
  flex: 2;
  max-width: 600px;
}
footer .footer-warp .footer-siteshare .item-link {
  display: flex;
  flex-direction: column;
  padding: 1em 0;
}
footer .footer-warp .footer-siteshare .item-link .item-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footer-warp .footer-siteshare .item-link .link-title {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
footer .footer-warp .footer-siteshare .item-link .link-title:hover {
  text-decoration: underline;
}
footer .footer-warp .footer-siteshare .item-link .link-sub-title {
  color: rgba(255, 255, 255, 0.8);
}
footer .footer-warp .footer-siteshare .item-link .link-sub-title:hover {
  text-decoration: underline;
}
footer .footer-warp .footer-siteshare .item-link ul .media-hot {
  display: flex;
}
footer .footer-warp .footer-siteshare .item-link ul .media-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
footer .footer-warp .footer-siteshare .item-link ul .media-icon .icon {
  font-size: 24px;
  color: #fff;
  padding-right: 0;
}
footer .footer-warp .footer-siteshare .item-link ul .media-icon:hover {
  opacity: 0.8;
}
footer .footer-warp .footer-siteshare .item-link ul .media-des {
  width: 90%;
}
footer .footer-warp .footer-siteshare .item-link ul .media-des small {
  color: #aaa;
  font-size: 16px;
}
footer .footer-warp .footer-siteshare .item-link ul .media-des .des {
  color: #aaa;
  line-height: 1.5;
  font-size: 14px;
}
footer .footer-warp .footer-end {
  height: 80px;
  width: 98%;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding: 1em 0;
}
footer .footer-warp .footer-end .footer-info {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
footer .footer-warp .footer-end .info:nth-child(2) .footer-info {
  color: rgba(255, 255, 255, 0.8);
  padding: 0 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
footer .footer-warp .footer-end .info:nth-child(2) .footer-info:last-child {
  border-right: 0;
}
footer .footer-warp .footer-end .info:nth-child(2) .footer-info .icon {
  padding-right: 10px;
}
.twitter {
  background: #00ACED;
}
.facebook {
  background: #5395EC;
}
.youtobe {
  background: #FF001F;
}
.google {
  background: #DD4B39;
}
.linkedin {
  background: #0073b1;
}
.linkedin .icon {
  font-size: 30px !important;
  font-weight: 400;
}
.instagram {
  background: #d2061e;
}
.instagram .icon {
  font-size: 30px !important;
  font-weight: 400;
}
.st-sticky-share-buttons {
  display: none!important;
}
footer {
  width: 100%;
  height: auto;
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
  position: relative;
}
@media (max-width: 850px) {
  footer {
    padding: 1em;
  }
}
footer .footer-header {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in;
}
footer .footer-header .links a {
  color: #fff;
  line-height: 1.5;
  opacity: 1;
}
footer .footer-header .links a:hover {
  opacity: 0.8;
}
footer .footer-header .links a.title {
  font-size: 18px;
  font-weight: 600;
  white-space: normal;
  height: 70px;
  display: inline-block;
  word-spacing: normal;
}
@media (max-width: 850px) {
  footer .footer-header .links a.title {
    height: auto;
  }
}
footer .footer-header .links a.sub-title {
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 6px;
}
@media (max-width: 850px) {
  footer .footer-header .links a.sub-title {
    display: none;
    transition: all 0.3s ease-in;
  }
}
footer .footer-header .links .item {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.1);
}
footer .footer-body {
  margin: 4em 0 2em;
}
footer .footer-body h2 {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 850px) {
  footer .footer-body h2 {
    font-size: 22px;
    padding: 0;
    text-align: center;
  }
}
footer .footer-body ul {
  display: flex;
}
@media (max-width: 850px) {
  footer .footer-body ul {
    flex-direction: column;
    align-items: center;
  }
}
footer .footer-body ul li {
  flex: 1;
  padding: 2em 0;
}
footer .footer-body ul li.media-hot {
  display: flex;
  align-items: center;
}
footer .footer-body ul li.media-hot a {
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
footer .footer-body ul li.media-hot a span {
  font-size: 24px;
}
footer .footer-body ul li.stay-form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 850px) {
  footer .footer-body ul li.stay-form {
    width: 100%;
  }
}
footer .footer-body ul li.stay-form h5 {
  color: #fff;
  margin-right: 15px;
}
@media (max-width: 850px) {
  footer .footer-body ul li.stay-form h5 {
    display: none;
  }
}
footer .footer-body ul li.stay-form form {
  flex: 1;
}
footer .footer-body ul li.stay-form form.subscription-form {
  max-width: 100%;
  display: flex;
  position: relative;
}
footer .footer-body ul li.stay-form form.subscription-form input[type="text"] {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 14px;
  color: #555;
  z-index: 3;
  position: relative;
}
footer .footer-body ul li.stay-form form.subscription-form .anviz-btn {
  position: absolute;
  width: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  margin: 0;
  background-color: #111;
}
footer .footer-body ul li.stay-form form.subscription-form .anviz-btn span {
  font-size: 30px;
  display: block;
  margin-left: 5px;
}
footer .footer-body ul li.anviz-shop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
footer .footer-body ul li.anviz-shop a {
  color: #fff;
}
footer .footer-bottom {
  width: 100%;
  height: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1em 0;
}
footer .footer-bottom ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
@media (max-width: 850px) {
  footer .footer-bottom ul {
    flex-direction: column;
  }
}
footer .footer-bottom ul .btn-link {
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  font-weight: 500;
}
footer .footer-bottom ul .btn-link:last-child {
  margin-right: 0;
}
@media (max-width: 850px) {
  footer .footer-bottom ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
  }
}
.twitter {
  background: #00ACED;
}
.facebook {
  background: #5395EC;
}
.youtobe {
  background: #FF001F;
}
.google {
  background: #DD4B39;
}
.linkedin {
  background: #0073b1;
}
.linkedin .icon {
  font-size: 30px !important;
  font-weight: 400;
}
.instagram {
  background: #d2061e;
}
.instagram .icon {
  font-size: 30px !important;
  font-weight: 400;
}
.scroll-active {
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
}
.anviz-primary-btn-new {
  color: #fff;
  background-color: #0068B7;
}
header.mobile .top-nav-bg {
  background: #4b4b4a;
}
header.new-nav-warp .product-nav {
  transition: background-color 0.2s linear !important;
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav {
    background: -webkit-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: -moz-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: -o-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: #1d208a;
    transition: all 0.3s ease-in;
  }
}
header.new-nav-warp .product-nav.scroll-active {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  position: fixed;
  top: 0;
}
header.new-nav-warp .product-nav:hover {
  background: -webkit-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -moz-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: -o-linear-gradient(to right, #0068B7, #1D2088) !important;
  background: linear-gradient(to right, #0068B7, #1D2088) !important;
  background: #1d208a;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav:hover {
    background: -webkit-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: -moz-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: -o-linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: linear-gradient(to right, #4b4b4a, #4b4b4a) !important;
    background: #1d208a;
    transition: all 0.3s ease-in;
  }
}
@media (max-width: 720px) {
  header.new-nav-warp .product-nav {
    overflow-y: scroll;
    visibility: visible;
    background: #4b4b4a;
  }
  header.new-nav-warp .product-nav:hover {
    background: #4b4b4a;
  }
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item {
  padding: 0 6px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item.login .series-link,
header.new-nav-warp .product-nav .series-pro-nav > li.series-item.cart .series-link {
  padding: 0 10px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item .series-link {
  font-size: 14px;
}
header.new-nav-warp .product-nav .series-pro-nav > li.series-item .series-link span {
  margin-right: 0;
}
@media (max-width: 1200px) {
  header.new-nav-warp .product-nav .series-pro-nav > li.series-item {
    padding: 0;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .icon {
  display: none;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav {
  overflow: visible;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav {
    height: auto!important;
    overflow: hidden;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li {
  white-space: nowrap;
  position: relative;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li .sub-nav {
  display: none;
  transition: all 0.3s ease;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li .sub-nav {
    display: none;
    position: relative;
    height: fit-content !important;
    padding-left: 1em;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li:hover .sub-nav {
  display: block;
  margin-left: 0;
  top: 0;
  left: 100%;
}
@media (max-width: 850px) {
  header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li:hover .sub-nav {
    left: 0;
  }
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li:hover .sub-nav li a {
  padding: 1em;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li:hover .sub-nav li:hover a {
  color: #0068B7;
}
header.new-nav-warp .product-nav .series-pro-nav li.support-nav .sub-nav ul li:hover > ul .sub-nav {
  overflow-x: visible;
  overflow-y: hidden;
}
.grid {
  display: grid;
  margin: 0;
}
.grid-auto {
  grid-template-columns: repeat(auto-fit);
}
.grid-cuizi-center {
  align-self: center;
}
.gap-10 {
  gap: 10px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
@media (max-width: 850px) {
  .gap-40 {
    gap: 10px;
  }
}
.gap-50 {
  gap: 50px;
}
.grid-vertical-center {
  align-self: center;
}
.grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
@media (max-width: 850px) {
  .grid-col-9 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 1024px) {
  .grid-col-8 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 850px) {
  .grid-col-8 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 950px) {
  .grid-col-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 850px) {
  .grid-col-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
  .grid-col-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 850px) {
  .grid-col-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grey {
  background: #FAFAFA;
}
.textcenter {
  text-align: center;
}
.top {
  margin-top: 2rem;
}
.left {
  direction: ltr;
}
.right {
  direction: rtl;
}
.max-1440 {
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 950px) {
  .max-1440 {
    max-width: 100%;
  }
}
.max-90 {
  max-width: 90%;
  margin: 0 auto;
}
img.black {
  -webkit-filter: brightness(0%);
  -moz-filter: brightness(0%);
  -o-filter: brightness(0%);
  filter: brightness(0%);
}
img.white {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100%);
}
.btn-link {
  font-weight: 600;
}
.content #homeStatic {
  display: flex;
  flex-direction: column;
  position: relative;
}
.content #homeBanner {
  order: 1;
  height: 45vw;
  background-color: #000;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1260px) {
  .content #homeBanner {
    height: auto;
  }
}
@media (max-width: 950px) {
  .content #homeBanner {
    height: auto;
    min-height: 48vw;
    background-image: none;
    background-color: #000;
  }
}
.content #homeBanner .pannl-warp {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1300px) {
  .content #homeBanner .pannl-warp {
    display: flex;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp {
    flex-direction: column;
  }
}
.content #homeBanner .pannl-warp .info {
  margin-left: 4%;
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 4%;
  z-index: 4;
}
@media (max-width: 1440px) {
  .content #homeBanner .pannl-warp .info {
    padding-right: 0;
    padding-top: 60px;
  }
}
@media (max-width: 1200px) {
  .content #homeBanner .pannl-warp .info {
    padding-top: 100px;
    width: 48%;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .info {
    width: 94%;
    color: #fff;
  }
}
@media (max-width: 850px) {
  .content #homeBanner .pannl-warp .info {
    width: 94%;
    margin-left: 0;
    padding-right: 0;
    margin: 0;
    text-align: center;
  }
}
.content #homeBanner .pannl-warp .info h1 {
  font-size: 3.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .info h1 {
    font-size: 2rem;
    color: #fff;
  }
}
.content #homeBanner .pannl-warp .info h3 {
  font-size: 24px;
  line-height: 1.5;
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .info h3 {
    color: #fff;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .info p {
    color: #fff;
  }
}
.content #homeBanner .pannl-warp .info .choose-box {
  margin: 4em 0;
}
@media (max-width: 1440px) {
  .content #homeBanner .pannl-warp .info .choose-box {
    margin: 2em 0;
  }
}
.content #homeBanner .pannl-warp .info .prompt {
  max-width: 60%;
  margin-top: 1.5em;
}
.content #homeBanner .pannl-warp .info form.subscription-form {
  max-width: 70%;
  display: flex;
  position: relative;
  margin-top: 1em;
}
@media (max-width: 850px) {
  .content #homeBanner .pannl-warp .info form.subscription-form {
    max-width: 100%;
  }
}
.content #homeBanner .pannl-warp .info form.subscription-form input[type="text"] {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 14px;
  color: #555;
  z-index: 3;
  position: relative;
}
.content #homeBanner .pannl-warp .info form.subscription-form .anviz-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  margin: 0;
  border-radius: 40px;
}
@media (max-width: 850px) {
  .content #homeBanner .pannl-warp .info form.subscription-form .anviz-primary-btn {
    background-color: #0068b6;
    border-color: #0068b6;
  }
}
.content #homeBanner .pannl-warp .video-mask {
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
.content #homeBanner .pannl-warp .video-mask img {
  height: 100%;
  margin-bottom: 0;
  margin-left: -5%;
}
@media (max-width: 1440px) {
  .content #homeBanner .pannl-warp .video-mask img {
    margin-left: 0;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .video-mask {
    display: none;
  }
}
.content #homeBanner .pannl-warp .video-box {
  width: 110%;
  height: 100%;
  z-index: 2;
  position: relative;
}
.content #homeBanner .pannl-warp .video-box video {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  object-fit: cover;
}
@media (max-width: 1440px) {
  .content #homeBanner .pannl-warp .video-box video {
    width: 118%;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .video-box video {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    transform: none;
  }
}
@media (max-width: 1440px) {
  .content #homeBanner .pannl-warp .video-box {
    max-width: 50%;
  }
}
@media (max-width: 1200px) {
  .content #homeBanner .pannl-warp .video-box {
    max-width: 50%;
  }
}
@media (max-width: 950px) {
  .content #homeBanner .pannl-warp .video-box {
    max-width: 100%;
  }
}
.content .news-list {
  padding: 6em 0;
}
@media (max-width: 850px) {
  .content .news-list {
    padding: 1em 0;
    padding-top: 1em;
    display: none;
  }
}
.content .news-list.mobile-nes-list {
  display: none;
}
@media (max-width: 850px) {
  .content .news-list.mobile-nes-list {
    display: block;
    padding: 1em 0;
    padding-top: 1em;
  }
}
@media (max-width: 850px) {
  .content .news-list ul li {
    margin-bottom: 2em;
  }
}
.content .news-list ul li img {
  height: 200px;
  border-radius: 10px;
  margin-bottom: 1em;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 1260px) {
  .content .news-list ul li img {
    width: auto;
  }
}
@media (max-width: 850px) {
  .content .news-list ul li img {
    margin: auto;
    width: 100%;
  }
}
@media (max-width: 720px) {
  .content .news-list ul li img {
    width: 100%;
    margin: auto;
  }
}
.content .news-list ul li h3,
.content .news-list ul li a {
  text-align: center;
}
.content .news-list ul li h3 {
  font-weight: bold;
  font-size: 24px;
  margin-top: 1em;
}
.content .news-list ul li .btn-link {
  display: inline-block;
  font-weight: 600;
  width: 100%;
}
.content .swiper-slide img {
  width: 100%;
}
@media (max-width:1440px) {
  .content .smart-solution {
    width: 100%;
    overflow: hidden;
  }
}
.content .smart-solution.sticky {
  position: sticky;
  top: 20%;
  bottom: 20%;
  z-index: 99;
}
.content .smart-solution .mySolution {
  position: relative;
}
.content .smart-solution .mySolution .swiper-button-prev {
  left: calc((100% - 1600px)/2);
  width: 46px;
  height: 46px;
  background-size: auto;
  background-image: url(https://www.anviz.com/file/files/3815/curr_prev.png);
  background-repeat: no-repeat;
}
.content .smart-solution .mySolution .swiper-button-prev::after {
  content: none;
}
.content .smart-solution .mySolution .swiper-button-next {
  right: calc((100% - 1600px)/2);
  width: 46px;
  height: 46px;
  background-size: auto;
  background-image: url(https://www.anviz.com/file/files/3816/curr_next.png);
  background-repeat: no-repeat;
}
.content .smart-solution .mySolution .swiper-button-next::after {
  content: none;
}
.content .smart-solution .solution-pagination {
  width: auto;
  left: 70%;
  transform: translateX(-70%);
}
.content .smart-solution .solution-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.content .smart-solution .solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000 !important;
}
.content .smart-solution .solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li h5 {
  color: #fff;
}
@media (max-width: 850px) {
  .content .smart-solution {
    display: none;
  }
}
.content .smart-solution ul li h2 {
  margin-bottom: 15px;
}
@media (max-width: 850px) {
  .content .smart-solution ul li h2 {
    font-size: 2rem;
  }
}
.content .smart-solution ul li p {
  margin-bottom: 1em;
}
.content .mobile-smart-solution {
  display: none;
}
@media (max-width: 850px) {
  .content .mobile-smart-solution {
    display: block;
    padding-bottom: 4em;
    margin-top: 1em;
    position: relative;
    overflow: hidden;
  }
  .content .mobile-smart-solution .swiper-slide li.imgs img {
    margin-bottom: 1em;
  }
  .content .mobile-smart-solution .swiper-slide li.text {
    text-align: center;
    min-height: 140px;
  }
  .content .mobile-smart-solution .swiper-slide li.text h2 {
    font-weight: bold;
    font-size: 24px;
    margin: 10px 0;
  }
  .content .mobile-smart-solution .swiper-slide li.text p {
    margin-bottom: 1em;
  }
}
.content .industry-title {
  text-align: left;
  max-width: 1440px;
  margin: 2em auto 1em;
}
@media (max-width: 850px) {
  .content .industry-title {
    display: none;
  }
}
.content .industry-title h2 {
  padding-left: 3%;
  margin-bottom: 1em;
}
.content .industry-title.mobile-industry-title {
  display: none;
}
@media (max-width: 850px) {
  .content .industry-title.mobile-industry-title {
    display: block;
  }
  .content .industry-title.mobile-industry-title h2 {
    padding-left: 7%;
    font-size: 24px;
    margin-bottom: 0;
  }
}
.content .industry {
  padding: 0 0 6em;
}
@media (max-width: 850px) {
  .content .industry {
    padding: 0;
  }
}
.content .industry .industry-box {
  position: relative;
}
@media (max-width: 850px) {
  .content .industry .industry-box .myUnmatched {
    padding: 0;
  }
}
.content .industry .industry-box .industry-pagination {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 950px) {
  .content .industry .industry-box .industry-pagination {
    position: relative;
    width: 100%;
    padding: 10px;
  }
}
.content .industry .industry-box .industry-pagination ul,
.content .industry .industry-box .industry-pagination li {
  list-style: none;
}
.content .industry .industry-box .industry-pagination ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: transparent;
  width: 100%;
  height: auto;
  padding: 6px 40px;
  margin-bottom: 1em;
}
@media (max-width: 1440px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet {
    margin-bottom: 0.83em;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet {
    padding: 0 10px;
    margin-bottom: 0.34em;
  }
}
@media (max-width: 950px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet {
    padding: 10px;
    height: auto;
    margin-bottom: 10px;
    margin-left: 0;
  }
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li {
  display: flex;
  justify-self: start;
  align-items: center;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li.a-learn-more {
  opacity: 0;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li span {
  font-size: 50px;
  margin-right: 10px;
}
@media (max-width:850px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li span {
    font-size: 36px;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li h5 {
    font-size: 20px;
  }
}
@media (max-width:850px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet .sub li h5 {
    font-size: 16px;
  }
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-radius: 0;
  background-color: #000 !important;
  color: #fff;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li span {
  color: #fff;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li img {
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -o-filter: brightness(100%);
  filter: brightness(100);
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li.a-learn-more {
  opacity: 1;
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li.a-learn-more .link-btn {
  font-weight: 500;
  color: #fff;
}
@media (max-width: 850px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li.a-learn-more .link-btn {
    padding: 4px 10px;
    font-size: 12px;
    background-color: #fff;
    color: #0068B7;
    border-radius: 20px;
    margin-left: 10px;
  }
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .sub li h5 {
  color: #fff;
}
@media (max-width: 850px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet h3 {
    font-size: 14px;
  }
}
.content .industry .industry-box .industry-pagination .swiper-pagination-bullet img {
  width: 44px;
  height: 44px;
  margin-bottom: 0;
  margin-right: 15px;
}
@media (max-width: 850px) {
  .content .industry .industry-box .industry-pagination .swiper-pagination-bullet img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 850px) {
  .content .our-stroy {
    padding: 0;
    margin-bottom: 1em;
  }
}
.content .our-stroy .our-stroy-warp {
  position: relative;
  background-color: #F8F8F8;
  height: 53.33vw;
  overflow: hidden;
}
@media (max-width: 1260px) {
  .content .our-stroy .our-stroy-warp {
    height: auto;
    overflow: visible;
  }
}
.content .our-stroy .our-stroy-warp img.bg {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp img.bg {
    display: none;
  }
}
.content .our-stroy .our-stroy-warp .info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4em;
  z-index: 2;
}
@media (max-width: 1024px) {
  .content .our-stroy .our-stroy-warp .info {
    padding: 2em;
  }
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info {
    position: relative;
    padding: 3em 15px;
  }
}
.content .our-stroy .our-stroy-warp .info .our-stroy-header {
  max-width: 1440px;
  margin: auto;
}
@media (max-width: 1440px) {
  .content .our-stroy .our-stroy-warp .info .our-stroy-header {
    max-width: 80%;
    margin: auto;
  }
}
@media (max-width: 1024px) {
  .content .our-stroy .our-stroy-warp .info .our-stroy-header {
    max-width: 100%;
  }
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .our-stroy-header {
    max-width: 100%;
  }
}
.content .our-stroy .our-stroy-warp .info .our-stroy-header h2,
.content .our-stroy .our-stroy-warp .info .our-stroy-header p {
  text-align: center;
  color: #000;
  margin-bottom: 15px;
}
.content .our-stroy .our-stroy-warp .info .our-stroy-header h2 {
  font-weight: bold;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .our-stroy-header p {
    text-align: left;
  }
}
.content .our-stroy .our-stroy-warp .info .our-stroy-header .btn-link {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 1em 0;
}
.content .our-stroy .our-stroy-warp .info .footer-info {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translate(-50%, -12%);
  max-width: 100%;
  width: 1440px;
}
@media (max-width: 1920px) {
  .content .our-stroy .our-stroy-warp .info .footer-info {
    bottom: 8%;
    transform: translateY(-50%, -8%);
  }
}
@media (max-width: 1440px) {
  .content .our-stroy .our-stroy-warp .info .footer-info {
    bottom: 0%;
    width: 80%;
  }
}
@media (max-width: 1024px) {
  .content .our-stroy .our-stroy-warp .info .footer-info {
    width: 100%;
  }
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .footer-info {
    position: relative;
    margin-top: 3em;
    display: none;
  }
}
.content .our-stroy .our-stroy-warp .info .footer-info h2,
.content .our-stroy .our-stroy-warp .info .footer-info p {
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .footer-info h2,
  .content .our-stroy .our-stroy-warp .info .footer-info p {
    color: #111;
    text-align: left;
  }
}
.content .our-stroy .our-stroy-warp .info .footer-info h2 {
  font-weight: bold;
}
.content .our-stroy .our-stroy-warp .info .footer-info ul {
  display: flex;
  margin-top: 2em;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .footer-info ul {
    flex-direction: column;
  }
}
.content .our-stroy .our-stroy-warp .info .footer-info ul li {
  flex: 1;
  padding: 0 2em;
  border-right: 1px solid #fff;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .footer-info ul li {
    padding: 0;
  }
}
.content .our-stroy .our-stroy-warp .info .footer-info ul li:last-child {
  margin-right: 0;
  border-right: 0;
}
.content .our-stroy .our-stroy-warp .info .footer-info ul li strong {
  font-size: 28px;
  font-weight: bold;
}
@media (max-width: 850px) {
  .content .our-stroy .our-stroy-warp .info .footer-info ul li strong {
    font-size: 16px;
  }
}
.content .our-stroy .our-stroy-warp .jianyi {
  position: absolute;
  bottom: 0;
}
@media (max-width: 950px) {
  .content .our-stroy .our-stroy-warp .jianyi {
    position: relative;
  }
}
.content .our-stroy .our-stroy-warp .jianyi img {
  margin-bottom: 0;
}
.content .contact-us {
  padding: 6em 0;
  width: 100%;
  height: auto;
  position: relative;
}
@media (max-width: 850px) {
  .content .contact-us {
    margin-bottom: 3em;
    padding: 0;
  }
}
.content .contact-us .contact-bg {
  height: 150px;
  padding: 4%;
  background-color: #0068B7;
}
@media (max-width: 850px) {
  .content .contact-us .contact-bg {
    height: auto;
    min-height: 170px;
  }
}
.content .contact-us .info {
  width: 100%;
  max-width: 850px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  left: 50%;
  top: -20%;
  transform: translate(-50%, -20%);
}
@media (max-width: 1024px) {
  .content .contact-us .info {
    width: 90%;
  }
}
.content .contact-us .info .contact-icon {
  max-width: 240px;
}
@media (max-width: 850px) {
  .content .contact-us .info .contact-icon {
    max-width: 40%;
  }
}
@media (max-width: 850px) {
  .content .contact-us .info {
    flex-direction: column;
    align-items: center;
  }
}
.content .contact-us .info form {
  flex: 1;
}
.content .contact-us .info form.subscription-form {
  max-width: 70%;
  display: flex;
  position: relative;
  margin-top: 1em;
}
@media (max-width: 850px) {
  .content .contact-us .info form.subscription-form {
    max-width: 100%;
    width: 90%;
  }
}
.content .contact-us .info form.subscription-form input[type="text"] {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 14px;
  color: #555;
  z-index: 3;
  position: relative;
}
.content .contact-us .info form.subscription-form .anviz-btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  border-radius: 40px;
  margin: 0;
}
.content .other-links {
  margin: 10% 0;
  width: 100%;
  height: auto;
  position: relative;
}
@media (max-width: 850px) {
  .content .other-links ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.content .other-links ul li {
  text-align: center;
}
.content .other-links ul li .show-icon {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  border: 1px solid #0068B7;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (max-width: 850px) {
  .content .other-links ul li .show-icon {
    width: 4em;
    height: 4em;
  }
}
.content .other-links ul li span {
  font-size: 6rem;
  color: #0068B7;
}
@media (max-width: 850px) {
  .content .other-links ul li span {
    font-size: 3rem;
  }
}
@media (max-width: 720px) {
  .content .other-links ul li h3 {
    font-size: 14px;
  }
}
.content .back-to-top {
  width: 100%;
  padding: 4em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 720px) {
  .content .back-to-top {
    display: none;
  }
}
.arrow-container {
  position: relative;
  width: 100px;
  height: 100px;
}
.arrow-container .arrow {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #000;
  transition: opacity 0.5s ease-in-out;
  animation: arrow-animation 6s infinite;
}
.arrow-container .arrow.arrow-1 {
  top: 0;
  animation-delay: 0s;
}
.arrow-container .arrow.arrow-2 {
  top: 4px;
  transform: translateX(-50%) translateY(100%);
  animation-delay: 2s;
}
.arrow-container .arrow.arrow-3 {
  top: 8px;
  animation-delay: 4s;
}
@keyframes arrow-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.gtranlate-box {
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
  height: 55px;
  margin-right: 34px;
}
.gtranlate-box .gtranlate-box-txt {
  color: #fff;
  padding: 0 10px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.gtranlate-box.click {
  border-radius: 4px;
  border: 1px solid #474646;
}
.gtranlate-box.click::after {
  transform: rotate(180deg);
}
.gtranlate-box::after {
  content: "\ea51";
  font-size: 30px;
  height: 55px;
  font-family: 'anviz';
  color: #fff;
  transform: rotate(0deg);
  transition: all 0.3s ease;
  position: absolute;
  right: -16px;
  top: 0;
  display: flex;
  align-items: center;
}
.gtranlate-other-content,
.gtranlate-content {
  color: #fff;
  position: absolute;
  width: 160px;
  background: #4b4b4a;
  border-radius: 0px 0px 4px 4px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  top: 55px;
  left: 0;
  z-index: 89;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.gtranlate-other-content .list,
.gtranlate-content .list {
  padding: 10px 0px 0px 10px;
}
.gtranlate-other-content .line,
.gtranlate-content .line {
  width: 135px;
  height: 1px;
  border: 1px solid #919191;
  margin-left: 10px;
}
.gtranlate-other-content .other-box .other-text,
.gtranlate-content .other-box .other-text {
  position: relative;
  width: 100%;
  height: 15px;
}
.gtranlate-other-content .other-box .other-text::after,
.gtranlate-content .other-box .other-text::after {
  content: "\ea51";
  font-size: 32px;
  height: 40px;
  font-family: 'anviz';
  color: #fff;
  transform: rotate(0deg);
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 50%;
  top: -12px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
.gtranlate-other-content .item,
.gtranlate-content .item {
  margin-bottom: 10px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 20px;
  cursor: pointer;
}
.gtranlate-other-content .item:hover,
.gtranlate-content .item:hover {
  color: #00A0E9;
}
.gtranlate-content {
  animation-name: pop-up;
  animation-duration: 0.5s;
}
.gtranlate-content .list {
  height: 190px;
  overflow-y: scroll;
  background: #4b4b4a;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(10px);
}
.gtranlate-content .list::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.2rem;
  background: #4b4b4a;
}
.gtranlate-content .list::-webkit-scrollbar-track {
  border-radius: 0;
}
.gtranlate-content .list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.5) !important;
  transition: all 0.2s;
  border-radius: 0.2rem;
}
.gtranlate-other-content {
  display: none;
  top: 100%;
  left: 0;
  height: calc(100% + 2px);
  max-height: calc(100% + 2px);
  overflow-y: scroll;
  background: #4b4b4a;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.gtranlate-other-content::-webkit-scrollbar {
  width: 0.2rem;
  height: 0.2rem;
  background: hsla(0, 0%, 100%, 0.6);
}
.gtranlate-other-content::-webkit-scrollbar-track {
  border-radius: 0;
}
.gtranlate-other-content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95, 95, 95, 0.4);
  transition: all 0.2s;
  border-radius: 0.2rem;
}
.gtranlate-box:hover {
  cursor: pointer;
}
.gtranlate-box:hover .gtranlate-box-txt {
  flex: 1;
  color: #00A0E9;
}
.gtranlate-box:hover::after {
  color: #00A0E9;
}
.gtranlate-box .bg {
  position: absolute;
  height: 350px;
  bottom: 0;
  left: -50px;
  z-index: 0;
  width: 250px;
}
.gtranlate-click.gtranlate-box::after {
  transform: rotate(0deg) !important;
}
.gtranlate-hide {
  opacity: 0;
  display: none;
}
.gtranlate-box:hover .gtranlate-hide {
  opacity: 1;
  display: block;
}
.gtranlate-other-content .list {
  position: absolute;
}
.gtranlate-box .other-box:hover .gtranlate-other-content {
  display: block;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  background: rgba(140, 140, 140, 0.39);
  width: 5px;
  height: 5px;
  opacity: 1;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #fff;
}
@media (max-width:850px) {
  .swiper-slide img {
    width: 100%;
  }
}
@media (max-width:850px) {
  .swiper-button-prev {
    display: none;
  }
}
.form-group .checkbox {
  max-width: 100%;
}
.form-group .checkbox label {
  padding-left: 0;
}
.form-inline .form-group {
  width: auto;
}
.form-inline .w50 {
  width: 50% !important;
}
.form-block {
  padding: 3em 2em 1em;
  width: 100%;
  height: auto;
  background: #eee;
}
.form-block .search-form {
  margin-bottom: 0;
}
input[type="text"] {
  font-family: 'Montserrat', Open Sans, Helvetica, Arial, sans-serif, Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti';
  font-size: 1.2rem;
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="date"],
input[type="radio"],
input[type="datetime"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  border-color: #ccc;
  background: #f2f2f2;
  transition: all 0.3s ease;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="date"]:focus,
input[type="radio"]:focus,
input[type="datetime"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
  border-color: #0099cc;
}
.required label {
  position: relative;
}
.required label::after {
  content: "\2731";
  font-size: 14px;
  color: #FF001F;
  position: absolute;
  top: -2px;
  right: -16px;
}
.error input[type="text"],
.error input[type="number"],
.error input[type="tel"],
.error input[type="email"],
.error input[type="password"],
.error input[type="datetime"],
.error input[type="search"],
.error input[type="time"],
.error input[type="url"],
.error .message-textarea,
.error .file-upload {
  border-color: #FF001F !important;
}
.input-form .readonly .input-control {
  background: #ccc;
}
.empty-value input[type="text"],
.empty-value input[type="number"],
.empty-value input[type="tel"],
.empty-value input[type="email"],
.empty-value input[type="password"],
.empty-value input[type="checkbox"],
.empty-value input[type="radio"],
.empty-value input[type="date"],
.empty-value input[type="radio"],
.empty-value input[type="datetime"],
.empty-value input[type="search"],
.empty-value input[type="time"],
.empty-value input[type="url"],
.empty-value input[type="week"],
.empty-value textarea,
.empty-value .select2-container--default .select2-selection--single {
  border-color: #FF001F;
}
.empty-value input[type="text"]:focus,
.empty-value input[type="number"]:focus,
.empty-value input[type="tel"]:focus,
.empty-value input[type="email"]:focus,
.empty-value input[type="password"]:focus,
.empty-value input[type="checkbox"]:focus,
.empty-value input[type="radio"]:focus,
.empty-value input[type="date"]:focus,
.empty-value input[type="radio"]:focus,
.empty-value input[type="datetime"]:focus,
.empty-value input[type="search"]:focus,
.empty-value input[type="time"]:focus,
.empty-value input[type="url"]:focus,
.empty-value input[type="week"]:focus,
.empty-value textarea:focus,
.empty-value .select2-container--default .select2-selection--single:focus {
  border-color: #0099cc;
}
.input-form {
  /* label position */
}
.input-form input[type="submit"] {
  color: #fff;
  background-color: #00A0E8;
  border-color: #00A0E8;
}
.input-form input[type="submit"]:focus,
.input-form input[type="submit"].focus {
  color: #fff;
  text-decoration: none;
  background-color: #007db5;
  border-color: #004869;
}
.input-form input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #007db5;
  border-color: #0076ab;
}
.input-form input[type="submit"].disabled:hover,
.input-form input[type="submit"][disabled]:hover,
.input-form input[type="submit"].disabled:focus,
.input-form input[type="submit"][disabled]:focus,
.input-form input[type="submit"].disabled.focus,
.input-form input[type="submit"][disabled].focus {
  text-decoration: none;
  background-color: #00A0E8;
  border-color: #00A0E8;
}
.input-form input[type="submit"]:focus {
  outline: none;
  border: none;
}
.input-form .input-fill-x {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  position: relative;
}
.input-form .input-fill-x {
  width: 100%;
}
.input-form .input-fill-x::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  transform: scaleX(0);
  transition: transform 0.25s;
}
.input-form .input-fill-x:focus-within::after {
  transform: scaleX(1);
}
.input-form .input-control {
  width: 100%;
  margin: 0;
  font-size: 22px;
  line-height: 1.5;
  outline: none;
  background: #fff;
}
.input-form .input-control::-webkit-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control::-moz-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control:-ms-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control::-ms-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control::placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}
.input-form .input-control::placeholder,
.input-form .input-control::-webkit-input-placeholder,
.input-form .input-control::-moz-placeholder,
.input-form .input-control::-moz-placeholder,
.input-form .input-control::-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}
.input-form .input-control:placeholder-shown {
  transform: translate(-2px, -4px);
}
.input-form .input-control:placeholder-shown::-webkit-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control:placeholder-shown::-moz-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control:placeholder-shown:-ms-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control:placeholder-shown::-ms-input-placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-control:placeholder-shown::placeholder {
  color: transparent;
  /* default placeholder color */
}
.input-form .input-fill {
  padding: 20px 16px 6px;
  border: 1px solid transparent;
  background: #f5f5f5;
}
.input-form .input-outline {
  padding: 13px 16px 13px;
  border: 1px solid #d0d0d5;
  border-radius: 4px;
  transition: border-color 0.25s;
}
.input-form .input-outline:focus {
  border-color: #00A0E8;
}
.input-form .input-label {
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  left: 16px;
  top: 14px;
  color: #555;
  padding: 0 2px;
  font-weight: 300;
  transform-origin: 0 0;
  pointer-events: none;
  transition: all 0.25s;
}
.input-form .required .input-label:after {
  content: "\273D";
  font-size: 12px;
  color: #FF001F;
  position: absolute;
  top: 0;
}
.input-form .input-control:not(:placeholder-shown) ~ .input-label,
.input-form .input-control:focus ~ .input-label {
  color: #555;
  transform: scale(0.75) translate(-2px, -16px);
}
.input-form .radio-label {
  position: relative;
}
.input-form .radio-label:after {
  content: "\273D";
  font-size: 12px;
  color: #FF001F;
  position: absolute;
  top: 0;
}
.input-fill-x .radio input[type="radio"] {
  opacity: 0;
}
.input-fill-x .radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 2em;
  height: 2em;
  position: relative;
  top: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.input-fill-x .radio input[type="radio"]:checked + .radio-label:before {
  background-color: #3197ee !important;
  box-shadow: inset 0 0 0 4px #f4f4f4 !important;
}
#getFreeCode #inquiryForm .input-label {
  color: #999;
}
#getFreeCode #inquiryForm.input-form .input-control:not(:placeholder-shown) ~ .input-label,
#getFreeCode #inquiryForm.input-form .input-control:focus ~ .input-label {
  color: #555;
  transform: scale(0.75) translate(-2px, -16px);
}
#getFreeCode .anviz-btn,
#getFreeCode .anviz-primary-btn,
#getFreeCode .is-plain-primary,
#getFreeCode input[type="submit"] {
  display: block;
  margin: 0 auto;
}
#getFreeCode button.anviz-btn {
  padding: 15px 80px;
}
#getFreeCode .input-form .select-fill-x.error .select2-selection--single {
  border: 1px solid #FF001F !important;
}
#getFreeCode .input-form .input-label,
#getFreeCode .required label,
#getFreeCode .required .words-num {
  color: #999;
}
#getFreeCode.static-form-black textarea.form-control {
  background: #1f1e1e;
  color: #aaa;
}
#getFreeCode.static-form-black .input-form .input-control,
#getFreeCode.static-form-black .select2-container--default .select2-selection--single {
  background: #1f1e1e;
  color: #aaa;
}
#getFreeCode.static-form-black .input-form .input-outline,
#getFreeCode.static-form-black .select-fill-x .select2-container .select2-selection--single,
#getFreeCode.static-form-black textarea.form-control {
  border: 1px solid #4d4d4e;
  padding: 12.5px 16px 12.5px;
}
#getFreeCode.static-form-black .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4d4d4e;
  color: #aaa;
}
#getFreeCode.static-form-black .select-fill-x .select2-container .select2-selection--single .select2-selection__rendered,
#getFreeCode.static-form-black .select-fill-x select {
  line-height: 30px;
  font-size: 18px;
  padding: 0;
  color: #aaa;
}
#getFreeCode.static-form-white textarea.form-control {
  background: #ddd;
}
#getFreeCode.static-form-white .input-form .input-control,
#getFreeCode.static-form-white .select2-container--default .select2-selection--single {
  background: #ddd;
  color: #555;
  font-weight: 400;
}
#getFreeCode.static-form-white .input-form .input-outline,
#getFreeCode.static-form-white .select-fill-x .select2-container .select2-selection--single,
#getFreeCode.static-form-white textarea.form-control {
  border: 1px solid #ddd;
  padding: 12.5px 16px 12.5px;
}
#getFreeCode.static-form-white .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #3c8dbc;
  color: #fff;
}
.input-form .input-outline {
  padding: 12.5px 16px 12.5px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 18px;
}
.select-fill-x .select2-container .select2-selection--single .select2-selection__rendered,
.select-fill-x select {
  font-size: 18px !important;
}
.anviz-btn,
.anviz-primary-btn,
.is-plain-primary,
input[type="submit"] {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}
.anviz-btn:focus,
.anviz-primary-btn:focus,
.is-plain-primary:focus,
input[type="submit"]:focus,
.anviz-btn.focus,
.anviz-primary-btn.focus,
.is-plain-primary.focus,
input[type="submit"].focus {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.anviz-btn:hover,
.anviz-primary-btn:hover,
.is-plain-primary:hover,
input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.anviz-btn.disabled:hover,
.anviz-primary-btn.disabled:hover,
.is-plain-primary.disabled:hover,
input[type="submit"].disabled:hover,
.anviz-btn[disabled]:hover,
.anviz-primary-btn[disabled]:hover,
.is-plain-primary[disabled]:hover,
input[type="submit"][disabled]:hover,
.anviz-btn.disabled:focus,
.anviz-primary-btn.disabled:focus,
.is-plain-primary.disabled:focus,
input[type="submit"].disabled:focus,
.anviz-btn[disabled]:focus,
.anviz-primary-btn[disabled]:focus,
.is-plain-primary[disabled]:focus,
input[type="submit"][disabled]:focus,
.anviz-btn.disabled.focus,
.anviz-primary-btn.disabled.focus,
.is-plain-primary.disabled.focus,
input[type="submit"].disabled.focus,
.anviz-btn[disabled].focus,
.anviz-primary-btn[disabled].focus,
.is-plain-primary[disabled].focus,
input[type="submit"][disabled].focus {
  text-decoration: none;
  background-color: #101010;
  border-color: #101010;
}
@media (max-width:850px) {
  .anviz-btn,
  .anviz-primary-btn,
  .is-plain-primary,
  input[type="submit"] {
    margin: 15px 0;
  }
}
.anviz-primary-btn {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.anviz-primary-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0068B7;
  border-color: #0068B7;
}
.anviz-primary-btn.disabled,
.anviz-primary-btn[disabled] {
  opacity: 0.5;
}
.anviz-primary-btn.disabled:hover,
.anviz-primary-btn[disabled]:hover,
.anviz-primary-btn.disabled:focus,
.anviz-primary-btn[disabled]:focus,
.anviz-primary-btn.disabled.focus,
.anviz-primary-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.anviz-crosschex-btn {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}
.anviz-crosschex-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0EA58A;
  border-color: #0EA58A;
}
.anviz-crosschex-btn.disabled,
.anviz-crosschex-btn[disabled] {
  opacity: 0.5;
}
.anviz-crosschex-btn.disabled:hover,
.anviz-crosschex-btn[disabled]:hover,
.anviz-crosschex-btn.disabled:focus,
.anviz-crosschex-btn[disabled]:focus,
.anviz-crosschex-btn.disabled.focus,
.anviz-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.anviz-intellisight-btn {
  color: #fff;
  background-color: #000000;
  border-color: transparent;
}
.anviz-intellisight-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #910000;
  border-color: #910000;
}
.anviz-intellisight-btn.disabled,
.anviz-intellisight-btn[disabled] {
  opacity: 0.5;
}
.anviz-intellisight-btn.disabled:hover,
.anviz-intellisight-btn[disabled]:hover,
.anviz-intellisight-btn.disabled:focus,
.anviz-intellisight-btn[disabled]:focus,
.anviz-intellisight-btn.disabled.focus,
.anviz-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #000000;
  border-color: transparent;
}
.minor-blue-btn {
  color: #fff;
  background-color: #0068B7;
  border-color: #0068B7;
}
.minor-blue-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #00A0E8;
  border-color: #00A0E8;
}
.minor-blue-btn.disabled,
.minor-blue-btn[disabled] {
  opacity: 0.5;
}
.minor-blue-btn.disabled:hover,
.minor-blue-btn[disabled]:hover,
.minor-blue-btn.disabled:focus,
.minor-blue-btn[disabled]:focus,
.minor-blue-btn.disabled.focus,
.minor-blue-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #0068B7;
  border-color: #0068B7;
}
.minor-crosschex-btn {
  color: #fff;
  background-color: #0EA58A;
  border-color: #0EA58A;
}
.minor-crosschex-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #00CFAA;
  border-color: #00CFAA;
}
.minor-crosschex-btn.disabled,
.minor-crosschex-btn[disabled] {
  opacity: 0.5;
}
.minor-crosschex-btn.disabled:hover,
.minor-crosschex-btn[disabled]:hover,
.minor-crosschex-btn.disabled:focus,
.minor-crosschex-btn[disabled]:focus,
.minor-crosschex-btn.disabled.focus,
.minor-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #0EA58A;
  border-color: #0EA58A;
}
.minor-intellisight-btn {
  color: #fff;
  background-color: #910000;
  border-color: #910000;
}
.minor-intellisight-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #C40000;
  border-color: #C40000;
}
.minor-intellisight-btn.disabled,
.minor-intellisight-btn[disabled] {
  opacity: 0.5;
}
.minor-intellisight-btn.disabled:hover,
.minor-intellisight-btn[disabled]:hover,
.minor-intellisight-btn.disabled:focus,
.minor-intellisight-btn[disabled]:focus,
.minor-intellisight-btn.disabled.focus,
.minor-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: #910000;
  border-color: #910000;
}
.anviz-line-primary-btn {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
.anviz-line-primary-btn:hover {
  text-decoration: none;
  color: #0068B7;
  background-color: transparent;
  border-color: #0068B7;
}
.anviz-line-primary-btn.disabled,
.anviz-line-primary-btn[disabled] {
  opacity: 0.5;
}
.anviz-line-primary-btn.disabled:hover,
.anviz-line-primary-btn[disabled]:hover,
.anviz-line-primary-btn.disabled:focus,
.anviz-line-primary-btn[disabled]:focus,
.anviz-line-primary-btn.disabled.focus,
.anviz-line-primary-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #000000;
}
.anviz-line-crosschex-btn {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
.anviz-line-crosschex-btn:hover {
  text-decoration: none;
  color: #0EA58A;
  background-color: transparent;
  border-color: #0EA58A;
}
.anviz-line-crosschex-btn.disabled,
.anviz-line-crosschex-btn[disabled] {
  opacity: 0.5;
}
.anviz-line-crosschex-btn.disabled:hover,
.anviz-line-crosschex-btn[disabled]:hover,
.anviz-line-crosschex-btn.disabled:focus,
.anviz-line-crosschex-btn[disabled]:focus,
.anviz-line-crosschex-btn.disabled.focus,
.anviz-line-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #000000;
}
.anviz-line-intellisight-btn {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}
.anviz-line-intellisight-btn:hover {
  text-decoration: none;
  color: #910000;
  background-color: transparent;
  border-color: #910000;
}
.anviz-line-intellisight-btn.disabled,
.anviz-line-intellisight-btn[disabled] {
  opacity: 0.5;
}
.anviz-line-intellisight-btn.disabled:hover,
.anviz-line-intellisight-btn[disabled]:hover,
.anviz-line-intellisight-btn.disabled:focus,
.anviz-line-intellisight-btn[disabled]:focus,
.anviz-line-intellisight-btn.disabled.focus,
.anviz-line-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #000000;
}
.minor-line-blue-btn {
  color: #0068B7;
  background-color: transparent;
  border-color: #0068B7;
}
.minor-line-blue-btn:hover {
  text-decoration: none;
  color: #00A0E8;
  background-color: transparent;
  border-color: #00A0E8;
}
.minor-line-blue-btn.disabled,
.minor-line-blue-btn[disabled] {
  opacity: 0.5;
}
.minor-line-blue-btn.disabled:hover,
.minor-line-blue-btn[disabled]:hover,
.minor-line-blue-btn.disabled:focus,
.minor-line-blue-btn[disabled]:focus,
.minor-line-blue-btn.disabled.focus,
.minor-line-blue-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #0068B7;
}
.minor-line-crosschex-btn {
  color: #0EA58A;
  background-color: transparent;
  border-color: #0EA58A;
}
.minor-line-crosschex-btn:hover {
  text-decoration: none;
  color: #00CFAA;
  background-color: transparent;
  border-color: #00CFAA;
}
.minor-line-crosschex-btn.disabled,
.minor-line-crosschex-btn[disabled] {
  opacity: 0.5;
}
.minor-line-crosschex-btn.disabled:hover,
.minor-line-crosschex-btn[disabled]:hover,
.minor-line-crosschex-btn.disabled:focus,
.minor-line-crosschex-btn[disabled]:focus,
.minor-line-crosschex-btn.disabled.focus,
.minor-line-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #0EA58A;
}
.minor-line-intellisight-btn {
  color: #910000;
  background-color: transparent;
  border-color: #910000;
}
.minor-line-intellisight-btn:hover {
  text-decoration: none;
  color: #C40000;
  background-color: transparent;
  border-color: #C40000;
}
.minor-line-intellisight-btn.disabled,
.minor-line-intellisight-btn[disabled] {
  opacity: 0.5;
}
.minor-line-intellisight-btn.disabled:hover,
.minor-line-intellisight-btn[disabled]:hover,
.minor-line-intellisight-btn.disabled:focus,
.minor-line-intellisight-btn[disabled]:focus,
.minor-line-intellisight-btn.disabled.focus,
.minor-line-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
  text-decoration: none;
  background-color: transparent;
  border-color: #910000;
}
.anviz-text-primary-btn {
  color: #000000;
}
.anviz-text-primary-btn:hover {
  color: #0068B7;
}
.anviz-text-primary-btn.disabled,
.anviz-text-primary-btn[disabled] {
  opacity: 0.5;
}
.anviz-text-primary-btn.disabled:hover,
.anviz-text-primary-btn[disabled]:hover,
.anviz-text-primary-btn.disabled:focus,
.anviz-text-primary-btn[disabled]:focus,
.anviz-text-primary-btn.disabled.focus,
.anviz-text-primary-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.anviz-text-crosschex-btn {
  color: #000000;
}
.anviz-text-crosschex-btn:hover {
  color: #0EA58A;
}
.anviz-text-crosschex-btn.disabled,
.anviz-text-crosschex-btn[disabled] {
  opacity: 0.5;
}
.anviz-text-crosschex-btn.disabled:hover,
.anviz-text-crosschex-btn[disabled]:hover,
.anviz-text-crosschex-btn.disabled:focus,
.anviz-text-crosschex-btn[disabled]:focus,
.anviz-text-crosschex-btn.disabled.focus,
.anviz-text-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.anviz-text-intellisight-btn {
  color: #000000;
}
.anviz-text-intellisight-btn:hover {
  color: #910000;
}
.anviz-text-intellisight-btn.disabled,
.anviz-text-intellisight-btn[disabled] {
  opacity: 0.5;
}
.anviz-text-intellisight-btn.disabled:hover,
.anviz-text-intellisight-btn[disabled]:hover,
.anviz-text-intellisight-btn.disabled:focus,
.anviz-text-intellisight-btn[disabled]:focus,
.anviz-text-intellisight-btn.disabled.focus,
.anviz-text-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.minor-text-blue-btn {
  color: #00A0E8;
}
.minor-text-blue-btn:hover {
  color: #00A0E8;
}
.minor-text-blue-btn.disabled,
.minor-text-blue-btn[disabled] {
  opacity: 0.5;
}
.minor-text-blue-btn.disabled:hover,
.minor-text-blue-btn[disabled]:hover,
.minor-text-blue-btn.disabled:focus,
.minor-text-blue-btn[disabled]:focus,
.minor-text-blue-btn.disabled.focus,
.minor-text-blue-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.minor-text-crosschex-btn {
  color: #0EA58A;
}
.minor-text-crosschex-btn:hover {
  color: #00CFAA;
}
.minor-text-crosschex-btn.disabled,
.minor-text-crosschex-btn[disabled] {
  opacity: 0.5;
}
.minor-text-crosschex-btn.disabled:hover,
.minor-text-crosschex-btn[disabled]:hover,
.minor-text-crosschex-btn.disabled:focus,
.minor-text-crosschex-btn[disabled]:focus,
.minor-text-crosschex-btn.disabled.focus,
.minor-text-crosschex-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.minor-text-intellisight-btn {
  color: #910000;
}
.minor-text-intellisight-btn:hover {
  color: #C40000;
}
.minor-text-intellisight-btn.disabled,
.minor-text-intellisight-btn[disabled] {
  opacity: 0.5;
}
.minor-text-intellisight-btn.disabled:hover,
.minor-text-intellisight-btn[disabled]:hover,
.minor-text-intellisight-btn.disabled:focus,
.minor-text-intellisight-btn[disabled]:focus,
.minor-text-intellisight-btn.disabled.focus,
.minor-text-intellisight-btn[disabled].focus {
  cursor: not-allowed;
  background-image: none;
}
.anviz-default-btn,
.anviz-transparent-btn {
  color: #555;
  background-color: #101010;
  border-color: transparent;
}
.anviz-default-btn:focus,
.anviz-transparent-btn:focus,
.anviz-default-btn.focus,
.anviz-transparent-btn.focus {
  color: #555;
  text-decoration: none;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.anviz-default-btn:hover,
.anviz-transparent-btn:hover {
  color: #555;
  text-decoration: none;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.anviz-default-btn.disabled:hover,
.anviz-transparent-btn.disabled:hover,
.anviz-default-btn[disabled]:hover,
.anviz-transparent-btn[disabled]:hover,
.anviz-default-btn.disabled:focus,
.anviz-transparent-btn.disabled:focus,
.anviz-default-btn[disabled]:focus,
.anviz-transparent-btn[disabled]:focus,
.anviz-default-btn.disabled.focus,
.anviz-transparent-btn.disabled.focus,
.anviz-default-btn[disabled].focus,
.anviz-transparent-btn[disabled].focus {
  text-decoration: none;
  background-color: #101010;
  border-color: transparent;
}
.anviz-btn-text {
  color: #00A0E8;
  background-color: transparent;
  border-color: transparent;
}
.anviz-btn-text:focus,
.anviz-btn-text.focus {
  color: #00A0E8;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.anviz-btn-text:hover {
  color: #00A0E8;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.anviz-btn-text.disabled:hover,
.anviz-btn-text[disabled]:hover,
.anviz-btn-text.disabled:focus,
.anviz-btn-text[disabled]:focus,
.anviz-btn-text.disabled.focus,
.anviz-btn-text[disabled].focus {
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
.anviz-success-btn {
  color: #fff;
  background-color: #7ED321;
  border-color: #7ED321;
}
.anviz-success-btn:focus,
.anviz-success-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #64a71a;
  border-color: #3c6510;
}
.anviz-success-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #64a71a;
  border-color: #5e9e19;
}
.anviz-success-btn.disabled:hover,
.anviz-success-btn[disabled]:hover,
.anviz-success-btn.disabled:focus,
.anviz-success-btn[disabled]:focus,
.anviz-success-btn.disabled.focus,
.anviz-success-btn[disabled].focus {
  text-decoration: none;
  background-color: #7ED321;
  border-color: #7ED321;
}
.anviz-info-btn {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
.anviz-info-btn:focus,
.anviz-info-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #767980;
  border-color: #515458;
}
.anviz-info-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #767980;
  border-color: #71747b;
}
.anviz-info-btn.disabled:hover,
.anviz-info-btn[disabled]:hover,
.anviz-info-btn.disabled:focus,
.anviz-info-btn[disabled]:focus,
.anviz-info-btn.disabled.focus,
.anviz-info-btn[disabled].focus {
  text-decoration: none;
  background-color: #909399;
  border-color: #909399;
}
.anviz-warning-btn {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.anviz-warning-btn:focus,
.anviz-warning-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #d48a1b;
  border-color: #905e12;
}
.anviz-warning-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d48a1b;
  border-color: #cb841a;
}
.anviz-warning-btn.disabled:hover,
.anviz-warning-btn[disabled]:hover,
.anviz-warning-btn.disabled:focus,
.anviz-warning-btn[disabled]:focus,
.anviz-warning-btn.disabled.focus,
.anviz-warning-btn[disabled].focus {
  text-decoration: none;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.anviz-danger-btn {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.anviz-danger-btn:focus,
.anviz-danger-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #f23c3c;
  border-color: #d30e0e;
}
.anviz-danger-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #f23c3c;
  border-color: #f13333;
}
.anviz-danger-btn.disabled:hover,
.anviz-danger-btn[disabled]:hover,
.anviz-danger-btn.disabled:focus,
.anviz-danger-btn[disabled]:focus,
.anviz-danger-btn.disabled.focus,
.anviz-danger-btn[disabled].focus {
  text-decoration: none;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.cross-chex-btn {
  color: #fff;
  background-color: #47A369;
  border-color: #47A369;
}
.cross-chex-btn:focus,
.cross-chex-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #387f52;
  border-color: #204a30;
}
.cross-chex-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #387f52;
  border-color: #34784e;
}
.cross-chex-btn.disabled:hover,
.cross-chex-btn[disabled]:hover,
.cross-chex-btn.disabled:focus,
.cross-chex-btn[disabled]:focus,
.cross-chex-btn.disabled.focus,
.cross-chex-btn[disabled].focus {
  text-decoration: none;
  background-color: #47A369;
  border-color: #47A369;
}
.in-btn {
  color: #fff;
  background-color: #B62831;
  border-color: #B62831;
}
.in-btn:focus,
.in-btn.focus {
  color: #fff;
  text-decoration: none;
  background-color: #8c1f26;
  border-color: #4d1115;
}
.in-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #8c1f26;
  border-color: #841d23;
}
.in-btn.disabled:hover,
.in-btn[disabled]:hover,
.in-btn.disabled:focus,
.in-btn[disabled]:focus,
.in-btn.disabled.focus,
.in-btn[disabled].focus {
  text-decoration: none;
  background-color: #B62831;
  border-color: #B62831;
}
.search-btn input[type="text"],
.search-btn input[type="search"] {
  position: relative;
}
.search-btn button {
  width: 40px;
  height: 38px;
  border: 0;
  background: #fff;
  display: block;
  position: absolute;
  right: 16px;
  top: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #eee;
}
.search-btn button .icon {
  color: #111;
  font-size: 20px;
}
.tag-btn {
  display: inline-block;
  background: #F2F5F6;
  color: #00A0E8 !important;
  padding: 2px 8px;
  margin-right: 4px;
  margin-bottom: 7px;
  font-size: 16px;
  border-radius: 32px;
  transition: all 0.3s ease-in-out;
}
.tag-btn:hover {
  background: #00A0E8;
  color: #fff !important;
}
.anviz-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(225deg, #1576d1 0%, #13318a 100%);
  border: none;
  min-width: 100px;
  border-radius: 20px;
}
.anviz-download-btn span {
  font-size: 20px;
  color: #fff !important;
  margin-right: 12px;
}
.anviz-download-btn b {
  color: #fff;
  font-size: 12px !important;
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.radio-btn label {
  position: relative;
  color: #fff;
  background-color: #00A0E8;
  border-color: #00A0E8;
  display: block;
  width: 40%;
  margin: 10px 0;
  cursor: pointer;
}
.radio-btn label:focus,
.radio-btn label.focus {
  color: #fff;
  text-decoration: none;
  background-color: #007db5;
  border-color: #004869;
}
.radio-btn label:hover {
  color: #fff;
  text-decoration: none;
  background-color: #007db5;
  border-color: #0076ab;
}
.radio-btn label.disabled:hover,
.radio-btn label[disabled]:hover,
.radio-btn label.disabled:focus,
.radio-btn label[disabled]:focus,
.radio-btn label.disabled.focus,
.radio-btn label[disabled].focus {
  text-decoration: none;
  background-color: #00A0E8;
  border-color: #00A0E8;
}
.radio-btn label::after {
  content: "";
}
.radio-btn label.checked {
  background: #316a84;
  border-color: #316a84;
}
.radio-btn label.checked::after {
  font-family: 'anviz' !important;
  content: "\e9b6";
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 10px;
}
.radio-btn .label-title::after {
  content: "\2731";
  font-size: 14px;
  color: #ff001f;
  position: absolute;
  top: 4px;
  left: 128px;
}
.radio-btn input[type="radio"] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  display: block;
  margin: 0;
}
.checkbox-warp {
  position: relative;
  display: flex;
  align-items: flex-start;
  user-select: none;
}
.checkbox-input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  left: 0;
  top: 4px;
  vertical-align: middle;
}
.checkbox-input input[type=checkbox] {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -99999;
}
.checkbox-input .mock-checkbox {
  display: inline-block;
  position: relative;
  border: 2px solid #dcdfe6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background-color: #4b4b4a;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.checkbox-input .mock-checkbox:after {
  box-sizing: content-box;
  content: "";
  border: 2px solid #00A0E8;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 4px;
  position: absolute;
  top: 0px;
  transform: rotate(45deg);
  width: 3px;
  opacity: 0;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.checkbox-label {
  display: inline-block;
  padding-left: 15px;
  line-height: 19px;
  font-size: 14px;
  color: #606266;
}
.checked .checkbox-input .mock-checkbox {
  background-color: #fff;
  border-color: #eee;
}
.checked .checkbox-input .mock-checkbox:after {
  opacity: 1;
  transform: rotate(45deg);
}
.checked .checkbox-label {
  color: #00A0E8;
}
.checkbox {
  margin: 10px auto;
}
.checkbox label {
  font-size: 14px;
  color: #fff;
  text-align: left;
  padding-left: 0;
}
@media (max-width:850px) {
  .checkbox {
    max-width: 78%;
    margin-bottom: 3%;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .checkbox {
    max-width: 100%;
    margin: 3% auto;
  }
}
.time-line {
  width: 100%;
  margin: auto;
}
.time-line .time-item {
  position: relative;
  padding-bottom: 3em;
}
.time-line .time-item:first-child {
  margin-top: 10%;
}
.time-line .time-item:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
.time-line .time-item .time-pos {
  position: absolute;
  left: -5px;
  top: 18px;
  z-index: 10;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #00A0E8;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.time-line .time-item .time-pic:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
}
.time-line .time-item .time-content {
  padding-left: 25px;
}
.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  height: 40px;
  margin-top: 3.33333333px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
  position: absolute;
  top: 4px;
}
.modal-title-warp {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modal-title-warp .icon-status {
  font-size: 40px;
  margin-right: 20px;
}
.modal-title-warp .icon-success {
  color: #47A369;
}
.modal-title-warp .icon-error {
  color: #f56c6c;
}
.modal-title-warp .icon-warning {
  color: #FFC90F;
}
.modal-title-warp .modal-title {
  color: #606266;
}
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
  margin: 30px 0;
}
.fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
}
.opendiv {
  position: fixed;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  width: 0;
  background: #fff;
  opacity: 0;
  z-index: -100;
  transition: all ease 0.4s;
  border-radius: 0px;
  max-width: none !important;
  background: url(../../video/video.png) no-repeat;
  background-size: auto 100%;
  background-position: center center;
  overflow: hidden;
}
.opendiv .loading {
  width: 50px;
  height: 50px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.opendiv .loading:before {
  font-family: 'anviz' !important;
  content: "\ea3b";
  font-size: 30px;
  color: #fff;
  animation: rotating 1s infinite linear;
  transform-origin: center center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.opendiv iframe {
  position: fixed;
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  opacity: 100;
  z-index: 999999;
}
iframe {
  border: none;
  overflow: hidden;
}
.opendivmask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -100;
  transition: all ease 0.4s;
  max-width: none !important;
  background: rgba(0, 0, 0, 0.8);
}
.opendivmask.active {
  opacity: 100;
  z-index: 99997;
}
.opendiv.active {
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%;
  width: 79.9%;
  opacity: 100;
  border-radius: 20px;
  z-index: 999998;
  overflow: auto;
  padding: 30px;
}
blockquote {
  margin: 1em 0;
  padding: 10px 20px;
  font-size: 18px;
  color: #00A0E8;
  border-left: 5px solid #00A0E8;
}
.information-list {
  display: flex;
  flex-wrap: wrap;
}
address {
  padding: 20px 0;
}
address .des {
  margin-bottom: 10px;
  white-space: normal;
  word-break: break-all;
}
address .des strong {
  margin-right: 10px;
}
address .des:last-child {
  margin-bottom: 0;
}
.upload-file-btn {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.upload-file-btn input[type="file"] {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload-file-btn label {
  display: none;
}
.upload-file-btn .ajax-upload-dragdrop {
  width: auto;
  color: #fff;
  background-color: #101010;
  border-color: #101010;
  margin-bottom: 4%;
  padding: 7px 20px;
  color: #fff !important;
  background: #00A0E8;
  border-color: #00A0E8;
  cursor: pointer;
}
.upload-file-btn .ajax-upload-dragdrop:focus,
.upload-file-btn .ajax-upload-dragdrop.focus {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.upload-file-btn .ajax-upload-dragdrop:hover {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
  border-color: #000000;
}
.upload-file-btn .ajax-upload-dragdrop.disabled:hover,
.upload-file-btn .ajax-upload-dragdrop[disabled]:hover,
.upload-file-btn .ajax-upload-dragdrop.disabled:focus,
.upload-file-btn .ajax-upload-dragdrop[disabled]:focus,
.upload-file-btn .ajax-upload-dragdrop.disabled.focus,
.upload-file-btn .ajax-upload-dragdrop[disabled].focus {
  text-decoration: none;
  background-color: #101010;
  border-color: #101010;
}
@media (max-width:850px) {
  .upload-file-btn .ajax-upload-dragdrop {
    margin: 15px 0;
  }
}
.upload-file-btn .ajax-upload-dragdrop:hover {
  text-decoration: none;
  opacity: 0.8;
}
.upload-file-btn .ajax-upload-dragdrop span b {
  display: none;
}
.upload-file-btn .ajax-upload-dragdrop .ajax-file-upload {
  display: flex;
  align-items: center;
}
.upload-file-btn .ajax-file-upload-statusbar {
  width: 100%;
  height: auto;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  transition: all 0.3s ease-in-out;
}
.upload-file-btn .ajax-file-upload-statusbar:hover {
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #00A0E8;
}
.upload-file-btn .ajax-file-upload-statusbar:first-child {
  margin-top: 2em;
}
.upload-file-btn .ajax-file-upload-statusbar .ajax-file-upload-filename {
  font-size: 16px;
}
.upload-file-btn .ajax-file-upload-statusbar .ajax-file-upload-red {
  color: #fff;
  background: #f56c6c;
  border-color: #f56c6c;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  outline: none;
  margin: 0;
  user-select: none;
  padding: 6px 12px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
.scroll {
  overflow-x: hidden;
  overflow-y: auto;
}
.scrollbar {
  background: rgba(17, 17, 17, 0.05);
  opacity: 0.24;
}
.scrollbar-bg {
  background: rgba(17, 17, 17, 0.05);
  opacity: 0.08;
}
.scroll-bar {
  /*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块内阴影+圆角*/
}
.scroll-bar::-webkit-scrollbar {
  width: 2px;
  height: 240px;
}
.scroll-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
.scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
  background-color: rgba(17, 17, 17, 0.05);
}
.scroll-bar-hide {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}
.scroll-bar-hide::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.fixed-table-body::-webkit-scrollbar {
  width: 4px;
  height: 14px;
}
.fixed-table-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}
.fixed-table-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(17, 17, 17, 0.05);
}
@-moz-document url-prefix(http://),url-prefix(https://) {
  /* 滚动条颜色 */
  scrollbar {
    -moz-appearance: none !important;
    background: rgba(17, 17, 17, 0.05) !important;
    opacity: 0.24;
  }
  /* 滚动条按钮颜色 */
  thumb,
  scrollbarbutton {
    -moz-appearance: none !important;
    background: rgba(17, 17, 17, 0.05) !important;
  }
  /* 鼠标悬停时按钮颜色 */
  thumb:hover,
  scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: rgba(17, 17, 17, 0.05) !important;
  }
  /* 隐藏上下箭头 */
  scrollbarbutton {
    display: none !important;
  }
  /* 纵向滚动条宽度 */
  scrollbar[orient="vertical"] {
    min-width: 4px !important;
  }
}
@media (max-width: 850px) {
  .x-scroll {
    overflow: scroll;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  .x-scroll .tag-list {
    white-space: nowrap;
    display: inline-block;
  }
}
.tags {
  margin: 0 !important;
  margin: auto !important;
  width: 100%;
  height: auto;
}
.tags .tag-nav {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tags .tag-list {
  height: auto;
  display: flex;
}
.tags .tag-list .tag-item {
  height: 50px;
  padding-right: 20px;
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.tags .tag-list .tag-item:last-child {
  padding-right: 0;
}
.tags .tag-list .tag-item a {
  display: flex;
  align-items: center;
}
.tags .tag-list .tag-item .icon {
  font-size: 24px;
}
.tags .tag-list .tag-item .icon-all:before {
  font-family: 'anviz' !important;
  content: "\e928" !important;
}
.tags .tag-list .tag-item .num {
  display: block;
  border-radius: 4px;
  width: auto;
  padding: 0 6px;
  color: #fff;
  background: #111;
  line-height: 2;
  margin-right: 10px;
  font-size: 12px;
}
.tags .tag-list .tag-item:hover a {
  color: #00A0E8;
}
.tags .tag-list .tag-active {
  color: #00A0E8;
}
.tags .tag-list .tag-active a {
  color: #00A0E8;
}
.tags .tag-list .tag-active a .num {
  background: #00A0E8;
}
.tags .tag-list .tag-active .icon {
  color: #00A0E8;
}
/*产品列表*/
.product-warp {
  padding: 1em 0 2em;
  background: #fff;
}
@media (max-width: 850px) {
  .product-warp {
    padding: 5em 0 2em;
  }
}
.product-list {
  width: 100%;
}
@media (max-width: 850px) {
  .product-list {
    position: relative;
    top: 0px;
  }
}
.product-list .article-tags {
  position: relative;
  flex-basis: calc(100% / 4 - 16px);
}
.product-list .article-tags.tag-hidden {
  overflow: hidden;
}
.product-list .article-tags.learn-more-show {
  height: auto;
  overflow: visible;
  z-index: 99;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.product-list .article-tags.learn-more-show .tag-footer {
  height: auto;
}
.product-list .article-tags.learn-more-show .product-tag-pos {
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}
.product-list .article-tags.learn-more-show .product-tag-list {
  flex-wrap: wrap;
}
.product-list .article-tags.learn-more-show .product-tag-list .product-tag-item {
  margin-top: 6px;
}
.product-list .article-tags .status {
  position: relative;
}
.product-list .article-tags .product-status {
  position: absolute;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.product-list .article-tags .product-status .status-item {
  color: #fff;
  text-align: center;
  padding: 2px 4px;
}
.product-list .article-tags .product-status .status-item.new {
  background: #00A0E8;
}
.product-list .article-tags .product-status .status-item.hot {
  background: #FF001F;
}
.product-list .article-tags .product-status .status-item.eol {
  background: #aaa;
}
.product-list .article-tags .tag-img {
  height: auto;
  background-size: 100%;
}
.product-list .article-tags .tags-title {
  height: auto;
  text-align: center;
}
.product-list .article-tags .tag-summary {
  padding: 0;
  margin: auto;
  text-align: center;
}
.product-list .article-tags .tag-summary .des {
  min-height: 72px;
}
@media (max-width:850px) {
  .product-list .article-tags .tag-summary .des {
    min-height: auto;
  }
}
.product-list .article-tags .tag-footer {
  width: 100%;
  padding: 0;
  position: relative;
}
@media (max-width:850px) {
  .product-list .article-tags .tag-footer .product-tag-list {
    height: 100%;
  }
}
.product-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
  opacity: 1;
  overflow: hidden;
  height: auto;
  position: relative;
}
.product-tag-list .product-tag-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  max-width: 80px;
  padding: 0;
  margin: 4px 8px;
  text-align: center;
}
.product-tag-list .product-tag-item:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.product-tag-list .product-tag-item .module-icon {
  font-family: 'anviz' !important;
  font-size: 40px;
  color: #555;
}
.product-tag-list .product-tag-item .module-name {
  color: #555;
  font-size: 12px;
  line-height: 1;
}
.product-tag-list .product-tag-item .module-name.tag-ellipsis {
  word-break: keep-all;
  white-space: pre-wrap;
  text-align: center;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1;
}
.learn-more {
  width: 100%;
  height: auto;
  z-index: 9;
  position: relative;
  left: 0;
  padding: 0 9px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .learn-more {
    border: none;
  }
}
.learn-more .product-tag-pos {
  opacity: 0;
  z-index: -1;
  height: 0;
  transition: all 0.3s ease-in-out;
}
.learn-more .product-tag-more {
  position: absolute;
  left: 46%;
  transform: translateX(-50%);
  bottom: 4px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00A0E8;
  cursor: pointer;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
}
.learn-more .product-tag-more:before {
  font-family: 'anviz' !important;
  content: "\ea51";
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
}
.learn-more .tag-more-active {
  position: relative;
  bottom: 6px;
  transform: rotate(-180deg);
  transition: all 0.3s ease-in-out;
}
/*产品详情页*/
.product-bg {
  background: #fff;
}
.modules .product-tag-list {
  display: flex;
  justify-content: center;
  max-width: 80%;
  margin: auto;
  transition: all 0.3s ease;
}
.modules .product-tag-list .product-tag-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px !important;
  height: auto !important;
}
.modules .product-tag-list .product-tag-item .module-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #111;
  font-size: 100px;
  color: #fff;
  transition: all 0.3s ease;
}
@media (max-width:850px) {
  .modules .product-tag-list .product-tag-item .module-icon {
    width: 50px;
    height: 50px;
    font-size: 50px;
  }
}
.modules .product-tag-list .product-tag-item .module-name {
  font-size: 16px !important;
  text-overflow: initial;
  -webkit-line-clamp: initial;
  -webkit-box-orient: initial;
  transition: all 0.3s ease;
}
.details-nav-bar {
  border-bottom: 2px solid #00A0E8;
  backdrop-filter: saturate(180%) blur(20px);
  -moz-backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  -o-backdrop-filter: saturate(180%) blur(20px);
  -ms-backdrop-filter: saturate(180%) blur(20px);
  background: rgba(241, 241, 241, 0.87);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
  width: 100%;
  height: auto;
  min-height: 50px;
  overflow: hidden;
}
@media (max-width:850px) {
  .details-nav-bar {
    position: fixed;
    top: 60px;
    z-index: 90;
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    height: auto;
    box-shadow: none;
  }
}
.details-nav-bar .pro-nav-bar {
  height: 100%;
  max-width: 1130px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 15px;
}
.details-nav-bar .nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.details-nav-bar .nav.navbar-left {
  flex: 1 1 80%;
  justify-content: flex-start;
}
.details-nav-bar .nav .mobile-li {
  width: auto;
  padding-left: auto;
  display: flex;
  justify-content: flex-start;
}
.details-nav-bar .nav .mobile-li .nav-item {
  padding: 4px 20px;
}
@media (max-width:850px) {
  .details-nav-bar .nav {
    margin: 0;
  }
  .details-nav-bar .nav.navbar-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-basis: 100%;
  }
  .details-nav-bar .nav.navbar-left .nav-item,
  .details-nav-bar .nav.navbar-left .navbar-brand {
    width: 100%;
    position: relative;
  }
  .details-nav-bar .nav.navbar-left .navbar-brand::after {
    font-family: 'anviz' !important;
    content: "\ea51";
    position: absolute;
    top: 0%;
    transform: translateY(-50%);
    transform: rotate(0deg);
    transition: all 0.3s ease-in;
  }
  .details-nav-bar .nav.navbar-left .navbar-brand:visited,
  .details-nav-bar .nav.navbar-left .navbar-brand:active,
  .details-nav-bar .nav.navbar-left .navbar-brand:hover {
    color: #555;
  }
  .details-nav-bar .nav.navbar-left .mobile-li {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s height 0.3s visibility 0.2s ease-in;
  }
  .details-nav-bar .nav.navbar-left.navbar-left-open .mobile-li {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in;
  }
  .details-nav-bar .nav.navbar-left.navbar-left-open .mobile-li .nav-item {
    padding: 8px 0 0 0;
    padding: 8px 0px 0 15px;
  }
  .details-nav-bar .nav.navbar-left.navbar-left-open .mobile-li .nav-item:last-child {
    padding-bottom: 8px;
  }
  .details-nav-bar .nav.navbar-left.navbar-left-open .navbar-brand::after {
    transform: rotate(180deg);
  }
  .details-nav-bar .nav.navbar-right {
    position: absolute;
    right: 0;
    top: 1px;
  }
  .details-nav-bar .nav.navbar-right a.anviz-primary-btn {
    margin: 0;
  }
  .details-nav-bar .nav.navbar-right .inquiry-btn {
    padding: 4px 10px;
  }
  .details-nav-bar .nav.navbar-right .addthis_button_compact {
    padding-bottom: 0;
  }
}
.details-nav-bar .nav li a {
  font-size: 16px;
}
.details-nav-bar .nav li a.share_img {
  display: flex;
  align-items: center;
}
.details-nav-bar .nav li a.share_img img {
  margin-bottom: 0;
}
.details-nav-bar .nav li a:hover {
  background: none;
  color: #555;
}
@media (max-width:850px) {
  .details-nav-bar .nav li a {
    padding-bottom: 15px;
  }
}
.details-nav-bar .nav li.inquiry-btn {
  border: 1px solid #00A0E8;
  border-radius: 6px;
  height: auto;
  padding: 8px 15px;
}
.details-nav-bar .nav li.inquiry-btn a {
  padding: 0;
}
.details-nav-bar .nav li.active a {
  color: #00A0E8;
}
.details-nav-bar .navbar-default {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
}
.details-nav-bar .navbar-default .navbar-brand {
  font-size: 24px;
  text-decoration: none;
  padding: 0;
  line-height: 50px;
}
.details-nav-bar .navbar-default .navbar-brand:hover,
.details-nav-bar .navbar-default .navbar-brand:focus,
.details-nav-bar .navbar-default .navbar-brand:active {
  color: #039;
}
.details-nav-bar .navbar-default .sub-title {
  margin: 0;
  color: #999;
  line-height: 1.5;
  padding: 0 0 15px;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
@media screen and (min-width: 768px) {
  .details-nav-bar .navbar-default .sub-title {
    display: none;
  }
}
.details-nav-bar .navbar-default ul.navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 850px) {
  .details-nav-bar .navbar-default ul.navbar-nav {
    display: none;
    width: auto;
  }
}
@media (max-width: 850px) {
  .details-nav-bar .navbar-default ul.navbar-nav .nav-item {
    width: 100%;
  }
}
.details-nav-bar .navbar-default ul.navbar-nav .nav-item .nav-link {
  text-decoration: none;
  padding: 13px 15px !important;
  font-size: 14px;
  background: transparent;
}
.details-nav-bar .navbar-default ul.navbar-nav .active {
  height: 100%;
  background: #00A0E8;
}
@media (max-width: 850px) {
  .details-nav-bar .navbar-default ul.navbar-nav .active {
    width: 100%;
  }
}
.details-nav-bar .navbar-default ul.navbar-nav .active a {
  color: #fff;
  background: transparent !important;
}
.details-nav-bar .breadcrumb-warp {
  padding: 10px 0;
  padding-left: 16px;
}
@media (max-width: 850px) {
  .details-nav-bar .breadcrumb-warp {
    position: relative;
    top: 65px;
    left: 15px !important;
    padding: 0;
  }
}
.details-nav-bar .breadcrumb-warp li a {
  color: #777;
}
.details-nav-bar .breadcrumb-warp .active a {
  color: #00A0E8;
}
.details-nav-bar .nav-mobile-fixed {
  position: fixed;
  top: 57px;
  z-index: 9999;
  width: 96%;
  animation-name: fadeInDownBig;
}
.details-nav-bar .nav-warp-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  padding: 0 10%;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 850px) {
  .details-nav-bar .nav-warp-fixed {
    position: fixed;
    top: 57px !important;
    left: 0;
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.details-nav-bar .fadeInDownBig {
  animation-name: fadeInDownBig;
}
.product-basic-warp {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 4em 0;
}
.product-photos-box {
  width: 100%;
  margin-top: auto;
  margin-left: auto;
  margin-bottom: auto;
}
.product-photos-box .product-photos-preview {
  position: relative;
  width: 100%;
  min-height: 450px;
  margin-bottom: 20px;
}
.product-photos-box .product-photos-preview .photo-animated {
  opacity: 1;
  position: relative;
  width: 100%;
  height: 450px;
  max-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.product-photos-box .product-photos-preview .photo-animated img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 450px;
}
.product-photos-box .product-photos-list {
  position: relative;
  overflow: hidden;
}
.product-photos-box .product-photos-list .anviz-path-btn {
  background: #fff;
  color: #555;
  height: 60px;
  position: absolute;
}
.product-photos-box .product-photos-list .anviz-path-btn i {
  font-size: 20px;
}
.product-photos-box .product-photos-list .anviz-scroll-left-btn {
  left: 110px;
  padding: 6px 12px;
  border: 0;
}
.product-photos-box .product-photos-list .anviz-scroll-left-btn:hover,
.product-photos-box .product-photos-list .anviz-scroll-left-btn:active,
.product-photos-box .product-photos-list .anviz-scroll-left-btn:visited,
.product-photos-box .product-photos-list .anviz-scroll-left-btn:focus {
  border: 0;
  border-color: #fff;
}
.product-photos-box .product-photos-list .anviz-scroll-right-btn {
  right: 110px;
  padding: 6px 12px;
  border: 0;
}
.product-photos-box .product-photos-list .anviz-scroll-right-btn:hover,
.product-photos-box .product-photos-list .anviz-scroll-right-btn:active,
.product-photos-box .product-photos-list .anviz-scroll-right-btn:visited,
.product-photos-box .product-photos-list .anviz-scroll-right-btn:focus {
  border: 0;
  border-color: #fff;
}
.product-photos-box .product-photos-list .photos-list-box {
  position: relative;
  width: 354px;
  height: 56px;
  overflow: hidden;
  margin: 0 auto;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations {
  position: absolute;
  width: 1200px;
  height: 56px;
  top: 0px;
  left: 0px;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item {
  float: left;
  border: 1px solid #ddd;
  margin: 0 10px;
  width: 56px;
  height: 56px;
  vertical-align: top;
  cursor: pointer;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item:last-child {
  margin-right: 0;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item:first-child {
  margin-left: 0;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item button {
  display: block;
  width: 100%;
  height: 56px;
  padding: 0;
  border-radius: 2px;
  transition: all 0.2s;
  opacity: 0.5;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  margin: 0;
  overflow: hidden;
}
@media (max-width: 850px) {
  .product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item button {
    height: auto;
  }
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .photos-item button img {
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  margin-bottom: 0;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .active {
  border-color: #0099cc;
  cursor: pointer;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .active button {
  opacity: 1;
}
.product-photos-box .product-photos-list .photos-list-box .photos-paginations .active button img {
  margin-bottom: 0;
  max-width: 96%;
}
@media (max-width: 850px) {
  .product-photos-box {
    display: none;
  }
}
.mobile-product-photos {
  display: none;
}
@media (min-width: 992px) {
  .product-base-info {
    width: calc(50% - 10px);
    text-align: left;
    margin: 4em auto 0em;
  }
}
@media (max-width:850px) {
  .product-base-info {
    padding: 0;
  }
}
.product-base-info .info-header {
  padding-bottom: 2em;
}
@media (max-width:850px) {
  .product-base-info .info-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .product-base-info .info-header h2 {
    padding: 0;
  }
}
.product-base-info .info-header p {
  font-size: 20px;
}
.product-base-info .info-feature-list {
  padding-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
.product-base-info .info-feature-list .info-feature-item {
  text-align: center;
  margin: 0 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.product-base-info .info-feature-list .info-feature-item .icon-feature {
  font-size: 36px;
  margin: 10px;
  display: inline-block;
  color: #aaa;
}
@media (max-width: 850px) {
  .product-base-info .info-feature-list .info-feature-item .icon-feature {
    text-align: center;
  }
}
.product-base-info .info-feature-list .info-feature-item .icon-feature-info {
  font-size: 16px;
  margin-bottom: 10px;
  margin-bottom: 0;
  color: #555 !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.product-base-info .info-content {
  padding: 10px 0;
  color: #666;
  line-height: 1.5;
  font-size: 16px;
  padding-bottom: 1em;
}
.product-base-info .info-content:hover {
  color: #777;
}
@media (max-width: 850px) {
  .product-base-info .info-content {
    padding: 0 15px;
    text-align: center;
  }
  .product-base-info .info-content p {
    text-align: center;
    font-size: 18px;
  }
}
.nav-content-warp {
  width: 100%;
  height: auto;
}
.content-warp {
  width: 100%;
  height: auto;
  margin: 0;
}
.content-warp .content-title {
  font-size: 40px;
}
.content-warp .content {
  width: 100%;
  height: auto;
  padding: 2em;
}
@media (max-width: 850px) {
  .content-warp .content {
    padding: 0;
  }
}
.content-warp .content .product-feature .product-feature-item {
  height: auto;
  padding: 1em;
  transition: all 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .content-warp .content .product-feature .product-feature-item {
    height: auto;
  }
}
.content-warp .content .product-feature .product-feature-item .des {
  line-height: 1.2;
  margin-bottom: 0;
}
.content-warp .content .product-feature .product-feature-item .des span {
  font-size: 6px;
  padding-right: 10px;
  color: #0099cc;
  font-weight: bold;
}
.content-warp .content .product-feature .product-feature-item:hover .des {
  color: #0099cc;
}
.content-warp .content .product-parameter {
  font-size: 16px;
}
.content-warp .content .product-application p {
  color: #101010;
  font-size: 16px;
}
.content-warp .content .product-application h2 {
  color: #101010;
  font-size: 40px;
}
.content-warp .content .product-application h3 {
  color: #101010;
  font-size: 28px;
}
.content-warp .content .product-application h4 {
  color: #101010;
  font-size: 24px;
}
.content-warp .content .product-application h5 {
  color: #101010;
  font-size: 16px;
}
.content-warp .content .product-application p img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.content-warp .content .product-application img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}
.content-warp .content .product-download {
  width: 100%;
  height: auto;
  margin: 0;
}
.content-warp .content .product-download .download-list {
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.content-warp .content .product-download .item-title {
  display: flex;
  align-items: center;
  width: 100%;
  background: #eee;
  height: 40px;
}
.content-warp .content .product-download .item-title span {
  font-size: 16px;
}
@media (max-width: 850px) {
  .content-warp .content .product-download .item-title {
    display: none;
  }
}
.content-warp .content .product-download .item-left {
  height: 40px;
  display: flex;
  align-items: center;
}
.content-warp .content .product-download .item-right {
  height: 40px;
  line-height: 40px;
}
@media (max-width: 850px) {
  .content-warp .content .product-download .item-right {
    height: auto;
  }
}
.content-warp .content .product-download .item-right a {
  display: flex;
  align-items: center;
}
.content-warp .content .product-download .item-content {
  width: 100%;
  height: auto;
}
.content-warp .content .product-download .item-content .icon-type,
.content-warp .content .product-download .item-content .icon-download {
  font-size: 30px;
}
.content-warp .content .product-download .item-content .icon-download {
  padding-right: 10px;
  color: #00A0E8;
}
.content-warp .content .product-download .item-content span,
.content-warp .content .product-download .item-content b {
  font-size: 16px;
}
.content-warp .content .product-download .item-content .download-item-warp {
  height: 40px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #eee;
}
.content-warp .content .product-download .item-content .download-item-warp:hover {
  background: #f9f9f9;
  border-bottom: none;
}
@media (max-width: 850px) {
  .pro-tag {
    margin: 2em 0;
    display: flex;
    justify-content: center;
  }
}
.page-title-line {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-title-line .title-line {
  margin: 0 10px;
  display: inline-block;
  width: 50px;
  border: 1px solid;
}
.page-title-line .line-color-success {
  border-color: #47A369;
}
.page-title-line .line-color-black {
  border-color: #111;
}
.soft-box-img {
  width: 100%;
  height: auto;
  margin: 6em 0;
}
@media (max-width: 850px) {
  .soft-box-img {
    margin: 4em 0;
  }
}
.soft-box-img img {
  width: 100%;
  max-width: 80%;
  display: block;
  margin-bottom: 0;
  margin: auto;
}
@media (max-width: 850px) {
  .soft-box-img img {
    max-width: 100%;
  }
}
.page-mobile-style {
  display: block;
  width: 100%;
  height: auto;
  margin: 2em 0;
  cursor: pointer;
}
.page-mobile-style img {
  width: 100%;
  max-width: 24%;
  display: block;
  margin-bottom: 0;
  margin: auto;
}
@media (max-width: 850px) {
  .page-mobile-style img {
    max-width: 100%;
  }
}
.ekey {
  width: 100%;
  min-height: 800px;
  background: url(../../img/pages/crosschex/crosschex-desk-ekeybg.png) no-repeat;
  background-position: top right;
  background-size: cover;
  margin-bottom: 5%;
  padding: 6em 0 4em;
  overflow: hidden;
}
@media (max-width: 850px) {
  .ekey {
    background-position: center;
    margin-bottom: 0;
    height: auto;
    padding: 4em 0 !important;
  }
}
.details_nav_bar {
  width: 100%;
  margin-top: 0 !important;
  border-top: 0 !important;
  border-bottom: 2px solid #00A0E8;
  backdrop-filter: saturate(180%) blur(20px);
  -moz-backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  -o-backdrop-filter: saturate(180%) blur(20px);
  -ms-backdrop-filter: saturate(180%) blur(20px);
  background: rgba(241, 241, 241, 0.87);
}
.details_nav_bar .navbar-default {
  height: 100%;
  max-width: 1130px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 15px;
  display: flex;
}
.details_nav_bar .navbar-default .nav_bar {
  align-items: center;
  line-height: normal;
  width: auto;
  display: flex;
  white-space: nowrap;
  margin: 10px 0;
}
.details_nav_bar .navbar-default .nav_bar .nav-item {
  width: auto;
  height: auto;
  padding: 0 20px;
  font-size: 16px;
  align-items: center;
}
.details_nav_bar .navbar-default .nav_bar .nav-item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #3E3A39;
  font-family: 'Montserrat-Regular';
  font-weight: normal;
  text-decoration: none;
  pointer-events: all;
}
.details_nav_bar .navbar-default .nav_bar .nav-item.v_active a {
  color: #00A0E8;
  font-size: 22px;
}
.details_nav_bar .navbar-default .nav_bar .nav-item.v_inquiry {
  border: 1px solid #00A0E8;
  border-radius: 6px;
  height: auto;
  padding: 8px 20px;
}
.details_nav_bar .navbar-default .share_con {
  display: flex;
  margin: 13px 0;
}
.table-responsive {
  width: 100%;
}
.new-table::-webkit-scrollbar {
  display: none;
}
.new-table table thead tr {
  height: 80px;
}
.new-table table thead tr th {
  font-size: 1.5em;
  font-weight: bold;
  background: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  border-bottom: 2px solid #ddd !important;
}
.new-table table tbody tr td {
  font-size: 1.2em;
  padding: 12px 10px !important;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.new-table table tbody tr td p {
  margin: 0;
}
.new-table table tbody tr:first-child td:last-child {
  border-right: 0;
  border-top: 0 !important;
}
.new-table table tbody tr td:first-child {
  vertical-align: inherit;
}
.new-table table tbody tr td:first-child P {
  vertical-align: inherit;
}
.new-table table.complex {
  width: 100%;
}
.new-table table.complex thead tr th,
.new-table table.complex tbody tr td {
  width: calc(100% / 5);
  min-width: 200px;
}
.new-table table.complex thead tr th:not(:first-child),
.new-table table.complex tbody tr td:not(:first-child) {
  text-align: center;
}
.sales-table thead tr th {
  font-size: 16px;
}
.sales-table tbody tr td {
  font-size: 16px;
  word-break: break-all;
}
.sales-table tbody tr td a:hover {
  text-decoration: underline;
}
.sales-table tbody tr td:nth-child(4) {
  text-align: right;
}
.page-tags-nav {
  position: static;
  left: 0;
  right: 0;
}
.tag {
  display: block;
  margin: 2em auto 10px;
  font-size: 16px;
  padding: 6px 12px;
  border: 1px solid;
}
.tag-primary {
  color: #fff !important;
  background: #00A0E8;
  border-color: #00A0E8;
}
.tag-success {
  color: #fff !important;
  background: #47A369;
  border-color: #47A369;
}
.tag-danger {
  color: #fff !important;
  background: #f56c6c;
  border-color: #f56c6c;
}
.tag-default {
  color: #111 !important;
  background: #fff;
  border-color: #555;
}
.tag-warning {
  color: #fff !important;
  background: #e6a23c;
  border-color: #e6a23c;
}
.tag-block {
  padding: 0 10px;
}
.tag-block:last-child {
  padding-right: 10px !important;
}
.product-tag {
  margin-bottom: 8px;
  border-bottom: 1px solid #eee;
  padding-top: 60px;
  display: flex;
  align-items: center;
}
@media (max-width:850px) {
  .product-tag {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-tag:first-child {
  padding-top: 0;
}
.product-tag .h3-title {
  font-size: 28px;
  display: flex;
  align-items: center;
}
.product-tag .icon-tag {
  font-size: 30px;
}
.sub-tag {
  font-size: 20px;
  padding-left: 1em;
}
.years-tags {
  background: #fff;
}
/*tags-list*/
.tags-main,
.product-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
}
.tags-main .tags-row {
  margin: 0 -15px;
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
}
.tags-main .tags-row .tag-warpper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tags-main .tags-row .tag-warpper .i_c_list {
  height: auto;
  width: 33.3%;
  float: left;
  margin: 15px 0;
  padding: 0 15px;
}
.tags-main .tags-row .tag-warpper .i_c_list .i_c_list_cen > a {
  display: block;
  height: 100%;
  width: 100%;
}
@media (max-width:850px) {
  .tags-main .tags-row .tag-warpper .i_c_list {
    width: 100%;
  }
  .tags-main .tags-row .tag-warpper .i_c_list .i_c_img {
    width: 100%;
    min-height: 400px;
    max-height: 400px;
    overflow: hidden;
  }
}
.tags-main .tags-row .tag-warpper::after {
  content: "";
  width: 30%;
  height: 0px;
  visibility: hidden;
}
.tags-main .tags-row:nth-child(3) .tag-warpper .i_c_list:first-child {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (max-width:850px) {
  .tags-main .tags-row:nth-child(3) .tag-warpper .i_c_list:first-child {
    max-height: 100%;
  }
}
.tags-main .tags-row:nth-child(3) .tag-warpper .i_c_list:first-child .i_c_list_cen a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (max-width:850px) {
  .tags-main .tags-row:nth-child(3) .tag-warpper .i_c_list:first-child .i_c_list_cen a {
    flex-direction: column;
  }
}
.tags-main .tags-row:nth-child(3) .tag-warpper .i_c_list:first-child .content-tag-warp {
  flex: 1;
  background: #ececec;
  padding: 30px;
}
.article-tags {
  position: relative;
  flex-basis: 33.33%;
  padding: 0px;
  margin: 8px;
}
.article-tags article {
  text-align: left;
  background: #fff;
  border-radius: 2px;
  border: 1px solid transparent;
  height: 100%;
  display: flex;
  transition: all 0.3s ease-in-out;
}
.article-tags article.status {
  flex-basis: 100%;
  max-width: 100%;
}
.article-tags article:hover {
  border-color: #00A0E8;
  transition: all 0.3s ease-in-out;
}
.article-tags .tag-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.article-tags .tag-img img {
  display: block;
  width: auto;
  max-width: 80%;
  margin: auto;
}
.article-tags .tag-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex-basis: 100%;
}
.article-tags .tag-header {
  padding: 1em;
  display: block;
  width: 100%;
}
.article-tags .tags-warp {
  display: block;
  margin: 0;
  padding: 0;
  margin: 1em 0;
}
.article-tags .tags-title {
  width: 100%;
  height: auto;
  color: #00A0E8;
  font-size: 18px;
}
.article-tags .tags-title:hover {
  color: #00A0E8;
}
.article-tags .tag-summary {
  display: block;
  padding: 1em;
  flex-grow: 1;
}
.article-tags .tag-summary .des {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.article-tags .exhibition .tag-summary {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.article-tags .exhibition .tags-title {
  height: auto;
}
.article-tags .exhibition .des {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.article-tags .exhibition .date:before {
  font-family: 'anviz' !important;
  content: "\ea26";
  font-size: 24px;
  padding-right: 4px;
}
.article-tags .exhibition .address:before {
  font-family: 'anviz' !important;
  content: "\e956";
  font-size: 24px;
  padding-right: 4px;
}
.article-tags .exhibition .booth:before {
  font-family: 'anviz' !important;
  content: "\e9af";
  font-size: 24px;
  padding-right: 4px;
}
.article-tags .tag-footer {
  height: 70px;
  padding: 16px;
  border-top: 1px solid #eee;
}
.article-tags .tag-date {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.article-tags .tag-date:before {
  font-family: 'anviz' !important;
  content: "\ea26";
  font-size: 24px;
  padding-right: 4px;
}
.news-tags .tag-list {
  height: auto;
  display: flex;
}
.news-tags .tag-list.timezone-year {
  justify-content: space-between;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  align-items: center;
}
.news-tags .tag-list.timezone-year .year,
.news-tags .tag-list.timezone-year .timeZone {
  cursor: pointer;
  position: relative;
  min-width: 300px;
}
.news-tags .tag-list.timezone-year .year > div,
.news-tags .tag-list.timezone-year .timeZone > div {
  display: flex;
  align-items: center;
}
.news-tags .tag-list.timezone-year .year .tag-list,
.news-tags .tag-list.timezone-year .timeZone .tag-list {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
}
.news-tags .tag-list.timezone-year .year .tag-list .tag-item,
.news-tags .tag-list.timezone-year .timeZone .tag-list .tag-item {
  padding: 0;
  height: auto;
  border-bottom: 1px solid #ddd;
}
.news-tags .tag-list.timezone-year .year .tag-list .tag-item:last-child,
.news-tags .tag-list.timezone-year .timeZone .tag-list .tag-item:last-child {
  border: 0;
}
.news-tags .tag-list.timezone-year .year .tag-list .tag-item a,
.news-tags .tag-list.timezone-year .timeZone .tag-list .tag-item a {
  width: 100%;
  background: #eee;
  padding: 4px 10px;
}
.news-tags .tag-list.timezone-year .year .tag-list.timezoneList,
.news-tags .tag-list.timezone-year .timeZone .tag-list.timezoneList {
  width: max-content;
  height: 500px;
  overflow-y: auto;
  flex: 1;
}
.news-nav {
  width: 100%;
  height: auto;
}
.news-nav .tag-item a {
  display: inline-block;
  min-width: 50px;
  height: 30px;
  border-radius: 30px;
  padding: 4px 10px;
  background: #eee;
}
.news-nav .tag-item a:hover {
  background: #00A0E8;
  color: #fff !important;
}
.news-nav .tag-item .year-active {
  background: #00A0E8;
  color: #fff !important;
}
.soft-info {
  width: 100%;
  height: auto;
  margin: 6em 0;
  display: flex;
  align-items: center;
}
@media (max-width: 850px) {
  .soft-info {
    display: flex;
    flex-direction: column;
    margin: 4em 0;
  }
}
.soft-info .pic img {
  width: 100%;
  max-width: 70%;
  display: block;
  margin-bottom: 0;
  margin: auto;
}
@media (max-width: 850px) {
  .soft-info .pic img {
    max-width: 100%;
    margin-bottom: 4em;
  }
}
.soft-info .info-list {
  text-align: left;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.soft-info .info-list .item {
  display: flex;
  align-items: center;
  margin-bottom: 2em;
  transition: all 0.3s ease-in-out;
}
.soft-info .info-list .item:last-child {
  margin-bottom: 0;
}
.soft-info .info-list .item .icon {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin-right: 10px;
  padding: 0;
}
.soft-info .info-list .item .des {
  color: #111;
  margin-bottom: 0;
}
.soft-info .info-list .item:hover .icon {
  color: #fff;
  background: #47A369;
  transition: all 0.3s ease-in-out;
}
.soft-info .info-list .item:hover .des {
  transition: all 0.3s ease-in-out;
  color: #47A369;
}
.soft-info .item-btn {
  margin-top: 4em;
}
.soft-system {
  height: auto;
  width: 100%;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.soft-system .soft-box {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .soft-system .soft-box {
    min-height: 100%;
  }
}
.soft-system .soft-box .system-list {
  height: 150px;
  width: 88%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .soft-system .soft-box .system-list {
    height: auto;
    width: 100%;
    padding: 2em 0;
    background: #47A369;
  }
}
.soft-system .soft-box .system-list li img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: auto;
  margin-bottom: 2em;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .soft-system .soft-box .system-list li img {
    margin-bottom: 2em;
  }
}
.soft-system .soft-box .system-list li .des {
  color: #fff;
  width: 80%;
  margin: auto;
}
.soft-system .soft-box .box-bg {
  height: 240px;
  width: 90%;
  margin-left: 10%;
  background: #47A369;
  border-top-left-radius: 50px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .soft-system .soft-box .box-bg {
    display: none;
    height: auto;
    width: 100%;
    margin-left: 0;
    border-radius: initial;
  }
}
.soft-system .soft-box .box-line {
  height: 240px;
  width: 86%;
  border: 2px dashed #47A369;
  border-radius: 50px;
  margin: auto;
}
.app .soft-box .system-list {
  width: 100%;
}
@media (max-width: 850px) {
  .app .soft-box .system-list {
    background: transparent;
  }
}
.app .soft-box .system-list li img {
  display: block;
  width: 100%;
  max-width: 60%;
  margin: auto;
  margin-bottom: 4em;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 850px) {
  .app .soft-box .system-list li img {
    margin-bottom: 2em;
    max-width: 70%;
  }
}
.app .soft-box .box-line {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 850px) {
  .app .soft-box .box-line {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4em 0;
  }
}
.app .soft-box .box-line li:nth-child(1),
.app .soft-box .box-line li:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
}
@media (max-width: 850px) {
  .app .soft-box .box-line li:nth-child(1),
  .app .soft-box .box-line li:nth-child(2) {
    width: 100%;
  }
}
.app .soft-box .box-line li:nth-child(1) .icon,
.app .soft-box .box-line li:nth-child(2) .icon {
  font-size: 60px;
  color: #47A369;
}
.soft-service {
  width: 86%;
  height: auto;
  margin: 6em auto;
}
@media (max-width: 850px) {
  .soft-service {
    width: 100%;
    padding: 2em 0;
  }
}
.soft-service .service-item {
  border-right: 1px solid #aaa;
}
.soft-service .service-item:last-child {
  border-right: 0;
}
@media (max-width: 850px) {
  .soft-service .service-item {
    border-right: 0;
    padding-bottom: 4em;
  }
  .soft-service .service-item:last-child {
    padding-bottom: 0;
  }
}
.soft-service .service-item a {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.soft-service .service-item .icon {
  font-size: 50px;
  color: #47A369;
  display: block;
  margin: 15px 0;
}
.soft-service .service-item .icon-faq:before {
  content: "\e925";
}
.soft-service .service-item .icon-online:before {
  content: "\e926";
}
.soft-service .service-item .des {
  width: 50%;
  color: #47A369;
  margin: auto;
}
@media (max-width: 850px) {
  .soft-service .service-item .des {
    width: 100%;
  }
}
.markteting-item {
  height: 310px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.markteting-item .markteting-img {
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.markteting-item .markteting-download {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  height: 0%;
  width: 100%;
  background: #fff;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  /* this works in IE6, IE7, and IE8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  /* this works in IE8 only */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  transition: all 0.3s ease-in-out;
}
.markteting-item .markteting-download .download-item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  color: #101010;
  display: inline-block;
  z-index: 1;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.markteting-item .markteting-download .download-item span {
  font-size: 3em;
  color: #101010;
}
.markteting-item .markteting-download .download-item span:hover {
  background: #e8e8e8;
  border-radius: 50%;
  border: 1px solid inherit;
  transition: all 0.3s ease-in-out;
}
.markteting-item .markteting-download .learn-more-btn {
  position: relative;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  width: 150px;
  max-width: 200px;
}
.markteting-item .markteting-download .download {
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.markteting-item:hover {
  transition: all 0.3s ease-in-out;
}
.markteting-item:hover .markteting-img img {
  border-color: #0cf;
}
.markteting-item:hover .markteting-download {
  top: 0;
  opacity: 0.9;
  height: 100%;
  /* this works in IE6, IE7, and IE8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  /* this works in IE8 only */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.markteting-item:hover .markteting-video {
  top: 0;
  opacity: 0.8;
  height: 40%;
  transition: all 0.3s ease-in-out;
}
.markteting-item:hover .learn-more-btn {
  opacity: 1;
}
.markteting-pro-item .markteting-img img {
  border: none;
}
.reaching-warp .reaching-box {
  padding: 2em 0;
}
.reaching-warp .reaching-box h2 {
  font-size: 34px;
  margin-bottom: 1em;
}
.reaching-warp .reaching-box input[type="email"],
.reaching-warp .reaching-box h2,
.reaching-warp .reaching-box p {
  margin-left: 20px;
}
@media (max-width:850px) {
  .reaching-warp .reaching-box input[type="email"],
  .reaching-warp .reaching-box h2,
  .reaching-warp .reaching-box p {
    margin-left: 0;
  }
}
@media (max-width:850px) {
  .reaching-warp .reaching-box h2 {
    font-size: 24px;
  }
}
@media (max-width:850px) {
  .reaching-warp .reaching-box .ml-14 {
    margin-left: 10px;
  }
}
@media (max-width:850px) {
  .casesutdy-details {
    padding: 20px 15px;
  }
}
.casesutdy-details .header {
  margin-bottom: 0;
}
@media (max-width:850px) {
  .casesutdy-details .header .h2-title {
    padding-bottom: 1em;
  }
}
.markteting-list .article-tags .tag-summary .des {
  max-width: 80%;
  word-break: break-all;
  text-align: center;
  margin: auto;
}
@media (max-width:850px) {
  .markteting-list .article-tags .tag-summary .des {
    max-width: 100%;
  }
}
.btn-loading {
  position: relative;
  padding-left: 20px;
}
.btn-loading:before {
  font-family: 'anviz' !important;
  content: "\ea3b";
  font-size: 20px;
  color: #fff;
  animation: rotating 1s infinite linear;
  transform-origin: center center;
  position: absolute;
  left: 0;
  top: 25%;
  transform: translateY(-50%);
}
.loading-parent {
  position: relative;
}
.loading-parent .loading {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  z-index: 800;
  text-indent: -9999px;
  background: url(../../img/common/ProgressIndicator_White.gif) center 40% no-repeat #fff;
}
.loading-parent form {
  width: 100%;
  margin: 0;
}
.search-warp {
  background: #fff;
  padding-bottom: 2em;
  padding-top: 2em;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: 20px;
}
.search-warp .content-warp {
  padding-top: 2em;
}
.search-warp .content-warp .content-title {
  background: transparent;
}
.search-warp .search-form {
  margin-bottom: 2em;
}
.search-warp .product-list {
  display: flex;
  flex-wrap: wrap;
}
.search-warp .item-search {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  background: #fff;
  margin-bottom: 8px;
  padding-top: 24px;
  padding-right: 32px;
  padding-bottom: 24px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.05);
  border: 1px solid #fff;
  transition: all 0.3s ease-in-out;
}
.search-warp .item-search:hover {
  border: 1px solid #00A0E8;
  transition: all 0.3s ease-in-out;
}
.search-warp .item-search .search-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  min-width: 210px;
  height: 120px;
  float: left;
  margin-left: 32px;
  margin-right: 32px;
  background: #eee;
  overflow: hidden;
}
.search-warp .item-search .search-img img {
  display: block;
  margin-bottom: 0;
  width: auto;
  max-width: 70%;
}
.search-warp .item-search .search-info .h3-title {
  height: auto;
  line-height: 1.2;
}
.search-warp .item-search .search-info .item-classify {
  padding: 4px 0;
}
.search-warp .item-search .search-info .item-classify .date {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.search-warp .item-search .search-info .item-classify .date:before {
  font-family: 'anviz' !important;
  content: "\ea26";
  font-size: 24px;
  padding-right: 4px;
}
.search-warp .item-search .search-info .item-classify .address {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.search-warp .item-search .search-info .item-classify .address:before {
  font-family: 'anviz' !important;
  content: "\e956";
  font-size: 24px;
  padding-right: 4px;
}
.search-warp .item-search .search-info .item-classify p {
  margin-right: 1em;
}
.search-warp .item-title {
  display: flex;
  align-items: center;
  width: 100%;
  background: #ccc;
  height: 40px;
}
.search-warp .item-title span {
  font-size: 16px;
}
@media (max-width: 850px) {
  .search-warp .item-title {
    display: none;
  }
}
.search-warp .item-left {
  height: auto;
  display: flex;
  align-items: center;
  color: #0068B7;
}
.search-warp .item-left .icon-type:before {
  font-size: 24px;
}
.search-warp .item-right {
  word-break: break-all;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
@media (max-width: 850px) {
  .search-warp .item-right {
    height: auto;
  }
}
.search-warp .item-right a {
  display: flex;
  align-items: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .search-warp .item-right a {
    word-break: break-all;
    line-height: 1.2;
  }
}
.search-warp .item-right .icon-download:before {
  font-size: 24px;
}
.search-warp .explain {
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1;
  margin-top: 15px;
}
.search-warp .item-content {
  width: 100%;
  height: auto;
}
.search-warp .item-content .icon-type,
.search-warp .item-content .icon-download {
  font-size: 30px;
}
.search-warp .item-content .icon-download {
  padding-right: 10px;
  color: #00A0E8;
}
.search-warp .item-content span,
.search-warp .item-content b {
  font-size: 18px;
}
.search-warp .item-content .download-item-warp {
  display: flex;
  height: auto;
  min-height: 50px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #eee;
  flex-wrap: wrap;
}
.search-warp .item-content .download-item-warp:hover {
  background: #f9f9f9;
  border-bottom: none;
}
.search-warp .item-content .download-item-warp {
  padding: 15px;
  border: none;
}
.search-warp .item-content .download-item-warp:nth-child(odd) {
  background-color: #F7F7F7;
}
.search-warp .item-content .download-item-warp li.item-right {
  justify-content: flex-start;
}
.search-warp .item-content .download-item-warp li.item-right span {
  padding: 0 10px;
}
.search-warp .item-content .download-item-warp li.item-right span a {
  word-break: break-word;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG {
  display: flex;
  justify-content: flex-start;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG a {
  text-decoration: none;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn {
  font-size: 18px;
  padding: 6px 10px;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn {
  border: 2px solid #0068b7;
  border-radius: 20px;
  color: #0068B7;
  margin-left: 10px;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.copy_link,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-video-btn,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn {
  background: #E8E8E8;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 10px;
  border: 0;
  padding: 0;
  min-width: unset;
}
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.copy_link img,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-video-btn img,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn img,
.search-warp .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn img {
  margin-bottom: 0;
  margin: 0 auto;
  fill: #3062b8;
}
.search-warp.row {
  margin-top: 20px;
}
.search-warp .item-content {
  border-radius: 20px;
  overflow: hidden;
}
.search-warp .item-content ul.download-item-warp {
  background-color: #FFF;
}
.search-warp .item-content ul.download-item-warp .item-left .size {
  display: none;
}
.search-warp .item-content ul.download-item-warp:hover {
  background: #E3F1FF;
}
.download-list {
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.download-list .item-title {
  display: flex;
  align-items: center;
  width: 100%;
  background: #ccc;
  height: 40px;
}
.download-list .item-title span {
  font-size: 16px;
}
@media (max-width: 850px) {
  .download-list .item-title {
    display: none;
  }
}
.download-list .item-left {
  height: auto;
  display: flex;
  align-items: center;
  color: #0068B7;
}
.download-list .item-left .icon-type:before {
  font-size: 24px;
}
.download-list .item-right {
  word-break: break-all;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
@media (max-width: 850px) {
  .download-list .item-right {
    height: auto;
  }
}
.download-list .item-right a {
  display: flex;
  align-items: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .download-list .item-right a {
    word-break: break-all;
    line-height: 1.2;
  }
}
.download-list .item-right .icon-download:before {
  font-size: 24px;
}
.download-list .explain {
  padding: 10px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1;
  margin-top: 15px;
}
.download-list .item-content {
  width: 100%;
  height: auto;
}
.download-list .item-content .icon-type,
.download-list .item-content .icon-download {
  font-size: 30px;
}
.download-list .item-content .icon-download {
  padding-right: 10px;
  color: #00A0E8;
}
.download-list .item-content span,
.download-list .item-content b {
  font-size: 18px;
}
.download-list .item-content .download-item-warp {
  display: flex;
  height: auto;
  min-height: 50px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #eee;
  flex-wrap: wrap;
}
.download-list .item-content .download-item-warp:hover {
  background: #f9f9f9;
  border-bottom: none;
}
.product-warp .search-form {
  padding: 2em 0;
}
.dl-horizontal {
  margin-bottom: 2em;
}
.dl-horizontal .h5-title {
  background: #eee;
  padding: 4px 6px;
  text-align: left;
}
.dl-horizontal .des {
  margin-bottom: 0;
}
.about-history-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 78%;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-history-content {
    width: 98%;
  }
}
@media (max-width: 767px) {
  .about-history-content {
    flex-direction: column;
    width: 100%;
  }
}
.about-history-content .history-box {
  width: 46%;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
  margin: 10px 0;
  text-align: left;
  height: 230px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .about-history-content .history-box {
    width: 100%;
    height: auto;
  }
}
.about-history-content .box-info {
  padding: 3em 2em;
  z-index: 2;
}
.about-history-content .box-info .h3-title {
  color: #00A0E8;
}
.about-history-content .left-arrow {
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.about-history-content .left-arrow:before {
  position: absolute;
  top: 20px;
  content: "";
  display: block;
  background-color: #fff;
  right: -10px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .about-history-content .left-arrow:before {
    display: none;
  }
}
.about-history-content .left-arrow:after {
  position: absolute;
  top: 20px;
  content: "";
  display: block;
  background-color: #fff;
  right: -10.5%;
  width: 16px;
  height: 16px;
  border: 2px solid #00A0E8;
  border-radius: 50%;
  z-index: 3;
}
@media (max-width: 767px) {
  .about-history-content .left-arrow:after {
    display: none;
  }
}
.about-history-content .right-arrow {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.about-history-content .right-arrow:before {
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  background-color: #fff;
  right: auto;
  left: -10px;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .about-history-content .right-arrow:before {
    display: none;
  }
}
.about-history-content .right-arrow:after {
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  background-color: #fff;
  left: -10.5%;
  width: 16px;
  height: 16px;
  border: 2px solid #00A0E8;
  border-radius: 50%;
  z-index: 3;
}
@media (max-width: 767px) {
  .about-history-content .right-arrow:after {
    display: none;
  }
}
.about-history-content .history-line {
  display: block;
  position: relative;
  width: 8%;
  align-self: stretch;
  transition: all 0.3s ease-in-out;
}
.about-history-content .history-line .time-line {
  background-color: #00A0E8;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  width: 2px;
}
section.search-warp {
  padding-top: 17px;
}
.page-tags-nav.news_tag.m17 {
  margin-bottom: 0;
}
.page-item.download {
  background-color: #E8E8E8;
  max-width: none;
}
.download-details .details-title,
.download-details .details-content {
  margin: 1em 0;
  padding: 2em 0;
  display: block;
  border-bottom: 1px solid #aaa;
}
.download-details .details-title .file-name,
.download-details .details-content .file-name {
  font-size: 16px;
  text-transform: uppercase;
  color: #101010;
}
.download-details .details-title .file-name span,
.download-details .details-content .file-name span {
  font-size: 14px;
  color: #555;
  display: inline-block;
  margin-left: 15px;
}
.download-details .details-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.download-details .details-title .file-name {
  flex: 1;
}
.download-details .details-content {
  border-bottom: 0;
}
.download-details .details-content .file-name {
  margin-bottom: 10px;
}
.download-details .details-content .models {
  font-size: 14px;
}
.download-item-warp .item-right a {
  word-break: break-all;
}
.download-item-warp .item-right a[href] {
  text-decoration: underline;
}
.anviz-download-btn {
  text-decoration: none !important;
}
.details {
  height: auto;
  min-height: 80px;
}
.details .item-content {
  min-height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #eee;
}
.details .item-content p {
  font-size: 16px;
  color: #aaa;
  word-break: break-all;
  line-height: 1.5;
}
.download-list {
  border-radius: 20px;
}
.download-list .item-content .download-item-warp {
  padding: 15px;
  border: none;
}
.download-list .item-content .download-item-warp:nth-child(odd) {
  background-color: #F7F7F7;
}
.download-list .item-content .download-item-warp li.item-right {
  justify-content: flex-start;
}
.download-list .item-content .download-item-warp li.item-right span {
  padding: 0 10px;
}
.download-list .item-content .download-item-warp li.item-right span a {
  word-break: break-word;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG {
  display: flex;
  justify-content: flex-start;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG a {
  text-decoration: none;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn {
  font-size: 18px;
  padding: 6px 10px;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn {
  border: 2px solid #0068b7;
  border-radius: 20px;
  color: #0068B7;
  margin-left: 10px;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG a.copy_link,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-video-btn,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn {
  background: #E8E8E8;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  cursor: pointer;
  margin-left: 10px;
  border: 0;
  padding: 0;
  min-width: unset;
}
.download-list .item-content .download-item-warp li.item-right .download-btnG a.copy_link img,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-video-btn img,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-view-btn img,
.download-list .item-content .download-item-warp li.item-right .download-btnG a.anviz-download-btn img {
  margin-bottom: 0;
  margin: 0 auto;
  fill: #3062b8;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #00A0E8;
  border-color: #00A0E8;
}
.news_tag .tag-nav {
  margin-top: 45px;
  border-bottom: 3px solid #DFDFDF;
  background: rgba(255, 255, 255, 0.87);
  backdrop-filter: saturate(180%) blur(20px);
}
.news_tag.m17 {
  margin: 17px auto;
}
@media (max-width:850px) {
  .news_tag.m17 {
    margin: 0;
  }
}
.news_tag .tags {
  margin-bottom: 36px !important;
}
.search-warp {
  padding-top: 0;
}
.search-warp .news-tags {
  margin: 17px 0 !important;
}
.tag_nav_bar .tag_nav_bar_top {
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  display: none;
}
.tag_nav_bar .tag_nav_bar_top .select_img {
  width: 80%;
  text-align: right;
  font-size: 36px;
  color: #00A0E8;
  z-index: 9999;
}
.tag_nav_bar .tag_nav_bar_top .select_tit {
  font-size: 16px;
  width: 20%;
}
.tag_nav_bar .tag_nav_bar_top .select_tit a {
  color: #00A0E8;
}
.tag_nav_bar .select_box {
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  width: 100%;
  height: auto;
  margin: 0 auto;
  opacity: 1;
  zoom: 1;
  padding: 0 10px;
}
.tag_nav_bar .select_box.show {
  width: 100%;
}
.tag_nav_bar .select_box .tag-nav-item {
  height: auto;
  padding: 0 15px;
  margin-bottom: -3px;
  font-size: 16px;
  white-space: nowrap;
}
.tag_nav_bar .select_box .tag-nav-item:first-child {
  padding-left: 0;
}
.tag_nav_bar .select_box .tag-nav-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-transform: uppercase;
}
.tag_nav_bar .select_box .tag-nav-item.tag_nav_active a {
  color: #00A0E8;
  font-weight: 600;
  border-bottom: 3px solid #00A0E8;
  text-transform: uppercase;
}
.tag_nav_bar .select_box .tag-nav-item.tag_nav_active h1 {
  color: #00A0E8;
  font-weight: 600;
  border-bottom: 3px solid #00A0E8;
  text-transform: uppercase;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-nav .tag-item a {
  border-radius: 0;
}
.content-tag-warp .g_c_link {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 935px) {
  .news_tag .tag-nav {
    position: fixed;
    left: 0;
    z-index: 999;
  }
  .tag-nav .tag_nav_bar {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .news_tag .tag-nav {
    margin-top: 5px;
    overflow: hidden;
  }
  .news-nav {
    margin-top: 50px;
  }
  .top-nav .nav-list {
    display: none;
  }
  .tag_nav_bar .select_box {
    width: 80%;
    height: 0;
    opacity: 0;
    font-size: 0px;
    transition: font-size 0.15s ease, height 0.15s ease;
    flex-direction: column;
  }
  .tag_nav_bar .select_box.show {
    opacity: 1;
    height: 100%;
    font-size: inherit;
    display: block;
  }
  .tag_nav_bar .select_box .tag-nav-item {
    width: 100%;
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid rgba(210, 210, 215, 0.5);
  }
  .tag_nav_bar .select_box .tag-nav-item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
  }
  .tag_nav_bar .select_box .tag-nav-item.tag_nav_active a {
    color: #bbbbbb;
    font-weight: initial;
    border-bottom: none;
  }
  .tag_nav_bar .tag_nav_bar_top {
    display: flex;
  }
}
.online-ticket {
  padding: 4em auto;
}
.online-ticket h2 {
  margin: 0;
  font-size: 28px;
  padding-bottom: 1em;
}
.online-ticket .online-login {
  padding: 2em 0;
}
.online-ticket .online-login .form-group {
  padding-bottom: 20px;
}
.online-ticket .online-login .online-link {
  color: #00A0E8;
}
.online-ticket .online-form {
  margin: 4em auto;
}
.online-ticket .submit-btn-warp {
  margin-top: 2em;
}
.upload-file-btn {
  height: auto;
}
.upload-file-btn #upload {
  margin: 0;
}
.upload-file-btn label {
  display: block !important;
}
.upload-file-btn .upload-btn {
  position: relative;
  min-width: 120px;
  height: 40px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f2f2f2;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.upload-file-btn .upload-btn input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.upload-file-btn .upload-file-list {
  margin-top: 20px;
  width: 100%;
  height: auto;
  padding: 10px;
  background: #f2f2f2;
}
.upload-file-btn .upload-file-list .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.upload-file-btn .upload-file-list .item:last-child {
  margin-bottom: 0;
}
.upload-file-btn .upload-file-list .file-status {
  padding: 4px 10px;
  background: #ce5754;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.partner-warp {
  margin: 4em auto !important;
}
.partner-warp .become form {
  position: relative;
}
.partner-warp .become .become-nav {
  width: 100%;
  height: 50px;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.partner-warp .become .become-nav .become-nav-btn {
  background: #eeeeee;
  width: calc(33.33333333%);
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #555;
  position: relative;
  top: 0;
  cursor: pointer;
}
.partner-warp .become .become-nav .become-nav-btn.become-nav-btn-active {
  background: #0099cc;
  color: #fff;
  cursor: pointer;
}
.partner-warp .become .become-nav .become-nav-btn.become-nav-btn-active:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #0099cc;
  position: relative;
  bottom: -50px;
  left: -40px;
  margin-left: 20px;
}
.partner-warp .become .become-content {
  padding: 4em 0 0;
}
.partner-warp .become .become-content h2 {
  font-size: 30px;
}
.partner-warp .become .become-content p {
  padding: 10px 0 2em;
  border-bottom: 1px solid #eee;
}
.partner-warp .become .become-content li ul {
  margin: 2em 0;
}
.partner-warp .become .become-content li.become-content-item {
  display: none;
}
.partner-warp .become .become-content li.active {
  display: block;
}
.partner-warp .become .become-content .color-text-danger:last-child {
  margin-bottom: 1em;
}
.partner-warp .become .checkbox label {
  color: #555;
  font-size: 16px;
}
.partner-agpp-warp .agpp-program-content {
  width: 100%;
  margin: 0;
}
.news-lists .introduce {
  position: relative;
  padding-bottom: 60px;
  margin-bottom: 109px;
}
.news-lists .introduce .introduce_cen {
  width: 100%;
  height: auto;
  max-width: 1130px;
  margin: 0 auto;
  padding-top: 15px;
}
.news-lists .introduce .introduce_cen .i_c_list {
  height: 600px;
  margin-bottom: 10px;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen {
  height: auto;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a {
  display: block;
  width: 100%;
  height: 100%;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a .i_c_img {
  width: 100%;
  height: auto;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a .i_c_img > img {
  width: 100%;
  height: 100%;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a .i_c_top {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #797979;
  margin: 10px 0 5px 0;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a .i_c_tit {
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 30px;
  color: #000;
}
.news-lists .introduce .introduce_cen .i_c_list .i_c_list_cen > a .d_c_word {
  font-size: 16px;
  color: #073446;
}
.news-lists .introduce .introduce_cen .view_more {
  width: auto;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  color: #fff;
  padding: 10px 20px;
}
.news-lists .introduce .introduce_cen .view_more > a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.tags-row .tag-warpper .i_c_list {
  height: 600px;
  margin-bottom: 10px;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen {
  height: auto;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .i_c_img {
  flex: 0 0 67%;
  height: auto;
  min-height: 200px;
}
@media (max-width:850px) {
  .tags-row .tag-warpper .i_c_list .i_c_list_cen .i_c_img {
    min-height: 400px;
  }
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .i_c_img > img {
  width: 100%;
  height: 100%;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp {
  flex: 1;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_tags {
  font-size: 16px;
  display: flex;
  font-weight: 600;
  color: #00A0E8;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_tags .i_c_tag_name {
  position: relative;
  margin-right: 10px;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_tags > .i_c_tag_name:not(:nth-of-type(1))::after {
  position: absolute;
  content: " ";
  width: 1px;
  height: 10px;
  background-color: #555555;
  left: -5px;
  top: calc(50% - 5px);
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_top {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #797979;
  margin: 10px 0 5px 0;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_bottom {
  border-top: 1px solid #D1D1D1;
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_bottom .i_c_bottom_op {
  cursor: pointer;
  width: 159px;
  height: 40px;
  background: #00A0E8;
  border-radius: 4px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .i_c_tit {
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 30px;
  color: #000;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .d_c_word {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  font-weight: 400;
  color: #555555;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .g_c_link {
  color: #00A0E8;
  margin-top: 10px;
}
.tags-row .tag-warpper .i_c_list .i_c_list_cen .content-tag-warp .g_c_link span:after {
  content: "\2192";
  font-size: 16px;
  color: #00A0E8;
}
/*手机端*/
@media screen and (max-width: 992px) {
  .tec .tec_cen .programme-wrap {
    display: inherit;
  }
  .tec .tec_cen .t_list .t_l_fun {
    width: auto !important;
    margin-right: 13px;
  }
  .tec .tec_cen .t_list .t_l_fun:last-child {
    margin-right: 0;
  }
  .news-lists .introduce .introduce_cen .i_c_list {
    height: auto !important;
    margin-bottom: 20px;
  }
  .growth {
    padding-bottom: 0 !important;
  }
  .growth .growth_cen .g_c_left .g_c_num {
    width: 100% !important;
    margin: 30px auto 0 !important;
  }
  .growth .growth_cen .g_c_left .g_c_num .num_left {
    display: none;
  }
  .growth .growth_cen .g_c_left .g_c_num .num_right {
    width: 100% !important;
    display: flex;
    margin-left: 0 !important;
  }
  .growth .growth_cen .g_c_left .g_c_num .num_right .n_r_num {
    width: 32% !important;
    margin-right: 2% !important;
    text-align: center;
  }
  .growth .growth_cen .g_c_left .g_c_num .num_right .n_r_num:last-child {
    margin-right: 0 !important;
  }
  .growth .growth_cen .g_c_right .anviz_company {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 400px) {
  .tec .tec_cen .t_list {
    display: block;
  }
  .tec .tec_cen .t_list .t_l_fun {
    padding: 5px 0;
  }
}
.google-map {
  overflow: hidden;
  width: 1440px;
  height: 400px;
  position: relative;
}
.google-map .map-info {
  position: absolute;
}
.google-map iframe {
  height: auto;
}
.press-download {
  width: 100%;
  height: auto;
  padding: 1em;
  background: #f1f1f1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1em 1em;
}
@media (max-width: 1068px) {
  .press-download {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:850px) {
  .press-download {
    grid-template-columns: repeat(1, 1fr);
  }
}
.press-download .item {
  margin: 0;
  padding: 1em;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.press-download .item .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding-bottom: 2em;
}
.press-download .item .info h2 {
  text-align: center;
}
.press-download .item .img {
  width: auto;
  max-width: 100%;
  height: 226px;
}
.press-download .item .img img {
  max-width: 100%;
}
.press-download .item .download {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  outline: none;
  color: #00A0E8;
}
.press-download .item .download:hover {
  text-decoration: underline;
}
.select-fill-x {
  overflow: hidden;
}
.select-fill-x .input-label {
  z-index: 1;
  padding-left: 22px;
  transform: scale(0.75) translate(0, -14px);
}
.select-fill-x .select2-container {
  border: none;
}
.input-form .select-fill-x {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  width: 100%;
}
.input-form .select-fill-x.error .select2-selection--single,
.input-form .select-fill-x.error .select2-selection--multiple {
  border: 1px solid #ff0000;
}
.input-form .select-fill-x .select2-selection--single:hover {
  border-color: #00a0e8;
}
.input-form .input-control:placeholder-shown {
  transform: none;
}
.select-fill-x .select2-container .select2-selection--single,
.select-fill-x select,
.select-fill-x .select2-container .select2-selection--multiple {
  height: 60px;
  padding: 16px 16px 13px;
  border: 1px solid #d0d0d5;
  border-radius: 4px;
  transition: border-color 0.25s;
  margin: 0;
}
.select-fill-x .select2-container .select2-selection--single .select2-selection__rendered,
.select-fill-x select {
  line-height: 30px;
  font-size: 22px;
  padding: 0;
}
.select-fill-x .select2-container .select2-selection--single .select2-selection__arrow,
.select-fill-x select {
  height: 60px;
  top: 0;
}
.select-fill-x select {
  padding-left: 10px;
  background-color: #fff;
}
.required label::after {
  content: "\273D";
  font-size: 16px;
  color: #ff001f;
  position: absolute;
  top: 0;
}
.steps {
  width: 100%;
  height: 100%;
  display: block;
}
.steps .item {
  width: 100%;
  height: 100%;
}
.steps .item:nth-child(2) .title {
  margin-bottom: 10px;
}
.steps .item:nth-child(2) .des {
  margin-bottom: 4em;
}
.steps .title {
  font-size: 36px;
  margin: 4em auto 2em;
  width: auto;
  text-align: center;
}
@media (max-width: 850px) {
  .steps .title {
    margin-top: 4em;
  }
}
.steps .des {
  font-size: 14px;
  text-align: center;
}
.steps .button-center {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8em auto;
}
.steps .anviz-default-btn {
  background: #f1f1f1;
  color: #5f5f5f;
}
.btn-fixed ul.draggable {
  display: unset !important;
  top: unset !important;
  bottom: 50px;
  right: 24px;
  left: 95vw;
  overflow: visible;
}
@media (max-width: 850px) {
  .btn-fixed ul.draggable {
    width: auto;
    height: auto;
    border-radius: unset;
    margin-left: -58px !important;
    left: 95vw;
    bottom: 3vh;
  }
}
.btn-fixed ul.draggable > li:nth-child(1) {
  transition: all 0.2s linear !important;
  opacity: 0;
  position: relative;
  top: 20vh;
  z-index: -1;
  height: 0;
}
.btn-fixed ul.draggable > li:nth-child(1).show-menu {
  top: 0;
  opacity: 1;
  height: auto;
}
.btn-fixed ul.draggable > li:nth-child(1) ul > li {
  margin-bottom: 8px;
}
.btn-fixed ul.draggable > li:nth-child(1) ul > li.anviz-btn,
.btn-fixed ul.draggable > li:nth-child(1) ul > li .anviz-primary-btn {
  background-color: #00a0e8;
  border-color: #00a0e8;
}
.btn-fixed ul.draggable > li:nth-child(1) ul > li.anviz-btn a span,
.btn-fixed ul.draggable > li:nth-child(1) ul > li .anviz-primary-btn a span {
  color: #fff;
}
@media (max-width: 850px) {
  .btn-fixed ul.draggable > li:nth-child(1) ul > li.anviz-btn,
  .btn-fixed ul.draggable > li:nth-child(1) ul > li .anviz-primary-btn {
    padding: 12px 12px;
  }
}
.btn-fixed ul.draggable li {
  width: 100%;
  text-align: left;
  padding: 0;
  width: auto;
  min-width: 220px;
  max-width: 220px;
  border-radius: 4px;
}
@media (max-width: 850px) {
  .btn-fixed ul.draggable li {
    min-width: auto;
    max-width: inherit;
  }
}
.btn-fixed ul.draggable li a {
  display: flex;
  align-items: center;
  padding: 10px 18px;
}
.btn-fixed ul.draggable li a span {
  vertical-align: middle;
  color: #fff;
}
.btn-fixed ul.draggable li a span.icon {
  font-size: 20px;
}
@media (max-width: 850px) {
  .btn-fixed ul.draggable li a span.icon {
    font-size: 30px;
  }
}
.btn-fixed ul.draggable li.open-menu.active {
  background-color: #D8D8D8;
  border-color: #D8D8D8;
}
.btn-fixed ul.draggable li.open-menu.active a span {
  color: #000;
}
.btn-fixed ul.draggable li.open-menu.active a span::before {
  color: #000;
}
.btn-fixed ul.draggable li.open-menu a span:first-child {
  position: absolute;
  -webkit-animation: shakea 1s 3.3s infinite alternate ease-in-out;
  animation: shakea 1s 3.3s infinite alternate ease-in-out;
}
.btn-fixed ul.draggable li.open-menu a span:nth-child(2) {
  opacity: 0;
}
@media (max-width: 850px) {
  .btn-fixed ul.draggable li.open-menu {
    border-radius: 50%;
  }
}
@media (max-width: 850px) {
  .shade {
    transition: all 0.2s linear !important;
    background: rgba(0, 0, 0, 0);
  }
  .shade.show {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .btn-fixed ul.draggable {
    overflow: unset;
    width: 100%;
    left: 0;
    margin: 0 !important;
  }
  .btn-fixed ul.draggable li.anviz-btn,
  .btn-fixed ul.draggable li .anviz-primary-btn {
    padding: 0 !important;
  }
  .btn-fixed ul.draggable li a {
    display: flex;
    align-items: center;
    padding: 12px 12px;
  }
  .btn-fixed ul.draggable li a span::before {
    color: #fff;
  }
  .btn-fixed ul.draggable li a span:last-child {
    display: none;
  }
  .btn-fixed ul.draggable > li:nth-child(1) {
    width: min-content;
    position: absolute;
    right: 15px;
  }
  .btn-fixed ul.draggable > li:nth-child(1).show-menu {
    position: relative;
    top: -30vh;
    width: min-content;
    margin: auto;
    right: 0;
  }
  .btn-fixed ul.draggable > li:nth-child(1).show-menu ul li {
    min-width: 200px;
  }
  .btn-fixed ul.draggable > li:nth-child(1) ul li a span::before {
    color: #fff;
  }
  .btn-fixed ul.draggable > li:nth-child(1) ul li a span:last-child {
    display: inline-block;
  }
  .btn-fixed ul.draggable > li:nth-child(2) {
    width: initial;
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
}
@-webkit-keyframes shakea {
  0%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90%,
  100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-2px, 0);
  }
  20% {
    transform: translate(2px, 0);
  }
}
@keyframes shakea {
  0%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90%,
  100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-2px, 0);
  }
  20% {
    transform: translate(2px, 0);
  }
}
.cookieBar {
  position: fixed;
  background-image: linear-gradient(#000000, #282828, #000000);
  bottom: 0;
  width: 100%;
  font-size: 14px;
  display: flex;
  padding: 25px 30px;
  color: #fff;
  z-index: 999999;
  font-weight: 600;
}
.cookieBar .tips {
  padding-right: 20px;
}
.cookieBar .tips a {
  color: #00a0e8;
}
.cookieBar .btnGroup {
  display: flex;
  align-items: center;
}
.cookieBar .btnGroup a {
  display: flex;
  align-items: center;
  padding: 0 40px;
  font-size: 14px;
  border-radius: 0;
  height: 35px;
}
.cookieBar .btnGroup a:first-child {
  margin-right: 40px;
}
.cookieBar .btnGroup a.anviz-btn-cancel {
  background: #dedede;
  border-color: #dedede;
  color: #333;
}
@media (max-width: 850px) {
  .cookieBar {
    flex-direction: column;
  }
  .cookieBar .btnGroup {
    justify-content: space-between;
    margin-top: 10px;
  }
  .cookieBar .btnGroup a {
    padding: 20px 0;
    margin: 0;
    width: 35%;
    justify-content: center;
  }
}
.active-main .tag-warpper .i_c_list .i_c_list_cen {
  height: 100%!important;
}
.active-main .exhibition_range_time {
  display: flex;
  font-size: 16px;
  color: #797979;
}
.active-main .exhibition_range_time .exhibition_range_time_info {
  margin-right: 5px;
}
.active-main .tags-row .tag-warpper .i_c_list {
  padding: 0;
  width: 33%!important;
}
.active-main .i_c_list_cen {
  border-radius: 10px;
  background: #FFFFFF;
}
.active-main .i_c_list_cen .content-tag-warp {
  padding: 15px;
}
.active-main .i_c_list_cen .i_c_img {
  height: 200px!important;
}
.active-main .d_c_word {
  height: 100px;
}
.active-main .i_c_type2 .d_c_word {
  height: 156px;
}
.active-main .tags-row {
  margin: 0;
}
.active-main .two-row-ellipsis {
  overflow: visible;
}
.active-main .content-tag-warp {
  position: relative;
}
.active-main .content-tag-warp .active_download {
  background-color: #FFFFFF;
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  display: none;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
  height: 50px;
}
.active-main .content-tag-warp .active_download .download_name {
  font-size: 16px;
  font-weight: 500;
  color: #00A0E8;
}
.active-main .content-tag-warp .active_download .download_size {
  font-size: 16px;
  font-weight: 500;
  color: #555555;
}
.active-main .content-tag-warp .active_download::before {
  content: " ";
  position: absolute;
  width: calc(100% - 20px);
  height: 1px;
  background-color: #D1D1D1;
  top: 0px;
}
.active-main .i_c_type1:hover {
  border-radius: 0px;
}
.active-main .i_c_type1:hover .two-row-ellipsis {
  overflow: visible;
}
.active-main .i_c_type1:hover .active_download {
  display: flex;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.black {
  color: #101010 !important;
}
img:not([src]) {
  display: none;
  /* 隐藏缺失图片的图标 */
}
.BioNANO {
  position: relative;
  margin: 0 15px;
}
.BioNANO::after {
  content: "®";
  position: absolute;
  right: -10%;
  top: 36%;
  transform: translateY(-50%);
  color: #111;
  font-size: 16px;
}
/*animation 开始*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated .infinite {
  animation-iteration-count: infinite;
}
.animated .hinge {
  animation-duration: 2s;
}
.app-section {
  transition: opacity 0.9s cubic-bezier(0.26, 0.46, 0.45, 0.95) 0s, transform 0.9s cubic-bezier(0.26, 0.46, 0.45, 0.95) 0s, color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, border 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition-delay: 0.2s;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.app-section .fade-in {
  transform: translate3d(0, -20px, 0);
  transition-delay: 0s;
  opacity: 0;
}
.in-view {
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
.in-view .fade-in {
  opacity: 1;
}
.in-view .delay-01 {
  transition-delay: 0.2s;
}
.in-view .delay-02 {
  transition-delay: 0.4s;
}
.in-view .delay-03 {
  transition-delay: 0.6s;
}
.in-view .delay-04 {
  transition-delay: 0.8s;
}
.in-view .delay-05 {
  transition-delay: 1s;
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.shake {
  animation: shake 1s 3.3s infinite alternate ease-in-out;
}
@keyframes shake {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
}
.fadeOutLeft {
  animation: fadeOutLeft 5s 3s ease-in-out;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    -ms-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@keyframes anti-rota {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.anti-rota {
  animation-name: anti-rota 4s linear infinite;
}
/*产品特点动作*/
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  100% {
    -moz-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0);
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(80, 184, 249, 0);
  }
}
@keyframes warn {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes warn1 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.animated-cycle {
  animation: rotating 1s infinite linear;
  transform-origin: center center;
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #00A0E8;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  animation: rotating 1s linear infinite;
  transform-origin: center center;
}
/*animation 结束*/
.delay-01 {
  transition-delay: 0.2s;
}
.delay-02 {
  transition-delay: 0.4s;
}
.delay-03 {
  transition-delay: 0.6s;
}
.delay-04 {
  transition-delay: 0.8s;
}
.delay-05 {
  transition-delay: 1s;
}
.delay-06 {
  transition-delay: 1.2s;
}
.delay-07 {
  transition-delay: 1.4s;
}
@media (max-width: 1068px) {
  .ac-gn-noscroll {
    overflow: hidden !important;
    height: 100% !important;
  }
  .ac-gn-noscroll-long {
    overflow-y: scroll !important;
  }
  /*nav*/
  .header-opacity07-bg {
    z-index: -10 !important;
    opacity: 0 !important;
  }
  .top-nav {
    position: relative;
    height: 60px;
    background: #000000;
    transition: all 0.2s;
  }
  .top-nav .nav-list {
    width: 100%;
    max-width: 100%;
    padding: 0 2em !important;
    height: 0;
    opacity: 0;
    z-index: -99;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  }
  .top-nav .nav-list .js-item {
    display: none;
  }
  .top-nav .nav-list .line {
    display: none !important;
  }
  .top-nav .mobile-header-nav {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
    z-index: 99;
  }
  .top-nav .mobile-header-nav .js-header-item {
    display: flex;
    align-items: center;
    padding-right: 10px;
    height: 100%;
    cursor: pointer;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(1) {
    padding-right: 0;
    width: 48px;
    justify-content: flex-start;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(2) {
    padding-right: 0;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(2) .icon {
    padding: 0;
    font-size: 30px;
    color: #fff;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(2):hover .icon {
    text-decoration: none;
    color: #fff;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(3) {
    justify-content: flex-end;
    width: 48px;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(3) .login {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(3) .login .icon-user-login {
    font-size: 24px;
    display: block;
    position: relative;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(3) .login .icon-user-login:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: red;
    position: absolute;
    top: 0;
    right: 0;
  }
  .top-nav .mobile-header-nav .js-header-item:nth-child(3) .login:hover .icon-user-login {
    text-decoration: none;
    color: #fff;
  }
  .new-nav-warp .product-nav {
    background: transparent;
  }
  .product-nav {
    border-bottom: 60px;
    top: 0;
    padding: 0 2em;
    opacity: 0;
    visibility: hidden;
  }
  .product-nav .login {
    display: none !important;
  }
  .product-nav .logo {
    display: none !important;
  }
  .product-nav .series-pro-nav {
    height: auto;
  }
  .product-nav .series-pro-nav .series-item {
    border-bottom: 1px solid rgba(120, 120, 120, 0.5);
    visibility: hidden;
    opacity: 0;
  }
  .product-nav .series-pro-nav .series-item small {
    position: relative !important;
    right: 0 !important;
    color: #aaa;
    font-size: 16px;
  }
  .product-nav .series-pro-nav .series-item .secu365-warp {
    background: none;
  }
  .product-nav .series-pro-nav .space-item {
    display: none !important;
  }
  .product-nav .search-form {
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: -999999;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s;
  }
  .product-nav .search-form .keywords {
    display: none !important;
  }
  .product-nav .search-form .close {
    display: none !important;
  }
  .product-nav .search-form #topSearchForm {
    margin: 0;
    height: auto;
  }
  input::-webkit-input-placeholder {
    color: #fff !important;
  }
  input::-moz-placeholder {
    color: #fff !important;
  }
  input:-ms-input-placeholder {
    color: #fff !important;
  }
  input::-ms-input-placeholder {
    color: #fff !important;
  }
  input::placeholder {
    color: #fff !important;
  }
  .mobeil-search {
    display: block;
    border-bottom: 1px solid rgba(120, 120, 120, 0.5);
  }
  .mobile {
    background: rgba(0, 0, 0, 0.95) !important;
  }
}
@media (max-width:850px) {
  body {
    min-height: 100%;
  }
  h1 {
    transition: all 0.3s ease-in-out;
    font-size: 34px;
  }
  h2 {
    transition: all 0.3s ease-in-out;
    font-size: 24px;
  }
  /*page*/
  .pageheader {
    padding-top: 60px;
  }
  .pageheader .h2-title {
    justify-content: center;
  }
  .tags {
    margin-top: 0 !important;
  }
  /*address*/
  .address-item {
    border-bottom: 1px solid #ddd;
  }
  .address-item:last-child {
    border-bottom: 0;
  }
  address .h3-title {
    font-size: 22px;
  }
  .cart-num-pos {
    position: absolute;
    right: 80%;
  }
  /*content*/
  .content {
    /*about anviz*/
    /*home*/
    /*news*/
    /*no banner page*/
  }
  .content .about-anviz {
    height: 400px;
    background-position: center;
  }
  .content .about-smarter {
    height: 1200px;
    background-position: center;
    padding: 2em 0;
  }
  .content .about-highlights,
  .content .highlights-box {
    padding: 2em 0;
  }
  .content .highlight-info .des {
    width: 100%;
  }
  .content .product-pageheader {
    display: block;
    height: 60px;
  }
  .content .banner {
    background-position: center;
    background-size: auto 100%;
  }
  .content .home-banner {
    height: 100%;
    background-size: auto 100%;
  }
  .content .swiper {
    padding: 0 15px;
  }
  .content .swiper .jj-swiper {
    top: 0;
  }
  .content .swiper .jj-swiper .swiper-slide {
    width: 100%;
  }
  .content .swiper .jj-swiper .swiper-slide h1 {
    font-size: 52px !important;
  }
  .content .swiper .jj-swiper .swiper-slide h3 {
    font-size: 24px !important;
  }
  .content .swiper .jj-swiper .swiper-slide .my-score {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .content .swiper .jj-swiper .swiper-slide .my-media {
    width: 100% !important;
  }
  .content .home-cloud {
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .content .home-cloud .cloud {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content .home-cloud .cloud-info {
    align-self: auto;
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }
  .content .home-cloud .cloud-info p,
  .content .home-cloud .cloud-info h2 {
    text-align: center;
  }
  .content .home-cloud .cloud-img {
    width: 100%;
    min-height: 480px;
    height: auto;
    background-position: bottom;
    background-size: contain;
  }
  .content .home-tab {
    top: 20px;
    margin-bottom: 4em;
  }
  .content .home-tab .tab-nav {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  .content .home-tab .tab-nav .tab-nav-item {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .content .home-tab .tab-nav .tab-nav-active {
    margin-bottom: 10px;
  }
  .content .home-tab .tab-content {
    width: 100%;
    margin: 0;
  }
  .content .home-tab .tab-content .tab-content-item {
    height: auto;
    padding: 2em 1em;
  }
  .content .home-tab .tab-content .tab-content-active {
    border-top: 6px solid #00A0E8;
  }
  .content .home-tab .tab-details-warp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .content .home-tab .tab-details-warp .table-warp {
    width: 90%;
  }
  .content .search {
    padding-top: 70px;
  }
  .content .search .input-warp {
    width: 75%;
  }
  .content .news-list .list-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .content .news-list .list-item img {
    margin-bottom: 10px;
  }
  .content .page-content {
    margin: 22% auto 2%;
    padding: 0 15px;
  }
  .content .page-content .register-content h2 {
    padding: 15px;
    font-size: 24px;
  }
  .content .page-content .h3-title {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
  }
  .content .page-content .press-download-list {
    justify-content: center;
  }
  /*footer*/
  footer {
    height: auto;
  }
  footer .footer-warp {
    max-width: 100%;
    height: auto;
  }
  footer .footer-warp .footer-start {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  footer .footer-warp .foorter-sitelink {
    max-width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
  footer .footer-warp .foorter-sitelink .item-link {
    height: 40px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 0;
    transition: all 0.3s ease-in;
    position: relative;
  }
  footer .footer-warp .foorter-sitelink .item-link ul {
    display: none;
    transition: all 0.3s ease-in;
  }
  footer .footer-warp .foorter-sitelink .item-link .link-title {
    position: relative;
  }
  footer .footer-warp .foorter-sitelink .item-link .link-title::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "+";
    font-size: 16px;
    color: #fff;
    transition: all 0.3s ease-in;
  }
  footer .footer-warp .foorter-sitelink .item-link:hover {
    height: auto;
  }
  footer .footer-warp .foorter-sitelink .item-link:hover .link-title::after {
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.3s ease-in;
  }
  footer .footer-warp .foorter-sitelink .item-link:hover ul {
    display: block;
    transition: all 0.3s ease-in;
  }
  footer .footer-warp .foorter-sitelink .item-link:hover ul li .link-sub-title {
    font-size: 14px;
    width: 100%;
    display: flex;
    height: 30px;
    align-items: center;
  }
  footer .footer-warp .footer-siteshare {
    max-width: 100%;
    padding: 0;
  }
  footer .footer-warp .footer-siteshare .item-link {
    padding: 0 10px;
  }
  footer .footer-warp .footer-siteshare .item-link ul .media-des {
    width: 100%;
    margin-bottom: 2em;
  }
  footer .footer-warp .footer-end {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  footer .footer-warp .footer-end .info:nth-child(1),
  footer .footer-warp .footer-end .info:nth-child(3) {
    padding: 0 10px;
    margin-bottom: 1em;
  }
  footer .footer-warp .footer-end .info:nth-child(2) {
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
  }
  footer .footer-warp .footer-end .info:nth-child(2) .footer-info {
    border-right: 0;
  }
}
@media (max-width:767px) {
  /*swiper*/
  .swiper-pagination-bullets {
    width: 100% !important;
  }
  /*展会*/
  .dl-horizontal .h5-title {
    padding-left: 0;
  }
  .search-form input[type="search"],
  .search-form input[type="text"],
  .search-form input[type="email"],
  .search-form input[type="password"] {
    margin-bottom: 1em;
  }
  /*where to buy*/
  .select-country {
    margin: 0;
  }
  /*tags*/
  .article-tags {
    flex-basis: 100%;
  }
  .product-list .article-tags {
    flex-basis: 100%;
    padding: 0;
    margin: 5px 0;
  }
  .width-1100 .product-list .article-tags {
    flex-basis: 100%;
  }
  /*search*/
  .search-warp {
    padding: 0;
  }
  .search-warp .item-search {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .search-warp .item-search .search-img {
    width: 100%;
    min-width: 100%;
    height: 200px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .search-warp .item-search .search-info {
    padding: 15px;
  }
  .search-warp .item-content .download-item-warp {
    height: auto;
    display: flex;
    align-items: flex-start;
  }
  .search-warp .item-content .details {
    flex-direction: column;
  }
  .search-warp .item-content .details .item-left {
    position: absolute;
  }
  .search-warp .item-right {
    height: auto;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2em;
    padding-right: 0;
  }
  .search-warp .item-right .anviz-download-btn {
    margin-left: 1em;
    margin-bottom: 1em;
  }
  .search-warp .item-left {
    justify-content: center;
  }
  .search-warp .item-left .icon-type:before {
    font-size: 30px;
  }
  .download-list .item-content .download-item-warp {
    height: auto;
    display: flex;
    align-items: flex-start;
  }
  .download-list .item-content .details {
    flex-direction: column;
  }
  .download-list .item-content .details .item-left {
    position: absolute;
  }
  .download-list .item-right {
    height: auto;
    line-height: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 2em;
    padding-right: 0;
  }
  .download-list .item-right .anviz-download-btn {
    margin-left: 1em;
    margin-bottom: 1em;
  }
  .download-list .item-left {
    justify-content: center;
  }
  .download-list .item-left .icon-type:before {
    font-size: 30px;
  }
  /*product*/
  .details-tags {
    margin: 2em 0;
    justify-content: center;
  }
  .mobile-product-photos {
    display: block;
    margin: 6em 0 4em;
  }
  .mobile-product-photos .img-slide {
    width: 100% !important;
    height: 450px;
    max-height: 450px;
    display: flex;
    align-items: center;
  }
  .mobile-product-photos .swiper-pagination-bullet {
    background: #aaa;
    width: 14px;
    height: 14px;
    opacity: 1;
  }
  .mobile-product-photos .swiper-pagination-bullet-active {
    background: #00A0E8 !important;
  }
  /*content*/
  .content {
    /*technology*/
  }
  .content .technology {
    height: 350px;
  }
  .content .core-tab .core-nav {
    margin-bottom: 0;
  }
  .content .core-tab .core-nav .nav-item {
    padding: 10px 6px;
    font-size: 16px;
  }
  .content .core-tab .core-content .core-bionano {
    width: 100%;
    padding-bottom: 0;
  }
  .content .core-tab .core-content .core-bionano .core-icon-list-info {
    width: 98%;
    margin: auto;
  }
  .content .core-tab .core-content .core-info {
    margin: 2em 0;
    display: flex;
    flex-direction: column;
  }
  .content .core-tab .core-content .core-info .h3-title,
  .content .core-tab .core-content .core-info .des,
  .content .core-tab .core-content .core-info .h5-title {
    width: 100%;
    text-align: center;
  }
  .content .core-tab .core-content .core-info .core-img img {
    height: auto;
  }
  .content .core-tab .core-content .core-info .core-v-img {
    position: relative;
    bottom: 30px;
  }
  .content .core-tab .core-content .core-info-reversal {
    display: flex;
    flex-direction: column-reverse;
  }
  .content .core-tab .core-content .core-icon-list .icon-item {
    flex-basis: 50%;
  }
  .content .about-customer {
    padding: 0;
  }
  .content .about-customer .customer-logo {
    margin-bottom: 1em;
  }
  .content .about-customer .customer-logo .logo img {
    max-width: 80%;
  }
  .content .home-application {
    margin: 2em 0;
    display: flex;
    flex-direction: column;
  }
  .content .home-application .application-item {
    width: 100%;
    margin-bottom: 1em;
  }
  .content .home-application .application-item .title {
    font-size: 16px;
  }
  .content .home-application .application-item:last-child {
    margin-bottom: 0;
  }
  .content .home-partner {
    height: auto;
    padding: 0 15px;
  }
  .content .home-partner .partner-warp {
    display: flex;
    flex-direction: column;
  }
  .content .home-partner .icon-box {
    display: block;
  }
}
.mobile {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999999;
  transition: all 0.3s ease-in-out;
}
.mobile .fixed-menu {
  z-index: 99 !important;
}
.mobile .top-nav {
  height: auto;
  background: transparent;
}
.mobile .top-nav .nav-list {
  display: none;
}
.mobile .top-nav .product-nav {
  opacity: 1;
}
.mobile .top-nav .product-nav .series-pro-nav {
  display: block;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item {
  visibility: visible;
  opacity: 1;
  display: block;
  transition: all 0.3s ease-in-out;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(2) {
  transition-delay: 50ms, 50ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(3) {
  transition-delay: 100ms, 100ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(4) {
  transition-delay: 150ms, 150ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(5) {
  transition-delay: 200ms, 200ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(6) {
  transition-delay: 250ms, 250ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(7) {
  transition-delay: 300ms, 300ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(8) {
  transition-delay: 350ms, 350ms;
}
.mobile .top-nav .product-nav .series-pro-nav .series-item:nth-child(10) {
  transition-delay: 400ms, 400ms;
}
.mobile .top-nav .product-nav .series-item {
  visibility: visible;
  opacity: 1;
  display: block;
  transition: all 0.3s ease-in-out;
  transition-delay: 350ms, 350ms;
}
.mobile .top-nav .product-nav .series-item.support-nav .sub-nav {
  min-height: auto;
}
.mobile .top-nav .product-nav .series-item.support-nav .icon-down {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .product-details-warp ul li.modules ul {
    max-width: 100%;
    height: auto;
  }
  .mobile-product-photos {
    display: block;
  }
}
@media (max-width: 735px) {
  .product-photos {
    display: none;
  }
}
@media (min-width:768px) and (max-width:1023px) {
  body {
    min-height: 100%;
  }
  /*tags*/
  .article-tags {
    flex-basis: 50%;
  }
  .product-list .article-tags {
    flex-basis: calc(100% / 4 - 16px);
  }
  .width-1100 .product-list .article-tags {
    flex-basis: 50%;
  }
  /*header*/
  header {
    z-index: 999;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    width: 100% !important;
  }
  .swiper-slide img {
    width: 60%;
    margin: auto;
  }
  /*search*/
  .search-warp .product-list .product-item {
    flex: 1;
    max-width: 50%;
  }
  .search-warp .download-list .item-right {
    display: flex;
  }
  .search-warp .download-list .item-right .product-download-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  /*nav*/
  .nav-content {
    width: 100%;
  }
  /*nav-top*/
  /*product*/
  .product-nav {
    padding: 0 1em;
  }
  .product-nav .series-pro-nav .series-item .series-link {
    font-size: 14px;
  }
  .product-warp .product-tag {
    padding: 1em 0;
  }
  .product-warp .product-list {
    transition: all 0.3s ease-in-out;
  }
  .product-warp .product-list .product-item {
    padding: 0 0 1em;
  }
  .product-warp .product-list .product-item .product-tag-list {
    padding: 0 1em;
  }
  .product-warp .product-list .product-item .product-info {
    padding: 0 1em;
  }
  .product-warp .product-list .product-item .learn-more {
    padding-left: 0;
  }
  .ekey {
    min-height: 700px;
  }
  .details-tags {
    margin: 2em 0;
  }
  .content {
    /*technology*/
    /*about anviz*/
    /*home*/
  }
  .content .core-tab .core-content .core-bionano {
    padding-bottom: 2em;
  }
  .content .core-tab .core-content .core-info .core-img img {
    height: auto;
  }
  .content .core-tab .core-content .core-info .h3-title {
    line-height: 1.2;
  }
  .content .about-anviz {
    height: 400px;
    background-position: center;
  }
  .content .about-smarter {
    height: 900px;
    background-position: center;
    padding: 3em 0;
  }
  .content .about-highlights,
  .content .about-customer {
    padding: 3em 0;
  }
  .content .about-highlights-bg {
    margin-bottom: 60%;
  }
  .content .about-customer .des {
    width: 100%;
  }
  .content .home-application {
    margin: 2em 0;
    display: flex;
  }
  .content .home-application .application-item {
    width: calc(100% / 3 - 8em);
    margin-right: 1em;
  }
  .content .home-application .application-item .title {
    font-size: 16px;
  }
  .content .home-application .application-item:last-child {
    margin-right: 0;
  }
  .content .home-partner {
    width: 100%;
    height: auto;
    padding: 0 15px;
    padding-bottom: 4em;
  }
  .content .home-partner .partner-warp {
    width: 100%;
    display: flex;
    margin: 0;
  }
  .content .home-partner .icon-box {
    display: block;
    width: 70px;
    font-size: 30px;
  }
  .content .home-tab .tab-nav,
  .content .home-tab .tab-content {
    margin: 0;
  }
  .content .home-tab .tab-nav {
    display: flex;
    flex-direction: row;
  }
  .content .home-tab .tab-nav .tab-nav-item {
    padding: 1em;
    margin: 0 1em 0 0;
  }
  .content .home-tab .tab-nav .tab-nav-item:last-child {
    margin-right: 0;
  }
  .content .home-tab .tab-content .tab-content-item {
    height: auto;
    padding: 2em 2em 4em;
  }
  .content .casesutdy-details {
    padding: 0 2em;
  }
  .content .casesutdy-details .h2-title {
    height: auto;
    margin-bottom: 1em !important;
  }
  .content .news-list {
    padding: 0 2em;
  }
  .content .tags {
    padding: 0 0em;
  }
  .content .page-banner {
    padding-top: 16%;
  }
  .content .login-content {
    padding: 4em;
  }
  .content .cross-chex-professinal .page-banner-info,
  .content .cross-chex-cloud .page-banner-info {
    width: 90%;
  }
  .content .cross-chex-professinal .page-email,
  .content .cross-chex-cloud .page-email {
    width: 94%;
  }
  .content .page-item .img-text,
  .content .page-item .text-img {
    padding: 0 2em;
  }
  .content .page-item .search {
    padding: 1em 2em;
  }
  .content .page-item .soft-system .system-list li img {
    margin-top: 4em;
  }
  .content .page-item .soft-system .system-list li .des {
    width: 90%;
  }
  .content .my-anviz .my-anviz-nav {
    width: 230px;
  }
  .content .my-anviz .my-anviz-content {
    padding: 1em;
  }
  .content .my-anviz .my-anviz-content .wrapper .d {
    height: 310px;
  }
  .content .my-anviz .my-anviz-content .wrapper .d .text-warp {
    margin-bottom: 10px;
  }
  .product-bg .details-nav-bar {
    top: 60px;
    padding: 0 1em;
  }
  .tags {
    padding: 60px 1em 0;
  }
  .tags .tag-nav {
    top: 0px;
  }
  .nav-two-fixed .details-nav-bar {
    top: 0;
    padding: 0 1em;
  }
  .nav-two-fixed .tags {
    padding-top: 0;
    top: 60px;
    padding: 0 1em;
    z-index: 999;
  }
  .product-photos-box .product-photos-list .anviz-scroll-left-btn {
    left: 0;
  }
  .product-photos-box .product-photos-list .anviz-scroll-right-btn {
    right: 0;
  }
  /*home*/
  .home-cloud .cloud-img {
    height: auto;
    min-height: 390px !important;
    transition: all 0.3s ease-in-out;
    margin-top: 6em;
  }
  .home-tab .tab-details-warp .table-warp {
    width: 100%;
  }
  .home-tab .tab-details-warp .table-warp .pro-img .anviz-btn {
    top: 20px;
  }
  footer .home-send-mail .mail-warp {
    width: 90%;
  }
  footer .footer-warp .footer-start {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  footer .footer-warp .footer-end {
    width: 100%;
    padding: 1em;
  }
  /*page-item*/
  .content .page-item .img-text .text,
  .content .page-item .text-img .text,
  .content .page-item .img-text-column .text {
    text-align: center;
    margin-right: 0;
    width: auto;
    max-width: 80%;
    margin-left: 0;
    margin: auto;
  }
  .content .page-item .img-text .text .secu-title,
  .content .page-item .text-img .text .secu-title,
  .content .page-item .img-text-column .text .secu-title {
    margin-top: 1em;
  }
  .content .page-item .in-application {
    width: 86%;
    margin: auto;
  }
  .content .page-in-controller {
    height: 400px;
    transition: all 0.3s ease-in-out;
  }
  .content .page-in-controller .controller-warp {
    height: 400px;
  }
  .content .page-in-controller .controller-warp img {
    max-width: 90%;
  }
}
@media (min-width:768px) and (max-width:1023px) and (min-width:768px) and (max-width:1024px) {
  footer .footer-warp .footer-end {
    padding: 1em 0;
  }
}
@media (min-width: 1024px) and (max-width: 1440px) {
  /*tags*/
  .product-tag,
  .pageheader {
    padding: 0 15px;
  }
  .content .tags {
    padding: 0;
  }
  .content .about-highlights-bg {
    margin-bottom: 60%;
  }
  .product-warp .product-tag {
    padding: 0 15px;
  }
  .product-warp .product-list .product-item {
    padding: 8px;
  }
  .product-warp .product-list .product-item .learn-more {
    padding-left: 8px;
  }
  .product-bg .details-nav-bar {
    top: 0;
    padding: 0 1em;
  }
  .nav-two-fixed .details-nav-bar {
    top: 0;
    padding: 0 1em;
  }
  .nav-two-fixed .tags {
    padding-top: 0;
    top: 80px;
    padding: 0 1em;
  }
  .product-nav {
    background: transparent;
  }
  .product-nav .series-pro-nav .series-item {
    padding: 0 1em;
  }
  .product-nav .series-pro-nav .search-form {
    padding: 0;
    right: 48px;
  }
  .search-warp .content-warp {
    padding-top: 0;
  }
}
@media (min-width: 1441px) {
  /*nav*/
  .no-scroll {
    overflow: inherit;
  }
  .mobile {
    position: relative;
    display: block;
  }
  .mobile .top-nav {
    background: #00a0e8;
  }
  .mobile .top-nav .nav-list .series-item {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -999999;
  }
  .mobile .top-nav .nav-list .js-item {
    width: auto;
  }
  .mobile .top-nav .nav-list .active {
    height: auto;
    background: #fff;
  }
  .mobile .top-nav .nav-list .active .item-link {
    color: #555;
  }
  .mobile .top-nav .nav-content {
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: 35px;
    overflow: hidden;
    z-index: 99;
    box-shadow: 0 2px 4px -2px #494949;
  }
  .mobile .top-nav .nav-content .active {
    position: fixed;
    top: 40px;
    height: auto;
    bottom: inherit;
    overflow: hidden;
  }
  .mobile .top-nav .nav-content .active .nav-content-warp {
    width: auto;
    max-width: 1200px;
    margin: auto;
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    background: #fff;
  }
  .mobile .top-nav .nav-content .active .nav-content-warp li {
    width: 12vw;
    padding: 0;
    border-bottom: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .gtranlate-box {
    display: none;
  }
  .news_tag .tag-nav {
    padding: 0 15px;
    z-index: 10000;
  }
  .product-warp {
    height: 100%;
    margin-top: 50px;
    padding: 0;
  }
  .product-warp .product-tag {
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
  }
  .product-warp .product-tag h3 {
    display: flex;
    align-items: center;
  }
  .product-warp .product-tag .sub-tag {
    display: inline-block;
    height: auto;
    line-height: 2;
    width: auto;
    padding: 4px 14px;
    text-align: center;
    background: #ddd;
    border-radius: 20px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    cursor: pointer;
  }
  .product-details-warp ul li.modules ul {
    max-width: 100%;
    height: auto;
  }
  .product-details-warp ul li.modules ul li.tag-icon {
    width: 80px;
    height: 80px;
    font-size: 70px !important;
  }
  .product-basic-warp {
    align-items: center;
  }
  .product-basic-warp .product-base-info {
    min-height: 540px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }
  .product-basic-warp .product-base-info .info-header h2,
  .product-basic-warp .product-base-info .info-header p {
    text-align: left;
  }
  .product-basic-warp .product-base-info .info-content p {
    text-align: left;
  }
  section.page-item .left {
    width: 100%;
    padding: 0;
    flex-direction: column;
  }
  section.page-item .right {
    width: 100%;
    padding: 0;
    flex-direction: column-reverse;
  }
  section.page-item .cross-chex-tab .item-body ul li {
    text-align: center !important;
  }
}
@media (max-width: 1068px) {
  .product-photos-box {
    display: block;
  }
  .product-photos-box .product-photos-preview {
    min-height: auto;
  }
  .product-photos-box .product-photos-preview .photo-animated {
    height: auto;
  }
}
button[disabled],
.anviz-btn[disabled] {
  cursor: not-allowed;
  background-image: none;
  opacity: 0.6;
}
.checkbox-warp[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
}
.form-group {
  text-align: left;
}
.Register-tip {
  margin: 10px 0;
}
.form-box {
  margin-bottom: 40px;
}
.form-control:focus {
  box-shadow: none;
  border-color: #00A0E8;
}
.checkbox label,
.radio label {
  padding-left: 10px;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar {
  border: 0;
}
.modal-video {
  box-shadow: none;
  background-color: transparent;
  background-clip: initial;
  border: 0;
  border-radius: 20px;
}
.modal-video .modal-body {
  padding: 0;
}
.modal-video .modal-body button.video-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 9999;
}
.modal-open .modal {
  padding-right: 0 !important;
  z-index: 9999999;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 60px auto;
  }
}
.container-fluid,
.contaienr {
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
img {
  display: block;
  margin-bottom: 10px;
  max-width: 100%;
}
.img-responsive {
  margin: auto;
}
ul,
li {
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  ul,
  li {
    padding: 0;
  }
}
a {
  text-decoration: none;
  border-bottom: none;
}
a:visited,
a:active,
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 4px 20px;
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
form {
  position: relative;
}
.form-control {
  height: 40px;
}
input,
textarea {
  border-radius: 0;
  outline: 0 none !important;
}
label ~ input,
label ~ textarea {
  margin-top: 3.33333333px;
  outline: 0 none !important;
}
input:focus,
textarea:focus,
a:focus {
  outline: none !important;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5, arial;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
p,
li,
a {
  color: #111;
  font-style: normal;
}
h1 {
  font-weight: 700;
  font-size: 65px;
  line-height: 1.13;
  letter-spacing: -0.5px;
}
@media (max-width: 1679px) {
  h1 {
    font-size: 48px;
  }
}
@media (max-width: 850px) {
  h1 {
    font-size: 32px;
    line-height: 1.31;
  }
}
h2 {
  font-weight: 600;
  font-size: 42px;
  line-height: 1.23;
  letter-spacing: -0.5px;
}
@media (max-width: 1679px) {
  h2 {
    font-size: 32px;
    line-height: 1.22;
  }
}
@media (max-width: 850px) {
  h2 {
    font-size: 28px;
    line-height: 1.38;
  }
}
h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.22;
  letter-spacing: -0.5px;
}
@media (max-width: 850px) {
  h3 {
    font-size: 28px;
    line-height: 1.38;
  }
}
h4 {
  font-weight: 400;
  font-size: 28px;
  line-height: 1.36;
  letter-spacing: -0.5px;
}
@media (max-width: 850px) {
  h4 {
    font-size: 24px;
    line-height: 1.33;
  }
}
h5 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.45;
  letter-spacing: -0.3px;
}
@media (max-width: 850px) {
  h5 {
    font-size: 20px;
    line-height: 1.5;
  }
}
h6 {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.3px;
}
@media (max-width: 850px) {
  h6 {
    font-size: 16px;
    line-height: 1.55;
  }
}
h7 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.3px;
}
@media (max-width: 850px) {
  h7 {
    font-size: 16px;
    line-height: 1.5;
  }
}
b {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.3px;
}
@media (max-width: 850px) {
  b {
    font-size: 16px;
    line-height: 1.6;
  }
}
p,
li {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.3px;
}
@media (max-width: 850px) {
  p,
  li {
    font-size: 16px;
    line-height: 1.67;
  }
}
a {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.88;
}
@media (max-width: 850px) {
  a {
    font-size: 16px;
    line-height: 1.42;
    letter-spacing: -0.2px;
  }
}
p {
  margin: 10px 0 25px;
}
address,
cite,
dfn,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: 'Montserrat', Open Sans, Helvetica, Arial, sans-serif, Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti';
}
small {
  font-size: 16px;
}
ul,
ol {
  list-style: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  font-family: 'Montserrat', Open Sans, Helvetica, Arial, sans-serif, Georgia, -apple-system, 'Nimbus Roman No9 L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Serif SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'ST Heiti';
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
body {
  overflow-y: auto;
  overflow-x: hidden;
}
.related-box {
  background-color: #E8E8E8;
  overflow: hidden;
}
.related-box .related.w-1400 {
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 30px;
}
.related-box .related.w-1400 .tag-warppe {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin: 0 -15px;
}
.related-box .related.w-1400 .tag-warppe .i_c_list {
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a {
  text-overflow: unset;
  -webkit-line-clamp: inherit;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp {
  padding: 0 15px 15px 15px;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp .i_c_top {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #797979;
  margin: 10px 0 5px 0;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp .d_c_word {
  font-size: 16px;
  color: #073446;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp .i_c_tit {
  font-size: 25px;
  margin-bottom: 10px;
  line-height: 30px;
  color: #000;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp .g_c_link {
  color: #00a0e8;
  margin-top: 10px;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen > a .content-tag-warp .g_c_link span:after {
  content: "\2192";
  font-size: 16px;
  color: #00a0e8;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen .tag-item {
  text-align: center;
  padding: 0 0 20px 0;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen .tag-item .tag-body {
  padding: 0 35px;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen .tag-item .tag-body .tag-header a.tags-title {
  font-size: 25px;
  color: #000;
}
.related-box .related.w-1400 .tag-warppe .i_c_list .i_c_list_cen .tag-item .tag-body .tag-header div.tag-summary {
  color: #073446;
}
.related-box .related.w-1400 .faq-list.row {
  margin-top: 20px;
}
.related-box .related.w-1400 .faq-list.row li {
  background-color: #F5F5F5;
  border-radius: 20px;
  padding: 0 15px;
  font-size: 16px;
}
.related-box .related.w-1400 .faq-list.row li > div.title {
  display: flex;
  padding: 10px 0;
  align-items: center;
}
.related-box .related.w-1400 .faq-list.row li > div.title::before {
  transform: rotate(0deg);
  transition: all 0.3s ease-in;
  margin-right: 5px;
  height: fit-content;
}
.related-box .related.w-1400 .faq-list.row li > div.title a {
  text-decoration: none;
  line-height: normal;
}
.related-box .related.w-1400 .faq-list.row li > div.title span.title-date {
  flex: 1;
}
.related-box .related.w-1400 .faq-list.row li > div.answer {
  margin-top: 20px;
  display: none;
  padding: 0 16px 10px 16px;
  overflow: auto;
}
.related-box .related.w-1400 .faq-list.row li.active > div.title .title-link {
  color: #0068B7;
}
.related-box .related.w-1400 .faq-list.row li.active > div.title::before {
  transform: rotate(180deg);
  transition: all 0.3s ease-in;
}
.download-list.row {
  margin-top: 20px;
}
.download-list .item-content {
  border-radius: 20px;
  overflow: hidden;
}
.download-list .item-content ul.download-item-warp {
  background-color: #FFF;
}
.download-list .item-content ul.download-item-warp .item-left .size {
  display: none;
}
.download-list .item-content ul.download-item-warp:hover {
  background: #E3F1FF;
}
@media (min-width: 1000px) and (max-width: 1400px) {
  .related {
    padding: 0 15px;
  }
}
@media (min-width: 630px) and (max-width: 1000px) {
  .related {
    padding: 0 15px;
  }
  .related .box .tag-warppe .i_c_list {
    width: 50vw;
  }
}
@media (max-width: 850px) {
  h2 {
    padding-left: 15px;
    font-size: 30px;
  }
  .related.w-1400 {
    width: auto;
  }
  .related.w-1400 .box {
    width: 100%;
    overflow: auto;
  }
  .related.w-1400 .box::-webkit-scrollbar {
    height: 18px;
    background-color: #00000040;
  }
  .related.w-1400 .box::-webkit-scrollbar-thumb {
    background-color: #0068B7;
    border-radius: 10px;
  }
  .related.w-1400 .box::-webkit-scrollbar-track {
    background-color: #d9d9d9;
  }
  .related.w-1400 .box .tag-warppe {
    width: fit-content;
    flex-wrap: nowrap;
  }
  .related.w-1400 .box .tag-warppe .i_c_list:first-child {
    margin-left: 15px;
  }
  .related.w-1400 .box .tag-warppe .i_c_list:nth-child(4n+0) {
    margin-right: 15px;
  }
  .related.w-1400 .box .tag-warppe .i_c_list:nth-child(5n+0) {
    margin-left: 15px;
  }
  .related.w-1400 .faq-list.row {
    padding: 0 30px;
  }
  .related.w-1400 .faq-list.row li > div.title span.title-date {
    display: none;
  }
  .download-list {
    padding: 0 15px;
  }
  .download-list .item-content ul.download-item-warp {
    flex-direction: column;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 10px;
  }
  .download-list .item-content ul.download-item-warp:nth-child(odd) {
    background-color: #FFF;
  }
  .download-list .item-content ul.download-item-warp li.item-left {
    justify-content: space-between;
    overflow: hidden;
  }
  .download-list .item-content ul.download-item-warp li.item-left span {
    font-size: 16px;
  }
  .download-list .item-content ul.download-item-warp li.item-left span.size {
    color: #828282;
    display: block;
  }
  .download-list .item-content ul.download-item-warp li.item-right {
    padding: 0;
  }
  .download-list .item-content ul.download-item-warp li.item-right .product-download-size {
    display: none;
  }
  .download-list .item-content ul.download-item-warp li.item-right > span {
    font-size: 18px;
    line-height: 32px;
  }
  .download-list .item-content ul.download-item-warp li.item-right > span a {
    text-decoration: none;
    line-height: 32px;
  }
  .download-list .item-content ul.download-item-warp li.item-right .download-btnG {
    background-color: #F7F7F7;
    width: 100%;
    padding: 10px;
  }
  .download-list .item-content ul.download-item-warp li.item-right .download-btnG .anviz-download-btn {
    margin-bottom: 0;
  }
  .download-list .item-content ul.download-item-warp li.item-right .download-btnG > a {
    margin-left: 0;
  }
}
@media (max-width: 630px) {
  .related .box .tag-warppe .i_c_list {
    width: 100vw;
  }
}
.search-warp {
  background: #E8E8E8;
  border-radius: 0;
}
@media (min-width: 850px) {
  [dir="rtl"] .draggable {
    right: 80vw !important;
  }
}
[dir="rtl"] .gtranlate-other-content {
  right: 100%!important;
}
body.dir-rtl #homeBanner .c2 .left {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl #homeBanner .facial-banner .left {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl #homeBanner .crosschex-cloud-banner .left {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl #homeBanner .facepass7-banner .right {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .news-lists {
  margin-top: 1em;
}
body.dir-rtl .content .c2-ser .header .header-main {
  left: 0;
  width: auto;
}
body.dir-rtl .content .c2-ser .c2-partner-list .loop .swiper-button-prev,
body.dir-rtl .content .c2-ser .c2-partner-list .loop .swiper-button-next {
  display: none;
}
body.dir-rtl .content .c2-ser .cpu .main ul {
  justify-content: center;
}
body.dir-rtl .content .c2-ser .reader .main .left {
  position: absolute;
  left: 0;
}
body.dir-rtl .content .c2-ser .why .poe .main .left {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .content .c2-ser .why h3 {
  color: #fff;
}
body.dir-rtl .content .facepass7pro .ai .content div {
  left: 0;
  position: absolute;
}
body.dir-rtl .content .facepass7pro .cpu .content div {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .content .facepass7pro .overview .content p {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .content .facepass7pro .header .right {
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .content .page-item .left {
  width: auto;
}
body.dir-rtl .content .page-item .right {
  width: auto;
  margin-left: 0;
}
body.dir-rtl .content .crosschex .header .header-main .left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body.dir-rtl .content .cctv-solution .cctv.wider .mywiderswiper {
  display: -webkit-box;
}
body.dir-rtl .content .facedeep3 .partner-list,
body.dir-rtl .content .facedeep3 .overview,
body.dir-rtl .content .facedeep3 .feature-text-box,
body.dir-rtl .content .facedeep3 .jump,
body.dir-rtl .content .facedeep3 .videoshow,
body.dir-rtl .content .facedeep3 .videoshow2,
body.dir-rtl .content .facedeep3 .videoshow3,
body.dir-rtl .content .facedeep3 .videoshow4,
body.dir-rtl .content .facedeep3 .irt,
body.dir-rtl .content .facedeep3 .operation-scenario,
body.dir-rtl .content .facedeep3 .operation-scenario-phone,
body.dir-rtl .content .facedeep3 .cloud,
body.dir-rtl .content .facedeep3 .battery,
body.dir-rtl .content .facedeep3 .battery-phone,
body.dir-rtl .content .facedeep3 .videoshow5,
body.dir-rtl .content .facedeep3 .IPS5,
body.dir-rtl .content .facedeep3 .system,
body.dir-rtl .content .facedeep3 .static-form-black,
body.dir-rtl .content .facedeep3 .accordion,
body.dir-rtl .content .facedeep3 .download,
body.dir-rtl .content .facedeep3 .products {
  max-width: 80%;
  margin: auto;
}
body.dir-rtl .content .facedeep3 .operation-scenario .op-sc-top {
  flex-direction: row-reverse;
}
body.dir-rtl .content .facedeep3 .operation-scenario .op-sc-top .grey-circle.right {
  flex-direction: row-reverse;
}
body.dir-rtl .content .facedeep3 .banner-des .slide_two .info-box {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
body.dir-rtl .content .facedeep3 .partner-list .loop .swiper-rtl .swiper-button-prev,
body.dir-rtl .content .facedeep3 .partner-list .loop .swiper-rtl .swiper-button-next {
  display: none;
}
body.dir-rtl .content .facedeep3 .battery .max-1100 {
  justify-content: initial;
}
body.dir-rtl .content .facedeep3 .battery .batterylist {
  position: absolute;
  right: 0;
  width: 50%;
}
body.dir-rtl .content .facedeep3 .static-form-black select.cur-select {
  background-color: #1f1e1e;
  border-color: #4d4d4e;
  width: 100%;
}
body.dir-rtl .content .facedeep3 .education .main .management {
  background-image: none;
}
body.dir-rtl .content .facedeep5 .powered-box .powered-info {
  width: 50%;
  margin-left: 0;
  position: absolute;
  left: 0;
}
body.dir-rtl .content .education .header > div.header-main {
  width: 100%;
  margin: auto;
  padding-left: 0;
  text-align: center;
}
body.dir-rtl .content .education .main .management {
  background-image: none;
}
.my-anviz {
  background: #fff;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .my-anviz {
    overflow: hidden;
    min-height: 1000px;
    max-height: 1000px;
  }
}
.my-anviz .fixed-menu {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .fixed-menu {
    display: block;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    background: #00A0E8;
    z-index: 9999;
  }
  .my-anviz .fixed-menu .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 24px;
    float: left;
  }
  .my-anviz .fixed-menu .h4-title {
    float: left;
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
  }
}
.my-anviz .full {
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .full {
    position: relative;
    top: 40px;
    margin-bottom: 100px;
  }
}
.my-anviz .my-anviz-nav {
  position: relative;
  display: block;
  z-index: 1;
  background-color: #e4ebef;
  width: 350px;
  flex: 0 0 auto;
  margin-bottom: -3000px;
  padding-bottom: 3000px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-nav {
    position: fixed;
    top: 98px !important;
    bottom: 0;
    visibility: visible;
    right: auto;
    left: 0;
    width: 0;
    height: auto;
    transform: translate3d(-200%, 0, 0);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 812px;
    padding-bottom: 0;
    z-index: 90;
    transition: all 0.3s ease-in-out;
  }
  .my-anviz .my-anviz-nav .h2-title {
    display: none;
  }
  .my-anviz .my-anviz-nav .h3-title {
    margin-bottom: 1em;
  }
  .my-anviz .my-anviz-nav .login-info .des {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) and only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-nav .h3-title {
    white-space: pre-wrap;
    word-break: break-all;
    text-align: center;
    line-height: 1;
    font-size: 20px;
  }
}
.my-anviz .menu {
  border-radius: 0;
  border-width: 0 1px 0 0;
  box-shadow: none;
  margin: 0;
  width: inherit;
  overflow: hidden;
  will-change: transform;
}
.my-anviz .menu header {
  width: 100%;
  height: 300px;
  border-bottom: 1px solid #cdd5da;
  position: relative;
}
.my-anviz .menu header strong {
  margin-right: 10px;
}
.my-anviz .menu header .anviz-btn {
  margin-top: 2em;
}
.my-anviz .menu .menu-list {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.my-anviz .menu .menu-item {
  width: 100%;
  height: auto;
  background: transparent;
  display: block;
  border-top: none;
  border-right: none;
  position: relative;
  line-height: 1;
  text-decoration: none;
  flex: 0 0 auto;
  user-select: none;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  transition: background 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  border-bottom: 1px solid #cdd5da;
}
.my-anviz .menu .menu-item:last-child {
  margin-bottom: 10%;
  border-bottom: 0;
}
.my-anviz .menu .menu-item .header {
  height: 40px;
  width: 100%;
}
.my-anviz .menu .menu-item .header a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 30px;
  margin-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .menu .menu-item .header a {
    padding: 0 10px;
  }
}
.my-anviz .menu .menu-item .sub-menu {
  width: 100%;
  height: auto;
}
.my-anviz .menu .menu-item .sub-menu .sub-item {
  height: 40px;
  width: 100%;
  background: transparent;
}
.my-anviz .menu .menu-item .sub-menu .sub-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 30px 0 60px;
  margin-bottom: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .menu .menu-item .sub-menu .sub-item a {
    padding: 0 10px 0 30px;
  }
}
.my-anviz .menu .menu-item .sub-menu .sub-item:hover {
  background: #cdd5da;
}
.my-anviz .mobild-my-anviz-nav-bg {
  width: 0;
  transform: translate3d(-200%, 0, 0);
  top: 100px;
  transition: all 0.3s ease-in-out;
}
.my-anviz .my-anviz-content {
  flex: 1 1 auto;
  min-width: 0px;
  width: calc(100% - 350px);
  padding: 4em;
  margin-bottom: -3000px;
  padding-bottom: 3000px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content {
    overflow-y: scroll;
    max-height: 100vh;
  }
}
@media (max-width:850px) {
  .my-anviz .my-anviz-content {
    overflow-y: scroll;
    max-height: 100vh;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content {
    overflow-y: scroll;
    max-height: 100vh;
  }
}
.my-anviz .my-anviz-content .wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
  color: #00A0E8;
  margin-bottom: 4em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper {
    margin-bottom: 0em;
    display: flex;
    flex-direction: column;
  }
}
.my-anviz .my-anviz-content .wrapper .box {
  background-color: #f5f9fb;
  color: #101010;
  border-radius: 5px;
  font-size: 150%;
  justify-self: stretch;
  align-self: stretch;
  transition: all 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper .box {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .my-anviz .my-anviz-content .wrapper .box:last-child {
    margin-bottom: 15px;
  }
}
.my-anviz .my-anviz-content .wrapper .box .box-header {
  height: 40px;
  width: 100%;
  background: #4b4b4a;
  padding: 0 10px;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.my-anviz .my-anviz-content .wrapper .box .box-header:hover a {
  text-decoration: underline;
  cursor: pointer;
}
.my-anviz .my-anviz-content .wrapper .box .box-header p,
.my-anviz .my-anviz-content .wrapper .box .box-header a {
  margin-bottom: 0;
  color: #fff;
}
.my-anviz .my-anviz-content .wrapper .box .box-content {
  padding: 10px;
}
.my-anviz .my-anviz-content .wrapper .box .box-content .text-warp {
  width: 100%;
  height: auto;
  min-height: 40px;
}
.my-anviz .my-anviz-content .wrapper .box .box-content .text-warp .des {
  flex: 1 1 33%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper .box .box-content .text-warp .des {
    flex: none;
  }
}
.my-anviz .my-anviz-content .wrapper .box .box-content .text-warp .des.date {
  text-align: right;
}
.my-anviz .my-anviz-content .wrapper .box .box-content .text-warp:hover a {
  text-decoration: underline;
  cursor: pointer;
}
.my-anviz .my-anviz-content .wrapper .box .box-content p,
.my-anviz .my-anviz-content .wrapper .box .box-content a {
  margin-bottom: 0;
}
.my-anviz .my-anviz-content .wrapper .box .c-content {
  width: 100%;
  height: 100%;
}
.my-anviz .my-anviz-content .wrapper .box .box-footer {
  padding: 10px;
  justify-content: flex-start;
  align-items: center;
}
.my-anviz .my-anviz-content .wrapper .box .img-warp {
  display: block;
  width: 100%;
  height: auto;
}
.my-anviz .my-anviz-content .wrapper .box .img-warp img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.my-anviz .my-anviz-content .wrapper .a {
  grid-column: 1 / 2;
  grid-row: 1;
}
.my-anviz .my-anviz-content .wrapper .b {
  grid-row: 2 ;
  grid-column: 1 / 2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper .b .text-warp {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
}
.my-anviz .my-anviz-content .wrapper .c {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.my-anviz .my-anviz-content .wrapper .d {
  grid-row: 3;
  gird-column: 5 / 6;
}
.my-anviz .my-anviz-content .wrapper .e {
  grid-row: 3;
  gird-column: 5 / 6;
}
.my-anviz .my-anviz-content .wrapper .f {
  grid-row: 4;
}
.my-anviz .my-anviz-content .wrapper .g {
  grid-row: 4;
}
@media (max-width:850px) {
  .my-anviz .my-anviz-content .wrapper .g {
    margin-bottom: 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper .g {
    margin-bottom: 30px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .wrapper {
    display: flex;
    flex-direction: column;
  }
  .my-anviz .my-anviz-content .wrapper .a,
  .my-anviz .my-anviz-content .wrapper .b,
  .my-anviz .my-anviz-content .wrapper .c,
  .my-anviz .my-anviz-content .wrapper .d,
  .my-anviz .my-anviz-content .wrapper .e,
  .my-anviz .my-anviz-content .wrapper .f {
    margin-bottom: 1em;
    border: 1px solid #e4ebef;
  }
}
.my-anviz .my-anviz-content .sales-des address {
  border-bottom: 1px solid #eee;
  background: transparent;
  transition: all 0.3s ease-in-out;
  padding-left: 10px;
  padding-right: 10px;
}
.my-anviz .my-anviz-content .sales-des address:hover {
  background: #f9f9f9;
  transition: all 0.3s ease-in-out;
}
.my-anviz .my-anviz-content .ticket-details-warp .h3-title {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.my-anviz .my-anviz-content .ticket-details-warp .details-header {
  padding: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .details-header {
    padding: 15px 0;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .details-header .info {
  margin-bottom: 4em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .details-header .details-reply {
    display: flex;
    flex-direction: column;
  }
  .my-anviz .my-anviz-content .ticket-details-warp .details-header .details-reply .ticket-reply-btn {
    margin-bottom: 2em;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .details-header .item {
  height: 40px;
}
.my-anviz .my-anviz-content .ticket-details-warp .details-header .item .name {
  margin-right: 20px;
  text-align: right;
  width: 150px;
}
.my-anviz .my-anviz-content .ticket-details-warp .details-header .item .des {
  margin-bottom: 0;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-content {
  padding: 30px;
  display: none;
  transition: all 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .reply-content {
    padding: 15px;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-content-show {
  display: block;
  transition: all 0.3s ease-in-out;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list {
  padding: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .reply-list {
    padding: 0;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel,
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel {
  margin-bottom: 2em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel,
  .my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel {
    display: flex;
    flex-direction: column;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel .pic,
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel .pic {
  text-align: right;
  padding-right: 4em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 735px), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel .pic,
  .my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel .pic {
    margin-bottom: 2em;
    padding-right: 0;
  }
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel .pic p,
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel .pic p {
  height: 40px;
  margin-bottom: 0;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .user-pannel .pic .icon,
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .support-pannel .pic .icon {
  font-size: 34px;
  display: inline-block;
  margin-top: 10px;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content {
  height: auto;
  min-height: 160px;
  background: #f0f7f9;
  padding: 0;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content p {
  padding: 15px;
  font-size: 16px;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content img {
  display: block;
  max-width: 50%;
  margin: 2em 0;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content .attachments-pannel .name {
  height: 40px;
  background: #eff3f5;
  border-bottom: 1px solid #ddd;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content .attachments-pannel .attachments-list {
  padding: 15px;
  background: #f5f5f5;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content .attachments-pannel .attachments-list .item {
  height: 40px;
}
.my-anviz .my-anviz-content .ticket-details-warp .reply-list .reply-list-content .attachments-pannel .attachments-list .item .icon {
  font-size: 20px;
}