.header {position: fixed;background-image: linear-gradient(to bottom, rgba(255, 255, 255, .8), transparent);left: 0;top:0; } .header2{ background-image:none;} .fp-left{display:none;} .mt_xct {position:absolute;z-index:9;width:11.25rem;display:none;} .sp{ width:100%; height:100%;} .aboutVideo {display: none;} .none {display:none;} .pingVideo_p {width:100%; height:100%;} .pingVideo_p video{width:100%;height:100%;object-fit:cover; display:block;} #FontScroll{ position: fixed; width: 500px; height: 90px; line-height: 30px; overflow: Hidden; padding: 5px 0; margin: 0 auto; background-color: #2A2A2A; margin-top: 50px; } #FontScroll a{ color: aliceblue; text-decoration: none; } #FontScroll .line{ text-align: left; width: 100%; } #FontScroll .fontColor a{ color: red; transition: all 1.5s ease 0s; } #FontScroll{padding-left: 10px} .swiper-pagination span:nth-child(1) {background:url(/uiFramework/commonResource/image/2025081113460983193.png) no-repeat;background-size:0.5rem; border-radius: unset;} .swiper-pagination span:nth-child(2) {background:url(/uiFramework/commonResource/image/2025081113373020064.png) no-repeat;background-size:0.5rem;} .swiper-pagination span:nth-child(3) {background:url(/uiFramework/commonResource/image/2025081113421991736.png) no-repeat;background-size:0.5rem;} .swiper-pagination span:nth-child(4) {background:url(/uiFramework/commonResource/image/2025081113422551197.png) no-repeat;background-size:0.5rem;} .swiper-pagination span:nth-child(5) {background:url(/uiFramework/commonResource/image/2025081113423178154.png) no-repeat;background-size:0.5rem;} .swiper-slide a img{width: 100%;} .swiper-pagination {bottom:9% !important;width: 100%;} .mt_banner .swiper-pagination-bullet {width:0.5rem!important;height:0.5rem!important;opacity:.5!important;margin:0 .3rem!important;} .mt_banner .swiper-pagination-bullet-active {opacity: 1!important;} .mt_banner .swiper-pagination-bullet {} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {} .swiper-button-next,.swiper-rtl .swiper-button-prev {right:1.125rem !important;display:none !important;} .swiper-button-prev,.swiper-rtl .swiper-button-next {left:1.125rem !important;display:none !important;} /*首页点击下划*/ .slideDown-ts {position:absolute;left:0.4375rem;bottom:10%;z-index:6;text-align:center;} .slideDown-ts span {display:block;width:0.25rem;text-align:center;font-size:0.175rem;color:#fff;word-wrap:break-word;} .slideDown-ts i.line {display:inline-block;width:0.025rem;height:0.375rem;background:#fff;margin:0.125rem 0;} .slideDown-ts i.mouse {display:block;width:0.275rem;height:0.5rem;background:url(/uiFramework/commonResource/image/2024072411352829776.png) no-repeat center;position:relative;animation:move 2s ease-in-out infinite alternate;background-size:100%;} /* 定义动画 */ @keyframes move {from {top:0;} to {top:0.25rem;/* 设置图片向下移动的距离 */} } .showpage{ font-size:0.225rem; color:#591f7d; margin-left:-40%;} .showpage em{ font-size:.5rem; color:#591f7d;font-style:normal;} .section .conW{ margin-top:1.25rem;} .AboutCon .conW,.footer .conW{ margin-top:0rem;} #fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #591f7d !important;} #fp-nav ul li a.active{ border: 1px solid #591f7d !important;} /*左侧栏目标题*/ .mkTitle {} .mkTitle a {position:absolute;top:11rem;left:3rem;font-size:0.275rem;} .mkTitle:hover a {color:#591f7d;} .mk_oneMenu {padding:1.4125rem 0 0;left:3rem;position:absolute; top: 1.3rem;} .mk_oneMenu img {width:1.3125rem;} .mk_oneMenu .menupc {display:block;} .mk_oneMenu .menumob {display:none;} /*捐赠企业*/ .jzqymd {position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:0 5%; z-index: 99; box-shadow: 0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%);-webkit-box-shadow: 0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%); -moz-box-shadow: 0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);} #con3 {float:left;width:10%;font-size:0.25rem;line-height:40px;} #scrollBox {height:40px;width:90%;overflow:hidden;position:relative;} #scrollBox::before {top:0;background:linear-gradient(to bottom,#fff380,transparent);} #scrollBox::after {bottom:0;background:linear-gradient(to top,#fff380,transparent);} #contentWrapper {position:relative;} #scrollBox #con1,#scrollBox #con2 {width:100%;margin:0;padding:0;} #scrollBox p { text-align: center;height:40px;line-height:40px;margin:0 0 18px;float:left;text-overflow:ellipsis;font-size:0.2rem;color:#333;transition:all 0.3s ease;width:25%;} #scrollBox p:hover {color:#592179;transform:scale(1.05);} #scrollBox #con1::after,#scrollBox #con2::after {content:"";display:block;clear:both;} /*公益动态*/ .NewsCon {background:url(/uiFramework/commonResource/image/2025073009520821312.png) no-repeat bottom center;background-size:cover;} .NewsCon .fl {width:18%;} .NewsCon .fr {width:78%;overflow:hidden;} .newsList {width:100%;} .newsList dt,.newsList dd {width:47.5%;margin-bottom:0.5rem;} .newsList dt {float:left;} .newsList dd {float:right;} .newsList dt a,.newsList dd a,.newsList dt span,.newsList dd span {display:block;width:100%;} .newsList dt .newimg {height:4.375rem;} .newimg img {width:100%;height:100%;max-width:none; transition: all 0.5s ease-out 0s;} .newimg img:hover{transform: scale(1.1);} .newdata {font-size:0.35rem;line-height:200%;margin-top:0.475rem;position:relative;color:#7a4c91;} .newdata em {display:block;font-size:0.25rem;font-style:normal;color:#78552b;display:none;} .newtitle {font-size:0.325rem;line-height:150%;font-weight:bold;} .newsList dd a:hover span{ color: #7a4c91;} .newtitle i img{width:.375rem;} .newsum {font-size:0.2rem;line-height:140%;margin-top:0.125rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;} .newsList .newsum {display:-webkit-box;} .newsList dd .newdata,.newsList dd .newtitle,.newsList dd .newsum {float:right;width:100%;} .newsList dd .newdata {margin-top:0;} .more3 {width:100%;clear:both;text-align:right;} .more3 a { color: #333;font-size: 0.275rem;} .more3 a:hover{ color: #591f7d;} /*0817*/ .xwtabC {width:48%;} .newsList2 {width:48%;} .xwtabC,.dwmjCon {float:left;} .xwtabC .swiper-slide span,.xwtabC .swiper-slide a {display:block;width:100%;} .xwtabC .swiper-slide a:hover span{ color: #7a4c91;} .xwtabC .newimg {height:5rem;background:url(/uiFramework/commonResource/image/2023110117184376498.png) no-repeat;background-size:100% 100%;margin-bottom:0.375rem;overflow: hidden;} .xwtabC .swiper-slide .newsum {display:-webkit-box;} .newsList2 {float:right;} .newsList2 dd:first-child {/*display:none;*/} .newsList .newsList2 dd {clear:both;width:100%;} .pagination_news P { display: none;} .prev_news,.next_news {display:block;float:left;width:.5rem;height:.5rem;text-align:center;background: rgb(89, 31, 125, 0.7);color:#fff;line-height:.5rem;font-size:.25rem;margin-top:.625rem;cursor:pointer;} .prev_news.swiper-button-disabled,.next_news.swiper-button-disabled { background: rgb(89, 31, 125, 0.3);} .newsList .newsList2 .nonewimg span {width:100%;float:none;} .newsList .newsList2 .nonewimg span.newimg {display:none;width:0;overflow:hidden;} /*益路同行*/ .YltxCon {background:url(/uiFramework/commonResource/image/2025073009522966026.png) no-repeat bottom center;background-size:cover;} .YltxCon .fl {width:18%;} .YltxCon .fr {width:78%;overflow:hidden;} .yltx_text {padding:0.1rem;} .yltx_text ul {} .yltx_text ul li {float:left;width:5.3625rem;border-right:0.0125rem solid #999;} .yltx_text ul li:hover a {color:#591f7d;} .yltx_text ul li:hover p{color:#591f7d;} .yltx_text ul li:hover img{transform: scale(1.1);} .yltx_text ul li span {width:100%;height:2.375rem;display:block;margin-bottom:0.375rem; overflow: hidden;} .yltx_text ul li span img {width:100%;height:100%;object-fit:cover;transition: all 0.5s ease-out 0s;} .yltx_text ul li a {font-size:0.325rem;line-height:150%;margin-bottom:0.375rem;display:block;} .yltx_text ul li p {font-size:0.2rem;line-height:140%;margin-top:0.125rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;} .yltx_text ul li:nth-child(1),.yltx_text ul li:nth-child(2) {padding:1.125rem 0.425rem;} .yltx_text ul li:nth-child(3),.yltx_text ul li:nth-child(4) {padding:0.7rem 0.425rem;} .yltx_text ul li:nth-child(3) {border-bottom:0.0125rem dashed #999;} .yltx_text ul li:hover {background:#fff;box-shadow:0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);-webkit-box-shadow:0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);-moz-box-shadow:0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);border-right-color:transparent;border-left-color:transparent;} .yltx_text .yd_ckgd{display: none;} /*关于我们*/ .GywmCon {background:url(/uiFramework/commonResource/image/2025073009523548150.png) no-repeat bottom center;background-size:cover;} .GywmCon .fl {width:18%;} .GywmCon .fr {width:78%;overflow:hidden;} .gywm {box-shadow:0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%);-webkit-box-shadow:0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%);-moz-box-shadow:0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);background:#fff;} .flfgNav {overflow:hidden;width:23%;display:block;float:left;padding:0.625rem 0 0.625rem 0.375rem;} .flfgList {position:relative;} .flfgList a {display:block;float:left;font-size:0.3rem;text-align:left;color:#4e4e4e;line-height:0.375rem;padding-left:0.4375rem;width:70%;margin-bottom:0.25rem;} .flfgList a.hover,.flfgList a:hover {color:#591f7d;font-weight:bold;border-left:0.0625rem solid #591f7d;padding-left:0.375rem;} .tab1 {display:none;} .gywm_content,.gywm_list {width:77%;float:left;} .div_text {height:5rem;box-sizing:border-box;padding:5% 40% 5% 5%;position:relative;} .div_list li{} .div_text li p.pic a img{} .div_text p { font-size: 0.225rem;line-height: 200%; color: #fff; text-align: justify;} .div_text>a { font-size: 0.225rem;color:#fff;line-height:0.375rem;padding-right:0.4375rem;background:url(/uiFramework/commonResource/image/2025073010561124146.png) no-repeat;background-position:right;background-size:0.25rem 0.25rem;position:absolute;bottom:14%;} .esg_pdf {margin-top:0.5rem;margin-left:-0.55rem;} .esg_pdf a { width: 1.865rem;float:left;border:1px solid #999;margin-left:0.55rem;} .esg_pdf a img {} .div_list{height: 5rem;box-sizing: border-box;padding: 5%; position: relative;} .div_list li{width: 30%;float: left;margin-left: 2.5%;padding: .1rem;background: #fff;box-shadow: 0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%);-webkit-box-shadow: 0rem 0rem 0.1875rem 0rem rgb(218 215 215 / 70%);-moz-box-shadow: 0rem 0rem 0.1875rem 0rem rgba(218,215,215,0.7);} .div_list li p.pic{ height: 2.3rem; overflow: hidden;} .div_list li p.pic img{width: 100%;height: 2.3rem;transition: all 0.5s ease-out 0s;} .div_list li:hover p.pic img{ transform: scale(1.1);} .div_list li p.text{ text-align: center; margin-top: .1rem;} .div_list li p.text a{ display: block;font-size: 0.225rem; max-width: 100%;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .div_list>a{ font-size: 0.225rem;color:#fff;line-height:0.375rem;padding-right:0.4375rem;background:url(/uiFramework/commonResource/image/2025073010561124146.png) no-repeat;background-position:right;background-size:0.25rem 0.25rem;position:absolute;bottom:14%; left: 1rem;} .lxwm_text,.zcheng{ height: 5rem;box-sizing: border-box;padding: 5%;position: relative; display: flex;align-items: center;} .lxwm_text span{ float: left;width: 50%; } .lxwm_text span p,.zcheng span p{ font-size: .225rem;line-height: 200%; color: #fff;text-indent: 2em;} .zcheng span{ float: left;width: 50%; } .zcheng span img{height:3.75rem;border:1px solid #999; max-width: 90%;} .zcheng span:last-of-type{ text-align: center;} /*国之栋梁*/ .GzdlCon {background:url(/uiFramework/commonResource/image/2025080816362780958.png) no-repeat bottom center;background-size:cover;} .swiper-pagination2{ position: absolute;left: 50%;bottom: 8%;transform: translate(-50%, -50%);} .swiper-pagination2 span{ width: 10px;height: 10px; background: #591f7d; margin: 0 5px;} /* 样式保持不变 */ @layer utilities { .content-auto { content-visibility: auto; } .rotated { transform: rotateY(360deg); transition: transform 0.8s ease; } } .flfgNav2 { margin-bottom: 1.125rem; } .flfgNav2 .flfgList2 { display: flex; justify-content: center; } .flfgNav2 .flfgList2 a { width: 100%; text-align: center; cursor: pointer; /* 增加鼠标指针样式 */ } .flfgNav2 .flfgList2 a i { display: block; margin-bottom: 0.125rem; align-content: center; justify-content: center; } .flfgNav2 .flfgList2 a i img { width: 1.5rem; height: 1.4375rem; } .flfgNav2 .flfgList2 a em { display: none; margin-bottom: 0.125rem; height: 1.4375rem; align-content: center; justify-content: center; } .flfgNav2 .flfgList2 .hover span{ color: #591f7d;} .flfgNav2 .flfgList2 a em img { display: block; max-height: 100%; width: 1.5rem; height: 1.4375rem; } /* 当前选中状态的效果 */ .flfgNav2 .flfgList2 .hover i { display: none; } .flfgNav2 .flfgList2 .hover em { display: flex; } .flfgNav2 .flfgList2 a span { display: block; width: 100%; font-size: 0.35rem; line-height: 150%; } .aaa { display: none; } .bbb { display: block; } .tab2 { display: none;} .gzdl_qh1{ padding: 0.15rem; position: relative; overflow: hidden; float: right; width: 100%;} gzdl_qh {box-shadow:0rem 0.125rem 0.125rem 0rem rgba(180,176,176,0.75);-webkit-box-shadow:0rem 0.125rem 0.125rem 0rem rgba(180,176,176,0.75);-moz-box-shadow:0rem 0.125rem 0.125rem 0rem rgba(180,176,176,0.75);background:#fff;box-sizing:border-box;padding:0.4375rem 0.9rem;height:2.725rem;display:flex;align-items:center;position: relative;} .sanjiao{ position: absolute;top: 0.87rem; left: 1.8rem;} .sanjiao1{ position: absolute;top: 0.87rem; left: 5.9rem;} .sanjiao2{ position: absolute;top: 0.87rem; left: 10.1rem;} .sanjiao3{ position: absolute;top: 0.87rem; left: 14.2rem;} .sanjiao img,.sanjiao1 img,.sanjiao2 img,.sanjiao3 img{ width: .53rem; height: 0.28rem;} .gzdl_qh ul {position:relative;width:100%;} .gzdl_qh ul li {float:left;width:25%;text-align:center;position:relative;height:1.475rem;} .gzdl_qh ul li:hover div {position:absolute;width:100%;height:3.6rem;top:-0.9rem;background:#591f7d;padding:0 15%; z-index: 10;} .gzdl_qh ul li:hover span {display:block;} .gzdl_qh ul li:hover h3 {color:#fff;text-align:left;margin-bottom:0.375rem;} .gzdl_qh ul li i {width:100%;display:flex;justify-content:center;height:0.9rem;align-items:center;margin-bottom:0.1875rem;} .gzdl_qh ul li:hover i{ position:absolute;left:0.25rem;top:0;width:auto;} .gzdl_qh ul li:hover i img{ filter: brightness(0.9) contrast(1.2);} .gzdl_qh ul li i img {width:0.7rem;} .gzdl_qh ul li h3 {font-size:0.25rem;line-height:0.375rem; padding: 0 .4rem;} .gzdl_qh ul li:hover h3{padding-top:1rem; padding-left: 0;padding-right: 0;} .gzdl_qh ul li span {display:none;} .gzdl_qh ul li span p {color:#fff;font-size:0.2rem;line-height:0.375rem;text-align:left;} .gzdl_qh ul li span p a{color:#fff;font-size:0.2rem;line-height:0.375rem;} .gzdl_qh ul li span p strong{font-size: .25rem; color: #fff;} /*榜样的力量*/ .ProductCon{ background: url(/uiFramework/commonResource/image/2025080816183268438.png) no-repeat bottom center; background-size:cover;} .ProductCon .fl{ width:17%;} .ProductCon .fr{ width:79%;} .xzlb {width:8.25rem;height:8.35rem;position:relative;overflow:hidden;float:right;} .xzlb .slide-carousel {} .xzlb .slide-3d .item-list li {width:4.6875rem;transition:all 0.5s ease-out;opacity:0;position:absolute;top:0;left:0;} .item-content a {font-size:0.375rem;text-align:center;line-height:0.625rem;} .item-content a img {} .xzlb .slide-3d .item-list li.item0 {transform:translate3d(4.5rem,0,0) scale(0.8);transform-origin:0 50%;opacity:1;z-index:2;} .xzlb .slide-3d .item-list li.item0 .dqNBOXs {display:none;} .xzlb .slide-3d .item-list li.item0 .item-content a {display:none;} .xzlb .slide-3d .item-list li.item1 {transform:translate3d(0,0,0) scale(0.8);transform-origin:0 50%;opacity:1;z-index:2;} .xzlb .slide-3d .item-list li.item1 .dqNBOXs {display:none;} .xzlb .slide-3d .item-list li.item1 .item-content a {display:none;} .xzlb .slide-3d .item-list li.item2 {transform:translate3d(1.875rem,0,0) scale(1);transform-origin:0 50%;opacity:1;z-index:3;} .xzlb .slide-3d .item-list li.item2 .dqNBOXs {display:none;} .xzlb .slide-3d .item-list li.item2 .item-content a {display:block;} .xzlb .slide-3d .item-list li.item3 {transform:translate3d(3.5625rem,0,0) scale(0.8);transform-origin:100% 50%;opacity:1;z-index:2;} .xzlb .slide-3d .item-list li.item3 .dqNBOXs {display:none;} .xzlb .slide-3d .item-list li.item3 .item-content a {display:none;} .xzlb .slide-3d .item-list li.item4 {transform:translate3d(10.125rem,0,0) scale(0.8);} .item1 .item-content,.item3 .item-content,.item0 .item-content {position: relative; display: inline-block; } .item1 .item-content::after,.item3 .item-content::after,.item0 .item-content::after {content: "";position: absolute; top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5); pointer-events: none;} .item1 .item-content:hover::after,.item3 .item-content:hover::after,.item0 .item-content:hover::after {/*background-color: rgba(0, 0, 0, 0.7);*/ } .dqTitle_div {float:left;width:7.6875rem;margin-top:1.875rem;margin-right:0.625rem;} .dqTitle_h2 {font-size:0.475rem;line-height:200%;margin-bottom:0.3rem;} .dqTitle_h3{font-size:0.3rem;line-height:200%;margin-bottom:0.3rem;} .dqTitle_p {color:#8d8c8a;font-size:0.2rem;line-height:200%;margin-bottom:1rem;} .dqTitle_a img {width:0.7375rem;width:0.7375rem;transition:all 0.8s;} .dqTitle_a:hover img {transform:rotateY(180deg);} .slide-carousel {width:100%;height:100%;position:relative;overflow:hidden;} .slide-carousel .item-list {position:relative;height:100%;width:100%;} .slide-carousel .item-list li .item-content {width:100%;height:100%;} .slide-carousel .item-list li .item-content img {width:100%;height:100%;} .slide-carousel .item-list li .item-content video {width:100%;height:6.6rem;object-fit:cover;} .slide-carousel .item-list li .item-content > a {display:block;width:100%;height:100%;} .slide-carousel .item-list li .item-content > a .cover-img {width:100%;height:100%;} .slide-carousel .indicator-list {position:absolute;bottom:0.25rem;left:50%;margin-left:-0.7875rem;z-index:100;} .slide-carousel .indicator-list a {display:inline-block;width:0.15rem;height:0.15rem;border:2px solid #fff;border-radius:50%;overflow:hidden;background-color:#ccc;margin-left:0.0625rem;} .slide-carousel .indicator-list a.selected {border-color:#ff6700;background-color:#5fff92;} .slide-carousel .controls {opacity:1;} .slide-carousel .controls a {cursor:pointer;text-decoration:none;width:0.5rem;height:1rem;position:absolute;background-color:rgba(0,0,0,0.2);color:#fff;font-size:0.4375rem;padding-top:0.3125rem;z-index:2;} .slide-carousel .controls a:hover {background-color:#591f7d;} .slide-carousel .controls .item-prev {top:50%;left:0;margin-top:-0.525rem;background:rgba(89,31,125,0.7) url(/uiFramework/commonResource/image/2025073010515929060.png) no-repeat center center;} .slide-carousel .controls .item-next {top:50%;right:0;margin-top:-0.525rem;background:rgba(89,31,125,0.7) url(/uiFramework/commonResource/image/2025073010520494142.png) no-repeat center center;} .slide-carousel:hover .controls {opacity:1;transition:opacity 0.5s ease;} /*新--公益矩阵*/ #wrap {margin:auto;width:100%;height:6.25rem;margin-bottom: 2rem;} #wrap>ul {width:120%;list-style:none;} #wrap>ul>li {float: left;width: 2.2rem;height: 6.25rem;cursor: pointer;margin-right: 0.25rem;position: relative;} #wrap>ul>li:nth-child(1) { width: 9.2rem;} #wrap>ul>li a{ display: block;height: 100%;} #wrap>ul .curr .text{position: absolute;bottom: 0;width: 100%;} #wrap>ul .curr .text b{display:none;} #wrap>ul li .text b{font-size: 0.45rem;color:#fff;display:block;text-align:center;line-height: 0.5rem;width: 100%;font-weight: 400;position: absolute;bottom: 0.5rem;z-index: 9;} #wrap>ul>li>.text p { text-align: justify;color: #333;position: absolute;bottom: -1.575rem; top: 0.75rem; display: none; width: 100%; font-size: 0.25rem; line-height: 140%;} #wrap>ul .curr .text p{display: block;} #wrap>ul>li span{position: absolute;width: 100%;bottom: -0.5rem;height: 0.0625rem;background: #e4e4e4;} #wrap>ul .curr .text span{ background: #591f7d;} #wrap>ul>li video{width:100%;height:100%;object-fit:cover;} .yd_gyjz{display: none;} @media screen and (min-width: 769px){ /*右侧产品列表*/ .active .mk_oneMenu{-webkit-animation:slideInLeft .5s 1 linear; animation:slideInLeft .5s 1 linear;animation-fill-mode: forwards;} .active .mk_twoMenu{-webkit-animation:slideInUp .8s .4s 1 linear; animation:slideInUp .5s .3s 1 linear;animation-fill-mode: forwards;} /*第三部分-服务中心*/ .fwzxList{opacity:0;} .ServiceCon.active .fwzxList{-webkit-animation:zoomIn .8s 1 linear; animation:zoomIn .8s 1 linear;animation-fill-mode: forwards;} /*第五部分-新闻中心*/ .NewsCon .fr{ visibility: hidden; } .NewsCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} .ProductCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} .GzdlCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} .YltxCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} .GywmCon.active .fr{-webkit-animation:slideInRight .6s .4s 1 linear; animation:slideInRight .6s .4s 1 linear;animation-fill-mode: forwards;} } /* 适配代码 */ @media screen and (max-width: 1400px){ } @media screen and (max-width: 768px){ /*头部*/ .header { position: unset; } .aboutVideo {position:absolute;top:40%;left:50%;margin:-0.3rem 0 0 -0.3rem;z-index:100;cursor: pointer; display: block;} .swiper-pagination span:nth-child(1){ display: none;} .section .conW{ margin-top:0;padding-bottom:20px; } .mt_banner { height: auto !important;position: relative; width: 100%; overflow: hidden;} .pingVideo_p video { height: auto !important;} /*模块标题结束*/ /*产品*/ .ProductCon .fl,.ProductCon .fr,.NewsCon .fl,.NewsCon .fr,.ServiceCon .mkTitle,.fwzxList,.AboutCon .fl,.AboutCon .fr,.tzzgxCon .mkTitle,.tzzgxCon .tzzgxC{ width:100%; clear:both; float:none; } .ProductCon{ background: #f8f4eb url(cpzxbgmob.jpg) no-repeat left top; background-size:100% auto; } /*新闻中心*/ .NewsCon{background:#fff url(xwzxbg_mob.jpg) repeat-x top left;background-size:100% 87%;} .newsTabC{ margin-top: 30px; } .newsList dt{ border-bottom:1px solid #ededec; padding-bottom:.2rem; } .newsList dt, .newsList dd{width:100%;float:none; clear:both; margin-bottom: 10px;} .newsList dt .newimg {height: auto;} .newsList dd .newdata, .newsList dd .newtitle, .newsList dd .newsum{ float:none; width:100%; } .newsList dt span, .newsList dd span, .newsList dt span em, .newsList dd span em{ color:#b28247; } .newsList dt span.newtitle, .newsList dd span.newtitle{ color:#333333; font-size: 16px; } .newsList dt span.newsum, .newsList dd span.newsum{ color:#666464; font-size: 14px;line-height:150%; } .newsList dt .newdata{ font-size:0.48rem; } .newsList dd .newdata{ font-size: 16px;line-height:150%; } .newsList dt .newdata em,.newsList dd .newdata em{ font-size:14px; line-height:200%; } .newsList dd .newdata{ float: left; width:15%; line-height:120%; } .newsList dd .newtitle,.newsList dd .newsum{ float: right; width:85%; } .newsList dd .newsum{ -webkit-line-clamp:1;} .more3{ display:none; } .newdata{margin-top:10px; margin-bottom: 10px;} /*0817*/ .xwtabC, .newsList2{ width:100%; float: none; clear: both;} .xwtabC li.swiper-slide{ border-bottom:1px solid #ededec; padding-bottom: 20px;} .newsList2{ margin-top:.4rem; } .xwtabC .swiper-slide .newdata,.xwtabC .swiper-slide .newdata em{ color:#b28247; font-size: 16px; line-height: 22px; } .xwtabC .swiper-slide .newdata em{ font-size: 16px; } .xwtabC .swiper-slide .newtitle{ color:#333; font-size: 16px;line-height: 30px;} .xwtabC .swiper-slide .newsum{ color:#666464; font-size: 14px;line-height: 22px; } .xwtabC .newimg{ height:5.3rem; } .prev_news, .next_news{display: none;} .pagination_news{position: absolute; top:4.5rem; left:0; width:100%; text-align: center; z-index: 11;} .pagination_news P{display: block; width:100%;} .pagination_news P span{ width:.2rem; height:.2rem; border:1px solid #cbcaca; border-radius:50%; display:inline-block; opacity:1; background:transparent; margin:0 .15rem;} .pagination_news P span.swiper-pagination-bullet-active{ background:#dbc08f; border:1px solid #dbc08f; } .mk_oneMenu .menupc{display:none;} .mk_oneMenu .menumob{display:block; height: 0.9rem; width:auto; margin:0 auto;} .mk_oneMenu{ position: unset; padding: 30px 0 0;} /*榜样人物*/ .GzdlCon .mkTitle{ width: 100%;} .GzdlCon .newsTabC{width: 100%;} /*益路同行*/ .YltxCon .fl{width: 100%;} .YltxCon .fr{ width: 100%;} .yltx_text ul li:nth-child(3), .yltx_text ul li:nth-child(4){display: none;} .yltx_text ul li{ width: 50%; border-right: 0;} .yltx_text ul li:nth-child(1), .yltx_text ul li:nth-child(2){ padding: 3%;} .yltx_text ul li a{ font-size: 14px; line-height: 150%; margin-bottom: 10px;} .yltx_text ul li p{ font-size: 12px; line-height: 150%; display: -webkit-box;} .yltx_text ul li span{ height: auto; margin-bottom: 10px;} .yltx_text ul{ margin-bottom: 10px;} /*关于我们*/ .GywmCon .fl{width: 100%;} .GywmCon .fr{width: 100%;} .flfgList a.hover, .flfgList a:hover{color: #fff; font-weight: unset; border-left: 0; padding-left: 0; background: #591f7d;} .flfgNav{ width: 100%; padding: 0;} .flfgList a{width: 33%; margin-bottom: 10px; text-align: center; font-size: 14px;line-height: 30px;} .gywm_content, .gywm_list{ width: 100%;} .div_text{ padding: 5%; height: 150px;} .div_text p{font-size: 14px; line-height: 20px;color: #fff; text-align: justify;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4; -webkit-box-orient: vertical;display: -webkit-box;} .div_text>a{ font-size: 12px;line-height: 30px;bottom: 7%;} .esg_pdf a:nth-last-child(-n+4) {display: none;} .esg_pdf{ margin-left: -3%; margin-top: 20px;} .esg_pdf a{ margin-left: 3%; width: 30%;} .div_list{ height: auto;padding-bottom: 10%;} .div_list li{ width: 48%;margin-left: 2%;} .div_list li p.pic img{ height: auto;} .div_list li p.pic{ height: auto;} .div_list li p.text a{font-size: 14px; line-height: 30px;} .div_list>a{ bottom: 5%; left: .6rem; font-size: 12px;} .lxwm_text, .zcheng{ height: 150px;} .lxwm_text span p, .zcheng span p{ text-indent: 0; font-size: 12px;} .lxwm_text span{ width: 58%;} .div_list li:nth-child(3) { display: none;} /*捐赠企业名单*/ .jzqymd{ display: flex;} .jzqymd #con3{ width: 30%;font-size: 14px; line-height: 40px;} #scrollBox{width: 70%;} #scrollBox p{ height: 40px;line-height: 40px;margin: 0 0 17.85px; font-size: 14px; width: 100%;} /*公益矩阵*/ #wrap{ display: none;} .yd_gyjz{ display: block;} .yd_gyjz ul li{ float: left;width: 100%;} .yd_gyjz ul li a{ display: block; margin-bottom: 10px;} .yd_gyjz ul li a img{ border-radius: 10px;} .yd_ckgd{ display: flex !important; justify-content: center;} .yd_ckgd a{ font-size: 12px; border-radius: 10px;padding: 5px 10px; background: #591f7d; color: #fff;} /*榜样人物*/ .xzlb,.dqTitle_div{display: none;} }