@-webkit-keyframes opGradient {
    0% { -webkit-transform: translateY(-10px); opacity: 0; }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes opGradient {
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

@-webkit-keyframes nonesearching {
    0% { left: 20%; -webkit-transform: scale3d(1, 1, 1); opacity: 1; }
    100% { left: 34%; -webkit-transform: scale3d(0, 0, 0); opacity: 0; }
}

@keyframes nonesearching {
    0% { left: 20%; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
    100% { left: 34%; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); opacity: 0; }
}

#banner { margin-bottom: 0; }
    #banner .video { height: 560px; position: relative; overflow: hidden; width: 90% !important; margin-left: auto; margin-right: auto; }
        #banner .video video { width: 100%; }
    #banner .slick-prev,
    #banner .slick-next { opacity: 0; height: 100%; width: 10%; }
    #banner .banner { height: 560px; position: relative; overflow: hidden; width: 100%; max-width: 1366px; margin-left: auto; margin-right: auto; }
        #banner .banner:hover .slick-prev,
        #banner .banner:hover .slick-next { opacity: 1; display: block \9 !important; }
    #banner .slick-initialized .slick-slide { position: relative; overflow: hidden; height: 560px; }
    #banner .slick-dots { bottom: 135px; position: relative; max-width: 1106px; width: auto; margin-left: auto; margin-right: auto; text-align: right; }
    #banner .slick-next { right: 0; }
    #banner .slick-prev { left: 0; }
    #banner .slick-dots li button { background: rgba(255, 255, 255, 0); }
    #banner .slick-dots li.slick-active button { background: #404040; }
    #banner .slick-dots li { width: 14px; }
    #banner .banner-img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%) scale(0.999); -ms-transform: translateX(-50%) scale(0.999); transform: translateX(-50%) scale(0.999); height: 100%; }
    #banner .banner-text { position: relative; color: #fff; text-align: center; margin-top: 200px; vertical-align: middle; }
        #banner .banner-text h2 { font-size: 60px; line-height: 80px; }
        #banner .banner-text a { font-size: 22px; color: #fff; }
            #banner .banner-text a:hover { text-decoration: none; }
            #banner .banner-text a em { display: inline-block; padding-left: 15px; font-size: 18px; }
    #banner .navigation-buckets { background: #fff; display: block; position: relative; width: 100%; padding: 20px 0; border-radius: 5px; bottom: 100px; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: 0 0 100px rgba(0, 0, 0, 0.2); }
        #banner .navigation-buckets [class*="col-"] { border-left: 1px solid #d4d4d4; position: relative; }
            #banner .navigation-buckets [class*="col-"] a { padding: 10px 40px 0px 30px; color: #222222; display: block; }
                #banner .navigation-buckets [class*="col-"] a span.lazy-placeholder { width: 47px; height: 98px; background-size: 86%; float: left; overflow: hidden; padding-top: 0 !important; margin-right: 31px; display: block; }
                #banner .navigation-buckets [class*="col-"] a h3 { font-size: 22px; line-height: 34px; }
                    #banner .navigation-buckets [class*="col-"] a h3 em { display: none \9; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px transparent; box-shadow: 0 0 1px transparent; position: relative; /*-webkit-transition-duration: 0.3s;
							transition-duration: 0.3s;*/ -webkit-transition-property: transform; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; opacity: 0; font-size: 20px; }
                        #banner .navigation-buckets [class*="col-"] a h3 em.hwic_to-right { font-size: 16px; }
                #banner .navigation-buckets [class*="col-"] a:hover { text-decoration: none; }
                    #banner .navigation-buckets [class*="col-"] a:hover h3 { color: #f66f6a; }
                        #banner .navigation-buckets [class*="col-"] a:hover h3 em { padding-left: 15px \9; display: inline-block; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: 1; color: #222222; }
            #banner .navigation-buckets [class*="col-"]:first-child { border-left: 0; }
                #banner .navigation-buckets [class*="col-"]:first-child a { padding-left: 40px; }
            #banner .navigation-buckets [class*="col-"] img { display: inline-block; float: left; padding-right: 30px; padding-bottom: 20px; padding-top: 10px; }
            #banner .navigation-buckets [class*="col-"] div h3 { margin-bottom: 5px; }
            #banner .navigation-buckets [class*="col-"] div p { margin-top: 0; color: #666; }
            #banner .navigation-buckets [class*="col-"] ul { position: absolute; background: #f0f0f0; padding: 10px 0 20px; width: 300px; left: 135px; top: 50px; z-index: 2; display: none; }
            #banner .navigation-buckets [class*="col-"]:hover ul { display: block; }
            #banner .navigation-buckets [class*="col-"] ul li { font-size: 16px; line-height: 2; }

@media (width: 768px) {
    .navigation-buckets .hwic_open-in-new { display: inline-block !important; }
    #banner .navigation-buckets [class*="col-"] a { padding: 10px 0px 0px 15px; }
    #banner .navigation-buckets [class*="col-"] img { padding-right: 15px; }
    #banner .navigation-buckets [class*="col-"]:first-child a { padding-left: 15px; }
}

@media (max-width: 767px) {
    #banner .video { height: 100%; }
    #banner { width: 100%; height: 100%; margin-bottom: 60px; }
        #banner .banner { height: 495px; }
        #banner .banner-text h2 { font-size: 28px; line-height: 40px; }
        #banner .banner-text a { font-size: 18px; }
        #banner > .banner + .container { padding: 0; }
        #banner .slick-next,
        #banner .slick-prev { display: none !important; }
        #banner .slick-dots { bottom: 120px; text-align: center; }
        #banner .banner-img { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); width: 100%; }
            #banner .banner-img img { width: 100%; }
        #banner .navigation-buckets { border-radius: 0; padding: 0; bottom: 0; overflow: hidden; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); box-shadow: 0 0 50px rgba(0, 0, 0, 0.2); display:none;}
            #banner .navigation-buckets [class*="col-"] { border-left: 0; padding-top: 0; padding-bottom: 0; }
                #banner .navigation-buckets [class*="col-"]:first-child a { border: 0; padding-left: 20px; }
                #banner .navigation-buckets [class*="col-"] div h3 { margin-bottom: 0; font-size: 18px; line-height: 30px; }
                    #banner .navigation-buckets [class*="col-"] div h3 em { opacity: 1; float: right; margin-top: 5px; }
                #banner .navigation-buckets [class*="col-"] a { padding: 20px; font-size: 18px; line-height: 30px; border-top: 1px solid #d4d4d4; display: block; }
                    #banner .navigation-buckets [class*="col-"] a:hover h3 em { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
            #banner .navigation-buckets div p { display: none; }
        #banner .banner-text h2 { font-size: 38px; line-height: 52px; }
}

@media (max-width: 400px) {
    #banner .banner { height: 385px; }
    #banner .slick-dots { bottom: 210px; text-align: center; }
    #banner .banner-text { margin-top: 130px; }
}

.product-callout { display: block; margin-bottom: 100px; max-width: 1366px; margin-left: auto; margin-right: auto; overflow: hidden; min-height: 641px; }
    .product-callout .container { padding-right: 0; }
    .product-callout .col-lg-6 > a { display: block; }
    .product-callout .col-lg-6 .card { padding-top: 100px; padding-bottom: 120px; position: static; height: 450px; width: 82%; border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
        .product-callout .col-lg-6 .card > div { float: right; margin-right: 160px; }
        .product-callout .col-lg-6 .card p { color: #fff; font-size: 18px; }
        .product-callout .col-lg-6 .card span { font-size: 22px; color: #fff; }
            .product-callout .col-lg-6 .card span:hover { text-decoration: none; }
            .product-callout .col-lg-6 .card span em { display: inline-block; vertical-align: middle; margin-left: 15px; font-size: 18px; }
    .product-callout .col-lg-6 .card-bg { /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #15b0e8, #59c8d5); /* Opera 11.1 - 12.0 */ /* Firefox 3.6 - 15 */ background: -webkit-gradient(linear, left top, right bottom, from(#15b0e8), to(#59c8d5)); background: -o-linear-gradient(top left, #15b0e8, #59c8d5); background: linear-gradient(to bottom right, #15b0e8, #59c8d5); /* 标准的语法 */ background-color: #15b0e8 \9; height: 450px; position: absolute; left: -60%; width: 150%; top: 0; z-index: -1; border-radius: 5px; }
    .product-callout .phone-img { position: absolute; top: 60px; right: 0px; padding-bottom: 15px; width: 264px; }

@media (min-width: 992px) and (max-width: 1199px) {
    .product-callout .col-lg-6 { width: 60%; float: left; }
    .product-callout .col-lg-5 { width: 40%; float: left; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .product-callout .container { padding-right: 15px; }
    .product-callout [class*=col-] { float: none; }
    .product-callout .featured-card { margin-top: 210px; margin-left: auto; margin-right: auto; float: none; }
    .product-callout .phone-img { top: 20px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-callout .col-lg-6 { width: 60%; float: left !important; }
    .product-callout .col-lg-5 { width: 40%; float: left !important; }
    .product-callout .featured-card { margin-top: 0px; }
}

@media (width: 768px) {
    .product-callout { margin-bottom: 60px; }
        .product-callout > .container { padding: 0; }
        .product-callout .col-lg-6 { padding-top: 100px; margin-bottom: 60px; }
            .product-callout .col-lg-6 .card { width: 100%; border-radius: 0; height: 600px; }
            .product-callout .col-lg-6 .card-bg { left: 0; height: 100%; top: 0; }
        .product-callout .phone-img { top: 0; left: 50%; right: auto; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
        .product-callout .card-text { position: absolute; bottom: 40px; left: 40px; }
}

@media (max-width: 767px) {
    .product-callout { margin-bottom: 60px; }
        .product-callout > .container { padding: 0; }
        .product-callout .col-lg-6 { padding-top: 100px; margin-bottom: 60px; overflow: hidden; }
            .product-callout .col-lg-6 .card { width: 100%; border-radius: 0; height: 600px; }
                .product-callout .col-lg-6 .card p { margin-top: 30px; }
            .product-callout .col-lg-6 .card-bg { left: 0; height: 100%; top: 0; margin-top: 100px; }
        .product-callout .phone-img { top: 0; left: 50%; right: auto; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }
        .product-callout .card-text { position: absolute; bottom: 40px; left: 40px; }
}

.card .card-img img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; }
.card:hover .card-img img { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
.card h2 { font-size: 38px; line-height: 48px; }
.card-content { padding: 30px 40px; background: #dde6ed; }
    .card-content h3 { font-size: 22px; line-height: 32px; margin-top: 5px; margin-bottom: 0; }
    .card-content a { color: #222222; }
        .card-content a:hover { text-decoration: underline; }
    .card-content p { margin: 0; font-size: 18px; line-height: 30px; }
a.read-more,
span.read-more { font-size: 22px; line-height: 34px; font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif; color: #222222; display: block; }
    a.read-more:hover,
    span.read-more:hover { text-decoration: none; }
    a.read-more em,
    span.read-more em { display: inline-block; font-size: 20px; margin-left: 15px; vertical-align: middle; }
.category-name { font-family: "HuaweiSans-Regular", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; color: #666666; margin-bottom: 0; }
.height-fixed { max-height: 128px; height: 128px; overflow: hidden; margin-bottom: 20px; }
.height-normal { margin-bottom: 40px; }

@media (max-width: 767px) {
    .card { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
        .card h2 { font-size: 28px; line-height: 39px; }
        .card .card-img { width: 40%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; overflow: hidden; position: relative; height: 140px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
            .card .card-img img { width: auto; position: absolute; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; right: -20px; left: 50%; top: 40%; }
    .height-fixed { height: auto; max-height: 85px; margin-bottom: 0; }
    .card-content { width: 60%; padding: 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
        .card-content h3 { font-size: 18px; line-height: 26px; }
        .card-content p { text-align: left; font-size: 14px; line-height: 22px; }
    .read-more { font-size: 22px; line-height: 22px; }
}

.module-l-r-card .slick-slider [class*="col-sm-"] { margin-top: 0; }
.featured-card .card { background: #dde6ed; border-radius: 5px; display: block; }
    .featured-card .card img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; max-width: 100%; }
    .featured-card .card a { display: block; }
        .featured-card .card a:hover { text-decoration: none; }
    .featured-card .card .video_text { padding-bottom: 40px; padding-top: 40px; padding-left: 60px; padding-right: 60px; min-height: 400px; }
        .featured-card .card .video_text .content { height: 238px; overflow: hidden; }
        .featured-card .card .video_text h2 { margin-top: 10px; }
        .featured-card .card .video_text p { font-size: 18px; line-height: 24px; }
        .featured-card .card .video_text span { font-size: 22px; color: #222222; position: absolute; bottom: 40px; }
            .featured-card .card .video_text span em { font-size: 18px; display: inline-block; margin-left: 15px; vertical-align: middle; }

@media (max-width: 1024px) {
    .featured-card .card .video_text h2 { font-size: 24px; line-height: 1.5; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .featured-card .card .video_text .content { height: 215px; }
}

@media (max-width: 767px) {
    .featured-card .card { border-radius: 0; }
        .featured-card .card img { border-radius: 0; }
        .featured-card .card .video_text { padding-left: 20px; padding-right: 20px; text-align: center; min-height: 1px; }
            .featured-card .card .video_text .content { height: auto; }
            .featured-card .card .video_text h2 { margin-bottom: 0; }
            .featured-card .card .video_text p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
}

.multi-action-callout { margin-bottom: 100px; padding-top: 200px; max-width: 1366px; margin-left: auto; margin-right: auto; overflow: hidden; }
    .multi-action-callout .col-sm-10 { height: 500px; }
        .multi-action-callout .col-sm-10 > a { display: block; }
    .multi-action-callout .card.left { background: #dde6ed; padding-top: 192px; padding-left: 30px; border-radius: 6px; height: 500px; padding-bottom: 60px; }
        .multi-action-callout .card.left .content { height: 245px; overflow: hidden; }
        .multi-action-callout .card.left .title { padding-top: 40px; font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #808080; margin-bottom: 0; }
        .multi-action-callout .card.left h2 { margin-bottom: 0; margin-top: 0; color: #222222; }
        .multi-action-callout .card.left span { font-size: 18px; line-height: 30px; font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif; }
        .multi-action-callout .card.left p { margin-bottom: 0; max-width: 80%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
    .multi-action-callout .hero-bg { background: #dde6ed; height: 500px; position: absolute; left: -60%; width: 70%; top: 0; z-index: -1; }
    .multi-action-callout .event-img { position: absolute; top: -200px; }
        .multi-action-callout .event-img img { border-radius: 5px; }
    .multi-action-callout .event-actions { position: absolute; top: 80px; right: -18.66%; background: #f66f6a; padding-top: 80px; padding-bottom: 80px; padding-left: 55px; padding-right: 55px; border-radius: 5px; z-index: 1; width: 355px; }
        .multi-action-callout .event-actions ul { list-style: none; padding: 0; margin: 0; }
            .multi-action-callout .event-actions ul li { font-size: 22px; line-height: 34px; padding-top: 40px; line-height: 1; }
                .multi-action-callout .event-actions ul li:first-child { padding-top: 0; }
                .multi-action-callout .event-actions ul li a { color: #fff; position: relative; padding-right: 30px; display: block; line-height: 34px; }
                    .multi-action-callout .event-actions ul li a:hover { text-decoration: none; }
                    .multi-action-callout .event-actions ul li a em { display: inline-block; vertical-align: middle; padding-left: 15px; float: none; }
                        .multi-action-callout .event-actions ul li a em.hwic_play2 { float: none; margin-top: 0px; font-size: 16px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
                        .multi-action-callout .event-actions ul li a em.hwic_sharing_share { padding-left: 67px; font-size: 16px; }
                            .multi-action-callout .event-actions ul li a em.hwic_sharing_share:before { color: #fff; }

@media (max-width: 767px) {
    .multi-action-callout { padding-top: 100px; padding-bottom: 100px; margin-bottom: 60px; }
        .multi-action-callout .container { padding: 0; }
            .multi-action-callout .container .col-sm-10 { height: 500px; }
        .multi-action-callout .event-actions em { padding-left: 60px !important; }
        .multi-action-callout .event-img { position: static; }
            .multi-action-callout .event-img img { width: auto; position: absolute; right: 0; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); -ms-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); }
        .multi-action-callout .card.left { padding-top: 150px; height: 500px; padding-left: 22px; padding-right: 22px; text-align: center; }
            .multi-action-callout .card.left h2 { font-size: 22px; margin-top: 10px; }
            .multi-action-callout .card.left .content { height: 220px; }
            .multi-action-callout .card.left .title { margin-bottom: 0; }
            .multi-action-callout .card.left a:hover { text-decoration: underline; }
            .multi-action-callout .card.left p { max-width: 100%; font-size: 18px; line-height: 28px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
        .multi-action-callout .event-actions { top: inherit; right: inherit; left: 50%; bottom: -100px; margin-left: -157px; padding-top: 50px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; margin-right: -155px; border-radius: 5px; max-width: 314px; }
            .multi-action-callout .event-actions a em:before { padding-right: 0; }
            .multi-action-callout .event-actions ul li { font-size: 22px; line-height: 22px; padding-top: 20px; }
}

.secondary-hero { margin-bottom: 100px; max-width: 1366px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; height: 622px; }
    .secondary-hero .hero-img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
    .secondary-hero .video_box_ux { height: 622px; }
        .secondary-hero .video_box_ux .player-outer-box { max-width: 1106px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
        .secondary-hero .video_box_ux a { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; display: block; }
            .secondary-hero .video_box_ux a img { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
            .secondary-hero .video_box_ux a.invisible { opacity: 0; }
                .secondary-hero .video_box_ux a.invisible img { -webkit-transform: scaleX(0.82); -ms-transform: scaleX(0.82); transform: scaleX(0.82); }
        .secondary-hero .video_box_ux img { border-radius: 0; }
        .secondary-hero .video_box_ux .text { position: absolute; top: 50%; color: #fff; width: 60%; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-top: -140px; }
    .secondary-hero .card { padding-top: 60px; background-color: inherit; position: absolute; top: 0; right: 150px; z-index: 98; }
        .secondary-hero .card .title { padding-top: 140px; }
        .secondary-hero .card .explore-more { padding-top: 130px; padding-bottom: 200px; }
            .secondary-hero .card .explore-more a { color: #fff; font-size: 22px; display: inline-block; }
                .secondary-hero .card .explore-more a:hover { text-decoration: none; }
                .secondary-hero .card .explore-more a em { display: inline-block; padding-left: 15px; text-decoration: none; vertical-align: middle; font-size: 18px; }

@media (min-width: 1100px) and (max-width: 1260px) {
    .secondary-hero .card { right: 80px; }
    .secondary-hero .hero-img { -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); }
}

@media (min-width: 991px) and (max-width: 1100px) {
    .secondary-hero .card { right: 20px; }
    .secondary-hero .hero-img { -webkit-transform: translateX(-65%); -ms-transform: translateX(-65%); transform: translateX(-65%); }
}

@media (max-width: 1200px) {
    .secondary-hero { height: auto; }
        .secondary-hero .video_box_ux { height: auto; }
}

@media (max-width: 767px) {
    .secondary-hero { height: auto; margin-bottom: 60px; }
        .secondary-hero .video_box_ux { height: auto; }
        .secondary-hero .dis-mob-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; }
        .secondary-hero .hero-img { position: static; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
        .secondary-hero .card { padding-top: 20px; right: 30px; left: 30px; }
            .secondary-hero .card .title { padding-top: 40px; }
                .secondary-hero .card .title img { max-width: 100%; }
}

.ie8 .secondary-hero .video_box_ux .text,
.ie9 .secondary-hero .video_box_ux .text { margin-left: -410px; }
.ie8 .secondary-hero .video_box_ux .player-outer-box,
.ie9 .secondary-hero .video_box_ux .player-outer-box { margin-left: -553px; }
.vertical-card { margin-bottom: 60px; }
    .vertical-card .container > .title { margin-bottom: 0; }
    .vertical-card .container > p { margin-bottom: 40px; width: 80%; }
    .vertical-card h2 { margin-bottom: 60px; line-height: 1; }
    .vertical-card .title h2 { margin-bottom: 60px; }
    .vertical-card .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
        .vertical-card .row .col-sm-4 { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 33px; }
    .vertical-card .card { position: relative; background: #dde6ed; border-radius: 5px; width: 100%; margin-top: 90px; }
        .vertical-card .card a { display: block; }
            .vertical-card .card a:hover { text-decoration: none; }
        .vertical-card .card:hover .card-img { margin-left: -20px; }
        .vertical-card .card.no-hover .card-img { margin-left: 0; }
        .vertical-card .card.no-hover .height-fixed { margin-bottom: 0; }
        .vertical-card .card .card-img { margin-top: -90px; height: 178px; max-width: 100%; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; }
            .vertical-card .card .card-img img { position: absolute; top: 50%; left: 50%; margin-left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
        .vertical-card .card .more-info-box { position: absolute; top: 0; left: 0; background: #dde6ed; border-radius: 5px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; z-index: -1; border-radius: 5px; height: 100%; }
            .vertical-card .card .more-info-box .card-content { background: none; position: relative; }
                .vertical-card .card .more-info-box .card-content .height-fixed { max-height: initial; }
        .vertical-card .card .close-title-info { position: absolute; right: 15px; top: 0px; color: #f66f6a; font-size: 22px; font-weight: bold; display: none; z-index: 3; }
        .vertical-card .card .more-title-info { position: absolute; right: 25px; bottom: 35px; color: #f66f6a; font-size: 20px; font-weight: bold; cursor: pointer; height: 22px; width: 20px; overflow: hidden; }
    .vertical-card .card-content { padding-bottom: 60px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
        .vertical-card .card-content .height-fixed p + div { display: none; }
    .vertical-card .read-more { position: absolute; bottom: 30px; }
    .vertical-card .speaker-ux-card .card-content .height-fixed { height: auto; max-height: 108px; }
    .vertical-card .speaker-ux-card .card-content h3 { -webkit-line-clamp: inherit; }
    .vertical-card .speaker-ux-card .card-content p { -webkit-line-clamp: inherit; }
    .vertical-card .loadSpace .close-title-info { display: block; }
    .vertical-card .loadSpace .card-content .more-title-info { font-size: 26px; right: 15px; top: 5px; }
        .vertical-card .loadSpace .card-content .more-title-info .hwic_add { display: none; }
        .vertical-card .loadSpace .card-content .more-title-info .hwic_remove { display: block; }
    .vertical-card > .container > .category-name { margin-bottom: 0; }

@media (max-width: 1024px) {
    .vertical-card .row .col-sm-4 { padding: 0 11px; }
    .vertical-card .card:hover .card-img { margin-left: 0; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .vertical-card .card .card-img { height: 134px; }
    .vertical-card .card-content { padding: 20px; }
    .vertical-card .read-more { bottom: 5px; }
    .vertical-card .card .more-title-info { right: 5px; }
}

@media (max-width: 767px) {
    .vertical-card { margin-bottom: 20px; }
        .vertical-card > .container .title h2 { margin-bottom: 40px; }
        .vertical-card > .container > h2 { margin-bottom: 40px; }
        .vertical-card > .container > p { width: 100%; }
        .vertical-card .category-name h2 { margin-bottom: 40px; }
        .vertical-card .card-content { padding-bottom: 15px; }
        .vertical-card .card { margin-top: 0; }
            .vertical-card .card a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
            .vertical-card .card .card-img { margin-top: 0; height: 140px; border-top-left-radius: 0; }
                .vertical-card .card .card-img img { top: 50%; margin-left: 0; margin-top: 0; max-height: 100%; }
            .vertical-card .card .more-title-info { right: 41%; bottom: 25px; }
            .vertical-card .card .close-title-info { right: 41%; bottom: 5px; top: inherit; display: none; }
        .vertical-card .row { display: block; }
            .vertical-card .row .col-sm-4 { margin-bottom: 40px; padding-left: 11px; padding-right: 11px; margin-top: 0; overflow: hidden; }
}

.vertical-card .card.no-hover .height-fixed { max-height: 128px; height: auto; margin-bottom: 0; }
.vertical-card .card.no-hover .card-content { padding-bottom: 40px; }
.vertical-card .card.no-hover .card-img { margin-left: 0; }
.vertical-card .col-sm-4 .loadSpace .more-info-box { top: -90px; min-height: 378px; }
.vertical-card .col-sm-4 .loadSpace.speaker-ux-card .more-info-box { min-height: 429px; }
.vertical-card .col-sm-4 .loadSpace .close-title-info { top: -88px; }
.vertical-card .speaker-ux-card .card-content .height-fixed { height: auto; }
.iconfont-flash:hover .more-title-info [class*="hwic_"]:before,
.iconfont-flash.active .more-title-info [class*="hwic_"]:before,
.iconfont-flash:focus .more-title-info [class*="hwic_"]:before,
.iconfont-flash:hover .close-title-info [class*="hwic_"]:before,
.iconfont-flash.active .close-title-info [class*="hwic_"]:before,
.iconfont-flash:focus .close-title-info [class*="hwic_"]:before { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.vertical-card .card.speaker-ux-card.loadSpace.iconfont-flash:hover .card-img { margin-left: 0; }
.ie10 .vertical-card .col-sm-4 .loadSpace .more-info-box,
.ie10 .vertical-card .col-sm-4 .loadSpace .close-title-info { top: 0; }

@media (max-width: 767px) {
    .vertical-card .card.no-hover .height-fixed { max-height: 85px; height: auto; }
    .vertical-card .speaker-ux-card .card-content .height-fixed { max-height: 95px !important; height: auto; margin-bottom: 0; }
    .vertical-card .loadSpace .col-sm-4 { max-height: initial; }
    .vertical-card .loadSpace.card .height-fixed { max-height: initial; margin-bottom: 0; }
    .scroll-card .vertical-card .loadSpace.card.no-hover .height-fixed,
    .vertical-card .speaker-ux-card.loadSpace .card-content .height-fixed { max-height: initial !important; margin-bottom: 0; height: auto; }
    .vertical-card .loadSpace.card .more-title-info { display: none; }
    .vertical-card .loadSpace.card .close-title-info { display: block; }
    .vertical-card .card.no-hover .card-content { padding-bottom: 15px; }
        .vertical-card .card.no-hover .card-content h3 { line-height: 28px; }
    .vertical-card .col-sm-4 .loadSpace .close-title-info { top: initial; bottom: 5px; }
    .scroll-card .vertical-card .card.no-hover .height-fixed { height: auto !important; }
}

.image-text-carousel { padding-bottom: 120px; }
    .image-text-carousel .container > p { margin-bottom: 40px; width: 80%; }
    .image-text-carousel .slick-prev,
    .image-text-carousel .slick-next { display: block !important; }
    .image-text-carousel .slick-slide > a { display: block; }
    .image-text-carousel .card { background: #dce6ee; border-radius: 6px; padding-top: 50px; padding-bottom: 60px; margin-top: 60px; margin-bottom: 60px; height: 406px; }
        .image-text-carousel .card .content { height: 200px; overflow: hidden; }
        .image-text-carousel .card .title { font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif; font-size: 14px; color: #808080; margin: 0; }
        .image-text-carousel .card h3 { font-size: 28px; line-height: 38px; margin-bottom: 0; margin-top: 0; }
            .image-text-carousel .card h3 a { margin-top: 0; }
            .image-text-carousel .card h3 + span { font-family: "HuaweiSans-Bold", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 30px; }
        .image-text-carousel .card .col-sm-5 { padding-right: 40px; }
        .image-text-carousel .card span.read-more { color: #282828; margin-top: 40px; display: block; }
            .image-text-carousel .card span.read-more:hover { text-decoration: none; }
            .image-text-carousel .card span.read-more em { display: inline-block; margin-left: 15px; }
        .image-text-carousel .card p { font-size: 18px; line-height: 30px; }
    .image-text-carousel .events-img { position: absolute; top: -105px; right: 0; }
        .image-text-carousel .events-img img { border-radius: 5px; }

@media (min-width: 768px) and (max-width: 1250px) {
    .image-text-carousel .slick-prev { left: 0; }
    .image-text-carousel .slick-next { right: 0; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .image-text-carousel .card { margin-left: 11px !important; margin-right: 11px !important; }
}

@media (width: 1024px) {
    .image-text-carousel .events-img { margin-top: -18%; top: 0 !important; }
}

@media (width: 991px) {
    .image-text-carousel .events-img { margin-top: -17%; top: 0 !important; }
}

@media (width: 768px) {
    .image-text-carousel .events-img { margin-top: -8%; top: 0 !important; }
    .image-text-carousel .card { margin: 0; }
}

@media (max-width: 767px) {
    .image-text-carousel { padding-bottom: 40px; margin-bottom: 60px; }
        .image-text-carousel > .container > .title { margin-bottom: 40px; }
        .image-text-carousel > .container > p { width: 100%; }
        .image-text-carousel > .container .card { position: relative; margin-top: 120px; padding-bottom: 40px; margin-bottom: 0; }
            .image-text-carousel > .container .card .content { height: 210px; }
            .image-text-carousel > .container .card > div { width: 100%; }
            .image-text-carousel > .container .card .col-sm-6 { position: static; }
                .image-text-carousel > .container .card .col-sm-6 .events-img { position: static; }
                    .image-text-carousel > .container .card .col-sm-6 .events-img img { width: auto; position: absolute; right: 0; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6); -ms-transform: translate(-50%, -50%) scale(0.6, 0.6); transform: translate(-50%, -50%) scale(0.6, 0.6); }
            .image-text-carousel > .container .card .col-sm-5 { text-align: center; margin-top: 90px; padding-right: 0; padding: 0 35px; }
                .image-text-carousel > .container .card .col-sm-5 h3 { margin-top: 10px; font-size: 18px; line-height: 30px; }
                    .image-text-carousel > .container .card .col-sm-5 h3 + span { font-size: 16px; }
                .image-text-carousel > .container .card .col-sm-5 .title { padding-top: 40px; }
                .image-text-carousel > .container .card .col-sm-5 p { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 115px; }
        .image-text-carousel > .container .slick-prev { top: 120px; }
        .image-text-carousel > .container .slick-next { top: 120px; }
        .image-text-carousel .events-img { margin: 0 31px; top: -180px; right: inherit; }
}

@media (max-width: 350px) {
    .image-text-carousel > .container .card .col-sm-5 h3 { font-size: 24px; }
    .image-text-carousel > .container .card .col-sm-5 span { font-size: 14px; }
}

.columns-list { margin-bottom: 100px; }
    .columns-list .card { margin-left: 20px; margin-right: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
        .columns-list .card > a { display: block; }
            .columns-list .card > a:hover { text-decoration: none; }
        .columns-list .card .card-img { height: 220px; overflow: hidden; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; }
            .columns-list .card .card-img img { width: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .columns-list .card-content { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 276px; overflow: hidden; position: relative; }
        .columns-list .card-content .content { overflow: hidden; height: 152px; }
        .columns-list .card-content span.read-more { position: absolute; bottom: 30px; }
        .columns-list .card-content .height-normal { margin-bottom: 0; }
    .columns-list ul { list-style: none; margin: 0; padding-right: 16.666%; }
        .columns-list ul li { padding-top: 60px; }
            .columns-list ul li:first-child { padding-top: 0; }
            .columns-list ul li .time { color: #808080; }
            .columns-list ul li p { margin: 0; margin-top: 10px; }
            .columns-list ul li a { color: #282828; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 18px; line-height: 30px; }
                .columns-list ul li a:hover { text-decoration: underline; }
            .columns-list ul li .date { color: #666; font-size: 14px; font-family: "HuaweiSans-Regular", Helvetica, Arial, sans-serif; }

@media (max-width: 991px) {
    .columns-list ul li { padding-bottom: 30px; }
}

@media (max-width: 767px) {
    .columns-list { margin-bottom: 40px; }
        .columns-list > .container > .title { margin-top: 0; }
        .columns-list .col-lg-5 .card { margin: 0 -22px; display: block; text-align: center; margin-bottom: 60px; }
            .columns-list .col-lg-5 .card img { width: 100%; }
            .columns-list .col-lg-5 .card .card-img { border-radius: 0; height: 200px; }
            .columns-list .col-lg-5 .card p { font-size: 18px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: center; }
            .columns-list .col-lg-5 .card .card-content { border-radius: 0px; height: 260px; }
                .columns-list .col-lg-5 .card .card-content .height-normal h3 { line-height: 28px; margin-bottom: 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
                .columns-list .col-lg-5 .card .card-content .content { height: 240px; padding: 20px 0; }
        .columns-list ul { padding: 0; }
            .columns-list ul li { padding-bottom: 0; padding-top: 40px; }
                .columns-list ul li:first-child { padding-top: 0; }
    .latest-news { width: 100%; }
    .columns-list .col-sm-6:first-child ul li:last-child { padding-bottom: 40px; }
}
/*@media (min-width:421px) and (max-width: 450px){
    .columns-list .col-lg-5 .card .card-img{
	  height:205px;
    }
}
@media (min-width:401px) and (max-width: 420px){
    .columns-list .col-lg-5 .card .card-img{
	  height:190px;
    }
}
@media (min-width:381px) and (max-width: 400px){
    .columns-list .col-lg-5 .card .card-img{
	  height:180px;
    }
}
@media (min-width:361px) and (max-width: 380px){
    .columns-list .col-lg-5 .card .card-img{
	  height:170px;
    }
}
@media (min-width:351px) and (max-width: 360px){
    .columns-list .col-lg-5 .card .card-img{
	  height:160px;
    }
}
@media (min-width:320px) and (max-width: 350px){
    .columns-list .col-lg-5 .card .card-img{
	  height:148px;
    }
}
*/
.player-outer-box { position: absolute; top: 0; left: 0; width: 100%; z-index: 98; }
.video_box_ux { width: 100%; position: relative; z-index: 97; overflow: hidden; }
    .video_box_ux .circle { width: 69px; height: 70px; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 8; }
        .video_box_ux .circle:before { content: ""; background: #000; opacity: 0.1; width: 100%; height: 100%; display: block; border-radius: 50%; }
    .video_box_ux em { position: absolute; font-size: 45px; color: #eb5b56; top: 50%; left: 50%; margin-top: -21px; margin-left: -5px; z-index: 11; }
    .video_box_ux a:hover .circle { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    .video_box_ux a.js_video_player:hover .circle { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
    .video_box_ux img { border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%; }
.bootstrap-dialog .bootstrap-dialog-close-button { opacity: 1; position: absolute; top: 10px; right: 10px; z-index: 96; }
.bootstrap-dialog.type-primary .modal-header { border: none; }
.bootstrap-dialog-title { display: none !important; }
#player_wrapper .jwplayer { display: table !important; }
#player_wrapper .jwplayer { position: absolute; left: 0; top: -1px; }
#player_wrapper { position: relative; padding-top: 56.25%; background-color: rgba(0, 0, 0, 0.8); }
#playerContainer_wrapper { position: absolute !important; top: -1px; left: 0; }
.video-dialog .modal-dialog { width: 100%; max-width: 800px; margin: auto; }

@media (max-width: 767px) {
    .video-dialog .modal-dialog { position: absolute; left: 0; }
    .video_box_ux img { border-radius: 0; }
    #player_wrapper .jwplayer { display: inline-block !important; }
    .jw-svg-icon-play path { display: none; }
    .jw-icon-display { width: 70px !important; height: 70px !important; }
    .jw-svg-icon-play { background-image: url(../../fonts/svg-sprite-1.svg); background-position: 0 -140px; background-repeat: no-repeat; width: 70px !important; height: 70px !important; background-size: 100%; }
    .jw-display-icon-container .jw-icon .jw-svg-icon-rewind { padding-top: 30px !important; }
    /*.jw-svg-icon-play{
	    font-family: 'corpfont' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		width: 69px !important;
		height: 70px !important;
		border: 2px solid #fff !important;
		border-radius: 50%;
		position: relative;
	}
	.jw-svg-icon-play:before{
		content: "";
		background: #000;
		opacity: 0.1;
		width: 100% !important;
		height: 100% !important;
		display: block;
		border-radius: 50%;
	}
	.jw-svg-icon-play:after{
		content:"\f0da";
	    font-size: 45px;
		width: 44px !important;
		height: 44px !important;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -3px;
		margin-top: -22px;
		color: red;
	}*/
}

.video_box { width: 100%; position: relative; z-index: 97; overflow: hidden; }
    .video_box a.js_img_link,
    .video_box a.js_video_icon,
    .video_box a.js_video_player { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/Assets/CBG/img/video_btn.png) 50% no-repeat; }
    .video_box a.js_img_link { background: none; }
    .video_box a.video_player { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/Assets/CBG/img/video_btn.png) 50% no-repeat; }
    .video_box a.js_video_icon:hover,
    .video_box a.js_video_player:hover { background: url(/Assets/CBG/img/video_btn_hover.png) 50% no-repeat; }
/*new video css*/
.vjs-control.vjs-quality-selector .vjs-button { padding-top: 3px; -moz-padding-top: 2px; }
    .vjs-control.vjs-quality-selector .vjs-button:before { content: "\f110"; font-family: VideoJS; font-size: 16px; }
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before { padding-top: 3px; -moz-padding-top: 0; }
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before { padding-top: 3px; -moz-padding-top: 0; }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before { padding-top: 3px; -moz-padding-top: 0; }
.vjs-menu-button-popup .vjs-menu { left: -6.5em; }
.vjs-has-started .vjs-control-bar,
.video-js .vjs-volume-panel,
.video-js .vjs-progress-control { display: -ms-flexbox; }
@-moz-document url-prefix() {
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
    .vjs-icon-fullscreen-enter:before { padding-top: 0px; }
    .video-js .vjs-mute-control .vjs-icon-placeholder:before,
    .vjs-icon-volume-high:before { padding-top: 0px; }
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
    .video-js .vjs-play-control .vjs-icon-placeholder:before,
    .vjs-icon-play:before { padding-top: 0px; }
}

@media (min-width: 1024px) {
    .vjs-big-play-button { display: none !important; }
}

.ie11 .vjs-control.vjs-quality-selector .vjs-button { margin-top: 0px; }
.ie11 .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-fullscreen-enter:before { padding-top: 2px; font-size: 16px; }
.ie11 .video-js .vjs-mute-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-volume-high:before { padding-top: 2px; font-size: 16px; }
.ie11 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.ie11 .video-js .vjs-play-control .vjs-icon-placeholder:before,
.ie11 .vjs-icon-play:before { padding-top: 2px; font-size: 16px; }
.ie11 .video-js .vjs-resolution-button { padding-top: 10px; }
.ie10 .video-js .vjs-mute-control::before,
.ie10 .video-js .vjs-volume-menu-button::before,
.ie10 .vjs-icon-volume-high::before { padding-top: 2px; font-size: 16px; }
.ie10 .video-js .vjs-big-play-button::before,
.ie10 .video-js .vjs-play-control::before,
.ie10 .vjs-icon-play::before { padding-top: 2px; font-size: 16px; }
.ie10 .video-js .vjs-fullscreen-control::before,
.ie10 .vjs-icon-fullscreen-enter::before { padding-top: 2px; font-size: 16px; }
.ie10 .video-js .vjs-resolution-button-label { position: absolute; top: 10px; }
.ie9 .video-js .vjs-mute-control::before,
.ie9 .video-js .vjs-volume-menu-button::before,
.ie9 .vjs-icon-volume-high::before { padding-top: 2px; font-size: 16px; }
.ie9 .video-js .vjs-big-play-button::before,
.ie9 .video-js .vjs-play-control::before,
.ie9 .vjs-icon-play::before { padding-top: 2px; font-size: 16px; }
.ie9 .video-js .vjs-fullscreen-control::before,
.ie9 .vjs-icon-fullscreen-enter::before { padding-top: 2px; font-size: 16px; }
.ie9 .video-js .vjs-resolution-button-label { position: absolute; top: 0; }
.ie9 .secondary-hero .video_box_ux .player-outer-box { margin-left: 0; }
.ie9 .video-js .vjs-resolution-button-label { position: absolute; top: 10px; }
.ie9 .video-js .vjs-remaining-time { width: 100px; }
/*.ie8 .vjs-has-started .vjs-control-bar{
	display: none !important;
}*/
@font-face { font-family: 'VideoJS-a'; src: url('fonts/VideoJS.eot'); src: url('fonts/VideoJS.eot?#iefix') format('embedded-opentype'); }
.ie8 .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.ie8 .video-js .vjs-play-control .vjs-icon-placeholder,
.ie8 .vjs-icon-play { font-family: VideoJS-a; font-weight: 400; font-style: normal; }
.ie8 .video-js .vjs-remaining-time { width: 100px; }

@media (max-width: 767px) {
    .video-js .vjs-big-play-button { background-image: url(fonts/svg-sprite-1.svg); background-position: 0 -140px; background-repeat: no-repeat; width: 70px !important; height: 70px !important; background-size: 100%; border-radius: 0; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; font-size: 0; background-color: transparent; }
}

.advertising { height: 300px; position: relative; width: 100%; overflow: hidden; }
    .advertising .adv-bg-img { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .advertising .container { position: relative; }
    .advertising .adv-close { position: absolute; height: 40px; top: 0; right: 0; line-height: 40px; padding: 0 18px; }
        .advertising .adv-close:before { content: ""; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; z-index: -1; }
        .advertising .adv-close .countdown { color: #a3b2b5; float: left; }
        .advertising .adv-close a { color: #fff; text-decoration: underline; margin-left: 15px; }
    .advertising .adv-logo { margin-top: 40px; margin-left: 20px; }
    .advertising .text { color: #fff; text-align: center; }
        .advertising .text h2 { font-size: 48px; line-height: 60px; }
        .advertising .text a { color: #fff; }
            .advertising .text a span { font-size: 24px; line-height: 36px; margin-right: 10px; display: inline-block; vertical-align: middle; }
            .advertising .text a em { font-size: 26px; display: inline-block; vertical-align: middle; }
            .advertising .text a:hover span { text-decoration: underline; }
.ie8 .advertising .adv-bg-img,
.ie9 .advertising .adv-bg-img { margin-left: -960px; }


.i-cont-1 { width: 90% !important; margin: 0 auto; text-align: center; padding-bottom: 0; }
.product-ul li img { width: 100%; display: block; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; }
.product-ul li:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }
.product-ul li a:hover { text-decoration: none; }
.product-ul li p { background: #fff; padding: 10px 0; font-size: 20px; }

.title-box { margin: 60px 0 40px 0; text-align: center; }
    .title-box h2 { font-size: 28px; font-weight: normal; color: #333; }
    .title-box.active h2 { color: #fff; }
    .title-box p { font-size: 16px; color: #91969b; }
    .title-box.active p { color: #eee; }

@media(max-width:767px) {
    .title-box { margin: 20px 0 0 0; }
}

.i-cont-box { width: 100% !important; margin: 0 auto; text-align: center; padding: 0 0 50px 0; }
    .i-cont-box .container { max-width: 1366px; }
    .i-cont-box .product-ul li p { background: #fff; padding: 10px 0; font-size: 16px; }
.i-cont-2 { background: #F5F5F5; }
.i-cont-3 { background: #fff; }
.i-cont-4 { background: #F5F5F5; }

.i-cont-5 { background: #fff; }
.i-cont-6 { background: #F5F5F5; }
.i-cont-7 { background: #fff; }
.i-cont-8 { width: 100% !important; height: 400px; margin: 0 auto; text-align: center; padding: 0; background: url(i_c_8.jpg) no-repeat center; color: #fff; }
    .i-cont-8 h3 { font-size: 48px; padding-top: 80px; }
    .i-cont-8 p { font-size: 24px; padding-top: 30px; line-height: 2; }

.i-cont-9 { background: #f5faff; width: 100% !important; margin: 0 auto; text-align: center; padding: 60px 0; color: #666; }
    .i-cont-9 .container { max-width: 1366px; }
    .i-cont-9 h3 { font-size: 30px; font-weight: normal !important; }
    .i-cont-9 p { font-size: 18px; line-height: 1.7; }

.i-cont-10 { background: url(i_10_bg.png) no-repeat center bottom #f5faff; min-height: 302px; padding-top: 0; }
    .i-cont-10 .row { margin-top: 80px; }
        .i-cont-10 .row h4 { font-size: 50px; line-height: 48px; color: #333; font-weight: normal !important; }
            .i-cont-10 .row h4 sub { font-size: 24px; }
        .i-cont-10 .row p { font-size: 18px; line-height: 2; }


.i-cont-11 { width: 100% !important; margin: 0 auto; text-align: center; padding: 0; background: url(i_11_bg.jpg) no-repeat center; color: #fff; }
    .i-cont-11 h3 { padding-top: 60px; font-weight: normal !important; font-size: 30px; }

.i-cont-11 { padding-bottom: 40px; background: #19446f url(i_11_bg.jpg) no-repeat center; }
    .i-cont-11 .h2-title { color: #fff; padding-top: 60px; font-weight: normal !important; font-size: 30px; }
    .i-cont-11 ul { margin: 0 -15px; }
        .i-cont-11 ul li { color: #fff; }
            .i-cont-11 ul li.col2 { padding: 0 15px; }
                .i-cont-11 ul li.col2 .list { padding-bottom: 30px; background: rgba(0,0,0,0.3); }
            .i-cont-11 ul li .nub { padding-top: 30px; padding-bottom: 10px; font-size: 26px; line-height: 1; font-weight: 600; }
                .i-cont-11 ul li .nub:before { display: inline-block; width: 26px; height: 26px; content: ''; background: url("//e.huawei.com/cn/about/huawei-enterprise/~/media/EBG/topic-minisite/huawei-enterprise/icon-trophy.png") 100% 100% / cover no-repeat; margin-left: -26px; margin-right: 10px; vertical-align: top; }
            .i-cont-11 ul li .line { width: 6%; height: 8px; margin: 10px auto 10px; background-color: #f5faff; }
            .i-cont-11 ul li .arcle { width: 100%; margin-top: 30px; text-align: center; }
            .i-cont-11 ul li p { position: relative; display: inline-block; vertical-align: top; align-items: center; width: 6.842vw; height: 6.842vw; padding: 10px; margin: 0 1vw; border: 6px solid #fff; border-radius: 50%; }
                .i-cont-11 ul li p:before { display: inline-block; vertical-align: middle; content: ''; width: 1px; height: 100%; margin-left: -1px; }
                .i-cont-11 ul li p span { display: inline-block; vertical-align: middle; }
    .i-cont-11 p.from { text-align: right; color: #ddd; font-size: 14px; margin-top: 30px; }

@media (max-width:1600px) {
    .i-cont-11 { padding-top: 50px; }
        .i-cont-11 ul li p { width: 8.842vw; height: 8.842vw; }
            .i-cont-11 ul li p span { font-size: 14px; line-height: 1.5; }
}

@media (max-width:1600px) and (max-width:1600px) {
    .i-cont-11 .section3 { padding-top: 0; }
}

@media (max-width:1200px) {
    .i-cont-11 { padding-top: 40px; }
        .i-cont-11 ul li p span { font-size: 12px; }
}

@media (max-width:1200px) and (max-width:1600px) {
    .i-cont-11 { padding-top: 0; }
}

@media (max-width:1600px) {
    .i-cont-11 { padding-top: 0; }
}

.section9 { width: 100% !important; margin: 0 auto; text-align: center; padding: 0; padding-bottom: 40px; background: #f5faff; }
    .section9 .container { max-width: 820px; }
    .section9 .h2-title { color: #666; padding-top: 60px; font-weight: normal !important; font-size: 30px; }
    .section9 .ul { margin-left: -3px; margin-right: -3px; }
        .section9 .ul .li { padding: 3px; display: inline-block; text-align: left; }
            .section9 .ul .li .box { display: block; padding: 30px; background-color: rgba(255,255,255,0.6); box-shadow: 0 4px 32px 0 #ebeef2; border-radius: 10px; position: relative; transition: color .4s; color: #666; }
                .section9 .ul .li .box .iconImg { max-width: 50px; margin: 0 auto; width: 10%; height: 50px; position: absolute; left: 10.5%; top: 50%; transform: translateY(-50%); }
                .section9 .ul .li .box .icon1 { background: url("/index1/ii1.png") no-repeat; background-size: contain; }
                .section9 .ul .li .box .icon2 { background: url("/index1/ii2.png") no-repeat; background-size: contain; }
                .section9 .ul .li .box .text { width: 80%; position: relative; margin-left: 21%; }
                    .section9 .ul .li .box .text .h5-title { font-size: 16px; line-height: 1.2; font-weight: 600; color: #000; }
                        .section9 .ul .li .box .text .h5-title span { border-bottom: 1px solid transparent; }
                    .section9 .ul .li .box .text .p { font-size: 14px; color: #999; margin: 0; padding: 0; }


@media (min-width:750px) {
    .section9 .ul .li .box:hover { background-color: #fff; text-decoration: none; }
        .section9 .ul .li .box:hover .icon1 { background: url("/index1/ii1.png") no-repeat; background-size: contain; }
        .section9 .ul .li .box:hover .icon2 { background: url("/index1/ii2.png") no-repeat; background-size: contain; }
        .section9 .ul .li .box:hover .text .h5-title { color: #000; }
            .section9 .ul .li .box:hover .text .h5-title span { border-bottom: 1px solid #333; }
        .section9 .ul .li .box:hover .text .p { color: #666; }
}

.section9 .ul .li { margin-top: 20px; }
    .section9 .ul .li .box { padding: 20px; }
        .section9 .ul .li .box .iconImg { left: 30px; }


.product-link { text-align: center; }
    .product-link a { display: inline-block; font-size: 18px; background: #fff; transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-transition: .3s; padding: 7px 30px 5px 30px; border-radius: 4px; border: 2px solid #F5F5F5; }
        .product-link a i { margin-left: 10px; transform: scale(1.2) translateY(1px); -moz-transform: scale(1.2) translateY(1px); -ms-transform: scale(1.2) translateY(1px); -o-transform: scale(1.2) translateY(1px); -webkit-transform: scale(1.2) translateY(1px); }
        .product-link a:hover { background: #18a1f5; border-color: #18a1f5; color: #fff; text-decoration: none; }

@media(max-width:1199px) {
    .product-link { padding: 20px 0 0 0; }
}

@media(max-width:767px) {
    .product-link { padding: 5px 0 0 0; }
}

.i-case { background: #f9f9f9; padding-bottom: 50px; }

.content {  margin: auto; }
.Title { text-align: center; padding: 10px 80px; }

    .Title h3 { color: #666; padding-top: 20px; font-weight: normal !important; font-size: 30px; margin: 20px; position: relative; }

        .Title h3::after { content: ""; display: block; width: 120px; height: 5px; background: #ddd; margin: auto; margin-top: 20px; }

        .Title h3::before { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 5px; background: #666; margin-top: 20px; }

    .Title p { line-height: 36px; color: #666; text-transform: uppercase; }


.case_child .swiper-slide { /* background: #f9f9f9; */ text-align: center; }

    .case_child .swiper-slide img { transition: all .5s; width: 100%; margin-bottom: 20px; }

        .case_child .swiper-slide img:hover { transform: scale(1.08); }
    .case_child .swiper-slide a:hover { text-decoration: none; }


.min_content {  }


/* CG_show_Child */

.CG_show { padding: 0 20px; background: #fff; }

.CG_show_Child ul { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-top: 20px; margin-bottom: 30px; }

    .CG_show_Child ul li { width: 32%; /* min-height: 270px; */ list-style: none; background: #eee; overflow: hidden; }

        .CG_show_Child ul li img { transition: all .5s; width: 100%; display: block; }

            .CG_show_Child ul li img:hover { transform: scale(1.05); }

        .CG_show_Child ul li span { display: block; width: 100%; padding-right: 30%; position: absolute; left: 0px; bottom: 0px; color: #fff; /*font-size: 1rem;*/ background: url(post_bg.png) no-repeat center; background-size: 100% 100%; padding: 10px 20px; line-height: 36px; }

        .CG_show_Child ul li .play { width: 24%; left: auto; right: 0; bottom: 0; z-index: 999; background: url(''); }

            .CG_show_Child ul li .play a { display: block; border: 2px solid #fff; color: #fff; text-align: center; transition: all .3s; }

                .CG_show_Child ul li .play a:hover { color: #eb3341; border-color: #eb3341; background: #fff; font-weight: 600; text-decoration: none; }

.CG_show_Child .swiper-container { width: 100%; }

.CG_show_Child .show { width: 100% !important; height: auto !important; margin-top: 20px !important; margin-bottom: 30px !important; display: flex; }

.CG_show_choose { width: 100%; height: 132px; background: #484848; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; }

    .CG_show_choose a { line-height: 132px; display: block; width: 50%; text-align: center; color: #fff; font-size: 1.2rem; }

    .CG_show_choose .active { background: #eb3341; }

#video { position: fixed; left: 50%; margin-left: -400px; top: calc((100vh - 614px)/2); z-index: 1020; width: 800px; height: 614px; background: #333; display: none; }

    #video iframe { width: 100%; height: 100%; }

.video_close { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; background: rgba(0, 0, 0, .8); display: none; }

    .video_close em { color: #fff; float: right; padding: 20px; /*font-size: 1rem;*/ cursor: pointer; }


.eee { background: #F5F5F5; }

.AR_show_child { background: #666; height: 500px; }

    .AR_show_child ul { height: 100%; overflow: hidden; }

    .AR_show_child li { transition: all 1s; width: 15%; float: left; background: #333; height: 100%; text-align: center; position: relative; list-style: none; }

        .AR_show_child li .caption { transition: all 1s; position: absolute; /*left: 50%;
    top: 36%;
    width: 60%;
    margin-left: -30%;*/ width: 100%; height: 100%; padding-top: 160px; left: 0; top: 0; color: #fff; font-weight: 600px; background-color: rgba(0,0,0,0.3); /*font-size: .9rem;*/ }

            .AR_show_child li .caption h3 { transition: all .3s; /*font-size: 1.6rem;*/ margin-bottom: 20px; /*width: 6rem;*/ }
    .AR_show_child .active .caption h3 { width: auto; }
    .AR_show_child li .caption p { opacity: 0; width: 500px; margin: auto; }

    .AR_show_child .active .caption p { transition-delay: 1s; transition-duration: 1s; opacity: 1; margin: 20px auto; }

    .AR_show_child li .caption a { opacity: 0; color: #fff; border: 2px solid #fff; padding: 5px 20px; margin-top: 20px; }

    .AR_show_child .active .caption a { transition-delay: 1s; transition-duration: 1s; opacity: 1; display: inline-block; }

    .AR_show_child li:nth-child(1) { background: #333; }

    .AR_show_child li:nth-child(2) { background: #444; }

    .AR_show_child li:nth-child(3) { background: #555; }

    .AR_show_child li:nth-child(4) { background: #666; }

    .AR_show_child ul > .active { transition: all 1s; width: 55%; }



.more_f { text-align: center; }

    .more_f .more { transition: all .5s; display: inline-block; margin: 30px auto; padding: 10px 30px; border: 1px solid #999; color: #666; position: relative; }

        .more_f .more:hover { border: 1px solid #d33; background: #d33; color: #fff; text-decoration: none; }

        .more_f .more::after { transition: all 1s; content: ""; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

        .more_f .more:hover { box-shadow: 0 0 8px #eee; }

            .more_f .more:hover:after { transition: all 1s; width: 100%; background: #f3f3f3; }



.VR_show_child ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0 20px; }

    .VR_show_child ul li { transition: all .5s; width: 18%; list-style: none; text-align: center; line-height: 60px; background: #f9f9f9; /* opacity: .8; */ }

        .VR_show_child ul li:hover { transition: all .5s; opacity: 1; }

        .VR_show_child ul li div { /* min-height:240px; */ background: #999; }

        .VR_show_child ul li span { color: #666; }

        .VR_show_child ul li div img { transition: all .5s; width: 100%; display: block; }

            .VR_show_child ul li div img:hover { transform: scale(1.02); }


.fuwuyoushi { padding: 1px; }

.fuwuyoushi_child ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }

.fuwuyoushi_child img { transition: all .5s; width: 100px; margin: 10px 0; }

.fuwuyoushi_child li:hover img { transition: all .5s; margin-top: -10px; }

.fuwuyoushi_child ul li { width: 24%; list-style: none; background: #fff; padding: 30px; text-align: center; /*font-size: .84rem;*/ font-size: 16px; color: #666; }

    .fuwuyoushi_child ul li h5 { /*font-size: 1.2rem;*/ margin: 10px 0; }

.fuwuyoushi_child_goutong { background: #fff; padding: 10px 30px; margin: 30px 0 40px 0; /*font-size: .84rem;*/ color: #666; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }

    .fuwuyoushi_child_goutong img { float: left; }

    .fuwuyoushi_child_goutong h5 { /*font-size: 1.2rem;*/ margin: 10px 0; margin-top: 30px; }

    .fuwuyoushi_child_goutong div:first-child { width: 72%; }

    .fuwuyoushi_child_goutong a { transition: all .5s; line-height: 120px; border: 1px solid #999; color: #666; padding: 10px 40px; }

        .fuwuyoushi_child_goutong a:hover { transition: all .5s; border: 1px solid #d33; background: #d33; color: #fff; }


.yingyong ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; }

    .yingyong ul li { width: 23%; list-style: none; text-align: center; color: #666; font-weight: 200; background: #fff; box-shadow: 0 0 8px #f0f0f0; padding: 10px 8px; }

        .yingyong ul li:hover { box-shadow: 0 0 8px #ddd; }

        .yingyong ul li h5 { margin: 10px 0; }

        .yingyong ul li img { transition: all .5s; width: 100%; }

            .yingyong ul li img:hover { transform: scale(1.05); }



.youshi { background: url("youshi.jpg") no-repeat center; background-size: cover; }

    .youshi .Title h3 { color: #fff; }

        .youshi .Title h3::before { background: #fff; }

        .youshi .Title h3::after { background: #fff; opacity: .5; }

    .youshi .Title p { color: #fff; }

.youshi_child ul { padding: 20px 0 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }

    .youshi_child ul li { transition: all 1s; width: 30%; text-align: center; color: rgba(255, 255, 255, .8); margin-bottom: 60px; list-style: none; padding: 30px 120px; }

        .youshi_child ul li:hover img { transition: all 1s; margin-top: -5px; }

.youshi_child img { transition: all .5s; width: 80px; display: block; margin: auto; }


.t_ico_dzjj { display: table !important; width: 100%; height: 52px; background: url(t_ico_dzjj.png) no-repeat center; background-size: auto 80%; }
.t_ico_xjd { display: table !important; width: 100%; height: 52px; background: url(t_ico_xjd.png) no-repeat center; }
.t_ico_bojs { display: table !important; width: 100%; height: 52px; background: url(t_ico_bojs.png) no-repeat center; }
.t_ico_bsjz { display: table !important; width: 100%; height: 52px; background: url(t_ico_bsjz.png) no-repeat center; }

.indexTitle { text-align: center; padding: 60px 0 35px; }
    .indexTitle .title { font-size: 40px; color: #333; }
    .indexTitle .subTitle { font-size: 14px; color: #666; margin-top: 10px; }
    .indexTitle .line { margin-top: 15px; }
        .indexTitle .line:before { display: inline-block; content: ''; height: 1px; width: 80px; background: #ccc; vertical-align: middle; }
        .indexTitle .line:after { display: inline-block; content: ''; height: 1px; width: 80px; background: #ccc; vertical-align: middle; }
        .indexTitle .line .dot { display: inline-block; width: 40px; height: 1px; position: relative; vertical-align: middle; }
            .indexTitle .line .dot:after { content: ''; width: 8px; height: 8px; background: #e74c3c; display: inline-block; border-radius: 50%; position: relative; top: -9px; }
    .indexTitle .tag { margin-top: 25px; }
        .indexTitle .tag a { color: #999; }
            .indexTitle .tag a:hover { color: #e74c3c; }
        .indexTitle .tag i { color: #999; padding: 0 20px; }

.box8 { padding-bottom: 70px; width: 1200px; margin: 0 auto; }
    .box8 .city-list { height: 616px; text-align: center; color: #fff; position: relative; display: block; background: url(index_hzhb_bg.jpg) no-repeat center; }
        .box8 .city-list a { position: absolute; width: 271px; height: 176px; padding-top: 95px;color:#fff; }
            .box8 .city-list a span { display: block; }
            .box8 .city-list a .n { font-size: 36px; }
                .box8 .city-list a .n:after { content: ''; width: 20px; height: 1px; background: #e74c3c; overflow: hidden; display: block; margin: 5px auto; }
            .box8 .city-list a .c { font-size: 18px; }
            .box8 .city-list a:hover { color: #e74c3c; text-decoration:none;}
                .box8 .city-list a:hover .iconfont { color: #e74c3c; background: #fff; }
            .box8 .city-list a .iconfont { transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; width: 52px; height: 52px; border-radius: 50%; background: #e74c3c; color: #fff; text-align: center; line-height: 52px; font-size: 20px; margin: 0 auto 10px; }



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

    .header_shadow, .CG_show, .VR_show_child ul { padding: 0 80px 50px; }
        .header_shadow .logo { transition: all 1s; margin: 10px 0; }
    .video_show { padding: 40px 80px; }
}

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

    .box8 { width:100%;overflow:hidden;}
}