@charset "utf-8";
/* ===================首页样式========================== */
.banner{position: relative;}
.banner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.banner .content .text{line-height: 1;}
.banner .content .title{line-height: 1;}
.banner .content .name{line-height: 1;text-transform: uppercase;}
.banner .content .indBtn{color: #fff;}
.banner img{width: 100%;max-height:600px}
.banner .swiper-pagination{position:absolute;left:0;bottom:60px;width:100%;text-align:center;z-index:2;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 6px;width:10px;height:10px;opacity:1;background:#fff;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#d6000f;}
.banner .swiper-slide.slide2 .content .contain{height:100%;position:relative;}
.banner .swiper-slide.slide2  .indBtn{margin-top:0;position:absolute;left:0;top:68%}

.indBtn{width: 140px;height: 35px;border-radius: 3px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.indBtn i{font-size: 6px;font-weight: 400;margin-left: 10px;}
/* .indBtn:hover i{transform: translateX(10px);} */
.indBtn:hover {background-color: #d6000f;color: #fff;border: 1px solid#d6000f;}

.indSection{background-color: #fff;border-radius: 60px 60px 0px 0px;position: relative;z-index: 2;overflow:inherit;}

.lh1{line-height: 1;}
.indfa .indCommonTitle .indBtn{width: 180px;height: 42px;}
.indfa-cont{width: 100%;background: url(../images/index/indfa-cont.jpg)center no-repeat;height: 185px;background-size: cover;}
.indfa-cont .cont-l{width: 460px;display: flex;flex-direction: column;justify-content: center;padding-left: 50px;}
.indfa-cont .cont-r{width: calc(100% - 460px);padding-left: 50px; display: flex;flex-direction: column;justify-content: center;}
.indfa-cont .cont-r .search{width: 515px;height: 50px;border: 2px solid #d6000f;border-radius: 30px;position: relative;}
.indfa-cont .cont-r .search input{width: 100%;height: 100%;padding: 20px;background-color: rgba(0, 0, 0, 0);padding-right: 50px;}
.indfa-cont .cont-r .search .btn{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);color: #d6000f;font-weight: 700;}
.indfa-cont .cont-r ul .title{margin-right: 20px;}
.indfa-cont .cont-r ul li {margin-right: 20px;}
.indfa-cont .cont-r ul li .img{position: relative;display: flex;align-items: center;margin-right: 8px;}
.indfa-cont .cont-r ul li .img img:nth-child(1){position: absolute;opacity: 1;transition: all .4s ease;}
.indfa-cont .cont-r ul li .img img:nth-child(2){opacity: 0;transition: all .4s ease;}
.indfa-cont .cont-r ul li.active .img img:nth-child(1){opacity: 0;}
.indfa-cont .cont-r ul li.active .img img:nth-child(2){opacity: 1;}
.indfa-cont .cont-r ul li.active {color: #d6000f;border-bottom: 1px solid #d6000f;}

.indCommonTitle{position: relative;z-index: 3;}
.indCommonTitle .indBtn{border: 1px solid #d6000f;color: #d6000f;position: absolute;right: 0px;bottom: 0px;}
.indCommonTitle .indBtn:hover{color: #fff;}

.indfa-list.lty4{margin-right: -20px;}
.indfa-list.lty3{margin-right: -20px;}
.indfa-list.lty4 li{width: calc(100%/4 - 20px);margin-right: 20px;}
.indfa-list.lty3 li{width: calc(100%/3 - 20px);margin-right: 20px;}
.indfa-list li{position: relative;}
.indfa-list li > img{width: 100%;height: 295px;}
.indfa-list li .show{position: absolute;bottom: 0px;left: 0px;width: 100%;padding: 0px 30px;padding-bottom: 25px;transition: all .4s ease;background: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,.0));}
.indfa-list li .show .title{display: flex;align-items: center;}
.indfa-list li .show .title i{margin-left: 10px;font-size: 6px;}
.indfa-list li .hide{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(214, 0, 15, .8);padding: 0px 30px;display: flex;opacity: 0;transition: all .4s ease;
    flex-direction: column;justify-content: center;}
.indfa-list li .hide .indBtn{width: 100px;height: 35px;background-color: #fff;color: #d6000f;}
.indfa-list li .hide .indBtn i{margin-left: 5px;}
.indfa-list li .hide .indBtn:hover{background-color: #d6000f;color: #fff;}
.indfa-list li .hide .number{text-align: right;}
.indfa-list li:hover .hide{opacity: 1;}
.indfa-list li:hover .show{opacity: 0;}

.txImg{position: absolute;bottom: -84px;right: 0px;z-index: -1;}

.indcp{background-color: #f2f2f2;}
.indcp-img{position: absolute;top: 0px;left: 0px;width: 100%;height: 680px;}
.indcp-img img{display: none;width: 100%;height: 100%;}
.indcp-img img.active{display: block;}
.indcp-con-box{position: relative;z-index: 2;}
.indcp-con{display: none;}
.indcp-con.active{display: block;}
.indcp-title::first-letter{font-size: 36px;}
.indcp-con .indBtn{width: 120px;height: 35px;background-color: #fff;color: #d6000f;}
.indcp-con .indBtn i{margin-left: 5px;}
.indcp-con .indBtn:hover{background-color: #d6000f;color: #fff;}
.indcp-list{position: relative;z-index: 2;padding-right: 130px;display: flex;justify-content: flex-end;}
.indcp-list li{width: 200px;margin-right: 12px;height: 160px;position: relative;overflow: hidden;transition: all .4s ease;}
.indcp-list li:nth-child(1){background-color: #047dee;}
.indcp-list li:nth-child(2){background-color: #46a5fe;}
.indcp-list li:nth-child(3){background-color: #30ca66;}
.indcp-list li:nth-child(4){background-color: #9ed248;}
.indcp-list li:nth-child(5){background-color: #013c64;}
.indcp-list li:nth-child(6){background-color: #287f77;}
.indcp-list li .show{padding: 0px 35px;bottom: 0px;position: absolute;left: 0px;padding-bottom: 40px;z-index: 2;}
.indcp-list li .En{position: absolute;bottom: 0px;right: 0px;line-height: 200px;font-size: 200px;color: rgba(255, 255, 255, .05);opacity: 0;transition: all .4s ease;}
.indcp-list li.active .En{opacity: 1;}
.indcp-list li .number{position: absolute;top: 28px;left: 35px;opacity: 0;transition: all .4s ease;}
.indcp-list li.active .number{opacity: 1;}
.indcp-list li.active {height: 260px;margin-top: -100px;}

.indzx{background: linear-gradient(to bottom, rgba(242,242,242,1), rgba(242,242,242,.0));}
.indzx-list {margin-right: -30px;}
.indzx-list li{width: calc(100%/3 - 30px);margin-right: 30px;transition: all .4s ease;background-color: #fff;border-bottom: 3px solid #fff;}
.indzx-list li .img{height: 270px;overflow: hidden;}
.indzx-list li .img img{transition: all .4s ease;width: 100%;height: 100%;}
.indzx-list li .img img:hover{transform: scale(1.04);}
.indzx-list li:hover{box-shadow: 0.977px 13.966px 54px 0px rgba(108, 108, 108, 0.16);border-bottom: 3px solid #d6000f;}
.indzx-list li .cont{padding: 36px 50px;}  
.indzx-list li .cont .title{transition: all .4s ease;}
.indzx-list li:hover .cont .title{color: #d6000f;}

.indhb{position: relative;}
.indhb-bg{position: absolute;top: -70px;left: 0px;width: 100%;display: flex;justify-content: center;align-items: center;}
.indhb-cont{position: relative;z-index: 2;}
.indhb-cont .cont-l{width: 475px;}
.indhb-cont .cont-r{width: 475px;}
.indhb-cont .cont-cl{width: calc(100% - 475px*2);}
.indhb-cont .cont-cl .swiper-container{padding: 30px;margin: -30px;}
.indhb-cont .cont-cl .list{background-color: #fff;border-radius: 5px;box-shadow: 8.03px 11.468px 21px 0px rgba(120, 120, 120, 0.22);padding-bottom: 55px;}
.indhb-cont .cont-cl .list .img{height: 240px;overflow: hidden;}
.indhb-cont .cont-cl .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indhb-cont .cont-cl .list .img:hover img{transform: scale(1.04);}
.indhb-cont .cont-cl .list .indBtn{border: 1px solid #d6000f;color: #d6000f;width: 140px;margin: 0px auto;margin-top: 30px;}
.indhb-cont .cont-cl .list .indBtn i{margin-left: 5px;}
.indhb-cont .cont-cl .list .indBtn:hover{color: #fff;}
.indhb-cont .cont-cl .list .cont{padding: 40px 35px 0px;display: flex;align-items: center;justify-content: center;}
.indhb-cont .cont-cl .list .cont .icon{width: 90px;}
/* .indhb-cont .cont-cl .list .cont .content{width: calc(100% - 90px);padding-left: 50px;position: relative;} */
.indhb-cont .cont-cl .list .cont .content{padding-left: 50px;position: relative;}
.indhb-cont .cont-cl .list .cont .content::before{content: "";position: absolute;left: 20px;height: 15px;width: 1px;background-color: #d6000f;transform: translateY(-50%)rotate(15deg);top: 50%;}
/* .indhb-cont .cont-cl .list{display: none;}
.indhb-cont .cont-cl .list.active{display: block;} */
.indhb-cont .cont-l li{width: 100px;height: 100px;border-radius: 10px;overflow: hidden;transition: all .4s ease;box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.14);background-color: #fff;padding: 10px;display: flex;justify-content: center;align-items: center;}
/* .indhb-cont .cont-l li img{width: 100%;height: 100%;} */
.indhb-cont .cont-l li:hover{box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.68);}
.indhb-cont .cont-l ul{}
.indhb-cont .cont-l li{margin-right: 40px;margin-bottom: 70px;}
.indhb-cont .cont-l li:nth-child(2){margin-top: 40px;}
.indhb-cont .cont-l li:nth-child(3){margin-top: 150px;}
.indhb-cont .cont-l li:nth-child(4){margin-top: -150px;}
.indhb-cont .cont-l li:nth-child(5){margin-top: -110px;}
.indhb-cont .cont-l li:nth-child(7){margin-top: -150px;}
.indhb-cont .cont-l li:nth-child(8){margin-top: -110px;}

.indhb-cont .cont-r li{width: 100px;height: 100px;border-radius: 10px;overflow: hidden;transition: all .4s ease;box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.14);background-color: #fff;padding: 10px;display: flex;justify-content: center;align-items: center;}
/* .indhb-cont .cont-r li img{width: 100%;height: 100%;} */
.indhb-cont .cont-r li:hover{box-shadow: 0.977px 13.966px 18.27px 2.73px rgba(136, 136, 136, 0.68);}
.indhb-cont .cont-r ul{justify-content: flex-end;}
.indhb-cont .cont-r li{margin-right: 40px;margin-bottom: 70px;}
.indhb-cont .cont-r li:nth-child(1){margin-top: 150px;}
.indhb-cont .cont-r li:nth-child(2){margin-top: 40px;}
.indhb-cont .cont-r li:nth-child(5){margin-top: -110px;}
.indhb-cont .cont-r li:nth-child(6){margin-top: -150px;}
.indhb-cont .cont-r li:nth-child(7){margin-top: -110px;}
.indhb-cont .cont-r li:nth-child(8){margin-top: -150px;}

.indmm{height: 2000px;position: relative;}
.indmm .bg{position: sticky;top: 90px;left: 0px;}
.indmm .bg img{height: 100vh;width: 100%;}
.indmm .yun{position: sticky;top: 1000px;left: 0px;}
.indmm .yun img{width: 100%;}
.indmm-contain{position: absolute;z-index: 2;top: 0px;left: 0px;width: 100%;}
.indmm-title {display: flex;justify-content: center;flex-direction: column;align-items: center;margin-top: 300px;}
.indmm-title .name{text-transform: uppercase;letter-spacing: 5px;}
.indmm-title .text{text-align: center;}
.indmm-title a{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 3px;background-color: #d6000f;transition: all .4s ease;}
.indmm-title a:hover{opacity: .7;}
.indmm-list{padding: 0px 50px;margin-right: -90px;margin-top: 1100px;}
.indmm-list li{width: calc(100%/4 - 90px);margin-right: 90px;display: flex;flex-direction: column;align-items: center;text-align: center; position: relative;}
.indmm-list li .img{height: 50px;display: flex;align-items: center;justify-content: center;}
.indmm-list li .img img{max-height: 100%;}
.indmm-list li a{color: #d6000f;text-transform: uppercase;display: flex;align-items: center;}
.indmm-list li a i{font-size: 12px;margin-left: 10px;transition: all .4s ease;}
.indmm-list li a:hover i{transform: translateX(10px);}
.indmm-list li::before{content: "";position: absolute;width: 1px;height: 108px;background-color: #f2f2f2;right: -45px;top: 50%;transform: translateY(-50%);}
.indmm-list li:last-child:before{display: none;}

.indhb-cont .cont-cl .list .cont .content .text{display: none;}

.indhb-cont .cont-cl .list .cont{min-height: 130px;}

.indhb-cont .cont-cl .list .indBtn {width: 170px;}

























/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indfa-list li > img {height: 265px;}
    .indhb-cont .cont-l {width: 430px;}
    .indhb-cont .cont-r {width: 430px;}
    .indhb-cont .cont-cl{width: calc(100% - 430px*2);}
    .indhb-cont .cont-r ul{margin-right: -40px;}
    .indcp-img{height: 580px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indfa-list li > img {height: 220px;}
    .indcp-list li {width: 180px;height: 120px;}
    .indcp-list li .show{padding: 0px 20px;padding-bottom: 20px;}
    .indcp-list li .number {left: 20px;}
    .indcp-list li.active {height: 220px;margin-top: -100px;}
    .indzx-list li .cont {padding: 20px 25px;}
    
    .indhb-cont .cont-l,.indhb-cont .cont-r{width:340px;}
    .indhb-cont .cont-cl {width: calc(100% - 340px*2);}
    .indhb-cont .cont-r li,.indhb-cont .cont-l li{width:80px;height:80px;}
    .indhb-cont .cont-cl .list .img{height:150px;}
    .indhb-cont .cont-cl .list .cont{padding: 20px 20px 0px;min-height:110px;}
    .indhb-cont .cont-cl .list{padding-bottom: 40px;}
    
    .indhb-cont .cont-l li{margin-right: 30px;margin-bottom: 50px;}
    .indhb-cont .cont-l li:nth-child(2){margin-top: 30px;}
    .indhb-cont .cont-l li:nth-child(3){margin-top: 100px;}
    .indhb-cont .cont-l li:nth-child(4){margin-top: -80px;}
    .indhb-cont .cont-l li:nth-child(5){margin-top: -60px;}
    .indhb-cont .cont-l li:nth-child(7){margin-top: -80px;}
    .indhb-cont .cont-l li:nth-child(8){margin-top: -80px;}
    
    .indhb-cont .cont-r li{margin-right: 30px;margin-bottom: 50px;}
    .indhb-cont .cont-r li:nth-child(1){margin-top: 100px;}
    .indhb-cont .cont-r li:nth-child(2){margin-top: 30px;}
    .indhb-cont .cont-r li:nth-child(5){margin-top: -80px;}
    .indhb-cont .cont-r li:nth-child(6){margin-top: -80px;}
    .indhb-cont .cont-r li:nth-child(7){margin-top: -80px;}
    .indhb-cont .cont-r li:nth-child(8){margin-top: -100px;}
    
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .indfa-cont .cont-l{width: 100%;padding: 20px;padding-bottom: 0px;}
    .indfa-cont .cont-r{width: 100%;padding: 10px 0px;padding-left: 20px;}
    .indfa-cont{height: auto;}
    .indfa-list.lty4{margin-bottom: -20px;}
    .indfa-list.lty3{margin-bottom: -20px;}
    .indfa-list.lty4 li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
    .indfa-list.lty3 li {width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;}
    .indcp-list{padding-right: 0px;margin-right: -20px;}
    .indcp-list li{width: calc(100%/4 - 20px);margin-right: 20px;}
    .indzx-list {margin-bottom: -15px;margin-right: -15px;}
    .indzx-list li {width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;}
    .indmm{height: 1000px;}
    .indmm-title{margin-top: 100px;text-align: center;}
    .indmm-list {padding: 0px;margin-right: -20px;margin-top: 300px;margin-bottom: -15px;}
    .indmm-list li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 15px;}
    .indmm-list li::before{display: none;}
    .banner .swiper-pagination{bottom:30px;}
    .banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;}
    .indhb-cont .cont-l{display: none;}
    .indhb-cont .cont-r{display: none;}
    .indhb-cont .cont-cl{width: 100%;}
    .indhb-cont .cont-cl .list .img{height:185px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .indfa-cont {padding: 15px;}
    .indfa-cont .cont-r .search{width: 100%;height: 35px;}
    .indfa-cont .cont-r{padding: 0px;}
    .indfa-cont .cont-l{padding: 0px;margin-bottom: 15px;}
    .indfa-cont .cont-r .search input {padding: 5px;}
    .indfa-cont .cont-r ul li {margin-right: 10px;}
    .indfa-list.lty4{margin-bottom: -20px;margin-right: 0px;}
    .indfa-list.lty3{margin-bottom: -20px;margin-right: 0px;}
    .indfa-list.lty4 li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
    .indfa-list.lty3 li {width: 100%;margin-right: 0px;margin-bottom: 20px;}
    .indfa-list li .hide{padding: 0px 15px;}
    .indfa-list li .show{padding: 0px 15px;padding-bottom: 15px;}
    .txImg {bottom: -40px;}
    .indcp-img {height: 350px;}
    .indcp-list {margin-right: 0px;}
    .indcp-list li{width: 100%;margin-right: 0px;}
    .indcp-list{margin-top: 80px;}
    .indcp-list li.active{position: relative;z-index: 2;height: 160px;margin-top: -40px;}
    .indzx-list {margin-right: 0px;}
    .indzx-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;}
    .indzx-list li .cont{padding: 15px;}
    .indzx-list li .img {height: 200px;}
    .indmm .bg{height: 100%;}
    .indmm .bg img{height: 100%;}
    .indmm-title .name{text-align: center;}
    .indmm-list{margin-top: 100px;}
    .indmm {height: 830px;}
    .indmm .yun{top: 90px;position: absolute;height: 90%;}
    .indmm .yun img{height: 100%;}
    .indmm-list li .text{text-align: center;}
    .indhb-cont .cont-cl .list .cont {padding: 25px 20px 0px;}
    .indhb-cont .cont-cl .list {padding-bottom: 30px;}
    .indhb-cont .cont-cl .list .indBtn {margin-top: 20px;}
    .indSection{border-radius: 20px 20px 0px 0px;}
    .banner img{min-height: 400px;}
    .indfa-cont .cont-r .search input{padding-right: 50px;padding-left: 10px;}
    .indCommonTitle .indBtn{position: static;margin: 20px 0 0 0;}
    .indhb-cont .cont-cl .list .cont{height: 115px;}
}

/* DEChem phase 1 home hero */
.banner{position:relative;background:#071622;overflow:hidden;}
.banner .swiper-container,.banner .swiper-slide{height:640px;}
.banner .swiper-wrapper{height:640px !important;}
.banner .swiper-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,20,32,.84) 0%,rgba(6,20,32,.62) 42%,rgba(6,20,32,.18) 100%);}
.banner img{width:100%;height:640px;max-height:none;object-fit:cover;}
.banner .content{z-index:2;justify-content:flex-start;text-align:left;}
.banner .content .contain{position:relative;z-index:3;width:1180px;}
.banner-copy{max-width:760px;color:#fff;padding-top:12px;}
.banner-copy .eyebrow{font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#83c5df;margin-bottom:20px;}
.banner-copy h1{font-size:54px;line-height:1.06;font-weight:700;letter-spacing:0;color:#fff;max-width:720px;}
.banner-copy p{max-width:690px;margin-top:24px;font-size:17px;line-height:1.72;color:rgba(255,255,255,.84);}
.banner-actions{display:flex;align-items:center;gap:14px;margin-top:34px;}
.heroBtn{min-width:154px;height:46px;padding:0 22px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:0;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;}
.heroBtn-primary{background:#0d5f8f;border:1px solid #0d5f8f;color:#fff;}
.heroBtn-primary:hover{background:#08486d;border-color:#08486d;color:#fff;box-shadow:0 12px 26px rgba(13,95,143,.28);}
.heroBtn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.62);color:#fff;}
.heroBtn-secondary:hover{background:#fff;border-color:#fff;color:#0b2536;}
.banner-dynamic{display:none;max-width:620px;margin-top:34px;padding-left:18px;border-left:2px solid rgba(255,255,255,.22);opacity:.76;}
.banner-dynamic .title{font-size:20px;line-height:1.35;font-weight:600;}
.banner-dynamic .name{font-size:13px;line-height:1.6;text-transform:none;margin-top:12px;}
.banner-dynamic .text{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.banner-dynamic .indBtn{width:auto;min-width:116px;height:34px;padding:0 15px;margin-top:18px;border-color:rgba(255,255,255,.48);font-size:12px;}
.banner .swiper-pagination{bottom:36px;text-align:left;padding-left:calc((100% - 1180px)/2);z-index:3;}
.banner .swiper-pagination .swiper-pagination-bullet{width:34px;height:3px;border-radius:0;margin:0 5px;background:rgba(255,255,255,.42);}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#83c5df;}

@media all and (max-width:1280px){
    .banner .content .contain{width:92%;}
    .banner .swiper-pagination{padding-left:4%;}
}

@media all and (max-width:1000px){
    .banner .swiper-container,.banner .swiper-slide,.banner .swiper-wrapper{height:620px !important;}
    .banner img{height:620px;}
    .banner-copy h1{font-size:44px;}
    .banner-copy p{font-size:16px;}
    .banner-dynamic{max-width:560px;}
}

@media all and (max-width:680px){
    .banner .swiper-container,.banner .swiper-slide,.banner .swiper-wrapper{height:620px !important;}
    .banner .swiper-slide::after{background:linear-gradient(180deg,rgba(6,20,32,.78) 0%,rgba(6,20,32,.72) 50%,rgba(6,20,32,.54) 100%);}
    .banner img{height:620px;min-height:620px;}
    .banner .content{align-items:center;}
    .banner-copy{max-width:100%;padding-top:0;}
    .banner-copy .eyebrow{font-size:11px;margin-bottom:16px;}
    .banner-copy h1{font-size:34px;line-height:1.12;}
    .banner-copy p{font-size:14px;line-height:1.65;margin-top:18px;}
    .banner-actions{flex-wrap:wrap;gap:10px;margin-top:26px;}
    .heroBtn{min-width:142px;height:42px;font-size:13px;}
    .banner-dynamic{display:none;}
    .banner .swiper-pagination{bottom:24px;padding-left:4%;}
}

/* DEChem minimal homepage phase */
.indSection{border-radius:0;background:#fff;overflow:hidden;}
.banner .swiper-container,.banner .swiper-slide{height:720px;}
.banner .swiper-wrapper{height:720px !important;}
.banner img{height:720px;filter:saturate(.88) contrast(.98);}
.banner .swiper-slide::after{background:linear-gradient(90deg,rgba(9,18,26,.88) 0%,rgba(9,18,26,.68) 38%,rgba(9,18,26,.22) 100%);}
.banner-copy{max-width:840px;}
.banner-copy .eyebrow{margin-bottom:24px;color:#b7d7e5;font-size:12px;letter-spacing:.18em;}
.banner-copy h1{max-width:820px;font-size:68px;line-height:1.02;font-weight:700;}
.banner-copy p{max-width:680px;margin-top:28px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.7;}
.banner-actions{margin-top:40px;}
.heroBtn{height:48px;min-width:166px;border-radius:2px;font-size:14px;}
.heroBtn-primary{background:#ffffff;border-color:#ffffff;color:#0b2536;}
.heroBtn-primary:hover{background:#d9edf5;border-color:#d9edf5;color:#0b2536;box-shadow:none;}
.heroBtn-secondary{background:transparent;border-color:rgba(255,255,255,.54);color:#fff;}
.heroBtn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff;}
.banner .swiper-pagination{bottom:42px;}
.banner .swiper-pagination .swiper-pagination-bullet{width:42px;height:2px;background:rgba(255,255,255,.32);}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

.capabilities{padding:120px 0 116px;background:#fff;}
.minimal-section-head{max-width:880px;margin-bottom:64px;}
.minimal-section-head .eyebrow{font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6c8796;margin-bottom:22px;}
.minimal-section-head h2{font-size:46px;line-height:1.12;font-weight:700;letter-spacing:0;color:#111820;}
.minimal-section-head p{max-width:720px;margin-top:22px;font-size:16px;line-height:1.75;color:#5c6873;}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7ecef;border-left:1px solid #e7ecef;}
.capability-grid li{min-height:270px;padding:34px 30px 32px;border-right:1px solid #e7ecef;border-bottom:1px solid #e7ecef;background:#fff;transition:background .25s ease;}
.capability-grid li:hover{background:#f8fafb;}
.capability-grid span{display:block;font-size:12px;font-weight:700;color:#8aa1ad;margin-bottom:52px;}
.capability-grid h3{font-size:23px;line-height:1.2;font-weight:700;color:#111820;}
.capability-grid p{margin-top:18px;font-size:14px;line-height:1.75;color:#5f6d78;}

.dechem-product-categories{padding:118px 0 124px;background:#f7f9fa;}
.product-categories-head{max-width:940px;}
.product-category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde6ea;border-left:1px solid #dde6ea;background:#fff;}
.product-category-card{min-height:280px;padding:34px 32px 30px;border-right:1px solid #dde6ea;border-bottom:1px solid #dde6ea;background:#fff;display:flex;flex-direction:column;color:#111820;transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.product-category-card:hover{background:#fafdfe;border-color:#cbd8df;transform:translateY(-2px);}
.product-category-index{display:block;margin-bottom:48px;font-size:12px;line-height:1;font-weight:700;color:#8aa1ad;letter-spacing:.08em;}
.product-category-card h3{font-size:24px;line-height:1.18;font-weight:700;color:#111820;}
.product-category-card p{margin-top:18px;font-size:14px;line-height:1.75;color:#5f6d78;}
.product-category-link{margin-top:auto;padding-top:30px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#547181;}
.product-category-card:hover .product-category-link{color:#0b2536;}

.partner-network{padding:118px 0 124px;background:#f7f9fa;}
.partner-head{margin-bottom:54px;}
.partner-logo-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1e7ea;border-left:1px solid #e1e7ea;background:#fff;}
.partner-logo{height:132px;padding:32px;border-right:1px solid #e1e7ea;border-bottom:1px solid #e1e7ea;display:flex;align-items:center;justify-content:center;background:#fff;transition:background .25s ease,opacity .25s ease;}
.partner-logo span{display:block;font-size:13px;line-height:1.35;font-weight:700;color:#6b7780;text-align:center;}
.partner-logo:hover{background:#f9fbfc;}
.partner-logo img{max-width:150px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s ease,opacity .25s ease;}
.partner-logo img[src=""],.partner-logo img:not([src]){display:none;}
.partner-logo img[src=""] + span,.partner-logo img:not([src]) + span{display:block;}
.partner-logo img:not([src=""]) + span{display:none;}
.partner-logo:hover img{filter:grayscale(.15);opacity:.92;}
.partner-legacy-swiper{height:0 !important;overflow:hidden !important;opacity:0 !important;pointer-events:none !important;margin:0 !important;}

@media all and (max-width:1280px){
    .banner-copy h1{font-size:58px;}
    .capability-grid li{padding:30px 24px;}
}

@media all and (max-width:1000px){
    .banner .swiper-container,.banner .swiper-slide,.banner .swiper-wrapper{height:660px !important;}
    .banner img{height:660px;}
    .banner-copy h1{font-size:48px;}
    .capabilities{padding:92px 0;}
    .minimal-section-head{margin-bottom:44px;}
    .minimal-section-head h2{font-size:36px;}
    .capability-grid{grid-template-columns:repeat(2,1fr);}
    .dechem-product-categories{padding:92px 0;}
    .product-category-grid{grid-template-columns:repeat(2,1fr);}
    .product-category-card{min-height:250px;padding:30px 26px;}
    .partner-network{padding:92px 0;}
    .partner-logo-wall{grid-template-columns:repeat(3,1fr);}
}

@media all and (max-width:680px){
    .banner .swiper-container,.banner .swiper-slide,.banner .swiper-wrapper{height:640px !important;}
    .banner img{height:640px;min-height:640px;}
    .banner .swiper-slide::after{background:linear-gradient(180deg,rgba(9,18,26,.84) 0%,rgba(9,18,26,.76) 56%,rgba(9,18,26,.62) 100%);}
    .banner-copy h1{font-size:38px;line-height:1.08;}
    .banner-copy p{font-size:15px;line-height:1.68;}
    .banner-actions{gap:10px;margin-top:30px;}
    .heroBtn{width:100%;min-width:0;}
    .capabilities{padding:72px 0;}
    .minimal-section-head{margin-bottom:34px;}
    .minimal-section-head h2{font-size:29px;line-height:1.16;}
    .minimal-section-head p{font-size:15px;}
    .capability-grid{grid-template-columns:1fr;}
    .capability-grid li{min-height:0;padding:28px 24px;}
    .capability-grid span{margin-bottom:24px;}
    .dechem-product-categories{padding:72px 0;}
    .product-category-grid{grid-template-columns:1fr;}
    .product-category-card{min-height:0;padding:28px 24px;}
    .product-category-index{margin-bottom:28px;}
    .product-category-card h3{font-size:22px;}
    .product-category-link{padding-top:24px;}
    .partner-network{padding:72px 0 80px;}
    .partner-logo-wall{grid-template-columns:repeat(2,1fr);}
    .partner-logo{height:108px;padding:24px;}
    .partner-logo img{max-width:118px;max-height:48px;}
}

/* DEChem first-round homepage fixes */
.banner .content{padding-top:78px;box-sizing:border-box;z-index:3;}
.banner-copy{padding-top:0;}
.banner-copy h1,.banner-copy p,.banner-actions{position:relative;z-index:4;}
.indcp,.indmm{display:none !important;}
.dechem-home .Footer{display:none !important;}

@media all and (max-width:1100px){
    .banner .content{padding-top:64px;}
}

@media all and (max-width:680px){
    .banner .content{padding-top:58px;padding-bottom:40px;}
    .banner-copy h1{font-size:34px;}
}

/* DEChem homepage V2 step 1 */
.dechem-home-metrics {
    padding: 42px 0 0;
    background: #fff;
}

.dechem-home-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #e2e9ed;
    border-left: 1px solid #e2e9ed;
    background: #fff;
}

.dechem-home-metric-card {
    min-height: 156px;
    padding: 28px 26px;
    border-right: 1px solid #e2e9ed;
    border-bottom: 1px solid #e2e9ed;
}

.dechem-home-metric-card strong {
    display: block;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 700;
    color: #111820;
}

.dechem-home-metric-card span {
    display: block;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.55;
    color: #61717d;
}

.dechem-product-categories {
    background: linear-gradient(180deg, #f7f9fa 0%, #fff 100%);
}

.product-category-grid {
    gap: 22px;
    border: 0;
    background: transparent;
}

.product-category-card {
    min-height: 360px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dde6ea;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 52px rgba(17, 24, 32, .06);
}

.product-category-card:hover {
    border-color: #c6d5dd;
    box-shadow: 0 24px 64px rgba(17, 24, 32, .1);
}

.product-category-visual {
    display: block;
    height: 148px;
    background-image: url("/template/default/static/brand/products/dechem-products-high-purity-1200x800.png");
    background-size: cover;
    background-position: center;
    transition: transform .42s ease;
}

.product-category-card:hover .product-category-visual {
    transform: scale(1.035);
}

.product-category-index,
.product-category-card h3,
.product-category-card p,
.product-category-link {
    margin-left: 28px;
    margin-right: 28px;
}

.product-category-index {
    margin-top: 28px;
    margin-bottom: 22px;
}

.product-category-card p {
    padding-bottom: 28px;
}

.dechem-home-featured {
    padding: 120px 0 124px;
    background: #fff;
}

.dechem-home-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.dechem-home-featured-card {
    overflow: hidden;
    border: 1px solid #dde6ea;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 56px rgba(17, 24, 32, .07);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.dechem-home-featured-card:hover {
    transform: translateY(-4px);
    border-color: #c6d5dd;
    box-shadow: 0 28px 72px rgba(17, 24, 32, .12);
}

.dechem-home-featured-image {
    height: 260px;
    overflow: hidden;
    background: #eef3f6;
}

.dechem-home-featured-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .48s ease;
}

.dechem-home-featured-card:hover .dechem-home-featured-image img {
    transform: scale(1.04);
}

.dechem-home-featured-body {
    padding: 30px 30px 32px;
}

.dechem-home-featured-body span {
    display: block;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #7d96a4;
    letter-spacing: .1em;
}

.dechem-home-featured-body h3 {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    color: #111820;
}

.dechem-home-featured-body p {
    margin-top: 18px;
    min-height: 104px;
    font-size: 14px;
    line-height: 1.75;
    color: #5f6d78;
}

.dechem-home-featured-body a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 28px;
    padding: 0 20px;
    border-radius: 999px;
    background: #111820;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.dechem-home-featured-body a:hover {
    background: #243443;
    color: #fff;
}

.dechem-home-support {
    padding: 0 0 124px;
    background: #fff;
}

.dechem-home-support-panel {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 44px;
    align-items: center;
    padding: 48px;
    border: 1px solid #dde6ea;
    border-radius: 28px;
    background: linear-gradient(135deg, #f7f9fa 0%, #edf4f7 100%);
}

.dechem-home-support-copy .eyebrow {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #6c8796;
    margin-bottom: 18px;
}

.dechem-home-support-copy h2 {
    font-size: 40px;
    line-height: 1.14;
    font-weight: 700;
    color: #111820;
}

.dechem-home-support-copy p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.75;
    color: #5c6873;
}

.dechem-home-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.dechem-home-support-grid article {
    min-height: 96px;
    display: flex;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(120, 139, 156, .22);
    border-radius: 20px;
    background: rgba(255, 255, 255, .8);
    color: #1a2630;
    font-size: 15px;
    font-weight: 700;
}

.dechem-home-final-cta {
    padding: 0 0 124px;
    background: #fff;
}

.dechem-home-final-cta-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    padding: 54px;
    border-radius: 30px;
    background: #111820;
    color: #fff;
}

.dechem-home-final-cta-panel span {
    display: block;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #b7d7e5;
    font-weight: 700;
}

.dechem-home-final-cta-panel h2 {
    max-width: 760px;
    font-size: 40px;
    line-height: 1.14;
    color: #fff;
    font-weight: 700;
}

.dechem-home-final-cta-panel p {
    max-width: 740px;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255, 255, 255, .76);
}

.dechem-home-final-cta-panel a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 156px;
    height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    background: #fff;
    color: #111820;
    font-size: 14px;
    font-weight: 700;
}

.dechem-home-final-cta-panel a:hover {
    background: #dceaf0;
    color: #111820;
}

@media all and (max-width:1000px) {
    .dechem-home-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dechem-home-featured {
        padding: 92px 0;
    }

    .dechem-home-featured-grid,
    .dechem-home-support-panel {
        grid-template-columns: 1fr;
    }

    .dechem-home-support,
    .dechem-home-final-cta {
        padding-bottom: 92px;
    }

    .dechem-home-final-cta-panel {
        display: block;
    }

    .dechem-home-final-cta-panel a {
        margin-top: 30px;
    }
}

@media all and (max-width:680px) {
    .dechem-home-metrics {
        padding-top: 28px;
    }

    .dechem-home-metrics-grid {
        grid-template-columns: 1fr;
    }

    .dechem-home-metric-card {
        min-height: 0;
        padding: 24px;
    }

    .dechem-home-metric-card strong {
        font-size: 24px;
    }

    .product-category-visual {
        height: 132px;
    }

    .product-category-index,
    .product-category-card h3,
    .product-category-card p,
    .product-category-link {
        margin-left: 24px;
        margin-right: 24px;
    }

    .dechem-home-featured {
        padding: 72px 0;
    }

    .dechem-home-featured-image {
        height: 220px;
    }

    .dechem-home-featured-body p {
        min-height: 0;
    }

    .dechem-home-support,
    .dechem-home-final-cta {
        padding-bottom: 72px;
    }

    .dechem-home-support-panel,
    .dechem-home-final-cta-panel {
        padding: 28px;
        border-radius: 24px;
    }

    .dechem-home-support-copy h2,
    .dechem-home-final-cta-panel h2 {
        font-size: 30px;
    }

    .dechem-home-support-grid {
        grid-template-columns: 1fr;
    }

    .dechem-home-final-cta-panel a {
        width: 100%;
    }
}