@charset "utf-8";
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@keyframes scd{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes scd{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.inbody{padding-top:calc(100vh - 1rem)}
#top-stage{height:100vh;width:100%;background-color:#333;position:fixed;top:0;display:block;z-index:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}
.scrollindicator{opacity:.75;position:absolute;z-index:50;left:calc((100vw - 15.4rem)/ 2);bottom:1.4rem;text-align:center}
#scrolldescription{color:#005bac;text-transform:uppercase;font-weight:700;font-style:italic;font-size:12px}
.scroll-description{animation:scd 6s infinite;-webkit-animation:scd 6s infinite}
.scrollarrows{width:22px;height:42px;margin-top:10px}
.scrollarrows path{stroke:#005bac;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
.scrollarrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.scrollarrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}
.scrollarrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}
.button-video-sound{height:.6rem;position:fixed;z-index:1;text-indent:-99em;width:.7rem;right:-.8rem;top:50%;background-color:#005bac;overflow:hidden;transform:skewX(-11deg) translateY(-50%);cursor:pointer;outline:0;-webkit-transition:right .25s ease-out;-moz-transition:right .25s ease-out;-ms-transition:right .25s ease-out;-o-transition:right .25s ease-out;transition:right .25s ease-out}
.button-video-sound::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent no-repeat center center;transform:skewX(11deg);opacity:.5;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;-ms-transition:opacity .25s ease-out;-o-transition:opacity .25s ease-out;transition:opacity .25s ease-out}
.button-video-sound:hover::after{opacity:1}
.button-video-sound--off::after{background-image:url(../images/jy.svg);background-size:.28rem .28rem}
.button-video-sound--on::after{background-image:url(../images/aplay.svg);background-size:.28rem .28rem}
.init-tagline #top-stage .button-video-sound{right:0}
#stagevideo{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-width:180%;max-height:180%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:1s opacity;object-fit:cover}
@media (min-aspect-ratio: 16/9){
  #stagevideo {
    max-width: 100%;
    max-height: inherit;
}
}
.toplogo{position:absolute;left:.6rem;top:.6rem;z-index:5}
.toptxt{position:absolute;left:calc((100vw - 15.4rem)/ 2);top:30%;z-index:5;color:#fff}
.toplogo img{height:.5rem;width:2rem}
.toptxt h4{font-size:.8rem}
.toptxt h4 span{font-weight:700;display:block}
.toptxt p{font-size:.2rem}
.toptxt a{display:block;width:1.8rem;height:.5rem;border:1px solid #fff;border-radius:.3rem;text-align:center;line-height:.48rem;color:#fff;font-size:.2rem;margin-top:.3rem}
.toptxt a:hover{border-color:#005bac ;background: #005bac;color: #fff}
.homeNain{-webkit-transition:background .2s ease-out;-moz-transition:background .2s ease-out;-ms-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;background-color:transparent;position:relative}
.uheader{transition:.3s;margin-bottom:.4rem}
.homeNain.fix{padding-top:.6rem}
.homeNain.fix .uheader{position:fixed;top:0;left:0;right:0;z-index:90;background:#fff;box-shadow:0 0 .15rem rgba(0,0,0,.1)}
.uheader .logo{opacity:0;visibility:hidden;transition:.3s}
.uheader .logo img{height:.3rem}
.uheader .wp{padding:.15rem 0;max-width:12rem;position:relative}
.uheader .wp:before{content:'';position:absolute;top:0;bottom:0;right:calc(100% - 1.9rem);width:calc((100vw - 11rem)/ 2 + 1.9rem);background:#005bac;border-radius:0 0 .5rem 0;z-index:0;opacity:0;visibility:hidden;transition:.3s}
.uheader .navs{line-height:.3rem}
.uheader .navs ul li{position:relative;}
.uheader .navs ul li>a{color:#fff;position:relative;padding:0 .25rem;display:block;font-size:.18rem}
.uheader .navs ul li>a:after{content:" ";width:1px;height:18px;background-color:#d1e0e7;position:absolute;transform:rotate(15deg);left:0;top:6px}
.uheader .navs ul li:nth-child(1)>a:after{display:none}

.uheader .navs ul li .sub-nav{position:absolute;top:100%;left:50%;z-index:99;padding-top:.15rem;min-width: 1.6rem;transform: translateX(-50%);
opacity: 0;visibility: hidden;transition: .3s;}
.uheader .navs ul li .sub-nav .sub-nav-h{text-align:center;position: relative;background: #fff;padding: .1rem 0;
box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;border-radius: 0 0 .1rem .1rem;overflow: hidden;}
.uheader .navs ul li .sub-nav .sub-nav-h:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#005bac;}
.uheader .navs ul li .sub-nav .sub-nav-h a{display:block;font-size:.16rem;padding:0 .13rem ;margin-bottom: 1px;
background: #fff;;white-space: nowrap;line-height: .45rem}
.uheader .navs ul li .sub-nav .sub-nav-h a:hover{background:#f2f9ff;color:  #005bac}
.uheader .navs ul li:hover>a{ }
.uheader .navs ul li.lan a:after{display: none}
.uheader .navs ul li.lan a{padding: 0 .1rem}
.uheader .navs ul li.lan span{padding: 0 .1rem;font-size: .18rem;cursor: pointer;color: #fff}
.scrolling .uheader .navs ul li.lan span{cursor: pointer;color: #444}


.serbtn a{display:block;width:.55rem;height:.3rem;background:url(../images/ser.svg) no-repeat center;background-size:.2rem .2rem}
.serform{display:none;position:absolute;width:100%;padding:.5rem 25%;padding:.6rem 0 .8rem;z-index:5;top:1rem;overflow:hidden;background-color:#fff}
.serform .input-group{max-width:7.8rem;margin:0 auto .5rem}
.serform .input-group .sub{position:absolute;right:0;top:0;width:.9rem;height:.6rem;overflow:hidden;background:0 0}
.serform .input-group .sub:before{content:'';background:#005bac;transform:skewX(-12deg);position:absolute;top:0;bottom:0;left:0;z-index:0;right:-6px;transform-origin:left bottom}
.serform .input-group .sub:after{content:'';background:url(../images/ser.svg) no-repeat .35rem center;background-size:.26rem .26rem;position:absolute;top:0;bottom:0;left:0;z-index:0;right:0}
.serform .input-group .inp{height:.6rem;border:1px solid #005bac;border-right:0;padding-right:.9rem;width:100%;padding-left:.15rem}
.scrolling .homeNain{background-color:#fff}
.scrolling .navs ul li>a{color:#444}
.scrolling .navs ul li>a:after{background:#ddd}
.scrolling .serbtn a{background:url(../images/serb.svg) no-repeat center;background-size:.2rem .2rem}
.scrolling .serbtn.on a{background:url(../images/close.svg) no-repeat center;background-size:.2rem .2rem}
.scrolling .uheader .logo{opacity:1;visibility:visible}
.scrolling .uheader .wp:before{opacity:1;visibility:visible}
.scrolling .uheader{margin-bottom:0}
.scrolling .serform{top:.6rem}
.scrolling .uheader .navs ul li:hover .sub-nav{opacity: 1;visibility: inherit; }

@media (max-width: 1024px){
.inbody{padding-top:.65rem}
 #top-stage{display: none;} 
 .uheader{display: none}
}

.scrolling .homea{background: url(../images/bg1.jpg) no-repeat center;background-size: cover;}
.homea{padding: .6rem 0;}
.bg2{background: url(../images/bg2.jpg) no-repeat center;background-size: cover;}
.intit{}
.intit .cn{font-size: .4rem;color: #005BAC}
.intit .en{font-size: .2rem;color: #005BAC;margin-top: .05rem;text-transform: capitalize;}
.intit .desc{font-size: .17rem;color: #444;margin-top: .15rem;max-width: 4.8rem;}
.intit .line{margin-top: .2rem}
.intit .more1{display: block;width: 1.8rem;height: .5rem;border: 1px solid #005BAC;border-radius: .3rem;text-align: center;line-height: .48rem;color: #005BAC;font-size: .2rem;margin-top: 1rem}
.intit .more1:hover{border-color:#005bac ;background: #005bac;color: #fff}
.homea .intit{position: absolute;left: 0;top: 50%;transform:translateY(-50%);z-index: 15}
.homea .tabNav{position: absolute;top: 50%;transform:translateY(-50%);z-index: 20;right:16.5%}
.homea .tabNav li{padding: .25rem 0;font-size: .2rem;text-align: right;cursor: pointer;position: relative;line-height: .41rem;padding-right: .5rem;transition: .3s}
.homea .tabNav li:after{content: '';position: absolute;right: 0;width: .41rem;height: .41rem;background: url(../images/cir.png) no-repeat center;background-size: 100% 100%;top:50%;transform:scale(0);margin-top: -.2rem;transition: .3s}
.homea .tabNav li:nth-child(2){transform:translateX(.1rem)}
.homea .tabNav li.show{font-size: .25rem;color: #005BAC;font-weight: bold}
.homea .tabNav li.show:after{transform:scale(1);}
.homea .slide-a .wp{height: 8rem}
.homea .slide-a .pic{height: 100%}
.homea .slide-a .pic img{margin: 0 auto;max-width: 6rem;animation: up 2s infinite}

.homeb{padding: 1rem 0}
.homeb .intit{margin-bottom: .4rem}



/*.homeb .intit .more{display: block;width: 1.8rem;height: .5rem;background:  #005BAC;color: #fff; border-radius: .3rem;text-align: center;line-height: .5rem;color: #fff;font-size: .2rem;position: absolute;right: 0;top: .14rem}
*/
.homeb .intit .more{display: block;width: 1.8rem;height: .5rem;border: 1px solid #005BAC;border-radius: .3rem;text-align: center;line-height: .48rem;color: #005BAC;font-size: .2rem;position: absolute;right: 0;top: .14rem}
.homeb .intit .more:hover{border-color:#005bac ;background: #005bac;color: #fff}


.homeb .ul1{display: flex;margin-bottom: .1rem;justify-content: space-between;}

.homeb .ul1 li{width: calc(40% - .05rem);transition: .5s}
.homeb .ul1 li.show{width: calc(60% - .05rem);}
.homeb .ul1 li a{display: block;position: relative;}
.homeb .ul1 li .pic{height: 4rem;}
.homeb .ul1 li .txt{position: absolute;top: .4rem;left: .4rem;z-index: 3;color: #fff}
.homeb .ul1 li .txt h4{font-size: .22rem;margin-top: .1rem}
.homeb .ul1 li .txt p{font-size: .14rem;}
.homeb .ul1 li .txt img{height: .48rem;width: .48rem}

.homeb .ul2{background: #fff;margin-bottom: .1rem;padding: .2rem 0}
.homeb .ul2 li{width: 33.333%;position: relative;line-height: 1.6em;padding-right: .2rem;display: flex;justify-content: space-between;}
.homeb .ul2:after{content: '';display: inline-block;width:33.333%;}
.homeb .ul2 li:nth-child(1){padding-left: .15rem}
.homeb .ul2 li time{width:1.2rem;font-size: .15rem;border-left: 1px solid #444;padding-left: .1rem}
.homeb .ul2 li a{width:calc(100% - 1.2rem)}
.homeb .slide-b{}
.homeb .sbtn a{background: #005BAC;width: .6rem;height: .6rem;border-radius:50%;top: 50%;transform:translateY(-50%);z-index: 5;text-align: center;line-height: .6rem;color: #fff;font-size: .2rem;position: absolute;z-index: 10}
.homeb .sbtn a.prev{left: -.3rem}
.homeb .sbtn a.next{right: -.3rem}
.homeb .slide-b a{display: block;height: 2rem;background: #fff;box-shadow: 0 0 .15rem rgba(0,0,0,.15);padding: .2rem 10%}
.homeb .slide-b .time{display: flex;align-items: flex-end;margin-bottom: .15rem}
.homeb .slide-b .time .col{color: #888;margin-left: .3rem;padding-bottom: 4px}
.homeb .slide-b time{color:#005BAC;font-size: .18rem }
.homeb .slide-b time em{font-size: .3rem }
.homeb .slide-b  h4{font-size: .18rem;line-height: 1.4em;height: .5rem;margin-bottom: .15rem }
.homeb .slide-b  span.more{font-size: .14rem;color: #005BAC;border-radius:.3rem;height: .3rem;line-height: .3rem;display: inline-block;transition: .3s}
.homeb .slide-b  span.more i{background:  #005BAC;color: #fff;border-radius:.2rem;padding: 0 .1rem;display: inline-block;height: .2rem;line-height: .18rem;margin-left: .1rem;vertical-align: 2px;transition: .3s}
.homeb .slide-b a:hover  span.more{background: #005BAC;color: #fff;padding: 0 .2rem ;}
.homeb .slide-b a:hover  span.more i{padding: 0}

.homec .intit{margin-bottom: .4rem;padding: 0 .1rem}
.homec .wp{max-width: 15.6rem;}
.homec{padding-bottom: 1rem}
.homec .slide-c a{display: block;padding: .1rem}
.homec .slide-c a img{box-shadow: 0 0 .1rem rgba(0,0,0,.15)}
.homec .pgba{margin-top: .5rem;text-align: center;}
.homec .pgba span{width: 12px;height: 12px;border: 1px solid  #005BAC;border-radius: 50%;margin: 0 .05rem;opacity: 1;background: transparent}
.homec .pgba span.swiper-pagination-bullet-active{background:#005BAC;}
.homea .pgba{margin-top: .2rem;text-align: center;display: none}
.homea .pgba span{width: 12px;height: 12px;border: 1px solid  #005BAC;border-radius: 50%;margin: 0 .05rem;opacity: 1;background: transparent}
.homea .pgba span.swiper-pagination-bullet-active{background:#005BAC;}

.banner{display: none}
.banner .pgba{text-align: center;position: absolute;z-index: 10}
.banner .pgba span{width: 12px;height: 12px;border: 1px solid  #fff;border-radius: 50%;margin: 0 .05rem;opacity: 1;background: transparent}
.banner .pgba span.active{background:#fff;}
@media (max-width: 1800px){
  .homea .tabNav{right: 10%}
}
@media (max-width: 1600px){
  .homea .tabNav{right: 5%}
}
@media (max-width: 1024px){
 .banner{display: block;}
 .homea{background: url(../images/bg1.jpg) no-repeat center;background-size: cover;}
 .homea .slide-a .wp{height: auto}
 .homea .slide-a .pic img{max-width: 5rem;}
 .homea .tabNav{display: none}
 .homea .pgba{display: block;}
 .homea .intit{position: relative;top: 0;transform:translateY(0);text-align: center;}
 .homea .intit .line img{margin:0 auto}
 .intit .more1{margin: .3rem auto 0}
 .intit .cn{font-size: .5rem}

 .homeb{padding: .8rem 0}
 .homeb .ul2{padding: .2rem}
 .homeb .ul2 li{width: 100%;padding: .1rem 0}
 .homeb .ul2 li:nth-child(1){padding-left: 0}

 .homeb .ul1 li{width: calc(33.333333% - .05rem);transition: .5s}
.homeb .ul1 li.show{width: calc(33.333333% - .05rem);}
.homeb .slide-b h4{height: auto}
}
@media (max-width: 640px){
 .intit .cn{font-size: .4rem}
 .intit .more1{height: .45rem;line-height: .43rem;width: 1.6rem}
 .homeb .intit .more{height: .45rem;line-height: .45rem;width: 1.6rem}
 .homea .slide-a .pic img{max-width: 4rem;}
.homeb .ul1{flex-wrap: wrap;}
  .homeb .ul1 li{width: 100%;transition: .5s;margin-bottom: .1rem}

.homeb .ul1 li.show{width: 100%;}
.homeb .ul1 li .pic{height: 40vw}
.homeb .ul2 li time{font-size: .18rem;width: 1.3rem}
.homeb .ul2 li a{width: calc(100% - 1.3rem)}
.homeb .slide-b a{height: 2.2rem;box-shadow: none;padding: .3rem 15%}
.homeb .slide-b h4{font-size: .2rem;height: auto}
.homeb .sbtn a.next{right: -.1rem;width: .5rem ;height: .5rem;line-height: .5rem}
.homeb .sbtn a.prev{left: -.1rem;width: .5rem ;height: .5rem;line-height: .5rem}

}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}