@charset "utf-8";
html { font-size: 625%; }
body { background-color: #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: #575f65; font-family: Arial; line-height: 25px; }
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; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #e60012; text-decoration: none; }
input[type="text"]:focus { outline: none; }
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
 input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 padding: 0;
 border: none;
}
hr { margin: 15px 0 15px 0; height: 1px; border: none; border-top: 1px dashed #c1c1c1; }
a:active, select, input, textarea { outline: 0!important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

@font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("../fonts/fontawesome-webfont.eot"); src: url("../fonts/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomebold") format("svg"); font-display: fallback; }
@font-face { font-family: verdana; src: url(../fonts/verdana.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: verdanabold; src: url(../fonts/verdanabold.ttf) format("TrueType"); font-display: fallback; }
@font-face { font-family: Source Sans Pro;font-display: fallback; }
.text-center{text-align: center !important;}
/*
:root {
    --theme-color: #e40016;
    --theme-color2: #6653E8;
    --primary-color: #e60012;
    --title-color: #0B1422;
    --body-color: #6E7070;
    --smoke-color: #F2F5FA;
    --smoke-color2: #F3F4F6;
    --smoke-color3: #EEF1FF;
    --smoke-color4: #F4F6F8;
    --black-color: #000000;
    --black-color2: #0D0D0C;
    --gray-color: #E1E4E5;
    --gray-color2: #999999;
    --white-color: #ffffff;
    --light-color: #E1E4E5;
    --light-bg-color: #242528;
    --dark-bg-color: #1A1B1D;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --error-color: #dc3545;
    --th-border-color: #D5D7DA;
    --th-border-color2: #E6E6E6;
    --brand-color: #79F4E4;
    --light-blue-color: #001C49;
    --title-font: "Plus Jakarta Sans", sans-serif;
    --body-font: "Inter", sans-serif;
    --style-font: "Nunito", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1320px;
    --container-gutters: 24px;
    --section-space: 120px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 2s;
}
*/
.sec-btn {
    text-align: center;
}

.th-btn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
    font-family: var(--body-font);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    border: none;
    font-size: 20px;
    font-weight: 400;
    padding: 19px 60px;
    border-radius: 10px;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    gap: 8px
}

.th-btn.th-icon i {
    font-size: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .4s;
    transition: .4s
}

.th-btn:before {
    content: "";
    width: 0;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: -5%;
    background-color: var(--title-color);
    -webkit-transition: .5s ease;
    transition: .5s ease;
    display: block;
    z-index: -1
}

.th-btn:hover,.th-btn.active {
    color: var(--white-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.th-btn:hover:before,.th-btn.active:before {
    width: 110%
}

.th-btn:hover.th-icon i,.th-btn.active.th-icon i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.th-btn.style1 img {
    -webkit-transition: .4s;
    transition: .4s
}

.th-btn.style1:before,.th-btn.style1:after {
    background-color: var(--white-color)
}

.th-btn.style1:hover {
    color: var(--title-color)
}

.th-btn.style1:hover.th-icon:after {
    background-color: var(--title-color)
}

.th-btn.style1:hover:before,.th-btn.style1:hover:after {
    background-color: var(--white-color)
}

.th-btn.style1:hover img {
    -webkit-filter: contrast(0) brightness(0);
    filter: contrast(0) brightness(0)
}

.th-btn.style2 {
    background-color: rgba(0,0,0,0);
    color: var(--white-color);
    border: 1px solid var(--white-color)
}

.th-btn.style2:hover {
    color: var(--black-color2);
    border: 1px solid var(--white-color)
}

.th-btn.style2:hover:after {
    background-color: var(--title-color)
}

.th-btn.style2:before {
    background-color: var(--white-color)
}

.th-btn.style3 {
    background-color: var(--theme-color);
    color: var(--white-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 50px
}

.th-btn.style3:before {
    background-color: var(--white-color)
}

.th-btn.style3:hover {
    color: var(--title-color)
}

.th-btn.style4 {
    background-color: rgba(0,0,0,0);
    color: var(--title-color);
    border: 1px solid var(--title-color);
    padding: 14px 25px
}

.th-btn.style4.th-icon:after {
    background-color: var(--title-color)
}

.th-btn.style4:hover {
    color: var(--white-color);
    border: 1px solid var(--theme-color)
}

.th-btn.style4:hover.th-icon:after {
    background-color: var(--white-color)
}

.th-btn.style4:before {
    background-color: var(--theme-color)
}

.th-btn.style5 {
    background-color: #ab2b35;
    color: var(--white-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.th-btn.style5:before {
    background-color: var(--white-color)
}

.th-btn.style5:hover {
    color: var(--title-color)
}

.th-btn.style6 {
    background-color: var(--smoke-color);
    color: var(--title-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.th-btn.style6:before {
    background-color: var(--theme-color)
}

.th-btn.style6:after {
    background-color: var(--title-color)
}

.th-btn.style6:hover {
    color: var(--white-color)
}

.th-btn.style6:hover:after {
    background-color: var(--white-color)
}

.th-btn.style7:before,.th-btn.style7:after {
    background-color: var(--white-color)
}

.th-btn.style7:hover {
    color: var(--title-color)
}

.th-btn.style7:hover:before,.th-btn.style7:hover:after {
    background-color: var(--white-color)
}

.th-btn.style7:hover:after {
    background-color: var(--title-color)
}

.th-btn.style8 {
    background: var(--title-color)
}

.th-btn.style8:before,.th-btn.style8:after {
    background-color: var(--theme-color)
}

.th-btn.style8:hover {
    color: var(--white-color)
}

.th-btn.style8:hover:before {
    background-color: var(--theme-color)
}

.th-btn.style9 {
    background: rgba(0,0,0,0);
    border: 1px solid var(--th-border-color);
    color: var(--title-color)
}

.th-btn.style9:before,.th-btn.style9:after {
    background-color: var(--theme-color)
}

.th-btn.style9:hover {
    color: var(--white-color)
}

.th-btn.style9:hover:before {
    background-color: var(--theme-color)
}

.th-btn.style10 {
    background: var(--white-color);
    color: var(--body-color)
}

.th-btn.style10:hover {
    color: var(--white-color)
}

.th-btn.white-btn {
    background-color: var(--white-color);
    color: var(--black-color2)
}

.th-btn.white-btn:hover {
    color: var(--white-color)
}

.th-btn.black-btn {
    background-color: var(--title-color);
    color: var(--white-color)
}

.th-btn.black-btn:before {
    background-color: var(--theme-color)
}

.th-btn.black-btn:hover {
    color: var(--white-color)
}

.th-btn.th-radius {
    border-radius: 50px
}

.th-btn.th-radius2 {
    border-radius: 8px
}

.th-btn.btn-fw {
    width: 100%;
    padding: 18px 30px
}

.th-btn.th-btn-sm {
    padding: 15px 30px
}

.th-btn.th-btn-sm2 {
    padding: 11px 24px
}

.th-btn.btn-2 {
    padding: 15px 30px
}

.sub-title {
    display: block;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .02em;
    color: var(--theme-color);
    font-family: var(--body-font);
    position: relative;
    margin-top: -0.2em;
    margin-bottom: 5px
}

.sub-title.extra-sub {
    color: var(--brand-color);
    margin-bottom: 10px
}

.sub-title:has(.squre-shape) {
    margin-bottom: 14px
}

.sub-title:has(.round-shape) {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: normal
}

@media(max-width: 575px) {
    .sub-title:has(.round-shape) {
        margin-bottom:15px;
        font-size: 16px
    }
}

.sub-title .squre-shape {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative
}

.sub-title .squre-shape:before,.sub-title .squre-shape:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--th-border-color);
    top: 0;
    left: 0
}

.sub-title .squre-shape:before {
    background: var(--theme-color);
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}

.sub-title .squre-shape.right:after {
    left: auto;
    right: 0
}

.sub-title .squre-shape.right:before {
    left: 0;
    right: auto
}

.sub-title.text-white .squre-shape:after {
    background: #6e7070
}

.sub-title.text-white .squre-shape:before {
    background: var(--white-color)
}

.sub-title .round-shape {
    width: 13px;
    height: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    border-radius: 50%;
    background: var(--brand-color);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 20px
}

.sub-title .round-shape:before,.sub-title .round-shape:after {
    content: "";
    position: relative;
    width: 6.5px;
    height: 13px;
    display: inline-block;
    background: var(--theme-color);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    right: -13px;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
   
}


.scroll-text-ani {
    background: -webkit-gradient(linear, left top, right top, from(var(--title-color)), color-stop(0%, var(--th-border-color)));
    background: linear-gradient(to right, var(--title-color) 0%, var(--th-border-color) 0%);
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0,0,0,0);
    -webkit-text-fill-color: rgba(0,0,0,0);
    line-height: 1.2;
    -webkit-transition: background .4s ease-out;
    transition: background .4s ease-out;
    background-size: 100% 100%;
    background-repeat: no-repeat;
     font-size: 48px;
}

.scroll-text-ani2 {
    background: -webkit-gradient(linear, left top, right top, from(var(--white-color)), color-stop(0%, var(--th-border-color)));
    background: linear-gradient(to right, var(--white-color) 0%, var(--th-border-color) 0%);
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0,0,0,0);
    -webkit-text-fill-color: rgba(0,0,0,0);
    line-height: 1.2;
    -webkit-transition: background .4s ease-out;
    transition: background .4s ease-out;
    background-size: 100% 100%;
    background-repeat: no-repeat
}



.clearfix:after, .layout:after,.web_main:after, .page_main:after, .nav_wrap .head_nav:after, .items_list ul:after,.promote_list:after, .cate_items ul:after, .web_head .logo:after, .product-intro:after, .detail-tabs:after, .foot_items:after, .news_cell:after,  .banner_navigate_button:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }
.clearfix, .layout,  .clearfix, .layout,.flex_row, .web_main, .page_main, .nav_wrap .head_nav, .items_list ul,.promote_list, .cate_items ul, .web_head .logo, .product-intro, .detail-tabs, .foot_items, .banner_navigate_button { *zoom: 1;
}
.clear { clear: both; }

body { position: absolute; top: 0; left: 0; overflow-x: hidden; width: 100%; min-width: 1200px; }
.layout { position: relative; margin: 0 auto; width: 1400px; }
.z9999 { z-index: 9999!important; }
.hide { display: none; }

.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: #ab2b35; background-clip: content-box; box-shadow: 0 0 8px rgba(0,0,0,.2); color: #ffffff; text-align: center; text-align: center; font-size: 18px; line-height: 50px; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -ms-transform: translateY(100%); }
.gotop:hover, .gotop.active:hover { background-color: #e60012; color: #fff; }
.gotop.active { visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.gotop:before, .gotop em { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.gotop em { position: absolute; top: 0; left: 0; width: 100%; color: #fff; font-size: 12px; opacity: 0; -webkit-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); filter: alpha(opacity=0); -ms-transform: translateY(10px); }
.gotop:before { display: block; content: '\f176'; font-family: 'fontawesome'; }
.gotop:hover em { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; filter: alpha(opacity=100); -ms-transform: none; }
.gotop:hover:before { opacity: 0; -webkit-transform: translateY(-15px) scale(.5); -o-transform: translateY(-15px) scale(.5); transform: translateY(-15px) scale(.5); -ms-transform: translateY(-15px) scale(.5); filter: alpha(opacity=0); }

.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, .gotop, .product-item .item-img img, .web_head,.newsletter .button,   .foot_item a, .pages a, .head_sns li img,.blog-item:after, .product-button-prev, .product-button-next, .company_subscribe .button: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; }
.company_subscribe .button .button_txt, .company_subscribe .button .button_ico { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
figcaption ,img , a, .nav_wrap .nav_btn_close, .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, .advantage_items .advantage_item, .advantage_img:before, .feature_item .img_item img, .feature_item .feature_title, .feature_prev, .feature_next{ -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }


.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; }



.company_subscribe .button, .nav_wrap{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; }

.head_nav > li:after, .head_nav li b:after { 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,  .swiper-button-next:before, .swiper-button-prev:before,.company_subscribe .button:after { font-family: 'fontawesome'; }

.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 { position: relative; z-index: 9999; width: 100%; background: #171717; }
.web_head .header_layout { width: 100%; position: relative; padding: 0 6.72%; display: flex; justify-content: space-between; align-items: center; }
.web_head .btn--search { display: inline-block; width: 35px; height: 16px; position: relative; vertical-align: middle; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; margin-left: 38px; }
.web_head .btn--search:after, .web_head .btn--search:before { content: ''; display: inline-block; width: 100%; height: 16px; background-image: url(../images/search_btn.png); background-repeat: no-repeat; background-position: center; vertical-align: top; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.web_head .btn--search:after { opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; top: 0; -webkit-transform: scale(.6) translateY(60%); -ms-transform: scale(.6) translateY(60%); -o-transform: scale(.6) translateY(60%); transform: scale(.6) translateY(60%); }
.web_head .btn--search:hover:after { webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: .6; filter: alpha(opacity=60); }
.web_head .btn--search:hover:before { opacity: 0; -webkit-transform: scale(.6) translateY(-60%); -ms-transform: scale(.6) translateY(-60%); -o-transform: scale(.6) translateY(-60%); transform: scale(.6) translateY(-60%); }

 
.web_head .logo { }
.web_head .logo img { width: auto; max-height: 86px; }

.web_head .nav_wrap { position: relative; margin-left: 68px; display: flex; -webkit-display: flex; flex: auto; -webkit-flex: auto; align-items: center; -webkit-align-items: center; }
.web_head .nav_wrap .head_nav { position: relative; }
.head_nav li, .head_nav li a { letter-spacing: -.5px; color: #665e5e; font-size: 15px; font-weight: normal; }
.head_nav > li { position: relative; display: inline-block; padding: 0 26px; }
.head_nav > li.has-child a { padding-right: 20px; }
.head_nav>li>a { position: relative; display: inline-block; text-transform: uppercase; line-height: 86px; color: #dadada; font-family: verdana; }
.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; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.head_nav li a b:before { content: '\f107'; font-family: 'fontawesome'; }
.head_nav li ul { position: absolute; display: block; width: 250px; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,.15); 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; line-height: 37px; border-bottom: 1px solid #d4d4d4; padding: 0 10px; }
.head_nav>li ul li a { position: relative; display: block; font-weight: bold; font-size: 12px; letter-spacing: 0; }
.head_nav>li ul li a b:before { content: '\f105'; }
.head_nav li ul ul { top: 0px; left: 100%; margin-left: 2px; border-radius: 3px; }
.head_nav li.menu_show>ul { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
.head_nav li.nav-current > a:after, .head_nav li > a:after { content: ""; width: 0; height: 4px; background: #ca0313; position: absolute; bottom: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); transform-origin: center; -WEBKIT-transform-origin: center; transition: all ease-in-out .35s; }
.head_nav li.nav-current > a:after, .head_nav li:hover > a:after { width: 100%; -webkit-transform: scaleX(1); transform: scaleX(1); }
.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 .header_layout { position: fixed; top: 0; left: 0; z-index: 9; width: 100%;    background-color: #171717;  opacity: 0; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -ms-transform: translateY(-100%); }
.fixed-nav-active .header_layout { opacity: 0; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; -webkit-transform: none; -o-transform: none; transform: none; -ms-transform: none; }
.fixed-nav.fixed-nav-active.fixed-nav-appear .header_layout{opacity: 1;}

.web_footer { position: relative; padding-top: 57px; background: #222222; }
.web_footer, .web_footer a { display: block; color: #c9c9c9; font-size: 14px; line-height: 20px;  font-weight: normal; text-align: center; text-transform: uppercase; }
.foot_sns { position: relative; font-size: 0; text-align: center; }
.foot_sns li { display: inline-block; margin-right: 24px; }
.foot_sns li:last-child { margin-right: 0; }
.foot_sns li a { width: 36px; height: 36px; background: #d80011; text-align: center; line-height: 36px; border-radius: 50%; font-size: 0; }
.foot_sns li img { max-width: 14px; }
.foot_sns li:hover img { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
.foot_contact_item { position: relative; margin-top: 45px; margin-bottom: 33px; }
.foot_contact_item .fot_tit { font-size: 18px; margin-bottom: 27px; text-transform: uppercase; line-height: 1; color: #fff; }
.foot_contact_item ul { }
.foot_contact_item ul li { padding-left: 42px; position: relative; width: auto; display: inline-block; vertical-align: top; }
.foot_contact_item ul li.foot_phone { margin: 0 100px; }
.foot_contact_item ul li:before { content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 35px; background-image: url(../images/web_icon.png); }
.foot_contact_item ul li.foot_address:before { background-position: -140px -50px; }
.foot_contact_item ul li.foot_phone:before { background-position: -140px -100px; }
.foot_contact_item ul li.foot_email:before { background-position: -140px 0; }
.foot_contact_item ul li.foot_phone span { }
.copyright { position: relative; display: block; text-align: center; border-top: 1px solid #747474; padding: 26px 0 84px 0; color: #747474; font-size: 12px; text-transform: uppercase; font-family: verdanabold; font-weight: normal; }
.tel_link { pointer-events: none; }
 @media screen and (max-width: 768px) {
.tel_link { pointer-events: auto; }
}

.web_main { position: relative; z-index: 2; overflow: hidden; padding-bottom: 77px; }
.web_main.index_main { padding-bottom: 0; }
 
.index_hd { position: relative; margin-bottom: 38px; }
.index_hd .hd_title { position: relative; text-align: center; text-transform: uppercase; font-weight: bold; font-family: verdanabold; font-size: 42px; line-height: 1; color: #fff; letter-spacing: 1px; }

.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 .swiper-slide img { width: 100%; min-height: 150px; transition: 3s linear; transform: scale(1.08); }
.slider_banner .swiper-slide.swiper-slide-active img { transform: scale(1); }
.slider_banner .slider_swiper_control { position: absolute; left: 50%; top: 50%; z-index: 2; width: 1332px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: flex; -webkit-display: flex; justify-content: space-between; -webkit-justify-content: space-between; }
.banner_button_prev, .banner_button_next { position: relative; display: inline-block; vertical-align: middle; width: 66px; height: 66px; border-radius: 50%; background: #e60012; box-sizing: content-box; text-align: center; cursor: pointer; line-height: 66px; color: #fff; background: #e60012; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; display: none; }
.banner_button_prev:before, .banner_button_next:before { content: ""; font-family: 'fontawesome'; font-size: 16px; font-weight: bold; }
.banner_button_next:before { content: "\f105"; }
.banner_button_prev:before { content: "\f104"; }
.banner_button_prev:hover, .banner_button_next:hover { background-color: #fff; color: #e60012; }
.banner-button-pagination { position: absolute; display: block; color: #fff; text-align: center; bottom: 0 !important; z-index: 99; }
.slider_banner .swiper-pagination-bullet { display: inline-block; text-align: center; background: #ebebeb; width: 7px; height: 36px; color: #fff; vertical-align: bottom; }
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 51px; }
.slider_banner .swiper-pagination-bullet:before { display: none; }

.advantage_wrap { position: relative; background: #404040; }
.advantage_wrap .advantage_items { position: relative; font-size: 0; }
.advantage_items .advantage_item { width: 33.33%; display: inline-block; position: relative; z-index: 1; }
.advantage_items .advantage_item img { width: 100%; }
.advantage_item figcaption { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); text-align: center; font-family: verdanabold; font-weight: bold; }
.advantage_tit, .advantage_more { color: #e60012; font-size: 22px; text-transform: uppercase; }
.advantage_more { text-transform: capitalize; transition: unset; -webkit-transition: unset; }
.advantage_img { position: relative; display: block; }
.advantage_img:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background: rgba(230, 0, 18, 0.8);    mix-blend-mode: multiply; opacity: 0; }
.advantage_items .advantage_item:hover, .advantage_items .advantage_item.current { z-index: 99; transform: translateY(-36px) scale(1.05); -webkit-transform: translateY(-36px) scale(1.05); box-shadow: 3px 4px 12px rgba(0,0,0,.4); -webkit-box-shadow: 3px 4px 12px rgba(0,0,0,.4); }
.advantage_item:hover .advantage_img:before, .advantage_item.current .advantage_img:before { opacity: 1; }
.advantage_item:hover .advantage_tit, .advantage_item:hover .advantage_more, .advantage_item.current .advantage_tit, .advantage_item.current .advantage_more { color: #fff; }

.index_feature_container { position: relative; padding-bottom: 2px; background: #191919; }
.img_item { position: relative; display: block; }
.feature_item .img_item:before { content: ""; width: 100%; height: 100%; background-image: url(../images/feature_bg.png);    background-size: cover; position: absolute; left: 0; top: 0; z-index: 9; }
.feature_item .img_item img { -webkit-filter: grayscale(100%) blur(1.5px); filter: grayscale(100%) blur(1.5px); }
.feature_title { color: rgba(255,255,255,.5); text-align: center; font-size: 20px; line-height: 2; font-family: verdanabold; font-weight: normal; text-transform: uppercase; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); z-index: 99; }
.feature_item:hover .img_item img, .feature_item.current .img_item img { -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); transform: scale(1.05); -webkit-transform: scale(1.05); }
.feature_item:hover .feature_title, .feature_item.current .feature_title { transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); }
.feature_control { position: absolute; width: auto; bottom: 40px; right: 10px; z-index: 9; text-align: right; font-size: 0; }
.feature_prev, .feature_next { width: 56px; height: 39px; display: inline-block; background-image: url(../images/feature_arr.png); cursor: pointer; }
.feature_prev { background-position: 0 -39px; }
.feature_next { background-position: -56px -39px; }
.feature_prev:hover { background-position: 0 0; }
.feature_next:hover { background-position: -56px 0; }

.index_product_container { position: relative; padding-top: 67px; padding-bottom: 87px; background: #404040; }
.index_product_container .layout,.gray-bg .layout{ padding: 0 6.72%; width: 100%; }
.Product_categories_wrap { position: relative; }
.Product_categories {/* display: flex; justify-content: space-between;    flex-wrap: wrap;-webkit-display: flex; -webkit-justify-content: space-between;    -webkit-flex-wrap: wrap;*/ }
.Product_categories li{ margin-top:15px;}


.category_item { width: calc((100% - 15px)/4); }
.category_img { border: 1px dashed #fff; padding: 10px; display: block; position: relative; overflow: hidden;}
.category_img:before {
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px dashed #fff;
    z-index: 99;
}
.category_item figcaption { position: relative; padding: 13px 20px;  }
.category_item .category_tit { margin-bottom: 6px; font-weight: normal; font-family: verdanabold;    position: relative;    z-index: 2; height:50px;}
.category_item .category_tit a {line-height: 27px; color: #fff; }
.category_item .category_desc {      z-index: 2;  position: relative; font-size: 14px; line-height: 23px; color: #e4e4e4; text-transform: uppercase;font-weight: normal; letter-spacing: .38px; height:92px; }
.category_item:hover .category_img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ;}
.category_item figcaption:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0;background: #5f5f5f; transition:all ease-out .35s; -webkit-transition:all ease-out .35s;}
.category_item figcaption:after{ content:""; width:100%; height:0; position:absolute; left:0;    top: 50%;background: #ca0313; transition:all ease-out .35s; -webkit-transition:all ease-out .35s;}
.category_item:hover figcaption:after{ height:100%;    z-index: 0;     top: 0;} 


.company_subscribe { position: relative; padding: 102px 0 64px 0; }
.company_subscribe .subscribe_desc { color: #fff; text-align: center; font-size: 14px; line-height: 23px; max-width: 440px; margin: auto; margin-top: 22px; }
.subscribe_btn { border: 1px dashed #d80011; padding: 8px; display: table; margin: auto; transition:all ease-in-out .35s;  -webkit-transition:all ease-in-out .35s; }
.company_subscribe .learn_more { line-height: 70px; color: #fff; padding: 0 17px; display: table; font-size: 32.5px; text-transform: uppercase; margin: auto; background: #d80011; font-weight: bold; letter-spacing: -.78px; }
.subscribe_btn:hover {  transform: skewX(10deg) scale(.9); -webkit-transform: skewX(10deg) scale(.9); }

.index_news_container { position: relative; padding: 65px 0 86px 0; background: #404040; }
.index_news_container .layout { }
.index_news_container .index_hd {margin-bottom: 8px; }
.index_news_container .index_hd .hd_title { line-height: 102px; }
.news_item figure .news_img { display: block; margin-bottom: 3px; filter: grayscale(100%); -wbkit-filter: grayscale(100%); transition: all ease-in-out .35s; -webkit-transition: all ease-in-out .35s; }
.news_item:hover figure .news_img, .news_item.current figure .news_img { filter: grayscale(0); -wbkit-filter: grayscale(0); }
.news_item figure figcaption { position: relative; background: #ba0d1a; color: #e4e4e4; font-size: 16px; padding: 15px 20px 15px 39px; }
.news_item figcaption .news_title {height:50px;}
.news_item figcaption .news_title a { font-family: verdanabold; font-size: 18px; color: #fff; line-height: 1; text-transform: uppercase; }
.news_item figcaption .news_time { line-height: 16px; display: block; margin: 9px 0 2px 0; }
.news_item figcaption .news_detail { line-height: 24px; font-weight: normal; }
.news_item_wrap{ margin-top:25px;}	
 
.page_main { z-index: 1; overflow: visible; background: #FFF; padding-bottom: 90px; margin-top: 60px; }


.path_bar { position: relative; padding: 147px 0 176px 0; text-align: center; background-size: cover; }
.path_bar ul { font-size: 0; }
.path_bar li { padding-right: 43px; padding-left: 7px; position: relative; }
.path_bar li:last-child { padding-right: 0; }
.path_bar li, .path_bar li a { color: #f8f8f8; font-size: 25px; line-height: 1; text-transform: uppercase; display: inline-block; font-family: Source Sans Pro; font-weight: normal; position: relative; }
.path_bar li:first-child { position: relative; }
.path_bar li:after { content: ''; width: 0; height: 0; position: absolute; right: 0; top: 50%; border: 9px solid #fff; border-color: transparent transparent transparent #64c1f5; border-width: 6.5px 11px; margin-top: -6.5px; }
.path_bar li:last-child:after { display: none; }

	
.aside { float: left; width: 370px; z-index: 9; position: relative; }


.main { position: relative; float: right; width: calc(100% - 405px); }
.main .banner_section { margin-bottom: 25px; }
.page_main, .pagge_main a { color: #002140; }
.page_main a:hover { color: #e60012; }

.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_bar { position: relative; margin: 50px 0 30px; height: 33px; text-align: right; 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 #333; background-color: #333; color: #fff; 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; }

.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%; }



.product-intro { position: relative; margin-bottom: 80px; }
.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: 39.7%; }
.product-view .product-image { overflow: hidden; border: 1px solid #8e8e8e; }
.product-view .product-image img { position: relative; width: 100%; }
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 34px; padding: 0 60px; }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; }
.product-view .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.product-view .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: 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; }
.product-view .image-additional li.current {}
.product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #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; font-size: 24px; line-height: 32px; background: none; opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-prev { left: 13px; }
.product-view .swiper-button-next { right: 13px; }
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before { content: ""; width: 25px; height: 33px; background-image: url(../images/web_icon.png); background-repeat: no-repeat; transition: all ease .35s; -webkit-transition: all ease .35s; }
.product-view .swiper-button-next:before { background-position: right -93px; }
.product-view .swiper-button-prev:before { background-position: -250px -93px; }
.product-view .swiper-button-next:hover:before { background-position: right -126px; }
.product-view .swiper-button-prev:hover:before { background-position: -250px -126px; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { opacity: 1; filter: alpha(opacity=100); background: none; }
.product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }


.product-detail { position: relative; overflow: visible; }
.detail-tabs { position: relative; margin-bottom: 10px; }
.detail-tabs .title { position: relative; float: left; display: inline-block; padding: 1px 35px; vertical-align: top; text-transform: capitalize; font-weight: normal; font-size: 16px; line-height: 27px; cursor: pointer; color: #fff; background: #797979; margin-right: 8px; }
.detail-tabs .title.current { z-index: 2; background: #e60012; }
.product-detail .tab-panel-content { display: block; overflow: hidden; padding: 10px 0; }
.product-detail .disabled, .Product_categories .disabled { display: none; }
.tab-panel-wrap { margin-bottom: 60px; padding: 20px; border: 1px solid #ccd3d9; background-color: #fff; }


 @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) {

body { min-width: 1300px; }
.layout { width: 1300px; }
 
  
}
 @media only screen and (max-width: 1440px) {

body { min-width: 1200px; }
.layout { width: 1200px; }

.web_head .header_layout , .index_product_container .layout{  padding: 0 2%; }
.index_news_container .layout {   width: 80%;   min-width: 1024px; }
.advantage_tit, .advantage_more { 
    font-size: 18px; 
}

 .product-intro { 
    margin-bottom: 40px;
}
.product-view .image-additional-wrap {
    position: relative;
    z-index: 999;
    margin-top: 20px;
    padding: 0 30px;
}

.path_bar { 
    padding: 100px 0; 
}
.aside { 
    width: 280px; 
}
.main { 
    width: calc(100% - 320px);
}
}
 @media only screen and (max-width: 1366px) {

body { min-width: 1150px; }
.layout { width: 1150px; }

 
.web_head .logo img { max-height: 50px; }
.head_nav>li>a { font-size: 14px; }
.head_nav > li { padding: 0 10px; }
.web_footer { 
    padding-top: 40px; 
}

.foot_sns li { 
    margin-right: 10px;
}
.foot_contact_item {   margin:20px auto; }
 
.foot_contact_item .fot_tit { 
    margin-bottom: 10px; 
}
.foot_contact_item ul li:before { transform: scale(.8); -webkit-transform: scale(.8);
    transform-origin: top left; -webkit-transform-origin: top left;}
	.copyright { 
    padding: 25px 0; 
    text-transform: capitalize; 
}
 
 
.company_subscribe ,.index_product_container , .index_news_container {   padding: 50px 0; }
.index_news_container .index_hd .hd_title {
    line-height: 70px;
}
.company_subscribe .learn_more {
    line-height: 48px; 
    font-size: 24px; 
    font-weight: normal;
    letter-spacing: 0;
}
.news_item figure figcaption { 
    padding: 15px;
}

.page_main { 
    padding-bottom: 50px;
    margin-top: 50px;
}
}
 
 @media only screen and (max-width: 1280px) {

body { min-width: 1100px; }
.layout { width: 1100px; }
.index_news_container .layout {   width: 80%;   min-width:950px; }

.news_item figure figcaption { 
    font-size: 14px;
    padding: 15px;
}
.category_item .category_desc { 
    font-size: 12px;
    line-height: 20px; 
}

.main { padding-bottom: 0; width: calc(100% - 300px); }

}
 @media only screen and (max-width: 1200px) {
body { min-width:unset; }
.layout { width:98%; }
.index_news_container .layout {   width:90%;   min-width:unset; }
.web_head .nav_wrap { 
    margin-left: 20px; 
}
.web_head .btn--search { 
    margin-left: 10px;
}

.company_subscribe, .index_product_container, .index_news_container {
    padding: 30px 0;
}
.index_hd { 
    margin-bottom: 13px;
}
.index_hd .hd_title { 
    font-size: 18px; 
    letter-spacing: 0;
}
.category_item .category_tit a {
    font-size: 14px;
    line-height: 23px;
    text-transform: capitalize;
    height: 23px; 
    overflow: hidden;
}
.category_item .category_desc { 
    line-height: 18px;
    text-transform: lowercase;
}
.news_item figcaption .news_title a { 
    font-size: 14px; 
    text-transform: capitalize;
    height: 14px;
    overflow: hidden;
}
.news_item figcaption .news_detail {
    line-height: 18px; 
    font-size: 12px;
}
.advantage_tit, .advantage_more {
    font-size: 14px;
}
}
 @media only screen and (max-width: 950px) {
body { min-width: 100%; }
.z10000 { position: relative; z-index: 100000; }

.
.web_head .nav_wrap .head_nav { display: none; }
.index_main .layout, .layout { margin: 0 auto; width: 98%; }

.web_head .logo {/* position: relative; display: block; width: 100%; max-width: unset; text-align: center; flex: 1;*/padding: 10px 20px; }
.web_head .nav_wrap { position: static; }
.nav_wrap .logo img { height: 100px; }

 
.web_head { position: static; margin-bottom: 0; text-align: center; }

.head_nav { width: 100%; }
.head_nav > li { display: block; border-bottom: 1px solid #dcdcdc; padding: 0; }
.head_nav>li>a { position: relative; text-transform: uppercase; font-size: 14px; }
.head_nav li { padding-left: 28px; }
.head_nav li, .head_nav li a { color: #111; }
.head_nav li.has-child { margin-top: 0; margin-bottom: 0; padding-left: 28px; }
.head_nav li.has-child>a { padding-right: 0; }
.head_nav li.has-child>ul { position: relative; top: auto; left: auto; display: none; margin-left: 0; padding: 0 0 0 10px; width: 100%; border-top: unset; box-shadow: unset; opacity: 1; -webkit-transform: unset; transform: unset; }
.head_nav li a { display: block; line-height: 33px; }
.head_nav li a:hover { color: inherit; }
.head_nav li em { display: block; overflow: hidden; }
.head_nav>li ul li { font-size: 14px; padding: 0; border-bottom: 1px dashed #c1c1c1; }
.head_nav li li li { font-size: 12px; }
.head_nav>li ul li a { color: #555; line-height: 28px; }
.head_nav > li.has-child a { padding-right: 0; }
.head_nav li.has-child a b { 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; z-index: 999; }
.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, .head_nav li.has-child { padding-left: 0; padding: 0; }
.head_nav>li ul li:last-child { border-bottom: none; }
.head_nav li.active>a>b:after { display: none; }
.head_nav > li > a:hover b { -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -ms-transform: translateY(-50%); }
.head_nav li li.has-child a b { width: 12px; height: 12px; line-height: 12px; }
.head_nav li li.has-child a b:before, .head_nav li li.has-child a b:after { width: 6px; }
.head_nav li.nav-current > a b:before, .head_nav li.nav-current > a b:after { background: #e60012; }

.web_head .nav_wrap { display: none; }
.head_nav li.nav-current > a:after, .head_nav li > a:after {display:none; }
.head_nav li.nav-current, .head_nav li.nav-current > a b {
    border-color: unset;
}

.foot_contact_item ul li.foot_phone {
    margin: 0 40px;
}

.web_head .header_layout, .index_product_container .layout {
    padding: 0;
}
 .slider_banner .swiper-slide img { 
    transform: scale(1); -webkit-transform: scale(1);
}
.advantage_items .advantage_item {
    width: 50%; 
}
 
.advantage_items .advantage_item:hover, .advantage_items .advantage_item.current {
 
    transform: unset;
    -webkit-transform: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.advantage_items .advantage_item:last-child{ width:100%;} 
.advantage_item.current .advantage_img:before { opacity: 0;}
.advantage_item:last-child .advantage_img:before  {  opacity: 1; }
.advantage_item:last-child .advantage_tit, .advantage_item:last-child .advantage_more {  color: #fff;font-size: 18px; }
.advantage_item.current .advantage_tit, .advantage_item.current .advantage_more{  color:unset}

 .category_item {
    width: 50%;
    padding: 1%;
}
.slider_banner .swiper-pagination-bullet { 
    width: 4px;
    height: 15px; 
    margin: 0 3px !important;
}
.slider_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 22px;
}

.aside { display: none; }

.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; }

.main_hd { margin-bottom: 15px; text-align: center; }
.main_hd .page_title { font-size: 22px; }
.items_list>ul { margin: 0; }

.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 30px; width: 100%; }
.product-view .product-image { display: none; }
.product-view .image-additional-wrap { width: 100%; }
.product-view .image-additional {   padding: 0; background: none; }
.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 img { opacity: 1; filter: alpha(opacity=100); } 
.product-view .image-additional li.current img { border-color: inherit; }
.product-view .image-additional li.current:before { display: none; }
.product-view .image-additional li.single { display: block; }
.product-view .image-additional li.current a:before, .product-view .image-additional li.current a:after { display: none; }
.product-view .swiper-button-next, .product-view .swiper-button-prev {  }
.product-view .swiper-button-next { right: 0; }
.product-view .swiper-button-prev { left: 0; }
.product-view .swiper-button-next, .product-view .swiper-button-prev { opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }

.product-intro { margin-bottom: 20px; }

 
.tab-panel-wrap { padding: 30px 0 0; }

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

 
.web_footer, .web_footer a { 
    font-size: 12px;
    line-height: 30px; 
    text-align: left;
    text-transform: capitalize;
}
.foot_sns { 
    text-align: left;
}
.foot_contact_item ul li.foot_phone {
    margin: 0; margin-bottom: 7px;
}
.foot_contact_item ul li { 
    display: block; 
    margin-bottom: 7px;
}
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before {
   width: 11px;
}



.image-additional-wrap { width: 100%; }
.company_subscribe .subscribe_desc { 
    padding: 0 2%;
}

.path_bar {
    padding: 50px 0;
}
.path_bar li, .path_bar li a { 
    font-size: 18px; 
}
}
 @media only screen and (max-width: 640px) {

.advantage_items .advantage_item {
    width: 100%;
    padding: .5% 1%;
}
.advantage_item:last-child .advantage_img:before  {  opacity: 0; }
 
.advantage_item.current .advantage_tit, .advantage_item.current .advantage_more , .advantage_item:last-child .advantage_tit, .advantage_item:last-child .advantage_more{  color:#e60012}
.advantage_item:nth-child(2) .advantage_img:before  {  opacity: 1; font-size: 14px;}
.advantage_item:nth-child(2) .advantage_tit, .advantage_item:nth-child(2) .advantage_more {  color: #fff;font-size: 16px; }

}
 @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; }

 
 

 
.category_item {
    width: 100%; 
}
.company_subscribe .subscribe_desc { 
    font-size: 12px;
}




.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; }

.main_hd .page_title { font-size: 20px; }
.items_list ul { margin: -2px; }


.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; }

.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; }

.page_title { font-weight: normal; font-size: 20px; }


.product-detail { margin-top: 40px; }
.detail-tabs .title { padding: 1px 15px; font-size: 14px; }
.tab-panel-wrap { padding: 20px 0; border: 0; }

}


.slider_banner { position: relative; overflow: hidden; }
.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; }
.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 { bottom: 10px; left: 0; width: 100%; }
.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: 24px; height: 3px; vertical-align: top; }
.swiper-pagination-bullet { position: relative; overflow: hidden; cursor: pointer; }
.swiper-pagination-bullet:before { background-color: #a8a7a7; content: ''; }
.swiper-pagination-bullet-active:before { background-color: #e60012; }
.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; }
}

.swiper-container { overflow: hidden\9; }
.slider_banner .swiper-container .swiper-wrapper { width: 2000%\9; }
.swiper-slide { float: left\9; }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.swiper-container .swiper-wrapper { width: auto; }
}




	
.entry { padding: 15px 0; }
.entry { color: #666; }
.entry a { color: #0030FF; }
.entry p { margin: 0; padding: 8px 0; font-size: 13px; line-height: 1.8; }
.entry table { margin-bottom: 20px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.entry th, .entry td { padding: 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%; }
.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; }




.js .main-wrap--move { height: 100vh; }


.main-wrap--move:after { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; z-index: 100000; }


.inquiry-pop-bd { position: fixed; top: 50%; left: 50%; z-index: 2000; display: none; margin: -300px 0 0 -275px; width: 550px; height: 500px; background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, .5); }
.inquiry-pop-bd:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ""; }
.inquiry-pop-bd .inquiry-pop { position: absolute; top: 0; left: 0; z-index: 1; padding: 22px; width: 100%; height: 100%; background: #FFF; -webkit-animation: fadeInDownA .4s ease; -o-animation: fadeInDownA .4s ease; animation: fadeInDownA .4s ease; }
.inquiry-pop-bd .inquiry-pop .ico-close-pop { position: absolute; top: -10px; right: -10px; z-index: 1; width: 30px; height: 30px; background: url(../images/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; }

}

.prisna-wp-translate-seo { display: none; font-family: Arial, Helvetica, sans-serif; }


.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
 @-webkit-keyframes fadeInLeftA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-30%, 0, 0);
 transform: translate3d(-30%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeftA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-30%, 0, 0);
 transform: translate3d(-30%, 0, 0);
 -ms-transform: translate3d(-30%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
 -ms-transform: none;
}
}
.fadeInLeftA { -webkit-animation-name: fadeInLeftA; animation-name: fadeInLeftA; }
 @-webkit-keyframes fadeInUpA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 30%, 0);
 transform: translate3d(0, 30%, 0);
 -ms-transform: translate3d(0, 30%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
 -ms-transform: none;
}
}
.fadeInUpA { -webkit-animation-name: fadeInUpA; animation-name: fadeInUpA; }
 @-webkit-keyframes fadeInRightA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(30%, 0, 0);
 transform: translate3d(30%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRightA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(30%, 0, 0);
 transform: translate3d(30%, 0, 0);
 -ms-transform: translate3d(30%, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
 -ms-transform: none;
}
}
.fadeInRightA { -webkit-animation-name: fadeInRightA; animation-name: fadeInRightA; }
 @-webkit-keyframes twinkling { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes OrangePulse { from {
 background-color: rgba(210,174,109,.2);
 -webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
}
 50% {
 background-color: rgba(210,174,109,1);
 -webkit-box-shadow: 0 0 10px rgba(210,174,109,1);
}
to { background-color: rgba(210,174,109,.2); -webkit-box-shadow: 0 0 10px rgba(210,174,109,1); }
}
 @-webkit-keyframes swing { 20% {
 -webkit-transform: rotate(40deg);
 transform: rotate(40deg);
}
 40% {
 -webkit-transform: rotate(-20deg);
 transform: rotate(-20deg);
}
 60% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg);
}
 80% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
}
 @keyframes swing { 20% {
 -webkit-transform: rotate(40deg);
 transform: rotate(40deg);
 -ms-transform: rotate(40deg);
}
 40% {
 -webkit-transform: rotate(-20deg);
 transform: rotate(-20deg);
 -ms-transform: rotate(-20deg);
}
 60% {
 -webkit-transform: rotate(10deg);
 transform: rotate(10deg);
 -ms-transform: rotate(10deg);
}
 80% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg);
 -ms-transform: rotate(-10deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -ms-transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
 @-webkit-keyframes jump { 0% {
 -webkit-transform: translateY(0);
}
 25% {
 -webkit-transform: translateY(-20%);
}
 50% {
 -webkit-transform: translateY(0);
}
 75% {
 -webkit-transform: translateY(-10%);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @keyframes jump { 0% {
 transform: translateY(0);
}
 25% {
 transform: translateY(-20%);
}
 50% {
 transform: translateY(0);
}
 75% {
 transform: translateY(-10%);
}
 100% {
 transform: translateY(0);
}
}
 @-webkit-keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceInA { 0%, 100%, 20%, 40%, 60%, 80% {
 -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
 transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3);
 -ms-transform: scale3d(.3, .3, .3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
 -ms-transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(.9, .9, .9);
 transform: scale3d(.9, .9, .9);
 -ms-transform: scale3d(.9, .9, .9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
 -ms-transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(.97, .97, .97);
 transform: scale3d(.97, .97, .97);
 -ms-transform: scale3d(.97, .97, .97);
}
 100% {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
 -ms-transform: scale3d(1, 1, 1);
}
}
.bounceInA { -webkit-animation-name: bounceInA; animation-name: bounceInA; -webkit-animation-duration: .75s; animation-duration: .75s; }
 @-webkit-keyframes fadeInDownA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -20%, 0);
 transform: translate3d(0, -20%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownA { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -20%, 0);
 transform: translate3d(0, -20%, 0);
 -ms-transform: translate3d(0, -20%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
 -ms-transform: none;
}
}
.fadeInDownA { -webkit-animation-name: fadeInDownA; animation-name: fadeInDownA; }
 @keyframes fadeInA { 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeInA { -webkit-animation-name: fadeInA; animation-name: fadeInA; }
 @-webkit-keyframes flipInY { 0% {
 opacity: 0;
 -webkit-transform: perspective(400px) rotateY(90deg);
 transform: perspective(400px) rotateY(90deg);
}
 0%, 40% {
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-20deg);
 transform: perspective(400px) rotateY(-20deg);
}
 60% {
 opacity: 1;
 -webkit-transform: perspective(400px) rotateY(10deg);
 transform: perspective(400px) rotateY(10deg);
}
 80% {
 -webkit-transform: perspective(400px) rotateY(-5deg);
 transform: perspective(400px) rotateY(-5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
 @keyframes flipInY { 0% {
 opacity: 0;
 -webkit-transform: perspective(400px) rotateY(90deg);
 transform: perspective(400px) rotateY(90deg);
}
 0%, 40% {
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-20deg);
 transform: perspective(400px) rotateY(-20deg);
}
 60% {
 opacity: 1;
 -webkit-transform: perspective(400px) rotateY(10deg);
 transform: perspective(400px) rotateY(10deg);
}
 80% {
 -webkit-transform: perspective(400px) rotateY(-5deg);
 transform: perspective(400px) rotateY(-5deg);
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
.flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-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; }


.foot-link {
	margin-top: 10px;
	width: 100%;
    display: flex;
    justify-content: center;
}

.foot-link{
	display: flex;
	flex-wrap: wrap;
}

.foot-link li {
	margin: 0 5px;
}

.foot-link li a {
	display: block;
	color: #fff;
}

.foot_sns span {
    color: #fff; font-size:20px; line-height:34px;
}

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

.block .product-right .product-list .product-item .product-info h2 {
    margin-bottom: 30px;
}

.block .product-right .product-list .product-item .product-info h2 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}
.block .product-right .show-detail .product-item .product-info h2 {
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-right>h1 {
    font-size: 24px;
    line-height: 150%;
    margin-top: 30px;
}
.block .classes>h1 {
    text-align: center;
    line-height: 30px;
    font-size: 38px;
    color: #000;
    margin-bottom: 30px;
}
.product-view .image-additional {
    /*z-index: 9999;*/
}

@media screen and (max-width:1610px) {
    .head_nav > li {
        padding: 0 10px;
    }
}

@media screen and (max-width:1040px) {
    .head_nav > li {
        padding: 0 3px;
    }
}

/*pagination*/
.pagination {
	text-align: center;
	margin-top: 30px;
	padding-bottom: 20px; 
	display: flex;
	 flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
.pagination a {
	display: inline-block;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size:20px;
}
.pagination a:hover {
	color: #fff;
	font-weight: 700;
	background-color: #333;
}
.pagination .active {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	background-color: #333;
}

/* ===================
error css 
====================== */
.py-120 {
    padding: 60px 0;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.error-wrapper {
  text-align: center;
  font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #091F3C;
}

.error-wrapper p{
    font-style: normal;
    font-weight: normal;
    color: #757F95;
    line-height: 1.8;}

.error-wrapper h1 {
  font-size: 250px;
  letter-spacing: 5px;
  font-weight: bold;
  color: #FF4328;
  line-height: 1.2;
}

.error-wrapper h1 span {
  color: #091F3C;
}

.error-wrapper h2 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 35px;
line-height: 1.2;
}

.error-wrapper img {
  width: 100%;
}

.error-wrapper .theme-btn {
  margin-top: 30px;
  display: inline-block;
}

@media all and (max-width: 767px) {
  .error-wrapper h1 {
    font-size: 160px;
  }
}

/* ===================
theme button
====================== */

.theme-btn {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  padding: 13px 6px 13px 25px;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: 8px;
  background: #FF4328;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}

.theme-btn:hover {
  background: #000;
  color: #fff;
}

.theme-btn i {
  margin-left: 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #000;
  border-radius: 50px;
  display: inline-block;
}

.theme-btn:hover i{
  background: #d80011;
}

/* ===================
about css 
====================== */

.about-area {
  position: relative;
}

.about-left {
  position: relative;
  display: block;
}

.about-img {
  position: relative;
  z-index: 1;
}

.about-img::before{
  content: "";
  position: absolute;
  background:#d80011;
  width: 100%;
  left: -20px;
  top: 20px;
  bottom: -20px;
  border-radius: 10px;
  z-index: -1;
}

.about-img img {
  width: 100%;
  border-radius: 10px;
}

.about-right {
  position: relative;
  display: block;
  padding-left: 30px;
}

.about-list-wrapper {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}

.about-list {
  position: relative;
  display: block;
}

.about-list li {
  position: relative;
  padding-left: 18px;
  margin-top: 10px;
}

.about-list li::before {
  content: "\f05d";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "FontAwesome";
  color: #d80011;
}


@media all and (max-width: 991px) {
  .about-right {
    margin-top: 50px;
  }
}

@media all and (max-width: 767px) {
  .about-experience {
    left: -10px;
  }

  .about-img{
    margin: 20px;
  }
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.bg_color {
    background: #0c5adb;
}
.pt-85 {
    padding-top: 85px;
}
.pb-130 {
    padding-bottom: 130px;
}
.mb-60 {
    margin-bottom: 60px;
}
.text_center {
    text-align: center;
}
.mt-3 {
    margin-top: 1rem !important;
}


.site-heading {
  position: relative;
  z-index: 1;
}

.site-title-tagline {
  text-transform: capitalize;
  letter-spacing: 2px;
  font-size: 28px;
  font-weight: 600;
  color: #d80011;
  position: relative;
  
}

.site-title {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 36px;
  color: #091F3C;
  margin-top: 20px;
  margin-bottom: 0;
  line-height: 1.2;
}

.shadow-title{
  top: 50%;
  left: 50%;
  display: block;
  font-size: 150px;
  font-weight: 600;
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: 'Sofia', cursive;
  color: rgba(34, 34, 34, 0.05);
}


@media all and (max-width: 992px) {
  .shadow-title {
    font-size: 100px;
  }
}

/*contact*/
.section_sub_title h6 {
  letter-spacing: 5px;
  color: #0c5adb;
  font-size: 16px;
}
.section_title.text_center {
  text-align: center;
}
.section_main_title h1,
.section_main_title h2 {
  font-weight: 800;
  margin: 0;
}
.text_left .section_main_title h1 {
  margin: 0;
  letter-spacing: -1px;
}
.section_main_title h1 span {
  color: #0c5adb;
}
.section_content_text p {
  font-size: 18px;
}
.text_center .section_content_text p {
  width: 75%;
  margin: auto;
  font-size: 19px;
}
.section_content_text.bold p {
  font-size: 22px;
  font-weight: 600;
}
.section_title.white .section_main_title h1,
.section_title.white .section_main_title h2 {
  color: #fff;
}
.section_title.white .section_sub_title h6 {
  color: #fff;
}
.section_title.white .section_content_text p {
  color: #fff;
}
/*style two*/
.section_sub_title h6 {
  letter-spacing: 0;
  color: #0c5adb;
  font-size: 16px;
}
/*odoo section content*/
.about_area.odoo .section_content_text {
  margin: 36px 0 26px;
}
.about_area.odoo .text_left .section_main_title h1 {
  font-size: 39px;
}

.section_button {
  text-align: right;
}
.phone_number h5 {
  letter-spacing: 1px;
  font-weight: 500;
  color:#fff !important;
  font-size:18px;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-color: #fff;
}

.brand-section{overflow:hidden;}

.js .container2 {
    position: relative;
    -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;
}

/* ===================
testimonial css 
====================== */

.testimonial-area{
  position: relative;
}

.testimonial-single {
  margin-bottom: 20px;
  background: #1A1E5D;
  
  border-radius: 10px;
  position: relative;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}

.testimonial-quote p {
  color: #fff;
}

.testimonial-content {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 30px;
}

.testimonial-author-img {
  margin-right: 20px;
  width: 80px;
  padding: 5px;
  border-radius: 50px;
  border: 2px dashed #0c5adb;
}

.testimonial-author-img img {
  border-radius: 50%;
}

.testimonial-author-info h4 {
  font-size: 20px;
  color: #fff;
}

.testimonial-author-info p {
  color: #0c5adb;
}

.testimonial-quote-icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 140px;
  opacity: .2;
}

.testimonial-area .owl-dots {
  text-align: center;
  margin-top: 30px;
}

.testimonial-area .owl-dots .owl-dot span {
  background: #000;
  margin: 5px;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  transition: all .5s ease-in-out;
}

.testimonial-area .owl-dots .owl-dot.active span {
  background-color: #d80011;
}

.testimonial-rate {
  color: #0c5adb;
  margin-bottom: 15px;
}


.pb-130 {
    padding-bottom: 130px;
}
.pt-85 {
    padding-top: 85px;
}
.bg_color {
    background: #0c5adb;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
/* Button Css */
.button a {
  background: #0c5adb;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  z-index: 44;
  border-radius: 5px;
  color: #fff;
}
.button.color_two a {
  background: #00247e;
}
.button.color_two a:before {
  background: #0c5adb;
}
.button.two a {
  padding: 14px 35px;
}
.button.three a {
  background: #fff;
  padding: 14px 35px;
  color: #0c5adb;
}
.button.style-four a {
  background: transparent;
  padding: 10px 30px;
  border-radius: 30px;
  color: #0c5adb;
  border: 2px solid #0c5adb;
}
.button.style-four a:before {
  background: #0c5adb;
}
.button .active {
  background: #00247e;
  margin-left: 25px;
}
.button .active:before {
  background: #0c5adb;
}
.button a i {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.button a:before {
  position: absolute;
  content: "";
  top: 0px;
  height: 100%;
  left: -25%;
  width: 0%;
  background: #00247e;
  transform: skew(50deg);
  transition-duration: 0.6s;
  z-index: -1;
}
.button a:hover {
  color: #fff;
}
.button a:hover:before {
  width: 180%;
}

.mt-40 {
    margin-top: 40px;
}

.section_main_title h1, .section_main_title h2 {
    font-weight: 800;
    margin: 0;font-size: 42px;
}

/*====================================================
--<	Techno Counter Area Css -->
======================================================*/
.cntr_bg_up {
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 11px 11px 38px rgba(0, 0, 0, 0.2);
}
.countr_text h1 {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 8px;
  color:#000;
}
.counter_desc h5 {
  margin-top: 6px;
  color: #d80011;
      font-size: 18px;line-height: 1.2;
          margin-bottom: .5rem;
    font-weight: 500;
}
.single_counter_icon i {
  font-size: 30px;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  width: 80px;
  height: 80px;
  background: #0c5adb;
  border-radius: 100%;
  line-height: 80px;
}
.white .countr_text h1 {
  color: #fff;
}
.white .counter_desc h5 {
  color: #fff;
}
.pb-45 {
    padding-bottom: 45px;
}

.pt-50 {
    padding-top: 50px;
}


@keyframes rotate {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}

@keyframes shine {
  100% {
    left: 100%;
  }
}

.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.brand-section.style2{padding: 100px 0;}
.brand2-thumb{width: 100%; padding: 0 15px; display: inline-block; position: relative; overflow: hidden;}
.brand2-thumb::before{position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.brand2-thumb:hover::before{-webkit-animation: shine 0.75s; animation: shine 0.75s;}
.brand2-thumb img{width: 100%; border-radius: 5px;}
.brand2-content{position: absolute; top: 100%; left: 35px; opacity: 0; visibility: hidden; transition: 0.5s;}
.brand2-thumb:hover .brand2-content{position: absolute; top: 20px; visibility: visible; opacity: 1;}
.brand2-content a{color: #fff; font-size: 16px; line-height: 30px; padding: 5px 20px; background: #ff7a1f; border-radius: 5px; transition: 0.5s;}
.brand2-content a:hover{filter: hue-rotate(360deg);}

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

/*首页  about*/

.ibiaotithree{ display:flex; margin:50px 0 50px 0; }
.ibiaotithree .bt_content{ display:flex; }
.ibiaotithree .bt_content span{ font-size:26px; color:#df0023; font-weight:bold; font-family:Arial,Verdana, Geneva, sans-serif; text-transform : uppercase;  background:url(../images/ibiaotione_line.jpg) no-repeat bottom left; height:30px; margin:10px 0 0 0; }
.ibiaotithree .bt_content h3{ font-size:35px; line-height:55px; font-weight:bold; color:#2a2e4b; margin:0 10px; text-transform : uppercase; }
.widthbox {
    margin: 0 auto;
    width: 90%;
}

.flex{ display:flex;}

.d-none {
    display: none!important
}

@media (min-width: 992px) {
    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between !important;
    }
    .d-lg-block {
        display: block !important;
    }
}
.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end !important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center !important;
}

.indexfive{  padding:60px 0 0 0;background:#fafafa url(../images/indexfive.jpg) no-repeat center bottom;  }
.body04_top{ text-align:center;   width:100%;  }
.body04_left{ float:left; margin:0px 0 0 0; width:55%; padding:0 0 50px 0;}
.body04_left p{ line-height:34px; color:#666666;font-size: 16px; }
.body04_right{ width:630px; height:630px;  float:right;  text-align:center;  margin:0px 50px 0 0;  }
.body04_right img{ transition: 588ms; /*position:absolute; left:50%; top:50%; transform:translateX(-50%);*/ margin:0px 0 0 0; width:87%; }
@-webkit-keyframes rotation{
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg); }
}
.add_pic{
    -webkit- transform: rotate (360deg);
    animation: rotation 20s linear infinite;
    - moz -animation: rotation 20s linear infinite;
    -webkit - animation: rotation 20s linear infinite ;
    -o-animation: rotation 20s linear infinite;
}
/*时间人数开始*/
.indexfive .wrapper{ clear:both; margin:30px 0 0 0 }
.indexfive .wrapper1{  text-align:center; margin:0 0% 0px 0; float:left; width:23%; }
.indexfive .wrapper1:nth-of-type(2) {
    width: 40%;          /* 仅第二条覆盖为25% */
}
.indexfive .counter { color:#df0023; }
.indexfive .time1 span{   font-size:75px; font-family:Arial,Verdana, Geneva, sans-serif; font-weight:bold; }
.indexfive .time1 strong{ font-weight:normal; }
.indexfive .count-title { font-weight: normal; text-align: center; }
.indexfive .timex{ font-size:18px; margin-top:10px;}
/*时间人数结束*/
@media screen and (max-width:1678px)
{
.body04_left{ float:left; margin:0px 0 0 0; width:48%;  }
.indexfive .wrapper1{  text-align:center; margin:0 5% 0px 0; float:left; }
.indexfive .wrapper1:nth-of-type(3) {
    margin:0!important
}

.body04_right{ width:530px; height:530px;  float:right;  text-align:center;  margin:0px 50px 0 0;  }
.body04_right img{ transition: 588ms; /*position:absolute; left:50%; top:50%; transform:translateX(-50%);*/ margin:0px 0 0 0; width:87%; }

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

.body04_left{ float:none; margin:0px 0 0 0; width:100%; }
.body04_right{ width:530px; height:530px;  float:none;  text-align:center;  margin:30px auto 0 auto; display:none;  }


}
@media screen and (max-width:640px)
{
.ibiaotithree .bt_content span{ font-size:23px; color:#df0023; font-weight:bold; font-family:Arial,Verdana, Geneva, sans-serif; text-transform : uppercase;  background:url(../images/ibiaotione_line.jpg) no-repeat bottom left; height:33px; margin:0px 0 0 0; }
.ibiaotithree .bt_content h3{ font-size:26px; font-weight:bold; color:#2a2e4b; margin:0 10px; line-height:38px; }



/*时间人数开始*/
.indexfive .wrapper1{  text-align:center; margin:0 10% 0px 0; float:left;    }
.indexfive .time1 span{   font-size:55px; font-family:Arial,Verdana, Geneva, sans-serif; font-weight:bold; }
.indexfive .time1 strong{ font-weight:normal; }
.indexfive .count-title { font-weight: normal; text-align: center; }
.indexfive .timex{ font-size:18px; }
/*时间人数结束*/
}
@media screen and (max-width:540px)
{
/*时间人数开始*/
.indexfive .wrapper1{  text-align:center; margin:0 2% 0px 2%; float:left; }
.indexfive .time1 span{   font-size:45px; font-family:Arial,Verdana, Geneva, sans-serif; font-weight:bold; }
.indexfive .time1 strong{ font-weight:normal; display:block; }
.indexfive .count-title { font-weight: normal; text-align: center; }
.indexfive .timex{ font-size:16px; }
/*时间人数结束*/

.ibiaotithree{ display:block; margin:50px 0 20px 0; }
.ibiaotithree a{ display:block; }
.ibiaotithree .bt_content span{  margin:10px 0 0 0; font-size:18px; height:28px; }
.ibiaotithree .bt_content h3{ font-size:20px; font-weight:bold; color:#2a2e4b; margin:0 10px 0 0px; line-height:50px; }

.body04_right{ width:430px; height:430px;  float:none;  text-align:center;  }
.body04_right img{ transition: 588ms; /*position:absolute; left:50%; top:50%; transform:translateX(-50%);*/ margin:0px 0 0 0; width:87%; }
}
@media screen and (max-width:430px)
{
.indexfive .timex { font-size: 14px; }

.body04_right{ width:320px; height:320px;   }
.body04_right img{ transition: 588ms; /*position:absolute; left:50%; top:50%; transform:translateX(-50%);*/ margin:0px 0 0 0; width:87%; }
}
/*---------------------简介 地球旋转 end-----------------------*/


.ricon {
}
/*电话*/
.phones {display:flex; align-items:center; }
.dianhua { color:#fff;display:flex; flex-flow:row no-wrap; align-items:center; border-radius:30px; background:#e40016; height:36px; line-height:36px; padding:0 20px; margin-left:15px;}
.dianhua span{ font-size:14px; display:inline-block; margin:0 0 0 5px; }

/*contact*/

.space, .space-bottom {
    padding-bottom: var(--section-space);
}

.space, .space-top {
    padding-top: var(--section-space);
}
.z-index-common {
    position: relative;
    z-index: 3;
    margin-top:20px;
}


.consulting-wrap1 {
    border-radius: 40px
}

.form-select,select {
    display: block;
    width: 100%;
    line-height: 1.5;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 26px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}

.form-select.style2,select.style2 {
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.87109 1.71094L5.71484 5.62109C5.56901 5.7487 5.41406 5.8125 5.25 5.8125C5.08594 5.8125 4.9401 5.7487 4.8125 5.62109L0.65625 1.71094C0.382812 1.40104 0.373698 1.09115 0.628906 0.78125C0.920573 0.507812 1.23047 0.498698 1.55859 0.753906L5.25 4.25391L8.96875 0.753906C9.27865 0.498698 9.57943 0.498698 9.87109 0.753906C10.1263 1.08203 10.1263 1.40104 9.87109 1.71094Z' fill='%238B929C'/%3E%3C/svg%3E")
}

textarea.form-control,textarea {
    min-height: 178px;
    padding-top: 25px;
    padding-bottom: 17px;
    border-radius: 30px
}

textarea.form-control.style2,textarea.style2 {
    min-height: 100px
}
/*
.form-group {
    margin-bottom: var(--bs-gutter-x);
    position: relative
}*/


.form-group.has-label>i {
    top: 50px
}

.form-group.style2 textarea,.form-group.style2 input {
    background: var(--black-color2);
    color: var(--white-color);
    height: 60px;
    border-radius: 8px
}
.form-group.style2 select {
    background: var(--black-color2);
    color: var(--white-color);
    height: 60px;
    border-radius: 8px
}

.form-group.style2>i {
    top: 24px;
    color: var(--white-color)
}

.form-group.style3 {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .form-group.style3 {
        width:100%
    }
}


.form-group.style-border textarea,.form-group.style-border input,.form-group.style-border select {
    background: var(--smoke-color)
}

.form-group.style-border2 textarea,.form-group.style-border2 input {
    background: rgba(0,0,0,0);
    border: 1px solid var(--th-border-color2);
    color: var(--body-color)
}


.form-group.style-border2 select {
    background: rgba(0,0,0,0);
    border: 1px solid var(--th-border-color2)
}

.form-group.style-border2 i {
    color: var(--theme-color);
    top: 22px
}

.form-group.style-border3 textarea,.form-group.style-border3 input {
    background: var(--white-color);
    border: 1px solid var(--th-border-color);
    color: var(--body-color)
}

.form-group.style-border3 select {
    background: var(--white-color);
    border: 1px solid var(--th-border-color)
}

.form-group.style-border3 i {
    color: var(--body-color);
    top: 20px;
    background: rgba(0,0,0,0)
}

.form-group.style-border4 label {
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color)
}

.form-group.style-border4 select,.form-group.style-border4 .form-control,.form-group.style-border4 .form-select,.form-group.style-border4 textarea,.form-group.style-border4 input {
    border-radius: 7px;
    padding: 0 20px
}

.form-group.style4 select,.form-group.style4 .form-control,.form-group.style4 .form-select,.form-group.style4 textarea,.form-group.style4 input {
    padding: 0 20px 0 43px
}

.form-group.style4>i {
    right: auto;
    left: calc(var(--bs-gutter-x)/2 + 25px);
    z-index: 1;
    top: 50px
}

.form-group.style-white .form-select,.form-group.style-white .form-control {
    background: var(--white-color)
}

.form-group.style-white>i {
    top: 20px;
    background: rgba(0,0,0,0);
    color: var(--theme-color)
}

.form-group.style-dark {
    position: relative;
    z-index: 1;
    -ms-flex-item-align: self-start;
    align-self: self-start
}

.form-group.style-dark:after {
    content: "";
    position: absolute;
    top: 0;
    left: var(--bs-gutter-x)/2;
    width: calc(100% - var(--bs-gutter-x)/1);
    height: 100%;
    background: var(--theme-color);
    opacity: .4;
    border-radius: 50px;
    z-index: -1
}

.form-group.style-dark .form-select,.form-group.style-dark .form-control {
    background: rgba(0,0,0,0);
    border: 1px solid hsla(0,0%,100%,.2);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    color: var(--white-color)
}


.form-group.style-dark>i {
    top: 20px;
    background: rgba(0,0,0,0);
    color: var(--th-border-color)
}

.form-group.style-dark2 .form-select,.form-group.style-dark2 .form-control {
    background: var(--black-color3);
    border: 1px solid var(--th-border-color2);
    color: #6b7586;
    border-radius: 0
}

.form-group.style-dark2>i {
    top: 20px;
    background: rgba(0,0,0,0);
    color: #6b7586
}

.form-group.style-dark3 .form-select,.form-group.style-dark3 .form-control {
    background: var(--title-color);
    border: 1px solid var(--black-color4);
    color: var(--white-color);
    border-radius: 0
}

.form-group.style-dark3>i {
    top: 20px;
    background: rgba(0,0,0,0);
    color: var(--theme-color)
}

.form-group.style-radius-0 .form-select,.form-group.style-radius-0 .form-control {
    border-radius: 0px
}

.form-group.style-shadow .form-select,.form-group.style-shadow .form-control {
    -webkit-box-shadow: 0px 2px 4px rgba(2,29,53,.1);
    box-shadow: 0px 2px 4px rgba(2,29,53,.1)
}

.form-btn.style4 .th-btn.style12 {
    max-width: 300px;
    text-transform: uppercase;
    background: var(--theme-color3);
    padding: 19px 30px
}

@media(max-width: 767px) {
    .form-btn.style4 .th-btn.style12 {
        padding:17px 20px
    }
}

textarea.form-control.style2,textarea.style2 {
    min-height: 100px
}

[class*=col-].form-group>i {
    right: calc(12px + 25px)
}

.form-rounded-10 .form-control,.form-rounded-10 .form-select {
    border-radius: 10px !important
}

.form-rounded-10 .th-btn {
    border-radius: 10px
}

option:checked,option:focus,option:hover {
    background-color: var(--theme-color);
    color: var(--white-color)
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=checkbox] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none
}

input[type=checkbox]:checked~label:before {
    content: "";
    color: var(--white-color);
    background-color: rgba(0,0,0,0)
}

input[type=checkbox]~label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: block
}

input[type=checkbox]~label:before {
    content: "";
    font-family: var(--icon-font);
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 3.5px;
    background-color: rgba(0,0,0,0);
    border: 1px solid var(--white-color);
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px
}

input[type=checkbox].style2~label {
    color: #8b929c;
    padding-left: 23px;
    margin-bottom: -0.5em
}

input[type=checkbox].style2~label:before {
    background-color: hsla(0,0%,100%,.1);
    border: 1px solid #8b929c;
    height: 14px;
    width: 14px;
    line-height: 14px;
    border-radius: 3px;
    top: 6px
}

input[type=checkbox].style2:checked~label:before {
    color: var(--theme-color)
}

input[type=checkbox].style3:checked~label:before {
    color: var(--title-color);
    border-color: var(--title-color)
}

.page-img img {
    width: 100%;
}

input[type=radio] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none
}

input[type=radio]~label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 1;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0
}


.form-group>i {
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 20px;
    font-size: 16px;
    color: var(--body-color);
}

@media(max-width: 1500px) {
    .consulting-wrap1 .page-img {
        height:600px;
        margin-left: 0px;
        margin-right: 0px
    }

    .consulting-wrap1 .page-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(max-width: 767px) {
    .consulting-wrap1 .page-img {
        height:400px
    }
}

@media(max-width: 767px) {
    .consulting-wrap1 {
        border-radius:20px
    }
}

.contact-thumb1-1-shape {
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    z-index: -1
}

@media(max-width: 1500px) {
    .contact-thumb1-1-shape {
        right:0px
    }
}

.contact-thumb1-1-shape img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 767px) {
    .consulting-form-wrap1 .title-area {
        text-align:center
    }
}

.contact-thumb1-1 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%
}

.contact-thumb1-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 1199px) {
    .contact-thumb1-1 {
        position:relative;
        width: 100%;
        top: -150px
    }
}

@media(max-width: 991px) {
    .contact-thumb1-1 {
        top:-80px
    }
}

.contact-form.style-border {
    border: 1px solid var(--th-border-color);
    border-radius: 50px;
    padding: 60px
}

@media(max-width: 991px) {
    .contact-form.style-border {
        border-radius:40px;
        padding: 40px
    }
}

@media(max-width: 575px) {
    .contact-form.style-border {
        padding:30px
    }
}

.contact-title-wrap {
    max-width: 713px
}

@media(max-width: 1199px) {
    .contact-thumb2-1 {
        display:none
    }
}

.contact-form-v2 {
    background: var(--title-color);
    padding: 56px
}

.contact-form-v2 .title-area .sub-title {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 15px
}

.contact-form-v2 .title-area .title {
    font-size: 40px
}

@media(max-width: 1199px) {
    .contact-form-v2 .title-area .title {
        font-size:36px
    }
}

@media(max-width: 767px) {
    .contact-form-v2 .title-area .title {
        font-size:34px
    }
}

@media(max-width: 1199px) {
    .contact-form-v2 .title-area .title {
        font-size:28px
    }
}

@media(max-width: 575px) {
    .contact-form-v2 {
        padding:40px 30px
    }

    .contact-form-v2 .title-area .sub-title {
        font-size: 16px
    }
}

.contact-info {
    background: var(--white-color);
    -webkit-box-shadow: 0px 10px 50px rgba(0,0,0,.07);
    box-shadow: 0px 10px 50px rgba(0,0,0,.07);
    border-radius: 30px;
    padding: 40px;
    text-align: center
}

.contact-info .box-icon {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--theme-color);
    color: var(--white-color);
    font-size: 40px;
    margin-bottom: 24px
}

.contact-info .box-title {
    color: var(--title-color);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0
}

.contact-info .box-text {
    font-size: 16px;
    color: var(--body-color);
    margin-top: 10px;
    line-height: 1.4;
    display: grid
}

.contact-info .box-text a {
    color: var(--body-color)
}

.contact-info .box-text a:hover {
    color: var(--theme-color)
}

@media(max-width: 991px) {
    .contact-info .box-title {
        font-size:24px
    }
}

@media(max-width: 575px) {
    .contact-info {
        display:block
    }

    .contact-info .box-icon {
        margin-bottom: 25px
    }

    .contact-info .box-text {
        margin-bottom: -0.3em
    }

    .contact-info .box-title {
        font-size: 24px
    }
}

.contact-info2 {
    text-align: center
}

@media(max-width: 767px) {
    .contact-info2 {
        max-width:350px;
        margin: 0 auto
    }
}

.contact-info2 .box-icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--white-color);
    color: var(--theme-color);
    font-size: 24px;
    -webkit-box-shadow: 0px 21px 47px rgba(15,21,31,.21);
    box-shadow: 0px 21px 47px rgba(15,21,31,.21);
    position: relative;
    margin-bottom: -30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.contact-info2 .box-content {
    background: var(--white-color);
    padding: 37px 55px;
    padding-top: 0
}

@media(max-width: 1399px) {
    .contact-info2 .box-content {
        padding:37px 20px;
        padding-top: 0
    }
}

.contact-info2 .box-title {
    color: var(--Natural-color-Black-2, #010916);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 71px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 10px
}

.contact-info2 .box-title::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 29px;
    height: 2px;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: var(--gray-color2)
}

.contact-info2 .box-text {
    font-size: 16px;
    display: grid
}

@media(max-width: 1199px) {
    .contact-info2 .box-text {
        font-size:14px
    }
}

.contact-info2 .box-text a {
    color: var(--black-color3);
    text-transform: capitalize
}

.contact-info2 .box-text a:hover {
    color: var(--theme-color)
}

.contact-info2 .box-text span {
    color: var(--theme-color3);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.contact-info2:hover .box-icon {
    background: var(--theme-color);
    color: var(--white-color)
}

.contact-info-wrap2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--title-color);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 30px;
    padding: 40px;
    margin: 0 -40px;
    margin-top: -160px;
    position: relative;
    z-index: 1
}

.contact-info-wrap2 .contact-info {
    width: calc(25% - 30px);
    padding: 0
}

@media(max-width: 1500px) {
    .contact-info-wrap2 {
        margin:-160px 0 0
    }

    .contact-info-wrap2 .contact-info {
        width: calc(50% - 30px)
    }
}

@media(max-width: 1199px) {
    .contact-info-wrap2 {
        margin-top:60px
    }
}

@media(max-width: 991px) {
    .contact-info-wrap2 .contact-info {
        width:100%
    }
}

@media(max-width: 575px) {
    .contact-info-wrap2 {
        gap:40px 30px;
        padding: 40px 30px;
        margin-top: 40px
    }
}

.contact-form-v3 {
    background: var(--title-color);
    padding: 48px;
    border: 1px solid var(--body-color);
    border-radius: 8px
}

.contact-form-v3 .title-area .sub-title {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 15px
}

.contact-form-v3 .title-area .title {
    font-size: 40px
}

@media(max-width: 1199px) {
    .contact-form-v3 .title-area .title {
        font-size:36px
    }
}

@media(max-width: 767px) {
    .contact-form-v3 .title-area .title {
        font-size:34px
    }
}

@media(max-width: 1199px) {
    .contact-form-v3 .title-area .title {
        font-size:28px
    }
}

@media(max-width: 575px) {
    .contact-form-v3 {
        padding:40px 30px
    }

    .contact-form-v3 .title-area .sub-title {
        font-size: 16px
    }
}

.contact-info.style2 {
    background: rgba(0,0,0,0);
    padding: 0;
    gap: 24px
}

.contact-info.style2 .box-icon {
    border: 1px solid var(--white-color);
    border-radius: 8px
}

.contact-info.style2 .box-icon:after {
    display: none
}

.contact-info.style3 {
    background: rgba(0,0,0,0);
    padding: 0;
    gap: 12px;
    -webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0);
    box-shadow: 0px 10px 50px rgba(0,0,0,0);
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.contact-info.style3 .box-icon {
    border: 0;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    font-size: 20px;
    margin-bottom: 0
}

.contact-info.style3 .box-icon:after {
    display: none
}

.contact-info.style3 .box-text {
    margin: 0;
    margin-bottom: 5px;
    color: var(--black-color3)
}

.contact-form-v4 {
    padding: 56px;
    border-radius: 30px
}

@media(max-width: 575px) {
    .contact-form-v4 {
        padding:40px 30px
    }
}

.contact-page-v1 {
    position: relative
}

.contact-page-v1 .contact-map {
    height: 398px
}

.contact-page-v1 .contact-map iframe {
    height: 100%
}

.contact-page-contact-form-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--smoke-color);
    border-radius: 16px;
    overflow: hidden
}

.contact-page-contact-form-wrap .contact-form-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 56px
}

.contact-page-contact-form-wrap .contact-page-thumb1-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contact-page-contact-form-wrap .contact-page-thumb1-1 img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 991px) {
    .contact-page-contact-form-wrap {
        display:block
    }
}

@media(max-width: 575px) {
    .contact-page-contact-form-wrap .contact-form-wrap {
        padding:40px 30px
    }
}

.contact-info.style4 {
    background: var(--gray-color);
    padding: 0;
    gap: 12px;
    -webkit-box-shadow: 0px 10px 50px rgba(0,0,0,0);
    box-shadow: 0px 10px 50px rgba(0,0,0,0);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    text-align: left;
    padding: 30px
}

.contact-info.style4 .box-icon {
    border: 0;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    font-size: 20px;
    margin-bottom: 0;
    background: var(--theme-color);
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.contact-info.style4 .box-icon:after {
    display: none
}

.contact-info.style4 .box-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.contact-info.style4 .box-text {
    margin: 0;
    margin-bottom: 5px;
    color: var(--black-color3);
    max-width: 238px
}

.contact-form-v5 {
    padding: 70px 0
}

@media(max-width: 1399px) {
    .contact-form-v5 {
        padding:70px 30px
    }
}

@media(max-width: 375px) {
    .contact-form-v5 {
        padding:70px 20px
    }
}

.contact-form-v5 .form-group select,.contact-form-v5 .form-group.style3 input {
    height: 56px;
    background-color: var(--white-color)
}

.contact-form-v5 .form-group.style3 input {
    color: #101111;
    font-family: var(--title-font);
    font-size: 32px;
    font-weight: 700;
    text-transform: capitalize
}

.contact-form-v5 .form-group label {
    color: var(--title-color);
    font-family: var(--title-font);
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px
}

.contact-form-v5 .form-group label span {
    color: var(--theme-color)
}

.contact-form-v5 .custom-checkbox label {
    color: var(--title-color);
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.contact-form-v5 .custom-checkbox label span {
    color: var(--theme-color)
}

.contact-form-v5 input[type=checkbox]:checked~label:before {
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color)
}

.contact-form-v5 input[type=checkbox]~label:before {
    border: 1px solid var(--th-border-color);
    height: 20px;
    width: 20px
}

.contact-form-v5 .checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 30px
}

.contact-form-v5 .th-btn {
    padding: 20px 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}


.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em
}

.box-title a {
    color: inherit
}

.box-title a:hover {
    color: var(--theme-color)
}

.box-subtitle {
    margin-bottom: 8px
}

@media screen and (max-width: 1418px) {
    .dianhua {
        display: none;
    }
}

.head_nav_btn {
    width: 30px;
    height:30px;
    position: absolute;
    top:25px;
    right:20px;
    cursor: pointer;
    z-index: 9999;
}
@media screen and (max-width:480px)
{
.head_nav_btn {    top:22px;}
}


.head_nav_btn span {
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:20px;
    left: 0;
    right: 0;
    margin: auto;
    transition: background-color 0.3s ease-out 0.1s;
    -webkit-transition: background-color 0.3s ease-out 0.1s;
}
.head_nav_btn span:after {
    content:'';
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:10px;
    left: 0;
    transition: transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
}
.head_nav_btn span:before {
    content:'';
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:-10px;
    left: 0;
    transition: transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
}
.btn_click .head_nav_btn span {
    background-color: transparent;
}
.btn_click .head_nav_btn span:after {
    background-color: #fff;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(-45deg);top: 0;
}
.btn_click .head_nav_btn span:before{
    background-color: #fff;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(45deg);top: 0;
}

@media screen and (max-width:1280px)
{
.headerpagewap{display: none}

}
@media screen and (max-width:1156px)
{
.allbox{ position:static; }
.headerpage { clear:both; width:100%; margin:0 auto 0 auto; padding:0; position:static; z-index:9; }
.headerpagewap{ display:block; }
.headerbox{ display:flex; width:96%; position:static; top:18px; left:2%; padding:0px 0 0 0; backdrop-filter: blur(10px); background:rgba(255,255,255,0.8); border-radius:20px; justify-content:space-around;  align-items:center; }
header .headerright { padding:0px 0 0 0; position:relative; width:5%; }
.phones { width:120px;  }
}
@media screen and (min-width: 1156px) {
.headerpagewap{display: none}	
}


/*左侧导航*/
/*html{font-size: 80px}*/
@media screen and (max-width: 1055px){
    /*html{ font-size: 50px;}*/
}
*{padding: 0;margin: 0;}
ul,li,ol{list-style: none;}

.ovfHiden {
    overflow: hidden;
}
.head_nav_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index:999;
}
.head_bg {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.8);
    display: none;
}
@media only screen and (max-width: 768px) {
.head_nav_m {
    width:60%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #cc0605;
    padding: 25px 10px 15px 6%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
}
.btn_click .head_nav_m {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.btn_click .head_bg {
    display: block;
    animation: fadeIn .4s linear forwards;
    -webkit-animation: fadeIn .4s linear forwards;
}
.nav_list>li {
    color: #666666;
}
.nav_list>li>a {
    color: #ffffff;
    display: block;
    height:40px;
    line-height:40px;
    font-size:18px;
}
.nav_list>li>a p {
    line-height:40px;
    font-size:18px;

}
.nav_list>li>a {
    color: #ffffff;
    line-height:40px;
    font-size:18px;
    height:40px;
    margin-bottom: 0;
}
.nav_list>li>p.on {
    color: #ffffff;
}

/*子导航*/
.ul_nei_nav {
    display: none;
}
.ul_nei_nav li {
   /* height: .6rem;*/
    line-height:30px;
}
.nav_list>li a.on a,
.ul_nei_nav li.curr a {
    font-size:16px;
    color: #f6dab1;
}
.ul_nei_nav>li>a {
    color: #ffffff;
    color: rgba(255,255,255,.8);
    display: inherit;
    font-size:16px;
}
.ul_nei_nav>li>ul>li{ line-height: 30px;  margin-left: 40px;}
.ul_nei_nav>li>ul>li>a{ color: #eee;font-size: .2rem;}
.head_nav_btn {
    width: 30px;
    height:30px;
    position: absolute;
    top:25px;
    right:20px;
    cursor: pointer;
    z-index: 9999;
}
@media screen and (max-width:480px)
{
.head_nav_btn {    top:15px;}
}


.head_nav_btn span {
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:20px;
    left: 0;
    right: 0;
    margin: auto;
    transition: background-color 0.3s ease-out 0.1s;
    -webkit-transition: background-color 0.3s ease-out 0.1s;
}
.head_nav_btn span:after {
    content:'';
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:10px;
    left: 0;
    transition: transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
}
.head_nav_btn span:before {
    content:'';
    display: inline-block;
    width:30px;
    height: 2px;
    background-color: #dd0004;
    position: absolute;
    top:-10px;
    left: 0;
    transition: transform 0.3s ease-out,top 0.5s ease 0.4s;
    transform: rotate(0deg);
}
.btn_click .head_nav_btn span {
    background-color: transparent;
}
.btn_click .head_nav_btn span:after {
    background-color: #fff;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(-45deg);top: 0;
}
.btn_click .head_nav_btn span:before{
    background-color: #fff;
    transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
    transform: rotate(45deg);top: 0;
}
.btn_click .head_nav_bg {
    opacity: 1;
    visibility: inherit;
    pointer-events: auto;
}
.head_nav .slogan {
    font-size:22px;
    color: #ded7cd;
    font-weight: lighter;
    line-height:30px;
    /* font-weight: bold; */
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid rgba(255,255,255,.2);
}
.head_nav .head_call h3 {
    font-family: 'RAJDHANI_BOLD';
    font-size: .56rem;
    color: #fff;
    line-height: 1;
    padding: .62rem 0 .12rem;
    border-top: .02rem solid rgba(255,255,255,.2);
    margin-top: .2rem;
}
.head_nav .head_call p {
    font-size: .2rem;
    color: #ded7cd;
    color: rgba(222, 215, 205, .5);
    line-height: .36rem;
    /* font-weight: bold; */
}
@media screen and (min-width: 1156px) {
    .head_nav_btn {
        display: none;
    }
}



.popup-search-box {
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgba(0,0,0,.95);
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.popup-search-box button.searchClose {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-color);
    background-color: rgba(0,0,0,0);
    font-size: 22px;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    color: var(--theme-color)
}

.popup-search-box button.searchClose:hover {
    color: var(--body-color);
    background-color: #fff;
    border-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.popup-search-box form {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding-bottom: 40px;
    cursor: auto;
    width: 100%;
    max-width: 700px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform ease .4s;
    transition: -webkit-transform ease .4s;
    transition: transform ease .4s;
    transition: transform ease .4s, -webkit-transform ease .4s
}

@media(max-width: 1199px) {
    .popup-search-box form {
        max-width:600px
    }
}

.popup-search-box form input {
    font-size: 18px;
    height: 70px;
    width: 100%;
    border: 2px solid var(--theme-color);
    background-color: rgba(0,0,0,0);
    padding-left: 30px;
    color: #fff;
    border-radius: 50px
}

.popup-search-box form input::-moz-placeholder {
    color: #fff
}

.popup-search-box form input::-webkit-input-placeholder {
    color: #fff
}

.popup-search-box form input:-ms-input-placeholder {
    color: #fff
}

.popup-search-box form input::-ms-input-placeholder {
    color: #fff
}

.popup-search-box form input::placeholder {
    color: #fff
}

.popup-search-box form button {
    position: absolute;
    top: 0px;
    background-color: rgba(0,0,0,0);
    border: none;
    color: #fff;
    font-size: 24px;
    right: 12px;
    color: var(--white-color);
    cursor: pointer;
    width: 70px;
    height: 70px;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    -webkit-transform: scale(1.001);
    transform: scale(1.001)
}

.popup-search-box form button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.popup-search-box.show {
    opacity: 1;
    visibility: visible;
    width: 100.1%;
    height: 100%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    border-radius: 0
}

.popup-search-box.show form {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.prev-next{ margin-top:15px;}
.prev-next div{ line-height:32px;}

.page-banner{ position:relative;}
.page-bannertxt{ position: absolute;left: 0;right: 0;top: 50%;z-index:9;}
.form-item{float:left;}
.class-content{width:100%;}
footer{width:100%;float:left;}
#foot{width:100%;float:left;}
.block{width:100%;float:left;}

.block .class-content .news-item .news-info h2 {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}
table {
  border-collapse: collapse;
}
table td,table th{border:solid 1px #333;}
.product-in{width:100%;float:left;}
.product-in h2,.product-in h3,.product-in h4,.product-in h5,.product-in h6{ font-weight:bold;margin-top:10px;margin-bottom:10px; color:#333;}
.product-in ul{margin-left: 20px;margin-right: 20px;}
.product-in ul li{ list-style:disc;}
.product-in table{border-collapse: collapse; }
.product-in b,.product-in strong{ color:#333; font-weight:bold;}
.product-in img{max-width:100%;}

.product-right > h1{margin-bottom: 30px;}
.class-info{width:100%;float:left; font-size:18px;}

.class-content h2,.class-content h3,.class-content h4,.class-content h5,.class-content h6{ font-weight:bold;margin-top:10px;margin-bottom:10px; color:#333;}
.class-content ul{margin-left: 20px;margin-right: 20px;}.class-content ul li{ list-style:disc;}
.class-content table{border-collapse: collapse; }
.class-content b,.class-content strong{ color:#333; font-weight:bold;}.class-content img{max-width:100%;}

.p-short{width:100%;float:left;margin-top:20px;}

#Descrip table{border-collapse: collapse; }
#Descrip b,#Descrip strong{ color:#333; font-weight:bold;}#Descrip img{max-width:100%;}

.catgiaydeil{width:100%;float:left;padding: 3% 0;}.protip,.maeta{width:100%;float:left;}
.catgiaydeil h1{text-align: left;font-size: 26px; font-weight: bold; border-bottom: solid 1px #f4f4f4; padding-bottom: 2%; margin-bottom: 2%;width: 100%; float: left;color: #333;}
.poorder .tab-list{padding-top: 3%;}
.product-main{width:100%;float:left;}
.date {width:100%;float:left;text-align: center;}
.date span{padding-right: 10px;padding-left: 10px;}.date span a{color: #666;}.date span i{padding-right:5px;}
.Leavetitle{ font-size:20px; font-weight:bold;margin-bottom:2%;color: #333}
.news-inquiry{width:100%;float:left; background-color:#f3f3f3;margin-bottom:0;}
.a2a_kit{margin-top:3%;}


@media(max-width:769px){
.product-list .lefttitle{ position:relative;}
.product-list .lefttitle:before{ position: absolute; right: 10px; top: 20px; content: "+"; font-size: 20px;color: #fff;cursor: pointer;}
.bnu ul{display:block !important;}
.bnu .lefttitle:before{content: "-" !important;}
}

@media(max-width:480px){.block .class-content .news-item{width:100%;}}

/*详情轮播*/

.owl-carousel {
    position: relative;
    width: 100%;
}

    .owl-carousel .owl-item {
        float: left;
        min-height: 1px;
        position: relative;
        overflow: hidden;
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden;
        position: relative;
    }

    .owl-carousel .owl-controls {
        /*height: 0;*/
        overflow: visible;
    }

.owl-stage {
    position: relative;
}

.owl-loaded .slide-item {
    display: block;
}

.owl-dots .owl-dot, .owl-prev, .owl-next {
    cursor: pointer;
}



.owl-prev:hover, .owl-next:hover {
}
/* transition */
.owl-nav, .owl-nav .owl-prev, .owl-nav .owl-next, .gotop, .nav > li > a:before, .nav-bar .nav > li:before, .product-item, .product-item .item-wrap, .foot-social li img, .head-social li img, .nav-bar .nav li .nav-ico:before, .gotop, .gm-delay, .product-item .pd-img img, .product-item .pd-img .ico,  .read-more, .pages a,.subscribe-form .subscribe-btn, .product-item .pd-info, .head-contact .head-phone:before, .head-contact .head-email:before, .search-title, .nav li a:after, .index-product-more, .index-case-more, .case-item .case-img img, .product-item .pd-more, .ad_banner .more, .index-product-more a, .review-items .owl-prev:before, .review-items .owl-next:before, .review-item .item-wrap,  .foot-item.foot-item-list li, .nav-bar .nav li li a {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.owl-dots {
    width: 100%;
    /*position:absolute;*/
    left: 0;
    bottom: 0;
    text-align: center;
}



.content_scene_cat .product-image a {
    float: none;
    padding: 0;
}

.product-view .image-additional .owl-item li a {
    border: none;
}

.product-view .image-additional .owl-item li.current a {
    background: none;
    border-color: none;
}
/*.product-intro .product-view .image-additional{margin:20px 0;}*/

/* product photos */
.product-intro {
    position: relative;
    display: block;margin-bottom: 0;
}

.product-title {
    font-size: 24px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    font-family: 'arial';
    font-weight: normal;
    line-height: 28px;
    color: #1a1926;
}

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

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

.cloud-zoom-big {
    border: 1px solid #eee;
    overflow: hidden;
    padding: 0px;
}

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

.product-view {
    position: relative;
    width: 100%;
    float: left;
}

    .product-view .product-image {
        border: 1px solid #d2d2d2;
    }

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

    .product-view .image-additional {
        position: relative;
    }

        .product-view .image-additional ul {
            position: relative;
            width: 100%;
padding: 0 10px;
        }

        .product-view .image-additional li {
            position: relative;
            width: 100%;
            margin: 0 8px 0 0;
        }

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

            .product-view .image-additional li img {
                position: relative;
                width: 100%;
                border: 1px solid #d2d2d2;
            }

            .product-view .image-additional li a, .product-view .image-additional li.current>a{
                position: relative;
                display: block;
                padding: 0 4px;
margin:0;
            }

            .product-view .image-additional li.current img {
                border-color: #ccc;
                border-width: 3px;
            }

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

.image-additional .owl-nav {
    display: inline;
    position: absolute;
    top: 30%;
    margin: -13px 0 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.image-additional .owl-prev, .image-additional .owl-next {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 999;
    float: left;
    display: block;
    background-repeat: no-repeat;
    font-size: 22px;
}

.image-additional .owl-prev {
    left: -5px;
}

.image-additional .owl-next {
    right: -5px;
}

.image-additional .owl-prev:before {
    content: "\f104";
}

.image-additional .owl-next:before {
    content: "\f105";
}


/* product summary */
.product-summary {
    position: relative;
    width: 580px;
    float: right;
}

    .product-summary .product-meta {
        line-height: 25px;
    }

        .product-summary .product-meta h3 {
            font-family: 'arial';
            margin: 0 0 10px;
            font-size: 16px;
        }

.product-btn-wrap {
    position: relative;
    margin: 20px 0 0;
}

    .product-btn-wrap .email, .product-btn-wrap .pdf {
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top;
        line-height: 30px;
        padding: 0 15px;
        border-radius: 3px;
        background: #7f7f7f;
        border: 1px solid #7f7f7f;
        color: #FFF;
        margin: 0 20px 0 0;
    }

        .product-btn-wrap .email:before {
            content: "\f0e0";
            padding: 0 3px 0 0;
        }

        .product-btn-wrap .pdf:before {
            content: "\f1c1";
            padding: 0 3px 0 0;
        }

        .product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover {
            background: none;
            color: #7f7f7f;
        }

.product-summary .share-this {
    float: right;
    margin: 30px 0 0;
}

.product-detail {
    position: relative;
    overflow: visible;
    margin: 50px 0 0;
}

.detail-tabs {
    position: relative;
}

    .detail-tabs .title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        padding: 0 15px;
        line-height: 28px;
        cursor: pointer;
        overflow: hidden;
        font-size: 16px;
        margin: 0 8px 0 0;
        color: #FFF;
        background: #754cac;
    }

        .detail-tabs .title.current {
            font-family: 'arial';
            color: #FFF;
            background: #754cac;
        }

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

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

@media screen and (max-width: 769px) {
    .product-view .image-additional li img {
        border: none;
    }
    /* layout */


    /* box sizing */

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

    .owl-carousel {
        padding: 0 0 30px;
    }

    .scrollsidebar, .bottomsidebar {
        display: none;
    }

    .gotop {
        display: none;
        visibility: hidden;
    }

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

 * header

 * --------------------------------------------------- */

    /* ===================================================

 * for:homepage

 * --------------------------------------------------- */

    /* ===================================================

 * for:product detail

 * --------------------------------------------------- */

    /* product intro */


    .product-view {
        width: 100%;
        float: none;
    }

        .product-view .product-image {
            display: none;
        }

        .product-view .image-additional {
            width: 100%;
            margin: 0;
        }

            .product-view .image-additional ul {
                width: 100%;
            }

            .product-view .image-additional li {
                width: 100%;
                margin: 0;
            }

                .product-view .image-additional li a {
                    padding: 0;
                    float: none;
                }

                .product-view .image-additional li.current img {
                    border-color: inherit;
                }
    /* product summary */
    .product-summary {
        position: relative;
        width: 100%;
        float: none;
    }

        .product-summary .share-this {
            float: none;
            margin: 30px 0;
        }
    /* detail */

    .tab-content-wrap .tab-title-bar, .tab-content-wrap .tab-panel-wrap {
        display: none;
    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-item {
        margin: 0 0 30px;
    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-title {
        font-family: 'arial';
        margin: 0 0 15px;
    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-panel {
    }
    /* Customers Also Bought */

    .goods-items {
        width: 100%;

    }
}

@media screen and (max-width: 800px) {
    .product-view .image-additional li.single {
        display: block;
    }
}

@media screen and (max-width: 641px) {
    .product-item, .product-items .product-item, .case-item {
        width: 50%;
    }

    .review-items {
        padding: 0 0 40px;
    }

    .review-item .item-wrap {
        padding: 10px 10px;
    }

    .company-content {
        width: 100%;
        padding: 20px 0;
    }

        .company-content .text {
            font-size: 26px;
        }

    .data-items {
        width: 100%;
    }

    .recent-news-title-bar {
        line-height: 40px;
    }

        .recent-news-title-bar .title {
            float: none;
            padding: 0;
        }

            .recent-news-title-bar .title:after {
                display: none;
            }

        .recent-news-title-bar .view-more {
            float: none;
        }

    .recent-news-item {
        width: 100%;
    }

    .products-scroll-list li {
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }

        .products-scroll-list li img {
            max-width: 65px;
            float: left;
            margin: 0 15px 0 0;
        }
}

.bottomsidebar .bottomcontent {
    background: #754cac !important;
}

.product-view .image-additional {
    width: 100%;
    margin: 20px 0; text-align:center; font-family: 'FontAwesome';
}
.owl-theme .owl-nav [class*=owl-] {
margin:0;
}

/* ==================== 基础布局 ==================== */
.layout-mobile {
    padding: 0;
}

.product-view {
    width: 100%;
    position: relative;
    float: left;
}

.block {
    margin-bottom: 30px;
}

/* ==================== 面包屑导航 ==================== */
.block .position {
    width: 100%;
    margin-top: 30px;
}

.block .position a,
.block .position span {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
}

/* ==================== 左侧边栏 ==================== */
.block .product-left {
    float: right;
    width: 25%;
    margin-top: 30px;
}

.block .product-left h3,
.block .product-left .lefttitle {
    padding: 20px 10px;
    background-color: #333;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}

.block .product-left ul {
    border: 1px solid #ccc;
}

.block .product-left ul ul {
    border: 0;
    display: none;
}

.block .product-left ul li {
    position: relative;
}

.block .product-left ul li a {
    display: block;
    padding: 15px 20px 15px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    line-height: 14px;
}

.block .product-left ul li a:hover {
    font-weight: 700;
}

.block .product-left ul li .current {
    font-weight: 700;
}

.block .product-left ul li ul li {
    padding-left: 10px;
}

.block .product-left ul li ul li a {
    background: url(../images/home_5.png) no-repeat;
    background-position-y: 15px;
    padding-left: 16px;
}

/* 导航箭头 */
.block .product-left .product-nav ul li span {
    background: url(../images/product_01.png);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 15px;
    transform: translate(-50%, 0);
}

/* 热门产品列表 */
.block .product-left .product-list {
    margin-top: 30px;
}
.block .product-left .product-list li {
    padding: 0 10px;
}

.block .product-left .product-list li a {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.block .product-left .product-list img {
    width: 30%;
}

.block .product-left .product-list span {
    display: inline-block;
    width: 65%;
    margin-left: 5%;
}

.block .product-left .product-list ul li .btn span {
    display: inline-block;
    padding: 10px 15px;
    background-color: #333;
    color: #fff;
    font-size: 14px;
}

.block .product-left .product-list ul li .btn span:hover {
    background-color: #ab2b35;
}

/* ==================== 右侧主内容 ==================== */
.block .product-right {
    float: left;
    width: 72%;
    margin-top: 30px;
    border-top: 2px solid #333;
}

.product-right h3 {
    font-size: 24px;
    line-height: 150%;
    margin-top: 30px;
}

/* 产品列表 */
.block .product-right .product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block .product-right .product-list .product-item {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px 20px 20px;
    border-bottom: 1px solid #ccc;
}

.block .product-right .product-list .product-item .product-img {
    width: 30%;
    border: 1px solid #eee;
}

.block .product-right .product-list .product-item .product-img img {
    width: 100%;
    margin: 0;
}

.block .product-right .product-list .product-item .product-info {
    width: 68%;
    margin: 0;
}

.block .product-right .product-list .product-item .product-info h2 {
    font-size: 18px;
}

.block .product-right .product-list .product-item .product-info span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 30px;
}

.block .product-right .product-list .product-item .product-info p {
    display: block;
    font-size: 14px;
    line-height: 120%;
    margin-top: 0;
}

.block .product-right .product-list .product-item .product-info .demiot {
    font-size: 16px;
}

.block .product-right .product-list .product-item .product-info .btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
    background-color: #d80011;
    color: #fff;
    margin-top: 15px;
    margin-right: 10px;
    border-radius: 0!important;
}

.block .product-right .product-list .product-item .product-info .btn:hover {
    background-color: #ab2b35;
}

/* ==================== 网格展示模式 ==================== */
.block .product-right .show-detail {
    display: flex;
    flex-wrap: wrap;
}

.block .product-right .show-detail .product-item {
    width: 33.3333333%;
    flex-wrap: wrap;
    border-bottom: 0;
}

.block .product-right .show-detail .product-item .product-img {
    width: 100%;
}

.block .product-right .show-detail .product-item .product-info {
    width: 100%;
}

.block .product-right .show-detail .product-item .product-info p,
.block .product-right .show-detail .product-item .product-info .demiot {
    display: none;
}

.block .product-right .show-detail .product-item .product-info span {
    display: block;
    margin: 20px 0;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.block .product-right .show-detail .product-item .product-info .btn {
    width: 49%;
    padding: 10px 0;
    text-align: center;
    float: left;
    margin: 0;
}

.block .product-right .show-detail .product-item .product-info .btn:last-child {
    float: right;
}

/* ==================== 产品详情页 ==================== */

.product-view .image-additional li img {
    margin: 0;
}

.image-additional .owl-theme .owl-nav [class*="owl-"] {
    font-size: 20px;
    padding: 0;
    background: inherit;
    color: #666;
    font-family: fontawesome;
}

/* ==================== 搜索框 ==================== */
.left-search {
    display: flex;
    height: 42px;
    margin-bottom: 30px;
    border: 1px solid #dedede;
}

.search-t {
    width: 80%;
    height: 42px;
    padding-left: 10px;
    border: none;
    outline: 0;
    background-color: transparent;
    line-height: 42px;
}

.search-b {
    width: 20%;
    height: 40px;
    border: none;
    background: transparent url(../images/search-pr.png) no-repeat center;
    cursor: pointer;
    line-height: 40px;
}

/* ==================== 图标 ==================== */
#ert {
    float: left;
    width: 21px;
    height: 22px;
    background: url(../images/p-su.jpg) no-repeat center center;
}

#uioi {
    float: left;
    width: 21px;
    height: 22px;
    background: url(../images/p-he.jpg) no-repeat center center;
}

.tab-list dd {
    cursor: pointer;
}

.tab-list .list .current {
    background-image: url(../images/p-su-1.jpg) !important;
}

.tab-list .list1 .current {
    background-image: url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* ==================== 分类/新闻模块 ==================== */
.block .classes {
    margin-top: 30px;
}

.block .classes .class-info p {
    text-align: center;
}

.block .classes .class-name ul {
    display: flex;
    justify-content: center;
}

.block .classes .class-name ul li {
    padding: 10px 30px;
    margin: 30px 20px;
    background-color: #303030;
    border-radius: 5px;
}

.block .classes .class-name ul li.current {
    background-color: #333;
}

.block .classes .class-name ul li:hover {
    background-color: #333;
}

.block .classes .class-name ul li a {
    display: block;
    color: #fff;
    font-size: 20px;
}

.block .classes .class-content {
    margin: 30px 0;
}

.block .classes .class-content img {
    text-align: center;
    margin: 20px 0;
}

/* ==================== 新闻列表 ==================== */
.block .class-content .news-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.block .class-content .news-item {
    display: block;
    box-sizing: border-box;
    width: 31.333333333%;
    margin: 15px 1%;
    padding: 0;
    background-color: #fff;
    border: 1px solid #eee;
}

.block .class-content .news-item .news-img {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.block .class-content .news-item .news-img img {
    width: 100%;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.block .class-content .news-item .news-info {
    float: right;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    text-align: left;
}

.block .class-content .news-item .news-info span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.block .class-content .news-item .news-info p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.block .class-content .news-item .news-info .news-btn {
    display: block;
    width: 120px;
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #999;
    border-radius: 100px;
}

.block .class-content .news-item .news-info .news-btn:hover {
    background-color: #303030;
}

/* ==================== 表单 ==================== */
.block .class-content .form .form-item textarea,
.block .class-content .form .form-item input {
    box-sizing: border-box;
    width: 98%;
    padding: 0 5px;
    line-height: 40px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.block .class-content .form .form-item textarea {
    width: 100%;
    min-height: 100px;
}

.block .class-content .form .form-item img {
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0;
    transform: translate(-50%, -50%);
}

#submit {
    width: 200px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #d80011;
}

/* ==================== 询盘模块 ==================== */
.block .classes .inquiry h3 {
    margin-bottom: 30px;
    font-size: 22px;
    color: #666;
    text-align: center;
}

/* ==================== 显示产品详情 ==================== */
.shown_products_a_left {
    float: left;
    width: 40%;
    padding: 2px;
    margin-top: 30px;
    border: 0;
}

.shown_products_a_right {
    float: right;
    width: 58%;
    margin-top: 30px;
    text-align: left;
}

.shown_products_a_right h1 {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.shown_products_a_right h3 {
    float: left;
    width: 100%;
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.shown_products_a_right h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
    color: #666;
}

.shown_products_a_right h4 {
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    padding-top: 10px;
    font-size: 12px;
}

.shown_products_a_right h4 a {
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
    background-color: #d80011;
}

.shown_products_a .current {
    background-color: inherit;
}

/* ==================== 产品详情描述 ==================== */
.shown_products_b {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.shown_products_b_a {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.shown_products_b_a h2,
.shown_products_b_a .descr {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #fff;
    text-indent: 20px;
    background-color: #d80011;
}

.op {
    float: left;
    width: 100%;
}

.opt {
    float: left;
    width: 100%;
    margin-top: 1%;
    font-size: 14px;
    word-wrap: break-word;
    white-space: normal;
    word-break: normal;
}

.opt h3 {
    margin-top: 0;
    margin-right: 10px;
    font-size: 14px;
    font-weight: normal;
}

.block .opt h3 a {
    float: left;
    display: inline-block;
    margin-right: 20px;
}

.opt_pt {
    float: left;
    width: 100%;
    margin-top: 1.5%;
    font-size: 16px;
    color: #666;
}

.plane-body {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
}

/* ==================== 产品标签 ==================== */
.productsTags {
    line-height: 120%;
    color: #666;
}

.maeta {
    font-size: 14px;
    line-height: 150%;
    color: #666;
}

/* ==================== 关于产品 ==================== */
#AboutPro {
    float: left;
    width: 100%;
}

#AboutPro h3 {
    float: left;
    width: 25%;
    margin-right: 0;
    text-align: center;
}

#AboutPro h3 a {
    padding: 5%;
    line-height: normal;
    margin-right: 0;
}

#AboutPro h3 a.proli1 {
    padding-bottom: 0;
}

#AboutPro h3 a.proli2 {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#AboutPro h3 a img {
    max-width: 100%;
    border: 1px solid #ccc;
}

.proli1 {
    float: left;
    width: 100%;
}
.content_scene_cat a {
    float: left;
    padding: 0.5% 0.5% 0 1%;
    color: #333;
}

/* ==================== 表单样式 ==================== */
.form-group {
    margin-bottom: 15px;
}

#form-group-11 {
    float: left;
    width: 48%;
}

#form-group-12 {
    float: right;
    width: 48%;
}

#form-group-4 {
    width: 48%;
}

#form-group-6,
#form-group-14 {
    float: left;
    width: 100%;
}
/*
.form-control {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857;
    color: #9c9b9b;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d6d4d4;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/
.btn.btn-submit {
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #d80011;
    border: 0;
}

.form-item {
    margin-bottom: 10px;
    text-align: left;
}

.form-item:nth-child(2n) {
    text-align: right;
}

.form-item:last-child {
    text-align: center;
}



/* ==================== 工具类 ==================== */
.col-l-1 {
    float: left;
    width: 50%;
    text-align: left;
}

.col-l-2 {
    float: left;
    width: 100%;
    text-align: left;
}

.col-r-1 {
    float: right;
    width: 50%;
    text-align: right;
}

.col-r-2 {
    float: right;
    width: 100%;
    text-align: right;
}

/* ==================== 横幅 ==================== */
.banner img {
    width: 100%;
}

/* ==================== Owl Carousel 覆盖 ==================== */
.owl-theme .owl-nav [class*="owl-"] {
    padding: 0;
    font-size: 20px;
    color: #555;
    background-color: inherit;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    color: #555;
    background-color: inherit;
}

/* ============================================================
   响应式设计
   ============================================================ */
.container3 {
    width: 100%;
   
    margin-right: auto;
    margin-left: auto;
}


.gy-40 {
    --bs-gutter-y: 40px;
}

@media (max-width: 767px) {
    .page-img {
        border-radius: 10px;
    }
}

@media (max-width: 1500px) {
    .consulting-wrap1 .page-img {
        height: 600px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/* ===== 大屏（≤1199px） ===== */
@media screen and (max-width: 1199px) {
    .layout {
        width: 100%;
        margin: 0 auto;
    }

    .layout-mobile {
        padding: 10px;
    }
    .consulting-form-wrap1 {
    margin-right: auto;
    margin-left: auto;
}

    .block .position,.space ,.consulting-form-wrap1 {
        box-sizing: border-box;
        padding: 0 2%;
    }

    .block .classes {
        padding: 0 2%;
    }

    .block .classes .class-content img {
        max-width: 100%;
    }

    .block .class-content .news-item {
        width: 31.333333333%;
        margin: 15px 1%;
        padding: 2% 1%;
    }

    .block .class-content .news-item .news-img img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .block .product-right {
        float: right;
        width: 72%;
        margin-right: 1%;
        border-top: 2px solid #333;
    }

    .block .product-right .product-info p {
        margin-top: 30px;
        font-size: 14px;
        line-height: 150%;
        color: #666;
        text-align: justify;
    }

    .block .product-right .product-info a p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 120%;
        color: #666;
        text-align: justify;
    }

    .block .product-right .product-list .product-item .product-info .btn {
        display: inline-block;
        margin-top: 15px;
        margin-right: 10px;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        background-color: #303030;
    }

    .block .product-right .product-item .product-info p {
        padding: 0;
    }

    .block .shown_products_a_right h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .product-view {
        position: relative;
        float: left;
        width: 100%;
    }
}

/* ===== 平板（≤768px） ===== */
@media screen and (max-width: 768px) {
    .block .class-content .news-item {
        width: 48%;
        margin: 15px 1%;
        padding: 2% 1%;
    }

    .block .product-left {
        float: left;
        width: 100%;
    }

    .block .product-left .product-list ul {
        display: none;
    }

    .block .product-right {
        float: right;
        box-sizing: border-box;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0 15px;
        border-top: 2px solid #333;
    }

    .block .product-right .product-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .block .product-right .product-list .product-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        box-sizing: border-box;
        width: 50%;
        padding: 4% 1% 2% 1%;
        border-bottom: 1px solid #ccc;
    }

    .block .product-right .product-list .product-item .product-img {
        width: 100%;
    }

    .block .product-right .product-list .product-item .product-info {
        width: 100%;
    }

    .block .product-right .product-list .product-item .product-info .btn {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #fff;
        background-color: #333;
    }

    .block .product-right .product-info p {
        margin-top: 30px;
        padding: 0 2%;
        font-size: 14px;
        line-height: 150%;
        color: #666;
        text-align: justify;
    }

    .product-right h3 {
        padding: 0 2%;
    }

    .block .shown_products_a_right h3 {
        padding: 0;
    }

    .opt {
        padding: 0 2%;
    }

    .opt_pt {
        padding: 0 2%;
    }

    #form1 {
        padding: 0 2%;
    }

    #send {
        padding: 0;
    }
}

/* ===== 小屏手机（≤640px） ===== */
@media screen and (max-width: 640px) {
    .shown_products_a_left {
        float: left;
        width: 100%;
        border: 0;
    }

    .shown_products_a_right {
        float: right;
        width: 100%;
        margin-top: 0;
        text-align: left;
    }
}

/* ===== 超小屏（≤480px） ===== */
@media screen and (max-width: 480px) {
    .block .product-right .product-list {
        justify-content: center;
    }

    .block .product-right .product-list .product-item {
        width: 96%;
        margin-top: 30px;
        padding: 4% 1% 2% 1%;
        border-bottom: 1px solid #ccc;
    }

    .block .product-right .show-detail .product-item {
        width: 100%;
    }

    /* 网格展示响应式 */
    .block .product-right .show-detail .product-item .product-info .btn {
        width: 49%;
        margin: 0;
        padding: 10px 0;
        text-align: center;
        float: left;
    }

    .block .product-right .show-detail .product-item .product-info .btn:last-child {
        float: right;
    }

    .col-l-1,
    .col-r-1 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .block .class-content .form .form-item textarea,
    .block .class-content .form .form-item input {
        width: 100%;
    }

    #AboutPro h3 {
        float: left;
        width: 50%;
        margin-right: 0;
        text-align: center;
    }

    /* 网格产品展示 2列→1列 */
    .block .product-right .show-detail .product-item {
        width: 100%;
    }
}

 .im {
	position: fixed;
	right: 2px;
	top: auto;
	bottom: 40px;
	z-index: 11;
}
.im-l {
	color: #fff;
	width: 32px;
	height: 60px;
	cursor: pointer;
	background-color: #333;
	box-shadow: 0 0 8px #333;
	border-radius: 4px 0px 0px 4px;
	display: block;
	text-align: center;
	line-height: 60px;
	float: left;
}
.im-l i {
	font-size: 20px;
}
#select {
	display: none;
}
.im .box {
	float: right;
	width: 100px;
	background-color: #333;
	border-radius: 0 4px 4px 4px;
	display: none;
}
.im .box ul {
	background-color: #fff;
	list-style-type: none;
	margin: 5px;
	padding:15px 0 1px 0;
}
.im .box ul li {
	overflow: hidden;
	text-align: center;
	margin-bottom: 15px;
}
.im .box ul li a {
	text-decoration: none;
	display: block;
}
.im .box ul li a span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.im .box ul li i {
	font-size: 24px;
	color: #f39d22;
}
.im .box ul li a:hover i {
	color: #343537;
}
#select:checked + .box {
	display: block;
}
@media screen and (min-width:768px) {
	.im {
	width: 132px;
	position: fixed;
	right: -100px;
	top: 250px;
	transition: right 0.5s;
	bottom: auto;
	z-index: 11;
}
.im:hover {
	right: 0;
}
.im .box {
	position: absolute;
	display: block;
	width: 100px;
	right: 0;
	top: 0;
}
}



.title-area {
    margin-bottom: calc(var(--section-title-space) - 18px);
    position: relative;
    z-index: 2; margin-left: 20px;
}

.title-area .sec-title {
    margin-bottom: 18px
}

.title-area.mb-0 .sec-title {
    margin-bottom: -0.24em
}

.title-area.text-center .sub-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(min-width: 992px) {
    .title-area.text-lg-start.text-center .sub-title {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.title-area.style2 {
    position: relative;
    margin-bottom: var(--section-space-mobile)
}

@media(max-width: 991px) {
    .title-area.style2 {
        margin-bottom:40px
    }
}

.title-area.style2::before {
    position: absolute;
    right: 47%;
    top: 50%;
    content: "";
    width: 5px;
    height: 100%;
    background: var(--gray-color4);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(max-width: 1199px) {
    .title-area.style2::before {
        display:none
    }
}

.title-area.style2 .title-area-right {
    max-width: 461px;
    margin: 0 auto
}

@media(max-width: 991px) {
    .title-area.style2 .title-area-right {
        margin:0
    }
}

.title-area.style2 p {
    color: var(--black-color3)
}

.title-area .sec-text {
    max-width: 540px;
    margin-left: auto
}

@media(max-width: 1199px) {
    .title-area .sec-text {
        margin:0 auto
    }
}


.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}





@media (min-width: 768px) {
    .col-md-6 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .col-md-5, .col-md-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

.form-group .form-control {
    background-color: #ccc;
    border: 1px solid #ccc;
    width: 100%;
    height: 50px;
    color: #333;
    font-size: 14px;
}

select, .form-control, .form-select, textarea2, input {
    height: 56px;
    padding: 0 30px 0 30px;
    padding-right: 45px;
    border: 1px solid rgba(0, 0, 0, 0);
    color: var(--black-color3);
    background-color: var(--white-color);
    border-radius: 40px;
    font-size: 16px;
    width: 100%;
    font-family: var(--body-font);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}


.fa, .fa-brands, .fa-duotone, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fab, .fad, .fal, .far, .fas, .fat {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}


.sec-title {
    margin-bottom: calc(var(--section-title-space) - 11px);
    margin-top: -0.24em;
    font-size: 56px;
    font-weight: 500;
    letter-spacing: -1.12px
}

@media(max-width: 1399px) {
    .sec-title {
        font-size:40px
    }
}

@media(max-width: 767px) {
    .sec-title {
        font-size:35px
    }
}

.sec-title span {
    color: var(--theme-color2);box-sizing: border-box;
}



/*


.form-group .form-control {
    width: 100%;
    height: 50px;
    font-size: 14px;
    color: #333;
    background-color: #ccc;
    border: 1px solid #ccc;
}*/

.gy-60 {
    --bs-gutter-y: 60px;
}


@media(min-width: 1300px) {
    .row {
        --bs-gutter-x: 24px
    }
}

.page-img {
    margin-bottom: 40px;
    overflow: hidden;
    border-radius: 30px;
    position: relative;
}

:root {
    --theme-color: #e40016;
    --theme-color2: #FDB52A;
    --theme-color3: #F02801;
    --title-color: #010916;
    --body-color: #6F756D;
    --smoke-color: #F5F5F5;
    --smoke-color2: #FFF7F6;
    --smoke-color3: #FFF3E0;
    --smoke-color4: #F2F2F2;
    --black-color: #000000;
    --black-color2: #010916;
    --black-color3: #4E4E4E;
    --light-color: #070B31;
    --th-border-color: #D4D4D4;
    --th-border-color2: #D4D4D5;
    --th-border-color3: rgba(255, 255, 255, 0.1);
    --th-border-color4: rgb(255, 255, 255, 0.6);
    --th-border-color5: #25334B;
    --th-border-color6: #DFE2E8;
    --th-border-color7: rgb(255, 255, 255, 0.15);
    --gray-color: #F2F7FF;
    --gray-color2: #D9D9D9;
    --gray-color3: #737373;
    --gray-color4: #E5E5E5;
    --gray-color5: #A3A3A3;
    --gray-color6: #374E74;
    --gray-color7: #F7F7F8;
    --gray-color8: rgba(238, 242, 249, 0.84);
    --black-color4: rgba(255, 255, 255, 0.09);
    --black-color5: rgba(255, 255, 255, 0.10);
    --black-color6: #17191F;
    --black-color7: #FFF7E3;
    --black-color8: #C8C8C8;
    --black-color9: #F2F3F6;
    --black-color10: #15233A;
    --black-color11: #18273F;
    --black-color12: #131C2B;
    --error-color: #dc3545;
    --error-color2: #9F1A00;
    --white-color: #ffffff;
    --yellow-color: #FFB539;
    --success-color: #28a745;
    --title-font: "Satoshi";
    --body-font: "Inter", sans-serif;
    --icon-font: "Font Awesome 6 Pro";
    --main-container: 1320px;
    --container-gutters: 24px;
    --section-space: 40px;
    --section-space-mobile: 80px;
    --section-title-space: 60px;
    --ripple-ani-duration: 5s;
    --th-body-background: #ffffff;
}