@charset "utf-8";
/* CSS Document */


.content-josn{
	padding-bottom: 0!important;
	height: 100%;
}

.content03{
	margin-bottom: 300px;
}

footer{
	clear:both;
}


		.container h4{
			font-size: 2rem;
			color: #262626;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
		}
		
		.container h5{
			font-size: 0.8rem;
			color: #989898;
			text-align: center;
			line-height: 2rem;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 40px;	
		}

        /* 主容器 */
        .container {
            margin: 0 auto;
            font-family: "Microsoft YaHei", sans-serif;
        }
 
        /* 岗位项 */
        .job-item {
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            overflow: hidden;
            transition: all 0.3s ease;
			margin-bottom: 30px;
			background: #f7f7f7;
        }
        .job-item:hover {
            box-shadow: 0 3px 15px rgba(0,0,0,0.1);
			background: #0089e5;
        }
 		

		.job-item:hover span{
			color: #fff;
		}

		.job-item:hover h2{
			color: #fff;
		}

		
        /* 折叠标题 */
        .job-header {
            background: #f7f7f7;
            cursor: pointer;
        }
        .job-title {
            font-size: 1.1rem;
            color: #333;
            font-weight: 600;
			margin: 0;
			float: left;
			width: 20%;
			line-height: 5rem;
			margin-left: 2.5rem;
        }
        .job-meta {
            color: #333;
            font-size: 1.1rem;
			float: right;
			/* 
			display: flex;
			justify-content:space-between;
			*/
			width: 75%;
        }

		.job-meta span{
			float:right;
			margin: 0 66px;
			line-height: 5rem;
		}
 
        /* 折叠内容 */
        .job-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            padding: 0 20px;
			width: 100%;
			background: #fff;
        }
        .job-content.active  {
            max-height: 1280px;
            border-top: 1px solid #eee;
			background: #fff;
        }

		.job-content h3{
			font-size: 1.1rem;
			padding-top: 40px;
			padding-left: 30px;
			margin: 0;
			color: #404040;
		}

		.job-content p{
			font-size: 1rem;
			padding-top: 20px;
			padding-left: 30px;
			padding-right: 20px;
			margin: 0;
			line-height: 2rem;
			color: #585858;
		}
 
        /* 分页 */
        .pagination {
            display: flex;
            justify-content: center;
            margin-top: 60px;
        }
        .page-item {
            margin: 0 5px;
            padding: 8px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.2s;
        }
        .page-item.active  {
            background: #4C4C4C;
            color: white;
        }

		.page-item:hover  {
            background: #E6B877;
			color: white;
 		}

        /* 响应式 */
        @media (max-width: 768px) {
            .container {
                width: 100%;
                padding: 20px;
            }
			
			.job-title{
				margin: 0;
				width: 100%;
				line-height:2rem;
				padding: 10px 20px 0 20px;
				font-size: 0.9rem;
			}
			
			.job-meta span{
				margin: 0 16px;
				line-height:3rem;
				font-size: 0.8rem;
			}
			
			.job-content h3{
				font-size: 0.8rem;
				padding-left: 0;
				padding-top: 20px;
			}
			
			.job-content p{
				font-size: 0.6rem;
				padding-left: 0;
				padding-top: 20px;
				line-height: 1.4rem;
				padding-right: 0;
			}
			
			.content-josn{
				padding-top: 0px;
			}
			
			.job-meta{
				width: 100%;
			}
			
			.content03{
				margin-bottom: 20px;
			}
			
			.container h4{
				font-size: 1.2rem;
				line-height: 1.2rem;
			}
			
			.container h5{
				font-size: 0.6rem;
				line-height: 1.2rem;
				margin-bottom: 20px;
			}
			
			.job-content a{
				font-size: 1rem;
				padding: 10px 20px;
				margin-top: 0px;
				margin-left: 50px;
			}
        }







/* 邮件发送 */

/* 基础样式 */
        .email-link {
            display: inline-block;
            padding: 14px 28px;
            background-color: #4C4C4C;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: all 0.3s ease;
			margin-bottom: 30px;
			margin-left: 30px;
			font-size: 1.3rem;
        }
 
        /* 悬停效果 */
        .email-link:hover {
            background-color: #0089e5;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
 
        /* 点击效果 */
        .email-link:active {
            transform: translateY(0);
        }