@charset "utf-8";
/*about-us*/
html{scroll-behavior:smooth}
.contact-banner .breadcrumb{bottom: 0;}
.contact-content{padding: 70px 0 170px;}
.contact-content .info-wrap{padding: 60px 65px;background: #fff;box-shadow: 0 9px 60px 0 rgba(112,109,131,.2);width:49%;margin-right: 2%;}
.contact-content .info-wrap strong{width: 104px;height: 104px;background: #0064ff;border-radius: 50%;margin-right: 80px;display: flex;justify-content: center;align-items: center;}
.contact-content .info-wrap strong img{width: 48px;height: 58px;}
.contact-content .info-wrap h2{font-size: 30px;color: #2e323f;margin-bottom: 10px;font-weight: 400;text-shadow: 0 0 1px rgba(46,50,63,.5);}
.contact-content .info-wrap i{font-style: normal;color: #8e9099;margin-bottom: 20px;display: block;}
.contact-content .info-wrap p{color: #0064ff;margin-bottom: 10px;}
.contact-content .info-wrap p img{margin-right: 10px;}
.contact-content .info-wrap a{color: #0064ff;}
.contact-content .email-wrap{margin-right: 0;}
.contact-content .email-wrap strong img{width: 56px;height: 42px;}

.contact-content .position{position: relative;margin-top: 80px;}
.contact-content .position .info{background: #2c2c2c url(../img/cable-icon.png) no-repeat left center;height: 240px;width:100%;color: #fff;font-weight: 400;padding: 70px 120px 70px 98px;position: absolute;bottom: 0;z-index: 2;}
.contact-content .position .info h2{font-weight: 400;font-size: 30px;margin-bottom: 20px;}
.contact-content .position .info p{}
.contact-content .position .info strong{font-weight: 400;font-size: 30px;white-space: nowrap;}
.contact-content .position .map{height: 860px;}

.contact-content .message{margin-top: 70px;}
.contact-content .message-tit{font-size: 30px;position: relative;font-weight: 400;margin-bottom: 40px;}
.contact-content .message-tit::after{content: '';height:1px;background: #e4e4e4;width: 90%;position: absolute;left: 10%;top: 50%;}

.form .col{background: #f0f0f1; margin-top: 30px; padding: 0 30px; height: 64px; display: flex; align-items: center; box-sizing: border-box;}
.form .col.textarea{align-items: flex-start; padding-top: 18px; height: auto}
.form .w66{width: 66%}
.form .w32{width: 32%}
.form .w100{width: 100%}
.form .col label{color: #757986; font-size: 16px; white-space: nowrap; margin-right: 20px;}
.form .col label .red{font-style: normal; color: #e30c13}
.form .col input, .form .col select, .form .col textarea{border: 0 none; background: none; padding: 0; font-size: 16px; flex-grow: 1}
.form .col textarea{height: 200px}
.form .btn{width: 256px; height: 50px; transition: all 300ms; line-height: 50px; display: block; margin: 60px auto 0; color: white; font-size: 18px; border: 0 none; background-color: #e30c13; cursor: pointer;}
.form .btn:hover{background-color: #ef343b;}

@media (max-width: 1699px) {
	.contact-content .info-wrap{padding: 50px;}
	.contact-content .info-wrap h2{font-size: 28px;}
}
@media (max-width: 1599px) {
	.contact-content .info-wrap{padding: 40px 45px;}
	.contact-content .info-wrap strong{width: 95px;height: 95px;margin-right: 50px;}
	.contact-content .info-wrap strong img{width: 40px;height: 48px;}
	.contact-content .email-wrap strong img{width: 50px;height: 42px;}
	.contact-content .info-wrap h2{font-size: 26px;margin-bottom: 5px;}
	.contact-content .info-wrap i{margin-bottom: 10px;}
	.contact-content .position{margin-top: 60px;}
	.contact-content .position .map{height: 780px;}
	.contact-content .position .info{height: 180px; padding: 70px;}
	.contact-content .position .info h2{font-size: 28px;}
	.contact-content .position .info strong{font-size: 28px;}
	
}
@media (max-width: 1499px) {
	
}
@media (max-width: 1355px) {
	
}
@media (max-width: 1399px) {
	
}
@media (max-width: 1299px) {
	.contact-content .info-wrap{padding: 35px 40px;}
	.contact-content .info-wrap h2{font-size: 24px;}
	.contact-content .info-wrap strong{width: 90px;height: 90px;margin-right: 35px;}
	.contact-content .info-wrap strong img{width: 36px;height: 44px;}
	.contact-content .email-wrap strong img{width: 45px;height: 34px;}
	.contact-content .info-wrap p{margin-bottom: 5px;}
	.contact-content .position{margin-top: 50px;}
	.contact-content .position .map{height: 720px;}
	.contact-content .position .info{height: 170px; padding: 60px;}
	.contact-content .position .info h2{font-size: 26px;}
	.contact-content .position .info strong{font-size: 26px;}
}
@media (max-width: 1199px) {
	.contact-content .position .map{height: 700px;}
}
@media (max-width: 1099px) {
	.contact-content .position .map{height: 680px;}
}
@media (max-width: 991px) {
	.contact-content .info-wrap{padding:25px 30px;}
	.contact-content .info-wrap h2{font-size: 22px;margin-bottom: 0;}
	.contact-content .info-wrap strong{width: 80px;height: 80px;margin-right: 20px;}
	.contact-content .info-wrap strong img{width: 32px;height: 39px;}
	.contact-content .email-wrap strong img{width: 40px;height: 30px;}
	.contact-content .info-wrap p{margin-bottom: 5px;}
	.contact-content .info-wrap p img{margin-right: 5px;}
	.contact-content .position .map{height: 620px;}
	.contact-content .position .info{height: 150px; padding: 50px;}
	.contact-content .position .info h2{font-size: 24px;margin-bottom: 15px;}
	.contact-content .position .info strong{font-size: 24px;}
}
@media (max-width: 767px) {
	.contact-content{padding: 20px 15px 30px;}
	.contact-content .phone-email{flex-direction: column;}
	.contact-content .info-wrap{padding:30px 50px;}
	.contact-content .info-wrap{width: 100%;margin-bottom: 20px; padding: 10px}
	.contact-content .info-wrap strong{width: 50px;height: 50px;margin-right: 40px;}
	.contact-content .info-wrap strong img{width: 26px;height: 34px;}
	.contact-content .email-wrap strong img{width: 25px;height: 20px;}
	.contact-content .info-wrap h2{margin-bottom: 5px; font-size: 18px;}
	.contact-content .position, .contact-content .message{margin-top: 25px;}
	.contact-content .info-wrap p img{margin-right: 10px;}
	.contact-content .message-tit::after{left: 20%}
	.contact-content .message-tit{font-size: 18px; margin-bottom: 0;}

	.contact-content .position .map{height: 580px;}
	.contact-content .position .info{padding: 10px; height: auto;}
	.contact-content .position .info h2{font-size: 18px;margin-bottom: 10px;}
	.contact-content .position .info strong{font-size: 18px;margin-left: 15px; font-weight: normal;}

	.form .row{flex-wrap: wrap;}
	.form .col{margin-top: 10px; height: 40px; padding: 0 10px;}
	.form .col.w66, 
	.form .col.w32{width: 100%}
	.form .btn{width: 100%; margin-top: 20px;}
}
@media (max-width: 414px) {
	.contact-content .position .info strong{display: none}
}