@charset "utf-8";
/* CSS Document */

body{background:url(tbtp1.png) no-repeat top center #fff;}
.banner{height:445px; overflow:hidden; *zoom:1;}
.main{width:1110px; border-left:1px solid #F0EFEF;  border-right:1px solid #F0EFEF;  border-bottom:1px solid #F0EFEF; overflow:hidden; *zoom:1;}
.bt{background:url(tz.png) no-repeat; height:52px; overflow:hidden; *zoom:1; margin-top:20px;}
.zhybf{background:url(tjhzc.png) no-repeat; height:599px; overflow:hidden; *zoom:1; margin-top:30px;}
.sp{width:852px; height:455px; overflow:hidden; *zoom:1; margin-left:84px; margin-top:86px;}
.foot{height:60px; line-height:60px; overflow:hidden; *zoom:1; text-align:center; color:#fff; font-size:18px; font-family:"微软雅黑"; background:#EA0000;}

.dzzhtz1{background:url(cjdqsjd1.png) no-repeat top center #fff;}
.dzzhtz2{background:url(cjdqsjd2.png) no-repeat top center #fff;}
.dzzhtz3{background:url(cjdqsjd3.png) no-repeat top center #fff;}
.dzzhtz4{background:url(cjdqsjd4.png) no-repeat top center #fff;}
.dzzhtz5{background:url(cjdqsjd5.png) no-repeat top center #fff;}
/*轮播图 开始*/
.main_banner{width:100%; height:398px;}
.main_banner_wrap{
	width:950px; height:744px; position:relative; 
	margin:40px auto; overflow:hidden;  box-shadow: 0px 1px 2px #c5c5c5;
}
#myCanvas {

}
@-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:155px; height:240px; position:absolute; 
		display:block; z-index:9; top:80px;
}
.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(bannerBtn.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(bannerBtn.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{
	
}
/*火狐倒影图层样式*/
.main_banner_box p#rflt{
}/*火狐倒影图层样式*/
.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:563px; height:744px; z-index:5;
		left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:580px; height:704px; z-index:1; 
		left:600px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:450px; height:744px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:450px; height:744px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:580px; height:704px; z-index:2; 
		left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		
}
.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;}

/*轮播图 结束*/