#Company1{
	width:802px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

em, i {
    font-style: normal;
}

img {
    max-width: 100%;
    vertical-align: middle;
}



.banner-box {
    background-color: #0068ff;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.banner-box .banner-txt-box {
    color: #fff;
    margin-top: 105px;
}

.banner-box .banner-txt-box .txt {
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    -webkit-transform: translate(80px);
    -moz-transform: translate(80px);
    -ms-transform: translate(80px);
    -o-transform: translate(80px);
    transform: translate(80px);
}

.banner-box .banner-txt-box ul .txt {

}

.banner-box .banner-txt-box.delay .txt {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}

.banner-box .banner-txt-box.delay .lg-title {

}

.banner-box .banner-txt-box .lg-title, .banner-box .banner-txt-box .sm-title {
    font-size: 60px;
    font-weight: normal;
    line-height: 86px;
    transform: scale(.8);
}

.banner-box .banner-txt-box .sm-title {
    font-size: 36px;
    font-weight: normal;
    line-height: 54px;
    margin-bottom: 28px;
}

.banner-box .banner-txt-box li.txt {
    font-size: 20px;
    line-height: 36px;
    position: relative;
    padding-left: 30px;
}

.banner-box .banner-txt-box li.txt:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    background-color: #fff;
    left: 12px;
    top: 50%;
}

.banner-box .img-box {
    height: 500px;
    text-align: center;
    paddinig-right: 30px;
}

.banner-box .img-box img {
    vertical-align: middle;
    max-width: 100%;
}

.banner-box .floor-title {
    font-size: 30px;
    color: #fff;
    margin-top: 32px;
    line-height: 46px;
    margin-bottom: 12px;
}

.banner-box .floor-box {
    position: relative;
}

.banner-box .floor-box img {
    max-width: 100%;
}

.banner-box .floor-list .item {
    margin-top: -20px;
    position: relative;
    max-height: 85px;
    width: 363px;
}

.banner-box .floor-list .item:first-child {
    margin: 0;
}

.banner-box .floor-txt-box {
    width: 185px;
    box-sizing: border-box;
}

.banner-box .floor-txt-box .txt {
    position: absolute;
    z-index: 10;

}

.banner-box .floor-txt-box .txt1 {
    top: 140px;
    padding-left: 8px;
    animation-delay: 1s;
}

.banner-box .floor-txt-box .txt2 {
    top: 263px;
    left: 335px;
    animation-delay: 1.2s;
}

.banner-box .floor-txt-box .txt3 {
    bottom: 27px;
    left: 305px;
    animation-delay: 1.4s;
}

.service-page .service-item {
    background-color: #f9f9f9;
    height: 464px;
    overflow: hidden;
}

.service-page .service-item:nth-child(odd) {
    background-color: #fff;
}

.service-item .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 27px;
}

.service-item .service-txt {
    width: 477px;
    margin-top: 90px;
}

.service-item .service-txt .service-title {
    font-size: 48px;
    color: #333;
    line-height: 72px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.service-item .service-txt .service-content, .service-item .service-txt .link-button, .service-item .service-txt .service-title {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    transform: translateY(400px);
}

.service-item .service-txt .service-content.bounceInUp,
.service-item .service-txt .link-button.bounceInUp,
.service-item .service-txt .service-title.bounceInUp {
    transform: translateY(0);
}

.service-item .service-txt .service-content {
    height: 114px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 18px;
    color: #666;
    line-height: 30px;
    margin: 16px 0 25px;

}

.service-item .service-txt .service-content a.more{
    color: #0068ff;
}
.service-item .service-txt .service-content a.more:hover{
    color: #f60;
}

.service-item .link-button {
    font-size: 0;
    line-height: 0;
}

.service-item .link-button .service-link, .common-link {
    display: inline-block;
    width: 150px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    border-radius: 36px;
    border: 1px solid #dddddd;
    line-height: 50px;
    margin-left: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.service-item .link-button .service-link:first-child {
    margin-left: 0;
}

.service-item .link-button .service-link:before, .common-link:before {
    content: '';
    display: block;
    width: 40%;
    height: 130%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -moz-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -ms-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -o-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    background: linear-gradient(90deg, transparent, rgba(238, 245, 255, 0.3), transparent);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.service-item .link-button .service-link:hover, .common-link:hover,
.service-item .link-button .service-link.active, .common-link.active {
    color: #fff;
    background: -webkit-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -moz-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -o-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -ms-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background-color: #0070EC\9;
    border: none;
}

.service-item .link-button .service-link:hover:before, .common-link:hover:before {
    -webkit-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -moz-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -ms-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -o-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    transform: translate(154px) rotateZ(-10deg) translateY(-12px);
}

.service-item .show-video, .service-item .show-v-pic {
    width: 600px;
    height: 464px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.service-item .show-video video, .service-item .show-video img {
    max-width: 100%;
}

.service-item .show-video video {
    display: block;
    height: 464px;
}

.service-item .show-v-pic {
    background-image: url("../images/yym/img_v_box.png");
}

.service-item .show-v-pic .pic-banner {
    height: 256px;
    width: 474px;
    overflow: hidden;
    background-color: #e8ebf2;
    margin-top: 77px;
    margin-left: 64px;
}

.service-item .show-v-pic .pic-banner .img-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.service-item .show-v-pic .pic-banner .img-box .pic-title {
    position: absolute;
    top: -50px;
    left: 30px;
    font-size: 38px;
    color: #fff;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.service-item .show-v-pic .pic-icon {
    height: 56px;
    width: 482px;
    margin-left: 58px;
    background-color: #fff;
    height: 60px;
    overflow: hidden;
    line-height: 58px;
    font-size: 0;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.service-item .show-v-pic .pic-icon .icon:first-child {
    margin: 0;
}

.service-item .show-v-pic .pic-icon .icon {
    display: inline-block;
    width: 26px;
    height: 23px;
    line-height: 23px;
    margin-left: 15px;
    cursor: pointer;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-filter: grayscale(1);
}

.service-item .show-v-pic .pic-icon .icon:hover, .service-item .show-v-pic .pic-icon .icon.active {
    -webkit-transform: translateY(-4px) scale(1.1);
    -moz-transform: translateY(-4px) scale(1.1);
    -ms-transform: translateY(-4px) scale(1.1);
    -o-transform: translateY(-4px) scale(1.1);
    transform: translateY(-4px) scale(1.1);
    -webkit-filter: grayscale(0);
}

.service-item .show-v-pic .pic-icon .icon img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.service-item .show-v-pic .pic-banner {
    position: relative;
}

.service-item .show-v-pic .pic-banner .img-box {
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

/*司南*/
.zservi-sinan {
    padding: 60px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}

.zservi-sinan .service-txt {
    margin-top: 0;
}

.sinan-pic-box {
    width: 530px;
}

.sinan-pic-box .pic-box {
    position: relative;
    width: 100%;
    height: 330px;
    padding: 30px 0 62px;
    overflow: hidden;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.sinan-pic-box .pic-box .bg {
    position: absolute;
    top: 130px;
    left: 3px;
    z-index: -1;
}

.sinan-pic-box .pic-box .pic-top {
    text-align: center;
    display: inline-block;
    height: 100px;
    width: 100px;
}

.sinan-pic-box .pic-box .pic-list {
    height: 85px;
    width: 100%;
    line-height: 85px;
    margin-top: 23px;
}

.sinan-pic-box .pic-box .pic-list li {
    display: inline-block;
    margin: 0 10px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    vertical-align: middle;
}

.sinan-pic-box .pic-box .pic-bottom {
    position: absolute;
    bottom: 52px;
    left: 148px;
}

.sinan-pic-box .pic-box .pic-bottom .ft-item:first-child {
    animation-delay: .4s;
}

.sinan-pic-box .pic-box .pic-bottom .ft-item {
    margin-left: 10px;
    animation-delay: .2s;
}

/*离线宝*/
.service-item.s-bao {
    height: 465px;
    background-color: #f3f8fc;
    position: relative;
    z-index: 1;
}

.service-item.s-bao .img-box {
    height: 465px;
    line-height: 465px;
}

.s-bao .wave-box {
    width: 100%;
    height: 176px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.s-bao .wave-box .wave-item {
    position: absolute;
    background-image: url("../images/yym/wen.png");
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.s-bao .wave-box .wave1 {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-size: 50% 130px;
    opacity: .4;
}

.s-bao .wave-box .wave2 {
    animation: move_wave 10s linear infinite;
    background-size: 50% 170px;
    opacity: .6;
}

.s-bao .wave-box .wave3 {
    animation: move_wave 15s linear infinite;
    background-size: 50% 140px;
    opacity: .8;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(50%) translateZ(0) scaleY(1)
    }
}

.service-data {
    background-color: #fff;
    margin-top:80px;
    margin-bottom:44px;
}
.service-data .service-data-box{
    margin:0 -11px;
}
.service-data .data-item {
    display: block;
    float: left;
    width: 385px;
    height: 348px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px #c0c0c0;
    -moz-box-shadow: 0 0 3px #c0c0c0;
    box-shadow: 0 0 3px #c0c0c0;
    margin: 0 11px;
    margin-bottom:20px;
}

.service-data .data-item .u-img {
    display: block;
    width: 385px;
    height: 277px;
    overflow: hidden;
    position: relative;

}

.service-data .data-item:hover .u-img .data-shadow {
    opacity:1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    filter:blur(0);
}
.service-data .data-item:hover .data-title .cur{
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);

}

.service-data .data-item .u-img .data-shadow {
    position: absolute;
    width: 100%;
    height: 277px;
    background-color: rgba(51, 51, 51, .8);
    top: 0;
    left: 0;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    opacity:0;
    transform: rotateX(90deg);
    filter:blur(2px);
}

.service-data .data-item .u-img .data-shadow .common-link {
    width: 102px;
    height: 34px;
    border-color: #fff;
    color: #fff;
    line-height: 34px;
    font-size: 14px;
    margin-top: 127px;
    margin-left: 8px;
}

.service-data .data-item .u-con{
    height:72px;
    line-height:72px;
    padding: 0 20px 0 12px;
    font-size:24px;
    color:#333;
}
.service-data .data-item .u-con .common-link{
    float: right;
    margin-left: 20px;
    margin-top: 19px;
    width: 101px;
    height: 34px;
    line-height: 34px;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    border: 0 none;
    background: url(../images/yym/link.png) no-repeat;
    border-radius: 16px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.service-data .data-item .u-con .common-link:hover{
    background-image: url(../images/yym/link-hover.png);
}
.service-data .data-item .data-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.inner{
    background-color:#f3f4f8;
    padding-bottom: 25px;
}


/* 2018-7-24新增 */


/* 成功案例*/
.content-more{
    width: 900px;
    float: left;
    margin-bottom: 30px;
    font-size: 16px;
}
.content-more>div{
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 我们的服务弹出层 */
.layer{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.layer .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(127, 127, 127, 0.85);
}
.layer .layer-con{
    width: 1000px;
    height: 364px;
    padding: 28px 44px 0;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    margin-top: -272px;
    left: 50%;
    margin-left: -500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.layer-close{
    width: 12px;
    height: 12px;
    background: url(../images/cl/zengzhifuwu/layer-close.png) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 21px;
    right: 23px;
}
.layer-con-tit{
    font-size: 40px;
    line-height: 40px;
    color: #333;
}
.layer-con-info1{
    font-size: 18px;
    line-height: 18px;
    color: #0068ff;
    margin: 20px 0 10px;
}
.layer-con-info2{
    font-size: 14px;
    color: #666;
    margin-bottom: 25px;
}
.layer-shop{
    text-align: center;
    font-size: 0;
}
.layer-shop li{
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    font-size: 12px;
}
.layer-shop li a{
    color: #666;
}
.layer-shop li a p{
    margin-top: 17px;
}
.layer-form{
    margin: 35px -16px 0;
    font-size: 0;
    text-align: left;
}
.layer-form .name{
    display: inline-block;
    vertical-align: top;
    width: 110px;
    line-height: 36px;
}
.layer-form label{
    margin: 0 16px;
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
}
.layer-form .layer-red{
    color: #f22e2e
}
.layer-form input{
    width: 330px;
    height: 36px;
    border: 1px solid #ccc;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    color: #000;
    outline:none;
}
.layer-form .layer-code{
    width: 190px;
}
.layer-form .layer-codeImg{
    margin-left: 10px;
    width: 114px;
    height: 36px;
}
.layer-form .layer-area{
    width: 150px;
}
.layer-form .sel{
    width: 164px;
    height: 36px;
    border: 1px solid #ccc;
    font-size: 18px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline:none;
}
.layer .layer-adr{
    width: 456px;
    margin-right: 0;
    color: #333;
}
.layer .layer-submit{
    display: block;
    margin: 15px auto 0;
    width: 500px;
    height: 50px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    background: -webkit-linear-gradient(left,#1646ee,#2565f3,#3a90f9,#009df3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#1646ee,#2565f3,#3a90f9,#009df3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#1646ee,#2565f3,#3a90f9,#009df3); /* Firefox 3.6 - 15 */
    background: -ms-linear-gradient(left,#1646ee,#2565f3,#3a90f9,#009df3); /* IE */
    background: linear-gradient(left,#1646ee,#2565f3,#3a90f9,#009df3); /* 标准的语法 */
    background-color: #0070EC\9; /* IE9 */
}

/* 增值服务内页修改 */
.u-page{
    width: 904px;
    padding: 36px 50px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: 26px;
}
.u-page-tit{
    position: relative;
}
.u-page-tit li{
    font-size: 16px;
    color: #333;
    float: left;
    font-weight: bold;
    margin-right: 50px;
    cursor: pointer;
    padding-left: 2px;
}
.u-page-tit i{
    width: 68px;
    height: 2px;
    background-color: #333;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.u-page-con-item{
    padding: 26px 0;
    border-bottom: 1px solid #eee;
}
.u-page-item-l{
    margin-right: 30px;
}
.u-page-item-r{
    width: 610px;
    position: relative;
}
.u-page-item-r .icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.u-page-info{
    font-size: 16px;
    color: #333;
}
.u-page-time-icon{
    background: url(../images/cl/zengzhifuwu/writting-time-img.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.u-page-num-icon{
    background: url(../images/cl/zengzhifuwu/see.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.u-page-text{
    vertical-align: middle;
}
.u-page-time,
.u-page-num{
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #999;
}
.u-page-num{
    margin-left: 35px;
}
.u-page-item-des{
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    color: #999;
}
.u-page-con-item-r{
    float: right;
    margin-top: 5px;
}
.u-page-con-item-r a{
    font-size: 14px;
    color: #3988fc;
    margin-left: 20px;
}
/*翻页*/
div.meneame {
    padding: 3px;
    margin: 45px;
    text-align: center;
}
div.meneame li {
    display:inline-block;
}
div.meneame a {
    padding: 5px 15px;
    width: 25px;
    font-size: 14px;
    color: #fff;
    background-color: #0068ff;
    text-decoration: none;
}
div.meneame a.num {
    display:block;
    padding: 3px;
    width:25px;
    color: #888;
    background-color: #fff;
    border:1px #ccc  solid;
}
div.meneame a.num:hover {
    font-weight:normal;
    color: #00abff;
    border:1px #00abff  solid;
}
div.meneame li.curpage{
    font-weight:normal;
    color: #fff;
}
div.meneame li.curpage a{
    display:block;
    padding: 3px;
    font-weight:normal;
    background-color: #fff;
    color: #0068ff;
    border:1px #0068ff  solid;
}
.pageinfo {
    font-weight: bold;
    color:#d48b88;
}
/* 增值服务右侧 */
.u-right{
    width: 270px;
    float: right;
    margin-top: 26px;
}
.u-right-item{
    padding: 36px 28px 0;
    background-color: #fff;
    margin-bottom: 25px;
}
.u-right-item-tit{
    font-size: 20px;
    line-height: 20px;
}
.u-right-item-info{
    font-size: 14px;
    color: #666;
    margin-top: 23px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
}
.u-right-item-img{
    margin-top: 22px;
}
.u-right-item-link{
    font-size: 14px;
    color: #333;
    padding: 20px 0;
    display: block;
}
.u-right-item-link span{
    margin-left: 10px;
}
.u-right-item-t-link{
    font-size: 14px;
    color: #a9a9a9;
    float: right;
}
.u-right-item li{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 44px;
}
.u-right-item li a:hover{
    color: #f60;
}
.u-right-item li a{
    font-size: 14px;
    color: #666;
}
.u-right-item ul{
    padding: 10px 0 20px;
}
.u-right-item.tip li{
    width: 95px;
    float: left;
    text-align: center;
    border: 1px solid #eee;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}
.u-right-item.tip li:nth-child(2n+1){
    margin-right: 20px;
}
.u-right-item.tip ul{
    margin-top: 22px;
}

/* 增值服务查看详情页 */
.u-page.detail h5{
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
}
.u-page.detail .time-read{
    font-size: 14px;
    color: #999;
    margin-bottom: 50px;
}
.u-page.detail .read{
    margin-left: 25px;
}
.u-page.detail .read span{
    margin-left: 10px;
}
.u-page-detail-link a{
    color: #3195fa;
    margin-left: 10px;
}
.u-page-detail-more a{
    font-size: 14px;
    color: #444;
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 37px;
}
.u-page-detail-more a:hover{
    color: #f60;
}
.u-page.detail{
    padding-bottom: 53px;
}

/* 信息流 */
.xinxi-box1{
    padding: 77px 0;
}
.xinxi-box1,
.xinxi-box3 {
    background-color: #fff;
}

.xinxi-box2 {
    text-align: center;
    font-size: 44px;
    color: #333;
    background-color: #f9f9f9;
    padding: 77px 0;
}

.xinxi-box2 h4 {
    font-weight: normal;
    font-size: 44px;
    color: #333;
    margin-bottom: 60px;
}

.xinxi-box4,
.xinxi-box6 {
    background-color: #f9f9f9;
}
.xinxi-box5{
    background-color: #fff;
}
.xinxi-box2 .service-link{
    top: 337px;
    left: 735px;
}
.xinxiliu .service-link {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 30px;
    position: absolute;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: -webkit-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -moz-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -o-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: -ms-linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
    background: linear-gradient(70deg, #214def, #3383f7, #4bb5ff);
}

.xinxiliu .service-link::before {
    content: '';
    display: block;
    width: 40%;
    height: 130%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -moz-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -ms-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    -o-transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    transform: translate(-45px) rotateZ(-10deg) translateY(-12px);
    background: linear-gradient(90deg, transparent, rgba(238, 245, 255, 0.3), transparent);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.xinxiliu .service-link:hover::before {
    -webkit-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -moz-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -ms-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    -o-transform: translate(154px) rotateZ(-10deg) translateY(-12px);
    transform: translate(154px) rotateZ(-10deg) translateY(-12px);
}
.xinxi-box3 .service-link{
    top: 260px;
    left: 0;
}
.xinxi-box4 .service-link{
    top: 257px;
    left: 735px;
}
.xinxi-box5 .service-link{
    top: 270px;
    left: 0;
}