.mb40 {
    margin-bottom: 40px;
}

#Content11 .contact1 {
/* margin: 0 -16px;*/
}

#Content11 .contact1 ul {
width: 100%;
float: left;
margin-top: 80px
}

#Content11 .contact1 ul li {
width: 25%;
float: left;
padding: 0 16px
}

#Content11 .contact1 ul li .zbox {
width: 100%;
float: left;
text-align: center;
padding: 0 50px 10px 50px;
height: 234px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

#Content11 .contact1 ul li .zbox .ico {
display: inline-block;
vertical-align: top;
width: 104px;
height: 104px;
background: #004299;
margin-top: -53px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%
}

#Content11 .contact1 ul li .zbox .ico img {
width: 100%;
float: left
}

#Content11 .contact1 ul li .zbox h5 {
width: 100%;
margin-top: 27px;
line-height: 23px;
font-size: 18px;
color: #333;
letter-spacing: 2px
}

#Content11 .contact1 ul li .zbox h6 {
width: 100%;
line-height: 18px;
font-size: 12px;
color: #888787;
letter-spacing: 1px;
font-family: Arial;
text-transform: uppercase
}

#Content11 .contact1 ul li .zbox .jj {
width: 100%;
margin-top: 19px;
line-height: 26px;
font-size: 14px;
color: #666;
letter-spacing: 1px
}

#Content11 .contact1 ul li .zbox .btn {
width: 100%;
height: 88px;
line-height: 88px;
position: relative;
margin-top: 10px
}

#Content11 .contact1 ul li .zbox .btn .ewm {
width: 88px;
height: 88px;
position: absolute;
left: 50%;
top: 0;
margin-left: -44px;
padding: 5px;
background: #fff;
overflow: hidden;
opacity: 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all .5s ease-out 0s;
-moz-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s
}

#Content11 .contact1 ul li .zbox .btn .ewm img {
width: 100%;
float: left
}

#Content11 .contact1 ul li .zbox .btn:hover .ewm {
opacity: 1
}

#Content11 .contact2 {
    width: 100%;
    float: left;
    margin: 58px 0 80px 0;
    position: relative;
    padding: 0 2%;
}

#Content11 .contact2 .ditu {
width: 100%;
height: 698px
}

#Content11 .contact2 .contact2Body {
position: absolute;
right: 60px;
top: 60px;
background: rgba(255,255,255,.9);
box-shadow: 0 0 10px rgba(0,0,0,.06);
padding: 32px 40px 40px 40px;
width: 550px
}

#Content11 .contact2 .contact2Body h3 {
width: 100%;
font-size: 30px;
color: #004299;
line-height: 47px;
font-weight: 700;
padding-left: 22px;
position: relative
}

#Content11 .contact2 .contact2Body h3:before {
content: '';
width: 6px;
height: 30px;
background: #004299;
position: absolute;
left: 0;
top: 50%;
margin-top: -15px
}

#Content11 .contact2 .contact2Body h5 {
width: 100%;
margin-top: 5px;
font-size: 16px;
color: #333;
line-height: 23px;
position: relative;
letter-spacing: 1px
}

#Content11 .contact2 .contact2Body ul {
width: 100%;
float: left;
margin-top: 12px
}

#Content11 .contact2 .contact2Body ul li {
width: 100%;
float: left;
margin-top: 14px;
border: solid 1px #e7e7e7;
padding: 0 30px 0 105px;
position: relative
}

#Content11 .contact2 .contact2Body ul li .name {
position: absolute;
left: 0;
top: 0;
line-height: 52px;
font-size: 16px;
color: #333;
text-align: center;
width: 105px
}

#Content11 .contact2 .contact2Body ul li .name:before {
content: '';
width: 1px;
height: 22px;
position: absolute;
right: 0;
top: 50%;
margin-top: -11px;
border-right: dashed 1px #b2b2b2
}

#Content11 .contact2 .contact2Body ul li span {
position: absolute;
right: 19px;
top: 0;
line-height: 52px;
font-size: 16px;
color: #dd6e0f
}

#Content11 .contact2 .contact2Body ul li input {
display: block;
width: 100%;
height: 52px;
line-height: 22px;
padding: 10px;
font-size: 14px;
color: #333;
background: 0 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border: 0
}

#Content11 .contact2 .contact2Body ul li select {
display: block;
width: 100%;
height: 52px;
line-height: 52px;
padding: 0 10px;
font-size: 14px;
color: #333;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border: 0
}

#Content11 .contact2 .contact2Body ul li.l1 {
border: 0;
padding: 0;
margin-top: 20px
}

#Content11 .contact2 .contact2Body ul li.l1 input {
width: 100%;
cursor: pointer;
height: 58px;
line-height: 58px;
background: #004299;
text-align: center;
color: #fff;
font-size: 16px;
overflow: hidden;
padding: 0;
-moz-border-radius: 29px;
-webkit-border-radius: 29px;
-khtml-border-radius: 29px;
border-radius: 29px
}

#Content11 .contact2 .contact2Body ul li.l1 input:hover {
opacity: .8
}
.map-img-box{
	height: 550px;
  padding: 0 3%;
}

@media (max-width: 1600px)
    {
    .container {
        width: 100%;
    }
    }
  @media (min-width: 1200px)
  {
    .container {
      width: 100%;
      padding: 0 5%;
     }
  }
@media  (max-width: 1570px) {
#Content11 .contact1 ul li .zbox {
    padding:0 30px 10px 30px
}
}

@media  (max-width: 1200px) {
#Content11 .contact1 ul li .zbox {
    padding:0 10px 10px 10px
}

#Content11 .contact2 .contact2Body {
    width: 450px
}
}

@media (max-width: 992px) {
#Content11 .contact1 {
   /* margin:0 -10px*/
}

#Content11 .contact1 ul {
    margin-top: 80px
}

#Content11 .contact1 ul li {
    padding: 0 10px
}

#Content11 .contact1 ul li .zbox {
    padding: 0 10px 10px 10px;
    height: 180px
}

#Content11 .contact1 ul li .zbox .ico {
    width: 80px;
    height: 80px;
    margin-top: -40px
}

#Content11 .contact1 ul li .zbox h5 {
    margin-top: 15px;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 1px
}

#Content11 .contact1 ul li .zbox h6 {
    letter-spacing: 0
}

#Content11 .contact1 ul li .zbox .jj {
    margin-top: 12px;
    line-height: 22px;
    font-size: 12px;
    letter-spacing: 0
}

#Content11 .contact1 ul li .zbox .btn {
    width: 100%;
    height: 70px;
    line-height: 70px
}

#Content11 .contact1 ul li .zbox .btn>img {
    width: 20px
}

#Content11 .contact1 ul li .zbox .btn .ewm {
    width: 70px;
    height: 70px;
    margin-left: -35px
}

#Content11 .contact2 {
    margin: 20px 0 40px 0
}

#Content11 .contact2 .ditu {
    height: 500px
}

#Content11 .contact2 .contact2Body {
    right: 30px;
    top: 30px;
    padding: 15px 20px 20px 20px;
    width: 400px
}

#Content11 .contact2 .contact2Body h3 {
    font-size: 20px;
    line-height: 37px;
    padding-left: 18px
}

#Content11 .contact2 .contact2Body h3:before {
    width: 4px;
    height: 24px;
    margin-top: -12px
}

#Content11 .contact2 .contact2Body h5 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0
}

#Content11 .contact2 .contact2Body ul {
    margin-top: 8px
}

#Content11 .contact2 .contact2Body ul li {
    margin-top: 8px;
    padding: 0 20px 0 90px
}

#Content11 .contact2 .contact2Body ul li .name {
    line-height: 40px;
    font-size: 14px;
    width: 90px
}

#Content11 .contact2 .contact2Body ul li span {
    right: 10px;
    line-height: 40px;
    font-size: 14px
}

#Content11 .contact2 .contact2Body ul li input {
    height: 40px;
    line-height: 20px
}

#Content11 .contact2 .contact2Body ul li select {
    height: 40px;
    line-height: 40px
}

#Content11 .contact2 .contact2Body ul li.l1 {
    margin-top: 10px
}

#Content11 .contact2 .contact2Body ul li.l1 input {
    height: 48px;
    line-height: 48px;
    font-size: 14px
}
}

@media  (max-width: 768px) {
#Content11 .contact1 {
    margin:0 0
}

#Content11 .contact1 ul {
    margin-top: 20px
}

#Content11 .contact1 ul li {
    padding: 0 10px;
    margin-top: 50px;
    width: 50%
}

#Content11 .contact2 {
    margin: 10px 0 20px 0;
		 padding: 0 3%;
}

#Content11 .contact2 .ditu {
    height: 300px
}

#Content11 .contact2 .contact2Body {
    position: relative;
    right: auto;
    top: auto;
    padding: 15px 20px 20px 20px;
    width: 100%;
    float: left
}
}