*{
  margin:0;padding:0;
}
body{
  font-family: "Microsoft Yahei";
  background-color: #f5f5f5;
}
.navbar-brand.logo{
  height:auto;
}
.clear{clear: left;}
a:link{
  text-decoration: none;
}
a:hover{
  text-decoration:none;
}
a:visited{
  text-decoration: none;
}
.container{
  position: relative;
  margin-top: 20px;
}
/*导航*/
.navbar-default{
  background-color: white;
  border-color: white;
}
.navbar-fixed-top{
  background-color: white;
}
.elec-top.container{
  margin-top: 0;
}
.elec-apply.elec-width>.container{
  margin-top: 0;
}
.navbar.navbar-default{
  margin-bottom: 0;
}
.nLi>a>p{
}
/*在线咨询、申请试用*/
.elec-apply{
  position: relative;
  padding: 5px 0;
  background: url(../img/header.png) 0 0 no-repeat;
  background-size: 100% auto;
}
.head02{
  color:white;
  font-family: "Microsoft Yahei";
}
.head03>p,.head03>span{
  font-family: "Microsoft Yahei";
}
.head031{
  color:#fdecb0;
}
.head032{
  color:#1bbc95;
}
.head033{
  color:#2398dd;
}
.head034{
  color:#ef3430;
}
.head04 li{
  display: inline-block;
  padding:5px;
  list-style-type: none;
  border-radius:5px;
  transition:all .2s ease;
}
.head04 li:nth-child(1){
  background-color: #1abc95;
}
.head04 li:nth-child(1):hover{
  background-color: #1a9c7d;
}
.head04 li:nth-child(2){
  background-color:#ffa200;
}
.head04 li:nth-child(2):hover{
  background-color: #b57302;
}
.head04 li a{
  display: block;
  padding: 5px 20px;
  line-height: 20px;
  font-size: 18px;
  color: white;
  border-radius: 5px;
}
.head01{
  margin:7% 0 6% 2%;
}
/*白皮书，前台，后台，申请*/
.yanshi{
  margin-top:30px;
}
.yanshi.container>ul.yanshi1>li{
  margin: 5px 0;
  list-style-type: none;
}
.yanshi.container>ul.yanshi1>li>a{
  display: block;
  margin:0 5px;
  padding:10px 20px;
  height:60px;
  line-height: 40px;
  font-size: 24px;
  color: white;
  text-align: center;
}
.yanshi.container>ul.yanshi1>li>a>i{
  font-size: 30px;
}
.yanshi.container>ul.yanshi1>li:nth-child(1)>a{
 background-color:#4e6e98;
}
.yanshi.container>ul.yanshi1>li:nth-child(2)>a{
 background-color:#ffa200;
}
.yanshi.container>ul.yanshi1>li:nth-child(3)>a{
 background-color:#1abc95;
}
.yanshi.container>ul.yanshi1>li:nth-child(4)>a{
 background-color:#ef3430;
}
/*产品介绍*/
.pres{
  overflow: hidden;
}
.pro-top{
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}
.pro-top>p:nth-child(2){
  position: relative;
  display: block;
  height: 50px;
  line-height: 40px;
  margin-bottom: 15px;
  padding-bottom:10px;
  font-size: 30px;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
}
.pro-top>p:nth-child(2):after{
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -70px;
  width: 140px;
  height: 1px;
  background-color: #1b71e1;
  content: '';
}
.pro-top>p:nth-child(3){
  margin-top:10px;
}
.pres-l-top{
  height: 45px;
  line-height: 45px;
  font-size: 18px; 
  color: white;
  text-align: center;
  background-color:#244c80;
}
.pres-content{
  padding: 15px;
  margin-bottom: 10px;
  border:1px solid #d2d2d2;
}
.pres-content>p{
  margin-bottom: 0;
  line-height: 24px;
}
.pres-content>img{
  width: 100%;
  margin-bottom: 10px;
}

/*产品优势*/
.advant{
  padding-top:10px;
  padding-bottom:10px;
}
.advat>ul{
  padding-left: 10px;
  padding-right: 10px;
}
.elec-advant{
  background: url(../img/value.png) 0 0 no-repeat;
  background-size:cover;
}
.elec-advant>div.advant{
  padding-top:30px;
  padding-bottom: 30px;
}
.advant>ul>li{
  padding:5px;
  list-style-type: none;
  float: left;
}
.advant>ul>li>div{
  height:100%;
  padding: 10px 15px;
  background-color: rgba(0,0,0,.4);
}
.advant>ul>li>div:hover{
  background-color: rgba(0,0,0,.6);
}
.advant ul li .advant-title{
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: 700;
}
.advant ul li .advant-content{
  line-height: 24px;
  color: white;
}
.adt1{
  color:#167e95;
  border-bottom:1px solid #167e95;
}
.adt2{
  color:#1abc95;
  border-bottom:1px solid #1abc95;
}
.adt3{
  color:#ef3430;
  border-bottom:1px solid #ef3430;
}
.adt4{
  color:#2b9ca8;
  border-bottom:1px solid #2b9ca8;
}
.adt5{
  color:#3b87ea;
  border-bottom:1px solid #3b87ea;
}
.adt6{
  color:#ef3430;
  border-bottom:1px solid #ef3430;
}
.adt7{
  color:#3b87ea;
  border-bottom:1px solid #3b87ea;
}
.adt8{
  color:#e55f3a;
  border-bottom:1px solid #e55f3a;
}
.adt9{
  color:#3b87ea;
  border-bottom:1px solid #3b87ea;
}
.adt10{
  color:#1abc95;
  border-bottom:1px solid #1abc95;
}

/*产品功能*/
.func-title-img{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.func-title-t>li.nLi{
  margin:5px 0;
}
/*产品价值*/
.elec-value{
  background: url(../img/value.png) 0 0 no-repeat;
  background-size:cover;
}
.value.container{
  text-align: center;
  padding: 10px 6% 30px;
}
.value-content>img{
  width: 100%;
  height:100%;
}

/*产品展示*/
.elec-display{
  background: url(../img/display-bg.png) 0 0 no-repeat;
  background-size:cover;
}
.display>div>img{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border:5px solid #cccbcb;
  border-radius: 5px;
}

/*footer*/
.footer{
  background-color: #2d3237;
  color:#888;
}
.footer>.container{
  padding:20px 0 10px;
}
.footer-left{
  margin-left: 8%;
}
.footer-left>ul{
  list-style-type: none;
  width: 100%;
  text-align: center;
}
.footer-left>ul>li{
  float: left;
  padding: 0 10px;
  margin: 10px 0 0;
}
.footer-left .aUl{
  margin-bottom: 20px;
  overflow: hidden;
}
.footer-left .aUl>li{
  border-right: 1px solid #888;
}
.footer-left .aUl>li:last-child{
  border-right: 1px solid transparent;
}
.aUl>li>a{
  color:#888;
}
.aUl>li>a:hover{
  text-decoration:underline;
}
.footer-left>.copyUl{
  overflow: hidden;
  text-align: left;
}
.footer-right{
  text-align: center;
}
.footer-right>img{
  width:98px;
  height:98px;
}
/*fixed*/
.chaxun{
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 100;
  transition:all .5s ease;
}
.chaxun>ul{
  margin-bottom: 0;
}
.chaxun>ul>li{
  position: relative;
  display: block;
  margin-top:1px;
  width: 82px;
  height: 68px;
  border: 1px solid transparent;
  list-style-type: none;
  background-color: rgba(38, 51, 59, .8);
}
.chaxun>ul>li>a{
  display: block;
  padding: 8px 0;
  width: 80px;
  height: 66px;
  text-align: center;
  color: #dee2dd;
}
.chaxun>ul>li:hover{
  background-color: rgba(26,188,149,.9);
}
.chaxun>ul>li:hover a{
  color:#e4e4e4;
}
.chaxun>ul>li:nth-child(3)>a{
  padding: 12px 0;
}
.chaxun>ul>li>a>i{
  font-size: 27px;
  line-height: 30px;
}
.chaxun>ul>li>a>p{
  margin-bottom:0;
}
.chaxun .active2{
  position: absolute;
  top:-35px;
  left:41px;
  padding: 5px;
  width: 40px;
  font-size:16px;
  color: #999;
  background-color:rgba(38, 51, 59, .8);
  border: 1px solid transparent;
  transition:all .5s ease;
}
.chaxun .phone{
  display: none;
  position: absolute;
  top: 0;
  left: -140px;
  z-index: 1;
  width: 140px;
  height: 66px;
  padding: 10px 10px;
  line-height: 23px;
  color: white;
  text-align: center;
  background-color: rgba(26,188,149,.9);
  color:#e4e4e4;
  border: 1px solid transparent;
  border-right: 0;
}
li#share>a.bds_more{
  height:66px;
  margin:0;
  padding-left:0;
  padding-top: 40px;
  color:#dee2dd;
  background:url(../img/share.png) center 10px no-repeat;
  font-size: 16px;
}
.chaxun>ul>li:nth-child(3):hover .phone {
  display: block;
}
/*apply弹窗*/
#apply-body{
  padding-top: 0;
}
#apply-form{
  text-align: center;
}
#apply-form>p{
  margin: 5px 0;
}
#apply-form>p>span:nth-child(1){
  display:inline-block;
  width:100px;
  text-align: right;
}
#apply-form>p>span:nth-child(3){
  color:#e60012;
}
#apply-form>p>input{
  height:25px;
}
#apply-form>input[type=button]{
  padding: 5px;
  border: 1px solid #d7d7d7;
  background-color: #e4e4e4;
  outline: none;
  border-radius: 5px;
}
@media (min-width: 992px){
  .advant>ul>li{
    width:20%;
  }
}
@media (min-width: 768px){ 
  body{
    padding-top:100px;
  }
  .usePosition{
    position: absolute;
    left: 0;
    top:-105px;
  }
  .navbar-default .navbar-nav>.nLi>a{
    min-width:90px;
    color: #26333b;
    background-color:white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 20px;
    text-align: center;
    transition:all .2s ease;
  }
  .topP2{
    font-size: 17px;
  }
  .navbar-default .navbar-nav>.nLi.active>a{
    color:white;
    background-color: #26333b;
  }
  .head02{
    position: absolute;
    top:10%;left:35%;
    font-size:40px;
  }
  .head03{
    position: absolute;
    top:39%;left:55%;
  }
  .head031{
    font-size: 22px;
  }
  .head032,.head033,.head034{
    font-size:30px;
  }
  .head04{
    margin-top:30px;
  }
  .head04 li{
    display: inline-block;
    list-style-type: none;
  }
  .head04 li:nth-child(2){
    margin-left:20px;
  }
  .func-ul{
    position: relative;
    margin-top: 20px;
  }
  .func-ul::before{
   position: absolute;
   left: 48%;
   top:-20px;
   content: "";
   width:0;
   height:20px;
   border-left:1px solid black;
  }
  .func-ul::after{
   position:absolute;
   left:10.5%;
   top:0; 
   content: "";
   width:69%;
   height:0;
   border-bottom:1px solid black;
   }
  .func-ul>li{
    list-style-type: none;
    margin-left: 10.5%;
    padding-left: 15px;
    width:12.5%;
    border-left: 1px solid black;
  }
  .func-title-t{
    list-style-type: square;
  }
  .func-title-t:before{
    list-style-type: square;
  }
  .func-title-t li{
    padding:3px;
    white-space: nowrap;
  }
  .func-title-t>li:nth-child(1){
    padding: 5px 10px;
    list-style-type: none;
    border: 1px solid #3c8c93;
    text-align: center;
    margin: 5px 0 0 -37px;
    width: 93px;
    background-color: #fcfcfc;
  }
  .value-content{
    display: inline-block;
    margin: 0 5px;
    width:24%;
    text-align: center;
    position: relative;
    left: 0;
    top: 24px;
  }
  .value-content:nth-child(4),.value-content:nth-child(5){
    left:-26%;
    top:-10px;
  }
  /*产品展示*/
  .display>div>p{
    position: absolute;
    left: 0;top: 0;
    width: 20px;
  }
}
@media (max-width:991px) and (min-width: 768px){
  .navbar-default .navbar-nav>.nLi>a{
    min-width:65px;
  }
  .head02{
    font-size:25px;
  }
  .head03{
    position: absolute;
    top:110px;left:56%;
  }
  .head031{
    font-size: 15px;
  }
  .head032,.head033,.head034{
    font-size:20px;
  }
  .head04{
    margin-top:20px;
  }
  .head04 li{
    display: inline-block;
    list-style-type: none;
    border-radius:5px;
    padding:5px;
    font-size: 15px;
  }
}
@media (max-width: 767px){
  body{
    padding-top:70px;
  }
  .usePosition{
    position: absolute;
    left: 0;
    top:-80px;
  }
  .elec-top img{
    height:40px;
  }
  .navbar-toggle{
    margin-top:20px;
  }
  .navbar-default{
    margin-bottom:10px;
  }
  .nLi p{
    display:inline-block;
    margin-bottom:0;
  }
  .head01.img-responsive{
    display: none;
  }
  .head02{
    margin: 0 auto;
    text-align: center;
  }
  .head03{
    margin: 0 auto;
    text-align: center;
  }
  .head031{
    font-size: 15px;
  }
  .head032,.head033,.head034{
    font-size:16px;
  }
  .head04{
    margin-top:10px;
    margin-bottom:0;
  }
  .head04 li{
    display: inline-block;
    list-style-type: none;
    border-radius:5px;
    padding:5px;
    font-size: 15px;
  }
  .func-ul{
    padding:10px 0 10px 20px;
    margin-left: 5px;
    border-left: 1px solid black;
    list-style-type: none;
  }
  .func-ul>li{
    clear: left;
  }
  .func-title-t>li.nLi{
    float: left;
    min-width:134px;
    list-style-type: none;
  }
  .func-title-t>li:nth-child(1){
    display: block;
    padding: 5px 10px;
    border: 1px solid #3c8c93;
    text-align: center;
    margin: 5px 0 0 -44px;
    width: 93px;
    background-color: #fcfcfc;
  }
  .value-content{
    display: inline-block;
    margin:5px 1.5%;
    width:30%;
    text-align: center;
    position: relative;
    left: 0;
    top:0;
  }
  .value-content:nth-child(3){
    display: block;
    margin:-30px auto;
  }
  .value-content:nth-child(4),.value-content:nth-child(5){

  }
  /*产品展示*/
  .display>div>p{
    text-align: center;
  }
}