.bigbox{ width:100%; display: flex; flex-direction:column; position:relative;}
.ab-a{ width:100%; display:flex; flex-direction: column; padding:15px 0px; gap:40px; }
.ab-aup{ width:100%; display:flex; flex-direction:column; color:#000;}
.ab-aup h2{ font-size:1.125rem; color:#6a6a6a; font-weight:normal; }
.ab-aup h1{ font-size:2.4rem; color:#000; padding:15px 0px 40px;}
.ab-aup div{ font-size:1.125rem; color:#6a6a6a; }

.ab-adown{ width:100%; height:600px; background-repeat:no-repeat; background-color:#242424; background-size:cover; background-position:center bottom; position:relative;}
.ab-adown .mainbox{ position:absolute; left:0; bottom:-70px; width:100%; display:flex; flex-direction:row; }
.ab-one-num{ width:100%; height: auto; float: left; display: flex; justify-content: space-around; align-items: center; background-color: #eeeeee; padding: 25px 0px 15px;}
.syaone{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 0px 15px; position: relative;}
.syaone h1{ position: relative; color:#0e0e11; }
.syaone h1 span{ text-align: center; font-size:3rem; font-weight:bold; cursor: pointer; color:#0e0e11;}
.syaone h1 i{ font-size:1.125rem; font-weight: normal; color:#0e0e11; font-style: normal; }
.syaone h1 i.isecond{ font-size:3rem; font-weight:bold;}
.syaone p{ font-size:1rem; color:#0e0e11; line-height: 1.5; padding: 7px 0px; text-align: center;}
.sline{ width:1px; height:70px; background-color: #808080;}

.ab-b{ width:100%; display:flex; padding:125px 0px 90px; }
.mainbox{ width:100%;display:flex; flex-direction:column; gap:50px; }
.ab-bone{ width:100%; min-height:410px; display:flex; flex-direction:row; background-color: #eeeeee; position: relative;}
.ab-bw{ width:34%; display:flex; flex-direction:column; justify-content:center; padding:50px 50px 40px; }
.ab-bw h1{ width:100%; display:flex; padding-bottom:30px; border-bottom:1px solid #8a8a8a; font-size:1.875rem; padding-left:30px; position:relative; }
.ab-bw h1::before{ content:''; position:absolute; left:0; top:10px; width:12px; height:12px; background-color:#fb7307; }
.ab-bw div{ width:100%; padding:30px 0px 0px; font-size:1rem; line-height:1.8;}
.ab-bimg{ width:66%; 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%; 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;}
.ab-bone.two{ flex-direction:row-reverse; }

.ab-c{ width:100%; display:flex; flex-direction:column; background-color:#e6e7e7; padding:55px 0px; }
.ab-ct{ width:100%; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; padding:30px 15px; }
.ab-ct h1{ font-size:2.43rem; color:#000; font-weight:normal; }
.ab-cinfo { width:100%; display: block; position: relative; padding:180px 0px;}
.historySwiper {width: 100%; overflow:visible;}
.historySwiper .swiper-slide {width: auto; }
.ab-cinfo .swiper-scrollbar {height:4px; background:rgba(0, 0, 0, 0.1); border-radius:3px; margin-top:10px; }
.ab-cinfo .swiper-scrollbar-drag {background-color: #ded1c7; border-radius: 3px; }
.history{ width:100%; position:relative; }
.history div{ width:200px; display:flex; flex-direction:column; position:absolute; border-left:2px solid #b6b6b6; padding:15px;}
.history div.two{ top:auto; bottom:0; }
.history div h1{ font-size:1.3rem; color:#000; padding-bottom:20px; }
.history div p{ font-size:0.95rem; color:#989898; }

.ab-d{ width:100%; display:flex; padding:60px 0px; }
.ab-dt{ width:100%; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; padding:30px 0px; }
.ab-dt h1{ font-size:2.43rem; color:#000; font-weight:normal; }
.ab-dinfo{ width:100%; padding:15px 0px; }
.dinfo-img{ width:100%; display:flex; flex-direction:column; padding: 15px 15px 0px; background-color:#e6e7e7;}
.dinfo-img i{ width:100%; display:flex;}
.dinfo-img i img{ width:100%; }
.dinfo-img p{ width:100%; height:60px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:1rem;}

@media (max-width: 1460px) {

}

@media (max-width: 1330px) {

}

@media (max-width: 1230px) {

}

@media (max-width: 1080px) {

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.ab-bone{ min-height:auto; flex-direction:column-reverse;}
.ab-bw{ width:100%; padding:30px 20px; }
.ab-bw h1{ padding-bottom:20px; font-size:1.4rem; padding-left:20px;  }
.ab-bw h1::before{ top:5px; width:10px; height:10px; }
.ab-bw div{ padding:20px 0px 0px;}
.ab-bimg{ width:100%; height:500px; }
.ab-bone.two{ flex-direction:column-reverse; }
}

/* xs */
@media (max-width: 767px) {
.ab-a{ gap:40px; }
.ab-aup h2{ font-size:1.05rem; }
.ab-aup h1{ font-size:1.5rem; padding:15px 0px 20px;}
.ab-aup div{ font-size:1.05rem; }
.ab-adown{ height:400px; }
.ab-one-num{ padding:10px 0px;}
.syaone{ padding: 0px 10px; }
.ab-adown .mainbox{ bottom:-50px; }
.syaone h1 span{ font-size:1.8rem; }
.syaone h1 i{ font-size:1rem; }
.syaone h1 i.isecond{ font-size:1.8rem;}
.syaone p{ font-size:0.95rem; line-height:1.2; padding:5px 0px;}
.sline{ height:50px; }

.ab-b{ padding:90px 0px 60px; }
.mainbox{ gap:30px; }
.ab-bone{ min-height:auto; flex-direction:column-reverse;}
.ab-bw{ width:100%; padding:30px 20px; }
.ab-bw h1{ padding-bottom:20px; font-size:1.25rem; padding-left:20px;  }
.ab-bw h1::before{ top:5px; width:10px; height:10px; }
.ab-bw div{ padding:20px 0px 0px;}
.ab-bimg{ width:100%; height:300px; }
.ab-bone.two{ flex-direction:column-reverse; }

.ab-c{ padding:35px 0px; }
.ab-ct{ padding:20px 0px; }
.ab-ct h1{ font-size:1.5rem; }
.ab-cinfo { padding:150px 0px;}
.history div{ padding:10px;}
.history div h1{ font-size:1.2rem; padding-bottom:10px; }
.history div p{ font-size:0.90rem; }

.ab-d{ padding:40px 0px; }
.ab-dt{ padding:20px 0px; }
.ab-dt h1{ font-size:1.5rem; }
.ab-dinfo{ padding:0px 0px 20px; }
.dinfo-img{ padding: 10px 10px 0px; }
.dinfo-img p{ height:50px; font-size:0.95rem;}

}

@media (max-width: 480px) {
.ab-adown{ height:230px; }
.ab-adown .mainbox{ bottom:-60px; }
.syaone h1 span{ font-size:1.5rem; }
.syaone h1 i.isecond{ font-size:1.5rem;}
.syaone p{ font-size:0.85rem; }
.ab-bimg{ width:100%; height:230px; }
.ab-cinfo { padding:130px 0px;}
.dinfo-img p{ font-size:0.85rem;}
}