/* ==================== 底部整体 ==================== */
.fotbox {position: relative;background: url('../image/dibutp.png') no-repeat center center;background-size: cover;/* color: #ccc; */}
.fotbox::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #2B2B2BF2;z-index: 1;}
.fotbox .contain {position: relative;z-index: 2;}

/* ==================== 友情链接 ==================== */
.footer-top {padding: 19px 10px 10px;border-bottom: 1px solid #FFFFFF4C;margin-bottom: 32px;}
.friend-links {display: flex;align-items: center;}
.friend-links .label {margin-right: 16px;color: #FFF;}
.friend-links a {color: #E0E0E0FF;margin-right: 16px;}
.friend-links a:hover {color: #FF7300;}

/* ==================== 导航菜单 ==================== */
.footer-nav {display: flex;justify-content: space-between;margin-bottom: 32px;}
.footer-nav a {color: #ddd;font-weight: 500;}
.footer-nav a:hover {color: #FF7300;}

/* ==================== 产品分类 ==================== */
.footer-products {margin-bottom: 24px;}
.product-row {display: flex;align-items: flex-start;margin-bottom: 20px;gap: 35px;}
.product-title {width: 150px;color: #fff;flex-shrink: 0;font-weight: 500;}
.product-desc {color: #aaa;display: flex;flex-wrap: wrap;align-items: center;gap: 12px;}
.product-desc a {color: #aaa;position: relative;display: flex;}
/*.product-desc a:hover {color: #FF7300;}*/
.product-desc a:active {color: #FF7300;}
.product-desc .shuxian{display: block;width: 1px;height: 16px;background: #aaa;}
/*.product-desc a:last-of-type::after {content: '';margin-left: 0;}*/



/* ==================== 底部中间内容 ==================== */
.footer-middle {display: flex;justify-content: space-between;margin-bottom: 30px;}
.middle-left {flex: 1;}
.middle-left .mlbox{
  display: flex;
  gap: 61px;
  margin-bottom: 26px;
}
.middle-left .mlbox .left-top {display: flex;align-items: center;}
.middle-left .mlbox .left-logo img {height: 32px;display: block;}
.middle-left .mlbox .left-r {}
.middle-left .mlbox .left-r .left-title {color: #FF7300;margin-bottom: 16px;font-weight: 500;}
.middle-left .mlbox .left-r .left-tags {display: flex;gap: 20px;}
.middle-left .mlbox .left-r .left-tags span {display: block;border: 1px solid #FF7300;color: #FF7300;padding: 6.5px 12px;text-align: center;border-radius: 8px;font-weight: 600;}
.left-bottom {display: flex;align-items: center;gap: 46px;}
.hotline {color: #fff;font-weight: 500;}
.btn-consult {display: inline-block;background: #FF7300;color: #fff;padding: 8px 25px;border-radius: 4px;font-weight: 500;}
.btn-consult:hover {opacity: 0.8;}

.middle-right {display: flex;gap: 60px;}
.info-item {display: flex;align-items: center;margin-bottom: 12px;color: #aaa;}
.info-item .iconfont {margin-right: 4px;color: #fff;}
.info-item .label {width: 50px;color: #E0E0E0FF;}
.info-item .val {color: #fff;}
.right-qrcode {display: flex;align-items: center;gap: 20px;}
.qrcode-box {background: #fff;border-radius: 4px;}
.qrcode-box img {width: 165px;height: 165px;display: block;}
.qrcode-text {color: #fff;text-align: center;}





.message_section{padding:100px 0;background:#fff}
.message_section .contain{display:block}
.message_section .message_box{display:flex;justify-content:space-between;gap:60px}
.message_section .message_left{flex:1}
.message_section .message_left .company_name{color:#333;font-weight:500}
.message_section .message_left .company_tags{display:flex;flex-wrap:wrap;gap:16px;margin:32px 0}
.message_section .message_left .company_tags .tag{display:inline-block;border:2px solid #FF7300;color:#FF7300;border-radius:8px;padding:12px 20px;text-align:center;font-weight:600;backdrop-filter:blur(4px)}
.message_section .message_left .welfare_title{color:#FF7300;margin-bottom:12px;font-weight:600}
.message_section .message_left .welfare_list{list-style:none;padding:0;margin:0;color:#666}
.message_section .message_left .welfare_list li{line-height:1.5}
.message_section .message_right{flex:1}
.message_section .message_right .form_title{margin-bottom:22px;text-align:center;font-weight:500}
.message_section .message_right .form_title .black{color:#333}
.message_section .message_right .form_title .active{color:#FF7300}
.message_section .message_right .message_form .form_row{display:flex;gap:32px;margin-bottom:20px}
.message_section .message_right .message_form .form_item{position:relative;flex:1}
.message_section .message_right .message_form .form_item input,.message_section .message_right .message_form .form_item textarea{width:100%;border:none;outline:none;background:#F5F7FA;border-radius:8px;padding:16px;box-sizing:border-box;color:#999}
.message_section .message_right .message_form .form_item input::placeholder,.message_section .message_right .message_form .form_item textarea::placeholder{color:#999}
.message_section .message_right .message_form .form_textarea{margin-bottom:24px}
.message_section .message_right .message_form .form_textarea textarea{height:140px;resize:none;display:block}
/*.message_section .message_right .message_form .required{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#e60012}*/
.message_section .message_right .message_form .form_tip{color:#666;margin-bottom:12px}
.message_section .message_right .message_form .form_submit{border:none;outline:none;cursor:pointer;background:#FF7300;color:#fff;border-radius:8px;padding:16px 145px;font-weight:500;transition:opacity 0.3s}
.message_section .message_right .message_form .form_submit:hover{opacity:0.88}

.message_section .message_right .message_form .form_item .required{position:absolute;top:50%;transform:translateY(-50%);color:#e60012;pointer-events:none;transition:opacity 0.2s}
.message_section .message_right .message_form .form_item #Phone + .required{left:16px;padding-left:1.8em}
.message_section .message_right .message_form .form_item .required.hide{opacity:0}



/* ==================== 版权信息 ==================== */
.footer-copyright {text-align: center;padding: 12px 0;border-top: 1px solid #FFFFFF4C;color: #E0E0E0FF;position: relative;z-index: 1;}

/* ==================== PC端适配 ==================== */
@media all and (max-width:1700px) { }
@media all and (max-width:1599px) { }
@media all and (max-width:1439px) { }
@media all and (max-width:1359px) {
  .message_section{padding:60px 0}
  .message_section .message_box{flex-direction:column;gap:40px}
  .message_section .message_left,
  .message_section .message_right{flex:none;width:100%}
  .message_section .message_left .company_tags{gap:12px;margin:24px 0}
  .message_section .message_right .form_title{margin-bottom:18px}
  .message_section .message_right .message_form .form_submit{padding:16px 80px;width:100%}
}
@media all and (max-width:1279px) { }
@media all and (max-width:1151px) {
  .footer-middle {flex-direction: column;gap: 30px;}
  .middle-right {justify-content: space-between;}
}

/* ==================== 手机端适配 ==================== */
@media all and (max-width:1000px) {
  .friend-links {display: none;}
  .footer-nav {flex-wrap: wrap;gap: 10px 20px;justify-content: flex-start;}
  .product-row {flex-direction: column;align-items: flex-start;}
  .product-title {width: auto;margin-bottom: 5px;}
  .footer-middle {flex-direction: column;gap: 30px;}
  .middle-right {flex-direction: column;gap: 20px;align-items: flex-start;}
  .right-qrcode {flex-direction: row;gap: 15px;}
}

@media all and (max-width:640px) {
  .fotbox {padding: 30px 0 15px;}
  .footer-nav {padding-bottom: 15px;margin-bottom: 15px;}
  .footer-products {margin-bottom: 20px;}
  .product-row {margin-bottom: 20px;gap: 0;}
  .middle-left .mlbox .left-top {flex-direction: column;align-items: flex-start;gap: 10px;}
  .left-logo img {margin-right: 0;}
  .left-tags {flex-wrap: wrap;}
  .left-bottom {flex-direction: column;align-items: flex-start;gap: 15px;}
  .info-item {align-items: flex-start;}
  .info-item .label {width: auto;margin-right: 5px;}
  .qrcode-box img {width: 165px;height: 165px;}
  .footer-copyright {padding-top: 15px;}

  .middle-left .mlbox{flex-direction: column;gap: 30px;}

  .message_section{padding:40px 0}
  .message_section .message_box{gap:28px}
  .message_section .message_left .company_tags{gap:10px;margin:18px 0}
  .message_section .message_left .company_tags .tag{padding:8px 14px;border-width:1px}
  .message_section .message_left .welfare_title{margin-bottom:8px}
  .message_section .message_right .form_title{margin-bottom:14px}
  .message_section .message_right .message_form .form_row{flex-direction:column;gap:12px;margin-bottom:12px}
  .message_section .message_right .message_form .form_item input,
  .message_section .message_right .message_form .form_item textarea{padding:12px}
  .message_section .message_right .message_form .form_textarea{margin-bottom:16px}
  .message_section .message_right .message_form .form_textarea textarea{height:110px}
  .message_section .message_right .message_form .form_tip{margin-bottom:10px}
  .message_section .message_right .message_form .form_submit{padding:14px 0;width:100%}
  .message_section .message_right .message_form .form_item #Phone + .required{left:12px;padding-left:1.8em}
}