@charset "utf-8";

/* CSS Document */

@font-face{ font-family: Montserrat-Bold; src: url(../webfonts/montserrat-bold.ttf);}

@font-face{ font-family: Montserrat-Medium; src: url(../webfonts/montserrat-medium.ttf);}

@font-face{font-family: Montserrat-Regular; src: url(../webfonts/montserrat-regular.ttf);}

@font-face{ font-family: "Playfair Display SC-Regular"; src:url(../webfonts/PlayfairDisplaySC-Regular.ttf);}

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body{

color: #333;

line-height: 1.6;

background-color: #fff;

overflow-x:hidden;

}

a {

text-decoration: none;

color: inherit;

}

ul {

list-style: none;

}

.container {

width: 1200px;

margin: 0 auto;

position: relative;

}

/* --- pchead头部 --- */

header {

height: 70px;

display: flex;

align-items: center;

justify-content: space-between;

padding: 0 5%;

position: fixed;

top: 0;

width: 100%;

background: rgba(255, 255, 255, 0.95);

z-index: 1000;

box-shadow: 0 2px 10px rgba(0,0,0,0.05);

}

.logo img {

width:100%;

}

.nav-menu {

display: flex;

gap: 40px;

}

.nav-item {

position: relative;

cursor: pointer;

padding: 23px 0;

transition: color 0.3s;

}

.nav-item a{
font-size:16px;
color:#16202B;
font-family: PingFang SC-Regular, PingFang SC;
}

.nav-item::after {
content: '';
position: absolute;
bottom: 0;
left: 20%;
width: 0;
height: 3px;
background: #F30011;
transition: width 0.3s;
}

.nav-item:hover a {
color: #F30011;
}

.nav-item:hover::after {
width: 50%;
}

.nav-item.active:after {
content: '';
position: absolute;
bottom: 0;
left: 20%;
width: 0;
height: 3px;
background: #F30011;
transition: width 0.3s;
}

.nav-item.active a{
color: #F30011;	
}
.nav-item.active::after {
width: 50%;
}

/*下拉菜单*/

.nav-item .dropdown {

position: absolute;

top: 100%;

left: 0;

background: #fff;

width: 160px;

box-shadow: 0 5px 15px rgba(0,0,0,0.1);

opacity: 0;

visibility: hidden;

transform: translateY(10px);

transition: all 0.3s ease;

}

.nav-item:hover .dropdown {

opacity: 1;

visibility: visible;

transform: translateY(0);

}

.nav-item .dropdown li a {

display: block;

padding: 10px 15px;

font-size: 14px;

color: #555;

border-bottom: 1px solid #eee;

}

.nav-item .dropdown li a:hover {

color: #F30011;

}

.nav-item .dropdowncp {
position: absolute;
top: 100%;
left: 0;
padding: 0 2% 12px 2%;
background: #fff;
width: 920px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
}

.nav-item:hover .dropdowncp {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-item .dropdowncp li {
float:left;
width:31.3%;
text-align:center;
margin-right:.5%;
}
.nav-item .dropdowncp li:nth-child(2){
width:24.3%;
}
.nav-item .dropdowncp li:nth-child(3){
width:28%;
}
.nav-item .dropdowncp li:nth-child(4){
width:14.8%;
margin-right:0px;
}

.nav-item .dropdowncp li span {
display: block;
padding: 8px 0;
font-size: 15px;
color: #333;
border-bottom: 1px solid #eee;
}

.nav-item .dropdowncp li dt{
float:left;
width:100%;
text-align:left;
}

.nav-item .dropdowncp li dt a{
display: block;
padding: 7px 2px 0 2px;
font-size: 14px;
line-height:18px;
color: #555;
}

.nav-item .dropdowncp li dt a:hover {
color: #F30011;
}

.header-right {
display: flex;
align-items: center;
gap: 20px;
}

.search-box {
position: relative;
}

.search-box input {

border: 1px solid #D9DCFE;

padding: 5px 30px 5px 10px;

outline: none;

font-size: 14px;

line-height: 25px;

width: 240px;

}

.search-box input::placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.search-box input:-ms-input-placeholder { /* IE ºÍ Edge */

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.search-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.search-box i {

position: absolute;

right: 10px;

top: 50%;

transform: translateY(-50%);

color: #F30011;

cursor: pointer;

}

.phone-tel{

font-family: PingFang SC-Regular, PingFang SC;

font-weight: 400;

font-size: 13px;

color: #16202B;

text-align: left;

font-style: normal;

text-transform: none;

opacity: 0.7; 

}

.phone-tel img{

width: 13px;

margin-right: 5px;

padding-top: 3px;

float: left;

}

.phone-number {

font-family: PingFang SC-Regular, PingFang SC;

font-size: 20px;

color: #16202B;

line-height: 22px;

text-align: left;

font-style: normal;

text-transform: none;

}



/* --- mobilehead头部 --- */

#m_header{ position: fixed; z-index:999; width:100%; left:0; top:0; background:#fff; display:none;}

#m_header #m_logo{ height:4.5rem; float: left; }

#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}

#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}

#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }

#nav_btn_box .m{ padding: 5px 10px;}

#nav_btn_box.on{ background:none;}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer; text-align: center;z-index:99999; padding-bottom:10px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}

#nav_btn .point{display: inline-block;width: 1.5rem;height: 22px; position: relative; outline:none;}

#nav_btn .point:hover .navbtn,

#nav_btn .point:hover .navbtn::after,

#nav_btn .point:hover .navbtn::before{width: 1.75rem;}

#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}

#nav_btn .navbtn::after,

#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.5rem;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #939393;}

#nav_btn .navbtn::after{top: -5px;}

#nav_btn .navbtn::before{top: 5px;}

#nav_btn .point.on .navbtn{background: transparent;}

#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}

#m_nav {z-index: 99999; position: fixed; background:#b71d35; width:17rem;  height:100vh; right: -400px; top: 0; display:none;padding-top:50px; overflow:hidden; pointer-events: none;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}

#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 1.5rem; }

#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.3);}

#m_nav li .a{  }

#m_nav li .a h3{ line-height:3rem; height:3rem; color:#fff; padding:0; font-size:.96rem; float:left;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li .a span i{ font-size:0;}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:3rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

#m_nav li{display:block;width:100%;}

#m_nav .title .list{float:left;display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}

#m_nav .title .list span{ background:none; }

#m_nav .title .list span a:hover{ color: #014085;}

#m_nav .title .list a{display:block;font-size:0.9rem;opacity:0.9;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}

#m_nav .title .list .void>a{background-size:10px; position:relative;}

#m_nav .title .list .void>a:before{ content:"¡¤"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}

#m_nav .title .list span{ position:relative; display:block;}

#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}

#m_nav .title .list dt{float:left;width:100%;}

#m_nav .title .list dt span{display: block;font-size: 0.95rem;opacity: 0.9;color: #fff;text-align: left;line-height: 30px;height: 30px;border: 0;font-weight: 300;border-bottom: 1px dotted rgba(255, 255, 255, 0.2);}

#m_nav .title .list dt a{float:left;width:100%;height:100%;display: block;font-size: 0.82rem;opacity: 0.75;color: #fff;text-align: left;line-height: 18px;border: 0;font-weight: 300;padding-top:4%;}

#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

/* ---Banner 图--- */

.banner-section {

position: relative;

height: 650px;

overflow: hidden;

margin-top: 70px;

}

.slider-wrapper {

position: relative;

width: 100%;

height: 100%;

}

.slide {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

opacity: 0;

transition: opacity 0.8s ease-in-out;

background-size: cover;

background-position: center;

display: flex;

align-items: center;

}

.slide.active {

opacity: 1;

}

/* 滑动切换*/

.slide-content {

width: 1200px;

margin: 0 auto;

z-index: 2;

}

.slide-title {

font-size: 48px;

line-height:60px;

margin-bottom: 20px;

color: #1a2a3a;

}

.slide-title span {

color: #e60012;

}

.slide-desc {

font-size: 15px;

max-width: 500px;

color: rgba(22,32,43,0.85);

margin-bottom: 30px;

font-weight: bold;

font-family: PingFang SC-Regular, PingFang SC;

}

.btn-red {

display: inline-block;

padding: 7px 35px;

background: #e60012;

color: rgb( 255 255 255 / 95%);

border-radius: 2px;

transition: background 0.3s;

}

.btn-red:hover {

background: #b3000e;

}

/*切换指示点 */

.slider-btn {

position: absolute;

top: 50%;

transform: translateY(-50%);

width: 50px;

height: 50px;

background: rgba(255,255,255,0.3);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

cursor: pointer;

z-index: 10;

transition: background 0.3s;

color: #fff;

font-size: 20px;

}

.slider-btn:hover {

background: rgba(255,255,255,0.8);

color: #e60012;

}

.prev-btn { left: 20px; }

.next-btn { right: 20px; }

.slider-dots {

position: absolute;

bottom: 30px;

left: 50%;

transform: translateX(-50%);

display: flex;

gap: 15px;

z-index: 10;

}

.dot {

width: 112px;

height: 4px;

background: rgba(255,255,255,0.5);

cursor: pointer;

transition: all 0.3s;

}

.dot.active {

background: #fff;

transform: scale(1.2);

}

.section-tag {

background: #e60012;

color: #fff;

padding: 2px 8px;

font-size: 12px;

display: inline-block;

margin-bottom: 10px;

}

.about-section {

float: left;

width: 100%;

background: #fff;

padding-bottom: 5%;

}

.about-grid {

display: grid;

grid-template-columns: 60% 1fr;

gap: 55px;

}

.about-text{

float:left;

width:100%;

position: relative;

}

.about-text .gywmbjlogo{

background: url(../images/logos.png) no-repeat;

background-position: left bottom;

position: absolute;

left: 0;

top: 0;

width: 100%;

bottom: 45px;

height: 100%;

}

.about-text h3 {
font-size: 32px;
margin-bottom: 20px;
line-height: 1.3;
}

.about-text p {
color: rgb( 68 76 85 / 80%);
font-size: 15px;
text-align: justify;
}

.stats-grid {
background: url(../images/sygywoybj.png) center no-repeat;
height: 400px;
}

.stat-card {

float: left;

width: 50%;

color: #fff;

text-align: center;

}

.stat-card:nth-child(1){

padding: 50px 0px 30px 0;

margin-top: 25px;

text-align: left;

padding-left: 15%;

}

.stat-card:nth-child(2){

padding: 65px 0px 30px 0;

margin-top: 40px;

}

.stat-card:nth-child(3){

margin-top: 25px;

text-align: left;

padding-left: 15%;

}

.stat-card:nth-child(4){

padding: 70px 0px;

margin-top: 25px;

text-align: left;

padding-left: 8%;

}

.stat-num {

float:left;

width:100%;

font-size:23px;

height:60px;

line-height:40px;

color: rgb( 255 255 255 / 85%);

}

.stat-num .number1{

font-size: 54px;

color: #fff;

font-family: "Playfair Display SC-Regular";

}

.stat-label {

float:left;

width:100%;

font-size: 15px;

color: rgb( 255 255 255 / 85%);

line-height:18px;

letter-spacing: 1px;

font-family: "PingFang SC-Regular, PingFang SC";

}



.product-section {

float:left;

width:100%;

background: #F7F8FA;

padding-bottom:2%;

}

.product-grid {

display: grid;

grid-template-columns: repeat(4, 1fr);

gap: 10px;

}

.product-card {

position: relative;

overflow: hidden;

group: cursor-pointer;

position: relative;

}

.product-card:nth-child(1)::before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: url('../images/sycpzxgkaqbjs.png') no-repeat;

z-index: 10;

transition: opacity 2s ease;

}

.product-card:nth-child(2)::before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: url('../images/sycpzxctaqbjs.png') no-repeat;

z-index: 10;

transition: opacity 2s ease;

}

.product-card:nth-child(3)::before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: url('../images/sycpzxctaqbjs.png') no-repeat;

z-index: 10;

transition: opacity 2s ease;

}

.product-card:nth-child(4)::before {

content: '';

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background: url('../images/sycpzxctaqbjs.png') no-repeat;

z-index: 10;

transition: opacity 2s ease;

}

.product-img {

width: 100%;

height: 100%;

object-fit: cover;

transition: transform 0.5s;

}

.product-card:hover .product-img {

transform: scale(1.1);

}

.product-over {

position: absolute;

top: 0;

left: 0;

width: 100%;

padding: 20px;

z-index: 100;

color: #fff;

}

.product-over .product-title {

font-size: 20px;

color: rgb( 255 255 255 / 96%);

font-weight: bold;

margin-bottom: 5px;

}

.product-over p{
float: left;
width: 85%;
font-size:14px;
color: rgb( 255 255 255 / 60%);
}

.product-overlay {
position: absolute;
bottom: 2%;
left: 0;
width: 100%;
padding:0 12px;
z-index: 100;
color: #fff;
}

.product-list {
font-size: 14px;
color: rgb( 255 255 255 / 90%);
}

.product-list li {
margin-bottom: 5px;
padding-bottom: 2px;
line-height: 18px;
}

.product-list li a{
transition: .5s;
}

.product-list li a:hover{
color:#F30011;
}

.solution-section {
float:left;
width:100%;
background: #F7F8FA;
padding-bottom: 4%;
}

.solution-grid {
float:left;
width:100%;
padding-top:1%;
}

.solution-card {
padding: 2% 2% 3% 2%;
transition: all 0.3s;
background: #fff;
float: left;
width: 24.25%;
margin-right: 1%;
margin-bottom: 1%;
}

.solution-card:nth-child(4){
margin-right:0px;
}

.solution-card:nth-child(8){
margin-right:0px;
}

.solution-card:hover {

box-shadow: 0 10px 30px rgba(0,0,0,0.1);

transform: translateY(-5px);

border-color: transparent;

}

.sol-icon {

font-size: 40px;

color: #4a90e2;

margin-bottom: 20px;

}

.sol-icon img{

width:auto;

}

.sol-title {

font-size: 23px;

line-height:24px;

color: rgb( 22 32 43 / 85%);

font-weight: bold;

margin-bottom: 15px;

}

.sol-desc {

float: left;

width: 100%;

font-size: 14px;

color: rgb( 115 121 127 / 70%);

line-height: 1.4;

}

.honor-section {

float: left;

width: 100%;

background: url(../images/syzzrybj.png) no-repeat;

background-position:bottom;

background-size:contain;

position: relative;

overflow: hidden;

}

.honor-content {
display: flex;
justify-content: space-between;
align-items: center;
}

.honor-text {
width: 40%;
padding-bottom: 38%;
}

.honor-text p{
font-family: PingFang SC, PingFang SC;
font-size: 15px;
color: rgb( 68 76 85 / 95%);
line-height: 24px;
}

.honor-stats {
margin: 40px 0 100px 0;
}

.h-stat {

margin-bottom: 20px;

}

.h-num {

font-size: 23px;

color: rgb( 22 32 43 / 85%);

}

.h-num .number1 {

font-size: 54px;

color: #16202B;

font-family: "Playfair Display SC-Regular";

}

.stat-title{

color: rgb( 68 76 85 / 80%);

font-size: 15px;

line-height: 24px;	

}

.contact {

float: left;

width: 100%;

padding: 5% 0;

background: url(../images/sylxwmbj.png) center no-repeat;

background-size: 100% 100%;

}

.contact-content {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 60px;

}

.contact-info-section strong{

padding:5% 0 2% 0;

float: left;

width: 100%;

color: rgb( 22 32 43 / 70%);

font-size: 16px;

line-height: 24px;

text-align: left;

font-style: normal;

text-transform: none;

font-weight: 400;

}

.contact-info-section h3 {

float: left;

width: 100%;

font-size: 34px;

color: rgb( 22 32 43 / 90%);

line-height:45px;

}

.contact-details {

float: left;

width: 100%;

margin-top: 40px;

}

.contact-item {

display: flex;

align-items: center;

gap: 15px;

margin-bottom: 3%;

}

.contact-icon {

width: 40px;

}

.contact-icon img{

width:100%;

}

.contact-info{

font-family: PingFang SC, PingFang SC;

font-size: 17px;

color: rgb( 22 32 43 / 80%);

line-height: 24px;

text-align: left;

font-style: normal;

text-transform: none;

}

.contact-form {

background: #fff;

padding: 40px;

}

.contact-form h4 {

font-weight: 600;

font-size: 23px;

color: rgb( 20 24 46 / 90%);

text-align: left;

font-style: normal;

text-transform: none;

}

.contact-form p{

font-size: 14px;

color: #73797F;

line-height: 24px;

padding-bottom:3%;

}

.contact-form span{

float: left;

width: 100%;

font-size: 14px;

color: rgb( 115 121 127 / 60%);

line-height: 24px;

padding-bottom:3%;

}

.form-group {

float:left;

width:100%;

margin-bottom: 20px;

padding-bottom: 5px;

border-bottom: 1px solid #D0D2D4;

}

.form-group i{

float:left;

color:#FF5127;

padding-right:3px;

}

.form-group input,

.form-group textarea {

width: 95%;

font-size: 15px;

}

.form-group input::placeholder{

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;	

}

.form-group textarea::placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.form-group input:-ms-input-placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.form-group textarea:-ms-input-placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.form-group input::-webkit-input-placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.form-group textarea::-webkit-input-placeholder {

color: #D0D2D4;

font-family: PingFang SC-Regular, PingFang SC;

}

.form-group textarea {

height: 100px;

resize: vertical;

}

.submit-btn {

background: #F30011;

color: rgb( 255 255 255 / 95%);

padding: 12px 40px;

border: none;

font-size: 16px;

cursor: pointer;

width: 100%;

transition: background 0.3s;

}

.submit-btn:hover {

background: #b00217;

}



/*内页banner*/

.banner {color: #fff;display: flex; align-items: center; margin-top: 70px;position: relative;overflow: hidden;}

.banner h2{font-size:20px; opacity: 0.9; margin:60px 0 10px 0;}

.banner h1{font-size:34px; margin-bottom: 10px; letter-spacing: 2px;color: #F7F8FC;}

.banner p{font-size:16px; opacity: 0.9; width: 43%;}

.btn-banner{padding:8px 40px;margin:20px 0 80px 0;font-size:15px;letter-spacing:1px;border: 1px solid rgb( 255 255 255 / 90%);color: rgb( 255 255 255 / 90%);display:inline-block;transition: 0.5s;}

.btn-banner:hover{background: #fff; color: #0056b3;}

/*内页banner*/



.btn {

display: inline-block;

padding: 9px 35px;

color: rgb( 255 255 255 / 95%);

font-size: 14px;

transition: all 0.3s;

cursor: pointer;

}

.btn:hover {

background: #fff;

color: #0056b3;

}

.tabs-nav {

display: flex;

border-bottom: 1px solid #D0D2D4;

margin-bottom: 5%;

}

.tab-btn { 

flex: 1; 

padding: 20px; 

text-align: center; 

cursor: pointer; 

font-size: 16px; 

color: #16202B;

border-bottom: none;

transition: 0.3s;

position: relative;

font-weight: bold;

}

.tab-btn:hover {

color: #0056b3;

}

.tab-btn.active::after {

content: '';

position: absolute;

bottom: -1px;

left: 0;

width: 100%;

height: 2px;

background-color: #0160E3;

}

.tab-pane {

display: none;

animation: fadeIn 0.5s ease;

}

.tab-pane.active {

display: flex;

justify-content: space-between;

gap: 50px;

}

@keyframes fadeIn {

from { opacity: 0; transform: translateY(10px); }

to { opacity: 1; transform: translateY(0); }

}

.content-text {

padding-top: 2%;

flex: 1;

}

.content-icon {

width: 80px;

height: 80px;

display: flex;

align-items: center;

justify-content: center;

margin-bottom: 2%;

}

.content-text h3 {

font-size: 20px;

font-weight: bold;

margin-bottom: 10px;

color: rgba(22,32,43,0.85);

}

.content-text p {

font-size: 12px;

color: #666;

margin-bottom: 30px;

text-align: justify;

}

.btn-group {

display: flex;

gap: 15px;

padding-top:4%;

}

.btn-blue {

background-color: #0160E3;

border-color: #0160E3;

}

.btn-blue:hover {

background-color: #004494;

color: #fff;

}

.btn-outline {

background-color: transparent;

border: 1px solid #0160E3;

color: #0160E3;

}

.btn-outline:hover {

background-color: #0056b3;

color: #fff;

}

.content-image {

flex: 1.2;

background-color: #eee;

overflow: hidden;

}

.content-image img {

width: 100%;

height: 100%;

object-fit: cover;

transition: transform 0.5s;

}

.content-image:hover img {

transform: scale(1.05);

}

.new-force-layout .tab-pane.active {

flex-direction: row-reverse;

}

/*内页解决方案*/

.traditional-industries{float:left;width:100%;padding:2% 0 4% 0;}

.section-header { margin: 3% auto 2%; max-width: 1200px; }

.tag-red { display: inline-block;background-color: #F30011;color: #fff;font-size: 12px;padding: 3px 8px;}

.ics-section {float:left;width: 100%; background: #F7F8FC; padding-bottom: 5%;}

.ics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }

.ics-card:nth-child(1) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(2) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(3) {background: url(../images/cpzxaqglbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(4) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(5) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(6) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(7) {background: url(../images/cpzxaqglbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(8) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(9) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:nth-child(10) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }

.ics-card h3 {font-size: 22px;font-weight: bold; margin-bottom: 10px; line-height: 30px; color: rgba(22,32,43,0.85);}

.ics-card p {font-size: 14px;color: rgba(115,121,127,0.9); line-height:20px; margin-bottom: 5%; font-family: PingFang SC-Regular, PingFang SC;}

.link-arrow { color: #0160E3; font-size: 14px; font-weight: bold; display: flex; align-items: center; letter-spacing:1px;line-height:20px;padding-bottom:155px;}

.link-arrow img{padding-left: 10px;}

.ics-sectionsy {float:left;width: 100%; background: #eff1f5; padding-bottom: 5%;}

.ics-gridsy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }

.ics-cardsy:nth-child(1) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(2) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(3) {background: url(../images/cpzxaqglbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(4) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(5) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(6) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(7) {background: url(../images/cpzxaqglbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(8) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(9) {background: url(../images/cpzxaqfhbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:nth-child(10) {background: url(../images/cpzxrqaqbj.png) no-repeat; background-position: right bottom; padding: 30px 20px; position: relative; overflow: hidden; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.ics-cardsy:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.08); }

.ics-cardsy h3 {font-size: 22px;font-weight: bold; margin-bottom: 10px; line-height: 30px; color: rgba(22,32,43,0.85);}

.ics-cardsy p {font-size: 14px;color: rgba(115,121,127,0.9); line-height:20px; margin-bottom: 5%; font-family: PingFang SC-Regular, PingFang SC;}

.link-arrowsy { color: #0160E3; font-size: 14px; font-weight: bold; display: flex; align-items: center; letter-spacing:1px;line-height:20px;padding-bottom:155px;}

.link-arrowsy img{padding-left: 10px;}

.tradition-sectiongk{float:left;width:100%; background: url(../images/cpzxgkaqbj.png) center no-repeat; background-size:cover;padding-bottom:5%;position: relative;}
.tradition-layoutgk { display: flex; gap: 40px; align-items: flex-start;}
.tabs-containergk { flex: 1.2;}
.tab-buttonsgk {display: flex;background-color: #f8f9fb;}
.tab-cpcgkbtn { 
padding: 8px 1px; 
text-align: left; 
cursor: pointer; 
font-size: 13.5px; 
color: rgba(68,76,85,0.9);
border-bottom: none;
transition: 0.3s;
position: relative;
font-weight: bold;
border: 2px solid #fbfcfd;
border-right: 0px;
line-height:18px;
}
.tab-cpcgkbtn:nth-child(10){
border-right: 2px solid #fbfcfd;
}
.tab-cpcgkbtn font{float:left;width:18px;height:100%;}
.tab-cpcgkbtn span {display: block;font-weight:400;font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; color: rgba(68,76,85,0.8);letter-spacing:0px;}
.tab-cpcgkbtn.active {
color: rgba(255,255,255,0.99);
z-index: 2;
background-color: #0160E3;
border: 2px solid #0160E3;
border-right: 0px;
}
.tab-cpcgkbtn.active span{
color: rgba(255,255,255,0.75);
}
.tab-cpcgkbtn:nth-child(10).active {
border-right: 2px solid #0160E3;
}
.tab-content-wrappergk {
border-top: none; 
position: relative; 
min-height: 350px;
}
.section-headerctgk {margin: 2% auto 0px; max-width: 1200px; }
.tab-panecgk { 
position: absolute; 
top: 0; 
left: 0; 
width: 57%; 
height: 100%;
opacity: 0; 
visibility: hidden; 
transition: opacity 0.4s ease, transform 0.4s ease;
}
.tab-panecgk.active { 
opacity: 1; 
visibility: visible; 
transform: translateX(0); 
z-index: 1;
}
.tab-panecgk h1 { font-size: 30px; margin:2% 0 10% 0; line-height:36px; color: #16202B; }
.tab-panecgk h2 { font-size: 23px;margin-bottom: 1%;color: rgba(22,32,43,0.85);font-weight: bold;}
.tab-panecgk .tradition-desc { font-size: 14px; color: rgba(115,121,127,0.75); margin-bottom: 1%; line-height: 1.5;}

.tradition-section {float:left;width:100%; background: url(../images/cpzxctaqbjt.png) center no-repeat; background-size:cover;padding-bottom:5%;position: relative;}

.tradition-layout { display: flex; gap: 40px; align-items: flex-start; }
.tabs-container { flex: 1.2;}
.tab-buttons {display: flex;background-color: #f8f9fb;}

.tab-cpctaqbtn { 
flex: 1; 
padding: 10px 5px; 
text-align: left; 
cursor: pointer; 
font-size: 13.5px; 
color: rgba(68,76,85,0.9);
border-bottom: none;
transition: 0.3s;
position: relative;
font-weight: bold;
border: 2px solid #fbfcfd;
border-right: 0px;
line-height:20px;
}

.tab-cpctaqbtn:nth-child(8){
border-right: 2px solid #fbfcfd;
}

.tab-cpctaqbtn font{float:left;width:22px;height:100%;}

.tab-cpctaqbtn span {display: block;font-weight:400;font-family: PingFang SC-Regular, PingFang SC; font-size: 12px; color: rgba(68,76,85,0.8);letter-spacing:0px;}

.tab-cpctaqbtn.active {
color: rgba(255,255,255,0.99);
z-index: 2;
background-color: #0160E3;
border: 2px solid #0160E3;
border-right: 0px;
}

.tab-cpctaqbtn.active span{
color: rgba(255,255,255,0.75);
}

.tab-cpctaqbtn:nth-child(8).active {

border-right: 2px solid #0160E3;

}

.tab-content-wrapper {

border-top: none; 

position: relative; 

min-height: 350px;

}

.section-headerctaq {margin: 2% auto 0px; max-width: 1200px; }

.tab-panecpaq { 

position: absolute; 

top: 0; 

left: 0; 

width: 57%; 

height: 100%;

opacity: 0; 

visibility: hidden; 

transition: opacity 0.4s ease, transform 0.4s ease;

}

.tab-panecpaq.active { 

opacity: 1; 

visibility: visible; 

transform: translateX(0); 

z-index: 1;

}

.tab-panecpaq h1 { font-size: 30px; margin:2% 0 10% 0; line-height:36px; color: #16202B; }

.tab-panecpaq h2 { font-size: 23px;margin-bottom: 1%;color: rgba(22,32,43,0.85);font-weight: bold;}

.tab-panecpaq .tradition-desc { font-size: 14px; color: rgba(115,121,127,0.75); margin-bottom: 1%; line-height: 1.5;}

.pane-banner{padding:7px 25px;margin-top:20px;font-size:15px;letter-spacing:1px;border: 1px solid rgba(1,96,227,0.7);color: rgba(1,96,227,0.9);display:inline-block;transition: 0.5s;}

.pane-banner:hover{background: #fff; color: #0056b3;}

.feature-section {float:left;width:100%;background: #F7F8FC; padding-bottom: 80px; }

.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.feature-item { background: #fff; padding: 30px 20px; transition: 0.3s; }

.feature-item:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.05); transform: translateY(-5px); }

.icon-box {width: 64px; margin-bottom:20px;}

.icon-box img{width:auto;}

.feature-item h4 {font-size: 22px; margin-bottom: 10px; line-height: 28px; color:rgba(22,32,43,0.85);font-weight:bold;}

.feature-item p {font-size: 13px; color: #888; line-height: 1.5;}

.new-force{float: left; width:100%;background-color:#F7F8FC;padding:2% 0 4% 0;}

/*内页成功案例*/

.featured-cases {

padding: 60px 0 70px 0;

background: #F7F8FC;

}

.cases-header {

margin-bottom: 30px;

}

.tag {

display: inline-block;

background-color: #F30011;

color: #fff;

font-size: 12px;

padding: 3px 8px;

}

.section-title {

font-family: PingFang SC-Regular, PingFang SC;

font-size: 26px;

color: #16202B;

opacity:0.9;

text-align: left;

font-style: normal;

text-transform: none;

}

.cases-grid {

display: grid;

grid-template-columns: 45% 1fr 1fr;

gap: 20px;

}

.case-card1 {

overflow: hidden;

box-shadow: 0 4px 10px rgba(0,0,0,0.05);

transition: transform 0.3s ease;

position: relative;

}

.case-card1:hover {

transform: translateY(-5px);

}

.case-card-content1 {

float: left;

width: 100%;

padding: 3%;

position: absolute;

bottom: 0px;

}

.case-tags1 {

margin-bottom: 10px;

}

.case-tag1 {

display: inline-block;

background-color: #0160E3;

color: rgba(255,255,255,0.9);

font-size: 11px;

padding: 3px 10px;

border-radius: 2px;

margin-right: 5px;

}

.case-card-title1 {

float:left;

width:60%;

color: rgba(255,255,255,0.98);

font-size: 19px;

font-weight: bold;

margin-bottom: 15px;

overflow: hidden;

letter-spacing:1px;

line-height: 28px;

}

.view-more-link1 {

float:right;

color: rgba(255,255,255,0.98);

font-size: 14px;

letter-spacing:1px;

font-family: PingFang SC-Regular, PingFang SC;

display: flex;

align-items: flex-end;

height: 55px;

}

.case-card {

background:#fff;

overflow: hidden;

box-shadow: 0 4px 10px rgba(0,0,0,0.05);

transition: transform 0.3s ease;

}

.case-card:hover {

transform: translateY(-5px);

}

.case-card img {

width: 100%;

height: 200px;

object-fit: cover;

}

.case-card-content {

padding: 5%;

}

.case-tags {

margin-bottom: 2%;

}

.case-tag {

display: inline-block;

background-color: #DBEAFF;

color: #0160E3;

font-size: 11px;

padding: 3px 8px;

border-radius: 1px;

margin-right: 5px;

opacity:0.9;

}

.case-card-title {

font-size: 19px;

font-weight: bold;

margin-bottom: 15px;

color: rgba(22,32,43,0.85);

overflow: hidden;

line-height: 28px;

}

.view-more-link {

color: rgba(1,97,227,0.85);

font-size: 14px;

font-weight: bold;

letter-spacing:1px;

}



/* 全部案例 --- */

.all-cases {
float:left;
width:100%;
padding: 40px 0 30px 0;

}

.all-cases .section-title {

font-size: 26px;

margin-bottom: 1%;

color: rgba(22,32,43,0.85);

font-weight: bold;

}

.case-list-item {

display: flex;

justify-content: space-between;

align-items: center;

padding: 30px 0;

border-bottom: 1px solid #8a8f94;

}

.case-list-content {

flex: 1;

padding-right: 40px;

}

.case-list-title {

font-size: 20px;

font-weight: bold;

margin-bottom: 10px;

color: rgba(22,32,43,0.85);

}

.case-list-desc {

float: left;

width: 67%;

font-size: 15px;

color: rgba(22,32,43,0.55);

margin-bottom: 15px;

font-family: PingFang SC-Regular, PingFang SC;

}

.case-img{

overflow: hidden;

}

.case-list-img {

width: 240px;

height: 135px;

object-fit: cover;

transition: transform 0.5s;

}

.case-list-item:hover .case-list-img {

transform: scale(1.1);

}

.view-more-linkqb {

float: left;

width: 100%;

color: rgba(1,97,227,0.85);

font-size: 15px;

font-weight: bold;

line-height:30px;

letter-spacing:1px;

}

.case-list-item a:hover {

color: #F30011;

transition: transform 0.5s;

}



/* 新闻中心 --- */

.all-news {

float: left;

width: 100%;

padding: 40px 0;

background: #F7F8FC;

}

.all-xinwenbt {

float: left;

width: 100%;

padding: 20px 0 0 0;

background: #F7F8FC;

}

.all-xinwen {

float: left;

width: 100%;

padding: 0 0 30px 0;

background: #fff;

}

.all-search {

float: left;

width: 100%;

padding: 0 0 40px 0;

background: #F7F8FC;

}

.nymenu{ text-align:center; margin-bottom:2%}

.nymenu ul li{ display:inline-block; margin:0 1%; position:relative; padding-bottom:10px;}

.nymenu ul li:after{ content:""; position:absolute; left:0; right:0; bottom:0; width:0; width:0; height:2px; background:#e30502; margin:0 auto; transition:all 500ms}

.nymenu ul li a{ font-size:15px;}

.nymenu ul li:hover a,.nymenu ul li.active a{ color:#e30502}

.nymenu ul li:hover:after,.nymenu ul li.active:after{ width:23px;}

.news-list-item {

display: flex;

justify-content: space-between;

align-items: center;

padding: 30px 0;

border-bottom: 1px solid #e6e7e9;

}

.news-list-content {
flex: 1;
padding-right: 40px;
}

.news-list-contentjjfa {
flex: 1;
}

.news-list-title {

font-size: 20px;

font-weight: bold;

margin-bottom: 10px;

color: rgba(22,32,43,0.85);

}

.news-list-desc {

float: left;

width: 80%;

font-size: 15px;

color: rgba(22,32,43,0.55);

margin-bottom: 15px;

font-family: PingFang SC-Regular, PingFang SC;

}

.news-img{

overflow: hidden;

}

.news-list-img {

width: 100%;

height: 135px;

object-fit: cover;

transition: transform 0.5s;

}

.news-list-item:hover .news-list-img {

transform: scale(1.1);

}

.news-list-imgw {

width: auto;

object-fit: cover;

transition: transform 0.5s;

}

.news-list-item:hover .news-list-imgw {

transform: scale(1.1);

}

.news-more-link {

float: left;

width: 100%;

color: rgba(1,97,227,0.85);

font-size: 15px;

font-weight: bold;

line-height:30px;

letter-spacing:1px;

}

.news-list-item a:hover {

color: #F30011;

transition: transform 0.5s;

}



/*人才招聘*/

.rlzplist .clearfix {display: block;}

.rlzplist ul li{ min-height:46px; line-height:46px;margin-top:2%}

.nrczp_t{display: -webkit-box;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: justify;

-ms-flex-pack: justify;

justify-content: space-between; padding:0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius:5px; cursor:pointer; background:#fff url(../images/rjia.png) no-repeat right 14px}

.zpinfo{padding:2%;background:#fff;line-height:22px;}

.zpinfo span{margin-top:2px;font-size:14px;line-height:22px;}

.zpinfo p{margin-top:2px;font-size:14px;line-height:22px;}

.rlzplist ul li.active{ }

.rlzplist ul li.active .nrczp_t{ color:#fff; background:#4863c6 url(../images/rjian.png) no-repeat right 14px}

.dn {display: none;}

/*单页*/

.page{float:left;width:100%;}

.pageinfo{font-size:14px;padding:2%; background:#fff;}

.pageinfo p{line-height:1.8;}

/*新闻详情*/

.erjnr{float:left;width:100%;background-color:#fff;padding:20px;}

.erji-content-div{position: relative;}

.danpian-h1{font-size: 28px;line-height: 1.6;color:#333;text-align: center;}

.danpian-h2{font-size: 14px;line-height: 1.6;color:#999;text-align: center;border-bottom: 1px solid #eee;padding: 10px 0 15px;}

.danpian-con{font-size: 14px;line-height: 2;padding: 20px 0 20px;}

.danpian-con *{font-size: 14px!important;line-height: 2!important;}

.danpian-con img{display: block;margin:15px auto!important;}

.danpian-con img[src*="fileTypeImages/icon"] {display: inline-block;margin: 0;}

.ar_fot{float:left;width:100%;border-top:1px solid #e8e8e8;padding-top:1rem;}

.ar_fot .fl{float:left;width:100%;line-height: 2;}

.ar_fot .fl a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ar_fot .fl a:hover span{color:#b71d35;cursor:pointer;}

/*资质荣誉*/

.nydjmain{float:left;width:100%;}

.nydjmain .nycslist li{ float:left; width:24.25%; margin-right:1%; background:#fff; margin-top:1%; transition:all 300ms}

.nydjmain .nycslist li:nth-child(4n+0){ margin-right:0}

.nydjmain .nycslist li dt{float: left;width:100%;}

.nydjmain .nycslist li dt img{width:100%;height:400px;}

.nydjmain .nycslist li dd{background:#F7F8FC; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; font-size:15px; white-space:nowrap;text-overflow: ellipsis;overflow: hidden; text-align: center; transition:all 300ms}

.nydjmain .nycslist li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.2)}

.nydjmain .nycslist li:hover dd{ background:#e30502; color:#fff}

/*典型客户*/
.kehumain{float:left;width:100%;margin-top:2%;}
.kehumain ul{float:left;width:100%;border-left:1px solid #D9DCFE;border-bottom:1px solid #D9DCFE;}
.kehumain .khlist li{ float:left; width:16.6666%;border-right:1px solid #D9DCFE;border-top:1px solid #D9DCFE;overflow: hidden; background:#fff;transition:all 300ms;}

.kehumain .khlist li:nth-child(6n+0){}

.kehumain .khlist li dt{float: left;width:100%;height:110px;display:flex;justify-content:center;align-items:center; text-align:center; padding:5%;}

.kehumain .khlist li dt img{width:auto;height:auto;transition: transform 0.5s;}

.kehumain .khlist li:hover img{transform: scale(1.05);}

/* Footer */
footer {
float: left;
width: 100%;
background: #1a1a2e;
color: white;
padding: 3% 0 1% 0;
}

.footer-content {
float:left;
width:100%;
margin-bottom:4%;
}

.footer-section{
float:left;
width:12%;
}

.footer-section:nth-child(3){
width:25%;
}

.footer-section h4 {

float: left;

width: 100%;

padding-bottom: 10px;

}

.footer-section h4 span{

float:left;

width:100%;

font-size:15px;

color:#FFFFFF;

line-height:28px;

text-align:left;

padding-bottom:5px;

}
.footer-section h4 span:hover{
color: #d0021b;
}

.footer-section h4 i{

float: left;

width: 130px;

border-bottom: 1px solid #6F727A;

}

.footer-section h4 i::before {

content: "";

display: block;

width: 0;

height: 0;

margin-left: 10px;

border-left: 5px solid transparent;

border-right: 5px solid transparent;

border-bottom: 7px solid #6F727A;

}

.footer-links {

float:left;

width:100%;

list-style: none;

}

.footer-links li {

float: left;

width: 100%;

line-height: 30px;

}

.footer-links a {

font-family: PingFang SC-Regular, PingFang SC;

font-size: 14px;

color: #ccc;

text-align: left;

font-style: normal;

text-transform: none;

transition: color 0.3s;

transition: color 0.3s;

}

.footer-links a:hover {

color: #d0021b;

}

.footer-linksjjfa {

float:left;

width:100%;

list-style: none;

}

.footer-linksjjfa li {

float: left;

width: 48%;

line-height: 30px;

}

.footer-linksjjfa a {

font-family: PingFang SC-Regular, PingFang SC;

font-size: 13px;

color: #ccc;

text-align: left;

font-style: normal;

text-transform: none;

transition: color 0.3s;

}

.footer-linksjjfa a:hover {

color: #d0021b;

}

.footer-logo{

float:right;

width:13%;

text-align:center;

}

.logo-text{

float:left;

}

.logo-text a img{

width:auto;

}

.qr-codes {

float:left;

display: flex;

gap: 15px;

margin-top: 20px;

}

.qr-code {

text-align: center;

}

.qr-code img {

width: 100%;

}

.qr-code p {

font-size: 13px;

margin-top: 5px;

color: #ccc;

}

.foot-button{

float:left;

width:100%;

margin-top: 10px; 

padding: 10px 20px; 

font-size: 14px;

background-color:#F30011;

color:#fff;

}

.copyright {

float: left;

width: 100%;

text-align: center;

padding-top: 1%;

border-top: 1px solid #333;

color: #ccc;

font-size: 14px;

}
.copyright p a:hover{color:#F30011;}

/*分页*/

.pagination {
float:left;
width:100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 2%;
}

.pagination li {
background: none;
border: 1px solid #ddd;
height: 28px;
line-height:26px;
width: 42px;
text-align: center;
cursor: pointer;
margin: 0 5px;
color: #666;
font-size: 14px;
}
.pagination li.active{
background-color: #ddd;
}
.pagination li:hover{
background-color: #ddd;	
}
.pagination li span {
color: #666;
}
.pagination .pagination_info{
float:left;
width:100%;
text-align:center;
font-size:15px;
padding-top:2%;
}

@media (max-width: 768px) {

#header{ display:none;}

#m_header{display:block;padding:0 10px;}

#m_header #m_logo img{width:100%;}

#nav_btn_box{ display:block;}

.container{width:100%;}

.banner{padding:0 2%;}

.banner h2{font-size:18px;margin:40px 0 10px 0;}

.banner h1{font-size:22px;}

.banner p{font-size:14px;width:100%;}

.btn-banner{padding:6px 25px;margin: 20px 0 40px 0;}

.nydjmain .nycslist li{width:49%;}

.nydjmain .nycslist li dt img{height:230px;}

.footer-section{width:31.2%;margin-right:2%;}
.footer-section:nth-child(3){width:32%;margin-right:0px;}
.footer-section h4{padding-bottom:5px;}
.footer-section h4 i{width:100%;}
.footer-linksjjfa li{width:100%;line-height:23px;}
.footer-links li{width:100%;line-height:23px;}
.footer-logo{float:left;width:100%;}
.logo-text {padding:8% 6% 0 0;}
.qr-codes{gap:15px;}
.qr-code img{width:45%;}
.all-news {padding:20px 2%;}
.all-xinwen {padding:10px 2%;}
.footer-content{margin:0 2% 2% 2%;width:96%;}
.copyright{padding:2%;}
.news-list-item{padding:10px 0;}
.news-list-content{padding-right:10px;}
.news-list-img {width: 100px;height: 80px;}
.news-list-title{font-size:15px;margin-bottom:3px;line-height:20px;}
.news-list-desc{width:100%;font-size:14px;margin-bottom:3px;}
.news-more-link {font-size: 14px;line-height: 20px;}

.danpian-h1 {font-size:16px;line-height:1.3;}

.danpian-h2{line-height:1.3;padding:10px 0;}

.ar_fot .fl{line-height:1.4;}

.ar_fot .fl a{white-space:initial;}

.traditional-industries {width:96%;margin:0 2%;padding-bottom:2%;}

.section-title{font-size:22px;margin-bottom:2%;}

.tab-btn {padding:5px;font-size:14px;}

.tab-pane.active{display: block;}

.content-icon{float:left;margin:0 2% 0 0;width:60px;height:60px;}

.content-text h3 {font-size:18px;margin-bottom:0px;}

.content-text p{margin-bottom:5px;}

.btn-group{padding-top:2%;}

.content-image {background-color:#fff;padding-top:2%;}

.new-force {padding:0 2% 2% 2%;}

.new-force .content-image {background-color:#F7F8FC;}

.new-force .tab-btn{line-height:18px;}

.ics-section{padding:2%;}

.ics-card:nth-child(1){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(2){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(3){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(4){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(5){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(6){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(7){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(8){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(9){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-card:nth-child(10){padding:5px;background-size:100%;}

.ics-card h3{font-size:16px;}

.ics-grid {display: block;}

.link-arrow{padding-bottom:15px;}

.tab-panecpaq{width:100%;}

.tab-panecpaq h1 {font-size:18px;margin-bottom:2%;line-height:24px;}

.tradition-sectiongk{padding:2%;}

.tab-content-wrappergk{min-height:240px;}

.tab-panecgk{width:100%;}
.tab-panecgk h1 {
    font-size: 18px;
    margin-bottom: 2%;
    line-height: 24px;
}
.tab-panecgk h2 {
    font-size: 16px;
}
.tab-buttonsgk {
    display: block;
}
.tab-cpcgkbtn {
    padding: 5px;
    font-size: 14px;
}
.tab-cpcgkbtn font {
    width: 20px;
}

.tradition-section{padding:2%;}

.section-headerctaq{margin:2% auto 0px;max-width:100%;}

.tab-buttons{display:block;}

.tab-panecpaq h2 {font-size:16px;}

.pane-banner {padding:5px 15px;margin-top:10px;}

.tab-cpctaqbtn{padding:5px;font-size:14px;}

.tab-cpctaqbtn font{width:20px;}

.tab-cpctaqbtn span{text-indent:0px;}

.tab-content-wrapper {min-height:240px;}

.feature-section{padding:0 2% 2% 2%;}

.section-header{margin:2% auto 2%;max-width:100%;}

.feature-grid{display:block;}

.feature-item{padding:10px;margin-bottom:2%;}

.icon-box {float:left;margin:0 2% 0 0;}

.feature-item h4 {font-size:15px;line-height:19px;margin-bottom:0px;}

.featured-cases{padding:4% 2% 2% 2%;}

.cases-header {margin-bottom:3%;}

.cases-grid{display:block;}

.case-card-content1{position:relative;padding:10% 3%;}

.case-card1{margin-bottom:2%;}

.case-card-title1 {width:80%;font-size:15px;margin-bottom:5px;line-height:24px;}

.case-card-content{padding:3%;}

.case-card-title {font-size:15px;margin-bottom:5px;line-height:24px;}

.case-card{margin-bottom:2%;}

.ics-sectionsy{padding:2%;}

.ics-cardsy:nth-child(1){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(2){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(3){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(4){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(5){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(6){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(7){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(8){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(9){padding:5px;background-size:100%;margin-bottom:2%;}

.ics-cardsy:nth-child(10){padding:5px;background-size:100%;}

.ics-cardsy h3{font-size:16px;}

.ics-gridsy {display: block;}

.link-arrowsy{padding-bottom:15px;}

.all-cases {padding:2%;}

.all-cases .section-title {font-size:22px;}

.case-list-item{padding:10px 0;}

.case-list-content{padding-right:10px;}

.case-list-title {font-size:15px;margin-bottom:3px;line-height:20px;}

.case-list-img{width:100px;height:80px;}

.case-list-desc{width:100%;font-size:14px;margin-bottom:3px;}

.view-more-linkqb{font-size:14px;line-height:20px;}

.banner-section{height:300px;margin-top:50px;}

.slide-title{font-size:26px;padding:0 2%;line-height:32px;}

.slide-desc{padding:0 2%;margin-bottom:20px;}

.btn-red{padding:5px 25px;margin-left:2%;font-size:14px;}

.slider-btn{width:40px;height:40px;}

.about-section{width:96%;margin:0 2%;padding-bottom:1%;}

.about-grid{display:block;}

.about-text h3 {font-size:16px;margin-bottom:10px;line-height:1.5;}

.about-text p{font-size:14px;}

.stats-grid{float:left;width:100%;margin-top:2%;}

.stat-num .number1{font-size:35px;}

.product-section{padding:2%;}

.product-grid{display:block;}

.product-card{float:left;width:100%;height:450px;margin:0 0 1% 0;}

.product-over{padding:10px;}

.product-card:nth-child(1)::before{background-size:100%;}

.product-card:nth-child(2)::before{background-size:100%;}

.product-card:nth-child(3)::before{background-size:100%;}

.product-card:nth-child(4)::before{background-size:100%;}

.product-over .product-title{font-size:17px;}
.product-over p{width:100%;font-size:13px;}

.product-overlay{padding:0 5px;}

.product-list{font-size:14px;}

.product-list li{line-height:20px;padding-bottom:0px;}

.solution-section{padding:0 2% 2% 2%;}

.sol-title {font-size:14px;line-height:17px;margin-bottom:5px;}

.solution-card{width:49.5%;height:180px;}

.solution-card:nth-child(2n){margin-right:0px;}

.sol-desc{font-size:13px;}

.sol-icon{margin-bottom:10px;}

.honor-section{padding:2%;}

.honor-text{width:100%;}

.honor-text p{font-size:14px;line-height:20px;}

.honor-stats{margin:0px;}

.h-num{font-size:15px;}

.h-num .number1{font-size:35px;}

.h-stat{float:left;width:50%;margin-bottom:30%;}

.contact{padding:3% 2%;}

.contact-content{display:block;}

.contact-form{float:left;width:100%;padding:10px;}

.contact-info-section strong{padding:1% 0 2% 0;}

.contact-info-section h3{font-size:16px;line-height:22px;}

.contact-details{margin:15px 0;}

.contact-item{gap:8px;}

.contact-info{font-size:15px;}

.contact-form h4{font-size:18px;}

.form-group input, .form-group textarea{width:92%;font-size:14px;}

.form-group textarea{height:80px;}

.submit-btn{padding:8px 10px;font-size:14px;}

.foot-button{padding:8px 10px;}
.kehumain{margin-top:0px;}
.kehumain .khlist li{width:33.33%;}
.kehumain .khlist li dt{height:80px;}
.pagination li{width:35px;}
}

@-webkit-keyframes enter {

    0% { opacity: 0; transform:translateY(-100%); }

    100% { opacity: 1;  transform: translateY(0px); }

}

@keyframes enter {

    0% { opacity: 0; transform:translateY(-100%); }

    100% { opacity: 1; transform: translateY(0px); }

}

@-webkit-keyframes quit {

	0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}

@keyframes quit {

   0% { opacity: 1;  transform: translateY(0px); }

    100% { opacity: 0; transform:translateY(100px); }

}