/****** 基本样式 ******/
body {
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  font-family: "微软雅黑";
  background-color: #dfe8f1; /* 设置浅蓝灰色背景 */
}

div,
input,
p,
dl,
dd,
dt,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style-type: none;
}

img {
  display: block;
  border: none;
}

a {
  display: block;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* 主容器 */
.main-container {
    margin: 0 auto;
    width: 1000px;
    background-color: #dfe8f1; /* 设置浅蓝灰色背景 */
  }

/* 图片区域 */
.image-section {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    background-color: #dfe8f1; /* 设置浅蓝灰色背景 */
    margin-bottom: -1px; /* 添加负边距 */
}

/* 主图片样式 */
.home-image {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    background-color: #dfe8f1; /* 设置浅蓝灰色背景 */
}

.home-01 {
    height: 2576px;
    background-image: url(../images/home1.jpg);
}

.home-02 {
    height: 283px;
    background-image: url(../images/home_02.jpg);
}

.home-03 {
    height: 283px;
    background-image: url(../images/home_03.jpg);
}

.home-04 {
    height: 284px;
    background-image: url(../images/home_04.jpg);
}

.home-05 {
    height: 283px;
    background-image: url(../images/home_05.jpg);
}

.home-06 {
    height: 283px;
    background-image: url(../images/home_06.jpg);
}

.home-07 {
    height: 283px;
    background-image: url(../images/home_07.jpg);
}

.home-08 {
    height: 1262px;
    background-image: url(../images/home8.jpg);
}

/* 按钮容器 */
.button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 31px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* 按钮样式 */
.juse-btn {
    width: 91px;
    height: 31px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: none;
}



/* 按钮图片 */
.btn-img {
    width: 91px;
    height: 31px;
    display: block;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 91px 31px;
}

/* juse按钮图片 */
.juse-1 { background-image: url(../images/juse1.png); }
.juse-2 { background-image: url(../images/juse2.png); }
.juse-3 { background-image: url(../images/juse3.png); }
.juse-4 { background-image: url(../images/juse4.png); }
.juse-5 { background-image: url(../images/juse5.png); }
.juse-6 { background-image: url(../images/juse6.png); }
.juse-7 { background-image: url(../images/juse7.png); }
.juse-8 { background-image: url(../images/juse8.png); }
.juse-9 { background-image: url(../images/juse9.png); }
.juse-10 { background-image: url(../images/juse10.png); }
.juse-11 { background-image: url(../images/juse11.png); }
.juse-12 { background-image: url(../images/juse12.png); }
.juse-13 { background-image: url(../images/juse13.png); }
.juse-14 { background-image: url(../images/juse14.png); }
.juse-15 { background-image: url(../images/juse15.png); }
.juse-16 { background-image: url(../images/juse16.png); }
.juse-17 { background-image: url(../images/juse17.png); }
.juse-18 { background-image: url(../images/juse18.png); }
.juse-19 { background-image: url(../images/juse19.png); }
.juse-20 { background-image: url(../images/juse20.png); }
.juse-21 { background-image: url(../images/juse21.png); }
.juse-22 { background-image: url(../images/juse22.png); }
.juse-23 { background-image: url(../images/juse23.png); }
.juse-24 { background-image: url(../images/juse24.png); }
.juse-25 { background-image: url(../images/juse25.png); }
.juse-26 { background-image: url(../images/juse26.png); }
.juse-27 { background-image: url(../images/juse27.png); }
.juse-28 { background-image: url(../images/juse28.png); }
.juse-29 { background-image: url(../images/juse29.png); }
.juse-30 { background-image: url(../images/juse30.png); }
.juse-31 { background-image: url(../images/juse31.png); }
.juse-32 { background-image: url(../images/juse32.png); }
.juse-33 { background-image: url(../images/juse33.png); }
.juse-34 { background-image: url(../images/juse34.png); }
.juse-35 { background-image: url(../images/juse35.png); }

/* huise按钮图片 */
.huise-1 { background-image: url(../images/huise1.png); }
.huise-2 { background-image: url(../images/huise2.png); }
.huise-3 { background-image: url(../images/huise3.png); }
.huise-4 { background-image: url(../images/huise4.png); }
.huise-5 { background-image: url(../images/huise5.png); }
.huise-6 { background-image: url(../images/huise6.png); }
.huise-7 { background-image: url(../images/huise7.png); }
.huise-8 { background-image: url(../images/huise8.png); }
.huise-9 { background-image: url(../images/huise9.png); }
.huise-10 { background-image: url(../images/huise10.png); }
.huise-11 { background-image: url(../images/huise11.png); }
.huise-12 { background-image: url(../images/huise12.png); }
.huise-13 { background-image: url(../images/huise13.png); }
.huise-14 { background-image: url(../images/huise14.png); }
.huise-15 { background-image: url(../images/huise15.png); }
.huise-16 { background-image: url(../images/huise16.png); }
.huise-17 { background-image: url(../images/huise17.png); }
.huise-18 { background-image: url(../images/huise18.png); }
.huise-19 { background-image: url(../images/huise19.png); }
.huise-20 { background-image: url(../images/huise20.png); }
.huise-21 { background-image: url(../images/huise21.png); }
.huise-22 { background-image: url(../images/huise22.png); }
.huise-23 { background-image: url(../images/huise23.png); }
.huise-24 { background-image: url(../images/huise24.png); }
.huise-25 { background-image: url(../images/huise25.png); }
.huise-26 { background-image: url(../images/huise26.png); }
.huise-27 { background-image: url(../images/huise27.png); }
.huise-28 { background-image: url(../images/huise28.png); }
.huise-29 { background-image: url(../images/huise29.png); }
.huise-30 { background-image: url(../images/huise30.png); }
.huise-31 { background-image: url(../images/huise31.png); }
.huise-32 { background-image: url(../images/huise32.png); }
.huise-33 { background-image: url(../images/huise33.png); }
.huise-34 { background-image: url(../images/huise34.png); }
.huise-35 { background-image: url(../images/huise35.png); }

/* 展开内容 */
.expand-content {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

.expand-img {
    width: 922px;
    display: block;
    margin: 0 auto;
    border: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 922px auto;
}

/* 展开图片 - 分别定义每个图片的高度 */
.expand-1 {
  height: 1310px;
  background-image: url(../images/1.jpg);
}

.expand-2 {
  height: 1000px;
  background-image: url(../images/2.jpg);
}

.expand-3 {
  height: 4199px;
  background-image: url(../images/3.jpg);
}

.expand-4 {
  height: 1082px;
  background-image: url(../images/4.jpg);
}

.expand-5 {
  height: 2093px;
  background-image: url(../images/5.jpg);
}

.expand-6 {
  height: 2127px;
  background-image: url(../images/6.jpg);
}

.expand-7 {
  height: 4833px;
  background-image: url(../images/7.jpg);
}

.expand-8 {
  height: 1641px;
  background-image: url(../images/8.jpg);
}

.expand-9 {
  height: 1448px;
  background-image: url(../images/9.jpg);
}

.expand-10 {
  height: 1249px;
  background-image: url(../images/10.jpg);
}

.expand-11 {
  height: 2710px;
  background-image: url(../images/11.jpg);
}

.expand-12 {
  height: 1324px;
  background-image: url(../images/12.jpg);
}

.expand-13 {
  height: 1959px;
  background-image: url(../images/13.jpg);
}

.expand-14 {
  height: 3455px;
  background-image: url(../images/14.jpg);
}

.expand-15 {
  height: 1419px;
  background-image: url(../images/15.jpg);
}

.expand-16 {
  height: 2774px;
  background-image: url(../images/16.jpg);
}

.expand-17 {
  height: 2520px;
  background-image: url(../images/17.jpg);
}

.expand-18 {
  height: 1593px;
  background-image: url(../images/18.jpg);
}

.expand-19 {
  height: 1793px;
  background-image: url(../images/19.jpg);
}

.expand-20 {
  height: 1907px;
  background-image: url(../images/20.jpg);
}

.expand-21 {
  height: 3971px;
  background-image: url(../images/21.jpg);
}

.expand-22 {
  height: 4373px;
  background-image: url(../images/22.jpg);
}

.expand-23 {
  height: 1899px;
  background-image: url(../images/23.jpg);
}

.expand-24 {
  height: 3124px;
  background-image: url(../images/24.jpg);
}

.expand-25 {
  height: 1748px;
  background-image: url(../images/25.jpg);
}

.expand-26 {
  height: 2152px;
  background-image: url(../images/26.jpg);
}

.expand-27 {
  height: 2206px;
  background-image: url(../images/27.jpg);
}

.expand-28 {
  height: 2206px;
  background-image: url(../images/28.jpg);
}

.expand-29 {
  height: 3910px;
  background-image: url(../images/29.jpg);
}

.expand-30 {
  height: 2332px;
  background-image: url(../images/30.jpg);
}

.expand-31 {
  height: 1883px;
  background-image: url(../images/31.jpg);
}

.expand-32 {
  height: 3000px;
  background-image: url(../images/32.jpg);
}

.expand-33 {
  height: 8002px;
  background-image: url(../images/33.jpg);
}

.expand-34 {
  height: 2426px;
  background-image: url(../images/34.jpg);
}

.expand-35 {
  height: 2032px;
  background-image: url(../images/35.jpg);
}

/********************* form1.html 相关样式 *********************/

/********************* 首页4 *********************/

.home_container4 {
  margin: 0px auto;
  width: 1000px;
}

.home_container4b {
  position: relative;
  width: 100%;
  height: 3881px;
  box-sizing: border-box;
  background: #d8d8d8 url(../images/form1_bg.jpg) no-repeat center top;
  background-size: 100% auto;
}

/********************* 详情页 *********************/

.container_details1 {
  width: 100%;
}

/* 输入框 */
.container_details1 .input_nr {
  position: absolute;
  top: 906px;
  left: 97px;
  width: 811px;
}

.container_details1 .input_auto {
  display: grid;
  width: 811px;
  grid-template-columns: 380px 380px;
  column-gap: 51px;
  row-gap: 21px;
}

.container_details1 .input_list_1 {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  border: #007ec6 solid 1px;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  height: 60px;
}

.container_details1 .input_list_1.width100 {
  grid-column: 1 / 3;
}

.container_details1 .input_list_1 img {
  margin: 0px 11px;
  width: 37px;
  height: 37px;
  object-fit: contain;
  flex: 0 0 auto;
}

.container_details1 .input_list_1 strong {
  height: 60px;
  color: #007ec6;
  font-weight: bold;
  font-size: 30px;
  line-height: 60px;
  flex: 0 0 auto;
}

.container_details1 .input_list_1 input {
  box-sizing: border-box;
  padding: 0 20px 0 15px;
  width: 100px;
  height: 58px;
  outline: none;
  border: none;
  background: none;
  font-size: 24px;
  font-weight: bold;
  line-height: 58px;
  flex: 1 1 100px;
  color: #007ec6;
}

.container_details1 #phone::placeholder {
  color: transparent;
}

.container_details1 .input_list_1_bt {
  box-sizing: border-box;
  padding: 10px 0 0 15px;
  height: 42px;
  color: #ffa500;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  flex: 0 0 100%;
}

.container_details1 .input_list_1 textarea {
  box-sizing: border-box;
  padding: 0 20px 0 15px;
  height: 110px;
  outline: none;
  border: none;
  background: none;
  font-size: 16px;
  line-height: 26px;
  flex: 1 1 100%;
}

/* 表单问题区 */
.container_details1 .questions_nr {
  position: absolute;
  top: 1156px;
  left: 97px;
  width: 812px;
}

.container_details1 .form_question + .form_question {
  margin-top: 52px;
}

.container_details1 .question_title {
  color: #007ec6;
  font-size: 30px;
  font-weight: bold;
  line-height: 36px;
}

.container_details1 .question_options {
  display: flex;
  margin-top: 24px;
  width: 100%;
  align-items: flex-start;
}

.container_details1 .question_options_3 {
  justify-content: space-between;
}

.container_details1 .question_options_3 a {
  width: 230px;
}

.container_details1 .question_options_4 {
  justify-content: space-between;
}

.container_details1 .question_options_4 a {
  width: 170px;
}

.container_details1 .question_options_vertical {
  display: block;
}

.container_details1 .question_options_vertical a {
  margin-bottom: 30px;
  width: 520px;
}

.container_details1 .question_options a {
  display: block;
  box-sizing: border-box;
  height: 30px;
  background: url(../images/details_07.png) no-repeat left center;
  background-size: 29px 29px;
  color: #252525;
  text-indent: 51px;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  white-space: nowrap;
}

.container_details1 .question_options a.hover {
  background-image: url(../images/details_06.png);
}

/* 我已阅读用户用户注册协议 */

.container_details1 .radio3_nr {
  position: absolute;
  top: 2292px;
  left: 0;
  width: 100%;
}

.container_details1 .radio3_auto {
  display: flex;
  margin: 0 auto;
  width: 220px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.container_details1 .radio3_list_1 {
  box-sizing: border-box;
  margin: 2px 0 2px;
  width: 100%;
  height: 30px;
  font-weight: bold;
  font-size: 15px;
  line-height: 30px;
}

.container_details1 .radio3_list_1a {
  float: left;
  box-sizing: border-box;
  width: auto;
  height: 50px;
  line-height: 50px;
}

.container_details1 .radio3_list_1a a {
  display: block;
  overflow: hidden;
  background: url(../images/details_09.png) no-repeat center left;
  background-size: 18px 18px;
  color: #1e72c8;
  text-indent: 30px;
}

.container_details1 .radio3_list_1a a.hover {
  display: block;
  background: url(../images/details_08.png) no-repeat center left;
  background-size: 18px 18px;
}

.container_details1 .radio3_list_1b {
  float: left;
  box-sizing: border-box;
  width: auto;
  height: 50px;
  line-height: 50px;
}

.container_details1 .radio3_list_1b a {
  display: block;
  color: #ff7e00;
  text-decoration: underline;
}

.container_details1 .radio3_list_1b a.hover {
  color: #e84747;
}

/* 提交按钮 */
.container_details1 .button1 {
  position: absolute;
  top: 2330px;
  left: 0;
  width: 1000px;
  min-width: 560px;
}

.container_details1 .button1_auto {
  display: flex;
  margin: 0 auto;
  width: 228px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.container_details1 .button1_1 {
  box-sizing: border-box;
  margin: 2px 0 2px;
  width: 100%;
  height: 83px;
  font-weight: bold;
}

.container_details1 .button1_1 button {
  width: 100%;
  height: 83px;
  outline: none;
  border: none;
  background: url(../images/details_12.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0px;
  cursor: pointer;
}

.form_return_btn {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 260px;
}

.form_return_link {
  display: inline-block;
  width: 200px;
  height: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.form_return_link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.form_return_link:hover {
  opacity: 0.8;
}

/* 弹出层背景 */
.popup_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  width: 100%;
  height: 100vh;
  background: rgb(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}

/* 短信验证弹框 */
.popup_sms {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 617px;
  height: 356px;
  margin: 0;
}

.sms_background {
  width: 100%;
  height: 100%;
  position: relative;
}

.sms_background img {
  width: 617px;
  height: 356px;
  display: block;
}

.sms_input_container {
  position: absolute;
  top: 41%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 510px;
}

.sms_input_container input {
  width: 100%;
  height: 50px;
  border: 2px solid #007ec6;
  border-radius: 10px;
  padding: 0 15px;
  font-size: 18px;
  box-sizing: border-box;
  outline: none;
  color: #333;
}

.sms_input_container input::placeholder {
  color: #999;
}

.sms_code_container {
  position: absolute;
  top: 62%;
  left: 37%;
  transform: translate(-50%, -50%);
  width: 60%;
  max-width: 340px;
}

.sms_code_container input {
  width: 100%;
  height: 50px;
  border: 2px solid #007ec6;
  border-radius: 10px;
  padding: 0 15px;
  font-size: 18px;
  box-sizing: border-box;
  outline: none;
  color: #333;
}

.sms_code_container input::placeholder {
  color: #999;
}

.sms_send_btn {
  position: absolute;
  top: 62%;
  right: 10%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: opacity 0.3s;
}

.sms_send_btn img {
  width: 120px;
  height: auto;
  display: block;
}

.sms_send_btn:hover {
  opacity: 0.8;
}

.sms_countdown {
  position: absolute;
  top: 62%;
  right: 10%;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
  font-weight: bold;
  background: #f0f0f0;
  padding: 10px 15px;
  border-radius: 8px;
  text-align: center;
  min-width: 120px;
}

.sms_cancel_btn_transparent {
  position: absolute;
  bottom: 32px;
  left: 150px;
  width: 120px;
  height: 45px;
  cursor: pointer;
  background: transparent;
  z-index: 10;
}

.sms_cancel_btn_transparent:hover {
  opacity: 0.8;
}

.sms_next_btn_transparent {
  position: absolute;
  bottom: 32px;
  right: 160px;
  width: 120px;
  height: 45px;
  cursor: pointer;
  background: transparent;
  z-index: 10;
}

.sms_next_btn_transparent:hover {
  opacity: 0.8;
}

/* 弹出层1 */
.popup1 {
  margin: 0 auto;
  width: 90%;
  height: 580px;
  max-width: 1000px;
  border-radius: 20px;
  background: #fff;
}

.popup1_t {
  position: relative;
  margin: 20px 0;
  width: 100%;
  height: 40px;
  color: #1e72c8;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  line-height: 40px;
}

.popup1_tr {
  position: absolute;
  top: 3px;
  right: 20px;
  z-index: 10;
  width: 34px;
  height: 34px;
}

.popup1_tr img {
  margin: 5px;
  width: 24px;
  height: 24px;
}

.popup1_c {
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 0px 50px;
  width: 100%;
  height: 400px;
  border-radius: 20px;
  background: #fff;
  color: #323232;
  font-size: 15px;
  line-height: 28px;
}

.popup1_b {
  box-sizing: border-box;
  margin: 0 auto;
  width: 300px;
  height: 53px;
  font-weight: bold;
}

.popup1_b button {
  float: left;
  margin: 20px 0 0 0;
  width: 300px;
  height: 53px;
  outline: none;
  border: none;
  background: url(../images/details_15.png) no-repeat;
  background-size: 300px 53px;
  font-size: 0px;
  cursor: pointer;
}

/* 弹出框2 */
.popup2 {
  position: relative;
  width: 617px;
  height: 356px;
  border-radius: 10px;
  background: url(../images/details_16.png) no-repeat;
  background-size: 617px 356px;
}

.popup2_tr {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  width: 60px;
  height: 60px;
}

.popup2_tr img {
  margin: 10px;
  width: 40px;
  height: 40px;
}

.popup2_tr2 {
  position: absolute;
  top: 280px;
  left: 165px;
  z-index: 10;
  width: 110px;
  height: 42px;
}

.popup2_tr2 img {
  width: 110px;
  height: 42px;
  }
  
.popup2_tr3 {
  position: absolute;
  top: 280px;
  left: 340px;
  z-index: 10;
  width: 110px;
  height: 42px;
}
  
.popup2_tr3 img {
  width: 110px;
  height: 42px;
}

/* 自定义长方形按钮样式 */
.custom-rect-btn {
  position: absolute;
  width: 400px;
  height: 300px;
  background-color: transparent;
  border: none; /* 去除边框 */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: transparent;
  text-decoration: none; /* 去除下划线 */
  text-shadow: none; /* 去除文字阴影 */
  transition: all 0.3s ease;
  z-index: 10;
}


/* 第一个按钮的位置 */
#rect-btn-1 {
  top: 1800px;
  left: 180px;
}

/* 第八个按钮的位置 */
#rect-btn-8 {
  top: 200px;
  right: 400px;
}

/* 悬停效果 */
.custom-rect-btn:hover {
  background-color: transparent;
  transform: scale(1.05);
}


/* 确保父容器有相对定位 */
.image-section {
  position: relative;
}