@charset "utf-8";
/* CSS Document*/
/* ---------- top_main ----------*/
.top_main{position: relative;color: #666;line-height: 38px;background-color: #eee;z-index: 3;}
.top_main .lang{position: relative;}
.top_main .lang span{position: relative;display: block;color: #fff;padding: 0 20px 0 35px;background: #003e80 url(../images/lang.png) no-repeat 10px center;background-size: 15px;cursor: pointer;z-index: 1;}
.top_main .lang ul{position: absolute;top: 38px;width: 100%;text-align: center;background: #eee;opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translateY(-60px);/* box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3); */}
.top_main .lang ul li a:hover{color: #023e81;}
.top_main .lang ul li a{display: block;color: #666;line-height: 35px;}
.top_main .lang:hover ul{opacity: 1;visibility: visible;transform: translateY(0);}
/* ---------- header ----------*/
#header{position: relative;top: 0;left: 0;right: 0;height: 90px;background: #fff;z-index: 2;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);transition: all 0.3s ease-in-out;}
#header:after{position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: rgba(255,255,255,.15);content: "";}
#header>div{position: relative;display: flex;justify-content: space-between;align-items: center;}
.header-logo{display: flex;align-items: center;height: 90px;}
.header-logo a{display: block;}
.header-logo a img{width: 140px;/* 修改logo宽度*/}
/* navigation*/
#header-nav-wrap{display: flex;margin-left: auto;}
#header-nav-wrap .header-main-nav{height: 90px;font-size: 15px;}
#header-nav-wrap .header-main-nav li{position: relative;float: left;padding: 0 20px;}
#header-nav-wrap .header-main-nav li>div>a{position: relative;display: inline-block;padding: 0 4px;color: #333;font-size: 15px;line-height: 90px;}
@media only screen and (min-width: 1025px){
#header-nav-wrap .header-main-nav li>div>a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color: #2c70c1;opacity: 0;transition:all .5s ease;}
#header-nav-wrap .header-main-nav li:hover>div>a:before,
#header-nav-wrap .header-main-nav li.current>div>a:before{width:100%;opacity: 1;}
#header-nav-wrap .header-main-nav li:hover>div>a,
#header-nav-wrap .header-main-nav li.current>div>a{color: #2c70c1;}
#header-nav-wrap .slidBox{position: absolute;left: -10%;right: 0;width: 120%;opacity: 0;visibility: hidden;z-index: 110;border-radius: 0 0 5px 5px;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: #0067d0;overflow: hidden;box-shadow: 0 2px 5px rgba(0,0,0,0.075);}
#header-nav-wrap .header-main-nav li:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#header-nav-wrap .navSbox{position: relative;width: 100%;overflow: hidden;}
#header-nav-wrap .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}
#header-nav-wrap .navSli:last-child a{border-bottom: 0;}
#header-nav-wrap .navSlink{display:block;color:#fff;line-height: 35px;padding: 0 5px;border-bottom: 1px solid #0056ad;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#header-nav-wrap .navSlink:hover{background: #013e81;}}
.header-bar{display: flex;align-items: center;margin-left: 15px;}
.header-search{float: left;height: 20px;border-left: 1px solid #ccc;}
.header-search .search-btn{display: inline-block;width: 60px;height: 20px;background: url("../images/search-ico.png") no-repeat center;}
.search_main{position: absolute;top: 100%;right: 0;transition: all ease 300ms;width: 300px;height: 0;overflow: hidden;background: #f2f2f2;border-radius: 0 0 5px 5px;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);}
.search_main.cur{height: 60px;}
.search_main .search_box{height:40px;padding: 10px;}
.search_main .search_box form{display: flex;}
.search_main .search_box input{background-color: none; border: none;}
.search_main .search_box .stxt{width: calc(100% - 60px);color: #666;text-indent: 10px;line-height: 40px;border-radius: 50px 0 0 50px;}
.search_main .search_box .sbtn{width: 60px;height: 40px;display: block;cursor: pointer;color: #fff;background: #023e81;border-radius: 0 50px 50px 0;}
/* menu trigger*/
.header-menu-toggle{display: none;position: absolute;top: 12px;right: 20px;width: 40px;height: 40px;font-family: "montserrat-regular", sans-serif;font-size: 1.2rem;text-transform: uppercase;color: rgba(0,0,0,0.5);line-height: 40px;transition: all 0.3s ease-in-out;}
.header-menu-toggle:hover,
.header-menu-toggle:focus{color: #fff;}
.header-menu-toggle span{display: block;position: absolute;top: 50%;left: 8px;right: auto;bottom: auto;margin-top: -1px;width: 24px;height: 2px;background: #ababab;font: 0/0 a;color: transparent;transition: all 0.5s ease-in-out;}
.header-menu-toggle span::before,
.header-menu-toggle span::after{position: absolute;left: 0;width: 100%;height: 100%;background: inherit;content: "";transition: all 0.5s ease-in-out;}
.header-menu-toggle span::before{top: -9px;}
.header-menu-toggle span::after{bottom: -9px;}
.header-menu-toggle.is-clicked span{background: rgba(255,255,255,0);transition: all 0.1s ease-in-out;}
.header-menu-toggle.is-clicked span::before,
.header-menu-toggle.is-clicked span::after{background: #666;}
.header-menu-toggle.is-clicked span::before{top: 0;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.header-menu-toggle.is-clicked span::after{bottom: 0;-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
/* responsive*/
@media only screen and (max-width: 1280px){
#header-nav-wrap .header-main-nav li {padding: 0 10px;}}
@media only screen and (max-width: 1024px){
body{padding-top: 65px;}
.top_main{display: none;}
#header{position: fixed;height: 65px;}
.header-logo{position: absolute;top: 0;left: 0;height: 64px;}
.header-logo a{padding: 20px;}
.header-logo a img{width: 90px;}
#header-nav-wrap{position: fixed;display: none;top: 65px;left: 0;right: 0;height: calc( 100% - 65px);background: rgba(0,0,0,.9);backdrop-filter: blur(5px);box-shadow: 0 0 24px rgba(0,0,0,0.1);box-sizing: border-box;overflow-x: hidden;z-index: 2;}
#header-nav-wrap .header-main-nav{height: auto;}
#header-nav-wrap .header-main-nav li{display: block;float: none;padding: 0;border-bottom: 1px solid rgba(255,255,255,0.05);}
#header-nav-wrap .header-main-nav li .tNavH{position: relative;margin: 0 3% 0 8%;}
#header-nav-wrap .header-main-nav li .tNavH>a{display: block;padding: 15px 0;color: #fff;line-height: 20px;}
#header-nav-wrap .header-main-nav li.current .tNavH>a{border-bottom: none;}
#header-nav-wrap .header-main-nav li i{position: absolute;top: 0;right: 0;width: 50px;height: 50px;z-index: 1;cursor: pointer;display: flex;transition: all .5s;align-items: center;justify-content: center;}
#header-nav-wrap .header-main-nav li i.iconJtRotate{transform: rotate(90deg);}
#header-nav-wrap .header-main-nav li i:after{content:" ";top: .32rem;left: .25rem;width: 6px;height: 6px;border: 2px solid #fff;border-style: solid solid none none;transform: rotate(45deg);}
#header-nav-wrap .slidBox{display:none;}
#header-nav-wrap .navSbox{background-color: rgba(255,255,255,.2);}
#header-nav-wrap .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}
#header-nav-wrap .navSlink{display:block;width:100%;height:100%;color: #fff;}
#header>div{display: block;}
.header-bar{position: absolute;top: 12px;right: 70px;width: 40px;height: 40px;margin: 0;}
.header-search{float: none;width: 100%;height: 100%;border: 0;}
.header-search .search-btn{width: 100%;height: 100%;background-size: 16px;}
.header-menu-toggle{display: block;}
.search_main{top: 65px;width: 100%;}}
/* ---------- footer ----------*/
footer{background: #003e80;color: #b8becc;}
footer a{color: inherit;}
footer a:hover{color: #fff;}
.footer-con{padding: 100px 0 60px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer-logo{float: left;width: 22%;}
.footer-logo img{filter: brightness(10);}
.footer-logo .mail{padding-top: 50px;}
.footer-nav{float: left;padding: 0 40px;width: 27%;border-left: 1px solid rgba(255,255,255,0.1);}
.footer-nav .tit h3{position: relative;height: 36px;font-size: 15px;color: #fff;}
.footer-nav .tit h3:after{position: absolute;left: 0;bottom: 0;width: 20px;height: 2px;background: #b8becc;content: "";}
.footer-nav .con{padding-top: 24px;font-size: 14px;line-height: 30px;}
.footer-nav .con a{display: inline-block;margin-right: 23px;}
.footer-contact{float: left;padding: 0 40px;width: 27%;border-left: 1px solid rgba(255,255,255,0.1);}
.footer-contact .tit h3{position: relative;height: 36px;font-size: 15px;color: #fff;}
.footer-contact .tit h3:after{position: absolute;left: 0;bottom: 0;width: 20px;height: 2px;background: #b8becc;content: "";}
.footer-contact .con{padding-top: 24px;font-size: 14px;line-height: 30px;}
.footer-qrcode{float: right;}
.footer-qrcode img{width: 120px;}
.footer-btm{padding: 30px 0;font-size: 13px;line-height: 24px;}
.footer-btm .copyright{float: left;}
.footer-btm .beian{float: right;}
.footer-btm .beian span{padding-left: 12px;}
/* responsive*/
@media only screen and (max-width: 1024px){
.footer-contact{width: 24%;}}
@media only screen and (max-width: 912px){
.footer-con{padding: 60px 0 40px;text-align: center;}
.footer-logo{float: none;width: auto;}
.footer-logo .mail{padding-top: 20px;}
.footer-nav{float: none;padding: 32px 0;width: auto;border-left: none;}
.footer-nav .tit h3{display: none;}
.footer-nav .con{padding-top: 0;line-height: 40px;}
.footer-nav .con a{margin-right: 0;width: 25%;}
.footer-contact{display: none;}
.footer-qrcode{float: none;}
.footer-btm{padding: 24px 0;font-size: 12px;line-height: 20px;text-align: center;}
.footer-btm .copyright{float: none;}
.footer-btm .beian{float: none;padding-top: 8px;}
.footer-btm .beian span{display: block;padding-left: 0;}}
/* ---------- go to top ----------*/
#go-top{position: fixed;bottom: 30px;right: 30px;z-index: 600;opacity: 0;visibility: hidden;transition: all .5s;}
#go-top.cur{opacity: 1;visibility: visible;}
#go-top a,
#go-top a:visited{display: block;width: 60px;height: 60px;border-radius: 5px;background: url("../images/go-top.png") no-repeat center rgba(0,0,0,0.6);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#go-top a:hover,
#go-top a:focus{background: url("../images/go-top.png") no-repeat center rgba(0,0,0,1);}
/* responsive*/
@media only screen and (max-width: 768px){
#go-top{bottom: 0;right: 0;}
#go-top a, #go-top a:visited{width: 48px;height: 48px;border-radius: 5px 0 0 0;}}