@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.pdf::before {content: "\e1a1";}

.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:55px;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}

.mb10{margin-bottom:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.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}
.pt40{padding-top:40px}
.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}

/*header*/
.header{width:100%;z-index:9999999999;position:fixed}
.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;height:85px;}
.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{width:1300px;margin:auto;line-height:84px;}
.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}
.main-nav{width:100%}

.level-1 {
  display: flex;
  list-style: none;
  color: #fff;
  font-size: 18px;
  justify-content: space-between;
}
.level-1 a{color:#fff;}
.level-1 a:hover{color:#ffb923}
.level-1 > li {
  position: relative;
  padding: 10px;
}
.level-2 {
  display: none;
  position: absolute;
  left: -50px;
  list-style: none;
  width: 210px;
  background: #212d45;
  color: #fff;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.level-2 a{color:#fff;padding: 10px 20px;width: 210px;display:block}
.level-2 a:hover{background:#fff;color:#212d45}
.level-2 > li:hover > a {
  background: #fff;
  color: #212d45;
}
.level-1 > li:hover .level-2 {
  display: block;
}
.level-3 {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  list-style: none;
  margin-left: 0px;
  background: #212d45;
  width: 290px;
  font-size: 16px;
  font-weight: 300;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
}
.level-3 a{color:#fff;padding: 10px 20px;width: 290px;display:block}
.level-3 a:hover{background:#fff;color:#212d45}
.level-2 > li:hover .level-3 {
  display: block;
}

/*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;line-height:30px;}
.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;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:#ffb923}
.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;
  padding: 5% 0;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}
.quote ul {
  align-items: center;
}
.quote .li1 p{height:40px}


/*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%;margin-top:50px}
.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;}
.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}
.banner_product_wz h1{line-height:1.4}


/*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;
}
.about_desc{border-box:box-sizing;}
.about_desc h3,.about_zizhi h3{color:#FFC03D}
.about_title{width:100%}
.about_title h2{line-height:1.4}
.about_jianjie{border-box:box-sizing;padding-right:60px}
.about_jianjie h2{line-height:1.4}
.about_service{border-box:box-sizing;padding-left:60px}
.about_service ul{margin-top:0}
.about_service ul li{padding:10px;margin-bottom:30px}
.about_service i{font-size:50px;color:#FFC03D;}
.about_service i img{width:50px;margin-bottom:25px}
.aboutus_hengfu{color:#fff;width:100%;height:280px;background:rgba(33, 45, 69, 0.8);position:relative;background-position:center center;background: url(../image/aboutus.jpg) no-repeat center;background-size: cover;}
.aboutus_hengfu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 45, 69, 0.8); /* 黑色半透明，0.5 表示 50% 透明度 */
  z-index: 0;
}
.aboutus_hengfu ul{display: flex;align-items: center;height:280px}
.aboutus_hengfu ul li{z-index:9;position:relative;text-align:center;border-right:1px solid #fff}
.aboutus_hengfu ul li:nth-child(3){border:none}
.aboutus_hengfu .shuzi{font-size:48px;font-weight:bold}
.about_zizhi ul li{width:32%;padding:30px;text-align:center;border:1px solid #efefef;margin-bottom:20px}
.about_zizhi ul li img{width:50%;margin-bottom:20px}
.about_zizhi ul .bordernone{border:none}
.about_partners ul li{width:24%;padding:15px;text-align:center;border:1px solid #efefef;margin-bottom:20px}
.about_partners h3{color:#FFC03D}
.about_licheng{}
.about_licheng h3{color:#FFC03D}

/*about时间线*/
.timeline-container{
    display: flex;
    width:100%;height:800px;position:relative;
    background-position:center center;background: url(../image/lichengbj.png) rgba(33, 45, 69, 0.2) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.timeline-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(33,45,69,0.9), rgba(0,0,0,.0));
  z-index: 0;
}

.timeline-content {
  flex: 3;
  padding: 4% 12% 4% 50px;
  color: white;
  display: flex;
  height: 800px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  border-left: 1px solid #fff;
  z-index: 999; 
  background: linear-gradient(to right, rgba(33, 45, 69, 0.7), rgba(0, 0, 0, 0));
  /*background: linear-gradient(to left, rgba(33,45,69,0.7), rgba(0,0,0,.0));*/
}
.timeline-content h2{font-weight:bold;font-style:italic}
.timeline-content p{margin-bottom:30px}
.timeline-year {
  display: none;
}

.timeline-entry {
  text-align: justify;
  width: 100%;
}

.timeline-nav {
  flex: 1;
  background-color: rgba(33,45,69,0.7);
  color: goldenrod;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  /*align-items: center;*/
  align-items:end;
  padding: 50px;
  z-index: 999; 
}

.nav-up{
  cursor: pointer;
  text-align: center;
  margin-bottom: 50px;
}
.nav-down {
  cursor: pointer;
  text-align: center;
  margin-top: 50px;
}
.nav-item {
  /*width: 10px;*/
  /*height: 10px;*/
  /*border-radius: 50%;*/
  /*background-color: goldenrod;*/
  margin-bottom:20px;
  font-style: italic;
  cursor: pointer;
  font-size: 20px;
}


/*联系表单*/
.index_contact{width:100%;background:#fff;background:url(https://www.anticorrosion-tape.com/wp-content/themes/ensdqmsj/image/biaodanbj.webp) no-repeat;background-size: cover;background-position: center;position:relative}
.index_contact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 45, 69, 0.96); /* 黑色半透明，0.5 表示 50% 透明度 */
  z-index: 0;
}
.index_contact_box{display:flex;z-index: 99999;position: relative;}
.index_contact_form{box-sizing:border-box;margin-bottom:40px;margin-top:40px;width:40%}
.index_contact_wz{text-align:left;padding-left:80px;width:60%;padding-top:130px}
.index_contact_form h2,.index_contact_form h3,.index_contact_form p{color:#212D45}
.index_contact_wz h2,.index_contact_wz p{color:#fff}
.index_contact_wz h2{line-height:55px}
.index_contact_wz li{border:1px solid #e1e1e1;padding:15px;margin-bottom:30px;}
.index_contact_title{width:100%;}
.layui_form{margin-top:30px}
.layui_input{display: block;width: 100%;padding-left: 10px;height: 50px;background:#f8f8f8;border:none}
.layui_message{display: block;width: 100%;padding-left: 10px;height: 150px;background:#f8f8f8;border:none}
.index_contact_form button{background:#F8B526;color:#212D45;border-radius:0px;height:45px;width:180px;font-size:18px}
.index_contact_form button:hover{color:#212D45; background-color: #F8B526;opacity: 0.9;}
.layui_input_block{margin-bottom:20px}




/*applications页面*/
.hengtiao_yy{box-sizing: border-box;display: flex;height: auto;flex-direction: row;}
.hengtiao_yy h2{width:40%;float:left;color:#FFC03D;padding-right:30px;font-size:40px}
.hengtiao_yy .jianshu{width:60%;float:left}
.applications_section ul li .bj{border: 1px solid #efefef;height:360px}
.applications_section ul li{width:25%;height:360px;position:relative;overflow:hidden}
.applications_section ul li .icon{margin:60px;width:90px;height:90px}
.applications_section ul li h3{padding:0px 60px;font-size:18px;}
.applications_section ul li .title{}
.applications_section ul li span{width:110px;color:#eaeaea;line-height:70px;font-size:100px;font-weight:bold;position:absolute;bottom:0;right:0;opacity:0.5}
.applications_section ul li .btn{display:none;background:#fff;width:80px;height:40px;margin-left:60px;margin-bottom:20px;text-align:center;border-radius:0 25px 0 0;line-height:40px;margin-top:20px}
.applications_section ul li:hover .btn{bottom:20%;display:block;z-index:99999;position:absolute}
.applications_section ul li:hover .icon{display:none}
.applications_section ul li:hover .title{padding-top:20%;position:absolute;z-index:99999}
.applications_section ul li:hover h3{color:#fff;}
/*.applications_section ul li:hover span{z-index:99999;font-size:140px;line-height:100px;width:160px;}*/
.applications_section ul li:hover span{display:none}
.applications_section ul li:hover .bj{border:none;}
.applications_section ul li:nth-child(1):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/oil_field.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(2):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/petrochemical_industry.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(3):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/offshore_platform.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(4):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/building.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(5):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/mining_industry.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(6):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/water_supply.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(7):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/gas.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.applications_section ul li:nth-child(8):hover .bj{
    background:url('/wp-content/themes/ensdqmsj/image/storage_tank.webp');
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.applications_section ul li:hover .bj::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 45, 69, 0.75);
    z-index: 0;
}

/*case页面*/
.case_section{margin-bottom:100px}
.case_section ul li{width:31%;border:1px solid #efefef;border-radius:15px;margin-bottom:30px;padding:25px;}
.case_section ul li:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}
.case_section ul li .img{margin-bottom:20px}
.case_section ul li h2{font-size:24px;color:#212D45}
.case_section ul li .desc{margin-top:20px}

/*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}

.dongtai_single h1{font-size:3rem}
.dongtai_single h2 {
  font-weight: bold;
  font-size: 2.2rem;
}

/*products页面*/
.products{background:#f2f2f2;}
.products .banner{color:#fff;width:100%;min-height:600px;background:rgba(33, 45, 69, 0.8);position:relative;background-position:center center;background-size: cover;}
.products .banner .subtitle{font-size:26px;margin-top:20px}
/*.products .banner_lengtu{cbackground: url(../image/lengtu_banner.jpg) no-repeat center;}*/
/*.products .banner_resuo{cbackground: url(products_desc ) no-repeat center;}*/
.desc_box{position: relative;min-height: 300px;margin-top: -80px;}
.desc_box .desc_box_svg{background:url(../image/products_desc_bg.png);position: absolute;width: 100%;height: 80px;}

.zuo{flex-grow:1;}
.you{flex-grow:1;background:#fff;}
.products_desc{color:#fff;background:#ffb923;margin-top:80px;width:100%;padding:40px 0}
.products_desc_wz .p1{width:47%;float:left}
.products_desc_wz .p2{width:47%;float:right}
.products_desc_wz .num{color:rgba(255, 255, 255, 0.1);font-weight:bold;font-size:200px;margin-left: -90px;line-height: 160px;padding-top: 0px;float:right}
.features li i{color:#fff;font-size:30px}
.features li p{color:#fff;margin-bottom:15px;font-size:16px;padding-right:20px;}
.products_list{padding-top:80px;padding-bottom:100px}
.product_fenlei{padding-bottom:100px;padding-top:80px}
.product_fenlei ul{
    display: flex;
    flex-direction: column; /* 垂直排列 li */
    gap: 40px; 
}
.product_fenlei ul li{
    width:100%;
    background: #fff;
    /*margin-bottom: 45px;*/
    padding: 25px 40px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
}
.product_fenlei h2{color:#ffb923}
.product_fenlei .fenlei_img{
    width: 24%;
    margin-right: 50px;
}
.product_fenlei .fenlei_img img{height:188px !important}
.product_fenlei .fenlei_text{
    width: 74%;
}
.product_fenlei ul li:hover {
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04);transition: transform 0.4s ease;
}
.product_fenlei ul li .iconfont{display: inline-block;transition: transform 0.3s ease;}
.product_fenlei ul li:hover .iconfont{transform: translateX(12px);color:#FFC03D}
.products .products_list ul{
    display: flex;
}
.products .products_list ul li{
    width: 31%;
    /*min-height: 350px;*/
    box-sizing: border-box;
    /*background: #fff;*/
    margin-bottom: 40px;
    padding: 30px 30px 30px;
    border-radius: 10px;
    position: relative;
}
.products_list .pdf {
    position: absolute;
    color: #ffb923;
    line-height: 1;
    right: 25px;
    top: 25px;
}
.products .products_list ul .linone{border:none;width:32%;background-color: transparent !important;}
.products_list h2{font-size:22px;line-height:1.8}

.layui-tab ul li{
    line-height: 50px;
    border:#efefef;
    color: #212D45;
}
.layui-this{
    background: #ffb923;
}
.layui-tab-title .layui-this a{color:#fff}
.layui-tab-title li:hover{color:#fff}
.layui-tab-title .layui-this::after{border:none}

.products .products_list i{align-items: center;display: flex;}
.products_list .list-item {
    /*display: flex;*/
    flex-direction: column; /* 改为垂直排列 */
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px;
    border: 1px solid #e1e1e1;
}
.products_list .list-item:hover {
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04);transition: transform 0.4s ease;
}
.products_list .product_img {
    /*width: 86%;*/
    margin: auto;
    margin-bottom: 30px;
    text-align: center;
    height: 280px;
    margin-top:45px;
    padding-top: 30px;
}
.products_list .product_img img{max-width:80% !important}
.products_list .list-item:hover .product_img{overflow: hidden;}
.products_list .list-item:hover img{
    transition: transform 0.4s ease;
    transform: scale(1.1);
}
.products_list .text-content {margin-bottom:10px}
.products_list h2{color:#FFC03D;}
.products_list p{width:80%;float:left}
.products_list .list-item .iconfont{transition: transform 0.3s ease;}
.products_list .list-item:hover .iconfont{color:#FFC03D}

/*pc端*/
@media screen and (min-width: 992px) {
.jianju{margin-top:100px !important}
.pc_mt20{margin-top:20px}
.pc_mt50{margin-top:50px}
.pc_mt80{margin-top:80px}
.pc_pt80{padding-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;min-width:310px}
.pc_right{float: right;}
footer .link_a a p{width:33%;display:inline-block}
footer .link_a p{width:25%;}
footer .link_b{width:33%;}
.footer_p3{width:30%;float:left;margin-top:0px}
.footer_p4{width:70%;float:right;margin-top: 0px;}

/*header*/
.header{}
.header-item-center{flex: auto;height: 85px; align-items: center; display: flex;}.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{width: 290px;justify-content: center;padding:15px 0;background:#212D45}
.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{color:#fff;font-weight:300}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a{color:#fff;line-height:50px;padding:0 20px;border:none;font-size:16px;font-weight:normal}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item>a:hover{color:#212D45;background:#fff}

/*about页面*/
.about .index_contact_wz{padding-top:110px;padding-left:180px}
.about .index_contact_wz p{line-height:50px}

}


/*移动端*/
@media screen and (max-width: 767px) {
h1{font-size:36px}
h2{font-size:24px;line-height:40px !important}
h3{font-size:20px}
h4{font-size:18px}
.jianju{margin-top:50px !important}
.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%}

/*products*/
.products_list{padding-top:50px;padding-bottom:50px}
.products .products_list ul li{width:100%;min-height:130px;padding:20px}
.products_list .product_img img {
  max-width: 45% !important;
}
.products_list .product_img{height: 250px;margin-top: 0;}
.products_list .text-content{text-align:center}
.product_fenlei{padding-top:50px;padding-bottom:50px}
.product_fenlei ul li {
    flex-direction: column; /* 改为垂直排列 */
    padding: 25px;
  }
.product_fenlei .fenlei_img{margin-right:0px}
.ydnone{display:none}


/*applications页面*/
.hengtiao_yy{flex-direction: column;}
.applications_section ul li{width:100%}
.hengtiao_yy h2{width:100%;margin-bottom:20px}
.hengtiao_yy .jianshu{width:100%;}

/*case页面*/
.case_section{margin-bottom:50px}
.case_section ul li{width:100%}

/*about页面*/
.about_service ul li{padding-left:0}
.about_service ul{margin-top:30px}
.about_zizhi ul li{width:100%}
.aboutus_hengfu .shuzi{font-size:26px}
.about_partners ul li{width:48%}
.timeline-entry{margin-top:50px}
.index_contact_box{flex-wrap:wrap;padding-bottom:40px}
.index_contact_form{margin-bottom:20px;width:100%}
.index_contact_title{text-align:left}
.index_contact_wz{padding:0;width:100%}
.timeline-nav{padding:20px}
.nav-item{font-size:18px}

/*fenlei页面*/
.products_desc{padding: 0px 0px 40px 0px;margin-top: 65px;}
.product_fenlei .fenlei_img{width:100%;margin-bottom:25px}
.product_fenlei .fenlei_text{width:100%}
.product_fenlei h2{margin-bottom:15px}


/*news&blog页面*/
.newslist li .img {
    width: 100%;
    margin-bottom: 20px;
    padding-right:0px;
}
.newslist li .right{width:100%;}
.newslist h2{font-size:20px !important}


/*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%;}
.footer .link_a a p{width:100%}
footer .link_b a{width:100%}
footer.footer ul{margin-bottom:30px}

}
@media screen and (min-width: 992px) and (max-width:1400px) {
footer .link_a a p{width:48%}
}
@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:46px}
h2{font-size:40px}
h3{font-size:22px}
h4{font-size:20px}
.padnone{display:none}
.jianju{margin-top:80px !important}
.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%}

/*product_fenlei*/
.product_fenlei h2{font-size:32px}
/*product*/
.products_list{padding-top:80px;padding-bottom:80px}
.products .products_list ul li{width:48%;min-height:130px;padding:20px}
.products_list .product_img{height:210px}
.ydnone{display:none}


/*applications页面*/
.applications_section ul li{width:50%}
.hengtiao_yy h2{font-size:32px}

/*case页面*/
.case_section{margin-bottom:80px}
.case_section ul li{width:48%}

/*about页面*/
.about_service ul{margin-top:30px}
.about_service ul li{padding-left:0}
.about_zizhi ul li{width:48%}
.aboutus_hengfu .shuzi{font-size:40px}
.index_contact_box.flex {flex-direction: column;}
.index_contact_form,.index_contact_wz {width: 100% !important;max-width: 100%;flex: 0 0 100%;}
.index_contact_wz{padding:0px 0px 60px 0}

footer .link_b a{width:100%}
}

/*tupian fangda*/
body:after{content: url(/static/upload/images/close.png) url(/static/upload/images/loading.gif) url(/static/upload/images/prev.png) url(/static/upload/images/next.png); display: none;}
.lightboxOverlay{position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;}
.lightbox{position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;}
.lightbox .lb-image{display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.lightbox a img{border: none;}
.lb-outerContainer{position: relative; background-color: white; *zoom: 1; padding:30px;height:auto !important; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.lb-outerContainer:after{content: ""; display: table; clear: both;}
.lb-container img{width:500px !important;margin:auto !important}
.lb-container{padding: 4px;}
.lb-loader{position: absolute; top: 43%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
.lb-cancel{display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/static/upload/images/loading.gif) no-repeat;}
.lb-nav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10000000;}
.lb-container > .nav{left: 0;}
.lb-nav a{outline: none;}
.lb-prev, .lb-next{width: 49%; height: 100%; cursor: pointer; /* Trick IE into showing hover */ display: block;}
.lb-prev{left: 0; float: left;}
.lb-prev:hover{background: url(/static/upload/images/prev.png) left 48% no-repeat;}
.lb-next{right: 0; float: right;}
.lb-next:hover{background: url(/static/upload/images/next.png) right 48% no-repeat;}
.lb-dataContainer{margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.lb-dataContainer:after{content: ""; display: table; clear: both;}
.lb-data{padding: 0 4px; color: #bbbbbb;}
.lb-data .lb-details{width: 85%; float: left; text-align: left; line-height: 1.1em;}
.lb-data .lb-caption{font-size: 13px; font-weight: bold; line-height: 1em;}
.lb-data .lb-number{display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;}
.lb-data .lb-close{display: block; float: right; width: 30px; height: 30px; background: url(/static/upload/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7;}
.lb-data .lb-close:hover{cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}



/*平板和电脑*/
@media only screen and (min-width:768px){
/*header*/
.header .menu > ul > li.menu-item-has-children .menu-subs{width: 290px;justify-content: center;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}

}


/*移动和平板*/
@media only screen and (max-width:991px){
.pc_left{float:left}
.menu-section li {
  margin-right: 0%;
}
.about_jianjie{padding-right:0px}
.about_service{padding-left:0px}

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

.about .index_contact_wz p{line-height:40px}

/*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}
.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}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item > a{color:#fff}

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