@charset "gb2312";
.banbg{background:url(/images/v2/spe_pro_bg.jpg) no-repeat top center;overflow:hidden;}
.z_nav{background:none;color:#fff;}
.z_nav a{color:#fff;}

.pro-banner{padding-bottom:2rem;display:block;overflow:hidden;}
.pro-banner .fr{width:50%;position:relative;}
.pro-banner .fr:after{position:absolute;width:100%;height:100%;background:#31405a;left:-10px;top:10px;content:""; z-index:1;}
.pro-banner .fr img{width:100%;position:relative;z-index:2;}
.pro-banner .fl{width:48%;}
.pro-banner .fl h1{font-size:2rem;color:#cadbed;display:inline-block;line-height:1.4;background:-webkit-linear-gradient(left, #cadbed, #fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 2s ease;}
.pro-banner .fl p{color:#95b0cc;line-height:28px;margin-top:16px;}

.pronav{clear:both;display:block;border-top:1px solid #a3bad4;border-top:1px solid rgba(163,186,212,0.6)}
.pronav li{float:left;width:20%;border-left:1px solid #465262;border-right:1px solid #404d5c;transition:all linear 0.3s}
.pronav li a{clear:both;display:block;text-align:center;padding-top:20px;padding-bottom:20px}
.pronav li a strong{clear:both;display:inline-block;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;font-size:20px;line-height:1;padding-bottom:13px;text-align:center;transition:all linear 0.3s;color:#ecf5ff;font-weight:bold;background:-webkit-linear-gradient(left, #a3bcd8, #ecf5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.pronav li a span{clear:both;display:block;font-size:16px;line-height:24px;color:#9ba2ab;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;transition:all linear 0.3s}
.pronav li.active,.pronav li:hover{background:#354663}
.pronav li.active a strong,.pronav li:hover a strong{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.pronav li.active a span,.pronav li:hover a span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

/*产品列表*/
.pro-list{overflow:hidden;padding:2rem 0 3rem;}
.pro-list ul li{width:24%;border-top:2px solid #fff;margin:1rem 0.5% 0;background:#fff;float:left;}
.pro-list ul li:hover{border-top:2px solid #3557aa;box-shadow:0px 5px 16px #aeaeae;}
.pro-list ul li:hover .pro-listimg p{color:#3557aa;}
.pro-listimg{position:relative;overflow:hidden;padding:0 2px 2px;}
.pro-listimg:hover img{transition:all .5s;transform:scale(1.1);}
.pro-listimg p{font-size:0.875rem;position:absolute;left:10px;top:10px;color:#999;}
.pro-listtit{border-top:1px solid #e6e6e6;padding:0 20px 20px;overflow:hidden;}
.pro-listtit h3{font-size:1.2rem;font-weight:normal;margin:10px 5px;line-height:1.5rem;}
.pro-listtit h3 a{line-height:18px;transition:all .2s;}
.pro-listtit h3 a:hover{color:#3557aa;}
.pro-listtit p{color:#888;font-size:0.875rem;line-height:20px;margin:0 5px;}
.pro-listlink{margin-top:8px;}
.pro-listlink a{display:inline-block;width:45%;height:24px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0.875rem;color:#fff;text-align:center;line-height:24px;float:left;background:#3557aa;color:#fff;}
.pro-listlink a:nth-child(2){float:right;background:#fff;border:1px solid #aeaeae;color:#aeaeae;transition:all .2s;}
.pro-listlink a:nth-child(2):hover{border:1px solid #3557aa;color:#fff;background:#3557aa;}
/*案例*/
.pro-case{padding:3rem 0;background:#fff;}
.pro-case h3{padding:10px 0;border-bottom:1px solid #eee;font-size:1.5rem;font-weight:normal;position:relative;z-index:5;}
.pro-case h3:after{content:"";width:6rem;height:2px;background:#3557aa;display:block;position:absolute;bottom:-1px;}
.pro-case h3 a{float:right;font-size:0.875rem;color:#545454;padding:10px 25px;background:url(/images/v2/spe_pro_more.png) no-repeat right center;}
.pro-case h3 a:hover{color:#3557aa;}
.pro-case ul{overflow:hidden;}
.pro-case ul li{width:48%;float:left;margin:4% 4% 0 0;}
.pro-case ul li:nth-child(even){margin-right:0;}
.pro-caseimg{width:40%;overflow:hidden;float:left;}
.pro-caseimg img:hover{transform:scale(1.1);transition:all .5s;}
.pro-caseinfo{width:60%;padding:15px 0 15px 14px;float:left;background:#f5f7f9;}
.pro-caseinfo h4{font-size:1.125rem;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-caseinfo p{float:left;font-size:0.75rem;color:#999;line-height:24px;margin-top:5px;width:48%;margin-right:2%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-caseinfo p:nth-child(even){margin-right:0;}
.pro-caseinfo p span{padding-left:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:75px;line-height:13px;color:#555;}
.pro-caseline{height:1px;background:#ddd;margin-top:10px;}
/*服务*/
.pro-fuwu{padding:3rem 0;overflow:hidden;background:url(/images/v2/spe_pro_fuwubg.jpg) no-repeat center center;background-size:cover;}
.pro-fuwu h3{text-align:center;font-size:1.5rem;color:#fff;position:relative;z-index:999;}
.pro-fuwu h3:after{position:absolute;top:15px;left:0;right:0;margin:0 auto;text-align:center;font-size:2rem;color:#414b61;content:"Service advantage";z-index:-1;}
.pro-fuwu ul{margin-top:50px;}
.pro-fuwu ul li{float:left;width:20%;text-align:center; }
.pro-fuwu ul li img{width:40%;display:inline;}
.pro-fuwu ul li p{color:#fff;line-height:1.5;margin-top:10px;}

.botsms{margin:3rem 0;}