@CHARSET "UTF-8";

body{min-height: 100vh; text-align: center; display: flex; flex-direction: column;}
.container{min-width: 1024px; max-width: 1200px; text-align: left;margin: 0 auto;box-sizing: border-box;padding: 0 64px;}

.nav-bar-bg{z-index: -1; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; transition: all 0.3s ease-out;}
.nav-bar-bg.show{z-index: 998; background: rgba(0,0,0,0.25);}
header{flex: 0 0 auto;}
header div.nav-bar{background:#19097D; height: 104px; position: relative; z-index: 999;}
header div.nav-bar .container{ padding: 0 40px 0 44px;}

header div.nav-bar .top{font-size: 12px; height: 36px; position: absolute; left: 0; right: 0; overflow-x: hidden; top: -36px; opacity: 0; transition: all 0.3s ease-out;}
header div.nav-bar .top .container{display: flex; justify-content:flex-end;}
header div.nav-bar .top .container p{position: relative; padding-left: 30px; display: flex; justify-content:flex-end; align-items: center; height: 36px;}
header div.nav-bar .top .container p>*{color: white; z-index: 1; position: relative;}
header div.nav-bar .top .container p:before{content:""; background: #000; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom:0; transform: skewX(30deg);}
header div.nav-bar .top span{margin:0 8px;}
header div.nav-bar .top i{margin: 0 16px;}
header div.nav-bar .top span.szyw{display: none1;}
header div.nav-bar .top a.szyw{ font-weight: bold;  padding: 0 4px; background:#e00202; align-self: stretch; display: flex; align-items: center;}
header div.nav-bar .top:after{content:""; z-index: 0; position: absolute; top: 0; right:-20px; bottom: 0; width:450px; background:#000;}

header div.nav-list{height: 100%;}
header div.nav-list a.logo{display: flex; align-items: center; width: 104px; height: 100%; background:#E64A19; justify-content:center; transition: all 0.3s ease-out;}
header div.nav-list a.logo svg{fill:white; transition: all 0.3s ease-out;}
header div.nav-list a.logo svg.u{height: 56px; flex-shink: 0; margin-left: 5px;width: 64px;}
header div.nav-list a.logo svg.w{ height: 0; margin-left: 5px; opacity: 0;}
header div.nav-list .container{display: flex; justify-content: space-between; align-items: center; height: 100%;}
header div.nav-list li.sel>a>font{color: #E64A19;}
header div.nav-list .container>ul{display: flex; justify-content: flex-end; align-items: center; align-self: stretch; margin-top: 0; transition: margin-top 0.3s ease-out;}
header div.nav-list .container>ul>li{list-style: none; margin-left: 24px; position: relative;}
header div.nav-list .container>ul>li>a{font-size: 16px; line-height: 24px; display: flex; align-items: center; color:#fff;}
header div.nav-list .container>ul>li.search>a svg{ width: 24px; height: 24px; fill: #fff;}
header div.nav-list .container>ul>li ul{padding: 28px 56px 31px 56px; display: none; POSITION: absolute; z-index: 999; margin-top: 36px;  background:#fff; white-space: nowrap; border-bottom:4px solid #FF5722; border-left:1px solid rgba(0,0,0,0.15); border-right:1px solid rgba(0,0,0,0.15);}
header div.nav-list .container>ul>li ul:before{content:""; position: absolute; height:36px; top: -36px; left: 0; right: 0; background:rgba(255,0,0, 0);}
header div.nav-list .container>ul>li:hover:after{position: absolute; content:""; left: 0; right: 0; bottom:-36px; height:4px; background:#FF5722;}
header div.nav-list .container>ul>li:hover>a{color:#FF5722;}
header div.nav-list .container>ul>li:hover>a svg{fill:#FF5722;}
header div.nav-list .container>ul>li.sel>a svg{fill: #E64A19;}
header div.nav-list .container>ul>li:hover ul{display: block; }
header div.nav-list .container>ul>li ul>li{list-style: none; font-size: 14px; margin-bottom: 4px; line-height: 28px;}
header div.nav-list .container>ul>li ul>li a{color: rgba(0,0,0,0.45);}
header div.nav-list .container>ul>li ul>li a:hover{color: #FF5722;}
header div.nav-bar:hover .top{top: 0; opacity: 1;}
header div.nav-bar:hover div.nav-list .container>ul{margin-top: 8px;}
header div.nav-bar:hover div.nav-list a.logo{width: 221px; background: transparent;}
header div.nav-bar:hover div.nav-list a.logo svg{fill:#E64A19;}
header div.nav-bar:hover div.nav-list a.logo svg.u{height: 64px; margin-left: 0;}
header div.nav-bar:hover div.nav-list a.logo svg.w{height: 26px; opacity: 1;}
header div.nav-bar div.nav-list .container .nav-unfold{display: none;}
header div.nav-bar div.nav-list .container div.nav-bg{display: none;}

header div.nav-bar div.nav-list a.logo svg.w{width: 0px;}
header div.no-bg div.nav-list a.logo svg.w, 
header.t2 div.nav-bar div.nav-list a.logo svg.w,
header div.nav-bar:hover div.nav-list a.logo svg.w{width: 100px;}


header.t1,header.t2{background-color: none;}
header.t2{background-size:100% auto; background-position: center center;}
@media screen and (max-width: 1300px) { 
	header.t2{background-size:auto 100%;}
}


header.t2 div.nav-bar{background-color: rgba(0,0,0,0); background-image: linear-gradient(180deg, #070321 0%, rgba(30, 34, 71, 0) 100%);}
header.t2 div.nav-bar .top{top: 0; opacity: 1;}
header.t2 div.nav-bar .logo{width: 221px; background: transparent;}
header.t2 div.nav-bar .logo svg.u{height: 64px; margin-left: 0;}
header.t2 div.nav-bar .logo svg.w{height: 26px; opacity: 1;}
header.t2 div.nav-bar div.nav-list .container>ul{margin-top: 8px;}
header.t2 div.nav-bar div.nav-list a.logo svg{fill:#ffffff;}



header .page_name >.container{font-weight: 600;display: flex;flex-direction: column;align-items: flex-start;}
header .page_name >.container b.sel{color:#E64A19;}
header .page_name span{font-size: 24px;line-height: 32px;}
header .page_name{font-size: 48px;line-height: 72px;}
header .page_name b{display: contents;}

header.t2 .page_name {height: 359px; padding-bottom: 56px;}
header.t2 .page_name span,header.t2 .page_name b{color: #FFFFFF;}
header.t2 .page_name b:after{content: '';width: 40px;height: 8px;background: #FF5722;}
header.t2 .page_name .container{margin-bottom:48px;overflow: hidden;height: 100%;justify-content: flex-end;padding-bottom: 48px;}
header.t2 .page_name .container b{display: flex;flex-direction: column;}
header.t2 .page_name .container>span,
header.t2 .page_name .container b{animation: t1animate 1s;}
@keyframes t1animate {
    from {transform: translateY(100px);opacity: 0;}
    to {transform: translateY(0);opacity: 1;}
}


header .path{min-width: 1024px;height: 56px; border-bottom: 2px solid rgba(0, 0, 0, 0.04);margin-bottom: 24px;} 
header .path>.container{display: flex;align-items: center;height: 100%;}
header .path img{margin:0 4px;width: 16px;height: 16px;}
header .path img:first-child{width: 24px;height: 24px;margin-right: 16px;}
header .path a{font-size: 14px;font-weight: 400;color: rgba(0, 0, 0, 0.45);line-height: 28px;}
header .path a:first-of-type{margin-right: 16px;}
header .path a:last-child{color: #E64A19;font-weight: bold;}


header div.sub-nav{background:  rgba(25, 9, 125, 0.8);}
header div.sub-nav>.container{display: flex;height: 100%;flex-wrap: wrap; padding: 0 64px; position: relative;}
header div.sub-nav>.container .bg{z-index: 0; position: absolute; top: -8px; bottom: -8px; width:0; background: #E64A19; transition: all 0.2s ease-out; transition-delay: 0.1s;}

header div.sub-nav>.container a{z-index: 1; flex-shrink: 0; display: flex; align-items: center; padding:0 16px;height: 56px; color: #FFFFFF;line-height: 28px;font-weight: 400;font-size: 20px;}
header div.sub-nav>.container a img{width: 24px; height: 24px;margin-right: 8px;}
header div.sub-nav>.container a img.hover{display: none;}
/*
header div.sub-nav a>*{z-index: 1; position: relative;}
header div.sub-nav a:before{position:absolute; content:"";background: #E64A19;width: 100%; height:72px;top: -8px; left: 0;z-index: 0;
transform: scaleX(0); transform-origin: right center;transition: transform .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .4s cubic-bezier(.165,.84,.44,1);}
header div.sub-nav a:hover:before{transform: scaleX(1); transform-origin: left center;}*/
header div.sub-nav>.container a:hover img.def{display:none;}
header div.sub-nav>.container a:hover img.hover{display: inline;}

/* 返回导航 */
header div.back{border-bottom: 2px solid  rgba(0, 0, 0, 0.04);;}
header div.back .container{ padding: 14px 64px;display: flex;align-items: center;}
header div.back .container a{color: #1890FF;line-height: 28px;font-size: 14px;margin-left: 17px;}

main{flex: 1 1 auto;}
main>div.container{display: flex;margin:32px auto 80px auto; align-items: flex-start;}
main>div.container>.sub-sub-nav{width: calc(20vw - 92px); margin-right: 68px; flex-shrink: 0;position: relative;}
main>div.container>.sub-sub-nav:before{content: '';width: 4px;height: 100%;background: #FBE9E7;position: absolute;left: 0;top: 0;}
main>div.container>.sub-sub-nav p{margin-bottom: 8px;position: relative;font-size: 16px;font-weight: bold;line-height: 24px;padding-left: 12px;}
main>div.container>.sub-sub-nav p:last-child{margin-bottom: 0;}
main>div.container>.sub-sub-nav p a{color: rgba(0, 0, 0, 0.85)}
main>div.container>.sub-sub-nav p.sel,
main>div.container>.sub-sub-nav p:hover{border-left: 4px solid #FF5722;padding-left: 8px;}
main>div.container>.sub-sub-nav p.sel a,
main>div.container>.sub-sub-nav p:hover a{color:#E64A19;}

@media screen and (max-width: 1024px) { 
	main>div.container>.sub-sub-nav{width: 112px;}
}

@media screen and (min-width: 1200px){
	header div.nav-bar .top:after{width: calc(50% - 145px);}
	main>div.container>.sub-sub-nav{width: 149px;}
}



main>div.container>.content{ flex-grow: 1; flex-shrink: 1;}
main.t2>div.container>div.content{width:100%;}
main.t3>div.container>div.content{width: calc(100% - 176px);}

footer{background: #000000; flex: 0 0 auto;}
footer .container{padding: 48px 64px 32px 64px;}
footer .container>div{display: flex; justify-content: space-between;}
footer .container .left>img{width: 148px;height: 62px;margin-bottom: 5px;}
footer .container .left p{margin-left: 40px;color: #FFFFFF;font-size: 12px;line-height: 20px;display: flex;align-items: center;margin-bottom: 4px;}
footer .container .left p:nth-last-child(2),
footer .container .left p:last-child{padding-left: 22px;margin-bottom: 0;}
footer .container .left p img{margin-right: 6px;}
footer .container .right{display: flex; justify-content: flex-end; flex-grow: 1; flex-direction: row;}
footer .container .right p{margin-left:40px; text-align: center; width: 100px; flex-shrink: 1;font-weight: bold;font-size: 12px;color: #FFFFFF;}
footer .container .right p img{display: block; width: 104px; height: 104px; background:#f00;margin-bottom: 10px;}
footer .container>p{display: flex; justify-content:center; margin-top: 76px;}
footer .container>p>*{line-height: 20px;font-size: 12px;color: RGBA(115, 115, 115, 1);}
footer .container>p>*{margin:0 10px;}