.icon-colums .icon-area-list li {
    width: 33.3%
}

@media screen and (max-width: 768px) {
    /* html,
    body,
    .mob_container {
        height: 100%;
    } */
    /* .container {
        height: calc(100% - 70px);
        overflow-y: auto;
        overflow-x: hidden;
    } */
    body {
        /* overflow-x: hidden; */
        min-width: 100% !important;
    }
    .greenoverlay.banner_nav .noShowMob {
        display: block;
    }
    #carousel .slider .slick-prev {
        left: -8px;
    }
    .slick-list.draggable {
        height: 53px;
    }
    .icon-menu.the-icons.span3:before {
        content: "";
    }
    .icon-menu.the-icons.span3 {
        height: 30px;
    }
    .cycle-pager.noShowMob {
        margin-top: 16.5px;
    }
    .mobileShow.mob_menu_wrapper.btn_showMenu {
        height: 30px;
        width: 42px;
        display: block;
    }
    .mob_nav input[type="search"] {
        background-image: none;
    }
    .wrapper {
        width: 96% !important;
        margin: 0 2% !important;
    }
    .swiper-container {
        display: block;
    }
    .buAreaList {
        margin: 30px 0;
        overflow: hidden;
        display: block;
    }
    .cre-catlog-model-desc a {
        font-size: 12px;
    }
    .boxList {
        height: 160px;
    }
    .swiper-slide img {
        max-width: 180px;
    }
    #mobile-banner {
        display: block;
    }
    #pc-banner {
        display: none;
    }
    .buAreaList li.buLiArea {
        margin-bottom: 20px;
        width: 100%;
    }
    .banner {
        height: 190px !important;
    }
    .icon-colums .icon-area-list li .icon-text {
        font-size: 12px;
    }
    .cre-news-top-pic {
        width: 100%;
    }
    .cre-news-top-list {
        width: 95%;
        margin-left: 0;
    }
    .cre-news-top-list .cre-news-top-li-title:before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #94D7FF;
        margin-right: 3px;
        position: relative;
        top: -6px;
    }
    .cre-news-top-li-title a {
        display: inline-block;
        width: 95%;
        max-width: 340px;
        font-weight: normal;
        font-size: 13px;
    }
    .cre-news-top-li-desc {
        display: none;
    }
    .cre-news-top-list-ul .cre-news-top-li:first-child .cre-news-top-li-title {
        font-weight: normal;
    }
    .first-news-img {
        width: 100%;
        height: inherit;
        margin-bottom: 15px;
    }
    .cre-news-top-li {
        margin-bottom: 5px;
        line-height: 1.5;
    }
    .cre-news-top {
        margin-bottom: 3px;
    }
    .wrapper .news .newsbox {
        margin-bottom: 0px;
    }
    #first-news-pic {
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        transform: translate(0, 0);
        width: 100% !important;
    }
    .cre-news-top-pic img {
        max-width: 100% !important;
    }
    .crc-pub-window {
        width: 358px;
    }
    .footer {
        padding: 0;
        min-height: 64px;
    }
    .footer-content,
    .inner_wrapper {
        padding: 10px 0 0 0;
    }
    .footer .base-in {
        width: 100%;
    }
    .footer-content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        background-color: #fff;
        border-top: 0;
    }
    .header-tabs {
        display: none !important;
    }
    .witer-backgroud {
        width: 100%;
        padding: 0px 0px 0px 0px;
    }
    .title {
        text-align: left;
        text-align: left;
        font-size: 21px;
        padding: 10px 10px 30px 10px;
        line-height: 1.8;
        color: #6d5958;
        font-weight: 500;
        line-height: 30px;
    }
    .info {
        font-size: 14px;
        color: #333;
        padding: 10px 0;
    }
    .info-font {
        display: block;
    }
    .newsContent .info span {
        margin: 0 15px;
    }
    .newsContent .text {
        padding: 10px 10px;
        font-size: 17px;
        color: #333;
    }
    .imgs-wrapper {
        display: none;
    }
    .list {
        width: 100%;
        flex-flow: column;
    }
    .list img {
        width: 98%;
        height: 250px;
        object-fit: contain;
    }
    .about .inner table td {
        padding-left: 0;
    }
    .about .inner table tr {
        border: none;
    }
    .crc-qiye-wrap-table-wrap {
        width: 100%;
        padding: 0 !important;
    }
    .crc-qiye-wrap-tuwen>div:first-child {
        padding-right: 0;
    }
    .crc-qiye-fr {
        float: left;
    }
    .crc-qiye-all p {
        color: #666;
        line-height: 1.8;
    }
    .img1,
    .img3 {
        height: 75px;
        width: 100%;
    }
    .crc-qiye-wrap-inner-pic {
        width: 85px;
    }
    .crc-qiye-wrap-inner-pic .img,
    .img2 {
        height: 95px !important;
        width: 85px;
    }
    .crc-qiye-all {
        background: none;
    }
    .RCMS_EDITOR img {
        width: 100% !important;
        object-fit: contain;
    }
    .news .news_list table a {
        padding-left: 0;
        width: 100%;
    }
    #videoContent {
        height: 200px;
    }
    .information .RCMS_EDITOR img,
    .docabstract {
        display: none !important;
    }
    .information .item {
        margin-left: 30px !important;
    }
    .video .video_list li {
        width: 100% !important;
        min-height: inherit;
    }
    .video_list {
        margin-top: 30px;
    }
    .video .video_list a .title {
        font-size: 14px;
        margin-top: 2px;
        line-height: 19px;
        color: #1380c0;
        text-indent: 10px;
        padding: 0;
    }
    .video #video_player {
        height: 200px !important;
    }
    .news tr td:nth-child(1) {
        width: 100px;
    }
    .content,
    .img {
        height: 100% !important;
    }
    .subpage {
        height: 100% !important;
    }
    .subpage-img,
    .iphone-title {
        display: block;
    }
    .science3-list .text-title img {
        width: 180px;
    }
    .text-title img {
        height: 33px;
        width: 164px;
        margin-top: 20px;
    }
    .text-title a {
        margin-top: 10px;
    }
    .sci-news-content {
        font-size: 12px;
        color: #333333;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6 !important;
        line-clamp: 6 !important;
        -webkit-box-orient: vertical;
        margin: 10px 0;
    }
    .text-area-title {
        line-height: normal !important;
        height: 100%;
    }
    .text-area-title a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        -webkit-box-orient: vertical;
        margin: 15px 0 20px 0;
    }
    .log-news-area {
        background-color: #fff !important;
        padding: 0;
        overflow: hidden;
    }
    .log-news-item {
        width: 100%;
        padding: 15px;
    }
    .log-item {
        width: 250px;
    }
    .img .text-title,
    .iphone-content .text-title {
        display: none;
    }
    .text-area {
        width: 100%;
        padding-left: 0;
        position: relative;
    }
    .owner-direct-area-content,
    .foundation-area-content {
        height: 100%;
    }
    .log-item {
        line-clamp: 2 !important;
        -webkit-line-clamp: 2 !important;
        line-height: 32px !important;
    }
    .crc-qiye-wrap-inner-wenben {
        width: 100%;
    }
    .subpage-img {
        display: block;
        width: 100%;
        padding-top: 75px;
    }
    .crc-qiye-wrap-tuwen {
        flex-flow: column;
    }
    .crc-qiye-wrap-tuwen-pic .img {
        height: 270px !important;
    }
    .crc-qiye-wrap-tuwen-wenben {
        width: 100%;
    }
    .iphone-title {
        display: flex;
        justify-content: space-between;
        line-height: 60px;
        position: relative;
        padding: 0 2%;
    }
    .iphone-title a,
    .iphone-title1 a {
        color: #66AD3E;
    }
    .iphone-title img,
    .iphone-title1 img {
        height: 33px;
        width: 164px;
        margin-top: 10px;
    }
    .video-area {
        width: 100%;
        height: 250px;
    }
    .video-area img {
        height: 100%;
        width: 100%;
    }
    .science3-list {
        padding-right: 0;
    }
    .iphone-content {
        display: flex;
        flex-flow: wrap-reverse;
    }
    .iphone-title1 {
        display: flex;
        justify-content: space-between;
        line-height: 60px;
        width: 100%;
    }
    .iphone-item:last-child {
        display: none;
    }
    .log-area-content {
        background: url(../image/pic_sci_deco3_2.png) right top no-repeat !important;
        height: 60px;
        background-size: 100% !important;
        float: left;
        background-color: #fff !important;
    }
    .log-area-top {
        padding-top: 0 !important;
    }
    .news-area {
        margin-top: 0;
    }
    .kec-bg {
        background: url(../image/pic_sci_deco2_2.png) no-repeat right top !important;
        background-color: #F5F6FA;
        float: left;
        background-size: 100% !important;
    }
    .video-text {
        background: url(../image/pic_sci_deco2_1.png) no-repeat right bottom !important;
        float: left;
        background-size: 100% !important;
        display: flex;
        flex-flow: column;
        padding-top: 0;
        background-color: #fff !important;
        padding: 0 2% !important;
        margin: 0 !important;
    }
    .owner-direct-area-content,
    .foundation-area-content {
        height: 100% !important;
    }
    .mob_container {
        overflow: hidden;
    }
    .footer-content {
        justify-content: center;
    }
    .owner-direct-area-content,
    .foundation-area-content {
        height: 100% !important;
    }
    .mob_container {
        overflow: hidden;
    }
    .footer-content {
        justify-content: center;
    }
    .brand-list {
        float: none;
        display: flex;
        flex-wrap: wrap;
        margin-left: 0 !important;
    }
    .brand-list .brand {
        width: 50% !important;
        height: 72px !important;
    }
    .brand-list .brand img {
        width: 100% !important;
    }
    .brand-hover {
        display: none !important;
    }
    .mobile-brand {
        width: 100%;
        height: 100%;
        background: rgba(5, 5, 5, 0.8);
        z-index: 66;
        position: fixed;
        left: 0;
        top: 0;
    }
    .mobile-brand-hover-content {
        background: #ffffff;
        width: 310px;
        border-radius: 16px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .mobile-brand-hover-content .mobile-brand-desc {
        width: 270px;
        margin-left: 20px;
        font-size: 13px;
        text-align: justify;
    }
    .mobile-brand-hover-content .upImg img {
        width: 140px;
        height: 50px;
    }
    .mobile-brand-hover-content .downImg img {
        height: 97px;
    }
    .brand-hover-img,
    .btn-more {
        text-align: center;
    }
    .upImg {
        padding-top: 10px;
        padding-bottom: 8px;
    }
    .downImg {
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .btn-more {
        margin-bottom: 25px;
    }
    .btn-more a {
        width: 250px;
        height: 32px;
        background: #E2F5FF;
        border-radius: 32px;
        border: 1px solid #509ECC;
        display: inline-block;
        margin-bottom: 25px;
        line-height: 32px;
        font-size: 15px;
        color: #076FAC;
        cursor: pointer;
    }
    .close-btn {
        position: absolute;
        bottom: -45px;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }
    .close-btn img {
        width: 32px;
    }
    .ulContent {
        width: 100%;
        transform: translateX(50%);
    }
    .wrapper {
        width: 96% !important;
        margin-left: 3%;
        margin-right: 3%;
    }
    .wholebg img {
        width: 100%;
        height: 270px;
    }
    .m_qnfz_container {
        display: block;
    }
    .wholebg,
    .pc-content {
        display: none;
    }
    .gqp16 {
        padding: 0 16px;
    }
    .mgqbanner img {
        width: 100%;
        margin-top: 75px;
    }
    .mgq_container {
        background: url(../image/mcre-wap-bg01.png) no-repeat center top #F6FCFF;
        background-size: 100% auto;
        padding-top: 24vw;
    }
    .mxyItemList {
        padding-bottom: 88px;
        background: url(../image/mcre-wap-line01.png) no-repeat center bottom;
        background-size: 100% auto;
        padding-top: 20px;
        position: relative;
    }
    .mxytitle img {
        height: 18px;
        max-width: 100%;
    }
    .mgq_container ul li {
        margin-bottom: 18px;
        padding-top: 22px;
        background: url(https://www.cre.com.hk/qi_lm_15129/bgm/images/P020211010644449895008.png) no-repeat top left;
    }
    .mxyItem_topBg {
        height: 118px;
        top: -98px;
        right: 8px;
        position: absolute;
    }
    .mxyItem_topBg img {
        height: 100%;
    }
    .mxyItemList .mitem .imgs {
        border: 4px solid #FFFFFF;
    }
    .mxyItemList .mitem .imgs img,
    .mxyItemList .mitem .imgs .video-js {
        width: 100%;
    }
    .mxyItemList .mitem .title {
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding: 20px 0 10px
    }
    .mgq_container .txt {
        font-size: 14px;
        color: #666;
        line-height: 1.7;
    }
    .mxyItemList .mitem {
        margin-bottom: 36px;
    }
    .mxyItemList .mitem:last-child {
        margin-bottom: 0;
    }
    .mgq_container ul li a {
        color: #333;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .mcyItemTxt .imgs {
        width: 44%;
    }
    .mcyItemTxt .imgs img {
        width: 100%;
    }
    .mgq_container .mMore {
        padding-top: 20px;
        text-align: center;
        font-size: 14px;
        color: #2C95D3;
    }
    .mgq_container .mMore a {
        vertical-align: middle;
        color: #2C95D3;
    }
    .mgq_container .mMore a img {
        vertical-align: text-bottom;
        padding-left: 6px;
        padding-bottom: 2px;
    }
    .mcyItemTxt {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .mcyItemTxt .imgs {
        width: 44%;
    }
    .mcyItemTxt .txtOut {
        width: 50%;
    }
    .mcyItemTxt .txtOut .txt {
        overflow: hidden;
        height: 170px;
    }
    .mcyItem:nth-child(2) .mcyItemTxt .txtOut {
        width: 50%;
    }
    .mcyItem:nth-child(2) .mcyItemTxt .txt {
        height: 170px;
    }
    .mcyItem:nth-child(2) .mcyItemTxt .imgs {
        width: 50%;
        padding-top: 20px;
    }
    .mcyItem {
        background: url(../image/mcre-wap-line02.png) no-repeat center top;
        background-size: 100% auto;
        margin-top: 40px;
        padding-top: 46px;
    }
    .mcyItem .mxytitle {
        padding-bottom: 20px;
    }
    .mcyBoxOut {
        background: url(../image/mcre-wap-round02.png) no-repeat -60px top;
        background-size: 150px auto;
    }
    .mcyBox {
        background: url(../image/mcre-wap-bg02.png) no-repeat center bottom;
        background-size: 100% auto;
        padding-bottom: 84px;
    }
    .cyVideo {
        border: 5px solid #FFFFFF;
        margin: 20px 0 40px;
        background: #fff;
        width: 97%;
    }
    .cyVideo video,
    .m_qnfz_container video,
    .cyVideo .video-js {
        width: 100%;
    }
    .etItem {
        padding-top: 20px;
        background: url(../image/mcre-wap-line03.png) no-repeat center top #F6FCFF;
        background-size: 100% auto;
    }
    .etItem .tabTitle {
        right: 0;
        top: 0;
        overflow: hidden;
        margin-top: 0;
    }
    .etItem .tabTitle .tab {
        float: left;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        line-height: 1;
        padding: 10px 18px;
        background: #FFFFFF;
        box-shadow: 0px 0px 12px 0px rgba(195, 209, 224, 0.4);
        border-radius: 28px;
        margin-right: 10px;
    }
    .etItem .tabTitle .tab.active {
        background: #2C75D3;
        color: #fff;
    }
    .etItem .tabTitle .tab:last-child {
        margin-right: 0;
    }
    .etItem .mxytitle img {
        margin-top: 10px;
    }
    .etBox {
        padding-top: 60px;
        padding-left: 16px;
        background: url(../image/mcre-wap-figure04.png) no-repeat center bottom;
        background-size: 100% auto;
    }
    .etBox .etBox_in {
        width: 100%;
        overflow: hidden;
        padding-bottom: 72px;
        background-size: 60% auto;
    }
    .etBox_in .listOut {
        display: none;
    }
    .etBox .etBox_in .list {
        width: 67.6vw;
        margin: 0;
    }
    .etBox .etBox_in .list .item {
        box-shadow: 0px 7px 21px 0px rgba(226, 226, 226, 0.72);
    }
    .etBox .swiper-container {
        width: 100%;
        overflow: inherit;
    }
    .etBox .swiper-slide .imgs {
        width: 100%;
        position: relative;
        height: 0;
        padding-bottom: 72.97%;
        overflow: hidden;
        background: #f9f9f9;
    }
    .etBox .fullimgs {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .fullimg img {
        max-width: 100%;
        max-height: 100%;
    }
    .etBox .txtBox {
        width: 100%;
        padding: 24px 20px;
        background: #fff;
        box-sizing: border-box;
    }
    .etBox .txtBox .title {
        color: #333;
        font-weight: bold;
        font-size: 14px;
        padding: 0 !important;
        line-height: 14px !important;
    }
    .etBox .txtBox .name {
        font-size: 14px;
    }
    .swBtn {
        width: 100%;
        top: 50%;
    }
    .swBtn div {
        width: 40px;
        height: 40px;
        background-size: 100%!important;
    }
    .swBtn div:focus {
        outline: none;
    }
    .swBtn .swiper-button-prev {
        left: 0;
        background: url(../image/mbtn_more_L_l.png) no-repeat center;
    }
    .swBtn .swiper-button-next:after,
    .swBtn .swiper-button-prev:after {
        display: none;
    }
    .swBtn .swiper-button-next {
        right: 16px;
        background: url(../image/mbtn_more_L_r.png) no-repeat center;
    }
    .position_r {
        position: relative;
    }
    .position_a {
        position: absolute;
    }
    .dflex4 {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
    .mCSB_inside>.mCSB_container {
        margin-right: 16px;
        text-align: justify;
    }
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #2C78D3;
    }
    .teams .content .person .profile_pic {
        margin-right: 20px;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .mob_nav .sub_menu_third>li {
        border-bottom: 0px solid #dddddd;
    }
    .copyright span {
        display: inline;
    }
    .styled-select.midSelect {
        float: none !important;
    }
    video {
        object-fit: contain !important;
        width: 100%;
        height: 100% !important;
    }
    .wholeImg img {
        width: 100%;
    }
    .content-bg-foundation {
        padding-top: 80px;
    }
    .crc-pub-window-wrap img {
        max-width: 100%;
    }
    .base-header-swiper {
        display: none;
    }
    .newsContent .info {
        margin-bottom: 35px;
    }
    .RCMS_EDITOR p {
        margin: 0 0 10px 0 !important;
    }
    .buVideoArea {
        width: calc( 100% - 98px);
    }
    .buVideoArea .video-js,
    .buVideoArea .vjs-tech {
        width: 100%;
    }
}