@charset "utf-8";
/* CSS Document */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;list-style-type: none;overflow-x:none  }
body{line-height: 1;font-size: 88% ;font-family: "微软雅黑"}
h1, h2, h3, h4, h5, h6{font-size: 100%; margin: 0 ;font-weight: 400;padding:0;}
ul, ol{list-style: none;}
a{color:#404040;text-decoration: none;}  
.fanye a{margin: 0 5px;}
.center_area{
	width:100%;
	height:500px; 
	margin:0 auto;
}


/*中间区域*/
.center_area .center{
	width:100%;
	height:500px;
	background:#ccc;
	float: left;
}

.center_area .center .center_top{
	width:100%;
	height:440px;
	/*background: orange;*/
}
/*<==================================================>*/

/*中间轮播图区域*/
 
.content_middle{
	height:440px;
    margin:0px auto;
    position:relative;
   
}
.content_middle:hover .common{
	display: block;
}
/*左右切换图标*/
.content_middle .common{
	display: block;
	width:50px;
	height: 100px;
	position: absolute;
	z-index: 25;
    top:40%;
   
    display: none;
}
.content_middle .btnLeft{
	opacity: 0.5;
	left:0px;
	background: url(../images/sprite.png) no-repeat 11px 0;
}
.content_middle .btnRight{
	opacity: 0.5;
	right:0px; 
	background: url(../images/sprite.png) no-repeat -60px 0;
}
/*左右切换图标*/
.content_middle ul li{
	width:100%;
	height:440px; 
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	margin:0px auto;
}

/*切换小图标*/

.content_middle .table{
	    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 9;
    margin-left: -20%;
}
.content_middle .table a{
    width:50px;
    height:5px;  
    background:#E3DEE1;
    opacity: 0.8;
    text-align:center;
    line-height: 33px;
    margin-left:28px; 
    display: block;
    float:left;
	
}

.content_middle .table a.small_active{
	background:#FF8800;
	color: #fff;
	 
} 
.center{
	margin-top:5%;
	position: relative;
    width: 100%;
   
    overflow: hidden;}
/*@media screen and (max-width: 786px){
	.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 69%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
}
@media (min-width:600px) and (max-width:1080px) {
	.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 69%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
	 }*/
/*@media screen and (max-width: 786px){
	.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 69%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
}
@media screen and (min-width:750px){
	.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 63%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
}
*/
.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 71%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
/*@media (min-width: 750px){
	.center{ height:360px;}
	.content_middle .table {
    position: absolute;
    top: 66%;
    bottom: 10px;
    left: 57%;
    z-index: 9;
    margin-left: -20%;
}

.content_middle .table a {
    width: 19px;
    height: 3px;
    background: #E3DEE1;
    opacity: 0.8;
    text-align: center;
    line-height: 33px;
    margin-left: 3px;
    display: block;
    float: left;
}
	}*/