@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&family=Roboto:wght@400&display=swap');

/*index_contact start*/
.index_contact{width:100%;height:42.98611vw;background:url('../../切图/Rectangle 21.png') no-repeat center/cover;}
.index_contact p{margin:0;margin-bottom:0;}
.index_contact-container{width:72.9175vw;height:100%;margin:0 auto;display:flex;}
.index_contact-left{width:59.51389%;flex-shrink:0;padding-top:4.23611vw;}
.index_contact-header{width:100%;height:5.34722vw;background:#ED8E27;display:flex;align-items:center;padding-left:0.97222vw;}
.index_contact-header-icon{height:2.36111vw;width:auto;flex-shrink:0;}
.index_contact-header-title{font-family:'Open Sans',sans-serif;font-weight:600;font-size:1.66667vw;line-height:100%;letter-spacing:0;color:#FFFFFF;margin-left:1.18056vw;}
.index_contact-form{margin-top:1.73611vw;}
.index_contact-form-row{display:flex;gap:1.38889vw;margin-bottom:1.52778vw;}
.index_contact-form-row:last-of-type{margin-bottom:0;}
.index_contact-form-field{flex:1;position:relative;}
.index_contact-form-field--full{width:100%;}
.index_contact .index_contact-form-input{width:100%;height:3.88889vw;border:0.06944vw solid #ddd;background:#FFFFFF;padding:0 1.11111vw;font-family:'Roboto',sans-serif;font-weight:400;font-size:1.25vw;line-height:3.88889vw;letter-spacing:0;color:#333333;box-sizing:border-box;outline:none;border-radius:0;}
.index_contact .index_contact-form-input:focus{border-color:#ED8E27;}
.index_contact .index_contact-form-textarea{width:100%;height:10.90278vw;border:0.06944vw solid #ddd;background:#FFFFFF;padding:1.31944vw 1.11111vw;font-family:'Roboto',sans-serif;font-weight:400;font-size:1.25vw;line-height:1.5;letter-spacing:0;color:#333333;box-sizing:border-box;outline:none;border-radius:0;resize:none;}
.index_contact .index_contact-form-textarea:focus{border-color:#ED8E27;}
.index_contact-form-placeholder{position:absolute;left:1.11111vw;top:50%;transform:translateY(-50%);font-family:'Roboto',sans-serif;font-weight:400;font-size:1.25vw;line-height:100%;letter-spacing:0;color:#767575;pointer-events:none;transition:opacity 0.3s ease;white-space:nowrap;}
.index_contact-form-field--full .index_contact-form-placeholder{top:1.31944vw;transform:none;}
.index_contact-form-field.active .index_contact-form-placeholder,.index_contact-form-field.filled .index_contact-form-placeholder{opacity:0;}
.index_contact-form-required{color:#FF0000;}
.index_contact-form-btn{margin-top:1.31944vw;}
.index_contact .index_contact-form-btn button{padding:0.69444vw 4.23611vw;background:#ED8E27;border:none;border-radius:0.69444vw;font-family:'Open Sans',sans-serif;font-weight:600;font-size:1.11111vw;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#FFFFFF;cursor:pointer;transition:background 0.3s ease;}
.index_contact .index_contact-form-btn button:hover{background:#d67d1c;}
/*index_contact-form end*/

/*index_contact-right start*/
.index_contact-right{width:36.25%;margin-left:4.23611%;padding-top:3.54167vw;}
.index_contact .index_contact-title{font-family:'Open Sans',sans-serif;font-weight:600;font-size:3.33333vw;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#FFFFFF;margin:0;}
.index_contact-divider{width:11.11111vw;height:0.34722vw;background:#FFFFFF;margin-top:0.48611vw;}
.index_contact-info{margin-top:2.56944vw;}
.index_contact-info-item{display:flex;align-items:center;margin-bottom:1.73611vw;}
.index_contact-info-item:last-child{margin-bottom:0;}
.index_contact-info-icon{width:2.77778vw;height:auto;flex-shrink:0;}
.index_contact-info-icon img{width:100%;height:auto;display:block;}
.index_contact-info-content{margin-left:1.38889vw;}
.index_contact-info-label{font-family:'Open Sans',sans-serif;font-weight:600;font-size:1.66667vw;line-height:1.66667vw;letter-spacing:0;text-transform:capitalize;color:#FFFFFF;margin:0;}
.index_contact-info-text{font-family:'Open Sans',sans-serif;font-weight:600;font-size:1.11111vw;line-height:1.66667vw;letter-spacing:0;color:#FFFFFF;margin:0.69444vw 0 0;}
.entry-content .index_contact .index_contact-info-link,.entry-content .index_contact .index_contact-info-link:visited{color:#FFFFFF;text-decoration:none;transition:color 0.3s ease;}
.entry-content .index_contact .index_contact-info-link:hover{color:#ED8E27;text-decoration:none;}
/*index_contact-right end*/

/*index_contact-social start*/
.index_contact-social{display:flex;gap:1.73611vw;margin-top:2.01389vw;}
.index_contact-social-item{display:block;width:2.29167vw;height:2.29167vw;transition:opacity 0.3s ease,transform 0.3s ease;}
.index_contact-social-item:hover{opacity:0.75;transform:translateY(-0.20833vw);}
.index_contact-social-item img{width:100%;height:100%;display:block;}
/*index_contact-social end*/

/*index_contact mobile start*/
@media screen and (max-width:768px){
.index_contact{height:auto;padding:30px 0 40px;background-size:cover;background-position:center;}
.index_contact-container{width:92%;flex-direction:column;}
.index_contact-left{width:100%;flex-shrink:unset;padding-top:0;}
.index_contact-header{height:48px;padding-left:12px;}
.index_contact-header-icon{height:26px;}
.index_contact-header-title{font-size:16px;margin-left:12px;}
.index_contact-form{margin-top:14px;}
.index_contact-form-row{flex-direction:column;gap:12px;margin-bottom:12px;}
.index_contact .index_contact-form-input{height:40px;border:1px solid #ddd;padding:0 12px;font-size:14px;line-height:40px;}
.index_contact .index_contact-form-textarea{height:100px;border:1px solid #ddd;padding:12px;font-size:14px;}
.index_contact-form-placeholder{left:12px;font-size:14px;}
.index_contact-form-field--full .index_contact-form-placeholder{top:12px;}
.index_contact-form-btn{margin-top:15px;}
.index_contact .index_contact-form-btn button{width:100%;padding:10px 0;border-radius:5px;font-size:14px;}
.index_contact-right{width:100%;margin-left:0;padding-top:0;order:-1;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.3);margin-bottom:20px;}
.index_contact .index_contact-title{font-size:24px;}
.index_contact-divider{width:100px;height:4px;margin-top:6px;}
.index_contact-info{margin-top:15px;}
.index_contact-info-item{margin-bottom:12px;}
.index_contact-info-icon{width:20px;}
.index_contact-info-content{margin-left:10px;}
.index_contact-info-label{font-size:18px;line-height:18px;}
.index_contact-info-text{font-size:14px;line-height:20px;margin:8px 0 0;}
.index_contact-social{gap:18px;margin-top:18px;}
.index_contact-social-item{width:28px;height:28px;}
}
/*index_contact mobile end*/

/*index_contact tablet start*/
@media screen and (min-width:769px) and (max-width:1024px){
.index_contact{height:auto;padding:40px 0;}
.index_contact-container{width:94%;}
.index_contact-left{width:55%;}
.index_contact-header{height:55px;padding-left:12px;}
.index_contact-header-icon{height:28px;}
.index_contact-header-title{font-size:18px;margin-left:14px;}
.index_contact-form{margin-top:20px;}
.index_contact-form-row{gap:12px;margin-bottom:18px;}
.index_contact .index_contact-form-input{height:50px;border:1px solid #ddd;padding:0 12px;font-size:14px;line-height:50px;}
.index_contact .index_contact-form-textarea{height:100px;border:1px solid #ddd;padding:14px 12px;font-size:14px;}
.index_contact-form-placeholder{left:12px;font-size:14px;}
.index_contact-form-field--full .index_contact-form-placeholder{top:14px;}
.index_contact-form-btn{margin-top:18px;}
.index_contact .index_contact-form-btn button{padding:10px 40px;border-radius:5px;font-size:14px;}
.index_contact-right{width:auto;margin-left:30px;padding-top:0;}
.index_contact .index_contact-title{font-size:32px;}
.index_contact-divider{width:120px;height:4px;margin-top:6px;}
.index_contact-info{margin-top:20px;}
.index_contact-info-item{margin-bottom:15px;}
.index_contact-info-icon{width:24px;}
.index_contact-info-content{margin-left:12px;}
.index_contact-info-label{font-size:20px;line-height:20px;}
.index_contact-info-text{font-size:14px;line-height:20px;margin:6px 0 0;}
.index_contact-social{gap:18px;margin-top:25px;}
.index_contact-social-item{width:28px;height:28px;}
}
/*index_contact tablet end*/
