@charset "utf-8";

body{
	font-family: "Microsoft YaHei";
}
a,
a:hover,
a:focus
{
  color: inherit;
  text-decoration: none;
}
ul{
  list-style: none;
  margin:0;
  padding:0;
}
h3,h4{
  margin: 0;
}
p{
  margin:0;
}
.no-padding{
  padding: 0;
}
.container-fluid{
  max-width: 1000px;
}

/*中英文*/
.top-translate{
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 5px;
  background: url(/img/translate-bg.png) no-repeat 78px center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.top-translate{
	  margin-top: 3px;
	}
}

@media only screen and (min-width: 768px) {
  .top-head .container-fluid{
    position: relative;
  }
	.top-right{
	  position: absolute;
	  top: 0;
	  right: 15px;
	  
	}
}

.top-translate span{
  cursor: pointer;
  display: inline-block;
  color: #535252;
  height: 22px;
  padding: 1px 20px;
  border-radius: 11px;
  margin: 0 5px;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.top-translate span.act,
.top-translate span:hover{
  color: #fff;
  background: #0bb1d2;
}
.top-translate span:last-child{
  font-family: arial;
}



/*顶部  logo&热线*/
.top-head{
  height: 38px;
}
.top-logo{
  display: inline-block;
}
.top-logo img{
  max-width: 100%;
}
.m-logo,
.b-logo{
  display: none;
}
@media (min-width: 450px) {
  .top-head{
    height: 50px;
  }
	.m-logo{
	  display: block;
	}
	.s-logo{
	  display: none;
	}
}
@media (min-width: 640px) {
  .top-head{
    height: 65px;
  }
	.s-logo,
	.m-logo{
	  display: none;
	}
	.b-logo{
	  display: block;
	}
}
@media only screen and (min-width: 992px) {
	.top-head{
	  height: 80px;
	  padding: 7.5px 0;
	}
}
.top-right{
  float: right;
}
.top-line{
  padding: 10px 0;
  margin-right: 15px;
}
.top-line img{
  vertical-align: baseline;
}
.top-line .line-number{
  display: inline-block;
}
.top-line .line-number span{
  color: #767676;
}
.top-line .line-number p{
  color: #ff9000;
  font-size: 18px;
  font-weight: bold;
}
/*搜索*/
.top-search{
  /*margin: 17.5px 0;*/     /*注释或删除掉这行*/
  background: #e0e0e0;
  border-radius: 15px;
}
.top-search input{
  padding: 5px 12px;
  width: 160px;
  height: 30px;
  border: none;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  outline: none;
  background: url(/img/top-input-bg.png) no-repeat right;
}
.top-search input:focus{
  background-color: #eee;
}
.top-search button{
  width: 40px;
  height: 30px;
  padding: 0;
  border: none;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  outline: none;
  background: url(/img/btn-search.png) no-repeat 10px 6px;
}
.top-search button:focus{
  background-color: #eee;
}

@media (max-width: 767px) {
  .top-head{
    text-align: center;
  }
	.top-right{
	  float: none;
	  position: absolute;
	  top: 44px;
	  z-index: 3;
	}
	.top-search{
	  margin: 0;
	}
	.top-nav-wrap{
	  padding: 6px 0;
	}
}
@media (min-width: 450px) and (max-width: 639px) {
	.top-right{
	  top: 56px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
  .top-right{
    top: 71px;
  }
}

/*导航*/
.top-nav-wrap{
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 2;
  width: 100%;
  
  background: rgba(0,175,209,0.95);
}
@media (min-width: 450px) {
	.top-nav-wrap{
	  top: 50px;
	}
}
@media (min-width: 640px) {
	.top-nav-wrap{
	  top: 65px;
	}
}
@media only screen and (min-width: 992px) {
	.top-nav-wrap{
	  top: 80px;
	}
}
.top-nav{
  color: #fff;
}
.top-nav li{
  float: left;
  width: calc(100% / 7);
  
}
.top-nav li a{
  display: block;
  text-align: center;
  line-height: 58px;
  height:58px;
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.top-nav li a:hover,
.top-nav li a.act{
  color: #ff7e00;
  background: #79d3e4;
}

/*小屏  折叠按钮*/
#btn-collapse {
  float: right;
  cursor: pointer;
  color: #fff;
  font-size:24px;
  margin: 3px 0;
  top: 0;
}
/*小屏 折叠导航*/
#nav-collapse{
  position: absolute;
  top: 80px;
  right: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  color: #333;
  background:rgba(230,230,230,0.88);
  padding: 5px;
}
@media (min-width: 450px) {
	#nav-collapse{
	  top: 92px;
	}
}
@media (min-width: 640px) {
  #nav-collapse{
    top: 107px;
  }
}
#nav-collapse li a{
  display: block;
  line-height: 1.5;
  padding:5px;
  border-bottom: 1px solid #b2b2b2;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
#nav-collapse li a:hover{
  color: #fff;
  background:rgba(0,175,209,0.88);
}

/*轮播图*/
.swiper-img .swiper-slide{
  text-align: center;
  line-height: 0;
}
.swiper-img .swiper-slide img{
  margin: 0 auto;
}
.slide-img-big{
  display: none;
}
.slide-img-small{
  display: block;
}
@media (min-width: 640px) {
  .slide-img-big{
    display: block;
  }
  .slide-img-small{
    display: none;
  }
}

/*主体部分*/
.main{
  padding-bottom: 20px;
}

/*主要标题*/
.main-title {
  margin: 20px 0;
  text-align: center;
  background: url(/img/main-title-bg.png) no-repeat center 85%;
}
@media (min-width: 768px) {
  .main-title{
    margin-top: 30px;
  }
}
.main-title a{
  display: inline-block;
  
}
.main-title h3{
  color: #00afd1;
  font-size: 20px;
  font-family: arial;
  font-weight: bold;
  text-transform: uppercase;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.main-title h4{
  color: #333;
  font-size: 18px;
  font-weight: bold;

  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
@media (min-width: 768px) {
  .main-title h3{
    font-size: 24px;
  }
  .main-title h4{
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .main-title h3{
    font-size: 30px;
  }
}
.main-title a:hover h3{
  color: #333;
}
.main-title a:hover h4{
  color: #00afd1;
}

/*首页 产品中心*/
.pro-wrapper{
  background: #f1f1f1;
}
.main-pro{
  position: relative;
}
.btn-pro-next,
.btn-pro-prev{
  position: absolute;
  top: 50%;
  margin-top: -38.5px;
  z-index: 1;
  width: 37px;
  height: 77px;
  cursor: pointer;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.btn-pro-next{
  right: 10px;
  background: url(/img/pro-next-bg.png) no-repeat right;
}
.btn-pro-next:hover{
  background-position: left;
}
.btn-pro-prev{
  left: 10px;
  background: url(/img/pro-prev-bg.png) no-repeat left;
}
.btn-pro-prev:hover{
  background-position: right;
}
@media (max-width: 639px) {
	.btn-pro-next,
	.btn-pro-prev{
	  display: none;
	}
}

.pro-nav{
  text-align: center;
  margin: 20px 0;
}
@media only screen and (min-width: 640px) {
	.pro-nav{
	  margin: 30px 0;
	}
}
.pro-nav a{
  display: inline-block;
  font-size: 12px;
  padding: 5px 10px;
  margin: 0 4px;
  color: #616161;
  background: #d6d2d2;
  border-radius: 5px;
  border-bottom: 3px solid #b9b6b6;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
@media (min-width: 360px) {
	.pro-nav a{
	  font-size: 14px;
	  margin: 0 8px;
	}
}
@media (min-width: 768px) {
	.pro-nav a{
	  margin: 0 10px;
	  padding: 5px 15px;
	}
}
.pro-nav a:hover,
.pro-nav a.act{
  color: #fff;
  background: #00afd1;
  border-color: #008ba6;
}

.indexprolink{
  position: relative;
  display: block;
  overflow: hidden;
  
  padding: 1px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.indexprolink .imgbox{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  overflow: hidden;
  
  border-radius: 4px;
}
.indexprolink .img-modal{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.indexprolink .img-modal img{
  position: absolute;
  left: 50%;
  margin-left: -29px;
  top: -58px;
  
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.indexprolink .img-modal .color-bg{
  position: absolute;
  bottom: 15%;
  left: -100%;
  
  width: 100%;
  height: 40px;
  background: rgba(0,175,209,0.6);
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.indexprolink .img-modal p{
  position: absolute;
  bottom: 15%;
  right: -100%;
  
  width: 100%;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  background: rgba(0,175,209,0.75);
  text-align: center;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.indexprolink:hover .img-modal img{
  top: 20%;
}
.indexprolink:hover .img-modal .color-bg{
  left: 0;
}
.indexprolink:hover .img-modal p{
  right: 0;
}
@media (max-width: 639px) {
	.indexprolink .img-modal img{
	  display: none;
	}
	.indexprolink .img-modal .color-bg{
	  display: none;
	}
	.indexprolink .img-modal p{
	  right: 0;
	  bottom: 5%;
	  font-size: 14px;
	  line-height: 30px;
	}
	.indexprolink:hover .img-modal p{
	  background: rgba(0,175,209,0.9);
	}
}

/*查看更多*/
.btn-more-wrap{
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 640px) {
	.btn-more-wrap{
	  margin-top: 30px;
	}
}
.btn-more{
  display: inline-block;
  
  color: #fff;
  background: #ff9d00;
  border-bottom: 2px solid #af6c00;
  padding: 5px 12px;
  border-radius: 5px;
}
.btn-more:hover{
  color: #fff;
  background: #d37900;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}


/*首页 关于我们*/
.about-wrapper{
  background: url(/img/about-bg.png);
}
.about-wrapper .main-title{
  background-image: url(/img/about-title-bg.png);
}
.about-wrapper .main-title h4{
  color: #fff;
}
.about-wrapper .main-title a:hover h3{
  color: #fff;
}

.main-about{
  position: relative;
  padding-bottom: 30px;
}
.about-text{
  color: #fff;
  border: 4px solid #8e8e8e;
  border-radius: 2px;
  
  margin-top: 10px;
}
.about-text p{
  text-indent: 2em;
  line-height: 1.6;
}
.about-text a{
  float: right;
  font-size: 12px;
  font-family: simsun;
  padding: 5px 12px;
  background: #7d7d7d;
  margin-top: 10px;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.about-text a:hover{
  background: #6d6d6d;
}
.about-img{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.about-number{
  display: none;
  margin-top: 5px;
}
.about-number span{
  color: #fff;
}
.about-number p{
  color: #fc9e01;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-img{
    display: block;
  }
  .about-img img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  .about-text{
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .main-about{
    min-height: 350px;
  }
	.about-text{
	  float: left;
	  padding: 10px 50px 10px 15px;
	}
	.about-right{
	  position: absolute;
	  right: 0;
	}
	.about-img{
	  margin-top: 15px;
	}
	.about-number{
	  display: block;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.about-text{
	  width: 65%;
	  margin-top: 50px;
	}
	.about-right{
    width: 38%;
  }
  .about-img{
    height: 280px;
  }
  .about-number{
    margin-left: 30px;
  }
}
@media (min-width: 992px) {
  .about-text{
    width: 70%;
    margin-top:60px;
  }
  .about-right{
    width: 34%;
  }
  .about-img{
    height: 260px;
    box-shadow: 12px -12px #1990a7;
  }
  .about-number{
    margin-left: 45px;
  }
}

/*首页 新闻资讯*/
.news-wrapper{
  background: #f1f1f1;
}
.main-news .col-xs-12{
  margin-bottom: 15px;
}
.newslink{
  display: block;
  background: #f5f5f5;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.newslink .imgbox{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.newslink .imgbox img{
  max-width: 100%;
  min-height:106px;
}
.newslink .newstext{
  position: relative;
  padding: 10px;
  overflow: hidden;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.newslink .newstext h4{
  color: #000;
  font-size: 14px;
  margin-bottom: 8px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.newslink .newstext p{
  color: #5f5f5f;
  font-size: 12px;
  font-family: simsun;
  line-height: 1.8;
  
  height: 5.4em;
  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.newslink .news-modal{
  position: absolute;
  right: -114px;
  bottom: 0;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.newslink:hover{
  background: #00afd1;
}

.newslink:hover .newstext h4,
.newslink:hover .newstext p{
  color: #fff;
}
@media (max-width: 449px) {
	.newslink{
	  padding: 5px;
	  box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	}
}
@media (min-width: 450px) {
	.newslink{
    height: 106px;
  }
  .newslink .imgbox{
    float: left;
    
    width: 120px;
    height: 100%;
    border: 1px solid #cfcfcf;
  }
  .newslink .imgbox img{
    max-width: 100%;
  }
  .newslink .newstext{
    float: left;
    width: calc(100% - 120px);
    height: 100%;
  }
  .newslink:hover .news-modal{
    right: 0;
  }
}

/*首页 案例展示*/
.case-wrapper{
  background: #f1f1f1;
}
.main-case{
  height: 400px;
}
.case-left{
  width: 33%;
  float: left;
  margin-right: 1%;
}
.case-left .top{
  height: 110px;
  margin-bottom: 15px;
  
  background: #00afd1;
  
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.case-left .bottom{
  height: 275px;
}

.case-right{
  width: 66%;
  float: left;
}
.case-right .top{
  height: 250px;
  margin-bottom: 15px;
}
.case-right .top .left{
  width: 65%;
  height: 100%;
  margin-right: 1%;
  float: left;
}
.case-right .top .right{
  width: 34%;
  height: 100%;
  float: left;
}

.case-right .bottom{
  height: 135px;
}
.case-right .bottom .left{
  float: left;
  width: 24%;
  height: 100%;
  margin-right: 1%;
  background: #ff9d00;
  
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.case-right .bottom .center{
  float: left;
  width: 50%;
  height: 100%;
}
.case-right .bottom .right{
  float: left;
  width: 24%;
  height: 100%;
  margin-left: 1%;
}

@media (min-width: 641px) and (max-width: 767px) {
  .main-case{
    height: auto;
  }
	.case-left{
	  width: 100%;
	  margin: 0 0 15px 0;
	}
	.case-right{
	  width: 100%;
	}
	.case-right .top .left{
	  width: 100%;
	  margin: 0;
	}
	.case-right .top .right{
	  float: right;
	  width: 75%;
	  height: 135px;
	  margin-top: 15px;
	}
	.case-right .bottom .center{
	  width: 75%;
	  margin-top: 15px;
	}
	.case-right .bottom .right{
	  margin-top: 15px;
	}
}
@media (max-width: 640px) {
	.case-left{
	  display: none;
	}
	.case-right .bottom .left{
	  display: none;
	}
	.case-right{
	  width: 100%;
	  height: 100%;
	}
	.case-right .top{
	  height: 48%;
	  margin-bottom: 2%;
	}
	.case-right .top .left{
	  width: 49%;
	  margin-right: 1%;
	}
	.case-right .top .right{
	  width: 49%;
	  margin-left: 1%;
	}
	.case-right .bottom{
	  height: 48%;
	  margin-top: 2%;
	}
	.case-right .bottom .center{
	  width: 49%;
	  margin-right: 1%;
	}
	.case-right .bottom .right{
    width: 49%;
    margin-left: 1%;
  }
	
}

.indexcaselink{
  width: 100%;
  height: 100%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.indexcaselink .img-modal{
  opacity: 0;
  text-align: center;
  
  overflow: hidden;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.indexcaselink .img-modal p{
  color: #00afd1;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.indexcaselink:hover {
  background: rgba(0,0,0,0.6);
}
.indexcaselink:hover .img-modal{
  opacity: 1;
}
.indexcaselink .s-title{
  display: none;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
@media (max-width: 449px) {
  .indexcaselink {
    position: relative;
    display: block;
  }
  .indexcaselink .img-modal{
    display: none;
  }
  .indexcaselink .s-title{
    display: block;
    
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.6);
    padding: 2px;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .indexcaselink:hover {
    background:none;
  }
  .indexcaselink:hover .s-title{
    background: rgba(0,0,0,0.88);
  }
}
.jiathis_style{ display:none;}
/*首页 联系我们*/
.contact-wrapper{
  background: #f1f1f1;
}
.contact-title{
  font-size: 16px;
  margin:10px 0 20px;
}
@media only screen and (max-width: 767px) {
	.contact-title{
	  margin-bottom: 10px;
	}
}
.contact-title.left{
  color: #636363;
}
.contact-title.right{
  color: #222;
}
.contact-text{
  color: #757575;
  text-indent: 2em;
  margin-bottom: 20px;
}
.contact-list{
  color: #565555;
  margin: 20px 0;
  padding: 0 20px;
}

@media (max-width: 450px) {
  .contact-list{
    padding: 0;
  }
}
/*.contact-list img{
  position: absolute;
}*/
.contact-list li{
  margin:5px 0 5px 0px;
}

.contact-form label{
  color: #333;
  font-weight: normal;
  margin-bottom: 5px;
}
.contact-form .form-control{
  background:#f1f1f1;
  border:1px dashed #ccc;
  border-radius: 0;
  width: 100%;
}
.form-control:focus {
  border-color: #09c;
}
.contact-form textarea{
  resize: vertical;
}
.contact-form input[type=submit]{
  width: 30%;
  color: #fff;
  background:#09c;
  border:none;
  padding:3px 0;
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.contact-form input[type=submit]:hover{
  width: 33%;
}
@media (min-width: 450px) {
  .contact-form input[type=submit]{
    width: 25%;
  }
  .contact-form input[type=submit]:hover{
    width: 28%;
  }
}


/*非主页页面*/
.main-page{
  margin: 20px 0 30px;
}
@media (max-width: 767px) {
  .main-page{
    margin-top: 0;
  }
}

/*非主页页面标题*/
.page-title{
  background: #f1f1f1;
  padding: 4px 10px;
  margin-bottom: 20px;
}
.page-title b{
  color: #01adbf;
  font-size: 18px;
  font-weight: normal;
}
.page-title span{
  float: right;
  color: #a1a0a0;
  line-height: 24px;
}
.page-title span a:hover{
  color: #01adbf;
}

/*侧栏标题*/
.aside-title{
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  background: #0bb1d1;
}

/*侧栏产品列表*/
.aside-list{
  margin-bottom: 10px;
}
.aside-list li{
  margin: 2px 0;
}
.aside-list a{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.aside-list>li>a{
  display: block;
  cursor: pointer;
  line-height: 35px;
  padding: 0 15px;
  color: #414040;
  background: #e2e2e2;
}
.aside-list>li>a:hover,
.aside-list>li.act>a{
  color: #fff;
  background: #31bcd7;
}
.aside-list>li>a>b{
  font-weight: normal;
  float: left;
  max-width: calc(100% - 15px);
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aside-list>li>a>span{
  float: right;
  color: #8e8e8e;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.aside-list>li.act>a>span,
.aside-list>li>a:hover>span{
  color: #fff;
}
.aside-list>li.act>a>span{
  color: #fff;
  
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*二级产品列表*/
.aside-seclist{
  display: none;
}
.aside-seclist>li>a{
  display: block;
  line-height: 32px;
  padding: 0 10px 0 18px;
  color: #3f3f3f;
  background: #eee;
}
.aside-seclist>li>a:before{
  content: "- ";
}
.aside-seclist>li>a:hover,
.aside-seclist>li.act>a{
  color: #fff;
  background: #9e9e9e;
}

.aside-contact img{
  width: 100%;
}
.aside-contact ul{
  padding: 5px;
  font-size: 12px;
  color: #565555;
}
.aside-contact ul li{
  margin: 5px 0;
}
@media (max-width: 890px) {
  .aside-contact ul li span{
    display: block;
    padding-left: 1em;
  }
}

/*关于我们页*/
.page-about {
  color: #4b4b4b;
}
.page-about p{
  text-indent: 2em;
  line-height: 1.6;
}
.page-about .imgbox{
  text-align: center;
  margin-top: 20px;
}
.page-about img{
  max-width: 100%;
  height:auto;
}


/*产品中心页*/
.section-product{
  margin: 20px 0;
}
.section-product .col-xs-6{
  margin-bottom: 15px;
}
@media (min-width: 610px) and (max-width: 767px) {
  .section-product .col-xs-6{
    width: 33.33333333%;
  }
}
.sectionprolink{
  position: relative;
  display: block;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.sectionprolink .imgbox{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sectionprolink p{
  color: #7f7f7f;
  padding: 5px 2px;
  text-align: center;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 450px) {
	.sectionprolink p{
	  font-size: 12px;
	}
}
.sectionprolink:hover {
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
          
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}


/*产品详情页*/
.section-productx{
  margin: 20px 0;
}
.section-productx table{table-layout:fixed;}
.section-productx h3{
  font-size: 16px;
  color: #353434;
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 450px) {
	.section-productx h3{
	  font-size: 18px;
	}
}
.section-productx img{
  display: block;
  max-width: 100%;
  margin: 15px auto;
}
.section-productx p{
  line-height: 1.6;
  padding: 0 5px;
}


/*新闻资讯页*/
.news-page .drop-list{
  text-align: center;
}
.section-news{
  margin: 20px 0;
}
.newsitem{
  padding-bottom: 15px;
  border-bottom: 1px dashed #cbcbcb;
  margin-bottom: 15px;
}
.newsitem .newslink{
  margin: 0 5px;
}
.section-news .newslink .imgbox{
  border: none;
}
.section-news .newslink .newstext h4{
  margin-bottom: 0;
}
.section-news .newslink .newstext{
  padding: 5px 10px;
}
.section-news .newslink .newstext span{
  font-size: 12px;
  color: #555;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.section-news .newslink:hover .newstext span{
  color: #fff;
}

/*新闻详情页*/
.section-newsx{
  margin: 20px 0;
}
.section-newsx h3{
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}
.section-newsx h4{
  font-size: 12px;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #cfcfcf;
}
.section-newsx img{
  display: block;
  max-width: 100%;
  margin: 15px auto;
}
.section-newsx p{
  color: #616161;
  font-family: simsun;
  line-height: 1.8;
  padding: 0 5px;
}

/*案例展示页*/
.caselink{
  position: relative;
  display: block;
  overflow: hidden;
  
  color: #373737;
  background: #f1f1f1;
  margin-bottom: 20px;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.caselink .imgbox{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.caselink .casetext h4{
  color: #01afd2;
  
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #bfbfbf;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.caselink .casetext p{
  line-height: 1.5;
  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 649px) {
  .caselink{
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
  }
  .caselink .imgbox img{
    max-width: 100%;
  }
  .caselink .casetext h4{
    margin-top: 10px;
    font-size: 15px;
  }
  .caselink .casetext p{
    max-height: 10.5em;
    -webkit-line-clamp: 7;
  }
}
@media (min-width: 650px) {
  .caselink{
    height: 200px;
  }
  .caselink .imgbox{
    float: left;
    
    width: 280px;
    height: 100%;
  }
  .caselink .imgbox img{
    max-width: none;
    
    -webkit-transition: 0.3s;  
       -moz-transition: 0.3s;  
         -o-transition: 0.3s;  
            transition: 0.3s;
  }
  .caselink .casetext{
    float: left;
    width: calc(100% - 280px);
    height: 100%;
    padding: 15px;
  }
  .caselink .casetext h4{
    font-size: 16px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .caselink .casetext p{
    max-height: 9em;
    -webkit-line-clamp: 6;
  }
  .caselink:hover{
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
    
    -webkit-transform: translateY(-5px);
       -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
         -o-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.caselink:hover{
  color: #fff;
  background: #01afd2;
}
.caselink:hover .casetext h4{
  color: #fff;
  border-bottom-color: #fff;
}

/*案例展示详情页*/
.page-casex{
  margin: 25px 0;
}
.page-casex h4{
  font-size: 16px;
  color: #1d1d1d;
  margin-bottom: 20px;
  text-align: center;
}
.page-casex img{
  display: block;
  margin: 15px auto;
  max-width: 100%;
}
.page-casex p{
  color: #535353;
  line-height: 1.6;
  padding: 0 5px;
}


/*解决方案页*/
.page-solution .col-xs-6{
  margin-bottom: 15px;
}
@media (max-width: 380px) {
  .page-solution .col-xs-6{
    width: 100%;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .page-solution .col-xs-6{
    width: 33.33333333%;
  }
}
.solutionlink{
  display: block;
  position: relative;
  overflow: hidden;
}
.solutionlink .img-modal{
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  
  color: #fff;
  padding: 10px;
  background: rgba(11,177,209,0.65);
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.solutionlink .img-modal .modal-text{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.solutionlink .modal-text h4{
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.solutionlink .modal-text p{
  line-height: 1.5;
  height: 4.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.solutionlink .modal-text img{
  float: right;
  margin-top: 5px;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}

.solutionlink .s-title{
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 2;
  text-align: center;
  padding: 0 5px;
  color: #fff;
  background: rgba(0,0,0,0.6);
  
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
@media only screen and (max-width: 450px) {
	.solutionlink .s-title{
	  font-size: 12px;
	}
}
.solutionlink:hover .img-modal{
  top: 0;
}
.solutionlink:hover .s-title{
  bottom: -2em;
}
@media only screen and (max-width: 540px) {
	.solutionlink .img-modal{
	  display: none;
	}
	.solutionlink .s-title{
	  background: rgba(11,177,209,0.65);
	}
	.solutionlink:hover .s-title{
	  bottom: 0;
	  background: rgba(11,177,209,0.85);
	}
}

/*解决方案详情页*/
.otherlink{
  color: #535353;
  margin: 30px 0;
  padding: 20px 5px 0;
  border-top: 1px dashed #a0a0a0;
}
@media only screen and (max-width: 450px) {
	.otherlink{
	  font-size: 13px;
	}
}
.otherlink a:hover{
  color: #333;
}

/*联系我们页*/
.contact-top{
  margin-bottom: 15px;
}
.contact-top>img{
  float: left;
  width: 40%;
}
.contact-way{
  float: left;
 width: 60%;
  padding-left: 10px;
}

.contact-way h3{
  font-size: 18px;
  color: #2f2f2f;
  font-weight: bold;
  margin-bottom: 15px;
}
.contact-way ul li{
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
.contact-way .weixin{
  margin-top: 10px;
}
.contact-way .weixin img{
  max-width: 115px;
  float: left;
}
.contact-way .weixin p{
  float: left;
  margin-top: 20px;
  margin-left: 10px;
}
.page-contact>img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .contact-top>img{
    display: none;
  }
  .contact-way{
    width: 100%;
    padding: 0 15px;
  }
  .contact-way h3{
    font-size: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .contact-way{
    text-align: center;
    padding: 15px;
    border: 1px solid #cfcfcf;
    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
  }
  .contact-way ul{
    text-align: left;
    display: inline-block;
  }
  .contact-way ul li{
    float: none;
    width: auto;
  }
  .contact-way .weixin img{
    float: none;
  }
  .contact-way .weixin p{
    float: none;
    margin: 0;
  }
}


/*大屏底部*/
.foot{
  font-size: 13px;
  color: #fffefe;
  background: #333;
  padding: 20px 0;
}
.foot-title{
  display: inline-block;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 2px solid #626262;
  margin-bottom: 15px;
}
.foot-list{
  margin-bottom: 15px;
}
.foot-list li{
  float:left;
  width: 50%;
  margin: 2px 0;
}
.foot-nav{
  font-size: 13px;
  margin-bottom: 15px;
}
.foot-nav li{
  float:left;
  padding: 0 8px;
  line-height: 1;
  border-left: 1px solid;
}
.foot-nav li:last-child{
  border-right: 1px solid;
}
.foot-nav li a:hover{
  text-decoration: underline;
}
.foot-text p{
  line-height: 25px;
}
.foot-form{
  margin-top: 15px;
}
.foot-form .form-control{
  border-radius: 0;
  background: #dadada;
  width: 50%;
  float: left;
}
.foot-form .btn-default{
  float: left;
  border-color: #00afd1;
  border-radius: 0;
  color: #fff;
  background: #00afd1;
}
@media (max-width: 991px) {
	.foot-nav{
	  display: inline-block;
	  margin-bottom: 10px;
	}
	.foot{
	  text-align: center;
	}
}
@media (max-width: 540px) {
	.foot-nav a span{
	  display: none;
	}
}

/*小屏底部*/
.foot-fixed{
  position: fixed;
  bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	color:#fff;
	background:#00afd1;
}
.foot-fixed a{
	display: block;
	padding:4px 0;

	-webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.foot-fixed a p{
  font-size: 12px;
  line-height: 20px;
}
.foot-fixed a:hover{
	background:#00a0bf;
}
@media screen and (max-width: 767px) {
  /*小屏底部fixed导航距离*/
  body{
    padding-bottom: 50px;
  }
}


/*小屏产品分类下拉按钮*/
#s-btn-drop {
  cursor: pointer;
  
  color:#fff;
  background: #00afd1;
  line-height: 35px;
  padding: 0 15px;
  margin: 10px -15px 0;
}
#s-btn-drop img{
  float: right;
  margin-top: 7px;
}

/*小屏下拉列表*/
.drop-list{
  display: none;
  
  margin: 0 -15px;
}
.drop-list>li{
  background: #fff;
}
.drop-list>li>a{
  display: block;
  cursor: pointer;
  color: #525252;
  padding:5px 15px;
  border-bottom: 1px solid #b2b2b2;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.drop-list>li>a>span{
  float: right;
  color: #9a9a9a;
  
  -webkit-transition: 0.3s;  
     -moz-transition: 0.3s;  
       -o-transition: 0.3s;  
          transition: 0.3s;
}
.drop-list>li.act>a>span{
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.drop-list>li>a:hover{
  background: #f5f5f5;
}
/*带二级菜单的下拉列表*/
.drop-seclist{
  display: none;
  
  color: #858585;
  padding: 0 15px 5px;
  background: #eee;
}
.drop-seclist>li{
  border-bottom: 1px solid #fff;
}
.drop-seclist>li>a{
  display: block;
  color: #3d3d3d;
  padding: 4px 10px;
  border-bottom: 1px solid #b2b2b2;
}
.drop-seclist>li>a:hover{
  background: #dedede;
}
<!--0.00021100044250488-->