@charset "UTF-8";

.top-area {

  width: 100%;

  height: 30px;

  line-height: 30px;

  background:#037A47;

  color: #fff;

  font-size: 12px;

}

.top-area a {

  color: #fff;

  border-left: 1px solid rgba(255, 255, 255, 0.3);

  padding: 0 10px;

}

.top-area span {

  display: inline-block;

  padding-right: 20px;

}

.top-area span i {

  font-size: 16px;

  padding-right: 5px;

  position: relative;

  top: 1px;

}



.pub-header {

  width: 100%;

  height: 120px;

  background: #FFF;

  border-bottom: 1px solid #E4E4E4;

}

.pub-header .logo {

  display: flex;

  align-items: center;

  align-content: center;

  width: 60%;

  height: 100%;

  position: relative;

}

.pub-header .form-box {

  width: 40%;

  display: flex;

  align-items: center;

  align-content: center;

  position: relative;

  height: 100%;

  justify-content: flex-end;

}

.pub-header .form-box form {

  font-size: 0;

}

.pub-header .form-box form input {

  display: inline-block;

  width: 212px;

  height: 46px;

  border: 1px solid #E4E4E4;

  text-align: center;

}

.pub-header .form-box form button {

  width: 46px;

  height: 46px;

  display: inline-block;

  font-size: 15px;

  border: 1px solid #E4E4E4;

  border-left: 0;

  background: #FFF;

}

.pub-header .form-box .hot-line {

  padding-left: 30px;

}

.pub-header .form-box .hot-line .t {

  font-size: 16px;

  color: #878787;

}

.pub-header .form-box .hot-line .number {

  font-size: 22px;

  color: #07AC66;

  padding-top: 5px;

}

.pub-header .toggle-nav {

  font-size: 30px;

  color: #333;

  display: none;

}

.pub-header .toggle-nav .close_nav {

  display: none;

}

.pub-header .toggle-nav.act .menu {

  display: none;

}

.pub-header .toggle-nav.act .close_nav {

  display: inline-block;

}



.nav-box {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;
  border-bottom:1px solid #E4E4E4;


}

.nav-box .nav-list > li {

  width: 14.285%;

  float: left;

  position: relative;

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

}

.nav-box .nav-list > li > a {

  display: block;

  border-right: 1px solid #E4E4E4;

  color: #545454;

  font-size: 16px;

  transition: color 0.5s linear;

  -webkit-transition: color 0.5s linear;

  -o-transition: color 0.5s linear;

  -moz-transition: color 0.5s linear;

}

.nav-box .nav-list > li .toggle-show {

  position: absolute;

  width: 20%;

  right: 0;

  line-height: 40px;

  text-align: right;

  top: 0;

  font-size: 20px;

  display: none;

}

.nav-box .nav-list > li > ul {

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  position: absolute;

  z-index: 0;

  width: 100%;

  height: auto;

  top: 120px;

  left: 0;

  background: #07AC66;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  padding: 10px 0;

  opacity: 0;

  visibility: hidden;

}

.nav-box .nav-list > li > ul > li {

  height: 40px;

  line-height: 40px;

  position: relative;

  z-index: 1;

}

.nav-box .nav-list > li > ul > li > a {

  color: #FFF;

  font-size: 14px;

  position: relative;

  z-index: 3;

}

.nav-box .nav-list > li > ul > li:before {

  position: absolute;

  height: 0;

  z-index: 2;

  width: 100%;

  left: 0;

  top: 50%;

  content: "";

  background: #037A47;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.nav-box .nav-list > li > ul > li:hover:before {

  height: 100%;

  top: 0;

}

.nav-box .nav-list > li > ul:before {

  content: '';

  position: absolute;

  width: 100%;

  height: 20px;

  left: 0;

  top: -20px;

}

.nav-box .nav-list > li.act {

  background: #07AC66;

}

.nav-box .nav-list > li.act a {

  color: #FFF;

}

.nav-box .nav-list > li:first-child > a {

  border-left: 1px solid #E4E4E4;

}

.nav-box .nav-list > li:hover {

  background: #07AC66;

}

.nav-box .nav-list > li:hover a {

  color: #FFF;

}

.nav-box .nav-list > li:hover > ul {

  top: 80px;

  visibility: visible;

  opacity: 1;

  z-index: 99;

}



.banner {

  position: relative;

  width: 100%;

}



.quote-box {

  position: absolute;

  height: 200px;

  bottom: -150px;

  left: 0;

  width: 100%;

  z-index: 20;

}

.quote-box .getQuote {

  background: #FFF;

  position: relative;

  height: 100%;

  padding: 22px 30px;

  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

}

.quote-box .getQuote .choose-area {

  width: 79.098%;

  float: left;

}

.quote-box .getQuote .choose-area .title {

  line-height: 34px;

  height: 34px;

  margin-bottom: 10px;

}

.quote-box .getQuote .choose-area .title .tit {

  font-size: 22px;

  color: #666;

}

.quote-box .getQuote .choose-area .title .com {

  font-size: 16px;

  color: #999;

  padding-left: 20px;

}

.quote-box .getQuote .choose-area .choose-box {

  padding-top: 10px;

}

.quote-box .getQuote .choose-area .choose-box input {

  height: 50px;

  border: 1px solid #E4E4E4;

  padding-left: 50px;

}

.quote-box .getQuote .choose-area .choose-box label {

  position: absolute;

  width: 40px;

  height: 100%;

  line-height: 50px;

  text-align: center;

  left: 15px;

  top: 0;

  font-size: 30px;

  color: #07AC66;

}

.quote-box .getQuote .choose-area .choose-box .choose-species {

  width: 100%;

  height: 50px;

  border: 1px solid #E4E4E4;

  margin-top: 10px;

  line-height: 50px;

  padding: 0 15px;

}

.quote-box .getQuote .choose-area .choose-box .choose-species .t {

  color: #535353;

}

.quote-box .getQuote .choose-area .choose-box .choose-species a {

  padding-left: 30px;

  color: #545454;

}

.quote-box .getQuote .choose-area .choose-box .choose-species a i {

  display: inline-block;

  width: 18px;

  height: 18px;

  line-height: 18px;

  text-align: center;

  color: #07AC66;

  border: 1px solid #E4E4E4;

  font-weight: bold;

  margin-right: 15px;

  font-size: 0;

  position: relative;

  top: -4px;

}

.quote-box .getQuote .choose-area .choose-box .choose-species a.act i {

  font-size: 14px;

  top: 0;

}

.quote-box .getQuote .right-btn {

  width: 18.03%;

  float: right;

}

.quote-box .getQuote .right-btn .tit {

  font-size: 16px;

  color: #999;

  height: 34px;

  line-height: 34px;

  margin-bottom: 10px;

  text-align: center;

}

.quote-box .getQuote .right-btn .require {

  display: block;

  width: 100%;

  height: 50px;

  line-height: 50px;

  text-align: center;

  color: #FFF;

  background: -webkit-linear-gradient(top, #07AC66, #07AC66);

  /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(top, #07AC66, #07AC66);

  /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(top, #07AC66, #07AC66);

  /* Firefox 3.6 - 15 */

  background: linear-gradient(top, #07AC66, #07AC66);

  /* 标准的语法（必须放在最后） */

  margin-top: 20px;

  font-size: 20px;

}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  bottom: 60px;

}



.swiper-pagination-bullet-active {

  background: #07AC66;

}



.index-case {

  padding: 10px 0 10px 0;

  background: #F6F6F6;

}

.index-case .tit-area .title .cha {

  font-size: 25px;

  color: #525252;

}

.index-case .tit-area .title .eng {

  font-size: 18px;

  color: #D6D6D6;

  padding-top: 5px;

}

.index-case .tit-area .case-species a {

  display: inline-block;

  font-size: 14px;

  padding: 6px 15px;

  border: 1px solid #E4E4E4;

  margin-left: 15px;

  color: #525252;

  background: #FFF;

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

}

.index-case .tit-area .case-species a:hover, .index-case .tit-area .case-species a.act {

  color: #FFF;

  background: #07AC66;

  border: 1px solid #07AC66;

}

.index-case .tit-area .toggle-bts {

  position: absolute;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #000;

  color: #FFF;

  font-size: 30px;

  left: 0;

  top: 0;

  display: none;

}

.index-case .tit-area .toggle-bts .close-bt {

  display: none;

}

.index-case .tit-area .toggle-bts.act .menu {

  display: none;

}

.index-case .tit-area .toggle-bts.act .close-bt {

  display: inline-block;

}



.case-list {

  padding-top:20px;

}

.case-list .row {

  margin: 0 -13px;

}

.case-list .col-md-3 {

  padding:10px;

}

.case-list a .image {

  position: relative;

  overflow: hidden;

}

.case-list a .image img {

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

}

.case-list a .com {

  height: 50px;

  background:#F2F2F2;

  color: #777;

  text-align: center;

  line-height: 50px;

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

}

.case-list a:hover .image img {

  transform: scale(1.1);

  -ms-transform: scale(1.1);

  /* IE 9 */

  -moz-transform: scale(1.1);

  /* Firefox */

  -webkit-transform: scale(1.1);

  /* Safari 和 Chrome */

  -o-transform: scale(1.1);

  /* Opera */

}

.case-list a:hover .com {

  background: #07AC66;

  color: #FFF;

}



.about {

  padding: 100px 0 0 0;

  background: url(../images/about_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  color: #FFF;

}

.about .aside .title {

  width: 28.125%;

  float: left;

}

.about .aside .title .eng {

  font-family: 'impact';

  font-size: 60px;

}

.about .aside .title .cha {

  font-size: 30px;

}

.about .aside .item-b {

  width: 43.75%;

  float: left;

  background: rgba(7, 172, 102, 0.6);

  height: 260px;

  position: relative;

  overflow: hidden;

}

.about .aside .item-s {

  width: 28.125%;

  float: left;

  background: rgba(7, 172, 102, 0.6);

  height: 260px;

  position: relative;

  overflow: hidden;

}

.about .aside .pad-s {

  padding: 40px;

}

.about .aside .t {

  font-size: 20px;
  font-weight:bold;

  padding-bottom: 15px;

}

.about .aside .com {

  line-height: 24px;

  height: 120px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

}

.about .knowMore {

  width: 100%;

  height: 20px;

  display: block;

  margin-top: 15px;

}

.about .knowMore span {

  display: inline-block;

  width: 120px;

  height: 1px;

  background: #FFF;

  position: relative;

  z-index: 1;

  transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

}

.about .knowMore span:after {

  position: absolute;

  content: '';

  border-left: 4.5px solid #FFF;

  border-top: 4.5px solid transparent;

  border-bottom: 4.5px solid transparent;

  right: -4px;

  top: -4px;

  z-index: 10;

}

.about .knowMore:hover span {

  width: 150px;

}



.index-case.index-product {

  background: #FFF;

  padding-top: 180px;

}

.index-product .case-list a .image {

  width: 100%;

  display: flex;

  align-items: center;

  align-content: center;

  justify-content: center;

  border: 1px solid #E4E4E4;

  background: #FFF;

}



.index-news {

  background: #F2F2F2;

  padding:10px 0;

}

.index-news .news-title {

  padding: 10px 0;

  border-bottom: 1px solid #E9E9E9;

}

.index-news .news-title .t {

  font-size: 20px;

  color: #525252;

}

.index-news .news-title a {

  font-size: 12px;

  color: #525252;

}

.index-news .company-news {

  width: 68%;

  background: #FFF;

  padding: 30px 30px 0 30px;

  height: 100%;

}

.index-news .company-news .recommend {

  padding: 20px 0;

}

.index-news .company-news .recommend .recommend-content {

  position: relative;

}

.index-news .company-news .recommend .image {

  width: 32.5%;

}

.index-news .company-news .recommend .news-cont {

  width: 67.5%;

  padding: 0 30px;

  position: absolute;

  top: 0px;

  right: 0;

  height: 100%;

}

.index-news .company-news .recommend .news-cont .title {

  font-size: 16px;

  color: #525252;

}

.index-news .company-news .recommend .news-cont .title:hover {

  color: #07AC66;

}

.index-news .company-news .recommend .news-cont .com {

  margin-top: 20px;

  color: #777;

}

.index-news .company-news .recommend .news-cont .know-dt {

  width: 100px;

  height: 34px;

  position: absolute;

  left: 30px;

  bottom: 0;

  line-height: 34px;

  text-align: center;

  border: 1px solid #E9E9E9;

  color: #525252;

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

}

.index-news .company-news .recommend .news-cont .know-dt:hover {

  background: #07AC66;

  color: #FFF;

  border: 1px solid #07AC66;

}

.index-news .knowledge {

  width: 31%;

  position: absolute;

  height: 100%;

  right: 0;

  background: #FFF;

  padding: 30px;

  top: 0;

}

.index-news .knowledge .news-list li {

  border: 0;

  padding: 12px 0;

}

.index-news .knowledge .news-list li a {

  width: 70%;

}



.news-list {

  padding: 15px 0;

}

.news-list li {

  padding: 10px 0;

  border-bottom: 1px solid #E9E9E9;

}

.news-list li a {

  width: 80%;

  color: #525252;

  padding-left: 15px;

  position: relative;

}

.news-list li a:hover {

  color: #07AC66;

}

.news-list li a:before {

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  border-top: 5px solid transparent;

  border-left: 5px solid #A9A9A9;

  border-bottom: 5px solid transparent;

  top: 50%;

  left: 0;

  margin-top: -5px;

}

.news-list li span {

  color: #999999;

}



.pub-footer {

  width: 100%;

  background:#037A47;

  color: #FFF;

}

.pub-footer a {

  color: #FFF;

}

.pub-footer .ft-top {

  padding: 40px 0 40px 0;

}

.pub-footer .ft-top .ft-nav {

  width: 57%;

}

.pub-footer .ft-top .ft-nav > li {

  width: 25%;

  float: left;

  font-size: 16px;

}

.pub-footer .ft-top .ft-nav > li .toggle-show {

  display: none;

}

.pub-footer .ft-top .ft-nav > li > ul {

  margin-top: 10px;

}

.pub-footer .ft-top .ft-nav > li > ul > li {

  font-size: 14px;

  line-height: 24px;

}

.pub-footer .ft-top .ft-nav > li > ul > li > a {

  color: #BABABA;

}

.pub-footer .ft-top .ft-nav > li > ul > li > a:hover {

  color: #FFF;

}

.pub-footer .ft-top .ft-contact {

  width: 30%;

}

.pub-footer .ft-top .ft-contact p {

  padding: 10px 0;

}

.pub-footer .ft-top .ft-contact p i {

  font-size: 24px;

  display: inline-block;

  padding-right: 12px;

}

.pub-footer .ft-top .ft-contact p span {

  position: relative;

  top: -3px;

}

.pub-footer .ft-top .ewm .image {

  padding: 8px;

  background: #FFF;

}

.pub-footer .ft-top .ewm p {

  height: 25px;

  line-height: 25px;

  text-align: center;

  background: #FFF;

  color: #323238;

}

.pub-footer .ft-btm {

  /*padding: 0 40px;*/

}

.pub-footer .ft-btm .content {

  border-top: 1px solid #fff;

  padding: 20px 0;

  color: #fff;

  font-size: 12px;

}

.pub-footer .ft-btm .content a {

  color: #858585;

  padding: 0 15px;

  border-right: 1px solid #484851;

}

.pub-footer .ft-btm .content a:last-child {

  padding-right: 0;

  border-right: 0;

}

.pub-footer .ft-btm .content a:hover {

  color: #FFF;

}



.pub-footer .ft-btm .f-links{

  clear: both;

  font-size: 0;

  padding: 10px 0;

  border-top: 1px #fff solid;

}

.pub-footer .ft-btm .f-links span.fn{

  display: inline-block;

  font-size: 14px;

  font-weight: bold;

}

.pub-footer .ft-btm .f-links a{

  display: inline-block;

  font-size: 14px;

  color: #858585;

  margin-left: 15px;

}

.pub-footer .ft-btm .f-links a:link,.pub-footer .ft-btm .f-links a:visited{

  color: #858585;

}

.pub-footer .ft-btm .f-links a:hover,.pub-footer .ft-btm .f-links a:active{

  color: #484851;

}



.toggle-show i {

  transition: all 0.5s linear;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  -moz-transition: all 0.5s linear;

  display: inline-block;

}



.toggle-show.act i {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

}



.child-content {

  padding: 20px 0;

}

.child-content .rows {

  margin: 0 -15px;

}

.child-content .left-nav {

  width: 20%;

  float: left;

  padding: 0 15px;

}

.child-content .left-nav .title {

  width: 100%;

  height: 60px;

  line-height: 60px;

  text-align: center;

  background: #07AC66;

  color: #FFF;

  font-size: 20px;

}

.child-content .left-nav .left-list {

  width: 100%;

  background: #FFF;

}

.child-content .left-nav .left-list li {

  padding: 15px 0;

  text-align: center;

  background: #FFF;

  border-bottom: 1px solid #E9E9E9;

}

.child-content .left-nav .left-list li a {

  font-size: 16px;

  color: #545454;

}

.child-content .left-nav .left-list li a:hover {

  color: #07AC66;

}

.child-content .left-nav .left-list li.act a {

  color: #07AC66;

}

.child-content .left-nav .left-contact {

  margin-top: 20px;

  background: #07AC66;

  padding: 15px 20px;

  color: #FFF;

}

.child-content .left-nav .left-contact .tit {

  font-size: 18px;

  padding: 10px 0;

  border-bottom: 1px solid #DDD;

}

.child-content .left-nav .left-contact p {

  padding: 15px 0;

  font-size: 16px;

}

.child-content .left-nav .left-contact p i {

  font-size: 24px;

  display: inline-block;

  padding-right: 8px;

}

.child-content .left-nav .left-contact p span {

  position: relative;

  top: -3px;

}

.child-content .right-content {

  width: 80%;

  padding: 0 15px;

  float: left;

}

.child-content .right-content .content {

  padding: 20px;

  background: #FFF;

  font-size: 16px;

  line-height:32px;

}

.child-content .right-content .tit {

  font-size: 16px;

  color: #545454;

  padding: 0 0 20px 15px;

  border-bottom: 1px solid #E4E4E4;

}

.child-content .right-content .cont {

  padding-top: 20px;

}

.child-content .right-content .cont img{

  max-width: 100%;

}

.child-content .right-content .case-list {

  padding: 0;

}

.child-content .right-content .case-list .image {

  /*height: 230px;*/

  border: 1px solid #E4E4E4;

  display: flex;

  align-items: center;

  align-content: center;

}

.child-content .right-content .case-list .col-md-4 {

  padding-bottom: 5px;

}

.child-content .right-content .child-news .child-news-list li {

  padding: 20px;

  border: 1px solid #E4E4E4;

  margin-bottom: 5px;

}

.child-content .right-content .child-news .child-news-list li .title {

  font-size: 20px;
  font-weight:bold;

  color: #545454;

}

.child-content .right-content .child-news .child-news-list li .time {

  padding: 5px 0;

  color: #777;

  font-size: 12px;

}

.child-content .right-content .child-news .child-news-list li .com {

  font-size: 12px;

  color: #666;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;
  line-height:22px;

}

.child-content .right-content .news-detail .title {

  font-size: 25px;

  color: #000;

  text-align: center;

}

.child-content .right-content .news-detail .info {

  padding: 20px 0;

  font-size: 12px;

  color: #545454;

  text-align: center;

}

.child-content .right-content .news-detail .info span {

  display: inline-block;

  padding: 0 10px;

}

.child-content .right-content .news-detail .toggle-page {

  padding-top: 20px;

}

.child-content .right-content .news-detail .toggle-page a {

  color: #545454;

}

.child-content .right-content .news-detail .news-content {

  padding: 20px 0;

  border-top: 1px solid #E4E4E4;

  border-bottom: 1px solid #E4E4E4;

  line-height:32px;

}

.child-content .right-content .news-detail .news-content img {

  margin: 0 auto;

  max-width: 100%;

  display: block;

}

.child-content .right-content .pro-show .image {

  width: 70%;

  padding: 30px 0;

  margin: 0 auto;

}

.child-content .right-content .pro-show .pro-detail .t {

  padding: 20px 0;

  border-bottom: 1px solid #E4E4E4;

}

.child-content .right-content .pro-show .pro-detail .detail img {

  margin: 0 auto;

  max-width: 100%;

  display: block;

}

.child-content .right-content .quote-box {

  position: relative;

  width: 100%;

  top: 0;

  height: auto;

  margin: 20px auto;

}

.child-content .right-content .quote-box .container-box {

  padding: 0 20px;

  width: 100%;

}

.child-content .right-content .quote-box .getQuote {

  padding: 0;

  box-shadow: none;

}

.child-content .right-content .quote-box .choose-area {

  width: 100%;

}

.child-content .right-content .quote-box .choose-area .tit {

  border: 0;

  padding-left: 0;

}

.child-content .right-content .quote-box .choose-area input {

  margin-bottom: 20px;

}

.child-content .right-content .quote-box .right-btn {

  width: 100%;

  float: left;

}

.child-content .right-content .quote-box .right-btn .tit {

  border: 0;

  display: none;

}



.page {

  text-align: center;

  font-size: 0;

}

.page a, .page span {

  display: inline-block;

  padding: 5px 8px;

  border: 1px solid #E4E4E4;

  color: #666;

  margin: 0 3px;

  font-size: 12px;

}

.page a:hover, .page a.current, .page span.current {

  background: #07AC66;

  color: #FFF;

  border: 1px solid #07AC66;

}



.fixed_contact{

        position: fixed;

        right: 0;

        top: 26%;

        z-index: 600;

    }

    .fixed_contact a{

        position: relative;

        margin-bottom: 1px;

        display: block;

        width: 58px;

        height: 60px;

        padding: 10px 0;

        font-size: 12px;

        background: #F36767;

        color: #fff;

        text-align: center;

    }





    .fixed_contact a:nth-child(1),

    .fixed_contact a:nth-child(2),

    .fixed_contact a:nth-child(3){

        background: #07AC66;

    }

    .fixed_contact a:nth-child(3){

        padding: 3px 0;

    }

    .fixed_contact a:nth-child(6){

        background: #00A0E9;

    }

    .fixed_contact a:hover{ background:#AAA; }

    .fixed_contact a:nth-child(4){

        padding: 0;

        background: #A5A5A5;

        line-height: 55px;

    }

    .fixed_contact a:nth-child(5):hover{

        background: #999;

    }

    .fixed_contact a span{

        display: block;

        line-height: 20px;

    }



    .fixed_contact .fixed_weixin{

        display: none;

        position: absolute;

        left: -90px;

        top: 0;

        z-index: 200;

        width: 90px;

        height: 90px;

    }

    .fixed_contact .fixed_weixin img{ max-width:100%; }



    .fix-cover{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:98; background:rgba(0,0,0,0.5); display:none; }

/*# sourceMappingURL=index.css.map */

