/*
* @Author: Sun Jijing
* @Date:   2024-07-03 16:27:56
* @Last Modified by: Sun Jijing
* @Last Modified time: 2024-07-15 11:12:47
*/
* { margin: 0; padding: 0; font-family: "微软雅黑"; }
a { text-decoration: none; }
ul, li { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0em; line-height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; }
body { background: #fff; }
.pubcon { width: 1200px; margin: 0 auto; }

/* banner */
.zt_banner img { display: block; width: 100%; }

/* 内容 */
.life_server { margin: 50px 0 30px; }
.life_server_hd { text-align: center; }
.life_server_hd a { display: inline-block; width: 230px; height: 58px; line-height: 58px; border-radius: 30px; border: solid 2px #1c65f4; font-size: 24px; text-align: center; color: #666; margin: 0 15px; }
.life_server_hd a.on { background: #1c65f4; font-weight: bold; color: #fff; }
.life_server_bd { margin-top: 70px; }

.sub_life_hd { display: flex; justify-content: space-evenly; border-bottom: 1px solid rgba(28,101,244,.1); ,bottom: 25px; }
.sub_life_hd li { text-align: center; position: relative; }
.sub_life_hd li::after { content: ''; display: block; width: 42px; height: 5px; background: #1c65f4; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: none; }
.sub_life_hd li .icon { display: block; margin: 0 auto; width: 60px; height: 60px; border-radius: 4px; background: #f6faff; text-align: center; margin-bottom: 20px; }
.sub_life_hd li .icon img { width: 36px; display: inline-block; margin-top: 12px; }
.sub_life_hd li p { font-size: 18px; color: #676767; margin-bottom: 20px; }
.sub_life_hd li.on::after { display: block; }

.sub_list_bd { margin-top: 25px; }
.sub_item { overflow: hidden; display: none; }
.sub_server_list li { width: 30%; float: left; margin: 1% 10%; float: left; background: linear-gradient(to right, #b3e2fb,#daf0fd); border-radius: 8px; }
.sub_server_list li a { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; border-radius: 8px; white-space: nowrap; color: #333; text-align: center; padding: 0 20px; height: 40px; line-height: 40px; border: 1px solid transparent; }
.sub_server_list li:nth-child(4n) { transform: translateX(10%); }
.sub_server_list li:nth-child(4n+1) { transform: translateX(0%); }
.sub_server_list li:nth-child(4n+2) { transform: translateX(-25%); }
.sub_server_list li:nth-child(4n+3) { transform: translateX(15%); }
.sub_server_list li:hover a { color: #1c65f4; border: 1px solid #1c65f4; font-weight: bold; }

.bsHot .tit { text-align: center; margin-bottom: 40px; }
.bsHot_con { overflow: hidden; }
.bsHot_list { width: 110%; }
.bsHot_list li { width: 380px; height: 60px; text-align: center; line-height: 60px; background: #f9fbff; border-radius: 10px; float: left; margin-right: 30px; margin-bottom: 25px; }
.bsHot_list li a { display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bsHot_list li:hover a { color: #1c65f4; }

@media screen and (max-width: 1200px) {
	.pubcon { width: 92%; }

	.life_server { margin-bottom: 50px; }
	.life_server_hd a { font-size: 20px; height: 50px; line-height: 50px; }
	.life_server_bd { margin-top: 40px; }

	.bsHot_list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.bsHot_list li { width: 48%; margin-right: 0; height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1025px) {
	.sub_life_hd { justify-content: space-between; }
}
@media screen and (max-width: 769px) {
	.life_server_hd { display: flex; justify-content: space-between; }
	.life_server_hd a { font-size: 16px; line-height: 36px; height: 36px; }
	.sub_life_hd li { width: 25%; margin-bottom: 10px; }
	.sub_life_hd { flex-wrap: wrap; justify-content: flex-start; }
	.sub_life_hd li .icon { width: auto; height: auto; background: none; margin-bottom: 0px; }
	.sub_life_hd li .icon img { width: 28px; margin-top: 0; }
	.sub_life_hd li p { font-size: 16px; margin-bottom: 10px; }

	.life_server { margin-bottom: 30px; }
	.life_server_bd { margin-top: 20px; }
	.sub_list_bd { margin-top: 10px; }
	.sub_server_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
	.sub_item li { transform: none !important; width: 48%; margin: 0; margin-bottom: 2%; }
	.sub_item li a { font-size: 14px; height: 34px; line-height: 34px; }

	.bsHot .tit { margin-bottom: 20px; }
	.bsHot_list li { height: 34px; line-height: 34px; margin-bottom: 2%; }
	.bsHot_list li a { font-size: 14px; }
}
@media screen and (max-width: 461px) {
	.life_server_hd a { margin: 0 5px; }
}