@charset "UTF-8";


.f-l {
	float:left;
}

.clear {
	clear:both;
}

@media screen and (min-width:1224px) {
	
.banner {
	width:100%;
	height:640px;
	background-image:url("/eng_page/images/back-img.png");
	position:relative;
}

.banner > img {
	display:none;
}

.banner > .box {
	width:1152px;
	height:320px;
	background:rgba(26, 26, 26, 0.5);
	position:absolute;
	bottom:80px;
}

.banner > .box > .box-content > .btn {
	width:104px;
	height:37px;
	border:1px solid #FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:37px;
	color:#FFFFFF;
	margin-top:54px;
	cursor:pointer;
}

.banner > .box > .box-content {
	font-size:34px;
	line-height:52px;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
	width:655px;
	margin-top:30px;
	margin-right:160px;
}

.banner > .box > .box-content > .btn {cursor:pointer;}

.container > .title {
	font-size:24px;
	color:#1A1A1A;
	font-weight:bold;
	text-decoration-line: underline;
}

.container > .introduction {
	 font-weight:bold;
	 font-size:34px; 
	 margin-top:80px; 
	 line-height: 52px;
}

.container > .sub_introduction {
	font-size:34px;
	margin-top:40px;
	line-height:52px;
}

.container > .box_wrap {
	margin-top:80px;
}

.container > .box_wrap > .box {
	width:392px;
	height:392px;
	border:1px solid #E2E2E2;
	padding:40px;
	margin-left:24px;
	float:left;
}

.container > .box_wrap > .box:first-child {
	margin-left:0px;
}


.container > .box_wrap > .box > .title {
	font-size:24px;
	font-weight:bold;
}

.container > .box_wrap > .box > ul {
	margin-top:56px;
}

.container > .box_wrap > .box > ul > li {
	width:288px;
	margin-left:20px;
	line-height:24px;
}

.container > .box_wrap > .box > ul > li:not(.first) {
	margin-top:20px;
}

.container > .tosel-test {
	width:850px;
	line-height:52px;
	font-size:34px;
	font-weight:bold;
	margin-top:160px;
}

.container > .ballon {
	
}

.container > .ballon > .gray-box {
	width:1224px;
	height:446px;
	background:#F1F1F1;
	border-radius:3px;
	margin-top:40px;
}



.container > .ballon > .gray-box > ul {
	list-style:none;
	padding-top:73px;
}

.container > .ballon > .gray-box > ul > li {
	width:186px;
	float:left;
	margin-left:96px;
}

.container > .ballon > .gray-box > ul > li > .img {
	width: 170px;
	height: 170px;
	text-align:center;
}

.container > .ballon > .gray-box > ul > li > .font {
	font-size:16px;
	line-height:24px;
}

.container > .ballon > .ballon-img {
	text-align:center;
}

.container > .ballon > .gray-box > .font-weight {
	font-weight:bold;
	font-size:24px;
	margin-top:33px;
	text-align:center;
}

.container > .logo {
	text-align:center;
	margin-top:20px;
}

.gray {
	width:100%;
	height:880px;
	background:#F1F1F1;
	margin-top:160px;
}

.gray > .container > .pd-top-80 {
	padding-top:80px;
}

.mg-top {
	margin-top:80px;
}

.gray > .container > .content  {
	width:100%;
	float:left;
	margin-top:80px;
	list-style:none;
}

.container > .content-text {
	margin-top:80px;
	font-size: 34px;
	line-height: 52px;
}

.gray > .container > .content > li:nth-child(2n) {
	margin-left:128px;
}

.gray > .container > .content > li:nth-child(odd) {
	clear:both;
}


.gray > .container > .content > li {
	margin-top:40px;
	float:left;
}

.gray > .container > .content > li > .font-weight {
	font-size:24px;
	font-weight:bold;
}

.gray > .container > .content > li > .text {
	width:496px;
	height:80px;
	margin-top:20px;
	font-size: 16px;
	line-height: 24px;
}

.history_line {
	width:100%;
	border:1px solid #E2E2E2;
	clear:both;
}

.history {
	width:1224px;
	position:relative;
	margin:0 auto;
	margin-top:160px;
	background-color:#000;
	height:500px;
}



.container > .Collaboration_box {
	width:600px;
	border:1px solid #E2E2E2;
	box-sizing:border-box;
	height:320px;
	float:left;
	text-align:center;
	box-sizing:border-box;
}

.container > .Collaboration_box:last-child {
	margin-left:24px;
}

.container > .Collaboration_box > .flag {
	margin-top:57px;
}

.f-w-b {
	font-weight:bold;
}

.container > .Collaboration_box > p {
	width:450px;
	margin:0 auto;
	margin-top:30px;
}

.container > .Collaboration_box > p:last-child {
	margin-top:6px;
}

.pd-top-80 {
	padding-top:80px;
}

.map {
	margin-top:45px;
}

.map > img {
	width:100%;
}

.mg-160 {
	margin-top:160px;
}

.mobile {
	display:none;
}

}


@media screen and (max-width:1224px) and (min-width:320px) {

.banner {
	width:100%;
	height:400px;
	background-image:url("/eng_page/images/mobile-back.png");
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:80px;
	position:relative;
}

.banner > img {
	width:100%;
	height:400px;
	position:absolute;
	top:0;
}

.banner > .box > .box-content {
	width:90%;
	margin:0 auto;
	font-size:22px;
	font-weight:bold;
	line-height:30px;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-45%;
}

.banner > .box > .box-content > .btn {
	width:84px;
	height:30px;
	margin:0 auto;
	border:1px solid #FFFFFF;
	margin-top:19px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	font-size: 16px;
	cursor:pointer;
	
}
	
	
.container > .title {
	font-size:24px;
	text-decoration-line:underline;
	margin-top:80px;
	padding-top:80px;
	font-weight:bold;
}

.container > .introduction {
	font-size:28px;
	font-weight:bold;
	line-height:42px;
	margin-top:80px;
}

.container > .sub_introduction {
	font-size:28px;
	line-height:42px;
	margin-top:20px;
}

.container > .box_wrap {
	margin-top:40px;
}

.container > .box_wrap > .box {
	width:100%;
	height:360px;
	border:1px solid #E2E2E2;
	padding:40px;
	float:left;
	margin-top:10px;
}

.container > .box_wrap > .box > .title {
	font-size:24px;
	font-weight:bold;
}

.container > .box_wrap > .box > ul {
	margin-top:30px;
}

.container > .box_wrap > .box > ul > li {
	margin-left:20px;
}

.container > .box_wrap > .box > ul > li:not(.first) {
	margin-top:10px;
}

.container > .tosel-test {
	width:100%;
	line-height:42px;
	font-size:28px;
	font-weight:bold;
	margin-top:80px;
}

.container > .ballon > .gray-box {
	width:100%;
	height:643px;
	background:#F1F1F1;
	padding-left:8px;
	padding-right:8px;
	margin-top:40px;
	text-align:center;
}

.container > .ballon > .gray-box > ul {
	list-style:none;
	padding-top:42px;
}

.container > .ballon > .gray-box > ul > li {
	width:45%;
	float:left;
}

.container > .ballon > .gray-box > ul > li:nth-child(2n) {
	margin-left:10%;
}

.container > .ballon > .gray-box > ul > li:nth-child(3) {
	margin-top:27px;
}

.container > .ballon > .gray-box > ul > li:nth-child(4) {
	margin-top:27px;
}

.container > .ballon > .gray-box > ul > li > .img > img {
	width:80px;
	height:80px;
}

.container > .ballon > .gray-box > ul > li > .font {
	width:100%;
	font-size:16px;
	line-height:24px;
	margin-top:9px;
}

.container > .ballon > .gray-box > .font-weight {
	font-size:24px;
	line-height:38px;
	text-align:center;
	margin-top:40px;
	font-weight:bold;
}

.container > .ballon > .ballon-img {
	text-align:center;
}

.container > .ballon > .ballon-img > img {
	width:25px;
	height:47px;
}

.container > .logo {
	text-align:center;
	margin-top:10px;
}

.gray {
	width:100%;
	height:1593px;
	background-color:#F3F3F3;
}

.gray > .container > .content  {
	width:100%;
	float:left;
	margin-top:80px;
	list-style:none;
}

.gray > .container > .content > li > .font-weight {
	font-weight: bold;
	font-size: 24px;
}

.gray > .container > .content > li > .text {
	margin-top:16px;
	font-size: 16px;
	line-height: 24px;
}

.gray > .container > .content > li:not(.first) {
	margin-top:40px;
}

.gray > .container > .pd-top {
	padding-top:80px;
}


.content-text {
	margin-top:80px;
}

.history {
	height:500px;
	background:#000;
}
.Collaboration_wrap {
	margin-top:40px;
	padding-left:16px;
	padding-right:16px;
}

.Collaboration_wrap > .Collaboration_box {
	width:100%;
	border:1px solid #E2E2E2;
	box-sizing:border-box;
	text-align:Center;
	padding:28px;
	
}

.Collaboration_wrap > .Collaboration_box:last-child {
	margin-top:10px;
}

.f-w-b {
	font-weight:bold;
}


.mb-hide {
	display:none;
}

.Collaboration_box:first-child {
	margin-top:40px;
}
	
.Collaboration_box {
	width:100%;
	text-align:Center;
	border:1px solid #E2E2E2;
	padding:40px;
	box-sizing:border-box;
	margin-top:10px;
}
	
}