.middle  .title{ text-align: center; margin-top: 80px; color: #141E31;font-size: 40px;line-height: 40px;}
.middle .itembox{ width: 100%; background-color: #FFF7F2; margin-top: 40px;}
.middle .itembox .item_text{ width: 1200px; margin: 0 auto; display: flex;}
.middle .itembox .item_text .item{ width: 400px;text-align: center; height: 480px; display: flex;flex-direction: column; justify-content: flex-end;         transition: all .3s;        background-position: 50%;    align-items: center; position: relative;}
.middle .itembox .item_text .item .img{ position: relative;z-index: 100;}
.middle .itembox .item_text .item:hover {         transition: all .4s; transform: scale(1.1);  }
.middle .itembox .item_text .item .bg{ position: absolute; background: linear-gradient(0deg, #FF6900 0%, rgba(255, 105, 0, 0.8) 48%, rgba(255, 105, 0, 0) 100%);width: 100%; height: 100%; display: none; z-index: 0;}
.middle .itembox .item_text .item:hover .bg{ display: block;}
.middle .itembox .item_text .item .t1{position: relative; z-index: 100; color: #FFFFFF;line-height: 40px;font-size: 32px; margin-bottom: 90px; margin-top: 38px;}
.middle .itembox .item_text .item .t2{  color: rgba(255, 255, 255, 0.8);font-size: 15px; width: 240px;  margin-top: -30px; margin-bottom: 50px; display: none; }
.middle .itembox .item_text .item:hover .t2{ position: relative; z-index: 100; display: block;   animation: slide-down 0.5s forwards;}

.formdata{ width: 1200px; text-align: center; margin:20px  auto;}
.formdata .title{color: #141E31;font-size: 40px;font-weight: 500; margin-top: 50px; }
.formdata .tip{ font-size: 14px;color: #525967; margin-top: 20px; }
.formdata .con { margin-top: 50px;}
.formdata .con .inp1{ margin-bottom: 20px; padding-left: 30px; color: #141E31; background: #F3F3F3;height: 64px;width: 328px; border:none}
.formdata .con .inputbox{ width: 680px; margin: 0 auto; justify-content: space-between; display: flex;}
.formdata .con .inp2{background: #F3F3F3; width: 680px;height: 244px; border: none; padding:24px 30px; margin-bottom: 20px;}
.formdata .con  .tip2{ margin: auto; width: 680px; color: #525967; font-size: 14px; text-align: left; }
.formdata .con .btn1{background: #302A26; padding: 8px 60px;color: #FFFFFF;height: 48px;display: flex;align-items: center; margin-top: 20px;}
.textareabox{ display: flex; justify-content: center; }
.textareabox span{ margin-right: 5px;}
.contact{background: #FF6900; display: flex; }
.contact .content{ display: flex; width: 1200px; margin: 55px auto; display: flex; justify-content: space-around;}
.contact .content .item{ display: flex;}
.contact .content .item:hover {transform: scale(1.1); }
.contact .content .item .img img{ margin-right: 10px; width: 48px; height: 48px;}
.contact .content .item .t1{ color: #fff; font-size: 18px;}
.contact .content .item .t2{ color: rgba(255, 255, 255, 0.8); font-size: 15px; margin-top: 8px;}



/* 移动端适配 */
@media screen and (max-width: 768px) {
    /* 顶部导航 */
    .pc-only{ display: none;}
    .toptab {  height: auto; padding: 0;}
    .toptab .item{ margin-left: 0px;}
    .toptab .item a{ margin: 0;}
    .toptab .content.pc-only { display: none;}
    .toptab .logo img{ width: 200px; height: 40px;}
    .toptab .content.mobile-only { display: flex;}
    .toptab .content.mobile-only .reg{ width: 70px; height: 30px; margin-left: 0;}
    .toptab .content.mobile-only .login{ width: 70px; height: 30px; margin:0 10px;}
    .toptab .reg{ margin-right: 10px;}
    .formdata .title{ font-size: 26px;}
    .formdata .tip{ font-size: 12px;}

    /* 中间区域 */
    .formdata{width: 100%;}
    .formdata .con .inputbox{ display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
    .formdata .con .inputbox2{flex-wrap: nowrap;}
    .formdata .con .inputbox2 input{ width: 52%; }
    .formdata .con .inputbox2 img{ width: 36%;}
    .formdata .con .inp2{ width: 90%;}
    .formdata .con .inputbox3 {width: 90%; justify-content: flex-end;}
    .formdata .con .tip2{width: 90%; text-align: left; margin-left: 20px;}
    .formdata .con .inputbox3 .btn1{ display: flex; margin-top: 20px;}

    .contact .content { display: flex; flex-direction: column;}
}

/* 平板设备适配 (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .formdata {  width: 100%;  padding: 0 20px;} 
    .middle .itembox .item_text {  width: 100%;padding: 0 15px; }
    .middle .itembox .item_text .item {  width: 33.33%; height: 400px; }
    .middle .itembox .item_text .item .t1 { font-size: 26px;line-height: 32px;margin-bottom: 60px;  }
    .formdata .con .inputbox {  width: 100%;   max-width: 800px; }
    .formdata .con .inp2 {  width: 100%; max-width: 800px; }
    .formdata .con .tip2 {  width: 100%;  max-width: 800px; }
    .contact .content {width: 100%; padding: 40px 20px;     flex-wrap: wrap;  gap: 20px; }
    .contact .content .item {  width: 45%; margin: 10px 0;}
    .bottombox .itembox{ max-width: 800px;}
}