.menu_box{position:fixed;left:0;top:0;height:0;z-index:9999;overflow:hidden;background:#000;right:0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.menu_box::before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/cover.png) no-repeat center;background-size:70.3rem;z-index:-1}
.menu_box:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(circle,#68af5a,#30aabf);background-size:400%;-webkit-animation:colorSpin 10s linear infinite;animation:colorSpin 10s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;z-index:-2}
.menu_box.on:after{-webkit-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes colorSpin{
	0%{filter:hue-rotate(0)}
	25%{background-position:0 100%}
	50%{background-position:60% 80%;filter:hue-rotate(140deg)}
	75%{background-position:60% 100%}
	100%{filter:hue-rotate(0)}
}
@keyframes colorSpin{
	0%{filter:hue-rotate(0)}
	25%{background-position:0 100%}
	50%{background-position:60% 80%;filter:hue-rotate(140deg)}
	75%{background-position:60% 100%}
	100%{filter:hue-rotate(0)}
}
.menu_box.on{height:100vh}
.menu_box .top{margin:0 auto;padding:0 0 3rem;position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;}
.menu_box .logo{display:block;margin: 4.9rem 0 0 12.2rem;}
.menu_box .top .rt{display:flex;align-items:center;white-space:nowrap;}
.menu_box .top a.link{color:#fffefe;display:inline-block;vertical-align:middle;position:relative;padding: 1.6rem 1.9rem 0;}
.menu_box .top a.link:hover{color:#fff}

.menu_box .rt_top{position: relative;margin: 0 0 0 .9rem;}
.menu_box .rt_top .btn{width:7.6rem;height:7.6rem;line-height:7.6rem;text-align:center;cursor:pointer}
.menu_box .rt_top .btn.en{background:#00398D;color: #fff;}
.menu_box .rt_top .btn.close{background:#001D48 url(../images/close.png) no-repeat center/100% 100%;}

.menu_box .links{text-align: center;}
.menu_box .links a{color: #fff;margin: 0 1.4rem;}

.cover_nav{display:block;margin: 6.4rem auto 10.7rem;position:relative;z-index:10;text-align: center;}
.cover_nav ul > li{line-height: 4rem;display:inline-block;vertical-align: top;text-align: left;width: 21rem;max-height: calc(100vh - 51.5rem);overflow: auto;}
.cover_nav ul > li::-webkit-scrollbar{width: 0;}
.cover_nav ul li > a{color:#fff;margin: 0 0 5.4rem;display: block;}
.cover_nav ul li > a:hover{}

.s_cover_nav{}
.s_cover_nav a{color: #fff;line-height: 3.8rem;}

.header{width:100%;min-width:30rem;height:auto;z-index:1000;top:0;position:fixed;width:100%;left:0;top:0}
.header .top{height:7.6rem;padding:0 0;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;align-items:top}
.logo{margin:2.5rem 0 0 16rem;z-index:2;width:34.3rem;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.top_link{text-align:right;margin:0 0 3rem 0}
.top_link a{color:#fff;line-height:3rem}

.ser{position:relative;width:90rem;background:#02265c;border-radius:0;height:7.6rem;margin: 0 auto 7.6rem;}
.ser .search{background: #02265C;}
.ser .notxt{color: #fff;padding-left: 5.8rem;}
.ser .notxt::placeholder{color: #fff;}
.ser .notxt1{width: 9rem;background: url(../images/ser2.png) no-repeat center/3.1rem auto;}

.header_rt{/*width: 94rem;*/align-items:top}
.navtop{margin: 1.2rem 2.4rem .7rem 0;white-space: nowrap;}
.navtop a{display: inline-block;vertical-align: top;text-align: right;color: #C1C1C1;margin: 0 0 0 2em;}
.navtop a:hover{color: #fff;}
.header.currents .navtop{margin:0;display:none}

.header_rt .btn_box{width:15.2rem}
.header_rt .btn{width:7.6rem;height:7.6rem;line-height:7.6rem;text-align:center;cursor:pointer}
.header_rt .btn.en{background:#00398D;color: #fff;}
.header_rt .btn.search_btn{background:#001D48 url(../images/ser.png) no-repeat center/100% 100%;}

.nav{position:relative;/* width: calc(100% - 18.2rem); */text-align:right;}
.nav ul > li{line-height:4.2rem;transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.nav ul li > a{color:#fff;display:inline-block;width: 5.91em;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.nav ul li > a:hover{background: #00398D;color: #fff;}

.sub_nav{position: absolute;left: 50%;min-width: 31.5rem;margin-left: -15.7rem;background: rgba(0,0,0,.65) url(../images/nav_bg.png) no-repeat right bottom/76.5% auto;}
.sub_nav .en{position: absolute;left: 5rem;color: rgba(29, 96, 195, .5);font-size: 3rem;font-family: 'Noto Serif SC';font-weight: bold;line-height: 4rem;transform: rotate(90deg);transform-origin: left center;padding: 0 2rem 0 1rem;/* width: 100%; */white-space: nowrap;text-transform: uppercase;text-align: left;}
.sub_nav .en.long{font-size: 2.1rem;}
.sub_nav .en::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 1rem;bottom: 1.2rem;border-top: .1rem dashed #fff;border-left: .1rem dashed #fff;}
.sub_nav .en::after{content: '';display: block;position: absolute;left: 1rem;top: 0;right: 3.8rem;height: .5rem;background: #00398D;}

.sub_nav dl{padding: 6.2rem 1.6rem 12.5rem 11.6rem;}
.sub_nav dd{width:100%;position:relative;padding:0;text-align: left;}
.sub_nav a{color:#fff;display:block;margin:0 0 0;position:relative;padding: 0;text-align: left;line-height: 5rem;display: inline-block;white-space: nowrap;}
.sub_nav a::before{content:'';display:block;width:0rem;height:0;position:absolute;bottom:0;border-bottom: .1rem dashed #fff;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; right: 0;left: auto;}
.sub_nav dd:hover>a{font-weight: bold;}
.sub_nav dd:hover>a::before{width: 100%;left:0;right: auto;}

.nav ul li:hover .sub_nav{-webkit-animation-name:flipInY;animation-name:flipInY;animation-duration:.6s;-webkit-animation-duration:.6s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;display:block}
@keyframes flipInY{
	from{opacity:0}
	to{opacity:1}
}
.header.currents{position:fixed;left:0;right:0;top:0;z-index:3;z-index:1000;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(0,0,0,.1)}
.header.currents{animation:header .7s linear 0s 1 both;transform-style:preserve-3d}
@-webkit-keyframes header{
	0%{transform:translateY(-100%)}
	100%{transform:translateY(0)}
}
@keyframes header{
	0%{transform:translateY(-100%)}
	100%{transform:translateY(0)}
}
.header.currents .logo{margin-top:1rem;width: 25rem;}
.header.currents .nav ul>li{padding-top:0} 
.header.currents .nav ul li>a{font-size:2rem;line-height:7.6rem;}

@media screen and (max-width:1480px){
	.logo{margin-left: 4rem;}
}
@media screen and (max-width:996px){
	.header{position: absolute;}
	.header.currents{position:fixed;left:0;right:0;top:0;z-index:3}
	.header.currents .top{height:auto;padding:9px 0}
	.header::before,.header_rt,.nav,.top_link,.wrap_nav{display:none}
	.header .top{height:auto;width:auto;position:relative}
	
	.logo{top:0;width:272px;margin-left: 70px;margin-top: 18px;}

}


@media screen and (max-width:996px){
	.mob_nav_btn{height:70px;text-align:left;width:70px;z-index:1001;position:absolute;cursor:pointer;margin-right:0;font-weight:700;text-align:right;right:0;top:0;background:#00398D;}
	.mob_nav_btn span{position:absolute;left:calc((100% - 42px)/ 2);top:calc((100% - 1px)/ 2);width:42px;height:2px;background-color:#fff;animation-duration:.5s;animation-fill-mode:both}
	.mob_nav_btn span:nth-child(1){transform:translateY(11px) rotate(0);animation-name:outfirst}
	.mob_nav_btn span:nth-child(2){transform:translateY(-0px) rotate(0);animation-name:outsecond;width: 32px;left: calc((100% - 32px)/ 2);}
	.mob_nav_btn span:nth-child(3){transform:translateY(-11px) rotate(0);animation-name:outthird}

	.menu_box::before{background-size: 384px;}
	.menu_box.on::before,.menu_box.on::after{position: fixed;}
	.menu_box.on{overflow: auto;}
	.menu_box .logo{width: 188px;margin: 14px 0 0 38px;}
	.menu_box .top a.link{display: none;}

	.cover_nav{margin: 34px 34px 44px 46px;}
	.cover_nav ul > li{width: 100%;position: relative;max-height: initial;}
	.cover_nav ul li > a{margin: 0;font-size: 24px;line-height: 54px;border-bottom: 1px dashed #fff;}
	.cover_nav .arrow{width: 40px;height: 40px;background: url(../images/mode02_next.png) no-repeat center/auto 20px;position: absolute;right: 0px;top: 7px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
	.cover_nav li.on .arrow{transform: rotate(90deg);}
	.cover_nav ul li > a:hover{}
	.s_cover_nav{display: none;border-bottom: 1px dashed #fff;padding: 9px 0;}
	.s_cover_nav a{font-size: 18px;line-height: 40px;}
	
	.ser{width: auto;margin: 0 15px 0 20px;height: 76px;}
	.ser .notxt{font-size: 16px;}

	.menu_box .links{max-width: 320px;margin: 0 auto;padding: 20px 0;overflow: hidden;}
	.menu_box .links a{width: 33%;display: block;text-align: left;margin: 0;font-size: 16px;line-height: 2.5em;float: left;}
}
@media screen and (max-width:767px){
	.header .gp-container{background-size:160px auto}
	.logo{overflow:hidden;width:200px;max-width:100%;text-align:center;position:relative;margin: 14px 0 0 40px;}

	.mob_nav_btn{width: 55px;height: 55px;}
	.mob_nav_btn span{left:calc((100% - 32px)/ 2);top:calc((100% - 1px)/ 2);width:32px;height:2px;}


	.logo{margin-left: 15px;}
	
	.menu_box .logo{width: 140px;margin: 14px 0 0 15px;}
	.cover_nav{margin: 1px 15px 20px;}

	.cover_nav .arrow{top: 0;}
	.cover_nav ul li > a{font-size: 18px;line-height: 40px;}
	.s_cover_nav{padding: 6px 0;}
	.s_cover_nav a{font-size: 16px;line-height: 34px;}
	.ser{margin: 0 15px;height: 50px;}
	.ser .notxt{padding-left: 22px;}
	.ser .notxt1{width: 70px;background-size: 20px auto;}
	.menu_box .links{padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width:413px){
	.logo{width: 140px;}

}

footer{background:url(../images/footer_bg.png) no-repeat center/cover;position:relative;padding: 5.6rem 0 10.2rem;z-index:2;}
.footer_lf{float: left;margin: 1.9rem 0 0;width: 53.1rem;}
.footer_logo{display: block;width: 28.8rem;}
.footer_lf .line{margin: 3.9rem 0 3.1rem;border-bottom: .1rem dashed #7BA8B7;}

.fast_links{float: right;width: 26.6rem;}
.fast_links a{display: block;color: #fff;line-height: 2.2em;border-bottom: .1rem dashed transparent;}
.fast_links a:hover{border-bottom: .1rem dashed #fff;}
.fast_links .bqsm{display: block;color: #fff;line-height: 2.2em;border-bottom: .1rem dashed transparent;position: relative;}
.fast_links .bqsm:hover{border-bottom: .1rem dashed #fff;}
.fast_links .bqsm:hover .msg{transform: translateY(-100%);opacity: 1; }
 

.bqsm .msg {
	width: 18rem;
	font-size: 1.2rem;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 1rem !important;
	background: #fff;
	position: absolute;
	top: 0rem;
	left: 0rem;
	transition: all 0.3s ease-in-out;
	transform: translateY(0%);
	opacity: 0;
	color: #333 !important;
	text-align:left; 
}
.bqsm .msg a{ 
	color: #333;padding: 0;
}
.bqsm .msg a:hover{ 
	color: #00398D; 
}

.copy_right{color: #fff;line-height: 1.875em;}
.copy_right1{margin-bottom: 1.875em;padding: .4rem 0 0;}

.footer_rt{float: right;width: 77.1rem;}

.footer_01{}
.footer_01 ul{margin: 0 0 3.7rem -1rem;}
.footer_01 li{width: 12.5%;}
.footer_01 .item{margin: 0 0 1.9rem 1rem;position: relative;}
.footer_01 .gp-img_centered{padding-bottom: calc(100% - 2px);border: .1rem dashed #6691AB;border-radius: 50%;}
.footer_01 .gp-img_centered img{width: 8.5rem;}
.footer_01 .hover_box{position: absolute;padding: .5rem;background: #fff;left: 50%;transform: translateX(-50%);top: 100%;width: 15rem;border-radius: .5rem;display: none;}
.footer_01 .hover_box img{display: block;width: 100%;}
.footer_01 .hover_box p{box-sizing: border-box;padding: 5px;text-align: center;color: #333;}
.footer_01 .item:hover{z-index: 10;}
.footer_01 .item:hover .hover_box{display: block;-webkit-animation: footercode .3s ease-in-out;animation: footercode .3s ease-in-out;}
@-webkit-keyframes footercode{
	0%{opacity: 0;top: 110%;}
	100%{opacity: 1;top: 100%;}
}
@keyframes footercode{
	0%{opacity: 0;top: 110%;}
	100%{opacity: 1;top: 100%;}
}

.footer_links{text-align: right;color: #fff;float: right;border-bottom: .1rem dashed #7BA8B7;}
.footer_links a{color: #fff;padding: 0 2rem 2rem;display: inline-block;}
.footer_links div{color: #fff;padding: 0 2rem 2rem;display: inline-block;}
.footer_rt .footer_links a:last-child{padding-right: 0;}
.footer_rt .footer_links div:last-child{padding-right: 0;}
.footer_rt .footer_links a:first-child{padding-left: 0;}
.footer_rt .footer_links div:first-child{padding-left: 0;}

.footer_lf p:first-child a:first-child{padding-left: 0;}
.footer_lf p:last-child a:first-child{padding-right: 0;}

.footer_links >div:last-of-type {
	position: relative;
}

.footer_links >div:hover .msg{transform: translateY(-100%);opacity: 1; }
 

.footer_links >div .msg {
	width: 18rem;
	font-size: 1.2rem;
	line-height: 1.5;
	box-sizing: border-box;
	padding: 1rem !important;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: all 0.3s ease-in-out;
	transform: translateY(0%);
	opacity: 0;
	color: #333 !important;
	text-align:left; pointer-events: none;
}
.footer_links >div .msg a{ 
	color: #333;padding: 0;
}
.footer_links >div .msg a:hover{ 
	color: #00398D; 
}

 

@media screen and (max-width:996px){
	footer{width:auto;max-width:initial;padding-top: 26px;padding-bottom: 45px;}
	.footer_rt{width: 100%;float: none;}
	.footer_01 ul{margin: 0 0 -20px -10px;}
	/* .footer_01 li{width: 12.5%;} */
	.footer_01 .item{margin: 0 0 20px 10px;position: relative;}

	.fast_links{float: left;font-size: 18px;width: 210px;margin: 0 0 17px 50px;}
	.footer_lf{width: 100%;float: none;margin: 18px 0 0;}
	.footer_logo{margin: 0 auto;width: 288px;}
	.copy_right1{float: none;margin: 0;width: 100%;font-size: 16px;}
	.copy_right2{clear: both;margin: 0;text-align: center;font-size: 16px;padding: 24px 0 0;border-top: 1px dashed #7BA8B7;}
	.copy_right2 p{display: inline-block;padding: 0 12px;}

	.footer_links{float: none;text-align: left;border-bottom: none;font-size: 18px; ;display: flex;flex-wrap: wrap;}
	.footer_rt .footer_links a:first-child{padding-left: 0;}
	.footer_links a{padding: 0 10px 10px 10px;}
	.footer_links a:first-child{padding-left: 0 ;}

	.footer_links div:first-child{padding-left: 0;}
	.footer_links div{padding-bottom: 11px;}

	.footer_lf .line{margin: 28px 0 12px;}

	.copy_right p{position: relative;} 
	

}
@media screen and (max-width:767px){
	footer{padding-top: 20px;}

	.footer_rt{border-bottom: 1px dashed #7BA8B7;padding: 0 0 28px;}
	.footer_lf{margin-top: 28px;}
	.footer_lf .line{display: none;}
	
	.footer_01{max-width: 300px;margin: 0 auto;}
	.footer_01 ul{margin: 0 0 -7px -8px;}
	.footer_01 li{width: 25%;}
	.footer_01 .item{margin: 0 0 7px 8px;}

	.fast_links{float: none;padding: 19px 60px;width: auto;margin: 0 0 9px;border-bottom: 1px dashed #7BA8B7;}

	.footer_links{border-bottom: 1px dashed #7BA8B7;margin: 17px 0;justify-content: center;}

	.copy_right p{padding-left: 60px;padding-right: 0; }
	.copy_right .footer_links p:last-child{padding-left: 0px;padding-right: 0; }
	 
	.copy_right1{float: none;margin: 0;width: auto;font-size: 16px;}
	.copy_right2{border: none;padding-right: 0;text-align: left;padding-top: 30px;}

}

@media screen and (max-width:413px){
	.footer_lf{margin-top: 16px}
	.fast_links{padding: 12px 30px;}
	.copy_right p{padding-left: 30px;} 
}