/* html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {
  font-family: Source Han Sans CN!important;
} */
.contactUs {
  padding:45px 10px 1px 10px;
  background-color: #fff;
}
.pageTitle {
  text-align: center;
}
.contactPart {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 14px;
}
.contactItem {
  width: 312px;
  height: 170px;
  background: rgba(255, 255, 255, 0.39);
  border: 1px solid #E3E3E3;
  opacity: 1;
  border-radius: 4px;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  position: relative;
 
}
.contactUsTitle {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 4px;
  text-align: center;
}
.splitLine {
  width: 68px;
  height: 2px;
  background: #317EE9;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 26px;
}
.contactItemTitle {
  font-size: 16px;
  font-weight: 600;
  color: #186CEA;
  line-height: 21px;
  margin-bottom: 12px;
}
.contactItemInfo {
  font-size: 14px;
  color: #777777;
  line-height: 18px;
}
.contactImg {
  position: absolute;
  right: 11px;
  bottom: 7px;
}
.itemType {
  display: flex;
}
.itemTypeTitle {
  width: 51px;
}
.TBlink {
  cursor: pointer;
  color: #186CEA;
}
.telFlex {
  display: flex;
  align-items: center;
}
.telFlex img {
  margin-right: 8px;
}
.lineSec {
  height: 97px;
}
.lineSec .contactItemTitle {
  margin-bottom: 23px;
}
.secImg {
  margin-right: 4px!important;
}
.telMargin {
  margin-right: 12px;
}

/*map*/
#mapContainer {
  width: 984px;
  height: 557px;
  /* border: 1px solid #D6D6D6; */
  box-sizing: border-box;
  border-right: none;

}
.mapAdress {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-top: none;
  line-height: 52px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #666666;
  padding: 16px 56px 14px 56px;
  position: relative;
}
#potImg {
  position: absolute;
  left: 22px;
  top: 12px;
}
#name {
  font-size: 16px;
  font-weight: 500;
  color: #186CEA;
}
#telImg {
  margin-right: 4px;
}
#pot {
  padding: 5px 0 8px 0;
}

.mapNav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 557px;   
}

.nav-item {
  cursor: pointer;
  width: 215px;
  height: 49px;
  background-color: #fff;
  border: 1px solid #D6D6D6;
  border-top: none;
  border-left: none;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  background-size: 100% 100%;
  font-size: 14px;
  text-align: center;
  /* box-sizing: border-box; */
}

/* .nav-item:hover {
  transform: scale(1.02);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
} */

.nav-item:hover span {
  color: #186CEA;
}

.nav-item span {
  color: #666666;
  line-height: 50px;
}

.active-item {
  font-size: 16px;      
  color: #186CEA !important;   
  margin-left: 14px;
  font-weight: bold;
  line-height: 99px !important;
}
.active {
  height: 99px !important;
  line-height: 99px;
  text-align: left; 
  
}

.nav-item img {
  float: right;
}

#hangzhou {
  background-image: url("./img/about-intro-contact-pic-hz@2x.png");
}

#beijing {
  background-image: url("./img/about-intro-contact-pic-bj@2x.png");
} 

#shanghai {
  background-image: url("./img/about-intro-contact-pic-sh@2x.png");
}

#shenzhen {
  background-image: url("./img/about-intro-contact-pic-sz@2x.png");
}

#guangzhou {
  background-image: url("./img/about-intro-contact-pic-gz@2x.png");
}
#wuhan {
  background-image: url("./img/about-intro-contact-pic-wh@2x.png");
}

#hefei {
  background-image: url("./img/about-intro-contact-pic-hf@2x.png");
}

#xian {
  background-image: url("./img/about-intro-contact-pic-xa@2x.png");
} 

#zhoushan{
  background-image: url("./img/about-intro-contact-pic-zs@2x.png");
}

#shangrao {
  background-image: url("./img/about-intro-contact-pic-sr@2x.png");
}

.pop{ 
  width:285px;
  height:140px;
  border: 1px solid #D6D6D6;
  border-radius: 10px;
  box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.15);
  position:absolute;
  background-color:white;
}
.triangle-bottom{
  width:0;
  height:0;
  border-top:20px solid #FFFFFF;
  border-left:10px dashed transparent;
  border-right:10px dashed transparent;
  position:absolute;
  left:90px;
  top:139px;
  filter: drop-shadow(1px 1px 1px rgba(0,0,0, .2));
}

#hangzhou-pop {
  margin-left: 385px;
  margin-top: -118px;
}

#beijing-pop  {
  margin-left: 385px;
  margin-top: -118px;
} 

#shanghai-pop  {
  margin-left: 385px;
  margin-top: -118px;
}

#shenzhen-pop  {
  margin-left: 385px;
  margin-top: -118px;
}

#guangzhou-pop  {
  margin-left: 385px;
  margin-top: -118px;
}
#wuhan-pop  {
  margin-left: 385px;
  margin-top: -118px;
}

#hefei-pop  {
  margin-left: 385px;
  margin-top: -118px;
}

#xian-pop  {
  margin-left: 385px;
  margin-top: -118px;
} 

#zhoushan-pop {
  margin-left: 385px;
  margin-top: -118px;
}

#shangrao-pop  {
  margin-left: 385px;
  margin-top: -118px;
}

.mapPop {
   /* display: flex;
   flex-direction: column; */
   /* align-items: flex-start;
   justify-content: flex-start; */
   /* justify-content: space-around;
   align-items: flex-start; */
   align-items: center;
}

.mapPop h3 {
  font-weight: bold;
  font-size: 18px;
  color: #186CEA;
  margin: 18px 0 5px 24px;
}

.mapPop p {  
  font-size: 14px;
  color: #333333;
  text-align: left;
  margin-left: 24px;
  margin-right: 12px;
}

.mapPopTel {
    display: flex;
    align-items: center;
    margin-left: 24px;
    margin-top: 7px;
}

.mapPopTel img {
    width: 19px;
    height: 19px; 
}

.mapPopTel span {
    font-size: 14px;
    color: #333333; 
    margin-left: 8px;
}


/* 左上角删除按键 */
.BMap_pop>img {
  display: none;
}

.BMap_pop div {
  border: none !important;
}

.BMap_pop div div {
  border: none !important;
}

.winAdress {
  display: flex;
  flex-direction: column;
  color: #333;
  margin: 10px;
  font-size: 14px;
}

#winName {
  font-size: 18px;
  font-weight: 500;
  color: #186CEA;
}

#winPot {
  font-size: 14px;
  margin: 10px 0 6px;
}

.winAdress span{
  display: flex;
  align-items: center;
}

.winAdress span img{
  width: 19px;
  height: 19px;
  margin-right: 5px;
}

.contact-titles {
  font-weight: bold;
  font-size: 30px;
  color: #333333;
  text-align: center;
}

.contact-wraps {
  display: flex;
  align-items: center;
  width: 1200px;
  margin: 45px auto 50px auto;
  text-align: left;
}

/* #hangzhou {
  background-image: url("./img/about-map-pic-hz.png");
}

#beijing {
  background-image: url("./img/about-map-pic-bj.png");
}

#guangzhou {
  background-image: url("./img/about-map-pic-gz.png");
}

#hefei {
  background-image: url("./img/about-map-pic-hf.png");
}

#xian {
  background-image: url("./img/about-map-pic-xa.png");
} */