@charset "UTF-8";
main {
  min-height: calc( 100vh - 180px);
}

.clear {
  clear: both;
}

.contactUs .linkContainer {
  display: none;
}

.contactUs .center {
 // padding: 60px 0;
  background: #FAF9F7;
  min-height: calc(100vh - 78px - 60px);
}

.contactUs .center .cont {
  border-radius: 2px;
  position: relative;
  padding-bottom: 48px;
   
    max-width: 802px;
    margin: 0 auto;
    background: #fff;
    padding-top: 48px;
}

.contactUs .center .cont .contact-left {
  position: absolute;
  left: 0;
  top: 72px;
}

.contactUs .center .cont .contact-left .contact-img img {
  max-width: 100%;
}

.contactUs .center .cont .contact-right {
  float: right;
  width: 81.16%;
  background: #ffffff;
  margin-bottom: 48px;
}

.contactUs .center .cont .contact-right .right-container {
  padding-left: 22%;
  padding-top: 76px;
}

.contactUs .center .cont .contact-right .right-container .title {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 24px;
  margin-bottom: 16px;
}

.contactUs .center .cont .contact-right .right-container .message {
  font-size: 16px;
 /* font-family: DINPro;*/
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}

.contactUs .center .cont .contact-right .right-container .message.email {
  font-size: 16px;
}

.contactUs .center .cont .contact-right .right-container .line {
  height: 1px;
  width: 82%;
  background: rgba(139, 109, 77, 0.15);
  margin: 24px 0;
}

.contactUs .center .cont .contact-right .right-container .time-container .week {
  background: #f6f4f1;
  padding: 6px 16px;
  font-size: 16px;
  font-weight: 400;
  color: #8b6d4d;
  line-height: 24px;
}

.contactUs .center .cont .contact-right .right-container .time-container .time {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  margin-left: 32px;
}

.contactUs .center .cont .contact-right .right-container .time-container.last {
  margin-top: 24px;
}

.contactUs .center .cont .contact-right .right-container .address {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
}

.contactUs .center .cont .contact-right .right-container .assist-message {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
  line-height: 20px;
  text-align: right;
  padding-right: 24px;
  margin-top: 55px;
  margin-bottom: 16px;
}

.contactUs .center .cont .contact-right .right-container .email-container .left {
  display: inline-block;
  width: 40%;
}

.contactUs .center .cont .contact-right .right-container .email-container .right {
  display: inline-block;
  width: 49%;
}

.contactUs .center .cont .box {
  position: relative;
}

.contactUs .center .cont .top {
  width: 234px;
  height: 60px;
  border-radius: 0px 2px 0px 0px;
  font-size: 24px;
  font-weight: 500;
  color: white;
  line-height: 60px;
  text-align: center;
  background: url("/export/sites/default/en/-themes-/theme1/images/bg6.png") no-repeat center;
  background: -webkit-image-set(url("/export/sites/default/en/-themes-/theme1/images/bg6.png") 1x, url("/export/sites/default/en/-themes-/theme1/images/bg6-2x.png") 2x) no-repeat center;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -117px;
}

.contactUs .center .cont .box {
  width: 60%;
  margin: 0 auto 40px;
}

.contactUs .center .cont .box .title {
  color:#999590;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.contactUs .center .cont .box .text1 {
  font-size: 14px;
  font-weight: 500;
  color: #333230;
  line-height: 18px;
  
}

.contactUs .center .cont .box .text2 span {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.55);
  line-height: 18px;
  font-family: dincond-medium-webfont;
  padding-right: 20px;
}

.contactUs .center .cont .box .text3 {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 34px;
}

.contactUs .center .cont .box .part2 {
  padding-top: 50px;
}

.contactUs .center .cont .bottom {
  position: absolute;
  right: -28%;
  bottom: -74px;
}

.contactUs .center .cont .bottom span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  text-align: right;
}

.contactUs .center .cont .cutImg {
  margin-top: 100px;
}

.contactUs .center .cont .map-top {
  width: 100%;
  height: 4px;
  background: #fa8d19;
  background: linear-gradient(90deg, #fdc136 0%, #fa8d19 100%);
}

#map-container {
  width: 100%;
  height: 480px;
}

.contactUs .center .top {
 // margin-bottom: 48px;
 margin-bottom: 20px;
}

.contactUs .center .top > div .title .EN {
  font-size: 18px;
  color: #4a4a4a;
  letter-spacing: 2px;
  margin-bottom: 16px;
  text-transform: capitalize;
}

.contactUs .center .top > div .title .CN {
  font-size: 24px;
  color: #ff6c00;
  letter-spacing: 4px;
  position: relative;
}

.contactUs .center .top > div .title .CN::after {
  content: '';
  display: block;
  width: 116px;
  height: 16px;
  background: rgba(250, 141, 25, 0.1);
  position: absolute;
  top: 20px;
  left: 16px;
}

.contactUs .center .top > div .firstNew img {
  max-width: 100%;
}

.contactUs .center .top > div .firstNew .newBox {
  position: relative;
  margin-top: 30px;
  min-height: 81px;
}

.contactUs .center .top > div .firstNew .newBox .dateBox {
  width: 82px;
  height: 82px;
  text-align: center;
  position: absolute;
  left: 0;
  background: -webkit-linear-gradient(left bottom, #f59245, #ff6c00);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top right, #f59245, #ff6c00);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top right, #f59245, #ff6c00);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to top right, #f59245, #ff6c00);
  /* 标准的语法 */
}

.contactUs .center .top > div .firstNew .newBox .dateBox .day {
  font-size: 32px;
  color: #fcfcfc;
}

.contactUs .center .top > div .firstNew .newBox .dateBox .year {
  font-size: 26px;
  color: #fcfcfc;
}

.contactUs .center .top > div .firstNew .newBox .newContainer {
  padding-left: 120px;
}

.contactUs .center .top > div .firstNew .newBox .newContainer .title {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  background: none;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: justify;
}

.contactUs .center .top > div .firstNew .newBox .newContainer .text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  text-align: justify;
}

.contactUs .center .cont {
  padding-bottom: 30px;
  position: relative;
}

.contactUs .center .cont .box {
  width: 60%;
  margin: 0 auto;
}

.contactUs .center .cont .box .text1 a {
  font-size: 14px;
  font-weight: 500;
  color: #333230;
  line-height: 18px;
  
}

.contactUs .center .cont .box .text1 a:hover {
  color: RGBA(245, 166, 35, 1);
}

.Hotline .center .cont .box {
  width: 90%;
}

@media only screen and (max-width: 1023px) {
  .contactUs .center .cont .contact-left {
    position: inherit;
    top: 0;
    text-align: center;
  }
  .contactUs .center .cont .contact-right {
    float: none;
    width: 100%;
  }
  .contactUs .center .cont .contact-right .right-container {
    padding: 32px;
  }
  .contactUs .center .cont .contact-right .right-container .time-container .time {
    
    margin-left: 0;
    margin-top: 6px;
  }
  .contactUs .center .cont .contact-right .right-container .line {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .contactUs .linkContainer {
    display: block;
  }
  .contactUs .center {
    padding-top: 101px;
  }
  .contactUs .center .cont .box {
    width: 100%;
  }
  .contactUs .center .cont .bottom {
    right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .contactUs .center .cont .contact-left{
     display:none;
  }
  .contactUs .center .cont .contact-right .right-container{
     padding: 16px;
  }

  .contactUs .center {
    padding-bottom: 0;
  }
  .contactUs .center .cont {
    padding: 50px 0 0;
  }
  .contactUs .center .cont .box {
    width: 100%;
  }
  .contactUs .center .cont .box .box1 {
    font-size: 20px;
  }
  .contactUs .center .cont .box .text1 {
    font-size: 16px;
  }
  .contactUs .center .cont .box .text2 {
    font-size: 16px;
    padding-right: 16px;
  }
  #map-container {
    width: 100%;
    height: 200px;
  }
  .contactUs .center .cont .contact-right .right-container .email-container .left{
    display: block;
    width: 100%;
  }
  .contactUs .center .cont .contact-right .right-container .email-container .right{
    display: block;
    width: 100%;
    margin-top: 16px;
  }
}

@media only screen and (max-width: 400px) {
  .contactUs .center .cont .contact-right .right-container .message.email {
    font-size: 16px;
  }
}
<!--耗时1762602374.7287秒-->