/*******************************************************/

#header{
    height:auto;
}
#header .headerImg{
    width:100%;
    height:auto;
}
#header .contentBar{
    width:1024px;
    height:100%;
    
}
#header .contentBar p{
    position:absolute;
    left:0px;
    bottom:10px;
    font-size:14px;
    color:#999999;
    overflow:hidden;
}
#header .contentBar p span{
    font-size:14px;
    color:#bc9840;
}
#header .contentBar p a{
    font-size:14px;
    color:#bc9840;
}
/*******************************************************/
#body{
    margin-bottom:190px;
}
#body .contentBar{
    width:1024px;
}
/***文章部分**/
#body .contentBar .articleBody{
    width:634px;
    height:auto;
    overflow:hidden;
    color:#333333;
}
#body .contentBar .articleBody .articleTitle{
    width:100%;
    font-size:20px;
    font-weight:bold;
    line-height:36px;
    text-align: center;
  		padding-bottom:20px;
    overflow:hidden;
}
#body .contentBar .articleBody .article{
    font-size:14px;
    width:100%;
    font-weight:bold;
    height:auto;
    line-height:1.6em;
}
#body .contentBar .articleBody .article p{
    text-indent: 2em;
}
#body .contentBar .articleBody .article .compile{
    margin-top:14px;
    margin-bottom:28px;
    width:100%;
    height:auto;
    text-align:right;
}
/***右侧边栏部分**/
#body .contentBar .slideRight{
    width:346px;
    height:auto;
    overflow:hidden;
    color:#666666;
/*    background-color:yellowgreen;*/
    padding-top:16px;
}
#body .contentBar .slideRight .wrap{
    width:100%;
    height:auto;
    overflow:hidden;
}
#body .contentBar .slideRight .wrap .catalog{
    overflow:hidden;
}
#body .contentBar .slideRight .wrap .catalog img{
    width:100%;
    height:auto;
}
#body .contentBar .slideRight .wrap .main{
    width:100%;
    height:auto;
    margin:20px 0px 30px 0px;
    position:relative;
}
#body .contentBar .slideRight .wrap .main .imgs{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}

/*两个图片*/
#body .contentBar .slideRight .wrap .main .imgs .img2{
    width:170px;
    height:110px;
    font-size:12px;
    color:#ffffff;
    position:relative;
    overflow:hidden;
}
/*四个图片*/
#body .contentBar .slideRight .wrap .main .imgs .img4{
    width:162px;
    height:110px;
    font-size:12px;
    color:#ffffff;
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    margin-right:10px;
}
/*两个竖的图片*/
#body .contentBar .slideRight .wrap .main .imgs .img2H{
    width:154px;
    height:176px;
    font-size:12px;
    color:#ffffff;
    position:relative;
    overflow:hidden;
    margin-bottom:16px;
    margin-right:10px;
}

#body .contentBar .slideRight .wrap .main .imgs .imgwrap img{
    width:100%;
    height:100%;
    overflow:hidden;
}

/*遮罩*/
#body .contentBar .slideRight .wrap .main .imgs .imgwrap .shadow{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:0px;
    background-color:#153476;
    font-size:12px;
    color:#ffffff;
    font-weight: bolder;
    overflow: hidden;
}
#body .contentBar .slideRight .wrap .main .imgs .imgwrap .shadow p.inline{
    line-height:1.6em;
    width:125px;
    height:auto;
    overflow:hidden;
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
#body .contentBar .slideRight .wrap .main .list{
    width:100%;
    height:auto;
    margin-top:22px;
    overflow:hidden;
    font-size:14px;
}
#body .contentBar .slideRight .wrap .main .list li{
    margin-bottom:16px;
}
#body .contentBar .slideRight .wrap .main .list li a{    
    color:#666666;
}
#body .contentBar .slideRight .wrap .main .bw{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-bottom:20px;
}
#body .contentBar .slideRight .wrap .main .bw .miniCatalog{
    color:#4a371a;
    font-size:18px;
    font-weight: bolder;
}
#body .contentBar .slideRight .xcSlide .main .wrapLink{
    width:345px;
    height:192px;
    overflow:hidden;
    position:relative;
    color:#ffffff;
    font-size:12px;
}
#body .contentBar .slideRight .xcSlide .main .wrapLink img{
    width:100%;
    height:100%;
}
#body .contentBar .slideRight .xcSlide .main .wrapLink .fontShadow{
    position:absolute;
    left:0px;
    bottom:0px;
    width:345px;
    height:36px;
    background-color:#333333;
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
    font-size:12px;
    color:#ffffff;
    line-height:36px;
    text-align:center; 
}

/*图解*/
#tjSlide .main .box{
    width:154px;
    height:216px;
    overflow:hidden;
    padding-top:26px;
}
#tjSlide .main .box .imgBg{
    width:154px;
    height:190px;
    position:relative;
    
}
#tjSlide .main .box .imgBg .imglink{
    width:134px;
    height:170px;
    overflow:hidden;
    position:absolute;
    bottom:46px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
#tjSlide .main .box .imgBg .imglink img{
    width:100%;
    height:100%;     
}
#tjSlide .main .box .bgl{
    background-color:#153476;
}
#tjSlide .main .box .bgh{
    background-color:#dbc06a;
}




/*list页面的主要栏目图标*/
#body .contentBar .articleBody .maincatalog{
    width:100%;
    height:auto;
    overflow:hidden;
    background-image: url('../../images/2017zt/20170303qglh/background_line.jpg');
    background-repeat: repeat-x;
    margin-top:16px;
}
#body .contentBar .articleBody .maincatalog  span{
    font-size:28px;
    font-weight: bolder;
    line-height:28px;
    color:#bc973f;
    background-color:#ffffff;
    vertical-align: bottom;
}
#body .contentBar .articleBody .atList{
    margin-top:24px;
    margin-bottom:50px;
    width:100%;
    height:auto;
    overflow:hidden;
}
#body .contentBar .articleBody .atList li h1,#body .contentBar .articleBody .atList li h1 a{
    padding:0px;
    margin:0px;
    font-size:20px;
    color:#333333;
    line-height:48px;
    font-weight: bold;
    text-align:left;
}
#body .contentBar .articleBody .atList li .textBox{
    font-size:14px;
    color:#999999;
    line-height:20px;
}
#body .contentBar .articleBody .atList li img{
    width:350px;
    height:216px;
    overflow:hidden;
    margin:12px 0px 36px 0px;
}
#body .contentBar .articleBody .atVideoList li .imgwrap{
    position:relative;
    width:350px;
    height:216px;
    overflow:hidden;
    margin:12px 0px 36px 0px;
}
#body .contentBar .articleBody .atVideoList li .imgwrap span{
    width:41px;
    height:41px;
    background-image: url('../../images/2017zt/20170303qglh/playerBtn.png');
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
/*******************************************************/
#footer{
    height:auto;
}
#footer .footerImg{
    width:100%;
    height:auto;
}
.article div {
    margin: 0 auto;
}