.topTabs{text-align: center;background: #fff;
    & ul{display: inline-block;    vertical-align: top;}
    & li{float: left; padding: 0 35px;
        & a{color: #0d0d0d;font-size: 28px;line-height: 70px;}
        &.on a{color: #00b8b8;}
    }
}

.banner{position: relative; line-height: 1;color: #000;
    & .tit{position: absolute;left: 0;top: 100px;width: 100%;padding: 0 0 0 56px;}
    & h1{font-size: 65px; font-family: MiSans-M;}
    & .desc{font-size: 36px; line-height: 48px; padding: 20px 0 40px;font-family: MiSans-N;}
    & a{font-size: 35px;line-height: 60px;color: #fff;background: #00b8b8;display: inline-block;border-radius: 60px;padding: 0 35px;}
}

.systemTab{
    background: #f5f5f7;
    & .tit{ padding: 100px 0 70px; text-align: center; color: #000;
    & h2{font-family: MiSans-M;line-height: 1;font-size: 65px;}
    }
}

.systemTab .hd{
   & ul{padding: 0 20px 15px;}    
   & li{float: left; width: 25%; padding: 5px;}
   & li a{font-size: 28px;color: #232323;line-height: 58px;text-align: center;border-radius: 58px;display: block;background: #fff;font-family: MiSans-M;}    
   & li.on a{color: #fff;background: #00b8b8;font-family: MiSans-M;}    
}

.list{ padding: 100px 20px 80px;
    & .tit{font-family: MiSans-M;line-height: 1;font-size: 65px;color: #000;text-align: center;padding: 0 0 55px;}
    & ul{
        & li{ padding: 13px 0 0 0;}
        & li a{background: #f5f5f7;border-radius: 20px;display: block;overflow: hidden;padding: 0 20px 0 405px;text-align: right;
         & .pic{float: left;margin-left: -405px;}
            & h2{font-size: 32px;line-height: 1;color: #000;font-family: MiSans-M;padding: 35px 0 0 0;text-align: left;}
            & p{font-size: 23px;line-height: 32px;color: #3a3a3a;font-family: MiSans-N;padding: 20px 0 30px;text-align: left;}
            & span{font-size: 18px;color: #00b8b8;line-height: 32px;border-radius: 32px;border: 1px solid #00b8b8;padding: 0 15px;display: inline-block;}
            &:hover{}
        }
    }    
}