.appBody .solutionIndexBar{
    height:80px;
    width:100%;
    background: #fff;
    }
.appBody .solutionIndexBar .barwrap{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    animation: center;

}
.appBody .solutionIndexBar .barwrap .barItem{
    width: 170px;
    text-align: center;
    line-height: 78px;
    height: 78px;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
}
.appBody .solutionIndexBar .barwrap .barItem.active{
    color:#1fc9d4;
    border-bottom:2px solid #1fc9d4;
    /*background:linear-gradient(#fff,#1fc9d4) ;*/
    background: linear-gradient(rgba(30,201,212,0),rgba(30,201,212,.07) 70%,rgba(30,201,212,.09))
}
.narTabContent .section{
    padding-top:60px;
    padding-bottom:100px;
}
.narTabContent .sectionItem{
    background: #f6f6f6;
    width:100%;
}
.narTabContent .section .sectionRow{
margin-bottom: 15px;
}
.narTabContent .section .sectionRow .functionItem{
    width: 310px;
    margin-right:15px;
    background: #fff;
    padding:50px 40px;
    height:214px;
}
.narTabContent .section .sectionRow .functionItem:hover{
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
}
.narTabContent .section .sectionRow .functionItem:nth-child(3){
    margin-right: 0;
}
.narTabContent .section .sectionRow .functionItem .functionIcon{
    width: 78px ;
    height: 78px;
    margin: 0 auto;
    display: block;
}
.narTabContent .section .sectionRow .functionItem .functionTitle{
    width: 100% ;
  text-align: center;
    margin: 20px 0 20px 0;
    font-size: 20px;
    color:#333;
    font-weight: bold;
}
.narTabContent .section .sectionRow .functionItem .functionTitle:hover{
    color: #1fc9d4;
}
.narTabContent .section .sectionRow .functionItem .functionIntro{
    font-size: 14px;
    color:#666;
    line-height: 24px;
    height: 70px;
}
.narTabContent .sectionManager{
    background: url("https://www.antenant.com/cloud/images/solution/question-BJ.png") no-repeat 0 0;
    background-size: 100% 100%;
}
.narTabContent .sectionManager .managerItem{
    width:192px;
    margin-right:60px;
    color:#fff;
    text-align: center;
}
.narTabContent .sectionManager .managerItem:nth-child(5){
    margin-right:0;
}
.narTabContent .sectionManager .managerItem .portrait{
    width: 110px;
    height: 110px;
    margin: 0 auto 30px auto;
    display: block;
    border-radius:50%
}
.narTabContent .sectionManager .managerItem .name{
    font-size: 16px;
    text-align: center;
    margin-bottom:15px;
}
.narTabContent .sectionManager .managerItem .position{
    font-size: 18px;
    text-align: center;
}
.narTabContent .sectionManager .managerItem .jg{
   width: 20px;
    height: 5px;
    margin:20px auto;
    display: block;
}
.narTabContent .sectionManager .managerItem .workCon{
    font-size: 14px;
    height: 48px;
    line-height: 24px;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.narTabContent .sectionCase {
    padding-top:100px;
    padding-bottom: 100px;
}
.narTabContent .sectionCase .sectionRow{
    margin-bottom: 15px;
}
.narTabContent .sectionCase .caseItem{
    width: 330px;
    height: 180px;
    padding:30px;
    background: #fff;
    margin-right:15px;
}
.narTabContent .sectionCase .caseItem:nth-child(3){
    margin-right: 0;
}
.narTabContent .sectionCase .caseItem .caseLogo{
    display: block;
    text-align: center;
    margin: 0 auto 20px auto;
}
.narTabContent .sectionCase .caseItem .compangName{
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}
.narTabContent .sectionCase .caseItem .caseType{
    font-size: 16px;
    color: #333333;
    text-align: center;
}