﻿@charset "utf-8";
/* CSS Document */
.subPage{width:100%;}

.subPage_con{max-width:1200px;margin:0px auto;position: relative;}

.subBanner{width: 100%;margin:0 auto 0px;overflow: hidden;position: relative;/*z-index:9;*/}
.subBanner .subBannerImg{overflow: hidden;width: 100%;margin: 0 auto;background-size: 100% auto;background-position: center top;background-repeat: no-repeat; }
.subBanner .subBannerImg img{width: 100%;}
.sub_mbtn{width:100%;height:40px;background:url(../images/sub-mbtn.png) no-repeat center center;background-color: #f3f3f3;cursor:pointer;display:none;}
/*.open{background:url(../images/sub-mbtn.png) no-repeat center center;background-color:#cda04a;}*/
.sub_navm{ width:100%; overflow: hidden;display: none;margin-bottom: 20px;}
.sub_navm h2{width:100%;height:48px;line-height:48px;background-color:#005aa1;color:#fff;padding-left:13px;font-weight: normal;font-size: 14px;}
.sub_navm h2 a{padding-left:13px;font-size: 14px; font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.sub_navm ul{background-color: #ffffff;}
.sub_navm li{position: relative;}
.sub_navm li a{color:#515151; padding-left:13px; height:40px;line-height:40px;border-bottom:1px solid #d3d3d3;display:block;font-size: 14px;}
.sub_navm li a i{margin-left: 10px;color:#666;font-size: 12px;font-style: normal;}
.sub_navm li a:hover{color:#005aa1;}
.sub_navm li.on a{ color:#005aa1;}

.sub_navm dl{ display: none; background-color:#fff; padding:0px 0px 5px;}
.sub_navm dl dd{line-height:18px; padding:0px 0px 0px 15px;border-bottom:1px solid #ddd;}
.sub_navm li.on dl dd a{ font-size: 14px; color:#282828;font-weight:normal;display:inline; border:none; padding:0px;}
.sub_navm li dl dd a{ font-size: 14px; color:#282828; font-weight:normal; display:inline;  border:none; padding:0px;}
.sub_navm li dl dd a:hover{ color:#a70510}


/*左侧边栏*/

/*左侧边栏*/
.sub_left{width:250px;overflow:hidden;float:left;z-index:999;/*position: absolute;top:-85px;left:0;*/margin-top:-55px;}
.sub_left .sub_nav{width:242px;overflow:hidden;background-color:#c8e7ff;border-left: 8px solid #005aa1}
.sub_left .sub_nav li a{
    line-height: 24px;
    padding: 13px 20px 13px 20px;
    display: block;
    color: #666;
    border-bottom: 1px dashed #bfbfbf;
    font-size: 14px;}
    .sub_left .sub_nav li:last-child a{border-bottom: none;}
.sub_left .sub_nav li a:hover,.sub_left .sub_nav li a.active{color:#005aa1;border-right:3px solid #005aa1;background: #fff}
.sub_left .sub_leftTitle{background:#005aa1; width:250px;height: 55px;}
.sub_left .sub_leftTitle h2{color:#fff;font-size:20px;font-weight: normal; margin:0 auto;text-align: center;line-height: 55px;padding:0 20px;}





.bread{font-size: 14px;color:#999;line-height: 22px;margin-bottom: 20px;border-bottom: 2px solid #005aa1;padding-bottom: 10px;} 
.bread span{color:#999;}
.bread span a{color:#999;margin:0 5px;}
.bread span a:hover{color:#005aa1;}




.subTitle{margin-top: 30px;}
.subTitle h2{font-size: 20px;font-weight: normal; display: inline-block;}
.subTitle .rightMore{ float: right; }
.sub_right{margin:0px 0 30px 280px;overflow: hidden;}

.sub_navm .subNav{width: 100%!important;}

.sub_left .sub_nav li {position: relative;}
.sub_left .sub_nav li .subNavs{background: #f0e9e1;} 
.sub_left .sub_nav li .subNavs dl dd a{font-size: 14px;padding-left: 30px;padding:8px 30px;} 
.sub_left .sub_nav li.sub_has a:hover{border-right: 0;}
.sub_left .sub_nav li.sub_has .subNavs dl dd a:hover {color:#005aa1;border-right: 10px solid #005aa1;}
.sub_left .sub_nav li .skipBtn {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    text-align: center;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 24px;
    line-height: 50px;
    color: #999;
    font-style: normal;
    margin: 0;
}
.sub_left .sub_nav li .skipBtn.up {    background: url(../images/sub_left_up.png) no-repeat center center;}
.sub_left .sub_nav li .skipBtn.down{background: url(../images/sub_left_down.png) no-repeat center center;}

.sub_navm li .skipBtn {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    text-align: center;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 24px;
    line-height: 41px;
    margin: 0;
}








/*分页*/

.pages{ text-align:center; height:28px;*height:29px;  line-height:28px; margin:30px 0 20px 0; *margin-top: 40px; overflow: hidden;}
.pages a{color:#666;margin:0 0px 0 8px;padding:0 7px;height:23px;line-height: 23px;display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;font-size: 16px;}
.pages a.on_pages,.pages a:hover{ color:#fff;background: #005aa1;border-radius: 50%;}
.pages a.start{border-radius: 5px;}
.pages a.prev{border-radius: 5px;}
.pages a.next{border-radius: 5px;}
.pages a.end{border-radius: 5px;}
.pages_min{ margin-top: 25px; overflow: hidden; display: none;margin-bottom: 20px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #005aa1; border-radius: 3px; color:#fff; line-height: 30px; text-align: center;font-size: 16px;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#005aa1; color:#fff; transition:0.5s;}






/*文章页*/
.articleBox{width: 100%;margin: 0px auto ;overflow: hidden;position: relative;}
.subArticleTitle{border-bottom: 1px solid #e1e1e1;text-align: center;padding-bottom: 10px;margin-bottom: 15px;}
.subArticleTitle h2{font-size: 20px;margin-bottom: 10px;font-weight: normal;}
.subArticleTitle .detail{line-height: 22px;font-size: 14px;color:#999;text-align: center;}
.subArticleTitle .detail span{display: inline-block;margin: 0 0 0 15px;color:#999;}
.article{text-align: center;margin-bottom: 20px;}
.article img{margin: 15px 0}
.article p{text-align: left;font-size: 14px;line-height: 24px;}
.Annex {padding:20px 0 20px;  overflow:hidden;clear: both;}
.Annex h3 { font-size: 18px;color:#333;border-bottom: 1px solid #eee;padding-bottom: 10px;font-weight: normal;}
.Annex ul{overflow: hidden;padding-top:15px;}
.Annex ul li { padding-left:15px;margin-bottom: 10px;position: relative;}
.Annex li:before{position: absolute;left: 0;top:10px;width: 4px;height: 4px;background: #ddd;content: '';clear: both;border-radius: 50%;}
.Annex ul li a { font-size: 14px;color:#666;}
.Annex ul li a:hover{color:#005aa1;}

.sub_rightT{margin-left: 0;}


.subNewsList{overflow: hidden;margin-top: 30px}
.subNewsList li{margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.subNewsList li a{overflow: hidden;display: block;}
.subNewsList li a span{color: #005aa1;font-style: italic;margin-right: 2px; font-size:12px;float: right;}
.subNewsList li a h3{font-size: 14px;line-height: 23px;font-weight: normal;}
.subNewsList li a:hover h3{color:#005aa1;}



.subNewsList1{overflow: hidden;margin-top: 30px; border-bottom: 1px solid #ddd;}
.subNewsList1 li{margin-bottom: 10px; width: auto; float: left; }
.subNewsList1 li a{overflow: hidden;display: block; margin: 0 10px;}
.subNewsList1 li a span{color: #005aa1;font-style: italic;margin-right: 2px; font-size:12px;float: right;}
.subNewsList1 li a h3{font-size: 14px;line-height: 23px;font-weight: normal;}
.subNewsList1 li a:hover h3{color:#005aa1;}


.subLightYearsList{overflow: hidden;width: 102%;margin-top: 20px;}
.subLightYearsList li{width: 33.33%;*width: 32.33%; float: left;margin-bottom: 30px;}
.subLightYearsList li a{display: block;margin-right: 20px;}
.subLightYears_img{height: 0;overflow: hidden;padding-bottom: 67%;}
.subLightYears_img img{width: 40%;display: block;}
.subLightYearsList li a p{padding:10px;font-size: 14px;color:#666;height: 20px;line-height: 28px;overflow: hidden;}
.subLightYearsList li a:hover p{color:#005aa1;}

.sub_rightT .subLightYearsList li{width: 25%;*width: 24%;}



@media screen  and (max-width:1300px) {
  .subPage{width:90%;margin: 0px auto}
  .subPage_con{min-height: auto;}
    .bread {font-size: 14px;}
  

  
}




@media screen  and (max-width:800px) {
    .sub_mbtn{display: block;margin-top:10px;}
    .sub_left{display:none;}

    .sub_right{width:98%;margin:0px auto 0;}
 
    .pages{display: none;}
    .pages_min{display: block;}
  .article img,.subArticle p img{width:100%!important;height:auto !important;display:inline-block !important}
  .bread{line-height: 20px;}
  .subBanner .subBannerImg{background-size: 100% 100%;}
  .subArticleTitle h2{font-size: 18px;}
  .subNewsList li a span{float: none;display: block;}
  .subLightYearsList li{width: 50%;}
  .sub_rightT .subLightYearsList li{width: 33.33%;}
}



@media screen and (max-width:640px) {
  
 
  .sub_navm h2{height:30px;line-height:30px;}
  .sub_navm li a{font-size: 14px;height:30px;line-height:30px;}
  .sub_mbtn{height:30px;}
  .sub_navm li a.skipBtn {width: 33px;height: 31px;}
  .sub_rightT .subLightYearsList li{width: 50%;}

  .subTitle h2{font-size: 18px;}

}

@media screen and (max-width:480px) {
  .subLightYearsList li a{margin-right: 0;}
  .subLightYearsList{width: 100%;}
  .subLightYearsList li{width: 100%;float: none;margin-bottom: 10px;}
  .subLightYearsList li a p{height: auto;line-height: 20px;}
  .sub_rightT .subLightYearsList li{width: 100%;float: none;}

}


@media screen /*and (min-width:320px)*/ and (max-width:360px) {
    

}

