.main {
}
.header {
	width:1200px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.logo-text {
	display: flex;
	flex-direction: row;
	align-items: center
}
.shuxian {
	display: inline-block;
	width: 2px;
	height: 16px;
	background: #00479d;
	margin: 0px 10px;
	color: #00479d;
}
.logo-text-main {
	font-size: 32px;
	color: #ff6e02;
	font-weight: 600;
}
.logo-text-sub {
	font-size: 16px;
	color: #00479d;
}
.logo-opt .logo-opt-go {
	color: #444;
}
.logo-opt .logo-opt-go:hover {
	color: #ff6e02 ;
}
.main_content {
	width: 1200px;
	margin: 0 auto;
}
.banner_container {
	position: relative;
	width: 100%;
	  /* 核心：填充图作为背景，水平重复（repeat-x），垂直对齐主图顶部 */
	  background: url(/img/repeat_bg.jpg) repeat-x center top;
	  /* 让容器高度由主图决定，避免填充图高度溢出/不足 */
	  overflow: hidden;
	  /* 可选：若填充图高度与主图不一致，强制背景高度匹配主图（根据实际调整） */
	  background-size: auto 100%; 
}
.content_5 {
	width: 100%;
	position: absolute;
	bottom: 5%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
  .main-image {
      display: block; /* 消除img默认inline的底部空白 */
      width: 1200px; /* 固定宽度 */
      margin: 0 auto; /* 水平居中 */
      height: auto; /* 保持主图原始宽高比，同时带动外层容器高度 */
    }
 @media (max-width: 1200px) {
      .banner_container {
        width: 1200px; /* 保持固定宽度 */
      }
    }
.banner_wrap {
	position: absolute;
	bottom: 30%;
	width: 100%;
	background-color: rgb(255,255,255,0.7);;
}
.banner {
	text-align: center;
	font-family: FZDHTK--GBK1-0;
	font-size: 60px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ff8600;
	box-shadow: 4px 7px 10px 0px 
		rgba(6, 0, 1, 0.5);
}
.content_1 {
	    padding: 50px 20px 20px 20px;
	background-image: linear-gradient(
			rgba(208, 208, 208, 0.35), 
			rgba(208, 208, 208, 0.35)), 
		linear-gradient(
			#ffffff, 
			#ffffff);
		background-blend-mode: normal, 
			normal;
		border: solid 1px #dcd8d8;
}
.content_1_h {
	font-family: MicrosoftYaHei;
	font-size: 25px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #1276f2;
	padding-bottom: 30px;
}
.content_1_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}
.content_1_wrap_content {
	width: 635px;
		font-family: MicrosoftYaHei;
		font-size: 17px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 29px;
		letter-spacing: 0px;
		color: #38393b;
}
.content_1_wrap_content p {
	text-indent: 2em;
}
.content_1_wrap_img {
	width: 441px;
		height: 247px;
}
.content_1_wrap_img image{
	width: 441px;
	height: 247px;
}
.content_1_f {
	margin: 0 auto;
	width: 1125px;
	background-color: #b5b5b5;
	border-radius: 20px;
	border: solid 3px #ffffff;
}
.content_1_f p{
	margin: 0 auto;
	text-indent: 2em;
	width: 1054px;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;
}
.content_2 {
	background-image: linear-gradient(rgba(208, 208, 208, 0.35), rgba(208, 208, 208, 0.35)), linear-gradient(#ffffff, #ffffff);;
}
.content_2_h {
	font-family: FZDHTJW--GB1-0;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	text-align: center;
	padding-top: 83px;
}
.content_2_h .color_1 {
	color: #f2890d;
}
.content_2_h .color_2 {
	color: #054178;
}
.content_2_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0px 20px;
}
.content_2_wrap_content {
	padding: 25px 17px 0px 17px;
	background-color: #fff;
	width: 350px;
	box-sizing: border-box;
}
.content_2_wrap_content_inner {
	background-color: #fff;
}
.content_2_wrap_img {
	width: 301px;
	height: 178px;
	margin-bottom: 7px;
}
.content_2_wrap_img img{
	width: 301px;
	height: 178px;
}
.content_2_wrap_f_title {
	font-family: MicrosoftYaHei;
		font-size: 22px;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #448ff1;
}
.content_2_wrap_f_content {
	font-family: MicrosoftYaHei;
		font-size: 17px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 29px;
		letter-spacing: 0px;
		color: #448ff1;
}
/*  */
.content_3_h {
	font-family: FZDHTJW--GB1-0;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	text-align: center;
	padding-top: 83px;
}
.content_3_h .color_1 {
	color: #f2890d;
}
.content_3_h .color_2 {
	color: #054178;
}
.content_3_wrap_inner_1 {
	margin-top: 32px;
}
.content_3_wrap_inner_title {
	font-family: MicrosoftYaHei;
		font-size: 22px;
		font-weight: bold;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #ffffff;
		
		width: 246px;
		height: 43px;
		background-color: #00479d;
			
		border-radius: 15px;
		line-height: 43px;
		text-align: center;
}
.content_3_wrap_inner_content {
	margin-top: 13px;
		font-family: MicrosoftYaHei;
		font-size: 17px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 29px;
		letter-spacing: 0px;
		color: #5f6061;
}
.content_3_wrap_inner_2 {
	width: 1000px;
	margin: 47px auto 0px;
}
.content_3_wrap_inner_2 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.content_3_wrap_inner_2_content {
	width: 210px;
	height: 55px;
	background-image: linear-gradient(0deg, 
		#00479d 0%, 
		#67a7f4 100%), 
	linear-gradient(
		#00479d, 
		#00479d);
	background-blend-mode: normal, 
		normal;
	
	text-align: center;
	line-height: 55px;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	border-radius: 30px;
	
	margin-bottom: 24px;
}
.content_4 {
	padding-bottom: 62px;
}
.content_4_opt {
	margin-top: 51px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.content_4_opt .user_opt {
	width: 306px;
	background-image: linear-gradient(0deg, 
		#ff6e02 50%, 
		#ffb701 75%, 
		#ffff00 100%), 
	linear-gradient(
		#00479d, 
		#00479d);
	background-blend-mode: normal, 
		normal;
	box-shadow: 6px 10px 6px 0px 
		rgba(6, 0, 1, 0.6);
	
		font-family: YouYuan;
		font-size: 32px;
		font-weight: bold;
		font-stretch: normal;
		line-height: 292px;
		letter-spacing: 0px;
		color: #ffffff;
		line-height: 70px;
		text-align: center;
		height: 70px;
		border-radius: 30px;
		
		display: flex;
		    flex-direction: row;
		    justify-content: center;
		    align-items: center;
}
.content_4_opt .user_opt img {

	margin-right: 34px;
}
.zx {
	width: 48px;
	height: 35px;
}
.tj {
	width: 31px;
	height: 36px;
}
a {
	text-decoration: none;
}
.opt_wrap {
	color: #fff;
}


/* 全局样式重置 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
}


/* 遮罩层样式 */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none; /* 默认隐藏 */
	backdrop-filter: blur(2px); /* 模糊背景，增强层次感 */
}

/* 弹窗容器样式 */
.modal-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 400px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	display: none; /* 默认隐藏 */
	overflow: hidden;
}

/* 弹窗头部 */
.modal-header {
	padding: 16px 20px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modal-title {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}
.close-modal-btn {
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 20px;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.3s;
}
.close-modal-btn:hover {
	color: #ff4949;
}

/* 弹窗表单区域 */
.modal-body {
	padding: 20px;
}
.form-item {
	margin-bottom: 16px;
}
.form-label {
	display: block;
	margin-bottom: 6px;
	font-size: 16px;
	color: #333;
}
.form-input {
	width: 100%;
	padding: 12px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	color: #333;
	transition: border-color 0.3s;
	outline: none;
}
.form-input:focus {
	border-color: #409eff;
	box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
/* 错误提示样式 */
.error-tip {
	color: #ff4949;
	font-size: 12px;
	margin-top: 4px;
	display: none;
}

/* 提交按钮 */
.submit-btn {
	width: 100%;
	padding: 12px;
	background-color: #409eff;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.submit-btn:hover {
	background-color: #66b1ff;
}
.submit-btn:disabled {
	background-color: #b3d8ff;
	cursor: not-allowed;
}

 .service-body {
	padding: 24px 20px;
	text-align: center; /* 内容居中 */
}

/* 二维码容器 */
.qrcode-container {
	width: 200px;
	height: 200px;
	margin: 0 auto 20px; /* 居中+底部间距 */
	border: 1px solid #eee;
	padding: 8px;
	border-radius: 4px;
}
.qrcode-img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保证二维码不变形 */
	/* 占位图，替换为真实二维码地址 */
	background: url('https://via.placeholder.com/200x200?text=客服微信二维码') no-repeat center;
	background-size: 100%;
}

/* 二维码说明文字 */
.qrcode-tip {
	font-size: 14px;
	color: #666;
	margin-bottom: 24px;
}

/* 联系方式区域 */
.contact-list {
	text-align: left; /* 左对齐更易读 */
	border-top: 1px solid #eee;
	padding-top: 20px;
}
.contact-item {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	font-size: 15px;
	color: #333;
}
.contact-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	/* 简易图标替代（可替换为font-awesome图标） */
	background-color: #409eff;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-value {
	color: #409eff;
	font-weight: 500;
	margin-right: 10px;
}

/* 底部提示 */
.service-tip {
	margin-top: 16px;
	font-size: 12px;
	color: #999;
	line-height: 1.5;
}
		
/* 全局样式重置（与之前保持一致） */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
}



/* 遮罩层样式（完全复用） */
.service-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
	backdrop-filter: blur(2px);
}
		
/* 弹窗容器样式（复用基础样式，微调适配内容） */
.service-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 390px; /* 适配二维码宽度，略缩小 */
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	z-index: 1000;
	display: none;
	overflow: hidden;
}
 .service-header {
	padding: 16px 20px;
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.service-title {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}
 .close-service-btn {
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	font-size: 20px;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.3s;
}
.close-service-btn:hover {
	color: #ff4949;
}
.content_6 {
	font-family: MicrosoftYaHei;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #5f6061;
	text-align: right;
}
.logo-opt-login {
	margin-left: 20px;
	color: #2d8cf0;
	border: 1px solid #2d8cf0;
	padding: 5px 10px;
	border-radius: 5px;
}
.logo-opt-login a {
	color: #2d8cf0;
}
.shuxian_1 {
	display: inline-block;
	width: 2px;
	height: 14px;
	background: #2d8cf0;
	margin: 0px 10px;
	color: #2d8cf0;
	vertical-align: middle;
}