.top_banner img {
    width: 100%;
    height: auto;
     display: block;
    
}

.menu {
    width: 100%;
     height: .5rem;
     z-index: 9999;
	   background-color: #09773D;
}

.menu_info {
	 top: -.1rem;
	  position: relative;
	height: .7rem;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
	 max-width: 1200px;
	  background: url(ztjj_ggsnxd_reform_menu.png)no-repeat center;
	    background-size: 100%;
	
}

.Project_area{
      background: url(ztjj_ggsnxd_reform_bg.png) no-repeat top;
}

.menu_info li a {
    font-size: .24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .7rem;
    width: 100px;
    display: block;
    text-align: center;
    margin: 0 .3rem;

}

.Project_area {
    padding-top: .9rem;
}

.area_title {
    margin: 0 auto;
    height: auto;
    display: block;
}

.spirit_main {
    margin-top: .28rem;
}

.spirit_info{ flex-wrap: wrap;}
.spirit_info li {
     width: 45%;
    
    border-bottom: 1px solid #eee;
    padding: .2rem 0;
}
.spirit_info li:nth-child(odd){
      margin-right: .5rem;
       box-sizing: border-box;
}
.spirit_info li:nth-child(even){
    margin-left: .5rem;
     box-sizing: border-box;
}
.story_right .spirit_info li{
    margin:0;
}
.story_right .spirit_info li{ width: 100%;}

.xi_title {
   max-width: 4.8rem;
    font-size: .24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
}
.xi_title::before{ width:.1rem; height: .1rem; background: #CC1A06;
    content: "";
     display: inline-block;
      margin-right: .1rem;
      
   }

.xi_intro {
     padding-top: .1rem;
    font-size: .22rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666666;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     padding-left: .2rem;
      box-sizing: border-box;
  
    max-width: 4.8rem;
}

.story {
    padding-top: .8rem;
}

.story_main {
    padding-top: .5rem;
}

.story_left {
    max-width: 5.4rem;
    flex-shrink: 0;
    margin-right: .6rem;
}

.story_title {
    font-size: .26rem;
    font-weight: bold;
    color: #333333;
    line-height: .42rem;
     padding-bottom: .24rem;

}

.story_p {
    font-size: .22rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666666;
    line-height: .32rem;
}

.story_a {
    display: block;
    width: 1.8rem;
    line-height: .48rem;
    text-align: center;
    font-size: .16rem;
    color: #EA1217;
    margin-top: .2rem;
     border: 1px solid #EA1217;
}
.state_main{ width: 100%;}

.state {
    padding-top: 1.1rem;
}

.state_info {
    /* -webkit-flex-wrap: wrap;  
    -moz-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    -o-flex-wrap: wrap;  
    flex-wrap: wrap; */
    width: 100%;
    padding-top: .6rem;
}

.state_info>li {
    background: #EFEFEF;
    padding: .1rem .1rem .03rem .24rem;
    width: 5.5rem;
    box-sizing: border-box;
    margin-bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.state_left {
    margin-right: .5rem;
}

.state_info li>a>img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .15rem;
    width: .26rem;
    height: auto;
}

.state_info li a {
    font-size: .24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
    line-height: .32rem;
}

.Action {
    padding-top: .6rem;
}

.Action_main {
    padding-top: .39rem;
}

.work h5 {
    width: 1.8rem;
    height: .5rem;
    background: #F18D00;
    text-align: center;
    color: #fff;
    font-size: .2rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .5rem;
}

.work i {
    display: inline-block;
    width: .05rem;
    height: .48rem;
    background-color: #CA0915;
    margin-top: 2px;
}

.Action_left {
    width: 5.5rem;
    margin-right: .5rem;
    flex-shrink: 0;
}

.Action_info>li {
    padding: .2rem 0 .16rem;
    border-bottom: 1px solid #eee;
}

.Action_title img {
    display: inline-block;
    vertical-align: middle;
    width: .13rem;
    height: .13rem;
    margin-right: .1rem;
}

.Action_title {
    font-size: .18rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
    line-height: .32rem;
}

.Action_list {
    padding-top: .1rem;
}

.Action_img {
    width: .88rem;
    height: .66rem;
    margin-right: .2rem;
}

.Action_p {
     width: 80%;
    font-size: .14rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666666;
    line-height: .22rem;
    text-indent: 2em;
}

.Action_right {

    flex: 1;
    background: url(../img/ztjj_ggsnxd_40.png) no-repeat center;
    background-size: 100%;
    flex-shrink: 0;
}

.gnosis {
    padding-top: .6rem;
    padding-left: .16rem;
}

.gnosis h5 {
    padding: .3rem .15rem .48rem;
    width: .5rem;
    height: 1.8rem;
    box-sizing: border-box;
    background: #F18D00;
    font-size: .2rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .32rem;
}

.gnosis i {
    display: block;
    width: .48rem;
    height: .05rem;
    background: #CA0915;
    margin-left: 2px;
}

.gnosis_ul {
    padding-left: .5rem;
    padding-top: .6rem;
}

.gnosis_list img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: .13rem;
    height: .13rem;
}

.gnosis_list {
    font-size: .16rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
    line-height: .32rem;
}

.gnosis_ul li {
    padding: .1rem 0;
    border-bottom: 1px solid #eee;
}

.video_zb {
    padding-top: .9rem;
}

.video_info {
    padding-top: .4rem;
    flex-wrap: wrap;

}

.video_info>li {
    flex: 1;
     margin-right: .2rem;
      background: #EFEFEF;
       padding: .26rem .16rem .3rem;
        box-sizing: border-box;
}

.video_info>li:last-child{ margin-right: 0;}

.video_info>li a {
    display: block;
}
.video_info>li  a h5 {
     font-size: .26rem;
    font-weight: bold;
    color: #333333;
    line-height: .42rem;
   /*  padding-bottom: .1rem; */
}
.video_info>li  a h5::before{
    width:.1rem; height: .1rem; background: #CC1A06;
    content: "";
     display: inline-block;
      margin-right: .1rem;
      vertical-align: middle;
}
.video_info>li  a p {
    font-size: .22rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #666;
    line-height: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

}

.stone {
    padding: .8rem 0;
}

.stone_info {
    flex-wrap: wrap;
    padding-top: .4rem;
}

.stone_info li {
    border-bottom: 1px solid #eee;
    width: 5.5rem;
    flex-shrink: 0;
    padding: .1rem 0;
}

.stone_info li:nth-child(odd) {
    margin-right: .5rem;
}

.tone_list img {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    margin-right: .1rem;
}

.tone_list {
    font-size: .24rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #333333;
    line-height: .32rem;
     padding-bottom: .2rem;

}
.tone_list::before{
    width:.1rem; height: .1rem; background: #CC1A06;
    content: "";
     display: inline-block;
      margin-right: .1rem;
      
}

.footer {
    background:#09773D;
    height: .56rem;
    background-size: auto;
     padding-top: .1rem;
      box-sizing: border-box;
}

.footer_text p {
    color: #fff;
    font-size: .12rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: .05rem;
    text-align: center;
}
/* phone */
@media screen and (min-width:320px) and (max-width:767px) {
    .Project_area{
      background: #fff;
    }
    .spirit_info li{ width: 100%;}
    .spirit_info li:nth-child(odd){ margin-right: 0;}
    .spirit_info li:nth-child(even){ margin: 0;}
    .xi_title{ max-width: 100%;}
    .menu_info li a{
         width: auto;
           margin: 0 .1rem;
    }
    .spirit_main{  display: block;}
    .spirit_left{ padding: .3rem; width: 100%; margin: 0;}
    .spirit_right{   padding: 0 .3rem;}
    .xi_intro{  line-height: normal; max-width: 100%; line-height: .32rem;}
    .story_main{ display: block; padding-top: .3rem;}
    .story_left{ width: 100%;
     max-width: none;
       padding: .3rem
    }
    .stone_info{ margin-top: .3rem;}
    .stone{ padding: .3rem 0;}
    .video_info{  margin-top: .3rem;}
    .story_right{ padding:0 0.3rem ;}
    .state_main{ display: block; padding:0 .3rem;}
    .state_left{ margin-right: 0;}
    .state_info>li{ width: 100%;}
    .state_info{ padding-top: 0;}
    .Action_main{ display: block;  padding: .3rem;}
    .Action_left{ width: 100%; margin-right: 0;
    
     }
     .Action_img{ width: 1.76rem; height: 1.32rem;}
     .Action_p{ line-height:normal; height: 1.2rem;}
     .Action_right{
          margin-top: .3rem;
     }
     .gnosis_ul{ padding-left: .3rem; padding-top: .3rem;}
     .video_info{ padding: 0 .3rem;  }
     .video_info>li{ width: 47%; margin-bottom: .3rem; flex: auto;}
     .video_info>li img{ display: block; margin: 0 auto; width: 100%;}
     .video_info>li p{ line-height: normal;}
     .stone_info{ padding: 0 .3rem;}
     .stone_info li{ width: 100%;}
     .footer{ height: auto; padding:0 .3rem;}
     .Project_area{ background-size: 100%; }
}