@charset "utf-8";
body { background:#ebeff2;}
header { position:fixed; top:0; left:50%; transform:translate(-50%,-100%); transition:all 0.5s; opacity:0;}
header:before { display:none;}
header.open { transform:translate(-50%,0); opacity:1;}
header .logo li.logo1 { display:none;}
header .logo li.logo2 { display:block;}
header .nav>li>a { color:#fff;}
header .nav>li>a:hover { color:#fff;}
header .nav>li>a:hover:after { display:none;}
header .nav>li>a.active { background:transparent; color:#fff;}
header .icon li.search .apps:before { background-position:-5rem -4rem;}
header .icon li.menu .apps:before { background-position:-7rem -4rem;}
header.header2 .logo li.logo1 { display:block;}
header.header2 .logo li.logo2 { display:none;}
header.header2 .nav>li>a { color:#3e3a39;}
header.header2 .nav>li>a:hover { color:#3e3a39;}
header.header2 .nav>li>a.active { color:#3e3a39;}
header.header2 .icon li.search .apps:before { background-position:-5rem 0;}
header.header2 .icon li.menu .apps:before { background-position:-7rem 0;}

section { background-size:100%; display:block; position:relative;}
.fp-tableCell>div { width:140rem; display:flex; flex-direction:column; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

#index_swiper { background:#000;}
.index_swiper { width:100% !important; height:100% !important;}
.index_swiper .swiper-container { height:100%; position:absolute; top:0; left:0; z-index:20;}
.index_swiper .swiper-slide a { display:flex; flex-direction:column;}
.index_swiper .swiper-slide .video { width:100%; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_swiper .swiper-slide .video video { width:100%; height:100%; display:block;}
.index_swiper .swiper-slide .pic { width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_swiper .swiper-slide .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_swiper .swiper-slide .pic:hover .imgs img { transform:scale(1.05);}
.index_swiper .swiper-pagination { bottom:2rem !important; left:4rem !important; opacity:0;}
.index_swiper .swiper-pagination-bullet { width:1.2rem; height:1.2rem; margin:0 1rem !important; background:none; border:0.1rem solid #fff; position:relative;}
.index_swiper .swiper-pagination-bullet:before { width:0.8rem; height:0.8rem; content:""; background:#164b9a; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.index_swiper .swiper-pagination-bullet-active { width:1.8rem; height:1.8rem; border-color:#164b9a;}
.index_swiper .swiper-pagination-bullet-active:before { display:block;}
.index_swiper .swiper-button { width:6rem; height:6rem; background:none; border:0.2rem solid #fff; border-radius:100%; margin-top:-1rem; transition:all 0.35s; opacity:0; display:none;}
.index_swiper .swiper-button:before { width:2rem; height:2rem; content:""; border:0.3rem solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:calc(50% - 1.1rem); left:calc(50% - 0.6rem);}
.index_swiper .swiper-button-prev { left:50%; transform:translateX(-71rem);}
.index_swiper .swiper-button-next { right:50%; transform:translateX(71rem);}
.index_swiper .swiper-button-next:before { transform:rotate(135deg); left:calc(50% - 1.8rem);}
.index_swiper .swiper-button:hover { background:rgba(21,74,154,0.4);}
.index_swiper:hover .swiper-button { opacity:1;}

.index_swiper .goto_next { padding-top:5.4rem; position:absolute; bottom:2rem; left:50%; margin-left:-5rem; z-index:30; cursor:pointer; transition:all 0.5s; opacity:0; transform:translateY(5rem); z-index:100;}
.index_swiper .goto_next li.text { line-height:1; font-size:1.2rem; color:#fff; position:relative;}
.index_swiper .goto_next li.icon { width:2rem; height:4rem; border:0.2rem solid #fff; border-radius:1.3rem; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_swiper .goto_next li.icon:before { width:1rem; height:1rem; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:next_animation 0.75s linear infinite alternate;}
.index_swiper .goto_next.open { opacity:1; transform:translateY(0); transition-delay:100ms;}

@keyframes next_animation {
	0% { transform:translateY(1rem);}
	100% { transform:translateY(-1rem);}
}

.index_title { height:5rem; margin-bottom:3rem; line-height:1; color:#595757; position:relative; opacity:0; transform:translateX(-10rem); transition:all 0.3s;}
.index_title h5 { font-size:3rem; font-weight:bold; position:absolute; top:0; left:0;}
.index_title h6 { line-height:1.2rem; font-size:1.6rem; position:absolute; bottom:0; left:0;}
.index_title .more { width:10rem; height:4rem; background:#003a7d; text-align:center; line-height:4rem; font-size:1.4rem; color:#fff; overflow:hidden; position:absolute; bottom:0; right:0;}
.index_title .more i { padding-right:1rem; display:inline-block; position:relative;}
.index_title .more i:after { width:0.6rem; height:0.6rem; content:""; border:0.1rem solid #fff; border-bottom:0; border-left:0; position:absolute; top:calc(50% - 0.4rem); right:0.2rem; transform:rotate(45deg);}
.index_title .more:before { width:2rem; height:8rem; content:""; background:rgba(255,255,255,0.25); position:absolute; top:-2rem; left:-4.5rem; transform:rotate(45deg);}
.index_title .more:hover:before { animation:more_hover 0.8s;}

.fp-tableCell>div.open .index_title { transform:translateX(0); opacity:1;}

#index_info { background:#073d7c;}
.index_info { margin-top:3rem; color:#fff;}

.index_info .list { height:53.6rem; padding:8rem 10rem 0; line-height:1.4; font-size:3.6rem; display:flex; flex-direction:column; position:relative; transform:translateY(10rem); opacity:0; transition:all 0.3s;}

.index_info.open .list { transform:translateY(0); opacity:1; transition-delay:0.2s;}

#index_service { background:#000 url(../images/bg_service.jpg) no-repeat bottom center;}
.index_service { margin-top:3rem;}

.index_service .list { display:flex; flex-direction:column; position:relative;}
.index_service .list li { position:relative; opacity:0; transition:all 0.3s;}
.index_service .list .text { padding:0 10rem; line-height:1.4; font-size:4.8rem; color:#edcb9f; transform:translateY(-10rem);}
.index_service .list .button { margin-top:8rem; display:flex; align-items:center; justify-content:center; transform:translateY(10rem);}
.index_service .list .button .more { width:15rem; height:4.6rem; background:#003a7d; text-align:center; line-height:4.6rem; font-size:1.4rem; color:#fff; overflow:hidden; position:relative;}
.index_service .list .button .more i { padding-right:1rem; display:inline-block; position:relative;}
.index_service .list .button .more i:after { width:0.6rem; height:0.6rem; content:""; border:0.1rem solid #fff; border-bottom:0; border-left:0; position:absolute; top:calc(50% - 0.4rem); right:0.2rem; transform:rotate(45deg);}
.index_service .list .button .more:before { width:2rem; height:8rem; content:""; background:rgba(255,255,255,0.25); position:absolute; top:-2rem; left:-4.5rem; transform:rotate(45deg);}
.index_service .list .button .more:hover:before { animation:more_hover 0.8s;}

.index_service.open .list li { transform:translateY(0); opacity:1;}

#index_news { background:#fff;}
.index_news { margin-top:3rem;}

.index_news .list { height:49rem; padding-left:70rem; margin-top:-0.4rem; display:flex; flex-wrap:wrap; position:relative;}
.index_news .list li { width:calc(50% - 1rem); height:24rem; margin:0 0 1rem 1rem; overflow:hidden; position:relative; transform:translateX(100%); opacity:0; transition:all 0.3s;}
.index_news .list li a { display:flex; flex-direction:column; overflow:hidden;}
.index_news .list li .pic { position:relative; z-index:10;}
.index_news .list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_news .list li .mask { width:100%; height:100%; position:absolute; top:0; left:0; z-index:20;}
.index_news .list li .mask:before { width:100%; height:6rem; content:""; background:url(../images/bg_news01.png) repeat-x; position:absolute; bottom:0; left:0;}
.index_news .list li .mask .date { width:6rem; height:7rem; background:rgba(0,0,0,0.7); padding:4.6rem 0 0 1rem; line-height:1; font-size:1.5rem; font-family:"ALTGOT2N"; color:#fff; position:absolute; top:0; right:1.5rem; z-index:10;}
.index_news .list li .mask .date i { font-size:2.2rem; white-space:nowrap; position:absolute; top:2rem; left:1rem;}
.index_news .list li h3 { width:100%; height:12rem; padding:0 1.5rem; display:flex; flex-direction:column; position:absolute; bottom:-8.6rem; left:0; transition:all 0.3s; z-index:25;}
.index_news .list li h3 .name { height:2rem; line-height:2rem; font-size:1.8rem; color:#fff; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.index_news .list li h3 .text { height:4rem; margin:1.2rem 0 1.5rem; line-height:2rem; font-size:1.4rem; color:#e6ebee; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .list li h3 .more { line-height:1; font-size:1.4rem; color:#e6ebee;}
.index_news .list li h3 .more i { padding-right:1rem; display:inline-block; position:relative;}
.index_news .list li h3 .more i:after { width:0.4rem; height:0.4rem; content:""; border:0.1rem solid #fff; border-bottom:0; border-left:0; position:absolute; top:calc(50% - 0.3rem); right:0.2rem; transform:rotate(45deg);}
.index_news .list li:hover .mask:before { height:100%; background:rgba(0,58,125,0.8);}
.index_news .list li:hover .mask .date { background:rgba(255,159,0,1);}
.index_news .list li:hover h3 { bottom:0;}

.index_news .list li:first-of-type { width:70rem; height:100%; margin-left:0; position:absolute; top:0; left:0; transform:translateX(-50%);}
.index_news .list li:first-of-type a { height:100%;}
.index_news .list li:first-of-type .mask:before { height:9rem; background:rgba(0,0,0,0.7);}
.index_news .list li:first-of-type .mask .date { width:7rem; background:rgba(255,159,0,0.8); top:auto; bottom:9rem; right:2rem;}
.index_news .list li:first-of-type h3 { height:9rem; padding:2rem 10rem 0 2rem; bottom:0;}
.index_news .list li:first-of-type h3 .name { margin-bottom:-0.2rem;}
.index_news .list li:first-of-type h3 .text { height:2rem; -webkit-line-clamp:1;}
.index_news .list li:first-of-type h3 .more { width:7rem; background:rgba(255,159,0,0.8); text-align:center; line-height:3rem; font-size:1.2rem; color:#fff; position:absolute; top:0; right:2rem;}
.index_news .list li:first-of-type h3 .more i { padding:0;}
.index_news .list li:first-of-type h3 .more i:after { display:none;}
.index_news .list li:first-of-type:hover .pic .img img { transform:scale(1.025);}
.index_news .list li:first-of-type:hover .mask:before { height:9rem; background:rgba(0,0,0,0.7);}

.index_news.open .list li { transform:translateX(0); opacity:1;}
.index_news.open .list li:nth-of-type(2),
.index_news.open .list li:nth-of-type(3) { transition-delay:0.2s;}
.index_news.open .list li:nth-of-type(4),
.index_news.open .list li:nth-of-type(5) { transition-delay:0.3s;}

#index_contact { background:#ff9f00;}
.index_contact { margin-top:3rem; color:#fff;}

.index_contact .list { height:46rem; padding-right:90rem; position:relative;}
.index_contact .list dl { display:flex; position:absolute; top:0; opacity:0; transition:all 0.3s;}

.index_contact .list .info { width:50rem; height:100%; flex-direction:column; transform:translateX(-10rem);}
.index_contact .list .info dt { padding:3.8rem 0 2.4rem; line-height:1; font-size:2.4rem; font-weight:bold; position:relative;}
.index_contact .list .info dt i { font-size:1.6rem; font-weight:normal; position:absolute; bottom:0; left:0;}
.index_contact .list .info .text { height:calc(3.2rem * 8); margin-top:6rem; line-height:2; font-size:1.6rem; white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.index_contact .list .button { display:flex; position:absolute; bottom:0; left:0;}
.index_contact .list .button .more { width:15rem; height:4.6rem; background:#003a7d; text-align:center; line-height:4.6rem; font-size:1.4rem; color:#fff; overflow:hidden; position:relative;}
.index_contact .list .button .more i { padding-right:1rem; display:inline-block; position:relative;}
.index_contact .list .button .more i:after { width:0.6rem; height:0.6rem; content:""; border:0.1rem solid #fff; border-bottom:0; border-left:0; position:absolute; top:calc(50% - 0.4rem); right:0.2rem; transform:rotate(45deg);}
.index_contact .list .button .more:before { width:2rem; height:8rem; content:""; background:rgba(255,255,255,0.25); position:absolute; top:-2rem; left:-4.5rem; transform:rotate(45deg);}
.index_contact .list .button .more:hover:before { animation:more_hover 0.8s;}

.index_contact .list .contact { width:72rem; height:100%; padding:0 6.5rem; background:#003a7d; flex-wrap:wrap; right:0; transform:translateX(10rem);}
.index_contact .list .contact dt { width:100%; height:10rem; border-bottom:0.1rem solid #0d54a6; font-size:2.4rem; font-weight:bold; display:flex; align-items:center; position:relative;}
.index_contact .list .contact dt:before { width:100%; height:0.1rem; content:""; background:#002c5e; position:absolute; bottom:0; left:0;}
.index_contact .list .contact dd { padding:2.4rem 0 0 2.3rem; line-height:2rem; font-size:1.6rem; position:relative;}
.index_contact .list .contact dd:nth-of-type(odd) { width:65%;}
.index_contact .list .contact dd:nth-of-type(even) { width:35%;}
.index_contact .list .contact dd .apps { padding-left:2.3rem; line-height:1.8rem; font-size:1.4rem; position:absolute; top:0; left:0;}
.index_contact .list .contact dd .apps:before { width:2rem; height:2rem; background-position:-5rem -6rem; top:0; left:0;}
.index_contact .list .contact dd .apps.app2:before { background-position:-5rem -6rem;}
.index_contact .list .contact dd .apps.app3:before { background-position:-7rem -6rem;}
.index_contact .list .contact dd .apps.app4:before { background-position:-9rem -6rem;}
.index_contact .list .contact dd .apps.app5:before { background-position:-11rem -6rem;}
.index_contact .list .contact dd .apps.app6:before { background-position:-13rem -6rem;}
.index_contact .list .contact dd .apps.app7:before { background-position:-15rem -6rem;}

.index_contact.open .list dl { transform:translateX(0); opacity:1;}
.index_contact.open .list dl:nth-of-type(2) { transition-delay:0.15s;}
.index_contact.open .list dl:nth-of-type(3) { transition-delay:0.30s;}
.index_contact.open .list dl:nth-of-type(4) { transition-delay:0.45s;}

@keyframes more_hover {
	0% { left:-4.5rem;}
	100% { left:200%;}
}