.contact_box{
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.contact{
  width: 1200px;
  margin:  0 auto;
  height: 621px;
  padding-top: 40px;
}

.map{
  position: relative;
}

.map_box{
  width: 430px;
height: 430px;
background: url('../image/map_back.png') no-repeat;
background-size: cover;
position: absolute;
top: 54px;
right: 83px;
}

.map_back{
  width: 100%;
  height: 100%;
  position: absolute;
}

.company_name{
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 48px;
text-align: center;
margin-top: 60px;
}

.company_ewm{
  width: 100px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 28px;
}

.company_ewm_main{
  float: left;
}

.company_ewm_main:first-child{
  margin-right: 33px;
}

.qq{
  width: 100px;
height: 100px;
background: #FFFFFF;
border-radius: 10px;
padding: 6px;

}

.qq img{
  width: 100%;
  height: 100%;
  display: block;
}

.qq_main{
  width: 100px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;

}

.company_info{
  width: 256px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 32px;
margin: 0 auto;

}


.company_info{
  text-indent: -3em;
  word-break:normal;
  margin-right: 3em;
}

.Online_contact_box{
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
  background: url('../image/contactus.jpg') no-repeat;
  background-size: cover;
}

.Online_contact{
  width: 1200px;
margin: 0 auto;
padding-top: 31px;
padding-bottom: 40px;
overflow: hidden;

}

.contact_l{
  width: 590px;
height: 264px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
}

.contact_l textarea{
  width: 100%;
  height: 100%;
  outline: none;
  resize: none;
  padding: 15px 10px;
}

.contact_r{
  width: 590px;
  float: right;
}

.contact_input{
  width: 590px;
height: 46px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
margin-bottom: 20px;
}

.contact_input:nth-child(3){
  margin-bottom: 0;
}

.contact_input input{
  width: 100%;
  height: 100%;
  outline: none;
  padding: 15px 10px;
}

.tishi{
font-size: 12px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #E61212;
line-height: 36px;
padding-left: 2px;

}

.tijiao{
  width: 590px;
height: 46px;
background: #00467F;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 46px;
cursor: pointer;
outline:none;
filter: chroma(color=#000000);

}

.link_box{
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}

.link{
  width: 1200px;
  margin: 0 auto;
  padding-top: 59px;
  padding-bottom: 100px;
  overflow: hidden;
}

.link_main{
  width: 580px;
height: 290px;
position: relative;
float: left;
margin-right: 39px;
margin-bottom: 30px;
}

.link_main:nth-child(2n){
  margin-right: 0;
}
.link_back{
  width: 580px;
  height: 290px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}

.kuang{
  width: 560px;
height: 270px;
border: 1px solid rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 61px 50px 61px 50px;
}

.link_main:hover .kuang{
  
border: 1px solid #FFFFFF;
}

.link_main:hover .link_back{
  
 background: rgba(0, 70, 127, 0.7);
  }
  

.link_name{
font-size: 22px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 48px;

}

.link_text{
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
line-height: 48px;

}