.contact-wrap h1, .contact-wrap h2, .contact-wrap h3 {
	color: #212121;
	font-weight: normal;			
}
.contact-wrap h1 a, .contact-wrap h2 a, .contact-wrap h3 a{      
  color: #212121;
}
.contact-wrap h2,.contact-wrap h2 a{
  font-size: 36px;
}
.contact-wrap h3,.contact-wrap h3 a{
  font-family: 'Montserrat-Medium';
  font-size: 18px;
}

.contact-wrap img {
	vertical-align: middle;
  -webkit-transition: 0.6s all; 
  -moz-transition: 0.6s  all; 
  -ms-transition: 0.6s  all; 
  transition: 0.6s  all;
}  /* 图片在当前行内的垂直位置 */

.contact-wrap p{
  margin-top: 20px;
	font-size: 16px;
	font-family: 'Montserrat-Regular';
	color: #666;
	line-height: 30px;
}

.contact-wrap .container{
	width: 1400px;
	margin:0 auto;
}

.contact-wrap .padding-top{
	padding-top: 100px;
}
.contact-wrap .paddinga-top{
  padding-top: 90px;
}
.contact-wrap .padding{
  padding: 100px 0;
}
.contact-wrap .paddinga{
  padding: 90px 0;
}
.contact-wrap .margin-top{
    margin-top: 100px;
}
.contact-wrap .margina-top{
    margin-top: 90px;
}

.contact-wrap .wp{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
/*  width: auto;*/
}
.contact-wrap .wpa{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact-wrap .wpb{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contact-wrap .lg-01{
  width: 50%;
}
.contact-wrap .lg-02 li{
  width: 48.8%;
  margin-left: 2.4%;
}
.contact-wrap .lg-02 li:nth-child(2n+1){
  margin-left: 0;
}
.contact-wrap .lg-03 li{
  width: 31%;
}
.contact-wrap .lg-03 li{
  margin-left: 2.33%;
}
.contact-wrap .lg-03 li:nth-child(3n+1){
  margin-left: 0;
}
.contact-wrap .lg-04 li{
  width: 23%;
  margin-left: 2.66%;
}
.contact-wrap .lg-04 li:nth-child(4n+1){
  margin-left: 0;
}
.contact-wrap .mg-04 li{
  width: 25%;
}
.contact-wrap .lg-05 li{
  width: 20%;
}
@media screen and (max-width: 1580px){  
  .contact-wrap .padding-top{
      padding-top: 80px;
  }
  .contact-wrap .paddinga-top,.contact-wrap .paddinga{
      padding-top: 70px;
  }
  .contact-wrap .padding{
        padding: 80px 0;
  }
  .contact-wrap .paddinga{
    padding: 70px 0;
  }
  .contact-wrap .margin-top{
      margin-top: 80px;
  }
}
@media screen and (max-width: 960px){
  .contact-wrap .lg-01,
  .contact-wrap .lg-02 li,
  .contact-wrap .lg-03 li,
  .contact-wrap .lg-04 li,
  .contact-wrap .lg-05 li,
  .contact-wrap .mg-04 li{
  width: 100%;
  }
  .contact-wrap .lg-02 li,.contact-wrap .lg-03 li,.contact-wrap .lg-04 li{
    margin-left: 0;
  }
  .contact-wrap .lg-04 li:nth-child(4){
    margin-top: 40px;
  }
  .contact-wrap .padding-top,.contact-wrap .paddinga-top,.contact-wrap .paddinga{
    padding-top: 50px;
  }
  .contact-wrap .padding,.contact-wrap .paddinga{
    padding: 50px 0;
  }
  .contact-wrap .margin-top,.contact-wrap .margina-top{
      margin-top: 50px;
  }
}

.contact-wrap .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.contact-wrap .swiper-container{
  width: 100%;
  overflow: hidden;
}
.contact-wrap .swiper-slide {
    flex-shrink: 0;
    position: relative;
    transition-property: transform;
}


.div_info {
  width: 30%;
  padding: 55px;
  background: #fff;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, .1);
  border-radius: 24px
}

.div_info h3 {
  padding-bottom: 20px;
  font-size: 28px;
  color: #333;
  line-height: 24px;
  letter-spacing: 1px;
  font-family: montserrat-bold
}

.div_info input,
.div_info textarea {
  display: block;
  width: 100%;
  height: 52px;
  margin: 0 auto;
  margin-top: 20px;
  padding-left: 30px;
  font-size: 15px;
  border: none;
  background: #fafafa;
  border: 1px solid #eee;
  outline: none;
  border-radius: 8px
}

.div_info button {
  width: 100%;
  height: 56px;
  font-size: 15px;
  color: #fff;
  background: var(--color-noticeboard-backgroud);
  margin-top: 30px;
  border: none;
  outline: none;
  letter-spacing: 1px;
  font-family: montserrat-bold;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  border-radius: 8px
}

.div_info button:hover {
  background: #358e43;
  cursor: pointer
}

.div_info textarea {
  height: 166px;
  padding: 20px 30px;
  line-height: 30px
}

.input-position {
  position: relative
}

.contact-input {
  width: 100%;
  padding: 70px 0 90px;
  overflow: hidden
}

.contact-list ul {
  width: 52%;
  margin-top: 60px
}

.contact-list li {
  margin-bottom: 70px;
  overflow: auto;
  display: inline-flex;
}

.contact-list li i {
  float: left;
  width: 54px;
  margin-top: 5px;
  margin-right: 36px;
  font-size: 54px;
  color: var(--color-icon-primary)
}

.contact-list li:nth-child(2) i {
  font-size: 62px
}

.contact-list li:nth-child(3) i {
  font-size: 32px;
  margin-top: 20px
}

.contact-list li div {
  float: left
}
.contact-list li .pic{
	margin:auto;
	margin-right:20px
}
.contact-list li .txt{
	
}
.contact-list li h3 {
  font-family: montserrat-bold;
  font-size: 24px;
  color: var(--color-noticeboard-backgroud)
}

.contact-list li p {
  margin-top: 18px;
  font-size: 17px
}

.contact-input .div_info {
  width: 42%;
  height: 100%;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}

.contact-map ul {
  margin: 45px 0 90px;
  overflow: auto
}

.contact-map li {
  width: 30.2%;
  margin-left: 4.7%;
  margin-top: 45px
}

.contact-map li span {
  display: block;
  width: 59px;
  height: 59px;
  margin-bottom: 28px;
  font-size: 38px;
  color: #fff;
  text-align: center;
  line-height: 59px;
  background: var(--color-noticeboard-backgroud);
  border-radius: 50%
}

.contact-map li:nth-child(3) span {
  font-size: 35px
}

.contact-map li:nth-child(4) span {
  font-size: 36px
}

.contact-map li:nth-child(6) span {
  font-size: 29px
}

.contact-map li h6 {
  padding-top: 25px;
  font-size: 14px;
  color: #666;
  font-family: montserrat-regular;
  border-top: 1px solid #cbcbcb
}

.contact-map li p {
  margin-top: 15px;
  font-size: 15px;
  line-height: 28px;
  color: #212121
}

.map {
  overflow: hidden
}

.map img {
  width: 100%
}

.map img:hover {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02)
}

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

  .contact-wrap .container {
      width: 78%
  }
  .contact-wrap h2,
  .contact-wrap h2 a {
      font-size: 32px
  }

  .contact-list li div {
      /* width: 82%; */
  }

  .contact-list li {
      margin-bottom: 40px
  }
}

@media screen and (max-width:1420px) {
  .contact-input {
      padding: 60px 0
  }

  .contact-list li i {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .contact-list li div {
      /* width: 80%; */
  }

  .contact-list li h3 {
      font-size: 22px
  }

  .contact-list li p {
      margin-top: 10px
  }

  .contact-map ul {
      margin: 20px 0 60px
  }
}

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

  .contact-wrap h2,
  .contact-wrap h2 a {
      font-size: 28px
  }

  .contact-list li div {
      /* width: 74%; */
  }

  .contact-list li i {
      margin-right: 20px
  }

  .contact-input .div_info {
      width: 48%
  }

  .contact-list ul {
      margin-top: 20px
  }

  .div_info textarea {
      line-height: 26px
  }

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

  .contact-wrap .container{
      width: 88%
  }

  .div_info {
      padding: 30px
  }

  .div_info button {
      margin-top: 28px
  }

  .contact-wrap p {
      font-size: 15px;
      line-height: 24px
  }

  .contact-wrap h2,
  .contact-wrap h2 a {
      font-size: 26px
  }

  .div_info h3 {
      font-size: 24px
  }

  .contact-list ul {
      width: 100%;
      margin-top: 0
  }

  .contact-input {
      padding: 40px 0
  }

  .contact-list li h3 {
      font-size: 20px
  }

  .contact-list li div {
      /* width: 70%; */
  }

  .contact-input .div_info {
      width: 100%
  }

  .contact-map li {
      width: 100%;
      margin-left: 0;
      margin-top: 20px
  }

  .contact-map li span img {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transform: scale(.8)
  }

  .contact-map li span {
      -webkit-transform: scale(.9);
      -moz-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9)
  }

}

@media screen and (max-width:340px) {
  .div_info textarea {
      height: 204px
  }
}
  
  
  .contact-wrap img {
    min-width: 50px;
}
  
  
  @media screen and (max-width: 608px){

.div_info h3 {
    padding-bottom: 0px;

}
}



@media screen and (max-width:600px){
.contact-wrap .crmFormVali-error {
    position: initial;
}
}