@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------  
company.css 
-----------------------------------------------*/
.banner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	background-color: #000000;
}
.banner .inner {
	overflow: hidden;
	margin: auto;
}
.banner .title_banner {
	line-height: 0;
}
.banner .title_banner img {
	max-width: 100%;
}
.banner .inner .sub_banner {
	padding-top: 11px;
}
.banner .inner .logo_white {
	float: left;
	margin-top: 100px;
}
.logo_white a:hover {
	opacity: 0.8;
}
.banner .inner .icon_arrow {
	float: left;
	margin-left: 300px;
	margin-top: 100px;
}
.banner .inner .icon_arrow img:hover {
	opacity: 0.8;
}
#content {
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


/* area01 */

.area01 {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url(../img/company/bg_area01.png) no-repeat;
    padding-bottom: 40px;
    background-size: 100%;
}
.area01 .inner{

    margin-top: 50px;
    color:black;
    padding-top: 50px;
    padding-bottom:100px;
	margin-left: auto;
	margin-right: auto;
}
.area01 .inner .inner2{
	background: url(../img/company/bg.png);
	width:72%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width:767px) {
	.area01 .inner .inner2{
		width:100%;
		font-size:12px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.last_title{
		font-size:14px !important;
	}
	.area01 .inner .par{
		font-size:10px !important;
	}
}

.area01 .inner .par{
    text-align: center;
    font-size: 18px;
    letter-spacing:2px;
    line-height: 1.9;
}

.area01 .inner .last_title{
    color: black;
    margin-top: 50px;
    padding-bottom: 50px;
}
p.photoarea01 {
    float: left;
    margin-top: 20px;
}
.area01 .subArea01 {
    margin: 0 auto;
    width: 1044px;
    overflow: hidden;
    padding: 80px 69px 100px 60px;
    text-align: center;
}

.area01 .subArea01 h2 {
	display: none;
    font-size: 30px;
    letter-spacing: 1px;
}

.area01 .subArea01 p.text1 {
    float: left;
    width: 100%;
    margin-top: 97px;
    margin-bottom: 97px;
    letter-spacing: 1px;
    line-height: 1.75;
    display: none;
}

.area01 .subArea01 p.text2 {
    margin-top: 60px;
    float: left;
    width: 100%;
    letter-spacing: 1px;
    line-height: 1.75;
    display: none;
}

/* area01 */
.area1{
	width: 100%;
	background: url(../img/company/bg_area1.png);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.area1 .inner{
	overflow: hidden;
	padding-bottom: 190px;
	width: 1007px;
}
.inner_left {
	width: 100%;
	float: left;
	margin-top: 123px;
	/* padding-left: 27px; */
	box-sizing: border-box;
}

.inner_left p.logocontent{
	float: left;
}
.inner_left p a img:hover {
	opacity: 0.8;
}
.inner_right {
	width: 50%;
	float: right;
	margin-top: 115px;
}
.box_or {
	background: #FF5400;
	float: right;
}
.char {
	float: left;
	padding: 22px;
}
.info {
	float: left;
	text-align: left;
}
.logo_white {
	padding: 25px 28px 0px 0px;
}
.inner_left .box_black {
	width: 993px;
	background: #000;
	color: #fff;
	overflow: hidden;
	margin-top: 48px;
	float: left;
	margin-left: 10px;
	padding: 32.5px 40px 39px 39px;
}
.text_white {
	font-size: 14px;
	color: #707070;
	font-weight: bold;
}
.inner_left table {
	/* margin: 32.5px 40px 39px 39px; */
	float: left;
	width: 100%;
}
.inner_left table tr td {
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: top;
}
.inner_left table tr {
	padding-bottom: 14px;
	border-bottom: 1px solid #404040;
}
.inner_left table tr td:first-child {
	padding-right: 40px;
	width: 190px;
	padding-left: 15px;
}
.inner_left table tr:last-child td {
	/*padding-bottom: unset;*/
}
.box_black table tr td a {
	text-decoration: none;
	color: #fff;
}
.box_black table tr td a:hover {
	text-decoration: underline;
}
.inner_right .box_black {
	background: url(../img/company/bg_text.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 77px;
	width: 580px;
	padding-bottom: 330px;
}
.clear-fix {
	clear: both;
}
.one_line {
	padding-top: 41px;
	padding-left: 40px;
	font-size: 16px;
	color: #fff;
}
.last_title {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding-bottom: 150px;
}

.btn_more a:hover {
	border: none;
	border-bottom: 4px solid transparent;
}
.btn_more a span img {
	padding-left: 8px;
}

.area4 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background:url(../img/company/bg_area4.png) no-repeat;
    background-size: cover;
	/*background: #F2F2F2;*/
}
.contact_left {
	width: 515px;
	float: left;
	padding-top: 38px;
	padding-left: 31px;
	box-sizing: border-box;
}

.contact_left .info {
    font-size: 19px;
    font-weight: bold;
    color: #000;
    padding-top: 20px;
    line-height: 1.8;
}

.info a {
    text-decoration: none;
    color: #000;
}

.info a:hover {
    text-decoration: underline;
}
.contact_right {
	width: calc(1200px-515px);
	float: right;
}
.no_overflow {
	overflow: initial !important;
}
.contact { 
	padding-top: 88px;
	padding-bottom: 167px;
}

._row1 {
	background: url(../img/about/bg_icon1.png);
	background-repeat: no-repeat;
	background-position: right 76px;
}
.bg_thuyen {
	background: url(../img/about/bg_icon2.png);
	background-repeat: no-repeat;
	background-position: left 192px;
}
.no_line {
	line-height: 0;
}
.title_top {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.banner {
		overflow: hidden;
	}
	.banner .inner .title_banner {
		margin-top: 5%;
		width: 100%;
		padding: 0% 8%;
		box-sizing: border-box;
	}
	.title_banner img {
		max-width: 100%;
	}
	.title_page {
		width: 35%;
		float: left;
	}
	.title_page img {
		max-width: 100%;
	}
	.area01{
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		padding-bottom: 0;
	}
	.area1	{
		width: 100%;
		background: transparent;
		overflow: hidden;
	}
	.area1 .inner {
		overflow: hidden;
		/*padding-bottom: 117px;*/
		width: 100%;
		padding: 0;
	}
	.area1 .box_or{
		padding: 0 8%;
	}
	.area1 .inner img {
		max-width: 100%;
	}
	.area01 .subArea01{
		width: 100%;
		padding:7%;
	}
	.area01 .title{
		font-size: 19px;
    	padding-top: 19px;
	}
	.area01 .text{
		font-size: 3.1vw;
	    padding-top: 22px;
	    line-height: 1.9;
	    padding-bottom: 3px;
	}
	.area01 .photo{
		padding-top: 17px;
	}
	.inner_left {
		width: 100%;
		float: left;
		margin-top: 5%;
		padding: unset;
		box-sizing: border-box;
	}
	.inner_right {
		width: 100%;
		float: left;
		overflow: hidden;
		padding: unset;
		box-sizing: border-box;
		margin-top: 10%;
	}
	.inner_left .box_black {
		width: 100%;
		background: #000;
		background-size: cover;
		background-repeat: no-repeat;
		color: #fff;
		padding: 2% 8% 8%;
		box-sizing: border-box;
		font-size: 14px;
		overflow: hidden;
		margin-top: 10%;
		margin-left: 0px;
	}
	.inner_left p.logocontent img{
		width: 79%;
	}
	.box_or {
		width: 100%;
		background: transparent;
		float: left;
	}
	.inner_left table {
		width: 100%;
		margin:unset;
		float: left;
		display: block;
		padding-top: 11px;
	}
	.inner_left table tr {
		border-bottom: 0.5px solid #fff;
	}
	/*.inner_left table tr:last-child,.inner_left table tr:first-child {
		border-bottom: none;
	}*/
	.inner_left table tr td {
		font-size: 10px;
		color: #fff;
		padding-bottom: 2%;
		padding-top: 2%;
	}
	.inner_left table tr {
		padding-bottom: 14px;
	}
	.inner_left table tr td:first-child {
		padding: unset;
		width: 36%;
		padding-top: 2%;
	}
	.inner_left table tr:last-child td {
		padding-bottom: unset;
	}
	.box_black table tr td a {
		text-decoration: none;
		color: #fff;
	}
	.box_black table tr td a:hover {
		text-decoration: underline;
	}
	.inner_right .box_black {
		background: url(../img/company/bg_text.png);
		background-size: cover;
		background-repeat: no-repeat;
		left: 
		margin-top: 2%;
		width: 100%;
		padding-bottom: 58%;
	}
	.one_line {
		padding-top: 5%;
		padding-left: 5%;
		font-size: 14px;
		color: #fff;
	}
	.title_top {
		width: 100%;
		float: left;
		padding: 0% 25%;
		box-sizing: border-box;
	}
	.title_top img {
		max-width: 73%;
	}
	.contact_left {
		width: 100%;
		float: left;
	}
	.contact_left {
		padding-top: 2%;
		padding-left: unset;
		box-sizing: border-box;
	}
	.contact_left .logo img {
		max-width: 100%;
	}
	.contact_left .logo {
		width: 100%;
		float: left;
		padding: 2% 0%;
		box-sizing: border-box;
	}
	.contact_left .info {
		width: 100%;
		float: left;
		padding: 2% 0%;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		padding-top: 42px;
		line-height: 1.3;
	}
	.map {
		width: 100%;
		padding: 4% 0%;
		box-sizing: border-box;
		margin-bottom: 10%;
	}
	.contact_right {
		width: 100%;
		float: right;
	}
	.char {
		width: 35%;
		float: left;
		padding: 4% 2% 3% 4%;
		box-sizing: border-box;
	}
	.box_or .info {
		width: 65%;
		float: left;
		box-sizing: border-box;
	}
	.logo_white {
		width: 100%;
		float: left;
		padding: 4% 2% 0% 2%;
		box-sizing: border-box;
	}
	.logo_white img {
		max-width: 100%;
	}
	.text_white {
		width: 100%;
		text-align: center;
	}
	.map {
		width: 100%;
		float: left;
	}
	.map iframe {
		max-width: 100%;
	}
	.contact{
		padding-top: 38px;
		padding-bottom: 0px;
	}
	.inner_left p.logocontent{
		width: 100%;
	    text-align: center;
	    padding-top: 11%;
	}
	.area4{
		background: #fff;
	}

}

/*-----------------------------------------------  
add SDGsƒoƒi�[ @2021.05.14
-----------------------------------------------*/
.sdgs_bnr{
    padding: 40px 0 30px;
    text-align: center;
}