@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: 300;font-display: swap;src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.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/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.ditch::before {content: "\e688";}
.iconfont.weld::before {content: "\e67e";}
.iconfont.liquid::before {content: "\e6b8";}
.iconfont.pipe::before {content: "\e6ba";}
.iconfont.accessory::before {content: "\e60d";}
.iconfont.plant::before {content: "\e614";}
.iconfont.recond::before {content: "\e75b";}

.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_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%}*/

.mb10{margin-bottom:10px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.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}
.flex{display:flex}
/*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;}
.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}


/*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*/
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 .ewm_footer{width:70px;margin-top:10px}

/*通用*/
.headnav{max-width:1300px;margin:auto;align-items:center;height:85px}
.menu{max-width:1300px;margin:auto;}
h1{font-size:90px;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}

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


/*banner_index*/
.banner_index{color:#fff;width:100%;height:950px;background:rgba(33, 45, 69, 0.8);position:relative;background-position:center center;background: url(../image/banner_index.webp) no-repeat center;background-size: cover;}
.banner_index h3{color:#FFC03D;font-weight:bold;}
.banner_index h1{font-weight:bold;line-height:100px}
.banner_index_wz{position: relative;}
.banner_index_wz p{max-width: 700px;margin-bottom:30px}

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

.index .banner_index .banner_index_btn{width:160px;height:45px;background:#FFB923;text-align:center;color:#212D45;font-size:18px;line-height:45px;margin-top:30px;font-weight:300;border:none}
.banner_index_btn:hover a{color:#212D45}

/*简介*/
.index_about{box-sizing:border-box;max-width:1300px;position:relative;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;margin:auto;margin-top:-100px;display:flex}
.index_about h2,h3{font-weight: bold;}
.index_about .gaikuang{background:#FFC03D;float:left;padding:60px 70px 60px 70px;}
.index_about .gaikuang .about_btn{width:160px;height:45px;background:#212D45;text-align:center;color:#fff;font-size:18px;line-height:45px;margin-top:30px;font-weight:300;border:none}
.index_about .gaikuang .about_btn a{color:#fff;}
.index_about .gaikuang h2{line-height:50px}
.index_about .gaikuang .about_btn:hover{background:#fff;}
.index_about .gaikuang .about_btn:hover a{color:#212D45}
.index_about .fuwu{background:#fff;float:right;box-shadow: 10px 10px 15px 5px rgba(0, 0, 0, 0.02);display:flex}
.index_about .fuwu h2{font-family:'Roboto'}
.index_about .fuwu ul{display: flex;flex-wrap: wrap;}
.index_about .fuwu li{position: relative;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;padding: 47px 0 47px 35px;min-height: 210px;box-sizing: border-box}
.index_about .fuwu li .today{color:#fff;background:#FFC03D;padding:5px 10px;font-weight:600;position: absolute;
  font-family:'Poppins';
  bottom: -43px;
  left: -45px;
  z-index: 9;
  height: 88px;
  width: 88px;
  line-height: 76px;
  border-radius: 90px;}

/*products*/
.index_product{color:#212D45;}
.index_product h1{padding:10px 0;position: relative;}
.index_product h4{color:#fff;position:absolute;bottom:20px;left:20px;right:15px;z-index: 99999;font-weight:normal;}
/*.index_product a:hover h4{color:#FFC03D}*/
.index_product li{box-sizing:border-box;color:#4B4F58;position:relative}
.index_products_list .tab_lengtu .list-item:nth-child(1){
    background: url(../imgproduct/CJ-Polyethylene-Tape-Coating-System.jpg) no-repeat center;
}
.index_products_list .tab_lengtu .list-item:nth-child(2){
    background: url(../imgproduct/CJ-Heavy-duty-Anti-corrosion-Protective-Tape.jpg) no-repeat center;
}
.index_products_list .tab_lengtu .list-item:nth-child(3){
    background: url(../imgproduct/CJ-Visco-elastic-Coating-System.jpg) no-repeat center;
}
.index_products_list .tab_lengtu .list-item:nth-child(4){
    background: url(../imgproduct/CJ-Non-bonded-Outer-Wrapping.jpg) no-repeat center;
}
.index_products_list .tab_lengtu .list-item:nth-child(5){
    background: url(../imgproduct/CJ-UV-resistant-Tape.jpg) no-repeat center;
}
.index_products_list .tab_lengtu .list-item:nth-child(6){
    background: url(../imgproduct/CJ-Patrolatum-Tape-Systems.jpg) no-repeat center;
}

.index_products_list .tab_resuo .list-item:nth-child(1){
    background: url(../imgproduct/CJ-Non-primer-Distortion-Shrinkage-Strip.jpg) no-repeat center;
}
.index_products_list .tab_resuo .list-item:nth-child(2){
    background: url(../imgproduct/CJ-Heat-Shrinkable-Sleeve-Systems.jpg) no-repeat center;
}
.index_products_list .tab_resuo .list-item:nth-child(3){
    background: url(../imgproduct/CJ-Polyethylene-Repair-Products.jpg) no-repeat center;
}

.index_products_list .list-item::before{
    content: "";
    position: absolute;
    left: 20px;
    bottom: 65px;
    margin: auto;
    width: 90%;
    height: 1px;
    background-color: #eee;
    z-index: 999;
    margin-bottom: 10px;
}
.index_products_list .list-item::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none;
    transition: all .3s ease;
    z-index: 1;
}
.index_products_list .list-item:hover::after {
    background: rgba(255,192,61,0.8);
}
.index_products_list .ul .list-item .lianjie{
    width: 32%;
    height: 375px;
}


.index_product .ul{
    display: flex;
}
.index_products_list .ul .list-item{
    width: 32%;
    height: 375px;
    box-sizing: border-box;
    /*background: #fff;*/
    margin-bottom: 30px;
    /*padding: 30px 30px 85px;*/
    /*border-radius: 10px;*/
    position: relative;
}
.index_product .pdf {
    position: absolute;
    color: #ffb923;
    line-height: 1;
}

.layui-tab-title{border:none}
.layui-tab-title li{
    line-height: 50px;
    height: 50px;
    border:#efefef;
    color: #212D45;
    font-size: 18px;
    border: 1px solid #e3e3e3;
    margin-right: 20px;
}
.layui-this{
    background: #FFC03D;
    color: #fff !important;
}
.index_product .layui-tab-title{margin-bottom:30px;height: 50px;}
.layui-tab-title .layui-this a{color:#fff !important}
.layui-tab-title li:hover{color:#fff}
.layui-tab-title .layui-this::after{border:none}

.products .index_product i{align-items: center;display: flex;}
.index_products_list .list-item {
    /*display: flex;*/
    flex-direction: column; /* 改为垂直排列 */
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    /*padding: 30px;*/
    /*border: 1px solid #e3e3e3;*/
}
.index_product .list-item:hover {
  background-color: #FFC03D;
}
.index_product .product_img {
    width: 100%;
    margin: auto;
    /*margin-bottom: 25px;*/
}
.index_product .text-content {margin-bottom:15px}
.index_product h2{color:#FFC03D;}
.index_product p{width:80%;float:left}
.index_product .list-item .iconfont{transition: transform 0.3s ease;}
.index_product .list-item:hover .iconfont{transform: translateX(12px);color:#FFC03D}



/*优势*/
.index_capacity{box-sizing:border-box;}
.index_capacity .capacity_btn{width:180px;border:1px solid #fff;color:#fff;border-radius:2px;text-align:center;height:45px;line-height:45px;font-size:18px;margin-top:30px;}
.index_capacity .capacity_btn a{color:#fff}
.capacity_left{position:relative;padding:80px;background:rgba(33, 45, 69, 0.7);background-image:url("http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/capacity_left.jpg");background-size:cover;}
.capacity_right{position:relative;padding:95px 90px;background:#FFC03D;background-image:url("http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/capacity_right.jpg");background-size:cover;}

.capacity_left::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 45, 69, 0.8);
  z-index: 0;
}
.capacity_right::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 192, 61, 0.8); 
  z-index: 0;
}
.index_capacity_wz{position: relative;font-size:16px}
.capacity_left h3{color:#FFC03D;font-weight:bold;}
.capacity_left h2{color:#fff;font-weight:bold;}
.capacity_left p{color:#fff;}
.capacity_right_l{width:48%;float:left;margin-right:4%}
.capacity_right_r{width:48%;float:left}
.capacity_right_bottom{width:100%}
.capacity_right li{width:100%;;display:inline-block;line-height:55px;}
.capacity_right i{margin-right:10px;font-size:22px}
.capacity_right p{font-weight: bold;}
/*.capacity_right_desc{font-size:16px;font-weight:normal !important;line-height:25px;padding-left:35px}*/

/*我们的技术*/
.index_industry{}
.index_industry ul li{
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.index_industry ul li p{
    margin-top: 25px;
}
.industry_ul{
    display: flex;
  flex-wrap: wrap; /* 允许换行 */
  align-items: stretch; /* 强制所有 li 高度一致 */
  /*gap: 15px;*/
}


/*行业*/
.index_application{}
.index_application h4{color:#fff;padding:0 15px 0 15px;font-weight:normal}
.index_application li{display:inline-flex;color:#fff;}
.index_application li img{width:100%}
.index_application li:nth-child(1){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong1.webp) no-repeat;background-size: cover;background-position: center;}
.index_application li:nth-child(2){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong2.webp) no-repeat;background-size: cover;background-position: center;}
.index_application li:nth-child(3){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong3.webp) no-repeat;background-size: cover;background-position: center;}
.index_application li:nth-child(4){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong4.webp) no-repeat;background-size: cover;background-position: center;}
.index_application li:nth-child(5){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong5.webp) no-repeat;background-size: cover;background-position: center;}
.index_application li:nth-child(6){background:url(http://en.sdqmsj.com/wp-content/themes/ensdqmsj/image/yingyong6.webp) no-repeat;background-size: cover;background-position: center;}
.slider{max-width:1300px;margin:0 auto}
.slider-item {height: 300px;flex-shrink: 0;padding:50px;margin-bottom:15px;}


/* 底部渐变半透明背景 */
.slider-item::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%; /* 控制底部渐变高度 */
 
  background: linear-gradient(
    to top,
    rgba(29, 68, 124, 0.6) 0%,      /* 底部深色 */
    rgba(29, 68, 124, 0.5) 50%,     /* 中间过渡 */
    rgba(29, 68, 124, 0.2) 80%,     /* 接近透明 */
    transparent 100%                /* 完全透明 */
  );
  z-index: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* 鼠标悬停时变为全半透明背景 */
.slider-item:hover::before {
  height: 100%;
  background: rgba(29, 68, 124, 0.7);
  pointer-events: none; /* 防止遮挡点击事件 */
    /* 遮罩的过渡：背景色变化，持续0.4秒，缓动效果 */
    transition: background 0.4s cubic-bezier(0.25, 0.1, 0.25, 1)
}

.slider-item h4,.slider-item p{z-index:999999999}
.slider_wz{position:absolute;width:100%;bottom:10%;left:0;text-align:center;color:#fff;z-index: 999999999;transition:bottom .4s ease-in-out,opacity .4s ease-in-out;opacity:1;}

.slider-item:hover .slider_wz {bottom: 40%;}

.arrow {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.4);color: #fff;border: none;
        padding: 10px;cursor: pointer;font-size: 18px;}
.arrow.left {left: 10px;}
.arrow.right {right: 10px;}



/*新闻*/
.index_news{width:100%;background:#f5f5f5}
/*.index_news h3,.index_news h2{text-align:center;}*/
.index_news h4{font-size:2rem;margin-bottom:10px;font-weight:normal}
.index_news ul{width:45%;display:flex;display: flex;flex-wrap: wrap;justify-content: space-between;background:#fff;margin-bottom:15px;border:1px solid #f2f2f2}
.index_news li{box-sizing:border-box;padding:20px 4%;}
.index_news ol{width:50%;}
.index_news ol li{margin-bottom:15px;background:#fff;border:1px solid #f2f2f2}
/*.index_news ol li:nth-child(3){margin-bottom:0px}*/
.index_news ul:hover{box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04);transition: transform 0.4s ease}
.index_news ol li:hover{box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04);transition: transform 0.4s ease}
/*.index_news li:hover{border-color: #212D45;transform: scale(1.1);transition: transform 0.4s ease}*/
.index_news li img{margin-bottom:20px;width:100%}

.index_news_box{padding:100px 0;}
.index_news .news_left{
    width: 45%;
    background: #fff;
    height: 600px;
    /*border-radius: 10px;*/
}
.index_news p{color:#666}


/*联系表单*/
.index_contact{width:100%;background:#fff;background:url(http://en.sdqmsj.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}


/*pc端*/
@media screen and (min-width: 992px) {
.pc_mt20{margin-top:20px}
.pc_mt50{margin-top:50px}
.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_p3{width:30%;float:left;margin-top:0px}
.footer_p4{width:70%;float:right;margin-top: 0px;}



/*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:#fff;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:#212D45;background:#fff}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a{color:#fff;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: #212d45;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  padding: 0;
  z-index: 100;
}

/* 三级菜单样式 */
.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:36px}
h2{font-size:24px;line-height:40px !important}
h3{font-size:20px}
h4{font-size:18px}
.yd_mt50{margin-top:50px}
.yd_mb50{margin-bottom:50px}
.yd_mb20{margin-bottom:20px}
.shoujinone{display:none}
.flex1{width:100%}
.headlogo .logo img{max-width:120% !important;margin-top:15px}
/*首页*/
.banner_index{height:700px}
.index_about{display: block;}
.index_about .gaikuang h2{}
.index_about .gaikuang{padding:20px 7%;float:none}
.index_about .fuwu{display:block;float:none}
.index_about .fuwu li{padding:30px 7%;min-height: 140px;}
.index_about .fuwu li .today{display:none}
.index_product li{margin-bottom:20px}
.slider{padding:0 7%}
.capacity_left,.capacity_right{padding:30px 7%}
.capacity_right_l,.capacity_right_r{width:100%}
.capacity_right_l li,.capacity_right_r li{line-height:40px}
.capacity_right li{line-height:40px;}
.index_news ul{width:100%;}
.index_news ol{width:100%;}
.index_news_box{padding:50px 0}
.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%}
.index_products_list .ul .list-item{width:100%;height:377px}
.index_products_list .list-item::before{
    bottom: 60px;
}

/*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.footer ul{margin-bottom:30px}

}
/*平板端*/
@media screen and (min-width: 768px) and (max-width:991px) {
h1{font-size:46px}
h2{font-size:30px}
h3{font-size:22px}
h4{font-size:20px}
.pb_mb80{margin-bottom:80px}
.pb_mb20{margin-bottom:20px}
.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%;min-height:360px}
.index_product{}
.capacity_left,.capacity_right{padding:50px 7%}
.index_about .fuwu li{padding:50px 7%}
.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}
.index_products_list .ul .list-item{width:48%;height:377px}
.index_products_list .list-item::before{
    bottom: 90px;
}
}


@media screen and (min-width: 991px) and (max-width:1478px) {
.index_products_list .list-item::before{
    bottom: 85px;
}
}
@media screen and (max-width: 430px) {
.index_products_list .list-item::before{
    bottom: 85px;
}
}

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


}


/*移动和平板*/
@media only screen and (max-width:991px){
.pc_left{float:left}
/*.pc_right{float: left;}*/
footer .link_b a{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}
.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}
}