@charset "utf-8";
@import url("base.css");
@import url("aos.css");
@import url("swiper-bundle.min.css");


/**index**/
.tyHead{  width: 100%; position: fixed; left: 0; top: 0; z-index: 999; }
.tyHead:after { content: ""; background:var(--color-white); width: 100%; height: 0; position: absolute; left: 0; top: -0.05rem; box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1); }
.tyHead.topFix:after{ height: 100%; top: 0;}
.tyHead-logo{ width:1.87rem; position: relative; z-index: 10;}
.tyHead-menu{ flex: 2; justify-content: flex-end; padding-right:2.6vw;}
.tyHead-menu li{ position: relative; padding: 0.34rem 0; }
.tyHead-menu li a.far{ font-size: 0.18rem; padding: 0.1rem 2.6vw; line-height: 0.24rem; position: relative; z-index: 9;  display: inline-block;}
.tyHead-menu li a.far:after { content: ""; background: var(--color-white); width: 0.06rem; height: 0.06rem; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-radius: 100%; opacity: 0; }
.tyHead-menu li .subnav { width: 100%; position: absolute; left: 0; top: 0; z-index: 1; padding: 0.9rem 0 0.2rem 0; pointer-events: none; }
.tyHead-menu li .subnav:after { content: ""; background:var(--color-white); width: 100%; height: 0; position: absolute; left: 0; top: 0; border-radius: 0 0 0.1rem 0.1rem; box-shadow: 0 0 0.24rem rgba(0, 0, 0, .1); }
.tyHead-menu li .subnav:before { content: ""; background:var(--color-blue); width: 100%; position: absolute; left: 0; top: -0.03rem; height: 0.03rem; z-index: 1; }
.tyHead-menu li .subnav a { position: relative; z-index: 2; opacity: 0; font-size: 0.15rem; line-height: 0.46rem; color: var(--color-gray); text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tyHead-menu li .subnav a:hover { color:var(--color-blue); }
.tyHead-menu li.hover a.far{ font-weight: bold; color:var(--color-blue); }
.tyHead-menu li.hover a:after { background:var(--color-blue); opacity: 1; }
.tyHead-menu li.hover .subnav  { pointer-events: auto; }
.tyHead-menu li.hover .subnav:after { height: 100%; }
.tyHead-menu li.hover .subnav:before { top: 0; }
.tyHead-menu li.hover .subnav a { opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s; }
.tyHead-searchBtn { background:var(--color-blue); width: 0.4rem; height: 0.4rem; position: relative; z-index: 2; border-radius: 0.27rem; cursor: pointer; }

.tyHead-searchPopup { background:rgba(0,0,0,.5); position: fixed; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; visibility: hidden; z-index: 9999;  opacity: 0;}
.tyHead-searchPopup.is-visible { opacity: 1; visibility: visible;}
.tyHead-searchPopup.is-visible .cd-popup { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.tyHead-searchPopup .cd-popup{ background:var(--color-white); width: 60%; padding:0.4rem; margin: 0 auto; top: 50%;  border-radius:0.04rem; box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform;  }
.tyHead-searchPopup .search-box { padding: 0 0.56rem 0 0.2rem; border: 1px solid #e4eaec; border-radius:0.25rem;}
.tyHead-searchPopup .search-box .inpt{ background: none; width: 100%; height:0.46rem; padding: 0.08rem 0;}
.tyHead-searchPopup .search-box .sbtn { background: none; height:0.46rem; width: 0.46rem; position: absolute; right: 0; top: 0; cursor: pointer;}
.tyHead-searchPopup .close-btn { position: absolute; right: 0.1rem; top:0.1rem; font-weight: bold; }



.tyBanner li .text{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; }
.tyBanner li .text .cnt{ font-size: 0.56rem; opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw);}
.tyBanner li .text .ent{ opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw);}
.tyBanner li .mobox{ opacity: 0; pointer-events: none; -webkit-transform: translateY(4vw); transform: translateY(4vw); }
.tyBanner li .more{ padding: 0.15rem 0.32rem;}
.tyBanner li .more:after { content: ""; position: absolute; left: 0; width: 0.58rem; height: 100%; opacity: .25; border: 1px solid #000; border-radius:0.3rem; pointer-events: none;}
.tyBanner li .more .iconfont{ background: var(--color-blue); width: 0.16rem; height: 0.16rem; font-size: 0.12rem; color: var(--color-white); border-radius: 100%;}
.tyBanner li .text-box{ z-index: 3;}
.tyBanner li .text-box .label:nth-child(2) { margin-top: -0.28rem; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.tyBanner li .more:hover:after { width: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; }
.tyBanner li .more:hover .text-box .label:nth-child(1) { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.tyBanner li .more:hover .text-box .label:nth-child(2) { -webkit-transform: none; transform: none; opacity: 1; }
.tyBanner li.swiper-slide-active .text .cnt { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); }
.tyBanner li.swiper-slide-active .text .ent { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); }
.tyBanner li.swiper-slide-active .mobox { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1); transition: all 1s cubic-bezier(.4, 0, .2, 1); }

.tyBanner .scrollbar { position:absolute; bottom:0.7rem; left:6.5%; z-index:10;  }
.tyBanner .swiper-pagination { position: relative; width:2rem !important; left:auto !important; bottom:auto !important; display:flex; margin: 0 0.15rem;}
.tyBanner .swiper-pagination-bullet { background:var(--color-white); width:auto; flex:1; height:1px; position:relative; border-radius:0; margin:0 !important; cursor:pointer; opacity:1; }
.tyBanner .swiper-pagination-bullet:before{ content: ''; width:100%; height:1px; position:absolute; top:0; left:0; opacity:0;}
.tyBanner .swiper-pagination-bullet-active:before{ background:var(--color-blue); -webkit-animation:swiperPaginationWidth 6s; animation:swiperPaginationWidth 6s; opacity:1;}


@keyframes swiperPaginationWidth
{
    from { width: 0;}
    to { width: 100%;}
}
@-webkit-keyframes swiperPaginationWidth
{
    from { width: 0;}
    to { width: 100%;}
}


.tyAbout{ background: url(../images/tyAbout-bg.jpg) no-repeat right center; background-size: 34.375% auto;}
.tyAbout .w{ display: flex; justify-content: flex-end;}
.tyAbout-thumb{ width: 39.375%; height: 100%; position: absolute; left: 0; top: 0;}
.tyAbout-word{ width: 39.28%; padding: 2rem 0 2.2rem 0;}
.tyAbout-word .more{ padding: 0.15rem 0.32rem;}
.tyAbout-word .more:after { content: ""; position: absolute; left: 0; width: 0.58rem; height: 100%; opacity: .25; border: 1px solid #000; border-radius:0.3rem; pointer-events: none;}
.tyAbout-word .more .iconfont{ background: var(--color-blue); width: 0.16rem; height: 0.16rem; font-size: 0.12rem; color: var(--color-white); border-radius: 100%;}
.tyAbout-word .text-box{ z-index: 3;}
.tyAbout-word .text-box .label:nth-child(2) { margin-top: -0.28rem; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.tyAbout-word .more:hover:after { width: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; }
.tyAbout-word .more:hover .text-box .label:nth-child(1) { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.tyAbout-word .more:hover .text-box .label:nth-child(2) { -webkit-transform: none; transform: none; opacity: 1; }

.tyAbout-year{ padding-top: 1rem; margin-left: 6.77vw;}
.tyAbout-year .time{ align-items: center; padding-top: 1.2rem; text-transform: uppercase; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr;}
.tyAbout-year .number:before{ content: ''; background: rgba(102,102,102,.2); width: 1px; height: 2rem; position: absolute; left: 50%; top: 0.32rem;}


.tyProduct{ background: #f0f0f0; padding: 1rem 0 1.1rem 0;}
.tyProduct-head .tabs{ padding-right: 1.4rem;}
.tyProduct-head .tabs a{ line-height: 0.55rem; padding: 0 0.15rem; margin-right: 0.45rem; border-radius: 0.28rem;}
.tyProduct-head .tabs a.active{ background: var(--color-white); font-weight: bold; color: var(--color-blue);}
.tyProduct-list{ padding-top: 0.4rem;}
.tyProduct-list li .li-current{ margin-left: -0.4rem;}
.tyProduct-list li a{ background: var(--color-white); width: calc(25% - 0.4rem); display: inline-block; position: relative; margin: 0.35rem 0 0 0.4rem; padding: 0.15rem;}
.tyProduct-list li a:before{ content: ""; background: rgba(9, 29, 102, .8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.tyProduct-list li .thumb{ height: 3.2rem;}
.tyProduct-list li .thumb img{ max-height: 100%;}
.tyProduct-list li .text{ padding-top: 0.2rem; margin-bottom: 0.25rem; position: relative; z-index: 1; border-top:1px #efefef solid; }
.tyProduct-list li a:hover:before{ opacity: 1;}
.tyProduct-list li a:hover .thumb img{ transform:scale(0.9, 0.9);}
.tyProduct-list li a:hover .text{ color: var(--color-white); border: 0;}
.tyProduct-list .swiper-button-next, .tyProduct-list .swiper-button-prev{ background: var(--color-white); width: 0.58rem; height: 0.58rem; color: var(--color-blue); top:0; margin-top: auto;}
.tyProduct-list .swiper-button-next{ background: var(--color-blue); color: var(--color-white); right: 0;}
.tyProduct-list .swiper-button-prev{ right: 0.58rem; left: auto;}


.tyAdvant{ background-image: url(../images/tyAdvant-bg.jpg); padding: 1.2rem 0 2.1rem 0;}
.tyAdvant-body{ margin-top: 0.9rem;}
.tyAdvant-icon{ width: 9%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.tyAdvant-icon li{ position: relative; padding-bottom: 1.6rem;}
.tyAdvant-icon li .iconfont{ cursor: pointer; opacity: .7;}
.tyAdvant-icon li:before{ content: ''; background: rgba(255,255,255,.3); width: 1px; height: 1rem; position: absolute; left: 50%; top: 0.65rem;}
.tyAdvant-icon li:last-child { padding-bottom: 0;}
.tyAdvant-icon li:last-child:before{ display: none;}
.tyAdvant-icon li.on .iconfont{ opacity: 1;}

.tyAdvant-middle{ width: 51.5%; margin-left: 3.5%;}
.tyAdvant-middle-img li .img-box{ padding-bottom: 56.6279%;}
.tyAdvant-middle-text{  width: 100%; height: 1.36rem; position: absolute; top: 100%; left: -0.16rem; margin-top: -0.75rem; z-index: 3; text-align: left; }
.tyAdvant-middle-text li{ font-size: 0.7rem; line-height: 0.68rem;}

.tyAdvant-public{ width: 36%; display: flex; flex-direction: column; justify-content: space-between; padding:0.1rem 0.5rem 0.5rem 0.5rem;}
.tyAdvant-public .pub-tabs a{ height: 0.4rem; line-height:0.4rem; display: flex; justify-content: flex-end; align-items: center; color: var(--color-white); position: relative; margin-bottom: 0.6rem; cursor: pointer;}
.tyAdvant-public .pub-tabs a:after { content: ''; background-color: rgba(255, 255, 255, 0.2); width: .46rem; height: 1px; margin-left: 0.2rem;}
.tyAdvant-public .pub-tabs a.on,.tyAdvant-public .pub-tabs a:hover{ font-size: 0.3rem; }
.tyAdvant-public .pub-tabs a.on:after, .tyAdvant-public .pub-tabs a:hover:after { background-color:var(--color-white); width: 0.96rem; margin-right: 0.2rem; }
.tyAdvant-public .pub-text li{ line-height: 0.36rem;}



.tyNews{ background: #f0f0f0; padding: 0.95rem 0 1rem 0;}
.tyNews-top .more{ padding: 0.15rem 0.32rem;}
.tyNews-top .more:after { content: ""; position: absolute; left: 0; width: 0.58rem; height: 100%; opacity: .25; border: 1px solid #000; border-radius:0.3rem; pointer-events: none;}
.tyNews-top .more .iconfont{ background: var(--color-blue); width: 0.16rem; height: 0.16rem; font-size: 0.12rem; color: var(--color-white); border-radius: 100%;}
.tyNews-top .text-box{ z-index: 3;}
.tyNews-top .text-box .label:nth-child(2) { margin-top: -0.28rem; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.tyNews-top .more:hover:after { width: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; }
.tyNews-top .more:hover .text-box .label:nth-child(1) { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.tyNews-top .more:hover .text-box .label:nth-child(2) { -webkit-transform: none; transform: none; opacity: 1; }

.tyNews-left{ width: 26%;}
.tyNews-left a{ display: block; padding-bottom: 145.53%;}
.tyNews-left .text{ position:absolute; left:0.25rem; right: 0.25rem; bottom: 0.25rem; z-index: 3; color:var(--color-white);}
.tyNews-left a:hover img{ transform: scale(1.2);}

.tyNews-center{ width:28.6%; padding-left: 0.4rem;}
.tyNews-center a{ background: var(--color-white); width:100%; padding: 0.4rem 0.3rem 0.35rem 0.3rem; flex-direction: column;}
.tyNews-center .text .m{ background: var(--color-blue); width: 0.5rem; height: 0.5rem; color: var(--color-white); font-size: 0.22rem; border-radius: 100%;}
.tyNews-center .thumb{ padding-bottom: 63.92%;}
.tyNews-center a:hover .thumb img{ transform: scale(1.2);}

.tyNews-right{ width: 45.4%; padding-left: 0.4rem;}
.tyNews-right li{ margin-top: 0.26rem;}
.tyNews-right li:first-child{ margin-top: 0;}
.tyNews-right li a{ background: var(--color-white); padding: 0.2rem 0.45rem;}
.tyNews-right li .time{ width: 1rem; padding-top: 0.15rem;}
.tyNews-right li .text { width: calc(100% - 1rem); padding:0.2rem 0 0.15rem 0.3rem; border-left: 1px solid #EBEBEB; }
.tyNews-right li a:hover{ background: var(--color-blue); border-radius: 0.1rem;}
.tyNews-right li a:hover *{ color: var(--color-white);}



.tyFooter{ background-image: url(../images/tyFooter-bg.jpg); padding: 0.65rem 0 0.25rem 0;}
.tyFooter a:hover{ color: var(--color-white);}
.tyFooter-top-contact{ width: 46%;}
.tyFooter-top-contact .f-text{ padding-top: 0.2rem;}
.tyFooter-top-contact .f-text dl dd{ padding-left: 0.32rem;}
.tyFooter-top-siteMap .text a{ display: block; margin-top: 0.2rem;}
.tyFooter-top-message{ width: 22%; text-align: right;}
.tyFooter-top-message .btn{ width: 1.88rem; height: 0.55rem; color: var(--color-white); margin-left: auto; border: 1px solid var(--color-white); border-radius: 0.6rem; }
.tyFooter-top-message .btn:hover{ background: var(--color-white); color: var(--color-blue);}
.tyFooter-top-message .code{ max-width: 1.18rem; margin-left: auto; text-align: center;}



/**分页样式**/
.pmain-page{ padding-top:0.5rem;}
.pmain-page a{ background: #f1eff0; line-height: 0.46rem; padding: 0 0.18rem; margin: 0 0.05rem; color: var(--color-light); border-radius:0.03rem;}
.pmain-page .nowpage { background: var(--color-blue); line-height: 0.46rem; padding: 0 0.18rem; margin: 0 0.05rem; color: var(--color-white); border-radius:0.03rem;}
.pmain-page a:hover { background: var(--color-blue); color: var(--color-white); }


/**新闻中心**/
.pnews-page{ padding: 0.6rem 0;}
.pnews-aside{ width: 26%; padding-right: 4%; padding-top:2rem;}
.pnews-aside .as-title .en{ font-size: 0.7rem; line-height: 0.9rem;}
.pnews-aside .as-menu a { width: 72%; height: 0.65rem; padding:0 0.25rem; margin-bottom: 0.15rem; position: relative; display: flex; align-items: center; justify-content: space-between; }
.pnews-aside .as-menu a::before { content: ""; background: var(--color-blue); display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.pnews-aside .as-menu a.active, .pnews-aside .as-menu a:hover { color: var(--color-white); }
.pnews-aside .as-menu a.active:before,.pnews-aside .as-menu a:hover::before { width: 100%; }

.pnews-body{ width: 74%; padding-left: 5%;  margin-top:1.5rem; border-left: 1px #eaeaea solid;}
.pnews-swiper li a{ background: #edeff1;}
.pnews-swiper li .imgbox{ width: 45.59%; padding-bottom: 27.53%;}
.pnews-swiper li .infobox{ width: 54.41%; padding: 0.3rem;}
.pnews-swiper li:hover .imgbox img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.pnews-swiper .swiper-pagination{ bottom: 0.4rem;}
.pnews-swiper .swiper-pagination-bullet-active{ background: var(--color-blue);}

.pnews-list li{padding: 0.5rem 0; border-top: 1px solid rgba(0,67,133,.1);}
.pnews-list li .imgbox{ width: 31.49%; padding-bottom: 15.53%;}
.pnews-list li .infobox{ width: 68.51%; padding-left:0.5rem;}
.pnews-list li:hover .imgbox img { -webkit-transform: scale(1.1); transform: scale(1.1); }


.pnews-details-head .return{ position: absolute; right: 0; top: 0.1rem; padding-bottom: 0.1rem; }
.pnews-details-head .return:before{ content: ''; background: var(--color-blue); width: 0; height: 1px; position: absolute; left: 0; bottom: 0;}
.pnews-details-head .return:hover:before{ width: 100%;}
.pnews-details-desc p{ margin-bottom: 0.3rem;}


/**产品中心**/
.product-banner .ban-back{ padding-bottom: 36.458333%;}
.product-banner .ban-read{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
.product-banner .ban-read .en-t{ font-size: 0.88rem; line-height: 1;}

.product-sort{ width: 15%;}
.product-sort .sort-title{ padding-bottom:0.2rem; border-bottom: 1px #e0e0e0 solid;}
.product-sort .sort-menu li{ padding:0.15rem 0; cursor: pointer;}
.product-sort .sort-menu li .name{  width: calc(100% - 1.6666vw); }
.product-sort .sort-menu li .label:before{  content: "";  background:var(--color-blue); width: 0.08rem; height: 0.08rem; position: absolute; left: -100%; top: 50%; margin-left: 0.04rem; transform: translateY(-50%); border-radius: 100%; opacity: 0; }
.product-sort .sort-menu li .label .iconfont{ display: block; position: relative; left: 0; pointer-events: none;}
.product-sort .sort-menu li:hover .label:before, .product-sort .sort-menu li.active .label:before { left: 0; margin: 0; opacity: 1; }
.product-sort .sort-menu li:hover .label .iconfont, .product-sort .sort-menu li.active .label .iconfont { left: 0.08rem; opacity: 0; }

.product-body{ width: 83.83%;}
.product-list{ margin-left:-0.2rem;}
.product-list li{ background: #f1f1f1; width: calc(25% - 0.2rem); margin: 0 0 0.3rem 0.2rem;}
.product-list li a{ width: 100%; display: block; position: relative;}
.product-list li a:before{ content: ""; background: rgba(9, 29, 102, .8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.product-list li .thumb{ padding-bottom: 100%;}
.product-list li .text{ padding: 0.3rem 0.2rem; position: relative; z-index:3;}
.product-list li a:hover:before{ opacity: 1;}
.product-list li a:hover .thumb img{ transform:scale(0.9, 0.9);}
.product-list li a:hover .text{ color: var(--color-white);}


.pro-cursor { width: 0.7rem; height: 0.7rem; position: absolute; left: -0.35rem; top: -0.35rem; z-index: 998; pointer-events: none; transition: none; }
.pro-cursor.cursor-show .pro-cursor-text { width: 100%; transform: none; color:var(--color-white); }
.pro-cursor-text{ background: #1642bb; width: 100%; height: 100%; border-radius: 100%; transform: scale(0); }


.product-details-nav{ padding: 0.15rem 0; margin-top:1.15rem; border-bottom: 1px #ebeef6 solid;}
.product-details-nav .w{ justify-content: flex-end;}
.product-details-nav .nav-item{ width: 41%;}
.product-details-nav .nav-item a{ position: relative; margin-right: 0.9rem;}
.product-details-nav .nav-item a:last-child{ margin-right: 0;}
.product-details-nav .nav-item a:before{ content: ''; background: #dfdfdf; width: 0.1rem; height: 0.1rem; position: absolute; left: 50%; bottom: -0.2rem; transform: translateX(-50%); border-radius: 50%;}
.product-details-nav .nav-item a.active{ color: var(--color-blue);}
.product-details-nav .nav-item a.active:before{ background: var(--color-blue);}

.product-details-page:before{ content: ''; background: #f4f4f4; width: 50%; height: 100%; position: absolute; left: 0; top: 0;}
.product-details-page .page-pic{ width: 50%; height: 7.1rem; position: relative; z-index: 2;}
.product-details-page .page-pic img{ max-height: 100%;}
.product-details-page .page-word{ width: 41%; padding-top: 0.9rem;}
.product-details-page .page-word .wf{ padding-top: 0.9rem; border-top: 1px #ebebeb solid;}

.product-details-public{ padding: 0.75rem 0;}
.product-details-public .title{ line-height: 1; padding-left: 0.2rem;}
.product-details-public .title:before{ content: ''; background: var(--color-blue); width: 0.06rem; height: 0.26rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


/**联系我们**/
.pcontact-other{ height: 6.5rem;}
.pcontact-other .other-layer{ width: 68.38%; height: 100%; position: absolute; right: 0; top: 0; }
.pcontact-other .other-layer .thumb{ width: 100%; height: 100%;}
.pcontact-filed{ padding: 1.5rem 0 1.2rem 0;}
.pcontact-filed dl dt:before{ content: ''; background: linear-gradient(to right, var(--color-blue), var(--color-white)); width: 0.29rem; height: 0.29rem; position: absolute; left: -0.1rem; top: -0.05rem; opacity: .5; border-radius: 50%;}
.pcontact-map{ height: 6rem;}

.pmessage{ background: var(--color-blue);}
.pmessage-layout{ width: 50%; padding: 1rem 0.8rem 1rem 0;}
.pmessage-layout-title .cn-title{ padding-left: 0.3rem;}
.pmessage-layout-title .cn-title:before{ content: ''; background: var(--color-white); width: 0.2rem; height: 0.02rem; position: absolute; left: 0; top: 50%;}
.pmessage-layout-filed{ margin-left: -0.2rem;}
.pmessage-layout-filed li{ width: 50%; padding-left:0.2rem; margin-top: 0.7rem; position: relative;}
.pmessage-layout-filed li.win100 { width: 100%; }
.pmessage-layout-filed li .inpt{ width: 100%; height: 0.6rem; line-height: 0.6rem; color:var(--color-white);}
.pmessage-layout-filed li .yzmIn{ position: absolute; right: 0.1rem; bottom: 0.1rem;}
.pmessage-layout-filed li .yzmIn img{ height: 0.4rem;}
.pmessage-layout-filed li .ljbtn{ background: #2b44c0; width: 100%; height:0.86rem; font-size:0.24rem; color:var(--color-white); border-radius:0.8rem; cursor: pointer;}
.pmessage-layout-filed li .ljbtn:hover{ opacity: 0.8;}

.pmessage-thumb{ width: 50%; height: 100%; position: absolute; right: 0; top: 0;}


/**人力资源**/
.phuman-idea{ padding: 1.3rem 0 1.1rem 0;}
.phuman-idea-head{ width: 32.33%;}
.phuman-idea-tips{ max-width: 50%;}
.phuman-idea-page{ padding-bottom: 1.6rem;}
.phuman-idea-page .public{ width: 48.56%;}
.phuman-idea-page .content{ width: 49%;}

.phuman-jobs-body{ width: 67.67%; padding-bottom: 1.1rem;}
.phuman-jobs-list{ border-bottom: 1px #e0e0e0 solid;}
.phuman-jobs-list li{ padding: 0.5rem 0; position: relative; border-top: 1px #e0e0e0 solid; cursor: pointer;}
.phuman-jobs-list li .js-tips{ width:20%;}
.phuman-jobs-list li .js-title{ width: 27.6%; padding: 0 0.2rem;}
.phuman-jobs-list li .js-text{ width: 41%; height: 0; overflow: hidden;}
.phuman-jobs-list li .js-button{ width:0.58rem; height: 0.58rem; border: 1px solid var(--color-blue); border-radius: 50%;}
.phuman-jobs-list li .js-button .iconfont{ background: var(--color-blue); width: 0.18rem; height: 0.18rem; color: var(--color-white); font-size: 0.12rem; border-radius: 50%;}
.phuman-jobs-list li:hover .js-button{ background: var(--color-blue);}
.phuman-jobs-list li:hover .js-button .iconfont{ background: var(--color-white); color: var(--color-blue);}
.phuman-jobs-list li.js-active .js-button{ opacity: 0;}


/**关于我们**/
.pabout-page{ padding-top: 1.5rem;}
.pabout-page-body{ margin-top: 0.7rem;}
.pabout-page-body .w{ justify-content: flex-end;}
.pabout-page-body .details-pic{ width: 52.08333%; position: absolute; left: 0; top: 0;}
.pabout-page-body .details-pic .cover{ padding-bottom: 54.5%; }
.pabout-page-body .details-content{ width: 43%; min-height: 5.45rem;}
.pabout-page-body .details-content .year{ font-size: 0.6rem;}
.pabout-page-body .details-content .since{ font-size: 0.8rem; text-transform: uppercase; opacity:.1;}
.pabout-page-body .details-content .label{ position: absolute; left: 0; top: 0;}


.pabout-culture{ margin-top: 1.4rem; padding-bottom: 0.8rem;}
.pabout-culture li .li-box{ background-color: #fafbff; position: relative; padding: 0.5rem 0.7rem; border-right: 2px var(--color-white) solid;}
.pabout-culture li .icon{ width: 0.58rem; height: 0.58rem; color: var(--color-blue); font-size: 0.24rem; border-radius: 50%; border: 1px solid var(--color-blue); }
.pabout-culture li .num{ font-size: 0.7rem; color: var(--color-blue); opacity: .6; line-height: 1;}
.pabout-culture li .cont .c{ min-height: 0.52rem;}
.pabout-culture li .li-box:hover{ background: var(--color-blue);}
.pabout-culture li:hover *{ color: var(--color-white);}
.pabout-culture li:hover .icon{ border-color: var(--color-white);}
.pabout-culture .swiper-pagination{ position: relative; margin-top: 0.5rem; font-size: 0.3rem; color: var(--color-blue); text-align: left;}
.pabout-culture .swiper-pagination .swiper-pagination-current{ font-size: 0.5rem;}

.pabout-honor{ background: #f2f3f5; padding: 1.3rem 0;}
.pabout-honor-list li .li-box{ padding-top: 1rem;}
.pabout-honor-list li .thumb{ width: 100%; height: 2.16rem;}
.pabout-honor-list li .thumb img{ width: auto; height: auto; max-height: 100%; -webkit-box-shadow: 0 0 0.6rem rgba(152, 152, 152, .25); box-shadow: 0 0 0.6rem rgba(152, 152, 152, .25); }
.pabout-honor-list li:hover .thumb img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev { width:0.58rem; height: 0.58rem; top:0.6rem; margin-top: auto; border:1px solid #bfbfbf; border-radius: 50%;}
.pabout-honor-list .swiper-button-next .iconfont, .pabout-honor-list .swiper-button-prev .iconfont{ background: #bfbfbf; width: 0.18rem; height: 0.18rem; color: var(--color-white); font-size: 0.12rem; border-radius: 50%;}
.pabout-honor-list .swiper-button-prev{ left: auto; right: 0.9rem;}
.pabout-honor-list .swiper-button-next:hover{ background: var(--color-blue);}
.pabout-honor-list .swiper-button-next:hover .iconfont{ background: var(--color-white); color: var(--color-blue);}
.pabout-honor-list .swiper-button-prev:hover{ background: var(--color-blue);}
.pabout-honor-list .swiper-button-prev:hover .iconfont{ background: var(--color-white); color: var(--color-blue);}


.pabout-office{ padding: 1.1rem 0 0.8rem 0;}
.pabout-office-sider li{ padding:0 0.25rem;}
.pabout-office-sider li .thumb{ padding-bottom: 58%; border-radius: 0.1rem;}
.pabout-office-sider li:hover .thumb img{ transform: scale(1.15);}
.pabout-office-sider .swiper-button-next, .pabout-office-sider .swiper-button-prev{ width: 0.6rem; height: 0.6rem; margin-top: -0.3rem; font-size: 0.24rem; font-weight: bold; color: var(--color-blue); border-radius: 50%; border:0.02rem solid var(--color-blue);}
.pabout-office-sider .swiper-button-prev{ left: -0.8rem;}
.pabout-office-sider .swiper-button-prev:hover{ background: var(--color-blue); color: var(--color-white);}
.pabout-office-sider .swiper-button-next{ right: -0.8rem;}
.pabout-office-sider .swiper-button-next:hover{ background: var(--color-blue); color: var(--color-white);}


/**菜单**/
.Mobile-button{ background:var(--color-blue); width:50px; height:100%; position:absolute; top:0; right:0; z-index: 1; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; transition:var(--transition);}
.Mobile-button .solid2{ margin:8px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}

.Mobile-menu{ background:var(--color-blue); width:100%; height:100%; position:fixed; z-index:98; top:0; left:-100%; overflow-y:auto; padding:70px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li .lit{ display:flex; align-items:center; justify-content:center; padding:15px 0;}
.Mobile-menu li .lit a{ font-size:17px; color: var(--color-white); font-weight:bold;}
.Mobile-menu li .lic{ display:none;}
.Mobile-menu li .lic li a{ font-size:15px; font-weight:500; text-align: center; display:block; padding:10px 0; color: var(--color-white); opacity: .7; }