/*piblic*/
#service_list_a1 { display: none !important; }
[class*="BannerShow"], [class*="BannerShow"]>div, [class*="BannerShow"] a {
height: 100%;
}
#main-pagination span { display: block; margin: 5px auto; width: 12px; height: 12px; background: #999; border: 2px solid #fff; opacity: 1; outline: none; }
#main-pagination .swiper-pagination-bullet-active { background: #0f76ce; }
[class*="BannerShow"] a { display: block; width: 100%; }
[class*="BannerShow"] img { width: 100%; min-height: 100%; transition: 7.5s linear 0s; }
[class*="BannerShow"] [class*="active"] img { transform: scale(1.05); }
[class*="BannerShow"] .swiper-pagination-bullet { width: 16px; height: 16px; opacity: 1; background: #0f76ce; border: 2px solid #fff; transform: scale(0.625); transition: 0.5s ease 0s; }
[class*="BannerShow"] .swiper-pagination { text-align: right; font-size: 0; padding: 1px 0; }
[class*="BannerShow"] .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }
[class*="BannerShow"] .swiper-pagination-bullet-active { transform: scale(1); }
#main-page { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 0; }
.bg1 { background: url(/public/static/images/bg1.png) no-repeat center; background-size: cover; }
.bg2 { background: url(/public/static/images/bg2.png) no-repeat bottom center; background-size: 100% auto; }
.swiper-slide { overflow: hidden; }
.pro-list i, .video-click figure { transition: 0.5s linear 0s; height: 100%; }
.pro-list figure:before { content: ''; position: absolute; width: 100%; height: 100%; border: 6px solid transparent; box-sizing: border-box; left: 0; top: 0; z-index: 1; transition: 0.5s ease 0s; }
.pro-list p { margin-top: 1vw; line-height: 1.5; max-height: 48px; }
.pro-list li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.pro-list figure:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.8s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s; z-index: 1; background: url(/public/static/images/i0-3.png) no-repeat center #0f76ce; background-size: 5vw auto; opacity: 0; transform: scale(0.5); }
#pro-pages { margin-right: 2vw; }
#pro-pages span { outline: none; border-radius: 10px; width: auto; height: auto; background: none; opacity: 1; padding: 7px 10px; }
#pro-pages .swiper-pagination-bullet-active { background: #0f76ce; color: #fff; }
#pro-pages span:before { background: #0f76ce; left: 50%; width: 0; }
#pro-content ul>li[class*="active"] { z-index: 1; }
.arrow-right { position: absolute; bottom: 4vw; width: 5.3%; text-align: center; z-index: 9999; left: 47.35%; display: none; }
.arrow-right img { width: 100%; opacity: .2; }
.next { -webkit-animation: fengJump 2.5s infinite; -moz-animation: fengJump 2.5s infinite; -ms-animation: fengJump 2.5s infinite; -o-animation: fengJump 2.5s infinite; animation: fengJump 2.5s infinite; }
@keyframes fengJump { 0% {
 transform: translateY(0);
 opacity: .2;
}
20% {
 transform: translateY(0);
 opacity: .3;
}
40% {
 transform: translateY(-15px);
 opacity: 1;
}
50% {
 transform: translateY(0);
 opacity: .5;
}
60% {
 transform: translateY(-10px);
 opacity: 1;
}
80% {
 transform: translateY(0);
 opacity: .3;
}
100% {
 transform: translateY(0);
 opacity: .2;
}
}
/*i2*/
.i2 .L i { width: 1.5vw; margin-right: 0.5vw; padding-top: 1vw; }
.i2 .R h3:before, .i2 .R h3:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; z-index: -1; }
.i2 .R h3:before { width: 100%; background: #daedf6; }
.i2 .R h3:after { width: 45%; background: #074aad; }
.i2 .R p { -webkit-line-clamp: 3; line-height: 1.5; max-height: 72px; }
.i2 .L p { padding-left: 0.8vw; }
.video-click { height: 22.6vw; margin-top: 0.8vw; }
.video-click figure:before, .video-click:after, .video-click:before { transition: 0.5s ease 0s; content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.video-click figure:before { background: #000; opacity: 0.4; }
.video-click:before { background: #e8f5fb; z-index: -1; }
.video-click:after { background: url(/public/static/images/i0-5.png) no-repeat center; background-size: 3.5vw auto; }
/*i3*/
.i3 .i-more { margin-left: 5vw; }
#news-pages2 { background: #e5e5e5; height: 4px; width: 11vw; position: relative; z-index: 0; border-radius: 999px; overflow: hidden; }
#news-pages1 { position: absolute; width: 100%; bottom: 0.5vw; left: 0; z-index: 0; }
.new-btn { width: 30px; height: 30px; border-radius: 50%; line-height: 30px; background: #e5e5e5; margin-right: 5px; }
.new-btn:before { content: ''; box-sizing: border-box; border: 1px solid #fff; border-radius: 50%; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.5s ease 0s; }
.NewsList_a1 li:before { content: ''; position: absolute; width: 100%; height: 100%; background: #fff; top: 0; z-index: 2; left: 0; top: 0; transition: 1s ease 0s; opacity: 0.7; }
.NewsList_a1 li.swiper-slide-active:before { opacity: 0; z-index: -1; }
.NewsList_a1 .newnr, .NewsList_a1 .data { opacity: 0; transition: 0.5s ease 0s; }
.NewsList_a1 li.swiper-slide-active .newnr, .NewsList_a1 li.swiper-slide-active .data { opacity: 1; }
#news-pages2.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0f76ce; }
/*i4*/
.i4 { height: 100%; }
.i4 .T { background: #d7fcff; height: 19.8vw; }
.i4 .T figure { height: 100%; }
.i4 .BT>div { height: 100%; }
.i4 .BTL { width: 30%; height: 16.6vw; }
.i4 .BTL .map_a1 { width: 100%; height: 100%; }
.i4 .BB:before, .i4 .BB:after { content: ''; position: absolute; top: 0; height: 2px; z-index: -1; left: 0; }
.i4 .BB:before { background: #e5e5e5; }
.msg-box .L { width: 105px; }
.msg-box .L p { margin-top: 5px; }
.msg-box .R { width: calc(100% - 105px); padding-left: 2.5vw; }
.msg-box .L i { width: 23px; margin-right: 5px; }
.i4 .t-text { position: absolute; left: 5vw; bottom: 4vw; z-index: 0; }
.i4 .t-text span { margin-top: 5px; }
.i4 .BB .T { display: none; }
@media screen and (min-width: 801px ) {
.NewsList_a1 .newimg { height: 18vw; }
.NewsList_a1 .newnr { padding-right: 3.5vw; }
.NewsList_a1 li { width: 26.6vw; }
.i2 .L { width: 20.5%; }
.NewsList_a1 li.swiper-slide-prev:before, .NewsList_a1 li.swiper-slide-next:before { opacity: 0; z-index: -1; }
.NewsList_a1 li.swiper-slide-prev .newnr, .NewsList_a1 li.swiper-slide-next .newnr, .NewsList_a1 li.swiper-slide-prev .data, .NewsList_a1 li.swiper-slide-next .data { opacity: 1; }
.i2 .R { width: 79.5%; padding-left: 14%; }
.i2 .R h3 { padding-bottom: 1vw; }
.i2 .R p { margin-top: 2vw; }
.i2 .R ul, .i2 .i-more { margin-top: 3.5vw; }
.index-pdr { padding-right: 8vw; }
.index-pdl { padding-left: 5vw; }
.index-pdt { padding-top: 10vw; }
[class*="BannerShow"] .swiper-pagination { bottom: 3vw; width: 90%; left: 5%; padding-right: 10vw; }
[class*="BannerShow"] .swiper-pagination-bullet:not(:first-child) { margin-left: 1vw; }
#pro-pages span:not(:last-child) { margin-right: 1vw; }
.i-pro, #pro-content, .msg-box { margin-top: 1.5vw; }
.pro-list figure { height: 22.4vw; }
.i2 .R li:not(:first-child) { margin-left: 7vw; }
.i4 .B { height: calc(100% - 19.8vw); }
.i4 .T figure { background: url(/public/static/images/img0-1.jpg) no-repeat center; background-size: cover; }
.i4 .BTR { width: 70%; padding-left: 9%; padding-right: 5vw; }
.i4 .BB:after { background: #074aad; width: 22%; }
.i4 .BB:before { width: 78%; }
.i4 .BT { height: calc(100% - 5vw); }
.msg-box li:not(:first-child) { margin-top: 0.5vw; }
.i3 .B { margin-top: 2.5vw; }
.pro-list li { width: 17.2vw; }
.i-pro { width: 75vw; }
.pro-list li:not(:last-child) { margin-right: 2vw; }
}
 @media screen and (min-width: 1101px ) {
.pro-list a:hover i, .video-click:hover figure { transform: scale(1.1); }
.pro-list a:hover figure { box-shadow: 0 0.5vw 1vw 0 rgba(15,118,206,0.3); }
.pro-list a:hover figure:before { border-color: #0f76ce; }
.pro-list a:hover figure:after { transform: scale(1); transition-delay: 0.1s; opacity: 0.8; }
#pro-pages span:not([class*="active"]):hover:before { left: 0; width: 100%; }
.i-more a:hover { padding-right: 1.5vw; }
.video-click:hover figure:before { opacity: 0; }
.video-click:hover:before { top: 3%; left: 4%; }
.new-btn:hover { background: #0f76ce; color: #fff; }
.new-btn:hover:before { border-color: #fff; }
}
@media screen and (max-width: 1500px ) {
.pro-list p { max-height: 42px; }
.i2 .R p { max-height: 63px; }
}
@media screen and (max-width: 1100px ) {
.pro-list p { max-height: 36px; }
.i2 .R p { max-height: 54px; }
.msg-box .L i { width: 18px; }
.msg-box .L { width: 85px; }
.msg-box .R { width: calc(100% - 85px); }
.new-btn { width: 26px; height: 26px; line-height: 26px; }
}
@media screen and (max-width: 800px ) {
[class*="BannerShow"] .swiper-pagination { bottom: 5vw; width: 92%; left: 4%; }
[class*="BannerShow"] .swiper-pagination-bullet { width: 3.5vw; height: 3.5vw; }
[class*="BannerShow"] .swiper-pagination-bullet:not(:first-child) { margin-left: 2.5vw; }
#main-page { transition: 0.5s ease 0s; }
body.on #main-page { }
.index-pdt, .i4 { padding-top: 16.6vw; }
.i1, .i2, .i3 { height: 100%; font-size: 0; }
.i1:before, .i2:before, .i3:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
#pro-pages span { width: 49%; text-align: center; background: #fff; margin-bottom: 1.3vw; }
#pro-pages span:nth-child(even) { margin-left: 2%; }
.i-pro { margin-top: 4.5vw; }
#pro-content { margin-top: 8vw; }
.pro-list li { width: 43vw; }
.pro-list li:not(:last-child) { margin-right: 4vw; }
.pro-list figure { height: 57vw; }
.pro-list p { margin-top: 2vw; max-height: none; text-align: left; }
.i2 .R p { max-height: none; }
.i2 .R h3 { line-height: 1.4; padding-bottom: 4vw; }
.i2 .R ul { margin-top: 13vw; }
.i2 .R li { width: 27%; text-align: center; }
.i2 .i-more { margin-top: 16vw; }
.i2 .R li:not(:first-child) { margin-left: 9.5%; }
.i4 .T { height: 40vw; }
.i4 .T figure { background: url(/public/static/images/img0-11.jpg) no-repeat center; background-size: cover; }
.i4 .B { height: calc(100% - 40vw); }
.msg-box .R, .i4 .BB:before { width: 100%; padding-left: 0; }
.i4 .BB:before { height: 3px; }
.i4 .BT { height: calc(100% - 22.5vw); }
.msg-box, .i3 .B { margin-top: 4vw; }
.bg2 { background: url(/public/static/images/bg2-1.png) no-repeat bottom center; background-size: 100% auto; }
.msg-box li:not(:first-child) { margin-top: 1vw; }
.i3 .T>* { float: none; text-align: center; }
.NewsList_a1 li { width: 85.3vw; }
.NewsList_a1 .newimg { height: 57vw; }
.arrow-right { display: block; }
.pro-page .i-more, .i2 .L, .i4 .BTL, .msg-box .L, .i3 .TL .i-more { display: none; }
}