@charset "utf-8";
/*-----------Notice------------------------------
	   Filename:  Main.css
	Description:  Reset/HomePage/NewsCenter/PhotoPage/List/Details/Bordlives CSS
		 Update:  2011-8-26 by meiy76(meiy76@163.com)
		       l_$:  layout      exp: l_topbar, l_page, l_top, l_cont, l_foot...
		      t_$:  top          exp: t_logo,t_nav,t_menu,t_topbar
	     cont_$:  content    exp: cont_main, cont_movie, cont_lives
		    ad_$:  advert
		  foot_$:  foot         exp: foot_menu, foot_info
		      *_$:  For TNND IE
		 *html $:  For TNND IE6
	   *+html $:  For TNND IE7
------------------------------------------------*/
/*-----------Reset-----------------------------*/
	body{background: url("by.jpg") repeat-x scroll center top #fff;color:#000;line-height:1.5;font:12px "Microsoft YaHei","Trebuchet MS", "Verdana", "Helvetica", "Tahoma", "\5b8b\4f53", "sans-serif";}
	body, p, blockquote, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend{margin:0;padding:0;}
	h2, h3, h4, h5, h6{font-size:15px;}
	table{border-collapse:collapse;border-spacing:0;}
	input, textarea, button, select {font-family:"Verdana";vertical-align:middle;}
	label{vertical-align:middle}
	legend {color:#333;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
	ul,ol{list-style:none;}
	img{border:0;}
	a,a:visited{color:#032A42;text-decoration:none;}
	a:hover{color:#1E50A2;text-decoration:underline;}
	a:active{color:#933;}
	.clear {clear:both;font-size:0;line-height:0;}
	.floatl{float:left;font-weight:bolder;}
	.floatr{float:right;}
	.red {color:#990000;}
	.a_bold, .a_bold:visited {font-weight:bold;}
	.a_red, .a_red:visited {color:#BA2636;}
	.a_blue, .a_blue:visited {color:#00549b;}
/*---------------------------------------------*/
/*-----------Layout---------------------------*/
   .l_page {margin:0 auto;width:1100px;clear:both; }
   
.banner{width:1100px; float:left; margin:690px 0 30px;}
.banner li{width:157px; float:left; text-align:center;font-size:18px;font-weight:bolder;background:url("title.png") no-repeat scroll 64px 40px; height:115px;}

 /*------------------HDimages---------------------------*/		
	.HDimagestBox{width:1100px; float:left;position:relative; height:680px; margin-top:20px;}
	
 /*------------------headline---------------------------*/		
.news{width:1058px;float:left;padding:0 20px 20px 20px; background:#FFF;border:#DBE4E3 1px solid;border-top:#D80773 4px solid;}
	.news h2 a,.news h2 a:visited{width:1060px;text-align:center;float:left;line-height:80px;height:80px;font-size:37px; color:#032A65; margin-top:10px;}
	.headline{line-height:29px;float:left; color:#666666; margin-bottom:25px;font-size:15px;width:1060px;text-align:center; border-bottom:1px #AAA379 solid; padding-bottom:15px;color:#A4A4A4;}
	.newsListBoxLeft .more,.sdjjBoxLeft .more{ color:#01328E; font-weight:bold;}
	.headline .more{ color:#fff; font-weight:bold; background:#B81716; padding:2px 3px; margin-left:10px;border-radius:6px;} 

/*-----------news-----------*/	
.newsListBox{width:1080px;float:left; padding:10px;}
.newsListBoxRight{width:420px;float:left; margin-left:25px;}
.newsListBoxRight h3{line-height: 49px;font-size:19px;float:left;}
.newsListBoxRight li { line-height: 49px; padding: 0 10px 0 15px; overflow: hidden; width:390px; margin:0 5px;position: relative;float:left; font-size:18px;}
.newsListBoxRight  li:before {
    content: "";
    position: absolute;
    top: 21px;
    left:0;
    display: block;
    width: 5px;
    height: 5px;
    background-color:#D80773;}	
	
.newsListBoxLeft{width:600px;float:left;}

.headPic{width:600px;float:left;}
	
	.foxBox { position: relative; width: 600px; height:400px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float:left; }
	.foxBox .pic img { width: 600px; height:400px; display: block; }
	.foxBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.foxBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
	.foxBox .txt li{ height:40px; line-height:40px; position:absolute;width:500px;overflow: hidden;}
	.foxBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 15px; font-weight: bold; text-decoration: none;width: 600px;height:29px; line-height:29px; overflow: hidden;}
	.foxBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.foxBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.foxBox .num li a,.foxBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.foxBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.foxBox .num li.on a,.foxBox .num a:hover{ background:#f60;  }

/*----------------intime-----------------*/
.intime{width:1060px;float:left; background:#EDF1FA; padding:20px; margin-top:30px;}
.intimeTitle a,.intimeTitle a:visited{width:80px; float:left; height:45px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -470px;}

.txtMarquee-left{ position:relative;width:940px;float:left;}
		.txtMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtMarquee-left .hd .next{ background-position:0 -50px;  }
		.txtMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.txtMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.txtMarquee-left .bd{ padding:10px; }
		.txtMarquee-left .bd .tempWrap{ width:940px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1;font-size:16px;}
		.txtMarquee-left .bd ul li{ margin-right:30px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */


		.txtMarquee-left .bd ul li span{ color:#999;  }

/*---------------------talk----------------*/
.xhftTitle a,.xhftTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -360px;margin:60px 0 30px; border-bottom:#E62B1E 3px solid;}
.talkBox{width:1100px; float:left; margin-top:20px;}

.tabBar{ width:1100px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;}
	.tabBar .hd ul{ z-index:5; position:relative;  zoom:1;}
	.tabBar .hd li{ float:left; height:260px; line-height:33px; width:200px;margin-top:4px; padding:0px 10px 0px 10px;cursor:pointer; text-align:center;}
	.tabBar .hd li h3{width:200px; font-size:21px;}
	.tabBar .hd li span{width:200px;}
	.tabBar .hd li img{border-radius:50%;}
	.tabBar .hd li.on{ height:260px; line-height:33px;overflow:hidden; margin-top:0px; position:relative; top:4px;}
	.tabBar .hd li.on img{ border:#728fd4 3px solid;}
	
	.tabBar .bd{clear:both; position:relative; height:480px; overflow:hidden;background:url("title.png") no-repeat scroll 0 -590px;}
	.tabBar .bd .conWrap{ width:1100px;  }
	.tabBar .prev{ position:absolute; left:380px; bottom:30px; }
	.tabBar .next{ position:absolute; left:40px; bottom:30px; }
	.tabBar .next{ left:auto; right:630px;}
	.tabBar .prevStop,.tabBar .nextStop{ display:none;  }
	.tabBar .bd p{ padding-bottom:10px  }
	
	.conList{width:1100px;float:left;text-align:left;}
	.conList li{width:1100px;float:left;}
	.guestList{width:360px;float:left; height:400px; overflow:hidden; padding:10px; background:#F7F7F7; margin-top:30px;}
	.guestList h2{width:340px;float:left;line-height:41px;height:41px;font-size:45px; color:#728fd4;margin:60px 0 10px;}
	.guestList em{width:340px;float:left; font-style:normal;}
	.guestList h3{width:340px;float:left;line-height:41px;font-size:25px;margin:20px 0 10px;}
	.guestList  p{line-height:33px;width:320px;float:left; color:#777;font-size:14px; padding-left:18px; border-left:2px #728fd4 solid;}
	.guestList p .more{ color:#728fd4; font-weight:bold;}
	
	.conList img{width:720px;float:left; height:420px;}	

/*----------------------nkwz-------------------*/
.nkwzTitle a,.nkwzTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -270px;margin:60px 0 30px; border-bottom:#E62B1E 3px solid;}
.nkwzBox{width:1100px;float:left;overflow:hidden;}
#demo li:nth-of-type(1) img { transform: translate(-210px); }
#demo li:nth-of-type(2) img { transform: translate(-180px); }
#demo li:nth-of-type(3) img { transform: translate(-380px); }
#demo li:nth-of-type(4) img { transform: translate(-450px); }
#demo li:nth-of-type(5) img { transform: translate(-320px); }
#demo { width: 1160px; height: 512px; margin: 60px auto 0 auto; }
#demo img { width: 820px; height: 512px; max-width: 820px; }
#demo li { float: left; position: relative; width: 82px; height: 100%; overflow: hidden; cursor: pointer; transition: 0.5s; transform-origin: bottom; filter: alpha(opacity=50); opacity: 0.5;}
#demo li img { transition: 1.2s; }
#demo li a { display: block; }
#demo li div { position: absolute; bottom: 0; left: 0; width: 100%; background: #000; line-height: 32px; filter: alpha(opacity=90); opacity: 0.9; text-indent: 2em; }
#demo li div a { color: #FFF; text-decoration: none; }
#demo li div a:hover { color: #F00; text-decoration: none; }
#demo li.active { cursor: pointer; transform: scale(1.02, 1.08); z-index: 3; width: 820px; filter: alpha(opacity=100); opacity: 1; }
#demo li.active img { transform: translate(0px); }
#demo li:nth-of-type(1) { transform-origin: bottom left; }
#demo li:nth-of-type(5) { transform-origin: bottom right; }


/*-------picTitle-------------*/
.picTitle a,.picTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -90px;margin:60px 0 30px; border-bottom:#E62B1E 3px solid;}

	.imagestBox{width:1100px; float:left;position:relative; height:880px;}
	.w2cFocus{ width:100%;  position:relative;  height:500px; padding:10px 0;  }
	.w2cFocus .prev,.w2cFocus .next{ position:absolute;  display:block;  left:10px; top:250px; width:46px; height:62px; background:url("focusAdvBg.png") no-repeat; filter:alpha(opacity=80);opacity:0.8;  }
	.w2cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
	.w2cFocus .prev:hover,.w2cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
	.w2cFocusIn{ width:1080px; height:940px; position:relative;  margin:0 auto;  overflow:hidden;  }
	.w2cFocusIn .bd li{ vertical-align:middle; }
	.w2cFocusIn .bd li img{ width:1080px; height:750px; display:block;  }
	.w2cFocusIn .bd li span{ width:1080px; height:21px; display:block;position: absolute;bottom:0; background:#000000; filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5;  
      opacity: 0.5;line-height:21px;padding:5px 10px;  }
	.w2cFocusIn .bd li span a,.w2cFocusIn .bd li span a:visited{ color:#FFFFFF; font-weight:bold;font-size:15px;}
	.w2cFocusIn .hd{width:1080px;height:52px;}
	.w2cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w2cFocusIn .hd ul li{   float:left; display:inline; padding:4px 5px 0 0;    }
	.w2cFocusIn .hd ul li img{ width:126px; height:95px; border:2px solid #3499EA; display:block;  }
	.w2cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1;}
	.w2cFocusIn .hd ul li.on img{ border:2px solid #fff; border-bottom-width:4px;   }

/*----------------------wzxc-------------------*/
.wzxcTitle a,.wzxcTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll 0 -180px; margin:60px 0 25px;border-bottom:#E62B1E 3px solid;}
.sdjjBox{width:1100px;float:left;}

.sdjjBoxLeft{width:550px;float:left; padding-right:10px;}
.sdjjBoxLeft li{width:550px;float: left;line-height:33px;font-size:15px;overflow:hidden;padding:0 5px;margin-bottom:10px; border-bottom:#ccc 2px solid;}
.sdjjBoxLeft li h3{width:550px;float: left;line-height:41px;height:41px;font-size:20px;overflow:hidden;padding:2px 0;}
.sdjjBoxLeft li h3 a{ color:#333;}
.sdjjBoxLeft li p{margin-bottom:10px; color:#999;}

.sdjjBoxRight{width:500px;float: right;padding:5px 0 5px 5px;}

.sdjjBoxRight img{ width:490px; height:370px;float: left;}
.sdjjBoxRight p{font-size:16px;line-height:33px;height:33px;width:500px;float: left; text-align:center;}


	

/*---------date--------------*/
.dateBox{float:left; width:1100px;}
.dateTitle{width:250px; float:left; height:66px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.png") no-repeat scroll -660px -470px; margin:60px 0 30px 420px;}
.slideTxtBox{ width:1100px;text-align:left;float:left;}
		.slideTxtBox .hd{ height:55px; line-height:35px; padding:0 10px 0 20px;position:relative; }
		.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{
    padding-bottom: 15px;
    width: 70px;
    margin-left: 70px;
    color: #333;
    font-size: 18px;
    padding: 0 12px 15px 12px;
    line-height: 1;
    width: auto;
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 33px;
    float: left;
}
		.slideTxtBox .hd ul li.on{ color: #728FD4; border-bottom: 2px solid #728FD4;}
		.magic-item-info {float: left;width: 420px;margin-right: 20px;}
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox .bd li{ height:37px;margin: 0 0 15px 0;}
		.slideTxtBox .bd li .date{float: left;margin-right: 30px;width: 160px;font-size: 20px;overflow: hidden;color:#728FD4;}
		.magic-item-info h3{ font-size:17px;color:#666;}	


/*-----------foot_info---------------*/
  	.foot_info {width:1100px;padding:10px 0;text-align:center;line-height:27px;overflow:hidden;float:left;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;margin-top:30px;color:#FFF; font-size:15px; background:#666;}
	.foot_info p {width:100%;text-align:center;}
	.foot_info a, .foot_info a:visited {color:#ffcc00;}