/*piblic*/
#service_list_a1 { display: none !important; }
[class*="BannerShow"] img { width: 100%; }
[class*="BannerShow"] .swiper-pagination-bullet, #b1-page .swiper-pagination-bullet { width: 16px; height: 16px; background: none; border: 1px solid transparent; opacity: 1; transition: 0.3s ease 0s; position: relative; z-index: 0; margin: 0 0.5vw; outline:none; }
[class*="BannerShow"] .swiper-pagination-bullet:before, #b1-page .swiper-pagination-bullet:before { content: ''; width: 6px; height: 6px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; }
[class*="BannerShow"] .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #b1-page .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.5vw;}
[class*="BannerShow"] .swiper-pagination-bullet-active, #b1-page .swiper-pagination-bullet-active { border-color: #fff; }
[class*="BannerShow"] .swiper-pagination, #b1-page { font-size: 0; bottom: 14vw; padding: 1px 0; width: 100%; }
.banner-text { background: url(../images/bg1.png) no-repeat top center; background-size: 100% auto; height: 15.65vw; margin-top: -6%; position: relative; z-index: 1; }
.banner-text i { width: 5vw; height: 5vw; }
/*i1*/
.i1-text { margin-top: 3vw; }
.i1-text b { line-height: 2; }
.i1-text p { line-height: 2; margin-top: 1vw; }
.i1-text .i-btn { margin-top: 5vw; }
.i1 .R { width: 21%; }
.i1 .R i { width: 3.7vw; margin-right: 1.5vw; }
.i1 .R em { line-height: 1; }
.i1 .R p { width: calc(100% - 5.2vw); }
.i1 .R li:not(:first-child) { margin-top: 6vw; }
.i1 .R ul { padding-top: 1.5vw; }
.i1 .R span { margin-top: 3px; }
.i1>div { padding: 7vw 0 5vw; }
.i1 .M strong { position: absolute; font-size: 11.5vw; left: 50%; transform: translateX(-50%); opacity: 0.09; top: 5vw; }
/*i2*/
.i2 {/* height: 75vw;*/ background: url(../images/img0-2.jpg) no-repeat top center; background-size: 100% auto; }
.i2>div, #i2-swiper { height: 100%; }
.i2>div { padding-top: 9vw; }
#i2-swiper>div>div { height: auto; }
#i2-swiper h3 { font-size: 8.3vw; line-height: 1; }
#i2-swiper ul { padding: 0 0 5vw; margin-top: 8.5vw; }
.li1-TL { width: 34.5%; }
.pro-text span { line-height: 2; margin-top: 1vw; -webkit-line-clamp: 4; max-height: 112px; }
.li1-BR li { background: #eee; transition: 0.5s ease 0s; }
.pro-sbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.pro1, .pro1 figure { height: 100%; }
.pro1 figure img { max-height: 80%; max-width: 80%; }
.li1-BR li a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; }
.li1-BR li:nth-child(2), .li1-BR li:nth-child(3) { background: #e5e5e5; }
.li2-LB { margin-top: 4vw; }
.li1-T { padding: 5vw 4vw; background: #fff; }
.li2-LB li { width: 32%; padding: 17% 0; background: #eee; transition: 0.5s ease 0s; }
.li3-RB li { background: #eee; transition: 0.5s ease 0s; }
.li2-LB li:not(:first-child) { margin-left: 2%; }
#i2-swiper { padding: 0 5%; }
#i2-swiper ul>li:not(:first-child) { padding: 8vw 4vw 0; }
 @media screen and (min-width: 801px ) {
.li3-RB li { width: 49%; padding: 25% 0; margin-top: 2%; }
.li3-RB { width: 63%; margin-top: -22%; margin-left: auto; }
.li3-RB li:nth-child(1) { margin-left: 51%; }
.li3-RB li:last-child { margin-left: 2%; }
.li3-R .pro-text span { width: 52%; }
.li3-L { width: 55%; }
.li3-R { width: 45%; }
.li2-L { width: 45%; }
.li2-R { width: 55%; padding-left: 8%; }
.i2>div { background: url(../images/bg3.png) no-repeat left bottom; background-size: 100% auto; }
.li1-BR { width: 34.5%; margin-left: auto; }
.li1-BR li { width: 50%; padding: 22.5% 0; }
.li1-BL { position: absolute; left: 0; top: 0; width: 65.5%; z-index: 0; height: 100%; }
.li1-TR { width: 65.5%; padding-left: 3vw; border-left: 1px solid #ddd; }
.i1 .M { width: 47%; position: absolute; bottom: 0; left: 50%; z-index: -1; transform: translateX(-50%); }
.i1 .L { width: 25.5%; }
.banner-text p { margin-left: 1vw; }
.banner-text span { margin-top: 0.5vw; }
.banner-text li:nth-child(2) { transform: translateY(2vw); }
.li1-B { margin: 0 4vw; }
.li2-L .pro-text, .li2-L .i-btn, .li3-R .pro-text, .li3-R .i-btn { margin-top: 2vw; }
.li1-BR li:hover, .li2-LB li:hover, .li3-RB li:hover { background: #eb6a21 !important; }
}
@media screen and (min-width: 1101px ) {
}
@media screen and (max-width: 1500px ) {
.pro-text span { max-height: 96px; }
}
@media screen and (max-width: 1100px ) {
#i2-swiper { padding: 0 4%; }
}
@media screen and (max-width: 800px ) {
[class*="BannerShow"] .swiper-pagination, #b1-page { bottom: 5vw; }
.banner-text { background: url(../images/bg1-1.png) no-repeat top center; background-size: cover; height: 34.7vw; margin-top: -5%; }
.banner-text p { display: block; margin-top: 2vw; }
.banner-text i { width: 12.5vw; height: 12.5vw; margin: 0 auto; display: block; }
.i1-text b { line-height: 1.5; }
.i1-text p { line-height: 1.5; margin-top: 5.5vw; }
.i1-text { margin-top: 8vw; }
.i1-text .i-btn { margin-top: 11vw; }
.i1>div { padding: 15vw 0 0; }
.i1 .M, .li3-R, .li3-RB, #i2-swiper .i-btn, .li2-LB { margin-top: 7vw; }
#i2-swiper h3 { font-size: 16.6vw; }
.i2>div { padding-top: 20vw; }
.i2 { background: url(../images/img0-21.jpg) no-repeat top center; background-size: 100% auto; }
#i2-swiper ul { margin-top: 15vw; padding-bottom: 15vw; }
.pro-text span { max-height: none; line-height: 1.5; margin-top: 4.5vw; -webkit-line-clamp: 999; }
.li1-T { padding: 8vw 5.5vw; }
.li1-BL { height: 44.44vw; }
.li2-R { margin-top: 5.5vw; }
.li1-B { }
.pro-text p { font-weight: bold; color: #eb6a21; }
.li1-BR li { width: 32%; padding: 17% 0; }
.li1-BR li:not(:first-child), .li3-RB li:not(:first-child) { margin-left: 2%; }
.li1-BR { margin-top: 2%; }
.i1 .L { float: none; }
.li3-RB li { width: 32%; padding: 17% 0; }
#i2-swiper { padding: 0; }
#i2-swiper ul>li:nth-child(odd) { padding: 0 4vw; }
#i2-swiper ul>li:nth-child(even) { padding-top: 10vw; padding-bottom: 10vw; background: #f8f8f8; }
#i2-swiper ul>li:not(:first-child) { margin-top: 10vw; }
.banner-text strong, .i1 .M strong, .li1-TL, .li1-BR li:last-child { display: none; }
}