* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            
        }

        a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }
        a{color:#333;font-size:12px;text-decoration:none;outline:none;}
        a:hover{color:#f30;}
        /* 加载动画样式 */
        .loader-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('../images/bj.JPG');
            background-repeat: repeat; /* 水平垂直平铺 */
            background-size: cover;
            background-position: center;
            /* 叠加半透明黑色（最后一个值 0.3 是透明度，0-1 之间） */
            background-color: rgba(1, 1, 1, 0.8);
            background-blend-mode: overlay; /* 可选：调整叠加混合模式 */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s ease-out;
        }

        /* 图片旋转加载样式 */
        .loader {
            width: 40px;
            height: 40px;
            animation: spin 2s linear infinite;
        }

        .loader img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* 顶部导航栏 */
        .top-nav {
            display: none;
            height: 100px;
            background-color: #fff;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            position: sticky; /* 添加粘性定位 */
            top: 0;
            z-index: 100; /* 确保导航栏在最上层 */
        }

        .fade-out {
            opacity: 0;
            pointer-events: none;
        }

        body,html {
            font-family: 'Arial','Tahoma','Geneva','Verdana','微软雅黑';
            overflow-x: hidden;
            background-image: url('../images/bkimg.png');
        }

        .container {
            display: flex;
            height: 100vh;
            opacity: 0;
            transition: opacity 0.5s ease-in;
        }

        /* 导航按钮样式 */
        .nav-toggle {
            cursor: pointer;
        }

        /* 中间 logo */
        .top-logo {
            width: 150px;
            height: 60px;
            background-color: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            color: white;
            margin: 0px auto;
        }

        /* 左侧导航区 */
        .left-panel {
            width: 20%;
            text-align: left;
            color: white;
            padding: 30px 0 0 0px;
            display: flex;
            flex-direction: column;
            align-items: left;
            transition: all 0.3s ease;
            transform: translateX(-100%);
            opacity: 0;
            justify-content: space-between; /* 让子元素在垂直方向上两端对齐 */
        }

        .left-panel.slide-in {
            animation: slideInLeft 0.8s ease forwards;
        }

        @keyframes slideInLeft {
            from {
                transform: translateX(-100%);
                opacity: 0;
            }

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

        .left-panel.show-nav {
            max-height: 500px; /* 根据实际情况调整最大高度 */
            transition: max-height 0.3s ease-in;
        }

        .navleft {
            width: 100%;
            padding-left: 42px;
        }

        .logo {
            width: 100%;
            height: 100px;
            text-align: left;
            justify-content: center;
            font-size: 20px;
            font-weight: bold;
            overflow: hidden;
        }
        .logo img{
            width: 160px;
            margin: 0px 0 0 10px;
        }

        .nav-links {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 3px;
            margin: 20px auto 0 auto;
        }

        .nav-link {
            width: 100%;
            padding: 5px 0 5px 22px;
            text-align: left;
            text-decoration: none;
            color: #666;
            font-size: 13px;
            opacity: 0;
            font-family: '微软雅黑'; /* 设置为 Verdana 字体 */
        }

        /* 修改此处，鼠标悬停时偏移 20px */
        .nav-link:hover,.nav-link:hover span{
            color: #111;
            font-weight: 600;
        }
        .nav-link:hover{
            margin-left: 10px; /* 鼠标悬停时字体大小变为20px */
            transition: margin-left 0.6s ease; /* 添加过渡效果使变化更平滑 */
            background: url('../images/mclose.png') no-repeat;
        }


        .act.show{
            color: #111;
            font-weight: 600;
            margin-left: 10px; /* 鼠标悬停时字体大小变为20px */
            transition: margin-left 0.6s ease; /* 添加过渡效果使变化更平滑 */
            background: url('../images/mclose.png') no-repeat;
        }
        .act.show span{
           color: #111;
           font-weight: 600;
        }


        .nav-link.show:hover {
            transform: translateX(2px);
        }
        .nav-link span{
            font-size: 9px;
            color: #999;
            padding-left: 10px;
            font-family:'Arial','Tahoma','微软雅黑'; 
        }

        .show {
            animation: fadeInLeft 0.8s ease forwards;
        }

        @keyframes fadeInLeft {
            from {
                transform: translateX(-5px);
                opacity: 0;
            }

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


        .search-wrapper {
            position: relative;
            display: inline-block;
            height: 30px;
        }
        
        #searchInput {
            padding: 2px;
            border: 1px solid #ebebeb;
            border-radius: 2px;
            width: 160px;
            font-size: 11px;
            color: #999;
        }
        
        #searchButton {
            background: #fff;
            color: white;
            border: 0px solid #fff;
            padding: 0px;
            cursor: pointer;
            margin-left:-1px;
        }

        #searchButton img{
            position: relative;
            top: 2px;
        }

    

        .website{margin: 15px 0 0 22px;}

        .WEBCN,.WEBEN{
            font-size: 11px;
            text-decoration: none;
            color: #ff0000;
        }
        /* 右侧图片区 */
        .right-panel {
            flex: 1;
            background-image: url('images/b.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: background-image 0.5s ease;
            transform: translateX(100%);
            opacity: 0;
        }

        .right-panel.slide-in {
            animation: slideInRightOriginal 0.5s ease forwards;
        }

        @keyframes slideInRightOriginal {
            from {
                transform: translateX(100%);
                opacity: 0;
            }

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

        /* 底部版权信息样式 */
        .copy-bt1 {
            width: 100%;
            padding: 0px 0 30px 0px;
margin-bottom:10px;
margin-left:-40px;
            font-size: 10px;
            color: #ccc;
            font-family: 'Tahoma','Arial','微软雅黑';
            text-align: center;
        }

       .social-container {
            display: flex;
            gap: 20px;
            padding: 5px;
            justify-content: left;
        }
        
        .social-icon {
            position: relative;
            cursor: pointer;
        }
        
        .social-icon img {
            width: 15px;
            height: 14px;
            transition: transform 0.3s ease;
        }
        
        .social-icon:hover img {
            transform: scale(1.1);
        }
        
        .qr-code {
            position: absolute;
            bottom: calc(100% + 10px);
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
            padding: 8px;
            z-index: 10;
        }
        
        .qr-code::after {
            content: '';
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .social-icon:hover .qr-code {
            opacity: 1;
            visibility: visible;
        }
        
        .qr-code img {
            width: 120px;
            height: 120px;
        }

        .image-container {
            position: relative;
            width: 100%;
            height: calc(100% - 0px);
            margin: 0px 0px 0px 0px;
        }
        
        .image-container .pic {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            /* 添加过渡效果 */
            transition: opacity 1s ease-in-out; 
        }
        
        .image-container .pic.active {
            opacity: 1;
        }

        .copy-bt2 {
            display:none
        }
        .nav-toggle {
            cursor: pointer;
            font-size: 24px;
            display: none; /* 电脑端隐藏 */
        }

        /* 在base.css中添加标题容器样式 */
        .image-caption {
            position: absolute;
            bottom: 0px;
            height: 70px;
            left: 0;
            right: 0;
            line-height: 30px;
            background-color: rgba(0, 0, 0, 0.3);
            color: white;
            font-size: 16px;
            text-align: center;
            padding-top: 20px;
            z-index: 10;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .image-caption.active {
            opacity: 1;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .image-caption {
                font-size: 12px;
                padding: 0px 5px;
                line-height: 50px;
                background-color: rgba(0, 0, 0, 0.3);
                color: white;
                height: 50px;
                bottom: 120px;
                z-index: 10;
            }
        }
                

        /* 关于我们  */
        .maincontent{ width:100%; height: calc(100vh - 100px); border: 0px #fff solid; background-color: #fff; margin-top:50px; verflow:hidden}
        .procontent{ width:100%; height: 100vh; border: 0px #fff solid; background-color: #fff; margin-top:50px; verflow:auto}
        .aboutright,.aboutright_new,.contentright{ width:96%; float:left; margin-bottom: 32px;color:#777;verflow:hidden}

        .aboutright p{margin-bottom: 10px;color:#777; line-height:2; font-size: 13px; text-indent: 0px;}
        .aboutright .itemcontent{color:#777; line-height:2; font-size: 13px; text-indent: 0px;}
        .aboutright img{ width: 750PX; height:auto;margin-right: 40px; float:left; text-align: left;}

        .contentright .social-icon{ width:100px; height:100px; margin-right: 40px; float:left; text-align: left;}
        .contentright .social-icon img{ width:100px; height:126px; }
        .contentright img{width:680PX; height: AUTO; margin-right: 40px; float:left; text-align: left;}

        .aboutright_new p{margin-bottom: 10px;color:#777; line-height:2; font-size: 13px; text-indent: 0px;}
        .aboutright_new .itemcontent{color:#777; line-height:2; font-size: 13px; text-indent: 0px;}
        .aboutright_new img{ width: 650PX; height:auto;margin-right: 40px; float:left; text-align: left;}


        .picleft{ width:500px; height: 620px; max-width: 750PX;  margin-right: 40px; float:left; text-align: left;}

        .cottit { font-size:14px;margin-bottom: 20px; font-weight: 600;font-family: 'Tahoma','Arial','微软雅黑'; }
        .zoomable-image {
            transition: transform 0.3s ease; /* 添加过渡效果 */
        }

        .zoomable-image:hover {
            transform: scale(1.1); /* 鼠标悬停时放大图片 */
        }

        .article-list {
            display: grid;
            gap: 2rem;
        }

        .article-card {
            border-radius: 0.25rem;
            overflow: hidden;
            margin-bottom: 20px;
        }

        .article-card:hover {

        }

        .article-image {
            cursor: pointer;
            overflow: hidden;
        }

        .article-image img {
            width: 100%;
            height: 100%;
        }

        .article-details {
            padding: 0px 1.5rem 1.5rem 1.5rem;
        }


        .article-title {
            font-size: 1rem;
            font-weight: 700;
            color: #333;
            position: relative;
            top: -2px;
            margin-bottom: 0.75rem;
        }

        .article-excerpt {
            font-size: 1rem;
            color: #64748b;
            margin-bottom: 1rem;
        }

        .piclist{
            width: 100%;
            overflow: hidden;
        }
        .piclist img {
            width: 100%;
            margin-bottom: 10px;
        }


/* 轮播图容器 */
.target {
  width: 100%;
  min-height: 80vh;
  overflow: hidden;
  position: relative;
  margin: 0px auto;
}

/* 基础图片样式 */
.target img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 初始不设置宽高，由JS动态计算 */
}


        .itemno_news{padding: 0px; color: #111;mix-width:200px; max-width:800px; font-size:14px; margin-top: 0px;margin-bottom: 20px;
            font-family: 'Arial','Tahoma','Geneva','Verdana','微软雅黑'; font-weight:800; text-align: left; box-sizing: border-box !important; word-wrap: break-word !important; letter-spacing: 0.5px; line-height:20px}

        .itemno{padding: 0px; color: #111;mix-width:200px; max-width:800px; font-size:14px; margin-top: 20px;
            font-family: 'Arial','Tahoma','Geneva','Verdana','微软雅黑'; font-weight:800; text-align: left; box-sizing: border-box !important; word-wrap: break-word !important; letter-spacing: 0.5px; line-height:60px}
        .itemtitle{
                margin: 0px auto; padding: 0px; mix-width: 200px; max-width: 300px; 
                text-align: center;
                word-wrap: break-word !important; color: rgb(255, 255, 255); 
                font-family:'Tahoma','Arial','微软雅黑'; font-size: 14px; 
                letter-spacing: 0.544px; background-color: rgb(56, 51, 51);
                margin-bottom: 40px;
        }

        /*list*/
        .list_page{text-align:center;margin:15px;width:100%; display:block; clear: both;}
        .list_page:after{content:" ";display:block;height:0;width:100%;clear:both;visibility:hidden;overflow:hidden; }
        .list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
        .list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
        .list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;text-decoration: none;border-radius:4px;}
        .page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
        .page_group ul li{border-right:none;border-radius:0;float:left;}
        .page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
        .page_group ul li:first-child{border-radius:4px 0 0 4px;}
        .page_group ul li:last-child{border-radius:0 4px 4px 0;}
        .page_group ul .active a{background:#f3f3f3;border-radius:4px;}

        .newslist_ser ul{margin:0 10px 10px 10px;padding:0;list-style:none;overflow:hidden;}
        .newslist_ser ul li{clear:both;line-height:35px;height:35px;border-bottom:1px dashed #ccc;}
        .newslist_ser ul li a{font-size:13px;}
        .newslist_ser ul li a:link,a:visited;{color: #555;}
        .newslist_ser ul li span{float:right;color:#999;font-family: 'Arial','Tahoma','Geneva','Verdana','微软雅黑';font-size:12px;}


        /* 移动端自上到下动画 */
        @media (max-width: 768px) {

        .image-container .pic {
            height: calc(100vh - 100px);
        }
        


                    body,html{height:100vh;font-family:'Tahoma','Arial','微软雅黑';overflow: hidden;}
                    .top-nav{display:flex;height:70px;}
                    .copy-bt1,.WEBEN,.WEBCN,.website{display:none}
                    .left-panel {
                        width: 120px;
                        position: fixed; /* 修改为绝对定位 */
                        top: 80px; /* 初始位置在导航栏下方 */
                        left: 10px; /* 清除左定位 */
                        z-index: 99; /* 确保菜单在导航栏下方 */
                        padding: 10px 0 10px 5px;
                        border-radius: 10px;
                        background-color:  rgba(120, 120, 120, 0.8);
                        display: none;
                    }
                    .nav-toggle {
                        display: block; /* 手机端显示 */
position: relative;
    left: 0px;
    top: 10px;
                    }
                    .left-panel.show {
                        display: block; /* 显示左侧导航栏 */
                        z-index: 9999;
                    }



                    .nav-link {
                        padding: 5px 8px;
                        font-size: 14px;
                        text-align: left;
                        color: #fff;
                        border-radius: 20%;
                    }
                    .nav-link span {
                        color: #fff;
                    }

                    .nav-link:hover{
                        background: url('../images/mclose.png') -10px 1px no-repeat
                    }


                    .nav-links {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 10px;
                        margin: 10px;
                    }

                    .copy-bt2 {
                        position: fixed;
                        color: #ccc;
                        display: block;
                        font-size: 10px;
                        bottom: 0px;
                        left: 0;
                        background-color:  rgba(255, 255, 255,1);
                        width: 100%;
                        background-color:; /* 可以根据需要调整背景颜色 */
                        padding: 5px 2px; /* 可以根据需要调整内边距 */
                        text-align: center; /* 可以根据需要调整文本对齐方式 */
                    }
                    .navleft {width: 100%; padding-left: 5px;}
                    .logo {
                        width: 80px;
                        height: 80px;
                        margin: 0 auto;
                        font-size: 16px;
                        display: none;
                    }
                    /* 中间 logo */
                    .top-logo img{
width: 140px;
    height: 73px;
    position: relative;
    top: -5px;
                    }

                    /* 修改此处，移动端鼠标悬停时也偏移 20px */
                    .right-panel {
                        flex: 1;
	
                        height: calc(100vh - 70px);
                    }
                    .maincontent{ width:100%;margin-top:0px;margin-bottom: 0px; float:left; overflow-y: auto;overflow-x: hidden;}
 .maincontent_news{ width:100%;height:auto;margin-top:0px;margin-bottom: 0px; float:left; overflow-y: auto;overflow-x: hidden;}
                    .aboutright,.aboutright_new{ width:90%; float:left; margin-bottom: 10px; margin-left: 5%; overflow-y: auto;overflow-x: hidden;}
                    .aboutright img{width: auto; margin-bottom: 20px;height:350px;}
                    .aboutright_new img{width: 100%; margin-bottom: 20px;height:AUTO;}

                    .contentright .social-icon{ margin-right:10px;}

                    .contentright{ width:90%; float:left; margin-bottom: 10px; margin-left: 5%; }
                    .contentright img{width: 100%; margin-bottom: 20px;}

                    .image-container {
                        position: relative;
                        width: 100%;
                        height: calc(100% - 0px);
                        margin: 0px auto;
                    }
                    .article-details {
                        padding: 0 1.5rem 1.5rem 1.5rem;
                    }
                    .act.show{
                        color: #fff;
                        font-weight: 600;
                        margin-left: 10px; /* 鼠标悬停时字体大小变为20px */
                        transition: margin-left 0.6s ease; /* 添加过渡效果使变化更平滑 */
                        background: url('../images/mclose2.png') -10px 1px no-repeat;
                    }

                    .target {
                      width: 100%;
                      height: 350px;
                      overflow: hidden;
                      position: relative;
                      margin: 0px auto;
		      min-height: auto;
                    }

                    .hy-dot{display: block;}
                    .itemno{margin-top: -10px;}


.hy-dot i {
  display: block;
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 1px;
  background: rgba(0,0,0,.3);
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.hy-next, .hy-prev {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
}


        }

        @media (min-width: 768px) {
                .article-content {
                    display: flex;
                }

                .article-image {
                    width: 59.667%;
                    height: 400px;
                }

                .article-details {
                    width: 40.333%;
                }

		        .aboutright,.aboutright_new{ height: calc(100vh - 100px);verflow:hidden}
        }

        .contact-container {
            background-color: #ffffff;
            padding: 0px 0 0 20px;
            border-radius: 8px;
        }
        
        .contact-title {
            color: #111;
            font-size: 23px;
            font-weight: bold;
            margin-bottom: 30px;
            padding-bottom: 10px;
            display: inline-block;
        }
        
        .contact-item {
            margin-bottom: 0px;
        }
        
        .contact-label {
            color: #7f8c8d;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
        }
        
        .contact-label::before {
            content: "";
            margin-right: 2px;
            color: #666;
        }
        
        .contact-content {
            color: #777;
            font-size: 18px;
            line-height: 1.6;
            text-indent: 0px;
        }

        .contact-content.address {
            font-size: 13px;
            line-height: 28px;
        }
        
        .contact-content.address .english-address {
            color: #7f8c8d;
            margin-top: 10px;
        }
        
        .divider {
            height: 1px;
            background-color: #fff;
            margin: 20px 0;
            width: 100%;
        }
        
        @media (max-width: 600px) {
            .contact-container {
                padding: 20px 0 0 3PX;
            }
            
            .contact-title {
                font-size: 24px;
            }
            
            .contact-content {
                font-size: 16px;
            }
        }

        .newslist{height: calc(100vh - 100px); overflow-y: auto;overflow-x: hidden;}
        .news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        


        /*新闻样式*/
        .news-grid2 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .news-card2 {
            background-color: #ffffff;
            transition: all 0.3s ease;
            flex: 1;
            min-width: calc(25% - 20px); /* 每行3列 */
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        /* 关键：使用padding-top保持宽高比 */
        .cp-image2 {
            width: 100%;
            position: relative;
            /* 计算方式：(高度/宽度)*100% = 比例值 */
            /* 原462px宽，260px高 → 260/462 ≈ 56.28% */
            padding-top: 141%; 
            height: 0;
            overflow: hidden;
        }

        /* 图片绝对定位以填充容器 */
        .cp-image2 img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 保持比例并填充容器 */
            transition: transform 0.5s ease;
        }

        .news-card2:hover .cp-image2 img {
            transform: scale(1.05);
        }
         /*新闻样式*/




/* 项目样式 */
.news-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 卡片之间的间距 */
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.news-card {
    background-color: #ffffff;
    transition: all 0.3s ease;
    flex: 1;
    min-width: calc(33.333% - 20px); /* 每行3列 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* 关键：使用padding-top保持宽高比 */
.cp-image {
    width: 100%;
    position: relative;
    /* 计算方式：(高度/宽度)*100% = 比例值 */
    /* 原462px宽，260px高 → 260/462 ≈ 56.28% */
    padding-top: 56.28%; 
    height: 0;
    overflow: hidden;
}

/* 图片绝对定位以填充容器 */
.cp-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保持比例并填充容器 */
    transition: transform 0.5s ease;
}

.news-card:hover .cp-image img {
    transform: scale(1.05);
}

.news-content {
    padding: 15px;
}

.news-title {
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .news-card {
        min-width: calc(50% - 20px); /* 中等屏幕每行2列 */
    }

    /*新闻样式*/
    .news-grid2 {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
    }

}

@media (max-width: 480px) {
    .news-card {
        min-width: 100%; /* 小屏幕每行1列 */
    }
}



        .cp-image1 {
            width: 462px;
            height: 650px;
            overflow: hidden;
            min-height: 650px;
        }
        
        .cp-image1 img {
            width: 100%;
            height: auto;
            object-fit: cover;
            transition: transform 0.5s ease;
        }


        .news-content {
            padding: 5px 0 0 0;
        }
        
        .news-title {
            font-size: 14px;
            color: #111;
            line-height: 30px;

        }
        
        .news-description {
            font-size: 12px;
            color: #7f8c8d;
            line-height: 1.7;
            height: 45px;
            display: -webkit-box;
            overflow: hidden;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .news-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .news-image {
                height: 250px;
            }
            
            .cp-image {
                width: 100%;
                height: auto;
                min-height: auto;
            }

            
            .cp-image1 {
                width: 100%;
                height: auto;
                min-height: auto;
            }

            body {
                padding: 15px;
            }


        }