@charset "UTF-8";
/* CSS Document */
/*公共样式*/
.clear: after { 
display: block; 
clear: both; 
height: 1px; 
content: '' 
}
.f_both{ clear:both;} 
.wrapper{ display:none;margin:0 !important;}
.mt50{margin-top:50px;}
a:hover{text-decoration: none;}

body{font-size: 14px;background:url(../images/banner.jpg) top center no-repeat; position:relative;top: 0;left: 0;}

	.banner{background:url(../images/banner.jpg) top center no-repeat;height: 928px;}
	.layout_1{width: 1200px;margin:0 auto;display: flex;margin-top: 30px;}
	.flash_div1{width: 704px;height: 257px;flex:none;}
	.tittle_1{text-align: center;margin-bottom: 35px;}
	.tittle_1 a{ color:#00409e;font-size:28px; line-height:40px;font-weight: bold;}
	.flash_list{display: flex;width: 100%;}
	.saishi_div1{}

	.flash_div{width: 443px;height: 257px; }
	.flash{width: 443px;height: 257px; position: relative;top: 0;left: 0;}
	.flash_p{ position:absolute;bottom:0;left:0;width:100%; z-index: 101;width: 100%;text-align: center;}
	.flash_p a{font-size: 14px; color: #fff;line-height: 30px;}
	.flash_bg{ position:absolute;bottom:0;left:0;width:100%; z-index: 100}
	.flash_pic{ position:absolute;bottom:0;left:0;width:100%; z-index: 99}

	.list_p{width: 100%;margin-left: 10px;width: 248px;margin-top: -5px;}
	.list_p li{width: 100%;text-align: left;border-bottom: 1px #dee7f3 dotted;padding:4px 0;}
	.list_p li:last-child{border:0;}
	.list_p li span{ color:#f39800;margin-right:5px; }
	.list_p li a{font-size: 12px; color: #000;line-height: 30px;}

	.saishi_div1{width: 100%;margin-top: 31px;text-align: left;flex: 1;margin-left: 50px;}
	.tittle_2{position:relative;top: 0;left: 0;}
	.tittle_2 a{position: absolute;top: 22px;right: 0;color: #474a4d;font-size: 12px;}

	.plist_div{width: 100%;display: flex;gap: 20px}
	.plist1{margin-top: 15px;}
	.plist1_p{width: 187px;height: 95px;background: url(../images/tu_bg_2.jpg) top center no-repeat;padding:0 14px;padding-top: 26px;}
	.plist1_p span{width: 35px;height: 4px;background: #f39800;margin-bottom: 4px;display: block;}
	.plist1_p p{ color:#fff; font-size:12px; line-height:22px;text-align:;left: margin-top: 5px;}
	.plist2{margin-top: 15px;}
	.plist2_p{width: 187px;height: 95px;background: url(../images/tu_bg_1.jpg) top center no-repeat;padding:0 14px;padding-top: 26px;}
	.plist2_p span{width: 35px;height: 4px;background: #f39800;margin-bottom: 4px;display: block;}
	.plist2_p p{ color:#fff; font-size:12px; line-height:22px;text-align:;left: margin-top: 5px;}

	.plist3{margin-top: 15px;width: 393px;height: 247px; overflow: hidden; position: relative;margin-top: 80px;}
	.plist3_p{ position:absolute;bottom:0;left:0;width:100%; z-index: 101;width: 100%;text-align: center;}
	.plist3_p a{font-size: 14px; color: #fff;line-height: 30px;}
	.plist3_bg{ position:absolute;bottom:0;left:0;width:100%; z-index: 100}
	.plist3_pic{ position:absolute;bottom:0;left:0;width:100%; z-index: 99}

	.layout_2{width: 100%;background: url(../images/saishi_bg.jpg) top center no-repeat;height: 558px;margin-top: 60px;padding-top: 225px;}
	.tittle_3{width: 1200px;margin:0 auto;text-align: right;}
	.tittle_3 a{color: #fff;font-size: 12px;}

	.layout_2_list{width: 1200px;display: flex;gap: 20px;margin:0 auto}

	.layout_3{width: 1200px;margin:0 auto; display: flex;}
	.tittle_4{width: 100%; position: relative;top: 0;left: 0;}
	.tittle_4 a{position: absolute;bottom: 10px;right: 0;color: #474a4d;font-size: 12px;}
	.layout_3_left{width: 702px;flex: none;}
		.layout_3_left_div{ position:relative;top:0;left:0 ;margin-top: 40px;}
		.layout_3_left_div_p{width: 180px;height: 140px;text-align: left; position: absolute;top: 0;left: 0;padding-top: 80px;padding-left: 20px;}
		.layout_3_left_div_p h2{text-align: left;font-size: 18px; color: #ffffff;}
		.layout_3_left_div_p h2 a{text-align: left;font-size: 18px; color: #ffffff;line-height: 26px;}
		.layout_3_left_div_p p{text-align: left;font-size: 12px; color: #ffffff;margin-top: 10px; line-height: 22px;} 
	.layout_3_right{width: 450px;flex: none;margin-left: 50px;}
	.plist4{margin-top: 15px;width: 446px;height: 275px; overflow: hidden; position: relative;margin-top: 40px;}
	.plist4_p{ position:absolute;bottom:0;left:0;width:100%; z-index: 101;width: 100%;text-align: center;}
	.plist4_p a{font-size: 14px; color: #fff;line-height: 30px;}
	.plist4_bg{ position:absolute;bottom:0;left:0;width:100%; z-index: 100}
	.plist4_pic{ position:absolute;bottom:0;left:0;width:100%; z-index: 99}

	.layout_3_right_list_p{width: 100%;margin-left: 10px;margin-top: 10px;}
	.layout_3_right_list_p li{width: 100%;text-align: left;}
	.layout_3_right_list_p li:last-child{border:0;}
	.layout_3_right_list_p li span{ color:#f39800;margin-right:5px; }
	.layout_3_right_list_p li a{font-size: 12px; color: #000;line-height: 30px;}



	.hexagon-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 2rem 0;
        }
        
        .hexagon-row {
            display: flex;
            margin-bottom: -28px; /* 负边距实现行交错效果 */
        }
        
        .hexagon {
            width: 96px;
            height: 110px;
            margin: 2px; /* 间距 */
            transition: all 0.4s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            cursor: pointer;
            position: relative;
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        }
        
        /* 奇数六边形渐变 */
        .hexagon.odd {
            background: linear-gradient(to bottom, #0b42db, #00b6f7);
        }
        
        /* 偶数六边形渐变 */
        .hexagon.even {
            background: linear-gradient(to top, #0b42db, #00b6f7);
        }
        

        
        /* Hover effects */
        .hexagon:hover {
            background: linear-gradient(to bottom, #f23120, #f4811c);
            transform: scale(1.15);
            z-index: 10;
            box-shadow: 0 0 20px rgba(244, 129, 28, 0.7);
        }
        
        .hexagon-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
        
        .hexagon-number {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .hexagon-text {
            font-size: 12px;
            max-width: 70px;
            line-height: 1.2;
        }

	.layout_4{width: 1200px;margin:0 auto; display: flex;display: flex;margin-top: 100px;}
	.layout_4_left{flex: none;width: 702px;}
	.layout_4_left_div{background: url(../images/wangge_bg.jpg) top center no-repeat;padding-top: 96px;}
	.layout_4_right{width: 450px;margin-left: 50px;}
		.plist5{margin-top: 15px;width: 447px;height: 240px; overflow: hidden; position: relative;margin-top:35px;}
		.plist5_p{ position:absolute;bottom:0;left:0;width:100%; z-index: 101;width: 100%;text-align: center;}
		.plist5_p a{font-size: 14px; color: #fff;line-height: 30px;}
		.plist5_bg{ position:absolute;bottom:0;left:0;width:100%; z-index: 100}
		.plist5_pic{ position:absolute;bottom:0;left:0;width:100%; z-index: 99}
		.plist5_pic img{width: 100%;}
	.zdxw_list{width: 100%;margin-top: 30px;}
	.zdxw_list ul{width: 100%;display: flex;gap: 20px;}
	.zdxw_list li{}

	.layout_5{width: 1200px;margin:0 auto; display: flex;display: flex;margin-top: 100px;}
	.layout_5_left{flex: none;width: 702px;padding-top: 5px;}
	.sp_list_btn{width: 100%;height: 96px;position: relative;top: 0;left: 0;}
	.sp_list_btn ul{width: 100%;display: flex;gap: 10px;position:absolute;bottom: 0;left: 0;}
	.sp_list_btn li{background: url(../images/btn_bqt_1.png) top center no-repeat;width: 114px;height:33px; text-align: center;padding-top: 26px; position: relative;bottom: 0;left: 0;}
	.sp_list_btn li a{font-size: 14px; color: #fff;}

	.content-section{background: url(../images/sp_div_bg1.jpg) top center no-repeat;width: 603px;height: 467px;border-top: 1px #4c67e2 solid;padding:33px 50px 55px  50px;}
        
	.content_pic2{width: 100%; display: flex;gap:14px;margin-top: 20px;}
        
        .sp_list_btn li.active {
            height: 70px;
            transition: all 0.3s ease;
        }
        
        .content {
            min-height: 200px;
            display: none;
        }
        
        .content.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }
        .zlhd_div{margin-top: 50px;}
        .ewm_div{width: 100%;}
        .ewm_div img{width: 100%;}

.zlhd_div_f{width: 100%;display: flex;}
.zlhd_c1{position: relative;top: 0;left: 0;}
.zlhd_c1_d{position: absolute;top: 0;left: 0;background: url(../images/ceng1.jpg) top center no-repeat;width: 224px;height: 132px; z-index: 101;display: none}
.zlhd_c1_d p{padding:40px  20px;color: #fff;font-size: 14px;text-align: left; line-height: 22px;}
.zlhd_c1:hover .zlhd_c1_d{display: block;}


	.layout_5_right{width: 450px;margin-left: 50px;}

.foot{width: 100%;background: #0b30d7;padding:60px 0;margin-top: 70px;}
.foot p{ color:#fff;line-height:25px; font-size:14px; }