/* 海报 */
.banner {z-index:1; position:relative;overflow: hidden;}
.flexslider {position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides {position:relative;}
.flex-control-nav {position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;width:90px;height:2px;margin:0 5px;*display:inline;zoom:1;position: relative;}
.flex-control-nav a {opacity: 0.5; display:inline-block;width:90px;height: 2px;overflow:hidden;background-color: #fff;cursor:pointer; text-indent: -99em;}
.flex-control-nav .flex-active {background-color: #4a4947;opacity: 1;}
.flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;display: none;}
.flex-direction-nav li a {display:block;width:58px;height:77px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev {left:50%;margin-left:-600px; background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:50%;margin-right:-600px; background:url(../images/next.png)center center no-repeat;}
.flex-direction-nav li{}
 /* 定制服务 */
        .custom-service {
            background: url('../images/ggimg.jpg') center/cover no-repeat;
            padding: 40px 10%;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .custom-text h3 {
            font-size: 20px;
            margin-bottom: 20px;
        }
        .custom-text p {
            font-size: 14px;
            line-height: 1.6; margin-bottom:15px
        }
		 .ols p {
            font-size: 14px;
            line-height: 1.6; 
        }
		.ols span{font-size: 30px; display:block;font-family: Impact;}
        .custom-btn {
            background: #ff6600;
            color: #fff;
            padding: 10px 25px;
            border-radius: 4px;
            font-size: 14px; 
        }

.product-container {
            display: flex;
            gap: 20px; margin-bottom: 50px;
        }
        .product-sidebar {
            width: 280px;
            background: #efefef;
          
            border-radius: 0px 0px 50px 50px;
            overflow: hidden;
        }
        .product-sidebar h3 {
            padding: 35px 25px 25px 25px;
           
            color: #333;
            font-size: 35px; font-weight:500
        }
        .product-sidebar ul li {
            font-size: 16px;
            color: #333;
            border-bottom: 1px solid #fff;
             position: relative;
        }
		.product-sidebar ul>li>a{color: #333; font-size: 18px; display: block;position: relative; z-index: 2; padding:25px 50px;
}
			
			.product-sidebar ul li:after,.product-sidebar ul li:before{content:'';position: absolute;left: 0;top: 0;width:0;height: 100%;background:#o0d463;z-index:-2;border-radius: 0px;}
.product-sidebar ul li:hover{z-index:1;
background:transparent;color:#fff}
.product-sidebar ul li:before {transition: .3s;background: #0066cc;Z-index:-1;}
.product-sidebar ul li:hover:after,.product-sidebar ul li:hover:before{
width: 100%;}
			.product-sidebar ul li:hover a{color:#fff}
			
			
        .product-sidebar ul li.active a{
            background: #0066cc;
            color: #fff;
        }
        .product-sidebar .call {
            padding:50px 0px 0px 0px;
            text-align: center;
            
        }
        .product-sidebar .call p { padding-top:30px;
            font-size: 30px;
            color: #000;
            font-family: Impact;
        }
        .product-grid {
            flex: 1;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
        }
        .product-card {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 0px;
            overflow: hidden; padding:10px;
        }
		.product-card:hover{background: #2861a6;}
		 .product-card .divimg{ overflow:hidden}
        .product-card img {
            width: 100%;
            
            object-fit: cover; display: block;
            transition: transform 0.3s ease;
        }
		 .product-card:hover img {
            transform: scale(1.33);
        }
        .product-card p {
            padding: 10px;
            font-size: 16px;
            color: #666;
            text-align: center;line-height:35px;
        }
        .product-card .detail-btn {
            display: block;
            width: 80px;
            margin: 0 auto 10px;
            padding: 5px;
            background: #0066cc;
            color: #fff;
            text-align: center;
            border-radius: 4px;
            font-size: 12px;
        }
		.product-card:hover  p{color:#fff}
		
		.product-card:hover  .detail-btn{
            display: block;
            width: 80px;
            margin: 0 auto 10px;
            padding: 5px;
            background: #fff;
            color: #2861a6;
            text-align: center;
            border-radius: 4px;
            font-size: 12px;
        }

.tit-ty-1 {
    text-align: center;  padding-top:25px;
}

.tit-ty-1 h2 {
    font-size:30px;
    margin-bottom: 10px;
    font-weight: 600; 
}
.tit-ty-1 h2 font{ font-weight:bold;color:#0287ce; font-size:50px}
.tit-ty-1>div {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 200;
    color: #666;
}
.tit-ty-1>span{margin:0 auto; display:inherit;width:60px;height:2px;background-color: #666;    margin-bottom: 35px;}


.about-wrapper{
	background-color: #fff;
    padding: 0px;
    width: 100%;
    height: 400px;
    min-width: 1200px;
}
.about {position: relative;color: #333;height:auto}
.about h2{color:#e6002f; font-size: 32px;}
.about .title {

	font-size: 20px; text-align:center; margin-bottom:60px;
}
.about .title .hr {
margin:0 auto;
	width: 160px;
	height: 1px;
	margin-top: 10px; margin-bottom:10px;
	background-color: #999;
}
.about .chara { padding-top:50px;
	text-align: center;
	font-size: 16px;color:#9b9b9b;line-height:40px;
}
.about .sz {
	position: absolute;
	top: 170px;
	font-size: 60px;
	color: #333;
	font-weight: 700;
	text-align: center
}
.about .sz>span {
	display: block;
	color: #999;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px
}
.about .jt {left: 0}
.about .cs {left: 331px}
.about .md {left: 651px}
.about .pp {left: 983px}

/* 轮播容器 */
        .banner-box_progg {
            width: 100%;
            max-width: 2066px;
        
            position: relative;
            overflow: hidden;
        }
        /* 大图可视窗口 */
        .banner-img-wrap_progg {
            width: 100%;
            height: calc(100% - 160px);
            overflow: hidden;
        }
        /* 图片横向容器 */
        .img-container_progg {
            width: 500%;
            height: 100%;
            display: flex;
            transition: transform 0.3s ease-out; /* 快速左右滑动动画 */
        }
        .img-container_progg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            flex: 0 0 20%;
        }
   
        /* 底部产品切换栏 */
        .tab-bar_progg {
            width:90%;
            height:120px;
            background:rgba(0,0,0,0.35);
            display:flex;
            align-items:center;
            position: absolute;
            bottom: 0;
            left:0; margin-left:5%; margin-right:5px;
        }
        .tab-item_progg {
            flex:1;
            height:100%;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            color:#fff;
            font-size:25px;
            cursor:pointer;
            position:relative;
        }
        .tab-item_progg.active {
            background:#0078d7;
        }
        .tab-item_progg:not(:last-child)::after {
            content:"";
            width:1px;
            height:40%;
            background:#ffffff44;
            position:absolute;
            right:0;
            top:30%;
        }
       
        .more-btn_progg {
            width:80px;
            height:40px;
            border:2px solid #fff;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:12px;color:#fff; margin-left:40px; margin-right:40px;
        }



.pro_naver{width:100%;height:40px;line-height:40px; text-align:center; margin-bottom:20px;}
.pro_naver a{ margin-right:25px;color:#9c9d9d}
.pro_naver a:hover{color:#0078d7}





 /* 外层轮播容器 */
        .banner-wrap_gcsl {
            width: 100%;
            max-width: 1974px;
            height: 960px;
            position: relative;
            overflow: hidden;
        }
        /* 图片滑动容器 */
        .img-outer_gcsl {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .img-list_gcsl {
            width: 400%;
            height: 100%;
            display: flex;
            transition: transform 0.35s ease-out;
        }
        .img-list_gcsl img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            flex: 0 0 25%;
        }
        /* 左侧文字层 */
        .text-left_gcsl {
            position: absolute;
            top: 120px;
            left: 90px;
            color: #ffffff;
            z-index: 9;
        }
        .top-title_gcsl {
            font-size: 40px;
            font-weight: bold;
            margin-bottom:16px;
        }
        .top-desc_gcsl {
            font-size:16px;
            line-height:1.7;
            opacity:0.92;
        }
        /* 蓝色详情框 */
        .blue-box_gcsl {
            width: 520px;
            background:#0078e0;
            padding:40px 36px;
            border-radius:6px;
            margin-top:150px;
        }
        .blue-box_gcsl h3 {
            font-size:25px;
            margin-bottom:26px;
        }
        .blue-box_gcsl p {
            font-size:16px;
            line-height:1.7;
            margin-bottom:18px;
        }
        /* 底部切换栏 */
        .tab-bottom_gcsl {
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:140px;
            background:rgba(0,0,0,0.45);
            display:flex;
        }
        .tab-item_gcsl {
            flex:1;
            height:100%;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            color:#fff;
            font-size:30px;
            cursor:pointer;
            position:relative;
        }
        /* 底部圆点指示器 */
        .tab-item_gcsl::before {
            content:"";
            width:22px;
            height:22px;
            border-radius:50%;
            background:#fff;
            position:absolute;
            top:32px;
        }
        .tab-item_gcsl.active::before {
            background:#0078e0;
            border:3px solid #fff;
        }




 /* 外层容器 */
        .about-wrap_about {
            width: 100%;
            max-width: 1920px;
            display: flex;
            background: #fff;
            position: relative; padding-top:40px;background-color: #f7f7f7; padding-bottom:7%;
        }
        /* 左侧文字区域 */
        .about-left_about {
            width: 55%;
            padding: 60px 5%;
        }
        /* 标题区域 */
        .about-title_about {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 32px;
        }
        .title-icon_about {
            width: 60px;
            height: 60px;
        }
        .title-text_about .en {
            font-size: 32px;
            color: #c5c9cf;
            font-weight: 300;
            display: block;
        }
        .title-text_about .cn {
            font-size: 30px;
            color: #222;
            font-weight: 600;
        }
        /* 简介正文 */
        .about-desc_about {
            color: #555;
            line-height: 1.8;
            font-size: 15px;
        }
        .about-desc_about p {
            margin-bottom: 12px;
        }
        /* 查看更多按钮 */
        .more-btn_about {
            display: inline-block;
            margin-top: 30px;
            padding: 12px 32px;
            background-color: #0088ee;
            color: #fff;
            border-radius: 30px;
            text-decoration: none;
            font-size:15px;
        }
        /* 右侧图片区域 */
        .about-right_about {
            width: 40%;
            position: relative;
        }
        .factory-img_about {
            width: 100%;
            height: 100%;
            border-top-right-radius: 20px;
            overflow: hidden;
            display:block;
        }
        /* 图片底部文字 */
        .img-tip_about {
            position: absolute;
            bottom: 0;
            left:0;
            width:100%;
            padding:25px 20px;
            text-align:center;
            color:#fff;
            background:rgba(0,0,0,0.45);
        }
        .img-tip_about h3 {
            font-size:26px;
            font-weight:500;
        }
        .img-tip_about span {
            font-size:13px;
            opacity:0.8;
        }
       
        /* 响应式：手机上下排版 */
        @media(max-width:768px){
            .about-wrap_about {flex-direction:column;}
            .about-left_about,.about-right_about {width:100%;}
            .about-bottom_about {flex-wrap:wrap;gap:30px;justify-content:center;}
        }




.news-wrap_news {
            padding: 60px 5%;
            background-color: #f7f9fc;
        }
        .news-head_news {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }
        .news-title_news {
            font-size: 38px;
            color: #222222;
            position: relative;
        }
        .news-title_news::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -12px;
            width: 60px;
            height: 4px;
            background: #0088ee;
        }
        .more-btn_news {
            border: 2px solid #0088ee;
            color: #0088ee;
            padding: 12px 32px;
            background: transparent;
            font-size: 16px;
            cursor: pointer;
            border-radius: 2px;
        }
        
         .more-btn_news:hover{ border: 2px solid #0088ee;
            color: #fff;background: #0088ee;}
        .top-banner-box_news {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 30px;
        }
        .banner-item_news {
            height: 320px;
            position: relative;
            overflow: hidden;
        }
        .banner-item_news img {
            width: 100%;
            height: 100%;
            object-fit: cover;
      overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.banner-item_news:hover   img{    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);}
        .banner-text_news {
            position: absolute;
            left: 30px;
            bottom: 40px;
            color: #fff;
        }
        .banner-text_news h3 {
            font-size: 28px;
            margin-bottom:12px;
        }
        .banner-text_news p {
            font-size:15px;
            opacity:0.9;
        }
        .news-list_news {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap:25px;
        }
        .news-card_news {
            background:#ffffff;
            padding:30px 25px;
        }
        .news-card_news:hover{background:#0088ee;color:#fff;
            padding:30px 25px;}
         .news-card_news:hover h4, .news-card_news:hover p, .news-card_news:hover .date-num_news, .news-card_news:hover date-slash_news, .news-card_news:hover .date-text_news,.news-card_news:hover .date-slash_news{color:#fff;}
        .date-tag_news {
            display:flex;
            align-items:center;
            margin-bottom:16px;
        }
        .date-num_news {
            font-size:52px;
            color:#0088ee;
            font-weight:bold;
            line-height:1;
        }
        .date-slash_news {
            font-size:24px;
            color:#0088ee;
            margin:0 4px;
        }
        .date-text_news {
            font-size:15px;
            color:#777;
        }
        .news-card_news h4 {
            font-size:20px;
            color:#222;
            margin-bottom:10px;
            font-weight:500;
            height:40px;line-height:40px; overflow: hidden;
        }
        .news-card_news p {
            font-size:14px;
            color:#666;
            line-height:1.6;
        }


.honor_bg1{ background:#fff; padding-top: 0px; overflow: hidden; position: relative; padding-bottom:0px;max-width: 90%; background: #fff; margin: 0 auto; margin-top: -5%;box-shadow: 0px 50px 50px #eee;margin-bottom: 5%; z-index:99;}
        .about-gallery {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;padding: 40px;
           
        }
        .gallery-item {
            text-align: center;cursor: pointer;
        }
        .gallery-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 4px;display: block;
            transition: transform 0.3s ease;
        }
		.gallery-item .divimg{ overflow:hidden}
		
		.gallery-item:hover img{transform: scale(1.33);}
		.gallery-item:hover p{color:#2861a6}
        .gallery-item p {
            font-size: 14px;
            color: #666;
            margin-top: 15px;
        }