/*五大服务团队*/
.five-team{ margin-top: 114px; padding-bottom: 48px; width: 1200px;}
.five-team .rg{ width: 100%}
.five-team .rg .content >div{ float: left; width: 20%;text-align: center}
.five-team .rg .content div .five-team-icon{width: 100px;height: 100px;border-radius: 50%;margin-bottom:57px;background:linear-gradient(0deg,rgba(62,185,255,1) 0%,rgba(2,91,235,1) 100%);}
.five-team .rg .content div .five-team-icon img{position: relative; top: 30px}
.five-team .rg .content div .five-team-title{ color: #333333;font-size: 18px;margin-bottom: 20px}
.five-team .rg .content div .five-team-p{ color: #999999;font-size: 16px;width: 80%;margin: 0 auto;}
/*专业服务*/
.service-wrap{ background: url("../images/service/fwzx_bg1.png") no-repeat; padding-bottom: 80px;}
.service{ width: 1200px; position: relative;margin-top: -60px}
.service .swiper-container{ width:1200px;}
.service .swiper-slide {cursor: pointer; width: 290px;padding-bottom: 180px}
.service .swiper-slide .img{ text-align: center;}
.service .swiper-slide .img img{ width: 100%;}
.service .swiper-slide .opacity{ position: absolute; z-index: 2;left: 0; bottom:0; width: 100%; height: 181px; background:linear-gradient(0deg,rgba(62,185,255,1) 0%,rgba(2,91,235,1) 100%); opacity: 0.7; transition:all 0.6s ease-out;}
.service .swiper-slide .infomation{ overflow: hidden;color: #fff;position: absolute; z-index: 3;left: 0; bottom:0;padding: 44px 29px 50px 22px; width: 100%; height: 181px; transition:all 0.6s ease-out; background:linear-gradient(0deg,rgba(62,185,255,1) 0%,rgba(2,91,235,1) 100%);}
.service  .ease-out-up{padding-top: 180px; padding-bottom: 0}
.service  .ease-out-up .infomation{position: absolute;top: 0;bottom:auto; color: #fff;overflow: hidden}
.service .ease-out-up .opacity{position: absolute;bottom:auto;top: 0;}
.service .swiper-slide .name{font-weight:bold; font-size: 16px; transition: all 1s;}
.service .swiper-slide .discribe{ margin-top: 10px; font-size: 12px; line-height: 20px;text-align: left;}
.service .swiper-slide .more{text-align: center;}
.service .swiper-slide .more img{ margin-top: 20px; width: 40px;}
.service .swiper-pagination{ bottom: -34px; left: 42%;}
.service .swiper-pagination-bullet{ background-color: #fff; opacity: 1; width:14px; height: 8px; border-radius: 4px;cursor:pointer; margin: 0 5px;}
.service .swiper-pagination-bullet-active{ background-color: #025BEB; width:18px; height: 9px;}
.service .change-btn{ position: absolute; z-index: 0;top: 303px;left: 0; width: 100%;}
.service .next,.service .pre{ display: inline-block; width: 48px; height: 48px; background-color: red;}
.service .next{float:right; background:url("../images/service/right.png") no-repeat;}
.service .next:hover{float:right; background:url("../images/service/right-hover.png") no-repeat;}
.service .pre{float:left; background:url("../images/service/left.png") no-repeat;}
.service .pre:hover{float:left; background:url("../images/service/left-hover.png") no-repeat;}
.data-wrap{ width: 100%; background-color: #f4f4f4;}
/*成功案例*/
.success-case-wrap{background: url("../images/service/fwzx_bg2.png") no-repeat;background-size: 100% 100%;}
.success-case .title span{color: #ffffff}
.success-case .title .ellipsis span{color: #ffffff}
.success-case,.success-case .other{width: 1200px;margin: 0 auto}
.success-case{margin-top: -60px;position: relative;padding-bottom: 100px}
.success-case ul li{position: relative; background:linear-gradient(0deg,rgba(8,53,127,0.56) 0%,rgba(24,80,171,1) 100%);;width: 24%; height: 480px;overflow: hidden;float: left;margin-right: 1%;transition: margin-top 1s;margin-bottom: 40px;}
.success-case ul li:last-child{margin-right: 0;}
.success-case ul li .img{margin-top: 43px;margin-bottom: 26px;width: 100px; height: 100px;line-height: 100px; text-align: center;border-radius: 50%;background:linear-gradient(0deg,rgba(62,185,255,1) 0%,rgba(2,91,235,1) 100%); overflow: hidden;}
.success-case ul li .img img{    margin-top: 27px;}
.success-case ul li .infomation{ padding: 10px 41px 10px 37px;}
.success-case ul li .name{ color: #ffffff; font-size: 24px; margin-top: 10px;transition:all 0.3s;text-align: center}
.success-case ul li .discribe{ margin-top: 27px; font-size: 14px; color: #ffffff; line-height: 20px;margin-bottom: 40px;left: 12%;}
.success-case ul li .more{ position:absolute ; bottom: 34px; font-size: 12px; color:#ffffff;;width: 75%;border:1px solid #F6F6F6;height: 40px;line-height: 40px;border-radius: 2px;text-align: center;}
.success-case ul li:hover{margin-top: -20px;}
.success-case .other{padding: 40px 0 28px 0;cursor: none;background-color: #ffffff;border-radius:30px;position: absolute;bottom: -134px;left: 0;box-shadow: 4px 3px 10px #e0e0e0;}
.success-case .other .img{float: left;width: 20%;text-align: center}
.success-case .other a{cursor: default}
.success-case .other .img img{margin-top: 30px}
.success-case .other .infomation{float: left;color: #666666;font-size: 14px;width: 80%}
.success-case .other .infomation .discribe{margin-bottom: 15px}
/*合作伙伴*/
.parter-wrap{ padding-bottom: 80px;padding-top: 223px;}
.parter-wrap .infomation{width:  1200px;margin: 0 auto}
.parter-wrap .infomation li{float: left;margin-left: 1%;width: 19%;margin-bottom: 15px}
.parter-wrap .infomation li img{width: 100%}
/*资料下载*/
.data{ width: 996px; padding-bottom: 63px;}
.data ul{ width: 996px;margin: 0 auto}
.data ul li{float: left; width: 30%; margin-right: 3%; overflow: hidden; text-align: center}
.data ul li .lf{ width: 70px; height: 70px; overflow: hidden; border-radius: 50%;margin-bottom: 26px;border: 1px solid #0E94FD}
.data ul li .lf img{ margin-top: 20px}
.data ul li .rg{  margin-top: 10px;}
.data ul li .rg .name{ font-size: 14px; color: #333;margin-bottom: 30px}
.data ul li .rg a{ text-align: center; margin-top: 10px; display: inline-block; width: 100px; height: 42px; line-height: 41px; border-radius:21px ;background:linear-gradient(0deg,rgba(62,185,255,1) 0%,rgba(2,91,235,1) 100%); color: #fff; font-size: 14px;}


@media screen and (max-width: 1200px) {
    .five-team,.success-case ul,.success-case, .success-case .other,.parter-wrap .infomation,.data ul{width: 90%;margin: 0 auto}
    .service,.service .swiper-container,.data{width: 100%}
    .success-case ul li{width: 49%;margin-bottom: 40px;}
    .success-case .other{bottom: inherit;left: 10%}
    .success-case ul li:hover{margin-top: 0;    background: linear-gradient(0deg, rgb(30, 25, 171) 0%, rgba(254, 207, 195, 0.56) 100%);}
    .success-case .other .infomation .discribe span{display: block;}
}

@media screen and (max-width: 750px) {
    .success-case ul li{width: 100%}
    .parter-wrap{padding-top: 63px}
    .success-case .other{display: none}
    .service .swiper-slide{width: 50%}
}