@media only screen and (max-width: 768px) {

     input::-webkit-input-placeholder {
         font-size: 24px;
         line-height: 50px;
         color: #777;
     }
 }

 @media only screen and (max-width: 768px) {
     .c_portalResEbizads_banner-01001 {
         min-width: 300px;
         overflow: auto;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResEbizads_banner-01001 {
         min-width: 300px;
         overflow: auto;
     }
 }

 .w_grid-000 {
     margin-left: auto;
     margin-right: auto;
     min-height: 12rem;
     width: 100%;
 }

 .w_grid-000>.w_grid {
     width: 100%;
     position: relative;
 }

 .w_grid-000>div>.p_gridbox {
     width: 100%;
     overflow: hidden;
     position: static;
 }

 .w_grid-000>div>div>.p_gridCell {
     float: left;
     position: static;
 }

 .w_grid-000>div>div>.p_gridCell:not(:empty)::before {
     content: '';
     height: 0.1px;
     display: block;
 }

 .w_grid-000>.w_grid.signal {
     min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox {
     min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell {
     min-height: inherit;
 }

 .w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {

     .w_grid-000>div>.p_gridbox>.p_gridCell {
         width: 100%;
         margin-left: 0;
         margin-top: 0rem;
         margin-bottom: 0rem;
     }
 }

 @media only screen and (min-width: 769px) {
     .w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
         width: 100%;
         margin-left: 0;
         margin-top: 0rem;
         margin-bottom: 0rem;
     }
 }

 * {
     padding: 0;
     margin: 0;
 }

 #c_portalResEbizads_banner-1598408074466>div {
     animation-fill-mode: both;
 }

 #c_portalResEbizads_banner-1598408074466 .subpage_ad {
     position: relative;
     height: var(--header-banner-height);
     overflow: hidden;
 }

 #c_portalResEbizads_banner-1598408074466 .bgimg {
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     background: no-repeat center/cover;
 }

 #c_portalResEbizads_banner-1598408074466 .mobitem {
     display: none;
 }

 @media only screen and (max-width: 1200px) and (min-width: 1025px) {
     #c_portalResEbizads_banner-1598408074466 .subpage_ad {
         height: var(--header-banner-height);
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #c_portalResEbizads_banner-1598408074466 .subpage_ad {
         height: 500px;
     }
 }

 @media only screen and (max-width: 768px) {
     #c_portalResEbizads_banner-1598408074466 .subpage_ad {
         height: 40vh;
     }

     #c_portalResEbizads_banner-1598408074466 .pcitem {
         display: none !important;
     }

     #c_portalResEbizads_banner-1598408074466 .mobitem {
         display: block;
     }
 }

 #c_portalResEbizads_banner-1598408074466 {
     width: 100%;
     max-width: none;
     min-width: 100px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1598408074366>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1598408074366 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 190px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }






 /* =========================解决方案END========================= */
 .messageBox {
     position: absolute;
     line-height: 44px;
     background: url(/image/case/message_box.png) no-repeat center 0;
     width: 275px;
     height: 49px;
     font-size: 18px;
     text-align: center;
 }
 .messageBox.left {
     left: 332px;
     top: -53px;
     animation: fluctuation 490ms ease-in-out 100ms infinite alternate;
 }

 .messageBox.right {
     right: 39px;
     top: -20px;
     animation: fluctuation 650ms ease-in-out 100ms infinite alternate;
 }
 @media (max-width: 992px) {
     .messageBox.left {
         left: 230px;
     }
     .messageBox.right {
        right: 0;
     }
 }
 @media (max-width: 768px) {
     .messageBox.left {
         left: 150px;
         top: -90px;
     }
 }
 @media (max-width: 576px) {
     .messageBox.left {
         left: 50px;
     }
 }
 @media (max-width: 480px) {
     /* .messageBox {
        display: none;
     } */
     .messageBox.left {
        left: 20px;
    }
 }
 /* =========================解决方案END========================= */


 /* =========================我们能做什么START========================= */
 .ny_servc {
     width: 1200px;
     margin: 80px auto 0;
     height: 740px;
     position: relative;
     background: url(/image/case/7.png) no-repeat center 30px;
 }
 .ny_servc dl {
     position: absolute;
     width: 344px;
     height: 174px;
 }
 .ny_servc dt {
     padding: 15px 30px;    /* 30 */
     font-size: 18px;
     color: #333;
 }
 .ny_servc dl.derv1 dt,.ny_servc dl.derv3 dt, .ny_servc dl.derv5 dt{
     text-align: right;
 }

 .ny_servc dl.derv1 {
     left: 70px;
     top: 0;
 }
 .ny_servc dl.derv2 {
     right: 70px;
     top: 7px;
 }
 .ny_servc dl.derv3 {
     left: -75px;
     top: 290px;
 }
 .ny_servc dl.derv4 {
     right: -80px;
     top: 290px;
 }
 .ny_servc dl.derv5 {
     left: 70px;
     top: 585px;
 }
 .ny_servc dl.derv6 {
     right: 70px;
     top: 585px;
 }

 .ny_servc dd {
     position: absolute;
     width: 344px;
     height: 174px;
     left: 0;
     top: 0;
     box-sizing: border-box;
     background: url(/image/case/message_box_left.png) no-repeat 0 0;
     padding: 20px 30px 20px 20px;
     opacity: 0;
     transition: .3s;
 }
 .ny_servc dd div {
     font-size: 26px;
     color:#3D3D3D;
     margin-bottom: 10px;
 }
 .ny_servc dd span {
     font-size: 15px;
     color:#696969;
 }
 .ny_servc dl:hover dd {
     opacity: 1;
 }
 .ny_servc dl:nth-child(2n) dd {
     background: url(/image/case/message_box_right.png) no-repeat 0 0;
     padding: 20px 20px 20px 30px;
 }
 .ny_servc .derv3 dd, .ny_servc .derv4 dd {
     top: -30px;
 }
 .ny_servc .derv5 dd, .ny_servc .derv6 dd {
     top: -60px;
 }
 .ny_servc .derv6 dd {
     left: 10px;
 }
 @media (max-width: 1200px) {
     .ny_servc dl.derv4 {
         right: 0;
     }
 }
 @media (max-width: 768px) {
     .ny_servc dl:nth-child(2n){
         /* display: none; */
         bottom: 0;
         right: 0;
     }
     .ny_servc dl:nth-child(2n+1){
         /* display: none; */
         bottom: 0;
         left: 0;
     }
 }
 /* =========================我们能做什么END========================= */


 /* =========================我们的与众不同START========================= */
 .different-header {
     height: 74px;
     border-left: 1px solid #e0e2e5;
     border-right: 1px solid #e0e2e5;
     text-align: center;
     font-size: 20px;
     overflow: hidden;
     line-height: 78px;
     color: #444b55;
 }

 .different-header li {
     width: 25%;
     float: left;
     background: #f2f4f6;
     position: relative;
     border-top: 4px solid #3c424e;
     z-index: 1;
 }

 .different-header li::before {
     content: "";
     position: absolute;
     width: 0;
     height: 4px;
     left: 0;
     top: -4px;
     background: #FF9912;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
     z-index: 2;
 }

 .different-header li.active {
     background: #fff;
 }

 .different-header li.active::before {
     width: 100%;
 }

 .different-content {
     box-sizing: content-box;
     border: 1px solid #e0e2e5;
     border-top: 0;
     /* height: 403px; */
     height: 500px;
     padding: 50px 32px;
     background: #fff;
 }

 .different-content dt {
     /* width: 35.4375rem; */
     /* height: 25.1875rem; */
     width: 45%;
     height: 30.1875rem;
     object-fit: cover;
     float: left;
 }
 .different-content dt img {
     width: 100%;
     height: 100%;
 }

 .different-content dd {
     /* width: 504px; */
     width: 50%;
     float: right;
 }

 .different-content dd h4 {
     border-bottom: 1px solid #FF9912;
     line-height: 44px;
     height: 78px;
     font-family: "wrjz","Microsoft Yahei";
     font-size: 30px;
     font-weight: 600;
     color: #444b55;
 }

 .different-content dd h4 a {
     color: #444b55;
 }

 .different-content dd p {
     height: 186px;
     padding: 34px 0 0;
     line-height: 40px;
     font-size: 16px;
     color: #696969;
 }

 .different-content dd span a {
     display: block;
     width: 174px;
     line-height: 48px;
     text-align: center;
     background: #FF9912;
     color: #fff;
     border-radius: 24px;
 }
 @media (max-width: 768px) {
    .different-content dt {
        width: 100%;
        height: 230px;
        margin-bottom: 30px;
     }
     .different-content dd {
        width: 100%;
     }
    .different-header li {
        font-size: 14px;
    }
 }
 @media (max-width: 576px) {
     .different-header li {
        font-size: 12px;
    }
 }
 @media (max-width: 768px) {
     .different-header li {
        font-size: 12px;
    }
 }
 /* =========================我们的与众不同END========================= */



 /* =========================合作模式START========================= */
 .cooperation-container::after{
      content: "";
      height: 0;
      clear: both;
      overflow: hidden;
      display: block;
      visibility: hidden;
 }
 .cooperation-container dl {
     /* float: left; */
     /* width: 298px; */
     width: 25%;
     height: 650px;
     background: #fff;
     border-radius: 5px;
     margin-right: 2px;
     padding-top: 35px;
     box-sizing: border-box;
     transition: all 0.3s linear 0s;
 }

 .cooperation-container dt {
     width: 118px;
     height: 118px;
     margin: 0 auto 10px;
 }

 .cooperation-container dd .arrowIcon{
     width: 25px;
 }

 .cooperation-container dt img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .cooperation-container h3 {
     line-height: 42px;
     text-align: center;
     font-size: 28px;
     color: #333333;
     font-weight: 600;
     margin-bottom: 16px;
 }

 .cooperation-container p {
     font-size: 16px;
     color: #333333;
     padding: 0 26px;
     line-height: 25px;
     text-align: center;
     font-family: "Microsoft Yahei"
 }

 .cooperation-container dl:hover {
     transform: scale(1.1);
     box-shadow: 13px 0 32px rgba(0,0,0,.15);
     position: relative;
 }

 .cooperation-container dl::before {
     content: "";
     position: absolute;
     width: 0;
     height: 4px;
     background: #FF9C1A;
     left: 0;
     bottom: 0;
     border-radius: 0 0 5px 5px;
     transition: all 0.3s linear 0s;
 }

 .cooperation-container dl:hover::before {
     width: 100%;
 }
 @media (max-width: 992px) { 
    .cooperation-container {
        flex-wrap: wrap;
        gap: 10px;
    }
    .cooperation-container dl {
        width: calc((100% - 20px)/3);
        margin-right: 0;
    }
    .cooperation-container dl:hover {
        transform: scale(1);
        position: relative;
    }
    .cooperation-box {
        padding: 50px 0 10px!important;
    }
 }
 @media (max-width: 768px) { 
    .cooperation-container dl {
        width: calc((100% - 20px)/2);
        margin-right: 0;
    }
    .cooperation-box .title-box{
        margin-bottom: 30px!important;
    }
 }
 @media (max-width: 480px) { 
    .cooperation-container dl {
        width: 100%;
    }
 }
 /* =========================合作模式END========================= */



 /* 超宽屏幕 */
@media (max-width: 1600px) { 
    
}

/* 大桌面 */
@media (max-width: 1440px) { 
    
}

/* 标准桌面 */
@media (max-width: 1200px) { 
    
}

/* 中屏幕 */
@media (max-width: 992px) { 
    
}

/* 平板 */
@media (max-width: 768px) { 
    
}

/* 小平板/手机 */
@media (max-width: 576px) { 
    
}

/* 超小屏幕 */
@media (max-width: 480px) { 
    
}

/* iPhone 6/7/8 */
@media (max-width: 375px) { 
    
}