@charset "UTF-8";

.clear { clear: both; }

.clearfix:after { clear: both; display: block; content: '' }
.clearfix { zoom: 1 }

.pro_left{width: 332px;float:left;overflow:hidden;}
/*????????*/
.jqzoom{box-sizing: border-box;float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 330px;border:1px solid #e5e5e5;height: 330px;overflow:hidden;}
.jqzoom img{width: 330px;height: 330px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:330px;height:280px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*??§³?????§Ò?*/
.spec-preview{width: 290px;height: 290px;}
.spec-scroll{clear:both;padding-top:15px;width:330px;}
.spec-scroll .prev{margin-right:13px;float:left;background:url(../images/recuitl.png) no-repeat center;}
.spec-scroll .prev:hover{background:url(../images/recuitl2.png) no-repeat center;}
.spec-scroll .next{float:right;background:url(../images/recuitr.png) no-repeat center;}
.spec-scroll .next:hover{background:url(../images/recuitr2.png) no-repeat center;}
.spec-scroll .prev,.spec-scroll .next{text-align:center;width:15px;height: 64px;line-height:54px;cursor:pointer;}

/*bottom: 60px*/
.spec-scroll .items{position:relative;width: 276px;height:70px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width: 70px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #ccc;width:62px;height: 62px;}
.spec-scroll .items ul li.hover img { border:1px solid #0072b7;}


.honor-box a{overflow:hidden;position:relative;margin:0 25px 40px 0;background:url("../images/adv_06.png") no-repeat bottom center;float: left;width: 260px;height:260px;}
.honor-box a img{margin:0 auto;display: block;width: 148px;height:210px;}
.honor-box a span{color:#000;margin-top:5px;display: block;text-align: center;height:35px;line-height: 35px;}
.honor-box a.r{margin-right:0;}
.honor-box+.page{margin:55px  auto;}
.honor-box a b{transition:.5s;-webkit-transition:.5s;left:56px;top:0;background-color:#1076d6;opacity:0;filter:alpha(opacity=0);position: absolute;display: block;width: 148px;height:210px;}
.honor-box a i{transition:.5s;-webkit-transition:.5s;background:url("../images/adv_11.png") no-repeat center;position: absolute;left:50%;top:-80px;margin-left:-25px;display: block;width: 50px;height:50px;}
.honor-box a:hover i{top:80px;}
.honor-box a:hover b{opacity:.9;filter:alpha(opacity=90);}