/*-------------初始化--------------*/
@charset "utf-8";
html{font-size:625%;}
body{background-color:#fff;font-size:14px;}
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,
th,td,form,object,iframe,blockquote,pre,a,abbr,address,
code,img,fieldset,form,label,figure{margin:0;padding:0;}
body,html,input,button,textarea{color:#575f65;font-family:Arial;line-height:1.5;}
article,aside,figcaption,figure,footer,header,main,nav,section{display:block;}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4,h5{font-size:14px;}
img{max-width:100%;border:none;vertical-align:middle;width:100%;}
li{list-style:none;}
i,em{font-style:normal;}
a{color:#000;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:var(--conmmonColor);text-decoration:none;}
input[type="text"]:focus{outline:none;}input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0;border:none;}
hr{margin:15px 0 15px 0;height:1px;border:none;border-top:1px dashed #c1c1c1;}
a:active,select,input,textarea{outline:0 !important;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
/*-------------------------------
			font start
			----------------------------------*/
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'fontawesome';
    src: url("../fonts/Font-Awesome/fontawesome-webfont.eot");
    src: url("../fonts/Font-Awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("../fonts/Font-Awesome/fontawesome-webfont.ttf") format("truetype"), url("../fonts/Font-Awesome/fontawesome-webfont.svg#fontawesomeBold") format("svg");
    font-display: fallback;
    font-display: swap;
}


@font-face {
    font-family: ArialMT;
    src: url('../fonts/ArialMT.ttf');
    font-display: swap;
}
@font-face {
    font-family: Arial-Regular;
    src: url('../fonts/arial.ttf');
    font-display: swap;
}
@font-face {
    font-family: Arial-Bold;
    src: url('../fonts/ARIALBD.TTF');
    font-display: swap;
}

@font-face {
    font-family: Arial-BoldMT;
    src: url('../fonts/Arial-BoldMT.ttf');
    font-display: swap;
}

@font-face {
    font-family: Roboto-Regular;
    src: url('../fonts/Roboto/Roboto-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: Roboto-Bold;
    src: url('../fonts/Roboto/Roboto-Bold.ttf');
    font-display: swap;
}

@font-face {
    font-family: Roboto-Light;
    src: url('../fonts/Roboto/Roboto-Light.ttf');
    font-display: swap;
}
@font-face {
    font-family: Roboto-BlackItalic;
    src: url('../fonts/Roboto/ROBOTO-BLACKITALIC.TTF');
    font-display: swap;
}
/*-------------------------------
			font end
			----------------------------------*/
/* clear floating */
.clearfix:after,.layout:after,.sys_row:after,.web_main:after,.page_main:after,.nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.promote_list:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_bottom:after,.news_cell:after,.sys_row:after,.banner_navigate_button:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.clearfix,.layout,.sys_row,.clearfix,.layout,.sys_row,.flex_row,.web_main,.page_main,.nav_wrap .head_nav,.items_list ul,.product_items,.promote_list,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_bottom,.sys_row,.banner_navigate_button{zoom:1;}
.clear{clear:both;}
.category_tab_wrap .product_items:after{display:none;}

/* layout */
body{position:absolute;top:0;left:0;overflow-x:hidden;width:100%;}
.layout{position:relative;margin:0 auto;width:1200px;}
@media (max-width:1240px){
    .layout{width:95%;}
}
.z9999{z-index:9999 !important;}
.hide{display:none;}

/*gotop*/
.gotop{position:fixed;right:50px;bottom:50px;z-index:99999;visibility:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:50px;height:50px;background-color:#ab2b35;background-clip:content-box;box-shadow:0 0 8px rgba(0,0,0,.2);color:#ffffff;text-align:center;text-align:center;font-size:18px;line-height:50px;opacity:0;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-ms-transform:translateY(100%);}
.gotop:hover,.gotop.active:hover{background-color:var(--conmmonColor);color:#fff;}
.gotop.active{visibility:visible;opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none;}
.gotop:before,.gotop em{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.gotop em{position:absolute;top:0;left:0;width:100%;color:#fff;font-size:12px;opacity:0;-webkit-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);filter:alpha(opacity=0);-ms-transform:translateY(10px);}
.gotop:before{display:block;content:'\f176';font-family:'fontawesome';}
.gotop:hover em{opacity:1;-webkit-transform:none;-o-transform:none;transform:none;filter:alpha(opacity=100);-ms-transform:none;}
.gotop:hover:before{opacity:0;-webkit-transform:translateY(-15px) scale(.5);-o-transform:translateY(-15px) scale(.5);transform:translateY(-15px) scale(.5);-ms-transform:translateY(-15px) scale(.5);filter:alpha(opacity=0);}

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

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

.company_subscribe .button .button_txt,.company_subscribe .button .button_ico {-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

figcaption,img,.product_item a:after,a,.nav_wrap .nav_btn_close,.index_main .product_item figure,.foot_item.foot_nav .fot_tit:before,.foot_item.foot_nav .fot_tit:after,.feature_product_item .feature_imgbg,.feature_product_item .feature_imgpd img,.goods-may-like .navigate_button_next:before,.goods-may-like .navigate_button_prev:before,.advantage_items .advantage_item,.advantage_img:before,.feature_item .img_item img,.feature_item .feature_title,.feature_prev,.feature_next,.side-cate>li>a{-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}

/*hover*/


/* flex */
.flex_row,.items_list>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}
.flex_row_nowrap{-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-wrap:nowrap;}
/* button */
.sys_btn{position:relative;display:inline-block;overflow:hidden;padding:.2em 2em .2em 1em;min-width:150px;border:2px solid var(--conmmonColor);background-color:#f9f9f9;color:#333 !important;vertical-align:middle;text-align:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.1em;font-size:22px;line-height:2;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);user-select:none;-ms-transform:scale(1);}
.sys_btn:hover{background-color:var(--conmmonColor);color:#fff !important;}
.sys_btn:after{position:absolute;top:50%;right:1.5em;margin-top:-.6em;content:'\f04b';font-size:12px;font-family:'fontawesome';line-height:1.2em;}

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

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

/* font-family */
.search-btn,.side-cate li .icon-cate:before,.product-btn-wrap a:before,.mobile-head-item .title:before,.head_nav>li:after,.head_nav li b:after,.download-item .item-button:before,.faq-item .faq-title:before{display:inline-block;text-decoration:inherit;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:"fontawesome";speak:none;}
.fa:before,.btn_more:after,.sys_btn:after,.head-search .search-btn:before,.swiper-button-next:before,.swiper-button-prev:before,.side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before,.company_subscribe .button:after{font-family:'fontawesome';}
/*flex_row*/
.flex_row{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;-webkit-justify-content:space-between;}
.flex{display:flex;justify-content:center;}

/*-------------------------------
			animation  start
			----------------------------------*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;-ms-transform:none;}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA;}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);}100%{opacity:1;-webkit-transform:none;transform:none;-ms-transform:none;}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA;}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;-ms-transform:none;}}
.fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA;}
@-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);-ms-transform:translate3d(0,-20%,0);}100%{opacity:1;-webkit-transform:none;transform:none;-ms-transform:none;}}
.fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA;
}@keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}}
.fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA;}
@-webkit-keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}
@keyframes flipInY{0%{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:none;transform:none;}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@keyframes pointPulse{0%,100%{transform:scale(0.9);box-shadow:0 0 0 0 rgba(255,255,255,0.2);}50%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(255,255,255,0.1);}}
@keyframes innerPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.3);opacity:0.8;}}
@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)}to{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@keyframes pointPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0.2);}50%{transform:scale(1.2);box-shadow:0 0 0 5px rgba(0,0,0,0.1);}}
@keyframes innerPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.3);opacity:0.8;}}
/*-------------------------------
			animation  end
			----------------------------------*/
/*-------------------------------
			swiper-slide  start
			----------------------------------*/
.slider_banner{position:relative;overflow:hidden;z-index:98;}
.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:40px;height:70px;margin-top:-35px;z-index:10;cursor:pointer;opacity:0;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.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;display:none;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{width:40px !important;height:70px !important;padding:20px 10px;background: rgba(255,255,255,.3) url(../img/public/banner-perv.png) no-repeat center center;background-size:auto;left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{width:40px !important;height:70px !important;padding:20px 10px;background: rgba(255,255,255,.3) url(../img/public/banner-next.png) no-repeat center center;background-size:auto;right:10px;left:auto}
.swiper-button-next:hover{background: var(--conmmonColor) url(../img/public/banner-next.png) no-repeat center center;}
.swiper-button-prev:hover{background: var(--conmmonColor) url(../img/public/banner-perv.png) no-repeat center center;}
.slider_banner:hover .swiper-button-prev{left:120px;opacity:1;}
.slider_banner:hover .swiper-button-next{right:120px;opacity:1;}
.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:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:60px;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;border-radius:100%;background:#eee;}
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{background:#AB040E;}
.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,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;width:36px;height:3px;background:#FFFFFF;border-radius:unset;opacity:1;}
.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,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -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-white .swiper-pagination-bullet-active{width:36px;height:3px;background:#2000C3 !important;}
.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 .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.05);}
.slider_banner .swiper-slide.swiper-slide-active img{transform:scale(1);}
/*-------------------------------
			swiper-slide  end
			----------------------------------*/




/*--------------------------右侧客服按钮------------------------------*/
#index_scrollsidebar{top:50%;right:20px;transition:all ease-in-out 1s;opacity:1;position:fixed;z-index:99999}
#index_scrollsidebar ul li{width:62px;height:62px;background-color:var(--conmmonColor);border-radius:10px;margin-bottom:3px;display:flex;justify-content:center;align-items:center;position:relative}
#index_scrollsidebar ul li .show0{position:absolute;background-color:var(--conmmonColor);padding:6px;border-radius:8px;right:80px;top:50%;transition:all ease-in-out .5s;transform:translateY(-50%);display:none}
#index_scrollsidebar ul li .show0,#index_scrollsidebar ul li .show0 a{font-size:16px;color:#fff;text-wrap:nowrap}
#index_scrollsidebar ul li:hover .show0{display:block}
#index_scrollsidebar ul li>a{display:flex;width:100%;height:100%;border-radius:8px;text-align:center;line-height:62px;align-items:center;justify-content:center;}
#index_scrollsidebar ul li img{border:none;vertical-align:middle;max-width:50%;}
#index_scrollsidebar .gototop{background-color:#333}
#index_scrollsidebar .gototop .s_smooth{display:flex;width:100%;height:100%;border-radius:8px;text-align:center;line-height:62px;align-items:center;justify-content:center;}
/* #index_scrollsidebar .gototop .s_smooth img{width:23px;} */
.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;background:var(--conmmonColor);-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--conmmonColor);border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:#fff}
.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}
@media only screen and (max-width:1024px){
    #index_scrollsidebar{display:none;}
}
.fix_slide_foot{display:none;background:var(--conmmonColor);position:fixed;width:100%;bottom:0;flex-wrap:nowrap;flex-direction:row;justify-content:space-evenly;align-items:stretch;height:50px;z-index:111;}
.fix_slide_foot li{border-right:1px solid white;display:flex;width:100%;align-items:center;justify-content:center;align-content:center;}
.fix_slide_foot li:last-of-type(){border-right:none;}
.fix_slide_foot li a[title=email] img{height:30px}
.fix_slide_foot li a{display:flex;width:100%;align-items:center;justify-content:center;align-content:center;}
.fix_slide_foot li img{height:25px;width:auto;}.show0 img{width:120px;margin:0 auto 10px;display:block;max-width:unset !important;}
.show0 img:last-child{margin-bottom:0;}
@media only screen and (max-width:1024px){
    #index_scrollsidebar{display:none;}
    .fix_slide_foot{display:flex;}
    body{padding-bottom:50px}
}
/*---------------------------统一全站颜色---------------------------------*/

:root{--conmmonColor:#102EA1;}
.inquiry-pop-bd .content-wrap.form .ch_form_wrap ul input,.inquiry-pop-bd .content-wrap.form .ch_form_wrap ul textarea{border-left:3px solid var(--conmmonColor);}
.inquiry-pop-bd .content-wrap.form .ch_form_wrap .item_submit input{background-color:var(--conmmonColor);}
#cont>ul>li>a{text-transform:capitalize;}
#cont h2{background:var(--conmmonColor) !important;}
#cont>ul>li>ul>li>a{color:var(--conmmonColor) !important;}
#cont>ul>li>ul>li>ul>li>a{color:var(--conmmonColor) !important;}
#cont>ul>li>ul>li>ul>li>a:before{border-top-color:var(--conmmonColor) !important;border-right-color:var(--conmmonColor) !important;}
#cont>ul>li>ul>li>ul>li>a:hover{text-decoration:underline}
.content-wrap.form .ch_form_wrap .item_submit input:hover{background-color: var(--conmmonColor) !important;}

/*==============web_head=================*/
.web_head{position:relative;z-index:999; width: 100%; background-color:#020C1E;}
.web_head .header_top { display: none;}
.web_head .layout{ width: 1600px; justify-content: space-between; align-items: center; padding: 20px 0 ;}
.web_head .head_logo img{max-height: 35px; min-height: 35px;width: auto;}
.web_head .nav_wrap{ width: calc(100% - 400px); display:flex;justify-content:flex-start;-webkit-display:flex;flex:auto;-webkit-flex:auto;align-items:center;-webkit-align-items:center;margin-left: 60px;}
.web_head .nav_wrap .head_nav{display:flex;justify-content:flex-start;align-items:center;}
.head_nav>li{position:relative;display:inline-block; margin: 0 5px;}
.head_nav>li:first-child{margin-left:0 !important;}
.head_nav>li.has-child a{padding-right:30px;}
.head_nav>li>a{position:relative;display:inline-block;padding:5px 25px;font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#9EA7B6;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.head_nav li a b{position:absolute;top:50%;right:8%;display:inline-block;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:19px;height:19px;text-align:center;line-height:19px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.head_nav li a b:before{content:'\f107'; color: #798190; font-weight: lighter; font-family:'fontawesome';}
/* .head_nav>li>a b{top: 65% !important;} */
.head_nav li ul{position:absolute;left:10px;display:block;width:250px;background-color:rgba(255,255,255,.93);box-shadow:0 0 3px rgba(0,0,0,.15);opacity:0;-webkit-transition:all ease-in-out .35s;transition:all ease-in-out .35s;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;}
.head_nav>li ul li{position:relative;line-height:37px;border-bottom:1px solid #d4d4d4;transition:all 0.3s ease-out;}
.head_nav>li ul li a{position:relative;display:block; padding: 10px; font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#333333;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.head_nav>li.nav_current ul li a{color:#333333;}
.head_nav>li.nav_current ul li a:hover{background-color: var(--conmmonColor); color: #FFFFFF;}
.head_nav>li.nav_current ul li.nav_current a{color:#FFFFFF;}
.head_nav>li>ul li a:hover{color:#FFFFFF; background-color: var(--conmmonColor);}
.head_nav>li ul li a b:before{content:'\f105';}
.head_nav li ul ul{top:0px;left:100%;margin-left:2px;border-radius:3px;}
.head_nav li.menu_show>ul{display:block;opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);}
.head_nav li.nav_current>a{ color: #FFFFFF; }
.head_nav>li>a:hover{ color: #FFFFFF;}
.head_nav>li>a:hover b{-webkit-transform:rotateX(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%)rotate(180deg);}
.web_head .operate_box{align-items: center;}
.web_head .btn--search{display:flex;align-items: center; width:20px;height:20px;text-align: center; line-height: 23px; margin:0 25px;position:relative;vertical-align:middle;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;}
.web_head .btn--search:before{content:'';display:inline-block;width:20px;height:20px;background-image:url(../img/index/search.png);background-size:cover;background-repeat:no-repeat;background-position:center;vertical-align:middle;}
.web_head .btn--search:hover{border-radius: 8px;}
.web_head .change-language{position:relative;white-space:nowrap;display:flex;align-items:center; padding-left: 25px;}
.web_head .change-language-title{position:relative;}
.change-language-title.medium-title a{font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#333333;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize; display: flex; align-items: center;}
.web_head .change-language-title .language-flag .language--img{content:'';display:inline-block;width:21px;height:21px;background-image:url(../img/index/language.png) !important;background-size:cover;background-repeat:no-repeat;background-position:center; margin-right: 10px; vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.web_head .change-language .change-language-cont{border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.2);}
.web_head .change-language:before {content:'';position:absolute;left:0;top:50%; margin-top: -6px; width:1px;height:12px;background:#FFFFFF;margin-right: 15px;}
.mobile-head-items{display:none;}
.fixed .layout{padding: 10px 0;}
.fixed .head_nav>li{margin:0 5px; }
.fixed .head_nav>li>a b{top: 50% !important;}
.fixed .operate_box{padding: 0;}
.fixed .head_logo img{min-height: 35px; max-height: 35px; object-fit: contain;}

@media (max-width:1640px) {
    .web_head .layout{width: 95%;}
}
@media (max-width:1400px){
    .head_nav>li>a{padding: 5px 15px;}
}
@media (max-width:1300px){
    .head_nav>li>a{font-size:18px;}
}
@media (max-width:1200px){
    .head_nav>li>a{font-size:18px;}
    .fixed .head_nav>li{margin: 0 5px;}
    .fixed .head_nav li.nav_current>a:after,.fixed .head_nav>li>a:after{bottom:-7px !important;}
    .fixed .head_nav>li{padding:0 5px;}
}
@media (max-width:950px) {
    .web_head{
        width: 100%;
        left: 0;
        margin-left: 0 !important;
    }
}
.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;display:flex;flex-direction:column;}
.change-language .change-language-title a:after{display:inline-block;padding:0 6px;content:"\f107";color:#FFFFFF;font-size:20px;font-family:'fontawesome';}
.change-language:hover .change-language-title a:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-ms-transform:rotate(-180deg);padding-right:6px;padding-left:6px;}
.change-language .change-language-cont{position:absolute;top:67px;right:0;z-index:999;display:flex; flex-wrap: wrap; visibility:hidden;overflow-y:scroll;padding:20px 10px 20px 20px;width:360px;max-height:80vh;border:1px solid #eee;border-radius:5px;background:#FFF;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transform:scale3d(0.9,0.9,1);-ms-transition:all 0.3s ease-in-out;}
.change-language:hover .change-language-cont{visibility:visible;opacity:1;transform:scale3d(1,1,1);}
.change-language .change-language-cont li{display:inline-block;overflow:hidden;margin:0 0 10px;padding:0 10px 0 0;width:100%;vertical-align:top;font-size:10pt;border-bottom:1px solid #eee;padding-bottom:5px;}
.change-language .change-language-cont li a:hover{color:var(--conmmonColor);}
.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 .change-language-title .language-flag span{position:relative;display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap;zoom:1;padding-left:0 !important;font-family:'ArialMT'; line-height: 1.5; font-weight:400;font-size:16px;color:#FFFFFF;}
.language-flag span{position:relative;display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap;zoom:1;padding-left:10px;font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#333333;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.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-title .language-flag .language--img{display:inline-block;width:21px;}
.language--img {background: url(../img/public/lang_bg.png)no-repeat center center/20px auto;display: inline-block;width: 20px;height: 10px;/*position: absolute;top: 50%;transform: translateY(-50%);*/}
li.language-flag a {position: relative;}
.language-af{background-position: 0 0px;}
.language-sq{background-position: 0 -10px;}
.language-am{background-position: 0 -20px;}
.language-ar{background-position: 0 -30px;}
.language-hy{background-position: 0 -40px;}
.language-as{background-position: 0 -50px;}
.language-ay{background-position: 0 -60px;}
.language-az{background-position: 0 -70px;}
.language-bm{background-position: 0 -80px;}
.language-eu{background-position: 0 -90px;}
.language-be{background-position: 0 -100px;}
.language-bn{background-position: 0 -110px;}
.language-bho{background-position: 0 -120px;}
.language-bs{background-position: 0 -130px;}
.language-bg{background-position: 0 -140px;}
.language-my{background-position: 0 -150px;}
.language-ca{background-position: 0 -160px;}
.language-ceb{background-position: 0 -170px;}
.language-co{background-position: 0 -180px;}
.language-cr{background-position: 0 -190px;}
.language-hr{background-position: 0 -200px;}
.language-cs{background-position: 0 -210px;}
.language-da{background-position: 0 -220px;}
.language-de{background-position: 0 -230px;}
.language-dv{background-position: 0 -240px;}
.language-dg{background-position: 0 -250px;}
.language-nl{background-position: 0 -260px;}
.language-en{background-position: 0 -270px;}
.language-et{background-position: 0 -280px;}
.language-ee{background-position: 0 -290px;}
.language-fil{background-position: 0 -300px;}
.language-fi{background-position: 0 -310px;}
.language-fr{background-position: 0 -320px;}
.language-fs{background-position: 0 -330px;}
.language-gl{background-position: 0 -340px;}
.language-ka{background-position: 0 -350px;}
.language-gr{background-position: 0 -360px;}
.language-gn{background-position: 0 -370px;}
.language-gu{background-position: 0 -380px;}
.language-ht{background-position: 0 -390px;}
.language-ha{background-position: 0 -400px;}
.language-haw{background-position: 0 -410px;}
.language-he{background-position: 0 -420px;}
.language-hi{background-position: 0 -430px;}
.language-hu{background-position: 0 -440px;}
.language-is{background-position: 0 -450px;}
.language-ig{background-position: 0 -460px;}
.language-id{background-position: 0 -470px;}
.language-ga{background-position: 0 -480px;}
.language-it{background-position: 0 -490px;}
.language-ja{background-position: 0 -500px;}
.language-kn{background-position: 0 -510px;}
.language-km{background-position: 0 -520px;}
.language-rw{background-position: 0 -530px;}
.language-ko{background-position: 0 -540px;}
.language-ku{background-position: 0 -550px;}
.language-ks{background-position: 0 -560px;}
.language-kg{background-position: 0 -570px;}
.language-lo{background-position: 0 -580px;}
.language-la{background-position: 0 -590px;}
.language-lv{background-position: 0 -600px;}
.language-lt{background-position: 0 -610px;}
.language-lg{background-position: 0 -620px;}
.language-lu{background-position: 0 -630px;}
.language-mk{background-position: 0 -640px;}
.language-mai{background-position: 0 -650px;}
.language-ms{background-position: 0 -660px;}
.language-ml{background-position: 0 -670px;}
.language-mt{background-position: 0 -680px;}
.language-mi{background-position: 0 -690px;}
.language-mr{background-position: 0 -700px;}
.language-ne{background-position: 0 -710px;}
.language-no{background-position: 0 -720px;}
.language-ny{background-position: 0 -730px;}
.language-om{background-position: 0 -740px;}
.language-ph{background-position: 0 -750px;}
.language-fa{background-position: 0 -760px;}
.language-pl{background-position: 0 -770px;}
.language-pt{background-position: 0 -780px;}
.language-pj{background-position: 0 -790px;}
.language-qu{background-position: 0 -800px;}
.language-ro{background-position: 0 -810px;}
.language-ru{background-position: 0 -820px;}
.language-sm{background-position: 0 -830px;}
.language-sa{background-position: 0 -840px;}
.language-sg{background-position: 0 -850px;}
.language-sn{background-position: 0 -860px;}
.language-sd{background-position: 0 -870px;}
.language-sp{background-position: 0 -880px;}
.language-sk{background-position: 0 -890px;}
.language-si{background-position: 0 -900px;}
.language-so{background-position: 0 -910px;}
.language-es{background-position: 0 -920px;}
.language-sw{background-position: 0 -930px;}
.language-sv{background-position: 0 -940px;}
.language-tg{background-position: 0 -950px;}
.language-ta{background-position: 0 -960px;}
.language-tt{background-position: 0 -970px;}
.language-te{background-position: 0 -980px;}
.language-th{background-position: 0 -990px;}
.language-tr{background-position: 0 -1000px;}
.language-tk{background-position: 0 -1010px;}
.language-tw{background-position: 0 -1020px;}
.language-ua{background-position: 0 -1030px;}
.language-ur{background-position: 0 -1040px;}
.language-vi{background-position: 0 -1080px;}
.language-cy{background-position: 0 -1060px;}
.language-yi{background-position: 0 -1070px;}
.language-yo{background-position: 0 -1080px;}
.language-zh{background-position: 0 -1090px;}
.language-zhtw {background-position: 0 -1090px;}

/*-------------------------------
			search  start
			----------------------------------*/
.container{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;}
.web-search .btn--search-close{display:inline-block;font-size:1.8em;border-radius:50%;position:absolute;top:1.25em;right:1.25em;display:none;background-image:url(../img/public/search_btn_close.png);background-position:center;background-repeat:no-repeat;-webkit-background-size:auto 35%;background-size:auto 35%;background-color:#ccc;width:42px;height:42px;line-height:42px;cursor:pointer;-webkit-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;}
.web-search .btn--search-close:hover{background-color:var(--conmmonColor);-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:1em;display:inline-block;box-sizing:border-box;width:75%;padding:0.05em 0;color:#333;border-bottom:3px solid;font-size:20px;}
.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:0.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 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.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 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);font-size:20px;}
.js .web-search .search-ipt{font-size:60px;font-weight:bold;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: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;}
.web-search .search-attr{padding-bottom:0;}
.js .web-search{width:70%;height:240px;position:fixed;left:0;top:0;right:0;bottom:0;padding:50px 0;margin:auto;border-radius:8px;z-index:100001;}
.js .web-search::before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;background:rgba(255,255,255,0.98);background-color:#fff;-webkit-transform:translateY(-30%) scale(1,0);-ms-transform:translateY(-30%) scale(1,0);-o-transform:translateY(-30%) scale(1,0);transform:translateY(-30%) scale(1,0);-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;}
/*-------------------------------
                        search  end
                        ----------------------------------*/
/*------------------------------------
                        web_foot start
-------------------------------------------------*/
/*------------------------------------
                        web_foot start
-------------------------------------------------*/
/*web footer*/
.web_footer{position:relative;background-color: #020C1E;}
.web_footer .foot_top{justify-content: space-between; align-items: center; padding: 100px 0 50px;}
.web_footer .foot_top .foot_logo img{max-height:35px;min-height:35px;width:auto;}
.web_footer .foot_top .foot_logo{height: auto;}
.web_footer .change-language{position:relative;white-space:nowrap;display:flex;align-items:center; padding: 10px; border: 1px solid var(--conmmonColor);}
.web_footer .change-language-title{position:relative;}
.web_footer .change-language-title.medium-title a{font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#333333;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize; display: flex; align-items: center;}
.web_footer .change-language .change-language-title .language-flag span{color: #FFFFFF;}
.web_footer .change-language .change-language-title a:after{color: #FFF;}
.web_footer .change-language-title .language-flag .language--img{content:'';display:inline-block;width:21px;height:21px;background-image:url(../img/index/language.png) !important;background-size:cover;background-repeat:no-repeat;background-position:center; margin-right: 5px; vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.web_footer .change-language .change-language-cont{border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.2); max-height: 30vh;}
.foot_wrap{border-top: 1px solid #2E435B;}
.foot_wrap .foot_items{justify-content:space-between; padding: 70px 0 3%;}
.foot_item{position:relative;}
.foot_item.foot_item_link{width:15%;}
.foot_item.foot_item_product{width:32%;}
.foot_item.foot_item_contact{width:40%;}
.foot_item .title{position:relative;font-family:'Roboto-Bold';font-weight:400;font-size:20px;color:#FFFFFF;line-height:1.5;text-align:left;font-style:normal;text-transform:uppercase;margin-bottom:15px;}
.foot_item.foot_item_product ul{display:flex;align-items:flex-start; justify-content: space-between; flex-wrap:wrap;}
.foot_item.foot_item_product ul li{width:48%;margin-bottom:15px;}
.foot_item.foot_item_link ul li{width:100%;margin-bottom:15px;}
.foot_item.foot_item_product ul li a,.foot_item.foot_item_link ul li a{display: inline-block; position: relative;font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#798190;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.foot_item.foot_item_product ul li a:hover,.foot_item.foot_item_link ul li a:hover{color: #FFFFFF;text-decoration: underline;}
.foot_item.foot_item_contact{ font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#798190;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.foot_item.foot_item_contact ul li{margin-bottom: 15px;}
.foot_item.foot_item_contact ul li a{display: inline-block; position: relative;font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#798190;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.foot_item.foot_item_contact ul li a:hover{color: #FFFFFF; text-decoration: underline;}
.foot_item.foot_item_contact ul li span{text-transform: uppercase;}
.bottom_wrap{justify-content: space-between;align-items: center; margin-bottom: 70px;}
.bottom_wrap .bottom_inp{width: 67.5%; justify-content: flex-start;align-items: center;}
.bottom_wrap .foot_media{width: 45%;}
.bottom_wrap .bottom_inp .inp_item{width:155px;background:rgba(23, 29, 57, .72); margin-right: 15px; padding: 10px 15px;font-family:'OpenSans-Regular';font-size:16px;color:#FFFFFF;line-height:1.5;text-align:left;font-style:normal;text-transform:none;}
.bottom_wrap .bottom_inp .inp_submit{background: var(--conmmonColor); border: 2px solid var(--conmmonColor); padding: 10px 15px;font-family:'OpenSans-Regular';font-size:16px;color:#FFFFFF;line-height:1.5;text-align:left;font-style:normal;text-transform:none;}
.bottom_wrap .bottom_inp .inp_submit:after{content: ''; display: inline-block; width: 15px; height: 15px; background: url(../img/index/submit_btn.png) no-repeat center center / contain; margin-left: 10px;}
.bottom_wrap .bottom_inp .inp_submit:hover{background-color: transparent;}
.bottom_wrap .foot_media{justify-content: flex-start;align-items: center;}
.bottom_wrap .foot_media .title{font-family:'OpenSans-Regular';font-size:20px;color:#FFFFFF;line-height:44px;text-align:left;font-style:normal;text-transform:uppercase;margin-right:30px;}
.bottom_wrap .foot_media .media_list li{width:34px;height:34px;text-align: center; line-height: 34px; background:rgba(61, 60, 106, .36); border-radius: 50%;margin-right: 25px;}
.bottom_wrap .foot_media .media_list li:hover{background-color: var(--conmmonColor); animation: swing .5s ease-out;}
.bottom_wrap .foot_media .media_list li img{width: 60%;height: 60%; object-fit: contain;}
.copyright{position:relative; padding: 20px 0;background: #010308;}
/* .copyright .layout{padding-left: 30px;} */
.copyright,.copyright a{font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#798190;line-height:24px;text-align:left;font-style:normal;text-transform:capitalize;}
.copyright a:hover{text-decoration:underline; color: #FFFFFF;}


@media (max-width:1366px) and (min-width:951px) {
    .head_nav>li ul li a {
        font-size: 18px;
    }

    .change-language .change-language-title .language-flag span {
        font-size: 18px;
    }

    .language-flag span {
        font-size: 18px;
    }
}
/*---------------------------------------------------
                                path bar
----------------------------------------------------------*/


.lbanner-pp{position:relative; }
.lbanner-pp .lbanner_wrap{padding:3.9% 0; background-repeat:no-repeat;background-size:cover;background-position: center;}
.lbanner-pp .layout{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center; z-index: 99;} 
.lbanner-pp .lbanner-text .title{font-family:'Roboto-Regular';font-weight:400;font-size:50px;color:#FFFFFF;line-height:1.5;text-align:center;font-style:normal;text-transform:capitalize;}
.lbanner-pp .lbanner-btn{margin-top: 25px;}
.lbanner-pp .lbanner-btn a{background: #FFFFFF;display: inline-block; width: 155px; padding: 10px 40px;font-family:'Roboto-Bold';font-weight:bold;font-size:16px;color:#333333;line-height:28px;text-align:center;font-style:normal;text-transform:uppercase;margin-right: 20px;}
.lbanner-pp .lbanner-btn a:hover{background-color: var(--conmmonColor); color: #FFFFFF;}
.lbanner-pp .path_bar{padding: 10px 0;background: #020C1E;}
.lbanner-pp .path_bar ul{width: 100%; display:flex;flex-wrap:wrap;justify-content:flex-start;}
.lbanner-pp .path_bar ul li{display:inline-block;}
.lbanner-pp .path_bar ul li a,.lbanner-pp .path_bar ul li span{font-family:Roboto,Roboto;font-weight:400;font-size:16px;color:#9EA7B6;line-height:28px;text-align:left;font-style:normal;text-transform:capitalize;}
.lbanner-pp .path_bar ul li::after{content:">";color:#FFFFFF !important;display:inline-block;margin:0 10px 3px 10px;font-weight:bold;width:10px;height:6px;}
.lbanner-pp .path_bar ul li:hover a{color: var(--conmmonColor);}
.lbanner-pp ul li.nav_current span{color: var(--conmmonColor);}
.lbanner-pp .path_bar ul li:last-child:after{display:none;}
.lbanner-pp .path_bar ul li:last-child a{color: var(--conmmonColor);}
.lbanner-pp.products-lbanner{position:relative;background-repeat:no-repeat;background-size:cover;}
.lbanner-pp.products-lbanner::after{content:'';display:inline-block;width:50%;height:100%;background-color:#000;position:absolute;left:0;top:0;z-index:1;}
.lbanner-pp.products-lbanner .layout{position:relative;z-index:20;}
.lbanner-pp .lbanner-text .lbanner_btn a img{margin-right:16px;}

@media screen and (max-width:950px){
    .lbanner-pp{margin-top:0;}
    .lbanner-pp .lbanner-img{display:none;}
    .lbanner-pp .lbanner-text{width:100%;}
    .lbanner-pp .lbanner-text .title{font-size:40px;line-height:1.5;}
    .lbanner-pp .path_bar ul li a, .lbanner-pp .path_bar ul li span{font-size: 18px; line-height: 1.5;}
    .lbanner-pp .lbanner-text .lbanner_btn a{font-size:16px;padding:0 30px;line-height:40px;}
}
@media (max-width:600px){
    .lbanner-pp .lbanner-text .title{font-size:30px;}
}


/*---------------------------------------------------
                                path bar
----------------------------------------------------------*/

/*----------------------------------aside---------------------------------*/
.main_wrap{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between}
.aside{width:300px;position:sticky;top:80px;}
.side-tit-bar{position:relative;}
.side-tit-bar .side-tit{position:relative;margin-bottom: 10px;}
.side-tit-bar .side-tit,.side-tit-bar .side-tit a{position:relative;font-family:'Roboto-Bold';font-weight:bold;font-size:24px;color:#020C1E;line-height:39px;text-align:left;font-style:normal;text-transform:capitalize;}
.side-tit-bar .side-tit .txt-impt{font-weight:bold}
.side-widget{position:relative;margin:0 0 .4rem}
.side-cate{}
.side-cate>li{position:relative;line-height:38px;font-size:.16rem}
.side-cate ul{display:none;}
.side-cate li a{position:relative;display:block;overflow:hidden;font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#020C1E;line-height:43px;text-align:left;font-style:normal;text-transform:capitalize;}
.side-cate>li>a{padding: 10px 30px; }
.side-cate li .icon-cate{display:inline-block;position:absolute;right:.2rem;top:.16rem;font-size:.11rem;cursor:pointer;line-height:1.5;border-radius:0;-webkit-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}
.side-cate>li.nav-current>ul{display:block}
.side-cate .nav-current>ul{display:block}
.side-cate li .icon-cate.icon-cate:before{display:inline-block;font-family:"fontawesome";content:'\f0da';font-size:18px;line-height:1.5;color:#5C6574;transform:rotate(0deg); transition: transform .5s ease-in-out;}
.side-cate li .icon-cate.icon-cate-up:before{transform: rotate(90deg);}
.side-cate li.li_active .icon-cate.icon-cate:before{color:var(--conmmonColor)}
.side-cate>li>ul>li{padding: 10px 30px !important;position: relative; }
.side-cate li li{padding:10px 15px;padding-right: 0 !important;}
.side-cate li li a{padding-right:0;font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#5C6574;line-height:1.7;text-align:left;font-style:normal;text-transform:capitalize;}
.side-cate li.active>.icon-cate{color:#000}
.side-cate li li.nav-current>a{color:var(--conmmonColor) !important}
.side-cate>li.nav-current>a{background-color: var(--conmmonColor); color: #FFFFFF;}
.side-cate>li.nav-current>a:hover{color: #FFFFFF !important; text-decoration: underline;}
.side-cate li.nav-current>.icon-cate.icon-cate:before{color: #FFFFFF !important;}
.side-cate li ul  li.nav-current>.icon-cate.icon-cate:before{color: var(--conmmonColor) !important;}
.side-cate li a:hover{color:var(--conmmonColor)}
.side-cate li li.nav-current>.icon-cate,.side-cate li li>.icon-cate:hover,li.show_li>.icon-cate{color:#000}
.side-product-items{position:relative;padding:.5rem 0}
.side-product-items .items_content{position:relative}
.side_product_item{position:relative;display:block;width:100%;overflow:hidden}
.side_product_item figure{position:relative;display:table;width:100%;height:.95rem;overflow:hidden}
.side_product_item .item-img,.side_product_item figcaption{display:table-cell}
.side_product_item .item-img{width:.72rem;vertical-align:middle}
.side_product_item .item-img img{position:relative;display:block;width:100%;border:1px solid #e3e3e3;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.side_product_item figcaption{vertical-align:middle}
.side_product_item figcaption a{display:inline-block;line-height:.2rem;max-height:.4rem;overflow:hidden;padding-left:.15rem}
.side_product_item:hover .item-img{border-color:var(--conmmonColor)}
.side_product_item .item-img:hover+figcaption a{color:#da9d67}
.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:15px;display:block;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:.2;filter:alpha(opacity=20)}
.side-product-items .btn-prev{top:.2rem;background:url(img/side_product_up.png) no-repeat center center}
.side-product-items .btn-next{bottom:.2rem;background:url(img/side_product_down.png) no-repeat center center}
.side-product-items .disabled{display:block;opacity:.1;filter:alpha(opacity=1);cursor:default}
.side-product-items .btn-prev:not(.disabled):hover,.side-product-items .btn-next:not(.disabled):hover{opacity:.5;filter:alpha(opacity=50)}
.aside .side-bn{max-width:100%;margin:0 0 25px 0}
.aside .side-bn img{max-width:100%}
.main{position:relative;width:calc(100% - 360px)}

/*--------------------------------------------------------------*/
.pagination{margin-top:40px;display:flex;justify-content:center;align-items:center}
.pagination .nav-links{display:flex;justify-content:center;align-items:center}
.pagination a,.pagination span{width:41px;height:41px;border:1px solid #C5C5C5; border-radius: 50%; display:inline-block;font-family:'ArialMT';font-size:18px;color:#333333;line-height:41px;text-align:center;font-style:normal;text-transform:none;margin-right:15px}
.pagination a.next{border:1px solid transparent; background-color: unset; display: flex; align-items: center; width: auto !important; border-radius:3px 3px 3px 3px;width:42px;height:42px;font-family:'ArialMT';font-size:16px;color:#333333 !important;line-height:41px;text-align:center;font-style:normal;text-transform:uppercase;}
.pagination a.prev{border:1px solid transparent; background-color: unset; display: flex; align-items: center; width: auto !important; border-radius:3px 3px 3px 3px;width:42px;height:42px;font-family:'ArialMT';font-size:16px;color:#333333 !important;line-height:41px;text-align:center;font-style:normal;text-transform:uppercase;}
.pagination a.next:hover{border: 1px solid var(--conmmonColor) !important;}
.pagination a.prev:hover{border: 1px solid var(--conmmonColor) !important;}
.pagination a.next:hover,.pagination a.prev:hover{color:#FFFFFF;border:none;background-color: unset;}
.pagination a.prev::after{content:'';display:inline-block;width:14px;height:41px;background-image:url(../img/other/pages_prev.png); border: 1px solid transparent;background-position:center center;background-repeat:no-repeat;background-size:100%; margin: 0 10px; transition: all .5s ease;}
.pagination a.next::before{content:'';display:inline-block;width:14px;height:41px;background-image:url(../img/other/pages_next.png); border: 1px solid transparent;background-position:center center;background-repeat:no-repeat;background-size:100%; margin: 0 10px; transition: all .5s ease;}
.pagination a:hover{background: var(--conmmonColor); border-color: var(--conmmonColor);}
.pagination a.page-numbers:hover{color:#FFFFFF;}
.pagination span.current{background: var(--conmmonColor); border-color: var(--conmmonColor);}
.pagination span.current{color:#FFFFFF}


.click_btn{width:100%;margin-top:30px;flex-direction:row; align-items:flex-start;}
.click_btn .colo_btn a{font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#798190;line-height:43px;text-align:left;font-style:normal;text-transform:uppercase;}
.prev_btn,.next_btn{width:100%;display:flex;align-items:center;justify-content:space-between;}
.prev_btn .colo_btn,.next_btn .colo_btn{width:auto;}
.click_btn .prev_btn:hover .colo_btn a,.click_btn .next_btn:hover .colo_btn a{color:var(--conmmonColor);}
.prev_btn .con{width:calc(100% - 100px) !important;margin: 0 15px;}
.next_btn .con{width:calc(100% - 100px) !important;margin: 0 15px;}
.prev_btn .con,.prev_btn .con a,.prev_btn .con span,.next_btn .con,.next_btn .con a,.next_btn .con span{ display: inline-block; font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#798190;line-height:34px;text-align:left;font-style:normal;text-transform:none;}
.click_btn .next_btn .con a{display: inline-block; width: 100%; text-align: left;}
.prev_btn .con:hover a,.next_btn .con:hover a{color: var(--conmmonColor);}
/*-----------------------------mobile--------------------------------*/

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

 .container{width:100%}
 .z10000{position:relative;z-index:100000}
 .mobile-body-mask{position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background:rgba(0,0,0,0.6)}
 .mobile-ico-close{position:absolute;top:0;right:-35px;width:30px;height:30px;background:#fff url(../img/public/mobile_close.png) center center no-repeat;background-size:50% auto;cursor:pointer}
 .mobile-operate-box{display:block}
 .sub-content{position:relative;right:auto;z-index:99999;display:block;border:none;border-radius:0;box-shadow:none}
 .lang-more{display:none !important}
 .mobile-head-items{z-index:999;display:block;visibility:visible;height:100%;line-height:30px;margin-left:10px;display:flex;justify-content:flex-start;align-items:center}
 .mobile-head-item{width:30px;display:flex;align-items:center;margin-left:15px}
 .mobile-head-item:first-child{margin-left: 0;}
 .mobile-head-item.mobile-head-aside{float:right}
 .mobile-head-item .title{overflow:hidden;width:30px;height:30px;color:#FFF;text-align:center;line-height:40px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;align-items:center}
 .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:'';display:inline-block;width:100%;height:21px;background-image:url(../img/index/nav.png);background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
 .mobile-head-item.mobile-head-language .title{width:122px !important;}
 .mobile-head-item.mobile-head-language .change-language{position:relative;}
 .mobile-head-item.mobile-head-language .change-language-title{position:relative;}
 .mobile-head-item.mobile-head-language .change-language-title.medium-title a{font-family:'Arial';font-weight:400;font-size:16px;color:#FFFFFF;line-height:24px;text-align:left;font-style:normal;text-transform:none;display:flex;align-items:center;}
 .mobile-head-item.mobile-head-language .change-language-title.medium-title .language-flag span{color:#FFF;}
 .mobile-head-item.mobile-head-language .change-language .change-language-cont{border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.2);}
 /* .language--img{background-image:url(../img/public/lang_bg.png) !important;} */
 .web_head .change-language-title .language-flag .language--img{height:13px;background-size:unset !important;}
 .change-language .change-language-title a:after{color:#FFFFFF;}
 .mobile-head-item.mobile-head-search .title{display:inline-block;width:20px;height:20px;}
 .mobile-head-item.mobile-head-search .title:before{content:'';display:inline-block;width:100%;height:20px;background-image:url(../img/index/search.png);background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:relative;}
 .mobile-head-item.mobile-head-search .title:after{content:'|';font-size:30px;color:#000000;position:absolute;}.mobile-head-item.mobile-head-social .title:before{content:"\f007"}
 .mobile-head-item.mobile-head-search .title{position:absolute;top:-35px;right:130px;}
 .mobile-head-item.mobile-head-language .title{position:absolute;top:-40px;right:0; justify-content: flex-end; font-family:'ArialMT';font-size:12px;color:#FFFFFF;line-height:31px;text-align:left;font-style:normal;text-transform:none;}
 .mobile-head-item.mobile-head-language .title span{ font-family:'ArialMT';font-size:16px;color:#FFFFFF;line-height:31px;text-align:left;font-style:normal;text-transform:capitalize;}
 .mobile-head-item.mobile-head-language .title a:after{display:inline-block;padding:0 6px;content:"\f107";color:#FFFFFF;font-size:16px;font-weight:lighter;font-family:'fontawesome';}
 .mobile-head-item.mobile-head-aside .title:before{content:"\f060"}
 .mobile-head-item .main-content-wrap{top:0;z-index:99999;display:block;background:#FFF}
 .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;padding:15px 10px;height:100%;background-color:#fff}
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
 .mobile-head-item .side-content-wrap{position:fixed;left:-70%;display:block;width:70%;height:100%}
 .mobile-head-item .middle-content-wrap{position:absolute;left:0;visibility:hidden;padding:20px 0;width:100%;height:auto;opacity:0}
 .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
 .change-language-cont li{text-align:left}
 .fixed .head_nav>li>a{padding: 0;}
 .web_head .header_top{display:block;width:100%;padding:10px 2%;margin:0 auto;background:#020C1E}
 .web_head .header_top .head_phone{font-family:'ArialMT';font-size:16px;color:#FFFFFF;line-height:32px;text-align:left;font-style:normal;text-transform:none}
 .web_head .header_top .head_phone a{display:inline-block;color:#FFFFFF}
 .web_head .layout{width:95%;padding:15px 0;margin:0 auto;background:transparent;border:none;}
 .web_head .head_wrap{flex-direction: column; align-items: center; justify-content: center;}
 .web_head .head_logo img{max-height:30px;min-height: 30px; margin-top: 0;}
 .web_head .head_logo{display: flex; align-items: center;}
 .web_head .change-language{padding: 0 10px; border-radius: 9px 9px 9px 9px;}
 .head_nav>li{margin:0}
 .web_head .nav_wrap{display:none}
 .web_head .head-search{display:block}
 .head-search{position:relative;width:90%;height:35px;margin:0 auto}
 .head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#000000;padding:0 10px;border-bottom:1px solid black}
 .head-search .search-btn{position:absolute;width:35px;height:100%;background:url(../img/public/search.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}
 .web_head{position:relative;top:0;margin-bottom:0;text-align:center}
 .web_head .layout{justify-content: space-between !important; align-items: center;}
  .web_head .layout::after{display: none;}
 .head_nav{width:100%;display:block}
 .head_nav li.nav_current>a{color: var(--conmmonColor)}
 .head_nav>li{display:block;border-bottom:1px solid #dcdcdc;padding:0}
 .head_nav>li:nth-last-child(2),.head_nav>li:nth-last-child(3){display:block}
 .head_nav>li>a{position:relative;text-transform:uppercase}
 .head_nav li{padding-left:28px}
 .head_nav li,.head_nav li a{color:#111}
 .head_nav li.has-child{margin-top:0;margin-bottom:0;padding-left:28px}
 .head_nav li.has-child>a{padding-right:0}
 .head_nav li.has-child>ul{position:relative;top:auto;left:auto;display:none;margin-left:0;padding:0 0 0 10px;width:100%;background-color:transparent;border-top:unset;box-shadow:unset;opacity:1;-webkit-transform:unset;transform:unset}
 .head_nav li a{display:block;line-height:33px;text-align:left;padding:0}
 .head_nav li.nav-current a{background-color:transparent;color:var(--conmmonColor);border:none}
 .head_nav li a:hover{color:var(--conmmonColor);background-color:transparent;border:none}
 .head_nav>li>ul li a:hover{color:var(--conmmonColor);background-color:transparent}
 .head_nav>li>ul li.nav-current a{color:var(--conmmonColor);background-color:transparent}
 .head_nav li em{display:block;overflow:hidden}
 .head_nav>li ul li{font-size:14px;padding:0;border-bottom:1px dashed #c1c1c1}
 .head_nav li li li{font-size:12px}
 .head_nav>li ul li a{color:#555;line-height:28px;padding:0 10px}
 .head_nav>li.has-child a{padding-right:0}
 .head_nav li.has-child a b{overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:15px;height:15px;border:1px solid #111;border-radius:2px;line-height:15px;z-index:999}
 .head_nav li.has-child a b:before,.head_nav li.has-child a b:after{position:absolute;top:50%;left:3px;display:block;margin-top:-.5px;width:9px;height:1px;background-color:#111;content:''}
 .head_nav li.has-child a b:after{-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg)}
 .fixed .head_nav>li{padding:0}
 .head_nav li,.head_nav li.has-child{padding-left:0;padding:0}
 .fixed .head_nav li .cate_list{top:0}
 .head_nav>li{margin:0 !important}
 .head_nav>li ul li:last-child{border-bottom:none}
 .head_nav li.active>a>b:after{display:none}
 .head_nav>li>a:hover b{-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
 .head_nav li li.has-child a b{width:12px;height:12px;line-height:12px}
 .head_nav li li.has-child a b:before,.head_nav li li.has-child a b:after{width:6px}
 .head_nav li.nav-current>a b:before,.head_nav li.nav-current>a b:after{background:var(--conmmonColor)}
 .web_head .nav_wrap{display:none}
 .head_nav li.nav-current>a:after,.head_nav li>a:after{display:none}
 .head_nav li.nav-current,.head_nav li.nav-current>a b{border-color:unset}
  .web_head .operate_box{display: none;}
 .containerHome .web_footer{margin-top:0;}
 .foot_item.foot_item_info,.foot_item.foot_item_product{width:100%;padding:0;margin:0 0 30px;}
 .web_footer{padding-bottom:50px;}
 .web_footer .foot_top{padding: 30px 0;}
 .foot_wrap .foot_items{flex-wrap:wrap;flex-direction:column;}
 .foot_wrap{padding-bottom:10%;}
 .foot_wrap{padding:30px 0}
 .foot_wrap .foot_items{padding-top: 0 !important;}
  .foot_item.foot_item_info .text{line-height:1.5;margin:25px 0;}
 .foot_item.foot_item_link{width:100%;}
 .foot_item.foot_item_product{width:100%; margin: 30px 0;}
 .foot_item.foot_item_product ul{flex-direction: column;align-items: flex-start;}
 .foot_item.foot_item_product ul li{width: 100%;}
 .foot_item.foot_item_contact{width:100%;}
 .copyright{background-color: transparent;}
 .copyright, .copyright a{color: #FFFFFF;text-align: left;}
 .web_foot .foot_wrap{display:none}
 .bottom_wrap{flex-direction: column;align-items: flex-start;margin-bottom: 20px;}
 .bottom_wrap .bottom_inp{width: 100%;margin-bottom: 20px;}
 .bottom_wrap .bottom_inp .inp_item{width: 110px;}
 .bottom_wrap .foot_media{width: 100%;}
 .aside-box{display:none}
 .main{width:100%}
 .lbanner-pp .layout{flex-direction:column}
 .lbanner-pp .lbanner-text .detail{height:auto;overflow:visible}
 .aside{display:none}
 .main_wrap{flex-direction:column}
 .pagination{margin-top: 20px;}
 .pagination a, .pagination span{height: 35px;line-height: 35px;}
 .click_btn{flex-direction: column;}
 .next_btn{flex-direction: row;margin-top: 15px;}
 .click_btn .next_btn .con a{text-align: left;}
}