.acontactban{
        position: relative;
       
    }
      .acontactban:after{
            content:'';
            position:absolute;
            left: 0;
            top：0;
            width: 100%;
            height: 100%;
            /**background: linear-gradient( 180deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);**/
     }
       .acontactban img{
           width: 100%;
           height: 100%;
           object-fit: cover;
       }
       .pcimg {
           display: block;
       }
       .phoneimg {
           display: none;
       }
       .contact-des {
           line-height: 1.25;
       }
    
        .formbox{
            display: flex;
            flex-wrap: wrap;
              justify-content: space-between;
        }
        .form-item{
            position: relative;
            flex: 0 0 calc(100% / 3 - 16px);
        }
         .form-item:nth-child(1){
             flex:0 0  calc(200% / 3 - 8px); 
         }
           .form-item:nth-child(9){
             flex:0 0  100%; 
         }
           .form-item:nth-child(5) input,
          .form-item:nth-child(9) input{
                padding-left: 110px;
            }
          .form-item label{
              position: absolute;
              color:#000;
              left: 20px;
              display: flex;
              top: 50%;
              transform: translateY(-50%);;
              align-items: center;
              z-index: 5;
          }
          .form-item label.must:after{
              content:"*";
              display: inline-block;
              color: rgba(226, 0, 44, 1);
              margin-left: 8px;
          }
          .form-item input,
          .form-item select{
              height: 60px;
              width: 100%;
              border-radius: 10px 10px 10px 10px;
              border: 1px solid rgba(0,0,0,0.1);
              padding-right: 20px;
              padding-left: 80px;
              
 
           }
           .form-item select{
                          appearance: none;
  -webkit-appearance: none;  /* Safari/Chrome */
  -moz-appearance: none; 
             background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g id="icon"><path id="Vector" d="M12 6L8 10L4 6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 18px;
           
}

.layui-form-select .layui-edge{
    width: 18px;
    height: 18px;
    border:none;
    right: 20px;
    margin-top: 0;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g id="icon"><path id="Vector" d="M12 6L8 10L4 6" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    background-size: contain;
}
           
            .form-item textarea{
                height: 100px;
               width: 100%;
              border-radius: 10px 10px 10px 10px;
              border: 1px solid rgba(0,0,0,0.1);
              padding-left: 20px;
              padding-top: 40px;
              padding-right: 20px;
            }
            .formtextarea label{
                top: 10px;
                color: rgba(0,0,0,0.5);
                line-height: 20px;
                transform: none;
            }
            
            .aggreement {
              display: flex;
              align-items: flex-start;
             }
              .aggreement input{
                  width: 16px;
                 height: 16px;
                 border-radius: 4px 4px 4px 4px;
                 border: 1px solid rgba(0,0,0,0.1);
              }
             .aggreement p{
                   margin-left: 6px;
             }
             
             .conmore{
                width: 144px;
               height: 52px;
background: #E2002C;
color: #FFFFFF;
text-align: center;
line-height: 52px;
border-radius: 4px 4px 4px 4px;
             }
 .conmore a{
     color: #fff;
     display: block;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 
 .conmore .new_container {
    z-index: 5;
    position: relative;
    overflow: hidden;
    height: 1.5em;
}

  .conmore .new_text {
    text-align: center;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.5;
    position: relative;
    transition: all 0.3s ease-in-out;

}

  .conmore .new_text span {
}

  .conmore .new_text:after {
    content: attr(text1);
    position: absolute;
    color: #fff;
    transform: translateY(100%);
    left: 0px;
    top: 0px;
    width: 100%;
    text-align: center;
    z-index: 2;
    height: 1.5em;
}

 .conmore:hover .new_text {
    transform: translateY(-100%);
}
.layui-form-checkbox{
    display: none;
}
.layui-form-checkbox i{
     width: 16px;
 height: 16px;
                 border-radius: 4px 4px 4px 4px;
                 border: 1px solid rgba(0,0,0,0.1);
}
.layui-form-checkbox{
    height: 20px;
    line-height: 20px;
    margin-right: 0px;
    padding-right:16px;
}
#form .aggreement .agbox{
    display: block;
    margin-top: 2px;
}

.layui-form-select dl dd.layui-this {
    background-color: var(--red);
    color: #fff;
}

@media screen and (max-width:1600px){
    .form-item input, .form-item select{
        height: 54px;
    }
}
@media screen and (max-width:1440px){
    .form-item input, .form-item select{
        height: 48px;
    }
           .conmore {
 
    height: 48px;
    line-height: 48px;
   
}
}
@media screen and (max-width:1200px){
    .form-item input, .form-item select{
        height: 44px;
    }
           .conmore {
 
    height: 44px;
    line-height: 44px;
   
}

}
@media screen and (max-width:768px){
       .pcimg {
           display: none;
       }
       .phoneimg {
           display: block;
       }
    .acontactban{
        height: auto;
    }
    .form-item input, .form-item select{
        height: 40px;
        border-radius: 4px;
    }
       .form-item:nth-child(n){
           flex: 0 0 100%;
       }
       .conmore {
    width: 120px;
    height: 40px;
    line-height: 40px;
   
}
}