.menu {
  display: none; }
.mx{
	display: none; 
}

.mobile_fade {
  display: none; }

.fadein_search {
  display: none; }

.fadein_search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99992;
  display: none; }
  .fadein_search .box {
    position: relative;
    width: 100%; }
    .fadein_search .box .closes {
      width: .3rem;
      position: absolute;
      cursor: pointer;
      right: 7.1rem;
      top: -0.5rem; }
  .fadein_search .child {
    width: 4.9rem;
    height: .6rem;
    background: #fff;
    margin: 0 auto;
    display: flex;
    border-radius: .06rem;
    position: relative;
    overflow: hidden; }
    .fadein_search .child input[type='text'] {
      width: 100%;
      height: 100%;
      font-family: sr;
      border: none;
      outline: none;
      background: none;
      font-size: .16rem;
      padding-left: .2rem; }
    .fadein_search .child input[type='submit'] {
      width: 1rem;
      height: 100%;
      font-family: sr;
      font-size: .16rem;
      background: #3572CE;
      color: #fff;
      position: absolute;
      cursor: pointer;
      box-sizing: border-box;
      right: 0;
      top: 0;
      z-index: 99;
      border: none;
      outline: none; }

.content {
  overflow: hidden;
  width: 100%; }
  .content header {
    width: 100%;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    box-sizing: border-box;
    left: 0;
    top: 0;
    z-index: 99;
    transition: all .1s;
    padding: 0 .5rem; }
    .content header .logo {
      width: 4.52rem;
      background-image: url(../images/logo.png);
      height: .81rem;
      background-size: 100% 100%;
      display: block; }
    .content header .right {
      height: 100%;
      display: flex;
      align-items: center; }
      .content header .right .search {
        height: 100%;
        width: 1rem;
        position: relative;
        display: flex;
        background-image: url(../images/search.png);
        background-size: .28rem;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        align-items: center;
        justify-content: center; }
        .content header .right .search::after {
          content: '';
          width: 1px;
          height: .18rem;
          background: #fff;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
        .content header .right .search img {
          display: block;
          cursor: pointer; }
      .content header .right > ul {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 .16rem; }
        .content header .right > ul > li {
			position: relative;
          height: 100%; }
          .content header .right > ul > li:hover .showbox {
            opacity: 1;
            visibility: inherit;
            top: 99%; }
          .content header .right > ul > li .showbox {
            width: 2rem;
            background: #F5F5F5;
            align-items: center;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 120%;
            transition: all .3s;
            padding: 0rem 0;
            opacity: 0;
            visibility: hidden; }
            .content header .right > ul > li .showbox a {
              display: flex;
              align-items: center;
              height: 100%;
              justify-content: center;
              font-size: .16rem;
              line-height: 2.5;
              transition: all .1s;
			  border-bottom:#1277CF solid 1px;
              color: #666666; }
              .content header .right > ul > li .showbox a:hover {
                color: #194882; }
          .content header .right > ul > li > a {
            height: 100%;
            display: flex;
            transition: all .1s;
            align-items: center;
            font-size: .19rem;
            padding: 0 .2rem;
            color: #fff; }
            .content header .right > ul > li > a:hover {
              color: #0B46B8; }
			    .content .main_productc {
    width: 100%;
    position: relative;
    padding: 0 .6rem;
    height: 2.34rem;
    background: #f2f5f8; }
    .content .main_productc .btn {
      position: absolute;
      top: 0;
      width: .6rem;
      transition: all .1s;
      height: 100%;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: .14rem; }
      .content .main_productc .btn:hover {
        background-color: #a7c1d8; }
      .content .main_productc .btn.prev {
        background-image: url(../images/prev1.png);
        left: 0; }
      .content .main_productc .btn.next {
        background-image: url(../images/next1.png);
        right: 0; }
    .content .main_productc .slide {
      flex: 1;
      height: 100%;
      position: relative;
      background: #f2f5f8; }
      .content .main_productc .slide .mySwiper1 {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .content .main_productc .slide .mySwiper1 .swiper-slide {
          width: 10%;
          overflow: hidden;
          padding-top: .4rem; }
          .content .main_productc .slide .mySwiper1 .swiper-slide img {
            display: block;
            width: 1.2rem;
            height: 1.2rem;
            object-fit: cover;
            margin: 0 auto; }
          .content .main_productc .slide .mySwiper1 .swiper-slide span {
            display: block;
            text-align: center;
            font-size: .21rem;
            color: #333333;
			white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 使用省略号表示文本溢出 */
            margin-top: .06rem; }
			    .content .main_products {
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 85px 0 90px 0; }
    .content .main_products .m {
      width: 1240px;
      margin: 0 auto; }
  .content .main_products .m .head {
        position: relative; }
        .content .main_products .m .head p {
          font-size: .23rem;
          color: #000000;
          font-weight: bold;
          position: relative;
          z-index: 9; }
        .content .main_products .m .head span {
          display: block;
          font-size: .45rem;
          color: #000000;
          font-weight: bold;
          position: relative;
          z-index: 9; }
        .content .main_products .m .head em {
          display: block;
          font-size: .8rem;
          text-transform: uppercase;
          opacity: 0.5;
          position: absolute;
          left: 0;
          bottom: 0;
          line-height: 1;
          color: #F4F4F4; }
      .content .main_products .m .box {
        width: 100%;
        margin-bottom: 77px;
        position: relative;
        margin-top: 40px; }
        .content .main_products .m .box .mySwipers {
          overflow: hidden;
          width: 100%; }
        .content .main_products .m .box .btn {
          width: 62px;
          height: 62px;
          cursor: pointer;
          background-size: 100% 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-80%); }
          .content .main_products .m .box .btn.prev {
            left: -118px;
            background-image: url(../images/about_12.png); }
            .content .main_products .m .box .btn.prev:hover {
              background-image: url(../images/about_15a.png); }
          .content .main_products .m .box .btn.next {
            right: -118px;
            background-image: url(../images/about_12a.png); }
            .content .main_products .m .box .btn.next:hover {
              background-image: url(../images/about_15.png); }
        .content .main_products .m .box ul {
          display: flex;
          flex-wrap: wrap; }
          .content .main_products .m .box ul li {
            width: 100%;
            margin-top: 35px;
            overflow: hidden;
			border:#ccc solid 1px;
            margin-right: calc((100% - 94.5%)/2); }
            .content .main_products .m .box ul li img {
              transition: all .5s;
              display: block;
              width: 100%; }
            .content .main_products .m .box ul li:hover img {
              transform: scale(1.03); }
            .content .main_products .m .box ul li:nth-child(3n) {
              margin-right: 0; }
  .content .banner {
    width: 100%;
    height: 10.94rem;
    position: relative;
    overflow: hidden; }
    .content .banner .swiper-pagination {
      bottom: .36rem; }
    .content .banner .swiper-pagination-bullet {
      width: .13rem;
      height: .13rem;
      background: #fff;
      opacity: 1;
      margin: 0 .08rem; }
    .content .banner .swiper-pagination-bullet-active {
      background: #0089E4; }
    .content .banner .mySwiper {
      width: 100%;
      height: 100%; }
      .content .banner .mySwiper .swiper-slide {
        width: 100%;
        height: 100%;
        position: relative;
        background-size: cover;
        background-position: center center;
        padding-top: 2.5rem; }
        .content .banner .mySwiper .swiper-slide .font {
          width: 7.6rem;
          display: block;
          margin: 0 auto;
          margin-bottom: .75rem; }
        .content .banner .mySwiper .swiper-slide .link {
          overflow: hidden;
          width: 2.4rem;
          height: .58rem;
          background: #fff;
          margin: 0 auto;
          border-radius: .5rem; }
          .content .banner .mySwiper .swiper-slide .link a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 0 .1rem 0 .24rem; }
            .content .banner .mySwiper .swiper-slide .link a span {
              font-size: .23rem;
              font-weight: bold;
              color: #0b47b9; }
            .content .banner .mySwiper .swiper-slide .link a img {
              width: .45rem; }
  .content .main_contact {
    overflow: hidden;
    width: 100%;
    padding: 1.8rem 0 1.45rem 0;
    background-image: url(../images/icon_22.png);
    background-size: 5.1rem;
    background-repeat: no-repeat;
    background-position: bottom right; }
    .content .main_contact .m {
      width: 13rem;
      margin: 0 auto; }
      .content .main_contact .m ul {
        display: flex;
        justify-content: space-between; }
        .content .main_contact .m ul li {
          overflow: hidden; }
          .content .main_contact .m ul li div {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            width: 2.56rem; }
            .content .main_contact .m ul li div p {
              font-size: .16rem;
              color: #acacac; }
              .content .main_contact .m ul li div p span {
                font-size: .49rem;
                color: #194882;
                font-weight: bold;
                display: inline-block;
                line-height: 1;
                margin-right: .12rem; }
            .content .main_contact .m ul li div img {
              display: block; }
          .content .main_contact .m ul li em {
            display: block;
            font-size: .15rem;
            color: #999999;
            margin-top: .3rem; }
      .content .main_contact .m .box {
        width: 100%;
        margin-top: .55rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .content .main_contact .m .box .picture {
          overflow: hidden;
          width: 6.18rem;
          height: 4.55rem; }
          .content .main_contact .m .box .picture img {
            display: block;
            width: 100%;
            height: 100%;
            transition: all .5s; }
        .content .main_contact .m .box .grow {
          flex: 1;
          padding-left: .5rem;
          padding-top: .34rem; }
          .content .main_contact .m .box .grow p {
            font-size: .32rem;
            color: #2e3137;
            font-weight: bold;
            margin-bottom: .22rem; }
          .content .main_contact .m .box .grow span {
            display: block;
            font-size: .16rem;
            color: #999999;
            line-height: 1.6;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 6;
            overflow: hidden; }
          .content .main_contact .m .box .grow div {
            overflow: hidden;
            width: 1.93rem;
            height: .56rem;
            border: 1px solid #738EB2;
            margin-top: .85rem;
            transition: all .1s; }
            .content .main_contact .m .box .grow div:hover {
              background: #0B46B8; }
              .content .main_contact .m .box .grow div:hover a {
                color: #fff; }
            .content .main_contact .m .box .grow div a {
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: .2rem;
              color: #738EB2; }
              .content .main_contact .m .box .grow div a img {
                width: .48rem;
                margin-left: .14rem; }
  .content .main_product {
    overflow: hidden;
    width: 100%;
    height: 9.95rem;
    position: relative;
    background-size: 100% 100%;
    background-image: url(../images/banner_07.jpg); }
    .content .main_product .right {
      overflow: hidden;
      position: absolute;
      right: 1.64rem;
      z-index: 99;
      bottom: 1.78rem; }
      .content .main_product .right p {
        font-size: .22rem;
        color: #fff;
        line-height: 1.8; }
      .content .main_product .right .link {
        overflow: hidden;
        margin-top: .98rem; }
        .content .main_product .right .link:hover a {
          color: #52abb2; }
          .content .main_product .right .link:hover a .icon {
            border: 1px solid #52abb2;
            background-image: url(../images/adds_03.png); }
        .content .main_product .right .link a {
          font-size: .19rem;
          color: #fff;
          display: flex;
          align-items: center; }
          .content .main_product .right .link a .icon {
            width: .6rem;
            height: .6rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: .24rem;
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all .1s;
            background-image: url(../images/add.png);
            background-size: .18rem;
            background-repeat: no-repeat;
            background-position: center center;
            position: relative; }
    .content .main_product ul {
      width: 100%;
      display: flex;
      position: absolute;
      left: .85rem;
      bottom: 0;
      height: 2.56rem; }
      .content .main_product ul li {
        width: 2.04rem;
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid rgba(255, 255, 255, 0.1); }
        .content .main_product ul li:last-child {
          border: none; }
        .content .main_product ul li:hover a {
          color: #52abb2; }
        .content .main_product ul li:hover .icon {
          border: 1px solid #52abb2;
          background-image: url(../images/adds_03.png); }
        .content .main_product ul li a {
          box-sizing: border-box;
          width: 100%;
          font-size: .19rem;
          text-align: center;
          color: #fff;
          transition: all .1s; }
        .content .main_product ul li .icon {
          width: .35rem;
          height: .35rem;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid rgba(255, 255, 255, 0.2);
          transition: all .1s;
          margin: 0 auto;
          margin-top: .45rem;
          background-image: url(../images/add.png);
          background-size: .11rem;
          background-repeat: no-repeat;
          background-position: center center;
          position: relative; }
    .content .main_product .m {
      width: 13rem;
      margin: 0 auto;
      padding-top: 1.1rem; }
      .content .main_product .m p {
        font-size: .45rem;
        font-weight: bold;
        margin-bottom: .04rem;
        color: #fff; }
      .content .main_product .m span {
        display: block;
        font-size: .18rem;
        font-weight: bold;
        text-transform: uppercase;
        color: #A6A9B3; }
      .content .main_product .m .btn {
        margin-top: .45rem; }
        .content .main_product .m .btn a {
          display: flex;
          align-items: center;
          font-size: .15rem;
          color: #fff; }
        .content .main_product .m .btn .icons {
          width: .46rem;
          margin-right: .2rem; }
          .content .main_product .m .btn .icons img {
            width: 100%; }
			 .content .des_navbars {
    overflow: hidden;
    width: 100%;
    background: rgba(231,232,235,0.9); 
	margin-top:-0.66rem;}
    .content .des_navbars .m {
      width: 14rem;
      margin: 0 auto;
      display: flex; }

      .content .des_navbars .m div {
        padding: .2rem 0 .2rem 0;
        position: relative;
        flex: 1;
        cursor: pointer;
		 }
        .content .des_navbars .m div.on {
          background: #194882 ;
           }
          .content .des_navbars .m div.on span {
            color: #fff; }
        .content .des_navbars .m div:hover {
          background: #194882;
           }
          .content .des_navbars .m div:hover span {
            color: #fff ; }
        .content .des_navbars .m div span {
          display: block;
          text-align: center;
          font-size: .2rem;
          color: #333; }
  .content .main_scene {
    overflow: hidden;
    width: 100%;
    background-image: url(../images/banner_08.jpg);
    background-size: 100%;
    background-repeat: no-repeat; }
    .content .main_scene .m {
      width: 13rem;
      margin: 0 auto;
      padding-top: 1.2rem; }
      .content .main_scene .m .box {
        display: flex;
        align-items: center;
        position: relative;
        justify-content: space-between; }
        .content .main_scene .m .box .link {
          overflow: hidden;
          width: 1.93rem;
          height: .56rem;
          border: 1px solid #0d3e7a;
          position: absolute;
          left: 0;
          top: 11.12rem;
          transition: all .1s; }
          .content .main_scene .m .box .link:hover {
            background: #0B46B8; }
            .content .main_scene .m .box .link:hover a {
              color: #fff; }
          .content .main_scene .m .box .link a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .2rem;
            color: #0d3e7a; }
            .content .main_scene .m .box .link a img {
              width: .48rem;
              margin-left: .14rem; }
        .content .main_scene .m .box .item {
          width: 4rem; }
          .content .main_scene .m .box .item .label {
            width: 100%;
            margin: .6rem 0;
            position: relative;
            overflow: hidden; }
            .content .main_scene .m .box .item .label:hover .pic {
              transform: scale(1.06); }
            .content .main_scene .m .box .item .label .pic {
              width: 100%;
              display: block;
              transition: all .5s; }
            .content .main_scene .m .box .item .label .font {
              width: 100%;
              height: 2.8rem;
              position: absolute;
              left: 0;
              bottom: 0;
              display: flex;
              align-items: flex-end;
              justify-content: center;
              padding-bottom: .26rem;
              background: linear-gradient(rgba(31, 85, 150, 0), #1f5596); }
              .content .main_scene .m .box .item .label .font p {
                text-align: center;
                font-size: .2rem;
                color: #fff;
                margin-bottom: .24rem; }
              .content .main_scene .m .box .item .label .font .icon {
                width: .35rem;
                height: .35rem;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid white;
                transition: all .1s;
                margin: 0 auto;
                background-image: url(../images/add.png);
                background-size: .11rem;
                background-repeat: no-repeat;
                background-position: center center;
                position: relative; }
      .content .main_scene .m .head {
        position: relative; }
        .content .main_scene .m .head p {
          font-size: .23rem;
          color: #000000;
          font-weight: bold;
          position: relative;
          z-index: 9; }
        .content .main_scene .m .head span {
          display: block;
          font-size: .45rem;
          color: #000000;
          font-weight: bold;
          position: relative;
          z-index: 9; }
        .content .main_scene .m .head em {
          display: block;
          font-size: .8rem;
          text-transform: uppercase;
          opacity: 0.5;
          position: absolute;
          left: 0;
          bottom: 0;
          line-height: 1;
          color: #F4F4F4; }
  .content .main_news {
    overflow: hidden;
    width: 100%;
    background: #EBEBEB;
    padding: 1.4rem 0 1rem 0; }
    .content .main_news .m {
      width: 13rem;
      margin: 0 auto; }
      .content .main_news .m ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start; }
        .content .main_news .m ul li {
          overflow: hidden;
          width: 31%;
          margin-right: 3%;
          margin-top: .68rem; }
          .content .main_news .m ul li:nth-child(3n) {
            margin-right: 0; }
          .content .main_news .m ul li:hover .btn {
            background: #0B4FA5;
            border: 1px solid #0B4FA5;
            color: #fff; }
          .content .main_news .m ul li:hover .picture img {
            transform: scale(1.06); }
          .content .main_news .m ul li .font {
            height: .8rem; }
            .content .main_news .m ul li .font p {
              font-size: .17rem;
              color: #2e3137;
              line-height: 1.2; }
          .content .main_news .m ul li .date {
            display: flex;
            align-items: center; }
            .content .main_news .m ul li .date img {
              display: block; }
            .content .main_news .m ul li .date span {
              font-size: 12px;
              color: #666666;
              margin-left: 6px; }
          .content .main_news .m ul li .btn {
            width: 1.1rem;
            height: .4rem;
            border-radius: .4rem;
            transition: all .1s;
            border: 1px solid #ABABAB;
            margin-top: .36rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            color: #666666; }
			.content .main_news .m ul li .btnn {
            width: 1.1rem;
            height: .4rem;
            border-radius: .4rem;
            transition: all .1s;
            border: 0px solid #ABABAB;
            margin-top: .36rem;
            display: flex;
            font-size: 13px;
            color: #666666; }
          .content .main_news .m ul li .picture {
            overflow: hidden;
            width: 100%;
            height: 2.2rem;
            margin-top: .36rem; }
            .content .main_news .m ul li .picture img {
              display: block;
              width: 100%;
              height: 100%;
              transition: all .5s;
              object-fit: cover; }
      .content .main_news .m .head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .content .main_news .m .head .fl {
          overflow: hidden; }
          .content .main_news .m .head .fl p {
            font-size: .45rem;
            color: #000;
            font-weight: bold; }
          .content .main_news .m .head .fl span {
            display: block;
            font-size: .17rem;
            color: #2f2f2f;
            text-transform: uppercase;
            font-weight: bold; }
		.content .main_news .m .head em {
          display: block;
          font-size: .8rem;
          text-transform: uppercase;
          opacity: 0.5;
          position: absolute;
          left: 0;
          bottom: 0;
          line-height: 1;
          color: #F4F4F4; }
			
			.content .main_news .m .head .links a {
				color:#333333;
			}
			.content .main_news .m .head .links:hover {
            background: none; }
            .content .main_news .m .head .links:hover a {
              color: #333333; }
        .content .main_news .m .head .link {
          overflow: hidden;
          width: 1.93rem;
          height: .56rem;
          border: 1px solid #0d3e7a;
          transition: all .1s; }
          .content .main_news .m .head .link:hover {
            background: #0B46B8; }
            .content .main_news .m .head .link:hover a {
              color: #fff; }
          .content .main_news .m .head .link a {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .2rem;
            color: #0d3e7a; }
            .content .main_news .m .head .link a img {
              width: .48rem;
              margin-left: .14rem; }
  .content .footer {
    overflow: hidden;
    width: 100%;
    background: #212121;
    padding: .75rem 0 .5rem 0; }
    .content .footer .m {
      width: 13rem;
      margin: 0 auto;
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .content .footer .m .contact {
        overflow: hidden; }
        .content .footer .m .contact p {
          font-size: .19rem;
          color: #fff;
          margin-bottom: .28rem; }
        .content .footer .m .contact .l {
          display: flex;
          align-items: center;
          font-size: .16rem;
          color: #fff;
          margin-bottom: .18rem; }
          .content .footer .m .contact .l img {
            display: block;
            margin-right: .1rem; }
        .content .footer .m .contact span {
          display: block;
          font-size: .18rem;
          margin-top: .3rem;
          margin-bottom: .3rem;
          color: #fff; }
        .content .footer .m .contact .share {
          display: flex; }
          .content .footer .m .contact .share a {
            display: block;
            margin-right: .3rem;
            border-radius: 50%;
            border: 1px solid #333333; }
            .content .footer .m .contact .share a:last-child {
              margin-right: 0; }
            .content .footer .m .contact .share a img {
              border-radius: 50%;
              display: block; }
      .content .footer .m .link {
        display: flex;
        align-items: flex-start;
        justify-content: center; }
        .content .footer .m .link ul {
          overflow: hidden;
          padding: 0 .17rem; }
          .content .footer .m .link ul li {
            font-size: .19rem;
            color: #fff; }
            .content .footer .m .link ul li:first-child {
              margin-bottom: .2rem; }
            .content .footer .m .link ul li a {
              display: block;
              transition: all .1s;
              font-size: .16rem;
              opacity: 0.6;
              line-height: 2.1;
              color: #fff; }
              .content .footer .m .link ul li a:hover {
                opacity: 1;
                color: #0B4FA5; }
      .content .footer .m .fl {
        overflow: hidden; }
        .content .footer .m .fl .logos {
          display: block;
          width: .86rem;
          margin: 0 auto;
          margin-bottom: .36rem; }
        .content .footer .m .fl div {
          overflow: hidden;
          width: 1.43rem; }
          .content .footer .m .fl div img {
            display: block;
            width: 100%;
            margin-bottom: .1rem; }
          .content .footer .m .fl div span {
            display: block;
            text-align: center;
            font-size: .16rem;
            color: #fff; }
  .content footer {
    width: 100%;
    height: .68rem;
    background: #171717; }
    .content footer .m {
      width: 13rem;
      margin: 0 auto;
      height: 100%;
      display: flex;
      align-items: center;
      font-size: .16rem;
      color: #fff; }
	  
	  .write{ color:#fff !important;}
	  
	  .des_bannerxw{
		  background-image: url(../images/news.png) !important;
	  }
	  
	  .des_bannercp{
		  background-image: url(../images/cp.png) !important;
	  }
	  
	  .des_bannercpv{
		  background-image: url(../images/cp.png) !important;
		   height: 3.73rem !important;
	  }
	  
	    .des_banneryy{
		  background-image: url(../images/yy.png) !important;
	  }
  .des_bannerlx{
		  background-image: url(../images/lx.png) !important;
	  }
.des_banner {
  overflow: hidden;
  width: 100%;
  height: 7.73rem;
  background-size: 100% 100%;
  background-image: url(../images/about_01.jpg);
  display: flex;
  align-items: center;
  justify-content: center; }
  .des_banner .m {
    width: 13rem;
    margin: 0 auto; }
    .des_banner .m div {
      width: 100%; }
      .des_banner .m div p {
        font-size: .47rem;
        font-weight: bold;
        margin-bottom: .14rem;
        color: #333333; }
      .des_banner .m div span {
        display: block;
        font-size: .15rem;
        text-transform: uppercase;
        color: #333333;
        font-weight: bold; }

.tong_title {
  overflow: hidden;
  font-size: 12px; }
  .tong_title p {
    font-size: .4rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .16rem; }
  .tong_title div {
    width: .5rem;
    height: 4px;
    display: inline-block;
    background: #194882; }
  .tong_title span {
    display: block;
    text-align: center;
    font-size: .16rem;
    color: #333333;
    line-height: 2; }
	
	.xx div {
    width: .5rem;
    height: 4px;
    display: inline-block;
    background: #194882; }

.main_infos {
  overflow: hidden;
  width: 100%;
  background-image: url(../images/aboutbg_02.jpg);
  background-position: center bottom;
  padding: .9rem 0; }
  .main_infos .m {
    width: 13rem;
    margin: 0 auto; }
    .main_infos .m .box {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: .8rem; }
      .main_infos .m .box .picture {
        overflow: hidden;
        width: 6.15rem;
        height: 4.55rem; }
		
        .main_infos .m .box .picture:hover img {
          transform: scale(1.05); }
        .main_infos .m .box .picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .5s; }
      .main_infos .m .box .grow {
        overflow: hidden;
        flex: 1;
        padding: .32rem 0 0 .46rem; }
        .main_infos .m .box .grow h3 {
          font-size: .32rem;
          color: #2e3137;
          font-weight: bold;
          margin-bottom: .22rem; }
        .main_infos .m .box .grow span {
          display: block;
          font-size: .16rem;
          color: #999999;
          line-height: 1.66; }
		.main_infos .m .box .grow img{
			max-width:100%
		}
		  
		  
		  .main_infosyy {
  overflow: hidden;
  width: 100%;
  background-position: center bottom;
  padding: 0 0; }
  .main_infosyy .m {
    width: 13rem;
    margin: 0 auto; }
    .main_infosyy .m .box {
      width: 100%;
      display: flex;
	  background:#fff;
      align-items: flex-start;
      justify-content: space-between;
      margin-top: .6rem; }
      .main_infosyy .m .box .picture {
        overflow: hidden;
        width: 50%;
        height: 4.65rem; }
		
			.main_infosyy .m .box .lx {
        background: linear-gradient(to right, #051852, #0e6ed4);
		}
        .main_infosyy .m .box .picture:hover img {
          transform: scale(1.05); }
        .main_infosyy .m .box .picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .5s; }
		 .main_infosyy .m .box .btnn {
            width: 1.1rem;
			height: 0.4rem;
			border-radius: 0.4rem;
			transition: all .1s;
			border: 1px solid #f00;
			margin-top: 0.36rem;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 0.16rem;
			color: #666666;
		} 
		.main_infosyy .m .box .btnn:hover{
			background:#f00;
			color:#fff;
		}
		  
      .main_infosyy .m .box .grow {
        overflow: hidden;
        flex: 1;
        padding: .32rem .46rem; }
        .main_infosyy .m .box .grow p {
          font-size: .32rem;
          color: #2e3137;
          font-weight: bold;
          margin-bottom: .08rem; }
        .main_infosyy .m .box .grow span {
          display: block;
          font-size: .16rem;
          color: #999999;
          line-height: 1.66; }
		  
		  .main_infosyy .m .box .tong_title span{
			  text-align:left;
		  }
		  
		  
		.main_infosyy .m .box .tong_title div {
    width: 0.5rem;
    height: 2px;
    display: inline-block;
    background: #d2d2d2;
	margin-bottom:0.22rem;
}

   .main_infosyy .m .box .lx_title{ padding:0.5rem 0.5rem;}
   
    .main_infosyy .m .box .lx_title p{
   
       font-size: .32rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.08rem;
	}
	

		  .main_infosyy .m .box .lx_title i{
			  text-align:left;
		  }
		  
		  
		.main_infosyy .m .box .lx_title i {
    width: 0.4rem;
    height: 2px;
    display: inline-block;
    background: #fff;
	margin-bottom:0.22rem;
}
.contacts .l{
	display:flex;
	margin-bottom:0.3rem;
}
.contacts .yuan{
	width:0.5rem;
	height:0.5rem;
	border-radius:0.5rem;

}
.contacts .y1{
	background:url(../images/l1.png) no-repeat #1f366e center;
}
.contacts .y2{
	background:url(../images/l2.png) no-repeat #1f366e center;
}
.contacts .y3{
	background:url(../images/l3.png) no-repeat #1f366e center;
}
.contacts .y4{
	background:url(../images/l4.png) no-repeat #1f366e center;
}

.contacts .text{ margin-left:0.1rem;}
.contacts .text p{
	font-size:0.16rem !important;
}
.contacts .text span{
	font-size:0.14rem !important;
    color:#fff;
}

.bd{color:#000; font-size:14px; overflow:hidden; text-align:center;}
 .bd .kk{color:#acacac; font-size:14px; overflow:hidden; margin:16px 0 0 22px; width:90%; height:45px; line-height:45px; border:1px solid #e5e5e5; padding:0 6px;}
 .bd .kk1{color:#acacac; font-size:14px; overflow:hidden; margin:16px 0 0 4px; width:90%; height:45px; line-height:45px; border:1px solid #e5e5e5; padding:0 6px;}
 .bd .kks{color:#acacac; font-size:14px; overflow:hidden; margin:16px 0 0 22px; width:88%; height:88px; line-height:22px; border:1px solid #e5e5e5; padding:6px;}
 .bd .tjan{height:42px; line-height:42px; color:#fff; text-align:center; font-size:18px; overflow:hidden; background:#3c62ad; border:none; cursor:pointer; width:60%; margin:18px auto;}


	  
		  .main_infospic {
  overflow: hidden;
  width: 100%;
  background-position: center bottom;
  padding: 0 0; }
  .main_infospic .m {
    width: 13rem;
    margin: 0 auto; }
    .main_infospic .m .box {
      width: 48%;
      display: flex;
	  float:left;
	  background:#ffffff;/*#E1F2FB;*/
      align-items: flex-start;
      justify-content: space-between;
      margin: .6rem 4% 0 0%; }
	  
	  .main_infospic .m .box:nth-child(2n){
		  margin-right:0px;
	  }
      .main_infospic .m .box .picture {
        overflow: hidden;
        width: 2.5rem;
        height: 1.68rem; 
		margin-top:0.7rem;}
        .main_infospic .m .box .picture:hover img {
          transform: scale(1.05); }
        .main_infospic .m .box .picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .5s; }
		 .main_infospic .m .box .btnn img{
            width: 0.5rem;
			height: 0.5rem;
			border-radius: 0.5rem;
			transition: all .1s;
			border: 1px solid #ccc;
			margin-top: 0.36rem;
			display: flex;
			align-items: center;
			justify-content: center;
			
		} 
		/*.main_infospic .m .box .btnn:hover{
			background:#f00;
			color:#fff;
		}*/
		  
      .main_infospic .m .box .grow {
        overflow: hidden;
        flex: 1;
        padding: .32rem .46rem; }
        .main_infospic .m .box .grow p {
          font-size: .18rem;
          color: #2e3137;
          font-weight: bold;
          margin-bottom: .3rem; }
        .main_infospic .m .box .grow span {
          display: block;
          font-size: .14rem;
          color: #999999;
          line-height: 1.66;
		  height:0.65rem;
		  }
		  
		  .main_infospic .m .box .tong_title span{
			  text-align:left;
		  }
		  
		  
		.main_infospic .m .box .tong_title div {
    width: 0.5rem;
    height: 4px;
    display: inline-block;
    background: #d2d2d2;
	margin-bottom:0.22rem;
}

 .content .main_product_box {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 50px 0; 
}
    .content .main_product_box .m1300 {
      width: 1300px;
      margin: 0 auto;
      max-width: 100%; }
      .content .main_product_box .m1300 .infos {
        overflow: hidden;
        border: 1px solid #D6D6D6;
        margin: 0.4rem 0rem; }
        .content .main_product_box .m1300 .infos .box {
          overflow: hidden;
		  font-size:0.16rem;
          padding: 0.3rem 0.3rem; }
          .content .main_product_box .m1300 .infos .box img {
            display: block;
            margin: 0 auto;
            max-width: 70%; }
        .content .main_product_box .m1300 .infos .head {
          display: flex;
          align-items: center;
          height: 0.8rem;
          padding: 0 0.44rem;
          width: 100%;
          background: #194882; }
          .content .main_product_box .m1300 .infos .head p {
            font-size: 0.32rem;
            text-transform: uppercase;
            color: #fff;
            font-weight: bold; }
      .content .main_product_box .m1300 .main_info {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .content .main_product_box .m1300 .main_info .grow {
          overflow: hidden;
          width: calc(100% - 61.38461538461538%);
          padding-left: 50px; }
          .content .main_product_box .m1300 .main_info .grow p {
            font-size: 0.32rem;
            color: #009FE9;
            font-weight: bold;
            border-bottom: 1px solid #CCCCCC;
            padding: 20px 0; }
          .content .main_product_box .m1300 .main_info .grow .font {
            overflow: hidden;
            margin-top: 10px; }
            .content .main_product_box .m1300 .main_info .grow .font p {
              display: block;
              font-size: 16px;
              color: #666666;
              line-height: 30px;
			  font-weight:normal;
			  border-bottom: 0px solid #CCCCCC;
			  padding:0px 0px;			}
          .content .main_product_box .m1300 .main_info .grow .btn {
            width: 4rem;
            height: 0.8rem;
            border-radius: 10px;
			border: 1px solid #CCCCCC;
            margin-top: 4.9rem; }
            .content .main_product_box .m1300 .main_info .grow .btn a {
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 100%;
              font-size: 0.20rem;
              color: #999999;
              text-transform: uppercase; }
              .content .main_product_box .m1300 .main_info .grow .btn a img {
                margin-right: 15px; }
          .content .main_product_box .m1300 .main_info .grow .gg {
            overflow: hidden;
            padding: 20px 0; }
            .content .main_product_box .m1300 .main_info .grow .gg span {
              display: block;
              font-size: 16px;
              color: #666666; }
            .content .main_product_box .m1300 .main_info .grow .gg div {
              display: flex;
              align-items: center;
              flex-wrap: wrap; }
              .content .main_product_box .m1300 .main_info .grow .gg div img {
                width: 86px;
                height: 86px;
                object-fit: cover;
                border-radius: 3px;
                margin-right: 11px;
                margin-top: 12px; }
				
				
				.content .main_product_box .main_info .swiper-button-prev{
					width:0.5rem;
					height:0.5rem;
					background:url(../images/lefth.png);
					background-size:cover;
				}
		
				
			.content .main_product_box .main_info .swiper-button-next {
			   background:url(../images/righth.png);
			   background-size:cover;
			   width:0.5rem;
					height:0.5rem;
			}
			
				.content .main_product_box .main_info .swiper-button-disabled{
					 filter: grayscale(1);
				}
				
			 

        .content .main_product_box .m1300 .main_info .slide {
          overflow: hidden;
          width: 61.38461538461538%; }
          .content .main_product_box .m1300 .main_info .slide .top {
            width: 100%;
			border:#ccc solid 1px;
            position: relative; }
            .content .main_product_box .m1300 .main_info .slide .top .mySwiper {
              width: 100%;
              overflow: hidden; }
              .content .main_product_box .m1300 .main_info .slide .top .mySwiper .swiper-slide {
                width: 100%;
                overflow: hidden; }
                .content .main_product_box .m1300 .main_info .slide .top .mySwiper .swiper-slide img {
                  display: block;
                  width: 100%; }
          .content .main_product_box .m1300 .main_info .slide .list {
            width: 100%;
            margin-top: 24px; }
            .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 {
              width: 100%;
              overflow: hidden; }
              .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide {
                width: 93px;
                height: 102px;
                position: relative;
                margin-right: 9px;
                cursor: pointer;
                padding-top: 9px; }
                .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide.on .lab {
                  border: 1px solid #194882; }
                  .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide.on .lab::after {
                    content: '';
                    width: 17px;
                    height: 9px;
                    background-image: url(../images/info_21.png);
                    background-size: 100% 100%;
                    position: absolute;
                    left: 50%;
                    top: -9px;
                    transform: translateX(-50%); }
                .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide .lab {
                  width: 100%;
                  height: 100%;
                  border: 1px solid #D8D8D8;
                  position: relative; }
                  .content .main_product_box .m1300 .main_info .slide .list .mySwiper1 .swiper-slide .lab img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover; }

.main_culture {
  overflow: hidden;
  padding: .9rem 0 2.16rem 0;
  background-position: center top;
  background-image: url(../images/aboutbg_03.jpg); }
  .main_culture .m {
    width: 13rem;
    margin: 0 auto; }
    .main_culture .m .tong_title {
      text-align: center; }
      .main_culture .m .tong_title div {
        margin-bottom: .3rem; }
    .main_culture .m ul {
      display: flex;
      margin-top: .5rem; }
      .main_culture .m ul li {
        flex: 1;
        height: 4.13rem;
        overflow: hidden; }
        .main_culture .m ul li:hover img {
          transform: scale(1.05); }
        .main_culture .m ul li img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .5s; }

.main_environment {
  width: 100%;
  background-image: url(../images/aboutbg_04.jpg);
  padding: 1.36rem 0 .86rem 0; }
  .main_environment .m {
    width: 13rem;
    margin: 0 auto; }
    .main_environment .m .tong_title {
      text-align: center; }
      .main_environment .m .tong_title p {
        color: #fff; }
      .main_environment .m .tong_title div {
        background: #fff; }
    .main_environment .m .des_btn {
      display: flex;
      justify-content: center;
      margin-top: .6rem; }
      .main_environment .m .des_btn div {
        width: 1.9rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: .19rem;
        border: 1px solid #fff;
        border-radius: .4rem;
        color: #fff;
        transition: all .1s;
        margin: 0 .27rem; }
        .main_environment .m .des_btn div:hover {
          background: #fff;
          color: #333333; }
        .main_environment .m .des_btn div.on {
          background: #fff;
          color: #333333; }
    .main_environment .m .box {
      overflow: hidden;
      margin-top: .15rem;
      width: 100%;
      position: relative;
      padding-bottom: 1rem; }
      .main_environment .m .box .swiper-pagination {
        bottom: 0; }
      .main_environment .m .box .swiper-pagination-bullet {
        width: .15rem;
        height: .15rem;
        background: #e4e4e4;
        opacity: 1;
        margin: 0 .08rem; }
      .main_environment .m .box .swiper-pagination-bullet-active {
        background: #cb2923; }
      .main_environment .m .box .swiper {
        width: 100%; }
        .main_environment .m .box .swiper .swiper-slide {
          width: 100%; }
          .main_environment .m .box .swiper .swiper-slide .item {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            align-items: center; }
            .main_environment .m .box .swiper .swiper-slide .item div {
              overflow: hidden;
              width: 24%;
              margin-right: 1.333%;
              margin-top: .25rem; }
              .main_environment .m .box .swiper .swiper-slide .item div:nth-child(4n) {
                margin-right: 0; }
              .main_environment .m .box .swiper .swiper-slide .item div:hover img {
                transform: scale(1.05); }
              .main_environment .m .box .swiper .swiper-slide .item div img {
                display: block;
                width: 100%;
                height: 100%;
                transition: all .5s; }

.main_qualifications {
  overflow: hidden;
  padding: 1.28rem 0 1.85rem 0; }
  .main_qualifications .m {
    width: 13rem;
    margin: 0 auto; }
    .main_qualifications .m .tong_title {
      text-align: center; }
    .main_qualifications .m .box {
      width: 100%;
      position: relative;
      margin-top: .9rem; }
      .main_qualifications .m .box .swiper-pagination {
        bottom: 0; }
      .main_qualifications .m .box .swiper-pagination-bullet {
        width: .15rem;
        height: .15rem;
        background: #e4e4e4;
        opacity: 1;
        margin: 0 .08rem; }
      .main_qualifications .m .box .swiper-pagination-bullet-active {
        background: #cb2923; }
      .main_qualifications .m .box .mySwiper1 {
        width: 100%;
        padding-bottom: .86rem;
        overflow: hidden; }
        .main_qualifications .m .box .mySwiper1 .swiper-slide {
          width: 4.7rem; }
          .main_qualifications .m .box .mySwiper1 .swiper-slide .label {
            width: 100%; }
            .main_qualifications .m .box .mySwiper1 .swiper-slide .label img {
              display: block;
              width: 100%; }

@media (min-width: 1000px) {
  .content header:hover {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    background: #fff; }

  .content header:hover .logo {
    background-image: url(../images/logoc.png); }

  .content header:hover .right > ul > li > a {
    color: #000; }

  .content header:hover .right .search {
    background-image: url(../images/searchb.png); }

  .content header:hover .right .search::after {
    background: #333; }

  .content header.on {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
    background: #fff; }

  .content header.on .logo {
    background-image: url(../images/logoc.png); }

  .content header.on .right > ul > li > a {
    color: #000; }

  .content header.on .right .search {
    background-image: url(../images/searchb.png); }

  .content header.on .right .search::after {
    background: #333; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important; }
	
	.pcx{
	display: none; 
}

.main_infosyy .m .box .lx_title p{
	text-align:left;
}

  .content .main_product .slide .mySwiper1 .swiper-slide {
    width: 20%; }

.content .main_product_box{
	padding:0.3rem 0.3rem;
}
.content .main_product_box .m1300 .infos .box{
	font-size:0.24rem;
}
  .content .main_product_box .m1300 .main_info {
    display: block; }

  .content .main_product_box .m1300 .main_info .slide {
    width: 100%; }

  .content .main_product_box .m1300 .main_info .grow {
    width: 100%;
    margin-top: 30px;
    padding: 0; }

.mx{
	display: block; 
}

  .content header {
    background: #0B47B9;
    position: fixed;
    height: 1rem;
    padding: 0 .3rem; }

  .content header .right > ul {
    display: none; }

  .content header .logo {
    width: 3rem; }

  .content header .right .search {
    padding: 0 .25rem; }
    .content header .right .search img {
      width: .34rem; }

  .content header .right .search::after {
    height: .3rem;
    left: auto;
    right: 0;
    opacity: 0.6; }
	
	  .content .des_navbars .m {
    flex-wrap: wrap; }
    .content .des_navbars .m div {
      width: 33.33%;
      flex: auto; }

  .content .des_navbars .m div span {
    font-size: .25rem; }

  .menu {
    display: block;
    width: .56rem;
    margin-left: .25rem; }

  .content .banner {
    height: 8rem; }

  .content .banner .mySwiper .swiper-slide .font {
    width: 4rem; }

  .content .banner .mySwiper .swiper-slide .link {
    width: 2.6rem;
    height: .66rem; }

  .content .banner .mySwiper .swiper-slide .link a span {
    font-size: .26rem; }

  .content .main_contact {
    padding: .6rem .3rem; }

  .content .main_contact .m ul {
    flex-wrap: wrap; }

  .content .main_contact .m ul li {
    width: 50%;
    padding: .3rem 0; }

  .content .main_contact .m ul li div p span {
    font-size: .42rem; }

  .content .main_contact .m ul li div p {
    font-size: .26rem; }

  .content .main_contact .m ul li em {
    font-size: .22rem; }

  .content .main_contact .m .box {
    display: block;
    width: 100%; }

  .content .main_contact .m .box .picture {
    width: 100%;
    height: auto; }

  .content .main_contact .m .box .grow {
    flex: auto;
    width: 100%;
    padding: 0;
    padding-top: .3rem; }
    .content .main_contact .m .box .grow p {
      font-size: .33rem; }
    .content .main_contact .m .box .grow span {
      font-size: .26rem; }

  .content .main_contact .m .box .grow div {
    width: 2.4rem;
    height: .66rem;
    margin-top: .5rem; }
    .content .main_contact .m .box .grow div a {
      font-size: .24rem; }

  .content .main_product {
    height: auto;
    background-size: cover;
    background-position: center center;
    padding: .8rem 0;
    padding-bottom: 0; }

  .content .main_product .m {
    padding: 0;
    text-align: center; }
    .content .main_product .m p {
      font-size: .3rem;
      margin-bottom: .2rem; }
    .content .main_product .m span {
      font-size: .22rem; }
    .content .main_product .m .btn {
      margin-top: .2rem;
      justify-content: center; }
      .content .main_product .m .btn .icons {
        width: .56rem;
        height: .56rem; }
      .content .main_product .m .btn a {
        font-size: .24rem;
        justify-content: center; }

  .content .main_product ul li .icon {
    width: .45rem;
    height: .45rem;
    border: 1px solid #fff; }

  .content .main_product ul {
    height: auto;
    position: static;
    margin-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap; }
    .content .main_product ul li {
      background: rgba(0, 0, 0, 0.1);
      width: 25%; }
      .content .main_product ul li:nth-child(1) {
        width: 33.33%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .content .main_product ul li:nth-child(2) {
        width: 33.33%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .content .main_product ul li:nth-child(3) {
        width: 33.33%;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .content .main_product ul li a {
        padding: .3rem 0;
        font-size: .24rem; }

  .content .main_product .right {
    position: static;
    display: none; }

  .content .main_scene .m {
    padding: 0 .3rem;
    padding-top: .8rem; }

  .content .main_scene .m .head {
    text-align: center; }
    .content .main_scene .m .head p {
      font-size: .26rem;
      margin-bottom: .1rem; }
    .content .main_scene .m .head span {
      font-size: .3rem; }

  .content .main_scene .m .head em {
    width: 100%;
    display: block;
    text-align: center; }

  .content .main_scene .m .box .item .label {
    margin: .3rem 0; }

  .content .main_scene .m .box .item {
    width: 32%; }

  .content .main_scene .m .box .item .label .font p {
    font-size: .23rem;
    margin-bottom: .15rem; }

  .content .main_news {
    padding: .6rem .3rem; }

  .content .main_news .m .head .fl p {
    font-size: .33rem; }

  .content .main_news .m .head .fl span {
    font-size: .24rem; }

  .content .main_news .m .head .link {
    width: 2.4rem;
    height: .66rem; }
    .content .main_news .m .head .link a {
      font-size: .24rem; }

  .content .main_news .m ul li {
    width: 100%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_news .m ul li .font p {
    font-size: .26rem; }

  .content .main_news .m ul li .date span {
    font-size: .23rem; }

  .content .main_news .m ul li .btn {
    width: 2.6rem;
    height: .66rem;
    font-size: .26rem; }

  .content .main_news .m ul li .picture {
    width: 100%;
    height: auto; }

  .content .footer .m .link {
    display: none; }

  .content .footer {
    padding: .6rem .3rem; }

  .content .footer .m {
    display: block; }

  .content .footer .m .fl {
    width: 100%;
    float: none;
    text-align: center; }

  .content .footer .m .fl .logos {
    margin: 0 auto; }

  .content .footer .m .fl div {
    margin: 0 auto;
    margin-top: .3rem; }
    .content .footer .m .fl div span {
      font-size: .2rem; }

  .content .footer .m .contact {
    margin-top: .5rem;
    text-align: center; }

  .content .footer .m .contact p {
    font-size: .24rem; }

  .content .footer .m .contact .l {
    font-size: .24rem;
    justify-content: center; }

  .content .footer .m .contact span {
    font-size: .24rem; }

  .content .footer .m .contact .share {
    justify-content: center; }

  .content footer .m {
    justify-content: center;
    font-size: .2rem; }

  .mobile_fade {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999; }
    .mobile_fade .box {
      width: 100%;
      height: calc(100vh - 1rem);
      position: absolute;
      left: 0;
      top: -100vh;
      background: #fff; }
      .mobile_fade .box ul {
        overflow: auto;
        height: 100%;
        padding: 0 .3rem; }
        .mobile_fade .box ul li {
          overflow: hidden;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          width: 100%; }
          .mobile_fade .box ul li span {
            height: 1rem;
            display: flex;
            font-size: .28rem;
            color: #333;
            align-items: center;
            justify-content: space-between; }
            .mobile_fade .box ul li span.on img {
              transform: rotate(90deg); }
            .mobile_fade .box ul li span a {
              font-size: .28rem;
              color: #000;
              height: 100%;
              display: flex;
              align-items: center;
              width: 90%; }
            .mobile_fade .box ul li span img {
              width: .35rem;
              transition: all .2s; }
          .mobile_fade .box ul li div {
            overflow: hidden;
            width: 100%;
            display: none; }
            .mobile_fade .box ul li div a {
              display: flex;
              align-items: center;
              font-size: .26rem;
              color: #333;
              height: .8rem; }

  .content header {
    z-index: 9999999; }

  .fadein_search .child {
    height: .9rem;
    width: 5.6rem; }

  .fadein_search .child input[type='text'] {
    font-size: .26rem; }

  .fadein_search .child input[type='submit'] {
    font-size: .26rem; }

  .fadein_search .box .closes {
    width: .5rem;
    right: 1rem;
    top: -1rem; }

  .des_banner {
    height: 4rem;
    padding: 0 .3rem;
    padding-top: 1rem; }

  .des_banner .m div p {
    font-size: .4rem; }

  .des_banner .m div span {
    font-size: .24rem; }

  .main_infos {
    padding: .6rem .3rem; }
	
	  .main_infosyy {
    padding: .0rem .3rem; }
	
		  .main_infospic {
    padding: .0rem .0rem; }
	
	.main_infospic .m .box{
    width:100%;
display:flex;	}


.contacts .yuan {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.8rem;
}

.contacts .y1{
	background-size:50%;
}
.contacts .y2{
	background-size:50%;
}
.contacts .y3{
	background-size:50%;
}
.contacts .y4{
	background-size:50%;
}

.contacts .text {
	margin-left:0.2rem;
}

.contacts .text p{
	font-size: .28rem !important;
}

.contacts .text span{
	font-size: .24rem !important;
}

  .tong_title p {
    font-size: .33rem;
    text-align: center; }

  .tong_title div {
    width: .6rem;
    height: 2px;
    margin: 0 auto;
    display: block; }
	
	  .lx_title p {
    font-size: .33rem;
    text-align: center; }

  .lx_title i {
    width: .6rem;
    height: 2px;
    margin: 0 auto;
    display: block; }

  .main_infos .m .box {
    display: block;
    margin-top: .5rem; }

  .main_infos .m .box .picture {
    width: 100%;
    height: auto; }

  .main_infos .m .box .grow {
    padding: .3rem 0; }
    .main_infos .m .box .grow h3 {
      font-size: .3rem; }
    .main_infos .m .box .grow span {
      font-size: .24rem; }
	  
	  .content .main_news .m .head { margin-left:0rem;}
	  
	    .main_infosyy .m .box {
    display: block;
    margin-top: .5rem; }

  .main_infosyy .m .box .picture {
    width: 100%;
    height: auto; }

  .main_infosyy .m .box .grow {
    padding: .3rem .3rem; }
    .main_infosyy .m .box .grow p {
      font-size: .3rem;
text-align:left;	  }
    .main_infosyy .m .box .grow span {
      font-size: .24rem; }
	  
	  	    .main_infospic .m .box {
    display:flex;
    margin-top: .5rem; }

  .main_infospic .m .box .picture {
    overflow: hidden;
    width: 2.5rem;
    height: 1.68rem; }

  .main_infospic .m .box .grow {
    padding: .3rem .3rem; }
    .main_infospic .m .box .grow p {
      font-size: .3rem; text-align:left; }
    .main_infospic .m .box .grow span {
          display: block;
          font-size: .24rem;
          color: #999999;
          line-height: 1.66;
		  height:0.8rem;
		  }
 

  .main_culture {
    padding: .6rem .3rem; }

  .tong_title span {
    font-size: .22rem; }

  .main_culture .m ul li {
    height: 3.5rem; }

  .main_environment {
    padding: .8rem .3rem; }

  .main_environment .m .des_btn div {
    height: .66rem;
    font-size: .24rem;
    margin: 0 .2rem; }

  .main_qualifications {
    padding: .6rem .3rem; }

  .main_qualifications .m .box {
    margin-top: .5rem; }

  .main_qualifications .m .box .mySwiper1 .swiper-slide {
    width: 6rem; } }


.comm-page{ padding: 60px 0; display: flex; justify-content: center; align-items: center;}
.comm-page>.current{ position: relative; color: #949494; }
.comm-page>.current::after{ height: 1px; position: absolute; content: ''; bottom: 0; left: 0; right: 0; background: #949494;}
.comm-page>.page-item{ min-width: 32px; height: 32px; line-height: 32px; font-size: 14px; margin: 0 4px; text-align: center; color: #666;}
.comm-page>.page-prev, .comm-page>.page-next{ position: relative; text-indent: -999rem; }
.comm-page>.page-prev::after, .comm-page>.page-next::after{ width: 16px; height: 16px; position: absolute; content: ''; background-size: cover !important; background-position: 50% 50% !important; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.comm-page>.page-prev::after{ background: url('../images/icon-prev.png');}
.comm-page>.page-next::after{ background: url('../images/icon-next.png');}
		  
/*# sourceMappingURL=css.css.map */