.superiority{
    width: 1200px;
    padding-top: 30px;
    margin: 0 auto;
}

.superiorityWritten {
    color: #333333;
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}
.superioritybor{
    position: relative;
    width: 345px;
    height: 5px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.superioritybig{
    width: 345px;
    height: 1px;
    background-color: #666666;
    float: left;
    margin-top: 2px;
}
.superioritylong{
    width: 48px;
    height: 5px;
    position: absolute;
    left: 149px;
    top: 0;
    background-color: #009699;
}
.supercontent{
    padding-bottom: 35px;
    padding-top: 35px;
}
.supercontent li{    
    color: #333;
    width: 288px;
    height: 378px;
    border: 1px solid #E6E8EA;
    background-color: #FAFAFA;
    position: relative;
    float:left;
    margin-right: 13px;
}
.supercontent .super_bar{
    border-color: #00AAAD;
}
.supercontent li:nth-child(4){
    margin-right: 0;
}
.Letter{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    font-size: 28px;
    background-color: #D0DFDF;
    color: #fff;
    line-height: 70px;
    text-align: center;
    position: absolute;
    left: 109px;
    top: -35px;
}
.superimg {
    margin: 80px auto 36px;  
    width: 65px;
    height: 61px;
    
}
.superimg1{
    background: url('../img/01.png') no-repeat;
    background-size: 65px 61px;
}
.superimg2{
    width: 72px;
    height: 61px;
    background: url('../img/16.png') no-repeat;
    background-size: 72px 61px;
}
.superimg3{
    width: 76px;
    height: 61px;
    background: url('../img/17.png') no-repeat;
    background-size: 76px 61px;
}
.superimg4{
    width: 69px;
    height: 61px;
    background: url('../img/36.png') no-repeat;
    background-size: 69px 61px;
}
.supertitle{
    font-size: 22px;
    line-height: 100%;
    text-align: center;
    padding-bottom: 25px;
    font-weight:700;
}
.superwenben{
    line-height: 30px;
    font-size: 14px;
    padding: 0 18px;

}
.Characteristic{
    background-color: #F9FAFC;
    padding-top: 30px;
    padding-bottom: 45px;
}
.Charcenter{
    width: 1200px;
    margin: 0 auto;
}
.Chartxt{
    line-height: 30px;
    color: #7A7E7E;
    font-size: 15px;
    text-align: center;
    padding: 0 255px 30px;
}
.four-super{
    height: 190px;
    padding: 0 75px;
}
.super-lit{
    float: left;
    height: 190px;
    width: 240px;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;    
    margin-right: 30px;
}
.super-boxsow{
    box-shadow: 0px 5px 5px 0px #C8F5F8,   /*上边阴影  红色*/
                5px 0px 5px 0px #C8F5F8,   /*左边阴影  绿色*/
                -5px 0px 5px 0px #C8F5F8,    /*右边阴影  蓝色*/
                0px -5px 5px 0px #C8F5F8;   /*下边阴影  黄色*/
}
.super-lit:nth-child(4){
    margin-right: 0;
}
.fourimg{       
    margin: 38px auto 33px;
}
.fourimg1 {
    width: 70px;
    height: 61px;
    background: url(../img/02.png) no-repeat;
    background-size: 70px 61px;
}
.fourimg2 {
    width: 57px;
    height: 61px;
    background: url(../img/20.png) no-repeat;
    background-size: 57px 61px;
}
.fourimg3 {
    width: 56px;
    height: 61px;
    background: url(../img/21.png) no-repeat;
    background-size: 56px 61px;
}
.fourimg4 {
    width: 68px;
    height: 60px;
    background: url(../img/22.png) no-repeat;
    background-size: 68px 60px;
}
.four-titile{
    font-size: 18px;
    color: #333;
    text-align: center;
}

.system{
    width: 1150px;
    margin: 0 auto;
}

.system-left{
    width: 403px;
    padding-top: 20px;
}
.system-right{
    width: 403px;
    padding-top: 20px;
}
.system-title{
    font-size: 60px;
    color: #009699;
    line-height: 100px;
    
}
.system-left p{
    text-align: right;
    padding-left: 28px;
    font-size: 29px;
    color: #787878;
    line-height: 47px;
}
.system-left span{
    line-height: 47px;
    font-size: 47px;
    color: #009699;
}
.system-right p{
    padding-right: 28px;
    font-size: 29px;
    color: #787878;
    line-height: 47px;
}
.system-right span{
    line-height: 47px;
    font-size: 47px;
    color: #787878;
}
.system-center {
    width: 229px;
    height: 229px;
    border-radius: 50%;
    margin: 0 56px;
    background: url('../img/03.png') no-repeat;
    background-size: 229px 229px;
}
.case-main{
    /*width: 1348px;*/
    width: 1200px;
    margin: 0 auto;
}



.case-botton-left,.case-botton-right{
    width: 74px;
    float: left;
    height: 10px;
    display: none;
}
.case-botton-left em {    
    display: inline-block;
    width: 44px;
    height: 50px;
    float: left;
    margin-top: 128px;
    background: url('../img/04.png') no-repeat;
    background-size: 100%;
    display: none;
}
.case-botton-right em{
    display: inline-block;
    width: 44px;
    height: 50px;
    float: right;
    margin-top: 128px;
    background: url('../img/05.png') no-repeat;
    background-size: 100%;    
}
.case{
    width: 1200px;
}
.case li{
    float: left;
    width: 358PX;
    height: 338px;
    margin-right: 63px;
}
.case li:nth-child(3){
    margin-right: 0;
}
.case .TXT1{
    line-height: 40px;
    font-size: 18px;
    color: #000000;
}
.case .TXT2{
    line-height: 100%;
    font-size: 12px;
    color: #999999;
}
.friend{
    width: 1197px;
    height: 256px;
    margin: 0 auto;
    padding-bottom: 56px;
}
.friend img{
    width: 1197px;
    height: 256px;
}