@media(max-width:767px){.banner-desc-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5}.head-box-row{background:#fff}.head-box{width:100%;max-width:1300px;padding:20px 0;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.class-nav{width:100%;max-width:1300px;margin:20px auto;display:flex;justify-content:start;align-items:center;gap:20px;overflow:hidden}.class-nav-item{font-size:16px;color:#616161;padding:10px 20px;background:#f9f9f9;border-radius:24px;min-width:100px;height:45px;display:flex;justify-content:center;align-items:center}.class-nav-item h2{font-size:14px;margin:0}.class-nav-item-active{background:#002d97;color:#fff}.blog-list{width:100%;max-width:1300px;margin:0 auto 50px;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;padding:0 10px}.blog-item{width:100%;box-shadow:0 0 32px 0 #00000012;padding:20px;border-radius:12px}.blog-img img{width:100%;height:200px;object-fit:cover;border-radius:12px}.blog-date{color:#948e8e;font-size:14px;margin-top:20px}.blog-title{margin-top:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#000}.blog-title h3{font-size:16px;margin:0}.blog-desc{font-size:14px;color:#635a5a;margin-top:10px;height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(min-width:768px) and (max-width:1365px){.banner-desc-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5}.head-box-row{background:#fff}.head-box{width:100%;max-width:1300px;padding:45px 0;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.class-nav{width:100%;max-width:1300px;margin:50px auto 50px;display:flex;justify-content:start;align-items:center;gap:20px;padding:0 15px}.class-nav-item{font-size:16px;color:#616161;padding:10px 20px;background:#f9f9f9;border-radius:24px;min-width:70px;height:45px;display:flex;justify-content:center;align-items:center}.class-nav-item h2{font-size:16px;margin:0}.class-nav-item-active{background:#002d97;color:#fff}.blog-list{width:100%;max-width:1300px;margin:0 auto 50px;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;padding:0 15px}.blog-item{width:100%;box-shadow:0 0 32px 0 #00000012;padding:10px;border-radius:12px}.blog-img img{width:100%;height:240px;border-radius:12px;object-fit:cover}.blog-date{color:#948e8e;font-size:14px;margin-top:20px}.blog-title{margin-top:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#000}.blog-title h3{font-size:16px;margin:0}.blog-desc{font-size:14px;color:#635a5a;margin-top:10px;height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.swiper-wrapper{gap:20px;flex-wrap:wrap}.swiper-slide{width:auto!important;height:auto!important}}@media(min-width:1366px){.banner-desc-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5}.head-box-row{background:#fff}.head-box{width:100%;max-width:1300px;padding:45px 0;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.class-nav{width:100%;max-width:1300px;margin:50px auto 50px;display:flex;justify-content:start;align-items:center;gap:20px}.class-nav-item{font-size:16px;color:#616161;padding:10px 20px;background:#f9f9f9;border-radius:24px;min-width:70px;height:45px;display:flex;justify-content:center;align-items:center}.class-nav-item h2{font-size:16px;margin:0}.class-nav-item-active{background:#002d97;color:#fff}.blog-list{width:100%;max-width:1300px;margin:0 auto 50px;display:grid;flex-wrap:wrap;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.blog-item{width:100%;box-shadow:0 0 32px 0 #00000012;padding:20px;border-radius:12px}.blog-img img{width:100%;height:260px;border-radius:12px;object-fit:cover}.blog-date{color:#948e8e;font-size:14px;margin-top:20px}.blog-title{margin-top:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#000}.blog-title h3{font-size:16px;margin:0}.blog-desc{font-size:14px;color:#635a5a;margin-top:10px;height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.swiper-wrapper{gap:20px}.swiper-slide{width:auto!important}}