@charset "utf-8";
/* CSS Document */
/*bannner*/
#banner{
}
.banner-items{
   width:1200px;
   min-width:1200px;
   background:url(../images/banner-bg_02_1.jpg) no-repeat center;
   height:300px;
   overflow:hidden;
   margin:0 auto;
}

/*content*/
#content{
  margin-bottom:30px;
}

.content-top{
   margin-top:65px;
}

.top-left{
   float:left;
}
.top-left-item{
}
.left-img-box{
   position:relative;
   width:450px;
   height:350px;
   background:url(../images/top-left-bg_03_1.jpg) no-repeat;
}

.masegese{
	
	height:35px;
	width:350px;
	line-height:35px;
	float:right;
	Z-index:2;
}
.masegese-item {
    position:absolute;
	width:350px;
	height:35px;
	opacity:0.8;
	overflow: hidden;
	background:#fff;
	bottom:0;
	left:0;

}

.font_inner{
    position:relative;
	list-style:none;
}
.font_inner li{
     width:350px;
	 height:35px;
}

.font_inner li p{
     font-size:16px;
	 color:#22222;
	 float:left;
	 width:220px;
	 display:block;
	 padding-left:20px;
}

.retun{
	position:absolute;
	width:100px;
	height:35px;
	right:8px;
	top: 1px;
}
.retun a{
	display:block;
	float:left;
	text-decoration:none;
}
.retun a span{
	padding-left:5px;
	padding-right:5px;
	font-size:16px;
	color:#22222;
	height:35px;
	display:block;
	line-height:35px;
}
.retun a.sel span{
    color:#fff;
	background:#9c231b;
	opacity:1.6;
}

.top-right{
   width:720px;;
   float:right !important;
}
.top-right-left{
   width:350px;
   height:auto;
   float:left;
}
.content-til{
  height:35px;
  width:auto;
  border-bottom:2px solid #ccc;
}
.til{
   font-size:20px;
   color:#9c231b;
   line-height:35px;
   float:left;
}
.more{
   font-size:12px;
   color:#9a9a9a;
   text-decoration:none;
   line-height:35px;
   float:right;
}
.more:hover{
   color:#ffc435;
}

.content-main{
   margin:0px;
   padding:0px;
   list-style:none;
   padding-top:25px;
}
 .content-main li{
    background:url(../images/li_style_07_1.png) bottom repeat-x;
	height:40px;
}
.content-main li a{
   float-size:16px;
   color:#333333;
   text-decoration:none;
   float:left;
   line-height:40px;
   overflow: hidden;
   height: 41.4px;
  
}
.content-main li:hover  a{
    color:#9c231b;
}

.content-main li a img{
   padding-right:5px;
}
.content-main li p{
  font-size:12px;
  color:#b0b0b0;
  float:right;
  line-height:40px;
}
.content-main li h3{
   font-size:12px;
   color:#777777;
   font-weight:400;
   line-height:22px;
   width:335px;
   float:left;
}

.top-right-right{  
   width:335px;
   float:right;
}
.content-down{
  float:left;
}
.content-banner{
  padding-top:45px;
  padding-bottom:50px;
}
.down-left{
  float:left;
  width:590px;
}
 .tab { width:590px;}
 .tab_menu { clear:both;}
 .tab_menu li { float:left; text-align:center; cursor:pointer; list-style:none; padding:1px 6px; margin-right:4px;  }
  .tab_menu li { display:block;
   font-size:20px;
   color:#333333;
   border-bottom:2px solid #ccc;
   height:35px;
   line-height:35px;
   text-decoration:none;
   float:left;}
.tab_menu ul{
    border-bottom:2px solid #ccc;
	height:37px;
}

.tab_menu ul span{
    float:left;
    color:#ccc;
	padding-left:5px;
	padding-right:10px;
	line-height:35px;
	
}
 .tab_menu li:hover{
   color:#9c231b;
   border-bottom:2px solid #9c231b;
}

 .tab_menu li.hover{
   color:#9c231b;
   border-bottom:2px solid #9c231b;
}


 .tab_box { clear:both;}
 .hide{display:none}
.tab-item .down-left-main:last-child{background:none;}
.down-left-main{
   height:auto;
   background:url(../images/li_style_07_1.png) bottom repeat-x;
   float:left;
   width:590px;
   height:75px;
}
.main-left{
  width:30px;
  float:left;
  text-align:center;
}
.main-left h2{
   font-size:16px;
   padding-top:15px;
   color:#9c231b;
    line-height:20px;
}
.main-left h3{
  font-size:12px;
  font-weight:400;
  color:#919191;
   line-height:20px;
   padding-bottom:25px;
}
.main-right{
   float:right;
   width:530px;
}
.main-right h2{
   font-size:16px;
   padding-top:15px;
   font-weight:400;
   color:#333333;
   line-height:20px;
   height:20px;
   overflow:hidden;
}

.down-left-main:hover .main-right h2{
  color:#9c231b;
}
.main-right h3{
  font-size:12px;
  font-weight:400;
  color:#919191;
  line-height:20px;
  padding-bottom:25px;
}

.down-right{
   width:580px;
   float:right;
}


.right-item{
   width:186px;
   height:157px;
   float:left;
   margin-bottom:10px;
}

.right-main{
   width:186px;
   height:40px;
   opacity:0.8;
   background:#080a0c;
   margin-top:117px;
   
}

.right-main a{
   font-size:14px;
   color:#fff;
   line-height:40px;
   padding-left:15px;
   text-decoration:none;
}

.right-item:nth-child(3n+2){
   margin-left:9px;
   margin-right:9px;
}
.right-item:hover .right-main{
    background:#ffc435;
}
 	/* 本例子css */
		.slideBox{ width:450px; height:350px; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:45px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px; width:33px; height:45px; line-height:45px; text-align:center;  cursor:pointer; list-style:none;font-size:12px;}
		.slideBox .hd ul li.on{ background:url(../images/redblock_03_1.png) center center no-repeat; color:#fff;font-size:16px; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;position:relative; }
		.slideBox .bd li img{position:absolute;top:0px;}
		.slideBox .bd li a{width:100%;height:39px;display:inline-block;background:rgba(255,255,255,0.6);position:absolute;top:311px;left:0px;line-height:39px;text-decoration:none;font-size:16px;color:#222222;text-indent:1em;}
		
		.slideBox .bd img{ width:450px; height:350px; display:block;  }

	/*   */