#banner{
    height: 520px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner1,.banner2,.banner3{
    width: 100%;
    height: 100%;
}
.banner1{
    background: url(../image/banner/banner1.jpg) no-repeat center center;
    background-size: cover;
}
.banner2{
    background: url(../image/banner/banner2.jpg) no-repeat center center;
    background-size: cover;
}
.banner3{
    background: url(../image/banner/banner3.jpg) no-repeat center center;
    background-size: cover;
}
.banner-content{
    width: 1200px;
    text-align: left;
    margin: 0 auto;
    padding: 74px 20px 0;
    color: rgba(255,255,255,0.8);
}
.banner-content .content1{
    font-size: 54px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.banner-content .content1 span:last-child{
    margin-left: 40px;
}
.banner-content .content2{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    letter-spacing: 6px;
}
.banner-content .content2.content3{
    margin-bottom: 50px;
}
.banner-content a{
    width: 170px;
    height: 50px;
    background: #FF5F18;
    border-radius: 25px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 50px;
    color: #FFFFFF;
    display: inline-block;
    text-align: center;
}
.banner-content a:hover,.banner-content a:focus{
    color: #fff;
}
.dianpu-container{
    display: flex;
    color: #fff;
    font-size: 20px;
}
.dianpu-container .dianpu-item{
    display: flex;
    align-items: center;
    margin-right: 50px;
}
.dianpu-container .dianpu-item a{
    width: 82px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    background: transparent;
    border: 1px solid #ffffff;
    font-size: 12px;
    margin-top: 15px;
}
.dianpu-container .dianpu-item img{
    width: 80px;
    height: 80px;
    margin-right: 15px;
}
.banner3 .banner-content{
    text-align: center;
    padding: 40px 20px 0;
}
.banner3 .banner-content .content1{
    margin-bottom: 10px;
}
.index-top{
    background-color: #f5f5f5;
    padding-bottom: 30px;
}
.desc-container{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #999;
    padding: 0;
    background: #fff;
    padding-top: 70px;

}
.desc-con-items{
    display: flex;
    justify-content: center;
    margin: 50px 0 70px;
}
.desc-container .desc{
    width: 228px;
    height: 316px;
    background: transparent;
    text-align: center;
    margin-right: 15px;
    line-height: 26px;
    border: 2px solid transparent;
    border-radius: 0px 14px 0px 14px;

}
.desc-container .desc .hover-item {
    width: 100%;
    height: 100%;
    padding: 50px 28px 58px;
    position: relative;
    transition: all linear .3s;
    background-color: #fff;
    border: 1px solid #FFD8C6;
    border-radius: 0px 14px 0px 14px;
}
.desc-container .desc:hover{
    border-color: #ff5f18;
    box-shadow: 0px 0px 20px rgba(255, 95, 24, 0.1);
}
.desc-container .desc:hover .hover-item{
    /* transform: translateY(-10px); */
    border-color: transparent ;
    color: #5a5a5a;
}
.desc-container .desc:last-child {
    margin-right: 0;
}
.desc-container .desc .icon {
    width: 44px;
    height: 44px;
    /* border: 2px solid #FF5F19; */
    /* border-radius: 50%; */
    margin: 0 auto;
}
.desc-container .desc1 .icon{
    background-image: url(../image//index-img//sass.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc1:hover .icon{
    background-image: url(../image//index-img//sass-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc2 .icon{
    background-image: url(../image//index-img//ym.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc2:hover .icon{
    background-image: url(../image//index-img//ym-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc3 .icon{
    background-image: url(../image//index-img//duoduan.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc3:hover .icon{
    background-image: url(../image//index-img//duoduan-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc4 .icon{
    background-image: url(../image//index-img//yx.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc4:hover .icon{
    background-image: url(../image//index-img//yx-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc5 .icon{
    background-image: url(../image//index-img//qd.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc5:hover .icon{
    background-image: url(../image//index-img//qd-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.desc-container .desc .title{
    font-size: 16px;
    font-weight: 400;
    color: #666;
    /* border-bottom: 1px solid #dddddd; */
    padding-bottom: 33px;
    margin: 20px 0 0px 0;
}
.desc-container .desc:hover .title{
    color: #333;
    font-weight: bold;
}
.desc-container .desc:hover .hover-item .split-line{
    background: #ff5f18;
}
.desc-saas-container{
    padding: 70px 0px;
    background: #fbfbfb;
}
.saas-title{
    text-align: center;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666666;
}
span.title{
    font-size: 34px;
    color: #333333;
    /* border-bottom: 6px solid #FF5F19; */
    /* padding-bottom: 10px; */
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 400;
}
div.title{
    font-size: 34px;
    color: #333333;
    font-weight: 400;
    text-align: center;
}
.saas-items .saas-item{
    width: 288.5px;
    height: 493px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #999;
    margin-right: 15px;
    /* white-space: nowrap; */
}
.saas-items .saas-item .hover-item {
    width: 100%;
    height: 100%;
    transition: transform 0.3s linear;
    border: 2px solid #FFD8C6;
    border-radius: 0px 14px 0px 14px;
    text-align: center;
    padding: 50px 0;
}
.saas-items .saas-item .flag{
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../image/index-img/flag.png) no-repeat center center;
    margin-right: 10px;
}
.saas-items .saas-item:hover .flag{
    background: url(../image/index-img/flag-hover.png) no-repeat center center;
}
.desc-container .hover-item .split-line{
    width: 32px;
    height: 1px;
    background: #dfdfdf;
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}
.saas-items .saas-item:hover .hover-item{
    /* transform: translateY(-10px); */
    box-shadow: 0px 0px 20px rgba(255, 95, 24, 0.1);
    border-color: #ff5f18;
    background: #fff;
    color: #666;
    /* animation: movetotop 0.5s; */
}
.saas-items .saas-item:last-child{
    margin-right: 0;
}
.saas-items .item-title{
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666;
    margin-bottom: 30px;
}
.saas-items .saas-item:hover .item-title{
    color: #333;
    font-weight: bold;
}
.saas-items .saas-item:hover .sub-title{
    font-weight: 400;
}
.saas-items .item-title .sub-title{
    font-size: 14px;
    margin: 10px 0 20px 0;
    color: #999;
    line-height: 1;
}
.saas-items .item-title .line{
    display: block;
    width: 21px;
    height: 3px;
    background: #dfdfdf;
    margin: 0 auto;
}
.saas-items .free{
    height: 147px;
    background: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px 0 26px;
    line-height: 25px;
}
.saas-items .free .free-title{
    font-size: 16px;
    font-weight: 400;
    color: #FF5F19;
    margin-bottom: 19px;
}
.saas-items .free .free-title + p{
    word-wrap:break-word;
    width: 200px;
}
.saas-items .item-desc {
    height: 78px;
}
.saas-items .item-desc p:last-child{
    opacity: 1;
    /* transition: all ease-in-out 0.2s; */
}
.saas-items .saas-item:hover .item-desc p:last-child{
    /* opacity: 1; */
    /* transition: all ease-in-out 0.5; */
}
.saas-items .item-desc .desc-title{  
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saas-items .saas-item:hover .item-desc .desc-title{
    color: #333;
}
.saas-items .moresaas {
    /* height: 52px; */
    /* line-height: 52px; */
    /* background-color: #FFFFFF; */
    padding-left: 28px;
    text-align: right;
    padding-right: 27px;
    padding-top: 11px;
    padding-bottom: 11px;
}
.saas-items .moresaas a{
    display: block;
    width: 152px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 21px;
    line-height: 39px;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin: 0 auto;
}
.saas-items .moresaas a i{
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../image/arrow-free.png) no-repeat center center;
    margin-left: 4px;
}
.saas-items .saas-item:hover .moresaas a {
    background: #FF5F18;
    color: #fff;
    border:none;
}
.saas-items .saas-item:hover .moresaas a i{
    background: url(../image/arrow-free-white.png) no-repeat center center;
}
.saas-items a{
    font-size: 14px;
    color: #FF5F19;
    font-weight: 400;
}
.saas-items .free a{
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    text-align: center;
}
.saas-items{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    padding: 0;

}
/* 产品展示部分 */
.product-container{
    text-align: center;
    background: #ffffff;
    padding: 80px 0 0 0;
}
.product-container .product-tabs{
    display: flex;
    justify-content: center;
    position: relative;
    height: 741px;
    margin-top: 30px;
}
.product-container .product-tabs>li{
    margin-right: 245px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #666666;
    height: 106px;
}
#img{
    width: 100%;
    height: 56px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.product-container .product-tabs li:last-child{
    margin-right: 0
}
.product-container .product-tabs li:hover{
    color: #FF5F19;
    font-weight: bold;
}
.product-container .product-tabs .active-tab-title{
    color: #FF5F19;
    font-weight: bold;
}
.product-container .product-tabs .tab-title{
    margin-top: 10px;
}
.product-tabs .tab-hover-container{
    /* position: absolute; */
    width: 1200px;
    height: 610px;
    margin: 0 auto;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* top: 106px; */
    /* display: none; */
}
/* .product-tabs .tab-hover-container::before{
   content: '';
   position: absolute;
   width: 0;
   height: 0;
   border-top-width: 0;
   border-right: 20px solid transparent;
   border-left: 20px solid transparent;
   border-bottom: 20px solid #FF5F18;
   top: -18px;
   z-index: 99;
} */
/* .product-tabs .tab-hover-container::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top-width: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #fff;
    top: -14px;
    z-index: 100;
 } */
 .product-tabs .tab-hover-container.video::before,
 .product-tabs .tab-hover-container.video::after {
     left: 9.5%;
 }
 .product-tabs .tab-hover-container.image::before,
 .product-tabs .tab-hover-container.image::after {
     left: 35.7%;
 }
 .product-tabs .tab-hover-container.app::before,
 .product-tabs .tab-hover-container.app::after {
     left: 61.5%;
 }
 .product-tabs .tab-hover-container.hardware::before,
 .product-tabs .tab-hover-container.hardware::after {
     left: 86.8%;
 }
 
.product-tabs .video-item.active-video-item,
.product-tabs .soft-item-sy.active-soft-item span,.product-tabs .soft-item-dh.active-soft-item span{
    color: #fff;
    background-color: #FF5F18;
    font-weight: bold;
}
.product-tabs .tab-hover-container .video-container{
    width: 1200px;
    height: 690px;
    border: 3px solid #FF5F18;
    border-radius: 30px;
    padding: 20px 20px;
    background: url('../image/index-img/video_show.png') no-repeat center;
    background-size: 90% 90%;
    display: none;
}
.video-container .video-logo{
    margin:0;
}
.product-tabs .tab-hover-container .image-container {
    display: flex;
    align-items: center;
    width: 1200px;
    height: 690px;
    /* border: 3px solid #FF5F18; */
    border-radius: 30px;
    padding: 20px;
    text-align: center;
}
.product-tabs .tab-hover-container .app-hover-container  {
    width: 1200px;
    height: 690px;
    border: 3px solid #FF5F18;
    border-radius: 30px;
    padding: 20px;
    text-align: center;
}
.product-tabs .tab-hover-container .hardware-items {
    width: 1200px;
    height: 690px;
    /* border: 3px solid #FF5F18; */
    border-radius: 30px;
    padding: 20px;
    text-align: center;
}
.product-tabs .tab-hover-container .image-container .img-inner-container{
    width:1200px;
    height:570px;
    border: 3px solid #FF5F18;
    margin: 0 auto;
}
.product-tabs .tab-hover-container .image-container .img-inner-container img{
    width: 100%;
    height: 100%;
}
.img-logo{
    margin-top: 14px;
}
.tab-hover-container  .tab-inner-title{
    position: absolute;
    bottom: 0;
}
.tab-hover-container ul{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #666666;
}
.tab-hover-container ul li{
    position: relative;
    height: 34px;
    line-height: 34px;
    margin-bottom: 20px;
}
.tab-hover-container ul li span{
    display: inline-block;
    width: 68px;
    height: 34px;
    cursor: default;
    background-color: #FFF7F3;
    border: 1px solid #FFE5D8;
}
.tab-hover-container ul li:last-child{
    margin-bottom: 0px;
}
.tab-hover-container ul li img {
    margin-right: 30px;
}
.tab-hover-container ul li::after {
    content: '';
    position: absolute;
    width: 0;
    height: 20px;
    border-left: 1px solid #eee;
    top: 36px;
    left: 45px;
}
.tab-hover-container ul li:last-child::after{
    display: none;
}

.app-hover-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #4C4C4C;
}
.app-hover-container .app-img-container{
    margin-left: 50px;
}
.app-hover-container .apps-container{
    display: flex;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #666;
    flex-wrap: wrap;
}
.app-hover-container .app-title{
    margin-top: 0;
    font-size: 14px;
    color: #FF5F18;
    font-weight: bold;
    text-align: left;
    padding-left: 60px;
    padding-bottom: 10px;
}
.apps-container .app-item{
    position: relative;
    width: 150px;
    height: 150px;
    padding-top: 36px;
    margin-top: 20px;
    margin-left: 20px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    cursor: pointer;
}
.apps-container .app-item p {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
.apps-container .app-item:hover,
.apps-container .app-item.active-app-item{
    color: #fff;
    background: #FF5F18;
    border: 1px solid #FF5F18;
}
.apps-container .app-item img{
    margin-bottom: 15px;
}
.apps-container .download{
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 16px;
    color: #fff;
    background-color: #FF5F18;
    margin-top: 20px;
    margin-left: 20px;
    cursor: pointer;
}
.apps-container .download:hover {
    background-color: #ff783c;
}
.apps-container  a{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #EA5E24;
    width: 145px;
    height: 48px;
    line-height: 47px;
    border: 2px solid #EA5E24;
    display: inline-block;
    position: relative;
    bottom: -100px;
}
.hardware-items{
    display: flex;
    flex-wrap: wrap;
    width: 1170px;
    margin: 0 auto;
}
.hardware-item {
    position: relative;
    text-align: center;
    width: 265px;
    height: 200px;
    background: #f5f5f5;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 10px  0px 30px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #666666;
}
.hardware-item img{
    width: 175px;
}
.hardware-item p{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}
.hardware-item .morehardware {
    position: absolute;
    height: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    line-height: 200px;
    transition: all .3s;
}
.hardware-item.active .morehardware {
    height: 100%;
}
.hardware-item .morehardware a{
    color: #fff;
    font-size: 14px;
}
.hardware-item.hardwareall { padding: 0; line-height: 200px;}
.hardware-item.hardwareall p {
    position: static;
    font-size: 24px;
    font-family: MicrosoftYaHei;
    font-weight: bold;
    color: #FF5F18;
    text-align: center;
}

/* 管理系统详情 */
.system-detail-container{
    width: 100%;
    padding: 70px 0;
    /* margin: 135px 0 0px 0; */
    /* background: #fbfbfb; */
}
.system-detail-inner-con{
    display: flex;
    justify-content: center;
    height: 519px;
    margin-top: 50px;
}
.system-detail-container .system-detail{
    height: 100%;
    width: 900px;
    background: rgba(0,0,0,0.5);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 32px;
    padding: 89px 0 0;
    position: relative;
    /* 解决切换图片空白闪烁的问题 */
    background-image: url(../image/index-img/huiyuan-bg.jpg),url(../image/index-img/shouyin-bg.jpg),url(../image/index-img/canyin-bg.jpg),url(../image/index-img/lingshou-bg.jpg),url(../image/index-img/shangcheng-bg.jpg);
    background-repeat: no-repeat;
    /* background-size: 100% 100%; */
    border-radius: 0px 14px 0px 14px;
    display: none;
}
.system-detail-container .system-detail.current{
    display: block;
}
.system-items{
    margin: 0 0 0 30px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.system-items li {
    width: 270px;
    flex: 1;
    /* height: 0px; */
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666;
    margin-bottom: 30px;
    text-align: center;
    padding-top: 14px;
    border: 1px solid #ffd8c6;
    border-radius: 0px 14px 0px 14px;
}
.system-items li:last-child{
    margin-bottom: 0;
}
.system-items .short-desc{
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    color: #666;
}
.system-items li:hover{
    border: 3px solid #F6AA00;
    background-color: transparent;
}
.system-items li.active-system{
    border: 2px solid #ff5f18;
    color: #ff5f18;
    font-weight: bold;
}
.system-items .color1{
    background: #F6AA00;
}
.system-items .color2{
    background: #FF9C00;
}
.system-items .color3{  
    background: #FF8800;
}
.system-items .color4{
    background: #FF7400;
}
.system-items .color5{
    background: #FF6000;
}
.system-items .color1:hover{
    border: 3px solid #F6AA00;
}
.system-items .color2:hover{
    border: 3px solid #FF9C00;
}
.system-items .color3:hover{  
    border: 3px solid #FF8800;
}
.system-items .color4:hover{
    border: 3px solid #FF7400;
}
.system-items .color5:hover{
    border: 3px solid #FF6000;
}
.system-detail .system-title{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
}
.system-detail .system-icons{
    height: 101px;
    display: flex;
    margin: 60px 0 70px 0;
    width: 100%;
    right: 0;
}
.system-detail .system-btns{
    padding-left: 30px;
}
.system-detail-container .system-detail>p{
    padding: 0 30px;
}
.system-detail .system-icons ul{
    background: rgba(255,242,236,0.2);
    display: flex;
    /* justify-content: flex-end; */
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 0 30px 0 0;
    width: 100%;
}
.system-detail .system-icons ul li{
    flex: 1;
    flex-grow: 1;
    /* width: 72px; */
    white-space: nowrap;
    text-align: center;
    /* margin-right: 28px; */
}
.system-detail .system-icons ul li p{
    line-height: 1;
    margin-top: 8px;
}
.system-detail .system-icons ul li img{
    width: 32px;
    height: 32px;
}
.system-detail a{
    display: inline-block;
    width: 170px;
    height: 50px;
    background: #ff5f18;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    border-radius: 36px;
}
.system-detail a:hover,.system-detail a:focus{
    color: #fff;
}
.system-detail a:last-child{
    background: #0b67ac;
    margin-left: 30px;
}
.system-detail .system-icons .detail{
    margin-top: 13px;
    background: #FFFFFF;
    color: #FF5F19;
}
.system-detail .system-icons .system-btns a:first-child{
    color: #FFFFFF;
}
.system-detail .demos ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 880px;
}
.system-detail .demos ul li{
    width: 27%;
    height: 95px;
    background: #FFFFFF;
    border-radius: 15px;
    margin: 0 2% 2% 0;
}
/* 解决方案 */
.solution-container {
    /* background-color: #f5f5f5; */
    padding: 70px 0;
    font-family: MicrosoftYaHei;
}
.solution-items{
    /* margin-top: 39px; */
}
.solution-items ul{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    justify-content: space-between;
    margin: 20px auto 0;
    /* padding:0 20px; */
}
.solution-items li{
    /* flex: 1; */
    width: 24%;
    height: 200px;
    font-size: 16px;
    font-weight: 300;
    color: #999;
    margin-top: 30px;
}
.solution-items li .hover-item {
    width: 100%;
    height: 200px;
    border: 1px solid #FFD8C6;
    border-radius: 0px 14px 0px 14px;
    padding: 30px;
    position: relative;
}
.solution-items .solution-title{
    font-size: 18px;
    font-weight: 300;
    color: #666;
    margin-bottom: 20px;
}
.solution-items li .arrow-container{
    position: absolute;
    bottom: 30px;
}
.solution-items li .crrow{
    width: 18px;
    height: 10px;
    display: inline-block;
    background: url(../image/arrow-free.png) no-repeat center center;
    margin-left: 5px;
}
.solution-items li a{
    font-size: 14px;
    font-weight: 300;
    color: #999;
}
.solution-items li>span{
    position: absolute;
    bottom: 14px;
    right: 21px;
    /* background-image: url(../image/index-img/solution.png); */
    background-repeat: no-repeat;
}
.solution-items li:nth-child(1)>span{
    background-image: url('../image/index-img/scbl.png');
}
.solution-items li:nth-child(2)>span{
    background-image: url('../image/index-img/cy.png');
}
.solution-items li:nth-child(3)>span{
    background-image: url('../image/index-img/ls.png');
}
.solution-items li:nth-child(4)>span{
    background-image: url('../image/index-img/gssx.png');
}
.solution-items li:nth-child(5)>span{
    background-image: url('../image/index-img/nchb.png');
}
.solution-items li:nth-child(6)>span{
    background-image: url('../image/index-img/my.png');
}
.solution-items li:nth-child(7)>span{
    background-image: url('../image/index-img/mr.png');
}
.solution-items li:nth-child(8)>span{
    background-image: url('../image/index-img/cw.png');
}
.solution-items ul li:hover .hover-item{
    border: 2px solid #FF5F18;
    box-shadow: 0px 0px 20px rgba(255, 95, 24, 0.1);
    color: #333;
}
.solution-items ul li:hover .hover-item .solution-title{
    font-weight: bold;
    color: #333;
}
.solution-items ul li:hover a{
    color: #ff5f18;
}
.solution-items ul li:hover .crrow{
    background: url(../image/arrow-detail-active.png) no-repeat center center;
}
.solution-items li:nth-child(1):hover>span{
    background-image: url('../image/index-img/scbl-hover.png');
}
.solution-items li:nth-child(2):hover>span{
    background-image: url('../image/index-img/cy-hover.png');
}
.solution-items li:nth-child(3):hover>span{
    background-image: url('../image/index-img/ls-hover.png');
}
.solution-items li:nth-child(4):hover>span{
    background-image: url('../image/index-img/gssx-hover.png');
}
.solution-items li:nth-child(5):hover>span{
    background-image: url('../image/index-img/nchb-hover.png');
}
.solution-items li:nth-child(6):hover>span{
    background-image: url('../image/index-img/my-hover.png');
}
.solution-items li:nth-child(7):hover>span{
    background-image: url('../image/index-img/mr-hover.png');
}
.solution-items li:nth-child(8):hover>span{
    background-image: url('../image/index-img/cw-hover.png');
}
/* .solution-items ul li:hover>span{
    background-image: url(../image/index-img/solution-hover.png);
    background-repeat: no-repeat;
} */
.solution-items li:hover .solution-title,
.solution-items li:hover a{
    color: #ffffff;
}
/* 动画 */
@keyframes movetotop{
    0%{ top: 0;}
    100%{ top: -10px;}
}
/* 客户案例 */
.customer-cases-container{
    background: #f5f5f5;
    padding-top: 80px;
}
.customer-cases{
    /* margin-top: 40px; */
}
.customer-cases ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.customer-cases ul li{
    width: 336px;
    height: 250px;
    background: #FFFFFF;
    box-shadow: 3px 7px 7px 1px rgba(5, 30, 78, 0.1);
    padding: 10px 15px 0 15px;
    text-align: center;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #333333;
    position: relative;
    margin-top: 30px;
}
.customer-cases ul li img {
    height: 104px;
    width: 180px;
}
.customer-cases ul li .case-desc{
    font-size: 14px;
    color: #666666;
    margin: 10px 0 22px 0;
}
.customer-cases ul li .case-name{
    margin-top: 13px;
}
.customer-cases ul li  a{
    display: inline-block;
    width: 150px;
    height: 30px;
    background: #FF5F19;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 30px;
}
.erm-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(99,99,99,0.5);
    padding: 90px 85px;
    display: none;
}
/* 数字商业引擎 */
.number-grow-container{
    width: 100%;
    /* height: 750px; */
    /* background-image: url(../image//number-bg.jpg); */
    /* background-repeat: no-repeat;
    background-size: 100% 100%; */
    padding: 70px 0 40px;
    text-align: center;
    /* background: #fbfbfb; */
}
.number-grow-container .saas-title,
.number-grow-container .saas-title span.title{
    
}
.number-grow-container .number-center img {
    width: 459px;
    height: 380px;
}
.number-detail-container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    width: 1200px;
    margin: 50px auto 0;
}
.number-detail-container ul li{
    width: 160px;
    height: 175px;
    background: #FFFFFF;
    border: 1px solid #FFD8C6;
    border-radius: 0px 14px 0px 14px;
    font-size: 18px;
    font-weight: 400;
    color: #999;
    line-height: 26px;
    margin-bottom: 30px;
    text-align: center;
    padding: 33px 0 32px 0;
}
.number-detail-container ul li:hover{
    border: 2px solid #FF5F18;
    box-shadow: 0px 0px 20px rgba(255, 95, 24, 0.1);
    color: #333;
}
.number-detail-container ul li:hover p:first-child{
    font-weight: bold;
}
.number-detail-container ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* width: 386px; */
    margin: 0;
    padding: 0;
}
.number-detail-container .number-center{
    margin: -26px 25px 0 25px;
}
.number-detail-container ul li .number{
    font-size: 30px;
    font-weight: 400;
    color: #FF5F19;
    margin: 20px 18px 20px 0;
    position: relative;
    display: inline-block;
}
.number-detail-container .plus{
    position: absolute;
    top: -16px;
    right: -20px;
    font-size: 20px;
}
.number-grow-container>a{
    width: 266px;
    height: 50px;
    background: #FF5F19;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #FFFFFF;
    display: inline-block;
    line-height: 50px;
    margin-top: 62px;
    color: #ffffff;
}
.number-grow-container>a:hover,.number-grow-container>a:focus{
    color: #ffffff;
}
/* 博弈动态 */
.boyi-news-container{
    background: #f5f5f5;
    padding: 80px 0;
    text-align: center;
}
.news-detail-container{
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #666666;
    margin-top: 30px;
    padding: 0 20px;
}
.news-detail-container .news-img-con{
    width: 351px;
    height: 180px;
    background: #666666;
    box-shadow: 7px 8px 7px 0px rgba(5, 30, 78, 0.35);
    margin-bottom: 39px;
}
.news-detail-container>li ul li{
    margin-bottom: 17px;
}
.news-detail-container li .date{
    margin-right: 48px;
}
.news-detail-container li ul{
    padding: 0;
}
.news-detail-container>li{
    margin-right: 165px;
}
.news-detail-container>li:last-child{
    margin-right: 0;
}
.boyi-news-container>a{
    width: 266px;
    height: 50px;
    background: #FFFFFF;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 300;
    color: #FF5F19;
    margin-top: 28px;
}
/* 荣誉证书 */
.honors-container{
    padding: 70px 0 0px 0;
}
.companys-container{
    background: #f5f5f5;
    padding-top: 70px;
}
.companys{
    padding: 67px 0 72px 0;

}
.companys ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1503px;
    margin: 0 auto;
}
.companys ul li{
    background: #666666;
}
.fader{
    display: none;
}

.bx-wrapper {
    border: none!important;
    margin-bottom: 0!important;
}
.bx-wrapper img {
    width: 100%;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: 126px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 40px!important;
    height: 5px!important;
    margin: 0 9px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent!important;
    border: 1px solid  #fff;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #fff!important;
}