.hwslider{width: 100%; min-width:1300px;min-height: 160px;margin:0px auto; position:relative; overflow: hidden;height:689px; }
.hwslider ul{ width: 100%; height:100%; position: absolute; z-index: 1; margin:0px; padding:0px; }
.hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;}
.hwslider ul li.active{display: block;}
.hwslider ul li img{display: block; width:100%; }

.arrowL{ position:absolute; width:46px; height:93px; left:20px; top:48%; z-index:100;
	background:url(banner_arrs.png) 0px -95px no-repeat;}
.arrowL:hover{ background:url(banner_arrs.png) 0px 2px no-repeat; }
.arrowR{ position:absolute; width:48px; height:93px; right:20px; top:48%; z-index:100;
	background:url(banner_arrs.png) -48px -95px no-repeat;}
.arrowR:hover{ background:url(banner_arrs.png) -48px 0px no-repeat; }


.hwslider .dots{ position:absolute;	left:50%; margin-left:-166px; bottom:40px; z-index:3;}
.hwslider .dots span{ width:98px; height:5px; background:#cfd1d0; border-radius:3px;	float:left;	margin:0 0 0 10px;}
.hwslider .dots span.active{ background:#c0070d; }

.hwslider .arr{display:none;position: absolute; top: 55%; z-index: 2;width: 40px; height: 40px;
line-height: 38px; text-align: center;; font-size: 36px;  color: #fff; text-decoration: none}
.arr:hover{ text-decoration: none;}

.hwslider .intro{ width:1300px; font-size:68px; line-height:75px; color:#fff; position:absolute; left:50%; top:45%; z-index:2; 
	font-family:'Helvetica Neue','Helvetica' ,Arial,'PingFang SC','Microsoft Yahei', 'WenQuanYi Micro Hei', 'Lucida Grande', 'Hiragino Sans GB',  STHeiti, SimSun,sans-serif; margin-left:-650px; font-weight:bold; font-style:italic;}


@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
	animation-duration: 1s;
	animation-fill-mode: both;
 	animation-name: fadeInDown;
}

/* 鍥剧墖鏀惧ぇ鍔ㄧ敾*/
@keyframes img_biger{
	from {transform: scale(1.0);}
	to {transform: scale(1.1);}
}
.img_fangda{
	transition-duration:6s;
	animation-duration:6s;
	animation-name:img_biger;
	animation-fill-mode:forwards;
}

.hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
.hwslider:hover .arr.prev{left: 20px}
.hwslider:hover .arr.next{right: 20px}