/*头部样式*/
header{width:100%;min-width: 300px;height:auto;z-index:10;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;-webkit-animation-name: header_in;animation-name: header_in;animation-duration: 1.2s; -webkit-animation-duration: 1.2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;z-index: 10 !important;}
@-webkit-keyframes header_in{
	from {opacity: 0;top: -300px;}
	to {opacity: 1;top: 0;}
}
@keyframes header_in{
	from {opacity: 0;top: -300px;}
	to {opacity: 1;top: 0;}
}

.header .h1{line-height: 50px;background: #1c4b90;height: 50px;position: relative;z-index: 3;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;}
.header .h1 .lf{float: left;color: #fff;padding: 0 0 0 18px;}
.header .h1 .rt{float: right;color: #fff;}
.header .h1 .lf a{color: #fff;padding: 0 15px 0;position: relative;}
.header .h1 .rt a{color: #fff;padding: 0 18px 0;position: relative;}
.header .h1 .lf a:hover,.header .h1 .rt a:hover{font-weight: bold;}
.header .h1 .lf a:hover::after,.header .h1 .rt a:hover::after{content: '';display: block;width: 30px;height: 1px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -4px;}

.search_btn{height: 50px;z-index:600;width: 50px;position: relative;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 13px 0 4px;background: url(../images2022/search_btn.png) center no-repeat;z-index: 999;}

.search_box{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.search_box.on{display: block;}
.search_box .close{background: url(../images2022/close.png) center no-repeat;background-size: 60%;width: 80px;height: 80px;position: absolute;right: 50px;top: 50px;}

.ser{height: 45px;z-index:600;width: 500px;position: absolute;margin: 0 13px 0 20px;z-index: 999;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);}
.ser .search{width: 500px;height: 45px;background: #fff;position: absolute;/* top: 40px; */right: 0;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,.4);}
.ser .search input.notxt{position:absolute;width: calc(100% - 150px);height: 100%;color: #999;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.ser .search input.notxt1{position:absolute;width: 120px;height: 100%;border:none;background: none;right: 0;cursor: pointer;z-index: 3;font-size: 0;bottom: 0;background: url(../images2022/search_btn.png) center no-repeat #1c4b90;}
.ser.on .search{display: block;}

.wrapTop{width: 100%;position: relative;z-index: 2;}
.header .top{position:relative;z-index: 2;/* max-width: 1400px; */}
.logo{width: 270px;padding: 13px 0 20px;position: relative;}
.logo a{display: block;position: absolute;top: 0;bottom: 0;z-index: 3;}
.logo a.logo1{width: 100%;left: 0;}
.logo img{width: 100%;display: block;}
.logo .c2{display: none;}

.nav{line-height: 75px;height: 75px;position: absolute;right: -18px;top: 13px;}
.nav ul{font-size: 0;text-align: justify; text-justify:inter-ideograph;}
.nav ul::after{content: '';width: 100%;display: inline-block;*display: inline;*zoom:1;}
.nav ul > li{position: relative;text-align: center;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transform: perspective(5000px);-moz-transform: perspective(5000px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);}
.nav ul li > a{font-size: 22px;display: block;position: relative;color: #fff;font-weight: bold;text-shadow: 0 2px 3px rgba(0,0,0,.8);transition: all ease-in-out .2s;-ms-transition: all ease-in-out .2s;-moz-transition: all ease-in-out .2s;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s;padding: 0 19px;}
.nav ul li:hover > a,.nav ul li > a.on{background: #f3f3f3;color: #1c4b90;text-shadow: none;}
.nav ul li:hover > a::after,.nav ul li > a.on::after{content: '';display: block;width: 68px;height: 1px;background: #1c4b90;position: absolute;left: 50%;transform: translateX(-50%);top: 67%;}
.subNav{background: #f3f3f3;white-space: normal;position: absolute;top: 100%;display: none;left: 0;width: 368px;padding: 20px 0 31px 49px;}
.subNav.less{/* max-width: 270px; */}
.nav ul li:last-child .subNav,.nav ul li:nth-last-child(2) .subNav{left: auto;right: 0;}
.subNav::before{content: '';display: block;width: 3px;height: 68px;background: #b5b5b5;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
.subNav dl{margin: 0 -30px 0 0;}
.subNav dd{float: left;display: block;min-width: 160px;margin: 0 30px 0 0;/* width: 50%; */}
.subNav a{color: #454545;padding: 6px 0;display: block;line-height: 24px;font-size: 16px;white-space: nowrap;text-align: left;}
.subNav a:hover{background: rgba(0,0,0,0.1);}

.nav ul li:hover .subNav{-webkit-animation-name: opShow ;animation-name: opShow ;animation-duration: 0.25s; -webkit-animation-duration: 0.25s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;visibility: visible !important; display: block;}
@keyframes flipInY{
	from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;opacity: 0;}
	40% {-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);transform: perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
	60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);transform: perspective(400px) rotate3d(0, 1, 0, 10deg);opacity: 1;}
	80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}
	to {-webkit-transform: perspective(400px);transform: perspective(400px);}
}
@keyframes opShow{
	from{opacity: 0;}
	to {opacity: 1;}
}


header.currents{position: fixed;background: #fff;top: 0;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
header.currents .c1,header.currents .h1{display: none;}
header.currents .c2{display: block;}
header.currents .logo{padding: 13px 0;}
header.currents li > a{text-shadow: none;color: #323232;}


.mobile-header{width: calc(100% - 216px);position:absolute;top: 0;right: 0;z-index: 10;overflow: auto;background: #1c4b90;padding: 44px 33px 24px;}
.mobile-header.on{animation-duration: 0.5s;animation-fill-mode: both;animation-name: y_scale;}

.mob_nav_btn{height: 37px;width: 37px;z-index: 999;position: absolute;right: 26px;top: 50%;transform: translateY(-50%);background: url(../images2022/m_nav1.png) center no-repeat;background-size: 100% 100%;} 
.mob_nav_btn:hover{opacity:0.8;cursor: pointer;}
.mob_nav_btn.on{background-image: url(../images2022/m_nav2.png);width: 30px;height: 31px;top: 18px;}

.mobile-nav{width: 100%;padding-top: 0;}
.mobile-nav a{display: inline-block;line-height: 48px;text-decoration: none;width: 100%;font-size: 1.4rem;color: #fff;border-top: solid 1px rgba(255,255,255,.35);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.mobile-nav a:hover{color:#fff;}
.mobile-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}
.mobile-nav li{position: relative;}
.mobile-nav li strong{color: #fff;position: absolute;right: -16px;top:0;font-size: 0;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: url(../images2022/mobile_arrow1.png) center no-repeat;}
.mobile-nav li strong.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mobile-nav li > a{font-weight: bold;}
.mobile-nav .mobile_subNav{display: none;padding-left:10px;}
.mobile-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgba(0,0,0,0.2);font-size: 1.2rem;}

.mobile-header .m1{color: #fff;text-align: justify;border-bottom: 1px solid rgba(255,255,255,.35);line-height: 0;}
.mobile-header .m1::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 100%;height: 0;}
.mobile-header .m1 a{color: #fff;display: inline-block;*display: inline;*zoom:1;height: 2;line-height: 22px;}

.mobile-header .m2{color: #fff;text-align: justify;border-bottom: 1px solid rgba(255,255,255,.35);line-height: 0;padding: 10px 0 6px;}
.mobile-header .m2::after{content: '';display: inline-block;*display: inline;*zoom:1;width: 100%;height: 0;}
.mobile-header .m2 a{color: #fff;display: inline-block;*display: inline;*zoom:1;height: 2;line-height: 30px;min-width: 4em;}

.mobile_search{clear: both;position: relative;background: #fff;overflow: hidden;margin: 16px 0 0;}
.mobile_search .search{width: 100%;height: 58px;background: #fff;z-index: 999;}
.mobile_search .search input.notxt{position:absolute;width: 100%;height: 100%;color: #eee;left: 0px;top: 1px;padding:0;margin:0px;outline: none;font-size: 14px;z-index: 3;padding: 0 0 0 20px;background: transparent;border: 0;}
.mobile_search .search input.notxt1{position:absolute;width: 46px;height: 100%;border:none;right: 0;cursor: pointer;z-index: 4;font-size: 0;bottom: 0;background:url(../images2022/m_search.png) no-repeat center center;padding: 0;}

footer{clear: both;position: relative;background-size: cover;}
footer .f1{background: url(../images2022/footer_bg.png) top center no-repeat;padding: 67px 0 51px;background-size: cover;background: #0a336e;}
.footer_logo{display: block;width: 328px;float: left;margin: 0 0 18px 12px;}
.footer_lf{max-width: 510px;clear: left;float: left;}
.footer_rt{float: right;max-width: 530px;margin: -8px -30px 0 0;}

.footer_info{color: rgba(255,255,255,1);line-height: 36px;position: relative;}
/* .footer_info .blue{position: absolute;left: 0;top: 30px;display: block;width: 24px;} */
.view_count{color: #fff;margin: 45px 0 0 20px;float: right;}

.blue{width: 40px;display: inline-block;*display: inline;*zoom:1;vertical-align: middle;margin: 0 0 0 22px;}
.blue img{display: block;}

.footer_share{margin: 24px 0 0 0px;}
.footer_share_btn{display: inline-block;*display: inline;*zoom:1;width: 50px;height: 50px;margin: 0 26px 0 0;position: relative;}
.footer_share_btn.sina{background: url(../images2022/footer_sina.png) center no-repeat;}
.footer_share_btn.wechat{background: url(../images2022/footer_wechat.png) center no-repeat;}
.footer_share_btn .code{position: absolute;left: 0;bottom: 100%;width: 90px;background: #fff;display: none;}
.footer_share_btn:hover .code{display: block;}
.footer_share_btn .code img{display: block;}

.footer_links li{text-align: center;color: #fff;width: 33.3%;}
.footer_links a{margin: 0 0 42px 68px;}
.footer_links .img_centered{border: 1px solid rgba(255,255,255,.4);background: rgba(0,0,0,.2);padding-bottom: 100%;border-radius: 50%;}
.footer_links .img_centered img{z-index: 2;}
.footer_links .img_centered::before{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: #0152AC;width: 0;height: 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;border-radius: 50%;}
.footer_links .title{margin: 13px 0 0;color: #fff;font-weight: bold;}
.footer_links a:hover .img_centered::before{width: 100%;height: 100%;}

.footer_links a:hover .img_centered img{-webkit-animation: rotateInDownRight .4s linear ;animation: rotateInDownRight .4s linear }

.copy_right{color: #fff;line-height: 36px;padding: 0 0 14px;}
.copy_right span{display: inline-block;*display: inline;*zoom:1;padding: 0 17px;vertical-align: middle;}

.go_top{width: 65px;height: 65px;background: rgba(255,255,255,.5);text-align: center;font-size: 16px;line-height: 20px;position: fixed;right: 20px;bottom: 20px;z-index: 10;display: none;cursor: pointer;border-radius: 50%;box-shadow: 0 0 16px 2.4px rgba(107,107,107,.5);}
.go_top img{display: block;margin: 4px auto -8px;width: 45px;}
.go_top p{text-align: center;font-size: 12px;line-height: 16px;color: #0152ac;}

@media screen and (max-width: 1480px){
	.header .top{}
	.logo{}
	.nav{left: 420px;right: 0;}
	.nav ul li > a{font-size: 16px;}
	
}
@media screen  and (max-width:1280px) {
	.logo{/* width: 360px; */}
	/* .header .top{height: 110px;} */
	.header .h1 .lf{padding: 0;}
	.nav{left: 350px;}
	.nav ul li > a,.subNav a{font-size: 14px;}
	.header .h1 .lf a{padding: 0 12px 0;}
	.header .h1 .rt a{padding: 0 8px 0;}
	
	.footer_top{text-align: justify;}
	.footer_lf{}
	.footer .md{padding: 15px 0 0;display: inline-block;*display: inline;*zoom:1;float: none;vertical-align: top;}
	.footer_rt{padding: 20px 0 0;}
}
@media screen  and (max-width:1040px) {
	.footer.row{overflow: visible;}
	.top_link,.nav{right: 20px;}
	
	.footer_info h3{font-size: 16px;}
	
}
@media screen  and (max-width:992px) {
	header{animation: none;-webkit-animation: none;border-top: 5px solid #1c4b90;}
	.header.currents{display: none !important;}
	.header .h1,.nav,.top_link{display: none;}
	.header .top{height: auto;width: auto;}
	.logo{top: 0;padding: 12px 0;}
	
	footer{background-size: cover;}
	footer .f1{padding: 27px 0 7px;}
	.footer_logo{margin: 0 auto 10px;max-width: 180px;display: block;float: none;}
	
	.footer_links ul{margin: 0 0 -13px -56px;}
	.footer_links a{margin: 0 0 35px 56px;}
	.footer_links .title{margin: 10px 0 0;}
	
	.footer_lf{float: none;width: auto;margin: 0 auto 10px;text-align: center;display: block;clear: left;}
	.footer_rt{float: none;padding: 0 0 0;margin: 0 auto;}
	
	.footer_info{line-height: 1.5em;padding: 10px 0 0;}
	.footer_info p{text-align: center;}
	.view_count{margin: 10px 0 0;float: none;text-align: center;}
	.footer_share{margin: 20px 0 0;text-align: center;}
	.copy_right{line-height: 18px;padding: 12px 0 0;font-size: 12px;font-size: 0;}
	.copy_right span{display: block;font-size: 14px;}
	
	.go_top{width: 40px;height: 40px;}
	.go_top p{display: none;}
	.go_top img{width: 35px;}
	
}
@media screen  and (max-width:767px) {
	.logo{overflow:hidden;width: 180px;max-width: 100%;/* margin:0 auto; */text-align: center;position: relative;padding: 8px 0;}
	
	.mobile-nav{}
	.mobile-nav ul{}
	.mobile-nav a{font-size: 16px;}
	
}
@media screen and (max-width:413px) {
	/* .footer_links li{width: 50%;} */
	
	.footer_links ul{margin: 0 0 -13px -20px;}
	.footer_links a{margin: 0 0 35px 20px;}
	.footer_links .img_centered img{max-width: 40%;}
	
}
@media screen and (max-width:380px) {
	/* .logo{float:left;} */
	
	
}