@charset"utf-8";
@import url(../layui/css/layui.css);
@import url(../swiper/swiper.min.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}.h1, .h2, .h3, h1, h2, h3{margin:0}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucHtA.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: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFQ.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: "iconfont";src: url('../css/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.iconfont.facebook::before {content: "\e661";}
.iconfont.pinterest::before {content: "\e82e";}
.iconfont.instagram::before {content: "\e64d";}
.iconfont.linkedIn::before {content: "\e747";}
.iconfont.paper::before {content: "\e511";}
.iconfont.zhunshixiangyingicon::before {content: "\e6ce";}
.iconfont.mianxingtubiao_tuceng::before {content: "\e63c";}
.iconfont.biyeyaoqiu::before {content: "\e61b";}
.iconfont.yunshufei::before {content: "\e67b";}

.iconfont.jinru::before {content: "\e7b6";}
.iconfont.pdf::before {content: "\e6a2";}

.iconfont.tuceng::before {content: "\e63c";}
.iconfont.jianrong::before {content: "\e863";}
.iconfont.shentou::before {content: "\e6a1";}
.iconfont.yinji::before {content: "\e786";}
.iconfont.yingyong::before {content: "\e511";}
.iconfont.zhiliang::before {content: "\e6c9";}

.iconfont.jinru{font-size:50px;color:#dfdfdf;}
.iconfont.pdf{font-size:60px;color:#dfdfdf;}

.iconfont.facebook,.iconfont.pinterest,.iconfont.instagram,.iconfont.linkedIn{display:inline-block;text-align: center;font-size:25px;margin-right:15px;}

* {margin: 0;padding: 0;box-sizing: border-box;}
html{font-size:62.5%; /* 10÷16=62.5% */} body{font-size:16px;font-size:1.6rem ; line-height:2;font-family:'Roboto', sans-serif;color:#333;background:#fff;font-weight:400;}*{margin:0;padding:0}a{text-decoration:none;color:#333;}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}
.contentfix{max-width:1300px;margin:0 auto;width:86%}.contentleft{margin-left:8.6%}body .bold{font-weight:bold}img{max-width: 100%!important;height: auto!important;aspect-ratio: auto;}
.rightnone{margin-right:0!important}
.flex_center{align-content: center;align-items: center;display: flex;flex-wrap: wrap;}.flex_between{display: flex;justify-content: space-between;}
.flex_between{display: flex;}
.flex_space{display: flex;justify-content: space-between;flex-wrap:wrap;align-items: stretch;}
.flex421,.flex442,.flex321{display:flex;flex-wrap: wrap;align-content: center;justify-content: space-between;}
.f_left{float:left}
.f_right{float: right;}
h1,h2,h3{font-family:'Poppins'}

.flex4{width:24%}
.flex3{width:32%}
.flex1{width:100%}
.displaynone{display:none}
.bordernone{border:none !important}

.textcenter{text-align:center}

.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb60{margin-bottom:60px}
.mb100{margin-bottom:100px}
.mb120{margin-bottom:120px}
.mb180{margin-bottom:180px}
.mb220{margin-bottom:220px}
.pb120{padding-bottom:120px}
.pb100{padding-bottom:100px}
.pt100{padding-top:100px}
.pt80{padding-top:80px}
.pr100{padding-right:100px}
.flex{display:flex}
.mbx{color:#969797;font-size:14px}
.mbx i{margin-right:8px;}
.mbx a{color:#969797}
.mbx a::after{content: ' > ';}.mbx a.a_no::after{content: '';}
.products .desc_box .mbx,.products .desc_box .mbx a{color:#fff}

.page-404{padding:220px 0 140px 0;background: #f5f5f5;text-align:center}
.page-404 h1{border:none;margin-bottom:5px}
.box404{display: flex; justify-content: center; align-items: center; height: 450px;margin-top:80px}

/*header*/
.header{width:100%;z-index:9999999999;position:fixed;background-color:#212D45;top:0}
.headerfix .header{background-color: #212D45;transition: background-color 0.1s; }
.navbottom{color:#FFC03D;height:85px;border-bottom:1px solid rgba(235,235,235,0.24);}
.headphone{line-height:85px;text-align:center;color:#ffb923;}
.headshare{line-height:85px;text-align:right;color:#ffb923;}
.headshare i{color:#ffb923;}
.headshare i:hover{color:#fff}
.header .menu{color:#fff;}
.menu-section li{margin-right:3%}
.menu-section li:nth-child(6){margin-right:0}
.menu-section li .a_span{color:#fff;font-size:18px}
.header .layui-nav{background:none}
.header .logo{float:left;}header .layui-nav .layui-nav-item a,header .layui-nav .layui-nav-item em.a{color:#fff;background:none;font-size:16px;font-weight:bold;}header .layui-nav .layui-nav-item a:hover,header .layui-nav .layui-nav-item em.a:hover{color:#ffb923}
header .layui-nav .layui-nav-item .layui-nav-child a, header .layui-nav .layui-nav-item .layui-nav-child a:hover{font-weight: normal;}
.header .menu{margin:auto;}
.header .menu ul li .sub-menu li a.a_1{color:#666;}.header .menu ul li .sub-menu li a.a_1:hover{color:#ffb923}
.header .menu ul li:active{color:#ffb923}
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{background:none}

/*header menu*/
.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:block;-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;border:0;outline:0;display: block;;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;}
.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:#212D45}
.header-item-right a:hover,.header .menu>ul>li:hover>a{color:#ffb923}
.menu-mobile-header,.menu-mobile-trigger{display:none}

/*号召语*/
.quote {
  background: url(../image/footer_hzy.webp) no-repeat;
  background-size: auto;
  background-size: cover;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  height: 300px;
  display: flex;
}
.quote ul {
  align-items: center;
}
.quote h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 0;
}
.quote .li1{display:flex;flex-direction: column;}
.quote .li2{display:flex;}
.quote .li1 p{height:40px}
.quote .li2 img{transition: transform 0.3s ease;}
.quote .li2:hover img{transform: translateX(15px);}

/*footer*/
footer{background:#f5f5f5;padding-top:140px;color:#212D45}
.footer_flex{align-content: center;display: flex;flex-wrap: wrap;}
.copy_wz{
    text-align:left;
    height:80px;
    align-items:center
}
footer a{color:#212D45}
footer a:hover{color:#ffb923}
footer .share-list{padding-top:30px;}
footer.footer{padding-top:70px;}footer.footer .footer_p1 img{margin-bottom:25px;}
footer.footer h3{margin-bottom:15px;font-weight:600;font-size:2rem;width:100%}
footer.footer h4{margin-bottom:15px;font-weight:600;font-size:1.6rem}
/*footer.footer ul{margin-bottom:70px;}*/
footer.footer ul .footer_address{padding-right:100px;}
footer.footer .footer_copyright{border-top:1px solid #e5e5e5;}
.footshare{text-align:right;color:#212D45;height:80px;align-items:center;display:flex;
/*justify-content: flex-end*/
}
.footshare i:hover{color:#ffb923;}
footer .ewm_footer{width:70px;margin-top:10px}

/*footer*/
footer{padding:50px 0 0}.footer_help{padding:120px 0}.footer_help ul{min-width: 600px;}
.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%;}
.footer1{min-height:300px}
footer .footer1 li.footer_media{flex:1}footer .footer1 li.footer_cat{flex:0.8;display:flex;flex-wrap:wrap}
footer .company_nav span{margin-right:16px}
footer .link_a{}
footer .link_a a p{width:33%;display:inline-block}
footer .link_a h4{width:100%}
footer .link_a p{width:25%;}

footer .link_b{width:100%;}
footer .link_b a{width: 33%;display: block;}
footer .link_b p{font-weight:bold;margin-top:15px;font-size:18px}
/*footer .link_b a{padding:20px}*/
footer .link_b h4{width:100%}
footer h3{width:100%}

/*footer*/
footer.footer {
  padding-top: 70px;
}
.footshare {
  text-align: right;
  color: #212D45;
  height: 80px;
  align-items: center;
  display: flex;
}
footer.footer .footer_copyright{border-top:1px solid #e5e5e5;height: 80px;}
.footer_p3{width:100%;}
.footer_p4{width:100%;}
.footer .link_b{width:100%;}
.footer .link_a a p{width:33%}
footer.footer ul{margin-bottom:30px}


/*通用*/
.headnav{max-width:1300px;margin:auto;align-items: center;height: 85px;}
.menu{max-width:1300px;margin:auto;}
/*h1{font-size:72px;font-weight:bold;}*/
/*h2{font-size:36px;font-weight:bold}h3{font-size:22px;font-weight:bold}h4{font-size:20px;font-weight:bold}*/
.index h2,.index h3,.index h4{color:#212D45}
.banner_product_wz{position: relative;}
.banner_product_wz p{margin-bottom:30px;max-width:1000px;margin:auto}

.content_blog{
    margin-top: 85px;
    overflow-y: auto;
}

/*about页面*/
/*banner*/
.about .banner{color:#fff;width:100%;height:600px;background:rgba(33, 45, 69, 0.8);position:relative;background-position:center center;background: url(../image/about_banner.webp) no-repeat center;background-size: cover;}
.banner h3{color:#FFC03D;font-weight:bold;}
.banner h1{font-weight:bold;}
.banner_wz{position: relative;text-align:center;margin:auto;padding-top:100px}
.banner_wz p{max-width: 850px;margin-bottom:30px}

.banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 45, 69, 0.7); /* 黑色半透明，0.5 表示 50% 透明度 */
  z-index: 0;
}


/*news&blog页面*/
.newslist{text-align:center}
.newslist li h2{font-size:24px;margin-bottom:30px}
.newslist li h2 a:hover{color:#FFC03D}
.newslist li{margin-bottom:45px;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);padding:30px 40px}
.newslist li .img {
    width: 32%;
    float: left;
    padding-right: 40px;
}
.newslist li .right{width:68%;float:right;text-align:left}
.newslist li .date{margin-bottom:15px;color:#666;}
.alm-load-more-btn::after {
    content: "Load More";
    color: #333;
    font-size: 14px;
}

.loadbtn{margin:auto;width:140px;height:50px;background:#FFC03D;color:#fff;text-align:center;font-size:18px;line-height:50px;border-radius:5px;margin-top:80px;margin-bottom:120px}

.blog_single{padding-top:20px;margin-bottom:80px}
.blog_date{padding-bottom: 60px;color: #999;}
.date{width:200px}
.share_button{position: relative;float: right;}

h1{font-size:3.6rem;font-weight:bold;line-height:1.5;text-align:center;margin-top:30px;margin-bottom:30px;padding-bottom:12px;border-bottom:1px dashed #dfdfdf}
h2 {
  font-weight: bold;
  font-size: 2.3rem;
  margin-bottom: 20px;
}
h3 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 15px;
}
.content_blog p {
  margin-bottom: 20px;
}
.content_blog img {
  margin-bottom: 30px !important;
}
img.aligncenter{
  display: block;
  margin: 0 auto;
}

.related{padding-bottom:60px}.related .img{height:200px;overflow:hidden}.related .img,.related h3{margin:0 auto}
.related ul{margin: auto;margin-bottom: 50px;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.related ul li{width: 28%;background: #f2f2f2;padding: 15px;margin-bottom: 25px;}

.related_posts h2{color:#FFC03D}
.related_posts ul{margin: auto;margin-bottom: 50px;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.related_posts ul li{width: 31%;display: inline-block;
  margin-bottom: 25px;
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.related_posts ul li:hover{background:#f5f5f5}
.related_posts ul li p{line-height:1.4;}
.related_posts .desc{color:#999;margin-top:30px;line-height:1.4}
/*.related_posts ul li a{color:#1E4AA2 !important}*/
.related_posts ul li a{color:#1C3E82 !important}
.related_posts .post_title:after {
    content: '';
  display: block;
  width: 36px;
  height: 4px;
  background: #d0d0d0;
  margin: 15px 0;
  border-radius: 2px;
}

/*pc端*/
@media screen and (min-width: 992px) {
.jianju{margin-top:100px}
.pc_mt20{margin-top:20px}
.pc_mt50{margin-top:50px}
.pc_mt80{margin-top:80px}
.pc_mt100{margin-top:100px}
.pc_mt120{margin-top:120px}
.pc_mb20{margin-bottom:20px}
.pc_mb30{margin-bottom:30px}
.pc_mb40{margin-bottom:40px}
.pc_mb60{margin-bottom:60px}
.pc_mb100{margin-bottom:100px}
.pc_mb120{margin-bottom:120px}
.pc_mb180{margin-bottom:180px}
.pc_mb220{margin-bottom:220px}
.pc_pb120{padding-bottom:120px}
.pc_flex_between{display: flex;justify-content: space-between;}
.flex2{width:49%}
.flex3{width:32.5%}
.flex_pc{display:flex}
.pc_left{float:left}
.pc_right{float: right;}
.footer_p3{width:30%;float:left}
.footer_p4{width:70%;float:right}
footer .link_a a p{width:33%;display:inline-block}
footer .link_a p{width:25%;}
footer .link_b{width:33%;}
footer.footer ul{margin-bottom:70px;}

/*header*/
.header{}
.header-item-center{flex: auto;}.header nav .menu-section{display:flex;flex-wrap:wrap;align-content:center;}
.header .menu>ul>li{}.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;}
.header .menu > ul > li.menu-item-has-children .menu-subs{background:#212D45}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a{color:#212d45;padding: 10px 20px;border:none;font-size:16px;font-weight:300}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a:hover{color:#fff;background:#212d45}
.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:#fff !important;background:#212d45}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a{color:#212d45;font-weight:300;padding: 10px 20px;}

.menu-section {
  display: flex;
  list-style: none;
  color: #fff;
  font-size: 18px;
}
.menu-section a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.menu-section a:hover {
  color: #ffb923;
}
.menu-section > li {
  position: relative;
  padding: 10px;
}

/* 二级菜单样式 */
.menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  left:100%;
  top: 0;
  list-style: none;
  width: 290px;
  background: #f5f5f5;
  color: #212d45;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  z-index: 100;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
}

.menu-subs .list-item{position:relative}

/* 三级菜单样式 */
.menu-item-has-children .sub-menu .sub-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0; /* 改为与二级菜单顶部对齐 */
  list-style: none;
  width: 290px;
  background: #212d45;
  padding: 0;
  margin-left: 0;
  z-index: 101;
}

.sub-menu li {
  position: relative;
}

.sub-menu a {
  color: #fff;
  padding: 10px 20px;
  width: 290px;
  display: block;
  box-sizing: border-box;
}

.sub-menu a:hover {
  background: #fff;
  color: #212d45;
}

/* 确保悬停时显示菜单 */
.menu-item-has-children:hover > .sub-menu {
  display: block;
}
}


/*移动端*/
@media screen and (max-width: 767px) {
h1{font-size:24px}
h2{font-size:22px;line-height:40px !important}
h3{font-size:20px}
h4{font-size:18px}
.jianju{margin-top:50px}
.yd_mt20{margin-top:20px}
.yd_mt40{margin-top:40px}
.yd_mt50{margin-top:50px}
.yd_mb50{margin-bottom:50px}
.shoujinone{display:none}
.flex1{width:100%}
.banner_index h1{font-size:36px}
.headlogo .logo img{max-width:120% !important;margin-top:15px}
/*首页*/
.index_about .gaikuang{padding:20px 30px 20px 30px}
.index_about .fuwu li{padding:20px 30px 20px 30px}
.slider{padding:0 30px}
.capacity_left,.capacity_right{padding:30px}
.capacity_right_l,.capacity_right_r{width:100%}
.capacity_right_l li,.capacity_right_r li{line-height:50px}
.index_news ul{width:100%;}
.index_news ol{width:100%;}
.index_contact_form{width:100%}
.products .products_list i{display:none}
.products_list p{width:100%}

/*applications页面*/
.applications_section ul li{width:100%}
/*.hengtiao_yy{padding-bottom:40px;padding-top:40px}*/

/*news&blog页面*/
.blog_single{margin-bottom: 35px;}
.blog_section li .img {
    width: 100%;
    margin-bottom: 20px;
    padding-right:0px;
}
.blog_section li .right{width:100%;}
.related_posts ul li{width:100%}


/*footer*/
.copy_wz{width:100%;justify-content:center;align-items:center;height:50px}
footer.footer{padding-top:30px}
.footshare{height:40px;align-items:center;}
footer.footer .footer_copyright{border-top:1px solid #e5e5e5;height: 50px;}
.footer_p3{width:100%;margin-top:50px}
.footer_p4{width:100%;}
.footer .link_b{width:100% !important;}
footer .link_a a p{width:100% !important;}
footer.footer ul{margin-bottom:30px}

}
@media screen and (min-width: 992px) and (max-width:1260px) {
.headlogo {width:30%}
.level-1 {margin-left:50px}
}
/*平板端*/
@media screen and (min-width: 768px) and (max-width:991px) {
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
.padnone{display:none}
.jianju{margin-top:80px}
.pb_mb80{margin-bottom:80px}
.pb_mb20{margin-bottom:20px}
.pb_mt60{margin-top:60px}
.pb_mt40{margin-top:40px}
.flex2{width:49%}
.flex3{width:32.5%}
.footer_p3{width:100%;}
.footer_p4{width:100%;}
.footer .link_b{width:49%;}
.footer .link_a a p{width:49%}
.banner_index{height:800px}
.index_product li{margin-bottom:20px}
.index_about .gaikuang{padding:50px 7%}
.index_product{}
.capacity_left,.capacity_right{padding:50px 7%}
.index_about .fuwu li{padding:50px 7%}

/*applications页面*/
.applications_section ul li{width:50%}
/*.hengtiao_yy{padding-bottom:60px;padding-top:60px}*/

/*news&blog页面*/
.blog_single{margin-bottom:50px}
.blog_section li .img {
    width: 100%;
    margin-bottom: 20px;
    padding-right:0px;
}
.blog_section li .right{width:100%;}
.related_posts ul li{width:100%}
}

/*平板和电脑*/
@media only screen and (min-width:768px){
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{width: 100%;justify-content: center;padding-bottom:30px;background:#212D45}
.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%;}
.container{padding:0 60px}
.header .menu > ul > li.menu-item-has-children .menu-subs {
    width: 220px;
    justify-content: center;
    padding: 0;
    background: #f5f5f5;
    left:-50px
  }
}


/*移动和平板*/
@media only screen and (max-width:991px){
.pc_left{float:left}
/*.pc_right{float: left;}*/

.products .products_list ul li{padding:30px 40px 30px 40px;min-height:180px}
.products_list h2{width:100%}
.products_desc_wz{padding:60px 0}
.products_desc_wz .p1{width:100%;}
.products_desc_wz .p2{width:100%;}

/*header*/
.main-nav{display:none}
.header{}.header .ion{font-size: 2rem;}
.navbottom{border:none}
.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;margin-top:35px;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:#fff;-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-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{position:fixed;top:0;left:0;width:32rem;height:100%;z-index:1099;overflow:hidden;background:#212D45;-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:#212D45}
.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;color:#000}
.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%;background:#212D45}
.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;background:#212D45;float:left;width: 100%;}
.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;color:#fff;font-weight: 300;}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item > a{color:#fff}
.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:#fff}
.menu-section{display:block}
.menu-section > li{position:static}


.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}
}