@charset "gb2312";
.banbg{background:url(/images/v2/spe_pro_bg.jpg) no-repeat top center;overflow:hidden;}
.cl_banner{overflow:hidden;width:100%;height:400px;background:url(/images/v2/pgsolution01.jpg) 50% no-repeat;}
.design-head{color:#f5f5f5;max-width:760px;margin-top:4rem;padding:20px;border-radius:10px;background:rgb(76,108,197,0.8);}
.design-head h1{font-size:1.5rem;color:#fff;float:left;border-radius:10px 0 0 10px;border:1px solid #fff;line-height:30px;padding:10px;border-right:0px;background:linear-gradient(to right,#95afe2,#4667aa);}
.design-head a{float:left;color:#fff;font-size:0.875rem;line-height:20px;padding:20px 30px 10px 25px;border-top-right-radius:50px ;border:1px solid #eaeaea;border-left:0px;background:linear-gradient(to right,#4667aa,#95afe2);}
.design-head p{font-size:1rem;margin-top:10px;line-height:2rem;display:inline-block;}
.pronav li{float:left;width:14.2%;transition:all linear 0.3s}
.pronav li a{clear:both;display:block;text-align:center;padding:20px 0;}
.pronav li a strong{text-align:center;color:#ecf5ff;background:-webkit-linear-gradient(left, #a3bcd8, #ecf5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.pronav li:hover{background:#354663}
.pronav li:hover a strong{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
/*产品列表*/
.li_pro{overflow:hidden;padding:4rem 0 0;}
.li_pro ul{overflow:hidden;padding-bottom:4rem;}
.li_pro ul li{width:24%;border-top:2px solid #fff;margin:1rem 0.5% 0;background:#fff;float:left;overflow:hidden;}
.li_pro ul li:hover{border-top:2px solid #3557aa;box-shadow:0px 5px 16px #aeaeae;}
.li_pro ul li img:hover{transition:all .5s;transform:scale(1.1);}
.li_pro_tit{padding:10px 10px 20px;overflow:hidden;}
.li_pro_tit h3{font-weight:normal;margin:10px 5px;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.li_pro_tit h3 a{line-height:18px;transition:all .2s;font-size:1.125rem;}
.li_pro_tit h3 a b{font-weight:normal;}
.li_pro_tit h3 a:hover{color:#3557aa;}
.li_pro_tit p{color:#888;font-size:0.875rem;line-height:20px;margin:0 5px;}
.li_pro_link{margin-top:8px;}
.li_pro_link 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;}
.li_pro_link a:nth-child(2){float:right;background:#fff;border:1px solid #aeaeae;color:#aeaeae;transition:all .2s;}
.li_pro_link a:nth-child(2):hover{border:1px solid #3557aa;color:#fff;background:#3557aa;}
.lipro{padding-top:2rem;}
.lipro ul{padding-bottom:2rem;}
/*产品主页*/
.li_pro .pro_tit{width:100%}
.li_pro .pro_tit h2{float:left;position:relative}
.li_pro .pro_tit h2:before{content:'';display:block;height:72px;width:150px;top:-6px;left:0;background:url(/images/v2/title_bg.png) left center no-repeat;position:absolute}
.li_pro .pro_tit h2 a{display:block;line-height:50px;font-size:1.5rem;padding-left:20px;position:relative;z-index:1;transition:all .5s linear}
.li_pro .pro_tit h2 a:hover{color:#3557aa;padding-left:30px}
.li_pro .pro_tit span a{display:block;border:1px dotted #c6a38d;border-radius:5px;padding:0 15px;float:right;margin:15px 20px 0 0;line-height:28px;position:relative;transition:all .5s linear}
.li_pro .pro_tit span a:after{content:'';display:block;width:28px;height:7px;position:absolute;right:-20px;top:11px;background:url(/images/v2/icon_more.png) right top no-repeat;transition:all .5s linear}
.li_pro .pro_tit span a:hover{color:#3557aa;}
.li_pro .pro_tit span a:hover:after{right:-15px}
.li_pro .pro_tit p{line-height:36px;width:100%;overflow:hidden;padding:0 20px;color:#666}
/*页码*/
#pages {padding-bottom:2rem;display:block;}
#pages li{display:inline;}
#pages a{display:inline-block;height:30px;border:1px solid #e3e3e3;text-align:center;color:#888;padding:5px 13px;margin:0 1px;text-decoration:none;}
#pages td a{padding:1px;}
#pages td b{width:100px;display:block;}
#pages td input{border:#3557aa solid 1px;margin:1px 3px;}
#pages a.a1 {width:56px;padding:0;}
#pages a:hover {border:1px solid #3557aa;background:#3557aa;color:#eee;}
#pages .thisclass{display:inline-block;height:30px;margin:0 1px;background:#3557aa;border:1px solid #3557aa;color:#fff;text-align:center;padding:5px 13px;font-weight:bold;}
#pages .thisclass a{display:inline-block;height:0px;margin:0 3px;background:#3557aa;border:1px solid #3557aa;color:#fff;text-align:center;padding:0 10px;font-weight:bold;}
.page{text-align:center;position:relative;}
.page td a{display:table}
.page .noPage {display:inline-block;width:56px;height:22px;line-height:22px;background:#ddd;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}
.botsms{margin:3rem 0;}