@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}
body {
font-size:16px;
 font-family:"Microsoft YaHei", verdant, tahoma;
    color:#333;
	font-weight: normal;
	margin:0;
	text-decoration: none;
	line-height:27px;
}
a {
	text-decoration:none; font-family:"Microsoft YaHei", verdant, tahoma;
    color:#333;font-weight: normal;
}
a:hover {
	color:#197594;
}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1683621559953') format('woff2'),
       url('iconfont.woff?t=1683621559953') format('woff'),
       url('iconfont.ttf?t=1683621559953') format('truetype');
}
@font-face {
  font-family: 'iconfont2';
  src: url('iconfont.woff2?t=1685091410837') format('woff2'),
       url('iconfont.woff?t=1685091410837') format('woff'),
       url('iconfont.ttf?t=1685091410837') format('truetype');
}


.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 27px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hz {
	width:80%;
	margin: 0 auto;max-width:1920px;
}
.hza {
	width:80%;
	margin:80px auto;max-width:1920px;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.hz-top-one{margin-top:10px;}
.hz-top-two{margin-top:20px;}
.hz-top-san{margin-top:30px;}
.hz-top-s{margin-top:40px;}
.hz-top-w{margin-top:50px;}
.hz-top-b{margin-top:80px;}

.hz-bottom-one{margin-bottom:10px;}
.hz-bottom-two{margin-bottom:20px;}
.hz-bottom-san{margin-bottom:30px;}
.hz-bottom-s{margin-bottom:40px;}
.hz-bottom-w{margin-bottom:50px;}
.hz-bottom-b{margin-bottom:80px;}

.txhz{display: flex;
 justify-content: space-between;
 align-items: center;}
 
 .txhz-j{display: flex;
 justify-content: space-between;
}
.txhz-k{ display: flex; flex-wrap: wrap;}

.logo{margin:5px 0;}
.logo img {height:65px;}
.logo1{display:block;}
.logo2{display:none;}
.top-pc{position:fixed; z-index:99; top:0;left:0;width:100%;}
.top-pc.active{	background:#197594; }
.top-pc.active .mainbav .memu.active>a, .mainbav .memu:hover>a ,.top-pc.active .mainbav .memu>a ,.top-pc.active .set {
color:#fff;}
.top-pc.active .set img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.top-pc.active .logo1{display:none;}
.top-pc.active .logo2{display:block;}
.top-pc.active .sousuo_an img{-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}
.top-pc.active .mainbav .memu.active>a, .mainbav .memu:hover>a{ color: #ff9900;}






.top-hz {
	position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav {display: inline-block;
    box-sizing: border-box;
    vertical-align: bottom;
}

.mainbav li { float: left; position:relative;display:block;}
.mainbav li.menu2 .erji_dh{left:0;right:0; width:100%;}
.mainbav li.menu2{position: static;}

.mainbav .memu>a {position:relative;
    line-height:80px;display:block;
    padding:0 25px; font-weight: bold;}
.mainbav .memu>a:after{ content:""; position: absolute;width: 0;height:3px;bottom: 0;left: 50%;-webkit-transition:all .4s;transition:all .4s; background-color:#ff9900; }
.mainbav .memu>a:hover:after{width: 100%;left: 0;}
.mainbav .memu>a:hover {color:#ff9900 !important;text-decoration:none;}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
      color:#ff9900;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    z-index:9999;
    width:300px;border-radius:10px;
      background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding:10px 0;display: none;
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
    padding:10px 0;
    text-align: left;
}

.mainbav ul li ul li a {
    display: block;
    padding:0 30px;
}




.index-fr{position: static;}


.index-yyl {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	line-height:80px;
}

.nav1{display: flex;
    justify-content: space-between;position: relative;
    align-items: center;}
.new {
	width:145px;
	position: absolute;
	z-index: 999;
	display: none;
	top:80px; -webkit-box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 25.5px 4.5px rgba(0, 0, 0, 0.06);
background:#fff;margin-left:-25px;text-align:center;border-radius:8px;}
.new a{font-size:15px;}

.set{font-size: 15px;}
.set img{margin-top:30px; margin-right:8px; float: left;}
.nav1 ul {padding:10px 0;}
.nav1 ul li {padding:5px;}

.sousuo { display: inline-block; box-sizing: border-box; vertical-align: bottom; line-height:80px; position: relative; z-index: 1; transition: all 0.5s; }
.sousuo .sousuo_an { width:55px; height:80px; display: table-cell; vertical-align: middle; cursor: pointer; transition: all 0.5s; padding-left: 10px; }
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top:100px;
	z-index: 10;
}
.sousuo .ssk {
	width:30%;
	overflow: hidden;
	margin: 0 auto;


}
.sousuo .ssk .input_txt {
	width:78%;font-size:15px;
	height:52px; font-family:"Microsoft YaHei", verdant, tahoma;
	float: left; border:2px solid #197594;border-top-left-radius:25px;border-bottom-left-radius:25px;
    padding:0 25px;

}
.sousuo .ssk .input_btn {
	width: 22%;
	float: right;font-family:"Microsoft YaHei", verdant, tahoma;
line-height:52px;font-size:15px;
	border:none;color:#fff;
	background:#197594; 
	cursor: pointer;border-top-right-radius:25px;border-bottom-right-radius:25px;
}
 input,textarea {
	outline:none;
 }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #333; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #333;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #333;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #333;
}
.p-show {
	display: block !important;
}

.index-get{display:inline-block;margin-left:10px; }
.index-get img{float:left;padding-top:6px;padding-right:10px;}
.home-more {
    background:#fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding:6px 25px;
    border-radius:25px;text-align:center;
}

.home-more:hover{ background-color:#fff;color:#333;}

/*banner*/
.block_home_slider {max-width:1920px;margin:0 auto;
	height: auto;
	position: relative;
	line-height: 0px;
	text-align: center;}
	
	.block_home_slider img{
		width:100%;
		height:auto;
		}
	
	/*底部小图标*/
.block_home_slider .slide {
	position: relative;
	overflow: hidden;
}
.block_home_slider .flex-direction-nav a {
	width: 45px;
	height: 50px;
	display: block;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left: 0;
	background: url(../images/jt1.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right: 0;
	background: url(../images/jt2.png) no-repeat;
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0 5px;
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a{width:10px; height:10px; display:block; background:#fff; text-indent:-9000px; position:relative; overflow:hidden;cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px; background:#197594;border-radius:6px;}

.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%; }

#home_slider2{display:none;}

.top_sj { display:none; }
 
 
  /* 统计模块容器：缩小内边距 */
        .stats-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
           
            padding: 20px 10px; /* 原 40px 20px → 缩小为 20px 10px */
        }
        /* 单个统计项：缩小左右间距 */
        .stat-item {
            text-align: center;
            flex: 1;
            padding: 0 10px; /* 原 20px → 缩小为 10px */
        }
        /* 数字与文字的间距 */
        .stat-number {
            font-size:3.5rem;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 10px; /* 原 12px → 缩小为 8px */
        }
        .stat-label {
            font-size: 1.4rem;
            color: #666666;
            line-height: 1.4;
            letter-spacing: 0.5px;
        }
        /* 响应式适配 */
		     @media (max-width: 1200px) {
				  .stat-number {
                font-size:2.8rem;
            }
			 }
        @media (max-width: 960px) {
            .stats-container {
                flex-wrap: wrap;
                gap: 20px; /* 原 30px → 缩小为 20px */
            }
			  .stat-label {
            font-size: 1.2rem;}
            .stat-item {
                flex: 1 1 40%;
            }
            .stat-number {
                font-size: 3rem;
            }
        }
        @media (max-width: 576px) {
            .stats-container {
              
                align-items: flex-start;
                gap: 25px; /* 原 40px → 缩小为 25px */
                padding: 15px 10px;
            }
           
            .stat-number {
                font-size:2.5rem;
                margin-bottom: 5px;
            }
            .stat-label {
                font-size: 1.2rem;
            }
        }
		
		
		


        /* 头部区域 */
        .tech-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom:50px;
            gap: 40px;
        }

        .tech-title {
            flex: 1;
        }

    
  .demo-btn {
            margin-top: 30px;
            padding:12px 35px;
            background-color: #ffb02e;
            border: none;
            border-radius:25px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .demo-btn:hover {
            background-color: #ff9900;
        }
  .index-gshj-bj{ position: relative;padding-top:5px;}
  
  .index-gshj-bj:after {
    content: "";
    position: absolute;
    left: 0;
    background: #197594;
    width: 100%;
    height: 70%;
    top:0;z-index:-1;}

        .tech-desc {
            flex: 1;

        }

        /* 卡片容器 */
        .tech-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .tech-card {
            position: relative;
            border-radius: 16px;
            overflow: hidden;
    
            cursor: pointer;
        }

        .tech-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .tech-card:hover img {
            transform: scale(1.05);
        }

        /* 核心修改：黑色遮罩只占图片下半部分 1/2 高度 */
        .card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50%;      /* 高度 = 图片的 1/2 */
            padding: 30px 25px;
            background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }

        .card-title {
            font-size: 26px;
            font-weight: 600; color: #fff;
        }

        .arrow-icon {
            font-size: 28px;
            color: #ffffff;
            transition: transform 0.3s ease;
        }

        .tech-card:hover .arrow-icon {
            transform: translateX(5px);
        }

        /* 响应式适配 */
        @media (max-width: 1200px) {
         
         .tech-desc{font-size:16px;}
        }

        @media (max-width: 992px) {
            .tech-header {
                flex-direction: column;
            }
			
            .tech-cards {
                grid-template-columns: repeat(2, 1fr);
            }
          
        }

        @media (max-width: 768px) {
          
            .tech-cards {
                grid-template-columns: 1fr;
            }
           
            .demo-btn {
                padding: 12px 25px;
                font-size: 15px;
            }
			.tech-desc{font-size:16px;}
        }
		
		
		   /* 主容器 */
        .tech-section2 {}

        /* 顶部小标题 */
        .section-subtitle {
              font-size: 22px;
            color: #666;
            letter-spacing: 0.5px;
            margin-bottom: 15px;
        }

        /* 主标题 */
        .section-title {
            font-size: 45px;
  		  line-height: 1.3;
            font-weight: 700;
            margin-bottom: 60px;
        }

        /* 内容容器：文字+图片 */
        .content-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: start;
        }

        /* 时间线容器 */
        .timeline-list {
            position: relative;
            padding-left: 40px;
        }

        /* 时间线竖线 */
        .timeline-list::before {
            content: '';
            position: absolute;
            left: 12px;
            top: 0;
            height: 100%;
            width: 2px;
            background-color: #e0e0e0;
            transition: all 0.3s ease;
        }

        /* 时间线项目 */
        .timeline-item {
            position: relative;
            margin-bottom:50px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        /* 时间线圆点 */
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -38px;
            top: 6px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #ffb02e;
            border: 4px solid #ffffff;
            box-shadow: 0 0 0 2px #e0e0e0;
            z-index: 2;
            transition: all 0.3s ease;
        }

        /* 时间线竖线激活状态 */
        .timeline-item.active::after {
            content: '';
            position: absolute;
            left: -28px;
            top: 20px;
            height: calc(100% + 40px);
            width: 2px;
            background-color: #ffb02e;
            z-index: 1;
        }

        /* 标题样式 */
        .timeline-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 15px;

            transition: all 0.3s ease;
        }

        /* 描述文字 */
        .timeline-desc {
            font-size: 18px;

            color: #666;
            display: none; /* 默认隐藏 */
        }

        /* ============= 核心交互效果 ============= */
        /* hover 效果 */
        .timeline-item:hover .timeline-title {
            color: #ff9900;
            transform: translateX(6px);
        }
        .timeline-item:hover::before {
            transform: scale(1.2);
            background-color: #ff9900;
        }

        /* 点击激活效果 */
        .timeline-item.active .timeline-title {
            color: #ff9900;
            font-weight: 700;
        }
        .timeline-item.active .timeline-desc {
            display: block; /* 激活显示描述 */
            animation: fadeIn 0.4s ease;
        }
        .timeline-item.active::before {
            background-color: #ff9900;
            box-shadow: 0 0 0 2px #ffb02e;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 图片容器 */
        .image-container {
            border-radius: 16px;
            overflow: hidden;
   
        }
        .image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 响应式 */
        @media (max-width: 992px) {
            .content-wrapper {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .image-container {
                order: -1;
          
            }
			   .timeline-title {
            font-size: 22px;}
        }
   
	 @media (max-width:580px) {  
	 .timeline-title { font-size: 20px;}
	.timeline-desc {font-size: 16px;}
.section-subtitle {  font-size:20px;}
		}	

		
.index-products-more{text-align:center;}
.index-products-more a{font-size:24px;color:#197594;}
.index-products-more a:hover{ text-decoration:underline;}
.index-Professional-bj{background:url(../images/bj.jpg) center ;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}


.index-title{ font-size: 36px;
    line-height: 43px;font-weight:bold;text-align:center;}
.index-title-ms{ color: #666;
    margin-top: 30px;
    font-size: 18px;
    text-align: center;}

.top-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 50px;
}

.top-head h2 {
    font-size: 42px;
    line-height:55px;
}
.top-head h2 p{font-size:24px;font-weight:normal;}
.view-btn {
  
    padding: 12px 32px;
    border-radius: 50px;
    background: transparent;
font-size:18px;
    cursor: pointer;
    transition: 0.3s;    border: 2px solid #197594;
    color: #197594;
}
.view-btn:hover {
    background: #fff;

}
.view-btn::after {
            content: "→";
            font-size: 18px;
        }

/* 布局 */
.main-wrap {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 40px;
}

/* 左侧菜单 */
.left-nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.nav-item {border-bottom: 2px solid #197594;
    padding:15px;
    border-radius:15px;
 font-size:18px;
    cursor: pointer;
    transition: 0.3s;
}
.nav-item.active {
    background: #197594;
    color: #fff;
}


/* 产品盒子 */
.product-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.pro-group {
    display: none; /* 默认隐藏 */
}
.pro-group.active {
    display: contents; /* 显示当前组，保持网格布局 */
}
.pro-item-hz{background:#fff; border-radius:16px;overflow: hidden;}
.pro-item {overflow: hidden;}
.pro-item img { 
    width: 100%;
    height: 100%; object-fit: cover;transition: all .8s ease;
    display: block;
}
.pro-item img:hover{transform: scale(1.06);}
.pro-name {font-size:20px; padding: 35px 20px 50px 20px;}

/* 响应式 */
@media (max-width:1200px){ 
.product-box{grid-template-columns: repeat(2,1fr);}
.nav-item{font-size:18px;}
.top-head h2 {
    font-size: 32px;
    line-height: 40px;}
	 .top-head h2 p{font-size:22px;}
	 .view-btn{font-size:16px;}
	 .pro-name{font-size:20px;}
}
@media (max-width:992px){
    .main-wrap{grid-template-columns: 1fr;}
    .left-nav{flex-direction: row;flex-wrap: wrap;margin-bottom: 30px;}

    .nav-item.active{background:#fff;color:#111;}
    .product-box{grid-template-columns: repeat(2,1fr);}
}
@media (max-width:580px){
    .product-box{grid-template-columns: 1fr;}
    .top-head h2{font-size:28px;line-height:35px;}
	 .top-head h2 p{font-size:18px;}
}

  
  /* 服务网格 */
        .service-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
        }

        /* 服务项 ========== 核心交互在这里 ========== */
        .service-item {
            display: grid;
            grid-template-columns: 1fr 1fr;
            background-color: #f8f8f8;
            overflow: hidden;
            border-radius: 8px;
            transition: all 0.35s ease;
            cursor: pointer;
            position: relative;    border: 1px solid #e9e9e9;
        }

        /* 卡片悬浮效果 */
        .service-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.1);
            background-color: #fff;
        }

        /* 图片放大效果 */
        .service-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.45s ease;
        }
        .service-item:hover .service-img {
            transform: scale(1.08);
        }

        /* 文字区域 */
        .service-content {
            padding: 40px 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: padding 0.3s ease;
        }
        .service-item:hover .service-content {
            padding-left: 35px;
        }

        .service-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom:20px;
         
            transition: color 0.3s ease;
        }
        .service-item:hover .service-title {
            color: #197594; /* 标题变橙色 */
        }

        .service-desc {
    text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 
   color: #666666;
            margin-bottom: 25px;
        }

        /* 查看更多交互 */
        .view-more {
            font-size: 16px;
            color: #1a1a1a;
            font-weight: 600;
            text-decoration: underline;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
        }
        .view-more::after {
            content: ' →';
            opacity: 0;
            transition: all 0.3s ease;
        }
        .service-item:hover .view-more {
            color: #ff9500;
            letter-spacing: 0.5px;
        }
        .service-item:hover .view-more::after {
            opacity: 1;
            margin-left: 4px;
        }

        /* 响应式适配 */
        @media (max-width: 1200px) {
            .service-section { padding: 50px 40px; }
        }
        @media (max-width: 992px) {
            .service-grid { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            .service-section { padding: 40px 20px; }
            .service-item { grid-template-columns: 1fr; }
            .service-img { height: 250px; }
            .section-header h2 { font-size: 28px; }
        }



.index-news-hz{padding-top:35px;}

.index-new-left-nr{margin:30px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.index-news-nr{margin-right:-3%; margin-top: 50px;display: flex; flex-wrap: wrap;}
.index-news-nr-left{width:30.3%; margin-right:3%;float:left;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-news-nr-left:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.index-news-nr-left-title{margin-top:10px; font-size:20px;font-weight: bold; }
.index-news-nr-left-rq{font-size:15px;color:#666;}
.index-news-nr-left-rq img{float:left;width:18px;margin-right:6px;margin-top:3px;}
.index-news-nr-left-nr{color: #444B54;margin:20px 0;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;   }
.index-news-nr-pic img{border-radius:10px;}
.index-news-nr-left-more{text-decoration: underline; color:#197594;}

 /* 合作伙伴网格布局 */
.partner-list {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 25px;
}
/* 单个伙伴盒子 */
.partner-item {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;margin-bottom: 30px;
}
.partner-item img {
max-width: 100%;
    max-height:90px;
    object-fit: contain;
 
    transition: all 0.3s ease;
}
/* 悬浮交互效果 */
.partner-item:hover {
    transform: translateY(-6px);


}
.partner-item:hover img {
    filter: grayscale(0);
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .partner-list {
        grid-template-columns: repeat(4,1fr);
    }
}
@media (max-width: 768px) {
    .partner-list {
        grid-template-columns: repeat(3,1fr);
    }
}
@media (max-width: 480px) {
    .partner-list {
        grid-template-columns: repeat(2,1fr);
    }
}


/*----底部----*/
.foot {background:#212121;overflow: hidden;color:#dadada;padding-top:60px;}

.foot-box{width:55%;}

.foot-menu2{float:left;width:50%;padding:0 5%;}
.foot-contact-nr2{margin-top:30px;}
.foot-contact-nr2 ul{display: flex;flex-wrap: wrap;}
.foot-contact-nr2 li{width:100%;float:left;margin-bottom:12px;position:relative;padding-left:15px;}
.foot-contact-nr2 li:before {
    width:5px;
    height:5px;border-radius: 50%;
  background:#197594;
    position: absolute;
    left: 0;
    top:12px;
    content: "";
}
.foot-contact-nr2 li a{color:#dadada;}
.foot-contact-nr2 li a:hover{color:#197594;}

.foot-contact-hz{float:left;padding-top:15px;}

.foot-contact-wb li{margin-bottom:12px;overflow:hidden;position:relative; padding-left:25px;}
.foot-contact-wb li .iconfont-dh{color: #197594;display:block;float:left;position:absolute;z-index:1;left:0;top:12px;transform:translate(0%,-50%); }
.foot-contact-pic img{width:15px;-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);  opacity:0.8;}


.foot-contact-title{ font-size:20px;color: #fff;font-weight: bold;}
.foot-contact-title img{margin-left:10px;}

.foot-follow-pic li{text-align:center; margin-right:10px;float:left;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.foot-follow-pic li:hover{transform:translateY(-6px); -webkit-transform:translateY(-6px);}

.foot-ewm{width:15%;}
.foot-ewm-pic{float:left;text-align:center;}
.foot-ewm-pic img{width:115px;}


.foot-bq{padding:20px 0;overflow:hidden;border-top:1px solid #3f3f3f;margin-top:60px;}
.foot-bq a{color:#f2f4f6;}
.foot-bq a:hover{color:#197594;}



.ny-banner-hz{ position:relative; }

.tabs {color:#fff;
   position: absolute;
		right:0;text-align:center;
        left: 0;z-index:1;top:50%;transform:translate(0%,-50%);  }

.tabs-wz {
  position: absolute;
        bottom: 0;
       z-index:1; }

.tabs-wz ul {
        width: 100%;  
        display:block;  padding-bottom:15px;
    }

.tabs-wz ul li {margin-right:10px;display:inline-block;}

.contact-x{position:relative;}
.contact-x:after {
    content: "";
    position: absolute;
    background:100%; left:0;background:#e3e7f2;
    height:1px;bottom:0;width:100%;z-index:-1;
   }

.contact-menu{margin-top:40px;}
.contact-menu ul{display: flex; flex-wrap:wrap;}
.contact-menu li{padding-bottom:28px;float:left;margin-right:4%;position:relative;}
.contact-menu li a{font-size:18px;font-weight: bold;}
.contact-menu li:hover,.contact-menu li a.on {color:#197594;}
.contact-menu li a.on:before {
    width:10px;
    height:10px;
    border-radius: 50%;
    border:3px solid #197594;
    position:absolute;
   left:50%;transform:translate(-50%,0);
    bottom:-7px;
    content: "";background:#fff;
}

.index-about-left{width:47%;}
.index-about-right{width:47%;}
.index-about-right img{border-radius:20px;}
.about-nr{color:#666;}


.about-zzry-bj{  background: url(../images/fabg.jpg) center;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}


.Certificates-hz-wb{padding-top:20px;text-align:center;font-size:18px;}
.Certificates-hz{display:block; overflow:hidden;border-radius:15px;}

.Certificates-hz img{ border-radius:15px;transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.Certificates-hz img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }



 /* 容器 */
        .concept-container {  
            display: grid;
            grid-template-columns: repeat(2, 1fr);
       
        }
        /* 单个卡片 */
        .concept-card {
            padding:50px;
            border: 1px solid #e5e5e5;
            display: flex;
            align-items: flex-start;
            gap: 24px;
            background-color: #fff;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        /* 悬浮交互效果 */
        .concept-card:hover {
            background-color: #ff9900;
    
        }
        /* 图标容器 */
        .concept-icon {
            width:60px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;
        }
        .concept-card:hover .concept-icon {
            transform: scale(1.1) rotate(5deg);
        }
        /* 文字内容 */
        .concept-content {
            flex: 1;
        }
        .concept-title {
            font-size:24px;
            font-weight: 700;
            margin-bottom: 25px;
            transition: color 0.3s ease;
        }
        .concept-card:hover .concept-title, .concept-card:hover .concept-desc{
            color: #fff;
        }
		
.concept-card:hover .concept-icon{-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}
      .concept-desc{font-size:17px;color:#666;}
        /* 价值观列表 */
        .value-list {
            list-style: none;
        }
    
        /* 响应式适配 */
		
		 @media (max-width: 1200px){
		 .concept-title { font-size: 26px; }
			.concept-icon { width: 55px;}
				 }
        @media (max-width: 992px) {
            .concept-container {
                grid-template-columns: 1fr;
            }
            .concept-card {
                padding: 32px 24px;
            }
            .concept-title {
                font-size: 22px;
            }
			  .concept-desc {
                font-size: 16px;
            }
        }
        @media (max-width: 576px) {
       
            .concept-card {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 16px;
            }
            .concept-title {
                font-size: 22px;
            }
          
        }



.qywh-bj{ position: relative;padding-top: 10px;}
.qywh-bj:after {
    content: "";
    position: absolute;
    left: 0;
    background: #197594;
    width: 100%;
    height: 70%;
    top:0;z-index:-1;}

/*联系我们*/
.contact-left{width:38%;}
.contact-left li{margin-bottom:30px;overflow:hidden;}
.contact-left-hm{position:relative; padding-left:35px;}
.contact-left-hm .iconfont-contact{position:absolute;z-index:1;left:0;top:15px;transform:translate(0%,-50%);}
.contact-left-hm p{font-size:20px;margin-bottom:5px;}
.contact-left-hm a{font-size:18px;}
.contact-right{width:55%;border-radius:5px; box-shadow: 0px 30px 50px 0px rgba(7.999999999999998, 2.000000000000002, 33, 0.1);padding:4%;}
.red{color:#ff0000;margin-left:5px;}


 input,textarea {
	outline:none;
 }
.soka{ width:100%;padding:10px;border:1px solid #d1d1d1; border-radius:5px;margin-bottom:15px; font-family:"Microsoft YaHei", verdant, tahoma;
font-size:16px; }
.sokb{font-family:"Microsoft YaHei", verdant, tahoma;
border:1px solid #d1d1d1; padding:10px;margin-bottom:20px;font-size:16px;border-radius:5px; width:100%;}

.elementor-field{font-size:16px;}

.tj{ width: 100%;
    border:none;
    line-height:45px;
    text-align: center;
    color: #fff;
    background: #197594;
    cursor: pointer;
    font-size: 18px;
border-radius:5px;font-family:"Microsoft YaHei", verdant, tahoma;
 }
.tj:hover{ background:#ff9900;}
.soka:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999; 
}

.soka:-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999;
}



.khjz_bj{width:100%;}
.khjz_dkj{position:relative;}
.Certificates .item{margin:0 15px; display:flex !important; flex-wrap: wrap;}

.gshj .item{margin:0 15px;}

/* display none until init*/
.owl-carousel{display:none; width: 100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display: none;display: flex !important; flex-wrap: wrap;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{display: flex !important; flex-wrap: wrap; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{text-align: center;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* fix*/
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}


.owl-carousel .owl-controls {
	width: 100%;
	z-index: 11;margin-top:30px;
}
.owl-carousel .owl-controls .owl-buttons div {
display: inline-block;
	zoom: 1;
*display:inline;
	width:45px;
	height:45px;
	text-indent: -9999px;
	transition: .35s;
	bottom: -50px;
    font-size: 0;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
	background: url(../images/jtl02.png) center no-repeat;
	overflow: hidden;margin:0 30px;

}
.owl-carousel .owl-controls .owl-buttons .owl-next {
	background: url(../images/jtr02.png) center no-repeat;
	overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
	background: url(../images/jtl03.png) center no-repeat;
	overflow: hidden;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
	background: url(../images/jtr03.png) center no-repeat;
	overflow: hidden;
}


.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}
.owl-carousel .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
*display: inline;/*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page.active span, .owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/

}
.owl-carousel .owl-controls .owl-page span.owl-numbers {
	height: auto;

	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.index-products-zs{position:absolute;z-index:1;top:0; right:0;  }



.ny-news-nr{float:left;position:relative; }

.ny-news-nr-hz{background:#fff;transition:transform 0.5s; -webkit-transition:transform 0.5s;margin-bottom:50px;overflow:hidden; box-shadow:0 7px 49px 2px #edeff2;}
.ny-news-nr-hz:hover{transform:translateY(-6px); -webkit-trafont-size:0;}
.ny-news-nr-hz:hover .ny-news-nr-left-title{ color: #197594;}
.ny-news-nr-hz a{display: flex;
 justify-content: space-between;
 align-items: center;}
.ny-news-nr-left{width:73%;padding:3%;}
.ny-news-nr-pic{width:25%;}
.ny-news-nr-left-title{margin-bottom:25px;font-size:24px;font-weight:bold;}

.news-nr-left-content{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;color:#666;}

.hover-k{ position:relative;}
.hover-k:after{ position: absolute; content: ""; width: 100%;height:4px; background:#197594; left: 0; bottom: 0; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{transform-origin: left center; transform: scaleX(1);}

.showshow-title{font-size:30px;line-height:35px;font-weight:bold;}
.showshow-nt{margin:15px 0 40px;border-top:1px solid #e2e2e2;padding-top:40px;}



.service5Box4 .items {
  display: flex;
  flex-direction: column;
  gap:50px;
}

.service5Box4 .item {
  display: flex;
    justify-content: space-between;
}

.service5Box4 .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.service5Box4 .item .content {
 width:48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.service5Box4 .item p{margin-bottom:25px;}
.service5Box4 .item .img:hover img {
  transform: scale(1.05);
}
.img img{transition: all 0.5s ease 0s;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.img {width:48%;overflow:hidden;}

.jjfa-more-hz{display: inline-block;}
.jjfa-more {
    background-color:#197594;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
      padding:8px 35px;
    border-radius:25px;text-align:center;
}
.jjfa-more:hover{ background-color:#ff9900;color:#fff;}


.index-products-bj {
    background: #f9f9f9;
    overflow: hidden;
}

.products-title-ms{color:#666;}
.ny-product-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}

.ny-product-left{ position: -webkit-sticky; position: sticky;
    top:100px;width:19%;padding:25px;border-radius:10px;box-shadow: 0 7px 49px 2px #edeff2;}	
.ny-product-left li{border-bottom:1px solid #e7e7e7;margin-bottom:15px;display: block; position:relative;}	
.ny-product-left li a{ padding:15px 15px 15px 0;display:block;font-size:18px;}
.ny-product-left li a.on{ color: #197594;}
.ny-product-right{width:78%;}

.index-pro{display:flex; flex-wrap: wrap;margin-left:-1%;margin-right:-1%;}
.index-product-box{padding:25px;}
.index-product-tilte{font-size:18px;}
.index-product-more{ text-decoration:underline;color:#197594;}


.index-pro-pic{display:block; overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;}
.index-pro-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.index-pro-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;border-top-right-radius: 15px;border-top-left-radius: 15px;}


.ny-pr-products{width:30%;float:left;margin:0 1.5% 3% 1.5%;text-align:center;background:#fff;border-radius:15px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}
.ny-pr-products:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}

.ny-products2{width:100%;float:left;margin:4% 1% 20px 1%;text-align:center;background:#fff;border-radius:15px;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.05);}
.ny-products2:hover{box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);}


.ny-product2-left{width:70%;float:left;}
.ny-product2-left-title{font-size:24px;font-weight:bold;margin-bottom:30px;}

.ny-product2-left-box{background:#f7f7f7;border:1px solid #dfdfdf;border-radius:10px;width:31.33%;margin-right:1%;margin-left:1%;float:left;margin-bottom:30px;}
.ny-product2-left-box:hover{box-shadow: 0px 0px 15px 0px rgba(4, 0, 0, 0.2);background:#009ee2;border:1px solid #009ee2}
.ny-product2-left-box:hover .ny-product2-left-bt  {color:#fff !important;}
.ny-product2-left-bt-hz{padding:30px; }
.ny-product2-left-bt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-size:18px;	font-weight:bold;}

.ny-product2-left-pic{display:block; overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;}
.ny-product2-left-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;width:100%;
-o-transition-duration: .8s;overflow:hidden;}

.ny-product2-left-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }
.news-hz{ display: flex;
    align-items: flex-start;
    justify-content: space-between;
 }
.ny-product2-hz{ display: flex; flex-wrap: wrap;justify-content: space-between; align-items: flex-start;}
 
 
.ny-product2-right{position:sticky;top:100px;width:26%;float:right;background:#fff;overflow:hidden;padding:2%;box-shadow: 1px 0px 36px rgba(1, 86, 169, 0.08);}
.ny-product2-right-title{font-size:28px;font-weight:bold;}
.ny-product2-right-hot{padding-top:40px;}
.ny-product2-right-hot-hz{margin-bottom:20px;float:left;border-bottom:1px dashed #e3e7f2;padding-bottom:20px;}

.ny-product2-right-hot-hz a{ display:flex;justify-content: space-between; align-items: center;}
.ny-product2-right-hot-hz:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.ny-product2-right-hot-pic{width:30%;float:left;display:block; overflow:hidden;}
.ny-product2-right-hot-pic img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;width:100%;}

.ny-product2-right-hot-pic img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-product2-right-hot-right{float:right;width:62%;}
.ny-product2-right-hot-right-title{ font-size: 18px;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

.productshow-bg table{border-collapse:collapse;white-space:nowrap; width: 100%;  text-align: center;}
.productshow-bg table td{padding:10px;border:1px solid #e3e3e3; width:auto;}
.productshow-bg table th{background-color:#187899;color:white;padding:12px 0;font-size:18px;}



.product-top{width:43%;}

.product-xq-sj {display:none; }	

.productshow-top-right{width:50%;}
.productshow-top-right-nr{margin:25px 0;color:#666;}
.productshow-top-Model li{float:left;margin-right:5%;}


/*分页*/
.yema{
	width: 100%;
	text-align: center;
	overflow: hidden;

}

.yema a{ display:inline-block; height:43px; line-height:43px;min-width:43px; border-radius:5px;overflow:hidden;  margin:0 3px;  text-align:center;  background:#f4f8fb;}
.yema a:hover{ text-decoration:none; color:#fff; background:#197594;}
.yema a.on{color:#fff;  background:#197594;}
.yema a.first:hover,.yema a.last:hover{background-color:#197594;}
.yema a span{ font-family: "宋体";font-size:18px;}


/*上下篇*/
#page{border-top:1px solid #e2e2e2;padding-top:30px;}
#page .next a:hover,#page .prev a:hover{ color: #197594;}


.products-title{position:relative;padding-bottom:25px;font-size:30px;line-height:35px;font-weight:bold;}
.products-title:after {
    content: "";
    position: absolute;
    background: #197594;
    width:40px; 
    height:4px;bottom:0; 
	 left: 0;
   }


.productshow-right{width:52%;}
.productshow-right-title{font-size:36px;line-height:36px;font-weight:bold;}
.productshow-right-fl{color:#b3b6b9;}
.productshow-right-ms ul{margin-left:20px;}	
.productshow-right-ms li{list-style-position: outside;list-style-type: disc;margin-bottom:5px;}
.productshow-right-ms li::marker{color:#197594; }

.content-wb{margin-top:30px;font-size:18px; color: #666;}



 .swiper-container {
      width: 100%;
      height: 100%;margin-top:50px;
    }
	.swiper-slide p{margin-top:20px;}
    .swiper-slide {
      text-align:center;
      font-size:22px;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}