
.wp{ width: 1200px; margin: auto;}

/*软件开发-通用标题*/
.xl_tit{ text-align: center; margin: auto;}
.xl_tit h1{ font-size: 32px; color: #18333a; letter-spacing: 3px; line-height: 32px;}
.xl_tit h2{ font-size: 16px; color: #a2a5a6; letter-spacing: -1px; text-transform: uppercase;}
.xl_tit p{ font-size: 14px; color: #949494; width: 625px; margin: 8px auto 30px;}
/*通用标题end*/

/*流程*/
.box{width: 100%; background: #f4f4f4;}
.liucheng{ padding: 40px 0 10px;}
.liucheng ul{ margin-bottom: 45px;}
.liucheng li{ width: 22.5%; height: 204px; color: #fff; position: relative; display: inline-block; margin-right: 36px; border-radius: 5px;}
.liucheng li:last-child{ margin-right: 0;}
.liucheng li:last-child h6{transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform:  rotate(90deg); -o-transform: rotate(90deg);  top: 94%; right: 116px;}
.liucheng li>div{ text-align: center; height: 95px;}
.liucheng li h1{ font-size: 22px; line-height: 60px; display: inline-block; position: relative; top: -11px; font-weight: bold;}
.liucheng li span{ font-size: 60px; font-family: 楷体; position: relative; left: -9px; display: inline-block; line-height: 100px;}
.liucheng li p{ padding: 0 20px; text-align: center; font-size: 16px;}
.liucheng li h6{ position: absolute; top: 33%; right: -40px; font-size: 40px; }
.liucheng ul:last-child li:last-child h6{ display: none;}
/*流程end*/

/*开发服务*/
.xl_fuwu{ padding: 50px 0 60px;}
.xl_fuwu ul{ width: 100%; margin-top: 30px;}
.xl_fuwu li{ width: 100%; height: 366px;}
.xl_fuwu li .imgs{ width: 50%; height: 100%; overflow: hidden;}
.xl_fuwu li .imgs img{ width: 100%; height: 100%; transition:all .3s ease-out;-moz-transition:all .3s ease-out;-webkit-transition:all .3s  ease-out;-o-transition:all .3s ease-out;}
.xl_fuwu li .text{ width: 50%; height: 100%; background: #000;}
.xl_fuwu li .text>div{ position: relative; top: 50%; transform: translate(0, -55%);}
.xl_fuwu li .text h1, .xl_fuwu li .text p{ margin: 0 8%; text-align: justify; color: #fff;}
.xl_fuwu li .text h1{ font-size: 28px; font-weight: bold; line-height: 100px;}
.xl_fuwu li .text p{ font-size: 16px; line-height: 36px; opacity: 0.95;}

.xl_fuwu li:nth-child(2n+1) .imgs, .xl_fuwu li:nth-child(2n) .text{ float: right;}
.xl_fuwu li:nth-child(2n+1) .text, .xl_fuwu li:nth-child(2n) .imgs{ float: left;}
.xl_fuwu li:nth-child(1) .text{background: #fc7100;}
.xl_fuwu li:nth-child(2) .text{background: #f8b600;}
.xl_fuwu li:nth-child(3) .text{background: #65c033;}
.xl_fuwu li:nth-child(4) .text{background: #61cada;}
.xl_fuwu li:nth-child(5) .text{background: #2c83ee;}
.xl_fuwu li:nth-child(6) .text{background: #65389e;}

.xl_fuwu li .imgs:hover img{ transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-moz-transform:scale(1.05,  1.05);-webkit-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);}
.xl_fuwu li .text:hover h1{animation: tiaodong .8s 1 linear;}
@keyframes tiaodong {
    16.65% {-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);}
    33.3% {-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);}
    49.95% {-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px);}
    66.6% {-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}
    83.25% {-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);}
    100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
    /*上下弹跳几下*/
}
/*开发服务end*/

/*行业解决方案*/
.cent .xl_tit{ padding-top: 60px;}
.cent .xl_tit h1, .cent .xl_tit h2, .cent .xl_tit p{ color: #fff;}
/*行业解决方案end*/







