@charset "utf-8";
body { background:#ebeff2;}
header { position:fixed; top:0; left:50%; transform:translate(-50%,-100%); transition:all 0.5s; opacity:0;}
header.open { transform:translate(-50%,0); opacity:1;}
header .nav>li>a:hover:after { opacity:0;}
header .nav>li>a.active { background:transparent; color:#164b9a;}
header .nav>li>a.active:after {transform:translateY(0); opacity:1;}

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

#index_swiper { background:#164b9a;}
.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 .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;}
.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 { margin-bottom:5rem; text-align:center; line-height:1; display:flex; flex-direction:column; position:relative; opacity:0; transform:translateX(-10rem); transition:all 0.3s;}
.index_title h5 { font-size:4rem; font-weight:bold; color:#164b9a;}
.index_title h6 { margin-top:1.2rem; font-size:1.6rem; color:#898989; text-transform:uppercase;}

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

#index_about { background:#fff;}
.index_about { margin-top:6rem;}

.index_about .index_title { margin-bottom:4rem; text-align:left;}

.index_about .info { height:37rem; padding-right:71rem; display:flex; flex-direction:column; position:relative;}
.index_about .info li { transform:translateX(-10rem); opacity:0; transition:all 0.35s;}
.index_about .info li.text { height:calc(2.4rem * 8); margin:-0.5rem 0; line-height:2.4rem; color:#595757; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.index_about .info li.more { height:4rem; line-height:4rem; position:absolute; bottom:0; left:0;}
.index_about .info li.more a { width:12rem; height:100%; background:#164b9a; border-radius:0.4rem; text-align:center; color:#fff; display:block; overflow:hidden; position:relative;}
.index_about .info li.more a:before { width:2rem; height:8rem; content:""; background:rgba(255,255,255,0.25); position:absolute; top:-2rem; left:-4.5rem; transform:rotate(45deg);}
.index_about .info li.more a:hover:before { animation:more_hover 1s;}
.index_about .info li.more i { height:100%; display:block; position:relative;}
.index_about .info li.video { width:65rem; height:100%; overflow:visible; position:absolute; top:0; right:0; transform:translateX(20rem);}
.index_about .info li.video:before { width:4rem; height:4rem; content:""; background:#d92129; position:absolute; top:5.5rem; left:calc(100% + 16rem);}
.index_about .info li.video:after { width:20rem; height:24rem; content:""; background:url(../images/bg_video.png); position:absolute; top:calc(100% - 18rem); left:calc(100% - 5rem);}
.index_about .info li.video video { width:100%; height:37rem; background:#000; position:relative; z-index:15;}

.index_about .list { padding-top:10rem; display:flex; position:relative;}
.index_about .list li { text-align:center; flex:1; position:relative; transform:translateX(100%); opacity:0; transition:all 0.5s;}
.index_about .list li a { text-align:center; display:block; position:relative;}
.index_about .list li p { width:18rem; padding-top:10rem; text-align:center; line-height:1; font-size:1.6rem; display:inline-block; position:relative;}
.index_about .list li p:before,
.index_about .list li p:after { width:0; height:0.2rem; content:""; background:#727171; position:absolute; bottom:4rem; left:50%; transform:translateX(-50%); transition:all 0.2s;}
.index_about .list li p:before { width:2.6rem;}
.index_about .list li p:after { background:#164b9a; transition-delay:0.2s;}
.index_about .list li p span { line-height:4.6rem; font-size:6rem; font-weight:bold; display:flex; justify-content:center; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_about .list li p span .unit { line-height:1; font-size:1.6rem; white-space:nowrap; position:absolute; top:0.2rem; left:calc(100% + 0.5rem);}
.index_about .list li p:hover:before { width:0;}
.index_about .list li p:hover:after { width:2.6rem;}
.index_about .list li p:hover span { color:#164b9a;}

.index_about.open .info li { transform:translateX(0); opacity:1;}
.index_about.open .info li.text { transition-delay:0.3s;}
.index_about.open .info li.more { transition-delay:0.45s;}
.index_about.open .info li.video { transition-delay:0.3s;}
.index_about.open .list li { opacity:1; transform:translateX(0);}
.index_about.open .list li:nth-of-type(1) { transition-delay:0.45s;}
.index_about.open .list li:nth-of-type(2) { transition-delay:0.55s;}
.index_about.open .list li:nth-of-type(3) { transition-delay:0.65s;}
.index_about.open .list li:nth-of-type(4) { transition-delay:0.75s;}

#index_news { background:#2e71b8 url(../images/bg_news.jpg) no-repeat bottom center;}
.index_news { margin-top:4rem;}

.index_news .index_title h5 { color:#fff;}
.index_news .index_title h6 { color:#fff;}

.index_news .className { display:flex; justify-content:center; position:relative; transform:translateY(-4rem); opacity:0; transition:all 0.3s;}
.index_news .className li { padding-left:5.4rem; line-height:2.4rem; font-size:1.8rem; position:relative;}
.index_news .className li:before { width:2rem; height:100%; content:"/"; text-align:center; line-height:2.4rem; font-size:2rem; color:#fff; position:absolute; top:0; left:1.7rem;}
.index_news .className li:first-of-type { padding:0;}
.index_news .className li:first-of-type:before { display:none;}
.index_news .className li a { color:#fff; display:inline-block;}
.index_news .className li.active a { font-weight:bold;}

.index_news .list { margin-top:6rem; display:flex; flex-direction:column; position:relative;}
.index_news .list .scroll { height:28rem; overflow:hidden; position:relative; z-index:15;}
.index_news .list .auto_list { width:calc((100% + 3.5rem) * 100); display:flex;}
.index_news .list .auto_list li { width:calc(1% / 3 - 3.5rem); margin-right:3.5rem; position:relative; transform:translateY(100px); opacity:0; transition:all 0.3s;}
.index_news .list .auto_list li a { padding:0 2rem; background:#fff; border-radius:0.3rem; line-height:1; display:flex; flex-direction:column; overflow:hidden;}
.index_news .list .auto_list li .pic { margin:0 -2rem; position:relative;}
.index_news .list .auto_list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_news .list .auto_list li .pic .date { width:6rem; height:6rem; background:rgba(28,39,37,0.7); font-size:1.2rem; color:#fff; position:absolute; top:0; left:0; z-index:15;}
.index_news .list .auto_list li .pic .date span { width:100%; padding-top:2.4rem; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .list .auto_list li .pic .date span i { width:100%; font-size:2rem; position:absolute; top:0; left:0;}
.index_news .list .auto_list li h3 { height:8rem; position:relative;}
.index_news .list .auto_list li h3 i { max-height:4.8rem; line-height:2.4rem; font-size:1.6rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .list .auto_list li:hover .pic .img img { transform:scale(1.08);}

.index_news .list.txtlist .auto_list li dl { margin-right:-3.5rem; display:flex; flex-wrap:wrap;}
.index_news .list.txtlist .auto_list li dl dd { width:calc(100% - 3.5rem); height:12.5rem; margin:0 3.5rem 3rem 0; border-radius:0.3rem;}
.index_news .list.txtlist .auto_list li dl dd a { height:100%; padding:0 2rem 0 9rem; position:relative;}
.index_news .list.txtlist .auto_list li dl dd .date { width:7rem; height:7.7rem; border-right:0.1rem solid #ddd; color:#595757; position:absolute; top:0; left:0; transition:all 0.35s;}
.index_news .list.txtlist .auto_list li dl dd .date span { width:100%; padding-top:3rem; text-align:center; line-height:1; font-size:1.2rem; position:absolute; bottom:-0.2rem; left:0;}
.index_news .list.txtlist .auto_list li dl dd .date span i { width:100%; font-size:2.4rem; position:absolute; top:0; left:0;}
.index_news .list.txtlist .auto_list li dl dd h3 { height:auto; margin:2.8rem 0 2rem; line-height:1; font-size:1.6rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.index_news .list.txtlist .auto_list li dl dd .text { margin:-0.3rem 0; line-height:2rem; font-size:1.4rem; color:#727171; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .list.txtlist .auto_list li dl dd:hover .date,
.index_news .list.txtlist .auto_list li dl dd:hover .text { color:#164b9a;}

.index_news .list button { width:4.6rem; height:4.6rem; border:0.2rem solid #fff; border-radius:100%; position:absolute; top:11.7rem; z-index:10; opacity:0; transition:opacity 0.3s,left 0.3s,right 0.3s;}
.index_news .list button:before { width:1.4rem; height:1.4rem; content:""; border:0.2rem solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:calc(50% - 0.8rem); left:calc(50% - 0.4rem);}
.index_news .list button.auto_list_prev { left:0;}
.index_news .list button.auto_list_next { right:0;}
.index_news .list button.auto_list_next:before { transform:rotate(135deg); left:calc(50% - 1.2rem);}
.index_news .list button:hover { background:rgba(22,75,154,0.8);}

.index_news .list .more { margin-top:6rem; text-align:center; position:relative; transform:translateY(10rem); opacity:0; transition:all 0.35s;}
.index_news .list .more li { width:12rem; font-size:1.4rem; display:inline-block;}
.index_news .list .more li a { height:4rem; background:#fff; border:0.1rem solid #fff; border-radius:0.4rem; color:#164b9a; display:flex; align-items:center; justify-content:center; transition:all 0.3s;}
.index_news .list .more li a:hover { background:#164b9a; color:#fff;}

.index_news.open .className { transform:translateY(0); opacity:1;}
.index_news.open .list .auto_list li { transform:translateY(0); opacity:1;}
.index_news.open .list .auto_list li:nth-child(2) { transition-delay:0.15s;}
.index_news.open .list .auto_list li:nth-child(3) { transition-delay:0.3s;}
.index_news.open .list button { opacity:1; transition-delay:0.5s;}
.index_news.open .list button.auto_list_prev { left:-6.5rem;}
.index_news.open .list button.auto_list_next { right:-6.5rem;}
.index_news.open .more { transform:translateY(0); opacity:1; transition-delay:0.4s;}

#index_business { background:#fff url(../images/bg_business.jpg) no-repeat bottom center;}
.index_business { margin-top:4rem;}

.index_business .list { display:flex;}
.index_business .list li { flex:1; position:relative; opacity:0; transition:all 0.3s;}
.index_business .list li a { line-height:1; display:flex; flex-direction:column; position:relative;}
.index_business .list li .pic { overflow:hidden; position:relative;}
.index_business .list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_business .list li .pic .img img { transition:all 0.8s;}
.index_business .list li .pic .mask { width:100%; height:100%; background:rgba(22,75,154,0.8); position:absolute; top:0; left:0; z-index:15;}
.index_business .list li .pic .mask:before { width:100%; height:100%; content:""; background:rgba(22,75,154,1); position:absolute; top:100%; left:0; transition:all 0.3s;}
.index_business .list li .pic .mask span { width:100%; text-align:center; font-size:2rem; font-weight:bold; color:#fff; position:absolute; top:25rem; left:0; z-index:10; transition:all 0.3s;}
.index_business .list li .pic .mask span i { width:7rem; height:7rem; position:absolute; top:-12rem; left:calc(50% - 3.5rem); transition:all 0.15s;}
.index_business .list li .pic .mask span i img { width:100%; height:100%;}
.index_business .list li .pic .mask span.icon:before { width:3rem; height:3rem; background-position:-5rem -8rem; bottom:-12rem; left:calc(50% - 1.5rem); opacity:0; transition:all 0.15s;}
.index_business .list li:nth-of-type(even) .pic .mask { background:rgba(217,33,41,0.8);}
.index_business .list li:nth-of-type(even) .pic .mask:before { background:rgba(217,33,41,1);}
.index_business .list li:hover .pic .mask:before { top:0;}
.index_business .list li:hover .pic .mask span { top:14rem;}
.index_business .list li:hover .pic .mask span i { opacity:0;}
.index_business .list li:hover .pic .mask span:before { opacity:1;}
.index_business .list li:nth-of-type(odd) { transform:translateY(-10rem);}
.index_business .list li:nth-of-type(even) { transform:translateY(10rem);}

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

#index_zeren { background:#fff;}
.index_zeren { width:100% !important; margin-top:4rem;}

.index_zeren .swiper-container { overflow:visible !important; transform:translateY(100%); opacity:0; transition:all 0.3s;}
.index_zeren .swiper-slide { width:80rem;}
.index_zeren .swiper-slide a { display:flex; flex-direction:column; overflow:hidden; position:relative;}
.index_zeren .swiper-slide .pic { height:48rem; position:relative;}
.index_zeren .swiper-slide .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_zeren .swiper-slide .mask { width:40rem; height:21rem; padding:3rem 3.2rem 3rem 3rem; background:rgba(255,255,255,0.9); border-right:0.2rem solid #d92129; display:flex; flex-direction:column; position:absolute; bottom:3rem; right:0; z-index:15; transform:translateX(100%); transition:transform 0.4s;}
.index_zeren .swiper-slide .mask .name { margin-bottom:2rem; line-height:1; font-size:1.6rem; font-weight:bold; color:#333;}
.index_zeren .swiper-slide .mask .text { margin:-0.4rem 0; line-height:2.2rem; font-size:1.4rem; color:#595757; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.index_zeren .swiper-slide .mask .icon { width:3.6rem; height:3.6rem; background:#d92129; border-radius:100%; position:absolute; bottom:3rem; right:3.2rem; transition:all 0.3s;}
.index_zeren .swiper-slide .mask .icon:before { width:2rem; height:0.8rem; background-position:-8rem -8rem; top:calc(50% - 0.5rem); left:calc(50% - 1rem);}
.index_zeren .swiper-slide-active .mask { transition-delay:0.6s; transform:translateX(0);}
.index_zeren .swiper-slide:hover .mask { border-color:#164b9a;}
.index_zeren .swiper-slide:hover .mask .name { color:#164b9a;}
.index_zeren .swiper-slide:hover .mask .icon { background:#164b9a;}
.index_zeren .swiper-pagination { bottom:-4rem !important; left:50% !important; transform:translateX(-50%);}
.index_zeren .swiper-pagination-bullet { width:9rem; height:0.3rem; margin:0 1rem !important; background:#90a2bb; border:0; border-radius:0 !important; position:relative;}
.index_zeren .swiper-pagination-bullet:before { width:0; height:100%; content:""; background:#164b9a; position:absolute; top:0; left:0; opacity:0; transition:width 7s;}
.index_zeren .swiper-pagination-bullet-active:before { width:100%; opacity:1;}
.index_zeren .swiper-button { width:calc((100% - 80rem) / 2); height:39rem; background:none; border:0; border-radius:0;}
.index_zeren .swiper-button-prev { left:0;}
.index_zeren .swiper-button-next { right:0;}

.index_zeren.open .swiper-container { transform:translateY(0); opacity:1;}

#index_contact { background:#073caf url(../images/bg_contact.jpg) no-repeat bottom center;}
.index_contact { margin-top:8rem; color:#fff;}

.index_contact .list { height:34rem; display:flex; position:relative;}
.index_contact .list li { padding-top:7rem; display:flex; flex-direction:column; position:relative; transform:translateY(-10rem); opacity:0; transition:all 0.3s;}
.index_contact .list li .title { height:3.5rem; line-height:1; font-size:1.8rem; font-weight:bold; position:absolute; top:0; left:0;}
.index_contact .list li .title:before { width:1.8rem; height:0.2rem; content:""; background:#fff; position:absolute; bottom:0; left:0;}

.index_contact .list li.map { width:54rem; padding:0; margin:-2.5rem 8rem 0 0;}
.index_contact .list li.map .title:before { display:none;}

.index_contact .list li.contact { width:38rem;}
.index_contact .list li.contact p { margin-bottom:2rem; position:relative;}
.index_contact .list li.contact p .icon { padding-left:2.5rem; position:relative;}
.index_contact .list li.contact p .icon:before { width:2rem; height:2rem; background-position:-5rem -4rem; top:calc(50% - 1rem); left:0;}
.index_contact .list li.contact p.name .icon:before { background-position:-5rem -4rem;}
.index_contact .list li.contact p.addr .icon:before { background-position:-7rem -4rem;}
.index_contact .list li.contact p.tel .icon:before { background-position:-9rem -4rem;}
.index_contact .list li.contact p.user .icon:before { background-position:-11rem -4rem;}
.index_contact .list li.contact p.email .icon:before { background-position:-13rem -4rem;}

.index_contact .list li.links { width:30rem; position:absolute; top:0; right:0;}
.index_contact .list li.links .item { height:4rem; margin-bottom:1.5rem; background:#fff;}
.index_contact .list li.links .item.links01 { z-index:15;}
.index_contact .list li.links .item em.value { border:0; text-indent:1rem; line-height:4rem; color:#727171;}
.index_contact .list li.links .item em.value:before { width:0.1rem; height:1.2rem; content:""; background:#c9caca; position:absolute; top:calc(50% - 0.6rem); right:3.9rem;}
.index_contact .list li.links .item em.value:after { border-top-color:#c9caca; right:1.5rem;}
.index_contact .list li.links .item dl { max-height:calc(3.4rem * 6 + 0.2rem); background:#fff; border:0.1rem solid #eee; top:calc(100% + 0.2rem); bottom:auto;}
.index_contact .list li.links .item dl dd { height:3.4rem; line-height:3.4rem;}
.index_contact .list li.links .item dl dd a { color:#595757;}
.index_contact .list li.links .item dl dd a:hover { color:#164b9a;}
.index_contact .list li.links .item:hover { background:rgb(245,245,245); color:#3d3b38;}
.index_contact .list li.links .item:hover em.value:after { border-top-color:#3d3b38; transform:rotate(180deg);}
.index_contact .list li.links .item:hover dl,
.index_contact .list li.links .item dl.open { transform:translateY(0); opacity:1; visibility:visible;}
.index_contact .list li.links .item:first-of-type dl { top:auto; bottom:calc(100% + 0.2rem);}
.index_contact .list li.links .time { margin-top:0.1rem; line-height:4rem;}

.index_contact .copyright { padding-top:3rem; display:flex; justify-content:space-between; position:relative; transform:translateY(10rem); opacity:0; transition:all 0.3s;}
.index_contact .copyright:before,
.index_contact .copyright:after { width:100%; height:0.1rem; content:""; background:#002881; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_contact .copyright:after { background:#2f61d1; top:0.1rem;}
.index_contact .copyright li { line-height:2.4rem; color:#fff;}
.index_contact .copyright li span { margin-left:2rem; display:inline-block;}
.index_contact .copyright li span:first-of-type { margin:0;}
.index_contact .copyright li a { color:#fff; display:inline-block; position:relative;}
.index_contact .copyright li a:before { width:0; height:0.1rem; content:""; background:#fff; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.2s;}
.index_contact .copyright li a:hover:before { width:100%;}

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

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