@charset "utf-8";
.banner{ width:100%; overflow:hidden; position:relative; }
.banner .pic{ width:100%}
.banner .pic img{ width:100%}
.banner .pic .img1{ display:block}
.banner .pic .img2{ display:none}
.banner .item{position: absolute;left: 0; width: 100%; top:50%; transform: translateY(-50%); color: #ffffff; z-index: 3; }
.banner .item .title{ font-size: 54px; text-align: center; margin-top: 40px; }

@media (max-width: 1600px){
	.banner .item .title{ font-size: 42px; margin-top: 35px;  }
}
@media (max-width: 1200px){
	.banner .item .title{ font-size: 32px; margin-top: 30px;  }
}
@media (max-width: 750px){
	.banner .pic .img2{ display:block}
	.banner .pic .img1{ display:none}
	.banner .item .title{ font-size: 24px; }
}





/* 分页 */
.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:12px 16px; border:1px solid #e3e6ea; background:#e3e6ea; color:#333; vertical-align:top; font-size:18px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #000000; background:#000000; color:#fff; }
@media all and (max-width:1600px){
	.page a {  padding:8px 12px; font-size:16px }
}
@media all and (max-width:1200px){
	.page a {  padding:6px 10px; font-size:14px }
}
@media all and (max-width:750px){
	.page a{ margin:3px 0}
    .page a {  padding:3px 6px; font-size:12px }
}


.second_nav ul { display: flex; align-items: center; justify-content: center;}
.second_nav ul li a{ display: flex; align-items: center; height: 85px; font-size: 18px; color: #070707; padding: 0 40px; position: relative;}
.second_nav ul li:hover a{ font-weight: bold;}
.second_nav ul li.on a{ font-weight: bold;}
.second_nav ul li:hover a:after{ content: ""; display: block; width: 100%; background: url(g_24.png) center center no-repeat; background-size: auto 100%; height: 7px; position: absolute; left: 0; bottom: 12px;}
.second_nav ul li.on a:after{ content: ""; display: block; width: 100%; background: url(g_24.png) center center no-repeat; background-size: auto 100%; height: 7px; position: absolute; left: 0; bottom: 12px;}
@media all and (max-width:1600px){
    .second_nav ul li a{ height: 75px; font-size: 16px; padding: 0 30px ;}
    .second_nav ul li:hover a:after{ height: 6px; bottom: 10px;}
    .second_nav ul li.on a:after{ height: 6px; bottom: 10px;}
}
@media all and (max-width:1200px){
    .second_nav ul li a{ height: 60px; font-size: 14px; padding: 0 20px ;}
    .second_nav ul li:hover a:after{ height: 4px; bottom: 10px;}
    .second_nav ul li.on a:after{ height: 4px; bottom: 10px;}
}
@media all and (max-width:750px){
    .second_nav ul li{ width: 50%;}
    .second_nav ul li a{ box-sizing: border-box; width: 100%; padding: 0; text-align: center; justify-content: center;}
}



.yyzx{ background: url(g_25.jpg) center center no-repeat; background-size: cover; padding: 1px 0 120px 0;}
.yyzx01{ margin-top: 120px;}
.yyzx01 .xtitle{ text-align: center;}
.yyzx01 .ibd{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 80px;}
.yyzx01 .ibd .item{ width: calc(515 / 1600 * 100%); margin-right: calc(55 / 2 / 1600 * 100%); margin-bottom: 30px; border-radius: 20px; overflow: hidden; position: relative;}
.yyzx01 .ibd .item:nth-child(3n){ margin-right: 0;}
.yyzx01 .ibd .item:last-child{ margin-right: 0;}
.yyzx01 .ibd .item .pic{ width: 100%; overflow: hidden; position: relative;}
.yyzx01 .ibd .item .pic:after{ content: ""; display: block; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top,#29268c,rgba(255,255,255,0));}
.yyzx01 .ibd .item .pic img{ width: 100%; transform: scale(1); transition: all 0.5s;}
.yyzx01 .ibd .item:hover .pic img{ transform: scale(1.1);}
.yyzx01 .ibd .item .title{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; box-sizing: border-box; padding: 20px 5%; font-size: 24px; color: #fff;}
@media all and (max-width:1600px){
    .yyzx { padding-bottom: 80px; }
    .yyzx01 { margin-top: 80px; }
    .yyzx01 .ibd { margin-top: 60px; }
    .yyzx01 .ibd .item { 
        /* 略微调整宽度以适应中等屏幕，保持3列布局 */
        width: calc(32% - 10px); 
        margin-right: 15px;
        border-radius: 15px;
    }
    .yyzx01 .ibd .item:nth-child(3n) { margin-right: 0; }
    .yyzx01 .ibd .item .title { 
        font-size: 18px; 
        padding: 15px 3%; 
    }
}

@media all and (max-width:1200px){
    .yyzx { padding-bottom: 60px; }
    .yyzx01 { margin-top: 60px; }
    .yyzx01 .ibd { margin-top: 40px; }
    .yyzx01 .ibd .item { 
        /* 1200px下建议保持3列或调整为2列，此处保持3列但更紧凑 */
        width: calc(32% - 10px);
        margin-right: 15px;
        margin-bottom: 20px;
        border-radius: 12px;
    }
    .yyzx01 .ibd .item:nth-child(3n) { margin-right: 0; }
    .yyzx01 .ibd .item .title { 
        font-size: 16px; 
        padding: 12px 3%; 
    }
}

@media all and (max-width:750px){
    .yyzx { padding-bottom: 40px; }
    .yyzx01 { margin-top: 40px; }
    .yyzx01 .ibd { margin-top: 30px; }
    .yyzx01 .ibd .item { 
        /* 移动端改为单列显示，宽度100% */
        width: 48.5%; 
        margin-right: 3%;
        margin-bottom: 3%;
        border-radius: 10px;
    }

    .yyzx01 .ibd .item:nth-child(3n) { margin-right: 3%; }
    .yyzx01 .ibd .item:nth-child(2n) { margin-right: 0; }

    .yyzx01 .ibd .item .title { 
        font-size: 14px; 
        padding: 10px 2%; 
    }
    /* 移动端图片遮罩高度可适当降低，避免遮挡过多内容 */
    .yyzx01 .ibd .item .pic:after { height: 40%; }
}

.picNewsList{ background: linear-gradient(to bottom,#fff,#f4f7fd); padding: 120px 0;}

.picNewsListHot{ padding-bottom: 60px; border-bottom: 1px solid #e0e9f5; margin-bottom: 60px;}
.picNewsListHot .item a{ display: flex; width: 100%; align-items: center; flex-wrap: wrap; background: #f6f7fa; border-radius: 16px; overflow: hidden;}
.picNewsListHot .item a .pic{ width: calc(693 / 1600 * 100%); overflow: hidden;}
.picNewsListHot .item a .pic img{ width: 100%; transform: scale(1); transition: all 0.5s;}
.picNewsListHot .item:hover a .pic img{ transform: scale(1.1);}
.picNewsListHot .item a .cont{ width: calc(907 / 1600 * 100%); overflow: hidden; box-sizing: border-box; padding: 0 40px;}
.picNewsListHot .item a .cont .title{ font-size: 32px; color: #040b24; font-weight: bold; line-height: 1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.picNewsListHot .item a .cont .intro{ font-size: 16px; color: #585858; line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin: 45px 0;}
.picNewsListHot .item a .cont .n{ display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.picNewsListHot .item a .cont .n .more{ background: url(g_28.png) center center no-repeat; background-size: cover; width: 54px; height: 54px;}
.picNewsListHot .item a .cont .n .time{ font-size: 16px; color: #999999;}


.picNewsListCont{ display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 120px;}
.picNewsListCont .item{ width: calc(510 / 1600 * 100%); margin-right: calc(35 / 1600 * 100%); margin-bottom: 40px; border-radius: 16px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.picNewsListCont .item:nth-child(3n){ margin-right: 0;}
.picNewsListCont .item:nth-last-child(-n+3){ margin-bottom: 0;}
.picNewsListCont .item a{ display: block;}
.picNewsListCont .item a .pic{ width: 100%; overflow: hidden;}
.picNewsListCont .item a .pic img{ width: 100%; transform: scale(1); transition: all 0.5s;}
.picNewsListCont .item:hover a .pic img{ transform: scale(1.1);}
.picNewsListCont .item a .cont{ width: 100%; background: #fff; box-sizing: border-box; padding: 25px;}
.picNewsListCont .item a .cont .title{ font-size: 24px; color: #333333; line-height: 36px; height: 72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.picNewsListCont .item a .cont .n{ margin-top: 40px;  display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.picNewsListCont .item a .cont .n .more{ background: url(g_29.png) center center no-repeat; background-size: cover; width: 46px; height: 46px;}
.picNewsListCont .item a .cont .n .time{ font-size: 16px; color: #999999;}
.picNewsListCont .item:hover a .cont{ background: url(g_31.jpg) center center no-repeat; background-size: cover;}
.picNewsListCont .item:hover a .cont .title{ font-weight: bold;}
.picNewsListCont .item:hover a .cont .n .more{ background: url(g_30.png) center center no-repeat; background-size: cover;}


@media all and (max-width:1600px){
    .picNewsList { padding: 80px 0; }
    
    /* Hot Item Adjustments */
    .picNewsListHot { padding-bottom: 40px; margin-bottom: 40px; }
    .picNewsListHot .item a .cont { padding: 0 30px; }
    .picNewsListHot .item a .cont .title { font-size: 28px; }
    .picNewsListHot .item a .cont .intro { font-size: 15px; margin: 30px 0; }
    .picNewsListHot .item a .cont .n .more { width: 48px; height: 48px; }
    .picNewsListHot .item a .cont .n .time { font-size: 15px; }

    /* Cont Item Adjustments */
    .picNewsListCont { margin-bottom: 80px; }
    .picNewsListCont .item { 
        width: calc(32% - 15px); 
        margin-right: 2%; 
        margin-bottom: 30px; 
        border-radius: 12px;
    }
    .picNewsListCont .item:nth-child(3n) { margin-right: 0; }
    .picNewsListCont .item:nth-last-child(-n+3) { margin-bottom: 0; }
    .picNewsListCont .item a .cont { padding: 20px; }
    .picNewsListCont .item a .cont .title { font-size: 22px; line-height: 32px; height: 64px; }
    .picNewsListCont .item a .cont .n { margin-top: 30px; }
    .picNewsListCont .item a .cont .n .more { width: 40px; height: 40px; }
    .picNewsListCont .item a .cont .n .time { font-size: 15px; }
}

@media all and (max-width:1200px){
    .picNewsList { padding: 60px 0; }

    /* Hot Item Adjustments */
    .picNewsListHot { padding-bottom: 30px; margin-bottom: 30px; }
    .picNewsListHot .item a .cont { padding: 0 20px; }
    .picNewsListHot .item a .cont .title { font-size: 24px; }
    .picNewsListHot .item a .cont .intro { font-size: 14px; margin: 20px 0; -webkit-line-clamp: 2; }
    .picNewsListHot .item a .cont .n .more { width: 40px; height: 40px; }
    .picNewsListHot .item a .cont .n .time { font-size: 14px; }

    /* Cont Item Adjustments */
    .picNewsListCont { margin-bottom: 60px; }
    .picNewsListCont .item { 
        width: calc(32% - 15px); 
        margin-right: 2%; 
        margin-bottom: 20px; 
    }
    .picNewsListCont .item:nth-child(3n) { margin-right: 0; }
    .picNewsListCont .item:nth-last-child(-n+3) { margin-bottom: 0; }
    .picNewsListCont .item a .cont { padding: 15px; }
    .picNewsListCont .item a .cont .title { font-size: 20px; line-height: 28px; height: 56px; }
    .picNewsListCont .item a .cont .n { margin-top: 20px; }
    .picNewsListCont .item a .cont .n .more { width: 36px; height: 36px; }
    .picNewsListCont .item a .cont .n .time { font-size: 14px; }
}

@media all and (max-width:750px){
    .picNewsList { padding: 40px 0; }

    /* Hot Item Adjustments - Mobile Stack Layout */
    .picNewsListHot { padding-bottom: 20px; margin-bottom: 20px; border-bottom: none; }
    .picNewsListHot .item a { flex-direction: column; }
    .picNewsListHot .item a .pic { width: 100%; height: auto; aspect-ratio: 16/9; }
    .picNewsListHot .item a .cont { width: 100%; padding: 20px; box-sizing: border-box; }
    .picNewsListHot .item a .cont .title { font-size: 18px; margin-bottom: 10px; }
    .picNewsListHot .item a .cont .intro { font-size: 14px; margin: 10px 0; line-height: 1.6; }
    .picNewsListHot .item a .cont .n { margin-top: 10px; }
    .picNewsListHot .item a .cont .n .more { width: 32px; height: 32px; }
    .picNewsListHot .item a .cont .n .time { font-size: 12px; }

    /* Cont Item Adjustments - Mobile 2 Column Layout */
    .picNewsListCont { margin-bottom: 40px; }
    .picNewsListCont .item { 
        width: 48.5%; 
        margin-right: 3%; 
        margin-bottom: 15px; 
        border-radius: 8px;
    }
    /* Reset nth-child for 2 columns: even items have no right margin */
    .picNewsListCont .item:nth-child(3n) { margin-right: 3%; } 
    .picNewsListCont .item:nth-child(2n) { margin-right: 0; }
    
    /* Reset last child margins for mobile flow */
    .picNewsListCont .item:nth-last-child(-n+3) { margin-bottom: 15px; }
    .picNewsListCont .item:last-child, 
    .picNewsListCont .item:nth-last-child(2) { margin-bottom: 0; }

    .picNewsListCont .item a .cont { padding: 12px; }
    .picNewsListCont .item a .cont .title { 
        font-size: 16px; 
        line-height: 24px; 
        height: 48px; /* 2 lines */
    }
    .picNewsListCont .item a .cont .n { margin-top: 10px; }
    .picNewsListCont .item a .cont .n .more { width: 30px; height: 30px; }
    .picNewsListCont .item a .cont .n .time { font-size: 12px; }
}

/*contact*/
.contact{ background: url(g_32.jpg) center center no-repeat; background-size: cover; padding: 140px 0 260px;}  
.contact .nr{ display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.contact .nr .ibd{ width: 640px;}
.contact .nr .ibd .p1{ font-size: 28px; color: #000000; line-height: 2;}
.contact .nr .ibd .p2{ font-size: 16px; color: #000000; line-height: 2; background: url(g_33.png) 0 0 no-repeat; padding-top: 90px; margin-top: 90px;}
.contact .from {    width: 910px;}
.from .inp1 {
    height: 65px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
    background-color: #e4eaf9;
    color: #333;
    outline: none;
    box-sizing: border-box; border-radius: 10px;
     width: 48%;
}
.from .inp2 {
    width: 100%;
    height: 150px;
    padding:20px 15px;
    margin-bottom: 20px;
    background-color: #e4eaf9;
    color: #333;
    font-size: 16px;
    resize: vertical;
    box-sizing: border-box; border-radius: 10px;
}

.from .inp3 {
    width: 30%;
    height: 65px;
    font-size: 18px;
    color: #fff;
    background-color: #333;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s; border-radius: 10px;
}
.from .inp3:hover {
    background-color: #555;
}
.from form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media all and (max-width:1600px){
    .contact {
        padding: 100px 0 200px;
    }
    .contact .nr .ibd {
        width: 40%; /* 左侧信息区域宽度调整 */
    }
    .contact .nr .ibd .p1 {
        font-size: 22px;
    }
     .contact .nr .ibd .p2 {
        font-size: 15px; padding-top: 60px; margin-top: 60px; background-size: 30px;
    }
    .contact .from {
        width: 55%; /* 右侧表单区域宽度调整 */
    }
    .from .inp1 {
        height: 55px;
        font-size: 15px;
    }
    .from .inp2 {
        height: 120px;
        font-size: 15px;
    }
    .from .inp3 {
        height: 55px;
        font-size: 16px;
        width: 40%; /* 按钮稍微变宽一点 */
    }
}

/* 小屏幕/平板适配 */
@media all and (max-width:1200px){
    .contact {
        padding: 80px 0 150px;
    }
    .contact .nr {
        flex-direction: column; /* 改为垂直排列 */
        align-items: center;
    }
    .contact .nr .ibd {
        width: 100%;
        margin-bottom: 40px;
    }
    .contact .nr .ibd .p1 {
        font-size: 22px;
    }
    .contact .nr .ibd .p2 {
        margin-top: 30px;
        padding-top: 60px; background-size: 24px;
    }
    .contact .from {
        width: 100%; /* 表单宽度占满大部分屏幕 */
    }
    .from .inp1 {
        height: 50px;
        font-size: 14px;
        width: 48%; /* 保持两列 */
    }
    .from .inp2 {
        height: 100px;
        font-size: 14px;
    }
    .from .inp3 {
        height: 50px;
        font-size: 16px;
        width: 100%; /* 按钮全宽，更易点击 */
    }
}

/* 手机端适配 */
@media all and (max-width:750px){
    .contact {
        padding: 60px 0 100px;
    }
    .contact .nr .ibd .p1 {
        font-size: 18px;
    }
    .contact .nr .ibd .p2 {
        font-size: 14px;
        margin-top: 20px;
        padding-top: 40px;
        background-size: 20px auto; /* 缩小背景图标 */
    }
    .contact .from {
        width: 100%;
       
        box-sizing: border-box;
    }
    .from form {
        display: block; /* 取消flex，改为块级堆叠 */
    }
    .from .inp1 {
        width: 100%; /* 输入框独占一行 */
        height: 45px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .from .inp2 {
        height: 100px;
        font-size: 14px;
        padding: 15px;
    }
    .from .inp3 {
        width: 100%;
        height: 45px;
        font-size: 16px;
    }
}


.jszx{ width: 100%; background: url(g_34.jpg) bottom center no-repeat; background-size: cover; padding: 120px 0 190px;}
.jszx01{ width: 100%; display: flex; flex-direction: row-reverse; box-sizing: border-box; padding-left: calc(50% - 800px); justify-content: space-between; align-items: center;}
.jszx01 .pic{ width: calc( 894 / 1920 * 100%) ; max-width: 894px; border-radius: 10px 0 0 10px; overflow: hidden;}
.jszx01 .pic img{ width:  100%; transition: all 0.3s; transform: scale(1);}
.jszx01 .cont{ width: calc(745 / 1920 * 100%);}
.jszx01 .cont .title{ font-size: 60px; color: #000000; line-height: 1.2; font-weight: bold;}
.jszx01 .cont ul{ display: flex; justify-content: space-between; margin-top: 15%;}
.jszx01 .cont ul li{ width: 31%; border-top: 2px solid #000000; padding-top: 40px;}
.jszx01 .cont ul li .ico img{ display: block; height: 60px;}
.jszx01 .cont ul li .t{ font-size: 16px; color: #666666; line-height: 1.4; margin-top: 35px;}
.jszx02{ width: 100%; display: flex;    justify-content: space-between; margin-top: 80px;}
.jszx02 .pic{ width: calc( 980 / 1920 * 100%) ; display: flex; justify-content: space-between;}
.jszx02 .pic i{ display: block; width: 48%; }
.jszx02 .pic i:nth-child(2){ margin-top: 19%;}
.jszx02 .pic img{ width:  100%; transition: all 0.3s; transform: scale(1);}
.jszx02 .cont{ width: calc( 894 / 1920 * 100%) ; max-width: 894px; margin-top: 4%; box-sizing: border-box; padding-right: calc(50% - 800px);}
.jszx02 .cont .title{ font-size: 60px; color: #000000; line-height: 1.2; font-weight: bold;}
.jszx02 .cont ul{ display: flex; justify-content: space-between; margin-top: 15%;}
.jszx02 .cont ul li{ width: 31%; border-top: 2px solid #000000; padding-top: 40px;}
.jszx02 .cont ul li .ico img{ display: block; height: 60px;}
.jszx02 .cont ul li .t{ font-size: 16px; color: #666666; line-height: 1.4; margin-top: 35px;}
@media all and (max-width:1600px){
    .jszx{ padding: 100px 0 150px;}
    .jszx01{  padding-left: calc(50% - 600px);}
    .jszx01 .cont .title{ font-size: 48px;}
    .jszx01 .cont ul li{ padding-top: 30px; width: 30%;}
    .jszx01 .cont ul li .ico img{ height: 50px;}
    .jszx01 .cont ul li .t{ font-size: 14px; margin-top: 25px;}
    .jszx02{ margin-top: 60px;}
    .jszx02 .cont{ padding-right: calc(50% - 600px);}
    .jszx02 .cont .title{ font-size: 48px;}
    .jszx02 .cont ul li{ width: 30%; padding-top: 30px;}
    .jszx02 .cont ul li .ico img{ height: 50px;}
    .jszx02 .cont ul li .t{ font-size: 14px; margin-top: 25px;}
}

@media all and (max-width:1200px){
    .jszx{ padding: 80px 0 100px;}
    .jszx01{  padding:0 4%;}
    .jszx01 .pic{ width: 48%;}
    .jszx01 .cont{ width: 48%;}
    .jszx01 .cont .title{ font-size: 32px;}
    .jszx01 .cont ul{ margin-top: 30px;}
    .jszx01 .cont ul li{ padding-top: 20px; width: 30%;}
    .jszx01 .cont ul li .ico img{ height: 36px;}
    .jszx01 .cont ul li .t{ font-size: 12px; margin-top: 15px;}
    .jszx02{ margin-top: 40px; padding:0 4%; box-sizing: border-box;}
    .jszx02 .pic{ width: 48%;}
    .jszx02 .cont{ padding-right:0; width: 48%;}
    .jszx02 .cont .title{ font-size: 32px;}
    .jszx02 .cont ul{ margin-top: 30px;}
    .jszx02 .cont ul li{ padding-top: 20px; width: 30%;}
    .jszx02 .cont ul li .ico img{ height: 36px;}
    .jszx02 .cont ul li .t{ font-size: 12px; margin-top: 15px;}
}
@media all and (max-width:750px){
    .jszx{ padding: 60px 0 80px;}
    .jszx01{ flex-wrap: wrap;}
    .jszx01 .pic{ width: 100%; border-radius: 10px;}
    .jszx01 .cont{ width: 100%; margin-top: 20px;}
    .jszx01 .cont .title{ font-size: 24px;}
    .jszx01 .cont ul{ margin-top: 30px;}
    .jszx01 .cont ul li{ padding-top: 20px; width: 30%;}
    .jszx01 .cont ul li .ico img{ height: 36px;}
    .jszx01 .cont ul li .t{ font-size: 12px; margin-top: 15px;}
    .jszx02{  flex-wrap: wrap;}
    .jszx02 .pic{ width: 100%;}
    .jszx02 .cont{ width: 100%;}
    .jszx02 .cont .title{ font-size: 24px;}
    .jszx02 .cont ul{ margin-top: 30px;}
    .jszx02 .cont ul li{ padding-top: 20px; width: 30%;}
    .jszx02 .cont ul li .ico img{ height: 36px;}
    .jszx02 .cont ul li .t{ font-size: 12px; margin-top: 15px;}
}



.about{ background: url(g_41.jpg) top center no-repeat; background-size: cover;}
.about01{ padding-top: 160px;}
.about01 .nr{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.about01 .nr .lt{ width: calc(1030 / 1600 * 100%);}
.about01 .nr .lt .intro{ margin-top: 40px; font-size: 16px; color: #666666; line-height: 28px;}
.about01 .nr .rt{ width: calc(475 / 1600 * 100%);}
.about01 .nr .rt .item{ width: 40%; border-top: 2px solid #000000; padding-top: 40px; margin-bottom: 10px;}
.about01 .nr .rt .item:nth-child(2n){ margin-left: 60%;}
.about01 .nr .rt .item .p1{ font-size: 56px; color: #000000; line-height: 1}
.about01 .nr .rt .item .p2{ font-size: 16px; color: #666; line-height: 1.4; margin-top: 12px;}
@media all and (max-width:1600px){
    .about01{ padding-top: 100px;}
    .about01 .nr .lt .intro{ margin-top: 30px; font-size: 15px; line-height: 25px;}
    .about01 .nr .rt .item{ border-top: 2px solid #000000; padding-top: 32px;}
    .about01 .nr .rt .item .p1{ font-size: 48px;}
    .about01 .nr .rt .item .p2{ font-size: 15px; margin-top: 10px;}
}
@media all and (max-width:1200px){
    .about01{ padding-top: 80px;}
    .about01 .nr .lt{ width: 100%;}
    .about01 .nr .lt .intro{ margin-top: 20px; font-size: 14px; line-height: 1.8;}
    .about01 .nr .rt{ width: 100%; display: flex; justify-content: space-between; margin-top: 30px;}
    .about01 .nr .rt .item{ width: 22%; border-top: 2px solid #000000; padding-top: 20px;}
    .about01 .nr .rt .item:nth-child(2n){ margin-left: 0%;}
    .about01 .nr .rt .item .p1{ font-size: 36px;}
    .about01 .nr .rt .item .p2{ font-size: 14px;}
}
@media all and (max-width:750px){
    .about01{ padding-top: 60px;}
    .about01 .nr .rt{ margin-top: 0; flex-wrap: wrap;}
    .about01 .nr .rt .item{ width: 47%; border-top: 2px solid #000000; margin-top: 20px; padding-top: 15px;}
    .about01 .nr .rt .item:nth-child(2n){ margin-left: 0%;}
    .about01 .nr .rt .item .p1{ font-size: 32px;}
    .about01 .nr .rt .item .p2{ font-size: 14px;}
}

.about02{ width: 100%; margin-top: 60px;}
.about02 .ibd{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.about02 .ibd .pic{ width: calc(1033 / 1600 * 100%); overflow: hidden; border-radius: 20px;}
.about02 .ibd .pic img{ width:100%; transition: all 0.5s; transform: scale(1);}
.about02 .ibd .pic:hover img{ transform: scale(1.1);}
.about02 .ibd .item{ width: calc(467 / 1600 * 100%); overflow: hidden; border-radius: 20px; position: relative;}
.about02 .ibd .item .i{ display: block; width: 100%;}
.about02 .ibd .item .i img{ width:100%; transition: all 0.5s; transform: scale(1);}
.about02 .ibd .item:hover .i img{ transform: scale(1.1);}
.about02 .ibd .item .play{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url(g_43.png) center center no-repeat; background-size: 139px;}
@media all and (max-width:1600px){
    .about02{ margin-top: 50px;}
    .about02 .ibd .pic{ border-radius: 16px;}
    .about02 .ibd .item{ border-radius: 16px;}
    .about02 .ibd .item .play{ background-size: 110px;}
}
@media all and (max-width:1200px){
    .about02{ margin-top: 40px;}
    .about02 .ibd .pic{ border-radius: 12px;}
    .about02 .ibd .item{ border-radius: 12px;}
    .about02 .ibd .item .play{ background-size: 90px;}
}
@media all and (max-width:750px){
    .about02{ margin-top: 20px;}
    .about02 .ibd .pic{ width: 100%; border-radius: 10px;}
    .about02 .ibd .item{ width: 100%; border-radius: 10px; margin-top: 20px;}
    .about02 .ibd .item .play{ background-size: 90px;}
}

.about04 .ihd .xtitle{ text-align: center; margin-top: 120px;}
.about04 .ibd{ margin-top: 100px; display: flex; justify-content: space-between; align-items: flex-start;}
.about04 .ibd .lt{ width: calc(612 / 1600 * 100%);}
.about04 .ibd .lt .item{ width: 100%; position: relative; border-radius: 20px; overflow: hidden;}
.about04 .ibd .item .pic{ width: 100%; overflow: hidden;}
.about04 .ibd .item .pic img{ display: block; width: 100%; transition: all 0.5s; transform: scale(1);}
.about04 .ibd .item:hover .pic img{ transform: scale(1.1);}
.about04 .ibd .item .cont{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 50px 40px; color: #fff;}
.about04 .ibd .item .cont .title{ font-size: 34px; font-weight: bold; line-height: 1.2;}
.about04 .ibd .item .cont .intro{ font-size: 18px; line-height: 1.4; margin-top: 25px;}
.about04 .ibd .rt{ width: calc(974 / 1600 * 100%); display: flex; flex-wrap: wrap; justify-content: space-between;}
.about04 .ibd .rt .item{ width: calc(481 / 974 * 100%); position: relative; border-radius: 20px; overflow: hidden; margin-bottom:1.16%;}
.about04 .ibd .rt .item:nth-last-child(-n+2){ margin-bottom:0;}
@media all and (max-width:1600px){
    .about04 .ihd .xtitle{ margin-top: 100px;}
    .about04 .ibd{ margin-top: 80px;}
    .about04 .ibd .lt .item{ border-radius: 16px;}
    .about04 .ibd .rt .item{ border-radius: 16px;}
    .about04 .ibd .item .cont{ padding: 10% 7%;}
    .about04 .ibd .item .cont .title{ font-size: 28px;}
    .about04 .ibd .item .cont .intro{ font-size: 16px; margin-top: 20px;}

}
@media all and (max-width:1200px){
    .about04 .ihd .xtitle{ margin-top: 80px;}
    .about04 .ibd{ margin-top: 60px;}
    .about04 .ibd .lt .item{ border-radius: 10px;}
    .about04 .ibd .rt .item{ border-radius: 10px;}
    .about04 .ibd .item .cont .title{ font-size: 20px;}
    .about04 .ibd .item .cont .intro{ font-size: 14px; margin-top: 16px;}

}
@media all and (max-width:750px){
    .about04 .ihd .xtitle{ margin-top: 60px;}
    .about04 .ibd{ margin-top: 30px; flex-wrap: wrap;}
    .about04 .ibd .lt{ width: 100%;}
    .about04 .ibd .rt{ width: 100%; margin-top: 15px;}
    .about04 .ibd .lt .item{ border-radius: 10px;}
    .about04 .ibd .rt .item{ border-radius: 10px; margin-bottom: 15px; width: calc(50% - 7px);}
    .about04 .ibd .item .cont .title{ font-size: 16px;}
    .about04 .ibd .item .cont .intro{ font-size: 12px; margin-top: 10px;}

}

.about05{ padding: 120px 0;}
.about05 .ihd{ text-align: center;}
.about05 .ibd{ margin-top: 100px;}
.about05 .ibd .swiper05{ width: 100%; overflow: hidden; box-sizing: border-box; padding: 1px;}
.about05 .ibd .swiper05 .swiper-slide{ width: calc(370 / 1600 * 100%); margin-right: calc(40 / 1600 * 100%);}
.about05 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0;}
.about05 .ibd .swiper05 .swiper-slide a{ display: block; width: 100%; background: #fff; box-sizing: border-box; border-radius: 20px; border:1px solid #d3dcee; padding: 40px 0 0 0;}
.about05 .ibd .swiper05 .swiper-slide a .pic{ width: 100%; text-align: center;}
.about05 .ibd .swiper05 .swiper-slide a .pic img{ height: 283px; width: auto;}
.about05 .ibd .swiper05 .swiper-slide a .title{ padding: 40px 10px; font-size: 16px; color: #666666; text-align: center; box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.about05 .ibd .swiper05 .pagination05{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.about05 .ibd .swiper05 .pagination05 span{ display: block; width: 10px; height: 10px; border-radius: 50%; background: #b5b5b5; opacity: 1; padding: 0; margin: 0; margin:0 10px;}
.about05 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{ width: 20px; height: 20px; background: #161616;}
@media all and (max-width:1600px){
    .about05{ padding: 100px 0;}
    .about05 .ibd{ margin-top: 80px;}
    .about05 .ibd .swiper05 .swiper-slide a{ padding: 30px 0 0 0;}
    .about05 .ibd .swiper05 .swiper-slide a .pic img{ height: 230px;}
    .about05 .ibd .swiper05 .swiper-slide a .title{ padding: 30px 10px; font-size: 14px;}
    .about05 .ibd .swiper05 .pagination05{ margin-top: 60px;}
    .about05 .ibd .swiper05 .pagination05 span{ width: 8px; height: 8px; margin:0 8px;}
    .about05 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{ width: 16px; height: 16px;}
}
@media all and (max-width:1200px){
    .about05{ padding: 80px 0;}
    .about05 .ibd{ margin-top: 60px;}
    .about05 .ibd .swiper05 .swiper-slide{ width: 31%; margin-right: 3.5%;}
    .about05 .ibd .swiper05 .swiper-slide a{ padding: 20px 0 0 0;}
    .about05 .ibd .swiper05 .swiper-slide a .pic img{ height: 180px;}
    .about05 .ibd .swiper05 .swiper-slide a .title{ padding: 20px 10px; font-size: 14px;}
    .about05 .ibd .swiper05 .pagination05{ margin-top: 40px;}
    .about05 .ibd .swiper05 .pagination05 span{ width: 6px; height: 6px; margin:0 6px;}
    .about05 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{ width: 12px; height: 12px;}
}
@media all and (max-width:750px){
    .about05{ padding: 60px 0;}
    .about05 .ibd{ margin-top: 30px;}
    .about05 .ibd .swiper05 .swiper-slide{ width: 48.5%; margin-right: 3%;}
    .about05 .ibd .swiper05 .swiper-slide a{ padding: 20px 0 0 0; border-radius: 10px;}
    .about05 .ibd .swiper05 .swiper-slide a .pic img{ height: 140px;}
    .about05 .ibd .swiper05 .swiper-slide a .title{ padding: 20px 10px; font-size: 14px;}
    .about05 .ibd .swiper05 .pagination05{ margin-top: 30px;}

}


.about03{ margin-top: 120px;}
.about03 .ihd{ text-align: center;}
.about03 .ibd{ margin-top: 120px;}
.about03 .ibd .mySwiper2{ width:350px;}
.about03 .ibd .mySwiper2 .swiper-slide{ position: relative;}
.about03 .ibd .mySwiper2 .swiper-slide .title{ font-size: 66px; color: #999999; font-weight: bold; line-height: 1; position: relative;}
.about03 .ibd .mySwiper2 .swiper-slide .title::after{ content: ""; display: block; width: 275px; position: absolute; left: 100%; top: 0; height: 66px; background: url(g_49.png) center center no-repeat;}
.about03 .ibd .mySwiper2 .swiper-slide.swiper-slide-active .title{ color: #9311b7;}
.about03 .ibd .mySwiper2 .swiper-slide .intro{ margin-top: 35px; }
.about03 .ibd .mySwiper2 .swiper-slide .intro p{ padding-left: 18px; position: relative; font-size: 16px; color: #666666; line-height: 1.5; margin-bottom: 10px; }
.about03 .ibd .mySwiper2 .swiper-slide .intro p:after{ content: ""; display: block; width: 4px; height: 4px; background: #000; position: absolute; left: 0; top:12px; border-radius: 100%;}
.about03 .ibd .cont{ width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 15px; height: 80px; border-radius: 40px; background: #f9f6fb; margin-top: 80px;}
.about03 .ibd .cont .preva{ background: url(g_29.png) center center no-repeat; background-size: cover; width: 46px; height: 46px; transform: rotate(180deg);}
.about03 .ibd .cont .preva:hover{ background: url(g_30.png) center center no-repeat; background-size: cover; transform: rotate(180deg);}
.about03 .ibd .cont .nexta{ background: url(g_29.png) center center no-repeat; background-size: cover; width: 46px; height: 46px; transform: rotate(0);}
.about03 .ibd .cont .nexta:hover{ background: url(g_30.png) center center no-repeat; background-size: cover; transform: rotate(0);}
.about03 .ibd .cont .mySwiper{ width: 1369px; overflow: hidden; background: url(g_39.jpg) left bottom repeat-x; }
.about03 .ibd .cont .mySwiper .swiper-slide{ font-size: 16px; font-weight: bold; color: #000; line-height: 1; padding-bottom: 36px; text-align: center;}
.about03 .ibd .cont .mySwiper .swiper-slide.on{ background: url(g_40.jpg) left bottom repeat-x; color: #9311b7;}
@media all and (max-width:1600px){
    .about03{ margin-top: 100px;}
    .about03 .ibd{ margin-top: 100px;}
    .about03 .ibd .mySwiper2{ width:280px;}
    .about03 .ibd .mySwiper2 .swiper-slide .title{ font-size: 52px;}
    .about03 .ibd .mySwiper2 .swiper-slide .title::after{ width: 180px; height: 52px; background-size: auto 5px;}
    .about03 .ibd .mySwiper2 .swiper-slide .intro{ margin-top: 25px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p{ padding-left: 16px; font-size: 14px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p:after{ top:10px; }
    .about03 .ibd .cont{ height: 70px; margin-top: 60px;}
    .about03 .ibd .cont .preva{ width: 40px; height: 40px;}
    .about03 .ibd .cont .nexta{ width: 40px; height: 40px;}
    .about03 .ibd .cont .mySwiper{ width: 999px; background: url(g_50.png) left bottom repeat-x;  }
    .about03 .ibd .cont .mySwiper .swiper-slide{ font-size: 14px; padding-bottom: 30px; }
    .about03 .ibd .cont .mySwiper .swiper-slide.on{ background: url(g_51.png) left bottom repeat-x; }
}
@media all and (max-width:1200px){
    .about03{ margin-top: 80px;}
    .about03 .ibd{ margin-top: 80px;}
    .about03 .ibd .mySwiper2{ width:100%;}
    .about03 .ibd .mySwiper2 .swiper-slide .title{ font-size: 42px;}
    .about03 .ibd .mySwiper2 .swiper-slide .title::after{ width: 0; height: 0; background-size: auto 5px;}
    .about03 .ibd .mySwiper2 .swiper-slide .intro{ margin-top: 25px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p{ padding-left: 16px; font-size: 14px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p:after{ top:10px; }
    .about03 .ibd .cont{ height: 70px; margin-top: 60px;}
    .about03 .ibd .cont .preva{ width: 32px; height: 32px;}
    .about03 .ibd .cont .nexta{ width: 32px; height: 32px;}
    .about03 .ibd .cont .mySwiper{ width: 621px; background: url(g_50.png) left bottom repeat-x;  }
    .about03 .ibd .cont .mySwiper .swiper-slide{ font-size: 14px; padding-bottom: 30px; }
    .about03 .ibd .cont .mySwiper .swiper-slide.on{ background: url(g_51.png) left bottom repeat-x; }
}

@media all and (max-width:750px){
    .about03{ margin-top: 60px;}
    .about03 .ibd{ margin-top: 40px;}
    .about03 .ibd .mySwiper2 .swiper-slide .title{ font-size: 32px;}
    .about03 .ibd .mySwiper2 .swiper-slide .intro{ margin-top: 25px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p{ padding-left: 16px; font-size: 14px; }
    .about03 .ibd .mySwiper2 .swiper-slide .intro p:after{ top:10px; }
    .about03 .ibd .cont{ height: 60px; margin-top: 40px; padding: 0 10px; }
    .about03 .ibd .cont .preva{ width: 28px; height: 28px;} 
    .about03 .ibd .cont .nexta{ width: 28px; height: 28px;}
    .about03 .ibd .cont .mySwiper{ width: 243px; background: url(g_50.png) left bottom repeat-x;  }
    .about03 .ibd .cont .mySwiper .swiper-slide{ font-size: 14px; padding-bottom: 25px; }
    .about03 .ibd .cont .mySwiper .swiper-slide.on{ background: url(g_51.png) left bottom repeat-x; }
}


.pro01{ padding: 120px 0;}
.pro01{ width: 100%; overflow: hidden; }
.pro01 .nr{ display: flex; flex-wrap: wrap; align-items: flex-start;}
.pro01 .item{ width: calc(366 / 1600 * 100%); margin-right: calc(45 / 1600 * 100%); background: #f3f3f3; border-radius: 20px; transition: all 0.5s linear; margin-bottom: 55px;}
.pro01 .item:hover{  background: url(g_13.jpg) center center no-repeat; background-size: cover;}
.pro01 .item:nth-child(4n){ margin-right: 0;}
.pro01 .item a{ display: block; width: 100%;}
.pro01 .item a .title{ display: block; width: 100%; box-sizing: border-box; height: 235px; padding: 45px 28px; display: flex; align-items: flex-start;  font-size: 24px; color: #161616; transition: all 0.5s;}
.pro01 .item a .title i{ display: block; font-weight: bold; }
.pro01 .item a .title span{ display: block; margin-left: 10px; }
.pro01 .item a .pic{ width: 100%;}
.pro01 .item a .pic img{ width: 100%;}
.pro01 .item:hover a .title{ color: #fff;}

@media only screen and (max-width:1600px){
    .pro01{ padding: 100px 0;}
    .pro01 .item{ border-radius: 16px; margin-bottom: 40px;}
    
    .pro01 .item a .title{ height: 160px; padding: 35px 20px; font-size: 20px;}

}
@media only screen and (max-width:1200px){
    .pro01{ padding: 80px 0;}
    .pro01 .item{ border-radius: 12px; width: 31%; margin-right: 3.5%;  margin-bottom: 30px;}
    .pro01 .item:nth-child(4n){ margin-right: 3.5%;}
    .pro01 .item:nth-child(3n){ margin-right: 0;}
    .pro01 .item a .title{ height: 120px; padding: 30px 20px; font-size: 18px;}
}
@media only screen and (max-width:750px){
    .pro01{ padding: 60px 0;}
    .pro01 .item{ border-radius: 12px; width: 48.5%; margin-right: 3%; margin-bottom: 15px;}
    .pro01 .item:nth-child(4n){ margin-right: 3%;}
    .pro01 .item:nth-child(3n){ margin-right: 3%;}
    .pro01 .item:nth-child(2n){ margin-right: 0;}
    .pro01 .item a .title{ height: 100px; padding: 30px 15px; font-size: 16px;}
}


.pro02{ background: url(g_52.jpg) bottom center no-repeat; background-size: cover; background-size: 100% 100%; padding: 40px 0 160px;}
.pro02 .ihd{ text-align: center;}
.pro02 .ibd{ margin-top: 100px;}
.pro02 .ibd .inc{ width: 1300px; margin: 0 auto; border-radius: 20px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.pro02 .ibd .inc table{ background: #fff;}
.pro02 .ibd .inc table  thead{ background: #000; color: #fff; height: 100px; font-size: 18px;}
.pro02 .ibd .inc table tbody td{ font-size: 18px; color: #121212; padding: 20px; border-right: 2px solid #fbfbfb;}
.pro02 .ibd .inc table tbody tr:nth-child(2n){ background: #f4f4f4;}
.pro02 .ibd .inc table tbody tr td.col01{ background: #eb8432; font-weight: bold; border-bottom: 2px solid #fff;}
.pro02 .ibd .inc table tbody tr:last-child td.col01{  border-bottom:0;}
.pro02 .ibd .inc table tbody tr td:last-child{  border-right:0;}
@media only screen and (max-width:1600px){
    .pro02 { padding: 40px 0 120px; }
    .pro02 .ibd { margin-top: 80px; }
    .pro02 .ibd .inc { 
        width: 90%; /* 改为百分比适应中等屏幕 */
        max-width: 1200px;
        border-radius: 16px; 
    }
    .pro02 .ibd .inc table thead { 
        height: 80px; 
        font-size: 16px; 
    }
    .pro02 .ibd .inc table tbody td { 
        font-size: 16px; 
        padding: 15px; 
    }
}

@media only screen and (max-width:1200px){
    .pro02 { padding: 40px 0 80px; }
    .pro02 .ibd { margin-top: 60px; }
    .pro02 .ibd .inc { 
        width: 95%; 
        border-radius: 12px; 
    }
    .pro02 .ibd .inc table thead { 
        height: 60px; 
        font-size: 14px; 
    }
    .pro02 .ibd .inc table tbody td { 
        font-size: 14px; 
        padding: 12px 10px; /* 减小左右内边距以防文字换行过多 */
    }
}

@media only screen and (max-width:750px){
    .pro02 { padding: 30px 0 60px; }
    .pro02 .ibd { margin-top: 40px; }
    .pro02 .ibd .inc { 
        width: 100%; 
        border-radius: 8px; 
        box-shadow: none; /* 移动端可去掉阴影减轻视觉负担 */
        overflow-x: auto; /* 允许表格横向滚动 */
    }
    .pro02 .ibd .inc table {
        min-width: 600px; /* 确保表格在手机上不会挤压变形，出现滚动条 */
    }
    .pro02 .ibd .inc table thead { 
        height: 50px; 
        font-size: 13px; 
    }
    .pro02 .ibd .inc table tbody td { 
        font-size: 13px; 
        padding: 10px 8px; 
        white-space: nowrap; /* 防止单元格内容强制换行，配合滚动条使用 */
    }
    /* 如果希望移动端不滚动而是堆叠显示，则需要更复杂的CSS重构，通常表格推荐横向滚动 */
}