锘緻charset "UTF-8"; .text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;} .botmenu{ text-align: center !important; background: var(--first_color);} .online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative} .online dl:hover{background:var(--first_color)} .online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer} a{color:#333;} .sw_banner a{display: block;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover, a:focus{color: var(--first_color);} .rd-navbar-static .rd-navbar-inner{max-width: 1148px;} /* banner*/ .swiper-pagination-bullet{ width: 10px; height: 10px; background: var(--first_color); opacity: .5; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px; } .swiper-button-next, .swiper-button-prev{color:var(--first_color);} .swiper-pagination-bullet-active{background: var(--first_color); opacity: 1;} @media (min-width: 1200px){ .container{width: 1178px;} } @media (min-width: 1200px){ .row >[class*='col-']{padding-left: 1rem; padding-right: 1rem;} .row{margin-left: -1rem;margin-right: -1rem;} } /* 椤堕儴鏈嶅姟鐑嚎 */ @media (min-width: 1200px){ .rd-navbar-panel .rd-navbar-brand{ width: 60%; float: left; } .rd-navbar-panel .nav-hotline{ width: 40%; float: left; } .epower-lang-xs{display: none;} .epower-lang{ margin-bottom: 12px; } } .rd-navbar-panel .nav-hotline .tel-number{ font-family: "Microsoft YaHei"; font-size: 20px; line-height: 36px; color: #444444; margin-top: 0; } .rd-navbar-panel .nav-hotline .tel-number span{ font-size: 36px; } /* 璇█ */ .epower-lang{ display: flex; justify-content: flex-end; } .epower-lang .lang-item a{ color: #444444; font-size: 18px; line-height: 27px; } .epower-lang>div{ display: flex; align-items: center; } .epower-lang .lang-item{ padding: 0 14px; } .epower-lang .lang-item:last-of-type{ padding: 0 0 0 14px; } .epower-lang .lang-item img{ width: 27px; height: 27px; margin-right: 4px; } .rd-navbar-panel .tel-number{ display: flex; justify-content: flex-end; } @media (max-width: 1199px){ .rd-navbar-panel .nav-hotline{ display: none; } .epower-lang{margin: 10px;} } /* 瀵艰埅 */ .rd-navbar-wrap{ height: unset !important; } .rd-navbar-static{ padding: 0; } .rd-navbar-brand{ line-height: 0; } .rd-navbar-static .rd-navbar-nav-wrap{ background: var(--first_color); } .header-nav-list{ width: 100%; display: flex; align-items: center; justify-content: center; } .header-nav-list .rd-nav-item{ width: 100%; } .rd-navbar .rd-navbar-nav > li > a{display: block;} .rd-navbar-static .rd-navbar-nav{ margin: 0; } .rd-navbar .rd-navbar-nav > li > a,.rd-navbar-static .rd-navbar-nav > li{ font-size: 16px; } .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li:hover > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after{ background: var(--first_color); color: #ffffff !important; } .rd-navbar-static .rd-navbar-dropdown{ padding: 10px 20px 20px 20px; margin-left: 0; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown{ min-width: 100%; } .rd-navbar-static .rd-navbar-nav > li{ padding: 0; margin: 0; position: relative; } .rd-navbar-static .rd-navbar-nav > li::after{ content: ''; position: absolute; width: 1px; height: 29px; background: rgba(255,255,255,0.5); right: 0; top: 0; bottom: 0; margin: auto 0; } .rd-navbar-static .rd-navbar-nav > li:last-of-type::after{ width: 0; height: 0; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a ~ .rd-navbar-submenu-toggle,.rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle:hover{ color: var(--first_color); } @media (min-width:1200px){ .rd-navbar-static .rd-navbar-inner, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner{ padding: 24px 0; } .rd-navbar-static .rd-navbar-inner .rd-navbar-panel{ display: -webkit-box; display: flex; -webkit-align-items: center; align-items: center; padding: 0; } .rd-navbar-static .rd-navbar-nav-wrap .container{ padding-left: 1rem; padding-right: 1rem; } .rd-navbar-static .rd-navbar-nav > li > a{ height: 47px; line-height: 47px; color: #ffffff; overflow: hidden; } .rd-navbar-static.rd-navbar--is-stuck{ position: unset; } .rd-navbar-static{box-shadow: unset;} .page-header .rd-navbar-brand img{ max-height: 86px; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 0; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 0; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle{ display: none; } .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .rd-navbar-static .rd-navbar-dropdown > li > a:hover,.rd-navbar-static .rd-navbar-dropdown > li.active > a, .rd-navbar-static .rd-navbar-dropdown > li.active > a:focus, .rd-navbar-static .rd-navbar-dropdown > li.active > a:active{ color: var(--first_color); } } @media (max-width: 1200px){ .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: var(--first_color);} .rd-navbar-fixed .rd-navbar-brand img{height: 40px;} } @media (max-width: 1199px){ .rd-navbar-nav-wrap .container{padding: 0;} .rd-navbar-fixed .rd-navbar-brand{padding-right: 10px;} } .rd-navbar-fixed .rd-navbar-toggle {display:inline-block;position: absolute;right:10px;} .rd-navbar-fixed .rd-navbar-nav-wrap {right:0;left:unset;transform:translateX(110%);} .rd-navbar-fixed .rd-navbar-brand{left: 10px;} @media (max-width: 1199px){ .rd-navbar-fixed .rd-navbar-brand { width: 80%; padding-right: 10px; -webkit-justify-content: flex-start; justify-content: flex-start; } .rd-navbar-fixed .rd-navbar-toggle{ width: 20%; max-width: 48px; } } /*鑷畾涔塷ptions*/ .index-search{background: #374754;} .index-search-text{ color: #ffffff; font-size: 16px; } .index-search .row{ display: -webkit-box; display: flex; -webkit-align-items: center; align-items: center; } .index-search .index-search-form .index-search-group{display: flex; align-items: center; width: 100%;max-width: 324px;background: #fff;} .index-search .index-search-form .input-group{width: 100%;height: 34px; display: flex; align-items: center;justify-content: flex-end; margin: 13px 0;flex-wrap: nowrap;} .index-search .index-search-form .index-search-input{width:100%; height:34px; list-style:none; text-align:left; float:left; font-size: 16px; margin:0; padding:0;border:0; color: #888888;padding-left: 7px;} .index-search-input::-webkit-input-placeholder{color: #888888;} .index-search-input::-moz-placeholder{color: #888888;} .index-search-input:-ms-input-placeholder{color: #888888;} /* .options-search .input-search .searchword-btn{position: relative; width:54px; height:30px; line-height:30px; color:#fff; font-size: 14px; background: $first_color$; text-align:center; margin:0; padding:0; border:0; cursor:pointer; float:left;} */ .index-search .index-search-form .index-search-btn{ width: 98px; height: 34px; margin: 0; padding: 0; border: 0; cursor: pointer; float: left; color: #ffffff; font-size: 14px; background: var(--first_color); } .index-search .index-search-form .index-search-btn img{ width: 24px; height: 25px; } @media (max-width:767px){ .index-search .index-search-form .index-search-group{width: 100%;} .index-search .index-search-form .input-group{ margin:10px auto; text-align:center; justify-content: center;} .index-search-text{margin-top: 10px;text-align: center;} } /* 棣栭〉鍖哄潡鏍囬 */ .index-column-title{ text-align: center; margin-bottom: 30px; } .index-column-title h2{ color: #374754; font-weight: bold; font-size: 30px; line-height: 30px; margin-bottom: 2px; } .index-column-title span{ display: inline; color: #374754; font-size: 20px; padding-bottom: 6px; border-bottom: 4px solid var(--first_color); } /* 棣栭〉鍏充簬鎴戜滑 */ .epower-index-about{ padding: 60px 0; font-family: "Microsoft YaHei"; background: #f6f6f6; } .epower-index-about p + *, .epower-index-about * + p{ margin-top: 0; } @media (min-width: 768px){ .epower-index-about .index-about-box{ display: flex; align-items: center; } .epower-index-about .index-about-image{ width: 46.8%; float: left; } .epower-index-about .index-about-text{ width: 53.2%; float: left; padding-left: 50px; } } .epower-index-about .index-about-image{ background: url(../images/index-about-img-bg.png) no-repeat top left; background-size: 78px 77px; } .epower-index-about .index-about-desc p{ color: #444444; font-size: 16px; line-height: 24px; margin-bottom: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .epower-index-about .index-about-desc p:last-of-type{ margin-bottom: 0; } .epower-index-about .index-about-image{ position: relative; z-index: 0; } .epower-index-about .index-about-image a{ width: 92.5%; margin: 3.75%; } .epower-index-about .index-about-image::after{ content: ''; width: 92.5%; height: 89%; position: absolute; border: 6px solid var(--first_color); bottom: 0; right: 0; z-index: -1; } @media (max-width: 767px){ .epower-index-about{ padding: 50px 0; } .epower-index-about .index-about-text{ margin-top: 20px; } } /* 棣栭〉浜у搧鍖哄潡 */ .epower-index-product{ padding: 60px 0 35px 0; } .epower-index-product p, .epower-index-product p + *{ margin: 0; } .epower-index-product .index-product-category{ margin-bottom: 17px; display: flex; flex-wrap: wrap; } .epower-index-product .index-product-title{ text-align: center; height: 70px; line-height: 70px; font-size: 30px; color: #ffffff; width: 25%; float: left; background: url(../images/index-product-title-bg.jpg) center right no-repeat var(--first_color); } .epower-index-product .product-category-list{ width: 75%; float: left; } .epower-index-product .product-category-title{ width: 25%; float: left; height: 35px; line-height: 35px; border-right: 1px solid rgba(14, 140, 14, 0.3); text-align: center; } .epower-index-product .product-category-title:nth-child(4), .epower-index-product .product-category-title:last-of-type{ border-right: 0; } .epower-index-product .product-category-title:nth-child(1),.epower-index-product .product-category-title:nth-child(2), .epower-index-product .product-category-title:nth-child(3),.epower-index-product .product-category-title:nth-child(4){ border-bottom: 1px solid rgba(14, 140, 14, 0.3); } .epower-index-product .product-category-title a{ color:#444444; font-size: 18px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .epower-index-product .product-category-title a:hover{ color: var(--first_color); } .epower-index-product .product-category-title:last-of-type a{ border-bottom: 0; } .epower-index-product #product{clear: both;} .epower-index-product .product-img img{ border: 1px solid var(--first_color); } .epower-index-product .product-title{ background: #374754; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; text-align: center; } @media (min-width: 992px){ .epower-index-product .swiper-wrapper .swiper-slide{ width: 25%; } } .epower-index-product .swiper-wrapper .swiper-slide{ margin-right: 28px; margin-bottom: 25px; margin-top: 0 !important; } .epower-index-product .swiper-wrapper .swiper-slide a{ display: block; } .epower-index-product .swiper-wrapper .swiper-slide a:hover .product-title{ background: var(--first_color); } @media (max-width: 1199px) and (min-width: 768px){ .epower-index-product .index-product-title{ font-size: 24px; } } @media (max-width: 767px){ .epower-index-product{ padding: 50px 0 25px 0; } .epower-index-product .swiper-wrapper .swiper-slide{ width: 50%; } .index-product-right{ margin-top: 30px; } .epower-index-product .index-product-title,.epower-index-product .product-category-list{ width: 100%; } .epower-index-product .product-category-title{ width: 50%; border-bottom: 1px solid rgba(14, 140, 14, 0.3); border-right: 0; } .epower-index-product .product-category-title:nth-child(2n-1){ border-right: 1px solid rgba(14, 140, 14, 0.3); } .epower-index-product .product-category-title a{ font-size: 16px; } } /*棣栭〉鏂伴椈鍖哄潡*/ .epower-index-news{ padding: 60px 0; font-family: "Microsoft YaHei"; } .epower-index-news * + p, .epower-index-news p + *, .epower-index-news * + .row{ margin-top: 0; } .epower-index-news .index-news-title{ padding-left: 7px; padding-top: 11px; padding-bottom: 11px; background: var(--first_color); } .epower-index-news .index-news-title span{ font-size: 20px; line-height: ; color: #ffffff; background: url(../images/news-icon1.png) no-repeat center left; background-size: 14px 20px; border-bottom: 1px solid #ffffff; padding-left: 24px; } .epower-index-news a{display: block;} .epower-index-news .news-list{ width: 100%; float: left; border-left: 1px solid var(--first_color); border-right: 1px solid var(--first_color); border-bottom: 1px solid var(--first_color); padding: 0 20px 20px 20px; } .epower-index-news .news-item .news-title{ width: 70%; float: left; font-size: 16px; color: #444444; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .epower-index-news .news-item .news-date{ width: 30%; float: left; font-size: 14px; color: #888888; text-align: right; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .epower-index-news .news-item{ width: 100%; float: left; line-height: 24px; margin-top: 22px; border-bottom: 1px dashed #888888; background: url(../images/news-icon2.png) no-repeat center left; background-size: 12px 14px; padding-left: 20px; } .epower-index-news .news-item a{ width: 100%; float: left; } .epower-index-news .news-item:hover .news-title{ color: var(--first_color); } /* 搴曢儴淇℃伅 */ footer{ font-family: "Microsoft YaHei"; clear: both; } footer p + *, footer * + p, footer * + .row{ margin-top: 0; } .epower-foot-contact{ background: var(--first_color); padding-bottom: 60px; } @media (min-width:768px){ .epower-foot-contact .foot-box{ display: flex; flex-wrap: wrap; } .epower-foot-contact .foot-logo{ width: 23.2%; float: left; } .epower-foot-contact .foot-code{ width: 14.6%; float: left; padding-top: 63px; text-align: right; } .epower-foot-contact .foot-nav{ width: 62.2%; float: left; padding: 63px 28px 0 28px; } } .foot-logo{ text-align: center; background: #61a943; border-radius: 0 0 100px 100px; padding: 37px 0; } .foot-logo img{ width: 100%; height: auto; max-width: 84px; } .foot-logo p{ font-size: 24px; color: #ffffff; margin-top: 4px; } /* 缃戠珯浜岀淮鐮 */ .foot-code img{ width: 100%; height: auto; max-width: 167px; } /* 搴曢儴瀵艰埅鏍 */ .epower-foot-contact .foot-nav-list{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid rgba(229, 229, 229, 0.5); margin-bottom: 18px; } .epower-foot-contact .foot-nav-list li a{ color: #ffffff; font-size: 16px; } .foot-contact-information p{ color: #ffffff; font-size: 16px; line-height: 20px; } .foot-contact-information a{ color: #ffffff; } .foot-copyright{ background: var(--first_color); color: #fff; font-size: 14px; padding: 10px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.5); } .foot-copyright a{ color: #fff; } @media (max-width:767px){ .epower-foot-contact .foot-code{ text-align: center; } .epower-foot-contact .foot-nav-list{ display: none; } .epower-foot-contact .foot-contact-information{ margin: 20px 0; } .epower-foot-contact{ padding-bottom: 50px; } } /* 鍐呴〉 */ /* about */ .pages{padding: 30px 15px;} .section .content a{color: #444444;} .section .content p{font-size: 16px;line-height: 1.5;} /* subnavlist */ .subnavlist .swiper-container .swiper-slide a.active, .subnavlist ul li a:hover, .subnavlist ul li a:focus, .subnavlist ul li a.active, .subnavlist .swiper-subnav .dropdown-item.active, .swiper-subnav .dropdown-item:active{color: var(--first_color);} /* product news */ .productlist .card:before, .newslist ul li:before{border-color: var(--first_color);} .showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} .productlist .card .card-img a{display: block;} .productlist .card .card-img{text-align: center;} .newslist ul li.media .media-left{width: 20%;} .newslist ul li.media .media-body{width: 80%;} .shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;white-space: nowrap;} .shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 80%;max-width: unset;} .shownews .recommend ul li.item_block a .item_des{width: 100%;} /* 鑻辨枃鏃堕渶鑷姩鎹㈣ */ h2,p{word-break:break-all;} /* 璇︽儏椤靛彸渚ф帹鑽 */ .showproduct .recommend ul li.item_block:hover:before, .shownews .recommend ul li.item_block:before{border-color: var(--first_color);} .showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info, .shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)} .showproduct .recommend span.toptitle,.shownews .recommend span.toptitle{ margin-bottom: 20px; } .showproduct .recommend ul li.item_block a .item_des{width: unset;} .showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;} .showproduct .recommend ul li.item_block { margin: 0 0; padding: 0 0; margin-bottom: 15px; } .showproduct .recommend ul li.item_block a { display: block; width: 100%; } .showproduct .recommend ul li.item_block a .item_img { width: 100%; max-width: unset; } .showproduct .recommend ul li.item_block a .item_img img { width: 100%; height: auto; display: block; max-width: unset; } .showproduct .recommend ul li.item_block a .item_link { width: 100%; padding: 0 0; margin-bottom: 10px; } .showproduct .recommend ul li.item_block a .item_link p { padding: 0 0; } @media(max-width:991px) { .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{ width: 50%; } .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){ padding-left:10px } .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){ padding-right:10px } } /* 鍒嗛〉鍣 */ .page-link, .page-num{color: #333;} .page-link:hover, .page-num:hover, .page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;} .searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)} .searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)} @media all and (max-width: 767px) { .searchcomponent .form-group{width: 75%;} .searchcomponent button{width:25%} .page-link[href], .page-num[href]{color:var(--first_color)} .page-link[href]:hover, .page-num[href]:hover, .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;} } /* job */ .joblist ul li{margin-bottom: 30px;padding-bottom: 30px;} .joblist ul li:before{border-color: var(--first_color);} /* case */ .caselist .card:before{border-color: var(--first_color);} .showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} /* message */ .form-control:focus{border-color: var(--first_color);box-shadow: unset;} .messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);} .messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);} /* download */ .downloadlist ul li{padding-bottom: 30px;} .downloadlist ul li:before{border-color: var(--first_color);} .downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);} .downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus{box-shadow: unset;} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);} .btn-info:focus, .btn-info.focus{box-shadow: unset;} /* product */ .showproduct .img-thumbnail-variant-2{ width: 100%; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)} /* newslist */ .newslist ul li h4 a{display: block;} @media (max-width: 767px){ .newslist ul li.media .media-left{width: 35%;} .newslist ul li.media .media-body{width: 65%;align-self: center;} .newslist ul li{padding: 10px 0;margin-bottom: 10px;} } .clearfix::after{display: table;clear: both;content: '';} /* 瀹㈡湇 */ @media (max-width: 767px){ .online{display: block!important;} } .online dl{ background: var(--first_color); } /*鎵嬫満绔簳閮ㄦ寜閽 */ .botmenu { background: var(--first_color); border-top: 1px solid #fff; } .botmenu p { width: 100%; padding: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .botmenu i { font-size: 24px; } .botmenu p{ margin-top: 2px; } /* 杩斿洖椤堕儴 */ .ui-to-top{ display: none; }