@font-face {
font-family: 'fzzh';
src: url('../fonts/fzzh.eot?#iefix') format('embedded-opentype'),
	url('../fonts/fzzh.woff') format('woff'),
	url('../fonts/fzzh.woff2') format('woff2'),
	url('../fonts/fzzh.ttf') format('truetype'),
	url('../fonts/fzzh.svg#fzzh') format('svg');
}

@font-face {
	font-family: 'sub06num';
	src: url('../fonts/sub06num.eot?#iefix') format('embedded-opentype'),
	url('../fonts/sub06num.woff') format('woff'),
	url('../fonts/sub06num.woff2') format('woff2'),
	url('../fonts/sub06num.ttf') format('truetype'),
	url('../fonts/sub06num.svg#sub06num') format('svg');
}
@font-face {
    font-family: 'nky-icon';
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.woff2') format('woff2'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');
}
.divPlayerImgResponsive,.divPlayerResponsive2{max-width: 640px !important;}
.pa-t,.pa-b,.pa-l,.pa-r,.pa-lt,.pa-rt,.pa-lb,.pa-rb,.pa-lm,.pa-rm,.pa-tm,.pa-bm,.pa-c{z-index: 2;position: absolute;}
.pa{position: absolute;}.pr{position: relative;}.pa-t{left: 0;right: 0;top: 0;}.pa-b{left: 0;right: 0;bottom: 0;}.pa-l{left: 0;top: 0;bottom: 0;}.pa-r{right: 0;top: 0;bottom: 0;}.pa-lt{left: 0;top: 0;}.pa-rt{right: 0;top: 0;}.pa-lb{left: 0;bottom: 0;}.pa-rb{right: 0;bottom: 0;}.pa-lm{left: 0;top: 50%;transform: translateY(-50%);}.pa-rm{right: 0;top: 50%;transform: translateY(-50%);}.pa-tm{top: 0;left: 50%;transform: translateX(-50%);}.pa-bm{bottom: 0;left: 50%;transform: translateX(-50%);}.pa-c{left: 0;right: 0;top: 0;bottom: 0;}
h1, .h1, h2, .h2, h3, .h3{
    margin: 0;
}
.fs48{font-size: 48px;}
.fs44{font-size: 44px;}
.fs42{font-size: 42px;}
.fs40{font-size: 40px;}
.fs38{font-size: 38px;}
.fs36{font-size: 36px;}
.fs34{font-size: 34px;}
.fs33{font-size: 33px;}
.fs32{font-size: 32px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs26{font-size: 26px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs19{font-size: 19px;}
.fs18{font-size: 18px;}
.fs17{font-size: 17px;}
.fs16{font-size: 16px;}
.fs15{font-size: 15px;}
.fs14{font-size: 14px;}
.fs13{font-size: 13px;}
.fs12{font-size: 12px;}
.fs28.iconfont{font-size: 28px;}
.fs26.iconfont{font-size: 26px;}
.fs24.iconfont{font-size: 24px;}
.fs22.iconfont{font-size: 22px;}
.fs20.iconfont{font-size: 20px;}
.fs19.iconfont{font-size: 19px;}
.fs18.iconfont{font-size: 18px;}
.fs17.iconfont{font-size: 17px;}
.fs16.iconfont{font-size: 16px;}
.fs15.iconfont{font-size: 15px;}
.fs14.iconfont{font-size: 14px;}
.fs13.iconfont{font-size: 13px;}
.fs12.iconfont{font-size: 12px;}
.ul-inline{font-size: 0;}
.ul-inline li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;width: 100%;}
.ul-inline a{display: block;}
.title{display: block;overflow: hidden;text-overflow: ellipsis;}
.info{display: block;overflow: hidden;}
.iconfont::before{font-family: "nky-icon" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html.menu_open,
body.menu_open {
	overflow: hidden;
}
.header1 .row{max-width: 1400px;position: relative;margin-left: auto !important;margin-right: auto !important;width: calc(100vw - 220px);}
@media screen  and (max-width:1240px){
    .header1 .row{padding-left: 30px;padding-right: 30px;max-width: 1400px;width: initial;}

}
@media screen  and (max-width:1040px){
    .header1 .row{padding-left: 0;padding-right: 0;margin-left: 20px !important;margin-right: 20px !important;}
    
}
@media screen  and (max-width:767px){
.header1 .row{margin-left: 15px !important;margin-right: 15px !important;}

}


[class*='logo']{display: block;position: relative;}
[class*='logo'] img{display: block;}
[class*='logo'] a{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block;}

/* common top menu */
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4,.dot5,.dot6{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
.dot5{-webkit-line-clamp:5;}
.dot6{-webkit-line-clamp:6;}
.gp-ellipsis {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.gp-ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.menu_box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 0;
	z-index: -10;
	z-index: 9999;
	overflow: hidden;
	background: #082623;
	background: -webkit-linear-gradient(14deg, #4cbfa8, #082623);
	background: -o-linear-gradient(14deg, #4cbfa8, #082623);
	background: -moz-linear-gradient(14deg, #4cbfa8, #082623);
	background: linear-gradient(14deg, #4cbfa8, #082623);
}

.menu_box::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/menu_bg.png);
	background-size: cover;
	opacity: .15;
}

.menu_box.on {
	height: 100vh;
}

.menu_box .line {
	clear: both;
	background: rgba(255, 255, 255, .3);
	height: 1px;
	position: relative;
	z-index: 2;
}

.menu_box .top {
	max-width: calc(92.18vw - 50px);
	margin: 0 auto;
	padding: 22px 0;
	position: relative;
	z-index: 3;
}

.menu_box .top .logo {
	display: block;
	width: 414px;
}

.menu_box .top .rt {
	float: right;
	padding: 22px 80px 0 0;
}

.menu_box .top .rt a,
.menu_box .top .code_box,
.menu_box .top .close {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	line-height: 28px;
}
.menu_box .top .rt a.ser_btn{
	padding-left: 0;
}
.menu_box .top .code_box{
    padding: 0 0 0 28px;
}
.menu_box .top .close {
	width: 28px;
	height: 28px;
	background: #fff;
	border-radius: 50%;
	padding: 0;
	color: #37988f;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
    opacity: 1;
    font-size: 16px;
    font-weight: normal;
    float: none;
}

.code_box {
	position: relative;
	z-index: 11;
	cursor: pointer;
}

.code_box::before {
	content: '';
	height: 20px;
	width: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/header02_ico3.svg) left center no-repeat;
	background-size: auto 100%;
}

.code_box .code {
	position: absolute;
	top: -30px;
	right: 100%;
	padding: 8px;
	display: none;
	white-space: nowrap;
	z-index: 10;
}

.code_box .code .box {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 90px;
}

.code_box .code span {
	display: block;
	padding: 0 4px 6px;
	min-height: 32px;
	line-height: 16px;
	color: #4f5050;
	white-space: normal;
	text-align: center;
	font-size: 12px;
}

.code_box .code img {
	display: block;
	width: 100%;
}

.code_box:hover .code {
	display: block;
}

.menu_box .nav {
	position: relative;
	z-index: 2;
	height: calc(100vh - 180px);
	overflow: auto;
}

/* .menu_box .nav::-webkit-scrollbar{width: 4px;} */
.menu_box .nav ul {
	font-size: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 92.18vw;
}

.menu_box .nav ul::after {
	content: '';
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 0;
}

.menu_box .nav ul>li {
	position: relative;
	/* text-align: center; */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	transform: perspective(5000px);
	-moz-transform: perspective(5000px);
	-o-transform: perspective(5000px);
	-webkit-transform: perspective(5000px);
	width: 7.3vw;
}

.menu_box .nav ul li>a {
	font-size: 1.14vw;
	display: block;
	position: relative;
	color: #fff;
	font-weight: bold;
	line-height: 80px;
	height: 80px;
}

.menu_box .subNav {
	width: 100%;
	white-space: normal;
}
.ulbg01 li:hover .bottom a{
   color: #035253;
}
.menu_box .subNav dd {}

.menu_box .subNav a {
	padding: 10px 0;
	display: block;
	line-height: 1.25vw;
	font-size: .88vw;
	text-align: left;
	color: #fff;
}

@media screen and (max-width: 1240px) {
	.menu_box .top {
		max-width: 96vw;
	}

	.menu_box .top .logo {
		width: 300px;
	}

	.menu_box .top .rt {
		padding-right: 0;
		padding-top: 10px;
	}

	.menu_box .top .rt a,
	.menu_box .top .code_box,
	.menu_box .top .close {
		margin: 0 0 0 24px;
	}

	.menu_box .nav {}

	.menu_box .nav ul {}

	.menu_box .nav ul li {
		width: 100px;
		padding: 0 20px 0 0;
	}

	.menu_box .nav ul li>a {
		font-size: 16px;
		line-height: 50px;
		height: 50px;
	}

	.menu_box .subNav {
		max-height: calc(100vh - 180px);
	}

	.menu_box .subNav a {
		line-height: 1.5;
		font-size: 14px;
	}
}

@media screen and (max-width: 992px) {
	.menu_box {}

	.menu_box .top .logo {
		width: 260px;
	}

	.menu_box .top .rt {
		padding: 0;
	}

	.menu_box .top .rt a,
	.menu_box .top .code_box,
	.menu_box .top .close {
		margin: 0 0 0 16px;
		font-size: 1.6rem;
	}

	.menu_box .nav ul li {
		width: auto;
		position: relative;
		padding: 0;
		display: block;
	}

	.menu_box .nav ul li .arrow {
		position: absolute;
		right: 0px;
		height: 50px;
		top: 0;
		width: 50px;
	}

	.menu_box .nav ul li .arrow::before {
		content: '';
		display: block;
		border-top: 6px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		position: absolute;
	}

	.menu_box .subNav {
		display: none;
		padding: 0 0 0 20px;
	}

	.menu_box li.on .subNav {
		display: block;
	}

	.code_box .code {
		left: 50%;
		transform: translateX(-50%);
		right: auto;
		top: 100%;
	}

}

@media screen and (max-width: 767px) {
    .header1 .h1 .menu_btn .iconfont {
    font-size: 20px;
}
	.ser {
		width: calc(100% - 40px);
	}

	.ser .search input.notxt1 {
		width: 60px;
	}

	.ser .search input.notxt {
		width: calc(100% - 100px);
	}

	.search_box .close {
		width: 50px;
		height: 50px;
		right: 30px;
	}

	.menu_box .top {
		padding: 10px 0;
	}

	.menu_box .top .rt {
		width: auto;
		float: none;
		position: relative;
		padding: 0 0 10px;
	}

	.menu_box .top .rt a,
	.menu_box .top .code_box,
	.menu_box .top .close {
		margin: 0 16px 0 0;
	}

	.menu_box .top .close {
		margin: 0;
		position: absolute;
		right: 0;
		top: 110%;S
	}
}

@media screen and (max-width: 480px) {
	.code_box .code {
		left: 0;
		transform: none;
	}
}

@media screen and (max-width: 413px) {
	/* .menu_box .top .logo {
		width: 190px;
	} */

	.menu_box .menu_btn,
	.menu_box .ser_btn,
	.menu_box .code_box {
		margin: 0 0 0 10px;
	}

	.menu_box .top .rt a,
	.menu_box .top .code_box {
		padding: 0;
		background-image: none;
		margin: 0 10px 0 0;
	}

	.code_box::before {
		display: none;
	}

	.menu_box .top .rt a i,
	.menu_box .top .code_box i {
		display: none;
	}

	.menu_box .top .rt a.ser_btn i {
		display: block;
	}
}

/* home header */
.header1 {
	width: 100%;
	  background: url(../images/nabbgss.jpg) no-repeat left center;
    background-size: cover;
	position: relative;
}

.header1 .logo {
	display: block;
	width: 445px;
	position: relative;
	z-index: 10;
	left: 0;
}

.header1 .logo1 {}


.header1 .h1 {
    margin: 0;
	padding-top: 0.6rem;
    padding-bottom: 2rem;
	position: relative;
}

/* .header1 .h1 .row {} */

.header1 .h1 .rt {
	top: 34px;
	text-align: right;
	right: 31px;
	z-index: 10;
}

.header1 .top_links {
	/* font-size: 0; */
	display: flex;
}

.header1 .top_links a {
	line-height: 28px;
	color: #414141;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	 font-size: 15px;
    color: #414141;
    margin: 0 6px;
    padding: 0 8px;
}

.header1 .top_links img{
    display: inline-block;
    padding-right: 4px;
    margin-top: -3px;
    width: 20px;
    height: 20px;
    width: 26px;
    height: 18px;
}


.header1 .top_links a::before {
	content: '';
	display: block;
	height: 13px;
	width: 1px;
	background: #414141;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.header1 .top_links a:first-child:before {
	display: none;
}

.header1 .top_links a:hover {
     color: #86ae4f;
}


.header1 .h1 .rt2 {
	padding: 41px 20px 0 0;
}

.header1 .h1 .rt2 a {
	vertical-align: top;
	padding: 0;
}

.header1 .h1 .code_box {
	padding: 0 0 0 24px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: 28px;
	margin: 0 15px 0 0;
	cursor: pointer;
}

.header1 .h1 .code_box::before {
	content: '';
	display: block;
	width: 17px;
	height: 17px;
}

.header1 .h1 .ser_btn {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #007072;
	margin: 0 0 0 37px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}

.header1 .h1 .menu_btn {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin: 0 0 0 7px;
	line-height: 30px;
	text-align: center;
	color: #0d7171;
	cursor: pointer;
	display: none;
}
.header1 .h1 .menu_btn .iconfont{
    font-size: 16px;
}
.header1 .h2 {
	position: relative;
    background: #6a992f;
}

.header1 .h2 .nav {
	font-size: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow: visible !important;
    width: calc(100% - 40px);
	/* width: calc(100% - 130px); */
	position: relative;
	z-index: 2;
	margin: 0 auto;
    padding: 0 20px;
	/* padding: 0 65px; */
	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;
}

.header1 .h2 .nav::after {
	content: '';
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	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;
}

.header1 .h2 .nav .nav_logo {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
}

.header1 .h2 .nav>li {
	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);
}

.header1 .h2 .nav>li>a {
	font-size: 1.8rem;
	display: block;
	position: relative;
	color: #fff;
	line-height: 56px;
	height: 56px;
    padding: 0 16px;
}

.header1 .h2 .nav>li>a:hover,
.header1 .h2 .nav>li>a:link {
    background: none;
}
.header1 .h2 .nav>li>a::after {
	content: '';
	display: block;
	/* width: 120%; */
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	background: #0d7171;
	bottom: 0;
	width: 0;
	z-index: -1;
	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;
}

.header1 .h2 .nav>li>a:hover:after,
.header1 .h2 .nav>li.on>a:after {
	width: 100%;
}

.header1 .h2 .sub_nav1 {
	position: relative;
	width: 100%;
	z-index: 10;
}

.header1 .h2 .sub_nav1>li {
	background: url(../images/sub_nav_bg.png) left bottom no-repeat #fff;
	white-space: normal;
	position: absolute;
	top: 100%;
	display: none;
	left: 0;
	right: 0;
	box-shadow: 0 15px 30px 4.5px rgba(0, 0, 0, .3);
	padding: 30px 60px;
	height: 244px;
	/* border-top: 4px solid #37988f; */
	/* max-height: calc(100vh - 200px); 
	overflow: auto;*/
}

.header1 .h2 .sub_nav1>li.on {
	display: block;
}

/* 2025-3-21 */
.header1 .sub_nav1 a:hover{color: #006f68;}
.sub_nav_title{margin: 0 0 24px;position: relative;display: block;line-height: 32px;height: 32px;}
.sub_nav_title h3{
	display: inline-block;
	color: #fff;
	background:#199e99;
	border-radius: 10px 0 10px 0;
	line-height: 32px;
	/*background: -webkit-linear-gradient(left, #37988f , #64c1ae);
	background: -o-linear-gradient(right, #37988f, #64c1ae);
	background: -moz-linear-gradient(right, #37988f, #64c1ae);
	background: linear-gradient(to right, #37988f , #64c1ae);
	*/position: relative;
	padding: 0 15px;
	text-align: center;
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-ms-border-radius: 10px 0 10px 0;
	-o-border-radius: 10px 0 10px 0;
}
.sub_more02{
	position: absolute;
	top: 2px;
	right: 0;
	z-index: 2;
	color: #006f68;}
	/* .sub_nav2_1 .item{
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
} */
.sub_nav2_1 li{
	margin-bottom: 20px;
 }
 .sub_nav2_1 li:last-child{
	margin-bottom: 0;
 }
.sub_nav2_1 .item .itemle1{
	width: 80px;
	float: left;
}
.sub_nav2_1 .item .itemrt1{
	margin-left: 98px;
}
.insle{
	width: 96px;
	margin-left: 8px;
	/* background: #fff; */
	float: left;
}
.insrt{
	margin-left: 130px;
}


/* .sub_nav_title h3::after{content: '';display: block;position: absolute;right: 3px;top: 0;bottom: 0;border-left: 2px solid #fff;border-right: 2px solid #fff;width: 5px;} */
.sub_nav_title .more{float: right;color: #37988f;}

.sub_nav_more{position: relative;line-height: 30px;overflow: hidden;}
.sub_nav_more a{display: block;float: right;position: relative;z-index: 2;color: #37988f;padding: 0 0 0 13px;}
.sub_nav_more::before{content: '';display: block;position: absolute;top: 50%;height: 1px;background: #e6e6e6;left: 0;right: 60px;}

.sub_nav1 .lf2{width: 32.12%;float: left;}
.sub_nav1 .md2{margin: 0 0 0 3.8%;width: 32.12%;float: left;}
.sub_nav1 .rt2{width: 28.3%;float: right;}
.sub_nav2_1{margin: 14px 0 0;}
.sub_nav2_1:first-child{margin-top: 0;}
.sub_nav2_1 ul{margin: 0 auto;}
.sub_nav2_1 li{width: 100%;}
.sub_nav2_1 .item{margin: 0 auto;}
.sub_nav2_1 .img{padding-bottom: 55%;}
.sub_nav2_1 .title{margin: 7px 0 0;}

/* .md2 .sub_nav2_2{margin: 12px 0 0;} */
.md2 .sub_nav2_2,.rt2 .sub_nav2_2{margin: 23px 0 0;}
.sub_nav2_2:first-child{margin-top: 0;}
.sub_nav2_2 ul{margin: 0 0 0 0;
	/* padding: 6px 0 7px; */
}
.sub_nav2_2 li{}
.sub_nav2_2 .item{margin: 0 0 10px;}
.sub_nav2_2 .title{margin: 0 0 0;padding: 0 0 0 20px;color: #4d4d4d;position: relative;}
.sub_nav2_2 .title::before{content: '';display: block;width: 6px;height: 6px;position: absolute;
	left: 2px;top: 50%;background: #006f68;
	transform: rotate(45deg) translateY(-50%);}
.sub_nav2_2 .title:hover{color: #007072;}



@media screen and (min-width: 993px) {
	.header1.scroll {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		box-shadow: 0 4px 4px rgb(0, 51, 52, .5)
	}

	.header1.scroll .h1 {
		display: none;
	}

	.header1.scroll .h2 {
		background: #007072;
	}

	.header1.scroll .h2 .nav {
		padding: 0 0 0 300px;
		width: calc(100% - 300px);
	}

	.header1.scroll .h2 .nav .nav_logo {
		width: 250px;
	}

	.header1.scroll .h2 .nav>li>a {
		font-size: 16px;
		line-height: 60px;
		height: 60px;
		color: #fff;
		font-weight: normal;
	}
}

@media screen and (min-width: 1200px) {
    .header1.scroll .h2 .nav {
		padding: 0 0 0 320px;
		width: calc(100% - 10px);
	}
	/* .header1.scroll .h2 .nav {
		padding: 0 0 0 366px;
		width: calc(100% - 366px);
	} */
}
.sub_nav1 .lf1 {
	width: 32.6%;
	float: left;
}

.sub_nav1 .md1 {
	margin: 0 0 0 3.6%;
	width: 40.2%;
	float: left;
}

.sub_nav1 .rt1 {
	width: 19.7%;
	float: right;
}

.sub_nav1 .lf2 {
	width: 28.12%;
	float: left;
}

.sub_nav1 .md2 {
	margin: 0 0 0 4%;
	width: 36.30%;
	float: left;
}

.sub_nav1 .rt2 {
	width: 28.3%;
	float: right;
}

.sub_nav1 .lf3 {
	width: 53.8%;
	float: left;
}

.sub_nav1 .rt3 {
	width: 40.15%;
	float: right;
}

.sub_nav1 .rt4 {
	width: 36.36%;
	float: right;
}

.sub_nav1 .lf3a{
	width: 62%;
}

.sub_nav1 .lf3b {
    width: 32%;
}

.sub_nav3_1 {
	font-size: 0;
}

.sub_nav3_1 .img_box {
	width: 46%;
	display: inline-block;
	vertical-align: middle;
}

.sub_nav3_1 .img {
	padding-bottom: 46.7%;
}

.sub_nav3_1 .info_box {
	width: calc(100% - 46%);
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 14px 32px;
	box-sizing: border-box;
}

.sub_nav3_1 .info {
	margin: 0 0 0;
	color: #5d5d5d;
    line-height: 26px;

}
.navsubMore{
	display: block;
	text-align: right;
	margin-top: 6px;
	
}
.navsubMore img{
	width: 24px;
	height: 7px;
	margin-right: 4px;
}
.sub_nav3_2 {
	overflow: hidden;
}

.sub_nav3_2 ul {
	margin: 0 0 0 -37px;
	padding: 20px 0 1px;
}

.sub_nav3_2 li {
	width: 50%;
}

.sub_nav3_2 .item {
	margin: 0 0 18px 37px;
}

.sub_nav3_3 {
	overflow: hidden;
	max-width: 420px;
}

.sub_nav3_3 ul {
	margin: 0 0 0 -50px;
	padding: 10px 0 1px;
}

.sub_nav3_3 li {
	width: 33.3%;
}

.sub_nav3_3 .item {
	margin: 0 0 16px 50px;
}


 .lf3b .sub_nav3_2 .item{
	position: relative;
	background: #199e99;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 8px 0px 8px 0;
	-webkit-border-radius: 8px 0px 8px 0;
	-moz-border-radius: 8px 0px 8px 0;
	-ms-border-radius: 8px 0px 8px 0;
	-o-border-radius: 8px 0px 8px 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
 .lf3b .sub_nav3_2 .item::before{
	content:'';
	display:block;
	border-radius: 50%;
	width:6px;
	height:6px;
	background:#fff;
	position:absolute;
    left: 14px;
    top: 14px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
 .lf3b .sub_nav3_2 .item a{
	color: #fff;
	line-height: 36px;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
 }

 .lf3b .sub_nav3_2 ul {
    padding: 6px 0 1px;
}
/* .lf3b .sub_nav3_2 .item:hover{
 box-shadow: 0px 5px 10px 0px rgba(25, 158, 153, 0.1);	
} */
.lf3b .sub_nav3_2 .item:hover a{
margin-left: -8px;
}

.sub_nav1 .lf02 {
    width: 48%;
    float: left;
}
.sub_nav1 .rt02 {
    width: 48%;
    float: right;
}
.lf02 .sub_nav2_1 li {
    width: 50%;
}
.lf02 .sub_nav2_1 ul {
    margin: 10px 0 -10px -45px;
}
.lf02 .sub_nav2_1 .item {
    margin: 0 0 15px 45px;
}
.lf02 .sub_nav2_1 .title {
    margin: 10px 0 0;
}
.lf02 .sub_nav2_1 li {
    margin-bottom: 0px;
}

.rt02 .insrt {
    margin-left: 6%;
}

.lf02 .vnaIcons {
	width: 30px;
	height: 30px;
    background-color: rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    cursor: pointer;
}

.lf02 .vnaIcons em {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 9px solid #fff;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-48%, -50%);
}

.gp-search{margin-left: 0;}

@media screen and (max-width: 1640px) {
.header1 .logo{width: 366px;}
.header1 .top_links a{font-size: 13px;}
}



@media screen and (max-width: 1480px) {
.header1 .h2 .nav>li>a {padding: 0 6px;}

}



@media screen and (max-width: 1380px) {
	 .lf3b .sub_nav3_2 .item a{font-size:13px;padding-left:10px;}
	.header1 .logo{width: 320px;}
	.header1 .h2 .nav>li>a {
		font-size: 17px;
	}

	.sub_nav1_4 .title,
	.sub_nav1_5 .title {
		line-height: 23px;
		height: 23px;
	}

	.sub_nav1_5 ul {
		margin: 3px 0 0 -20px;
	}

	.sub_nav1_5 .item {
		margin: 0 0 0 20px;
	}

	.md2 .sub_nav2_2,
	.rt2 .sub_nav2_2 {
		margin: 15px 0 0;
	}

	.sub_nav2_2:first-child {
		margin-top: 0;
	}

	.sub_nav2_2 .item {
		margin: 0 0 4px;
	}
}

@media screen and (max-width: 1240px) {
	.header1 .logo {
		left: 0;
		width: 300px;
	}

	.header1 .h1 .rt2 {
		padding: 20px 0 0 0;
	}

	.header1 .h2 .nav {
		padding: 0;
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.gp-search{display: none;}

	.header1 .h2,
	.header1 .top_links a,
	.header1 .h1 .rt2 {
		display: none;
	}

	.header1 .h1 {
		padding: 20px 0;
	}

	.header1 .h1 .rt {
		top: 48%;
		transform: translateY(-50%);
		right: 0;
	}

	.header1 .h1 .menu_btn {
		/* background: rgba(255, 255, 255, .2); */
		border-radius: 50%;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.header1 .h1 {
		padding: 14px 0 21px;
	}

	.header1 .logo {
		width: 90%;
		max-width: 300px;
	}


}

