@charset "utf-8";
/* CSS Document */

.con_tcsub{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.6);display:none;overflow:auto}
.con_tcsub::after{content:'';display:inline-block;height:100%;vertical-align:middle}
.con_tcsub_tj{background:#fff;border-radius:24px;padding:50px;max-width:400px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.15);display:inline-block;vertical-align:middle;position:relative;left:50%;transform:translateX(-50%)}
.con_close{ position:absolute; top:10px; right:15px;background: #F0F0F0;border-radius: 4px; padding:3px 8px; font-size:16px; font-weight:bold;}
.con_close:hover{ color:#6E5FF0;}


/*外层背景*/
.ny_con{ padding:86px 0px;background:#000;}
/*外层背景end*/


/*大标题*/
.con_tit{ text-align:center; padding:80px 0px;}
.con_tit h3{ font-size:0.40rem; font-weight:normal;font-family:vivoSans-Bold;color:#fff;}
.con_tit h4{ font-size:0.16rem; font-weight:normal; padding-top:20px;color: rgba(255,255,255, 0.7);}
/*大标题结束*/





.con_padd{background-color:#fff;padding:80px 120px;border-radius:30px;}

.con_mess h2, .con_mess h3{color:#12151A;margin-bottom:0px;padding-bottom:10px;  font-weight:600;}
.con_mess h2{font-size:0.22rem}
.con_mess h3{font-size:0.22rem;margin-top:60px; margin-bottom:10px;}
.con_mess .description{color:#12151A;margin-bottom:30px;font-size:0.14rem;opacity: 0.65;}
.con_mess .form-row{display:flex;flex-wrap:wrap;margin:0 -15px 25px}
.con_mess .form-group{flex:1;padding:0 15px;min-width:250px}
.con_mess label{display:block;margin-bottom:10px;color:#12151A}
.con_mess label span{ display:inline-block; padding-right:5px; color:#F00;}
 


.con_mess input[type=email],.con_mess input[type=tel],.con_mess input[type=text],.con_mess select,textarea{background: none;width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:0.12rem;transition:border-color .3s ease}
.con_mess input[type=email]:focus,.con_mess input[type=tel]:focus,.con_mess input[type=text]:focus,.con_mess select:focus,.con_mess textarea:focus{outline:0;border-color:#9c27b0;box-shadow:0 0 0 2px rgba(156,39,176,.2)}


.con_mess textarea{min-height:150px;resize:vertical}
.con_mess .checkbox-container{display:flex;flex-wrap:wrap;margin:15px 0;}
.con_mess .checkbox-group{display:flex;align-items:flex-start;min-width:250px}
.con_mess .checkbox-group input{margin-right:10px;margin-top:3px;width:auto}

.con_mess .submit-container{padding:0 15px;margin-top:50px;text-align:center}
.con_mess .submit-btn{background:linear-gradient(to bottom,#6E5FF0,#1A00FF);color:#fff;border:none;padding:12px 80px;border-radius:8px;font-size:0.18rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px rgba(123,26,162,.3);}
.con_mess .submit-btn:hover{background:linear-gradient(to bottom,#6E5FF0,#1a03e5);transform:translateY(-2px);}




.name-title-company{display:flex}
.name-title-company .name-group{flex:25%;min-width:auto}
.name-title-company .title-group{flex:25%;min-width:auto}
.name-title-company .company-group{flex:50%;min-width:auto}
@media (max-width:768px){


.con_padd{ border-radius: 15px; padding:30px 15px;}
.ny_con{ padding:74px 0px 40px 0px;}
.con_tit{ padding:40px 0px; }
.con_tit h4{ font-size:13px; padding-top:10px;}
.con_tit h3{ font-size:0.35rem}


.con_mess .form-row{ margin:0 -14px 7px;}
.con_mess .form-group{flex:100%;margin-bottom:15px}
.con_mess h2{font-size:16px}
.con_mess h3{font-size:16px; margin-top:30px;}
.con_mess .description{ font-size:13px;}
.con_mess .submit-btn{width:100%;padding:12px 0; font-size:15px;}
.con_mess .checkbox-group{flex:100%}
.name-title-company{flex-direction:column}
.name-title-company .company-group,.name-title-company .name-group,.name-title-company .title-group{flex:100%;min-width:250px;margin-bottom:15px}
.con_mess input[type=email], .con_mess input[type=tel], .con_mess input[type=text], .con_mess select, textarea{ font-size:13px; padding:9px 15px;}
.con_mess .submit-container{ margin-top:10px; padding:0px;}
.con_mess .checkbox-container{ margin:5px 0px;}
}