@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);
}