/*-------------初始化--------------*/
@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: 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: AmericanGaramondBT-Bold;
    src: url('../fonts/AMRGARAB.TTF');
    font-display: swap;
}
@font-face {
    font-family: ArialMT;
    src: url('../fonts/arial.ttf');
    font-display: swap;
}
@font-face {
    font-family: Arial-BoldMT;
    src: url('../fonts/ARIALBD.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:1800px;}
@media (max-width:1840px){
    .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:#e60012;color:#fff;}
.gotop.active{visibility:visible;opacity:1;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none;}
.gotop:before,.gotop em{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.gotop em{position:absolute;top:0;left:0;width:100%;color:#fff;font-size:12px;opacity:0;-webkit-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);filter:alpha(opacity=0);-ms-transform:translateY(10px);}
.gotop:before{display:block;content:'\f176';font-family:'fontawesome';}
.gotop:hover em{opacity:1;-webkit-transform:none;-o-transform:none;transform:none;filter:alpha(opacity=100);-ms-transform:none;}
.gotop:hover:before{opacity:0;-webkit-transform:translateY(-15px) scale(.5);-o-transform:translateY(-15px) scale(.5);transform:translateY(-15px) scale(.5);-ms-transform:translateY(-15px) scale(.5);filter:alpha(opacity=0);}

/* 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 #e60012;background-color:#f9f9f9;color:#333 !important;vertical-align:middle;text-align:left;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.1em;font-size:22px;line-height:2;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);user-select:none;-ms-transform:scale(1);}
.sys_btn:hover{background-color:#e60012;color:#fff !important;}
.sys_btn:after{position:absolute;top:50%;right:1.5em;margin-top:-.6em;content:'\f04b';font-size:12px;font-family:'fontawesome';line-height:1.2em;}

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

/* box-sizing */
.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(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;}}
@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);}}
@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
/*-------------------------------
			animation  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:#0D44A8;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:#0D44A8;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:#0D44A8;-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:#0D44A8;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:#0D44A8;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:#9CD019;}
.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:#223E28;}
#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}
#footer{background:var(--conmmonColor) !important;}
.fixed{background-color:#191919;position:fixed;top:0;left:0;}
.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%;border-radius:0px 0px 0px 0px;background-color:#FFFFFF; padding: 25px 0;}
.web_head .layout{ justify-content: space-between; align-items: center;}
.web_head .head_logo{max-height: 34px; min-height: 34px;}
.web_head .nav_wrap{ width: calc(100% - 400px); display:flex;justify-content:center;-webkit-display:flex;flex:auto;-webkit-flex:auto;align-items:center;-webkit-align-items:center;}
.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 15px;}
.fixed .head_nav>li{margin:0 15px;}
.head_nav>li:first-child{margin-left:0 !important;}
.head_nav>li.has-child a{padding-right:20px;}
.head_nav>li>a{position:relative;display:inline-block;font-family:'Roboto-Bold';font-weight:normal;font-size:18px;color:#082643;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.head_nav li a b{position:absolute;top:50%;right:0;display:inline-block;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:19px;height:19px;text-align:center;line-height:19px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.head_nav li a b:before{content:'\f0d7';font-family:'fontawesome';}
.head_nav li ul{position:absolute;left:20px;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;font-family:'Roboto-Bold';font-weight:400;font-size:16px;color:#333333;line-height:26px;text-align:left;font-style:normal;padding:10px;text-transform:capitalize;}
.head_nav>li.nav-current ul li a{color:#FFFFFF;}
.head_nav>li.nav-current ul li.nav-current a{color:#FFFFFF;background-color:var(--conmmonColor);}
.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:var(--conmmonColor);}
.head_nav>li>a:hover{color:var(--conmmonColor);}
.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 .btn--search{display:inline-block;width:37px;height:37px;background-color: var(--conmmonColor); border-radius: 50%; text-align: center; line-height: 37px; margin:0 25px;position:relative;vertical-align:middle;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box; transition: border-radius .5s ease;}
.web_head .btn--search:before{content:'';display:inline-block;width:24px;height:24px;background-image:url(../img/search.png);background-size:85%;background-repeat:no-repeat;background-position:center;vertical-align:middle;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.web_head .btn--search:hover{border-radius: 8px;}
.web_head .change-language{position:relative;white-space:nowrap;display:flex;align-items:center;padding:0 15px; border: 1px solid var(--conmmonColor); border-radius: 19px;}
.web_head .change-language-title{position:relative;}
.change-language-title.medium-title a{font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:1.5;text-align:left;font-style:normal;text-transform:none;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/language.png) !important;background-size:cover;background-repeat:no-repeat;background-position:center;vertical-align:top;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.web_head .change-language .change-language-cont{border-radius:3px;box-shadow:1px 1px 3px rgba(0,0,0,.2);}

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

.fixed.web_head{padding: 10px 0;}
@media (max-width:1400px){
    .head_nav>li>a{padding:20px 10px;}
}
@media (max-width:1300px){

    .head_nav>li>a{font-size:18px;}
}
@media (max-width:1200px){
    .head_nav>li>a{padding:20px 5px;font-size:18px;}
    .fixed .head_nav>li{margin:0 10px;}
    .fixed .head_nav li.nav-current>a:after,.fixed .head_nav>li>a:after{bottom:-7px !important;}
    .fixed .head_nav>li{padding:0 5px;}
}

/*-------------------------------
			language  start
			----------------------------------*/
.prisna-wp-translate-seo{display:none;font-family:Arial,Helvetica,sans-serif;}
.mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block;display:flex;flex-direction:column;}
.change-language .change-language-title a:after{display:inline-block;padding:0 6px;content:"\f107";color:#082643;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-direction:column;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:#e60012;}
.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:10px;font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:1.5;text-align:left;font-style:normal;text-transform:none;text-transform:capitalize;}
.language-flag span{position:relative;display:inline-block;overflow:hidden;vertical-align:top;white-space:nowrap;zoom:1;padding-left:10px;font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:1.5;text-align:left;font-style:normal;text-transform:none;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-flag .language--img{display:inline-block;width:18px;height:15px;background-image:url(../img/lan_bg.jpg) !important;background-repeat:no-repeat;vertical-align:top;zoom:1;}
li.language-flag a{position:relative;}
.language-flag-af .country-flag{background-position:0 0 !important;}
.change-language-cont li{width:100%;text-align:left;flex-shrink: 0;}
.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  end
                        ----------------------------------*/

/*-------------------------------
			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/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 footer*/
.web_footer{position:relative;background-color: #FFFFFF;}
.foot_wrap{justify-content:space-between;padding:50px 0;}
.foot_item{position:relative;}
.foot_item.foot_item_about{width:23%;}
.foot_item.foot_item_link{width:12%;}
.foot_item.foot_item_product{width:20%;}
.foot_item.foot_item_contact{width:22%;}
.foot_item.foot_item_about .foot_logo img{width: auto; max-height: 36px; min-height: 36px;margin-bottom: 30px;}
.foot_item.foot_item_about .foot_desc{font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#666666;line-height:30px;text-align:left;font-style:normal;text-transform:none;margin-bottom: 25px;}
.foot_item.foot_item_about .media_list{justify-content: flex-start; align-items: center;}
.foot_item.foot_item_about .media_list .media_item{ width:35px;height:35px;text-align: center; line-height: 35px; background:transparent;border-radius: 50%; transition: all .5s ease; margin-right: 20px;}
.foot_item.foot_item_about .media_list .media_item a:after{display: none;}
.foot_item.foot_item_about .media_list .media_item:hover{background-color: var(--conmmonColor); animation: swing .5s ease;}
.foot_item.foot_item_about .media_list .media_item img{width: 65%;height: 65%;object-fit: contain;}
.foot_item .title{position:relative;font-family:'AmericanGaramondBT-Bold';font-weight:bold;font-size:24px;color:#082643;text-align:left;font-style:normal;text-transform:capitalize;margin-bottom:15px;}
.foot_item.foot_item_product ul li a,.foot_item.foot_item_link ul li a,.foot_item.foot_item_contact ul li a{display: inline-block; position: relative; font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#666666;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.foot_item.foot_item_product ul li a:after,.foot_item.foot_item_link ul li a:after,.foot_item.foot_item_contact ul li a:after{content: ''; position: absolute;left: 0;bottom: 0;width: 100%;height: 2px; opacity: 0; background-color: var(--conmmonColor); transition: opacity .3s ease-in;}
.foot_item.foot_item_product ul li a:hover,.foot_item.foot_item_link ul li a:hover,.foot_item.foot_item_contact ul li a:hover{color: var(--conmmonColor);}
.foot_item.foot_item_product ul li a:hover:after,.foot_item.foot_item_link ul li a:hover:after,.foot_item.foot_item_contact ul li a:hover:after{opacity: 1;}
.foot_item.foot_item_product ul{display:flex;align-items:flex-start;flex-wrap:wrap;}
.foot_item.foot_item_product ul li{width:100%;margin-bottom:15px;}
.foot_item.foot_item_link ul li{width:100%;margin-bottom:15px;}
.foot_item.foot_item_contact{font-family:'Roboto-Regular';font-weight:400;font-size:18px;color:#666666;line-height:1.5;text-align:left;font-style:normal;text-transform:capitalize;}
.foot_item.foot_item_contact ul li{margin-bottom: 30px;}
.copyright{position:relative;padding:30px 0 40px 0; border-top: 2px solid #E4E4E4;}
.copyright,.copyright a{font-family:'Roboto-Regular';font-size:16px;color:#999999;line-height:24px;text-align:center;font-style:normal;text-transform:capitalize;}
.copyright a:hover{text-decoration:underline; color: var(--conmmonColor);}


@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 .layout{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center; padding:3.5% 0; background-position:center center;background-repeat:no-repeat;background-size:cover; border-radius: 22px;} 
.lbanner-pp .title{font-family:'ChaparralPro-Bold';font-weight:bold;font-size:96px;color:#FFFFFF;line-height:113px;text-align:center;font-style:normal;text-transform:uppercase;margin-top:2%;}
.lbanner-pp .lbanner-text .title{font-family:'AmericanGaramondBT-Bold';font-weight:bold;font-size:70px;color:#FFFFFF;line-height:78px;text-align:center;font-style:normal;text-transform:capitalize;}
.lbanner-pp .lbanner-text .title span{color:var(--conmmonColor);}
.lbanner-pp .lbanner-text .detail{height:100px;overflow-y:auto;width:84%;font-family:'Arial-Regular';font-weight:400;font-size:16px;color:#FFFFFF;line-height:30px;text-align:left;font-style:normal;text-transform:none;margin-top:10px;}
.lbanner-pp .lbanner-text .lbanner_btn{margin-top:43px;}
.lbanner-pp .lbanner-text .lbanner_btn a{display:inline-block;font-weight:bold;font-size:20px;color:#fff;line-height:62px;padding:0 40px;background-color:var(--conmmonColor);border-radius:30px;}
.lbanner-pp .lbanner-text .lbanner_btn a:hover{opacity:.5;}
.lbanner-pp ul li a{color:#fff;}
.lbanner-pp .path_bar ul{display:flex;flex-wrap:wrap;justify-content:center;}
.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:20px;color:#FFFFFF;line-height:28px;text-align:center;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{text-decoration:underline;}
.lbanner-pp ul li.nav_current span{text-decoration:underline;}
.lbanner-pp .path_bar ul li:last-child:after{display:none;}
.lbanner-pp .path_bar ul li:last-child a{text-decoration:underline;}
.lbanner-pp .path_bar{margin-top:5%;padding-top:0;}
.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;}
.lbanner-box{display:flex;justify-content:flex-start;align-items:flex-end;margin-top:35px;}
.lbanner_btn1 a{display:inline-block;padding: 10px 63px; max-width: 158px; font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:28px;text-align:center;font-style:normal;text-transform:uppercase;margin-right:38px;background:#FFFFFF;border-radius:25px 25px 25px 25px;transition:all 0.5s ease;}
.lbanner_btn2 a{display:inline-block;padding: 10px 30px; max-width: 158px; font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:28px;text-align:center;font-style:normal;text-transform:uppercase;background:#FFFFFF;border-radius:25px 25px 25px 25px;transition:all 0.5s ease;}
.lbanner_btn1 a:hover{background-color:var(--conmmonColor);color:#FFFFFF;}
.lbanner_btn2 a:hover{background-color:var(--conmmonColor);color:#FFFFFF;}
@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-box{margin-top:20px;}
    .lbanner-pp .lbanner-text .lbanner_btn{margin-top:20px;}
    .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;}
}


.index_inquiry {
    margin-top: 5%;
}

.index_inquiry .inquiry_wrap {
    padding: 8% 0;
    border-radius: 22px;
    background-image: url(../img/inquiry_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.index_inquiry .inquiry_wrap .inquiry_title {
    color: #FFFFFF;
}


.index_inquiry .inquiry_wrap .inquiry_desc {
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 50px;
}

.index_inquiry .inquiry_wrap .inquiry_btn {
    text-align: center;
}

.index_inquiry .inquiry_wrap .inquiry_btn a {
    display: inline-block;
    padding: 10px 40px;
    background: var(--conmmonColor);
    border-radius: 26px 26px 26px 26px;
    border: 2px solid var(--conmmonColor);
    font-family: 'Roboto-Bold';
    font-weight: normal;
    font-size: 16px;
    color: #082643;
    line-height: 1.5;
    text-align: center;
    font-style: normal;
    text-transform: capitalize;
    transition: border-radius .5s ease-out;
}

.index_inquiry .inquiry_wrap .inquiry_btn a:hover {
    border-radius: 10px;
    color: #FFFFFF; }

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

/*----------------------------------aside---------------------------------*/
.main_wrap{flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between}
.aside{width:320px;position:sticky;top:68px}
.side-tit-bar{position:relative;margin-bottom:10%;background:#3D3C6A}
.side-tit-bar .side-tit{position:relative;padding:12px 20px}
.side-tit-bar .side-tit,.side-tit-bar .side-tit a{position:relative;font-family:'PlayfairDisplay-Bold';font-weight:bold;font-size:20px;color:#FFFFFF;line-height:1.5;text-align:left;font-style:normal;text-transform:uppercase}
.side-tit-bar .side-tit:after{content:'';position:absolute;transform:translateX(-50%);left:8%;bottom:0;width:49px;height:3px;background:var(--conmmonColor)}
.side-tit-bar .side-tit .txt-impt{color:#da9d67;font-weight:bold}.side-widget{position:relative;margin:0 0 .4rem}
.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:#333333;line-height:1.5;text-align:left;font-style:normal;text-transform:none;text-transform:capitalize;padding-left:20px}
.side-cate>li>a{padding-bottom:10px}
.side-cate li .icon-cate{display:inline-block;position:absolute;right:.1rem;top:-.1rem;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 li .icon-cate.icon-cate:before{display:inline-block;font-family:"fontawesome";content:'+';font-size:26px;line-height:1.5;color:var(--conmmonColor)}
.side-cate li .icon-cate.icon-cate-up:before{content:'\f068';display:block;transform:scale(0.75,0.5);font-size:20px;color:var(--conmmonColor)}
.side-cate li.li_active .icon-cate.icon-cate:before{color:var(--conmmonColor)}
.side-cate li li{padding:5px 0}
.side-cate li li a{padding-right:0;font-family:'Roboto-Regular';font-weight:400;font-size:16px;color:#999999;line-height:1.5;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,.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% - 400px)}

/*--------------------------------------------------------------*/
.pagination{margin-top:40px;display:flex;justify-content:center;align-items:center}
.pagination a,.pagination span{width:41px;height:41px;background: #FFFFFF;border: 1px solid #C5C5C5;border-radius:50%;margin-right:1%;display:inline-block;font-family:'ArialMT';font-size:18px;color:#333333;line-height:39px;text-align:center;font-style:normal;text-transform:none;margin-right:20px}
.pagination a.next{border:none;border-radius:8px !important;width:auto;height:auto;padding:0 17px;padding-left:5px;font-family:'Roboto-Regular' !important;font-weight:400;font-size:16px;color:#333333;line-height:39px;text-align:center;font-style:normal;text-transform:uppercase;display:flex;align-items:center;transition:all 0.5s ease}
.pagination a.prev{border:none;border-radius:8px !important;width:auto;height:auto;padding:0 17px;padding-left:5px;font-family:'Roboto-Regular' !important;font-weight:400;font-size:16px;color:#333333;line-height:39px;text-align:center;font-style:normal;text-transform:uppercase;display:flex;align-items:center;transition:all 0.5s ease}
.pagination a.next:hover,.pagination a.prev:hover{color:#FFFFFF;border:none}
.pagination a.prev::after{content:'';display:inline-block;width:14px;height:23px;background-image:url(../img/pages_prev.png);background-position:center center;background-repeat:no-repeat;background-size:90%;margin-left: 12px;}
.pagination a.prev:hover::after{background-image:url(../img/pages_prev_hover.png);background-position:center center}
.pagination a.next::before{content:'';display:inline-block;width:14px;height:23px;background-image:url(../img/pages_next.png);background-position:center center;background-repeat:no-repeat;background-size:90%;margin-right: 12px;}
.pagination a.next:hover::before{background-image:url(../img/pages_next_hover.png);background-position:center center}
.pagination a:hover{background:var(--conmmonColor);border:1px solid var(--conmmonColor);}
.pagination a.page-numbers:hover{color:#FFFFFF}
.pagination span.current{background:var(--conmmonColor);cursor:pointer;border:1px solid var(--conmmonColor);}
.pagination span.current{color:#FFFFFF}
.click_btn{width:100%;display:flex;margin-top:30px;flex-direction:column;align-items:flex-start}
.click_btn .colo_btn a{display:flex;align-items:center;font-family:'ArialMT';font-size:20px;color:#666666;line-height:1.5;text-align:left;font-style:normal;text-transform:uppercase;}
.prev_btn,.next_btn{width:100%;display:flex;align-items:center;justify-content:flex-start}
.next_btn{margin-top:1%}
.prev_btn .con a:hover,.next_btn .con a:hover{color:var(--conmmonColor)}
.click_btn .prev_btn:hover .colo_btn a,.click_btn .next_btn:hover .colo_btn a{color:var(--conmmonColor)}
.click_btn .prev_btn:hover .con a,.click_btn .next_btn:hover .con a{text-decoration:underline;color:var(--conmmonColor)}
.prev_btn .colo_btn{width:80px;border-radius:4px 4px 4px 4px}
.prev_btn .colo_btn:hover{border-radius:4px 4px 4px 4px;transition:all 0.5s ease}
.prev_btn .con{width:calc(100% - 90px) !important}
.next_btn .colo_btn{width:80px;border-radius:4px 4px 4px 4px}
.next_btn .colo_btn:hover{border-radius:4px 4px 4px 4px;transition:all 0.5s ease}
.next_btn .con{width:calc(100% - 90px) !important}
.prev_btn .con,.prev_btn .con a,.prev_btn .con span,.next_btn .con,.next_btn .con a,.next_btn .con span{font-family:'ArialMT';font-size:16px;color:#666666;line-height:34px;text-align:left;font-style:normal;text-transform:none;}


/*-----------------------------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/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}
 .head_contact .info_wrap{justify-content:flex-start}
 .head_contact .info_wrap .contact_email{display:none}
 .web_head .head_contact .change-language{display:none}
 .web_head .head_middle .search_form{display:none}
 .web_head .header_layout{width:95%;padding:15px 0;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none}
 .web_head .head_logo img{max-height:30px}
 .web_head .head_logo{display: flex; align-items: center;}
 .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:32px;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:30px;background-image:url(../img/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 {width:100px !important;position: relative;  white-space: nowrap;  display: flex;  align-items: center; padding: 0 15px;  border: 1px solid var(--conmmonColor); border-radius: 19px;}
 .mobile-head-item.mobile-head-language .title{width:100px !important;}
 .web_head .change-language{padding: 0 10px; border-radius: 9px 9px 9px 9px;}
 .mobile-head-item.mobile-head-language  .language-flag{width: 73px !important;}
 .mobile-head-item.mobile-head-language .title a{font-family:'Roboto-Bold';font-weight:normal;font-size:16px;color:#082643;line-height:1.5;text-align:left;font-style:normal;text-transform:none;text-transform:capitalize;display:flex;align-items:center}
 .mobile-head-item.mobile-head-language .title .language-flag span{color:#333333}
 .mobile-head-item.mobile-head-language .title a:after{display: inline-block;  padding: 0 6px;  content: "\f107";  color: #082643; font-size: 20px;font-family: 'fontawesome';}
 .mobile-head-item.mobile-head-language .title .language-flag .language--img{content:'';display:inline-block;width:21px;height:21px;background-image:url(../img/language.png) !important;background-size:cover;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-search .title{display:inline-block;width:30px;height:30px;background-color: var(--conmmonColor);border-radius: 50%;}
 .mobile-head-item.mobile-head-search .title:before{content:'';display:inline-block;width:100%;height:30px;background-image:url(../img/search.png);background-size:60%;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-social .title:before{content:"\f007"}
 .mobile-head-item.mobile-head-aside .title:before{content:"\f060"}
 .mobile-head-item .main-content-wrap{top:0;z-index:99999;display:block;background:#FFF}
 .mobile-head-item .main-content-wrap .content-wrap{overflow-y:auto;padding:15px 10px;height:100%;background-color:#fff}
 .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap{overflow-y:hidden}
 .mobile-head-item .side-content-wrap{position:fixed;left:-70%;display:block;width:70%;height:100%}
 .mobile-head-item .middle-content-wrap{position:absolute;left:0;visibility:hidden;padding:20px 0;width:100%;height:auto;opacity:0}
 .mobile-head-item .middle-show-content-wrap{top:30px;visibility:visible;opacity:1}
 .change-language-cont li{text-align:left}
 .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/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{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:60px;}
 .foot_item.foot_item_link{width:100%;margin:0 0 30px;}
 .foot_wrap{flex-wrap:wrap;}
 .foot_item.foot_item_info .text{line-height:1.5;margin:25px 0;}
 .foot_wrap{padding-bottom:10%;}
 .foot_wrap{flex-direction:column;}
  .foot_wrap{padding:30px 0}
 .foot_item.foot_item_about{width:100%;}
 .foot_item.foot_item_link{width:100%;}
 .foot_item.foot_item_product{width:100%; margin: 30px 0;}
 .foot_item.foot_item_contact{width:100%;}
 .web_foot .foot_wrap{display:none}
 .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;}
 .index_inquiry .inquiry_wrap .inquiry_desc {
     margin-bottom: 30px;
 }
}