@charset"utf-8";
@import url(../layui/css/layui.css);
li{list-style:none}legend{color:#5A5A5A}fieldset,img{border:0}i,em{font-style:normal}ul{margin:0;padding:0}strong{font-weight:bold}caption,th{text-align:left}q:before,q:after{content:''}sup{vertical-align:super}sub{vertical-align:sub}del,ins{text-decoration:none}small{font-size:12px;display:block}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select{font-size:100%}input.hidefocus::-moz-focus-inner{border:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table{border-collapse:collapse;border-spacing:0;empty-cells:show}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none}*{padding:0;margin:0;}a{text-decoration:none!important;-webkit-tap-highlight-color:transparent;outline:none}strong{font-weight:bold}ul{list-style:none}*html.clearfix{zoom:1}*+html.clearfix{zoom:1}.clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{font-size:62.5%; /* 10÷16=62.5% */}body{font-size:17px;font-size:1.7rem ; line-height:1.7;font-family:'Lato', sans-serif;color:#001d50;background:#fff;font-weight: 400;}
a:hover,.li_hover li:hover a{color:#2748c8;}
h1,h2,h3{font-weight: 700;font-family: 'Inter',sans-serif;}h1,h2{text-transform:capitalize}h3{margin-bottom: 5px;}
img{max-width: 100%;height: auto;display: block;}
.desc_size{line-height: 1.6;color:#000;font-weight: 300;}

@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}
@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}}
@-webkit-keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}
@keyframes slideRight{0%{opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}
.contentfix{max-width:1300px;margin:0 auto;width:86%;letter-spacing:1px}.center{text-align: center;}.color_wz,.color_wz a{color: #fff;}
.contentfix1{max-width:1300px;margin:0 auto;width:86%;letter-spacing:1px}
.marginbottom20{margin-bottom:20px;}.marginbottom25{margin-bottom:25px;}
a.border{line-height:36px;text-align: center;display: inline-block;width: 100px;border: 2px solid #fff;border-radius: 20px;font-size: 1.4rem;margin-top: 20px;}
.fontsize18{padding-top:5px;padding-bottom:10px;}
@font-face {font-family: "iconfont";src: url('../css/iconfont.ttf?t=1716011658597') format('truetype');}
.iconfont{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont.xiangyoujiantou::before {content: "\e6ad";}.iconfont.xiangyoujiantou1::before {content: "\e727";}.iconfont.xiangyoujiantou2::before {content: "\e779";}.iconfont.dizhi::before {content: "\e62e";}.iconfont.tel::before {content: "\e6b9";}.iconfont.jtright::before {content: "\e6ad1";}
.iconfont.linkedin::before {content: "\e626";}.iconfont.facebook::before {content: "\e74e";}.iconfont.ins::before {content: "\e61b";}.iconfont.youtube::before {content: "\e647";}.iconfont.email::before {content: "\e62d";}.iconfont.whatapp::before {content: "\e848";}

.content-container{transition: opacity 0.5s ease-in-out;}
.content-container.loaded {opacity: 1;}
.lazyload-bg {opacity: 0;transition: opacity 0.5s ease-in-out;}
.lazyload-bg.loaded {opacity: 1;}
.content_up{opacity: 0;transform: translateY(90px);transition: opacity 0.8s ease, transform 0.8s ease;}
.content_up.in-view {opacity: 1;transform: translateY(0);}
/*header*/
.dh_contact{background: #2748c8;color: #fff;text-align: center;display: block;padding:8px 0}.dh_contact a{color: #fff;}

.header.header_fix{position:fixed;display:block;top:0;left:0;width:100%;height:auto;margin:0 auto;z-index:999;border:0;outline:0;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}
.header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content: space-between;}
.header-item-center img{border-radius:4px;}
.header-item-right .menu-icon .layui-icon{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size: 2rem;}
.header .menu>ul>li .a_span{position:relative;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.header .menu>ul>li .menu-subs{position:absolute;width:100%;height:auto;margin-top:1.75rem;padding:1rem 2rem;border:0;outline:0;z-index:500;opacity:0;visibility:hidden;border-radius:.25rem;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu>ul>li .menu-subs>ul>li>a{display:inline-block;font-family:inherit;font-weight:500;padding:.75rem 0;border:0;outline:0;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-mega{left:0;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li{display:block;}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:inline-block;font-weight:500;padding:.5rem 0;border:0;outline:0;color:#121212;text-transform:capitalize;text-rendering:optimizeLegibility;-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-column-4{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1.25rem 1rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{padding:0 2.9%}
.header .menu>ul>li .menu-subs.menu-column-4.guanyuwomen-menu>.list-item{flex:0 0 11%;padding:0 5rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a{font-weight:bold;padding:.75rem 0;border:0;outline:0;display: block;;text-transform:uppercase;text-rendering:optimizeLegibility;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-bottom:1px solid #dfdfdf;margin-bottom:3px;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center h4{text-align:center;font-weight: bold;padding:15px 0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{max-width:100%;width:100%;height:auto;margin-top:.75rem;-o-object-fit:cover;object-fit:cover;vertical-align:middle}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover,.header .menu>ul>li .menu-subs>ul>li>a:hover{color:#2748c8}
.header-item-right a:hover,.header .menu>ul>li:hover>a{color:#2748c8}
.menu-mobile-header,.menu-mobile-trigger{display:none}

#searchform div{border:1px solid #2748c8;border-radius:6px;background: #fff;padding-right:2px;padding-top:3px;padding-bottom:3px;}#searchform #s{border:0;color:#666;font-family:'Roboto', sans-serif;font-size: 1.4rem;position: relative;top: 4px;float: left;line-height: 2;}#searchform #searchsubmit{width:30px;height:30px;background: url(../images/sousuo.webp) no-repeat center top;background-size: cover;border: 0;position: relative;}
/*banner*/
.index_banner{color: #fff;position: relative;display: flex;align-content:center;background-repeat: no-repeat;}.index_banner::before{content: '';left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;}.index_banner a{color: #fff;}
.index_banner h1{width:100%;line-height: 1.2;max-width: 900px;margin-bottom: 20px;}.index_banner .desc{margin-bottom:35px;}.index_banner .more{background:#2748c8;text-align: center;display: inline-block;line-height:1;padding:16px 28px 16px 20px;border-radius: 6px;}.index_banner .more i{font-size: 2rem;position: relative;top:2px;left:8px;transition: left 0.3s ease;}.index_banner .more:hover i{left:10px;}
.index_banner .div{border-top:1px solid #738090;font-size: 1.4rem;}.index_banner .div i{font-size:3rem;position: relative;top:6px;display: inline-block;margin-right:12px;}
/*yangshi*/
.more_p{display: block;color:#2748c8;text-align: center;line-height:1;padding:14px 28px 14px 20px;border-radius: 6px;border:2px solid #2748c8;width:120px;}.more_p i{font-size: 2rem;position: relative;top:2px;left:8px;transition: left 0.3s ease;}.more_p:hover i{left:12px;}
.more_p:hover{background:#2748c8;color:#fff;}

.yangshi1 li{border:1px solid #121212;border-radius:8px}.yangshi1 li div{padding:32px;}.yangshi1 li div::before{background:#2748c8;width:30px;height: 2px;content: '';display: block;margin-bottom: 30px;}
/*section1*/
.section1 ul li div p{min-height: 120px;}.section1 ul li div a i{position: relative;}.section1 ul li div a i::before{font-size: 4rem;position: absolute;line-height: 0.8;transition: left 0.3s ease;left:0}.section1 ul li:hover div a i::before{left: 3px;}
/*about us*/
.section-text{font-size:1.4rem;text-transform: uppercase;line-height: 1.85em;letter-spacing: 2px;color: #67818E;}
.section_about .section-text,.section_products .section-text{text-align: center;}.section_products h2,.section_about h2{text-align: center;max-width:900px;margin: 0 auto 40px;line-height: 1.2;}

.section_about{background:#fff;}
.section_about ul{align-items: center;}.section_about ul li.img_li{position: relative;overflow: hidden;border-radius:12px;}.section_about img{width:100%;}
/*products*/
.section_products{background: #f0faff;}.section_products h2{max-width: 600px;}
.section_products ul{width:92%;margin:0 auto;}.section_products ul li{border-radius: 6px;overflow: hidden;border: 1px solid #D4E4ED;transition: box-shadow 0.3s ease;}.section_products ul li:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-color: #B8D4E6;}.section_products ul li:hover a{color:#2748c8}.section_products ul li h3{padding:15px 15px 0}.section_products ul li p{padding:0 15px 30px}
/*customization*/
.section_customization h2{margin-bottom:40px;line-height: 1.2;max-width: 580px;}.section_customization p{max-width: 580px;}
.section_customization li.img{flex-wrap: wrap;}.section_customization li.img div{transition: box-shadow 0.3s ease;border-radius: 12px;overflow: hidden;}.section_customization li.img div:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
/*section_standards*/
.section_standards{background:url(../images/standards-fasteners.webp) no-repeat center top;background-attachment: fixed;position: relative;}.section_standards h2{margin-bottom:40px;line-height: 1.2;max-width: 580px;}
.section_standards::after{width:50%;height: 100%;left: 50%;position: absolute;top: 0;background: rgba(0,14,38,0.7);content: '';z-index: 0;}
.section_standards .contentfix{position: relative;z-index: 1;color: #fff;}.section_standards a{color: #fff;}.section_standards .section-text{color: #dfdfdf;}
.section_standards .contentfix a.more_p{border: 0;width:auto;max-width: 520px;text-align: right;}
.section_standards .contentfix a.more_p:hover{color: #fff;background: none;}.section_standards .contentfix a.more_p:hover i{color:#2748c8;}
.section_standards ul{text-align: center;max-width: 540px;}.section_standards ul li{border: 1px solid #fff;transition: border 0.3s ease;border-radius: 6px;}.section_standards ul li i{color: #011f53;line-height: 1;margin-right: 8px;}.section_standards ul li a{display: block;padding:15px 0}.section_standards ul li:hover{background:#2748c8;border: 1px solid #2748c8}.section_standards ul li:hover a{color: #fff;}
/*blog*/
.section_blog h2{line-height: 1.2;max-width: 580px;text-align: center;margin:0 auto 40px}.section_blog .section-text{text-align: center;}
.section_blog ul{flex-wrap: wrap;}.section_blog ul li{border:1px solid #ccc;border-radius:8px;margin-bottom:40px;transition: box-shadow 0.3s ease;}.section_blog ul li:hover {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.section_blog ul li div{padding:32px}.section_blog ul li h3{text-transform:capitalize}.section_blog ul li:hover h3 a{color: #2748c8;}
.section_blog ul li .img_a{border-radius: 6px;}
/*footer*/
.footer_help{background: url(../images/need-help.webp) no-repeat center top;background-size:cover;position: relative;color: #fff;}
.footer_help .footer_help_svg{top: -1px;direction: ltr;left: 0;line-height: 0;overflow: hidden;position: absolute;width: 100%;height: 55px;}
.footer_help .footer_help_svg svg{display: block;left: 50%;position: relative;transform: translateX(-50%);width: calc(100% + 1.3px);height: 100%;}
.footer_help .footer_help_svg svg path{fill:#fff}
.footer_help .h2 .svg2{border:1px solid #fff;padding:20px;border-radius: 50%;width:31px;height:31px;margin:0 auto 15px;text-align: center;}
.footer_help .h2{text-align: center;}.footer_help .h2 p{max-width:700px;margin: 0 auto 40px;}
.footer_help a.more{background: #2748c8;text-align: center;display: inline-block;line-height: 1;padding: 16px 28px 16px 20px;border-radius: 6px;}
.footer_help a.more i{font-size: 2rem;position: relative;top: 2px;left: 8px;transition: left 0.3s ease;}
.footer_help a.more:hover i {left: 10px;}

.footer_help a{color: #fff;}.footer_help::before{content: '';background: rgba(0,14,38,0.7);position: absolute;width: 100%;height: 100%;z-index: 0;top:0;left: 0;}.footer_help div{position: relative;z-index: 1;}


footer{background:#f4f3f1;color:#333;font-size: 1.4rem;line-height:2;}footer a{color:#333;}footer .footer1{padding-bottom:30px;}
footer div.border a{display: inline-block;font-size: 1.6rem;font-weight: bold;}footer div.border a:not(:last-of-type)::after{margin: 0 20px;color:#dfdfdf;content: "|";}
footer .company_nav span{display: inline-block;color:#001d50;}
footer .link_a a{display: block;margin-bottom:10px;}footer .link_a .title_cat,footer .footer1 li.footer_media .p1{font-size: 1.6rem;margin-bottom:15px;font-weight: bold;display: block;}footer .link_a .title_cat_none{margin-bottom: 0;}footer .footer1 li.footer_media .p2{margin-bottom: 10px;}
footer .footer_media .footer_media1 a{font-size: 3.2rem;display: inline-block;margin-right:25px;}footer .footer_media .footer_media1 a.marginnone{margin-right: 0;}footer .footer_media img{margin-bottom: 30px;}
footer .footer2{padding-top:20px;padding-bottom: 20px;border-top: 1px solid #dfdfdf;}
.added-margin{margin-bottom: 136px;}
.weixin{margin-right:16px;margin-top: 15px;}.weixin-img{position:absolute;bottom:45px;width:180px;height:180px;padding:10px;background:#fff;right:10%}.weixin-img img{display:block;margin:0 auto}
.hide{display:none}
.area{width:100%;height:100%;position:fixed;z-index:1;top:0;left:0;background:0}


.footer-elevator{z-index:201;position:fixed;right:40px;bottom:24px;transition:all .3s ease-in-out}.footer-elevator a{color: #fff;}
.footer-elevator.isli .footer-elevator-item-inner:hover{color:#fff;background:rgba(39,72,200);}
.footer-elevator-item{position:relative;width:36px;height:36px;margin:16px 0}
.footer-elevator .footer-elevator-item:last-child{height:0;overflow:hidden;margin:0;transition:height .3s cubic-bezier(.39,.575,.565,1),margin .3s cubic-bezier(.39,.575,.565,1)}
.footer-elevator.footer-elevator-active .footer-elevator-item:last-child{height:36px;margin:16px 0}
.footer-elevator-item-inner{display:flex;width:36px;height:36px;align-items:center;justify-content:center;color:#fff;background:rgba(39,72,200);transition:color .3s cubic-bezier(.39,.575,.565,1),background .3s cubic-bezier(.39,.575,.565,1);cursor:pointer;-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px)}
.footer-elevator-item-inner:hover{color:#fff;background-color:rgba(39,72,200,.8)}
.footer-elevator .footer-elevator-item-inner i{font-size:2rem!important}
.footer-elevator-item-inner .footer-totop{transition:height .3s cubic-bezier(.39,.575,.565,1),margin .3s cubic-bezier(.39,.575,.565,1)}

@media only screen and (min-width:768px){
.flex{display:flex;align-content:center}.flex_between{justify-content:space-between}.flex_end{align-items: flex-end;}
.flex_pc_md3 li{width:30.5%}.flex_pc_md19 li{width:19%;}

/*public*/
.fontsize20{font-size:2rem;}
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{padding: 65px 7%;width: 86%;justify-content: center;}
.header .menu > ul > li.menu-item-has-children .menu-subs-zhai{padding:40px 10px;}
.header .menu > ul > li.menu-item-has-children .menu-subs.guanyuwomen-menu{padding: 65px 9%;width:82%;}
#searchform div{padding-left: 10px;}#searchform div #s{max-width: 150px;}

.index_banner{height:738px;}
.index_banner .div{padding-top:30px;padding-bottom:40px;margin-top:13%}
/*about us*/
.section_about .more_p{margin-top:60px}
/*section_standards*/
.section_standards .standards_desc{width:44%;}.section_standards ul{padding-bottom:30px}.section_standards ul li{margin-bottom:20px}
/*blog*/
.section_blog ul li .img_a{display: block;max-height: 180px;overflow: hidden;}
.section_blog ul li h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:68px;}
.section_blog ul li .desc_size{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
/*footer*/
footer{padding:50px 0 0}.footer_help{padding:120px 0}
.index_footer .contentfix1.flex{justify-content: end;}
.index_footer .flex_div{max-width:450px;}.index_footer .h2{font-size:3rem;font-weight: 600;}
.index_footer .img_erweima{width: 40%;}.index_footer .desc{width: 55%;}
footer .footer1 li.footer_media{flex:1}footer .footer1 li.footer_cat{flex:0.8}
footer .footer1 li.footer_media .footer_media2{width: 45%;}
footer .footer2 > div{flex-direction: row-reverse;}
footer .footer2 .copyright{flex:1}footer .footer2 .company_nav{flex:0.8}
footer .company_nav span{margin-right:16px}
}
@media only screen and (min-width:992px){
.public_content100{padding-top: 100px;padding-bottom: 100px;}
h1{font-size:6rem;}h2{font-size:4.5rem;}h3{font-size:2rem;}

.flex_pc48 li{width: 48%;}
/*header*/
.header{padding:2.5rem 0}
.header.header_fix{padding:1rem 0}
.header-item-center{flex: auto;max-width:700px;padding-left: 6%;}.header nav .menu-section{display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between}
.header .menu>ul>li{margin:0 1%}.header .menu>ul>li.menu-item-has-children:hover .menu-subs{margin-top:16px;opacity:1;visibility:visible}.header .menu>ul>li .a_span i.ion{display: none;}
.header .menu>ul>li .menu-column-1{max-width:16rem;margin-left: -64px;text-align: center;}
/*banner*/
.bannertop_fix{margin-top:98px}
/*footer*/
.footer_help{padding-top:140px}
}

@media only screen and (max-width:991px){
.public_content100{padding-top:70px;padding-bottom:70px;}
h1{font-size:5rem;}h2{font-size:4rem;}h3{font-size:2rem;}
a,button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:0;outline:0;background:0;text-decoration:none}
/*header*/
.header{padding:6px 0}.header .ion{font-size: 2rem;}
.header-item-center{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.header-item-left,.header-item-right{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.header-item-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 17%;flex:0 0 17%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .menu-mobile-trigger{position:relative;display:block;cursor:pointer;width:28px;height:16px;border:0;outline:0;margin-left:1.25rem;background:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.35s ease-in-out;-o-transition:.35s ease-in-out;transition:.35s ease-in-out}
.header .menu-mobile-trigger span{display:block;position:absolute;width:100%;height:2px;left:0;border:0;outline:0;opacity:1;border-radius:.25rem;background:#121212;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.header .menu-mobile-trigger span:nth-child(1){top:0}
.header .menu-mobile-trigger span:nth-child(2){top:7px}
.header .menu-mobile-trigger span:nth-child(3){bottom:0}
.header-item-right{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .menu{position:fixed;top:0;left:0;width:32rem;height:100%;z-index:1099;overflow:hidden;background:#fff;-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.header .menu.active{-webkit-transform:translate(0%);-ms-transform:translate(0%);transform:translate(0%)}
.header .menu>ul>li .a_span{display:block;line-height:3;padding:0 5rem 0 1rem;border-bottom:1px solid rgba(0,0,0,0.1)}
.header .menu>ul>li .a_span i.ion{position:absolute;top:0;right:0;width:5rem;height:5rem;text-align:center;line-height:4.6rem;}.header .menu > ul > li .a_span i.ion::before{color:#999;font-size: 1.4rem;}
.header .menu .menu-mobile-header{position:relative;position:-webkit-sticky;position:sticky;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;top:0;height:5rem;z-index:501;border-bottom:1px solid rgba(0,0,0,0.1);background:#fff}
.header .menu .menu-mobile-header .menu-mobile-arrow{display:none;line-height:5rem;width:5rem;height:5rem;cursor:pointer;border-right:1px solid rgba(0,0,0,0.1);text-align:center}
.header .menu .menu-mobile-header.active .menu-mobile-arrow{display:block}
.header .menu .menu-mobile-header .menu-mobile-title{font-family:inherit;font-weight:500;line-height:inherit;text-transform:capitalize;text-rendering:optimizeLegibility}
.header .menu .menu-mobile-header .menu-mobile-close{cursor:pointer;width:5rem;height:5rem;border-left:1px solid rgba(0,0,0,0.1);text-align:center}
.header .menu .menu-section{height:100%;overflow-y:auto;overflow-x:hidden}
.header .menu>ul>li .menu-subs{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:100%;height:100%;margin:0;padding:1rem;padding-top:4rem;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none}
.header .menu>ul>li .menu-subs.menu-mega{position:absolute;display:none;top:0;left:0;max-width:none;min-width:auto;width:auto;height:100%;margin:0;padding:7.5rem 1rem 0;opacity:1;overflow-y:auto;visibility:visible;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-box-shadow:none;box-shadow:none;width: 100%;}
.header .menu>ul>li .menu-subs.active{display:block;width:100%;}
.header .menu > ul > li.menu-item-has-children .menu-subs-zhai{padding:7.5rem 1rem 0;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:0rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive{margin-top:0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title{margin-bottom:1.25rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0rem}
.header .menu>ul>li .menu-subs>ul>li>a{display:block}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul{margin-bottom:1rem}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a{display:block}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1098;opacity:0;visibility:hidden;background:rgba(0,0,0,0.55);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.overlay.active{opacity:1;visibility:visible}

.header .wrapper .header-item-left img{max-width: 120px;}
/*banner*/
.index_banner{background-size: 100%;background-position: center bottom;background-color: #000;}
}
@media only screen and (min-width:768px) and (max-width:991px){
#searchform div{width:190px;margin-right: 30px;}
/*banner*/
.index_banner{height: 650px;}
/*about us*/
.section_about ul.flex{display: block;}.section_about ul li.img_li{height:500px;margin-bottom:40px;}.section_about ul li img{position: absolute;left: 0;bottom:-12%;}
/*customization*/
.section_customization ul{display: block;}.section_customization ul li.img{padding-top:40px}

/*blog*/
.section_blog ul li{width:48%}
/*footer*/
.footer_help{padding:80px 0}.footer_help div{display: block;}.footer_help div.h2{margin-bottom:40px;}footer .footer1 li.footer_media{flex: 0.6;}
}
@media only screen and (max-width:767px){
.public_content100{padding:50px 0 40px}.marginbottom20_sj{margin-bottom: 20px;}
h1{font-size:3rem;}h2{font-size:2.5rem;}h3{font-size:1.8rem;}
/*hearder*/
#searchform div{border:0}
#searchform .search-container{position:relative;display:flex;align-items:center}
#searchform #s{width:0;opacity:0;transition:all .3s ease;position:absolute;right:40px;top:0;padding:8px 12px;border:1px solid #ddd;border-radius:4px}
#searchform.active #s{width:calc(100% - 50px);opacity:1}
#searchform.active{position:fixed;top:0;left:0;right:0;background:white;padding:10px;z-index:9999;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#searchform.active #s{position:static;opacity:1;margin-right:10px}
.sousuoanniu{width:40px;height:40px;background:url('search-icon.png') no-repeat center;background-size:20px;border:0;cursor:pointer}
/*banner*/
.index_banner{padding-bottom: 30px;}.index_banner h1 {padding-top:70px;}
.index_banner .div{margin-top:50px;display: block;padding-top:30px;}.index_banner .div .banner_address{display: flex;}
/*about*/
.section_about ul li.img_li,.section_products ul li,.section_blog ul li{margin-bottom: 20px;}
/*Customization*/
.section_customization p{margin-bottom: 25px;}
/*standards*/
.section_standards{background-size: cover;background-position: left top;}
.section_standards ul{padding-bottom: 30px;}.section_standards ul li{margin-bottom: 10px;}
.section_standards::after{left: 0;width: 100%;}
/*index_footer*/
.footer_help{padding:50px 0 40px;;}.footer_help div{margin-bottom: 20px;}
footer{padding-top:40px}footer .footer1{padding-bottom: 10px;}footer .footer_media img,footer .footer_media{margin-bottom: 20px;}footer .link_a{margin-bottom: 20px;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;}
footer .footer_cat div:last-child{border-bottom: 0;padding-bottom:0}footer div.border a:not(:last-of-type)::after{margin: 0 12px;}
footer .copyright{padding-top:20px}
.footer-elevator{right:10px;bottom:100px;}
}