@media only screen and (min-width: 769px) {

     .clearfix:before,
     .clearfix:after {
         content: "";
         display: block;
         clear: both;
         width: 0;
         height: 0;
         visibility: hidden;
         font-size: 0;
     }
 }

 .video-box {
     width: 100%;
     height: a;
     position: relative;
 }

 .video-box .equipment-video {
     position: absolute;
     top: 0;
     left: 0;
     height: auto;
     width: 100%;
 }

 .equipment .equipment_box {
     /* height: 450px; */
     height: 460px;
     width: 100%;
     position: relative;
 }

 .equipment .item-list {
     position: absolute;
     left: 0;
     top: 0;
 }

 .equipment .equipment-item {
     float: left;
     position: relative;
     width: 100%;
     /* height: 450px; */
     height: 460px;
     cursor: pointer;
     border-right: 1px solid rgba(255, 255, 255, .3);
     background: rgba(0, 0, 0, .5);
 }

 .equipment .item {
     position: relative;
     z-index: 3;
     margin-left: 20px;
     border: 0;
 }

 .equipment .equipment-item-title {
     position: absolute;
     bottom: -95px;
     width: 100%;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     height: 200px;
     padding-bottom: 30px;
 }

 .equipment-item-title .title {
     display: inline-block;
     padding-bottom: 15px;
     padding-top: 40px;
     font-size: 20px;
 }

 .equipment-item-title .border_f90 {
     display: none;
     width: 40px;
     height: 4px;
     background: #f90;
     margin-left: 20px;
 }

 .equipment .equipment-item-title span {
     color: #fff;
 }

 .equipment .mb20 {
     margin-bottom: 20px;
 }

 .equipment .dis {
     display: block;
 }

 .g_jc {
     max-width: var(--main-width);
     margin: 0 auto;
     background: url(../../image/lcbg_1500.jpg) no-repeat center top;
     /* background: #FFF; */
     box-shadow: 0 0 1px 2px hsla(0, 0%, 58%, .1);
 }

 .g_jc_wrap {
     padding: 50px 0;
     width: var(--main-width);
     /* max-width: var(--main-width); */
     margin: 0 auto;
     position: relative;
 }

 .g_jc .jctit {
     display: flex;
     justify-content: space-between;
     height: 110px;
 }

 .g_jc .jctit li {
     /* float: left; */
     /* width: 133px; */
     width: 100%;
     text-align: center;
     font-size: 16px;
     color: #333333;
     background: url(../../image/dian1.png) no-repeat center 0;
     padding-top: 53px;
     cursor: pointer;
 }

 .g_jc dl {
     /* margin-left: 128px; */          /* 1200 */
     position: relative;
 }

 /* .g_jc dt, */
 .g_jc dt img {
     /* width: 936px; */                /* 1200 */
     width: 100%;
     height: 730px;
     /* object-fit: cover; */
     margin: 0 auto;
     display: block;
 }

 .g_jc dd {
     position: absolute;
     left: 0;
     bottom: 0;
     /* width: 936px; */
     width: 1000px;
     padding: 20px 0;
     background: rgba(0, 0, 0, 0.8);
     display: none;
 }

 .g_jc h3 {
     height: 36px;
     line-height: 36px;
     text-align: center;
     overflow: hidden;
     font-size: 20px;
     color: #fff;
     font-weight: bold;
 }

 .g_jc p {
     font-size: 15px;
     /* color: #fff; */
     color: #333333;
     line-height: 24px;
     text-align: center;
 }

 .g_jc .next,
 .g_jc .prev {
     width: 40px;
     height: 92px;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer;
 }

 .g_jc .next {
     background: url(../../image/rjt.png) no-repeat;
     position: absolute;
     right: 50px;
 }

 .g_jc .prev {
     background: url(../../image/ljt.png) no-repeat;
     position: absolute;
     left: 50px;
 }

 .g_jc .next:hover,
 .g_jc .prev:hover {
     background-position: right 0;
 }

 .video-box {
     position: relative;
 }

 .video-box video {
     width: 100%;
     height: auto;
 }

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

     .c_portalResPublic_codeContainer-01001 {
         min-height: 500px;
         width: 100%;
     }
 }

 @media only screen and (min-width: 769px) {
     .c_portalResPublic_codeContainer-01001 {
         min-height: 500px;
         width: 100%;
     }
 }

 .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;
     }
 }

 @media only screen and (min-width: 769px) {

     .clearfix:before,
     .clearfix:after {
         content: "";
         display: block;
         clear: both;
         width: 0;
         height: 0;
         visibility: hidden;
         font-size: 0;
     }
 }

 .w_fbtn-001 {
     display: block;
     width: 100%;
     height: 100%;
     max-width: 150px;
     min-height: 36px;
     max-height: 0;
     text-align: center;
     margin: 0 auto;
     font-size: 0;
 }

 .w_fbtn-001 .p_CommonBtn {
     width: 100%;
     height: inherit;
     padding: 0;
 }

 .w_fbtn-001 .p_CommonBtn .font {
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     width: 100%;
     font-size: 14px;
     height: auto;
 }

 .w_fbtn-001 .animated {
     width: 100%;
     height: 100%;
     min-height: inherit;
 }

 .w_fbtn-001 .p_link {
     min-height: inherit;
     display: block;
 }

 .w_fbtn-001 .p_CommonBtn {
     border-style: solid;
 }

 .w_fbtn-001 .p_CommonBtn {
     width: 100%;
     height: 36px;
     color: rgba(255, 255, 255, 1);
     border-width: 1px;
     border-style: none;
     border-color: transparent;
     background-color: rgba(255, 102, 0, 1);
     padding-top: 0;
     padding-right: 20px;
     padding-left: 20px;
     text-align: center;
     min-height: inherit;
 }

 .w_fbtn-001 .p_CommonBtn:before {
     content: '';
     width: 0;
     height: 100%;
     display: inline-block;
     vertical-align: middle;
 }

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

     .c_portalResEbizads_banner-01001 {
         min-width: 300px;
         overflow: auto;
     }

     .c_portalResEbizads_banner-01001 .swiper-container {
         margin: 0 auto;
         position: relative;
         overflow: hidden;
         z-index: 1;
         height: 100%;
     }

     .swiper-wrapper {
         position: relative;
         width: 100%;
         height: 100%;
         z-index: 1;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         -ms-transition-property: -ms-transform;
         transition-property: transform;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
     }

     .swiper-wrapper {
         -webkit-transform: translate3d(0px, 0, 0);
         -moz-transform: translate3d(0px, 0, 0);
         -o-transform: translate(0px, 0px);
         -ms-transform: translate3d(0px, 0, 0);
         transform: translate3d(0px, 0, 0);
     }

     .swiper-slide {
         -webkit-flex-shrink: 0;
         -ms-flex: 0 0 auto;
         flex-shrink: 0;
         width: 100%;
         height: 100%;
         position: relative;
     }

     .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
         transform: translate(-50%, -50%);
         position: absolute;
         top: 50%;
         left: 50%;
         max-width: 100%;
     }
 }

 @media only screen and (min-width: 769px) {

     .c_portalResEbizads_banner-01001 {
         min-width: 300px;
         overflow: auto;
     }

     .c_portalResEbizads_banner-01001 .swiper-container {
         margin: 0 auto;
         position: relative;
         overflow: hidden;
         z-index: 1;
         height: 100%;
     }

     .swiper-wrapper {
         position: relative;
         width: 100%;
         height: 100%;
         z-index: 1;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         -ms-transition-property: -ms-transform;
         transition-property: transform;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
     }

     .swiper-wrapper {
         -webkit-transform: translate3d(0px, 0, 0);
         -moz-transform: translate3d(0px, 0, 0);
         -o-transform: translate(0px, 0px);
         -ms-transform: translate3d(0px, 0, 0);
         transform: translate3d(0px, 0, 0);
     }

     .swiper-slide {
         -webkit-flex-shrink: 0;
         -ms-flex: 0 0 auto;
         flex-shrink: 0;
         width: 100%;
         height: 100%;
         position: relative;
     }

     .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
         transform: translate(-50%, -50%);
         position: absolute;
         top: 50%;
         left: 50%;
         max-width: 100%;
     }
 }

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

 @media only screen and (min-width: 769px) {
 }

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

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

 .w_fimg-000 {
     position: relative;
     width: 100%;
     height: auto;
     min-height: 200px;
 }

 .w_fimg-000 .animated {
     width: 100%;
     height: 100%;
     position: relative;
     min-height: inherit;
 }

 .w_fimg-000 .p_link001 {
     width: 100%;
     height: 100%;
 }

 .w_fimg-000 .p_box {
     width: 100%;
     height: 100%;
     text-align: center;
     position: static;
 }

 .w_fimg-000 .p_dimage {
     height: inherit;
     overflow: hidden;
     font-size: 0;
 }

 .w_fimg-000 .e_image:hover:after {
     background: transparent;
 }

 .txtMarquee-top {
     overflow: hidden;
     position: relative;
 }

 .txtMarquee-top .bd {}

 .txtMarquee-top .infoList li {}

 .infoList li {
     margin-bottom: 15px;
 }

 .infoList li span {
     vertical-align: top;
     display: inline-block;
     width: 25px;
     height: 25px;
     border-radius: 5px;
     text-align: center;
     line-height: 25px;
     color: #fff;
     margin-right: 10px;
 }

 .infoList li .wen {
     margin-bottom: 10px;
 }

 .infoList li .wen span {
     background: var(--main-color);
 }

 .infoList li .da span {
     background: #666;
 }

 .infoList li .tit {
     vertical-align: middle;
     display: inline-block;
     width: calc(100% - 40px);
     line-height: 25px;
 }

 .infoList li .da .tit .summay {
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
 }

 .c_portalResNews_list-01001 {
     min-width: 320px;
     width: 100%;
 }

 .c_portalResNews_list-01001 .p_news {
     margin: 0;
     width: inherit;
     height: auto;
     padding: 0;
     overflow: hidden;
 }

 .c_portalResNews_list-01001 {
     overflow: hidden;
 }

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

     .c_portalResEbizads_banner-01001003 {
         min-width: 300px;
         overflow: auto;
     }

     .c_portalResEbizads_banner-01001003 .swiper-container {
         margin: 0 auto;
         position: relative;
         overflow: hidden;
         z-index: 1;
         height: 100%;
     }

     .swiper-wrapper {
         position: relative;
         width: 100%;
         height: 100%;
         z-index: 1;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         -ms-transition-property: -ms-transform;
         transition-property: transform;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
     }

     .swiper-wrapper {
         -webkit-transform: translate3d(0px, 0, 0);
         -moz-transform: translate3d(0px, 0, 0);
         -o-transform: translate(0px, 0px);
         -ms-transform: translate3d(0px, 0, 0);
         transform: translate3d(0px, 0, 0);
     }

     .swiper-slide {
         -webkit-flex-shrink: 0;
         -ms-flex: 0 0 auto;
         flex-shrink: 0;
         width: 100%;
         height: 100%;
         position: relative;
     }

     .c_portalResEbizads_banner-01001003 .swiper-pagination {
         position: absolute;
         z-index: 20;
         bottom: 65px;
         width: 100%;
         text-align: center;
     }

     .c_portalResEbizads_banner-01001003 .swiper-wrapper .swiper-slide img {
         transform: translate(0%, 0%);
         position: absolute;
         top: 50%;
         left: 50%;
         max-width: 100%;
     }
 }

 @media only screen and (min-width: 769px) {

     .c_portalResEbizads_banner-01001003 {
         min-width: 300px;
         overflow: auto;
     }

     .c_portalResEbizads_banner-01001003 .swiper-container {
         margin: 0 auto;
         position: relative;
         overflow: hidden;
         z-index: 1;
         height: 100%;
     }

     .swiper-wrapper {
         position: relative;
         width: 100%;
         height: 100%;
         z-index: 1;
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-transition-property: -webkit-transform;
         -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
         -ms-transition-property: -ms-transform;
         transition-property: transform;
         -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
         box-sizing: content-box;
     }

     .swiper-wrapper {
         -webkit-transform: translate3d(0px, 0, 0);
         -moz-transform: translate3d(0px, 0, 0);
         -o-transform: translate(0px, 0px);
         -ms-transform: translate3d(0px, 0, 0);
         transform: translate3d(0px, 0, 0);
     }

     .swiper-slide {
         -webkit-flex-shrink: 0;
         -ms-flex: 0 0 auto;
         flex-shrink: 0;
         width: 100%;
         height: 100%;
         position: relative;
     }

     .c_portalResEbizads_banner-01001003 .swiper-pagination {
         position: absolute;
         z-index: 20;
         bottom: 80px;
         width: 100%;
         text-align: center;
     }

     .c_portalResEbizads_banner-01001003 .swiper-wrapper .swiper-slide img {
         transform: translate(-50%, -50%);
         position: absolute;
         top: 50%;
         left: 50%;
         max-width: 100%;
     }
 }

 .c_portalResEbizads_banner-01001003 .f-center {
     text-align: center;
     height: 550px;
     max-height: 1080px;
 }

 .c_portalResEbizads_banner-01001003 .pcimg {
     width: 100%;
     height: auto;
 }

 .c_portalResEbizads_banner-01001003 .moimg {
     display: none;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video {
     height: 100%;
     position: relative;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 3;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .2);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_video_con {
     position: absolute;
     transform: translate(0%, 0%);
     -webkit-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
     left: 0px;
     top: 0px;
     /* width: 100vw; */
     /* height: 100vh; */
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     z-index: 2;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide img {
     display: block;
     width: 100%;
     left: 50%;
     top: 50%;
     /* height: 100vh; */
     height: 100%;
     /* object-fit: cover; */
 }

 .c_portalResEbizads_banner-01001003 .bannerPic {
     position: relative;
     width: 100%;
     height: auto;
     transition: all 1s ease 2.5s;
     transform: perspective(1000px) translate3d(0, 0, 100px);
     object-fit: cover;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex {
     position: absolute;
     text-align: left;
     width: 80%;
     top: 52%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 5;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 {
     text-shadow: 3px 0 10px rgba(0, 0, 0, 0.9);
     transform: translateY(80px);
     opacity: 0;
     position: relative;
     padding-bottom: 35px;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 {
     text-shadow: 3px 4px 2px rgba(0, 0, 0, 0.9);
     transform: translateY(80px);
     opacity: 0;
     position: relative;
     padding-bottom: 35px;
     text-align: center;
     visibility: hidden;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1:after {
     content: '';
     position: absolute;
     width: 50px;
     height: 1px;
     background: #fff;
     left: 50%;
     bottom: 0;
     transform: translate(-50%, 0);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h1 {
     font-weight: bold;
     font-size: 40px;
     color: #fff;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h2 {
     font-weight: normal;
     font-size: 24px;
     color: #fff;
     margin-top: 18px;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt2 {
     text-shadow: 3px 4px 2px rgba(0, 0, 0, 0.9);
     transform: translateY(80px);
     opacity: 0;
     font-size: 14px;
     line-height: 36px;
     margin-top: 3%;
     text-align: center;
     color: #fff;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .banMore {
     transform: translateY(80px);
     opacity: 0;
     width: 86px;
     height: 98px;
     margin: 5% auto 0 auto;
     visibility: hidden;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .banMore a {
     display: block;
     width: 100%;
     height: 100%;
     background: url(../../image/var(--main-color).png) no-repeat;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .scroll_btns {
     width: 30px;
     margin: 2% auto 0 auto;
     transform: translateY(80px);
     opacity: 0;
 }


```css
.c_portalResEbizads_banner-01001003 .f-center {
    text-align: center;
    height: 550px;
    max-height: 1080px;
}

.c_portalResEbizads_banner-01001003 .f-14 {
    font-size: 14px;
}

.c_portalResEbizads_banner-01001003 .pcimg {
    width: 100%;
    height: auto;
}

.c_portalResEbizads_banner-01001003 .moimg {
    display: none;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video {
    height: 100%;
    position: relative;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_video_con {
    position: absolute;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    left: 0px;
    top: 0px;
    /* width: 100vw; */
    /* height: 100vh; */
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    /* background-size: cover; */
    background-size: 100% 100%;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide img {
    display: block;
    width: 100%;
    left: 50%;
    top: 50%;
    /* height: 100vh; */
    height: 100%;
    /* object-fit: cover; */
}

.c_portalResEbizads_banner-01001003 .bannerPic {
    position: relative;
    width: 100%;
    height: auto;
    transition: all 1s ease 2.5s;
    transform: perspective(1000px) translate3d(0, 0, 100px);
    object-fit: cover;
}

.c_portalResEbizads_banner-01001003 .swiper-slide.active .bannerPic {
    transition: all 5s ease 0s;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex {
    position: absolute;
    text-align: left;
    width: 80%;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 {
    text-shadow: 3px 0 10px rgba(0, 0, 0, 0.9);
    transform: translateY(80px);
    opacity: 0;
    position: relative;
    padding-bottom: 35px;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 {
    text-shadow: 3px 4px 2px rgba(0, 0, 0, 0.9);
    transform: translateY(80px);
    opacity: 0;
    position: relative;
    padding-bottom: 35px;
    text-align: center;
    visibility: hidden;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex .bt1 {
    transition: all 2s ease .5s;
    transform: translateY(0);
    opacity: 1;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #fff;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h1 {
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h2 {
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    margin-top: 18px;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt2 {
    text-shadow: 3px 4px 2px rgba(0, 0, 0, 0.9);
    transform: translateY(80px);
    opacity: 0;
    font-size: 14px;
    line-height: 36px;
    margin-top: 3%;
    text-align: center;
    color: #fff;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex .bt2 {
    transition: all 2s ease .7s;
    transform: translateY(0);
    opacity: 1;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .banMore {
    transform: translateY(80px);
    opacity: 0;
    width: 86px;
    height: 98px;
    margin: 5% auto 0 auto;
    visibility: hidden;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex .banMore {
    transition: all 2s ease .9s;
    transform: translateY(0);
    opacity: 1;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .banMore a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../image/var(--main-color).png) no-repeat;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .scroll_btns {
    width: 30px;
    margin: 2% auto 0 auto;
    transform: translateY(80px);
    opacity: 0;
}

.c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex .scroll_btns {
    transition: all 2s ease 1s;
    transform: translateY(0);
    opacity: 1;
}
```


 .scroll-icon {
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 2em;
     width: 1.2em;
     font-size: 22px;
     color: rgba(255, 255, 255, 0.5);
     border-radius: 2em;
     border: solid 2px;
     -webkit-transition: .4s;
     transition: .4s;
     margin: 0 auto;
 }

 .scroll-icon::after {
     content: '';
     width: 5px;
     height: 5px;
     background-color: #fff;
     border-radius: 50%;
     -webkit-animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
     animation: scroll-icon 2.2s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
 }

 .scroll-container {
     position: relative;
     width: 24px;
     height: 24px;
     margin: 0 auto;
 }

 .chevron {
     position: absolute;
     width: 28px;
     height: 8px;
     opacity: 0;
     transform: scale3d(0.5, 0.5, 0.5);
     animation: move 3s ease-out infinite;
     left: -2px;
     top: 0;
 }

 .chevron:first-child {
     animation: move 3s ease-out 1s infinite;
 }

 .chevron:nth-child(2) {
     animation: move 3s ease-out 2s infinite;
 }

 .chevron:before,
 .chevron:after {
     content: ' ';
     position: absolute;
     top: 0;
     height: 100%;
     width: 51%;
     background: #fff;
 }

 .chevron:before {
     left: 0;
     transform: skew(0deg, 30deg);
 }

 .chevron:after {
     right: 0;
     width: 50%;
     transform: skew(0deg, -30deg);
 }

 @keyframes move {
     25% {
         opacity: 1;
     }

     33% {
         opacity: 1;
         transform: translateY(30px);
     }

     67% {
         opacity: 1;
         transform: translateY(40px);
     }

     100% {
         opacity: 0;
         transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
     }
 }

 .s-text {
     display: block;
     padding-top: 75px;
     margin-left: -29px;
     font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
     font-size: 12px;
     color: #fff;
     text-transform: uppercase;
     white-space: nowrap;
     opacity: .25;
     animation: pulse 2s linear alternate infinite;
 }

 @keyframes pulse {
     to {
         opacity: 1;
     }
 }


 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
     font-size: 16px;
     font-weight: bold;
     line-height: 1.5;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     color: #ffffff;
     max-width: 90%;
     text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
     transform: translateY(80px);
     opacity: 0;
     margin-bottom: 10px;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .b_line {
     width: 100%;
     margin: 20px 0px 50px;
     height: 2px;
     background: #fff;
     transform: translateY(80px);
     opacity: 0;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_con {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
     flex-basis: 75%;
     max-width: 55%;
     max-height: 400px;
     overflow: hidden;
     position: relative;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
     color: #ffffff;
     font-size: 4vw;
     font-weight: bold;
     text-transform: capitalize;
     line-height: 1.2;
     margin-bottom: 10px;
     text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
     transform: translateY(80px);
     opacity: 0;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big span {
     font-size: 2.5vw;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
     flex-basis: 25%;
     margin-bottom: 20px;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
     color: #ffffff;
     line-height: 1.5;
     font-size: 20px;
     text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
     transform: translateY(80px);
     opacity: 0;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex_title_en {
     transition: all 2s ease .5s;
     transform: translateY(0);
     opacity: 1;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex_title .t_big {
     transition: all 2s ease .7s;
     transform: translateY(0);
     opacity: 1;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .b_line {
     transition: all 2s ease .8s;
     transform: translateY(0);
     opacity: 1;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-slide.active .ind_ban_tex_info .t_small {
     transition: all 2s ease 1s;
     transform: translateY(0);
     opacity: 1;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
     background-image: none;
     left: calc(8.335% - 32px);
     top: calc(50% - 32px);
     width: 64px;
     height: 64px;
     text-align: center;
     line-height: 64px;
     color: #ffffff;
     background-color: rgba(202, 202, 202, 0.3);
     transition: all .3s ease;
     display: none;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
     background-image: none;
     right: calc(8.335% - 32px);
     top: calc(50% - 32px);
     width: 64px;
     height: 64px;
     text-align: center;
     line-height: 64px;
     color: #ffffff;
     background-color: rgba(202, 202, 202, 0.3);
     transition: all .3s ease;
     display: none;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-button-next.swiper-button-disabled {
     background-color: rgba(0, 0, 0, 0.3);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev.swiper-button-disabled {
     background-color: rgba(0, 0, 0, 0.3);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     background-color: #ffffff;
     margin: 0 14px;
     opacity: 0.5;
     color: transparent;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-bullet-active {
     opacity: 1;
     width: 42px;
     height: 42px;
     line-height: 42px;
     text-align: center;
     border: 2px solid rgba(255, 255, 255, 0.4);
     background-color: transparent;
     color: #ffffff;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-bullet-active .rightcircle {
     -webkit-animation: circleProgressLoad_right 6.5s linear infinite;
     animation: circleProgressLoad_right 6.5s linear infinite;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-bullet-active .leftcircle {
     -webkit-animation: circleProgressLoad_left 6.5s linear infinite;
     animation: circleProgressLoad_left 6.5s linear infinite;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-bullet-active .wrapper_con {
     display: block;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination {
     font-size: 0;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination>span {
     display: inline-block;
     vertical-align: middle;
     position: relative;
     border-radius: 100%;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-container-rtl .swiper-button-next {
     left: calc(8.335% - 32px);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-container-rtl .swiper-button-prev {
     right: calc(8.335% - 32px);
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-container-horizontal>.swiper-pagination-bullets {
     bottom: 5%;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-custom {
     bottom: 5%;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination-fraction {
     bottom: 5%;
 }

 .c_portalResEbizads_banner-01001003 .right {
     right: -2px;
 }

 .c_portalResEbizads_banner-01001003 .left {
     left: -2px;
 }

 .c_portalResEbizads_banner-01001003 .circleProgress {
     width: 42px;
     height: 42px;
     border: 2px solid transparent;
     border-radius: 50%;
     position: absolute;
     top: 0;
     -webkit-transform: rotate(-135deg);
 }

 .c_portalResEbizads_banner-01001003 .rightcircle {
     border-bottom: 2px solid #ffffff;
     border-left: 2px solid #ffffff;
     right: 0;
 }

 .c_portalResEbizads_banner-01001003 .leftcircle {
     border-top: 2px solid #ffffff;
     border-right: 2px solid #ffffff;
     left: 0;
 }

 .c_portalResEbizads_banner-01001003 .wrapper_con {
     width: 21px;
     height: 42px;
     position: absolute;
     top: -2px;
     overflow: hidden;
     display: none;
 }



 .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
     background-image: none;
     left: calc(8.335% - 32px);
     top: calc(50% - 32px);
     width: 64px;
     height: 64px;
     text-align: center;
     line-height: 64px;
     color: #ffffff;
     background-color: rgba(202, 202, 202, 0.3);
     transition: all .3s ease;
     display: none;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
     background-image: none;
     right: calc(8.335% - 32px);
     top: calc(50% - 32px);
     width: 64px;
     height: 64px;
     text-align: center;
     line-height: 64px;
     color: #ffffff;
     background-color: rgba(202, 202, 202, 0.3);
     transition: all .3s ease;
     display: none;
 }

 .c_portalResEbizads_banner-01001003 .banner .swiper-pagination {
     font-size: 0;
 }

 @media only screen and (max-width: 1366px) and (min-width: 1025px) {
     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h1 {
         font-size: 30px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h2 {
         font-size: 18px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         width: 40px;
         height: 40px;
         line-height: 40px;
         top: calc(50% - 20px);
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         width: 40px;
         height: 40px;
         line-height: 40px;
         top: calc(50% - 20px);
     }
 }

 @keyframes circleProgressLoad_right {
     0% {
         transform: rotate(45deg);
     }

     50%,
     100% {
         transform: rotate(225deg);
     }
 }

 @keyframes circleProgressLoad_left {

     0%,
     50% {
         transform: rotate(45deg);
     }

     100% {
         transform: rotate(225deg);
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 70px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
 }

 @media only screen and (max-width: 768px) {
     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 {
         padding-bottom: 20px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h1 {
         font-size: 20px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt1 h2 {
         font-size: 16px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .bt2 {
         line-height: 25px;
         display: -webkit-box;
         overflow: hidden;
         -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
         text-overflow: ellipsis;
         margin-top: 7%;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .banMore {
         margin: 10% auto 0 auto;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex .scroll_btns {
         margin: 5% auto 0 auto;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex {
         text-align: left;
     }

     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 70px;
         height: 60vh;
     }

     .c_portalResEbizads_banner-01001003 .moimg {
         display: block;
         height: 100%;
     }

     .c_portalResEbizads_banner-01001003 .pcimg {
         display: none;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide img {
         display: block;
         width: 100%;
         height: 100%;
         /* object-fit: cover; */
         left: 0;
         top: 0;
     }

     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 70px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_video_con {
         /* display: none; */
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         display: none;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         display: none;
     }
 }

 @media only screen and (max-width: 1366px) and (min-width: 1025px) {

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         width: 40px;
         height: 40px;
         line-height: 40px;
         top: calc(50% - 20px);
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         width: 40px;
         height: 40px;
         line-height: 40px;
         top: calc(50% - 20px);
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 70px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
 }
 @media only screen and (max-width: 768px) {
     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .ind_ban_tex {
         text-align: left;
     }

     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 70px;
         height: 100vh;
     }

     .c_portalResEbizads_banner-01001003 .moimg {
         display: block;
         height: 100%;
     }

     .c_portalResEbizads_banner-01001003 .pcimg {
         display: none;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide img {
         display: block;
         width: 100%;
         height: 100%;
         /* object-fit: cover; */
         left: 0;
         top: 0;
     }

     .c_portalResEbizads_banner-01001003 .f-center {
         padding-top: 0;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-slide .b_video .b_video_con {
         /* display: none; */
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-prev {
         display: none;
     }

     .c_portalResEbizads_banner-01001003 .banner .swiper-button-next {
         display: none;
     }
 }

 * {
     padding: 0;
     margin: 0;
 }

 body {}

 #c_portalResPublic_codeContainer-15983198715050716 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     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;
 }

 #c_portalResNews_list-15983396564367409>div {
     animation-fill-mode: both;
 }

 #c_portalResNews_list-15983396564367409 .newListBox {
     padding: 0px;
     overflow: hidden;
 }

 #c_portalResNews_list-15983396564367409 .container {
     padding: 0px;
     width: 100%;
 }

 #c_portalResNews_list-15983396564367409 .p_news {
     width: 100%;
     overflow: hidden;
 }

 #c_portalResNews_list-15983396564367409 .p_news:after {
     clear: both;
     display: table;
     content: "";
     min-height: 0px;
 }

 #c_portalResNews_list-15983396564367409 .newList1 {
     margin: 0px;
     margin-bottom: 12px;
     padding-bottom: 12px;
     border-bottom: 1px #d4d4d4 solid;
 }

 #c_portalResNews_list-15983396564367409 .newList {
     margin-bottom: 12px;
     width: 100%;
     padding-bottom: 12px;
     border-bottom: 1px #d4d4d4 solid;
     float: left;
     margin-left: 0px;
     margin-right: 0px;
     position: relative;
 }

 #c_portalResNews_list-15983396564367409 .newPicBox {
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
     padding: 0px;
     width: 100%;
 }

 #c_portalResNews_list-15983396564367409 .newTitle1 {
     margin-bottom: 10px;
     display: inline-block;
     width: auto;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     font-size: 18px;
     color: #000;
 }

 #c_portalResNews_list-15983396564367409 .newList1 .date {
     display: inline-block;
     float: right;
 }

 #c_portalResNews_list-15983396564367409 .newTitle1:hover {
     color: var(--main-color);
 }

 #c_portalResNews_list-15983396564367409 .content {
     padding: 15px 0 0 0;
     overflow: hidden;
     height: auto;
     width: 100%;
 }

 #c_portalResNews_list-15983396564367409 .newMs {
     font-size: 0.875rem;
     line-height: 1.8;
     display: -webkit-box;
     overflow: hidden;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
 }

 #c_portalResNews_list-15983396564367409 .newTitle {
     display: block;
     width: 100%;
     font-size: 14px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

 #c_portalResNews_list-15983396564367409 .newYear {
     position: absolute;
     top: 0px;
     right: 0px;
 }

 #c_portalResNews_list-15983396564367409 .list-icon {
     position: absolute;
     left: 5px;
     display: none;
     justify-content: center;
     align-items: center;
     width: 20px;
     height: 20px;
     font-size: 12px;
     color: gray;
 }

 @media only screen and (max-width: 768px) {
     #c_portalResNews_list-15983396564367409 .content {
         padding: 0;
     }

     #c_portalResNews_list-15983396564367409 .newList {
         width: 100%
     }

     #c_portalResNews_list-15983396564367409 .newPicBox {
         margin-bottom: 15px;
     }
 }

 #c_portalResNews_list-15983396564367409 .newPicBox a.newPiclLink {
     display: block;
     overflow: hidden;
     position: relative;
     width: 100%;
     padding-bottom: 20%;
 }

 #c_portalResNews_list-15983396564367409 .newPicBox a.newPiclLink img {
     position: absolute;
     width: 100%;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }

 #c_portalResNews_list-15983396564367409 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     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;
 }

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

 #c_portalResEbizads_banner-15982527290483260 {
     width: auto;
     max-width: none;
     min-width: 300px;
     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;
 }

 #c_portalResNews_list-15986878531802583>div {
     animation-fill-mode: both;
 }

 #c_portalResNews_list-15986878531802583 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     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;
 }

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

 #c_portalResEbizads_banner-15982658095723866 .bannerBox {
     width: 100%;
     height: 100%;
 }

 #c_portalResEbizads_banner-15982658095723866 .content {
     position: relative;
     width: 100%;
     height: 100%;
 }

 #c_portalResEbizads_banner-15982658095723866 .picB {
     width: 100%;
     height: 100%;
 }

 #c_portalResEbizads_banner-15982658095723866 .bannerPic {
     position: relative;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     transform: none;
 }

 #c_portalResEbizads_banner-15982658095723866 .swiper-button-prev {
     width: 38px;
     height: 38px;
     margin: auto;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     left: 20px;
     background-color: rgba(91, 112, 136, .5);
     color: #fff;
     text-align: center;
     line-height: 38px;
 }

 #c_portalResEbizads_banner-15982658095723866 .swiper-button-next {
     width: 38px;
     height: 38px;
     margin: auto;
     border-radius: 50%;
     cursor: pointer;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     right: 20px;
     background-color: rgba(91, 112, 136, .5);
     color: #fff;
     text-align: center;
     line-height: 38px;
 }

 @media only screen and (max-width: 768px) {
     #c_portalResEbizads_banner-15982658095723866 .bannerBtn {
         display: none;
     }
 }

 #c_portalResEbizads_banner-15982658095723866 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: 100%;
     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-1598252720518>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1598319117600>div {
     animation-fill-mode: both;
 }

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

 @media only screen and (max-width: 768px) {
     #w_grid-1598319117600>div>.p_gridbox {
         margin-top: 20px;
     }

     #w_grid-1598319117600>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         display: none;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598319117600>div>.p_gridbox {
         display: flex;
     }

     #w_grid-1598319117600>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1598319117600>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 21%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
         padding-left: 13px;
     }

     #w_grid-1598319117600>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 79%;
     }

     #w_grid-1598319117600>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

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

 #w_grid-1598321648974>div {
     height: 100%;
 }

 #w_grid-1598321648974>div>.p_gridbox {
     height: 100%;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1598321648974>div>.p_gridbox {
         border: 2px var(--main-color) solid;
         background: #fff url(../../image/index_s5_newicon.jpg) no-repeat top right;
         background-size: 100% auto;
         padding: 25px 17px 25px 17px;
     }

     #w_grid-1598321648974 .reset_style:nth-child(1) p * {
         font-size: 16px !important;
         color: #000 !important;
     }

     #w_grid-1598321648974 .reset_style:nth-child(1) {
         margin-bottom: 10px;
     }

     #w_grid-1598321648974 .reset_style:nth-child(2) p * {
         font-size: 14px !important;
         color: #000 !important;
     }

     #w_grid-1598321648974 .reset_style:nth-child(2) {
         margin-bottom: 8px;
     }

     #w_grid-1598321648974 div.w_fimg-000:nth-child(3) {
         margin-bottom: 10px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1598321648974>div>.p_gridbox {
         border: 2px var(--main-color) solid;
         background: #fff url(../../image/index_s5_newicon.jpg) no-repeat top right;
         background-size: 100% auto;
         padding: 25px 17px 0 17px;
     }

     #w_grid-1598321648974 .reset_style:nth-child(1) p * {
         font-size: 28px !important;
         color: #000 !important;
     }

     #w_grid-1598321648974 .reset_style:nth-child(1) {
         margin-bottom: 15px;
     }

     #w_grid-1598321648974 .reset_style:nth-child(2) p * {
         font-size: 16px !important;
         color: #000 !important;
     }

     #w_grid-1598321648974 .reset_style:nth-child(2) {
         margin-bottom: 12px;
     }

     #w_grid-1598321648974 div.w_fimg-000:nth-child(3) {
         margin-bottom: 15px;
     }
 }

 #w_fimg-1598322087074>div {
     animation-fill-mode: both;
 }

 #w_fimg-1598322087074 .p_dimage img {
     transition: all .4s;
 }

 #w_fimg-1598322087074 .p_dimage:hover img {
     transform: scale(1.2);
 }

 #w_fbtn-1598322125786 .p_CommonBtn {
     background: var(--main-color);
     border: 0px #d8c8b3 solid;
     width: 120px;
     height: 40px;
     border-radius: 4px;
 }

 #w_fbtn-1598322125786 .p_CommonBtn .font {
     color: #fff;
     font-size: 14px;
 }

 #w_fbtn-1598322125786>div {
     animation-fill-mode: both;
 }

 #w_fbtn-1598322125786 .p_link {
     maring: 0px;
 }

 #w_grid-1598339174991>div {
     animation-fill-mode: both;
 }

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

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

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 35.8803%;
         margin-left: 3%;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0px;
         clear: left;
         margin-right: 0px;
         width: 61.119699999999995%;
     }

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
     }

     #w_grid-1598339174991>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

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

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

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

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

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

 #w_common_text-1598322054972 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 15px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1598322076696 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 12px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fimg-1598322087074 {
     width: 100%;
     max-width: 266px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 15px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_fbtn-1598322125786 {
     width: 100%;
     max-width: 120px;
     min-width: 0px;
     height: 100%;
     max-height: 40px;
     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-1598339174991 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

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

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




.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}

.PCBAarea {
    padding: 30px 20px;
    background: #FFF;
    box-shadow: 0 0 1px 2px hsla(0, 0%, 58%, .1);
}

.title-box .title {
    font-size: 24px;
    font-weight: bold;
    margin-right: 15px;
}
.title-box .title .tit {
    font-size: 24px;
    font-weight: bold;
    margin-right: 15px;
}
.title-box .title .dec {
    font-size: 16px;
    color: #7F7F7F;
}


/* header
------------------------------- */
.category-menu {
    position: relative;
    float: left
}

.category-item::after {
    content: "";
    height: 0;
    clear: both;
    overflow: hidden;
    display: block;
    visibility: hidden;
}

.category-menu .category-title {
    /* width: 220px; */
    width: 250px;
    background: #fff;
    position: relative;
    /* z-index: 9999; */
    /* min-height: 526px; */    /* 1200 */
    min-height: 600px;
    padding: 20px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.category-menu .category-title .ico-gt {
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 10px;
    width: 4px;
    height: 14px;
    font: 400 9px/14px consolas;
    color: #f4f4f4;
    display: none
}

.category-menu .category-content:after,
.category-menu .category-content:after {
    content: " ";
    display: table;
    clear: both
}

.category-menu .category-title .tab-t {
    padding: 0 0 0 20px;
    height: 38px;
    line-height: 36px;
    position: relative;
    /* margin-bottom: 3px */
}

.category-menu .category-title .active {
    background-color: var(--main-color);
    color: #fff
}

.category-menu .category-title .active a,
.category-menu .category-title .active h3 {
    color: #fff
}

.category-menu .category-title .active .ico-gt {
    right: -1px;
    top: 0;
    height: 38px;
    background: #fff;
    color: #fff
}

.category-menu .category-title h3 {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 36px !important;
}

.category-menu .category-title a {
    color: #525252;
    font-size: 18px;
    /* margin: 0 7px; */
    margin-left: 5px;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 20px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-menu .category-title a:hover {
    text-decoration: none
}

.category-menu .ico-nav-c0,
.category-menu .ico-nav-c1,
.category-menu .ico-nav-c10,
.category-menu .ico-nav-c11,
.category-menu .ico-nav-c12,
.category-menu .ico-nav-c2,
.category-menu .ico-nav-c3,
.category-menu .ico-nav-c4,
.category-menu .ico-nav-c5,
.category-menu .ico-nav-c6,
.category-menu .ico-nav-c7,
.category-menu .ico-nav-c8,
.category-menu .ico-nav-c9 {
    position: absolute;
    left: 20px;
    top: 11px
}

.category-menu .category-title .active .ico-nav-c0,
.category-menu .category-title .active .ico-nav-c1,
.category-menu .category-title .active .ico-nav-c10,
.category-menu .category-title .active .ico-nav-c11,
.category-menu .category-title .active .ico-nav-c12,
.category-menu .category-title .active .ico-nav-c2,
.category-menu .category-title .active .ico-nav-c3,
.category-menu .category-title .active .ico-nav-c4,
.category-menu .category-title .active .ico-nav-c5,
.category-menu .category-title .active .ico-nav-c6,
.category-menu .category-title .active .ico-nav-c7,
.category-menu .category-title .active .ico-nav-c8,
.category-menu .category-title .active .ico-nav-c9 {
    background-position-x: -21px
}

.category-menu .category-content {
    position: absolute;
    background: #fff;
    top: 0;
    left: 225px;
    overflow: hidden;
    /* border: 1px solid #5F5F5F; */
    padding-top: 8px;
    transition: opacity .3s ease;
    opacity: 0;
    *filter: alpha(opacity=0);
    *zoom: 1;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    z-index: 9999
}

/* .category-menu .category-content {
	padding: 8px 20px 6px 30px;
	*zoom: 1
} */

.category-menu .category-content dt {
    position: relative;
    height: 24px;
    line-height: 16px;
    width: 88px;
    float: left
}

.category-menu .category-content dt a {
    color: var(--main-color);
    font-size: 13px;
    font-weight: 700
}

.category-menu .category-content dt span {
    position: absolute;
    right: 0;
    top: 0;
    font-family: cursive;
    font-size: 14px;
    font-weight: 700;
    color: var(--main-color)
}

.category-adv-name,
.category-menu .category-content a,
.hq-news-hd .tab-t.active,
.hq-news-hd .tab-t:hover {
    color: #333
}

.category-menu .category-title .icon {
    display: block;
}

.category-menu .category-title .icon2 {
    display: none;
}

.category-menu .category-title .active .icon {
    display: none;
}

.category-menu .category-title .active .icon2 {
    display: block;
}

/* .category-menu .category-content {
	padding-left: 5px;
	float: left;
	width: 410px
} */

.category-menu .category-content:last-child {
    /* border-bottom: 0 */
}

.category-menu .category-content .category-item-bd li {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 14px;
    white-space: nowrap;
    position: relative
}

.category-menu .category-content .line {
    color: #e3e3e3;
    margin: 0;
    position: absolute;
    right: -15px;
    top: 0
}

.category-menu .category-content .category-item-bd a:hover {
    color: var(--main-color);
    /* text-decoration: underline */
}

.category-menu .category-item {
    display: none
}

.category-menu .ad-category-item {
    width: 940px
}

.category-menu .category-item-bd {
    width: 555px;
    padding: 10px 0
}

.category-menu .active {
    display: block;
    opacity: 1;
    *filter: alpha(opacity=100)
}

.category-menu .category-content .tips {
    font-weight: 400;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 6px
}

.cate-side-con .publicity .publ-tips,
.cate-side-v2 .publicity .publ-tips {
    writing-mode: vertical-lr;
    font-size: 16px;
    letter-spacing: 5px;
    white-space: nowrap;
    padding: 60px 0;
    overflow: hidden;
    color: #fff;
    line-height: 40px;
    text-overflow: ellipsis
}

.category-menu .category-content .tips a {
    font-weight: 400
}

.category-menu .category-content .ico-hqshop {
    margin: -2px 5px 0 0
}

.category-menu .category-adv {
    margin-top: 8px
}

.category-menu .category-adv ul {
    padding: 0 20px;
    overflow: hidden
}

.category-menu .category-item-bd ul {
    padding: 0 10px;
}

.category-menu .category-adv .category-adv-item {
    width: 235px;
    height: 90px;
    display: inline;
    float: left;
    margin: 10px;
}

.category-menu .category-adv .category-adv-item>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    /* padding: 10px 20px; */
    background: #f4f4f4;
    transition: box-shadow .3s;
    box-sizing: content-box;
}

.category-adv-img {
    width: 80px;
    height: 70px;
    /*    position: absolute;
    right: 10px;
    top: 10px */
}

.category-adv-img img {
    width: 80px;
    height: 70px;
    display: block
}

.category-menu .category-adv .category-adv-item>a:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
}

.category-menu .category-adv .category-adv-item>a:hover img {
    /* transform: scale(1.1); */
}

.category-adv-name {
    width: 114px;
    max-height: 44px;
    padding-bottom: 2px;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700
}

.category-adv-pro {
    width: 120px;
    height: 22px;
    overflow: hidden;
    font-size: 12px;
    color: #999
}

.category-adv-pro i {
    float: left;
    display: inline;
    padding: 0 10px;
    line-height: 20px;
    border: 1px solid var(--main-color);
    font-size: 12px;
    color: var(--main-color)
}


.bidding th,
.hq-news-list li {
    overflow: hidden;
    height: 23px;
    white-space: nowrap
}

.hq-news-hd .tab-t.active {
    border-bottom-color: #fff
}

.hq-news-bd {
    padding-top: 11px;
    margin: 0 10px;
    background: #fff
}

.hq-news-bd .active {
    display: block
}

.hq-news-list li {
    padding: 0 10px;
    line-height: 23px;
    text-overflow: ellipsis;
    font-size: 12px
}

.hq-news-list li.top-new a {
    color: #d00
}

.hq-news-list {
    padding-top: 6px;
    /* height: 95px; */
    height: 200%;
    overflow: hidden;
    /* border-bottom: 1px dashed #eee; */
    margin-bottom: 5px
}

.hq-news-bd-box h3 {
    padding-left: 10px;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px
}

.hq-news-bd-box h3 .icon-new {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    line-height: 12px;
    background: #e83027;
    border-radius: 3px;
    width: 28px;
    height: 12px;
    margin-left: 4px;
    margin-top: -2px
}

.hq-news-bd-box h3 .icon-new span {
    font-weight: 400;
    display: inline-block;
    transform: scale(.8)
}

.hq-news-bd .tab-c,
.no-keyword .kw-adver-ul {
    /* display: none */
}

.hq-news-bd-box .go-hqzx {
    position: absolute;
    right: 8px;
    top: 10px;
    color: #999
}

.hq-news-bd-box .go-hqzx:hover {
    color: #c00
}

.hq-news-bd-box {
    background: #fff;
    height: 100%;
    position: relative
}


.productItem {
    border: 2px solid #eee;
    cursor: pointer;
    transition: .3s;
}

.productItem:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}



/* 我们的服务
------------------------------- */
.myService {
    max-width: var(--main-width);
    /* height: 270px; */
    height: 350px;
    border-radius: 20px;
    gap: 10px;
}

.myService .card-item {
    /* width: 120px; */
    flex: 1 1;
    height: 100%;
    display: inline-block;
    border-radius: 8px;
    position: relative;
    transition: 0.5s ease-in-out;
    color: rgb(255, 255, 255);
    /* background-image: url(https://alimg.szlcsc.com/upload/public/home/page/advertising/20241113/11AE6F898CD690ED94FE61781B82EEA2.png); */
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

.myService .card-item::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(224deg, rgba(247, 252, 255, 0.6) 0%, rgba(28, 47, 65, 0.93) 100%);
    border: 0 solid #e5e7eb;
    border-radius: 8px;
    z-index: 1;
    /* 确保伪元素位于文本之下 */
}

.myService .active {
    /* width: 306px; */
    flex: 0 0 40%;
    height: 100%;
}

.myService .card-item.active .textBox {
    /* visibility: hidden; */
    display: none;
}

.myService .card-item.active::after {
    content: none;
}

.myService .textBox {
    /* margin-top: 160px; */
    margin-top: 240px;
    position: relative;
    /* 确保 .textBox 相对于父元素定位 */
    z-index: 2;
    /* 确保 .textBox 在 .card-item::after 之上 */
}

/* @media (min-width: 1552px) {
    .myService {
        width: 1552px;
        height: 310px;
    }

    .myService .card-item {
        width: 145px;
        height: 310px;
    }

    .myService .textBox {
        margin-top: 216px;
    }
    .myService .active {
        width: 467px;
        height: 310px;
    }
} */
@media (max-width: 1200px) {
    .myService, .myService-title {
        display: none;
    }
}




/* 我们能做什么
------------------------------- */
.smartFactory[data-v-44b11fbb] {
    height: 550px;
    background-color: #fff;
    overflow: hidden
}

.smartFactory .body[data-v-44b11fbb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.smartFactory .body .doItem {
    background: url(/image/canDoBg.jpg) no-repeat center;
    background-size: cover;
}

.smartFactory .body .c2Block1[data-v-44b11fbb] {
    transition: .8s;
    padding: 80px 25px 30px 25px;
    /* margin-bottom: 20px; */
    margin-bottom: 60px;
}

.smartFactory .body .c2Block1 .c2Title[data-v-44b11fbb] {
    padding: 56px 0 26px 0;
    transition: .8s
}

.smartFactory .body .c2Block2[data-v-44b11fbb] {
    transition: .8s;
    padding: 40px 25px 30px 25px
}

.smartFactory .body .c2Block2 .c2Title[data-v-44b11fbb] {
    padding: 22px 0;
    transition: .8s
}

.smartFactory .body>div[data-v-44b11fbb] {
    /* width: 32%; */
    width: 30.7%;
    height: 480px;
    overflow: hidden;
    box-shadow: 0 0 1px 2px hsla(0, 0%, 58%, .1);
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 80px 25px 30px 25px;
    box-sizing: border-box;
    cursor: pointer
}

.smartFactory .body>div[data-v-44b11fbb]:last-child {
    margin-right: 0
}

.smartFactory .body>div>div[data-v-44b11fbb]:first-child {
    box-sizing: border-box
}

.smartFactory .body>div .c2Img[data-v-44b11fbb] {
    height: 107px
}

.smartFactory .body>div .c2Title[data-v-44b11fbb] {
    font-size: 24px;
    color: #333;
    font-weight: 700;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb
}

.smartFactory .body>div img[data-v-44b11fbb] {
    height: 107px
}

.smartFactory .body>div .c2Text[data-v-44b11fbb] {
    font-size: 16px;
    color: #6b6868;
    line-height: 22px;
    text-align: left;
    margin-top: 24px
}

.smartFactory .body .more[data-v-44b11fbb] {
    height: 30px;
    /* margin: 14px auto 0; */
    margin: 0 auto 0;
    font-size: 16px;
    color: var(--main-color);
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.smartFactory .factoryDec {
    display: block;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Arial;
    opacity: 0.4;
}



/* 我们的PCBA应用领域
------------------------------- */
.PCBAarea .swiper-parent {
    position: relative;
}

.application-item {
    position: relative;
    margin: 0 15px;
}

.application-item img {
    width: 100%;
    aspect-ratio: 1 / 1.272;
}

.application-tit {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(29, 101, 185, 0.5);
}

.swiper-parent .swiper-button-prev {
    width: 60px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    z-index: 1;
}

.swiper-parent .swiper-button-next {
    width: 60px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    z-index: 1;
}

@media (max-width:575px) {
    .application-mySwiper .swiper-slide {
        transform: rotateY(0deg) !important;
    }
}

@media (min-width:992px) {
    .application-mySwiper .swiper-slide-next {
        transform: rotateY(0deg) !important;
    }

    .application-mySwiper .swiper-slide-next+.swiper-slide {
        transform: rotateY(0deg) !important;
    }
}


/* 我们的与众不同
------------------------------- */
:root {
    --bgfff: #fff;
    --bgddd: #ddd;
    --bgf3f3f3: #f3f3f3;
    --bg333: #333;
    --bgf5f5f5: #f5f5f5;
    --color333: #333333;
    --color666: #666666;
    --color29335c: #29335c;
    --colorf5f5f5f5: #f5f5f5f5;
    --font72: 72px;
    --font42: 42px;
    --font32: 32px;
    --font26: 26px;
    --font22: 22px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --font12: 12px;
}

.jgfw_item {
    position: relative;
    width: 100%;
    margin-right: 15px;
    background-color: var(--color29335c);
    box-shadow: 0 0 1px 2px hsla(0, 0%, 58%, .1);
    border-radius: 2px;
    overflow: hidden;
}

.jgfw_item:nth-child(5n) {
    margin-right: 0;
}

.jgfw_itemimg {
    /* height: 350px; */
    height: 450px;
    overflow: hidden;
}

.jgfw_itemimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jgfw_itemtxt {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 120px;
    transition: height 0.5s;
    /* background: url(../../image/ser_jt.png) no-repeat bottom center #fff; */
    background: url(../../image/ser_jt.png) no-repeat center 100px #fff;
}

.jgfw_shu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    width: 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-color);
    border: 8px solid #fff;
    border-radius: 50%;
    font-size: var(--font26);
    color: #fff;
    font-weight: bold;
}

.jgfw_item.on .jgfw_shu {
    background: #fff;
    border: 0;
    color: var(--main-color);
    top: -37px;
}

.jgfw_tle {
    padding: 56px 0 0;
    font-size: 20px;
    color: #333;
    line-height: 20px;
    transition: all 0.3s;
}

.jgfw_item.on .jgfw_tle {
    color: #fff;
}

.jgfw_tle p {
    display: block;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: Arial;
    opacity: 0.2;
}

.jgfw_ctp {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    /* opacity: 0.5; */
    padding: 0 10px;
    margin-top: 20px;
    letter-spacing: 1px;
}

.jgfw_item.on .jgfw_itemimg img {
    transition: all 0.3s;
    opacity: 0.2;
}

.jgfw_item.on .jgfw_itemtxt {
    height: 260px;
    background: none;
}


@media (max-width: 1400px) {
    .quality-box,
    .quality-title {
        display: none;
    }
}
@media (max-width: 1200px) {
    /* .header-box {
        display: none;
    } */
    .advertising-container {
        display: none;
    }
    .header-box .goodsBanner {
        width: calc(100% - 270px)!important;
    }
}
@media (max-width: 992px) {
    .jgfw_ct {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .header-box {
        display: none;
    }
}


/* =========================我们能做什么START========================= */
.cando-container {
	width: 100%;
	height: 570px;
    background:url(/image/home/background.jpg) no-repeat center / cover;
}

.cando-container .card-item {
	flex: 1 1;
	height: 100%;
	display: inline-block;
	border-radius: 1px;
	position: relative;
	transition: 0.5s ease-in-out;
	color: rgb(255, 255, 255);
	text-shadow: 0 0 2px #000;
	position: relative;
	overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.cando-container .textBox .content {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	/* opacity: 1; */
	/* visibility: visible; */
}

.cando-container .textBox .title {
    margin: 30px 0 80px;
    text-align: center;
    position: relative;
}

.cando-container .textBox .title::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 1px;
    left: 50%;
    bottom: -40px;
    transform: translateX(-50%);
    background: #FFFFFF;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.cando-container .textBox .dec {
	display: none;
    padding: 0 20px;
    line-height: 25px;
    /* text-align: left; */
}

.cando-container .card-item.active {
	flex: 0 0 20%;
    background: linear-gradient(to right, rgba(6, 95, 177, 0.9), rgba(31, 144, 249, 0.9));
}

.cando-container .card-item.active .textBox .dec {
	display: block;
}


@media (max-width: 1025px) { 
    #w_grid-1598240369478>div>.p_gridbox {
        padding: 0 0 0 10px;
    }
}
@media (max-width: 992px) { 
    .title-box .title .dec {
        display: block;
    }
    .cando-container {
        height: auto;
    }
    .cando-container .card-item {
        width: calc(100% / 3);
        height: 300px;
        flex: none;
        border: 1px solid rgba(255, 255, 255, .3);
    }
    .cando-container .card-item.active {
        flex: none;
    }
    .cando-container .textBox .title {
        margin: 20px 0 10px;
    }
    .cando-container .textBox .title::after {
        display: none;
    }
}
@media (max-width: 768px) { 
    .cando-container .card-item {
        width: calc(100% / 2);
    }
}
@media (max-width: 576px) { 
    .cando-container .card-item {
        width: calc(100% / 1);
    }
}
/* =========================我们能做什么END========================= */


/* =========================mobileEND========================= */
/* 超宽屏幕 */
@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) { 
    
}
/* =========================mobileEND========================= */