﻿.hadbox-sec1 {border-bottom: 1px solid rgba(255,255,255,0.2);}

.c-contact {
  padding-top: 10px;
}
.c-contact .title{
    width:100%;
    font-size:.46rem;
    font-family:"Swiss";
    line-height:1.1;
    color:#1c1c1c;
    padding-bottom:.6rem;
}

@media (max-width: 767px) {
    .c-contact .title {
        font-size: 24px;
        line-height: 1.1;
    }
    .c-contact .title br{
        display:none
    }
} 


#Maps{width:100%;height:100%;}
.amap-icon img{width:25px;height:34px;}
.amap-marker-label{border:0;background-color:transparent;}
.info{position:relative;top:0;right:0;min-width:0;}

.maps{ overflow: hidden; height: 6rem; margin-bottom: .6rem; position: relative; z-index: 3}
@media (min-width:992px) {
}
@media (min-width:1px) and (max-width:991px) {
.maps{ height: 300px;}
}


.contacinfo{ overflow: hidden; padding-bottom: 0.6rem; background: #fff;}
.contacinfo h2{ display: flex; align-items: center; margin-bottom: 0.25rem;}
.contacinfo h2 img{ width: 0.36rem;}
.contacinfo h2 span{ flex: 1; color:#666; text-transform: uppercase;font-family:"Swiss"}
.contacinfo .txt{ display: flex; background: #f5f5f5; align-items: center; padding: 3vw 3.5vw 3vw 3vw;}
.contacinfo .txt .lt{ max-width: 28%; margin-right: 3vw;}
.contacinfo .txt .mid{ flex: 1; padding: 0 2.7vw; position: relative;}
.contacinfo .txt .mid h1{ font-size: 22px; color: #000;}
.contacinfo .txt .mid .line{ width: .56rem; height: .04rem; background: #354990; margin: .2rem 0;}
.contacinfo .txt .mid p{ font-size: 18px; color: #999; line-height: 1.333; font-family:sans-serif,Arial;}
.contacinfo .txt .mid p span{ color: #000; margin-right: .05rem; display: inline-block;}
.contacinfo .txt .fl{ /*width: 1.45rem; */margin-left: 3vw;}
.contacinfo .txt .fl img{width:120px;}
@media (min-width:992px) {
.contacinfo .txt .mid:before{ content: ""; position: absolute; width: 2px; height: 1.34rem; left: 0; top: 50%; margin-top: -0.67rem; background: #d6d6d6;}
.contacinfo .txt .mid:after{ content: ""; position: absolute; width: 2px; height: 1.34rem; right: 0; top: 50%; margin-top: -0.67rem; background: #d6d6d6;}
}
@media (min-width:1px) and (max-width:991px) {
.contacinfo .txt{ flex-wrap: wrap;}
.contacinfo .txt .lt{ max-width: none; width: 100%; margin-bottom: 15px; text-align: center;}
.contacinfo .txt .lt img {height:40px;}
.contacinfo .txt .mid{ flex: none; width: 100%; margin-bottom: 15px; padding: 0;}
.contacinfo .txt .mid h1{ font-size: 14px;}
.contacinfo .txt .mid p{ font-size: 12px; font-family:sans-serif,Arial;}
.contacinfo .txt .fl{ width: 100%; margin-left: 0; text-align: center;}
}

.contacinfo .list{ overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contacinfo .item{ margin: 0; width: calc((100% - 0.4rem)/2); overflow: hidden; background: #f5f5f5; padding: 0.32rem .54rem; transition: all .3s ease; box-sizing: border-box; margin-right: 0.4rem; margin-bottom: 0.4rem;}
.contacinfo .item .tit{ font-size: 18px; color: #333; font-family: "Arial"; position: relative; padding-bottom: .12rem; margin-bottom: .18rem;}
.contacinfo .item .tit:after{ content: ""; width: .56rem; height: 2px; background: #354990; position: absolute; left: 0; bottom: 0; transition: all .3s ease;	}
.contacinfo .item p{ font-size: 18px; color: #999; line-height: 1.889; font-family:sans-serif,Arial;}
.contacinfo .item p a{ color: #999;}
.contacinfo .item p span{ color: #000; margin-right: .05rem; display: inline-block;}
@media (min-width:992px) {
.contacinfo .item:nth-child(2n){ margin-right: 0;}
}
@media (min-width:1px) and (max-width:991px) {
.contacinfo .item{ width: calc(100%); margin-right: 0;}
.contacinfo .item .tit{ font-size: 14px;}
.contacinfo .item p{ font-size: 14px;}
}





.con-box5 {
/*    background-color: #f8f8f8;
    padding: 1.2rem 0;*/
padding-bottom:.3rem;
}
.con-box5 .container .cn1 {
  text-align: center;
  color: #333333;
  line-height: 1em;
}
.con-box5 .container .cn2 {
  margin-top: 0.25rem;
  text-align: center;
  line-height: 1.66666667em;
  color: #666;
  margin-bottom: 0.45rem;
}
    .con-box5 .container .box {
        /*border-radius: 15px;*/
        background-color: #f5f5f5;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0.4rem 11.875%;
    }
@media (max-width: 991px) {
  .con-box5 .container .box {
    padding: 0.4rem 5%;
  }
}
.con-box5 .container .box .cn3 {
  width: 49.18032787%;
}
@media (max-width: 767px) {
  .con-box5 .container .box .cn3 {
    width: 100%;
  }
}
.con-box5 .container .box .cn3 .cn4 {
  display: block;
  line-height: 0.6rem;
  color: #333333;
}
.con-box5 .container .box .cn3 .cn5 {
  display: block;
}
.con-box5 .container .box .cn3 .cn5 input {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  height: 0.6rem;
  color: #333333;
}
.con-box5 .container .box .cn3 .cn5 input::placeholder {
  color: #999;
}
@media (max-width: 991px) {
  .con-box5 .container .box .cn3 .cn5 input {
    line-height: 0.76rem;
    height: 0.76rem;
  }
}
.con-box5 .container .box .cn3 .cn5 textarea {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  line-height: 1.6875em;
  height: 1.12rem;
  padding: 0.2rem;
  color: #333333;
}
.con-box5 .container .box .cn3 .cn5 textarea::placeholder {
  color: #999;
}
.con-box5 .container .box .cn3 .cn5 select {
  line-height: 0.6rem;
}
.con-box5 .container .box .cn3.cn9 {
  width: 100%;
}
.con-box5 .container .box .cn10 {
  width: 100%;
  margin: 0.4rem 0 0.2rem;
  display: block;
  color: #999999;
}
.con-box5 .container .box .cn15 {
  display: block;
  color: #999999;
}
.con-box5 .container .box .cn16 {
  width: 100%;
}
.layui-input,
.layui-select,
.layui-textarea {
  border-width: 0;
}
.layui-form-select dl {
  top: 0.6rem;
}
@media (max-width: 991px) {
  .layui-form-select dl {
    top: 0.76rem;
  }
}
.layui-form-select dl dd.layui-this {
  background-color: #00d1d1;
}
.layui-form-select input::placeholder {
  color: #333 !important;
}
.layui-form-select .layui-edge {
  background-image: url(../images/news-img5.svg);
  background-size: 10px 6px;
  border-width: 0;
  width: 10px;
  height: 6px;
  transform: translateY(-50%);
  margin-top: 0;
  right: 0.2rem;
}
.layui-form-select.layui-form-selected .layui-edge {
  transform: translateY(-50%) rotate(180deg);
}
.con-box5 .layui-form-select .layui-edge {
  background-image: url(../images/con-img5.svg);
}
.con-box5.coobox2 .container .cn1 {
  margin-bottom: 0.6rem;
}