.welfarebox{ width:100%; height:auto; float:left; }
.wel-t{ width:100%; display:flex; flex-direction:column; padding:35px 20px 30px; }
.wel-t h1{ font-size:2.3rem; line-height:1.5; color:#000; font-weight:normal; position:relative; padding:20px 0px; }
.wel-t h1::before{ content:''; position:absolute; left:0; bottom:0; width:75px; height:4px; background-color:#ffcd33; }
.wel-t p{ font-size:1rem; letter-spacing: 1px; line-height:2; color:#303030; padding-top:25px; }
.wel-show{ width:100%; display:flex; flex-direction:column; padding:0px 0px 80px;}
.wel-one{ width:100%; display:flex; flex-direction:column; padding:25px 0px;}
.wel-one-a{ width:100%; height:425px; display:flex; background-size:cover; background-color:#0b3169; background-position:center; background-repeat:no-repeat; position:relative; }
.wel-one-a i{ position:absolute; left:30px; top:0; width:70px; height:75px; display: flex; justify-content: center; align-items: center; font-size:1.8rem; color: #0f2341; line-height: 1.5; font-weight: 600; padding-bottom:15px; font-style: normal; background-size:cover; background-repeat:no-repeat; background-position:center top; background-image:url(../../uploads/page/mark.png); }
.wel-one-at{ width:100%; padding:110px 0px 15px 100px; display:flex; justify-content:flex-start; flex-direction:column; }
.wel-one-at h1{ width:500px; font-size:1.8rem; font-weight: normal; color:#FFF; line-height:1.5; padding: 15px 0px;}
.wel-one-at p{ width:500px; font-size:1rem; color:#FFF; line-height:2; padding: 15px 0px;}

.wel-one-b{ width:100%; padding:15px 0; position:relative; }
.wel-one-b img{ width:100%; }
.wone-swiper-button-prev { position:absolute; left:-5%; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/l.png) center center no-repeat; border-radius: 360px; background-size:100%; width:50px; height:50px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.wone-swiper-button-prev:hover { background: url(../../uploads/svg-loaders/lh.png) center center no-repeat; background-size:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.wone-swiper-button-next { position: absolute; right:-5%; top:calc(50% - 5px); transform: translateY(-50%); background: url(../../uploads/svg-loaders/r.png) center center no-repeat;  border-radius: 360px; background-size:100%; width:50px; height:50px; z-index: 99; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.wone-swiper-button-next:hover { background: url(../../uploads/svg-loaders/rh.png) center center no-repeat; background-size:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}


/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.wel-one-a{ height:350px;  }
.wel-one-a i{ width:60px; height:65px; }
.wel-one-at{ padding:90px 0px 15px 60px; }

}
/* xs */
@media (max-width: 767px) {
.wel-t{ padding:15px 0px; }
.wel-t h1{ font-size:1.45rem; padding:15px 0px; }
.wel-t h1::before{ width:55px; }
.wel-show{ padding:0px 0px 50px;}
.wel-one{ padding:15px 0px;}
.wel-one-a{ height:280px; background-position:right -100px center;}
.wel-one-a i{ left:20px; width:50px; height:55px; font-size:1.5rem; }
.wel-one-at{ padding:20% 15px 15px 30px; }
.wel-one-at h1{ width:100%; font-size:1.3rem; padding:8px 0px;}
.wel-one-at p{ width:100%; line-height:1.5; padding:8px 0px;}
.wone-swiper-button-prev { left:10px; top:calc(50%); width:30px; height:30px;}
.wone-swiper-button-next { right:10px; top:calc(50%); width:30px; height:30px; }

}
@media (max-width: 480px) {


}