dl,dd{margin:0;} 
ul li{ list-style:none;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
/* fix */
.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; opacity:0; }
.tranShow{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms; }
.dly_2{ transition-delay:200ms; -webkit-transition-delay:200ms; }
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms; }
.dly_4{ transition-delay:400ms; -webkit-transition-delay:400ms; }
.dly_5{ transition-delay:500ms; -webkit-transition-delay:500ms; }
.dly_6{ transition-delay:600ms; -webkit-transition-delay:600ms; }
.dly_7{ transition-delay:700ms; -webkit-transition-delay:700ms; }

.ixwk-prev,.ixwk-next{ cursor:pointer; width:40px; height:40px; top:40%;  position:absolute; background-repeat:no-repeat; background-image:url(../images/wk-arrow.png); z-index:200; transition:300ms; -webkit-transition:300ms; }
.works{ position:relative;width:900px; float: right; margin-top:0px;}
.ixwk-prev{ left:25px; }
.ixwk-next{ right:25px; background-position:right bottom; }
.ixwk-next:hover{  background-position:left bottom; }
.ixwk-prev:hover{  background-position:right top; }


.i3{
	padding-top:40px; padding-bottom:20px;
	}
.works a{
	display:block;
	color:#969696;
	float:left;
	width:31%;
	padding:0 6px;
	}
.works .pic{
	width:100%;
	overflow:hidden;
	position:relative;
	}
.works .pic img{
	width:100%;
	transition:600ms;
	-webkit-transition:600ms; height:210px;
	}
.works .bodr{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:1px solid #DFDFDF;
	transition:300ms;
	-webkit-transition:300ms;
	opacity:0;
	display:none\9;
	}
.works .title{
	padding:13px 0;
	padding-left:0px;
	position:relative;
	transition:background 300ms;
	-webkit-transition:background 300ms;    background-color: #FFF;
	}
.works .title .ch {
	font-size:15px;
	font-family:"微软雅黑";
	white-space:nowrap;
	overflow:hidden; text-align:center; color:#222;
	}
.works .title .en{
	color:#e6e6e6;
	}
.works .title .line{
	display:block;
	background:#fff;
	position:absolute;
	transition:300ms;
	-webkit-transition:300ms;
	}
.works .title .line_1{
	width:24px;
	height:1px;
	top:50%;
	right:30px;
	margin-top:-1px;
	transform:translateX(30px);
	-webkit-transform:translateX(30px);
	}
.works .title .line_2{
	width:1px;
	height:24px;
	top:50%;
	margin-top:-12px;
	right:42px;
	transform:translateY(30px);
	-webkit-transform:translateY(30px);
	}
.works a:hover .bodr{
	opacity:1;
	display:block\9;
	}
.works a:hover .pic img{
	transform:scale(1.09);
	-webkit-transform:scale(1.09);
	}
.works a:hover .title{
	background:#0553B5;
	}
.works a:hover .title .ch{
	color:#fff;
	}
.works a:hover .title .en{
	color:#fff;
	}
.works a:hover .title .line{
	transform:translate(0);
	-webkit-transform:translate(0);
	}


.F_V .prolt{ overflow:hidden; float:left; width:278px; padding:8px 6px; background-color:#0553B5;}
.F_V .prolt h2{ text-align:center; font-size:20px; color:#fff; margin:20px 0;}
.F_V .prolt h2 a{ color:#fff;font-size: 22px;}
.F_V .prolt h2 p{ display:block; margin-top:2px; text-transform:uppercase; font-family:Arial; color:#8998d7;  font-size:12px;}
.F_V .proltBox{ background:#fff; padding:1px 10px 0px; overflow:hidden}
.F_V .proDl dt{ background:url(Img/Index/pro-dtBg.png) no-repeat center; width:262px; height:41px; margin-top:13px;}
.F_V .proDl dt a{ display:block; padding:0 12px; line-height:41px; font-size:16px; font-weight:bold; color:#0067ac;}
.F_V .proDl dd a{ display:block; padding:0 12px; height:42px; line-height:42px;  font-size:16px; color:#222; border-bottom:1px dotted #a3a3a3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;background: url(../images/proH3.png) no-repeat 6px center; padding-left:20px;}
.F_V .proDl dd a:hover{ color:#0553B5; margin-left:6px; }
.F_V .proRt{ float:right; width:692px}
.F_V .proTit{ overflow:hidden; width:100%; height:47px; line-height:47px; border-bottom:1px solid #d8d8d8;}
.F_V .proTit h3{ float:left; height:47px; line-height:47px; font-size:16px;}
.F_V .proTit h3 a{ display:block; width:92px; float:left; text-align:center; color:#333; text-decoration:none;}
.F_V .proTit h3 a:hover,.F_V .proTit h3 a.cur{ color:#fff; background-color:#0553B5;}
.F_V .proTit a.more{ display:block; background:url(Img/Index/proMore.png) no-repeat center; width:44px; height:17px;  float:right; margin-top:15px;}
.F_V .proCon{ overflow:hidden; width:100%; height:590px; position:relative; margin-top:18px;}
.F_V .list{position:absolute; top:0; left:0; display:none}
.F_V .list li{ width:216px; float:left; margin-right:22px; margin-bottom:10px;} 
.F_V .list li img{ display:block; width:214px; height:159px; border:1px  solid #d8d8d8}
.F_V .list li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.F_V .list li a{ text-decoration:none;}
.F_V .list li.last{ margin-right:0}
.F_V .list li:hover img{ opacity:.85; border:1px solid #0067ac}