/* banner */
#banner{width:100%;height:450px;overflow:hidden;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:450px;background-position:center;background-size:cover;display:none;}
#banner_img li a{ width:100%; height:450px; overflow:hidden; display:block; margin:0 auto;}

#banner_ctr{position:absolute;height:18px;left:49%;bottom:100px;z-index:1;}
#banner_ctr ul{height:18px; position:relative;}
#banner_ctr li{width:18px; height:18px; overflow:hidden; background:url(../images/NumBtn.png) left bottom no-repeat; cursor:pointer; float:left; margin-right:5px;} 
#banner_ctr li a{width:18px; height:18px; overflow:hidden; display:block;}
#banner_ctr li a:hover{ width:18px; height:18px; overflow:hidden; display:block; background:url(../images/NumBtn.png) left top no-repeat;}
#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#0084cf;}
#drag_arrow{position:absolute;top:-14px;left:20px;width:115px;height:156px;background:url(../images/drag_banner_arrow.gif) center 14px no-repeat;}

/*涓讳綋*/
.pm1{ position:relative; left:0px; top:-95px; background:url(../images/index_bg1.png) no-repeat center top; z-index:1px;}
.pm2{ width:1000px; height:auto; margin:0px auto;}

/*娴佺▼*/
.liuc{ width:1000px; height:auto; overflow:hidden; padding-top:40px;}
.liuc dd{ width:990px; height:auto; overflow:hidden; padding-left:10px;}
.liuc dd a{ width:220px; height:150px; overflow:hidden; float:left; margin-left:14px; display:inline; display:block; border:3px solid #fff; color:#fff; background-color:#4B5456;font-weight:normal;}
.liuc dd a:hover{ width:220px; height:150px; overflow:hidden; float:left; margin-left:14px; display:inline; display:block; border:3px solid #877573; color:#F76456; background-color:#fff; font-weight:bold;}
.liuc dd a img{ width:220px; height:120px; overflow:hidden;}
.liuc dd a p{ width:100%; height:30px; overflow:hidden; text-align:center; line-height:30px; font-size:16px;}
.liuc dd a h3{ width:220px; height:30px; overflow:hidden; background:url(../images/donghua.gif) no-repeat;}



/*璧勮娲诲姩*/
.hd_new{ width:1000px; height:auto; overflow:hidden; margin-top:10px; position:relative;}
.hd_new dd{ width:100%; height:80px; overflow:hidden; padding-top:15px; background: url("../images/border_bg.jpg") no-repeat;}
.hd_new dd h3{ width:100%; height:auto; font-size:32px; font-weight:400; text-align:center;color:#666;}
.hd_new dd p{ width:100%; height:auto; font-size:16px; text-align:center; margin-top:2px;color:#666}
.hd_new dd a{ color:#666;}
.hd_new dd a:hover{ color:#F00;}


/*鐭ヨ搐浠嬬粛*/
.zxjs{ width:970px; height:auto; overflow:hidden; margin-top:30px; padding-left:30px;}
.zxjs dd{ width:220px; height:300px; overflow:hidden; float:left; margin-right:20px;}
.zxjs dd img{ width:220px; height:300px; overflow:hidden; }


/*骞垮憡閫氭爮*/
.tonglan{ width:1000px; height:180px; overflow:hidden;margin-top:30px;}
.tonglan img{ width:1000px; height:180px; overflow:hidden;}



.box{width:220px; height:300px; overflow:hidden;float:left; margin-right:20px;}
.box img{width:220px; height:300px; overflow:hidden;}

.he-wrap{position:relative;zoom:1;display:inline-block;*display:inline;position:relative;}
.he-view{position:absolute;top:0;left:0;right:0;bottom:0; overflow:hidden; visibility:hidden; *display:none;}

.a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-ms-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s}
.a1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}
.a2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.a3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}
.a4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.a5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.a6{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.a7{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}


.tpl4 .bg,.tpl4 .con
{
	position:absolute;
	width:100%;
	height:100%;
}
.tpl4 .bg div
{
	width:20%;float:left;
	height:100%;
    display: inline-block;
	*zoom:1;
	*display:inline;
	background-color:#aaa;
	background-color:rgba(135,117,115,0.4);
}
.tpl4 .con .info-title
{
	color:#fff;
	font-size:18px;
	margin:0;
	padding:10px;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
	background-color:#999;
	background-color:rgba(0,0,0,.3);
}
.tpl4 .con .detail
{
	padding: 30px 10px;
	font-size:14px;
	line-height:22px;
	text-indent:2em;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
}
.tpl4 .con .more
{
	text-decoration: none;
	position:absolute;
	bottom:0;
	right:0;
	font-size:13px;
	padding:5px 8px;
	color:#fff;
	background-color:#FFF;
	background:rgba(0,0,0,.5);
	border-radius:5px 0 0 0;
}


.he-view-show{visibility:visible;*display:block;}


/* fadeInDown */
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0%)}
}
@-moz-keyframes fadeInDown{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0%)}
}
@-o-keyframes fadeInDown{
	0%{opacity:0;-o-transform:translateY(-100%)}
	100%{opacity:1;-o-transform:translateY(0%)}
}
@keyframes fadeInDown{
	0%{opacity:0;transform:translateY(-100%)}
	100%{opacity:1;transform:translateY(0%)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}


/* fadeInUp */
@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(100%)}
	100%{opacity:1;-webkit-transform:translateY(0%)}
}
@-moz-keyframes fadeInUp{
	0%{opacity:0;-moz-transform:translateY(100%)}
	100%{opacity:1;-moz-transform:translateY(0%)}
}
@-o-keyframes fadeInUp{
	0%{opacity:0;-o-transform:translateY(100%)}
	100%{opacity:1;-o-transform:translateY(0%)}
}
@keyframes fadeInUp{
	0%{opacity:0;transform:translateY(100%)}
	100%{opacity:1;transform:translateY(0%)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}


/* rotateInLeft */
@-webkit-keyframes rotateInLeft{
	0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}
	100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes rotateInLeft{
	0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}
	100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}
}
@-o-keyframes rotateInLeft{
	0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}
	100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}
}
@keyframes rotateInLeft{
	0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}
	100%{opacity:1;transform:translateX(0px) rotate(0deg)}
}
.rotateInLeft{-webkit-animation-name:rotateInLeft;-moz-animation-name:rotateInLeft;-o-animation-name:rotateInLeft;animation-name:rotateInLeft}




/* fadeIn */
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-o-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}




/* fadeInRight */
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translateX(100%)}
	100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;-moz-transform:translateX(100%)}
	100%{opacity:1;-moz-transform:translateX(0%)}
}
@-o-keyframes fadeInRight{
	0%{opacity:0;-o-transform:translateX(100%)}
	100%{opacity:1;-o-transform:translateX(0%)}
}
@keyframes fadeInRight{
	0%{opacity:0;transform:translateX(100%)}
	100%{opacity:1;transform:translateX(0%)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}


/* fadeInLeft */
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;-webkit-transform:translateX(-100%)}
	100%{opacity:1;-webkit-transform:translateX(0%)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;-moz-transform:translateX(-100%)}
	100%{opacity:1;-moz-transform:translateX(0%)}
}
@-o-keyframes fadeInLeft{
	0%{opacity:0;-o-transform:translateX(-100%)}
	100%{opacity:1;-o-transform:translateX(0%)}
}
@keyframes fadeInLeft{
	0%{opacity:0;transform:translateX(-100%)}
	100%{opacity:1;transform:translateX(0%)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}


/*涓€閿鍙�*/
.sidenav{ width:83px; height:83px; position:absolute; left:35px; top:210px;}
.sidenav a{ width:83px; height:83px; overflow:hidden; display:block; background:url(../images/yijian.gif) no-repeat; position:relative;z-index:9999;}
.sidenav div{display:none;position:absolute;top:2px;left:0;width:210px; background:url(../images/yijian_bg.png) no-repeat right top; padding-top:165px; padding-bottom:50px; line-height:40px; padding-left:26px;z-index:9999;}
.input1{ width:118px; height:20px; overflow:hidden; border:1px solid #ccc; line-height:20px; padding-left:2px;}
.input2{ width:130px; height:41px; overflow:hidden; border:none; background:url(../images/yjlq_an.jpg) no-repeat; margin-top:15px; margin-left:27px; cursor:pointer;}





.formbox{width:650px;margin:0 auto;}
.formbox li{height:40px;}
.formbox li label{line-height:32px;width:80px;float:left;text-align:right;}
.formbox li input.text{float:left;height:16px;font-size:12px;padding:2px;margin:3px 0 0 0;width:200px;}
.formbox li .btnimg{height:24px;background:#ff6600;border:0;width:80px;cursor:pointer;font-size:12px;font-weight:800;color:#fff;}
/*蹇呰鍏冪礌*/
.wrong{width:200px;height:20px;line-height:20px;padding-left:30px;background:url(../images/error_20100904.gif) no-repeat;position:absolute;font-size:12px;}
.right{width:100px;height:20px;position:absolute;background:url(../images/ok_20100904.gif) no-repeat;}


.new{ width:218px; height:298px; overflow:hidden; border:1px solid #999;}
.new h3{ font-size:14px; letter-spacing:0.1em; padding-left:5px; margin-top:3px;}
.zzdt{ width:210px; height:130px; overflow:hidden; padding:4px; color:#333; margin-top:5px;}
.zzdt li{ width:100%; height:42px; overflow:hidden; border-bottom:1px dashed #999; line-height:18px; letter-spacing:0.1em; margin-top:5px; font-size:12px;}
.zzdt li{ color:#333;}


