@CHARSET "UTF-8";
.carousel{margin:0px auto;position:relative;height:300px;width:600px;overflow:hidden;}

.carousel h2 a{color:#fff;}

.carousel .backgrounds{height:300px;}

.carousel .backgrounds .item{width:300px;height:300px;float:left;position:relative;z-index:1;}

.carousel .backgrounds .item img{display:block;width:300px;height:300px;position:relative;z-index:1;}

.carousel .backgrounds .item_1{background:url(/images/carousel_bg_arrow.jpg) no-repeat 0 0;}

.carousel .backgrounds .item_2{background:url(/images/carousel_bg_arrow.jpg) no-repeat 0 0;}

.carousel .backgrounds .item_3{background:url(/images/carousel_bg_1.jpg) no-repeat 0 0;}

.carousel .panel{background:#f0f0f0;color:#fff;position:absolute;top:0;height:300px;width:300px;z-index:10;
/* filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; */
}

.carousel .panel.ab_r{right: 0px;}
.carousel .panel.ab_l{left: 0px;}
.carousel .backgrounds .item img.f_r{
	float: right;
}
.carousel .backgrounds .item img.f_l{
	float: left;
}

.carousel .panel .paging{position:absolute;bottom:20px;left:25px;width:225px;text-align:center;}

.carousel .panel .paging a{color:#4c4c4c;font-size:1.1em;}

.carousel .panel .pause{position:absolute;right:20px;top:25px;display:block;width:18px;height:18px;background:url(/images/carousel_pause_bg.gif) no-repeat 0 0;text-indent:-6000px;}

.carousel .panel .play{position:absolute;right:20px;top:25px;display:block;width:18px;height:18px;background:url(/images/carousel_play_bg.gif) no-repeat 0 0;text-indent:-6000px;}

.carousel .panel .paging .next{position:absolute;right:0;bottom:0;display:block;width:18px;height:18px;background:url(/images/carousel_next_bg.gif) no-repeat 0 0;text-indent:-6000px;}

.carousel .panel .paging .previous{position:absolute;left:0;bottom:0;display:block;width:18px;height:18px;background:url(/images/carousel_previous_bg.gif) no-repeat 0 0;text-indent:-6000px;}

.carousel .panel .paging #numbers a{
    width: 24px;
    height: 2px;
    float: left;
    margin-right: 3px;
    background: #c3c3c3;
    display: block;
    cursor: pointer;
	color: #F3F3F3;
}

.carousel .panel .paging #numbers a.selected{
    background-color: #f08619;
}

.carousel .panel .details_wrapper{position:absolute;top:20px;left:25px;width:225px;overflow:hidden;/* height:200px; */}

.carousel .panel .details_wrapper .details{/* height:200px; */}

.carousel .panel .details_wrapper .details .detail{width:225px;/* height:200px; */float:left;}

.carousel .panel .details_wrapper .details h2{font-size:1.9em;line-height:1.2em;margin:0 0 5px 0;}

.carousel .panel .details_wrapper .details a.more{color:#fff;font-size:1.1em;}


.no1_left{ /* padding:30px 28px; */ width:217px;}
.no1_left .f1{ color:#f08619; font-size:16px; font-weight:bold; padding-bottom:15px;}
.no1_left .f2{ color:#0c0c0c; font-size:14px; border-bottom:#818181 solid 1px; padding-bottom:10px; }
.no1_left .f2:after{ width:53px; height:3px; background-color:#f08619; display:block;content:''; position:relative; top:11px;}
.no1_left .f3{ color:#626262; line-height:19px; font-size:14px; padding-top:10px;}
.no1_left .more{ width:110px; height:35px; text-align:center; line-height:35px; font-size:14px; display:block; background-color:#f08619; color:#fff; margin-top:10px;}
.spWarp{ position:relative; top:15px;}
.sp{width:24px; height:2px; float:left; margin-right:3px; background:#c3c3c3; display:block; cursor:pointer;}
.sp.on{ background-color:#f08619}



@media only screen and (max-width: 479px) {
.carousel{height: 180px;width: 360px;}
.carousel .panel{width:180px;height:180px;}
.carousel .backgrounds{width:180px;height:180px;}
.carousel .backgrounds .item{width:360px;height:180px;}	
.carousel .backgrounds .item img{width:180px;height:180px;}
.no1_left .f1{font-size: 13px;}
.no1_left .f2{font-size: 12px;width:140px;}
}
@media only screen and (max-width: 320px) {
.carousel{height: 150px;width: 300px;}
.carousel .panel{width:150px;height:150px;}
.carousel .backgrounds{width:150px;height:150px;}
.carousel .backgrounds .item{width:300px;height:150px;}	
.carousel .backgrounds .item img{width:150px;height:150px;}
.no1_left .f1{font-size: 13px;width: 50%;}
.no1_left .f2{    display: none;}
}

/* 幻灯片 */
.scrollimg {
	position: relative;
	overflow: hidden;
	margin: 0px auto; /* 设置焦点图最大宽度 */
}

.scrollimg .hd {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
}

.scrollimg .hd li {
	display: inline-block;
	width: .4em;
	height: .4em;
	margin: 0 .4em;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	-ms-border-radius: .8em;
	-o-border-radius: .8em;
	border-radius: .8em;
	background: #FFF;
	filter: alpha(Opacity = 60);
	opacity: .6;
	box-shadow: 0 0 1px #ccc;
	text-indent: -100px;
	overflow: hidden;
}

.scrollimg .hd li.on {
	filter: alpha(Opacity = 90);
	opacity: .9;
	background: #17A91A;
	box-shadow: 0 0 2px #ccc;
}

.scrollimg .bd {
	position: relative;
	z-index: 0;
}

.scrollimg .bd li {
	position: relative;
	text-align: center;
}

.scrollimg .bd li img {
	background: url(../images/loading.gif) center center no-repeat;
	vertical-align: top;
	width: 100%; /* 图片宽度100%，达到自适应效果 */
}

.scrollimg .bd li a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} /* 去掉链接触摸高亮 */
.scrollimg .bd li .tit {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	text-indent: 10px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-align: left;
}