@media only screen and (max-width: 1024px) {
  .content{
    width: 94%;
  }

  /* 首页 */
  .header{
    height: 1rem;
  }
  .logo{
    margin: 0.2rem 0 0 0.3rem;
  }
  .nav{
    display: none;
  }
  .search_pic{
    top: 0.4rem;
    right: 1rem;
  }
  .menu {
	  position: absolute;
	  top: 0.5rem;
	  right: 0.3rem;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	  width: 0.35rem;
	  height: 0.6rem;
	  transition: transform 250ms ease;
	  cursor: pointer;
	  z-index: 200;
		display: block;
	}
	.menu span {
	  position: relative;
	  display: block;
	  width: 100%;
	  height: 3px;
	  background: #fff;
	  border-radius: 10px;
	  transition: transform 250ms ease;
	  z-index: 200;
	}
  .menu span:nth-of-type(1) {
    transform: translateY(-6px);
  }
  .menu span:nth-of-type(3) {
    transform: translateY(6px);
  }
  #menu {
    display: none;
  }
  #menu:checked ~ .menu {
    background-color: transparent;
    transition: transform 250ms ease;
  }
  #menu:checked ~ .menu span {
    background-color: #fff;
    transition: transform 250ms ease;
  }
  #menu:checked ~ .menu span:nth-of-type(1) {
    transform: translateY(1px) rotate(45deg);
    width: 100% !important;
  }
  #menu:checked ~ .menu span:nth-of-type(2) {
    display: none;
  }
  #menu:checked ~ .menu span:nth-of-type(3) {
    transform: translateY(-3px) rotate(-45deg);
    width: 100% !important;
  }
  #menu:checked ~ .nav02 {
    display: block;
    transition: 500ms ease;
  }
	.nav02 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 6% 0;
    box-sizing: border-box;
    overflow-y: scroll;
    background: #00489c;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transition: 500ms ease;
    z-index: 99;
    display: none;
  }
	.nav02 li {
    position: relative;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.38);
    font-size: 0.28rem;
    line-height: 0.9rem;
    text-indent: 5%;
    color: #fff;
  }
  .nav02 li a {
    position: relative;
    display: block;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
  }
  .nav02 li a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: width 250ms ease;
    z-index: -1;
  }
  .nav02 li h1{
    font-size: 0.28rem;
    line-height: 0.8rem;
    font-weight: normal;
    background: url(../images/arrow_01.png) no-repeat 95% center;
    background-size: 0.15rem 0.26rem;
  }
  .nav02 li.current h1 {
    background: url(../images/arrow_02.png) no-repeat 95% center;
    background-size: 0.26rem 0.15rem;
  }
  .nav03 {
    width: 100%;
    margin: 0 0 0.3rem 0;
    display: none;
  }
  .nav03 li {
    border: none;
    font-weight: normal !important;
    line-height: 0.7rem;
    font-size: 0.26rem;
    text-indent: 5%;
    color: rgba(255, 255, 255, 0.7);
  }

  .bn_con{
    width: 70%;
  }
  .bn_left{
    width: 50%;
    padding-top: 0;
  }
  .bn_left h1{
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
  .bn_left h2{
    font-size: 0.3rem;
    line-height: 0.4rem;
    margin-bottom: 0.54rem;
  }
  .bn_left img{
    width: 1.2rem;
  }
  .bn_right{
    width: 40%;
  }
  .bn_br{
    right: 0.3rem;
    bottom: 0.4rem;
  }
  .bn_bot{
    bottom: 0.3rem;
  }

  .about_bg{
    height: auto;
    padding: 0.6rem 0 1rem;
  }
  .about{
    width: 100%;
  }
  .video_btn{
    top: 3.8rem;
    right: 2.4rem;
  }
  .about_list{
    width: 100%;
    position: static;
    top: auto;
    right: auto;
    margin-top: 0.4rem;
  }

  .news_bg{
    height: auto;
  }
  .news_left{
    width: 47%;
    height: 3.4rem;
  }
  .news_right{
    width: 50%;
    height: 3.4rem;
  }
  .news_pic{
    width: 1.4rem;
    height: 0.84rem;
    margin: 0;
  }
  .news_date{
    margin-top: 0;
  }
  .news_r{
    width: 2.2rem;
  }
  .news_r h1{
    height: 0.4rem;
    line-height: 0.4rem;
  }

  .service_bg{
    height: auto;
  }
  .service_left{
    width: 50%;
  }
  .ser_right{
    width: 3.8rem;
  }
  .service_right{
    width: 47%;
  }
  .case_pic{
    height: 2.9rem;
  }

  /* .f_nav{
    display: none;
  } */
  .bot_nav{
    float: none;
    width: 100%;
  }
  .bot_nav li{
    width: 25%;
  }
  .bot_right{
    float: none;
    width: 100%;
  }
  .bot_tel{
    text-align: center;
  }
  .bot_code{
    float: none;
    width: 100%;
    text-align: center;
  }
  .bot_code li{
    float: none;
    display: inline-block;
  }
  .bot_add{
    float: none;
    text-align: center;
  }
  .copyright{
    float: none;
    text-align: center;
  }


  /* 关于我们 */
  .about_box{
    width: 94%;
  }


  /* 关于我们-管理团队 */
  .team ul{
    margin-right: -2%;
  }
  .team li{
    width: 23%;
    margin: 0 2% 0.36rem 0;
  }
  .team_pic{
    height: 1.9rem;
  }


  /* 新闻资讯 */
  .news_rr{
    width: 50%;
  }


  /* 新闻资讯-视频锦集 */
  .video_list ul{
    margin-right: -3%;
  }
  .video_list li{
    width: 47%;
    margin: 0 3% 0.3rem 0;
  }


  /* 企业党建 */
  .dang ul{
    margin-right: -3%;
  }
  .dang li{
    width: 47%;
    margin: 0 3% 0.3rem 0;
  }


  /* 智慧平台 */
  .smart_txt{
    width: 94%;
  }
  .smart_list img{
    height: 6rem;
  }


  /* 市场合作 */
  .hezuo_pic{
    width: 40%;
    height: 2.2rem;
  }
  .hezuo_right{
    width: 57%;
  }
  .hezuo_txt{
    height: 0.6rem;
    -webkit-line-clamp: 2;
  }


  /* 联系我们-联系方式 */
  .con_list{
    width: 100%;
  }
  .con_list ul{
    margin-right: -5%;
  }
  .con_list li{
    width: 45%;
    margin: 0 5% 0.3rem 0;
  }
  .con_r{
    width: 80%;
  }
  .map{
    width: 100%;
  }


  /* 联系我们-在线留言 */
  .mess_box{
    width: 94%;
  }
}

@media only screen and (max-width: 1023px) {
  body {
    font-size: 0.26rem;
  }
  img{
    width: 100%;
  }
  .pc{
    display: none;
  }
  .phone{
    display: block;
  }

  /* 首页 */
  .header{
    height: 1.1rem;
    position: fixed;
  }
  .logo{
    width: 2.2rem;
    margin: 0.15rem 0 0 0.3rem;
  }
  .menu {
	  top: 0.5rem;
	  right: 0.3rem;
	  width: 0.5rem;
	  height: 0.6rem;
	}
  .menu span {
	  height: 2px;
	}
  .search_pic{
    width: 0.36rem;
    height: 0.36rem;
    top: 0.35rem;
    right: 1.2rem;
  }
  .banner .swiper-button-next, .banner .swiper-button-prev{
    width: 0.8rem;
    height: 0.8rem;
  }
  .banner .swiper-button-next{
    right: 0.2rem;
  }
  .banner .swiper-button-prev{
    left: 0.2rem;
  }
  .banner .swiper-button-next img, .banner .swiper-button-prev img{
    width: 0.34rem;
    height: 0.18rem;
  }
  .bn_con{
    width: 65%;
  }
  .bn_left{
    float: none;
    width: 100%;
  }
  .bn_left h1{
    font-size: 0.46rem;
    line-height: 0.7rem;
  }
  .bn_left h2{
    font-size: 0.6rem;
    line-height: 0.8rem;
    margin-bottom: 0.54rem;
  }
  .bn_left img{
    width: 1.8rem;
  }
  .bn_right{
    float: none;
    width: 70%;
    margin-bottom: 0.7rem;
  }
  .scroll{
    width: 0.6rem;
  }

  .about{
    height: 2.4rem;
    font-size: 0.26rem;
    line-height: 0.4rem;
    -webkit-line-clamp: 6;
  }
  .about_more{
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
  }
  .about_more img{
    width: 0.3rem;
    height: 0.14rem;
  }
  .video_btn{
    top: 4.2rem;
    right: 0.3rem;
  }
  .about_list ul{
    display: block;
    margin-right: -5%;
  }
  .about_list li{
    float: left;
    width: 45%;
    margin: 0 5% 0.2rem 0;
  }
  .about_list h1{
    font-size: 0.5rem;
    line-height: 0.52rem;
  }
  .about_list h1 span{
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .about_list h2{
    font-size: 0.26rem;
    line-height: 0.44rem;
  }

  .news_tt{
    font-size: 0.3rem;
  }
  .news_top{
    height: 1.4rem;
  }
  .news_type{
    height: 1.2rem;
  }
  .news_type ul{
    margin-right: -0.56rem;
  }
  .news_type li{
    font-size: 0.3rem;
    line-height: 0.6rem;
    padding-top: 0.22rem;
    margin-right: 0.56rem;
  }
  .news_type li.on{
    line-height: 1rem;
  }
  .news_box{
    padding-bottom: 1rem;
  }
  .news_box .about_more{
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  .news_left{
    float: none;
    width: 100%;
    height: 4.5rem;
    margin-bottom: 0.3rem;
  }
  .news_right{
    width: 100%;
    height: 4.5rem;
  }
  .news_right .swiper-slide{
    height: 1.5rem;
  }
  .news_pic{
    width: 22%;
    height: 1.1rem;
  }
  .news_date{
    width: 20%;
    font-size: 0.25rem;
    line-height: 0.36rem;
    margin-top: 0.1rem;
  }
  .news_r{
    width: 58%;
  }
  .news_r h1{
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.28rem;
  }
  .news_txt{
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 0.68rem;
  }
  .service_left{
    float: none;
    width: 100%;
    height: 5.47rem;
  }
  .service_right{
    float: none;
    width: 100%;
    height: 4.5rem;
    margin-top: 0.3rem;
  }
  .ser_left{
    padding: 0.1rem 0 0.12rem;
  }
  .ser_right{
    width: 85%;
    padding: 0;
  }
  .ser_right h1{
    font-size: 0.3rem;
    line-height: 0.8rem;
  }
  .ser_txt{
    font-size: 0.26rem;
    line-height: 0.42rem;
    height: 1.26rem;
  }
  .ser_more{
    font-size: 0.26rem;
    line-height: 0.44rem;
  }
  .service_left .swiper-slide{
    height: 0.7rem !important;
  }
  .service_left .swiper-slide-thumb-active{
    height: 2.42rem !important;
  }

  .case_box.content{
    width: 100% !important;
  }
  .case_type{
    width: 94%;
    margin: 0 auto 0.35rem;
  }
  .case_txt{
    font-size: 0.28rem;
  }
  .case_txt h1{
    font-size: 0.38rem;
    line-height: 0.46rem;
  }
  .case_text{
    font-size: 0.26rem;
    line-height: 0.38rem;
    bottom: 0.2rem;
  }
  .case_text h1{
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
  }

  .pic_txt{
    width: 94%;
    left: 3%;
  }
  /* .foot_left{
    float: none;
    width: 100%;
    margin: 0 0 0.68rem;
  }
  .f_logo{
    width: 3rem;
    margin: 0 auto 0.3rem;
  }
  .f_con li{
    line-height: 0.46rem;
    padding-left: 0.5rem;
  }
  .f_con img{
    width: 0.3rem;
    height: 0.33rem;
    top: 0.08rem;
  }
  .f_code{
    float: none;
    width: 5.22rem;
    margin: 0.15rem auto 0;
  }
  .f_code li{
    width: 2.5rem;
  }
  .f_code img{
    width: 2.26rem;
    height: 2.26rem;
    margin-bottom: 0.12rem;
  }
  .f_code h1{
    font-size: 0.26rem;
    line-height: 0.4rem;
  } */
  .bot_nav{
    display: none;
  }
  .bot_tel{
    font-size: 0.4rem;
    line-height: 0.6rem;
  }
  .bot_tel h1{
    font-size: 0.3rem;
    line-height: 0.46rem;
  }
  .bot_code li{
    width: 2rem;
    height: auto;
    padding: 0.12rem 0;
  }
  .bot_code img{
    width: 1.8rem;
    height: 1.8rem;
  }
  .bot_code h1{
    font-size: 0.22rem;
    line-height: 0.4rem;
  }
  .copyright{
    line-height: 0.42rem;
    font-size: 0.26rem;
  }
  .bot_add{
    font-size: 0.26rem;
    line-height: 0.36rem;
  }


  /* 关于我们 */
  .type{
    height: 0.8rem;
  }
  #about-app .type ul{
    display: flex;
    flex-flow: column wrap;
    height: 0.8rem;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .type li{
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
  }
  .type ul::-webkit-scrollbar {
    display: none;
  }
  .about_tt{
    font-size: 0.34rem;
  }
  .about02{
    font-size: 0.28rem;
    line-height: 0.4rem;
  }


  /* 关于我们-管理团队 */
  .team ul{
    margin-right: -3%;
  }
  .team li{
    width: 47%;
    margin: 0 3% 0.36rem 0;
  }
  .team_pic{
    height: 2.8rem;
  }
  .team h1{
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
  }
  .page{
    font-size: 0.24rem;
  }
  .page a{
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.6rem;
  }


  /* 新闻资讯 */
  .news_img{
    width: 40%;
    height: 1.77rem;
  }
  .news_time{
    display: none;
  }
  .news_rr{
    float: right;
    width: 57%;
  }
  .news_rr h1{
    font-size: 0.28rem;
  }
  .news_text{
    font-size: 0.24rem;
    line-height: 0.34rem;
    height: 0.68rem;
  }
  .news_more{
    font-size: 0.26rem;
  }


  /* 新闻资讯-视频锦集 */
  .video_pic{
    height: 2.2rem;
  }
  .video_txt{
    width: 90%;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
  }


  /* 企业党建 */
  .dang_img{
    height: 2.2rem;
  }
  .dang_tt{
    font-size: 0.29rem;
  }
  .dang_txt{
    font-size: 0.26rem;
    line-height: 0.36rem;
    height: 0.72rem;
  }


  /* 大事记 */
  .events_con{
    line-height: 0.38rem;
    font-size: 0.26rem;
  }
  .events_list{
    width: 100%;
  }
  .events_tit{
    width: 1.5rem;
    height: 0.8rem;
    line-height: 0.6rem;
    font-size: 0.26rem;
  }
  .events{
    width: 70%;
  }
  .events h1{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .events_txt{
    line-height: 0.34rem;
    font-size: 0.26rem;
  }
  .events_icon{
    width: 40%;
    height: 0.22rem;
    left: -48%;
  }
  .events_list li:nth-child(even) .events_icon{
    right: -47%;
  }


  /* 智慧平台 */
  .smart_tit{
    font-size: 0.38rem;
    line-height: 0.8rem;
  }
  .smart_txt{
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .smart_list img{
    height: 7rem;
  }
  .honor h1{
    font-size: 0.26rem;
  }


  /* 市场合作 */
  .hezuo_pic{
    width: 47%;
    height: 2.2rem;
  }
  .hezuo_right{
    width: 50%;
  }
  .hezuo_tt{
    font-size: 0.3rem;
    line-height: 0.6rem;
	  height: 0.6rem;
  }
  .hezuo_txt{
    font-size: 0.26rem;
	  line-height: 0.4rem;
    height: 0.8rem;
    -webkit-line-clamp: 2;
    margin-bottom: 0.2rem;
  }
  .hezuo_more{
    width: 1.6rem;
    font-size: 0.26rem;
  }


  /* 联系我们 */
  .join_type{
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.24rem;
  }
  .join_05{
    padding-right: 3%;
  }
  .join_top{
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.24rem;
  }
  .join_top em{
    margin: 0.24rem 0.2rem 0 0;
  }
  .join_box{
    padding: 0.3rem;
    margin-top: 0.03rem;
  }
  .join_txt{
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .join_txt h1{
    font-size: 0.24rem;
    line-height: 0.44rem;
  }


  /* 联系我们-联系方式 */
  .con_list ul{
    margin-right: 0;
  }
  .con_list li{
    width: 100%;
    margin: 0 0 0.3rem 0;
  }
  .con_list img{
    width: 0.8rem;
    height: 0.8rem;
  }
  .con_r{
    width: 85%;
  }
  .con_r h1{
    font-size: 0.28rem;
    line-height: 0.46rem;
  }
  .con_txt{
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .map{
    height: 4rem;
  }


  /* 联系我们-在线留言 */
  .mess_box .fl,.mess_box .fr{
    float: none;
  }
  .m20{
    margin-bottom: 0;
  }
  .mess{
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    margin-bottom: 0.3rem;
  }
  .message{
    height: 3rem;
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .btn_submit{
    width: 2.3rem;
    height: 0.8rem;
    border-radius: 0.8rem;
    font-size: 0.28rem;
  }
}