@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; }
   
/*-----------guide---------------------------*/
   .topList{width:1100px; float:left;padding:5px 0;display:inline;}
   .topList li{float: left;line-height:37px;height:37px;font-size:15px;overflow:hidden;padding:0 5px; margin:5px;}
   
   .bannerList{width:1100px; float:left;padding:5px 0;display:inline; margin-top:577px;}
   .bannerList li{float: left;line-height:37px;height:37px;font-size:18px;overflow:hidden;width:14%;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important; text-align:center;}
   .bannerList li a,.bannerList li a:hover{ color:#fff;  }
   
 /*------------------HDimages---------------------------*/		
	.HDimagestBox{width:1100px; float:left;position:relative; height:680px; margin-top:20px;}
	.w3cFocus{ width:100%;  position:relative;  height:500px; padding:10px 0;  }
	.w3cFocus .prev,.w3cFocus .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;  }
	.w3cFocus .next{ left:auto; right:10px; background-position:-46px 0; }
	.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
	.w3cFocusIn{ width:1080px; height:690px; position:relative;  margin:0 auto;  overflow:hidden;  }
	.w3cFocusIn .bd li{ vertical-align:middle; }
	.w3cFocusIn .bd li img{ width:1080px; height:500px; display:block;  }
	.w3cFocusIn .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;  }
	.w3cFocusIn .bd li span a,.w3cFocusIn .bd li span a:visited{ color:#FFFFFF; font-weight:bold;font-size:15px;}
	.w3cFocusIn .hd{width:1080px;height:52px;}
	.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
	.w3cFocusIn .hd ul li{   float:left; display:inline; padding:4px 5px 0 0;    }
	.w3cFocusIn .hd ul li img{ width:260px; height:140px; border:2px solid #3499EA; display:block;  }
	.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1;}
	.w3cFocusIn .hd ul li.on img{ border:2px solid #fff; border-bottom-width:4px;   }
 /*------------------headline---------------------------*/		
.headline{width:1100px;float:left; border-bottom:1px #CCCCCC solid; margin-bottom:20px;}
	.headline h2 a,.headline h2 a:visited{width:1100px;text-align:center;float:left;line-height:70px;height:70px;font-size:37px; color:#003399;}
	.headline p{line-height:29px;float:left; color:#666666; margin-bottom:20px;font-size:15px;width:1100px;text-align:center;}
	.headline p .more,.newsListBoxRight .more,.newsListBoxLeft .more,.rwzfBox .more{ color:#003399; font-weight:bold;}  

/*-----------news-----------*/	
.newsListBox{width:1100px;float:left;}
.newsListBoxLeft{width:500px;float:left;}
/*-----------video开始-----------*/	
.main-video .main-video-cont {
    padding-top: 5px;
}

.main-video .video-wrapper {
    position: relative;
    /*padding: 18px;
    padding-bottom: 0;*/
    width: 480px;
    margin: 0 auto;
}

.main-video .video-wrapper img,
.main-video .video-wrapper iframe {
    display: block;
    height: 360px;
    background: #000;
}

.main-video .video-wrapper iframe {
    display: none;
    width: 100%;
}

.main-video .video-wrapper .btns {
    position: absolute;
    top: 120px;
    left: 200px;
    z-index: 3;
    width: 93px;
    height: 93px;
    background: url("http://www.xinhuanet.com/datanews/2016countrypic/img/icon_btn_play.png") top left no-repeat;
    cursor: pointer;
}

.main-video .video-wrapper .main-video-head {
    width: 100%;
}

.main-video .video-wrapper .main-video-head .main-video-head-tit {
    display:inline-block;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    float: left;
}

.main-video .video-wrapper .main-video-head .main-video-head-tit a {
    display:inline-block;
    height: 56px;
    font-size: 22px;
    line-height: 56px;
    color: #353535;
}
.main-video .video-wrapper .main-video-head .main-video-head-tit .wtmsp {
    font-size: 12px;
color: #353535;
    border: 1px solid #fff;
    display: inline-block;
    margin: 15px 0 0 15px;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    border-radius: 10px;
    vertical-align: top;
}



.main-video .video-wrapper .main-video-head .main-video-head-feature {
    float: right;
    margin-top: 16px;
}

.main-video .video-wrapper .main-video-head .main-video-head-feature span {
    float: left;
    display: block;
    height: 26px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 26px;
    // background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 10px 12px;
    cursor: pointer;
}



.main-video .video-wrapper .main-video-head .main-video-head-feature .about-this-journal {
    background-image: url("http://www.xinhuanet.com/datanews/2016countrypic/img/icon_upArrow.png");
    background-position: 92px center;
    background-repeat: no-repeat;
}

.main-video .main-video-txt {
    margin-bottom: 24px;
    background: #f4f4f4;
    border-bottom: 8px solid #dadada;
}

.main-video .main-video-txt .intro-container {
    width: 940px;
    width: 992px;
    padding-top: 26px;
    padding-bottom: 8px;
    margin: 0 auto;
    //   height: 0;
    // overflow: hidden;
    // padding: 0;
    display: block;
}

.main-video .main-video-txt .intro-container > div {
    width: 48%;
}

.main-video .main-video-txt .intro-container .introduction {
    float: left;
}

.main-video .main-video-txt .intro-container .introduction .intro-cont {
    padding-top: 14px;
    font-size: 14px;
    line-height: 28px;
    color: #646464;
}

.main-video .main-video-txt .intro-container .elder-photor {
    float: right;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photo-tit {
    float: left;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont {
    float: left;
    margin-top: 8%;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer {
    display: inline-block;
    width: 108px;
    height: 108px;
    margin-left: 60px;
    vertical-align: middle;
    border: 4px solid #dcdcdc;
    border-radius: 100%;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    // overflow: hidden;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer img {
    width: 100%;
    border-radius: 100%;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #5a5a5a;
    padding-top: 10px;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer:first-child {
    position: relative;
}

.main-video .main-video-txt .intro-container .elder-photor .elder-photor-cont .elder-photo-famer:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: -34%;
    display: block;
    height: 108px;
    border-right: 1px solid #dcdcdc;
}   

/*-----------video结束-----------*/	
.newsListBoxLeft h2 a{width:480px; float:left; height:50px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 -88px;border-bottom:1px #CCCCCC solid; margin:10px 0;}
.newsListBoxLeft p{border-left:3px #990000 solid; padding:0 10px 10px 10px;width:450px;float:left;font-size:15px;line-height:33px;}
.newsListBoxRight{width:580px;float:right;}
.newsListBoxRight h2 a,.newsListBoxRight a:visited{width:580px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 0;}
.newsListBoxRight ul{width:580px;float:right;padding:5px 0;display:inline;}
.newsListBoxRight li{width:570px;float: left;line-height:33px;font-size:15px;overflow:hidden;padding:0 5px;border-bottom:1px #CCCCCC  dashed; margin-bottom:18px;}
.newsListBoxRight li h3{width:550px;float: left;line-height:41px;height:41px;font-size:15px;overflow:hidden;padding:0 5px 0 15px;background:url("title.gif") no-repeat scroll -490px -409px;}
.newsListBoxRight li p{margin-bottom:18px;}

.videoList{width:440px;float:left; margin-bottom:10px; border-left:#990000 3px solid; padding-left:8px;}
.videoList li{width:420px;float: left;line-height:31px;font-size:15px;overflow:hidden;padding:0 5px 0 15px; margin-right:20px;margin-bottom:18px;background:url("title.gif") no-repeat scroll 0 -416px;}


/*----------------------rwzf-------------------*/
.rwzfTitle a,.rwzfTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 -169px; margin:30px 0 10px;}
.rwzfBox{width:1100px;float:left;}
.rwzfBoxLeft{width:400px;float:left;}
.rwzfBoxLeft li{width:380px;float:left; padding:5px 0;}
.rwzfBoxLeft li img{width:380px; height:200px;float:left; padding:4px;border:1px #CCCCCC  solid;}

.rwzfBoxRight{width:680px;float:right;}
.rwzfBoxRight li{width:680px;float: left;line-height:33px;height:218px;font-size:15px;overflow:hidden;padding:0 5px;border-bottom:1px #CCCCCC  dashed; margin-bottom:5px;}
.rwzfBoxRight li h3{width:680px;float: left;line-height:41px;height:41px;font-size:18px;overflow:hidden;padding:0 5px 0 15px;background:url("title.gif") no-repeat scroll -490px -409px;}
.rwzfBoxRight li p{margin-bottom:10px; color:#999;}


/* 本例子css */
	.scrollBox{ width:1080px;padding:10px;position:relative;float:left;}
	.scrollBox .piclist{ overflow:hidden; zoom:1;}
	.scrollBox .ohbox{overflow:hidden; position:relative;width:1030px;left:35px;}
	.scrollBox {position:relative;overflow:hidden;zoom:1;}
	.scrollBox .piclist li{float:left; display:inline; width:230px;background:#fff;margin-right:4px;padding:5px; height:200px;}
	.scrollBox .piclist li img{float:left;width:230px; height:156px;}
	.scrollBox .piclist li span{height:75px;line-height:25px;float:left;text-align:center;width:230px; margin-top:10px; padding:20px 10px 0 10px;}
	.scrollBox .piclist li span h2{ font-size:15px; color:#000066;}
	.scrollBox .pageBtn span{ background:url("bntBg.png") no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }
	.scrollBox .pageBtn .prev{left:20px;background-position:-11px -84px ;}
	.scrollBox .pageBtn .next{right:20px;background-position:-53px -84px ;}
	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 480px; }
	.scrollBox .pageBtn .list li{ background:url("bntBg.png"); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
	.scrollBox .pageBtn .list li.on{background-position:-114px -57px;}	
	
	
	.headPic{width:500px;float:left;}
	
	.foxBox { position: relative; width: 500px; height:400px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;float:left; }
	.foxBox .pic img { width: 500px; 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: 500px;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;  }

/*----------------------rwjc-------------------*/
.rwjcTitle a,.rwjcTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 -280px; margin-top:40px;}
.mlqtTitle a,.mlqtTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 -528px; margin:50px 0 10px;}
.ymcfTitle a,.ymcfTitle a:visited{width:1100px; float:left; height:60px;overflow:hidden;text-indent:-9999em;display:block;background:url("title.gif") no-repeat scroll 0 -5px; margin:40px 0 10px;}
.rwjc{width:1100px;float:left; margin:20px 0 10px;}
.rwjc li{width:520px;float: left;line-height:33px;font-size:15px;padding:15px 0; margin-right:20px;}
.rwjc li img{width:230px; height:150px;float: left; margin:5px 10px 5px 0;}
.rwjcList{width:1100px;float:left; margin-bottom:10px;}
.rwjcList li{width:500px;float: left;line-height:33px;font-size:15px;overflow:hidden;padding:0 5px 0 15px; margin-right:20px;border-bottom:1px #CCCCCC  dashed; margin-bottom:18px;background:url("title.gif") no-repeat scroll -490px -409px;}

/*------------------------ad-------------------------*/
.imgad1,.imgad1 img{width:1100px;float:left; height:150px;}
.imgad2,.imgad2 img{width:1100px;float:left; height:150px; margin-top:8px;}
.txtad1{width:1100px;float:left; margin:20px 0;border-bottom:1px #CCCCCC solid;border-top:1px #CCCCCC solid; display: inline;}
.txtad1 li{width:210px;float:left;line-height:33px;height:33px; margin:3px 5px;display: inline;}


/*--------------newsListPage-----------------*/
.newsListPage{ background:#FFF;width:1060px;float:left;margin-top:50px;padding:20px;}
.newsListPage h2{width:1060px;float:left; height:35px; line-height:35px; font-size:21px; color:#036; margin-bottom:20px;}
.newsListPage li{width:490px;float: left;line-height:33px;font-size:15px;overflow:hidden;padding:0 5px 0 15px; margin-right:20px;border-bottom:1px #CCCCCC  dashed; margin-bottom:18px;background:url("title.gif") no-repeat scroll -490px -409px;}
.newsListPage li span{color:#999; margin-left:10px;}

/*-----------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:20px; background:#D3E3EF;}
	.foot_info p {width:100%;text-align:center;}
	.foot_info a, .foot_info a:visited {color:#ffcc00;}