@charset "utf-8";
/* CSS Document */
.white {
	background-color: #2038ab!important
}
#site-header, .site-header {
	position: fixed; display:none;
}
.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.site-header {
	font-family: -apple-system, Segoe UI, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei!important;
	left: 0;
	top: 0;
	z-index: 200;
	width: 100%;
	height: 80px;
	transition: all .2s;
	
}
.site-header .row {
	margin: 0;
	padding: 0
}
.site-header .right-logo {
	position: absolute;
	height: 60px;
	width: 0;
	text-align: center;
	line-height: 60px;
	top: 0;
	right: 0;
	background-color: #16ce95;
	background: linear-gradient(54deg, #16ce95, #939cec)
}
@media (min-width:576px) {
.site-header .right-logo {
	width: 0
}
}
@media (min-width:768px) {
.site-header .right-logo {
	width: 0
}
}
@media (min-width:992px) {
.site-header .right-logo {
	width: 60px
}
}
@media (min-width:1201px) {
.site-header .right-logo {
	width: 60px
}
}
@media (min-width:1601px) {
.site-header .right-logo {
	width: 60px
}
}
.site-header .right-logo i {
	font-size: 3.25rem;
	color: #fff
}
.site-header .container, .site-header .row {
	height: 100%
}
.site-header .col-auto, .site-header .container {
	padding-left: 0;
	padding-right: 0
}
.site-header .col {
	flex-grow: .9
}
.site-header .logo {
	display: block;
	width: 200px; margin:5px 0 0 10px
}
@media (min-width:768px) {
.site-header .logo {
	width: 200px; margin:15px 0 10px 2%
}
}
@media (min-width:992px) {
.site-header .logo {
	width: 210px
}
}
@media (min-width:1201px) {
.site-header .logo {
	width: 300px
}
}
@media (min-width:1601px) {
.site-header .logo {
	width: 258px
}
}
.site-header .mainav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	text-align: center
}
@media (min-width:1201px) {
.site-header .mainav {
	padding-left: 0
}
}
.site-header .mainav>li {
	display: inline-block;
	position: relative;
padding:0 .4rem;
	height: 100%
}
@media (min-width:992px) {
.site-header .mainav>li {
padding:0 .9rem
}
}
@media (min-width:1201px) {
.site-header .mainav>li {
	padding: 0 1.4rem
}
}
@media (min-width:1601px) {
.site-header .mainav>li {
	padding: 0 1.4rem
}
}
.site-header .mainav>li>a {
	display: block;
	height: 100%;
	position: relative;
	color: #353b60;
	font-weight: 400
}
@media (min-width:992px) {
.site-header .mainav>li>a {
	height: 60px;
	line-height: 60px
}
}
@media (min-width:1201px) {
.site-header .mainav>li>a {
	height: 60px;
	line-height: 60px
}
}
@media (min-width:1601px) {
.site-header .mainav>li>a {
	height: 60px;
	line-height: 60px
}
}
.site-header .mainav>li>a:hover {
	color: #18cf96!important
}
.site-header .mainav>li>a.active {
	font-weight: 400
}
.site-header .mainav>li .subnav {
	position: absolute;
	width: 154px;
	left: 50%;
	top: 104px;
	z-index: 10;
	background-color: #fff;
	font-size: 16px;
	font-weight: 400;
	color: #353b60;
	line-height: 24px;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 -77px;
	display: none;
	transition: all .2s;
	box-shadow: 0 8px 18px 0 rgba(0,0,0,.12)
}
@media (min-width:1601px) {
.site-header .mainav>li .subnav {
	top: 60px
}
}
.site-header .mainav>li .subnav>li {
	position: relative
}
.site-header .mainav>li .subnav>li a {
	display: block;
padding:.8rem 1rem;
	line-height: 1.5;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #353b60
}
.site-header .mainav>li .subnav>li a:hover {
	background-color: #e7ebf0;
	color: #353b60
}
.site-header .mainav>li .subnav>li a.active {
	background-color: #e7ebf0;
	color: #18cf96
}
.site-header .mainav>li .subnav>li .lastnav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 150px;
	right: -180px;
	top: 0;
	z-index: 10;
	background-color: #fff;
	opacity: 0;
	transition: all .2s;
	box-shadow: 0 8px 18px 0 rgba(0,0,0,.12)
}
.site-header .mainav>li .subnav>li.hasnav:hover .lastnav {
	opacity: 1;
	right: -150px
}
.site-header .mainav>li.hasnav:hover .subnav {
	display: block;
	margin-top: -5px
}
.site-header .ql {
font-size:.875rem
}
.site-header .ql a {
	width: 43px;
	height: 30px;
	background: 0 0;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	color: #18cf96
}
.site-header .ql a i {
	font-size: 2rem
}
@media (min-width:992px) {
.site-header .ql a {
	color: #18cf96
}
}
.site-header .ql a.active {
	color: #353b60
}
.site-header .mobilemenu {
	display: block;
	position: fixed;
	right: 24px; top:28px
}
.site-header .mobilemenu .menu-toggle {
	width: 28px;
	cursor: pointer;
}
.site-header .mobilemenu .menu-toggle.on .one {
	transform: rotate(45deg) translate(3px, 5px)
}
.site-header .mobilemenu .menu-toggle.on .two {
	opacity: 0
}
.site-header .mobilemenu .menu-toggle.on .three {
	transform: rotate(-45deg) translate(6px, -8px)
}
.site-header .one, .site-header .three, .site-header .two {
	width: 100%;
	height: 2px;
	background-color: #fff;
	margin: 6px auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-duration: .3s
}
.site-header .menu-over {
	position: fixed;
	right: -100vw;
	top: 60px;
	width: 100%;
	height: calc(110vh - 45px);
	background-color: #1f2c3c;
	opacity: 0;
	box-shadow: 0 10px 15px rgba(0,0,0,.1);
	z-index: -10;
	transition: all .5s
}
@media (min-width:768px) {
.site-header .menu-over {
	top: 80px;
	height: calc(110vh - 80px)
}
}
.site-header .menu-over.showMenu {
	right: 0;
	opacity: 1
}
.site-header .menu-over ul.mobilenav {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 14px 50px 0;
	height: 80vh;
	overflow-y: auto
}
.site-header .menu-over ul.mobilenav>li {
	position: relative;
	transition: all .2s
}
.site-header .menu-over ul.mobilenav>li>a {
	display: block;
	color: #fff;
	position: relative;
	padding: 16px 0;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	font-weight: 700;
	border-bottom: 1px solid #e7ebf0;
	
}
.site-header .menu-over ul.mobilenav>li>a.active {
	color: #353b60;
	font-weight: 400;
	border-bottom: 3px solid #353b60
}
.site-header .menu-over ul.mobilenav>li:first-child a {
	border-top: 0 solid #e7ebf0
}
.site-header .menu-over ul.mobilenav>li .subnav {
	list-style: none;
	margin: 0;
	padding: 16px 0 20px;
	display: block; border-bottom:dashed 1px #e7ebf0
}
.site-header .menu-over ul.mobilenav>li .subnav li {
	position: relative
}
.site-header .menu-over ul.mobilenav>li .subnav li a {
	display: block;
	padding: 4px 28px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px
}
.site-header .menu-over ul.mobilenav .hasnav {
	position: relative
}
.site-header .menu-over ul.mobilenav li.hasnav.active, .site-header .menu-over ul.mobilenav li.hasnav.active .subnav li>a.active, .site-header .menu-over ul.mobilenav li.hasnav.active>a {
	color: #18cf96
}
.site-header .menu-over ul.mobilenav .open>a:after {
	transform: rotate(180deg);
	top: 1.2rem
}
.site-header .menu-over .minemailoa {
	text-align: center;
	margin-top: 1rem
}
.site-header .menu-over .minemailoa a {
	border-radius: 50%;
	background-image: linear-gradient(-45deg, #62ae4b, #0857a6);
	text-align: center;
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	color: #fff
}
.site-header .menu-over .minemailoa a.oa {
margin-left:.8rem
}
.site-header.fixheader {
	background-color:#2038ab; background-color:#2038ab;
    box-shadow: 0 13px 30px 0 rgb(20 50 85 / 10%);
}
.site-header.fixheader .mainav {
	float: right;
	padding-right: 80px
}
.site-header.fixheader .mainav>li>a {
	text-shadow: none
}
.site-header.fixheader .mainav>li>a:hover, .site-header.fixheader .ql a, .site-header.fixheader .ql a.active {
	color: #18cf96
}
.site-header.fixheader .one, .site-header.fixheader .three, .site-header.fixheader .two {
	background-color: #fff
}
.home-body .site-header {
	position: fixed;
	background-color: transparent;
	box-shadow: none;
	font-family: -apple-system, Segoe UI, PingFangSC, PingFang SC-Semibold, Hiragino Sans GB, Microsoft YaHei
}
.home-body .site-header .topnav li a {
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0,0,0,.3)
}
.home-body .site-header .mainav {
	float: right;
	padding-right: 80px
}
.home-body .site-header .mainav>li .version-en {
	color: #353b60
}
.home-body .site-header .mainav>li .version-en:hover {
	color: #18cf96
}
.home-body .site-header .mainav>li>a {
	color: #353b60;
	font-size: 16px;
	font-weight: 400
}
.home-body .site-header .mainav>li>a:hover {
	color: #353b60;
	border-bottom-color: #353b60
}
.home-body .site-header .mainav>li>a.active {
	color: #fff
}
.home-body .site-header.fixheader {
	background-color: #fff;
	box-shadow: 0 13px 30px 0 rgba(20,50,85,.1)
}
.home-body .site-header.fixheader .mainav {
	float: right;
	padding-right: 80px
}
.home-body .site-header.fixheader .mainav>li>a {
	color: #353b60
}
.home-body .site-header.fixheader .mainav>li>a.active {
	color: #18cf96;
	border-bottom: 2px solid #18cf96
}
.home-body .site-header.fixheader .lang a .iconfont, .home-body .site-header.fixheader .search a .iconfont {
	color: #ff542a
}
.home-body .site-header.fixheader .one, .home-body .site-header.fixheader .three, .home-body .site-header.fixheader .two {
	background-color: #353b60
}
.chanpin:hover .show1, .chanpin:hover .show2, .guanyu:hover .show1, .jiaru:hover .show3, .xinwen:hover .show2, .xinwen:hover .show3 {
	display: block!important
}

@media screen and (max-width: 768px)
{
#site-header, .site-header{ display:block; z-index:9999; background:#04226d}

}
@media screen and (max-width: 520px)
{
.site-header .logo{ margin:15px 0 10px 2%}
.site-header .logo img{ max-width:100%}
}