/**basic**/
*{ font-family: "FZLTHJW--GB1-0", "microsoft yahei", arial, sans-serif;}
body{ font-size: .16rem;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
ul,li{ margin: 0; padding: 0; list-style: none;} 
a{ text-decoration: none;}
.ellipsis{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.mt-80{ margin-top: .8rem;}
a{cursor: pointer!important;}
.img, .cont-img img, .item-img img{transition:all 0.3s;}
.img:hover, .cont-img img:hover, .item-img img:hover{transform: scale(1.05);}
.banner-img img{transition:none!important;}
.pri-row-wp{ padding: .8rem 0; }
.gray-bg{ background-color: #f3f5f8; }
.white-bg{background-color: #fff!important;}
.ellipsis {	text-overflow: ellipsis;display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 1;	overflow: hidden;}
.ellipsis-2 {	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 2;	overflow: hidden;}
.ellipsis-3 {	text-overflow: ellipsis;	display: -webkit-box;	-webkit-box-orient: vertical;	-webkit-line-clamp: 3;	overflow: hidden;}
.btn-nor{ position: relative; display: inline-block;  height: .46rem; line-height: .46rem; padding:0 .5rem 0 .3rem; font-size: .18rem; box-sizing: border-box; border: #fff solid 1px; border-radius: .3rem; color: #fff; transition:all .3s}
.btn-nor:hover{ background-color: #008de3; border-color: #008de3; color: #fff;}
.btn-nor:after{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-right1.png) no-repeat; background-size: cover; content: ""; position: absolute; right: .2rem; top: .13rem; width: .2rem; height: .2rem;}

/**PC**/
/**index page**/
.main-wp{ max-width: 13.14rem; margin: 0 auto;}
.main-banner{ max-width:19.2rem;margin: 0 auto; overflow: hidden; position: relative;}
.banner-img{ height:4.2rem;}
.banner-img img{ height: 4.2rem; object-fit: cover; }
.banner-info{ width: 13.14rem; position: absolute; top: 50%;   left: 50%;   transform: translate(-50%, -50%); text-align: center; color: #fff;}
.banner-info h2{ font-size: .6rem;}
.banner-info p{ font-size: .28rem; margin-top:.3rem; }

.main-wp .main-tit{ padding: 0 0 .36rem; text-align: left;}
.main-wp .main-tit h3{ font-size: .36rem;}
.main-wp .main-tit p{ font-size: .16rem; color: #666; margin-top: .18rem;}
.company-info .cont-wp { background-color: #fff; height: 3.96rem; border-radius: .3rem; position: relative;}
.company-info .cont-wp .img-slide-wp{ width: 6.57rem; height: 3.96rem; position:absolute; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem;}
.company-info .cont-wp .img-slide-wp .img-slide-list,.company-info .cont-wp .img-slide-wp .img-slide-list li{ width: 6.57rem; height: 3.96rem; overflow: hidden; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem;}
.company-info .cont-wp .img-slide-wp .img-slide-list li img{border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; object-fit: contain; width: 100%;}
.company-info .cont-wp .txt-info-wp{ padding:.75rem .42rem .42rem 7.1rem;}
.company-info .cont-wp .txt-info-detail h4{ font-size: .3rem; color: #000;}
.company-info .cont-wp .txt-info-detail strong{ font-size: .2rem; display: block; margin-top: .3rem; font-weight: normal;}
.company-info .cont-wp .txt-info-detail p{ font-size: .16rem; line-height: .3rem; color: #666; margin-top: .6rem; color: #666;}

.rd-invest .cont-wp{ background: #fff; border-radius: .3rem; padding: .6rem .8rem 0;box-sizing: border-box;}
.rd-invest .cont-wp .cont-row{  display: flex; justify-content:center; flex-wrap: wrap; }
.rd-invest .cont-wp .cont-item{ width:calc((100%) / 3);padding-right: .5rem; height: 100%; display: block;  color: #000; box-sizing: border-box; padding-bottom: .6rem;}
.rd-invest .cont-wp .cont-item:nth-of-type(3n+0) { padding-right: 0;}
.rd-invest .cont-wp .cont-item dt,.rd-invest .cont-wp .cont-item dd{ font-size: .18rem; margin-top: .1rem;}
.rd-invest .cont-wp .cont-item dd strong{ font-size: .48rem;}

.dev-history { padding-bottom: .8rem;}
.dev-history .video-wp{ width: 13.14rem; height: 7.2rem; position: relative; border-radius: 0.3rem;overflow: hidden;}
.dev-history .video-wp .video-item{ width: 100%; height: 100%; box-sizing: border-box; object-fit: fill; border-radius: 0.3rem;}
.dev-history .video-wp .video-play { background-image: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-play.png);  background-size: contain; display: block;  width: 1rem;  height: 1rem ;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 11; cursor: pointer; text-indent: -999em;}
/* .dev-history .video-wp .video-js{width: 100%; height: 100%;} */
/* 改动 */
.dev-history .video-wp .video-js video {width: 100%;height: 100%;object-fit: cover;border-radius: 0.3rem;}
.dev-history .video-wp .video-js .vjs-big-play-button{display: none;}
.dev-history .video-wp .video-js .vjs-control-bar1 {background-color: rgba(43,51,63,.5);}
/* 改完 */
.leader-info{ padding-bottom: .8rem;}
.leader-info .swiper-slide{ width: 3.14rem; height: 4rem; border-radius: .3rem; margin-right: .2rem; overflow: hidden; position: relative;}
.leader-info .swiper-slide .leader-img { width: 3.14rem; height: 4rem; border-radius: .3rem;}
.leader-info .swiper-slide .leader-img img { width: 3.14rem; height: 4rem; object-fit: cover;}
.leader-info .swiper-slide .info { position: absolute; left: 0; bottom: 0; padding: .24rem; color: #fff;  z-index: 3;}
.leader-info .swiper-slide .info .tit{ font-size: .24rem; display: block; margin-bottom: .08rem;}
.leader-info .swiper-page {position: relative;}
.leader-info .swiper-page .btn-arrow{ width:.64rem; height: .64rem; position: absolute; top: -2.5rem; caret-color: rgba(0,0,0,0); cursor: pointer;}
.leader-info .swiper-page .swiper-button-prev:after{display: none;}
.leader-info .swiper-page .swiper-button-next:after{display: none;}
.leader-info .swiper-page .swiper-button-prev{background-image: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-left.png); background-size: 100%;  left: -.8rem;}
.leader-info .swiper-page .swiper-button-next{background-image: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-right.png); background-size: 100%;  right: -.8rem;}
.leader-info .cont-wp{ position: relative;}

.leader-info .progress-bar{ background-color: #c9cacb; width:1.97rem; height: 0.06rem; margin: .3rem auto 0; position: relative; border-radius: .03rem; float: none;}
.leader-info .progress-bar .progress-on{ background-color: #008de3; width: 33.3%; height: 0.06rem; position: absolute; left: 0; top: 0; border-radius: .03rem;}

.social-res{ padding-bottom: .6rem;}
.img-box-area{display: flex; justify-content:center; flex-wrap: wrap; box-sizing: border-box;}
.img-box-area .img-box{ width:4.24rem; height: 3.1rem; box-sizing: border-box; border-radius: .3rem; margin:0 .21rem .21rem 0; overflow: hidden;}
.img-box-area .img-box .img-wp { border-radius: .3rem;}
.img-box-area .img-box .img-wp img{ width: 100%; border-radius: .3rem;}
.img-box-area .img-box .img-wp, .img-box-area .img-box .img-wp img{overflow: hidden; transition: all .5s ease; -webkit-transition: all .5s ease;}
.img-box-area .img-box:nth-of-type(3), .img-box-area .img-box:nth-of-type(5){ margin-right: 0;}
.img-box-area .img-size-two{ width: 8.69rem;}
.img-box-area .img-link { position: relative; display: block; width: 100%; height: 100%; color: #fff; border-radius: .3rem;}
.img-box-area .img-link.no-link{ cursor: default!important;}
.img-box-area .img-link:hover .img-info{ transition:all 0.3s; bottom: .3rem;}
.img-box-area .img-link.no-link .img-info{ cursor: default; transition:none; bottom: 0.3rem;}
.img-box-area .img-link .img-info{ position: absolute ; left: 0; bottom: -.5rem; z-index: 8; padding:0 .3rem; box-sizing: border-box;}
.img-box-area .img-link .img-info h4{ font-size: .24rem; margin-bottom: .2rem;} 
.img-box-area .img-link .img-info p{ font-size: .16rem; line-height: .24rem;} 
.img-box-area .img-size-two .img-link .img-info p{ line-height: .36rem;} 
.img-box-area .img-link .img-info .btn-nor{ margin-top: .34rem;}

.corp-culture {padding-bottom: .6rem;}
.corp-culture .tab-switch-type .tab-nav .tab-nav-list{ display: flex; flex-wrap: wrap; justify-content: center; }
.corp-culture .main-cont{ background: url(/content/dam/zte-tech-service/about/企业文化.jpg) no-repeat; background-size: 100% 100%; width: 100%; height:4.29rem;  border-radius: .3rem; position: relative; display: flex;}
.corp-culture .main-cont .txt-wp { width:calc((100%) / 2); text-align: center; color: #fff; display: flex;}
.corp-culture .main-cont .txt-wp .txt-item{ width: 100%; vertical-align: middle; align-self: center; }
.corp-culture .main-cont .txt-wp .txt-item dt{ font-size: .3rem; position: relative; margin-bottom:.4rem; }
.corp-culture .main-cont .txt-wp .txt-item dt::after{ background-color: #fff; position: absolute; left: 50%; transform: translate(-50%, -50%); bottom: -.2rem; content: ""; width: .6rem; height: .02rem;}
.corp-culture .main-cont .txt-wp .txt-item dd{ display: none;}
.corp-culture .main-cont .txt-wp.active .txt-item dd{display: block;}
.corp-culture .main-cont .txt-wp .txt-item dd p{ margin-bottom: .2rem;font-size: .24rem;}
.corp-culture .main-cont .txt-wp.active:nth-child(1){background: #0b3f808f; border-top-left-radius: .3rem; border-bottom-left-radius: .3rem;}
.corp-culture .main-cont .txt-wp.active:nth-child(2){background: #0b3f808f; border-top-right-radius: .3rem; border-bottom-right-radius: .3rem;}

.global-sale {padding-bottom: 1rem;}
.global-sale .main-tit{font-size: .34rem}
.global-sale .tab-switch-type .tab-cont-wp{ min-height: 4.2rem;}
.tab-switch-type .tab-nav { height: .4rem; border-bottom: #ccc solid 1px; color: #444;}
.global-sale .tab-switch-type .tab-nav .tab-nav-list{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
/* 改动 */
.tab-switch-type .tab-nav .tab-nav-list li{ width: 1.86rem; height: .4rem;  text-align: center; position: relative; font-size: .18rem; cursor: pointer;color: #999;}
/* 改完 */
.tab-switch-type .tab-nav .tab-nav-list li.on{ font-weight: bold; color: #000;}
.tab-switch-type .tab-nav .tab-nav-list li.on::after { background-color: #008de3; content: ""; position: absolute; left: 50%; transform: translate(-50%, -50%); bottom: -.05rem; content: ""; width: .8rem; height: .03rem; border-radius: .02rem;}
.tab-switch-type .tab-cont-wp .tab-cont{position: relative; height: auto;}
.tab-switch-type .tab-cont-left{display: flex; flex-wrap: wrap; flex-direction: column; width: 4rem; height: 3.6rem; padding-top: .5rem; padding-left: .4rem; justify-content: flex-start; align-items: flex-start;}
.tab-switch-type .tab-cont-left .item{width: 1.95rem; cursor: pointer; position: relative; font-size: .14rem; height: .34rem; line-height: .34rem; }
.tab-switch-type .tab-cont-left .item .order{position: absolute; left: 0; top: 0;line-height: .34rem; color: #999; font-weight: normal;}
.tab-switch-type .tab-cont-left .item .txt{  display: block; padding-left: .3rem; line-height: .34rem;}
.global-sale .tab-switch-type .tab-cont-left .item .txt:hover{color: #008de3;}
.tab-switch-type .tab-cont-right{ position: absolute; right: 0; top:.33rem; width:4.7rem; min-height: 3.7rem; background-color: #fff; border-radius: .3rem; }
.tab-switch-type .tab-cont-right .tab-pop-cont{display: none;}
.tab-switch-type .tab-pop-cont.on{ display: block;}
.tab-switch-type .tab-cont-right .txt-info{ padding:.35rem .4rem .4rem;}
.tab-switch-type .txt-info h4{ font-size: .2rem; position: relative; padding-left: .3rem; color: #000;}
.tab-switch-type .txt-info h4::before{ background-image: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/ico-location.png); background-size: contain; content: ""; position: absolute; width: .24rem; height: .24rem; top: .04rem; left: 0;}
.tab-switch-type .txt-info .txt-info-item{ margin-top: .2rem; font-size: .14rem; color: #666; line-height: .22rem;} 
.tab-switch-type .txt-info .txt-info-item dt{ color: #000;}
.tab-switch-type .txt-info .txt-info-item dd{ color: #666;}

.contact-us { padding-bottom: .8rem;}
.contact-us .tab-switch-type .tab-nav { padding: 0 1rem; color: #999;}
/* .contact-us .tab-switch-type .tab-cont-wp{ margin-top: .4rem; } */
.contact-us .tab-switch-type .tab-cont-wp .tab-cont{display: flex; }
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item{ width:inherit; margin-right: .2rem; background-color: #F3F5F7; border-radius: .3rem; }
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item:nth-of-type(3n+0){ margin-right: 0;}
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item{ padding: .42rem .3rem;}
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dt{ font-size: .24rem; color: #222;}
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd{ font-size: .18rem; margin-top: .2rem; color: #666; line-height: .24rem;}
.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd p{ line-height: .28rem;}

.m-show{ display: none!important;}

/**role page**/
.role-wp { position: relative; margin-top: .8rem; padding-bottom: .64rem; min-height: 5rem;}
.role-wp .role-img{ width: 4rem; height: 5.34rem; overflow: hidden; position: absolute; left: 0; top: 0;border-radius: .3rem; align-items: center; }
.role-wp .role-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: .3rem; vertical-align: middle;}
.role-wp .role-cont{ margin-left:4rem; padding: .37rem .6rem;}
.role-wp .role-cont .txt-name{ font-size: .36rem;}
.role-wp .role-cont .txt-info{ font-size: .24rem; font-weight: normal; margin-top: .28rem; display: block; }
.role-wp .role-cont .txt-detail{ font-size: .16rem; margin-top: .58rem; min-height: 1.5rem; box-sizing: border-box; line-height: .3rem; color: #666;}
.role-wp .role-cont .btn-wp{ text-align: left; margin: .6rem auto; }
.role-wp .role-cont .btn-download{ color: #fff; border: #333 solid 1px; color: #000;}
.role-wp .role-cont .btn-download:hover{ color: #fff; border: #008de3 solid 1px; }
.role-wp .role-cont .btn-download:after{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-right.png) no-repeat;background-size: cover;}
.role-wp .role-cont .btn-download:hover:after{background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-right1.png) no-repeat;background-size: cover;}

/**CSR**/
.page-banner .banner-info{ text-align: left;}
.csr-report{ margin: .9rem auto; background-color: #fff;}
.csr-report .item-list{ min-height: 5rem;}
.csr-report .item-list .item-link{ display: flex; overflow: hidden; padding: .25rem .55rem .25rem .4rem; border-radius: .3rem;}
.csr-report .item-list .item-link:hover{ background-color: #f3f5f7;}
.csr-report .item-list .item-link .date{ display: flex; width: 2rem; border-right: #eef0f2 solid 2px; border-radius: 2px; align-items: center;}
.csr-report .item-list .item-link .date .year{  align-items: center; font-size: .3rem; color: #222; vertical-align: middle;}
.csr-report .item-list .item-link .date .line{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/line.png) no-repeat; background-size: contain; width: .15rem; height: .45rem;  align-items: center; margin: 0 .1rem; text-indent: -999rem; overflow: hidden;}
.csr-report .item-list .item-link .date .day{  align-items: center;  width: .6rem; font-size: .2rem; color: #666; line-height: .22rem;}
.csr-report .item-list .item-link .item-tit{ width: 8.4rem; color: #000; font-size: .2rem; font-weight: normal; padding: 0 .6rem; line-height: .5rem;}
.icon-pdf{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/ico-pdf.png) no-repeat; background-size: contain; display: inline-block; width: .48rem; height: .56rem; align-items: center;}

.page-wp{ text-align: center;}
.page-wp .page-pre,.page-wp .page-next{ display: inline-block; vertical-align: middle; width:.08rem; height: .14rem; margin-right: .12rem;}
.page-wp .page-pre{background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-pre-def.png) no-repeat; background-size: cover;}
.page-wp .page-pre:hover{background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-pre-on.png) no-repeat; background-size: cover;}
.page-wp .page-next{background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-next-def.png) no-repeat; background-size: cover;}
.page-wp .page-next:hover{background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/icon-next-on.png) no-repeat; background-size: cover;}
.page-wp .page-num, .page-wp .page-more{ border-radius: .08rem; cursor: pointer; display: inline-block; vertical-align: middle; width: .34rem; height: .34rem; line-height: .34rem; font-size: .16rem; text-align: center; color: #333; margin-right: .12rem;}
.page-wp .page-num:last-child{ margin-right: 0;}
.page-wp .page-num:hover{ background-color: #008de3; color: #fff; transition:all 0.3s; }
.page-wp .page-on{ background-color: #008de3; color: #fff;}
.page-wp .page-more{ font-size: 14px; color: #333;}
.page-wp .page-jump{ display: inline-block; width: .48rem; height: .3rem; text-align: center; line-height: .3rem; margin: 0; padding: 0; border: #ccc solid 1px; border-radius: .08rem; margin: 0 .1rem;outline-style: none; font-size: .16rem; }

/**green**/
.green-pro { margin-bottom: .6rem;}
.green-pro .main-tit{ padding-top: .6rem;}
.green-pro .tab-wp { background-color: #fff; width: 100%; margin: 0 auto;}
.green-pro .tab-wp .tab-list{ text-align: center;  border-bottom: #ddd solid 1px; overflow: hidden;}
.green-pro .tab-wp .tab-list .tab-item{  display: inline-block; font-size: .18rem; color: #333; margin: 0 1.4rem; padding: .32rem 0; cursor: pointer;}
.green-pro .tab-wp .tab-list .tab-item{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.green-pro .tab-wp .tab-list .tab-item.on{ border-bottom: #008de3 solid 2px; color: #008de3;}
.green-pro .main-wp .cont-box{ background-color: #fff; padding: .5rem .57rem; box-sizing: border-box; border-radius: .3rem;}
.green-pro .main-wp .cont-box h4{ margin-bottom: .3rem; font-weight: bold; font-size: .2rem;}
.green-pro .main-wp .cont-box p{ font-size: .16rem; line-height:.32rem; margin-bottom: .3rem;}
.green-pro .main-wp .cont-box .cont-img{ margin-bottom: .3rem;}
.green-pro .main-wp .cont-box .cont-img { text-align: center;}
.green-pro .main-wp .cont-box .cont-img img{ width: 100%;}
.green-pro .main-wp .cont-box .cont-img img, .green-pro .main-wp .cont-wp .cont-img img:hover{ transition: none; transform: none;}


.download-page { padding-bottom: .8rem;}
.download-page .main-tit{padding-top: .6rem;}
.download-page .download-list {  display: flex; justify-content: flex-start; flex-wrap: wrap; box-sizing: border-box;}
.download-page .download-list li{  width: calc((100% - .4rem) / 3); margin: 0 .2rem .2rem 0; padding: .55rem 1rem .55rem .3rem ; box-sizing: border-box; background-color: #fff; border-radius: .3rem; position: relative;}
.download-page .download-list li:nth-of-type(3n+3) { margin-right: 0;}
.download-page .download-list li:hover{ box-shadow: 5px 9px 24px 0px rgba(166,180,200,0.4);}
.download-page .download-list li .icon-pdf{ position: absolute; top: 50%; right: .3rem; margin-top: -.2rem;}
.download-page .download-list li a{ color: #222; font-size: .16rem;}
.download-page .download-list li .tit a{ font-size: .2rem;}
.download-page .download-list li .link-download{  position: relative; color: #1b9ad8; display:inline-block; padding-right: .2rem; margin-top: .28rem;}
.download-page .download-list li .link-download::after{ content: "";background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-down1.png) no-repeat; background-size: contain; width: .12rem; height: .13rem; position: absolute; top: .06rem; right: 0;}


/**mobile**/
@media only screen and (max-width: 991px) {
    /**mobile base**/
    .m-hide{ display: none!important;}
    .m-show{ display: block!important;}
    .pri-row-wp{ padding: .6rem 0; }
    .pri-nav-m .pri-nav-list-m .pri-tit-wp{ padding-bottom: .3rem;}
    /* 改动 */
    .mask{ content: ""; position: fixed; top: 0; bottom: 0; z-index: 9; height: 100%; background-color: #000; opacity: .6; overflow: hidden;}
    .mask-h{width: 100%};
    .btn-nor{height: .76rem; line-height: .76rem; padding:0 .6rem 0 .3rem; margin: 0 auto; border-radius: 50px; font-size: .28rem; }
    .btn-nor:after{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-down.png) no-repeat; background-size: cover; width: .24rem; height: .24rem; top: .25rem;}

    /**index**/
    .main-wp{ padding: 0 .4rem 0; box-sizing: border-box;}
    .main-banner{ height:7.5rem;}
    .main-banner .banner-img, .main-banner .banner-img img{ height: 7.5rem;}
    .main-banner .banner-info{ top: 40%;}
    .main-wp .main-tit{ padding: 0 0 .3rem;}
    /* 改动 */
    .vjs-poster{background-size: cover;}
    .dev-history .video-wp .video-js video {object-fit: contain;}
    /* 结束 */
    .company-info .cont-wp .img-slide-wp{ position: static; width: 100%;}
    .company-info .cont-wp .txt-info-wp{ padding: 0;}
    .company-info .cont-wp .img-slide-wp .img-slide-list li img{ border-top-right-radius: .3rem; border-bottom-left-radius: 0;}
    .company-info .cont-wp .img-slide-wp .img-slide-list, .company-info .cont-wp .img-slide-wp .img-slide-list li{ width: 100%;}
    .company-info .cont-wp{ height: auto;}
    .company-info .cont-wp .txt-info-detail{ padding: .4rem .3rem;}
    .company-info .cont-wp .txt-info-detail strong{ font-size: .22rem;}
    .company-info .cont-wp .txt-info-detail p{ margin-top: .28rem; font-size: .22rem;}
    
    .rd-invest{ padding: 0;}
    .rd-invest .main-cont{width: auto; overflow: hidden; overflow-x: auto; }
    .rd-invest .main-cont::-webkit-scrollbar{width:1; height: 1; opacity: 0;}
    .rd-invest .cont-wp{ background: none; width: 11.54rem; display: flex; justify-content:center; flex-wrap: wrap; padding: 0;}
    .rd-invest .cont-wp .cont-row{ background-color: #fff; display: block; width: 5.17rem; margin:0 .2rem; border-radius: .3rem; padding: .8rem .6rem .2rem; box-sizing: border-box;}
    .rd-invest .cont-wp .cont-row .cont-item{ width: 100%; height: auto;}
    .rd-invest .cont-wp .cont-item dt, .rd-invest .cont-wp .cont-item dd{ font-size: .28rem;}
    .rd-invest .cont-wp .cont-item dd strong{ font-size: .6rem;}

    .dev-history{ padding-bottom: .6rem;}
    .dev-history .video-wp{ width: 100%; height: 4.2rem;}
    .leader-info { padding-bottom: .4rem;}
    .leader-info .swiper-wrapper { display: block;}
    .leader-info .swiper-slide{ width: 3.25rem; height: 4.14rem; float: left; overflow: hidden; margin-bottom: .2rem;}
    .leader-info .swiper-wrapper a:nth-child(2n){ margin-right: 0!important;}
    .leader-info .swiper-slide .leader-img{width: 3.25rem; height: 4.14rem;}
    .leader-info .swiper-slide .leader-img img{width:100%; height: auto; vertical-align: top; }
    .leader-info .swiper-slide .info .tit{ font-size: .28rem;}
    .leader-info .swiper-slide .info .desc{ font-size: .22rem; margin-top: .15rem;}

    .social-res{ overflow: hidden;padding:0 0 .4rem 0;}
    .social-res .img-box-wp{overflow: hidden; overflow-x: scroll; width: 7.5rem;}
    .social-res .img-box-wp::-webkit-scrollbar{width:1; height: 1; opacity: 0;}
    .img-box-area{ width: 26.7rem; margin:0 .4rem;}
    .img-box-area .img-size-two{ width: 5.17rem;}
    .img-box-area .img-box{ width: 5.17rem; height: 6rem; margin-bottom: 0;}
    .img-box-area .img-box:nth-of-type(3){ margin-right: .2rem;}
    .img-box-area .img-link .img-info{ bottom: .4rem!important;}
    .img-box-area .img-link .img-info h4{ font-size: .28rem;}
    .img-box-area .img-link .img-info p{ font-size: .22rem; line-height: .36rem;}
  
    .tab-switch-type .tab-nav{ border-bottom: 0;}
    .corp-culture {padding-bottom: .64rem;padding-top: .14rem;}
    .corp-culture .main-cont{ background: none; height: auto; overflow: hidden;}
    .corp-culture .tab-switch-type .tab-nav{ overflow: unset; height: auto;}
    .corp-culture .main-cont .txt-wp{ background: url(/content/dam/zte-tech-service/about/企业文化.jpg) no-repeat; background-size: 100% 100%; border-radius: .3rem; display: block; width: 6.7rem; height: 7.14rem; margin-top: .4rem;}
    .corp-culture .main-cont .txt-wp .txt-item { width:6.7rem;  height: 7.14rem; padding-top: 1.52rem; border-radius: .3rem; box-sizing: border-box;}
    .corp-culture .main-cont .txt-wp .txt-item dt{ font-size: .36rem;}
    .corp-culture .main-cont .txt-wp .txt-item dt::after{ display: none;}
    .corp-culture .main-cont .txt-wp .txt-item dd{ display: block;}
    .corp-culture .main-cont .txt-wp .txt-item dd p{ font-size: .28rem;} 
    .corp-culture .tab-switch-type .tab-nav .tab-nav-list{ min-width: auto;}
    .corp-culture .tab-switch-type .tab-nav .tab-nav-list li{padding: 0 .3rem;}
    .tab-switch-type .tab-nav .tab-nav-list li{ font-size: .32rem; width: auto; margin: 0 .25rem;}
    .tab-switch-type .tab-nav .tab-nav-list li.on::after{ width: 100%;}
    
    .global-sale {padding-bottom: .4rem;padding-top: .14rem;}
    .global-sale .main-tit{font-size: .36rem;font-weight: normal;line-height: 0.4rem;}
    .global-sale .tab-switch-type .tab-nav{ color: #999;}
    .global-sale .tab-switch-type .tab-cont-wp{ min-height: 7.7rem;}
    .tab-switch-type{ overflow: hidden;}
    .tab-switch-type .tab-nav-wp{ height: .5rem; overflow: hidden;}
    .tab-switch-type .tab-nav{ overflow-x: auto; overflow-y: hidden; height: .8rem;}
    .tab-switch-type .tab-nav::-webkit-scrollbar{width:1; height: 1; opacity: 0;}
    .tab-switch-type .tab-nav .tab-nav-list{ min-width: 8rem;}
    .tab-switch-type .tab-cont-wp{ background-color: #fff; margin-top: .4rem; border-radius: .3rem; padding: .4rem .3rem .1rem;}
    .tab-switch-type .tab-cont-left{ display: block; width: auto; height: auto; padding: 0;}
    .tab-switch-type .tab-cont-left .item{  width: 100%; font-size: .24rem; margin-bottom: .29rem;}
    .tab-switch-type .tab-cont-left .item .txt{ color: #666; padding-left: .45rem;}
    .tab-switch-type .tab-cont-left .item:hover .txt{ color: #008de3;}
    .tab-switch-type .tab-cont-left .item-m{  width: auto; display: inline-block;}
    .tab-switch-type .tab-cont-left .item-m1{ word-break:break-all}
    .tab-switch-type .tab-cont-right{ background:none !important;}
    .tab-switch-type .tab-cont-right.tab-pop-wp { /*position: fixed;*/ top: 50%; left: 40%; z-index: -1; width: 90%; max-height: 10.5rem; min-height: 5rem; margin: 0 10%; transform: translate(-50%, -50%);display: block; } 
    .tab-switch-type .tab-cont-right.tab-pop-wp .tab-pop-cont{background-color: #fff; border-radius: 0.3rem; padding:.4rem 0; box-sizing: border-box; width: 100%; min-height:2.3rem; position: relative;box-shadow: 0 0 20px #aaa;}
    .tab-switch-type .tab-cont-right.tab-pop-wp .pop-close { position:absolute; top: 0; right: 0; z-index: 9; width: 0.81rem; height: 0.81rem;  background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/ico-clo-m.png) no-repeat;   background-size: cover; display: none;}
    .tab-switch-type .tab-cont-right .txt-info{ padding-top: 0;}
    .tab-switch-type .tab-pop-wp .txt-info h4{ font-size: .3rem; padding-left: .5rem;}
    .tab-switch-type .tab-pop-wp .txt-info h4::before{ background-image: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/ico-location.png); background-size: contain; content: ""; position: absolute; width: .4rem; height: .4rem; top: .04rem; left: 0;}
    .tab-switch-type .tab-pop-wp .txt-info .txt-info-item{ margin-top: .4rem; font-size: .24rem; color: #666; line-height: .44rem} 
    .tab-switch-type .tab-pop-wp .txt-info .txt-info-item dt{ color: #000;}
    .tab-switch-type .tab-pop-wp .txt-info .txt-info-item dd{ color: #666;;}

    .contact-us .tab-switch-type .tab-nav{ padding: 0;}
    .contact-us .tab-switch-type .tab-cont-wp{ padding: 0 0 .6rem;margin-top: 0;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont{ display: block;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item{ width: auto; margin-right: 0;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item{ padding: .63rem .66rem; margin-bottom: .2rem;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dt{ font-size: .32rem;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd{ font-size: .24rem;}
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd p{ margin-top: .3rem; font-size: .22rem;}

    .company-info .cont-wp .img-slide-wp .img-slide-list,.company-info .cont-wp .img-slide-wp .img-slide-list li{border-top-left-radius: 0; border-bottom-left-radius: 0;}

    /**leader page mobile**/
    .role-wp { padding: auto;}
    .role-wp .role-img{ position: static; width: auto; height: 8.3rem;}
    .role-wp .role-cont{ padding: 0; margin: 0;}
    .role-wp .role-cont .txt-name{ font-size: .48rem; margin-top: .7rem; text-align: center;}
    .role-wp .role-cont .txt-info{ font-size: .28rem; margin-top: .28rem; display: block; text-align: center;}
    .role-wp .role-cont .txt-detail{ font-size: .24rem; margin-top: .3rem; line-height: .4rem; color: #666;}
    .role-wp .role-cont .btn-wp{ text-align: center; margin: .6rem auto;}
    .role-wp .role-cont .btn-download{ height: .76rem; border-radius: .37rem; font-size: .28rem; line-height: .76rem;}
    .role-wp .role-cont .btn-down:after{ background: url(/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/arr-down.png) no-repeat; background-size: cover;}

    /**csr mobile**/
    .page-banner{ height:4.2rem;}
    .page-banner .banner-img, .page-banner .banner-img img{ height: 4.2rem;}
    .page-banner .banner-info{  top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 0.5rem; width: 100%; box-sizing: border-box;}

    .csr-report{ margin-top: .2rem;}
    .csr-report .item-list .item{ border-bottom: #ccc solid 1px;}
    .csr-report .item-list .item:last-child{ border-bottom: none;}
    .csr-report .item-list .item-link{ padding: .4rem .1rem .4rem .8rem;  box-sizing: border-box; display: block; position: relative; color: #000;}
    .csr-report .item-list .item-link .item-tit{ font-size: .28rem; padding: 0; width: auto; line-height: .4rem;}
    .csr-report .item-list .item-link .date1{ font-size: .22rem; margin-top: .1rem; color: #000;}
    .csr-report .item-list .item-link .icon-pdf{ position: absolute; top: 50%; left: .1rem; margin-top: -.24rem; width: .4rem; height: .48rem;}
    .csr-report .item-list .item-link:hover{ background-color: none!important;}
    .csr-report .btn-wp{ text-align: center; margin-top: .2rem;}
    .csr-report .btn-wp .btn-nor{ min-width: .2rem; color: #000; border: #666 solid 1px; height: 0.76rem; border-radius: 0.37rem; font-size: .28rem; line-height: .76rem;}

 
    /**green moblie**/
    .green-pro .main-wp{ background-color: #fff;}
    .green-pro .main-wp .cont-box{ padding: 0;}
    .green-pro .tab-wp{ width: auto;}
    .green-pro .tab-wp .tab-list .tab-item{ font-size: .28rem; margin: 0 .6rem;}
    .main-wp .main-tit p{ font-size: .22rem;}
    .green-pro .main-wp .cont-box p{ font-size: .22rem; line-height: .36rem;}

    /**download mobile**/
    .download-page{ padding-bottom: .4rem;}
    .download-page .download-list{ display: block;}
    .download-page .download-list li{ width: auto; margin-right: 0; padding: .6rem 1.2rem .6rem .6rem;}
    .download-page .download-list li .tit a{ font-size: .3rem;}
    .download-page .download-list li .link-download{ font-size: .26rem;}
    .download-page .download-list li .link-download::after{ width: .24rem; height: .24rem; right: -0.15rem; top: 0.05rem;}

    .tab-switch-type .swiper-container{ z-index: 0 !important;}
    .tab-switch-type .swiper-container .swiper-wrapper{ z-index: 0 !important; min-height: 3rem;}
}