body{
    background: #FFFFFF;
}
.font-fff{
    color: #FFFFFF;
}
.font-yaHei{
    font-family: "Microsoft YaHei";
}
.head-banner{
    width: 100%;
    height: 600px;
    position: relative;

}
.head-banner-img{
    width: 100%;
    height: 100%;
}
.head-text {
    width: 100%;
    top: 203px;
    position: absolute;
    text-align: center;
}
.head-text-title{
    font-weight: 300;
    font-size: 16px;
    opacity: 0.8;
    letter-spacing: 8px;
}
.head-text-titles {
    height: 79px;
    line-height: 79px;
    font-size: 60px;
    font-weight: bold;
    opacity: 1;
    letter-spacing: 12px;
}

.head-text-introduce{
    font-size: 24px;
    font-weight: 400;
    margin-top: 28px;
    opacity: 0.8;
}
.head-text-btn{
    width: 240px;
    height: 60px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #FFFFFF;
    opacity: 1;
    border-radius: 30px;
    line-height: 60px;
    font-weight: 400;
    font-size: 24px;
    margin: 0 auto;
    margin-top: 72px;
}
.head-text-btn:hover{
    cursor: pointer;
}
/*系统介绍*/
.system-introduction{
    width: 100%;
    height: 508px;
    background: #FFFFFF;
    position: relative;
}
.system-introduction-title{
    height: 37px;
    color: #262626;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-top: 41px;
    z-index: 1;
}

.title-bg{
    top: 23px;
    position: absolute;
    width: 140px;
    height: 16px;
    left: 10px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;

}
.bg-linear{
    background: linear-gradient(272deg, rgba(17, 130, 240, 0) 0%, #1182F0 100%);
}

.title-border {
    width: 16px;
    height: 16px;
    background: #1182F0;
    background: linear-gradient(-60deg,transparent 13px,#FFFFFF 0);
}
.system-introduction-titles{
    margin-top: 12px;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #A5A5A5;
    opacity: 1;
    text-align: center;
}
.system-introduce {
    width: 100%;
    height: 300px;
    display: flex;
    margin-top: 43px;
}
.system-introduce > div{
    height: 100%;
}
.system-introduce-img {
    width: 46%;
}
.system-introduce-img > img{
    width: 520px;
    height: 300px;
    float: right;
}
.system-introduce-info > div {
    width: 631px;
    height: 226px;
    margin-left: 44px;
    margin-top: 37px;
    font-weight: 400;
    line-height: 34px;
    color: #4C4C4C;
}
/**
业务范围
*/
.business-content {
    width: 100%;
    height: 651px;
    text-align: center;
    position: relative;
}
.business-content > .title-bg{
    top: 56px;
    right: 50px;
}
.business-title{
    width: 175px;
    height: 37px;
    font-size: 28px;
    font-weight: bold;
    line-height: 37px;
    color: #262626;
    position: relative;
    opacity: 1;
    padding-top: 37px;
    margin: 0 auto;
}
.business-titles {
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #A5A5A5;
    opacity: 1;
    margin-top: 12px;
}
.business-img-list{
    display: flex;
    margin-top: 32px;
    padding-left: 20%;
    padding-right: 20%;

}
.business-img{
    width: 234px;
    height: 374px;
    background-size: 350px 444px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    position: relative;
    margin-left: 3%;

}
.business-img:hover{
    cursor: pointer;
}

.business-img-info{
    width: 170px;
    height: 188px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 28px;
}
.business-img-title{
    font-size: 20px;
    font-weight: bold;
    color: #262626;
    opacity: 1;
    margin-top: 33px;
}
.station{
    width: 36px;
    height: 5px;
    background: #6384DC;
    margin: 0 auto;
    margin-top: 16px;
}
.business-btn{
    width: 300px;
    height: 60px;
    background: #108CEE;
    opacity: 1;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    bottom:40px;
    line-height: 60px;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.business-btn:hover{
    cursor: pointer;
}
.advantage{
    width: 100%;
    height: 650px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.advantage-title{
    width: 116px;
    height: 37px;
    font-size: 28px;
    font-weight: bold;
    line-height: 37px;
    color: #FFFFFF;
    opacity: 1;
    margin: 0 auto;
    padding-top: 53px;
    position: relative;
}
.advantage > .title-bg{
    position: absolute;
    top:70px;
}
.advantage > .title-bg > .title-border{
    background: linear-gradient(-60deg,transparent 13px,#1B212E 0);
}
.advantage-titles {
    margin-top: 12px;
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    opacity: 1;
    text-align: center;
}
.advantage-tips-list{
    width: 320px;
}
.advantage-tips {
    width: 320px;
    min-height: 130px;

}
.advantage-tips-list > .advantage-tips:last-child{
    margin-top: 82px;
}
.position-left{
    position: absolute;
    top: 179px;
    left: 0;
    right: 50%;
    /*right: 720px;*/
    margin: auto;
}
.position-left > .advantage-tips:last-child {
    height: 150px;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.position-right{
    position: absolute;
    top: 179px;
    left: 52%;
    /*left: 720px;*/
    right: 0px;
    margin: auto;
}

@media screen and (max-width: 1400px){
    .position-right{
        left: 62%;

    }
    .position-left{
        right: 60%;
    }
}
@media screen and (max-width: 1300px){
    .position-right{
        left: 65%;

    }
    .position-left{
        right: 63%;
    }
}
@media screen and (max-width: 1200px){
    .position-right{
        left: 68%;
    }
    .position-left{
        right: 65%;
    }
}
.tips-title{
    font-size: 16px;
    font-weight: 400;
    height: 21px;
    margin-left: 30px;
    padding-top: 20px;
}
.tips-content{
    width: 253px;
    font-weight: 400;
    font-size: 14px;
    opacity: 0.65;
    margin-left: 30px;
    margin-top: 11px;
}
.lower_part{
    width: 1200px;
    margin: 0 auto;
}
/*解决方案*/
.solution{
    margin-top: 62px;
    position: relative;
    padding-bottom: 80px;
}
.solution-title{
    font-weight: bold;
    color: #262626;
    font-size: 28px;
    position: relative;
    text-align: center;
    margin-top: 20px;
}
.solution > .title-bg{
    top: 25px;
    left: -45px;
}
.solution-titles {
    height: 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #A5A5A5;
    text-align: center;
}
.solution-img{
    width: 1159px;
    height: 549px;
    margin: 0 auto;
    margin-top: 58px;
}
.solution-content{
    width: 1086px;
    height: 100%;
    margin: 0 auto;
}
.solution-content-list{
    width: 400px;
    height: 100%;
    float: left;
}
.solution-content-list:last-child{
   float: right;
    text-align: right;
    width: 460px;
}

.solution-station {
    width: 36px;
    height: 5px;
    background: #FFFFFF;
    opacity: 1;
    margin-top: 43px;
}
.solution-station-left {
    margin-left: 420px
}
.solution-list-title{
    height: 37px;
    font-size: 37px;
    font-weight: bold;
    margin-top: 23px;
    line-height: 37px;
}
.solution-list-info{
    width: 400px;
    height: 74px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "Microsoft YaHei";
}
.solution-content-list-right > .solution-list-info{
    width: 460px;
    background-size: 100%;
    text-align: left;
}

.solution-list-info > div {
    width: 12px;height: 12px;
    background: #FFFFFF;
    margin-left: 24px;
}
.move{
    margin-top: -23px;
}
.solution-list-info > text {
    margin-left: 12px;
    width: 380px;
}
.system-function {
    width: 100%;
    position: relative;
}
.system-function > .title-bg {
    left: -43px;
}
.system-function-info {
    height: 746px;
    margin-top: 40px;
}
.system-function .system-function-web{
    width: 100%;
    background: rgba(16,140,238,1);
}
.system-function-web-title {
    width: 52px;
    writing-mode: vertical-lr;
    letter-spacing: 15px;
}
.sys-asset .hlc-functionItem-right .sys-info-itemInfo-item{
    width: 222px !important;
}
.sys-asset .hlc-functionItem-right{
    padding-top: 51px;
    padding-bottom: 51px;
}
.opacity-hi{
    opacity: 0;
}
.system-function-width{
    width: 574px;
    height: 100%;
    border: none;
    background: #FFFFFF;
}
.system-function-width .hlc-functionItem-right {
    width: 522px;
}
.system-function-width .hlc-functionItem-right .sys-info-itemInfo-item{
    width: 150px;
    height: 42px;
    background: #E7F3FD;
}
.system-function-pc {
    width: 100%;
    border: none;
    background: none;
}
.system-function-pc .sys-info-itemTitle {
    width: 100%;
}
.system-function-pc .sys-info-itemInfo{
    padding: 25px 0 0 0
}
.sys-pc-list{
    width: 148px;
    height: 320px;
    background: rgba(112, 173, 71, 0.05);
    border: 1px solid #70AD47;
    opacity: 1;
}
.sys-pc-title{
    width: 108px;
    height: 62px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 80px;
    color: #333333;
    opacity: 1;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #70AD47;
}
.sys-pc-info{
    width: 108px;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    opacity: 1;
}
.sys-pc-info >ul > li{
    margin-top: 15px;
    list-style-type: square;
    margin-left: 20px;
    color: #70AD47;
}
.sys-pc-info >ul > li > span{
    color: #333333;

}
.sys-pc-title > img{
    width: 20px;
    height: 20px;
}
.exhibition {
    margin-top: 70px;
    position: relative;
}
.exhibition > .title-bg {
    left: -40px;
}
.exhibition-content {
    position: relative;
}
.exhibition-content > img {
    width: 733px;
    height: 618px;
}
.exhibition-content > div {
    width: 520px;
    height: 102px;
    position: absolute;
    display: flex;
}
.exhibition-order {
    top: 129px;
    left: 649px;
}
.exhibition-assets {
    top: 265px;
    left: 675px;
}
.exhibition-after-rent {
    top: 401px;
    left: 649px;
}
.exhibition-img {
    width: 102px;
    height: 102px;
}
.exhibition-introduce-title{
    margin-top: 17px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #262626;
    opacity: 1;
}
.exhibition-introduce-title:hover{
    color: #108CEE;
    cursor: pointer;
}
.exhibition-introduce-info{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #4C4C4C;
    opacity: 1;
}

.success-stories {
    position: relative;
    margin-top: 40px;
}
.success-stories-list {
    display: flex;
}
.success-stories-img{
    width: 285px;
    height: 102px;
}
.success-stories-img:hover{
    box-shadow:0px 0px 30px rgba(18,40,99,0.2);
}
.success-stories-first {
    margin-top: 39px;
}
.success-stories-last {
    margin-top: 23px;
    padding-bottom: 101px;
}
.success-mg{
    margin-left: 20px;
}

.scope-btn{
    width: 550px;
    height: 60px;
    border: 1px solid #108CEE;
    border-radius: 30px;
    box-shadow: 0px 3px 20px rgba(99, 132, 220, 0.16);
    opacity: 1;
    margin: 0 auto;
    /*margin-top: 20px;*/
    text-align: left;
    line-height: 60px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    position: relative;

}
.scope-btn > img {
    width: 26px;
    height: 26px;
    margin-left: 30px;
}
.scope-hotline {
    margin-left: 26px;
    color: #333333;
}
.scope-phone{
    color: #FF9900;
}
.scope-hotline-btn {
    float: right;
    width: 160px;
    height: 60px;
    display: inline-block;
    background: #108CEE;
    opacity: 1;
    border-radius: 30px;
    text-align: center;
    color: #FFFFFF;
    position: absolute;
    right: 0;
}
.scope-hotline-btn:hover{
    cursor: pointer;
}