@charset "UTF-8";
.clear::after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

.clear-float::after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

html body {
  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
}

.header,
.footer {
  width: 100%;
  min-width: 1200px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
}

.footer .nav-wrap {
  height: 50px;
  background-color: #16B03E;
}
.footer .nav-wrap .content {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  padding: 0 0 0 85px;
  text-align: center;
}
.footer .nav-wrap .content a {
  height: 100%;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 50px;
  display: inline-block;
  margin-right: 60px;
}
.footer .nav-wrap .content a:nth-last-child(1) {
  margin-right: 0;
}
.footer .nav-wrap .content a:hover {
  color: #FFDE00;
}
.footer .nav-wrap .content a:nth-last-child(1) {
  margin-right: 0;
}
.footer .nav-wrap .content .active {
  color: #FFDE00;
}
.footer .contact-wrap {
  background-color: #EEEEEE;
}
.footer .contact-wrap .content {
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  /*height: 233px;*/
  padding-top: 40px;
}
.footer .contact-wrap .content .left {
  width: 350px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.footer .contact-wrap .content .left .phone-wrap .icon {
  margin-right: 16px;
}
.footer .contact-wrap .content .left .phone-wrap .text-wrap {
  display: inline-block;
  width: 250px;
}
.footer .contact-wrap .content .left .phone-wrap .text-wrap .label {
  color: #333333;
  font-size: 15px;
}
.footer .contact-wrap .content .left .phone-wrap .text-wrap .value {
  font-size: 30px;
  color: #16B03E;
  font-weight: bold;
}
.footer .contact-wrap .content .left .addr-wrap {
  font-size: 13px;
  color: #555555;
  margin-top: 18px;
}
/*.footer .contact-wrap .content .middle {*/
/*  width: 360px;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 450px;*/
/*  transform: translateY(-50%);*/
/*}*/
/*.footer .contact-wrap .content .middle .nav-list {*/
/*  width: 354px;*/
/*  line-height: 30px;*/
/*}*/
/*.footer .contact-wrap .content .middle .nav-list a {*/
/*  font-size: 13px;*/
/*  color: #555555;*/
/*  margin-right: 10px;*/
/*}*/
/*.footer .contact-wrap .content .middle .nav-list a:nth-last-child(1) {*/
/*  margin-right: 0;*/
/*}*/
/*.footer .contact-wrap .content .middle .copyright {*/
/*  font-size: 13px;*/
/*  color: #878686;*/
/*  margin-top: 20px;*/
/*}*/
/*.footer .contact-wrap .content .middle .copyright a {*/
/*  color: #878686;*/
/*}*/





.footer .contact-wrap .content .middle {
  width: 840px;
  display: inline-block;
  margin: 8px 25px 0;
  /*position: absolute;*/
  /*top: 50%;*/
  /*left: 355px;*/
  /*transform: translateY(-40%);*/
}
.footer .contact-wrap .content .middle .nav-list {
  width: 100%;
}
.footer .contact-wrap .content .middle .nav-list .li {
  width: calc(100% / 5);
  float: left;
  position: relative;
}
.footer .contact-wrap .content .middle .nav-list .li b {
  position: absolute;
  top: -3px;
  left: -4px;
}
.footer .contact-wrap .content .middle .nav-list .li b img {
  width: 38px;
}
.footer .contact-wrap .content .middle .nav-list .li .block {
  display: inline-block;
  width: 100%;
}
.footer .contact-wrap .content .middle .nav-list .li .block h5 {
  text-align: center;
}
.footer .contact-wrap .content .middle .nav-list .li .block p {
  text-align: center;
  margin-top: 5px;
}
.footer .contact-wrap .content .middle .nav-list .li .block p a {
  font-size: 13px;
  color: #555555;
}
.footer .contact-wrap .content .middle .copyright {
  font-size: 13px;
  color: #878686;
  margin-top: 20px;
}
.footer .contact-wrap .content .middle .copyright a {
  color: #878686;
}








.footer .contact-wrap .content .right {
  /*position: absolute;*/
  /*top: 50%;*/
  /*right: 0;*/
  /*transform: translateY(-50%);*/
  display: inline-block;
  vertical-align: top;
}
.footer .contact-wrap .content .right .msg-wrap {
  width: 144px;
  height: 170px;
  background-color: #16B03E;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 44px;
}
.footer .contact-wrap .content .right .msg-wrap p {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
}
.footer .contact-wrap .content .right .qrcode-wrap {
  width: 144px;
  /*height: 132px;*/
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 0;
}
.footer .contact-wrap .content .right .qrcode-wrap .img {
  width: 100%;
  /*height: 90px;*/
}
.footer .contact-wrap .content .right .qrcode-wrap p {
  font-size: 12px;
  color: #333333;
=
}

/* friends link */
.footer .contact-wrap .content .friends-link{
    height:42px; text-align:center;
    font-size: 13px;
    line-height:42px;
    color: #484848;
     margin-top: 20px;
    
}
.footer .contact-wrap .content .friends-link a{
    color:#484848; padding:0px 5px;
    
}


/* footer nav */
.footer .contact-wrap .content .foot-nav{
    height:42px; text-align:center;
    font-size: 13px;
    line-height:42px;
    color: #484848;
     /*margin-top: 20px;*/
    
}
.footer .contact-wrap .content .foot-nav a{
    color:#484848; padding:0px 35px;
    
}



/*copyright*/

.footer .contact-wrap .content .copyright{
    font-size: 13px !important;
  
}
.footer .contact-wrap .content .copyrightbox{ text-align:center;/* margin-top:15px;*/ margin-bottom:8px;}
.footer .contact-wrap .content .copyrightbox p{height:30px;line-height:30px;}
.footer .contact-wrap .content .copyrightbox a{color: #666;}
.footer .contact-wrap .content .copyrightbox a:hover{color:#0e81e5;}