.prla15{ padding:15px; }
.aboutbox{ width:100%; float:left; padding:0px; }
.aboutbox.elses .about-nav{ padding:20px 15px 0px; }
.about-main{ width:100%; display:flex; flex-direction:column; }
.about-nav{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:20px 0px 60px; }
.about-nav a{ width:280px; height:60px; border:1px solid #b2b2b2; display:flex; justify-content:center; align-items:center; flex-direction:row; margin-left:-1px; font-size: 1rem; color:#000; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.about-nav a:hover{ background-color:#c6000d; color:#FFF; }
.about-nav a.active{ background-color:#c6000d; color:#FFF; }
.about-title{ width:100%; display:flex; flex-direction:column; color:#000; padding-left:50px;  }
.about-title h1{ font-size:2rem; font-weight: 600;}
.about-title h2{ font-size:2rem; font-weight: 600; padding-top:15px;}
.about-content{ width:100%; display:flex; flex-direction:column; margin-top:-50px; }
.ab-bone{ width:100%; display:flex; justify-content:space-between; flex-direction:row; position:relative; padding-bottom:60px; }
.ab-bw{ width:50%; display:flex; flex-direction:column; justify-content:center; padding:60px 50px 30px; }
.ab-bw div{ width:100%; font-size:1rem; line-height:2; color: #000;}
.ab-bimg{ width:47%; display:flex; }
.ab-bimg i{ width:100%; height:100%; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.ab-bimg i img{ width: 100%; }
.ab-bone.two{ flex-direction:row-reverse; }
.ab-bone.two .ab-bw{ display:flex; flex-direction:column; justify-content:center; padding:60px 0px 30px 50px; }

/*--culture--*/
.culturebox{ width:100%; display:flex; flex-direction:column; margin-top:50px; }
.cul-one{ width:100%; display:flex; flex-direction:column; }
.cul-one-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:30px; padding:0px 15px 30px; }
.cul-one-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.cul-one-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.cul-one-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.cul-one-title p{ width:950px; height:auto; font-size:1rem; line-height:1.8; color:#000; }
.cul-one-content{ width:100%; min-height:510px; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:15px; background-color:#000; background-image:url(../../uploads/common/20251127163935_69280e4766e9e.jpg); background-size:cover; background-repeat:no-repeat; }
.cul-one-left{ width:780px; height:320px; margin-right:-210px; padding: 15px 240px 15px 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background-image:url(../../uploads/common/20251127164538_69280fb2c56bb.png); background-repeat: no-repeat; background-size:cover; background-position: right center; gap: 20px;}
.cul-one-left h1{ font-size:1.8rem; color:#000; font-weight:600; position:relative; }
.cul-one-left h1::after{ content:''; position:absolute; right:-33px; top:5px; width:28px; height:28px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size:35px; }
.cul-one-left p{ font-size:1.2rem; position:relative; z-index:1 }
.cul-one-mid{ display:flex; justify-content:center; align-items:center; width:200px; position:relative; z-index:1; }
.cul-one-mid img{ max-width:100%; }
.cul-one-right{ width:780px; height:320px; margin-left:-210px; padding:15px 40px 15px 240px; display: flex; justify-content: center; align-items: flex-end; flex-direction: column; background-image:url(../../uploads/common/20251127164546_69280fba7fa28.png); background-repeat: no-repeat; background-size:cover; background-position:left center; gap: 20px;}
.cul-one-right h1{ font-size:1.8rem; color:#000; font-weight:600; position:relative; padding-right:30px; }
.cul-one-right h1::after{ content:''; position:absolute; right:-3px; top:5px; width:28px; height:28px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size:35px; }
.cul-one-right p{ font-size:1.2rem; position:relative; z-index:1 }

.cul-two{ width:100%; display:flex; padding:30px 0px; }
.cul-mian{ width:100%; display:flex; flex-direction: column;}
.cul-two-title{ width:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; padding:30px 0px; }
.cul-two-title h1{ font-size:2.4rem; color:#000; font-weight:600; position:relative; }
.cul-two-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.cul-two-content{ width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-direction:row; gap:35px; }
.cul-two-left{ width:100%; min-height:240px; padding:20px 50px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; background-color:#f4f4f4; background-image:url(../../uploads/common/20251127173006_69281a1ea1f68.png); background-position:right bottom; background-size:200px; background-repeat:no-repeat; gap:15px;}
.cul-two-left h1{ font-size:1.56rem; color:#c6000d; font-weight:600; }
.cul-two-left p{ width:60%; font-size:1rem; line-height:2; color:#000000;  }
.cul-two-right{ width:100%; min-height:240px; padding:20px 50px; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; background-color:#f4f4f4; background-image:url(../../uploads/common/20251127173006_69281a1ea1f68.png); background-position:right bottom; background-size:200px; background-repeat:no-repeat; gap:15px;}
.cul-two-right h1{ font-size:1.56rem; color:#c6000d; font-weight:600; }
.cul-two-right p{ width:60%; font-size:1rem; line-height:2; color:#000000;  }

.cul-three{ width:100%; display:flex; padding:0px 0px 50px; }
.cul-threemian{ width:100%; display:flex; flex-direction: column;}
.cul-three-content{ width:100%; display:flex; flex-direction:row; gap:20px; padding:10px 0px; }
.cul-three-one{ width:300px; height:300px; padding:20px; border-radius:40px; display:flex; }
.cul-three-one-main{ width:300px; height:260px; padding:15px; border-radius:40px; background-color:#FFFFFF; display:flex; justify-content:center; align-items:center; flex-direction:column; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
.cul-three-one-main i img{ max-width:100%; }
.cul-three-one-main h1{ font-size:1.25rem; font-weight:600; color:#c6000d;  }
.cul-three-one-main p{ width:100%; padding:10px 15px; font-size:1rem; color:#000; line-height:1.6; }
.yellow {background: linear-gradient(to top, #FFFFFF 50%, #ffa602 50%); }
.red {background: linear-gradient(to top, #FFFFFF 50%, #fe635f 50%); }
.green {background: linear-gradient(to top, #FFFFFF 50%, #16ad8b 50%); }
.blue {background: linear-gradient(to top, #FFFFFF 50%, #2797b2 50%); }
.purple {background: linear-gradient(to top, #FFFFFF 50%, #594f8e 50%); }

.cul-four{ width:100%; min-height:600px; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#000; background-image:url(../../uploads/common/20251128110404_69291124cc303.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; gap:20px; }
.cul-four-title{ display:flex; padding:20px 0px; }
.cul-four-title h1{ font-size:2.4rem; font-weight:600; color: #FFFFFF; position:relative; }
.cul-four-title h1::after{ content:''; position:absolute; right:-40px; top:11px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.cul-four-content{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; }
.cul-four-one{ width:360px; height:360px; display:flex; justify-content:flex-start; align-items:center; flex-direction:column; position:relative; padding:50px 60px; gap:20px; line-height:2; }
.cul-four-one h1{ font-size:1.25rem; font-weight: 600; color:#FFF; position:relative; z-index:1; padding-top:50px; }
.cul-four-one p{ font-size:1rem; color:#FFF; position:relative; z-index:1; text-align:center; }
.cul-four-one::before{ content:''; position:absolute; left:0; top:0; width:360px; height:360px; background-color:#FFFFFF; opacity:0.2; border-radius:360px; }
.cul-four-one::after{ content:''; position:absolute; left:0; top:0; width:360px; height:360px;  border:3px solid #FFFFFF; opacity:0.5; border-radius:360px; }
.cul-four-one:first-child{ margin-right:-30px; }
.cul-four-one:last-child{ margin-left:-30px; }

.cul-five{ width:100%; display:flex; padding:30px 0px; }
.cul-five-title{ width:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; padding:30px 0px; }
.cul-five-title h1{ font-size:2.4rem; color:#000; font-weight:600; position:relative; }
.cul-five-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.cul-five-content{ width:100%; min-height:375px; padding:0px 30px;  display: flex; justify-content: center; align-items:center; flex-direction:row; background-color:#f4f4f4; background-image:url(../../uploads/common/20251128135356_692938f454a7b.png); background-position:right center; background-repeat:no-repeat; position:relative; }
.cul-five-one{ width:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; padding:30px 30px; margin:0px 30px; }
.cul-five-one:nth-child(2){ background-color:#c6000d; }
.cul-five-one:nth-child(2) h1{ color:#FFFFFF; border-bottom: 1px solid #FFFFFF;}
.cul-five-one:nth-child(2) p{ color:#FFFFFF; }
.cul-five-one h1{ width:100%; font-size:1.25rem; font-weight: 600; color:#000; position:relative; z-index:1; padding:15px 0px; border-bottom: 1px solid #000000;}
.cul-five-one p{ font-size:1rem; color:#000; padding:25px 0px; }
.cul-five-content::before{
  content:'';
  position:absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 70px solid white;
  border-right:200px solid transparent;
}
.cul-five-content::after{
  content:'';
  position:absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 50px solid white;
  border-left:150px solid transparent;
}
.cul-six{ width:100%; display:flex; }
.cul-six-content{ width:100%; display:flex; justify-content:center; flex-direction:row; gap:30px; }
.cul-six-one{ width:100%; display:flex; flex-direction:column; }
.cul-six-one i img{ width:100%; }
.cul-six-name{ width:100%; display:flex; min-height:180px; flex-direction:column; justify-content:center; align-items:flex-start; padding:10px 30px; background:#f4f4f4; gap:20px; }
.cul-six-name h1{ font-size:1.25rem; font-weight: 600; }
.cul-six-name p{ font-size:1rem; }

.cul-seven{ width:100%; display:flex; padding:30px 0px 90px; }
.cul-seven-content{ width:100%; display:flex; justify-content:center; flex-direction:row; gap:80px; }
.cul-seven-one{ width:100%; min-height:200px; background-image:url(../../uploads/common/20251128150155_692948e374afb.png); background-size:100% 100%; background-position:center; background-repeat:no-repeat; padding:20px 0px 20px 70px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; }
.cul-seven-one div{ width:calc(100% - 50px); display:flex; flex-direction:column; gap:10px; padding-right:30px; }
.cul-seven-one div h1{ font-size:1.25rem; font-weight: 600; }
.cul-seven-one div p{ font-size:1rem; }
.cul-seven-one h2{ width:50px; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:1.25rem; font-weight: 600; color:#FFF; }

/*-- 荣誉证书 --*/
.honorbox{ width:100%; padding:40px 0px 90px; }
.honor-one{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#f2f4f6; padding:25px 25px 0px; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);}
.honor-one i{ width:100%; display:flex; }
.honor-one i img{ width:100%; }
.honor-one p{ width:100%; height:90px; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; font-size:1rem; color:#000; padding:10px 0px; }

/*-- 品牌文化 --*/
.brandbox{ width:100%; display:flex; flex-direction:column; margin-top:50px; }
.brandone-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:30px; padding:10px 0px 50px; }
.brandone-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.brandone-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.brandone-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.brandone-content{ width:100%; display:flex; justify-content:center; flex-direction:row; gap:30px; }
.brandone-one{ width:100%; display:flex; flex-direction:column; }
.brandone-one i img{ width:100%; }
.brandone-name{ width:100%; display:flex; min-height:180px; flex-direction:column; justify-content:center; align-items:flex-start; padding:10px 30px; background:#f4f4f4; gap:20px; }
.brandone-name h1{ font-size:1.25rem; font-weight: 600; }
.brandone-name p{ font-size:1rem; }

.brandtwo{ width:100%; display:flex; flex-direction:column; }
.brandtwo-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:30px; padding:60px 0px 50px; }
.brandtwo-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.brandtwo-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.brandtwo-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.brandtwo-content{ width:100%; display:flex; flex-direction: column; gap:30px;}
.brandtwo-one{ width:100%; min-height:400px; display:flex; flex-direction:row; background-color:#d4d4d4; background-image:url(../../uploads/common/20251127173006_69281a1ea1f68.png); background-repeat:no-repeat; background-position:right bottom; background-size:130px; }
.brandtwo-one i{ width:50%; height:400px; display:flex; position:relative; }
.brandtwo-one i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.brandtwo-one.two{ flex-direction:row-reverse; background-image:url(../../uploads/common/20251129104123_692a5d53bcfab.png); background-repeat:no-repeat; background-position:left bottom; background-size:130px;}
.brandtwo-name{ width:50%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:15px 11%; gap:20px; }
.brandtwo-name h1{ font-size:1.8rem; font-weight: 600; }
.brandtwo-name p{ font-size:1.2rem; }

.brandthree{ width:100%; display:flex; flex-direction:column; padding-bottom:80px; }
.brandthree-title{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:30px; padding:60px 0px 50px; }
.brandthree-title h1{ font-size:2.4rem; font-weight:600; position:relative; }
.brandthree-title h1::before{ content:''; position:absolute; left:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px;}
.brandthree-title h1::after{ content:''; position:absolute; right:-40px; top:8px; width:30px; height:30px; background:url(../../uploads/svg-loaders/oblique.svg) center center no-repeat; background-size: 40px; }
.brandthree-content{ width:100%; height:360px; display:flex; flex-direction:row; gap:10px; position: relative;}
.brandthree-one{ position:absolute; left: 0; top:0; width:55%; height:100%; display:flex; flex-direction:column; justify-content: center;  -webkit-clip-path:polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%); }
.brandthree-two{ position:absolute; right: 0; top:0; width:55%; height:100%; display:flex; justify-content: center; flex-direction:column; -webkit-clip-path:polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%); }
.brandthree-one i,.brandthree-two i{ width:100%; height:100%; display:flex; position:absolute; left:0; top:0;}
.brandthree-one i img,.brandthree-two i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top:50%;left:50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.brandthree-name{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:15px; gap:20px; position:relative; z-index:1 }
.brandthree-name h1{ font-size:1.25rem; font-weight: 600; color:#FFFFFF; padding:20px 0px; position:relative; }
.brandthree-name h1::before{ content:''; position: absolute; left: 0; bottom:0; width:55px; height:3px; background-color:#c7000b; }
.brandthree-name p{ font-size:1rem; color:#FFFFFF; }
.brandthree-one .brandthree-name{ padding:15px 25% 45px 70px; }
.brandthree-two .brandthree-name{ padding:15px 70px 45px 25%;}

@media (max-width: 1630px) {
.cul-three-one{ width:100%;  }
.cul-three-one-main{ width:100%;  }
}

@media (max-width: 1430px) {
.cul-three-content{ gap:10px; }
.cul-three-one-main p{ padding:10px 0px; font-size:0.95rem;}
}

@media (max-width: 1230px) {
.about-title h1{ font-size:1.8rem; }
.about-title h2{ font-size:1.8rem; }
.about-content{ margin-top:0px; }
.ab-bw{ padding:30px 0px; }
.ab-bw div{ font-size:0.95rem; line-height:1.8; }
.ab-bone.two .ab-bw{padding:30px 0px; }
}

@media (max-width: 1080px) {
.cul-one-title p{ width:100%; }
.cul-one-left{ width:100%; }
.cul-one-left h1::after{ width:20px; height:20px; }
.cul-one-left p{ font-size:1.08rem; }
.cul-one-mid{ width:150px; }
.cul-one-right{ width:100%; }
.cul-one-right h1::after{ width:20px; height:20px; }
.cul-one-right p{ font-size:1.08rem; }
.brandone-content{ gap:10px; }
.brandtwo-name{ padding:15px 3%;}
.brandtwo-name h1{ font-size:1.7rem;}

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.about-title{ padding-left:0px; }
.about-title h1{ font-size:1.55rem; text-align:center; }
.about-title h2{ font-size:1.55rem; padding-top:10px;text-align:center; }
.about-content{ margin-top:0px; padding-bottom:80px; }
.ab-bone{ flex-direction:column; padding-bottom:0px;}
.ab-bw{ width:100%; padding:20px 0px; }
.ab-bimg{ width:100%; }
.ab-bone.two{ flex-direction:column; }
.ab-bone.two .ab-bw{ padding:15px 0px; }
/**/
.cul-three-content{ flex-wrap:wrap; }
.cul-three-one{ width:32%;  }
.cul-four-one{ width:300px; height:300px; padding:50px 40px; }
.cul-four-one::before{ width:300px; height:300px; }
.cul-four-one::after{ width:300px; height:300px; }
.cul-five-content{ padding:0px; }
.cul-five-one{ padding:20px 15px; margin:0px 10px; }
.cul-six-content{ gap:10px; }
.cul-six-name{ padding:10px 15px; gap:10px; min-height:140px; }

.cul-seven{ padding:20px 0px 60px; }
.cul-seven-content{ gap:10px; }
.cul-seven-one{ min-height:200px; padding:20px 0px 20px 40px; }
.cul-seven-one div{ width:calc(100% - 10px); gap:10px; padding-right:10px; }
.cul-seven-one h2{ width:40px; }
}

/* xs */
@media (max-width: 767px) {
.aboutbox.elses .about-nav{ padding:10px 15px 10px; }
.about-nav{ padding:10px 0px 40px; }
.about-nav a{ width:100%; height:50px; }
.about-title{ padding-left:0px; }
.about-title h1{ font-size:1.45rem; text-align:center; }
.about-title h2{ font-size:1.45rem; padding-top:10px;text-align:center; }
.about-content{ margin-top:0px; padding-bottom:80px; }
.ab-bone{ flex-direction:column; padding-bottom:0px; }
.ab-bw{ width:100%; padding:20px 0px; }
.ab-bw div{ font-size:1.05rem; }
.ab-bimg{ width:100%; }
.ab-bone.two{ flex-direction:column; }
.ab-bone.two .ab-bw{ padding:15px 0px; }

/*-- 荣誉证书 --*/
.honorbox{ padding:20px 0px 60px; }
.honor-one{ padding:0px; }
.honor-one p{ height:80px; font-size:0.95rem; padding:10px; }

/*-- 品牌文化 --*/
.brandbox{ margin-top:20px; }
.brandone-title{ gap:20px; padding:10px 0px 30px; }
.brandone-title h1{ font-size:1.5rem; }
.brandone-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.brandone-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.brandone-content{ flex-direction:column; gap:20px; }
.brandone-name{ min-height:auto; padding:25px; gap:10px; }
.brandone-name h1{ font-size:1.15rem; }
.brandtwo-title{ gap:20px; padding:50px 0px 25px; }
.brandtwo-title h1{ font-size:1.5rem; }
.brandtwo-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.brandtwo-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.brandtwo-content{ gap:20px;}
.brandtwo-one{ min-height:auto; flex-direction:column; background-position:right bottom; background-size:100px; }
.brandtwo-one i{ width:100%; height:auto; }
.brandtwo-one i img{ position:relative; top:0%;left:0%; transform: translate(0%, 0%); width: 100%; }
.brandtwo-name{ width:100%; padding:20px; }
.brandtwo-one.two{ background-size:100px; flex-direction:column;}
.brandtwo-name{ width:100%; padding:25px; gap:15px; }
.brandtwo-name h1{ font-size:1.25rem; }
.brandtwo-name p{ font-size:1.05rem; }

.brandthree{ padding-bottom:50px; }
.brandthree-title{ gap:20px; padding:50px 0px 25px; }
.brandthree-title h1{ font-size:1.5rem; }
.brandthree-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.brandthree-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}

.brandthree-content{ width:100%; height:auto; flex-direction:column; }
.brandthree-one{ position:relative; width:100%; height:auto; -webkit-clip-path:none; clip-path:none; }
.brandthree-two{ position:relative; width:100%; height:auto; -webkit-clip-path:none; clip-path:none; }
.brandthree-one .brandthree-name{ padding:50px 20px; }
.brandthree-two .brandthree-name{ padding:50px 20px; }

/*-- 企业文化 --*/
.culturebox{ margin-top:0px; }
.cul-one-title{ gap:20px; padding:30px 15px 25px; }
.cul-one-title h1{ font-size:1.5rem; }
.cul-one-title h1::before{ left:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cul-one-title h1::after{ right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cul-one-title p{ font-size:1rem; line-height:1.8; }

.cul-one-content{ min-height:auto; flex-direction:column; padding:70px 15px; }
.cul-one-left{ width:100%; height:auto; margin-right:0px; padding:20px; gap:15px; background-image: none; position: relative;}
.cul-one-left::before{ content:''; position:absolute; left:0; top:0; opacity:0.7; background-color:#FFFFFF; width: 100%; height: 100%;}
.cul-one-left h1{ font-size:1.3rem; }
.cul-one-left h1::after{ right:-23px; top:3px; width:20px; height:20px; background-size:25px; }
.cul-one-left p{ font-size:1.1rem; }
.cul-one-mid{ width:100%; position: relative; }
.cul-one-mid::before{ content:''; position:absolute; left:0; top:0; opacity:0.7; background-color:#FFFFFF; width: 100%; height: 100%;}
.cul-one-mid img{ width:100px; position:relative; z-index:1 }
.cul-one-right{ width:100%; height:auto; margin-left:0px; padding:20px; gap:15px; position: relative; background-image: none;}
.cul-one-right::before{ content:''; position:absolute; left:0; top:0; opacity:0.7; background-color:#FFFFFF; width: 100%; height: 100%;}
.cul-one-right h1{ font-size:1.3rem; padding-right:20px; }
.cul-one-right h1::after{ content:''; position:absolute; right:-3px; top:3px; width:20px; height:20px; background-size:25px; }
.cul-one-right p{ font-size:1.1rem; }

.cul-two{ padding:30px 0px; }

.cul-two-title{ padding:20px 0px; }
.cul-two-title h1{ font-size:1.5rem; }
.cul-two-title h1::after{right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cul-two-content{ flex-direction:column; gap:10px; }

.cul-two-left{ min-height:auto; padding:20px 30px; background-size:100px; gap:10px;}
.cul-two-left h1{ font-size:1.35rem; }
.cul-two-left p{ width:70%; line-height:1.8; }
.cul-two-right{ min-height:auto; padding:20px 30px; background-size:100px; gap:10px;}
.cul-two-right h1{ font-size:1.35rem; }
.cul-two-right p{ width:70%; line-height:1.8; }

.cul-three{ padding:0px 0px 30px; }
.cul-three-content{ flex-wrap:wrap; gap:10px; padding:10px 0px; }
.cul-three-one{ width:100%; height:auto; padding:10px; border-radius:10px; }
.cul-three-one-main{ width:100%; height:auto; padding:10px; border-radius:10px; }
.cul-three-one-main i{ display:flex; justify-content:center; align-items:center; }
.cul-three-one-main i img{ max-width:60%; }
.cul-three-one-main h1{ font-size:1.2rem; padding-top:10px; }
.cul-three-one-main p{ width:100%; padding:10px 5px; }

.cul-four{ min-height:auto; gap:10px; padding:40px 15px 80px; }
.cul-four-title{ display:flex; padding:20px 0px; }
.cul-four-title h1{ font-size:1.5rem; }
.cul-four-title h1::after{right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cul-four-content{ flex-direction:column; gap:15px;}
.cul-four-one{ width:100%; height:auto; padding:25px; gap:10px; line-height:1.8; }
.cul-four-one h1{ font-size:1.25rem; padding-top:0px; }
.cul-four-one p{ font-size:1rem; color:#FFF; position:relative; z-index:1; text-align:center; }
.cul-four-one::before{ width:100%; height:100%; border-radius:10px; }
.cul-four-one::after{ width:100%; height:100%; border-radius:10px; }
.cul-four-one:first-child{ margin-right:0px; }
.cul-four-one:last-child{ margin-left:0px; }

.cul-five{ padding:20px 0px; }
.cul-five-title{ padding:20px 0px; }
.cul-five-title h1{ font-size:1.5rem; }
.cul-five-title h1::after{right:-30px; top:4px; width:20px; height:20px; background-size:30px;}
.cul-five-content{ min-height:auto; padding:10px 20px; flex-direction:column; background-size:130px; }
.cul-five-one{ padding:15px; margin:0px 10px; }
.cul-five-one h1{ padding:10px 0px; }
.cul-five-one p{ padding:15px 0px; }
.cul-five-content::before{
  border-top: 20px solid white;
  border-right:100px solid transparent;
}
.cul-five-content::after{
  border-bottom: 30px solid white;
  border-left:100px solid transparent;
}

.cul-six-content{ flex-direction:column; gap:15px; }
.cul-six-name{ min-height:auto; padding:20px 25px; gap:10px; }
.cul-six-name h1{ font-size:1.25rem; font-weight: 600; }
.cul-six-name p{ font-size:1rem; }

.cul-seven{ padding:30px 0px 60px; }
.cul-seven-content{ flex-direction:column; gap:15px; padding-top:10px; }
.cul-seven-one{ min-height:150px; padding:20px 0px 20px 50px; }
.cul-seven-one div{ width:calc(100% - 40px); padding-right:30px; }
.cul-seven-one div h1{ font-size:1.15rem; }
.cul-seven-one h2{ width:30px; }

}

@media (max-width: 480px) {

}