.index_top {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #567aa1;
  font-size: 0.21rem;
  font-family: PingFang SC;
  font-weight: 500; }
  .index_top .content {
    margin: 0 auto;
    width: 11.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
	.index_top .content img{
		margin-right:1rem;}
    .index_top .content .search_icon {
      width: 0.26rem;
      height: 0.26rem; }
    .index_top .content .cha {
      width: 0.26rem;
      height: 0.26rem;
      display: none; }
    .index_top .content .span1 {
      color: #fbf9f9; }
    .index_top .content .span2 {
      color: #fdad2f; }

.index_serach_box {
  position: absolute;
  top: -0.8rem;
  z-index: 9;
  opacity: 0.5;
  background: white;
  height: 0.8rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center; }
  
  .serach_serach_box{
	 background: white;
    height: 0.8rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
	margin-top:.1rem;}
  .index_serach_box input, .serach_serach_box input {
    width: 3.09rem;
    height: .4rem;
    border: 0.01rem solid #929292;
    border-radius: 0.1rem;
    outline: none;
    padding-left: .2rem;
    box-sizing: border-box; }
  .index_serach_box .search, .serach_serach_box .search {
    width: .66rem;
    height: .37rem;
    background: #e90505;
    border-radius: .1rem;
    font-size: .21rem;
    text-align: center;
    line-height: .37rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fbf7f7;
    margin: 0 .21rem; 
	border: 1px;}
	.index_serach_box .select, .serach_serach_box .select{
		box-sizing: border-box;
    font-size: .18rem;
    padding: .04rem;
    color: #999999;}
  .index_serach_box .cancel, .serach_serach_box .cancel {
    font-size: .21rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999; }

.index_nav_box {
  height: 0.8rem;
  display: flex;
  width: 11.7rem;
  margin: 0 auto;
  align-items: center; }
  .index_nav_box .logo {
    width: 1.61rem;
    height: 0.64rem;
    margin-right: 0.2rem; }
  .index_nav_box .nav {
    display: flex;
    align-items: center;
    font-size: 0.19rem;
    font-family: ‘Microsoft Yahei’;
    font-weight: 400;
    color: #303030; }
    .index_nav_box .nav .item {
      padding: 0.1rem;
      margin-right: 0.04rem;
      position: relative; }
	
      .index_nav_box .nav .item .nav_list {
        position: absolute;
        display: none;
        z-index: 9;
        top: 0.4rem;
        padding-top: 0.2rem;
        left: 0rem;
        background: rgba(255, 255, 255, 0.9); }
        .index_nav_box .nav .item .nav_list li {
          padding: .1rem;
          width: 1.6rem;
          box-sizing: border-box;
          z-index: 9;
          font-size: .15rem;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #666666; }
          .index_nav_box .nav .item .nav_list li.on {
            color: #a72c2c; }
    .index_nav_box .nav .active {
      background: #567aa1;
      color: #fff; }
	   .index_nav_box .nav .active a{
      color: #fff; }
	   .index_nav_box .nav .active ul li a{
      color: #646464; }

.index_banner {
  width: 100%;
  height: 4.5rem;
  background: #567AA1; }

.index_bottom {
  width: 100%;
  height: 4.2rem;
  background: #567aa1;
  text-align: center; }
  .index_bottom .info {
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #f6f8fa; }
	.index_bottom .info a{

    color: #f6f8fa; }
  .index_bottom .tit {
    font-size: .22rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #eeab29; }
  .index_bottom .top_content {
    display: flex;
    justify-content: space-between;
    width: 11.7rem;
    margin: 0 auto;
    padding-top: .62rem;
    padding-bottom: .44rem; }
  .index_bottom .line1 .img_box {
    width: 1.7rem;
    height: 1.6rem;
    margin-top: .32rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
    .index_bottom .line1 .img_box img {
      width: .76rem;
      height: .76rem; }
      .index_bottom .line1 .img_box img:nth-child(1) {
        margin-bottom: 0.16rem; }
      .index_bottom .line1 .img_box img:nth-child(2) {
        margin-bottom: 0.16rem; }
  .index_bottom .line2 .item {
    display: flex;
    align-items: center; }
    .index_bottom .line2 .item img {
      width: .5rem;
      height: .5rem;
      margin-right: 0.11rem;
	  margin-left:0rem;
	  border:1px #ffffff solid;}
  .index_bottom .line2 .text1 {
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #f9f9f9;
    line-height: .25rem;
    text-align: left; }
	.index_bottom .line2 a {
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;}
	.index_bottom .line2 a:-webkit-any-link {
    cursor: pointer;
    text-decoration:none;}
	.index_bottom .line2 a:hover {
    color: #eeab29;
    cursor: pointer;
    text-decoration: underline;}
  .index_bottom .line2 .text2 {
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #eeab29;
    line-height: .25rem;
    text-align: left; }
  .index_bottom .line3 .item {
    display: flex;
    margin: .3rem 0; 
	font-size:.14rem;
	  line-height:.3rem;}
    .index_bottom .line3 .item img {
      width: .3rem;
      height: .3rem;
      margin-right: .12rem; }
  .index_bottom .line4 {
    text-align: left;
    line-height: 1;
    font-size: .14rem; }
    .index_bottom .line4 .text1 {
      width: 3.07rem;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #EEAB29;
      line-height: .3rem;
      margin-top: 0.5rem; }
    .index_bottom .line4 .text2 {
      margin-top: .25rem;
      color: #EEAB29; }
    .index_bottom .line4 .text3 {
      margin-top: .25rem;
      color: #EEAB29; }

.index_list_content {
  width: 11.7rem;
  margin: 0 auto;
  padding: 0.3rem 0;
  display: flex; }
  .index_list_content .left_nav {
    width: 2.68rem;
    border-top: .66rem solid #567AA1;
    min-height: 12rem;
    margin-right: .23rem;
    position: relative;
    background: #fff; }
    .index_list_content .left_nav .card_title {
      width: 1.86rem;
      height: .71rem;
      background: rgba(217, 6, 6, 0.8);
      position: absolute;
      top: -.42rem;
      left: .41rem; }
      .index_list_content .left_nav .card_title .text1 {
        font-size: .23rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #f6f6f6;
        line-height: .39rem;
        text-align: center; }
      .index_list_content .left_nav .card_title .text2 {
        font-size: .17rem;
        font-family: Adobe Heiti Std;
        font-weight: normal;
        color: white;
        line-height: .39rem;
        text-align: center; }
  .index_list_content .right_content {
    flex: 1;
    background: #fff;
    padding: 0 .26rem;
    box-sizing: border-box; 
	padding-bottom:0.96rem;}
    .index_list_content .right_content .location {
      display: flex;
      align-items: center;
      border-bottom: .01rem solid #EEEEEE;
      padding: 0.1rem 0;
      font-size: .15rem;
      font-family: Adobe Heiti Std;
      font-weight: normal;
      height: .21rem;
      line-height: .21rem;
      color: #424141; }
      .index_list_content .right_content .location .line {
        width: .03rem;
        height: .21rem;
        background: #d90606;
        margin-right: 0.1rem; }
    .index_list_content .right_content .content .title {
      font-size: .20rem;
      font-family: Adobe Heiti Std;
      font-weight: bold;
      color: #567aa1;
      margin: .3rem auto 0.55rem;
      text-align: center;
	  line-height:.4rem; }
	  .index_list_content .right_content .content .searchtitle {
      font-size: .20rem;
      font-family: Adobe Heiti Std;
      font-weight: bold;
      color: #567aa1;
      margin: .1rem auto 0.1rem;
      text-align: center;
	  line-height:.4rem; }
	  
	   .index_list_content .right_content .content .item ul{
		 list-style-type:square;
	   }
	   .index_list_content .right_content .content .item ul li {
		 float:left;
		 margin:.1rem .3rem;
		 list-style-type:square;
		 width:25%;
		 display:block;
	   }