ul, ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol li {
	line-height: 200%;
	
}

a {
	color: #6d6d6d;
}

img {
	max-width: 100%;
}

p {
	margin: 0;
}

.fit {
	object-fit: cover;
    font-family: 'object-fit: cover;';
}

.opacity {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.swiper-container {
	text-align: center;
}

.btn-xl {
	font-size: 24px;
	padding: 5px 90px;
	background-color: #008cbd;
	color: #fff;
}

.lineheight200 {
	line-height: 200%;
	text-indent: 2em;
	text-align: left;
}

#index1 {
	background: url(/uploads/image/htspaimages/bg_index1.jpg) top center no-repeat;
	text-align: center;
	height: 830px;
	margin-top: 100px;
}

#index1 .tab .am-u-sm-4 {
	height: 256px;
}

#index1 span {
	font-size: 50px;
}

#index1 .am-bg-blue div, #index1 .am-bg-blue span {
	color: #fff;
}

#index1 .white {
	color: #fff;
	background-color: #008cbd;
	height: 270px;
}

#index_product, #index_cases, #index_about, #index_news {
	padding: 80px 0;
	background-color: #fafafa;
	text-align: center;
}

#index_product .am-fl {
	width: 215px;
	height: 550px;
	background-color: #008cbd;
	color: #fff;
}

#index_product .am-fl li {
	padding: 28px 0 10px 0;
}

#index_product .am-fl li.active {
	background-color: #0077a1;
}
/*
#index_product .am-fl li.active [class^="icon-"] {
	color: #008cbd;
	border: solid 1px #008cbd;
}*/

#index_product .am-fl li span {
	font-size: 30px;
}

#index_product .am-fr {
	width: 970px;
	height: 550px;
	padding: 50px;
	text-align: left;
	background: url(/uploads/image/htspaimages/bg_index_product.jpg);
}

#index_product .am-fr img {
	border-radius: 20px;
}

#index_product [class^="icon-"] {
	border: solid 1px #adadad;
	border-radius: 50%;
	padding: 10px;
	font-size: 60px;
	margin-bottom: 20px;
	color: #adadad;
}

/*#index_product [class^="icon-"]:hover {
	color: #008cbd;
	border: solid 1px #008cbd;
}
*/
#index_product a:hover .am-padding-top {
	color: #008cbd;
}

#index_cases {
	background: url(/uploads/image/htspaimages/bg_index1.jpg) top center no-repeat;
}

#index_cases .am-u-sm-4 {
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	background-color: #fafafa;
	border: solid 1px #fff; 
	color: #6e6e6e;
	display: flex;
	justify-content: center
}

#index_cases .am-u-sm-4 span {
	font-size: 50px;
	line-height: 70px;
	margin-right: 10px;
}

#index_about img {
	width: 100%;
}

#index_about .am-fl {
	width: 530px;
}

#index_about .am-fr {
	width: 620px;
}

#index_news img.fit {
	width: 392px;
	height: 210px;
}

#index_link {
	border-top: solid 1px #aaa;
	height: 90px;
	line-height: 90px;
	text-align: center;
}

#index_link a {
	margin-right: 15px;
}

#fixbar {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 9999;
}

#fixbar li {
	position: relative;
}

#fixbar li div img {
	height: 50px;
}

#fixbar li p {
	display: none;
	position: absolute;
    top: 0;
    right: 50px;
    /* width: 100px; */
    margin: 0;
    background-color: #fff;
    border: solid 1px #eee;
    padding: 10px;
    font-size: 18px;
    white-space: nowrap;
}

#fixbar li:nth-child(1), #fixbar li:nth-child(2) {
	border: none;
}

#fixbar li:nth-child(6) {
	background-color: #fff;
	line-height: 100%;
	padding: 10px 0;
}

#footer {
	color: #fff;
	background-color: #31313a;
	text-align: center;
	line-height: 70px;
}

#footer1 {
	background-color: #3e3e4a;
	color: #fff;
	line-height: 180%;
}

#footer1 a {
	color: #fff;
	font-size: 12px;
}

.nav {
	padding: 20px 0;
}
.nav li a, #subnav li a {
	margin: 10px;
	padding: 10px;
	display: block;
	border: solid 1px #ccc;
}

.bg1 {
	background: url(/uploads/image/htspaimages/bg1.jpg) top center no-repeat #0d4a81;;
	padding: 100px 0 50px 0;
}

#product {
	padding: 0;
}

#product .am-fl {
	width: 280px;
	padding-right: 40px;
}

#product .am-fl img {
	width: 30px;
	height: 30px;
}
/*
#product .am-fl .active {
	padding-left: 20px;
	background: url(/uploads/image/htspaimages/icon1.jpg) 5px 13px no-repeat !important;
}*/

#product .am-fl li {
	font-size: 2rem;
}

#product .am-fl li.sub {
	padding-left: 38px;
	font-size: 1.6rem;
	/*background: url(/uploads/image/htspaimages/icon2.jpg) 5px 13px no-repeat;*/
}

#product .am-fl li.sub a {
	display: block;
	width: 200px;
	border: solid 1px #008cbd;
	padding: 5px 15px;
}

#product .am-fr {
	border-left: solid 1px #ccc;
	width: 920px;
	padding: 0 30px;
}

#product .am-fr img {
	width: 100%;
}

#cases_list .items {
	background-color: #f7f7f7;
	margin-bottom: 55px;
	/*height: 255px;*/
	overflow: hidden;
}

#cases_list .am-fl {
	width: 376px;
}

#cases_list .am-fr {
	width: 655px;
	color: #666;
	line-height: 35px;
	margin-right: 80px;
}

#cases_list .am-fr h2 {
	height: 70px;
	line-height: 70px;
	border-bottom: solid 1px #e3e3e3;
}

#cases_list .am-fr p {
	margin: 0;
}

#news_list .am-fl {
	width: 775px;
	overflow: hidden;
}

#news_list .am-fl img.fit {
	width: 775px;
	height: 400px;
}

#news_list .am-fr {
	width: 355px;
}

#news_list .items {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: solid 1px #ccc;
}

#news_list .items .date {
	float: left;
	width: 67px;
	text-align: center;
	line-height: 180%;
	border: solid 1px #ccc;
}

#news_list .items .desc {
	float: right;
	width: 690px;
}

.news_search {
	width: 288px;
	height: 55px;
	line-height: 55px;
	text-indent: 1em;
	border: solid 1px #ccc;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#hot_news .items img {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 30px;
}