/*welceome栏-开始 P001 */
.hd_box{width:1100px;}
.hd{width:100%; height:50px; z-index:1000;}
.hd01,.hd02, .hd03{width:27%; height:50px; line-height:50px;}
.hd04{width:19%; height:50px; line-height:50px;}
#hd001,#hd002,#hd003{height:50px; font-weight: 500;}
#hd003 img, #hd004 img{width:30px;height:30px; margin-top: 8px;}
#hd004{height:50px;}
.hd04 div{width:25%; float:left;}
.hd04 div img{height:25px;width:25px; margin-top:8px;}

/*Menu栏开始 P002*/
.menuLine{width:100%; margin:5px auto; border-top:solid 1px lightgrey;}
.menuOBox{width:100%; height:50px; background:#f3f3f3; z-index:9999;
position: -webkit-sticky; position: -ms-sticky; position: -o-sticky;
position: sticky; left:0; top: 0;}
.menu_box{width:1200px; height:50px; margin:0 auto;}
.menu_inBox1{width:10%; height:70px;}
.menu_inBox1 img{width:150px;}
.menu_inBox2{width:60%; height:70px;}
.menu_inBox2 ul li{width:16.6%; text-align:center; font-size:14px; font-weight:600; margin-top:25px;}
.hoverA a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.hoverA a::after{
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background-color: rgb(3,149,211);
	transition: width 0.35s ease;
}
.hoverA a:hover::after{
	width: 100%;
}
.menu_inBox3{width:12%; height:40px; text-align:center;
line-height:40px; border-radius:10px; background-color:rgb(3,149,211);}
.menu_inBox3 a{color:whitesmoke; font-size:16px; font-weight:600;}

/* 汉堡按钮 - 桌面端隐藏 */
.hamburger{
	display: none;
}

/* ============================================
   响应式 - 中等屏幕 (max-width: 1199px)
   ============================================ */
@media (max-width: 1199px) {
  .hd_box{ width:100%; margin:0 auto; }
  .hd{ display:flex; flex-wrap:wrap; justify-content:center; }
  .menu_box{ width:100%; margin:0 auto; }
}

/* ============================================
   响应式 - 平板+手机端 (max-width: 768px)
   ============================================ */
@media (max-width: 768px) {

  /* Welcome栏：隐藏欢迎文字和社交图标，只保留电话和邮件 */
  .hd_box{ width:100%; }
  .hd{ display:flex; flex-wrap:wrap; justify-content:center; }
  .hd01{ display:none; }
  .hd04{ display:none; }
  .hd02, .hd03{ width:50%; font-size:12px; text-align:center; }

  /* Menu栏容器 */
  .menuOBox{ height:auto; }
  .menu_box{
    width:100%;
    height:50px;
    padding: 0 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Logo */
  .menu_inBox1{ width:auto; height:50px; }
  .menu_inBox1 img{ width:110px; }

  /* 隐藏桌面端导航链接和GET A QUOTE按钮 */
  .menu_inBox2{ display:none; }
  .menu_inBox3{ display:none; }

  /* 汉堡按钮显示 */
  .hamburger{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    margin: 0;
  }
  .hamburger span{
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
  }
  /* 汉堡 → X 动画 */
  .hamburger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
  .hamburger.is-open span:nth-child(2){ opacity: 0; }
  .hamburger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

  /* 移动端下拉导航菜单 */
  #navMenu{
    display: none !important;
    flex-direction: column;
    position: fixed;
    top: 100px;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    background: #f3f3f3;
    border-top: 1px solid #ddd;
    box-shadow: 0 6px 16px rgba(0,0,0,0.10);
    z-index: 99999;
    padding: 8px 0 16px;
  }
  #navMenu.nav-open{
    display: flex !important;
  }
  #navMenu li{
    width: 100%;
    float: none;
    text-align: left;
    margin: 0;
  }
  #navMenu li a{
    display: block;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    border-left: 3px solid transparent;
    transition: background 0.2s, border-color 0.2s;
  }
  #navMenu li a:hover{
    background: #e8f0fe;
    border-left-color: #007cfb;
    color: #007cfb;
  }
  /* 移动端菜单里的下划线动画关掉 */
  #navMenu .hoverA a::after{ display:none; }

  /* 移动端菜单底部加一个GET A QUOTE */
  #navMenu::after{
    content: 'GET A QUOTE';
    display: block;
    width: calc(100% - 48px);
    margin: 12px 24px 0;
    padding: 10px 0;
    text-align: center;
    background-color: #007cfb;
    color: white;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
  }
}

/* ============================================
   响应式 - 小手机 (max-width: 430px)
   ============================================ */
@media (max-width: 430px) {
  .hd02, .hd03{ width:100%; justify-content:center; display:flex; align-items:center; gap:6px; }
}


/* ============================================
   页尾栏 P008 - 原样复制
   ============================================ */
.footer_box{ width:100%; }
.footer{ width:1100px; height:80px; }
.footer_text{ width:80%; line-height:30px; font-size:16px; padding-top:25px; text-align:center; }
.footerD{ padding-top:30px; width:1100px; height:150px; }
.footerImgBox{ width:260px; margin-top:10px; }
.footerImgBox img{ width:260px; }
.footerTxtBox{ width:700px; margin-top:-10px; margin-left:100px; line-height:18px; font-size:14px; }
.footerP{ width:1100px; height:30px; }
.footerP a{ font-weight:600; }
.footerC{ width:1100px; height:30px; }

/* 版权年份JS */
.data_year{}

/* ============================================
   页尾 - 移动端适配
   ============================================ */
@media (max-width: 1199px) {
  .footer{ width:90%; margin-left:auto; margin-right:auto; }
  .footerD{ width:90%; height:auto; margin-left:auto; margin-right:auto; }
  .footerP{ width:90%; margin-left:auto; margin-right:auto; }
  .footerC{ width:90%; margin-left:auto; margin-right:auto; text-align:center; }
}

@media (max-width: 768px) {
  .footer{ width:90%; height:auto; }
  .footer_text{ width:100%; font-size:13px; padding-top:10px; }
  .footerD{ width:90%; height:auto; padding-top:20px; flex-direction:column; align-items:center; }
  .footerImgBox{ width:180px; margin:0 auto; }
  .footerImgBox img{ width:180px; }
  .footerTxtBox{ width:100%; margin:10px auto; margin-left:auto; font-size:13px; line-height:20px; text-align:center; }
  .footerP{ width:90%; height:auto; flex-wrap:wrap; font-size:13px; margin-bottom:15px; justify-content:center; text-align:center; }
  .footerC{ width:90%; height:auto; font-size:12px; text-align:center; }
}

@media (max-width: 430px) {
  .footerImgBox{ width:160px; }
  .footerImgBox img{ width:160px; }
  .footerTxtBox{ font-size:12px; }
  .footerP{ font-size:12px; }
  .footerC p{ font-size:11px; line-height:18px; }
}


/* ============================================
   Let's Talk栏
   ============================================ */
.talkBox {
	width: 100%;
	background: #f3f3f3;
	padding: 60px 0;
}

.talkInner {
	width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 60px;
}

/* 圆形头像 */
.talkImgBox {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: #dddddd;
	display: flex;
	align-items: center;
	justify-content: center;
}

.talkImgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 文字区 */
.talkContent {
	flex: 1;
}

.talkTitle {
	font-size: 32px;
	font-weight: 800;
	color: #1a1a1a;
	margin-bottom: 16px;
	margin-left: 0;
	margin-right: 0;
}

.talkText {
	font-size: 15px;
	color: #555555;
	line-height: 1.7;
	margin-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
}

/* GET IN TOUCH 按钮 */
.talkBtn {
	display: inline-block;
	margin-top: 12px;
	padding: 14px 32px;
	background: rgb(3,149,211);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s ease;
	margin-left: 0;
}

.talkBtn:hover {
	background: rgb(2,120,170);
	color: #ffffff;
}

/* ============================================
   Let's Talk - 移动端适配
   ============================================ */
@media (max-width: 900px) {
	.talkInner { width: 100%; padding: 0 32px; }
}

@media (max-width: 768px) {
	.talkBox { padding: 40px 0; }
	.talkInner {
		width: 100%;
		padding: 0 24px;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 24px;
	}
	.talkImgBox {
		width: 140px;
		height: 140px;
		margin: 0 auto;
	}
	.talkContent {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.talkTitle {
		font-size: 26px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.talkText {
		font-size: 14px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	.talkBtn {
		display: inline-block;
		text-align: center;
		margin: 12px auto 0;
		padding: 10px 24px;
		width: auto;
	}
}

@media (max-width: 430px) {
	.talkImgBox { width: 110px; height: 110px; }
	.talkTitle { font-size: 22px; }
	.talkText { font-size: 13px; }
	.talkBtn { font-size: 13px; padding: 12px 24px; }
}

@media (max-width: 430px) {
	.talkImgBox { width: 120px; height: 120px; }
	.talkTitle { font-size: 22px; }
}


/* ============================================
   Ready / Let's Get Started栏 (全站共用)
   ============================================ */
.readyBox {
	width: 100%;
	background: #f3f3f3;
	padding: 70px 0 80px;
}

.readyInner {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.readyTitle {
	font-size: 34px;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom: 18px;
}

.readySub {
	font-size: 16px;
	color: #555555;
	line-height: 1.7;
	max-width: 580px;
	margin-bottom: 36px;
}

.readyBtns {
	display: flex;
	align-items: center;
	gap: 16px;
}

.readyBtn1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgb(3,149,211);
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 36px;
	border-radius: 999px;
	text-decoration: none;
	transition: background 0.2s ease;
}

.readyBtn1:hover { background: rgb(2,120,170); color: #ffffff; }

.readyBtn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #333333;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 36px;
	border-radius: 999px;
	border: 1px solid #dddddd;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.readyBtn2:hover { background: #f0f0f0; border-color: #bbbbbb; color: #333333; }

@media (max-width: 1199px) {
	.readyInner { width: 100%; padding: 0 32px; }
}

@media (max-width: 768px) {
	.readyBox { padding: 50px 0 60px; }
	.readyInner { padding: 0 20px; }
	.readyTitle { font-size: 26px; }
	.readySub { font-size: 14px; }
	.readyBtns { flex-wrap: wrap; justify-content: center; gap: 12px; }
	.readyBtn1, .readyBtn2 { font-size: 14px; padding: 12px 28px; width: auto; }
}

@media (max-width: 430px) {
	.readyTitle { font-size: 22px; }
	.readyBtns { flex-direction: column; width: auto; align-items: center; }
	.readyBtn1, .readyBtn2 { width: auto; font-size: 14px; padding: 12px 28px; }
}

/* ============================================
   移动端菜单抽屉（Banner上方）
   ============================================ */
.mobileDrawer {
	width: 100% !important;
	background-color: #ffffff !important;
	overflow: hidden !important;
	max-height: 0 !important;
	transition: max-height 0.35s ease !important;
	border-bottom: 1px solid #dddddd !important;
	box-sizing: border-box !important;
}

.mobileDrawer.open {
	max-height: 500px !important;
}

.mobileDrawerList {
	list-style: none !important;
	padding: 8px 0 12px !important;
	margin: 0 !important;
}

.mobileDrawerList li {
	width: 100% !important;
	float: none !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mobileDrawerList li a {
	display: flex !important;
	align-items: center !important;
	padding: 15px 20px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #1a1a2e !important;
	text-decoration: none !important;
	border-bottom: 1px solid #e8e8e8 !important;
	border-left: 3px solid transparent !important;
	background-color: #ffffff !important;
	box-sizing: border-box !important;
	width: 100% !important;
	font-family: Outfit, system-ui, sans-serif !important;
	transition: border-color 0.2s, background-color 0.2s, color 0.2s !important;
	gap: 12px !important;
}

.mobileDrawerList li:last-child a {
	border-bottom: none !important;
}

.mobileDrawerList li a:hover,
.mobileDrawerList li a:active {
	background-color: #f0f8ff !important;
	border-left-color: rgb(3,149,211) !important;
	color: rgb(3,149,211) !important;
}

/* 每个菜单项的小图标 */
.mobileDrawerList li a::before {
	content: '' !important;
	display: inline-block !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background-color: rgb(3,149,211) !important;
	flex-shrink: 0 !important;
}

@media (min-width: 769px) {
	.mobileDrawer {
		display: none !important;
		max-height: 0 !important;
	}
}