body{
	background-color: #F5F5F5;
}
.product_nav{
	
}
.product_nav ul{
	padding-top: 35px;
}
.product_nav ul li{
	width: 25%;
	text-align: center;
}
.product_nav ul li img{
	width: 33%;
}
.product_nav_img{
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product_nav ul li h6{
	font-size: 14px;
	font-weight: 400;
	padding-top: 10px;padding-bottom: 5px;
}
.product_nav ul li p{
	font-weight: 400;
}
.tit_box{
	text-align: center;
	padding-top: 15px;
}
.tit_box h6{
	color: #666666;
    font-size: 16px;
    padding-top: 15px;
}
.tit_box h6:after{
    height: 3px;
    display: block;
    content: "";
    background-color: #333333;
    margin: 0 auto;
    margin-top: 6px;
	width: 16%;
}
.product_info{
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 3%;
}
.swiper_product{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.left_list{
    background-color: #FFF;
    padding: 5px;
    padding-left: 15px;
    position: relative;
}
.left_list h6{
	font-size: 16px;
    color: #000;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 10px;
}
.left_list font{
    color: #999;
    display: block;
    padding-bottom: 5px;
}
.left_list p{
    line-height: 25px;
    color: #888;
    font-weight: 400;
    font-size: 13px;
    padding-right: 8px;
    padding-bottom: 15px;
}

.about{
	padding: 3%;
}
.about p{
    color: #333;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 15px;
    line-height: 30px;
    font-weight: 400;
    text-indent: 28px;
}
.about h2 {
            font-size: 25px;
            font-weight: bold;
            color: #2a4ea1;
            margin-bottom: 15px;
            line-height: 1.5; margin-top: 15px;
        }
.tit_col{
	background-color: #fff;
}
.about{
	background-color: #fff;
}
.changqing{
	padding: 3%;
}
.changqing p{
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 25px;
    background-color: #FFF;
    font-weight: 400;
}
.news{
	padding: 0%;
	background-color: #fff; padding-bottom: 30px;
}
.news li{
	width: 100%;
    background-color: #FFF;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
}
.news li a{
	
}
.news li a img{
	width: 40%; float: left; margin-right:15px ;
}
.news li a p{
	font-size: 12px;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    text-indent: 24px;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
} 
.news li h2{
	font-size: 14px;
    text-align: left;
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 0px;
}
.news li h6{
	font-size: 12px;
    text-align: left;
    font-weight: 400;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 5px;
}

.swiper_produ{
	overflow: hidden;
	margin-top: 15px;
}
.porsda_font{
	padding-left: 15px;
	padding-bottom: 25px;background-color: #FFF;
}
.porsda_font h6{
color: #333333;
    font-size: 18px;
    font-weight: 400;
    padding-top: 10px;
}
.porsda_font p{
	line-height: 2;
	font-weight: 400;
	font-size: 14px;
}

.message_img{
	width: 50%;
}
.form_box_message{
	width: 100%;
	background-color: #FFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px; padding-bottom:30px;
 
}
.form_box_message img{
	padding-bottom: 30px;
}
#massaeg{
	background-color: #F2F2F2;
	padding-top: 130px;
	padding-bottom: 0px;
}
.form_box_message label{
	width: 100%;
	display: inline-block;
	
}
.form_box_message label input{
	font-size: 14px;
	color: #999999;
	width: 100%;
	height: 50px;
	line-height: 50px;
	display: block;
	margin-bottom: 8px;
	border: none;
	padding-left: 15px;
	background-color: #f0f0f0;
}
.form_box_message label:nth-of-type(1) input{
	padding-left: 48px;
	background: url(/images/ico07.png) no-repeat 20px center;
	background-color: #f0f0f0;
}
.form_box_message label:nth-of-type(2) input{
	padding-left: 48px;
	background: url(/images/ico08.png) no-repeat 20px center;
	background-color: #f0f0f0;
	margin-left: 0px;
}
.form_box_message label:nth-of-type(3) input{
	padding-left: 48px;
	background: url(/images/ico05.png) no-repeat 20px center;
	background-color: #f0f0f0;
}
.form_box_message label:nth-of-type(4) input{
	padding-left: 48px;
	background: url(/images/ico05.png) no-repeat 20px center;
	background-color: #f0f0f0;
}
.form_box_message label:nth-of-type(4) input{
	
	margin-left: 0px;
}
.btsdan button{
	width: 100%;
	line-height: 50px;
	text-align: center;
	background-color: #333333;
	color: #FFF;
	font-size: 14px;
	border: none;
}
.btsdan{
	margin-bottom: 20px;
}
.form_box_message h5{
	font-size: 24px;
	color: #332c2b;
}
.form_box_message h5 font{
	color: #2160a6;
	
}
.form_box_message p{
	font-size: 14px;
	color: #666666;
	padding-top: 15px;
}

   .card-container {
            display: flex;
            gap: 20px; /* 鍗＄墖涔嬮棿鐨勯棿璺� */
            padding: 20px 0px 20px 0px;
            background-color: #fff; /* 椤甸潰鑳屾櫙鑹诧紝璐村悎鏁堟灉鍥� */
            width: 100%;
            margin: 0 auto;
        }

        /* 鍗＄墖閫氱敤鏍峰紡 */
        .card {
            width:96%;
            margin: 0 auto;
            display: flex;
            flex: 1; /* 涓や釜鍗＄墖绛夊垎瀹藉害 */
            border-radius: 8px; /* 鍦嗚 */
            overflow: hidden; /* 瑁佸壀鍦嗚鍐呯殑鍐呭 */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* 杞诲井闃村奖 */
            background-color: #fff;transition: transform 0.3s, box-shadow 0.3s;
        }
.card:hover{ box-shadow: 0px 10px 12px rgba(25, 47, 149, 1); /* 杞诲井闃村奖 */
            background-color: #fff;}
        /* 鍗＄墖鍥剧墖鍖哄煙 */
        .card-img {
            width: 60%; /* 鍥剧墖鍖哄崰鍗＄墖40%瀹藉害 */
            height: 250px; /* 鍥哄畾楂樺害锛屽彲鏍规嵁闇€姹傝皟鏁� */
            object-fit: cover; /* 鍥剧墖鑷€傚簲瑁佸壀锛屼繚鎸佹瘮渚� */
        }
		.card img{ transition: transform 0.3s, box-shadow 0.3s; }
.card:hover img{transform: scale(1.1);}
        /* 鍗＄墖鍐呭鍖哄煙锛堝浘鏍�+鏂囧瓧锛� */
        .card-content {
            flex: 1; /* 鍐呭鍖哄崰鍓╀綑瀹藉害 */
            display: flex;
            flex-direction: column;
            align-items: center; /* 姘村钩灞呬腑 */
            justify-content: center; /* 鍨傜洿灞呬腑 */
            padding: 10px;
        }

        /* 鍥炬爣鏍峰紡 */
        .card-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%; /* 鍦嗗舰鍥炬爣鑳屾櫙 */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

        /* 绗竴涓崱鐗囧浘鏍囪儗鏅壊 */
        .icon-fish {
            background-color: #3b5998; /* 娣辫摑鑹诧紝璐村悎鏁堟灉鍥� */
        }

        /* 绗簩涓崱鐗囧浘鏍囪儗鏅壊 */
        .icon-water {
            background-color: #00a8e8; /* 娴呰摑鑹诧紝璐村悎鏁堟灉鍥� */
        }

        /* 鍥炬爣鍐呯殑svg/鍥剧墖鏍峰紡锛堢ず渚嬬敤鏂囧瓧鏇夸唬锛屽彲鏇挎崲涓哄疄闄呭浘鏍囷級 */
        .card-icon i {
            color: #fff;
            font-size: 20px; /* 鍥炬爣澶у皬 */
        }

        /* 鍗＄墖鏂囧瓧鏍峰紡 */
        .card-text {
            font-size: 20px;
            color: #192f95;
            text-align: center;
            line-height: 1.4;
            font-weight: 600;
        }
@media (max-width: 768px) {
            .card-container {
                flex-direction: column;
            }
            .card {
                
            }
            .card-img {
                width: 50%;
                height: 150px;
            }
        }