*html{_background-image:url(about:blank);_background-attachment:fixed}
body{/*background: url(../image/bg.png) repeat;*/ font-family:"Microsoft Yahei";}
.doc{
	overflow: hidden;
	text-align: left;
	font: 12px/1.5 Microsoft Yahei,tahoma,HELVETICA;
	height: auto;
}
.doc p{text-indent:2em;}
.doc a{
	color: #333;


star:expression(this.onFocus=this.blur()); /* for Ie*/ }
.doc a:hover{ color: #c8091b; text-decoration:none; }
.doc .date{ float: right; color: #FFF}
.area1,.area1 .inner{
	height: 515px;
	background: url(../image/banner.jpg) no-repeat center top;
}
.area2{ height: 69px; }

.area6{
	margin-top: 20px;
	background: url(../image/area6_bg.png) no-repeat center top;
}
.area10{
	margin-top: 30px;
	padding-top: 50px;
	background: url(../image/area7_bg.jpg) no-repeat center top;
}
.area3 .news-flash .title,.area4 .pic-text .pics .current,.area5 .slider1 a.prev i ,.area5 .slider1 a.next i,#slide1_control li i,.area6 .tab .tab-ctrl i,.area9 .tab .tab-ctrl i,.area7 .tab-ctrl .item span,.area7 .col-ab .box .l-tit,#slide06 .next, #slide06 .prve,.area3 .col-a .prev,.area3 .col-a .next ,.area9 .pannel .box strong{ background: url(../image/icon_bg.png) no-repeat;}

.doc .inner{width:1000px; clear: both; margin:0 auto; overflow: hidden; }
.area1 .col-a{ margin: 72px 0 0 219px; overflow:hidden; clear: both;}
.area1 .col-a .warp{ color: #c8091b;font: bold 18px/20px Microsoft Yahei;}
.area1 .col-b{width: 140px; height: 53px; margin: 342px 0 0px 164px; padding: 5px;  }

.area2 .nav{ background: #1a1a1a; height: 69px; font-size: 22px;}
.nav-inner{width:936px; clear: both; margin:0 auto; overflow: hidden; }
.area2 .nav ul li{ float: left; width: 234px;  height: 69px; line-height: 69px; text-align: center; position: relative;}
.area2 .nav ul li a{ display: block; }
.area2 .nav ul li i{ width: 8px; height: 18px; background: url(../image/nav_bg.png) no-repeat; position: absolute; right: 0; top: 25px;}
/*.area2 .nav ul li a:hover{ background: #c8091b; text-decoration: none; color: #FFF}*/
.area3 .col-a{
	padding: 10px 0 10px 0;
	margin-top: 10px;
	width: 1000px;
	height: 350px;
	background-color: #FFF;
	position: relative;
	margin-bottom: 10px;
}
 
#slide12{ width:980px;height:350px; padding: 0 10px;position: relative;} 
 .slide{  width:521px;height:350px; float: left; overflow: hidden;}
 .slide ul{  width:521px;height:350px;}
.slide ul li{ width:521px;height:350px; overflow:hidden;filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);} 
 
#f_infoDiv{ float:left;width:458px;height:264px;  position: relative;} 
.area3 .control{ width:448px; height: 79px; position: absolute; top:271px; left: 0; margin-left: 10px; 	 }
.area3 .control  li{ text-align:center;width:107px;height:72px; float: left; margin:5px 3px 0 0 ;  padding: 1px;}
.area3 .control  li.current{ border: solid #c8091b 1px ; padding: 0;}
.area3 .control  li img{ width:107px;height:72px;}
.area3 .control  li a{  width:107px;height:72px; display:block;overflow:hidden;text-decoration:none; border: solid #FFF 1px;} 
.area3 .control  li a:hover{  border: solid #c8091b 1px; } 
.area3 .control  li a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{backgorund:#fff;}
.doc .area3 .inner {overflow: visible; _overflow: inherit;  }
.area3 .slide-r{ float: right; width: 458px; height: 350px; position: relative; }
.area3 .col-a li.prev,.area3 .col-a li.next{width: 31px; height: 51px; position: absolute;cursor: pointer; z-index: 85; margin: 0; padding: 0; float: inherit; display: block;  }
.area3 .col-a li.prev{ left: -582px; top: -126px;  background-position: -17px 0px; }
.area3 .col-a li.next{ left: 454px; top: -126px;  background-position: -58px 0px; }

#slide12 .top{ width:458px; height:73px;   z-index:1; background:#f7f7f7;  background: url(../image/f_text_bg.png) no-repeat center top;}/* 按钮下方半透明层背景 */
#slide12 .info{position: absolute; left:-10px; top: 73px ;width:460px;height:190px; line-height:36px;text-align:left;overflow:hidden;filter:Alpha(Opacity=60); background: #f7f7f7; background:rgba(247,247,247, 0.8); z-index: 25   } /* 标题区域 */

#slide12 .info ul.title{ padding:0 0 0 10px;  width: 450px;}
#slide12 .info  ul.title li{ height: 190px;}
#slide12 .info .title a:link,#slide12 .info .title a:visited,#slide12 .info .title a:active{text-decoration: none; font-size:28px; color: #000; display: block; height: 74px; line-height: 74px; border-bottom: dotted #b1b4ba 1px; padding: 0 10px;}
#slide12 .info .title a:hover{color:#f60; text-decoration: none;}
#slide12 .info .title p{
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	color: #333;
	padding: 10px;
}
.area3 .col-b{ padding: 0 10px; overflow:hidden; clear: both; background: #FFF; width: 1000px; /*height: 60px;*/ margin-bottom: 100px;}
.area3 .news-flash{ padding:10px; display: none;}
.area3 .news-flash .newslist{ float: left; padding: 0 10px; width: 814px; height: 32px; line-height: 32px; overflow: hidden;}
.area3 .news-flash .newslist ul li{width:407px; float: left;}
.area3 .news-flash .newslist a{ color: #595858; font-size: 14px; line-height: 32px;margin: 0 10px;}
.area3 .news-flash .newslist a:hover{ color: #c8091b; text-decoration: underline;}
.area3 .news-flash .title{ background-color:#000; background-position: 0 0;  width: 126px; height: 32px; float: left; text-align:center; font: bold 20px/32px Microsoft Yahei; background-position: 115px 23px;}
.area3 .news-flash .title h3{ color: #FFF; font-weight: 400;}


.area5 .slider1{
	position: relative;
	width: 1000px;
	margin: 80px 0 0 0;
	height: 585px;
	overflow: hidden;
}
#slide1 {
	position: relative;
	width: 780px;
	height: 585px;
	background: #ccc;
	float: left
}
#slide1 ul {list-style:none}
#slide1 ul li{
	position: relative;
	height: 585px;
	overflow: hidden;
}
#slide1 ul img {vertical-align:middle}      
#slide1_control {width:200px; height:440px; list-style:none; color:#fff; float:right;   position: relative; }
#slide1_control li {
	float: left;
	cursor: pointer;
	width: 200px;
	text-align: left;
	font-size: 20px;
	line-height: 70px;
	text-align: center;
	height: 70px;
	background: #e6e6e6;
	margin: 10px 0 0 0;
	position: relative;
}     
#slide1_control li a,#slide1_control li{color:#898989}
#slide1_control .current{background-position:-434px -51px; font-weight:700}
#slide1_control li.current i{
	position: absolute;
	top: 0;
	left: 10px;
	background-position: -100px 18px;
	width: 20px;
	height: 50px;
	margin: 10px 5px;
	overflow: hidden;
}
#slide1_control .current a,#slide1_control .current{color:#c8091b}
#slide1_control  .prev , #slide1_control .next{ display: block; width: 200px; height: 30px; background:none;  }
#slide1_control .prev i{background-position: -145px -67px; display: block; }
#slide1_control  .next{  }
#slide1_control  .next i{ background-position: -145px -114px;}
#slide1_control .next i, #slide1_control  .prev i{ margin: 0 76px; width: 55px; height: 36px; display: block;}
#slide1 ul li span{width: 100%;line-height: 24px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);background: rgba(0,0,0,0.6);_zoom: 1;position: absolute;left: 0;bottom: 0;overflow: hidden; word-wrap: break-word;cursor: pointer;color: #fff; text-align: left; font-size: 14px;}
#slide1 ul li span p{ padding: 10px;}
.area6 .col-a{margin: 78px 0 0 0; overflow: hidden; width: 1000px; height: 542px;}
.area6 .tab .tab-ctrl{margin-left:225px; _margin-left:155px; clear: both; height: 125px; overflow: hidden; width: 775px;}
.area6 .tab .tab-ctrl i.item{width: 103px; height: 100px; display: block; background-position: -209px -6px; float: left; margin: 0 48px; line-height: 100px; font-size: 24px; color: #999da6; text-align: center; cursor: pointer;}
.area6 .tab .tab-ctrl i.item.current{background-position: -320px -6px; color: #FFF;}
.area6  .tab .tab-wrap{ height: 417px;   clear: both; background: #FFF;}
.area6 .tab .slideContent{ width: 1000px; height: 417px;} 
.tab-wrap .pics:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;} .pics {zoom:1}
.area6 .tab-wrap .pics li{float:left; display:inline; text-align:center; margin-bottom: 10px;}
.area6 .tab-wrap .pics li .pic {display:block; position:relative; zoom:1; width: 237px; height: 190px;}
.area6 .tab-wrap .pics li .title {height:25px; line-height:25px; overflow:hidden; display:block; background:#f0f0f0; cursor:pointer;}
.area6 .tab-wrap .pics li .noBg {background:none;}
.area6 .tab-wrap .pics li.last {margin-right:0}
 .area6 .tab-wrap .box-bd, .area6 .tab-wrap .box {width: 1013px; height: 420px;  }
.area6 .tab-wrap .box-bd ul.pics{ float: left; width: 237px; margin-right:10px;overflow: hidden;}
 .area6 .tab-wrap .box-bd ul.tabOdd{ margin-top:20px; }

.area6 .tHead{
	height: 65px;
}

.carousel{overflow:hidden;position:relative}
.carousel .carousel-ctrl-item.prev,.carousel .carousel-ctrl-item.next{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.carousel .carousel-ctrl-item.prev{-webkit-transform:translate(-30px);-moz-transform:translate(-30px);-ms-transform:translate(-30px);-o-transform:translate(-30px);transform:translate(-30px)}
.carousel .carousel-ctrl-item.next{-webkit-transform:translate(30px);-moz-transform:translate(30px);-ms-transform:translate(30px);-o-transform:translate(30px);transform:translate(30px)}
.carousel:hover .carousel-ctrl-item.prev,.carousel:hover .carousel-ctrl-item.next{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.carousel:hover .carousel-ctrl-item.prev{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}
.carousel:hover .carousel-ctrl-item.next{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0)}
.carousel-view{width:100%; margin-right: -12px;}
.carousel-view .prev,.carousel-view .next{position:absolute;top:0;width:100%}


.announce{position: relative;}
.carousel-ctrl{height: 70px;position: absolute;top: 194px;width: 100%;z-index: 20;}


.tab-ctrl {height:70px; width:38px; z-index:29;}
.tab-ctrl .bt, .tab-1 .dot-ctrl .dot-bt {opacity:.3; filter:alpha(opacity=30);}
.tab-ctrl .bt:hover, .tab-1 .dot-ctrl .dot-bt:hover, .tab-1 .dot-ctrl .current {opacity:.9; filter:alpha(opacity=90);}

.tab-1 .dot-ctrl .dot-bt:hover, .tab-1 .dot-ctrl .current {background:#d23634;}
.prev {left:0;}
.next {right:0;}
.prev .bt {background:url(../image/btn1-l.png) no-repeat 0 0;}
.next .bt {background:url(../image/btn1-r.png) no-repeat 0 0;}
.prev .bt:hover {
	background-image: url(../image/btn1-l-h.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.next .bt:hover {background:url(../image/btn1-r-h.png) no-repeat 0 0;} 


.tab-ctrl .bt {display:block; width:100%; height:100%;}
.box-abs {position:absolute;}
.announce .carousel-view{width: 906px;margin: 0 auto;}
.announce .carousel-view-pane-wrap{float:left;width:296px;margin-right:9px;}
.announce .carousel-view-pane{float: left;margin-bottom: 10px;overflow:hidden; position:relative;}
.announce .carousel-view-pane a{background: #fff;display: block;}
.announce .carousel-view-pane a:hover{text-decoration:none;cursor:pointer;}

/* .announce .carousel-view-pane img{width:241px;height:370px;vertical-align:middle} */
.announce .carousel-view-pane .meta{background:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);width:100%;height:58px;overflow:hidden;position:absolute; bottom:0px; left:0px;  cursor:pointer;}
.announce .carousel-view-pane .meta p,.announce .carousel-view-pane b{display:block;line-height:22px;color:#fff;text-align:center;}
.announce .carousel-view-pane .meta b{font-size:18px;font-weight:400;margin-top:4px}
.announce .carousel-view-pane .meta p{font-size:14px;height:24px;overflow:hidden; text-indent: 0;}
.announce .content{display: none}
.carousel-view-pane a:hover .content{display: block;width:296px;height:246px;float:left;border:1px solid #ccc;border-left:0; position:absolute; top:62px; left:0px; background:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);}
.carousel-view-pane a:hover .meta{display: none;}

.pane-hov a .content{display: block;width:296px;height:246px;float:left;border:1px solid #ccc;border-left:0; position:absolute; top:62px; left:0px; background:rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000,endColorstr=#78000000);}
.pane-hov a .meta{display: none}


.announce .content .inner{width:256px;margin-left:25px}

.announce .content h3{font-size:18px;height:36px;line-height:36px;background-color:#cc3433;width:100%;color:#fff;text-align:center;font-weight:400}
.announce .content .summary{text-indent:0em;line-height:20px;font-size:12px;margin-top:15px;height:88px;overflow:hidden; color:#fff;}

.announce .spokesman{margin-top:20px}
.announce .spokesman b{font-size:20px;display:block;font-weight:400;text-align: left;}
.announce .spokesman p{font-size:14px;line-height:26px;height:26px;color:#fff;text-align: left; text-indent: 0;}
.announce .spokesman em{display: block;width:44px;height: 10px;line-height: 0px; border-bottom: 4px solid #dd3b39 }


/* 背景半透明标题 */
.tab-wrap .title-alpha {width:100%; font-size: 16px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000); background:rgba(0,0,0,0.7);_zoom:1; position:absolute; left:0; bottom:0;_bottom:expression((this.parentNode.clientHeight % 2 == 1 ? '-1' : '0') + 'px'); overflow:hidden; text-align:center; word-wrap:break-word; cursor:pointer; color:#fff}
.tab-wrap .current .title-alpha{ height: 80px;}
.tab-wrap .current .title-alpha h3 { font-size: 18px;}
.tab-wrap .title-alpha p{ display:none; font-size: 12px; line-height:20px; padding: 0 10px;}
.tab-wrap .current .title-alpha p{ display: block;}
a:hover .title-alpha {color:#fff;text-decoration:none;}



 
#slide06 {
	position: relative;
	height: 184px;
}
#slide06 .pics {padding:0}
#slide06 .pics li {
	width: 270px;
	height: 179px;
	text-align: center;
	margin-right: 28px;
}
#slide06 .pics li img {  }
#slide06 .slide {
	position: absolute;
	left: 70px;
	width: 863px;
	top: 8px;
}
#slide06 .next, #slide06 .prve  {
	position: absolute;
	top: 70px;
	width: 20px;
	height: 53px;
}
#slide06 a.prve{left: 10px; background-position: -430px -1px;}
#slide06 a.next{ right: 10px;background-position: -456px -1px;}
#slide06 a.prve:hover{background-position: -479px 0px;}
#slide06 a.next:hover{background-position: -507px 0px;}
#slide06 ul {list-style:none}
#slide06 ul img {vertical-align:middle}




/*新增*/
#slide1_control{
	overflow: hidden;
	height: auto;
	padding: 30px 0px;
}
.li-div{
	width: 100%;
	height: 500px;
	overflow: hidden;
	margin-top: 5px;
	position: relative;
}
#slide1_control .prev,#slide1_control .next{position:absolute; left:0px;}
#slide1_control .prev{top:0px;}
#slide1_control .next{bottom:0px;}