.box-card-contact {
  min-height : 1000px;
  width : 100%
}
.box-card-contact .box-card-bg {
  background-color : #67c23a;
  min-height : 350px;
  width : 100%
}
.box-card-contact .box-card-bg .box-card-first {
  margin : 0 auto;
  max-width : 1200px;
  min-height : 350px
}
.box-card-contact .box-card-bg .box-card-first .box-card_contact {
  -webkit-box-pack : center;-ms-flex-pack : center;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  justify-content : center;
  margin : 0 auto;
  min-height : 350px;
  padding-top : 60px;
  text-align : center;
  width : 100%
}
.box-card-contact .box-card-bg .box-card-first .box-card_contact .box-card_title {
  color : #fff;
  font-size : 38px
}
.box-card-contact .box-card-bg .box-card-first .box-card_contact p {
  color : #fff;
  font-size : 16px;
  margin : 40px 0
}
.box-card-contact .box-card-two {
  margin : 0 auto;
  max-width : 1200px;
  min-height : 300px;
  padding : 65px 0 60px
}
.box-card-contact .box-card-two .box-card-two_title {
  color : #555;
  font-size : 38px;
  font-weight : 200;
  margin : 0 auto 6px;
  text-align : center
}
.box-card-contact .box-card-two .box-card-two_line {
  margin-bottom : 30px;
  text-align : center
}
.box-card-contact .box-card-two .box-card-two_line span {
  border : 1px solid #ebeaea;
  height : 1px;
  width : 200px
}
.box-card-contact .box-card-two .box-card-two_service {
  -webkit-box-align : center;-ms-flex-align : center;-ms-flex-pack : distribute;
  align-items : center;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  justify-content : space-around;
  margin : 0 auto;
  width : 100%
}
.box-card-contact .box-card-two .box-card-two_service .introduce {
  -webkit-box-orient : vertical;-webkit-box-direction : normal;-webkit-box-align : center;-ms-flex-align : center;-webkit-box-pack : center;-ms-flex-pack : center;
  align-items : center;
  border-radius : 15px;
  color : #000;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-ms-flex-direction : column;
  flex-direction : column;
  justify-content : center;
  min-height : 200px;
  min-width : 280px
}
.box-card-contact .box-card-two .box-card-two_service .introduce .introduce-title {
  font-size : 24px;
  font-weight : 300;
  margin-bottom : 10px
}
.box-card-contact .box-card-two .box-card-two_service .introduce p {
  font-size : 16px;
  font-weight : 300;
  margin : 5px 0
}
.box-card-contact .box-card-two .box-card-two_service .introduce-sh {
  -webkit-box-orient : vertical;-webkit-box-direction : normal;-webkit-box-align : center;-ms-flex-align : center;-webkit-box-pack : center;-ms-flex-pack : center;
  align-items : center;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-ms-flex-direction : column;
  flex-direction : column;
  justify-content : center;
  min-height : 200px;
  min-width : 280px
}
.box-card-contact .box-card-two .box-card-two_service .introduce-sh .service-logo {
  height : 80px;
  text-align : center;
  width : 80px
}
.box-card-contact .box-card-two .box-card-two_service .introduce-sh .service-title {
  color : #555;
  font-size : 20px;
  font-weight : 300;
  margin : 20px 0 10px
}
.box-card-contact .box-card-two .box-card-two_service .introduce-sh .service-code {
  height : 150px;
  width : 150px
}
.box-card-contact .box-card-two .box-card-two_service .introduce-sh .service-tips {
  color : #888;
  font-size : 15px;
  font-weight : 300;
  line-height : 40px
}
.header {
  background : #3a8ee6;
  height : 75px;
  padding : 0 20px;
  z-index : 999
}
.header .header-content {
  -webkit-box-align : center;-ms-flex-align : center;-webkit-box-pack : justify;-ms-flex-pack : justify;
  align-items : center;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  height : 75px;
  justify-content : space-between;
  margin : 0 auto;
  max-width : 1200px
}
.header .header-content .logo {
  color : #fff;
  cursor : pointer;
  font-size : 35px
}
.header .header-content .navList {
  -webkit-box-pack : justify;-ms-flex-pack : justify;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  height : 75px;
  justify-content : space-between
}
.header .header-content .navList .nav-active a {
  opacity : 1!important
}
.header .header-content .navList a {
  color : #fff;
  cursor : pointer;
  font-size : 14px;
  line-height : 75px;
  opacity : .7;
  padding : 0 20px
}
  .header .header-content .navList a : hover {
  opacity : 1!important
}
.footer {
  background : #67c23a;
  padding : 0 20px;
  z-index : 999
}
.footer .footer-content {
  -webkit-box-pack : justify;-ms-flex-pack : justify;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;
  justify-content : space-between;
  margin : 0 auto;
  max-width : 1200px;
  padding : 50px 0
}
.footer .footer-content .footer-content-left {
  color : #fff;
  font-size : 14px;
  width : 30%
}
.footer .footer-content .footer-content-left .footer-content-item_des {
  line-height : 30px
}
.footer .footer-content .footer-content-left .footer-content-item_des span {
  font-size : 20px
}
.footer .footer-content .footer-content-contact {
  color : #fff;
  font-size : 14px;
  line-height : 30px;
  width : 20%
}
.footer .footer-content .footer-content-contact .title {
  border-bottom : 1px solid #ffeb3b;
  width : 200px
}
.footer .footer-content .footer-content-number {
  color : #fff;
  font-size : 14px;
  line-height : 30px;
  width : 20%
}
.footer .footer-content .footer-content-weixinCode {
  text-align : right
}
.footer .footer-content .footer-content-weixinCode img {
  height : 150px;
  vertical-align : middle;
  width : 150px
}