.oem-odm>.l-wrap{max-width:100%;padding:0}
@media (min-width:1025px){body{padding-top:151px}
header{background:#1a1414}}
.pagesbanner .pagesbanner-animate{max-width:1540px;padding:0 70px;text-align:left;top:50%}
.banner-inner img{min-height:inherit;height:auto}
.pagesbanner .pagesbanner-animate .p1{font-weight:var(--fontbold7);font-size:41px;max-width:53%;line-height:1.5}
.pagesbanner .pagesbanner-animate .p1 span{color:var(--color)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p1{font-size:2.55vw}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate .p1{font-size:2.65vw}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:50%;padding:0 15px}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize22)}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize12)}}
.common-main{padding-bottom:0}
.common-padding{padding:5% 0}
.oem1{display:flex;justify-content:space-between;flex-wrap:wrap;margin:2% 0 0}
.oem1 .oem1-left{width:47%}
.oem1 .oem1-right{background:#f6f6f6;width:53%;display:flex;padding:4% 260px 4% 160px;justify-content:space-between;align-items:center}
.common-line-title{font-weight:var(--fontbold7);font-size:var(--fontsize24);position:relative;line-height:1.1;margin-bottom:30px}
.common-line-title:before{content:'';width:60px;height:3px;display:block;background:var(--color);position:absolute;top:9px;left:-80px}
.common-des{font-size:var(--fontsize16);color:var(--introcolor)}
.oem2.common-padding{padding-top:6%}
.oem2 .oem2-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.oem2 .oem2-list .item{width:49%}
.oem2 .oem2-list .item:not(.first){background:#ffeee6;padding:65px 20px 25px 25px;position:relative;border-top-right-radius:50px}
.oem2 .oem2-list .item.first{padding:25px 20px 25px 80px;display:flex;flex-direction:column;justify-content:center}
.oem2 .oem2-list .item:nth-child(n+3){width:32%;margin-top:5%}
.oem2 .oem2-list .item .icon{width:72px;height:72px;background:var(--color);border-radius:10px;display:flex;align-items:center;justify-content:center;position:absolute;left:25px;top:-35px}
.oem2 .oem2-list .item em{color:#fff;font-size:46px;display:inline-block;transition:all .3s}
.oem2 .oem2-list .item .oem2-tit{font-size:var(--fontsize18);font-weight:var(--fontbold7);margin-bottom:15px}
.oem2 .oem2-list .item:hover em{transform:rotateY(360deg)}
.common-title{position:relative;font-size:var(--fontsize24);padding-bottom:20px;margin-bottom:20px;text-align:center;font-weight:var(--fontbold7)}
.common-title:after{content:'';width:60px;height:3px;display:block;background:var(--color);position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.oem3{background:#f6f6f6}
.oem3 .common-des{text-align:center}
.oem3 .oem3-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3.5%}
.oem3 .oem3-list li{width:23.6%}
.oem3 .oem3-list li .oem3-img{overflow:hidden;border-radius: 5px;}
.oem3 .oem3-list li img{aspect-ratio:1/1;object-fit:contain;background:#fff;transition:all .3s}
.oem3 .oem3-list li p a{display:block;width:100%;text-align:center;margin:20px 0 0;font-weight:var(--fontbold7);color:var(--fontcolor);font-size:var(--fontsize18);text-decoration:none}
.oem3 .oem3-list li.last{border-radius: 5px;background:var(--color);display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%;aspect-ratio:1/1;color:#fff;padding:15px}
.oem3 .oem3-list li.last p{font-size:var(--fontsize24);font-weight:var(--fontbold7);text-align:center}
.oem3 .oem3-list li.last .more a{width:68px;height:68px;border-radius:50%;transition:all .3s;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin-top:20px;text-decoration:none}
.oem3 .oem3-list li.last .more em{font-size:var(--fontsize22);font-weight:var(--fontbold7);color:#fff}
.oem3 .oem3-list li.last:hover .more a{background:#fff}
.oem3 .oem3-list li.last:hover .more em{color:var(--color)}
.oem3 .oem3-list li:hover img{transform:scale(1.05)}
@media (min-width:769px){.oem3 .oem3-list li{margin-top:1.5%}}
.oem4 .oem4-list{margin-top:3.5%}
.oem4 .oem4-list .oem4-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5%}
.oem4 .oem4-list .oem4-item .left{width:48%}
.oem4 .oem4-list .oem4-item .left img{width:100%}
.oem4 .oem4-list .oem4-item .right{width:53%;padding:5% 260px 5% 160px;background:#ffeee6;margin-top:4%}
.oem4 .oem4-list .oem4-item .right .num-box{position:relative;display:inline-block}
.oem4 .oem4-list .oem4-item .right .num-box .num{position:absolute;z-index:0;top:25%;left:50%;color:var(--color);opacity:.08;font-size:120px;font-weight:var(--fontbold7);line-height:1;transform:translate(-50%,-50%)}
.oem4 .oem4-list .oem4-item:nth-child(2n) .right{padding:5% 80px 5% 340px}
@media (min-width:769px){.oem4 .oem4-list .oem4-item:nth-child(2n){flex-direction:row-reverse}}
.oem4 .oem4-list .oem4-item .common-des{margin-top:5%;line-height:2}
.oem4 .oem4-list .oem4-item:last-child{margin-bottom:0}
.oem5{background:url(https://css02.v15cdn.com/m614/imgs/oem6.webp) no-repeat center/cover;padding:7.5% 0}
.oem5 .oem5-tit{color:#fff;font-size:40px;font-weight:var(--fontbold7);text-align:center;line-height:1}
.oem5 .oem5-tit span{color:var(--color)}
.oem5 .common-des{color:#fff;text-align:center;margin:25px 0}
.oem5 .oem5-more-btn{display:flex;justify-content:center}
.oem5 .oem5-more-btn a{border-radius: 5px;width:180px;height:55px;transition:all .3s;color:#fff;display:flex;justify-content:center;align-items:center;border:2px solid #fff;margin:0 10px;text-decoration:none;font-size:var(--fontsize16)}
.oem5 .oem5-more-btn a:nth-child(1){background:var(--color);border-color:var(--color)}
.oem5 .oem5-more-btn a:hover{background:var(--color);border-color:var(--color);opacity:.85}
@media (max-width:1600px){.oem1 .oem1-right{padding-right:100px}
.oem4 .oem4-list .oem4-item .right{padding-right:100px}
.oem4 .oem4-list .oem4-item:nth-child(2n) .right{padding-left:180px}}
@media (max-width:1440px){.oem1 .oem1-right{padding-right:70px}
.oem4 .oem4-list .oem4-item .right{padding-right:70px;margin-top:0}
.oem4 .oem4-list .oem4-item:nth-child(2n) .right{padding-left:150px}}
@media (max-width:1280px){.oem1 .oem1-right{padding-top:20px;padding-bottom:20px}
.oem4 .oem4-list .oem4-item .right{padding-top:60px;padding-bottom:20px}
.oem4 .oem4-list .oem4-item .right .num-box .num{font-size:100px}
.oem4 .oem4-list .oem4-item .common-des{margin-top:0}
.oem5 .oem5-tit{font-size:34px}}
@media (max-width:1024px){.oem1 .oem1-right{padding-right:15px;padding-left:100px}
.common-padding{padding:50px 0}
.oem2.common-padding{padding-top:60px}
.oem4 .oem4-list .oem4-item .right{padding-right:15px;padding-left:100px}
.oem4 .oem4-list .oem4-item:nth-child(2n) .right{padding-left:100px;padding-right:15px}}
@media (max-width:768px){.oem1 .oem1-left,.oem1 .oem1-right{width:100%}
.common-line-title,.common-title{font-size:var(--fontsize22);margin-bottom:15px}
.oem2 .oem2-list .item,.oem2 .oem2-list .item:nth-child(n+3){width:100%}
.oem2 .oem2-list .item.first{margin-bottom:15px}
.oem2 .oem2-list .item .icon{width:60px;height:60px;top:-15px}
.oem2 .oem2-list .item em{font-size:38px}
.oem2 .oem2-list .item .oem2-tit{margin-bottom:10px}
.oem3 .oem3-list li{width:49%}
.oem3 .oem3-list li img{width:100%;display:block}
.oem3 .oem3-list li p a{margin:10px 0;font-size:var(--fontsize16)}
.oem3 .oem3-list li.last p{font-size:var(--fontsize18)}
.oem3 .oem3-list li.last .more a{width:56px;height:56px;margin-top:10px}
.oem4 .oem4-list .oem4-item{flex-direction:column}
.oem4 .oem4-list .oem4-item .left,.oem4 .oem4-list .oem4-item .right{width:100%}
.oem4 .oem4-list .oem4-item .right .num-box .num{font-size:64px}
.oem5 .oem5-tit{font-size:var(--fontsize24);line-height:1.3}}
@media (max-width:500px){.common-line-title,.common-title{font-size:var(--fontsize20)}
.common-title{padding-bottom:15px}
.oem1 .oem1-right{padding-left:50px}
.common-line-title:before{width:30px;left:-40px}
.oem2 .oem2-list .item.first{padding:0 15px 0 40px;margin-bottom:35px}
.common-des{font-size:var(--fontsize14)}
.oem2 .oem2-list .item:nth-child(n+3){margin-top:30px}
.oem3 .oem3-list,.oem4 .oem4-list{margin-top:30px}
.oem4 .oem4-list .oem4-item .right,.oem4 .oem4-list .oem4-item:nth-child(2n) .right{padding:35px 15px 15px 50px}
.oem5 .oem5-more-btn a{width:150px;height:35px;font-size:var(--fontsize14)}
.oem5 .common-des{margin:15px 0}}