/*联系我们*/
.contact-wrapper1 {background: url(../images/Index/contact_bg_01.jpg) center top no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 100px;text-align: right}
.contact-wrapper1 .wrap h2 {font-size: 52px;line-height: 1.2;color: #fff;font-weight: 900}
.contact-wrapper1 .wrap p {margin-top: 20px;font-size: 20px;line-height: 1.6;color: #fff;opacity: .5}
.contact-wrapper1 .wrap .contact-swt-btn {margin-top: 30px;line-height: 0;font-size: 0}
.contact-wrapper1 .wrap .contact-swt-btn a {display: inline-block;margin-left: 16px;padding-right: 40px;padding-left: 20px;padding-top: 20px;padding-bottom: 20px;line-height: 0;font-size: 0;text-align: left;white-space: nowrap;vertical-align: top;background-color: rgba(0,22,43,0.35)}
.contact-wrapper1 .wrap .contact-swt-btn a i {margin-right: 20px;display: inline-block;width: 62px;height: 62px;background: #d33028 url(../images/Index/contact_icon_01.png) center center no-repeat;background-size: 100%;vertical-align: middle;border-radius: 100%;overflow: hidden}
.contact-wrapper1 .wrap .contact-swt-btn a span {display: inline-block;font-size: 0;line-height: 0;vertical-align: middle}
.contact-wrapper1 .wrap .contact-swt-btn a span strong,.contact-wrapper1 .wrap .contact-swt-btn a span em {display: block;color: #ffffff;font-weight: normal}
.contact-wrapper1 .wrap .contact-swt-btn a span strong {font-size: 25px;height: 36px;line-height: 36px}
.contact-wrapper1 .wrap .contact-swt-btn a span em {font-size: 20px;height: 26px;line-height: 26px;opacity: .7}
.contact-wrapper1 .wrap .contact-swt-btn a+a i {background: #d33028 url(../images/Index/contact_icon_02.png) center center no-repeat;background-size: 100%}
.contact-wrapper1 .wrap p.address {margin-top: 70px;font-size: 24px;line-height: 1.66666;color: #fff;opacity: 1}
.contact-wrapper2 {background: url(../images/Index/contact_bg_02.jpg) center top no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 120px;height: 1198px}
.contact-wrapper2 .wrap h2 {font-size: 52px;height: 60px;line-height: 60px;color: #010101;font-weight: 900}
.contact-wrapper2 .wrap>p {margin-top: 28px;font-size: 20px;line-height: 34px; }
.contact-wrapper2 .wrap>p a {display: inline-block;height: 50px;line-height: 50px;padding: 0 30px;font-size: 26px;border-radius: 6px;background-color: #e73a31;color: #ffffff; font-family: arial}
.contact-wrapper2 .wrap .form-panel {margin-top: 100px;overflow: hidden}
.contact-wrapper2 .wrap .form-panel .form-content {width: 62%;float: left;background-color: #f3f3f3;padding: 70px 5.33333% 60px}
.contact-wrapper2 .wrap .form-panel .form-content>p {font-size: 22px;line-height: 36px;color: #000000}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox {margin-top: 30px;overflow: hidden}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p {margin-top: 34px;width: 39.13978%;height: 46px;float: left;position: relative}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p:before {content: "";position: absolute;top: 0;bottom: 0}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea {width: 100%;height: 100%;display: block;padding-left: 75px;padding-right: 20px;background: #ececec;border-radius: 8px;font-size: 18px;color: #000000;line-height: 46px; border:0;}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input::-webkit-input-placeholder,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea::-webkit-input-placeholder {color: rgba(0,0,0,0.6)}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input::-moz-placeholder,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea::-moz-placeholder {color: rgba(0,0,0,0.6)}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input:-moz-placeholder,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea:-moz-placeholder {color: rgba(0,0,0,0.6)}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input:-ms-input-placeholder,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea:-ms-input-placeholder {color: rgba(0,0,0,0.6)}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_name:before {width: 19px;left: 33px;background: url(../images/Index/contact_icon_user.png) center no-repeat;background-size: 100%}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_tel {float: right}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_tel:before {width: 23px;left: 39px;background: url(../images/Index/contact_icon_phone.png) center no-repeat;background-size: 100%}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text {width: 100%;height: 174px;clear: both}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text textarea {padding: 25px 42px;line-height: 1.66667}
.contact-wrapper2 .wrap .form-panel .form-content form .notice {margin-top: 58px;margin-bottom: 12px;font-size: 18px;line-height: 20px;color:#c8c8c8;text-align: center}
.contact-wrapper2 .wrap .form-panel .form-content form .submit {width: 340px;height: 50px;display: block;margin: 0 auto;background:#ea3f3f;background: linear-gradient(90deg, #ea3f3f, #ea3f3f);border-radius: 8px;font-size: 20px;font-weight: 800;color: #FFFFFF;text-align: center;line-height: 50px;transition: all linear 0.4s}
.contact-wrapper2 .wrap .form-panel .form-content form .submit:hover {background: #FF0003;background: linear-gradient(90deg, #ff1313, #ff4f4f)}
.contact-wrapper2 .wrap .form-panel .other-font {width: 38%;float: right;position: relative}
.contact-wrapper2 .wrap .form-panel .other-font img {display: block;width: 100%;position: relative;z-index: 1}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;line-height: 0;font-size: 0;padding-top: 30px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p {padding-left: 60px;padding-top: 16px;padding-bottom: 16px;line-height: 0;font-size: 0;white-space: nowrap}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p i {margin-right: 30px;width: 40px;height: 40px;display: inline-block;background: url(../images/Index/contact_icon_03.png) center center no-repeat;background-size: 100%;vertical-align: middle;overflow: hidden;position: relative}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span {display: inline-block;font-size: 0;line-height: 0;vertical-align: middle}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span strong,.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span em {display: block;color: #ffffff;font-weight: normal}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span strong {font-size: 22px;height: 36px;line-height: 36px;font-weight: 900}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span em {font-size: 18px;height: 26px;line-height: 1.44444;opacity: .6}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p+p i {background: url(../images/Index/contact_icon_04.png) center center no-repeat;background-size: 100%}


@media (max-width: 1600px) {
.contact-wrapper1 {padding-top: 210px;padding-bottom: 140px;height: 700px}
.contact-wrapper1 .wrap h2 {font-size: 52px}
.contact-wrapper1 .wrap .contact-swt-btn a span strong {font-size: 24px}
.contact-wrapper1 .wrap p.address {margin-top: 60px}
.contact-wrapper2 {padding-top: 70px;padding-bottom: 90px;height: 1030px}
.contact-wrapper2 .wrap h2 {font-size: 52px;height: 60px;line-height: 60px}
.contact-wrapper2 .wrap>p {margin-top: 24px;font-size: 20px;line-height: 34px}
.contact-wrapper2 .wrap>p a {height: 50px;line-height: 50px;padding: 0 30px;font-size: 24px;border-radius: 6px}
.contact-wrapper2 .wrap .form-panel {margin-top: 80px}
.contact-wrapper2 .wrap .form-panel .form-content {padding: 50px 5% 40px}
.contact-wrapper2 .wrap .form-panel .form-content>p {font-size: 20px;line-height: 32px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox {margin-top: 25px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p {margin-top: 25px;width: 44%}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text {height: 170px}
.contact-wrapper2 .wrap .form-panel .form-content form .notice {margin-top: 38px;margin-bottom: 10px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font {padding-top: 25px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p {padding-left: 50px;padding-top: 12px;padding-bottom: 12px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p i {margin-right: 25px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span strong {font-size: 20px;height: 32px;line-height: 32px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span em {font-size: 16px;height: 24px;line-height: 24px}
}

@media (max-width: 1440px) {
.contact-wrapper1 {padding-top: 200px;padding-bottom: 120px;height: 640px}
.contact-wrapper1 .wrap h2 {font-size: 48px}
.contact-wrapper1 .wrap p {font-size: 18px}
.contact-wrapper1 .wrap .contact-swt-btn a i {width: 56px;height: 56px}
.contact-wrapper1 .wrap .contact-swt-btn a span strong {font-size: 22px;height: 32px;line-height: 32px}
.contact-wrapper1 .wrap .contact-swt-btn a span em {font-size: 18px;height: 24px;line-height: 24px}
.contact-wrapper1 .wrap p.address {margin-top: 50px;font-size: 22px}
.contact-wrapper2 {padding-top: 70px;padding-bottom: 80px;height: 930px}
.contact-wrapper2 .wrap h2 {font-size: 48px;height: 56px;line-height: 56px}
.contact-wrapper2 .wrap>p {margin-top: 20px;font-size: 18px;line-height: 32px}
.contact-wrapper2 .wrap>p a {height: 48px;line-height: 48px;padding: 0 30px;font-size: 20px;border-radius: 6px}
.contact-wrapper2 .wrap .form-panel {margin-top: 60px}
.contact-wrapper2 .wrap .form-panel .form-content {padding: 40px 4% 40px}
.contact-wrapper2 .wrap .form-panel .form-content>p {font-size: 18px;line-height: 28px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox {margin-top: 15px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p {margin-top: 20px;width: 44%}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea {font-size: 16px;padding-left: 60px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_name:before {left: 24px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_tel:before {left: 24px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text {height: 146px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text textarea {padding: 15px 25px}
.contact-wrapper2 .wrap .form-panel .form-content form .notice {margin-top: 30px;margin-bottom: 10px;font-size: 16px}
.contact-wrapper2 .wrap .form-panel .form-content form .submit {font-size: 18px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font {padding-top: 20px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p {padding-left: 40px;padding-top: 12px;padding-bottom: 12px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p i {margin-right: 20px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span strong {font-size: 18px;height: 28px;line-height: 28px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span em {font-size: 14px;height: 20px;line-height: 20px}
}

@media (max-width: 1280px) {
.contact-wrapper1 {padding-top: 180px;padding-bottom: 80px;height: 560px}
.contact-wrapper1 .wrap h2 {font-size: 44px}
.contact-wrapper1 .wrap p {font-size: 16px}
.contact-wrapper1 .wrap .contact-swt-btn a i {width: 48px;height: 48px}
.contact-wrapper1 .wrap .contact-swt-btn a span strong {font-size: 18px;height: 28px;line-height: 28px}
.contact-wrapper1 .wrap .contact-swt-btn a span em {font-size: 14px;height: 20px;line-height: 20px}
.contact-wrapper1 .wrap p.address {margin-top: 40px;font-size: 18px}
.contact-wrapper2 {padding-top: 70px;padding-bottom: 70px;height: 820px}
.contact-wrapper2 .wrap h2 {font-size: 44px;height: 52px;line-height: 52px}
.contact-wrapper2 .wrap>p {margin-top: 15px;font-size: 16px;line-height: 28px}
.contact-wrapper2 .wrap>p a {height: 44px;line-height: 44px;padding: 0 25px;font-size: 18px;border-radius: 6px}
.contact-wrapper2 .wrap .form-panel {margin-top: 40px}
.contact-wrapper2 .wrap .form-panel .form-content {padding: 30px}
.contact-wrapper2 .wrap .form-panel .form-content>p {font-size: 16px;line-height: 24px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox {margin-top: 10px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p {margin-top: 15px;width: 48%}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea {font-size: 14px;padding-left: 50px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_name:before {left: 16px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_tel:before {left: 16px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text {height: 126px}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text textarea {padding: 15px 20px}
.contact-wrapper2 .wrap .form-panel .form-content form .notice {margin-top: 22px;margin-bottom: 10px;font-size: 14px}
.contact-wrapper2 .wrap .form-panel .form-content form .submit {font-size: 16px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font {padding-top: 20px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p {padding-left: 30px;padding-top: 12px;padding-bottom: 12px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p i {margin-right: 15px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span strong {font-size: 16px;height: 24px;line-height: 24px}
.contact-wrapper2 .wrap .form-panel .other-font .contact-form-font p span em {font-size: 13px;height: 20px;line-height: 20px}
}

@media (max-width: 992px) {

.contact-wrapper1 {padding-top: 6.33333rem;padding-bottom: 1.06667rem;height: 17.66667rem;position: relative;background: url(../images/Index/m_contact_bg_01.jpg) center bottom no-repeat;background-size: cover;text-align: left}
.contact-wrapper1 .wrap h2 {font-size: .64rem}
.contact-wrapper1 .wrap p {margin-top: .26667rem;font-size: .37333rem;line-height: .66667rem;opacity: 0.5}
.contact-wrapper1 .wrap .contact-swt-btn {position: absolute;left: .4rem;top:8.6rem}
.contact-wrapper1 .wrap .contact-swt-btn a {margin-top: .4rem;margin-left: 0;padding: .32rem .6rem;background-color: rgba(0,0,0,0.5)}
.contact-wrapper1 .wrap .contact-swt-btn a i {margin-right: .45333rem;width: .96rem;height: .96rem}
.contact-wrapper1 .wrap .contact-swt-btn a span strong {font-size: .4rem;height: .53333rem;line-height: .53333rem}
.contact-wrapper1 .wrap .contact-swt-btn a span em {margin-top: .13333rem;font-size: .37333rem;height: .42667rem;line-height: .42667rem}
.contact-wrapper1 .wrap p.address {position: absolute;left: .4rem;top:13.5rem;padding: .24rem .48rem;background: rgba(255,255,255,0.1);border: .01333rem solid rgba(255,255,255,0.4);border-radius: 1.06667rem;font-size: .4rem;color: #fff}
.contact-wrapper2 {padding-top: 1.06667rem;padding-bottom: 1.06667rem;height: auto;background: url(../images/Index/m_contact_bg_02.jpg) center no-repeat;background-size: cover}
.contact-wrapper2 .wrap h2 {font-size: .64rem;height: .74667rem;line-height: .74667rem}
.contact-wrapper2 .wrap>p {margin-top: .4rem;font-size: .44rem;line-height: .81333rem;color: #737373}
.contact-wrapper2 .wrap>p a {height: .9rem;line-height: .9rem;padding: 0 .4rem;font-size: .47333rem;border-radius: .8rem}
.contact-wrapper2 .wrap .form-panel {margin-top: 1.06667rem}
.contact-wrapper2 .wrap .form-panel .form-content {width: 100%;padding: .64rem .6rem .74667rem}
.contact-wrapper2 .wrap .form-panel .form-content>p {font-size: .37333rem;line-height: .61333rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox {margin-top: .26667rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p {margin-top: .42667rem;width: 100%;height: 1.17333rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p input,.contact-wrapper2 .wrap .form-panel .form-content form .inputbox p textarea {padding-left: 1.48rem;padding-right: .4rem;border-radius: .10667rem;font-size: .37333rem;line-height: 1.17333rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_name:before {width: .4rem;left: .64rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_tel:before {width: .4rem;left: .64rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text {height: 4rem}
.contact-wrapper2 .wrap .form-panel .form-content form .inputbox .input_text textarea {padding: .48rem .64rem;line-height: .56rem}
.contact-wrapper2 .wrap .form-panel .form-content form .notice {margin-top: .4rem;margin-bottom: .2rem;font-size: .37333rem;line-height: .42667rem}
.contact-wrapper2 .wrap .form-panel .form-content form .submit {width: 4.53333rem;height: .93333rem;border-radius: .10667rem;font-size: .37333rem;line-height: .93333rem}
.contact-wrapper2 .wrap .form-panel .other-font {display: none}
}