@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"Arial"; -webkit-text-size-adjust:none;}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#3A8BF4;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:100%; max-width:1400px; margin:0 auto; box-sizing: border-box; padding:0 20px;}

/* 布局工具类 */
.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}

header { position:fixed; left:0; top:0; right:0; z-index:8888}

.index_bg { position:absolute; z-index:1; left:0; top:0; bottom:0; right:0; background:url(../images/index_bg1.jpg) center no-repeat; background-size:100% auto}

.banner_index { position:absolute; z-index:1; left:0; top:0; bottom:0; right:0;}
.banner_index ul li { height:100%}

.index_logo { position:absolute; left:0; right:0; z-index:22; top:15%}
.index_logo img { display:block; max-width:80%; margin:0 auto}

/* 核心优化：标签区域样式 */
.index_an { 
    position:absolute; 
    left:0; 
    right:0; 
    z-index:22; 
    bottom:25%; /* 调整为距离视口底部25% */
    padding:0 20px; 
    box-sizing: border-box;
}
.index_an h4 { display: none; } /* 隐藏原有的h4元素 */
.index_an ul { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1400px;
    margin:0 auto;
    gap: 15px;
}
.index_an ul li { 
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    padding-top:5px; 
    -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none; 
}
.index_an ul li a { 
    background: linear-gradient(180deg, #3E92FC, #364CAA); 
    border-radius:29px; 
    font-size:18px; 
    color:#fff; 
    padding:13px 15px 13px 50px; 
    border:1px #fff solid; 
    position:relative;
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_an ul li i { 
    display:block; 
    position:absolute; 
    left:15px; 
    top:0; 
    bottom:0; 
    width:30px; 
    background:url(../images/index/index_ico0.png) center no-repeat;
    margin: auto 0;
}
.index_an ul li:hover { padding-top:0px}

/* 新增：页脚版权信息 */
.page-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
    z-index: 22;
    text-align: center;
    font-size: 12px;
    color: #666;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 响应式优化 */
@media all and (max-width:1400px){
    .index_an { bottom:22%; } /* 按比例调整为22% */
    .page-footer { bottom: 1.5%; padding: 0 10px; } 
    .index_an ul li { 
        min-width: 250px;
        max-width: 320px;
    }
    .index_an ul li a {
        font-size: 16px;
        padding: 12px 10px 12px 45px;
    }
    .index_an ul li i {
        left: 12px;
        width: 25px;
        background-size: 80% auto;
    }
}
@media all and (max-width:1200px){
    .index_an { bottom:18%; } /* 按比例调整为18% */
    .page-footer { bottom: 1.5%; padding: 0 10px; } 
    .index_an ul li { 
        min-width: 230px;
        max-width: 300px;
    }
    .index_an ul li a {
        font-size: 15px;
        padding: 12px 8px 12px 40px;
    }
    .index_an ul li i {
        left: 10px;
        width: 22px;
    }
}
/* 修改max-width: 992px区间的规则 */
@media all and (max-width: 992px) {
    .index_an { 
        bottom: 15%; 
    }
    .index_an ul {
        justify-content: center;
    }
    .index_an ul li { 
        flex: 0 0 calc(50% - 15px); /* 强制每行两个标签 */
        max-width: calc(50% - 15px);
        margin: 0 7.5px 15px; /* 添加左右间距 */
    }
}
@media all and (max-width:768px){
    .index_an { bottom:12%; } /* 按比例调整为12% */
    .page-footer { 
        bottom: 1.5%; 
        font-size: 10px; 
        line-height: 1.5;
        padding: 0 10px;
    }
    .index_an ul {
        flex-direction: column;
        align-items: center;
    }
    .index_an ul li { 
        width: 100%;
        max-width: 400px;
    }
    .index_an ul li a {
        font-size: 18px;
        padding: 13px 15px 13px 50px;
        white-space: normal;
    }
}
@media all and (max-width:480px){
    .index_an { bottom:10%; } /* 按比例调整为10% */
    .page-footer { 
        bottom: 1.5%; 
        font-size: 9px; 
        padding: 0 10px;
    }
    .index_an ul { 
        padding-bottom:30px;
    }
    .index_an ul li a { 
        height:42px; 
        line-height:42px;
        padding: 0 15px 0 45px;
    }
}

/* 以下为原CSS文件的其他部分，保持不变... */
.head_1 { height:32px; background:#222222; overflow:hidden}
.head_1 .head_lj { float:left; line-height:32px}
.head_1 .head_lj a { display:block; float:left; color:#fff; font-size:14px; background:url(../images/ico_c1.png) left no-repeat; padding:0 40px}
.head_1 .head_r2 { float:right; line-height:32px}
.head_1 .head_r2 a { display:block; float:left; color:#fff; font-size:14px; padding:0 30px; position:relative}
.head_1 .head_r2 a i { display:block; float:left; width:40px; height:32px}
.head_1 .head_r2 a:nth-child(2) { background:#4259B8}
.head_1 .head_r2 a i.r1 { background:url(../images/ico_c2.png) left no-repeat}
.head_1 .head_r2 a i.r2 { background:url(../images/ico_c3.png) left no-repeat}

.head_1 .head_r2 a:nth-child(2) span { display:block; position:absolute; left:50px; top:5px; width:14px; height:14px; color:#fff; font-size:10px; text-align:center; line-height:14px; background:#cc0000; border-radius:50%}

@media all and (max-width:1100px){
    .head_1 .head_lj a { font-size:12px; padding:0 20px 0 40px}
    .head_1 .head_r2 a:nth-child(2) { display:none}
}
@media all and (max-width:480px){
    .head_1 .head_r2 { display:none}
}

.head_2 { height:98px; border-bottom:2px #C1C8E8 solid; background:url(../images/head_bg1.jpg) top; position:relative; z-index:2222}
.head_2 .logos { display:block; float:left}
.head_2 .logos img { padding-top:23px}

.head_2 nav { float:left; padding-left:50px; padding-top:14px}
.head_2 nav ul li { float:left; position:relative; height:84px; position:relative}
.head_2 nav ul li a { display:block; padding:0 30px; line-height:70px; font-size:18px; font-weight:bold}
.head_2 nav ul li.nav_on i { display:block; position:absolute; left:30px; right:30px; bottom:-2px; height:2px; background:#4259B8}

.head_2 .head_dl { float:right; width:140px; line-height:98px; padding-left:40px; background:url(../images/ico_c4.png) left no-repeat}
.head_2 .head_dl a { font-size:16px; padding:0 5px}

.head_2 .head_ss { float:right; padding-top:30px; height:38px; width:250px; position:relative}
.head_2 .head_ss .inp1 { display:block; width:100%; line-height:36px; height:36px; background:#fff; border:1px #ccc solid; border-radius:18px; padding:0 10px}
.head_2 .head_ss .inp2 { position:absolute; z-index:22; right:0; width:20px; top:35px; height:40px; cursor:pointer; opacity:0}
.head_2 .head_ss i { position:absolute; z-index:21; right:0; width:20px; top:30px; height:40px; background:url(../images/ico_c5.png) center no-repeat}

.head_2 .head_r2 { display:none}

@media all and (max-width:1460px){
    .head_2 nav { padding-left:30px;}
    .head_2 nav ul li a { padding:0 20px; font-size:16px}

    .head_2 .head_ss { width:50px; position:relative}
    .head_2 .head_ss .inp1 { width:150px; position:absolute; top:70px; right:0; display:none}
    .head_2 .head_ss:hover .inp1 { display:block;}
    .head_2 .head_ss .inp2 { position:absolute; top:71px; height:36px; cursor:pointer; opacity:1; display:none; width:30px; border-radius:0 18px 18px 0}
    .head_2 .head_ss:hover .inp2 { display:block;}
}
@media all and (max-width:1100px){
    .head_2 { height:60px; border-bottom:1px #C1C8E8 solid; background:#fff}
    .head_2 .logos { padding-top:10px}
    .head_2 .logos img { padding-top:0; height:40px}

    .head_2 nav { position:absolute; left:0; top:61px; background:#fff; right:0; padding:0; display:none}
    .head_2 nav ul li { float:none; height:auto; padding:5px 0; line-height:34px; position:relative; border-bottom:1px #ddd solid}
    .head_2 nav ul li a { line-height:34px; font-size:14px}
    .head_2 nav ul li.nav_on i { left:0px; right:0; bottom:0; height:100%; background:#4259B8}
    .head_2 nav ul li.nav_on a { color:#fff; position:relative; z-index:333}

    .head_2 .head_dl { width:auto; line-height:60px; padding-left:0; background:none}
    .head_2 .head_dl a { font-size:14px; padding:0 5px}

    .head_2 .head_ss { padding-top:10px; width:30px; margin-right:30px}
    .head_2 .head_ss i { top:10px; }

    .head_2 .head_r2 { display:block; position:absolute; right:5%; top:0}
    .head_2 .head_r2 i { display:block; line-height:60px; font-size:18px; color:#888}
}

.banner { height:650px; position:relative; min-width:1200px; margin-top:132px}
.banner .bd { height:650px; overflow:hidden; position:relative; z-index:11}
.banner .bd ul li { height:650px; position:relative}

.banner .hd { position:absolute; left:0; right:0; text-align:center; z-index:333; bottom:60px; height:20px}
.banner .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner .hd ul li i { color:#fff; font-size:18px}
.banner .hd ul li.on i { color:#354FAF}

.banner a.prev { display:block; position:absolute; left:30px; top:50%; z-index:333; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/left.png); cursor:pointer}
.banner a.next { display:block; position:absolute; right:30px; top:50%; z-index:334; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/right.png); cursor:pointer}

@media all and (max-width:1460px){
    .banner { height:500px;}
    .banner .bd { height:500px;}
    .banner .bd ul li { height:500px;}

    .banner .hd { bottom:40px;}
}

@media all and (max-width:1100px){
    .banner { height:380px; min-width: inherit; margin-top:93px}
    .banner .bd { height:380px;}
    .banner .bd ul li { height:380px;}
}
@media all and (max-width:750px){
    .banner { display:none}
    .banner { height:253px;}
    .banner .bd { height:253px;}
    .banner .bd ul li { height:253px;}
}
@media all and (max-width:480px){
    .banner { height:180px;}
    .banner .bd { height:180px;}
    .banner .bd ul li { height:180px;}

    .banner .hd { bottom:10px; display:none}

    .banner a.prev { transform:scale(0.5); left:5px}
    .banner a.next { transform:scale(0.5); right:5px}
}

.banner2 { display:none; position:relative}

.banner2 .hd { position:absolute; left:0; right:0; text-align:center; z-index:333; bottom:60px; height:20px}
.banner2 .hd ul li { display:inline; padding:0 5px; cursor:pointer}
.banner2 .hd ul li i { color:#fff; font-size:18px}
.banner2 .hd ul li.on i { color:#354FAF}

.banner a.prev { display:block; position:absolute; left:30px; top:50%; z-index:333; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/left.png); cursor:pointer}
.banner a.next { display:block; position:absolute; right:30px; top:50%; z-index:334; cursor:pointer; margin-top:-30px; width:32px; height:59px; background:url(../images/right.png); cursor:pointer}

@media all and (max-width:750px){
    .banner2 { display:block}
    .banner2 .bd ul li img { display:block; width:100%}
}
@media all and (max-width:480px){
    .banner2 .hd { bottom:20px;}

    .banner2 a.prev { transform:scale(0.5); left:5px}
    .banner2 a.next { transform:scale(0.5); right:5px}
}

.index_1s {}
.index_1s img { display:block; max-width:100%; margin:0 auto}

.index_1 { width:100%; max-width:1400px; margin:0 auto; padding-top:45px; box-sizing: border-box; padding:0 20px;}
.index_1 .index_bz { float:left; width:457px; height:267px; background:url(../images/index_pic1.png)}
.index_1 .index_bz ul {}
.index_1 .index_bz ul li { float:left; width:33.3%}
.index_1 .index_bz ul li a { display:block; text-align:center; color:#fff; font-size:16px; padding-top:100px}

.index_1 .index_tj { float:right; width:calc(100% - 477px);}
.index_1 .index_tj ul li { float:left; width:calc(50% - 10px); height:267px; margin-left:10px;}
.index_1 .index_tj ul li a { display:block; float:right; width:100%; background:#F2F2F2; height:267px}
.index_1 .index_tj ul li a:hover { background:#fff;box-shadow:0 0 5px #ccc}
.index_1 .index_tj ul li h1 { font-size:24px; text-align:center; padding-top:25px; line-height:30px; display:none}
.index_1 .index_tj ul li h3 { font-size:16px; text-align:center; line-height:26px; display:none}
.index_1 .index_tj ul li img { display:block; margin:0 auto; width:100%; height:100%}

@media all and (max-width:1460px){
    .index_1 { width:100%; max-width:1100px; padding-top:35px;}
    .index_1 .index_bz { float:left; width:360px; height:210px; background:url(../images/index_pic1.png); background-size:100% 100%}
    .index_1 .index_bz ul li a { font-size:14px; padding-top:70px; padding-bottom:5px}

    .index_1 .index_tj { width:calc(100% - 380px);}
    .index_1 .index_tj ul li { width:calc(50% - 10px); position:relative; height:210px; margin-left:10px;}
    .index_1 .index_tj ul li a { width:100%; height:210px}
}
@media all and (max-width:1100px){
    .index_1 { width:100%; max-width:90%; padding-top:25px;}
    .index_1 .index_bz { display:none;}
    .index_1 .index_tj { float:none; width:100%;}
    .index_1 .index_tj ul li { width:calc(50% - 10px); height:auto; margin:0 10px 20px 0;}
    .index_1 .index_tj ul li a { width:100%; margin:0 auto; display:block; float:none; height:auto; position:relative; left:auto; top:auto}
    .index_1 .index_tj ul li img { height:auto;}
}
@media all and (max-width:660px){
    .index_1 .index_tj ul li { width:100%; margin:0 0 20px 0;}
    .index_1 .index_tj ul li img { height:auto;}
}

.index_2 { background:#FAFAFA; height:185px; width:100%; max-width:1400px; margin:20px auto 45px auto; overflow:hidden; box-sizing: border-box; padding:0 20px;}
.index_2 .index_gg { float:left; width:500px; padding-left:45px; padding-top:20px; box-sizing: border-box;}
.index_2 .index_gg h2 { float:left; line-height:40px; font-size:30px; color:#3A8BF4; padding-right:40px; background:url(../images/ico_c6.png) right no-repeat}
.index_2 .index_gg h3 { clear:both; padding-top:10px; line-height:32px; font-size:18px}

.index_2 .hd { float:right;}
.index_2 .hd img { display:block;}
.index_2 .hd ul li { line-height:28px; font-size:16px;}
.index_2 .hd ul li a { display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_2 .hd ul li a:hover { padding-left:5px;}
.index_2 .hd ul li span { color:#3A8BF4;}

.index_2 .bd { float:left;}
.index_2 .bd ul li { padding-top:1px;}
.index_2 .bd ul li img { display:block; height:183px;}

@media all and (max-width:1460px){
    .index_2 { width:100%; max-width:1100px; margin:20px auto 35px auto;}
    .index_2 .index_gg { width:240px; padding-left:30px;}
    .index_2 .index_gg h2 { font-size:24px;}
    .index_2 .index_gg h3 { line-height:26px; font-size:14px;}

    .index_2 .hd { width:calc(100% - 270px);}
    .index_2 .hd ul li { font-size:14px;}
    .index_2 .bd { float:right; height:183px; overflow:hidden;}
}
@media all and (max-width:1100px){
    .index_2 { width:100%; max-width:90%; margin:10px auto 20px auto; height:auto; padding-bottom:20px;}
    .index_2 .index_gg { width:auto; padding:20px 20px 0 20px; float:none;}
    .index_2 .index_gg h2 { font-size:18px;}
    .index_2 .index_gg h3 { padding-top:5px; font-size:14px;}

    .index_2 .hd { float:none; width:100%; padding-top:20px;}
    .index_2 .hd img { width:100%; height:auto;}
}

.index_3 { background:#FAFAFA; padding:30px 0; box-sizing: border-box;}
.index_3 .more { float:right; line-height:30px;}
.index_3 h2 { font-size:24px; line-height:30px; font-weight:normal; text-transform:uppercase; padding-bottom:20px;}

.index_3 ul { width:100%; max-width:1400px; margin:0 auto; box-sizing: border-box; padding:0 20px;}
.index_3 ul li { float:left; width:calc(33.33% - 20px); padding-bottom:13px; margin-right:30px;}
.index_3 ul li a { display:block; background:#fff; width:100%; position:relative; overflow:hidden;}
.index_3 ul li img { display:block; width:100%;}
.index_3 ul li h3 { padding-left:245px; text-align:center; font-size:18px; padding-top:30px; line-height:40px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_3 ul li h3 span { color:red;}
.index_3 ul li h4 { padding-left:245px; text-align:center; font-size:16px; color:#888; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.index_3 ul li h5 { padding-left:245px; text-align:center; font-size:14px; color:#3A8BF4; padding-top:40px;}

.index_3 ul li a:hover { box-shadow:5px 5px 5px #ddd; margin-left:-5px; margin-top:-5px; margin-bottom:5px;}

@media all and (max-width:1460px){
    .index_3 ul { width:100%; max-width:1100px;}
    .index_3 ul li { width:calc(33.33% - 20px); padding-bottom:15px; margin-right:15px;}
    .index_3 ul li a { width:100%;}

    .index_3 ul li h3 { padding-left:180px;}
    .index_3 ul li h4 { padding-left:180px;}
    .index_3 ul li h5 { padding-left:180px; padding-top:20px;}
}

@media all and (max-width:1100px){
    .index_3 ul { width:100%;}
    .index_3 h2 { font-size:18px;}

    .index_3 ul li { width:calc(50% - 15px); padding-bottom:10px; margin-right:30px;}
    .index_3 ul li a { width:100%; height:auto; margin:0 auto;}
    .index_3 ul li h3 { padding-left:0; font-size:16px; padding-top:10px; line-height:30px;}
    .index_3 ul li h4 { padding-left:0; font-size:12px;}
    .index_3 ul li h5 { padding-left:0; font-size:14px; padding-top:15px;}

    .index_3 ul li a:hover { box-shadow:5px 5px 5px #ddd; margin:0 auto;}
}

.index_4 { width:100%; max-width:1400px; margin:0 auto; padding-top:50px; box-sizing: border-box; padding:0 20px;}
.index_4 img { max-width:100%;}

@media all and (max-width:1460px){
    .index_4 { width:100%; max-width:1100px; padding-top:30px;}
    .index_4 .ft { width:auto; float:none;}
    .index_4 .fr { width:auto; float:none;}
    .index_4 img { display:block; width:100%;}
}
@media all and (max-width:1100px){
    .index_4 { width:100%; max-width:90%; padding-top:20px;}
    .index_4 .ft { width:auto; float:none; padding-bottom:15px;}
    .index_4 .fr { width:auto; float:none;}
    .index_4 img { display:block; width:100%;}
}

.index_5 { width:100%; max-width:1400px; margin:0 auto; padding-top:50px; height:140px; border-bottom:1px #eee solid; box-sizing: border-box; padding:0 20px;}
.index_5 ul { display: flex; flex-wrap: wrap; justify-content: center;}
.index_5 ul li { flex: 1; min-width: 150px; max-width: 200px; text-align:center;}
.index_5 ul li img { display:block; padding-top:30px; padding-bottom:20px; margin:0 auto; max-width: 80%;}
.index_5 ul li h3 { font-size:16px;}
 
@media all and (max-width:1460px){
    .index_5 { width:100%; max-width:1100px; padding-top:30px;}
    .index_5 ul li h3 { font-size:14px;}
}
@media all and (max-width:1100px){
    .index_5 { width:100%; padding-top:20px; height:110px;}
    .index_5 ul li h3 { font-size:12px; line-height:20px; height:40px;}
    .index_5 ul li img { padding-top:20px; padding-bottom:10px; max-width:50%;}
}