@charset "utf-8";
/*! www.vancheer.com  |  Powered by vancheer */
.footDiv .linkDiv {
  width: 100%;
  margin-top: 20px;
}
@media screen and (max-width: 1440px) {
  .indexPart2 .tab2 ul {
    margin-right: -20px;
  }
  .indexPart2 .tab2 li .box {
    margin-right: 20px;
  }
  .indexPart2 .tab2 li .bg {
    padding: 0 30px 0 185px;
  }
  .indexPart2 .tab2 li .imgDiv {
    left: 20px;
  }
  .indexPart2 .tab2 li .ico {
    right: 15px;
  }
  .footDiv .logoDiv {
    width: 23%;
  }
  .footDiv .leftDiv {
    width: 25%;
  }
  .footDiv .midDiv {
    width: 22%;
  }
  .footDiv .rightDiv {
    width: 28%;
  }
}
@media screen and (max-width: 1004px) {
  #online {
    display: block;
  }
  #online-services {
    display: none;
  }
  .headDiv .wal {
    width: 100%;
  }
  .wal,
  .w860 {
    width: 100%;
  }
  .pageNum a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
    margin: 0 2px;
  }
  .header,
  .ind-banner,
  .pageBanner,
  .pageNav,
  .honorTab,
  .case-banner,
  .pageNow {
    display: none;
  }
  .headerTel,
  .bannerTel,
  .pageBannerTel,
  .pageTitleTel,
  .pageMore,
  .indexPart2Tel,
  .caseBanBox {
    display: block;
  }
  .footDiv {
    height: auto;
    /* background: #1a1a1a; */
    padding: 40px 25px 30px;
  }
  .footDiv .logoDiv {
    width: 100%;
    padding-bottom: 20px;
  }
  .footDiv .leftDiv {
    width: 100%;
    padding-bottom: 30px;
  }
  .footDiv .midDiv {
    width: 100%;
  }
  .footDiv .linkDiv {
    padding-bottom: 45px;
    margin-top: 0px;
  }
  .footDiv .rightDiv {
    display: none;
  }
  .footDiv .titleDiv .title2 {
    height: 40px;
  }
  .footDiv .msgList {
    padding-top: 30px;
    width: 212px;
  }
  .footDiv .btnDiv {
    padding-top: 20px;
  }
  .footDiv .btnDiv a {
    width: 115px;
    height: 30px;
    line-height: 30px;
  }
  .footDiv .msg {
    padding-top: 20px;
  }
  .footDiv .ewmDiv {
    padding-top: 30px;
  }
  .footDiv .share {
    padding-top: 30px;
  }
  .indexTitle .txt1 {
    font-size: 30px;
  }
  .indexTitle .txt2 {
    font-size: 16px;
    height: 50px;
  }
  .indexTitle .more {
    display: none;
  }
  .indexPart1 {
    padding: 65px 10px 50px;
  }
  .indexPart1 .list {
    padding-top: 60px;
  }
  .indexPart1 .list li {
    float: left;
    width: 33.33%;
  }
  .indexPart1 .list li a {
    height: 280px;
  }
  .indexPart1 .list li .bg {
    height: 280px;
  }
  .indexPart1 .list li .ico {
    padding-top: 45px;
    padding-left: 23%;
  }
  .indexPart1 .list li .name1 {
    padding-top: 30px;
    padding-left: 20%;
    font-size: 16px;
  }
  .indexPart1 .list li .name2 {
    padding-left: 20%;
    height: 72px;
  }
  .indexPart1 .list li .name2 em {
    left: 20%;
  }
  .indexPart1 .list li:hover img {
    display: none;
  }
  .indexPart1 .list li:hover .img1 {
    display: inline-block;
  }
  .indexPart2Tel {
    /*padding: 0 10px;*/
  }
  .indexPart2Tel .indexTitle {
    margin-bottom: 60px;
    padding: 0 10px;
  }
  .indexPart3 {
    padding: 65px 10px 60px;
  }
  .indexPart3 .bigBox {
    padding-top: 50px;
  }
  .indexPart3 .leftDiv {
    width: 100%;
  }
  .indexPart3 .rightDiv {
    width: 100%;
  }
  .indexPart3 .leftDiv .detail {
    padding-left: 0px;
    height: auto;
    border-bottom: #f2f2f2 solid 1px;
  }
  .indexPart3 .leftDiv .detail .imgDiv {
    position: relative;
    width: 100%;
  }
  .indexPart3 .leftDiv .detail .imgDiv img {
    width: 100%;
  }
  .indexPart3 .leftDiv .detail .name {
    padding-top: 20px;
    height: auto;
    line-height: 26px;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .indexPart3 .leftDiv .detail .content {
    line-height: 26px;
    height: auto;
    padding-bottom: 25px;
  }
  .indexPart3 .leftDiv .detail .content em {
    display: none;
  }
  .indexPart3 .rightDiv li {
    height: 102px;
    padding-left: 110px;
  }
  .indexPart3 .rightDiv li .imgDiv {
    top: 15px;
    width: 100px !important;
  }
  .indexPart3 .rightDiv li .imgDiv img {
    width: 100px;
  }
  .indexPart3 .rightDiv li .name {
    width: auto;
    padding-top: 15px;
  }
  .indexPart3 .rightDiv li .time {
    padding-top: 15px;
  }
  .indexPart3 .rightDiv .li01 {
    height: 102px;
  }
  .indexPart3 .rightDiv .li01 .imgDiv {
    top: 15px;
  }
  .indexPart3 .rightDiv .li01 .name {
    padding-top: 15px;
  }
  .indexTitle .tab {
    display: none;
  }
  .indexPart4 {
    padding-left: 0;
    padding-bottom: 60px;
  }
  .indexPart4 .indexTitle {
    padding-left: 10px;
  }
  .indexPart4 .part1 {
    padding-top: 50px;
  }
  .indexPart4 .part1 .bigBox {
    padding-right: 0%;
  }
  .indexPart4 .part1 .bigBox .imgDiv {
    display: none;
  }
  .indexPart4 .part1 .bigBox .imgDivTel {
    display: block;
  }
  .indexPart4 .part1 .bigBox .matter {
    left: 10px;
    margin-top: -110px;
    height: 170px;
  }
  .indexPart4 .part1 .bigBox .txt1 {
    font-size: 24px;
  }
  .indexPart4 .part1 .bigBox .txt1 em {
    font-size: 30px;
  }
  .indexPart4 .part1 .bigBox .btnDiv {
    padding-top: 10px;
    font-weight: bold;
  }
  .indexPart4 .part1 .bigBox .btnDiv a {
    width: 115px;
    height: 30px;
    line-height: 30px;
  }
  .indexPart4 .part1 .bigBox .txt2 {
    padding-top: 15px;
  }
  .indexPart4 .part2 {
    margin-top: 0px;
    padding-right: 0;
  }
  .indexNum {
    padding-top: 45px;
    padding-right: 0px;
  }
  .indexNum li {
    width: 33.33%;
    margin-bottom: 30px;
  }
  .indexNum li .txt1 {
    font-size: 13px;
  }
  .indexNum li .bigNum {
    font-size: 32px;
    line-height: 54px;
  }
  .indexPart5 {
    padding: 0;
  }
  .indexPart5 .box1 .leftDiv {
    width: 100%;
  }
  .indexPart5 .box1 .contentBox {
    padding: 40px 0 80px 25px;
  }
  .indexPart5 .box1 .rightDivTel {
    display: block;
  }
  .indexPart5 .box1 .botBox {
    padding-top: 80px;
  }
  .indexPart5 .box1 .ltxt1 {
    font-size: 18px;
    line-height: 30px;
  }
  .indexPart5 .box1 .ltxt2 {
    padding-top: 15px;
  }
  .indexPart5 .box1 .btnDiv {
    padding-top: 25px;
  }
  .indexPart5 .box1 .btnDiv a {
    width: 115px;
    height: 30px;
    line-height: 30px;
  }
  .indexPart5 .box2 .leftDiv {
    width: 100%;
  }
  .indexPart5 .box2 .contentBox {
    padding: 40px 0 80px 25px;
  }
  .indexPart5 .box2 .rightDiv {
    width: 100%;
  }
  .indexPart5 .box2 .botBox {
    padding-top: 25%;
  }
  .indexPart5 .box2 .ltxt1 {
    font-size: 18px;
    color: #000;
    line-height: 30px;
  }
  .indexPart5 .box2 .ltxt2 {
    padding-top: 15px;
  }
  .indexPart5 .box2 .btnDiv {
    padding-top: 25px;
  }
  .indexPart5 .box2 .btnDiv a {
    width: 115px;
    height: 30px;
    line-height: 30px;
  }
  .pageBox,
  .pageBox2 {
    padding: 50px 0;
  }
  .pageBox .js-kindeditor-container {
    padding: 45px 10px 0;
  }
  .pageBox3 {
    padding-bottom: 65px;
  }
  .pageTitle {
    padding-left: 10px;
  }
  .vision .list {
    padding-bottom: 30px;
  }
  .pageTitle .txt1 {
    font-size: 30px;
    line-height: 30px;
  }
  .pageTitle .txt2 {
    font-size: 16px;
    padding: 10px 0 20px;
  }
  .history {
    padding: 45px 10px 0;
  }
  .history .list li {
    margin-bottom: 25px;
    padding-left: 40px;
  }
  .history .list li .contentBox {
    min-height: 110px;
    padding: 0 15px 30px 98px;
  }
  .history .list li .year {
    left: 15px;
    top: 20px;
  }
  .history .list li .year b {
    font-size: 28px;
  }
  .history .list li .year em {
    left: 16px;
  }
  .history .list li .msgList {
    padding-top: 20px;
  }
  .history .list li .msgList dd {
    height: auto;
    line-height: 26px;
    padding-left: 16px;
    background: url(../images/ico2.jpg) left 10px no-repeat;
  }
  .vision {
    padding: 45px 10px 0;
  }
  .vision .list ul {
    margin-right: -10px;
  }
  .vision .list li {
    width: 50%;
    margin-bottom: 10px;
  }
  .vision .list li .box {
    margin-right: 10px;
    border: #000 solid 1px;
    padding-bottom: 10px;
  }
  .vision .list li .imgDiv {
    height: calc(100% - 30px);
  }
  .vision .list li .imgDiv img {
    width: 100%;
  }
  .vision .list li .name {
    height: 30px;
    line-height: 30px;
  }
  .visionLayer {
    width: 94%;
    height: auto;
  }
  .visionLayer .close {
    display: block;
    width: 26px;
    height: 25px;
    background: url(../images/close.png) no-repeat;
    right: 10px;
    top: 10px;
  }
  .visionLayer .imgDiv {
    padding: 15px;
  }
  .visionLayer .imgDiv img {
    width: 100%;
    height: auto;
  }
  .bigPicLayer {
    width: 90%;
    height: auto;
  }
  .bigPicLayer .imgDiv {
    padding: 10px;
  }
  .bigPicLayer .imgDiv img {
    width: 100%;
    height: auto;
  }
  .honours {
    padding: 45px 10px 0;
  }
  .honours .pageTitle {
    padding-left: 0px;
  }
  .honours .imgDiv {
    width: 100%;
  }
  .honours .imgDiv .arrow-btn {
    display: none;
  }
  .honours .imgDiv img {
    width: 100%;
  }
  .honours .rightDiv {
    width: 100%;
    padding-top: 25px;
  }
  .honor {
    padding: 45px 10px 0;
  }
  .honor .list li {
    height: auto;
    padding: 15px;
  }
  .honor .list li .name {
    padding-left: 25px;
    font-size: 15px;
    height: 48px;
    line-height: 24px;
    width: auto;
  }
  .honor .list li .rightDiv {
    width: 100%;
    top: 0;
    height: auto;
    position: relative;
    background: none;
    padding-top: 10px;
  }
  .honor .list li .rightDiv dd {
    padding-left: 25px;
    width: auto;
  }
  .distribution {
    padding: 0 10px;
  }
  .distribution .pageTitle {
    padding-top: 0px;
    padding-left: 0px;
  }
  .distribution .leftDiv {
    width: 100%;
  }
  .distribution .content {
    line-height: 26px;
    padding-top: 35px;
  }
  .distribution .imgDiv {
    padding-top: 25px;
  }
  .distribution .imgDiv img {
    width: 100%;
  }
  .power {
    padding: 0 10px;
  }
  .power .pageTitle {
    width: auto;
    padding-left: 0px;
  }
  .power .pageTitle .txt2 em {
    display: none;
  }
  .power .content {
    width: 100%;
    line-height: 26px;
  }
  .power .list {
    padding-top: 48px;
  }
  .power .list ul {
    margin-right: -10px;
  }
  .power .list li {
    margin-bottom: 10px;
    width: 50%;
  }
  .power .list .li01 {
    width: 100%;
  }
  .power .list li .box {
    margin-right: 10px;
  }
  .power .list li .box img {
    width: 100%;
  }
  .caseShowBox {
    padding: 40px 10px 60px;
  }
  .caseShow {
    padding: 0;
  }
  .caseShow .leftDiv {
    width: 100%;
  }
  .caseShow .nameDivTel {
    display: block;
  }
  .caseShow .name {
    padding-bottom: 25px;
  }
  .caseShow .content {
    font-size: 14px;
    line-height: 26px;
  }
  .caseShow .numList {
    width: 100%;
    padding-top: 25px;
  }
  .caseShow .numList li {
    width: 100%;
    padding-bottom: 40px;
  }
  .caseShow .numList li .bigNum {
    font-size: 50px;
  }
  .pageDown {
    padding-bottom: 20px;
  }
  .pageDown li {
    display: block;
    float: left;
    margin: 0;
    width: 33.33%;
  }
  .pageDown li a {
    line-height: 48px;
    width: 100%;
    height: 48px;
  }
  .layout {
    padding: 40px 10px 0;
  }
  .layout .list ul {
    margin-right: 0px;
  }
  .layout .list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .layout .list li .box {
    margin-right: 0px;
  }
  .layout .list li .name {
    left: 20px;
    top: 35px;
    font-size: 20px;
  }
  .layout .list li .txt {
    left: 20px;
    top: 82px;
    padding-bottom: 25px;
  }
  .layout .list .li01 .imgDiv {
    display: none;
  }
  .layout .list .li01 .imgDivTel {
    display: block;
  }
  .layout .list .li01 .name {
    top: 35px;
    font-size: 20px;
  }
  .layout .list .li01 .txt {
    top: 82px;
    padding-bottom: 25px;
  }
  .layoutShow {
    padding: 0 10px;
  }
  .layoutShow .leftDiv {
    width: 100%;
  }
  .layoutShow .pageTitle {
    padding-left: 0px;
  }
  .layoutShow .pageTitle .txt2 em {
    display: none;
  }
  .layoutShow .leftDiv .btnDiv {
    padding-top: 35px;
  }
  .layoutShow .leftDiv .btnDiv a {
    color: #000;
    display: block;
    width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: #000 solid 2px;
  }
  .layoutShow .imgDiv {
    padding-top: 45px;
  }
  .layoutShow .imgDiv img {
    width: 100%;
  }
  .layoutShow .rightDiv {
    width: 100%;
    padding-top: 25px;
  }
  .layoutShow .content {
    line-height: 26px;
  }
  .news {
    padding: 40px 10px;
  }
  .news .detail {
    /*display: none;*/
    padding-left: 0px;
    height: auto;
    padding-bottom: 30px;
    border-bottom: #fff;
  }
  .news .detail .imgDiv {
    position: relative;
    width: auto;
  }
  .news .detail .imgDiv img {
    width: 100%;
  }
  .news .detail .name {
    padding-top: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
  }
  .news .detail .content {
    padding-top: 15px;
    line-height: 24px;
    height: 48px;
    color: #949494;
  }
  .news .detail .time {
    padding-top: 15px;
  }
  .news .list {
    padding-top: 0;
  }
  .news .list ul {
    margin-right: 0px;
  }
  .news .list li {
    width: 100%;
    margin-bottom: 30px;
  }
  .news .list li .box {
    margin-right: 0px;
  }
  .news .list li .name {
    padding-top: 20px;
    height: 30px;
    line-height: 30px;
  }
  .news .list li .content {
    padding-top: 15px;
    line-height: 24px;
    height: 48px;
  }
  .news .list li .botDiv {
    padding-top: 15px;
  }
  .news .list li .add {
    top: 15px;
  }
  .pageBox4 {
    padding: 40px 0;
  }
  .newsBox {
    padding: 0 10px 30px;
  }
  .newShow {
    padding: 30px 0 50px;
  }
  .newShow .name {
    font-size: 18px;
  }
  .newShow .time {
    padding-bottom: 20px;
  }
  .newShow .content {
    line-height: 26px;
    padding: 30px 0;
  }
  .newShow .content img {
    width: 100%;
  }
  .newShow .imgDiv {
    padding: 25px 0;
  }
  .jobBox {
    padding: 40px 0 65px;
  }
  .job .list {
    padding: 0 10px 20px;
  }
  .job .list li {
    margin-bottom: 30px;
    padding: 25px 15px 30px 15px;
  }
  .job .list li .leftDiv {
    position: relative;
    left: 0px;
    top: 0px;
    width: auto;
    background: none;
    min-height: 30px;
    padding-bottom: 20px;
  }
  .job .list li .name {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
  }
  .job .list li .txt {
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
  }
  .job .list li .msg {
    line-height: 28px;
    color: #696969;
  }
  .job .list li .hideBox {
    display: none;
    padding: 30px 0;
  }
  .job .list li a {
    right: 15px;
    bottom: 20px;
  }
  .job .list li .tel {
    margin-top: 30px;
    height: auto;
    line-height: 28px;
    text-align: left;
    width: auto;
    padding: 5px 15px;
  }
  .companyBox {
    padding: 40px 0 30px;
  }
  .lyb {
    padding: 0 10px;
  }
  .lyb .leftDiv {
    width: 100%;
  }
  .lyb .pageTitle {
    padding-left: 0px;
  }
  .lyb .content {
    padding-top: 55px;
    line-height: 26px;
    width: 100%;
  }
  .lyb .botbot {
    padding-top: 100px;
  }
  .lyb .rightDiv {
    width: 100%;
    height: auto;
    background: none;
  }
  .lyb .form {
    padding: 30px 0 0 0;
    width: 100%;
  }
  .lyb .form li em {
    color: #333;
  }
  .lyb .btnDiv {
    padding: 45px 0 0 0;
    width: 100%;
  }
  .lyb .btnDiv a {
    width: auto;
    border: #1a1a1a solid 2px;
    color: #1a1a1a;
  }
  .caseBox {
    padding: 40px 0 65px;
  }
  .selectBox {
    border-left: none;
    height: auto;
    margin-top: 35px;
    padding: 0 10px;
  }
  .select {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
  }
  .select dt {
    height: 48px;
    line-height: 48px;
    border: 1px solid #000;
    border-left: 1px solid #000;
    background-size: 26px;
  }
  .select dt a {
    background: url(../images/nimg19_1.png) no-repeat 20px center;
    padding-left: 60px;
  }
  .select dd {
    top: 48px;
  }
  .select dd ul {
    padding: 0 15px;
  }
  .select dd ul li {
    line-height: 30px;
    height: 30px;
  }
  .select2 dt a {
    background: url(../images/nimg19_2.png) no-repeat 20px center;
  }
  .select3 dt a {
    background: url(../images/nimg19_3.png) no-repeat 20px center;
  }
  .select4 dt a {
    background: url(../images/nimg19_4.png) no-repeat 20px center;
  }
  .case {
    padding-bottom: 30px;
  }
  .case .list {
    padding: 30px 10px 0;
  }
  .case .list li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .case .list li .imgDiv .img {
    padding-bottom: 66.5% !important;
  }
  .case .list .li01 {
    width: 100%;
  }
  .case .list .li02 {
    margin-right: 0px;
  }
  .case .list li .name1 {
    left: 10%;
    width: 80%;
    top: 31%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .case .list li .name2 {
    left: 10%;
    top: 50%;
  }
  .case .list .li01 .name1 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
  }
  .case .list .li01 .name2 {
    top: 50%;
    font-size: 12px;
  }
  .video {
    padding: 30px 10px 0;
  }
  .video .list ul {
    margin-right: -10px;
  }
  .video .list li {
    width: 50%;
    margin-bottom: 35px;
  }
  .video .list li .box {
    margin-right: 10px;
  }
  .video .list li .ico {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -53px;
    margin-top: -42px;
    width: 107px;
    height: 84px;
    background: url(../images/nimg107_1.png) no-repeat;
    z-index: 2;
  }
  .video .list li .name {
    margin-top: 15px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
  }
  .videoLayer {
    width: 94%;
    height: auto;
  }
  .videoLayer .imgDiv img {
    width: 100%;
  }
  .videoLayer .name {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .pageTitle .txt1 {
    font-size: 24px;
  }
  .pageBox,
  .pageBox2 {
    padding: 40px 0;
  }
  .company .contact .ct {
    padding-bottom: 30px;
  }
  .company .contact .ct h2 {
    font-size: 24px;
  }
  .company .contact .ct p {
    display: none;
  }
  .company .contact .cb {
    padding: 30px 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .company .contact .cb .cr {
    flex-direction: row-reverse;
  }
  #map {
    height: 300px !important;
  }
  .ly .message {
    margin-top: 0;
    padding: 30px 10px;
  }
  .ly .message .ml h3 {
    font-size: 20px;
  }
  .ly .message .ml p {
    width: 95%;
  }
  .ly .message .ml h5 {
    font-size: 15px;
  }
  .caseBox {
    padding: 30px 0 40px;
  }
  .yw .yw-item {
    margin-bottom: 20px !important;
    padding: 0 12px;
    flex-direction: column !important;
  }
  .yw .yw-item .img {
    width: 100%;
    height: 200px;
  }
  .yw .yw-item .cont {
    padding: 30px 20px;
  }
  .yw .yw-item .cont::before {
    top: 10px;
    font-size: 70px;
  }
  .yw .yw-item .cont h4 {
    padding-bottom: 40px;
    font-size: 24px;
  }
  .yw .yw-item .cont h4::before {
    bottom: 20px;
  }
  .yw .yw-item .cont p {
    font-size: 18px;
    line-height: 30px;
  }
  .caseBox .switch {
    display: none;
  }
  .caseBox .case .list li .hideBox a {
    padding: 16px;
  }
  .service::before {
    display: none !important;
  }
  .service .sl {
    width: 100% !important;
    padding: 6.28vw 4.41666vw !important;
  }
  .service .sl h2 {
    font-size: 20px !important;
  }
  .service .sl h3 {
    font-size: 26px !important;
  }
  .service .sl > p {
    width: 87% !important;
    font-size: 16px !important;
  }
  .s-box {
    margin-top: 45px !important;
    flex-wrap: wrap;
    height: auto !important;
  }
  .s-box .aBox {
    margin-bottom: 20px;
    margin-right: 5px !important;
    width: 49% !important;
    height: 160px !important;
    border-radius: 30px !important;
  }
  .s-box .aBox:nth-child(even) {
    margin-right: 0 !important;
  }
  .s-box .aBox .icon {
    display: none;
  }
  .s-box .aBox .txt {
    padding: 20px 0;
  }
  .s-box .aBox .txt b {
    font-size: 16px !important;
  }
  .s-box .aBox .txt p {
    font-size: 13px;
  }
  .fw::before {
    display: none !important;
  }
  .fw .fw-box {
    width: 100%;
    padding: 30px 20px !important;
  }
  .fw .fw-box h1 {
    font-size: 20px;
  }
  .fw .fw-box h2 {
    font-size: 22px;
  }
  .fw .fw-box h3 {
    margin-bottom: 30px;
    font-size: 25px;
  }
  .fw .fw-box p {
    line-height: 30px;
  }
  .about .fangda {
    height: auto !important;
  }
  .pageBox,
  .pageBox2 {
    background-size: cover !important;
  }
  .group {
    flex-direction: column;
  }
  .group .topDiv {
    width: 100% !important;
  }
  .honor {
    padding: 0 !important;
    flex-direction: row !important;
  }
  .h-item {
    padding: 5px !important;
    width: 45% !important;
    margin-right: 10px !important;
  }
  .h-item:nth-child(even) {
    margin-right: 0 !important;
  }
  .h-item p {
    font-size: 14px !important;
  }
  #snews {
    padding: 100px 0 40px;
  }
  #snews .n-box {
    padding: 0 12px;
    flex-direction: column;
  }
  #snews .n-box .nl {
    width: 100%;
  }
  #snews .n-box .nl .n-head h4 {
    font-size: 20px;
  }
  #snews .n-box .nl img {
    max-width: 100%;
    height: auto !important;
  }
  #snews .n-box .nl .nbody {
    padding: 30px 0;
  }
  #snews .n-box .nr {
    width: 100%;
    margin-left: 0;
  }
  .indexPart1 .list li .name1 {
    font-size: 14px;
  }
  .indexPart1 .list li .bg .txt p {
    font-size: 12px;
  }
  .indexPart1 .list li .bg .txt {
    padding: 8px 8% 0 10% !important;
  }
  .indexPart1 .list li:hover .name1 {
    padding-left: 10% !important;
  }
  .indexPart1 .list li .bg .txt {
    top: 44%;
  }
  .indexPart1 .list li .name1 {
    padding-top: 20px;
  }
  .indexPart4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .indexPart2 .content {
    padding: 40px 12px;
  }
  .indexPart2 .case-box {
    margin-top: 0;
    height: auto;
  }
  .indexPart2 .case-box .s-small {
    display: none;
  }
  .indexPart2 .indexTitle .case-switch {
    margin-top: 50px;
    position: static;
  }
  .indexPart2 .indexTitle .case-switch li {
    padding: 8px 10px;
    white-space: nowrap;
    font-size: 14px;
    margin-right: 8px;
  }
  .indexPart2 .case-box .case-item img {
    height: 220px;
    object-fit: cover;
  }
  .indexPart2 .case-box .case-item .txt h4 {
    font-size: 16px;
    text-align: center;
  }
  .indexPart2 .case-box .case-item .txt p {
    display: none;
  }
  .indexPart2 .case-box .case-item .txt a {
    margin-top: 0;
  }
  .indexPart4 .part1 .bigBox .txt1 {
    font-size: 22px;
  }
  .indexPart4 .part1 .bigBox .txt1 em {
    font-size: 20px;
  }
  .indexPart4 .part1 .bigBox .info {
    margin: 25px 0 10px;
    font-size: 14px;
    -webkit-line-clamp: 4;
    max-width: 100%;
    padding-right: 10px;
    text-align: justify;
  }
  .indexPart4 .part1 .bigBox .imgDivTel {
    height: 300px !important;
  }
  .indexPart4 .part1 .bigBox .imgDivTel img {
    height: 100%;
    object-fit: cover;
  }
  .indexPart5 .box1 {
    display: flex;
    flex-direction: column;
  }
  .indexPart5 .box1 .rightDiv {
    width: 100%;
    padding-bottom: 40px;
  }
  .indexPart5 .rightDiv .swiper-container .p-item .img {
    width: 160px;
  }
  .indexPart5 .box1 .contentBox {
    padding: 20px 10px;
  }
  .indexPart5 .box1 .botBox {
    padding-top: 20px;
  }
  .indexPart5 {
    background: url(../images/bg18.jpg) no-repeat center;
    background-size: cover;
  }
}