.contact{width: 100%; }

.contact_con{padding: 1.7rem 0 0; width: 100%;background-color: #f2f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:left;}

.contact_l{width: 50%;}

.contact_map{width: 100%; height: 47vw;}

.contact_t{padding: 0 4%; width: 43%; font-size: 1.1rem; line-height: 2; color: rgb(85, 83, 83);display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column; justify-content:space-between;}

.contact_t1{ margin-top: 3rem;color:rgb(56, 55, 55);}

.contact_t2{position: relative; padding-bottom: 2rem; font-size: 1.95rem; color: #333}

.contact_t2::after{content: ''; position: absolute; bottom: 0; left: 0; width: 3.3rem; border-bottom: solid 0.25rem #004bc8;}

.contact_row{width: 100%; padding: 1.67vw 0;display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start;}

.contact_row_b{ border-bottom: solid 1px #e5e5e5;}

.contact_blo{display: inline-block; width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-start;}

.contact_blo_p{padding-left: 6%;border-left: solid 1px #e5e5e5;}

.contact_addr,.contact_phone,.contact_email,.contact_fax{position: relative; font-size: 0.85rem;}

.contact_addr::before,.contact_phone::before,.contact_email::before,.contact_fax::before{content: '';display: inline-block; width: 0.85rem; height: 0.85rem;margin-right: 0.56rem; background-image: url(/skin/images/contact/addr_i.png); background-repeat: no-repeat; background-position: center; background-size: contain;}

.contact_phone::before{background-image: url(/skin/images/contact/phone_i.png);}

.contact_email::before{background-image: url(/skin/images/contact/email_i.png);}

.contact_fax::before{background-image: url(/skin/images/contact/fax_i.png);}

.contact_code{float: left; width: 7.3vw;margin-bottom: 3vw; margin-right: 3vw; line-height: 3; text-align: center;}

.contact_code img{width: 100%;}



.contact_bot{padding: 5vw 0; width: 100%; line-height: 3; color: #fff;background-image: url(/skin/images/common/footer.jpg);background-position: center; background-repeat: no-repeat;background-size: cover;}

.contact_bot .container{ display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:space-between; }

.contact_bot_l{width: 43%; display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column; justify-content:center;}

.contact_t3{padding: 1vw 0;}

.contact_t4{position: relative; margin-bottom: 2vw; font-size: 1.95rem;}

.contact_t4::after{content: ''; position: absolute; bottom: 0; left: 0; width: 3.3rem; border-bottom: solid 0.25rem #004bc8;}

.contact_bot_row{width: 80%; margin-top: 2.2rem; padding: 2.2rem 0; border-top: solid 1px #fff;}

.contact_bot_row_blo{width: 49%; display: inline-block;}

.contact_bot_r{width: 50%;display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column; justify-content:center;}

.contact_bot_r_row{margin:0.56rem 0;display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:space-between;}

.contact_inp{padding: 0 2% 0 2.5rem; width: 49%; color: #fff; line-height: 3.9rem; border-radius: 0.3rem; background-color: rgba(242,242,242,0.4);}

.contact_inp_name,.contact_inp_company,.contact_inp_email,.contact_inp_phone{background-image: url(/skin/images/contact/name_i.png); background-position: 1rem center; background-repeat: no-repeat; background-size: 1.1rem 1.1rem;}

.contact_inp_company{background-image: url(/skin/images/contact/company_i.png);}

.contact_inp_email{background-image: url(/skin/images/contact/email_i_white.png);}

.contact_inp_phone{background-image: url(/skin/images/contact/phone_i_white.png);}

.contact_textarea{margin: 0.56rem 0;padding: 1.1rem 1rem; width: 100%; height: 8.5rem; color: #fff; border-radius: 0.3rem; background-color: rgba(242,242,242,0.4);}

.contact_btn{margin: 0.56rem 0;width: 100%; line-height: 3.9rem; font-size: 1.39rem; color: #fff; background-color: #004bc8; text-align: center; border-radius: 0.3rem;}



input::-webkit-input-placeholder {color: #fff;}

input:-moz-placeholder {color: #fff;}

input::-moz-placeholder {color: #fff;}

input:-ms-input-placeholder {color: #fff;}

textarea::-webkit-input-placeholder {color: #fff;}

textarea:-moz-placeholder {color: #fff;}

textarea::-moz-placeholder {color: #fff;}

textarea:-ms-input-placeholder {color: #fff;}



footer{background-image: none; background-color: #000;}



@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1200px) {

    .contact_t{width: 100%;}

    .contact_t1{ margin-top: 1.5rem;}

    .contact_t2{padding-bottom: 1.2rem;}

}

@media screen and (max-width: 768px) {

    .contact_con,.contact_bot .container{flex-direction: column-reverse;align-items: center;}

    .contact_l,.contact_t,.contact_bot_l,.contact_bot_r{width: 90%;}

    .contact_l{margin-bottom: 2rem;}

    .contact_t2,.contact_t4{font-size: 1.65rem;}

    .contact_code{width: 50%; margin: 0;}

    .contact_code img{margin: 0 auto; width: 50%;}

    .contact_t1{ margin-top: 0;}

    .contact_bot_r_row{flex-direction: column; margin: 0;}

    .contact_inp{margin:0.56rem 0;width: 100%;}

}

@media screen and (max-width: 414px) {

    .contact_inp{line-height: 3rem;}

}

@media screen and (max-width: 375px){

}

@media screen and (max-width: 320px) {

    

}

<!--ºÄʱ1773190414.6639Ãë-->