@charset 'utf-8';
#contact_from .required, 
#contact_from textarea.required { background: #fff !important;}
#contact_from .form-group { margin: 0;}
#contact_from .agree-info { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 20; width: 300px;  font-size: 14px;  cursor:pointer}
#contact_from .agree-info .wrap { overflow: scroll; padding: 20px; width: 100%; height: 300px; background: #fff; border:5px solid #39bac1;}


#contact_from { padding: 120px 0 80px; }
#contact_from .flex { position: relative;   }
#contact_from .flex .left { width: 544px; background: url('/data/main/contact_bg2.png') no-repeat right center;  }
#contact_from .flex .left h2 { font-size: 18px; font-weight: 400; color: #999;  }
#contact_from .flex .left .p1 { font-size: 48px; font-weight: 500; line-height: 1.39; }
#contact_from .flex .left .p2 { padding: 15px 0 55px; font-size: 14px;  color: #999; }
#contact_from .flex button { position: absolute; left: 0; bottom: 10px; padding: 16px 106px;background: #434343; font-size: 18px; font-weight: 400; color: #fff;}


#contact_from .flex .right { width: calc(100% - 600px);}
#contact_from .flex .right .form-control { font-size: 16px; box-sizing: border-box; border: 1px solid #cfcfcf;}
#contact_from .flex .right .wrap .form-control { height: 58px; }
#contact_from .flex .right .wrap { }
#contact_from .flex .right .wrap .form-group { margin: 0 0 20px; width: 48%;  }

#contact_from .flex .right .wrap { display: flex; flex-wrap:wrap; justify-content: space-between;}
#contact_from .flex .right .wrap {}
#contact_from .flex .right .checkbox-inline { font-size: 16px; color: #999;}
#contact_from .flex .right .agree-view { display: inline-block;  position: relative; top: 3px; left: 10px;   font-size: 16px; color: #555; font-weight: 500;  cursor:pointer}
#contact_from .flex .right .checkbox-inline b { font-weight: 500;}
@media (max-width:1199px){
    #contact_from .flex .left { width: 480px;}
    #contact_from .flex .right { width: calc(100% - 500px); }
}
@media (max-width:991px){
    #contact_from { padding: 100px 0 80px; }
    #contact_from .flex .left { width: 360px; background-size: 43% auto;}
    #contact_from .flex .left .p1 { padding: 5px 0 0; font-size: 40px; }
    #contact_from .flex .left button { padding: 16px 96px; }
    #contact_from .flex .right { width: calc(100% - 380px); }
}
@media (max-width:768px){
    #contact_from { padding: 80px 0 70px; }
    #contact_from .flex { flex-direction: column;}
    #contact_from .flex .left {width: 100%; background-size: auto;}
    #contact_from .flex .right { width: 100%;}
    #contact_from .flex .right .wrap .form-control { height: 54px; }
    #contact_from .flex button { position: static; padding: 15px 80px; margin: 30px auto 0; transform: none;}
}
@media (max-width:576px){
    #contact_from { padding: 60px 0; }
    #contact_from .flex .left .p1 { font-size: 36px;}
    #contact_from .flex .left .p2 { padding: 5px 0 25px;}
    #contact_from .flex .right .wrap .form-group { margin: 0 0 15px; width: 49%;}
    #contact_from .flex .right .wrap .form-control { height: 46px; font-size: 14px; }
    #contact_from .flex .right .agree-view { top: 5px;}
    #contact_from .flex button  { padding: 12px 70px;}
    
}
@media (max-width:480px){
    #contact_from { padding: 60px 0; }
    #contact_from .flex .left { background-size: 43% auto;}
    #contact_from .flex .left .p1 { font-size: 30px;}
    #contact_from .flex .left .p2 { padding: 5px 0 15px;}
    #contact_from .flex .right .wrap .form-group { margin: 0 0 10px; }
    #contact_from .flex .right .wrap .form-control { height: 40px; }
    #contact_from .flex button  { padding: 12px 70px;}
}