.nav{float:left;}
.content{margin-left:220px;}
.content .guide{position:relative;}
.content .search{position:absolute;right:0;bottom:5px;}
.content .search input{width:160px;height:14px;padding:7px 10px;border:1px solid #e8e8e8;outline:0;font-size:14px;float:left;color:#555;border-radius:5px 0 0 5px;}
.content .search button{border:0;width:30px;height:30px;line-height:30px;background:#e8e8e8;color:#8587ab;font-size:14px;cursor:pointer;outline:0;float:left;border-radius:0 5px 5px 0;}
.content .search button:hover{background:#ccc;color:#fff}
/*产品列表*/
.pro-list{margin-top:40px;margin-right:-10px;min-height:300px;}
.pro-list li{width:220px;margin-right:20px;margin-bottom:20px;background:#fff;text-align:center;border:5px solid #f6f6f6;float:left;}
.pro-list li:nth-child(4n){margin-right:0;}
.pro-list li:hover{border-color:#e0e0e0;}
.pro-list li .img{margin-bottom:30px;display:block;width:220px;height:220px;line-height:220px;overflow:hidden;}
.pro-list li .img img{max-width:220px;max-height:220px;transition:.8s all}
.pro-list li:hover .img img{transform:scale(1.1)}
.pro-list li .title{font-size:14px;color:#8c8c8c;padding:0 10px 10px 10px;line-height:20px;height:40px;overflow:hidden;}
/*产品详细*/
.pro_info{min-height:500px;margin-top:30px;}
/*案例列表*/
.case-list{margin-top:40px;margin-right:-10px;min-height:300px;}
.case-list li{width:275px;margin-right:20px;margin-bottom:20px;background:#fff;text-align:center;border:5px solid #f6f6f6;float:left;}
.case-list li:nth-child(4n){margin-right:0;}
.case-list li:hover{border-color:#e0e0e0;}
.case-list li .img{margin-bottom:30px;display:block;width:275px;height:275px;line-height:275px;overflow:hidden;}
.case-list li .img img{max-width:275px;max-height:275px;transition:.8s all}
.case-list li:hover .img img{transform:scale(1.1)}
.case-list li .title{font-size:14px;color:#8c8c8c;padding:0 10px 10px 10px;line-height:20px;height:40px;overflow:hidden;}
/*案例详细*/
.case_info{min-height:500px;margin-top:30px;}
/*放大镜样式*/
.MagicZoomPup{z-index:3;visibility:hidden;position:absolute;top:0;left:0;width:50px;height:50px;border:1px solid #aaa;background-image:url(../img/zoom-point.png);opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);cursor:move}
.MagicBoxShadow{border:1px solid #e4e4e4;}
.preview{float:left;width:400px;height:auto;}
.gallery_wrap{width:398px;height:398px;border:1px solid #f6f6f6;text-align:center;line-height:398px;}
.gallery_wrap a{line-height:20px;vertical-align:middle;}
.gallery_wrap a img{max-width:398px;max-height:398px;}
.spec-list{width:398px;height:60px;border:1px solid #f6f6f6;border-top:0;padding:14px 0;}
.spec-list .spec-prev,.spec-list .spec-next{float:left;width:39px;margin:18px 0 0 0;text-align:center;}
.spec-list .spec-items{float:left;width:320px;height:60px;overflow:hidden;}
.spec-list .spec-items ul{width:325px;}
.spec-list .spec-items li{float:left;width:60px;height:60px;margin-right:5px;}
.spec-list .spec-items li a{display:block;border:1px solid #fff;height:58px;width:58px;background-position:center center;background-size:cover;background-repeat:no-repeat;line-height:55px;}
.spec-list .spec-items li a img{display:inline-block;max-width:58px;max-height:58px;}
.spec-list .spec-items li:hover a,.spec-list .spec-items li a.img-hover{border-color:#f42424;}
.short-share{height:20px;margin-top:20px;}
.short-share .bar_code{float:left;}
.short-share .left-btn{margin-left:5px;}
.short-share .left-btn .duibi,.short-share .left-btn .collection,.short-share .left-btn .share{float:left;line-height:20px;margin-left:15px;}
.short-share .left-btn .duibi .ui-label,.short-share .left-btn .collection em{padding-right:15px;border-right:1px solid #d2d2d2;}
.short-share .left-btn .iconfont{vertical-align:middle;margin-top:-1px;display:inline-block;}
.short-share .left-btn .icon-share{font-size:12px;color:#8c8c8c;margin-right:5px;}
.short-share .left-btn .selected{color:#f42424;}
.case_wrap{position:relative;margin-left:450px;height:490px;overflow:hidden;}
.case_wrap .case-star{color:#fff;width:100px;font-size:14px;padding:2px 0 3px 0;background-color:#e32a16;line-height:inherit;text-align:center;position:absolute;top:8px;right:-30px;transform-origin:center;transform:rotate(45deg) scale(.8);opacity:.95;z-index:2}
.case_wrap .name{margin-bottom:30px;font-size:24px;line-height:30px;font-weight:bold;}
.case_wrap .cont{color:#666;}
.case_wrap .cont pre{font:300 15px/25px 'Microsoft YaHei'}
.case_wrap .cont td{line-height:40px;padding-left:10px;}
.case_wrap .cont th{text-align:center;}
.case_tip{overflow:hidden;border-bottom:1px solid #d2d2d2;margin:15px auto;clear:both}
.case_tip h3{font:16px/18px 'Microsoft YaHei';padding-left:8px;border:0;border-left:4px solid #5d5da8;margin-bottom:10px;float:left;}
.case_content{font:14px/28px 'Microsoft YaHei';}