.adhibition_banner{ width: 100%; position: relative; } .adhibition_banner .bg{ width: 100%; } .adhibition_nav{ position: absolute; bottom: .2rem; left: 0; width: 100%; z-index: 11; } .adhibition_nav .public_nav a{ color: #fff; } .adhibition_detail .item{ margin-top: 0.4rem; } .measure{ margin: 0 auto; padding-bottom: .3rem; } .measure .list{ margin-top: .4rem; display: flex; flex-wrap: wrap; margin-bottom: .38rem; } .measure .list .item{ width: 3.73rem; margin-right: .4rem; border-bottom: .02rem #F6F7F9 solid; margin-bottom: .42rem; } .measure .list .item:hover{ border-bottom: .02rem #00A19C solid; } .measure .list .item:nth-of-type(3n){ margin-right: 0; } .measure .list .item img{ width: 100%;height: 2.53rem; } .scheme.list .item img{ width: 100%;height: 2.2rem; } .measure .list .item .content{ padding: .2rem .2rem .3rem; background: #F6F7F9; } .measure .list .item .content .tit{ font-size: 0.18rem; color: #333333; padding-bottom: .2rem; margin-bottom: .14rem; border-bottom: 1px #EEEEEE solid; } .measure .list .item .content .text{ font-size: 0.14rem; line-height: 0.26rem; color: #666666; margin-bottom: .14rem; } .measure .list .item .content .time{ font-size: 0.14rem; color: #999999; } .case{ margin: 0 auto; padding-bottom: .3rem; } .case .list{ margin-top: .4rem; display: flex; flex-wrap: wrap; margin-bottom: .38rem; } .case .list .item{ width: 3.79rem; margin-right: .3rem; margin-bottom: .3rem; } .case .list .item:nth-of-type(3n){ margin-right: 0; } .case .list .item img{ height: 2.53rem; width: 100%; } .case .list .item .content{ margin-top: .06rem; border: 1px solid #EEEEEE; width: 100%; padding: .3rem .2rem .21rem; } .case .list .item .content .tit{ font-size: 0.16rem; color: #333333; padding-bottom: .2rem; position: relative; } .case .list .item .content .tit::after{ position: absolute; width: .3rem;height: 1px; background-color: #999; content: ''; bottom: 0; left: 0; transition: .3s; } .case .list .item:hover .content .tit{ color: #00A19C; } .case .list .item:hover .content .tit::after{ width: 3.4rem; background-color: #00A19C; } .adhibition_detail{ margin: 0 auto; } .adhibition_detail .content{ width: 100%; margin-top: .4rem; } .adhibition_detail .content .item{ width: 2.65rem; margin-right: 0.35rem; border: 1px solid #EEEEEE; margin-bottom: 0.18rem; cursor: pointer; } .adhibition_detail .content img{ /*width: 100%;*/ display: block; margin-bottom: .49rem; } .adhibition_detail .content .p{ font-size: 0.18rem; line-height: 0.4rem; color: #333333; } .adhibition_detail .pages{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: .6rem; border-top: 1px solid #DCDCDC; margin-top: .6rem; margin-bottom: 1.38rem; } .adhibition_detail .pages a{ font-size: 0.16rem; color: #777777; width: 3.52rem; } .adhibition_detail .pages a:hover{ font-size: 0.16rem; color: #02928E; } .use{ margin: .73rem auto 0; } .use .pub_tit{ display: flex; justify-content: space-between; } .use .pub_tit a{ font-size: 0.18rem; color: #333333; } .use .list_fa{ margin-top: .5rem; display: flex; flex-wrap: wrap; margin-bottom: .6rem; } .use .list_fa .item{ width: 3.73rem; margin-right: .4rem; border-bottom: .02rem #F6F7F9 solid; margin-bottom: .42rem; } .use .list_fa .item:hover{ border-bottom: .02rem #00A19C solid; } .use .list_fa .item:nth-of-type(3n){ margin-right: 0; } .use .list_fa .item img{ width: 100%;height: 2.53rem; } .use .list_fa .item img{ width: 100%;height: 2.2rem; } .use .list_fa .item .content{ padding: .2rem .2rem .3rem; background: #F6F7F9; } .use .list_fa .item .content .tit{ font-size: 0.18rem; color: #333333; padding-bottom: .2rem; margin-bottom: .14rem; border-bottom: 1px #EEEEEE solid; } .use .list_fa .item .content .text{ font-size: 0.14rem; line-height: 0.26rem; color: #666666; margin-bottom: .14rem; } .use .list_fa .item .content .time{ font-size: 0.14rem; color: #999999; } .use .list_al{ margin-top: .5rem; display: flex; flex-wrap: wrap; margin-bottom: .38rem; } .use .list_al .item{ width: 3.79rem; margin-right: .3rem; margin-bottom: .3rem; transition: .3s; } .use .list_al .item:nth-of-type(3n){ margin-right: 0; } .use .list_al .item img{ height: 2.53rem; width: 100%; } .use .list_al .item .content{ margin-top: .06rem; border: 1px solid #EEEEEE; width: 100%; padding: .3rem .2rem .21rem; } .use .list_al .item .content .tit{ font-size: 0.16rem; color: #333333; padding-bottom: .2rem; position: relative; } .use .list_al .item .content .tit::after{ position: absolute; width: .3rem;height: 1px; background-color: #999; content: ''; bottom: 0; left: 0; transition: .3s; } .use .list_al .item:hover .content .tit{ color: #00A19C; } .use .list_al .item:hover .content .tit::after{ width: 3.4rem; background-color: #00A19C; } .use_box{ display: flex; padding-bottom: .3rem; } .use_box .item{ width: 3rem; height: 4.01rem; position: relative; transition: .3s; overflow: hidden; cursor: pointer; } .use_box .item.act{ width: 6.01rem; } .use_box .item img{ width: 100%; height: 100%; object-fit: cover; } .use_box .item .info{ width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 0; } .use_box .item .info .tit{ width: 100%; padding: .45rem 0 0 .45rem; font-size: 0.36rem; color: #FFFFFF; } .use_box .item .info .bott{ width: 100%; height: 1.11rem; background-image: linear-gradient(rgba(0, 161, 156, 0), rgba(0, 161, 156, 1)); font-size: 0.16rem; line-height: 0.32rem; color: #FFFFFF; display: flex; align-items: center; padding: 0 .46rem; opacity: 0; transition: .5s; } .use_box .item.act .info .bott{ opacity: 1; } .page-ziyuan { width: 12rem; margin: 0 auto; margin-top: .7rem; } /* 閫氱敤鏍囬 */ .ziyuan-title { position: relative; display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.3rem; border-bottom: 1px solid #c3c3c3; } .ziyuan-title::after { content: ""; position: absolute; bottom: 0; height: 2px; width: 0.72rem; background: #00a19c; } .ziyuan-title-left { font-size: 0.36rem; font-weight: 400; color: #333333; } .ziyuan-title-right { font-size: 0.18rem; font-weight: 400; color: #333333; } .ziyuan-title-right:hover { color: #00a19c; } /* 鏂囨。璧勬簮寮€濮 */ .wendang-ctx { margin-top: 0.38rem; display: flex; justify-content: space-between; align-items: flex-start; } .wendang-ctx-left { position: relative; } .wendang-poster-box { width: 3.74rem; height: 3.42rem; overflow: hidden; } .wendang-poster-img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; } .wendang-poster-text { position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: 0.4s; } .poster-text { padding: 0.2rem 0; font-size: 0.26rem; font-weight: 500; line-height: 0.26rem; color: #ffffff; cursor: pointer; display: block; } .wendang-ctx-left:hover .wendang-poster-text { background: rgba(0, 0, 0, 0.3); } .wendang-line { width: 1.04rem; height: 2px; background-color: #fff; } .wendang-ctx-right { width: 7.86rem; height: 3.42rem; border: 1px solid #dddddd; padding: 0.1rem 0.3rem 0.3rem; } .fujian-item { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dddddd; padding: 0.2rem 0 0.17rem; } .fujian-icon { width: 0.2rem; } .fujian-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 0.4; padding-left: 0.3rem; font-size: 0.16rem; font-weight: 400; color: #333333; } .fujian-title1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 2; padding-left: 0.3rem; font-size: 0.16rem; font-weight: 400; color: #333333; } .fujian-title:hover { color: #00a19c; } .fujian-more { min-width: 1rem; text-align: right; font-size: 0.14rem; font-weight: 400; color: #00a19c; } /* 鏂囨。璧勬簮缁撴潫 */ /* 瀹夎鎿嶄綔寮€濮 */ .ziyuan-center-box { margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-start; } .anzhuang-box { width: 5.78rem; } /* 瀹夎鎿嶄綔缁撴潫 */ /* 瑙嗛涓撴爮 寮€濮 */ .shipin-box { width: 5.78rem; } .shipin-shili { margin-top: 0.35rem; } .video-box { width: 5.78rem; height: 3.41rem; overflow: hidden; position: relative; } .video-box video { width: 100%; height: 100%; object-fit: cover; } .icon-video-play { position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.8rem; height: 0.8rem; cursor: pointer; } .video-info { height: 1.02rem; background: #f6f7f9; padding: 0.2rem 0.3rem; cursor: pointer; } .video-title { font-size: 0.18rem; font-weight: 400; color: #333333; } .video-info:hover .video-title { color: #00a19c; } .video-date { margin-top: 0.2rem; font-size: 0.14rem; font-weight: 400; color: #999999; } /* 瑙嗛涓撴爮 缁撴潫 */ /* 鎶€鏈垎浜 */ .fenxiang-box { margin-top: 1rem; margin-bottom: 1rem; } .fenxiang-ctx { position: relative; margin-top: 0.4rem; } .fenxiang-bg-box { width: 100%; height: 4rem; overflow: hidden; } .fenxiang-bg { width: 100%; height: 100%; object-fit: cover; animation: bg_img_scale 8s infinite; } @keyframes bg_img_scale { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .fenxiang-mask { background: #fff; position: absolute; right: 0.6rem; top: 1.13rem; width: 5.8rem; height: 1.74rem; padding: 0 0.55rem; display: flex; justify-content: center; align-items: center; } .fenxiang-detail { display: block; cursor: pointer; } .fenxiang-title { font-size: 0.24rem; font-weight: 400; color: #02928e; } .fenxiang-desc { margin: 0.15rem 0; height: 0.52rem; font-size: 0.14rem; font-weight: 400; line-height: 0.26rem; color: #02928e; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; } .fenxiang-date { font-size: 0.14rem; font-weight: 400; color: #c8c8c8; } @media only screen and (max-width: 1024px) { /*璧勬簮涓績 璧勬簮涓績 寮€濮?/ .ziyuan-title-left { font-size: 16px !important; } .ziyuan-title-right { font-size: 14px !important; } .page-ziyuan { margin-top: 20px; width: 100% !important; } .wendang-box { padding: 0 15px; } .wendang-ctx { flex-direction: column; } .wendang-ctx-left { width: 100% !important; height: 50vw !important; } .wendang-poster-box { width: 100% !important; height: 50vw !important; } .wendang-ctx-right { width: 100% !important; height: 100% !important; padding-bottom: 5px !important; } .fujian-item:last-child { border-bottom: none; } .ziyuan-center-box { flex-direction: column; margin-top: 10px !important; padding: 15px; } .anzhuang-box { width: 100% !important; } .shipin-box { margin-top: 30px; width: 100% !important; } .video-box { width: 100% !important; height: 200px !important; } .video-info { height: auto !important; } .video-title{ font-size: 14px !important; } .video-date { font-size: 12px !important; } .fenxiang-box { padding: 15px; margin-top: 0px; } .fenxiang-mask { height: auto !important; background: #f5f5f5 !important; position: static !important; width: 100% !important; padding: 10px !important; margin: 0 !important; } .fenxiang-title { font-size: 14px !important; } .fenxiang-desc { height: auto !important; font-size: 12px !important; line-height: 1.5 !important; } .fenxiang-date { font-size: 12px !important; } .use { padding: 15px; margin-top: 20px; } .use_box { flex-direction: column; } .use_box .item { width: 100%; margin-bottom: 15px; } .use_box .item.act { width: 100%; } .use_box .item .info .tit { font-size: 16px; } .use_box .item.act .info .bott { font-size: 12px; line-height: 1.5; padding: 0 10px; } .use .pub_tit { margin-top: 0px; } .use .list_fa { } .use .list_fa .item { width: 100%; margin: 0; margin-bottom: 15px; } .use .list_fa .item img { height: 50vw; } .use .list_fa .item .content .tit { font-size: 14px; } .use .list_fa .item .content .text { font-size: 12px; line-height: 1.5; } .use .list_fa .item .content .time { font-size: 12px; } .use .list_al .item { width: 100%; margin: 0; margin-bottom: 15px; } .use .list_al .item img { height: 50vw; } .use .list_al .item .content .tit { font-size: 14px; } .use .pub_tit a { font-size: 12px; } .adhibition_detail .content .video video { height: auto; object-fit: cover; } }