@charset "UTF-8";






html,
body {
	margin: 0 auto;
	padding: 0;
	line-height: 1.6;
	max-width: 1920px;
	font-size: 0.16rem;


}

html {
	overflow-y: scroll;
	overflow-x: hidden;

}
@media only screen and (min-width: 280px){
	html{
		font-size: 37px !important;
	}
}
@media only screen and (min-width: 320px){
	html{
		font-size: 42.6667px !important;
	}
}
@media only screen and (min-width: 375px){
	html{
		font-size: 50px !important;
	}
}
@media only screen and (min-width: 414px){
	html{
		font-size: 55.2px !important;
	}}
@media only screen and (min-width: 768px){
	html{
		font-size: 52.6027px !important;
	}}
@media only screen and (min-width: 1024px){
	html{
		font-size: 70.137px !important;
	}}
@media only screen and (min-width: 1200px){
	html{
		font-size: 80px !important;
	}}
@media only screen and (min-width: 1300px){
	html{
		font-size:90px !important;
	}}

@media only screen and (min-width: 1440px){
	html{
		font-size: 98.6301px !important;
	}}


@media only screen and (min-width: 1920px){
	html{
		font-size: 100px !important;
	}}
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

p,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
}

@font-face {
	font-family: "font-eg";
	src: url("../../fonts/SourceHanSansCN-ExtraLight.woff2") format("woff2"),
	url("../../fonts/SourceHanSansCN-ExtraLight.woff") format("woff"),
	url("../../fonts/SourceHanSansCN-ExtraLight.ttf") format("truetype"),
	url("../../fonts/SourceHanSansCN-ExtraLight.eot") format("embedded-opentype"),
	url("../../fonts/SourceHanSansCN-ExtraLight.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "font-num";
	src: url("../../fonts/KorolevCondensed-Medium.woff2") format("woff2"),
	url("../../fonts/KorolevCondensed-Medium.woff") format("woff"),
	url("../../fonts/KorolevCondensed-Medium.ttf") format("truetype"),
	url("../../fonts/KorolevCondensed-Medium.eot") format("embedded-opentype"),
	url("../../fonts/KorolevCondensed-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.dowm-londing {
	color: #999999;
	font-size: 0.14rem;

}

.dowm-londing div img {
	display: block;
	width: 0.2rem;
	margin: 0.1rem auto;
}

#main {
	overflow: hidden;
}

#main .search-list {
	width: 100%;
	overflow: hidden;
}

#fiex-box {
	position: fixed;
	width: 50px;
	height: auto;
	right: 20px;
	bottom: 10vh;
	border-radius: 5px;
	box-shadow: 0 0 10px #DDDDDD;
	z-index: 999;
	text-align: center;
	background-color: #FFFFFF;
}

#fiex-box div {
	border-top: 1px solid #EEEEEE;
}

#fiex-box div:first-child {
	border-top: none;
}

#fiex-box div i {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	color: #333333;
	cursor: pointer;
}

.news {
	padding-bottom: 0.5rem;
}

.ghj_centent {
	/*max-width: 1490px;*/
	width: 85.5%;
	margin: auto;
}

.ghj_centent .ghj-nav-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#nav-bar {
	width: 100%;
	height: 80px;
	background-image: url(../../image/nav.png);
	background-position: left top;
	background-size: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all .3s;
	box-shadow: 0 0 10px #eeeeee;
}

#nav-bar.nav-bar-sticky {
	background-color: #ffffff;
	position: relative;
}

#nav-bar-product {
	width: 100%;
	height: 120px;
}

[class*=am-u-] {
	padding-left: 0.15rem;
	padding-right: 0.15rem;
}

.nav-logo,
.nav-list,
.nav-fun,
.nav-search,
.nav-lang {
	float: left;
}

.nva-height {
	height: 80px;
}

.am-slider-default .am-direction-nav a.am-prev::before {
	content: "\f104";
}

.am-slider-default .am-direction-nav a.am-next::before {
	content: "\f105";
}

#pc-banner {
	width: 100%;
	/* height: 9.68rem; */
	position: relative;
}

#pc-banner .am-slider-default {
	margin-bottom: 0;
}

#pc-banner .am-slider-default .am-direction-nav a {
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	opacity: 1;
	background: rgba(125,125,125,.3);
	border-radius: 50%;
}

#pc-banner .am-slider-default .am-direction-nav a:before {
	font-size: .5rem !important;
	line-height: .58rem !important;
	height: .6rem;
	color: #ffffff;
}

#inner-banner {
	width: 100%;
	height: auto;
}

#inner-banner img {
	width: 100%;
}

.ghj-nav-bar,
.ghj-padding-lr {
	padding: 0 0.15rem;
}

.ghj-padding-tb {
	padding: 0.15rem 0;
}

.nav-logo {
	/*width: 2.5rem;*/
	width: 12%;
	height: 80px;
	margin-right: 4%;
	line-height: 80px;
}

.nav-logo img {
	width: 100%;
}

#nav-bar .nav-list ul li {
	width: 11%;
	float: left;
	font-size: .14rem;
}

#nav-bar .nav-list {
	width: 65%;
}

#nav-bar .nav-list ul {
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#nav-bar .nav-list li {
	/*margin-left: .4rem;*/
	/*margin-left: .2rem;*/
	margin: 0 0.1rem;
}

#nav-bar .nav-list li:first-child {
	/*margin-left: 0;*/
}

#nav-bar .nav-list li .nav-title {
	/*display: block;*/
	/*width: auto;*/
	/*height: 80px;*/
	/*line-height: 80px;*/
	/*cursor: pointer;*/
	/*position: relative;*/
	/*color: #000000;*/
	/*transition: all .3s;*/
	display: block;
	width: 100%;
	height: 80px;
	cursor: pointer;
	position: relative;
	color: #000000;
	transition: all .3s;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#nav-bar .nav-list li .nav-title a {
	color: #000000;
	display: block;
	height: 100%;
	position: relative;
}

#nav-bar .nav-list li .nav-title span {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

#nav-bar .nav-list li .nav-title.nav-active::after {
	content: '';
	position: absolute;
	width: 4em;
	height: 2px;
	margin: auto;
	background-color: #014099;
}

#nav-bar .nav-list li:hover a {
	color: #014099;
}

#nav-bar .nav-list li .nav-title::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: transparent;
	transition: all .3s;
}

#nav-bar .nav-list li .nav-title:hover {
	color: #014099;
}

#nav-bar .nav-list li .nav-title:hover::after {
	width: 4em;
	height: 2px;
	background-color: #014099;
}

.nav-list-a {
	width: 100%;
	height: 0px;
	position: absolute;
	background: #FFFFFF;
	left: 0;
	top: 80px;
	overflow: hidden;
	box-shadow: 0 0 10px #eeeeee;
	transition: all .3s;
}

#nav-bar .nav-list li:hover .nav-list-a {
	height: auto;
	padding: .5rem 0 0.3rem;
}

.nav-list-a .ghj_centent {
	display: table;
	text-align: center;
}

.nav-list-a .ghj_centent .ghj-nav-bar {
	display: inline-block;
}

.nav-list-a a {
	display: block;
	width: 1.25rem;
	float: left;
	margin-bottom: 20px;
	margin-right: 0.2rem;
}

.nav-list-a a img {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0.1rem;
	border: 1px solid transparent;
	transition: all .3s;
	border-radius: 5px;
	margin: auto;

}

.nav-list-a .iconfont {
	display: block;
	width: 0.38rem;
	height: 0.38rem;
	margin: auto;
	border-radius: 50%;
	border: 1px solid #999999;
	color: #999999;
	line-height: 0.38rem;
	text-align: center;
	font-size: 0.25rem;
	transition: all .3s;
}

.nav-list-a .icon-img {
	width: 0.38rem;
	height: 0.38rem;
	margin: auto;
	border-radius: 50%;
	background-image: url(../../image/inner-icon.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .3s;

}

.nav-list-a a span {
	display: block;
	width: 100%;
	font-size: 0.14rem;
	text-align: center;
	padding: 0.05rem 0;
	color: #333333;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
}

.nav-list-a a:hover img {
	border-color: #014099;
}

.nav-list-a a:hover .icon-img {
	background-image: url(../../image/inner-icon-active.png);
}

.nav-list-a a:hover .iconfont {
	color: #014099;
	border-color: #014099;
}

.nav-list-a a:hover span {
	color: #014099;
}

.nav-fun {
	margin-left: 4%;
	float: right;
}

.nav-fun .nav-search {
	height: 80px;
	line-height: 80px;
}

.nav-fun .nav-search input {
	width: 1rem;
	height: 0.3rem;
	font-size: 0.12rem;
	border: none;
	border-radius: 5px;
	padding: 0 0.05rem;
	box-shadow: 0 0 5px #eeeeee;
}

.nav-fun .nav-search button {
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.25rem;
	border: none;
	color: #666666;
	background: transparent;
}

.nav-fun .nav-lang {
	height: 80px;
	line-height: 80px;
	margin-left: 0.05rem;
}

.nav-fun .nav-lang span {
	display: inline-block;
	width: 0.25rem;
	height: 0.25rem;
	line-height: 0.2rem;
	text-align: center;
	font-size: 0.1rem;
	border: 0.02rem solid #666666;
	color: #666666;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
}

.nav-lang ul.am-dropdown-content>.am-active>a,
.nav-lang ul.am-dropdown-content>.am-active>a:focus,
.nav-lang ul.am-dropdown-content>.am-active>a:hover {
	background-color: #3eb135;
}

#footer {
	width: 100%;
	height: auto;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 0.1rem #e2ebff;
}

.footer-top {
	width: 100%;
	padding: 0.3rem 0;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}

.footer-top .ghj-phone {
	font-size: 0.25rem;
	line-height: 1.6;
	color: #004097;
	font-family: "font-num";
	font-weight: bold;
}

.footer-top .ghj-address {
	font-size: 0.16rem;
	color: #666666;
}

.footer-top .ghj-logo {
	width: 2.2rem;
}

.footer-bottom {
	width: 100%;
	padding: 0.5rem 0;
	overflow: hidden;
}

.footer-bottom .footer-ul {
	width: 9%;
	margin-left: 1.92%;
	float: left;
	overflow: hidden;
	position: relative;
}

.footer-bottom .footer-ul:first-child {
	margin-left: 0;
}

.footer-bottom .footer-ul h4 {
	height: 0.5rem;
	font-size: 0.16rem;
	/*margin-bottom: 0.15rem;*/
	font-weight: bold;
}

.footer-bottom .footer-ul div {
	overflow: hidden;
}

.footer-bottom .footer-ul .footer-nav-list {
	height: 1.8rem;
	transition: all .5s;
}

.footer-bottom .footer-ul p {
	font-size: 0.14rem;
	cursor: pointer;
	color: #999;
}

.footer-bottom .footer-ul a {
	display: block;
	width: 100%;
	position: relative;
	line-height: 1.8;
	margin-top: 0.1rem;
	font-size: 0.14rem;
	color: #666666;
	transition: all .3s;
}

.footer-bottom .footer-ul a:hover {
	color: #014099;
	margin-top: 0.05rem;
	padding-bottom: 0.05rem;
}

.footer-bottom .footer-con-info {
	overflow: visible;
	width: 10%;
}

.footer-bottom .footer-ul .footer-contact {
	height: auto;
	overflow: visible;
	padding-top: .2rem;
	/* margin: 0 0.2rem; */
	width: 100%;
}

.footer-bottom .footer-ul .footer-contact .iconfont {
	display: block;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	border: 1px solid #b2b2b2;
	color: #b2b2b2;
	line-height: 0.55rem;
	text-align: center;
	font-size: 0.35rem;
	cursor: pointer;
	transition: all .3s;
	/*  */
	margin: auto;
}

.footer-bottom .footer-ul .footer-contact div {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #ffffff;
	border-radius: 8px;
	box-shadow: 0 0 10px #dddddd;
	overflow: hidden;
	transition: all .3s;
	box-sizing: border-box;
}

.footer-bottom .footer-ul .footer-contact div img {
	width: 100%;
}

.footer-bottom .footer-ul .footer-contact:hover .iconfont {
	color: #014099;
	transform: rotateY(180deg);
	border-color: #014099;
}

.footer-bottom .footer-ul .footer-contact:hover div {
	/*height: 1.4rem;*/
	padding: 0.05rem;
}

#footer .footer-copy {
	width: 100%;
	height: auto;
	padding: 0.30rem 0;
	font-size: 0.14rem;
	color: #9fa0a2;
	text-align: center;
	background-color: #f7f8fd;
}

#footer .footer-copy a {
	color: #9fa0a2;
}

.ghj-title {
	font-size: 0.32rem;
}

.ghj-small {
	font-size: 0.18rem;
}

.ghj-blue {
	color: #014099;
}

.ghj-white {
	color: #FFFFFF;
}

.ghj-gray {
	color: #666666;
}

.text-cut {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ghj-index-scheme {
	/*display: none;*/
	width: 100%;
	height: 9.8rem;
	background-image: url(../../image/index-bg-3.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.ghj-main-lable {
	margin-top: 0.8rem;
	margin-bottom: 0.45rem;
}

.ghj-main-lable h1 {
	font-size: 0.32rem;
}

.ghj-main-lable p {
	font-size: 0.18rem;
	margin-top: 0.1rem;
}

.ghj-scheme-swiper a {
	display: block;
	width: 100%;
	float: left;
	padding: 0.1rem;
	box-sizing: border-box;
	margin-left: 1.5%;

}

.ghj-scheme-swiper .am-slider-default {
	box-shadow: none;
	background-color: transparent;
}

.ghj-scheme-swiper a:first-child {
	margin-left: 0;
}

.ghj-scheme-swiper a .ghj-scheme-list {
	width: 100%;
	height: 6.2rem;
	border-radius: 0.15rem;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0 0 0.1rem #e2ebff;
	padding: 0.5rem;
}

.ghj-scheme-swiper .am-slider-default {
	margin-bottom: 0.5rem;
}

.ghj-scheme-swiper .am-slider-default .am-control-nav {
	bottom: -0.5rem;
}

.ghj-scheme-swiper .am-slider-default .am-control-nav li a {
	width: 0.14rem;
	height: 0.10rem;
	transition: all .3s;
	padding: 0;
}

.am-slider-default .am-control-nav li a.am-active {
	width: 0.28rem;
	background: #004097;
}

.ghj-scheme-swiper .ghj-scheme-list-img {
	width: 100%;
	margin: 0.4rem auto;
}

.ghj-scheme-swiper .ghj-scheme-list-img img {
	width: 1.82rem;
	margin: auto;
}

.ghj-scheme-swiper .ghj-scheme-list-title {
	width: 100%;
	font-size: 0.24rem;
	color: #014099;
	margin-bottom: 0.2rem;
}

.ghj-scheme-swiper .ghj-scheme-list-p {
	width: 100%;
	height: 0.864rem;
	line-height: 1.6;
	font-size: 0.18rem;
	color: #666666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 0.35rem;
}

.ghj-scheme-swiper .ghj-scheme-list-btn {
	width: 1.6rem;
	height: 0.5rem;
	border: 1px solid #014099;
	border-radius: 999px;
	background-color: #ffffff;
	color: #014099;
	position: relative;
	padding: 0 0.43rem 0 0.25rem;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 0.48rem;
	transition: all .3s;
}

.ghj-scheme-swiper .ghj-scheme-list-btn i {
	font-size: 0.2rem;
	right: 0.2rem;
	position: absolute;
}

.ghj-scheme-swiper .ghj-scheme-list-btn:hover {
	background-color: #014099;
	color: #FFFFFF;
}

.ghj-index-product {
	width: 100%;
	height: 9.8rem;
	background-image: url(../../image/index-bg-4.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	overflow: hidden;
}

.ghj-product-swiper {
	width: 100%;
	height: 6.9rem;
	position: relative;
	overflow: hidden;
}

.ghj-product-warp {
	width: 15.5%;
	height: 100%;
	float: left;
	position: relative;
	transition: all 1s;
	overflow: hidden;
}

.wrap-active {
	width: 69%;
}

.ghj-product-warp .warp-menban {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	background-image: url(../../image/warp-menba.png);
	background-repeat: no-repeat;
	background-position: right center;
	z-index: 3;
	transition: all .4s;
	cursor: pointer;
	opacity: 1;
	pointer-events: none;
}

.wrap-active .warp-menban {
	cursor: pointer;
	opacity: 0;
	transition: all .4s;
}

.ghj-product-warp img {
	width: auto;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}

.ghj-product-warp .ghj-warp-info {
	/* display: none; */
	width: 4.40rem;
	height: 100%;
	top: 0;
	left: -4.40rem;
	position: absolute;
	z-index: 2;
	overflow: hidden;
}

.warp-menban div {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 0.28rem;
	text-align: center;
	top: 1.55rem;
}

.warp-menban .iconfont {
	position: absolute;
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	font-size: 0.4rem;
	text-align: center;
	line-height: .5rem;
	left: 0;
	right: 0;
	bottom: 0.8rem;
	margin: auto;
}

.wrap-active .ghj-warp-info {
	display: block;
	left: 0.5rem;
}

.ghj-product-warp .ghj-warp-info h2 {
	width: 100%;
	font-size: 0.28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: -2rem;
	margin-top: 1rem;
	margin-bottom: 0.4rem;
	opacity: 0;
}

.wrap-active .ghj-warp-info h2 {
	margin-left: 0;
	opacity: 1;
	transition: all .8s;
	transition-delay: .4s;
	color: white;
}

.ghj-product-warp .ghj-warp-info ul {
	margin-bottom: 0.4rem;
	margin-left: -100%;
	opacity: 1;
}

.wrap-active .ghj-warp-info ul {
	margin-left: 0;
	opacity: 1;
	transition: all .8s;
	transition-delay: .4s;
}

.ghj-product-warp .ghj-warp-info ul li {
	text-align: center;
	margin-bottom: 0.4rem;
}

.ghj-product-warp .ghj-warp-info ul li a {
	border: none;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	line-height: 1.6;
	border-radius: 0;
}

.ghj-product-warp .ghj-warp-info ul li a:hover {
	background: transparent;
	border: none;
}

.ghj-product-warp .ghj-warp-info ul li img {
	width: 0.7rem;
	height: 0.7rem;
	position: relative;
	margin-bottom: 0.15rem;
	background: rgba(255, 255, 255, 1);
	border: 5px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	transition: all 1s;
}

.ghj-product-warp .ghj-warp-info ul li p {
	width: 100%;
	font-size: 0.16rem;
	color: white;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
}

.ghj-product-warp .ghj-warp-info ul li:hover img {
	transform: rotateY(360deg);
}

.ghj-product-warp .ghj-warp-info a {
	/*display: block;*/
	/*width: 1.55rem;*/
	display: inline-block;
	height: .5rem;
	line-height: .5rem;
	border: 1px solid white;
	border-radius: 999px;
	padding: 0 0.5rem 0 0.25rem;
	overflow: hidden;
	color: white;
	font-size: #003e8d;
	position: relative;
	transition: all .3s;
}

.ghj-product-warp .ghj-warp-info a i {
	position: absolute;
	font-size: 0.20rem;
	right: 0.20rem;
}

.ghj-product-warp .ghj-warp-info a:hover {
	background-color: #014099;
	color: #FFFFFF;
	border: 1px solid transparent;
}

.ghj-index-about {
	width: 100%;
	height: 9.78rem;
	background-image: url(../../image/index-bg-1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
	position: relative;
}

.ghj-index-about .ghj-index-about-centent {
	width: 100%;
	height: 4.25rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #f5f5f5;
	box-shadow: 0 0 0.1rem #dddddd;
}

.ghj-index-about .ghj-index-about-pic {
	width: 40%;
	height: 100%;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.ghj-index-about .ghj-index-about-pic img {
	width: 100%;
	height: 100%;
}

.ghj-index-about .ghj-main-lable {
	margin-top: 0.5rem;
}

.ghj-index-about .ghj-index-about-centent p {
	width: 100%;
	line-height: 1.8;
	font-size: 0.18rem;
	color: #666666;
	margin-bottom: 0.35rem;
}

.ghj-index-about .hx-lable {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.ghj-index-about .hx-lable h1 {
	float: left;
	margin-right: 0.5rem;
	font-size: 0.48rem;
	line-height: 1;
	color: #3eb135;
	vertical-align: bottom;
	font-family: "font-num";
	font-weight: bold;
}

.ghj-index-about .hx-lable h1>small {
	font-size: 0.14rem;
	line-height: 1.6;
	vertical-align: bottom;
	color: #666666;
	font-weight: normal;
	margin-left: 0.05rem;
}

.ghj-index-video {
	width: 100%;
	height: 3.00rem;
	overflow: hidden;
	position: relative;
	background-image: url(../../image/index-bg-2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	color: #ffffff;
}

.ghj-index-video .videolist {
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	margin-top: 1.1rem;
	cursor: pointer;
}

.ghj-index-video .eg {
	width: 100%;
	font-size: 0.26rem;

	margin-top: 0.5rem;
}

.ghj-index-video .ch {
	width: 100%;
	margin-top: 0.15rem;
	font-size: 0.32rem;
	padding-bottom: 0.1rem;
	position: relative;
}

.ghj-index-video .ch::after {
	content: '';
	width: 1.5em;
	height: 0.02rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ffffff;
}

.ghj-index-video p {
	width: 100%;
	margin-top: 0.20rem;
	font-size: 0.14rem;
}

.videos {
	width: 10.40rem;
	/*height: 5.60rem;*/
	display: none;
	border: 1px solid #080808;
	position: fixed;
	left: 0;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	/*bottom: 0;*/
	margin: auto;
	z-index: 999;
}

.videos video {
	display: block;
	width: 100%;
}

.videos img {
	position: absolute;
	top: 0.1rem;
	right: 0.1rem;
	cursor: pointer;
}

.ghj-index-news {
	width: 100%;
	height: 6.90rem;
	background-color: #f4f7fb;
	background-image: url(../../image/index-bg-3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
}

.ghj-index-news .am-nav-tabs,
.ghj-index-news .am-tabs-bd {
	border: none;
}

.ghj-index-news .am-nav-tabs {
	text-align: center;
}

.ghj-index-news .am-nav-tabs li {
	text-align: center;
	display: inline-block;
	float: none;
	margin: auto;
	margin: auto auto auto 0.3rem;
}

.ghj-index-news .am-nav-tabs li:first-child {
	margin-left: 0;
}

.ghj-index-news .am-nav-tabs>li>a {
	width: auto;
	padding: 0 0.2rem;
	height: .40rem;
	text-align: center;
	line-height: 0.38rem;
	color: #666666;
	border: 0.01rem solid #999999;
	border-radius: 999px;
	transition: all .3s;
	background: transparent;
}

.ghj-index-news .am-nav-tabs>li>a:hover,
.ghj-index-news .am-nav-tabs>li.am-active>a,
.ghj-index-news .am-nav-tabs>li.am-active>a:focus,
.ghj-index-news .am-nav-tabs>li.am-active>a:hover {
	border-color: #014099;
	color: #014099;

}

.ghj-index-news .am-tabs-bd {
	margin-top: 0.35rem;
}

.ghj-index-news .am-tab-panel {
	overflow: hidden;
}

.ghj-index-news-list {
	display: block;
	width: 31%;
	height: 3.60rem;
	margin-left: 3.5%;
	background-color: #ffffff;
	float: left;
	box-shadow: 0 0 0.1rem #dddddd;
	border-radius: 0.12rem;
	overflow: hidden;
	position: relative;
}

.ghj-index-news-list:first-child {
	margin-left: 0;
}

.ghj-index-news-list-img {
	width: 100%;
	height: 2.40rem;
	overflow: hidden;
}

.ghj-index-news-list-img img {
	width: 100%;
	min-height: 100%;
}

.ghj-index-news-list-centent {
	width: 100%;
	padding: 0 0.4rem;
	box-sizing: border-box;
}

.ghj-index-news-list-centent h3 {
	font-size: 0.18rem;
	color: #333333;
	margin-top: 0.3rem;
	transition: all .3s;
}

.ghj-index-news-list-centent .date-y {
	font-size: 0.14rem;
	color: #666666;
	margin-top: 0.15rem;
}

.ghj-index-news-list .list-mb {
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transition: all .3s;
}

.ghj-index-news-list:hover .list-mb {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .2);
}

.ghj-index-news-list .fuhao {
	width: 100%;
	height: .65rem;
	background-image: url(../../image/fuhao.png);
	background-repeat: no-repeat;
	background-position: 15% 0;
	background-size: contain;
	transition: all .3s;
}

.ghj-index-news-list-centent p {
	width: 100%;
	max-height: 64rem;
	font-size: 0.16rem;
	color: #666666;
	margin-top: 0.3rem;
	overflow: hidden;
	transition: all .3s;
}

.ghj-index-news-list:hover .fuhao {
	background-image: url(../../image/fuhao-sel.png);
}

/* .ghj-index-news-list:hover h3 {
	color: #3eb135;
}

.ghj-index-news-list:hover p {
	color: #9ede99;
} */

#inner-nav {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fbfbfb;
	overflow: hidden;
	border-bottom: 1px solid #cecece;
}

#inner-nav .inner-nav-bar {
	width: 100%;
	padding: 0.2rem 0;
	overflow: hidden;
}

.inner-nav-bar .inner-nav-breadcrumb {
	float: right;
	margin-top: 0.08rem;
}

.inner-nav-bar .inner-nav-breadcrumb .am-breadcrumb {
	margin: 0;
	padding: 0;
}

.am-breadcrumb .iconfont {
	font-size: 0.16rem;
	color: #3eb135;
}

.am-breadcrumb li,
.am-breadcrumb a {
	color: #999999;
	cursor: pointer;
	font-size: 0.16rem;
}

.am-breadcrumb>.am-active {
	color: #333333;
}

.inner-nav-bar-list {
	position: relative;
	overflow: hidden;
	float: left;
}

.inner-nav-bar-list .inner-bar-list-box {
	float: left;
	padding: 0 0.3rem;
	box-sizing: border-box;
	position: relative;
}

.inner-nav-bar-list .inner-bar-list-box::after {
	content: '';
	width: 1px;
	height: 0.25rem;
	background-color: #ececec;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.inner-nav-bar-list .inner-bar-list-box:first-child {
	padding-left: 0;
}

.inner-nav-bar-list .inner-bar-list-box:first-child::after {
	content: none;
}

.inner-nav-bar-list .inner-bar-list-box .iconfont {
	display: inline-block;
	vertical-align: middle;
	width: 0.40rem;
	height: 0.4rem;
	border: 0.01rem solid #a0a0a0;
	color: #a0a0a0;
	border-radius: 50%;
	font-size: 0.26rem;
	text-align: center;
	line-height: 0.38rem;
	transition: all .3s;
}

.inner-nav-bar-list .inner-bar-list-box div {
	width: 0.40rem;
	height: 0.4rem;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../../image/inner-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: all .3s;
}

.inner-nav-bar-list .inner-bar-list-box span {
	display: inline-block;
	vertical-align: middle;
	color: #666666;
	font-size: 0.18rem;
	margin-left: 0.05rem;
	transition: all .3s;
}

.inner-nav-bar-list .inner-bar-list-box a:hover .iconfont,
.inner-nav-bar-list .inner-bar-list-box a.active-bar .iconfont {
	color: #3eb135;
	border-color: #3eb135;
}

.inner-nav-bar-list .inner-bar-list-box a:hover span,
.inner-nav-bar-list .inner-bar-list-box a.active-bar span {
	color: #014099;
}

.inner-nav-bar-list .inner-bar-list-box a:hover div,
.inner-nav-bar-list .inner-bar-list-box a.active-bar div {
	background-image: url(../../image/inner-icon-active.png);
}

.news-nav-btn {
	width: 100%;
	margin-bottom: 0.5rem;
	overflow: hidden;
}

.news-nav-btn a {
	display: inline-block;
	width: 1.60rem;
	height: 0.50rem;
	text-align: center;
	line-height: 0.48rem;
	vertical-align: middle;
	font-size: 0.16rem;
	color: #666666;
	border: 0.01rem solid #666666;
	box-sizing: border-box;
	margin-left: 0.4rem;
	border-radius: 999px;
	transition: all .3s;
}

.news-nav-btn a:first-child {
	margin-left: 0;
}

.news-nav-btn a:hover,
.news-nav-btn a.ghj_active {
	border-color: #014099;
	color: #014099;
}

.news-list-content {
	width: 100%;
	padding-bottom: 0.5rem;
}

.news-list-content li {
	width: 100%;
	padding: 0.25rem 0.5rem;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 0.1rem #eeeeee;
	transition: all .3s;
	margin-top: 0.50rem;
}

.news-list-content li:first-child {
	margin: 0;
}

.news-list-content li:hover {
	box-shadow: 0 0 0.1rem #e2ebff;
}

.news-list-content li a {
	display: inline-block;
}

.news-list-content li .news-img,
.news-list-content li .news-info,
.news-list-content li .news-date {
	float: left;
}

.news-list-content li .news-img {
	width: 4.3rem;
	height: 2.4rem;
	overflow: hidden;
	border-radius: 0.12rem;
	text-align: center;
	box-shadow: 0 0 10px #EEEEEE;
}

.news-list-content li .news-img img {
	width: 100%;
	min-height: 100%;
	/* height: 100%; */
	transition: all .3s;
}

.news-list-content li .news-info {
	width: 6.00rem;
	margin-left: 0.6rem;
}

.news-list-content li .news-info h3 {
	width: 100%;
	margin: 0.35rem 0;
	font-size: 0.18rem;
	color: #222222;
}

.news-list-content li .news-info p {
	width: 100%;
	height: 0.84rem;
	line-height: 2;
	font-size: 0.14rem;
	color: #666666;
	overflow: hidden;
}

.news-list-content li .news-date {
	width: 1.20rem;
	margin-left: 1.00rem;
	font-family: 'font-num';
	font-weight: normal;
	margin-top: 0.5rem;
}

.news-list-content li .news-date {
	color: #3eb135;
	font-size: 0.48rem;
	line-height: 1.2;
}

.news-list-content li .y {
	color: #999999;
	font-size: 0.18rem;
}

.news-list-content li:hover .news-img img {
	transform: scale(1.1);
}

.news-list-content li:hover .news-info h3 {
	color: #014099;
}

.page-pagination {
	width: 100%;
	height: auto;
	/*margin-bottom: .50rem;*/
	text-align: center;
	overflow: hidden;
	display: table;
}

.page-pagination a,
.page-pagination span {
	display: inline-block;
	padding: 0.08rem 0.15rem;
	color: #a0a0a0;
}

.page-pagination a {
	border: 1px solid #cecece;
	color: #666666;
	font-size: 0.14rem;
	border-radius: 0.05rem;
	transition: all .3s;
	vertical-align: middle;
	margin-left: 5px;
	/*border: 1px solid #cecece;
    color: #666666;
    font-size: 0.14rem;
    border-radius: 0.05rem;
    transition: all .3s;
    display: block;
    float: left;
    margin-left: 5px;*/
}

.page-pagination a:first-child {
	margin-left: 0px;
}

.page-pagination a:hover,
.page-pagination a.page-pagination-active {
	color: #3eb135;
	border-color: #3eb135;
}

.recruit-box {
	overflow: hidden;
}

.bg-gray {
	background-color: #fafafa;
}

.recruit-work {
	width: 100%;
	height: 5.48rem;
	border-radius: 0.12rem;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 .10rem #e2ebff;
	background-color: #ffffff;
	margin-bottom: 0.8rem;
}

.recruit-work-img,
.recruit-work-info {
	float: left;
	width: 50%;
	overflow: hidden;
}

.recruit-work-img img {
	width: 100%;
	display: block;
}

.recruit-work-img.recruit-work-fr {
	float: right;
}

.recruit-work-info {
	padding: 0.35rem 0.35rem;
	box-sizing: border-box;
}

.recruit-work-table {
	width: 100%;
	height: auto;
	background: #ffffff;
	border-radius: 0.12rem;
	overflow: hidden;
	margin-bottom: 10px;
}

.tr-name {
	cursor: pointer;
}

.recruit-work-table .recruit--table-th {
	width: 100%;
	background-color: #fafafa;
	font-size: 0.16rem;
	color: #333333;
	text-align: center;
	overflow: hidden;
}

.recruit-work-table .recruit-work-tr {
	width: 100%;
	font-size: 0.14rem;
	color: #999999;
	text-align: center;
	overflow: hidden;
	border-bottom: 1px solid #dddddd;
}

.recruit-work-table .recruit--table-th div,
.recruit-work-table .recruit-work-tr div {
	float: left;
	padding: 0.10rem;
	width: 33.333%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*.recruit-work-info a {
	display: block;
	width: 1.30rem;
	height: 0.4rem;
	font-size: 0.16rem;
	text-align: center;
	line-height: 0.38rem;
	border: 0.01rem solid #3eb135;
	color: #3eb135;
	border-radius: 999px;
	position: absolute;
	bottom: 0.5rem;
}
*/
.recruit-growUp {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-bottom: 0.8rem;
}

.recruit-growUp .recruit-growUp-list {
	float: left;
	width: 24%;
	text-align: center;
	background-color: #fafafa;
	border-radius: 0.12rem;
	overflow: hidden;
	margin-left: 1.25%;
}

.recruit-growUp .recruit-growUp-list:first-child {
	margin-left: 0;
}

.recruit-growUp-list-img {
	width: 100%;
	height: 2rem;
	overflow: hidden;
}

.recruit-growUp-list-img img {
	width: 100%;
	min-height: 2rem;
}

.recruit-growUp-list-content {
	width: 100%;
	height: 2rem;
	position: relative;
	padding: 0 0.2rem;
	box-sizing: border-box;
	overflow: hidden;
}

.recruit-growUp-list-content h4 {
	font-size: 0.16rem;
	color: #666666;
	margin-top: 0.20rem;
}

.recruit-growUp-list-content p {

	font-size: 0.14rem;
	color: #999999;
	margin-top: 0.20rem;
	line-height: 2;
}

.contact-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 0.80rem;
}

.contact-info {
	width: 100%;
	margin-bottom: 0.5rem;
	padding: 0.1rem;
	overflow: hidden;
}

.contact-info .contact-info-list {
	width: 23.5%;
	height: 1.90rem;
	background-color: #ffffff;
	box-shadow: 0 0 0.1rem #eeeeee;
	float: left;
	margin-left: 2%;
	transition: all .3s;
	border-radius: 0.12rem;
	overflow: hidden;
	padding: 0.35rem 0.2rem;
	box-sizing: border-box;
}

.contact-info .contact-info-list:hover {
	box-shadow: 0 0 0.1rem #e2ebff;
}

.contact-info .contact-info-list:first-child {
	margin-left: 0;
}

.contact-info-list .cont-icon,
.contact-info-list .cont-content {
	float: left;
}

.contact-info-list .cont-icon {
	width: 0.5rem;
	text-align: center;
}

.contact-info-list .cont-icon i {
	font-size: 0.4rem;
	color: #3eb135;
	line-height: 1;
}

.contact-info-list .cont-content {
	width: 2.1rem;
	margin-left: .2rem;
}

.contact-info-list .cont-content h3 {
	width: 100%;
	overflow: hidden;
	color: #333333;
	font-size: 0.16rem;
	padding-bottom: .1rem;
	position: relative;
	margin-bottom: 0.15rem;
}

.contact-info-list .cont-content h3::before,
.contact-info-list .cont-content h3::after {
	content: '';
	bottom: 0;
	left: 0;
	position: absolute;
	border-radius: 999px;
}

.contact-info-list .cont-content h3::before {
	width: .3rem;
	height: .04rem;
	background-color: #e8e8e8;
}

.contact-info-list .cont-content h3::after {
	width: .15rem;
	height: .04rem;
	background-color: #014099;
}

.contact-info-list .cont-content h3>small {
	color: #999999;
	font-size: 0.16rem;
}

.contact-info-list .cont-content p {
	font-size: 0.14rem;
	color: #666666;
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

#allmap {
	width: 100%;
	height: 600px;
}

.contact-branch {
	width: 100%;
	margin-top: 0.50rem;
}

.contact-branch-list {
	width: 100%;
	height: 3rem;
	border: 1px solid #3568df;
	border-radius: 0.12rem;
	box-sizing: border-box;
	padding: 0.5rem 0.2rem 0.5rem 0.5rem;
	background-color: #ffffff;
}

.contact-branch-list div {
	width: 3.30rem;
	float: left;
}

.contact-branch-list div:first-child {
	width: .40rem;
	text-align: center;
	margin-right: 0.2rem;
}

.contact-branch-list div>i {
	font-size: 0.28rem;
	color: #014099;
	line-height: 1.4;
}

.contact-branch-list div>h3 {
	width: 100%;
	font-size: 0.18rem;
	color: #282828;
	margin: 0.05rem auto 0.15rem;
	padding-bottom: 0.1rem;
	box-sizing: border-box;
}

.contact-branch-list div>p {
	color: #666666;
	font-size: 0.18rem;
	line-height: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.contact-branch-list div>p>span {
	color: #014099;
	font-family: 'font-num';
	font-weight: bold;
}

.service-box {
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.8rem;
}

.service-box .am-tab-panel {
	text-align: center;
}

.service-box .am-tab-panel img {
	max-width: 100%;
}

.am-figure-zoomable:after {
	font-size: 0.16rem;
	top: 0.16rem;
	right: 0.16rem;
}

.service-box .am-nav-tabs {
	border: none;
	margin-bottom: .3rem;
}

.service-box .am-tabs-bd {
	border: none;
}

.service-box .am-nav-tabs>li {
	margin-right: 0.3rem;
}

.service-box .am-nav-tabs>li>a,
.service-box .am-nav-tabs>li>a:focus {
	border: 1px solid #999999;
	color: #666666;
	border-radius: 999px;
	background-color: #FFFFFF;
	padding: .1rem .2rem;
	transition: all .3s;
}

.service-box .am-nav-tabs>li.am-active>a,
.service-box .am-nav-tabs>li.am-active>a:focus,
.service-box .am-nav-tabs>li.am-active>a:hover,
.service-box .am-nav-tabs>li>a:hover {
	border: 1px solid #014099;
	color: #014099;
	border-radius: 999px;
	background-color: #FFFFFF;
}

.service-address {
	margin-top: 0.50rem;
}

.service-address .service-search {
	width: 100%;
	height: 0.62rem;
	border: 0.01rem solid #dddddd;
	border-radius: 0.1rem;
	background-color: #fafafa;
	line-height: 0.6rem;
	box-sizing: border-box;
	margin-bottom: 0.35rem;
	padding: 0 .5rem;
}

.service-search h3 {
	float: left;
	color: #3568df;
	font-size: 0.18rem;
	position: relative;
}

.service-search h3::after {
	content: '';
	width: 0.02rem;
	height: 0.20rem;
	left: -0.10rem;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #3568df;
	position: absolute;
}

.service-search div {
	float: right;
}

.service-search select {
	width: 1.60rem;
	height: 0.4rem;
	line-height: 0.4rem;
	border-radius: 999px;
	border: 0.01rem solid #ccc;
	padding: 0 0.30rem 0 0.15rem;
	box-sizing: border-box;
	outline: none;
	/* 清除默认的箭头样式 */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../../image/down.png);
	background-repeat: no-repeat;
	background-position: 90%;
	background-size: 0.12rem;
}

.service-search button {
	background: transparent;
	font-size: 0.3rem;
	border: none;
	color: #3568df;
	outline: none;

}

.about-box {
	width: 100%;
	padding: .8rem 0;
	overflow: hidden;
}

.about-information {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.about-information-content {
	float: left;
	width: 47%;
	overflow: hidden;
}

.about-information-content div {
	margin-top: 0.4rem;
}

.about-information-content div img {
	width: 60%;
}

.about-information-content h2 {
	font-size: .32rem;
	color: #666666;
	margin-bottom: 0.5rem;
	margin-top: 0.15rem;
}

.about-information-content p {
	color: #666666;
	font-size: 0.16rem;
	margin-bottom: 0.35rem;
}

.about-information-img {
	float: right;
	width: 47%;
	border-radius: 0.12rem;
	overflow: hidden;
}

.about-information-img img {
	width: 100%;
}

.about-explain {
	width: 100%;
	height: 2.90rem;
	background-image: url(../../image/about-bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	overflow: hidden;
	text-align: center;
	margin-bottom: 0.5rem;
}

.about-explain-text {
	display: inline-block;
	vertical-align: middle;
	width: 28%;
	text-align: center;
}

.about-explain-text h1 {
	margin-top: 0.90rem;
	line-height: 1;
}

.about-explain-text h1>span {
	font-size: 0.48rem;
	color: #3eb135;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	position: relative;
}

.about-explain-text h1>span.many::after {
	content: '+';
	position: absolute;
	top: 0;
	right: -0.2rem;
	font-size: 0.2rem;
	color: #3eb135;
}

.about-explain-text h1>small {
	margin-left: 0.1rem;
	color: #323333;
	font-size: 0.18rem;
}

.about-explain-text p {
	font-size: 0.16rem;
	color: #666666;
	margin-top: 0.2rem;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.about-advantage-list {
	width: 100%;
	padding-bottom: .50rem;
	position: relative;
	overflow: hidden;
}

.about-advantage-info {
	float: left;
	width: 30%;
	height: auto;
	overflow: hidden;
}

.about-advantage-img {
	width: 40%;
	overflow: hidden;
}

.about-advantage-img img {
	width: 65%;
	display: block;
	margin: 1rem auto 0;
}

.about-advantage-info .about-advantage-centent {
	width: 100%;
	margin-top: 0.6rem;
	overflow: hidden;
}

.about-advantage-info .about-advantage-centent:first-child {
	margin-top: 0;
}

.about-advantage-info .about-adv-icon,
.about-advantage-info .about-adv-cent {
	float: left;
}

.ccc-img img {
	max-width: 100%;
}

.about-advantage-info .about-adv-icon {
	width: 0.40rem;
	height: 0.4rem;
	text-align: center;
	line-height: 0.38rem;
	border: 0.01rem solid #3eb135;
	color: #3eb135;
	border-radius: 50%;
	margin-right: 0.3rem;
	overflow: hidden;
}

.about-advantage-info .about-adv-icon i {
	font-size: 0.25rem;
}

.about-advantage-info .about-adv-cent {
	width: 3.5rem;
}

.about-advantage-info .about-adv-cent h4 {
	width: 100%;
	font-size: 0.16rem;
	font-weight: bold;
	color: #333333;
	margin-top: 0.08rem;
	margin-bottom: 0.2rem;
	overflow: hidden;
}

.about-adv-cent ul li {
	overflow: hidden;
}

.about-adv-cent ul li i,
.about-adv-cent ul li p {
	float: left;
	color: #9c9a9a;
}

.about-adv-cent ul li i {
	display: block;
	width: 0.20rem;
	height: 0.2rem;
	text-align: center;
	line-height: 1.5;
	font-size: 0.2rem;
	margin-right: 0.05rem;
}

.about-adv-cent ul li p {
	width: 3.0rem;
	font-size: 0.14rem;
	line-height: 2;
}

.about-course-bg {
	background-image: url(../../image/about-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.about-course {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

.about-course-block {
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.about-course-block-list {
	float: left;
	width: 23.5%;
	margin-left: 2%;
	text-align: center;
}

.about-course-block-list:first-child {
	margin-left: 0;
}

.about-course-block-list .about-course-block-img {
	width: 100%;
	height: auto;
	border-radius: 0.12rem;
	position: relative;
	overflow: hidden;
}

.youshi {
	overflow: hidden;
}

.about-course-block-list .about-course-block-img .men-about-coutse {
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background-color: #014099;
	color: #ffffff;
	text-align: left;
	position: absolute;
	padding: 0.3rem;
	box-sizing: border-box;
	transition: all .3s;
	opacity: 0.9;
}

.about-course-block-list .about-course-block-img .men-about-coutse h4 {
	font-size: 0.18rem;
	margin-bottom: 0.2rem;
}

.about-course-block-list .about-course-block-img .men-about-coutse p {
	font-size: 0.14rem;
}

.about-course-block-list .about-course-block-img img {
	width: 100%;
}

.about-course-block-list .about-course-block-img:hover .men-about-coutse {
	top: 0;
	cursor: default;
}

.about-course-block-text h4 {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0.15rem;
	font-size: 0.16rem;
	color: #333333;
	margin-top: 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about-course-block-text p {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0.15rem;
	font-size: 0.14rem;
	color: #666666;
	margin-top: 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.about-course-radio {
	width: 100%;
	overflow: hidden;
}

.about-course-radio .about-course-radio-list {
	width: 20%;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative;
}


.men-about-radio {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.50rem;
	height: 2.5rem;
	font-size: 0.16rem;
	color: #ffffff;
	border-radius: 50%;
	background: #3eb135;
	padding: 0.2rem;
	margin: 0 auto;
	cursor: default;
	opacity: 0;
	transition: all 1s;
	overflow: hidden;
}

.men-about-radio p {
	width: 1.8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

/*.men-about-radio before {*/
/*	float: left;*/
/*	width: 50%;*/
/*	height: 100%;*/
/*	overflow: hidden;*/
/*	shape-outside: radial-gradient(farthest-side ellipse at right, transparent 100%, red);*/
/*}*/

/*.men-about-radio after {*/
/*	float: right;*/
/*	width: 50%;*/
/*	height: 100%;*/
/*	overflow: hidden;*/
/*	shape-outside: radial-gradient(farthest-side ellipse at left, transparent 100%, red);*/
/*}*/

.about-course-radio-icon {
	position: absolute;
	width: 1.35rem;
	height: 1.80rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	opacity: 1;
	transition: all 1s;
}

.about-course-radio-icon .iconfont {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1.18rem;
	border-radius: 50%;
	border: 0.01rem solid #014099;
	color: #014099;
	margin: auto;
	font-size: 0.60rem;
}

.about-course-radio-icon h5 {
	font-size: 0.16rem;
	color: #333333;
	margin-top: 0.20rem;
}

.about-course-radio-list:hover .about-course-radio-icon {
	opacity: 0;
	transform: rotateY(360deg);
}

.about-course-radio-list:hover .men-about-radio {
	opacity: 1;
	transform: rotateY(360deg);
}

.about-grow {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

.about-grow-lable {
	width: 100%;
}

.about-grow-lable h1 {
	float: left;
	width: 3rem;
	font-size: 0.42rem;
	padding-bottom: 0.2rem;
	line-height: 1;
	position: relative;
	color: #014099;
	overflow: hidden;
}

.about-grow-lable h1::after {
	position: absolute;
	content: '';
	width: 0.61rem;
	height: 0.04rem;
	background-color: #3eb135;
	left: 0;
	bottom: 0;
}

.about-grow-lable img {
	float: right;
	width: 3.85rem;
}

.about-grow-swiper .am-slider-default {
	box-shadow: none;
	height: 5.00rem;
	position: relative;
	background-color: transparent;
	background-image: url(../../image/text.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0.5rem;
}

.about-grow-swiper .am-slider-default .am-slides li {
	height: 5.00rem;
	position: relative;
}

.about-grow-swiper .grow-list {
	width: 100%;
	height: 0.01rem;
	background-color: #666666;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.about-grow-swiper .am-direction-nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 36px;
	overflow: hidden;
	text-align: center;
}

.about-grow-swiper .am-direction-nav li {
	display: inline-block;
	overflow: hidden;
}

.about-grow-swiper .am-slider-default .am-direction-nav a {
	position: relative;
	left: auto;
	right: auto;
	margin: auto;
	width: 70px;
	height: 50px;
}

.about-grow-swiper .am-slider-default .am-direction-nav a.am-prev::before {
	content: "\f104";
}

.about-grow-swiper .am-slider-default .am-direction-nav a.am-next::before {
	content: "\f105";
}

.about-grow-swiper .am-slider-default .am-direction-nav a:before {
	font-size: 35px !important;
}

.grow-list {
	padding: 0 .2rem;
}

.grow-list .grow-long {
	float: left;
	width: 23%;
	height: 0.20rem;
	position: relative;
}

.grow-list .grow-long:last-child {
	width: 8%;
}

.grow-list .grow-long::after {
	position: absolute;
	content: '';
	top: -0.2rem;
	left: 0;
	width: 0.01rem;
	height: 0.2rem;
	background-color: #666666;
}

.grow-list .grow-long::before {
	position: absolute;
	content: '';
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 50%;
	left: -0.03rem;
	top: -0.03rem;
	border: .02rem solid #3eb135;
	background-color: #ffffff;
	box-sizing: border-box;
	z-index: 1;
}

.grow-small {
	float: left;
	width: 20%;
	height: 0.01rem;
	position: relative;
}

.grow-small::after {
	position: absolute;
	content: '';
	width: 0.01rem;
	height: 0.12rem;
	top: -0.12rem;
	background-color: #999999;
	left: 0;
}

.grow-small:first-child::after {
	content: none;
}

.grow-long-last .grow-small {
	float: left;
	width: 50%;
	height: 0.01rem;
	position: relative;
}

.grow-y {
	position: absolute;
	bottom: -0.2rem;
	left: 0;
	font-size: 0.18rem;
	color: #014099;
	font-family: 'font-num';
}

.grow-centent {
	position: absolute;
	bottom: .6rem;
	width: 100%;
	height: auto;
}

.grow-centent.double {
	top: auto;
	bottom: -2.3rem;
	height: 2.00rem;
}

.grow-centent h4 {
	color: #282828;
	font-size: 18px;
	margin-bottom: 0.1rem;
	font-family: 'font-num';
}

.grow-centent p {
	width: 100%;
	line-height: 1.8;
	position: relative;
	padding-left: 0.2rem;
}

.grow-centent p::after {
	content: '';
	width: 0.12rem;
	height: 0.04rem;
	background-color: #3eb135;
	left: 0;
	top: 0.12rem;
	position: absolute;
}

.about-honor {
	position: relative;
	width: 100%;
	padding-bottom: 0.5rem;
	box-sizing: border-box;
	overflow: hidden;
}

.about-honor .am-nav-tabs,
.about-honor .am-tabs-bd {
	border: none;
	background: transparent;
	box-shadow: none;
}

.about-honor .am-nav-tabs {
	text-align: center;
	margin-bottom: 0.5rem;
}

.about-honor .am-nav-tabs>li {
	float: none;
	display: inline-block;
	background: transparent;
	margin-left: 0.3rem;
}

.about-honor .am-nav-tabs>li:first-child {
	margin-left: 0;
}

.about-honor .am-nav-tabs>li>a {
	/*width: 1.5rem;*/
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	padding: 0;
	border: 0.01rem solid #999999;
	color: #999999;
	background: transparent;
	border-radius: 999px;
	padding: 0 0.2rem;
}

.about-honor .am-nav-tabs>li.am-active>a,
.about-honor .am-nav-tabs>li.am-active>a:focus,
.about-honor .am-nav-tabs>li.am-active>a:hover {
	background: transparent;
	color: #014099;
	border-color: #014099;
}

.about-honor .am-tab-panel div {
	width: 33.3333%;
	float: left;
	height: auto;
}

.about-honor .am-tab-panel div h1 {
	font-size: 0.48rem;
	color: #3eb135;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	font-weight: bold;
	vertical-align: bottom;
	position: relative;
	padding-bottom: 0.15rem;
}

.about-honor .am-tab-panel div h1::after {
	position: absolute;
	content: '';
	width: 0.5rem;
	height: 0.04rem;
	background: #3eb135;
	left: 0;
	bottom: 0;
}

.about-honor .am-tab-panel div h1 small {
	font-size: 0.18rem;
	color: #666666;
	line-height: 1.5;
	vertical-align: bottom;
	font-weight: normal;
}

.about-honor .am-tab-panel div ul li {
	padding-left: 0.3rem;
	position: relative;
	margin-top: 0.1rem;
	font-size: 0.16rem;
}

.about-honor .am-tab-panel div ul li::after {
	margin-top: 0;
}

.about-honor .am-tab-panel div ul li::after {
	content: '';
	left: 0;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	overflow: hidden;
	background: #999999;
	top: 0.08rem;
	position: absolute;
}

.about-honor .am-tab-panel div img {
	max-width: 100%;
	margin: auto;
	display: block;
}

.recruit-mb {
	width: 8rem;
	top: 2rem;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: fixed;
	display: none;
	padding: 0.3rem;
	z-index: 100;
}

.recruit-mb>div>div {
	padding: 0.1rem 0.2rem;
	background-color: #f2f2f2;
}

.recruit-mb>div>div:nth-child(2n) {
	background-color: #ffffff;
}

.recruit-mb img {
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
	cursor: pointer;
}

@media screen and (max-width: 1460px) {
	.news-list-content li .news-info p {
		height: 0.90rem;
	}
}





.am-pagination {
	margin: 0.2rem 0;
	padding: 0;
	overflow: hidden;
	font-size: 0.16rem;
	text-align: center;
}

.am-pagination>li>a,
.am-pagination>li>span,
.am-pagination .am-pagination-prev a,
.am-pagination .am-pagination-next a {
	color: #686868;
	padding: 0.1rem 0.2rem;
	border-radius: 0.05rem;
	display: inline-block;
}

.am-pagination>.am-active>a,
.am-pagination>.am-active>a:focus,
.am-pagination>.am-active>a:hover,
.am-pagination>.am-active>span,
.am-pagination>.am-active>span:focus,
.am-pagination>.am-active>span:hover {
	background-color: #004097;
	border-color: #004097;
}

.investor-info {
	width: 100%;
	height: auto;
	padding: 0.5rem 0;
	position: relative;
	overflow: hidden;
}

.investor-info-box {
	width: 48.5%;
	margin-left: 3%;
}

.investor-info-box:first-child {
	margin-left: 0;
}

.investor-info-lable {
	color: #004097;
	font-size: 0.32rem;
	line-height: 1.5;
	margin-bottom: 0.3rem;
}

.investor-content {
	width: 100%;
	height: 5.40rem;
	padding: 0.5rem;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #E2EBFF;
	border-radius: 5px;
}

.investor-table {
	width: 100%;
	border-radius: 0.05rem;
	overflow: hidden;
}

.investor-tbody {
	width: 100%;
	padding: 0.1rem 0.30rem;
	background-color: #FFFFFF;
	overflow: hidden;
	font-size: 0.16rem;
	color: #666666;
}

.investor-tbody p {
	width: 80%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.investor-tbody span {
	color: #999999;
	font-size: 0.12rem;
}

.investor-tbody.tb-gary-bg {
	background-color: #fafafa;
}

.investor-content h3 {
	font-size: 0.24rem;
	color: #282828;
	line-height: 1;
	margin-bottom: 0.2rem;
}

.investor-shares-name {
	font-size: 0.18rem;
	color: #666666;
	margin-bottom: 0.850rem;
}

.invsetor-shares-centent {
	width: 100%;
	overflow: hidden;
}

.invsetor-shares-centent .shares-info-data {
	width: 55%;
}

.shares-info-data-title {
	color: #999999;
	font-size: 0.14rem;
}

.invsetor-shares-centent .shares-info-value {
	width: 45%;
}

.shares-info-ups small {
	font-size: 0.16rem;
	color: #666666;
	padding-right: 0.20rem;
}

.shares-info-ups span {
	font-size: 0.60rem;
	color: #ff3e00;
	font-family: "font-num";
}

.shares-info-increase span {
	display: inline-block;
	padding: 0.05rem 0.1rem;
	color: #ff3e00;
	border: 0.01rem solid #ff3e00;
	border-radius: 0.05rem;
	margin-left: 0.6rem;
}

.shares-info-increase span.green-lin {
	border-color: #090;
	color: #090;
}

.shares-info-value div {
	font-size: 0.18rem;
	color: #666666;
	margin-top: 0.2rem;
	overflow: hidden;
	line-height: 1.4;
}

.shares-info-value div:first-child {
	margin-top: 0;
}

.shares-info-value div>span>small {
	font-size: 0.14rem;
	color: #999999;
}

.investor-content a.more-link {
	display: inline-block;
	width: 1.30rem;
	height: 0.4rem;
	color: #3eb135;
	border: 0.01rem solid #3eb135;
	border-radius: 9999px;
	text-align: center;
	line-height: 0.4rem;
	margin-top: 0.5rem;
	font-size: 0.16rem;
}

.investor-quotation {
	overflow: hidden;
	padding: 0.1rem;
}

.investor-contact-info {
	border-radius: 0.10rem;
	overflow: hidden;
	background-color: #FAFAFA;
}

.investor-contact {
	margin-top: 0.4rem;
}

.investor-contact-map {
	width: 60%;
	height: 5.4rem;
}

.investor-contact-map #container {
	width: 100%;
	height: 100%;
}

.investor-contact-content {
	width: 40%;
	height: 5.4rem;
	padding: 0.5rem;
	box-sizing: border-box;
}

.investor-contact-content .img {
	width: 100%;
	margin-bottom: 0.50rem;
}

.investor-contact-content .img img {
	width: 60%;
}

.investor-contact-box {
	margin-bottom: 0.2rem;
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #666666;
}

.investor-contact-box i {
	color: #014099;
	font-size: 0.2rem;
	margin-right: 0.15rem;
}

.search-goods a {
	display: block;
	margin-bottom: 0.20rem;
}

.search-goods-img {
	width: 100%;
	height: auto;
	padding-top: 110%;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #EEEEEE;
	border-radius: 0.10rem;
}

.search-goods-img img {
	position: absolute;
	width: auto;
	max-width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.search-goods-text {
	width: 100%;
	text-align: center;
	margin-top: 0.2rem;
	color: #666;
	font-size: 0.16rem;
}

.search-goods a:hover .search-goods-text {
	color: #004097;
}

.nav-list-a .solution-nav {
	float: left;
	overflow: hidden;
	color: #333;
	display: table;

}

#nav-bar .nav-list li:hover .nav-list-a.jiejue {
	height: auto;
	padding: 0;
}

.nav-list-a .solution-nav div {
	display: inline-block;
	width: 2.5rem;
	height: 2.2rem;
	vertical-align: top;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	position: relative;
}

.nav-list-a .solution-nav div a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 0.16rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333333;
	position: relative;
	z-index: 1;
}

.nav-list-a .solution-nav img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	opacity: 0;
}

.nav-list-a .solution-nav div a span {
	width: 100%;
	height: auto;
	font-size: 0.16rem;
	text-align: center;
	word-wrap: break-word;
	white-space: pre-wrap;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
	line-height: 1.8;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.nav-list-a .solution-nav div a span div{
	flex-shrink: 0;
	width: 100%;
	height: auto;
	line-height: 1.8;
}
.nav-list-a .solution-nav div:hover img {
	opacity: .8;
}

.scheme-box {
	width: 100%;
	position: relative;
	margin: .5rem auto;
	background-color: #FFFFFF;
	border-radius: 0.15rem;
	overflow: hidden;
	box-shadow: 0 0 10px #E2EBFF;
	padding: 0.5rem;
	box-sizing: border-box;
}

.scheme-box h1 {
	font-size: 0.24rem;
	color: #014099;
	margin-bottom: 0.3rem;
}

.scheme-centent p {
	font-size: 0.14rem;
	color: #666;
	margin-bottom: 0.1rem;
	width: 100%;
}

.scheme-centent img {
	max-width: 100%;
	width: auto;
	margin: auto;
}

.scheme-step li {
	padding: 0.15rem;
	position: relative;
}

.scheme-step li .scheme-step-lable {
	font-size: 0.18rem;
	color: #434343;
}

.scheme-step li .scheme-step-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 0.75rem;
	border: 0.02rem solid #1da312;
	color: #1da312;
	text-align: center;
	/*line-height: 0.56rem;*/
	font-size: 0.18rem;
	margin: 0.3rem auto;
	position: relative;
	border-radius: 13px;
	padding: 5px;
	box-sizing: border-box;
	position: relative;
}

.scheme-step li .scheme-step-num::after {
	/*content: '';*/
	/*width: 0.3rem;*/
	/*height: 100%;*/
	/*position: absolute;*/
	/*background-image: url(../../image/right_s.png);*/
	/*background-position: center;*/
	/*background-size: 100%;*/
	/*background-repeat:no-repeat ;*/
	/*right:-1.3rem;*/
	content: '';
	width: 0.42rem;
	height: 0.4rem;
	position: absolute;
	background-image: url(../../image/right_s.png);
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	right: -0.43rem;
}

.scheme-step li:nth-child(5n) .scheme-step-num::after,
.scheme-step li:last-child .scheme-step-num::after {
	content: none;
}

.scheme-step-product-name {
	text-align: center;
	color: #1da312;
	margin-bottom: 0.15rem;
}

.scheme-step-product-name .lsit-title {
	margin-bottom: 0.15rem;
	cursor: pointer;
}

.ghj-scheme-swiper .am-slider-default .am-direction-nav a {
	height: 50px;
	width: 50px;
	padding: 0;

}

.am-slider-default .am-direction-nav a:before {
	font-size: 40px !important;
	width: 100%;
	height: 100%;
	line-height: 50px;
}
.main-scheme-list{
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0;
	box-sizing: border-box;
}
.main-scheme-list .scheme-list{
	margin-bottom: 20px;
}
.main-scheme-list a{
	color: #434343;
}
.main-scheme-list h1{
	margin: 15px 0;
}
.main-scheme-list p{
	width: 100%;
	height: auto;

	max-height:112px ;
	color: #999999;
	line-height: 1.6;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.main-scheme-list .img{
	width: 100%;
	padding-top:100% ;
	position: relative; overflow: hidden;
}
.main-scheme-list .img img{
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px) {
	.nav-logo {
		margin-right: 4%;
	}

	.ghj-index-video {
		background-size: 100% 100%;
	}

	.ghj-scheme-swiper .ghj-scheme-list-btn {
		width: 2rem;
	}

	.ghj-scheme-swiper .ghj-scheme-list-p {
		width: 100%;
		height: 1.2rem;
		line-height: 1.6;
		font-size: 0.18rem;
		color: #666666;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		margin-bottom: 0.35rem;
	}

	.footer-bottom .footer-ul .footer-nav-list {
		height: 2.6rem;
		transition: all .5s;
	}

	#nav-bar .nav-list li .nav-title {
		display: block;
		width: 1.15rem;
		height: 80px;
		cursor: pointer;
		position: relative;
		color: #000000;
		transition: all .3s;
		text-align: center;
		vertical-align: middle;
		overflow: hidden;
	}
}

@media screen and (max-width: 640px) {
	.scheme-step li .scheme-step-num {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 4rem;
		height: 4rem;
		border: 0.02rem solid #1da312;
		color: #1da312;
		text-align: center;
		line-height: 0.56rem;
		font-size: 0.3rem;
		margin: 0.3rem auto;
		position: relative;
		border-radius: 50%;
		padding: 5px;
		box-sizing: border-box;
		position: relative;
	}

	.scheme-step-product-name div {
		margin-bottom: 0.15rem;
		cursor: pointer;
		font-size: 0.26rem;
		line-height: 1.8;
	}

	.scheme-step li .scheme-step-num::after {
		content: none;

	}

	.scheme-step-product-name {
		text-align: center;
		color: #1da312;
		margin-bottom: 0.25rem;
	}

	.scheme-step li .scheme-step-lable {
		font-size: 0.32rem;
		color: #434343;
	}

	p {
		font-size: 0.3rem;
	}

	.footer-top .ghj-phone {
		font-size: 0.3rem
	}

	.search-goods-text {
		font-size: 0.18rem;
	}

	.scheme-list li {
		padding: 0.3rem 0;
	}

	.scheme-list li a>h3 {
		font-size: 0.3rem;
	}

	.scheme-list li a>p {
		font-size: 0.2rem;
		margin-top: 0.2rem;
	}

	.investor-info-lable {
		font-size: 0.4rem;
	}

	.investor-info-box {
		width: 100%;
		margin: 0 auto 0.30rem;
	}

	.investor-contact-map,
	.investor-contact-content,
	.invsetor-shares-centent .shares-info-data,
	.invsetor-shares-centent .shares-info-value {
		width: 100%;
	}

	.shares-info-value {
		margin-top: 0.4rem;
	}

	.investor-content h3 {
		font-size: 0.3rem;
	}

	.shares-info-value div {
		font-size: 0.28rem;
	}

	.shares-info-data-title,
	.investor-shares-name,
	.shares-info-ups small,
	.shares-info-value div>span>small {
		font-size: 0.22rem;
	}

	.investor-contact-box i {
		font-size: 0.35rem;
	}

	.investor-contact-box {
		font-size: 0.3rem;
		line-height: 0.4rem;
	}

	.investor-tbody {
		width: 100%;
		padding: 0.2rem 0.30rem;
		overflow: hidden;
		font-size: 0.24rem;
	}

	.investor-content {
		height: auto;
	}

	.investor-tbody span {
		color: #999999;
		font-size: 0.2rem;
	}

	.investor-content a.more-link {
		display: inline-block;
		width: 2.30rem;
		height: .7rem;
		line-height: .7rem;
		font-size: 0.24rem;
	}

	.search-goods-text {
		width: 100%;
		text-align: center;
		margin-top: 0.2rem;
		color: #666;
		font-size: 0.24rem;
	}
}

.moble-language {
	width: 100%;
	overflow: hidden;
}

.moble-language a {
	display: block;
	float: left;
	margin-left: .5rem;
	overflow: hidden;
	font-size: 0.22rem;
}

.moble-language a:first-child {
	margin-left: 0;
}

.moble-language a img {
	width: .5rem;
	display: block;
	float: left;
}

.moble-language a span {
	margin-left: 0.2rem;
}

@media screen and (max-width: 640px) {

	html,
	body {
		margin: 0 auto;
		padding: 0;
		line-height: 1.6;
		font-size: 0.23rem;
	}

	.moble-nav-bar {
		width: 100%;
		height: 50px;
		background-color: #ffffff;
		padding: 0 10px;
		box-shadow: 0 0 10px #e2ebff;
	}

	.moble-nav-bar .logo {
		float: left;
		width: 50%;
		height: 40px;
		margin-top: 5px;
	}

	.moble-nav-bar .logo img {
		height: 100%;
	}

	.moble-nav-bar .bars {
		float: right;
		height: 40px;
		margin-top: 5px;
	}

	.moble-nav-bar .bars i {
		display: block;
		width: 40px;
		height: 40px;
		font-size: 25px;
		line-height: 40px;
		background: #ffffff;
		text-align: center;
	}

	#doc-oc-demo {
		font-size: 0.25rem;
	}

	#doc-oc-demo .admin-sidebar-list {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	#doc-oc-demo .am-list>li {
		background: #333;
		border: none;
	}

	.am-offcanvas-bar {
		width: 6rem;
	}

	.am-offcanvas-logo img {
		width: 100%;
	}

	#doc-oc-demo .am-list>li>a {
		padding: 0.2rem 0;
	}

	#doc-oc-demo .am-panel>.am-list>li>a {
		padding: 0.2rem 0.35rem;
	}

	#doc-oc-demo .am-margin-left-sm {
		margin-left: 0.2rem;
	}

	#doc-oc-demo .am-margin-right {
		margin-right: 0.3rem;
	}

	#pc-banner {
		height: auto;
	}

	.ghj-main-lable h1 {
		font-size: 0.4rem;
	}

	.ghj-index-scheme {
		height: auto;
		padding-bottom: 0.5rem;
	}

	.ghj-scheme-swiper a {
		width: 80%;
		margin-left: 10%;
		margin-bottom: 0.2rem;
	}

	.ghj-scheme-swiper a:first-child {
		margin-left: 10%;
	}

	.ghj-scheme-swiper .ghj-scheme-list-btn {
		width: 2.5rem;
		height: 0.8rem;
		line-height: 0.8rem;
	}

	.ghj-scheme-swiper .ghj-scheme-list-title {
		font-size: 0.3rem;
	}

	.ghj-scheme-swiper .ghj-scheme-list-img img {
		width: 2.5rem;
	}

	.ghj-scheme-swiper a .ghj-scheme-list {
		height: auto;
	}

	.ghj-scheme-swiper .ghj-scheme-list-p {
		font-size: 0.23rem;
		height: 1.1rem;
	}

	.ghj-index-product {
		height: auto;
		background-size: cover;
		padding-bottom: 0.5rem;
	}

	.moble-index-product-list {
		color: #ffffff;
		margin-bottom: 0.5rem;
	}

	.moble-index-product-list h2 {
		font-size: 0.32rem;
		text-align: center;
	}

	.moble-index-product-list-icon {
		/*width: 100%;
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;*/
		width: 100%;
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
		border: 1px solid;
		border-radius: 5px;
		padding: 20px 0;
		margin-top: 20px;
	}

	.moble-index-product-list-icon div {
		width: 28%;
		text-align: center;
		margin-top: 0.3rem;
	}

	.moble-index-product-list-icon div img {
		width: 0.7rem;
		margin-bottom: 0.2rem;
		background: #fff;
		border: 3px solid #fff;
		border-radius: 50%;
	}

	.moble-index-product-list-icon div p {
		font-size: 0.20rem;
	}

	.ghj-index-about {
		height: auto;
		background-size: cover;
	}

	.ghj-index-about .ghj-index-about-centent {
		width: 100%;
		height: auto;
		position: relative;
		margin: auto auto auto 0;
		padding-bottom: 0.5rem;
		background: transparent;
	}

	.ghj-index-about .hx-lable h1 {
		font-size: 0.3rem;
		margin-right: 0.25rem;
	}

	.ghj-index-about .ghj-index-about-centent p {
		font-size: 0.23rem;
	}

	.ghj-index-video {
		height: auto;
		background-size: cover;
		padding-bottom: 0.5rem;
	}

	.ghj-index-video p {
		width: 100%;
		margin-top: 0.20rem;
		font-size: 0.23rem;
	}

	.videos {
		width: 90%;
		height: 3.8rem;
	}

	.ghj-index-news {
		height: auto;
		padding-bottom: 0.5rem;
	}

	.ghj-index-news .am-titlebar-default {
		margin: auto auto 0.2rem;
	}

	.ghj-index-news .am-titlebar-default .am-titlebar-title {
		font-size: 0.3rem;
	}

	.ghj-index-news .am-titlebar-default .am-titlebar-nav a {
		font-size: 0.3rem;
	}

	.ghj-index-news .news-moble-ul {
		width: 100%;
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.ghj-index-news .news-moble-ul li {
		width: 49%;
		flex-shrink: 0;
		border-radius: 0.12rem;
		overflow: hidden;
		box-shadow: 0 0 0.1rem #eeeeee;
		margin-bottom: 0.3rem;
		padding-bottom: 0.2rem;
	}

	.ghj-index-news .news-moble-ul .news-moble-img {
		width: 100%;
		height: 2rem;
		overflow: hidden;
	}

	.ghj-index-news .news-moble-ul .news-moble-img img {
		width: 100%;
		min-height: 100%;
	}

	.ghj-index-news .news-moble-info {
		padding: 0 0.1rem;
	}

	.ghj-index-news .news-moble-info h3 {
		font-size: 0.3rem;
		color: #666;
		width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 0.1rem;
	}

	.ghj-index-news .news-moble-info p {
		color: #999999;
		font-size: 0.26rem;
		margin-top: 0.1rem;
		line-height: 1.6;
		height: 0.86rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
	}

	.ghj-index-news .news-moble-info .date-y {
		margin-top: 0.1rem;
		font-size: 0.3rem;
		color: #999999;
	}

	.footer-top .ghj-address,
	#footer .footer-copy {
		font-size: 0.25rem;
	}

	.about-information-content,
	.about-information-img {
		width: 100%;
	}

	.ghj-main-lable p {
		font-size: 0.28rem
	}

	.about-information-content p {
		font-size: 0.3rem;
	}

	.about-advantage-info {
		width: 100%;
	}

	.about-advantage-info .about-adv-cent h4 {
		font-size: 0.35rem;
		margin-top: 0;
	}

	.about-advantage-info .about-adv-cent {
		width: 6rem;
	}

	.about-adv-cent ul li p {
		width: 5rem;
		font-size: 0.28rem;
	}

	.about-adv-cent ul li i {
		width: 0.4rem;
		height: 0.4rem;
		font-size: 0.3rem;
		line-height: 0.4rem;
	}

	.about-course-bg {
		background-size: cover;
	}

	.about-course-block-list {
		width: 80%;
		margin-left: 10%;
		margin-bottom: 0.5rem;
	}

	.about-course-block-list:first-child {
		margin-left: 10%;
	}

	.about-course-block-text h4,
	.about-course-block-list .about-course-block-img .men-about-coutse h4 {
		font-size: 0.3rem;
	}

	.about-course-block-text p,
	.about-course-block-list .about-course-block-img .men-about-coutse p {
		font-size: 0.24rem;
	}

	.about-grow-box {
		padding-bottom: 0.5rem;
	}

	.about-honor .am-tab-panel div {
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.about-honor .am-tab-panel div ul li {
		font-size: 0.28rem;
	}

	.about-honor .am-tab-panel div ul li::after {
		top: 0;
		bottom: 0;
		margin: auto;
	}

	.news-list-content li .news-img {
		width: 100%;
		height: 3.3rem;
		overflow: hidden;
		border-radius: 0.12rem;
		text-align: center;
		box-shadow: 0 0 10px #EEEEEE;
	}

	.news-list-content li:first-child {
		margin: auto auto 0.5rem;
	}

	.about-honor .am-nav-tabs>li {
		margin: auto;
	}

	.about-honor .am-nav-tabs {
		text-align: left;
	}

	.about-honor .am-tab-panel div h1 small {
		font-size: 0.28rem;
	}

	.about-honor .am-nav-tabs>li>a {
		font-size: 0.24rem;
		/*width: 1.3rem;*/
		height: 0.8rem;
		line-height: 0.8rem;
		margin: auto;
		border-radius: 0;
	}

	.news-nav-btn a {
		font-size: 0.25rem;
		width: 2rem;
		height: 0.8rem;
		line-height: 0.8rem;
	}

	.service-box .am-nav-tabs>li>a,
	.service-box .am-nav-tabs>li>a:focus {
		font-size: 0.25rem;
	}

	.contact-branch-list {
		margin-bottom: 0.3rem;
		padding: 0.3rem;
	}

	.contact-branch-list div {
		width: 5rem;
	}

	.contact-branch-list div>h3 {
		font-size: 0.3rem;
		margin-top: 0;
	}

	.contact-branch-list div>i {
		line-height: 1.8;
	}

	.contact-branch-list div>p {
		font-size: 0.25rem;
	}

	.news-list-content li .news-info {
		margin-left: 0;
	}

	.news-list-content li .news-date {
		margin-left: 0;
		margin-top: 0.2rem;
	}

	.news-list-content li .news-info h3 {
		font-size: 0.3rem;
	}

	.news-list-content li {
		width: 95%;
		margin: auto auto 0.5rem;
		border-radius: 0.2rem;
	}

	.news-list-content li .news-info p {
		width: 100%;
		height: 0.8rem;
		line-height: 1.6;
		font-size: 0.25rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.page-pagination a,
	.page-pagination span {
		font-size: 0.3rem;
		padding: 0.1rem 0.2rem;
	}

	.recruit-work {
		height: auto;
	}

	.recruit-work-img,
	.recruit-work-info {
		width: 100%;
	}

	.recruit-work-table .recruit--table-th {
		font-size: 0.25rem;
	}

	.recruit-work-table .recruit-work-tr {
		font-size: 0.23rem;
	}

	.recruit-work-table .recruit--table-th div,
	.recruit-work-table .recruit-work-tr div,
	.recruit-work-table .recruit--table-th div,
	.recruit-work-table .recruit-work-tr div {
		padding: 0.20rem 0.10rem;
	}

	.recruit-mb {
		width: 90%;
		height: 7rem;
		padding: 30px 0.3rem;
	}

	.recruit-mb>div>div {
		padding: .2rem;
		background: #f2f2f2;
		font-size: 0.25rem;
		border-radius: 0.10rem;
	}

	.recruit-mb>div>div:nth-child(2n) {
		background-color: #ffffff;
	}

	.recruit-growUp .recruit-growUp-list,
	.recruit-growUp .recruit-growUp-list:first-child {
		width: 90%;
		margin-left: 5%;
		margin-bottom: 0.4rem;
	}

	.recruit-growUp-list-img {
		height: auto;
	}

	.recruit-growUp-list-content h4 {
		font-size: 0.3rem;
	}

	.recruit-growUp-list-content p {
		font-size: 0.25rem;
	}

	#allmap {
		width: 100%;
		height: 430px;
	}

	.contact-info {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contact-info .contact-info-list,
	.contact-info .contact-info-list:first-child {
		width: 100%;
		margin: 0 0 0.30rem;
		height: auto;
	}

	.contact-info-list .cont-content h3 {
		font-size: 0.3rem;
	}

	.contact-info-list .cont-content {
		width: 5.5rem;
	}

	.contact-info-list .cont-content h3>small {
		color: #999999;
		font-size: 0.28rem;
		display: block;
	}

	.contact-info-list .cont-content p {
		font-size: 0.2rem;
	}

	.recruit-growUp-list-content {
		height: auto;
		padding-bottom: 0.2rem;
	}

}

.nav-list-a .ghj-last-about {
	display: block;
	width: 2.5rem;
	padding-top: 2.2rem;
	position: relative;
	margin: auto;
	z-index: 1;
}

.nav-list-a .ghj-last-about span {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: block;
	font-size: 0.16rem;

}

.nav-list-a .ghj-last-about img {
	/*position: absolute;*/
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 0;
	border: none;
	padding: 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s;
	display: block;
}

.nav-list-a .ghj-last-about:hover img {
	opacity: .8;
}

#nav-bar .nav-list li:hover .nav-list-a.us {
	height: auto;
	padding: 0;
}
#news-top-bar {
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.news-navebar-one {
	max-width: 1490px;
	width: 100%;
	height: 0.92rem;
	margin: auto;
	position: relative;
	overflow: hidden;
}

.news-navebar-logo {
	width: 17%;
	height: auto;
	margin: 0.15rem 0;
	float: left;
}

.news-navebar-logo img {
	width: 100%;
}

.news-navebar-search {
	width: 25%;
	margin: 0.21rem 0 0.21rem 52%;
	height: 0.5rem;
	background-color: #f4f4f4;
	float: left;
	border-radius: 999px;
	overflow: hidden;
	padding: 0 20px;
}

.news-navebar-search form {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.news-navebar-search input {
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	background-color: #f4f4f4;
	line-height: 0.5rem;
	font-size: 0.18rem;
	padding-right: 0.5rem;
	box-sizing: border-box;
}

.news-navebar-search button {
	width: 0.5rem;
	height: 0.5rem;
	border: none;
	position: absolute;
	right: 0;
	background-color: #f4f4f4;
	font-size: 0.3rem;
	padding: 0;
}

.news-navebar-lan {
	width: 0.3rem;
	height: 0.3rem;
	line-height: 0.26rem;
	text-align: center;
	font-size: 0.18rem;
	border: 0.02rem solid #666666;
	color: #666666;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin: 0.3rem 0 0.3rem 2%;
}

.news-navebar-lan a {
	color: #666666;
	cursor: pointer;
}


.news-navebar-tow {
	max-width: 1490px;
	width: 100%;

	margin: auto;
	/* position: relative; */
	text-align: center;
}

.news-navebar-tow .news-bar-lable {
	display: inline-block;
	width: auto;
	margin-left: 5%;
}

.news-navebar-tow .news-bar-lable:first-child {
	margin-left: 0;
}

.news-bar-show-lable {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.16rem;
	color: #434343;
	font-weight: bold;
	padding: 0.2rem 0;
	position: relative;
	margin-bottom: 5px;
}

.news-bar-show-lable::after {
	content: '';
	width: 0;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transition: all .5s;
}

.news-bar-show-lable:hover {
	color: #014099;
}

.news-bar-show-lable:hover::after {
	width: 100%;
	background-color: #014099;

}

.news-bar-hied-box {
	width: 100%;
	height: 0;
	position: absolute;
	top: 1.62rem;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #FFFFFF;
	z-index: 999;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
	transition: all .5s;
	overflow: hidden;
}

.news-bar-list {
	max-width: 1490px;
	width: 100%;
	margin: auto;
	background-color: #FFFFFF;
	position: relative;
	text-align: center;
}

.news-bar-lable:hover .news-bar-hied-box {
	padding: 0.2rem 0;
	height: auto;
}

.news-bar-hied-box .news-pro-list {
	display: inline-block;
	width: 9.6%;
	margin-bottom: 20px;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
}

.news-bar-hied-box .news-pro-list:nth-child(10n) {
	margin-right: 0;
}

.news-bar-hied-box .news-pro-list img {
	width: 90%;
	height: 90%;
	margin: auto auto 10px;
	border: 1px solid transparent;
	transition: all .5s;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
}

.news-bar-hied-box .news-pro-list:hover img {
	border: 1px solid #014099;
}

.news-bar-hied-box .text {
	color: #555555;
	font-size: 0.14rem;
	width: 90%;
	margin: auto;
}

.news-bar-hied-box .news-pro-list:hover .text {
	color: #014099;
}

.news-bar-solutions-list {
	display: inline-block;
	width: 2.5rem;
	height: 2.2rem;
	position: relative;
	overflow: hidden;
}

.news-bar-solutions-list img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	transition: all .5s;
}

.news-bar-solutions-list:hover img {
	opacity: .5;
}

.news-bar-solutions-list .text {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.news-bar-solutions-list .text div {
	width: 80%;
	font-size: 0.14rem;
	z-index: 1;
	color:#555555;
}

.news-bar-solutions-list:hover .text div {
	color: #014099;
}
#advantage{
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 20px 0;
}
.advantage-box{
	width: 50%;
	height: auto;
	float: left;
	position: relative;
}
.advantage-big-list{
	width: 100%;
	min-height: 1.6rem;
	margin-bottom: 0.5rem;
	position: relative;
}
.ghj-advantage-list{
	width:50%;
	min-height: 1.2rem;
	height: auto;
	position: relative;
	margin-top: 0.6rem;
}
.r-advantage .ghj-advantage-list{
	position: relative;
	margin-left: 50%;
}
.ghj-advantage-list:first-child{
	margin-top: 0;
}
.ghj-advantage-list .adv-list-content{
	width: 100%;
	font-size: 0.18rem;
	color: #999;
	padding-left: 0.2rem;
	margin-bottom: 0.1rem;
	position: relative;
	line-height: 1.6;
	letter-spacing:2px;
}
.ghj-advantage-list .adv-list-content::before{
	content: '';
	width: 0.1rem;
	height: 0.1rem;
	left: 0;
	top: 0.085rem;
	background-color: #999999;
	position: absolute;
	border-radius:50%;
}
.ghj-advantage-list .adv-list-content.One::before{
	background-color: #5b9BD5;
}
.ghj-advantage-list .adv-list-content.Two::before{
	background-color: #FFC000;
}
.ghj-advantage-list .adv-list-content.Three::before{
	background-color: #00b0f0;
}
.ghj-advantage-list .adv-list-content.Four::before{
	background-color: #4bb13f;
}
.ghj-advantage-list .adv-list-content.Five::before{
	background-color: #70ad47;
}
.ghj-advantage-list .adv-list-content.Six::before{
	background-color: #ed7d31;
}
.circular{
	width: 1.4rem;
	height: 1.4rem;
	font-size: 0.2rem;
	color: #FFFFFF;
	position: absolute;
	background-color: #CCCCCC;
	border-radius:50% ;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0.2rem;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 1.35;
}
.circular.l-circular{
	top: 0;
	bottom: 0;
	right: 25%;
	margin: auto;
}
.circular.r-circular{
	top: 0;
	left: 25%;
	bottom: 0;
	margin: auto;
}
.circular.o-One{
	background-color: #5b9BD5;
}
.circular.o-Two{
	background-color: #FFC000;
}
.circular.o-Three{
	background-color: #00b0f0;
}
.circular.o-Four{
	background-color: #4bb13f;
}
.circular.o-Five{
	background-color: #70ad47;
}
.circular.o-Six{
	background-color: #ed7d31;
}
.m-circular{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 2rem;
	height: 2rem;
	border-radius:50% ;
	position: absolute;
	background-color: #014099;
	padding: 0.2rem;
	font-size: 0.28rem;
	overflow: hidden;
	box-sizing: border-box;
	overflow: hidden;
	left: 0;
	right: 0;
	top: 30%;
	color: #FFFFFF;
	margin: auto;
}