/* 通用样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
	font-family: "Source_Han_Sans_SC_Normal";font-weight: 400;src: url("../css/font/Source_Han_Sans_SC_Normal.otf") format("otf");
	font-display: swap;
}
body {
	font-family: Source_Han_Sans_SC_Normal sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	background-color: #f9f9f9;
	max-width: 100%;
	overflow-x: hidden; /* 防止横向溢出 */
}

a {
    text-decoration: none;
    color: #08c;
}

img {
    max-width: 100%;
    height: auto;
}

/* 修改点2：新增固定导航条样式 */
.fixed-nav {
    position: fixed;  /* 改为fixed定位 */
    top: 0;           /* 固定在顶部 */
    left: 0;
    right: 0;
    z-index: 1000;    /* 确保导航在最上层 */
    width: 100%;
}

/* 导航栏容器 */
.new_top_header {
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.new_top_head {
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Logo 在最左侧，其他内容在最右侧 */
}

/* Logo 样式 */
.new_top_logo {
    flex: 0 0 auto; /* 不伸缩，固定宽度 */
    display: flex;
    align-items: center; /* 垂直居中 */
}

.new_top_logo img {
    height: 40px; /* 设置 Logo 高度 */
}

/* Tab 栏样式 */
.new_top_tab {
    flex: 1; /* 占据剩余空间 */
    display: flex;
    justify-content: center; /* Tab 栏居中 */
    gap: 10px; /* 缩小 Tab 项之间的间距 */
    align-items: center; /* 垂直居中 */
}

.tab-item-header {
    padding: 10px 15px; /* 适当调整内边距 */
    cursor: pointer;
    color: #5c5a5a;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.tab-item-header.active {
    color: #0562e6;
    border-bottom: 2px solid #0562e6;
}

/* 右侧内容样式 */
.new_top_login {
    flex: 0 0 auto; /* 不伸缩，固定宽度 */
    display: flex;
    align-items: center; /* 垂直居中 */
}

.new_top_login ul {
    display: flex;
    align-items: center;
    gap: 15px; /* 右侧内容之间的间距 */
}

.new_top_login ul li {
    list-style: none;
    display: flex;
    align-items: center; /* 垂直居中 */
}

.new_top_login ul li a {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666;
    transition: color 0.3s ease;
}

.new_top_login ul li a img {
    margin-right: 5px; /* 图标与文字间距 */
	height: 14px;
}

.new_top_login ul li a.register_top {
    background-color: #007de4;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 10px;
    margin-left: 10px;
    height: 25px;
	font-size: 12px;
}

.new_top_login ul li a.register_top:hover {
    background-color: #005bb5; /* 悬停时改变背景色 */
}

/* 搜索框样式 */
.search-item {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 5px 10px;
    height: 25px; /* 固定高度 */
}

.search-item input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 12px;
    margin-left: 5px;
    width: 50px; /* 搜索框宽度 */
}

.new_top_login ul li.search-item img {
    height:14px;
}

.search-item input::placeholder {
    color: #999;
}

@media (max-width: 1200px) {
    .new_top_nav {
        width: 40%; /* 调整：在小屏幕上增加导航栏宽度 */
    }

    .new_top_login {
        width: 30%; /* 调整：在小屏幕上增加登录栏宽度 */
    }
}

/* 响应式调整 */
@media (max-width: 768px) {
    .new_top_tab {
        display: none; /* 在小屏幕上隐藏 Tab 栏 */
    }

    .new_top_login {
        margin-left: auto; /* 右侧内容靠右对齐 */
    }

    .search-item input {
        width: 80px; /* 缩小搜索框宽度 */
    }
	
	.fixed-nav {
	        position: sticky; /* 移动端使用sticky定位更流畅 */
	    }
}    
  




 /* 右侧图标容器 */
.sk_right_main_postion {
	width: 4.375rem; /* 70px */
	position: fixed;
	right: 0;
	top: 70vh; /* 下移整个图标div */
	transform: translateY(-50%); /* 垂直居中 */
	display: flex;
	flex-direction: column;
	gap: 0.625rem; /* 10px */
}

/* 图标样式 */
.sk_right_main_bot {
	width: 3.125rem; /* 50px */
	height: 3.125rem; /* 50px */
	background-color: #ffffff;
	box-shadow: 0 0 0.5rem #dfdfdf; /* 8px */
	border-radius: 50%;
	transition: all 0.3s ease;
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
}

.sk_right_main_bot a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
}

.sk_right_main_bot a img {
	width: 1.875rem; /* 30px */
	height: 1.875rem; /* 30px */
}

/* 图标悬停效果 */
.sk_right_main_bot:hover {
	background: #e9ecef;
}

/* 弹出框通用样式 */
.slide-out-div {
	position: fixed;
	right: -10rem; /* 初始位置在屏幕外 */
	background: #ffffff;
	padding: 1.25rem; /* 20px */
	border-radius: 0.5rem; /* 8px */
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); /* 4px 12px */
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	min-width: 10rem; /* 160px */
	height: 3.125rem; /* 50px */
	border-left: 0.25rem solid #4dabf7; /* 4px */
	display: flex;
	align-items: center;
}

.slide-out-div img {
	width: 1.875rem; /* 30px */
	height: 1.875rem; /* 30px */
	margin-right: 0.625rem; /* 10px */
}

.slide-out-div p {
	margin: 0;
	font-size: 0.75rem; /* 12px */
	font-weight: bold;
	color: green;
}

/* 弹出框位置调整 */
.slide-out-div-customer {
	top: 50%;
}

.slide-out-div-phone {
	top: 60%;
}

.slide-out-div-wechat {
	top: 70%;
}
/*案例弹出菜单样式*/
.table-item-list{
	position: absolute;
	background-color: #ffffff;
	width: 130px;
	height: 130px;
	margin-left: -45px;
	padding: 10px 0;
	box-shadow: 0 0 8px #e7e7e7;
	border-radius: 5px;
	margin-top: 15px;
	opacity: 0;
	transition: opacity 0.1s ease;
}
.table-item-con{
	height: 36px;
	line-height: 36px;
	font-weight: normal;
}
.table-item-con:hover{
	background-color: #e7f1ff;
}
.table-item-con a{
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
}
.table-item-first{
	width: 16px;
	height: 16px;
	background: url("../images/new-tb1-1.svg") no-repeat left center;
	background-size: cover;
	display: block;
	float: left;
	margin-right: 5px;

}
.table-item-two{
	width: 16px;
	height: 16px;
	background: url("../images/new-tb2-1.svg") no-repeat left center;
	background-size: cover;
	display: block;
	float: left;
	margin-right: 5px;

}
.table-item-three{
	width: 16px;
	height: 16px;
	background: url("../images/new-tb3-1.svg") no-repeat left center;
	background-size: cover;
	display: block;
	float: left;
	margin-right: 5px;

}
.table-item-con a em{
	font-style: normal;
}
.table-item-list.active {
	display: block;
	opacity: 1;
}








/**网站底部**/
.sk_link{ width:100%; height:220px; background:#123071;}
.sk_link-con{ max-width:1400px; margin:0 auto; overflow:hidden;display: flex; justify-content: center;}
.sk_link-admi{max-width:1400px; margin: 0 auto; display: flex; justify-content: center; /* 让其在父容器中水平居中 */}
.sk_link_left{width:300px;background:#ffffff;margin: 0 auto; /* 让左侧部分在父容器中水平居中 */}
.sk_link_infor ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.sk_link_infor ul li{ 
    width:215px;
    margin-top:30px; 
    margin-bottom:20px; 
    padding-left: 20px; /* 改为内边距 */
    padding-right:30px; /* 改为内边距 */
    /*border-right: 1px solid #d7d7d73d; */
    box-sizing: border-box; /* 确保宽度包含padding */
	text-align: left;
}
.sk_link_infor ul li.iphone{ 
    width: 200px;
    border-right: 0; 
    padding-left: 20px; /* 保持一致的padding */
    padding-right:30px; /* 保持一致的padding */
}
.sk_link_infor ul h6 {
    color: #ffffff; 
    margin-bottom:10px;
    font-size:16px; 
    display:block; 
    line-height:27px; 
    height:27px; 
    font-weight: bold;
    opacity: 0.9; 
}
.sk_link_infor ul a { 
    display:block;  
    color:#ffffff; 
    font-size:14px; 
    line-height:24px; 
    margin-bottom: 5px; 
    opacity: 0.7;
    transition: all 0.3s ease; /* 添加过渡效果 */
}
.sk_link_infor ul li span { 
    font-size: 20px; 
    color:#0fa1fe; 
    margin:10px 0; 
    display: block; 
}
.sk_link_infor ul li em{ 
    color: #0fa1fe; 
    font-size: 20px; 
    font-style: normal; 
}
.sk_link-right{width:390px; float:right; margin-top: 30px; }


.sk_footer { width:100%; height:50px; background-color:#182d5b;padding-top: 10px;}
.sk_footer p { text-align:center; font-size:14px; color:#ffffff; line-height:40px;opacity: 0.8;}
.sk_footer p b, .footer p a { font-size:12px; display:inline-block;}
.sk_footer p a { line-height:24px; color:#ffffff; padding:0 10px; font-size: 14px; transition: all 0.3s ease; /* 添加过渡 */}
.sk_footer .logo_footer p{font-size:12px;color:#ffffff;}

/* 文字悬停高亮效果 */
.sk_link_infor ul a:hover {
  color: #ffffff; /* 悬停时变为亮蓝色 */
  opacity: 1; /* 完全不透明 */
  text-decoration: underline; /* 添加下划线 */
}

/* 联系电话特殊悬停效果 */
.sk_link_infor ul li.iphone span:hover,
.sk_link_infor ul li.iphone em:hover {
  color: #ffffff;
  opacity: 1;
}

.sk_footer p a:hover {
  color: #ffffff;
  text-decoration: underline;
}



/* 免费试用弹窗 */
.popup {
	 position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;;
	 background-color: #000000ad;
	 padding: 20px;
	 display: none;
	 width: 100%;
	z-index: 1000;
}
.poup-main{
	width: 500px;
	height: 650px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -250px;
	top: 50%;
	bottom: 50%;
	margin-top: -325px;
	border-radius: 10px;
}

.popup-header {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 margin-bottom: 40px;
	height: 50px;
	line-height: 50px;
	padding-top: 40px;
}

.close-popup {
	 font-size: 24px;
	 cursor: pointer;
	position: absolute;
	top: -20px;
	right: -50px;
}
.close-popup img{ height: 40px;}

.popup-header h2 {
	 font-size: 26px;
	 font-weight: 400;
	 text-align: center;
	 width: 100%;
}
.popup-content{
	width: 85%;
	margin: 0 auto;
}


.popup-content p {
	 text-align: center;
}

.popup-content form {
	 display: flex;
	 flex-direction: column;
}

.popup-content form label {
	margin-bottom: 10px;
	font-size: 15px;
}

.popup-content form input {
	 margin-bottom: 15px;
	 padding: 8px;
	 border: 1px solid #e7e7e7;
	 border-radius: 5px;
	height: 44px;
	line-height: 44px;
}

.popup-content form button {
	 background-color: #007BFF;
	 color: white;
	 border: none;
	 border-radius: 5px;
	 cursor: pointer;
	margin-top: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

/* 新增的立体效果样式 */
.count-class {
  box-shadow: 0 0 7px #00000040; /* 这里添加了box-shadow属性，实现边框阴影效果 */
  padding: 0px; /* 适当增加内边距，使内容与阴影有一定间隔 */
  border-radius: 10px; /* 增加圆角半径，使整体更圆润 */
  background-color: white; /* 设置背景颜色，与弹窗背景一致 */
  width: 80%;
  margin: 0 auto;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
}

.count-info {
  padding: 0 10px;
  display: flex; /* 将元素设置为弹性盒模型，使内部元素在同一行显示 */
  align-items: center; /* 垂直方向上居中对齐内部元素 */
  justify-content: center; /* 新增：水平方向上居中对齐内部元素，使文字和图片整体居中 */
  margin: 0 auto 10px; /* 水平居中 */
	font-size: 15px;
}

.count-num {
  color: #007BFF;
  font-weight: bold;
}

.count-info i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}

.count-info img {
  height: 16px; /* 设置图片的高度为16px，可根据实际情况调整 */
  vertical-align: middle; /* 使图片在垂直方向上与文字居中对齐 */
}

.asterisk {
  color: red; /* 将*设置为红色 */
}