/*piblic*/
#service_list_a1 { display: none !important; }
[class*="BannerShow"] img { width: 100%; }
#i1_swiper1 i img, #i1_swiper3 figure, .pro-list li figure i, .i3 .R, #NewsList_a1, #NewsList_a1 ul { height: 100%; }
[class*="BannerShow"] .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; transition: 0.3s ease 0s; }
[class*="BannerShow"] .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.5vw; }
[class*="BannerShow"] .swiper-pagination-bullet-active { width: 20px; border-radius: 5px; }
[class*="BannerShow"] .swiper-pagination { font-size: 0; bottom: 2vw; padding: 1px 0; }
/*i1*/
.i1 .i1-btn.left { left: 4vw; }
.i1 .i1-btn.right { right: 4vw; }
.i1 .LT { padding: 0 5vw; }
.i1 .LB { padding: 0 7vw; }
.i1 .R>div, .i1 .R figure { width: 100%; height: 100%; }
.i1 .M { left: 42.5%; top: 50%; z-index: 2; position: absolute; transform: translate(-50%, -50%); width: 6.25vw; }
.i1 .i1-btn { background: #2e4857; text-align: center; transition: 0.3s ease 0s; padding: 0.5vw 0; }
.i1 .i1-btn img { width: 15%; }
#i1_swiper1 { padding: 2vw 6vw 2vw 2vw; }
#i1_swiper1 i { height: 4.7vw; }
#i1_swiper1 .line { height: 3px; width: 9%; margin-top: 14%; }
#i1_swiper1 .i1-swiper-text h3 { font-weight: normal; font-size: 1.9vw; line-height: 1.2; max-height: 4.6vw; }
#i1_swiper1 .i1-swiper-text p { -webkit-line-clamp: 3; line-height: 2; max-height: 84px; margin-top: 6%; }
#i1_swiper1 .i1-swiper-text .i-btn { margin-top: 14%; }
#i1-pagination { position: static; text-align: left; font-style: italic; height: 100%; }
#i1-pagination span:before { content: '0'; }
#i1-pagination .swiper-pagination-current { font-size: 1.25vw; color: #ea5b24; }
#i1_swiper3 li { height: 4.2vw; overflow: hidden; box-sizing: content-box; }
#i1_swiper3 { max-height: calc(16.8vw + 4px); }
#i1_swiper3 li:after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; box-sizing: border-box; border: 3px solid transparent; transition: 0.3s ease 0s; top: 0; left: 0; }
#i1_swiper3 .swiper-slide-thumb-active:after { border-color: #ff6b1a; }
#i1_swiper3 li { border-top: 1px solid #ddd; }
/*i2*/
.i2 { background: #f5f5f5; padding: 6.25vw 0; }
.i2 .T { padding: 0 7vw; }
.i2 .i-btn { right: 0; }
.pro-nav { margin-top: 1.6vw; }
.pro-nav a { padding-bottom: 10px; }
.pro-nav a:before { height: 2px; background: #ea5b24; }
.pro-nav a.on:before { width: 100%; left: 0; }
.pro-nav a.on { color: #ea5b24; }
.pro-list li figure { height: 21vw; }
.pro-list li figure:before { content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s ease 0s; background: #00baba; opacity: 0; transform: scale(1, 0); transform-origin: bottom; }
.pro-list li figure:after { content: ''; position: absolute; z-index: 1; width: 3.6vw; height: 3.6vw; left: 50%; top: -50%; border-radius: 50%; transform: translate(-50%, -50%) scale(0); box-shadow: 0 6px 1vw 0 rgba(0,0,0,0.2); background: url(../images/img6.png) no-repeat center #ff8220; background-size: 1vw auto; opacity: 0; transition: 0.5s ease 0s; }
.pro-list li .pro-text { margin-top: 1.2vw; }
.pro-list li h3 { font-weight: normal; }
.pro-list li p { margin-top: 0.5vw; }
/*i3*/
.i3 { background: url(../images/bg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
#NewsList_a1 { position: relative; z-index: 0; }
#NewsList_a1 b { font-weight: normal; }
#NewsList_a1 li a { display: block; height: 100%; padding: 5% 17%; font-size: 0; }
#NewsList_a1 .newnr, #NewsList_a1 li a>div.dis-m { position: relative; z-index: 0; }
#NewsList_a1 .newnr b { display: block; font-size: 1.25vw; line-height: 1.5; overflow: hidden; max-height: 3.75vw; }
#NewsList_a1 .data { overflow: hidden; height: calc(1.2vw + 17px); transition: 0.3s ease 0s; font-size: 14px; margin-bottom: 1.2vw; }
#NewsList_a1 .newnr p { z-index: 0; line-height: 1.7; font-size: 14px; opacity: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: 72px; margin-top: 0; transition: 0.3s ease 0s; position: absolute; left: 0; transform: scale(1, 0); transform-origin: top; }
#NewsList_a1 .data b:before { content: '-'; }
#NewsList_a1 .data:after { content: ''; display: block; height: 1px; background: #fff; width: 1vw; margin-top: 1.2vw; }
#NewsList_a1 li a>div.dis-m:after { transition: 0.3s ease 0s; margin-top: 3.6vw; content: ''; background: url(../images/i5-4.png) no-repeat center; background-size: 16% auto; display: block; width: 2.5vw; height: 2.5vw; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.2); }
#NewsList_a1 li a:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.i4-bg { position: absolute; left: -50%; top: 0; width: 50%; height: 50%; background: #00baba; z-index: 0; }
/*i4*/
.i4 { padding: 8vw 0 7vw; background: url(../images/bg2.png) no-repeat left bottom; background-size: 24.3% auto; }
.i4 .L p { line-height: 1.5; font-size: 1.9vw; margin-bottom: 1.5vw; }
.i4 .L p:after { content: ''; display: block; height: 2px; background: #ea5b24; width: 3vw; margin-top: 1.5vw; }
.i4 .L h3 { font-weight: normal; font-size: 1.6vw; }
.i4 .L .i-btn { margin-top: 3.6vw; }
.i4 .R p { line-height: 2; }
.i4 .R li { width: 46.5%; }
.i4 .R li:nth-child(odd) .i4-text { background: #f85a6c; background: -webkit-linear-gradient(158deg, #f85568, #fad7c4); box-shadow: 0 6px 1.5vw 0 rgba(255,136,141,0.6); }
.i4 .R li:nth-child(odd) i { box-shadow: 0 6px 2vw 0 rgba(249,126,133,0.35); }
.i4 .R li:nth-child(even) .i4-text { background: #02b1b0; background: -webkit-linear-gradient(180deg, #00afaf, #3ae5d7); box-shadow: 0 6px 1.5vw 0 rgba(19,208,207,0.6); }
.i4 .R li:nth-child(even) i { box-shadow: 0 6px 2vw 0 rgba(49,237,244,0.35); }
.i4 .R li:nth-child(even) { margin-left: 7%; }
.i4 .R .i4-text { border-radius: 6px; width: 90%; margin-left: auto; min-height: 10vw; padding: 1.8vw 2.5vw; height: 100%; }
.i4 .R .i4-text strong { font-size: 1.6vw; }
.i4 .R i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; background: #fff; border-radius: 0.5vw; width: 14%; height: 73%; }
.i4 .R i img { max-width: 65%; }
.i4 .R .i4-text span { line-height: 1.7; margin-top: 1vw; }
.i4 .R ul { margin-top: 2vw; }
/*i5*/
.i5 .L { width: 93%; background: url(../images/bg3.jpg) no-repeat center; background-size: cover; padding: 4vw 7vw; background-attachment: fixed; }
.i5 .L:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #c7471b; background: -webkit-linear-gradient(0deg, #fe894b, #f7541b); opacity: 0.9; z-index: -1; }
.i5 .R { width: 7%; }
.i5 .LT p { font-size: 1.9vw; }
.i5 .LT span { margin-top: 1vw; line-height: 1.7; }
.i5 .LB li { width: 7.5%; }
.i5 .LB { margin-top: 2.5vw; }
.i5 .LB li em { margin-top: 1vw; }
.i5 .LB li:not(:first-child) { margin-left: 11%; }
.i5 .R span { writing-mode: vertical-lr; writing-mode: tb-lr; color: #00baba; }
.i5:after { content: ''; background: #f5f5f5; position: absolute; height: 50%; width: 100%; left: 0; z-index: -1; bottom: 0; }
.i5 .LB li i { max-width: 100px; margin: 0 auto; }
.i1 .M .swiper-button-lock { display: block; }
#i1_swiper1 .i1-swiper-text i, .newimg, .page, #load_more_button, #NewsList_a1 .data i { display: none; }
@media screen and (min-width: 801px ) {
.i1 .L { width: 42.5%; }
.i1 .R { width: 57.5%; }
.i1 .L, .i1 .R { height: 46.9vw; }
.i1 .LT { height: calc(100% - 4.2vw); }
.i1 .LB { height: 4.2vw; line-height: 4.2vw; background: #f5f5f5; }
#i1_swiper1 .i1-swiper-text { margin-top: 10%; }
.pro-nav li:not(:first-child) { margin-left: 2.6vw; }
.pro-list li:not(:nth-child(3n+1)) {
margin-left:2%;
}
.pro-list li { width: 32%; margin-top: 3%; }
.i3 { height: 40.6vw; }
.i3 .L { padding-left: 7vw; }
.i3 .i-btn { margin-top: 3.6vw; }
.i3 .R { background: rgba(0,0,0,0.15); }
#NewsList_a1 li { width: 50%; height: 50%; display: inline-block; vertical-align: top; border-left: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); }
#NewsList_a1 .newnr b { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.i4 .L { width: 33.5%; }
.i4 .R { width: 66.5%; }
}
@media screen and (min-width: 1101px ) {
#i1_swiper3 li:hover figure, .pro-list li a:hover figure i { transform: scale(1.1); }
.pro-list li a:hover figure:before { transform: scale(1); opacity: 0.8; }
.pro-list li a:hover figure:after { opacity: 1; transform: translate(-50%, -50%) scale(1); top: 50%; }
.pro-list li a:hover h3 { color: #ff8220; }
.pro-nav a:hover { color: #ea5b24; }
.i1 .i1-btn:hover{ background:#ea5b24;}
#NewsList_a1 li a:hover .newnr p { margin-top: 1.2vw; opacity: 0.8; position: static; transform: scale(1); transition-delay: 0.2s }
#NewsList_a1 li a:hover>div.dis-m:after { margin-top: 2.1vw; }
#NewsList_a1 li a:hover .data { height: 0; margin-bottom: 0; }
}
@media screen and (max-width: 1500px ) {
#i1_swiper1 .i1-swiper-text p { max-height: 72px; }
#NewsList_a1 .newnr p { -webkit-line-clamp: 2; max-height: 41px; font-size: 12px; }
}
@media screen and (max-width: 1100px ) {
#NewsList_a1 .data { font-size: 12px; height: auto; }
.i1 .LT { padding: 0 2vw; }
.i1 .LB, .i2 .T { padding: 0 4vw; }
#i1_swiper1 { padding-right: 2vw; }
#i1_swiper3 figure:after { border-width: 2px; }
#i1-pagination .swiper-pagination-current, .i4 .L h3, .i4 .L p, .i4 .R .i4-text strong, .i5 .LT p { font-size: 2vw; }
#NewsList_a1 li a { padding: 5% 10%; }
#NewsList_a1 .newnr b { font-size: 1.6vw; max-height: 4.8vw; }
#NewsList_a1 li a>div.dis-m:after { margin-top: 2vw; width: 3vw; height: 3vw; }
.i4 .R li { width: 48%; }
.i4 .R li:nth-child(even) { margin-left: 4%; }
.i5 .LB li { width: 9%; }
.i5 .LB li:not(:first-child) { margin-left: 9.2%; }
.i5 .L { padding: 4vw; }
}
@media screen and (max-width: 800px ) {
[class*="BannerShow"] .swiper-pagination { bottom: 5vw; }
[class*="BannerShow"] .swiper-pagination-bullet { width: 6px; height: 6px; }
[class*="BannerShow"] .swiper-pagination-bullet-active { width: 16px; }
#i1_swiper1 .i1-swiper-text i { display: inline-block; height: 12.5vw; margin-right: 5vw; }
#i1_swiper1 .i1-swiper-text h3, .i4 .L h3, .i5 .LT p { max-height: none; font-size: 6vw; }
#i1_swiper1 .i1-swiper-text p { max-height: none; -webkit-line-clamp: 4; line-height: 1.5; margin-top: 6vw; }
.i1 .LB { position: absolute; bottom: 10vw; right: 4vw; z-index: 0; }
#i1_swiper1 { padding: 10vw 4vw; }
.i1 .LB, .i1 .LT { padding: 0; }
.i1 .M { z-index: -1; opacity: 0; }
.i1 .R { height: 82vw; }
.i1 .i1-btn { padding: 0; z-index: 2; width: 7.6vw; height: 7.6vw; line-height: 7.6vw; }
.pro-nav a { padding-bottom: 1.5vw; display: inline-block; vertical-align: top; width: auto; }
.pro-nav li { margin-top: 4vw; width: 23.5%; }
.pro-nav li:not(:nth-child(4n+1)) {
margin-left:2%;
}
.pro-nav { margin-top: 2.5vw; }
#i1-pagination .swiper-pagination-current { font-size: 5vw; }
.i2 { padding: 16vw 0; }
.pro-list li { width: 48%; margin-top: 8.5%; }
.pro-list li figure { height: 31vw; }
.pro-list li:nth-child(even) { margin-left: 3%; }
.pro-list li .pro-text { margin-top: 2vw; }
.i2 .i-btn { margin-top: 10vw; }
.i3>* { width: 100%; display: block; }
.i3 { padding: 12.5vw 4vw; }
.i3 .i-btn { position: absolute; z-index: 0; right: 0; bottom: 0; }
.i3:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: -1; }
#NewsList_a1 li a { padding: 0; }
#NewsList_a1 .newnr b { font-size: 4.4vw; max-height: none; white-space: nowrap; text-overflow: ellipsis; }
#NewsList_a1 li { padding-bottom: 5.5vw; border-bottom: 1px solid rgba(255,255,255,0.2); }
#NewsList_a1 li:not(:first-child) { margin-top: 5.5vw; }
#NewsList_a1 .data { font-size: 3.8vw; margin-bottom: 2.5vw; }
.i3 .R { margin-top: 15vw; }
.i4 { padding: 16vw 0; background: none; }
.i4 .R p { line-height: 1.5; margin-top: 7vw; }
.i4 .R ul { margin-top: 7vw; display: block; }
.i4 .R li { width: 100%; margin-left: 0 !important; }
.i4 .R .i4-text { width: 100%; min-height: 0; padding: 5vw; }
.i4 .R .i4-text span { line-height: 1.5; margin-top: 2.5vw; }
.i4 .R li:nth-child(even) .i4-text { box-shadow: 0 6px 2.5vw 0 rgba(19,208,207,0.6); }
.i4 .R li:nth-child(odd) .i4-text { box-shadow: 0 6px 2.5vw 0 rgba(255,136,141,0.6); }
.i4 .R li:not(:first-child) { margin-top: 5.5vw; }
.i4 .R .i4-text strong { font-size: 5vw; }
.i5 .L { padding: 16vw 4vw; width: 100%; }
.i5 .LT span { margin-top: 7vw; line-height: 1.5; text-align: left; text-indent: 7.6vw; }
#i1_swiper1 i, .i4-bg, #NewsList_a1 li a>div.dis-m:after, #NewsList_a1 .data:after, .i4 .R p br:not(:first-child), .i5 .R, .i5:after, .i5 .LT span br { display: none; }
}