@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;
} */