.common-loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;animation:fadeOut 0.8s ease-in 0.3s;animation-fill-mode:forwards}
.common-loading .common-loading-top{width:100%;height:50vh;position:absolute;top:0;left:0;animation:moveUp 0.8s ease-in-out 0.3s;animation-fill-mode:forwards;background:#fff}
.common-loading .common-loading-bottom{width:100%;height:50vh;position:absolute;bottom:0;left:0;animation:moveDown 0.8s ease-in-out 0.3s;animation-fill-mode:forwards;background:#fff}
@keyframes fadeOut{0%{visibility:visible}
100%{visibility:hidden}
}@keyframes moveUp{0%{transform:translateY(0);opacity:1}
100%{transform:translateY(-100%);opacity:1}
}@keyframes moveDown{0%{transform:translateY(0);opacity:1}
100%{transform:translateY(100%);opacity:1}
}

/*banner*/
.banner{width:100%;position: relative; overflow: hidden;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide .v_box,.banner .swiper-slide .v_box img{width: 100%;}
.banner .swiper-slide .v_box video{width: 100%; height: 100%; object-fit:cover;}
.banner .swiper-slide .v_box{position: relative;}
.banner .swiper-slide .v_box .playbtn{color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; text-align: center; z-index: 10;}
.banner .txt{font-weight: bold; color: #fff;position: absolute; z-index: 2; top:40%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);}
.banner .txt.rm{right:200rem;}
.banner .txt.lm{left:200rem;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;left: 0; color: #fff; width: 60rem; height: 60rem; line-height: 60rem; text-align: center; margin-top: -30rem; background: none;}
.banner .swiper-button-next{ left:auto; right:0;}
.banner .swiper-pagination{ display: none; bottom:30px;}
.banner .swiper-pagination-bullet{width: 12px; height: 12px; margin:0 10px!important;background: rgba(255,255,255,0.5);}
.banner .swiper-pagination-bullet-active{ background: #D1D1D0;}


.index-part01{padding: 200rem 0 145rem; max-height: 902rem; position: relative; z-index: 2;overflow: hidden; margin-top: -175rem; color: #fff; background-position: top center;}
.index-part01 .ll{ float: left; width: 42%; position: relative; z-index: 2;}
.index-part01 .ll h2{ margin-top: 60rem;}
.index-part01 .ll h2 em{ display: block; width: 120rem; height: 1rem; margin: 25rem 0; background: #fff;}
.index-part01 .ll .c{ height: 234rem;}
.index-part01 .ll .c p{margin-bottom: 30rem; line-height: 1.8;}
.index-part01 .ll .c p:last-child{margin-bottom: 0;}
.index-part01 .rr{ float: right; width: 55%;}
.index-part01 .rr li{ float: left; width: 47%; margin-bottom: 90rem; padding-bottom: 25rem; border-bottom: 1rem solid rgba(255,255,255,0.5);}
.index-part01 .rr li:nth-child(2n){ float: right;}
.index-part01 .rr li h3{font-weight: bold;}
.index-part01 .rr li h3 em{ margin-left: 5rem;}
.index-part01 .rr li:nth-last-of-type(2),.index-part01 .rr li:nth-last-of-type(1){ margin-bottom: 0;}
.index-part01 .qipao{position: absolute; z-index: 1; top:0; lefT:0; width: 100%; height: 100%;}
.index-part01 .qipao li{animation:tiaodong 2s linear infinite;position: absolute; width: 34rem; height: 34rem; border-radius: 100%; border: 8rem solid rgba(255,255,255,0.35);}
.index-part01 .qipao li.li01{left:23rem; top:470rem;animation: tiaodong 1.5s linear infinite;}
.index-part01 .qipao li.li02{left:63rem; top:540rem;width:74rem; height: 74rem;}
.index-part01 .qipao li.li03{left:787rem; top:185rem;width:40rem; height: 40rem;animation: tiaodong 1.5s linear infinite;}
.index-part01 .qipao li.li04{left:986rem; top:725rem;width:40rem; height: 40rem;}
.index-part01 .qipao li.li05{left:760rem; top:755rem;width:160rem; height: 160rem;animation: tiaodong 1.2s linear infinite;}
.index-part01 .qipao li.li06{right:300rem; top:50rem;width:80rem; height: 80rem;}
.index-part01 .qipao li.li07{right:65rem; top:490rem;width:48rem; height: 48rem;animation: tiaodong 1.2s linear infinite;}
@keyframes tiaodong {
   0%, 100% {transform:translateY(0)}
   50% {transform: translateY(-10px);}
}

.index-part02{position:relative;overflow:hidden}
.index-part02 .item{width:36.1%;position:absolute;lefT:0;top:0;height:100%}
.index-part02 .item+.item{left:auto;right:0}
.index-part02 .item::before{opacity:1;content:"";position:absolute;lefT:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.index-part02 .item.on{width:63.9%}
.index-part02 .item.on::before{opacity:0}
.index-part02 .item .box{color:#fff;position:absolute;z-index:2;left:80rem;bottom:215rem;width:calc(100% - 200rem);}
.index-part02 .item.on .box{left: 190rem;}
.index-part02 .item h3{margin-bottom: 10rem;}
.index-part02 .item h2{padding-bottom:25rem;position:relative}
.index-part02 .item h2::before{opacity:0;content:"";position:absolute;z-index:3;left:0;bottom:0;width:120rem;height:1rem;background:#fff}
.index-part02 .item.on h2::before{opacity:1}
.index-part02 .item p{margin-top:30rem; width: 47%; line-height: 1.8;}
.index-part02 .item a.more{margin-top:60rem;}
.index-part02 .item p,.index-part02 .item a.more{opacity:0;display:none;}
.index-part02 .item.on p,.index-part02 .item.on a.more{opacity:1;display:block;}
.index-part02 .item.on a.more{ display: inline-block;}


.index-part03{position:relative}
.index-part03::before{content: ""; position: absolute; lefT:30%; width: 1px; height: 100%; background: rgba(255,255,255,0.25);}
.index-part03::after{content: "";position: absolute; lefT:70%; width: 1px; height: 100%; background: rgba(255,255,255,0.25);}
.index-part03 .txt{position:absolute;top:110rem;left:190rem;z-index:2}
.index-part03 .txt h3{ color: #00A3E1;}
.index-part03 .txt h2{margin-top: 20rem; line-height: 1.2;}
.index-part03 .txt a.more{margin-top: 70rem;}
.index-part03 .diqiu{position:absolute;z-index:1;height:100%;width:100%;top:0;left:0;overflow:hidden;}
.info-wrap,.info-div{line-height:1;height:40rem;font-size:40rem;cursor:default;z-index:999!important}
.info-div>.info-wrap{transform:translate(-20rem,-20rem);color:#fff;display:flex}
.info-div>.info-wrap::before{display: none!important;content:''; z-index: 1; background:rgba(255,255,255,0.3);width:74rem;height:74rem;transform:translate(-50%,-50%);border-radius:100%;position:absolute;left:20rem;top:20rem;}
.info-div span{display:block;position:relative;z-index:2;}
.info-div .jia{max-width:none;width:40rem;height:40rem;line-height:40rem;border-radius:100%; font-size: 24rem; text-align:center;padding-left: 15rem;color: #fff; background:#00A3E1; z-index: 10;}
.info-div span.name{position:absolute;left:50%;top:50%;width:auto;height:40rem;line-height:40rem;
   white-space:nowrap;padding-left:50rem;padding-right:20rem;margin-left:-20rem;margin-top:-20rem;
   opacity:1;background:#00A3E1;box-shadow:0 0 10rem rgba(0,0,0,0.2);border-radius:30rem;color:#fff;font-size:14rem;transition:.5s}

/*.info-div:hover{z-index:999!important}
.info-div:hover span.name{max-width:200rem;position:absolute;opacity:1}
.info-div:hover>.info-wrap::before{ display: none!important;}
.info-div:hover .jia{ padding-left: 15rem; background: none; color: #fff;}*/


.index-part04{ padding: 90rem 0 50rem; background: #fff;}
.index-part04 h3{color: #00A3E1;}
.index-part04 h2{margin-top: 20rem; line-height: 1.2;}
.index-part04 .swbox{margin-top: 50rem; width: calc(100% - 190rem); float: right;}
.index-part04 .swbox li{border-radius: 20rem;overflow: hidden;transform: scale(0.76,0.76); margin-top: 68rem;}
.index-part04 .swbox li.swiper-slide-active{transform: scale(1,1);margin-top: 0;}
.index-part04 .swbox dl{position: relative;}
.index-part04 .swbox dt{border-radius: 20rem; width: 1300rem; overflow: hidden;}
.index-part04 .swbox dd{position: absolute; lefT:0; top:0; width: 500rem; height: 100%; padding: 38rem; background: rgba(0,163,225,0.5);}
.index-part04 .swbox dd .inner{padding: 38rem; color: #fff; background: #00A3E1; border-radius: 20rem;}
.index-part04 .swbox dd h4{margin-bottom: 20rem;}
.index-part04 .swbox dd p{margin-bottom: 10rem;}
.index-part04 .swbox dd p:last-child{margin-bottom: 0;}
.index-part04 .swbox dd img{margin-top:60rem; width: 232rem; height: 186rem;}
.index-part04 .swbox .swiper-button-prev{left:-10rem; width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:0; background: none;}
.index-part04 .swbox .swiper-button-next{left:110rem;width: 40rem; height: 40rem; line-height: 40rem; top:auto; margin-top: 0; text-align: center; bottom:0; background: none;}
.index-part04 .swbox .swiper-pagination{left:30rem; bottom:0; width: 80rem; line-height: 40rem; text-align: center; color: #CCCCCC;}
.index-part04 .swbox span.swiper-pagination-current{color: #454545;}


.index-part05{padding: 100rem 0 140rem; background: #fff;}
.index-part05 dl{position: relative; border-radius: 10rem; box-shadow: 0 0 10rem 10rem rgba(0,0,0,0.05);}
.index-part05 dt{ float: right; width: 50.92%;}
.index-part05 dd{position: absolute; lefT:0; top:0; z-index: 1; width: 61.5789%; height: 100%; padding: 75rem 100rem 50rem 85rem; background: url(/static/images/bg04.png) no-repeat; background-size: cover;}
.index-part05 dd a.more{position: absolute;right:90rem; top:75rem; margin-top: 0; border: 1px solid #AFAFAF;}
.index-part05 dd h3{color: #00A3E1;}
.index-part05 dd h2{margin-top: 20rem; line-height: 1.2; font-size: 30rem; /*max-height: 2.4em; height: 2.4em;display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;*/}
.index-part05 dd p{margin: 35rem 0;line-height: 1.8;}
.index-part05 dd .img{ overflow: hidden;}
.index-part05 dd .img img{ float: left; margin-right:50rem; max-width: 130rem; width: auto; max-height: 90rem; overflow: hidden;}


.index-part02 .item,.index-part02 .item .ll h2,.index-part02 .item .ll p,.index-part02 .item .ll a.more,.index-part02 .item .rr{transition: all 0.5s;}
@media only screen and (min-width:1025px){

}

@media only screen and (max-width:1399px){
.index-part04 .swbox dd img{margin-top: 30rem;}
}

@media only screen and (max-width:1024px){
.index-part05 dd{padding: 30rem;}
.index-part05 dd a.more{top:30rem; right:30rem;}
}

@media only screen and (max-width:1023px){
.banner .txt.lm{left:5%;}
.banner .txt.rm{right:5%;}
.index-part01{padding: 50rem 0 50rem; max-height:unset; margin-top: 0; background: #00A3E1;}
.index-part01 .ll,.index-part01 .rr{width: 100%;}
.index-part01 .rr{margin-top: 20rem;}
.index-part01 .ll h2{margin-top: 0;}
.index-part01 .ll .c{ height: auto;}
.index-part01 .rr li{margin-bottom: 50rem;}
.index-part01 .qipao{ display: none;}
.index-part01 .qipao li.li06{top:0;}
.index-part02 .item .box{lefT:40rem; bottom:30rem;width: calc(100% - 80rem);}
.index-part02 .item.on .box{left:40rem;}
.index-part03 .txt{left:5%; top:5%;}
.index-part03 .txt a.more{margin-top: 20rem;}
.index-part04{padding: 50rem 0;}
.index-part04 .swbox{ float: none; margin: 5% auto 0; width: 90%; padding-bottom: 5%;}
.index-part04 .swbox li{transform: scale(1,1); margin-top: 0;}
.index-part04 .swbox dt{ width:100%;}
.index-part04 .swbox dd{position: static; width: 100%; padding: 5% 0; background: #fff;}
.index-part05{padding: 0 0 50rem; }
.index-part05 dl{height: auto!important;}
.index-part05 dt{width: 100%; float: none;}
.index-part05 dd{position: static; width: 100%; height: auto; padding: 5%;}
.index-part05 dd a.more{top:30rem;}

}
@media only screen and (max-width:767px){
   .banner .swiper-button-prev,.banner .swiper-button-next{ display: block;}
   .banner .txt{text-align: center; width: 100%; padding: 0 10%; right:0!important;left:0!important;}
   .banner .txt p br{ display: none;}
   .banner .swiper-slide .v_box .playbtn{display: block;}
   .index-part01 .rr li{width: 100%; padding-bottom: 20rem; margin-bottom: 20rem!important;}
   .index-part02{ height: auto!important;}
   .index-part03{ height:700rem!important;}   
}
@media only screen and (max-width:374px){
.index-part01{margin-top: -260rem;}
.index-part05 dd a.more{position: static;}
}