/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:'Bahnschrift';src:url('../fonts/bahnschrift.eot');src:url('../fonts/bahnschrift.eot?#iefix') format('embedded-opentype'),url('../fonts/bahnschrift.woff') format('woff'),url('../fonts/bahnschrift.ttf')  format('truetype'),url('../fonts/bahnschrift.svg#YourWebFontName') format('svg')}
@font-face{font-family:'Bahnschrift-s';src:url('../fonts/bahnschrift-s.eot');src:url('../fonts/bahnschrift-s.eot?#iefix') format('embedded-opentype'),url('../fonts/bahnschrift-s.woff') format('woff'),url('../fonts/bahnschrift-s.ttf')  format('truetype'),url('../fonts/bahnschrift-s.svg#YourWebFontName') format('svg')}
body,html{font-family:"Bahnschrift",Arial, Helvetica, sans-serif;height:100%;}
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:15px;color:#000;max-width:2000px; background:#dbdbdb; width:expression(document.body.clientWidth <= 320? "320px":"auto");min-width:320px}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li,dl,dt,dd{list-style:none;margin:0;padding:0}
table{table-layout:fixed !important;width:100% !important}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:"Bahnschrift-s","Bahnschrift",Arial, Helvetica, sans-serif;}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{width:100%;max-width:1330px;margin:0 auto;text-align:left;box-sizing:border-box}
.box:after,.clearfix:after,ul:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#d4ff00;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}



/*-------*/
.bg-f3{background:#f3f3f3;}
.header-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:7px; padding-bottom:7px;}
.header-top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
/*.header-top ul li:nth-of-type(1){ padding-right:15px;}
.header-top ul li.lag-us{ background:url(../images/x_r3.png) no-repeat right center;}*/
.header-top ul li.lag-us a{ display:block; padding-left:25px; background:url(../images/x_r4.png) no-repeat left center; height:22px; font-size:16px; font-weight:600}
.header-top ul li.lag-ur{ padding-left:12px;}
.header-top ul li.lag-ur a{ display:block; width:22px; height:22px; line-height:22px; background:url(../images/x_r2.png) no-repeat left center;}
.header-top ul li.sch-bt{ position:relative; padding-left:12px; display:none;}
.header-top ul li.sch-bt span.s{ display:block; width:22px; height:22px; line-height:22px; background:url(../images/x_r1.png) no-repeat center center;cursor:pointer}
.header-top ul li.sch-bt .sch-t{ position:absolute; right:10px; top:28px; z-index:9; width:290px; border:1px solid #eee; background:#fff; box-sizing:border-box; padding:12px; display:none}
.header-top ul li.sch-bt .sch-t form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.header-top ul li.sch-bt .sch-t input.form-int{width:calc(100% - 38px);padding:0;border-radius:0;height:36px;box-sizing:border-box;border:1px solid #ddd;border-right:none;font-size:14px;padding:0 5px;background:#f5f5f5;}
.header-top ul li.sch-bt .sch-t input.form-but{width:38px;height:36px;background:url(../images/x_r1.png) no-repeat center center #f5f5f5;background-size:16px auto;border:1px solid #ddd;border-left:none;}
.header-top ul li.user-bt{ padding-left:15px;}
.header-top ul li.user-bt a{ display:block; background:url(../images/x_r2.png) no-repeat left center;width:22px; height:22px; line-height:22px; font-size:16px;}

.header_area{ width:100%;background:#fff;}
.header_area .header-right-button{padding-right:17px;}
.header_area .btn-wrapper .shop-now_btn{outline:0;padding:10px 20px 10px 15px;font-size:16px;line-height:1;background-color:#d4ff00;color:#000;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-radius:3px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;text-transform:uppercase;font-weight:500}
.header_area .btn-wrapper .shop-now_btn i{ width:11px; height:14px; margin-right:3px; background:url(../images/x_r6.png) no-repeat center center;}
.header_area .main-menu-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:10px 35px;}

.header_area .main-menu-wrapper .nav-tools{ display:block}

.header_area .main-menu-wrapper .nav-tools{position:relative;padding-left:20px; padding-right:20px; display:none;}
.header_area .main-menu-wrapper .nav-tools .nav-sitebar-button{cursor:pointer;font-size:20px;color:#000000;background-color:transparent;border:unset;margin:0;padding:3px 0 0;vertical-align:middle;display:none}
.header_area .main-menu-wrapper .middle-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.header_area .main-menu-wrapper .middle-menu ul.main-menu{display:-webkit-box;display:-ms-flexbox;display:flex}
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-left{margin-right:auto; padding-left:0px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-right{margin-left:auto;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item{position:relative;text-align:left}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item:not(:last-child){margin-right:65px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-right li.menu-item:not(:last-child){margin-right:50px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item a{display:block;font-size:16px;color:#000000;padding:38px 0;font-weight:500;text-transform:uppercase;letter-spacing:1px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item .has-submenu-item>li:not(:last-child)>a{border-bottom:1px solid #f7f7f7}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item .has-submenu-item>li>a{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;display:block;color:#000000;font-size:14px;font-weight:600;text-decoration:none;background-color:transparent;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; cursor:pointer}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item .has-submenu-item>li:hover a{color:#d4ff00}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item .has-submenu-item .submenu-indicator{float:right;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item:hover a{color:#d4ff00}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item:hover .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown{position:absolute;top:100%;left:-47px;z-index:1000;min-width:200px;border-radius:0 0 5px 5px;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;transition:transform 0.4s ease,-webkit-transform 0.4s ease;opacity:0;visibility:hidden;pointer-events:none;-webkit-box-shadow:0 15px 20px -8px rgba(0,0,0,0.06);box-shadow:0 15px 20px -8px rgba(0,0,0,0.06);background-color:#ffffff;border:0px solid #000}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item{margin:0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item.top-position{position:static}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item>a{position:relative;text-align:left;border:unset;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item>a i{float:right}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu{min-width:200px; padding:5px 0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu>li.menu-item{margin:0;position:static}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu>li.menu-item>a{padding:5px 20px;color:#000000;font-size:13px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu>li.menu-item:hover a{color:#d4ff00}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu>li.menu-item:hover:hover .product_megamenu-wrapper{opacity:1;visibility:visible;pointer-events:auto}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .dropdown-submenu>li.menu-item:hover:hover .product_megamenu-wrapper .megamenu-content-container{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item:not(:last-child) .dropdown-submenu{border-bottom:1px solid #e8e8e1}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{position:absolute;left:100%;right:inherit;background-color:#ffffff;top:0;width:100%;min-width:1120px;opacity:0;visibility:hidden;pointer-events:none;-webkit-box-shadow:0 15px 20px -8px rgba(0,0,0,0.06);box-shadow:0 15px 20px -8px rgba(0,0,0,0.06);padding:40px 0;border-radius:0 0 5px 5px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity 1s cubic-bezier(0.165,0.84,0.44,1) 0.2s,-webkit-transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s;transition:opacity 1s cubic-bezier(0.165,0.84,0.44,1) 0.2s,-webkit-transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s;-o-transition:transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s,opacity 1s cubic-bezier(0.165,0.84,0.44,1) 0.2s;transition:transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s,opacity 1s cubic-bezier(0.165,0.84,0.44,1) 0.2s;transition:transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s,opacity 1s cubic-bezier(0.165,0.84,0.44,1) 0.2s,-webkit-transform 1s cubic-bezier(0.165,0.84,0.44,1) 0.1s;opacity:0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-large_thumbnail{width:40%;white-space:normal;max-width:100%;padding:0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-large_thumbnail img{ display:block; max-width:100%; height:auto}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap{width:60%;padding-left:50px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product_title{font-size:25px;font-weight:600}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap p{margin:20px 0;max-width:400px; font-size:14px; color:#656565}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .btn--secondary{display:inline-block;border:1px solid #e8e8e1;padding:8px 20px;border-radius:0;color:#000000;letter-spacing:.3em;font-weight:600;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;font-size:14px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .btn--secondary:hover{border-color:#000000}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail{padding-top:10px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:10px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail .single_item{justify-self:flex-start}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail .single_item .product-thumb{margin:10px 0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail .single_item .product-text h3{font-size:15px;margin:0;line-height:1;margin-bottom:5px; font-weight:600}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail .single_item .product-text p{margin:0;font-size:10px;line-height:16px;max-width:none; color:#656565}
.header_area .main-menu-wrapper .middle-menu .site-branding{display:inline-block}
.header_area .main-menu-wrapper .middle-menu .site-branding a{display:block}
.header_area .main-menu-wrapper .middle-menu .site-branding img{width:100px}
.header_area .main-menu-wrapper .middle-menu .site-branding img.phone-block-hide{width:60px; display:none}
.header_area .offcanvas-site-menu{position:relative;z-index:9999;display:none}
.header_area .offcanvas-site-menu>.offcanvas-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;cursor:pointer;background-color:#03041c;-webkit-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.header_area .offcanvas-site-menu.nav-open .offcanvas-menu-overlay{opacity:0.7;visibility:visible}
.header_area .offcanvas-site-menu .offcanvas-wrapper{position:fixed;right:0;top:0;padding:20px;width:100%;max-width:340px;z-index:999999;background-color:#ffffff;opacity:1;-webkit-transform:translateX(calc(100% + 80px));-ms-transform:translateX(calc(100% + 80px));transform:translateX(calc(100% + 80px));-webkit-transition:opacity 0.45s ease-in-out,-webkit-transform 0.45s ease-in-out;transition:opacity 0.45s ease-in-out,-webkit-transform 0.45s ease-in-out;-o-transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out;transition:transform 0.45s ease-in-out,opacity 0.45s ease-in-out,-webkit-transform 0.45s ease-in-out;overflow-y:scroll;overscroll-behavior-y:contain}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .site-menu_close-btn{position:absolute;top:0;left:0;border:2px solid #ffffff;z-index:1;width:30px;height:30px;line-height:30px;color:#ffffff;display:block;background-color:transparent;font-weight:normal;border-radius:50%;padding:0;font-size:15px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .site-menu_close-btn:hover{background-color:#ffffff;color:#000000}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li:not(:last-child){margin-right:12px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a{display:inline-block;width:30px;height:30px;line-height:30px;background-color:#adadad;text-align:center;border-radius:100%;color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a:not(:last-child){margin-right:10px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a.facebook{background-color:#1877F2}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a.instagram{background-color:#E4405F}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a.youtube{background-color:#CD201F}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .social-media-info ul li a.pinterest{background-color:#BD081C}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content{position:relative;padding:35px 50px 50px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:100%;position:relative}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper{width:25%}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item>a{padding:15px 25px;background-color:rgba(255,186,217,0.17);color:#ffffff;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;font-size:16px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item:not(:last-child){margin-bottom:25px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products{position:absolute;width:75%;left:25%;top:0;min-height:50vh;max-height:100%;padding-left:30px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);opacity:0;visibility:hidden;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;pointer-events:none}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item{width:100%}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item .product-link{color:#ffffff;font-size:18px;line-height:1;margin-bottom:15px;display:block;position:relative}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item .product-link.list-product:before{content:"";width:6px;height:6px;margin:0 8px 0 0;background-color:#ffb25d;display:inline-block;vertical-align:middle;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item .product-link .product-img{margin-bottom:10px;background:-webkit-gradient(linear,left top,left bottom,from(#6c7589),color-stop(60%,#929ab3));background:-webkit-linear-gradient(top,#6c7589,#929ab3 60%);background:-o-linear-gradient(top,#6c7589,#929ab3 60%);background:linear-gradient(180deg,#6c7589,#929ab3 60%)}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item .product-link .product-content h3{font-size:16px;font-weight:500;line-height:26px;margin:0;color:#ffffff}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item .product-link .product-content p{margin:0;color:#afafaf;font-size:14px;font-weight:300;line-height:20px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item ul li:not(:last-child){margin-bottom:8px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item ul li a{color:#afafaf;display:inline-block;font-size:15px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper>li.menu-item ul.products li.product-single-item ul li a:hover{color:#d4ff00}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper.kaabo-menu>li.menu-item.show>a{background-color:#d4ff00;color:#ffffff}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper.kaabo-menu>li.menu-item.show>a,.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper.kaabo-menu>li.menu-item:hover>a{background-color:#d4ff00;color:#ffffff}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper.kaabo-menu>li.menu-item.show>ul.products,.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner ul.menu-wrapper.kaabo-menu>li.menu-item:hover>ul.products{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner .shipping-content-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto;border-top:1px solid #afafaf;padding-top:30px;width:100%}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner .shipping-content-bottom .sinlge-item i{font-size:45px;margin-bottom:10px;color:#d4ff00}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner .shipping-content-bottom .sinlge-item .text-wrap h3{color:white;font-size:20px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .full-menu-content .full-menu-inner .shipping-content-bottom .sinlge-item .text-wrap p{color:#afafaf;margin:0;font-size:15px;font-weight:300}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content{margin-bottom:30px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .widget h3{color:#ffffff;font-size:18px;margin-bottom:12px;font-weight:500}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .widget span{color:#afafaf}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .widget ul li{font-size:12px}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .widget ul li a{color:#afafaf;display:inline-block;font-size:12px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .widget ul li a:hover{color:#d4ff00}
.header_area .offcanvas-site-menu .offcanvas-wrapper .offcanvas-site-container .right-sidebar-content .block-image a{margin-bottom:10px;display:block;background:-webkit-gradient(linear,left top,left bottom,from(#6c7589),color-stop(60%,#929ab3));background:-webkit-linear-gradient(top,#6c7589,#929ab3 60%);background:-o-linear-gradient(top,#6c7589,#929ab3 60%);background:linear-gradient(180deg,#6c7589,#929ab3 60%)}
.header_area .offcanvas-site-menu.nav-open .offcanvas-wrapper{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.header_area .offcanvas{width:345px;border:unset}
.header_area .offcanvas .offcanvas-header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:20px;padding-bottom:10px; padding-top:25px;}
.header_area .offcanvas .offcanvas-header .site-brand-logo img{width:100px;margin:0}
.header_area .offcanvas .offcanvas-body{padding:20px;padding-top:15px}
.header_area .offcanvas-backdrop{background-color:#e6e6e6}
.header_area .mobile-menu-content{border-top:1px solid #e8e8e1}
.header_area .mobile-menu-content .mobile-menu-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item{position:relative;text-align:left}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item a.mobile-nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#000000;padding:10px 0px;border-bottom:1px solid #f7f7f7;font-weight:400;text-transform:uppercase}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item a.mobile-nav-link i{float:right;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item a.mobile-nav-link[aria-expanded=true]{color:#d4ff00}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item a.mobile-nav-link[aria-expanded=true] i{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item ul.mobile-dropdown-submenu{border-bottom:1px solid #e8e8e1}
.header_area .mobile-menu-content .mobile-menu-inner ul.mobile-nav-dropdown li.mobile-menu-item ul.mobile-dropdown-submenu li.mobile-menu-item a.mobile-nav-link{text-transform:uppercase;border-bottom:0px solid #f7f7f7;font-size:14px}
.header_area .mobile-menu-content a.login-account{padding-top:10px;padding-bottom:5px;display:inline-block;color:#000000;font-weight:300;font-size:16px}
.header_area .mobile-menu-content .social-media-info{margin-top:10px}
.header_area .mobile-menu-content .social-media-info ul{margin:15px 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}
.header_area .mobile-menu-content .social-media-info ul li{border:1px solid #e8e8e1;text-align:center;border-radius:5px;background-color:transparent;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.header_area .mobile-menu-content .social-media-info ul li:not(:last-child){margin-right:5px}
.header_area .mobile-menu-content .social-media-info ul li a{display:block;font-size:20px;color:#000000;padding:12px 26px;border-radius:50px}
.header_area .mobile-menu-content .social-media-info ul li:hover{background-color:#d4ff00}
.header_area .mobile-menu-content .social-media-info ul li:hover a{color:#ffffff}
.header_area.transparent-header:not(.header-sticky){position:absolute;top:0;left:0;width:100%;background-color:transparent;z-index:2}
.header_area .overlay{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:100;background-color:rgba(0,0,0,0.9);opacity:1}
.header_area .offcanvas-collapse.nav-open+.overlay{display:block}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

.home-top{ background:none; position:absolute;left:0;top:0; z-index:99999}
.home-top .header-top{ padding-top:16px; padding-bottom:12px; padding-right:0px;}
.home-top .header-top ul li.lag-us a{ color:#fff}
.home-top .header-top ul li.sch-bt span.s{ background:url(../images/tx_r1.png) no-repeat center center; background-size:100%}
.home-top .header-top ul li.lag-ur a{ background:url(../images/tx_r2.png) no-repeat center center; background-size:100%}
.home-header{ background:none; position:absolute;left:0;top:50px; z-index:99999999999;}
.home-header .container{background:#fff;}
.home-header.z-index-hm{ z-index:999}
.header_area .main-menu-wrapper{ /*padding-top:20px; padding-bottom:20px;*/}
.home-header .main-menu-wrapper .middle-menu .site-branding img{ width:100px;}
.default-t{ display:none}
.default-h{ position:fixed; left:0; top:0; z-index:999;-moz-box-shadow:0px 2px 5px rgba(0,0,0,.05);-webkit-box-shadow:0px 2px 5px rgba(0,0,0,.05);box-shadow:0px 2px 5px rgba(0,0,0,.05); background:#fff;-webkit-animation:500ms ease-in-out 0s normal none 1 running fadeInDown;animation:500ms ease-in-out 0s normal none 1 running fadeInDown; }
.default-h .main-menu-wrapper{ padding-top:10px; padding-bottom:10px;}
.default-h .main-menu-wrapper .middle-menu .site-branding img{ width:100px;}
.default-h .main-menu-wrapper .middle-menu ul.main-menu li.menu-item a,.default-h .btn-wrapper .shop-now_btn{ font-size:16px;}

.bannar-wrapper{padding-top:40%;padding-bottom:200px;position:relative; z-index:9999; background:white;}
.bannar-wrapper .banner-content-inner{position:relative;z-index:1;font-family:'Bahnschrift';}
.bannar-wrapper .banner-content-inner .bannar-content-wrap{text-align:left;}
.bannar-wrapper .banner-content-inner .banner-subtitle{font-size:30px;line-height:32px;font-weight:500;color:#f4f3f8;margin:0;margin-bottom:8px}
.bannar-wrapper .banner-content-inner .bannar-heading{font-size:40px;line-height:42px;font-weight:700;color:#f4f3f8;margin:0;letter-spacing:2px;}
.bannar-wrapper .bannar-btn{text-align:right}
.bannar-wrapper .bannar-btn .get-quotation-btn{background-color:#d4ff00;color:#000;display:inline-block;padding:20px 32px;line-height:1;font-size:26px;letter-spacing:.6px;border-radius:4px}

.sbg1{background:#eeeeee !important}
.sbg2{background:#f3f3f3 !important}
.sbg3{background:#f0efec !important}
.product-area .list-inner{display:-ms-grid;display:grid;-ms-grid-columns:365px 1fr 200px;grid-template-columns:365px 1fr 200px;position:relative;text-align:left}
.product-area .area-lf{ padding-top:0px;}
.product-area .area-lf .tab-t{font-family:'Bahnschrift'; padding-bottom:10px;}
.product-area .area-lf .tab-t h2{ font-size:50px; line-height:46px; font-weight:600; text-transform:uppercase; letter-spacing:2px;}
.product-area .area-lf .tab-t p{ font-size:19px; line-height:22px; color:#6e6e6e;}
.product-area .area-lf .tab-w ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.product-area .area-lf .tab-w li:not(:last-child){margin-bottom:20px}
.product-area .area-lf .tab-w li a{color:#00000052;padding:0;display:block;font-size:17px;cursor:pointer;font-family:'Bahnschrift';filter:Alpha(opacity=40);opacity:0.4;}
.product-area .area-lf .tab-w li a.active{filter:Alpha(opacity=100);opacity:1;}
.product-area .area-lf .tab-w li img{width:40px;margin-right:10px}





.section-title.line-border h2.tt-aa{ padding-bottom:15px; text-align:center; margin-bottom:0px;}
.section-title.line-border h2.tt-aa:after{width:54px;height:2px;content:"";position:absolute;bottom:0;background-color:#d22331;width:45px;height:4px;left:50%; margin-left:-27px;}



.team_s{ width:100%; display:table-cell; display:flex; padding-bottom:70px;}
.team_s ul{grid-template-columns:repeat(6,minmax(0,1fr)); display:grid;}
.team_s ul li{  margin-bottom:1.2%; width:99%; background:white; display:table-cell; box-sizing:border-box; padding:13%; grid-column:span 2; transition: box-shadow .4s ease-in-out;}
.team_s ul li:hover{ z-index: var(--mdc-zindex-1); box-shadow:rgba(0,0,0,.15) 0px 0px 40px; z-index:9}

.team_s ul li:nth-child(3n){ margin-right:0px;}
.team_s ul li .team_s1{ width:200px; height:200px; margin:0 auto; border-radius:50%; overflow:hidden; text-align:center;}
.team_s ul li .team_s1 img{ display:block; width:100%;}

.team_s ul li .team_s2{ width:100%; text-align:center; padding-top:11%;}
.team_s ul li .team_s2 h1{ display:block; font-size:26px; font-weight:600;}
.team_s ul li .team_s2 span{ display:block; font-size:14px; color:#333; font-weight:600; position:relative; padding-bottom:10px;}
.team_s ul li .team_s2 span:after{ content:""; position:absolute; width:50px; height:1px; background:#e0e0e0; bottom:0px; left:50%; margin-left:-25px;}
.team_s ul li .team_s2 p{ display:block; padding-top:10px; text-align:center; font-size:14px; line-height:155%;}
.team_s ul li .team_s3{ width:100%; text-align:center; display:flex; flex-direction: row; justify-content: center;}
.team_s ul li .team_s3 a span{ display:block; width:33px; line-height:33px; border-radius:50%; background:black; color:white; font-size:18px; margin:0px 5px; transition: .4s ease-in-out;}
.team_s ul li .team_s3 a{ display:block; width:33px; height:33px; padding-top:5px;border-radius:50%; background:black; color:white; margin:0px 5px; transition: .4s ease-in-out;}
.team_s ul li .team_s3 a img{  margin:0 auto; width:45%;}
.team_s ul li .team_s3 a:hover{ background:#d4ff00}



.team_s ul li:nth-last-child(2):nth-child(3n+1){ grid-column-end:4;}


@media (min-width:1026px){

.product-area .area-lf .tab-w li img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.product-area .area-lf .tab-w li:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
}
.product-area .area-lf .tab-w li span{color:#000;display:inline-block}
.product-area .area-cn .product-thumb{ padding:0 20px;}
.product-area .area-cn .product-thumb img{ display:block; max-width:100%; margin:0 auto;-webkit-animation:fadeIn 0.5s ease 0.1s 1 both;}
@-webkit-keyframes fadeIn{
	0%{opacity:0;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
@keyframes fadeIn{
	0%{opacity:0;-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9)}
	100%{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

.product-area .area-rg{ padding-top:35px;}
.product-area .area-rg .product-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.product-area .area-rg .product-item:not(:last-child){margin-bottom:40px}
.product-area .area-rg .product-item img{width:40px}
.product-area .area-rg .product-item .product-title{font-family:'Bahnschrift';}
.product-area .area-rg .product-item h3{font-size:26px;margin:0;line-height:28px; font-weight:600; letter-spacing:1px;}
.product-area .area-rg .product-item p{margin:0;font-size:17px; line-height:22px; color:#555; font-weight:500; letter-spacing:.5px;}
.product-area .area-rg .btn-box-tap{position:absolute;left:5px;}
.product-area .area-rg .btn-box-tap a.taps-view-more-btn{font-size:17px;color:#000;padding:12px 25px;font-weight:500;border-radius:4px;background-color:#d4ff00;box-shadow:0px 0px 10px 0px rgba(212,255,0,0.5);display:inline-block; margin-top:20px;}
.product-area.sbg2 .btn-box-tap{ margin-top:-66px;}
.product-area.sbg3 .btn-box-tap{ margin-top:50px;}
.mobile-info-area{display:none}

.vtit{ font-size:46px; line-height:56px; font-style:italic; font-weight:500;font-family:'Bahnschrift'; letter-spacing:2px;padding-top:15px; padding-bottom:20px;}

.mv-slider{ width:100%; position:relative}
.mv-slider .swiper-slide{ position:relative;}
.mv-slider .vi{ width:100%; overflow:hidden}
.mv-slider .vi img,.mv-slider .vi iframe,.mv-slider .vi video{ display:block; width:100%; height:600px;}





.kt_v{ width:100%; padding-top:0px;}
.kt_v ul li{ width:50%; float:left; position:relative;transition: all 0.6s; overflow:hidden;}
.kt_v ul li:nth-child(2n){ margin-left:-1px;}
.kt_v ul li .kt_v1{ width:100%; height:auto; }
.kt_v ul li .kt_v1 img{ display: block; width:100%;}
.kt_v ul li .kt_v2{ position:absolute; width:99.9%;height:50%;  background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index:1; top:50%; text-align:center; color:white;transition: all 0.6s;display:flex;align-items:flex-end; text-align:center; justify-content:center; padding:0% 15%;}
.kt_v ul li .kt_v2>div{position:absolute; height:160px; bottom:-60px;transition: all 0.6s;  }
.kt_v ul li .kt_v2 p{ display:block; font-size:15px; margin-bottom:0em;}
.kt_v ul li .kt_v2 span{ display:block; font-size:34px; margin-bottom:0.7em;}
.kt_v ul li .kt_v2 a{ display:inline-block; margin:0 auto; border:1px solid white; font-size:16px; font-weight:400; padding:14px 50px; color:white;transition: all 0.6s; opacity:0}
.kt_v ul li:hover .kt_v2{ height:100%; top:0%; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));}
.kt_v ul li:hover .kt_v2>div{bottom:51%; margin-bottom:-80px;}
.kt_v ul li:hover .kt_v2 a{opacity:1}


.zuiding{ padding:10px auto 50px;}



@media (max-width:1200px) {
.mv-slider .vi img,.mv-slider .vi iframe,.mv-slider .vi video{ height:400px;}	
	}


.mv-slider button{ position:absolute; width:86px; height:86px; top:50%; left:50%; margin-top:-70px; margin-left:-43px;border-radius:50%;}
.mv-slider button img{ display:block; width:100%; height:100%;}
.mv-slider p{ font-size:30px; font-weight:700; color:#fff; position:absolute; bottom:0; width:100%; box-sizing:border-box; padding:0 10px;}
.mv-slider .swiper-vprev,.mv-slider .swiper-vnext{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; z-index:3}
.mv-slider .swiper-vprev{left:10px; background:url(../images/btl.png) no-repeat center center;}
.mv-slider .swiper-vnext{right:10px; background:url(../images/btr.png) no-repeat center center;}

.home-video{padding-top:70px}
.mv-list{padding-top:40px;}
.mv-list dl{width:100%;background:#fff;-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items:center;display:flex;flex-wrap:wrap;align-items:center;position:relative}
.mv-list dl:not(:last-child){margin-bottom:40px}
.mv-list dl:before{content:"";display:block;height:100%;width:5px; position:absolute;left:0;top:0; z-index:2; background:#d4ff00}
.mv-list dl dt{width:50%;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;overflow:hidden}
.mv-list dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.mv-list dl dd{width:50%; text-align:left; box-sizing:border-box; padding:30px 45px; font-size:18px; line-height:28px;}
.mv-list dl dd h3{ font-size:36px; font-weight:500; line-height:30px; margin-bottom:1rem; letter-spacing:1px;}
.mv-list dl dd p{ color:#595959;}
.mv-list dl dd a{ display:inline-block; color:#000; font-weight:600;}

.home-shows{ padding-top:50px; padding-bottom:20px;}
.shows-list{display:grid;grid-template-columns:repeat(1,1fr 398px);grid-gap:20px;}
.shows-list .s-rg{ height:714px;}
.shows-list .s-lf{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:20px;}
.shows-list .s-lf div.im:nth-of-type(1){display:grid;grid-template-columns:repeat(1,1fr 311px);grid-gap:20px;}
.shows-list .s-lf div.im:nth-of-type(2){display:grid;grid-template-columns:repeat(1,311px 1fr);grid-gap:20px;}
.shows-list .s-lf div.im div{ height:347px;}
.shows-list img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.hv-butt{ padding-top:50px; padding-bottom:20px;}
.hv-butt a{font-size:17px;color:#000;padding:13px 35px;font-weight:500;border-radius:4px;background-color:#d4ff00;box-shadow:0px 0px 10px 0px rgba(212,255,0,0.5);display:inline-block}

.ft-box{ background:#f4f4f4;}
.ft-box .container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px; padding-top:50px; padding-bottom:100px;}
.ft-box .container dl{display:flex;flex-wrap:wrap}
.ft-box .container dl dt{ width:44px;}
.ft-box .container dl dt img{ display:block; max-width:100%;}
.ft-box .container dl dd{ font-size:19px;width:calc(100% - 58px); padding-left:14px; text-align:left; color:#8d8d8d; font-weight:500;font-family:"Bahnschrift";}
.ft-box .container dl dd span{ display:inline-block; font-size:42px; color:#000; font-weight:700; letter-spacing:2px; height:36px; line-height:36px;}
.ft-box .container dl dd i{ position:relative; font-weight:500; color:#000; margin-left:3px;font-family:"Bahnschrift"; font-size:42px;}
.ft-box .container dl dd p{ margin-bottom:0}
.footer-box{ background:#0f0f0f; position:relative; padding-bottom:50px; padding-top:120px;}
.footer-box .zixun{ background:#fafafa;display:flex;flex-wrap:wrap;align-items:center;padding:30px;-moz-box-shadow:0 2px 15px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 15px rgba(0,0,0,0.1);box-shadow:0 2px 15px rgba(0,0,0,0.1); position:absolute;top:-60px;left:50%;font-family:"Bahnschrift";transform:translateX(-50%);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;max-width:calc(1320px - 24px);}
.footer-box .zixun h2{ display:block; font-size:28px; font-weight:500; line-height:52px;width:calc(100% - 180px); margin-right:20px; margin-bottom:0; text-align:left; letter-spacing:2px;}
.footer-box .zixun a{ display:inline-block; font-size:20px; letter-spacing:1px; color:#000; background:#d4ff00;height:60px; line-height:60px; width:160px;-moz-box-shadow:0 0 10px rgba(212,255,0,0.4);-webkit-box-shadow:0 0 10px rgba(144,195,0,0.4);box-shadow:0 0 10px rgba(144,195,0,0.4);-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.footer-box .fnav{display:flex;flex-wrap:wrap; color:#777; text-align:left;}
.footer-box .fnav p{ margin-bottom:0}
.footer-box .fnav dl{ width:18%; padding-right:20px; box-sizing:border-box;}
.footer-box .fnav dl dt{ color:#777; font-size:18px; font-weight:600; padding-bottom:10px; position:relative; letter-spacing:1px;}
.footer-box .fnav dl dt i{display:none}
.footer-box .fnav dl dd{ font-size:16px; line-height:26px;}
.footer-box .fnav dl dd a{ display:block; color:#777; font-weight:normal; padding:4px 0}
.footer-box .fnav dl:nth-of-type(5){ width:28%; padding-right:0}
.footer-box .fnav dl:nth-of-type(5) p{ margin-bottom:3px;}
.footer-box .fnav dl:nth-of-type(5) a{ display:inline-block;}
.footer-box .fnav dl:nth-of-type(5) .social-icons{ padding-top:5px;}
.footer-box .fnav dl:nth-of-type(5) .social-icons a{ margin-right:20px; display:inline-flex}
.footer-box .fnav dl:nth-of-type(5) .social-icons a img{ display:black; width:70%;}

/*-内页-*/
.nbanner,.xqbanner{display:flex;flex-wrap:wrap;align-items:center;height:440px;}
.nbanner .tit{ display:block; font-size:46px; font-weight:600; text-transform:uppercase; line-height:56px; margin-bottom:0; color:#fff;}
.xqbanner{ height:830px; text-align:left}
.xqbanner .xq{ max-width:570px; padding-left:30px; color:#fff;}
.xqbanner .xq .tit{ font-size:42px; line-height:52px; font-weight:700;}
.xqbanner .xq .txt{ font-size:22px; line-height:32px; padding-top:5px;}
.xqbanner .xq .but{ padding-top:70px; text-transform:uppercase;}
.xqbanner .xq .but a{ display:inline-block; font-size:17px; color:#000; font-weight:700; line-height:57px;height:57px; width:210px; text-align:center; background:#d4ff00;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(144,195,0,.4);-webkit-box-shadow:0 0 10px rgba(144,195,0,.4);box-shadow:0 0 10px rgba(144,195,0,.4);}
.xqbanner .xq .but a:nth-of-type(2){ margin-left:20px; background:#000;-moz-box-shadow:0 0 15px rgba(0,0,0,.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,0,0,.4); color:#fff;}

.wbg{ background:#fff;}
.ntit{ padding-bottom:20px; padding-top:50px;}
.ntit h2{ font-size:26px; font-weight:800; background:url(../images/b_a1.png) no-repeat left center; text-align:left; padding-left:15px; letter-spacing:1px; margin-bottom:0}
.blog-center{display:flex;flex-wrap:wrap;}
.blog-center .list-sm-left{ width:70%;}
.blog-center .list-sm-left .list-dl{ box-sizing:border-box; border:1px solid #e5e5e5;}
.blog-center .list-sm-left .list-dl dl{display:flex;flex-wrap:wrap;align-items:center; box-sizing:border-box; width:100%; padding:30px; border-top:1px solid #e5e5e5}
.blog-center .list-sm-left .list-dl dl:nth-of-type(1){ border-top:none}
.blog-center .list-sm-left .list-dl dl dt{ width:36.5%; overflow:hidden; height:214px;}
.blog-center .list-sm-left .list-dl dl dt img{ display:block; margin:0 auto; width:100%;object-fit:cover;object-position:center center;opacity:1;height:100%;}
.blog-center .list-sm-left .list-dl dl dd{ width:63.5%; font-size:15px; line-height:25px; text-align:left; box-sizing:border-box; padding-left:30px;}
.blog-center .list-sm-left .list-dl dl dd a{ font-size:22px; font-weight:700; line-height:32px; display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.blog-center .list-sm-left .list-dl dl dd span{ color:#4e4e4e; display:block; padding:5px 0;}
.blog-center .list-sm-left .list-dl dl dd p{ color:#898989;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-bottom:0}
.blog-center .list-sm-right{ width:26.6%; padding-left:3.4%; text-align:left}
.blog-center .list-sm-right .rtit{ font-size:20px; line-height:30px; font-weight:600; padding-bottom:20px; position:relative;}
.blog-center .list-sm-right .rtit:after{content:"";display:block;height:2px;width:30px;background:#d4ff00; position:absolute; bottom:15px;}
.blog-center .list-sm-right .rtxt{ font-size:14px; line-height:22px; color:#747474; padding-bottom:20px;} 
.blog-center .list-sm-right .rtxt p{ margin-bottom:5px;}
.blog-center .list-sm-right .rlink{ padding-bottom:20px;}
.blog-center .list-sm-right .rlink ul{display:flex;flex-wrap:wrap;}
.blog-center .list-sm-right .rlink ul li{ width:33.3333%; text-align:center; box-sizing:border-box; padding:10px 0;}
.blog-center .list-sm-right .rlink ul li i{ font-size:22px; margin:0 auto; display:block;}
.blog-center .list-sm-right .rlink ul li span{ display:block; font-weight:600; font-size:13px; padding:8px 0}
.blog-center .list-sm-right .rform input,.blog-center .list-sm-right .rform button{ display:block; width:100%; font-size:15px; height:42px; line-height:42px; margin-bottom:10px}
.blog-center .list-sm-right .rform input{ color:#333; border:1px solid #e4e4e4; text-indent:10px;}
.blog-center .list-sm-right .rform button{ color:#fff; background:#d4ff00; border:none; font-weight:600}

.hbg{ background:#fafafa;}
.fbg{ background:#ededed;}
.lxtit{ padding-top:60px; padding-bottom:20px;font-family:"Bahnschrift";}
.lxtit h2{ font-size:50px; color:#000; font-weight:700; letter-spacing:2px;}
.lxtit p{ font-size:20px; color:#333; font-weight:500; margin-bottom:0;}
.lxform{ padding-bottom:70px;}
.lxform ul{display:flex;flex-wrap:wrap;}
.lxform ul li{ width:49%; padding-top:9px; padding-bottom:9px;}
.lxform ul li:nth-of-type(even){ margin-left:2%;}
.lxform ul li input,.lxform ul li.ltxt textarea{ display:block; width:100%; border:1px solid #ececec; box-sizing:border-box; height:52px; line-height:52px; text-indent:15px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.lxform ul li.ltxt{ width:100%;}
.lxform ul li.ltxt textarea{ box-sizing:border-box; height:150px;}
.lxform ul li.lbut{ width:100%; margin-left:0}
.lxform ul li.lbut input{ display:block; background:#d4ff00; color:#000; font-size:18px; font-weight:600;-moz-box-shadow:0 0 15px rgba(212,255,0,.5);-webkit-box-shadow:0 0 15px rgba(212,255,0,.5);box-shadow:0 0 15px rgba(212,255,0,.5); border:none; height:56px; line-height:56px; text-indent:0}

.lbg{ background:url(../images/x_r10.png) repeat-x #fff;}
.lxtxt{display:flex;flex-wrap:wrap;text-align:left; padding-top:70px; padding-bottom:70px;}
.lxtxt h2.tt{ font-size:35px; font-weight:700; padding-bottom:20px; margin-bottom:0; position:relative;font-family:"Bahnschrift"; letter-spacing:1px;}
.lxtxt h2.tt:after{content:"";display:block;height:2px;width:50px;background:#d4ff00; position:absolute; bottom:15px;}
.lxtxt .colx-6{ width:56%; box-sizing:border-box; padding-left:50px; padding-right:50px; border-right:1px solid #dadada;}
.lxtxt .colx-6 dl{ padding-left:35px; padding-top:25px;}
.lxtxt .colx-6 dl.la{ background:url(../images/c_r1.png) no-repeat 0 26px;}
.lxtxt .colx-6 dl.lb{ background:url(../images/c_r2.png) no-repeat 0 26px;}
.lxtxt .colx-6 dl.lc{ background:url(../images/c_r3.png) no-repeat 0 28px;}
.lxtxt .colx-6 dl dt{ font-size:18px;}
.lxtxt .colx-6 dl dd{ font-size:16px; line-height:24px;}
.lxtxt .colx-4{ width:44%; box-sizing:border-box; padding-left:90px; padding-right:40px;}
.lxtxt .colx-4 ul{display:flex;flex-wrap:wrap;width:100%; padding-top:10px;}
.lxtxt .colx-4 ul li{display:flex;flex-wrap:wrap;width:100%; font-size:16px; line-height:26px; padding:12px 0}
.lxtxt .colx-4 ul li i{ display:block; width:26px; height:26px; overflow:hidden;}
.lxtxt .colx-4 ul li i.sco{ background:url(../images/c_r4.png) no-repeat center center;}
.lxtxt .colx-4 ul li i.off{ background:url(../images/c_r5.png) no-repeat center center;}
.lxtxt .colx-4 ul li i.ytb{ background:url(../images/c_r6.png) no-repeat center center;}
.lxtxt .colx-4 ul li i.tik{ background:url(../images/c_r7.png) no-repeat center center;}
.lxtxt .colx-4 ul li span{ display:block; padding-left:10px;}

.cbg{ background:#e9e9e9;}
.tt-box .container{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px; padding-top:46px; padding-bottom:46px;}
.tt-box .container dl{display:flex;flex-wrap:wrap;align-items:center;}
.tt-box .container dl dt{ width:40px;}
.tt-box .container dl dt img{ display:block; max-width:100%;}
.tt-box .container dl dd{ font-size:15px;width:calc(100% - 55px); padding-left:15px; text-align:left; color:#555; font-weight:600;}
.tt-box .container dl dd span{ display:block; font-size:22px; color:#000; font-weight:700; letter-spacing:.3px; line-height:30px;}

.shops{ width:100%; padding-bottom:30px;}

.ctit{ padding-top:70px; padding-bottom:35px;}
.ctit h2.s-title{ font-size:52px; line-height:56px;font-family:'Bahnschrift'; font-weight:700; letter-spacing:2px; margin-bottom:0; text-align:center}
.feature_explore-area{ padding-bottom:50px;}
.feature_explore-area .hotspots-wrapper{position:relative}
.feature_explore-area .hotspots-wrapper .focus-pane{position:absolute}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:first-child{top:10%;left:3%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:first-child{left:24%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:first-child{left:24%}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(3){top:31%;left:24%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(3){top:43%;left:32%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(3){top:43%;left:31%}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(5){bottom:25%;left:-9%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(5){bottom:30%;left:12%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(5){bottom:27%;left:4%}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(7){bottom:23px;left:20px}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(7){bottom:36px;left:19%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(7){bottom:5%;left:68px}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(9){bottom:31%;right:10%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(9){right:23%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(9){bottom:31%;right:20%}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(11){bottom:17.5%;right:-13%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(11){right:11%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(11){right:4%;bottom:16%}
}.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(13){bottom:14%;right:50%}
@media (max-width:767px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(13){right:11%}
}@media (max-width:480px){.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(13){right:4%;bottom:16%}
}
.feature_explore-area .hotspots-wrapper img{max-width:100%;height:auto;}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hots-pots-inner{position:absolute;width:15px;height:15px;line-height:1;border-radius:100px;opacity:1;background-color:#d4ff00;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:inherit;z-index:1;display:none}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content p{background-color:rgba(144,195,0,.8);color:#fff;margin:0;text-transform:uppercase;padding:5px 15px;font-size:14px;border-radius:25px; font-weight:600; letter-spacing:.3px;}
@media (max-width:767px){
.feature_explore-area .hotspots-wrapper img{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
@media (max-width:480px){
.feature_explore-area .hotspots-wrapper img{padding-left:70px;padding-right:70px}
}
@media (max-width:480px){
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content p{padding:1px 10px;font-size:10px}
}

.xqbox-y ul{display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.xqbox-y ul li{ padding:0 10px; max-width:200px; overflow:hidden;}
.xqbox-y ul li a{ padding:0;}
.xqbox-y ul li img{max-width:100%;height:auto;filter:Alpha(opacity=30);opacity:0.3}
@media (min-width:1026px){

.xqbox-y ul li img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.xqbox-y ul li:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
}
.xqbox-y ul li a.active img{filter:Alpha(opacity=100);opacity:1}
.xqbox-y .txt{ font-size:24px; font-weight:500; line-height:39px; padding-top:25px;}
.xqbox-y .txt p{ margin-bottom:0}

.video-content-area{ width:100%;}
.video-content-area .video-content{position:relative;}
.video-content-area .video-content .video-file{width:100%;height:640px;overflow:hidden;}
.video-content-area .video-content .video-file .file-v,.video-content-area .video-content .video-file iframe,.video-content-area .video-content .video-file video{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;}
.video-content-area .video-content .video-but{ position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}
.video-content-area .video-content .video-but a{width:86px;height:86px;margin:0 auto;display:block;border-radius:50%;}
.video-content-area .video-content .video-but img{ display:block; width:100%;}
.video-content-area .video-content .video-but .video-heading{color:#fff;font-size:42px;font-weight:700;line-height:56px; margin-top:40px;}

.section-padding{padding-top:50px;padding-bottom:100px; background:#fff;}
.section-padding-a{padding-top:40px;padding-bottom:50px;}
.section-title{text-align:left;}
.section-title h2.tt,.section-title.line-border h2.tt{font-size:42px;font-weight:700;line-height:46px;color:#000;margin:0;position:relative;letter-spacing:1px}
.section-title.line-border h2.tt{position:relative;margin-bottom:20px;padding-bottom:20px;font-family:'Bahnschrift';}
.section-title.line-border h2.tt:after{content:"";position:absolute;bottom:0;background-color:#d4ff00;width:45px;height:4px;left:0}
.section-title p{ font-size:17px; line-height:29px; margin-bottom:0}
.section-title.line-border h2.tt-a{ padding-bottom:15px;}
.section-title.line-border h2.tt-a:after{width:55px;height:2px;}
.section-title.line-border h2.cl-h{ color:#3d3d3d;}
.xqbox-a img{ display:block; width:100%; margin:0 auto; height:auto;}

.video-slider-area{ padding-bottom:80px;}
.video-slider-area .video-slider{ padding-bottom:80px;}
.video-slider .single-video-item{background-color:#fff;-webkit-box-shadow:rgba(149,157,165,.2) 0 8px 24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;}
.video-slider .single-video-item .v-file{width:100%;height:232px;padding:0;margin:0;vertical-align:middle;overflow:hidden}
.video-slider .single-video-item iframe,.video-slider .single-video-item img,.video-slider .single-video-item video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1;}
.video-slider .single-video-item .video-text-wrap{padding:18px 15px; text-align:left}
.video-slider .single-video-item .video-text-wrap h3.title,.video-slider .single-video-item .video-text-wrap h4.short-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.video-slider .single-video-item .video-text-wrap h3.title{font-size:20px;line-height:25px;font-weight:500;color:#000;margin-bottom:12px;}
.video-slider .single-video-item .video-text-wrap h4.short-title{font-size:14px;line-height:24px;font-weight:400;color:#6b6b6b;}
.video-slider .single-video-item .video-text-wrap i{font-size:25px; font-size:400; color:#000}
.video-slider .swiper-button-next{ background:url(../images/btr.png) no-repeat center center;top:39%}
.video-slider .swiper-button-prev{ background:url(../images/btl.png) no-repeat center center;top:39%}
.accordion{border-top:1px solid #999;}
.accordion .accordion-item{border-radius:unset;background-color:transparent;border:unset;border-bottom:1px solid #999;}
.accordion .accordion-item .accordion-header{border:unset;font-size:15px;color:#000;font-weight:700;margin-bottom:0}
.accordion .accordion-item .accordion-header button{background-color:transparent;border:unset;padding:20px 0;width:100%;text-align:left;cursor:pointer;font-size:24px;font-weight:600; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; line-height:32px;}
.accordion .accordion-item .accordion-header button i{ font-size:19px;}
.accordion .accordion-item .collapse:not(.show){display:none}
.accordion .accordion-item .accordion-body{padding:5px 20px 20px 33px; font-size:16px; line-height:28px; text-align:left}
.accordion .accordion-item .accordion-body img{ max-width:100% !important; height:auto !important}
.accordion .accordion-item .accordion-body p{ margin-bottom:5px;}

.compare-models{ padding-bottom:70px;}
.compare-models .mtext{ font-size:14px; line-height:22px; overflow:hidden}
.compare-models .mtext *{ margin-bottom:0;word-wrap:break-word;}
.compare-models .mtext p{ padding-bottom:8px;}
.compare-models .mtext a{ display:inline-block;}
.compare-models .mtext img{ max-width:100% !important; height:auto !important;}
.compare-models .mtext table td{ border:1px solid #ddd; padding:10px 5px; box-sizing:border-box; font-size:14px; font-weight:600}

.why-choose-kaabo-area{ padding-bottom:60px;}
.why-choose-kaabo-area .why-choose-single-item{text-align:center;padding:45px 20px 35px;background-color:#ffffff;margin-bottom:25px;-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);box-shadow:0px 0px 15px 0px rgba(0,0,0,0.05);font-family:'Bahnschrift';}
.why-choose-kaabo-area .why-choose-single-item:hover{-webkit-box-shadow:0px 0px 25px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 25px 0px rgba(0,0,0,0.3); cursor:default}
.why-choose-kaabo-area .grid-item>[class*=col-]{display:-webkit-box;display:-ms-flexbox;display:flex;}
.why-choose-kaabo-area .why-choose-single-item img{margin-bottom:18px;width:80px;height:80px;}
.why-choose-kaabo-area .why-choose-single-item h3{font-size:23px;font-weight:600;margin-bottom:15px;line-height:27px;font-weight:500;letter-spacing:0.3px}
.why-choose-kaabo-area .why-choose-single-item p{margin:0;color:#585858;font-size:18px;line-height:26px;}

.kaabo-dealer-policy .section-title{padding:60px 30px;margin-bottom:0; background:#d4ff00}
.kaabo-dealer-policy .section-title h2{font-size:40px;font-weight:600;line-height:38px;color:#000000;margin:0;position:relative;text-transform:capitalize}
.kaabo-dealer-policy .section-title.line-border h2{position:relative;margin-bottom:20px;padding-bottom:20px}
.kaabo-dealer-policy .section-title h2{color:#000;text-transform:capitalize}
.kaabo-dealer-policy .section-title p{color:#000;margin-bottom:20px}
.kaabo-dealer-policy .list-item{padding-left:20px;margin-bottom:20px}
.kaabo-dealer-policy .list-item li{list-style:disc;color:#000;font-size:16px;font-weight:300;line-height:20px}
.kaabo-dealer-policy .list-item li:not(:last-child){margin-bottom:15px}
.kaabo-dealer-policy .btn-box a{text-decoration:none;padding:15px 20px;line-height:1;border-radius:4px;background-color:#d4ff00;-webkit-box-shadow:0px 0px 10px 0px rgba(255,0,0,0.05);box-shadow:0px 0px 10px 0px rgba(255,0,0,0.05);color:#000;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;display:inline-block;font-size:15px;font-weight:600;color:#d4ff00}
.kaabo-dealer-policy .section-title.line-border h2:after{content:"";position:absolute;bottom:0px;background-color:#d4ff00;width:35px;height:2px;left:0}
.kaabo-dealer-policy .section-title h2:after{background-color:#000!important;width:60px!important}
.kaabo-dealer-policy img{width:100%;height:100%; display:block;object-fit:cover;object-position:center center;}

.dealer-support-s{ padding-top:35px; padding-bottom:50px; background:#fff;}
.dealer-support .container{ padding-top:30px; padding-bottom:30px; text-align:left; color:#3d3d3d}
.dealer-support .right-content p,.dealer-support .left-content p{ font-size:16px; color:#000; font-weight:600; line-height:27px; letter-spacing:.3px}
.dealer-support .section-title p{ font-size:16px; padding-bottom:30px;}
.dealer-support img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;opacity:1;border-radius:8px;}
.dealer-support img.rad{border-radius:0px;}
.dealer-support h3{ font-size:28px; font-weight:600; margin-bottom:15px; font-family:'Bahnschrift'; letter-spacing:1px;}
.dealer-support ul{padding-left:20px;margin-bottom:20px}
.dealer-support ul li{list-style:disc;font-size:16px;line-height:23px}
.dealer-support ul li:not(:last-child){margin-bottom:15px}
.become-dealer-support .container{ padding-top:0; padding-bottom:0}
.become-dealer-support .right-content{ padding:30px 0 30px 40px;}


.btn-box a{text-decoration:none;padding:0 30px;border-radius:4px;background-color:#d4ff00;-moz-box-shadow:0 0 10px rgba(212,255,0,.4);-webkit-box-shadow:0 0 10px rgba(215,255,0,.4);box-shadow:0 0 10px rgba(212,255,0,.4);color:#000;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;font-size:16px;font-weight:600;display:inline-block;height:50px;line-height:50px;letter-spacing:1px;}

.faq-box .accordion{ border-top:none}
.faq-box .accordion-item{border-radius:unset;background-color:transparent;border:unset;border-bottom:1px solid #e2e2e2;text-align:left}
.faq-box .accordion-item .accordion-header button{background-color:transparent;border:unset;padding:20px 0;width:100%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex; font-size:17px; line-height:25px; font-weight:600}
.faq-box .accordion-item .accordion-body{padding:5px 20px 25px 27px;color:#5c5c5c;font-weight:500;line-height:28px; font-size:15px; letter-spacing:.3px;}
.faq-box .accordion-item .accordion-header button i{padding-right:12px;transition:transform .4s ease,-webkit-transform .4s ease;font-size:14px;font-weight:700; margin-top:5px}
.faq-box .accordion-item .accordion-header button i:last-child{display:none}
.faq-box .accordion-item .accordion-header button[aria-expanded=true] i:first-child{display:none}
.faq-box .accordion-item .accordion-header button[aria-expanded=true] i:last-child{display:block;color:#d4ff00}

.story-box{ padding-bottom:60px;}
.story-a{ padding-top:30px; padding-bottom:30px; text-align:left; color:#3d3d3d}
.story-a .left-content p,.story-a .right-content p{ font-size:16px; color:#000; font-weight:600; line-height:27px; letter-spacing:.3px}
.story-a .section-title p{ font-size:16px; font-weight:500}
.story-a img{ width:100%; height:100%;object-fit:cover;object-position:center center;opacity:1;}
.story-a h3{ font-size:28px; font-weight:600; margin-bottom:15px; font-family:'Bahnschrift'; letter-spacing:1px;}
.story-a ul{padding-left:20px;margin-bottom:20px}
.story-a ul li{list-style:disc;font-size:16px;line-height:23px}
.story-a ul li:not(:last-child){margin-bottom:15px}

.about-txt{ font-size:16px; line-height:31px; text-align:left;}
.about-txt p{ margin-bottom:0; padding-bottom:5px;}
.about-txt img{ max-width:100% !important; height:auto !important}
.company-history-area{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);padding-top:15px;padding-bottom:30px;}
.company-history-area .cnt-content span{font-size:55px;line-height:65px;color:#d4ff00;font-weight:600;}
.company-history-area .cnt-content i{font-size:15px;position:relative;top:-30px;color:#d4ff00;font-weight:600;}
.company-history-area .cnt-content p{color:#474747;font-weight:600;margin:0;}
.about-img img{ display:block; width:100%; height:100%;object-fit:cover;object-position:center center;opacity:1;}

.product-patent{ padding-bottom:80px;}
.patent-slider{ position:relative}
.patent-slider .swiper-slide{ overflow:hidden}
.patent-slider .swiper-slide .img{ border:1px solid #eee; overflow:hidden}
.patent-slider .swiper-slide .img img{ display:block; width:100%; height:auto;}
.patent-slider .swiper-sprev{ background:url(../images/btl.png) no-repeat center center rgba(0,0,0,.3);}
.patent-slider .swiper-snext{ background:url(../images/btr.png) no-repeat center center rgba(0,0,0,.3);}

.mobile-info-area{background-color:#f0f0f0}
.mobile-info-area .info-area-only-for-mobile{padding:20px 0}
.mobile-info-area .info-box-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}
.mobile-info-area .info-box-wrapper .info-box-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-self:center;padding:0 16px}
.mobile-info-area .info-box-wrapper .info-box-item img{width:25px}
.mobile-info-area .info-box-wrapper .info-box-item .info-title{margin-left:10px; text-align:left}
.mobile-info-area .info-box-wrapper .info-box-item .info-title h3{margin:0;font-size:18px; font-weight:600}
.mobile-info-area .info-box-wrapper .info-box-item .info-title p{margin:0;font-size:12px; font-weight:600; color:#656565}

.mobile-info-area .tab-pane{ position:relative}
.mobile-info-area .btn-box-tap{position:absolute;left:20px;top:-70px;}
.mobile-info-area a.taps-view-more-btn{font-size:14px;color:black;padding:6px 16px;font-weight:500;border-radius:4px;background-color:#d4ff00;box-shadow:0px 0px 10px 0px rgba(255,0,0,0.05);display:inline-block}

.nr-box{ border:1px solid #e5e5e5; padding:25px 20px; text-align:left}
.nr-box .nrtit{ padding-bottom:20px;}
.nr-box .nrtit h1{ font-size:32px; line-height:42px; font-weight:700;font-family:'Bahnschrift';}
.nr-box .nrtxt{ font-size:16px; line-height:30px;}
.nr-box .nrtxt img{ max-width:100% !important; height:auto !important}

.news-center dl{display:flex;flex-wrap:wrap;width:100%;background:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);position:relative;margin-bottom:40px;}
.news-center dl dt{ width:59.5%; text-align:left; box-sizing:border-box; padding:30px 45px;font-family:'Bahnschrift'; font-weight:normal}
.news-center dl dt h3{ font-size:27px; color:#000; font-weight:600}
.news-center dl dt .nr{ font-size:16px; line-height:32px; color:#777; font-weight:normal}
.news-center dl dt a{ font-size:17px; color:#000; display:inline-block; height:50px; line-height:50px; padding:0 20px; border:1px solid #000; margin-top:15px;}
.news-center dl dd{ width:40.5%; min-height:417px; overflow:hidden; position:relative}
.news-center dl dd img.im{ display:block; margin:0 auto; width:100%;object-fit:cover;object-position:center center;opacity:1;height:100%;}
.news-center dl dd .city{ position:absolute; left:0; bottom:0; color:#666; font-size:14px; background:#0f0f0f; text-transform:uppercase;font-family:'Bahnschrift'; letter-spacing:1px;display:flex;flex-wrap:wrap;align-items:center; padding:20px;}
.news-center dl dd .city img{ display:block; width:21px; height:16px; margin-right:10px;}
.news-center dl:after{content:"";position:absolute;top:0;left:0;background-color:#d4ff00;width:5px;height:100%;}

.bemail{ font-size:20px;font-family:'Bahnschrift'; font-weight:500; color:#1f1f1f; letter-spacing:1px; line-height:32px; padding-top:20px; padding-bottom:50px;}
.bemail a{ display:inline-block; font-size:20px; font-weight:500;font-family:'Bahnschrift'; color:#000; position:relative;}
.bemail a:after{content:"";display:block;height:2px;width:100%; background:#000; position:absolute;left:0;bottom:2px;}

/*-home-add-*/
.home-area .area-but{display:flex;flex-wrap:wrap;justify-content:center}
.home-area .area-but a{ display:inline-block; min-width:260px; font-weight:600; font-size:16px; color:#fff; line-height:29px; padding:10px 12px; background:#d4ff00;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 10px 0 rgba(144,195,0,0.5);box-shadow:0 0 10px 0 rgba(144,195,0,0.5); letter-spacing:1px}
.home-area .area-but a:nth-of-type(even){background-color:#000;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.5);box-shadow:0 0 10px 0 rgba(0,0,0,.5); margin-left:20px;}
.kaabo-suppllier-shop .col-md-6{ padding:0; overflow:hidden; position:relative;}
.kaabo-suppllier-shop .col-md-6 img.im{ display:block;width:100%;object-fit:cover;object-position:center center;opacity:1;height:100%;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.kaabo-suppllier-shop .col-md-6:hover img.im{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.kaabo-suppllier-shop .section-content-wrap{padding:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center; position:absolute; top:0;left:0; width:100%; height:100%; box-sizing:border-box}
.kaabo-suppllier-shop .section-content-wrap h2,.kaabo-suppllier-shop .section-content-wrap p{color:#fff;margin:0}
.kaabo-suppllier-shop .section-content-wrap h2{margin-bottom:14px;font-size:40px;font-weight:600;}
.kaabo-suppllier-shop .section-content-wrap p{font-size:22px;font-weight:600; letter-spacing:1px;}
.kaabo-suppllier-shop .section-content-wrap .btn-box{margin-top:18px}

.together-area .ctit{padding-top:0}
.xx-img{overflow:hidden}
.xx-img .swiper-slide{width:1230px;}
.xx-img .swiper-slide .mv-box{ width:100%; height:717px; overflow:hidden; position:relative}
.xx-img .swiper-slide img.ia,.xx-img .swiper-slide iframe{width:100%;object-fit:cover;object-position:center center;opacity:1;height:100%;}
.xx-img .swiper-slide img.ib{ position:absolute; width:88px; height:88px; left:50%; top:50%; margin-left:-44px; margin-top:-44px;}
.xx-img .swiper-slide p{ position:absolute; width:100%; font-size:30px; color:#fff; line-height:46px; left:0; bottom:0}
.xx-img .swiper-zuo,.xx-img .swiper-you{width:50%;height:100%;top:0;margin-top:0;z-index:99;transition:0.2s;background:url(../images/tex.png) repeat;}
.xx-img .swiper-zuo{left:-635px;}
.xx-img .swiper-you{right:-635px;}
.xx-img .swiper-zuo:before,.xx-img .swiper-you:after{content:'';position:absolute;width:32px;height:32px;top:50%;margin-top:-16px; z-index:2}
.xx-img .swiper-zuo:before{background:url(../images/x_z2.png) no-repeat center center;right:-70px;}
.xx-img .swiper-you:after{background:url(../images/x_z1.png) no-repeat center center;left:-70px;}
.xx-img .swiper-zuo:hover:before{background:url(../images/x_r22.png) no-repeat center center;}
.xx-img .swiper-you:hover:after{background:url(../images/x_r11.png) no-repeat center center;}

.mbg{ background:#efefef}
.xqbox-m ul{display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.xqbox-m ul li{ padding:0 10px; max-width:18%; overflow:hidden;}
.xqbox-m ul li a{ padding:0}
.xqbox-m ul li img{max-width:100%;height:auto;}
@media (min-width:1026px){

.xqbox-m ul li img{-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.xqbox-m ul li:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
}
.xqbox-m ul li a.active img{filter:Alpha(opacity=100);opacity:1}
.xqbox-m .txt{ font-size:22px; line-height:36px; padding-top:25px;font-family:'Bahnschrift-s';}
.xqbox-m .txt h2{font-weight:600; font-size:40px; margin-bottom:20px}


.say-img{padding-top:20px; padding-bottom:90px}
.say-img .swiper-slide{width:920px;}
.say-img .swiper-slide .say-box{ width:100%; height:370px; overflow:hidden; position:relative; padding:50px; box-sizing:border-box; background:#fff;-moz-box-shadow:0 0 25px #ddd;-webkit-box-shadow:0 0 25px #ddd;box-shadow:0 0 25px #ddd;}
.say-img .swiper-slide .say-box .s-img img{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; display:block; width:126px; height:126px; margin:0 auto; border:3px solid #d4d4d4;}
.say-img .swiper-slide .say-box .s-txt{ font-size:22px; color:#000; line-height:32px; text-align:center; padding-top:30px; font-weight:600}
.say-img .swiper-slide .say-box .s-name{ text-align:right; color:#737373; font-size:20px; padding-top:20px; font-weight:600}
.say-img .swiper-szuo,.say-img .swiper-syou{width:50%;height:370px;top:20px;margin-top:0;z-index:99;transition:0.2s;}
.say-img .swiper-szuo{left:-480px; background:url(../images/tmr1.png) repeat-y left top; background-size:100% auto}
.say-img .swiper-syou{right:-480px; background:url(../images/tmr2.png) repeat-y right top; background-size:100% auto}
.say-img .swiper-szuo:before,.say-img .swiper-syou:after{content:'';position:absolute;width:32px;height:32px;top:50%;margin-top:-16px; z-index:2}
.say-img .swiper-szuo:before{background:url(../images/x_a2.png) no-repeat center center;right:-70px;}
.say-img .swiper-syou:after{background:url(../images/x_a1.png) no-repeat center center;left:-70px;}
.say-img .swiper-szuo:hover:before{background:url(../images/x_r22.png) no-repeat center center;}
.say-img .swiper-syou:hover:after{background:url(../images/x_r11.png) no-repeat center center;}


/*--------分页-------*/
.next_fy{padding-top:50px;padding-bottom:80px;text-align:center;font-size:16px}
.next_fy .page-item{ margin:2px;}
.next_fy .page-item .page-link{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;color:#4e4e4e;}
.next_fy .page-item:first-child .page-link{border-top-left-radius:0;border-bottom-left-radius:0;}
.next_fy .page-item:last-child .page-link{border-top-right-radius:0;border-bottom-right-radius:0;}
.next_fy .page-item .page-link:focus{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0;}
.next_fy .page-item.active>.page-link,.next_fy .page-item .page-link.active{ background-color:#d4ff00; border-color:#d4ff00; color:#fff;}
.next_fp{ font-size:16px; line-height:28px;color:#4d4d4d;padding-top:25px; padding-bottom:50px;}
.next_fp p{ text-align:left; margin-bottom:8px; font-weight:600;}
.next_fp p.rg{ text-align:right;}
.next_fp a{color:#4d4d4d; font-weight:500; padding-left:5px;}
.next_fp a:hover{color:#0067b3}


@media (max-width:1400px) {
.header-top ul li.lag-us a{ font-size:15px;}
.header_area .main-menu-wrapper{gap:30px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item:not(:last-child){ margin-right:45px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-right li.menu-item:not(:last-child){ margin-right:30px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item{ margin-right:0}
.header_area .main-menu-wrapper .middle-menu .site-branding img{ width:100px;}
.header_area .btn-wrapper .shop-now_btn{ font-size:15px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ padding:20px 0; min-width:940px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container{ padding:0 20px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-large_thumbnail{ width:35%;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap{ width:65%; padding-left:25px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product_title{ font-size:23px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .product-detail{ padding-right:0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper .megamenu-content-container .product-details-wrap .btn--secondary{ font-size:13px;}
.nbanner{ height:400px;}
.company-history-area .cnt-content span{ font-size:50px; line-height:60px;}
.company-history-area .cnt-content i{top:-26px;}
.footer-box .zixun{max-width:calc(1140px - 24px);}
.footer-box .zixun h2{ font-size:28px; line-height:50px; font-weight:500;}
.become-dealer-support .right-content{ padding-left:30px;}
.video-content-area .video-content .video-file{ height:600px;}
.kaabo-suppllier-shop .section-content-wrap{ min-height:680px; padding:45px}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:35px;}
.kaabo-suppllier-shop .section-content-wrap p{ font-size:19px;}
.xx-img .swiper-slide{ width:1030px;}
.xx-img .swiper-slide .mv-box{ height:600px;}
.xx-img .swiper-zuo{left:-535px;}
.xx-img .swiper-you{right:-535px;}
}

@media (max-width:1200px) {

.container{max-width:1024px !important}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item:not(:last-child){ margin-right:25px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-right li.menu-item:not(:last-child){ margin-right:20px;}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item{ margin-right:0}
.header_area .main-menu-wrapper .middle-menu ul.main-menu li.menu-item a{ font-size:15px;}
.header_area .main-menu-wrapper .middle-menu .site-branding img{ width:90px;}
.footer-box .zixun{max-width:calc(1024px - 24px) !important;}
.lxtxt .colx-6{ padding-left:20px; padding-right:30px;}
.lxtxt .colx-4{ padding-left:50px; padding-right:0}
.xqbanner{ height:780px}
.tt-box .container{ padding-top:35px; padding-bottom:35px;}
.ctit h2.s-title{ font-size:46px; line-height:50px;}
.video-content-area .video-content .video-but a{ width:72px; height:72px;}
.video-content-area .video-content .video-but .video-heading{ font-size:36px; line-height:42px; margin-top:25px;}
.xqbox-a{ padding-top:30px; padding-bottom:30px;}
.xqbox-a .section-title h2.tt,.xqbox-a .section-title.line-border h2.tt{ font-size:38px; line-height:40px;}
.xqbox-a .section-title.ps-4,.xqbox-a .section-title.line-border.ps-4{ padding-left:14px !important;}
.video-slider-area .video-slider{ padding-bottom:70px;}
.video-content-area .video-content .video-file{ height:560px;}
.product-area .area-lf{ padding-top:15px;}
.product-area .area-lf .tab-t h2{ font-size:42px; line-height:40px;}
.product-area .area-lf .tab-t p{ font-size:17px; margin-bottom:10px;}
.product-area .area-lf .tab-w li a{ font-size:16px;}
.product-area .area-lf .tab-w li img{ width:35px;}
.product-area .area-rg .btn-box-tap{ margin-top:0;}
.product-area .area-rg .btn-box-tap a.taps-view-more-btn{ font-size:15px; padding:10px 22px;}
.product-area .area-rg .product-item:not(:last-child){ margin-bottom:30px;}
.product-area .area-rg .product-item h3{ font-size:22px; line-height:24px;}
.product-area .area-rg .product-item p{ font-size:15px;}
.product-area .area-rg .product-item img{ width:35px;}
.product-area.sbg3 .btn-box-tap{ margin-top:60px}
.mv-list dl dd{ font-size:16px; line-height:24px; padding:20px 30px;}
.mv-list dl dd h3{ font-size:25px; line-height:27px; margin-bottom:10px;}
.mv-list dl dd p{ margin-bottom:10px;}
.product-area .list-inner{-ms-grid-columns:290px 1fr 200px;grid-template-columns:290px 1fr 200px;}
.bannar-wrapper .banner-content-inner .banner-subtitle{ font-size:27px; line-height:29px;}
.bannar-wrapper .banner-content-inner .bannar-heading{ font-size:36px; line-height:38px;}
.bannar-wrapper .bannar-btn .get-quotation-btn{ font-size:22px; padding:15px 26px;}
.home-video{ padding-top:50px}
.news-center dl dt{ padding:30px 30px}
.news-center dl dt h3{ font-size:25px;}
.news-center dl dt .nr{ font-size:15px; line-height:30px;}
.news-center dl dt a{ font-size:15px; height:47px; line-height:47px;}
.news-center dl dd{ height:406px;}
.news-center dl dd .city{ padding:15px;}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:32px; margin-bottom:10px;}
.kaabo-suppllier-shop .section-content-wrap p{ font-size:17px;}
.xx-img .swiper-slide{ width:860px;}
.xx-img .swiper-slide .mv-box{ height:500px;}
.xx-img .swiper-slide img.ib{ width:66px; height:66px; margin-top:-33px; margin-left:-33px;}
.xx-img .swiper-zuo{left:-450px;}
.xx-img .swiper-you{right:-450px;}
.xqbox-m .txt{ font-size:20px; line-height:32px;}
.xqbox-m .txt h2{ font-size:35px; margin-bottom:15px;}
.say-img{ padding-bottom:80px;}
.say-img .swiper-slide{ width:720px;}
.say-img .swiper-slide .say-box{ padding:30px; height:360px;}
.say-img .swiper-slide .say-box .s-txt{ font-size:20px; padding-top:25px;}
.say-img .swiper-slide .say-box .s-name{ font-size:18px; padding-top:15px;}
.say-img .swiper-szuo,.say-img .swiper-syou{height:360px;}
.say-img .swiper-szuo{left:-380px;}
.say-img .swiper-syou{right:-380px;}
.say-img .swiper-szuo:before{right:-60px}
.say-img .swiper-syou:after{left:-60px}
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ padding:20px 0; min-width:824px;}


.kt_v{ width:100%; padding-top:50px;}
.kt_v ul li{ width:100%; float:left; position:relative;transition: all 0.6s; overflow:hidden;}
.kt_v ul li:nth-child(2n){ margin-left:0px;}
.kt_v ul li .kt_v1{ width:100%; height:auto; }
.kt_v ul li .kt_v1 img{ display: block; width:100%;}
.kt_v ul li .kt_v2{ position:absolute; width:99.9%;height:100%;  background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); z-index:1; top:0%; text-align:center; color:white;transition: all 0.6s;display:flex;align-items:flex-end; text-align:center; justify-content:center; padding:0% 15%;}
.kt_v ul li .kt_v2>div{position:absolute; height:120px; bottom:7%; margin-bottom:0px;transition: all 0.6s;  }
.kt_v ul li .kt_v2 p{ display:block; font-size:13px; margin-bottom:0em;}
.kt_v ul li .kt_v2 span{ display:block; font-size:24px; margin-bottom:0.5em;}
.kt_v ul li .kt_v2 a{ display:inline-block; margin:0 auto; border:1px solid white; font-size:15x; padding:10px 40px; color:white;transition: all 0.6s; opacity:1}
.kt_v ul li:hover .kt_v2{ height:100%; top:0%; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));}
.kt_v ul li:hover .kt_v2>div{bottom:7%; margin-bottom:0px;}
.kt_v ul li:hover .kt_v2 a{opacity:1}




}
@media (max-width:1100px) {
.home-header .container{ max-width:95% !important;}
}
@media (max-width:1024px) {
.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-left,.header_area .main-menu-wrapper .middle-menu ul.main-menu.text-right{ display:none}
.header_area .main-menu-wrapper .middle-menu .site-branding img{ width:80px;}
.header_area .main-menu-wrapper .nav-tools .nav-sitebar-button{ display:block}
.header_area .main-menu-wrapper .nav-tools{ display:block}

.nbanner{ height:360px;}
.nbanner .tit{ font-size:42px; line-height:52px;}
.ctit{ padding-top:50px; padding-bottom:20px;}
.ctit h2.s-title{ font-size:45px; line-height:52px;}
.company-history-area .cnt-content span{ font-size:45px; line-height:55px;}
.company-history-area .cnt-content i{top:-22px;}
.product-patent{ padding-bottom:65px;}
.lxtit{ padding-top:45px; padding-bottom:15px;}
.lxtit h2{ font-size:45px;line-height:55px;}
.lxform{ padding-bottom:60px;}
.ft-box .container{ padding-top:40px; padding-bottom:80px;}
.ft-box .container dl dd span{ font-size:38px; height:32px; line-height:32px;}
.footer-box{ padding-top:100px;}
.footer-box .zixun{ padding:25px 20px;top:-50px; max-width:calc(100% - 36px) !important}
.footer-box .zixun h2{ font-size:36px; line-height:46px;}
.footer-box .zixun a{ font-size:18px; height:52px; line-height:52px;}
.blog-center .list-sm-left .list-dl dl{ padding:20px;}
.blog-center .list-sm-left .list-dl dl dd{ padding-left:20px;}
.blog-center .list-sm-left .list-dl dl dd a{ font-size:20px; line-height:30px;}
.story-a{ padding-top:20px; padding-bottom:20px;}
.story-a .section-image{ padding-left:12px !important}
.story-a .section-txt .section-title.line-border{ padding-left:0 !important}
.xqbanner{ height:750px;}
.xqbanner .xq .tit{ font-size:38px;}
.xqbanner .xq .but{ padding-top:50px}
.tt-box .container dl dt{ width:100%;}
.tt-box .container dl dt img{ margin:0 auto}
.tt-box .container dl dd{ width:100%; padding-left:0; text-align:center; padding-top:15px; font-size:14px;}
.tt-box .container dl dd span{ font-size:20px; line-height:26px;}
.video-content-area .video-content .video-but a{ width:66px; height:66px;}
.video-content-area .video-content .video-but .video-heading{ font-size:32px; line-height:38px; margin-top:20px;}
.xqbox-dl{ padding-top:40px;}
.xqbox-a .section-title h2.tt, .xqbox-a .section-title.line-border h2.tt{ font-size:34px; line-height:36px; padding-bottom:15px;}
.xqbox-y .txt{ font-size:25px; line-height:35px; padding-top:20px;}
.video-content-area .video-content .video-file{ height:520px;}
.product-area .area-lf .tab-w li img{ width:30px;}
.product-area .area-lf .tab-w li:not(:last-child){ margin-bottom:15px;}
.product-area .area-lf .tab-t h2{ font-size:38px; line-height:36px;}
.product-area .area-rg .btn-box-tap{ margin-top:-40px;}
.product-area .area-rg .btn-box-tap a.taps-view-more-btn{ font-size:14px; padding:9px 20px;}
.product-area.sbg3 .btn-box-tap{ margin-top:10px}
.bannar-wrapper .banner-content-inner{ padding-left:12px; padding-right:12px;}
.home-video-s{ padding-top:30px;}
.shows-list{grid-template-columns:repeat(1,1fr 310px);}
.shows-list .s-lf div.im:nth-of-type(1){grid-template-columns:repeat(1,1fr 240px);}
.shows-list .s-lf div.im:nth-of-type(2){grid-template-columns:repeat(1,240px 1fr);}
.kaabo-suppllier-shop .section-content-wrap{ padding:25px;}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:28px;}
.xx-img .swiper-slide p{ font-size:27px; line-height:42px;}
.xqbox-m .txt{ font-size:18px; line-height:30px;}
.xqbox-m .txt h2{ font-size:32px;}
}

@media (max-width:990px) {
.nbanner .tit{ font-size:40px; line-height:50px;}
.company-history-area .cnt-content span{ font-size:42px; line-height:52px;}
.company-history-area .cnt-content i{top:-20px;}
.ctit h2.s-title{ font-size:42px; line-height:52px;}
.ft-box .container dl dt{ width:100%;}
.ft-box .container dl dt img{ margin:0 auto}
.ft-box .container dl dd{ padding-left:0; font-size:18px; width:100%; text-align:center; padding-top:5px;}
.ft-box .container dl dd span{ font-size:32px;}
.footer-box .zixun h2{ font-size:32px; line-height:32px;}
.lxtxt{ padding-top:60px;}
.lxtxt h2.tt{ font-size:32px;}
.why-choose-kaabo-area{ padding-bottom:50px;}
.dealer-support-s{ padding-top:25px; padding-bottom:35px;}
.section-title.line-border h2.tt{ font-size:38px; line-height:42px;}
.dealer-support .section-title p{ padding-bottom:20px;}
.story-a{ padding-top:15px; padding-bottom:15px;}
.story-a .section-txt{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; padding-top:15px;}
.xqbox-a{ padding-top:20px; padding-bottom:20px;}
.xqbox-a .middle-img,.xqbox-a .section-image{ padding-left:12px !important; padding-right:12px !important;}
.xqbox-a .middle-img{ width:58%;}
.xqbox-a .last-image{ width:42%;}
.xqbox-a .xqbox-txt{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; padding-top:20px;}
.xqbox-a .section-title.ps-4,.xqbox-a .section-title.line-border.ps-4{ padding-left:0 !important}
.xqbox-y ul li{ max-width:20%;}
.bannar-wrapper{ padding-top:45%; padding-bottom:80px;}
.bannar-wrapper .banner-content-inner .banner-subtitle{ font-size:24px;}
.bannar-wrapper .banner-content-inner .bannar-heading{ font-size:32px; line-height:34px;}
.bannar-wrapper .bannar-btn{ text-align:right; padding-top:25px; position:relative; bottom:-20px;}
.bannar-wrapper .bannar-btn .get-quotation-btn{ padding:7px 12px; font-size:16px;}
.shows-list{grid-template-columns: repeat(1,1fr);}
.shows-list .s-lf div.im div,.shows-list .s-rg{ height:auto}
.mv-list dl:not(:last-child){ margin-bottom:35px;}
.mv-list dl dt{ width:100%;}
.mv-list dl dd{ width:100%;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; padding:20px;}
.mv-list dl:before{ height:3px; width:100%}
.mv-slider p{ font-size:25px;}
.mv-slider button{ width:72px; height:72px; margin-top:-50px; margin-left:-36px;}
.hv-butt{ padding-top:40px;}
.vtit{ font-size:42px; line-height:52px;}
.news-center dl:after{ display:none}
.news-center dl dt{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; width:100%; padding:30px 25px}
.news-center dl dd{ width:100%; height:auto}
.kaabo-suppllier-shop .col-md-6{ width:100%;}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:35px;}
.kaabo-suppllier-shop .section-content-wrap p{ font-size:22px;}
.xx-img .swiper-slide,.say-img .swiper-slide{ width:100%;}
.xx-img .swiper-zuo,.say-img .swiper-szuo{left:0; width:0;}
.xx-img .swiper-you,.say-img .swiper-syou{right:0; width:0;}
.xx-img .swiper-zuo:before,.say-img .swiper-szuo:before{right:-40px;}
.xx-img .swiper-you:after,.say-img .swiper-syou:after{left:-40px}
.say-img .swiper-slide .say-box{ height:auto; width:90%; margin:0 auto}
.say-img .swiper-szuo:before,.say-img .swiper-syou:after{ margin-top:-26px;}
.say-img{ padding-top:15px; padding-bottom:70px;}
}


@media (max-width:1020px){
.header_area .main-menu-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;	
	}

.header_area .main-menu-wrapper{ padding:10px 0px;}    
    
    
}

@media (max-width:860px) {
.header_area .main-menu-wrapper{ padding-top:6px; padding-bottom:6px;}

.home-top .header-top{ padding-top:19px; padding-bottom:5px;}

.header_area .header-right-button{ padding-right:5px;}
.header_area .main-menu-wrapper .middle-menu .site-branding img{ width:80px;}
.footer-box .zixun h2{ font-size:32px; line-height:42px; letter-spacing:1px;}
.xqbox-a .section-title h2.tt,.xqbox-a .section-title.line-border h2.tt{ font-size:30px; line-height:32px;}
.section-title.line-border h2.tt:after{ height:2px;}
.video-slider-area{ padding-bottom:65px;}
.video-slider-area .video-slider{ padding-bottom:60px;}
.accordion .accordion-item .accordion-header button{ font-size:20px; letter-spacing:0; line-height:30px; padding:16px 0}
.accordion .accordion-item .accordion-header button i{ font-size:15px; margin-right:5px;}
.accordion .accordion-item .accordion-body{ padding:5px 15px 20px;}
.video-slider .single-video-item .video-text-wrap h3.title{ font-size:18px; line-height:23px;}
.video-slider .single-video-item .video-text-wrap h4.short-title{ font-size:15px; line-height:21px;}
.video-content-area .video-content .video-file{ height:480px;}

}

@media (max-width:768px) {
.header-top{ padding-left:0; padding-right:0}
.header-top ul li.lag-us a{ font-size:14px; height:18px;}
.header-top ul li.sch-bt span.s,.header-top ul li.lag-ur a{ width:18px; height:18px; background-size:100% auto}
.header_area .main-menu-wrapper .middle-menu .site-branding img{ display:none}
.header_area .main-menu-wrapper .middle-menu .site-branding img.phone-block-hide{ display:block; width:70px;}
.header_area .btn-wrapper .shop-now_btn{ font-size:12px; margin-top:2px;}
.footer-box{ padding-top:80px;}
.footer-box .fnav dl{ width:100%; padding-right:0; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #777;}
.footer-box .fnav dl:nth-of-type(5){ width:100%;}
.footer-box .fnav dl dt{ padding-top:10px; font-size:16px;}
.footer-box .fnav dl dt i{ display:block; width:100%; height:100%; position:absolute; right:0; top:0; background:url(../images/ia.png) no-repeat right center;}
.footer-box .fnav dl dt i.fan{ background:url(../images/ib.png) no-repeat right center;}
.footer-box .fnav dl dd{ display:none;}
.ctit{ padding-top:35px; padding-bottom:10px;}
.company-history-area{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);}
.company-history-area .sintle-item{ padding:15px 0;}
.company-history-area .sintle-item:nth-of-type(odd){ background:url(../images/rh.png) repeat-y right bottom}
.company-history-area .sintle-item:nth-of-type(1),.company-history-area .sintle-item:nth-of-type(2){ border-bottom:1px solid #eee;}
.about-img .col-md-6:not(:last-child){margin-bottom:15px}
.container,.ntit{ padding-left:5px; padding-right:5px}
.blog-center .list-sm-left{ width:100%;}
.blog-center .list-sm-right{ width:100%; padding-left:0; padding-bottom:50px;}
.blog-center .list-sm-left .list-dl dl{ padding:15px;}
.blog-center .list-sm-left .list-dl dl dt{ width:100%; height:auto}
.blog-center .list-sm-left .list-dl dl dd{ width:100%; padding-left:0; padding-top:15px;}
.blog-center .list-sm-right .rlink ul li{ width:25%;}
.ntit{ padding-top:30px;}
.ntit h2{ font-size:24px;}
.lxtxt{ padding-top:40px; padding-bottom:40px;}
.lxtxt h2.tt{ padding-bottom:10px; font-size:28px;}
.lxtxt h2.tt:after{ bottom:5px;}
.lxtxt .colx-6,.lxtxt .colx-4{ width:100%; padding-left:0; padding-right:0; border:none}
.lxtxt .colx-4{ padding-top:25px;}
.lxtxt .colx-6 dl{ padding-top:20px;}
.lxtxt .colx-6 dl.la,.lxtxt .colx-6 dl.lb{ background-position:0 20px;}
.lxtxt .colx-6 dl.lc{ background-position:0 23px;}
.why-choose-kaabo-area{ padding-bottom:35px;}
.why-choose-kaabo-area .why-choose-single-item{ padding-top:30px;}
.kaabo-dealer-policy .container{ padding-left:0; padding-right:0}
.kaabo-dealer-policy .section-title{ padding:50px 25px;}
.kaabo-dealer-policy .section-title h2{ font-size:35px;}
.kaabo-dealer-policy .section-title.line-border h2{ padding-bottom:15px;}
.dealer-support .container{ padding-top:20px; padding-bottom:20px;}
.dealer-support-s .container .row{ margin-left:0; margin-right:0}
.dealer-support-s .container .right-content{ padding-left:calc(var(--bs-gutter-x) * .5) !important; padding-top:20px;}
.dealer-support-s .container .left-content{ padding-right:calc(var(--bs-gutter-x) * .5) !important; padding-top:20px;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;}
.become-dealer-support .container{ padding:0}
.become-dealer-support .right-content{ padding:35px 20px 30px;}
.section-title.line-border h2.tt{ font-size:35px; line-height:38px;}
.section-title.line-border h2.tt-a{ padding-bottom:10px;}
.faq-box .accordion-item .accordion-header button{ padding:15px 0}
.faq-box .accordion-item .accordion-body{ padding:0 15px 15px 26px;}
.story-box{ padding-bottom:40px;}
.xqbanner{ height:700px;}
.xqbanner .xq{ padding-left:15px;}
.xqbanner .xq .tit{ font-size:35px; line-height:40px;}
.xqbanner .xq .but{ padding-top:30px;}
.xqbanner .xq .txt{ font-size:19px; line-height:27px;}
.xqbanner .xq .but a{ font-size:15px; height:52px; line-height:52px; width:170px;}
.tt-box .container{ padding-top:30px; padding-bottom:30px;}
.tt-box .container dl dd span{ font-size:17px;}
.tt-box .container dl dd{ font-size:13px;}
.ctit h2.s-title{ font-size:38px; line-height:46px;}
.feature_explore-area{ padding-bottom:35px;}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content p{ font-weight:500; font-size:13px; padding:4px 15px;}
.xqbox-y{ padding-top:35px; padding-bottom:35px}
.xqbox-y .txt{ font-size:22px; line-height:32px; padding-top:15px;}
.video-content-area .video-content .video-but a{ width:60px; height:60px;}
.video-content-area .video-content .video-but .video-heading{ font-size:28px; line-height:33px;}
.xqbox-dl{ padding-top:25px; padding-bottom:35px;}
.xqbox-a{ padding-top:15px; padding-bottom:15px;}
.xqbox-a .section-title h2.tt,.xqbox-a .section-title.line-border h2.tt{ font-size:28px;}
.section-title p{ font-size:16px; line-height:28px;}
.xqbox-y ul li{ max-width:25%;}
.compare-models{ padding-bottom:50px;}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:first-child{left:24%}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(3){top:43%;left:32%}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(5){bottom:30%;left:12%}
.feature_explore-area .hotspots-wrapper .hot-spots-image .hotspots-content:nth-child(7){bottom:36px;left:19%}
.vtit{ font-size:37px; line-height:47px;}
.mv-slider button{ width:62px; height:62px; margin-top:-35px; margin-left:-31px;}
.mv-list dl dd h3{ font-size:22px; line-height:25px;}
.mv-list dl dd{ font-size:15px; line-height:22px;}
.mv-slider p{ font-size:22px;}
.product-area .list-inner{-ms-grid-columns:290px 1fr;grid-template-columns:290px 1fr;}
.product-area .area-rg{display:none}
.mobile-info-area{display:block}
.product-area .area-lf{ padding-top:0}
.product-area .area-lf .tab-t h2{ font-size:34px; line-height:32px;}
.news-center dl dt{ padding:25px 20px;}
.together-area .ctit{ padding-bottom:20px;}
}

@media (max-width:660px){
.mobile-info-area a.taps-view-more-btn{ font-size:13px; padding:5px 15px;}
.mobile-info-area .btn-box-tap{top:-50px;}
}

@media (max-width:640px) {
.nbanner{ height:300px;}
.nbanner .tit{ font-size:36px; line-height:46px;}
.company-history-area .cnt-content span{ font-size:38px; line-height:48px;}
.ctit h2.s-title{ font-size:35px; line-height:40px;}
.product-patent{ padding-bottom:50px;}
.lxtit{ padding-top:35px; padding-bottom:10px;}
.lxtit h2{ font-size:40px; line-height:46px;}
.lxform{ padding-bottom:50px;}
.lxform ul li{ padding-top:7px; padding-bottom:7px;}
.ft-box .container{grid-gap:10px;}
.ft-box .container dl dd{ font-size:16px; padding-top:8px;}
.ft-box .container dl dd i{ font-size:32px;}
.ft-box .container dl dd span{ font-size:28px; height:28px; line-height:28px;}
.footer-box{ padding-top:65px;}
.footer-box .zixun{ padding:20px 15px;}
.footer-box .zixun h2{ font-size:28px; line-height:32px; width:calc(100% - 140px)}
.footer-box .zixun a{ font-size:16px; height:46px; line-height:46px; width:120px}
.footer-box .fnav dl dd{ font-size:15px; line-height:25px;}
.footer-box .fnav dl dt i,.footer-box .fnav dl dt i.fan{ background-size:16px auto;}
.faq-box .accordion-item .accordion-header button{ letter-spacing:0; font-size:16px; padding:13px 0}
.faq-box .accordion-item .accordion-body{ font-size:14px; line-height:26px;}
.section-padding{ padding-top:30px; padding-bottom:30px;}
.xqbox-a{ padding-top:15px; padding-bottom:15px;}
.xqbanner{ height:670px;}
.xqbanner .xq{ padding-left:10px;}
.xqbanner .xq .tit{ font-size:32px; line-height:34px;}
.xqbanner .xq .txt{ font-size:17px; line-height:25px;}
.video-content-area .video-content .video-file{ height:420px;}
.product-area{ padding-bottom:50px;}
.nr-box{ padding:20px 15px;}
.nr-box .nrtit h1{ font-size:28px; line-height:36px;}
.next_fp{ padding-bottom:40px;}
.bannar-wrapper .banner-content-inner .banner-subtitle{ font-size:20px; line-height:22px;}
.bannar-wrapper .banner-content-inner .bannar-heading{ font-size:28px; line-height:30px; letter-spacing:1px}
.kaabo-suppllier-shop .section-content-wrap{ min-height:650px; padding:20px;}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:30px;}
.kaabo-suppllier-shop .section-content-wrap p{ font-size:18px;}
.xx-img .swiper-slide .mv-box{ height:460px;}
.xqbox-m .txt h2{ font-size:28px; margin-bottom:10px;}
.xqbox-m .txt{ font-size:16px; line-height:28px;}
.say-img{ padding-bottom:60px;}
.say-img .swiper-slide .say-box .s-txt{ font-size:18px; line-height:28px;}
.say-img .swiper-slide .say-box .s-name{ font-size:16px;}
.home-area .area-but a{ width:47%; font-size:15px; box-sizing:border-box; min-width:0; padding:10px 0; font-weight:500; letter-spacing:0}
.home-area .area-but a:nth-of-type(even){ margin-left:2.5%;}
.xqbox-m ul li{ padding:0 5px;}
}
@media (max-width:596px){
.mobile-info-area .info-box-wrapper .info-box-item{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center}
.mobile-info-area .info-box-wrapper .info-box-item img{margin-bottom:8px}
.mobile-info-area .info-box-wrapper .info-box-item .info-title{margin-left:0; text-align:center; padding-top:5px;}
.mobile-info-area .info-box-wrapper .info-box-item .info-title h3{ font-size:16px;}
}
@media (max-width:560px){
.product-area .list-inner{-ms-grid-columns:190px 1fr;grid-template-columns:190px 1fr}
.product-area .area-cn .product-thumb{ padding:0 10px;}
.mv-list{ padding-top:30px;}
.home-video{ padding-top:40px;}
.shows-list .s-lf div.im:nth-of-type(1),.shows-list .s-lf div.im:nth-of-type(2){grid-template-columns:repeat(1,1fr);}
.hv-butt{ padding-top:30px;}
.hv-butt a{ font-size:15px; padding:10px 30px;}
}
@media (max-width:500px) {
.ft-box .container{grid-template-columns:repeat(2,1fr);grid-gap:15px; padding-top:30px; padding-bottom:100px;}
.footer-box{ padding-top:70px;}
.footer-box .zixun{ top:-76px; padding:15px;}
.footer-box .zixun h2{ width:100%; font-size:25px; line-height:28px; margin-right:0; letter-spacing:.5}
.footer-box .zixun a{ height:42px; line-height:42px; margin-top:15px;}
.xqbox-y .txt{ font-size:18px; line-height:28px;}
.video-slider-area{ padding-bottom:45px;}
.video-slider-area .video-slider{ padding-bottom:45px;}
.video-content-area .video-content .video-but .video-heading{ font-size:25px; line-height:30px;}
.accordion .accordion-item .accordion-header button{ font-size:17px; padding:12px 0}
.product-area .area-lf .tab-t h2{ font-size:30px;}
.product-area .area-lf .tab-t p{ font-size:15px; line-height:20px; margin-bottom:5px;}
.product-area .area-lf .tab-w li a{ font-size:15px;}
.product-area .area-lf .tab-w li img{ width:25px;}
.vtit{ font-size:32px; line-height:42px; padding-top:5px;}
.mv-slider button{ width:52px; height:52px;}
.mv-slider p,.mv-list dl dd h3{ font-size:20px;}
.mv-list dl dd{ padding:15px;}
.mv-list dl:not(:last-child){ margin-bottom:25px;}

}

@media (max-width:480px){
.mobile-info-area .info-box-wrapper .info-box-item img{width:20px}
.mobile-info-area .info-box-wrapper .info-box-item .info-title h3{font-size:10px}
.mobile-info-area .info-box-wrapper .info-box-item .info-title p{font-size:9px;line-height:12px;margin-top:5px}
}
@media (max-width:440px) {
.header_area .main-menu-wrapper .nav-tools{ padding-left:5px}
.header_area .btn-wrapper .shop-now_btn{ font-size:12px; letter-spacing:.5px; padding:6px 10px 5px 8px}
.header_area .main-menu-wrapper .middle-menu .site-branding img.phone-block-hide{ width:70px;}
.nbanner{ height:270px;}
.nbanner .tit{ font-size:32px; line-height:40px;}
.ctit h2.s-title,.company-history-area .cnt-content span{ font-size:32px; line-height:42px;}
.company-history-area .cnt-content i{top:-11px; font-size:13px;}
.company-history-area .cnt-content p{ font-size:14px;}
.product-patent{ padding-bottom:40px;}
.patent-slider .swiper-sprev,.patent-slider .swiper-snext{ width:22px; height:36px; background-size:50% auto}
.lxtit h2{ font-size:36px; line-height:42px;}
.lxtit p{ font-size:17px;}
.lxform ul li{ width:100%;}
.lxform ul li:nth-of-type(even){ margin-left:0}
.footer-box{ padding-top:90px;}
.blog-center .list-sm-left .list-dl dl dd a{ font-size:18px; line-height:28px;}
.blog-center .list-sm-right .rtit{ font-size:18px;}
.why-choose-kaabo-area{ padding-bottom:25px;}
.kaabo-dealer-policy .section-title{ padding:35px 20px;}
.kaabo-dealer-policy .section-title h2{ font-size:32px; line-height:30px}
.dealer-support .container{ padding-top:15px; padding-bottom:15px;}
.section-title.line-border h2.tt-a{ font-size:32px; line-height:32px; margin-bottom:15px;}
.dealer-support-s{ padding-bottom:25px;}
.become-dealer-support .container{ padding:0}
.become-dealer-support .right-content{ padding-bottom:20px;}
.dealer-support h3{ font-size:24px;}
.btn-box a{ font-size:15px; height:45px; line-height:45px;}
.section-padding-a{ padding-bottom:30px; padding-bottom:40px;}
.story-box{ padding-bottom:30px;}
.section-padding{ padding-top:20px; padding-bottom:20px;}
.xqbox-a{ padding-top:15px; padding-bottom:15px;}
.video-content-area .video-content .video-file{ height:380px;}
.tt-box .container{grid-template-columns:repeat(3,1fr);grid-gap:12px;}
.video-content-area .video-content .video-but a{ width:50px; height:50px;}
.video-content-area .video-content .video-but .video-heading{ font-size:23px; line-height:28px;}
.xqbox-a .section-title h2.tt, .xqbox-a .section-title.line-border h2.tt{ font-size:25px; line-height:28px;}
.xqbanner{ height:630px;}
.xqbanner .xq .but a{ width:44%}
.xqbanner .xq .but a:nth-of-type(2){ margin-left:15px;}
.product-area{ padding-top:30px; padding-bottom:50px;}
.product-area .area-cn .product-thumb{ padding-right:0}
.vtit{ padding-bottom:15px;}
.news-center dl{ margin-bottom:30px;}
.news-center dl dt{ padding:20px 15px;}
.news-center dl dt h3{ font-size:22px;}
.news-center dl dt .nr{ font-size:14px; line-height:27px;}
.news-center dl dt a{ font-size:14px; height:42px; line-height:42px; margin-top:12px;}
.news-center dl dd .city{ padding:11px 15px;}
.bemail{ font-size:17px; line-height:29px; padding-bottom:35px; padding-top:10px;}
.bemail a{ font-size:26px;}
.home-area .area-but a{ width:95%;}
.home-area .area-but a:nth-of-type(even){ margin-left:0; margin-top:15px}
.kaabo-suppllier-shop .section-content-wrap{ min-height:580px; padding:15px;}
.kaabo-suppllier-shop .section-content-wrap h2{ font-size:27px;}
.kaabo-suppllier-shop .section-content-wrap p{ font-size:17px;}
.xx-img .swiper-slide .mv-box{ height:420px;}
.xx-img .swiper-slide img.ib{ width:56px; height:56px; margin-top:-28px; margin-left:-28px;}
.xx-img .swiper-slide p{ font-size:24px; line-height:36px;}
.xqbox-m .txt h2{ font-size:25px;}
.say-img .swiper-slide .say-box{ padding:20px;}
.say-img .swiper-slide .say-box .s-txt{ font-size:16px;}
.say-img .swiper-slide .say-box .s-name{ font-size:15px; padding-top:10px;}
}

@media (max-width:375px) {
.container{ padding-left:0; padding-right:0}
.header_area .container{ padding-left:10px; padding-right:10px}
.nbanner{ height:250px;}
.nbanner .tit{ font-size:30px; line-height:36px;}
.ctit h2.s-title,.company-history-area .cnt-content span{ font-size:30px; line-height:40px;}
.company-history-area{ padding-bottom:20px;}
.ctit{ padding-top:30px;}
.lxtit h2{ font-size:32px; line-height:36px;}
.lxform{ padding-bottom:40px;}
.lxform ul li{ padding:5px 0}
.lxform ul li input{ height:48px; line-height:48px;}
.lxform ul li.lbut input{ height:50px; line-height:50px;}
.lxtxt{ padding-top:30px; padding-bottom:30px;}
.lxtxt h2.tt{ font-size:25px;}
.lxtxt .colx-4 ul li{ padding:10px 0}
.why-choose-kaabo-area{ padding-bottom:15px;}
.kaabo-dealer-policy .section-title{ padding:35px 15px;}
.kaabo-dealer-policy .section-title h2{ font-size:27px; line-height:28px;}
.section-title.line-border h2.tt-a{ font-size:27px; line-height:30px; margin-bottom:15px;}
.dealer-support-s{ padding-top:20px;}
.xqbanner{ height:600px;}
.xqbox-y .txt{ font-size:16px; line-height:25px;}
.product-area .list-inner{-ms-grid-columns:150px 1fr;grid-template-columns:170px 1fr;}
.product-area .area-lf .tab-w li img{ width:20px; margin-right:5px;}
.mobile-info-area .btn-box-tap{ left:15px;}
.product-area .area-lf .tab-t h2{ font-size:25px; line-height:27px;}
.mv-slider .swiper-vprev,.mv-slider .swiper-vnext{ width:25px; background-size:40% auto;}
.mv-slider button{ width:40px; height:40px; margin-top:-25px; margin-left:-20px;}
.mv-slider p{ font-size:17px;}
.vtit{ font-size:28px; line-height:36px;}
}

@media (max-width:360px) {

}



@media (max-width:1360px) {

}

@media (max-width:1320px) {

}

@media (max-width:1260px) {

}

@media (max-width:1160px) {

}

@media (max-width:1060px) {

}




@media (max-width: 1100px){
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ min-width:758px;}
}

@media (max-width: 1200px){
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ min-width:824px;}
}

@media (min-width:1200px) {
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ min-width:940px;}


}

@media (min-width:1400px) {
.header_area .main-menu-wrapper .middle-menu ul.main-menu .nav-dropdown>li.menu-item .product_megamenu-wrapper{ min-width:1120px;}
}



@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






@media (max-width:1180px) {
.team_s ul{grid-template-columns:repeat(4,minmax(0,1fr)); display:grid;}	
.team_s ul li:nth-last-child(2):nth-child(3n+1){ grid-column-end:3;}	
	}
	
	
@media (max-width:768px) {
.team_s ul{grid-template-columns:repeat(1,minmax(0,1fr)); display:grid;}	
.team_s ul li .team_s1{ width:150px; height:150px;}	
	}	
	
	
	
	


.home-shows{ padding-bottom:70px;}

.shbox{display:flex;flex-wrap:wrap}

.shbox .list{display:flex;flex-wrap:wrap;width:32.8%;margin-right:0.8%;font-family:Arial,Helvetica,sans-serif;text-align:left}

.shbox .list:nth-of-type(3){margin-right:0}

.shbox .list .t1{width:100%}

.shbox .list .t1 .c1{width:100%;cursor:pointer;position:relative}

.shbox .list .t1 .c1 .c2{position:relative;overflow:hidden;width:100%;height:300px}



.rslider{ width:100% !important; height:100% !important;}

.rslider .swiper-slide{ height:100%; overflow:hidden;}

.rslider .swiper-slide:before{content:"";display:block;background:linear-gradient(180deg,rgba(25,31,34,0) 40%,#191f22 97%) !important;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:2}

.rslider .swiper-slide:after{content:url('/static/img/inst-a.png');display:block;position:absolute;width:50px;height:50px;padding:12px;background-color:#323639;right:0;bottom:0;z-index:2;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}

.rslider .swiper-slide img.im{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}

.rslider .swiper-slide div.ttt{position:absolute;width:100%;padding:15px 60px 15px 10px;color:#fff;left:0;bottom:0;z-index:3;opacity:1;transition:opacity .3s ease-in 2s}

.rslider .swiper-slide.swiper-slide-active div.ttt{opacity:0;transition:opacity .3s ease-in 2s}

.rslider .swiper-slide div.ttt h3{font-size:17px;font-weight:500;line-height:29px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;}

.rslider .swiper-slide div.ttt p{font-size:14px;line-height:24px;margin:0}



.shbox .list .t1 .c1 .c3{height:46px;line-height:46px}

.shbox .list .t1 .c1 .c3 a{display:block;background:url(/static/img/wjt.png) no-repeat 12px center #d4ff00;text-indent:27px;color:#000;box-sizing:content-box}

.shbox .list .t1 .c1 .c3 a:hover{background-color:#404040;color:#fff}



.shbox .list .t2{display:flex;flex-wrap:wrap;width:100%}

.shbox .list .t2 .c1{width:49%;position:relative;cursor:pointer}

.shbox .list .t2 .c1:nth-of-type(1){margin-right:2%}

.shbox .list .t2 .c1 .c2{width:100%;height:170px;overflow:hidden}



.eslider{ width:100% !important; height:100% !important;}

.eslider .swiper-slide{ height:100%; overflow:hidden;}

.eslider .swiper-slide:before{content:"";display:block;/*background:linear-gradient(180deg,rgba(25,31,34,0) 40%,#191f22 97%) !important;*/width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:2}

.eslider .swiper-slide:after{content:url('/static/img/inst-a.png');display:block;position:absolute;width:50px;height:50px;padding:12px;background-color:#323639;right:0;bottom:0;z-index:2;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}

.eslider .swiper-slide img.im{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}

.eslider .swiper-slide div.c3{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;background:rgba(0,0,0,.75);box-sizing:border-box; padding:12px;opacity:1;transition:opacity .3s ease-in 2s}

.eslider .swiper-slide.swiper-slide-active div.c3{opacity:0;transition:opacity .3s ease-in 2s}

.eslider .swiper-slide div.c3 p{font-size:14px;line-height:24px;margin:0}

.eslider .swiper-slide div.c3 h3{font-size:18px;font-weight:600;line-height:32px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:6px;margin:0}



.shbox .list:nth-of-type(odd) .t2{padding-top:8px}

.shbox .list:nth-of-type(even) .t2{padding-bottom:8px}



.mvbox{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,7);z-index:999;font-family:Arial, Helvetica, sans-serif;}

.mvbox .closex{width:40px;height:40px;background:url(/static/img/colse-x.png) no-repeat center center;position:fixed;right:20px;top:20px;z-index:9}

.mvbox .mslider{width:100% !important;height:70% !important;position:relative;top:15%;}

.mvbox .mslider .swiper-slide{ position:relative;}

.mvbox .mprev,.mvbox .mnext{ position:absolute; width:30px; height:30px; top:50%; margin-top:-15px; z-index:3;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; border:1px solid #fff;}

.mvbox .mprev{left:15px; background:url(/static/img/szl.png) no-repeat center center #000; background-size:10px auto}

.mvbox .mnext{right:15px; background:url(/static/img/szr.png) no-repeat center center #000; background-size:10px auto}

.mvbox .mdian{ position:absolute;left:0;bottom:25px;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.mvbox .mdian span{ width:20px; height:4px; margin:0 2px; background:rgba(255,255,255,.5);border-radius:0;}



.vvbox{width:60%;height:85%;background:#fff;display:flex;flex-wrap:wrap;font-weight:500;text-align:left;margin:0 auto}

.vvbox .vzuo{width:56%;height:100%;position:relative;background:#000;position:relative}

.vvbox .vzuo .vbd{ height:100%;}

.vvbox .vzuo .vbd ul{ height:100%;}

.vvbox .vzuo .vbd ul li{ height:100%;}

.vvbox .vzuo .vbd ul li img,.vvbox .vzuo .vbd ul li iframe{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}

.vvbox .vzuo .vhd{ position:absolute; width:100%;left:0;bottom:66px}

.vvbox .vzuo .vhd ul{ width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.vvbox .vzuo .vhd ul li{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;background:#000;border:1px solid #fff;line-height:999px;overflow:hidden;margin:2px}

.vvbox .vzuo .vhd ul li.on{background:#fff;border-color:#000}

.vvbox .vzuo .vtt{position:absolute;left:0;bottom:0;width:100%;z-index:2;font-family:Arial,Helvetica,sans-serif;line-height:56px;height:56px;}

.vvbox .vzuo .vtt a{display:block;font-size:15px;background:url(/static/img/wjt.png) no-repeat 15px center #d4ff00;text-indent:30px;color:#000;box-sizing:content-box}

.vvbox .vzuo .vtt a:hover{background-color:#404040;color:#fff}

.vvbox .vzuo .vprev,.vvbox .vzuo .vnext{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; z-index:3; cursor:pointer}

.vvbox .vzuo .vprev{left:10px; background:url(/static/img/szl.png) no-repeat center center;}

.vvbox .vzuo .vnext{right:10px; background:url(/static/img/szr.png) no-repeat center center;}

.vvbox .vyou{width:44%;height:100%;position:relative;box-sizing:border-box;padding:20px;color:#1c1c1c}

.vvbox .vyou:after{content:url('/static/img/inst-a.png');display:block;position:absolute;width:50px;height:50px;padding:12px;background-color:#323639;right:0;top:0;z-index:2;-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}

.vvbox .vyou .stt a{font-size:16px;color:#1c1c1c;font-weight:700}

.vvbox .vyou .stt a:hover{color:#F00}

.vvbox .vyou .stt p{margin:0;font-size:14px}

.vvbox .vyou .snr{font-size:16px;line-height:30px;padding-top:30px}

.vvbox .vyou .snr p{margin:0}



@media (max-width:1200px) {

.shbox .list .t1 .c1 .c2{ height:260px;}

.shbox .list .t2 .c1 .c2{ height:150px;}

}

@media (max-width:1060px) {

.vvbox{ width:86%;}

}

@media (max-width:990px) {

.shbox .list .t1 .c1 .c2{ height:230px;}

.shbox .list .t2 .c1 .c2{ height:135px;}

}

@media (max-width:860px) {

.shbox .list{ width:49.5%; margin-right:0;}

.shbox .list:nth-of-type(1){ margin-right:1%}

.shbox .list:nth-of-type(3){ display:none}

.shbox .list .t1 .c1 .c2{ height:280px;}

.shbox .list .t2 .c1 .c2{ height:160px;}

.mvbox{overflow-x:hidden !important;overflow-y:scroll !important;}

.mvbox .closex{width:30px;height:30px;background-size:16px auto;right:15px;top:15px;}

.mvbox .mslider{ height:auto !important; top:0; display:block; margin:10% 0;}

.vvbox .vzuo,.vvbox .vyou{ width:100%; height:auto;}

.vvbox .vyou .snr{ padding-top:20px; font-size:15px;}

.vvbox .vzuo .vtt{ position:static; height:46px; line-height:46px; font-size:14px;}

.vvbox .vzuo .vhd{ bottom:56px;}

.vvbox .vzuo .vbd{ height:auto}

}

@media (max-width:640px) {

.shbox .list .t1 .c1 .c2{ height:230px;}

.shbox .list .t2 .c1 .c2{ height:135px;}

.shbox .list .t1 .c1 .c2:after,.shbox .list .t2 .c1 .c3:after{ width:42px; height:42px; padding:8px;}

.shbox .list .t1 .c1:hover .c2:after,.shbox .list .t2 .c1:hover .c3:after{ height:46px; padding:10px 8px;}

.shbox .list .t1 .c1 .c2 div.ttt{ padding:12px 50px 12px 10px}

.shbox .list .t1 .c1 .c2 div.ttt h3{ font-size:16px; line-height:26px;}

.shbox .list .t1 .c1 .c2 div.ttt p,.shbox .list .t2 .c1 .c3 .sss p{ font-size:13px; line-height:23px;}

.shbox .list .t2 .c1 .c3 .sss h3{ font-size:16px; line-height:28px;}

.shbox .list .t1 .c1 .c3{ height:42px; line-height:42px;}

}

@media (max-width:440px) {

.shbox .list{ width:100%;}

.shbox .list:nth-of-type(1){ margin-right:0}

.shbox .list:nth-of-type(2){ display:none}

.shbox .list .t1 .c1 .c2{ height:260px;}

.shbox .list .t2 .c1 .c2{ height:155px;}

.mvbox .closex{top:10px;right:10px; width:25px; height:25px; background-size:14px auto}

.vvbox .vyou{ padding:15px;}

.vvbox .vyou:after{ width:42px; height:42px; padding:8px;}

.vvbox .vzuo .vprev{left:5px; background-size:12px auto}

.vvbox .vzuo .vnext{right:5px; background-size:12px auto}

}



.shipin video{ display:block; width:120%;

	object-fit: cover;}



.shiv video {

	min-width: 100%;

	min-height: 100%;

  position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: cover;

}	









.shipins video{ display:block; width:120%;

	object-fit: cover;}



.shivs video {

	min-width: 100%;

	min-height: 100%;

  position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	object-fit: cover;

}