.lb-nav a.lb-next { display: none; } .strength-01 { padding-top: 100px; padding-bottom: 95px; } .strength-01 .line { margin: 0 auto; } body.active_80 .hdPc-nav li{ padding: 0 10px; } body.active_80 .hdPc-nav{ padding-right: 2%; } body.active_80 .hdPc-a1{ font-size: 16px; } body.active_80 .aldc-title{ font-size: 15px; } .strength-01 .p { width: 970px; margin: 0 auto; } .strength-01,.strength-02,.strength-03,.strength-04{ overflow: hidden; } .con-words { line-height: 1.5; } .strength010-swiper .owl-item .swiper-slide { width: 90%; margin: 0 auto; } .strength010-swiper .owl-item .items{ display: block; } .con-words .line { width: 80px; height: 4px; display: block; background: #005bab; margin-top: 36px; margin-bottom: 30px; } .con-words .p { font-size: 15px; line-height: 2.3; color: #666666; } .ft36 { font-size: 36px; } .tc { text-align: center; } .swiper-slide-shadow-right, .swiper-slide-shadow-left { display: none; } .strength-02 { background: url(../img/imgbox/i05.jpg) repeat left top; } .strength-02 .con2-img { margin-top: -420px; position: relative; z-index: 0; } .strength04-swiper .items { display: block; float: left; background: #fff; font-size: 16px; color: #4c4c4c; text-align: center; width: 22%; margin: 15px 1.2%; padding-bottom: 25px; position: relative; } .strength04-swiper .items:hover .bg { opacity: 1; transition: .5s ease-in-out; } .strength04-swiper .items .bg { display: block; position: absolute; width: 100%; height: 100%; background: url(../img/imgbox/i6.png) no-repeat center; background-size: 100%; left: 0; top: 0; opacity: 0; transition: .5s ease-in-out; } .strength04-swiper .items .i { position: relative; } .strength04-swiper .img { padding: 20px; } .strength04-swiper .img { position: relative; } .strength04-swiper .span { padding: 0 20px; line-height: 26px; height: 26px; overflow: hidden; } .pr5 { padding-right: 50px; } .pl5 { padding-left: 50px; } .mbox { display: none; } .strength-04 .con-swiper .owl-pagination, .strength-04 .con-swiper .swiper-pagination { margin-top: 45px; } .strength-04 .con-words { text-align: center; } .strength-04 .con-words .line { margin-left: auto; margin-right: auto; } .strength02-swiper { margin-top: 70px; } .strength02-swiper .owl-item img { max-width: 90%; margin: 0 auto; } .strength02-swiper .items { display: block; position: relative; overflow: hidden; } .strength02-swiper .items img { transition: .5s ease-in-out; } .strength02-swiper .items:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .strength02-swiper .items .span { position: absolute; bottom: 20px; color: #fff; font-size: 20px; line-height: 1.5; padding: 0 20px; } .strength010-swiper { position: relative; margin-top: 60px; } .strength010-swiper .span { text-align: center; font-size: 16px; color: #666666; margin-top: 30px; font-size: 18px; } .strength010-swiper .swiper-slide-active .span { color: #005bab; font-weight: bold; } .strength-03 .strength010-swiper { padding-bottom: 190px; background: url(../img/imgbox/i4.png) no-repeat bottom center; background-size: 100%; } .swiperbox { position: relative; } .strength-03 { padding-top: 120px; } .strength-03 .line { margin-left: auto; margin-right: auto; } .strength-03 .con-words .p { width: 960px; margin: 0 auto; } .strength-04 { background: url(../img/imgbox/i08.jpg) repeat center; background-size: cover; padding-top: 100px; padding-bottom: 230px; } .strength-02 .con2-box { padding-top: 115px; padding-bottom: 110px; position: relative; z-index: 4; } .strength-02 .con2-box.active .spans { right: auto; left: 0; } .strength-02 .con2-box.active .con-words { text-align: right; } .strength-02 .con2-box.active .line { display: inline-block; } .strength-02 .con2-box.active .text-soan { right: auto; left: 0; } .strength-02 .con2-box .spans { position: absolute; width: 200%; *width: 110%; background: url(../img/imgbox/i05.jpg) repeat left top; top: 0; right: 0; height: 100%; z-index: 0; } .strength-02 .con2-box .z2 { position: relative; z-index: 2; } .strength-02 .con2-box .text-soan { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; *writing-mode: tb-rl; color: rgba(51, 51, 51, 0.6); font-size: 20px; position: absolute; right: 0; top: 115px; padding-bottom: 120px; } .strength-02 .con2-box .text-soan:after { position: absolute; content: ""; width: 1px; background: #005bab; height: 110px; bottom: 0; left: 0; right: 0; margin: auto; } .con2-img img { width: 100%; } .con-swiper img { max-width: 100%; } .con-swiper .owl-prev, .con-swiper .owl-next { cursor: pointer; text-indent: -999px; overflow: hidden; position: absolute; position: absolute; top: 50%; margin-top: -22px; } .con-swiper .owl-prev, .con-swiper .owl-next, .con-swiper .swiper-button-prev, .con-swiper .swiper-button-next { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; transition: .5s ease-in-out; background-repeat: no-repeat; background-size: 100%; background-position: center center; } .con-swiper .owl-prev:hover, .con-swiper .owl-next:hover, .con-swiper .swiper-button-prev:hover, .con-swiper .swiper-button-next:hover { transition: .5s ease-in-out; background-color: #005bab; } .con-swiper .owl-pagination, .con-swiper .swiper-pagination { text-align: center; width: 100%; position: static; margin-top: 80px; } .con-swiper .owl-pagination .owl-page, .con-swiper .owl-pagination .swiper-pagination-bullet, .con-swiper .swiper-pagination .owl-page, .con-swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #a2a2a2; background: transparent; margin: 0 8px; vertical-align: middle; border-radius: 50%; transition: .4s ease-in-out; } .con-swiper .owl-pagination .owl-page.active, .con-swiper .owl-pagination .owl-page.swiper-pagination-bullet-active, .con-swiper .owl-pagination .owl-page:hover, .con-swiper .owl-pagination .swiper-pagination-bullet.active, .con-swiper .owl-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .con-swiper .owl-pagination .swiper-pagination-bullet:hover, .con-swiper .swiper-pagination .owl-page.active, .con-swiper .swiper-pagination .owl-page.swiper-pagination-bullet-active, .con-swiper .swiper-pagination .owl-page:hover, .con-swiper .swiper-pagination .swiper-pagination-bullet.active, .con-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .con-swiper .swiper-pagination .swiper-pagination-bullet:hover { background: #0068b7; border-color: #0068b7; transition: .4s ease-in-out; } .con-swiper .owl-prev, .con-swiper .swiper-button-prev { background-image: url(../img/imgbox/i0.png); left: -25px; } .con-swiper .owl-prev:hover, .con-swiper .swiper-button-prev:hover { background-image: url(../img/imgbox/i1.png); } .con-swiper .owl-next, .con-swiper .swiper-button-next { background-image: url(../img/imgbox/i2.png); right: -25px; } .con-swiper .owl-next:hover, .con-swiper .swiper-button-next:hover { background-image: url(../img/imgbox/i3.png); } .strength01-swiper { margin-top: 70px; text-align: center; position: relative; } .strength01-swiper .swiper-slide { opacity: 0; } .strength01-swiper .swiper-slide-next, .strength01-swiper .swiper-slide-prev, .strength01-swiper .swiper-slide-active { opacity: 1; } .strength01-swiper .items { display: block; } .strength01-swiper .swiper-slide0{ width: 96%; margin:0 auto; } .strength01-swiper .items .img img { padding: 6px; background: #fff; box-sizing: border-box; transition:.5s ease-in-out; } /*.strength01-swiper .items:hover .img img { transition:.5s ease-in-out; transform:scale3d(1.05,1.05,1); }*/ .strength01-swiper .items .span { font-size: 18px; line-height: 1.5; color: #4c4c4c; text-align: center; margin-top: 25px; } .strength01-swiper .swiper-slide-active .items .span { font-weight: bold; color: #005bab; } @media screen and (max-width: 1450px) { .con-words .p { font-size: 15px; line-height: 30px; } .con-words .line { width: 80px; height: 4px; } } @media screen and (max-width: 1024px) { .strength-01 .p, .strength-03 .con-words .p { width: 90%; } .mbox { display: block; } .pcbox { display: none; } .strength04-swiper .items { width: 48%; margin: 1%; } .strength04-swiper .items img { width: 100%; } } @media screen and (max-width: 768px) { .strength04-swiper .items { width: 100%; margin: 1% 0%; } .swiperbox .items { display: block; } .con-swiper img, .con-swiper .img { width: 100%; } .strength010-swiper .span { font-size: 9.6px; margin-top: 12px; } .strength04-swiper .img { padding: 8px; } .strength04-swiper .span { padding: 0 8px; line-height: 16px; height: 16px; font-size: 9.6px; } .strength-03 .strength010-swiper { margin-top: 24px; padding-bottom: 76px; } .strength-04 .con-swiper .owl-pagination, .strength-04 .con-swiper .swiper-pagination { margin-top: 12px; } .strength-03 { padding-top: 40px; } .strength-04 { padding-top: 20px; padding-bottom: 46px; } .strength02-swiper .items img { width: 100%; } .con-words .p { font-size: 10px; line-height: 18px; } .ft36 { font-size: 20px; } .strength-01 { padding-top: 40px; padding-bottom: 38px; } .strength-02 .con2-box { padding-top: 46px; padding-bottom: 44px; } .pr5, .pl5 { padding-left: 12px; padding-right: 12px; } .strength02-swiper .items .span { bottom: 8px; font-size: 8px; padding: 0 8px; } .strength-02 .con2-box .text-soan { font-size: 8px; top: 46px; padding-bottom: 48px; } .con-swiper .owl-pagination, .con-swiper .swiper-pagination { margin-top: 16px; line-height: 1; } .strength-02 .con2-box .text-soan:after { height: 44px; } .strength-02 .con2-box { text-align: center; } .con-words .line { display: block; margin: 0 auto; } .strength-02 .con2-box.active .con-words { text-align: center; } .strength-02 .con2-box.active .con-words .line { display: block; margin-left: auto; margin-right: auto; } .strength-02 .con2-img { margin-top: 0; } .con-words .line { width: 32px; height: 2px; margin-top: 14.4px; margin-bottom: 12px; } .strength-01 .p { width: 100%; } .strength01-swiper { margin-top: 28px; } .strength01-swiper .items .span { font-size: 9.6px; margin-top: 10px; } .con-swiper .owl-prev, .con-swiper .owl-next, .con-swiper .swiper-button-prev, .con-swiper .swiper-button-next { width: 24px; height: 24px; } .con-swiper .owl-next, .con-swiper .swiper-button-next { right: -12px; } .con-swiper .owl-prev, .con-swiper .swiper-button-prev { left: -12px; } .con-swiper .owl-pagination .owl-page, .con-swiper .owl-pagination .swiper-pagination-bullet, .con-swiper .swiper-pagination .owl-page, .con-swiper .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 2px; } } .strength010-swiper .owl-item .swiper-slide { width: 90%; margin: 0 auto; } /*# sourceMappingURL=mode.css.map */ /*# sourceMappingURL=mode.css.map */