/* CSS Document */


/*Reset*/
body{font:"microsoft yahei",Arial, Helvetica, sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{font-family:"microsoft yahei",Arial, Helvetica, sans-serif;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
a{text-decoration:none;cursor:pointer;}
a:link,a:visited{text-decoration:none;}
a:active,a:hover{text-decoration:none;cursor:pointer; transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-in-out 0s; /* Firefox 4 */
-webkit-transition:all 0.3s ease-in-out 0s; /* Safari and Chrome */
-o-transition:all 0.3s ease-in-out 0s; /* Opera */
-ms-transition: all 0.3s ease-in-out 0s; /*IE */
}

/*panel-3*/

.panel-3_main{border-top: solid 1px #e1e1e1;text-align: center;}
.panel-3_nav{height:42px;background: #fff;display: inline-block;*display:inline;*zoom:1;position: relative;top: 20px; width:1050px;}
.panel-3_nav a{display: inline-block;*display:inline;*zoom:1;height:40px;line-height:40px;color: #8e8e8e;margin-right:-1px;padding:0 34px;font-size: 16px; margin:0 4pt;font-weight:bold;}
.panel-3_nav a.active{background: #0067ae;color: #fff;border:solid 1px #0067ae;}
.panel-3_box{margin-top:30px;overflow: hidden;margin:auto; padding-right:30pt; text-align:center;}

.panel-3_box ul img{ width:240px; height:auto;}
.panel-3_box ul{ margin-top:50px;}
.panel-3_box ul li{width: 260px;overflow: hidden;float:left;}
.panel-3_box ul li:nth-of-type(4){margin-right:0px;}
.panel-3_listbox{display: block;overflow: hidden;}
.panel-3_pic{width: 240px; height:220px; margin:0px 15px;overflow: hidden;text-align: center; border:#CCC 1px solid;vertical-align: middle;position: relative;}
.panel-3_cover{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/project_cover.png) no-repeat center;opacity: 0;filter: alpha(opacity=0);}
.panel-3_h{height: 20px;border-bottom: solid 4px #cecece;line-height: 20px;color: #565656;padding:10px 0; margin-left:15px; width:240px;font-size: 14px;text-align: center;}
.panel-3_h span{color: #8e8e8e;font-size: 10px;}
.panel-3_listbox:hover .panel-3_cover{display: block;opacity: 1;filter: alpha(opacity=70);}
.panel-3_listbox:hover .panel-3_h{border-bottom: solid 4px #0067ae;}
.panel-3 .bx-pager{display: none;}

.panel-3 .bx-controls-direction{position: relative;width: 100%;height: 33px;}
.panel-3 .bx-controls-direction a{display: inline-block;position: absolute;*display:inline;*zoom:1;width: 49%;height: 33px;text-indent: -9999px;}
.panel-3 .bx-prev{background: #0067ae url(../images/panel3_prev.png) no-repeat;background-position: 95% center;left:0;}
.panel-3 .bx-next{background: #0067ae url(../images/panel3_next.png) no-repeat;background-position: 5% center;right:0;}
.panel-3 .bx-controls-direction a:hover{background-color: #ce2228;}
/*panel-3 End*/