.pep-topic-banner{position:relative;height:538px}.service-banner .label-icon{padding:2px 4px;font-size:12px;color:#fff;display:inline-block;border-radius:2px;margin-left:12px;vertical-align:middle}.service-banner .label-icon.product-ad-label-hot{background:#f66f6a}.service-banner .label-icon.product-ad-label-sale{background:#f83}.service-banner .label-icon.product-ad-label-new{background:#229df9}.service-banner .unfold .u-icon-down{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.service-banner .uptitle{margin-bottom:4px;font-size:20px;color:#fff;line-height:26px}.service-banner .uptitle .uptitle-icon{width:24px;height:24px;vertical-align:middle}.service-banner .uptitle:after{content:"";display:inline-block;vertical-align:middle;height:100%}.service-banner .subtitle{margin-top:8px;margin-bottom:8px;font-size:18px;color:#fff;line-height:22px}.service-banner .product-banner-paragraph,.service-banner .product-banner-title{color:#fff}.service-banner .product-banner-btn-group .por-btn.por-link-lightblue.por-btn-xs-middle.por-btn-large{padding-left:0}.service-banner.hideMbContent .swiper-slide>img{display:none}.service-pagenav{top:10px!important;width:100%;z-index:8}.service-pagenav.light-banner .pagenav-menu .item a{color:#252b3a}.service-pagenav.light-banner .pagenav-menu .item a:after{background:#c7000b}.service-pagenav.light-banner .pagenav-menu .item a[href]:hover{color:#c7000b}.service-pagenav.light-banner .pagenav-box.fixed{background:#fff}.service-pagenav .pagenav-box{background:rgba(51,56,84,0);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;height:48px}.service-pagenav .pagenav-content-wrapper{height:48px;overflow:hidden}.service-pagenav .pagenav-content{position:relative}.service-pagenav .pagenav-menu{font-size:0;-webkit-transition:.2s;transition:.2s}.service-pagenav .pagenav-menu .item{position:relative;padding:0 26px;display:inline-block;height:48px;vertical-align:middle}.service-pagenav .pagenav-menu .item:first-child{padding-left:0}.service-pagenav .pagenav-menu .item:after{position:absolute;left:0;top:17px;content:"";width:1px;height:16px;background:rgba(110,124,170,.3)}.service-pagenav .pagenav-menu .item:first-child:after{display:none}.service-pagenav .pagenav-menu .item a{position:relative;font-size:14px;color:#fff;padding:0 6px;display:block;line-height:48px;-webkit-transition:.2s;transition:.2s;min-width:48px;text-align:center}.service-pagenav .pagenav-menu .item a[href]:hover{color:#c7000b}.service-pagenav .pagenav-menu .item a:after{background:#c7000b;bottom:1px;content:"";height:3px;left:50%;position:absolute;width:0;min-width:0;margin-left:-50%}.service-pagenav .pagenav-menu .item.selected a:after{width:100%}.service-pagenav .pagenav-menu .nav-title a{font-size:18px;cursor:default}.service-pagenav .pagenav-menu .nav-title a[href]:hover{color:#fff}.service-pagenav .pagenav-menu .nav-title a:after{display:none}.service-pagenav .pagenav-box.fixed{position:fixed;background:#333854;width:100%;z-index:350}@media (min-width:1024px){.pagenave-position{position:absolute}}@media (max-width:1023px){.service-pagenav{top:0}.service-pagenav.light-banner .pagenav-box,.service-pagenav.light-banner .pagenav-box-inner:after,.service-pagenav.light-banner .pagenav-box-inner:before{background:#fff}.service-pagenav .pagenav-box{background:#333854;height:44px}.service-pagenav .pagenav-box .pagenav-box-inner{position:relative}.service-pagenav .pagenav-box-inner:before{position:absolute;content:"";display:block;width:20px;height:44px;background:-webkit-gradient(linear,right top,left top,from(rgba(51,56,84,0)),to(#333854));background:linear-gradient(270deg,rgba(51,56,84,0),#333854);left:0;top:0;z-index:9}.service-pagenav .pagenav-box-inner:after{position:absolute;content:"";display:block;width:20px;height:44px;background:-webkit-gradient(linear,left top,right top,from(rgba(51,56,84,0)),to(#333854));background:linear-gradient(-270deg,rgba(51,56,84,0),#333854);right:0;top:0;z-index:9}.service-pagenav .pagenav-content-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding-left:0;padding-right:0;height:44px}.service-pagenav .pagenav-content{overflow-x:scroll;overflow-y:hidden}.service-pagenav .pagenav-content::-webkit-scrollbar{display:none}.service-pagenav .pagenav-menu{white-space:nowrap}.service-pagenav .pagenav-menu .nav-title{display:none;width:0}.service-pagenav .pagenav-menu .item{padding:0 14px;height:44px;display:inline-block}.service-pagenav .pagenav-menu .item:after{display:none}.service-pagenav .pagenav-menu .item a:after{height:2px}.service-pagenav .pagenav-menu .item a{line-height:44px}.service-pagenav .pagenav-menu .item:first-child{padding:0 14px}.service-pagenav .pagenav-menu .item.nav-title{display:none;width:0}}.service-banner{position:relative;overflow:hidden;top:86px}.service-banner.light-banner .product-banner-content{background:#fafafa}.service-banner.light-banner .banner-title,.service-banner.light-banner .subtitle,.service-banner.light-banner .uptitle{color:#252b3a}.service-banner.light-banner .product-banner-paragraph{color:#575d6c}.service-banner.light-banner .por-btn-light{border-color:#252b3a;color:#252b3a}.service-banner.light-banner .por-btn-light:hover{background-color:transparent;border-color:#c7000b;color:#c7000b}.service-banner.light-banner .banner-notice,.service-banner.light-banner .banner-notice-item a{color:#575d6c}.service-banner.light-banner .banner-notice-item .inner{color:#252b3a}.service-banner.light-banner .before-line:before{background:rgba(37,43,58,.2)}.service-banner.light-banner .swiper-pagination-bullet{opacity:.15}.service-banner.light-banner .swiper-pagination-bullet:before{background-color:#252b3a}.service-banner.light-banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:1}.service-banner.light-banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:before{background-color:#575d6c}.service-banner.light-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.service-banner.light-banner .product-play-btn{background:rgba(37,43,58,.2)}.service-banner.light-banner .product-play-btn i{opacity:.8}.service-banner.light-banner .product-play-btn:hover{background:rgba(37,43,58,.15)}.service-banner .product-banner-content{background:#252b3a;height:100%}.service-banner.small-h-banner{height:200px}.service-banner.small-h-banner .swiper-slide-main{line-height:200px}.service-banner.small-h-banner .swiper-container{height:100%}.service-banner.small-h-banner-300{height:300px}.service-banner.small-h-banner-300 .swiper-slide-main{line-height:300px}.service-banner.small-h-banner-300 .swiper-container{height:100%}.service-banner.medium-h-banner{height:350px}.service-banner.medium-h-banner .swiper-slide-main{line-height:350px}.service-banner.medium-h-banner-400{height:400px}.service-banner.medium-h-banner-400 .swiper-slide-main{line-height:400px}.service-banner.medium-h-banner-400 .swiper-container{height:100%}.service-banner.large-h-banner{height:450px}.service-banner.large-h-banner .swiper-slide-main{line-height:450px}.service-banner.large-h-banner-530{height:530px}.service-banner.large-h-banner-530 .swiper-slide-main{line-height:530px}.service-banner .swiper-wrapper{font-size:0}.service-banner .swiper-slide{display:inline-block;background-position:50%;background-repeat:no-repeat;background-size:cover}.service-banner .swiper-container-horizontal>.swiper-pagination-bullets,.service-banner .swiper-pagination-custom,.service-banner .swiper-pagination-fraction{bottom:25px}.service-banner .swiper-pagination-bullet{margin:0 4px!important;width:40px;height:auto;padding:5px 0;border-radius:0;background-color:transparent;-webkit-transition:all .2s;transition:all .2s}.service-banner .swiper-pagination-bullet:before{display:block;content:"";height:2px;background-color:#fff}.service-banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{opacity:.6}.service-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:transparent}.service-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity:1}.service-banner .product-banner-main{display:inline-block;position:relative;z-index:1;vertical-align:middle;line-height:1rem}.service-banner .banner-title{display:inline-block;vertical-align:middle;margin-right:16px;font-size:40px;color:#fff;line-height:50px;max-width:calc(100% - 78px);font-weight:700}.service-banner .product-play-btn{display:inline-block;vertical-align:middle;width:40px;height:40px;background:hsla(0,0%,100%,.3);border-radius:50%;font-size:0;text-align:center;line-height:40px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.service-banner .product-play-btn i{font-size:16px;color:#fff;-webkit-transition:.2s;transition:.2s}.service-banner .product-play-btn:hover{background:hsla(0,0%,100%,.6)}.service-banner .product-play-btn:hover i{color:#fff}.service-banner .product-banner-paragraph-box{font-size:14px;color:#fff;text-align:left;line-height:22px;margin-top:8px;margin-bottom:24px}.service-banner .product-banner-paragraph{max-height:132px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.service-banner .product-banner-paragraph,.service-banner .product-banner-paragraph-sub{margin-top:8px}.service-banner .product-banner-btn-group{margin-bottom:-16px;font-size:0}.service-banner .banner-btn-group-mb{display:none}.service-banner .service-swiper-container .por-btn{margin-right:16px;margin-bottom:16px}.service-banner .mod-content-desc{font-size:14px;font-weight:400;color:#c7000b;line-height:18px}.service-banner .product-banner-btn{display:inline-block;padding:10px 30px;margin-right:16px;color:#fff;border-radius:24px;font-size:14px;-webkit-transition:.2s;transition:.2s;cursor:pointer}.service-banner .product-solid-btn{background:#c7000b}.service-banner .product-solid-btn:hover{background:#ff8b87;-webkit-box-shadow:0 8px 16px rgba(199,54,54,.4);box-shadow:0 8px 16px rgba(199,54,54,.4)}.service-banner .product-hollow-btn{border:1px solid #fff}.service-banner .product-hollow-btn:hover{border:1px solid #c7000b;background:#c7000b}.service-banner .banner-notice{opacity:.8;font-size:12px;color:#fff;line-height:18px;margin-top:16px}.service-banner .banner-notice-item{margin-top:6px}.service-banner .banner-notice-text{max-width:calc(100% - 50px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.service-banner .banner-notice-item:first-child{margin-top:0}.service-banner .banner-notice-item .inner{color:#fff}.service-banner .banner-notice-item .inner>*{display:inline-block}.service-banner .banner-notice-item a{color:#fff;-webkit-transition:.2s;transition:.2s}.service-banner .banner-notice-item a.blue{color:#5e7ce0}.service-banner .banner-notice-item a.red{color:#c7000b}.service-banner .banner-notice-item a:hover{color:#c7000b;text-decoration:underline}.service-banner .banner-notice-item a:hover.blue{color:#5e7ce0;text-decoration:underline}.service-banner .banner-notice-item a:hover.red{color:#c7000b;text-decoration:underline}.service-banner .banner-notice-item a:active.blue{color:#344899}.service-banner .before-line{position:relative;display:inline-block;width:14px;height:2px;vertical-align:middle}.service-banner .before-line:before{position:absolute;content:"";width:6px;height:2px;background:#fff;top:0;left:0;-webkit-transition:all .3s cubic-bezier(.18,.4,.59,1.51);transition:all .3s cubic-bezier(.18,.4,.59,1.51)}.service-banner .banner-notice-item:hover .before-line:before{width:8px;background:#c7000b}.video-div{position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,.3);top:0;left:0;z-index:999}.video-modal-wrapper{position:absolute;width:700px;top:calc(50% - 250px);left:calc(50% - 350px);font-size:0;background-color:#000}.video-close-btn{position:absolute;width:22px;height:22px;top:0;right:0;background-size:contain;background-image:url(//res-img2.huaweicloud.com/content/dam/cloudbu-site/archive/commons/web_resoure/cms/static/images/v1/close_grey_1.svg?sttl=201909262135);cursor:pointer;z-index:9}.video-modal-wrapper video{max-width:700px;width:100%;height:500px}@media (min-width:1024px){.service-banner .product-banner-main{width:862px}.service-banner .product-banner-paragraph-box{width:750px}}@media (max-width:1023px){.service-banner{height:auto}.service-banner .product-banner-pc-wrapper{display:none}.service-banner .product-banner-content{position:static;height:auto}.service-banner.small-h-banner .swiper-slide,.service-banner .swiper-slide{padding-top:0}.service-banner.large-h-banner,.service-banner.large-h-banner-530,.service-banner.medium-h-banner{height:350px}.service-banner.small-h-banner{height:200px}.service-banner.large-h-banner-530 .swiper-slide-main,.service-banner.large-h-banner .swiper-slide-main,.service-banner.medium-h-banner .swiper-slide-main{line-height:350px}.service-banner.small-h-banner .swiper-slide-main{line-height:200px}.service-banner .product-banner-main{padding:24px 0;width:100%}.service-banner .banner-title{font-size:24px;line-height:30px;max-width:100%;white-space:normal}.service-banner .product-play-btn{display:none}.service-banner .product-banner-paragraph{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.service-banner .product-banner-paragraph-box{font-size:12px;line-height:18px;margin-bottom:16px}.service-banner .product-banner-btn:first-child{display:inline-block}.service-banner .banner-notice,.service-banner .product-banner-paragraph-sub{display:none}.service-banner .banner-btn-group-mb{display:block;margin-top:24px}.service-banner .banner-btn-group-pc{display:none}.service-banner .mod-content-desc{font-size:12px}}@media (max-width:767px){.service-banner .swiper-pagination-bullet{width:24px;margin:0 2px!important}.service-banner .uptitle{font-size:16px;line-height:20px}.service-banner .uptitle .uptitle-icon{width:16px;height:16px}.service-banner .subtitle{font-size:14px;line-height:18px}.service-banner .product-banner-paragraph{font-size:12px;line-height:18px;-webkit-line-clamp:2}.service-banner .service-swiper-container .por-btn:nth-child(2)~.por-btn{display:none}.service-banner.large-h-banner,.service-banner.medium-h-banner,.service-banner.medium-h-banner-400{height:200px}.service-banner.medium-h-banner-400 .swiper-slide-main{line-height:200px}.service-banner.small-h-banner,.service-banner.small-h-banner-300{height:150px}.service-banner.large-h-banner-530{height:350px}.service-banner.large-h-banner-530 .por-container{padding-top:16px;padding-bottom:16px;height:160px;line-height:128px;text-align:center}.service-banner.large-h-banner-530 .swiper-slide-main{height:350px}.service-banner.large-h-banner-530 .swiper-slide-main .product-banner-main{max-height:128px;padding:0;overflow:hidden}.service-banner.large-h-banner-530 .subtitle,.service-banner.large-h-banner-530 .uptitle{display:none}.service-banner.large-h-banner-530 .banner-title{margin-right:0}.service-banner.large-h-banner-530 .product-banner-paragraph-box{text-align:center}.service-banner.large-h-banner-530 .por-btn:not(:first-child){margin-right:0}.service-banner.large-h-banner .swiper-slide-main,.service-banner.medium-h-banner .swiper-slide-main{line-height:200px}.service-banner.small-h-banner-300 .swiper-slide-main,.service-banner.small-h-banner .swiper-slide-main{line-height:150px}.service-banner.hideMbContent{height:auto}.service-banner.hideMbContent .swiper-slide-main{display:none}.service-banner.hideMbContent .swiper-slide{background-image:none!important}.service-banner.hideMbContent .swiper-slide img{display:block;width:100%}}.breadcrumb{padding:24px 0;margin:0}.breadcrumb>li{display:inline-block;font-size:12px;line-height:14px}.back-breadcrumb .breadcrumb>li:before{content:"<";color:#575d6c;vertical-align:middle;margin-right:4px}.back-breadcrumb .breadcrumb>li+li{display:none}.breadcrumb>li a{line-height:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:156px;vertical-align:middle;color:#575d6c}.back-breadcrumb .breadcrumb>li{max-width:calc(100% - 24px)}.back-breadcrumb .breadcrumb>li a{max-width:100%}.multilevel-breadcrumb .breadcrumb>li:last-child{max-width:156px}.breadcrumb>li:last-child a{max-width:100%}.breadcrumb>li a:hover{color:#526ecc}.breadcrumb>li a:active{color:#344899}.multilevel-breadcrumb .breadcrumb>li:after{content:">";color:#575d6c;vertical-align:middle;margin:0 4px}.multilevel-breadcrumb .breadcrumb>li:last-child:after{content:"";color:#575d6c;vertical-align:middle;margin:0}.multilevel-breadcrumb .breadcrumb>li:last-child a{color:#252b3a;cursor:default}.multilevel-breadcrumb .breadcrumb>li:last-child a:active,.multilevel-breadcrumb .breadcrumb>li:last-child a:hover{color:#252b3a}@media (max-width:1023px){.breadcrumb-box{display:none}}@media (max-width:767px){.adlist-box{display:none}}.adlist-box{width:100%;position:absolute;top:424px;z-index:1}.adlist-box .por-container{max-width:1438px;background-color:hsla(0,0%,100%,.7);padding:26px}.adlist-box .por-container .adlist[data-cols="2"] li{width:50%}.adlist-box .por-container .adlist[data-cols="3"] li{width:33.33333%}.adlist-box .por-container .adlist[data-cols="4"] li{width:25%}.adlist-box .por-container .adlist li{position:relative;border-right:1px solid #dfe1e6;float:left;text-align:center}.adlist-box .por-container .adlist li p{color:#252b3a;font-weight:700;font-size:18px}.adlist-box .por-container .adlist li span{color:#575d6c;font-size:14px;display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.adlist-box .por-container .adlist li img{display:none}.adlist-box .por-container .adlist li:last-child{border-right:none}.adlist-box .por-container .adlist.has-img li{padding-left:74px;text-align:left}.adlist-box .por-container .adlist.has-img li img{width:48px;height:48px;position:absolute;left:6px}.adlist-box .por-container .adlist:after{display:block;clear:both;height:0;content:"";visibility:hidden;overflow:hidden}.adlist-box .por-container .adlist.has-img li img{display:inline}
