/* CSS Document */

/*标题*/
.title{ width:100%; text-align:center;}
.title h2{ margin:0 auto; width:100%; height:60px; line-height:60px; font-size:36px; color:#00be6e; font-weight:100}
.title .ser{ width:100%; height:30px; line-height:30px; color:#787878;}
.title p.line{ width:50px; height:3px; background-color:#787878; margin-top:10px;}

/*流程*/
#liucheng{ width:100%; margin:30px auto 0; display:table;}
#liucheng ul{ display:table; margin:30px auto;width:1200px;}
#liucheng ul li{ float:left; width:20%;text-align:center; background:url(/statics/images/tem//icon_lc_arc.png) no-repeat right center;}
#liucheng ul li:nth-child(5){ background:none;}
#liucheng ul li img{ margin-bottom:10px;}
#liucheng ul li a{ text-decoration:none; display:block;}
#liucheng ul li h3{font-size:24px; font-weight:100; height:50px; line-height:50px;}
#liucheng ul li p{ margin:0px auto 0; font-size:15px; line-height:30px; height:30px; overflow:hidden; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
#liucheng ul li p.desc{ font-size:12px;}

/*留言*/
#guest{ max-width:1200px; height:auto; margin:30px auto 0;}
#guest ul{ margin:30px auto 0;}
#guest ul li{ line-height:60px; text-align:center; margin-bottom:20px;}
#guest ul li input.inp{ display:inline-block; width:300px; height:58px; line-height:58px; border:1px solid #e9e9e9; text-indent:5px; font-size:14px;}
#guest ul li .cont{ width:948px; border:1px solid #e9e9e9; height:100px; line-height:25px; font-size:14px;}
#guest ul li .sub{ width:200px; height:60px; line-height:60px; border:0;background-color:rgba(0,190,110,0.8); color:#fff; font-size:16px;}

/*SAAS*/
#saas{ max-width:1200px; height:auto; margin:30px auto 0;}
#saas ul{ width:100%; display:table; height:auto; margin:10px auto 0; text-align:center}
#saas ul li{ display:inline-block; width:30%;}
#saas ul li div {width: 85%; margin: 0 auto; padding-top: 26px; position: relative;}
#saas ul li img { width: 100%; height: auto; margin: 0 auto;}
#saas ul li p { position: absolute; top: 50%; left: 10%; margin-top: -36px; width: 84%; font-size: 24px; color: #fff; line-height: 36px;}
#saas_youshi{height:auto; margin:80px auto 0; background:url(/statics/images/tem//bg2.png) no-repeat center -180px; padding:30px 0 0 0;background-size: 100% 100%;}
#saas_youshi .title h2,#saas_youshi .title .ser{ color:#fff;}
#saas_youshi ul{ margin:40px auto 0;}
#saas_youshi ul img{width: 100%;height: auto;}
#saas_bankuan{ max-width:1200px; height:auto; margin:30px auto 0;}
#saas_bankuan ul{ width:100%; margin:30px auto 0; display:table;}
#saas_bankuan ul li{ display:block; padding:0 0 0 30px}
#saas_bankuan ul li .img{ float:left; width:50%;}
#saas_bankuan ul li .img img{ width:100%;}
#saas_bankuan ul li h3{ width:50%; float:left;font-size:24px;line-height: 24px;margin: 50px 0 50px;}
#saas_bankuan ul li p.desc{ float:left; width:50%; font-size:14px; line-height:24px; color:#565656;}
#saas_bankuan ul li dl{ width:50%; float:left;}
#saas_bankuan ul li dl dd{ display:inline-block; text-align:center; margin:20px 70px 0 0;}

/*车型展示*/
#cars{ max-width:1200px; height:auto; margin:80px auto 0;}
#cars ul{ width:100%; margin:30px auto 0; display:table;display:flex;justify-content:space-between;}
#cars ul li{float:left; width:280px; height:180px; overflow:hidden;position:relative; text-align:center;}
#cars ul li a p{ position:absolute; top:0; width:100%; height:180px; line-height:180px; opacity:0;background-color:rgba(0,190,110,0.8);}
#cars ul li a img{ display:inline-block; height:100%;}
#cars ul li:hover a p{ opacity:1;animation-delay: 1s;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; cursor:pointer; color:#fff;}
#cars ul li:hover a img{ height:105%; float:left;transition: all 1s linear;-moz-transition: all 1s linear;-webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}

/*留言*/
#guest{ max-width:1200px; height:auto; margin:30px auto 0;}
#guest ul{ margin:30px auto 0;}
#guest ul li{ line-height:60px; text-align:center; margin-bottom:20px;}
#guest ul li input.inp{ display:inline-block; width:300px; height:58px; line-height:58px; border:1px solid #e9e9e9; text-indent:5px; font-size:14px;}
#guest ul li .cont{ width:948px; border:1px solid #e9e9e9; height:100px; line-height:25px; font-size:14px;}
#guest ul li .sub{ width:200px; height:60px; line-height:60px; border:0;background-color:rgba(0,190,110,0.8); color:#fff; font-size:16px;}

/*企业班车*/
#qiyebanche{ max-width:1200px; height:auto; margin:30px auto 0;}
#qiyebanche ul{ display:table; width:100%; text-align:center; margin:30px auto 0;}
#qiyebanche ul li{ display:inline-block; width:220px; height:340px; overflow:hidden; text-align:center; margin:0 10px;}
#qiyebanche ul li img{ float:left;width: 100%;height: 100%;}
#qiyebanche ul li .bus{ width:220px; height:340px;position: absolute;}
#qiyebanche ul li .bus h3{ font-size:22px; line-height:50px; margin:80px auto 20px; font-weight:100;color: #fff;}
#qiyebanche ul li .bus p.line{ width:20px; margin:0 auto; height:2px; background-color:#fff; margin-bottom:30px;color: #fff;}
#qiyebanche ul li .bus p.desc{ padding:0 10px; font-size:14px;color: #fff;text-align:left;}
#qiyebanche ul li:hover .bus{ background-color:rgba(0,190,110,0.8);animation-delay: 1s;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; cursor:pointer;}
#qiyebanche ul li a{width: 100%;height: 100%;display: block;} 
#qiyebanche ul li:hover p.line{ background-color:#fff;}

/*企业难题*/
#qiyenanti{ max-width:1200px; height:auto; margin:30px auto 0;}
#qiyenanti ul{ display:table; width:100%; margin:30px auto 0; text-align:center;}
#qiyenanti ul li{ float:left; display:inline-block; width:33.33333%; height:314px;}
#qiyenanti ul li .img{display: table-cell; vertical-align: middle; width:150px; height:150px; background-color:#fff; border:2px solid rgba(0,190,110,0.8); border-radius:50%;transition:all 0.6s;}
#qiyenanti ul li .img:hover{transform:rotateY(180deg);}
#qiyenanti ul li .img img{ width:70px;}
#qiyenanti ul li h3{ height:60px; line-height:60px;}
#qiyenanti ul li p.desc{ padding:0 20px;line-height:20px; height:80px; color:#999;text-align:left;}