@charset "UTF-8"; /* 鑷畾涔夊叏灞€棰滆壊鍙橀噺 */ html.rd-navbar-fixed-linked .page { padding-top: 56px; } .block { display: block; } p+p { margin: 0 0; } p+* { margin: 0 0; } *+p, p+p, p+* { margin: 0 0; } /* online */ .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; } a:focus, a:hover { color: var(--first_color); } .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); } /* self-design */ @font-face { font-family: hkl; src: url(../images/hkl.TTF); } @font-face { font-family: jh; src: url(../images/jh.TTF); } .rd-navbar-static .rd-navbar-nav-wrap>*:last-child { padding-left: 15px; } .rd-navbar-static .rd-navbar-nav-wrap>*:first-child { padding-right: 15px; } /* 鍏ㄥ眬container */ .container { max-width: 100%; padding-left: 15px; padding-right: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } @media (min-width: 480px) { .container { width: 606px; } } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 90%; } } @media (min-width: 1200px) { .container { width: 1148px; } } /* welcom word start*/ .wel-word { width: 100%; font-size: 12px; line-height: 36px; text-align: left; color: #fff; padding: 0 0 !important; background: #333333; } .wel-word-content { width: 100%; } .wel-word-text { float: left; } .wel-word-group { float: right; display: flex; align-items: center; justify-content: flex-end; } .wwg-email { float: left; display: flex; align-items: center; justify-content: flex-start; } .wwg-email img { width: 22px; height: 16px; margin-right: 8px; } .wwg-email p { margin: 0 0; color: #fff; line-height: 36px; } .wwg-lang { display: flex; align-items: center; justify-content: flex-end; margin-left: 22px; } .wwg-lang p, .wwg-lang p a { margin: 0 0; font-size: 12px; color: #fff; line-height: 36px; } .wwg-lang p:nth-child(3) { margin: 0 8px; } @media(max-width:767px) { .wel-word { display: none; } } /* welcom word end */ /* head1 start */ .rd-navbar-static { padding: 0 0 !important; box-shadow: none !important; } .rd-navbar-inner { padding: 0 0 !important; margin: 0 0; } .rd-navbar-content1 { max-width: 100% !important; display: block !important; } /* logo start */ .rd-navbar1 { width: 100%; margin: 0 0; padding: 0 0 !important; } .rd-navbar1-content { width: 100%; float: left; position: relative; } .rd-brand-logo1 { width: 100%; } .rd-brand-logo1-group { width: auto; float: left; display: flex; height: 110px; align-items: center; justify-content: flex-start; } /* logo end */ /* nav contact start */ .rd-nav-contact { width: 261px; height: 110px; float: right; display: flex; align-items: center; justify-content: flex-end; } .rd-nav-contact-content { width: 100%; } .rnc-box { width: 100%; float: left; } .rnc-box p { margin: 0 0; font-size: 22px; font-weight: bold; color: #dc1919; line-height: 28px; text-align: right; } .rnc-fenzhan{ width: 100%; margin-bottom: 5px; display: flex; align-items: center; justify-content: flex-end; font-size: 12px; line-height: 14px; } .rnc-fenzhan a{ font-size: 12px; line-height: 14px; color: #333; margin-left: 5px; } /* nav contact end */ /* nav form start*/ .rnc-form { width: 100%; margin: 0 0; padding: 0 0; height: 34px; } .rnc-form-group1 { width: 80% !important; border: 1px #ccc solid; border-right: 0; } .rnc-form-group1 input { border: 0; height: auto; } .rnc-form-btn1 { width: 20% !important; padding: 0 0; margin: 0 0; height: 34px; border: 0; display: flex; align-items: center; justify-content: center; background-color: #f05500 !important; } .rnc-form-btn1 img { width: 18px !important; height: 18px !important; } @media(max-width:1199px) { .rd-brand-logo1 { width: 92%; float: left; top: 0; left: 0; position: unset !important; justify-content: space-between !important; } .rd-brand-logo1-group { width: auto; height: 56px; } .rd-nav-contact { width: auto; height: 56px; } .rnc-fenzhan{ margin-bottom: 0px; } .rnc-box p{ margin: 0 0; font-size: 14px; font-weight: bold; color: #dc1919; line-height: 14px; text-align: right; } .rd-navbar-fixed .rd-navbar-brand img { height: 50px; } } @media(max-width:991px){ .rd-navbar-fixed .rd-navbar-brand img { height: 40px; } } @media(max-width:767px) { .rd-navbar1-content { padding: 0 15px; } .rd-brand-logo1 { width: 90%; } .rd-brand-logo1-group { padding-right: 0; } .rd-navbar-fixed .rd-navbar-brand img { width: 95%; height: auto; } .rnc-box{ display: none; } .rd-nav-contact{ position: fixed; width: 100%; height: auto; right: 0; top: 0; } .rd-nav-contact-content { width: 100%; height: auto; position: relative; top: 0; right: 15px; } } /* nav form end */ /* logo end */ /* nav start */ .ra-navbar-nav-wrap1 { width: 100%; padding: 0 0 !important; margin: 0 0; height: auto !important; background: var(--first_color); } .rd-navbar-nav1 { width: 100%; height: auto; margin: 0 0 !important; display: flex; } .rd-navbar-nav1 .rd-nav-item { width: 100%; } .rd-navbar-static .rd-navbar-nav1>li { margin: 0 0; padding: 0 0; } .rd-navbar .rd-navbar-nav>li>a { width: 100%; font-size: 14px; line-height: 44px; font-weight: unset; text-transform: uppercase; letter-spacing: 0; color: #fff; position: relative; } .rd-navbar-static .rd-navbar-nav>li.opened>a, .rd-navbar-static .rd-navbar-nav>li.active>a, .rd-navbar-sidebar .rd-navbar-nav>li.opened>a, .rd-navbar-sidebar .rd-navbar-nav>li.active>a { color: #fff; background: #f39c0e; } .rd-navbar-static .rd-navbar-nav>li>a:hover, .rd-navbar-sidebar .rd-navbar-nav>li>a:hover { color: #fff; background: #f39c0e; } .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a{ color: #fff; background: #f39c0e; } .rd-navbar-submenu-toggle{ display: block; } /* 灞曞紑涓嬫媺鑿滃崟鏃 */ .rd-navbar-static .rd-navbar-nav>li.focus>a { color: #fff; background: #f39c0e; } .rd-navbar-static .rd-navbar-nav>li.opened>a:after, .rd-navbar-static .rd-navbar-nav>li.active>a:after, .rd-navbar-sidebar .rd-navbar-nav>li.opened>a:after, .rd-navbar-sidebar .rd-navbar-nav>li.active>a:after, .rd-navbar-static .rd-navbar-nav>li>a:hover:after, .rd-navbar-sidebar .rd-navbar-nav>li>a:hover:after, .rd-navbar-static .rd-navbar-nav>li.focus>a:after { content: ''; position: absolute; top: 0px; left: 0; width: 100%; height: 0px; background: #fff; } /* 涓嬫媺鑿滃崟 */ .rd-navbar-static .rd-navbar-nav>li>.rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav>li .rd-navbar-megamenu { margin: 0 0; padding: 15px 15px; padding-top: 5px; } /* 涓嬫媺鑿滃崟鐐瑰嚮锛屾粦鍔 */ .rd-navbar-fullwidth .rd-navbar-dropdown>li>a:hover, .rd-navbar-static .rd-navbar-dropdown>li>a:hover { color: var(--first_color); } @media(min-width:1200px) { .rd-navbar-submenu-toggle { display: none !important; } .ra-navbar-nav-wrap1{ border-bottom: 4px #f39c0e solid !important; } } @media(max-width:1199px) { .rd-navbar .rd-navbar-nav>li>a { width: 100%; font-size: 14px; line-height: 24px; font-weight: unset; text-transform: uppercase; letter-spacing: 0; color: #000; } .navfixed-container { width: 100%; } .rd-navbar-fixed .rd-navbar-nav-wrap { top: 56px; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { height: 46px; line-height: 46px; } .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-toggle { width: 8%; height: 56px; line-height: 56px; } .rd-navbar-fixed .rd-navbar-toggle {display:inline-block;right:0px;} .rd-navbar-fixed .rd-navbar-nav-wrap {right:0;left:unset;transform:translateX(110%);} .rd-navbar-fixed .rd-navbar-brand{left: 10px;} /* head1 end */ /* swiper start */ .sw_banner a{display: block;} .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--first_color)) } .swiper-pagination-bullet { width: 30px; height: 4px; display: inline-block; border-radius: 0; background: var(--first_color); opacity: .3 } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--first_color)) } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; left: 0; width: 100% } /* swiper end */ /* about1 start */ .section-about1 { width: 100%; padding: 54px 0; padding-bottom: 24px; } .section-about1-content { width: 100%; padding-bottom: 30px; background: url(../images/ashadow.png) no-repeat left bottom; } .section-about1-content-group { width: 100%; float: left; background: url(../images/abg.jpg) no-repeat center center; background-size: cover; } /* title */ .sac-text-title1 { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; background: url(../images/atl.png) no-repeat center center; } .sac-text-title1-content { display: flex; align-items: center; justify-content: center; } .sac-text-title1-content p { margin: 0 0; font-size: 60px; line-height: 50px; color: var(--first_color); } .sac-text-title1-group { margin: 0 0; margin-left: 5px; } .sac-text-title1-group p { margin: 0 0; } .sac-text-title1-group p:nth-child(1) { font-size: 16px; line-height: 16px; text-transform: uppercase; } .sac-text-title1-group p:nth-child(2) { font-size: 32px; line-height: 32px; font-weight: bold; } /* title end */ /* img */ .sac1-img1 { width: 50%; float: left; padding-right: 14px; } .sac1-img1 img { width: 100%; } /* img */ /* text */ .sac1-text1 { width: 50%; float: left; padding-top: 45px; padding-left: 14px; padding-right: 34px; } .sac1-text1-title { width: 100%; text-align: left; } .sac1-text1-title p { margin: 0 0; } .sac1-text1-title p:nth-child(1) { font-size: 24px; color: #333333; line-height: 24px; text-align: left; font-weight: bold; margin-bottom: 7px; } .sac1-text1-title p:nth-child(2) { font-size: 12px; line-height: 14px; color: #666666; letter-spacing: 1px; } .sac1-text1-content { width: 100%; color: #444444; font-size: 14px; line-height: 28px; margin-top: 20px; margin-bottom: 35px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-indent: 2em; } /* text */ @media(max-width:1199px) { .sac1-text1 { padding-top: 20px; } .sac1-text1-content { margin-bottom: 20px; } .section-about1-content { background-size: 100%; } } @media(max-width:991px) { .sac1-text1-content { margin-top: 10px; margin-bottom: 10px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media(max-width:767px) { .section-about1 { width: 100%; padding: 30px 15px; padding-bottom: 30px; } .sac1-img1 { width: 100%; float: left; padding-right: 0; } .sac1-text1 { width: 100%; padding-left: 14px; padding-right: 14px; padding-bottom: 20px; } .sac1-text1-content { margin-top: 10px; margin-bottom: 10px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .section-about1-content { background: none; padding-bottom: 0; } } /* about1 end */ /* product start */ .section-product1 { padding: 38px 0; padding-bottom: 42px; background: url(../images/product-line.png) no-repeat bottom center !important; } .section-product-top,.section-product-bottom{ width: 100%; float: left; } .section-product-bottom{ margin-top: 25px; } /* 鍒嗙被 */ .spc-category{ width: 100%; float: left; padding: 0 0; margin: 0px 0; margin-bottom: 25px; border-bottom: 1px #096bc6 solid; } .spc-category-group-list{ float: left; } .spc-tcl-name,.spc-tcl-name3{ float: left; width: 128px; height: 44px; font-size: 20px; line-height: 44px; color: #333333; height: auto; margin: 0 0px; font-weight: bold; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .spc-tcl-name.action,.spc-tcl-name3.action{ color: #fff; background: var(--first_color); } .spc1-more{ margin: 0 0; float: right; font-size: 14px; color: #333; line-height: 44px; } /* 鍒楄〃 */ .section-product1-content { width: 100%; float: left; } .spac1-list-img{ margin: 0 0; padding: 0 0; background: transparent; border: 1px #ccc solid !important; border-radius: 0 !important; } .spac1-list-title{ width: 100%; font-size: 14px; line-height: 14px; height: 26px; color: #333 !important; border-top: 0; margin: 0 0; padding-top: 10px; text-align: center; } .product1-container .swiper-slide,.product4-container .swiper-slide{ width: 20%; } @media(max-width:1199px){ .product1-container .swiper-slide,.product4-container .swiper-slide{ width: 25%; } } @media(max-width:991px){ .product1-container .swiper-slide,.product4-container .swiper-slide{ width: 33%; } } @media(max-width:767px){ .product1-container .swiper-slide,.product4-container .swiper-slide{ width: 50%; } .section-product1{ padding: 30px 15px; } } /* product end */ /* news start */ .section-news1 { padding: 48px 0; background: #fff !important; } .section-news1-content { width: 100%; float: left; } .snc-one{ width: 266px; float: left; position: relative; } .snc-one img{ width: 100%; } .snc-one-group-text{ width: 100%; position: absolute; left: 0; bottom: 0; } .snc-one-group-text-list{ width: 100%; padding: 14px 14px; background: rgba(0, 0, 0, 0.5); } .snc-one-group-text-list p{ margin: 0 0; color: #fff; } .snc-one-group-text-list p:nth-child(1){ font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 8px; } .snc-one-group-text-list p:nth-child(2){ font-size: 12px; line-height: 18px; text-align: justify; } /* two */ .snc-two{ width: 45%; float: left; padding: 0 28px; } .snc-two-content{ width: 100%; } .snc-title{ width: 100%; padding-top: 7px; margin-bottom: 14px; } .snc-title-list{ width: 100%; } .snc-title-list p{ margin: 0 0; float: left; } .snc-title-list p:nth-child(1){ font-size: 24px; line-height: 24px; color: #096bc6; font-weight: bold; } .snc-title-list p:nth-child(2){ font-size: 18px; line-height: 24px; color: #f39c0e; font-weight: bold; margin-left: 5px; text-transform: uppercase; } .snc-title-list p:nth-child(3){ font-size: 14px; line-height: 14px; color: #666666; float: right; margin-top: 10px; } /* two */ .snc-top{ width: 100%; float: left; padding-bottom: 14px; border-bottom: 1px #ccc solid; } .snc-top-img{ width: 140px; height: 106px; float: left; } .snc-top-text{ width: calc(100% - 140px); float: left; padding-left: 18px; padding-top: 7px; } .snc-top-text p{ width: 100%; margin: 0 0; } .snc-top-text p:nth-child(1){ font-size: 16px; line-height: 18px; color: #333333; text-align: left; font-weight: bold; margin-bottom: 10px; } .snc-top-text:hover p:nth-child(1){ color: var(--first_color); } .snc-top-text p:nth-child(2){ font-size: 12px; line-height: 22px; color: #666666; text-align: justify; } .snc-bottom{ width: 100%; float: left; } .snc-bottom-list{ width: 100%; float: left; border-bottom: 1px #ccc dashed; } .snc-bottom-list p{ margin: 0 0; line-height: 44px; } .snc-bottom-list p:nth-child(1){ width: 60%; float: left; text-align: left; font-size: 14px; color: #333333; } .snc-bottom-list:hover p:nth-child(1){ color: var(--first_color); } .snc-bottom-list p:nth-child(2){ width: 40%; float: left; text-align: right; font-size: 12px; color: #666; } /* three */ .snc-three{ width: calc(55% - 266px); float: right; } .snc-three-content{ width: 100%; } @media(max-width:991px){ .snc-one { width: 210px; height: 394px; float: left; position: relative; overflow: hidden; } .snc-one img{ width: auto; max-width: unset; } .snc-two { width: 40%; float: left; padding: 0 28px; } .snc-three { width: 32%; float: right; } } @media(max-width:767px){ .section-news1 { padding: 30px 15px; background: #fff !important; } .snc-one{ width: 100%; height: 200px; } .snc-one img{ width: 100%; } .snc-two{ width: 100%; padding: 0 0; margin: 15px 0; } .snc-three { width: 100%; float: right; } } /* news end */ /* foot1 start */ .pre-footer-corporate1 { display: none; padding: 0 0; padding-top: 52px; padding-bottom: 47px; background-color: #f8f8f8; background-image: url(../images/fbg.png); background-position: top center; background-repeat: no-repeat; background-size: 100%; } .pfc-container1 { width: 100%; } .pfc-content1 { width: 35%; float: left; } .pfc-content1-title { width: 100%; } .pfc-content1-title p { margin: 0 0; } .pfc-content-title p:nth-child(1) { font-size: 26px; line-height: 26px; font-weight: bold; margin: 6px 0; } .pfc-content1-title p:nth-child(2) { font-size: 14px; line-height: 14px; color: #333333; font-family: 'hkl'; text-transform: uppercase; } .pfc-contact1 { width: 100%; } .pfc-group1 { width: 100%; float: left; margin-top: 15px; } .pfc-group1:nth-child(1), .pfc-group1:nth-child(2) { width: 50%; } .pfc-group1-img { width: 23px; height: 23px; float: left; text-align: center; display: flex; align-items: center; justify-content: center; } .pfc-group1-text { width: 88%; float: left; padding-left: 5px; font-size: 14px; line-height: 23px; text-align: left; color: #333; } .pfc-group1-text a { color: #333; } .pfc-code1 { width: 266px; float: right; display: flex; justify-content: flex-end; align-items: flex-end; } .pfc-code1-img { width: 158px; } .pfc-code1-img img { width: 100%; } .pfc-code1-text { display: flex; align-items: flex-end; justify-content: flex-end; } .pfc-code1-text p { margin: 0 6px; font-size: 14px; color: #333; line-height: 14px; writing-mode: vertical-lr; } @media(max-width:1199px) { .pre-footer-corporate1 { background-size: auto; } .pfc-content1 { width: 43%; } } @media(max-width:991px) { .pfc-content1 { width: 55%; } } @media(max-width:767px) { .pre-footer-corporate1 { padding: 0 15px; padding-top: 52px; padding-bottom: 47px; } .pfc-content1 { width: 100%; } .pfc-content1-title p:nth-child(1) { font-size: 24px; } .pfc-group1:nth-child(1), .pfc-group1:nth-child(2) { width: 100%; } } /* foot1 end */ /* foot2 start */ .pre-footer-corporate2{ padding-top: 36px; padding-bottom: 30px; background: #f8f8f8; } .pfc-content2{ width: 100%; } .pfc-content2-nav{ width: 66%; float: left; display: flex; padding-top: 15px; } .pfc-content2-nav-group{ width: 100%; } .pfc-cng2-name{ width: 100%; text-align: left; font-size: 14px; line-height: 16px; color: #333333 !important; font-weight: bold; } .pfc-cng2-list{ width: 100%; } .pfc-cng2-list-name{ font-size: 12px; color: #333 !important; line-height: 14px; text-align: left; } .pfc-content2-contact{ width: 266px; float: right; display: flex; align-items: center; justify-content: center; } .pfc-content2-contact-group{ width: auto; } .pfc-content2-contact-group p{ margin: 0 auto; text-align: center; } .pfc-content2-contact-group p:nth-child(1){ font-size: 14px; line-height: 16px; color: #333; } .pfc-content2-contact-group p:nth-child(2),.pfc-content2-contact-group p:nth-child(3){ font-size: 18px; margin: 10px 0; line-height: 20px; color: #096bc6; font-weight: bold; } .pfc-content2-contact-group p:nth-child(4){ width: 130px; height: 30px; color: #fff; font-size: 18px; line-height: 30px; font-weight: bold; border-radius: 4px; text-align: center; background: #f39c0e; } @media(max-width:1199px){ .pfc-content2-nav{ width: calc(100% - 266px); } } @media(max-width:767px){ .pre-footer-corporate2{ padding: 36px 15px; } .pfc-content2-nav { width: 100%; display: block; padding-top: 0; } .pfc-content2-nav-group { width: 25%; float: left; text-align: center; } .pfc-cng2-name{ line-height: 30px; } .pfc-cng2-list{ display: none; } .pfc-content2-contact{ width: 100%; margin-top: 20px; } } /* foot2 end */ /* 澶囨 */ .footer-corporate { padding: 10px 0; text-align: center; background: #096bc6; } .epower-foot{ width: 100%; text-align: center; } .footer-corporate p , .footer-corporate p a,.epower-foot p,.epower-foot p a{ font-size: 14px; line-height: 20px; color: #fff; } /* 澶囨 */ /* tabbar */ .botmenu { text-align: center !important; background: var(--first_color); border-top: 1px #fff solid; } .botmenu p { width: 100%; padding: 0 0; margin: 0 0; margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .botmenu i { font-size: 24px; } /* tabbar */ /* 杩斿洖椤堕儴 */ .ui-to-top { display: none; } /* 杩斿洖椤堕儴end */ /* 鍐呴〉 */ /* 浜у搧鍐呴〉 */ .btn-info { color: #ffffff; background-color: var(--first_color); border-color: var(--first_color); } .showproduct .recommend span.toptitle, .shownews .recommend span.toptitle { margin-bottom: 20px; } .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; } .productlist .card .card-img { text-align: center; } @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 } } /* 鏂伴椈鍐呴〉 */ .newslist ul li.media .media-left { width: 20%; } .newslist ul li.media .media-body { width: 80%; } .shownews h2 { word-break: break-all; } .shownews .recommend ul li.item_block { text-align: center; } .shownews .recommend ul li.item_block a p.item_date { width: 20%; } .shownews .recommend ul li.item_block a .item_info { width: 80%; max-width: unset; } .shownews .recommend ul li.item_block a .item_des { width: 100%; } @media(max-width:991px) { .shownews .recommend ul li.item_block { width: 50%; } } .newslist ul li h4 a { display: block; } @media (max-width: 767px) { .newslist ul li.media .media-left { width: 35%; } .newslist .media-body ,.newslist ul li.media .media-body{ width: 65%; align-self: center; } .newslist ul li { padding: 10px 0; margin-bottom: 10px; } } /* 鍐呴〉 */ /* about */ .pages { padding: 30px 15px; } .clearfix::after { display: table; clear: both; content: ''; } /* subnavlist */ .subnavlist .swiper-container .swiper-slide a.active, .subnavlist ul li a:hover, .subnavlist ul li a:focus, .subnavlist ul li a.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); } /* 璇︽儏椤靛彸渚ф帹鑽 */ .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) } /* 鍒嗛〉鍣 */ .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; } } /* product */ .showproduct .recommend ul li.item_block a p.item_date { min-width: 50px; } .showproduct .recommend ul li.item_block a .item_info { max-width: unset; } .showproduct .recommend ul li.item_block a .item_des { width: unset; height: auto; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; } .showproduct .recommend ul li.item_block a .item_img { max-width: 100%; width: 100%; text-align: center; } /* 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; } /* 鎺у埗瀛楃琛屾暟 */ .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; } /* 璇︽儏椤礲utton */ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{ color: var(--first_color); }