/*piblic*/
.banner-box { z-index: 1; }
.banner .swiper-slide { overflow: hidden; }
.banner-text { left: 50%; top: 55%;background: rgba(0, 0, 0,0.5);width:40%;padding:35px;text-align:center; }
#service_list_a1 { display: none !important; }
.banner-text p { line-height: 1.2; font-style: italic; }
.banner [class*="active"] figure { transform: scale(1.05); transition: 7.5s linear 0s; }
.banner-text span { line-height: 1.8; margin-top: 1vw; }
.banner-text strong { margin-top: 1.5vw; }
#banner-page { width: 84%; left: 8%; z-index: 1; bottom: 4vw; }
#banner-page span { width: 2.5vw; height: 5px; background: #fff; opacity: 0.2; transition: 0.5s ease 0s; margin: 0; border-radius: 0; }
#banner-page span[class*='active'] { opacity: 1; }
.next-banner { bottom: 0; right: 0; z-index: 2; cursor: pointer; outline: none; }
.next-banner figure { height: 100%; }
.next-banner .icon { width: 2vw; height: 100%; overflow: hidden; }
.next-banner .icon:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-75%, -50%) rotate(45deg); z-index: 0; border: 2px solid #fff; width: 1vw; height: 1vw; box-sizing: border-box; border-left: 0; border-bottom: 0; }
.banner-text p, .banner-text strong, .banner-text span { transform: translateX(-200px); opacity: 0; }
.swiper-slide-active .banner-text p, .swiper-slide-active .banner-text strong, .swiper-slide-active .banner-text span { transform: translateX(0); opacity: 1; }
/*i1*/
#tu{display:none;}
.i1 li { height: auto; }
.i1 li span { -webkit-line-clamp: 4; margin-top: 1.5vw; line-height: 1.8; max-height: 150px; text-align:center;}
.i1 li span img{ max-width:100px;margin:0 auto;}
.i1 li span img:first-child{display:block;}
.i1 li span img:nth-child(2){display:none;}
.i1 li:hover img:first-child{display:none;}
.i1 li:hover img:nth-child(2){display:block;}
.i1 li .bg { background: url(../images/i7.png) repeat top left #ea5505; background-size: 65px 12px; left: 0; width: 100%; height: 0; z-index: -1; bottom: 0; overflow: hidden; transition: 0.5s linear 0s; }
.i1 li .bg:before { content: ''; width: 3.3vw;display:none; height: 3.3vw; background: url(../images/i3.png) no-repeat center #fff; background-size: 44% auto; position: absolute; right: 0; bottom: 0; z-index: 0; }
.i1-swiper-btn a { width: 16px; height: 16px; border: 2px solid #999; transform: rotate(45deg); }
.i1-swiper-btn .i1-prev { border-right: 0; border-top: 0; margin-right: 4vw; }
.i1-swiper-btn .i1-next { border-left: 0; border-bottom: 0; margin-left: 4vw; }
#i1-page { width: auto; }
#i1-page span:before { content: '0'; }
#i1-page i { display: inline-block; height: 2px; width: 2vw; background: #ffd3bc; vertical-align: middle; margin: 0 1vw; }
.p-a img { width: 1vw; margin-top: 10px; }
/*i2*/
.i2 .L { background: url(../images/p.jpg) no-repeat center; background-size: cover; z-index: 1; position: absolute; right: 0; top: 0; height: 100%; }
.i2 .L img { max-height: 80%; max-width: 100%; }
.i2 .R { height: 100%; background:#f5f5f5;  }
.i2 .RT{ padding: 0 8vw 2.5vw; background:#fff; }
.p-title strong { margin-top: 0.5vw; }
.p-title span { line-height: 1.8; max-height: 58px; margin-top: 2.5vw; }
.i2 ol { max-height: 100%; overflow: auto; }
.i2 .swiper-slide { height: auto; }
.i2 ol a { padding: 0 20px; }
.i2 ol a:before { content: ''; border: 2px solid #ea5505; width: 8px; height: 8px; transform: translate(-50%, -50%) rotate(45deg); position: absolute; z-index: -1; transition: 0.5s ease 0s; left: 0; top: 50%; border-left: 0; border-bottom: 0; }
.i2 ol li { margin: 0.8vw 0; }
#i2-page { width: auto;display:none; }
.i2-btnbox { padding: 0 8vw; background: #f5f5f5; }
.i2-btnbox>div { padding: 3.5vw 0 1.5vw; border-bottom: 1px solid #ddd; }
.i2-page span:before { }
.i2-page span:first-child { font-size: 1.55vw; color: #ea5505; }
.i2 { margin-top: 4vw; }
.p-title { border: none; padding-bottom: 0; }
/*i3*/
.i3 { padding-top: 2vw; }
.i3 .TR li { width: 30%; padding: 2vw 2vw 3vw; background: #dbedf3; text-align: center; flex-shrink: 0; position: relative; z-index: 0; transition: 0.5s ease 0s; }
.i3 .TR li:before { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: #00769c; transform: scale(0.5); opacity: 0; transition: 0.8s cubic-bezier(.175, .885, .32, 1.275) 0s; }
.i3 .TR li:not(:first-child) { margin-left: 5%; }
.i3 .TR li p { line-height: 1.8; margin-top: 1.5vw; }
.i3 .TR li span { letter-spacing: 0.3vw; opacity: 0.2; position: absolute; bottom: 1vw; width: 100%; left: 0; z-index: -1; }
.i3 .p-title span { -webkit-line-clamp: 3; max-height: 87px; }
.i3-btnbox { padding: 2vw; bottom: 0; right: 0; z-index: 1; transform: translateY(50%); }
.i3-page i { width: 1.5vw; height: 1px; background: #fff; display: inline-block; vertical-align: middle; margin: 0 10px; }
.i3-page span:before { content: '0'; }
.i3-page span { font-style: italic; }
.i3-page { width: auto; }
.i3-btn a { transition:0.5s ease 0s; width: 16px; height: 16px; border: 2px solid #fff; transform: translate(0) rotate(45deg); }
.i3-btn .i3-next { border-left: 0; border-bottom: 0; margin-left: 1vw; }
.i3-btn .i3-prev { border-right: 0; border-top: 0; }

.i3 .B { margin-top: 3vw; }
.i3 .TR li i img:last-child { transform: translate(-50%, -50%) scale(2); opacity: 0; }
/*i4*/
.i4-page { position: absolute; right: 0; bottom: 0; z-index: 0; }
.i4-page span { width: 14px; height: 14px; background: #ddd; opacity: 1; outline: none; transition:0.5s ease 0s; }
.i4-swiper li { height: auto; }
.i4-page span[class*="active"] { background: #ea5505; }
.i4-swiper li a { display: block; padding: 2.5vw 1.5vw 1.5vw; background: url(../images/img6_1.png) no-repeat left bottom #f5f5f5; background-size: 6.25vw auto; height: 100%; }
.i4-swiper .li-L { width: 4.2vw; }
.i4-swiper .li-R { width: calc(100% - 4.2vw); padding-left: 2vw; }
.i4-swiper .li-R h3 { line-height: 1.6; max-height: 96px; }
.i4-swiper .li-R p { margin-top: 1.5vw; line-height: 2; max-height: 56px; }
.i4-swiper i { margin-top: 1.5vw; background: url(../images/i3_1.png) no-repeat left center; background-size: auto 100%; height: 14px; width: 30px; }
.i4-swiper time span { margin-top: 5px; }
/*i5*/
.i5-swiper .R .p-title1 { border-bottom: 1px solid #e5e5e5; padding-bottom: 2vw; padding-right: 8vw; }
.i5-swiper li { height: auto; }
.i5 .RB { padding-right: 8vw; margin-top: 4vw; }
.i5 .RB p { -webkit-line-clamp: 4; line-height: 2; max-height: 128px; margin-top: 1.5vw; }
.a-i img { width: 20px; margin-left: 9px; transition:0.5s ease 0s; }
.i5-btn a:before { content: ''; width: 15%; height: 15%; border: 2px solid #999; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); transition:0.5s ease 0s;}
.i5-btn { z-index: 1; }
.i5-btn .i5-prev:before { border-top: 0; border-right: 0; }
.i5-btn .i5-next:before { border-color: #fff; border-bottom: 0; border-left: 0; }

/*i6*/
.i6-swiper li { width: 15vw; border: 1px solid #f5f5f5; height: 16vw; margin-right: 2vw; }
.i6-swiper img { max-height:98%; max-width:90%; }
.i6-btn { width: 0.8vw; height: 0.8vw; border: 2px solid #999; transform: translate(0) rotate(45deg); z-index: 1; transition:0.5s ease 0s; }
.i6-prev { left: -2vw; border-right: 0; border-top: 0; }
.i6-next { right: -2vw; border-left: 0; border-bottom: 0; }

 @media screen and (min-width: 801px) {
     #i3-swiper .swiper-slide{height:36.5vw;}

     .i1 li:last-child { border-right: 1px solid #eee; }

.footer { margin-top: 6vw; }
.i6-swiper li { transition: 0.5s ease 0s; }
#i6-swiper { padding: 1.5vw 0; margin-top: -1.5vw; }
.i6-swiper img { transition: 0.5s ease 0s; }
.i6-swiper li:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }
.i6-swiper li:hover { box-shadow: 0 0.5vw 1vw 0 rgba(0,0,0,0.05); }
.i6-swiper-box { margin-top: 1vw; }
.i6 .B { margin-top: 4vw; }
.i6 .TL span { margin-top: 1.5vw; line-height: 2; }
.i6 .TL p { margin-top: 2.5vw; }
.logo1 { width: 30%; }
.i6 { margin-bottom: 3.5vw; }
.i6 .TL { width: 56%; }
.i6 .TR { width: 44%; padding-left: 3vw; }
.i5 .RB a { margin-top: 3.5vw; }
.i5-swiper li { background: #f5f5f5; }
.i5-btn a { width: 4vw; height: 4vw; }
.i5-btn { bottom: 0; left: 65%; transform: translateX(-50%); }
.p-title1 strong { margin-top: 10px; }
.i5 { margin-top: 8vw; }
.i5-swiper .L { width: 65%; height: 40.5vw; transform: translateX(-50%); opacity: 0; transition: 0.8s ease 0s; }
.i5-swiper .R { width: 35%; padding-left: 4vw; transform: translateX(50%); opacity: 0; transition: 0.8s cubic-bezier(.175, .885, .32, 1.275) 0s; }
.i5-swiper .swiper-slide-active .L, .i5-swiper .swiper-slide-active .R { transform: translateX(0); opacity: 1; transition-delay: 1s; }
.i4-page span { margin-right: 1vw; }
.i4 { margin-top: 0vw; }
.i4-swiper li { width: 26.5vw; }
.i4-swiper li:not(:last-child) { margin-right: 1.9vw; }
.i4 .B { margin-top: 3vw; }
.i3 .TR li i { width: 2vw; height: 2vw; }
.i3-btn { margin-left: 5.5vw; }
.i3 .p-title { width: 43%; }
.i3 .TR { width: 57%; padding-left: 16%; }
.i3:before { content: ''; position: absolute; width: 100%; left: 0; z-index: -1; top: 0;  height: 15.5vw; }
.i2 .p-title span { width: 86%; }
.i2 .p-title { margin-top: 2.5vw; }
.p-a:before { content: attr(title); font-size: 3.75vw; color: #fff; opacity: 0.1; font-weight: bold; position: absolute; left: -0.7vw; bottom: 0; z-index: -1; text-align: left; writing-mode: vertical-lr; writing-mode: tb-lr; line-height: 1; }
.p-a { width: 7.5vw; height: 15vw; z-index: 1; bottom: calc(-5vw - 21px); right: 0; padding: 1.5vw 0.5vw; }
.i2 .ol { padding: 2.5vw 8vw 2.5vw; background: #f5f5f5;  }
.i2 .L img { left: -8vw; top: 50%; transform: translate(10%, -50%) scale(0.5); transform-origin: right; opacity: 0; }
.i2 .swiper-slide-active .L img { transform: translate(0, -50%) scale(1); opacity: 1; transition: 1s cubic-bezier(.175, .885, .32, 1.275) 1s; }
.i2 .RT>span { transform: translateY(-100%); opacity: 0; }
.i2 .swiper-slide-active .RT>span { transform: translateY(0); opacity: 1; transition: 0.5s linear 0.5s; }
.i2 .p-title>* { transform: translateX(-50%); opacity: 0; transition: 0.5s ease 0s; }
.i2 .swiper-slide-active .p-title>* { transform: translateX(0); opacity: 1; transition-duration: 1s; transition-timing-function: cubic-bezier(.175, .885, .32, 1.275); }
.i2 .swiper-slide-active .p-title p { transition-delay: 0.7s; }
.i2 .swiper-slide-active .p-title strong { transition-delay: 0.9s; }
.i2 .swiper-slide-active .p-title span { transition-delay: 1.1s; }
.i2 ol, .p-a { transition: 0.5s ease 0s; transform: translateY(50%); opacity: 0; }
.i2 .swiper-slide-active ol, .i2 .swiper-slide-active .p-a { transform: translateY(0); opacity: 1; transition: 1s cubic-bezier(.175, .885, .32, 1.275) 1.5s; }
.banner { height: 50vw; }
.next-banner { height: 8.5vw; }
.next-banner figure { width: 13vw; }
#banner-page span:not(:first-child) { margin-left: 1vw; }
.i1 li { width: 25%; border-left: 1px solid #eee; }
.i1 li p { margin-top: 1.5vw;text-align: center; }
.i1-swiper-btn a:hover { border-color: #ea5505; }
.i1-swiper-btn { margin-top: 3vw; }
.i1 li a { padding: 2.5vw 3vw 1vw; }
.i3 .TR li:hover { box-shadow: 0 0.6vw 1vw 0 rgba(0,138,182,0.3); }
.i1 li a:hover .bg { height: 100%; transition: 0.5s ease 0s; }
.i1 li a:hover time, .i1 li a:hover p, .i1 li a:hover span, .i4-swiper li a:hover time, .i4-swiper li a:hover h3, .i4-swiper li a:hover p { color: #fff; }
.i1 li a:hover time { transition-delay: 0.1s; }
.i1 li a:hover p { transition-delay: 0.05s; }
.i2 ol a:hover { color: #ea5505; }
.i2 ol a:hover:before { left: 5px; }
.i3 .TR li:hover:before { transform: scale(1); opacity: 1; }
.i3 .TR li:hover p, .i3 .TR li:hover span { color: #fff; }
.i3 .TR li:hover i img:first-child { transform: scale(2); opacity: 0; }
.i3 .TR li:hover i img:last-child { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.i4-swiper li a:hover { background: url(../images/img6_2.png) no-repeat left bottom #ea5505; }
.i4-swiper li a:hover i { transform: rotateY(360deg); background: url(../images/i3_2.png) no-repeat left center; background-size: auto 100%; }
.i3-btn a.i3-next:hover{transform:translateX(3px) rotate(45deg);}
.i3-btn a.i3-prev:hover{transform:translateX(-3px) rotate(45deg);}
.i5-btn .i5-prev:hover:before{ transform: translate(calc(-50% - 3px), -50%) rotate(45deg);}
.i5-btn .i5-next:hover:before{ transform: translate(calc(-50% + 3px), -50%) rotate(45deg);}
.i6-prev:hover{ transform: translateX(-3px) rotate(45deg); border-color:#ea5505;}
.i6-next:hover{ transform: translateX(3px) rotate(45deg); border-color:#ea5505;}
.i5 .RB a:hover img{margin-left:15px;}
}
 @media screen and (min-width: 1101px) {
}
@media screen and (max-width: 1500px) {
.i1 li span { max-height: 130px; }
.i1 li span img{width:80px;}
}
@media screen and (max-width: 1100px) {
#banner-page { width: 94%; left: 3%; }
.i2-btnbox { padding: 0 3vw; }
.i2 .RT{padding:0 3vw 3vw;}
.i2 .ol { padding-left: 3vw; padding-right: 3vw; }
.i5-swiper .R .p-title1, .i5 .RB { padding-right: 3vw; }
.i1 li span { max-height: 87px; }
.i3-btn a, .i4-page span { width: 10px; height: 10px; }
}
@media screen and (max-width: 800px) {
.banner { height: 62vw; }
.banner-text { width: 94%; left: 3%; top: 13vw; transform: none;    padding: 4vw 2vw;}
#banner-page { width: 94%; left: 3%; bottom: 5.5vw; }
#banner-page span { width: 6.6vw; height: 3px; }
#banner-page span:not(:first-child) { margin-left: 2.5vw; }
.next-banner { height: 22.5vw; left: 320px;}
.next-banner figure { width: 34.5vw; }
.next-banner .icon { width: 5.5vw; }
.next-banner .icon:before { width: 2vw; height: 2vw; }
.i1 li span, .i1 li p { max-height: none; text-align: center; }
.i1 li span {  line-height: 26px;font-size:14px;}
.i1 { padding: 5.5vw 0; }
.i1 li span img{width:60px;}

/*.i1 li a{padding:14.5vw 0 10.5vw;}*/
.i1-swiper-btn { margin-top:5vw;display:none; }
.i1-swiper-btn a { width: 3vw; height: 3vw; border-color: #ea5505; }
#i1-page i { width: 8vw; margin: 0 2.5vw; }
.i1-swiper-btn .i1-prev { margin-right: 10vw; }
.i1-swiper-btn .i1-next { margin-left: 10vw; }
.i1 li:not(:last-child) { margin-right: 3vw; }
.i2 .L { height: 74.5vw; }
.i2 .L img { left: 50%; transform: translateX(-50%); bottom: 0; }
.i2 .R, .i2 .L { width: 100%; float: none; position: relative; }
.i2 .RT{padding-top:6vw; padding-bottom:4vw;}
.i2 .R {height: auto; }
.i2 .ol { margin-top:3vw; padding-bottom:3vw; }
.i2 ol li { margin: 1.2vw 0; }
.p-a { position: static; display: block; width: 94%; text-align: center; margin: 4vw auto 0; padding: 3vw 0; }
.p-title span { max-height: none; -webkit-line-clamp: 3; line-height: 24px;width: 100%;font-size:14px; }
.i2-page span:first-child { font-size: 4.8vw; }
.i2-btn { }
.i2-btnbox>div { padding: 4.5vw 2vw 2.5vw; }
.i2-btnbox { background: none; }
.i2 ol a:before { width: 1.6vw; height: 1.6vw; }
.i2 ol a { padding: 0 3vw; font-size: 14px;}
.i3 { padding-top: 6vw; }
.i3 .p-title span { max-height: none;    font-size: 14px;
    line-height: 24px; }
.i3 .TR li i { width: 7vw; height: 7vw; }
.i3 .TR li { width: 36vw; padding: 4vw 4vw 13vw; }
.i3 .TR li p { margin-top: 3vw;    line-height: 1.7; font-size:15px;}
.i3 .TR ul { margin-top: 6vw; }
.i3 .TR li span { bottom: 3vw; }
.i3 .B { margin-top: 9vw; }
.i3-btnbox { position: static; padding: 2vw; transform: none;    margin-top: 2vw; }
.i3-btn { width: 50%; margin-left: 0; text-align: right; }
.i3-page i { width: 6.5vw; margin: 0 3vw; }
.i3-btn .i3-next { margin-left: 8vw; }
.i3-page { width: 50%; }
.i4 { margin-top: 6vw; padding-bottom:5vw; }
.i4-page { width: 100%; text-align: center; }
.i4-swiper .li-R h3, .i4-swiper .li-R p { max-height: none; }
.i4-swiper .li-R h3 {     line-height: 24px;  font-size: 14px;}
.i4-swiper .li-R p { line-height: 1.7; margin-top: 5vw; }
.i4-swiper .li-L { width: 14.2vw; }
.i4-swiper .li-R { width: calc(100% - 14.2vw); padding-left: 8vw;font-size:16px; }
.i4 .T { position: static; }
.i4-swiper li a { padding: 2.5vw 5vw; background-size: 0vw auto; }
.i4-swiper i { margin-top: -2.5vw; }
.i4 .B { margin-top: 4vw; }
.i4 .p-title { text-align: center; }
.i5 { margin-top: 6vw; }
.i5-swiper .L { height: 62.5vw; }
.i4-page span { width: 2.5vw; height: 2.5vw; margin: 0 1.5vw; }
.i5-swiper .R .p-title1, .i5 .RB { padding-left: 3vw; }
.p-title1 strong { margin-top: 1vw; }
.i5-swiper .R .p-title1 { padding-top: 5vw; padding-bottom: 5vw; }
.i5-btn a { width: 9.5vw; height:9.5vw; background: #ea5505; }
.i5-btn { top: 67.5vw; right: 3vw; }
.i5 .RB { margin-top:6vw; }
.i5 .RB p {max-height: none; margin-top: 4vw;    font-size: 14px;    line-height: 28px; }
.a-i img { width: 4vw; margin-left: 2.5vw; }
.i5 .RB a { margin-top: 9.5vw; }
.i5-btn a:before { border-color: #fff; }
.i5-btn .i5-next { margin-left: 2vw; }
.i6 { margin-top: 5vw; padding-top: 0vw;/* border-top: 1px solid #ddd;*/ }
.logo1 { width: 51.5%; }
.i6 .TL p {     margin-top: 4vw; font-size:18px;    margin-top: 1vw; }
.i6-swiper li { width: 37vw; height: 37vw; margin-right: 5vw; box-shadow: 0 1.5vw 3vw 0 rgba(0,0,0,0.05); }
.i6 .TL span { margin-top: 4vw; line-height: 1.7; }
.i6-swiper-box { margin-top: 4vw; }
.i6 .B { margin-top: 4vw; }
#i6-swiper { padding-bottom: 11vw; }
.i2 .L strong { padding-top: 12vw; }
.footer { margin-top: 2vw; }
.i3 .TR ul { overflow: auto; }
.i4-swiper li:not(:last-child) { margin-right: 5vw; }
#i3-swiper .swiper-slide {
    height: 66.5vw;
}
.banner-text span, .i1 li time, .i2 .RT>span,  .i6 .TR { margin-top:20px;}
.p-a img{display:none;}
.f-5v{font-size:5vw;}
.f-7v4{font-size:5vw;}
.p-title1 .f-3v8{font-size:5vw;}
.i6 .TR{margin-top:10px;}
.i1 li time, .i2 .RT>span{ margin-top:0;}
#tu{display:block;}
#tu1{display:none;}
#title .f-7v4{color:#ea5505;}
#i5-swiper{width:84%;margin:0 auto;}
}