.clearfix:after{content:"";display:block;height:0;clear:both}
.float-l{float:left}
.float-r{float:right}
.main{padding-top:70px}
.container{margin:0 auto;width:1280px}
.con-title{height:120px;line-height:28px;padding-top:60px;font-size:36px;font-weight:500;text-align:center;box-sizing:border-box}
.con-title svg{height:28px}
.con-desc{position:relative;top:-21px;height:32px;line-height:32px;text-align:center;font-size:15px;font-weight:400;color:#999}
.product-container{height:700px;background:url(../images/saas/bg2.png) center no-repeat}
.product-container .product-list{margin-top:30px}
.product-container .product-item{position:relative;margin-left:60px;margin-bottom:30px;display:block;width:360px;height:90px;background:#fff;box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}
.product-container .product-item:nth-child(3n+3),.product-item:last-child{margin-left:0}
.product-container .product-item .product-card{display:block;width:100%;height:100%;transition:filter .3s,transform .3s;padding:20px 20px 20px 90px;box-sizing:border-box}
.product-container .product-item:not(.more) 
.product-card:before{display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#b6c5d6;opacity:.2;filter:alpha(opacity=20);z-index:1;border-radius:4px}
.product-container .product-item:not(.more):hover{transform:translateY(-10px);box-shadow:0 2px 15px 0 rgba(68,93,127,0.24)}
.product-container .product-item:not(.more):hover .product-card{filter:blur(3px)}.product-container .product-item:not(.more):hover .product-card:before{display:block}
.product-container .product-item .product-icon{position:absolute;top:20px;left:20px;width:50px;height:50px}
.product-container .product-item .product-name{line-height:20px;font-size:18px;color:#333}
/* .product-container .product-item.new .product-name:after{content:"新品";position:relative;top:2px;margin-left:10px;display:inline-block;vertical-align:top;width:40px;height:18px;line-height:18px;background-color:#fed08d;background:linear-gradient(77deg,#fed08d 0,#f8d5af 100%);border-radius:4px;color:#a36610;font-size:12px;text-align:center} */
.product-container .product-item .product-desc{margin-top:12px;color:#999;font-size:13px;opacity:.7;filter:alpha(opacity=70)}
.product-container .product-item .product-link{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:0;width:100px;height:34px;line-height:34px;background-color:#2576fb;background:linear-gradient(90deg,#2576fb 0,#59a3ff 100%);border-radius:17px;color:#fffefe;font-size:13px;text-align:center;opacity:0;transition:margin-top .3s ease,opacity .3s ease;opacity:0;z-index:2}
.product-container .product-item:hover .product-link{opacity:1;margin-top:-17px}
.product-container .product-item.more{height:210px;box-shadow:none;background:url(../images/saas/icon-bg.png) no-repeat}
.product-container .product-item.more:before{content:"";position:absolute;top:46px;left:34px;width:48px;height:4px;background:#007fff;border-radius:2px;box-shadow:0 2px 6px 0 rgba(68,93,127,0.25)}
.product-container .product-item.more .product-more-title{margin-top:70px;margin-left:33px;font-size:26px;line-height:26px;font-family:Source Han Sans CN;font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(68,93,127,0.25)}
.product-container .product-item.more .product-more-btn{margin-left:34px;margin-top:28px;position:relative;display:block;width:100px;height:34px;line-height:34px;border-radius:17px;font-size:13px;color:#5283cf;text-align:center;box-shadow:0 8px 14px 1px rgba(36,108,215,0.18);transition:color .3s ease}
.product-container .product-item.more .product-more-btn:before,.product-container .product-item.more .product-more-btn:after{content:"免费使用";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:17px;opacity:0;filter:alpha(opacity=0);transition:opacity .3s,filter .3s}
.product-container .product-item.more .product-more-btn:before{background-color:#e7f2ff;background:linear-gradient(90deg,#deefff 0,#e7f2ff 100%);color:#5183cf;opacity:1;filter:alpha(opacity=100)}
.product-container .product-item.more .product-more-btn:after{background-color:#4c8cff;background:linear-gradient(90deg,#1d63ff 0,#4c8cff 100%);color:#fff}
.product-container .product-item.more .product-more-btn:hover::before{opacity:0;filter:alpha(opacity=0)}
.product-container .product-item.more .product-more-btn:hover::after{opacity:1;filter:alpha(opacity=100)}
.service-container{height:360px;background:url(../images/saas/bg4.png) center no-repeat;background-size:cover;}
.service-container .con-title{color:#fff;height:200px;line-height:120px;}
.service-container .service-list{margin-top:18px}
.service-container .service-item{width:200px;height:252px;line-height:90px;background:#fff;box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);border-radius:4px;text-align:center;font-size:18px;transition:box-shadow .3s ease,transform .3s ease}
.service-container .service-item:hover{box-shadow:0 2px 14px 2px rgba(68,93,127,0.2);transform:translateY(-5px)}
.service-container .service-item+.service-item{margin-left:50px}.service-container .service-item:before{content:"";margin:50px auto 0;display:block;width:100px;height:100px;background:url(../images/saas/icon-bg2.png) 0 0 no-repeat}
.service-container .service-item:nth-child(1):before{background-position:0px 0px;}
.service-container .service-item:nth-child(2):before{background-position:-160px 0px}
.service-container .service-item:nth-child(3):before{background-position:-320px 0px}
.service-container .service-item:nth-child(4):before{background-position:-480px 0px}
.service-container .service-item:nth-child(5):before{background-position:-640px 0px}