.cp .cp-sec2{background:url(https://css02.v15cdn.com/m422/img/single/cp2-bg.webp) center/cover no-repeat;margin:4% 0 0;padding:30px 0px 0px}
.cp .cp-sec2 .cp-sec2-item{width:32.5%;margin-bottom:30px}
.cp .cp-sec2 .cp-sec2-item .single-title{text-align:left;line-height:1.2;margin-bottom:10px}
.cp .cp-sec2 .cp-sec2-item:first-of-type{display:flex;flex-direction:column;justify-content:center;padding-right:6%}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type){background:#FFFFFF;border:1px solid rgba(216,216,216,.55);padding:3%;position:relative;z-index:1}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon{position:relative;display:inline-block;color:var(--color);transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon::before{content:"";display:block;width:38px;height:38px;background:var(--color);opacity:.1;border-radius:50%;position:absolute;right:-14px;bottom:-6px}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon em{position:relative;font-size:var(--hometitlefont);line-height:1}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:var(--fontsize24);font-weight:var(--fontbold5);border-bottom:1px solid #e1e1e1;padding:15px 0px;margin-bottom:15px}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title .item-des{color:var(--introcolor);line-height:1.75;transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-des{color:var(--introcolor);transition:color .3s}
.cp .cp-sec2 .cp-sec2-item:hover .item-title{color:#FFFFFF}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type)::before{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(https://css02.v15cdn.com/m422/img/single/cp2-item.webp) center/cover no-repeat;z-index:-1;opacity:0;transition:opacity .3s}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover{color:#FFFFFF}
.cp .cp-sec2 .item-title{max-height:unset}
.cp .single-title{font-size:36px;font-weight:var(--fontbold5);text-align:center;text-transform:capitalize;margin-bottom:10px}
.cp .flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-des,.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-icon{color:#FFFFFF}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type):hover::before{opacity:1}
.cp .cp-sec3{background:url(https://css02.v15cdn.com/m422/img/single/cp3-bg.webp) no-repeat;padding-top:4%}
.cp .cp-sec3 .single-title{color:#FFFFFF}
.cp .cp-sec3 #brand{padding:5% 0;background-color:#FFFFFF;box-shadow:0px 1px 79px 0px rgba(174,175,177,.16);border-radius:3px;margin-bottom:4%}
.cp .cp-sec3 #brand .brand-list{margin:0px}
.cp .cp-sec3 .item-title{font-size:var(--fontsize28);font-weight:var(--fontbold5);margin-bottom:20px}
.cp .cp-sec3 .item-des,.cp .cp-sec3 .item-des p{color:var(--introcolor);line-height:1.75}
#brand{padding:3.5% 0px 5%}
#brand .brand-list{margin-top:4%;padding-left:3%}
#brand .brand-list li{position:relative;font-weight:var(--fontbold5);display:flex;align-items:center}
#brand .brand-list li .brand-number{font-size:50px;line-height:1;position:relative;z-index:1}
@media(max-width:1280px){#brand .brand-list li .brand-number{font-size:var(--hometitlefont)}
}#brand .flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
#brand .brand-list li .brand-number .text-shadow{font-size:93px;font-weight:var(--fontbold5);color:#FFFFFF;text-shadow:0 0 2px #CCCCCC;position:absolute;top:50%;right:0px;z-index:-1;line-height:1;transform:translate(12px,-50%)}
@media(max-width:1280px){#brand .brand-list li .brand-number .text-shadow{font-size:80px}
}#brand .brand-list li .brand-label{flex:1;text-transform:uppercase;padding-left:20px}
#brand .brand-list li .brand-label span{display:block}
.cp .cp-sec3 #brand{padding:5% 0;background-color:#FFFFFF;box-shadow:0px 1px 79px 0px rgba(174,175,177,.16);border-radius:3px;margin-bottom:4%}
.cp .cp-sec3 #brand .brand-list{margin:0px}
@media(max-width:900px){#brand .brand-list li{width:50%;padding-left:100px}
#brand .brand-list li:nth-last-of-type(-n + 2){margin:70px 0px 40px}
.cp .cp-sec2{padding-bottom:20px}
.cp .cp-sec2 .cp-sec2-item{width:49%;margin-bottom:2%}
.cp .cp-sec3 .single-title{margin:30px 0 60px}
}@media(max-width:768px){.cp .cp-sec3 .single-title{margin:4vw 0 8vw}
#brand .brand-list li{padding-left:6.6666666667vw}
#brand .brand-list li:nth-last-of-type(-n + 2){margin:9.3333333333vw 0 5.3333333333vw}
#brand .brand-list li .brand-number{font-size:6.6666666667vw}
#brand .brand-list li .brand-number .text-shadow{font-size:12vw}
}@media(max-width:480px){#brand .brand-list li{padding-left:10px}
#brand .brand-list li .brand-label{font-size:var(--fontsize13)}
.cp .cp-sec2 .cp-sec2-item{width:100%;margin:10px 0px}
.cp .cp-sec3{background-size:200%}
#brand .brand-list li{width:100%;margin-bottom:20px;padding-left:10%}
.cp .cp-sec3 .item-title{font-size:var(--fontsize20);margin:20px 0px 10px}
.cp .cp-sec3 .single-title{font-size:20px}
.cp .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:var(--fontsize18);padding:10px 0px;margin-bottom:10px}
}