.hm-banner-sec { width:1200px; height:384px; clear:left; float:left;  background: #000000; 
overflow:hidden;}

.inner-banner-sec { width:1200px; height:245px; border-top:1px #ff9933 solid;}


.banner {
	position: relative;
	width: 100%;
	

}
	.banner ul {
		list-style: none;
		width:1200px;
	}
	.banner ul li {
		display: block;
		float: left;
		width:1200px;
		min-height: 416px;
		

		
	}
	
	
		.banner ul li .img-area { width:1200px; height:383px; float:left; margin:0px; padding:0px; border-bottom:1px #ff9933 solid;}
		.banner ul li .img-area img { width:100%; height:100%;}
		
		.banner ul li .sldecontent { width:256px; height:343px; background:#333333; border-bottom:1px #ff9933 solid; float:left; padding-left:10px; padding-right:20px; padding-top:30px; padding-bottom:10px; font-family: 'candararegular';}
		
.banner ul li .sldecontent h1 { font-size:25px; font-weight:normal; color:#f47920;  margin-bottom:12px;}
.banner ul li .sldecontent h2 { font-size:18px; font-weight:normal; color:#fff; margin-bottom:18px; line-height:24px; }	
.banner ul li .sldecontent p {  font-size:14px; font-weight:normal; color:#fff; line-height:18px;}
.banner ul li .sldecontent .more a { display:block; font-size:14px; font-weight:normal; color:#f4751b; margin-top:16px;}
	

	
	
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		z-index:1000;
		right: 0;
		bottom:5px;
		
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 1px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			background:#8c8c8c;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #ff6f07;
				opacity: 1;
			}
			
@media only screen and (min-width: 800px) and (max-width: 1199px) {
.hm-banner-sec  { width:800px; height:277px;}
.banner ul { width:800px;}	
.banner ul li {
		width:800px;
		min-height: 277px;
}
.banner ul li .img-area { width:800px; height:255px;}

.banner ul li .sldecontent { width:171px; height:235px; padding-right:10px; padding-top:10px; padding-bottom:10px;}

.banner ul li .sldecontent p { display:none;}

.banner .dots { bottom:1px;}

.inner-banner-sec { width:800px; height:163px;}
.inner-banner-sec img { width:800px; height:163px;}

}

@media only screen  and (max-width: 799px) {
.hm-banner-sec  { width:460px; height:193px;}	
.banner ul { width:460px;}	
.banner ul li {
		width:460px;
		min-height: 193px;
}
.banner ul li .img-area { width:460px; height:193px;}
.banner ul li .sldecontent { display:none;}
.banner .dots { bottom:10px; right:5px;}	
 
 .inner-banner-sec { width:460px; height:94px;}
.inner-banner-sec img { width:460px; height:94px;}
 
	
}

@media only screen and (max-width:479px) {
.hm-banner-sec  { width:300px; height:126px;}		 
.banner ul { width:300px;}	
.banner ul li {
		width:300px;
		min-height: 126px;
}
.banner ul li .img-area { width:300px; height:126px;}
 .inner-banner-sec { width:300px; height:61px;}
.inner-banner-sec img { width:300px; height:61px;}
}