.nav .center .ul1 .li1{
width: 132px;}
.nav .center .ul3{
    position: absolute;
    right:10000px;
    z-index: 999;}
.nav .center .ul3 li{
    line-height: 45px;
    z-index: 999;
    text-align: center;
    width: 146px;}
.nav .center .ul3 li a{
 font-size:17px !important ;}
.nav .center .ul3 li:hover{
    background:#134592; 
    border-radius:0px;}
.nav .center .ul2 li:hover .ul3{
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -146px;
    top: 0px;
    z-index: 999;
    background: #0060b6;}
.nav .center .ul3  a{
padding: 17px 5px !important ;}
.nav .center .ul2 li {
    line-height: 43px;
    z-index: 999;
    text-align: center;}
.nav .center .ul2 li a{
 font-size:17px !important ;}





.sanji a{
    line-height: 48px;
    padding-left:10px;
    font-size: 16px;
    color:#0060b6;}
.sanji{
    padding-left: 57px;
    background: #f3f9ff;
     color:#0060b6;}
.image-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* 3列布局 */
            gap: 20px; /* 间距 */
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px;}

        .image-item {
            background: #e9f3ff;
            overflow: hidden;}

        .image-placeholder {
            width: 100%;
            height: 400px;
            background: #ddd;
            display: flex;
            align-items: center;
            justify-content: center;}

        .image-title {
            padding: 15px;
            text-align: center;
            font-family: Arial, sans-serif;
            color: #333;
            font-size: 16px;
            border-top: 1px solid #eee;}
@media (max-width: 768px) {
            .image-grid {
                grid-template-columns: 1fr;}
            
            .image-placeholder {
                height: 150px;}
        }