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: 'Arial';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{max-width:100%;border:none;vertical-align:middle}
li{list-style:none}
em,i{font-style:normal}
a{color:#333;text-decoration:none}
a:focus{outline:0}
a:hover{color:#e60012;text-decoration:none}
input[type=text]:focus{outline:0}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:none}
h1,h2,h3,h4{font-weight:400}
hr{margin:15px 0 15px 0;height:1px;border:none;border-top:1px dashed #c1c1c1}
a:active,input,select,textarea{outline:0!important;-webkit-tap-highlight-color:transparent;-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: "ariblk";
font-style: normal;
src: url(../font/ariblk.ttf) format("TrueType");
font-display: fallback;
}
@font-face {
font-family: "arialbd";
font-style: normal;
src: url(https://cdnus.globalso.com/gmcellgroup/style/global/fonts/arialbd.ttf) format("TrueType");
font-display: fallback;
}
@font-face {
font-family: "DINPro-Black";
font-style: normal;
src: url(https://cdnus.globalso.com/gmcellgroup/style/global/fonts/DINPro-Black.otf) format("TrueType");
font-display: fallback;
}
@font-face {
font-family: "DINPro-Bold";
font-style: normal;
src: url(https://cdnus.globalso.com/gmcellgroup/style/global/fonts/DINPro-Bold.otf) 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: "DINcond-bold";
font-style: normal;
src: url(../font/DiCnBdAt.ttf) format("TrueType");
font-display: fallback;
}
/*-------------------------------font
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 {
}
.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: 1600px;
}
.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:#e60012;background-clip:content-box;box-shadow:0 0 8px rgba(0,0,0,.2);color:#fff;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.active:hover,.gotop:hover{background-color:#e60012;color:#fff}
.gotop.active{visibility:visible;opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}
.gotop em,.gotop:before{-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);-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;-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)}
/* 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 {
-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 #e60012;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:#e60012;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(0,0,0,.71)}
input:-moz-placeholder{color:rgba(0,0,0,.71)}
input::-moz-placeholder{color:rgba(0,0,0,.71)}
input:-ms-input-placeholder{color:rgba(0,0,0,.71)}
/* 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: relative;
z-index: 99;
width: 100%;
background: #fff;
}
.web_head.index_web_head {
position: absolute;
left: 0;
top: 0;
background: #fff;
}
.fp-viewing-page01 .web_head.index_web_head {
background: none;
}
.head_layout {
position: relative;
display: flex;
-webkti-display: flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
-webkit-align-items: center;
height: 90px;
}
.head_layout.layout:after {
display: none;
}
.web_head .change-language {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
margin-left: 30px;
}
.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: 56px;
}
.web_head.index_web_head .logo img {
max-height: unset;
}
.web_head.index_web_head .logo img.logo_black {
display: none;
}
.web_head.page_web_head .logo img.logo_white {
display: none;
}
.web_head.index_web_head.head_active .logo img.logo_black {
display: inline-block;
}
.web_head.index_web_head.head_active .logo img.logo_white {
display: none;
}
.web_head .btn--search {
width: 22px;
height: 22px;
cursor: pointer;
position: relative;
display: inline-block;
top: 1px;
}
.web_head .btn--search:after, .web_head .btn--search:before {
display: inline-block;
width: 100%;
height: 100%;
background-image: url(img/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;
filter: grayscale(100%) brightness(10000%);
}
.web_head .btn--search:before {
background-position: center;
}
.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: center;
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: relative;
margin-right: 30px;
flex: 1;
text-align: right;
}
.web_head .nav_wrap .head_nav {
position: relative;
text-align: center;
}
.head_nav > li {
position: relative;
display: inline-block;
margin-right: 40px;
text-align: left;
}
.head_nav > li::before {
content: "";
position: absolute;
width: 0%;
height: 1px;
background: #e60012;
left: 0%;
bottom: 5px;
-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::after {
content: url(img/nav_icon.png);
position: absolute;
bottom: -5px;
left: calc(50% - 3.5px);
opacity: 0;
-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:hover::before {
width: 100%;
}
.head_nav > li:hover::after {
opacity: 1;
}
.head_nav > li.has-child a {
padding-right: 20px;
}
.head_nav>li>a {
position: relative;
display: inline-block;
color: #fff;
text-transform: uppercase;
font-weight: normal;
font-size: 17px;
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: url(img/nav_icon.png);
filter: grayscale(100%) brightness(10000%);
position: relative;
vertical-align: middle;
top: -5px;
font-family: 'fontawesome';
}
.head_nav li ul {
position: absolute;
top: calc(100% + 23px);
left: -30px;
display: block;
padding: 15px;
min-width: 159px;
border-radius: 4px;
background-color: rgba(255,255,255,.9);
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;
font-size: 18px;
line-height: 2;
border-bottom: 1px solid #fff;
}
.head_nav>li ul li a {
position: relative;
display: block;
color: #000000;
text-transform: capitalize;
white-space: nowrap;
}
.head_nav > li > ul::before {
content: url(img/nav_be.png);
position: absolute;
top: -16px;
left: calc(50% - 10px);
}
.head_nav > li:nth-child(2) > ul::before {
left: 20%;
}
.head_nav > li.pro_nav > ul::before {
left: 305px;
}
.head_nav>li ul li a b {
top: 25px;
}
.head_nav>li ul li a b:before {
content: url(img/nav_ul_icon.png);
opacity: .4;
top: 0;
right: 0;
}
.head_nav>li ul li.active a b:before {
filter: none;
opacity: 1
}
.head_nav li ul ul {
top: 0;
left: 201px;
margin-left: 2px;
}
.head_nav li.menu_show>ul {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.nav_wrap .head_nav > li.pro_nav > ul > li.active >ul {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.nav_wrap .head_nav > li.pro_nav > ul > li.active > a {
color: #e60012
}
.nav_wrap .head_nav > li.pro_nav > ul > li:nth-last-child(1) {
border-bottom: none
}
.head_nav > li:hover > a {
position: relative;
z-index: 1;
color: #e60012;
}
.head_nav > li:hover > a b::before {
filter: none;
}
.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: 1;
position: fixed;
top: 0;
left: 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;
box-shadow: 0 5px 15px rgba(0,0,0,.3);
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,.3);
}
.fixed-nav-active.fixed-nav-appear {
opacity: 1;
position: fixed;
top: 0;
left: 0;
z-index: 99;
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_active .head_nav>li>a,.web_head.page_web_head .head_nav>li>a {
color: #000;
}
.head_active .head_nav li a b:before,.web_head.page_web_head .head_nav li a b:before {
filter: brightness(0%);
}
.web_head.head_active .btn--search:after, .web_head.head_active .btn--search:before {
filter: none;
}
.web_head.page_web_head .btn--search:after, .web_head.page_web_head .btn--search:before {
filter: none;
}
.web_head.head_active {
box-shadow: 5px 0 24px rgba(19,23,28,.16);
}
.nav_wrap .head_nav>li.pro_nav>ul {
min-height: 350px;
width: 1200px;
padding: 12px;
background-color: rgba(255,255,255,0.85);
border-radius: 0;
left: -255px;
padding-right: 825px;
box-shadow: 7px 0 21px rgba(0,0,0,.15);
top: calc(100% + 20px);
border-radius: 4px;
padding-left: 80px;
padding-top: 30px;
padding-bottom: 30px;
min-height: 450px;
overflow: hidden;
}
.nav_wrap .head_nav>li.pro_nav>ul ul {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
right: auto;
left: 375px;
top: 20px;
box-shadow: unset;
padding: 12px;
margin-top: 0;
width: 400px;
height: calc(100% + 0px);
display: none;
z-index: 9;
-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;
background-color: #fff;
border: 0;
border-radius: 0;
}
.nav_wrap .head_nav>li.pro_nav>ul>li {
position: static;
font-size: 18px;
border-bottom: 1px solid #e1e1e1;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li {
padding: 0;
height: 100%;
display: inline-block;
vertical-align: top
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li>a {
padding: 0;
text-align: left;
display: none
}
.nav_wrap .head_nav>li.pro_nav>ul>li>a {
padding: 6px 20px 6px 0;
}
.nav_wrap .head_nav>li.pro_nav>ul li:hover>a {
color: #e60012
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul {
width: 825px;
padding-left: 20px;
padding-right: 90px;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li {
width: 55%;
padding-left: 25px;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li.pro_img {
width: 40%;
float: right;
padding-left: 0;
text-align: center;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li.pro_img>a {
display: block;
text-align: center;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li.pro_img a em {
display: none
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li.pro_img a img {
width: auto;
height: auto;
max-height: 250px;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li ul {
display: block !important;
left: 0;
width: 100%;
position: relative;
border: 0;
box-shadow: unset;
padding: 0;
top: 0;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li ul li {
width: 100%;
display: block;
vertical-align: top;
line-height: 2;
margin-bottom: 5px;
}
.nav_wrap .head_nav>li.pro_nav>ul>li>ul>li ul li>a {
padding: 4px 0;
font-size: 16px;
border-bottom: 1px solid #e1e1e1;
}
.nav_wrap .head_nav li:hover > ul {
display: block !important;
opacity: 1!important;
-webkit-transform: scaleY(1)!important;
transform: scaleY(1)!important;
visibility: visible!important;
}
div.nav_pro_title {
margin-bottom: 15px;
}
div.nav_pro_title h2 {
font-size: 20px;
color: #000000;
font-family: "arialbd";
}
div.nav_pro_title h2 i {
width: 48px;
height: 1px;
display: inline-block;
background: #e60012;
position: absolute;
bottom: -12px;
left: calc(50% - 24px);
}
div.nav_pro_title h3 {
color: #000000;
font-size: 18px;
}
div.nav_pro_btn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
div.nav_pro_btn a.inquiry_btn {
background: #e60012;
color: #fff;
border-color: #e60012;
}
div.nav_pro_btn a {
width: 45%;
height: 39px;
font-size: 20px;
margin-bottom: 10px;
padding-right: 0 !important;
border: 1px solid #000;
line-height: 39px;
}
/* web_footer */
.web_footer {
position: relative;
}
.web_footer, .web_footer a {
display: block;
color: #415f83;
font-size: 18px;
}
.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 #e60012;
border-radius: 50px;
background: #e60012;
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: #e60012;
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;
}
.copyright a {
display: inline;
color: inherit;
}
.tel_link {
pointer-events: none;
}
@media screen and (max-width: 1500px) {
.nav_wrap .head_nav>li.pro_nav>ul{
left: -500px;
}
}
@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 a {
position: absolute;
width: 100%;
height: 100%;
}
.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);
display: none;
}
.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: #e60012;
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: #e60012;
border: 1px solid #fff;
}
.index_slider_banner_swiper .swiper-pagination {
bottom: 30px !important;
opacity: .5;
}
.index_slider_banner_swiper:hover .swiper-pagination {
opacity: 1;
}
.index_slider_banner_swiper .swiper-pagination span {
vertical-align: middle;
}
.index_slider_banner_swiper .swiper-pagination i {
display: inline-block;
margin: 0 8px;
width: 6px;
height: 6px;
background-color: #fff;
vertical-align: middle;
}
.index_slider_banner_swiper .swiper-pagination-bullet:before {
display: none;
}
.index_slider_banner_swiper .swiper-pagination-bullet {
display: inline-block;
box-sizing: border-box;
margin-right: 10px;
width: 10px;
height: 10px;
background: #fff;
color: #fff;
text-align: center;
border-radius: 50%;
}
.index_slider_banner_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #e60012;
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(img/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: #e60012;
}
.banner_button_next:hover:before {
background-position: -54px -114px;
}
.banner_button_prev:hover:before {
background-position: 0 -114px;
}
/*=======idnex public=============*/
.index_hd {
position: relative;
margin: auto;
}
.hd_title {
position: relative;
display: block;
color: #e60012;
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 {
}
.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%;
padding-top: 135px;
}
.section.active .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%;
}
h2.index_title {
color: #fff;
font-size: 72px;
text-transform: uppercase;
line-height: 1.1;
}
h2.index_title::before {
}
h3.index_title {
color: #fefefe;
font-size: 38.8px;
text-transform: uppercase;
line-height: 1.1;
}
.index_btn {
width: 46.34px;
max-width: 185px;
display: block;
line-height: 46.34px;
border: 1px solid #fff;
width: 100%;
color: #fff;
font-size: 16px;
text-align: center;
font-family: 'ProximaNova-Bold';
}
.head_right {
position: relative;
top: -2px;
}
.index_btn:hover {
background: #ffffff;
color: #004c99;
}
.change-language .change-language-title a span {
padding-left: 0;
}
.index-swiper-pagination .swiper-pagination-bullet {
display: inline-block;
width: 8.35px;
height: 8.35px;
border: 1px solid #BCBCBC;
background: transparent;
border-radius: 50%;
opacity: 1;
margin: 0 5px;
}
.index-swiper-pagination .swiper-pagination-bullet-active {
background: #E60012;
border-color: #E60012;
}
.index-swiper-pagination {
margin-top: 30px;
text-align: center;
}
.single_Recommended .index-swiper-pagination {
margin-top: 50px;
}
/* index_slider_banner */
section.section.index_slider_banner {
}
.index_slider_banner_swiper {
width: 100%
}
section.section.index_slider_banner div.content {
padding-top: 0;
}
section.section.index_slider_banner div.content div.flex_row {
width: 100%;
height: 100%;
}
section.section.index_slider_banner div.content div.flex_row div.item_text {
position: absolute;
top: 30%;
z-index: 9;
left: 165px;
max-width: 660px;
}
section.section.index_slider_banner div.content div.flex_row div.item_text h1 {
font-size: 45px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 30px;
line-height: 1.3;
font-family: 'arialbd';
}
section.section.index_slider_banner div.content div.flex_row div.item_text h1 br {
}
section.section.index_slider_banner div.content div.flex_row div.item_text div.text {
font-size: 20px;
color: #ffffff;
margin-bottom: 55px;
opacity: .85;
}
section.section.index_slider_banner div.content div.flex_row div.item_text div.text p {
}
section.section.index_slider_banner div.content div.flex_row div.item_text div.btns {
display: flex;
justify-content: left;
}
section.section.index_slider_banner div.content div.flex_row div.item_text div.btns a {
width: 240px;
display: inline-block;
height: 55px;
text-align: center;
line-height: 55px;
background: #ffffff;
font-size: 22px;
color: #010101;
margin-right: 40px;
}
section.section.index_slider_banner div.content div.flex_row div.item_img {
width: 100%;
height: 100%;
position: relative;
text-align: right;
padding-top: 43px;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.zhuti {
text-align: right;
position: relative;
display: inline-block;
margin-right: 120px;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.zhuti img.zhuti1 {
width: auto;
mix-blend-mode: screen;
position: relative;
z-index: 1;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.zhuti img.zhuti2 {
width: auto;
position: absolute;
top: 0;
left: -120px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
transform-origin: 50% 90%;
transform: scaleX(1);
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo {
position: absolute;
top: 178px;
right: 185px;
transform: rotatex(50deg) rotatex(18deg) rotateZ(0deg);
transform-style: preserve-3d;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo img.dizuo1 {
width: auto;
position: relative;
-webkit-animation: blobby-wiggle 30s linear infinite;
animation: blobby-wiggle 30s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo img.dizuo2 {
width: auto;
position: absolute;
left: 0;
top: 0;
-webkit-animation: blobby-wiggle 25s linear infinite;
animation: blobby-wiggle 25s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo img.dizuo3 {
width: auto;
position: absolute;
left: 0;
top: 0;
-webkit-animation: blobby-wiggle 15s linear infinite;
animation: blobby-wiggle 15s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo img.dizuo4 {
width: auto;
position: absolute;
left: 0;
top: 0;
-webkit-animation: blobby-wiggle 20s linear infinite;
animation: blobby-wiggle 20s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.dizuo img.dizuo5 {
width: auto;
position: absolute;
left: 0;
top: 0;
-webkit-animation: blobby-wiggle2 20s linear infinite;
animation: blobby-wiggle2 20s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_slider_banner div.content div.flex_row div.item_img div.zhuti::before {
}
section.section.index_slider_banner div.content div.flex_row div.item_btn {
}
section.section.index_slider_banner div.content div.flex_row div.item_btn a {
}
section.section.index_slider_banner div.content div.flex_row div.item_btn a img {
}
section.section.index_slider_banner div.content div.flex_row div.item_text div.btns a:nth-child(1) {
background: #e50012;
color: #fff;
}
section.section.index_slider_banner .banner_moblie_img {
display: none
}
.item_btn {
position: absolute;
bottom: 20px;
left: 0;
text-align: center;
width: 100%;
z-index: 99;
}
.banner_img {
width: 100%;
height: 100%;
background-repeat: no-repeat !important;
}
@media only screen and (max-width: 1736px) {
.banner_img {
background-size:100% 100% !important;
}
}
@media only screen and (max-width: 950px) {
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .inquiry_btn {
width: 106px !important;
height: 33px !important;
line-height: 33px !important;
background: #da252c;
text-align: center;
font-size: 9px !important;
color: #ffffff;
}section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .inquiry_btn img {
width: 12% !important;
margin-left: 25px;
}
section.section.index_slider_banner .banner_moblie_img {
display:block
}
.banner_img {
display: none
}
section.section.index_slider_banner div.content div.flex_row {
display: none
}
.head_nav li ul li.pro_img {
display: none;
}
}
/* index_products */
section.section.index_products {
}
section.section.index_products div.content {
justify-content: right;
}
section.section.index_products div.content div.index_pro_nav {
width: 83.855%;
padding-right: 105px;
margin-bottom: 25px;
margin-bottom: 25px;
padding-left: 255px;
position: relative;
}
section.section.index_products div.content div.index_pro_nav div.index_pro_nav_swiper {
justify-content: center;
}
section.section.index_products div.content div.index_pro_nav div.index_pro_nav_swiper li {
text-align: center;
padding-bottom: 2px;
cursor: pointer;
}
section.section.index_products div.content div.index_pro_nav div.index_pro_nav_swiper li a {
font-size: 18px;
color: #333333;
display: inline-block;
pointer-events: none;
}
section.section.index_products div.content div.index_pro_nav div.index_pro_nav_swiper li.active {
}
section.section.index_products div.content div.index_pro_nav div.index_pro_nav_swiper li.active a {
color: #e60012;
border-bottom: 1px solid #e60012;
padding-bottom: 7px;
}
section.section.index_products div.content div.index_pro_nav .index_pro_nav_btns {
}
section.section.index_products div.content div.index_pro_nav .index_pro_nav_prev {
position: absolute;
left: 150px;
top: 2px;
}
section.section.index_products div.content div.index_pro_nav .index_pro_nav_next {
position: absolute;
top: 2px;
right: 55px;
cursor: pointer;
}
section.section.index_products div.content div.index_pro_nav div.button_disabled {
display: none;
}
section.section.index_products div.content div.index_pro_nav div img {
width: auto;
transform: rotate(180deg);
}
section.section.index_products div.content div.index_pro_nav .index_pro_nav_next img {
transform: none;
}
section.section.index_products div.content div.index_pro_content {
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row {
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left {
width: 16.145%;
padding-left: 165px;
position: relative;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left::before {
content: "products";
position: absolute;
font-size: 137.47px;
color: #000000;
opacity: .05;
font-family: 'ariblk';
transform: rotate(90deg) translateX(-115px);
transform-origin: 0% 0%;
text-transform: uppercase;
top: 0px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title {
transform: rotate(90deg) translateX(-95px);
transform-origin: 0% 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title h2 {
font-size: 40px;
color: #282829;
font-weight: normal;
text-transform: uppercase;
line-height: 1.2;
font-family: 'ariblk';
position: relative;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title h2::before {
content: "";
position: absolute;
width: 35px;
height: 3px;
background: #282829;
top: -20px;
left: 0;
z-index: 1;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title h2::after {
content: "";
position: absolute;
width: 215px;
height: 1px;
background: #c1c1c1;
left: 0;
top: -19px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title i {
position: absolute;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right {
width: 83.855%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box {
position: relative;
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper {
position: absolute;
opacity: 0;
width: 100%;
top: 0;
left: 0;
transform: scaleY(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper {
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide {
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a {
text-align: center;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_bg {
background: #fff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_bg img {
width: 100%;
object-fit: cover;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_title {
position: absolute;
top: 0;
padding-left: 40px;
padding-top: 22px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
opacity: 1;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_title h3 {
font-size: 24px;
color: #ffffff;
font-family: 'arialbd';
position: relative;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_title h3::before {
content: '';
position: absolute;
width: 40px;
height: 1px;
background: #fff;
bottom: -5px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text {
position: absolute;
top: 0;
padding: 0 60px;
transform: translateY(-130px);
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
padding-top: 125px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text h4 {
font-size: 24px;
color: #ffffff;
font-family: 'arialbd';
margin-bottom: 17px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text p {
font-size: 18px;
color: #ffffff;
line-height: 1.4;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_img {
position: absolute;
bottom: 0px;
width: 277px;
height: 277px;
text-align: center;
transform: translateX(-40px) translateY(-35px);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
display: block;
left: 0;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper:nth-child(3) div.swiper-wrapper div.swiper-slide a div.item_img {
transform: translateX(-20px) translateY(-35px);
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide:nth-child(3) a div.item_img,section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide:nth-child(4) a div.item_img {
transform: translateX(20px) translateY(-35px);
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_img .img {
overflow: hidden;
width: 277px;
height: 277px;
position: relative;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_img img {
width: auto;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.index_pro_btns {
display: flex;
margin-top: 20px;
justify-content: right;
padding-right: 155px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.index_pro_btns div.index_pro_prev {
cursor: pointer;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.index_pro_btns div.index_pro_next {
margin-left: 18px;
cursor: pointer;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.index_pro_btns div img {
width: auto;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper:nth-child(1) {
position: relative;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper.active {
opacity: 1;
transform: scaleY(1);
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_title {
opacity: 0;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_text {
opacity: 1;
transform: translateY(0);
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_img {
transform: none;
border-radius: 50%;
background: #fff;
left: calc(50% - 138.5px);
bottom: 35px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_img .img {
padding: 20px;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_bg {
filter: blur(15px);
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text::before {
content: url(img/pro_jian.png);
position: absolute;
top: 50px;
-webkit-animation: kuosan-2 4s linear infinite;
animation: fadeInDownA 2s linear infinite;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_img::before {
content: url(img/pro_icon.png);
position: absolute;
left: calc(50% - 160.5px);
top: calc(50% - 161px);
opacity: 0;
-webkit-animation: blobby-wiggle 20s linear infinite;
animation: blobby-wiggle 20s linear infinite;
animation-delay: 0s;
animation-delay: 0s;
animation-delay: 0s;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide.active a div.item_img::before {
opacity: 1;
}
@media only screen and (max-width: 1680px) {
section.section.index_products div.content {
width:1920px;
transform: scale(.9);
transform: scale(.88);
transform-origin: 0 0;
}
}
@media only screen and (max-width: 1600px) {
section.section.index_products div.content {
transform:scale(.84);
}
}
@media only screen and (max-width: 1500px) {
section.section.index_products div.content {
transform:scale(.8);
}
}
@media only screen and (max-width: 1440px) {
section.section.index_products div.content {
transform:scale(.75);
transform-origin: 0% 20%;
}
}
@media only screen and (max-width: 1366px) {
section.section.index_products div.content {
transform:scale(.7);
transform-origin: 0% 20%;
}
}
@media only screen and (max-width: 1280px) {
section.section.index_products div.content {
transform:scale(.65);
transform-origin: 0% 20%;
}
}
@media only screen and (max-width: 950px) {
.section .content {
visibility:visible;
opacity: 1;
transform: none;
}
.slider_banner .swiper-slide img {
display: block;
}
.fadeInUpA.wow {
-webkit-animation-duration: 1.5s!important;
animation-duration: 1.5s!important;
-webkit-animation-fill-mode: both!important;
animation-fill-mode: both!important;
transition: all 1.5s!important;
}
section.section.index_products div.content {
transform: none;
transform-origin: 0;
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left {
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left::before {
display: none;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left div.title {
transform: none;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right {
width: 100%;
}
section.section.index_products div.content div.index_pro_content div.flex_row div.left {
display: none;
}
section.section.index_products div.content div.index_pro_nav {
width: 100%;
padding-left: 105px;
margin-bottom: 15px;
}
section.section.index_products div.content div.index_pro_nav .index_pro_nav_prev {
left: 55px;
}
}
/* index_company */
section.section.index_company {
}
section.section.index_company div.content {
background-repeat: no-repeat;
background-position: bottom;
}
section.section.index_company div.content:before {
content: "";
position: absolute;
background: url(img/advan_be_02.png) center no-repeat;
width: 100%;
height: 181px;
bottom: 94px;
}
section.section.index_company div.content:after {
content: "";
position: absolute;
background: url(img/advan_be.png) repeat-x;
background-size: auto;
background-size: 100% 100%;
opacity: .6;
-webkit-animation: move_wave 14s cubic-bezier(.55,.5,.45,.5) infinite;
animation: move_wave 15s linear infinite;
width: 2129px;
height: 94px;
bottom: 0;
}
section.section.index_company div.content div.layout {
}
section.section.index_company div.content div.layout div.index_hd {
text-align: center;
max-width: 935px;
margin-bottom: 85px;
}
section.section.index_company div.content div.layout div.index_hd h2.index_title {
font-size: 40px;
color: #282829;
font-weight: normal;
line-height: 1.2;
font-family: 'ariblk';
text-align: center;
text-transform: capitalize;
margin-bottom: 30px;
}
section.section.index_company div.content div.layout div.index_hd span {
font-size: 18px;
color: #000000;
}
section.section.index_company div.content div.layout div.index_hd span b {
font-weight: normal;
color: #e60012;
/*display: none;*/
}
section.section.index_company div.content div.layout div.index_hd::before {
content: url(img/advan_icon.png);
position: absolute;
bottom: -40px;
-webkit-animation: kuosan-2 4s linear infinite;
animation: fadeInDownA 2s linear infinite;
}
section.section.index_company div.content div.layout div.index_bd {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row {
position: relative;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box {
position: absolute;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_img {
position: relative;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_img::before {
content: "";
position: absolute;
width: 6px;
height: 12px;
background: #14142e;
left: -2px;
top: 0;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_img img {
width: auto;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_text {
position: absolute;
top: -27px;
left: 35px;
min-width: 275px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title span {
font-size: 55px;
color: #000000;
font-family: 'DINPro-Bold';
margin-right: 9px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title span sup {
font-size: 28px;
font-family: arial;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title i {
font-size: 16px;
color: #666666;
text-transform: uppercase;
position: relative;
top: -1px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.text {padding-right: 40px;}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.text p {
font-size: 18px;
color: #333333;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) {
left: 0;
top: 0;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(2) {
left: 165px;
top: 265px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) {
left: 525px;
top: 95px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) {
left: 945px;
top: 0;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) {
left: 1215px;
top: 245px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(6) {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) div.item_text {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(2) div.item_text {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) div.item_text {
width: 316px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) div.item_text {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) div.item_text {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) .text {
padding-right: 150px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) .text {
padding-right: 70px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) span sup,section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) span sup {
display: none
}
@media only screen and (max-width: 1680px) {
section.section.index_company div.content div.layout {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) .text {
padding-right: 90px;
}
}
@media only screen and (max-width: 1600px) {
section.section.index_company div.content div.layout {
}
}
@media only screen and (max-width: 1572px) {
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title span {
font-size: 20px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title i {
font-size: 12px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.text p {
font-size: 11px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) {
left: 500px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) div.item_text {
width: 280px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) {
left: 832px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) {
left: 1110px;
}
}
@media only screen and (max-width: 1440px) {
section.section.index_company div.content div.layout {
}
section.section.index_company div.content div.layout div.index_bd {
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_text {
min-width: auto;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) div.item_text {
width: 120px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) .text {
padding-right: 0;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(2) div.item_text {
width: 180px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) {
left: 400px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) div.item_text {
width: 222px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) {
left: 750px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) .text {
padding-right: 20px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) {
left: 1000px;
}
}
@media only screen and (max-width: 950px) {
section.section.index_company div.content div.layout {
}
section.section.index_company div.content div.layout div.index_bd {
transform: none;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box {
position: relative;
left: auto !important;
top: auto !important;
text-align: left;
width: 45%;
margin-bottom: 35px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_img {
display: none;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_text {
position: relative;
left: auto;
top: auto;
}
section.section.index_company div.content {
padding-bottom: 275px;
}
}
@media only screen and (max-width: 640px) {
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box {
width: 100% !important;
/* padding: 30px; */
padding-right: 0;
text-align: center;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(1) div.item_text,section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(2) div.item_text,section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) div.item_text,section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) div.item_text,section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) div.item_text {
width: 100%;
left: 0;
}
section.section.index_company div.content {
padding-bottom: 0;
}
}
/* index_welcome */
section.section.index_welcome {
}
section.section.index_welcome div.content {
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/welcome_bg.jpg);
padding-top: 0;
background-size: 100%;
background-position: bottom;
}
section.section.index_welcome div.content div.flex_row {
}
section.section.index_welcome div.content div.flex_row div.left {
padding-top: 205px;
width: 36.8%;
padding-left: 165px;
background: rgba(1,13,26,.49);
border-right: 1px solid #9d9fa2;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left {
max-width: 320px;
text-align: center;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.video {
position: relative;
margin-bottom: 40px;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.video img {
width: auto;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.video i {
position: absolute;
width: 56px;
left: calc(50% - 28px);
top: calc(50% - 28px);
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.video i img {
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title {
font-size: 54.97px;
color: #fff;
font-family: 'ariblk';
font-weight: normal;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 35px;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title br {
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.img {
margin-bottom: 50px;
mix-blend-mode: screen;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.img img {
width: auto;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left span {
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
section.section.index_welcome div.content div.flex_row div.right {
padding-top: 195px;
width: 63.2%;
padding-left: 185px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right {
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.title {
margin-bottom: 65px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.title h3 {
font-size: 30px;
color: #ffffff;
font-weight: bold;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.text {
padding-right: 225px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.text p {
font-size: 18px;
color: #ffffff;
margin-bottom: 30px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.btn {
padding-top: 50px;
margin-bottom: 90px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.btn a {
width: 172px;
height: 49px;
display: inline-block;
line-height: 49px;
background: #e60012;
text-align: center;
color: #fff;
font-size: 18px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number {
max-width: 768px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row {
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box {
text-align: center;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box span {
font-size: 36px;
color: #ffffff;
font-family: 'DINPro-Bold';
line-height: 1.4;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box p {
font-size: 16px;
color: #ffffff;
opacity: .62;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box:nth-child(2) span {
position: relative;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box:nth-child(2) span::before {
content: "+";
font-size: 20px;
position: absolute;
right: -20px;
top: -1px;
font-family: Arial;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.btn a:hover {
transform: scale(.9);
}
@media only screen and (max-width: 1680px) {
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title {
font-size:48px;
}
section.section.index_welcome div.content div.flex_row div.right {
transform: scale(.9);
}
}
@media only screen and (max-width: 1600px) {
section.section.index_welcome div.content div.flex_row div.left {
padding-left:105px;
}
section.section.index_welcome div.content div.flex_row div.right {
padding-left: 95px;
}
}
@media only screen and (max-width: 1366px) {
section.section.index_welcome div.content div.flex_row div.left {
padding-left:55px;
padding-top: 105px;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title {
font-size: 40px
}
section.section.index_welcome div.content div.flex_row div.left div.item_left {
transform: scale(.8)!important;
}
section.section.index_welcome div.content div.flex_row div.right {
padding-top: 105px;
}
section.section.index_welcome div.content div.flex_row div.right {
transform: scale(.8)
}
}
@media only screen and (max-width: 1280px) {
section.section.index_welcome div.content div.flex_row div.right div.item_right div.title {
margin-bottom:35px;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.btn {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 950px) {
section.section.index_welcome div.content div.flex_row div.right,section.section.index_welcome div.content div.flex_row div.left div.item_left {
transform: none !important;
}
section.section.index_welcome div.content {
background-size: cover!important;
}
section.section.index_welcome div.content div.flex_row div.left {
width: 100%;
padding: 45px 25px;
background: rgba(1,13,26,1);
}
section.section.index_welcome div.content div.flex_row div.right {
width: 100%;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left {
max-width: 100%;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.video {
width: 100%;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title {
font-size: 40px;
}
section.section.index_welcome div.content div.flex_row div.left div.item_left div.title br {
display: none;
}
section.section.index_welcome div.content div.flex_row div.right div.item_right div.text {
padding-right: 0;
}
section.section.index_welcome div.content div.flex_row div.right {
padding-left: 25px;
padding-top: 45px;
padding-bottom: 55px;
padding-right: 25px;
}
}
@media only screen and (max-width: 768px) {
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number {
width:100%;
}
}
@media only screen and (max-width: 640px) {
section.section.index_welcome div.content div.flex_row div.right div.item_right div.number div.flex_row div.item_box {
width: 49% !important;
margin-bottom: 35px;
}
}
/* index_news */
section.section.index_news {
}
section.section.index_news div.content {
padding-top: 0;
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/index_news_bg.png);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
}
section.section.index_news div.content div.flex_row {
width: 100%;
}
section.section.index_news div.content div.flex_row div.left {
width: 29.16%;
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/index_news_img.gif);
padding-left: 165px;
display: flex;
align-items: center;
background-position: center;
}
section.section.index_news div.content div.flex_row div.left div.item_left {
padding-top: 30px;
}
section.section.index_news div.content div.flex_row div.left div.item_left h2 {
font-size: 55px;
color: #ffffff;
font-family: 'ariblk';
line-height: 1.2;
text-transform: capitalize;
text-shadow: 9px 0 18px rgba(0,0,0,.52);
margin-bottom: 170px;
position: relative;
}
section.section.index_news div.content div.flex_row div.left div.item_left h2::before {
content: '';
width: 1px;
height: 120px;
position: absolute;
background: #fff;
bottom: -150px;
}
section.section.index_news div.content div.flex_row div.left div.item_left a.more {
font-size: 19px;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
}
section.section.index_news div.content div.flex_row div.left div.item_left a.more:hover {
color: #e60012;
border-color: #e60012;
}
section.section.index_news div.content div.flex_row div.right {
width: 70.84%;
}
section.section.index_news div.content div.flex_row div.right div.flex_row {
padding-right: 140px;
height: 100%;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item {
border-right: 1px solid #d7e2f2;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a {
padding-top: 225px;
display: block;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.time {
padding-left: 35px;
margin-bottom: 30px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.time span {
font-size: 16px;
color: #000000;
opacity: .62;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.title {
padding-left: 35px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.title h3 {
font-size: 24px;
color: #000000;
margin-bottom: 25px;
line-height: 1.4;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.title h3 br {
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.text {
padding: 0 35px;
margin-bottom: 45px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.text p {
font-size: 18px;
color: #333333;
line-height: 1.6;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.img {
height：200px}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.img img {
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn {
display: flex;
padding: 0 45px;
width: 100%;
justify-content: space-between;
align-items: center;
position: relative;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn span {
font-size: 18px;
color: #e60012;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn i {
position: relative;
top: 0;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn i img {
width: auto;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn::before {
content: "";
position: absolute;
width: 0%;
left: 45px;
bottom: -10px;
background: #e2e2e2;
height: 1px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item:hover a div.btn::before {
width: calc(100% - 90px);
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item:hover a div.img {
transform: none;
height: 187px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item:hover a div.btn span {
opacity: 1;
}
section.section.index_news div.content div.flex_row div.right div.flex_row .index_news_swiper {
}
section.section.index_news div.content div.flex_row div.right div.flex_row .index_news_swiper .swiper-wrapper {
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
@media only screen and (max-width: 1680px) {
section.section.index_news div.content div.flex_row div.left {
padding-left:55px;
}
}
@media only screen and (max-width: 1440px) {
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a {
padding-top:185px;
}
section.section.index_news div.content div.flex_row div.left div.item_left h2 {
font-size: 48px
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.img {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 950px) {
section.section.index_news div.content div.flex_row div.left {
width:100%;
padding: 55px 25px;
}
section.section.index_news div.content div.flex_row div.right {
width: 100%;
}
section.section.index_news div.content div.flex_row div.left div.item_left h2 {
margin-bottom: 35px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a {
height: 800px;
padding-top: 105px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row {
padding-right: 0;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn::before {
width: calc(100% - 90px);
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.img {
transform: none;
height: 187px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.btn span {
opacity: 1;
}
}
@media only screen and (max-width: 640px) {
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.title h3 {
font-size:18px;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.title h3 br {
display: none;
}
section.section.index_news div.content div.flex_row div.right div.flex_row div.news_item a div.text p {
font-size: 14px
}
}
/* web_footer */
section.section.web_footer {
}
section.section.web_footer div.content {
padding-top: 270px;
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/footer_bg.jpg);
background-size: cover;
}
section.section.web_footer div.content footer.web_footer {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
section.section.web_footer div.content footer.web_footer div.footer_top {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact {
width: 30%;
padding-right: 120px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact h2.footer_title {
font-size: 24px;
color: #ffffff;
font-weight: bold;
margin-bottom: 38px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul li {
padding-left: 30px;
position: relative;
margin-bottom: 35px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul li i {
position: absolute;
left: 0;
top: -2px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul li i img {
width: auto;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul li span {
font-size: 15px;
color: #ffffff;
opacity: .7;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact ul li span a {
font-size: 18px;
color: #ffffff;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact div.sns {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact div.sns a {
display: inline-block;
margin-right: 5px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_contact div.sns a img {
width: auto;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav {
width: 24%;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav h2.footer_title {
font-size: 24px;
color: #fff;
font-weight: bold;
margin-bottom: 38px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav ul {
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav ul li {
margin-bottom: 10px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav ul li a {
font-size: 18px;
color: #ffffff;
opacity: .7;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry {
width: 22%;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .footer_title {
font-size: 24px;
color: #fff;
font-weight: bold;
margin-bottom: 38px;
text-transform: uppercase;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .text {
margin-bottom: 45px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .text p {
color: #fff;
opacity: .7;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .title {
margin-bottom: 30px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .title p {
color: #ffffff;
opacity: .7;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .inquiry_btn {
width: 186px;
height: 43px;
line-height: 43px;
background: #da252c;
text-align: center;
font-size: 18px;
color: #ffffff;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .inquiry_btn img {
width: auto;
margin-left: 25px;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_nav ul li a:hover {
color: #e60012;
opacity: 1;
}
section.section.web_footer div.content footer.web_footer div.footer_bottom {
}
section.section.web_footer div.content footer.web_footer div.footer_bottom div.layout {
text-align: center;
padding: 30px 0;
}
section.section.web_footer div.content footer.web_footer div.footer_bottom div.layout div.copyright {
font-size: 16px;
color: #ffffff;
opacity: .5;
}
section.section.web_footer div.content footer.web_footer div.footer_bottom div.layout div.copyright span.txt_impt {
}
section.section.web_footer.web_footer_page div.content {
transform: none;
opacity: 1;
visibility: visible;
min-height: 927px
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item.footer_inquiry .inquiry_btn:hover {
transform: scale(.9);
}
@media only screen and (max-width: 950px) {
section.section.web_footer div.content {
padding-top: 32px;
}
.head_right {
display: none;
}
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item {
width: 49%!important;
margin-bottom: 35px;
padding-right: 35px!important;
}
}
@media only screen and (max-width: 640px) {
section.section.web_footer div.content footer.web_footer div.footer_top div.layout div.flex_row div.footer_item {
width: 100%!important;
}
}
/* page_banner */
div.page_banner {
position: relative;
}
div.page_banner div.img {
}
div.page_banner div.img img {
}
div.page_banner div.path_bar_box {
position: absolute;
padding-left: 125px;
width: 100%;
top: 45%;
}
div.page_banner div.title {
position: absolute;
padding-left: 125px;
top: 32%;
}
div.page_banner div.title h1 {
font-size: 41.74px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
padding-left: 8px;
}
div.page_banner div.title h2 {
font-size: 41.74px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
padding-left: 8px;
}
div.page_banner div.path_bar_box div.path_bar {
position: relative;
background: none;
}
div.page_banner div.path_bar_box div.path_bar ul.layout {
width: 100%;
text-align: left;
}
div.page_banner div.path_bar_box div.path_bar ul.layout li.nav_current {
}
div.page_banner div.path_bar_box div.path_bar ul.layout li.nav_current a {
}
div.page_banner div.path_bar_box div.path_bar ul.layout li {
}
.about_main {
}
.welocom_tit {
position: relative;
padding-bottom: 4px;
font-size: 40px;
color: #000000;
font-weight: bold;
}
.welocom_tit:after {
content: "";
display: block;
width: 207px;
height: 1px;
background: #E60315;
position: absolute;
left: 0;
bottom: 0;
}
.welocom_tit:before {
content: "";
display: block;
width: 23px;
height: 3px;
background: #E60315;
position: absolute;
left: 0;
bottom: -1px;
}
.about_tit {
font-size: 40px;
color: #333333;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 11px;
}
.about_tit:after {
content: "";
background: url(img/about_6.png);
width: 500px;
height: 8px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.about_welcom {
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/about_26.png);
padding: 118px 0 64px;
background-size: cover;
}
.about_welcom .layout {
}
.about_welcom figure {
margin-bottom: 82px;
align-items: flex-start;
}
.about_welcom figure>div {
width: 53.75%;
border: 3px solid #fff;
box-shadow: 0 0 30px #3333;
position: relative;
}
.about_welcom figure>div a {
}
.about_welcom figure>div img {
}
.about_welcom figure>div div {
}
.about_welcom figure>div h3 {
font-size: 36px;
position: absolute;
left: -6px;
bottom: -45px;
writing-mode: tb;
font-weight: bold;
color: rgba(216,219,226,.53);
transform: translateX(-100%);
letter-spacing: 8px;
line-height: 1;
}
.about_welcom figure>div h3:after {
content: "";
background: -webkit-linear-gradient(top,#B7E1F6,#2E86C4 60%);
width: 27px;
height: 250px;
display: inline-block;
margin-top: 27px;
}
.about_welcom figure>div h3:before {
content: "";
background-image: url(img/about_29.png);
width: 3px;
height: 125px;
position: absolute;
left: 17px;
bottom: 85px;
}
.about_welcom figure>div h2 {
position: absolute;
width: 100%;
left: -11px;
bottom: -45px;
background: -webkit-linear-gradient(right,#B7E1F6,#2E86C4);
padding-left: 8px;
font-size: 16px;
color: rgba(255,255,255,.63);
line-height: 36px;
text-transform: uppercase;
max-width: 473px;
}
.about_welcom figcaption {
padding-left: 84px;
width: 46.25%;
}
.about_welcom figcaption h3 {
font-size: 14px;
color: #000000;
}
.about_welcom figcaption h2 {
margin-bottom: 38px;
}
.about_welcom figcaption div {
padding-bottom: 13px;
}
.about_welcom figcaption p {
font-size: 18px;
color: #333333;
line-height: 1.8;
margin: 8px 0;
}
.about_welcom figcaption a {
line-height: 43px;
padding: 0 46px;
display: block;
width: max-content;
background: #E60012;
color: #fff;
font-size: 16px;
}
.about_welcom .scoll_num {
padding: 0 96px;
}
.about_welcom .scoll_num div {
text-align: center;
max-width: 25%;
}
.about_welcom .scoll_num h2 {
margin-bottom: 11px;
position: relative;
}
.about_welcom .scoll_num span {
font-family: "DINcond-bold";
font-size: 66px;
color: #000000;
font-weight: 100;
line-height: 1;
}
.about_welcom .scoll_num i {
font-size: 30px;
color: #000000;
position: absolute;
top: -15px;
margin-left: 10px;
}
.about_welcom .scoll_num p {
font-size: 18px;
color: #000000;
text-transform: capitalize;
}
.about_welcom figcaption a:hover {
background-color: #fff;
}
.about_oem {
background: #F0F2F8;
padding: 77px 0;
/*display: none;*/
}
.about_oem figure {
align-items: center;
}
.about_oem figure>div {
width: 52.5%;
order: 2;
}
.about_oem figure img {
}
.about_oem figcaption {
width: 47.5%;
padding-right: 130px;
}
.about_oem figcaption h2 {
margin-bottom: 28px;
}
.about_oem figcaption div {
}
.about_oem figcaption p {
font-size: 18px;
color: #333333;
max-width: 627px;
line-height: 2;
margin: 8px 0;
}
.about_oem figcaption a {
line-height: 43px;
padding: 0 46px;
display: block;
width: max-content;
background: #E60012;
color: #fff;
font-size: 16px;
margin-top: 20px;
}
.about_oem figcaption a:hover {
background-color: #fff;
}
.about_mission {
padding: 90px 0 98px;
}
.about_mission .layout {
}
.about_mission .about_tit {
margin-bottom: 53px;
}
.about_mission .wrap {
border-radius: 20px 30px 30px 20px;
box-shadow: 0 0 20px #3333;
overflow: hidden;
}
.about_mission .left {
width: 50%;
position: relative;
background-size: cover;
}
.about_mission .left img {
}
.about_mission .left:after {
content: "";
width: 100%;
height: 50%;
position: absolute;
right: 0;
bottom: 0;
background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.6));
}
.about_mission .mission_wrap {
position: absolute;
left: 0;
bottom: 44px;
width: 100%;
z-index: 2;
}
.about_mission .swiper-slide {
padding: 0 90px 0 60px;
}
.about_mission .mission_wrap h2 {
font-size: 22px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 15px;
}
.about_mission .mission_wrap p {
color: #FFFFFF;
font-size: 16px;
line-height: 1.7;
margin-bottom: 15px;
}
.about_mission .mission_wrap a {
font-size: 20px;
color: #CC0000;
display: block;
width: max-content;
border-bottom: 1px solid #E60012;
text-transform: capitalize;
padding-bottom: 1px;
}
.about_mission .right {
width: 50%;
}
.about_mission .right figure {
align-items: flex-start;
padding: 44px 42px 23px 49px;
color: #333333;
position: relative;
transition: all .3s linear;
cursor: pointer;
}
.about_mission .right figure:after {
content: "";
width: calc(100% - 42px);
height: 1px;
position: absolute;
left: 0;
bottom: 0;
background-color: #DCDCDC;
display: block;
}
.about_mission .right figure:last-of-type::after {
display: none;
}
.about_mission .right figure div {
}
.about_mission .right figure img {
width: 57px;
height: auto;
margin-top: 10px;
transition: all .3s linear;
}
.about_mission .right figcaption {
width: calc(100% - 92px);
position: relative;
}
.about_mission .right figcaption h2 {
font-size: 22px;
font-weight: bold;
}
.about_mission .right figcaption h3 {
font-size: 68px;
line-height: 1;
position: absolute;
opacity: 1;
right: 0;
top: 50%;
transform: translateY(-50%);
opacity: .2;
transition: all .3s linear;
font-weight: 100;
font-family: "Roboto-light";
}
.about_mission .right figcaption p {
font-size: 18px;
line-height: 1.9;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 68px;
padding-right: 74px;
}
.about_mission .right .active {
background: #87B7DA;
color: #fff;
}
.about_mission .right .active img {
filter: invert(1);
}
.about_mission .right .active h3 {
font-size: 155px;
transform: translate(30%,-16%);
opacity: .08;
}
.about_team {
background: url(img/about_1.png);
padding: 36px 0 104px;
background-size: cover;
}
.about_team .layout {
}
.about_team .about_tit {
margin-bottom: 41px;
}
.about_team .wrap {
}
.about_team figure {
width: 24.1%;
background: #FFFFFF;
padding: 43px 27px 59px;
border-radius: 10px;
transition: all .3s linear;
}
.about_team figure:hover {
box-shadow: 3px 3px 10px 5px #dae1f3;
}
.about_team figure div {
margin-bottom: 27px;
}
.about_team figure img {
width: auto;
height: 57px;
}
.about_team figcaption {
}
.about_team figcaption h2 {
font-size: 26px;
font-weight: bold;
position: relative;
padding-bottom: 7px;
text-transform: capitalize;
margin-bottom: 9px;
}
.about_team figcaption h2:after {
content: "";
height: 2px;
width: 25px;
position: absolute;
left: 0;
bottom: 0;
background: #CC0000;
}
.about_team figcaption p {
font-size: 18px;
line-height: 1.65;
}
.about_honor {
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/about_14.png) center;
padding: 150px 0 90px;
background-size: cover;
}
.about_honor .about_tit {
color: #fff;
margin-bottom: 65px;
padding-bottom: 20px;
position: relative;
}
.about_honor .about_tit:before {
content: "";
background: url(img/about_30.png);
width: 40px;
height: 17px;
left: 50%;
transform: translateX(-50%);
top: -25px;
position: absolute;
}
.about_honor .about_tit:after {
filter: brightness(0) invert(1);
}
.about_honor .box {
position: relative;
}
.about_honor .honor_swiper {
}
.about_honor .honor_swiper .swiper-slide {
width: 392px;
transition: transform 1s linear;
}
.about_honor .honor_control {
}
.about_honor .honor_control div {
width: 34px;
height: 34px;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255,255,255,.23);
border-radius: 10px;
background-repeat: no-repeat;
background-position: center;
z-index: 2;
transition: all .3s linear;
cursor: pointer;
}
.about_honor .honor_control div:hover {
background-color: #E60012;
}
.about_honor .honor_left {
left: 100px;
background-image: url(img/about_4.png);
}
.about_honor .honor_right {
right: 100px;
background-image: url(img/about_3.png);
}
.about_why {
background: url(img/about_27.png);
padding: 88px 0;
background-size: cover;
}
.about_why .layout {
}
.about_why .about_tit {
margin-bottom: 49px;
}
.about_why .wrap {
}
.about_why figure {
width: 32.6%;
text-align: center;
background: #fff;
margin-bottom: 18px;
padding: 40px 55px 75px;
box-shadow: 0 0 10px #bdc9eb;
border-radius: 10px;
transition: all .3s linear;
cursor: pointer;
}
.about_why figure:nth-child(4){
/*display: none;*/
}
.about_why figure:hover {
box-shadow: 5px 5px 10px #bdc9eb;
}
.about_why figure:nth-of-type(n+4) {
width: 24%;
padding: 40px 30px 75px;
}
.about_why figure div {
width: 99px;
height: 99px;
line-height: 99px;
text-align: center;
border-radius: 50%;
margin: 0 auto 27px;
border: 1px solid #EB3442;
position: relative;
}
.about_why figure div:after {
content: "";
width: 114px;
height: 114px;
border: 1px dashed #EB3442;
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.about_why figure img {
width: 43px;
}
.about_why figcaption {
}
.about_why figcaption h2 {
font-size: 26px;
font-weight: bold;
text-transform: capitalize;
position: relative;
padding-bottom: 11px;
margin-bottom: 23px;
}
.about_why figcaption h2:after {
content: "";
width: 25px;
height: 2px;
background: #CD0505;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.about_why figcaption p {
font-size: 18px;
color: #333333;
line-height: 1.6;
}
@media screen and (max-width: 1440px) {
.about_welcom figure>div h3 {
font-size: 24px;
}
.about_welcom figure>div h3:after {
margin-top: 10px;
height: 200px;
}
.about_welcom figure>div h3:before {
left: 12px;
bottom: 35px;
}
.about_welcom figcaption p,.about_oem figcaption p {
font-size: 16px;
margin-bottom: 15px;
}
.about_welcom figcaption {
padding-left: 20px;
}
.about_main .welocom_tit {
font-size: 28px;
margin-bottom: 20px;
}
.about_mission .right figure {
padding: 20px 30px;
}
.about_why figure,.about_why figure:nth-of-type(n+4) {
padding: 30px 15px;
}
.about_why figcaption p {
font-size: 16px;
}
}
@media screen and (max-width: 1280px) {
.about_welcom figure>div h3,.about_welcom figure>div h2 {
display: none;
}
.about_oem figcaption {
padding-right: 20px;
}
.about_mission,.about_team,.about_why,.about_welcom {
padding: 45px 0;
}
.about_tit {
font-size: 32px;
}
.about_welcom .scoll_num {
padding: 0;
}
.about_honor {
padding: 70px 0 45px;
}
div.page_banner div.path_bar_box div.path_bar {
margin-top: 20px;
}
}
@media screen and (max-width: 950px) {
.about_welcom figure>div,.about_oem figure>div {
width: 100%;
margin-bottom: 20px;
order: 0;
}
.about_welcom figcaption,.about_oem figcaption {
width: 100%;
padding: 0;
}
.about_welcom .scoll_num span {
font-size: 40px;
}
.about_mission .left {
width: 100%;
}
.about_mission .mission_wrap {
position: relative;
left: 0;
top: 0;
padding: 50px 0;
}
.about_mission .left:after {
height: 100%;
}
.about_mission .right {
width: 100%;
}
.about_mission .right figcaption p {
line-height: 1.5;
height: 54px;
}
.about_team figure {
width: 49%;
margin-bottom: 15px;
}
.about_why figure, .about_why figure:nth-of-type(n+4) {
width: 49%;
}
.about_honor .honor_swiper .swiper-slide {
transform: none !important;
opacity: 1 !important;
}
}
@media screen and (max-width: 640px) {
.about_welcom .scoll_num div {
width: 49%;
max-width: 100%;
margin-bottom: 10px;
}
.about_team figure,.about_why figure, .about_why figure:nth-of-type(n+4) {
width: 100%;
padding: 20px;
}
.about_honor .honor_control {
display: none;
}
.about_mission .right figure img {
width: 40px;
margin-bottom: 20px;
}
.about_mission .right figcaption {
width: 100%;
}
.about_mission .right h3 {
display: none;
}
.about_mission .right figcaption p {
padding: 0;
}
}
/* product-intro */
div.product-intro {
padding-top: 155px;
background: #f4f4f4;
padding-bottom: 105px;
}
div.product-intro div.layout {
width: 1680px;
}
div.product-intro div.layout div.product-view {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-height: 585px;
}
div.product-intro div.layout div.product-view div.product-image-swiper {
width: calc(100% - 180px);
order: 2;
overflow: hidden;
padding: 1px;
padding-bottom: 40px;
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper {
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper div.swiper-slide {
background: #fff;
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper div.swiper-slide div.product-image {
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper div.swiper-slide div.product-image a#zoom1.cloud-zoom {
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper div.swiper-slide div.product-image a#zoom1.cloud-zoom img {
}
div.product-intro div.layout div.product-view div.product-image-swiper div.swiper-wrapper div.swiper-pagination.swiper-pagination-white {
}
div.product-intro div.layout div.product-view div.image-additional-wrap {
width: 150px;
padding: 25px 0;
height: 100%;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional {
height: 100%;
max-height: 535px;
overflow: hidden;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item.current {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item.current a.cloud-zoom-gallery.item {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item.current a.cloud-zoom-gallery.item img {
background: #fff;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item {
width: 100%;
padding: 1px;
overflow: hidden;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item a.cloud-zoom-gallery.item {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional ul.swiper-wrapper li.swiper-slide.image-item a.cloud-zoom-gallery.item img {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.image-additional div.swiper-pagination.swiper-pagination-white {
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.swiper-button-next.swiper-button-white {
bottom: 0;
position: absolute;
top: auto;
width: 100%;
left: 0;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.swiper-button-prev.swiper-button-white {
width: 100%;
top: 11px;
left: 0;
}
div.product-intro div.layout div.product-view div.product-intro-btn {
}
div.product-intro div.layout div.product-view div.product-intro-btn a {
}
div.product-intro div.layout div.product-view div.product-intro-btn a img {
}
div.product-intro div.layout div.product-summary {
padding-left: 185px;
padding-right: 90px;
}
div.product-intro div.layout div.product-summary h2.page_title {
font-size: 46px;
color: #1c1c1c;
font-weight: bold;
line-height: 1.3;
}
div.product-intro div.layout div.product-summary div.product-meta {
padding-left: 30px;
margin-bottom: 65px;
}
div.product-intro div.layout div.product-summary div.product-meta h3 {
font-size: 26px;
color: #333333;
margin-bottom: 40px;
position: relative;
}
div.product-intro div.layout div.product-summary div.product-meta h3::before {
content: url(img/dianchi.png);
position: absolute;
left: -30px;
}
div.product-intro div.layout div.product-summary div.product-meta ul {
}
div.product-intro div.layout div.product-summary div.product-meta ul li {
position: relative;
}
div.product-intro div.layout div.product-summary div.product-meta ul li::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
background: #e60012;
left: -30px;
top: 15px;
}
div.product-intro div.layout div.product-summary div.product-meta ul li, div.product-intro div.layout div.product-summary div.product-meta ul li p {
font-size: 18px;
color: #666666;
line-height: 1.6;
margin-bottom: 15px;
}
div.product-intro div.layout div.product-summary div.contact_btns {
display: flex;
justify-content: space-between;
max-width: 610px;
}
div.product-intro div.layout div.product-summary div.contact_btns a.inquiry_btn {
}
div.product-intro div.layout div.product-summary div.contact_btns a.inquiry_btn i {
}
div.product-intro div.layout div.product-summary div.contact_btns a.inquiry_btn i img {
}
div.product-intro div.layout div.product-summary div.contact_btns a {
width: 276px;
height: 56.35px;
display: inline-block;
text-align: center;
border: 1px solid rgba(0,0,0);
line-height: 56.35px;
font-size: 21.37px;
color: #000000;
text-transform: uppercase;
}
div.product-intro div.layout div.product-summary div.contact_btns a i {
position: relative;
top: -2px;
margin-right: 22px;
}
div.product-intro div.layout div.product-summary div.contact_btns a i img {
width: auto;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
div.product-intro div.layout div.product-summary div.contact_btns a:hover {
background: #e60012;
border-color: #e60012;
color: #fff;
}
div.product-intro div.layout div.product-summary div.contact_btns a:hover img {
filter: invert(100%);
}
/* product_detail_box */
h2.detail_title {
font-size: 36px;
color: #000000;
font-weight: bold;
}
div.product_detail_box {
}
div.product_detail_box div.detail_time {
background: #f4f4f4;
}
div.product_detail_box div.detail_time div.layout {
border-top: 1px solid #cecece;
}
div.product_detail_box div.detail_time div.layout div.flex_row {
min-height: 195px;
align-items: center;
}
div.product_detail_box div.detail_time div.layout div.flex_row h2.detail_title {
width: 375px;
text-align: center;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content {
width: calc(100% - 375px);
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row {
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item {
padding-left: 70px;
min-width: 295px;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item span {
font-size: 18px;
color: #000000;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 2px;
display: block;
position: relative;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item span i {
position: absolute;
width: 5px;
height: 5px;
background: #e60012;
left: -15px;
top: 10px;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item p {
font-size: 16px;
color: #000000;
}
div.product_detail_box div.detail_Details {
background: #f0f0f0;
padding-top: 30px;
padding-bottom: 30px;
}
div.product_detail_box div.detail_Details div.layout {
padding-left: 95px;
}
div.product_detail_box div.detail_Details div.layout h2.detail_title {
margin-bottom: 55px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content {
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row {
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box {
position: relative;
padding-top: 25px !important;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box span {
position: relative;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box span i {
position: absolute;
width: 5px;
height: 5px;
background: #e60012;
left: -15px;
top: 3px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box span span {
font-size: 18px;
color: #000000;
opacity: .9;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box p {
font-size: 16px;
color: #000000;
font-weight: bold;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(1) {
min-width: 210px;
padding: 0 45px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(2) {
max-width: 305px;
padding: 0 40px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(3) {
min-width: 200px;
padding: 0 40px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(4) {
width: 215px;
padding: 0 55px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(5) {
width: 255px;
padding: 0 45px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box:nth-child(6) {
width: 320px;
padding-left: 45px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box::before {
content: "";
position: absolute;
width: 1px;
height: 120px;
background: #898989;
left: 0;
top: 0;
}
div.product_detail_box div.detail_product {
background: #f0f0f0;
padding-top: 70px;
}
div.product_detail_box div.detail_product div.layout {
}
div.product_detail_box div.detail_product div.layout div.content {
max-width: 1570px;
margin: auto;
background: #ffff;
padding-top: 115px;
padding-left: 95px;
padding-right: 95px;
padding-bottom: 165px;
position: relative;
z-index: 2;
}
div.product_detail_box div.detail_product div.layout::before {
content: url(img/detail_be.png);
position: absolute;
left: calc(50% - 960px);
top: -10px;
z-index: 1;
}
div.product_detail_box div.detail_product div.layout::after {
content: url(img/detail_af.png);
position: absolute;
left: calc(50% - 960px);
bottom: -18px;
z-index: 1;
clear: none;
visibility: visible;
height: auto;
}
div.product_detail_box div.detail_product div.layout div.content div.title {
}
div.product_detail_box div.detail_product div.layout div.content div.title span {
font-size: 12.7px;
color: #666666;
}
div.product_detail_box div.detail_product div.layout div.content div.title span::before {
content: url(img/detail_product_be.png);
position: relative;
margin-right: 5px;
top: 1px;
}
div.product_detail_box div.detail_product div.layout div.content div.title span::after {
content: url(img/detail_product_be.png);
position: relative;
margin-left: 5px;
top: 1px;
}
div.product_detail_box div.detail_product div.layout div.content div.title h2.detail_title {
margin-bottom: 55px;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row {
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left {
width: 67.5%;
padding-right: 30px;
background: url(img/detail_1_bg.png);
background-repeat: no-repeat;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul {
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li {
display: flex;
align-items: center;
min-height: 135px;
border-top: 1px solid #aaaaaa;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.number {
width: 140px;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.number span {
font-size: 48.97px;
color: #000000;
font-family: 'DINPro-Black';
font-weight: normal;
font-style: italic;
line-height: 1;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.number i {
position: relative;
top: -15px;
margin-left: 5px;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.number i img {
width: auto;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.text {
width: calc(100% - 140px);
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.text p {
font-size: 20px;
color: #000000;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_right {
width: 32.5%;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_right a {
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_right a img {
}
div.product_detail_box div.detail_specification {
padding-top: 80px;
background: #f4f4f4;
}
div.product_detail_box div.detail_specification div.layout {
}
div.product_detail_box div.detail_specification div.layout div.title {
margin-bottom: 40px;
}
div.product_detail_box div.detail_specification div.layout div.title h2.detail_title {
text-align: center;
}
div.product_detail_box div.detail_specification div.layout div.content {
}
div.product_detail_box div.detail_specification div.layout div.content h4 {
font-size: 28px;
color: #000000;
font-weight: bold;
margin-bottom: 15px;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row {
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left {
width: 42.5%;
background: #efefef;
padding-left: 140px;
padding-top: 65px;
padding-bottom: 30px;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left ul {
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left ul li {
font-size: 18px;
color: #333;
margin-bottom: 20px;
position: relative;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left ul li::before {
content: "";
position: absolute;
width: 5px;
height: 5px;
background: #e60012;
left: -25px;
top: 10px;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left ul li em {
color: #000;
font-weight: 500;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right {
width: 57%;
border: 1px solid #e5e5e5;
padding-left: 60px;
padding-right: 95px;
padding-top: 120px;
padding-bottom: 120px;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box {
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table {
width: 100%;
border: 1px solid #dddddd;
border-bottom: none;
border-right: none;
border-collapse: collapse;
border-spacing: 0;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table tbody {
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table tbody tr {
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table tbody tr:nth-child(1) td {
background: #efefef;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table tbody tr td {
font-size: 18px;
color: #333333;
height: 100px;
border-bottom: 1px solid #dddddd;
border-right: 1px solid #dddddd;
text-align: center;
padding: 10px;
background: #fff;
}
div.product_detail_box div.detail_Electrical {
background: url(img/detail_bg2.png);
padding-top: 120px;
padding-bottom: 180px;
}
div.product_detail_box div.detail_Electrical div.layout {
width: 1470px;
}
div.product_detail_box div.detail_Electrical div.layout div.content {
}
div.product_detail_box div.detail_Electrical div.layout div.content div.title {
position: relative;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.title h2 {
font-size: 28px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 60px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.title h2 i {
position: absolute;
width: 28px;
height: 14px;
background: url(img/dianchi_2.png);
bottom: -20px;
left: calc(50% - 14px);
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box {
position: relative;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box::before {
content: url(img/table_be.png);
position: absolute;
bottom: 40px;
left: calc(50% - 960px);
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table thead {
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table thead tr {
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table thead tr th {
font-size: 24px;
color: #333333;
border: 1px solid #ddd;
height: 100px;
background: #ffffff;
padding-left: 125px;
text-align: left;
background: #eeeeee;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody {
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody tr {
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody tr td {
height: 100px;
width: auto;
border: 1px solid #ddd;
background: #ffffff;
font-size: 20px;
color: #333333;
text-align: left;
padding-left: 55px;
padding-right: 55px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody tr td p {
font-size: 20px;
color: #333333;
padding: 0;
line-height: inherit;
}
div.product_detail_box div.detail_curve {
background: #f4f4f4;
padding-top: 125px;
padding-bottom: 155px;
}
div.product_detail_box div.detail_curve div.layout {
width: 1760px;
}
div.product_detail_box div.detail_curve div.layout div.title {
padding-left: 150px;
margin-bottom: 80px;
}
div.product_detail_box div.detail_curve div.layout div.title h2 {
font-size: 26px;
color: #000000;
font-weight: bold;
}
div.product_detail_box div.detail_curve div.layout div.content {
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row {
justify-content: flex-start;
-webkit-justify-content: flex-start;
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row div.item_box {
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row div.item_box a {
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row div.item_box a img {
}
div.product_detail_box div.detail_case {
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/case_bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 130px;
padding-bottom: 125px;
}
div.product_detail_box div.detail_case div.layout {
width: 1660px;
}
div.product_detail_box div.detail_case div.layout div.title {
}
div.product_detail_box div.detail_case div.layout div.title h2 {
font-size: 26px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
div.product_detail_box div.detail_case div.layout div.content {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide a {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide a div.item_img {
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide a div.item_img img {
width: auto;
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide a div.item_text {
position: absolute;
height: 73px;
width: 100%;
background: rgba(0,0,0,.76);
bottom: 0;
color: #fefefe;
font-size: 20px;
line-height: 73px;
padding-left: 55px;
}
div.product_detail_box div.detail_case div.layout div.content div.detail_case_swiper div.swiper-wrapper div.swiper-slide a div.item_text h3 {
}
/* single_inquiry */
div.single_inquiry {
}
div.single_inquiry div.flex_row {
}
div.single_inquiry div.flex_row div.item_left {
background: #f8f8f8;
width: 46%;
padding-left: 125px;
display: flex;
align-items: center;
padding-right: 235px;
}
div.single_inquiry div.flex_row div.item_left div.content {
}
div.single_inquiry div.flex_row div.item_left div.content span {
font-size: 18px;
color: #e60012;
margin-bottom: 15px;
display: block;
}
div.single_inquiry div.flex_row div.item_left div.content span i {
}
div.single_inquiry div.flex_row div.item_left div.content h2 {
font-size: 50px;
color: #000000;
font-weight: bold;
line-height: 1.2;
margin-bottom: 70px;
}
div.single_inquiry div.flex_row div.item_left div.content p {
font-size: 18px;
color: #000000;
line-height: 1.8;
}
div.single_inquiry div.flex_row div.item_right {
padding-top: 90px;
width: 54%;
padding-left: 195px;
padding-right: 225px;
padding-bottom: 95px;
}
div.single_inquiry div.flex_row div.item_right img {
width: auto;
}
div.single_inquiry div.flex_row div.item_left div.content span img {
width: auto;
}
div.single_inquiry div.flex_row div.item_right h2 {
font-size: 18px;
color: #000000;
margin-bottom: 15px;
}
/* single_Recommended */
div.single_Recommended {
background: url(img/recom_bg.png);
padding-bottom: 130px;
padding-top: 75px;
}
div.single_Recommended div.layout {
}
div.single_Recommended div.layout div.title {
}
div.single_Recommended div.layout div.title h2 {
font-size: 26px;
color: #000000;
font-weight: bold;
margin-bottom: 35px;
}
div.single_Recommended div.layout div.content {
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper {
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper {
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide {
border-radius: 10px;
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a {
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a div.item_img {
background: url(img/prod_bg.png) center no-repeat;
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a div.item_img img {
width: 100%;
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a div.item_text {
background: #ffffff;
padding-left: 17px;
padding-top: 10px;
padding-bottom: 20px;
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a div.item_text h3 {
font-size: 20px;
color: #171919;
margin-bottom: 5px;
}
div.single_Recommended div.layout div.content div.single_Recommended_swiper div.swiper-wrapper div.swiper-slide a div.item_text p {
font-size: 16px;
color: #171919;
}
div.single_Recommended div.layout div.content div.swiper-pagination.swiper-pagination-white {
}
@media only screen and (max-width: 1680px) {
.product_detail_box .layout,div.product_detail_box div.detail_case div.layout,div.product-intro div.layout {
width:90%;
}
div.product_detail_box div.detail_product div.layout::before {
display: none;
}
div.product_detail_box div.detail_product div.layout::after {
display: none;
}
div.product_detail_box div.detail_curve div.layout {
width: 90%;
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row div.item_box {
width: 30%;
}
div.single_inquiry div.flex_row div.item_left {
padding-right: 25px;
}
div.single_inquiry div.flex_row div.item_left div.content h2 {
font-size: 46px
}
}
@media only screen and (max-width: 1600px) {
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left {
padding-left:80px;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.text p {
font-size: 20px
}
div.product_detail_box div.detail_Details div.layout {
padding-left: 0;
}
div.product-intro div.layout div.product-summary h2.page_title {
font-size: 40px
}
div.product-intro div.layout div.product-summary {
width: 45%;
padding-left: 0;
float: right;
}
div.product-intro div.layout div.product-view {
width: 50%;
max-width: 100%;
}
div.product-intro div.layout div.product-summary div.contact_btns a {
width: 45%;
font-size: 16px;
}
div.single_inquiry div.flex_row div.item_left div.content h2 {
font-size: 40px
}
}
@media only screen and (max-width: 1440px) {
div.product-intro div.layout div.product-summary h2.page_title {
font-size:36px
}
div.single_inquiry div.flex_row div.item_left div.content h2 {
font-size: 40px
}
div.single_inquiry div.flex_row div.item_left {
padding-left: 5%;
}
div.product_detail_box div.detail_Electrical div.layout {
width: 90%;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box::before {
display: none;
}
div.product_detail_box div.detail_time div.layout div.flex_row h2.detail_title {
width: 100%;
text-align: left;
padding-top: 45px;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content {
width: 100%;
}
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item {
padding-left: 20px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table thead tr th {
padding-left: 50px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody tr td {
font-size: 16px;
padding: 0 50px
}
div.product_detail_box div.detail_curve div.layout div.title {
padding-left: 0;
}
div.product-intro div.layout div.product-summary {
padding-right: 0;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box {
width: 33.333%!important;
min-width: auto !important;
max-width: 100% !important;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 950px) {
div.product-intro div.layout div.product-view div.image-additional-wrap {
width:100%;
}
div.product-intro div.layout div.product-view {
width: 100%;
max-height: 100%;
margin-left: 0;
margin-right: 0;
}
div.product-intro div.layout div.product-view div.product-image-swiper {
display: none;
}
div.product-intro div.layout div.product-summary {
width: 100%
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.text p {
font-size: 16px
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left {
width: 100%;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_right {
width: 100%;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left {
width: 100%;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right {
width: 100%
}
div.single_inquiry div.flex_row div.item_left {
width: 100%;
}
div.single_inquiry div.flex_row div.item_right {
width: 100%;
padding-left: 5%;
padding-right: 5%;
}
}
@media only screen and (max-width: 768px) {
div.product_detail_box div.detail_time div.layout div.flex_row div.detail_content div.flex_row div.item {
margin-bottom:35px;
}
div.product_detail_box div.detail_time div.layout div.flex_row h2.detail_title {
margin-bottom: 35px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box {
width: 50%!important;
border-left: 1px solid #999;
margin-bottom: 20px;
}
div.product_detail_box div.detail_product div.layout div.content {
padding: 35px
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box::before {
content: normal;
}
}
@media only screen and (max-width: 640px) {
h2.detail_title {
font-size:30px
}
div.single_inquiry div.flex_row div.item_left div.content h2 {
font-size: 32px
}
div.product-intro div.layout div.product-summary div.contact_btns {
flex-wrap: wrap
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right {
padding: 35px 20px
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_right div.table_box table tbody tr td {
font-size: 14px
}
div.product_detail_box div.detail_specification div.layout div.title h2.detail_title {
text-align: left;
}
div.product-intro div.layout div.product-summary div.contact_btns a {
width: 100%;
margin-bottom: 25px;
}
div.product_detail_box div.detail_specification div.layout div.content div.flex_row div.item_left {
padding-left: 40px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box {
width: 100%!important;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li {
flex-wrap: wrap;
padding-top: 30px;
}
div.product_detail_box div.detail_product div.layout div.content div.flex_row div.item_left ul li div.text {
width: 100%;
margin-bottom: 35px;
}
div.product_detail_box div.detail_curve div.layout div.content div.flex_row div.item_box {
width: 100%;
margin-bottom: 35px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table tbody tr td {
padding: 0 10px
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table thead tr th {
padding-left: 10px;
}
div.product_detail_box div.detail_Electrical div.layout div.content div.table_box table {
width: 600px;
}
div.product_detail_box div.detail_Details div.layout div.detail_content div.flex_row div.item_box {
border-left: none;
border-bottom: 1px solid #999;
padding: 0 20px 20px !important;
}
}
/* batteries_box */
section.batteries_box {
position: relative;
}
h2.batteries_title {
font-size: 40px;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom: 12px;
text-transform: uppercase;
}
div.batteries_text {
}
div.batteries_text p {
font-size: 18px;
color: #000000;
text-align: center;
}
div.batteries_more {
text-align: center;
font-size: 18px;
color: #f00;
text-transform: capitalize;
margin-top: 22px;
border-bottom: 1px solid #f00;
display: inline-block;
opacity: 0;
transform: scale(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
div.batteries_more a {
color: #f00;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(3n+1) div.batteries_more {
border-bottom: 1px solid #fff;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(3n+1) div.batteries_more a {
color: #fff;
}
section.batteries_box div.batteries_nav {
width: 1600px;
margin: auto;
box-shadow: 0 0 70px rgba(0,0,0,.23);
position: absolute;
background: #fff;
display: block;
left: calc(50% - 800px);
padding: 0 55px;
padding-top: 50px;
top: -90px;
}
section.batteries_box div.batteries_nav div.flex_row {
}
section.batteries_box div.batteries_nav div.flex_row li {
width: 20%;
font-size: 18px;
color: #000000;
text-align: center;
margin-bottom: 50px;
position: relative;
}
section.batteries_box div.batteries_nav div.flex_row li a {
}
section.batteries_box div.batteries_nav div.flex_row li::before {
content: '';
position: absolute;
width: 2px;
height: 30px;
background: #d0d0d0;
right: 0;
}
section.batteries_box div.batteries_nav div.flex_row li:last-child::before {
display: none;
}
section.batteries_box div.batteries_nav div.flex_row li:nth-child(8)::before {
display: none;
}
section.batteries_box div.batteries_content {
}
section.batteries_box div.batteries_content div.item_box_1 {
background: #e7e6e6;
padding-top: 210px;
}
section.batteries_box div.batteries_content div.item_box_1 div.content {
max-width: 1170px;
margin: auto;
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text {
text-align: center;
margin-bottom: 82px;
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text h2.batteries_title {
margin-bottom: 12px;
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text div.batteries_text {
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text div.batteries_text p {
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text div.batteries_more {
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_img {
text-align: center;
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_img img {
width: auto;
}
section.batteries_box div.batteries_content div.item_box_1.Carbon {
background-size: 100% auto !important;
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content {
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_text {
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_text h2.batteries_title {
color: #fff;
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_text div.batteries_text {
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_text div.batteries_text p {
color: #fff;
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_text div.batteries_more {
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_img {
}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_img img {
}
section.batteries_box div.batteries_content div.item_box_2 {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item {
width: 49.8%;
margin-bottom: 6px;
position: relative;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_img {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_img img {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text {
position: absolute;
text-align: center;
top: 125px;
width: 670px;
left: calc(50% - 335px);
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text h2.batteries_title {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text div.batteries_text {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text div.batteries_text p {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text div.batteries_more {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(3n+1) div.item_text h2.batteries_title {
color: #fff;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(3n+1) div.item_text div.batteries_text {
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(3n+1) div.item_text div.batteries_text p {
color: #fff;
}
section.batteries_box div.batteries_content div.item_box_4 {
padding-top: 115px;
min-height: 835px;
background-position: bottom !important;
background-size: 100% auto !important;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout {
width: 1450px;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row {
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_left {
width: 35%;
padding-top: 15px;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_left h2.batteries_title {
text-align: left;
text-transform: uppercase;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_right {
width: 65%;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_right div.batteries_text {
text-align: left;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_right div.batteries_text p {
text-align: left;
line-height: 1.8;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_right div.batteries_more {
}
section.batteries_box div.batteries_content div.item_inquiry {
background: url(https://cdnus.globalso.com/gmcellgroup/style/global/img/inquiry_bg.png);
margin: 5px 0;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout {
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row {
min-height: 293px;
align-items: center;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left {
width: 32%;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left h2 {
font-size: 40px;
color: #ffffff;
text-transform: uppercase;
line-height: 1.2;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left h2 br {
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right {
width: 68%;
display: flex;
justify-content: space-between;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text {
width: 37%;
padding-left: 85px;
position: relative;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text::before {
content: '';
position: absolute;
width: 1px;
height: 115px;
background: #fff;
opacity: .37;
left: 0;
top: calc(50% - 57.5px);
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text p {
color: #ffffff;
font-size: 16px;
line-height: 1.8;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right a.inquiry_btn {
width: 309px;
height: 64px;
display: inline-block;
line-height: 64px;
color: #fff;
text-align: center;
font-size: 29.54px;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 3px;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right a.inquiry_btn img {
width: auto;
margin-left: 30px;
position: relative;
top: -3px;
}
section.batteries_box div.batteries_content div.item_box_5 {
padding-top: 85px;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout {
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row {
align-items: center;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text {
width: 43.5%;
padding-bottom: 150px;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text h2.batteries_title {
text-align: left;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text div.batteries_text {
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text div.batteries_text p {
text-align: left;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text div.batteries_more {
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_img {
width: 56.5%;
text-align: center;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_img img {
width: auto;
}
section.batteries_box div.batteries_content > .item_box_1:hover div.batteries_more {
opacity: 1;
transform: scale(1);
}
section.batteries_box div.batteries_content > .item_box_3:hover div.batteries_more {
opacity: 1;
transform: scale(1);
}
section.batteries_box div.batteries_content > .item_box_4:hover div.batteries_more {
opacity: 1;
transform: scale(1);
}
section.batteries_box div.batteries_content > .item_box_5:hover div.batteries_more {
opacity: 1;
transform: scale(1);
}
section.batteries_box div.batteries_content > .item_box_2 .item:hover div.batteries_more {
opacity: 1;
transform: scale(1);
}
@media only screen and (max-width: 1600px) {
section.batteries_box div.batteries_nav {
width:90%;
left: 5%;
}
h2.batteries_title {
font-size: 36px
}
.head_nav > li > a {
font-size: 16px
}
}
@media only screen and (max-width: 1440px) {
h2.batteries_title {
font-size:32px
}
section.batteries_box div.batteries_nav {
width: 95%;
left: 2.5%;
padding: 25px;
top: -37px;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout {
width: 95%;
}
section.batteries_box div.batteries_nav div.flex_row li {
font-size: 16px;
margin-bottom: 0;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text {
top: 75px
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text {
width: 100%;
padding: 0px 10px;
left: 0;
}
}
@media only screen and (max-width: 1280px) {
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text {
padding-left:25px;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text {
top: 10px;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text div.batteries_text p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text div.batteries_text p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
@media only screen and (max-width: 950px) {
div.batteries_text p {
font-size:16px
}
section.batteries_box {
padding-top: 25px;
background: #e7e6e6;
margin-left: 0;
}
section.batteries_box div.batteries_nav {
top: 0;
position: relative;
margin-left: 0;
padding-bottom: 5px;
}
section.batteries_box div.batteries_nav div.flex_row li {
width: 50%;
margin-bottom: 20px;
text-align: center;
padding-left: 0;
}
section.batteries_box div.batteries_nav div.flex_row li:nth-child(2n)::before {
display: none;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item {
width: 100%;
}
section.batteries_box div.batteries_content div.item_box_1 {
padding-top: 75px;
}
section.batteries_box div.batteries_content div.item_box_4 {
background-color: #fff !important;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_left {
width: 100%;
}
section.batteries_box div.batteries_content div.item_box_4 div.layout div.flex_row div.item_right {
width: 100%;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left {
width: 100%;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right {
flex-wrap: wrap;
width: 100%;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text {
width: 100%;
margin-bottom: 45px;
padding-left: 0;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left h2 br {
display: none;
}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row {
padding: 50px 0
}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text {
padding: 0 35px
}
section.batteries_box div.batteries_content div.batteries_more {
opacity: 1!important;
transform: scale(1)!important;
}
}
@media only screen and (max-width: 768px) {
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text {
width:100%;
}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_img {
width: 100%;
}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text {
top: 0;
}
/*section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(-n+2) div.item_text h2.batteries_title{color:#000}*/
/*section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(-n+2) div.item_text div.batteries_text p{color:#000}*/
/*section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(4) div.item_text h2.batteries_title{color:#000}*/
/*section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item:nth-child(4) div.item_text div.batteries_text p{color:#000}*/
}
@media only screen and (max-width: 640px) {
section.batteries_box div.batteries_nav div.flex_row li {
}
section.batteries_box div.batteries_nav {
padding: 20px
}
section.batteries_box div.batteries_content div.item_box_1.Carbon {
background-size: cover!important;
}
}
@media only screen and (max-width: 480px) {
section.batteries_box div.batteries_nav div.flex_row li {
width:100%;
}
section.batteries_box div.batteries_nav div.flex_row li:last-child {
margin-bottom: 0;
}
section.batteries_box div.batteries_nav div.flex_row li::before {
content: normal;
}
}
/* page_battery_box */
div.page_battery_box {
padding-top: 30px;
}
div.page_battery_box div.battery_item {
}
div.page_battery_box div.battery_item div.layout {
}
div.page_battery_box div.battery_item div.layout div.flex_row {
min-height: 520px;
align-items: center;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text {
width: 50%;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3 {
font-size: 40px;
color: #000000;
font-weight: bold;
line-height: 1.2;
margin-bottom: 40px;
position: relative;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3:before {
content: url(img/solution_title.png);
position: absolute;
bottom: -30px;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3 br {
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text div.text {
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text div.text p {
font-size: 18px;
color: #333333;
line-height: 1.8;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_img {
width: 50%;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_img a {
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_img a img {
}
div.page_battery_box div.battery_item:nth-child(1) {
background: url(img/solution_cus_be.png);
background-repeat: no-repeat;
background-position: bottom left;
}
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_text {
position: relative;
padding-right: 55px;
}
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_text:before {
content: url(img/solution_cus_af.png);
position: absolute;
right: -50px;
top: -100px;
}
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_img {
padding-left: 65px;
}
div.page_battery_box div.battery_item:nth-child(2) {
background: #f0f2f8;
}
div.page_battery_box div.battery_item:nth-child(2) div.layout div.flex_row div.item_text {
order: 2;
padding-left: 22px;
position: relative;
}
div.page_battery_box div.battery_item:nth-child(2) div.layout div.flex_row div.item_img {
padding-right: 65px;
}
div.page_battery_box div.battery_item:nth-child(2) div.layout div.flex_row div.item_text::before {
content: url(img/provide_be.png);
position: absolute;
right: 0;
top: -70px;
}
/* page_solution_box */
div.page_solution_box {
padding-top: 135px;
background: url(img/solution_bg.png);
background-position-y: -145px;
padding-bottom: 145px;
}
div.page_solution_box div.layout {
}
div.page_solution_box div.layout div.flex_row {
}
div.page_solution_box div.layout div.flex_row div.item_box {
margin-bottom: 5px;
position: relative;
overflow: hidden;
}
div.page_solution_box div.layout div.flex_row div.item_box.row2 {
width: 66.56%;
}
div.page_solution_box div.layout div.flex_row div.item_box.row1 {
width: 33.15%;
}
div.page_solution_box div.layout div.flex_row div.item_box a {
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_img {
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_img img {
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_text {
position: absolute;
bottom: 0;
padding-left: 40px;
padding-right: 15px;
height: 100px;
display: flex;
align-items: center;
}
div.page_solution_box div.layout div.flex_row div.item_box a div.item_text h3 {
font-size: 20px;
color: #ffffff;
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_text h3 {
font-size: 20px;
color: #ffffff;
}
/* page_provide */
div.page_provide {
background: #f0f2f8;
padding-top: 90px;
padding-bottom: 105px;
}
div.page_provide div.layout {
}
div.page_provide div.layout div.page_hd {
}
div.page_provide div.layout div.page_hd h2 {
font-size: 40px;
color: #000000;
text-align: center;
font-weight: bold;
line-height: 1.2;
margin-bottom: 70px;
position: relative;
}
div.page_provide div.layout div.page_hd h2::before {
content: url(img/provide_be.png);
position: absolute;
right: 0;
top: -30px;
}
div.page_provide div.layout div.page_hd h2::after {
content: url(img/provide_af.png);
position: absolute;
left: 0;
bottom: -45px;
}
div.page_provide div.layout div.page_bd {
}
div.page_provide div.layout div.page_bd div.provide_nav {
margin-bottom: 50px;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row {
justify-content: center;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li.active {
border-color: #E60012;
background: rgba(230,0,18,.09);
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li.active a {
color: #E60012;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li {
width: 392px;
height: 81px;
line-height: 81px;
text-align: center;
border-radius: 3px;
margin: 0 12px;
border: 1px solid rgba(184,184,184);
cursor: pointer;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li a {
font-size: 20px;
color: #666666;
pointer-events: none;
}
div.page_provide div.layout div.page_bd div.provide_content {
position: relative;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items {
position: absolute;
opacity: 0;
top: 0;
width: 100%;
left: 0;
transform: scaleY(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items:nth-child(1) {
position: relative;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items.active {
opacity: 1;
transform: scaleY(1);
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items > div.content {
background: #fff;
padding-left: 190px;
padding-right: 115px;
height: 750px;
border-radius: 10px;
padding-top: 70px;
padding-bottom: 45px;
box-shadow: 0 20px 35px rgba(0,0,0,.06);
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row {
flex-direction: column;
height: 100%;
justify-content: left;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
width: 50%;
height: 107px;
margin-bottom: 20px;
padding-right: 105px;
position: relative;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_number {
position: absolute;
opacity: 1;
width: 28.6px;
height: 28.6px;
background: #999999;
left: -80px;
border-radius: 50%;
text-align: center;
line-height: 28.6px;
color: #fff;
top: calc(50% - 14.3px);
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_number span {
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_number::before {
content: url(img/xian.png);
position: absolute;
height: 100px;
overflow: hidden;
bottom: -100px;
left: 48%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_number::after {
content: url(img/xianjian.png);
position: absolute;
opacity: .4;
bottom: -65px;
left: calc(50% - 7.5px);
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text {
background: #eef0f6;
display: flex;
height: 100%;
align-items: center;
padding-left: 65px;
padding-right: 65px;
border-radius: 10px;
position: relative;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.icon {
margin-right: 18px;
width: 64px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.icon img {
width: auto;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.text {
width: 60%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.text p {
font-size: 18px;
color: #000000;
font-family: 'arialbd';
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.number {
right: 45px;
position: absolute;
border-radius: 0 10px 10px 0;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.number span {
font-size: 65.2px;
color: #ffffff;
font-family: 'DINPro-Black';
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.btn {
position: absolute;
width: 28px;
height: 100%;
display: flex;
align-items: center;
right: 0;
background: #f27679;
justify-content: center;
opacity: 0;
border-radius: 0 10px 10px 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
transform: scaleX(0);
transform-origin: 100% 0;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.btn a {
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.btn a img {
width: auto;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content {
position: absolute;
opacity: 0;
width: 792px;
height: 146px;
background: #fff;
border-radius: 10px;
z-index: 9;
box-shadow: 0px 1px 29px rgba(0, 0, 0, 0.07);
padding-left: 45px;
display: flex;
align-items: flex-start;
left: 100%;
padding-top: 20px;
padding-bottom: 20px;
transform: scaleX(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
transform-origin: 0 0;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul {
padding-right: 155px;
position: relative;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul li {
font-size: 16px;
display: block;
border-bottom: 1px solid #f17578;
margin-bottom: 15px;
padding-left: 15px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul li em {
color: #333333;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul li span {
color: #666666;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(-n+5) {
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) {
padding-left: 105px;
padding-right: 0;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) div.item_number {
left: 25px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(5) div.item_number::before {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(5) div.item_number::after {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-last-child(1) div.item_number::before {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-last-child(1) div.item_number::after {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul::before {
content: "";
width: 10px;
position: absolute;
height: calc(100% - 25px);
top: 25px;
border-left: 1px solid #f17578;
border-radius: 10px;
left: -4px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content::before {
content: "";
position: absolute;
width: 41px;
height: 1px;
background: #f17578;
left: 0;
top: 50%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content ul li:nth-last-child(1) {
margin-bottom: 0;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text:hover div.btn {
transform: scaleX(1);
opacity: 1;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item.active div.item_text div.content.active {
opacity: 1;
transform: scaleX(1);
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) div.item_text div.content {
left: auto;
right: 28px;
transform-origin: 100% 0%;
}
@media only screen and (max-width: 1680px) {
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3 {
font-size:36px
}
div.page_provide div.layout div.page_hd h2 {
font-size: 36px
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text {
padding: 0 30px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
padding-right: 50px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items > div.content {
padding-left: 120px;
padding-right: 45px;
}
}
@media only screen and (max-width: 1600px) {
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3 {
font-size:32px
}
div.page_provide div.layout div.page_hd h2 {
font-size: 32px
}
div.page_provide div.layout div.page_hd h2 br {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li {
width: 30%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text {
padding-left: 25px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
padding-right: 55px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) {
padding-left: 55px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) div.item_number {
left: 0
}
}
@media only screen and (max-width: 1200px) {
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.text p {
font-size:16px;
}
div.product-intro div.layout div.product-summary div.contact_btns a i {
margin-right: 12px;
}
}
@media only screen and (max-width: 950px) {
div.page_battery_box div.battery_item {
margin-bottom:35px;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text {
width: 100%;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_img {
width: 100%;
}
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_img {
order: 0;
padding-left: 0;
margin-bottom: 35px;
}
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_text {
width: 100%;
order: 2;
}
div.page_battery_box div.battery_item:nth-child(2) div.layout div.flex_row div.item_img {
padding-right: 0;
margin-bottom: 35px;
}
div.page_battery_box div.battery_item:nth-child(2) div.layout div.flex_row div.item_text {
padding-left: 0;
padding-bottom: 35px;
}
div.page_solution_box div.layout div.flex_row div.item_box a div.item_text h3 {
font-size: 16px
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_text h3 {
font-size: 16px
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li a {
font-size: 16px
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items > div.content {
height: auto
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
width: 100%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) {
padding-left: 0;
padding-right: 55px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item:nth-child(n+6) div.item_number {
left: -80px;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li {
width: 45%;
margin-bottom: 30px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.content {
opacity: 1;
transform: none;
display: none;
}
}
@media only screen and (max-width: 768px) {
div.page_provide div.layout div.page_bd div.provide_content div.provide_items > div.content {
padding-right:0;
}
div.page_solution_box div.layout div.flex_row div.item_box.row2 {
width: 100%
}
div.page_solution_box div.layout div.flex_row div.item_box.row1 {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
div.page_battery_box div.battery_item:nth-child(1) div.layout div.flex_row div.item_text {
padding-right:0;
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3,div.page_provide div.layout div.page_hd h2 {
font-size: 28px
}
div.page_battery_box div.battery_item div.layout div.flex_row div.item_text h3 br {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li {
width: 100%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_number {
display: none;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items > div.content {
padding: 35px 20px
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
padding-right: 0!important;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.text p {
font-size: 12px
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.number span {
font-size: 30px
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.btn {
transform: scaleX(1);
opacity: 1;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.text {
width: 50%;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item div.item_text div.icon {
width: 40px;
}
div.page_provide div.layout div.page_bd div.provide_content div.provide_items div.content div.flex_row li.provide_item {
height: 90px;
}
}
/* pro_product_warp */
.pro_product_warp {
padding: 115px 0 108px;
position: relative;
z-index: 9;
}
.pro_product_warp .layout {
position: static;
}
.pro_product_warp:before {
content: "";
width: 498px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(img/pro_product_bg01.png);
z-index: -1;
}
.pro_product_warp:after {
content: "";
width: 485px;
height: 510px;
position: absolute;
bottom: 0;
right: 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(img/pro_product_bg02.png);
z-index: -1;
}
.pro_product_main {
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
}
.pro_product_aside {
width: 320px
}
.pro_product_aside .item_head {
margin-bottom: 34px
}
.pro_product_aside .item_head h2 {
font-size: 26px;
line-height: 30px;
color: #000000;
text-transform: uppercase;
font-weight: bold
}
.pro_product_aside_nav {
}
.pro_product_asideNav_list {
}
.pro_product_asideNav_list li {
position: relative;
}
.pro_product_asideNav_list>li+li {
margin-top: 30px
}
.pro_product_asideNav_list>li>a {
font-size: 20px;
height: 52px;
color: #000000;
line-height: 52px;
display: block;
border: 1px solid #9b9da3;
padding: 0 15px;
}
.pro_product_asideNav_list li li {
background-color: #eef0f9;
padding: 0 26px 0 22px
}
.pro_product_asideNav_list li li a {
font-size: 18px;
line-height: 30px;
color: #000000;
display: block
}
.pro_product_asideNav_list li ul {
background-color: #fdfdfd;
padding: 16px 11px 26px;
display: none
}
.pro_product_asideNav_list>li li+li {
margin-top: 8px
}
.pro_product_asideNav_list li .icon-cate {
position: absolute;
right: 0;
top: 9px;
display: inline-block;
width: 33px;
height: 34px;
line-height: 34px;
overflow: hidden;
text-align: center;
font-size: 18px;
cursor: pointer;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease
}
.pro_product_asideNav_list li .icon-cate:hover,.pro_product_asideNav_list li.nav-current > .icon-cate:hover {
}
.pro_product_asideNav_list li .icon-cate:before {
content: '\f105'
}
.pro_product_asideNav_list li .icon-cate.icon-cate-up {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.pro_product_asideNav_list li .icon-cate:before {
font-family: "fontawesome"
}
.pro_product_asideNav_list >li>.icon-cate {
opacity: 0;
}
.pro_product_asideNav_list >li.li_active>a {
background-color: #e60012;
border-color: #e60012;
color: #fff;
height: 42px;
line-height: 42px;
}
.pro_product_asideNav_list >li.li_active>.icon-cate {
color: #fff;
top: 4px;
opacity: 1;
}
.pro_product_asideNav_list li li .icon-cate {
height: 30px;
line-height: 30px;
top: 0;
}
.pro_product_box {
width: calc(100% - 408px);
}
.pro_product_box::before {
content: "";
width: 272px;
height: 463px;
position: absolute;
top: -106px;
right: 0;
background-repeat: no-repeat;
background-size: cover;
background-image: url(img/pro_product_bg03.png);
z-index: -1;
}
.pro_product_title {
margin-bottom: 82px;
border-bottom: 1px solid #b2b2b2;
position: relative;
padding-bottom: 16px
}
.pro_product_title h2 {
font-size: 24px;
line-height: 1.5;
color: #000000
}
.pro_product_title:before {
content: "";
width: 40px;
height: 3px;
position: absolute;
bottom: -2px;
left: 0;
background-color: #6d6d6d
}
.pro_product_title:after {
content: "";
width: 92px;
height: 75px;
position: absolute;
bottom: 24px;
right: 0;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(img/pro_product_icon01.png);
}
.pro_product_list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-columns: 1fr 1fr 1fr
}
.pro_product_list .pro_product_slide a {
display: block;
border: 1px solid #dddddd;
border-radius: 12px;
overflow: hidden
}
.pro_product_list .pro_product_slide .item_text {
padding: 26px 0;
text-align: center;
border-top: 1px solid #dddddd;
background-color: #fff;
}
.pro_product_list .pro_product_slide .item_text h2 {
font-size: 20px;
line-height: 26px;
color: #171919;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.pro_product_list .pro_product_slide a:hover .item_text h2 {
color: #e60012;
}
.pro_product_list .pro_product_slide a:hover {
box-shadow: 0 3px 21px rgba(0, 0, 0, .1);
}
/*page*/
.page_bars {
position: relative;
margin-top: 50px;
height: 28px;
text-align: center;
font-size: 16px;
line-height: 26px;
color: #666666
}
.page_bars a,.page_bars span {
position: relative;
display: inline-block;
margin: 0 0 0 8px;
padding: 0 8px;
min-width: 28px;
border: 1px solid #bfbfbf;
vertical-align: top;
text-align: center;
border-radius: 5px;
color: #666666
}
.page_bars a.current,.page_bars a:hover {
border-color: #e60012;
background: #e60012;
color: #FFF
}
.page_bars span.current2 {
padding-right: 8px;
padding-left: 8px
}
@media only screen and (max-width: 1800px) {
.pro_product_warp:before {
width:26.17%;
}
}
@media only screen and (max-width: 1680px) {
.pro_product_warp:before {
width:32%;
}
}
@media only screen and (max-width: 1280px) {
.pro_product_warp:before {
width:360px
}
.pro_product_box {
width: calc(100% - 380px)
}
}
@media only screen and (max-width: 950px) {
.pro_product_aside,.pro_product_warp:before {
display: none;
}
.pro_product_box {
width: 100%;
}
.pro_product_warp {
padding: 60px 0
}
.pro_product_title:after {
width: 50px;
height: 41px;
bottom: 14px
}
.pro_product_title h2 {
font-size: 20px
}
.pro_product_title {
margin-bottom: 40px
}
.pro_product_list {
grid-column-gap: 20px;
grid-row-gap: 20px
}
.pro_product_list .pro_product_slide .item_text {
padding: 12px 0
}
.pro_product_list .pro_product_slide .item_text h2 {
font-size: 18px
}
}
@media only screen and (max-width: 768px) {
.pro_product_list {
grid-template-columns:1fr 1fr;
-ms-grid-columns: 1fr 1fr
}
}
@media only screen and (max-width: 640px) {
.pro_product_list {
grid-template-columns:1fr;
-ms-grid-columns: 1fr;
}
}
/*----------------------------------page head---------------------------------*/
/*public*/
.page_main {
z-index: 10;
overflow: visible;
background: #FFF;
}
.product_main {
background: #f3f3f3;
}
.page_main_news {
padding: 50px 0 0;
}
/*sys_sub_head*/
.sys_sub_head {
position: relative;
z-index: 1;
z-index: 1;
text-align: left;
}
.head_bn_item img {
}
.path_bar {
background: #0000002e;
position: absolute;
text-align: center;
width: 100%;
bottom: 0;
}
.path_bar ul {
font-size: 0;
}
.path_bar li {
display: inline;
letter-spacing: 0;
}
.path_bar li, .path_bar li a {
color: #fff;
font-size: 18.78px;
line-height: 38px;
text-transform: capitalize;
}
.path_bar li:before {
position: relative;
margin: 0 10px;
content: '>';
vertical-align: baseline;
}
.path_bar li:first-child:before {
content: url(img/home.png);
}
.sys_sub_head .pagnation_title {
font-size: 54px;
font-family: "Roboto-Regular";
text-transform: capitalize;
color: #fff;
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
text-align: center;
}
.mobile-head-items {
display: none;
}
/*----------------------------------aside---------------------------------*/
.aside {
float: left;
width: 250px;
}
.side-tit-bar {
position: relative;
}
.side-tit-bar .side-tit {
position: relative;
padding-left: 35px;
background: #e60012;
color: #fff;
font-weight: normal;
font-size: 20px;
line-height: 45px;
}
.side-widget {
position: relative;
overflow: hidden;
margin: 0 0 40px;
}
.side-widget+.side-widget {
padding-top: 20px;
}
.side-cate {
overflow: hidden;
}
.side-cate li {
position: relative;
margin-bottom: 1px;
font-size: 16px;
line-height: 30px;
}
.side-cate li a {
position: relative;
display: block;
padding-left: 30px;
}
.side-cate ul {
display: none;
overflow: visible !important;
background-color: #fff;
}
.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: 8px;
padding-bottom: 8px;
}
.side-cate li li {
font-size: 14px;
}
.side-cate li+li {
border-top: 1px solid #ddd;
}
.side-cate li li a {
margin-left: 30px;
padding-top: 3px;
padding-bottom: 3px;
background: none;
color: #425664;
}
.side-cate li li li {
font-size: 12px;
}
.side-cate li a:hover, .side-cate li.active>a {
color: #e60012;
}
.side-cate li a:hover:before, .side-cate li.active>a:before {
background-color: #e60012;
}
.side-cate li .icon-cate {
position: absolute;
top: 0;
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;
background-color: #e0e0e0;
content: '';
}
.side-cate li.has-child>a {
padding-right: 40px;
line-height: 40px;
}
.side-cate li.nav-current>.icon-cate {
color: #e60012;
}
.side-cate>li.nav-current>a, .side-cate>li.nav-current>.icon-cate {
color: #e60012;
}
.side-cate li li.nav-current>a {
color: #e60012;
}
.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: #e60012;
}
.side_product_item:hover .item-img {
border-color: #e60012;
}
.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% - 350px);
}
.main .banner_section {
margin-bottom: 25px;
}
.page_main, .pagge_main a {
color: #333;
}
.page_main a:hover {
color: #f00;
}
/*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;
padding: 0 8px;
min-width: 33px;
border: 1px solid #cccccc;
color: #333;
vertical-align: top;
text-align: center;
}
.page_bar a.current, .page_bar a:hover {
border-color: #e60012;
background: #e60012;
color: #FFF;
}
.page_bar span.current2 {
padding-right: 8px;
padding-left: 8px;
}
/*--------------------------------------------------------
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: #e60012;
color: #fff;
}
/*--------------------------------------------------------
page: single Product
------------------------------------------------------*/
/*product photos*/
.product-intro {
position: relative;
}
.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: 43.8%;
padding-bottom: 28px;
}
.product-view .product-image {
background: #fff;
}
.product-view .product-image img {
position: relative;
width: 100%;
}
.product-view .image-additional-wrap {
position: relative;
z-index: 999;
}
.product-view .image-additional {
position: relative;
padding: 2px;
}
.product-view .image-additional li {
position: relative;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: visible;
width: 100%;
width: 100%;
height: auto;
-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;
-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: 1;
-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;
padding: 2px;
}
.product-view .image-additional li img {
border: 1px solid #DDDDDD;
}
.product-view .image-additional li.current {
overflow: initial;
}
.product-view .image-additional li.current img {
opacity: 1;
filter: alpha(opacity=100);
border: 1px solid #e60012;
}
.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: #e60012;
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(img/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;
transform: rotate(90deg);
}
.product-view .swiper-button-prev:before {
background-position: -250px -93px;
transform: rotate(90deg);
}
.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;
color: #353333;
padding-left: 60px;
color: #353333;
width: 56.2%;
}
.product-summary .page_title {
display: table;
color: #000;
text-transform: capitalize;
font-weight: bold;
font-size: 36px;
line-height: 1;
}
.product-summary .product-meta {
color: #242424;
font-weight: 300;
font-size: 16px;
line-height: 28px;
margin-top: 50px;
}
.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 {
color: #333;
font-size: 14.7px;
line-height: 26px;
}
.product-summary .product-meta li {
display: table;
padding: 2px 0;
width: 100%;
font-size: 13px;
line-height: 1.6;
}
.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;
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 #e60012;
background: #e60012;
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: #e60012;
}
.product-btn-wrap .email:before, .product-btn-wrap .pdf:before {
padding-right: 10px;
font-size: 16px;
}
.product-btn-wrap .email:before {
content: '\f003';
}
.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;
}
.detail-tabs {
position: relative;
margin-bottom: -1px;
background: #eaedf0;
}
.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;
line-height: 35px;
}
.detail-tabs .title.current {
display: block;
position: relative;
background-color: #e60012;
width: max-content;
color: white;
line-height: 35px;
z-index: 2;
}
.product-detail .tab-panel-content {
display: block;
overflow: hidden;
padding: 10px 0;
}
.product-detail .disabled {
display: none;
}
.tab-panel-wrap {
margin-bottom: 60px;
padding: 40px;
border: 1px solid #ccd3d9;
background-color: #fff;
padding-top: 0;
}
/*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: #e60012;
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(0 75 153);
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: #e60012;
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: #e60012;
text-transform: uppercase;
line-height: 1.8;
}
.blog-item .item-info .item-more:after {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #e60012;
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: #e60012;
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;
}
.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;
}
.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: 1300px;
}
.head_layout.layout {
width: 95%;
}
/*index*/
.web_head.index_web_head .logo {
left: 10px;
-webkit-transform: unset;
transform: unset;
}
.web_head .logo {
}
.web_head .btn--search {
right: 10px;
transform: unset;
-webkit-transform: unset;
}
.head_nav > li {
}
}
@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*/
.head_nav > li {
margin-right: 20px;
}
}
@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: 14px;
}
.head_nav > li {
}
.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: 95%;
}
/*header*/
.head_nav>li>a {
font-size: 14px;
}
.head_nav > li {
margin-right: 10px;
}
/*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);
}
.items_list ul {
margin: -5px;
}
.items_list .product_item {
padding: 5px;
}
.page_main {
}
.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 {
margin: 15px 0;
font-size: 13px;
line-height: 1.5;
}
.product-btn-wrap {
padding-top: 50px;
}
}
@media only screen and (max-width: 1200px) {
div.page_provide div.layout div.page_bd div.provide_nav div.flex_row li a {
font-size:16px;
}
}
@media only screen and (max-width: 1172px) {
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.item_text {
left:12px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(2) {
left: 150px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(3) {
left: 350px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(4) {
left: 600px;
}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box:nth-child(5) {
left: 800px;
}
}
@media only screen and (max-width: 1100px) {
.head_nav > li {
margin-right: 5px;
}
.head_nav>li>a {
font-size: 12px;
}
.web_head .change-language {
margin-left: 10px;
}
.language-flag .country-flag {
left: -10px !important;
}
}
@media only screen and (max-width: 950px) {
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(img/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: flex;
width: 100%;
height: 33px;
text-align: left;
line-height: 25px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
box-shadow: 0px 5px 5px #ededed;
background: #000000;
background: -webkit-linear-gradient(135deg, #e60012 0%, #ff6b00 50%, #ffcc00 100%);
background: linear-gradient(135deg, #e60012 0%, #ff6b00 50%, #ffcc00 100%);
}
.mobile-head-item {
float: left;
width: 45px;
}
.mobile-head-item.mobile-head-aside {
float: right;
}
.mobile-head-item .title {
overflow: hidden;
width: 100%;
height: 33px;
color: #FFF;
text-align: center;
line-height: 33px;
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: 0;
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: 96%;
}
.web_head, .web_head.index_web_head {
padding: 25px 0 0;
padding-top: 25px;
height: auto;
position: relative;
left: auto;
top: auto;
}
.web_head .logo, .web_head.index_web_head .logo {
position: relative;
display: block;
width: 100%;
max-width: unset;
text-align: center;
padding: 15px 0 10px 0;
-webkit-transform: unset;
transform: unset;
left: 0;
}
.web_head .logo img, .web_head.index_web_head .logo img {
width: auto;
}
.web_head.index_web_head .logo img.logo_black {
display: inline-block;
}
.web_head.index_web_head .logo img.logo_white {
display: none;
}
.web_head .nav_wrap {
position: static;
}
.nav_wrap .logo img {
height: 100px;
}
.slider_banner a {
position: relative;
}
.index_company_info .content .right .info_text {
width: 100%;
}
.index_company_info .content .right .info_text .item_text p {
word-wrap: break-word;
}
.head-search {
position: relative;
width: 100%;
height: 35px;
background: #e60012;
color: #fff;
}
.head-search .search-ipt {
width: 100%;
line-height: 35px;
height: 35px;
padding-left: 1.5%;
}
.head-search .search-ipt::placeholder {
color: white;
}
.head-search .search-btn {
width: 35px;
height: 35px;
background-image: url(img/web_icon.png);
background-position: 0 6px;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: none;
}
/* header */
.web_head {
background: #fff;
}
.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;
}
.mobile-head-items .head_nav > li > ul::before {
content: normal;
}
.mobile-head-items .head_nav > li::after {
content: normal;
}
.mobile-head-items .head_nav>li ul li {
font-size: 14px;
}
.mobile-head-items .head_nav li.has-child>ul ul {
display: none !important;
}
.mobile-head-items .head_nav .sub-menu li.has-child a b {
display: none;
}
.mobile-head-items .head_nav .sub-menu li.has-child a {
margin-right: 0;
}
.head_nav li a {
position: relative;
display: block;
line-height: 1.4em;
}
.head_nav li a:hover {
color: inherit;
}
.head_nav li em {
display: block;
overflow: hidden;
}
.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: 11px;
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 {
line-height: 1.5;
}
.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;
}
.index_slider_banner_swiper .swiper-pagination {
bottom: 10px !important;
}
.index_slider_banner_swiper .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: #e60012;
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 {
}
.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);
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.swiper-button-next.swiper-button-white {
bottom: auto;
width: 25px;
top: 50%;
left: auto;
}
div.product-intro div.layout div.product-view div.image-additional-wrap div.swiper-button-prev.swiper-button-white {
width: 25px;
top: 50%;
}
.product-view .swiper-button-next:before {
background: none;
content: '\f105';
transform: rotate(0);
}
.product-view .image-additional-wrap .swiper-button-prev:before {
content: '\f104';
background: none;
transform: rotate(0);
}
/* product summary */
div.product-intro {
padding-top: 20px;
}
.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;
}
.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: rgba(11, 135, 251,1);
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;
}
section.section.index_slider_banner div.content {
padding-top: 0;
}
section.section.index_slider_banner {
height: auto !important;
}
.item_btn {
display: none;
}
.section .content {
padding-top: 20px
}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.index_pro_btns {
justify-content: center;
padding-right: 0;
}
section.section.index_news div.content div.flex_row div.left div.item_left h2::before {
content: normal;
}
div.page_banner div.path_bar_box {
position: static;
padding-left: 20px;
}
div.page_banner div.img {
position: relative;
}
div.page_banner div.title {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: center;
padding-left: 0;
}
div.page_banner div.title h1,div.page_banner div.title h2 {
font-size: 32px;
}
.path_bar li, .path_bar li a {
color: #333;
font-size: 16px;
line-height: 1.5
}
.path_bar li:first-child:before {
content: "\f015";
font-size: 16px;
font-family: fontawesome;
}
div.page_banner div.path_bar_box div.path_bar {
margin-top: 10px;
}
.path_bar .layout {
padding: 10px 0;
}
}
@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: 40px;
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;
}
div.page_solution_box div.layout div.flex_row div.item_box div.item_img img {
width: 100%;
}
div.page_solution_box {
padding-top: 20px;
padding-bottom: 20px;
}
}
@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 */
.web_head.index_web_head .logo img {
max-height: 50px;
}
/*header*/
/*index*/
div.page_banner div.title h1,div.page_banner div.title h2 {
font-size: 26px;
}
/*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 {
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 {
content: '';
}
.swiper-pagination-bullet-active:before {
}
.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 {
}
.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: 16px;
line-height: 1.8;
}
.entry table {
margin-bottom: 20px;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.entry th, .entry td {
padding: 0 15px;
height: 30px;
border: 1px solid #ccc;
background: #fbfbfb;
color: #666;
text-align: left;
font-size: 12px;
line-height: 1.5;
}
.entry th {
background: #eee;
font-size: 12px;
}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {
margin: 0;
padding: 5px;
color: #666;
font-size: 12px;
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%;
width: auto;
}
.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;
}
.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(img/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: #e60012;
-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(img/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(img/icons01.png);
}
.side_content .side_list .cont li .skype:before {
background-image: url(img/icons02.png);
}
.side_content .side_list .cont li .inquiry:before {
background-image: url(img/icons03.png);
}
.side_content .side_list .cont li .qq:before {
background-image: url(img/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(img/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: 600px;
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: -10px;
z-index: 1;
width: 30px;
height: 30px;
background: url(img/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: #e60012;
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: 10pt;
color: #e60012;
}
.change-language .change-language-title a:after {
display: inline-block;
padding-left: 0px;
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: none;
overflow: hidden;
margin: 0 0 10px;
padding: 0 10px 0 0;
width: 30%;
vertical-align: top;
font-size: 10pt;
}
.change-language-cont ul li.language-flag-en,
.change-language-cont ul li.language-flag-es,
.change-language-cont ul li.language-flag-pt,
.change-language-cont ul li.language-flag-de,
.change-language-cont ul li.language-flag-fr,
.change-language-cont ul li.language-flag-ru {
display: inline-block !important;
}
.change-language .change-language-cont li a:hover {
color: #e60012;
}
.change-language .change-language-cont .lang-item-hide {
display: none !important;
}
.change-language .change-language-cont .lang-more {
position: relative;
display: none !important;;
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;
}
.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(img/all-m.gif);
background-repeat: no-repeat;
vertical-align: top;
}
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;
}
.web_head .change-language::before {
content: '';
position: absolute;
width: 1px;
height: 20px;
background: #b2b2b2;
left: -15px;
top: calc(50% - 8px);
}
.change-language .change-language-title .language-flag-en .country-flag {
background: url(img/langugae.png);
background-repeat: no-repeat;
background-position: center !important;
height: 22px;
top: 45%;
filter: grayscale(100%) brightness(10000%);
}
.head_active .change-language .change-language-title .language-flag-en .country-flag,.web_head.page_web_head .change-language .change-language-title .language-flag-en .country-flag {
filter: none;
}
/*-------------------------------
language end
----------------------------------*/
/*-------------------------------
animation start
----------------------------------*/
.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transition: all 1.5s;
}
.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;
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all 1.5s linear !important;
}
@-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;
}
@-webkit-keyframes blobby-wiggle {
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(90deg)
}
50% {
transform: rotate(180deg)
}
75% {
transform: rotate(270deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes blobby-wiggle {
0%,25%,50%,75%,100% {
transform: none
}
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(90deg)
}
50% {
transform: rotate(180deg)
}
75% {
transform: rotate(270deg)
}
100% {
transform: rotate(360deg)
}
}
@-webkit-keyframes blobby-wiggle2 {
0% {
transform: rotate(-0deg)
}
25% {
transform: rotate(-90deg)
}
50% {
transform: rotate(-180deg)
}
75% {
transform: rotate(-270deg)
}
100% {
transform: rotate(-360deg)
}
}
@keyframes blobby-wiggle2 {
0%,25%,50%,75%,100% {
transform: none
}
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(-90deg)
}
50% {
transform: rotate(-180deg)
}
75% {
transform: rotate(-270deg)
}
100% {
transform: rotate(-360deg)
}
}
@-webkit-keyframes move_wave {
0% {
background-position: 0 0;
}
to {
background-position: 2129px 0;
}
}
@keyframes move_wave {
0% {
background-position: 0 0;
}
to {
background-position: 2129px 0;
}
}
/*-------------------------------
animation end
----------------------------------*/
.section[data-anchor="page01"] .wow {
animation-name: none!important;
visibility: hidden!important;
}
.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: fadeInUpA!important;
animation-name: fadeInUpA!important;
opacity: 1;
}
[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] {
-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-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-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)
}
/* fp-nav */
#fp-nav {
position: fixed;
z-index: 100;
bottom: 285px;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
right: 45px;
top: 245px;
bottom: auto;
margin-top: 0 !important;
}
#fp-nav.left {
left: 22px;
}
#fp-nav ul li a.active span {
width: 14px;
height: 14px;
border: 2px solid #999;
background: #E60012;
}
.fp-slidesNav {
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 55px;
}
#fp-nav ul li, .fp-slidesNav ul li {
text-align: right;
position: relative;
margin: 17.5px 0;
display: flex;
flex: 0 0 100%;
justify-content: space-between;
align-items: center;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
display: inline-block;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
width: 15px;
height: 15px;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 15px;
width: auto;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
position: relative;
display: inline-block;
z-index: 1;
height: 6px;
; width: 6px;
;background: #D3D3D3;
border-radius: 100%;
}
#fp-nav ul li .fp-tooltip {
position: relative;
top: 0;
right: 0;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
display: block;
opacity: 1;
visibility: visible;
cursor: pointer;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
-ms-transition-duration: .5s;
transition-duration: .5s;
font-size: 14px;
color: #e60012;
font-weight: 300;
opacity: 0;
}
#fp-nav ul li.active1 .fp-tooltip {
opacity: 1;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(img/fancybox.png)
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 11009;
display: none;
background: #F00
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 11010;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('img/fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left,#fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('img/blank.gif');
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico,#fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url('img/fancybox.png');
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url('img/fancybox.png');
background-position: -40px -60px;
}
#fancybox-left:hover,#fancybox-right:hover {
visibility: visible;
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
/* .fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
} */
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('img/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('img/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('img/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('img/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('img/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('img/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('img/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('img/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('img/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('img/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('img/fancybox.png') -55px -90px no-repeat;
}
.fancybox-ie6 #fancybox-close {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_close.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_nav_left.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_nav_right.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_title_over.png',sizingMethod='scale');
zoom:1;}
.fancybox-ie6 #fancybox-title-float-left {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_title_left.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_title_main.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_title_right.png',sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute;
margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div {
background: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_loading.png',sizingMethod='scale');
}
.fancybox-ie .fancybox-bg {
background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_n.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_ne.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_e.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_se.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_s.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_sw.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_w.png',sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/img/fancybox/fancy_shadow_nw.png',sizingMethod='scale');
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5);
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.fancybox-outer,.fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image,.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image: url('img/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('https://cdnus.globalso.com/gmcellgroup/style/global/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('img/blank.gif');
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
z-index: 99999;
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0,0,0,0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,.8);
}
#ajax-loading-screen {
background-color: traFnsparent;
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;
}
.au_tit .fl-callout-title {
color: #333 !important;
}
.table_wrap {
overflow-x: auto;
}
/*add_personal*/
.entry table tr:nth-child(odd) td {
background: #dcdcdc;
}
.entry th, .entry td {
vertical-align: middle;
}
.entry .fl-rich-text {
overflow: auto;
}
.entry .fl-rich-text p {
font-size: 16px;
}
.entry .fl-callout-text p {
font-size: 16px;
}
.fl-module-heading.title_style .fl-heading {
font-size: 18px;
border-bottom: 2px solid #006aae;
}
.fl-module-heading.title_style .fl-heading-text {
display: inline-block;
line-height: 36px;
background: #006aae;
color: #fff;
padding: 0 20px;
}
.fl-module-heading.title_style1 .fl-heading {
font-size: 32px;
color: #000;
}
.fl-module-heading.title_style2 .fl-heading {
font-size: 22px;
}
.fl-module-heading.title_style3 .fl-heading {
font-size: 40px;
color: #000;
}
.fl-module-heading.title_style3 .fl-heading-text {
display: inline-block;
padding-bottom: 4px;
position: relative;
}
.fl-module-heading.title_style3 .fl-heading-text:before {
content: "";
display: block;
width: 23px;
height: 3px;
background: #E60315;
position: absolute;
left: 0;
bottom: -1px;
}
.fl-module-heading.title_style3 .fl-heading-text:after {
content: "";
display: block;
width: 207px;
height: 1px;
background: #E60315;
position: absolute;
left: 0;
bottom: 0;
}
.fl-module-heading.title_style3.title_style_c .fl-heading-text {
padding-bottom: 12px;
}
.fl-module-heading.title_style3.title_style_c .fl-heading-text:before {
content: normal;
}
.fl-module-heading.title_style3.title_style_c .fl-heading-text:after {
content: "";
background: url(img/about_6.png);
width: 500px;
height: 8px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.fl-module-heading.title_style3.title_style_c1 .fl-heading-text {
padding-bottom: 20px;
}
.fl-module-heading.title_style3.title_style_c1 .fl-heading-text:before {
content: "";
background: url(img/about_30.png);
width: 40px;
height: 17px;
left: 50%;
transform: translateX(-50%);
top: -25px;
position: absolute;
}
.fl-module-heading.title_style3.title_style_c1 .fl-heading-text:after {
content: "";
background: url(img/about_6.png);
width: 500px;
height: 8px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
filter: brightness(0) invert(1);
}
.fl-module-heading.title_style4 .fl-heading {
font-size: 32px;
color: #000;
font-style: italic;
text-shadow: 2px 2px 0 #666, 1px 1px 0 #eee;
}
.fl-module-heading.title_style5 .fl-heading {
font-size: 66px;
color: #000;
}
.fl-module-heading.title_style6 .fl-heading {
font-size: 22px;
color: #333;
}
.fl-module-heading.title_style7 .fl-heading {
font-size: 26px;
color: #000;
}
.fl-module-heading.title_style7 .fl-heading a {
color: inherit;
}
.fl-module-heading.title_style7 .fl-heading a:hover {
color: #e60012;
}
.fl-module-heading.title_style8 .fl-heading {
font-size: 22px;
color: #000;
}
.fl-module-heading.title_style8 .fl-heading a {
color: inherit;
}
.fl-module-heading.title_style8 .fl-heading a:hover {
color: #e60012;
}
.tab-panel-wrap .entry {
padding: 0;
}
.is-style-check-list {
margin-top: 20px
}
.is-style-check-list li {
position: relative;
margin: 0 0 15px;
padding-left: 30px;
line-height: 1.8;
}
.is-style-check-list li::before {
position: absolute;
top: 3px;
left: 4px;
display: block;
width: 9px;
height: 16px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-right: 3px solid #e60012;
border-bottom: 3px solid #e60012;
content: '';
}
.add-shadow {
box-shadow: 3px 3px 10px 5px #dae1f3;
}
.add-shadow1 > .fl-row-content-wrap {
box-shadow: 3px 3px 10px 5px #dae1f3;
border-radius: 10px;
}
.add-shadow1 > .fl-col-content {
box-shadow: 3px 3px 10px 5px #dae1f3;
border-radius: 10px;
}
.add-shadow2 img {
border-radius: 20px;
background: linear-gradient(145deg, #cacaca, #f0f0f0);
box-shadow: 10px 10px 11px #969696, -10px -10px 11px #ffffff;
}
.contact_mail {
border-radius: 10px;
margin-bottom: 30px;
padding: 70px 20px;
}
.contact_tel {
border-radius: 10px;
padding: 70px 20px;
}
.contact_mail .fl-callout-title,.contact_tel .fl-callout-title {
font-size: 26px;
color: #000;
}
/*.page_full_screen .layout{width:100%;max-width:100%;}*/
/*.width_1600 .fl-row-content,.page_full_screen .layout .inquiry-form-wrap{width:1600px;max-width:98%;margin:0 auto;}*/
/*.page_full_screen .main-tit-bar{width:1600px;max-width:98%;display:block;margin:0 auto;margin-bottom: 0.2rem;}*/
/*block2*/
.bg_hover .fl-col-content {
transition: all 0.3s linear;
}
.bg_hover .fl-col-content:hover {
}
.bg_hover .fl-col-content:hover .fl-icon i:before {
color: #e60012;
transition: all 0.3s linear;
}
.bg_hover .fl-col-content:hover .fl-icon i.fa {
transition: all 0.3s linear;
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
}
.bg_hover .fl-col-content:hover .fl-heading-text {
}
.bg_hover .fl-col-content:hover .fl-rich-text p, .bg_hover .fl-col-content:hover .fl-rich-text p span {
}
/* faq */
.faq_wrap {
}
.faq_wrap .page_title_bar {
padding: 35px 0 0;
}
.fl-accordion-items {
position: relative;
width: 100%;
margin: 0 auto;
text-align: left;
}
.fl-accordion-item {
position: relative;
margin: 0 0 20px;
border-radius: 8px;
overflow: hidden;
border: 1px solid transparent;
}
.fl-accordion-item.show_item {
border-color: #eee;
}
.fl-accordion-item .fl-accordion-button {
padding: 20px 78px !important;
line-height: 40px;
background: #f7f7f7;
font-size: 18px;
font-weight: normal;
cursor: pointer;
}
.fl-accordion-item-active .fl-accordion-button {
background: #233038;
color: #FFF;
position: relative;
border-radius: 8px 0 0 0;
}
.fl-accordion-item-active .fl-accordion-content {
position: relative;
border-radius: 0 0 8px 8px;
overflow: hidden;
border: 1px solid #233038;
}
.fl-accordion-item .fl-accordion-button:after {
position: absolute;
left: 20px;
top: 20px;
content: "1";
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
background-color: #FFF;
}
.fl-accordion-item:nth-child(2) .fl-accordion-button:after {
content: "2";
}
.fl-accordion-item:nth-child(3) .fl-accordion-button:after {
content: "3";
}
.fl-accordion-item:nth-child(4) .fl-accordion-button:after {
content: "4";
}
.fl-accordion-item:nth-child(5) .fl-accordion-button:after {
content: "5";
}
.fl-accordion-item:nth-child(6) .fl-accordion-button:after {
content: "6";
}
.fl-accordion-item:nth-child(7) .fl-accordion-button:after {
content: "7";
}
.fl-accordion-item:nth-child(8) .fl-accordion-button:after {
content: "8";
}
.fl-accordion-item .item_cont:after {
display: none;
}
.fl-accordion-item.show_item .item_title:after {
color: #0466c7;
}
.fl-accordion-item .item_cont {
position: relative;
padding: 22px 40px;
line-height: 2;
display: none;
}
.fl-accordion-item .item_cont:after {
content: "!";
background: #0466c7;
color: #FFF;
}
.fl-accordion-item .item_title:before {
font-family: 'fontawesome';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
content: "\f067";
width: 35px;
text-align: center;
line-height: 36px;
font-size: 12px;
}
.fl-accordion-item.show_item .item_title:before {
content: "\f068";
}
.fl-accordion-small .fl-accordion-content {
padding-top: 10px !important;
}
.fl-accordion-item-active .fl-accordion-button:after {
color: #e50112;
}
.fl-accordion-item .fl-accordion-button {
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.fl-accordion-button-label {
color: #000;
}
.fl-accordion-item-active .fl-accordion-button-label {
color: #fff;
}
.mauticform_wrapper {
max-width: 100% !important;
}
.mauticform-input {
font-size: 16px;
color: #333333;
border-radius: 0 !important;
border: none !important;
border-bottom: 1px solid #a0a0a0 !important;
padding: 10px 0 !important;
}
#mauticform_input_gaojuneng_your_message {
border-radius: 3px;
background: #eeeeee;
height: 215px;
margin-top: 35px;
}
#mauticform_input_gaojuneng_submit {
width: 124px;
height: 51px;
background: #e60012;
text-transform: uppercase;
font-size: 18px;
color: #ffffff;
font-weight: normal;
}
div.single_pro_video {
position: fixed;
z-index: 99999999999999;
left: 125px;
bottom: 130px;
width: 361px;
height: 240px;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-ms-transition: all .3s ease;
}
div.single_pro_video div.video_box {
position: relative;
}
div.single_pro_video div.video_box a {
position: absolute;
width: 100%;
height: 100%;
z-index: 999;
}
div.single_pro_video div.video_box video#single_video {
width: 100%;
display: block !important;
border: 1px solid #E60012;
}
div.single_pro_video div.video_box span {
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
}
div.single_pro_video div.video_box span img {
width: auto;
}
div.single_pro_video.active {
width: 100%;
height: 100%;
left: 0 !important;
bottom: 0 !important;
top: 0 !important;
}
div.single_pro_video.active div.video_box {
border: none
}
div.single_pro_video.active div.video_box a {
}
div.single_pro_video.active div.video_box video#single_video {
}
div.single_pro_video.active div.video_box span {
display: none
}
div.single_pro_video.active div.video_box span img {
}
/*contact-us*/
.casting-process-txt .fl-col-content {
box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 10%);
border-radius: 10px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-color: #ffffff9c;
margin: 0 10px
}
.contact-us-ico .fl-icon i.fa {
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.casting-process-txt:hover .fl-icon i.fa {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
color: #fff;
}
.casting-process-txt:hover .fl-icon i:before {
}
.casting-process-txt .fl-col-content:hover {
box-shadow: 2px 4px 8px rgba(0,0,0,.3)
}
.casting-process-txt .fl-col-content:hover .fl-heading .fl-heading-text {
}
.casting-process-txt .fl-col-content:hover p, .casting-process-txt .fl-col-content:hover a,.casting-process-txt .fl-col-content:hover span {
}
/*block5*/
.img_hover img {
max-width: 100px;
-webkit-transition: -webkit-transform 1.2s ease-out;
-moz-transition: -moz-transform 1.2s ease-out;
-o-transition: -o-transform 1.2s ease-out;
-ms-transition: -ms-transform 1.2s ease-out;
}
.img_hover img:hover {
transform: scale(1.05);
}
.icon_img .fl-photo-content {
width: 99px;
height: 99px;
line-height: 99px;
text-align: center;
border-radius: 50%;
margin: 0 auto 27px;
border: 1px solid #EB3442;
position: relative;
}
.icon_img .fl-photo-content:after {
content: "";
width: 114px;
height: 114px;
border: 1px dashed #EB3442;
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.icon_img .fl-photo-content a {
position: relative;
display: inline-block;
z-index: 10;
}
/*download-page*/
.download-list ul li {
position: relative;
display: block;
overflow: hidden;
line-height: 30px;
padding: 30px 0 10px;
}
.download-list ul li .download-cont {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.download-list ul li {
position: relative;
display: block;
overflow: hidden;
line-height: 30px;
padding: 30px 0 10px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
}
.download-list ul li .download-cont .download-pic {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
padding: 0 25px;
}
.download-list ul li .download-cont .download-pic img {
}
.download-list ul li .download-cont .download-detail {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
margin: 0 15px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
word-break: break-all;
}
.download-list ul li .download-cont .download-detail .download-tit {
font-size: 22px;
color: #333;
}
.download-list ul li .download-cont .download-detail .download-description p {
color: #9D9D9C;
font-size: 14px;
}
.download-list ul li .download-button {
position: relative;
display: inline-block;
vertical-align: top;
float: right;
height: 30px;
line-height: 30px;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-left-color: #C1C1C1;
border-right-color: #C1C1C1;
border-top-color: #C9C9C9;
border-bottom-color: #A5A5A5;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
background: -o-linear-gradient(top, #F1F1F1, #DADADA);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
transition: background 0.3s ease;
}
.download-list ul li .download-button:hover {
}
.download-list ul li .download-button a {
position: relative;
display: block;
padding: 0 12px 0 40px;
color: #0A0A0A;
background-image: url(img/icons08.png);
background-repeat: no-repeat;
background-position: 15px 8px;
}
.download-list ul li:first-child {
padding-top: 0;
}
.download-list li:first-child .page_title,.download-list li:nth-child(13) .page_title,.download-list li:nth-child(5) .page_title{line-height:1.5em;position:relative;font-size:20px;margin:30px 0;padding-bottom:10px;border-bottom:2px solid #e2dff2;text-transform:uppercase}
.download-list .page_title{line-height:1.5em;position:relative;font-size:20px;margin:30px 0;padding-bottom:10px;border-bottom:2px solid #e9e9e9;text-transform:uppercase}
/* Float Shadow */
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.pro_product_list .pro_product_slide .item_img {
background: url(img/prod_bg.png) center no-repeat;
background-size: cover;
}
@media only screen and (max-width:1843px){section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text{top:55px}
}
@media only screen and (max-width:1800px){section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text p{-webkit-line-clamp:2}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text{padding-top:90px}
section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text::before{top:30px}
}
@media only screen and (max-width:1300px){section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text{top:25px}
}
@media only screen and (max-width:1187px){h2.batteries_title{font-size:24px}
div.batteries_text p{font-size:14px}
div.batteries_more{font-size:14px;margin-top:12px}
}
@media only screen and (max-width:950px){.hides{bottom:-385px!important;z-index:999!important;pointer-events:none}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text::before{content:normal}
section.section.index_products div.content div.index_pro_nav div.button_disabled{display:block}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box div.title span sup{font-size:18px;font-family:arial}
section.section.index_company div.content div.layout div.index_bd div.flex_row div.item_box .text{padding-right:0!important}
section.section.index_company div.content div.layout div.index_hd h2.index_title{font-size:32px}
}
@media only screen and (max-width:768px){section.batteries_box div.batteries_content div.item_box_4{min-height:auto;padding-bottom:140px;padding-top:20px}
section.batteries_box div.batteries_content div.item_box_1.Carbon div.content div.item_img img{max-width:60%}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_img img{max-width:60%}
section.batteries_box div.batteries_content div.item_box_5 div.layout div.flex_row div.item_text{padding-bottom:20px}
.fl-node-64af9f9318a3c>.fl-row-content-wrap{padding-top:0!important}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_img img{max-width:60%}
section.batteries_box div.batteries_content div.item_box_1 div.content div.item_text{margin-bottom:22px}
section.batteries_box div.batteries_content div.item_box_1{padding-top:15px}
}
@media only screen and (max-width:500px){div.single_pro_video{left:auto;right:12px;max-width:90%;height:auto}
}
@media only screen and (max-width:480px){.download-list ul li{display:block;text-align:center}
.download-list ul li .download-cont{float:none;width:100%;text-align:left}
.download-list ul li .download-button{float:none}
.download-list ul li .download-cont .download-detail .download-tit{font-size:18px}
.download-list ul li .download-cont .download-pic{padding:0 10px}
.fl-module-heading.title_style1 .fl-heading .fl-heading-text{font-size:16px}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left h2{font-size:22px}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right a.inquiry_btn{font-size:20px;width:auto;padding:5px 25px;height:auto;line-height:inherit}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right div.text{margin-bottom:25px;text-align:center}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right a.inquiry_btn img{margin-left:10px}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.right{justify-content:center}
section.batteries_box div.batteries_content div.item_inquiry div.layout div.flex_row div.left{text-align:center}
}
@media only screen and (max-width:440px){section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text{top:10px}
h2.batteries_title{font-size:18px}
div.batteries_text p{font-size:13px}
div.batteries_more{font-size:13px;margin-top:10px}
section.batteries_box div.batteries_content div.item_box_2 div.flex_row div.item div.item_text div.batteries_text p{-webkit-line-clamp:1}
}
@media only screen and (max-width:380px){section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text p{-webkit-line-clamp:2}
}
@media only screen and (max-width:350px){section.section.index_products div.content div.index_pro_content div.flex_row div.right div.index_pro_swiper_box div.index_pro_swiper div.swiper-wrapper div.swiper-slide a div.item_text p{display:none}
}
.reduce_repetition{visibility:hidden;height:0;position:absolute}
.thanksemail{color: #fff;
font-size: 18px;
margin-top: 10px;
text-align: center;
background: linear-gradient(135deg, #e60012 0%, #ff6b00 50%, #ffcc00 100%);
border-radius: 10px;
display: flex;
justify-content: center;
width: fit-content;
justify-content: center;
padding: 5px 30px;
margin: 0 auto;
}
/* -----------------------------------block--------------------------------- */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@font-face { font-family: "Montserrat_Medium"; font-style: normal; src: url(img/Montserrat-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_Regular"; font-style: normal; src: url(img/Montserrat-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_SemiBold"; font-style: normal; src: url(img/Montserrat-SemiBold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Montserrat_Bold"; font-style: normal; src: url(img/Montserrat-Bold.otf) ; font-display: fallback; }
@font-face { font-family: "Montserrat_Light"; font-style: normal; src: url(img/Montserrat-Light.otf) ; font-display: fallback; }
@font-face { font-family: "Archivo_Bold"; font-style: normal; src: url(img/Archivo-Bold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Archivo_Medium"; font-style: normal; src: url(img/Archivo-Medium.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Archivo_Regular"; font-style: normal; src: url(img/Archivo-Regular.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: "Archivo_SemiBold"; font-style: normal; src: url(img/Archivo-SemiBold.ttf) format("TrueType"); font-display: fallback; }
/* block_head */
.block_head{transition: all 0.6s ease;position: relative !important;}
.block_head .change-language .change-language-title a span {padding-left: 33px;}
.block_head .change-language .change-language-title .language-flag-en .country-flag{background:url(img/all-m.gif);background-repeat:no-repeat;background-position:0 -256px !important;height:16px;top:50%}
.block_head .change-language .change-language-title,.block_head .change-language .change-language-title a{color: #000000;}
.block_head .change-language{margin-right:30px;margin-left: 0;}
.block_head .change-language::before{right:-15px;height:19px;background:#000000;left: auto;}
.block_head .head_quote{width: 169px;height: 34px;line-height: 32px; font-size: 16px;color: #1f2937;border: 1px solid #e5e7eb;background-color: #e5e7eb;border-radius: 50px;text-align: center;display: inline-block;font-family: "Montserrat_SemiBold";}
.block_head .btn--search:after, .block_head .btn--search:before{background-image: url(img/sousuo.png);}
.block_head .btn--search{width: 15px;height: 17px;margin-right: 30px;vertical-align: middle;}
.block_head .head_nav>li>a{font-size:20px;font-family: "Montserrat_Medium";}
.block_head .head_nav>li.nav-current>a{color: #e6212a;}
.block_head .head_nav > li::before{height: 2px;}
.block_head .head_nav > li.nav-current:before{width: 100%;}
/* slider_banner_warp */
.slider_banner_warp{position: relative;}
.slider_banner_warp .swiper-pagination{z-index:99;bottom: 48px;}
.slider_banner_warp .swiper-pagination .swiper-pagination-bullet:before{display: none;}
.slider_banner_warp .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 12px; background-color: #ffffff;opacity: .5;border-radius: 50%;display: inline-block;}
.slider_banner_warp .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.block_main .layout,.block_head .layout,.page_footer_warp .layout{width: 1506px;}
.block_main{font-family: 'Montserrat_Regular';}
.prod_main{font-family: "Archivo_Regular";}
.block_hd { position: relative; text-align: center; }
.block_title { position: relative; display: block; color: #000000;font-weight: 400; font-size: 48px; font-family: 'Montserrat_Bold'; line-height: 1.2; }
.block_desc { margin-top: 25px; color: #000000; font-size: 18px; }
.block_product_slide a .item_img img,.block_product_slide .item_info span,.block_application_slide .item_info,.block_application_slide .item_info span,.block_application_item .item_ico img,.block_application_item p
,.block_choose_slide .item_title .ico img,.block_choose_slide .item_title h3,.block_choose_slide span,.block_choose_slide span img,.block_news_slide .item_img img,.block_news_slide .item_info time,.block_news_slide .item_info h3,.block_news_slide .item_info p
,.block_news_slide .item_info,.block_productList_slide a img,.block_productList_box .block_productList_slide .item_info span,.block_sys_warp .block_sys_item .item_video img,.about_gmcell_slide .item_info span,.about_factory_slide .item_img img
,.about_quality_slide .item_img,.about_meet_slide .item_info h3,.block_sys_warp .block_sys_item .item_btns .video_btn img,.service_case_slide .item_info h2,.service_case_slide .item_info p,.service_case_slide .item_ico img,.service_case_slide .item_ico
,.service_solution_slide .item_info,.service_solution_slide .item_info span,.service_seamle_slide .item_more img,.prod_custom_slide .item_img img,.prod_download_slide img
{-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
/* flex */
.align_items_center{align-items: center;-webkit-align-items: center;}
.d_flex,.page_footer_service{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;}
.block_product_slide a,.block_application_slide a,.block_choose_slide a,.block_news_slide a,.block_productList_slide a ,.about_gmcell_slide a,.about_factory_slide a,.about_factory_main .item_video a,.service_case_slide a
,.service_solution_slide a,.service_seamle_video a,.prod_custom_slide a
{display: block;position: relative;}
.block_product_slide .item_img,.block_news_slide .item_img,.block_productList_slide .item_img,.about_factory_slide .item_img,.prod_custom_slide .item_img{overflow: hidden;}
.block_product_slide a:hover .item_img img,.block_news_slide a:hover .item_img img,.block_productList_slide a:hover .item_img img,.about_factory_slide a:hover .item_img img,.prod_custom_slide a:hover .item_img img
{transform: scale(1.15);-webkit-transform: scale(1.15);}
/* block_product_warp */
.block_product_warp{padding: 100px 0;}
.block_product_list{margin:0 -19px;padding-top: 30px;}
.block_product_slide{padding:29px 19px;width:25%}
.block_product_slide a{box-shadow:0 5px 10px rgba(0,0,0,.14);border-radius:10px;overflow:hidden;height: 100%;}
.block_product_slide .item_info{padding:35px 12px;text-align:center}
.block_product_slide .item_info h3{font-size:24px;color:#000000;font-weight:normal;font-family:'Montserrat_SemiBold'}
.block_product_slide .item_info p{font-size:18px;margin-top:15px;color:#494949;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.block_product_slide .item_info span{width:100%;height:30px;line-height:30px;font-size:16px;margin-top:26px;display:block;color:#1f2937;border:1px solid #6b6b6b;border-radius:50px}
.block_product_slide a:hover{background-color: #f5f5f7;}
.block_product_slide .item_info span:hover{background-color: #e80012;color: #ffffff;border-color: #e80012;}
.block_product_warp .block_product_more{width: 300px;height: 50px;line-height: 50px;background-color: #e5e7eb;display: block;font-family: 'Montserrat_Bold';text-transform: uppercase;border-radius: 50px;margin: 40px auto 0; text-align: center;background-color: #e5e7eb;font-size: 16px;color: #1f2937;}
.block_product_warp .block_product_more:hover{background-color: #1f2937;color: #e5e7eb;}
/* block_about_warp */
.block_about_warp{padding:100px 0 120px;background-repeat:no-repeat;background-size:cover}
.block_about_warp .block_hd .block_title{color:#ffffff}
.block_about_main{margin:40px 0 60px}
.block_about_main .item_img{width:47%;padding:8px;background-color:#ffffff;border-radius:20px;overflow:hidden}
.block_about_main .item_img img{width:100%}
.block_about_main .item_info{width:49%}
.block_about_main .item_list li{max-width:25%}
.block_about_main .item_list li .item_ico{height:60px;line-height:60px;margin-bottom:12px}
.block_about_main .item_list li .item_ico img{max-height:60px}
.block_about_main .item_list li h4{font-size:18px;color:#e0e0e0;font-family:'Montserrat_Light'}
.block_about_main .item_info h3{font-size:30px;margin-top:40px;color:#ffffff;font-family:'Montserrat_SemiBold'}
.block_about_main .item_info p{font-size:20px;margin-top:24px;color:#e0e0e0;font-family:'Montserrat_Light'}
.block_about_main .item_info .item_more{margin-top:58px;width:230px;height:50px;line-height:48px;font-size:16px;font-family:'Montserrat_Bold';background-color:#e5e7eb;display:inline-block;text-align:center;border-radius:50px;text-transform:uppercase;border:1px solid #e5e7eb;color:#1f2937}
.block_about_swiper .swiper-slide{height:auto;display:flex;align-items:center;height:120px;justify-content:center}
.block_about_main .item_info .item_more:hover{background-color: transparent;color: #e5e7eb;}
/* block_application_warp */
.block_application_warp{padding: 100px 0 130px; background:#f5f5f7;}
.block_application_list{margin:40px 0 50px;justify-content:center;align-items:center}
.block_application_item{margin:0 20px;padding:4px 51px;text-align:center;cursor:pointer;border-radius:10px}
.block_application_item .item_ico{height:50px;line-height:50px}
.block_application_item p{font-size:18px;margin-top:6px;color:#000000}
.block_application_item.active,.block_application_item:hover {background-color:#e80012}
.block_application_item.active .item_ico img,.block_application_item:hover .item_ico img{filter:brightness(10)}
.block_application_item.active p,.block_application_item:hover p{color:#ffffff}
.block_application_main{position: relative;}
.block_application_box{position:absolute;top:0;left:0;width:100%;transition:.6s all;opacity:0;transform:scaleY(0)}
.block_application_box.active{position:relative;opacity:1;transform:scaleY(1)}
.block_application_text{width:90%;max-width:840px;margin:auto}
.block_application_text h3{width:160px;font-size:36px;color:#000000;font-family:'Montserrat_SemiBold'}
.block_application_text p{flex:1;font-size:18px;color:#000000;font-family:'Montserrat_Light'}
.block_application_swiper{margin-top:30px}
.block_application_slide .item_img{border-radius:10px;overflow:hidden}
.block_application_slide .item_img img{width: 100%;}
.block_application_slide .item_info{position:absolute;top:70%;left:0;width:100%;text-align:center;color:#ffffff;padding:10px;transform:translateY(-50%);opacity:0}
.block_application_slide .item_info h4{font-size:30px;color:#ffffff;text-shadow:0 2px 2px rgba(8,15,25,.6)}
.block_application_slide .item_info span{width:230px;height:50px;line-height:50px;margin-top:30px;font-size:16px;background-color:#e5e7eb;display:inline-block;text-align:center;border-radius:50px;color:#1f2937;text-transform:uppercase}
.block_application_slide .item_info span:hover{background-color: #1f2937;color: #e5e7eb;}
.block_application_slide.swiper-slide-active .item_info{opacity:1;top:50%}
.block_application_swiper .swiper-slide-shadow-left,.block_application_swiper .swiper-slide-shadow-right{display: none;}
/* block_choose_warp */
.block_choose_warp{margin:100px 0}
.block_choose_list{margin:0 -19px;padding-top:30px}
.block_choose_slide{padding:19px 12px;width:50%}
.block_choose_slide a{padding:32px 30px 40px;height:100%;background-color:#f5f5f7;border-radius:10px}
.block_choose_slide .item_title{position:relative;padding-left:35px}
.block_choose_slide .item_title .ico{position:absolute;top:5px;left:0;width:28px}
.block_choose_slide .item_title .ico img{filter:brightness(0)}
.block_choose_slide .item_title h3{font-size:24px;color:#000000;font-family:'Montserrat_Bold';font-weight:normal}
.block_choose_slide p{font-size:18px;margin-top:12px;color:#494949;min-height:81px}
.block_choose_slide span{font-size:18px;margin-top:12px;color:#1f2937;display:inline-block}
.block_choose_slide span img{margin-left:15px;filter:brightness(0)}
.block_choose_slide a:hover{box-shadow: 0 2px 18px rgba(0,0,0,.21);}
.block_choose_slide a:hover .item_title h3,.block_choose_slide span:hover{color: #e80012;}
.block_choose_slide a:hover .item_title .ico img{filter:unset}
.block_choose_slide span:hover img{filter:unset}
/* block_news_warp */
.block_news_warp{padding:100px 0;background-color:#f5f5f7}
.block_news_list{margin:0 -12px;padding-top:30px}
.block_news_slide{width:33.33333333%;padding:12px}
.block_news_slide a{background-color:#ffffff;overflow:hidden;border-radius:20px}
.block_news_slide .item_img{}
.block_news_slide .item_img img{}
.block_news_slide .item_info{padding:20px 24px 26px;border-radius:0 0 20px 20px;border:1px solid #d6d6d6;border-top:0}
.block_news_slide .item_info time{font-size:16px;color:#e6212a;display:inline-block}
.block_news_slide .item_info h3{font-size:23px;margin-top:5px;color:#000000;font-family:'Montserrat_SemiBold'}
.block_news_slide .item_info p{font-size:16px;margin-top:8px;color:#000000}
.block_news_slide .item_info span{width:42px;height:42px;line-height:38px;margin-top:14px;text-align:center;border:1px solid #d7d7d7;border-radius:50%;display:inline-block}
.block_news_slide .item_info span img{filter:brightness(0);opacity:.5}
.block_news_slide a:hover .item_info{background-color: #e6242d;background-image: url(img/gjn29.png);}
.block_news_slide a:hover .item_info time,.block_news_slide a:hover .item_info h3,.block_news_slide a:hover .item_info p{color: #ffffff;}
.block_news_slide a:hover .item_info{border-color: #e6242d;}
.block_news_slide a:hover .item_info span{border-color: #ffffff;background-color: #ffffff;}
.block_news_slide a:hover .item_info span img{filter:unset;opacity:1}
.block_news_slide a:hover{box-shadow: 0 5px 24px rgba(0,0,0,.19);}
/* block_quote_warp */
.block_quote_warp{padding:50px 0;background-repeat:no-repeat;background-size:cover}
.block_quote_main{padding:10px 8%}
.block_quote_text{width:52%}
.block_quote_text .block_title{color:#ffffff;text-transform:uppercase}
.block_quote_text .block_quote_list{margin-top:50px;display:flex;flex-wrap:wrap}
.block_quote_text .block_quote_list li{font-size:18px;margin:0 60px 21px 0;padding:9px 28px;color:#333333;background-color:#e5e7eb;border-radius:10px}
.block_quote_text .block_quote_list li .ico{width:10px;height:10px;margin-right:14px;border-radius:50%;background-color:#e80012;border:2px solid #ffffff;display:inline-block;vertical-align:middle;outline:4px solid #e67a85}
.block_quote_form{width:40%}
.block_quote_form .mauticform-selectbox,.block_quote_form .mauticform-input,.block_quote_form .mauticform-textarea{padding: 11px 15px !important;border-radius: 5px !important;}
.block_quote_form #mauticform_input_gaojuneng_your_message{height: 100px;background-color: #ffffff;margin-top: 0;}
.block_quote_form #mauticform_input_gaojuneng_submit{width:204px;height:50px;background:#e5e7eb;font-size:16px;color:#1f2937;border-radius:50px;}
/* .page footer */
.page_footer_warp{position:relative;font-family:'Montserrat_Regular'}
.page_footer_service{position:relative;padding:100px 0 60px}
.page_footer_service .page_foot_item .fot_tit{position:relative;font-size:24px;margin-bottom:18px;line-height:30px;color:#333333;font-weight:normal;font-family:'Montserrat_SemiBold'}
.page_foot_item{position:relative;display:block;max-width:23%}
.page_foot_item.page_contact_item{width:25%;max-width:26%}
.page_foot_item.page_inquiry_item{width:21%}
.fot_logo{margin-bottom:25px}
.fot_desc{font-size:16px;margin-top:12px;line-height:1.3;color:#333333;font-family:'Montserrat_Light'}
.page_footer_service .inquiry_btn{width:100%;height:44px;line-height:42px;margin-top:40px;font-size:18px;display:flex;align-items: center; color:#ffffff;background-color:#e80012;text-align:center;border-radius:50px;justify-content:space-between;padding:0 7px 0 22px}
.page_footer_service .inquiry_btn span{}
.page_footer_service .inquiry_btn span{}
.page_footer_service .inquiry_btn i{width: 32px;height: 32px;line-height: 32px;border-radius: 50%;background-color: #ffffff;display: block;text-align: center;}
.fot_nav li a{font-size:16px;line-height:36px;color:#333333;display:block;font-family:'Montserrat_Light'}
.page_foot_item.page_contact_item ul.foot_contacts li{position:relative;margin-bottom:14px;padding-left:35px}
.page_foot_item.page_contact_item ul.foot_contacts li:last-child,.foot_sns li:last-child{margin-bottom:0}
.page_foot_item.page_contact_item ul.foot_contacts li:before{position:absolute;top:0;left:0;content:"";background-repeat:no-repeat;background-size:100%}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_address:before{width:19px;height:24px;background-image:url(img/gjn33.png)}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_phone:before{width:20px;height:20px;background-image:url(img/gjn34.png)}
.page_foot_item.page_contact_item ul.foot_contacts li.foot_email:before{width:21px;height:21px;top:0px;background-image:url(img/gjn32.png)}
.page_foot_item.page_contact_item ul.foot_contacts li,.page_foot_item.page_contact_item ul.foot_contacts li a{font-size:16px;word-wrap:break-word;color:#333333;font-family:'Montserrat_Light'}
.page_footer_warp .page_foot_bottom{position:relative;text-align:center;padding:11px 0;background-color:#e5e7eb}
.page_footer_warp a:hover{color:#e80012 !important}
.page_footer_warp .inquiry_btn:hover{background-color:#666666;color:#ffffff !important}
.page_foot_bottom .page_copyright{position:relative;display:block;font-size:14px;color:#1f2937}
.font_sns_list{margin-top:30px}
.font_sns_list li{margin-right:12px;margin-bottom:10px;display:inline-block;vertical-align:middle}
.font_sns_list li a{display:block}
.font_sns_list li:hover a{transform:rotate(30deg);-webkit-transform:rotate(30deg)}
.font_sns_list li img{width:auto}
/* ----------------------------product-list----------------------------- */
/* block_sys_warp */
.block_sys_warp{position: relative;}
.block_sys_warp .block_sys_img{}
.block_sys_warp .block_sys_img img{min-height:260px;object-fit:cover;width:100%}
.block_sys_warp .block_sys_item{position:absolute;top:50%;left:50%;z-index:99;transform:translate(-50%,-50%);text-align:center}
.block_sys_warp .block_sys_item .item_title{font-size:60px;color:#ffffff;font-family:"Archivo_Bold";font-style:italic;line-height:1.1}
.block_sys_warp .block_sys_item .item_text{font-size:40px;color:#ffffff;font-family:"Archivo_Bold";font-style:italic;line-height:1.1}
.block_sys_warp .block_sys_item .item_btns{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:center}
.block_sys_warp .block_sys_item .item_btns a{height:55px;line-height:55px;font-size:18px;margin:10px 33px;background-color:#ffffff;border-radius:50px;color:#e80012;text-transform:uppercase;}
.block_sys_warp .block_sys_item .item_btns .item_download{width:330px}
.block_sys_warp .block_sys_item .item_btns .item_quote{width:224px}
.block_sys_warp .block_sys_item .item_btns a:hover{background-color: #e80012;color: #ffffff;}
.block_sys_warp .block_sys_item .desc{font-size: 24px;margin-top: 30px; color: #ffffff; font-family: "Archivo_Medium";}
.block_sys_warp .block_sys_item .item_video{font-size:24px;margin-top:70px;padding:10px 56px;font-family:'Archivo_Bold';color:#1f2937;background-color:#e5e7eb;display:inline-block;border-radius:50px}
.block_sys_warp .block_sys_item .item_video img{margin-left:14px}
.block_sys_warp .block_sys_item .item_video:hover{background-color: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.block_sys_warp .block_sys_item .item_video:hover img{margin-left:24px}
.block_sys_warp .block_sys_item .item_btns .project_btn{font-size:24px;padding:0 66px;text-transform:capitalize;font-family:'Archivo_Bold'}
.block_sys_warp .block_sys_item .item_btns .video_btn{font-size:24px;padding:0 55px;text-transform:capitalize;font-family:'Archivo_Bold'}
.block_sys_warp .block_sys_item .item_btns .video_btn img{margin-right:5px}
.block_sys_warp .block_sys_item .item_btns .video_btn:hover img{filter: invert(1) sepia(1) hue-rotate(0deg) brightness(2.2);}
/* block_path_bar */
.block_path_bar{padding: 7px 0;}
.block_path_color{background-color: #f5f5f7;}
.block_path_bar li{}
.block_path_bar ul { font-size: 0; }
.block_path_bar li { display: inline-block; }
.block_path_bar li, .block_path_bar li a { color: #494949; font-size: 24px; line-height: 36px; font-family: "Archivo_Medium"; }
.block_path_bar li:before { position: relative; margin: 0 5px; content: '-'; vertical-align: middle; }
.block_path_bar li:first-child:before { display: none; }
/* block_productList_warp */
.block_productList_warp{background:#f5f5f7;padding: 80px 0;}
.block_productList_trust{padding:20px 50px;border:1px solid #7b7b7b}
.block_productList_trust h2{font-size:30px;margin-right:20px;color:#000000;font-family:'Archivo_Bold'}
.block_productList_trust .item_list{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;}
.block_productList_trust .item_list li{width:16%;text-align:center}
.block_productList_trust .item_list li img{}
.block_productList_main{margin-top:60px}
.block_productList_aside{width:360px}
.block_productList_aside .item_title{font-size:30px;margin-bottom:25px;color:#000000;font-family:'Archivo_Bold'}
.block_productList_aside .productList_aside_select{max-width:285px;width:100%;margin-bottom:20px}
.block_productList_aside .productList_aside_select .item_desc{font-size:24px;color:#000000;font-family:"Archivo_SemiBold";border-bottom:1px solid #6e6e6e}
.block_productList_aside .productList_aside_list{margin:10px 0}
.block_productList_aside .productList_aside_list li{font-size:18px;padding:8px 0;color:#494949;position:relative;cursor:pointer}
.block_productList_aside .productList_aside_list li i{width:22px;height:22px;margin-right:14px;border:1px solid #777777;border-radius:5px;display:inline-block;vertical-align:middle;background-repeat: no-repeat;background-position: center;}
.block_productList_aside .productList_aside_list li.active i{background-image: url(img/gjn50.png); background-color: #e6212a;border-color: #e6212a;}
.block_productList_box{width:calc(100% - 420px)}
.block_productList_box .block_productList_text{padding:30px;background-color:#ffffff;border-radius:20px;margin-bottom: 40px;}
.block_productList_box .block_productList_text .item_img{width:44.5%}
.block_productList_box .block_productList_text .item_img img{}
.block_productList_box .block_productList_text .item_info{width:53%}
.block_productList_box .block_productList_text .item_info h2{font-size:30px;margin-bottom:30px;line-height:1.2;color:#000000;font-family:'Archivo_Bold'}
.block_productList_box .block_productList_text .item_info p{font-size:18px;margin-bottom:50px;color:#494949}
.block_productList_box .block_productList_text .item_info .item_sheet{width:195px;height:46px;line-height:46px;margin-right:40px;font-size:16px;margin-bottom: 10px; font-family:'Archivo_Bold';background-color:#ffffff;border:1px solid #e80012;display:inline-block;text-align:center;border-radius:50px;color:#e80012;text-transform:uppercase}
.block_productList_box .block_productList_text .item_info .item_quote{width:202px;height:46px;line-height:46px;font-size:16px;font-family:'Archivo_Bold';background-color:#ffffff;border:1px solid #e80012;display:inline-block;text-align:center;border-radius:50px;color:#e80012;text-transform:uppercase}
.block_productList_box .block_productList_list{margin:0 -20px}
.block_productList_box .block_productList_slide{padding:20px;width: 33.33333333333%;}
.block_productList_box .block_productList_slide a{padding:7px 10px 30px;background-color:#ffffff;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.14)}
.block_productList_box .block_productList_slide .item_img{border-radius:10px 10px 0 0}
.block_productList_box .block_productList_slide .item_img img{}
.block_productList_box .block_productList_slide .item_info{padding-top:18px;text-align:center}
.block_productList_box .block_productList_slide .item_info h3{font-size:24px;color:#000000;font-family:'Montserrat_SemiBold';font-weight:normal}
.block_productList_box .block_productList_slide .item_info p{font-size:18px;margin-top:5px;color:#494949}
.block_productList_box .block_productList_slide .item_info span{width:100%;height:31px;line-height:31px;font-size:16px;margin-top:20px;color:#e6212a;display:block;border:1px solid #f5f5f7;background-color:#f5f5f7;border-radius:20px}
.block_productList_box .block_productList_text .item_info .item_sheet:hover,.block_productList_box .block_productList_text .item_info .item_quote:hover{background-color: #e80012;color: #ffffff;}
.block_productList_box .block_productList_slide .item_info span:hover{background-color: #e80012;color: #ffffff;}
.block_productList_bar{}
.block_productList_bar a,.block_productList_bar span{border: 1px solid #bfbfbf;background-color: #ffffff;border-radius: 5px;font-size: 16px;}
/* pd_inquiry_warp */
.pd_inquiry_warp{padding:150px 0 110px;background-repeat:no-repeat;background-size:cover}
.pd_inquiry_slide{text-align:center}
.pd_inquiry_slide .block_title{color:#ffffff}
.pd_inquiry_slide p{font-size:18px;margin-top:40px;color:#ffffff}
.pd_inquiry_slide .item_btns{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center}
.pd_inquiry_slide .item_btns a{height:50px;line-height:50px;font-size:16px;margin:10px 13px;background-color:#ffffff;border-radius:50px;color:#e80012;text-transform:uppercase;text-align:center;font-family:'Archivo_Bold'}
.pd_inquiry_slide .item_btns .item_ask{width:247px}
.pd_inquiry_slide .item_btns .item_quote{width:204px}
.pd_inquiry_slide .item_btns a:hover{background-color:#e80012;color:#ffffff}
/* about_who_warp */
.about_who_warp{padding:100px 0 120px}
.about_who_main{margin-bottom:70px;flex-direction:row-reverse;align-items:center}
.about_who_main .item_img{width:48%;border-radius:50px 0 50px 0;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,.3)}
.about_who_main .item_img img{width:100%}
.about_who_main .item_info{width:48%}
.about_who_main .item_info h3{font-size:18px;line-height:1.4;color:#000000;border-bottom:1px solid #e60016;display:inline-block}
.about_who_main .item_info .block_title{margin-top: 20px;}
.about_who_main .item_info .desc{margin-top: 30px;}
.about_who_main .item_info .desc p{font-size:18px;color:#494949;font-family:'Archivo_Medium'}
.about_who_main .item_info .desc p+p{margin-top:24px}
.about_who_main .item_info .desc p span{color:#e60016}
.about_who_warp .counter_items .counter_item{position:relative;width:18%;padding:40px 10px 15px;text-align:center;background-color:#e5e7eb;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.about_who_warp .counter_items .counter_item:last-child{border-right:0}
.about_who_warp .counter_items .counter_item .couner_num{display:block;height:1.1em;font-size:48px;color:#e60016;line-height:1.1em;font-family:'Archivo_SemiBold';position:relative;font-weight:600}
.about_who_warp .counter_items .counter_item .couner_num em{font-size:28px;margin-left:8px;position:relative;font-family:'Marcellus'}
.about_who_warp .counter_items .counter_item .couner_bd{margin-top:8px;display:block;position:relative}
.about_who_warp .counter_items .counter_item .counter_title{font-size:20px;color:#494949;font-weight:normal;line-height:1.3;text-transform:capitalize;word-break:break-word}
/* about_gmcell_warp */
.about_gmcell_warp{padding:80px 0 120px;background-repeat:no-repeat;background-size:cover}
.about_gmcell_warp .block_title{color:#ffffff}
.about_gmcell_warp .block_desc{color:#ffffff}
.about_gmcell_swiper{margin-top:40px}
.about_gmcell_slide{height:auto;background-color:#ffffff;border-radius:10px}
.about_gmcell_slide a{padding:50px 25px 65px;z-index:9}
.about_gmcell_slide .item_ico{width:104px;height:104px;line-height:92px;background-color:#e60016;border:6px solid #faccd0;border-radius:50%;text-align:center;margin:auto}
.about_gmcell_slide .item_ico img{}
.about_gmcell_slide .item_info{text-align:center}
.about_gmcell_slide .item_info h3{font-size:24px;margin-top:20px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold'}
.about_gmcell_slide .item_info p{font-size:18px;margin-top:10px;color:#494949;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:81px}
.about_gmcell_slide .item_info span{width:100%;height:31px;line-height:31px;font-size:16px;margin-top:46px;display:block;color:#1f2937;border:1px solid #7b7b7b;border-radius:50px;background-color:#ffffff;text-transform:uppercase}
.about_gmcell_slide a:before{content:"";width:372px;height:372px;border-radius:50%;background-color:#f2f2f2;position:absolute;z-index:-1;pointer-events:none}
.about_gmcell_slide:nth-child(4n-1) a:before{top:76%;left:26%}
.about_gmcell_slide:nth-child(4n-2) a:before{top:-58%;left:-4%}
.about_gmcell_slide:nth-child(4n-3) a:before{top:67%;left:-56%}
.about_gmcell_slide:nth-child(4n) a:before{top:10%;left:67%}
.about_gmcell_slide .item_info span:hover{background-color:#e60016;color:#ffffff}
/* about_factory_warp */
.about_factory_warp{padding:120px 0 80px}
.about_factory_main{align-items:center}
.about_factory_main .item_video{width:50%;overflow:hidden;border-radius:0 50px 0 50px}
.about_factory_main .item_video a{}
.about_factory_main .item_video span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:113px;height:113px;line-height:113px;background-color:#e60016;border-radius:50%;text-align:center;-webkit-animation:borderExpansion 1.5s infinite linear;animation:borderExpansion 1.5s infinite linear}
.about_factory_main .item_video span img{}
.about_factory_main .item_info{width:44%;padding:20px 0}
.about_factory_main .item_info p{font-size:18px;margin-top:40px;color:#494949}
.about_factory_main .item_info h3{font-size:24px;margin-top:26px;color:#e60016}
.about_factory_box{position:relative;margin-top:80px}
.about_factory_swiper{}
.about_factory_slide{}
.about_factory_slide a{}
.about_factory_slide .item_img{border-radius: 10px;}
.about_factory_slide .item_info h3{font-size:24px;margin-top:20px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold'}
.about_factory_slide .item_info p{font-size:18px;margin-top:10px;color:#494949;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:81px}
.about_factory_box .swiper_prev,.about_factory_box .swiper_next{position:absolute;top:38%;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;z-index: 999;}
.about_factory_box .swiper_prev img,.about_factory_box .swiper_next img{}
.about_factory_box .swiper_prev{left:-50px}
.about_factory_box .swiper_next{right:-50px}
@-webkit-keyframes borderExpansion{0%{-webkit-box-shadow:0 0 0px 0px rgba(255,255,255,.9);box-shadow:0 0 0px 0px rgba(255,255,255,.9)}
25%{-webkit-box-shadow:0 0 0px 5px rgba(255,255,255,.6);box-shadow:0 0 0px 5px rgba(255,255,255,.6)}
50%{-webkit-box-shadow:0 0 0px 10px rgba(255,255,255,.4);box-shadow:0 0 0px 10px rgba(255,255,255,.4)}
75%{-webkit-box-shadow:0 0 0px 15px rgba(255,255,255,0.2);box-shadow:0 0 0px 15px rgba(255,255,255,0.2)}}
/* about_quality_warp */
.about_quality_warp{padding:100px 0}
.about_quality_swiper{margin-top:40px}
.about_quality_slide{padding:12px;overflow:unset;background-repeat:no-repeat;background-size:100% 100%;text-align:center}
.about_quality_slide:last-child{}
.about_quality_slide .item_inner{padding:46px 10px 43px;box-shadow:0 2px 18px rgba(0,0,0,.11);border-radius:10px}
.about_quality_slide .item_ico{position:absolute;top:52.5%;right:-41px;width:43px;transform:translateY(-50%)}
.about_quality_slide .item_ico img{width:100%}
.about_quality_slide .item_img{width:81px;height:81px;line-height:69px;border:6px solid #faccd0;display:inline-block;background-color:#e60016;border-radius:50%}
.about_quality_slide .item_img img{}
.about_quality_slide .item_info{margin-top:22px}
.about_quality_slide .item_info h3{font-size:24px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold';display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px;line-height:1.2}
.about_quality_slide .item_info p{font-size:18px;margin-top:6px;color:#494949;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.about_quality_slide:hover .item_img {transform: translateY(-15px);}
/* about_map_warp */
.about_map_warp{padding:100px 0;background-repeat:no-repeat;background-size:cover}
.about_map_img{margin:50px 0}
.about_map_img img{width:100%}
.about_map_list{justify-content: flex-start;}
.about_map_list li{width: 20%;padding: 10px;}
/* about_meet_warp */
.about_meet_warp{padding:80px 0}
.about_meet_swiper{margin-top:40px}
.about_meet_slide{text-align:center}
.about_meet_slide .item_img{border-radius:10px;overflow:hidden}
.about_meet_slide .item_img img{width:100%}
.about_meet_slide .item_info h3{font-size:24px;margin-top:20px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold'}
.about_meet_slide .item_info p{font-size:18px;margin-top:10px;color:#494949}
.about_meet_slide:hover .item_info h3{color: #e60016;}
/* -----------------service------------------ */
.service_case_warp{padding:100px 0}
.service_case_list{margin:0 -23px}
.service_case_slide{width:25%;padding:23px;text-align:center}
.service_case_slide a{padding:50px 10px 60px;background-color:#f5f5f7;border-radius:10px;box-shadow: 0 3px 16px rgba(0,0,0,.15);}
.service_case_slide .item_ico{width:105px;height:105px;line-height:93px;border:6px solid #f2c4ca;display:inline-block;background-color:#e60016;border-radius:50%}
.service_case_slide .item_ico img{max-height:55px;filter:invert(1) sepia(1) hue-rotate(0deg) brightness(2.2)}
.service_case_slide .item_info{margin-top:20px}
.service_case_slide .item_info h2{font-size:24px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold'}
.service_case_slide .item_info p{font-size:18px;margin-top:6px;color:#494949}
.service_case_slide a:hover{background-color: #e70013;}
.service_case_slide a:hover .item_ico img{filter: unset;}
.service_case_slide a:hover .item_ico{background-color: #ffffff;border-color: #f38089;}
.service_case_slide a:hover .item_info h2,.service_case_slide a:hover .item_info p{color: #ffffff;}
/* service_solution_warp. */
.service_solution_warp{padding: 80px 0;background-repeat: no-repeat;background-size: cover;}
.service_solution_list{margin: 40px -13px 0;}
.service_solution_slide{width: 50%;position: relative;padding: 13px;}
.service_solution_slide .item_img img{width: 100%;}
.service_solution_slide a{border-radius:10px;overflow:hidden}
.service_solution_slide .item_img{border-radius:10px;overflow:hidden}
.service_solution_slide .item_title{font-size:24px;padding:20px 40px;position:absolute;bottom:0;left:0;width:100%;color:#ffffff;font-weight:normal;font-family:'Archivo_SemiBold';text-shadow:0 1px 2px rgba(0,0,0,.6)}
.service_solution_slide .item_info{padding:20px 30px;position:absolute;bottom:0;left:0;width:100%;z-index:99;background-color:rgba(0,0,0,.5);transform:translateY(100%)}
.service_solution_slide .item_info h3{font-size:24px;color:#ffffff;font-weight:normal;font-family:'Archivo_SemiBold'}
.service_solution_slide .item_info p{font-size:18px;margin-top: 10px; color:#ffffff}
.service_solution_slide .item_info span{width:270px;height:39px;line-height:37px;font-size:16px;margin-top: 15px; border:1px solid #e40415;font-family:'Archivo_Bold';background-color:#e40415;color:#ffffff;display:inline-block;text-align:center;border-radius:50px}
.service_solution_slide .item_info span:hover{background-color: #ffffff;color: #e60016;}
.service_solution_slide a:hover .item_title{display: none;}
.service_solution_slide a:hover .item_info{transform: unset;}
/* service_spotlight_warp */
.service_spotlight_warp{padding:80px 0}
.service_spotlight_main{margin-top:40px;flex-direction:row-reverse;background-color:#f5f5f7;border-radius:20px;overflow:hidden}
.service_spotlight_main .item_img{width:50%}
.service_spotlight_main .item_img img{}
.service_spotlight_main .item_info{width:50%;padding:20px 2.6%}
.service_spotlight_main .item_info h3{font-size:30px;color:#000000;font-weight:normal;text-transform:capitalize;font-family:'Archivo_Bold'}
.service_spotlight_main .item_info p{font-size:18px;margin-top:20px;color:#494949}
.service_spotlight_main .item_info h4{font-size:20px;margin-top:30px;color:#000000;font-family:'Archivo_Medium'}
.service_spotlight_main .item_info .item_list{margin-top:8px}
.service_spotlight_main .item_info .item_list li{font-size:18px;padding:2px 0;color:#494949}
.service_spotlight_main .item_info .item_list li img{margin-right:10px}
.service_spotlight_main .item_info .item_more{width:294px;height:46px;line-height:46px;margin-top:30px;font-size:16px;background-color:#e80012;font-family:'Archivo_Bold';display:inline-block;text-align:center;border-radius:50px;color:#ffffff;border:1px solid #e80012;text-transform:uppercase}
.service_spotlight_main .item_info .item_more:hover{background-color: transparent;color: #e80012;}
/* service_seamle_warp */
.service_seamle_warp{padding:80px 0}
.service_seamle_main{margin-top:40px}
.service_seamle_video{width:63.5%;overflow:hidden;border-radius:20px}
.service_seamle_video a{}
.service_seamle_video a span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:113px;height:113px;line-height:113px;background-color:#e60016;border-radius:50%;text-align:center;-webkit-animation:borderExpansion 1.5s infinite linear;animation:borderExpansion 1.5s infinite linear}
.service_seamle_video a span img{}
.service_seamle_slide{width:34%;text-align:center}
.service_seamle_slide .item_info{padding:36px 10px;background-color:#f5f5f7;border-radius:20px}
.service_seamle_slide .item_info h3{font-size:24px;color:#000000;font-weight:normal;font-family:'Archivo_SemiBold'}
.service_seamle_slide .item_info p{font-size:18px;margin:3px 0 20px;color:#494949}
.service_seamle_slide .item_info .item_ico{}
.service_seamle_slide .item_info .item_ico img{}
.service_seamle_slide .item_more{margin-top:33px;height:118px;line-height:118px;font-size:24px;width:100%;display:block;border-radius:20px;background-color:#e70013;color:#ffffff;font-family:'Archivo_SemiBold';}
.service_seamle_slide .item_more img{margin-right:19px}
.service_seamle_slide .item_more:hover{background-color: #cf0011;}
.service_seamle_slide .item_more:hover img{margin-right:35px}
/* prod_product_warp */
.prod_product_warp{padding: 100px 0 ;background-repeat: no-repeat;background-size: cover;}
.prod_product_main{}
.prod_product_view{width:50%}
.prod_product_swiper{}
.prod_product_swiper .prod_product_slide{}
.prod_product_swiper .prod_product_slide img{}
.prod_product_swiper .prod_product_video{}
.prod_product_swiper .prod_product_video video{width:100%;height:100%;object-fit:cover}
.prod_product_thumberBox{position:relative;margin-top:34px;padding:0 20px}
.prod_product_thumberBox .prod_product_thumber{}
.prod_product_thumberBox .prod_product_imgBtn{border-radius:10px;border:1px solid #6e6e6e;cursor:pointer;height:auto}
.prod_product_thumberBox .prod_product_imgBtn img{}
.prod_product_thumberBox .prod_product_imgvideoBtn{height:auto;border-radius: 10px;border:1px solid #6e6e6e;cursor:pointer;}
.prod_product_thumberBox .prod_product_imgvideoBtn:before{content: "";width:100%;height:100%;position: absolute;background-color: #000000;opacity: .5;z-index: 8;}
.prod_product_thumberBox .prod_product_imgvideoBtn video{width:100%;height:100%;object-fit:cover}
.prod_product_thumberBox .prod_product_imgvideoBtn span{position:absolute;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);z-index:99}
.prod_product_thumberBox .prod_product_imgvideoBtn span img{width:100%}
.prod_product_thumberBox .swiper_prev,.prod_product_thumberBox .swiper_next{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:30px;line-height:20px;text-align:center;cursor:pointer}
.prod_product_thumberBox .swiper_prev{left:0px}
.prod_product_thumberBox .swiper_next{right:0px}
.prod_product_info{width:43%;padding-right:7%}
.prod_product_info .item_title{font-size:36px;line-height:1.333333;color:#000000;font-weight:normal;font-family:'Archivo_Bold'}
.prod_product_info .item_list{margin-top:25px}
.prod_product_info .item_list li{font-size:18px;padding:6px 0;color:#494949}
.prod_product_info .item_list li img{margin-right:9px}
.prod_product_info .item_btns{margin-top:60px}
.prod_product_info .item_btns a{height:46px;line-height:44px;font-size:16px;margin-top:22px;font-family:'Archivo_Bold';width:100%;display:block;text-align:center;border:1px solid #e80012;background-color:#ffffff;border-radius:50px;color:#e80012;text-transform:uppercase}
.prod_product_info .item_btns a:hover{background-color: #e80012;color: #ffffff;}
.prod_product_info .item_btns .prod_inquire{}
.prod_product_info .item_btns .prod_request{}
.prod_product_thumberBox .swiper-slide-thumb-active.prod_product_imgBtn,.prod_product_thumberBox .swiper-slide-thumb-active.prod_product_imgvideoBtn{border-color: #dc0313;}
/* prod_detail_warp */
.prod_detail_warp{margin:60px 0 80px;padding:15px 25px 45px;background-color:#ffffff;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,.14);overflow:hidden}
.prod_detail_warp .detail-tabs{margin-bottom:40px;background:#ffffff;border-bottom: 1px solid #6e6e6e;}
.prod_detail_warp .detail-tabs .title{margin-right:80px;padding:18px 0;border:0;color:#000000;font-size:30px;font-family:'Archivo_Medium';cursor:pointer}
.prod_detail_warp .detail-tabs .title:before{content:"";width:0;height:3px;background-color:#e80012;position:absolute;bottom:-2px;left:0;transition:all 0.35s ease}
.prod_detail_warp .detail-tabs .title.current{background-color:transparent;color:#000000;font-family:'Archivo_Bold'}
.prod_detail_warp .detail-tabs .title.current:before{width:100%}
.prod_detail_warp .tab-panel-wrap{margin-bottom:0;padding:0;border:0;background-color:#fff}
.prod_detail_main .item_img{width: 50%;}
/* prod_custom_warp */
.prod_custom_warp,.prod_download_warp{padding:60px 0}
.prod_title{font-size:36px;margin-bottom:30px;color:#000000;font-weight:normal;font-family:'Archivo_Bold'}
.prod_custom_list{margin:0 -17px}
.prod_custom_slide{padding:17px;text-align:center;width:25%}
.prod_custom_slide a{padding:10px;border-radius:10px;background-color:#ffffff;box-shadow:0 5px 10px rgba(0,0,0,.15);height: 100%;}
.prod_custom_slide .item_img{border:1px solid #bfbfbf;border-radius:10px 10px 0 0}
.prod_custom_slide .item_img img{width:100%}
.prod_custom_slide h3{font-size:24px;margin-top:15px;color:#5a5a5c;font-weight:normal;font-family:'Archivo_SemiBold'}
.prod_download_list{justify-content: flex-start;}
.prod_download_slide{height:100%;margin:0 37px 25px 0}
.prod_download_slide a{padding:5px 32px;display:block;font-size:20px;color:#5a5a5c;background-color:#ffffff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.prod_download_slide img{margin-right:9px;display:inline-block;vertical-align:sub}
.prod_download_slide a:hover{background-color: #e80012;color: #ffffff;}
.prod_download_slide a:hover img{filter:invert(1) sepia(1) hue-rotate(0deg) brightness(2.2)}
@media only screen and (max-width:1680px){
.block_head .layout{width: 100%;padding: 0 30px;}
.block_main .layout,.page_footer_warp .layout{width: 1400px;}
.block_about_main .item_list li{max-width:24%}
}
@media only screen and (max-width:1440px){
.block_main .layout,.page_footer_warp .layout{width: 1300px;}
.block_head .head_nav>li>a{font-size:18px}
.block_productList_box{width:calc(100% - 380px)}
.block_productList_aside{width:340px}
}
@media only screen and (max-width:1366px){
.block_main .layout,.page_footer_warp .layout{width: 1200px;}
.block_head .head_nav>li>a{font-size:16px}
.block_title{font-size:40px}
.block_sys_warp .block_sys_item .item_title{font-size: 50px;}
.block_sys_warp .block_sys_item .desc{font-size: 21px;}
.block_productList_box .block_productList_slide{padding:12px}
.block_productList_box .block_productList_list{margin:0 -12px}
}
@media only screen and (max-width:1280px){
.block_main .layout,.page_footer_warp .layout{width: 96%;}
.block_head .head_quote{width:130px;font-size:14px}
.block_head .btn--search{margin-right:10px}
.block_head .head_nav>li>a{font-size:14px}
.block_head .logo img{max-height:40px}
.block_title,.block_application_text h3{font-size:30px}
.block_desc{margin-top:15px;font-size:16px}
.block_product_slide .item_info h3{font-size:22px}
.block_product_slide .item_info p,.block_about_main .item_info p{font-size:16px}
.block_about_main .item_info h3{font-size:24px}
.block_about_main .item_info h3{margin-top:20px}
.block_about_main .item_info .item_more{margin-top:30px}
.block_application_item{padding:4px 30px}
.block_application_text p{font-size:16px}
.block_application_slide .item_info h4{font-size:24px}
.block_choose_slide .item_title h3{font-size:22px}
.block_choose_slide p,.block_choose_slide span{font-size:16px}
.block_choose_slide p{min-height:72px}
.block_quote_main{padding:0}
.block_sys_warp .block_sys_item .item_title{font-size: 40px;}
.block_sys_warp .block_sys_item .desc{font-size: 18px;}
.block_sys_warp .block_sys_item .item_video{font-size:20px;margin-top:30px}
.block_path_bar li, .block_path_bar li a{font-size:20px;}
.about_who_main .item_info .desc p{font-size:16px}
.about_who_warp .counter_items .counter_item{width:22%}
.about_who_warp .counter_items .counter_item .couner_num{font-size:40px}
.about_who_warp .counter_items .counter_item .counter_title{font-size:18px}
.about_gmcell_slide .item_info h3,.about_factory_slide .item_info h3,.about_meet_slide .item_info h3{font-size:22px}
.about_gmcell_slide .item_info p,.about_factory_slide .item_info p{font-size:16px;min-height:72px}
.about_gmcell_slide a{padding:30px 15px 45px}
.about_factory_box .swiper_prev,.about_factory_box .swiper_next{background-color:#ffffff}
.about_factory_box .swiper_next{right:10px}
.about_factory_box .swiper_prev{left:10px}
.about_factory_main .item_info p{font-size:16px;margin-top:25px}
.about_factory_main .item_info h3{font-size:20px;margin-top:20px}
.about_quality_slide .item_info h3{font-size:22px;min-height: 53px;}
.about_quality_slide .item_info p,.about_meet_slide .item_info p{font-size:16px}
.pd_inquiry_slide p{font-size:16px;margin-top:25px}
.block_productList_box .block_productList_text .item_info h2{font-size:24px;margin-bottom:15px}
.block_productList_box .block_productList_text .item_info p{font-size:16px;margin-bottom:30px}
.block_productList_box .block_productList_text{padding:20px}
.block_productList_box .block_productList_slide .item_info h3{font-size:21px}
.block_productList_box .block_productList_slide .item_info p{font-size:16px}
.block_productList_box{width:calc(100% - 320px)}
.block_productList_aside{width:280px}
.block_productList_aside .item_title{font-size:24px;}
.block_productList_aside .productList_aside_select .item_desc{font-size:20px}
.block_productList_aside .productList_aside_list li{font-size:16px}
.prod_product_info .item_title{font-size:28px}
.prod_product_info .item_list li{font-size:16px}
.prod_product_info .item_btns{margin-top:40px}
.prod_product_info{padding-right:0}
.prod_detail_warp .detail-tabs .title{margin-right:50px;font-size:24px}
.prod_title,.block_sys_warp .block_sys_item .item_text{font-size:28px}
.service_spotlight_main .item_info p{font-size:16px}
.service_spotlight_main .item_info h4{font-size:18px;margin-top:20px}
.service_spotlight_main .item_info .item_list li{font-size:16px}
}
@media only screen and (max-width:950px){
.block_title{font-size:24px}
.block_desc{margin-top:12px;font-size:14px}
.block_product_slide .item_info h3{font-size:20px}
.block_product_slide .item_info p,.block_about_main .item_info p{font-size:12px}
.block_product_list{margin:0 -10px}
.block_product_slide{padding:15px 10px}
.block_product_slide .item_info span{font-size: 14px;}
.block_product_warp .block_product_more{width:200px;height:42px;line-height:42px;font-size:12px}
.block_product_warp,.block_about_warp,.block_application_warp,.block_news_warp,.about_who_warp,.about_gmcell_warp,.about_factory_warp,.about_quality_warp,.about_map_warp,.prod_product_warp,
.service_spotlight_warp,.service_case_warp,.service_solution_warp{padding: 60px 0;}
.block_product_slide .item_info{padding: 20px 10px;}
.block_about_main .item_list li .item_ico img{max-height:34px}
.block_about_main .item_list li .item_ico{height:40px;line-height:40px}
.block_about_main .item_info h3,.block_application_text h3{font-size:20px}
.block_about_main .item_list li h4{font-size:14px}
.block_about_main .item_info p{margin-top:12px}
.block_about_main .item_info .item_more{margin-top:20px;width:120px;height:42px;line-height:40px;font-size:12px}
.block_about_swiper .swiper-slide{height:80px}
.block_about_swiper .swiper-slide img{max-height: 70px;}
.block_application_item{padding:4px 20px;font-size: 16px;}
.block_application_text p{font-size:12px}
.block_application_slide .item_info h4{font-size:20px}
.block_application_text h3{width:100%;margin-bottom:10px}
.block_application_slide .item_info span{width:130px;height:40px;line-height:40px;margin-top:20px;font-size:14px}
.block_choose_slide .item_title h3{font-size:20px}
.block_choose_slide p,.block_choose_slide span{font-size:12px}
.block_choose_slide p{min-height:54px}
.block_choose_warp{margin:60px 0}
.block_choose_slide a{padding:20px 12px}
.block_news_slide .item_info{padding:12px 12px 15px}
.block_news_slide .item_info time{font-size:14px}
.block_news_slide .item_info h3{font-size:18px}
.block_news_slide .item_info p{font-size:12px}
.block_quote_text .block_quote_list{margin-top:30px}
.block_quote_text .block_quote_list li{font-size:14px;margin:0 20px 21px 0;padding:7px 16px}
.page_footer_service{padding:40px 0}
.page_foot_item.page_contact_item ul.foot_contacts li,.page_foot_item.page_contact_item ul.foot_contacts li a{font-size:12px}
.page_footer_service .page_foot_item .fot_tit{font-size:18px;margin-bottom:10px}
.fot_nav li a{font-size:12px;line-height:2}
.fot_desc{font-size:12px}
.page_footer_service .inquiry_btn{margin-top:20px;font-size:14px}
.page_foot_bottom .page_copyright{font-size:12px}
.block_sys_warp .block_sys_item .item_title{font-size: 30px;}
.block_sys_warp .block_sys_item .desc{font-size: 14px;margin-top: 12px;}
.block_sys_warp .block_sys_item .item_video{font-size:14px;margin-top:15px;padding:8px 25px}
.block_path_bar li, .block_path_bar li a{font-size:14px;}
.about_who_main .item_info h3{font-size:16px}
.about_who_main .item_info .desc p{font-size:12px}
.about_who_main .item_info .desc{margin-top:14px}
.about_who_main .item_info .desc p+p{margin-top:12px}
.about_who_main{margin-bottom:40px}
.about_who_warp .counter_items .counter_item{padding:20px 10px 15px}
.about_who_warp .counter_items .counter_item .couner_num{font-size:30px}
.about_who_warp .counter_items .counter_item .counter_title{font-size:14px}
.about_gmcell_slide .item_ico{width:70px;height:70px;line-height:62px;border:4px solid #faccd0}
.about_gmcell_slide .item_ico img{width:35px}
.about_gmcell_slide a{padding:20px 10px}
.about_gmcell_slide .item_info h3,.about_factory_slide .item_info h3,.about_meet_slide .item_info h3{font-size:20px}
.about_gmcell_slide .item_info p,.about_factory_slide .item_info p{font-size:12px;min-height:54px}
.about_gmcell_slide .item_info span{font-size:14px;margin-top:20px}
.about_gmcell_slide a:before{width:172px;height:172px}
.about_gmcell_slide:nth-child(4n-3) a:before{left:-26%}
.about_gmcell_slide:nth-child(4n-2) a:before{top:-50%;left:19%}
.about_factory_main .item_info p{font-size:12px;margin-top:15px}
.about_factory_main .item_video span,.service_seamle_video a span{width:70px;height:70px;line-height:70px}
.about_factory_main .item_video span img,.service_seamle_video a span img{width:40px}
.about_factory_box{margin-top:40px}
.about_factory_main .item_video{border-radius:0 20px 0 20px}
.about_quality_slide .item_info h3{font-size:20px;min-height: 48px;}
.about_quality_slide .item_info p,.about_meet_slide .item_info p{font-size:12px}
.about_quality_slide .item_inner{padding:25px 10px}
.about_quality_slide .item_inner{padding:15px 10px}
.about_quality_slide .item_img{width:70px;height:70px;line-height:62px;border:4px solid #faccd0}
.about_quality_slide .item_img img{width:30px}
.about_quality_slide .item_ico{right:-24px;width:25px}
.pd_inquiry_slide p{font-size:12px;margin-top:15px}
.pd_inquiry_warp{padding:80px 0}
.pd_inquiry_slide .item_btns a{height:40px;line-height:40px;font-size:12px}
.pd_inquiry_slide .item_btns .item_quote{width:140px}
.pd_inquiry_slide .item_btns .item_ask{width:160px}
.block_sys_warp .block_sys_item .item_btns{margin-top:20px}
.block_sys_warp .block_sys_item .item_btns a{height:42px;line-height:42px;font-size:14px;margin:10px}
.block_sys_warp .block_sys_item .item_btns .item_download{width:200px}
.block_sys_warp .block_sys_item .item_btns .item_quote{width:140px}
.block_productList_trust{padding:20px}
.block_productList_trust .item_list{flex:0 0 100%;margin-top:15px}
.block_productList_trust .item_list{justify-content: flex-start;}
.block_productList_trust .item_list li img{max-height: 40px;}
.block_productList_trust h2,.block_sys_warp .block_sys_item .item_text{font-size: 24px;}
.block_productList_main .block_productList_aside{display: none;}
.block_productList_box{width:100%}
.block_productList_aside .item_title{font-size:20px;margin-bottom:12px}
.block_productList_aside .productList_aside_select .item_desc{font-size:16px;padding-bottom:6px}
.block_productList_aside .productList_aside_list li{font-size:14px;padding:4px 0}
.block_productList_aside .productList_aside_list li i{width:16px;height:16px;margin-right:8px}
.block_productList_aside .productList_aside_select{max-width:100%}
.block_productList_aside{width:100%}
.block_productList_box .block_productList_slide{padding:8px}
.block_productList_box .block_productList_list{margin:0 -8px}
.block_productList_box .block_productList_slide a{padding:7px 10px 16px}
.block_productList_box .block_productList_slide .item_info h3{font-size:18px}
.block_productList_box .block_productList_slide .item_info p{font-size:14px}
.block_productList_box .block_productList_slide .item_info span{font-size:14px;margin-top:15px}
.block_productList_box .block_productList_text .item_info h2{font-size:20px}
.block_productList_box .block_productList_text .item_info p{font-size:12px;margin-bottom:20px}
.block_productList_box .block_productList_text .item_info .item_sheet{width:120px;height:40px;line-height:40px;margin-right:15px;font-size:12px}
.block_productList_box .block_productList_text .item_info .item_quote{width:130px;height:40px;line-height:40px;font-size:12px}
.prod_product_view{width:100%}
.prod_product_info{width:100%;margin-top:25px}
.prod_product_swiper{display: none;}
.prod_product_thumberBox{margin-top:0}
.prod_product_info .item_title{font-size:24px}
.prod_product_info .item_list li{font-size:12px}
.prod_product_info .item_list{margin-top:16px}
.prod_product_info .item_btns a{height:40px;line-height:38px;font-size:14px;margin-top:14px}
.prod_product_info .item_btns{margin-top:24px}
.prod_detail_warp{padding:15px 15px 25px}
.prod_detail_warp .detail-tabs .title{margin-right:30px;font-size:18px;padding:6px 0}
.prod_detail_warp .detail-tabs{margin-bottom:30px}
.prod_title{font-size:24px}
.prod_custom_slide h3,.service_solution_slide .item_info h3,.service_solution_slide .item_title{font-size:20px}
.prod_custom_slide{padding:8px;width: 33.33333333%;}
.prod_custom_list{margin:0 -8px}
.prod_download_slide img{max-height:25px}
.prod_download_slide a{padding:5px 15px;font-size:14px}
.prod_download_slide{margin:0 20px 15px 0}
.block_sys_warp .block_sys_item .item_btns .project_btn{font-size:14px;padding:0 20px}
.block_sys_warp .block_sys_item .item_btns .video_btn{font-size:14px;padding:0 20px}
.service_case_slide{padding:10px}
.service_case_list{margin:0 -10px}
.service_case_slide a{padding:25px 10px}
.service_case_slide .item_ico{width:70px;height:70px;line-height:62px;border:4px solid #f2c4ca}
.service_case_slide .item_ico img{max-height:35px}
.service_case_slide .item_info h2{font-size:20px}
.service_case_slide .item_info p{font-size:14px}
.service_solution_slide .item_title{padding: 12px 20px;}
.service_spotlight_main .item_info p{font-size:14px;margin-top:12px}
.service_spotlight_main .item_info h4{font-size:16px;margin-top:12px}
.service_spotlight_main .item_info .item_list li{font-size:12px}
.service_spotlight_main .item_info .item_more{width:194px;height:40px;line-height:40px;margin-top:18px;font-size:12px}
.service_seamle_slide .item_info{padding:20px 10px}
.service_seamle_slide .item_info h3{font-size:18px}
.service_seamle_slide .item_info p{font-size:14px;margin:3px 0 10px}
.service_seamle_slide .item_more{margin-top:16px;height:80px;line-height:80px;font-size:16px}
.service_seamle_slide .item_more img{margin-right:10px;max-height:35px}
}
@media only screen and (max-width:820px){
.block_product_slide,.service_case_slide{width: 33.33333333%;}
.block_application_item .item_ico{height:35px;line-height:35px}
.block_application_item .item_ico img{max-height: 30px;}
.block_application_item p{font-size:14px}
.block_application_item{margin:10px}
.block_sys_warp .block_sys_item .item_title{font-size: 24px;}
.block_productList_trust .item_list li{width: 20%;padding: 10px;}
.prod_title{font-size:20px}
}
@media only screen and (max-width:768px){
.block_desc{font-size:12px}
.block_news_slide{width: 50%;}
.block_quote_form,.block_quote_text,.about_factory_main .item_video,.about_factory_main .item_info,.service_spotlight_main .item_img,.service_spotlight_main .item_info,.service_seamle_video{width: 100%;}
.block_quote_text{margin-bottom: 20px;}
.page_foot_item.page_contact_item,.page_foot_item.page_inquiry_item,.page_foot_item{width:100%;max-width:100%;margin-bottom:15px}
.page_footer_service .inquiry_btn{width: 160px;}
.about_map_list li{width: 25%;}
.prod_custom_slide{width: 50%;}
.block_sys_warp .block_sys_item .item_text{font-size: 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.service_seamle_slide{width: 100%;padding-top: 30px;}
}
@media only screen and (max-width:640px){
.block_product_slide{width: 50%;}
.block_about_main .item_img,.about_who_main .item_img,.block_productList_box .block_productList_text .item_img,.service_solution_slide{width: 100%;}
.block_about_main .item_info,.about_who_main .item_info,.block_productList_box .block_productList_text .item_info{width: 100%;padding-top: 30px;}
.block_about_main .item_list li{width: 48%;max-width: 100%;padding: 10px 0;}
.about_who_warp .counter_items .counter_item{width: 48%;margin: 10px 0;}
.about_who_main .item_img{border-radius: 20px 0 20px 0;}
.block_productList_trust .item_list li{width: 33.3333333333%;}
.block_productList_box .block_productList_slide{width:50%}
.prod_detail_main .item_img{width: 100%;margin: 12px 0;}
.service_case_slide{width: 50%;}
}
@media only screen and (max-width:480px){
.block_choose_slide{width: 100%;padding: 8px 12px;}
.block_news_slide{width: 100%;}
.about_map_list li{width: 33.33333333%;}
.prod_detail_warp .detail-tabs .title{font-size: 14px;}
}
[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]{-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-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-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)}