.strow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.overh {
    overflow: hidden;
}
.ehs-title {
    font-weight: 400;
    font-size: 1.5rem;
    color: #363636;
    text-transform: uppercase;
}
.head-hd2 {
    font-size: 1rem;
    margin-top: 1.625rem;
    color: #717171;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
}
.management-ul li {
	width: 48%;
	height: 10.7rem;
	float: left;
	background: #d9f7f2;
	margin-top: 1.875rem;
	border-radius: 1.25rem;
	color: #717171;
	font-weight: 700;
	font-size: 1rem;
	padding: 1rem 1rem;
	position: relative;
}
.ju>div {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.management-ul li::after {
    content: '';
    position: absolute;
    width: 0.5625rem;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4.125rem;
    background: #04A0F2;
}
.ju {
    display: table;
}

.col-sm-6{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.tit {
	text-align: center;
	margin-bottom: 40px;
}

.box ul {
	overflow: hidden;
}

.box ul dl {
	width: 50%;
	float: left;
}

.box ul dl img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	border: none;
}

.box ul ol {
	width: 50%;
	float: left;
}

.box ul ol li {
	border-bottom: #ccc solid 1px;
	padding: 20px 30px;
	overflow: hidden;
}
.box ul ol li b {
	font-size: 60px;
	color: #d2d2d2;
	line-height: 1;
	margin-right: 5px;
	float: left;
}
.box ul ol li dd {
	float: left;
}
.box ul ol li dd h3 {
	color: #0073c2;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	margin-top: 10px;
}
.box ul ol li dd span {
	text-transform: uppercase;
	color: #999;
}






        
        .container2 {
            width: 100%;
            background-color: rgba(255, 255, 255, 0.85);
            overflow: hidden;
            display: flex;
            flex-direction: row;
            animation: fadeIn 1s ease-out;
            height:472px;
            margin-bottom:15px;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* ͼƬ������ʽ */
        .image-section {
            flex: 9%;
            min-height: 500px;
            background: linear-gradient(135deg, rgba(160, 210, 205, 0.9), rgba(195, 230, 225, 0.8));
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            padding: 40px 30px;
            position: relative;
            overflow: hidden;
        }
        
        .image-wrapper {
            width: 105%;
            height: 84%;
            border-radius: 18px;
            overflow: hidden;
            box-shadow: 0 12px 30px rgba(80, 130, 125, 0.25);
            position: relative;
            transition: transform 0.5s ease, box-shadow 0.5s ease;
        }
        
        .image-wrapper:hover {
            transform: scale(1.02);
            box-shadow: 0 15px 35px rgba(80, 130, 125, 0.35);
        }
        
        .image-placeholder {
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, #8ac6c1, #a8e6cf);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: rgba(255, 255, 255, 0.9);
        }
        
        .image-icon {
            font-size: 4.5rem;
            margin-bottom: 20px;
            opacity: 0.85;
        }
        
        .image-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255, 255, 255, 0.85);
            padding: 15px;
            text-align: center;
            color: #2a6b65;
            font-weight: 500;
            font-size: 1.1rem;
        }
        
        .image-decoration {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.15);
            top: -80px;
            right: -80px;
        }
        
        .image-decoration:nth-child(2) {
            width: 150px;
            height: 150px;
            bottom: -60px;
            left: -60px;
            top: auto;
            right: auto;
        }
        
        /* ����������ʽ */
        .text-section {
            flex: 1;
            background: linear-gradient(135deg, rgba(160, 210, 205, 0.9), rgba(195, 230, 225, 0.8));
            padding: 40px 50px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        
        .title {
            color: #2a6b65;
            font-size: 2.6rem;
            margin-bottom: 15px;
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }
        
        .title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70px;
            height: 4px;
            background: linear-gradient(to right, #8ac6c1, #a8e6cf);
            border-radius: 2px;
        }
        
        .subtitle {
            color: #4a8c85;
            font-size: 1.3rem;
            margin-bottom: 30px;
            font-weight: 500;
        }
        
        .content {
            font-size: 1rem;
            color: #444;
            margin-bottom: 25px;
            text-align: justify;
        }
        
        .features {
            margin: 30px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .feature-item {
            background: rgba(138, 198, 193, 0.15);
            border-radius: 10px;
            padding: 12px 18px;
            display: flex;
            align-items: center;
            transition: all 0.3s ease;
        }
        
        .feature-item:hover {
            background: rgba(138, 198, 193, 0.25);
            transform: translateY(-3px);
        }
        
        .feature-icon {
            color: #2a6b65;
            margin-right: 10px;
            font-size: 1.1rem;
        }
        
        .actions {
            margin-top: 30px;
            display: flex;
            gap: 15px;
        }
        
        .btn {
            padding: 14px 28px;
            border-radius: 10px;
            border: none;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .btn-primary {
            background: linear-gradient(to right, #8ac6c1, #a8e6cf);
            color: white;
            box-shadow: 0 5px 15px rgba(138, 198, 193, 0.3);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(138, 198, 193, 0.4);
        }
        
        .btn-secondary {
            background: rgba(138, 198, 193, 0.1);
            color: #2a6b65;
            border: 2px solid #8ac6c1;
        }
        
        .btn-secondary:hover {
            background: rgba(138, 198, 193, 0.2);
        }
        
        .btn-icon {
            margin-right: 8px;
        }
        
        /* ��Ӧʽ��� */
        @media (max-width: 992px) {
            .container {
                flex-direction: column;
                max-width: 700px;
            }
            
            .image-section {
                min-height: 400px;
                padding: 30px 20px;
            }
            
            .image-wrapper {
                width: 90%;
                height: 80%;
            }
            
            .text-section {
                padding: 40px 30px;
            }
            
            .title {
                font-size: 2.2rem;
            }
        }
        
        @media (max-width: 576px) {
            body {
                padding: 10px;
            }
            
            .image-section {
                min-height: 300px;
            }
            
            .image-icon {
                font-size: 3.5rem;
            }
            
            .text-section {
                padding: 30px 20px;
            }
            
            .title {
                font-size: 1.9rem;
            }
            
            .actions {
                flex-direction: column;
            }
            
            .btn {
                width: 100%;
            }
        }