body{position:relative}.se1{margin:90px auto}.se1 .left{padding-left:0}.se1 .left h1{margin:0;font-size:34px;margin-bottom:30px;color:#323333;font-weight:bold;letter-spacing:1px}.se1 .left p{font-size:18px;line-height:25px;color:#4c4c4c;margin-bottom:10px}.se1 .right{padding-right:0}.se1 .right div.video{margin:10px 0}.se1 .right div.video #video_box{position:relative}.se1 .right div.video #video_box .cont{background-size:cover;position:absolute;width:100%;height:100%;top:0;left:0;transition:all .4s}.se1 .right div.video #video_box .cont #video_btn{width:10%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;background:transparent;border:none}.se1 .right .box iframe{width:100%;height:600px}.se2{background:#22a5e0;color:#fff;padding:70px 0;padding-bottom:0}.se2 .history h1{font-size:31px;margin:0;margin-bottom:25px;font-weight:bold;letter-spacing:1px}.se2 .history p.border{border-top:1px solid #fff;width:5%;margin:0 auto}.se2 .history .history-detail{font-size:20px;text-align:center}.se2 .history #swiper-history{width:100%;margin:100px auto;position:relative}.se2 .history #swiper-history .swiper-container{height:25rem;margin:0 2.5rem}.se2 .history #swiper-history .short-line{height:1px;border-bottom:1px dashed #fff;width:1.875rem;position:absolute;top:50%}.se2 .history #swiper-history .long-line{height:1px;border-bottom:1px solid #fff;width:100%;position:absolute;top:51%;left:1.875rem}.se2 .history #swiper-history .swiper-slide span{display:block;width:100%;text-align:center;position:absolute;transition:700ms}.se2 .history #swiper-history .swiper-slide .date{height:1.25rem;font-size:80px;line-height:1.25rem;top:3.6875rem;color:#fff;opacity:0}.se2 .history #swiper-history .swiper-slide .detail{color:#fff;position:absolute;font-size:1.5rem;bottom:1rem;opacity:0;line-height:25px}.se2 .history #swiper-history .swiper-slide-active span{transition:700ms 700ms}.se2 .history #swiper-history .swiper-pagination-bullets{white-space:nowrap;top:calc(43.5% - 30px);transition:700ms;white-space:nowrap;width:auto;height:10px}.se2 .history #swiper-history .swiper-button-next,.se2 .history #swiper-history .swiper-button-prev{background-size:1.25rem auto}.se2 .history #swiper-history .next{background-image:url(/assets/img/image/his-btn-right.png);background-repeat:no-repeat;background-size:100%;width:50px;height:50px;right:-20px}.se2 .history #swiper-history .prev{background-image:url(/assets/img/image/his-btn-left.png);background-repeat:no-repeat;width:50px;height:50px;background-size:100%;left:0px}.se2 .history #swiper-history .swiper-pagination-bullet{margin-top:0px !important;background-image:url(/assets/img/image/his-cri.png);background-repeat:no-repeat;border:none;opacity:1;width:22px;height:39px;background-color:transparent}.se2 .history #swiper-history .swiper-pagination-bullet span{position:absolute;width:6.25rem;text-align:center;margin-left:-2.75rem;margin-top:-2.5rem}.se2 .history #swiper-history .swiper-pagination-bullet-active{margin-top:2.9% !important;background-image:url(/assets/img/image/his-active.png);background-repeat:no-repeat;border:none;opacity:1;width:60px;height:59px;background-color:transparent}.se2 .history #swiper-history .swiper-pagination-bullet-active span{display:none}.se3{position:relative}.se3 .text{width:58.8%;position:absolute;bottom:80px;left:20%;border:2px solid rgba(255,255,255,0.3);padding:5px 0;text-align:center;color:#fff}.se3 .text h2{font-size:31px;font-weight:bold;letter-spacing:1px}.se3 .text p{font-size:36px;line-height:36px}.why{margin:95px auto}.why h1{margin:0;font-size:31px;color:#323333;font-weight:bold;margin-bottom:47px;letter-spacing:1px}.why section{border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;position:relative;max-height:279px;padding:0 5px}.why section .num{font-family:'Lora', serif;font-size:90px;color:#eff8fc;font-weight:bold;font-style:italic}.why section .over{position:relative;top:-90px;left:0}.why section .over h2{font-size:28px;font-weight:bold;margin-bottom:25px;letter-spacing:1px}.why section .over p{color:#656666;font-size:18px;line-height:25px;padding:0 40px;letter-spacing:1px}.why section .over p.blue{color:#2aaee5;font-weight:bold;margin-bottom:15px;letter-spacing:1px}.why section:nth-child(2) span{width:7px;height:7px;line-height:7px;background:#2aaee5;border-radius:50%;position:absolute;bottom:-4px;right:-4px}.why section:nth-child(3) span{width:7px;height:7px;line-height:7px;background:#2aaee5;border-radius:50%;position:absolute;bottom:-4px;left:-4px}.why section:nth-child(4) span{width:7px;height:7px;line-height:7px;background:#2aaee5;border-radius:50%;position:absolute;top:-4px;right:-4px}.why section:nth-child(5),.why section:nth-child(4){border-bottom:none}.why section:nth-child(5),.why section:nth-child(3){border-right:none}@media screen and (max-width: 1366px){.se2 .history .history-detail{font-size:20px}.se2 .history #swiper-history .swiper-slide .detail{bottom:1.7rem}.se1 .left h1,.why h1,.se2 .history h1,.se3 .text h2,.se3 .text p{font-size:30px}.se1 .left p{font-size:16px}.why section .over h2{font-size:23px}.why section .over p{font-size:16px}}@media screen and (min-width: 768px) and (max-width: 1024px){.se3 .text{width:80%;bottom:45px;left:12%;border:2px solid #696768;padding:20px 0}.se3 .text h2{font-size:35px;margin-bottom:6px;margin-top:6px}.se3 .text p{font-size:20px;line-height:30px}}@media screen and (min-width: 768px) and (max-width: 810px){.se3 .text{bottom:12px}}@media screen and (max-width: 767px){.se1{margin:30px 0}.se1 .left h1{margin-bottom:10px;font-size:24px}.se1 .left p{font-size:15px}.se1 .right{padding-left:0}.se2{padding:30px 0}.se2 .history h1{font-size:27px}.se2 .history .history-detail{font-size:15px}.se2 .history #swiper-history{margin:30px auto}.se2 .history #swiper-history .swiper-slide .date{font-size:25px}.se2 .history #swiper-history{width:95%}.se3 img{object-fit:cover;height:150px}.se3 .text{width:80%;bottom:4px;left:12%;border:2px solid #696768;padding:0px 0}.se3 .text h2{font-size:16px;margin-bottom:6px;margin-top:6px}.se3 .text p{font-size:15px;line-height:20px}.why{margin:30px auto}.why h1{font-size:27px;margin-bottom:0px;margin-top:30px}.why section{border:none}.why section span{display:none}.why section .over h2{font-size:20px}.why section .over p{font-size:15px;padding:0 40px}}@media screen and (max-width: 330px){.se3 .text{padding:5px 0}.se3 .text h2{margin:0}.se3 .text p{font-size:13px;line-height:15px}}
/*# sourceMappingURL=about.css.map */
