@charset "utf-8"; html {
    font-size: 625%;
}

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

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: #333;
    font-family: 'Roboto',Arial, Helvetica, sans-serif;
    line-height: 1.5
}

body {
    background-color: #fff;
}

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

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

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

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

li {
    list-style: none;
}

i, em {
    font-style: normal;
}

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

a:focus {
    outline: none;
}

a:hover {
    color: #d61920;
    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 {
    border: none;
    padding: 0;
}

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

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

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

/* clear floating */
.clearfix:after,.layout:after,.sys_row:after, .web_main:after,.page_main:after, .nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_item .news_cell:after, .news_item figure:after, .index_ad .ad_items:after,.index_product_rcmd .product_items:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix,.layout,.sys_row, .web_main,.page_main, .nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_item .news_cell, .index_ad .ad_items,.index_product_rcmd .product_items {
    *zoom:1;}

.clear {
    clear: both;
}

/* layout */
body {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1280px;
}

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

.container {
}

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

.hide {
    display: none;
}

/*gotop*/
.gotop {
    position: fixed;
    text-align: center;
    right: 15px;
    bottom: 50px;
    display: inline-block;
    background-color: #000;
    border-radius: 50%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
    background-clip: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 99999;
    cursor: pointer;
    font-size: 28px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.gotop:hover {
    background-color: #d61920;
}

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

.gotop em {
    display: none;
}

.gotop:before {
    content: "";
    display: inline-block;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../png/btn_up.png);
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

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

.nav_wrap .head_nav>li>a:after,.web_head .head-search .search-ipt, .index_ad .ad_item:before,.index_promote .promote_item .item_info, .side_quicks .quick_ico,.side_quicks .qrcode_pop, .foot_txt_list li a:before,.gotop:after {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* æ …æ ¼åŒ– */
.sys-layer {
    margin: 0 auto;
}

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

.sys-col {
    float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sys_fr {
    float: right!important;
}

.sys_btn {
    display: inline-block;
    font-size: 18px;
    line-height: 1.3;
    padding: .55em 1.6em;
    color: #fff!important;
    border-radius: .5em;
    background-image: -webkit-linear-gradient(180deg, #C62C22 0%, #AC272E 100%);
    background-image: linear-gradient(180deg, #C62C22 0%, #AC272E 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 12px -6px #AC272E;
    background-color: #D42B20;
}

.sys_btn:hover {
    background-image: -webkit-linear-gradient(180deg, #D42B20 0%, #BF252D 100%);
    background-image: linear-gradient(180deg, #D42B20 0%, #BF252D 100%);
}

.sys_btn.btn_black {
    background-image: -webkit-linear-gradient(180deg, #575D5D 0%, #3F4444 100%);
    background-image: linear-gradient(180deg, #575D5D 0%, #3F4444 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 12px -6px rgba(0,0,0,1);
    box-shadow: 0 6px 12px -6px rgba(0,0,0,1);
}

.sys_btn.btn_black:hover {
    background-image: -webkit-linear-gradient(180deg, #555 0%, #333 100%);
    background-image: linear-gradient(180deg, #555 0%, #333 100%);
}

.sys_btn.btn_black {
    background-image: -webkit-linear-gradient(180deg, #575D5D 0%, #3F4444 100%);
    background-image: linear-gradient(180deg, #575D5D 0%, #3F4444 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 12px -6px rgba(0,0,0,1);
}

.sys_btn.btn_black:hover {
    background-image: -webkit-linear-gradient(180deg, #555 0%, #333 100%);
    background-image: linear-gradient(180deg, #555 0%, #333 100%);
}

.sys_btn.btn_gray {
    background-image: gradient(180deg, #FFFFFF 0%, #E4E4E4 100%);
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E4E4E4 100%);
    color: #333!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    background-color: #535353;
}

.sys_btn.btn_gray:hover {
    background-image: gradient(180deg, #f2f2f2 0%, #d2d2d2 100%);
    background-image: linear-gradient(180deg, #f2f2f2 0%, #d2d2d2 100%);
    color: #333!important;
}

/* placeholder */
input::-webkit-input-placeholder {
    color: #fff;
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #fff;
}

input:-moz-placeholder {
    color: #fff;
}

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

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

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

.index_company_intr .company_intr_title,.index_hd .hd_title,.index_news .news_item {
    font-family: 'Roboto-Light';
}

.index_company_intr .company_intr_title .txt_impt {
    font-family: 'Roboto-Bold';
}

/*transition*/
a {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* hover */
.shine_img {
    display: block;
    position: relative;
    overflow: hidden;
}

.shine_img img {
    display: block;
    width: 100%;
    height: auto;
}

.shine_img:after {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shine_img:after {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));
    background-image: linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));
    opacity: 0;
}

.shine_img:hover:after {
    width: 100%;
    opacity: 1;
}

.scale_item .item_img a,.scale_img {
    display: block;
    position: relative;
    overflow: hidden;
}

.scale_item .item_img img,.scale_img img, .scale_item .item_img a:before,.scale_img:before {
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.scale_item .item_img a:before,.scale_img:before {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    opacity: 0;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));
    background-image: linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.scale_item:hover .item_img a img,.scale_img:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.scale_item:hover .item_img a:before,.scale_img:hover:before {
    width: 100%;
    opacity: 1;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

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

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

/* web_head */
.web_head {
    width: 100%;
    position: relative;
    z-index: 3;
    padding-top: 52px;
    padding-bottom: 9px
}

.web_head .layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.web_head .layout::before{content:"";width:10px;height:10px;background-color:#e80013;position:absolute;bottom:-5px;left:80px;border-radius:50%}*/
.web_head .header_right {
    position: relative;
    margin-left: auto
}

.web_head .header_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.web_head .header_contact {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.web_head .header_contact .header_contact_item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px
}

.web_head .header_contact .header_contact_item a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 17px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #2d3039
}

.web_head .header_contact .header_contact_item a span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #a8aab1;
    position: relative;
    display: block;
    text-transform: capitalize;
    margin-bottom: 9px;
}

.web_head .head-search {
    position: relative;
    margin-left: 20px;
    width: 216px;
    background-color: #d7d8da;
    border-radius: 8px
}

.web_head .head-search .search-ipt {
    width: 100%;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 39px;
    border: none;
    background: 0 0;
    padding: 0 48px 0 22px
}

.web_head .head-search .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    background: transparent url(../png/search.png) no-repeat center;
    border: none;
    padding: 0
}

.web_head .change-language {
    position: relative;
    margin-left: 15px
}

.nav_wrap {
    position: relative
}

/*.web_head .nav_wrap::after{content: "";*/
/*    height: 6px;*/
/*    background-color: #b3b3b3;*/
/*    width: calc(100% + 12px);*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    right: -6px;*/
/*    -webkit-clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);*/
/*    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);}*/
.swiper-pagination {
    display: none;
}

.nav_wrap .head_nav {
    position: relative;
    z-index: 2;
    margin-left: auto;
    display: table;
    margin-top: 15px
}

.nav_wrap .head_nav>li {
    display: inline-block;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
    vertical-align: middle;
    text-align: left;
    margin-left: 44px
}

.nav_wrap .head_nav>li>a {
    text-transform: capitalize;
    font-family: Roboto-Bold;
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    color: #2d3039
}

.nav_wrap .head_nav>li>a>em {
    display: inline-block;
    position: relative;
    z-index: 1
}

.nav_wrap .head_nav>li>a>b {
    display: inline-block;
    margin-left: 5px
}

.nav_wrap .head_nav>li>a>b:after {
    content: '\f107';
    color: #999;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.nav_wrap .head_nav>li:hover>a>b:after {
    bac: #d61920;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav_wrap .head_nav:hover>li.nav-current>a,.nav_wrap .head_nav:hover>li>a {
    color: #333
}

.nav_wrap .head_nav:hover>li:hover>a,.nav_wrap .head_nav>li.nav-current>a {
    color: #d61920
}

.nav_wrap .head_nav>li li {
    position: relative;
    text-align: left;
    padding: 0 20px;
    font-family: Arial
}

.nav_wrap .head_nav>li li a {
    display: block;
    line-height: 1.5em;
    padding: 8px 0;
    font-size: 13px;
    position: relative;
    border-bottom: 1px solid #eee;
    font-family: Roboto
}

.nav_wrap .head_nav>li li b:after {
    content: '\f105';
    position: absolute;
    right: -10px;
    top: 8px;
    z-index: 9999
}

.nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before {
    top: 50%;
    margin-top: -11px;
    height: 22px;
    opacity: 1
}

.nav_wrap .head_nav>li li:hover {
    background-color: #d61920;
    color: #fff
}

.nav_wrap .head_nav>li li:hover>a {
    color: #fff;
    border-bottom: 0
}

.nav_wrap .head_nav>li li:hover>a>b:after {
    border-left-color: #fff
}

.nav_wrap .head_nav>li ul ul {
    left: 102%;
    top: -10px;
    margin-top: 0;
    width: 250px
}

.nav_wrap .head_nav li ul {
    width: 250px;
    padding: 10px 0;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    -webkit-transform-origin: center 0;
    transform-origin: center 0;
    pointer-events: none
}

.nav_wrap .head_nav li:hover>ul {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.nav_wrap .head_nav li:hover ul {
    pointer-events: auto
}

/* .fixed-nav {width: 100%;}
.fixed-nav .logo{padding-top: 5px;padding-bottom: 5px;}
.fixed-nav .head_top{display: none;}
.fixed-nav .head_layer{background-color: #fff;padding: 0;}
.fixed-nav .logo{bottom: 0;}
.fixed-nav .logo img{max-height: 65px;}
.fixed-nav .head_layer{width:100%;position:fixed;left:0;top:0;z-index:9;-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);opacity:1;box-shadow:0 0 10px rgba(0,0,0,.2);}
.fixed-nav .head_nav li ul{margin-top: 0;}
.fixed-nav .head_nav>li{line-height: 70px;}
.fixed-nav .head_nav>li>a,.fixed-nav .head_nav li{-webkit-transition:none;-o-transition:none;transition:none;}
.fixed-nav .nav_wrap {-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:0;}
.fixed-nav .nav_wrap .head_nav li li {font-size:13px;}
.fixed-nav .nav_wrap .head_nav>li>a:after{top:auto;bottom:-1px;}
.fixed-nav-active .head_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.fixed-nav-active .nav_wrap:before{opacity:1;height:100%;}
.fixed-nav-active .nav_wrap .head_nav li ul ul{top:-15px;}
.fixed-nav .change-language .change-language-cont{top:51px;background-color:rgba(255,255,255,.95);} */
/* web_footer */
.web_footer {
    position: relative;
    z-index: 9;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /* -webkit-clip-path: polygon(0 0,55% 265px,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,55% 265px,100% 0,100% 100%,0 100%); */  padding-top:7vw;
 
}
 
.web_footer .footer_bgtop{position: absolute; top: 0; width: 100%; height: 7vw;background-size: 100% auto;background-size: 100% 100%;}
.web_footer .footer_bgbottom{ position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(100% - 7vw);
  background-size: 100% auto;
  background-color: #2d3039;
  background-repeat: no-repeat;
  background-position: top center;}
.index_web_footer{    padding-top: 14vw;  margin-top: -14vw;}
.index_web_footer.web_footer .footer_bgtop{  height: 14vw; }
.index_web_footer.web_footer .footer_bgbottom{  height: calc(100% - 14vw); }

.web_footer,.web_footer a {
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
}

.web_footer a:hover {
    color: #d0d0ce
}

.foot_items {
    padding-top: 60px;
    padding-bottom: 8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    position: relative
}

.foot_item {
    display: inline-block
}

.foot_item .title {
    white-space: nowrap;
    font-family: Roboto-Bold;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-transform: uppercase
}

.foot_item .foot_item_bd {
    padding-top: 27px;
    max-width: 400px
}

.foot_contact_list .contact_item {
    line-height: 21px;
    margin-bottom: 15px;
    font-style: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.foot_item_contact {
    width: 390px;
    width: 42%;
    padding-left: 8%
}

.foot_contact_list .contact_item.contact_item_normal .contact_ico {
    margin-left: 20px
}

.foot_contact_list .contact_item.contact_item_email .contact_ico_email {
    min-width: 51px;
    width: 51px;
    height: 51px;
    border: solid 1px #a7a7a7;
    border-radius: 50%;
    background-image: url(../png/con01.png)
}

.foot_contact_list .contact_ico_phone {
    background-image: url(../png/con02.png)
}

.foot_contact_list .contact_ico_fax {
    background-image: url(../png/con03.png)
}

.foot_contact_list .contact_ico_local {
    background-image: url(../png/con04.png)
}

.foot_contact_list .contact_item:hover .contact_ico {
    -webkit-animation: swing .4s ease;
    animation: swing .4s ease
}

.foot_contact_list .contact_ico {
    display: inline-block;
    width: 21px;
    height: 21px;
    min-width: 21px;
    background-repeat: no-repeat;
    background-position: center
}

.foot_contact_list .contact_ico+.contact_txt {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.67
}

.foot_contact_list .contact_txt {
    display: block
}

.foot_contact_list .item_label {
    padding-right: 5px
}

.foot_item_mav li {
    position: relative;
    margin-bottom: 10px
}

.foot_item_mav li a {
    position: relative;
    display: block
}

.foot_item_inquiry {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.foot_item_inquiry .foot_inquirytitle {
    font-family: Roboto-Bold;
    font-size: 18px;
    margin-right: 24px;
    font-stretch: normal;
    text-transform: uppercase;
    line-height: 1
}

.foot_item_inquiry .foot_inquiry {
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.foot_item_inquiry .foot_inquiry input {
    width: 472px;
    padding-left: 15px;
    height: 60px;
    background-color: rgba(247,247,247,.2);
    color: #fff;
    border: none
}

.foot_item_inquiry .foot_inquiry button {
    background-color: #e70013;
    width: 123px;
    height: 100%;
    background-image: url(../png/con05.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    font-size: 0
}

.foot_bar {
    position: relative;
    padding: 84px 0 44px 0
}

.foot_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.foot_sns {
    text-align: center;
    margin-left: auto
}

.foot_sns li {
    display: inline-block;
    padding: 0 8px 10px
}

.foot_sns li a {
    display: inline-block;
    line-height: 36px;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.foot_sns li a:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.foot_sns li img {
    max-height: 36px;
    vertical-align: middle;
    border-radius: 5px
}

.tel_link {
    pointer-events: none;
}

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

/*-------------------------------------------------------- 
														page:index
																	------------------------------------------------------*/
.web_main {
    overflow: hidden;
}

.index_main {
    z-index: 1;
    background-color: #d7d7d7;
    padding-bottom: 265px;
    position: relative;
    background-position: left top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* title */
.index_hd {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.index_hd .hd_title,.index_hd .hd_desc {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.index_hd .hd_title {
    font-size: 44px;
    font-weight: 300;
    line-height: 1.2;
}

.index_hd .hd_title:after {
    content: '';
    display: block;
    width: 180px;
    height: 5px;
    background-color: #c62c22;
    margin: .5em auto 0;
}

.index_hd .hd_subtit {
    display: block;
    width: 100%;
    font-size: 55px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3;
}

.index_hd .hd_subtit+.hd_title {
    padding-top: 1em;
}

.index_hd .hd_desc {
    font-size: 16px;
    padding-top: 1.8em;
    font-weight: normal;
}

.index_hd .hd_desc p {
    margin-bottom: .8em;
}

/* slider_banner */
.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next {
    width: 50px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
}

.slide-page-box {
    display: none;
}

.slider_banner .banner_ft_bg {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    top: 65%;
}

.slider_banner .banner_ft_bg img {
    width: 100%;
    height: auto;
}

.slider_banner .swiper-pagination-white .swiper-pagination-bullet {
    background-color: #333;
}

.slider_banner .swiper-pagination-white .swiper-pagination-bullet-active {
    background-color: #d61920;
    border-color: #d61920;
}

/* index_company_intr */
.index_company_intr {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}

.index_company_intr,.index_company_intr a {
    color: #000;
}

.index_company_intr .company_intr_title {
    font-size: 44px;
    font-weight: 300;
    text-transform: uppercase;
}

.index_company_intr .company_intr_title:after {
    content: '';
    display: block;
    width: 180px;
    height: 5px;
    background-color: #c62c22;
    margin: .5em auto 0;
}

.index_company_intr .company_intr_title .txt_impt {
    font-weight: bold;
}

.index_company_intr .company_intr_desc {
    font-size: 16px;
    padding-top: 1.8em;
    padding-left: 5%;
    padding-right: 5%;
}

.index_company_intr .company_intr_desc p {
    margin-bottom: .8em;
}

.index_company_intr .learn_more {
    padding-top: 30px;
}

/* index_product */
.product_item {
    width: 33.3333%;
    float: left;
}

.product_item figure {
    margin: 0;
}

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

.product_item .item_img {
    *display: inline;
}

.product_item .item_img a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.product_item .item_img a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0);
    left: 0;
    top: 0;
}

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

.product_item .item_title {
    font-weight: normal;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
}

.product_item .item_title a {
    display: block;
    height: 2.4em;
    line-height: 1.2em;
    overflow: hidden;
    vertical-align: middle;
    padding: 0 5%;
}

.product_item figure:hover .item_img a:before {
    background-color: rgba(255,255,255,0.2);
}

.product_item figure:hover .item_img img {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}

.index_product {
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: center 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.index_product {
    background: #666 !important;
}

.index_product,.index_product a {
    color: #fff;
}

.index_product .hd_title {
    font-style: italic;
}

.index_product .hd_title:after {
    display: none;
}

.index_product .product_items {
    margin: 0 -5px;
}

.index_product .product_item {
    width: 25%;
    padding-bottom: 30px;
}

.index_product .product_item:nth-child(4n+1) {
    clear: left;
}

.index_product .product_item figure {
    margin: 5px;
}

.index_product .product_item .item_img a {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .6) inset;
}

.index_product .product_item .item_title {
    font-size: 18px;
    padding-top: 10px;
}

.index_product .product_item .item_title a {
    height: 2em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_product .product_item figure:hover .item_title a {
    color: #ffdca6;
}

.index_product .learn_more {
    text-align: center;
}

.index_product .product_item .item_img a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0);
    left: 0;
    top: 0;
}

.index_product .product_item .item_img a:hover:before {
    background-color: rgba(255,255,255,0.2);
}

.index_product .product_item .item_img a:after {
    font-family: 'fontawesome';
    content: '\f061';
    display: block;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background-color: #d61920;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    filter: alpha(opacity=0);
}

.index_product .product_item .item_img a:hover:after,.index_product .product_item:hover .item_img a:after {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 20px;
    border-radius: 50%;
}

/* index_news */
.index_news {
    padding-top: 45px;
    padding-bottom: 120px;
}

.index_news .news_item {
    margin: 0 10% 120px;
    position: relative;
}

.index_news .news_item:last-child {
    margin-bottom: 0;
}

.index_news .news_item figure {
    background-color: #fff;
    border: 1px solid #d0d0ce;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.index_news .news_item .item_img {
    display: block;
    width: 57%;
    float: right;
    overflow: hidden;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -moz-order: 2;
    -webkit-order: 2;
    order: 2;
}

.index_news .news_item .item_img a {
    display: block;
}

.index_news .news_item .item_img img {
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.index_news .news_item .item_cont {
    width: 43%;
    padding: 50px 50px 20px;
}

.index_news .news_item .item_time {
    display: block;
    height: 1.2em;
    line-height: 1.2em;
    overflow: hidden;
    margin-bottom: 10px;
}

.index_news .news_item .item_tit {
    font-size: 22px;
    font-weight: normal;
    max-height: 3em;
    overflow: hidden;
    margin-bottom: 10px;
}

.index_news .news_item .item_desc {
    height: 9em;
    line-height: 1.5em;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 30px;
}

.index_news .news_item:after {
    content: '';
    display: block;
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 90%;
    height: 8%;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    box-shadow: 0 35px 50px rgba(0,0,0,.25);
}

.index_news .news_item:hover .item_img a:before {
    opacity: 0.6;
    width: 150%;
}

.index_news .news_item:hover .item_img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index_news .news_item:hover .item_meta:after {
    left: 0%;
}

.index_news .news_item .item_img a:before {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));
    background-image: linear-gradient(left,rgba(255,255,255,.6),rgba(255,255,255,0));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.index_news .news_item:hover .item_img a:before {
    width: 100%;
}

/* index_business */
.index_business {
    position: relative;
}

.index_business .index_bd {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.index_business .index_bd .layout {
}

.index_business .business_cont {
    max-width: 700px;
    padding-top: 80px;
    padding-left: 80px;
}

.index_business .business_title,.index_business .business_title a {
    color: #535353;
}

.index_business .business_title {
    font-size: 44px;
    line-height: 1.1;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.index_business .business_title .txt_impt {
    color: #d61920;
}

.index_business .business_bg img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 30em
}

.index_business .learn_more {
    padding-top: 50px;
}

/* company_subscribe */
.company_subscribe {
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: #323636;
    text-align: center;
}

.company_subscribe .subscribe_cont {
    max-width: 70%;
    margin: 0 auto;
}

.company_subscribe .subscribe_cont,.company_subscribe .subscribe_cont a {
    color: #fff;
}

.company_subscribe .subscribe_title {
    font-size: 24px;
}

.company_subscribe .subscribe_desc {
    font-style: italic;
}

.company_subscribe .learn_more {
    padding-top: 20px;
}

/*----------------------------------aside---------------------------------*/
.aside {
    float: left;
    width: 240px;
}

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

.side-tit-bar .side-tit {
    position: relative;
    font-size: 16px;
    line-height: 40px;
    color: #FFF;
    padding: 0 20px;
    background: #d61920;
    font-weight: normal;
}

.side-widget {
    position: relative;
    margin: 0 0 60px;
}

.side-cate {
}

.side-cate li {
    position: relative;
    line-height: 44px;
    background: #f3f3f3;
}

.side-cate li li {
    background: #f9f9f9;
}

.side-cate li a {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin-right: 38px;
}

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

.side-cate li li a {
    padding: 0 7px 0 25px;
    margin-right: 0;
    color: #666;
    line-height: 0.25rem;
    font-size: 12px;
    margin: 5px 0 5px 0;
}

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

.side-cate li li li a {
    padding: 0 66px;
    margin-right: 0;
}

.side-cate li .icon-cate {
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    color: #222;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

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

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

.side-cate li.nav-current > .icon-cate, .side-cate li:hover > .icon-cate, li.show_li >.icon-cate {
    color: #d61920;
}

.side-cate li .icon-cate:hover {
    background-color: #d61920;
    color: #fff;
}

.side-product-items {
    position: relative;
}

.side-product-items .items_content {
    position: relative;
}

.side-product-items .items_content {
}

.side_product_item {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 0 6px;
}

.side_product_item figure {
    position: relative;
    display: block;
    border: 1px solid #eee;
    overflow: hidden;
    padding: 8px;
    background: #FFF;
    position: relative;
}

.side_product_item .item-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom:1;width: 45%;
}

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

.side_product_item figcaption {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom:1;width: 53%;
    padding: 10px 0 10px 15px;
}

.side_product_item figcaption .item_title {
    line-height: 1.3;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}

.side_product_item figcaption .item_text {
    color: #949494;
    line-height: 1.3;
    font-size: 12px;
}

.side_product_item .add-friend {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 37px;
    height: 39px;
}

.side_product_item .add-friend:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: dashed dashed solid;
    border-color: transparent transparent #232323;
    border-width: 0 0 39px 39px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.side_product_item .add-friend:hover:before {
    border-bottom-color: #d61920;
}

.side_product_item .add-friend:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    bottom: 6px;
    right: 6px;
    background: url(../png/add01.png) no-repeat center center;
    z-index: 1;
}

.side-product-items .btn-prev, .side-product-items .btn-next {
    position: absolute;
    left: 0;
    width: 100%;
    height: 15px;
    display: block;
    cursor: pointer;
    opacity: .25;
}

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

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

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

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

/*title*/
.page_title {
    line-height: 38px;
    position: relative;
    font-size: 24px;
    color: #333;
    ;margin: 0 0 15px;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 2;
    font-weight: 600;
}

.items_list .page_title {
    text-transform: uppercase;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

.items_list .share_this {
    float: right;
    position: absolute;
    right: 0;
    top: 5px;
}

/*main_banner*/
.main_banner {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.main_banner ul {
    margin: 0;
}

.main_banner img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 160px;
}

.main_banner .swiper-wrapper li a {
    display: block;
    position: relative;
}

.main_banner .swiper-wrapper li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));
    background-image: linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));
    position: absolute;
    left: 0;
    top: 0;
}

.main_banner .swiper-pagination {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.main_banner .swiper-pagination-bullet {
    background-color: #fff;
    margin: 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main_banner .swiper-pagination-bullet-active {
    background: none;
    border: 2px solid #fff;
}

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

.page_bar a,.page_bar span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 33px;
    padding: 0 5px;
    border: 1px solid #ccc;
    margin: 0 0 0 8px;
    text-align: center;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#e3e3e3',gradientType='0');
    background: -moz-linear-gradient(top, #fefefe, #e3e3e3);
    background: -o-linear-gradient(top,#fefefe, #e3e3e3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#e3e3e3));
}

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

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

.items_list ul {
    margin: 0 -2px;
}

.items_list .product_item {
    width: 25%;
    float: left;
}

.items_list .product_item figure {
    display: block;
    border: 1px solid #c7c7c7;
    padding: 1px;
    margin: 2px 5px;
}

.items_list .product_item:nth-child(4n+1) {
    clear: left;
}

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

.items_list .product_item .item_img {
    overflow: hidden;
    border: 0;
}

.items_list .product_item .item_img a,.goods-may-like .product_item .item_img a,.side_product_item .item-img a,.news_item .item_img a {
    overflow: hidden;
}

.items_list .product_item .item_title {
    font-size: 16px;
}

/*-------------------------------------------------------- 
													page:single Product
																	------------------------------------------------------*/
/*product photos*/
.product-intro {
    position: relative;
    overflow: hidden;
}

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

.cloud-zoom-title {
    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 {
    overflow: hidden;
    padding: 0px;
}

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

.product-view .swiper-slide {
    padding-bottom: 1px;
}

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

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

.product-view .product-image {
    position: relative;
    border: 1px solid #ddd;
}

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

.product-view .image-additional {
    position: relative;
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
}

.product-view .image-additional li {
    position: relative;
    width: 100%;
    width: 33.3333%;
    float: left;
}

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

.product-view .image-additional li img {
    display: block;
    position: relative;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    padding: 1px;
    border-radius: 3px;
}

.product-view .image-additional li a {
    display: block;
    position: relative;
}

.product-view .image-additional li.current img {
    border: 2px solid #d61920;
    padding: 0;
}

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

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

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

.product-view .swiper-button-next,.product-view .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    opacity: 1;
    line-height: 30px;
    font-size: 28px;
    -webkit-transform: scale(0.65,1);
    -ms-transform: scale(0.65,1);
    -o-transform: scale(0.65,1);
    transform: scale(0.65,1);
    background: none;
}

.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next {
    left: -10px;
}

.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev {
    right: -10px;
}

/*product summary*/
.product-summary {
    position: relative;
    width: 57%;
    float: right;
    padding: 10px 0;
}

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

.product-summary .product-meta p {
    color: #868686;
}

.product-summary .product-meta h3 {
    margin: 0 0 5px;
    font-size: 16px;
}

.product-summary .product-meta li {
    width: 100%;
    display: table;
    font-size: 14px;
    padding: 2px 0;
}

.product-summary .product-meta li em {
    display: table-cell;
    width: 40%;
    color: #aaa;
}

.product-btn-wrap {
    position: relative;
    padding-top: 30px;
}

.product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top;
    line-height: 28px;
    padding: .1em 1em;
    font-size: 13px;
    border-radius: 3px;
    background: #e60012;
    border: 1px solid #e60012;
    color: #fff;
    margin: 0 15px 10px 0;
    float: right;
}

.product-btn-wrap .email:before,.product-btn-wrap .pdf:before {
    padding-right: 8px;
}

.product-btn-wrap .email:before {
    content: '\f0e0';
}

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

.product-btn-wrap a:hover {
    opacity: .8;
}

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

/* product detail */
.product-detail {
    position: relative;
    overflow: visible;
    margin: 30px 0 0;
}

.detail-tabs {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.detail-tabs .title {
    position: relative;
    display: inline-block;
    font-weight: normal;
    vertical-align: top;
    line-height: 30px;
    padding: 1px 20px;
    cursor: pointer;
    margin: 0 -5px 0 0;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
}

.detail-tabs .title.current {
    background: #868686;
    border-color: #868686;
    color: #fff;
}

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

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

/*like product*/
.goods-may-like {
    position: relative;
    overflow: hidden;
}

.goods-may-like .title {
    line-height: 35px;
    font-size: 16px;
    margin: 50px 0 20px;
    padding: 0 15px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #d61920;
    color: #fff;
}

.goods-may-like .product_item {
    width: 25%;
    margin: 0;
    padding: 0;
}

.goods-may-like .swiper-slide {
    width: 25%;
    overflow: visible;
}

.goods-may-like .product_item {
    padding-bottom: 2px;
    margin-right: 0;
}

.goods-may-like .product_item figure {
    border: 1px solid #d8d8d8;
    padding: 3px;
}

.goods-may-like .product_item .item_title {
    font-size: 16px;
}

.goods-may-like .product_item .item_img {
}

.goods-may-like .swiper-control {
    position: absolute;
    right: 10px;
    top: 55px;
}

.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next {
    display: inline-block;
    width: 20px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    margin-left: 5px;
    background: none;
    color: #fff;
    margin-left: 5px;
    position: static;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.goods-may-like .swiper-button-next.swiper-button-disabled, .goods-may-like .swiper-button-prev.swiper-button-disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

/*public*/
.web_main {
    position: relative;
}

.page_main {
    background: #FFF;
    padding: 50px 0 0;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*path_nav*/
.path_bar {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 170px 0 170px;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-background-size: cover!important;
    background-size: cover!important;
}

.path_bar .path_nav, .path_bar .title {
    position: relative;
}

.path_bar, .path_bar a {
    color: #fff;
}

.path_bar a:hover {
    text-decoration: underline;
}

.path_bar li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 30px;
    text-transform: uppercase;
}

.path_bar li:after {
    content: ">";
    padding: 0 0.3em;
    font-weight: bold;
}

.path_bar li:last-child:after {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1680px) {
    .product-view {
        width:42.6%;
    }

    .product-summary {
        width: 52%;
    }
}

@media only screen and (max-width: 1500px) {
    .path_bar {
        margin:0 auto;
    }

    .nav_wrap .head_nav li.fd_nav ul li > ul > li > ul {
        width: 550px !important;
    }
}

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

    .layout {
        width: 1200px;
    }
}

@media only screen and (max-width: 1366px) {
    body {
        min-width: 1100px;
    }

    .layout {
        width: 1100px;
    }

    .index_main .layout {
        width: 1100px;
    }

    /*header*/
    .web_head {
        padding-top: 36px
    }

    .web_head .header_contact .header_contact_item {
        margin-right: 25px
    }

    .web_head .header_contact .header_contact_item img {
        width: 36px
    }

    .web_head .header_contact .header_contact_item a {
        padding-left: 13px;
        font-size: 16px
    }

    .web_head .header_contact .header_contact_item a span {
        margin-bottom: 5px
    }

    .web_head .head-search {
        margin-left: 0;
        width: 185px
    }

    .web_head .head-search .search-ipt {
        line-height: 39px;
        padding: 0 36px 0 13px
    }

    .web_head .head-search .search-btn {
        width: 36px;
        background-size: 50%
    }

    .nav_wrap .head_nav>li>a {
        font-size: 18px;
        line-height: 50px
    }

    .index_main {
        padding-bottom: 135px;
    }

    .web_footer {
        /* -webkit-clip-path: polygon(0 0, 55% 135px, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 55% 135px, 100% 0, 100% 100%, 0 100%);
        padding-top: 135px;
        margin-top: -135px; */
    }

    .web_footer, .web_footer a ,.foot_item_inquiry .foot_inquirytitle {
        font-size: 16px;
    }

    .foot_item .title {
        font-size: 20px;
    }

    .foot_item_inquiry .foot_inquirytitle {
        margin-right: 16px;
    }

    .foot_item_inquiry .foot_inquiry input {
        width: 380px;
        height: 50px;
    }

    .foot_item_inquiry .foot_inquiry button {
        width: 90px;
    }

    .foot_item .foot_item_bd {
        padding-top: 20px;
    }

    .foot_bar {
        padding: 65px 0 25px 0;
    }
}

@media only screen and (max-width: 1250px) {
    .items_list .product_item:nth-child(n) {
        clear: none;
    }

    .items_list .product_item {
        width: 33.33333333%;
    }

    .items_list .product_item:nth-child(3n+1) {
        clear: left;
    }
}

@media only screen and (max-width: 1200px) {
    body {
        min-width:inherit;
    }

    .layout,.index_main .layout {
        width: 96%;
        max-width: 1100px;
    }

    .logo img {
        max-width: 160px;
    }
}

@media only screen and (max-width: 1100px) {
    .web_head .header_contact .header_contact_item a {
        padding-left: 10px;
        font-size: 14px;
    }

    .web_head .header_contact .header_contact_item {
        margin-right: 15px;
    }

    .web_head .header_contact .header_contact_item a span {
        margin-bottom: 3px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 950px) {
    body {
        min-width:100%;
    }

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

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

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

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

    .lang-more {
        display: none !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .web_head .logo {
        position: relative;
        display: block;
        float: none;
        text-align: center;
    }

    .web_head {
        padding: 25px 0 0;
        height: auto;
    }

    .web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search,.web_head .header_right,.web_head .layout::before {
        display: none;
    }

    .web_head .nav_wrap {
        position: static;
    }

    .web_head .btn--search {
        right: 0;
        top: -20px;
        margin: 0;
    }

    .web_head .head-search {
        display: none;
    }

    .head-search {
        position: relative;
        width: 90%;
        height: 35px;
        background: #000;
        margin: 0 auto;
    }

    .head-search .search-ipt {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        color: #FFF;
        padding: 0 10px;
    }

    .head-search .search-btn {
        position: absolute;
        width: 35px;
        height: 100%;
        background: url(../png/search_btn_mobile.png) no-repeat center center;
        -webkit-background-size: auto 16px;
        background-size: auto 16px;
        border: none;
        right: 0;
        top: 0;
        display: block !important;
    }

    .head-search .search-attr {
        display: none;
    }

    /* header */
    .web_head {
        position: static;
    }

    .web_head .head_layer,.index_web_head .head_layer {
        text-align: center;
        position: static;
    }

    .web_head .head_layer .layout {
        background: none;
        display: block;
    }

    .web_head .head_left {
        float: none;
        text-align: center;
    }

    .web_head .logo {
        background: none;
        padding: 15px 0;
    }

    .web_head .logo:before {
        display: none;
    }

    .path_bar {
        background-attachment: scroll!important;
    }

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

    .head_nav li {
        position: relative;
        display: block;
        width: 100%;
        font-size: 16px;
    }

    .head_nav > li {
        border-bottom: 1px solid #eee;
        line-height: 35px;
    }

    .head_nav > li:after {
        content: '\f105';
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
        font-size: 12px;
    }

    .head_nav li ul {
        display: block;
        width: 100%;
    }

    .head_nav li ul li {
        width: auto;
        padding: 0 10px;
        font-size: 14px;
        text-transform: lowercase;
        line-height: 30px;
    }

    .head_nav li ul li:before {
        content: "";
        width: 3px;
        height: 3px;
        background: #999;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 15px;
    }

    .head_nav li ul li li {
        line-height: 25px;
        font-family: 'SourceSansProLight';
    }

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

    .web_head .nav_wrap {
        display: none;
    }

    .web_head .head_top {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* footer */
    .index_main {
        padding-bottom: 90px
    }
/* .web_footer .footer_bgtop{  height:60px; }
.web_footer .footer_bgbottom{ height: calc(100% - 58px); } */
    .web_footer {
        /* -webkit-clip-path: polygon(0 0,55% 90px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,55% 90px,100% 0,100% 100%,0 100%);
        padding-top: 90px;
        margin-top: -90px */
    }

    .foot_contact_list .contact_item.contact_item_normal .contact_ico {
        margin-left: 0
    }

    .foot_contact_list .contact_ico {
        width: 21px;
        height: 21px;
        min-width: 21px
    }

    .foot_contact_list .contact_item.contact_item_email .contact_ico_email {
        min-width: 21px;
        width: 21px;
        height: 21px;
        border: none;
        border-radius: 0;
        background-size: 21px auto
    }

    .foot_item_inquiry .foot_inquiry input {
        width: 300px
    }

    .foot_item_inquiry .foot_inquirytitle,.web_footer,.web_footer a {
        font-size: 14px
    }

    /* index */
    .index_hd .hd_title {
        font-size: 28px;
    }

    .index_hd .hd_subtit {
        font-size: 36px;
    }

    .index_hd .hd_desc {
        padding-top: 2em;
    }

    .index_hd .hd_title:after {
        height: 3px;
    }

    .index_company_intr .company_intr_title {
        font-size: 28px;
    }

    .index_company_intr .company_intr_title:after {
        height: 3px;
    }

    .index_product .product_item .item_title {
        font-size: 16px;
    }

    .index_product .product_item .item_title a {
        padding: 0;
    }

    .index_news .news_item {
        margin: 0 auto 50px;
    }

    .index_news .news_item .item_cont {
        padding: 30px;
    }

    .index_news .news_item .item_tit {
        line-height: 1.3em;
        max-height: 2.6em;
    }

    .index_news .news_item .item_desc {
        max-height: 7.5em;
    }

    .index_business .business_cont {
        padding-top: 40px;
        padding-left: 0;
    }

    .index_business .business_title {
        font-size: 32px;
    }

    .index_business .learn_more {
        padding-top: 30px;
    }

    /* aside */
    .aside {
        display: none;
    }

    .side-product-items .items_content {
        padding-top: 10px;
    }

    .side-product-items .btn-prev, .side-product-items .btn-next {
        display: none;
    }

    .side-product-items ul {
        font-size: 0;
        margin: 0 -5px;
    }

    .side-product-items .items_content .side_product_item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .side_product_item figure {
        margin: 0 5px;
    }

    .side_product_item .item-img, .side_product_item figcaption {
        width: 100%;
        display: block;
        padding: 0
    }

    .side_product_item figcaption {
        padding: 10px 0;
        text-align: center;
    }

    .side_product_item .add-friend {
        right: 5px;
    }

    /* main */
    .page_main {
        padding-top: 25px;
    }

    .main {
        width: auto;
        float: none;
        margin: 0 auto;
    }

    .items_list {
        width: 100%;
    }

    .product-item {
        width: 33.333%;
    }

    .product-item .item-wrap {
        margin: 8px;
    }

    .items_list ul {
        padding-top: 0;
    }

    .items_list .product_item {
        width: 33.33333333%;
    }

    /* list */
    .page_bar {
        margin-top: 20px;
        text-align: center;
    }

    /* product intro */
    .page_title {
        line-height: 1.1;
    }

    .video_close {
        display: none
    }

    .image-additional li.image-item.current img {
        border: none;
    }

    .product-view {
        width: 100%;
        float: none;
        margin: 0 auto 30px;
    }

    .product-view .image-additional li img {
        width: 90%;
        margin: 0 5%;
        border: 0;
    }

    .product-view .product-image, .single_product_items {
        display: none
    }

    .image-additional-wrap {
        display: block;
    }

    .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;
        margin: 0;
        border: 0;
    }

    .product-view .image-additional li.current img {
        border-color: inherit;
    }

    .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 {
        background: rgba(0,0,0,.8);
        color: #fff;
    }

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

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

    /* product summary */
    .product-summary {
        position: relative;
        width: 100%;
        float: none;
    }

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

    .product-summary .product-meta li {
        display: block;
    }

    .product-summary .product-meta li em {
        display: inline;
        color: #333;
        padding-right: 15px;
        font-weight: bold;
    }

    .product-btn-wrap {
        text-align: left;
    }

    .product-btn-wrap a {
        margin: 0 0 10px !important;
    }

    .product-summary .share-this {
        text-align: left;
    }

    /* product detail  */
    .tab-panel-wrap {
        padding: 30px 0 0;
    }

    .goods-may-like .title {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mobile-head-nav .fd_nav li a {
        font-weight: normal !important;
    }

    .mobile-head-nav .fd_nav >ul .menu-image-hover-wrapper {
        margin: 0;
    }

    .mobile-head-nav .fd_nav >ul .menu-image-hover-wrapper img {
        display: none;
    }

    .class-a>a>em {
        text-align: left !important;
        display: initial !important;
    }
}

@media only screen and (max-width: 767px) {
    /*list*/ .items_list .product_item:nth-child(n) {
        clear: none;
    }

    .items_list .product_item {
        width: 50%;
    }

    .items_list .product_item:nth-child(2n+1) {
        clear: left;
    }

    /*index*/
    .slider_banner .swiper-button-prev, .slider_banner .swiper-button-next {
        display: none;
    }

    .index_product .product_item {
        width: 50%;
        clear: none;
        padding-bottom: 0;
    }

    .index_product .product_item:nth-child(2n+1) {
        clear: left;
    }

    .index_product .learn_more {
        padding-top: 15px;
    }

    .index_news {
        padding-bottom: 65px;
    }

    .index_news .news_item {
        margin-bottom: 35px;
    }

    .index_news .news_item:after {
        height: 30px;
        box-shadow: 0 0 40px rgba(0,0,0,.5);
    }

    .index_news .news_item figure {
        display: block;
        overflow: hidden;
    }

    .index_news .news_item .item_cont {
        padding: 50px 30px;
    }

    .index_news .news_item .item_img,.index_news .news_item .item_cont {
        float: none;
        width: auto;
    }

    .index_news .news_item .item_img img {
        min-height: inherit;
    }

    .index_news .news_item .item_desc {
        height: auto;
        max-height: inherit;
    }

    /*footer*/
    .index_company_intr .company_intr_desc {
        padding-left: 0;
        padding-right: 0;
    }

    .index_main {
        padding-bottom: 60px
    }

    .web_footer {
        /* -webkit-clip-path: polygon(0 0,55% 60px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,55% 60px,100% 0,100% 100%,0 100%);
        padding-top: 60px;
        margin-top: -60px */
    }

    .foot_items {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .foot_item,.foot_item_contact {
        width: 50%;
        padding-left: 0;
        padding-right: 15px;
        margin-bottom: 15px
    }

    .foot_item_inquiry {
        width: 100%;
        position: relative;
        bottom: unset;
        left: unset
    }

    .foot_bar {
        padding: 20px 0;
        display: block;
        text-align: center
    }

    .foot_items {
        padding-top: 35px;
        padding-bottom: 0;
    }

    .foot_sns li {
        padding: 3px;
    }
}

@media only screen and (max-width: 640px) {
    .index_main {
        padding-bottom:45px
    }

    .web_footer {
        /* -webkit-clip-path: polygon(0 0,55% 45px,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,55% 45px,100% 0,100% 100%,0 100%);
        padding-top: 45px;
        margin-top: -45px */
    }

    .foot_item,.foot_item_contact {
        width: 100%;
        padding-right: 0;
    }

    .foot_item .foot_item_bd {
        padding-top: 10px;
    }

    .foot_item_inquiry .foot_inquirytitle, .web_footer, .web_footer a {
        font-size: 13px;
    }

    .foot_item_inquiry .foot_inquiry button {
        width: 66px;
        background-size: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .mobile-hide {
        display:none!important;
    }

    .gotop {
        display: none !important;
    }

    .service_item {
        width: 100%;
    }

    .blog-item .item-img {
        width: 150px;
    }

    .table_wrap {
        overflow-x: scroll;
    }

    /* layout */
    .layout {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .web_main .layout {
        width: 100%;
    }

    /* aside */
    .side-widget {
        margin: 0 0 30px;
    }

    .side-tit-bar .side-tit {
        font-size: 16px;
        text-transform: none;
    }

    .side-cate li a {
        padding: 0 15px;
    }

    .side-cate li li {
        line-height: 32px;
    }

    .side-cate li li a {
        padding: 0 15px 0 30px;
    }

    .side-product-items ul {
        margin: 0;
    }

    .side-product-items .items_content .side_product_item {
        width: 100%;
        float: none;
    }

    .side-product-items .side_product_item figure {
        margin-left: 10px;
        margin-right: 10px;
    }

    .side-product-items .items_content .side_product_item {
        width: auto;
        margin: 8px auto;
    }

    .side_product_item .add-friend {
        right: 10px;
    }

    /* header */
    .path_bar {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }

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

    /* footer */
    /* index */
    .index_main .slider_banner .swiper-pagination {
        bottom: 10px;
        padding-bottom: 0;
    }

    .slider_banner .swiper-pagination-white .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px!important;
    }

    .slider_banner .swiper-slide img {
        min-height: 160px;
    }

    .sys_btn {
        padding: .5em 1.5em;
        font-size: 16px;
    }

    .index_hd .hd_title,.index_hd .hd_desc {
        width: auto;
    }

    .index_company_intr .company_intr_title {
        font-size: 24px;
    }

    .index_company_intr .company_intr_title:after {
        width: 30%;
    }

    .index_company_intr .company_intr_desc {
        font-size: 14px;
    }

    .index_product .product_item .item_title {
        font-size: 14px;
    }

    .index_news .news_item .item_cont {
        padding: 30px 5%;
    }

    .index_business .index_bd {
        position: relative;
        padding-bottom: 80px;
        background-color: rgba(0,0,0,.4);
    }

    .index_business .business_title {
        font-size: 21px;
        padding-bottom: 10px;
    }

    .index_business .business_bg img {
        max-width: inherit;
        width: auto;
        height: 100%;
        min-height: inherit;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .company_subscribe .subscribe_cont {
        max-width: inherit;
    }

    /*list*/
    .product_item .item_img a:after {
        display: none;
    }

    .items_list ul {
        margin: 0 -5px;
    }

    .items_list .product_item figure {
        margin: 5px;
    }

    .items_list .product_item .item_title {
        font-size: 14px;
    }

    .items_list .product_item .item_title a {
        padding: 0;
    }

    /*blog*/
    .blog-item {
        padding: 30px 5px;
    }

    .blog-item .item-img {
        width: auto;
        max-width: 70%;
        float: none;
        margin-right: 0;
        border: 1px solid #ddd;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .blog-item .item-info .item-title {
        line-height: 1.2;
        font-family: 'MyriadProBold';
        font-weight: normal;
    }

    .blog-item .item-info {
        padding-top: 15px;
    }

    .blog-item .item-info .item-title {
        height: auto;
        font-size: 22px;
    }

    .blog-item .item-info .item-detail {
        max-height: 9em;
        line-height: 1.5em;
        overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .blog-item .item-info .item-more {
        float: none;
    }

    .blog-item .item-info time {
        font-size: 14px;
        color: #888;
    }

    /* product */
    .items_list .share_this {
        position: static;
        text-align: left;
        padding-bottom: 15px;
        float: none;
    }

    .page_main {
        padding-top: 15px;
    }

    .product-intro {
        overflow: visible;
    }

    .product-view {
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -11px;
    }

    .product-view .image-additional li a {
        margin-left: 0;
        margin-right: 0;
    }

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

    /*.product-view .image-additional li img{width:auto;margin:0;}*/
    .product-view .swiper-button-prev,.product-view .swiper-button-next {
        width: 30px;
        height: 40px;
        line-height: 40px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        font-size: 24px;
        opacity: .8;
    }

    .product-view .swiper-button-prev {
        left: 0;
        border-radius: 0 3px 3px 0;
    }

    .product-view .swiper-button-next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .product-view .swiper-button-prev:before,.product-view .swiper-button-next:before {
        display: inline-block;
        -webkit-transform: scale(.6,1);
        -ms-transform: scale(.6,1);
        -o-transform: scale(.6,1);
        transform: scale(.6,1);
    }

    .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .goods-may-like .title {
        text-transform: none;
    }

    .page_title {
        font-weight: normal;
        font-size: 18px;
        margin-bottom: 10px;
        padding-bottom: 20px;
        font-family: 'Muli';
    }

    .product-summary .product-meta {
        font-size: 14px;
    }

    .product-summary .product-meta h3 {
        line-height: 1.3;
        font-size: 16px;
    }

    .product-summary .product-meta li {
        font-size: 13px;
    }

    .product-summary .share-this {
        text-align: left;
        margin: 20px 0 0;
    }

    .product-btn-wrap {
        padding-top: 30px;
        float: left;
    }

    .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {
        font-size: 14px;
        padding: 5px 10px;
    }

    .product-detail {
        margin-top: 40px;
    }

    .detail-tabs .title {
        font-size: 14px;
        padding: 1px 15px;
        margin-right: 6px;
    }

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

    .goods-may-like .title {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .goods-may-like .layer-bd {
        position: relative;
    }

    .goods-may-like .swiper-slider {
        position: relative;
    }

    .goods-may-like .product_item .item_title {
        font-size: 14px;
    }

    .goods-may-like .product_item .item_title a {
        padding-left: 0;
        padding-right: 0;
    }

    .goods-may-like .swiper-control {
        position: static;
    }

    .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next {
        margin: 0 5px;
    }

    .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next {
        width: 24px;
        height: 36px;
        line-height: 36px;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: -18px;
        background-color: #d61920;
        position: absolute;
    }

    .goods-may-like .swiper-button-prev {
        left: 0px;
    }

    .goods-may-like .swiper-button-next {
        right: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .side_product_item {
        width:100%;
    }
}

/*-------------------------------
			font start
			----------------------------------*/
@font-face {
    font-family: 'fontawesome';
    src: url("../eot/fontawesome-webfont3295.eot?v=4.5.0");
    src: url("../eot/fontawesome-webfontd41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../woff2/fontawesome-webfont3295.woff2?v=4.5.0") format("woff2"), url("../woff/fontawesome-webfont3295.woff?v=4.5.0") format("woff"), url("../ttf/fontawesome-webfont3295.ttf?v=4.5.0") format("truetype"), url("../svg/fontawesome-webfont3295.svg?v=4.5.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}

@font-face {
    font-family: 'Roboto';
    src: url("../eot/roboto-regular3295.eot?v=4.5.0");
    src: url("../eot/roboto-regulard41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../woff2/roboto-regular3295.woff2?v=4.5.0") format("woff2"), url("../woff/roboto-regular3295.woff?v=4.5.0") format("woff"), url("../ttf/roboto-regular3295.ttf?v=4.5.0") format("truetype"), url("../svg/roboto-regular.svg") format("svg");
}

@font-face {
    font-family: 'Roboto-Light';
    src: url("../eot/roboto-light3295.eot?v=4.5.0");
    src: url("../eot/roboto-lightd41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../woff2/roboto-light3295.woff2?v=4.5.0") format("woff2"), url("../woff/roboto-light3295.woff?v=4.5.0") format("woff"), url("../ttf/roboto-light3295.ttf?v=4.5.0") format("truetype"), url("../svg/roboto-light.svg") format("svg");
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url("../eot/roboto-bold3295.eot?v=4.5.0");
    src: url("../eot/roboto-boldd41d.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../woff2/roboto-bold3295.woff2?v=4.5.0") format("woff2"), url("../woff/roboto-bold3295.woff?v=4.5.0") format("woff"), url("../ttf/roboto-bold3295.ttf?v=4.5.0") format("truetype"), url("../svg/roboto-bold.svg") format("svg");
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url("../ttf/roboto-medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto-Black";
    src: url("../roboto-black.html") format("truetype");
}

/*-------------------------------
			font end
			----------------------------------*/
/*-------------------------------
			swiper-slide start
			----------------------------------*/
.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;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.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 {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.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;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.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%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin-top: -27px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    -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;
    font-size: 30px;
    background-color: #fff;
    border-radius: 2px;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
}

.swiper-container:hover .swiper-button-prev {
    left: 65px;
}

.swiper-container:hover .swiper-button-next {
    right: 65px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    /*pointer-events:none;*/
    opacity: 0.3!important;
    filter: alpha(opacity=30);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-size: cover;
    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;
    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);
    z-index: 3
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 53px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #999;
    background-color: transparent;
    border-radius: 50%;
    margin: 0 10px;
    background-clip: content-box;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background-color: #d61920;
    border-color: #d61920;
    padding: 1px;
}

.swiper-pagination-white .swiper-pagination-bullet {
    background-color: #fff;
    border-color: #fff;
    border-width: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    width: 12px;
    height: 12px;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    padding: 2px;
    background-color: #fff;
    border-width: 2px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .3s -webkit-transform;
    transition: .2s top, .3s -webkit-transform;
    -o-transition: .2s transform, .3s top;
    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%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .3s -webkit-transform;
    transition: .2s left, .3s -webkit-transform;
    -o-transition: .2s transform, .3s left;
    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;
    transition: .2s right, .3s -webkit-transform;
    -o-transition: .2s transform, .3s right;
    transition: .2s transform, .3s right;
    transition: .2s transform, .3s right, .3s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal {
    overflow: hidden;
}

.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.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 {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    text-align: 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 {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 32px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    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;
    content: '';
    font-family: 'fontawesome';
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB2lBMVEUAAADk5OTT09Ohn5+vr6+tra3q6uq4uLjT09PZ2dnPz8+ioqKcmprKycmcm5vq6uqbmpqbm5vg4ODj4+PBwMDb29upqanb29ubm5udmpqhn5+fnp7m5ubGxMSxsbGurq6goKCtra20tLTu7u7i4uLb29vKycmpqanU1NS5ubni4uLq6uq4uLjBwMC5ubm5ubni4uLU1NTBwMDb29vU1NTKycnb29vGxMSxsbGhoKDi4uKcm5vj4+Oampre3t6dnJyqqqrU1NTV1dXj4+O5ubnf39+5ubnBwcHe3t6dnZ2wsLDS0tLh4eGjo6PCwsLn5+fV1dXh4eGwsLCoqKixsbHh4eGxsbGbm5vBwMCcm5vi4uKxsbHq6urp6enJyMibm5vJyMjh4eGin5+oqKidmpra2tqoqKiwsLDKycnBwMCin5+ioKCxsbGxsbHAwMCxsbGpqamcm5vi4uLJycmoqKixsbHb29uoqKjKycmdm5upqanBwMCxsbGbm5vb29upqanBwcGpqanAwMDKysrKysqoqKixsbGxsbHLyMjj4+PBwcGxsbHs7Ozs7OzAwMDLyMjJycmampqioKDU1NSxsbGbm5vi4uLBwMCpqanq6urKycm5ubmdm5vb29uH8NtIAAAAknRSTlMAAYCABAvu7gcaFxP68enQzSAKBPvz6OKaiF5NRUIxKikhEQ4I/f367+Xe2dnY0c+8srCvqp6dmZiXh3p1dHNjYVhWUlBMRD49Ozo4Ly8lHxL6+ff18vLy7u3q6ufh4Nva2NjW1NHQz8rFxcPBvbq6t7ewq6qppaWkoZqRkI+MiIeFgoF4eHZzcGRjYlBPTUovKxNNAhUAAAImSURBVDjLldFnW9pQGMbxO23SskWGggsEV20dtXVU6+hw1qrde++99957WQIhwHftkyMBkpNL6v/1Lznnug/4fqyvqMP/dCKdrsAy2abi0BLS6fQasJzTIu98Z5Lt80YY9cheXu5IJpPdRuiVZXmag7NJarwU1shUJbjuEmz3F6HkIRcC3/wekiNFGCZ3yAmLBgkeWACOs3kqXQSHDcC+6eEsqPhRkluB72zwF+ROiaAvQneiYF3I5Zr7HAC+MJhvmGAtIIVd2axHhFZ1jgqO2Gii7sG4DsWQPARh1JPVWrrqeDCnVT0Fc3+8jLnChUsyGfSZ4XnmvFEUqmPH283QRezIqGB46ZfNuT6YG8pmn3BL2neBb3fJC9q2r2Jta4JFUs1qVq2IzX/zbbSC1xbzbUGbDtvAJy7qnS3zx6uFPxbvaCtzxxXnsJynEaYW+lvUXs59UJT7Bur/7FYphxm2Koqy740EvV+nVS03N/k5RatqTADrnco6WQ9zkYsK6xFY7Fj3exsgTkpFFZsRIIxVMemE1mVVbenV7ue7kjo8p7uG/YlbIiC9aqXDxaVh7j3+Da3XqVTqLbBzQ9cEMJBIJD6Banx6OwJD9gDBr8C6TKYL+EjwYAxW9ZDr8EPIZDJrAekYyQErN5mifkKH+JagIrzzd5C7iSIULhG8zsN6coG5EoiZBNVgCZ+hFOKBJRT6Az1NRhi7sfc5lonm6UT5tME7J8D1D3H93Jv8FTiRAAAAAElFTkSuQmCC");
}

.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;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.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 {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.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 {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    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 {
    pointer-events: auto;
    visibility: visible
}

.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;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

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

.slider_banner .swiper-button-prev,.slider_banner .swiper-button-next {
    width: 34px;
    height: 70px;
    line-height: 70px;
    z-index: 3;
    border-radius: 0;
    margin-top: -25px;
    color: #fff;
    background-color: rgba(135,135,135,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
    font-size: 30px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    opacity: 0;
    filter: alpha(opacity=0);
}

.slider_banner .swiper-button-prev {
    left: -100px;
    border-radius: 0 6px 6px 0;
}

.slider_banner .swiper-button-next {
    right: -100px;
    border-radius: 6px 0 0 6px;
}

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

.slider_banner .swiper-button-prev:before {
    border-left: 0;
}

.slider_banner .swiper-button-next:before {
    border-right: 0;
}

.slider_banner:hover .swiper-button-prev:hover,.slider_banner:hover .swiper-button-next:hover {
    background-color: rgba(255,255,255,.6);
    color: #000;
}

.slider_banner:hover .swiper-button-prev {
    left: 0;
}

.slider_banner:hover .swiper-button-next {
    right: 0;
}

.slider_banner .swiper-slide img {
    width: 100%;
}

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

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

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

.slider_banner .swiper-pagination-white .swiper-pagination-bullet {
    margin: 0 8px;
}

/*ie*/
.swiper-container {
    overflow: hidden\9;
}

.swiper-container .swiper-wrapper {
    width: 20000%\9;
}

.swiper-slide {
    float: left\9;
}

.product_slider .product_item {
    width: 25%\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .swiper-container .swiper-wrapper {
        width: auto;
    }
}

/*-------------------------------
			swiper-slide end
			----------------------------------*/
/*-------------------------------
			entry-table start
			----------------------------------*/
.entry {
    padding: 15px 0;
}

.entry {
    color: #333;
}

.entry a {
    color: #0030FF;
}

.entry p {
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
    line-height: 1.5;
}

.entry table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.entry th, .entry td {
    height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
    color: #666;
    background: #fbfbfb;
}

.entry th {
    font-size: 12px;
    background: #eee;
}

.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;
    background: #dfdfdf;
    padding: 8px 15px;
    border: 0;
    cursor: pointer;
    line-height: 1.2;
    color: #777;
    font-weight: bold;
    text-transform: Capitalize;
}

.entry .button:hover {
    background: #cb2027;
    color: #fff;
}

.entry .deletecartitem {
    width: 50px;
    text-align: center;
}

.entry .deletecartitem label {
    display: none;
}

.entry .stotal td.amts {
    font-size: 18px;
    font-weight: bold;
}

.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 {
    text-align: center;
    display: block;
    margin: 20px auto 0 auto;
}

.entry img {
    max-width: 100%;
}

.cartitem a {
    color: #292929;
    font-weight: bold;
}

.inquiry-form ul li {
    background: none;
}

.entry .inquiry-form-wrap {
    margin: 20px 0 0;
}

.table_wrap {
    position: relative;
    display: block;
    overflow-x: auto;
}

.main table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 0 !important;
    overflow-x: scroll;
}

.main table th, .main table td {
    height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    background: #fbfbfb;
    padding: 0 8px;
}

.main table th {
    font-size: 12px;
    background: #eee;
}

.main table td p, .main table th p, table td p, table th p {
    margin: 0;
    padding: 5px;
    color: #333;
    font-size: 14px;
    line-height: 1.0;
}

.main table td.amts {
    color: #cb2027;
}

.main table th#cartDelete {
    text-align: center;
}

/*-------------------------------
			entry-table end
			----------------------------------*/
/*-------------------------------
			search  start
			----------------------------------*/
.container {
    position: relative;
    min-height: 100vh;
}

.search-ipt {
    border: 0;
    background: transparent;
    border-radius: 0;
    -webkit-appearance: none;
}

.web-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    visibility: hidden;
}

.js .web-search {
    width: 100%;
    height: 110px;
    position: absolute;
    z-index: 100001;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    top: 36px;
    background-color: #fff;
}

.web-search .btn--search-close {
    display: inline-block;
    font-size: 1.8em;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 1.25em;
    display: none;
    background-image: url(../png/search_btn_close.png);
    -webkit-background-size: auto 12px;
    background-size: auto 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #999;
    width: 36px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.web-search .btn--search-close:hover {
    background-color: #d61920;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.js .btn--search-close {
    display: block;
}

.web-search .search-ipt {
    font-family: inherit;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 75%;
    padding: 0.05em 0;
    color: #333;
    border-bottom: 3px solid #333;
    font-size: 20px;
    line-height: 10px
}

.web-search .search-ipt::-webkit-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-moz-placeholder {
    opacity: 1;
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt:-ms-input-placeholder {
    color: #333;
    font-weight: bold;
}

.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
    -webkit-appearance: none;
}

.web-search .search-ipt::-ms-clear {
    display: none;
}

.web-search .search-attr {
    font-size: 90%;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 1em 0 0;
    text-align: right;
    color: #999;
}

.js .container {
    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;
}

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

.js .web-search {
    pointer-events: none;
}

.js .search--open {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.js .search--open::before {
    opacity: 1;
}

.web-search .btn--search-close {
    opacity: 0;
}

.search--open .btn--search-close {
    opacity: 1;
    -webkit-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-animation: bounceInA 1s ease;
    -o-animation: bounceInA 1s ease;
    animation: bounceInA 1s ease;
}

.search__suggestion, .web-search .search-attr {
    opacity: 0;
    -moz-transform: translate3d(-10%,0, 0);
    -webkit-transform: translate3d(-10%,0, 0);
    -ms-transform: translate3d(-10%,0, 0);
    -o-transform: translate3d(-10%,0, 0);
    transform: translate3d(-10%,0, 0);
    -moz-transition: opacity 0.8s, transform 0.8s;
    -webkit-transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, transform 0.8s;
    -o-transition: opacity 0.8s, transform 0.8s;
    transition: opacity 0.8s, transform 0.8s;
}

.search--open .search-attr {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.js .web-search .search-ipt {
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    border-bottom-width: 1px;
    padding: 0;
    -moz-transform: scale3d(0, 1, 1);
    -webkit-transform: scale3d(0, 1, 1);
    -ms-transform: scale3d(0, 1, 1);
    -o-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -moz-transform-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -moz-transition: transform .3s;
    -webkit-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    opacity: 0;
    text-transform: uppercase;
}

.js .web-search .search-ipt,.web-search .search-attr {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.js .search--open .search-ipt {
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.js .search--open .search-btn {
    display: none !important;
}

/*-------------------------------
			search  end
			----------------------------------*/
/*-------------------------------
			scrollsidebar start
			----------------------------------*/
.scrollsidebar, .scrollsidebar a {
    font-size: 12px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
}

.scrollsidebar {
    position: absolute;
    z-index: 30;
    top: 150px;
    right: 0;
}

.show_btn {
    width: 37px;
    height: 192px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    overflow: hidden;
    background: url(../png/show_btn.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
}

.side_content {
    width: 0px;
    height: auto;
    overflow: hidden;
    float: left;
}

.side_content .side_list {
    width: 140px;
    overflow: hidden;
    border: 1px solid #dadada;
    border-radius: 8px;
    position: relative;
    background: #FFF;
}

.side_content .side_list .hd img {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.side_content .side_list .cont li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dadada;
    list-style: none;
    position: relative;
}

.side_content .side_list .cont li a {
    position: relative;
    display: block;
    padding: 0 0 0 43px;
    text-decoration: none;
}

.side_content .side_list .cont li a:before {
    content: "";
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 10px;
    width: 25px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.side_content .side_list .cont li .email:before {
    background-image: url(../png/icons01.png);
}

.side_content .side_list .cont li .skype:before {
    background-image: url(../png/icons02.png);
}

.side_content .side_list .cont li .inquiry:before {
    background-image: url(../png/icons03.png);
}

.side_content .side_list .cont li .qq:before {
    background-image: url(../png/icons04.png);
}

.ww {
    margin-left: -30px;
}

.side_content .side_list .t-code {
    padding: 10px 10px 7px;
    border-bottom: 1px solid #dadada;
}

.side_content .side_list .t-code img {
    width: 100%;
}

.side_content .side_list .side_title {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
}

.side_content .side_list .side_title .close_btn {
    background: url(../png/close.png) no-repeat center center;
    width: 12px;
    height: 30px;
    position: absolute;
    bottom: 0;
    right: 10px;
    cursor: pointer;
}

.side_content .side_list .side_title .close_btn span {
    display: none;
}

/*-------------------------------
			scrollsidebar end
			----------------------------------*/
/*inquiry*/
.inquiry-pop-bd {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -275px;
    width: 550px;
    height: 500px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
    display: none;
    z-index: 2000;
}

.inquiry-pop-bd:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: -1;
}

.inquiry-pop-bd .inquiry-pop {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 22px;
    z-index: 1;
    background: #FFF;
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    background: url(../png/fancy_close.png) no-repeat center center;
    cursor: pointer;
    z-index: 1;
}

.inquiry-form-wrap {
    position: relative;
    height: 420px;
    width: 100.5%;
}

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

@media screen and (max-width: 550px) {
    .inquiry-pop-bd {
        width: auto;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        margin: auto;
        max-height: 93vh;
    }

    .inquiry-pop-bd .inquiry-pop {
        padding: 10px;
    }

    .scrollsidebar {
        display: none;
    }
}

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

.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo {
    display: block
}

.change-language .change-language-title, .change-language .change-language-title a {
    font-size: 10pt;
}

.change-language .change-language-title {
    padding: 0;
}

.change-language .change-language-title a:after {
    font-family: 'fontawesome';
    content: "\f0d7";
    font-size: 12px;
    display: inline-block;
    padding-left: 2px;
}

.change-language:hover .change-language-title a:after {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.change-language .change-language-cont {
    position: absolute;
    top: 100%;
    right: 0;
    width: 360px;
    background: #FFF;
    padding: 20px 10px 20px 20px;
    transform: scale3d(0.9, 0.9, 1);
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -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;
    border: 1px solid #eee;
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 80vh;
}

.change-language:hover .change-language-cont {
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
}

.change-language .change-language-cont li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 10px;
    font-size: 10pt;
    overflow: hidden;
    padding: 0 10px 0 0;
}

.change-language .change-language-cont .lang-item-hide {
    display: none !important;
}

.change-language .change-language-cont .lang-more {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.change-language .change-language-cont .more-active {
    font-size: 20px;
}

.language-flag span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom:1;white-space: nowrap;
    padding: 0 0 0 33px;
    overflow: hidden;
}

.change-language ::-webkit-scrollbar {
    width: 5px;
}

.change-language ::-webkit-scrollbar-track {
    background-color: #fff;
}

.change-language ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 3px;
}

.change-language .language-cont:hover::-webkit-scrollbar-thumb {
    display: block
}

.language-flag .country-flag {
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom:1; background-repeat: no-repeat;
    background-image: url(../gif/all-m.gif);
    width: 22px;
    height: 16px;
    margin: -8px 5px 0;
}

li.language-flag a {
    position: relative;
}

.language-flag-af .country-flag {
    background-position: 0 0 !important;
}

.language-flag-sq .country-flag {
    background-position: 0 -16px !important;
}

.language-flag-ar .country-flag {
    background-position: 0 -1312px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -48px !important;
}

.language-flag-az .country-flag {
    background-position: 0 -64px !important;
}

.language-flag-eu .country-flag {
    background-position: 0 -80px !important;
}

.language-flag-be .country-flag {
    background-position: 0 -96px !important;
}

.language-flag-bg .country-flag {
    background-position: 0 -112px !important;
}

.language-flag-ca .country-flag {
    background-position: 0 -128px !important;
}

.language-flag-zh .country-flag {
    background-position: 0 -144px !important;
}

.language-flag-zh-TW .country-flag {
    background-position: 0 -160px !important;
}

.language-flag-hr .country-flag {
    background-position: 0 -176px !important;
}

.language-flag-cs .country-flag {
    background-position: 0 -192px !important;
}

.language-flag-da .country-flag {
    background-position: 0 -208px !important;
}

.language-flag-nl .country-flag {
    background-position: 0 -240px !important;
}

.language-flag-en .country-flag {
    background-position: 0 -256px !important;
}

.language-flag-et .country-flag {
    background-position: 0 -272px !important;
}

.language-flag-tl .country-flag {
    background-position: 0 -288px !important;
}

.language-flag-fi .country-flag {
    background-position: 0 -304px !important;
}

.language-flag-fr .country-flag {
    background-position: 0 -320px !important;
}

.language-flag-gl .country-flag {
    background-position: 0 -336px !important;
}

.language-flag-ka .country-flag {
    background-position: 0 -352px !important;
}

.language-flag-de .country-flag {
    background-position: 0 -368px !important;
}

.language-flag-el .country-flag {
    background-position: 0 -384px !important;
}

.language-flag-ht .country-flag {
    background-position: 0 -400px !important;
}

.language-flag-iw .country-flag {
    background-position: 0 -416px !important;
}

.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {
    background-position: 0 -432px !important;
}

.language-flag-hu .country-flag {
    background-position: 0 -448px !important;
}

.language-flag-is .country-flag {
    background-position: 0 -464px !important;
}

.language-flag-id .country-flag {
    background-position: 0 -480px !important;
}

.language-flag-ga .country-flag {
    background-position: 0 -496px !important;
}

.language-flag-it .country-flag {
    background-position: 0 -512px !important;
}

.language-flag-ja .country-flag {
    background-position: 0 -528px !important;
}

.language-flag-ko .country-flag {
    background-position: 0 -544px !important;
}

.language-flag-la .country-flag {
    background-position: 0 -560px !important;
}

.language-flag-lv .country-flag {
    background-position: 0 -576px !important;
}

.language-flag-lt .country-flag {
    background-position: 0 -592px !important;
}

.language-flag-mk .country-flag {
    background-position: 0 -608px !important;
}

.language-flag-ms .country-flag {
    background-position: 0 -624px !important;
}

.language-flag-mt .country-flag {
    background-position: 0 -640px !important;
}

.language-flag-no .country-flag {
    background-position: 0 -656px !important;
}

.language-flag-fa .country-flag {
    background-position: 0 -672px !important;
}

.language-flag-pl .country-flag {
    background-position: 0 -688px !important;
}

.language-flag-pt .country-flag {
    background-position: 0 -704px !important;
}

.language-flag-ro .country-flag {
    background-position: 0 -720px !important;
}

.language-flag-ru .country-flag {
    background-position: 0 -736px !important;
}

.language-flag-sr .country-flag {
    background-position: 0 -752px !important;
}

.language-flag-sk .country-flag {
    background-position: 0 -768px !important;
}

.language-flag-sl .country-flag {
    background-position: 0 -784px !important;
}

.language-flag-es .country-flag {
    background-position: 0 -800px !important;
}

.language-flag-sw .country-flag {
    background-position: 0 -816px !important;
}

.language-flag-sv .country-flag {
    background-position: 0 -832px !important;
}

.language-flag-th .country-flag {
    background-position: 0 -848px !important;
}

.language-flag-tr .country-flag {
    background-position: 0 -864px !important;
}

.language-flag-uk .country-flag {
    background-position: 0 -880px !important;
}

.language-flag-ur .country-flag {
    background-position: 0 -896px !important;
}

.language-flag-vi .country-flag {
    background-position: 0 -912px !important;
}

.language-flag-cy .country-flag {
    background-position: 0 -928px !important;
}

.language-flag-yi .country-flag {
    background-position: 0 -944px !important;
}

.language-flag-bn .country-flag {
    background-position: 0 -960px !important;
}

.language-flag-eo .country-flag {
    background-position: 0 -976px !important;
}

.language-flag.language-flag-custom-afghanistan .country-flag {
    background-position: 0 -992px !important;
}

.language-flag.language-flag-custom-albania .country-flag {
    background-position: 0 -1008px !important;
}

.language-flag.language-flag-custom-algeria .country-flag {
    background-position: 0 -1024px !important;
}

.language-flag.language-flag-custom-argentina .country-flag {
    background-position: 0 -1040px !important;
}

.language-flag.language-flag-custom-australia .country-flag {
    background-position: 0 -1056px !important;
}

.language-flag.language-flag-custom-austria .country-flag {
    background-position: 0 -1072px !important;
}

.language-flag.language-flag-custom-belgium .country-flag {
    background-position: 0 -1088px !important;
}

.language-flag.language-flag-custom-brazil .country-flag {
    background-position: 0 -1104px !important;
}

.language-flag.language-flag-custom-canada .country-flag {
    background-position: 0 -1120px !important;
}

.language-flag.language-flag-custom-chile .country-flag {
    background-position: 0 -1136px !important;
}

.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
    background-position: 0 -1152px !important;
}

.language-flag.language-flag-custom-ecuador .country-flag {
    background-position: 0 -1168px !important;
}

.language-flag.language-flag-custom-egypt .country-flag {
    background-position: 0 -1184px !important;
}

.language-flag.language-flag-custom-england .country-flag {
    background-position: 0 -1200px !important;
}

.language-flag.language-flag-custom-luxembourg .country-flag {
    background-position: 0 -1216px !important;
}

.language-flag.language-flag-custom-malaysia .country-flag {
    background-position: 0 -1232px !important;
}

.language-flag.language-flag-custom-mexico .country-flag {
    background-position: 0 -1248px !important;
}

.language-flag.language-flag-custom-new-zealand .country-flag {
    background-position: 0 -1264px !important;
}

.language-flag.language-flag-custom-oman .country-flag {
    background-position: 0 -1280px !important;
}

.language-flag.language-flag-custom-qatar .country-flag {
    background-position: 0 -1296px !important;
}

.language-flag.language-flag-custom-saudi-arabia .country-flag {
    background-position: 0 -1312px !important;
}

.language-flag.language-flag-custom-singapore .country-flag {
    background-position: 0 -1328px !important;
}

.language-flag.language-flag-custom-south-africa .country-flag {
    background-position: 0 0 !important;
}

.language-flag.language-flag-custom-switzerland .country-flag {
    background-position: 0 -1344px !important;
}

.language-flag.language-flag-custom-syria .country-flag {
    background-position: 0 -1360px !important;
}

.language-flag.language-flag-custom-united-arab-emirates .country-flag {
    background-position: 0 -1376px !important;
}

.language-flag.language-flag-custom-united-states-of-america .country-flag {
    background-position: 0 -1392px !important;
}

.language-flag-hy .country-flag {
    background-position: 0 -1408px;
}

.language-flag-bs .country-flag {
    background-position: 0 -1424px;
}

.language-flag-ceb .country-flag {
    background-position: 0 -1440px;
}

.language-flag-ny .country-flag {
    background-position: 0 -1456px;
}

.language-flag-ha .country-flag {
    background-position: 0 -1472px;
}

.language-flag-hmn .country-flag {
    background-position: 0 -1488px;
}

.language-flag-ig .country-flag {
    background-position: 0 -1504px;
}

.language-flag-jw .country-flag {
    background-position: 0 -1520px;
}

.language-flag-kk .country-flag {
    background-position: 0 -1536px;
}

.language-flag-km .country-flag {
    background-position: 0 -1552px;
}

.language-flag-lo .country-flag {
    background-position: 0 -1568px;
}

.language-flag-la .country-flag {
    background-position: 0 -1584px;
}

.language-flag-mg .country-flag {
    background-position: 0 -1600px;
}

.language-flag-ml .country-flag {
    background-position: 0 -1616px;
}

.language-flag-mi .country-flag {
    background-position: 0 -1632px;
}

.language-flag-mr .country-flag {
    background-position: 0 -1648px;
}

.language-flag-mn .country-flag {
    background-position: 0 -1664px;
}

.language-flag-my .country-flag {
    background-position: 0 -1680px;
}

.language-flag-ne .country-flag {
    background-position: 0 -1696px;
}

.language-flag-pa .country-flag {
    background-position: 0 -1712px;
}

.language-flag-st .country-flag {
    background-position: 0 -1728px;
}

.language-flag-si .country-flag {
    background-position: 0 -1744px;
}

.language-flag-so .country-flag {
    background-position: 0 -1760px;
}

.language-flag-su .country-flag {
    background-position: 0 -1776px;
}

.language-flag-tg .country-flag {
    background-position: 0 -1792px;
}

.language-flag-uz .country-flag {
    background-position: 0 -1808px;
}

.language-flag-yo .country-flag {
    background-position: 0 -1824px;
}

.language-flag-zu .country-flag {
    background-position: 0 -1840px;
}

/*-------------------------------
			language  end
			----------------------------------*/
/*-------------------------------
			animation  start
			----------------------------------*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeInLeftA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20%,0,0);
        -ms-transform: translate3d(-20%,0,0);
        transform: translate3d(-20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftA {
    -webkit-animation-name: fadeInLeftA;
    animation-name: fadeInLeftA
}

@-webkit-keyframes fadeInUpA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        -ms-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpA {
    -webkit-animation-name: fadeInUpA;
    animation-name: fadeInUpA
}

@-webkit-keyframes fadeInRightA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20%,0,0);
        -ms-transform: translate3d(20%,0,0);
        transform: translate3d(20%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        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);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    40% {
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    60% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    80% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    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);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        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,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownA {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        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% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    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% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    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% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    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 zoomInA {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6,.6,.6);
        transform: scale3d(.6,.6,.6)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomInA {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.6,.6,.6);
        transform: scale3d(.6,.6,.6)
    }

    50% {
        opacity: 1
    }
}

.zoomInA {
    -webkit-animation-name: zoomInA;
    animation-name: zoomInA
}

@-webkit-keyframes zoomInB {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomInB {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.zoomInB {
    -webkit-animation-name: zoomInB;
    animation-name: zoomInB
}

/*-------------------------------
			animation  end
			----------------------------------*/
.nav_wrap .head_nav li.fd_nav ul li > ul {
    border: 1px solid #e0e0e0;
}

.fd_nav >ul {
    left: -100% !important;
}

.fd_nav >ul >li >a >b:after {
    content: "" !important;
}

.fd_nav >ul .menu-image-hover-wrapper {
    width: 100%;
    float: left;
    padding-right: 0 !important;
    text-align: center;
    margin: 20px 0;
}

.class-a>a>em {
    text-align: left;
    display: block;
}

.fd_nav >ul .menu-image-hover-wrapper img {
    opacity: 1 !important;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul {
    left: 100%;
    margin-left: 0;
    border: 1px solid #e0e0e0;
    margin-top: -0.5%;
    width: 700px;
    transform: none;
    display: block;
    flex-wrap: wrap;
}

.fd_nav li a {
    font-weight: bold;
    text-transform: capitalize;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li {
    width: 100%;
    flex: 0 0 100%;
    background-color: #fff;
    display: flex;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li a {
    color: #32373c;
    font-size: 13px;
    width: auto;
    float: left;
    padding: 8px 0;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li > a {
    border-bottom: 0;
    color: #333;
    font-weight: normal;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li:hover {
    background-color: #FFFFFF;
    color: #000;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li a i {
    display: none;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li > ul {
    position: relative;
    left: 0;
    box-shadow: none;
    padding: 0 0;
    opacity: 1;
    visibility: visible;
    transform: none;
    width: 100%;
    width: auto;
    float: left;
    border: none;
    top: 0;
    margin-top: 0;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li > ul li {
    float: left;
    width: auto;
    flex: initial;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li > ul li a {
    width: auto;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > li > ul > li > ul li a {
    font-weight: normal;
    font-size: 13px;
    color: #808080;
}

.nav_wrap .head_nav li.fd_nav ul li > ul > .li-hover > a {
    color: #c00000;
}

.nav_wrap .head_nav li.fd_nav ul li .li-hover ul {
    z-index: 99999;
}

.nav_wrap .head_nav .fd_nav > ul,.nav_wrap .head_nav .fd_nav > ul > li > ul,.nav_wrap .head_nav .fd_nav > ul > li > ul > li > ul {
    height: 540px;
}

.nav_wrap .head_nav .fd_nav > ul > li > ul {
    left: 100%;
    top: -11px;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.nav_wrap .head_nav .fd_nav > ul > li > ul > li > ul {
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.nav_wrap .head_nav .fd_nav > ul > li > ul > li {
    position: static;
}

.nav_wrap .head_nav .fd_nav > ul > li > ul > li > ul {
    top: 0;
    margin-top: 0
}

/*.nav_wrap .head_nav > li.fd_nav li:hover{background-color:#fff;}*/
.nav_wrap .head_nav > li.fd_nav li ul li ul li:hover a {
    color: #000;
}

.nav_wrap .head_nav > li.fd_nav li.li_hover >ul {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    visibility: visible!important;
    height: auto;
}

.nav_wrap .head_nav > li.fd_nav li.li_hover > a {
    color: #fff;
    border-bottom: 0;
}

.nav_wrap .head_nav > li.fd_nav li.li_hover {
    background-color: #d61920;
}

.tab-panel-content iframe {
    max-width: 100%;
}

.nav_wrap .head_nav .fd_nav > ul {
    height: auto;
}

/*inquiry*/
.inquiry-pop-bd {
    position: fixed;
    box-shadow: 0 0 10px rgba(255, 255, 255, .5);
    display: none;
    z-index: 2000;
    overflow: visible
}

body .pop_task {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1999;
    display: none
}

.inquiry-pop-bd .inquiry-pop {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0px;
    z-index: 10000;
    background: #FFF;
}

.inquiry-pop-bd .inquiry-pop .ico-close-pop {
    position: absolute;
    right: 9px;
    top: 7px;
    width: 30px;
    height: 30px;
    background: url(../png/icon09.png) no-repeat center center;
    cursor: pointer;
    z-index: 1;
}

.inquiry-form-wrap {
    position: relative;
    margin: 78px 0 8px;
}

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

.contact_form {
    border: 1px solid #eee;
    background: #fff;
}

.contact_form .title {
    font-weight: 500;
    font-size: 14px;
    padding: 0 20px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    background: #013e5a;
    color: #FFF;
    margin: 15px;
    border-radius: 4px;
}

.contact_form form {
    padding: 0 20px 26px;
}

.contact_form form li {
    margin: 13px 0 15px;
    position: relative;
}

.contact_form form input[type=text],.contact_form form .wpcf7-textarea,.form-input-email,.form-input-phone {
    margin: 15px 0 0 0;
    border: 1px solid #eee;
    background: #FFF;
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    border-radius: 3px;
    overflow: hidden;
    width: 80%;
    font-weight: 500;
}

.contact_form form .wpcf7-textarea {
    height: 92px;
    width: 100%;
}

.contact_form form input[type=text].form-input-capcha {
    width: 213px;
    font-weight: 500;
}

.contact_form form input[type=submit],.form-btn-submitx {
    height: 38px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid #ff6f00;
    background: #ff6f00;
    background: #ff6f00 url(../icon06.html) no-repeat calc(50% + 30px) center;
    color: #FFF;
    text-align: center;
    text-transform: capitalize;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    -ms-transition-duration: .3s;
    transition-duration: .3s;
}

.contact_form form input[type=submit]:hover {
    background-color: #1eb53a;
}

.contact_form ::-webkit-input-placeholder {
    color: #666
}

.contact_form :-moz-placeholder,.contact_form ::-moz-placeholder,.contact_form :-ms-input-placeholder {
    color: #666
}

/*éªŒè¯ç */
#v_container,.contact_form form input[type=text].form-input-capcha,#wpcf7-not-valid-tip-no-ajax {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

label.error {
    margin-left: 10px;
    color: #F00;
}

.wpcf7-validation-errors,.mauticform-errormsg {
    color: #F00;
    display: block;
}

.wpcf7-response-output,.mauticform-message {
    text-align: center;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #ff6f00;
}

#v_container {
    font-size: 28px;
    font-style: italic;
    letter-spacing: 15px;
    line-height: 38px;
    margin-left: 10px;
}

#code_capcha-error {
    position: absolute;
    left: 350px;
    top: 10px;
    display: none;
    line-height: 38px;
}

.wpcf7-form.sent .texttest {
    display: none;
}

@media screen and (max-width: 550px) {
    .inquiry-pop-bd {
        width:95%;
        height: 450px;
        left: 0;
        margin: -265px 0 0 2.5%;
    }

    .inquiry-pop-bd .inquiry-pop {
        padding: 10px;
    }

    .scrollsidebar {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .product_list_item,.center_items .swiper-slide.pic_slide_item,.contact_form form input[type=text], .contact_form form .wpcf7-textarea {
        width:100% !important;
    }
}

/*ä»¥ä¸Šæ ·å¼*/
.product-separator .fl-module-separator .fl-separator {
    transition: all .5s linear;
}

.product-separator:hover .fl-module-separator .fl-separator {
    width: 100% !important;
}

@keyframes borderroll {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

.shawzysbyxgs_title_bar {
    position: relative
}

.shawzysbyxgs_title_bar.center {
    text-align: center
}

.shawzysbyxgs_title_bar .shawzysbyxgs_tittag {
    text-transform: uppercase;
    font-family: Roboto-Light;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #2d3039;
    margin-top: 16px;
    position: relative;
    white-space: nowrap;
}

.shawzysbyxgs_title_bar .shawzysbyxgs_title {
    white-space: nowrap;
    font-family: Roboto-Bold;
    font-size: 48px;
    line-height: 1;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    position: relative
}

.letter-spacing-6 {
    letter-spacing: 6px
}

.letter-spacing-15 {
    letter-spacing: 15px
}

.shawzysbyxgs_desc {
    font-family: Roboto;
    position: relative;
    font-size: 18px;
    font-weight: normal;
    line-height: 2;
    color: #000000;
    opacity: 0.75;
    margin-top: 10px;
}

.shawzysbyxgs_services_container {
    position: relative;
    background-position: left top;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_wrap {
    position: relative
}

.shawzysbyxgs_services_container .shawzysbyxgs_title_bar {
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100%);
    display: table;
    position: absolute;
    left: 0;
    top: 0
}

.shawzysbyxgs_services_container .shawzysbyxgs_title_bar .shawzysbyxgs_tittag {
    margin-top: 0;
    margin-bottom: 10px
}

.shawzysbyxgs_services_container .shawzysbyxgs_stroke_title {
    font-family: Roboto-Bold;
    font-size: 166px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #cfcfcf;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_text {
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    max-width: 730px;
    margin-left: auto;
    text-align: right;
    line-height: 1.35;
    color: #2d3039;
    opacity: .89
}

.shawzysbyxgs_services_container .shawzysbyxgs_stroke_title02 {
    position: absolute;
    right: 0;
    bottom: 140px;
    font-size: 134px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item {
    position: relative
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_img {
    position: relative;
    height: 170px;
    background-color: rgba(255,255,255,.24);
    background-color: #e5e5e5;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #b3b3b3
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_img>img {
    display: none
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_icon {
    width: 122px;
    height: 123px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    z-index: 9
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_icon::before {
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: #2d3039 #e70013 #e70013 #2d3039;
    animation: borderroll 3s infinite linear
}

.shawzysbyxgs_services_container .active .services_icon {
    display: none;
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_title {
    font-family: Roboto-Bold;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: capitalize;
    padding: 10px 0;
    text-align: center;
    color: #2d3039
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_desc {
    display: none;
    font-family: Roboto-Medium;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    transform: translateX(64px);
    margin: 2% 6% 2% 10%
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more {
    display: none;
    font-family: Roboto-Bold;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 175px;
    text-align: center;
    text-transform: capitalize;
    margin-left: auto;
    margin-right: 50px;
    line-height: 44px;
    background-image: url(../png/servicemore.png);
    background-size: 100% 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px 3px 35px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more::after {
    content: "";
    width: 12px;
    height: 11px;
    box-shadow: 0 2px 4px 0 rgba(19,19,19,.32);
    border: solid 3px #fff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more:hover {
    background-image: url(../png/servicemorehover.png);
    color: #e70113
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more:hover::after {
    border-color: #e70113
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) {
    width: 340px;
    margin-left: 240px;
    margin-right: auto;
    height: 660px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_img {
    height: 344px;
    border: none;
    border-radius: 25px;
    overflow: hidden
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_img>img {
    display: block
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_icon {
    width: 141px;
    height: 142px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_icon::before {
    border-color: #fff
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_title {
    text-align: left;
    font-size: 20px;
    color: #fff
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_desc {
    display: block;
    margin: 2% 6% 2% 10%
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_more {
    display: flex
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
    width: 635px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption {
    display: block;
    color: #fff;
    position: absolute;
    top: 344px;
    padding-left: 105px;
    padding-right: 65px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
    content: "";
    height: 100%;
    position: absolute;
    left: 4px;
    top: 4px;
    background-image: url(../png/serviceitembg.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(3),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) {
    width: 198px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
    width: 300px;
    width: 225px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
    margin-top: -115px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(3) {
    margin-left: 13px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2) .services_img {
    border-left: none;
    border-radius: 0 15px 15px 0
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) .services_img {
    border-right: none;
    border-radius: 15px 0 0 15px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2) .services_icon {
    transform: translateX(-15px)
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) .services_icon {
    transform: translateX(15px)
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) {
    margin-right: 13px
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2) .services_img::before {
    content: "";
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent #b3b3b3 #b3b3b3;
    border-radius: 15px;
    width: 126px;
    height: 126px;
    position: absolute;
    left: 0;
    top: -6px;
    transform: rotate(45deg);
    transform-origin: top left;
    z-index: 0;
    background-color: #e5e5e5
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) .services_img::before {
    content: "";
    border-width: 1px;
    border-style: solid;
    border-color: #b3b3b3 #b3b3b3 transparent transparent;
    border-radius: 15px;
    width: 126px;
    height: 126px;
    position: absolute;
    right: 0;
    top: -6px;
    transform: translateX(100%) rotate(45deg);
    transform-origin: top left;
    z-index: 0;
    background-color: #e5e5e5
}

.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) figure,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) figure {
    display: flex;
    flex-direction: column-reverse
}

.shawzysbyxgs_samples_container {
    position: relative;
    margin-top: 100px;
    margin-bottom: 250px
}

.shawzysbyxgs_samples_container .shawzysbyxgs_title_bar {
    margin-bottom: 40px
}

.shawzysbyxgs_samples_container .layout {
    width: 1362px
}

.shawzysbyxgs_samples_flex {
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs_wrap {
    width: 39%
}

.shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs {
    width: 100%;
    height: 536px;
}

.shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s;
    cursor: pointer;
    border: solid 2px transparent
}

.shawzysbyxgs_samples_thumbs .swiper-slide.swiper-slide-thumb-active {
    box-shadow: 0 8px 16px 0 rgba(14,51,77,.29);
    border: solid 2px #fff;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.shawzysbyxgs_samples_flex .shawzysbyxgs_samples_main {
    width: 59%
}

.shawzysbyxgs_samples_flex .shawzysbyxgs_samples_main .swiper-slide {
    position: relative
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info {
    position: absolute;
    width: 330px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(13,35,50,.7);
    padding: 10% 8% 8% 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    opacity: 0
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_num {
    font-family: Roboto;
    font-size: 79px;
    font-weight: 500;
    line-height: .6;
    color: #fff;
    margin-left: auto
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more {
    position: relative;
    display: table;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    margin-top: 38%
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more:after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 15px
}

.shawzysbyxgs_samples_main .swiper-slide-active .shawzysbyxgs_samples_info {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .samples_thumbs_title {
    font-family: Roboto-Medium;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    text-transform: capitalize;
    margin-top: auto
}

.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more:hover {
    color: #1c70aa
}

.samples_button_control {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
    display: none
}

.shawzysbyxgs_samples_button {
    width: 28px;
    height: 28px;
    background-color: #e5e5e5;
    margin-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -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;
    cursor: pointer;
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s
}

.shawzysbyxgs_samples_button svg {
    fill: #a7a7a7;
    width: 16px;
    height: 16px;
    position: relative
}

.shawzysbyxgs_samples_button:hover {
    background-color: #3178a9
}

.shawzysbyxgs_samples_button:hover svg {
    fill: #fff
}

.shawzysbyxgs_samples_thumbs .samples_thumbs_tit {
    font-family: Roboto-Black;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 35%;
    line-height: 1;
    color: #fff;
    background: rgba(0,0,0,.1);
}

.shawzysbyxgs_hotproduct_container {
    position: relative;
    padding-top: 115px;
    padding-bottom: 115px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 32%;
}

.shawzysbyxgs_hotproduct_container .shawzysbyxgs_desc {
    max-width: 470px;
    line-height: 1.33;
    padding: 10px 0
}

.shawzysbyxgs_hotproduct_slider {
    position: relative;
    width: 100%;
    background-position: left center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 30px 0;
    background-size: 748px 867px;
    background-position: left top;
}

.shawzysbyxgs_hotproduct_slider::before {
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: calc(50% - 600px);
    top: 0;
    background-image: url(../png/productbg01.png)
}

.hotproduct_slide {
    position: relative;
    padding-left: calc(50% - 600px)
}

.hotproduct_slide .layout {
    padding-right: 300px;
    margin-left: 0
}

.hotproduct_slide .shawzysbyxgs_hotproduct_bgimg {
    position: relative;
    width: 45%
}

.hotproduct_slide .shawzysbyxgs_hotproduct_pdimg {
    position: relative;
    text-align: right
}

.hotproduct_slide ul li {
    position: absolute;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #2d3039;
    display: table;
    padding-left: 60px;
    background-size: 100% 100%;
    padding-bottom: 6px;
    padding-right: 15px
}

.hotproduct_slide ul li::after {
    content: "";
    width: 100%;
    height: 72px;
    background-image: url(../png/pdline.png);
    position: absolute;
    top: 100%;
    background-repeat: no-repeat;
    left: 0
}

.hotproduct_slide ul li:nth-child(1) {
    left: -2%;
    top: -9%;
    padding-right: 60px;
    padding-left: 0;
    color: #fff
}

.hotproduct_slide ul li:nth-child(1):after {
    background-image: url(../png/pdlinewhite.png);
    background-position: top right;
    left: unset;
    right: 0
}

.hotproduct_slide ul li:nth-child(2) {
    right: -24%;
    top: -4%
}

.hotproduct_slide ul li:nth-child(3) {
    right: -32%;
    top: 19%
}

.hotproduct_slide ul li:nth-child(4) {
    right: -8%;
    bottom: -2%
}

.hotproduct_slide ul li:nth-child(4)::after {
    top: unset;
    height: 50px;
    bottom: 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hotproduct_slide ul li::before {
    content: "";
    width: 20px;
    height: 21px;
    border: solid 2px #b3b3b3;
    border-radius: 50%;
    position: absolute;
    right: -22px;
    bottom: -12px
}

.hotproduct_slide ul li:nth-child(1):before {
    left: -22px;
    right: unset;
    border-color: #fff
}

.hotproduct_slide ul li:nth-child(4):before {
    bottom: 15px
}

.shawzysbyxgs_hotproduct_circle {
    position: relative;
    width: 273px;
    height: 273px;
    background-color: #2d3039;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 150px;
    margin-bottom: 20px;
    text-align: center;
    padding: 2%
}

.shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_circle01 {
    width: 30px;
    height: 30px;
    background-color: #e70013;
    border-radius: 50%;
    position: absolute;
    right: 5%;
    top: 12%
}

.shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_title {
    position: relative;
    line-height: 1;
    font-family: Roboto-Bold;
    font-size: 34px;
    font-weight: 400;
    color: #fff
}

.shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_desc {
    position: relative;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    color: #fff;
    margin-top: 20px
}

.hotproduct_button_control {
    position: relative;
    text-align: right;
    padding-right: calc(50% - 600px);
    margin-right: 5%;
    margin-top: 30px
}

.hotproduct_button_control .shawzysbyxgs_hotproduct_button {
    width: 160px;
    height: 44px;
    background-image: url(../png/hotpraddleft.png);
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.hotproduct_button_control .shawzysbyxgs_hotproduct_button:hover {
    background-image: url(../png/hotpraddleft02.png)
}

.hotproduct_button_control .shawzysbyxgs_hotproduct_next,.hotproduct_button_control .shawzysbyxgs_hotproduct_next:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.shawzysbyxgs_company_container {
    position: relative
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left {
    position: relative;
    width: 457px;
    border-radius: 20px;
    background-image: url(../png/companybg.png);
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    align-self: flex-start;
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_company_title_bar {
    position: relative;
    display: flex;
    height: 217px
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_title_bar .shawzysbyxgs_title_bar {
    position: relative;
    width: 253px;
    padding-right: 20px
}

.shawzysbyxgs_company_container .shawzysbyxgs_title_bar .shawzysbyxgs_titlogo {
    position: relative;
    text-align: right;
    margin-top: -12px
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_title_bar::before {
    background-image: url(../png/abouttitbg.png);
    content: "";
    width: 615px;
    height: 597px;
    position: absolute;
    right: 0;
    bottom: 0
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_title_bar .company_text {
    flex: 1;
    position: relative;
    font-family: Roboto-Bold;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #fff;
    padding: 44px 25px 18px 18px
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_content {
    position: relative;
    padding: 15px 45px 43px 15px
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_name {
    font-family: Roboto-Bold;
    font-size: 24px;
    font-weight: 400;
    position: relative;
    line-height: 31px;
    color: #fff
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_desc {
    font-family: Roboto-Medium;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -1px;
    color: #fff;
    margin: 6px 0 28px 0
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more {
    font-family: Roboto-Bold;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    width: 175px;
    text-align: center;
    text-transform: capitalize;
    line-height: 44px;
    background-image: url(../png/servicemore.png);
    background-size: 100% 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px 3px 35px;
    display: flex
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more::after {
    content: "";
    width: 12px;
    height: 11px;
    box-shadow: 0 2px 4px 0 rgba(19,19,19,.32);
    border: solid 3px #fff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more:hover {
    background-image: url(../png/servicemorehover.png);
    color: #e70113
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more:hover::after {
    border-color: #e70113
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_right {
    position: relative;
    margin-left: 20px;
    flex: 1;
    margin-top: 80px
}

.shawzysbyxgs_company_container .shawzysbyxgs_company_num {
    justify-content: flex-end;
    margin-top: 40px
}

.shawzysbyxgs_company_container .num_item {
    position: relative;
    text-align: center;
    padding-left: 75px;
}

.shawzysbyxgs_company_container .num_item .num_big {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
    color: #e70013
}

.shawzysbyxgs_company_container .num_item .num_big .count-title {
    font-family: Roboto-Bold;
    font-size: 50px;
    font-weight: 400
}

.shawzysbyxgs_company_container .num_item .num_big sup {
    font-size: 24px;
    line-height: .5;
    vertical-align: top;
    display: inline-block
}

.shawzysbyxgs_company_container .num_item .num_desc {
    font-family: Roboto-Medium;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1;
    color: #757880
}

.shawzysbyxgs_company_container .num_item:last-child {
    padding-left: 75px;
    border-left: 1px solid #b3b3b3;
    margin-left: 75px
}

.shawzysbyxgs_news_container {
    position: relative;
    padding-bottom: 15px;
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_tab {
    position: relative;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 55px;
    margin-top: 50px;
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_nav {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 16px 0;
    font-family: Roboto-Bold;
    font-size: 18px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 400;
    color: #2d3039
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_nav:not(:last-child) {
    margin-right: 80px
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_nav::after {
    content: "";
    width: 0;
    opacity: 0;
    transition: all ease-in-out .35s;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 6px;
    background-color: #e70013
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_nav img {
    position: relative;
    margin-right: 13px
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_nav.active::after,.shawzysbyxgs_news_container .shawzysbyxgs_news_nav:hover:after {
    width: 100%;
    opacity: 1
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_more {
    width: 412px;
    background-color: #e70013;
    position: relative;
    display: table;
    margin: 0 auto;
    font-family: Roboto-Bold;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 52px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    margin-top: 3%;
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_more:hover {
    border-radius: 15px
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_outerwrap {
    position: relative
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_slider {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_slider.active {
    position: relative;
    top: unset;
    left: unset;
    opacity: 1;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_inner {
    position: relative;
    display: flex;
    background-color: rgba(255,255,255,.24);
    border: 1px solid #c4c4c4;
    border-radius: 50px 0 0 0;
    padding: 36px 20px 32px 31px;
    align-items: center;
    color: #2d3039;
    height: 240px;
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_img {
    position: relative;
    width: 209px
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_content {
    position: relative;
    padding-left: 29px;
    flex: 1
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_title {
    font-family: Roboto-Bold;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    color: currentColor;
    position: relative;
    display: block
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_time {
    font-family: Roboto-Bold;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: currentColor;
    display: flex;
    align-items: center;
    margin-top: 32px
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_time::before {
    content: "";
    height: 2px;
    background-color: currentColor;
    position: relative;
    margin-right: 10px;
    flex: 1;
    opacity: .85
}

.shawzysbyxgs_news_container .shawzysbyxgs_news_item.swiper-slide-active .item_inner,.shawzysbyxgs_news_container .shawzysbyxgs_news_item:hover .item_inner {
    background-color: grey;
    color: #fff
}

.shawzysbyxgs_news_container .swiper-pagination {
    position: relative;
    bottom: unset;
    margin-top: 40px;
    line-height: 1;
    margin-bottom: 60px
}

.shawzysbyxgs_news_container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #b3b3b3;
    padding: 0;
    border: none;
    line-height: 1
}

.shawzysbyxgs_news_container .swiper-pagination-bullet-active {
    width: 11px;
    height: 11px;
    background-color: #e70013;
    padding: 0;
    border: none
}

@media only screen and (max-width: 1500px) {
    .shawzysbyxgs_samples_container .layout {
        width: 1200px;
    }
}

@media only screen and (max-width: 1366px) {
    .shawzysbyxgs_samples_container .layout {
        width:1100px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_stroke_title {
        font-size: 136px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_stroke_title02 {
        font-size: 100px
    }

    .shawzysbyxgs_title_bar .shawzysbyxgs_title {
        font-size: 40px
    }

    .shawzysbyxgs_title_bar .shawzysbyxgs_tittag {
        font-size: 14px;
        margin-top: 12px
    }

    .letter-spacing-15 {
        letter-spacing: 10px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_title {
        font-size: 16px;
        padding: 7px 0
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_img {
        height: 135px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_icon {
        width: 90px;
        height: 90px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(3),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) {
        width: 180px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
        width: 200px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2) .services_img::before,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) .services_img::before {
        width: 102px;
        height: 102px;
        top: -7px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_title {
        font-size: 20px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_desc {
        margin: 2% 6% 2% 10%
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_desc {
        font-size: 16px;
        line-height: 1.3
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
        width: 508px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) {
        height: 530px;
        width: 280px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
        background-size: contain
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_img {
        height: 280px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption {
        top: 280px;
        padding-left: 105px;
        padding-right: 65px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more,.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more {
        font-size: 16px;
        width: 150px;
        line-height: 40px;
        padding: 0 20px 3px 20px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_text {
        font-size: 18px;
        max-width: 600px
    }

    .shawzysbyxgs_samples_container {
        margin-top: 80px;
        margin-bottom: 150px
    }

    .shawzysbyxgs_desc {
        font-size: 16px
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info {
        width: 285px;
        padding: 5% 3%
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_num {
        font-size: 60px
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .samples_thumbs_title,.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more {
        font-size: 18px
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more {
        margin-top: 25%
    }

    .shawzysbyxgs_samples_thumbs .samples_thumbs_tit {
        font-size: 16px;
        padding-left: 15%
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_name {
        font-size: 20px;
        line-height: 1.5
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_desc {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0;
        margin: 6px 0 28px 0
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_title_bar .company_text {
        font-size: 14px;
        line-height: 1.3
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_title_bar::before {
        background-position: right bottom;
        background-size: 553px;
        height: 537px;
        width: 553px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left {
        width: 406px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_company_title_bar {
        height: 200px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_title_bar .shawzysbyxgs_title_bar {
        width: 225px;
    }

    .shawzysbyxgs_company_container .num_item .num_big .count-title {
        font-size: 40px
    }

    .shawzysbyxgs_company_container .num_item .num_desc {
        font-size: 18px;
        margin-top: 5px
    }

    .shawzysbyxgs_company_container .num_item:last-child {
        padding-left: 55px;
        margin-left: 55px
    }

    .hotproduct_slide {
        padding-left: calc(50% - 550px)
    }

    .shawzysbyxgs_hotproduct_container {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .shawzysbyxgs_hotproduct_slider::before {
        left: calc(50% - 550px);
        background-size: 673px
    }

    .shawzysbyxgs_hotproduct_circle {
        width: 200px;
        height: 200px;
        margin-right: 50px
    }

    .hotproduct_slide .shawzysbyxgs_hotproduct_pdimg {
        transform: scale(.9);
        transform-origin: right top
    }

    .shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_title {
        font-size: 38px
    }

    .shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_desc {
        font-size: 16px;
        margin-top: 13px
    }

    .hotproduct_slide ul li {
        font-size: 16px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_tab {
        margin-bottom: 35px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_nav {
        padding: 12px 0;
        font-size: 16px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_title {
        font-size: 20px;
        line-height: 1.2
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_time {
        font-size: 16px;
        margin-top: 24px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_inner {
        border-radius: 35px 0 0 0;
        padding: 25px 15px 25px 25px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_more {
        width: 285px;
        font-size: 16px;
        line-height: 46px
    }

    .shawzysbyxgs_news_container .swiper-pagination {
        margin-top: 25px;
        margin-bottom: 35px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_icon {
        width: 115px;
        height: 115px;
    }
}

@media only screen and (max-width: 1280px) {
    .shawzysbyxgs_samples_container .layout {
        width:96%;
        max-width: 1100px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_title_bar::before {
        width: 500px;
        height: 478px;
        background-size: 500px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left {
        width: 366px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .shawzysbyxgs_company_title_bar {
        height: 184px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_title_bar .shawzysbyxgs_title_bar {
        width: 205px
    }

    .hotproduct_slide {
        padding-left: 2%
    }

    .shawzysbyxgs_hotproduct_slider::before {
        left: 2%
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_img {
        width: 185px
    }
}

@media only screen and (max-width: 1100px) {
    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) {
        width:245px;
        height: 461px;
        margin-left: 160px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
        width: 445px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_img {
        height: 245px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption {
        top: 245px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(3),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) {
        width: 145px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
        width: 185px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_stroke_title02 {
        font-size: 80px;
        bottom: 100px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
        margin-top: -40px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_desc {
        font-size: 14px
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_more,.shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more {
        font-size: 14px;
        width: 135px;
        line-height: 36px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more {
        margin-right: 20px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_title {
        font-size: 14px;
        padding: 5px 0
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_text {
        font-size: 16px;
        max-width: 500px
    }

    .shawzysbyxgs_samples_container {
        margin-top: 50px;
        margin-bottom: 100px
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info {
        width: 225px
    }

    .shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .samples_thumbs_title,.shawzysbyxgs_samples_main .shawzysbyxgs_samples_info .shawzysbyxgs_samples_more {
        font-size: 16px
    }

    .shawzysbyxgs_samples_thumbs .samples_thumbs_tit {
        font-size: 14px;
        padding-left: 10%
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_desc {
        font-size: 14px;
        margin: 4px 0 20px 0
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left .company_name {
        font-size: 18px
    }

    .shawzysbyxgs_company_container .num_item .num_big .count-title {
        font-size: 34px
    }

    .shawzysbyxgs_hotproduct_slider::before {
        background-size: 500px
    }

    .hotproduct_slide .shawzysbyxgs_hotproduct_pdimg {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .hotproduct_button_control {
        padding-right: 2%;
        margin-top: 0
    }

    .shawzysbyxgs_hotproduct_container {
        padding-bottom: 50px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_img {
        width: 165px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_title {
        font-size: 18px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_time {
        font-size: 14px;
        margin-top: 20px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_tab {
        margin-top: 30px
    }

    .shawzysbyxgs_title_bar .shawzysbyxgs_title {
        font-size: 36px
    }

    .shawzysbyxgs_title_bar .shawzysbyxgs_tittag {
        font-size: 13px;
        margin-top: 8px
    }

    .letter-spacing-6 {
        letter-spacing: 3px
    }
}

@media only screen and (max-width: 950px) {
    .shawzysbyxgs_services_container .shawzysbyxgs_stroke_title {
        font-size:100px
    }

    .shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs {
        width: 100%;
        height: auto;
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_title_bar {
        position: relative;
        left: unset;
        text-align: unset;
        -webkit-transform: unset;
        transform: unset;
        margin-bottom: 25px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(2) .services_img::before,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) .services_img::before {
        display: none
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) {
        width: auto;
        height: auto;
        margin-right: unset;
        margin-left: 0
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item figure {
        position: relative
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item {
        width: 50%!important;
        height: auto!important;
        padding: 1%
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) .services_img {
        height: auto
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1) figcaption {
        top: unset!important;
        width: 100%!important
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item figcaption {
        background: #e70013;
        padding: 25px 15px!important;
        position: relative!important
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_desc {
        font-size: 14px;
        -webkit-transform: unset;
        transform: unset;
        color: #fff;
        display: block
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_title {
        font-size: 20px;
        padding: 5px 0;
        text-align: left;
        color: #fff
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_img {
        height: auto;
        border: none
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_img>img {
        display: block
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_icon {
        width: 116px!important;
        height: 116px!important;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%)!important;
        transform: translate(-50%,-50%)!important;
        position: absolute;
        padding: 15px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_icon img {
        max-width: 60px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(1)::before {
        display: none
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        margin-right: 0
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_more::after {
        width: 8px;
        height: 8px;
        border-width: 2px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) figure,.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) figure {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(3) {
        margin-left: unset
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4) {
        margin-right: unset
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(4),.shawzysbyxgs_services_container .shawzysbyxgs_services_item:nth-child(5) {
        margin-top: unset
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_item .item_inner {
        padding: 15px
    }

    .shawzysbyxgs_hotproduct_circle {
        width: 160px;
        height: 160px;
        margin-right: 0
    }

    .shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_title {
        font-size: 30px
    }

    .shawzysbyxgs_hotproduct_circle .shawzysbyxgs_hotproduct_desc {
        font-size: 12px;
        margin-top: 7px
    }

    .hotproduct_slide .layout {
        padding-right: 200px
    }
}

@media only screen and (max-width: 768px) {
    .shawzysbyxgs_samples_flex {
        display:block
    }

    .shawzysbyxgs_samples_flex .shawzysbyxgs_samples_main {
        width: 100%
    }

    .shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs_wrap {
        width: 100%;
        margin-top: 15px
    }

    .shawzysbyxgs_samples_flex .shawzysbyxgs_samples_thumbs {
        height: 100px
    }

    .shawzysbyxgs_company_container .layout {
        display: block
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_left {
        width: 100%;
        background-size: 100% 100%
    }

    .shawzysbyxgs_company_container .shawzysbyxgs_company_right {
        margin-left: 0;
        margin-top: 25px
    }
}

@media only screen and (max-width: 640px) {
    .shawzysbyxgs_services_container .shawzysbyxgs_services_item .services_desc {
        font-size:12px
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_stroke_title02 {
        display: none
    }

    .shawzysbyxgs_services_container .shawzysbyxgs_services_text {
        font-size: 14px
    }

    .hotproduct_slide .layout {
        padding-right: 0
    }

    .shawzysbyxgs_hotproduct_slider::before {
        background-size: 400px
    }

    .hotproduct_slide ul li {
        position: relative;
        top: unset!important;
        bottom: unset!important;
        left: unset!important;
        right: unset!important;
        display: inline-block;
        text-align: left!important;
        color: #333!important;
        padding: 10px!important
    }

    .hotproduct_slide .shawzysbyxgs_hotproduct_pdimg {
        -webkit-transform: unset;
        transform: unset
    }

    .hotproduct_slide .shawzysbyxgs_hotproduct_pdimg {
        text-align: left;
        margin-bottom: 15px
    }

    .hotproduct_slide ul li::after,.hotproduct_slide ul li::before {
        display: none
    }

    .shawzysbyxgs_hotproduct_circle {
        margin-bottom: 0
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_nav {
        font-size: 14px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_nav img {
        margin-right: 8px
    }

    .shawzysbyxgs_news_container .shawzysbyxgs_news_nav:not(:last-child) {
        margin-right: 30px
    }
}

@media only screen and (max-width: 480px) {
    .shawzysbyxgs_services_container .shawzysbyxgs_services_item {
        width:100%!important
    }

    .shawzysbyxgs_hotproduct_slider::before {
        background-size: 300px
    }
}


/* new add */


@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url("../ttf/montserrat-semibold.ttf") format("truetype");
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url("../ttf/montserrat-medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url("../otf/montserrat-light.otf") format("truetype");
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url("../ttf/montserrat-regular.ttf") format("truetype");
}

.js .main-wrap--move {
    -webkit-transform: translateY(180px);
    -o-transform: translateY(180px);
    transform: translateY(180px);
    -ms-transform: translateY(180px);
}

.new_head.web_head {
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 0;
}

.new_head.web_head .nav_wrap .head_nav {
    margin: 0 auto;
}

.new_head.web_head .layout {
    width: 1410px;
    max-width: 93%;
}

.new_head.web_head .nav_wrap {
    flex: 1;
}

.new_head.web_head .nav_wrap .head_nav>li>a {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #000;
    line-height: 40px;
}

.new_head.web_head .nav_wrap .head_nav>li>a>b:after {
    color: #000;
}

.new_head.web_head .nav_wrap .head_nav:hover>li:hover>a,
.new_head.web_head .nav_wrap .head_nav>li.nav-current>a {
    color: #103567;
    font-family: Montserrat-SemiBold;
}

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

.new_head.web_head .nav_wrap .head_nav>li.fd_nav li.li_hover {
    background-color: #103567;
}

.new_head.web_head .head-line {
    width: 1px;
    height: 23px;
    background-color: #000;
    opacity: .3;
    margin: 0 12px;
}

.new_head.web_head .change-language {
    margin-left: 0;
}

.new_head.web_head .language-flag span {
    color: #000;
}

.new_head.web_head .btn--search {
    cursor: pointer;
}

.new_head.web_head .change-language .change-language-title a:after {
    color: #000;
}

.new_head.web_head.fixed-nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    border-top: 0;
}

.new_head.web_head.fixed-nav-active {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1440px) {

    .new_head.web_head .nav_wrap .head_nav>li {
        margin-left: 20px;
    }

    .new_head.web_head .nav_wrap .head_nav>li>a {
        font-size: 14px;
    }

    .new_head.web_head .logo img {
        height: 30px;
    }
}

@media (max-width: 950px) {
    .new_head.web_head {
        padding: 25px 0;
    }

    .new_head.web_head .head_layer,
    .index_web_head .head_layer {
        background-color: #fff;
    }

    .new_head.web_head .head-line {
        display: none;
    }
}
.new_index_main{
    background-color: #fff;
    padding-bottom: 0;
}
.videobg-section {
    position: relative;
}

.banner_video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.index_hd_new {
    position: relative;
}

.index_hd_new .title {
    font-family: Montserrat-SemiBold;
    font-size: 46px;
    line-height: 1;
    color: #000;
}

.index_hd_new .title strong {
    display: inline-block;
    margin-top: 10px;
}

.index_hd_new .desc {
    font-family: Montserrat-Light;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 10px;
}

.index_hd_new span.sub {
    font-size: 18px;
    line-height: 1;
    color: #3b5b8a;
    display: inline-block;
    font-family: Montserrat-Light;
    vertical-align: middle;
}

.index_hd_new i.line {
    display: inline-block;
    width: 69px;
    height: 1px;
    vertical-align: middle;
    background-color: #3b5b8a;
    margin-left: 8px;
}

@media (max-width: 1440px) {
    .index_hd_new .title {
        font-size: 36px;
    }

    .index_hd_new span.sub {
        font-size: 14px;
    }

    .index_hd_new .desc {
        font-size: 14px;
    }

    .index_hd_new i.line {
        width: 40px;
    }
}

@media (max-width: 950px) {
    .index_hd_new .title {
        font-size: 24px;
    }
}


/* index_banner_text */
.index_banner_text {
    position: relative;
    padding: 200px 0 50px;
    font-family: Montserrat-Light;
}

.index_banner_text .layout {
    width: 1410px;
    max-width: 93%;
}

.index_banner_text .banner_tit {
    width: 167px;
    height: 42px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    font-size: 18px;
    color: #ffffff;
    position: relative;
    box-sizing: border-box;
}

.index_banner_text .banner_tit span {
    position: relative;
    z-index: 1;
}

.index_banner_text .banner_tit::after {
    content: "";
    position: absolute;
}

.index_banner_text .banner_tit::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #3b5b8a;
    clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
}

.index_banner_text .banner_title {
    font-family: Montserrat-SemiBold;
    font-size: 54px;
    letter-spacing: 4px;
    color: #ffffff;
    text-shadow: -9px -1px 13px rgba(55, 46, 33, 0.21);
    margin-top: 40px;
}

.index_banner_text .banner_desc {
    font-size: 26px;
    color: #fff;
    margin-top: 42px;
}

.index_banner_text .more {
    display: flex;
    box-sizing: border-box;
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 168px;
    height: 45px;
    font-size: 16px;
    background-color: #3b5b8a;
    border-radius: 22px;
    border: 1px solid #3b5b8a;
    margin-top: 80px;
    transition: all .3s;
}

.index_banner_text .more:hover {
    background-color: transparent;
    color: #fff;
}

@media (max-width: 1440px) {
    .index_banner_text .banner_title {
        font-size: 30px;
    }

    .index_banner_text .banner_tit {
        font-size: 14px;
        width: 140px;
        height: 30px;
        margin-top: 20px;
    }

    .index_banner_text .banner_desc {
        font-size: 20px;
        margin-top: 20px;
    }

    .index_banner_text .more {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .index_banner_text {
        padding: 120px 0 50px;
    }

    .index_banner_text .banner_title {
        font-size: 20px;
        letter-spacing: 0;
    }
}

/* index_newslist */
.index_newslist {
    position: relative;
    padding: 90px 0 115px;
    overflow: hidden;
    font-family: Montserrat-Light;
}

.index_newslist .layout {
    width: 1410px;
    max-width: 93%;
}

.index_newslist .index_hd_new .title {
    color: #fff;
}

.index_newslist .index_hd_new .title strong {
    font-weight: normal;
}

.index_newslist .index_hd_new .desc {
    color: #fff;
    margin-top: 17px;
}

.index_newslist .news_items {
    display: flex;
    flex-wrap: wrap;
    margin: 24px -15px 0;
}

.index_newslist .news_item {
    width: calc(100% / 3);
    padding: 10px 15px;
}

.index_newslist .news_item .item_inner {
    display: block;
}

.index_newslist .news_item .item_img {
    width: 100%;
    overflow: hidden;
}

.index_newslist .news_item .item_img img {
    width: 100%;
    transition: all .5s;
}

.index_newslist .news_item .item_inner:hover .item_img img {
    transform: scale(1.1);
}

.index_newslist .news_item .item_info {
    color: #fff;
    padding: 40px 0 10px;
}

.index_newslist .news_item .item_info a {
    color: #fff;
}

.index_newslist .news_item .item_title {
    font-family: Montserrat-Medium;
    font-size: 21px;
    font-weight: bold;
}

.index_newslist .news_item .item_desc {
    font-size: 16px;
    margin-top: 18px;
    padding-right: 55px;
    hyphens: auto;
}

.index_newslist .news_item .item_more {
    display: flex;
    align-items: center;
    font-family: Montserrat-Medium;
    font-size: 14px;
    margin-top: 32px;
}

.index_newslist .news_item .item_more img {
    transition: all .3s;
    margin-left: 12px;
}

.index_newslist .news_item .item_more:hover img {
    transform: translateX(5px);
}

@media (max-width: 1440px) {
    .index_newslist .news_item .item_title {
        font-size: 18px;
    }

    .index_newslist .news_item .item_info {
        padding: 20px 0 10px;
    }

    .index_newslist .news_item .item_desc {
        font-size: 14px;
        padding-right: 10px;
        margin-top: 15px;
    }

    .index_newslist .news_item .item_more {
        margin-top: 15px;
    }
}

@media (max-width: 950px) {
    .index_newslist {
        padding: 40px 0 50px;
    }

    .index_newslist .news_item {
        width: 50%;
    }

}

@media (max-width: 480px) {
    .index_newslist .news_item {
        width: 100%;
    }
}


/* index_productlist */
.index_productlist {
    position: relative;
    padding: 95px 0 140px;
    overflow: hidden;
    font-family: Montserrat-Light;
    background-image: url(../png/product-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index_productlist .layout {
    width: 1410px;
    max-width: 93%;
}

.index_productlist .index_hd_new {
    text-align: center;
}

.index_productlist .index_hd_new strong {
    margin-top: 18px;
}

.index_productlist .index_hd_new .desc {
    color: #666;
}

.index_productlist .feature_tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 48px;
}

.index_productlist .feature_tab li {
    font-size: 20px;
    color: #333;
    padding: 0 30px;
    transition: all .3s;
    position: relative;
    cursor: pointer;
}

.index_productlist .feature_tab li:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    width: 2px;
    height: 13px;
    background-color: #999999;
}

.index_productlist .feature_tab li.current {
    font-family: Montserrat-SemiBold;
    color: #3b5b8a;
}

.feature_product_wrap {
    position: relative;
    margin: 30px -10px 0;
}

.feature_items {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    display: flex;
    flex-wrap: wrap;
}

.feature_items.feature_products_show {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.index_productlist .feature_item {
    width: 25%;
    padding: 10px;
}

.index_productlist .feature_item .item_inner {
    border: solid 1px #dfdfdf;
    background-color: #fff;
    box-sizing: border-box;
    text-align: center;
    transition: all .3s;
}

.index_productlist .feature_item .item_inner .item_top {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}

.index_productlist .feature_item .item_inner .item_img img {
    width: 100%;
}

.index_productlist .feature_item .item_inner .item_info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(59, 91, 138, .85);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all .3s;
    padding: 0 75px 10px;
    opacity: 0;
    visibility: hidden;
}

.index_productlist .feature_item .item_inner .item_info a {
    color: #fff;
}

.index_productlist .feature_item .item_inner .item_info ul {
    font-size: 15px;
    line-height: 1.6;
    margin: 23px 0 17px;
}

.index_productlist .feature_item .item_inner .item_info .item_more {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 17px;
}

.index_productlist .feature_item .item_inner .item_title {
    font-size: 20px;
    color: #000;
    padding: 20px 10px;
    transition: all .3s;
}

.index_productlist .feature_item .item_inner:hover {
    box-shadow: 1px 1px 24px 0px rgba(51, 51, 51, 0.15)
}

.index_productlist .feature_item .item_inner:hover .item_title {
    font-family: Montserrat-SemiBold;
    color: #3b5b8a;
}

.index_productlist .feature_item .item_inner:hover .item_title a {
    color: #3b5b8a;
}

.index_productlist .feature_item .item_inner:hover .item_info {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1440px) {
    .index_productlist .feature_item .item_inner .item_info {
        padding: 0 20px;
    }

    .index_productlist .feature_tab li {
        font-size: 14px;
    }

    .index_productlist .feature_tab {
        margin-top: 20px;
    }

    .index_productlist .feature_item .item_inner .item_info .item_more {
        font-size: 14px;
    }

    .index_productlist .feature_item .item_inner .item_title {
        font-size: 16px;
        padding: 10px;
    }

    .index_productlist .feature_item {
        width: calc(100% / 3);
    }
}

@media (max-width: 950px) {
    .index_productlist .feature_item {
        width: calc(100% / 2);
    }

    .index_productlist .feature_item .item_inner .item_info ul {
        margin: 5px 0;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .index_productlist .feature_item {
        width: calc(100% / 1);
    }

    .index_productlist {
        padding: 40px 0;
    }
}

/* index_about_us */
.index_about_us {
    position: relative;
    overflow: hidden;
    padding: 125px 0 50px;
    background-color: #fff;
    font-family: Montserrat-Light;
}

.index_about_us .layout {
    width: 1410px;
    max-width: 93%;
}

.index_about_us .presentation_content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_about_us .presentation_content .content {
    width: 40.78%;
    padding-top: 10px;
}

.index_about_us .presentation_content .tit {
    font-size: 25px;
    line-height: 1.2;
    color: #010101;
    margin: 32px 0 30px;
}

.index_about_us .wrap {
    font-size: 18px;
    color: #666;
    hyphens: auto;
    line-height: 1.7;
}

.index_about_us .more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 217px;
    height: 52px;
    background-color: #3b5b8a;
    border-radius: 24px;
    color: #fff;
    font-size: 23px;
    margin-top: 65px;
}

.index_about_us .more img {
    transition: all .3s;
    margin-left: 25px;
}

.index_about_us .more:hover img {
    transform: translateX(5px);
}

.index_about_us .about_icon {
    position: relative;
    width: 50.49%;
}

.index_about_us .about_icon .bg {
    width: 100%;
}

.index_about_us .about-video-playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.index_about_us .video-btnplay {
    position: relative;
}

.index_about_us .video-btnplay:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.index_about_us .video-btnplay:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110px;
    height: 110px;
    background: rgba(255, 255, 255, 0.30);
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.index_about_us .video-btnplay img {
    position: relative;
    z-index: 2;
}

.index_about_us .about-video-playbtn i {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 58px;
    width: 58px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.index_about_us .about-video-playbtn i+i {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.index_about_us .about-video-playbtn i+i+i {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.index_about_us .about_bottom {
    background-color: #fafafa;
    padding: 46px 8.5% 43px;
    margin-top: 60px;
}

.index_about_us .number-items {
    position: relative;
    display: flex;
    flex-wrap: wrap;

}

.index_about_us .number-item .lines {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 75%;
    width: 1px;
    background-color: #434343;
    opacity: 0.2;
}

.index_about_us .number-item:last-child .lines {
    display: none;
}

.index_about_us .number-items::marker {
    display: none;
}


.index_about_us .number-item {
    position: relative;
    display: block;
    width: 25%;
    text-align: center;
}

.index_about_us .item-number {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 27px 0 15px;
}

.index_about_us .number-item .item-num {
    font-size: 43px;
    line-height: 1;
    color: #000000;
}

.index_about_us .number-item .item-number sup {
    margin-left: 6px;
    font-size: 23px;
    line-height: 1;
    color: #000000;
    top: 0;
    position: relative;
    display: inline-block;
    margin-bottom: auto;
}

.index_about_us .number-item .item-img {}

.index_about_us .number-item .item-title {
    font-size: 20px;
    letter-spacing: 0px;
    color: #666666;
    line-height: 1;
    margin: 0px auto;
    text-align: center;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@media (max-width: 1440px) {
    .index_about_us .about_bottom {
        padding: 40px 2%;
    }

    .index_about_us .presentation_content .tit {
        font-size: 18px;
        margin: 15px 0;
    }

    .index_about_us .wrap {
        font-size: 14px;
    }

    .index_about_us .more {
        width: 160px;
        height: 35px;
        font-size: 14px;
        margin-top: 20px;
    }

    .index_about_us .number-item .item-num {
        font-size: 30px;
    }

    .index_about_us .number-item .item-number sup {
        font-size: 18px;
    }

    .index_about_us .number-item .item-title {
        font-size: 14px;
    }
}

@media (max-width: 950px) {
    .index_about_us {
        padding: 40px 0;
    }

    .index_about_us .presentation_content .content {
        width: 100%;
    }

    .index_about_us .about_icon {
        width: 100%;
        margin-top: 20px;
    }

    .index_about_us .number-item .lines {
        display: none;
    }
}

@media (max-width: 640px) {
    .index_about_us .number-item {
        width: 50%;
        padding: 10px;
    }
}


/* index_service */
.index_service {
    position: relative;
    background-color: #fff;
    padding: 80px 0 80px;
    font-family: Montserrat-Light;
}

.index_service .layout {
    width: 1410px;
    max-width: 93%;
}

.index_service .index_hd_new {
    text-align: center;
}

.index_service .index_hd_new .title strong {
    margin-top: 20px;
}

.index_service .service_wrap {
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.index_service .service_wrap .left_img {
    width: 51.77%;
}

.index_service .service_wrap .left_img img {
    width: 100%;
}

.index_service .service_wrap .right_content {
    width: calc(100% - 51.77%);
    padding-left: 43px;
}

.index_service .service_item {
    padding: 25px 0;
    border-bottom: 1px solid #ccc;
}

.index_service .service_item:last-child {
    border-bottom: none;
}

.index_service .service_item .item_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_service .service_item .item_title {
    font-family: Montserrat-SemiBold;
    font-size: 26px;
    line-height: 1;
}

.index_service .service_item .item_title a {
    color: #3b5b8a;

}

.index_service .service_item .item_ico {
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3b5b8a;
    box-shadow: 2px 3px 15px 1px rgba(18, 33, 56, 0.44);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

.index_service .service_item.open .item_ico i::after {
    content: '-';

}

.index_service .service_item .item_ico i::after {
    content: '+';
}

.index_service .service_item .item_content {
    font-size: 18px;
    color: #666;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.index_service .service_item.open .item_content {
    height: auto;
    opacity: 1;
    visibility: visible;

}

.index_service .service_item .item_content .item_desc {
    padding-right: 100px;
}

@media (max-width: 1440px) {
    .index_service .service_wrap {
        padding-top: 20px;
    }

    .index_service .service_item {
        padding: 15px 0;
    }

    .index_service .service_item .item_title {
        font-size: 20px;
    }

    .index_service .service_item.open .item_content {
        font-size: 14px;
    }

    .index_service .service_item .item_ico {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .index_service .service_item .item_content .item_desc {
        padding-right: 40px;
    }
}

@media (max-width: 820px) {
    .index_service .service_wrap .left_img {
        width: 100%;
    }

    .index_service .service_wrap .right_content {
        width: 100%;
        margin-top: 10px;
        padding-left: 0;
    }

    .index_service {
        padding: 30px 0;
    }

    .index_service .service_item .item_title {
        font-size: 18px;
    }
}

/* index_news_cate */
.index_news_cate {
    position: relative;
    background-color: #fff;
    padding: 30px 0 150px;
    font-family: Montserrat-Light;
}

.index_news_cate .layout {
    position: relative;
    width: 1410px;
    max-width: 93%;
}

.index_news_cate img.map {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 80%;
}

.index_news_cate .index_hd_new {
    text-align: center;
    position: relative;
    z-index: 2;
}

.index_news_cate .news_cates {
    margin: 72px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.index_news_cate .news_wrap {
    position: relative;
    z-index: 2;
}

.index_news_cate .news_cate {
    width: 32.19%;
}

.index_news_cate .cate_title {
    font-family: Montserrat-Medium;
    font-size: 22px;
    color: #000;
    line-height: 1;
    margin-bottom: 18px;
}

.index_news_cate .cate_item {
    padding: 7px 0;
}

.index_news_cate .cate_item .item_inner {
    border: 1px solid #cfcfcf;
    display: flex;
    align-items: center;
}

.index_news_cate .cate_item .item_img {
    width: 31.49%;
}

.index_news_cate .cate_item .item_info {
    width: calc(100% - 31.49%);
    padding: 8px 10px;
}

.index_news_cate .cate_item .item_title {
    font-family: Montserrat-Medium;
    font-size: 15px;
    color: #000;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.index_news_cate .cate_item .item_title a {
    color: #000;
}

.index_news_cate .cate_item:hover .item_title a {
    font-family: Montserrat-SemiBold;
    color: #516c95;
}

.index_news_cate .item_desc {
    font-size: 14px;
    line-height: 1.2;
    margin: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_news_cate .item_time {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.index_news_cate .item_time img {
    margin-right: 6px;
}

@media (max-width: 1440px) {
    .index_news_cate .news_cates {
        margin-top: 40px;
    }

    .index_news_cate .cate_title {
        font-size: 18px;
    }
}

@media (max-width: 950px) {
    .index_news_cate .news_cate {
        width: 49%;
        padding: 10px 0;
    }
}

@media (max-width: 640px) {
    .index_news_cate {
        padding: 30px 0;
    }

    .index_news_cate .news_cate {
        width: 100%;
    }
}

/* index_form */
.index_form {
    position: relative;
    background-color: #fff;
    font-family: Montserrat-Light;
    padding: 100px 0 115px;
    overflow: hidden;
}

.index_form .form_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 51.69%;
    height: 100%;
    object-fit: cover;
}

.index_form .layout {
    position: relative;
    width: 1410px;
    max-width: 93%;
    z-index: 2;
}

.index_form .form_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index_form .left_title {
    width: 38.29%;
    padding-top: 58px;
}

.index_form .index_hd_new strong {
    line-height: 1.2;
}

.index_form .desc {
    font-size: 22px;
    line-height: 1.65;
    color: #000000;
    margin-top: 88px;
}

.index_form .right_content {
    width: 35.46%;
}

.index_form .form_title {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}

.index_form form .mauticform-row {
    padding: 16px 0;
}

.index_form form input,
.index_form form textarea {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 5px 0;
    color: #000;
    border-bottom: 1px solid #a0a0a0;
    background-color: transparent;
}

.index_form form textarea {
    background-color: #eeeeee;
    border-radius: 3px;
    border: solid 1px #aaaaaa;
    height: 216px;
    padding: 10px 15px;
    margin-top: 20px;
}

.index_form form input::placeholder,
.index_form form textarea::placeholder {
    color: #000;
    font-size: 16px;
}

.index_form form button {
    width: 167px;
    height: 52px;
    background-color: #3b5b8a;
    border-radius: 26px;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 10px;
}

@media (max-width: 1440px) {
    .index_form .desc {
        font-size: 14px;
    }

    .index_form .right_content {
        width: 45%;
    }
}

@media (max-width: 768px) {
    .index_form{
        padding: 50px 0;
    }
    .index_form .left_title {
        padding-top: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .index_form .form_bg{
        width: 100%;
    }
    .index_form .desc{
        margin-top: 20px;
    }
    .index_form .right_content {
        width: 100%;
    }
    .index_form form .mauticform-row{
        padding: 8px 0;
    }
}

.new_footer{
    background-color: #194073;
    padding: 135px 0 0;
}
.new_footer,
.new_footer a{
    color: #e3e3e3;
    font-family: Montserrat-Light;
	font-size: 16px;
}
.new_footer .layout{
    width: 1410px;
    max-width: 93%;
}
.new_footer .foot_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new_footer .foot_tit{
    font-family: Montserrat-Bold;
	font-size: 66px;
    max-width: 50%;
    line-height: 1.2;
}
.new_footer .foot_isos img+img{
    margin-left: 50px;
}
.new_footer .foot_items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 24px;
    padding-top: 0;
}
.new_footer .foot_items::after{
    display: none;
}
.new_footer .foot_nav{
    max-width: 23%;
}
.new_footer .foot_title{
    font-family: Montserrat-Medium;
	font-size: 25px;
    margin-bottom: 22px;
}
.new_footer .foot_contact li{
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
    line-height: 1.4;
}
.new_footer .foot_contact li img{
    flex-shrink: 0;
    margin-right: 15px;
    padding-top: 5px;
}
.new_footer .foot_links li{
    transition: all .3s;
    margin-bottom: 26px;
}
.new_footer .foot_links li:hover{
    transform: translateX(5px);
}
.new_footer .foot_inquiry{
    max-width: unset;
    box-shadow: 0px 9px 37px 1px 
		rgba(0, 0, 0, 0.18);
	border: solid 1px rgba(255, 255, 255, 0.27);
    width: 355px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
    box-sizing: border-box;
    padding: 50px 8px 55px 33px;
}
.new_footer .foot_inquiry_title{
    font-family: Montserrat-semibold;
	font-size: 25px;
    letter-spacing: -1px;
    line-height: 1.4;
}
.new_footer .foot_inquiry_desc{
    color: #fff;
    opacity: .8;
    margin-top: 20px;
    padding-right: 40px;
}
.new_footer .inquiry_btn{
    width: 226px;
	height: 45px;
    border-radius: 22px;
	background-color: rgba(255, 255, 255, .3);
	border: solid 1px rgba(255, 255, 255, .5);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s;
	font-size: 16px;
	color: #ffffff;
    cursor: pointer;
    margin-top: 38px;
    max-width: 100%;
}
.new_footer .inquiry_btn img{
    width: 25px;
    margin-left: 20px;
    transition: all .3s;
    filter: brightness(0) invert(1);
}
.new_footer .inquiry_btn:hover img{
    transform: translateX(5px);
}
.new_footer .foot_bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    padding: 32px 0 36px;
    flex-wrap: wrap;
}
.new_footer .foot_snss{
    display: flex;
}
.new_footer .foot_snss li{
    transition: all .3s;
}
.new_footer .foot_snss li:hover{
    transform: translateY(-5px);
}
.new_footer .foot_snss li+li{
    margin-left: 18px;
}

@media (max-width: 1440px) {
    .new_footer, .new_footer a{
        font-size: 14px;
    }
    .new_footer .foot_title{
        font-size: 20px;
    }
    .new_footer .foot_inquiry_title{
        font-size: 18px;
    }
    .new_footer{
        padding-top: 50px;
    }
    .new_footer .foot_links li{
        margin-bottom: 15px;
    }
}
@media (max-width: 950px) {
    .new_footer .foot_nav{
        max-width: 49%;
        width: 49%;
    }
    .new_footer .foot_contact li{
        margin-bottom: 15px;
    }
}
@media (max-width: 640px) {
    .new_footer .foot_bottom{
        padding: 10px 0;
    }
    .new_footer .foot_nav{
        max-width: 100%;
        width: 100%;
    }
    .new_footer .foot_snss{
        width: 100%;margin-top: 10px;
    }
    .new_footer .foot_inquiry{
        padding: 20px ;
    }
    .new_footer .inquiry_btn{
        margin-top: 10px;
    }
}



body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}