html {
  font-size: 625%;
}

body {
  background: #FFF;
  font-size: 14px;
}


body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {
  margin: 0;
  padding: 0;
}

body, html, input, button, textarea {
  color: #212121;
  font-family: 'Roboto-Regular';
  line-height: 1.5;
}

body {
  background-color: #fff;
}

article, aside, figcaption, figure, footer, header, main, nav, section {
  display: block;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4, h5 {
  font-size: 14px;
}

img {
  width: 100%;
  max-width: 100%;
  border: none;
  vertical-align: middle;
}

li {
  list-style: none;
}

i, em {
  font-style: normal;
}

a {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: none;
}

a:hover {
  color: #ba3b2f;
  text-decoration: none;
}

input[type="text"]:focus {
  outline: none;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: none;
}

hr {
  margin: 15px 0 15px 0;
  height: 1px;
  border: none;
  border-top: 1px dashed #c1c1c1;
}

a:active, select, input, textarea {
  outline: 0!important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/*-------------------------------
    font start
    ----------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'fontawesome';
  src: url("../font/fontawesome-webfont.eot");
  src: url("../font/fontawesome-webfont.eot") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2") format("woff2"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg") format("svg");
  font-display: fallback;
}

@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  src: url("../font/Roboto-Regular.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  src: url("../font/Roboto-Bold.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  src: url("../font/Roboto-Medium.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Roboto-Light";
  font-style: normal;
  src: url("../font/Roboto-Light.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Roboto-Thin";
  font-style: normal;
  src: url("../font/Roboto-Thin.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Poppins-Medium";
  font-style: normal;
  src: url("../font/Poppins-Medium.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Poppins-Regular";
  font-style: normal;
  src: url("../font/Poppins-Regular.ttf") format("TrueType");
  font-display: fallback;
}

@font-face {
  font-family: "Poppins-Light";
  font-style: normal;
  src: url("../font/Poppins-Light.ttf") format("TrueType");
  font-display: fallback;
}

/*-------------------------------
    font end
    ----------------------------------*/
/* clear floating */
.clearfix:after, .layout:after, .sys_row:after, .web_main:after, .page_main:after, .nav_wrap .head_nav:after, .items_list ul:after, .product_items:after, .promote_list:after, .cate_items ul:after, .web_head .logo:after, .product-intro:after, .detail-tabs:after, .foot_items:after, .news_cell:after, .sys_row:after, .banner_navigate_button:after, .foor_service:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: "";
}

.clearfix, .layout, .sys_row, .clearfix, .layout, .sys_row, .flex_row, .web_main, .page_main, .nav_wrap .head_nav, .items_list ul, .product_items, .promote_list, .cate_items ul, .web_head .logo, .product-intro, .detail-tabs, .foot_items, .sys_row, .banner_navigate_button, .foor_service {
  *zoom: 1; }

.clear {
  clear: both;
}

/* layout */
body {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  width: 100%;
  min-width: 1200px;
}

.layout {
  position: relative;
  margin: 0 auto;
  width: 1480px;
}

.z9999 {
  z-index: 9999!important;
}

.hide {
  display: none;
}

/*gotop*/
.gotop {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 99999;
  visibility: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 50px;
  height: 50px;
  background-color: #ba3b2f;
  background-clip: content-box;
  box-shadow: 0 0 8px rgba(0,0,0,.2);
  color: #ffffff;
  text-align: center;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -ms-transform: translateY(100%);
}

.gotop:hover, .gotop.active:hover {
  background-color: #ba3b2f;
  color: #fff;
}

.gotop.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  -ms-transform: none;
}

.gotop:before, .gotop em {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.gotop em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  filter: alpha(opacity=0);
  -ms-transform: translateY(10px);
}

.gotop:before {
  display: block;
  content: '\f176';
  font-family: 'fontawesome';
}

.gotop:hover em {
  opacity: 1;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  filter: alpha(opacity=100);
  -ms-transform: none;
}

.gotop:hover:before {
  opacity: 0;
  -webkit-transform: translateY(-15px) scale(.5);
  -o-transform: translateY(-15px) scale(.5);
  transform: translateY(-15px) scale(.5);
  -ms-transform: translateY(-15px) scale(.5);
  filter: alpha(opacity=0);
}

/* transition */
.head_nav li a, .nav_wrap .head_nav li li a, .nav_wrap .head_nav li ul, .nav_wrap .head_nav li li>a:before, .head_nav b:after, .product_item figure, .gotop, .product-item .item-img img, .product_item .item_img img, .product_item .item_img a, .product_item, .product_item .item_img a:before, .product_item .item_img a:after, .product_item .item_img:after, .product-btn-wrap a, .web_head, .change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption, .foot_item a, .pages a, .head_sns li img, .side_product_item .add-friend, .side_product_item .add-friend:after, .side-product-items .btn-prev, .side-product-items .btn-next, .blog-item:after {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
}

.head_nav>li>a:before, .head_nav>li>a:after, .icon-cate, .foot_txt_list li a:before, .web_footer .button:before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

a, .nav_wrap .nav_btn_close, .index_main .product_item figure, .foot_item.foot_nav .fot_tit:before, .foot_item.foot_nav .fot_tit:after, .goods-may-like .navigate_button_next:before, .goods-may-like .navigate_button_prev:before, .feature_item .item_img img, .feature_item .item_img:before, .feature_item .item_img:after, .news_btn, .news_right .news_info, .news_more, .index_inquiry_wrap .inquiry_btn:before, .index_inquiry_wrap .inquiry_btn,.news_swiper_box {
  -webkit-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/*hover*/
/* grid */
.sys-layer {
  margin: 0 auto;
}

.sys-row {
  margin: 0 -8px;
}

.sys-col {
  float: left;
}

.sys-col-inner {
  margin: 0 8px;
}

.sys-col-md {
  float: left;
}

.sys-col-md-12 {
  width: 100%;
}

.sys-col-md-11 {
  width: 91.66666667%;
}

.sys-col-md-10 {
  width: 83.33333333%;
}

.sys-col-md-9 {
  width: 75%;
}

.sys-col-md-8 {
  width: 66.66666667%;
}

.sys-col-md-7 {
  width: 58.33333333%;
}

.sys-col-md-6 {
  width: 50%;
}

.sys-col-md-5 {
  width: 41.66666667%;
}

.sys-col-md-4 {
  width: 33.33333333%;
}

.sys-col-md-3 {
  width: 25%;
}

.sys-col-md-2 {
  width: 16.66666667%;
}

.sys-col-md-1 {
  width: 8.33333333%;
}

.sys_row {
  margin-right: -15px;
  margin-left: -15px;
}

.sys_col {
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}

/* float */
.sys_fl {
  float: left!important;
}

.sys_fr {
  float: right!important;
}

/* flex */
.flex_row, .items_list>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex_row_nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* button */
.sys_btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: .2em 2em .2em 1em;
  min-width: 150px;
  border: 2px solid #ba3b2f;
  background-color: #f9f9f9;
  color: #333!important;
  vertical-align: middle;
  text-align: left;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -.1em;
  font-size: 22px;
  line-height: 2;
  cursor: pointer;
  transition: all .3s ease-in-out;
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  user-select: none;
  -ms-transform: scale(1);
}

.sys_btn:hover {
  background-color: #ba3b2f;
  color: #fff!important;
}

.sys_btn:after {
  position: absolute;
  top: 50%;
  right: 1.5em;
  margin-top: -.6em;
  content: '\f04b';
  font-size: 12px;
  font-family: 'fontawesome';
  line-height: 1.2em;
}

/* placeholder */
input::-webkit-input-placeholder {
  color: rgba(255,255,255,.71);
}

input:-moz-placeholder {
  color: rgba(255,255,255,.71);
}

input::-moz-placeholder {
  color: rgba(255,255,255,.71);
}

input:-ms-input-placeholder {
  color: rgba(255,255,255,.71);
}

.archieve_news_box .layout .flex_row .right .news_search form input::-ms-input-placeholder {
  color: #9d9e9f;
}

.archieve_news_box .layout .flex_row .right .news_search form input::-moz-placeholder {
  color: #9d9e9f;
}

.archieve_news_box .layout .flex_row .right .news_search form input::-webkit-input-placeholder {
  color: #9d9e9f;
}

/* box-sizing */
.nav_wrap, .product_item .item_img {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
}

/* font-family */
.search-btn, .side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after, .head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before {
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "fontawesome";
  speak: none;
}

.fa:before, .btn_more:after, .sys_btn:after, .head-search .search-btn:before, .swiper-button-next:before, .swiper-button-prev:before, .side-product-items .btn-prev:before, .side-product-items .btn-next:before, .product-btn-wrap .email:before, .product-btn-wrap .pdf:before {
  font-family: 'fontawesome';
}

/*flex_row*/
.flex_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

/*==============web_head=================*/
.web_head {
  position: absolute;
  z-index: 99;
  width: 100%;
  background: #000;
}

.web_head.index_web_head {
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
}

.head_layout {
  position: static;
  display: flex;
  -webkti-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  height: 75px;
  width: 100%;
  padding: 0 75px;
}

.head_layout.layout:after {
  display: none;
}

.head_layout::before {
  content: url("../image/banner_top.png");
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.web_head .change-language {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-right: 65px;
}

.web_head .change-language .change-language-cont {
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}

.web_head .logo {
  position: relative;
}

.web_head.index_web_head .logo {
}

.web_head .logo img {
  max-height: 66px;
}

.web_head.index_web_head .logo img {
  /* max-height: unset; */
}

.web_head .btn--search {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
}

.web_head .btn--search:after, .web_head .btn--search:before {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../image/search_btn.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  content: '';
  vertical-align: top;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.web_head .btn--search:before {
  background-position: 0 0;
}

.web_head .btn--search:after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(.6) translateY(60%);
  -o-transform: scale(.6) translateY(60%);
  transform: scale(.6) translateY(60%);
  filter: alpha(opacity=0);
  -ms-transform: scale(.6) translateY(60%);
}

.web_head .btn--search:hover:after {
  background-position: 0 0;
  opacity: 1;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  -ms-transform: none;
}

.web_head .btn--search:hover:before {
  opacity: 0;
  -webkit-transform: scale(.6) translateY(-60%);
  -o-transform: scale(.6) translateY(-60%);
  transform: scale(.6) translateY(-60%);
  -ms-transform: scale(.6) translateY(-60%);
}

/*nav*/
.web_head .nav_wrap {
  position: static;
  margin-right: 80px;
  flex: 1;
  text-align: right;
}

.web_head .nav_wrap .head_nav {
  position: static;
}

.head_nav > li {
  position: relative;
  display: inline-block;
  margin-left: 75px;
  text-align: left;
}

.head_nav > li.has-child a {
  padding-right: 20px;
}

.head_nav>li>a {
  position: relative;
  display: inline-block;
  color: rgba(254,254,254,.5);
  text-transform: capitalize;
  font-weight: normal;
  font-size: 18px;
  line-height: 45px;
}

.head_nav li a b {
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.head_nav li a b:before {
  content: '\f107';
  font-family: 'fontawesome';
}

.head_nav li ul {
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  display: block;
  padding: 10px;
  width: 250px;
  border-radius: 0 0 7px 7px;
  background-color: #03070ae8;
  opacity: 0;
  -webkit-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
}

.head_nav>li ul li {
  position: relative;
  padding: 10px 3px;
  border-bottom: 1px solid #fff;
  font-size: 15px;
  line-height: 2;
}
.head_nav>li ul li:hover{
  background: #e71f19;
}
.head_nav>li ul li a {
  position: relative;
  display: block;
  color: #fff;
}

.head_nav>li ul li a b {
  top: 12px;
}

.head_nav>li ul li a b:before {
  content: '\f105';
}

.head_nav li ul ul {
  top: 0;
  left: 240px;
  margin-left: 2px;
  border-radius: 7px;
}

.head_nav li.menu_show>ul {
  display: block;
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.head_nav > li:hover > a {
  position: relative;
  z-index: 1;
  color: #fff;
}

.head_nav > li > a:hover b {
  -webkit-transform: rotateX(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%)rotate(180deg);
}


/*.fixed-nav-active {   opacity: 0;  -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%);-webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;
}
.fixed-nav-active.fixed-nav-appear{opacity: 1; position: fixed; top: 0; left: 0; z-index: 9; width: 100%;  background-color: rgba(255,255,255,.95); box-shadow: 0 0 15px rgba(0,0,0,.15);  -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.fixed-nav-active .head_layout{height: 80px;}
.fixed-nav-active .head_layout .logo img{ max-height:70px;    width: auto;}*/
.head_nav > li > a::before {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 5px;
}

.head_nav > li > a:hover::before {
  width: 100%;
}


.nav_wrap .head_nav li.fenlei {
    position: static;
}


.nav_wrap .head_nav li.fenlei>ul{
    width: 100%;
    border-radius: 0;
    background-color: #f2f2f2;
    padding: 20px 18%;
    justify-content:flex-start;
    -webkit-justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
}

.nav_wrap .head_nav li.fenlei.menu_show>ul{
    display:-webkit-box;display:-webkit-flex;display:flex;
}

.nav_wrap .head_nav li.fenlei>ul li a{
    color: #2d2a2a;
}

.nav_wrap .head_nav li.fenlei>ul>li{
    width: 33.33333333%;display: inline-block;vertical-align: top;letter-spacing: 0;float: left;padding: 15px 5% 15px 0;border-bottom: 1px solid #0000001c!important;
}
.nav_wrap .head_nav li.fenlei>ul>li:before{
    content: "";position: absolute;top: 10%;right: 14%;width: 1px;height: 80%;background-color: #0000001c;
}
.nav_wrap .head_nav li.fenlei>ul>li:nth-child(3n){
    border-right: 0;
}
.nav_wrap .head_nav li.fenlei>ul>li a{
    padding-right: 0;
}
.nav_wrap .head_nav li.fenlei>ul>li>a em{
    font-size: 16px;font-weight: 600;
}
.nav_wrap .head_nav li.fenlei>ul>li a b{
    display: none;
}
.nav_wrap .head_nav li.fenlei>ul>li ul{
    position: relative;
    left: 0;
    margin-left: 0;
    border-radius: 0;
    display: block;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    width: 100%;
    padding: 0;
    background-color: transparent;
}

.nav_wrap .head_nav li.fenlei>ul>li>ul>li{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;padding: 0;}
.nav_wrap .head_nav li.fenlei>ul>li>ul>li>a>em{
    display: none;
}

.nav_wrap .head_nav li.fenlei ul li{
    border: 0;
}
.nav_wrap .head_nav li.fenlei ul li img{
    padding-right: 0!important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit: cover;
}


.nav_wrap .head_nav li.fenlei>ul>li>ul>li>a{
    width: 32%;
    height: 100%;
}
.nav_wrap .head_nav li.fenlei>ul>li>ul>li>ul{
    width: 63%;
}

.nav_wrap .head_nav li.fenlei>ul>li>ul>li>ul li{
    padding: 0;margin-bottom: 4px;
}
.nav_wrap .head_nav li.fenlei>ul>li>ul>li>ul li a em{
    color: #000;
    font-size: 14px;
    font-weight: 500;line-height: 1.5;display: block;
}
.nav_wrap .head_nav li.fenlei>ul>li>ul>li>ul li:hover em{
    color: #ba3b2f;
}
.head_nav>li.fenlei ul li:hover{
    background-color: transparent;
}


.nav_wrap .head_nav li.fenlei>ul>li p{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: #000000;
    opacity: 0.5;
    margin: 6px 0 20px;
}













/* web_footer */
.web_footer {
  position: relative;
  background: #ba3b2f;
}

.web_footer, .web_footer a {
  display: block;
  color: #fff;
  text-transform: capitalize;
  line-height: 24px;
}

.foor_service {
  position: relative;
  padding: 175px 0 55px 0;
}

.foor_service .foot_item .fot_tit {
  position: relative;
  margin-bottom: 30px;
  text-transform: capitalize;
  font-size: 30px;
  line-height: 1;
}

.foot_item {
  position: relative;
  float: left;
  display: block;
}

.foot_item.foot_company_item {
  width: 25%;
}

.foot_item.foot_contact_item {
  margin-left: 7.86%;
  width: 27.5%;
}

.foot_item.foot_inquiry_item {
  float: right;
  width: 34.65%;
}

.foot_logo {
  position: absolute;
  top: 15px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.foot_logo img {
  width: auto;
  max-width: 100%;
}

.foot_item.foot_nav li {
  position: relative;
  margin-bottom: 11px;
  width: 100%;
  text-transform: uppercase;
}

.foot_item.foot_contact_item ul.foot_contact li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 25px;
}

.foot_item.foot_contact_item ul.foot_contact li:last-child {
  margin-bottom: 0;
}

.foot_item.foot_contact_item ul.foot_contact li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  font-size: 16px;
  font-family: fontawesome;
}

.foot_item.foot_contact_item ul li.foot_address:before {
  content: "\f041";
}

.foot_item.foot_contact_item ul li.foot_phone:before {
  content: "\f095";
}

.foot_item.foot_contact_item ul li.foot_email:before {
  content: "\f003";
}

.foot_item.foot_company_item .inquiry_btn {
  display: table;
  margin-top: 45px;
  padding: 0 30px;
  border: 2px solid #ba3b2f;
  border-radius: 50px;
  background: #ba3b2f;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 45px;
}

.foot_item.foot_company_item .inquiry_btn:hover {
  background: 0 0;
}

.inquriy_info {
  font-size: 16px;
  line-height: 20px;
}

.foot_item.foot_inquiry_item .inquiry_btn {
  display: table;
  margin-top: 30px;
  padding: 0 15px;
  border-radius: 5px;
  background: #fff;
  color: #ba3b2f;
  letter-spacing: .38px;
  font-size: 16px;
  font-family: Roboto-Bold;
  line-height: 45px;
  border: 2px solid transparent;
}

.foot_item.foot_inquiry_item .inquiry_btn:hover {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
}

.foot_item.foot_inquiry_item .inquiry_btn:before {
  margin-right: 15px;
  content: "\f003";
  font-family: fontawesome;
}

.web_footer .foot_bottom {
  position: relative;
  padding: 50px;
  border-top: 1px solid #fff;
}

.foot_nav {
  position: relative;
  text-align: center;
}

.foot_nav li {
  position: relative;
  display: inline-block;
  padding: 0 43px;
  border-right: 1px solid #fff;
}

.foot_nav li:last-child {
  border-right: none;
}

.foot_nav li a {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  font-family: Roboto-Bold;
  line-height: 23px;
}

.foot_sns {
  position: relative;
  margin-top: 55px;
}

.foot_sns li {
  display: inline-block;
  margin: 0 5px;
}

.foot_sns li a {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}

.foot_sns li img {
  width: auto;
  max-height: 18px;
}

.foot_sns li:hover img {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.copyright {
  position: relative;
  display: block;
  text-transform: capitalize;
}

.tel_link {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .tel_link {
      pointer-events: auto;
  }
}

/*-------------------------------------------------------- 
                          page: index
                                ------------------------------------------------------*/
.web_main {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

/* swiper */
.swiper-container-fade {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.swiper-container-fade .swiper-slide {
  height: auto;
}

/*slider_banner*/
.slider_banner .swiper-wrapper {
}

.slider_banner .swiper-slide img {
  width: 100%;
  min-height: 150px;
}

.slider_banner .swiper-slide img+img {
  position: absolute;
  top: 0;
  left: 0;
}

.slider_banner .swiper-slide img {
  width: 100%;
  transition: 3s linear;
  transform: scale(1.08);
}

.slider_banner .swiper-slide.swiper-slide-active img {
  transform: scale(1);
}

.slider_banner .slider_swiper_control {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 54px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider_banner .swiper-button-white {
  position: static;
  position: relative;
  right: auto;
  left: auto;
  display: inline-block;
  overflow: hidden;
  margin: auto;
  width: 60px;
  height: 90px;
  border-radius: 0;
  background-color: #ba3b2f;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-indent: -9999px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.slider_banner .swiper-pagination {
  bottom: 50px !important;
  opacity: .5;
}

.slider_banner:hover .swiper-pagination {
  opacity: 1;
}

.slider_banner .swiper-pagination span {
  vertical-align: middle;
}

.slider_banner .swiper-pagination i {
  display: inline-block;
  margin: 0 8px;
  width: 6px;
  height: 6px;
  background-color: #fff;
  vertical-align: middle;
}

.slider_banner .swiper-pagination-bullet:before {
  display: none;
}

.slider_banner .swiper-pagination-bullet {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 13px;
  width: 13px;
  height: 13px;
  background: #fff;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ba3b2f;
  border: 1px solid #fff;
}

.banner_button_prev, .banner_button_next {
  position: absolute;
  top: 0;
  display: block;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
}

.banner_button_prev {
  left: 76px;
}

.banner_button_next {
  right: 76px;
}

.banner_button_prev:before, .banner_button_next:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 54px;
  background: url("../image/web_icon.png") no-repeat;
  content: "";
  -webkit-transition: all ease-in-out .35s;
  transition: all ease-in-out .35s;
}

.banner_button_next:before {
  background-position: -54px -60px;
}

.banner_button_prev:before {
  background-position: 0 -60px;
}

.banner_button_next:hover, .banner_button_prev:hover {
  background-color: #ba3b2f;
}

.banner_button_next:hover:before {
  background-position: -54px -114px;
}

.banner_button_prev:hover:before {
  background-position: 0 -114px;
}

/*=======idnex public=============*/
.index_hd {
  position: relative;
  display: block;
  margin: auto;
}

.hd_title {
  position: relative;
  display: block;
  color: #ba3b2f;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 53px;
  font-family: Roboto-Bold;
  line-height: 1;
}

.sub_tit {
  margin-top: -2px;
  margin-bottom: 22px;
  color: #3d3d3d;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Roboto-Regular;
  line-height: 1;
}

.section {
  height: 648px;
}

.section .content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  /*! transform: perspective(100px) rotateX(-30deg) translateY(100%); */
  /*! -ms-transform: perspective(100px) rotateX(-30deg) translateY(100%); */
  /*! -moz-transform: perspective(100px) rotateX(-30deg) translateY(100%); */
  /*! -webkit-transform: perspective(100px) rotateX(-30deg) translateY(100%); */
  /*! -o-transform: perspective(100px) rotateX(-30deg) translateY(100%); */
  /*! opacity: 0; */
  /*! visibility: hidden; */
  /*! -o-transition: all 5s linear; */
  /*! -moz-transition: all 5s linear; */
  /*! transition: all 5s linear; */
  /*! z-index: -1; */
  /*! transform-origin: 50% 0%; */
  /*! -ms-transform-origin: 50% 0%; */
  /*! -moz-transform-origin: 50% 0%; */
  /*! -webkit-transform-origin: 50% 0%; */
  -o-transform-origin: 50% 0%;
}

.section.active .content,.index_news .content,.page_main .section .content {
  transform: perspective(100px) rotateX(0deg) translateY(0);
  -ms-transform: perspective(100px) rotateX(0deg) translateY(0);
  -moz-transform: perspective(100px) rotateX(0deg) translateY(0);
  -webkit-transform: perspective(100px) rotateX(0deg) translateY(0);
  -o-transform: perspective(100px) rotateX(0deg) translateY(0);
  opacity: 1;
  visibility: visible;
  transition: rotateX,background 0s,1s linear,linear;
  transition: rotateX 0s linear,background 1s linear;
  -o-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
  z-index: 2;
  transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
}

.head_right {
  display: flex;
  align-items: center;
}

.fp-viewing-page01 .web_head.index_web_head {
  transform: translateY(0);
}

.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.page_main2 {
  padding-top: 0!important;
}

.web_head.page_web_head .btn--search::after, .web_head.page_web_head .btn--search::before {
  background-image: url("../image/search_btn2.png");
}

/* index_slider_banner */
.index_slider_banner {
  height:auto;
}

.index_slider_banner .swiper-slide a {
}

.index_slider_banner .swiper-slide a img {
  display: block;
}

/* index_about_us */
.index_about_us {
}

.index_about_us .content {
  background: url("../image/since_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: right;
}

.index_about_us .content .layout {
}

.index_about_us .content .layout .flex_row {
  padding-top: 205px;
  height: 100%;
}

.index_about_us .content .layout .flex_row .left {
  width: 51%;
  text-align: right;
  padding-top: 175px;
  overflow: hidden;
  position: relative;
}

.index_about_us .content .layout .flex_row .left img{}
.index_about_us .content .layout .flex_row .left img,.index_about_us .content .layout .flex_row .right img {
  width: auto;
}
.index_about_us .content .layout .flex_row .right img{
    margin-left: -590px;
    margin-bottom: 60px;
}
.index_about_us .content .layout .flex_row .right {
  width: 49%;
  padding-left: 55px;
  padding-top: 60px;
  overflow: hidden;
}

.index_about_us .content .layout .flex_row .right h3 {
  font-size: 36px;
  color: #000000;
  font-family: 'Roboto-Medium';
  font-weight: normal;
  line-height: 1.1;
}

.index_about_us .content .layout .flex_row .right span {
  font-size: 24px;
  color: #000000;
  font-family: 'Roboto-Light';
  display: block;
  margin-bottom: 45px;
}

.index_about_us .content .layout .flex_row .right p {
  font-size: 20px;
  color: #666666;
}

.index_about_us .content .layout .flex_row .left::before {
  content: url("../image/about_title_be.png");
  position: absolute;
  top: 0;
  right: 18px;
}

/* index_value */
.index_value {
}

.index_value .content {
  background-size: cover;
}

.index_value .content .layout {
}

.index_value .content .layout .flex_row {
  color: #fff;
  padding-top: 145px;
  height: 100%;
  align-items: center;
  padding-bottom: 185px;
}

.index_value .content .layout .flex_row .left {
  width: 50%;
  text-align: right;
  padding-right: 70px;
}

.index_value .content .layout .flex_row .left h2 {
  font-size: 90px;
  font-family: 'Roboto-Light';
  font-weight: normal;
}

.index_value .content .layout .flex_row .left h2 b {
  font-family: 'Roboto-Bold';
  font-weight: normal;
}

.index_value .content .layout .flex_row .right {
  width: 50%;
  padding-left: 70px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.index_value .content .layout .flex_row .right .index_hd {
  width: 100%;
  margin: 0;
}

.index_value .content .layout .flex_row .right .index_hd span {
  font-size: 24px;
  font-family: 'Poppins-Regular';
}

.index_value .content .layout .flex_row .right .index_hd h3 {
  font-size: 36px;
  font-family: 'Poppins-Medium';
  font-weight: normal;
}

.index_value .content .layout .flex_row .right .index_bd {
  padding-right: 5%;
}

.index_value .content .layout .flex_row .right .index_bd h4 {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 30px;
}

.index_value .content .layout .flex_row .right .index_bd p {
  font-size: 18px;
  font-family: 'Roboto-Light';
}

/* index_strip */
.index_strip {
}

.index_strip .content {
  position: relative;
}

.index_strip .content .item_img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.index_strip .content .item_img .img1 {
  position: absolute;
  top: 0;
  width: 100%;
}

.index_strip .content .item_img .img2 {
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
}

.index_strip .content .item_text {
  width: 100%;
}

.index_strip .content .item_text .layout {
  height: 100%;
}

.index_strip .content .item_text .layout .flex_row {
  justify-content: center;
  text-align: center;
  padding-top: 100px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 70px;
}

.index_strip .content .item_text .layout .flex_row .strip_hd {
  width: 100%;
  text-align: center;
}

.index_strip .content .item_text .layout .flex_row .strip_hd h2 {
  font-size: 68px;
  color: #fff;
  font-family: 'Roboto-Light';
  text-transform: uppercase;
}

.index_strip .content .item_text .layout .flex_row .strip_hd h2 b {
  font-family: 'Roboto-Bold';
  font-weight: normal;
}

.index_strip .content .item_text .layout .flex_row .strip_hd p {
  font-size: 24px;
  color: #fff;
}

.index_strip .content .item_text .layout .flex_row .strip_bd {
}
.index_strip .content .item_text .layout .flex_row .strip_bd .light_btn{margin: 35px 25px;}
.index_strip .content .item_text .layout .flex_row .strip_bd .light_btn a{display: inline-block;color: #333;width: 100px;height: 100px;border-radius: 50%;line-height: 42px;text-transform: uppercase;background: url("../image/open1.png");background-size: 100%;}
.index_strip .content .item_text .layout .flex_row .strip_bd .light_btn a.active{background-image:url("../image/open.png");}
.index_strip .content .item_text .layout .flex_row .strip_bd .text {
}

.index_strip .content .item_text .layout .flex_row .strip_bd .text a {
  font-size: 36px;
  color: #fff;
  margin: 0 34px;
}

/* index_oem */
.index_oem {
}

/*.index_oem .content{background: url("/style/global/img/service_bg.png");}*/
.index_oem .content .layout {
  display: flex;
  align-items: center;
}

.index_oem .content .layout .flex_row {
  justify-content: center;
  text-align: center;
}

.index_oem .content .layout .flex_row .oem_hd {
  width: 100%;
  height: auto;
}

.index_oem .content .layout .flex_row .oem_hd h2 {
  font-size: 70px;
  color: #fff;
  font-family: 'Roboto-Light';
  text-transform: uppercase;
  margin-bottom: 30px;
}

.index_oem .content .layout .flex_row .oem_hd h2 b {
  font-family: 'Roboto-Bold';
  font-weight: normal;
}

.index_oem .content .layout .flex_row .oem_bd {
}

.index_oem .content .layout .flex_row .oem_bd p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 140px;
  padding: 0 4%;
}

.index_oem .content .layout .flex_row .oem_bd a {
  width: 377px;
  display: inline-block;
  height: 67px;
  line-height: 67px;
  background: #fff;
  border-radius: 33.5px;
  font-size: 28px;
  color: #141315;
  font-family: 'Roboto-Medium';
}
.index_about_us .content .layout .flex_row .right a {
  width: 377px;
  display: inline-block;
  height: 67px;
  line-height: 67px;
  background: #b6392e;
  border-radius: 33.5px;
  font-size: 28px;
  color: #141315;
  color: #fff;
  font-family: 'Roboto-Medium';
  text-align: center;
  margin: 20px 0 0 0;
}

.index_oem .content .layout .flex_row::before {
  content: url("../image/oem_icon.png");
  position: absolute;
  top: calc(50% - 134px);
}

/* index_news */
.index_news {
}

.index_news .content {
  background: url("../image/news_bg.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto;
}

.index_news .content .layout {
}

.index_news .content .layout .news_content {
  padding-top: 305px;
  padding-bottom: 25px;
}

.index_news .content .layout .news_content .flex_row {
  align-items: flex-start;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  z-index: 9;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box .item_text {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 15px 25px;
  display: none;
  animation: fadeInDownA alternate.8s linear;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box .item_text.active {
  display: block;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box .item_text a {
  font-size: 22px;
  color: #fff;
  display: block;
  line-height: 1.3;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_1 {
  width: 27%;
  max-width: 395px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-top: -80px;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_2 {
  width: 36.5%;
  max-width: 540px;
  position: relative;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_3 {
  width: 27%;
  max-width: 395px;
  overflow: hidden;
  position: relative;
  margin-left: 55px;
  margin-top: -135px;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_1::before {
  content: url("../image/news_be1.png");
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: -7px;
  opacity: 0;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_1:hover::before {
  opacity: 1;
  transition: -webkit-mask-size .2s cubic-bezier(0,0,0,1),opacity .7s ease-in-out;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_2::before {
  content: url("../image/news_be.png");
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: -7px;
  opacity: 0;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_2:hover::before {
  opacity: 1;
  transition: -webkit-mask-size .2s cubic-bezier(0,0,0,1),opacity .7s ease-in-out;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_3::before {
  content: url("../image/news_be1.png");
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: -7px;
  opacity: 0;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_3:hover::before {
  opacity: 1;
  transition: -webkit-mask-size .2s cubic-bezier(0,0,0,1),opacity .7s ease-in-out;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper {
  border-radius: 20px;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide {
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide .item_img {
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide .item_img a {
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide .item_img a img {
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide .item_text {
  position: absolute;
  bottom: 0;
  padding-left: 40px;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box .news_swiper .swiper-slide .item_text a {
  font-size: 32px;
  color: #ffffff;
  display: block;
}

.index_news .content .layout .news_title {
}

.index_news .content .layout .news_title .flex_row {
  align-items: center;
}

.index_news .content .layout .news_title .flex_row .title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.index_news .content .layout .news_title .flex_row .title h2 {
  font-size: 72px;
  font-weight: normal;
  font-family: 'Roboto-Bold';
  color: #000000;
  margin-right: 45px;
}

.index_news .content .layout .news_title .flex_row .title h1 {
  font-size: 154.68px;
  color: #162226;
  font-weight: normal;
  font-family: 'Roboto-Bold';
  opacity: .1;
  line-height: 1;
  text-transform: uppercase;
}

.index_news .content .layout .news_title .flex_row .news_control {
  display: flex;
}

.index_news .content .layout .news_title .flex_row .news_control .news_btn {
  filter: grayscale(100%);
  margin-right: 40px;
  cursor: pointer;
}

.index_news .content .layout .news_title .flex_row .news_control .news_btn img {
  width: auto;
}

.index_news .content .layout .news_title .flex_row .news_control .news_prev {
}

.index_news .content .layout .news_title .flex_row .news_control .news_next {
  transform: translateY(-20px);
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_2 .tex_box .item_text a {
  font-size: 32px;
}

.index_news .content .layout .news_content .flex_row .news_swiper_box_2 .tex_box .item_text {
  padding: 25px 35px
}
.archieve_news_box .layout .flex_row .right .news_nav .flex_row .nav-current a{
    background: #000;
    color: #fff;
}
/* web_footer */
.web_footer {
  background: #000000;
}

.web_footer .content {
}

.web_footer .content .footer_top {
  width: 100%;
  padding-top: 55px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(255,255,255,.13);
}

.web_footer .content .footer_top .layout {
  width: 1780px;
}

.web_footer .content .footer_top .layout .footer_logo {
}

.web_footer .content .footer_top .layout .footer_logo a {
}

.web_footer .content .footer_top .layout .footer_logo a img {
}

.web_footer .content .footer_top .layout .footer_sns {
  display: flex;
  align-items: center;
  flex: 1;
  text-align: right;
  justify-content: flex-end;
}

.web_footer .content .footer_top .layout .footer_sns h3 {
  font-size: 21.43px;
  color: #ffffff;
  font-weight: normal;
}

.web_footer .content .footer_top .layout .footer_sns .sns {
}

.web_footer .content .footer_top .layout .footer_sns .sns a {
  display: inline-block;
  margin-left: 25px;
}

.web_footer .content .footer_top .layout .footer_sns .sns a img:nth-child(1) {
  width: auto;
  animation: fadeInA .8s ease-out;
}

.web_footer .content .footer_top .layout .footer_sns .sns a img:nth-child(2) {
  width: auto;
  display: none;
  animation: fadeInA .5s ease-in;
}

.web_footer .content .footer_center {
  width: 100%;
  padding-top: 55px;
  padding-bottom: 10px;
}

.web_footer .content .footer_center .layout {
  width: 1780px;
}

.web_footer .content .footer_center .layout .footer_item {
}

.web_footer .content .footer_center .layout .footer_item .footer_title {
  font-size: 24px;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 30px;
}

.web_footer .content .footer_center .layout .footer_item.footer_nav {
  width: 14%;
  max-width: 305px;
}

.web_footer .content .footer_center .layout .footer_item.footer_nav ul {
}

.web_footer .content .footer_center .layout .footer_item.footer_nav ul li {
  margin-bottom: 15px;
}

.web_footer .content .footer_center .layout .footer_item.footer_nav ul li a {
  font-size: 18px;
  color: #ffffff;
  opacity: .43;
}

.web_footer .content .footer_center .layout .footer_item.footer_contact {
  padding-right: 45px;
  width: 29%;
  /* max-width: 485px; */
}

.web_footer .content .footer_center .layout .footer_item.footer_contact ul {
}

.web_footer .content .footer_center .layout .footer_item.footer_contact ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
}

.web_footer .content .footer_center .layout .footer_item.footer_contact ul li i {
  position: absolute;
  left: 0;
  opacity: .43;
}

.web_footer .content .footer_center .layout .footer_item.footer_contact ul li i img {
  width: auto;
}

.web_footer .content .footer_center .layout .footer_item.footer_contact ul li span {
  font-size: 18px;
  color: #ffffff;
  opacity: .43;
}

.web_footer .content .footer_center .layout .footer_item.footer_inquiry {
  width: 20%;
  max-width: 350px;
}

.web_footer .content .footer_center .layout .footer_item.footer_inquiry p {
  font-size: 18px;
  color: #ffffff;
  opacity: .43 !important;
  line-height: 1.6;
  margin-bottom: 25px;
}

.web_footer .content .footer_center .layout .footer_item.footer_inquiry a {
  width: 135px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #fff;
  background: #fff;
  font-size: 18px;
  color: #000;
  text-align: center;
}

.web_footer .content .footer_bottom {
  width: 100%;
  border-top: 1px solid rgba(255,255,255,.13);
}

.web_footer .content .footer_bottom .layout {
  width: 1780px;
}

.web_footer .content .footer_bottom .layout .copyright {
  font-size: 20px;
  color: #ffffff;
  opacity: .6;
  padding: 28px 0;
}

.web_footer .content .footer_top .layout .footer_sns .sns a:hover img:nth-child(2) {
  display: inline-block;
}

.web_footer .content .footer_top .layout .footer_sns .sns a:hover img:nth-child(1) {
  display: none;
}

.web_footer .content .footer_center .layout .footer_item.footer_nav ul li a:hover {
  opacity: 1;
}

.web_footer .content .footer_center .layout .footer_item.footer_inquiry a:hover {
  background: transparent;
  color: #fff;
}

/* product_ar_title */
.archieve_main > .layout {
  width: 1520px;
  padding: 80px 0;
}
.archieve_main .layout form{
    text-align: center;
}
.archieve_main .layout form p{
    font-size: 18px;
}
.archieve_main .layout form p input{
    font-size: 18px;
}
.archieve_sys .path_bar {
  /* background: none; */
  /* position: relative; */
}

.archieve_sys .path_bar .layout {
  /* background: #f5f5f5; */
  /* width: 100%; */
  /* max-width: 520px; */
  /* margin: 0; */
  /* padding: 12px 0; */
  /* padding-left: 193px; */
}

.archieve_sys .path_bar .layout li {
  /* font-size: 20px; */
  /* color: #030303; */
  /* font-family: "Roboto-Regular"; */
}

.archieve_sys .path_bar .layout li.nav_current {
}

.archieve_sys .path_bar .layout li.nav_current a {
}

.archieve_sys .path_bar .layout li a {
      /* font-size: 14px; */
      /* color: #030303; */
      /* font-family: "Roboto-Regular"; */
}

.product_ar_title {
}

.product_ar_title h2 {
  font-weight: normal;
  font-size: 25.48px;
  color: #151312;
  margin-bottom: 5px;
}

.product_ar_meta {
  display: flex;
  align-items: center;
  min-height: 403px;
  background: url("../image/pro_banner.png");
  background-size: cover;
}

.product_ar_meta .content {
  padding-left: 60px;
}

.product_ar_meta .content h1 {
  font-size: 50.95px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 10px;
}

.product_ar_meta .content ul {
}

.product_ar_meta .content ul li {
  margin-bottom: 5px;
}

.product_ar_meta .content ul li span {
  font-size: 20.17px;
  color: #ffffff;
  font-family: 'Roboto-Thin';
}

.product_list {
  padding-top: 40px;
}

.product_list .flex_row {
  justify-content: left;
  -webkit-justify-content: left;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

.product_list .flex_row .pro_list_item {
  width: 100%;
  max-width: 275px;
  border: 1px solid rgb(229, 229, 229);
  margin-bottom: 40px;
  margin-right: 15px;
}

.product_list .flex_row .pro_list_item .item_img {
  border-bottom: 1px solid rgb(229, 229, 229);

      overflow: hidden;
      position: relative;
}

.product_list .flex_row .pro_list_item .item_img a {
}

.product_list .flex_row .pro_list_item .item_img a img {
}

.product_list .flex_row .pro_list_item .item_text {
}

.product_list .flex_row .pro_list_item .item_text a {
  font-size: 16.98px;
  display: block;
  padding: 15px;
}

.side-cate > li > a {
  font-size: 20.1px;
  color: #959399;
  padding: 25px 0;
  border-bottom: 1px solid rgba(99,96,96,.88);
}

.side-cate > li ul {
  border-bottom: 1px solid rgba(99,96,96,.88);
}

.side-cate > li ul li {
  padding-left: 0;
  margin-bottom: 10px;
}

.side-cate > li ul li a {
  padding-left: 10px !important;
  font-size: 16px;
  color: #959393;
  /* font-family: 'Roboto-Thin'; */
}

.side-cate > li:nth-last-child(1) > a {
  border: none;
}

.contact_box .item_form,.contact_box_1 .item_form{
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 85px;
}

.contact_box .item_form .content,.contact_box_1 .item_form .content{
  background: #000000;
  padding: 32px;
  border-radius: 30px 0 0 0;
  padding-top: 50px;
  padding-bottom: 45px;
}

.contact_box .item_form .content h2,.contact_box_1 .item_form .content h2{
  font-size: 40px;
  color: #fafcfc;
  font-family: 'Roboto-Bold';
  font-weight: normal;
}

.contact_box .item_form .content span,.contact_box_1 .item_form .content span{
  font-size: 17.6px;
  color: #ffff;
  font-family: 'Roboto-Thin';
  opacity: 0.7;
  display: block;
  margin-bottom: 30px;
}

.contact_box .item_form .content form,.contact_box_1 .item_form .content form {
  display: inline-block;
  width: 527px;
}

.contact_box .item_form .content form input[type="text"],.contact_box_1 .item_form .content form input[type="text"] {
  display: block;
  width: 527px;
  height: 49px;
  background: transparent;
  border: 1px solid rgba(255,255,255,.29);
  margin-bottom: 30px;
  font-size: 17.6px;
  color: #ffff;
  font-family: 'Roboto-Thin';
  padding-left: 17px;
}

.contact_box .item_form .content form input[type="submit"],.contact_box_1 .item_form .content form input[type="submit"] {
  width: 527px;
  height: 49px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 19.5px;
  color: #000000;
}

.contact_box .item_form .content form textarea,.contact_box_1 .item_form .content form textarea {
  width: 527px;
  height: 135px;
  background: none;
  border: 1px solid rgba(255,255,255,.29);
  margin-bottom: 30px;
  font-size: 17.6px;
  color: #ffff;
  font-family: 'Roboto-Thin';
  padding-left: 17px;
  font-weight: bold;
}

.contact_box .item_text,.contact_box_1 .item_text {
  width: 50%;
  min-height: 905px;
  background: url("../image/contact_bg.png");
  display: flex;
  align-items: center;
}

.contact_box .item_text .content,.contact_box_1 .item_text .content {
  padding-left: 60px;
  padding-right: 235px;
}

.contact_box .item_text .content h1,.contact_box_1 .item_text .content h1 {
  font-size: 60px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 70px;
  position: relative;
}

.contact_box .item_text .content h1::before,.contact_box_1 .item_text .content h1::before {
  content: "";
  position: absolute;
  width: 56px;
  height: 4px;
  background: #000;
  border-radius: 2px;
  bottom: -10px;
  left: 8px;
}

.contact_box .item_text .content h1 b,.contact_box_1 .item_text .content h1 b {
  font-family: 'Roboto-Bold';
  font-weight: normal;
      font-size: 60px;
}

.contact_box .item_text .content p,.contact_box_1 .item_text .content p {
  font-size: 26px;
  color: #333333;
  opacity: .6;
}

.inquiry-pop-bd .contact_box .item_form,.inquiry-pop-bd .contact_box_1 .item_form {
  justify-content: normal;
}

/* download_box */
.download_box {
  padding-bottom: 100px;
  padding-top: 60px;
}

.download_box .layout {
  width: 1510px;
}

.download_box .layout .download_nav {
  margin-bottom: 58px;
}

.download_box .layout .download_nav .flex_row {
}

.download_box .layout .download_nav .flex_row li {
  width: 24%;
  /* max-width: 356px; */
  height: 52px;
  line-height: 52px;
  font-size: 30px;
  color: #ffffff;
  background: rgba(0,0,0,.25);
  text-align: center;
}
.download_box .layout .download_nav .flex_row li a{
    color: #fff;
    display: block;
    width: 100%;
}
.download_box .layout .download_nav .flex_row a.active {
  background: rgba(0,0,0,1);
}
.download_box .layout .download_nav .flex_row .nav-current{
    background: #000;
}
.download_box .layout .download_content {
}

.download_box .layout .download_content .flex_row {
}

.download_box .layout .download_content .flex_row .download_item {
  width: 32%;
  max-width: 482px;
  margin-bottom: 50px;
}

.download_box .layout .download_content .flex_row .download_item .item_img {
  margin-bottom: 12px;
}

.download_box .layout .download_content .flex_row .download_item .item_img a {
}

.download_box .layout .download_content .flex_row .download_item .item_img a img {
}

.download_box .layout .download_content .flex_row .download_item .item_text {
  background: #b1b1b1;
}

.download_box .layout .download_content .flex_row .download_item .item_text .content {
  display: flex;
  justify-content: space-around;
  padding: 12px 18px;
}

.download_box .layout .download_content .flex_row .download_item .item_text .content h3 {
  font-weight: normal;
  font-size: 18px;
  color: #ffffff;
  flex: 1;
  text-align: left;
}

.download_box .layout .download_content .flex_row .download_item .item_text .content a {
  margin-right: 12px;
}

.download_box .layout .download_content .flex_row .download_item .item_text .content a img {
  width: auto;
}

.download_box .layout .download_content .page_bar {
  margin-top: 10px
}

.about_hd {
}

.about_title {
  font-size: 40px;
  font-family: 'Roboto-Bold';
  font-weight: normal;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 80px;
}

.about_hd .flex_row {
}

.about_hd .text {
}

.about_hd .flex_row .about_title {
}

.about_company {
  padding-top: 110px;
}

.about_company .about_hd {
  margin-bottom: 50px;
}

.about_company .about_bd {
  background: #f5f5f5;
  /* padding-top: 90px; */
  /* padding-bottom: 125px; */
}

.about_company .about_bd .layout {
  width: 100%;
  align-items: center;
}

.about_company .about_bd .layout .about_img {
  width: 49%;
  /* max-width: 860px; */
}

.about_company .about_bd .layout .about_img a {
}

.about_company .about_bd .layout .about_img a img {
}

.about_company .about_bd .layout .about_text {
  width: 50%;
  /* background: #ffffff; */
  padding-left: 60px;
  padding-top: 75px;
  padding-right: 75px;
  padding-bottom: 65px;
}

.about_company .about_bd .layout .about_text .content {
}

.about_company .about_bd .layout .about_text .content p {
  font-size: 18px;
  color: #000000;
  line-height: 1.8;
  margin-bottom: 30px;
  font-family: 'Roboto-Light';
}

/* about_service */
.about_service {
  background: url("../image/about_service.png");
  padding-top: 135px;
  margin-bottom: 15px;
  min-height: 636px;
  background-size: cover !important;
}

.about_service .layout {
  width: 1620px;
}

.about_service .layout .content {
}

.about_service .layout .content h2 {
  font-size: 30px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  margin-bottom: 13px;
}

.about_service .layout .content p {
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  opacity: .54;
  margin-bottom: 65px;
}

.about_service .layout .content .index_advantage {
  padding: 45px 0;
}

.about_service .layout .content .index_advantage .advantage_list {
  flex-wrap: nowrap;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item {
  text-align: center;
  min-width: 255px;
  max-width: 450px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item::before {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  width: 2px;
  height: 59px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item:nth-last-child(1)::before {
  display: none;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .item_img {
  min-height: 45px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .item_img img {
  width: auto;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .item_desc {
  color: #fff;
  font-size: 14px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: none;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .item_value {
  font-size: 30px;
  font-family: 'Roboto-Medium';
  color: #1265cc;
  margin-bottom: 5px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .counter-title {
  font-family: 'Roboto-Medium';
  font-size: 48px;
  color: #fff;
  line-height: 1.3;
  width: 100%;
  display: flex;
  padding: 0 0px;
  align-items: center;
  justify-content: center;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item .counter-title::after {
  content: "+";
  font-size: 48px;
  position: relative;
  margin-left: 1px;
  top: 0px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item:nth-child(2) .counter-title::before {
  color: #333333;
  font-size: 20px;
  font-family: Arial;
  position: relative;
  float: left;
  margin-right: 20px;
  margin-left: -25px;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item:nth-child(4) .counter-title::before {
  font-size: 20px;
  font-family: Arial;
  position: relative;
  float: left;
  margin-right: 20px;
  margin-left: -25px;
  color: #333;
}

.about_service .layout .content .index_advantage .advantage_list .advantage_item:nth-child(3) .counter-title::after {
  display: none;
}

/* about_factory */
.about_factory {
  background: #f8f9f9;
  padding-top: 80px;
}

.about_factory .layout {
  width: 100%;
  max-width:1920px;
}

.about_factory .layout .about_hd {
}

.about_factory .layout .about_bd {
}

.about_factory .layout .about_bd .about_factory_items {
  margin-bottom: 90px;
}

.about_factory .layout .about_bd .about_factory_items .flex_row {}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img {
  width: 60%;
  max-width: 1140px;
  overflow: hidden;
  position: relative;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper {
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box {
  position: relative;
  margin-bottom: 30px;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(1){
    width: 44.5%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(2){
    width: 26%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(3){
    width: 26%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(4){
    width: 44.5%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(5){
    width: 26%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-child(6){
    width: 26%;
}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box .item_img {
  height: 100%;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box .item_img a {
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box .item_img a img {
  height: 100%;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box .item_title {
  position: absolute;
  bottom: 0;
  opacity: 0;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box .item_title a {
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text {
  width: 39%;
  background: #ebebeb;
  display: flex;
  align-items: center;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content {
  padding-left: 75px;
  padding-right: 75px;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content h3 {
  font-size: 36px;
  color: #000000;
  font-family: 'Roboto-Medium';
  font-weight: normal;
  margin-bottom: 45px;
  position: relative;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content p {
  font-size: 24px;
  color: #666666;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content h3::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 3px;
  background: #000;
  bottom: -10px;
  left: 2px;
}

.about_factory .layout .about_bd .about_factory_items:nth-last-child(1) {
  margin-bottom: 0;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .factory_btns {
  position: absolute;
  top: calc(50% - 30px);
  z-index: 9;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .fa_btn {
  width: 45px;
  height: 60px;
  background: #000;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  cursor: pointer;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .fa_btn img {
  width: auto
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .fa_btn.fa_prev {
  background: #838383;
}

.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .fa_btn.fa_next {
}

/* about_certificate */
.about_certificate {
  padding-bottom: 135px;
  background: #f9f9fa;
  padding-top: 140px;
}

.about_certificate .layout {
  width: 100%;
}

.about_certificate .layout .about_hd {
}

.about_certificate .layout .about_hd .about_title {
  margin-bottom: 60px;
}

.about_certificate .layout .about_bd {
}

.about_certificate .layout .about_bd .ce_bd {
}

.about_certificate .layout .about_bd .ce_bd .flex_row {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item {
  width: 290px;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item a {
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item a img {
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(1) {
  max-width: 209px;
  transform: translateX(165px);
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(2) {
  max-width: 254px;
  transform: translateX(83px);
  z-index: 1;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(3) {
  z-index: 3;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(4) {
  margin: 0 30px;
  z-index: 3;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(5) {
  z-index: 3;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(6) {
  max-width: 248px;
  transform: translateX(-83px);
  z-index: 2;
}

.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item:nth-child(7) {
  max-width: 204px;
  transform: translateX(-165px);
  z-index: 1;
}

.about_certificate .layout .about_bd .ce_bd {
}

.about_certificate .layout .about_bd .ce_bd .ce_item {
}

.about_certificate .layout .about_bd .ce_bd .ce_item a {
}

.about_certificate .layout .about_bd .ce_bd .ce_item a img {
  width: auto;
}

.about_certificate .layout .about_bd .par_bd {
  padding-top: 85px;
}

.about_certificate .layout .about_bd .par_bd .flex_row {
  justify-content: center;
  align-items: center;
  min-height: 85px;
}

.about_certificate .layout .about_bd .par_bd .flex_row a {
  margin: 0 25px;
}

.about_certificate .layout .about_bd .par_bd .flex_row a img {
  width: auto;
}

/* about_solutions */
.about_solutions {
}

.about_solutions .about_hd {
}

.about_solutions .about_hd .flex_row {
  background: #ffffff;
  min-height: 245px;
  align-items: center;
  width: 1560px;
  margin: auto;
}

.about_solutions .about_hd .flex_row .about_title {
  margin-bottom: 0;
}

.about_solutions .about_hd .flex_row .text {
}

.about_solutions .about_hd .flex_row .text p {
  font-size: 24px;
  color: #666666;
}

.about_solutions .about_bd {
  position: relative;
}

.about_solutions .about_bd h2 {
  position: absolute;
  font-size: 30px;
  font-family: 'Roboto-Medium';
  color: #fff;
  z-index: 9;
  text-transform: uppercase;
  font-weight: normal;
  left: 50px;
  top: 115px;
}

.about_solutions .about_bd .solutions_items {
  display: flex;
  height: 723px;
}

.about_solutions .about_bd .solutions_items .solutions_item {
  width: 25%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.about_solutions .about_bd .solutions_items .solutions_item .mask_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: scale(1.04);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
}

.about_solutions .about_bd .solutions_items .solutions_item .content {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% - 410px);
  color: white;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 50px;
  width: 100%;
  height: 100%;
  padding-top: 310px;
}

.about_solutions .about_bd .solutions_items .solutions_item .content h4 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 60px;
}

.about_solutions .about_bd .solutions_items .solutions_item .content p {
  font-size: 18px;
  color: #fff;
  opacity: .7;
  font-family: 'Roboto-Light';
}

.about_solutions .about_bd .solutions_items .solutions_item:nth-child(1) .mask_bg {
  background: url("../image/about_solution_bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: auto 100%;
  background-position: 0 0;
}

.about_solutions .about_bd .solutions_items .solutions_item:nth-child(2) .mask_bg {
  background: url("../image/about_solution_bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: auto 100%;
  background-position: 32.5% 0px;
}

.about_solutions .about_bd .solutions_items .solutions_item:nth-child(3) .mask_bg {
  background: url("../image/about_solution_bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: auto 100%;
  background-position: 64% 0px;
}

.about_solutions .about_bd .solutions_items .solutions_item:nth-child(4) .mask_bg {
  background: url("../image/about_solution_bg.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  background-size: auto 100%;
  background-position: 96% 0px;
}

.about_solutions .about_bd .solutions_items .solutions_item:not(:last-child)::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: rgba(255,255,255,.2);
  right: 0;
  z-index: 1;
}

.about_solutions .about_bd .solutions_items .solutions_item:hover .mask_bg {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.about_solutions .about_bd .solutions_items .solutions_item:hover .content {
  top: 0;
}

/* archieve_news_box */
.archieve_news_box {
}

.archieve_news_box .layout {
  width: 1560px;
}

.archieve_news_box .layout > .flex_row {
  padding-top: 120px;
  position: relative;
  align-items: flex-start;
  padding-bottom: 45px;
}

.archieve_news_box .layout .flex_row .left {
  width: 36%;
  max-width: 560px;
  text-align: center;
  padding: 0 7%;
  position: sticky;
  top: 80px;
}

.archieve_news_box .layout .flex_row .left h1 {
  font-size: 110px;
  color: #010000;
  font-family: 'Roboto-Bold';
  font-weight: normal;
}

.archieve_news_box .layout .flex_row .left .inner::before {
  content: ""
}

.archieve_news_box .layout .flex_row .left .inner {
  position: relative;
}

.archieve_news_box .layout .flex_row .left .inner .bar {
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: #a7a7a8;
  left: 50%;
  z-index: 1;
}

.archieve_news_box .layout .flex_row .left .inner .bar .line {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 0;
  animation-name: lineAni;
}

.archieve_news_box .layout .flex_row .left .inner .pager {
  position: relative;
  padding: 50px 0;
}

.archieve_news_box .layout .flex_row .left .inner .pager > svg {
  width: 100%;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.archieve_news_box .layout .flex_row .left .inner .pager > svg circle {
  fill: none;
  stroke: #ebebeb;
  stroke-dashoffset: 300%;
  stroke-dasharray: 300%;
  transition: stroke-dashoffset 2s ease-in-out;
  stroke-dashoffset: 50%;
}

.archieve_news_box .layout .flex_row .left .inner .pager .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.archieve_news_box .layout .flex_row .left .inner .pager .content h3 {
  font-size: 48px;
  color: #b6392e;
  font-weight: normal;
  width: 50%;
  text-align: right;
  padding-right: 20px;
}

.archieve_news_box .layout .flex_row .left .inner .pager .content span {
  font-size: 24px;
  color: #999999;
  display: inline-block;
  width: 50%;
  text-align: left;
  padding-left: 20px;
}

.archieve_news_box .layout .flex_row .left .btm {
  margin-top: 10px;
}

.archieve_news_box .layout .flex_row .left .btm img {
  width: auto;
  margin-bottom: 30px;
}

.archieve_news_box .layout .flex_row .left .btm div {
}

.archieve_news_box .layout .flex_row .left .btm div small {
  display: block;
  font-size: 30px;
  color: #666666;
  line-height: 1.2;
}

.archieve_news_box .layout .flex_row .left .btm div span {
  display: block;
  font-size: 30px;
  color: #666;
  line-height: 1.2;
}

.archieve_news_box .layout .flex_row .right {
  width: 64%;
}

.archieve_news_box .layout .flex_row .right .news_nav {
  margin-bottom: 70px;
}

.archieve_news_box .layout .flex_row .right .news_nav .flex_row {
}

.archieve_news_box .layout .flex_row .right .news_nav .flex_row a {
  font-size: 24.37px;
  color: #999999;
  padding: 7px 43px;
  display: inline-block;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
}

.archieve_news_box .layout .flex_row .right .news_nav .flex_row a.active {
  background: #010000;
  color: #fff;
  border-color: #010000;
}

.archieve_news_box .layout .flex_row .right .news_search {
  margin-bottom: 80px;
  display: block;
  text-align: right;
}

.archieve_news_box .layout .flex_row .right .news_search form {
  position: relative;
  display: inline-block;
}

.archieve_news_box .layout .flex_row .right .news_search form input[type="text"] {
  width: 440px;
  height: 50px;
  border: none;
  border-bottom: 1px solid #9d9e9f;
  color: #000;
  font-size: 18px;
  color: #666666;
}

.archieve_news_box .layout .flex_row .right .news_search form input[type="submit"] {
  width: 50px;
  height: 50px;
  background: url("../image/news_search.png");
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 0;
}

.archieve_news_box .layout .flex_row .right .news_content {
    margin-top: 200px;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row {
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item {
  width: 44%;
  max-width: 438px;
  position: relative;
  margin-bottom: 125px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_img {
  border-radius: 12px;
  overflow: hidden;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_img img {
  width: auto;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a > img {
  width: auto;
  position: absolute;
  right: 45px;
  bottom: 0;
  pointer-events: none;
  width: auto;
  -webkit-mask-repeat: repeat;
  mask-position-x: 0%;
  mask-position-y: 0%;
  -webkit-mask-size: auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: right top;
  -webkit-mask-size: 0 0;
  opacity: 0;
  transition: -webkit-mask-size .8s cubic-bezier(0,0,0,1),opacity .7s ease-in-out;
  z-index: 1;
  /*! -webkit-mask: linear-gradient(225deg,#000 0,rgba(0,0,0,0) 90%); */
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 25px;
  z-index: 2;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a div h3 {
  font-size: 20px;
  color: #ffffff;
  font-weight: normal;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a div i {
  opacity: 0;
  transform: translateX(10px);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -ms-transition: all .3s ease;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a div i img {
  width: auto;
}

.archieve_news_box .layout .flex_row .news_page {
  transform: translateY(-105px);
  padding-left: 75px;
}

.archieve_news_box .layout .flex_row .news_page .news_page_prev {
  margin: 0 25px;
  filter: grayscale(100%);
}

.archieve_news_box .layout .flex_row .news_page .news_page_next {
  margin: 0 25px;
  transform: translateY(-20px);
  display: inline-block;
  filter: grayscale(100%);
}

.archieve_news_box .layout .flex_row .news_page img {
  width: auto;
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item:nth-child(2n+1) {
  transform: translateY(-135px);
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item:hover {
  box-shadow: 0 10px .5rem -2px rgba(0,0,0,.4);
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item:hover .item_text a div i {
}

.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item:hover .item_text a img {
  opacity: 1;
  -webkit-mask-size: 100% 100%;
}

.archieve_news_box .layout .flex_row .news_page a:hover {
  filter: grayscale(0%)!important;
}

/*----------------------------------page head---------------------------------*/
/*public*/
.page_main {
  z-index: 1;
  overflow: visible;
  padding: 72px 0 30px 0;
  background: #FFF;
  padding-bottom: 0;
}

.product_main {
  background: #f3f3f3;
}

/*sys_sub_head*/
.sys_sub_head {
  position: relative;
  z-index: 1;
  z-index: 1;
  text-align: left;
}

.head_bn_item img {

}

.path_bar {
  background: none;
  position: absolute;
  top: 53%;
  width: 100%;
  text-align: center;
}

.path_bar ul {
  font-size: 0;
  margin-top: 40px;
}

.path_bar li {
  display: inline;
  letter-spacing: 0;
}

.path_bar li, .path_bar li a {
  color: #fff;
  font-size: 27px;
  line-height: 38px;
  font-family: "Roboto";
  text-transform: uppercase;
}

.path_bar li:before {
  position: relative;
  margin: 0 5px;
  content: '/';
  vertical-align: baseline;
}

.path_bar li:first-child:before {
  display: none;
}

.sys_sub_head .pagnation_title {
  font-size: 61px;
  font-family: "Roboto-Regular";
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  width: 100%;
  top: 46%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
}

.mobile-head-items {
  display: none;
}

/*----------------------------------aside---------------------------------*/
.aside {
  float: left;
  width: 325px;
  background: #f4f4f4;
}

.side-tit-bar {
  position: relative;
}

.side-tit-bar .side-tit {
  position: relative;
  padding-left: 10px;
  background: #292b2b;
  color: #f5f5f5;
  font-weight: 100;
  font-size: 30px;
  line-height: 45px;
  text-transform: uppercase;
  text-align: left;
  padding: 20px;
}

.side-widget {
  position: relative;
  overflow: hidden;
}

.side-widget+.side-widget {
  padding-top: 20px;
}

.side-cate {
  overflow: hidden;
  background-color: #292b2b;
}

.side-cate li {
  position: relative;
  margin-bottom: 1px;
  font-size: 16px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 20px;
}

.side-cate li:hover {
  background: #ccc;
  color: #000 !important;
}

.side-cate .li_active {
  background: #ccc;
}

menu-item-1265 :hover {
  background: #ccc;
  color: #000;
}

.side-cate li .active {
  background: #ccc;
  color: #000;
}

.side-cate li a {
  position: relative;
  display: block;
}

.side-cate ul {
  display: none;
  overflow: visible !important;
}

.side-cate li a {
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.side-cate li ul {
  padding-top: 18px;
  padding-bottom: 18px;
}

.side-cate li li {
  font-size: 14px;
}

.side-cate li+li {
}

.side-cate li li a {
  padding-top: 3px;
  padding-bottom: 3px;
  background: none;
  color: #425664;
  padding-left: 10px;
}

.side-cate li li a:hover {
  color: #000;
}

.side-cate li li li {
  font-size: 12px;
}

.side-cate li a:hover, .side-cate li.active>a {
  color: #000;
}

.side-cate li a:hover:before, .side-cate li.active>a:before {
}

.side-cate li .icon-cate {
  position: absolute;
  top: 25px;
  right: 0;
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 0%;
  color: #616265;
  text-align: center;
  font-size: 10px;
  line-height: 40px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.side-cate li .icon-cate:before {
  padding-right: 1px;
  padding-left: 1px;
}

.side-cate li .icon-cate.icon-cate-down:before {
  content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up:before {
  content: '\f04b';
}

.side-cate li .icon-cate.icon-cate-up {
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.side-widget .cate-type-list>li {
  font-size: 14px;
  line-height: 30px;
}

.side-widget .cate-type-list>li>a {
  margin-right: 0;
  padding-left: 15px;
}

.side-widget .cate-type-list>li>a:before {
  position: absolute;
  top: 15px;
  left: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: '';
}

.side-cate li.has-child>a {
  line-height: 40px;
}

.side-cate li.nav-current>.icon-cate {
  color: #959393;
}

.side-cate>li.nav-current>a, .side-cate>li.nav-current>.icon-cate {
  /* color: #959393; */
}

.side-cate li li.nav-current>a {
  color: #ca4235;
}

.side-product-items {
  position: relative;
  margin-top: 8px;
}

.side-product-items .items_content {
  position: relative;
  padding: 35px 0;
}

.side_product_item {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}

.side_product_item figure {
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
}

.side_product_item .item-img, .side_product_item figcaption {
  display: table-cell;
  vertical-align: middle;
}

.side_product_item .item-img {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 70px;
}

.side_product_item .item-img img {
  display: block;
  width: 100%;
}

.side_product_item figcaption {
  padding-left: 15px;
}

.side_product_item figcaption h3 {
  font-weight: normal;
  font-size: 14px;
}

.side_product_item figcaption h3 a {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 3.2em;
  text-overflow: ellipsis;
  word-wrap: break-word;
  line-height: 1.6em;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.side_product_item figcaption h3 a:hover, .side_product_item .item-img:hover + figcaption h3 a {
  color: #ba3b2f;
}

.side_product_item:hover .item-img {
  border-color: #ba3b2f;
}

.side-product-items .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.side-product-items .side_slider {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-height: 480px;
}

.side-product-items .side_slider .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.side-product-items .side_product_item {
  height: 100px;
}

.side-product-items .btn-prev, .side-product-items .btn-next {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  color: #ccd3d9;
  text-align: center;
  font-size: 38px;
  line-height: 32px;
  opacity: 1;
  cursor: pointer;
  filter: alpha(opacity=100);
}

.side-product-items .swiper-button-disabled {
  color: #eee;
  cursor: default;
}

.side-product-items .btn-prev:before, .side-product-items .btn-next:before {
  display: inline-block;
  -webkit-transform: scale(2.5, 1);
  -o-transform: scale(2.5, 1);
  transform: scale(2.5, 1);
  -ms-transform: scale(2.5, 1);
}

.side-product-items .btn-prev {
  top: 0;
}

.side-product-items .btn-prev:before {
  content: '\f106';
}

.side-product-items .btn-next {
  bottom: 0;
}

.side-product-items .btn-next:before {
  content: '\f107';
}

.side-product-items .btn-prev:not(.swiper-button-disabled):hover, .side-product-items .btn-next:not(.swiper-button-disabled):hover {
  color: #000;
}

.aside .side-bn {
  margin: 0 0 40px;
  width: 100%;
}

.aside .side-bn img {
  width: 100%;
}

/*----------------------------------main---------------------------------*/
.main {
  position: relative;
  float: right;
  padding-bottom: 50px;
  width: calc(100% - 385px);
}

.main .banner_section {
  margin-bottom: 25px;
}

.page_main, .pagge_main a {
  color: #002140;
}

.page_main a:hover {
  color: #ba3b2f;
}

/*title*/
.main_hd {
  margin-bottom: 35px;
  text-align: center;
}

.main_hd .page_title {
  font-size: 30px;
}

.main_hd .page_title, .main_hd .page_title a {
  color: #595959;
}

/*page*/
.page_bar {
  position: relative;
  margin: 50px 0 30px;
  height: 33px;
  text-align: center;
  font-size: 14px;
  line-height: 31px;
}

.page_bar a, .page_bar span {
  position: relative;
  display: inline-block;
  margin: 0 0 0 8px;
  border: 1px solid #dcdcdc;
  color: #999999;
  vertical-align: top;
  text-align: center;
  font-family: 'Poppins-Light';
  font-size: 18.39px;
  padding: 2.5px 8px;
  min-width: 39px;
}

.page_bar a.current, .page_bar a:hover {
  border-color: #ba3b2f;
  background: #ba3b2f;
  color: #FFF;
}

.page_bar span.current2 {
  padding-right: 8px;
  padding-left: 8px;
}

.page_bar .prev {
}

.page_bar .extend {
}

.page_bar .prev img {
  width: auto;
}

.page_bar .extend img {
  width: auto;
}

.page_bar .small {
  font-size: 14.36px;
}

/*-------------------------------------------------------- 
                        page: product list
                                ------------------------------------------------------*/
.items_list {
  position: relative;
  width: 100%;
}

.items_list ul {
  margin: -10px -18px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.items_list ul {
  margin: -2.5%;
}

.items_list .product_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 2.5%;
  width: 25%;
  max-width: 25%;
  -webkit-box-flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}

.items_list .product_item figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

.items_list .product_item figcaption {
  padding: 25px 15px;
  text-align: center;
}

.items_list .product_item .item_img, .items_list .product_item .item_img img {
  display: block;
}

.items_list .product_item .item_img {
  border: 1px solid #e6e6e6;
  -webkit-box-flex: 1.0;
  -moz-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.items_list .product_item .item_title {
  text-transform: uppercase;
  font-size: 12px;
}

.items_list .product_item .item_title a {
  height: 3.7em;
  background-color: #425664;
  color: #fff;
  font-size: 12px;
  line-height: 3.7em;
}

.items_list .product_item figure:hover {
  border-color: #ccc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
}

.items_list .product_item figure:hover .item_title a {
  background-color: #ba3b2f;
  color: #fff;
}

/*-------------------------------------------------------- 
                        page: single Product
                                ------------------------------------------------------*/
/*product photos*/
.product-intro {
  position: relative;
  margin-bottom: 80px;
  font-family: 'Roboto-Light';
}

.cloud-zoom-lens {
  border: 1px solid #eee;
  cursor: move;
}

.cloud-zoom-title {
  position: absolute !important;
  top: 0px;
  padding: 3px;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}

.cloud-zoom-big {
  overflow: hidden;
  padding: 0px;
  background-color: #fff;
}

.cloud-zoom-loading {
  padding: 3px;
  border: 1px solid #000;
  background: #222;
  color: white;
}

.product-view .product-image.zoom_remove:after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  content: "";
}

.product-view {
  position: relative;
  float: left;
  width: 42%;
  background: #fff;
  padding-bottom: 28px;
  box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.product-view .product-image {
  overflow: hidden;
}

.product-view .product-image img {
  position: relative;
  width: 100%;
}

.product-view .image-additional-wrap {
  position: relative;
  z-index: 999;
  margin-top: 34px;
  padding: 0 50px;
}

.product-view .image-additional {
  position: relative;
  overflow: hidden;
  padding: 0 2px;
}

.product-view .image-additional li {
  position: relative;
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: visible;
  width: 100%;
  width: 20%;
  height: auto;
  border: 1px solid #8a8a8a;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.product-view .image-additional li:before {
  position: absolute;
  bottom: -5px;
  left: 40%;
  z-index: 1;
  display: block;
  width: 20%;
  height: 4px;
  border-radius: 6px;
  content: '';
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.product-view .image-additional li.single {
  display: none;
}

.product-view .image-additional li img {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  opacity: .4;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  filter: alpha(opacity=40);
}

.product-view .image-additional li a {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-view .image-additional li.current {
  border: 1px solid #ba3b2f;
  -bottom: 0;
}

.product-view .image-additional li.current img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-view .image-additional img.popup {
  display: none;
}

.ad_prompt {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  display: none;
  margin: -20px 0 0;
  width: 100%;
  color: #ba3b2f;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  -webkit-animation: twinkling 1s infinite ease-in-out;
  animation: twinkling 1s infinite ease-in-out;
}

.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets {
  display: none;
}

.product-view .swiper-button-next, .product-view .swiper-button-prev {
  margin-top: -16px;
  width: 25px;
  height: 32px;
  background: none;
  font-size: 24px;
  line-height: 32px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-view .swiper-button-prev {
  left: 10px;
}

.product-view .swiper-button-next {
  right: 10px;
}

.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before {
  width: 25px;
  height: 33px;
  background-image: url("../image/web_icon.png");
  background-repeat: no-repeat;
  content: "";
  -webkit-transition: all ease .35s;
  transition: all ease .35s;
}

.product-view .swiper-button-next:before {
  background-position: right -93px;
}

.product-view .swiper-button-prev:before {
  background-position: -250px -93px;
}

.product-view .swiper-button-next:hover:before {
  background-position: right -126px;
}

.product-view .swiper-button-prev:hover:before {
  background-position: -250px -126px;
}

.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next {
  background: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.product-view:hover .swiper-button-disabled {
  opacity: .3;
  filter: alpha(opacity=30);
}

/*product summary*/
.product-summary {
  position: relative;
  float: left;
  max-width: 700px;
  padding-left: 60px;
  color: #000000;
}

.product-summary .page_title {
  display: table;
  color: #333333;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 1;
  padding-top: 50px;
  font-family: "Roboto-Regular";
  font-weight: bold;
  margin-top: 20px;
}

.product-summary .product-meta {
  color: #242424;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.product-summary .product-meta .short_tit {
  position: relative;
  color: rgba(36,36,36,.5);
  text-transform: capitalize;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}

.product-summary .product-meta p,.product-summary .product-meta .pro_short_desc {
  margin: 27px 0;
  color: #333;
  font-size: 14.7px;
  line-height: 26px;
}

.product-summary .product-meta li {
  /* display: table; */
  padding: 2px 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 20px;
  list-style: disc!important;
}

.product-summary .product-meta li em {
  display: table-cell;
  width: 36%;
  color: rgba(36,36,36,.5);
}

.product-summary .product-meta li .item-val {
  display: table-cell;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}

.product-summary .product-meta br {
  display: none;
  height: 10px;
}

.product-btn-wrap {
  position: relative;
  padding-top: 43px;
  text-align: left;
}

.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
  position: relative;
  display: inline-block;
  margin: 0 0 7px 7px;
  padding: 0 10px;
  border: 2px solid #ba3b2f;
  background: #ba3b2f;
  color: #fff;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  font-family: "Roboto-Bold";
  font-weight: normal;
}

.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover {
  background: transparent;
  color: #ba3b2f;
}

.product-btn-wrap .email:before, .product-btn-wrap .pdf:before {
  padding-right: 10px;
  font-size: 16px;
}

.product-btn-wrap .email:before {

}

.product-btn-wrap .pdf:before {
  content: '\f1c1';
}

.product-summary .share-this {
  margin: 45px 0 0;
  text-align: right;
}

/* product detail */
.product-detail {
  position: relative;
  overflow: visible;
  font-family: 'Roboto-Light';
  margin-bottom: 80px;
}

.detail-tabs {
  position: relative;
  margin-bottom: -1px;
  background: #eaedf0;
  display: none;
}

.detail-tabs .title {
  position: relative;
  position: relative;
  position: relative;
  float: left;
  display: inline-block;
  margin-right: -1px;
  padding: 1px 35px;
  border: 1px solid #ccd3d9;
  color: #959da7;
  color: rgba(0,33,64,.5);
  vertical-align: top;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  font-family: Times New Roman;
  line-height: 35px;
  cursor: pointer;
}

.detail-tabs .title.current {
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
  padding-bottom: 2px;
  border-bottom: none;
  background: #fff;
  color: #ba3b2f;
}

.product-detail .tab-panel-content {
  display: block;
  overflow: hidden;
  padding: 10px 0;
}

.product-detail .disabled {
  display: none;
}

.tab-panel-wrap {
  margin-bottom: 20px;
  /* padding: 40px; */
  /* border: 1px solid #ccd3d9; */
  background-color: #fff;
}

/*like product*/
.goods-may-like {
  position: relative;
  overflow: hidden;
  padding: 70px 0 30px 0;
  background-attachment: fixed;
  margin-bottom: 30px;
}

.goods-may-like .index_title_bar {
  position: relative;
  display: block;
  text-align: center;
}

.goods-may-like .index_title_bar .good_title {
  position: relative;
  color: #333;
  text-transform: capitalize;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 45px;
  font-family: "Roboto-Bold";
  font-weight: normal;
}

.goods-may-like .swiper-pagination-bullets {
  text-align: center;
  line-height: 1;
}

.goods-may-like .swiper-pagination-bullet, .goods-may-like .swiper-pagination-bullet:before {
  width: 14px;
  height: 14px;
}

.goods-may-like .product_item:hover .item_img img {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.good_button_bar {
  text-align: center;
  position: relative;
  margin-top: 50px;
}

.good_button_bar .navigate_button_prev, .good_button_bar .navigate_button_next {
  background: #ba3b2f;
  display: inline-block;
  width: 85px;
  line-height: 42px;
  margin: 0 5px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}

.good_button_bar .navigate_button_prev {
}

.good_button_bar .navigate_button_next {
}

.good_button_bar .navigate_button_prev:before, .good_button_bar .navigate_button_next:before {
}

.good_button_bar .navigate_button_prev:before {
  content: "<";
}

.good_button_bar .navigate_button_next:before {
  content: ">";
}

.good_button_bar .navigate_button_prev {
}

.good_button_bar .navigate_button_next {
}

/*----------------product-------------*/
.product_item {
  position: relative;
  border: 1px solid #c8c8c8;
}

.product_item figure {
  position: relative;
  height: 100%;
}

.product_item .item_img {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.product_item .item_img img {
  width: 100%;
  height: auto;
}

.product_item figcaption {
  background: rgb(186 59 47 / 53%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-110%);
  -webkit-transform: translateX(-110%);
}

.product_item .item_title {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.product_item .item_title a {
  display: block;
  position: relative;
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 1.68;
  font-family: "Roboto-Regular";
  text-transform: capitalize;
  letter-spacing: .38px;
  font-weight: normal;
}

.product_item:hover figcaption {
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

/*-------------------------------------------------------- 
                        page: blog list
                                ------------------------------------------------------*/
.blog_list {
  position: relative;
  width: 100%;
}

.blog-item {
  position: relative;
  overflow: hidden;
  padding: 35px 20px;
  width: 100%;
}

.blog-item:nth-child(2n+1) {
  background: #f9f9f9;
}

.blog-item:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  content: "";
}

.blog-item:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 3px;
  background-color: #ba3b2f;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
}

.blog-item:hover:after {
  width: 100%;
  opacity: 1;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  filter: alpha(opacity=100);
}

.blog-item .item-img, .blog-item .item-img img {
  border-radius: 5px;
}

.blog-item .item-img {
  position: relative;
  float: left;
  display: block;
  margin: 0 20px 0 0;
  padding: 5px;
  max-width: 200px;
  border: 1px solid #eee;
  background-color: #fff;
}

.blog-item .item-img img {
  position: relative;
  width: 100%;
}

.blog-item .item-info .item-title {
  overflow: hidden;
  height: 1.5em;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5em;
}

.blog-item .item-info time {
  display: block;
  margin: 8px 0;
  font-size: 16px;
}

.blog-item .item-info .item-detail {
}

.blog-item .item-info .item-more {
  float: right;
  margin: 20px 0 0;
  color: #8f9395;
}

.blog-item .item-info .item-more {
  position: relative;
  display: inline-block;
  padding: .2em .8em;
  color: #ba3b2f;
  text-transform: uppercase;
  line-height: 1.8;
}

.blog-item .item-info .item-more:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ba3b2f;
  content: '';
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.blog-item .item-info .item-more:before {
  top: 0;
  left: 0;
}

.blog-item .item-info .item-more:after {
  right: 0;
  bottom: 0;
}

.blog-item .item-info .item-more:hover:before, .blog-item .item-info .item-more:hover:after {
  width: 0;
  opacity: 0;
}

.blog-item .item-info .item-more:hover {
  background-color: #ba3b2f;
  color: #fff;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}

/*-------------------------------------------------------- 
                        page: download list
                                ------------------------------------------------------*/
.download_list {
  position: relative;
  width: 100%;
}

.download-item {
  position: relative;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  line-height: 30px;
}

.download-item .item-img {
  max-width: 25px;
}

.download-item .item-title {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
  font-weight: bold;
  font-size: 16px;
  *display: inline;
  *zoom: 1; }

.download-item .item-button {
  position: relative;
  float: right;
  display: inline-block;
  padding: 0 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #eee;
  vertical-align: top;
  line-height: 30px;
  cursor: pointer;
  *display: inline;
  *zoom: 1; }

.download-item .item-button:before {
  margin: 0 10px 0 0;
  content: "\f019";
}

/*-------------------------------------------------------- 
                        page: faq list
                                ------------------------------------------------------*/
.faq_list {
  position: relative;
  width: 100%;
}

.faq-item {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0 25px;
  width: 100%;
  border: 1px solid #eee;
}

.faq-item .faq-title {
  position: relative;
  padding: 15px 0;
  font-size: 16px;
  cursor: pointer;
}

.faq-item .faq-title:before {
  position: absolute;
  right: 0;
  content: "\f067";
  font-size: 14px;
}

.faq-item .faq-title.show-title:before {
  content: '\f068';
}

.faq-item .faq-title h3 {
  font-weight: normal;
}

.faq-item .faq-cont {
  display: none;
  margin: 0 0 25px;
}

.faq-item:first-child .faq-cont {
  display: block;
}

@media only screen and (max-width: 768px) {
  .inquiry-form .form-btn-wrapx .form-btn-submitx {
      top: 0 !important;
  }
}

@media only screen and (max-width: 1680px) {
  /*layout*/ body {
      min-width: 1300px;
  }

  .layout {
      width: 95% !important;
  }

  .head_layout.layout {
      width: 100% !important;
      padding: 0 60px;
  }

  /*index*/
  .web_head.index_web_head .logo {
      left: 10px;
      -webkit-transform: unset;
      transform: unset;
  }

  .web_head .logo {
      left: 10px;
      -webkit-transform: translateX(0) translateY(-50%);
      transform: translateX(0) translateY(-50%);
  }

  .web_head .btn--search {
      right: 10px;
      transform: unset;
      -webkit-transform: unset;
  }

  .head_nav > li {
      margin-left: 50px;
  }
}

@media only screen and (max-width: 1440px) {
  /*layout*/ body {
      min-width: 1200px;
  }

  .layout {
      width: 1200px;
  }

  /*index*/
  .company_information .about_text {
      margin: 50px 0;
      font-size: 16px;
      line-height: 1.5;
  }

  .company_information {
      width: 45%;
  }

  /*product*/
}

@media only screen and (max-width: 1366px) {
  /*layout*/ body {
      min-width: 1150px;
  }

  .layout {
      width: 1150px;
  }

  /*header*/
  .head_layout {
      height: 90px;
  }

  .head_nav>li>a {
      font-size: 16px;
  }

  .head_nav > li {
      margin-left: 35px;
  }

  .web_head.index_web_head .logo img {
      max-height: 80px;
  }

  /*index*/
  .company_information_wrap, .index_feature_product {
      margin: 50px 0;
  }

  .index_inquiry_wrap {
      padding: 80px 0 100px 0;
  }

  .index_inquiry_wrap .inquiry_btn {
      margin-top: 45px;
  }

  .advantage_item .icon_img {
      width: 100px;
      height: 100px;
      line-height: 100px;
  }

  .advantage_item .icon_img img {
      max-width: 60px;
  }

  .advantage_info .ad_tit {
      margin: 15px 0;
  }

  .advantage_info .ad_tit a {
      font-size: 18px;
  }

  .advantage_info .ad_desc {
      font-size: 13px;
      line-height: 1.68;
  }

  .news_left .news_item {
      padding: 25px 15px;
  }

  .news_container .news_time span {
      font-size: 50px;
  }

  .news_container .news_title {
      margin: 15px 0;
      font-size: 16px;
      letter-spacing: .38px;
  }

  .news_container .news_info {
      font-size: 13px;
      line-height: 20px;
  }

  .index_news_container {
      padding: 70px 0 30px 0;
  }

  .hd_title {
      font-size: 40px;
  }

  .sub_tit {
      margin-bottom: 13px;
      font-size: 15px;
  }

  .news_container {
      margin-top: 25px;
  }

  .feature_items {
      margin-top: 25px;
  }

  .feature_button_control {
      width: calc(100% + 100px);
      left: -50px;
  }

  /*footer*/
  .foor_service {
      padding: 120px 0 35px 0;
  }

  .web_footer .foot_bottom {
      padding: 30px 0;
  }

  /*list*/
  .items_list .product_item {
      width: 33.33333333%;
      max-width: 33.33333333%;
      -webkit-box-flex: 0 0 33.33333333%;
      -webkit-flex: 0 0 33.33333333%;
      -ms-flex: 0 0 33.33333333%;
      flex: 0 0 33.33333333%;
  }
}

@media only screen and (max-width: 1280px) {
  /*layout*/ body {
      min-width: unset;
  }

  .layout {
      width: 98%;
  }

  /*header*/
  .head_nav>li>a {
      font-size: 14px;
  }

  .head_nav > li {
      margin-left: 25px;
  }

  /*index*/
  .feature_button_control {
      width: 100%;
      top: unset;
      left: unset;
      display: block;
      margin-top: 20px;
      position: relative;
      text-align: center;
  }

  .feature_button_next, .feature_button_prev {
      display: inline-block;
      margin: 0 5px;
      border-radius: 3px;
      width: 30px;
      height: 30px;
  }

  .feature_button_prev {
      background-position: 8px -185px;
  }

  .feature_button_next {
      background-position: -14px -185px;
  }

  .company_information .about_text {
      margin: 30px 0;
  }

  .hd_title {
      font-size: 38px;
  }

  .sub_tit {
      margin-bottom: 15px;
      font-size: 16px;
  }

  /*list*/
  .main {
      padding-bottom: 0;
      width: calc(100% - 280px);
  }

  .aside {
      width: 270px;
  }

  .items_list ul {
      margin: -5px;
  }

  .items_list .product_item {
      padding: 5px;
  }

  .page_main {
      padding: 78px 0;
  }

  .product-summary {
      width: calc(57.83% - 30px);
  }

  .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
      text-transform: capitalize;
      font-size: 12px;
      line-height: 30px;
  }

  .pagnation_title {
      font-size: 28px;
      margin-bottom: 15px;
  }

  .path_bar li, .path_bar li a {
      font-size: 16px;
  }

  .product-summary .product-meta p,.product-summary .product-meta .pro_short_desc {
      margin: 15px 0;
      font-size: 13px;
      line-height: 1.5;
  }

  .product-btn-wrap {
      padding-top: 50px;
  }
}

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

@media only screen and (max-width: 950px) {
  .head_nav>li ul li:hover {
  background: none;
}

 .head_nav li.fenlei ul li img{
    display: none;
}
  body {
      min-width: 100%;
  }

  .z10000 {
      position: relative;
      z-index: 100000;
  }

  .mobile-body-mask {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, 0.6);
  }

  .mobile-ico-close {
      position: absolute;
      top: 0;
      right: -35px;
      width: 30px;
      height: 30px;
      background: #fff url("../image/mobile_close.png") center center no-repeat;
      background-size: 50% auto;
      cursor: pointer;
  }

  .sub-content {
      position: relative;
      right: auto;
      z-index: 99999;
      display: block;
      border: none;
      border-radius: 0;
      box-shadow: none;
  }

  .lang-more {
      display: none !important;
  }

  .mobile-head-items {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999;
      display: block;
      width: 100%;
      height: 25px;
      background: #161622;
      text-align: left;
      line-height: 25px;
  }

  .mobile-head-item {
      float: left;
      width: 45px;
  }

  .mobile-head-item.mobile-head-aside {
      float: right;
  }

  .mobile-head-item .title {
      overflow: hidden;
      width: 100%;
      height: 25px;
      color: #FFF;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

  .mobile-head-item .title a {
      position: relative;
      display: block;
      color: #FFF;
  }

  .mobile-head-item.mobile-head-home .title a:before {
      content: '\f015';
  }

  .mobile-head-item.mobile-head-nav .title:before {
      content: '\f0c9';
  }

  .mobile-head-item.mobile-head-language .title:before {
      content: "\f1ab";
  }

  .mobile-head-item.mobile-head-search .title:before {
      content: "\f002";
  }

  .mobile-head-item.mobile-head-social .title:before {
      content: "\f007";
  }

  .mobile-head-item.mobile-head-aside .title:before {
      content: "\f060";
  }

  .mobile-head-item .main-content-wrap {
      top: 0;
      z-index: 99999;
      display: block;
      background: #FFF;
  }

  .mobile-head-item .main-content-wrap .content-wrap {
      overflow-y: auto;
      padding: 15px 10px;
      height: 100%;
      background-color: #fff;
  }

  .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {
      overflow-y: hidden;
  }

  .mobile-head-item .side-content-wrap {
      position: fixed;
      left: -70%;
      display: block;
      width: 70%;
      height: 100%;
  }

  .mobile-head-item .middle-content-wrap {
      position: absolute;
      left: 0;
      visibility: hidden;
      padding: 20px 0;
      width: 100%;
      height: auto;
      opacity: 0;
  }

  .mobile-head-item .middle-show-content-wrap {
      top: 30px;
      visibility: visible;
      opacity: 1;
  }

  .web_head .nav_wrap .head_nav, .web_head .change-language, .head-search .search-attr, .btn--search {
      display: none;
  }

  .index_main .layout, .layout {
      margin: 0 auto;
      width: 98%;
  }

  .web_head, .web_head.index_web_head {
      padding: 25px 0 0;
      padding-top: 25px;
      height: auto;
      background: #fff;
      position: relative;
      left: auto;
      top: auto;
      transform: none;
  }

  .web_head .logo, .web_head.index_web_head .logo {
      position: relative;
      display: block;
      width: 100%;
      max-width: unset;
      text-align: center;
      padding: 10px 0;
      -webkit-transform: unset;
      transform: unset;
  }

  .web_head .logo img, .web_head.index_web_head .logo img {
      width: auto;
  }

  .web_head .nav_wrap {
      position: static;
  }

  .nav_wrap .logo img {
      height: 100px;
  }

  .head-search {
      position: relative;
      width: 100%;
      height: 35px;
      background: #ba3b2f;
      color: #fff;
  }

  .head-search .search-ipt {
      width: 100%;
      line-height: 35px;
      height: 35px;
      padding-left: 1.5%;
  }

  .head-search .search-btn {
      width: 35px;
      height: 35px;
      background-image: url("../image/web_icon.png");
      background-position: 0 4px;
      background-repeat: no-repeat;
      position: absolute;
      right: 0;
      top: 0;
      background-color: transparent;
      border: none;
  }

  /* header */
  .web_head {
  }

  .head_layout {
      height: auto;
  }

  /*nav */
  .head_nav {
      width: 100%;
  }

  .head_nav > li {
      display: block;
  }

  .head_nav li {
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 28px;
  }

  .head_nav li, .head_nav li a, .head_nav>li ul li a, .head_nav li:hover a {
      color: #111;
  }

  .head_nav li.has-child {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 28px;
  }

  .head_nav li.has-child>a {
      margin-top: 3px;
      margin-right: 35px;
      margin-bottom: 3px;
  }

  .head_nav li.has-child>ul {
      position: relative;
      top: auto;
      left: auto;
      display: block;
      margin-left: 0;
      padding: 0 0 0 10px;
      width: 100%;
      border-top: unset;
      box-shadow: unset;
      opacity: 1;
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      background: #fff;
      display: none;
  }

  .head_nav li a {
      position: relative;
      display: block;
      height: 1.4em;
      line-height: 1.4em;
  }

  .head_nav li a:hover {
      color: inherit;
  }

  .head_nav li em {
      display: block;
      overflow: hidden;
      height: 1.4em;
  }

  .head_nav li li {
      font-size: 14px;
  }

  .head_nav li li li {
      font-size: 12px;
  }

  .head_nav li li a {
      color: #666;
  }

  .head_nav li.has-child a b {
      position: absolute;
      top: 10px;
      right: -35px;
      display: inline-block;
      overflow: hidden;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      width: 15px;
      height: 15px;
      border: 1px solid #111;
      border-radius: 2px;
      line-height: 15px;
  }

  .head_nav li.has-child a b:before, .head_nav li.has-child a b:after {
      position: absolute;
      top: 50%;
      left: 3px;
      display: block;
      margin-top: -.5px;
      width: 9px;
      height: 1px;
      background-color: #111;
      content: '';
  }

  .head_nav li.has-child a b:after {
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -ms-transform: rotate(90deg);
  }

  .head_nav li.has-child a:hover b {
      border-color: #111;
  }

  .head_nav>li {
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f2f2f2;
  }

  .head_nav>li>a {
      position: relative;
      position: relative;
      margin-bottom: -1px;
      text-transform: uppercase;
      text-transform: uppercase;
      font-size: 16px;
  }

  .head_nav li, .head_nav li.has-child {
      padding-left: 0;
  }

  .head_nav li li, .head_nav li li.has-child {
      /* padding-left: 15px; */
  }

  .head_nav li.active>a>b:after {
      display: none;
  }

  .web_head .nav_wrap {
      display: none;
  }

  .head_nav>li ul li {
      border-bottom: none;
  }

  .head_nav > li:before {
      display: none;
  }

  /* footer */
  .foor_service {
      width: 98%;
  }

  .foot_nav li {
      padding: 0 20px;
  }

  .foot_logo {
      position: relative;
      top: unset;
      left: unset;
      -webkit-transform: unset;
      transform: unset;
  }

  .copyright {
      margin-top: 20px;
  }

  .foor_service .foot_item .fot_tit {
      margin-bottom: 10px;
      font-size: 18px;
  }

  .inquriy_info {
      font-size: 12px;
      line-height: 1.5;
  }

  .foot_item.foot_contact_item ul.foot_contact li {
      margin-bottom: 7px;
      padding-left: 20px;
  }

  .web_footer, .web_footer a {
  }

  .foor_service {
      padding: 30px 0;
  }

  .foot_sns {
      margin-top: 20px;
  }

  .web_footer .foot_bottom {
      padding: 15px 0;
  }

  .foot_nav li a {
      font-size: 12px;
      line-height: 1.5;
  }

  /*index*/
  .company_information_wrap, .index_feature_product {
      margin: 30px 0;
  }

  .index_news_container {
      padding: 80px 0 30px 0;
  }

  .hd_title {
      font-size: 20px;
  }

  .banner_button_prev, .banner_button_next {
      display: none;
  }

  .slider_banner .swiper-pagination {
      bottom: 10px !important;
  }

  .slider_banner .swiper-pagination-bullet {
      margin-right: 7px;
      width: 7px;
      height: 7px;
  }

  .company_information .about_text {
      margin: 15px 0;
      font-size: 14px;
  }

  .feature_item .pd_tit {
      position: relative;
      top: unset;
      left: unset;
      margin-top: 0;
      font-size: 16px;
      -webkit-transform: unset;
      transform: unset;
      background: #ba3b2f;
      padding: 10px 0;
      opacity: 1;
  }

  .feature_item .item_search, .feature_item:hover .item_search, .feature_item .item_img::after, .feature_item .item_img::before {
      display: none;
      -webkit-transform: unset;
      transform: unset;
  }

  .feature_item:hover .pd_tit {
      -webkit-transform: unset;
      transform: unset;
  }

  .feature_item:hover .item_img img {
      -webkit-transform: scale(1.2) rotate(-10deg);
      transform: scale(1.2) rotate(-10deg);
  }

  .index_inquiry_wrap .inquiry_desc {
      margin-bottom: 15px;
      font-size: 24px;
  }

  .index_inquiry_wrap {
      padding: 50px 0 80px 0;
  }

  .index_inquiry_wrap p {
      font-size: 14px;
  }

  .index_inquiry_wrap .inquiry_btn {
      margin-top: 25px;
      padding: 0 20px;
      line-height: 2;
      font-size: 18px;
  }

  .index_inquiry_wrap .inquiry_btn:before {
      margin-right: 10px;
      transform: scale(.6);
      -webkit-transform: scale(.6);
  }

  .index_advantage_container {
      padding-bottom: 80px;
      margin-top: -50px;
  }

  .index_advantage_container:before {
      height: calc(100% - 50px);
  }

  .advantage_items .advantage_item {
      width: 33.33%;
      padding: 0 1%;
  }

  .advantage_info .ad_tit {
      margin: 7px 0;
  }

  .advantage_info .ad_desc {
      font-size: 12px;
  }

  .advantage_info .ad_tit a {
      font-size: 16px;
  }

  .news_right .news_time {
      padding: 10px;
  }

  .news_container .news_time span {
      font-size: 34px;
  }

  .news_container .news_time span+span {
      font-size: 18px;
  }

  .news_container .news_title {
      margin: 7px 0;
  }

  .news_more {
      transform: scale(.5);
      transform-origin: left bottom;
      -webkit-transform: scale(.5);
      -webkit-transform-origin: left bottom;
  }

  .news_container .news_info {
      font-size: 12px;
      max-height: 80px;
      overflow: hidden;
      box-sizing: content-box;
  }

  .news_right .news_info {
      padding: 10px 1%;
  }

  /* aside */
  .aside {
      display: none;
  }

  .side-widget {
      margin-bottom: 35px;
  }

  .side-product-items .items_content {
      margin-top: 10px;
      padding-top: 0;
      padding-bottom: 0;
  }

  .side-product-items .btn-prev, .side-product-items .btn-next {
      display: none;
  }

  .side-product-items .side_slider {
      padding-top: 0;
      padding-bottom: 0;
      max-height: inherit;
  }

  .side-product-items .side_slider ul:after {
      clear: both;
      display: block;
      visibility: hidden;
      height: 0;
      content: '';
  }

  .side-product-items .side_slider .swiper-wrapper {
      display: block;
      margin: 0 -5px;
      width: auto;
  }

  .side-product-items .side_product_item {
      float: left;
      display: block;
      width: 50%;
      height: auto!important;
      ; text-align: center;
  }

  .side-product-items .side_product_item:nth-child(2n+1) {
      clear: left;
  }

  .side-product-items .side_product_item figure {
      display: block;
      margin: 5px;
      padding: 3px;
      width: auto;
      border: 1px solid #eee;
  }

  .side-product-items .side_product_item .item-img {
      float: none;
      display: block;
      width: 100%;
      border: 0;
  }

  .side-product-items .side_product_item .item-img img {
      width: 100%;
      height: auto;
      border: 0;
  }

  .side-product-items .side_product_item figcaption {
      display: block;
      padding: 8px;
      width: auto;
  }

  .side-product-items .side_product_item figcaption .item_title {
      height: auto;
      text-transform: none;
      font-size: 12px;
  }

  /* main */
  .main {
      float: none;
      margin: 0 auto;
      width: auto;
  }

  .product-item {
      width: 33.333%;
  }

  .product-item .item-wrap {
      margin: 8px;
  }

  .page_bar {
      margin-top: 20px;
      text-align: center;
  }

  .path_bar .layout {
      width: auto;
  }

  .sys_sub_head .layer_ft_bg {
      display: none;
  }

  /* list */
  .main_hd {
      margin-bottom: 15px;
      text-align: center;
  }

  .main_hd .page_title {
      font-size: 22px;
  }

  .items_list>ul {
      margin: 0;
  }

  /* product intro */
  .page_title {
      border-bottom: 0;
      line-height: 1.1;
  }

  .video_close {
      display: none;
  }

  .image-additional li.image-item.current img {
      border: none;
  }

  .product-view {
      float: none;
      margin: 0 auto 15px;
      width: 100%;
      padding: 10px 0;
  }

  .product-view .product-image, .single_product_items {
      display: none;
  }

  .product-view .image-additional-wrap {
      width: 100%;
      margin-top: 0;
  }

  .product-view .image-additional ul {
      width: 100%;
  }

  .product-view .image-additional li {
      margin: 0;
      width: 33.33333333%;
  }

  .product-view .image-additional li a {
      margin: 0 2px;
      padding: 0;
      border: 0;
  }

  .product-view .image-additional li a:before {
      display: none;
  }

  .product-view .image-additional li img {
      opacity: 1;
      filter: alpha(opacity=100);
  }

  .product-view .image-additional li.current {
  }

  .product-view .image-additional li.current img {
      border-color: inherit;
  }

  .product-view .image-additional li.current:before {
      display: none;
  }

  .product-view .image-additional li.single {
      display: block;
  }

  .product-view .image-additional li.current a:before, .product-view .image-additional li.current a:after {
      display: none;
  }

  .product-view .swiper-button-next, .product-view .swiper-button-prev {
  }

  .product-view .swiper-button-next {
      right: 0;
  }

  .product-view .swiper-button-prev {
      left: 0;
  }

  .product-view .swiper-button-next, .product-view .swiper-button-prev {
      opacity: 1;
      filter: alpha(opacity=100);
  }

  .product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled {
      opacity: .3;
      filter: alpha(opacity=30);
  }

  /* product summary */
  .product-intro {
      margin-bottom: 20px;
  }

  .product-summary {
      float: none;
      width: 100%;
      padding-left: 2%;
      max-width: unset;
  }

  .product-summary .page_title {
      font-size: 24px;
      padding-top: 10px;
  }

  .product-summary .product-meta li .item-val {
      display: inline-block;
  }

  .product-summary .share-this {
      float: none;
      margin: 30px 0;
  }

  .product-summary .product-meta li {
      /* display: block; */
      margin: 10px;
  }

  .product-summary .product-meta li em {
      display: inline;
      padding-right: 15px;
      color: #333;
      font-weight: bold;
  }

  .product-btn-wrap {
      padding-top: 20px;
      text-align: left;
  }

  .product-btn-wrap a {
      margin: 0 0 10px !important;
  }

  .product-summary .share-this {
      text-align: left;
  }

  /* product detail  */
  .tab-panel-wrap {
      padding: 30px 0 0;
  }

  .goods-may-like {
      padding: 30px 0;
      margin-bottom: 0;
  }

  .goods-may-like .index_title_bar .good_title {
      font-size: 22px;
      margin-bottom: 20px
  }

  .product_item figcaption {
      background: rgb(186 59 47);
      position: relative;
      top: unset;
      left: unset;
      width: 100%;
      height: auto;
      transform: unset;
      -webkit-transform: unset;
  }

  .product_item .item_title {
      position: relative;
      top: unset;
      left: unset;
      width: 100%;
      transform: unset;
      -webkit-transform: unset;
      padding: 10px 0;
  }

  .product_item .item_title a {
      font-size: 14px;
  }

  .good_button_bar {
      margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  /*footer*/ .foot_bar .foot_links {
      float: none;
  }

  .foot_bar .foot_links li {
      float: none;
      display: inline;
      padding: 0 8px;
  }

  /*index*/
  .company_information_wrap, .index_feature_product {
      margin: 15px 0;
  }

  .index_inquiry_wrap {
      padding: 30px 0;
  }

  .index_news_container, .foor_service {
      padding: 20px 2%;
  }

  .sub_tit {
      margin-bottom: 7px;
      font-size: 14px;
      text-transform: capitalize;
  }

  .company_information {
      width: 50%;
  }

  .company_information .about_btn {
      font-size: 14px;
      line-height: 2;
      padding: 0 30px;
  }

  .company_information .about_text {
      margin: 8px 0;
      font-size: 12px;
  }

  .index_advantage_container {
      padding-bottom: 50px;
      margin-top: 0;
      padding-top: 20px;
  }

  .index_advantage_container:before {
      height: 100%;
  }

  .advantage_item .icon_img img, .position_icon img {
      max-width: 50px;
  }

  .news_container {
      display: block;
  }

  .news_container .news_right {
      width: 100%;
  }

  .news_container .news_left {
      width: 100%;
  }

  .news_left .news_item {
      width: 50%;
  }

  .foot_item.foot_inquiry_item .inquiry_btn {
      font-size: 14px;
      line-height: 32px;
  }

  /*list*/
  .items_list .product_item figcaption {
      padding: 12px;
  }

  .pagnation_title {
      font-size: 22px;
  }

  .goods-may-like {
      padding: 30px 0;
  }

  .goods-may-like .index_title_bar .good_title {
      font-size: 16px;
  }

  .goods-may-like .index_title_bar .good_title:after {
      width: 40x;
      height: 2px;
      margin-left: -20px;
  }

  .goods-may-like .index_title_bar p {
      line-height: 18px;
      font-size: 12px;
      margin: 10px 0;
  }

  .product_item .item_title a {
      padding: 5px 0;
      font-size: 14px;
      line-height: 1.5;
  }
}

@media only screen and (max-width: 640px) {
  /*index*/ .company_img {
      position: relative;
      width: 100%;
      float: none;
      margin-bottom: 10px;
  }

  .company_information {
      width: 100%;
      float: none;
  }

  .index_inquiry_wrap .inquiry_desc {
      margin-bottom: 7px;
      font-size: 20px;
  }

  .index_inquiry_wrap p {
      font-size: 12px;
  }

  .index_inquiry_wrap .inquiry_btn {
      margin-top: 15px;
      padding: 0 15px;
      line-height: 2;
      font-size: 14px;
  }

  .advantage_items .advantage_item {
      width: 100%;
      padding: 1%;
  }

  .news_left .news_item {
      width: 100%;
  }

  .news_container .news_left {
      display: block;
  }

  .foot_item.foot_company_item, .foot_item.foot_inquiry_item, .foot_item.foot_contact_item {
      width: 100%;
      margin-left: 0;
      float: none;
      margin-bottom: 15px;
  }

  .foor_service .foot_item .fot_tit {
      font-size: 16px;
  }

  /* list */
  .sys_sub_head .head_title h1 {
      font-size: 30px;
  }

  .items_list .product_item {
      width: 50%;
      max-width: 50%;
      -webkit-box-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  }
}

@media only screen and (max-width: 480px) {
  .mobile-hide {
      display: none!important;
  }

  .gotop {
      display: none !important;
  }

  .service_item {
      width: 100%;
  }

  .blog-item .item-img {
      width: 150px;
  }

  .table_wrap {
      overflow-x: scroll;
  }

  /* layout */
  /*header*/
  /*index*/
  /*footer*/
  /* aside */
  .side-widget {
      margin: 0 0 30px;
  }

  .side-tit-bar .side-tit {
      font-size: 16px;
  }

  .side-cate li {
      font-size: 12px;
  }

  .side-cate li .icon-cate {
      width: 30px;
  }

  .side-cate li.has-child>a {
      padding: 10px 30px 10px 10px;
      line-height: 20px;
  }

  .side-widget .cate-type-list>li {
      line-height: 20px;
  }

  .side-widget .cate-type-list>li>a {
      margin-left: 10px;
      padding-top: 8px;
      padding-bottom: 8px;
  }

  .side-product-items .side_product_item {
      float: none;
      width: 100%;
  }

  .side-product-items .side_product_item figure {
      margin-right: 10px;
      margin-left: 10px;
  }

  /* index */
  /*main*/
  .path_bar ul:before {
      width: 16px;
      height: 16px;
      background-size: contain;
      -webkit-background-size: contain;
  }

  .path_bar li {
      padding-left: 5px;
      font-size: 12px;
  }

  .path_bar li + li:before {
      margin-right: 5px;
  }

  .main_banner .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
  }

  .page_bar {
      font-size: 12px;
      line-height: 22px;
  }

  .page_bar a, .page_bar span {
      margin: 0 2px;
      min-width: 2em;
      border-radius: 2px;
  }

  /*list*/
  .main_hd .page_title {
      font-size: 20px;
  }

  .items_list ul {
      margin: -2px;
  }

  .items_list .product_item {
      padding: 2px;
  }

  .items_list .product_item figure {
      position: relative;
      border: 0;
  }

  .items_list .product_item figcaption {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1px 0 0;
      width: 100%;
  }

  .items_list .product_item .item_title {
      font-size: 12px;
  }

  .items_list .product_item .item_title a {
      height: 2.5em;
      background-color: rgba(0,0,0,.7);
      line-height: 2.5em;
  }

  /*blog*/
  .blog-item {
      padding: 30px 5px;
  }

  .blog-item .item-img {
      float: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: 0;
      width: auto;
      max-width: 70%;
      border: 1px solid #ddd;
  }

  .blog-item .item-info .item-title {
      font-weight: normal;
      line-height: 1.2;
  }

  .blog-item .item-info {
      padding-top: 15px;
  }

  .blog-item .item-info .item-title {
      height: auto;
      font-size: 22px;
  }

  .blog-item .item-info .item-detail {
      display: -webkit-box;
      overflow: hidden;
      overflow: hidden;
      max-height: 9em;
      text-overflow: ellipsis;
      line-height: 1.5em;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
  }

  .blog-item .item-info .item-more {
      float: none;
  }

  .blog-item .item-info time {
      color: #888;
      font-size: 14px;
  }

  /* product */
  .items_list .share_this {
      position: static;
      float: none;
      padding-bottom: 15px;
      text-align: left;
  }

  .product-intro {
      overflow: visible;
  }

  .product-view {
      margin-right: -10px;
      margin-left: -10px;
      width: auto;
  }

  .product-view .image-additional li {
      width: 100%;
  }

  .product-view .image-additional li a {
      margin-right: 0;
      margin-left: 0;
  }

  .product-view .image-additional li a:before, .product-view .image-additional li a:after {
      display: none;
  }

  .product-view .swiper-button-prev, .product-view .swiper-button-next {
      width: 27px;
      height: 40px;
      font-size: 18px;
      line-height: 40px;
      opacity: .8;
      -webkit-transform: none;
      -o-transform: none;
      transform: none;
      -ms-transform: none;
  }

  .product-view .swiper-button-prev {
      left: 0;
      padding-right: 2px;
      border-radius: 0 3px 3px 0;
  }

  .product-view .swiper-button-next {
      right: 0;
      padding-left: 2px;
      border-radius: 3px 0 0 3px;
  }

  .product-view .swiper-button-prev:before, .product-view .swiper-button-next:before {
      display: inline-block;
      -webkit-transform: scale(.7, 1);
      -o-transform: scale(.7, 1);
      transform: scale(.7, 1);
      -ms-transform: scale(.7, 1);
      background-image: none;
  }

  .product-view .swiper-button-prev:before {
      content: '\f053';
  }

  .product-view .swiper-button-next:before {
      content: '\f054';
  }

  .goods-may-like .title {
      text-transform: none;
  }

  .page_title {
      font-weight: normal;
      font-size: 20px;
  }

  .product-summary {
      padding-top: 0;
  }

  .product-summary .page_title {
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 18px;
  }

  .product-summary .product-meta {
      font-size: 12px;
  }

  .product-summary .product-meta p,.product-summary .product-meta .pro_short_desc {
      font-size: 12px;
  }

  .product-summary .product-meta h3 {
      font-size: 16px;
      line-height: 1.3;
  }

  .product-summary .product-meta li {
      font-size: 13px;
  }

  .product-summary .share-this {
      margin: 20px 0 0;
      text-align: left;
  }

  .product-btn-wrap {
      padding-top: 30px;
  }

  .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 20px;
  }

  .product-detail {
      margin-top: 40px;
  }

  .detail-tabs .title {
      padding: 1px 15px;
      font-size: 14px;
  }

  .tab-panel-wrap {
      padding: 20px 0;
      border: 0;
  }

  .goods-may-like .title {
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 14px;
  }

  .goods-may-like .layer-bd {
      position: relative;
      padding: 0;
  }

  .goods-may-like .swiper-slider {
      position: relative;
  }

  .goods-may-like .product_item figure {
      padding: 1px;
  }

  .goods-may-like .product_item .item_title {
      font-size: 14px;
  }

  .goods-may-like .product_item .item_title a {
      padding-right: 0;
      padding-left: 0;
  }

  .goods-may-like .swiper-control {
      position: static;
  }

  .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next {
      position: absolute;
      margin-top: -15px;
      margin-right: 0;
      margin-left: 0;
      width: 30px;
      height: 30px;
      background-color: rgba(0,0,0,.7);
      line-height: 30px;
  }

  .goods-may-like .layer-bd .swiper-button-prev {
      left: 5px;
  }

  .goods-may-like .layer-bd .swiper-button-next {
      right: 5px;
  }
}

@media only screen and (max-width: 320px) {
  .side_product_item {
      width: 100%;
  }

  .foor_service {
      flex-direction: column;
  }

  .foor_service .foot_item {
      margin-bottom: 10px;
  }

  .foot_item.foot_Catalog_nav {
      width: 100%;
  }

  .foot_item.foot_Catalog_nav ul li {
      width: 100%;
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
  }

  .foor_service .foot_item .fot_tit {
      margin-bottom: 5px;
  }
}

/*-------------------------------
    swiper-slide start
    ----------------------------------*/
.slider_banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  margin-top: -25px;
  width: 36px;
  height: 50px;
  border-radius: 2px;
  background-color: rgba(0,0,0,.4);
  background-color: #ccc;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.swiper-button-next:before, .swiper-button-prev:before {
  display: inline-block;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
  cursor: auto;
  /* pointer-events:none; */
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before {
  content: '\f104';
}

.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before {
  content: '\f105';
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  z-index: 2;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  width: 100%;
  text-align: center;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  -webkit-transform: scale(.33);
  transform: scale(.33);
  -ms-transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66);
  -ms-transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  -ms-transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66);
  -ms-transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  -ms-transform: scale(.33);
}

.swiper-pagination-bullet, .swiper-pagination-bullet:before, .swiper-pagination-bullet:after {
  display: inline-block;
  width: 30px;
  height: 3px;
  vertical-align: top;
}

.swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: none;
}

.swiper-pagination-bullet:before {
  background-color: #fff;
  content: '';
}

.swiper-pagination-bullet-active:before {
  background-color: #ba3b2f;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  top: 50%;
  right: 10px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top, .3s -webkit-transform;
  -o-transition: .2s transform, .3s top;
  transition: .2s top, .3s -webkit-transform;
  transition: .2s transform, .3s top;
  transition: .2s transform, .3s top, .3s -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left, .3s -webkit-transform;
  -o-transition: .2s transform, .3s left;
  transition: .2s left, .3s -webkit-transform;
  transition: .2s transform, .3s left;
  transition: .2s transform, .3s left, .3s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right, .3s -webkit-transform;
  -o-transition: .2s transform, .3s right;
  transition: .2s right, .3s -webkit-transform;
  transition: .2s transform, .3s right;
  transition: .2s transform, .3s right, .3s -webkit-transform;
}

.swiper-pagination-progressbar {
  position: absolute;
  background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #007aff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -ms-transform: scale(0);
  -ms-transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -ms-transform-origin: right top;
}

.swiper-container-horizontal {
  overflow: hidden;
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.swiper-container-vertical>.swiper-pagination-progressbar {
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, .25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
  -ms-touch-action: none;
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  bottom: 3px;
  left: 1%;
  z-index: 50;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  top: 1%;
  right: 3px;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-top: -21px;
  margin-left: -21px;
  width: 42px;
  height: 42px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -ms-transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  content: '';
}

.swiper-lazy-preloader-white:after {
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  z-index: 1;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-transform-origin: 0 0;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  visibility: visible;
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  z-index: 1;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

@media screen and (max-width: 480px) {
  .swiper-pagination-bullet {
      margin: 0 5px;
      width: 10px;
      height: 10px;
  }
}

/*ie*/
.swiper-container {
  overflow: hidden\9;
}

.slider_banner .swiper-container .swiper-wrapper {
  width: 2000%\9;
}

.swiper-slide {
  float: left\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .swiper-container .swiper-wrapper {
      width: auto;
  }
}

/*-------------------------------
    swiper-slide end
    ----------------------------------*/
/*-------------------------------
    entry-table start
    ----------------------------------*/
.entry {
  padding: 15px 0;
}

.entry {
  color: #666;
}

.entry a {
  color: #0030FF;
}

.entry p {
  margin: 0;
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.8;
}

.entry table {
  margin-bottom: 20px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.entry th, .entry td {
  padding: 15px;
  height: 30px;
  /* border: 1px solid #ccc; */
  /* background: #fbfbfb; */
  color: #212529;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}

.entry th {
  background: #eee;
  font-size: 15px;
}

.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {
  margin: 0;
  /* padding: 5px; */
  color: #212529;
  font-size: 15px;
  line-height: 1.3;
}

.entry td.amts {
  color: #cb2027;
}

.entry th#cartDelete {
  text-align: center;
}

.entry .button {
  margin: 15px 10px 0 0;
  padding: 8px 15px;
  border: 0;
  background: #dfdfdf;
  color: #777;
  text-transform: Capitalize;
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
}

.entry .button:hover {
  background: #cb2027;
  color: #fff;
}

.entry .deletecartitem {
  width: 50px;
  text-align: center;
}

.entry .deletecartitem label {
  display: none;
}

.entry .stotal td.amts {
  font-weight: bold;
  font-size: 18px;
}

.entry img.alignleft {
  float: left;
  margin: 20px 15px 0 0;
}

.entry img.alignright {
  float: right;
  margin: 20px 0 0 15px;
}

.entry img.alignleftnopad {
  float: left;
  margin-left: 0;
}

.entry img.alignrightnopad {
  float: right;
  margin-right: 0;
}

.entry img.aligncenter {
  display: block;
  margin: 20px auto 0 auto;
  text-align: center;
}

.entry img {
  max-width: 100%;
}

.cartitem a {
  color: #292929;
  font-weight: bold;
}

.inquiry-form ul li {
  background: none;
}

.entry .inquiry-form-wrap {
  margin: 20px 0 0;
}

.table_wrap {
  position: relative;
  display: block;
  overflow-x: auto;
}

.main table {
  position: relative;
  margin-bottom: 0 !important;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.main table th, .main table td {
  padding: 0 15px;
  height: 30px;
  border: 1px solid #ccc;
  background: #fbfbfb;
  color: #666;
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
}

.main table th {
  background: #eee;
  font-size: 12px;
}

.main table td p, .main table th p, table td p, table th p {
  margin: 0;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 1.3;
}

.main table td.amts {
  color: #cb2027;
}

.main table th#cartDelete {
  text-align: center;
}

/*-------------------------------
    entry-table end
    ----------------------------------*/
/*-------------------------------
    search  start
    ----------------------------------*/
.container {
  position: relative;
  min-height: 100vh;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.search-ipt {
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-appearance: none;
}

.web-search {
  display: flex;
  visibility: hidden;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.web-search .btn--search-close {
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  display: inline-block;
  display: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #ccc;
  background-image: url("../image/search_btn_close.png");
  background-position: center;
  background-size: auto 35%;
  background-repeat: no-repeat;
  font-size: 1.8em;
  line-height: 45px;
  cursor: pointer;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  -webkit-background-size: auto 35%;
}

.web-search .btn--search-close:hover {
  background-color: #ba3b2f;
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.js .btn--search-close {
  display: block;
}

.web-search .search-ipt {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.05em 0;
  width: 75%;
  border-bottom: 3px solid;
  color: #333;
  font-size: 20px;
  font-family: inherit;
  line-height: 1em;
}

.web-search .search-ipt::-webkit-input-placeholder {
  color: #333;
  font-weight: bold;
}

.web-search .search-ipt::-moz-placeholder {
  color: #333;
  font-weight: bold;
  opacity: 1;
}

.web-search .search-ipt:-ms-input-placeholder {
  color: #333;
  font-weight: bold;
}

.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
  -webkit-appearance: none;
}

.web-search .search-ipt::-ms-clear {
  display: none;
}

.web-search .search-attr {
  display: block;
  margin: 0 auto;
  padding: 0.85em 0;
  width: 75%;
  color: #333;
  text-align: right;
  font-size: 90%;
}

.js .container, .js .web-search .search-ipt {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

.js .container {
  position: relative;
}

.js .main-wrap--move {
  min-height: 100vh;
}

.js .web-search {
  pointer-events: none;
}

.web-search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100001;
  margin: auto;
  padding: 25px 0;
  width: 100%;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  perspective: 1200px;
  -ms-transform: translateY(-100%);
}

.web-search .btn--search-close {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.search__suggestion, .web-search .search-attr {
  opacity: 0;
  -webkit-transition: opacity 0.8s, transform 0.8s;
  -moz-transition: opacity 0.8s, transform 0.8s;
  -o-transition: opacity 0.8s, transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  -webkit-transform: translate3d(-15%, 0, 0);
  -moz-transform: translate3d(-15%, 0, 0);
  -o-transform: translate3d(-15%, 0, 0);
  transform: translate3d(-15%, 0, 0);
  -ms-transform: translate3d(-15%, 0, 0);
  -ms-transition: opacity 0.8s, transform 0.8s;
}

.web-search .search-attr {
  padding-bottom: 0;
  font-size: 20px;
}

.js .web-search .search-ipt {
  padding: 0 0 15px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 60px;
  opacity: 0;
  -webkit-transform: scale3d(0, 1, 1);
  -moz-transform: scale3d(0, 1, 1);
  -o-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  border-bottom-width: 1px;
  -ms-transform: scale3d(0, 1, 1);
  -ms-transform-origin: 0% 50%;
}

.js .web-search .search-ipt, .web-search .search-attr {
  -webkit-transition-delay: .15s;
  -o-transition-delay: .15s;
  transition-delay: .15s;
}

.js .web-search .search-btn {
  display: none !important;
}

.js .search--open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.js .search--open .btn--search-close {
  opacity: 1;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  -webkit-animation: bounceInA 1s ease;
  -o-animation: bounceInA 1s ease;
  animation: bounceInA 1s ease;
}

.js .search--open .search-ipt {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
}

.js .search--open .search-attr {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.js .search--open {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  -ms-transform: none;
}

.js .search--open::before {
  opacity: 1;
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  -ms-transform: none;
}

.js .main-wrap--move {
  -webkit-transform: translateY(180px);
  -o-transform: translateY(180px);
  transform: translateY(180px);
  -ms-transform: translateY(180px);
}

.main-wrap--move:after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  content: '';
}

/*-------------------------------
    search  end
    ----------------------------------*/
/*-------------------------------
    scrollsidebar start
    ----------------------------------*/
.scrollsidebar, .scrollsidebar a {
  color: #999;
  font-size: 12px;
  font-family: Arial;
}

.scrollsidebar {
  position: absolute;
  top: 150px;
  right: 0;
  z-index: 30;
}

.show_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  overflow: hidden;
  width: 38px;
  height: 192px;
  background: url("../image/show_btn.png") no-repeat center center;
  cursor: pointer;
}

.side_content {
  float: left;
  overflow: hidden;
  width: 0;
  height: auto;
}

.side_content .side_list {
  position: relative;
  overflow: hidden;
  width: 140px;
  border: 1px solid #dadada;
  border-radius: 8px;
  background: #FFF;
}

.side_content .side_list .hd img {
  width: 100%;
  border-bottom: 1px solid #dadada;
}

.side_content .side_list .cont li {
  position: relative;
  height: 40px;
  border-bottom: 1px solid #dadada;
  list-style: none;
  line-height: 40px;
}

.side_content .side_list .cont li a {
  position: relative;
  display: block;
  padding: 0 0 0 43px;
  text-decoration: none;
}

.side_content .side_list .cont li a:before {
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  overflow: hidden;
  width: 25px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.side_content .side_list .cont li .email:before {
  background-image: url("../image/icons01.png");
}

.side_content .side_list .cont li .skype:before {
  background-image: url("../image/icons02.png");
}

.side_content .side_list .cont li .inquiry:before {
  background-image: url("../image/icons03.png");
}

.side_content .side_list .cont li .qq:before {
  background-image: url("../image/icons04.png");
}

.ww {
  margin-left: -30px;
}

.side_content .side_list .t-code {
  padding: 10px 10px 7px;
  border-bottom: 1px solid #dadada;
}

.side_content .side_list .t-code img {
  width: 100%;
}

.side_content .side_list .side_title {
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
}

.side_content .side_list .side_title .close_btn {
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 12px;
  height: 30px;
  background: url("../image/close.png") no-repeat center center;
  cursor: pointer;
}

.side_content .side_list .side_title .close_btn span {
  display: none;
}

/*-------------------------------
    scrollsidebar end
    ----------------------------------*/
/*inquiry*/
.inquiry-pop-bd {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2000;
  display: none;
  margin: -300px 0 0 -275px;
  width: 550px;
  height: 500px;
  /* background: #FFF; */
  box-shadow: 0 0 10px rgba(255, 255, 255, .5);
}

.inquiry-pop-bd:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  content: "";
}

.inquiry-pop-bd .inquiry-pop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 22px;
  width: 100%;
  height: 100%;
  /* background: #FFF; */
  -webkit-animation: fadeInDownA .4s ease;
  -o-animation: fadeInDownA .4s ease;
  animation: fadeInDownA .4s ease;
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
  position: absolute;
  top: 10px;
  right: -75px;
  z-index: 1;
  width: 30px;
  height: 30px;
  background: url("../image/fancy_close.png") no-repeat center center;
  cursor: pointer;
}

.inquiry-form-wrap {
  position: relative;
  width: 100.5%;
  height: 420px;
}

.ad_prompt {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  display: none;
  margin: -20px 0 0;
  width: 100%;
  color: #ba3b2f;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  -webkit-animation: twinkling 1s infinite ease-in-out;
  animation: twinkling 1s infinite ease-in-out;
}

@media screen and (max-width: 550px) {
  .inquiry-pop-bd {
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px;
      margin: auto;
      width: auto;
  }

  .inquiry-pop-bd .inquiry-pop {
      padding: 10px;
  }

  .scrollsidebar {
      display: none;
  }
}

/*-------------------------------
    language  start
    ----------------------------------*/
.prisna-wp-translate-seo {
  display: none;
  font-family: Arial, Helvetica, sans-serif;
}

.mobile-head-language .prisna-wp-translate-seo, .change-language .prisna-wp-translate-seo {
  display: block;
}

.change-language .change-language-title, .change-language .change-language-title a {
  font-size: 18px;
  color: rgba(255,255,255,.75);
}

.change-language .change-language-title a:after {
  display: inline-block;
  padding-left: 2px;
  content: "\f0d7";
  font-size: 12px;
  font-family: 'fontawesome';
}

.change-language:hover .change-language-title a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
}

.change-language .change-language-cont {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 999;
  visibility: hidden;
  overflow-y: scroll;
  padding: 20px 10px 20px 20px;
  width: 360px;
  max-height: 80vh;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #FFF;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform: scale3d(0.9, 0.9, 1);
  -ms-transition: all 0.3s ease-in-out;
}

.change-language:hover .change-language-cont {
  visibility: visible;
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.change-language .change-language-cont li {
  display: inline-block;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 0 10px 0 0;
  width: 30%;
  vertical-align: top;
  font-size: 10pt;
}

.change-language .change-language-cont li a:hover {
  color: #ba3b2f;
}

.change-language .change-language-cont .lang-item-hide {
  display: none !important;
}

.change-language .change-language-cont .lang-more {
  position: relative;
  display: block;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.change-language .change-language-cont .more-active {
  font-size: 20px;
}

.language-flag span {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0 0 0 33px;
  vertical-align: top;
  white-space: nowrap;
  *display: inline;
  *zoom: 1; }

.change-language ::-webkit-scrollbar {
  width: 5px;
}

.change-language ::-webkit-scrollbar-track {
  background-color: #fff;
}

.change-language ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0,0,0,.3);
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
  display: block;
}

.language-flag .country-flag {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin: -8px 5px 0;
  width: 22px;
  height: 16px;
  background-image: url("../image/all-m.gif");
  background-repeat: no-repeat;
  vertical-align: top;
  *display: inline;
  *zoom: 1; }

li.language-flag a {
  position: relative;
}

.language-flag-af .country-flag {
  background-position: 0 0 !important;
}

.language-flag-sq .country-flag {
  background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
  background-position: 0 -32px !important;
}

.language-flag-hy .country-flag {
  background-position: 0 -48px !important;
}

.language-flag-az .country-flag {
  background-position: 0 -64px !important;
}

.language-flag-eu .country-flag {
  background-position: 0 -80px !important;
}

.language-flag-be .country-flag {
  background-position: 0 -96px !important;
}

.language-flag-bg .country-flag {
  background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
  background-position: 0 -128px !important;
}

.language-flag-zh .country-flag {
  background-position: 0 -144px !important;
}

.language-flag-zh-TW .country-flag {
  background-position: 0 -160px !important;
}

.language-flag-hr .country-flag {
  background-position: 0 -176px !important;
}

.language-flag-cs .country-flag {
  background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
  background-position: 0 -208px !important;
}

.language-flag-nl .country-flag {
  background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
  background-position: 0 -256px !important;
}

.language-flag-et .country-flag {
  background-position: 0 -272px !important;
}

.language-flag-tl .country-flag {
  background-position: 0 -288px !important;
}

.language-flag-fi .country-flag {
  background-position: 0 -304px !important;
}

.language-flag-fr .country-flag {
  background-position: 0 -320px !important;
}

.language-flag-gl .country-flag {
  background-position: 0 -336px !important;
}

.language-flag-ka .country-flag {
  background-position: 0 -352px !important;
}

.language-flag-de .country-flag {
  background-position: 0 -368px !important;
}

.language-flag-el .country-flag {
  background-position: 0 -384px !important;
}

.language-flag-ht .country-flag {
  background-position: 0 -400px !important;
}

.language-flag-iw .country-flag {
  background-position: 0 -416px !important;
}

.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {
  background-position: 0 -432px !important;
}

.language-flag-hu .country-flag {
  background-position: 0 -448px !important;
}

.language-flag-is .country-flag {
  background-position: 0 -464px !important;
}

.language-flag-id .country-flag {
  background-position: 0 -480px !important;
}

.language-flag-ga .country-flag {
  background-position: 0 -496px !important;
}

.language-flag-it .country-flag {
  background-position: 0 -512px !important;
}

.language-flag-ja .country-flag {
  background-position: 0 -528px !important;
}

.language-flag-ko .country-flag {
  background-position: 0 -544px !important;
}

.language-flag-la .country-flag {
  background-position: 0 -560px !important;
}

.language-flag-lv .country-flag {
  background-position: 0 -576px !important;
}

.language-flag-lt .country-flag {
  background-position: 0 -592px !important;
}

.language-flag-mk .country-flag {
  background-position: 0 -608px !important;
}

.language-flag-ms .country-flag {
  background-position: 0 -624px !important;
}

.language-flag-mt .country-flag {
  background-position: 0 -640px !important;
}

.language-flag-no .country-flag {
  background-position: 0 -656px !important;
}

.language-flag-fa .country-flag {
  background-position: 0 -672px !important;
}

.language-flag-pl .country-flag {
  background-position: 0 -688px !important;
}

.language-flag-pt .country-flag {
  background-position: 0 -704px !important;
}

.language-flag-ro .country-flag {
  background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
  background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
  background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
  background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
  background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
  background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
  background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
  background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
  background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
  background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
  background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
  background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
  background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
  background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
  background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
  background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
  background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
  background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
  background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
  background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
  background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
  background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
  background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
  background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
  background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
  background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
  background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
  background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
  background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
  background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
  background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
  background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
  background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
  background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
  background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
  background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
  background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
  background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
  background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
  background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
  background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
  background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
  background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
  background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
  background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
  background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
  background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
  background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
  background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
  background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
  background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
  background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
  background-position: 0 -1536px;
}

.language-flag-km .country-flag {
  background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
  background-position: 0 -1568px;
}

.language-flag-la .country-flag {
  background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
  background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
  background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
  background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
  background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
  background-position: 0 -1664px;
}

.language-flag-my .country-flag {
  background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
  background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
  background-position: 0 -1712px;
}

.language-flag-st .country-flag {
  background-position: 0 -1728px;
}

.language-flag-si .country-flag {
  background-position: 0 -1744px;
}

.language-flag-so .country-flag {
  background-position: 0 -1760px;
}

.language-flag-su .country-flag {
  background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
  background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
  background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
  background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
  background-position: 0 -1840px;
}

/*-------------------------------
    language  end
    ----------------------------------*/
/*-------------------------------
    animation  start
    ----------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInLeftA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-30%,0,0);
      transform: translate3d(-30%,0,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInLeftA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-30%,0,0);
      transform: translate3d(-30%,0,0);
      -ms-transform: translate3d(-30%,0,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      -ms-transform: none;
  }
}

.fadeInLeftA {
  -webkit-animation-name: fadeInLeftA;
  animation-name: fadeInLeftA;
}

@-webkit-keyframes fadeInUpA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,30%,0);
      transform: translate3d(0,30%,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInUpA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,30%,0);
      transform: translate3d(0,30%,0);
      -ms-transform: translate3d(0,30%,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      -ms-transform: none;
  }
}

.fadeInUpA {
  -webkit-animation-name: fadeInUpA;
  animation-name: fadeInUpA;
}

@-webkit-keyframes fadeInRightA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(30%,0,0);
      transform: translate3d(30%,0,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInRightA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(30%,0,0);
      transform: translate3d(30%,0,0);
      -ms-transform: translate3d(30%,0,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      -ms-transform: none;
  }
}

.fadeInRightA {
  -webkit-animation-name: fadeInRightA;
  animation-name: fadeInRightA;
}

@-webkit-keyframes twinkling {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@-webkit-keyframes OrangePulse {
  from {
      background-color: rgba(210,174,109,.2);
      -webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
  }

  50% {
      background-color: rgba(210,174,109,1);
      -webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
  }

  to {
      background-color: rgba(210,174,109,.2);
      -webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
  }
}

@-webkit-keyframes swing {
  20% {
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
  }

  40% {
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
  }

  60% {
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg);
  }

  80% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
  }

  100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      -ms-transform: rotate(40deg);
  }

  40% {
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
  }

  60% {
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg);
      -ms-transform: rotate(10deg);
  }

  80% {
      -webkit-transform: rotate(-10deg);
      transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
  }

  100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -ms-transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes jump {
  0% {
      -webkit-transform: translateY(0);
  }

  25% {
      -webkit-transform: translateY(-20%);
  }

  50% {
      -webkit-transform: translateY(0);
  }

  75% {
      -webkit-transform: translateY(-10%);
  }

  100% {
      -webkit-transform: translateY(0);
  }
}

@keyframes jump {
  0% {
      transform: translateY(0);
  }

  25% {
      transform: translateY(-20%);
  }

  50% {
      transform: translateY(0);
  }

  75% {
      transform: translateY(-10%);
  }

  100% {
      transform: translateY(0);
  }
}

@-webkit-keyframes bounceInA {
  0%,100%,20%,40%,60%,80% {
      -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
      transition-timing-function: cubic-bezier(0.215,.61,.355,1);
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3);
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1);
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9);
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03);
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97);
  }

  100% {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
  }
}

@keyframes bounceInA {
  0%,100%,20%,40%,60%,80% {
      -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
      transition-timing-function: cubic-bezier(0.215,.61,.355,1);
  }

  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3,.3,.3);
      transform: scale3d(.3,.3,.3);
      -ms-transform: scale3d(.3,.3,.3);
  }

  20% {
      -webkit-transform: scale3d(1.1,1.1,1.1);
      transform: scale3d(1.1,1.1,1.1);
      -ms-transform: scale3d(1.1,1.1,1.1);
  }

  40% {
      -webkit-transform: scale3d(.9,.9,.9);
      transform: scale3d(.9,.9,.9);
      -ms-transform: scale3d(.9,.9,.9);
  }

  60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03,1.03,1.03);
      transform: scale3d(1.03,1.03,1.03);
      -ms-transform: scale3d(1.03,1.03,1.03);
  }

  80% {
      -webkit-transform: scale3d(.97,.97,.97);
      transform: scale3d(.97,.97,.97);
      -ms-transform: scale3d(.97,.97,.97);
  }

  100% {
      opacity: 1;
      -webkit-transform: scale3d(1,1,1);
      transform: scale3d(1,1,1);
      -ms-transform: scale3d(1,1,1);
  }
}

.bounceInA {
  -webkit-animation-name: bounceInA;
  animation-name: bounceInA;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes fadeInDownA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-20%,0);
      transform: translate3d(0,-20%,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInDownA {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-20%,0);
      transform: translate3d(0,-20%,0);
      -ms-transform: translate3d(0,-20%,0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
      -ms-transform: none;
  }
}

.fadeInDownA {
  -webkit-animation-name: fadeInDownA;
  animation-name: fadeInDownA;
}

@keyframes fadeInA {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

.fadeInA {
  -webkit-animation-name: fadeInA;
  animation-name: fadeInA;
}

@-webkit-keyframes flipInY {
  0% {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }

  40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
  }

  60% {
      opacity: 1;
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
  }

  80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
      opacity: 0;
      -webkit-transform: perspective(400px) rotateY(90deg);
      transform: perspective(400px) rotateY(90deg);
  }

  0%,40% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }

  40% {
      -webkit-transform: perspective(400px) rotateY(-20deg);
      transform: perspective(400px) rotateY(-20deg);
  }

  60% {
      opacity: 1;
      -webkit-transform: perspective(400px) rotateY(10deg);
      transform: perspective(400px) rotateY(10deg);
  }

  80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg);
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

/* animate.css */
@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0);
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,2000px,0);
      transform: translate3d(0,2000px,0);
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@-webkit-keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0);
      transform: translate3d(0,3000px,0);
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0);
  }

  75% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0);
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0);
      transform: translate3d(0,-5px,0);
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
}

@keyframes bounceInUp {
  0%,60%,75%,90%,to {
      -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
      animation-timing-function: cubic-bezier(.215,.61,.355,1);
  }

  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,3000px,0);
      transform: translate3d(0,3000px,0);
  }

  60% {
      opacity: 1;
      -webkit-transform: translate3d(0,-20px,0);
      transform: translate3d(0,-20px,0);
  }

  75% {
      -webkit-transform: translate3d(0,10px,0);
      transform: translate3d(0,10px,0);
  }

  90% {
      -webkit-transform: translate3d(0,-5px,0);
      transform: translate3d(0,-5px,0);
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes zoomInA {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.6,.6,.6);
      transform: scale3d(.6,.6,.6);
  }

  50% {
      opacity: 1;
  }
}

@keyframes zoomInA {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.6,.6,.6);
      transform: scale3d(.6,.6,.6);
  }

  50% {
      opacity: 1;
  }
}

.zoomInA {
  -webkit-animation-name: zoomInA;
  animation-name: zoomInA;
}

/*-------------------------------
    animation  end
    ----------------------------------*/
.fp-viewing-page01 .section[data-anchor="page01"] .wow,.fp-viewing-page02 .section[data-anchor="page02"] .animated,.fp-viewing-page03 .section[data-anchor="page03"] .animated,.fp-viewing-page04 .section[data-anchor="page04"] .animated,.fp-viewing-page05 .section[data-anchor="page05"] .animated,.fp-viewing-page06 .section[data-anchor="page06"] .animated,.fp-viewing-page07 .section[data-anchor="page07"] .animated {
  visibility: visible!important;
  -webkit-animation-name: zoomInA!important;
  animation-name: zoomInA!important;
}

[aos][aos][aos-easing=linear],body[aos-easing=linear] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
  transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[aos][aos][aos-easing=ease],body[aos-easing=ease] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.1,.25,1);
  transition-timing-function: cubic-bezier(.25,.1,.25,1)
}

[aos][aos][aos-easing=ease-in],body[aos-easing=ease-in] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.42,0,1,1);
  transition-timing-function: cubic-bezier(.42,0,1,1)
}

[aos][aos][aos-easing=ease-out],body[aos-easing=ease-out] [aos] {
  -webkit-transition-timing-function: cubic-bezier(0,0,.58,1);
  transition-timing-function: cubic-bezier(0,0,.58,1)
}

[aos][aos][aos-easing=ease-in-out],body[aos-easing=ease-in-out] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.42,0,.58,1);
  transition-timing-function: cubic-bezier(.42,0,.58,1)
}

[aos][aos][aos-easing=ease-in-back],body[aos-easing=ease-in-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
  transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[aos][aos][aos-easing=ease-out-back],body[aos-easing=ease-out-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[aos][aos][aos-easing=ease-in-out-back],body[aos-easing=ease-in-out-back] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
  transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[aos][aos][aos-easing=ease-in-sine],body[aos-easing=ease-in-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
  transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[aos][aos][aos-easing=ease-out-sine],body[aos-easing=ease-out-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[aos][aos][aos-easing=ease-in-out-sine],body[aos-easing=ease-in-out-sine] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
  transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[aos][aos][aos-easing=ease-in-quad],[aos][aos][aos-easing=ease-in-cubic],[aos][aos][aos-easing=ease-in-quart],body[aos-easing=ease-in-quad] [aos],body[aos-easing=ease-in-cubic] [aos],body[aos-easing=ease-in-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[aos][aos][aos-easing=ease-out-quad],[aos][aos][aos-easing=ease-out-cubic],[aos][aos][aos-easing=ease-out-quart],body[aos-easing=ease-out-quad] [aos],body[aos-easing=ease-out-cubic] [aos],body[aos-easing=ease-out-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[aos][aos][aos-easing=ease-in-out-quad],[aos][aos][aos-easing=ease-in-out-cubic],[aos][aos][aos-easing=ease-in-out-quart],body[aos-easing=ease-in-out-quad] [aos],body[aos-easing=ease-in-out-cubic] [aos],body[aos-easing=ease-in-out-quart] [aos] {
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[aos][aos][aos-duration='50'],body[aos-duration='50'] [aos] {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms
}

[aos][aos][aos-duration='100'],body[aos-duration='100'] [aos] {
  -webkit-transition-duration: .1s;
  transition-duration: .1s
}

[aos][aos][aos-duration='150'],body[aos-duration='150'] [aos] {
  -webkit-transition-duration: 150ms;
  transition-duration: 150ms
}

[aos][aos][aos-duration='200'],body[aos-duration='200'] [aos] {
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}

[aos][aos][aos-duration='250'],body[aos-duration='250'] [aos] {
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms
}

[aos][aos][aos-duration='300'],body[aos-duration='300'] [aos] {
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}

[aos][aos][aos-duration='350'],body[aos-duration='350'] [aos] {
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms
}

[aos][aos][aos-duration='400'],body[aos-duration='400'] [aos] {
  -webkit-transition-duration: .4s;
  transition-duration: .4s
}

[aos][aos][aos-duration='450'],body[aos-duration='450'] [aos] {
  -webkit-transition-duration: 450ms;
  transition-duration: 450ms
}

[aos][aos][aos-duration='500'],body[aos-duration='500'] [aos] {
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}

[aos][aos][aos-duration='550'],body[aos-duration='550'] [aos] {
  -webkit-transition-duration: 550ms;
  transition-duration: 550ms
}

[aos][aos][aos-duration='600'],body[aos-duration='600'] [aos] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s
}

[aos][aos][aos-duration='650'],body[aos-duration='650'] [aos] {
  -webkit-transition-duration: 650ms;
  transition-duration: 650ms
}

[aos][aos][aos-duration='700'],body[aos-duration='700'] [aos] {
  -webkit-transition-duration: .7s;
  transition-duration: .7s
}

[aos][aos][aos-duration='750'],body[aos-duration='750'] [aos] {
  -webkit-transition-duration: 750ms;
  transition-duration: 750ms
}

[aos][aos][aos-duration='800'],body[aos-duration='800'] [aos] {
  -webkit-transition-duration: .8s;
  transition-duration: .8s
}

[aos][aos][aos-duration='850'],body[aos-duration='850'] [aos] {
  -webkit-transition-duration: 850ms;
  transition-duration: 850ms
}

[aos][aos][aos-duration='900'],body[aos-duration='900'] [aos] {
  -webkit-transition-duration: .9s;
  transition-duration: .9s
}

[aos][aos][aos-duration='950'],body[aos-duration='950'] [aos] {
  -webkit-transition-duration: 950ms;
  transition-duration: 950ms
}

[aos][aos][aos-duration='1000'],body[aos-duration='1000'] [aos] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s
}

[aos][aos][aos-duration='1050'],body[aos-duration='1050'] [aos] {
  -webkit-transition-duration: 1.05s;
  transition-duration: 1.05s
}

[aos][aos][aos-duration='1100'],body[aos-duration='1100'] [aos] {
  -webkit-transition-duration: 1.1s;
  transition-duration: 1.1s
}

[aos][aos][aos-duration='1150'],body[aos-duration='1150'] [aos] {
  -webkit-transition-duration: 1.15s;
  transition-duration: 1.15s
}

[aos][aos][aos-duration='1200'],body[aos-duration='1200'] [aos] {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s
}

[aos][aos][aos-duration='1250'],body[aos-duration='1250'] [aos] {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s
}

[aos][aos][aos-duration='1300'],body[aos-duration='1300'] [aos] {
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s
}

[aos][aos][aos-duration='1350'],body[aos-duration='1350'] [aos] {
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s
}

[aos][aos][aos-duration='1400'],body[aos-duration='1400'] [aos] {
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s
}

[aos][aos][aos-duration='1450'],body[aos-duration='1450'] [aos] {
  -webkit-transition-duration: 1.45s;
  transition-duration: 1.45s
}

[aos][aos][aos-duration='1500'],body[aos-duration='1500'] [aos] {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s
}

[aos][aos][aos-duration='1550'],body[aos-duration='1550'] [aos] {
  -webkit-transition-duration: 1.55s;
  transition-duration: 1.55s
}

[aos][aos][aos-duration='1600'],body[aos-duration='1600'] [aos] {
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s
}

[aos][aos][aos-duration='1650'],body[aos-duration='1650'] [aos] {
  -webkit-transition-duration: 1.65s;
  transition-duration: 1.65s
}

[aos][aos][aos-duration='1700'],body[aos-duration='1700'] [aos] {
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s
}

[aos][aos][aos-duration='1750'],body[aos-duration='1750'] [aos] {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s
}

[aos][aos][aos-duration='1800'],body[aos-duration='1800'] [aos] {
  -webkit-transition-duration: 1.8s;
  transition-duration: 1.8s
}

[aos][aos][aos-duration='1850'],body[aos-duration='1850'] [aos] {
  -webkit-transition-duration: 1.85s;
  transition-duration: 1.85s
}

[aos][aos][aos-duration='1900'],body[aos-duration='1900'] [aos] {
  -webkit-transition-duration: 1.9s;
  transition-duration: 1.9s
}

[aos][aos][aos-duration='1950'],body[aos-duration='1950'] [aos] {
  -webkit-transition-duration: 1.95s;
  transition-duration: 1.95s
}

[aos][aos][aos-duration='2000'],body[aos-duration='2000'] [aos] {
  -webkit-transition-duration: 2s;
  transition-duration: 2s
}

[aos][aos][aos-duration='2050'],body[aos-duration='2050'] [aos] {
  -webkit-transition-duration: 2.05s;
  transition-duration: 2.05s
}

[aos][aos][aos-duration='2100'],body[aos-duration='2100'] [aos] {
  -webkit-transition-duration: 2.1s;
  transition-duration: 2.1s
}

[aos][aos][aos-duration='2150'],body[aos-duration='2150'] [aos] {
  -webkit-transition-duration: 2.15s;
  transition-duration: 2.15s
}

[aos][aos][aos-duration='2200'],body[aos-duration='2200'] [aos] {
  -webkit-transition-duration: 2.2s;
  transition-duration: 2.2s
}

[aos][aos][aos-duration='2250'],body[aos-duration='2250'] [aos] {
  -webkit-transition-duration: 2.25s;
  transition-duration: 2.25s
}

[aos][aos][aos-duration='2300'],body[aos-duration='2300'] [aos] {
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s
}

[aos][aos][aos-duration='2350'],body[aos-duration='2350'] [aos] {
  -webkit-transition-duration: 2.35s;
  transition-duration: 2.35s
}

[aos][aos][aos-duration='2400'],body[aos-duration='2400'] [aos] {
  -webkit-transition-duration: 2.4s;
  transition-duration: 2.4s
}

[aos][aos][aos-duration='2450'],body[aos-duration='2450'] [aos] {
  -webkit-transition-duration: 2.45s;
  transition-duration: 2.45s
}

[aos][aos][aos-duration='2500'],body[aos-duration='2500'] [aos] {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s
}

[aos][aos][aos-duration='2550'],body[aos-duration='2550'] [aos] {
  -webkit-transition-duration: 2.55s;
  transition-duration: 2.55s
}

[aos][aos][aos-duration='2600'],body[aos-duration='2600'] [aos] {
  -webkit-transition-duration: 2.6s;
  transition-duration: 2.6s
}

[aos][aos][aos-duration='2650'],body[aos-duration='2650'] [aos] {
  -webkit-transition-duration: 2.65s;
  transition-duration: 2.65s
}

[aos][aos][aos-duration='2700'],body[aos-duration='2700'] [aos] {
  -webkit-transition-duration: 2.7s;
  transition-duration: 2.7s
}

[aos][aos][aos-duration='2750'],body[aos-duration='2750'] [aos] {
  -webkit-transition-duration: 2.75s;
  transition-duration: 2.75s
}

[aos][aos][aos-duration='2800'],body[aos-duration='2800'] [aos] {
  -webkit-transition-duration: 2.8s;
  transition-duration: 2.8s
}

[aos][aos][aos-duration='2850'],body[aos-duration='2850'] [aos] {
  -webkit-transition-duration: 2.85s;
  transition-duration: 2.85s
}

[aos][aos][aos-duration='2900'],body[aos-duration='2900'] [aos] {
  -webkit-transition-duration: 2.9s;
  transition-duration: 2.9s
}

[aos][aos][aos-duration='2950'],body[aos-duration='2950'] [aos] {
  -webkit-transition-duration: 2.95s;
  transition-duration: 2.95s
}

[aos][aos][aos-duration='3000'],body[aos-duration='3000'] [aos] {
  -webkit-transition-duration: 3s;
  transition-duration: 3s
}

[aos][aos][aos-delay='50'],body[aos-delay='50'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='50'].aos-animate,body[aos-delay='50'] [aos].aos-animate {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms
}

[aos][aos][aos-delay='100'],body[aos-delay='100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='100'].aos-animate,body[aos-delay='100'] [aos].aos-animate {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

[aos][aos][aos-delay='150'],body[aos-delay='150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='150'].aos-animate,body[aos-delay='150'] [aos].aos-animate {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms
}

[aos][aos][aos-delay='200'],body[aos-delay='200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='200'].aos-animate,body[aos-delay='200'] [aos].aos-animate {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

[aos][aos][aos-delay='250'],body[aos-delay='250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='250'].aos-animate,body[aos-delay='250'] [aos].aos-animate {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms
}

[aos][aos][aos-delay='300'],body[aos-delay='300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='300'].aos-animate,body[aos-delay='300'] [aos].aos-animate {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

[aos][aos][aos-delay='350'],body[aos-delay='350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='350'].aos-animate,body[aos-delay='350'] [aos].aos-animate {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms
}

[aos][aos][aos-delay='400'],body[aos-delay='400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='400'].aos-animate,body[aos-delay='400'] [aos].aos-animate {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

[aos][aos][aos-delay='450'],body[aos-delay='450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='450'].aos-animate,body[aos-delay='450'] [aos].aos-animate {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms
}

[aos][aos][aos-delay='500'],body[aos-delay='500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='500'].aos-animate,body[aos-delay='500'] [aos].aos-animate {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

[aos][aos][aos-delay='550'],body[aos-delay='550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='550'].aos-animate,body[aos-delay='550'] [aos].aos-animate {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms
}

[aos][aos][aos-delay='600'],body[aos-delay='600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='600'].aos-animate,body[aos-delay='600'] [aos].aos-animate {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

[aos][aos][aos-delay='650'],body[aos-delay='650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='650'].aos-animate,body[aos-delay='650'] [aos].aos-animate {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms
}

[aos][aos][aos-delay='700'],body[aos-delay='700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='700'].aos-animate,body[aos-delay='700'] [aos].aos-animate {
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

[aos][aos][aos-delay='750'],body[aos-delay='750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='750'].aos-animate,body[aos-delay='750'] [aos].aos-animate {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms
}

[aos][aos][aos-delay='800'],body[aos-delay='800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='800'].aos-animate,body[aos-delay='800'] [aos].aos-animate {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

[aos][aos][aos-delay='850'],body[aos-delay='850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='850'].aos-animate,body[aos-delay='850'] [aos].aos-animate {
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms
}

[aos][aos][aos-delay='900'],body[aos-delay='900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='900'].aos-animate,body[aos-delay='900'] [aos].aos-animate {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

[aos][aos][aos-delay='950'],body[aos-delay='950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='950'].aos-animate,body[aos-delay='950'] [aos].aos-animate {
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms
}

[aos][aos][aos-delay='1000'],body[aos-delay='1000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1000'].aos-animate,body[aos-delay='1000'] [aos].aos-animate {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

[aos][aos][aos-delay='1050'],body[aos-delay='1050'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1050'].aos-animate,body[aos-delay='1050'] [aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s
}

[aos][aos][aos-delay='1100'],body[aos-delay='1100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1100'].aos-animate,body[aos-delay='1100'] [aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}

[aos][aos][aos-delay='1150'],body[aos-delay='1150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1150'].aos-animate,body[aos-delay='1150'] [aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s
}

[aos][aos][aos-delay='1200'],body[aos-delay='1200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1200'].aos-animate,body[aos-delay='1200'] [aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

[aos][aos][aos-delay='1250'],body[aos-delay='1250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1250'].aos-animate,body[aos-delay='1250'] [aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s
}

[aos][aos][aos-delay='1300'],body[aos-delay='1300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1300'].aos-animate,body[aos-delay='1300'] [aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}

[aos][aos][aos-delay='1350'],body[aos-delay='1350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1350'].aos-animate,body[aos-delay='1350'] [aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}

[aos][aos][aos-delay='1400'],body[aos-delay='1400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1400'].aos-animate,body[aos-delay='1400'] [aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}

[aos][aos][aos-delay='1450'],body[aos-delay='1450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1450'].aos-animate,body[aos-delay='1450'] [aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s
}

[aos][aos][aos-delay='1500'],body[aos-delay='1500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1500'].aos-animate,body[aos-delay='1500'] [aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}

[aos][aos][aos-delay='1550'],body[aos-delay='1550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1550'].aos-animate,body[aos-delay='1550'] [aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s
}

[aos][aos][aos-delay='1600'],body[aos-delay='1600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1600'].aos-animate,body[aos-delay='1600'] [aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}

[aos][aos][aos-delay='1650'],body[aos-delay='1650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1650'].aos-animate,body[aos-delay='1650'] [aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s
}

[aos][aos][aos-delay='1700'],body[aos-delay='1700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1700'].aos-animate,body[aos-delay='1700'] [aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}

[aos][aos][aos-delay='1750'],body[aos-delay='1750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1750'].aos-animate,body[aos-delay='1750'] [aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s
}

[aos][aos][aos-delay='1800'],body[aos-delay='1800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1800'].aos-animate,body[aos-delay='1800'] [aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}

[aos][aos][aos-delay='1850'],body[aos-delay='1850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1850'].aos-animate,body[aos-delay='1850'] [aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  transition-delay: 1.85s
}

[aos][aos][aos-delay='1900'],body[aos-delay='1900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1900'].aos-animate,body[aos-delay='1900'] [aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}

[aos][aos][aos-delay='1950'],body[aos-delay='1950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='1950'].aos-animate,body[aos-delay='1950'] [aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s
}

[aos][aos][aos-delay='2000'],body[aos-delay='2000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2000'].aos-animate,body[aos-delay='2000'] [aos].aos-animate {
  -webkit-transition-delay: 2s;
  transition-delay: 2s
}

[aos][aos][aos-delay='2050'],body[aos-delay='2050'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2050'].aos-animate,body[aos-delay='2050'] [aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  transition-delay: 2.05s
}

[aos][aos][aos-delay='2100'],body[aos-delay='2100'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2100'].aos-animate,body[aos-delay='2100'] [aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s
}

[aos][aos][aos-delay='2150'],body[aos-delay='2150'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2150'].aos-animate,body[aos-delay='2150'] [aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  transition-delay: 2.15s
}

[aos][aos][aos-delay='2200'],body[aos-delay='2200'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2200'].aos-animate,body[aos-delay='2200'] [aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s
}

[aos][aos][aos-delay='2250'],body[aos-delay='2250'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2250'].aos-animate,body[aos-delay='2250'] [aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s
}

[aos][aos][aos-delay='2300'],body[aos-delay='2300'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2300'].aos-animate,body[aos-delay='2300'] [aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s
}

[aos][aos][aos-delay='2350'],body[aos-delay='2350'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2350'].aos-animate,body[aos-delay='2350'] [aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  transition-delay: 2.35s
}

[aos][aos][aos-delay='2400'],body[aos-delay='2400'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2400'].aos-animate,body[aos-delay='2400'] [aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s
}

[aos][aos][aos-delay='2450'],body[aos-delay='2450'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2450'].aos-animate,body[aos-delay='2450'] [aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  transition-delay: 2.45s
}

[aos][aos][aos-delay='2500'],body[aos-delay='2500'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2500'].aos-animate,body[aos-delay='2500'] [aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s
}

[aos][aos][aos-delay='2550'],body[aos-delay='2550'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2550'].aos-animate,body[aos-delay='2550'] [aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s
}

[aos][aos][aos-delay='2600'],body[aos-delay='2600'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2600'].aos-animate,body[aos-delay='2600'] [aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s
}

[aos][aos][aos-delay='2650'],body[aos-delay='2650'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2650'].aos-animate,body[aos-delay='2650'] [aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  transition-delay: 2.65s
}

[aos][aos][aos-delay='2700'],body[aos-delay='2700'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2700'].aos-animate,body[aos-delay='2700'] [aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s
}

[aos][aos][aos-delay='2750'],body[aos-delay='2750'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2750'].aos-animate,body[aos-delay='2750'] [aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s
}

[aos][aos][aos-delay='2800'],body[aos-delay='2800'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2800'].aos-animate,body[aos-delay='2800'] [aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s
}

[aos][aos][aos-delay='2850'],body[aos-delay='2850'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2850'].aos-animate,body[aos-delay='2850'] [aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s
}

[aos][aos][aos-delay='2900'],body[aos-delay='2900'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2900'].aos-animate,body[aos-delay='2900'] [aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s
}

[aos][aos][aos-delay='2950'],body[aos-delay='2950'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='2950'].aos-animate,body[aos-delay='2950'] [aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  transition-delay: 2.95s
}

[aos][aos][aos-delay='3000'],body[aos-delay='3000'] [aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

[aos][aos][aos-delay='3000'].aos-animate,body[aos-delay='3000'] [aos].aos-animate {
  -webkit-transition-delay: 3s;
  transition-delay: 3s
}

[aos^=fade][aos^=fade] {
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all
}

[aos^=fade][aos^=fade].aos-animate {
  opacity: 1
}

[aos=fade-up] {
  -webkit-transform: translate(0,100px);
  -ms-transform: translate(0,100px);
  transform: translate(0,100px)
}

[aos=fade-up].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-down] {
  -webkit-transform: translate(0,-100px);
  -ms-transform: translate(0,-100px);
  transform: translate(0,-100px)
}

[aos=fade-down].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-right] {
  -webkit-transform: translate(-100px,0);
  -ms-transform: translate(-100px,0);
  transform: translate(-100px,0)
}

[aos=fade-right].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-left] {
  -webkit-transform: translate(100px,0);
  -ms-transform: translate(100px,0);
  transform: translate(100px,0)
}

[aos=fade-left].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-up-right] {
  -webkit-transform: translate(-100px,100px);
  -ms-transform: translate(-100px,100px);
  transform: translate(-100px,100px)
}

[aos=fade-up-right].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-up-left] {
  -webkit-transform: translate(100px,100px);
  -ms-transform: translate(100px,100px);
  transform: translate(100px,100px)
}

[aos=fade-up-left].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-down-right] {
  -webkit-transform: translate(-100px,-100px);
  -ms-transform: translate(-100px,-100px);
  transform: translate(-100px,-100px)
}

[aos=fade-down-right].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=fade-down-left] {
  -webkit-transform: translate(100px,-100px);
  -ms-transform: translate(100px,-100px);
  transform: translate(100px,-100px)
}

[aos=fade-down-left].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos^=zoom][aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all
}

[aos^=zoom][aos^=zoom].aos-animate {
  opacity: 1
}

[aos=zoom-in] {
  -webkit-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6)
}

[aos=zoom-in].aos-animate {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

[aos=zoom-in-up] {
  -webkit-transform: translate(0,100px) scale(.6);
  -ms-transform: translate(0,100px) scale(.6);
  transform: translate(0,100px) scale(.6)
}

[aos=zoom-in-up].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-in-down] {
  -webkit-transform: translate(0,-100px) scale(.6);
  -ms-transform: translate(0,-100px) scale(.6);
  transform: translate(0,-100px) scale(.6)
}

[aos=zoom-in-down].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-in-right] {
  -webkit-transform: translate(-100px,0) scale(.6);
  -ms-transform: translate(-100px,0) scale(.6);
  transform: translate(-100px,0) scale(.6)
}

[aos=zoom-in-right].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-in-left] {
  -webkit-transform: translate(100px,0) scale(.6);
  -ms-transform: translate(100px,0) scale(.6);
  transform: translate(100px,0) scale(.6)
}

[aos=zoom-in-left].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-out] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

[aos=zoom-out].aos-animate {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

[aos=zoom-out-up] {
}

[aos=zoom-out-up].aos-animate {
  opacity: 1;
  transform: matrix(1,0,0,1,0,0);
}

[aos=zoom-out-down] {
  -webkit-transform: translate(0,-100px) scale(1.2);
  -ms-transform: translate(0,-100px) scale(1.2);
  transform: translate(0,-100px) scale(1.2)
}

[aos=zoom-out-down].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-out-right] {
  -webkit-transform: translate(-100px,0) scale(1.2);
  -ms-transform: translate(-100px,0) scale(1.2);
  transform: translate(-100px,0) scale(1.2)
}

[aos=zoom-out-right].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=zoom-out-left] {
  -webkit-transform: translate(100px,0) scale(1.2);
  -ms-transform: translate(100px,0) scale(1.2);
  transform: translate(100px,0) scale(1.2)
}

[aos=zoom-out-left].aos-animate {
  -webkit-transform: translate(0,0) scale(1);
  -ms-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1)
}

[aos=slide-up] {
  -webkit-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  transform: translate(0,100%)
}

[aos=slide-up].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=slide-down] {
  -webkit-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  transform: translate(0,-100%)
}

[aos=slide-down].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=slide-right] {
  -webkit-transform: translate(-100%,0);
  -ms-transform: translate(-100%,0);
  transform: translate(-100%,0)
}

[aos=slide-right].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos=slide-left] {
  -webkit-transform: translate(100%,0);
  -ms-transform: translate(100%,0);
  transform: translate(100%,0)
}

[aos=slide-left].aos-animate {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0)
}

[aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

[aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg)
}

[aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0)
}

[aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg)
}

[aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0)
}

[aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg)
}

[aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0)
}

[aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg)
}

[aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0)
}

#ajax-loading-screen {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000
}

#ajax-loading-screen .mask-top {
  top: 0;
  left: 0;
  height: 50%;
  width: 100%
}

#ajax-loading-screen .mask-right {
  top: 0;
  right: 0;
  height: 100%;
  width: 50%
}

#ajax-loading-screen .mask-bottom {
  bottom: 0;
  right: 0;
  height: 50%;
  width: 100%
}

#ajax-loading-screen .mask-left {
  top: 0;
  left: 0;
  height: 100%;
  width: 50%
}

#ajax-loading-screen span {
  position: absolute;
  background: #2c2f38;
  z-index: 100;
  -webkit-transition: 0.8s cubic-bezier(0.12,0.75,0.4,1);
  transition: 0.8s cubic-bezier(0.12,0.75,0.4,1);
}

#ajax-loading-screen.loaded .mask-top {
  -webkit-transform: translateY(-100%) translateZ(0);
  -ms-transform: translateY(-100%) translateZ(0);
  transform: translateY(-100%) translateZ(0);
}

#ajax-loading-screen.loaded .mask-right {
  -webkit-transform: translateX(100%) translateZ(0);
  -ms-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0)
}

#ajax-loading-screen.loaded .mask-bottom {
  -webkit-transform: translateY(100%) translateZ(0);
  -ms-transform: translateY(100%) translateZ(0);
  transform: translateY(100%) translateZ(0)
}

#ajax-loading-screen.loaded .mask-left {
  -webkit-transform: translateX(-100%) translateZ(0);
  -ms-transform: translateX(-100%) translateZ(0);
  transform: translateX(-100%) translateZ(0)
}

#ajax-loading-screen.loaded {
  pointer-events: none;
}

.hide {
  display: none;
}

@media screen and (max-width: 1680px) {
  .index_news .content .layout {
      transform: scale(.9) translateY(-100px);
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box_3 {
      transform: translateY(-135px);
  }

  .index_strip .content {
      background: #000
  }
}
@media screen and (max-width: 1440px){
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img{width:100%;margin: 55px 0;}  
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text{width:100%;padding:35px 0;}
}

@media screen and (max-width: 950px) {
  .section .content {
      transform: perspective(100px) rotateX(0deg) translateY(0);
      -ms-transform: perspective(100px) rotateX(0deg) translateY(0);
      -moz-transform: perspective(100px) rotateX(0deg) translateY(0);
      -webkit-transform: perspective(100px) rotateX(0deg) translateY(0);
      -o-transform: perspective(100px) rotateX(0deg) translateY(0);
      opacity: 1;
      visibility: visible;
      transition: rotateX,background 0s,1s linear,linear;
      transition: rotateX 0s linear,background 1s linear;
      -o-transition: all 0s;
      -moz-transition: all 0s;
      transition: all 0s;
      z-index: 2;
      transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      -o-transform-origin: 50% 50%;
      background-size:auto ;
  }

  .index_slider_banner .swiper-slide a img {
      display: block
  }

  .head_right {
      display: none
  }

  .head_layout::before {
      display: none
  }

  /*index_about_us*/
  .index_about_us .content .layout .flex_row .left::before {
      display: none
  }

  .index_about_us .content .layout .flex_row .left {
      width: 100%;
      text-align: center;
      margin-bottom: 55px;
  }
.index_about_us .content .layout .flex_row .left
  .index_about_us .content .layout .flex_row .right {
      width: 100%;
      text-align: center;
      padding: 35px;
  }

  .index_about_us .content .layout .flex_row {
      padding-top: 35px;
      padding-bottom: 35px;
  }

  .index_about_us .content .layout .flex_row .right span {
      margin-bottom: 55px
  }

  /*index_value*/
  .index_value .content .layout .flex_row {
      padding: 35px 0
  }

  .index_value .content .layout .flex_row .left {
      width: 100%;
      padding-right: 0;
      text-align: center;
      padding: 35px;
  }

  .index_value .content .layout .flex_row .right {
      width: 100%;
      text-align: center;
      padding: 35px;
      flex-direction: initial;
      flex-wrap: wrap;
      height: auto;
  }

  .index_value .content .layout .flex_row .right .index_bd {
      padding-right: 0
  }

  .index_value .content .layout .flex_row .right .index_hd {
      margin-bottom: 25px
  }

  .index_value .content .layout .flex_row .left h2 {
      font-size: 48px
  }

  .index_value .content .layout .flex_row .right .index_hd span {
      font-size: 16px
  }

  .index_value .content .layout .flex_row .right .index_hd h3,.index_value .content .layout .flex_row .right .index_bd h4 {
      font-size: 24px
  }

  .index_strip {
      min-height: 480px;
      height: auto;
  }

  .index_strip .content .item_img {
      height: 480px;
      overflow: hidden
  }

  .index_strip .content .item_text .layout .flex_row .strip_hd h2 {
      font-size: 48px
  }

  .index_strip .content .item_text .layout .flex_row .strip_hd p {
      font-size: 16px
  }

  .index_strip .content .item_text .layout .flex_row .strip_bd .text a {
      font-size: 24px
  }

  .index_oem .content {
      padding: 55px 0
  }

  .index_oem .content .layout .flex_row .oem_hd h2 {
      font-size: 48px
  }

  .index_oem .content .layout .flex_row .oem_bd p {
      font-size: 16px;
      margin-bottom: 35px;
  }

  .index_news .content .layout .news_content {
      padding-top: 55px
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box_1 {
      width: 100%;
      max-width: 100%;
      transform: none;
      margin-bottom: 35px;
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box_2 {
      width: 100%;
      max-width: 100%;
      transform: none;
      margin-bottom: 35px;
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box_3 {
      width: 100%;
      max-width: 100%;
      transform: none;
      margin-bottom: 35px;
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box .item_text a {
      font-size: 32px
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box::before {
      display: none!important
  }

  .web_footer .content .footer_top .layout .footer_sns {
      width: 100%;
      flex: 0 0 100%;
      justify-content: left;
      margin-top: 35px;
      margin-bottom: 35px;
  }

  .web_footer .content .footer_top .layout .footer_sns .sns a {
      margin-right: 25px;
      margin-left: 0
  }

  .web_footer .content .footer_center .layout .footer_item.footer_nav {
      width: 48%;
      max-width: 100%;
      margin-bottom: 35px;
  }

  .web_footer .content .footer_center .layout .footer_item.footer_contact {
      width: 48%;
      margin-bottom: 35px;
      max-width: 100%;
  }

  .web_footer .content .footer_center .layout .footer_item.footer_inquiry {
      width: 48%;
      max-width: 100%;
      margin-bottom: 35px;
  }

  /*about_company*/
  .about_company .about_bd .layout .about_img,.about_company .about_bd .layout .about_text {
      width: 100%;
      max-width: 100%;
  }

  .about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img {
      width: 100%
  }

  .about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text {
      width: 100%
  }

  .about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content {
      padding: 55px
  }

  .about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_img .about_factory_swiper .swiper-slide .item_box {
      width: 100%;
      margin-bottom: 25px!important
  }
}

@media screen and (max-width: 550px) {
  .web_footer .content .footer_center .layout .footer_item.footer_nav {
      width:100%;
      max-width: 100%;
      margin-bottom: 35px;
  }

  .web_footer .content .footer_center .layout .footer_item.footer_contact {
      width: 100%;
      margin-bottom: 35px;
      max-width: 100%;
  }

  .web_footer .content .footer_center .layout .footer_item.footer_inquiry {
      width: 100%;
      max-width: 100%;
      margin-bottom: 35px;
  }

  .index_news .content .layout .news_title .flex_row .title h1 {
      display: none
  }

  .index_strip .content .item_text .layout .flex_row .strip_bd .text a {
      font-size: 16px;
      margin: 0 15px
  }

  .index_oem .content .layout .flex_row .oem_bd a {
      width: 100%;
      max-width: 377px
  }

  .index_news .content .layout .news_content .flex_row .news_swiper_box .tex_box .item_text a {
      font-size: 22px!important
  }

  .index_news .content .layout .news_title .flex_row .news_control {
      margin-top: 35px
  }

  .web_footer .content .footer_top .layout .footer_sns h3 {
      display: none
  }
}

.product-meta ul li {
  margin: 10px 0;
}

.product-icons img {
  margin-right: 4px;
  margin-bottom: 6px;
  width: 46px;
  border-radius: 3px;
  border: 1px solid #dedede;
}

.product_bottom_part_tit .fl-icon-text p {
  margin-top: 30px;
  padding: 15px 15px 8px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #212529;
}

.product_bottom_part_tit img {
  width: 60%;
  max-width: 80px;
  height: auto;
}

.product_bottom_part_tit .fl-module-content .fl-icon i:before {
  color: #212529;
}

/*详情页表格*/
.product_bottom_part_tit .table_wrap table {
  width: 100% !important;
}

.product_bottom_part_tit .table_wrap table tr:first-child {
  background: #e6e6e6;
  font-weight: bold;
}

.product_bottom_part_tit .table_wrap table tr:first-child td {
  font-size: 15px;
  padding: 15px;
  vertical-align: top;
  color: #212529;
  text-align: left;
  line-height: 1.5;
}

.grey-color {
  background: #e6e6e6;
}

.table td, .table th {
  padding: 15px;
  vertical-align: top;
  /* border-top: 1px solid #dee2e6; */
}

.table tr td {
  border: 0;
  vertical-align: middle;
}

.table td.v-top {
  vertical-align: top;
}

.attribute-table td {
  padding: .05rem;
}

.attribute-table td.a-title {
  font-weight: bold;
  width: 120px;
  white-space: nowrap;
  padding-right: 0.7rem;
}

.table thead th {
  border: 0;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.product-detail .fl-accordion-button-label {
  font-weight: bold;
  color: #333;
}

.product-summary .page_title1 {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0;
}

.product-summary .page_title2 {
  font-size: 16px;
  font-family: 'Roboto-Light', Arial;
  font-weight: 400;
}
.pro_mk_oem .fl-tabs-vertical .fl-tabs-labels{
    width: 28%;
}
.pro_mk_oem .fl-tabs-vertical .fl-tabs-panels{
    float: right;
}
.pro_mk_oem .fl-tabs-label{
    font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .sys_sub_head .pagnation_title {
      font-size: 24px;
  }
}

/* .product_photo_img img{    width: 80px;
  border: 1px solid #efefef;}*/
.btn-max {
  max-width: 120px;
}

.btn-primary {
  background-color: #bd0001!important;
  color: #fff!important;
  text-align: center;
  font-size: 0.875rem;
  padding: 6px 30px;
  border-radius: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  border: 0;
  text-decoration: none!important;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  /* padding: 0.375rem 0.75rem; */
  font-size: 15px;
  line-height: 1.5;
  /* border-radius: 0.25rem; */
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin: 10px;
}

@media only screen and (max-width: 1200px) {
  .product_list .flex_row {
      grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .product_list .flex_row {
      grid-template-columns: repeat(2, 1fr);
  }

  .product_list .flex_row .pro_list_item .item_text a {
      font-size: 13px;
  }
}

@media only screen and (max-width: 480px) {
  .web_footer .content .footer_center .layout .footer_item.footer_contact {
      padding-right: 0;
  }

  .web_footer .content .footer_center {
      padding-top: 0;
      padding-bottom: 0;
  }

  .product-detail {
      margin-bottom: 40px;
  }
}

.footer_email a {
  text-transform: none;
}

.mauticform-field-4 button {
  width: 527px;
  height: 49px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 19.5px;
  color: #000000;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0;
}


.index_gotop .gotop{display:none;}
/*.product_list .pro_list_item:hover{  opacity: .7;
  background: #292b2b;}
.product_list .pro_list_item:hover a{color:#fff !important;}*/

.product_list .flex_row .pro_list_item figure .item_img img{
      -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.product_list .flex_row .pro_list_item figure .item_img img+img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    z-index: -1;
}
.product_list .flex_row .pro_list_item figure:hover .item_img img {
    opacity: 0;z-index: -1;

}
.product_list .flex_row .pro_list_item figure:hover .item_img img+img {
    opacity: 1;z-index: 9;height: auto;

}
.product_list .flex_row .pro_list_item figure:hover .item_text a{
  color: #ba3b2f;
}
.case_box{
    margin: 0 0 70px 0;
}
.case_item {
    position: relative;
    margin: 10px;
    width: 31.33%;
}
.case_box .case_content .flex_row{
    justify-content: flex-start
}
.case_item .case_item_img{
    webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.case_item:hover .case_item_img{
    filter: brightness(0.2);
}
.case_item:hover .case_item_text{
    display: block;
}
.case_item_text{
    display: none;
    position: absolute;
    top: 35%;
    left: 8%;
    color: #fff;
}
.case_item_text h3{
    font-size: 20px;
    margin: 15px 0;
}
#home{pointer-events:auto!important}

@keyframes fn3 {
  0% {
      opacity: 0;
      transform: matrix(1,-.1,0,1,0,-20)
  }

  100% {
      opacity: 1;
      transform: matrix(1,0,0,1,0,0)
  }
}

.fn3 {
  transform-origin: 0 0;
  animation: fn3 1.2s cubic-bezier(.49,.54,.16,1);
  animation-fill-mode: both
}
.banner_copyright{
  position: absolute;
  bottom: 3%;
  left: 3%;
  font-size: 11px;
  color: rgba(255,255,255,.5);
  line-height: 2;
  letter-spacing: 1px;
}
@media only screen and (max-width: 480px) {
  .banner_copyright{display:none;}
}
@media screen and (max-width: 950px) {
.case_item{
    width: 100%;
}
.index_news{height:auto!important}
.archieve_news_box .layout .flex_row .right .news_content{margin-top:55px}
.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a img{display:none}
.index_about_us .content .layout .flex_row .right{width:100%}
.index_about_us .content .layout .flex_row .right img{display:none}
.web_footer{height:auto}
.index_news .content .layout .news_content .flex_row .news_swiper_box_1{margin-top:0}
.index_about_us .content .layout .flex_row .right{padding:25px}
.index_about_us .content .layout .flex_row .right a{width:100%;max-width:377px}
.index_news .content .layout .news_content .flex_row .news_swiper_box_3{margin-left:0;margin-top:0px}
#home #main .r2 .inner .topic{flex-wrap:wrap;}
#home #main .r2 .inner .topic .group h2{font-size:50px;margin-bottom: 35px;}
#home #main .r2 .inner .topic p{text-align:left;font-size:.2rem}
#home #main .r2 .inner .topic .group h2 br{display:none}
.about_service .layout .content .index_advantage .advantage_list{flex-wrap:wrap;}
.about_service .layout .content .index_advantage .advantage_list .advantage_item{width:100%;max-width: 100%;
    margin-bottom: 35px;height:auto;}
.about_solutions .about_bd .solutions_items .solutions_item{width:50%;height:auto}
.about_solutions .about_bd .solutions_items{flex-wrap:wrap}
-webkit-scrollbar,html::-webkit-scrollbar{display:none}
.about_company .about_bd .layout .about_text{padding:25px}
.about_service .layout .content h2{font-size:24px}
.about_service .layout .content p{font-size:16px}
.about_factory .layout .about_bd .about_factory_items .flex_row .about_factory_text .content p{font-size:16px}
.about_certificate .layout .about_bd .ce_bd .flex_row{flex-wrap:wrap;justify-content:space-between}
.about_certificate .layout .about_bd .ce_bd .flex_row .ce_item{transform:none!important;width: 48%!important;max-width: 100%;margin: 0!important;margin-bottom: 30px!important;}
.archieve_news_box .layout .flex_row .left{position:relative;display:none}
.archieve_news_box .layout .flex_row .right{width:100%}
.contact_box .item_text, .contact_box_1 .item_text{width:100%}
.contact_box .item_form, .contact_box_1 .item_form{width:100%;padding-right:0}
.contact_box .item_form .content{width:100%;border-radius:0}
.web_footer .layout{width:90%!important}
#home #main #banner{height:300px!important;min-height:100%;margin-top: 77px;}
#home #main .r2{height:auto;min-height:auto}
#home #main .r3{height:auto!important;min-height: auto;}
.frame__canvas{display:none}
#home #main .r2 .inner{width:100%;padding:55px 25px;background:rgba(0,0,0,.25)}
}
@media screen and (max-width: 640px) {
.about_solutions .about_bd .solutions_items .solutions_item{width:100%}
.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item .item_text a img{opacity: 1;-webkit-mask-size: 100% 100%;}
.archieve_news_box .layout .flex_row .right .news_content .flex_row .news_item{width:100%;margin-bottom: 35px;transform: none!important;}
.archieve_news_box .layout .flex_row .right .news_nav .flex_row a{width:100%}
.archieve_news_box .layout .flex_row .right .news_search form{width:100%}
.archieve_news_box .layout .flex_row .right .news_search form input[type="text"]{width:100%}
.archieve_news_box .layout .flex_row .news_page{transform:none}
.archieve_news_box .layout .flex_row .right .news_nav .flex_row li{width:100%;margin-bottom:35px}
.contact_box .item_form .content form, .contact_box_1 .item_form .content form,.contact_box .item_form .content form textarea, .contact_box_1 .item_form .content form textarea{width:100%}
.contact_box .item_form .content{width:100%;padding:25px;border-radius:0}
.contact_box .item_text .content{width:100%;padding:25px}
.contact_box .item_text .content h1, .contact_box_1 .item_text .content h1{font-size:42px}
.contact_box .item_text .content p, .contact_box_1 .item_text .content p{font-size:16px}
.contact_box .item_text, .contact_box_1 .item_text{min-height:auto}
.contact_box .item_form .content form input[type="text"], .contact_box_1 .item_form .content form input[type="text"],.mauticform-field-4 button{width:100%}
}
.swiper-notification{display:none;}
[aos][aos][aos-easing=linear],body[aos-easing=linear] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[aos][aos][aos-easing=ease],body[aos-easing=ease] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.1,.25,1);transition-timing-function:cubic-bezier(.25,.1,.25,1)}[aos][aos][aos-easing=ease-in],body[aos-easing=ease-in] [aos]{-webkit-transition-timing-function:cubic-bezier(.42,0,1,1);transition-timing-function:cubic-bezier(.42,0,1,1)}[aos][aos][aos-easing=ease-out],body[aos-easing=ease-out] [aos]{-webkit-transition-timing-function:cubic-bezier(0,0,.58,1);transition-timing-function:cubic-bezier(0,0,.58,1)}[aos][aos][aos-easing=ease-in-out],body[aos-easing=ease-in-out] [aos]{-webkit-transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.58,1)}[aos][aos][aos-easing=ease-in-back],body[aos-easing=ease-in-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[aos][aos][aos-easing=ease-out-back],body[aos-easing=ease-out-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[aos][aos][aos-easing=ease-in-out-back],body[aos-easing=ease-in-out-back] [aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[aos][aos][aos-easing=ease-in-sine],body[aos-easing=ease-in-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[aos][aos][aos-easing=ease-out-sine],body[aos-easing=ease-out-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[aos][aos][aos-easing=ease-in-out-sine],body[aos-easing=ease-in-out-sine] [aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[aos][aos][aos-easing=ease-in-quad],[aos][aos][aos-easing=ease-in-cubic],[aos][aos][aos-easing=ease-in-quart],body[aos-easing=ease-in-quad] [aos],body[aos-easing=ease-in-cubic] [aos],body[aos-easing=ease-in-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[aos][aos][aos-easing=ease-out-quad],[aos][aos][aos-easing=ease-out-cubic],[aos][aos][aos-easing=ease-out-quart],body[aos-easing=ease-out-quad] [aos],body[aos-easing=ease-out-cubic] [aos],body[aos-easing=ease-out-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[aos][aos][aos-easing=ease-in-out-quad],[aos][aos][aos-easing=ease-in-out-cubic],[aos][aos][aos-easing=ease-in-out-quart],body[aos-easing=ease-in-out-quad] [aos],body[aos-easing=ease-in-out-cubic] [aos],body[aos-easing=ease-in-out-quart] [aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[aos][aos][aos-duration='50'],body[aos-duration='50'] [aos]{-webkit-transition-duration:50ms;transition-duration:50ms}[aos][aos][aos-duration='100'],body[aos-duration='100'] [aos]{-webkit-transition-duration:.1s;transition-duration:.1s}[aos][aos][aos-duration='150'],body[aos-duration='150'] [aos]{-webkit-transition-duration:150ms;transition-duration:150ms}[aos][aos][aos-duration='200'],body[aos-duration='200'] [aos]{-webkit-transition-duration:.2s;transition-duration:.2s}[aos][aos][aos-duration='250'],body[aos-duration='250'] [aos]{-webkit-transition-duration:250ms;transition-duration:250ms}[aos][aos][aos-duration='300'],body[aos-duration='300'] [aos]{-webkit-transition-duration:.3s;transition-duration:.3s}[aos][aos][aos-duration='350'],body[aos-duration='350'] [aos]{-webkit-transition-duration:350ms;transition-duration:350ms}[aos][aos][aos-duration='400'],body[aos-duration='400'] [aos]{-webkit-transition-duration:.4s;transition-duration:.4s}[aos][aos][aos-duration='450'],body[aos-duration='450'] [aos]{-webkit-transition-duration:450ms;transition-duration:450ms}[aos][aos][aos-duration='500'],body[aos-duration='500'] [aos]{-webkit-transition-duration:.5s;transition-duration:.5s}[aos][aos][aos-duration='550'],body[aos-duration='550'] [aos]{-webkit-transition-duration:550ms;transition-duration:550ms}[aos][aos][aos-duration='600'],body[aos-duration='600'] [aos]{-webkit-transition-duration:.6s;transition-duration:.6s}[aos][aos][aos-duration='650'],body[aos-duration='650'] [aos]{-webkit-transition-duration:650ms;transition-duration:650ms}[aos][aos][aos-duration='700'],body[aos-duration='700'] [aos]{-webkit-transition-duration:.7s;transition-duration:.7s}[aos][aos][aos-duration='750'],body[aos-duration='750'] [aos]{-webkit-transition-duration:750ms;transition-duration:750ms}[aos][aos][aos-duration='800'],body[aos-duration='800'] [aos]{-webkit-transition-duration:.8s;transition-duration:.8s}[aos][aos][aos-duration='850'],body[aos-duration='850'] [aos]{-webkit-transition-duration:850ms;transition-duration:850ms}[aos][aos][aos-duration='900'],body[aos-duration='900'] [aos]{-webkit-transition-duration:.9s;transition-duration:.9s}[aos][aos][aos-duration='950'],body[aos-duration='950'] [aos]{-webkit-transition-duration:950ms;transition-duration:950ms}[aos][aos][aos-duration='1000'],body[aos-duration='1000'] [aos]{-webkit-transition-duration:1s;transition-duration:1s}[aos][aos][aos-duration='1050'],body[aos-duration='1050'] [aos]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[aos][aos][aos-duration='1100'],body[aos-duration='1100'] [aos]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[aos][aos][aos-duration='1150'],body[aos-duration='1150'] [aos]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[aos][aos][aos-duration='1200'],body[aos-duration='1200'] [aos]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[aos][aos][aos-duration='1250'],body[aos-duration='1250'] [aos]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[aos][aos][aos-duration='1300'],body[aos-duration='1300'] [aos]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[aos][aos][aos-duration='1350'],body[aos-duration='1350'] [aos]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[aos][aos][aos-duration='1400'],body[aos-duration='1400'] [aos]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[aos][aos][aos-duration='1450'],body[aos-duration='1450'] [aos]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[aos][aos][aos-duration='1500'],body[aos-duration='1500'] [aos]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[aos][aos][aos-duration='1550'],body[aos-duration='1550'] [aos]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[aos][aos][aos-duration='1600'],body[aos-duration='1600'] [aos]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[aos][aos][aos-duration='1650'],body[aos-duration='1650'] [aos]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[aos][aos][aos-duration='1700'],body[aos-duration='1700'] [aos]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[aos][aos][aos-duration='1750'],body[aos-duration='1750'] [aos]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[aos][aos][aos-duration='1800'],body[aos-duration='1800'] [aos]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[aos][aos][aos-duration='1850'],body[aos-duration='1850'] [aos]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[aos][aos][aos-duration='1900'],body[aos-duration='1900'] [aos]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[aos][aos][aos-duration='1950'],body[aos-duration='1950'] [aos]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[aos][aos][aos-duration='2000'],body[aos-duration='2000'] [aos]{-webkit-transition-duration:2s;transition-duration:2s}[aos][aos][aos-duration='2050'],body[aos-duration='2050'] [aos]{-webkit-transition-duration:2.05s;transition-duration:2.05s}[aos][aos][aos-duration='2100'],body[aos-duration='2100'] [aos]{-webkit-transition-duration:2.1s;transition-duration:2.1s}[aos][aos][aos-duration='2150'],body[aos-duration='2150'] [aos]{-webkit-transition-duration:2.15s;transition-duration:2.15s}[aos][aos][aos-duration='2200'],body[aos-duration='2200'] [aos]{-webkit-transition-duration:2.2s;transition-duration:2.2s}[aos][aos][aos-duration='2250'],body[aos-duration='2250'] [aos]{-webkit-transition-duration:2.25s;transition-duration:2.25s}[aos][aos][aos-duration='2300'],body[aos-duration='2300'] [aos]{-webkit-transition-duration:2.3s;transition-duration:2.3s}[aos][aos][aos-duration='2350'],body[aos-duration='2350'] [aos]{-webkit-transition-duration:2.35s;transition-duration:2.35s}[aos][aos][aos-duration='2400'],body[aos-duration='2400'] [aos]{-webkit-transition-duration:2.4s;transition-duration:2.4s}[aos][aos][aos-duration='2450'],body[aos-duration='2450'] [aos]{-webkit-transition-duration:2.45s;transition-duration:2.45s}[aos][aos][aos-duration='2500'],body[aos-duration='2500'] [aos]{-webkit-transition-duration:2.5s;transition-duration:2.5s}[aos][aos][aos-duration='2550'],body[aos-duration='2550'] [aos]{-webkit-transition-duration:2.55s;transition-duration:2.55s}[aos][aos][aos-duration='2600'],body[aos-duration='2600'] [aos]{-webkit-transition-duration:2.6s;transition-duration:2.6s}[aos][aos][aos-duration='2650'],body[aos-duration='2650'] [aos]{-webkit-transition-duration:2.65s;transition-duration:2.65s}[aos][aos][aos-duration='2700'],body[aos-duration='2700'] [aos]{-webkit-transition-duration:2.7s;transition-duration:2.7s}[aos][aos][aos-duration='2750'],body[aos-duration='2750'] [aos]{-webkit-transition-duration:2.75s;transition-duration:2.75s}[aos][aos][aos-duration='2800'],body[aos-duration='2800'] [aos]{-webkit-transition-duration:2.8s;transition-duration:2.8s}[aos][aos][aos-duration='2850'],body[aos-duration='2850'] [aos]{-webkit-transition-duration:2.85s;transition-duration:2.85s}[aos][aos][aos-duration='2900'],body[aos-duration='2900'] [aos]{-webkit-transition-duration:2.9s;transition-duration:2.9s}[aos][aos][aos-duration='2950'],body[aos-duration='2950'] [aos]{-webkit-transition-duration:2.95s;transition-duration:2.95s}[aos][aos][aos-duration='3000'],body[aos-duration='3000'] [aos]{-webkit-transition-duration:3s;transition-duration:3s}[aos][aos][aos-delay='50'],body[aos-delay='50'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='50'].aos-animate,body[aos-delay='50'] [aos].aos-animate{-webkit-transition-delay:50ms;transition-delay:50ms}[aos][aos][aos-delay='100'],body[aos-delay='100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='100'].aos-animate,body[aos-delay='100'] [aos].aos-animate{-webkit-transition-delay:.1s;transition-delay:.1s}[aos][aos][aos-delay='150'],body[aos-delay='150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='150'].aos-animate,body[aos-delay='150'] [aos].aos-animate{-webkit-transition-delay:150ms;transition-delay:150ms}[aos][aos][aos-delay='200'],body[aos-delay='200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='200'].aos-animate,body[aos-delay='200'] [aos].aos-animate{-webkit-transition-delay:.2s;transition-delay:.2s}[aos][aos][aos-delay='250'],body[aos-delay='250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='250'].aos-animate,body[aos-delay='250'] [aos].aos-animate{-webkit-transition-delay:250ms;transition-delay:250ms}[aos][aos][aos-delay='300'],body[aos-delay='300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='300'].aos-animate,body[aos-delay='300'] [aos].aos-animate{-webkit-transition-delay:.3s;transition-delay:.3s}[aos][aos][aos-delay='350'],body[aos-delay='350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='350'].aos-animate,body[aos-delay='350'] [aos].aos-animate{-webkit-transition-delay:350ms;transition-delay:350ms}[aos][aos][aos-delay='400'],body[aos-delay='400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='400'].aos-animate,body[aos-delay='400'] [aos].aos-animate{-webkit-transition-delay:.4s;transition-delay:.4s}[aos][aos][aos-delay='450'],body[aos-delay='450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='450'].aos-animate,body[aos-delay='450'] [aos].aos-animate{-webkit-transition-delay:450ms;transition-delay:450ms}[aos][aos][aos-delay='500'],body[aos-delay='500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='500'].aos-animate,body[aos-delay='500'] [aos].aos-animate{-webkit-transition-delay:.5s;transition-delay:.5s}[aos][aos][aos-delay='550'],body[aos-delay='550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='550'].aos-animate,body[aos-delay='550'] [aos].aos-animate{-webkit-transition-delay:550ms;transition-delay:550ms}[aos][aos][aos-delay='600'],body[aos-delay='600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='600'].aos-animate,body[aos-delay='600'] [aos].aos-animate{-webkit-transition-delay:.6s;transition-delay:.6s}[aos][aos][aos-delay='650'],body[aos-delay='650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='650'].aos-animate,body[aos-delay='650'] [aos].aos-animate{-webkit-transition-delay:650ms;transition-delay:650ms}[aos][aos][aos-delay='700'],body[aos-delay='700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='700'].aos-animate,body[aos-delay='700'] [aos].aos-animate{-webkit-transition-delay:.7s;transition-delay:.7s}[aos][aos][aos-delay='750'],body[aos-delay='750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='750'].aos-animate,body[aos-delay='750'] [aos].aos-animate{-webkit-transition-delay:750ms;transition-delay:750ms}[aos][aos][aos-delay='800'],body[aos-delay='800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='800'].aos-animate,body[aos-delay='800'] [aos].aos-animate{-webkit-transition-delay:.8s;transition-delay:.8s}[aos][aos][aos-delay='850'],body[aos-delay='850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='850'].aos-animate,body[aos-delay='850'] [aos].aos-animate{-webkit-transition-delay:850ms;transition-delay:850ms}[aos][aos][aos-delay='900'],body[aos-delay='900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='900'].aos-animate,body[aos-delay='900'] [aos].aos-animate{-webkit-transition-delay:.9s;transition-delay:.9s}[aos][aos][aos-delay='950'],body[aos-delay='950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='950'].aos-animate,body[aos-delay='950'] [aos].aos-animate{-webkit-transition-delay:950ms;transition-delay:950ms}[aos][aos][aos-delay='1000'],body[aos-delay='1000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1000'].aos-animate,body[aos-delay='1000'] [aos].aos-animate{-webkit-transition-delay:1s;transition-delay:1s}[aos][aos][aos-delay='1050'],body[aos-delay='1050'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1050'].aos-animate,body[aos-delay='1050'] [aos].aos-animate{-webkit-transition-delay:1.05s;transition-delay:1.05s}[aos][aos][aos-delay='1100'],body[aos-delay='1100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1100'].aos-animate,body[aos-delay='1100'] [aos].aos-animate{-webkit-transition-delay:1.1s;transition-delay:1.1s}[aos][aos][aos-delay='1150'],body[aos-delay='1150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1150'].aos-animate,body[aos-delay='1150'] [aos].aos-animate{-webkit-transition-delay:1.15s;transition-delay:1.15s}[aos][aos][aos-delay='1200'],body[aos-delay='1200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1200'].aos-animate,body[aos-delay='1200'] [aos].aos-animate{-webkit-transition-delay:1.2s;transition-delay:1.2s}[aos][aos][aos-delay='1250'],body[aos-delay='1250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1250'].aos-animate,body[aos-delay='1250'] [aos].aos-animate{-webkit-transition-delay:1.25s;transition-delay:1.25s}[aos][aos][aos-delay='1300'],body[aos-delay='1300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1300'].aos-animate,body[aos-delay='1300'] [aos].aos-animate{-webkit-transition-delay:1.3s;transition-delay:1.3s}[aos][aos][aos-delay='1350'],body[aos-delay='1350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1350'].aos-animate,body[aos-delay='1350'] [aos].aos-animate{-webkit-transition-delay:1.35s;transition-delay:1.35s}[aos][aos][aos-delay='1400'],body[aos-delay='1400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1400'].aos-animate,body[aos-delay='1400'] [aos].aos-animate{-webkit-transition-delay:1.4s;transition-delay:1.4s}[aos][aos][aos-delay='1450'],body[aos-delay='1450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1450'].aos-animate,body[aos-delay='1450'] [aos].aos-animate{-webkit-transition-delay:1.45s;transition-delay:1.45s}[aos][aos][aos-delay='1500'],body[aos-delay='1500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1500'].aos-animate,body[aos-delay='1500'] [aos].aos-animate{-webkit-transition-delay:1.5s;transition-delay:1.5s}[aos][aos][aos-delay='1550'],body[aos-delay='1550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1550'].aos-animate,body[aos-delay='1550'] [aos].aos-animate{-webkit-transition-delay:1.55s;transition-delay:1.55s}[aos][aos][aos-delay='1600'],body[aos-delay='1600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1600'].aos-animate,body[aos-delay='1600'] [aos].aos-animate{-webkit-transition-delay:1.6s;transition-delay:1.6s}[aos][aos][aos-delay='1650'],body[aos-delay='1650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1650'].aos-animate,body[aos-delay='1650'] [aos].aos-animate{-webkit-transition-delay:1.65s;transition-delay:1.65s}[aos][aos][aos-delay='1700'],body[aos-delay='1700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1700'].aos-animate,body[aos-delay='1700'] [aos].aos-animate{-webkit-transition-delay:1.7s;transition-delay:1.7s}[aos][aos][aos-delay='1750'],body[aos-delay='1750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1750'].aos-animate,body[aos-delay='1750'] [aos].aos-animate{-webkit-transition-delay:1.75s;transition-delay:1.75s}[aos][aos][aos-delay='1800'],body[aos-delay='1800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1800'].aos-animate,body[aos-delay='1800'] [aos].aos-animate{-webkit-transition-delay:1.8s;transition-delay:1.8s}[aos][aos][aos-delay='1850'],body[aos-delay='1850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1850'].aos-animate,body[aos-delay='1850'] [aos].aos-animate{-webkit-transition-delay:1.85s;transition-delay:1.85s}[aos][aos][aos-delay='1900'],body[aos-delay='1900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1900'].aos-animate,body[aos-delay='1900'] [aos].aos-animate{-webkit-transition-delay:1.9s;transition-delay:1.9s}[aos][aos][aos-delay='1950'],body[aos-delay='1950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='1950'].aos-animate,body[aos-delay='1950'] [aos].aos-animate{-webkit-transition-delay:1.95s;transition-delay:1.95s}[aos][aos][aos-delay='2000'],body[aos-delay='2000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2000'].aos-animate,body[aos-delay='2000'] [aos].aos-animate{-webkit-transition-delay:2s;transition-delay:2s}[aos][aos][aos-delay='2050'],body[aos-delay='2050'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2050'].aos-animate,body[aos-delay='2050'] [aos].aos-animate{-webkit-transition-delay:2.05s;transition-delay:2.05s}[aos][aos][aos-delay='2100'],body[aos-delay='2100'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2100'].aos-animate,body[aos-delay='2100'] [aos].aos-animate{-webkit-transition-delay:2.1s;transition-delay:2.1s}[aos][aos][aos-delay='2150'],body[aos-delay='2150'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2150'].aos-animate,body[aos-delay='2150'] [aos].aos-animate{-webkit-transition-delay:2.15s;transition-delay:2.15s}[aos][aos][aos-delay='2200'],body[aos-delay='2200'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2200'].aos-animate,body[aos-delay='2200'] [aos].aos-animate{-webkit-transition-delay:2.2s;transition-delay:2.2s}[aos][aos][aos-delay='2250'],body[aos-delay='2250'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2250'].aos-animate,body[aos-delay='2250'] [aos].aos-animate{-webkit-transition-delay:2.25s;transition-delay:2.25s}[aos][aos][aos-delay='2300'],body[aos-delay='2300'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2300'].aos-animate,body[aos-delay='2300'] [aos].aos-animate{-webkit-transition-delay:2.3s;transition-delay:2.3s}[aos][aos][aos-delay='2350'],body[aos-delay='2350'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2350'].aos-animate,body[aos-delay='2350'] [aos].aos-animate{-webkit-transition-delay:2.35s;transition-delay:2.35s}[aos][aos][aos-delay='2400'],body[aos-delay='2400'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2400'].aos-animate,body[aos-delay='2400'] [aos].aos-animate{-webkit-transition-delay:2.4s;transition-delay:2.4s}[aos][aos][aos-delay='2450'],body[aos-delay='2450'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2450'].aos-animate,body[aos-delay='2450'] [aos].aos-animate{-webkit-transition-delay:2.45s;transition-delay:2.45s}[aos][aos][aos-delay='2500'],body[aos-delay='2500'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2500'].aos-animate,body[aos-delay='2500'] [aos].aos-animate{-webkit-transition-delay:2.5s;transition-delay:2.5s}[aos][aos][aos-delay='2550'],body[aos-delay='2550'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2550'].aos-animate,body[aos-delay='2550'] [aos].aos-animate{-webkit-transition-delay:2.55s;transition-delay:2.55s}[aos][aos][aos-delay='2600'],body[aos-delay='2600'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2600'].aos-animate,body[aos-delay='2600'] [aos].aos-animate{-webkit-transition-delay:2.6s;transition-delay:2.6s}[aos][aos][aos-delay='2650'],body[aos-delay='2650'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2650'].aos-animate,body[aos-delay='2650'] [aos].aos-animate{-webkit-transition-delay:2.65s;transition-delay:2.65s}[aos][aos][aos-delay='2700'],body[aos-delay='2700'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2700'].aos-animate,body[aos-delay='2700'] [aos].aos-animate{-webkit-transition-delay:2.7s;transition-delay:2.7s}[aos][aos][aos-delay='2750'],body[aos-delay='2750'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2750'].aos-animate,body[aos-delay='2750'] [aos].aos-animate{-webkit-transition-delay:2.75s;transition-delay:2.75s}[aos][aos][aos-delay='2800'],body[aos-delay='2800'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2800'].aos-animate,body[aos-delay='2800'] [aos].aos-animate{-webkit-transition-delay:2.8s;transition-delay:2.8s}[aos][aos][aos-delay='2850'],body[aos-delay='2850'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2850'].aos-animate,body[aos-delay='2850'] [aos].aos-animate{-webkit-transition-delay:2.85s;transition-delay:2.85s}[aos][aos][aos-delay='2900'],body[aos-delay='2900'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2900'].aos-animate,body[aos-delay='2900'] [aos].aos-animate{-webkit-transition-delay:2.9s;transition-delay:2.9s}[aos][aos][aos-delay='2950'],body[aos-delay='2950'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='2950'].aos-animate,body[aos-delay='2950'] [aos].aos-animate{-webkit-transition-delay:2.95s;transition-delay:2.95s}[aos][aos][aos-delay='3000'],body[aos-delay='3000'] [aos]{-webkit-transition-delay:0;transition-delay:0}[aos][aos][aos-delay='3000'].aos-animate,body[aos-delay='3000'] [aos].aos-animate{-webkit-transition-delay:3s;transition-delay:3s}[aos^=fade][aos^=fade]{opacity:0;-webkit-transition-property:all;transition-property:all}[aos^=fade][aos^=fade].aos-animate{opacity:1}[aos=fade-up]{-webkit-transform:translate(0,100px);-ms-transform:translate(0,100px);transform:translate(0,100px)}[aos=fade-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down]{-webkit-transform:translate(0,-100px);-ms-transform:translate(0,-100px);transform:translate(0,-100px)}[aos=fade-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-right]{-webkit-transform:translate(-100px,0);-ms-transform:translate(-100px,0);transform:translate(-100px,0)}[aos=fade-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-left]{-webkit-transform:translate(100px,0);-ms-transform:translate(100px,0);transform:translate(100px,0)}[aos=fade-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-up-right]{-webkit-transform:translate(-100px,100px);-ms-transform:translate(-100px,100px);transform:translate(-100px,100px)}[aos=fade-up-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-up-left]{-webkit-transform:translate(100px,100px);-ms-transform:translate(100px,100px);transform:translate(100px,100px)}[aos=fade-up-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down-right]{-webkit-transform:translate(-100px,-100px);-ms-transform:translate(-100px,-100px);transform:translate(-100px,-100px)}[aos=fade-down-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=fade-down-left]{-webkit-transform:translate(100px,-100px);-ms-transform:translate(100px,-100px);transform:translate(100px,-100px)}[aos=fade-down-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos^=zoom][aos^=zoom]{opacity:0;-webkit-transition-property:all;transition-property:all}[aos^=zoom][aos^=zoom].aos-animate{opacity:1}[aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}[aos=zoom-in].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[aos=zoom-in-up]{-webkit-transform:translate(0,100px) scale(.6);-ms-transform:translate(0,100px) scale(.6);transform:translate(0,100px) scale(.6)}[aos=zoom-in-up].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-down]{-webkit-transform:translate(0,-100px) scale(.6);-ms-transform:translate(0,-100px) scale(.6);transform:translate(0,-100px) scale(.6)}[aos=zoom-in-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-right]{-webkit-transform:translate(-100px,0) scale(.6);-ms-transform:translate(-100px,0) scale(.6);transform:translate(-100px,0) scale(.6)}[aos=zoom-in-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-in-left]{-webkit-transform:translate(100px,0) scale(.6);-ms-transform:translate(100px,0) scale(.6);transform:translate(100px,0) scale(.6)}[aos=zoom-in-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}[aos=zoom-out].aos-animate{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[aos=zoom-out-up]{opacity: 0;transform: matrix(1,-.1,0,1,0,-20);}[aos=zoom-out-up].aos-animate{opacity: 1;transform: matrix(1,0,0,1,0,0);}[aos=zoom-out-down]{-webkit-transform:translate(0,-100px) scale(1.2);-ms-transform:translate(0,-100px) scale(1.2);transform:translate(0,-100px) scale(1.2)}[aos=zoom-out-down].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out-right]{-webkit-transform:translate(-100px,0) scale(1.2);-ms-transform:translate(-100px,0) scale(1.2);transform:translate(-100px,0) scale(1.2)}[aos=zoom-out-right].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=zoom-out-left]{-webkit-transform:translate(100px,0) scale(1.2);-ms-transform:translate(100px,0) scale(1.2);transform:translate(100px,0) scale(1.2)}[aos=zoom-out-left].aos-animate{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}[aos=slide-up]{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)}[aos=slide-up].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-down]{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%)}[aos=slide-down].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-right]{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0)}[aos=slide-right].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos=slide-left]{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0)}[aos=slide-left].aos-animate{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}[aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden}[aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}