@media (max-width: 1024px) {
	
	
  .banner {
    height: 74.66vw;
  }

  .banner .banner-img {
    height: 100%;
  }

  .about .box1 {
    padding: 60px 20px 0;
  }

  .about .box1 .wrap {
    padding: 0;
  }

  .side-tit {
    font-size: 18px;
  }

  .about .box1 .lf {
    width: 100%;
  }

  .about .box1 .lf .sub {
    font-size: 16px;
  }

  .about .box1 .lf .cont {
    font-size: 13px;
  }

  .about .box1 .lf .pic {
    margin-top: 20px;
  }

  .about .box1 .rg {
    position: initial;
    width: 100%;
  }

  .about .box1 .lf .num-box {
    justify-content: space-between;
  }

  .about .box1 .lf .num-box .li {
    margin-right: 0;
  }

  .about .box1 .lf .sub2 {
    font-size: 16px;
    margin-top: 20px;
  }

  .about .box1 .lf .cont2 {
    padding: 0;
    font-size: 13px;
    margin-top: 20px;
  }

  .about .box2 .wrap {
    padding: 0px 20px 0;
    display: block; padding-bottom:30px;
  }

  .about .box2 .lf {
    width: 100%;
    padding: 0;
  }

  .about .box1 .lf .num-box .li .num .unit {
    font-size: 12px;
  }

  .about .box1 .lf .num-box .li .num .num-txt {
    font-size: 18px;
  }

  .about .box1 .lf .num-box .li .intro .txt {
    font-size: 12px;
  }

  .about .box2 .lf .num .txt {
    font-size: 36px;
  }

  .about .box2 .lf .num .unit {
    font-size: 12px;
  }

  .about .box2 .lf .more,
  .about .box2 .lf .tit {
    margin-top: 20px;
  }

  .about .box2 .rg {
    width: 100%;
    padding: 0;
    height: auto;
    background-color: transparent;
    margin-top: 20px;
  }

  .about .box2 .rg .box2-swiper .swiper-slide,
  .about .box2 .rg .box2-swiper .swiper-slide-active {
    width: 40%;
  }

  .about .box2 .rg .box2-swiper .swiper-slide p {
    font-size: 13px;
  }

  .about .box2 .rg .box2-swiper .swiper-wrapper {
    align-items: flex-start;
  }

  .product-list .lf {
    display: block;
width: 100%;
float: none;position:inherit;
  }

  .product-list .rg {
    width: 100%;
    float: none;padding-top: 0;
  }

  .product-list .rg .li-box .li .pic {
    1height: 9rem;
  }
  .product-list .rg .li-box .li {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 1.25rem;
  border: 1px solid #E5E5E5;
  transition: all 0.4s;
}
.product-list .rg .li-box .li:nth-child(2n) {
  margin-right: 0;
}
.product-list .rg .li-box .li:nth-child(3n) {
  margin-right: 2%;
}
  .product-list .rg .li-box .li .intro {
    height: auto;
    1padding: 20px 17px;
  }

  .product-list .rg .li-box .li .intro .h1 {
    font-size: 13px;
  }

  .product-list .rg .li-box .li .intro .txt {
    font-size: 16px;
    line-height: 1.5;
  }

  .pro-info .top-intro {
    padding: 60px 0;
  }

  .pro-info .top-intro .wrap {
    display: block;
  }

  .pro-info .top-intro .lf {
    width: 100%;
    padding-left: 0;
  }

  .pro-info .top-intro .lf .pic-box {
    position: relative;
    top: 0;
  }

  .pro-info .top-intro .rg {
    width: 100%;
    padding-top: 40px;
  }

  .pro-info .top-intro .lf .pic-box .pro-swiper .swiper-slide {
    width: 40px;
    height: 40px;
  }

  .pro-info .top-intro .rg .intro .h1 {
    font-size: 13px;
  }

  .pro-info .top-intro .rg .intro .h2 {
    font-size: 18px;
    margin-top: 10px;
  }

  .pro-info .top-intro .rg .intro2 {
    margin-top: 60px;
  }

  .pro-info .top-intro .rg .intro2 .cont {
    font-size: 13px;
  }

  .pro-info .top-intro .rg .intro2 .cont p {}

  .pro-info .top-intro .lf .pic-box .pro-swiper {
    margin-top: 25px;
  }

  .pro-info .btn-box {
    padding: 60px 0 0;
  }

  .pro-info .btn-box .wrap {
    padding: 20px;
  }

  .pro-info .btn-box .wrap .li {
    position: relative;
    display: block;
    padding: 1rem 0;
  }

  .pro-info .btn-box .wrap .li .tit {}

  .pro-info .btn-box .wrap .li .arr {
    position: absolute;
    top: 1rem;
    right: 0;
  }

  .pro-info .btn-box .wrap .li .cont {
    width: 100%;
    padding-top: 20px;
  }

  .pro-info .btn-box .wrap .li .cont .item .h1 {
    font-size: 13px;
    line-height: 1.33;
  }

  .pro-info .btn-box .wrap .li .cont .item .h2 {
    font-size: 12px;
  }

  .pro-ban .info-tit {
    width: 100%;
    text-align: center;
  }

  .pro-info .btm-box {
    padding: 60px 0;
  }

  .pro-info .btm-box .li-box {
    margin-top: 20px;
  }

  .pro-info .btm-box .li-box .li {
    display: block;
    padding: 0 1.1rem;
  }

  .pro-info .btm-box .li-box .li .li_left .solid {}

  .pro-info .btm-box .li-box .li .intro {
    padding: 10px 0;
  }

  .pro-info .btm-box .li-box .li .li_left {
    /*margin-bottom: 10px;*/
    padding: 10px 0;
    border-bottom: #E6E6E6 1px solid;
  }

  .pro-info .btm-box .li-box .li .li_left .h1 {
    font-size: 13px;
  }

  .pro-info .btm-box .li-box .li .intro .info a {
    font-size: 13px;
  }

  .pro-info .btm-box .li-box .li .intro .year {
    font-size: 13px;
  }

  .research .wrap {
    height: auto;
    padding-top: 60px;
  }

  .research .item {
    position: initial;
    display: block;
    padding-right: 0;
  }

  .research .item .pic,
  .research .item .intro {
    position: initial;
    transform: initial;
    width: 100%;
  }

  .research .item .intro .cont {
    max-height: initial;
    padding-right: 0;
    margin-top: 10px;
    font-size: 14px;
  }

  .research .item .intro .cont li::after {
    top: 13px;
  }

  .research .item3 .pic {
    text-align: center;
  }

  .recruit .app1 .selects {
    flex-wrap: wrap;
  }

  .recruit .app1 .selects .input,
  .recruit .app1 .selects .select {
    width: 48%;
    margin-bottom: 14px;
  }

  .recruit .app1 .selects .input form {
    font-size: 14px;
  }

  .recruit .app1 .selects .input form input,
  .el-input__inner {
    height: 36px !important;
  }

  .el-input__icon {
    height: 30px;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box .send .link-box a,
  .recruit .top-box .bar .tab span {
    padding: 3px 11px;
    width: auto;
    height: auto;
    font-size: 14px;
  }

  .recruit .top-box .li-box .li .top-bots p:nth-child(2),
  .recruit .top-box .li-box .li .top-bots p:nth-child(3),
  .recruit .top-box .li-box .li .top-bots p:nth-child(4),
  .recruit .top-box .li-box .li .top-bots p:nth-child(5),
  .recruit .top-box .li-tit p:nth-child(2),
  .recruit .top-box .li-tit p:nth-child(3),
  .recruit .top-box .li-tit p:nth-child(4),
  .recruit .top-box .li-tit p:nth-child(5) {
    display: none;
  }

  .recruit .top-box .li-box .li .top-bots p:nth-child(1),
  .recruit .top-box .li-tit p:nth-child(1) {
    width: 70%;
    font-size: 15px;
    padding: 0;
  }

  .recruit .top-box .li-box .li .top-bots,
  .recruit .top-box .li-tit {
    padding: 0 1rem;
  }

  .recruit .top-box .li-box .li .top-bots p:last-child,
  .recruit .top-box .li-tit p:last-child {
    width: 30%;
    text-align: right;
    font-size: 13px;
    padding: 0;
    display: block;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box {
    padding: 20px;
    display: block;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box .list.other,
  .recruit .top-box .li-box .li .btn-bots .list-box .list:nth-child(1),
  .recruit .top-box .li-box .li .btn-bots .list-box .list {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box .send {
    position: initial;
    width: 100%;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box .send .h1,
  .recruit .top-box .li-box .li .btn-bots .list-box .list .h1 {
    font-size: 15px;
  }

  .recruit .top-box .li-box .li .btn-bots .list-box .list .cont {
    font-size: 13px;
  }

  .recruit .mid-box .wrap .pos-cont {
    width: calc(100% - 40px);
  }

  .recruit .btn-box {
    padding: 60px 0;
  }

  .recruit .btn-box .li-box .li,
  .recruit .btn-box .li-box2 .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }

  .recruit .btn-box .li-box2 .li .cont,
  .recruit .btn-box .li-box .li .cont {
    font-size: 13px;
    margin-top: 16px;
  }

  .recruit .btn-box .li-box2 {
    margin-top: 0;
  }

  .contact .top-box {
   1 padding: 60px 0;
  }

  .contact .top-box .contact-swiper {
    margin-top: 20px;
  }

  .contact .top-box .contact-swiper .swiper-slide {
    width: 70%;
  }

  .contact .top-box .contact-swiper .swiper-slide .h1 {
    font-size: 16px;
    margin-top: 10px;
  }

  .contact .top-box .contact-swiper .swiper-slide .cont {
    font-size: 13px;
    margin-top: 10px;
    line-height: 1.5;
    padding-right: 20px;
  }

  .contact .top-box .contact-box {
   1 margin-top: 60px;
  }

  .contact .top-box .contact-box .pos-cont {
    position: initial;
    width: 100%;
    padding: 20px 0 0;
  }

  .contact .top-box .tit {
    color: #000;
  }

  .contact .top-box .contact-box .pos-cont .intro {
    margin-top: 0;
    padding: 20px;
    display: block;
  }

  .contact .top-box .contact-box .pos-cont .intro .li {
    width: 100%;
    margin-bottom: 20px;
  }

  .contact .top-box .contact-box .pos-cont .intro .li .info {
    padding-top: 0;
  }

  .contact .top-box .contact-box .pos-cont .intro .li .info .txt {
    font-size: 14px;
  }

  .contact .top-box .contact-box .pos-cont .intro .li .info .txt2 {
    font-size: 13px;
  }

  .contact .mid-box {
    padding: 60px 0;
  }

  .contact .mid-box .wrap {
    padding: 60px 20px;
  }

  .contact .mid-box .form .li {
    width: 100%;
  }

  .contact .mid-box .form .li.select-box:nth-child(2) {
    z-index: 99;
  }

  .contact .mid-box .form .li p {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .contact .mid-box .form .li input {
    height: 36px;
    font-size: 13px;
  }

  .contact .mid-box .form .li .select .drop-down {
    max-height: 6rem;
  }

  .contact .mid-box .form .li .select .drop-down span {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
  }

  .contact .mid-box .form .li.textBox {
    width: 100%;
  }

  .contact .mid-box .form .li textarea {
    font-size: 13px;
  }

  .contact .mid-box .form .submit {
    background-image: url(../img/mm.png);
  }

  .contact .network .supply {
    height: 130px;
  }

  .contact .network .supply img {
    height: 100%;
    object-fit: cover;
  }

  .contact .network .supply .pos-cont {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .contact .network .box {
    display: block;
    margin-top: 36px;
  }

  .contact .network .box .lf {
    width: 100%;
  }

  .contact .network .box .lf .tit {
    margin-bottom: 24px;
  }

  .contact .network .box .lf .item .name-box {
    margin-top: 16px;
  }

  .contact .network .box .rg {
    width: 300%;
    transform: translateX(-160vw) !important;
  }

  .contact .network .box .lf .item .name-box .name {
    width: calc((100% - 1.2rem) / 3);
    height: 31px;
    font-size: 13px;
    line-height: 30px;
    border-radius: 30px;
  }

  .contact .network .box .lf .item .name-box .name:nth-child(3n) {
    margin-right: 0;
  }

  .contact .network .box .lf .item .name-box .name:nth-child(4n) {
    margin-right: 0.4rem;
  }

  .news .hot .pic {
    width: 100%;
  }

  .news .hot .intro {
    width: 100%;
    position: initial;
    padding: 20px;
  }

  .news .hot .intro .tit {
    font-size: 16px;
    margin-top: 10px;
  }

  .news .hot .intro .cont {
    font-size: 13px;
  }

  .news .hot .intro .more {
    margin-top: 20px;
  }

  .news .hot .intro .time {
    font-size: 12px;
  }

  .news .tab-box {
    margin-top: 30px;
  }

  .news .li-box .li:last-child,
  .news .li-box .li:nth-child(3n),
  .news .li-box .li {
    width: 100%;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
  }

  .news .tab-box .tab a {
    padding: 3px 11px;
    width: auto;
    height: auto;
  }

  .news .li-box .li .tit {
    font-size: 16px;
    height: auto;
  }

  .news .li-box .li .time {
    font-size: 12px;
  }

  .news .li-box .li:last-child {
    border-bottom: 1px solid #EBEBEB;

  }

  .news .li-box .li::after {
    width: 100%;
  }

  .news .li-box .li::before {
    display: none;
  }

  .news .li-box .li .more {
    margin-top: 20px;
  }

  .news-info .lf {
    width: 100%;
    float: none;
    padding: 0;
  }

  .news-info .lf .cont {
    font-size: 14px;
  }

  .news-info .lf .intro .time,
  .news-info .lf .intro .share {
    font-size: 13px;
  }

  .news-info .rg {
    width: 100%;
    float: none;
  }

  .news-info .rg .info-page,
  .news-info .rg .related {
    padding: 30px 0;
    margin-top: 0;
  }

  .news-info .rg .info-page .item .tit,
  .news-info .rg .related .tit {
    font-size: 16px;
  }

  .news-info .rg .info-page .item .link .h1,
  .news-info .rg .related .li-box .li .h1 {
    font-size: 14px;
  }

  .news-info .rg .info-page .item .link .time,
  .news-info .rg .related .li-box .li .time {
    font-size: 13px;
    margin-top: 10px;
  }

  .news-info .rg .info-page .back {
    height: 40px;
  }

  .news-info .rg .info-page .back span {
    width: 15px;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide {
    width: 33%;
    padding-top: 14rem;
    border-right: none;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide .pos-cont {
    padding-bottom: 0;
    justify-content: flex-start;
    transform: translateY(0);
    position: relative;
  }

  .about .box4 .wrap .box4-swiper::after {
    position: absolute;
    content: "";
    opacity: .3;
    background-color: #FFF;
    top: calc(13rem + 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide .pos-cont .h1::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background-color: #dec6b5;
    border-radius: 50%;
    /*opacity: .3;*/
    backdrop-filter: blur(10px);
  }

  .about .box4 .wrap .box4-swiper .swiper-slide-active .pos-cont .h1::after {
    opacity: 1;
    background-color: #FFF;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide::after {
    display: none;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide-active .pos-cont .cont {
    opacity: 1;
    visibility: visible;
  }

  .about .box4 .wrap .box4-swiper .swiper-slide-active .pos-cont .h1 {
    font-size: 16px;
  }


  .about .box3 .wrap {
    display: block;
  }

  .about .box3 .wrap .lf {
    width: 100%;
  }

  .about .box3 .wrap .rg {
    width: 100%;
    height: 7rem;
  }

  .about .box3 .wrap .rg .box3-swiper .swiper-slide {
    width: 25%;
  }

  .about .box3 .wrap .rg .progress-bar {
    top: auto;

    bottom: 0;
    width: 100%;
    height: 2px;
  }

  .about .box3 .wrap .rg .progress-bar .progress {
    width: 100%;
    padding: 0;
  }

  .about .box3 .wrap .rg .box3-swiper {
    width: 100%;
  }

  .tanchuang2 .con {
    width: 90%;
  }

  .tanchuang2 .con .top {
    padding: 20px 12px;
  }

  .tanchuang2 .con .top_1 {
    padding: 16px 12px;
  }

  .tanchuang2 .con .tit {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .tanchuang2 .con .center .tit {
    margin-bottom: 12px;
  }

  .tanchuang2 .con .tit1 {
    font-size: 14px;
  }

  .tanchuang2 .con .input .h {
    font-size: 14px;
  }

  .tanchuang2 .con .boxs .input {
    width: 100%;
    margin-left: 0;
  }

  .tanchuang2 .con .bottom label {
    font-size: 10px;
    line-height: 24px;
  }

  .tanchuang3 .con .top {
    padding: 20px 12px;
  }

  .tanchuang3 .con .top .tc_logo {
    width: 100px;
  }

  .tanchuang3 .con .top .h {
    font-size: 12px;
    width: calc(100% - 130px);
    left: 130px;
    transform: translate(0, -50%);
  }

  .tanchuang3 .boxs>.box .tit {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .tanchuang3 .boxs>.box .input {
    width: 100%;
  }

  .tanchuang3 .boxs>.box .input1 {
    width: 100%;
  }

  .tanchuang3 .boxs>.box2 .item1 .ul .li {
    width: 100%;
  }

  .tanchuang3 .boxs>.box2 .item3 .list .top .name {
    line-height: 24px;
  }

  .tanchuang3 .boxs>.box2 .item4 .list .top .name {
    line-height: 24px;
  }

  .tanchuang3 .boxs>.box4 .list .top .name {
    line-height: 24px;
  }

  .tanchuang3 .boxs>.box5 .tabx {
    display: block;
  }

  .m_footer .nav ul {
    display:block;
  }

  .index-banner .swiper-pagination-bullet {
    width: 12px;
    height: 4px;
    border-radius: 2px;
  }

  .index-banner .swiper-pagination-bullet-active {
    width: 24px;
    height: 4px;
  }

  .pc-head .logo {
    width: 76px;
  }

  .about .box3 .wrap .lf {
    height: 18.5rem;
  }

  .about .box3 .wrap .lf .box3Top-swiper .swiper-slide {
    width: 90%;
    margin-right: 10%;
  }

  .about .box3 .wrap .lf .box3Top-swiper::after {
    opacity: 0;
  }

  .about .box3 .wrap .lf .box3Top-swiper .swiper-slide .pic {
    height: 6rem;
  }

  .about .box3 .wrap .lf .box3Top-swiper .swiper-slide .pic img {
    width: 100%;
    object-fit: cover;
  }

  .fix-box {
    display: none !important;
  }

  .about .box3 .wrap .lf .year {
    font-size: 4.5rem;
  }

  .pro-info .top-intro .lf .pic-box .img {
    height: 13rem;
  }

  .pro-info .top-intro .rg .intro .cont p {
    padding-left: 0.8rem;
    font-size: 14px;
    line-height: 1.5;
  }

  .pro-info .btn-box .wrap .li .cont {
    padding-bottom: 30px;
  }

  .pro-info .btn-box .wrap .li {
    margin-top: 30px;
  }

  .contact .network {
    overflow: hidden;
  }
  
  .honor-dialog .cont-box {
    padding: 2rem .8rem;
  }
  
  .honor-dialog .cont-box .li-box .li {
    width: 50%;
    padding: .8rem;
  }
  .honor-dialog .cont-box .li-box .li .pic img {
    max-height: 100%;
    object-fit: contain;
  }
  .dl_tc .con{width: 90%;}
  .dl_tc .con form .input{width: 100%;}
  .dl_tc .con form .input .name{font-size: 14px;}
  .dl_tc .con form .more{margin-top: 20px;}
  .dl_tc .con .tc_out{width: 26px;height: 26px;}
  .dl_tc .con form .input input{font-size: 14px;line-height: 30px;}
}


@media (max-width: 768px) {
.pc-head .logo img {
  width: 82%;
}
footer .center{ display:none;}
footer{ padding-top:36px;}
.left h1 {
  font-size: 18px !important;
  font-weight: 600;
  margin: 0 0 8px 0;
  color: #05202e;
  letter-spacing: -0.3px;
}
.left p span {
  background: #eef4f9;
  padding: 2px 16px;
  border-radius: 30px;
  font-size: 12px !important;
  color: #11415a;
}
.intro2 table{ width:100% !important;}
.overlay-text {
  color: #ffffff;
  font-size: 12px !important;
  text-align: center;
  padding: 12px;
  margin: 0;
}
.news-info img{ width:100% !important; height:auto !important;}
}