@charset "utf-8";
/* CSS Document */
body{background-color:#ededed;}
/*头部样式*/
.header{ width:100%;height:157px;background-color:#9d1722;position: static;}
.top{width:1000px;min-width: 300px; height:99px; margin:0 auto;z-index:9999;position:relative;}
.top{height:108px;}
.topRight{margin-top: 10px;}
.ser{top: 50px;width: 255px;}
.search{width: 255px;}
.search input.notxt{width: 207px;}
.logo{width: 400px;height: auto;margin-top: 25px;position: relative;z-index: 999;}
.nav{width:100%;height: 50px;line-height: 50px;background:url(../images/nav_bg01.png) repeat-x;}
.nav ul{width: 1000px;margin:0 auto;}
.nav li{float: left;font-size: 15px;font-size: 1.5rem;line-height: 49px;position: relative;height: 49px;}
.nav li > a{display: block;padding-left:18px;position: relative;z-index: 10;color:#fff;padding:0 25px;}
.nav li.on > a{color:#fff;}
.subNav{position: absolute;top:49px;background-color:#831f0f;font-size: 14px;font-size: 1.4rem;z-index: 2000;padding:0;display: none;width: 100%;}
.subNav dd{line-height: 22px;padding:6px 15px;text-align: center;}
.subNav dd:hover{background-color: #9d2b19}
.subNav dd a{color: #fff;display: block;position: relative;z-index: 300}
.subNav dd:hover a{color:#FFFFCC;}

.goTop {position: fixed;bottom: 20px;right: 20px;z-index: 99;color: #fff;text-align: center;font-size: 14px;transition: none;background-color:#9d2b19;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;border:1px solid #fff;}
.goTop:hover{color:#fff;}
/*手机端导航*/
.mobile{width: 90%;position:absolute;height: 40px;display: none;top:25px;right: 5%;z-index: 99}
.mobile_title{width: 100%;float:left;color:#fff;position: absolute;left:0;top: 0;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;font-weight:normal;}
.mobile-inner-header{background-color:#cb3018;  width:40px;
    height: 40px;position: absolute;top: 0px;right: 0px;}
.mobile-inner-header-icon{
    color: #ffffff; height: 40px;font-size:25px;text-align: center;
    float:right;width: 40px;position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
    background-color: rgba(255,255,255,0.2);
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute; left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);    width: 25px;    height: 1px;    background-color: rgba(255,255,255,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clickfirst;}      
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s; animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   

@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   
.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{  background-color: rgba(157,23,34,0.9);width: 100%; position: absolute;top: 66px;left: 0px;padding-top: 10px;padding-bottom: 25px;display: none;border-top:1px solid #bc0f1e;}
.mobile-inner-nav a{display: inline-block;line-height: 40px;
    text-decoration: none;  width: 80%; margin-left: 10%;
    color: #FFFFFF; border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s;   font-weight:300;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav li{position: relative;}
.mobile-inner-nav li strong{color: rgba(255,255,255,0.5);position: absolute;right:10%;top:0;font-size: 25px;font-size: 2.5rem;cursor: pointer;width: 20px;height: 40px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;   -moz-transition: all 0.5s;
    -o-transition: all 0.5s;    transition: all 0.5s; }
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}
@-webkit-keyframes returnToNormal {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }

    @keyframes returnToNormal {
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
      }
    }
.mobile_subNav{display: none;padding-left:10px;}
.mobile-inner-nav dd a{height: 30px;line-height: 30px;border-bottom: dotted 1px rgba(255,255,255,0.2);font-size: 12px;font-size: 1.2rem;}
.phoneSearch{width: 257px;position: absolute;bottom:30px;left:50%;margin-left: -128px;height: 30px;}
.phoneSearch .ser{display: block !important;top: 0;right:0;}
.nLinks{width: 100%;overflow: hidden;padding-bottom: 60px;}

.breadWrap{width: 100%;background-color:#d0d0d0;line-height: 20px;padding:4px 0;}
.bread{width:1000px;margin:0 auto;font-size: 12px;font-size: 1.2rem;}
.bread span{margin:0 10px;}
.bread a{color:#3e3e3b}
.bread a:hover{color:#a71016;}


/*footer*/
.footerWrap{width: 100%;overflow:hidden;background-color:#e0e0e0;font-size: 12px;font-size:1.2rem;padding-top:20px;}
.footer{color:#fff;padding:5px;text-align: center;line-height: 22px;background-color:#791314;}
.footer span{color:#fff;margin:0 5px;display: inline-block;}

.subBanner{width: 100%;max-width: 1440px;margin:0 auto;}



.subPage{width:1000px;margin:0 auto;position:relative;overflow: hidden;}
.subLeft{width: 236px;float:left;overflow: hidden;margin-top: 40px;}
.subLeft h3{font-size: 18px;font-size: 1.8rem;color:#cc181f;height: 47px;line-height: 47px;background:url(../images/bg01.png) no-repeat left center;padding-left:20px;}
.subLeft ul{width: 100%;overflow: hidden;background-color:#fff;}
.subLeft li{border-bottom: 1px solid #ededed;line-height: 20px;color:#343434;width: 100%;float: left;}
.subLeft li > a{display: block;padding-left: 15px;color:#343434;padding:10px 0 10px 15px;}
.subLeft li > a:hover {background-color:#f5f5f5;}
.subLeft li.active > a{background-color:#a71016;color:#fff;}
.subDl{width: 100%;overflow: hidden;}
.subDl dd{line-height: 20px;border-bottom: 1px solid #ededed;}
.subLeft .subDl dd a{display: block;padding:10px 0 10px 35px;background:url(../images/bg-7.png) no-repeat 10px center #f5f5f5;}
.subLeft .subDl dd a:hover{background-color:#fff;}

/*移动端二级导航开始*/
.phone_subNav{margin: 30px 0 30px; }
.phone-icon01{width: auto;height: 36px;background-color:#a71016;display: block;}
.sub_navm{ width:auto;; overflow: hidden;display: none;}
.sub_navm ul{background-color:#fafafa;text-align: left;width: 100%;overflow: hidden;}
.sub_navm li{border-bottom:1px solid #dadada;width: 100%;overflow: hidden;}
.sub_navm li a{font-size: 14px; color:#515151; padding-left:13px; height:35px;line-height:35px;display:block;width: auto;float:left;}
.sub_navm li a:hover{color:#a71016;}
.sub_navm li.sub_has span{ margin-left: 10px;}
.sub_navm li.on a{ color:#a71016;float: left;overflow: hidden;}
.sub_navm dl{ display: none; background-color:#fff; overflow: hidden;width:auto;border:1px solid #f5f5f5;clear: both;}
.sub_navm dl dd{ padding-left: 30px; line-height:18px;overflow: hidden;border-bottom: 1px solid #dadada;background:url(../images/bg-7.png) no-repeat 8px center #f5f5f5;}
.sub_navm dl dd:last-child{border-bottom: none;}
.sub_navm li.on dl dd a{ font-size: 13px; color:#444;font-weight:normal;display:inline; border:none; padding:0px;float:left;}
.sub_navm li.on{border-bottom: none;}
.sub_navm li strong{float:right;width: 30px;height:35px;line-height:35px;text-align: center;color:#b8b8b8;font-size: 18px;cursor: pointer;background-color:#f5f5f5;}
.phone_subNav{display: none;}
.phone-icon01{text-align: center;display: block;}
	.phone_subNav .mobile-inner-header-icon{display:inline-block;float: none;width: 36px;height: 36px;}
	.phone_subNav{width: 100%;overflow: hidden;}
	.phone_subNav .mobile-inner-header-icon span{background-color: #fff}

.subRight{margin:40px 0 30px 260px;min-height: 550px;background-color:#fff;}
.articleList03{width: auto;padding:18px 18px 0;overflow: hidden;}
.listTitle03 {font-size: 18px;font-size: 1.8rem;border-bottom: 1px dotted #a3a3a3;color:#d03428;font-weight: bold;text-align: center;padding-bottom: 15px;margin-bottom: 15px;}

.list03{width:auto;overflow: hidden;padding:0 10px;}
.list03 li{height: 30px;line-height: 30px;overflow: hidden;}
.list03 li a{color:#337ab7;}
.list03 li span{float: right;margin-left: 10px;font-size: 13px;font-size: 1.3rem;}

/*分页*/
.page{ width:100%; height:30px; line-height:30px; text-align:center; margin:0 auto;font-size:12px;clear:both; padding:20px 0px;}
.page a{ padding:0 5px;}
.pages_min{ overflow: hidden; display: none;padding:30px 18px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #9d1722; border-radius: 3px; color:#fff; line-height: 30px; text-align: center;}
.pages_min a.next_min{ float:right;}

/*文章页*/
.pageArticle{width:auto;overflow:hidden;padding:15px;}
.articleTitle{}
.articleTitle h3{font-size: 18px;font-size: 1.8rem;border-bottom: 1px dotted #a3a3a3;color:#d03428;font-weight: bold;text-align: center;padding-bottom: 15px;margin-bottom: 10px;}
.articleAuthor{text-align:center;line-height:20px;padding:10px 0;color:#5e5e5e;}
.articleAuthor span{ margin-right:15px;color:#999;font-size:12px;}
.articleAuthor strong{color:#999;}
.article{line-height: 35px;font-size: 16px;padding: 25px 0}
.sub_share{float:right;}
.Annex {padding:0px; overflow:hidden; margin-bottom:30px;clear: both;}
.Annex h3 { font-size: 16px;line-height: 16px;color:#9d2b19; padding-left:10px;border-left:4px solid #9d2b19;margin:10px 0;height: 16px;}
.Annex ul li { height: 26px; line-height: 26px;background:url(../images/li_bg01.png) no-repeat 10px center; padding-left: 28px;}
.Annex ul li a { font-size: 12px; line-height: 24px; color:#656464;}
.Annex ul li a:hover{color:#9d2b19;}

@media screen  and (max-width:1330px) {
 .logo{margin-top: 5px;}
}
@media screen  and (max-width:1000px) {
	.logo{width: 360px;height: auto;padding:15px 0;margin:0;float:none;}
	.header{height: auto;}
  .subPage,.bread{width: auto;padding:0 15px;}
  .top{width: auto;height: auto;overflow: visible;}
  .topRight{display: none;}
  .ser,.nav{display: none;}
  .mobile{display: block;}
 
}

@media screen  and (max-width:950px) {
 .subLeft{display: none;}
	.subRight{width: 100%;margin:0;}
	.phone_subNav{display: block;}
}
@media screen  and (max-width:768px) {
	.page{display: none;}
	.pages_min{display: block;}

}

@media screen and (max-width:480px) {
	.logo{width: 280px;}
	.mobile-inner-nav{top:61px;}
	.mobile{top:18px;} 
}
@media screen and (max-width:360px) {
.logo{width: 250px;}
}