.main{
  width: 1100px;
  margin: 0 auto;
 }

 .hed-top{
  background: #fc6c26;
  font-size: 14px;
  color: #fff;
  line-height: 2;
 }

  .hed-top span{
    float: right;
  }

    .hed-top a{
      color: #fff;
      margin: 0 10px;
    }

#header ul {
  display: inline-block;
  margin-left: 30px;
}

#header ul li{
  display: inline-block;
  font-size: 18px;
  width: 95px;
}

#header{
  box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
  background: #fff;
  position:relative;
  z-index: 9999;
}


.banner li img{
  width: 100%;
}
.flex-direction-nav{
  display: none;
}
.banner{position: relative;}
.flex-control-nav li a{display: inline-block;width: 15px;height: 15px;background: #5f5f5f;border-radius: 50%;text-indent: -9000px;cursor: pointer;}
.flex-control-nav li{display: inline-block;margin: 0px 5px;}
.flex-control-nav{padding: 0px;margin:0px 0px;text-align: center;position: absolute;bottom: 10px;width: 100%;z-index: 1000;}
.flex-control-nav li .flex-active{background: #f3f3f3;}
.flex-direction-nav a{display: inline-block;width: 30px;height: 60px;position: absolute;top: 50%;margin-top: -30px;z-index: 1000;text-indent: -9999px;}
.flex-direction-nav .flex-prev{background: url(../images/in_03.png) no-repeat;left: 5%;}
.flex-direction-nav .flex-next{background: url(../images/in_033.png) no-repeat;right: 5%;}
.b-1f{
  background: #f6f6f6;
  padding-top: 50px;
}
.b-1f-ul {
  text-align: center;

}
.b-1f-ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 27px;
}

.title{
  font-size: 34px;
  font-weight: 900;
  text-align: center;
  margin-top: 15px;
  letter-spacing: 4px;
  color: #787878;

}

.title span{
  color: #f39640;
}

.b-2f-tu {
  font-size: 0px;
}

.b-2f-tu .left{
  width: 50%;
}
.b-2f-tu .right{
  width: 50%;
}
.b-2f-tu img{
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;


}

.more{
  width: 185px;
  line-height: 45px;
  text-align: center;
  color: #fc6c26;
  border: 1px #fc6c26 solid;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  margin-top: 56px;
   transition: 0.3s linear;
}

.more:hover{
  background: #fc6c26;
  color: #fff;
   transition: 0.3s linear;
}

.b-3f-div{
  height: 533px;
  background: url(../images/zhong.jpg);
  background-position: center;
  margin-top: 56px;
  padding-top: 72px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

}

.b-3f-div ul li{
  width: 202px;
  display: inline-block;
  color:#fff;
  font-size: 14px;
  text-align: center;
  margin: 0 12px;
}

.b-3f-div ul li img{
  width: 100%;
}

.b-3f-div ul{
  width: 1250px;
  text-align: center;

}

.b-3f-div ul li p{
  padding: 20px 10px;
  border: 1px #fff solid;
  margin-top: 14px;
}

.b-4f{
  padding-top: 55px;

}


.wh-to{
  margin-top: 3%;
}

.wh-to img{
  margin-top: -2%;
}

.b-4f dd .right{
  width: 700px;
  float: left;
  height: 250px;
  background: #f49f44;
  color: #fff;
  padding: 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

}

.b-4f dd .right h3{
  font-size: 22px;
  line-height: 2;
  text-align: center;

}

.b-4f dd .right p{
  font-size: 14px;
  height: 200px;
}

.b-4f dd .right .more{
  margin-top: 00px;
}

.b-4f dd{
  margin: 27px 0;
  background: #fff;
}

.b-5f{
  padding-top: 45px;
}

.b-5f dd{
  display: inline-block;
  vertical-align: top;


}

.left-new{
  width: 350px;
  display: inline-block;
}

.left-new ul li h3{
  font-size: 20px;
  color: #f49f44;
  font-weight: 600;
}

.left-new ul li p{
  font-size: 14px;
  color: #666679;
  line-height: 1.5;
  margin-top: 5px;
}

.left-new ul li {
  margin-bottom: 20px;
}

.new-right {
  width: 360px;
  font-size: 14px;
  margin-left: 00px;
  float:right;
}

.new-zhong{
  margin-left: 45px;
}

.new-right li{
  line-height: 2;
}

.new-right li span{
  float: right;
  color: #999;
}

footer{
  background: #24292f;
  padding: 40px;
  margin-top: 40px;
}

footer ul li{
  display: inline-block;
  margin-left:20px;
}

footer ul li a{
  color: #999;
  font-size: 16px;
}

footer .left{
  text-align: right;
  width: 600px;
  float: none;
  display: inline-block;
  font-size: 16px;
  color: #999;
  line-height: 2;
  border-right: 1px #666a6e solid;
  padding-right: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

footer .lianxi {
  display: inline-block;
  width: 480px;
    font-size: 16px;
  color: #999;
  line-height: 2;
  vertical-align: middle;
  padding-left: 50px;

}


.b-6f img {
  max-width: 100%; }

.b-6f a:hover {
  text-decoration: none !important; }

.b-6f .clearfix {
  display: block; }

.b-6f ul, .b-6f li, .b-6f dl, .b-6f dd, .b-6f dt, .b-6f p, .b-6f h2, .b-6f h3, .b-6f h4 {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.b-6f .fl {
  float: left; }

.b-6f .fr {
  float: right; }

.b-6f .block {
  display: inline-block; }

.b-6f .w360 {
  width: 360px;
  height: 30px;
  overflow: hidden; }

.b-6f .w210 {
  width: 180px;
  height: 30px;
  overflow: hidden; }

.b-6f .price {
  height: 30px;
  line-height: 30px;
  width: 120px; }

.b-6f .price .b-price1 {
  font-size: 16px;
  color: rgb(255, 0, 0);
  float: left; }

.b-6f .price .b-price2 {
  float: right;
  color: rgb(102, 102, 102);
  font-size: 12px; }

.b-6f .box {
  width: 100%; }

.b-6f .t_list {
  text-align: center; }

.b-6f .t_list li {
  display: inline-block;
  width: 150px;
  height: 42px;
  line-height: 42px;
  border-left: 1px solid rgb(255, 255, 255);
  border-right: 1px solid rgb(255, 255, 255);
  margin-left: -4px; }

.b-6f .t_list li a {
  display: block;
  background: rgb(255, 255, 255); }

.b-6f .t_list li.cur a {
  background: rgb(0, 171, 132);
  color: rgb(255, 255, 255) !important; }

.b-6f .b_bot {
  padding: 15px 8px; }

.b-6f .b_tab {
  display: none; }

.b-6f .b_tab:first-child {
  display: block; }

.b-6f .b_list li {
  width: 534px;
  float: left;
  margin-right: 16px;
  padding: 2px;
  position: relative;
  margin-bottom: 16px; }

.b-6f .b_list li:nth-child(2) {
  margin-right: 0; }

.b-6f .b_list li .tit {
  height: 30px;
  line-height: 30px;
  width: 100%;
  background: rgba(255, 255, 255, 0.65);
  position: absolute;
  left: 0;
  bottom: 2px;
  padding: 0 15px; }

.b-6f .b_list li .tit a {
  display: block; }

.b-6f .b_list1 li {
  width: 350px;
  float: left;
  margin-right: 16px;
  padding: 2px;
  position: relative; }

.b-6f .b_list1 li:nth-child(3) {
  margin-right: 0; }

.b-6f .b_list1 li .tit {
  height: 30px;
  line-height: 30px;
  width: 100%;
  background: rgba(255, 255, 255, 0.65);
  position: absolute;
  left: 0;
  bottom: 2px;
  padding: 0 15px; }

.b-6f .b_list1 li .tit a {
  display: block; }

.b-6f .b-group-text1 {
  color: rgb(67, 67, 67);
  font-size: 14px;
  font-weight: bold;
  text-align: inherit;
  font-family: microsoft yahei;
  line-height: inherit;
  text-decoration: none; }

.b-6f .b-group-text1:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  cursor: auto; }

.b-6f .b-group-border1 {
  background-color: #FFF;
  border: 1px solid rgb(188, 185, 185);
  border-radius: 0px; }

.b-6f .b-group-border1:hover {
  border-color: rgb(0, 171, 132);
  background-color: #FFF; }

.b-6f .b-group-border2 {
  background-color: #FFF;
  border: 1px solid rgb(193, 190, 190);
  border-radius: 0px; }

.b-6f .b-group-border2:hover {
  border-color: rgb(0, 171, 132);
  background-color: #FFF; }

.b-6f .b-group-text2 {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: normal;
  text-align: inherit;
  font-family: microsoft yahei;
  line-height: inherit;
  text-decoration: none; }

.b-6f .b-group-text2:hover {
  color: rgb(0, 171, 132);
  text-decoration: none;
  cursor: auto; }

 .b_tab+.b_tab{
  display: none;
 }

 .b-6f{
  padding-top: 56px;
 }

  .b-6f .title{
    margin-bottom: 50px;
  }


  .index-about-wrap {
  width: 100%;
  background-color: #ffffff;
  background: url(../images/ananbei.jpg)
}
.index-about-wrap .index-about {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  padding: 0 0 0 0;
}
@media (max-width: 1160px) {
  .index-about-wrap .index-about {
    padding: 6.03448276% 0 7.32758621% 0;
  }
}
.index-about-wrap .index-about .index-about-in {
  margin-top: 4.31034483%;
}
.index-about-wrap .index-about .index-about-in p {
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
/*.index-about-wrap .index-about .index-about-in .in-about {
  margin-top: 6.46551724%;
}*/
.index-about-wrap .index-about .index-about-in .in-about a {
  display: block;
  width: 13.775862%;
  float: left;
  margin-right: 13.965517%;
}
.index-about-wrap .index-about .index-about-in .in-about a .in-about-img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #0067b2;
  position: relative;
}
.index-about-wrap .index-about .index-about-in .in-about a .in-about-img:after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 100%;
}
.index-about-wrap .index-about .index-about-in .in-about a .in-about-img img {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.index-about-wrap .index-about .index-about-in .in-about a em {
  font-size: 16px;
  color: #fff;
  display: block;
  margin-top: 18px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-weight: 600;
}
.index-about-wrap .index-about .index-about-in .in-about a i {
  font-size: 12px;
  color: #a0a0a0;
  display: block;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  text-align: center;
  margin-top: 2px;
}
.index-about-wrap .index-about .index-about-in .in-about a:hover .in-about-img img {
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
}
@media (max-width: 960px) {
  .index-about-wrap .index-about .index-about-in .in-about a {
    width: 17.24137931%;
    margin-right: 10.34482759%;
  }
}
@media (max-width: 640px) {
  .index-about-wrap .index-about .index-about-in .in-about a {
    width: 21.12068966%;
    margin-right: 5.17241379%;
  }
}
@media (max-width: 360px) {
  .index-about-wrap .index-about .index-about-in .in-about a {
    width: 36%;
    margin: 0 7% 5% 7%;
  }
}
@media (max-width: 360px) {
  .index-about-wrap .index-about .index-about-in .in-about a.last2 {
    margin-right: 0;
  }
}
.index-about-wrap .index-about .index-about-in .in-about a.last4 {
  margin-right: 0;
}
@media (max-width: 360px) {
  .index-about-wrap .index-about .index-about-in .in-about a.last4 {
    width: 34%;
    margin: 0 8% 5% 8%;
  }
}
.index-about-wrap .index-about .index-about-in .in-about a.yellow .in-about-img {
  background-color: #f9bc25;
}

.index-solution-wrap ,.index-solution-wrap-model{
  width: 100%;
  background-color: #005897;
}
.index-solution-wrap .index-solution {
  max-width: 1160px;
  width: 95%;
  margin: 0 auto;
  padding: 65px 0 75px 0;
}
@media (max-width: 1160px) {
  .index-solution-wrap .index-solution {
    padding: 5.60344828% 0 6.46551724% 0;
  }
}
.index-solution-wrap .index-solution .sul b {
  color: #ffffff;
}
.index-solution-wrap .index-solution .sul i {
  color: #ffffff;
}
.index-solution-wrap .index-solution .sul:after {
  background-color: #ffffff;
}
.index-solution-wrap .index-solution .in-solution {
  margin-top: 5.43103448%;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in {
  width: 33%;
  float: left;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in a {
  display: block;
  width: 90.15544041%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #ececed;
  padding: 7px 6px 10.3626943% 6px;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in a .in-sol-img {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in a .in-sol-img:after {
  position: relative;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 56.54761905%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 6;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in a .in-sol-img .shu {
  width: 1px;
  height: 50px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 8;
}
.index-solution-wrap .index-solution .in-solution .in-solution-in a .in-sol-img .heng {
  width: 50px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 8;
}

.row07{background:#F1f1f1;}
.row07 .f_link{background:#F1f1f1;margin-top:20px;line-height:40px;margin-bottom:20px;}
.row07 .f_link .t{display:inline-block;background:url(../images/f_link.png) no-repeat;width:66px;height:24px;margin:8px;float:left;}
.row07 .f_link a{display:inline-block;padding:0 10px;color:#333; font-size: 14px;}

.row07 .f_link .txtMarquee-left{display:inline-block;width:92%;}
.row07 .f_link .txtMarquee-left .tempWrap{width:100% !important;}
.row07 .f_link .txtMarquee-left ul{overflow:hidden;}
.row07 .f_link .txtMarquee-left ul li{float:left;}


#header nav{
  padding: 2% 0;
  width: 1400px;
}
#header span{
  font-size: 35px !important;
  font-weight: 900;
  color: blue !important;
}

#header img{
  height: 65px;
}

@media (max-width: 750px) {

.title img{
  width: 100%;
}



#header nav{
  padding: 2% 0;
  width: 100%;
}
#header span{
  display: block;
  text-align: center;
  font-size: 24px;

}

   .main{
    width: 100%;
   }
   #header img{
    width: 50%;
    display: block;
    margin: 1px auto;
    height: auto;
   }

   .b-1f-ul li{
    width: 32%;
    margin: 0px;
    text-align: center;

   }

   .title{
    font-size: 24px;
   }

   .b-1f-ul li img{
    width: 90%;
   }

   .b-2f-tu img{
    width: 80%;
    height: auto !important;
    margin-top: 0px !important;
    display: block;
    margin: 0 auto;

   }

   .b-3f-div ul li{
    width: 41%;
    margin-top: 3%;
    display: none;
   }

   .b-3f-div ul li+li{
    display: inline-block;
   }


   .b_list1 li{
    display: none;
   }

   .b_list1 li+li{
    display: block;
   }
   .b-3f-div{
    height: auto;
    padding-top: 2px;
    padding-bottom: 2%;
    background-size: cover !important;
   }

   .b-3f-div ul li img{
    width: 100%;
   }


   .b-3f-div ul{
    width: 100%;
   }

   .b-2f-tu .right,.b-2f-tu .left{
    width: auto;
   }



   .hed-top{
    text-align: center;
   }



   #header ul{
    margin-left: 0px;
    margin-bottom: 2%;
   }

   #header ul li{
    width: 32%;
    font-size: 16px;
    text-align: center;
    line-height: 2;

   }

   .b-6f .b_list1 li,.b-6f .b_list li{
    width: 50% !important;
    float: left;
    margin-right: 0px;

   }

   .b-6f .title{
    margin-bottom: 5px;
   }

   .b-6f{
    padding-top: 15px;
   }

   .b-4f dd .right{
    width: 100%;
    height: auto;
   }

   .b-4f img{
    width: 100% !important;
    height: auto !important;
   }

   .b-4f dd .right p{
    height:auto;
    padding-bottom: 5%;
   }

   .left-new{
    width: 100%;
   }

   .new-zhong{
    display: none !important;
   }

   .new-right{
    width: 100%;
    float: none;

   }

   .b-5f{
    padding: 0 3%;
   }



   footer .left{
    width: 100%;
    text-align: center;
    padding-right: 0px;
    border: none
   }

   footer{
    padding: 10px;
   }

   html,body{
    overflow-x: hidden !important;
   }

#met-banner-slide{
  display: none;
}

}
}