@charset "utf-8";
@font-face {
    font-family:ArialMT;
    src: url("../font/ARIAL.TTF");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:ArialMTBold;
    src: url("../font/ARIALBD.TTF");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:ArialBL;
    src: url("../font/ARIBLK.TTF");
    font-weight: normal;
    font-style: normal;
} 
body{font-size:16px;background:#FFF;font-family: ArialMT;}
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:#000;font-family:'ArialMT';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:16px}
img{border:none;vertical-align:middle;max-width:100%;transition: 0.3s ease-in-out;}
li{list-style:none}
i,em{font-style:normal}
a{color:#333;text-decoration:none}
a:focus{outline:none}
a:hover{color:#000;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}
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}
body{width:100%;position:absolute;left:0;top:0;overflow-x:hidden}
.clearfix:after,.layout:after,.sys_row:after,.flex_row:after,
.web_main:after,.page_main:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_items:after,.news_cell:after,.foot_sns:after,.main_hd:after,
.index_promote .promote_list:after,.index_ad .ad_items:after,.ad_item .item_inner:after,.index_brands .brand_items:after,.company_subscribe:after,
.foot_contact_list:after{content:"";display:block;clear:both;visibility:hidden;height:0;}
.clearfix,.layout,.sys_row,.flex_row,
.web_main,.page_main,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_items,.news_cell,.foot_sns,.main_hd,
.index_promote .promote_list,.index_ad .ad_items,.ad_item .item_inner,.index_brands .brand_items,.company_subscribe,
.foot_contact_list{*zoom:1;}
.clear{clear:both;}
.scale:hover img{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.rotate:hover img {
    -webkit-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
    transition: 0.3s ease-in-out;
}
:root {
    --hover-color:#0260B0;
    --text-color: #222222;
    --dark-color:#666;
    --light-color:#999;
    --active-color: #0260B0;

    --pc_margin:8%;
    --web_margin:5%;
    --mobile_margin:3%;
}

.mobile-nav-mask{
    position: fixed;
    width:100%;
    top:0;
    left:0;
    z-index:998;
    display: none;
    background-color:#22408F;
    height: 30px;
    line-height: 30px;

    .language-flag.title span{
        color:#fff;
        padding:0 24px 0 0;
    }
    .mobile-head-search .title {
        width: 21px;
        height: 21px;
        background-image: url(../img/search-white.png);
        background-size: cover;
        position: relative;
    }
    .mobile-head-search{
        margin-top: 4px;
        border-right: 1px solid #fff;
        margin-right:16px;
    }
}
.mobile-nav-mask .web_right{
    margin-top: 1px;
}
.mobile-head-nav{
    margin-right:20px;
}
.mobile-nav-mask  .layout{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
@media screen and (max-width: 950px){
    .mobile-nav-mask{
        display: block;
    }
}


/* animate */
.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}
/* search */
.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}
.web-search .btn--search-close{display:inline-block;font-size:2em;position:absolute;top:1.25em;right:1.25em;display:none;background:url(../images/search_btn_close.png) no-repeat center 0;width:50px;height:50px;cursor:pointer;background-color:#000;border-radius:50%;background-position:center}
.web-search .btn--search-close:hover{-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;box-sizing:border-box;width:75%;padding:.05em 0;color:#333;border-bottom:3px solid;font-size:20px;line-height:10px}
.web-search .search-ipt::-webkit-input-placeholder{color:#333;font-weight:700}
.web-search .search-ipt::-moz-placeholder{opacity:1;color:#333;font-weight:700}
.web-search .search-ipt:-ms-input-placeholder{color:#333;font-weight:700}
.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:.85em 0;text-align:right;color:#333}
.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}
.web-search .btn--search-close{opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.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(0,30px,0);-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0);-moz-transition:opacity 0.8s,transform .8s;-webkit-transition:opacity 0.8s,transform .8s;-ms-transition:opacity 0.8s,transform .8s;-o-transition:opacity 0.8s,transform .8s;transition:opacity 0.8s,transform .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);font-size:20px}
.js .web-search .search-ipt{font-size:60px;font-weight:700;border-bottom-width:1px;padding:15px 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:.4s;-o-transition-delay:.4s;transition-delay:.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:.4s;-webkit-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}
.js .search--open .search-btn{display:none!important}
.web-search .search-attr{padding-bottom:0}
.js .web-search{width:70%;height:210px;position:fixed;left:0;top:0;right:0;bottom:0;padding:35px 0;margin:auto;border-radius:0;z-index:100001;perspective:1200px}
.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;border-radius:0;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff\9;-webkit-transform:translateY(-30%) rotateX(-60deg);-ms-transform:translateY(-30%) rotateX(-60deg);-o-transform:translateY(-30%) rotateX(-60deg);transform:translateY(-30%) rotateX(-60deg);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.js .search--open::before{opacity:1;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.main-wrap--move:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: fixed;left: 0;top: 0;z-index: 100000;}

/* language */
.prisna-wp-translate-seo{display:none;font-family:Arial,Helvetica,sans-serif}
.change-language .prisna-wp-translate-seo,.mobile-head-language .prisna-wp-translate-seo{display:block}
.change-language .change-language-title,.change-language .change-language-title a{font-size:16px}

.change-language .change-language-title a{display:flex;align-items:center;position:relative}
.change-language:hover .change-language-title a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-ms-transform:rotate(-180deg)}
.change-language .change-language-cont{position:absolute;top:80px;right:0;z-index:999;visibility:hidden;overflow-y:scroll;padding:20px 10px 20px 20px;width:360px;max-height:80vh;border:1px solid #eee;border-radius:5px;background:#fff;opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;transform:scale3d(.9,.9,1);-ms-transition:all .3s ease-in-out}
.change-language:hover .change-language-cont{visibility:visible;opacity:1;transform:scale3d(1,1,1)}
.change-language .change-language-cont li{display:inline-block;overflow:hidden;margin:0 0 10px;padding:0 10px 0 0;vertical-align:top;font-size:10pt}

.change-language .change-language-cont li a:hover{color:#3368c6}
.change-language .change-language-cont .lang-item-hide{display:none!important}
.change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;line-height:30px;cursor:pointer}
.change-language .change-language-cont .more-active{font-size:20px}
.change-language ::-webkit-scrollbar{width:5px}
.change-language ::-webkit-scrollbar-track{background-color:#fff}
.change-language ::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.3)}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.change-language .change-language-cont{width:560px!important;background-color:#fff}
.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}
li.language-flag a{position:relative}
.change-language-cont li{width:49%}
.change-language-cont{display:flex;flex-wrap:wrap}
.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}
li.language-flag a{position:relative}
.change-language-cont li{width:33.333333%}
.change-language-cont{display:flex;flex-wrap:wrap}
/* .language--img{background: url(../image/leg.jpg)no-repeat center center;display: inline-block;width: 18px;height: 12px;margin-right: 6px;position: absolute;top: 50%;transform: translateY(-50%);} */

.web_head .change-language .change-language-title span:after{
    content: "";
    display: inline-block;
    width:24px;
    height:24px;
    background: url(../img/down.png) no-repeat center top;
    background-size:100%;
    vertical-align: middle;
    transition: all ease-in-out .3s;
}
.web_head .change-language .change-language-title span:hover:after{
    transform: rotate(180deg);
}

.change-language-cont li{width:100%;}
.change-language-cont{display: flex;flex-wrap: wrap;}
/* .language-en{background-position: 0 -218px;}
.language-af{background-position: 0 -1px;}
.language-sq{background-position: 0 -940px;}
.language-am{background-position: 0 -9px;}
.language-be{background-position: 0 -48px;}
.language-eu{background-position: 0 -252px;}
.language-az{background-position: 0 -36px;}
.language-hy{background-position: 0 -456px;}
.language-ar{background-position: 0 -24px;}
.language-am{background-position: 0 -12px;}
.language-fy{background-position: 0px -300px;}
.language-fr{background-position: 0px -288px;}
.language-fi{background-position: 0px -276px;}
.language-et{background-position: 0px -240px;}
.language-eo{background-position: 0px -192px;}
.language-en{background-position: 0 -216px;}
.language-da{background-position: 0px -168px;}
.language-cs{background-position: 0px -144px;}
.language-hr{background-position: 0px -420px;}
.language-co{background-position: 0px -132px;}
.language-ceb{background-position: 0px -108px;}
.language-ca{background-position: 0px -96px;}
.language-bg{background-position: 0 -448px;}
.language-bs{background-position: 0 -84px;}
.language-bn{background-position: 0 -72px;}
.language-be{background-position: 0 -48px;}
.language-is{background-position: 0px -492px;}
.language-sm{background-position: 0px -972px;}
.language-ro{background-position: 0px -888px;}
.language-pa{background-position: 0px -840px;}
.language-pt{background-position: 0px -876px;}
.language-pl{background-position: 0px -852px;}
.language-fa{background-position: 0px -264px;}
.language-ps{background-position: 0px -264px;}
.language-or{background-position: 0px -827px;}
.language-no{background-position: 0px -780px;}
.language-ne{background-position: 0px -792px;}
.language-my{background-position: 0px -768px;}
.language-mn{background-position: 0px -720px;}
.language-mr{background-position: 0px -732px;}
.language-mi{background-position: 0px -684px;}
.language-mt{background-position: 0px -756px;}
.language-ml{background-position: 0px -708px;}
.language-ms{background-position: 0px -744px;}
.language-mg{background-position: 0px -672px;}
.language-mk{background-position: 0px -696px;}
.language-lb{background-position: 0px -624px;}
.language-lt{background-position: 0px -648px;}
.language-lv{background-position: 0px -660px;}
.language-la{background-position: 0px -613px;}
.language-lo{background-position: 0px -636px;}
.language-ky{background-position: 0px -600px;}
.language-ku{background-position: 0px -120px;}
.language-ko{background-position: 0px -588px;}
.language-rw{background-position: 0px -912px;}
.language-km{background-position: 0px -564px;}
.language-kk{background-position: 0px -552px;}
.language-kn{background-position: 0px -576px;}
.language-jv{background-position: 0px -528px;}
.language-ja{background-position: 0px -516px;}
.language-it{background-position: 0px -504px;}
.language-ga{background-position: 0px -312px;}
.language-id{background-position: 0px -467px;}
.language-ig{background-position: 0px -480px;}
.language-hu{background-position: 0px -443px;}
.language-hmn{background-position: 0px -408px;}
.language-hi{background-position: 0px -397px;}
.language-he{background-position: 0px -384px;}
.language-haw{background-position: 0px -300px;}
.language-ha{background-position: 0px -1079px;}
.language-ht{background-position: 0px -432px;}
.language-gu{background-position: 0px -348px;}
.language-el{background-position: 0px -204px;}
.language-de{background-position: 0px -180px;}
.language-ka{background-position: 0px -540px;}
.language-gl{background-position: 0px -336px;}
.language-ru{background-position: 0px -900px;}
.language-gd{background-position: 0px -324px;}
.language-sr{background-position: 0px -1006px;}
.language-st{background-position: 0px -1017px;}
.language-sn{background-position: 0px -984px;}
.language-sd{background-position: 0px -984px;}
.language-si{background-position: 0px -1271px;}
.language-sk{background-position: 0px -1223px;}
.language-sl{background-position: 0px -960px;}
.language-so{background-position: 0px -994px;}
.language-es{background-position: 0px -227px;}
.language-su{background-position: 0px -1031px;}
.language-sw{background-position: 0px -1055px;}
.language-sv{background-position: 0px -1043px;}
.language-tl{background-position: 0px -1115px;}
.language-tg{background-position: 0px -1091px;}
.language-ta{background-position: 0px -1067px;}
.language-tt{background-position: 0px -1151px;}
.language-te{background-position: 0px -1079px;}
.language-th{background-position: 0px -1103px;}
.language-tr{background-position: 0px -1138px;}
.language-tk{background-position: 0px -1115px;}
.language-uk{background-position: 0px -1175px;}
.language-ur{background-position: 0px -1187px;}
.language-ug{background-position: 0px -1163px;}
.language-uz{background-position: 0px -1175px;}
.language-vi{background-position: 0px -1211px;}
.language-cy{background-position: 0px -156px;}
.language-xh{background-position: 0px -1223px;}
.language-yi{background-position: 0px -1235px;}
.language-yo{background-position: 0px -1247px;}
.language-zu{background-position: 0px -1259px;}
.language-zh{background-position: 0px -1282px;}
.language-zh-TW{background-position: 0px -1282px;} */

.language--img {
    background: url(../img/lang.png)no-repeat center center;
    display: inline-block;
    width: 18px;
    height: 12px;
    margin-right: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.language-corsican {
    background-position: 0 0px;
}

.language-guarani {
    background-position: 0 -12px;
}

.language-kinyarwanda {
    background-position: 0 -24px;
}

.language-hausa {
    background-position: 0 -36px;
}

.language-norwegian {
    background-position: 0 -48px;
}

.language-dutch {
    background-position: 0 -60px;
}

.language-yoruba {
    background-position: 0 -72px;
}

.language-english {
    background-position: 0 -84px;
}

.language-gongen {
    background-position: 0 -98px;
}

.language-latin {
    background-position: 0 -110px;
}

.language-nepali {
    background-position: 0 -122px;
}

.language-french {
    background-position: 0 -134px;
}

.language-czech {
    background-position: 0 -146px;
}

.language-hawaiian {
    background-position: 0 -158px;
}

.language-georgian {
    background-position: 0 -170px;
}

.language-russian {
    background-position: 0 -182px;
}

.language-chinese_simplified {
    background-position: 0 -194px;
}

.language-persian {
    background-position: 0 -206px;
}

.language-bhojpuri {
    background-position: 0 -218px;
}

.language-hindi {
    background-position: 0 -230px;
}

.language-belarusian {
    background-position: 0 -242px;
}

.language-swahili {
    background-position: 0 -254px;
}

.language-icelandic {
    background-position: 0 -266px;
}

.language-yiddish {
    background-position: 0 -278px;
}

.language-twi {
    background-position: 0 -290px;
}

.language-irish {
    background-position: 0 -302px;
}

.language-gujarati {
    background-position: 0 -314px;
}

.language-khmer {
    background-position: 0 -326px;
}

.language-slovak {
    background-position: 0 -338px;
}

.language-hebrew {
    background-position: 0 -350px;
}

.language-kannada {
    background-position: 0 -362px;
}

.language-hungarian {
    background-position: 0 -374px;
}

.language-tamil {
    background-position: 0 -386px;
}

.language-arabic {
    background-position: 0 -398px;
}

.language-bengali {
    background-position: 0 -410px;
}

.language-azerbaijani {
    background-position: 0 -422px;
}

.language-samoan {
    background-position: 0 -434px;
}

.language-afrikaans {
    background-position: 0 -446px;
}

.language-indonesian {
    background-position: 0 -458px;
}

.language-danish {
    background-position: 0 -470px;
}

.language-shona {
    background-position: 0 -482px;
}

.language-bambara {
    background-position: 0 -494px;
}

.language-lithuanian {
    background-position: 0 -506px;
}

.language-vietnamese {
    background-position: 0 -518px;
}

.language-maltese {
    background-position: 0 -530px;
}

.language-turkmen {
    background-position: 0 -542px;
}

.language-assamese {
    background-position: 0 -554px;
}

.language-catalan {
    background-position: 0 -566px;
}

.language-singapore {
    background-position: 0 -578px;
}

.language-cebuano {
    background-position: 0 -590px;
}

.language-sanskrit {
    background-position: 0 -602px;
}

.language-polish {
    background-position: 0 -614px;
}

.language-galician {
    background-position: 0 -626px;
}

.language-latvian {
    background-position: 0 -638px;
}

.language-ukrainian {
    background-position: 0 -650px;
}

.language-tatar {
    background-position: 0 -662px;
}

.language-scottish_gaelic {
    background-position: 0 -674px;
}

.language-welsh {
    background-position: 0 -686px;
}

.language-japanese {
    background-position: 0 -698px;
}

.language-filipino {
    background-position: 0 -710px;
}

.language-aymara {
    background-position: 0 -721px;
}

.language-lao {
    background-position: 0 -733px;
}

.language-telugu {
    background-position: 0 -745px;
}

.language-romanian {
    background-position: 0 -757px;
}

.language-haitian_creole {
    background-position: 0 -769px;
}

.language-dogrid {
    background-position: 0 -781px;
}

.language-swedish {
    background-position: 0 -795px;
}

.language-maithili {
    background-position: 0 -807px;
}

.language-thai {
    background-position: 0 -819px;
}

.language-armenian {
    background-position: 0 -831px;
}

.language-burmese {
    background-position: 0 -843px;
}

.language-pashto {
    background-position: 0 -855px;
}

.language-hmong {
    background-position: 0 -867px;
}

.language-dhivehi {
    background-position: 0 -879px;
}

.language-chinese_traditional {
    background-position: 0 -891px;
}

.language-luxembourgish {
    background-position: 0 -903px;
}

.language-sindhi {
    background-position: 0 -915px;
}

.language-kurdish {
    background-position: 0 -927px;
}

.language-turkish {
    background-position: 0 -939px;
}

.language-macedonian {
    background-position: 0 -951px;
}

.language-bulgarian {
    background-position: 0 -963px;
}

.language-malay {
    background-position: 0 -975px;
}

.language-luganda {
    background-position: 0 -987px;
}

.language-marathi {
    background-position: 0 -999px;
}

.language-estonian {
    background-position: 0 -1011px;
}

.language-malayalam {
    background-position: 0 -1023px;
}

.language-deutsch {
    background-position: 0 -1035px;
}

.language-slovene {
    background-position: 0 -1046px;
    height: 11px;
}

.language-urdu {
    background-position: 0 -1057px;
}

.language-portuguese {
    background-position: 0 -1069px;
}

.language-igbo {
    background-position: 0 -1081px;
}

.language-kurdish_sorani {
    background-position: 0 -1093px;
}

.language-oromo {
    background-position: 0 -1105px;
    height: 10px;
}

.language-greek {
    background-position: 0 -1115px;
}

.language-spanish {
    background-position: 0 -1127px;
}

.language-frisian {
    background-position: 0 -1139px;
}

.language-somali {
    background-position: 0 -1151px;
}

.language-amharic {
    background-position: 0 -1163px;
}

.language-nyanja {
    background-position: 0 -1175px;
}

.language-punjabi {
    background-position: 0 -1187px;
}

.language-basque {
    background-position: 0 -1199px;
}

.language-italian {
    background-position: 0 -1211px;
}

.language-albanian {
    background-position: 0 -1223px;
}

.language-korean {
    background-position: 0 -1235px;
}

.language-tajik {
    background-position: 0 -1247px;
}

.language-finnish {
    background-position: 0 -1259px;
}

.language-kyrgyz {
    background-position: 0 -1271px;
}

.language-ewe {
    background-position: 0 -1283px;
}

.language-croatian {
    background-position: 0 -1295px;
}

.language-creole {
    background-position: 0 -1307px;
}

.language-quechua {
    background-position: 0 -1318px;
    height: 11px;
}

.language-bosnian {
    background-position: 0 -1330px;
}

.language-maori {
    background-position: 0 -1342px;
}

.layout{width:1440px;margin:0 auto}

@media screen and (max-width: 1920px) {
    .layout{width:1440px;}
}
@media screen and (max-width: 1700px) {
    .layout{width:1440px;}
}
@media screen and (max-width: 1500px) {
    .layout{width:1300px;}
}
@media screen and (max-width: 1400px) {
    .layout{width:1200px;}
}
@media screen and (max-width: 1280px) {
    .layout{width:1150px;}
}
@media screen and (max-width: 1200px) {
    .layout{width:96%;}
}
@media screen and (max-width: 950px) {
    .layout{width:92%;}
}
@media screen and (max-width: 500px) {
    .layout{width:100%;padding:0 15px;}
}
/*header start*/
.web_head{
    width:100%;
    position:relative;
}
.navFixd{position:fixed;background: white;z-index: 111;top:0;left:0;}
.navFixd .head_up{display:none;border:none;}
.web_head .head_top{padding:20px 0 0;}
.web_head .head_top .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-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 .logo{z-index: 9;padding:15px 0;}
.web_head .logo img{max-height: 77px;}
.navFixd.web_head .logo img{max-height:50px}
.web_head .top_contacts{line-height:1.2;float:right;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;}
.web_head .top_contacts,.web_head .top_contacts a{color:#666;}
.web_head .top_contact_item{display:inline-block;padding:0 30px;text-align:left;}
.web_head .top_contact_item+.top_contact_item{border-left:1px solid #eee;}
.web_head .top_contact_item .item_label{display:block;color:#999;font-weight:bold;}
.web_head .top_contact_item .item_label i{display:inline-block;width:21px;height:21px;background-position:center;background-repeat:no-repeat;vertical-align:middle;margin-right:8px;}
.web_head .top_contact_item .item_val{display:block;font-size:16px;padding-top:12px;}
.web_head .top_contact_item .label_txt{vertical-align:middle;}
.web_head .top_contact_item:hover .item_label i{-webkit-animation:swing .3s ease;-o-animation:swing .3s ease;animation:swing .3s ease;}
.web_head .top_contact_item:last-child{padding-right:0;}
.web_head .head_layer{width: 100%;display: flex;align-items: center;}
.web_head .ph_hanbao{display:none;}
.head_layer  .seach_s{ display: none ;}
.fixed-nav   .seach_s{ display: block !important ;}
.web_head .head_layer .layout{position:relative;display: flex;align-items: center;justify-content: space-between;width: 95%;max-width: 1440px;}
.web_head .head_layer .layout:after {display: none;}
.web_head .head_right {height: 44px;position: relative;z-index: 9;display: inline-flex;align-items: center}
.web_head .head_right:before {content: '';display: block;width: 30px;height: 100%;background-color: #da251c;position: absolute;left: -10px;-webkit-transform: skew(-20deg);-ms-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg);display: none;}
.web_head  .search_box{
    width:272px;
    height:44px;
    line-height: 44px;
    border-radius: 35px;
    background-color: #F8F8F8;
    padding-left:20px;
    color:#222;
    margin-right:15px;
    margin-left: 40px;
}
.web_head .btn--search{display:inline-block;vertical-align:middle;cursor:pointer;position:relative;float: right;margin-right: 10px;}
.web_head .btn--search:after {content: '';display: inline-block;width: 45px;height: 45px;background-repeat: no-repeat;background-position: center;background-image: url(../img/search-black.png);vertical-align: top;background-size:24px;}
.web_head .seach_s .btn--search:after {content: '';display: inline-block;width: 45px;height: 45px;background-repeat: no-repeat;background-position: center;background-image: url(img/search_btn3.png);vertical-align: top;}
.web_head .btn--search:before{content:'';display:inline-block;width:0%;height:3px;position:absolute;left:50%;bottom:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.web_head .btn--search:hover:before{width:100%;left:0;background-color:#fff;}
.head_up {position: relative;border-bottom: 1px solid rgba(34,34,34,0.11)}

.head_up .layout {display: flex;align-items: center;justify-content: space-between;}
.head_up .layout:after {display: none;}

.head_upL ul {display: flex;align-items: center;   height:54px;line-height: 54px;}
.head_upL ul li {font-family: Arial;font-weight: 400;font-size: 16px;color: #333333;line-height: 28px;margin-right: 30px;}
.head_upL ul li a {font-family: Arial;font-weight: 400;font-size: 16px;color:rgba(34,34,34,0.69);line-height: 28px;}
.head_upL ul li a:hover {color: #333;text-decoration: underline;}
.head_upL ul li img{
    width:24px;
}
.head_up .head_upR {min-width: 152px;}
.head_up .head_upR ul{
    display: inline-flex;
}
.head_up .head_upR ul li{
    margin:0 10px;
}
.head_up .head_upR ul img{
    display:block;
    width:24px;
}
.head_up .head_upR ul img.active{
    display:none;
}
.head_up .head_upR ul li:hover img{
    display:none;
}
.head_up .head_upR ul li:hover img.active{
    display:block;
}
.web_head .groups{
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.web_head .change-language {display: inline-block;position: relative;text-align: left;vertical-align: middle;border-left: 1px solid #ffffff;}
.web_head .change-language .change-language-title{margin-left:15px;position:relative;}
/*.web_head .change-language-title a{color:#fff;}*/
.web_head .change-language+.btn--search{margin-left:60px;}
.nav_wrap {z-index: 3;}
.nav_wrap .head_nav,.nav_wrap .head_nav a{font-family: Arial;font-weight: normal;font-size: 16px;color: #222;}

.nav_wrap .head_nav>li {display: inline-block;position: relative;perspective: 1500px;vertical-align: middle;position: relative;margin: 0 15px;}
.nav_wrap .head_nav>li>a {display: inline-block;position: relative;padding: 0px 10px;text-transform: capitalize;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);vertical-align: top;font-weight: normal;}
.nav_wrap .head_nav .nav-current>a {color:#fff;}

.nav_wrap .head_nav li.nav-current{
    background-color:#3D99E2;
    background-color: #FF6B01BD;
}

/*.nav_wrap .head_nav>li>a:hover {color:var(--active-color);}*/

.nav_wrap .head_nav>li>a>b{
    display:inline-block;
    width:20px;
    height:10px;
    background: url(../img/down-icon.png) no-repeat center center;
    background-size:50%;

}
.nav_wrap .head_nav>li.nav-current>a>b{
    background: url(../img/down-white.png) no-repeat center center;
    background-size:50%;}
}
.nav_wrap .head_nav>li>a:before {content: '';width: 0%;height: 4px;position: absolute;left: 50%;bottom: 0;display: none;}
.nav_wrap .head_nav>li>a>em{display:inline-block;position:relative;z-index:1;vertical-align:top;}
.nav_wrap .head_nav>li li {position:relative;text-align:left;}
.nav_wrap .head_nav>li li a {display:block;line-height:1.8em;padding:8px 15px;font-size:16px;position:relative;color:#333;}
.nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:4px;height:30%;background-color:#FF6B01BD;position:absolute;left:0;top:40%;opacity:0;filter:alpha(opacity=0);}
.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;filter:alpha(opacity=100);}
.nav_wrap .head_nav>li li b:after{content:'';display:inline-block;width:0;height:0;overflow:hidden;border:5px solid #8e8e8e;border-left-width:6px;border-right:0;border-top-color:transparent;border-bottom-color:transparent;position:absolute;right:10px;top:16px;}
.nav_wrap .head_nav>li li:last-child>a{border-bottom:0;}
.nav_wrap .head_nav>li li:hover>a{
    /*background: linear-gradient(0deg, #3D99E2 0%, #6DBBFB 100%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    color:#FF6B01BD;
    padding-left: 18px;padding-right: 5px;}
.nav_wrap .head_nav>li li:hover>a b:after{border-left-color:var(--textActive-color);}
.nav_wrap .head_nav>li>em{vertical-align:middle;}
.nav_wrap .head_nav:hover>li:hover>a:before, .nav_wrap .head_nav:hover>li.nav-current>a:before {width: 0;left: 50%;}
.nav_wrap .head_nav:hover>li:hover>a:before, .nav_wrap .head_nav>li.nav-current>a:before {width: 100%;left: 0;background-color: #fff;opacity: 1;}
/*.nav_wrap .head_nav>li:hover>a>b{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}*/
/*.nav_wrap .head_nav>li.nav-current:hover>a>b{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}*/

.nav_wrap .head_nav li ul {width: 250px;padding: 15px 0;background-color: rgba(255, 255, 255, .98);background-color: #fff \9;position: absolute;left: 0;top: 100%;margin-top:0;z-index: 999;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);opacity: 0;filter: alpha(opacity = 0);visibility: hidden;box-sizing: border-box;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;border-radius: 0 0 10px 0;}
.nav_wrap .head_nav>li ul ul{left:102%;top:-15px;}
.nav_wrap .head_nav li:hover>ul{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;filter:alpha(opacity=100);visibility:visible;}
.nav_wrap .head_nav li.menu_left ul{left:auto;right:0;}
.nav_wrap .head_nav li.menu_left ul ul{right:102%;}
.fixed-nav .head_layer {width: 100%;height: auto;position: fixed;left: 0;top: 0;bottom: auto;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;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .2);z-index: 9999;}
.fixed-nav-active .head_layer{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.navFixd .head_layer{box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.nav_wrap .head_nav>li:hover{
    background-color: #3D99E2;

    background-color:#FF6B01BD;
}
.nav_wrap .head_nav>li:hover>a{
    color:#fff;
}
.nav_wrap .head_nav>li:hover>a>b{
    background: url(../img/down-white.png) no-repeat center center;
    background-size:50%;}
}
/*header end*/
@media screen and (max-width: 1400px) {
    .nav_wrap .head_nav a{
        font-size:16px;
    }
    .nav_wrap .head_nav>li{
        margin:0 10px;
    }
}
@media screen and (max-width: 1300px) {
    .nav_wrap .head_nav a{
        font-size:16px;
    }
    .nav_wrap .head_nav>li>a{
        padding:0 5px;
    }
    .web_head .search_box{
        margin-left:20px;
        width:220px;
    }
}
@media screen and (max-width: 1100px) {
    .nav_wrap .head_nav>li{
        margin:0 5px;
    }
    .nav_wrap .head_nav>li>a{
        padding:0 4px;
    }
    .web_head .search_box{
        margin-left:0;
        width:170px;
    }
}



/*swiper-slide start
----------------------------------*/
.swiper-button-prev,.swiper-button-next{
    cursor: pointer;
    z-index: 10;
}
.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 }
.index_main .swiper-button-next,.index_main  .swiper-button-prev{position:absolute;top:50%;width:36px;height:50px;line-height:50px;text-align:center;margin-top:-25px;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:rgba(0,0,0,.4);border-radius:2px;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.swiper-button-next:before, .swiper-button-prev:before{display:inline-block;-webkit-transform:scale(.7,1);-ms-transform:scale(.7,1);-o-transform:scale(.7,1);transform:scale(.7,1);vertical-align:top;}
.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;}
.index_main .swiper-button-next.swiper-button-disabled, .index_main .swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:1;}
.index_main .swiper-button-prev, .index_main .swiper-container-rtl .swiper-button-next{left:10px;right:auto }
.index_main .swiper-button-next, .index_main .swiper-container-rtl .swiper-button-prev{right:10px;left:auto }
.index_main .swiper-button-prev:before, .index_main .swiper-container-rtl .swiper-button-next:before{content:'<';}
.index_main .swiper-button-next:before, .index_main .swiper-container-rtl .swiper-button-prev:before{content:'>';}
.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:6px;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:10px;height:10px;display:inline-block;vertical-align:middle;background:rgba(31,31,31,0.19);-webkit-box-sizing:content-box;box-sizing:content-box;margin:0 6px;border-radius:50%;/*background-clip:content-box;*/}
.swiper-pagination-bullet-active {background:#409BE3;}
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-white .swiper-pagination-bullet-active{}
.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:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;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:'';width:100%;height:100%; background-position:50%;background-size:100%;background-repeat:no-repeat }
.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 {
    overflow: visible;
}


/*============foot-wrapper===============*/
/*foot start*/
.foot-wrapper {
    position: relative;
    width: 100%;
    /*background: #0F0F0F;*/
}
.foot-wrapper a:hover{
    background: linear-gradient(0deg, #3D99E2 0%, #6DBBFB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.foot-wrapper, .foot-wrapper a {
    font-family: Arial;
    font-weight: 400;
    font-size: 16px;
    color: rgba(34,34,34,0.69);
    line-height: 32px;
}
.foot-wrapper{
    .foot-items {
        position: relative;
        display: flex;
        justify-content: space-between;
        z-index: 99;
        padding: 90px 0 30px 0;
        border-top:1px solid rgba(51,51,51,0.19);
    }
    .foot_logo {
        margin-bottom: 30px;
        img{
            max-height:100px;
        }
    }
    .foot-items .foot-item {
        width: 25%;
        position: relative;
        display: table-cell;
        vertical-align: top;
    }
    .foot-items .foot-item .foot-tit h2 {
        position: relative;
        font-size: .2rem;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: normal;
        line-height: .26rem;
        margin-bottom: .4rem;
        padding-left: .25rem;
    }
    .shareBox {
        display: flex;
        align-items: center;
        margin-top: 25px;
    }
    .shareBox li{
        background:#222;
        border-radius:8px;
        margin-right: 9px;
    }
    .shareBox li:hover{
        background-color:var(--active-color);
    }
    .foot-items .foot-item .foot-tit h2:before,
    .foot-items .foot-item .foot-tit h2:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #2A466C;
        visibility: visible;
        display: block;
    }
    .foot-items .foot-item .foot-tit h2:after {
        width: 6px;
        left: 4px;
    }
    .foot-items .foot-item.foot-item-contact {
        width: 20%;
    }
    .foot-items .foot-item.foot-item-social {
        width: 20%;
    }
    .foot-items .foot-item.foot-item-social1 {
        width: 20%;
    }
    .foot-items .foot-item.foot-item-social1 ul li {
        margin-bottom: 10px;
    }
    .foot-items .foot-item.foot-item-logo1 {
        padding-right: 60px;
        width: 30%;
    }
    .foot-items .foot-item.foot-item-subscribe {
        padding-left: .3rem;
    }
    .foot-tit {
        font-family: Arial;
        font-weight: 400;
        font-size: 18px;
        color: #222;
        line-height:32px;
        margin-bottom:20px;
        text-transform: uppercase;
        font-weight: bold;
        a{
            font-family: Arial;
            font-weight: bold;
            color:#222;
        }
        a:hover{
            text-decoration: underline;
        }
    }
    .foot-cont .foot_phone_ph {
        display: none !important;
    }
    .footerLogo {
        width: auto;
    }
    .footerLine {
        width: 92px;
        height: 1px;
        background: #FFFFFF;
        margin: 12px 0 26px;
    }
    .footerLogoText {
        font-family: Arial;
        font-weight: 400;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 30px;
    }
    .shareBox img {
        width:30px;
        height:30px;
        transition: all 290ms linear 0ms;
    }

    /*===========foot-item-social==============*/
    .foot-social {
        position: relative;
        float: left;
    }
    .foot-social li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 .35rem 0 0;
    }
    .foot-social li img {
        width: 18px;
        height: 18px;
    }
    .foot-social li a {
        background-color: #fff;
        padding: 6px;
    }
    .foot-btn {
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0;
        z-index: 1;
        display: none;
    }
    .foot-btn a {
        width: 25%;
        height: 57px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #22408F;
    }
    .foot-btn img {
        width: 25px;
        margin: 0 auto;
    }
    .copyright {
        padding: 10px 0;
        text-align: center;
        .layout{
            padding:18px 29px;
            border-top: 1px solid rgba(51,51,51,0.11);
        }
    }
    .linkUl li {
        font-family: Arial;
        font-weight: 400;
        font-size: 16px;
        color: #dddddd;
        line-height:1.4;
        margin-bottom:10px;
    }
    .foot-items .foot-item.foot-item-contact li {
        position: relative;
        padding: 0;
        margin-top: 0;
        margin-bottom:10px;
        line-height:29px;
    }
    .foot-items .foot-item.foot-item-contact li.foot_email a{
        display: inline-flex;
        align-items: center;
    }
    .foot-cont li a:hover{
        text-decoration: underline;
    }
    .linkUl a {position: relative;}
    .foot-item.foot-item-contact li.foot_addr:before {content: "";width: 16px;height: 21px;background: url('img/demo/footerIcon3.png') no-repeat;background-size: 100% 100%;}
    .foot-item.foot-item-contact li.foot_phone a:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url('../img/tel.png') no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .foot-item.foot-item-contact li.foot_email a:before {
        content: "";
        width: 24px;
        height: 24px;
        background: url('../img/Email.png') no-repeat;
        background-size: 100% 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }
    .foot-item.foot-item-contact li.foot_whatsapp:before {
        content: "";
        width: 20px;
        height: 20px;
        background: url('img/demo/footerIcon5.png') no-repeat;
        background-size: 100% 100%;
    }
    .foot-item.foot-item-contact li.foot_fax:before {
        content: "\f1ac"
    }
    .foot-item.foot-item-contact li.foot_skype:before {
        content: "\f232"
    }
    .foot-items .foot-item.foot-item-contact .shareBox{
        display:none;
    }
}

@media screen and (max-width: 950px) {
    .foot-wrapper .foot-items .foot-item.foot-item-contact .shareBox{
        display:flex;
    }
    .foot-wrapper .foot-items .foot-item-logo1.foot-item .shareBox{
        display:none;
    }
}
/*foot end*/
/**/
.chebian {
    width: 60px;
    height: auto;
    position: fixed;
    right: 10px;
    z-index: 99999;
    transform: translateY(-50%);
    top: 50%;
}
.chebian ul {
    width: 100%;
}
.chebian ul li {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
}
.chebian ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    background: var(--active-color);
    align-items: center;
    justify-content: center;
    position: relative;
}
.chebian ul li a .erjixuanf {
    position: absolute;
    left: -167px;
    top: -43px;
    width: 150px;
    height: 150px;
    max-width: 200px;
    display: none;
}
.chebian ul li a:hover .erjixuanf {
    display: block;
}
.chebian ul li a img {
    width: auto;
    height: auto;
    max-width: 61%;
}
.chebian ul li:nth-child(4) {
    /*opacity: .8;*/

}
@media only screen and (max-width: 1200px) {
    .chebian {
        display: none;
    }
}
.mmfoot {
    display: none;
    position: fixed;
    width: 100%;
    height: 56px;
    bottom: 0;
    z-index: 111;
    /*background-color:#22408F;*/
    background-color: var(--active-color);
}
.mmfoot .item {
    width: 33.33%;
    float: left;
    height: 100%;
    border-right: 1px solid #ddd;
}
.mmfoot .item a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #3D99E2, #6DBBFB);
    align-items: center;
    justify-content: center;
}
.mmfoot .item a img{
    width:38px;
    height:38px;
}
.mmfoot .item.bg {
    /*background-color:#0370D7;*/
    /*background-color:#e76649;*/
}
@media only screen and (max-width: 768px) {
    .mmfoot .item a {
        background-size: 36%;
    }
}

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

    .foot-wrapper{
        .layout{
            width:92%;
        }
    }
    .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(../image/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;cursor:pointer;}
    .sub-content{position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;margin-bottom: 22%  }
    .lang-more{display:none !important }
    .mobile-head-items {position: fixed;top: 0;left: 0;width: 100%;line-height: 25px;text-align: left;z-index: 999;padding: 8px 0;height: 64px;background: #fff;}
    .mobile-head-items .phone_tel a {color: #000000;font-size: 16px;}
    .ph_div {display: flex;flex-direction: row-reverse;}
    .mobile-head-items .phone_logo {position: relative;padding-left: 20px;float: left;}
    .phone_logo img {max-height: 48px;}
    .phone_tel {margin-left: 10px;}
    .mobile-head-items .phone_logo:after {content: "";position: absolute;top: 5px;left: 0;height: 15px;width: 1px;border-right: 1px solid #000;display: none;}
    .lan_A {display: flex;align-items: center;padding-right: 20px;}
    .mobile-head-item{float:right; margin-left: 16px;margin-top: 9px;
        /*width:45px;*/
    }
    .mobile-head-item.mobile-head-aside{float:right;display: none;}
    .mobile-head-item .title{width:100%;height:30px;line-height:30px;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:"";width: 30px;height: 30px;background-size: cover;display: inline-block;background-image: url(../img/menu.png);}
    .mobile-head-item.mobile-head-language .title:before{content:"";width: 30px;height: 30px;background-size: cover;display: inline-block;background-image: url(../img/lan.png);}
    .mobile-head-item.mobile-head-search .title:before{content:"";width: 30px;height: 30px;background-size: cover;display: inline-block;background-image: url(../img/search-web.png);}
    .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-search.mobile-head-item .main-content-wrap{
        transition: all ease-in-out .3s;
    }

    .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff; z-index: 9999; position: relative;}
    .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:-80%;width:80%;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:flex;float:none;text-align:center;}
    .web_head{padding: 59px 0 0;height: auto;}
    .head_up{display:none;}
    .web_head .head_top{padding-top:25px;padding-bottom:25px;}
    .web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{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{color: transparent;position:absolute;width:35px;height:100%;background:url(../images/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;}
    .ph_hanbao .mobile-head-item.mobile-head-nav .title:before {content: "";width: 21px;height: 15px;background-image: url(img/demo/ph_hanbao.png);display: inline-block;background-size: cover;}

    /* header */
    .path_bar{background-attachment:scroll!important;}
    .web_head{margin-bottom:auto;position: relative;}
    .head_layer{padding: 0 0;height: 80px;display: none !important;}
    .web_head .head_top{margin-bottom:auto;}

    /*nav */
    .head_nav{width:100%;padding:0 5px;}
    .head_nav li {padding-left:28px;padding-top:4px;padding-bottom:4px;position: relative;}
    .head_nav li, .head_nav li a{color:#111;}
    .head_nav li.has-child{padding-left:28px;margin-top:0;margin-bottom:0;}
    .head_nav li.has-child>a{margin-top:3px;margin-bottom:3px;margin-right:35px;}
    .head_nav li.has-child>ul{display:none;}
    .head_nav li.siblings-no-menu{position:relative;padding-left:15px;}
    .head_nav li a{display:block;height:1.4em;line-height:1.4em;position:relative;}
    .head_nav li a:hover{color:inherit;}
    .head_nav li em{display:block;height:1.4em;overflow:hidden;}
    .head_nav li li{font-size:16px;}
    .head_nav li li li{font-size:16px;}
    .head_nav li li a{color:#666;}
    .head_nav li.has-child  b{display:inline-block;width:15px;height:15px;border:1px solid #111;border-radius:2px;overflow:hidden;line-height:15px;position:absolute;right:0;top:16px;-webkit-box-sizing:content-box;box-sizing:content-box;}


    .head_nav li.has-child  b:before,.head_nav li.has-child  b:after{content:'';display:block;width:9px;height:1px;background-color:#111;position:absolute;left:3px;top:50%;margin-top:-.5px;}
    .head_nav li.has-child  b:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
    .head_nav li.has-child.active b:after{
        -webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);    }

    .head_nav li.has-child a:hover b{border-color:#111;}
    .head_nav>li{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
    .head_nav>li>a{font-size:16px;text-transform:uppercase;margin-bottom:-1px;position:relative;text-transform:uppercase;position:relative;}
    .head_nav li,.head_nav li.has-child{padding-left:0;}
    .head_nav li li,.head_nav li li.has-child{padding-left:15px;}
    .head_nav li.active>a>b:after{display:none;}
    .head_nav li.active>a>b{background-color:#111;}
    .head_nav li.active>a>b:before,.head_nav li.active>a>b:after{background-color:#fff;}
    .web_head .nav_wrap{display:none;}


    /*foot*/
    .foot-btn a {width: 25%;height: 57px;display: flex;justify-content: center;align-items: center;background: #000;}
    .foot-btn {display: flex;}
    .foot-items .foot-item {display: block;width: 100% !important;padding:5px 0;border-top:1px solid rgba(51,51,51,0.19)}
    .foot-items {padding-top: 35px !important;display: flex;flex-wrap: wrap;padding-bottom: 30px !important;}
    .foot-items .foot-item.foot-item-logo1 {width: 100%;}
    .foot-items .foot-item.foot-item-social1 {width: 100%;margin-top:20px;}
    .foot-items .foot-item.foot-item-social {display: block;width: 100%;}
    .foot-wrapper .foot-tit {font-family: ArialMTBold;font-weight: 400;font-size: 24px;line-height: 58px;margin-bottom:0;}

    .foot-item.foot-item-social1 .foot-tit a{
        font-size: 24px;
    }
    .foot-item.foot-item-contact .foot-tit a{
        font-size: 24px;
    }



    .foot-wrapper .foot-tit:after{
        content: "";
        display: inline-block;
        width:24px;
        height:24px;
        float: right;
        background: url(../img/next.png) no-repeat center top;
        background-size:100%;
        margin-top: 17px;
        transform: rotate(0deg);
        transition: 0.3s ease-in-out;
    }
    .foot-wrapper .foot-tit.show:after{
        transform: rotate(90deg);
    }
    .foot_logo img{height:80px;}
    .foot-wrapper{
        font-size: 18px;
    }
    .foot-items .foot-item.foot-item-logo1{
        border:none;
    }
    .mmfoot {
        display: block
    }
    .copyright {
        background: #333;
        color:rgba(255,255,255,0.49);
        .layout{
            width:100%;
        }
        a{
            color:rgba(255,255,255,0.49);
        }
    }
}

/*products-detail*/
.attribute-layout {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #ddd;
		    text-transform: capitalize;
}

.attribute-layout a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.attribute-layout.show-more .attribute-info {
   /* max-height: 440px; */
/*    overflow: hidden; */
    position: relative;
	    text-transform: capitalize;
}

.attribute-layout h2 {
    font-weight: 700;
    font-size: 20px;
    color: #222;
    line-height: 26px
}

.attribute-layout .attribute-info h3 {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px
}

.attribute-layout .attribute-list {
    display: table;
    border-collapse: collapse;
    margin:15px 0
}

.attribute-layout .attribute-list .attribute-item {
    display: table-row;
    border: 1px solid #ddd
}

.attribute-layout .attribute-list .attribute-item>div {
    padding: 12px;
    font-weight: 400;
    font-size: 16px;
    color: #222;
    line-height: 22px;
    display: table-cell;
    border: 1px solid #ddd
}

.attribute-layout .attribute-list .attribute-item>div.left {
    width: 320px;
    background: #f4f4f4
}

.attribute-layout .attribute-list .attribute-item>div.right {
    width: 420px
}

.attribute-layout .attribute-list .attribute-item>div.right p {
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex
}

.attribute-layout .attribute-list .attribute-item>div.right span {
    font-weight: 500;
    font-size: 16px;
    color: #222;
    line-height: 22px
}

.attribute-layout .attribute-list .attribute-item>div.right img {
    border-radius: 4px;
    width: 32px;
    height: 32px;
    margin-left: 10px
}
.more-bg{
	display: none;
}


.ife-detail-decorate-table table td{
	    border: 1px solid #ccc;
	    overflow: hidden;
	    height: 20px;
	    box-sizing: content-box;
	    vertical-align: top;
	    padding: 0;
}
.ife-detail-decorate-table table.hight-light-first-column tbody tr td:first-child{
	background-color: #f3f4f8;
}


/**/
/**/
.foot-pro{
    background-color:#f2f3f6;
    padding:4% 0;
}
.foot-pro .title{
    color: #292929;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    margin: 0px 0px 060px 0px;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
}
.foot-pro .content{
    color: #333333;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    text-align: center;
}
.foot-pro .prolist{
    display: flex;
    justify-content: flex-start;
}
.foot-pro .prolist .item{
    width:23%;
    background-color:#fff;
    box-shadow: -1.21px 6.894px 15px 0px rgba(0, 0, 0, 0.07);
    margin-right: 2%;
}
.foot-pro .prolist .item:hover .p-title{
    color: #3D99E2 !important;
}
.foot-pro .prolist .item:hover img{
    transform: scale(1.1);
}
.foot-pro .prolist .item:hover .more{
    text-decoration: underline;
}
.foot-pro .prolist .item .desc{
    color:#000;
}
.foot-pro .prolist .item .img_box{
    width:100%;
    height:0;
    position: relative;
    padding-top: 75%;
    overflow: hidden;
}
.foot-pro .prolist .item .img_box img{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-backface-visibility: hidden;
}
.foot-pro .prolist .item .p-title{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin: 0px 0px 20px 0px;
    /*min-height: 3em;*/
    height: 7.5em;
    overflow: auto;
}
.foot-pro .prolist .item .desc{
    margin: 0px 0px 14px 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    min-height: 7em;
}
.foot-pro .prolist .item .group{
    background-color: #ffffff;
    padding: 30px 30px 30px 30px;
}
.foot-pro .prolist .item .more{
    padding: 14px 20px 14px 20px;
    color: #000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ddd;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    display: inline-block;
    line-height: 1;
}
@media screen and (max-width: 950px){
    .foot-pro .prolist .item{
        width:48%;
        margin-bottom:20px;
    }
    .foot-pro .prolist{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 768px){
    .foot-pro .prolist .item{
        width:100%;
    }
    .foot-pro .prolist .item .p-title{
        height: auto;
    }

}


.pub_News .tou_01 .h2 a:hover{
    color: var(--textActive-color);
}
.localList ul li a:hover{
    color: #FF6B01BD;
}


/**/
.index_main_video .flex-box {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-top: -13%;
    background-color: #F6F6F6;
}
.index_main_video .lr {
    width: 40%;
    padding: 0 5% 0 10px;
}
.index_main_video .lr .f-title {
    font-size: 36px;
    font-family: ArialMTBold;
}
.index_main_video .lr .content {
    color: #2D2D2D;
    font-size: 18px;
    /*max-height: 60%;*/
    /*overflow: auto;*/
}
.index_main_video .lr .more {
    width: 244px;
    height: 53px;
    background: url(../img/btn_video.png) no-repeat center top;
    background-size: 100%;
    margin-top: 25px;
    line-height: 56px;
    text-align: center;
    color: #A9752A;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_main_video .lr .more:hover {
    background: url(../img/btn_video_on.png) no-repeat center top;
    background-size: 100%;
    color: #fff;
}
.index_main_video .lr .more:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/arrow.png) no-repeat center top;
    background-size: 100%;
    margin-left: 8px;
}
.index_main_video .lr .more:hover:after {
    background: url(../img/arrow-white.png) no-repeat center top;
    background-size: 100%;
}
.index_main_video .rr {
    width: 60%;
}
.index_main_video .rr .img_box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 62.5%;
    overflow: hidden;
}
.index_main_video .rr .img_box iframe{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
}
.index_main_video .rr .play_btn {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -35px;
    background: url("../img/play_btn.png") no-repeat center top;
    background-size: 100%;
}
@media screen and (max-width: 950px) {
    .index_main_video .flex-box {
        flex-direction: column-reverse;
        padding: 0;
        margin-top: -18%;
    }
    .index_main_video .lr {
        width: 100%;
        margin-top: 3%;
        padding-bottom: 2%;
    }
    .index_main_video .rr {
        width: 100%;
    }
    .index_main_video .rr .img_box {
        height: auto;
        padding: 0;
    }
    .index_main_video .rr .play_btn {
        width: 38px;
        height: 38px;
        left: 50%;
        margin-left: -19px;
        top: 50%;
        margin-top: -19px;
    }
}
@media screen and (max-width: 768px) {
    .index_main_video .flex-box {
        flex-direction: column-reverse;
        padding: 0;
        margin-top: -25%;
    }
    .index_main_video .lr {
        width: 100%;
        margin-top: 3%;
    }
    .index_main_video .rr {
        width: 100%;
    }
    .index_main_video .rr .img_box {
        height: auto;
        padding: 0;
    }
}
@media screen and (max-width: 500px) {
    .index_main_video .flex-box {
        flex-direction: column-reverse;
        padding: 0;
        margin-top: -50%;
    }
    .index_main_video .lr {
        width: 100%;
        margin-top: 3%;
    }
    .index_main_video .rr {
        width: 100%;
    }
    .index_main_video .rr .img_box {
        height: auto;
        padding: 0;
    }
}
.index_main_pic {
    margin-top: 2%;
}
.index_main_pic .pic {
    width: 100%;
    overflow: hidden;
}
.index_main_pic .pic img {
    width: 100%;
}
.index_main_pic .tou-content.special {
    margin-bottom: 20px;
    max-width: 81%;
}
/**/
.product-detail img:hover{
    transform: scale(1.1);
}
.news_share, .news_next .tit{
    width:100% !important;
}
.news_next .tit{
    display: flex;
}
@media screen and (max-width: 950px) {
    .news_next .tit{
        flex-direction: column;
    }
}