@charset "utf-8"; /*编码设置*/
.container-fluid {
    padding: 0;
}

/*banner start*/
.index .carousel .item1 {
    background: url("/static/images/aboutusbg.jpg") 0 0;
    height: 450px;
    background-size: cover;
    margin: 90px 0;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.index .carousel .banner-desc {
    padding-left: 40px;
}
.index .carousel .banner-desc h1{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 20px;
    letter-spacing: 1px;
}
.index .carousel .banner-desc p {
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
}
/*banner end*/



/*产品与业务领域-电子商务 start*/
.ebusiness .subnav-bar{
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
}
.ebusiness .subnav-bar .sub-nav{
    background: rgba(255,255,255,.5);
}
.ebusiness .subnav-bar a{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 90px;
    font-size: 16px;
    color: #333;
    border-right: 2px solid rgba(255,255,255,.5);
    border-top: 2px solid rgba(255,255,255,0);
}
.ebusiness .subnav-bar a:last-child{
    border-right: none;
}
.ebusiness .subnav-bar .active,.ebusiness .subnav-bar a:hover {
    color: #c71523;
    border-top: 2px solid #c71523;
}

.ebusiness .content h1.system {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.ebusiness .content h1.system + p {
    font-size: 14px;
    color: #999;
    margin-bottom: 90px;
    text-align: center;
    line-height: 30px;
}
.ebusiness .content .list-box {
    margin-bottom: 70px;
}
.ebusiness .content .list {
    padding: 0 0 20px 0;
    height: 284px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.ebusiness .content .list:hover {
    box-shadow: 0 0 30px rgba(220,220,220,.8);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.ebusiness .content .list span {
    display: block;
    height: 46px;
    margin: 16px auto;
}
.ebusiness .content .list i {
    display: block;
    width: 0;
    height: 2px;
    background: #c71523;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.ebusiness .content .list .store {
     background: url("/static/images/systemicon.png") 0 0 no-repeat;
     width: 49px;
 }
.ebusiness .content .list .login {
    background: url("/static/images/systemicon.png") -99px 0 no-repeat;
    width: 49px;
}
.ebusiness .content .list .customize {
    background: url("/static/images/systemicon.png") -199px 0 no-repeat;
    width: 46px;
}
.ebusiness .content .list .template {
    background: url("/static/images/systemicon.png") -293px 0 no-repeat;
    width: 47px;
}
.ebusiness .content .list:hover .store {
    background-position: -49px 0;
}
.ebusiness .content .list:hover .login {
    background-position: -149px 0;
}
.ebusiness .content .list:hover .customize {
    background-position: -246px 0;
}
.ebusiness .content .list:hover .template {
    background-position: -341px 0;
}
.ebusiness .content .list:hover i {
    width: 100%;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -ms-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
}
.ebusiness .content .list h5 {
    font-size: 18px;
    color: #666;
    text-align: center;
    padding-bottom: 14px;
}
.ebusiness .content .list h5 + p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
    text-align: justify;
    padding: 0 20px;
}

/*三网合一*/
.ebusiness .content .threenetworks {
    background: #333333;
    padding: 70px 0;
}
.ebusiness .content .threenetworks .first-list {
    padding-top: 4%;
}
.ebusiness .content .threenetworks .first-list h1{
    font-size: 18px;
    color: #989898;
    font-weight: bold;
    padding-bottom: 6px;
}
.ebusiness .content .threenetworks .first-list h1 + p{
    font-size: 18px;
    color: #989898;
}
.ebusiness .content .threenetworks .icon-box i {
    display: block;
    height: 54px;
}
.ebusiness .content .threenetworks .icon-box {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background: #484848;
    margin: 10px auto;
}
.ebusiness .content .threenetworks .icon-box .android {
    background: url("/static/images/threenet.png") 0 0 no-repeat;
    width: 48px;
}
.ebusiness .content .threenetworks .icon-box .ios {
    background: url("/static/images/threenet.png") -48px 0 no-repeat;
    width: 44px;
}
.ebusiness .content .threenetworks .icon-box .wechat {
    background: url("/static/images/threenet.png") -94px 0 no-repeat;
    width: 67px;
}
.ebusiness .content .threenetworks .icon-box .pc {
    background: url("/static/images/threenet.png") -162px 0 no-repeat;
    width: 63px;
}
.ebusiness .content .threenetworks .icon-box .wap {
    background: url("/static/images/threenet.png") -226px 0 no-repeat;
    width: 32px;
}
.ebusiness .content .threenetworks .icon-box + p {
    font-size: 18px;
    color: #989898;
    text-align: center;
}
.ebusiness .content .threenetworks .col-lg-2:hover .icon-box + p{
    color: #fff;
}

/*软件特色*/
.ebusiness .content {
    margin-bottom: 90px;
}
.ebusiness .content .software-features {
    background: #f6f6f6;
    margin-bottom: 90px;
    padding-bottom: 90px;
}
.ebusiness .content .software-features .list2 {
    margin-top: 50px;
}
.ebusiness .content .software-features h1 {
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding: 90px 0;
}
.ebusiness .content .software-features .tab-box {
    background: #fff;
    box-shadow: 0 0 30px rgba(220,220,220,.8);
}
.ebusiness .content .nav-tabs {
    background: #333;
}
.ebusiness .content .nav-tabs>li>a {
    font-size: 14px;
    color: #fff;
    padding: 24px 0 24px 30px;
    margin-right: 0;
    border-radius: 0;
    border: none;
}
.ebusiness .content .nav-tabs>li.active>a {
    color: #333;
}
.ebusiness .content .nav-tabs>li.active>a:hover {
    background: #ffeaea;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background: #ffeaea;
}
.ebusiness .content .nav>li>a:hover {
    background: #c71523;
    border: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.ebusiness .content .nav-tabs {
    float: left;
    width: 100%;
}
.ebusiness .content .nav-tabs>li{
    float: none;
    /*width: 292px;*/
}
.ebusiness .content .tab-content {
    background: #fff;
    height: 537px;
    width: 100%;
}
.ebusiness .content .tab-content .tab-pane {
    padding: 70px 0 0 70px;
}
.ebusiness .content .tab-content h2 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 30px;
}
.ebusiness .content .tab-content h2 + p {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
/*.ebusiness .content .function-list {*/
    /*padding: 0;*/
/*}*/
/*.ebusiness .content .function-list .col-lg-3 {*/
    /*padding: 0;*/
/*}*/
.ebusiness .content .function-list .list2 {
    margin-top: 30px;
}
.ebusiness .content .function-list h1{
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 90px;
}
.ebusiness .content .function-list .media {
    height: 90px;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.ebusiness .content .function-list .media:hover {
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    transform: translate(0,-10px);
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    /*box-shadow: 0 0 30px rgba(220,220,220,.8);*/
}
.ebusiness .content .function-list .media-header {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     display: -ms-flexbox;      /* TWEENER - IE 10 */
     display: -webkit-flex;     /* NEW - Chrome */
     display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    /* 09版 */
    -webkit-box-pack: center;
    /* 12版 */
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    /* 09版 */
    -webkit-box-align: center;
    /* 12版 */
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    width: 69px;
    height: 69px;
    border-radius: 100px;
    margin-right: 10px;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.ebusiness .content .function-list .header1 {
    border: 1px solid #c43d54;
}
.ebusiness .content .function-list .header2 {
    border: 1px solid #f6ba43;
}
.ebusiness .content .function-list .header3 {
    border: 1px solid #8dc153;
}
.ebusiness .content .function-list .header4 {
    border: 1px solid #36bb9b;
}
.ebusiness .content .function-list .header5 {
    border: 1px solid #ec543f;
}
.ebusiness .content .function-list .header6 {
    border: 1px solid #4a88dc;
}
.ebusiness .content .function-list .header7 {
    border: 1px solid #a5dbfe;
}
.ebusiness .content .function-list .header8 {
    border: 1px solid #05c1f1;
}
.ebusiness .content .function-list .media:hover .media-header {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.ebusiness .content .function-list .media:hover .header1{
    background: #c43d54;
}
.ebusiness .content .function-list .media:hover .header1 i{
    background-position: 0 0;
}
.ebusiness .content .function-list .media:hover .header2{
    background: #f6ba43;
}
.ebusiness .content .function-list .media:hover .header2 i{
    background-position: -44px 0;
}
.ebusiness .content .function-list .media:hover .header3{
    background: #8dc153;
}
.ebusiness .content .function-list .media:hover .header3 i{
    background-position: -90px 0;
}
.ebusiness .content .function-list .media:hover .header4{
    background: #36bb9b;
}
.ebusiness .content .function-list .media:hover .header4 i{
    background-position: -126px 0;
}
.ebusiness .content .function-list .media:hover .header5{
    background: #ec543f;
}
.ebusiness .content .function-list .media:hover .header5 i{
    background-position: -165px 0;
}
.ebusiness .content .function-list .media:hover .header6{
    background: #4a88dc;
}
.ebusiness .content .function-list .media:hover .header6 i{
    background-position: -209px 0;
}
.ebusiness .content .function-list .media:hover .header7{
    background: #a5dbfe;
}
.ebusiness .content .function-list .media:hover .header7 i{
    background-position: -253px 0;
}
.ebusiness .content .function-list .media:hover .header8{
    background: #05c1f1;
}
.ebusiness .content .function-list .media:hover .header8 i{
    background-position: -289px 0;
}
.ebusiness .content .function-list .media-header i {
    display: block;
    height: 43px;
}
.ebusiness .content .function-list .header1 i{
    background: url("/static/images/funlist.png") 0 -43px no-repeat;
    width: 43px;
}
.ebusiness .content .function-list .header2 i{
    background: url("/static/images/funlist.png") -44px -43px no-repeat;
    width: 45px;
}
.ebusiness .content .function-list .header3 i{
    background: url("/static/images/funlist.png") -90px -43px no-repeat;
    width: 35px;
}
.ebusiness .content .function-list .header4 i{
    background: url("/static/images/funlist.png") -126px -43px no-repeat;
    width: 38px;
}
.ebusiness .content .function-list .header5 i{
    background: url("/static/images/funlist.png") -165px -43px no-repeat;
    width: 43px;
}
.ebusiness .content .function-list .header6 i{
    background: url("/static/images/funlist.png") -209px -43px no-repeat;
    width: 43px;
}
.ebusiness .content .function-list .header7 i{
    background: url("/static/images/funlist.png") -253px -43px no-repeat;
    width: 35px;
}
.ebusiness .content .function-list .header8 i{
    background: url("/static/images/funlist.png") -289px -43px no-repeat;
    width: 42px;
}
.ebusiness .content .function-list .media-body .media-heading{
    font-size: 24px;
    color: #333;
    font-weight: 500;
}
.ebusiness .content .function-list .media-body p {
    font-size: 14px;
    color: #999;
    line-height: 30px;
}
/*产品与业务领域-电子商务 end*/






@media (max-width: 1366px) {
}
@media (max-width: 1201px) {
}
@media (max-width: 1179px) {
}
@media (max-width: 375px) {
    .index .carousel .item1 {display: block;height: 500px;}
    .index .carousel .item1 img{margin: 0 auto; width: 90%;}
    .index .carousel .banner-desc{padding: 15px 0; text-align: center;}
    .navbar-brand {padding: 10px 15px}
    .ebusiness .content .function-list .col-lg-3,.ebusiness .content .function-list .media {padding:15px;}
    .ebusiness .content .function-list .row {margin: 0;}
    .ebusiness .content .threenetworks .first-list h1,.ebusiness .content .threenetworks .first-list h1 + p {text-align: center}
    .ebusiness .content .tab-content .tab-pane {padding: 30px 0 0 0;}
}
@media (max-width: 320px) {
    .index .carousel .item1 {display: block;height: 500px;}
    .index .carousel .item1 img{margin: 0 auto; width: 90%;}
    .index .carousel .banner-desc{padding: 15px 0; text-align: center;}
    .navbar-brand {padding: 10px 15px}
    .ebusiness .content .function-list .col-lg-3,.ebusiness .content .function-list .media {padding:15px;}
    .ebusiness .content .function-list .row {margin: 0;}
    .ebusiness .content .threenetworks .first-list h1,.ebusiness .content .threenetworks .first-list h1 + p {text-align: center}
    .ebusiness .content .tab-content .tab-pane {padding: 30px 0 0 0;}
}
@media screen and (min-width: 700px) and (max-width: 768px) {
}