@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 { opacity:1; transform:translate(-50%,0);}
header:before { background:rgba(255,255,255,0.8);}

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

#index_swiper { background:#1b0801;}
.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 { position:relative;}
.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 { line-height:0; bottom:20px !important; left:40px; opacity:0;}
.index_swiper .swiper-pagination-bullet { width:12px; height:12px; margin:0 10px !important; background:none; border:1px solid #fff; position:relative;}
.index_swiper .swiper-pagination-bullet:before { width:8px; height:8px; content:""; background:#002fa6; border-radius:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none;}
.index_swiper .swiper-pagination-bullet-active { width:18px; height:18px; border-color:#002fa6;}
.index_swiper .swiper-pagination-bullet-active:before { display:block;}
.index_swiper .swiper-button { width:60px; height:60px; background:rgba(62,58,57,0.8); border-radius:3px; margin-top:-5px; transition:all 0.35s; opacity:0;}
.index_swiper .swiper-button:before { width:22px; height:22px; content:""; border:3px solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:50%; left:50%; margin:-12px 0 0 -5px;}
.index_swiper .swiper-button-prev { left:50%; transform:translateX(-700px);}
.index_swiper .swiper-button-next { right:50%; transform:translateX(700px);}
.index_swiper .swiper-button-next:before { transform:rotate(135deg); margin-left:-18px;}
.index_swiper .swiper-button:hover { background:rgba(0,47,166,0.8);}
.index_swiper:hover .swiper-button { opacity:1;}

.index_swiper .goto_next { padding-top:54px; position:absolute; bottom:20px; left:50%; margin-left:-50px; z-index:30; cursor:pointer; transition:all 0.5s; opacity:0; transform:translateY(50px); z-index:100;}
.index_swiper .goto_next li.text { line-height:1; font-size:12px; color:#fff; position:relative;}
.index_swiper .goto_next li.icon { width:20px; height:40px; border:2px solid #fff; border-radius:13px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_swiper .goto_next li.icon:before { width:10px; height:10px; 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(10px);}
	100% { transform:translateY(-10px);}
}

.index_title { margin-bottom:50px; line-height:1; display:flex; flex-direction:column; position:relative; opacity:0; transform:translateX(-100px); transition:all 0.3s;}
.index_title h5 { font-size:40px; font-weight:bold; color:#002fa6;}
.index_title h6 { margin-top:12px; font-size:16px; color:#898989;}

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

#index_about { background:url(../images/bg_about.jpg) no-repeat bottom center;}
.index_about { margin-top:60px;}

.index_about .info { height:400px; padding-right:660px; display:flex; flex-direction:column; position:relative;}
.index_about .info li { transform:translateX(-100px); opacity:0; transition:all 0.35s;}
.index_about .info li.text { height:calc(28px * 8); margin:-7px 0; line-height:28px; color:#595757; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;}
.index_about .info li.more { position:absolute; bottom:0; left:0;}
.index_about .info li.more a { width:120px; height:40px; background:#002fa6; text-align:center; line-height:40px; color:#fff; display:block; overflow:hidden; position:relative;}
.index_about .info li.more a:before { width:20px; height:80px; content:""; background:rgba(255,255,255,0.25); position:absolute; top:-20px; left:-45px; 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.img { width:600px; height:100%; overflow:visible; position:absolute; top:0; right:0; transform:translateX(200px);}
.index_about .info li.img:before { width:140px; height:140px; content:""; background:#d1d9eb; position:absolute; top:-45px; right:-45px;}
.index_about .info li.img .bgs { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10;}
.index_about .info li.img dl { width:100%; display:flex; justify-content:center; position:absolute; top:100px; left:0; z-index:15;}
.index_about .info li.img dl dd { width:120px; height:150px; margin:0 20px; background:rgba(0,0,0,0.4); position:relative; transform:translateY(100%); opacity:0; transition:transform 0.3s,opacity 0.3s;}
.index_about .info li.img dl dd a { height:100%; text-align:center; display:block; position:relative;}
.index_about .info li.img dl dd .text { width:100%; padding-top:64px; line-height:1; font-size:16px; color:#fff; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_about .info li.img dl dd .text i { width:44px; height:44px; position:absolute; top:0; left:50%; transform:translateX(-50%); transition:all 1s;}
.index_about .info li.img dl dd .text i img { width:100%; height:100%;}
.index_about .info li.img dl dd:hover { background:rgba(0,0,0,0.6);}
.index_about .info li.img dl dd:hover .text i { transform:translateX(-50%) rotateY(360deg);}

.index_about .list { padding-top:51px; margin-top:70px; border-top:1px solid #ddd; display:flex; position:relative;}
.index_about .list:before { width:100%; height:1px; content:""; background:#fff; position:absolute; top:0; left:0;}
.index_about .list li { flex:1; position:relative; transform:translateX(100%); opacity:0; transition:all 0.5s;}
.index_about .list li a { display:block; position:relative;}
.index_about .list li p { padding-top:70px; text-align:center; line-height:1; font-size:16px; position:relative;}
.index_about .list li p span { width:100%; font-size:56px; font-weight:bold; display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0;}
.index_about .list li p span .unit { font-size:44px; margin-left:5px;}
.index_about .list li p:hover span { color:#002fa6;}

@keyframes more_hover {
	0% { left:-45px;}
	100% { left:200%;}
}

.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.img { transition-delay:0.3s;}
.index_about.open .info li.img dl dd { transform:translateY(0); opacity:1;}
.index_about.open .info li.img dl dd:nth-of-type(1) { transition-delay:0.4s;}
.index_about.open .info li.img dl dd:nth-of-type(2) { transition-delay:0.5s;}
.index_about.open .info li.img dl dd:nth-of-type(3) { transition-delay:0.6s;}
.index_about.open .list li { opacity:1; transform:translateX(0);}
.index_about.open .list li:nth-child(1) { transition-delay:0.45s;}
.index_about.open .list li:nth-child(2) { transition-delay:0.55s;}
.index_about.open .list li:nth-child(3) { transition-delay:0.65s;}

#index_news { background:#002fa6 url(../images/bg_news.jpg) no-repeat bottom center;}
.index_news { margin-top:40px;}

.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(-40px); opacity:0; transition:all 0.3s;}
.index_news .className li { padding-left:54px; line-height:24px; font-size:20px; position:relative;}
.index_news .className li:before { width:20px; height:100%; content:"/"; text-align:center; line-height:26px; font-size:24px; color:#fff; position:absolute; top:0; left:17px;}
.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:60px; display:flex; flex-direction:column; position:relative;}
.index_news .list .scroll { height:300px; overflow:hidden; position:relative; z-index:15;}
.index_news .list .auto_list { width:calc((100% + 30px) * 100); display:flex;}
.index_news .list .auto_list li { width:calc(1% / 3 - 30px); margin-right:30px; position:relative; transform:translateY(100px); opacity:0; transition:all 0.3s;}
.index_news .list .auto_list li a { padding:16px; background:#fff; line-height:1; display:flex; flex-direction:column;}
.index_news .list .auto_list li .pic { margin:-16px -16px 0; 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:60px; height:60px; background:rgba(28,39,37,0.7); font-size:12px; color:#fff; position:absolute; bottom:0; right:0; z-index:15;}
.index_news .list .auto_list li .pic .date span { width:100%; padding-top:24px; 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:20px; position:absolute; top:0; left:0;}
.index_news .list .auto_list li h3 { margin:20px 0; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_news .list .auto_list li .text { max-height:48px; margin:-5px 0; line-height:24px; color:#595757; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .list .auto_list li:hover .pic .img img { transform:scale(1.08);}

.index_news .list.txtlist .auto_list li { width:calc(1% / 2 - 30px);}
.index_news .list.txtlist .auto_list li dl { margin-right:-30px; display:flex; flex-wrap:wrap;}
.index_news .list.txtlist .auto_list li dl dd { width:calc(100% - 30px); height:135px; margin:0 30px 30px 0;}
.index_news .list.txtlist .auto_list li dl dd a { height:100%; padding:0 25px 0 140px; position:relative;}
.index_news .list.txtlist .auto_list li dl dd .date { width:90px; height:95px; background:#e7edf9; font-size:14px; color:#595757; position:absolute; top:20px; left:25px; transition:all 0.35s;}
.index_news .list.txtlist .auto_list li dl dd .date span { width:100%; padding-top:28px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .list.txtlist .auto_list li dl dd .date span i { width:100%; font-size:24px; position:absolute; top:0; left:0;}
.index_news .list.txtlist .auto_list li dl dd h3 { margin:27px 0 23px;}
.index_news .list.txtlist .auto_list li dl dd:hover .date { background:#002fa6; color:#fff;}

.index_news .list button { width:40px; height:70px; position:absolute; top:115px; z-index:10; opacity:0; transition:opacity 0.3s,left 0.3s,right 0.3s;}
.index_news .list button:before { width:22px; height:22px; content:""; border:3px solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:50%; left:50%; margin:-12px 0 0 -5px;}
.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); margin-left:-18px;}
.index_news .list button:hover { background:rgba(0,0,0,0.5);}

.index_news .list .more { margin-top:40px; text-align:center; position:relative; transform:translateY(100px); opacity:0; transition:all 0.35s;}
.index_news .list .more li { width:120px; text-align:center; display:inline-block;}
.index_news .list .more li a { height:40px; border:2px solid #fff; line-height:40px; font-size:14px; color:#fff; display:block; box-sizing:content-box; transition:all 0.3s;}
.index_news .list .more li a:hover { background:#fff; color:#002fa6;}

.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:-60px;}
.index_news.open .list button.auto_list_next { right:-60px;}
.index_news.open .more { transform:translateY(0); opacity:1; transition-delay:0.4s;}

#index_chanye { background:#fff url(../images/bg_chanye.jpg) no-repeat bottom center;}
.index_chanye { margin-top:40px;}

.index_chanye .list { display:flex;}
.index_chanye .list li { flex:1; position:relative; opacity:0; transition:all 0.3s;}
.index_chanye .list li a { line-height:1; display:flex; flex-direction:column; position:relative;}
.index_chanye .list li .pic { overflow:hidden; position:relative;}
.index_chanye .list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_chanye .list li .pic .img img { transition:all 0.8s;}
.index_chanye .list li .pic .mask { width:100%; height:100%; background:rgba(0,47,166,0.7); position:absolute; top:0; left:0; z-index:15;}
.index_chanye .list li .pic .mask:before { width:100%; height:100%; content:""; background:rgba(0,47,166,1); position:absolute; top:100%; left:0; transition:all 0.3s;}
.index_chanye .list li .pic .mask span { width:100%; text-align:center; font-size:20px; font-weight:bold; color:#fff; position:absolute; top:230px; left:0; z-index:10; transition:all 0.3s;}
.index_chanye .list li .pic .mask span i { width:50px; height:44px; position:absolute; top:-120px; left:50%; transform:translateX(-50%); transition:all 0.15s;}
.index_chanye .list li .pic .mask span i img { width:100%; height:100%;}
.index_chanye .list li .pic .mask span:before { width:34px; height:34px; content:""; background:url(../images/app.png) no-repeat -15px -60px; position:absolute; bottom:-115px; left:50%; transform:translateX(-50%); opacity:0; transition:all 0.15s;}
.index_chanye .list li:nth-of-type(even) .pic .mask { background:rgba(0,161,55,0.7);}
.index_chanye .list li:nth-of-type(even) .pic .mask:before { background:rgba(0,161,55,1);}
.index_chanye .list li:hover .pic .mask:before { top:0;}
.index_chanye .list li:hover .pic .mask span { top:120px;}
.index_chanye .list li:hover .pic .mask span i { opacity:0;}
.index_chanye .list li:hover .pic .mask span:before { opacity:1;}
.index_chanye .list li:nth-of-type(odd) { transform:translateY(-100px);}
.index_chanye .list li:nth-of-type(even) { transform:translateY(100px);}

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

#index_zeren { background:#fff url(../images/bg_zeren.jpg) no-repeat bottom center;}
.index_zeren { margin-top:40px;}

.index_zeren .list { padding:30px; background:#fff; display:flex; flex-direction:column; position:relative; opacity:0; transition:all 0.2s;}
.index_zeren .list .scroll { overflow:hidden;}
.index_zeren .list .auto_list { width:calc((100% + 30px) * 100); display:flex;}
.index_zeren .list .auto_list li { width:calc(1% / 3 - 30px); margin-right:30px; position:relative; transform:translateY(-100px); opacity:0; transition:all 0.3s;}
.index_zeren .list .auto_list li a { line-height:1; display:flex; flex-direction:column;}
.index_zeren .list .auto_list li .pic { position:relative;}
.index_zeren .list .auto_list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_zeren .list .auto_list li .pic .img img { transition:all 0.8s;}
.index_zeren .list .auto_list li h3 { margin:20px 0; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_zeren .list .auto_list li .text { max-height:48px; margin:-5px 0; line-height:24px; color:#727171; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_zeren .list .auto_list li .more { width:110px; height:36px; margin-top:20px; border:2px solid #b5b5b6; text-align:center; line-height:36px; color:#727171; box-sizing:content-box; transition:all 0.3s;}
.index_zeren .list .auto_list li:hover .pic .img img { transform:scale(1.08);}
.index_zeren .list .auto_list li:hover .more { border-color:#002fa6; color:#002fa6;}

.index_zeren .list button { width:40px; height:60px; background:rgba(0,0,0,0.2); position:absolute; top:50%; margin-top:-30px; opacity:0; transition:transform 0.3s,opacity 0.3s;}
.index_zeren .list button:before { width:18px; height:18px; content:""; border:3px solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:50%; left:50%; margin:-11px 0 0 -4px;}
.index_zeren .list button.auto_list_prev { left:-60px; transform:translateY(50px);}
.index_zeren .list button.auto_list_next { right:-60px; transform:translateY(-50px);}
.index_zeren .list button.auto_list_next:before { transform:rotate(135deg); margin-left:-15px;}
.index_zeren .list button:hover { background:rgba(0,47,166,1);}

.index_zeren.open .list { opacity:1; transition-delay:0.1s;}
.index_zeren.open .list .auto_list li { transform:translateY(0); opacity:1;}
.index_zeren.open .list .auto_list li:nth-child(1) { transition-delay:0.35s;}
.index_zeren.open .list .auto_list li:nth-child(2) { transition-delay:0.50s;}
.index_zeren.open .list .auto_list li:nth-child(3) { transition-delay:0.65s;}
.index_zeren.open .list .auto_list li:nth-child(4) { transition-delay:0.80s;}
.index_zeren.open .list .auto_list li:nth-child(5) { transition-delay:0.95s;}
.index_zeren.open .list .auto_list li:nth-child(6) { transition-delay:1.10s;}
.index_zeren.open .list .auto_list li:nth-child(7) { transition-delay:1.25s;}
.index_zeren.open .list .auto_list li:nth-child(8) { transition-delay:1.40s;}
.index_zeren.open .list .auto_list li:nth-child(9) { transition-delay:1.55s;}
.index_zeren.open .list button { transform:translateY(0); opacity:1; transition-delay:0.5s;}

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

.index_contact .list { height:320px; display:flex; position:relative;}
.index_contact .list li { padding-top:70px; display:flex; flex-direction:column; position:relative; transform:translateY(-100px); opacity:0; transition:all 0.3s;}
.index_contact .list li .title { height:35px; line-height:1; font-size:18px; font-weight:bold; position:absolute; top:0; left:0;}
.index_contact .list li .title:before { width:18px; height:2px; content:""; background:#fff; position:absolute; bottom:0; left:0;}

.index_contact .list li.logo { width:330px;}
.index_contact .list li.logo .title:before { display:none;}

.index_contact .list li.contact { width:360px;}
.index_contact .list li.contact p { padding-left:70px; margin-bottom:20px; position:relative;}
.index_contact .list li.contact p em { padding-left:25px; font-style:normal; position:absolute; top:0; left:0;}
.index_contact .list li.contact p em:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -50px -40px; position:absolute; top:50%; left:-2px; transform:translateY(-50%);}
.index_contact .list li.contact p.name em:before { background-position:-50px -40px;}
.index_contact .list li.contact p.addr em:before { background-position:-70px -40px;}
.index_contact .list li.contact p.tel em:before { background-position:-90px -40px;}
.index_contact .list li.contact p.zip em:before { background-position:-110px -40px;}

.index_contact .list li.links { width:300px;}
.index_contact .list li.links .item { height:40px; margin-bottom:15px; background:#fff;}
.index_contact .list li.links .item.links01 { z-index:15;}
.index_contact .list li.links .item em.value { border:0; text-indent:10px; line-height:40px; color:#727171;}
.index_contact .list li.links .item em.value:before { width:1px; height:12px; content:""; background:#c9caca; position:absolute; top:50%; right:39px; margin-top:-6px;}
.index_contact .list li.links .item em.value:after { border-top-color:#c9caca; right:15px;}
.index_contact .list li.links dl { max-height:calc(35px * 6 - 1px); background:#fff; border:1px solid #eee; top:calc(100% + 2px); bottom:auto;}
.index_contact .list li.links dl dd { height:34px; line-height:34px;}
.index_contact .list li.links dl dd a { color:#595757;}
.index_contact .list li.links dl dd a:hover { color:#002fa6;}
.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% + 2px);}

.index_contact .list li.qrcode { flex-direction:row; position:absolute; top:0; right:0;}
.index_contact .list li.qrcode p { margin-left:20px; text-align:center; line-height:1; display:flex; flex-direction:column;}
.index_contact .list li.qrcode p:first-of-type { margin:0;}
.index_contact .list li.qrcode p img { width:120px; border:10px solid #fff; box-sizing:content-box; margin-bottom:10px;}

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

.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;}