* {
	font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}
.wrap {
	margin: 0px auto; max-width: 1140px;
}
.logo {
	transition:0.4s; width: 200px; height: 100px; float: left; -webkit-transition: all 0.4s ease;
}
.logo a {
	width: 100%; height: 100%; display: block;
}
.lotx {
	border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); float: left;
}
.lotx:hover {
	color: rgb(255, 102, 0);
}
.header-content.h-fixed .logo {
	height: 80px;
}
.header-content {
	transition:0.4s; left: 0px; top: 0px; width: 100%; height: 100px; position: fixed; z-index: 99; box-shadow: 0px 3px 3px rgba(14,5,10,0.1); background-color: white; -webkit-transition: all 0.4s ease;
}
.header-content.h-fixed {
	height: 80px; position: fixed;
}
.nav {
	float: left;
}
.nav ul {
	list-style: none;
}
.nav-list {
	margin: 0px 16px; float: right; position: relative;
}
.nav-list-a {
	transition:0.4s; height: 100px; text-align: center; color: rgb(51, 51, 51); line-height: 100px; font-size: 17px; display: inline-block; -webkit-transition: all 0.4s ease;
}
.header-content.h-fixed .nav-list-a {
	height: 80px; line-height: 80px;
}
.nav-list-a.on {
	color: rgb(29, 80, 162);
}
.nav-list:hover .nav-list-a {
	color: rgb(29, 80, 162);;
}
.nav-list-menu {
	padding: 20px 0px; left: 50%; top: 100px; display: none; position: absolute; z-index: 11; width: 100px; transform: translateX(-50%); background-color: rgb(29, 80, 162); -webkit-transform: translateX(-50%);
}
.index-top {
	height: 80px;
}
.index-banner .swiper-container {
	height: 500px;
}
.index-banner .is-button-next {
	background: url("/h_htms_files/backgrounds/index-next.png") no-repeat; transition:0.4s; top: 50%; width: 27px; height: 52px; right: 32px; margin-top: 20px; position: absolute; cursor: pointer; opacity: 0.3; -webkit-transition: all 0.4s;
}
.index-banner .is-button-next:hover {
	opacity: 1;
}
.index-banner .is-button-prev {
	background: url("/h_htms_files/backgrounds/index-prev.png") no-repeat; transition:0.4s; left: 32px; top: 50%; width: 27px; height: 52px; margin-top: 20px; position: absolute; cursor: pointer; opacity: 0.3; -webkit-transition: all 0.4s;
}
.index-banner .is-button-prev:hover {
	opacity: 1;
}
.index-banner .pagination {
	width: 100%; text-align: center; bottom: 80px; position: absolute; z-index: 20;
}
.index-banner .swiper-pagination-switch {
	background: none; margin: 0px 5px; border-radius: 100%; border: 2px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; display: inline-block; cursor: pointer; opacity: 1;
}
.index-banner .swiper-active-switch {
	background: rgb(255, 255, 255);
}
.index-service {
	background: rgb(255, 255, 255); padding-bottom: -60px; margin-top: -60px;margin-bottom: -60px;
}
.index-service .wrap {
	transition:0.8s; position: relative; z-index: 11; opacity: 0; transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all 0.8s ease;
}
.index-service .wrap.animate {
	opacity: 1; transform: none; -webkit-transform: none;
}
.index-service-box {
	width: 360px; overflow: hidden; margin-left: 30px; float: left; position: relative;
}
.index-service-content :first-child.index-service-box {
	margin-left: 0px;
}
.isb-title {
	padding: 0px 10px; transition:0.4s; height: 60px; text-align: center; line-height: 60px; background-color: rgb(255, 255, 255); -webkit-transition: all 0.4s ease;
}
.isb-title h3 {
	transition:0.4s; text-align: center; color: rgb(43, 98, 169); line-height: 22px; font-size: 20px; font-weight: normal; vertical-align: middle; display: inline-block; -webkit-transition: all 0.4s ease;
}
.isb-title h3 span {
	font-weight: bold;
}
.index-service-box:hover .isb-title {
	background-color: rgb(29, 80, 162);
}
.index-service-box:hover .isb-title h3 {
	color: white;
}
.isb-img {
	overflow: hidden; position: relative;
}
.isb-img img {
	transition:0.4s; width: 100%; -webkit-transition: all 0.4s ease;
}
.isb-dark {
	background: black; transition:0.4s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2; opacity: 0.4; -webkit-transition: all 0.4s ease;
}
.index-service-box:hover .isb-img img {
	transform: scale(1.1); -webkit-transform: scale(1.1);
}
.index-service-box:hover .isb-dark {
	opacity: 0;
}
.footer-content {
	padding-top: 46px; padding-bottom: 42px; border-top-color: rgb(230, 230, 230); border-top-width: 1px; border-top-style: solid; background-color: rgb(253, 253, 253);
}
.footer-left {
	width:340px; float: left;
}
.footer-list {
	width: max-800px; padding-bottom: 22px; border-left-color: rgb(99, 101, 107); border-left-width: 1px; border-left-style: solid; float: left; min-height: 114px; box-sizing: border-box;
}
.footer-left :nth-child(4).footer-list {
	padding-bottom: 0px;
}
.footer-left :nth-child(5).footer-list {
	padding-bottom: 0px;
}
.footer-left :nth-child(6).footer-list {
	padding-bottom: 0px;
}
.footer-list h4 {
	color: white; line-height: 20px; padding-bottom: 4px; padding-left: 20px; font-size: 14px; opacity: 0.7;
}
.footer-list p {
	height: 22px; line-height: 22px; padding-left: 20px;
}
.footer-list p a {
	width: 90%; color: white; overflow: hidden; font-size: 12px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; opacity: 0.7;
}
.footer-list p a:hover {
	text-decoration: underline; opacity: 1;
}
.footer-mid {
	display: flex;
}
.footer-mid p {
	color: rgb(102, 102, 102); line-height: 34px; opacity: 0.7;
}
.footer-mid p a {
	color: rgb(102, 102, 102);
}
.footer-mid p a:hover {
	text-decoration: underline;
}
.footer-code {
	float: right;
}
.footer-code p {
	text-align: center; color: white; margin-top: 12px; opacity: 0.7;
}
.item-left {
	width: 60%; float: left;
}
.item-right {
	width: 30%; float: right;
}
.right-cirlce {
	background: rgb(255, 255, 255); border-radius: 30px; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;
}
.bc_div {
	margin: 0px auto;max-width: 1140px; height: 330px; padding-left: 15px;
}
.bc_label {
	background: url("/h_htms_files/databg1.png") no-repeat; border-radius: 20px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 220px; height: 300px; margin-right: 80px; float: left; box-shadow: 0px 3px 13px 0px rgba(100,100,100,0.2);
}
:nth-child(2).bc_label {
	background: url("/h_htms_files/databg2.png") no-repeat;
}
.bc_label p {
	color: rgb(255, 255, 255); font-size: 20px;
}
:nth-child(3).bc_label {
	background: url("/h_htms_files/databg3.png") no-repeat;
}
:nth-child(4).bc_label {
	background: url("/h_htms_files/databg4.png") no-repeat; margin-right: 0px;
}
.bc_label h3 {
	width: 220px; text-align: center; color: rgb(0, 130, 190); font-size: 22px; margin-top: 230px;
}
.bc_label img {
	width: 70px; margin-top: -30px;
}
.sub_num {
	color: rgb(85, 85, 85); font-size: 16px; font-weight: normal;
}
.subTitle1 p {
	height: 32px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 0px; border-bottom-style: solid; display: flex; justify-content: center; align-items: center;
}
.subTitle2 p {
	height: 32px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 0px; border-bottom-style: solid; display: flex; justify-content: center; align-items: center;
}
.subTitle3 p {
	height: 32px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 0px; border-bottom-style: solid; display: flex; justify-content: center; align-items: center;
}
.subTitle1 a {
	color: rgb(102, 102, 102);
}
.subTitle2 a {
	color: rgb(102, 102, 102);
}
.subTitle3 a {
	color: rgb(102, 102, 102);
}
.topTitle {
	height: 22px;
}