@charset "UTF-8";
/*CSS重置*/
.contact-banner{position:relative;overflow:hidden;}
.contact-banner img{position:relative;left: 50%;transform: translate3d(-50%, 0, 0);width: calc(1.6*100%);}
.contact-banner-nav{position: absolute;top: 40%;left: 24%; display:none;}
.contact-banner-title{display: inline-block;}
.contact-banner-chinese{line-height:44px;height: 44px; font-size:44px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(255,255,255,1);line-height:30px;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.35);margin-bottom: 10px;}
.contact-banner-english{height:24px;line-height: 24px; font-size:30px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(255,255,255,1);line-height:30px;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.35);text-transform:uppercase;}
.banner-con01{display: none;}
@media (max-width: 576px) {
  .contact-banner-nav{display: none;}
  .contact-banner img{min-height: 180px;}
  .banner-con01{display: block;}
  .banner-con{display: none;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-banner-nav{top: 30%;left: 20%;}
  .contact-banner-chinese{line-height:27px;height: 27px; font-size:27px;}
  .contact-banner-english{height:18px;line-height: 18px; font-size:18px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-banner-nav{top: 32%;left: 17%;}
  .contact-banner-chinese{line-height:36px;height: 36px; font-size:36px;}
  .contact-banner-english{height:24px;line-height: 24px; font-size:24px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-banner-nav{position: absolute;top: 35%;left: 14%;}
  .contact-banner-chinese{line-height:40px;height: 40px; font-size:40px;}
  .contact-banner-english{height:27px;line-height: 27px; font-size:27px;}
}

.contact-content{width: 100%;background:rgba(247,247,247,1);}
.contact-content-PageTitle{width: 200px;text-align: center;margin: 0 auto; padding: 60px 0 40px 0;}
.content-PageTitle-chinese{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}
.content-PageTitle-english{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(204,204,204,1);text-transform:uppercase;}
.content-PageTitle-active{width:40px;height:3px;background:rgba(43,92,197,1);margin: 14px auto;}
@media (max-width: 576px) {
  .contact-content-PageTitle{padding: 15px 0 5px 0;}
  .content-PageTitle-chinese{font-size:16px;}
  .content-PageTitle-active{margin: 7px auto;} 
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-content-PageTitle{padding: 25px 0 10px 0;}
  .content-PageTitle-chinese{font-size:18px;}
  .content-PageTitle-english{font-size:12px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-content-PageTitle{padding: 35px 0 20px 0;}
  .content-PageTitle-chinese{font-size:20px;}
  .content-PageTitle-english{font-size:14px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-content-PageTitle{padding: 50px 0 35px 0;}
}

.contact-map{position:relative;overflow:hidden;}
.contact-map img{position:relative;left: 50%;transform: translate3d(-50%, 0, 0);width: calc(1.6*100%);}
.contact-map-left{width: 320px; height: 200px; background-color: rgba(255, 255, 255, 1);text-align: center;}
.contact-map-left img{width: 60px; height: 60px;margin-top: 41px;}
.map-left-txt{width:238px;height:39px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);margin: 25px auto;}
.contact-map-con{height: 200px; background-color: rgba(95,168,237,1);text-align: center;}
.contact-map-con img{width: 60px; height: 60px;margin-top: 41px;}
.map-con-txt{width:238px;height:46px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);margin: 25px auto;}
.contact-map-right{height: 200px;  background-color: rgba(65,121,241,1);text-align: center;}
.contact-map-right img{width: 60px; height: 60px;margin-top: 41px;}
.map-right-txt{width:238px;height:46px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);margin: 25px auto;}
@media (max-width: 576px) {
  .contact-map-title{width: 100%; margin: 0 auto;}
  .contact-map-left,.contact-map-con,.contact-map-right{width: 100%;}
  .contact-map-title{margin-top: 0px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-map-title{width:960px;height:200px;background:rgba(65,121,241,1);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);}
  .contact-map-nav{position: absolute;margin-top: -270px;left: 50%;margin-left: -480px;}
  .contact-map-left,.contact-map-con,.contact-map-right{float: left;display: inline-block;width: 320px;}
  .contact-map-title{transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5); /* IE 9 */-webkit-transform: scale(0.5,0.5); /* Safari and Chrome */}
  .contact-map-nav{position: absolute;margin-top: -180px;} 
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-map-title{width:960px;height:200px;background:rgba(65,121,241,1);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);}
  .contact-map-nav{position: absolute;margin-top: -270px;left: 50%;margin-left: -480px;}
  .contact-map-left,.contact-map-con,.contact-map-right{float: left;display: inline-block;width: 320px;}
  .contact-map-title{transform: scale(0.7,0.7);-ms-transform: scale(0.7,0.7); /* IE 9 */-webkit-transform: scale(0.7,0.7); /* Safari and Chrome */}
  .contact-map-nav{position: absolute;margin-top: -190px;} 
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .contact-map-title{width:960px;height:200px;background:rgba(65,121,241,1);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);}
  .contact-map-nav{position: absolute;margin-top: -270px;left: 50%;margin-left: -480px;} 
  .contact-map-left,.contact-map-con,.contact-map-right{float: left;display: inline-block;width: 320px;}
  .contact-map-title{transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9); /* IE 9 */-webkit-transform: scale(0.9,0.9); /* Safari and Chrome */}
  .contact-map-nav{position: absolute;margin-top: -200px;}
}
@media (min-width: 1200px) {
  .contact-map-title{width:960px;height:200px;background:rgba(65,121,241,1);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);}
  .contact-map-nav{position: absolute;margin-top: -270px;left: 50%;margin-left: -480px;}
  .contact-map-left,.contact-map-con,.contact-map-right{float: left;display: inline-block;width: 320px;}
}

.contact-message{width: 100%;background:rgba(255,255,255,1); background-image: url(../images/contact_city.png);background-position: left bottom; background-repeat: no-repeat; clear: both;}
.contact-message-PageTitle{width: 200px;text-align: center;margin: 0 auto; padding: 60px 0 16px 0;}
.message-PageTitle-chinese{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}
.message-PageTitle-english{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(204,204,204,1);text-transform:uppercase;}
.message-PageTitle-active{width:40px;height:3px;background:rgba(43,92,197,1);margin: 14px auto;}
.message-PageTitle-tips{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1); text-align: center; padding: 0 20px;}

.meg-from-listOne{width:-webkit-calc(33.5% - 0px); width:-moz-calc(33.5% - 0px); width:calc(33.5% - 0px); display: inline-block; float: left;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}
.meg-from-listTwo{width:-webkit-calc(33% - 0px); width:-moz-calc(33% - 0px); width:calc(33% - 0px); display: inline-block; float: left;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}
.meg-from-listOne input{width:-webkit-calc(100% - 18px); width:-moz-calc(100% - 18px); width:calc(100% - 18px);height:56px;background:rgba(255,255,255,0);border:1px solid rgba(216,216,216,1);padding: 0 10px;margin-top: 20px;}
.meg-from-listTwo input{width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); width:calc(100% - 0px);height:56px;background:rgba(255,255,255,0);border:1px solid rgba(216,216,216,1);padding: 0 10px;margin-top: 20px;}
.meg-from-listTree{width: 100%;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1); clear: both;padding-top: 30px;}
.meg-from-listTree textarea{width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); width:calc(100% - 0px);height:56px;background:rgba(255,255,255,0);border:1px solid rgba(216,216,216,1);padding: 10px;margin-top: 20px;line-height: 28px;height: 150px; }
/*.meg-from-listBut{padding: 60px 0 40px 0;}*/
.meg-from-listBut button{width:210px;height:52px;line-height: 52px; text-align: center; background:rgba(43,92,197,1);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);border: none;}
@media (max-width: 576px) {
  .contact-message-PageTitle{padding: 15px 0 5px 0;}
  .message-PageTitle-chinese{font-size:16px;}
  .message-PageTitle-active{margin: 7px auto;} 
  .contact-message-from{width: 90%; margin: 0 auto;padding-top: 30px;}
  .meg-from-listOne{width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); width:calc(100% - 0px); display: inline-block; float: left;font-size:15px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1); clear: both;}
  .meg-from-listTwo{width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); width:calc(100% - 0px); display: inline-block; float: left;font-size:15px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1); clear: both;}
  .meg-from-listOne input{    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    height: 44px;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(216,216,216,1);
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 0px;}
  .meg-from-listTwo input{    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    height: 44px;
    background: rgba(255,255,255,0);
    border: 1px solid rgba(216,216,216,1);
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 0px;}
  .meg-from-listBut{text-align: center;}
  .message-PageTitle-tips{font-size:12px;}
  
  .meg-from-listTree {
		width: 100%;
		font-size: 15px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: rgba(51,51,51,1);
		clear: both;
		padding-top: 30px;
	}
	.meg-from-listTree textarea {
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
		height: 56px;
		background: rgba(255,255,255,0);
		border: 1px solid rgba(216,216,216,1);
		padding: 10px;
		margin-top: 10px;
		line-height: 28px;
		height: 100px;
	}
  .input-group-addon {
    background-color: rgba(255,255,255,0);
    padding-top: 0px !important;
    position: relative;
    top: 10px !important;
}
.meg-from-listTree {
    padding-top: 0px !important;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .contact-message-PageTitle{padding: 25px 0 10px 0;}
  .message-PageTitle-chinese{font-size:18px;}
  .message-PageTitle-english{font-size:12px;}
  .contact-message-from{width: 90%; margin: 0 auto;padding-top: 59px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-message-PageTitle{padding: 35px 0 20px 0;}
  .message-PageTitle-chinese{font-size:20px;}
  .message-PageTitle-english{font-size:14px;}
  .contact-message-from{width: 90%; margin: 0 auto;padding-top: 59px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-message-PageTitle{padding: 50px 0 35px 0;}
  .contact-message-from{width: 80%; margin: 0 auto;padding-top: 59px;}
}
@media (min-width: 1200px) {
  .contact-message-from{width: 56%; margin: 0 auto;padding-top: 59px;}
}