@media screen and (max-width: 1800px) {
  .bannerText.prdbanner .w1515 {
    bottom: 60px;
  }
  .about5 .w1515 .prev {
    left: 0%;
  }
  .about5 .w1515 .next {
    right: 0%;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox .ckgd {
    margin-top: 60px;
  }
  footer .t .r .items .item {
    margin-left: 40px;
  }
}

@media screen and (max-width: 1600px) {
  .w1515 {
    width: 90%;
  }
  footer .t .r .items .item {
    margin-left: 30px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    width: 90%;
    margin-top: 20px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox .ckgd {
    margin-top: 30px;
  }
  .zeren .w1515 .prev {
    margin-left: 3%;
  }
  .zeren .w1515 .next {
    margin-right: 3%;
  }
  .zeren .w1515 .swiper-zeren {
    width: 80%;
  }
  .jsplit {
    width: 90%;
  }
  .about1 .l .w1515 p {
    width: 45%;
    margin: 40px 0;
  }
  .bannerText.prdbanner .w1515 {
    bottom: 30px;
  }
  .bannerText.prdbanner .w1515 .l .text {
    margin: 45px 0;
  }
  footer .t .r .items .item {
    margin-left: 20px;
  }
}

@media screen and (max-width: 1440px) {
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox {
    bottom: initial;
  }
  .box4 .box4r .swiper-wrapper .swiper-slide .box4rtext {
    padding: 30px;
    height: auto;
    padding-bottom: 60px;
    width: 70% !important;
  }
  .box4 .box4r .box4rprev, .box4 .box4r .box4rnext {
    width: 60px;
    height: 60px;
  }
  .box4 .box4r .box4rprev {
    left: 70% !important;
    margin-left: -60px;
  }
  .box4 .box4r .box4rnext {
    left: 70% !important;
  }
  .box4 .box4l .box .dhead {
    margin-top: 30px;
  }
  .box4 .box4l .box p {
    margin: 25px 0;
  }
  .culture .w1515 ul li .box {
    left: 30px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r {
    padding: 30px;
    padding-bottom: 0;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r h5 {
    margin-top: 30px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r a {
    margin-top: 30px;
  }
  .system .w1515 ul li .r {
    padding: 30px;
    padding-bottom: 0;
  }
  .culture .w1515 ul li .text {
    padding: 0 30px;
  }
  .subnavHead
.bannerimg.prdbanner {
    height: 100%;
  }
  .subnavHead
.bannerimg.prdbanner img {
    height: 100vh !important;
  }
  .bannerText.prdbanner .w1515 .l h4 {
    font-size: 26px;
  }
  .bannerText.prdbanner .w1515 .l h1 {
    font-size: 34px;
  }
  .bannerText.prdbanner .w1515 .l .text {
    margin: 30px 0;
  }
  .culture .w1515 ul li:hover .box {
    bottom: 90px;
  }
  .culture .w1515 ul li:hover .text {
    bottom: 30px;
  }
}

@media screen and (max-width: 1366px) {
  .about5 .w1515 .swiper-honor .pswp__button--arrow--right {
    margin-right: 0;
    right: 5%;
  }
  .honor .w1515 .pswp__button--arrow--right {
    margin-right: 0;
    right: 5%;
  }
  .honor .w1515 .pswp__button--arrow--left {
    margin-left: 0;
    left: 5%;
  }
  footer .t .r .items .item {
    margin-left: 20px;
  }
  .newsinner {
    padding: 100px 0;
  }
  .newsinner .w1515 {
    padding: 60px;
  }
  .newsinner .prev:hover i, .newsinner .next:hover i {
    background: #C90B1A;
    color: white;
  }
  .newsinner .prev span, .newsinner .next span {
    display: none;
  }
  .newsinner .prev p, .newsinner .next p {
    display: none;
  }
  .newsinner .prev i, .newsinner .next i {
    width: 35px;
    height: 35px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  }
  .newsinner .prev {
    left: 5px;
  }
  .newsinner .next {
    right: 5px;
  }
  .news .w1515 ul li .b {
    height: auto;
    padding: 20px;
    padding-bottom: 0;
  }
  .news .w1515 ul li .b .newstext {
    margin-bottom: 30px;
  }
  .news .w1515 ul li .b .newstext p {
    margin-top: 15px;
  }
  .leader .w1515 .r {
    margin-left: 30px;
  }
  .profile .w1515 .box .r ol li:last-child {
    margin-bottom: 55px;
  }
  .profile .w1515 .box .r {
    margin-left: 60px;
  }
  .profile .w1515 .box .r ol {
    padding: 30px;
    padding-bottom: 0;
  }
  .about4 .w1515 .box .r {
    padding-right: 0;
  }
  .about5 .w1515 .swiper-honor .pswp__button--arrow--left {
    margin-left: 0;
    left: 5%;
  }
  .about1 .l .w1515 {
    padding-top: 30px;
  }
}

@media screen and (max-width: 1280px) {
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h1 {
    font-size: 40px;
  }
  .swiper-box1 .num {
    margin-left: 0;
    left: 5%;
  }
  .swiper-box1 .num .prev, .swiper-box1 .num .next {
    width: 60px;
    height: 60px;
  }
  .swiper-box1 .num .swiper-pag span {
    height: 60px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox .ckgd {
    display: none;
  }
  footer .t .r .items .item {
    margin-left: 15px;
  }
  .honor .w1515 .demo-gallery a {
    width: 24%;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(5n - 1) {
    margin-right: initial;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(5n - 2) {
    margin-right: initial;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(5n - 3) {
    margin-right: initial;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
  }
  .box4 .box4l .box .dhead {
    margin-top: 20px;
  }
  .box4 .box4l .box p {
    margin: 20px 0;
  }
  .box4 .box4l .box .boxlitems li {
    height: 30px;
  }
  .contact .w1234 {
    width: 90%;
    padding: 60px 30PX;
  }
  .hezuo .w1167 {
    width: 90%;
  }
  .webjoin .w1167 {
    width: 90%;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r h5 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r a {
    margin-top: 20px;
  }
  footer .t {
    padding: 40px 5% 25px;
  }
  footer .b {
    padding: 15px 5% 24px;
  }
  footer .b section .yqlj {
    right: 5%;
  }
  .prdt .w1515 ul li .box p {
    width: 90%;
  }
  .jsplit {
    bottom: 30px;
  }
  .jsplit .splitbox h6 {
    font-size: 40px;
  }
  .news .w1515 ul li {
    width: 32%;
  }
  .news .w1515 ul i {
    width: 32%;
  }
  .prd .w1515 ul li {
    width: 32%;
  }
  .prd .w1515 ul i {
    width: 32%;
  }
  .comesback {
    width: 5%;
    height: 0;
    padding-top: 5%;
  }
  .comesback i {
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .comesback p {
    font-size: 16px;
    display: none;
  }
  .box6 .w1245 .l {
    padding-right: 20px;
    padding-left: 0;
  }
  .box6 .w1245 .l section {
    padding-top: 20px;
    margin-left: 20px;
  }
  .box6 .w1245 .l section:first-child {
    margin-left: 0;
    margin-right: 0;
  }
  .box6 .w1245 .l section .firstnews {
    padding-bottom: 20px;
  }
  .box6 .w1245 .l section ol li {
    margin-top: 15px;
  }
  .profile .w1515 .box .r {
    width: 350px;
  }
  .box5 .w1245 li {
    flex: none;
    width: 33.33%;
  }
  .box3 .w1245 .item .b p {
    width: 100%;
  }
  .box2 .w1245 .r ul li span {
    font-size: 44px;
  }
  .culture .w1515 ul {
    flex-wrap: wrap;
  }
  .culture .w1515 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .dhead .splitbox h5 {
    font-size: 34px;
  }
  .dhead .splitbox h6 {
    font-size: 28px;
  }
  header {
    padding: 0 5%;
  }
  .about1 .l .w1515 p {
    margin: 15px 0;
  }
  .w1245 {
    width: 90%;
  }
}

@media screen and (max-width: 1024px) {
  .about3, .system, .webjoin, .honor, .xingdong, .news, .about5, .zeren, .case, .prdsxg, .prd, .prdx, .prdsfw, .leader, .about4, .box2, .profile, .culture, .news_video {
    padding: 60px 0;
  }
  .swiper-box1 .num {
    display: none;
  }
  .about5 .w1515 .next, .about5 .w1515 .prev {
    width: 50px;
    height: 50px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox .ckgd {
    margin-top: 60px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    margin-top: 30px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    width: 100%;
  }
  .honor .w1515 .pswp__button--arrow--right {
    display: none;
  }
  .honor .w1515 .pswp__button--arrow--left {
    display: none;
  }
  .box4 {
    flex-wrap: wrap;
  }
  .box4 .box4l {
    width: 100% !important;
  }
  .box4 .box4l .box {
    padding: 30px 0;
    padding-left: 5%;
    padding-right: 5%;
    width: 100% !important;
  }
  .box4 .box4l .box p {
    margin: 30px 0;
  }
  .box4 .box4l .box .boxlitems li {
    height: 45px;
    margin-bottom: 15px;
  }
  .box4 .box4r {
    width: 100% !important;
  }
  .contact {
    padding: 150px 0;
  }
  .webjoin .w1167 ul {
    flex-wrap: wrap;
  }
  .webjoin .w1167 ul li {
    width: 24%;
    margin-bottom: 15px;
  }
  .hezuo .w1167 .biaoges .box .item ul {
    flex-wrap: wrap;
  }
  .hezuo .w1167 .biaoges .box .item ul li {
    width: 50%;
  }
  .hezuo .w1167 .biaoges .box .item ul li:last-child {
    width: 100%;
    border-top: 1px solid #bcbcbc;
  }
  .xingdong .w1515 .swiper-grow {
    padding-bottom: 70px;
  }
  .xingdong .w1515 > p {
    width: 100%;
    margin: 30px auto;
  }
  .zeren .w1515 {
    margin-top: 60px;
  }
  .zeren .w1515 {
    position: relative;
    padding-bottom: 80px;
  }
  .zeren .w1515 .swiper-zeren {
    width: 100%;
  }
  .zeren .w1515 .prev {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    margin-left: 0;
  }
  .zeren .w1515 .next {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: 0;
    z-index: 3;
  }
  .system .w1515 ul li .r h5 {
    font-size: 24px;
  }
  .system .w1515 ul li .r h6 {
    font-size: 24px;
  }
  .system .w1515 ul li .r span {
    margin: 15px 0;
  }
  .case .w1515 ul li {
    width: 48%;
  }
  .case .w1515 ul li .b {
    height: auto;
    padding: 15px 30px;
  }
  .case .w1515 ul i {
    width: 48%;
  }
  .case .w1515 .fy {
    margin-top: 20px;
  }
  footer .t .r .items {
    display: none;
  }
  footer .t .l {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .jsplit .splitbox {
    text-align: center;
  }
  .jsplit .splitbox h5 {
    text-align: center;
  }
  .fanhui {
    height: 80px;
  }
  .newsinner .w1515 {
    padding: 30px;
  }
  .newsinner .w1515 h5 {
    font-size: 24px;
  }
  .newsinner .w1515 .title {
    margin: 30px 0;
  }
  .newsinner .w1515 .bqian {
    margin-bottom: 30px;
  }
  .prdsxg .w1515 ul {
    margin-top: 60px;
    flex-wrap: wrap;
  }
  .prdsxg .w1515 ul li {
    width: 49%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .prdsxg .w1515 ul li .t {
    height: auto;
    padding: 15px;
    box-sizing: border-box;
  }
  .prdx .w1515 ul li div:first-child {
    padding-left: 30px;
  }
  .prdx .w1515 ul li div {
    padding: 0 30px;
  }
  .prdt .w1515 ul {
    flex-wrap: wrap;
  }
  .prdt .w1515 ul li {
    width: 50%;
    padding: 0;
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
  }
  .prdt .w1515 ul li .box {
    height: auto;
    border: 0;
    padding: 30px 0;
  }
  .prdt .w1515 ul li .box h5 {
    margin: 30px 0;
  }
  .prdt .w1515 ul li .box span {
    margin-bottom: 30px;
  }
  .prdhead .splitbox h3 {
    font-size: 24px;
  }
  .bannerText.prdbanner .w1515 .r {
    width: 25%;
  }
  .bannerText.prdbanner .w1515 .r img {
    width: 100%;
  }
  .comesback {
    display: none;
  }
  .box6 .w1245 {
    flex-wrap: wrap;
  }
  .box6 .w1245 .l {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }
  .box6 .w1245 .r {
    width: 100%;
  }
  .box6 .w1245 .r .swiper-tpnews .swiper-wrapper .swiper-slide {
    position: relative;
  }
  .box3 {
    padding-bottom: 60px;
  }
  .box5 .w1245 {
    width: 95%;
    margin-left: 5%;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
  }
  .box5 .w1245::-webkit-scrollbar {
    display: none;
  }
  .box5 .w1245 li {
    width: 40%;
  }
  .box3 .w1245 {
    width: 95%;
    margin-left: 5%;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: -webkit-scrollbars-none;
  }
  .box3 .w1245::-webkit-scrollbar {
    display: none;
  }
  .box3 .w1245 .item {
    flex: none;
    width: 40%;
  }
  .box3 .w1245 .item .b {
    padding: 20px;
    padding-bottom: 0;
  }
  .box2 .w1245 .l p {
    width: 90%;
  }
  .leader .w1515 .r {
    width: 50%;
  }
  .leader .w1515 .r img {
    width: 100%;
  }
  .profile .w1515 .box .r ol li div span {
    font-size: 34px;
  }
  .profile .w1515 .box {
    flex-direction: column-reverse;
  }
  .profile .w1515 .box .l {
    width: 100%;
    margin-top: 30px;
  }
  .profile .w1515 .box .r {
    width: 100%;
    margin-left: 0;
  }
  .profile .w1515 .box .r ol {
    width: 100%;
  }
  .profile .w1515 .box .r ol li {
    margin-bottom: 30px;
  }
  .profile .w1515 .box .r ol li:last-child {
    margin-bottom: 30px;
  }
  .about4 .w1515 .box {
    margin-top: 60px;
  }
  .about4 .w1515 .box .r h1 span {
    font-size: 34px;
  }
  .about4 .w1515 .box .r h1 span:last-child {
    font-size: 24px;
  }
  .about4 .w1515 .box .l .swiper-his .swiper-wrapper .swiper-slide .item .text {
    width: 100%;
  }
  .about4 .w1515 .box {
    flex-direction: column-reverse;
  }
  .about4 .w1515 .box .l {
    width: 100%;
  }
  .about4 .w1515 .box .l .swiper-his {
    height: auto;
  }
  .about4 .w1515 .box .r {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .about4 .w1515 .box .r h1 {
    text-align: left;
  }
  .about4 .w1515 .box .r p {
    text-align: left;
  }
  .about4 .w1515 .box .r .hisitems {
    display: flex;
  }
  .about4 .w1515 .box .r .hisitems li {
    width: auto;
    flex: 1;
  }
  .about5 .w1515 .swiper-honor .pswp__button--arrow--left {
    display: none;
  }
  .about5 .w1515 .swiper-honor .pswp__button--arrow--right {
    display: none;
  }
  .about2 .l .text {
    bottom: 30px;
    left: 30px;
  }
  .about2 .l .text h1 {
    font-size: 24px;
  }
  .about2 .l .textn h1 {
    font-size: 24px;
  }
  .about2 {
    flex-wrap: wrap;
  }
  .about2 .l {
    width: 100%;
  }
  .about2 .r {
    width: 100%;
  }
  .about1 {
    flex-wrap: wrap;
  }
  .about1 .l {
    width: 100%;
    padding: 30px 0;
  }
  .about1 .l .w1515 {
    width: 90%;
    padding: 0;
    position: static;
    transform: translate(0);
  }
  .about1 .l .w1515 .dhead {
    text-align: center;
  }
  .about1 .l .w1515 p {
    text-align: center;
    width: 100%;
    margin: 30px 0;
  }
  .about1 .l .w1515 .viewmore {
    margin: auto;
  }
  .about1 .r {
    width: 100%;
  }
  .subnavbody .w1515 {
    width: 100%;
  }
  .subnavbody .w1515 li a {
    padding: 0 20px;
  }
  header ul {
    display: none;
  }
  header .headerlink {
    display: none;
  }
  header .mobileMenu {
    display: flex;
  }
}

@media screen and (max-width: 860px) {
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    margin-top: 15px;
    -webkit-line-clamp: 2;
  }
  .news_video .w1515 ul li {
    width: 48%;
  }
  .news_video .w1515 ul li:last-child:nth-child(3n - 1) {
    margin-right: 0;
  }
  .honor .w1515 .demo-gallery a {
    width: 32%;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(4n - 1) {
    margin-right: initial;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(4n - 2) {
    margin-right: initial;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
  }
  .contact .w1234 .head .l h5 {
    font-size: 24px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h1 {
    font-size: 24px;
  }
  .contact .w1234 .head .r div span {
    font-size: 18px;
  }
  .contact .w1234 .head {
    flex-wrap: wrap;
  }
  .contact .w1234 .head .l {
    width: 100%;
    text-align: center;
  }
  .contact .w1234 .head .r {
    margin-top: 30px;
    width: 100%;
    justify-content: center;
  }
  .contact .w1234 .cen {
    flex-wrap: wrap;
  }
  .contact .w1234 .cen .l {
    width: 100%;
  }
  .contact .w1234 .cen .r {
    width: 100%;
  }
  .webjoin .w1167 ul {
    flex-wrap: wrap;
  }
  .webjoin .w1167 ul li {
    width: 32%;
    margin-bottom: 15px;
  }
  .zeren > h5 {
    font-size: 24px;
  }
  .zeren h6 {
    font-size: 24px;
  }
  .zeren > p {
    width: 90%;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide {
    flex-wrap: wrap;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .l {
    width: 100%;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r {
    width: 100%;
    padding: 30px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r .zerentime {
    display: inline-block;
    height: auto;
    width: auto;
    padding: 15px;
    text-align: center;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r .zerentime p {
    font-size: 24px;
  }
  .system .w1515 ul li {
    flex-wrap: wrap;
  }
  .system .w1515 ul li .l {
    width: 100%;
  }
  .system .w1515 ul li .r {
    width: 100%;
    padding: 30px;
  }
  .fanhui {
    height: 60px;
  }
  .case .w1515 .fy {
    margin-top: 40px;
  }
  .jsplit .splitbox h6 {
    font-size: 30px;
  }
  .jsplit .splitbox h5 {
    line-height: 1.5;
  }
  .news .w1515 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .news .w1515 ul i {
    width: 48%;
  }
  .bannerText.prdbanner .w1515 .l h4 {
    font-size: 22px;
  }
  .bannerText.prdbanner .w1515 .l h1 {
    font-size: 24px;
  }
  .prd .w1515 ul li {
    width: 48%;
  }
  .prd .w1515 ul i {
    width: 48%;
  }
  .box6 .w1245 .l {
    flex-wrap: wrap;
  }
  .box6 .w1245 .l section {
    padding-top: 30px;
    margin: 0;
    width: 100%;
  }
  .box6 .w1245 .l section .viewmore {
    margin-top: 30px;
  }
  .box6 .w1245 .l section ol li span {
    margin-left: 15px;
  }
  .box6 .w1245 .r .swiper-tpnews .swiper-wrapper .swiper-slide .text {
    padding: 15px;
  }
  .about5 .w1515 .swiper-honor {
    margin-top: 30px;
    padding-bottom: 60px;
  }
  .box2 .w1245 .r ul li span {
    font-size: 34px;
  }
  .box2 .w1245 {
    flex-wrap: wrap;
  }
  .box2 .w1245 .l {
    width: 100%;
  }
  .box2 .w1245 .l p {
    width: 100%;
    margin: 20px 0;
  }
  .box2 .w1245 .l .viewmore {
    margin: auto;
  }
  .box2 .w1245 .r {
    width: 100%;
    padding: 0;
    border: none;
    margin-top: 30px;
  }
  .box2 .w1245 .r ul {
    display: flex;
  }
  .box2 .w1245 .r ul li {
    flex: 1;
    text-align: center;
  }
  .leader .w1515 {
    flex-wrap: wrap;
    padding-bottom: 60px;
  }
  .leader .w1515 .l {
    flex: none;
    width: 100%;
  }
  .leader .w1515 .l .name {
    top: initial;
    bottom: 0;
  }
  .leader .w1515 .r {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
  .dhead .splitbox h5 {
    font-size: 24px;
  }
  .dhead .splitbox h6 {
    font-size: 24px;
  }
}

@media screen and (max-width: 750px) {
  footer .b section .yqlj {
    display: none;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h1 {
    font-size: 20px;
  }
  .hezuo .w1167 .biaoges .box .item ul li {
    width: 100%;
    border-top: 1px solid #bcbcbc;
  }
  .hezuo .w1167 .biaoges .box .item ul li:first-child {
    border-top: none;
  }
  .hezuo .w1167 .biaoges .box .item ol li {
    width: 100%;
  }
  footer .b section > p, footer .b section > a {
    margin-right: 20px;
  }
  footer .b section > a:last-child {
    margin-right: 0;
  }
  .bannerText.prdbanner {
    position: static !important;
    background: url("../img/prd/10.png");
    padding-top: 180px;
    padding-bottom: 30px;
  }
  .bannerText.prdbanner .w1515 {
    flex-direction: column-reverse;
    position: static;
    transform: translate(0);
  }
  .bannerText.prdbanner .w1515 .r {
    margin: auto;
  }
  .bannerText.prdbanner .w1515 .l {
    margin-top: 30px;
    width: 100%;
  }
  .bannerText.prdbanner .w1515 .l h1 {
    text-align: center;
  }
  .bannerText.prdbanner .w1515 .l h4 {
    text-align: center;
  }
  .bannerText.prdbanner .w1515 .l a {
    margin: auto;
  }
  .subnavHead .bannerimg.prdbanner {
    position: absolute;
  }
  .subnavHead .bannerimg.prdbanner img {
    display: none;
  }
  .box5 .w1245 li {
    width: 60%;
  }
  .box3 .w1245 li {
    width: 60%;
  }
  .culture .w1515 ul li {
    width: 100%;
  }
  .culture .w1515 ul li:last-child {
    margin-bottom: 0;
  }
  .profilebox:hover img {
    transform: translate(-50%, 0) scale(1.02);
  }
  .profilebox img {
    width: auto !important;
    max-width: 750px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 640px) {
  .about3, .system, .webjoin, .honor, .hezuo, .news, .xingdong, .prd, .zeren, .case, .prdsxg, .prdx, .prdszy, .prdsfw, .prdsff, .leader, .prdt, .about5, .about4, .box2, .profile, .culture, .news_video {
    padding: 30px 0;
  }
  .deepmao {
    top: -90px;
  }
  .leader .w1515 .l .name {
    font-size: 18px;
  }
  .news_video .w1515 .fy {
    margin-top: 30px;
  }
  .prdt .w1515 ul li .box img {
    transform: scale(0.6);
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h1 {
    font-size: 18px;
  }
  .news_video .w1515 ul li {
    margin-bottom: 20px;
    width: 100%;
  }
  .news_video .w1515 ul li .text {
    margin-top: 8px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    -webkit-line-clamp: 2;
    margin-top: 10px !important;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox .ckgd {
    margin-top: 30px;
    width: 95px;
    height: 36px;
    font-size: 14px;
  }
  .about5 .w1515 .next, .about5 .w1515 .prev {
    display: none;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h6 {
    font-size: 14px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox p {
    margin-top: 15px;
    line-height: 1.6;
  }
  .honor .w1515 .demo-gallery {
    margin-top: 30px;
  }
  .honor .w1515 .demo-gallery a {
    width: 48%;
  }
  .honor .w1515 .demo-gallery a:last-child:nth-child(3n - 1) {
    margin-right: initial;
  }
  .box6 .w1245 .l section ol li p {
    font-weight: 500;
    line-height: 1.2;
  }
  .mobileNav .box {
    padding-top: 50px;
  }
  .box4 .box4r .box4rprev, .box4 .box4r .box4rnext {
    display: none;
  }
  .box4 .box4l .box .dhead {
    margin: 0;
  }
  .box4 .box4r .swiper-wrapper .swiper-slide .box4rtext {
    padding: 15px;
    width: 100% !important;
  }
  .box4 .box4r .swiper-wrapper .swiper-slide .box4rtext h5 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .box4 .box4r .swiper-wrapper .swiper-slide .box4rtext p {
    line-height: 1.6;
  }
  .box3 .w1245 .item .b .viewmore {
    width: 95px;
    height: 36px;
  }
  .box4 .box4l .box p {
    margin: 15px 0;
    margin-bottom: 20px;
  }
  .box4 .box4l .box .boxlitems li {
    height: 30px;
  }
  .box4 .box4l .box .boxlitems li:after {
    height: 2px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox {
    text-align: center;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox > span {
    padding: 10px;
    height: auto;
    line-height: 1;
    font-size: 18px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h1 {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 2px;
  }
  .swiper-box1 .swiper-wrapper .swiper-slide .homebox h6 {
    line-height: 1.4;
  }
  .swiper-box1 .num .prev, .swiper-box1 .num .next {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .swiper-box1 .num .swiper-pag span {
    height: 40px;
    margin-left: 10px;
    font-size: 16px;
  }
  .contact {
    padding: 75px 0;
  }
  .contact .w1234 .cen .l .cenbox div {
    margin-bottom: 20px;
  }
  .contact .w1234 .cen .l .cenbox div h5 {
    margin-bottom: 5px;
  }
  .contact .w1234 .head .r {
    flex-direction: column-reverse;
  }
  .contact .w1234 .head .r div {
    text-align: center;
    margin-left: 0;
  }
  .contact .w1234 .head .r div p {
    font-size: 14px;
  }
  .contact .w1234 .head .r div span {
    font-size: 18px;
  }
  .contact .w1234 .head .l h5 {
    font-size: 16px;
  }
  .contact .w1234 .head .l h6 {
    margin-top: 5px;
  }
  .contact .w1234 .head .r {
    margin-top: 15px;
  }
  .contact .w1234 .cen {
    margin-top: 20px;
  }
  .contact .w1234 .cen .l {
    border-image: -webkit-linear-gradient(#c90b1a 40px, #DEDEDE 0%) 1;
    border-image: -moz-linear-gradient(#c90b1a 40px, #DEDEDE 0%) 1;
    border-image: linear-gradient(#c90b1a 40px, #DEDEDE 0%) 1;
  }
  .contact .w1234 .cen .l .heads {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
  }
  .contact .w1234 .cen .l .cenbox {
    padding: 15px;
  }
  .contact .w1234 {
    padding: 30px 15px;
  }
  .webjoin .w1167 ul {
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .webjoin .w1167 ul li {
    width: 48%;
    height: 75px;
    margin-bottom: 15px;
  }
  .webjoin .w1167 ul li:last-child {
    margin-bottom: 0;
  }
  .hezuo .w1167 .biaoges .box .item ol li .texts {
    padding: 8px 10px;
  }
  .hezuo .w1167 .biaoges .box .item ol li input {
    padding: 0 10px;
  }
  .hezuo .w1167 .biaoges .box {
    padding: 0 10px;
    padding-bottom: 30px;
  }
  .hezuo .w1167 .biaoges .box .buttons {
    margin-top: 30px;
  }
  .hezuo .w1167 .biaoges .head {
    padding: 0 15px;
    font-size: 14px;
  }
  .hezuo .w1167 .biaoges .box .buttons {
    justify-content: space-between;
  }
  .hezuo .w1167 .biaoges .box .buttons button {
    width: 95px;
    height: 36px;
  }
  .itemtitle {
    padding: 0 10px;
    width: 100px;
  }
  .xingdong .w1515 .swiper-grow {
    padding-bottom: 30px;
  }
  .xingdong .w1515 .swiper-grow .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
  .xingdong .w1515 .swiper-grow .swiper-wrapper .swiper-slide .b {
    height: auto;
    padding: 15px;
  }
  .xingdong .w1515 .swiper-grow .swiper-wrapper .swiper-slide .b p {
    margin-bottom: 5px;
  }
  .zeren .w1515 {
    margin-top: 30px;
  }
  .xingdong .w1515 > p {
    margin: 20px auto;
  }
  .zeren > h5 {
    font-size: 18px;
  }
  .zeren h6 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .zeren > span {
    height: 2px;
  }
  .zeren > p {
    margin-top: 15px;
    line-height: 1.6;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r {
    padding: 15px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r h5 {
    font-size: 16px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r p {
    line-height: 1.6;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r a {
    width: 95px;
    height: 36px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r a span {
    font-size: 12px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r a i {
    margin-left: 5px;
    font-size: 14px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r .zerentime {
    padding: 10px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r .zerentime p {
    font-size: 16px;
  }
  .zeren .w1515 .swiper-zeren .swiper-wrapper .swiper-slide .r .zerentime p:last-child {
    margin-top: 5px;
    font-size: 12px;
  }
  .zeren .w1515 {
    padding-bottom: 60px;
  }
  .zeren .w1515 .prev, .zeren .w1515 .next {
    width: 35px;
    height: 35px;
  }
  .system .w1515 ul li .r {
    padding: 15px;
  }
  .system .w1515 ul li .r h5 {
    font-size: 18px;
  }
  .system .w1515 ul li .r h6 {
    font-size: 18px;
  }
  .system .w1515 ul li .r span {
    margin: 10px 0;
  }
  .system .w1515 ul li .r p {
    line-height: 1.6;
  }
  .case .w1515 ul li {
    width: 100%;
  }
  .case .w1515 ul li .b {
    padding: 15px;
  }
  .case .w1515 ul li .b .text {
    margin-top: 10px;
    padding-bottom: 15px;
  }
  .case .w1515 ul i {
    width: 100%;
  }
  .case .w1515 .fy {
    margin-top: 20px;
  }
  footer .b {
    padding: 15px 3%;
  }
  header {
    padding: 0 3%;
  }
  footer .t {
    padding: 20px 3%;
  }
  footer .t .l {
    justify-content: flex-start;
  }
  footer .t .l .box .item {
    margin-top: 15px;
    display: none;
  }
  .jsplit .splitbox h6 {
    font-size: 18px;
    font-weight: 500;
  }
  .jsplit .splitbox h6:last-child {
    font-weight: 500;
  }
  .jsplit .splitbox h5 {
    font-size: 18px;
    font-weight: 500;
  }
  .fanhui {
    height: 40px;
  }
  .fanhui p {
    margin-left: 10px;
  }
  .newsinner {
    padding-top: 60px;
    padding-bottom: 30px;
  }
  .newsinner .prev {
    left: 0;
  }
  .newsinner .next {
    right: 0;
  }
  .newsinner .w1515 {
    padding: 15px;
  }
  .newsinner .w1515 h5 {
    font-size: 18px;
  }
  .newsinner .w1515 .bqian {
    display: none;
  }
  .newsinner .w1515 .title {
    display: none;
  }
  .newsinner .w1515 .newspaper {
    margin-top: 15px;
    padding-top: 15px;
  }
  .news .w1515 .fy {
    margin-top: 10px;
  }
  .news .w1515 ul li .b {
    padding: 15px;
    padding-bottom: 0;
  }
  .news .w1515 ul li .b .newstext {
    margin-bottom: 20px;
  }
  .news .w1515 ul li .b .newstext h5 {
    font-size: 16px;
    line-height: 1.4;
  }
  .news .w1515 ul li .b .newstext p {
    margin-top: 5px;
  }
  .news .w1515 ul li .b .newstime {
    padding: 10px 0;
  }
  .news .w1515 ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .news .w1515 ul li:last-child {
    margin-bottom: 0;
  }
  .news .w1515 ul i {
    width: 100%;
  }
  .prdsxg .w1515 ul li {
    width: 100%;
  }
  .prdsxg .w1515 ul li:last-child {
    margin-bottom: 0;
  }
  .prdsxg .w1515 ul li .b p {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .prdsxg .w1515 ul li .b a {
    margin: 15px auto;
  }
  .prdsxg .w1515 ul {
    margin-top: 30px;
  }
  .prdszy .w1515 p {
    line-height: 1.6;
  }
  .prdt .w1515 ul li .box p {
    line-height: 1.6;
  }
  .prdsff .w1515 .text {
    margin-top: 20px;
  }
  .prdsff .w1515 .text h6 {
    margin-bottom: 10px;
  }
  .prdsff .w1515 .text p {
    line-height: 1.6;
  }
  .prdszy .w1515 .prdhead {
    margin-bottom: 20px;
  }
  .prdsfw .w1515 p {
    margin-top: 20px;
    line-height: 1.6;
  }
  .prdx .w1515 ul li {
    height: auto;
  }
  .prdx .w1515 ul li div {
    padding: 10px 15px;
    font-size: 14px;
  }
  .prdx .w1515 ul li div:first-child {
    padding-left: 15px;
  }
  .prdt .w1515 ul li {
    width: 100%;
  }
  .prdt .w1515 ul li .box {
    padding: 20px 0;
  }
  .prdt .w1515 ul li .box span {
    margin-bottom: 20px;
  }
  .prdt .w1515 ul li .box i {
    font-size: 34px;
  }
  .prdt .w1515 ul li .box h5 {
    margin: 20px 0;
  }
  .prdhead .splitbox {
    text-align: center;
  }
  .prdhead .splitbox h3 {
    font-size: 18px;
    margin-bottom: 3px;
  }
  .prdhead .splitbox h6 {
    font-size: 14px;
  }
  .subnavHead .bannerText.prdbanner {
    padding-top: 130px;
  }
  .subnavHead .bannerText.prdbanner .w1515 .r {
    width: 70%;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l {
    margin-top: 20px;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l h1 {
    font-size: 16px;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l h4 {
    font-size: 16px;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l .text {
    margin: 20px 0;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l .text p {
    line-height: 1.6;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l a {
    width: 120px;
    height: 36px;
  }
  .subnavHead .bannerText.prdbanner .w1515 .l a p {
    margin-left: 6px;
  }
  .prdinnerlink {
    top: 50px;
    height: 40px;
  }
  .prdinnerlink .item span {
    display: none;
  }
  .prdinnerlink .item p {
    margin-left: 10px;
    font-size: 14px;
  }
  .prdinnerlink .item:last-child p {
    margin-right: 10px;
  }
  .prd .w1515 .fy {
    margin-top: 10px;
  }
  .fy a {
    width: 35px;
    height: 35px;
  }
  .prd .w1515 ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .prd .w1515 ul li .t {
    padding: 15px;
    height: auto;
  }
  .prd .w1515 ul li .b p {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .prd .w1515 ul li .b a {
    margin: 15px auto;
  }
  .prd .w1515 ul i {
    width: 100%;
  }
  .box6 .w1245 .r .swiper-tpnews .swiper-wrapper .swiper-slide .text h5 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .box5 .w1245 li .b {
    padding: 15px;
  }
  .box5 .w1245 li .b h5 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .box5 .w1245 li .b .text {
    margin-top: 10px;
  }
  .box5 .w1245 li .b .text section p {
    font-size: 14px;
  }
  .box5 .w1245 li .box5viewmore {
    padding: 0 15px;
    height: 50px;
  }
  .box5 .w1245 li .box5viewmore p {
    font-size: 12px;
  }
  .box5 .w1245 li .box5viewmore i {
    font-size: 14px;
  }
  .box5 .w1245 li .t {
    height: 221px;
  }
  .box5 .w1245 li .t img {
    width: 80%;
  }
  .box5 .w1245 li {
    width: 70%;
  }
  .box2 .bg {
    display: none;
  }
  .box3 .bg {
    display: none;
  }
  .box3 {
    padding-bottom: 30px;
  }
  .box3 .w1245 .item .b {
    padding: 15px;
    padding-bottom: 0;
  }
  .box3 .w1245 .item .b h5 {
    font-size: 18px;
  }
  .box3 .w1245 .item .b p {
    margin-bottom: 15px;
  }
  .box3 .w1245 .item {
    width: 70%;
  }
  .box2 .w1245 .r ul {
    flex-wrap: wrap;
  }
  .box2 .w1245 .r ul li {
    flex: none;
    width: 48%;
    margin-bottom: 15px;
  }
  .box2 .w1245 .r ul li:last-child {
    margin-bottom: 0;
  }
  .box2 .w1245 .r ul li span {
    font-size: 24px;
  }
  .leader .w1515 {
    padding-bottom: 40px;
  }
  .leader .w1515 .l p {
    margin-top: 15px;
  }
  .culture .w1515 > p {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 15px;
  }
  .culture .w1515 ul li {
    width: 49%;
    margin: 10px 0;
    margin-bottom: 15px;
  }
  .culture .w1515 ul li:hover .box {
    top: 15px;
    opacity: 0;
  }
  .culture .w1515 ul li:hover .text {
    bottom: 15px;
  }
  .culture .w1515 ul li:after {
    height: 00%;
  }
  .culture .w1515 ul li .box {
    left: 15px;
  }
  .culture .w1515 ul li .box h5 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .culture .w1515 ul li .box h6 {
    font-size: 14px;
  }
  .culture .w1515 ul li .text {
    padding: 0 15px;
  }
  .culture .w1515 ul li .text p {
    padding-top: 8px;
    font-size: 13px;
  }
  .culture .w1515 ul {
    margin: 30px 0;
  }
  .profilebox .box section {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .profilebox .box p {
    font-size: 14px;
  }
  .profile .w1515 .box {
    margin-top: 30px;
  }
  .profile .w1515 .box .r ol {
    padding: 15px;
    padding-bottom: 0;
  }
  .profile .w1515 .box .r ol li {
    margin-bottom: 15px;
  }
  .profile .w1515 .box .r ol li:last-child {
    margin-bottom: 15px;
  }
  .profile .w1515 .box .r ol li div span {
    font-size: 24px;
  }
  .about4 .w1515 .box .l .swiper-his .swiper-wrapper .swiper-slide .item .text h5 {
    margin-bottom: 5px;
  }
  .about4 .w1515 .box .r h1 span {
    font-style: 24px;
  }
  .about4 .w1515 .box .r h1 span:last-child {
    font-size: 18px;
  }
  .about4 .w1515 .box {
    margin-top: 30px;
  }
  .about4 .w1515 .box .l .swiper-his .swiper-wrapper .swiper-slide .item {
    padding-bottom: 15px;
  }
  .about4 .w1515 .box .r .hisitems {
    flex-wrap: wrap;
  }
  .about4 .w1515 .box .r .hisitems li {
    width: 50%;
    flex: none;
    box-sizing: border-box;
  }
  .about5 .w1515 .swiper-honor .swiper-wrapper .swiper-slide .text {
    height: auto;
    padding: 15px;
  }
  .about5 .w1515 .swiper-honor .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 3px;
  }
  .about5 .w1515 .swiper-honor {
    padding-bottom: 30px;
  }
  .about3 .w1515 img {
    margin-top: 30px;
  }
  .about2 .l .text {
    display: none;
  }
  .about2 .l .textn {
    opacity: 1;
    bottom: 50%;
  }
  .about2 .l .textn h1 {
    font-size: 18px;
  }
  .about2 .l .textn h2 {
    font-size: 18px;
  }
  .about2 .l .textn .viewmore {
    height: 36px;
    margin-top: 15px;
  }
  .about1 .r .box section {
    width: 40px;
    height: 40px;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .about1 .r .box p {
    font-size: 14px;
  }
  .dhead .splitbox h5 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .dhead .splitbox h6 {
    font-size: 18px;
  }
  .about1 .l .w1515 p {
    -webkit-line-clamp: 5;
    margin: 15px 0;
  }
  .viewmore {
    width: 95px;
    height: 36px;
    font-size: 13px;
  }
  header {
    height: 50px;
  }
  header .logo img {
    height: 34px;
  }
  .mobileMenu .mobileMenu_box {
    width: 30px;
    height: 20px;
  }
  .mobileMenu .mobileMenu_box div {
    height: 2px;
  }
  .subnavbody {
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .honor .w1515 .demo-gallery a {
    width: 100%;
  }
  footer .t .l .box {
    margin-right: 0;
  }
  footer .t .l .box img, footer .t .l .box span {
    display: none;
  }
  .prdt .w1515 ul li .box h5 {
    margin: 15px 0;
  }
  .box3 .w1245 .item {
    width: 85%;
  }
  .box5 .w1245 li {
    width: 85%;
  }
}

@media screen and (max-width: 375px) {
  .box3 .w1245 .item {
    width: 90%;
  }
  .webjoin .w1167 ul {
    flex-wrap: wrap;
  }
  .webjoin .w1167 ul li {
    width: 100%;
    margin-bottom: 15px;
  }
  .webjoin .w1167 ul li:last-child {
    margin-bottom: 0;
  }
  .prdinnerlink .item i {
    font-size: 14px;
  }
  .prdinnerlink .item p {
    font-size: 12px;
    margin-left: 5px;
  }
  .prdinnerlink .item:last-child p {
    margin-right: 5px;
  }
  .box5 .w1245 li {
    width: 90%;
  }
}