/* 大于等于 1200px 的分辨率 */
@media screen and (min-width: 1200px) {

    .title-box{ width: 100%; height: 220px; margin-top: 85.5px; position: relative;}
    .title-box img{ width: 428px; position: absolute; left: 120px; top: 46.85px;}


    .form-box{ width: 100%; margin-top: 120px; margin-bottom: 120px; display: block;}
    .form-box ul{ margin-left: 120px;}
    .form-box ul li{ width: 600px;float: left; margin-right: 60px; margin-bottom: 40px;}
    .form-box ul li label span{vertical-align: middle; color: #DC2526; font-size: 24px;}
    .form-box ul li label{ font-size: 16px; color: rgba(225,225,225,0.5); font-family: 'Quicksand', sans-serif;}
    .form-box ul li input,.form-box ul li .select,.form-box ul li .submit-btn{ width: 100%; height: 56px; margin-top: 20px; font-size: 16px; background-color: #000; color: #fff; border: 1px solid #505050; text-indent: 20px;}
    .form-box ul li .select{ line-height: 56px; background-image: url("../images/contact-select-icon.png"); background-size: 24px 24px; background-repeat: no-repeat; background-position: 676px center; cursor: pointer; position: relative;}

    .form-box ul li .select .option-box{ width: 100%; position: absolute; display: none;}
    .form-box ul li .select .show{display: block;}
    .form-box ul li .select .option-box .option{ width: 100%; height: 56px; background-color: #1f1f1f;}

    .form-box ul li .submit-label{ opacity: 0;}
    .form-box ul li .submit-btn{ border: none; background-color: #DC2526; color: #fff; background-image: url("../images/more_hover_btn_arrow.png"); background-repeat: no-repeat; background-size: 60px 14px; background-position: 520px center; cursor: pointer; font-family: 'Inter'}
    .form-box ul li .disabled{background-color: #ccc !important;}
    
    .success-box{width: 100%; height: 1055px; display: none;}
    .success-box .font-box{  margin-top: 170px; margin-left: 120px;}
    .success-box .font-box .contact-logo{ width: 113px;}
    .success-box .font-box .t{font-size: 36px; font-weight: 700;font-family: 'Inter';line-height: 43.57px; color: #fff; margin-top: 20px;}
    .success-box .font-box .d{font-size: 16px; color: rgba(255, 255, 255, 0.5); font-family: 'Quicksand', sans-serif;}

    .success-box .font-box .contact-done-btn{ width: 300px; margin-top: 40px; cursor: pointer;}

    .alert{ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0;top: 0; z-index: 5;}
    .alert-hidden{ display: none;}
    .alert .window{ width: 475px; height: 220px;  background-color: #000; border: 1px solid #505050;z-index: 6; margin: 0 auto; margin-top: 20%; padding: 30px;box-sizing: border-box; color: #fff;}
    .alert .window .tip-title{ font-weight: 700; font-family: 'Inter'; font-size: 20px;}
    .alert .window .tip-msg{ font-weight: 400; font-family: 'Inter'; font-size: 16px;}
    .alert .window .tip-btn{ width: 100%; margin-top: 50px; }
    .alert .window .tip-btn .btn{ width: 180px; height: 55px; border: 1px solid #505050; float: right;box-sizing: border-box; padding: 20px; cursor: pointer; background-image: url(../images/more_hover_btn_arrow.png); background-size: 60px auto;  background-repeat: no-repeat;font-family: 'Inter';}
}

/* 小于 1200px 的分辨率 */
@media screen and (max-width: 1199px) {

    

    .title-box{ width: 100%; height: 32vw; margin-top: 12vw; position: relative; display: flex;align-items: center;}
    .title-box img{ width: 57.3vw; margin-left: 5.33vw;}
    
    .form-box{ padding-bottom: 10.66vw;}
    .form-box li{ width: 100%; box-sizing: border-box; padding: 0 5.33vw; margin-top: 5.33vw;}
    .form-box li input{ width: 100%; height: 13.33vw; border: 1px solid #505050; background-color: #000; margin-top: 2.67vw;font-family: 'Quicksand'; color: #fff; font-size: 14px; background-color: #000; text-indent: 4vw;}

    .form-box li label{font-size: 14px; color: rgba(225,225,225,0.5); display: flex;align-items: center; height: 5.33vw; width: 100%;font-family: 'Quicksand';}
    .form-box li label span{ color: #DC2526; height: 70%; margin-right: 0.5vw;}

    .form-box ul li .select{ width: 100%;height: 13.33vw; border: 1px solid #505050; margin-top: 2.66vw;position: relative;background-image: url("../images/contact-select-icon.png"); background-size: 24px 24px; background-repeat: no-repeat; background-position: 93.5% center; background-size: 5.33vw auto; font-family: 'Quicksand', sans-serif; color: #fff; display: flex;align-items: center; font-size: 14px; text-indent: 4vw;}
    .form-box ul li .select .option-box{ width: 100%; position: absolute; display: none; top: 13.33vw;}
    .form-box ul li .select .option-box .option{width: 100%; height:13.33vw ; display: flex; align-items: center; background-color: #1F1F1F;}
    .form-box ul li .select .show{display: block;}

    .form-box ul li .submit-label{ opacity: 0;}
    .form-box ul li .submit-btn{ border: none; background-color: #DC2526; color: #fff; background-image: url("../images/more_hover_btn_arrow.png"); background-repeat: no-repeat; background-size: 16vw 4vw; background-position: 69.34vw center;font-family: 'Inter'; height: 13.33vw; font-size: 14px; text-indent:4vw; display: flex; align-items: center;}
    .form-box ul li .disabled{background-color: #ccc !important;}


    .success-box{ width: 100%; display: none;}
    .success-box .font-box{width: 84vw; margin: 0 auto; margin-top: 32vw;}
    .success-box .contact-logo{ width: 16.33vw;}
    .success-box .contact-done-btn{ width: 84vw;}
    .success-box .font-box .t{font-size: 24px; font-weight: 700;font-family: 'Inter';color: #fff; margin-top: 2.67vw;}
    .success-box .font-box .d{font-size: 14px; color: rgba(255, 255, 255, 0.5); font-family: 'Quicksand', sans-serif;margin-top: 2.67vw;}
    .success-box .font-box .contact-done-btn{ margin-top: 8vw;}

    .alert{ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0;top: 0; z-index: 5; }
    .alert-hidden{ display: none;}
    .alert .window{ width: 92vw; height: 53.33vw;  background-color: #000; border: 1px solid #505050;z-index: 6;  box-sizing: border-box; color: #fff; margin: 0 auto; padding: 5.33vw; margin-top: 33.33%;}
    .alert .window .tip-title{ font-weight: 700; font-family: 'Inter'; font-size: 20px;}
    .alert .window .tip-msg{ font-weight: 400; font-family: 'Inter'; font-size: 16px;}
    .alert .window .tip-btn{ width: 100%; margin-top: 13.3vw; }
    .alert .window .tip-btn .btn{ width: 48vw; height: 13.33vw; border: 1px solid #505050; float: right;box-sizing: border-box; background-image: url(../images/more_hover_btn_arrow.png); background-size: 16vw auto; background-position: 28vw center;  background-repeat: no-repeat;font-family: 'Inter'; font-size: 14px; display: flex; align-items: center; text-indent: 4vw;}

}