/**basic**/
*{ font-family: "FZLTHJW--GB1-0", "microsoft yahei", arial, sans-serif;}
body{ font-size: .11rem;}
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(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%;margin: 0 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%;  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(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(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(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;  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(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(bg-c2.jpg) no-repeat;}
.corp-culture .main-cont .txt-wp.active:nth-child(3){background: url(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.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(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(arr-right.png) no-repeat;background-size: cover;}
.role-wp .role-cont .btn-download:hover:after{background: url(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(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(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(icon-pre-def.png) no-repeat; background-size: cover;}
.page-wp .page-pre:hover{background: url(icon-pre-on.png) no-repeat; background-size: cover;}
.page-wp .page-next{background: url(icon-next-def.png) no-repeat; background-size: cover;}
.page-wp .page-next:hover{background: url(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(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(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(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(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: 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: .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(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(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(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;}
}