﻿@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") no-repeat 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:#7E7E7E;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:1200px;clear:both;}
   .yinyan{width:1070px;height:270px;margin:760px 0 0 60px; background:url(sanjiaoxing.gif) no-repeat 385px 0; text-align:center; padding-top:30px;}
   
   
   .videoBox{width:720px;height:594px;margin:40px 0 0 216px; background:url(videoBox.gif) ; padding:25px;}
   .main-video .main-video-cont {
    padding-top: 5px;
}

.main-video .video-wrapper {
    position: relative;
    /*padding: 18px;
    padding-bottom: 0;*/
    width: 720px;
    margin: 0 auto;
}

.main-video .video-wrapper img,
.main-video .video-wrapper iframe {
    display: block;
    height: 540px;
    background: #000;
}

.main-video .video-wrapper iframe {
    display: none;
    width: 100%;
}

.main-video .video-wrapper .btns {
    position: absolute;
    top: 195px;
    left: 317px;
    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;
    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;
}   
   
   .yishengzhao{width:1170px;height:510px;margin:40px 0 0 30px;}
   .yishengzhaoLeft{width:320px;float:left;}
   .yishengzhaoRight{width:830px; float:right;}
   .yishengzhaoRight img{margin-top:40px;}
   
   
   .titleBox{width:718px;height:135px;margin:70px 0 0 200px; background:url(titleBox.jpg);}
   
   .infoBox{width:1142px;height:85px;background:url(infoBox.gif); padding:48px 0 0 52px;margin-top:20px;}
   
   .neike{width:1170px;height:320px;margin:88px 0 0 30px;}   
   .feiai{width:1200px;height:110px;}
   .feiaiBox{width:1200px;height:400px;margin:70px 0 0 0;}
   .feiaiTepy{width:880px;height:130px;margin:70px 0 0 110px;}   
   
   .teshe{width:1010px;height:73px;margin:50px 0 0 60px;}
   
   .sixteen{ background:url(dotBy.gif) no-repeat 11px 0; width:1075px; height:700px;margin:50px 0 0 60px;}
   .goto2016{width:1032px;margin-top:15px; overflow:hidden;}
   .goto2016_l{width:125px;float:left; padding-left:30px;margin-top:25px;}
   .goto2016_R{width:776px;float:left; padding-left:30px;}
   .goto2017{width:1032px;margin-top:42px; overflow:hidden;}
   .goto2017_l{width:125px;float:left; padding-left:30px;margin-top:25px;}
   .goto2017_R{width:776px;float:left; padding-left:30px;}
   .goto2018{width:1032px;margin-top:42px; overflow:hidden;}
   .goto2018_l{width:125px;float:left; padding-left:30px;margin-top:80px;}
   .goto2018_R{width:776px;float:left; padding-left:30px;}
   
   .zhao{width:665px;background:url(zhaoBy.gif); padding-left:375px; margin:30px 0 0 50px;}
   .zhurenyishi{width:920px;margin:50px 0 0 100px;}
   .yumao{width:700px;margin:50px 0 0 200px;}
   .xiangche{width:1000px;margin:50px 0 0 75px;}
   .jiedui{width:800px;margin:50px 0 0 192px;}
   .liangzhaopian{width:900px;margin:50px 0 0 160px;}
   .end{width:1200px;margin:50px 0 0 0;}    
   
   
/*---------guide ----------------*/
   .guide{width:1200px;float:left; margin-top:15px; border-bottom:5px #676767 solid;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;font-size: 16px; padding:30px 0;}
   .guideLeft{width:528px;float:left;}
   .guideLeft h2 a{ color:#043560;float:left;}
   .guideLeft ul{float:left;width:430px;}
   .guideLeft li{float:left; padding:0 10px; font-weight:bold;}
   
   .guideRight{width:670px;float:right;}
   .guideRight h3 {float:left;}
   .guideRight ul{float:left;width:560px;}
   .guideRight li{float:left; padding:0 6px;}
   
 /*---------qunar----------------*/  
   .js{width:90%; margin:10px auto 0 auto; }
	.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
	.js p span{ float:right; }
	.js p span a{ color:#f00; text-decoration:underline;   }
	.js textarea{ height:50px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

	.qunar { width: 780px; margin: 0 auto 15px; position: relative; overflow: hidden; height:320px;}
	.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 780px; height: 300px; }
	.qunar .e_pic_wrap li {position:relative;  display: block; width: 780px; height: 300px; overflow: hidden; }
	.qunar .e_bg_flt { position: absolute; right: 0; top: 0; width: 270px; height: 300px; background:#E5E5E5;  z-index: 10; }
	.qunar .e_flt_inf { position: absolute; right: 0; top: 0; width: 227px; height: 180px; padding: 25px 28px 10px 15px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
	.qunar .e_flt_inf h2 { font: 20px/45px "微软雅黑"; }
	.qunar .e_flt_inf h3 { font: 16px/22px "微软雅黑"; margin-bottom: 22px; }
	.qunar .e_flt_inf h3 a, .qunar .e_flt_inf h2 a { color:#041181; font-weight:bold; }
	.qunar .e_flt_inf .t_info { line-height: 33px; height: 150px; overflow: hidden; font-size:16px;}
	.qunar .e_flt_inf .t_info a { color: #000; }
	.qunar .e_flt_inf .t_info .l_view { background: url(ico_p1.png) no-repeat scroll -120px 0; color: #fff; width: 39px; height: 14px; line-height: 14px; padding: 0 2px; display: inline-block; }
	.qunar .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }
	.qunar .e_sep a { color: #81d6d3; }


	.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
	.qunar .prev { top: 93px; left: 10px; }
	.qunar .next { top: 93px; right: 10px; }
	.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(ico_prevnext_ie6.png); }
	.qunar .prev a { background-position: 0 0; }
	.qunar .prev a:hover { background-position: 0 -40px; }
	.qunar .next a { background-position: 0 -80px; }
	.qunar .next a:hover { background-position: 0 -120px; } 

/*-----------foot_info---------------*/
  	.foot_info {width:1200px;padding:10px 0;text-align:center;line-height:27px;overflow:hidden;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif !important;font-size:15px; margin-top:5px;color:#676767;float:left;border-top:1px #676767 solid;}
	.foot_info p {width:100%;text-align:center;}
	.foot_info a, .foot_info a:visited {color:#ffcc00;}	
