.index-banner{
    width: 100%;
    height: 580px;

    background-size: cover !important;
    background-position: center !important;

    overflow: hidden;

    position: relative;
}
.index-banner .item{
    background-size: cover !important;
    background-position: center !important;
}
.index-banner a{
   width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.index-banner .item .small-banner {

    display: none;

    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-animation: show-down 0.7s ease-in-out 1 both;
    -o-animation: show-down 0.7s ease-in-out 1 both;;
    animation: show-down 0.7s ease-in-out 1 both;;
}
.index-banner .swiper-slide-active .small-banner{
    display: block;
}
.index-banner .item .content{
    display: none;

    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

    /*-webkit-animation: 0.5s show-up 0.7s ease-in-out 1 both;*/
}
.index-banner .swiper-slide-active .content{
    display: block;
}
.index-banner .item .text{
    width: 100%;
    height: 100%;
    padding-top: 100px;
    /* text-align: center; */
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.index-banner .item .title{
    display: flex;
    height:70px;
    font-size:50px;

    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:70px;
    align-items: center;
}
.index-banner .item .word{
    height:25px;
    font-size:18px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:25px;
}
.index-banner .item .btn{
    height:20px;
    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;

    cursor: pointer;
}
.index-banner .item .btn .icon-slide-next{
    height: 20px;
    margin-left: 5px;
}
.index-banner .item .btn:hover .icon-slide-next{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}
.index-banner .item .btn .icon-slide-next.v3{
    display: none;
}
.index-banner .item .btn:hover .icon-slide-next{
    display: none;
}
.index-banner .item .btn:hover .icon-slide-next.v3{
    display: inline-block;
}


.index-banner .swiper-pagination{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    bottom: 50px;
}

.index-banner .swiper-pagination-bullet{

    width: 24px;
    height: 4px;

    padding: 10px 5px;

    background: transparent;
    opacity: .7;

    border-radius: 0;

    margin: 0px !important;

}
.index-banner .swiper-pagination-bullet:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before{

    background:rgba(0,109,255,1);
    opacity: 1;
}
.index-banner .swiper-pagination-bullet:hover:before{
    background:rgba(0,109,255,1);
}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    height: 4px;
    border-radius: 0;
    background: transparent;

    opacity: 1;
}


.index-ad{
    width: 100%;

    margin-top: -50px;

    position: relative;
    z-index: 999;


}
.index-ad .warp{
    width: 100%;
    height: 100px;

    overflow: hidden;
    box-sizing: border-box;

    padding: 15px 0px;

    background:rgba(255,255,255,1);
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);
    border-radius:6px;

}
.index-ad ul{
    width: 100%;
    height: 70px;
}
.index-ad .item{
    width: 33.33%;
    height: 100%;
    float: left;

    box-sizing: border-box;
    padding-left: 15px;
    border-right: 1px solid rgba(202,209,215,1);
}
.index-ad .item:nth-child(3n){
    border-right: 1px solid transparent;
}
.index-ad .item .img{
    width: 70px;
    height: 70px;
    float: left;

    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-ad .item .img img{
    max-width: 100%;
}
.index-ad .item .text{
    padding-left: 80px;
}
.index-ad .item .text .title{
    height:25px;
    font-size:18px;

    font-weight:500;
    color:rgba(0,16,47,1);
    line-height:25px;
}
.index-ad .item .text .word{
    height:20px;
    font-size:14px;

    font-weight:300;
    color:rgba(0,16,47,1);
    line-height:20px;
}

.index-product{
    padding: 80px 0px;
    /*margin-top: -50px;*/

    background:rgba(247,248,251,1);
}
.index-product .title{
    text-align: center;
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(0,16,47,1);
    line-height:42px;
}
.index-product .content{

}
.index-product .tab{
    overflow: hidden;
}
.index-product .tab li{
    width: 20%;
    height: 140px;
    float: left;

    position: relative;
    background:rgba(247,248,251,1);

    cursor: pointer;
}

.index-product .tab li .img{
    width: 80px;
    height: 80px;

    margin: 0 auto;

    text-align: center;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/


    position: relative;
}
.index-product .tab li .img:before{
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    background:url(../image/index-icon-bg.png) no-repeat center ;
}
.index-product .tab li .img .gif{
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;

    z-index: 1;
}
@-webkit-keyframes heart-burst {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-100% + 80px));
    }
}

.index-product .tab li .img img{
    max-width: 100%;
}
.index-product .tab li .text{
    text-align: center;
    height:25px;
    font-size:18px;

    font-weight:400;
    color:rgba(98,108,119,1);
    line-height:25px;
}
.index-product .tab li:hover .text{
    color: #4A72E5;
}
.index-product .tab li.active .text{
    color:rgba(74,114,229,1) !important;
}
.index-product .tab li::after{
    content: "";
    display: block;

    width: 0px;
    height: 2px;

    background:#4A72E5;

    position: absolute;
    left: 118px;
    bottom: 0px;


    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s ease;
    transition: width .3s ease;

}
.index-product .tab li.active::after{
    width: 70px;
}

.index-product .count li.active{
    display: block;
}
.index-product .count li{
    min-height: 440px;
    width: 100%;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);
    border-radius:6px;

    overflow: hidden;

    display: none;
}
.index-product .count li .left{
    width:285px;
    height: 440px;
    float: left;
    background:rgba(248,250,255,1);

    padding: 25px 30px;
    box-sizing: border-box;
}
.index-product .count li .left .item{
    width:100%;
    /*height:170px;*/

    padding: 15px 0px;
    box-sizing: border-box;
}


.index-product .count li .left .item:nth-child(1){
    /*background:rgba(242,246,255,1) !important;*/
}
.index-product .count li .left .item .title{
    height:auto;
    max-height: 50px;
    font-size:18px;

    font-weight:600;
    color:rgba(0,16,47,1);
    line-height:25px;
    text-align: left !important;
}
.index-product .count li .left .item .word{
    font-size:14px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:20px;

    height: 40px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.index-product .count li .left .item .btn {
    width: 116px;
    height: 32px;

    font-size:14px;
    line-height:32px;

    margin-top: 20px;
}
.index-product .count li .right{
    overflow: hidden;
    padding: 10px 15px 0px;
}
.index-product .count li .right .item{
    width:50%;
    height:75px;
    float: left;
    overflow: hidden;
    padding: 0 15px;
    margin-top: 20px;
    box-sizing: border-box;
}
.index-product .count li .right .item:nth-child(-n+2){
    margin-top: 30px;
}
.index-product .count li .right .item:hover .title{
    color: #4A72E5 !important;
}
.index-product .count li .right .item .title{
    height:25px;
    font-size:18px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:25px;
    text-align: left !important;
}
.index-product .count li .right .item .word{
    font-size:14px;

    font-weight:400;
    color:rgba(98,108,119,1);
    line-height:20px;

    height: 40px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    /*white-space: normal;*/
    /*-webkit-line-clamp: 2;*/
    /*line-clamp: 2;*/
}
.index-product .more{
    height: 20px;
    line-height:20px;
}
.index-product .more a{
    font-size:14px;
    font-weight:400;
    color:rgba(48,56,86,1);
    line-height:20px;
}
.index-product .more span{
    display: inline-block;
    height: 20px;
    margin-left: 5px;
}
.index-product .more .icon-slide-next.v3{
    display: none;
}
.index-product .more:hover .icon-slide-next.v2{
    display: none;
}
.index-product .more:hover .icon-slide-next.v3{
    display: inline-block;
}
.index-product .more:hover span{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}

@keyframes bounce-right {
    25% {transform: translateX(3px);}
    50%{transform: translateX(0);}
    75% {transform: translateX(3px);}
    100% {transform: translateX(0);}
}


.index-solution{
    width: 100%;

    background: black;
    padding: 80px 0px;

    min-height: 970px;
    box-sizing: border-box;
}
.index-solution .title{
    text-align: center;
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:42px;
}
.index-solution .tab{
    overflow: hidden;

    text-align: center;

    border-bottom: 1px solid rgba(98,108,119,1);

    position: relative;
}

.index-solution .more{
    position: absolute;
    right: 5px;
    top: 2px;

    height: 20px;
    line-height:20px;
}
.index-solution .more a{
    font-size:14px;
    font-weight:400;
    color:rgba(174,182,200,1);
    line-height:20px;
}
.index-solution .more span{
    display: inline-block;
    height: 20px;
    margin-left: 5px;
}
.index-solution .more .icon-slide-next.v3{
    display: none;
}
.index-solution .more:hover .icon-slide-next{
    display: none;
}
.index-solution .more:hover .icon-slide-next.v3{
    display: inline-block;
}
.index-solution .more span{
    display: inline-block;
    margin-left: 5px;
}
.index-solution .more:hover span{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}
@keyframes bounce-right {
    25% {transform: translateX(3px);}
    50%{transform: translateX(0);}
    75% {transform: translateX(3px);}
    100% {transform: translateX(0);}
}

.index-solution .tab li{
	 width:160px;
    height: 40px;
    display: inline-block;

    position: relative;

    cursor: pointer;
}
.index-solution .tab li .text{
    text-align: center;
    height:25px;
    font-size:18px;

    font-weight:400;
    color:rgba(174,182,200,1);
    line-height:25px;
}
.index-solution .tab li:hover .text{
    color: #4A72E5;
}
.index-solution .tab li.active .text{
    color:rgba(255,255,255,1) !important;
}
.index-solution .tab li::after{
    content: "";
    display: block;

    width: 0px;
    height: 2px;

    background:rgba(74,114,229,1);

    position: absolute;
    left: 80px;
    bottom: 0px;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}
.index-solution .tab li.active::after{
    width: 70px;
}
.index-solution .count .item.active{
    display: block;
}
.index-solution .count .item{
    display: none;

    -webkit-animation: show-up 0.7s ease-in-out 1 both;
    animation: show-up 0.7s ease-in-out 1 both;
}




.index-solution .count .item .main{
    overflow: hidden;
}
.index-solution .count .item .main .img{
    width: 590px;
    height: 360px;
    background-size: cover !important;
    background-position: center !important;
    float: left;

    overflow: hidden;

    position: relative;
}
.index-solution .count .item .main .img .swiper-slide{
    border-radius: 10px;
}

.index-solution .count .item .main .right{
    padding-left: 630px;
}
.index-solution .count .item .main .right .title{
    height:33px;
    font-size:24px;

    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:33px;
    text-align: left;
}
.index-solution .count .item .main .right .word{
    height:56px;
    font-size:14px;

    font-weight:300;
    color:rgba(174,182,200,1);
    line-height:28px;
}
.index-solution .count .item .main .right .btn{
    width:144px;
    height:44px;
    background:rgba(74,114,229,1);
    border-radius:4px;
    text-align: center;

    font-size:16px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:44px;
}
.index-solution .count .item .main .right .customer{
    overflow: hidden;
}
.index-solution .count .item .main .right .customer span{
    display: block;
    height:14px;
    font-size:12px;

    font-weight:400;
    color:rgba(202,209,215,1);
    line-height:14px;
}
.index-solution .count .item .main .right .customer .customer-logo div{
    float: left;
    height: 32px;
    padding: 0px 10px;

    border-right: 1px solid rgba(255,255,255,0.1);
}
.index-solution .count .item .main .right .customer .customer-logo div:nth-last-child(1){
    border-right: 0px;
}
.index-solution .count .item .main .right .customer .customer-logo img{
    height: 100%;
}
.index-solution .count .item .main .right .config span{
    display: block;
    height:14px;
    font-size:12px;

    font-weight:400;
    color:rgba(202,209,215,1);
    line-height:14px;
}
.index-solution .count .item .main .right .config .config-item div{
    float: left;
    height:36px;
    border-radius:4px;

    background:rgba(255,255,255,0.05);

    font-size:14px;

    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:36px;

    padding: 0px 17px;
    box-sizing: border-box;

    margin-right: 10px;
	margin-bottom:5px;
}
.index-solution .count .item .footer{
    overflow: hidden;
}
.index-solution .count .item .footer li{
    display: block;
    width: 25%;
    float: left;

    padding: 0 20px;
    box-sizing: border-box;
}
.index-solution .count li .footer li .img{
    height: 70px;
    text-align: center;
}
.index-solution .count li .footer li .img img{
    height: 100%;
}
.index-solution .count li .footer li .title{
    height:20px;
    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;
}
.index-solution .count li .footer li .word{
    height:44px;
    font-size:14px;

    font-weight:300;
    color:rgba(174,182,200,1);
    line-height:22px;

    text-align: center;
}

.index-case{
    padding: 80px 0px;

    min-height: 634px;
    box-sizing: border-box;
}
.index-case .title{
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(0,16,47,1);
    line-height:42px;

    text-align: center;
}
.index-case .count li{
    width: 380px;
    height: 300px;
    float: left;
    position: relative;
}
.index-case .count li+li{ margin-left:25px;}


.index-case .count li .img{
    position: relative;
    width: 380px;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-case .count li a span{ display:block; width:100%; text-align:center; font-size:15px; height:30px; padding-top:10px; color:#000}
.index-case .count li a:hover span{ color:#4A72E5;}
.index-case .count li .img img{
    width: 380px;
    height: 250px;
}



.index-case .more{
    height: 20px;
    line-height:20px;
}
.index-case .more a{
    height: 20px;
    font-size:14px;

    font-weight:400;
    color:rgba(48,56,86,1);
    line-height:20px;
}
.index-case .more span{
    display: inline-block;
    height: 20px;
    margin-left: 5px;
}
.index-case .more .icon-slide-next.v3{
    display: none;
}
.index-case .more:hover .icon-slide-next.v2{
    display: none;
}
.index-case .more:hover .icon-slide-next.v3{
    display: inline-block;
}
.index-case .more span{
    display: inline-block;
    margin-left: 5px;
}
.index-case .more span{
    display: inline-block;
    margin-left: 5px;
}
.index-case .more:hover span{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}


.index-news{
    padding: 78px 0 96px;
    min-height: 810px;
    box-sizing: border-box;
}
.index-news .title{
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(0,16,47,1);
    line-height:42px;

    text-align: center;
}
.index-news .count{
    z-index: 1;

    width: calc(100%);
    margin-left: -20px;

    padding: 20px;

    position: relative;
}
.index-news .item{
    width: 1200px;
    height: 526px;

    box-sizing: border-box;
}
.index-news .item {
    transition: all 1s;
}
.index-news .item .img{
    transition: all 1s;
}
.index-news .item .content{
    transition: all 1s;
}
.index-news .item .content .month{
    transition: all 1s;
}
.index-news .item .img{
    width:692px;
    height:447px;
    background:rgba(48,56,86,1);
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    float: left;

    margin-top: 40px;

    background-size: cover !important;
    background-position: center !important;
}
.index-news .item .content{
    float: left;

    width:508px;
    height:526px;
    background:rgba(48,56,86,1);
    box-shadow:10px 0px 20px 0px rgba(205,208,221,0.5);


    border-radius:6px;

    padding: 50px;
    box-sizing: border-box;

    position: relative;
}
.index-news .item .content .month{
    opacity: 0;
}
.index-news .item .content .title{
    height: auto ;
    font-size:22px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:32px;
    text-align: left;
}
.index-news .item .content .date{
    opacity: 0;

    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;

    -webkit-animation: index-news-word-show 0.5s ease-in-out 1 both 700ms;
    -o-animation: index-news-word-show 0.5s ease-in-out 1 both 700ms;
    animation: index-news-word-show 0.5s ease-in-out 1 both 700ms;
}

.index-news .item .content .word{
    opacity: 0;

    font-size:14px;

    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:28px;

    -webkit-animation: index-news-word-show 0.5s ease-in-out 1 both 800ms;
    -o-animation: index-news-word-show 0.5s ease-in-out 1 both 800ms;
    animation: index-news-word-show 0.5s ease-in-out 1 both 800ms;
}
.index-news .item .content .btn{
    opacity: 0;

    width:144px;
    height:44px;
    background:rgba(74,114,229,1);
    border-radius:4px;
    text-align: center;

    font-size:16px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:44px;

    -webkit-animation: index-news-word-show 0.5s ease-in-out 1 both 900ms;
    -o-animation: index-news-word-show 0.5s ease-in-out 1 both 900ms;
    animation: index-news-word-show 0.5s ease-in-out 1 both 900ms;
}
@-webkit-keyframes index-news-word-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }
}
@keyframes index-news-word-show {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.index-news .item .content .page{
    opacity: 0;

    position: absolute;
    right: 30px;
    bottom: 14px;

    color: #AEB6C8;
    font-size: 22px;

    -webkit-animation: index-news-word-show 0.5s ease-in-out 1 both 1000ms;
}
.index-news .item .content .page .curr{
    font-size:40px;

    font-weight:400;
    color:rgba(255,255,255,1);
}
.index-news .item .content .page .slide-left{
    margin-right: 30px;
    cursor: pointer;
}
.index-news .item .content .page .slide-right{
    margin-left: 30px;
    cursor: pointer;
}

/*.index-news .swiper-slide-next .item, .index-news .swiper-slide-prev .item{*/
/*    padding: 104px 0;*/
/*    width: 224px;*/
/*    float: left;*/
/*}*/
/*.index-news .swiper-slide-next .img, .index-news .swiper-slide-prev .img{*/
/*    width:155px;*/
/*    height:317px;*/
/*    background:rgba(48,56,86,1);*/
/*    box-shadow:-20px 2px 20px 0px rgba(205,208,221,0.5);*/
/*    border-top-left-radius:6px;*/
/*    border-bottom-left-radius:6px;*/

/*    float: left;*/
/*    margin-top: 0px;*/

/*    background-size: cover !important;*/
/*    background-position: center !important;*/

/*    cursor: pointer;*/
/*}*/
/*.index-news .swiper-slide-next .content, .index-news .swiper-slide-prev .content{*/
/*    float: left;*/

/*    width:69px;*/
/*    height:317px;*/
/*    background:rgba(48,56,86,1);*/
/*    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);*/

/*    border-top-right-radius:6px;*/
/*    border-bottom-right-radius:6px;*/
/*    border-top-left-radius:0px;*/
/*    border-bottom-left-radius:0px;*/

/*    padding: 15px 8px 30px 8px;*/
/*    box-sizing: border-box;*/

/*    cursor: pointer;*/
/*}*/
/*.index-news .swiper-slide-next .content .title, .index-news .swiper-slide-prev .content .title{*/
/*    height: auto ;*/
/*    width: 100%;*/
/*    font-size:18px;*/

/*    font-weight:400;*/
/*    color:rgba(255,255,255,1);*/
/*    line-height:20px;*/
/*    text-shadow:0px 3px 10px rgba(136,151,173,0.43);*/
/*    text-align: left;*/

/*    writing-mode: vertical-lr;!*从左向右 从右向左是 writing-mode: vertical-rl;*!*/
/*    writing-mode: tb-lr;!*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*!*/

/*    margin-top: 8px;*/

/*}*/
/*.index-news .swiper-slide-next .content .date, .index-news .swiper-slide-prev .content .date{*/
/*    display: none;*/
/*}*/
/*.index-news .swiper-slide-next .content .month, .index-news .swiper-slide-prev .content .month{*/
/*    opacity: 1;*/
/*    height: 31px;*/
/*    font-size:14px;*/

/*    font-weight:500;*/
/*    color:rgba(202,209,215,1);*/
/*    line-height:28px;*/
/*    text-shadow:0px 3px 10px rgba(136,151,173,0.43);*/

/*    position: relative;*/
/*}*/
/*.index-news .swiper-slide-next .content .month::after, .index-news .swiper-slide-prev .content .month::after{*/
/*    content :"";*/
/*    display: block;*/
/*    width:30px;*/
/*    height:3px;*/
/*    background:rgba(216,216,216,1);*/
/*    box-shadow:0px 3px 10px 0px rgba(136,151,173,0.43);*/

/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/
/*.index-news .swiper-slide-next .content .word, .index-news .swiper-slide-prev .content .word{*/
/*    display: none;*/
/*}*/
/*.index-news .swiper-slide-next .content .btn, .index-news .swiper-slide-prev .content .btn{*/
/*    display: none;*/
/*}*/
/*.index-news .swiper-slide-next .content .page, .index-news .swiper-slide-prev .content .page{*/
/*    display: none;*/
/*}*/
/*.index-news .swiper-slide-prev .item{*/
/*    padding: 104px 0;*/
/*    width: 224px;*/
/*    float: right;*/
/*}*/
/*.index-news .swiper-slide-prev .img{*/
/*    float: right;*/
/*    border-top-right-radius:6px;*/
/*    border-bottom-right-radius:6px;*/
/*    border-top-left-radius:0px;*/
/*    border-bottom-left-radius:0px;*/
/*}*/
/*.index-news .swiper-slide-prev .content{*/
/*    float: right;*/
/*    border-top-right-radius:0px;*/
/*    border-bottom-right-radius:0px;*/
/*    border-top-left-radius:6px;*/
/*    border-bottom-left-radius:6px;*/
/*}*/
/*.index-news .swiper-slide-prev .content .title{*/

/*    writing-mode: vertical-rl;!*从左向右 从右向左是 writing-mode: vertical-rl;*!*/
/*    writing-mode: tb-rl;!*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*!*/

/*    margin-top: 8px;*/
/*}*/
/*.index-news .swiper-slide-prev .content .month{*/

/*    text-align: right;*/
/*}*/
/*.index-news .swiper-slide-prev .content .month::after{*/
/*    left: 18px;*/
/*}*/
.index-news .swiper-pagination{
    width: 692px;
    bottom: 35px;
}
.index-news .count .slide-prev{
    width:40px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius: 20px;
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);

    position: absolute;
    left: -60px;
    top: 50%;

    padding: 10px;
    box-sizing: border-box;
}
.index-news .count .slide-next{
    width:40px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius: 20px;
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);

    position: absolute;
    right: -60px;
    top: 50%;

    padding: 10px;
    box-sizing: border-box;
}
.index-news .count .slide-prev .c-icon, .index-news .count .slide-next .c-icon{
    width: 20px;
    height: 20px;
}

.index-service,
.index-research {
    padding: 80px 0;
}
.index-service .title,
.index-research .title {
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(0,16,47,1);
    line-height:42px;

    text-align: center;
}
.index-service .count{
    position: relative;
}
.index-service .count .swiper-container{
    overflow: hidden;
}
.index-service .count .slide-left{
    width:40px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius: 20px;
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);

    position: absolute;
    left: -60px;
    top: 65px;
}
.index-service .count .slide-right{
    width:40px;
    height:40px;
    background:rgba(255,255,255,1);
    border-radius: 20px;
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);

    position: absolute;
    right: -60px;
    top: 65px;
}
.index-service .count li{
	 float:left; overflow:hidden;
    width:216px !important; height:113px !important; margin:0 15px;
	border:1px solid #eee;

}
.index-service .count ul a{
 float:left;overflow:hidden;
    width:216px; height:113px !important; margin:0 10px;
	border:1px solid #eee;

}
.index-service .count ul a img{
   width:216px;
   height: 113px;
}
.index-service .count li .text{
    font-size:14px;

    font-weight:400;
    color:rgba(133,141,154,1);
    line-height:20px;

    text-align: center;
}
.index-research .count img {
    width: 100%;
    height: auto;
    vertical-align: top;
}


@-webkit-keyframes show-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-webkit-keyframes show-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}






.more{
    height: 20px;
    line-height:20px;
}
.more a{
    height: 20px;
    font-size:14px;

    font-weight:400;
    color:rgba(48,56,86,1);
    line-height:20px;
}
.more span{
    display: inline-block;
    height: 20px;
    margin-left: 5px;
}
.more .icon-slide-next.v3{
    display: none;
}
.more:hover .icon-slide-next.v2{
    display: none;
}
.more:hover .icon-slide-next.v3{
    display: inline-block;
}
.more span{
    display: inline-block;
    margin-left: 5px;
}
.more span{
    display: inline-block;
    margin-left: 5px;
}
.more:hover span{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}