@charset "utf-8"; .ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; } .ovhs,.ovhss{ display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; } .ovhs{ -webkit-line-clamp: 2; } .ovhss{ -webkit-line-clamp: 3; } /*WapslidesSTART*/ .wap-slides.am-slider-c2{ box-shadow: none; } .wap-slides.am-slider-c2 .am-control-nav li a{ width: 8px;height:8px;border-radius: 65px; } /*WapslidesNED*/ /*-------------------------- ** Model Index ---------------------------*/ .comm-title{ text-align: center;padding: 30px 0 20px; } .comm-title h3{ position: relative; font-size: 20px;color: #000; } .comm-title h3:after { display: block; width: 33px; height: 4px; background: var(--color2); content: ""; margin: 8px auto 0; } /*--------------------- ** wap-model-product ----------------------*/ .wap-model-product{ padding: 0 15px 10px; } .wap-model-product ul li{ border: 1px solid var(--border);margin-bottom: 20px; } /*--------------------- ** wap-model-about ----------------------*/ .wap-model-about{ padding: 0 15px 30px; } /*--------------------- ** wap-model-news ----------------------*/ .wap-model-news{ overflow: hidden; } .wap-model-news{ padding: 0 0 30px 15px; } .wap-model-news .remark{ padding: 10px 15px; border: solid var(--border);border-width: 0 1px 1px;color: #000; } .wap-model-news .remark p{ color: #333;margin: 5px 0 15px; } /*--------------------- ** Nbanner ----------------------*/ .nbanner{ position: relative; } .nbanner .text{ width: 90%; position: absolute;bottom: 35px;left: 15px;z-index: 66; } .nbanner .text h5{ font-weight: bold;font-size: 20px;color: #fff;padding-bottom: 5px; } .nbanner .text p{ font-size: 12px;color: #fff } /*--------------------- ** Screen ----------------------*/ .wap-screen{ padding:0 15px;height:60px;line-height:60px;position:relative;margin-bottom: 20px; overflow: hidden; } .wap-screen .swiper-slide { text-align:center;width:auto;margin-right:20px; } .wap-screen .swiper-slide:last-child{ background:none; } .wap-screen .swiper-slide a{ color:#000; } .wap-screen .swiper-slide em{ position:absolute;bottom:5px;left:0;display:block;width:100%;height:3px;background:transparent;z-index:66 } .wap-screen .swiper-slide.on a{ color: var(--color); } .wap-screen .swiper-slide.on em{ background: var(--color); } /** sub-childer **/ .sub-childer{display: flex;align-items: center;flex-wrap: nowrap;margin: 0 15px 30px;overflow-x: scroll; } .sub-childer a{ color: #000;display: block;margin-right: 10px; white-space: nowrap; } .sub-childer::-webkit-scrollbar { display:none } .sub-childer a.on{ color: var(--color); } /*--------------------- ** wap-news-lists ----------------------*/ .wap-news-lists{ padding: 0 15px; } .wap-news-lists ul li{ padding: 20px 0;border-bottom: 1px solid var(--border); } .wap-news-lists ul li:first-child{ padding-top: 0; } .wap-news-lists ul li:last-child{ border-bottom: 0; } .wap-news-lists ul li a{ display: flex;align-items: center; } .wap-news-lists ul li .remark{ width: calc(100% - 150px);margin-left: 20px; } .wap-news-lists ul li .remark h5{ color: #000;padding-bottom: 10px; } .wap-news-lists ul li .remark p{ color: #666; } /*--------------------- ** wap-cert-lists ----------------------*/ .wap-cert-lists{ padding: 0 15px 30px; } .wap-cert-lists ul li{ float: left; width: 48%;margin-bottom: 4%;text-align: center;border: 1px solid var(--border) } .wap-cert-lists ul li:nth-of-type(even){ float: right; } .wap-cert-lists ul li p{ height: 45px;line-height: 45px;border-top: 1px solid var(--border); } /*--------------------- ** wap-recru-list ----------------------*/ .wap-recru-list{ padding: 0 15px 20px; } .wap-recru-list ul li{ border: 1px solid var(--border);padding: 15px 10px;margin-bottom: 10px; } .wap-recru-list ul li a{ color: #000; } /** show **/ .recru-show{ padding: 0 15px 40px; } .recru-show .title{ padding: 20px 0;border-bottom: 1px solid var(--border); } .recru-show .title h1{ font-size: 18px;padding-bottom: 5px; } .recru-show .title p{ color: #666;font-size: 12px;line-height: 24px; } .recru-show .rec-content{ line-height: 24px;padding: 15px 0; } .recru-show .rec-content strong{ display: block;color: #333;padding-bottom: 5px; } /*--------------------- ** wap-product-lists ----------------------*/ .wap-product-lists{ padding: 0 15px 20px; } .wap-product-lists ul li{ margin-bottom: 15px; } .wap-product-lists ul li .imgs{ border: 1px solid var(--border); } .wap-product-lists ul li .imgs img{ max-width: 100%; } .wap-product-lists ul li .remark{ background: #f8f8f8;padding: 15px 10px 20px;color: #000; } .wap-product-lists ul li .remark h5{ padding-bottom: 5px;font-weight: bold; } .wap-product-lists ul li .remark p{ color: #666; } /*--------------------- ** Detail ----------------------*/ .wap-detail{ padding: 0 15px 30px; } .wap-detail p{ line-height:24px; } .wap-detail img{ max-width:100%;display:block;height: auto !important; } .detail {padding: 0 15px;} .n-title { padding:15px 0;border: solid var(--border);border-width: 0 0 1px; } .n-title span.m-type{font-size:13px;color:#666} .n-title h1{font-size:16px;font-weight:normal;} .n-title .type{ padding-top: 5px; font-size: 12px;color: #666; } .n-title .type a{color: #666;} .detail-content{ padding: 15px 0;border-bottom: 1px solid var(--border); } .detail-content, .detail-content p{line-height: 24px; } .detail-content img{width: 100% !important;height: auto !important;} .detail-content img.pics{ margin-bottom: 10px; } /** table **/ .detail-content table{ /*display: inline-flex;*/ table-layout: fixed !important; width: 100% !important; border-collapse: collapse; font-size: 12px; } .detail-content table col{ width: 100% !important; } .detail-content table td{ transform: scale(.8); } .detail-content table td li{ list-style: inherit !important; } .detail-content table td, .detail-content table td p{ height: auto !important; line-height: normal !important;margin: 5px 0 !important; } .detail-content table td p, .detail-content table td span{ font-size: 12px !important; } .detail-content table td strong{ font-weight: normal !important; } /*--------------------- ** 涓婁笅椤 ----------------------*/ .prenext:after{ display: block;content: "";clear: both; } .prenext{padding: 20px 15px;} .prenext p{ font-size: 12px; float: inherit !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; } .prenext a{ font-size: 12px; height: 25px;line-height: 25px;color: #999; }