.lb-nav a.lb-next { display: none; } .strength-01 { padding-top: 2.5rem; padding-bottom: 2.375rem; } .strength-01 .line { margin: 0 auto; } .strength-01 .p { width: 970px; margin: 0 auto; } .con-words { line-height: 1.5; } .con-words .line { width: 80px; height: 4px; display: block; background: #005bab; margin-top: 0.9rem; margin-bottom: .75rem; } .con-words .p { font-size: 15px; line-height: 2.3; color: #666666; } .strength010-swiper .items .img{ display: block; box-shadow: 0 0 10px 4px rgba(0,0,0,.1); } .strength010-swiper .swiper-container{ padding: 10px 0; } .ft36 { font-size: 0.9rem; } .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: -10.5rem; 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: 0.375rem 1.5%; 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: .5rem; } .strength04-swiper .img { position: relative; } .strength04-swiper .span { padding: 0 .5rem; line-height: 26px; height: 26px; overflow: hidden; } .pr5 { padding-right: 1.25rem; } .pl5 { padding-left: 1.25rem; } .mbox { display: none; } .strength-04 .con-swiper .owl-pagination, .strength-04 .con-swiper .swiper-pagination { margin-top: 1.125rem; } .strength-04 .con-words { text-align: center; } .strength-04 .con-words .line { margin-left: auto; margin-right: auto; } .strength02-swiper { margin-top: 1.75rem; } .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: 0.5rem; color: #fff; font-size: 0.5rem; line-height: 1.5; padding: 0 0.5rem; } .strength010-swiper { position: relative; margin-top: 1.5rem; } .strength010-swiper .span { text-align: center; font-size: 16px; color: #666666; margin-top: .75rem; font-size: 18px; } .strength010-swiper .swiper-slide-active .span { color: #005bab; font-weight: bold; } .strength-03 .strength010-swiper { padding-bottom: 4.75rem; background: url(../img/imgbox/i4.png) no-repeat bottom center; background-size: 100%; } .swiperbox { position: relative; } .strength-03 { padding-top: 3rem; } .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: 2.5rem; padding-bottom: 5.75rem; } .strength-02 .con2-box { padding-top: 2.875rem; padding-bottom: 2.75rem; 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%; 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: .5rem; position: absolute; right: 0; top: 2.875rem; padding-bottom: 3rem; } .strength-02 .con2-box .text-soan:after { position: absolute; content: ""; width: 1px; background: #005bab; height: 2.75rem; 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: 2rem; } .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; display: inline-block; 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: 1.75rem; 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 .items .img img { padding: 6px; background: #fff; box-sizing: border-box; transition:.5s ease-in-out; } .strength01-swiper .swiper-slide-active .items .img:hover img { transition:.5s ease-in-out; transform:scale3d(1.02,1.02,1); } .strength01-swiper .items .span { font-size: 18px; line-height: 1.5; color: #4c4c4c; text-align: center; margin-top: 0.625rem; } .strength01-swiper .swiper-slide-active .items .span { font-weight: bold; color: #005bab; } @media screen and (max-width: 1440px) { .con-words .p { font-size: 0.5rem; line-height: 1.8; } .con-words .line { width: 2rem; height: .1rem; } } @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: .24rem; margin-top: .3rem; } .strength04-swiper .img { padding: .2rem; } .strength04-swiper .span { padding: 0 .2rem; line-height: .4rem; height: .4rem; font-size: .24rem; } .strength-03 .strength010-swiper { margin-top: .6rem; padding-bottom: 1.9rem; } .strength-04 .con-swiper .owl-pagination, .strength-04 .con-swiper .swiper-pagination { margin-top: .3rem; } .strength-02 .con2-img{ display: none; } .strength-03 { /*padding-top: 1rem;*/ padding-top: 0; } .strength-04 { padding-top: 0.5rem; padding-bottom: 1.15rem; } .strength02-swiper .items img { width: 100%; } .con-words .p { font-size: .25rem; line-height: .45rem; } .strength-02 .con2-box .text-soan{ display: none; } .ft36 { font-size: 0.46rem; } .strength-01 { padding-top: 1rem; padding-bottom: 0.95rem; } .strength-02 .con2-box { padding-top: 1.15rem; /*padding-bottom: 1.1rem;*/ padding-bottom: .55rem; } .pr5, .pl5 { padding-left: .3rem; padding-right: .3rem; } .strength02-swiper .items .span { bottom: 0.2rem; font-size: 0.24rem; padding: 0 0.2rem; width: 100%; text-align: center; } .strength-02 .con2-box .text-soan { font-size: .2rem; top: 1.15rem; padding-bottom: 1.2rem; } .con-swiper .owl-pagination, .con-swiper .swiper-pagination { margin-top: .4rem; line-height: 1; } .strength-02 .con2-box .text-soan:after { height: 1.1rem; } .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: .8rem; height: .05rem; margin-top: 0.36rem; margin-bottom: 0.3rem; } .strength-01 .p { width: 100%; } .strength01-swiper { margin-top: 0.7rem; } .strength01-swiper .items .span { font-size: .24rem; margin-top: 0.25rem; } .con-swiper .owl-prev, .con-swiper .owl-next, .con-swiper .swiper-button-prev, .con-swiper .swiper-button-next { width: .8rem; height: .8rem; } .con-swiper .owl-next, .con-swiper .swiper-button-next { right: -.3rem; } .con-swiper .owl-prev, .con-swiper .swiper-button-prev { left: -.3rem; } .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: .15rem; height: .15rem; margin: 0 .05rem; } } /*# sourceMappingURL=mode.css.map */