@charset "utf-8";

/* category_top */
.page_company{padding-bottom:120px;}
.page_top{
	height:500px;
	background:url(/img/common/h1_company.jpg) no-repeat center/cover;
}
.page_top_txt{
	color:#fff;
	font-size:1.3rem;
	letter-spacing:1.04px;
	line-height:1.9rem;
	margin:40px 0 0;
}

.data_list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	position:relative;
	width:720px;
	padding:0;
	margin:0;
}
.data_list::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	margin:auto;
	background:#fff;
}
.data_in{
	color:#fff;
	letter-spacing:1.28px;
	line-height:2.4rem;
	text-align:center;
}
.data_item{
	list-style:none;
	margin:30px 0;
	border-right:1px solid #fff;
}
.data_item:nth-child(3n){border-right:none;}
.data_head{font-weight:500;}
.data_txt_in{
	display:inline-block;
	font-family:var(--font_oswald);
	font-size:5.2rem;
	letter-spacing:2.08px;
	line-height:7.7rem;
	margin-right:5px;
}

.first_area{
	display:flex;
	flex-direction:row-reverse;
	margin-bottom:60px;
	border-radius:15px;
	text-decoration:none !important;
	overflow:hidden;
}
.first_box{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:540px;
	padding:5% 50px;
	background:#F5F5F5;
	transition:background 0.3s;
}
a:hover .first_box{background:#EEF5FB;}
.first_head{
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:1.44px;
	line-height:2.6rem;
	margin:0 0 7.5%;
}
.first_head::before{
	content:attr(data-en);
	display:block;
	margin-bottom:5px;
	font-family:var(--font_roboto);
	font-size:1.5rem;
	font-weight:normal;
	letter-spacing:0.6px;
	line-height:2rem;
	text-transform:capitalize;
	opacity:0.6;
}
.first_txt{
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:1.2px;
	line-height:3.6rem;
	margin-bottom:12.5%;
	transition:color 0.3s;
}
a:hover .first_txt{color:#014099;}
.first_btn{
	position:relative;
	padding-right:15px;
	margin:0;
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2.4rem;
	transition:color 0.3s;
}
a:hover .first_btn{color:#014099;}
.first_btn::before, .first_btn::after{
	content:'';
	position:absolute;
	top:7px;
	right:0;
	width:6px;
	height:12px;
	background:no-repeat center;
	transition:opacity 0.3s;
}
.first_btn::before{
	background-image:url(/img/common/arrow_r_hover.svg);
	opacity:0;
}
a:hover .first_btn::before{opacity:1;}
.first_btn::after{background-image:url(/img/common/arrow_r.svg);}
a:hover .first_btn::after{opacity:0;}
.first_thumb{
	width:640px;
	overflow:hidden;
}
.first_img{
	width:100%;
	height:100%;
	border-radius:0;
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .first_img{transform:scale(1.05);}

/* message */
.message h2{margin-top:50px;}
.message img.alignright{
	max-width:150px;
	margin-top:-5px;
	border-radius:0;
}

/* officer */
.officer .column_2{margin-bottom:75px;}
.officer .column_2 p{
	line-height:2rem;
	margin-top:5px;
}
.officer_name dt{
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1px;
	line-height:2.9rem;
	margin-bottom:15px;
}
.officer_name dd{
	font-size:2rem;
	letter-spacing:1.6px;
	line-height:3.2rem;
}
.officer_history{
	margin-top:45px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.officer_history button{
	display:block;
	position:relative;
	width:100%;
	padding:13px 20px;
	background:none;
	border:none;
	color:#333;
	font-family:var(--font_noto);
	font-size:2rem;
	font-weight:bold;
	letter-spacing:1px;
	line-height:2.9rem;
	text-align:left;
	outline:none;
	cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	transition:color 0.3s;
}
.officer_history button:hover{color:#014099;}
.officer_history button:hover::before{
	background:#014099;
	border-color:#014099;
}
.officer_history button:hover span::before,
.officer_history button:hover span::after{
	background:#fff;
}
.officer_history button::before{
	content:'';
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	width:25px;
	height:25px;
	margin:auto;
	border:1px solid #333;
	border-radius:50%;
	transition:background 0.3s, border 0.3s;
}
.officer_history button span{
	display:block;
	position:relative;
	padding-right:35px;
}
.officer_history button span::before, .officer_history button span::after{
	content:'';
	position:absolute;
	top:0;
	right:6px;
	bottom:0;
	width:13px;
	height:1px;
	margin:auto;
	background:#333;
	transition:background 0.3s, opacity 0.3s;
}
.officer_history button span::after{transform:rotate(90deg);}
.officer_history .open span::after{opacity:0;}
.officer_history dd{
	display:none;
	padding-top:10px;
}
.officer_history th, .officer_history td{display:table-cell;}
.officer_history th{width:130px;}
.officer .scroll_table td:nth-of-type(1){width:210px;}

/* 202603 ÒÛ†T»­Ïñ·Ç±íʾ */
.officer .column_2{display:block;}
.officer .column_2 > div:first-child{display:none;}

/* organization */
.organization img{border-radius:0 !important;}

/* office */
.column_office{display:flex;}
.column_office p{
	flex-shrink:0;
	width:260px;
	margin:0 30px 0 0;
}
.column_office th{width:130px;}

/* group */
.group img.alignright{
	max-width:150px;
	margin-top:-5px;
	border-radius:0;
}
.img_txt{
	display:grid;
	grid-template-columns:260px 1fr;
	grid-gap:30px;
}
.img_txt th, .img_txt td{line-height:2.4rem;}
.img_txt th{width:150px;}

/* history */
.history ul{margin-bottom:10px;}
.history .gallery{margin-bottom:10px;}

/* media */
.column_media{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:20px;
}

.mascot_area{
	max-width: 620px;
	margin:60px auto 0;
	padding: 0 20px;
}
.mascot_area a{
	display: block;
	overflow: hidden;
}
.mascot_area img{
	transition: transform 0.3s;
	border-radius: 0;
}
.mascot_area:hover img{transform: scale(1.05);}


@media screen and (max-width:1180px){

/* category_top */
.first_box{
	padding-right:30px;
	padding-left:30px;
}

}


@media screen and (max-width:1024px){

/* group */
.img_txt{grid-gap:20px;}

}


@media screen and (min-width:768px) and (max-width:1024px){

/* category_top */
.page_top{height:400px;}
.page_company{padding-bottom:110px;}
.data_list{width:540px;}
.data_in{
	font-size:1.5rem;
	letter-spacing:1.2px;
	line-height:2rem;
}
.data_txt_in{
	font-size:4.2rem;
	letter-spacing:1.68px;
	line-height:6rem;
}
.first_area{margin-bottom:50px;}
.first_box{
	width:50%;
	padding-right:20px;
	padding-left:20px;
}
.first_head{
	font-size:1.6rem;
	letter-spacing:1.28px;
	line-height:2.3rem;
	margin-bottom:7%;
}
.first_head::before{
	font-size:1.4rem;
	letter-spacing:0.56px;
	line-height:1.8rem;
	margin-bottom:3px;
}
.first_txt{
	font-size:2rem;
	letter-spacing:1px;
	line-height:3rem;
	margin-bottom:10%;
}
.first_thumb{width:50%;}

/* message */
.message h2{margin-top:40px;}

/* officer */
.officer .column_2{margin-bottom:65px;}
.officer_name dt{
	font-size:1.8rem;
	letter-spacing:0.9px;
	line-height:2.7rem;
}
.officer_name dd{
	font-size:1.9rem;
	letter-spacing:1.52px;
	line-height:2.9rem;
}
.officer_history{margin-top:35px;}
.officer_history button{
	font-size:1.7rem;
	letter-spacing:0.85px;
	line-height:2.7rem;
	padding:14px 20px;
}

}


@media screen and (max-width:850px){

/* category_top */
.first_head{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2rem;
}
.first_head::before{
	font-size:1.2rem;
	letter-spacing:0.48px;
	line-height:1.6rem;
}
.first_txt{
	font-size:1.8rem;
	letter-spacing:0.9px;
	line-height:2.6rem;
}
.first_btn{
	font-size:1.4rem;
	letter-spacing:1.12px;
	line-height:2rem;
}
.first_btn::before, .first_btn::after{top:6px;}

/* officer */
.officer_name dt{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
}
.officer_name dd{
	font-size:1.8rem;
	letter-spacing:1.44px;
	line-height:2.7rem;
}
.officer_history button{
	font-size:1.6rem;
	letter-spacing:0.8px;
	line-height:2.4rem;
	padding:15px 20px 16px;
}

}


@media screen and (max-width:767px){

/* category_top */
.page_top{height:140px;}
.page_top_txt{display:none;}
.page_company{padding-bottom:100px;}
.data_list{display:none;}
.first_area{
	flex-direction:column-reverse;
	margin-bottom:40px;
	border-radius:10px;
}
.first_box{
	width:auto;
	padding:25px 20px 35px;
}
.first_head{margin-bottom:25px;}
.first_head::before{margin-bottom:1px;}
.first_txt{margin-bottom:30px;}
.first_btn::before, .first_btn::after{top:4px;}
.first_thumb{width:auto;}
.first_img{height:auto;}

/* message */
.message h2{margin-top:30px;}
.message img.alignright{max-width:134px;}

/* officer */
.officer .column_2{
	grid-template-columns:100%;
	margin-bottom:50px;
}
.officer .column_2 p{margin-top:3px;}
.officer_history{margin-top:25px;}
.officer_history dd{padding-top:5px;}
.officer_history th, .officer_history td{padding-bottom:9px;}
.officer_history th{width:120px;}
.officer .scroll_table th{
	min-width:150px;
	width:150px;
}
.officer .scroll_table td{
	min-width:200px;
	width:250px;
}
.officer .scroll_table td:nth-of-type(1){
	min-width:150px;
	width:150px;
}

/* office */
.column_office{display:block;}
.column_office p{
	width:auto;
	margin:0 0 20px;
}
.column_office th{width:100%;}

/* group */
.group img.alignright{max-width:134px;}
.img_txt{grid-template-columns:100%;}
.img_txt th{width:100%;}

.mascot_area{margin-top: 40px;}

}


@media screen and (max-width:600px){

/* history */
.history .gallery{grid-template-columns:repeat(2, 1fr);}

/* media */
.column_media{
	grid-template-columns:100%;
	grid-gap:15px;
}

}