@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); } @font-face { font-family: syb; src: url(../images/syb.otf); } @font-face { font-family: sym; src: url(../images/sym.otf); } .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; background: url(../images/bg3.jpg) no-repeat top center !important; } .rd-navbar1-content { width: 100%; float: left; } .rd-brand-logo1 { width: 100%; background: #fff; float: left; } .rd-brand-logo1-group { width: 53%; float: left; padding-right: 14px; display: flex; height: 127px; align-items: center; justify-content: flex-start; background: #fff; } /* logo end */ /* nav contact start */ .rd-nav-contact { width: 47%; padding-left: 148px; height: 127px; float: right; display: flex; align-items: center; justify-content: flex-end; background: url(../images/bg2.png) no-repeat top left; } .nav-code { width: 98px; height: 98px; padding: 3px 3px; background: #fff; } .rd-nav-contact-content { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; } .rd-nav-contact-content img { width: 40px !important; height: 40px !important; } .rnc-box { width: auto; float: left; padding-left: 6px; } .rnc-box p { margin: 0 0; color: #fff; text-align: left; } .rnc-box p:nth-child(1) { font-size: 14px; line-height: 14px; margin: 4px 0; } .rnc-box p:nth-child(2), .rnc-box p:nth-child(3) { font-size: 24px; line-height: 24px; font-weight: bold; } .rnc-box p:nth-child(3) span { font-weight: normal; font-size: 14px; line-height: 14px; } /* 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: 95%; 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: 62%; height: 56px; } .rnc-box { width: 50%; float: left; padding-bottom: 0px; padding-right: 5px; } .rnc-form { width: 50%; float: left; } .rd-navbar-fixed .rd-navbar-brand img { height: 50px; } .rnc-box p:nth-child(2), .rnc-box p:nth-child(3) { font-size: 16px; line-height: 16px; font-weight: bold; } } @media(max-width:991px) { .rd-navbar1 { background: linear-gradient(to right, #fff 50%, var(--first_color) 50%) !important; } } @media(max-width:767px) { .rd-navbar1 { background: #fff !important; } .rd-navbar1-content { padding: 0 15px; } .rd-brand-logo1 { width: 90%; } .rd-nav-contact { display: none; } .rd-brand-logo1-group { padding-right: 0; } .rd-navbar-fixed .rd-navbar-brand img { height: 50px; } } /* 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; align-items: center; justify-content: space-between; background: url(../images/nbg.png) no-repeat center center; } .rd-navbar-nav1 .rd-nav-item { width: auto; } .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: 42px; font-weight: unset; text-transform: uppercase; letter-spacing: 0; color: #fff; } .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: var(--first_color); } .rd-navbar-static .rd-navbar-nav>li>a:hover, .rd-navbar-sidebar .rd-navbar-nav>li>a:hover { color: #fff; background: var(--first_color); } .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: var(--first_color); } .rd-navbar-submenu-toggle { display: block; } /* 展开下拉菜单时 */ .rd-navbar-static .rd-navbar-nav>li.focus>a { color: #fff; background: var(--first_color); } /* 下拉菜单 */ .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); } /* 三级栏目 */ .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown { position: absolute; left: 100%; margin-left: 0; top: -18px; padding: 20px 20px; } @media (min-width: 1200px) { .rd-navbar-submenu-toggle { display: none; } } @media(min-width:1200px) { .rd-navbar-submenu-toggle { display: none !important; } } @media(max-width:1199px) { .rd-navbar-nav1 { background: none; } .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); } } @media(max-width:991px) { .rd-nav-contact { width: 58%; height: 56px; } .rnc-form { width: 50%; float: left; height: 56px; } } /* 自适应导航按钮 */ .rd-navbar-toggle { width: 5%; } @media(max-width:767px) { .rd-navbar-toggle { width: 8%; } } /* 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 */ /* case start */ .section-case { width: 100%; padding-top: 76px; padding-bottom: 90px; } .section-case-content { width: 100%; float: left; } .scc-category-container { width: 266px; float: left; } .scc-category { width: 100%; padding: 0 3px; padding-bottom: 6px; background: var(--first_color); } .scc-category-title { width: 100%; height: 86px; background: url(../images/ctbg.jpg) no-repeat bottom center; } .scc-category-title p { margin: 0 0; color: #fff; text-align: center; } .scc-category-title p:nth-child(1) { font-size: 30px; line-height: 30px; font-weight: bold; padding-top: 13px; margin-bottom: 6px; } .scc-category-title p:nth-child(2) { font-size: 14px; line-height: 14px; text-transform: uppercase; } .scc-category-group { width: 100%; padding: 0 11px; background: #fff; padding-top: 22px; padding-bottom: 26px; } .scc-category-group-list { width: 100%; cursor: pointer; margin-bottom: 15px; background: var(--first_color); } .scc-category-group-list:nth-child(7) { margin-bottom: 0px; } .scc-category-group-list .scc-cgl-id { width: 100%; color: #fff; font-size: 16px; line-height: 34px; padding-left: 8px; padding-right: 32px; background: url(../images/ct.png) no-repeat right center; background-position-x: 95%; } /* 案例展示 */ .scc-content { width: 76.8%; float: left; padding-left: 26px; } .scc-content-title { width: 100%; float: left; line-height: 35px; padding-bottom: 5px; border-bottom: 1px #cccccc solid; } .scc-content-title p { margin: 0 0; float: left; } .scc-content-title p:nth-child(1) { font-size: 30px; font-weight: bold; color: #222222; } .scc-content-title p:nth-child(1) span { color: var(--first_color); } .scc-content-title p:nth-child(2) { float: right; font-size: 14px; color: #666666; } .case-container { float: left; width: 100%; } .case-container .swiper-slide { margin-top: 14px !important; } .scc-list-img { border: 1px #ccc solid; } .scc-list-title { line-height: 30px; } .scc-list-title p { margin: 0 0; padding: 0 10px; text-align: center; } .scc-cgl-box { display: none; background: #fff; padding-top: 8px; } .scc-cgl-box a { width: 100%; padding-left: 10px; } .scc-cgl-box a p { width: 100%; padding: 10px 0; font-size: 14px; line-height: 14px; color: #333; padding-left: 11px; background: url(../images/cdot.png) no-repeat center left; } .scc-cgl-box a:hover p { font-weight: bold; color: var(--first_color); } /* click */ .scc-category-group-list.action .scc-cgl-box { display: block; } .scc-category-group-list.action .scc-cgl-id { background: url(../images/cts.png) no-repeat right center; background-position-x: 95%; } /* contact */ .scc-contact { width: 100%; padding-left: 4px; margin-top: 20px; display: flex; align-items: flex-start; justify-content: flex-start; } .scc-contact img { width: 50px !important; height: 41px !important; } .scc-contact-text { width: auto; padding-left: 5px; } .scc-contact-text p { margin: 0 0; } .scc-contact-text p:nth-child(1) { font-size: 26px; line-height: 26px; color: #ed770f; font-weight: bold; } .scc-contact-text p:nth-child(2) { font-size: 18px; line-height: 18px; color: #666666; } .scc-contact-text p:nth-child(2) span { font-size: 14px; } @media(max-width:1199px) { .scc-content { width: 71%; float: left; padding-left: 28px; } } @media(max-width:991px) { .scc-content { width: 64.5%; float: left; padding-left: 28px; } } @media(max-width:767px) { .section-case { width: 100%; padding: 30px 15px; } .scc-category-container { width: 100%; float: left; } .scc-category-title { width: 100%; height: 86px; background: url(../images/ctbg.jpg) no-repeat bottom center; background-size: 100% 100%; } .scc-content { width: 100%; float: left; padding-left: 0; margin-top: 20px; } } /* case end */ /* good start */ .section-good { width: 100%; padding: 0 0; padding-bottom: 78px; background: #fbfbfb; } .section-good-title { width: 100%; height: 206px; padding-top: 35px; text-align: center; background: url(../images/gbg.png) no-repeat top center; background-size: cover; } .section-good-title p { margin: 0 0; color: #fff; } .section-good-title p:nth-child(1) { font-size: 48px; line-height: 48px; font-family: 'syb'; font-weight: bold; } .section-good-title p:nth-child(2) { font-size: 22px; line-height: 22px; font-family: 'sym'; margin-top: 9px; margin-bottom: 14px; } .section-good-title p:nth-child(3) { width: 340px; height: 36px; margin: 0 auto; font-size: 22px; line-height: 36px; font-weight: bold; border-radius: 18px; background: #fff; color: var(--first_color); } .section-good-content { width: 100%; float: left; } .sgc-group { width: 100%; float: left; margin-top: 60px; } .sgc-group-text { width: 37%; float: left; } .sgc-group-text-box { margin-top: 35px; float: left; width: 100%; } .sgc-group-text-box2 { margin-top: 30px; } .sgc-group-text-box3 { margin-top: 20px; } .sgc-group-text-title { float: left; width: 380px; border-bottom: 1px var(--first_color) solid; } .sgc-group-text-title img { float: left; width: 50px !important; height: 50px !important; } .sgc-group-text-title p { margin: 0 0; float: left; width: 86%; line-height: 50px; padding-left: 12px; font-size: 28px; color: #222222; font-weight: bold; } .sgc-group-text-title p span { color: var(--first_color); } .sgc-group-text-desc { width: 100%; float: left; font-size: 14px; line-height: 24px; color: #333; text-align: justify; margin-top: 5px; } .sgc-group-img { width: 63%; float: left; text-align: right; } .sgc-group-img2 { text-align: left; } @media(max-width:1199px) { .sgc-group-text-title { width: 100%; } .sgc-group-text-title p { width: 85%; font-size: 24px; } .sgc-group-text-box { margin-top: 0; } .sgc-group-text-box2 { margin-top: 20px; } .sgc-group-text-box3 { margin-top: 0; } .sgc-group-img1 { padding-left: 14px; } .sgc-group-img2 { text-align: left; padding-right: 14px; } } @media(max-width:991px) { .sgc-group-text-title p { width: 81%; font-size: 18px; } .sgc-group { width: 100%; float: left; margin-top: 60px; display: flex; } .sgc-group-text { width: 50%; float: left; } .sgc-group-img { width: 50%; display: flex; float: left; text-align: right; align-items: center; justify-content: flex-start; } } @media(max-width:767px) { .section-good { width: 100%; padding-bottom: 30px; background: #fbfbfb; } .section-good-title { width: 100%; height: auto; padding-bottom: 20px; } .section-good-content { width: 100%; float: left; padding: 0 15px; } .sgc-group { width: 100%; float: left; margin-top: 30px; display: flex; flex-wrap: wrap; } .sgc-group-text { width: 100%; float: left; order: 1; } .sgc-group-img { width: 100%; display: flex; float: left; order: 2; margin-top: 15px; text-align: right; align-items: center; justify-content: flex-start; } .sgc-group-img1, .sgc-group-img2 { padding-left: 0; padding-right: 0px; } .sgc-group-text-title p { width: 81%; font-size: 20px; } } @media(max-width:339px) { .section-good-title p:nth-child(3) { width: 100%; height: auto; } } /* good end */ /* about1 start */ .section-about1 { width: 100%; padding: 90px 0; background: url(../images/abg1.jpg) no-repeat top center; background-position-y: 162px; } .section-about1-content { width: 100%; } .sac-category { margin-top: 14px; margin-bottom: 22px; display: flex; align-items: flex-start; justify-content: flex-start; } .sac-category-list { width: auto; margin-right: 20px; } .sac-category-list p { width: 100px; height: 36px; line-height: 36px; margin: 0 0; text-align: center; color: var(--first_color); background: #e8f2ff; } .sac-category-list p:hover { color: #fff; background: var(--first_color); } .section-about1-content-group { width: 100%; float: left; } /* img */ .sac1-img1 { width: 39%; float: left; } .sac1-img1 a { margin-top: -72px; } .sac1-img1 img { width: auto; max-width: unset; } /* img */ /* text */ .sac1-text1 { width: 61%; float: left; padding: 35px 0; padding-bottom: 0; padding-right: 42px; } .sac1-text1-title { width: 100%; text-align: left; } .sac1-text1-title p { margin: 0 0; } .sac1-text1-title p:nth-child(1) { font-size: 36px; color: #333333; line-height: 36px; text-align: left; font-weight: bold; margin-bottom: 5px; } .sac1-text1-title p:nth-child(1) span { color: var(--first_color); } .sac1-text1-title p:nth-child(2) { font-size: 12px; line-height: 14px; color: #666666; text-transform: uppercase; margin-bottom: 14px; } .sac1-text1-title p:nth-child(3) { width: 39px; height: 4px; background: var(--first_color); } .sac1-text1-content { width: 100%; color: #333; font-size: 14px; line-height: 28px; margin-top: 15px; margin-bottom: 24px; text-align: justify; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .sac1-text1-more { width: 112px; height: 36px; margin-bottom: 35px; background-color: var(--first_color); } .sac1-text1-more a { width: 100%; color: #fff; line-height: 36px; text-align: center; } /* honor */ .sac1-honor { width: 100%; padding-right: 60px; } .honor-container { width: 100%; padding: 30px 0; } .sac1-honor-list { padding: 7px 14px; border: 1px #ccc solid; } .sac1-honor-pagination { margin: 0 0; padding: 0 0; margin-bottom: 10px; } .sac1-honor-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background: #c4d2e4; border-radius: 50%; margin-right: 8px; } .sac1-honor-pagination .swiper-pagination-bullet-active { background: var(--first_color); } @media(max-width:1199px) { .sac1-honor { width: 100%; padding-right: 0; } .sac1-text1-content { text-align: justify; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } } @media(max-width:991px) { .sac1-text1-title p:nth-child(1) { font-size: 34px; line-height: 34px; } .sac1-text1-content { text-align: justify; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } } @media(max-width:767px) { .section-about1 { width: 100%; padding: 30px 15px; background: none; } .sac1-text1 { width: 100%; float: left; padding: 0px 0; padding-bottom: 0; padding-right: 0; } .sac1-img1 { width: 100%; float: left; } .sac1-img1 a { margin-top: 0; } .sac1-img1 img { width: 100%; max-width: unset; } .sac1-text1-more { margin-bottom: 0; } } /* text */ /* about1 end */ /* product start */ .section-product1 { padding-top: 76px; padding-bottom: 80px; background: url(../images/pbg.jpg) no-repeat top center; } .section-product1-container { width: 1208px; margin: 0 auto; padding: 30px 26px; padding-bottom: 16px; background: url(../images/pbg1.png) no-repeat top center; background-size: 100% 100%; } /* title */ .spc-text-title1 { width: 100%; margin-bottom: 38px; text-align: center; padding-top: 35px; background: url(../images/ptbg.png) no-repeat top center; } .spc-text-title1-content { width: 100%; } .spc-text-title1-content p { margin: 0 0; color: #fff; } .spc-text-title1-content p:nth-child(1) { font-size: 36px; line-height: 36px; font-weight: bold; margin-bottom: 10px; } .spc-text-title1-content p:nth-child(2) { width: 24px; height: 4px; margin: 0 auto; background: #fff; } /* title */ /* 列表 */ .section-product1-content { width: 100%; } .spac1-list-img { border: 1px #ccc solid; } .spac1-list-title { font-size: 16px; padding: 0 10px; height: 52px; line-height: 52px; background: #fff; text-align: center; color: #333333; margin-top: 2px; } @media(max-width:1207px) { .section-product1-container { width: 100%; background-size: 100% 100%; } } @media(max-width:767px) { .section-product1 { padding: 0 15px; padding-top: 30px; padding-bottom: 30px; background: url(../images/pbg.jpg) no-repeat top center; } .spc-text-title1 { background-size: 100%; } } /* product end */ /* news start */ .section-news1 { padding: 0px 0; padding-bottom: 70px; background: #fff; } /* title */ .section-news1-title { width: 100%; text-align: center; margin-bottom: 40px; } .section-news1-title p { margin: 0 0; background: url(../images/ntbg.png) no-repeat top center; } .section-news1-title p:nth-child(1) { font-size: 36px; line-height: 36px; color: #333; font-weight: bold; margin-bottom: 8px; padding-top: 35px; } .section-news1-title p:nth-child(1) span { color: var(--first_color); } .section-news1-title p:nth-child(2) { width: 24px; height: 4px; margin: 0 auto; background: var(--first_color); } /* title */ .section-news1-content { width: 100%; float: left; } /* one */ .section-news1-content-one { width: 66%; float: left; } .snco-top { width: 100%; float: left; margin-bottom: 8px; border-bottom: 1px #ccc solid; } .snc1-one-group { width: 100%; float: left; margin-bottom: 16px; } .snc1-one-group-box-list { width: 100%; float: left; } .news-list-img { width: 22%; float: left; } .news-list-img img { width: 100%; } .snc1-ogbl-text { width: 78%; float: left; padding-left: 18px; } .snc1-ogbl-text p { margin: 0 0; } .snc1-ogbl-text p:nth-child(1) { width: 60%; float: left; font-size: 16px; color: #333; height: 38px; line-height: 38px; font-weight: bold; border-bottom: 1px #ccc solid; } .snc1-ogbl-text p:nth-child(2) { width: 40%; font-size: 12px; color: #999999; float: right; text-align: right; line-height: 38px; border-bottom: 1px #ccc solid; } .snc1-ogbl-text p:nth-child(3) { width: 100%; float: left; font-size: 12px; color: #666666; line-height: 22px; margin-top: 5px; } .snc1-one-group-box-list:hover .snc1-ogbl-text p:nth-child(1) { color: var(--first_color); } .snco-bottom { width: 100%; float: left; } .snco-bottom-list { width: 50%; float: left; margin-top: 8px; } .snco-bottom-list:nth-child(odd) { padding-right: 14px; } .snco-bottom-list:nth-child(even) { padding-left: 14px; } .snco-bl { width: 100%; } .snco-bl p { margin: 0 0; line-height: 30px; } .snco-bl p:nth-child(1) { width: 60%; font-size: 14px; color: #333333; float: left; text-align: left; } .snco-bl p:nth-child(2) { font-size: 12px; color: #999999; float: right; text-align: right; } .snco-bl:hover p:nth-child(1) { color: var(--first_color); } /* two */ .section-news1-content-two { width: 34%; float: left; padding-left: 28px; } .snc1-two-group { padding: 0px 18px; border: 1px #ccc solid; } .snc1-two-group-list { padding: 16px 0; padding-bottom: 9px; border-bottom: 1px #ccc solid; } .snc1-two-group-list:nth-child(4) { border-bottom: 0; } .snct-bl { width: 100%; } .snct-bl p { margin: 0 0; } .snct-bl p:nth-child(1) { font-size: 14px; color: #333; line-height: 24px; padding-left: 30px; margin-bottom: 9px; background: url(../images/q.jpg) no-repeat left center; } .snct-bl:hover p:nth-child(1) { color: var(--first_color); } .snct-bl p:nth-child(2) { font-size: 12px; color: #666666; padding-left: 30px; line-height: 24px; background: url(../images/a.jpg) no-repeat left top; } @media(max-width:1199px) { .news-list-img { width: 28%; float: left; } .snc1-ogbl-text { width: 72%; float: left; padding-left: 18px; } } @media(max-width:991px) { .news-list-img { width: 34%; float: left; } .snc1-ogbl-text { width: 66%; float: left; padding-left: 18px; } } @media(max-width:767px) { .section-news1 { padding: 0px 15px; padding-bottom: 30px; background: #fff; } .section-news1-title p { margin: 0 0; background: url(../images/ntbg.png) no-repeat top center; background-size: 100%; } .section-news1-title { width: 100%; text-align: center; margin-bottom: 20px; } .section-news1-content-one { width: 100%; float: left; } .news-list-img { width: 50%; float: left; } .snc1-ogbl-text { width: 50%; float: left; padding-left: 18px; } .snc1-ogbl-text p:nth-child(1), .snc1-ogbl-text p:nth-child(2) { width: 50%; } .snc1-ogbl-text p:nth-child(3) { margin-top: 0; } .snco-bottom-list { width: 100%; } .snco-bottom-list:nth-child(odd) { padding-right: 0px; } .snco-bottom-list:nth-child(even) { padding-left: 0px; } .section-news1-content-two { width: 100%; float: left; padding-left: 0; margin-top: 20px; } } /* news end */ /* foot1 start */ .pre-footer-corporate1 { padding: 0 0; background: #222; } .pfc-content1-nav { background: var(--first_color); } .pfc-content1-nav-content { width: 100%; display: flex; align-items: center; justify-content: center; background: url(../images/fbg.png) no-repeat center top; } .pfc-content1-nav-group { width: 100%; } .pfc-content1-nav-group.active { background: #333; } .pfc-cng1-name, .pfc-cng1-name:hover { width: 100%; color: #fff; font-size: 14px; line-height: 44px; text-align: center; } .pfc-container1 { width: 100%; float: left; padding: 46px 0; } .pfc-content1 { width: 74.5%; float: left; } .pfc-content1-title { width: auto; float: left; text-align: left; } .pfc-contact1 { width: 81%; float: left; padding-left: 24px; } .pfc-group1 { width: 100%; float: left; margin-top: 15px; } .pfc-group1-img { float: left; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .pfc-group1-text { width: 88%; float: left; font-size: 14px; line-height: 25px; color: #fff; float: left; padding-left: 6px; } .pfc-group1-text p, .pfc-group1-text a { color: #fff; } .pfc-group1:nth-child(1), .pfc-group1:nth-child(2), .pfc-group1:nth-child(3) { width: 33.333%; float: left; } .pfc-group1:nth-child(5), .pfc-group1:nth-child(6) { width: 50%; float: left; } .pfc-code1 { float: right; width: 134px; height: 134px; padding: 4px 4px; background: #fff; } .pfc-code1 img { width: 100%; } @media(max-width:1199px) { .pfc-content1-nav-content { background: none; } .pfc-content1 { width: 85%; } .pfc-contact1 { width: 80%; float: left; padding-left: 24px; } .pfc-group1-text { width: 86%; } } @media(max-width:991px) { .pfc-content1 { width: 82%; } .pfc-contact1 { width: 74%; } .pfc-group1:nth-child(1), .pfc-group1:nth-child(2), .pfc-group1:nth-child(3) { width: 100%; float: left; } .pfc-group1:nth-child(5), .pfc-group1:nth-child(6) { width: 100%; float: left; } } @media(max-width:767px) { .pfc-content1-nav-content { display: block; } .pfc-content1-nav-group { width: 25%; float: left; } .pfc-content1 { width: 100%; } .pfc-content1-title { width: 100%; float: left; text-align: center; } .pfc-contact1 { width: 100%; padding-left: 0px; } .pfc-container1 { width: 100%; float: left; padding: 46px 15px; } .pfc-code1 { float: left; margin-top: 20px; } } /* foot1 end */ /* 备案 */ .footer-corporate { padding: 10px 0; text-align: center; background: #222; border-top: 1px #666666 solid; } .epower-foot { width: 100%; text-align: center; } .footer-corporate p, .footer-corporate p a, .epower-foot p, .epower-foot p a { font-size: 12px; line-height: 20px; color: #999999; } /* 备案 */ /* 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; } /* 详情页button */ .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color: var(--first_color); } .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;} /* 内页 */ /* .my-slick-list{ display: flex; align-items: center; justify-content: center; } */