html.hc-yscroll {
	overflow-y: scroll
}

body.hc-nav-open {
	position: fixed;
	width: 100%;
	min-height: 100%;
	height: 100vh;
}

.hc-mobile-nav {
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	overscroll-behavior: none
}

.hc-mobile-nav.is-ios * {
	cursor: pointer !important
}

.hc-mobile-nav .nav-container {
	position: fixed;
	z-index: 9998;
	top: 0;
	width: 240px;
	max-width: 100%;
	height: 100%;
	transition: transform .4s ease
}

.hc-mobile-nav .nav-wrapper {
	width: 100%
}

.hc-mobile-nav .nav-wrapper.nav-wrapper-1 {
	position: static;
	height: 100%;
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto
}

.hc-mobile-nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.hc-mobile-nav li {
	position: relative;
	display: block
}

.hc-mobile-nav li.level-open>.nav-wrapper {
	visibility: visible
}

.hc-mobile-nav input[type="checkbox"] {
	display: none
}

.hc-mobile-nav label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer
}

.hc-mobile-nav a {
	position: relative;
	display: block;
	box-sizing: border-box;
	cursor: pointer
}

.hc-mobile-nav a,
.hc-mobile-nav a:hover {
	text-decoration: none
}

.hc-mobile-nav.disable-body:not(.nav-open)::after {
	pointer-events: none
}

.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after {
	content: '';
	position: fixed;
	z-index: 9990;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overscroll-behavior: none;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease .4s, opacity .4s ease
}

.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after {
	visibility: visible;
	opacity: 1;
	transition-delay: .05s
}

.hc-mobile-nav.nav-levels-expand .nav-wrapper::after {
	display: none
}

.hc-mobile-nav.nav-levels-expand ul .nav-wrapper {
	min-width: 0;
	max-height: 0;
	overflow: hidden;
	transition: height 0s ease .4s
}

.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper {
	max-height: none
}

.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper {
	position: absolute;
	z-index: 9999;
	top: 0;
	height: 100%;
	visibility: hidden;
	transition: visibility 0s ease .4s, transform .4s ease
}

.hc-mobile-nav.nav-levels-overlap ul ul {
	height: 100%;
	overflow: scroll;
	overflow-x: visible;
	overflow-y: auto
}

.hc-mobile-nav.nav-levels-overlap ul li.nav-parent {
	position: static
}

.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
	visibility: visible;
	transition: transform .4s ease
}

.hc-mobile-nav.side-left {
	left: 0
}

.hc-mobile-nav.side-left .nav-container {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}

.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper {
	transform: translate3d(-55px, 0, 0)
}

.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}

.hc-mobile-nav.side-right {
	right: 0
}

.hc-mobile-nav.side-right .nav-container {
	right: 0;
	transform: translate3d(100%, 0, 0)
}

.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper {
	transform: translate3d(40px, 0, 0)
}

.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper {
	right: 0;
	transform: translate3d(100%, 0, 0)
}

.hc-mobile-nav.nav-open .nav-container {
	transform: translate3d(0, 0, 0)
}

.hc-nav-trigger {
	position: absolute;
	cursor: pointer;
	display: none;
	top: 20px;
	z-index: 9980;
	min-height: 24px
}

.hc-nav-trigger span {
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 50% 50%
}

.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	position: absolute;
	left: 0;
	height: 4px;
	background: #34495E;
	transition: all .2s ease
}

.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
	content: '';
	width: 100%
}

.hc-nav-trigger span::before {
	top: -10px
}

.hc-nav-trigger span::after {
	bottom: -10px
}

.hc-nav-trigger.toggle-open span {
	background: rgba(0, 0, 0, 0);
	transform: rotate(45deg)
}

.hc-nav-trigger.toggle-open span::before {
	transform: translate3d(0, 10px, 0)
}

.hc-nav-trigger.toggle-open span::after {
	transform: rotate(-90deg) translate3d(10px, 0, 0)
}

.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after {
	background: rgba(0, 0, 0, 0.3)
}

.hc-mobile-nav .nav-wrapper {
	background: #000000
}

.hc-mobile-nav.nav-open .nav-wrapper {
	box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)
}

.hc-mobile-nav .nav-h2,
.hc-mobile-nav h2 {
	font-size: 19px;
	font-weight: normal;
	text-align: left;
	padding: 20px 17px;
	height: 70px;
	line-height: 30px;
	color: #1b3958
}

.hc-mobile-nav a {
	padding: 7px 15px;
	font-size: 14px;
	color: #fff;
	z-index: 1;
	background: rgba(0, 0, 0, 0);
	border-bottom: 1px solid #333
}

.hc-mobile-nav:not(.touch-device) a:hover {
	background: #31679e
}

.hc-mobile-nav li {
	text-align: left
}

.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
	background: #2c5d8f;
	border-bottom: 1px solid #295887
}

 

.hc-mobile-nav li.nav-parent a {
	padding-right: 58px
}

.hc-mobile-nav li.nav-parent a.a1{
	font-family: var(--Poppins-Bold);
}


.hc-mobile-nav li.nav-parent a.a2{
	padding: 5px 17px;
}

.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span {
	width: 45px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease
}

.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff
}

.hc-mobile-nav li.nav-close span::before {
	margin-left: -9px;
	transform: rotate(135deg)
}

.hc-mobile-nav li.nav-close span::after {
	transform: rotate(-45deg)
}

.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {
	border-left: 1px solid #1d8cd0
}

.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin-left: -2px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform-origin: center
}

.hc-mobile-nav span.nav-next::before {
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-mobile-nav li.nav-back span::before {
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-mobile-nav.side-right span.nav-next::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(-45deg)
}

.hc-mobile-nav.side-right li.nav-back span::before {
	margin-left: 0;
	margin-right: -2px;
	transform: translate(-50%, -50%) rotate(135deg)
}

.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper {
	box-shadow: none;
	background: transparent
}

.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 {
	display: none
}

.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a {
	font-size: 14px
}

.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li {
	transition: background .3s ease
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open {
	background: #000000
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a {
	border-bottom: 1px solid #295887
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover {
	background: #000000
}

.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before {
	margin-top: 2px;
	transform: translate(-50%, -50%) rotate(45deg)
}

.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before {
	margin-top: -2px;
	transform: translate(-50%, -50%) rotate(225deg)
}

#main-nav {
	display: none
}


.hc-mobile-nav .nav-wrapper {
	background: #222;
}

.hc-mobile-nav a,
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a,
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next {
	border-color: #333;
}

.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a {
	background: #222;
}

.hc-mobile-nav h2 {
	color: #fff;
}


.hc-mobile-nav .nav-container {
	width: 290px
}

.hc-mobile-nav .nav-h2 {
	font-weight: 400
}

.hc-mobile-nav a {
	font-size: 15px
}

.hc-mobile-nav .nav-h2 img {
	height: 30px;
}

body {
	position: relative;
}

body,
.mhead {
	left: 0;
	transition: all 0.4s ease;
}

body.hc-nav-open {
	left: 100px;
}


.nav_p_sea {
	margin-top: 35px;
	padding: 0 14px;
	color: #fff;
}

.nav_p_sea h5 {
	font-size: 18px;
	color: #d8b85a;
}

.nav_p_sea_b {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	overflow: hidden;
	padding-bottom: 5px;
}

.nav_p_sea_b input {
	width: 85%;
	color: #fff;
}

.nav_p_sea_b i {
	width: 15%;
	text-align: right;
	font-size: 20px;
}

.nav_p_sea_b input,
.nav_p_sea_b i {
	float: left;
	height: 30px;
	line-height: 30px;
}

.nav_p_sea_b {
	margin-top: 10px;
}

.nav_p_sea_b input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}

.nav_p_sea_b input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}

.nav_p_sea_b input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
}

@media screen and (max-width:325px) {
	.hc-mobile-nav .nav-container {
		width: 260px;
	}
}




.hc-mobile-nav li.nav-close {
	display: none !important;
}

.hc-mobile-nav a[href]:not([href='#'])>span.nav-next {
	border: none !important;
}

.wap-h2-top {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	position: relative;
}
.hc-mobile-nav a {
    font-size: 15px;
}
.hc-mobile-nav .nav-h2 a {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

.hc-mobile-nav .nav-h2 em {
	width: 62px;
	display: flex;
	justify-content: space-between;
}

.hc-mobile-nav .nav-h2 .wap-h2-top i {
	width:26px;
	font-weight: normal;    display: block;
    height: 100%;
}
.hc-mobile-nav .nav-h2 .wap-h2-top i.sdsousuo1{
	background: url(../images/search.png) no-repeat center center;
	background-size: 20px;
}
.hc-mobile-nav .nav-h2 .wap-h2-top .sddiqiu1{
	background: url(../images/lan2.gif) no-repeat center center;
	background-size: 26px;width:26px;z-index: 3333;
}
.hc-mobile-nav .nav-h2 span {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}

.nav-lauge {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background: #000;
	padding: 17px;
	z-index: 33;
	height: 100vh;
	box-sizing: border-box;
}

.nav-lauge {
	padding-top: 90px;
	overflow: auto;
}

.nav-lauge-p1 i {
	border-radius: 50%;
	display: inline-block;
	font-size: 14px; 
	border: 1px solid #fff;
}

.nav-lauge-p1 i {
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: 28px;
	opacity: 0.8;
	background: url(../images/close1.png) no-repeat center center;
	background-size: 13px;
	
}

.nav-lauge-p2 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.nav-lauge-p2 a {
	display: block;
	margin-top: 5px !important;
	padding-left: 40px !important;
}

.nav-lauge-p2 a {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.wap-h2-top {
	width: 100%;
	position: relative;
	z-index: 55;
}

.nav-lauge {
	display: none;
}

.hc-mobile-nav .nav-h2 em a,
.hc-mobile-nav .nav-h2 em span {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	line-height: 24px;
}

.hc-mobile-nav .nav-h2 em a,
.hc-mobile-nav .nav-h2 em span {
	position: relative;
	top: 7px;
}


.region-name-m {
    color: #b5b5b5;
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
}