/* CSS Document */
@charset "utf-8";
.header{position: fixed; top: 0; left: 0; right: 0; z-index: 66; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,.07);}
.section{padding-top: 100px; background: #ffffff; overflow: hidden;}
.section.part9{padding-top: 0;}
@media screen and (max-width: 700px) {
    .section{padding-top: 68px;}
}
.ban-swiper{height: 100%;}
.ban-swiper img{max-width: 100%; height: 100%;}
.ban-swiper .swiper-slide{height: 100%; overflow: hidden;}
.ban-swiper .swiper-slide .pcBox,
.ban-swiper .swiper-slide .sjBox{height: 100%; transform: scale(1); transition: all 5s;}
.ban-swiper .swiper-slide-active .pcBox,
.ban-swiper .swiper-slide-active .sjBox{transform: scale(1.1);}
.ban-swiper .swiper-slide .textBox{display: none; position: absolute; left: 50%; top: 120%;  width: 100%;box-sizing: border-box;  transform: translateX(-50%);    line-height: 1.2;opacity: 0; transition: all 1.2s; z-index: 4;}
.ban-swiper .swiper-slide-active .textBox{top: 20%; opacity: 1;}
.ban-swiper .ban-prev,
.ban-swiper .ban-next{width: 50px; height: 50px; top: unset; left: unset; bottom: 10%; margin-top: 0; border-radius: 50%;}
.ban-swiper .ban-prev{right: 10%; margin-right: 80px; background: url(prev-btn.png) no-repeat center center; background-size: cover;}
.ban-swiper .ban-next{right: 10%; background: url(next-btn.png) no-repeat center center; background-size: cover;}
.ban-swiper .ban-prev:hover, .ban-swiper .ban-next:hover{background-color: #008cd6;}
.banner-page-num{position: absolute; z-index: 6; left: 10%; bottom: 10%;}
.banner-page-num span{display: inline-block; margin-right: 20px; color: rgba(255, 255, 255, 0.5); position: relative; transition: all .3s;}
.banner-page-num span::after{position: absolute; top: 50%; margin-top: -1px; height: 1px; width: 10px; left: 115%; z-index: 2; background: transparent; content: '';transition: all .3s;}
.banner-page-num span.on{color: rgba(255, 255, 255, 1); margin-right: 40px;}
.banner-page-num span.on::after{background: #fff;}
div#fp-nav ul li, div.fp-slidesNav ul li{margin-bottom: 20px;}
div#fp-nav ul li a span, div.fp-slidesNav ul li a span{width: 10px; height: 2px; background: rgba(255,255,255,0.6); border-radius: 0;}
div#fp-nav ul li a.active span, div#fp-nav ul li:hover a.active span, div.fp-slidesNav ul li a.active span, div.fp-slidesNav ul li:hover a.active span{background: #ffffff; width: 10px; height: 2px; border-radius: 0;}
div#fp-nav ul li:hover a span, div.fp-slidesNav ul li:hover a span{background: #ffffff; width: 10px; height: 2px; border-radius: 0;}
div#fp-nav ul li .fp-tooltip.left{left: 30px; top: -9px;}
div#fp-nav.on ul li a span, div.fp-slidesNav ul li a span{background: rgba(51,51,51,0.6);}
div#fp-nav.on ul li a.active span, div#fp-nav.on ul li:hover a.active span, div.fp-slidesNav ul li a.active span, div.fp-slidesNav ul li:hover a.active span{background: #333333; width: 10px; height: 2px; border-radius: 0;}
div#fp-nav.on ul li:hover a span, div.fp-slidesNav ul li:hover a span{background: #333333;}
#fp-nav.on ul li .fp-tooltip{color: #333333;}
.part1 .ban-move{position: absolute; left: 50%; bottom: 11%; transform: translateX(-50%); z-index: 6; font-size: 14px; color: #ffffff; text-align: center;}
.part1 .ban-move .b{cursor: pointer; margin-bottom: 14px; animation: icon 1.5s linear infinite;}
.part1 .ban-move .b:hover{animation-play-state:paused; -webkit-animation-play-state:paused;}
@keyframes icon{0%{opacity: 0.8;transform: translateY(0);} 50%{opacity: 1;transform: translateY(-35px);} 100%{opacity: 0.8;transform: translateY(0);}}
@keyframes circle_around{0%{transform: translate(-50%,-50%) rotate(0)} 100%{transform: translate(-50%,-50%) rotate(360deg)}}
@media screen and (max-width: 700px) {
    .part1 .ban-move{display: none;}
    .ban-swiper .swiper-slide .textBox{display: block;display: flex;justify-content: center;}
    .ban-swiper .ban-prev, .ban-swiper .ban-next{display: none;}
}
.part2 .a1{position: relative; height: 80%;}
.part2 .a1 .s2-swiper{height: 100%;}
.part2 .a1 .s2-swiper>.swiper-wrapper{transition-timing-function: cubic-bezier(0.6, 0.2, 0.2, 0.6); transition-delay: 0.8s;}
.part2 .a1 .s2-swiper .swiper-slide{height: 100%;}
.part2 .a1 .s2-swiper .swiper-slide .pcBox{height: 100%;}
.part2 .a1 .s2-swiper .swiper-slide .pcBox a,
.part2 .a1 .s2-swiper .swiper-slide .sjBox a{display: block; width: 100%; height: 100%;}
.part2 .a1 .s2-swiper .swiper-slide .sjBox{height: 100%;}
.part2 .a1 .textBox{position: absolute; top: 27%; left: 8.4%; z-index: 6;}
.part2 .a1 .textBox .t{margin-bottom: 6.8%; font-size: 36px; font-weight: bold; color: #ffffff;}
.part2 .a1 .textBox .p{margin-bottom: 14.2%; font-size: 16px; color: rgba(255, 255, 255, .8);}
.part2 .a1 .textBox .more a{font-size: 14px; color: rgba(255, 255, 255, .8);}
.part2 .a2{position: relative; height: 20%;}
.part2 .a2 .b1{position: relative; float: left; width: 54%; height: 100%; background: #3e3a39;}
.part2 .a2 .b1 .t ul{position: absolute; left: 15.5%; top: 30%;}
.part2 .a2 .b1 .t li{position: relative; padding-left: 35px; font-size: 24px; color: #ffffff; background: #3e3a39; z-index: 10; padding-right: 10px;}
.part2 .a2 .b1 .t li::before{position: absolute; left: 0; top: 50%; content: '\20'; width: 8px; height: 8px; margin: -4px 0 0 6px; border-radius: 50%; background: #ffffff;}
.part2 .a2 .b1 .t li::after{position: absolute; left: 0; top: 50%; content: '\20'; width: 20px; height: 20px; box-sizing: border-box; transform: translateY(-50%); border-radius: 50%; border: 1px dashed #ffffff;}
.part2 .a2 .b1 .line{position: absolute; left: 35.2%; top: 38%; width: 38.6%; height: 2px; background: #ffffff;}
.part2 .a2 .b1 .s2-prev,
.part2 .a2 .b1 .s2-next{width: 45px; height: 45px; bottom: unset; left: unset; top: 28.4%; margin-top: 0; background: url(pic_18.png) no-repeat center center; transition: all 0.3s;}
.part2 .a2 .b1 .s2-prev{right: 17.7%; transform: rotate(180deg);}
.part2 .a2 .b1 .s2-next{right: 7.5%;}
.part2 .a2 .b1 .s2-prev:hover,
.part2 .a2 .b1 .s2-next:hover{background-image: url(pic_19.png);}
.part2 .a2 .b2{position: relative; float: right; width: 46%; height: 100%; background: #008cd6;}
.part2 .a2 .b2 .s2-page{position: absolute; left: 13.4%; top: 26.3%;}
.part2 .a2 .b2 .swiper-pagination-bullet{position: relative; width: 51px; height: 51px; margin-right: 3.6vw; font-size: 24px; line-height: 50px; color: #ffffff; opacity: 1; background: none; text-align: center;}
.part2 .a2 .b2 .swiper-pagination-bullet:last-child{margin-right: 0;}
.part2 .a2 .b2 .swiper-pagination-bullet::before{position: absolute; left: 50%; top: 50%; content: '\20'; width: 100%; height: 100%; transform: translate(-50%,-50%); border-radius: 50%; border: 1px dashed transparent;}
.part2 .a2 .b2 .s2-page .swiper-pagination-bullet-active::before{border-color: rgba(255, 255, 255, .8); animation: circle_around 5s infinite linear;}
@media screen and (max-width: 700px) {
    .part2 .a1{height: 85%;}
    .part2 .a1 .textBox .t{font-size: 28px;}
    .part2 .a2{height: 15%;}
    .part2 .a2 .b1 .line{display: none;}
    .part2 .a2 .b1 .s2-prev, .part2 .a2 .b1 .s2-next{display: none;}
    .part2 .a2 .b1 .t ul{left: 0;width: 100%;box-sizing: border-box;padding-left: 5%;}
    .part2 .a2 .b1 .t li{padding-left: 30px;font-size: 18px;}
    .part2 .a2 .b2 .s2-page{left: 9.4%;top: 26.3%;}
    .part2 .a2 .b2 .swiper-pagination-bullet{width: 30px; height: 30px; margin-right: 1.6vw; line-height: 30px;font-size: 18px;}
}
.part3 .fp-tableCell{position: relative; background: url(pic_68.jpg) no-repeat center center; background-size: cover;}
.part3 .lineBox .line{position: absolute; bottom: 0; -webkit-animation: line_up 2s infinite linear; -moz-animation: line_up 2s infinite linear; -ms-animation: line_up 2s infinite linear; -o-animation: line_up 2s infinite linear;}
.part3 .lineBox .line1{left: 8%; animation-delay: 0.4s;}
.part3 .lineBox .line2{left: 16%; animation-delay: 0.8s;}
.part3 .lineBox .line3{left: 22%;}
.part3 .lineBox .line4{right: 8%; animation-delay: 0.4s;}
.part3 .lineBox .line5{right: 16%; animation-delay: 0.8s;}
.part3 .lineBox .line6{right: 22%;}
.part3 .lineBox .dot{position: relative; width: 9px; height: 9px; background: #ffffff; border-radius: 50%;}
.part3 .lineBox .dot::before{position: absolute; left: 50%; top: 0; content: '\20'; width: 1px; height: 56px; background-image: linear-gradient(to bottom, rgba(255,255,255,1) , rgba(255,255,255,0)); transform: translateX(-50%);}
.part3 .lineBox .cir{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; border: 1px solid #ffffff;}
.part3 .lineBox .cir1{width: 21px; height: 21px;}
.part3 .lineBox .cir2{width: 29px; height: 29px;}
@keyframes line_up{0%{opacity:0; transform: scale(1); bottom: 0;} 50%{opacity:0.8; bottom: 40%; transform: scale(0.8);} 100%{opacity:0; /* transform:translate(0, -70%) */ bottom: 70%; transform: scale(1.4);}}
@keyframes line_up_sj{0%{opacity:0; transform: scale(1); bottom: 0;} 50%{opacity:0.8; bottom: 40%; transform: scale(0.8);} 100%{opacity:0; /* transform:translate(0, -70%) */ bottom: 100%; transform: scale(1.4);}}
.part3 .picBox{position: relative; margin-bottom: 50px; text-align: center; z-index: 4;}
.part3 .textBox{position: relative; z-index: 4;}
.part3 .textBox li{float: left; width: 21%; height: 220px; margin-right: 0.1%; padding: 36px 50px 24px 30px; background: #ffffff; box-sizing: border-box; transition: all 0.5s;}
.part3 .textBox li:last-child{margin-right: 0;}
.part3 .textBox li .b .ico{width: 32px; height: 32px; margin-bottom: 20px;}
.part3 .textBox li:nth-child(1) .b .ico{background: url(pic_70.png) no-repeat center center;}
.part3 .textBox li:nth-child(2) .b .ico{background: url(pic_71.png) no-repeat center center;}
.part3 .textBox li:nth-child(3) .b .ico{background: url(pic_72.png) no-repeat center center;}
.part3 .textBox li:nth-child(4) .b .ico{background: url(pic_73.png) no-repeat center center;}
.part3 .textBox li .b .tit{font-size: 24px; font-weight: bold; color: #333333;}
.part3 .textBox li .c{display: none;}
.part3 .textBox li .c .tit{margin-bottom: 20px; padding-left: 40px; font-size: 24px; font-weight: bold; color: #008cd7;}
.part3 .textBox li:nth-child(1) .c .tit{background: url(pic_74.png) no-repeat left center;}
.part3 .textBox li:nth-child(2) .c .tit{background: url(pic_75.png) no-repeat left center;}
.part3 .textBox li:nth-child(3) .c .tit{background: url(pic_76.png) no-repeat left center;}
.part3 .textBox li:nth-child(4) .c .tit{background: url(pic_77.png) no-repeat left center;}
.part3 .textBox li .c .tip{font-size: 14px; color: #666666; line-height: 28px;height: 112px;padding-right: 10px;overflow: auto;}
.part3 .textBox li.on{width: 36.7%;}
.part3 .textBox li.on .b{display: none;}
.part3 .textBox li.on .c{display: block;}
.part3 .textBox .swiper-slide{padding: 20px; background: #ffffff; box-sizing: border-box; transition: all 0.5s; overflow: hidden;}
.part3 .textBox .swiper-slide .b .ico{width: 32px; height: 32px; margin-bottom: 20px;}
.part3 .textBox .swiper-slide:nth-child(1) .b .ico{background: url(pic_70.png) no-repeat center center;}
.part3 .textBox .swiper-slide:nth-child(2) .b .ico{background: url(pic_71.png) no-repeat center center;}
.part3 .textBox .swiper-slide:nth-child(3) .b .ico{background: url(pic_72.png) no-repeat center center;}
.part3 .textBox .swiper-slide:nth-child(4) .b .ico{background: url(pic_73.png) no-repeat center center;}
.part3 .textBox .swiper-slide .b .tit{font-size: 24px; font-weight: bold; color: #333333;}
.part3 .textBox .swiper-slide .c{display: none;}
.part3 .textBox .swiper-slide .c .tit{margin-bottom: 20px; padding-left: 40px; font-size: 24px; font-weight: bold; color: #008cd7;}
.part3 .textBox .swiper-slide:nth-child(1) .c .tit{background: url(pic_74.png) no-repeat left center;}
.part3 .textBox .swiper-slide:nth-child(2) .c .tit{background: url(pic_75.png) no-repeat left center;}
.part3 .textBox .swiper-slide:nth-child(3) .c .tit{background: url(pic_76.png) no-repeat left center;}
.part3 .textBox .swiper-slide:nth-child(4) .c .tit{background: url(pic_77.png) no-repeat left center;}
.part3 .textBox .swiper-slide .c .tip{font-size: 14px; color: #666666; line-height: 28px;}
.part3 .textBox .swiper-slide.on .b{display: none;}
.part3 .textBox .swiper-slide.on .c{display: block;}
.part3 .earthBox{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; box-shadow: 0 0 40px rgba(255, 255, 255, 0.5);}
.part3 .earthBox img{max-width: 100%;}
.part3.active .earthBox{animation: earthZoom 2.5s;}
.part3.active .picBox{animation: Zoom 2.5s;}
.part3.active .earthBox img{animation: earthRotate 8s 3.5s infinite;}
@keyframes earthZoom{0%{transform: translate(-50%,-50%) scale(0.3); opacity: 0;} 100%{transform: translate(-50%,-50%) scale(1); opacity: 1;}}
@keyframes Zoom{0%{transform: scale(0.3); opacity: 0;} 100%{transform: scale(1); opacity: 1;}}
@keyframes earthRotate{0%{} 50%{transform: rotate(360deg);} 100%{transform: rotate(360deg);}}
@media screen and (max-width: 700px) {
    .part3 .fp-tableCell .g-in {position: static;}
    .part3 .picBox{margin-bottom: 15px;}
    .part3 .picBox img{max-width: 100%;}
    /* .part3 .textBox{margin-bottom: 80px;} */
    .part3 .earthBox{width: 100%;}
    .part3 .textBox .swiper-slide .c .tit{font-size: 20px;}
    .part3 .textBox .swiper-slide .c .tip{line-height: 26px;}
    .part3 .lineBox .line{-webkit-animation: line_up_sj 4s infinite linear;-moz-animation: line_up_sj 4s infinite linear;-ms-animation: line_up_sj 4s infinite linear;-o-animation: line_up_sj 4s infinite linear;}
    .part3 .lineBox .line1{animation-delay: 0.4s;}
    .part3 .lineBox .line2{animation-delay: 0.8s;}
    .part3 .lineBox .line4{animation-delay: 0.4s;}
    .part3 .lineBox .line5{animation-delay: 0.8s;}
}

.part4 .fp-tableCell{background: url(pic_23.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.part4 .cont{position: relative; z-index: 4;}
.part4 .hd{margin-bottom: 55px;}
.part4 .hd .tit{float: left; font-size: 36px; font-weight: bold; color: #333333;}
.part4 .hd .more{float: right;}
.part4 .hd .more a{display: block; width: 144px; height: 40px; border-radius: 30px; border: 1px solid #c7c8cb; text-align: center; line-height: 40px; font-size: 16px; color: #666666; transition: all 0.4s;}
.part4 .hd .more a span{margin-left: 12px; font-size: 20px; vertical-align: baseline;}
.part4 .hd .more:hover a{background: #008cd6; border-color: #008cd6; color: #ffffff;}
.part4 .bd{margin-bottom: 46px;}
.part4 .s4-swiper .picBox{overflow: hidden;}
.part4 .s4-swiper .picBox img{width: 100%; transition: all 0.4s;}
.part4 .s4-swiper .textBox{padding: 20px 14px 34px 16px; background: #f7faff;}
.part4 .s4-swiper .textBox .b{font-size: 18px; font-weight: bold; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.part4 .s4-swiper .textBox .c{height: 52px; margin: 11px 0; font-size: 14px; color: #666666; line-height: 26px; text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.part4 .s4-swiper .textBox .d{font-size: 14px; color: #999999;}
.part4 .s4-swiper .swiper-slide a:hover .picBox img{transform: scale(1.1);}
.part4 .ft{position: relative;}
.part4 .ft .s4-prev,
.part4 .ft .s4-next{bottom: unset; left: unset; top: 0; width: 45px; height: 45px; margin-top: 0; background: url(pic_21.png) no-repeat center center; background-size: cover; transition: all 0.3s; opacity: 1;}
.part4 .ft .s4-prev{right: 80px; transform: rotate(180deg);}
.part4 .ft .s4-next{right: 0;}
.part4 .ft .s4-prev:hover,
.part4 .ft .s4-next:hover{background-image: url(pic_22.png);}
.part4 .ft .swiper-num .act{font-size: 36px; font-weight: bold; color: #008cd6;}
.part4 .ft .swiper-num .tot{font-size: 14px; color: #999999;}
.part4 .ft .s4-page{width: 100%; height: 5px; margin-top: 10px; border-radius: 5px; background: #d1d1d1;}
.part4 .ft .s4-page .swiper-pagination-progressbar-fill{height: 7px; border-radius: 5px; background: #008cd6; margin-top: -1px;}
.part4 .newCir.move1{animation: moveCir1 3s;}
.part4 .newCir.move2{animation: moveCir2 5s;}
.part4 .newCir.move3{animation: moveCir3 4s;}
.part4 .newCir.move4{animation: moveCir4 6s;}
.part4 .newCir.move5{animation: moveCir5 5s;}
.part4 .newCir.move6{animation: moveCir6 7s;}
.part4 .newCir.move7{animation: moveCir7 6s;}
.part4 .newCir.move8{animation: moveCir8 8s;}
.part4 .newCir.move9{animation: moveCir9 5s;}
.part4 .newCir.move0{animation: moveCir0 6s;}
@keyframes moveCir1{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(100px,200px) scale(0)}}
@keyframes moveCir2{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(500px,100px) scale(0)}}
@keyframes moveCir3{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(-200px,200px) scale(0)}}
@keyframes moveCir4{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(-100px,300px) scale(0)}}
@keyframes moveCir5{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(200px,200px) scale(0)}}
@keyframes moveCir6{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(300px,200px) scale(0)}}
@keyframes moveCir7{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(-300px,100px) scale(0)}}
@keyframes moveCir8{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(-100px,-100px) scale(0)}}
@keyframes moveCir9{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(200px,-200px) scale(0)}}
@keyframes moveCir0{0%{transform: translate(0,0) scale(1)} 100%{transform: translate(500px,800px) scale(0)}}
@media screen and (max-width: 700px) {
    .part4 .hd{margin-bottom: 30px;}
    .part4 .hd .tit{font-size: 24px;}
    .part4 .hd .more a{width: 100px;height: 32px;line-height: 34px;font-size: 14px;}
    .part4 .hd .more a span{margin-left: 6px; font-size: 14px;}
    .part4 .bd{margin-bottom: 20px; padding: 0 20px;}
    .part4 .s4-swiper .textBox{padding: 20px;}
    .part4 .ft .swiper-num .act{font-size: 24px;}
    .part4 .ft .s4-prev, .part4 .ft .s4-next{width: 32px;height: 32px;}
}

.part5,
.part6,
.part7,
.part8{height: 100%; display: flex; align-items: center;}
.s5-swiper{height: 100%;}
.s5-swiper>.swiper-wrapper{transition-timing-function: cubic-bezier(1, 0.24, 0.24, 0.91);}
.part5 .hd{margin-bottom: 118px;}
.part5 .hd .a1{float: left;}
.part5 .hd .a1 .tit{margin-bottom: 40px; font-size: 36px; font-weight: bold; color: #ffffff;}
.part5 .hd .a1 .tip{font-size: 16px; color: rgba(255, 255, 255, .8);}
.part5 .hd .a2{float: right; width: 73.8%;}
.part5 .hd .a2 ul{display: flex; justify-content: space-between;}
.part5 .hd .a2 ul li{width: 32.3%; height: 41.3vh; box-sizing: border-box; border: 1px solid rgba(255,255,255,.5); transition: all 0.4s;}
.part5 .hd .a2 ul li a{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; height: 100%; text-align: center; box-sizing: border-box; padding: 20% 0;}
.part5 .hd .a2 ul li .picBox{width: 100%; height: 53px; transition: all 0.4s;}
.part5 .hd .a2 ul li:nth-child(1) .picBox{background: url(pic_25.png) no-repeat center bottom;}
.part5 .hd .a2 ul li:nth-child(2) .picBox{background: url(pic_27.png) no-repeat center bottom;}
.part5 .hd .a2 ul li:nth-child(3) .picBox{background: url(pic_29.png) no-repeat center bottom;}
.part5 .hd .a2 ul li .textBox{width: 100%; font-size: 24px; color: #ffffff;}
.part5 .hd .a2 ul li .more{width: 100%; font-size: 14px; color: rgba(255, 255, 255, .8);}
.part5 .hd .a2 ul li .more span{margin-left: 10px;}
.part5 .hd .a2 ul li:hover{background: #ffffff; border-color: #ffffff;}
.part5 .hd .a2 ul li:hover .textBox{color: #008cd6;}
.part5 .hd .a2 ul li:hover .more{color: rgba(0, 140, 214, .8)}
.part5 .hd .a2 ul li:nth-child(1):hover .picBox{background-image: url(pic_26.png);}
.part5 .hd .a2 ul li:nth-child(2):hover .picBox{background-image: url(pic_28.png);}
.part5 .hd .a2 ul li:nth-child(3):hover .picBox{background-image: url(pic_30.png);}
.part5 .bd ul{display: flex; position: relative; justify-content: space-between;}
.part5 .bd ul li{width: 128px; text-align: right;}
.part5 .bd ul li::before{position: absolute; top: 50%; content: '\20'; width: 20%; height: 2px; transform: translate(46%,-50%); background: #ffffff; opacity: 0.4; transition: all 0.3s;}
.part5 .bd ul li:last-child::before{display: none;}
.part5 .bd ul li a{position: relative; padding-left: 28px; font-size: 20px; color: rgba(255,255,255,.4); transition: all 0.3;}
.part5 .bd ul li a::before{position: absolute; left: 0; top: 50%; content: '\20'; width: 8px; height: 8px; margin: -4px 0 0 6px; border-radius: 50%; background: #ffffff; opacity: 0; transition: all 0.3s;}
.part5 .bd ul li a::after{position: absolute; left: 0; top: 50%; content: '\20'; width: 20px; height: 20px; margin: -10px 0 0 0; border-radius: 50%; border: 1px dashed #ffffff; box-sizing: border-box; opacity: 0.4; transition: all 0.3;}
.part5 .bd ul li.on::before,
.part5 .bd ul li:hover::before{opacity: 1;}
.part5 .bd ul li.on a,
.part5 .bd ul li:hover a{font-weight: bold; color: #ffffff;}
.part5 .bd ul li.on a::before,
.part5 .bd ul li:hover a::before{opacity: 1;}
.part5 .bd ul li.on a::after,
.part5 .bd ul li:hover a::after{opacity: 1;}
.part6 .hd{margin-bottom: 43px;}
.part6 .hd .tit{font-size: 36px; font-weight: bold; color: #ffffff; text-align: center;}
.part6 .bd{height: 483px; margin-bottom: 100px;}
.part6 .bd .a1{float: left; width: 21.6%; height: 100%;}
.part6 .bd .a1 .item{display: flex; position: relative; align-items: center; height: 50%; padding-left: 10%; box-sizing: border-box; background: #008cd6; cursor: pointer;}
.part6 .bd .a1 .item a{display: flex; position: relative; width: 100%; height: 100%; align-items: center;}
.part6 .bd .a1 .item a.sjBox{display: none;}
.part6 .bd .a1 .item::before{position: absolute; right: 0; top: 50%; content: '\20'; width: 14px; height: 28px; margin-right: 1px; transform: translate(100%,-50%); background: url(pic_35.png) no-repeat center center; opacity: 0; transition: all 0.3s;}
.part6 .bd .a1 .item:nth-child(1){border-bottom: 1px solid rgba(255,255,255,.3);}
.part6 .bd .a1 .item .t{position: relative; padding-left: 25%; font-size: 24px; color: #ffffff;}
.part6 .bd .a1 .item .t::before{position: absolute; width: 62px; height: 62px; content: '\20'; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #4dafe2; transition: all 0.3s;}
.part6 .bd .a1 .item .t::after{position: absolute; left: 0; top: 50%; width: 34px; height: 34px; content: '\20'; margin: 0 0 0 14px; transform: translateY(-50%); transition: all 0.3s;}
.part6 .bd .a1 .item:nth-child(1) .t::after{background: url(pic_31.png) no-repeat center center;background-size: cover;}
.part6 .bd .a1 .item:nth-child(2) .t::after{background: url(pic_33.png) no-repeat center center;background-size: cover;}
.part6 .bd .a1 .item.on::before,
.part6 .bd .a1 .item:hover::before{opacity: 1;}
.part6 .bd .a1 .item.on .t,
.part6 .bd .a1 .item:hover .t{font-weight: bold;}
.part6 .bd .a1 .item.on .t::before,
.part6 .bd .a1 .item:hover .t::before{background: #ffffff;}
.part6 .bd .a1 .item:nth-child(1).on .t::after,
.part6 .bd .a1 .item:nth-child(1):hover .t::after{background-image: url(pic_32.png);}
.part6 .bd .a1 .item:nth-child(2).on .t::after,
.part6 .bd .a1 .item:nth-child(2):hover .t::after{background-image: url(pic_34.png);}
.part6 .bd .a2{float: right; width: 78.4%; height: 100%; background: #ffffff;}
.part6 .bd .a2 .item{display: none; padding: 0 20px 0 40px;}
.part6 .bd .a2 .item .swiper-container{padding: 40px 0 30px 0;}
.part6 .bd .a2 .item:nth-child(1){display: block;}
.part6 .bd .a2 .item .swiper-slide{margin-bottom: 10px; box-sizing: border-box;}
.part6 .bd .a2 .item a{display: block; border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden; transition: all 0.7s; text-align: center;}
.part6 .bd .a2 .item a img{max-width: 100%; transition: all 0.3s;}
.part6 .bd .a2 .item a:hover{transform: translateY(-10px);}
.part7 .hd{margin-bottom: 52px;}
.part7 .hd .tit{margin-bottom: 40px; font-size: 36px; font-weight: bold; color: #ffffff; text-align: center;}
.part7 .hd .tip{font-size: 16px; color: rgba(255, 255, 255, .8); text-align: center;}
.part7 .bd{margin-bottom: 100px; padding: 36px 64px 32px 45px; background: #ffffff;}
.part7 .bd .t{padding-left: 30px; background: #008cd6; font-size: 20px; color: #ffffff; line-height: 60px;}
.part7 .bd .t div{float: left; width: 20%;}
.part7 .bd .s .s7-swiper{height: 272px; padding-bottom: 10px;}
.part7 .bd .s .swiper-slide{padding-left: 30px; font-size: 16px; color: #666666; line-height: 62px; border-bottom: 1px solid #e0e0e0;}
.part7 .bd .s .swiper-slide .b1{padding-right: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
.part7 .bd .s .swiper-slide div{float: left; width: 20%;}
.part7 .bd .s .swiper-slide .more a{display: inline-block; width: 138px; height: 34px; border-radius: 30px; border: 1px solid #cbcbcb; font-size: 14px; color: rgba(102, 102, 102, .8); text-align: center; line-height: 34px; transition: all 0.3s;}
.part7 .bd .s .swiper-slide .more a span{margin-left: 12px;}
.part7 .bd .s .swiper-slide .more a:hover{background: #008cd6; color: #ffffff; border-color: #008cd6;}
.part8 .a1{position: relative; margin-top: 17px; margin-bottom: 100px; background: #ffffff;}
.part8 .b1{float: left; width: 43.3%;}
.part8 .b1 .picBox{overflow: hidden;}
.part8 .b1 .picBox img{max-width: 100%;}
.part8 .b2{float: left; width: 56.7%;}
.part8 .b2 .textBox{position: absolute; top: 50%; padding-left: 5%; transform: translateY(-50%);}
.part8 .b2 .textBox .b{font-size: 36px; font-weight: bold; color: #333333;}
.part8 .b2 .textBox .c{margin: 32px 0 28px 0;}
.part8 .b2 .textBox .cb{float: left; width: 58px; height: 58px; background: url(pic_38.png) no-repeat center center;}
.part8 .b2 .textBox .cc{float: left; position: relative; margin-left: 16px; padding-left: 12px;}
.part8 .b2 .textBox .cc::before{position: absolute; left: 0; top: 50%; content: '\20'; width: 1px; height: 50px; transform: translateY(-50%); background: #979797;}
.part8 .b2 .textBox .cc .ccb{font-size: 16px; color: #555555; line-height: 1.2;}
.part8 .b2 .textBox .cc .ccc{font-size: 30px; font-weight: bold; color: #008cd6; line-height: 1.3;}
.part8 .b2 .textBox .d{font-size: 16px; color: #555555; line-height: 36px;}
.fix-img{position: fixed; left: 0; top: 0; width: 100vw; height: calc(100vh - 100px); padding-top: 100px; background: #0960a9; z-index: -1;}
.fix-img .picBox{height: 100%; background: url(pic_24.jpg) no-repeat center center; background-size: cover;}
.fix-bar{position: absolute; left: 0; right: 0; bottom: 7%; z-index: 10;}
.fix-bar ul{display: flex; position: relative; justify-content: space-between;}
.fix-bar ul li{width: 128px; text-align: right;}
.fix-bar ul li::before{position: absolute; top: 50%; content: '\20'; width: 28%; height: 2px; transform: translate(46%,-50%); background: #ffffff; opacity: 0.4; transition: all 0.3s;}
.fix-bar ul li:last-child::before{display: none;}
.fix-bar ul li a{position: relative; padding-left: 28px; font-size: 20px; color: rgba(255,255,255,.4); transition: all 0.3;}
.fix-bar ul li a::before{position: absolute; left: 0; top: 50%; content: '\20'; width: 8px; height: 8px; margin: -4px 0 0 6px; border-radius: 50%; background: #ffffff; opacity: 0; transition: all 0.3s;}
.fix-bar ul li a::after{position: absolute; left: 0; top: 50%; content: '\20'; width: 20px; height: 20px; margin: -10px 0 0 0; border-radius: 50%; border: 1px dashed #ffffff; box-sizing: border-box; opacity: 0.4; transition: all 0.3;}
.fix-bar ul li.on::before{opacity: 1;}
.fix-bar ul li.on a,
.fix-bar ul li:hover a{font-weight: bold; color: #ffffff;}
.fix-bar ul li.on a::before{opacity: 1;}
.fix-bar ul li.on a::after{opacity: 1;}
@media screen and (max-width: 1600px) {
    .part8 .a1{margin-top: 87px;}
}

@media screen and (max-width: 1400px) {
    .part8 .a1{margin-top: 158px;}
    .fix-bar{bottom: 5%;}
}
@media screen and (max-width: 700px) {
    .part6 .hd{margin-bottom: 22px;}
    .part6 .hd .tit{font-size: 24px;}
    .part6 .bd{height: 60vh;margin-bottom: 30px;}
    .part6 .bd .a1{float: unset; width: 100%; height: auto;}
    .part6 .bd .a1 .item{float: left;width: 50%; height: 72px; padding-left: 2%;}
    .part6 .bd .a1 .item::before{right: unset; top: unset; left: 50%; bottom: 0; transform: translate(-50%,60%) rotate(90deg);}
    .part6 .bd .a1 .item a.sjBox{display: block;line-height: 70px;}
    .part6 .bd .a1 .item .t{padding-left: 32%; font-size: 18px;}
    .part6 .bd .a1 .item .t::before{width: 52px;height: 52px;}
    .part6 .bd .a1 .item .t::after{width: 28px;height: 28px;margin: 0 0 0 12px;}
    .part6 .bd .a2{float: unset; width: 100%; height: auto;}
    .part6 .bd .a2 .item{padding: 20px;}
    .part6 .bd .a2 .item .swiper-container{padding: 0;}
    .part6 .bd .a2 .item .swiper-slide{margin-bottom: 0;}
    .part7 .hd{margin-bottom: 30px;}
    .part7 .hd .tit{margin-bottom: 20px; font-size: 24px;}
    .part7 .hd .tip{font-size: 12px;}
    .part7 .bd{padding: 0;}
    .part7 .bd .t{padding-left: 0;font-size: 16px;line-height: 48px;}
    .part7 .bd .t div{width: 25%; text-align: center;}
    .part7 .bd .t div:nth-child(4){display: none;}
    .part7 .bd .s .s7-swiper{height: 226px;}
    .part7 .bd .s .swiper-slide{padding-left: 0;font-size: 14px;line-height: 54px;}
    .part7 .bd .s .swiper-slide div{width: 25%; text-align: center;}
    .part7 .bd .s .swiper-slide div:nth-child(4){display: none;}
    .part7 .bd .s .swiper-slide .b1{padding: 0 5px;}
    .part7 .bd .s .swiper-slide .more a{width: 86px;}
    .part7 .bd .s .swiper-slide .more a span{margin-left: 2px;}
    .part8 .a1{margin-top: 0;margin-bottom: 0;}
    .part8 .b1{display: none;float: unset;width: 100%;}
    .part8 .b2{float: unset;width: 100%;box-sizing: border-box; padding: 10px; background: url(pic_83.png) no-repeat center center; background-size: cover;}
    .part8 .b2 .textBox{position: relative;top: unset;padding-left: 2%;transform: none;}
    .part8 .b2 .textBox .b{font-size: 24px;}
    .fix-bar{bottom: 5%;}
    .fix-bar ul li{width: auto;}
    .fix-bar ul li::before{display: none;}
    .fix-bar ul li a{font-size: 18px;}
}