﻿.poster-main{width: 1000px;height: 500px;position: relative;margin: 30px auto;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 1000px;height: 500px;}
.poster-main .poster-list .poster-item{ width: 200px;height: 500px;position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;z-index:10; cursor:pointer;}
.poster-main .poster-prev-btn{left:0; background: url(images_sdleft.png) no-repeat center center;}
.poster-main .poster-next-btn{right:0; background: url(images_sdright.png) no-repeat center center;}


.content .news{width: 1163px;height: 53px;background: #ffcccc;margin-bottom: 18px;}
.title{width: 175px;height: 53px;background: #c00;font:24px/53px "微软雅黑";color: #fcc;position: relative;text-indent: 40px;}
.title i{position: absolute;width: 21px;height: 38px;background: url(images_sdnew_icon.png);left: 10px;top: 8px;}
.content .news a,.title_box a,.video a{font:16px/53px "微软雅黑";color: #c00;margin-right: 54px;}
#gla{overflow:hidden;margin:0 auto;position:relative;height:360px;}

#gla_box{width:1200px;margin:auto;}
.gla_inbox{overflow:hidden;position:relative;}

.gla_inbox img{width:100%;height:100%;display: block;}
.roundabout-holder {height: 360px;width: 1200px;}
.roundabout-moveable-item {display:block;height: 300px;width: 500px;;cursor: pointer;}
.roundabout-in-focus {cursor: auto;}

.news_box{margin-bottom: 12px;}
.news_box li,.items li{height: 40px;border-bottom: 1px dashed #ccc;color: #333;font:16px/50px "微软雅黑";float: left;width: 560px;margin-right: 21px;}

.news_box li a,.items li a{color: #333;}
.news_box li i,.items  li i{width: 7px;height: 5px;background: url(images_sdli_icon.png);margin:16px 7px;}

.news_box li a:hover,.items  li a:hover{text-decoration: underline;}
.news_box .right{width: 501px;}
.news_box .border{border-bottom:1px dashed #ccc; }
.notice{width: 639px;margin-right: 14px;}
.title_box,.video_box {margin-bottom: 23px;height: 53px;background: #fcc;}
.title_box .title,.video .title{text-indent: 56px;}
.title_box .title i{background: url(images_sdnotice.png);width: 43px;height: 39px;}
.title_box a,.video a{margin-right: 11px;}
.items li{border-bottom: 1px dashed #ccc;border-top: none;}
.video{width: 480px;}
.video .title i{background: url(images_sdvideo.png);width: 40px;height: 33px;}
.video_box{margin-bottom: 5px;}
.flash{border: 5px;height=272px; solid #a4a4a4;}
.pic_items{margin-top: 23px;}
.pic_items li{float: left;width: 130px;margin-right: 72px;text-align: center;}
.pic_items li a{display: block;color: #c6000d;font:22px "微软雅黑"; text-align: center;position: relative;}
.pic_items li a .pic{position: absolute;left: -18px;top: -20px;display: none;}
.pic_items li p{margin-top: 15px;}
.pic_items .first{margin-left: 50px;width: 160px;}
.pic_items .last{margin-right: 72px;width: 139px;}


/*轮播图 开始*/
.main_banner{width:100%; height:375px;}
.main_banner_wrap{
	width:1163px; height:375px; position:relative; background:#ffffff; 
	margin:0 auto; overflow:hidden;  
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:255px; height:240px; position:absolute; 
		display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
		left:110px; top:70px; opacity:0; transition:0.5s;
		background:url(imagesbannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
		background:url(imagesbannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:1200px; height:255px; margin:5px auto 0; position:relative; z-index:0;
	/*-webkit-倒影样式*/
	-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{width:1200px; height:280px; position:absolute; left:0; top:280px;
		background:-moz-element(#m_box) no-repeat; -moz-transform:scaleY(-1); opacity:0.2;
}/*火狐倒影图层样式*/
.main_banner li{
		position:absolute; background:#000; overflow:hidden;
		box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:560px; height:373px; z-index:5;
		left:280px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:400px; height:280px; z-index:1; 
		left:700px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:350px; height:180px; z-index:1;
		left:30px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:350px; height:180px; z-index:1;
		left:30px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:400px; height:280px; z-index:2; 
		left:30px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:25px;
}

/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
		width:15px; height:15px; display:inline-block; margin:15px 5px;
		background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}

