body{
    background: #f4f4f4;
}
/* 新闻模块 */
.newInfo{
    padding:6rem 0 0 3.75rem;
    background: #fff;
}
.newsTitle{
    text-align: center;
}
.newsList{
    padding:3.12rem 12%;
    
}
.newsList .newsDetails{
    width: 33%;
    padding:0 1%;
    float: left;
	text-align: center;
}
.newsList .newsDetails>img{
    width:100%;
height:200px;
max-width:360px;
}
.detailSum{
    padding:1rem;
    font-size:1rem;
text-align: left;
}
.sumTitle{
    display: block;
    line-height:2.12rem;
    font-size:1.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color:#555;
}
.newsDetails:hover{
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.newsDetails:hover .sumTitle{
    color:#57ad68;
}
.newsDescribe{
    text-align: right;
    font-size:1rem;
    color:#a5a2a2;
    line-height: 1.65rem;
}
.newsDescribe>img{
    vertical-align:top;
    margin-top:.3rem;
    width: 1rem;
}
.toSeeMore{
    line-height: 1.88rem;
    text-align: center;  
    font-size:0.88rem;
    cursor:pointer;
}
.toSeeMore>a{
    color:#57ad68;
}
/* 影像云 */
.imageCloud{
    padding-bottom:3.12rem;
    background: #fff;
}
.cloudTitle{
    text-align: center;
    font-size:22px;
    font-weight: 800;
    padding:2.5rem 0 3.12rem;
}
.points{
    overflow: hidden;
    width:68%;
    margin:0 auto;
}
.points li{
    float: left;
    width: 33.3%;
    text-align: center;
    color:#707070;
}
.pointDes .step1{
    color:#57ad68;
    font-size:2.25rem;
}   
.pointDes .desSum{
    font-size:1.2rem;
    color:#333;
    height:2rem;
    line-height: 2rem;
}
.pointSum{
    font-size:1rem;
    color:#707070;
}
/* 标注 */
.lable{
    /* height: 300px; */
    width: 100%;
    background: url(../images/index/banner003.png) no-repeat top left/cover;
}
.lableTips{
    width: 70%;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
}
.lableTips>.lableTip{
    float: left;
    width: 25%;
    color:#fff;
    padding: 1.88rem 0;
    font-size:1.2rem;
}
.oddLi{
       background: #333;
}
.evenLi{
   background: rgba(51,51,51,.6);
}
.tip1{
    margin-top:17px;
}
.tip2{
    margin-top:6px;
}
.tip3{
    margin-top:7px;
}
.tip4{
    margin-top:16px;
}
/* 产品中心 */
.productCenter{
    padding: 6rem 0 0 0;
}
.proTitle{
    text-align: center;
    padding-bottom:3.12rem;
}
.proIntroduction{
    width: 70%;
    height:25.0rem;
    margin:0 auto;
    overflow:hidden;
    margin-bottom:2.5rem;
    box-shadow: 0px 5px 15px 0px  rgba(0, 0, 0, 0.2);
    background: #fff;
}
.imgBox{
    height:100%;
    width:55%;
}
.imgBox>img{
    height: 100%;
}
.imgBox.fr{
    text-align: right;
}
.proContent{
    padding:3.75rem 2.5rem 0 2.5rem;
    width:45%;
}
.proName{
    font-size: 1.5rem;
    line-height:2.4rem;
    font-weight:600;
}
.subName{
    color:#57ad68;
    font-size:1.2rem;
    margin-bottom:2.5rem;
}
.circle{
    display: inline-block;
    width: 0.76rem;
    height: 0.76rem;;
    border-radius: 50%;
    border:2px solid #ffd000;
    margin-right:.5rem;
}
.proLists{
    color:#555;
}
.subProLists{
    text-indent: 2em;
    color:#555;
}
.proContent li{
    line-height: 1.75rem;
    font-size:1rem;
}
/* 数据 */
.data{
    margin-top:3.12rem;
    /* height: 300px; */
    width: 100%;
    background: url(../images/index/banner004.png) no-repeat top left/cover;
}
.dataLists{
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.dataLists li{
    width: 25%;
    color:#fff;
    padding: 30px 0;
    float: left;
}
.dataNum{
    line-height:4rem;
    font-size:3.0rem;
}
.dataDes{
    margin-top:1rem;
    font-size:1rem;
}
/* 优势 */
.strength{
    padding-bottom:4rem;
}
.strTitle{
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    padding: 3.5rem 0 3.12rem 0;
}
.strategyBox{
    width: 60%;
    margin:1.25rem auto 0;
}
.strategy{
    display: table-row;
}
.strategyList{
    width: 42%;
    display: table-cell;
    /* padding:0.62rem 1.88rem 2.5rem; */
    padding:2.5rem ;
    background: #fff;
    box-shadow: 0 0 5px 5px rgb(223, 223, 223);
}
.spaceBox{
    width:16%;
}
.topPart{
    text-align: center;
    padding:1.25rem 0;
    border-bottom:1px dashed #ddd;
}
.topTitle{
    font:normal bold 1.0rem/2.8rem  arial,sans-serif;;
}
.bottomPart {
    padding:2.5rem 0 0 1.5rem;
    color:#555;
}
.bottomPart li{
    line-height:1.75rem;
    font-size:0.88rem;
    background-size:.88rem;
    list-style-image: url(../images/index/minicircle.png);
}
/* 应用场景 */
.applicationScenarios{
    padding: 2.5rem 0 4rem 0;
}
.applicationTitle{
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    padding: 1.25rem 0 3.12rem 0;
}
.scenariosList{
    width: 65%;
    margin:0 auto;
}
.scenariosList li{
    float: left;
    width: 33.3%;
    text-align: center;
    padding:0 1.8rem;
}
.scenariosList li>img{
    width: 60%;
}
.scenariosTitle{
    font-size:1rem;
    color:#555;
    
    line-height: 1.5rem;
}
.scenariosTitle .sumListTitle{
    display: inline-block;
    font-size:1.2rem;
    font-weight: 800;
    color:#222;
    padding:1.12rem 0;
}
/* 我们的客户 */
.ourClient{
    background: #fff;
    padding:2.5rem 15%;
    text-align: center;
}
.clientTitle{
    padding:20px 0;
}
.clientList li{
    float: left;
    width: 16.6%;
    margin-bottom: 15px;
}
.clientList li>img{
    /* width:100%; */
}
.clientList li>p{
    /* width:100%; */
    font-weight: 550;
    font-size: 12px;
}
/* 关于我们 */
.aboutUs{
    padding:2.5rem 0 ;
}
.aboutusTitle{
    text-align: center;
    padding-top:1.25rem;
}
.introduction{
    width: 60%;
    margin:auto;
    padding:1.25rem;
}
.introList{
    width: 55%;
}
.introList{
    padding:3rem 3rem 0;
    font-size:1rem;
    line-height: 1.8rem;
}
.introList li{
    margin-bottom:2rem;
}
.ourBuilding{
    width: 40%;
    vertical-align: middle;
}
.ourLocation{
    position: relative;
    height:37.5rem;
    background: url(../images/index/banner002.png) no-repeat center/cover;
}
.toContactUs:before{
    content:'';
    display: inline-block;
    position: absolute;
    right:-14px;
    top:30%;
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent; 
    border-left: 14px solid rgba(0,0,0,.5); 
    border-bottom: 8px solid transparent; 

}
.positionicon{
    position: absolute;
    top:47%;
    left:53%;
}
.contactTitle{
    text-align: center;
    font-size:1.12rem;
    overflow: hidden;
}
.toContactUs{
    position: absolute;
    top:30%;
    left:35%;
    background: rgba(0,0,0,.5);
    width: 32.62rem;
    padding:1.5rem;
    color:#fff;
}
.infoUs{
    font-size:1.2rem;
}
.subContact{
    font-size:1rem;
    position: relative;
}
.subContact:before,.subContact:after{
    content:'';
    display:inline-block;
    width: 3.12rem;
    height:1px;
    background: #fff;
    position: absolute;
    top:50%;
}
.subContact:before{
    left:-3.44rem;
}
.subContact:after{
    right:-3.44rem;
}
.contactDetail{
    line-height:1.62rem;
    font-size:1rem;
    padding:0.62rem 0.31rem
}
.contactDetail li{
      margin-top:0.62rem;
}
.contactDetail>li> span{
    width:1.12rem;
    display: inline-block
}
.carousel-control.left,.carousel-control.right{
    background: none;
}
.carousel-indicators .active{
    background: #57ad68;
    border-color:#57ad68;
}
.carousel{
    /* height: 535px; */
}
.carousel .carousel-inner,.carousel .carousel-inner .item,.carousel .carousel-inner .item img{
    /* height: 100%; */
    /* width: 100%; */
}
.logosm{
  display: none;
}
@media screen and (max-width:1200px){
  .logobg{
    display: none;
  }
  .logosm{
    display: block;
  }
  .navBar{
    padding: 0 120px;
  }
  .proIntroduction{
    position: relative;
    width: 90%;
    /* height: auto; */
  }
  .strategyBox{
    width: 90%;
  }
  .ourClient{
    padding: 2.5rem 5%;
  }
  .introduction{
    width: 90%;
  }
  .footer{
    padding: 1.88rem 5%;
  }
  .toContactUs{
    top: 41%;
    left: 18%;
    width: 28.62rem;
  }
  .strategyList{
    width: 48%;
  }
}
@media screen and (max-width:768px){
  .logobg{
    display: none;
  }
  .logosm{
    display: none;
  }
  .footerList:nth-child(3){
    display:none;
  }
 
  .footerList:nth-child(6){
    display:none;
  }
  .toContactUs{
    top: 185px;
    left: 50px;
  }
  .clientList li{
    width: 25%;
  }
  .strategyList{
    display: block;
    margin-bottom: 30px;
    width: 100%;
  }
  .strategyBox{
    width: 70%;
  }
  .bottomPart li{
    line-height: 3rem;
  }
  .scenariosList{
    width: 90%;
  }
  .proIntroduction{
    width: 60%;
    height: auto;
  }
  .imgBox{
    width: 100%;
  }
  .imgBox>img{
    width: 100%;
  }
  /* .fr,.fl{
    float: none;
  } */
  .proContent{
    width: 100%;
    padding: 3.75rem 2.5rem;
  }
  .introList,.ourBuilding{
    width: 100%;
  }
  .navBar{
    padding: 0px 30px;
  }
  .proContent3{
    display: none;
  }
  .proContent2{
    display: block;
  }
}