@media only screen and (max-width: 768px) {
   .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-container-android .swiper-slide,
     .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;
     }

   

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

    .swiper-pagination span {
         display: inline-block;
         margin-right: 4px;
     }

   .swiper-wrapper .swiper-slide img {

     }

   
 }

 @media only screen and (min-width: 769px) {
     .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-container-android .swiper-slide,
     .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;
     }

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

    .swiper-pagination span {
         display: inline-block;
         margin-right: 4px;
     }
.swiper-wrapper .swiper-slide img {

     }
 }


 






 
 * {
     padding: 0;
     margin: 0;
 }




 
.swiper-pagination-bullet {
     width: 12px;
     height: 12px;
     margin: 5px;
     background: #8a8a8a;
     opacity: 1;
 }

.swiper-pagination {
     z-index: 2;
 }

.swiper-pagination-bullet-active {
     opacity: 1;
     background: #0656a9;
 }

 @media only screen and (max-width: 768px) {
.swiper-pagination-bullet {
         width: 8px;
         height: 8px;
         margin: 3px;
     }
 }

 

 






 



 #c_portalResEbizads_banner .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

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

 #c_portalResEbizads_banner .f-center {
     text-align: center;
     height: 98vh;

 }

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

 #c_portalResEbizads_banner .pcimg {
     opacity: 0.8;
 }

 #c_portalResEbizads_banner .moimg {
     display: none;
 }

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

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

 #c_portalResEbizads_banner .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;
     -o-object-fit: cover;
     object-fit: cover;
     z-index: 2;
 }

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

 #c_portalResEbizads_banner .banner .swiper-slide img {
     display: block;
     width: 100%;
     left: 0px;
     top: 0px;
     height: 100vh;
     max-height: 1080px;
     object-fit: cover;
 }

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

 #c_portalResEbizads_banner .swiper-slide.active .bannerPic {
     transition: all 5s ease 0s;
     transform: perspective(1000px) translate3d(0, 0, 0px);
 }

 #c_portalResEbizads_banner .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 .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
     font-size: 24px;
     font-weight: normal;
     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: translateX(80px);
     opacity: 0;
     margin-bottom: 10px;
     font-family: 'Oswald', sans-serif;
 }

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

 #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_con {
     width: 100%;
     display: block;
 }

 #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
     flex-basis: 75%;
     max-width: 90%;
     max-height: 400px;
     overflow: visible;
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

 #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title:before {
     content: '';
     width: 0%;
     height: 1px;
     background: rgba(255, 255, 255, 0.3);
     position: absolute;
     bottom: 0px;
     left: -30%;
     transform: translateX(80px);
     opacity: 0;
 }

 #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
     color: #ffffff;
     font-size: 2.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: translateX(80px);
     opacity: 0;
 }

 #c_portalResEbizads_banner .banner .swiper-slide.active .ind_ban_tex .ind_ban_tex_title:before {
     transition: all 1.5s ease 0s;
     transform: translateX(0);
     opacity: 1;
     width: 130%;
 }

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

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

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

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

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

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

 #c_portalResEbizads_banner .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 .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 .banner .swiper-button-next.swiper-button-disabled {
     background-color: rgba(0, 0, 0, 0.3);
 }

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

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

 #c_portalResEbizads_banner .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 .banner .swiper-pagination-bullet-active .rightcircle {
     -webkit-animation: circleProgressLoad_right 6.5s linear infinite;
     animation: circleProgressLoad_right 6.5s linear infinite;
 }

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

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

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

 #c_portalResEbizads_banner .banner .swiper-pagination>span {
     display: inline-block;
     vertical-align: middle;
     position: relative;
 }

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

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

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

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

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

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

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

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

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

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

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

 @media only screen and (max-width: 1366px) and (min-width: 1025px) {
     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
         font-size: 18px;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
         font-size: 18px;
     }

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

     #c_portalResEbizads_banner .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 .f-center {
         padding-top: 0px;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
         font-size: 14px;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
         font-size: 15px;
     }

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

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

 @media only screen and (max-width: 768px) {
     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex {
         text-align: left;
     }

     #c_portalResEbizads_banner .f-center {
         padding-top: 0px;
         height: 40vh;
     }

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

     #c_portalResEbizads_banner .pcimg {
         display: none;
     }

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

     #c_portalResEbizads_banner .banner .swiper-pagination-bullet {
         width: 8px;
         height: 8px;
         margin: 0 6px;
     }

     #c_portalResEbizads_banner .rightcircle {
         display: none;
     }

     #c_portalResEbizads_banner .banner .swiper-pagination-bullet-active .wrapper_con {
         display: none;
     }

     #c_portalResEbizads_banner .f-14 {
         display: none;
     }

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

     #c_portalResEbizads_banner .banner .swiper-slide .b_video .b_video_con {
         display: none;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
         flex-basis: 100%;
         max-width: 100%;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
         display: block;
         width: 100%;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
         font-size: 14px;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .b_line {
         margin: 15px 0px 30px;
     }

     #c_portalResEbizads_banner .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
         font-size: 7vw;
     }

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

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

 #c_portalResEbizads_banner .swiper-slide {
     position: relative;
     background: #000;
 }

 #c_portalResEbizads_banner .swiper-slide:after {
     position: absolute;
     top: 0px;
     left: 0px;
     content: '';
     width: 100%;
     height: 100%;
     background: url(../images/bg2.png);
     opacity: 0.3;
 }

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