.mixin-container-padding {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.mixin-container-padding {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.mixin-content-padding {
	padding-top: 40px
}

@media (max-width:768px) {
.mixin-content-padding {
	padding-top: 24px
}
}
.mixin-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.mixin-title {
	font-size: 18px;
	line-height: 28px
}
}
.mixin-sub-title {
	font-size: 16px;
	line-height: 24px;
	color: #565E66;
	margin-top: 12px;
	text-align: center
}

@media (max-width:768px) {
.mixin-sub-title {
	display: none
}
}
.mixin-text {
	color: #565E66;
	font-size: 14px;
	line-height: 22px
}

@media (max-width:768px) {
.mixin-text {
	font-size: 12px;
	line-height: 18px
}
}
.index-about1 {
	width: 50px;
	height: 50px;
	background: url(../image/about.png) -5px -5px;
	background-size: 240px 60px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about2 {
	width: 50px;
	height: 50px;
	background: url(../image/about.png) -65px -5px;
	background-size: 240px 60px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about3 {
	width: 50px;
	height: 50px;
	background: url(../image/about.png) -125px -5px;
	background-size: 240px 60px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about4 {
	width: 50px;
	height: 50px;
	background: url(../image/about.png) -185px -5px;
	background-size: 240px 60px;
	background-repeat: no-repeat;
	display: inline-block
}
.arrow-left {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	text-decoration: none;
	box-shadow: 0 8px 15px 0 rgba(39,39,39,.1);
	background-image: url(404.png);
	background-size: 100%;
	cursor: pointer
}
.arrow-left:hover {
	background-image: url(404.png)
}
.arrow-right {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	text-decoration: none;
	box-shadow: 0 8px 15px 0 rgba(39,39,39,.1);
	background-image: url(../image/new-icon-right.png);
	background-size: 100%;
	cursor: pointer
}
.arrow-right:hover {
	background-image: url(../image/new-icon-right-a.png)
}

@media (max-width:768px) {
.index-about1 {
	width: 40px;
	height: 40px;
	background: url(../image/about.png) -4px -4px;
	background-size: 192px 48px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about2 {
	width: 40px;
	height: 40px;
	background: url(../image/about.png) -52px -4px;
	background-size: 192px 48px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about3 {
	width: 40px;
	height: 40px;
	background: url(../image/about.png) -100px -4px;
	background-size: 192px 48px;
	background-repeat: no-repeat;
	display: inline-block
}
.index-about4 {
	width: 40px;
	height: 40px;
	background: url(../image/about.png) -148px -4px;
	background-size: 192px 48px;
	background-repeat: no-repeat;
	display: inline-block
}
}
body {
	padding-top: 54px
}

@media (min-width:992px) {
.container {
	padding-left: 0;
	padding-right: 0
}
}
.navbar-collapse-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	z-index: -1
}
.navbar-collapse-mask.mask-show {
	display: none
}

@media (max-width:768px) {
.navbar-collapse-mask.mask-show {
	display: block
}
}
.notScroll {
	overflow: hidden
}
.social-share a {
	margin: 0 5px 0 0
}
.social-share .social-share-icon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: none
}
.social-share .icon-wechat:before {
	content: '';
	display: block;
	position: absolute;
	background: url(../image/new-wechat-a.png) center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0
}
.social-share .icon-qq:before {
	content: '';
	display: block;
	position: absolute;
	background: url(404.png) center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0
}
.social-share .icon-weibo:before {
	content: '';
	display: block;
	position: absolute;
	background: url(../image/new-weibo-a.png) center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0
}
.social-share .icon-link:before {
	content: '';
	display: block;
	position: absolute;
	background: url(404.png) center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0
}
.navbar.navbar-default .navbar-collapse {
	border: none
}
.navbar-toggle .icon-bar {
	width: 20px;
	height: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 6px
}
.navbar-default .navbar-toggle {
	border-color: transparent
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent
}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #1dd8bd
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
	background-color: #fff
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 360px
}
.hm-header {
	background-color: #13142C;
	border-bottom: .5px solid #494D54;
	min-height: 54px
}

@media (max-width:768px) {
.hm-header .container .navbar-header {
	border-bottom: .5px solid #2E2F48
}
}
.hm-header .container .nav-logo {
	display: block;
	margin-top: 4px;
	margin-left: 0;
	margin-right: 40px;
	margin-bottom: 7px
}

@media (max-width:768px) {
.hm-header .container .nav-logo {
	margin-left: 28px;
	height: 31px;
	margin-top: 11px;
	margin-bottom: 11px
}
}
.hm-header .container .navbar-nav {
	margin: 0 -15px
}

@media (max-width:768px) {
.hm-header .container .navbar-nav {
	background-color: #1E1F39
}
}
.hm-header .container .navbar-nav>li>a {
	padding: 16px 15px
}
.hm-header .container .navbar-nav>li>a.link-login {
	color: #427CFB;
	background: #fff;
	border-bottom: none
}
.hm-header .container .navbar-nav>li>a.link-reg {
	color: #427CFB;
	background: #fff url(404.png) no-repeat 8px center;
	border-bottom: none
}
.hm-header .container .navbar-nav>li>a:focus, .hm-header .container .navbar-nav>li>a:hover {
	background-color: transparent;
	border-bottom-color: #1dd8bd;
	color: #1dd8bd
}
.hm-header .container .navbar-nav>li>a:focus.link-login, .hm-header .container .navbar-nav>li>a:hover.link-login {
	border-bottom-color: transparent;
	background-color: #1dd8bd;
	color: #fff
}
.hm-header .container .navbar-nav>li>a:focus.link-reg, .hm-header .container .navbar-nav>li>a:hover.link-reg {
	border-bottom-color: transparent;
	background-color: #1dd8bd;
	color: #fff
}
.hm-header .container .navbar-nav>li>a.specal-a {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px
}
.hm-header .container .navbar-nav>li>a.specal-a .specal-txt {
	padding-left: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	vertical-align: top;
	background: url(../image/new-icon-tel.png) no-repeat left center;
	background-size: 16px
}
.hm-header .container .navbar-nav>li>a.specal-a:focus, .hm-header .container .navbar-nav>li>a.specal-a:hover {
	color: #1cc3ab;
	border-bottom: 2px solid transparent
}
.hm-header .container .navbar-nav>li>a.specal-btn {
	padding: 14px 6px
}
.hm-header .container .navbar-nav>li>a.specal-btn:focus, .hm-header .container .navbar-nav>li>a.specal-btn:hover {
	color: #1cc3ab;
	border-bottom: 2px solid transparent
}
.hm-header .container .navbar-nav>li>a.specal-btn span {
	display: inline-block;
	padding: 6px 16px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	border-radius: 4px;
	color: rgba(255,255,255,.504);
	border: 1px solid rgba(255,255,255,.504)
}
.hm-header .container .navbar-nav>li>a.specal-btn.specal-btn-light span {
	color: #ffff;
	background-color: #1dd8bd;
	border: 1px solid #1dd8bd
}

@media (max-width:768px) {
.hm-header .container .navbar-nav>li>a {
	padding: 12px 30px;
	color: #fff;
	border-bottom: 1px solid #2E2F48;
	text-align: center;
	font-size: 15px;
}
.hm-header .container .navbar-nav>li>a:focus, .hm-header .container .navbar-nav>li>a:hover {
	border-bottom: 1px solid #2E2F48
}
}
.hm-header .container .navbar-nav>.active .yiji, .hm-header .container .navbar-nav>.active .yiji:focus, .hm-header .container .navbar-nav>.active .yiji:hover {
	background-color: transparent;
	border-bottom-color:#1dd8bd;
	color:#1dd8bd
}

@media (max-width:768px) {
.hm-header .container .navbar-nav>.active .yiji, .hm-header .container .navbar-nav>.active .yiji:focus, .hm-header .container .navbar-nav>.active .yiji:hover {
	border-bottom-color: #2E2F48
}
}
.hm-banner .swiper-container {
	height: 450px;
	text-align: center
}

@media (max-width:768px) {
.hm-banner .swiper-container {
	height: 200px
}
}
.hm-banner {
	background: #13142C;
	position: relative
}
.hm-banner .swiper-container .pagination {
	bottom: 0
}

@media (max-width:768px) {
.hm-banner .swiper-container .pagination {
	margin: 6px 0
}
}
.hm-banner .swiper-container .swiper-pagination-switch {
	width: 40px;
	height: 4px;
	border-radius: 1px;
	margin: 0 5px
}

@media (max-width:768px) {
.hm-banner .swiper-container .swiper-pagination-switch {
	height: 2px;
	width: 24px;
	margin: 0 4px
}
}
.hm-banner .swiper-container .w-slider {
	text-decoration: none;
	animation-delay: .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%
}
.hm-banner .swiper-container .w-slider .container {
	display: table;
	height: 100%
}
.hm-banner .swiper-container .w-slider .slider-content {
	display: table-cell;
	height: 450px;
	width: 100%;
	vertical-align: middle;
	text-align: left;
	animation-delay: .3s
}
.hm-banner .swiper-container .w-slider .slider-content .slider-big-t {
	width: 100%;
	font-size: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center
}
.hm-banner .swiper-container .w-slider .slider-content .slider-title {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 24px;
	color: #fff
}
.hm-banner .swiper-container .w-slider .slider-content .slider-sub-t {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 8px;
	color: #fff
}
.hm-banner .swiper-container .w-slider .slider-content .slider-p {
	font-size: 16px;
	line-height: 26px;
	color: #fff
}
.hm-banner .swiper-container .w-slider .slider-content .slider-btn {
	display: inline-block;
	margin-top: 24px;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 22px;
	border-radius: 17px;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff
}
.hm-banner .swiper-container .w-slider .slider-m-content {
	display: none;
	width: 100%;
	height: 200px;
	vertical-align: middle;
	text-align: left;
	animation-delay: .3s
}
.hm-banner .swiper-container .w-slider .slider-m-content .slider-m-bigt {
	width: 100%;
	font-size: 22px;
	line-height: 25px;
	color: #fff;
	text-align: center
}
.hm-banner .swiper-container .w-slider .slider-m-content .slider-m-title {
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 12px
}
.hm-banner .swiper-container .w-slider .slider-m-content .slider-m-btn {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	padding: 7px 20px;
	border-radius: 15px;
	border: 1px solid rgba(255,255,255,.5)
}

@media (max-width:768px) {
.hm-banner .swiper-container .w-slider .container {
	width: 100%
}
.hm-banner .swiper-container .w-slider .slider-content {
	display: none
}
.hm-banner .swiper-container .w-slider .slider-m-content {
	display: table-cell
}
}
.hm-banner .banner-mask {
	background: #13142C;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-banner .banner-mask.mask-hidden {
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0)
}
.slidebar .c-toolbar .tips-floor .fl-one {
	width: 211px;
	height: 210px;
	padding: 0;
	box-shadow: 0 20px 40px 0 rgba(83,137,225,.1)
}
.slidebar .c-toolbar .tips-floor .fl-one .link-cell {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	height: 70px;
	margin-bottom: 0;
	padding-top: 9px;
	padding-left: 20px
}
.slidebar .c-toolbar .tips-floor .fl-one .link-cell:hover {
	background: rgba(104,142,222,.1)
}
.slidebar .c-toolbar .tips-floor .fl-one .link-cell img {
	width: 30px;
	height: 30px
}
.slidebar .c-toolbar .tips-floor .fl-one .link-cell .fl-two h5, .slidebar .c-toolbar .tips-floor .fl-one .link-cell .fl-two p, .slidebar .c-toolbar .tips-floor .fl-one .link-cell .fl-two span {
	font-size: 16px;
	line-height: 24px
}
.slidebar .c-toolbar .tips-floor .fl-one .link-cell .fl-two p, .slidebar .c-toolbar .tips-floor .fl-one .link-cell .fl-two span {
	margin-top: 4px
}
.m-slidebar {
	display: none;
	height: 50px;
	position: fixed;
	bottom: 0;
	background:#1dd8bd;
	z-index: 161
}
.m-slidebar .m-s-item {
	display: table-cell;
	width: 1%;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	border-right: 1px solid #19c7ae
}
.m-slidebar .m-s-item:last-child {
	border-right: none
}
.m-slidebar .m-s-item img {
	width: 20px;
	height: 20px;
	margin-right: 9px
}
.hm-footer .f-top {
	text-align: center;
	padding: 39px 0;
	background-image: url(../image/new-item7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 180px
}
.hm-footer .f-top.f-top2 {
	background-image: url(../image/hgt-bg2.jpg);
	padding: 50px 0 40px
}
.hm-footer .f-top.f-top2 .f-txt {
	font-size: 20px;
	line-height: 32px
}
.hm-footer .f-top .f-tel {
	display: inline-block;
	padding: 8px 25px;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff;
	font-size: 18px;
	line-height: 25px;
	margin-top: 22px
}
.hm-footer .f-top .f-txt {
	font-size: 24px;
	line-height: 32px
}
.hm-footer .f-top .f-reg {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	height: 40px;
	width: 152px;
	border-radius: 20px;
	margin: 30px auto 0 auto;
	background: #FA0
}
.hm-footer .f-top .f-reg:hover {
	background: #FFCA00
}

@media (max-width:768px) {
.hm-footer .f-top {
	height: 90px;
	padding: 16px 0
}
.hm-footer .f-top.f-top2 {
	padding: 16px 0
}
.hm-footer .f-top.f-top2 .f-txt {
	font-size: 14px;
	line-height: 24px
}
.hm-footer .f-top .f-tel {
	font-size: 12px;
	line-height: 20px;
	padding: 3px 12px;
	margin-top: 6px
}
.hm-footer .f-top .f-txt {
	font-size: 14px;
	line-height: 24px
}
.hm-footer .f-top .f-reg {
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	width: 80px;
	border-radius: 20px;
	margin: 8px auto 0 auto
}
}
.hm-footer .f-bottom {
	background: #33393D;
	padding: 0
}
.hm-footer .f-bottom .f-b-img {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 7.2% 7.2% 7.2% 0
}
.hm-footer .f-bottom .f-b-1 {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	vertical-align: middle
}
.hm-footer .f-b-2 {
	background: #1D2328;
	padding: 40px 0 60px
}
.hm-footer .f-b-2 .f-one {
	margin-left: 30px;
	width: 230px;
	margin-right: 11.5%
}
.hm-footer .f-b-2 .f-one .f-logo {
	max-width: 70px;
	margin-bottom: 12px
}
.hm-footer .f-b-2 .f-one .f-com {
	font-size: 12px;
	line-height: 20px
}
.hm-footer .f-b-2 .f-one .f-tel {
	font-size: 14px;
	line-height: 22px
}
.hm-footer .f-b-2 .f-one .f-contact {
	margin-top: 12px
}
.hm-footer .f-b-2 .f-one .f-contact a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-footer .f-b-2 .f-one .f-contact a .wx-er-show {
	display: none;
	position: absolute;
	left: -30px;
	bottom: 40px;
	width: 80px;
	height: 80px;
	border-radius: 4px;
	padding: 4px;
	background-color: #fff;
	box-shadow: 0 20px 40px 0 rgba(83,137,225,.1)
}
.hm-footer .f-b-2 .f-one .f-contact .f-wx {
	background: url(../image/new-wechat.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-wx:hover {
	background: url(../image/new-wechat-a.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-wb {
	background: url(../image/new-weibo.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-wb:hover {
	background: url(../image/new-weibo-a.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-qq {
	background: url(../image/new-im.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-qq:hover {
	background: url(../image/new-im-a.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-emil {
	background: url(../image/new-email.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-one .f-contact .f-emil:hover {
	background: url(../image/new-email-a.png) no-repeat center;
	background-size: cover
}
.hm-footer .f-b-2 .f-two {
	padding: 0;
	width: 14.8%
}
.hm-footer .f-b-2 .f-two h3 {
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 12px
}
.hm-footer .f-b-2 .f-two li {
	margin-top: 8px;
	margin-bottom: 8px
}
.hm-footer .f-b-2 .f-two li a {
	font-size: 12px;
	line-height: 20px;
	color: rgba(255,255,255,.5)
}
.hm-footer .f-b-2 .f-two li a:hover {
	text-decoration: none;
	color: #fff
}
.hm-footer .f-b-2 .f-2-fr {
	margin-top: 40px;
	font-size: 12px;
	line-height: 14px
}
.hm-footer .f-b-2 .f-2-fr span {
	display: block;
	color: #fff;
	font-weight: 500
}
.hm-footer .f-b-2 .f-2-fr ul {
	display: inline-block
}
.hm-footer .f-b-2 .f-2-fr ul li {
	float: left;
	margin-top: 4px;
	margin-right: 12px
}
.hm-footer .f-b-2 .f-2-fr ul li a {
	color: rgba(255,255,255,.5)
}
.hm-footer .f-b-2 .f-2-fr ul li a:hover {
	color: #fff
}
.hm-footer .f-b-2 .f-2-pop {
	font-size: 12px;
	line-height: 14px
}
.hm-footer .f-b-2 .f-2-pop span {
	display: block;
	color: #1D2328;
	font-weight: 500
}
.hm-footer .f-b-2 .f-2-pop ul {
	display: inline-block
}
.hm-footer .f-b-2 .f-2-pop ul li {
	float: left;
	margin-top: 4px;
	margin-right: 12px
}
.hm-footer .f-b-2 .f-2-pop ul li a {
	color: #1D2328
}
.hm-footer .f-b-2 .f-2-pop ul li a:hover {
	color: #292E33
}
.hm-footer .f-b-2 .f-2-link {
	margin-top: 0;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300
}
.hm-footer .hm-m-foot {
	padding: 30px 0;
	text-align: center;
	background: #33393D;
	border: none
}
.hm-footer .hm-m-foot .hm-tel {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	padding: 6px 28px;
	border-radius: 20px;
	border: 1px solid #989A9D
}
.hm-footer .hm-m-foot .hm-logo {
	width: 42px
}
.hm-footer .hm-m-foot .hm-com {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	margin-top: 16px
}
.hm-footer .hm-m-foot .hm-split {
	padding: 0 12px;
	color: #979797
}
.hm-footer .hm-m-foot .hm-cr {
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	margin-top: 8px
}

@media (max-width:768px) {
.hm-footer {
	margin-bottom: 50px
}
}
.ms-i-wrapper {
	position: relative;
	background: #F6F7F9;
	margin-bottom: 16px;
	border: 1px solid transparent;
	border-radius: 4px;
	box-sizing: border-box
}
.ms-i-wrapper:focus, .ms-i-wrapper:hover {
	border: 1px solid #76A1FF
}
.ms-i-wrapper.ms-i-err {
	border: 1px solid #FF475A
}
.ms-i-wrapper.ms-i-err::after {
	content: attr(data-err);
	position: absolute;
	font-size: 12px;
	color: #FF475A;
	left: 5px;
	bottom: -19px
}
.ms-i-wrapper .ms-i-icon {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 11px;
	left: 19px;
	z-index: 2
}
.ms-i-wrapper .icon1 {
	background: url(404.png) no-repeat center;
	background-size: cover
}
.ms-i-wrapper .icon2 {
	background: url(404.png) no-repeat center;
	background-size: cover
}
.ms-i-wrapper .icon3 {
	background: url(404.png) no-repeat center;
	background-size: cover
}
.ms-i-wrapper .ms-i-ipt {
	position: relative;
	color: #33383D;
	background: 0 0;
	border: none;
	outline: 0;
	padding: 11px 15px;
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	vertical-align: top
}
.ms-i-wrapper .ms-i-ipt::-moz-placeholder {
color:#BCC0C3
}
.ms-i-wrapper .ms-i-ipt:-ms-input-placeholder {
color:#BCC0C3
}
.ms-i-wrapper .ms-i-ipt::-webkit-input-placeholder {
color:#BCC0C3
}
.ms-i-wrapper .ms-i-ipt.iconfix {
	padding-left: 49px
}
.ms-i-wrapper .ms-i-tarea {
	position: relative;
	color: #33383D;
	background: 0 0;
	border: none;
	outline: 0;
	padding: 11px 15px;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	vertical-align: top;
	resize: none;
	height: 100px
}
.ms-i-wrapper .ms-i-tarea::-moz-placeholder {
color:#BCC0C3
}
.ms-i-wrapper .ms-i-tarea:-ms-input-placeholder {
color:#BCC0C3
}
.ms-i-wrapper .ms-i-tarea::-webkit-input-placeholder {
color:#BCC0C3
}
.ms-pgn {
	font-size: 12px;
	line-height: 20px
}
.ms-pgn .pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
	margin: 30px 0
}
.ms-pgn .pagination>li {
	display: inline
}
.ms-pgn .pagination>li:first-child>a, .ms-pgn .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 56px
}
.ms-pgn .pagination>li:last-child>a, .ms-pgn .pagination>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	width: 56px
}
.ms-pgn .pagination>li>a, .ms-pgn .pagination>li>span {
	position: relative;
	float: left;
	margin-left: -1px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
	width: 26px;
	color: #33383D;
	border: 1px solid #E6E8EB;
	text-decoration: none
}
.ms-pgn .pagination>li>a:focus, .ms-pgn .pagination>li>a:hover, .ms-pgn .pagination>li>span:focus, .ms-pgn .pagination>li>span:hover {
	z-index: 2;
	background-color: #eee
}
.ms-pgn .pagination>li>.pre {
	width: 56px
}
.ms-pgn .pagination>li>.next {
	width: 56px
}
.ms-pgn .pagination>.active a, .ms-pgn .pagination>.active span {
	z-index: 3;
	color: #427CFB;
	background: rgba(66,124,251,.12)
}
.ms-pgn .pagination>.active a:focus, .ms-pgn .pagination>.active a:hover, .ms-pgn .pagination>.active span:focus, .ms-pgn .pagination>.active span:hover {
	border-color: #427CFB
}
.ms-pgn .pagination>.disabled>a, .ms-pgn .pagination>.disabled>a:focus, .ms-pgn .pagination>.disabled>a:hover, .ms-pgn .pagination>.disabled>span, .ms-pgn .pagination>.disabled>span:focus, .ms-pgn .pagination>.disabled>span:hover {
	cursor: not-allowed;
	background-color: #fff
}

@media (max-width:768px) {
.ms-pgn .pagination {
	margin: 30px 0 0
}
}
.ms-toast {
	z-index: 1032;
	position: fixed;
	top: 124px;
	left: 50%;
	color: #0E1114;
	background: #F5FFE7;
	border: 1px solid #DEF7BC;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	padding: 12px;
	transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0)
}
.ms-toast.success {
	background: #fff;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
	border: none
}
.ms-toast::before {
	display: inline-block;
	content: '';
	background: url(404.png) no-repeat center;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin-right: 12px;
	vertical-align: text-bottom
}

@media all and (max-width:768px) {
.ms-toast {
	top: 0;
	left: 0;
	right: 0;
	background: #4DD568;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	border-radius: 0;
	border: none;
	transform: none;
	-ms-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none
}
.ms-toast::before {
	background: url(404.png) no-repeat center;
	background-size: contain;
	vertical-align: bottom
}
}
.ms-sidenav {
	max-width: 360px
}
.ms-sidenav .ms-sidenav-h {
	padding-bottom: 6px;
	border-bottom: 1px solid #E6E8EB
}
.ms-sidenav .ms-sidenav-h h3 {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	z-index: 0
}
.ms-sidenav .ms-sidenav-h h3::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAW5JREFUSA3tVtF1wyAMBL/EnaejdJruk+/M0on6HtXdIZ6wscsAOAlGIB2ni6wkf79+y/5IaX+m9PHMvO+77rKLreX09ZlzCtf7p5RgpkeKJlzxgY/enMaAq/lWAlIxAJ7Dw7Nh2gvzeNgF0gZnXAxgqBmNNYANRS70uxo230BAPDzO3efubkA4sR7JqebMJth3INgzIAskm2yQFslUsCZ8pvYfCoBc7FEAWU2AwKUT24UXK3CtKU+AdYzIDrFUGtY8JzGqB4MBJOp1mmOlr5/CSmz/AiOZkX7HbO0p0yVn5sUFACpDq68JrZpGiPZAqmMsVQlA1GF3o2kEBLkw0E3EO8CE5rUgHY1iVVQxYsoOqJ3huDkblDK18MomI1uZAAHy6kdDfbvF1Y86OYZGe9ZQwew/KEA9dLKHYefF1Y/OmhxXVj86KnK2W0Fii0WJ/sy2iH6JDmkVOtOz4Yxr/T+iDKOhia2f7N5lQuMW8AfMIALbR30MQAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 9px;
	display: inline-block;
	position: relative;
	top: 3px;
	left: -10px
}
.ms-sidenav .ms-sidenav-h .n-h-more {
	float: right;
	color: #83898F;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	z-index: 1
}
.ms-sidenav .ms-sidenav-h .n-h-more:hover {
	color: #427CFB
}

@media (max-width:768px) {
.ms-sidenav .ms-sidenav-h {
	padding-bottom: 11px
}
.ms-sidenav .ms-sidenav-h h3 {
	font-size: 16px;
	line-height: 22px
}
.ms-sidenav .ms-sidenav-h h3::before {
	height: 16px;
	width: 7px
}
}
.ms-sidenav ul {
	margin-top: 16px
}
.ms-sidenav ul li {
	margin-left: 13px;
	color: #0E1114;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ms-sidenav ul li span {
	color: #ACB2B5;
	font-size: 16px;
	margin-right: 10px
}
.ms-sidenav ul li a {
	font-style: normal;
	color: #0E1114;
	font-size: 14px
}
.ms-sidenav ul li a:hover {
	color: #427CFB
}
.ms-sidenav ol {
	margin-top: 16px
}
.ms-sidenav ol li {
	display: inline-block;
	font-style: italic;
	color: #0E1114;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ms-sidenav ol li span {
	color: #ACB2B5;
	display: inline-block;
	font-size: 18px;
	width: 30px;
	text-align: center
}
.ms-sidenav ol li:nth-child(-n+3) span {
	color: #7FA8FD
}
.ms-sidenav ol li a {
	font-style: normal;
	color: #0E1114;
	font-size: 14px
}
.ms-sidenav ol li a:hover {
	color: #427CFB
}
.ms-latest .ms-l-h {
	padding-bottom: 6px;
	border-bottom: 1px solid #E6E8EB
}
.ms-latest .ms-l-h h3 {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	z-index: 0
}
.ms-latest .ms-l-h h3::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAW5JREFUSA3tVtF1wyAMBL/EnaejdJruk+/M0on6HtXdIZ6wscsAOAlGIB2ni6wkf79+y/5IaX+m9PHMvO+77rKLreX09ZlzCtf7p5RgpkeKJlzxgY/enMaAq/lWAlIxAJ7Dw7Nh2gvzeNgF0gZnXAxgqBmNNYANRS70uxo230BAPDzO3efubkA4sR7JqebMJth3INgzIAskm2yQFslUsCZ8pvYfCoBc7FEAWU2AwKUT24UXK3CtKU+AdYzIDrFUGtY8JzGqB4MBJOp1mmOlr5/CSmz/AiOZkX7HbO0p0yVn5sUFACpDq68JrZpGiPZAqmMsVQlA1GF3o2kEBLkw0E3EO8CE5rUgHY1iVVQxYsoOqJ3huDkblDK18MomI1uZAAHy6kdDfbvF1Y86OYZGe9ZQwew/KEA9dLKHYefF1Y/OmhxXVj86KnK2W0Fii0WJ/sy2iH6JDmkVOtOz4Yxr/T+iDKOhia2f7N5lQuMW8AfMIALbR30MQAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 9px;
	display: inline-block;
	position: relative;
	top: 3px;
	left: -10px
}
.ms-latest .ms-l-h .n-h-more {
	float: right;
	color: #83898F;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	z-index: 1
}
.ms-latest .ms-l-h .n-h-more:hover {
	color: #427CFB
}

@media (max-width:768px) {
.ms-latest .ms-l-h {
	padding-bottom: 11px
}
.ms-latest .ms-l-h h3 {
	font-size: 16px;
	line-height: 22px
}
.ms-latest .ms-l-h h3::before {
	height: 16px;
	width: 7px
}
}
.ms-latest ul li {
	line-height: 20px;
	margin-top: 16px
}
.ms-latest ul li img {
	float: left;
	width: 90px;
	height: 60px
}
.ms-latest ul li a {
	color: #0E1114
}
.ms-latest ul li a:hover {
	color: #427CFB
}
.ms-latest ul li section {
	margin-left: 100px
}
.ms-latest ul li .ms-l-title {
	color: #0E1114;
	font-size: 14px;
	line-height: 20px;
	display: block;
	height: 40px;
	overflow: hidden
}
.ms-latest ul li .ms-l-other {
	color: #83898F;
	font-size: 12px;
	line-height: 14px;
	margin-top: 6px
}
.hm-sui {
	text-align: center
}
.hm-sui.container {
	padding-top: 5.6%;
	padding-bottom: 5.6%
}
.hm-sui .sui-h3 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	padding-bottom: 4%
}
.hm-sui .hm-fl {
	padding-top: 0;
	float: none
}
.hm-sui .hm-fl .fl-img {
	width: 50px;
	height: 50px
}
.hm-sui .hm-fl .fl-h3 {
	font-size: 24px;
	line-height: 32px;
	color: #373D40;
	margin-top: 12px
}
.hm-sui .hm-fl .fl-p {
	font-size: 14px;
	line-height: 22px;
	color: #565E66;
	margin-top: 2px
}
.hm-m-sui {
	background: #fff;
	padding-top: 40px
}
.hm-m-sui .col-xs-6 {
	padding-left: 12px;
	padding-right: 12px
}
.hm-m-sui .m-sui-h3 {
	font-size: 18px;
	line-height: 28px;
	color: #33383D;
	margin-bottom: 30px;
	font-weight: 400;
	text-align: center
}
.hm-m-sui .msui-item {
	height: 108px;
	overflow: hidden
}
.hm-m-sui .msui-img {
	width: 38px;
	height: 38px;
	float: left
}
.hm-m-sui .msui-icon {
	float: left
}
.hm-m-sui .msui-section {
	padding-left: 50px
}
.hm-m-sui .msui-section .msui-h3 {
	font-size: 18px;
	line-height: 28px;
	color: #373D40
}
.hm-m-sui .msui-section .msui-p {
	font-size: 12px;
	line-height: 14px;
	color: #565E66
}
.hm-ser {
	padding-top: 0;
	padding-bottom: 0
}
.hm-ser .container {
	padding-top: 5.6%;
	padding-bottom: 5.6%
}
.hm-ser .ser-h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D
}
.hm-ser .ser-hsub {
	font-size: 16px;
	line-height: 24px;
	color: #565E66;
	margin-top: 12px
}
.hm-ser .ser-m-head h1 {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	color: #33383D
}
.hm-ser .ser-wrap .pfix:first-child {
	padding-left: 0;
	padding-right: 20px
}
.hm-ser .ser-wrap .pfix:last-child {
	padding-left: 20px;
	padding-right: 0
}
.hm-ser .ser-setion {
	display: block;
	background: #fff;
	padding: 45px 40px 40px;
	text-align: left;
	border: 1px solid #DEE0E3;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	text-decoration: none
}
.hm-ser .ser-setion .ser-icon {
	width: 50px;
	height: 50px;
	float: right;
	top: 0;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}
.hm-ser .ser-setion .ser-icon.icon1 {
	background-image: url(404.png)
}
.hm-ser .ser-setion .ser-icon.icon2 {
	background-image: url(404.png)
}
.hm-ser .ser-setion .ser-setion-h {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	color: #33383D
}
.hm-ser .ser-setion .ser-setion-sub {
	font-size: 14px;
	line-height: 20px;
	color: #33383D;
	margin-top: 8px
}
.hm-ser .ser-setion .ser-setion-p {
	font-size: 14px;
	line-height: 22px;
	color: #83898F;
	height: 44px;
	margin-top: 4px;
	overflow: hidden;
	display: flex;
	align-items: center
}
.hm-ser .ser-setion .ser-btn {
	margin-top: 19px;
	display: inline-block;
	padding: 5px 17px;
	color: #427CFB;
	border: 1px solid #76A1FF;
	border-radius: 17px;
	text-decoration: none
}
.hm-ser .ser-setion .ser-btn span {
	font-size: 14px;
	line-height: 22px
}
.hm-ser .ser-setion.active {
	box-shadow: 0 10px 40px 0 rgba(0,0,0,.15)
}
.hm-ser .ser-setion.active .ser-icon.icon1 {
	background-image: url(404.png)
}
.hm-ser .ser-setion.active .ser-icon.icon2 {
	background-image: url(404.png)
}
.hm-ser .ser-setion.active .ser-btn {
	background: #76A1FF;
	color: #fff
}

@media (max-width:768px) {
.hm-ser .container {
	padding-top: 40px;
	padding-bottom: 40px
}
.hm-ser .ser-m-head {
	margin-bottom: 12px
}
.hm-ser .ser-wrap {
	padding-top: 0
}
.hm-ser .ser-wrap .pfix:first-child, .hm-ser .ser-wrap .pfix:last-child {
	padding-left: 0;
	padding-right: 0
}
.hm-ser .ser-setion {
	margin-top: 12px;
	padding: 20px 12px;
	border: none;
	box-shadow: 0 -.5px 0 0 #e1e6eb;
	max-width: 351px;
	margin-left: auto;
	margin-right: auto
}
.hm-ser .ser-setion.active {
	box-shadow: 0 -.5px 0 0 #e1e6eb
}
.hm-ser .ser-setion.active .ser-icon.icon1 {
	background-image: url(404.png)
}
.hm-ser .ser-setion.active .ser-icon.icon2 {
	background-image: url(404.png)
}
.hm-ser .ser-setion .ser-icon {
	width: 38px;
	height: 38px
}
.hm-ser .ser-setion .ser-setion-h {
	font-size: 16px;
	line-height: 22px
}
.hm-ser .ser-setion .ser-setion-sub {
	font-size: 12px;
	line-height: 14px
}
.hm-ser .ser-setion .ser-setion-p {
	font-size: 12px;
	line-height: 20px;
	height: auto;
	margin-top: 8px
}
.hm-ser .ser-setion .ser-btn {
	margin-top: 16px;
	padding: 4px 11px;
	border-radius: 17px;
	background: #76A1FF;
	color: #fff
}
.hm-ser .ser-setion .ser-btn span {
	font-size: 12px;
	line-height: 14px
}
}
.sub-nav-container {
	background: #1D1E35;
	position: relative
}
.sub-nav-container .container {
	padding-left: 15px;
	padding-right: 15px
}
.sub-nav-container .col-xs-3 {
	border-left: 1px solid #333449;
	padding-left: 0;
	padding-right: 0;
	animation-delay: .5s;
	position: relative
}
.sub-nav-container .col-xs-3:last-child {
	border-right: 1px solid #333449
}

@media (max-width:768px) {
.sub-nav-container .col-xs-3:last-child {
	border-right: none
}
}
.sub-nav-container .sub-nav {
	position: relative;
	display: block;
	background: #1D1E35;
	height: 135px;
	padding: 27px 0 0 30px
}

@media (max-width:768px) {
.sub-nav-container .sub-nav {
	height: 52px;
	padding: 0 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}
}
.sub-nav-container .sub-nav.nav-1 {
	background-image: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 110px
}
.sub-nav-container .sub-nav.nav-1:focus, .sub-nav-container .sub-nav.nav-1:hover {
	color: #fff;
	background-image: none
}
.sub-nav-container .sub-nav.nav-2 {
	background-image: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 110px
}
.sub-nav-container .sub-nav.nav-2:focus, .sub-nav-container .sub-nav.nav-2:hover {
	color: #fff;
	background-image: none
}
.sub-nav-container .sub-nav.nav-3 {
	background-image: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 110px
}
.sub-nav-container .sub-nav.nav-3:focus, .sub-nav-container .sub-nav.nav-3:hover {
	color: #fff;
	background-image: none
}
.sub-nav-container .sub-nav.nav-4 {
	background-image: none;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 110px
}
.sub-nav-container .sub-nav.nav-4:focus, .sub-nav-container .sub-nav.nav-4:hover {
	color: #fff;
	background-image: none
}
.sub-nav-container .sub-nav .sub-p1 {
	position: relative;
	color: #fff;
	z-index: 1;
	font-size: 16px
}

@media (max-width:768px) {
.sub-nav-container .sub-nav .sub-p1 {
	font-size: 12px;
	margin: 0
}
}
.sub-nav-container .sub-nav .sub-p2 {
	position: relative;
	color: #A9AAAD;
	z-index: 1;
	font-size: 14px
}

@media (max-width:768px) {
.sub-nav-container .sub-nav .sub-p2 {
	display: none
}
}
.sub-nav-container .sub-nav .sub-a {
	position: relative;
	background-color: rgba(255,255,255,.2);
	z-index: 1
}

@media (max-width:768px) {
.sub-nav-container .sub-nav .sub-a {
	display: none
}
}
.sub-nav-container .sub-nav .sub-a i {
	color: #fff
}
.sub-nav-container .sub-nav .sub-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #1D1E35;
	z-index: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.sub-nav-container .sub-nav:hover .sub-a {
	background-color:#1dd8bd;
	color: #fff
}
.sub-nav-container .sub-nav:hover .sub-mask {
	background-color: #333449
}

@media (max-width:768px) {
.sub-nav-container .sub-nav:hover .sub-mask {
	background-color: #1D1E35
}
}
.sub-nav-container .nav-more-wrapper:after {
	content: '';
	position: absolute;
	width: 300px;
	height: 50px
}
.sub-nav-container .nav-more-wrapper:hover .sub-nav-more {
	display: block
}

@media (max-width:768px) {
.sub-nav-container .nav-more-wrapper:after {
	width: 78px;
	height: 50px
}
}
.sub-nav-container .sub-nav-more {
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
	width: 300px;
	z-index: 2;
	top: 147px;
	transition: all .3s
}
.sub-nav-container .sub-nav-more:before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	left: 50%;
	top: -9px;
	margin-left: -5px
}
.sub-nav-container .sub-nav-more ul {
	text-align: center
}
.sub-nav-container .sub-nav-more li a {
	display: block;
	padding: 12px 0;
	font-size: 16px;
	line-height: 22px;
	color: #0E1114;
	text-decoration: none
}
.sub-nav-container .sub-nav-more li a:hover {
	background-color: #F6F6F6
}

@media (max-width:768px) {
.sub-nav-container .sub-nav-more {
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
	width: 170px;
	right: 12px;
	top: calc(100% + 4px)
}
.sub-nav-container .sub-nav-more:before {
	display: none
}
.sub-nav-container .sub-nav-more li+li {
	border-top: 1px solid #F0F2F5
}
.sub-nav-container .sub-nav-more li a {
	font-size: 14px;
	line-height: 20px
}
}
.hm-fk {
	background: #F6F7FA
}
.hm-fk .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hm-fk .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}

@media (max-width:768px) {
.hm-fk .container {
	padding-left: 0;
	padding-right: 0;
	background-color: #fff
}
}
.hm-fk .fk-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hm-fk .fk-title {
	font-size: 18px;
	line-height: 28px
}
}
.hm-fk .fk-content {
	padding-top: 60px
}

@media (max-width:768px) {
.hm-fk .fk-content {
	padding-top: 40px
}
}
.hm-fk .fk-img-wrap {
	width: 898px;
	max-width: 100%;
	position: relative
}
.hm-fk .fk-img-wrap img {
	width: 100%
}
.hm-fk .fk-img-wrap img.img-p {
	display: block
}
.hm-fk .fk-img-wrap img.img-h {
	display: none
}
.hm-fk .fk-img-wrap .fk-item {
	position: absolute
}
.hm-fk .fk-img-wrap .fk-item .fk-item-t {
	color: #33383D;
	font-size: 18px;
	line-height: 24px
}
.hm-fk .fk-img-wrap .fk-item .fk-item-d {
	margin-top: 4px;
	color: #72797F;
	font-size: 14px;
	line-height: 24px
}
.hm-fk .fk-img-wrap .fk-item.item-1 {
	top: 11.5%;
	left: 19%
}
.hm-fk .fk-img-wrap .fk-item.item-2 {
	top: 47.5%;
	left: 11.8%
}
.hm-fk .fk-img-wrap .fk-item.item-3 {
	top: 3%;
	left: 64%
}
.hm-fk .fk-img-wrap .fk-item.item-4 {
	top: 46.2%;
	left: 72.5%
}
.hm-fk .fk-img-wrap .fk-item.item-5 {
	top: 83.2%;
	left: 63.2%
}
.hm-fk .fk-img-wrap .fk-item.item-6 {
	top: 81.5%;
	left: 24%
}

@media (max-width:768px) {
.hm-fk .fk-img-wrap {
	width: 371px;
	max-width: 100%
}
.hm-fk .fk-img-wrap img.img-p {
	display: none
}
.hm-fk .fk-img-wrap img.img-h {
	display: block
}
.hm-fk .fk-img-wrap .fk-item .fk-item-t {
	color: #33383D;
	font-size: 12px;
	line-height: 12px
}
.hm-fk .fk-img-wrap .fk-item .fk-item-d {
	margin-top: 2px;
	color: #72797F;
	font-size: 10px;
	line-height: 12px
}
.hm-fk .fk-img-wrap .fk-item.item-1 {
	top: 10%;
	left: 14%
}
.hm-fk .fk-img-wrap .fk-item.item-2 {
	top: 61.9%;
	left: 8.4%
}
.hm-fk .fk-img-wrap .fk-item.item-3 {
	top: 3%;
	left: 56%
}
.hm-fk .fk-img-wrap .fk-item.item-4 {
	top: 51.2%;
	left: 76.8%
}
.hm-fk .fk-img-wrap .fk-item.item-5 {
	top: 80.2%;
	left: 63.2%
}
.hm-fk .fk-img-wrap .fk-item.item-6 {
	top: 81.5%;
	left: 20%;
	width: 130px
}
}
.hm-mo {
	background-color: #13142C;
	padding-top: 0;
	padding-bottom: 0
}
.hm-mo .container {
	padding-top: 5.6%
}
.hm-mo .mo-h2 {
	font-size: 24px;
	line-height: 32px
}
.hm-mo .mo-txt {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255,255,255,.6)
}
.hm-mo .mo-cell {
	margin-top: 32px;
	padding-bottom: 0
}
.hm-mo .cell-section {
	float: right;
	padding-top: 3%;
	padding-bottom: 6%;
	margin-right: 19%
}
.hm-mo .mo-one {
	display: block;
	margin-bottom: 25%;
	cursor: pointer
}
.hm-mo .mo-one .f-one {
	background: url(../image/new-icon1.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-one .f-two {
	background: url(../image/new-icon2.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-one .f-tree {
	background: url(../image/new-icon3.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-one .ff-p1 {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	opacity: .7;
	filter: alpha(opacity=70)
}
.hm-mo .mo-one .ff-p2 {
	font-size: 24px;
	line-height: 30px
}
.hm-mo .mo-one:hover .ff-p1, .hm-mo .mo-one:hover .ff-p2 {
	color: #76A1FF
}
.hm-mo .mo-one:hover .f-one {
	background: url(../image/new-icon1-a.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-one:hover .f-two {
	background: url(../image/new-icon2-a.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-one:hover .f-tree {
	background: url(../image/new-icon3-a.png) no-repeat center;
	background-size: contain;
	margin-top: 3px;
	margin-right: 11px
}
.hm-mo .mo-more {
	font-size: 14px;
	line-height: 32px;
	width: 120px;
	height: 34px;
	background: 0 0;
	border: 1px solid rgba(255,255,255,.5);
	color: #fff
}
.hm-mo .mo-more:hover {
	background-color: #76A1FF;
	border: 1px solid transparent
}
.hm-case {
	padding-top: 0;
	padding-bottom: 0
}
.hm-case .container {
	padding-top: 5.6%;
	padding-bottom: 3.8%
}
.hm-case .case-h3 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D
}
.hm-case .case-txt {
	font-size: 16px;
	line-height: 24px;
	margin-top: 12px;
	color: #565E66
}
.hm-case .card-area {
	margin: 3.8% 2% 0
}
.hm-case .card-area .card-item {
	position: relative;
	z-index: 1
}
.hm-case .card-area .card-item .card-bg::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: -webkit-linear-gradient(180deg, rgba(39,39,53,.6) 0, #171929 100%);
	background: -moz-linear-gradient(180deg, rgba(39,39,53,.6) 0, #171929 100%);
	background: -o-linear-gradient(180deg, rgba(39,39,53,.6) 0, #171929 100%);
	background: -ms-linear-gradient(180deg, rgba(39,39,53,.6) 0, #171929 100%);
	background: linear-gradient(180deg, rgba(39,39,53,.6) 0, #171929 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#27273599, endColorstr=#171929);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#27273599, endColorstr=#171929)";
	z-index: 0
}
.hm-case .card-area .card-item .card-bg .card-cell img {
	height: 60px;
	width: 60px
}
.hm-case .card-area .card-item .card-bg .card-cell .card-con {
	margin-top: 12px;
	font-size: 20px;
	line-height: 28px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-case .card-area .card-item .card-bg .card-cell .card-con2 {
	font-size: 14px;
	line-height: 24px;
	opacity: .5;
	filter: alpha(opacity=50);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-case .card-area .card-item .card-bg .card-cell .card-desc {
	margin: 0 10%;
	margin-top: 24px;
	font-size: 12px;
	line-height: 16px;
	display: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-case .card-area .card-item .card-bg .card-cell .card-link {
	display: none;
	box-sizing: border-box;
	margin-top: 37px;
	padding: 0 32px;
	font-size: 14px;
	line-height: 32px;
	border: 1px solid #fff;
	border-radius: 20px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}
.hm-case .card-area .card-item .card-bg .card-cell .card-link:hover {
	color: #1dd8bd;
	background: #fff;
	border-color: #fff
}
.hm-case .card-area .card-item .card-bg.current-hover, .hm-case .card-area .card-item .card-bg:focus, .hm-case .card-area .card-item .card-bg:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.hm-case .card-area .card-item .card-bg.current-hover::after, .hm-case .card-area .card-item .card-bg:focus::after, .hm-case .card-area .card-item .card-bg:hover::after {
	background-image: -webkit-linear-gradient(180deg, rgba(29, 216, 189, 0.56) 0, #1dd8bd 100%);
	background-image: -moz-linear-gradient(180deg, rgba(29, 216, 189, 0.56) 0, #1dd8bd 100%);
	background-image: -o-linear-gradient(180deg, rgba(29, 216, 189, 0.56) 0, #1dd8bd 100%);
	background-image: -ms-linear-gradient(180deg, rgba(29, 216, 189, 0.56) 0, #1dd8bd 100%);
	background-image:linear-gradient(180deg, rgba(29, 216, 189, 0.56) 0, #1dd8bd 100%);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#84ADF899, endColorstr=#556AE3);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#84ADF899, endColorstr=#556AE3)"
}
.hm-case .card-area .card-item .card-bg.current-hover .card-cell, .hm-case .card-area .card-item .card-bg:focus .card-cell, .hm-case .card-area .card-item .card-bg:hover .card-cell {
	-webkit-transform: scale(.84);
	-moz-transform: scale(.84);
	-ms-transform: scale(.84);
	-o-transform: scale(.84);
	transform: scale(.84)
}
.hm-case .card-area .card-item .card-bg.current-hover .card-cell img, .hm-case .card-area .card-item .card-bg:focus .card-cell img, .hm-case .card-area .card-item .card-bg:hover .card-cell img {
	-webkit-transform: scale(1.32);
	-moz-transform: scale(1.32);
	-ms-transform: scale(1.32);
	-o-transform: scale(1.32);
	transform: scale(1.32)
}
.hm-case .card-area .card-item .card-bg.current-hover .card-cell .card-desc, .hm-case .card-area .card-item .card-bg:focus .card-cell .card-desc, .hm-case .card-area .card-item .card-bg:hover .card-cell .card-desc {
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-case .card-area .card-item .card-bg.current-hover .card-cell .card-link, .hm-case .card-area .card-item .card-bg:focus .card-cell .card-link, .hm-case .card-area .card-item .card-bg:hover .card-cell .card-link {
	display: inline-block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.hm-m-case {
	background: #F6F7FA;
	padding: 40px 0;
	text-align: center
}
.hm-m-case .m-case-h3 {
	font-size: 18px;
	line-height: 28px;
	color: #33383D;
	margin-bottom: 23px
}
.hm-m-case .m-card-item {
	list-style: none;
	display: block;
	max-width: 351px;
	height: 170px;
	margin-top: 12px
}
.hm-m-case .m-card-item a {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 40px 30px;
	background-position: center;
	background-size: cover
}
.hm-m-case .m-card-item .mcard-item-h4 {
	font-size: 18px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 14px
}
.hm-m-case .m-card-item .mcard-item-p {
	font-size: 12px;
	line-height: 16px;
	color: #CED1D4
}
.hm-news {
	background: #F6F7FA;
	text-align: center
}
.hm-news .container {
	padding-top: 5.6%;
	padding-bottom: 5.6%
}
.hm-news .hm-n-wrap {
	text-align: left
}
.hm-news .hm-n-wrap:first-child {
	padding-right: 5%
}
.hm-news .hm-n-wrap:last-child {
	padding-left: 5%
}

@media (max-width:768px) {
.hm-news .hm-n-wrap {
	padding-left: 15px;
	padding-right: 15px
}
}
.hm-news .hm-n-wrap .news-head {
	position: relative
}
.hm-news .hm-n-wrap .news-head .head-f {
	position: relative;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 27px;
	z-index: 1
}
.hm-news .hm-n-wrap .news-head .head-f .head-b {
	display: block;
	position: absolute;
	font-size: 22px;
	line-height: 33px;
	top: 9px;
	color: #D3D3D3;
	opacity: .39;
	z-index: -1
}
.hm-news .hm-n-wrap .news-head .head-more {
	position: relative;
	float: right;
	box-shadow: 0 8px 15px 0 rgba(39,39,39,.1);
	border-radius: 50%;
	height: 22px;
	width: 22px;
	margin: 4px 0;
	text-align: center;
	background: #fff;
	text-decoration: none;
	z-index: 2
}
.hm-news .hm-n-wrap .news-head .head-more span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/new-icon-right.png) no-repeat center;
	background-size: 100%
}
.hm-news .hm-n-wrap .news-head .head-more:hover span {
	background-image: url(../image/new-icon-right-a.png)
}
.hm-news .hm-n-wrap .news-list li {
	height: 48px;
	border-bottom: 1px dashed rgba(189,195,199,.3)
}
.hm-news .hm-n-wrap .news-list li .news-desc {
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 48px;
	color: #33383D;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 70%;
	padding-left: 13px
}
.hm-news .hm-n-wrap .news-list li .news-desc::before {
	content: '';
	display: block;
	position: absolute;
	border-left: 5px solid #76A1FF;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	left: 0;
	top: 50%;
	margin-top: -5px
}
.hm-news .hm-n-wrap .news-list li .news-data {
	float: right;
	font-size: 12px;
	line-height: 48px;
	color: #83898F
}
.hm-news .hm-n-wrap .news-list li:first-child .news-desc {
	font-size: 18px;
	font-weight: 500
}
.hm-news .hm-n-wrap .news-list li:first-child .news-desc::before {
	border-left-color: #FF475A
}
.hm-news .hm-n-wrap .news-list li:hover .news-desc {
	color: #427CFB
}
.range img {
	width: 750px
}
.register {
	background: #F8F8F8;
	padding-top: 40px;
	padding-bottom: 40px
}
.register .container {
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
	border-radius: 8px
}
.register .container .rg-main {
	margin-top: 100px;
	margin-bottom: 160px;
	padding-left: 12%;
	text-align: center
}
.register .container .rg-main h3 {
	font-size: 22px;
	line-height: 32px;
	color: #0E1114;
	font-weight: 400
}
.register .container .rg-main p {
	margin-top: 12px;
	font-size: 14px;
	line-height: 24px;
	color: #565E66
}
.register .container .rg-main form {
	margin-top: 24px
}
.register .container .rg-main form .ms-i-wrapper {
	width: 300px;
	margin-left: auto;
	margin-right: auto
}
.register .container .rg-main form button {
	margin-top: 24px;
	background: #427CFB;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	width: 220px;
	border-radius: 8px;
	border: none;
	outline: 0
}
.register .container .rg-main form button:focus, .register .container .rg-main form button:hover {
	background: #5E91FF
}
.register .container .rg-link {
	margin-top: 116px;
	margin-bottom: 154px;
	padding-left: 13%;
	border-left: 1px solid #E6E8EB
}
.register .container .rg-link h4 {
	position: relative;
	font-size: 16px;
	line-height: 22px;
	padding-left: 18px;
	margin-bottom: 20px
}
.register .container .rg-link h4::before {
	display: inline-block;
	position: relative;
	content: '';
	background: url(404.png) center no-repeat;
	background-size: cover;
	height: 16px;
	width: 9px;
	top: 2px;
	left: -17px
}
.register .container .rg-link .rg-l-p a {
	display: inline-block;
	box-sizing: border-box;
	margin-right: 16px;
	width: 96px;
	line-height: 28px;
	text-align: center;
	color: #427CFB;
	border: 1px solid #427CFB;
	border-radius: 4px
}
.register .container .rg-link .rg-l-p a:hover {
	color: #2E9CFF;
	border: 1px solid #2E9CFF
}
.register .container .rg-link .rg-l-p span {
	font-size: 14px;
	line-height: 22px;
	color: #83898F
}
.register .container .rg-link .rg-l-u {
	margin-top: 45px
}
.register .container .rg-link .rg-l-u img {
	width: 150px;
	height: 150px;
	border-radius: 4px;
	border: 1px solid #E6E8EB
}

@media (max-width:768px) {
.register {
	padding: 0
}
.register .container .col-sm-6 {
	padding-left: 13px;
	padding-right: 13px
}
.register .container .rg-main {
	padding: 0;
	margin-top: 60px
}
.register .container .rg-main h3 {
	font-size: 18px;
	line-height: 28px
}
.register .container .rg-main p {
	margin-top: 8px;
	font-size: 12px;
	line-height: 24px
}
.register .container .rg-main form button {
	margin-top: 8px;
	width: 300px;
	font-size: 14px;
	line-height: 40px;
	border-radius: 4px
}
}
.login-container {
	width: 100%;
	height: 630px;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-size: cover
}
.login-container .container {
	height: 630px
}
.login-container .container .lg-wrapper {
	float: right;
	margin-top: 127px;
	width: 381px;
	height: 375px;
	padding: 60px;
	background: #fff
}
.login-container .container .lg-wrapper h3 {
	text-align: center;
	margin-bottom: 25px;
	font-weight: 700
}
.login-container .container .lg-wrapper .lg-form {
	width: 100%
}
.login-container .container .lg-wrapper .lg-f-col .lg-rmu {
	float: left;
	font-weight: 400;
	color: #337ab7
}
.login-container .container .lg-wrapper .lg-f-col .lg-fgpwd {
	float: right
}
.login-container .container .lg-wrapper .lg-btn {
	background: #02AAFF;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	margin-bottom: 15px
}
.login-container .container .lg-wrapper .lg-btn span {
	text-align: center
}
.login-container .container .lg-wrapper .lg-rg-hint {
	color: #9F9F9F
}
.rp-container {
	background: #F2F4F5;
	padding-top: 50px;
	padding-bottom: 50px
}
.rp-container .container {
	background: #fff;
	padding: 30px 50px
}
.rp-container .container .rp-header {
	border-bottom: 1px solid #E7E7E7;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.rp-container .container .rp-header h3 {
	display: inline-block;
	margin-bottom: 20px
}
.rp-container .container .rp-header h3 img {
	width: 27px;
	height: 27px;
	vertical-align: baseline
}
.rp-container .container .rp-header li {
	display: inline-block;
	margin-bottom: 20px;
	list-style: none;
	font-size: 13px
}
.rp-container .container .rp-header li .rp-h-n {
	display: inline-block;
	line-height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background: #999
}
.rp-container .container .rp-header li .rp-h-t {
	margin-left: 5px;
	color: #999
}
.rp-container .container .rp-header li.on .rp-h-n {
	background: #02AAFF
}
.rp-container .container .rp-header li.on .rp-h-t {
	color: #02AAFF
}
.rp-container .container .rp-content {
	padding-top: 20px
}
.rp-container .container .rp-content .rp-c-h1 {
	font-size: 14px;
	color: #999
}
.rp-container .container .rp-content .rp-c-h2 {
	font-size: 12px;
	color: #999
}
.rp-container .container .rp-content .rp-c-btn {
	margin-top: 50px;
	margin-bottom: 20px;
	background: #02AAFF;
	border: none;
	color: #fff;
	font-size: 16px;
	line-height: 40px
}
.rp-container .container .rp-content .rp-form-group {
	margin: 20px 0
}
.rp-container .container .rp-content .rp-form-group .rp-f-code {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}
.rp-container .container .rp-content .rp-form-group .rp-f-code .input-group {
	flex: 1
}
.rp-container .container .rp-content .rp-form-group .rp-f-code .rp-f-img {
	margin-left: 10px;
	width: 80px;
	height: 34px
}
.rp-container .container .rp-content .rp-form-group .rp-f-code .rp-f-icon {
	margin-left: 10px;
	width: 34px;
	height: 34px
}
.join-container {
	background: #fff;
	padding: 4% 0
}
.join-container h1 {
	text-align: center
}
.join-container .img-wrapper {
	text-align: center;
	box-shadow: 0 20px 40px 0 rgba(83,137,225,.1);
	padding: 3% 0
}
.join-container .img-wrapper img {
	margin: 10px;
	height: 100px
}
.welfare-container {
	background: #F5F6F8
}
.welfare-container h1 {
	text-align: center
}
.welfare-container .wf-wrapper {
	text-align: center
}
.welfare-container .wf-wrapper .wf-cell {
	background: #fff;
	margin: 20px 0
}
.hgt-what {
	background: #fff
}
.hgt-what .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hgt-what .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hgt-what .what-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hgt-what .what-title {
	font-size: 18px;
	line-height: 28px
}
}
.hgt-what .what-content {
	padding-top: 40px
}

@media (max-width:768px) {
.hgt-what .what-content {
	padding-top: 24px
}
}
.hgt-what .what-content .what-img-wrap {
	float: left;
	width: 36.6%;
	margin-right: 6%
}
.hgt-what .what-content .what-img-wrap img {
	width: 100%
}
.hgt-what .what-content .what-content-wrap {
	display: inline-block;
	padding: 40px 0;
	width: 56.6%
}
.hgt-what .what-content .what-content-wrap p {
	color: #565E66;
	font-size: 14px;
	line-height: 28px
}
.hgt-what .what-content .what-content-wrap strong {
	color: #000
}

@media (max-width:768px) {
.hgt-what .what-content .what-img-wrap {
	float: none;
	width: 100%;
	margin-right: 0
}
.hgt-what .what-content .what-content-wrap {
	width: 100%;
	padding: 24px 0 0
}
}
.hgt-why {
	background: #F6F7FA
}
.hgt-why .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hgt-why .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hgt-why .why-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hgt-why .why-title {
	font-size: 18px;
	line-height: 28px
}
}
.hgt-why .why-content {
	padding-top: 40px
}

@media (max-width:768px) {
.hgt-why .why-content {
	padding-top: 24px
}
}
.hgt-why .why-content .why-tips {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #427CFB
}
.hgt-why .why-content .why-list {
	margin-top: 40px
}
.hgt-why .why-content .why-item {
	height: 90px
}
.hgt-why .why-content .why-item .item-img-wrap {
	float: left;
	height: 90px;
	width: 90px;
	margin-right: 30px
}
.hgt-why .why-content .why-item .item-img-wrap img {
	width: 100%
}
.hgt-why .why-content .why-item h4 {
	color: #000;
	font-size: 16px;
	line-height: 22px;
	padding-top: 5px
}
.hgt-why .why-content .why-item hr {
	margin: 8px 0;
	color: #DEE1E3;
	background: #DEE1E3
}
.hgt-why .why-content .why-item p {
	color: #888;
	font-size: 12px;
	line-height: 20px
}
.hgt-why .why-content .col-sm-6:nth-child(n+3) .why-item {
	margin-top: 30px
}

@media (max-width:768px) {
.hgt-why .why-content .why-tips {
	font-size: 12px
}
.hgt-why .why-content .why-list {
	margin-top: 12px
}
.hgt-why .why-content .col-sm-6 .why-item {
	margin-top: 12px
}
}
.hgt-background {
	background-color: #fff;
	background-image: url(404.png);
	background-size: cover;
	background-repeat: no-repeat
}
.hgt-background .container {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center
}

@media (max-width:768px) {
.hgt-background .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hgt-background .background-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center;
	color: #fff
}

@media (max-width:768px) {
.hgt-background .background-title {
	font-size: 18px;
	line-height: 28px
}
}
.hgt-background .background-content {
	padding-top: 40px;
	color: #ADB8C1;
	font-size: 14px;
	line-height: 40px
}

@media (max-width:768px) {
.hgt-background .background-content {
	padding-top: 24px
}
}
.hgt-background .background-content p strong {
	color: #fff
}
.hgt-cloud {
	background: #F6F7FA
}
.hgt-cloud .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hgt-cloud .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hgt-cloud .cloud-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hgt-cloud .cloud-title {
	font-size: 18px;
	line-height: 28px
}
}
.hgt-cloud .cloud-content {
	padding-top: 60px
}
.hgt-cloud .cloud-content .item-line {
	width: 100%;
	height: 1px;
	background: #D6D6D6
}
.hgt-cloud .cloud-content .cloud-item {
	float: left;
	height: 115px;
	width: 11.1%;
	text-align: center;
	position: relative
}
.hgt-cloud .cloud-content .cloud-item img {
	width: 34px;
	height: 34px
}
.hgt-cloud .cloud-content .cloud-item p {
	font-size: 16px;
	line-height: 22px;
	color: #565E66;
	white-space: nowrap
}
.hgt-cloud .cloud-content .cloud-item.item-top+.item-top {
	margin-left: 11.1%
}
.hgt-cloud .cloud-content .cloud-item.item-top::after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border: 1px solid #427CFB;
	border-radius: 50%;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	margin-bottom: -7px;
	background: #F8F8F8
}
.hgt-cloud .cloud-content .cloud-item.item-top img {
	margin-bottom: 20px
}
.hgt-cloud .cloud-content .cloud-item.item-bottom {
	margin-left: 11.1%
}
.hgt-cloud .cloud-content .cloud-item.item-bottom::after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border: 1px solid #427CFB;
	border-radius: 50%;
	top: 0;
	left: 50%;
	margin-left: -6px;
	margin-top: -7px;
	background: #F8F8F8
}
.hgt-cloud .cloud-content .cloud-item.item-bottom p {
	margin-top: 35px
}
.hgt-cloud .cloud-content .cloud-item.item-bottom img {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -17px
}

@media (max-width:768px) {
.hgt-cloud .cloud-content {
	padding-top: 24px
}
.hgt-cloud .cloud-content .cloud-item p {
	font-size: 12px;
	line-height: 18px;
	white-space: normal
}
}
.hgt-star {
	background: #fff
}
.hgt-star .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hgt-star .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hgt-star .star-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hgt-star .star-title {
	font-size: 18px;
	line-height: 28px
}
}
.hgt-star .star-content {
	padding-top: 40px;
	text-align: center
}

@media (max-width:768px) {
.hgt-star .star-content {
	padding-top: 24px
}
}
.hgt-star .star-content .star-desc {
	color: #33383D;
	font-size: 16px;
	line-height: 22px
}
.hgt-star .star-content table {
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	max-width: 990px;
	margin: 40px auto 0
}
.hgt-star .star-content table .star-txt {
	color: #3877FF
}
.hgt-star .star-content table td, .hgt-star .star-content table th {
	border: 1px solid #D3D9E7;
	padding: 10px;
	text-align: center
}
.hgt-star .star-content table thead {
	background: #fff;
	color: #33383D
}
.hgt-star .star-content table tbody {
	color: #697179
}
.hgt-star .star-content table tbody tr:nth-child(2n+1) {
	background: #F8FBFF
}
.hgt-star .star-content table tbody tr:nth-child(2n) {
	background: #fff
}

@media (max-width:768px) {
.hgt-star .star-content .star-desc {
	font-size: 14px;
	line-height: 20px
}
.hgt-star .star-content table {
	font-size: 12px;
	line-height: 18px
}
}
.href-container {
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	position: relative;
	width: 100%;
	z-index: 2
}
.href-container.href-flex {
	position: fixed;
	top: 54px
}

@media (max-width:991px) {
.href-container.href-flex {
	top: 109px
}
}

@media (max-width:768px) {
.href-container.href-flex {
	top: 54px
}
}
.href-container .container>ul {
	display: block;
	margin: 0 auto;
	text-align: center
}
.href-container .container>ul>li {
	display: inline-block;
	width: 18%;
	text-align: center
}
.href-container .container>ul>li a {
	display: inline-block;
	color: #565E66;
	font-size: 15px;
	line-height: 20px;
	padding: 20px 0;
	text-decoration: none
}
.href-container .container>ul>li a.on {
	color: #427CFB
}
.href-container .container>ul>li a:focus, .href-container .container>ul>li a:hover {
	color: #427CFB
}

@media (max-width:768px) {
.href-container .container>ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.href-container .container>ul>li a {
	font-size: 14px;
	line-height: 16px;
	padding: 16px 0
}
}
.href-paddingfix {
	height: 0
}
.href-paddingfix.on {
	padding-top: 60px
}

@media (max-width:768px) {
.href-paddingfix.on {
	padding-top: 48px
}
}
.intro-container {
	background: #fff
}
.intro-container .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.intro-container .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.intro-container h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.intro-container h1 {
	font-size: 18px;
	line-height: 28px
}
}
.intro-container .intro-wrap {
	position: relative;
	padding-top: 40px
}

@media (max-width:768px) {
.intro-container .intro-wrap {
	padding-top: 24px
}
}
.intro-container .intro-img {
	width: 310px;
	height: 310px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -155px
}
.intro-container .intro-content {
	margin-left: 200px;
	background: #f6f7fa;
	padding: 24px 40px 24px 150px
}
.intro-container .intro-content h4, .intro-container .intro-content p, .intro-container .intro-content strong {
	color: #565E66;
	font-size: 14px;
	line-height: 22px
}

@media (max-width:768px) {
.intro-container .intro-content h4, .intro-container .intro-content p, .intro-container .intro-content strong {
	font-size: 12px;
	line-height: 18px
}
}
.intro-container .intro-content h4, .intro-container .intro-content strong {
	color: #0E1114;
	font-weight: 500
}

@media (max-width:768px) {
.intro-container .intro-img {
	display: none
}
.intro-container .intro-content {
	margin-left: 0;
	padding: 16px 12px
}
}
.team-container {
	background: #2C3045
}
.team-container .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.team-container .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}

@media (max-width:768px) {
.team-container .container {
	padding-left: 0;
	padding-right: 0
}
}
.team-container h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center;
	color: #fff
}

@media (max-width:768px) {
.team-container h1 {
	font-size: 18px;
	line-height: 28px
}
}
.team-container .team-p {
	padding-top: 40px
}

@media (max-width:768px) {
.team-container .team-p {
	padding-top: 24px
}
}
.team-container .team-p li {
	float: left;
	width: 18.3%;
	margin-right: 2%
}
.team-container .team-p li:last-child {
	margin-right: 0
}
.team-container .team-p li img {
	width: 100%;
	height: 100%
}

@media (max-width:768px) {
.team-container .team-p {
	height: 134px;
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap
}
.team-container .team-p li {
	width: 110px;
	height: 110px;
	margin-right: 7px;
	display: inline-block;
	float: none
}
.team-container .team-p li:first-child {
	margin-left: 10px
}
.team-container .team-p li:last-child {
	margin-right: 10px
}
}
.benefit-container {
	background: #F6F7FA
}
.benefit-container .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.benefit-container .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.benefit-container h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.benefit-container h1 {
	font-size: 18px;
	line-height: 28px
}
}
.benefit-container .benefit-list {
	padding-top: 40px;
	margin-left: -2.1%
}

@media (max-width:768px) {
.benefit-container .benefit-list {
	padding-top: 24px
}
}
.benefit-container .benefit-list li {
	float: left;
	width: 22.9%;
	padding: 3.2% 0;
	margin-left: 2.1%;
	margin-bottom: 2.1%;
	text-align: center;
	background: #fff;
	box-shadow: 0 20px 40px 0 rgba(83,137,225,.1)
}
.benefit-container .benefit-list li img {
	width: 60px;
	height: 60px
}
.benefit-container .benefit-list li p {
	font-size: 16px;
	line-height: 28px;
	color: #0E1114;
	margin-top: 15px
}

@media (max-width:768px) {
.benefit-container .benefit-list li {
	width: 31.2%;
	padding: 2.2% 0
}
.benefit-container .benefit-list li img {
	width: 30px;
	height: 30px
}
.benefit-container .benefit-list li p {
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px
}
}
.position-container {
	background: #fff
}
.position-container .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.position-container .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.position-container h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.position-container h1 {
	font-size: 18px;
	line-height: 28px
}
}
.position-container .p-list {
	padding-top: 40px
}

@media (max-width:768px) {
.position-container .p-list {
	padding-top: 24px
}
}
.position-container .p-list .p-l-tabs {
	display: block;
	border-bottom: 1px solid #E6E8EB;
	white-space: nowrap;
	overflow-y: auto
}
.position-container .p-list .p-l-tabs li {
	display: inline-block;
	position: relative;
	padding: 14px 24px
}
.position-container .p-list .p-l-tabs li a {
	font-size: 16px;
	line-height: 24px;
	color: #83898F
}
.position-container .p-list .p-l-tabs li.on a {
	color: #427CFB
}
.position-container .p-list .p-l-tabs li.on::before {
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	background: #427CFB
}
.position-container .p-list .p-l-content .item-hidden {
	display: none!important
}
.position-container .p-list .p-l-content ul {
	display: block;
	margin-left: -26px
}
.position-container .p-list .p-l-content ul .p-l-item {
	float: left;
	width: 280px;
	height: 380px;
	margin-top: 30px;
	margin-left: 26px
}
.position-container .p-list .p-l-content ul .p-l-item section {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid #ECF1FE
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-head {
	padding: 0 16px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	color: #427CFB;
	background: rgba(66,124,251,.1);
	text-align: center;
	overflow: hidden
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-desc {
	padding: 20px;
	height: 320px;
	overflow-y: auto;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-desc::-webkit-scrollbar {
width:0!important;
background:0 0
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-desc p {
	font-size: 14px;
	line-height: 20px;
	color: #565E66
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-desc h3 {
	font-size: 14px;
	line-height: 20px;
	color: #33383D;
	font-weight: 500
}

@media (max-width:768px) {
.position-container .p-list .p-l-tabs li {
	padding: 10px 12px
}
.position-container .p-list .p-l-tabs li a {
	font-size: 14px;
	line-height: 16px
}
.position-container .p-list .p-l-content ul {
	margin-top: 12px;
	margin-left: -9px
}
.position-container .p-list .p-l-content ul .p-l-item {
	width: 170px;
	height: 300px;
	margin-top: 12px;
	margin-left: 7px
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-head {
	height: 46px;
	font-size: 14px;
	line-height: 46px;
	padding: 0 12px
}
.position-container .p-list .p-l-content ul .p-l-item section .p-c-desc {
	padding: 10px 12px;
	height: 253px
}
}
.hm-about {
	padding-top: 0
}
.hm-about .container {
	padding-top: 80px
}
.hm-about .about-img-wrap {
	float: right;
	width: 48.83%;
	margin-left: 2.5%
}
.hm-about .about-img-wrap .about-img {
	width: 100%
}
.hm-about .about-content-wrap {
	width: 46.66%;
	margin-right: 2.5%
}
.hm-about .about-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center;
	text-align: left;
	margin-top: 10.7%
}

@media (max-width:768px) {
.hm-about .about-title {
	font-size: 18px;
	line-height: 28px
}
}
.hm-about .about-txt {
	color: #565E66;
	font-size: 14px;
	line-height: 22px;
	margin-top: 7.13%;
	text-indent: 1em
}

@media (max-width:768px) {
.hm-about {
	background: #f6f7fa
}
.hm-about .container {
	padding-top: 40px;
	padding-bottom: 40px
}
.hm-about .about-img-wrap {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 24px
}
.hm-about .about-content-wrap {
	width: 100%;
	margin-right: 0
}
.hm-about .about-title {
	text-align: center;
	margin-top: 0;
	font-weight: 400
}
.hm-about .about-txt {
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px
}
}
.hm-culture {
	position: relative
}
.hm-culture .container {
	padding-top: 50px;
	background: #fff
}
.hm-culture .cul-img-wrap {
	width: 54.41%;
	margin-right: 2.5%
}
.hm-culture .cul-img-wrap .cul-img {
	width: 100%
}
.hm-culture .cul-bg {
	height: 200px;
	width: 100%;
	background: #2C3045;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1
}
.hm-culture .cul-content-wrap {
	float: right;
	width: 40.5%;
	margin-left: 2.5%;
	margin-bottom: 2%
}
.hm-culture .cul-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center;
	margin-top: 7.4%;
	margin-bottom: 8.3%;
	text-align: left
}

@media (max-width:768px) {
.hm-culture .cul-title {
	font-size: 18px;
	line-height: 28px
}
}
.hm-culture .cul-sub {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	color: #33383D;
	position: relative;
	z-index: 1;
	margin-top: 6.2%
}
.hm-culture .cul-sub .sub-e {
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	color: #F0F2F5;
	position: absolute;
	top: 5px;
	left: 0;
	z-index: -1
}
.hm-culture .cul-txt {
	font-size: 14px;
	line-height: 20px;
	color: #565E66;
	margin-top: 3.7%
}

@media (max-width:768px) {
.hm-culture .container {
	padding-top: 40px;
	padding-bottom: 40px
}
.hm-culture .cul-img-wrap {
	width: 100%;
	margin-right: 0;
	margin-top: 24px
}
.hm-culture .cul-content-wrap {
	float: none;
	width: 100%;
	margin-left: 0
}
.hm-culture .cul-title {
	margin-top: 0;
	margin-bottom: 24px;
	text-align: center
}
.hm-culture .cul-sub {
	margin-top: 24px
}
.hm-culture .cul-sub .sub-e {
	line-height: 22px;
	top: 9px
}
.hm-culture .cul-txt {
	margin-top: 10px;
	line-height: 16px
}
}
.hm-history .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hm-history .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}

@media (max-width:768px) {
.hm-history .container {
	padding-left: 0;
	padding-right: 0
}
}
.hm-history .his-title {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center;
	text-align: left
}

@media (max-width:768px) {
.hm-history .his-title {
	font-size: 18px;
	line-height: 28px
}
}

@media (max-width:768px) {
.hm-history .his-title {
	text-align: center
}
}
.hm-history .his-content {
	margin-top: 40px;
	width: 100%;
	position: relative
}
.hm-history .his-content .his-bg {
	width: 100%
}
.hm-history .his-content .his-mbg {
	display: none
}
.hm-history .his-content .c-item-t {
	position: absolute;
	display: block;
	color: #0E1114;
	font-size: 16px;
	line-height: 22px;
	width: 69px;
	text-align: right
}
.hm-history .his-content .c-item-t.c-item-t1 {
	top: 12%;
	left: 42%
}
.hm-history .his-content .c-item-t.c-item-t2 {
	top: 37.5%;
	left: 51.5%
}
.hm-history .his-content .c-item-t.c-item-t3 {
	top: 68%;
	left: 42%
}
.hm-history .his-content .c-item {
	position: absolute;
	display: block;
	text-align: center;
	width: 27.33%;
	font-size: 14px;
	line-height: 22px;
	color: #fff
}
.hm-history .his-content .c-item.c-item1 {
	top: 18.5%;
	left: 56.5%
}
.hm-history .his-content .c-item.c-item2 {
	top: 42.5%;
	left: 16%
}
.hm-history .his-content .c-item.c-item3 {
	top: 72%;
	left: 56.5%
}

@media (max-width:768px) {
.hm-history .his-content {
	margin-top: 24px
}
.hm-history .his-content .his-bg {
	display: none
}
.hm-history .his-content .his-mbg {
	display: block;
	width: 100%
}
.hm-history .his-content .c-item-t {
	font-size: 14px;
	line-height: 20px;
	width: 65px
}
.hm-history .his-content .c-item-t.c-item-t1 {
	top: 12%;
	left: 2.2%
}
.hm-history .his-content .c-item-t.c-item-t2 {
	top: 39.5%;
	left: 2.2%
}
.hm-history .his-content .c-item-t.c-item-t3 {
	top: 67%;
	left: 2.2%
}
.hm-history .his-content .c-item {
	font-size: 12px;
	line-height: 18px;
	width: 58.33%
}
.hm-history .his-content .c-item.c-item1 {
	top: 18.5%;
	left: 33.8%
}
.hm-history .his-content .c-item.c-item2 {
	top: 43.5%;
	left: 33.8%
}
.hm-history .his-content .c-item.c-item3 {
	top: 71%;
	left: 33.8%
}
}
.hm-contact {
	padding: 0
}

@media (max-width:768px) {
.hm-contact {
	display: none
}
}
.hm-contact .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hm-contact .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hm-contact h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hm-contact h1 {
	font-size: 18px;
	line-height: 28px
}
}
.hm-contact .sub-title {
	font-size: 16px;
	line-height: 24px;
	color: #565E66;
	margin-top: 12px;
	text-align: center
}

@media (max-width:768px) {
.hm-contact .sub-title {
	display: none
}
}
.hm-contact .w-content {
	padding-top: 16px
}
.hm-contact .w-wrap {
	margin: 25px 0 0
}
.hm-contact .wrap-cell {
	padding: 24px 0;
	box-shadow: 0 20px 40px 0 rgba(83,137,225,.1)
}
.hm-contact .wrap-cell .icon-bg {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: auto;
	background: #4b8fea;
	background: -webkit-linear-gradient(223deg, #419bfb 0, #4b8fea 59%, #5287df 100%);
	background: -moz-linear-gradient(223deg, #419bfb 0, #4b8fea 59%, #5287df 100%);
	background: -o-linear-gradient(223deg, #419bfb 0, #4b8fea 59%, #5287df 100%);
	background: -ms-linear-gradient(223deg, #419bfb 0, #4b8fea 59%, #5287df 100%);
	background: linear-gradient(223deg, #419bfb 0, #4b8fea 59%, #5287df 100%)
}
.hm-contact .wrap-cell .icon-bg img {
	max-width: 50%;
	margin: 15px auto
}
.hm-contact .wrap-cell .w-h3 {
	font-size: 18px;
	line-height: 28px;
	margin-top: 14px;
	color: #0E1114;
	font-weight: 400
}
.hm-contact .wrap-cell .p-1 {
	font-size: 12px;
	line-height: 17px;
	margin-top: 2px
}
.hm-contact .wrap-cell .p-2 {
	font-size: 14px;
	line-height: 20px;
	margin-top: 16px;
	color: #4A7FD6
}
.hm-contact .wrap-cell .p-btn {
	display: inline-block;
	margin-top: 3px;
	color: #fff;
	background-color: #76A1FF;
	border-radius: 10px;
	padding: 6px 12px;
	font-size: 10px;
	line-height: 10px
}
.hm-contact .wrap-cell .p-a {
	margin-top: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #4A7FD6;
	display: inline-block;
	vertical-align: middle
}
.hm-foucs {
	background: #f6f7fa;
	padding: 0
}

@media (max-width:768px) {
.hm-foucs {
	display: none
}
}
.hm-foucs .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hm-foucs .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hm-foucs h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hm-foucs h1 {
	font-size: 18px;
	line-height: 28px
}
}
.hm-foucs p {
	font-size: 16px;
	line-height: 24px;
	color: #565E66;
	margin-top: 12px;
	text-align: center
}

@media (max-width:768px) {
.hm-foucs p {
	display: none
}
}
.hm-foucs .foucs-wrap {
	padding-top: 40px;
	margin-top: 0;
	text-align: center;
	margin-left: 100px;
	margin-right: 100px
}

@media (max-width:768px) {
.hm-foucs .foucs-wrap {
	padding-top: 24px
}
}
.hm-foucs .foucs-wrap .focus-cell {
	text-decoration: none;
	display: block
}
.hm-foucs .foucs-wrap img {
	max-width: 60px;
	margin: 0
}
.hm-foucs .foucs-wrap .p-1 {
	font-size: 14px;
	line-height: 20px;
	color: #83898F;
	margin-top: 12px
}
.hm-foucs .foucs-wrap .p-2 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 4px;
	color: #0E1114
}
.hm-foucs .foucs-wrap .p-3 {
	font-size: 16px;
	line-height: 20px;
	margin-top: 4px;
	color: #427CFB
}
.company-map {
	background: #fff
}
.company-map .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.company-map .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.company-map h1 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.company-map h1 {
	font-size: 18px;
	line-height: 28px
}
}
.company-map .map-tabs {
	text-align: center
}
.company-map .map-tabs li {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-top: 40px;
	padding: 0 70px 4px;
	font-size: 16px;
	line-height: 22px;
	color: #565E66
}
.company-map .map-tabs li:hover {
	color: #427CFB
}
.company-map .map-tabs li.on {
	color: #427CFB
}
.company-map .map-tabs li.on::after {
	content: '';
	display: block;
	position: absolute;
	background: #427CFB;
	height: 2px;
	width: 30px;
	bottom: 0;
	left: 50%;
	margin-left: -15px
}
.company-map #map-container {
	height: 400px;
	margin-top: 24px
}

@media (max-width:768px) {
.company-map {
	background: #f6f7fa
}
.company-map .container {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0
}
.company-map h1 {
	display: none
}
.company-map .map-tabs li {
	margin-top: 0;
	padding: 0 50px 4px;
	font-size: 14px;
	line-height: 20px
}
.company-map #map-container {
	height: 450px;
	margin-top: 12px
}
}
.map-addr-tip {
	box-shadow: 0 10px 10px 0 rgba(13,14,14,.2);
	border-radius: 8px;
	width: 329px;
	position: relative;
	text-align: center
}
.map-addr-tip::after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px
}
.map-addr-tip .addr-head {
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	padding: 10px;
	background-image: url(404.png);
	background-size: cover;
	border-radius: 8px 8px 0 0;
	position: relative
}
.map-addr-tip .addr-desc {
	font-size: 12px;
	line-height: 20px;
	padding: 8px 10px;
	color: #33383D;
	background: #fff;
	border-radius: 0 0 8px 8px;
	position: relative
}
.map-addr-tip .map-icon {
	content: '';
	display: block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABVhJREFUaAXtWV1oHFUUPmc32d0YWxtBsTbaqm8+iAiC3aS1/lDah+6aSF6qPrSE2KhFq7VSsSBUH4oVFbFI9aHFn6prm2xDtVEbQpukVRAUEUHQYkkx9EdajDWJyR6/O93d7GQy996ZnYAPXkjmnv/zzT1zz51ZpoiGLGtdSJOTq4llJRHfQELXwvU1oAugzxDJWdAnibmXUvHDfKTrfBShuVonkl6TRbLPw8+d+LP0xwAlR6G9nYd6+qrJwTKgN4Qsa7mbpiZfQfIq8fCDuY9isS080P1tGCeBAYgIU3NmKxV4O+5iLExQrw1PYDU28tDB3V6ZnhMIgLS11dHw+AdIvEXvNqSU6V1alNrAudyUrQfrO+jc+eHx9+cseZWxUDudHn/TNnmlZw2A0tkdiNAaxHkoXZFOSWeetrW1KiFpymSoIHlbp9iMsMvQb6jrn3GdxJ29CeBvDWQf5zQP5L822dSYFKSjo5Z++H2nSa8ov4R9/h1K1Ozk/gPDlTaSbl0MLJsAphNgEpUy7xybQ0FeAz/tlbk5xhVwllPkVbfZrNQIxWtW8UDX97NKi0xpWnMXFagL5HU6vaJsLR/v2afT0z4DzoMrYq5H5gtUS1hyffIqER7sOUEcX43pJV1iRdlmk44WAC3PqiVcZHJCwi/w0Z6TRr2iAg91f0cxftFC/w5pfvBmnZ4ewBS16YwdGdMpaky8bdSbqVB7NbZLvjiT7aELE9oc9ACE7vE49DKOBGk8JXPu3zOGg97hEu1/ZW0OegAkS/wdlyR8ojQLfuWfLGyW6HR8AciKBxbAcL7O2JExG3cyfx8y5i8rSoRu1On4AqApuV5nWJZJQQENOfgWs6HUSfPaBj89fwCSGPUzcvGF73fRgQi53Up94T9/+en5A2hoOOdnNIN/L44adqtVYSjplqVW7xLMo9gkJipMXVNfANyzG42GLfZ2tH2hXS6vBgLH8jiOFXifsBhCP+q0fAE4RkzGw5SjJ5LFkWOLLpBLNjz2FkDf5+L5Eczf+IkUXw+A6JDO2CUT2SFLM3tlRduVLn4FoUoNOh+D9WgFWz+NyWc6Be0WKCsfqafRiyMk4puUxzmTenY+wam0G2eeMyRTYzi83YajtWpID8PXPI+NP2OEGlONukapBaD84o7hWCtP+ceYQwnzNrwnv6SLYCohomT9y7ibf+qczImM8S0pkXzd5NsIgPv3ncMDt83kKHp5bDP354y9yFhCKjHnvaAp24/J8ugTncUj80GUTnYWiYdlXAFlgeOOUKx2Haa+HdHjOTSDz6N0rHcpKwAqFx7Y/yuQPBs6L1vDGD+O0hmxVbcqoZKzy6WU+dK6CZUMba/Mn6J02mzVlZ71Cijly6WUWj8nuxLTWYonH1NxgoxAAJRjHsidwpvUpiBBrHSZN/CxnPoEH2gEKqFKz2hwn2N/WlXJq2L+IT6fPBTGPvAKlIPUJdtRShfKdPjJCM1PbQxrHhoA9+VO49PIk2EDl+3isQ7uzf1RpgNOQpdQKQ6O0Xk0uEyJDnTl2B4eyqv+EnqEXoFyRKfpoPkEHjxMVySqPiRWDcBpOkxPBM6fuJ2/ypk/bBkcVw1A+Ufz+Qjn/f2GWNNifMHm4/neaUb4WSQAnPDxVCdAmPdxdn43eCZ8ym7LyAA4TQjNyO3eQwk463nwYGTvF5EBUKkisQPoDf7f82O8q9rfhWfekkgBOM7nJdUD7T1NMv9C9Vc9NzOBaunIAThNCc3JnRh+M2Nex1+8F/n7ROQAVOL4ca4H//dOg5A3eDB/bJqObmb8kS90qCRKaXz8b9iP0YLFW0P7+d/wP34H/gUr6WklcMZI0wAAAABJRU5ErkJggg==);
	background-size: cover;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -7px
}
.hm-friends {
	padding: 0
}
.hm-friends .container {
	padding-top: 80px;
	padding-bottom: 80px
}

@media (max-width:768px) {
.hm-friends .container {
	padding-top: 40px;
	padding-bottom: 40px
}
}
.hm-friends h3 {
	font-size: 24px;
	line-height: 32px;
	color: #33383D;
	text-align: center
}

@media (max-width:768px) {
.hm-friends h3 {
	font-size: 18px;
	line-height: 28px
}
}
.hm-friends p {
	font-size: 16px;
	line-height: 24px;
	color: #565E66;
	margin-top: 12px;
	text-align: center
}

@media (max-width:768px) {
.hm-friends p {
	display: none
}
}
.hm-friends .fr-ul {
	margin-top: 40px;
	margin-bottom: -2%;
	margin-left: -2.7%;
	overflow: hidden;
	text-align: left
}

@media (max-width:768px) {
.hm-friends .fr-ul {
	margin-top: 24px;
	margin-bottom: -1.5%;
	margin-left: -1.5%
}
}
.hm-friends .fr-li {
	float: none;
	display: inline-block;
	width: 17%;
	margin: 0 0 2% 2.7%;
	padding: .9% 0;
	border: 1px solid #F0F2F5;
	border-radius: 4px;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.hm-friends .fr-li:hover {
	border: 1px solid #76A1FF;
	box-shadow: none
}

@media (max-width:768px) {
.hm-friends .fr-li {
	width: 22.5%;
	margin: 0 0 1.5% 1.5%;
	padding: 2.6% 0
}
}
.messages-container {
	margin-top: 40px;
	margin-bottom: 40px
}
.messages-container h3, .messages-container strong {
	font-weight: 500
}
.messages-container .col-sm-8 {
	padding-right: 3%
}
.messages-container .col-sm-4 {
	padding-left: 3%
}

@media (max-width:768px) {
.messages-container {
	margin-top: 0
}
.messages-container .col-sm-8 {
	padding: 0 15px
}
}
.messages-container .ms-headline {
	padding: 10px 30px 16px;
	background: #f8f8f8
}
.messages-container .ms-headline .ms-link {
	color: #0E1114
}
.messages-container .ms-headline .ms-link:hover {
	color: #427CFB
}
.messages-container .ms-headline .ms-hl-item .ms-hl-first {
	max-width: 100%;
	margin: 14px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.messages-container .ms-headline .ms-hl-item .ms-hl-first strong {
	font-size: 24px;
	line-height: 32px
}
.messages-container .ms-headline .ms-hl-item li {
	list-style: none;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}
.messages-container .ms-headline .ms-hl-item li a {
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	max-width: 46%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.messages-container .ms-headline .ms-hl-item li a.ms-split {
	margin: 0 1%;
	color: #CCCFD3;
	text-align: center
}
.messages-container .ms-ad {
	width: 100%;
	margin-top: 30px
}
.messages-container .ms-ad img {
	width: 100%;
	height: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.messages-container .ms-list {
	margin-top: 30px
}
.messages-container .ms-list .ms-l-tabs {
	background: #F8F8F6;
	overflow-y: auto;
	white-space: nowrap
}
.messages-container .ms-list .ms-l-tabs li {
	position: relative;
	list-style: none;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	line-height: 46px;
	height: 46px;
	margin: 0 12px;
	cursor: pointer
}
.messages-container .ms-list .ms-l-tabs li a {
	color: #0E1114
}
.messages-container .ms-list .ms-l-tabs li.on::after {
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	width: 32px;
	background: #427CFB;
	bottom: 0;
	left: 50%;
	margin-left: -16px
}
.messages-container .ms-list .ms-l-tabs li.on a {
	color: #427CFB;
	font-weight: 500
}
.messages-container .ms-list .ms-l-h {
	padding-bottom: 6px;
	border-bottom: 1px solid #E6E8EB
}
.messages-container .ms-list .ms-l-h h3 {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	z-index: 0
}
.messages-container .ms-list .ms-l-h h3::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAW5JREFUSA3tVtF1wyAMBL/EnaejdJruk+/M0on6HtXdIZ6wscsAOAlGIB2ni6wkf79+y/5IaX+m9PHMvO+77rKLreX09ZlzCtf7p5RgpkeKJlzxgY/enMaAq/lWAlIxAJ7Dw7Nh2gvzeNgF0gZnXAxgqBmNNYANRS70uxo230BAPDzO3efubkA4sR7JqebMJth3INgzIAskm2yQFslUsCZ8pvYfCoBc7FEAWU2AwKUT24UXK3CtKU+AdYzIDrFUGtY8JzGqB4MBJOp1mmOlr5/CSmz/AiOZkX7HbO0p0yVn5sUFACpDq68JrZpGiPZAqmMsVQlA1GF3o2kEBLkw0E3EO8CE5rUgHY1iVVQxYsoOqJ3huDkblDK18MomI1uZAAHy6kdDfbvF1Y86OYZGe9ZQwew/KEA9dLKHYefF1Y/OmhxXVj86KnK2W0Fii0WJ/sy2iH6JDmkVOtOz4Yxr/T+iDKOhia2f7N5lQuMW8AfMIALbR30MQAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 9px;
	display: inline-block;
	position: relative;
	top: 3px;
	left: -10px
}
.messages-container .ms-list .ms-l-h .n-h-more {
	float: right;
	color: #83898F;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	z-index: 1
}
.messages-container .ms-list .ms-l-h .n-h-more:hover {
	color: #427CFB
}

@media (max-width:768px) {
.messages-container .ms-list .ms-l-h {
	padding-bottom: 11px
}
.messages-container .ms-list .ms-l-h h3 {
	font-size: 16px;
	line-height: 22px
}
.messages-container .ms-list .ms-l-h h3::before {
	height: 16px;
	width: 7px
}
}
.messages-container .ms-list .ms-l-content .ms-c-item {
	display: none
}
.messages-container .ms-list .ms-l-content .ms-c-item-show {
	display: block!important
}
.messages-container .ms-list .ms-l-content .ms-ci-li {
	position: relative;
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px dashed #E6E8EB
}
.messages-container .ms-list .ms-l-content .ms-ci-li:hover {
	background: #FBFBFB
}
.messages-container .ms-list .ms-l-content .ms-ci-li>a {
	display: block;
	float: left;
	width: 210px;
	height: 140px;
	overflow: hidden
}
.messages-container .ms-list .ms-l-content .ms-ci-li>a>img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.messages-container .ms-list .ms-l-content .ms-ci-li>a>img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)
}
.messages-container .ms-list .ms-l-content .ms-ci-li section {
	margin-left: 210px;
	padding: 0 2%;
	height: 140px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section h3 {
	font-size: 18px;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000
}
.messages-container .ms-list .ms-l-content .ms-ci-li section h3 a {
	color: #000
}
.messages-container .ms-list .ms-l-content .ms-ci-li section h3:hover {
	color: #427CFB
}
.messages-container .ms-list .ms-l-content .ms-ci-li section h3:hover a {
	color: #427CFB
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-desc {
	margin-top: 8px;
	position: relative;
	font-size: 14px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	color: #33383D;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other {
	margin-top: 16px;
	color: #83898F;
	font-size: 14px;
	line-height: 22px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other span {
	display: inline-block;
	overflow: hidden;
	height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-split {
	width: 4%;
	text-align: center
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-k {
	max-width: 68%
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-d {
	max-width: 24%
}
.messages-container .ms-list .ms-l-content .ms-l-more {
	margin: 30px 0 60px;
	width: 100%;
	text-align: center
}
.messages-container .ms-list .ms-l-content .ms-l-more a {
	font-size: 16px;
	line-height: 22px;
	color: #0E1114;
	position: relative
}
.messages-container .ms-list .ms-l-content .ms-l-more a::after {
	content: '';
	display: inline-block;
	background-image: url(404.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 16px;
	height: 22px;
	vertical-align: top;
	margin-left: 8px
}
.messages-container .ms-list .ms-l-content .ms-l-more a:hover {
	color: #427CFB
}
.messages-container .ms-list .ms-l-content .ms-l-more a:hover::after {
	background-image: url(404.png)
}

@media (max-width:768px) {
.messages-container .ms-list {
	margin-top: 0
}
.messages-container .ms-list .ms-l-tabs {
	margin: 0 -15px
}
.messages-container .ms-list .ms-l-h {
	padding-top: 11px
}
.messages-container .ms-list .ms-l-content .ms-ci-li {
	padding-top: 16px;
	padding-bottom: 16px
}
.messages-container .ms-list .ms-l-content .ms-ci-li>a {
	width: 100px;
	height: 68px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section {
	margin-left: 108px;
	height: 68px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section h3 {
	font-size: 14px;
	line-height: 26px;
	height: 26px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-desc {
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other {
	margin-top: 8px;
	font-size: 10px;
	line-height: 12px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other span {
	height: 12px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-k {
	max-width: calc(100% - 117px)
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-d {
	max-width: 100px
}
.messages-container .ms-list .ms-l-content .ms-ci-li section .ms-l-other .ms-l-split {
	width: 8px
}
.messages-container .ms-list .ms-l-content .ms-l-more {
	margin: 24px 0 0
}
.messages-container .ms-list .ms-l-content .ms-l-more a {
	font-size: 14px;
	line-height: 20px
}
.messages-container .ms-list .ms-l-content .ms-l-more a::after {
	width: 14px;
	height: 20px
}
}
.hm-detail {
	background: #fff;
	padding-top: 0;
	padding-bottom: 0
}
.hm-detail .container {
	padding-top: 2.7%;
	padding-bottom: 5.6%
}

@media (max-width:768px) {
.hm-detail .container {
	padding-top: 0;
	padding-bottom: 0
}
}
.hm-detail .breadcrumb {
	background: #fff;
	margin-bottom: 0;
	padding: 12px 0
}
.hm-detail .breadcrumb>.active {
	color: #427CFB
}
.hm-detail .breadcrumb li {
	font-size: 14px;
	line-height: 20px;
	color: #565E66
}
.hm-detail .breadcrumb li a {
	color: #565E66;
	font-size: 14px;
	line-height: 20px
}
.hm-detail .breadcrumb li a:hover {
	color: #427CFB
}
.hm-detail .breadcrumb>li+li:before {
	color: #565E66;
	content: "> ";
	padding: 0
}
.hm-detail .row {
	margin-left: 0;
	margin-right: 0
}

@media (max-width:768px) {
.hm-detail .row {
	margin-left: -15px;
	margin-right: -15px
}
}
.hm-detail .col-sm-8 {
	background: #F8F8F8
}

@media (max-width:768px) {
.hm-detail .col-sm-8 {
	padding-left: 0;
	padding-right: 0
}
}
.hm-detail .col-sm-4 {
	padding-left: 40px
}
.hm-detail .col-sm-4>div+div {
	margin-top: 40px
}
.hm-detail .info-head {
	padding-top: 45px
}
.hm-detail .info-head h1 {
	font-size: 24px;
	line-height: 33px;
	color: #0E1114;
	text-align: center;
	font-weight: 500
}
.hm-detail .info-head .sub-p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #83898F;
	text-align: center;
	margin-bottom: 16px
}

@media (max-width:768px) {
.hm-detail .info-head {
	padding: 16px 15px;
	background: #fff
}
.hm-detail .info-head h1 {
	font-size: 20px;
	line-height: 30px;
	text-align: left
}
.hm-detail .info-head .sub-p {
	margin-top: 12px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 14px;
	text-align: left
}
}
.hm-detail .info-txt {
	padding-top: 0;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #D6DADD
}
.hm-detail .info-txt .hm-img {
	max-width: 100%;
	padding-left: 53px;
	padding-right: 53px;
	margin-bottom: 30px
}
.hm-detail .info-txt h2 {
	font-size: 18px;
	line-height: 25px;
	color: #0E1114;
	font-weight: 500
}
.hm-detail .info-txt .p-txt {
	font-size: 14px;
	color: #33383D;
	line-height: 20px;
	margin-top: 0
}
.hm-detail .info-txt a {
	color: #427CFB
}

@media (max-width:768px) {
.hm-detail .info-txt {
	padding-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 25px
}
.hm-detail .info-txt .hm-img {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 15px
}
.hm-detail .info-txt h2 {
	font-size: 18px;
	line-height: 25px
}
.hm-detail .info-txt .p-txt {
	font-size: 16px;
	line-height: 30px
}
}
.hm-detail .info-foot {
	padding-top: 30px;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 30px;
	position: relative
}
.hm-detail .info-foot .foot-item {
	font-size: 14px;
	line-height: 20px;
	color: #565E66;
	margin-top: 8px
}
.hm-detail .info-foot .foot-item strong {
	font-weight: 400;
	color: #000
}
.hm-detail .info-foot .foot-item a {
	color: #565E66
}
.hm-detail .info-foot .foot-item a:hover {
	color: #427CFB
}
.hm-detail .info-foot .foot-item.foot-keys {
	margin-top: 0;
	min-height: 40px;
	width: 75px;
	width: calc(100% - 156px)
}
.hm-detail .info-foot .foot-item.disabled {
	color: #83898F
}
.hm-detail .info-foot .foot-item.disabled strong {
	color: #83898F
}
.hm-detail .info-foot .foot-item.disabled a {
	color: #83898F;
	cursor: default;
	pointer-events: none
}
.hm-detail .info-foot .foot-item.disabled a:hover {
	color: #83898F
}

@media (max-width:768px) {
.hm-detail .info-foot {
	padding-top: 24px;
	padding-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px
}
.hm-detail .info-foot .foot-item.foot-keys {
	width: 100%;
	min-height: 22px
}
.hm-detail .info-foot .foot-item.foot-next, .hm-detail .info-foot .foot-item.foot-pre {
	display: none
}
}
.ms-banner {
	width: 360px;
	height: 270px
}
.ms-classhl {
	margin-top: 30px;
	width: 360px;
	height: 240px
}
.ms-banner .swiper-container, .ms-classhl .swiper-container {
	width: 100%;
	height: 100%
}
.ms-banner .swiper-slide, .ms-classhl .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
.ms-banner .swiper-slide .w-slider, .ms-classhl .swiper-slide .w-slider {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.ms-banner .swiper-slide .w-slider .ms-chl-mask, .ms-classhl .swiper-slide .w-slider .ms-chl-mask {
	display: inline-block;
	height: 48px;
	width: 100%;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	position: relative;
	top: 192px
}
.ms-banner .swiper-slide .w-slider .ms-chl-title, .ms-classhl .swiper-slide .w-slider .ms-chl-title {
	width: 100%;
	padding: 0 12px;
	font-size: 16px;
	line-height: 48px;
	height: 48px;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	position: relative;
	top: 138px
}
.ms-banner .pagination, .ms-classhl .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 0;
	width: 100%
}
.ms-banner .swiper-pagination-switch, .ms-classhl .swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: rgba(255,255,255,.4);
	margin: 0 8px;
	cursor: pointer
}
.ms-banner .swiper-active-switch, .ms-classhl .swiper-active-switch {
	background: #fff
}
.ms-weekrank {
	margin-top: 30px
}
.ms-weekrank .ms-w-h {
	padding-bottom: 6px;
	border-bottom: 1px solid #E6E8EB
}
.ms-weekrank .ms-w-h h3 {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	z-index: 0
}
.ms-weekrank .ms-w-h h3::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAW5JREFUSA3tVtF1wyAMBL/EnaejdJruk+/M0on6HtXdIZ6wscsAOAlGIB2ni6wkf79+y/5IaX+m9PHMvO+77rKLreX09ZlzCtf7p5RgpkeKJlzxgY/enMaAq/lWAlIxAJ7Dw7Nh2gvzeNgF0gZnXAxgqBmNNYANRS70uxo230BAPDzO3efubkA4sR7JqebMJth3INgzIAskm2yQFslUsCZ8pvYfCoBc7FEAWU2AwKUT24UXK3CtKU+AdYzIDrFUGtY8JzGqB4MBJOp1mmOlr5/CSmz/AiOZkX7HbO0p0yVn5sUFACpDq68JrZpGiPZAqmMsVQlA1GF3o2kEBLkw0E3EO8CE5rUgHY1iVVQxYsoOqJ3huDkblDK18MomI1uZAAHy6kdDfbvF1Y86OYZGe9ZQwew/KEA9dLKHYefF1Y/OmhxXVj86KnK2W0Fii0WJ/sy2iH6JDmkVOtOz4Yxr/T+iDKOhia2f7N5lQuMW8AfMIALbR30MQAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 9px;
	display: inline-block;
	position: relative;
	top: 3px;
	left: -10px
}
.ms-weekrank .ms-w-h .n-h-more {
	float: right;
	color: #83898F;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	z-index: 1
}
.ms-weekrank .ms-w-h .n-h-more:hover {
	color: #427CFB
}

@media (max-width:768px) {
.ms-weekrank .ms-w-h {
	padding-bottom: 11px
}
.ms-weekrank .ms-w-h h3 {
	font-size: 16px;
	line-height: 22px
}
.ms-weekrank .ms-w-h h3::before {
	height: 16px;
	width: 7px
}
}
.ms-weekrank ol {
	margin-top: 16px
}
.ms-weekrank ol li {
	display: inline-block;
	font-style: italic;
	color: #0E1114;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ms-weekrank ol li span {
	color: #ACB2B5;
	display: inline-block;
	font-size: 18px;
	width: 30px;
	text-align: center
}
.ms-weekrank ol li:nth-child(-n+3) span {
	color: #7FA8FD
}
.ms-weekrank ol li a {
	font-style: normal;
	color: #0E1114;
	font-size: 14px
}
.ms-weekrank ol li a:hover {
	color: #427CFB
}
.jsq-container {
	padding: 110px 0;
	background: #F6F7FA
}
.jsq-container .col-sm-6 {
	padding: 10px
}
.jsq-container .jsq-item {
	display: block;
	height: 110px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	border: 1px solid transparent;
	padding: 20px;
	cursor: pointer
}
.jsq-container .jsq-item:hover {
	border: 1px solid #87AEFF
}
.jsq-container .jsq-item .jsq-img-bg {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 16px;
	border-radius: 10px
}
.jsq-container .jsq-item .jsq-img-bg img {
	display: block;
	margin: auto;
	width: 100%;
	height: 100%
}
.jsq-container .jsq-item .jsq-head {
	font-size: 16px;
	line-height: 24px;
	color: #0E1114;
	height: 24px;
	overflow: hidden
}
.jsq-container .jsq-item .jsq-desc {
	margin-top: 4px;
	font-size: 12px;
	line-height: 20px;
	color: #565E66;
	height: 40px;
	overflow: hidden
}
.calc-container {
	padding: 80px 0
}
.calc-container>.row>.col-sm-8 {
	padding-right: 3%
}
.calc-container>.row>.col-sm-4 {
	padding-left: 3%
}
.calc-container>.row>.col-sm-4>div+div {
	margin-top: 40px
}
.calc-container #count_area {
	background-color: #f8f8f8;
	padding: 50px
}
.calc-container #count_area .form-label2 {
	display: inline-block;
	margin-top: 5px;
	font-size: 16px;
	color: red
}
.calc-container #count_area .form-label1 {
	display: inline-block;
	margin-top: 7px;
	font-size: 14px;
	color: #555
}
.calc-container #count_area label {
	color: #555;
	font-size: 14px;
	font-weight: 400
}
.calc-container #count_area .calc-detail-title {
	border-bottom: 1px solid #eee
}
.calc-container #count_area .calc-detail-title h1, .calc-container #count_area .calc-detail-title strong {
	display: inline;
	font-size: 16px;
	line-height: 40px;
	color: #555;
	font-weight: 700;
	margin-bottom: 10px
}
.calc-container #count_area #count_area_in button {
	font-size: 14px;
	line-height: 45px;
	padding: 0 80px;
	color: #fff;
	background: #427CFB;
	border: none;
	border-radius: 2px;
	cursor: pointer
}
.calc-container .content {
	background-color: #f8f8f8;
	padding: 50px 50px 50px 50px;
	margin-bottom: 0;
	line-height: 25px
}
.calc-container .content h3 {
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	color: #555;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px
}
.calc-container .content p {
	text-indent: 2em!important;
	line-height: 25px;
	font-size: 14px;
	color: #333;
	margin: 4px 0
}
.calc-container .content table {
	margin: 5px 0;
	border-collapse: collapse
}
.calc-container .content table caption {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777
}
.calc-container .content table td, .calc-container .content table th {
	border: 1px solid #A7AEB1;
	padding: 4px 6px;
	color: #555
}
.jsq-nav {
	margin-top: 30px
}
.jsq-nav .jsq-n-h {
	padding-bottom: 6px;
	border-bottom: 1px solid #E6E8EB
}
.jsq-nav .jsq-n-h h3 {
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	z-index: 0
}
.jsq-nav .jsq-n-h h3::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAoCAYAAADzL6qcAAAAAXNSR0IArs4c6QAAAW5JREFUSA3tVtF1wyAMBL/EnaejdJruk+/M0on6HtXdIZ6wscsAOAlGIB2ni6wkf79+y/5IaX+m9PHMvO+77rKLreX09ZlzCtf7p5RgpkeKJlzxgY/enMaAq/lWAlIxAJ7Dw7Nh2gvzeNgF0gZnXAxgqBmNNYANRS70uxo230BAPDzO3efubkA4sR7JqebMJth3INgzIAskm2yQFslUsCZ8pvYfCoBc7FEAWU2AwKUT24UXK3CtKU+AdYzIDrFUGtY8JzGqB4MBJOp1mmOlr5/CSmz/AiOZkX7HbO0p0yVn5sUFACpDq68JrZpGiPZAqmMsVQlA1GF3o2kEBLkw0E3EO8CE5rUgHY1iVVQxYsoOqJ3huDkblDK18MomI1uZAAHy6kdDfbvF1Y86OYZGe9ZQwew/KEA9dLKHYefF1Y/OmhxXVj86KnK2W0Fii0WJ/sy2iH6JDmkVOtOz4Yxr/T+iDKOhia2f7N5lQuMW8AfMIALbR30MQAAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 20px;
	width: 9px;
	display: inline-block;
	position: relative;
	top: 3px;
	left: -10px
}
.jsq-nav .jsq-n-h .n-h-more {
	float: right;
	color: #83898F;
	font-size: 12px;
	line-height: 28px;
	position: relative;
	z-index: 1
}
.jsq-nav .jsq-n-h .n-h-more:hover {
	color: #427CFB
}

@media (max-width:768px) {
.jsq-nav .jsq-n-h {
	padding-bottom: 11px
}
.jsq-nav .jsq-n-h h3 {
	font-size: 16px;
	line-height: 22px
}
.jsq-nav .jsq-n-h h3::before {
	height: 16px;
	width: 7px
}
}
.jsq-nav ul {
	margin-top: 16px
}
.jsq-nav ul li {
	margin-left: 18px;
	color: #0E1114;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}
.jsq-nav ul li span {
	color: #ACB2B5;
	font-size: 16px;
	margin-right: 10px
}
.jsq-nav ul li a {
	font-style: normal;
	color: #0E1114;
	font-size: 14px
}
.jsq-nav ul li a:hover {
	color: #427CFB
}

@media (max-width:768px) {
.hm-case .card-area .card-item .card-bg {
	height: 270px
}
.hm-case .card-area .card-item .card-bg .card-cell .card-desc {
	margin-top: 10px
}
.hm-case .card-area .card-item .card-bg .card-cell .card-link {
	margin-top: 20px
}
.hm-mo .mo-cell {
	background: url(404.png) no-repeat 80% center;
	background-size: 50%
}
.hm-mo .mo-more, .hm-mo .mo-one {
	margin-left: 5%
}
.jsq-container {
	padding: 0
}
.calc-container {
	padding-top: 0
}
.calc-container>.row>.col-sm-8 {
	padding: 0
}
.calc-container>.row>.col-sm-4 {
	padding: 0
}
.calc-container #count_area .form-label1, .calc-container #count_area .form-label2 {
	margin-top: 0
}
.calc-container #count_area #count_area_in button {
	width: 100%
}
}