/**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(https://51javac.com/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**/

#zte-nav .nav-content .nav-main .zte-navbar .navbar-container .navbar-menu .menu-nav {
    background-color: #fff;
}


/**index page**/

.main-wp {
    max-width: 13.14rem;
    width: 100%;
    margin: 0 auto;
}

.main-banner {
    width: 100%;
    height: 13.2rem;
    margin: .7rem auto 0;
    overflow: hidden;
    position: relative;
}

.main-banner .main-tit {
    width: 100%;
    position: absolute;
    z-index: 20;
    top: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 19;
}

.main-banner .main-tit-sty h2 {
    font-size: .6rem;
    line-height: 1rem;
    color: #fff;
    text-align: center;
    letter-spacing: 8px;
}

.banner-img {
    width: 100%;
    height: 13.2rem;
    position: absolute;
}

.banner-img img {
    width: 100%;
    height: 100%;
    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-banner .mask-move {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 20;
    opacity: 0;
}

.company-info {
    position: absolute;
    top: 8.8rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 21;
}

.main-wp .main-tit {
    padding: .8rem 0 .36rem;
    text-align: center;
}

.main-wp .main-tit h1 {
    font-size: .36rem;
}

.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 {
    display: flex;
    height: 3.96rem;
    border-radius: .3rem;
    position: relative;
}

.company-info .cont-wp .img-slide-wp {
    width: 6.5rem;
    height: 3.96rem;
    border-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.5rem;
    height: 3.96rem;
    overflow: hidden;
    border-radius: .3rem;
}

.company-info .cont-wp .img-slide-wp .img-slide-list li img {
    border-radius: .3rem;
    object-fit: cover;
    width: 100%;
}

.company-info .cont-wp .txt-info-wp {
    display: flex;
    align-items: center;
    padding-left: .6rem;
}

.company-info .cont-wp .txt-info-detail h2 {
    font-size: .3rem;
    color: #000;
}

.company-info .cont-wp .txt-info-detail h3 {
    font-size: .2rem;
    display: block;
    margin: .15rem 0;
    font-weight: normal;
}

.company-info .cont-wp .txt-info-detail p {
    font-size: .18rem;
    line-height: .3rem;
    color: #666;
    text-align: justify;
}

.rd-invest .cont-wp {
    padding: .6rem .8rem 0;
    box-sizing: border-box;
}

.rd-invest .main-cont {
    background: #f3f5f8;
    border-radius: .3rem;
}

.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(https://51javac.com/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 .management-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.leader-info .manager-card {
    width: 21%;
    min-width: 2.1rem;
    background: #fff;
    border-radius: .32rem 0 0 0;
    overflow: hidden;
    box-shadow: 0 .04rem .2rem rgba(0, 0, 0, 0.08);
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-left: -.32rem;
}

.leader-info .manager-card:first-child {
    border-radius: .32rem 0 0 .08rem;
    margin-left: 0;
}

.leader-info .manager-card:last-child {
    border-radius: .32rem .08rem .32rem 0;
}

.leader-info .manager-card:hover {
    transform: translateX(-.1rem);
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.15);
}

.leader-info .manager-photo {
    width: 100%;
    height: 5rem;
    position: relative;
    overflow: hidden;
}

.leader-info .manager-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.leader-info .manager-card:hover .manager-photo img {
    transform: scale(1.05);
}

.leader-info .manager-photo::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    pointer-events: none;
}

.leader-info .manager-info {
    min-height: 1.2rem;
    position: absolute;
    left: .2rem;
    right: .4rem;
    bottom: 0.1rem;
    color: #ddd;
}

.leader-info .manager-name {
    font-size: .24rem;
    margin-bottom: .08rem;
    letter-spacing: 0.5px;
}

.leader-info .manager-role {
    font-size: .14rem;
    line-height: 1.5;
    word-break: break-all;
}


/* 图片加载失败时的备用样式 */

.leader-info .manager-photo img[alt]:after {
    content: attr(alt);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #666;
    font-size: 14px;
    text-align: center;
}

.quality-policy {
    height: 7.2rem;
    background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/images/pc-quality-policy.jpg) no-repeat;
    background-size: 100% 100%;
}

.quality-policy .main-tit {
    padding: 1.3rem 0 .5rem;
}

.quality-policy .main-tit h3 {
    color: #fff;
}

.quality-policy .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .7rem;
    row-gap: .5rem;
}

.quality-policy .content .cont-item {
    display: flex;
    padding-top: .15rem;
    border-top: 1px solid #aaa;
}

.quality-policy .content .cont-item.mobShow {
    display: none;
}

.quality-policy .content .cont-item h4 {
    color: #fff;
    font-size: .24rem;
    line-height: .36rem;
    margin-right: .3rem;
}

.quality-policy .content .cont-item .p-line {
    flex: 1;
}

.quality-policy .content .cont-item p {
    color: #ddd;
    font-size: .18rem;
    line-height: .3rem;
}

.quality-policy .content .cont-item p.full {
    text-align: justify;
    text-align-last: justify;
}

.quality-policy .content .cont-item p.normal {
    letter-spacing: 2px;
}

.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(2),
.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-link .img-info .btn-nor {
    margin-top: .34rem;
}

.corp-culture {
    padding-bottom: .8rem;
}

.corp-culture .main-cont {
    background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/bg-c.jpg) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 4.24rem;
    border-radius: .3rem;
    position: relative;
    display: flex;
}

.corp-culture .main-cont .txt-wp {
    width: calc((100%) / 3);
    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: .24rem;
    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;
}

.corp-culture .main-cont .txt-wp.active:nth-child(1) {
    background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/bg-c1.jpg) no-repeat;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.corp-culture .main-cont .txt-wp.active:nth-child(2) {
    background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/bg-c2.jpg) no-repeat;
}

.corp-culture .main-cont .txt-wp.active:nth-child(3) {
    background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/bg-c3.jpg) no-repeat;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
}

.global-sale {
    padding-bottom: .5rem;
}

.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;
}

.tab-switch-type .tab-nav .tab-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* 改动 */

.tab-switch-type .tab-nav .tab-nav-list li {
    width: 1.6rem;
    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(https://51javac.com/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: .16rem;
    color: #000;
}

.contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd {
    font-size: .14rem;
    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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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(https://51javac.com/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;
}

@media only screen and (max-width: 1920px) and (min-width: 991px) {
    .main-banner {
        height: 11.5rem;
    }
    .main-banner .main-tit-sty h2 {
        font-size: .4rem;
        line-height: .7rem;
    }
    .main-banner .banner-img,
    .main-banner .banner-img img {
        height: 9.9rem;
    }
    .company-info {
        top: 7rem;
    }
    .leader-info .manager-role {
        font-size: .16rem;
    }
}


/**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(https://51javac.com/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: 14.5rem;
        margin-top: 0;
    }
    .main-banner .banner-img,
    .main-banner .banner-img img {
        height: 9.5rem;
    }
    .main-banner .banner-info {
        top: 40%;
    }
    .main-wp .main-tit {
        padding: .6rem 0 .3rem;
    }
    .main-banner .main-tit-sty h2 {
        font-size: .36rem;
        line-height: .7rem;
    }
    /* 改动 */
    .vjs-poster {
        background-size: cover;
    }
    .dev-history .video-wp .video-js video {
        object-fit: contain;
    }
    /* 结束 */
    .quality-policy {
        height: 10.6rem;
        background: url(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/images/mob-quality-policy.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .quality-policy .main-tit {
        padding: 1rem 0 .5rem;
    }
    .quality-policy .content {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: .4rem;
    }
    .quality-policy .content .cont-item {
        display: flex;
        padding-top: .15rem;
        border-top: 1px solid #aaa;
    }
    .quality-policy .content .cont-item h4 {
        color: #fff;
        font-size: .3rem;
        line-height: .36rem;
        margin-right: .3rem;
    }
    .quality-policy .content .cont-item p {
        color: #ddd;
        font-size: .24rem;
        line-height: .36rem;
    }
    .quality-policy .content .cont-item.mobShow {
        display: flex;
    }
    .quality-policy .content .cont-item.mobHide {
        display: none;
    }
    .quality-policy .content .cont-item p.full {
        text-align-last: auto;
    }
    .company-info {
        top: 5.8rem;
    }
    .company-info .cont-wp {
        height: auto;
        flex-direction: column;
    }
    .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,
    .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 h3 {
        font-size: .28rem;
        line-height: .36rem;
    }
    .company-info .cont-wp .txt-info-detail p {
        font-size: .24rem;
        line-height: .32rem;
    }
    .rd-invest {
        padding: 0;
        padding-bottom: .8rem;
        background: #f3f5f8;
    }
    .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 .management-list {
        align-items: normal;
        justify-content: normal;
    }
    .leader-info .manager-card {
        width: calc((100% - .2rem) / 2);
        min-width: auto;
        height: 4.8rem;
        margin-left: 0;
        border-radius: .16rem;
        align-items: normal;
        justify-content: initial;
    }
    .leader-info .manager-card:nth-child(2n+1) {
        margin: 0 .2rem .2rem 0;
    }
    .leader-info .manager-card:first-child {
        border-radius: .16rem;
        margin-left: 0;
    }
    .leader-info .manager-card:last-child {
        border-radius: .16rem;
        margin-left: 0;
        margin: 0;
    }
    .leader-info .manager-photo {
        width: 100%;
        height: 100%;
    }
    .leader-info .manager-info {
        bottom: .2rem;
    }
    .leader-info .manager-role {
        font-size: .2rem;
    }
    .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(2) {
        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: .6rem;
    }
    .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(https://51javac.com/content/dam/zte-site/res-www-zte-com-cn/company_overview/img/bg-m-c1.jpg) no-repeat;
        background-size: contain;
        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: .9rem;
        border-radius: .3rem;
        box-sizing: border-box;
    }
    .corp-culture .main-cont .txt-wp .txt-item dt {
        font-size: .32rem;
    }
    .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: .26rem;
    }
    .corp-culture .tab-switch-type .tab-nav .tab-nav-list {
        min-width: auto;
    }
    .corp-culture .tab-switch-type .tab-nav .tab-nav-list li {
        margin: 0 .5rem;
    }
    .tab-switch-type .tab-nav .tab-nav-list li {
        font-size: .28rem;
        width: auto;
        margin: 0 .25rem;
    }
    .tab-switch-type .tab-nav .tab-nav-list li.on::after {
        width: 100%;
    }
    .global-sale {
        padding-bottom: .6rem;
    }
    .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: 11rem;
    }
    .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: .26rem;
        margin-bottom: .29rem;
    }
    .tab-switch-type .tab-cont-left .item .txt {
        color: #222;
        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: 6.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(https://51javac.com/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(https://51javac.com/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;
    }
    .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: .4rem;
        margin-bottom: .2rem;
    }
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dt {
        font-size: .28rem;
    }
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd {
        font-size: .22rem;
    }
    .contact-us .tab-switch-type .tab-cont-wp .tab-cont-item .cont-item dd p {
        margin-top: .3rem;
        font-size: .22rem;
    }
    /**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(https://51javac.com/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;
    }
}