@charset "utf-8"; /** * index */ /* banner */ .banner-index {position: relative;height: auto;} .banner-index .swiper-container {height: 100%;} .banner-index .swiper-slide {position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: cover;image-rendering: -webkit-optimize-contrast;} .banner-index .swiper-container .swiper-pagination {bottom: 0;font-size: 0;} .banner-index .swiper-pagination-bullet {position: relative;width: 30px;height: 75px;background: none;border-radius: 0;opacity: 1;} .banner-index .swiper-pagination-bullet::before {content: '';display: block;position: absolute;top: 20px;left: 0;width: 100%;height: 3px;background-color: #fff;} .banner-index .swiper-pagination-bullet-active {background: none;} .banner-index .swiper-pagination-bullet-active::before {background-color: #ed6d00;} .banner-index video {position: absolute;top: 0;left: 50%;transform: translateX(-50%);} /* 棣栭〉-浜у搧 */ .index-product {padding-top: 95px;padding-bottom: 80px;} .index-product .list-product-type {margin-bottom: 25px;padding: 20px 0;border-bottom: none;} /* 棣栭〉-鏍稿績浜у搧 */ .index-core-product .thumbnail {height: 310px;padding: 30px;} /* 棣栭〉-鏂伴椈 */ .index-news {position: relative;margin-bottom: 80px;padding-top: 98px;background: #f8f8f8;} .index-news:after {content: '';display: block;position: absolute;bottom: -80px;left: 0;width: 100%;height: 80px;background: url(../images/bg_wave.png) no-repeat center bottom / cover;} .index-news .btn-more-simplicity {margin-top: 20px;} /* 棣栭〉-浠嬬粛 */ .index-about .describe {padding-top: 20px;} .index-about .describe .title {font-size: 20px;line-height: 32px;color: #089775;} .index-about .list-params-monitor {margin-top: 26px;} .index-about .summary {margin-top: 30px;font-size: 14px;line-height: 27px;color: #5c5c5c;text-align: justify;} .index-about .btn-container {margin-top: 30px;} /* 鍒楄〃-鍙傛暟鏄剧ず鍣 */ .list-params-monitor {display: flex;justify-content: space-between;} .list-params-monitor .item {display: flex;position: relative;padding-top: 32px;} .list-params-monitor .item .before {display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #cecece;} .list-params-monitor .item:first-child .before {display: none;} .list-params-monitor .counter {float: left;margin-top: -32px;font-size: 57px;line-height: 62px;color: #089775;font-weight: bolder;} .list-params-monitor .unit {margin-left: 5px;font-size: 14px;line-height: 30px;color: #717171;font-weight: bolder;} /* 棣栭〉-妗堜緥 */ /* 棣栭〉-浼樺娍 */ .list-advantage {display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;z-index: 2;text-align: center;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);} .list-advantage .title {display: inline-block;position: relative;margin-bottom: 5px;font-family: 'MicrosoftYaheiLight';font-size: 42px;line-height: 54px;color: #606060;} .list-advantage .title .unit {float: right;font-size: 18px;line-height: 20px;font-weight: bolder;} .list-advantage p {margin-top: 10px;font-size: 18px;line-height: 20px;color: #606060;} .list-advantage .item {position: relative;width: 20%;padding: 45px 0;cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; } .list-advantage .item:not(:first-child) {border-left: 1px solid #d7d7d7;} .list-advantage .item:before, .list-advantage .item:after {content: '';display: block;position: absolute;width: 100%;height: 0;margin-left: -1px;background-color: #08A07A;border-left: 1px solid #08A07A; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; } .list-advantage .item:before {bottom: 100%;} .list-advantage .item:after {top: 100%;} .list-advantage .item.active, .list-advantage .item:hover {background-color: #08A07A;border-color: #08A07A;-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);} .list-advantage .item:hover:before, .list-advantage .item:hover:after, .list-advantage .item.active:before, .list-advantage .item.active:after {height: 10px;} .list-advantage .item.active .title, .list-advantage .item:hover .title, .list-advantage .item.active p, .list-advantage .item:hover p {color: #fff;} .list-advantage .swiper-container {width: 100%;overflow: visible;} .swiper-advantage {margin-top: -82px;} .swiper-advantage .swiper-slide {height: 688px;background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer;} .swiper-advantage .btn-play-video:before {content: '';display: block;position: absolute;top: 50%;left: 50%;width: 82px;height: 82px;margin-left: -41px;margin-top: -41px;background: url(../images/icons/play.png) no-repeat center / cover;} /* 棣栭〉-鍚堜綔浼欎即 */ .index-panter {padding: 70px 0 50px;} .list-panter-index .item {float: left;position: relative;width: 14.28%;height: 110px;} .list-panter-index .item:not(:first-child):before {content: '';display: block;position: absolute;top: 30px;left: 0;width: 1px;height: 50px;background-color: #ddd;} .list-panter-index img {max-width: 60%;} /* 鐢诲粖 */ .product-gallery .item {position: relative;display: block;margin-top: 6px;} .product-gallery .thumbnail {height: 243px;} .product-gallery .thumbnail .content {transition: all 2s ease;} .product-gallery .badge {position: absolute;left: 42px;top: 0;z-index: 2;width: 133px;height: 50px;background: #089775 url(../img/logo_w.png) no-repeat center / auto 25px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .product-gallery .badge.orange {background-color: #eba216;} .product-gallery .title-bottom {position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 15px;font-size: 16px;line-height: 42px;color: #fff4f4;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: rgba(0,0,0,.4);} .product-gallery .mask {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding: 0 50px;color:#fff;background: rgba(8,151,117,.9);opacity: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .product-gallery .mask-text {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 80%;text-align: center;} .product-gallery .mask-title {position: relative;padding-bottom: 15px;font-size:20px;line-height: 30px; transform: translateY(-100%); } .product-gallery .mask-title::before {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 0;height: 1px;margin-left: 0;background-color: #fff;} .product-gallery .mask-summary {margin-top: 15px;font-size: 14px;line-height: 25px;color: #fff; transform: translateY(100%); } .product-gallery .mask .btn {height: 28px;margin-top: 20px;padding: 0 30px;line-height:26px;color:#fff;font-size:14px;border-radius:28px;border-radius: 28px;} .product-gallery .mask .btn-hollow {border: 1px solid #fff;} .product-gallery .mask-title, .product-gallery .mask-title::before, .product-gallery .mask-summary, .product-gallery .mask .btn { opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out ; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .product-gallery .mask-title::before, .product-gallery .mask .btn { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; } .product-gallery .item:hover .mask, .product-gallery .item:hover .mask-title, .product-gallery .item:hover .mask-title::before, .product-gallery .item:hover .mask-summary, .product-gallery .item:hover .mask .btn {opacity: 1;} .product-gallery .item:hover .mask-title, .product-gallery .item:hover .mask-summary {transform: translateY(0);} .product-gallery .item:hover .mask-title::before {width: 50px;margin-left: -25px;} /* 鐢诲粖2 */ .product-gallery2 .thumbnail {height: 193px;} .product-gallery2 .thumbnail-row-2 {height: 392px;} .product-gallery2 .mask-title {font-size: 18px;} .product-gallery2 .mask .btn {margin-top: 15px;} /* 鍒楄〃-鏂伴椈 */ .list-news .item a {display: block;} .list-news .item {display: block;position: relative;min-height: 212px;padding: 30px 15px 30px 292px;border-bottom: 1px dashed #e5e5e5;} .list-news .thumbnail {position: absolute;top: 30px;left: 0;z-index: 2;width: 263px;height: 152px;} @media (min-width: 769px) { .list-news .item:first-child {min-height: 182px;padding-top: 0;} .list-news .item:first-child .thumbnail {top: 0;} } .list-news .title {font-size: 18px;line-height: 38px;color: #666;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list-news .summary {max-height: 60px;overflow: hidden;margin-top: 8px;font-size: 14px;line-height: 30px;color: #8c8c8c;} .list-news .time {margin-top: 15px;font-size: 14px;line-height: 30px;color: #8c8c8c;} .list-news .time .iconfont {float: left;margin-right: 10px;} .list-news .title:hover {color: #079774;} /* 鍒楄〃-鏂伴椈-绠€娲 */ .list-news-simple .item {position: relative;display: block;min-height: 126px;padding: 20px 0 20px 166px;border-top: 1px solid #cfcfcf;} .list-news-simple .item:first-child {min-height: 96px;border-top: none;} .list-news-simple .item:first-child {padding-top: 0;} .list-news-simple .item:first-child .thumbnail {top: 0;} .list-news-simple .thumbnail {position: absolute;top: 20px;left: 0;width: 144px;height: 86px;} .list-news-simple .title {display: block;max-height: 52px;overflow: hidden;margin-bottom: 5px;font-size: 16px;line-height: 26px;color: #404040;font-weight: bolder; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .list-news-simple .summary, .list-news-simple .time {font-size: 14px;line-height: 24px;color: #4c4c4c;} .list-news-simple .item:hover .title {color: #08A07A;} .list-news-text .item {display: block;margin-top: 20px;} .list-news-text .item:first-child {margin-top: 0;} .list-news-text .title {font-size: 14px;line-height: 24px;color: #5d5d5d;} .list-news-text .time {font-size: 13px;line-height: 24px;color: #999;} .list-news-text .item.active .title, .list-news-text .item:hover .title {color: #079774;} /* 鏂伴椈闈㈡澘 */ .news-panel {position: relative;} .news-panel .thumbnail {display: block;position: relative;height: 585px;background-repeat: no-repeat;background-size: cover;background-position: center;} .news-panel .title-bottom {position: absolute;bottom: 0;left: 0;width: 100%;padding: 25px;font-size: 20px;line-height: 36px;font-weight: bolder;color: #fff;background-color: rgba(0,0,0,.3);} /* .news-panel:hover .title-bottom {color: #08A07A;} */ /* 鍒楄〃-鎷涜仒 */ .list-recruitment .item {position: relative;padding: 30px 25px 0;border: 1px solid #d6d6d6;} .list-recruitment .item:not(:first-child) {margin-top: 15px;} .list-recruitment .btn-delivery {position: absolute;top: 30px;right: 25px;padding: 0 23px;font-size: 16px;line-height: 40px;background-color: #7f7f7f;} .list-recruitment .recruitment-header {padding: 0 20px 20px;} .list-recruitment .title {margin-bottom: 10px;font-size: 18px;line-height: 24px;color: #08A07A;font-weight: bolder;} .list-recruitment .info {position: relative;padding-left: 22px;font-size: 14px;line-height: 30px;color: #b4b4b4;} .list-recruitment .info .iconfont {position: absolute;top: 0;left: 0;margin-right: 7px;font-size: 16px;line-height: 30px;} .list-recruitment .info span {margin-right: 30px;} .list-recruitment .detail {display: none;padding: 0 20px 10px;font-size: 14px;line-height: 36px;color: #414141;text-align: justify;} .list-recruitment .item-detail {margin-bottom: 20px;} .list-recruitment .detail p strong {color: #08A07A;} .list-recruitment .btn-toggle {font-size: 14px;line-height: 40px;color: #5c5c5c;text-align: center;border-top: 1px dotted #eee;cursor: pointer;} .list-recruitment .item:hover {box-shadow: 0 0 20px rgba(0,0,0,.2);} .list-recruitment .btn-toggle:hover {color: #08A07A;} /* 鍒楄〃-妗堜緥 */ .list-case .item {margin-bottom: 20px;} .list-case .thumbnail {position: relative;height: 250px;} .list-case .thumbnail .badge-logo {position: absolute;bottom: 28px;left: 28px;padding: 9px;background-color: #fff;border-radius: 9px;} .list-case .thumbnail .badge-logo img {display: block;height: 42px;} .list-case .item>.content {padding: 20px 28px;background-color: #f3f3f3;} .list-case .title {font-size: 16px;line-height: 24px;color: #3f3f3f;font-weight: bolder;} .list-case .summary {height: 66px;margin-top: 8px;font-size: 14px;line-height: 22px;color: #7b7b7b;overflow: hidden;/*display: -webkit-box;*/-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} .list-case .list {margin-top: 10px;line-height: 22px;} .list-case .list .label {color: #7b7b7b;} .list-case .list .inner-item {position: relative;padding: 3px 0 3px 72px;font-size: 0;} .list-case .list .label {position: absolute;top: 3px;width: 72px;left: 0;font-size: 14px;} .list-case .list .label-4 {width: 72px;} .list-case .list .inner-item>span {display: inline-block;margin-bottom: 5px;margin-right: 5px;padding: 0 10px;font-size: 14px;color: #fff;background-color: #08a07a;border-radius: 22px;} .list-case .btn-more-container {float: left;} /* 鍒楄〃-鍚堜綔 */ .list-partner .item {padding: 45px 0;border-top: 1px dotted #878787;} .list-partner .title {margin-bottom: 25px;text-align: center;font-size: 20px;line-height: 28px;color: #4c4c4c;font-weight: bolder;} .list-partner .inner-item {float: left;width: 20%;height: 198px;background-color: #f4f4f4;} .list-partner .inner-item:nth-child(even) {background-color: #e9e9e9;} .list-partner .btn-more-container {float: left;} /* 鍒楄〃-杞欢涓撳埄 */ .list-patents .item {padding: 45px 0;border-top: 1px dotted #878787;} .list-patents .title {margin-bottom: 25px;text-align: center;font-size: 20px;line-height: 28px;color: #4c4c4c;} .list-patents .inner-item {float: left;width: 19.24%;height: auto;margin-left: .94%;text-align: center;} .list-patents .inner-item:nth-child(5n+1) {margin-left: 0;} .list-patents .inner-item .thumbnail {display: block;height: 300px;background-color: #f4f4f4;} .list-patents .inner-item .thumbnail .middle-box {width: 100%;height: 100%;max-height: 300px;} .list-patents .inner-item img {max-width: 100%;max-height: 100%;} .list-patents .name {height: 98px;padding: 25px 0;font-size: 14px;line-height: 24px;color: #4f4f4f;overflow: hidden;} /* 鍒楄〃-浜у搧绫诲瀷 */ .product-type-container {padding: 17px 0;} .list-product-type {display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;overflow: hidden;} .list-product-type .item {position: relative;margin: 5px 0;} .list-product-type .item .before {display: block;position: absolute;top: 19.18%;left: 0;width: 1px;height: 61.64%;background-color: #e9e9e9;} .list-product-type .item:first-child .before {display: none;} .list-product-type .iconfont, .list-product-type .icon {display: block;width: 110px;height: 73px;color: #666;background-size: auto 100%;transition: .1s;} .list-product-type .name {margin-top: 5px;font-size: 17px;line-height: 38px;color: #5e5e5e;} .list-product-type .item.active .iconfont, .list-product-type .item:hover .iconfont, .list-product-type .item.active .name, .list-product-type .item:hover .name {color: #089775;} .list-product-type .swiper-container {width: 100%;} .list-product-type .swiper-wrapper {justify-content: space-between;} .list-product-type .swiper-slide {width: auto;} .list-product-type2 {margin-bottom: 50px;padding: 40px 0;border-bottom: 1px solid #d0d0d0;} .list-product-type2 .iconfont, .list-product-type2 .icon {width: 94px;height: 76px;font-size: 50px;line-height: 76px;} .list-product-type2 .name {line-height: 24px;} /* 鍒楄〃-浜у搧 */ .list-product .item {margin-bottom: 30px;background-color: #faf7f0;} .list-product .thumbnail {display: block;height: 250px;border-bottom: 1px solid #e0d5be;} .list-product .thumbnail .content {background-size: auto;} .list-product .item>.content {width: 100%;height: 170px;padding: 10px;font-size: 0;overflow: hidden;} .list-product .title {font-size: 22px;line-height: 28px;color: #3f3f3f;font-weight: bolder;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list-product .summary {max-height: 40px;margin-top: 10px;font-size: 14px;line-height: 20px;color: #575757;overflow: hidden;} .list-product .content .btn {height: 0;position: relative;top: 70px;display: inline-block;margin-top: 10px;padding: 0 30px;font-size: 14px;line-height: 35px;border-radius: 35px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;} .list-product .item:hover .content .btn {height: 35px;top: 0;} /* 鍒楄〃-搴楅摵 */ .list-store {display: flex;justify-content: center;flex-wrap: wrap;padding: 66px 0;border-top: 1px solid #d0d0d0;} .list-store .item {display: block;position: relative;margin: 0 80px;padding-left: 70px;} .list-store .item:not(:first-child):before {content: '';display: block;position: absolute;top: -4px;left: -80px;width: 1px;height: 56px;background-color: #c1c1c1;} .list-store img {position: absolute;top: 0;left: 0;width: 48px;height: 48px;} .list-store .name {font-size: 22px;line-height: 48px;color: #090909;} .list-store .item:hover .name {color: #08A07A;} /* 鍒楄〃-鍗$墖 */ .list-card-primary .item {display: block;background-color: #faf7f0;} .list-card-primary .info {padding: 24px 40px;text-align: center;border-top: 1px solid #dcdcdc;} .list-card-primary .title {font-size: 20px;line-height: 30px;color: #282828;} .list-card-primary .summary {font-size: 14px;line-height: 28px;color: #5c5c5c;} @media (min-width: 769px) { .list-card-primary .title, .list-card-primary .summary {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } /* 鍒楄〃-鍗$墖-鏅€ */ .list-card-normal .item {display: block;position: relative;} .list-card-normal .thumbnail {height: 400px;} .list-card-normal .title {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 10px;font-size: 18px;line-height: 52px;text-align: center;color: #fff;background-color: #2dae8e;} .list-card-normal .title.transparent {background-color: rgba(8, 160, 122, .8);} .list-card-normal .title.transparent.orange {background-color: rgba(243, 152, 0, .8);} /* 鍒楄〃-鏂囧瓧-绠€鐗 */ .list-text-simple .item {display: inline-block;margin-right: 25px;font-size: 14px;line-height: 24px;color: #5d5d5d;} .list-text-simple .item.active, .list-text-simple .item:hover {color: #079774;} /* 鍒楄〃-寰界珷 */ .list-badge {display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;overflow: hidden;} .list-badge .item {position: relative;} .list-badge .item .before {display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 74px;margin-top: -37px;background-color: #b0b0b0;} .list-badge .item:first-child .before {display: none;} .list-badge .iconfont, .list-badge .icon {display: block;width: 85px;height: 85px;margin: 0 auto;font-size: 42px;line-height: 85px;color: #08a07a;border: 1px solid #08a07a;border-radius: 50%;} .list-badge .icon-logo-badge {background-size: 40px 32px;} .list-badge .title {margin-top: 10px;font-size: 20px;line-height: 36px;color: #000;} .list-badge .text {margin-top: 5px;font-size: 15px;line-height: 26px;color: #7b7b7b;} /* 鍒楄〃-瑙嗛 */ .list-video {overflow: hidden;} .list-video .item {margin-top: 15px;cursor: pointer;} .list-video .item:first-child::before {content: none!important;} .list-video .thumbnail {position: relative;height: 192px;} .list-video .cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;} .list-video .cover .icon {position: absolute;top: 50%;left: 50%;width: 46px;height: 46px;margin-top: -23px;margin-left: -23px;} .list-video .cover .title {position: absolute;bottom: -36px;left: 0;width: 100%;padding: 0 10px;font-size: 16px;line-height: 36px;color: #fff;background-color: rgba(243, 152, 0, .9);transition: .3s;} .list-video .info {padding: 15px 20px;font-size: 16px;line-height: 24px;color: #6f6f6f;text-align: justify;background-color: #f6f6f6;transition: .3s;} @media (min-width: 769px) { .list-video .item {margin-top: 60px;} .list-video .item:nth-child(4n+1)::before {content: '';display: block;position: absolute;top: -30px;left: 15px;width: calc(400% - 30px);height: 0;border-top: 1px dashed #e5e5e5;} .list-video .item:nth-child(1), .list-video .item:nth-child(2), .list-video .item:nth-child(3), .list-video .item:nth-child(4) {margin-top: 0;} .list-video .item:hover .cover .title {bottom: 0;} .list-video .item:hover .info {color: #fff;background-color: #08a07a;} .list-video .info .title {height: 48px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} } /* 鏃堕棿杞 */ .swiper-timershaft {position: relative;margin-top: -40px;padding: 44px 0;} .swiper-timershaft .swiper-container {height: 360px;} .swiper-timershaft .item {position: relative;height: 60px;padding-left: 50px;font-size: 20px;line-height: 60px;color: #575656;font-weight: bolder;cursor: pointer;} .swiper-timershaft .item i {position: absolute;top: 20px;left: 7px;width: 20px;height: 20px;background-color: #fff;border: 1px solid #b8b8b8;border-radius: 50%;} .swiper-timershaft .item i:before {content: '';display: block;position: absolute;top: 5px;left: 5px;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;} .swiper-timershaft .item:hover, .swiper-timershaft .item.active {color: #08A07A;} .swiper-timershaft .item:hover i, .swiper-timershaft .item.active i {border-color: #08A07A;} .swiper-timershaft .item:hover i:before, .swiper-timershaft .item.active i:before {background-color: #08A07A;} .swiper-timershaft .swiper-button-prev, .swiper-timershaft .swiper-button-next {width: 34px;height: 34px;margin: 0;text-align: center;background: none;} .swiper-timershaft .swiper-button-prev {left: 0;right: auto;top: 0;} .swiper-timershaft .swiper-button-next {left: 0;right: auto;top: auto;bottom: 0;} .swiper-timershaft .swiper-button-prev .iconfont, .swiper-timershaft .swiper-button-next .iconfont {display: block;font-size: 30px;line-height: 34px;color: #d1d1d1;} /* 鎶曡瘔寤鸿 */ .form-suggest .row .col-sm-6:first-child {padding-right: 10px;} .form-suggest .row .col-sm-6:last-child {padding-left: 10px;} /* 鍞悗鏈嶅姟 */ .service-content .item {position: relative;height: 352px;margin-bottom: 10px;} .service-content .thumbnail {height: 100%;} .service-content .title {position: absolute;top: 0;right: 0;padding: 50px 28px;color: #757575;text-align: right;} .service-content .title h3 {font-family: 'nitalagoruikamonokyohkan-06';font-size: 40px;line-height: 40px;text-transform: uppercase;} .service-content .title h4 {margin-top: 18px;font-size: 30px;line-height: 34px;} .service-content .title .link {margin-top: 18px;padding: 0 24px;font-size: 16px;line-height: 32px;border: 2px solid #999;border-radius: 32px;} /* 鑱旂郴鎴戜滑 */ .contactus .tab-nav .item {min-width: 200px;} .contactus .info {width: 100%;height: 100%;background-color: #ebebeb;} .contactus .map-content {height: 466px;} .contactus .map-content>div {height: 100%;} .contactus .map-content .col-sm-4 {padding-right: 0;} .contactus .map-content .col-sm-8 {padding-left: 0;} #map {height: 100%;z-index: 1;} .contactus .info {padding: 0 40px;line-height: 30px;color: #4a4a4a;} .contactus .info .middle-box {width: 100%;height: 100%;} .contactus .info .middle-inner {text-align: left;} .contactus .info .item {position: relative;padding: 20px 0 20px 48px;} .contactus .info .item:not(:first-child) {border-top: 1px solid #dcdcdc;} .contactus .info .item .iconfont {position: absolute;top: 35px;left: 0;font-size: 24px;line-height: 30px;color: #08A07A;} .contactus .info .title {font-size: 18px;} .contactus p {font-size: 14px;} /* 鐗堝浘 */ .territory-container {position: relative;} .territory {position: relative;left: 50%;width: 700px;height: 512px;margin-left: -400px;font-size: 0;} .territory .territory-mark {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .territory .territory-mark li {position: absolute;top: 0;left: 0;width: 15px;height: 21px;margin-top: -21px;margin-left: -7px;background: url(../images/icons/mark.png) no-repeat;background-size: cover;cursor: pointer;} .territory .territory-mark li.active, .territory .territory-mark li:hover {background-image: url(../images/icons/marked.png);} .territory-summary {position: absolute;top: 210px;left: 50%;z-index: 3;width: 300px;margin-left: 200px;padding: 15px 22px;background-color: #fff;border: 1px solid #08A07A;} .territory-summary .title {margin-bottom: 5px;font-size: 16px;line-height: 24px;color: #08A07A;font-weight: bolder;} .territory-summary p {font-size: 14px;line-height: 20px;color: #797979;} /* 搴旇仒鑱旂郴鏂瑰紡 */ .recruitment-contact {padding: 30px;background-color: #f3f3f3;} .recruitment-contact .title {margin-bottom: 15px;font-size: 18px;line-height: 36px;color: #08A07A;font-weight: bolder;} .recruitment-contact .title .iconfont {float: left;margin-right: 10px;font-size: 30px;line-height: 36px;font-weight: normal;} .recruitment-contact .content, .recruitment-contact .content a {font-size: 14px;line-height: 26px;color: #747474;} .recruitment-contact .content p {margin-bottom: 10px;} .recruitment-contact .content strong {font-size: 18px;font-weight: normal;} /* 浜у搧璇︽儏 */ .product-detail-header {position: relative;min-height: 504px;margin: 130px 0 60px;padding-left: 860px;} /* 浜у搧鍥剧墖 */ .product-thumbnail {position: absolute;top: 0;left: 0;} .gallery-top {width: 684px;height: 504px;background-color: #f3f3f3;} .gallery-top .swiper-slide {height: 504px;} .gallery-top .swiper-slide .middle-box {height: 100%;} .gallery-top .swiper-slide img {display: block;width: 684px;height: 504px;} .gallery-top .swiper-pagination-bullet-active {background-color: #08A07A;} .gallery-thumbs-content {position: relative;width: 140px;height: 504px;margin-right: 34px;padding: 42px 0;} .gallery-thumbs-content .swiper-slide {padding: 10px;background-color: #f3f3f3;cursor: pointer;} .gallery-thumbs-content .swiper-container {height: 420px;} .gallery-thumbs-content .content {height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;} .gallery-thumbs-content .swiper-button-prev, .gallery-thumbs-content .swiper-button-next {width: 100%;height: 30px;margin: 0;background: #f2f2f2;} .gallery-thumbs-content .swiper-button-prev {left: auto;top: 0;} .gallery-thumbs-content .swiper-button-next {right: auto;top: auto;bottom: 0;} .gallery-thumbs-content .swiper-button-prev .iconfont, .gallery-thumbs-content .swiper-button-next .iconfont {display: block;width: 100%;height: 100%;font-size: 18px;line-height: 30px;text-align: center;} /* 鍩烘湰淇℃伅 */ .product-detail-header .info {padding-left: 44px;} .product-detail-header .title {padding-top: 20px;color: #3f3f3f;} .product-detail-header .title h3 {font-size: 30px;line-height: 42px;font-weight: bolder;} .product-detail-header .title h4 {margin-top: 5px;font-size: 20px;line-height: 30px;} .product-detail-header .summary {margin-top: 25px;font-size: 14px;line-height: 24px;color: #7b7b7b;} .product-detail-header .list {margin-top: 25px;} .product-detail-header .list .item {position: relative;margin-top: 30px;padding-left: 110px;font-size: 14px;line-height: 24px;color: #333;} .product-detail-header .list .label {position: absolute;top: 0;left: 0;font-weight: bolder;} .product-detail-header .list .label .icon {float: left;width: 24px;height: 24px;margin-right: 8px;} .product-detail-header .list .store {padding-left: 0;} .product-detail-header .list .store a {display: block;float: left;margin-right: 28px;font-size: 0;} .product-detail-header .list .store img {display: block;width: 48px;height: 48px;} .product-detail .top {height: 64px;background-color: #f3f3f3;} .product-detail .top .title {font-size: 20px;line-height: 64px;color: #3f3f3f;font-weight: bolder;} .product-detail .share {margin: 16px 0;font-size: 14px;line-height: 32px;color: #4f4f4f;} .product-detail .social-share .social-share-icon {margin: 0 0 0 8px;color: #fff;background-color: #c0c0c0;border-color: #c0c0c0;} .product-detail .social-share .social-share-icon:hover {background-color: #1c3138;border-color: #1c3138;} .product-detail .content {margin-bottom: 80px;padding-top: 40px;font-size: 0;line-height: 0;} .product-detail .content img {display: block;width: 100%;} /* 鍘嗙▼ */ .history-content {padding: 53px 35px;background-color: #eef8f5;} .history-content>.title {font-size: 0;text-align: center;} .history-content>.title .year {position: relative;display: inline-block;height: 44px;font-family: 'nitalagoruikamonokyohkan-06';color: #089775;font-size: 0;overflow: hidden;border-bottom: 1px solid #089775;} .history-content>.title .year:before {content: '';display: block;position: absolute;top: 0;left: 50%;width: 1px;height: 100%;margin-left: 3px;background-color: #089775;transform: rotate(30deg);} .history-content>.title .year * {display: inline-block;} .history-content>.title .year span {font-size: 18px;line-height: 44px;} .history-content>.title .year strong {font-size: 40px;line-height: 44px;} .history-content>.title .year span:nth-child(3) {margin-left: 20px;} .history-content>.title .name {padding-left: 15px;font-size: 18px;line-height: 30px;color: #089775;letter-spacing: 10px;} .list-history {position: relative;margin-top: 46px;padding-top: 45px;} .list-history:before {content: '';display: block;position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background-color: #9cc1b8;} .list-history .item {position: relative;} .list-history .item:before {content: '';display: block;position: absolute;top: 13px;left: 50%;width: 20px;height: 20px;margin-left: -10px;background: url(../images/icons/node.png) no-repeat;background-size: cover;} .list-history .item:after {content:"\200B";display:block;height:0;clear:both;} .list-history .content {position: relative;width: 46%;padding: 15px 20px;background-color: #eef8f5;border: 1px solid #a0ccc1;} .list-history .content:before {content: '';position: absolute;top: 10px;right: -20px;width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid #a0ccc1;} .list-history .content:after {content: '';position: absolute;top: 10px;right: -19px;width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid #eef8f5;} .list-history .item:nth-child(even) .content {float: right;} .list-history .item:nth-child(even) .content:before {left: -20px; border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 20px solid #a0ccc1;border-left: none;} .list-history .item:nth-child(even) .content:after {left: -19px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 20px solid #eef8f5;border-left: none;} .list-history .time {font-size: 30px;line-height: 32px;color: #089775;font-weight: bolder;} .list-history .summary {margin-top: 5px;font-size: 14px;line-height: 26px;color: #3c3c3c;} .list-history .btn-more-container {position: relative;z-index: 2;padding-top: 30px;font-size: 0;background-color: #eef8f5;} .list-history .btn-more-container .btn {color: #089775;border-color: #089775;} @media (max-width: 768px) { /** * index */ .banner-index .swiper-container .swiper-pagination {bottom: 20px;} .banner-index .swiper-pagination-bullet {height: 3px;} .banner-index .swiper-pagination-bullet::before {top: 0;} /* 棣栭〉-浜у搧 */ .index-product, .index-news, .index-case, .index-panter {padding-top: 20px;padding-bottom: 20px;} /* 棣栭〉-鏍稿績浜у搧 */ .index-core-product .thumbnail {height: 240px;padding: 15px;} /* 棣栭〉-鏂伴椈 */ .index-news {margin-bottom: 0;} .index-news:after {content: none;} .index-news .text-right {text-align: center;} .index-news .btn-more-simplicity {margin: 5px auto;} .news-panel {margin-bottom: 15px;} .news-panel .thumbnail {height: 200px;} .news-panel .info {padding: 10px 0;} .news-panel .title {margin-bottom: 5px;} .news-panel .title-bottom {padding: 0 10px;font-size: 15px;line-height: 36px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /* 棣栭〉-鍏充簬鎴戜滑 */ .index-about .list-params-monitor, .index-about .summary, .index-about .btn-container {margin-top: 15px;} .index-about .btn-container {text-align: center;} .index-about .describe .title {font-size: 16px;} /* 棣栭〉-浼樺娍 */ .swiper-advantage {margin-top: 0;} .swiper-advantage .swiper-slide {height: 200px;} .list-advantage .item {padding: 18px 0;} .list-advantage .title {font-size: 22px;line-height: 34px;} .list-advantage .title .unit {font-size: 13px;} .list-advantage p {margin-top: 0;font-size: 14px;line-height: 18px;} .swiper-advantage .btn-play-video:before {width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .list-advantage .swiper-container {overflow: hidden;} .index-advantage>.container {padding: 0;} /* 棣栭〉-鍚堜綔浼欎即 */ .list-panter-index .item {height: 80px;} .list-panter-index .item:not(:first-child):before {top: 15px;} /* 鐢诲粖 */ .product-gallery .thumbnail {height: 140px;} .product-gallery .badge {left: 10px;width: 100px;height: 30px;background-size: auto 60%;border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;} .product-gallery .title-bottom {padding: 0 10px;font-size: 14px;line-height: 30px;} .product-gallery .mask {display: none;} /* 鍒楄〃-鍗$墖 */ .list-card-primary .item {margin-top: 10px;} .list-card-primary .info {padding: 15px;} .list-card-primary .title {font-size: 18px;line-height: 28px;} .list-card-primary .summary {margin-top: 5px;font-size: 13px;line-height: 24px;} /* 鍒楄〃-鍗$墖 */ .list-card-normal .col-sm-6 .item {margin-bottom: 10px;} .list-card-normal .thumbnail {height: 200px;} .list-card-normal .title {font-size: 14px;line-height: 38px;} /* 鍒楄〃-鏂伴椈 */ .list-news.mt-20 {margin-top: 0;} /* .list-news {border-top: 1px dotted #878787;} */ .list-news .item {height: auto;min-height: 116px;margin-top: 0!important;padding: 18px 0 18px 140px;box-shadow: none;border-bottom: 1px dotted #878787;} .list-news .thumbnail {top: 18px;left: 0;width: 125px;height: 80px;} .list-news .item>.content {padding: 0;} .list-news .title {margin-top: 0;font-size: 14px;line-height: 24px;} .list-news .summary {margin-top: 0;font-size: 13px;line-height: 24px;color: #7e7e7e;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list-news .time {margin-top: 8px;font-size: 12px;line-height: 24px;color: #7e7e7e;} /* 鍒楄〃-鏂伴椈-绠€鐗 */ .list-news-simple .item {min-height: 116px;padding: 15px 0 15px 156px;} .list-news-simple .item:first-child {min-height: 101px;} .list-news-simple .thumbnail {top: 15px;} .list-news-simple .title {font-size: 15px;} .list-params-monitor {flex-wrap: wrap;} .list-params-monitor .item .before {display: none;} /* 鍒楄〃-鎷涜仒 */ .list-recruitment .item {padding: 10px 10px 0;} .list-recruitment .recruitment-header {padding: 0 0 10px;} .list-recruitment .title {padding-right: 100px;font-size: 16px;} .list-recruitment .info {line-height: 26px;} .list-recruitment .info span {margin-right: 5px;} .list-recruitment .info .iconfont {height: 26px;line-height: 26px;} .list-recruitment .btn-delivery {top: 10px;right: 10px;padding: 0 20px;font-size: 14px;line-height: 32px;} .list-recruitment .detail {padding: 0;line-height: 30px;} .list-recruitment .item-detail {margin-bottom: 10px;} /* 鍒楄〃-妗堜緥 */ .list-case .item {margin-bottom: 10px;} .list-case .thumbnail {height: auto;} .list-case .thumbnail .badge-logo {left: 10px;bottom: 10px;padding: 6px;border-radius: 6px;} .list-case .thumbnail .badge-logo img {height: 30px;} .list-case img {display: block;width: 100%;} .list-case .item>.content {padding: 10px 15px;} .list-case .list .inner-item>span {font-size: 12px;} /* 鍒楄〃-鍚堜綔 */ .list-partner .item {padding: 20px 0;} .list-partner .title {margin-bottom: 15px;font-size: 16px;} .list-partner .inner-item {width: 50%;} .list-partner .inner-item:nth-child(even) {background-color: #f4f4f4;} .list-partner .inner-item:nth-child(4n+1), .list-partner .inner-item:nth-child(4n+4) {background-color: #f4f4f4;} .list-partner .inner-item:nth-child(4n+2), .list-partner .inner-item:nth-child(4n+3) {background-color: #e9e9e9;} /* 鍒楄〃-杞欢涓撳埄 */ .list-patents .item {padding: 20px 0;} .list-patents .title {margin-bottom: 15px;font-size: 16px;} .list-patents .list {padding: 0 5px;} .list-patents .inner-item {width: 49%;margin-left: 2%;} .list-patents .inner-item:nth-child(5n+1) {margin-left: 2%;} .list-patents .inner-item:nth-child(odd) {margin-left: 0;} .list-patents .inner-item .thumbnail {height: 200px;padding: 10px;} .list-patents .inner-item .thumbnail .middle-box {max-height: 200px;} .list-patents .inner-item img {max-height: 180px;} .list-patents .name {height: 60px;padding: 10px 0;line-height: 20px;} /* 鍒楄〃-浜у搧绫诲瀷 */ .product-type-container {padding: 10px 0;} .list-product-type .item {width: 33.33%;} .list-product-type .item:nth-child(3n+1) .before {display: none;} .list-product-type .iconfont, .list-product-type .icon {height: 54px;} .list-product-type .name {font-size: 13px;line-height: 28px;} .list-product-type2 {margin-bottom: 20px;padding: 10px 0;} .list-product-type2 .iconfont, .list-product-type2 .icon {width: 40px;height: 40px;margin: 0 auto;font-size: 32px;line-height: 40px;} /* 鍒楄〃-浜у搧 */ .list-product .item {margin-bottom: 15px;} .list-product .thumbnail {height: 100px;padding: 15px 5px;} .list-product .thumbnail .content {background-size: contain;} .list-product .item>.content {height: auto;padding: 10px 5px;} .list-product .title {font-size: 15px;} .list-product .summary {margin-top: 5px;font-size: 13px;} .list-product .content .btn {top: 0;height: 28px;padding: 0 20px;line-height: 28px;} /* 鍒楄〃-搴楅摵 */ .list-store {flex-direction: column;align-content: center;padding: 10px 0;} .list-store .item {margin: 5px 0;} .list-store .item:not(:first-child):before {content: none;} .list-store img {width: 40px;height: 40px;} .list-store .name {font-size: 16px;line-height: 40px;} /* 鍒楄〃-寰界珷 */ .list-badge .item {width: 100%;min-height: 70px;margin-top: 15px;padding-left: 90px;text-align: left;} .list-badge .item:first-child {margin-top: 0;} .list-badge .item .before {display: none;} .list-badge .iconfont, .list-badge .icon {position: absolute;top: 0;left: 0;width: 70px;height: 70px;font-size: 40px;line-height: 70px;text-align: center;} .list-badge .icon-logo-badge {background-size: auto 28px;} .list-badge .title {margin-top: 0;font-size: 18px;line-height: 32px;} .list-badge .text {font-size: 14px;line-height: 24px;} /* 鍒楄〃-瑙嗛 */ .list-video .info {padding: 10px 15px;font-size: 15px;line-height: 22px;} /** * 鏃堕棿杞 */ .swiper-timershaft {margin-top: 0;padding: 10px 30px;} .swiper-timershaft .swiper-container {height: auto;} .swiper-timershaft .item {height: auto;padding: 20px 0 0;font-size: 16px;line-height: 40px;text-align: center;} .swiper-timershaft .item i {top: 0;left: 50%;margin-left: -10px;} .swiper-timershaft .swiper-button-prev {top: 10px;left: 0;} .swiper-timershaft .swiper-button-next {top: 10px;left: auto;right: 0;} .swiper-timershaft .swiper-button-prev .iconfont, .swiper-timershaft .swiper-button-next .iconfont {transform: rotate(-90deg);font-size: 24px;} /* 鎶曡瘔寤鸿 */ .form-suggest .row .col-sm-6 {padding: 0 5px!important;} /* 鍞悗鏈嶅姟 */ .service-content .item {height: 200px;} .service-content .title {padding: 20px;} .service-content .title h3, .service-content .title h4 {font-size: 22px;line-height: 26px;} .service-content .title h4 {margin-top: 5px;} .service-content .title .link {margin-top: 10px;padding: 0 20px;font-size: 14px;line-height: 26px;border-width: 1px;} /* 鑱旂郴鎴戜滑 */ .contactus .tab-nav .item {display: block;width: 100%;margin: 3px 0;} .contactus .map-content .col-sm-4, .contactus .map-content .col-sm-8 {padding: 5px;} .contactus .map-content {height: auto;} .contactus .info {padding: 5px 10px;line-height: 22px;} .contactus .info .item {padding: 10px 10px 10px 30px;} .contactus .info .title {font-size: 14px;} .contactus .info .item .iconfont {top: 10px;font-size: 20px;} #map {height: 400px;} /* 鐗堝浘 */ .territory {left: auto;width: 100%;height: auto;margin-left: 0;} .territory-summary {position: static;top: auto;left: auto;width: 100%;margin-left: 0;margin-bottom: 20px;padding: 10px 15px;} /* 搴旇仒鑱旂郴鏂瑰紡 */ .recruitment-contact {padding: 20px;} /* 浜у搧璇︽儏 */ .product-detail-header {min-height: 0;margin-top: 60px;margin-bottom: 20px;padding-left: 0;} .gallery-top {float: none;width: 100%;height: auto;} .gallery-top .swiper-slide {height: auto;} .gallery-top .swiper-slide img {width: 100%;height: auto;} .gallery-thumbs-content {float: none;width: 100%;height: auto;padding: 10px 0;} .gallery-thumbs-content .swiper-container {height: 60px;} .product-thumbnail {position: static;top: auto;left: auto;} .product-detail-header .info {padding-left: 0;} .product-detail-header .title {padding-top: 10px;} .product-detail-header .title h3 {font-size: 24px;line-height: 34px;} .product-detail-header .title h4 {font-size: 18px;line-height: 24px;} .product-detail-header .summary {margin-top: 10px;} .product-detail-header .list {margin-top: 10px;} .product-detail-header .list .item {margin-top: 10px;} .product-detail-header .list .store a {margin-right: 20px;} .product-detail-header .list .store img {width: 34px;height: 34px;} .product-detail .top {height: 46px;} .product-detail .top .title {font-size: 18px;line-height: 46px;} .product-detail .content {margin-bottom: 10px;padding-top: 10px;} /* 鍘嗙▼ */ .history-content {padding: 20px 10px;} .list-history {margin-top: 20px;padding-top: 20px;} .list-history:before {left: 0;} .list-history .item:not(:first-child) {margin-top: 10px;} .list-history .item:before {left: 0;} .list-history .content {float: right;width: 90%;padding: 10px 15px;} .list-history .content:before {left: -20px; border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 20px solid #a0ccc1;border-left: none;} .list-history .content:after {left: -19px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-right: 20px solid #eef8f5;border-left: none;} .list-history .time {font-size: 22px;line-height: 30px;} .list-history .summary {line-height: 24px;} }