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


/**index**/
.swHead-top{ background-color: var(--color-white); padding: 0.24rem 0; position: relative; z-index: 999;}
.swHead-top .logo{ width: 4.19rem;}
.swHead-top .search{ background-color: #e5ebf9; width: 2.1rem; border-radius: 0.25rem;}
.swHead-top .search .inpt{ width: 100%; height: 0.5rem; padding: 0.1rem 0 0.1rem 0.25rem;}
.swHead-top .search .btn{ background: none; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); cursor: pointer;}

.swHead-menu{ background:var(--color-blue); z-index:10;}
.swHead-menu li{ flex:1; position:relative; text-align:center;}
.swHead-menu li a.far{ font-size:0.18rem; color:var(--color-white); font-weight: bold; display:block; line-height:0.72rem;}
.swHead-menu li.active a.far, .swHead-menu li:hover a.far{ background:var(--color-white); color:var(--color-blue);}
.swHead-menu li .subNav{ background:var(--color-blue); width:100%; position:absolute; right:0; top:100%; display: none; transition: none; border-radius:0 0 0.1rem 0.1rem; box-shadow:0 1px 1px rgb(0,0,0,.3); }
.swHead-menu li .subNav a{ color: var(--color-white); padding: 0.1rem 0; display:block; }
.swHead-menu li .subNav a:hover{ background:var(--color-white); color:var(--color-blue);}


.swBanner li img{ width: 100%;}
.swBanner .swiper-button-next, .swBanner .swiper-button-prev{ background-color: rgba(255,255,255,.5); width: 0.58rem; height: 0.58rem; margin-top: -0.3rem; opacity: 1; border-radius:100%;}
.swBanner .swiper-button-next{ right: 6.77%;}
.swBanner .swiper-button-next:hover{ background-color: var(--color-white);}
.swBanner .swiper-button-prev{ left: 6.77%;}
.swBanner .swiper-button-prev:hover{ background-color: var(--color-white);}


.swMain{ padding: 0.65rem 0;}
.swNews-head .more{ line-height: 0.39rem; padding: 0 0.33rem; border: 1px #c4c4c4 solid; border-radius: 0.2rem;}
.swNews-head .more:hover{ background-color: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}

.swNews-picture{ width: 75.33%;}
.swNews-picture li .thumb{ padding-top: 37.699%;}
.swNews-picture li .title{ max-width: 81%;}
.swNews-picture .swiper-pagination{ width: auto !important; left: auto !important; right: 0; bottom: 0.05rem; }
.swNews-picture .swiper-pagination-bullet{ background: #c4c4c4; width: 0.21rem; height: 0.03rem; opacity: 1; margin: 0 0.05rem !important; border-radius: 0;}
.swNews-picture .swiper-pagination-bullet-active{ background: var(--color-blue); width: 0.62rem;}

.swNews-list{ background-color: #f6f6f6; width: 23%; padding: 0.23rem 0.3rem;}
.swNews-list li{ padding: 0.08rem 0;}

.swNews-popular{ margin-left: -0.25rem;}
.swNews-popular li{ width: calc(33.33% - 0.25rem); margin-left: 0.25rem; position: relative;}
.swNews-popular li .thumb{ padding-top: 32.78%;}
.swNews-popular li .title{ background-color: rgba(0,0,0,.8); width: 100%; line-height: 0.34rem; color: var(--color-white); padding: 0 0.15rem; position: absolute; left: 0; bottom: 0; z-index: 2;}
.swNews-popular li:hover .title{ background-color: rgba(72,102,175, 0.8);}


.swProduct{ justify-content: space-between;}
.swProduct-layout{ width: 20%; height: auto; padding: 0.6rem 0.35rem 0 0.35rem;}
.swProduct-layout .title{ padding-bottom: 0.3rem;}
.swProduct-layout .title:before{ content: ''; background-color: var(--color-white); width: 0.4rem; height: 0.01rem; position: absolute; left: 0; bottom: 0;}
.swProduct-layout .more{ background-color: var(--color-white); width: 0.36rem; height: 0.36rem; border-radius: 100%;}

.swProduct-party{ background-color: #f4f6fa; width: 57.33%;}
.swProduct-party .word{ width: 54.65%; padding: 0 0.65rem;}
.swProduct-party .word .m{ line-height: 0.39rem; padding: 0 0.3rem; display: inline-block; border: 1px #c4c4c4 solid; border-radius: 0.2rem;}
.swProduct-party .word .m:hover{ background-color: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}
.swProduct-party .thumb{ width: 45.35%; padding-top: 59.08%;}


.swInvestor-floor{ margin-top: 0.75rem;}
.swInvestor{ width: 56%;}
.swInvestor-head{ padding-bottom: 0.3rem; border-bottom: 1px #efefef solid;}
.swInvestor-head .tabs a{line-height: 0.39rem; padding: 0 0.3rem; margin-left: 0.1rem; border: 1px #c4c4c4 solid; border-radius: 0.2rem;}
.swInvestor-head .tabs a.active{ background-color: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}

.swInvestor-list ul{ display: none;}
.swInvestor-list ul:first-child{ display: block;}
.swInvestor-list li{ margin-top: 0.25rem;}


.swStock{ width: 39.33%;}
.swStock-iframe{ width: 100%; height: 4rem;}


.swAbout-layout{ background-color:#f4f6fa; margin-top: 0.75rem;}
.swAbout-layout .thumb{ width: 50%;}
.swAbout-layout .word{ width: 50%; padding: 0 0.6rem 0 0.75rem;}
.swAbout-layout .word .f{ justify-content: flex-end;}
.swAbout-layout .word .f a{ line-height: 0.39rem; padding: 0 0.24rem; border: 1px #c4c4c4 solid; border-radius: 0.22rem;}
.swAbout-layout .word .f a:hover{ background-color: var(--color-blue); color: var(--color-white); border-color: var(--color-blue);}


.swFooter{ background-color: #404040; color: var(--color-nine);}
.swFooter a:hover{ color: var(--color-white);}
.swFooter-top{ padding: 0.5rem 0 0.35rem 0; border-bottom: 1px #464646 solid;}
.swFooter-top .f-contact dl + dl{ margin-left: 1rem;}

.swFooter-middle{ padding: 0.5rem 0; border-bottom: 1px #464646 solid;}
.swFooter-middle .f-menu{ flex: 1;}
.swFooter-middle .f-menu dl{ flex: 1;}
.swFooter-middle .f-menu dl dd a{ display: block;}
.swFooter-middle .f-layout{ width: 2.4rem;}

.swFooter-middle .f-search .inpt{ background-color: #464646; width:100%; height: 0.37rem; color:rgba(255,255,255,.5); padding-left: 0.1rem; }
.swFooter-middle .f-search .btn{ background: none; position: absolute; right: 0.15rem; top: 50%; transform: translateY(-50%); cursor: pointer;}
.swFooter-middle .f-links{ justify-content: flex-end;}
.swFooter-middle .f-links li .icon{ background: #464646; width: 0.34rem; height: 0.34rem; color: var(--color-white); border-radius: 100%;}
.swFooter-middle .f-links li .ewm{ position:absolute; left:50%; bottom:100%; width:1.2rem; margin-left:-0.6rem; padding-bottom:0.2rem; pointer-events: none;}
.swFooter-middle .f-links li .ewm img{ transform:translateY(0.2rem); opacity:0; }
.swFooter-middle .f-links li .ewm:before{ content:''; display:block; width:1px; height:0.2rem; border-left:1px dashed #707070; position:absolute; left:50%; bottom:0;transform-origin:center bottom; transform:scaleY(0);}
.swFooter-middle .f-links li:hover .ewm{pointer-events: inherit;}
.swFooter-middle .f-links li:hover .ewm:before{transform:scaleY(1);}
.swFooter-middle .f-links li:hover .ewm img{transform:translateY(0); opacity:1;}

.swFooter-btm{ padding: 0.25rem 0;}


/**新闻中心**/
.public-banner img{ width: 100%;    transform: scale(1.2);}
.public-banner .text{ width: 100%; height: 100%; flex-direction: column; position: absolute; left: 0; top: 0; z-index: 2;}
.public-banner .text .en{ font-size: 0.8rem; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px var(--color-white); opacity: .6; line-height: 100%; }


.public-crumbs { background-color: var(--color-white); height: 0.9rem; box-shadow: 0.04rem 0.06rem 0.68rem rgba(51, 51, 51, 0.06); }
.public-crumbs .location{ padding-left: 0.15rem;}
.public-crumbs .location::before { content: ''; background-color: var(--color-blue); width: 0.06rem; height: 0.06rem; border-radius: 50%; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.public-crumbs .location i { margin: 0 0.05rem; }
.public-crumbs .menu a { margin-left: 0.7rem; }
.public-crumbs .menu a:first-child { margin-left: 0; }
.public-crumbs .menu a.on { color: var(--color-three); }


.public-page a{ background:#f1eff0; line-height: 0.46rem; padding: 0 0.18rem; margin: 0 0.05rem; color: var(--color-nine); border-radius:0.03rem;}
.public-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;}
.public-page a:hover { background: var(--color-blue); color: var(--color-white); }


.pnews-index{ padding: 0.9rem 0;}
.pnews-index-list{ margin-left: -0.4rem;}
.pnews-index-list li{ width: calc(33.33% - 0.4rem); margin-left: 0.4rem;}
.pnews-index-list li .thumb{ padding-top: 58%;}


.pnews-list li { margin-top: 0.2rem; }
.pnews-list li:first-child { margin-top: 0; }
.pnews-list li a { background-color:var(--color-white); padding:0.6rem 0.7rem; }
.pnews-list li .time{ padding-top: 0.05rem;}
.pnews-list li .text { width: 80%; padding: 0 0.5rem; }
.pnews-list li .text .c{ opacity: .6;}
.pnews-list li .text .l{ background-color: #efefef; display: inline-block; padding: 0.1rem 0.15rem; border-radius: 0.3rem; }
.pnews-list li .more { margin-left: auto; }
.pnews-list li a:hover { background-color: var(--color-blue); }
.pnews-list li a:hover *{ color: var(--color-white);}
.pnews-list li a:hover .text .l{ background-color: rgba(255, 255, 255, .13);}


.pnews-detail { background-color:var(--color-white); border-radius: 0.15rem; }
.pnews-detail-page { background: var(--color-blue); color: var(--color-white); height: 0.85rem; padding: 0 0.75rem; }
.pnews-detail-page a:hover{ color: var(--color-white);}
.pnews-detail-info { padding: 0.75rem; }
.pnews-detail-info .desc {  padding-top:0.4rem; border-top: 1px solid rgba(0,0,0,.1); }


/**主营业务**/
.pbusiness-list{ margin-left: -0.1rem; }
.pbusiness-list li { width: calc(33.33% - 0.1rem); margin: 0.1rem 0 0 0.1rem; }
.pbusiness-list li .imgbox { padding-top: 59.523%; }
.pbusiness-list li .imgbox::before { content: ""; background: url(../images/ask.png) no-repeat bottom center; background-size: 100% auto; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.pbusiness-list li .tit { width: 100%; padding: 0 0.2rem; position: absolute; left: 0; bottom: 0.2rem; color:var(--color-white); z-index: 1; }
.pbusiness-list li .more { background:var(--color-blue); width: 0.8rem; height: 0.8rem; color: var(--color-white); position: absolute; top: 50%; left: 50%; border-radius: 50%; text-transform: uppercase; transition: transform 1s; transform: translate(-50%, -50%) scale(0, 0); }
.pbusiness-list li:hover .more { transform: translate(-50%, -50%) scale(1, 1); }


/**信息公开**/
.agency-list li{ background:var(--color-white); padding: 0.24rem; position: relative; margin-top: 0.2rem;}
.agency-list li:first-child{ margin-top: 0;}
.agency-list li::after{ content: ''; background: var(--color-blue); width: 0.06rem; height: 100%; position: absolute; left: 0; top: 0; opacity: 0;}
.agency-list li .time{ padding-left: 0.08rem ; line-height: 1; margin-right: 0.24rem;}
.agency-list li .word{ width: 100%; flex: 1; padding-left: 0.24rem; border-left: 1px solid #e4e4e4;}
.agency-list li .word .t{ line-height: 0.88rem;}
.agency-list li:hover{ z-index: 2; box-shadow: 0 0 0.16rem rgba(0,0,0,0.1);}
.agency-list li:hover::after{ opacity: 1;}
.agency-list li:hover .time{ color: var(--color-blue);}


/**党群建设**/
.pparty-list{ margin-top: -0.3rem;}
.pparty-list li{ background: var(--color-white); width: calc(50% - 0.15rem); padding: 0.26rem 0.22rem; margin-top: 0.3rem; box-shadow: 0 0 0.16rem rgba(0,0,0,0.1); }
.pparty-list li .thumb{ width: 2.65rem; height: 1.7rem; }
.pparty-list li .info{ flex: 1; padding-left:0.22rem; flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between;}


/**投资者关系**/
.pinvestor-list li{ margin-top: 0.2rem;}
.pinvestor-list li:first-child{ margin-top: 0;}
.pinvestor-list li a{ padding: 0.2rem 0.45rem; border-radius: 0.1rem;}
.pinvestor-list li .time{ width: 1rem;}
.pinvestor-list li .text { width: calc(100% - 1rem); padding-left:0.3rem; border-left: 1px solid #EBEBEB; }


/**企业文化**/
.pculture-list{ margin-left: -0.2rem; margin-top: -0.2rem;}
.pculture-list li{ width: calc(33.33% - 0.2rem); margin: 0.2rem 0 0 0.2rem; }
.pculture-list li .thumb{ padding-top: 57.14%; border-radius: 0.06rem;}


/**关于我们**/
.pabout-us{ padding: 1.5rem 0 1.3rem 0;}
.pabout-us .us-word{ width: 49.6875%;}
.pabout-us .us-pic{ width: 45.3125%;}


.pabout-history { background-image: url(../images/pabout-history.jpg); padding-top: .85rem; }
.pabout-history-head .en{ opacity: .2; text-transform:capitalize;}
.pabout-history-group { margin-top: 0.9rem; padding-bottom: 1rem; }
.pabout-history-group:before { content: ''; background-color: var(--color-white); height: 100%; width: 0.01rem; position:absolute; left: 50%; top: 0; }
.pabout-history-group li{ text-align: right; }
.pabout-history-group li .text { width: 50%; padding-right: 0.8rem; }
.pabout-history-group li .text .c { line-height: 1.5; margin-top: .1rem; opacity: .7; }
.pabout-history-group li:nth-child(2n) { text-align: left; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.pabout-history-group li:nth-child(2n) .text { padding-left: .8rem; padding-right: 0; }


.pabout-agency{ background-image: url(../images/pabout-agency.jpg); padding: 1rem 0 1.2rem 0;}
.pabout-honor{ background-image: url(../images/pabout-honor.jpg); padding: 1.5rem 0 1rem 0;}
.pabout-honor-list { overflow: initial; }
.pabout-honor-list li { background-color:var(--color-white); width: 6.65rem; border-radius: .12rem; padding: 0.5rem; }
.pabout-honor-list li .year { font-size: .6rem; line-height: 1; }
.pabout-honor-list li .text { line-height: 2; }


/**联系我们**/
.pcontact-group{ background-color: var(--color-blue); color:var(--color-white); padding: 0.65rem 0.7rem 0.5rem 0.65rem; align-items: flex-end; border-radius: .12rem;}
.pcontact-group .gr-info li{ margin-bottom: 0.3rem; line-height: 1.5;}
.pcontact-group .gr-info li .name{ line-height: 1; opacity: .6;}
.pcontact-group .gr-code{ max-width: 1.4rem;}
.pcontact-map{ margin-top: 1rem;}



/**手机菜单**/
.Mobile-button{ background:var(--color-blue); width:55px; height:100%; position:absolute; top:0; right:0; justify-content:center; align-items: center; flex-direction:column; display:none;}
.Mobile-button .solid{  background-color:var(--color-white); width:26px; height:2px; }
.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:65px 3% 0 3%; transition:var(--transition);}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu li{ position:relative; border-bottom:1px solid rgba(255,255,255,.2);}
.Mobile-menu li .lit{ padding:12px 0;}
.Mobile-menu li .lit a{ font-size:16px; color: var(--color-white); font-weight:bold; }
.Mobile-menu li .lit .arrow{ font-size:18px; color: var(--color-white);  }
.Mobile-menu li .lic{ display:none; padding:0 10px;}
.Mobile-menu li .lic li:last-child{ border-bottom:0;}
.Mobile-menu li .lic li a{ font-size:15px; font-weight:500; display:block; padding:12px 0; color:var(--color-white); opacity: .8;}
.Mobile-menu li .lit.on .arrow{ transform:rotate(90deg); }