@media (min-width: 1600px) {
	.fillet-bottom .container:before {
		content: "";
		width: 300px;
		height: 100%;
		background: #FFF;
		border-radius: 150px 0 0 0;
		position: absolute;
		left: -150px;
		top: 0;
	}

	.fillet-bottom .tabs .container:before {
		display: none;
	}

	.question {
		width: 425px;
	}

	.answer-title,
	.answer-select .game-boat {
		max-width: 930px;
	}

	.answer-select .select-left,
	.answer-select .select-center,
	.answer-select .select-right {
		width: 280px;
	}

	.answer-select .game-boat {
		margin-top: -166px;
	}

	#answer-4 .answer-select .select-item p {
		margin-right: 2px;
	}

	.select-block:nth-child(2):after {
		width: 600px;
	}

	.answer-select .select-item {
		width: 155px;
		height: 155px;
	}
}

@media (max-width: 1599px) {
	.swot .swot-pic2 {
		width: 80px;
		left: -20px;
	}

	.waterpollution-block {
		padding-left: 100px;
	}

	.life_health3:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 15px;
		height: 100%;
		background-color: #fff;
	}
}

@media (min-width:1400px)and (max-width:1599px) {
	.else-menu .main-menu__item .main-menu__link {
		min-width: 170px;
	}

	.else-menu .main-menu__sub-list {
		width: 170px;
	}

	.answer-title,
	.answer-select .game-boat {
		max-width: 850px;
	}

	.answer-select .select-left,
	.answer-select .select-center,
	.answer-select .select-right {
		width: 265px;
	}

	.answer-select .game-boat {
		margin-top: -152px;
	}

	.select-block:nth-child(2):after {
		width: 600px;
	}

	.answer-select .select-item {
		width: 145px;
		height: 145px;
	}

	.answer-select .select-txt {
		padding: 0 0 0 12px;
	}
}

@media (min-width:1200px)and (max-width:1399px) {
	.else-menu .main-menu__item .main-menu__link {
		min-width: 160px;
	}

	.else-menu .main-menu__sub-list {
		width: 160px;
	}

	.main-menu__item .main-menu__link {
		font-size: 17px;
		letter-spacing: 1px;
	}


	.page-header__logo img {
		height: 60px;
	}

	.question {
		width: 360px;
	}

	.question .question-bg span {
		font-size: 50px;
		bottom: 8px;
	}

	.question .question-bg h5 {
		padding-left: 70px;
		font-size: 22px;
	}

	.question .question-bg {
		margin: 0 35px 0 20px;
		padding: 17px 10px 3px;
	}

	.answer-title,
	.answer-select .game-boat {
		max-width: 750px;
	}

	.answer-select .select-left,
	.answer-select .select-center,
	.answer-select .select-right {
		width: 235px;
	}

	.answer-select .game-boat {
		margin-top: -138px;
	}

	#answer-3 .answer-select .select-item p {
		letter-spacing: 0;
	}

	.select-block:nth-child(2):after {
		width: 550px;
		bottom: -8px;
	}

	.answer-select .select-item {
		width: 155px;
		height: 155px;
	}

	.select-block {
		width: 50%;
	}

	.select-item.not,
	.select-block.nothing {
		display: none;
	}
}

@media (min-width:1200px)and (max-width:1599px) {
	.page-header.page-header--fixed {
		left: 0;
	}

	.strategy .strategy-pic2 {
		left: -30px;
	}
}

@media (min-width: 1200px) {

	.page-header.page-header--fixed {
		width: 100%;
	}

	.page-header--fixed .page-header__logo img {
		height: 60px;
	}

	.page-header--fixed .main-menu__item .main-menu__link {
		padding: 27px 0 27px 0;
	}

	.page-header--fixed .else-menu .main-menu__item {
		padding: 16px 0;
	}

	.page-header--fixed .else-menu .main-menu__item .main-menu__link {
		height: 50px;
		line-height: 50px;
		padding: 0;
	}

	ul.breadcrumb-list {
		min-height: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.develop1_leader {
		padding-bottom: 80px !important;
	}

	.develop2_txt p,
		{
		letter-spacing: 3px;
		line-height: 2;
	}

	.develop4_total p {
		letter-spacing: 2px;
	}

	.develop4-1_txt p {
		line-height: 2;
		letter-spacing: 2px;
	}

	.concept_txt p {
		line-height: 2;
	}

	.concept_img img {
		margin-bottom: 15px;
	}

	.develop5_report {
		padding: 120px 0 0 !important;
	}

	.report-btn {
		margin-top: -60px;
		display: flex;
		justify-content: space-between;
	}

	.report-btn a {
		margin-top: 110px;
	}

	.cseweb {
		margin-bottom: 100px;
	}

	.communicate {
		padding: 0 !important;
	}

	.communicate h4 {
		/*margin-top: 50px;*/
		margin-bottom: 20px;
		letter-spacing: 5px;
	}

	.communicate p {
		line-height: 2;
		text-align: justify;
	}

	.strategy ul li:nth-child(2) {
		margin: 30px 0;
	}

	.industry img,
	.industry .industry-btn {
		padding: 0 15px;
	}

	.material-right .industry-btn {
		margin-left: 50px;
	}

	.invest .tab-chart.chart4 {
		margin-bottom: 0;
	}

	.studies-txt {
		transform: translateY(45px);
	}

	.studies-img img {
		transform: translateX(-65px);
	}

	.organize p {
		margin-top: 40px;
	}

	.expose img {
		margin-bottom: -30px;
	}

	.value-item ul {
		min-height: 192px;
	}

	.value-item ul:nth-child(2) {
		margin-right: 15px;
	}

	.value-item.item2 ul:nth-child(2) {
		margin-right: 50px;
	}

	.human .human-txt p {
		margin-bottom: 45px;
	}

	.human .human-txt .rule-note {
		margin-top: 75px;
	}

	.index-talent .img-box__details {
		position: relative;
		height: 100px;
	}

	.index-life .cases-slider__description {
		padding: 0 20px 20px 20px;
	}

	.game-left {
		padding-bottom: 160px;
	}

	.green .ocean4-pic1 img {
		transform: scale(1.1);
		margin: 35px 0 0 50px;
	}

	.staff_donation .right {
		margin-top: -90px;
	}

	.hero-block .banner-title {
		min-height: 105px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.system-box__deco {
		right: 10px;
	}

	.honest img {
		margin-top: 50px;
	}

	.info-block {
		/*margin-right: 50px;*/
	}

	.studies .chart2 {
		margin-bottom: 20px;
	}

	.steel .steel-item {
		margin-bottom: -50px;
	}
}

@media (max-width:1199px) {

	.develop4_total .ship,
	.report-btn img,
	.cseweb-img,
	.communicate-img,
	.strategy .strategy-pic1,
	.strategy .strategy-pic2,
	.strategy .strategy-pic2,
	.results .results-pic1,
	.material-right img {
		display: none;
	}

	.breadcrumb-list {
		margin-top: 30px;
	}

	.breadcrumb-list__item span {
		position: relative;
		display: unset;
		right: 0;
	}

	.develop4_total:before {
		width: 100%;
		background: #FFF;
	}

	.develop4_total h3 {
		font-size: 34px
	}

	.awards-txt ul li {
		margin-bottom: 20px;
	}

	.report-btn {
		text-align: center;
		padding-top: 60px;
	}

	.stakeholder img {
		margin-top: 30px;
	}

	.communicate h4 {
		margin-bottom: 10px;
	}

	.process-word {
		transform: translateY(-13px);
	}

	.process-word p {
		font-size: 150px;
	}

	.process .section_title {
		margin-bottom: 130px;
	}

	.swot-item span {
		font-size: 120px;
	}

	.strategy_left .bottom_block {
		padding: 30px 35px;
	}

	.strategy .fillet-txt {
		padding: 100px 0 80px;
	}

	.strategy_left {
		margin-bottom: 30px;
	}

	.investment .investment-txt {
		margin: 10px 0 5px;
	}

	.industry h5,
	.industry img {
		margin-bottom: 20px;
	}

	.industry-btn a {
		margin: 15px 15px 0 0;
	}

	.material-left {
		margin: 15px 0 25px;
	}

	.material-right {
		padding-left: 0;
		margin: 10px 0 40px;
	}

	.steel-item a {
		margin: 15px 0 40px;
	}

	.board-img img {
		margin-top: 180px;
	}

	.director-txt1 {
		margin-top: 20px;
	}

	.director-txt2 {
		margin-top: 30px;
	}

	.organize img {
		margin-top: 40px;
	}

	.rule-note {
		padding: 22px 16px;
	}

	.expose img {
		margin-top: -50px;
		transform: translate(-25px, 40px);
	}

	.feedback-img img {
		margin-top: 140px;
	}

	.system .steel-item p {
		margin-bottom: 30px;
	}

	.system .steel-img1 img {
		margin-top: -145px;
		margin-left: 0;
	}

	.fleet-item2 .fleet2-img {
		padding: 0;
		margin-top: -145px;
	}

	.fleet-item3 img {
		transform: translate(25px, 140px);
	}

	.fleet-item4 img {
		padding: 0;
		transform: translate(25px, 260px);
	}

	.warning-img>div:nth-child(3) {
		margin-top: 94px;
	}

	.chain .chain-img img {
		margin-top: 140px;
	}

	.value-item img {
		width: 180px;
		top: -159px;
	}

	.provide .provide-right img {
		margin: 60px 0 30px;
	}

	.risk img {
		padding: 40px 0 0 60px;
	}

	.odds-subject {
		margin-top: -90px;
	}

	section.front-about.index-marine {
		padding-bottom: 100px;
		margin-bottom: 80px;
	}

	.index-talent {
		margin-bottom: 50px;
	}

	.video .video-image {
		margin: 10px;
	}

	.index-cse .index-csr {
		margin-top: -50px;
	}

	.index-cse a {
		margin-left: 30px
	}

	.download-file .contact-trigger {
		padding: 10px 15px 20px 15px;
	}

	.company3_total:before {
		display: none;
	}

	.info-system .sub-title {
		font-size: 85px;
	}

	.page-header__logo img {
		height: 60px;
	}


	.inspection-4 {
		margin-top: -30px;
	}

	.ocean_intelligent_right {
		margin-top: 50px;
	}

	.ocean_greenlife img {
		top: -125px;
		width: 380px;
	}

	.staff_recruit_middle {
		margin-top: 50px;
	}

	.staff_recruit_block p {
		min-height: 92px;
	}

	.staff_internship_bottom .right {
		margin-right: 0;
	}

	.staff_society_area2 .guild-list>div {
		width: 315px;
	}

	.staff_society_area2 .guild-list>span {
		width: calc(100% - 315px);
	}

	.staff_society_area3 .deco-pic {
		right: 60px;
	}

	.life_structure1 p {
		margin-top: 30px;
		width: 100%;
	}

	.life_statistics .deco-icon {
		width: 150px;
		bottom: -175px;
		right: 40px;
	}

	.life_info2 .section_title,
	.life_equality .section_title,
	.life_working1,
	.life_working2,
	.life_benefits1,
	.life_equality1 {
		margin-bottom: 50px;
	}

	.life_communicate1 {
		align-items: flex-end;
	}

	.life_complaint1 .complaint_txt {
		margin-bottom: 50px;
	}

	.life_complaint2 .pic-warp {
		margin-top: -65px;
	}

	.life_system_warp .pic-warp img {
		width: 300px;
		margin-top: 20px;
	}

	.life_office2 .pic-warp {
		margin-top: 12px;
	}

	.life_safety1 .blue_h5,
	.life_safety1 {
		margin-bottom: 50px;
	}

	.answer {
		padding: 120px 30px 140px;
	}

	.answer-select .select-left,
	.answer-select .select-center,
	.answer-select .select-right {
		width: 30%;
	}

	.answer-select .game-boat {
		margin-top: -16.1vw;
	}

	.green .ocean4-pic1 img {
		transform: scale(1.4);
		margin: 50px 0 0 50px;
	}

	.outlay .outlay-img {
		margin: 30px 0 0 0;
	}

	.emission .emission-img {
		width: 60%;
	}

	.section_title img {
		top: 160px;
	}

	.develop1_sustainable {
		padding-top: 150px !important;
	}

	.develop4_target.top {
		padding-top: 0 !important;
	}

	.develop4_target .target-pic1 {
		display: none;
	}

	.target_title_block {
		margin-bottom: 30px;
		height: unset;
	}

	.target_title_block h4 span {
		display: unset;
	}

	.target_title_block i {
		font-size: 46px;
	}

	.develop8_investment .investment_block {
		height: unset;
		margin-bottom: 30px;
	}

	.develop8_investment .investment-pic1 {
		bottom: 0;
	}

	.ocean_monitoring .monitoring_top {
		margin-bottom: 30px;
	}

	.ocean_monitoring .chart_block {
		top: 100px;
	}

	.ocean_efficiency .plan_img_block {
		display: none;
	}

	.ocean_efficiency .plan_right {
		margin-top: 30px;
	}

	.staff_foundation,
	.staff_donation {
		margin-top: 100px;
	}

	.society_activity_block.up {
		margin-top: -68px;
		height: calc(100% + 38px);
	}

	.rule-note {
		padding: 22px 14px;
	}

	.area-note i {
		transform: rotate(90deg);
	}

	.studies .studies-pic {
		display: none;
	}

	.box-mt {
		margin-top: -190px;
	}

	.equality-mt-set {
		margin-top: -205px;
	}

	.box-mt {
		margin-top: -190px;
	}

	.equality-mt-set {
		margin-top: -205px;
	}

	.process-word.sec-word p {
		width: 175px;
		height: 315px;
		font-size: 75px;
	}

	.solas_title {
		margin-top: 30px;
	}

	.life_complaint2 .complaint_txt.complaint_set {
		margin-bottom: 50px;
	}

	.purchasing.purchasing--new .value-item img {
		display: none;
	}

	.evaluation-box__icon {
		margin-right: 2px;
		font-size: 13px;
		position: relative;
		top: -1px;
	}

	.evaluation-box__staus {
		font-size: 15px;
		padding: 3px 6px 4px;
	}

	.evaluation-box__text {
		font-size: 18px;
	}

	.evaluation-box__num {
		font-size: 32px;
	}

	.system-list>div[class*="col-"] {
		display: block;
	}

	.system-list>div[class*="col-"]:first-child {
		margin-bottom: 30px;
	}

	.sec-preservation__pic2-outer {
		display: none;
	}

	.fleet-item3.fleet-new p {
		margin-left: 100px;
	}

	.section.staff_info3_top p,
	.section.ocean_info3_top p,
	.section .ocean3_top p {
		text-align: left;
	}

	.section.staff_info3_top p br,
	.section.ocean_info3_top p br,
	.section .ocean3_top p br {
		display: none
	}

	.list-sdg .md-show {
		display: block;
	}

	.human.human--new .human-txt .photo {
		margin: 0 0 15px 0;
	}
}

@media (min-width:992px)and (max-width:1199px) {
	footer .button {
		letter-spacing: 2px;
	}

	.leader_sign img {
		width: 190px;
		image-rendering: -webkit-optimize-contrast;
	}

	.leader_sign i {
		font-size: 45px;
	}

	.develop2_txt {
		min-height: 505px;
	}

	.awards_pic img {
		margin-top: 100px;
	}

	.process-word {
		margin-top: -40px;
	}

	.process.second .process-word {
		margin-top: 30px;
		transform: translateY(7px);
	}

	.studies-img img {
		transform: scale(1.2);
		margin-left: -35px;
	}

	.value-item {
		flex-direction: column;
		min-height: 100%;
	}

	.survey-1 .survey-contact {
		margin-top: 25px;
	}

	.survey-topic .issue {
		min-width: 90px;
	}

	.question {
		width: 90%;
	}

	.select-block:nth-child(2):after {
		width: 600px;
		bottom: -0.85vw;
	}

	.answer-select .select-item {
		width: 151px;
		height: 151px;
	}

	.system-box__deco {
		width: 250px;
	}

	.rule-note {
		margin-top: 83px;
	}

	.staff_internship_bottom img {
		margin: 50px auto;
	}

	.social_img {
		margin-bottom: 30px;
	}

	#chart5-3-2,
	#chart5-3-3 {
		height: 320px
	}
}

@media (min-width:992px) {

	.develop1_item .item_title img,
	.waterpollution_item .item_title img,
	.communicate_item .item_title img {
		display: none;
	}

	.develop1_icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*.develop1_icon img {
		height: 210px;
	}*/

	.develop4-1_txt {
		align-items: flex-end;
	}

	.develop4-1_bg {
		position: relative;
		padding: 120px 0 0 !important;
	}

	.develop4-1_bg:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 130px;
		background: #FFF;
	}

	.develop4-1_type {
		min-height: 100%;
	}

	.develop4-1_type {
		padding-top: 50px;
	}

	.develop4-1_type .type_item {
		height: 100%;
	}

	.fillet-top {
		padding-bottom: 50px !important;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		padding: 50px;
	}

	.investment .horizontal-tabs li a.r-tabs-anchor {
		padding: 25px 50px;
	}

	.investment .tab-chart {
		min-height: calc(100% - 30px);
		background: #FFF;
		border-radius: 20px 20px 0px 0px;
	}

	.cse-intro {
		height: 100%;
	}

	.invest .tab-chart.chart5 {
		margin-bottom: 0;
	}

	.rule .section_title.bottom-title {
		margin-bottom: 60px;
	}

	.rule-note {
		margin-top: 70px;
	}

	.satisfied-item {
		min-height: calc(100% - 15px);
	}

	.value-item.item2 {
		padding-left: 45px;
	}

	.purchasing .value-item {
		min-height: 100%;
	}

	.odds-item {
		min-height: calc(100% - 15px);
	}

	.game-enter {
		padding: 120px 0 220px;
	}

	.game-left h3 span {
		display: block;
	}

	.invest .chart-title {
		min-height: 87px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.invest .chart-title span {
		margin-top: 5px;
	}

	/*.ocean_influences_list:first-child {
		margin-top: 50px;
	}*/

	.communicate_icon img {
		width: 170px;
	}

	#answer-3 .answer-select .select-txt {
		min-height: 81px;
	}
}

@media(max-width: 991px) {

	.develop2_pic,
	.policy_img,
	.awards_pic,
	.pic-sit,
	.strategy-img,
	.history-pic1,
	.steel-img,
	.board-img,
	.studies-img,
	.audit-img,
	.feedback-img,
	.steel-img2,
	.fleet2-img,
	.value-item img,
	.dare-img2,
	.survey3-img,
	.survey4-img,
	.survey5-img,
	.survey6-img,
	.green .ocean4-pic1,
	.outlay .outlay-img,
	.emission .emission-img,
	.select-item.not,
	.select-block.nothing {
		display: none;
	}

	.page-footer__menu li {
		width: 50%;
	}

	.hero-block {
		padding: 180px 0 80px;
		min-height: auto;
	}

	.section_title img {
		position: relative;
		top: 0;
		margin: 30px 0;
	}

	.develop1_icon {
		display: none;
	}

	.develop1_item {
		margin: 30px 0;
	}

	.develop1_item .item_no {
		font-size: 70px;
		left: 30px;
		top: -55px;
	}

	.develop1_block {
		margin-bottom: 80px;
	}

	.develop1_block .section_title {
		margin-bottom: 0;
	}

	.develop1_block .img_warp {
		right: 15px;
		top: -50px;
		width: 130px;
	}

	.list-title-en {
		font-size: 18px;
	}

	.develop2_txt {
		min-height: auto;
		background-size: auto 100%;
	}

	.develop_tab .r-tabs-anchor h4 {
		font-size: 30px;
	}

	.tab-chart .chart-title {
		display: block;
	}

	.tab-chart .chart-title-tx {
		width: 100%;
		margin-bottom: 10px;
	}

	.tab-chart .chart-plus {
		display: flex;
		align-items: center;
		width: auto;
		padding: 5px 8px;
		width: fit-content;
	}

	.tab-chart .chart-plus i {
		font-size: 12px;
		margin-bottom: 0;
		margin-right: 5px;
	}

	.develop4_subitems .subitem,
	.develop4_subitems .subitem.second {
		padding: 30px;
		margin-bottom: 20px;
	}

	.develop4-1_type .type_item {
		margin-top: 30px;
	}

	.develop4_event p {
		width: 100%;
		padding-bottom: 90px;
	}

	.awards-txt ul {
		padding-left: 22px;
	}

	.awards-btn a {
		margin-top: 40px;
	}

	.certificate-pic {
		padding: 10px 0;
	}

	.section_title .sub-title {
		transform: translateY(-10px);
	}

	.concept .develop1_item:before {
		background: linear-gradient(-135deg, transparent 0, #F3F9FB 0);
	}

	.concept .develop1_item:after {
		background: linear-gradient(-135deg, transparent 0, #256894 0);
	}

	.concept .develop1_item p {
		letter-spacing: 1px;
	}

	.authority .section_title {
		margin-bottom: 40px;
	}

	.cseweb {
		margin-top: 60px;
	}

	.grl img {
		margin-top: 0;
	}

	.process-word p {
		display: inline;
	}

	.process-word span {
		position: relative;
		left: -30px;
		bottom: -14px;
	}

	.process-item {
		margin-top: 30px;
	}

	.process-item .process-subject {
		top: 20px;
	}

	.process-item img {
		display: none;
	}

	.process.second .process-word {
		margin-bottom: 30px;
	}

	.concerned .section_title .sub-title {
		font-size: 80px;
	}

	.fillet-top {
		padding-bottom: 30px !important;
	}

	.swot .swot-pic2 {
		left: -30px;
	}

	.swot-item span {
		font-size: 85px;
	}

	.fillet-bottom.final .fillet-txt {
		padding: 80px 0 200px;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		padding: 35px;
	}

	.investment .horizontal-tabs li a.r-tabs-anchor {
		padding: 25px 35px;
	}

	.cse-intro {
		margin: 15px 0;
	}

	.strategy ul {
		margin-bottom: 20px;
	}

	.steel .steel-txt p {
		margin-bottom: 30px;
	}

	.board p {
		margin-bottom: 90px;
	}

	.director p {
		margin-bottom: 15px;
	}

	.director-txt1 {
		margin-bottom: 30px;
	}

	.studies .section_title .sub-title {
		top: -50px;
		font-size: 75px;
	}

	.cse-team p {
		margin-bottom: 0;
	}

	.rule .rule-txt p {
		margin-bottom: 15px;
	}

	.rule-note {
		margin-bottom: 30px;
	}

	.expose img {
		margin-top: 0;
		transform: translate(-20px, 30px);
	}

	.expose .bottom-title {
		margin-top: 60px;
	}

	.procedure p {
		margin-bottom: 0;
	}

	.system .steel-item.item-1 p {
		margin-right: 0;
	}

	.system .steel-img1 img {
		margin-top: -30px;
	}

	.fleet-item3 img {
		transform: translate(0);
		margin-bottom: -480px;
	}

	.fleet-item4 img {
		transform: translate(0);
		margin-bottom: -480px;
	}

	.fleet-item3 p,
	.fleet-item4 p {
		margin-left: 240px;
	}

	.warning-img>div:nth-child(1),
	.warning-img>div:nth-child(2) {
		margin-top: 15px;
		margin-bottom: 45px;
	}

	.warning-img>div:nth-child(3) {
		margin-top: 0;
	}

	.chain .chain-img img {
		margin-top: 30px;
	}

	.value-item.item2 {
		margin: 20px 0;
	}

	.value-item.item2:before,
	.value-item.item2:after {
		width: 70px;
		left: 0;
		right: 0;
		transform: rotate(90deg);
	}

	.value-item.item2:before {
		left: 0;
		bottom: 333px;
	}

	.value-item.item2:after {
		right: 0;
		top: 333px;
	}

	.value-item {
		padding: 25px 25px 30px;
	}

	.value-item.item3 ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.value-item ul,
	.value-item.item3 ul li {
		width: 50%;
	}

	.human h3 {
		font-size: 42px
	}

	.human .section_title .sub-title {
		top: -55px;
		font-size: 72px;
	}

	.human .human-txt {
		padding-top: 30px;
	}

	.provide .section_title {
		margin-top: 70px;
	}

	.provide .provide-right {
		display: flex;
		flex-direction: column-reverse;
	}

	.provide .provide-right img {
		margin: 30px 0 0;
	}

	.purchasing .value-item.item {
		margin: 20px 0;
	}

	.evaluate img {
		margin-bottom: 20px;
		margin-top: -25px;
	}

	.foster .section_title {
		margin-top: 100px;
		margin-bottom: 20px;
	}

	.dare .dare-img1 img {
		width: 120px;
		left: auto;
		bottom: auto;
		top: -355px;
		right: 20px;
	}

	.dare .dare-item {
		min-height: auto;
	}

	.dare .dare-item.last {
		margin-bottom: 90px;
	}

	.risk img {
		padding: 0;
	}

	.odds-subject {
		margin-top: 100px;
	}

	.survey-2 .data-item {
		width: calc(49.5% - 4px);
	}

	.survey-2 .survey-data {
		margin: 45px 0;
	}

	.survey-topic {
		margin: 40px 0 0;
	}

	.survey-6 .survey-comment {
		margin: 40px 0;
	}

	.index-talent .img-box__details {
		padding: 0 5px 13px 5px;
	}

	.index-talent .img-box__title {
		width: 100%;
	}

	.index-talent {
		margin-bottom: 0px;
	}

	.index-talent .img-box__details {
		height: auto;
		text-align: center;
	}

	.video .video-image {
		margin-top: 100px;
		width: 90%
	}

	.index-policy .policy-text .button:not(.button-border) {
		width: 100%;
		border-radius: 10px;
		margin-bottom: 20px
	}

	.index-policy .policy-text {
		padding: 15px
	}

	/*.section.sitemap {
		padding-bottom: 150px;
	}*/

	.index-cse p {
		margin-bottom: 20px;
	}

	.index-cse .logo25 {
		width: 200px;
		display: inline-block;
	}

	.index-cse .logo25 img {
		padding: 0;
	}

	.index-cse a {
		display: inline-block;
		float: right;
	}

	.index-cse .index-csr {
		margin-top: -10px;
	}

	.info-system .sub-title {
		font-size: 60px;
		top: -36px;
	}

	.fillet-top h3 span {
		line-height: 1.2;
	}


	.ocean_pact_top {
		margin-bottom: 15px;
	}

	.ocean_pact_bottom img {
		position: absolute;
		z-index: 1;
		width: 150px;
		top: -161px;
		left: -36px;
	}

	.inspection-1 {
		padding-bottom: 0;
	}

	.inspection-2 {
		margin-bottom: 30px;
	}

	.inspection-3 {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.inspection-4 {
		margin-top: 0;
	}

	.ocean_influences {
		margin-top: 30px;
	}

	.ocean_influences .heading__title span {
		display: unset;
	}

	.ocean_influences img {
		margin-top: 10px;
	}

	.ocean_energy .section_title img {
		display: none;
	}

	.ocean_energy .missing-corner,
	.ocean_energy .statistics {
		margin-top: 30px;
	}

	.ocean_ecoship_list_warp>div {
		margin-bottom: 20px;
	}

	.ocean3_right {
		text-align: center;
	}

	.ocean3_top img {
		padding-left: 0;
	}

	.ocean_airpollution_left {
		margin-bottom: 30px;
	}

	.ocean_airpollution_right h5 span {
		display: unset;
	}

	.waterpollution-block {
		margin-bottom: 80px;
		padding-left: 60px;
	}

	.waterpollution-block:first-child {
		margin-top: 70px;
	}

	.waterpollution_item .item_no {
		font-size: 70px;
		left: 30px;
		top: -55px;
	}

	.waterpollution_item .item_title {
		margin-bottom: 15px;
	}

	.waterpollution_icon {
		display: none;
	}

	.ocean_garbagepollution_left p,
	.garbagepollution-1-img,
	.ocean_garbagepollution-2 .ocean_garbagepollution_left {
		margin-bottom: 30px;
	}

	.ocean_garbagepollution .sub-title {
		line-height: 1.2;
		transform: translateY(20px);
	}

	.ocean_garbagepollution-1 {
		margin-bottom: 0;
	}

	.ocean_greenlife img {
		position: relative;
		top: unset;
		width: auto;
		margin: 30px auto;
		padding: 0 15px;
	}

	.ocean img,
	.ocean_research img {
		margin-top: 30px;
	}

	.staff_recruit_top .pic-warp {
		margin-top: 0;
		text-align: center;
	}

	.staff_recruit_middle {
		margin-top: 80px;
		margin-bottom: 50px;
	}

	.staff_recruit_middle .section_title {
		margin-bottom: 50px;
	}

	.staff_recruit_middle .pic-warp {
		display: none;
	}

	.staff_recruit_middle>div:last-child {
		margin-top: 30px;
	}

	.staff_recruit_block p {
		min-height: unset;
	}

	.staff_recruit_bottom h5 {
		margin-bottom: 15px;
	}

	.staff_recruit_bottom .left {
		margin-bottom: 50px;
	}

	.staff_recruit_bottom .pic-warp {
		position: relative;
	}

	.staff_internship_bottom .heading__title span,
	.staff_internship_bottom h5 span {
		display: unset;
	}

	.staff_institution .section_title,
	.staff_cooperation .section_title,
	.staff_cooperation .pic-warp {
		margin-bottom: 30px;
	}

	.staff_institution .pic-warp,
	.staff_scholarship .pic-warp {
		margin-top: 30px;
	}

	.staff_society_top .pic-warp {
		margin-top: 30px;
	}

	.staff_society .section_title {
		margin-bottom: 50px;
	}

	.society_title_block .society_title {
		margin-bottom: 10px;
	}

	.staff_society_area2 {
		margin-bottom: 0;
	}

	.staff_society_area2 .missing-corner {
		margin-bottom: 30px;
		height: unset;
	}

	.staff_society_area2 .guild-list>div,
	.staff_society_area2 .guild-list-2>div {
		width: 400px;
	}

	.staff_society_area2 .guild-list>span,
	.staff_society_area2 .guild-list-2>span {
		width: calc(100% - 400px);
	}

	.staff_society_area3 .deco-pic {
		width: 200px;
		top: -79px;
		right: 15px;
	}

	.staff_society_area3 .left {
		margin-bottom: 30px;
	}

	.staff_foundation_btn,
	.staff_donation .right {
		margin-top: 30px;
	}

	.staff_socialcare h5 {
		margin-bottom: 20px;
	}

	.staff_socialcare .pic-warp img {
		width: auto;
	}

	.life_structure1 p {
		margin-top: 0;
		margin-bottom: 30px !important;
	}

	.life_structure1 .pic-warp {
		margin-bottom: 100px;
	}

	.life_structure2 {
		margin-top: 0;
	}

	.life_structure3 .pic-warp {
		display: none;
	}

	.life_statistics .deco-icon {
		width: 120px;
		bottom: -132px;
		right: 15px;
	}

	.life_salary .pic-warp,
	.life_performance .pic-warp {
		display: none;
	}

	.life_working3,
	.life_working2 {
		margin-bottom: 30px;
	}

	.benefits_info .pic-warp,
	.benefits_info .pic-block img {
		margin-top: 30px;
	}

	.benefits_info .pic-block {
		margin-top: 0;
	}

	.life_equality2 {
		margin-bottom: 0;
	}

	.equality_block {
		height: unset;
		margin-bottom: 30px;
	}

	.life_communicate1 .pic-warp {
		text-align: center;
		margin-top: 50px;
	}

	.communicate_item {
		margin-bottom: 30px;
	}

	.communicate_item .communicate_icon {
		display: none;
	}

	.life_complaint2 .pic-warp {
		position: absolute;
		right: 20px;
		top: -209px;
	}

	.life_complaint2 .pic-warp img {
		width: 180px;
	}

	.life_info4_top .pic-warp,
	.life_health1 .pic-warp,
	.life_health4 .pic-warp {
		margin-top: 30px;
	}

	.life_system_warp .pic-warp,
	.life_measures1 .pic-warp {
		display: none;
	}

	.life_system_warp .single-rounded-corners,
	.life_measures3 .single-rounded-corners {
		height: unset;
	}

	.life_measures3 .single-rounded-corners .pic-warp {
		margin-top: 20px;
	}

	.life_measures3 .inner-warp {
		margin-bottom: 15px;
	}

	.life_health1 {
		margin-bottom: 50px;
	}

	.life_health3 .inner_txt {
		margin-bottom: 0;
	}

	.life_health3 .inner_block {
		margin-top: 30px;
	}

	.life_friendly2 .top span {
		display: unset;
	}

	.life_office1 .section_title {
		margin-bottom: 30px;
	}

	.life_office2 .pic-warp {
		margin-top: 30px;
	}

	.life_crew {
		padding-top: 30px !important;
	}

	.life_training .pic-warp {
		margin-top: 50px;
	}

	.contact_bg:before {
		width: 100%;
	}

	.contact .contact_title {
		margin-bottom: 50px;
	}

	.contact .info-warp {
		margin-bottom: 30px;
	}

	.contact_ok .tx {
		margin-top: 50px;
		text-align: center;
	}


	.answer:not(#answer-1) .answer-select .select-left,
	.answer:not(#answer-1) .answer-select .select-right,
	.answer .answer-select .select-center {
		width: 60%;
	}

	#answer-2 .answer-select .select-txt {
		min-height: auto;
	}

	.green .green-chart1 {
		margin: 5px 0;
	}

	.green .green-chart2 {
		margin: 15px 0 5px;
	}

	.garbagepollution-1-img {
		text-align: center;
	}

	.cycle-img {
		transform: translateY(-30px);
	}

	.sitemap-chapter {
		margin-bottom: 40px;
	}

	.index-download .steps-slider__nav {
		display: none
	}

	.years-award .years_block {
		display: block;
	}

	.years-award .years_block img {
		width: 70px;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.years-award .years_block .years_tx {
		text-align: center;
	}

	.develop8_investment .section_title {
		margin-bottom: 50px;
	}

	.develop8_investment .investment-pic1 {
		display: none;
	}

	.develop8_investment .investment_block {
		height: calc(100% - 30px);
	}

	.develop8_investment .investment_tx h5 {
		margin-bottom: 10px;
	}

	.ocean_influences_txt {
		text-align: justify;
	}

	.ocean_influences_txt span {
		display: unset;
	}

	.ocean_monitoring .monitoring_top {
		margin-bottom: 0;
	}

	.monitoring-pic-1 {
		margin-left: 0;
		top: 0;
		margin: 30px auto;
	}

	.monitoring-pic-2 {
		display: none;
	}

	.ocean_monitoring .chart_block {
		top: 0;
	}

	.ocean_monitoring .emission_row {
		margin-top: 30px;
	}

	.ocean_monitoring .emission_block {
		margin-bottom: 30px;
	}

	.ocean_efficiency .sub-title {
		font-size: 70px;
	}

	.society_donate_tx {
		padding: 0 30px;
	}

	.society_donate_btn {
		position: relative;
		top: 0;
		margin-top: 30px;
		padding: 0 45px;
	}

	.society_activity_block.up {
		margin-top: 0;
		height: auto;
	}

	.staff_foundation_btn {
		height: unset;
	}

	.staff_foundation_btn .button {
		top: unset;
		transform: unset;
	}

	.staff_donation .img_warp {
		display: none;
	}

	.life_office1 {
		margin: 0
	}

	.studies-info {
		margin-top: 40px;
	}

	.approve-img img {
		display: none;
	}

	.director .director-case {
		margin-bottom: 80px;
	}

	.staff_internship_bottom img {
		display: none;
	}

	.sdg-logo {
		padding: 0;
		text-align: center;
	}

	.sdg-logo img {
		height: 150px;
	}

	.process-item .process-subject {
		right: -100px;
		bottom: 0px;
		top: 80px;
	}

	.process.second .process-item.sec-process-item {
		margin: 20px 0 50px;
	}

	.process-item .process-subject.sec-process-box {
		top: 0px;
	}

	.process-word.sec-word p {
		font-size: 70px;
	}

	.box-mt {
		margin-top: 0px;
	}

	.equality-mt-set {
		margin-top: 0px;
	}

	.mb-60 {
		margin-bottom: 30px;
	}

	.communicate_icon img {
		display: none;
	}

	.communicate_box .communicate_icon img {
		margin-bottom: 0px;
	}

	.ocean-mb {
		margin-bottom: 70px;
	}

	.communicate_icon.staff_mt {
		margin-top: 0px;
	}

	.safe_info_center p {
		text-align: left;
	}

	.safe_info_center br {
		display: none;
	}

	.chain.chain--new .chain-img img {
		margin-top: 30px;
	}

	.value--new .value-item {
		height: inherit;
	}

	.value--new .value-item.item2:before {
		bottom: inherit;
		transform: rotate(90deg)translate(-33px, 0);
	}

	.value--new .value-item.item2:after {
		top: inherit;
		transform: rotate(90deg)translate(30px, 0);
	}

	.human.human--new .human-txt {
		padding-top: 30px;
	}

	.value--new .value-item.item1 ul:nth-child(2) {
		width: 50%;
	}

	.value--new .value-item.item2 ul:nth-child(2) {
		width: 50%;
	}

	.system-box__outer {
		margin-bottom: -30px;
	}

	.system-box {
		margin-bottom: 30px;
		height: inherit;
	}

	.fleet-item3.fleet-new p {
		margin-left: 255px;
	}

	.sec-preservation__pic2-outer {
		top: 0;
		display: block;
	}

	.sec-preservation__pic2 {
		transform: translate(0, 104px);
	}

	.sec-preservation-1__text {
		margin-left: 255px;
	}

	.sec-preservation__pic3 {
		width: 93px;
		margin: 100px auto 0;
	}

	.sec-preservation-2 .section_title .heading__title {
		text-align: left;
	}

	.sec-preservation-2 .section_title .sub-title {
		right: inherit;
	}

	.sec-preservation__pic3 {
		margin: 0 auto 0;
	}

	.sec-preservation__pic4 {
		margin: 18px 0 0 auto;
	}

	.staff_recruit_top .pic-warp {
		padding: 30px 15px !important;
		margin: 0 !important;
	}

	.staff_recruit_top.top-50 {
		margin: 0 !important;
	}

	.life_friendly2 .mt-up {
		margin-top: 0px;
	}

	.life_info5 .life_friendly2 .mt-up {
		margin-top: 0px;
	}

	.dare-row .title {
		width: 100%;
		display: block;
		padding: 5px 0px 0px;
	}

	.dare-row .title br {
		display: none
	}

	.dare-row .dare-info {
		width: 100%;
		display: block;
		padding: 10px;
	}

	.life_office1 h5 {
		transform: translateY(0px);
	}

}

@media (min-width:768px)and (max-width:991px) {
	.question .question-bg span {
		font-size: 36px;
		bottom: 13px;
	}

	.question .question-bg {
		padding: 17px 10px 3px;
	}

	.question .question-bg h5 {
		padding-left: 50px;
		font-size: 22px;
	}

	/*#answer-4 .answer-select .select-item .select-bg {
		padding: 10px 5px 10px 10px;
	}*/
	.select-block:nth-child(2):after {
		width: 450px;
		bottom: -8px;
	}

	.answer-select .select-item {
		width: 165px;
		height: 165px;
	}

	.select-block {
		width: 55%;
	}
}

@media (min-width: 768px) {

	.enter:nth-child(1),
	.enter:nth-child(2) {
		padding-top: 70px;
	}

	/*.vertical-tabs__content .gallery__item img {
		padding: 20px;
		max-height: 100%;
	}

	.vertical-tabs__content .gallery__item,
	.vertical-tabs__content .gallery__item img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}*/
	.develop4_target .tabs {
		padding-left: 15px;
	}

	.r-tabs .r-tabs-tab:hover {
		opacity: 1;
	}

	.develop_tab .tab-icon {
		filter: grayscale(1);
	}

	.r-tabs-state-active .tab-icon,
	.r-tabs .r-tabs-tab:hover .tab-icon {
		filter: grayscale(0);
	}

	.fillet-txt.full {
		padding-left: 30px !important;
	}

	.investment .horizontal-tabs .r-tabs-state-default {
		opacity: 1;
		background: #F3F9FB;
	}

	.investment .horizontal-tabs .r-tabs-state-default a {
		opacity: 0.5;
		transition: 0.3s;
	}

	.investment .horizontal-tabs .r-tabs-state-default:hover a {
		opacity: 1;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		background: #F3F9FB;
	}

	.rule .develop_approve {
		min-height: calc(100% - 15px);
	}

	.satisfied .material-item.item-1 {
		margin: 20px 0 0;
	}

	.game-enter {
		padding: 90px 0 200px;
	}

	.results .accordion__title-block>p {
		margin: 10px 10px 0 0;
	}

	.develop4_target_block.middle {
		margin-bottom: 55px;
	}


}

@media (max-width: 767px) {

	h3 {
		font-size: 34px;
		letter-spacing: 4px;
	}

	h4 {
		font-size: 28px;
	}

	h5 {
		font-size: 22px;
	}

	.swot-pic2,
	.history-pic2,
	.dare-img1 {
		display: none;
	}

	.page-header {
		padding: 10px 15px;
	}

	.page-header.page-header--fixed {
		padding: 0 15px;
	}

	.breadcrumb-list__item {
		font-size: 16px;
	}

	.develop1_completion {
		text-align: left;
	}

	.develop1_completion p {
		display: inline;
		line-height: 32px;
	}

	.develop1_sustainable {
		padding-top: 50px !important;
	}

	.develop1_block {
		margin-bottom: 15px;
	}

	.develop1_block .img_warp {
		top: 0;
		width: 80px;
	}

	/*.page-footer {
		margin-top: 180px;
	}*/

	.develop3_depiction {
		margin-bottom: 30px;
	}

	.enter {
		padding-top: 85px;
	}

	.enter:nth-child(1) {
		padding-top: 65px;
	}

	.enter_item .enter_no {
		top: -45px;
		padding: 10px 40px 5px 25px;
	}

	.enter_item a {
		padding: 20px 35px 0;
	}

	.enter_item .enter_no img {
		width: 28px;
		height: 28px;
	}

	.enter_item:hover .enter_no img {
		top: -32px;
	}

	.develop_tab,.company3_tab {
		margin-bottom: 40px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.company3_tab .horizontal-tabs__item h4{
		margin-top: 10px
	}

	.tab-chart .chart-title h5 {
		margin-bottom: 0;
	}

	.horizontal-tabs__content {
		background: #F3F9FB;
	}

	.horizontal-tabs .r-tabs-anchor,
	.horizontal-tabs__header a {
		padding: 10px 15px;
	}

	.horizontal-tabs .r-tabs-panel {
		padding: 0 15px 15px;
	}

	.horizontal-tabs .r-tabs-accordion-title {
		opacity: 1;
	}

	.develop_tab .r-tabs-accordion-title.r-tabs-state-active {
		background: #F3F9FB;
		border-bottom: 1px solid #F3F9FB;
		position: relative;
		border-top: none;
	}

	.develop_tab .r-tabs-accordion-title.r-tabs-state-active::before {
		content: "";
		display: block;
		height: 5px;
		width: 100%;
		background: #134165;
		position: absolute;
		top: 0;
		left: 0;
	}

	.develop_tab .tab-icon {
		width: 45px;
	}

	.develop4_total .counter,
	.develop4_total p {
		margin-bottom: 30px;
	}

	.develop4_total .counter__count {
		font-size: 48px;
		margin-right: 2px;
	}

	.develop4_total h3 {
		font-size: 22px;
	}

	.develop4_total h5 {
		font-size: 16px;
	}

	.vertical-tabs .r-tabs-accordion-title a h5 {
		margin: 0;
	}

	.vertical-tabs .r-tabs-anchor,
	.vertical-tabs__header a {
		border: 1px solid rgba(51, 51, 51, 0.1);
		background: #FFF;
		padding: 15px;
	}

	.vertical-tabs .r-tabs-panel {
		min-height: auto;
		border: 2px solid #256894;
	}

	.develop4_target .tabs {
		margin-top: 10px;
	}

	.vertical-tabs__content .r-tabs-accordion-title:last-child {
		margin-top: 0;
	}

	.develop4_target ul.target_txt {
		font-size: 16px;
		line-height: 1.8;
		margin-top: 30px;
	}

	.develop4_target ul.target_txt li {
		margin-bottom: 10px;
	}

	.develop4_subitems .subitem h4 {
		margin-bottom: 0;
	}

	.develop4_subitems .subitem img {
		width: 50px;
		margin-bottom: 10px;
	}

	.section_title.blue-title,
		{
		margin-top: 40px;
	}

	.section_title .sub-title {
		font-size: 60px;
		top: -45px;
	}

	.tabs .tab_subject {
		margin: 30px 0 15px;
	}

	.develop4_event {
		margin-bottom: 40px;
	}

	.section_title {
		margin-top: 20px;
	}

	.section_title.mid {
		margin-bottom: 0;
	}

	.develop_approve {
		margin: 35px 0 0;
	}

	.develop_approve h4 {
		top: -25px;
	}

	.develop_approve p {
		padding: 20px 15px 15px;
	}

	.years-award .years-item {
		padding: 30px 15px;
	}

	.years-award .years-item img {
		width: 60px;
		margin-bottom: 10px;
	}

	.heading__pre-title {
		margin-bottom: 0;
	}

	.awards-txt>h5 {
		margin-top: 30px;
	}

	.awards-title {
		margin: 15px 0;
	}

	.authority .section_title {
		margin-bottom: 40px;
	}

	.cseweb {
		margin-top: 30px;
	}

	.cseweb h4 {
		letter-spacing: 3px;
	}

	.modal-report {
		padding: 10px 0;
	}

	.modal-report .develop_approve h4 {
		font-size: 40px;
		top: -33px;
	}

	.modal-report .develop_approve {
		margin: 35px auto 0;
	}

	.modal-report .develop_approve p {
		padding: 15px 25px 15px 120px;
	}

	.stakeholder p {
		margin-top: 15px;
		margin-bottom: 0;
	}

	.pipeline h4 {
		margin-bottom: 30px;
	}

	.process-word {
		transform: translateY(0);
		margin-top: 40px;
	}

	.process-word p {
		font-size: 90px;
	}

	.process-word span {
		font-size: 66px;
		left: -20px;
		bottom: -8px;
	}

	.process .process-arrow {
		font-size: 60px;
		width: 60px;
		top: -30px;
	}

	.process.second .process-word {
		margin-bottom: 20px;
	}

	.concerned-item span {
		margin-bottom: 10px;
		margin-top: 30px;
	}

	.concerned .section_title .sub-title {
		font-size: 60px;
	}

	.concerned-txt {
		margin-top: 20px;
	}

	.issue-pic {
		margin-top: 20px;
	}

	.fillet-top {
		padding-bottom: 15px !important;
	}

	.fillet-top .section_title {
		margin-bottom: 20px;
	}

	.fillet-bottom:before {
		height: 130px;
	}

	.fillet-bottom .container {
		border-radius: 90px 0 0 0;
	}

	.fillet-bottom .fillet-txt {
		padding: 40px 0 40px 30px;
	}

	.fillet-bottom.final .fillet-txt {
		padding: 40px 0 120px 30px;
	}

	.strategy-item {
		flex-direction: column;
	}

	.strategy-item p {
		margin-bottom: 25px;
		line-height: 1.8;
	}

	.strategy_list .num {
		font-size: 80px;
		width: 52px;
		top: 3px;
	}

	.strategy_list h5 {
		width: calc(100% - 62px);
	}

	.strategy_left .bottom_block h4 span {
		font-size: 22px;
	}

	.swot .swot-pic1 {
		width: 110px;
		right: 15px;
		top: -114px;
	}

	.swot-item span {
		font-size: 65px;
	}

	.swot-item ul {
		margin: 5px 0 30px;
	}

	.results .develop3_title {
		align-items: flex-start;
	}

	.results .accordion__title-block>p {
		font-size: 68px;
		width: 96px;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		background: #F3F9FB;
	}

	.horizontal-tabs .r-tabs-anchor h4 {
		margin-bottom: 0;
	}

	.horizontal-tabs .r-tabs-anchor h4 span {
		font-size: 22px;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		padding: 15px 35px;
	}

	.investment .investment-txt span {
		font-size: 16px;
		margin-left: 3px;
	}

	.strategy .section_title {
		margin-bottom: 15px;
	}

	.history .develop_approve ul {
		padding: 20px 15px 15px 45px;
	}

	.industry-btn a:first-child {
		margin: 0 12px 0 0;
	}

	.fillet-top .fillet-note {
		text-align: left;
	}

	.fillet-top .fillet-note span {
		display: inline;
	}

	.material-left .material-item:nth-child(2) {
		margin: 20px 0;
	}

	.material p {
		margin-bottom: 15px;
	}

	.material-right {
		padding-left: 0;
		margin: 0 0 30px;
	}

	.section_title.bottom-title {
		margin-bottom: 15px;
		margin-top: 50px;
	}

	.board p {
		margin-bottom: 40px;
	}

	.director-member {
		margin: 15px 0;
	}

	.director-txt2 {
		margin-top: 15px;
	}

	.director-case .develop_approve {
		background: #FFF;
		margin: 25px 0 0;
	}

	.director-case .develop_approve h3 {
		top: -25px;
	}

	.director-case .develop_approve p {
		padding: 10px 20px 10px 55px;
		line-height: 1.8;
	}

	.studies .section_title .sub-title {
		top: -35px;
		font-size: 55px;
	}

	.organize img {
		margin-top: 10px;
	}

	.cse-team {
		background-position: -180px bottom;
		background-attachment: fixed;
	}

	.rule .develop_approve {
		padding: 0 8px;
	}

	.rule .develop_approve p {
		padding: 10px 5px 10px 10px;
	}

	.audit p,
	.audit ul.queue {
		margin-bottom: 15px;
	}

	.expose img {
		transform: translate(0);
	}

	.procedure .team-member {
		margin-top: 25px;
	}

	.satisfied h5.second-title {
		margin-top: 30px;
	}

	.system .steel-item p {
		margin-top: 10px;
	}

	.fleet-item3,
	.fleet-item4 {
		flex-direction: column-reverse;
	}

	.fleet-item3 img,
	.fleet-item4 img {
		margin-bottom: 35px;
	}

	.fleet-item3 p,
	.fleet-item4 p {
		margin-left: 0;
	}

	.track ul.decimal {
		margin-bottom: 30px;
	}

	.chain .chain-subject {
		text-align: left;
		margin-bottom: 30px;
	}

	.chain .chain-subject span {
		display: inline;
	}

	.chain .chain-img img {
		margin-top: 0;
	}

	.human .develop_approve {
		background: #F3F9FB;
		margin: 8px 0 0;
	}

	.human .develop_approve h3 {
		top: 10px;
	}

	.human .develop_approve p {
		padding: 10px 20px 10px 45px;
	}

	.rule-note.single {
		padding: 20px 0px 20px 15px;
	}

	.human h3 {
		font-size: 32px;
	}

	.human .section_title {
		margin-top: 30px;
	}

	.human .section_title .sub-title {
		top: -35px;
		font-size: 53px;
	}

	.evaluate img {
		margin-top: -10px;
	}

	.foster .section_title {
		margin-top: 70px;
	}

	.dare .dare-item {
		margin: 0 0 20px;
	}

	.dare .dare-item.last {
		margin-bottom: 40px;
	}

	.odds-subject {
		margin-top: 15px;
	}

	.poly .section_title {
		margin-bottom: 30px;
	}

	.survey-2 .data-item.last {
		width: calc(100% - 4px);
	}

	.survey-2 .survey-data {
		margin: 30px 0;
	}

	.survey-2 .survey-intro {
		text-align: justify;
	}

	.survey-2 .survey-intro p {
		display: inline;
	}

	.survey-topic .issue {
		min-width: 60px;
	}

	.survey-topic .issue .issue-title {
		height: 57px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.survey-topic .issue .issue-title span {
		font-size: 16px;
		line-height: 1.5;
	}

	.survey-topic {
		margin: 30px 0 0;
	}

	.survey-6 .survey-comment {
		margin: 30px 0 40px;
	}

	.survey-6 .survey-captcha input {
		max-width: calc(100% - 165px);
	}

	.survey-6 button {
		min-width: 100%;
	}

	section.front-about.index-marine {
		padding-bottom: 60px;
		margin-bottom: 30px;
	}

	.index-download .bottom-70 {
		margin-bottom: 30px;
	}

	.index-talent .img-box__details {
		height: 90px;
	}

	.video .video-image {
		margin-top: 0px;
		width: 100%;
	}

	.company3_tab .r-tabs-anchor img {
		width: 120px;
		margin: 20px 0px;
	}

	.company3_tab .horizontal-tabs__header a,
	.company3_tab.horizontal-tabs .r-tabs-anchor {
		flex-direction: row;
		justify-content: flex-start;
		align-items: center
	}

	.company3_tab .r-tabs-anchor h4,
	.company3_tab .r-tabs-anchor p {
		text-align: left;
		margin-left: 15px;
		margin-bottom: 0
	}

	.info-system .sub-title {
		font-size: 45px;
		top: -26px;
	}


	.fillet-inner {
		border-radius: 90px 0 0 0;
	}

	.fillet-inner .fillet-txt {
		padding-top: 60px;
	}

	.fillet-inner-txt {
		padding-left: 30px;
	}

	.missing-corner {
		padding: 30px;
	}

	.missing-corner:before {
		border-width: 0 70px 70px 0;
	}

	.ocean_inspection .section_title,
	.ocean_fleet .section_title {
		margin-bottom: 30px;
	}

	.ocean_pact_bottom {
		margin-top: 130px;
	}

	.ocean_pact_bottom img {
		top: -139px;
		left: -29px;
		width: 130px;
	}

	.inspection-2 .inspection-item img {
		margin-bottom: 10px;
		width: 70px;
	}

	.ocean_influences {
		margin-top: 30px;
	}

	.ocean_ecoship_list_warp {
		margin-top: 30px;
	}

	.ocean_ecoship_list .num {
		font-size: 40px;
	}

	.waterpollution-block {
		margin-bottom: 70px;
		padding-left: 0;
	}

	.ocean_greenlife_title {
		margin-bottom: 10px;
	}

	.ocean_intelligent_list:first-child {
		margin-top: 20px;
	}

	.ocean_intelligent_right {
		margin-top: 40px;
	}

	.ocean_future {
		margin-bottom: 50px;
	}

	.ocean_future h4 {
		top: -25px;
	}

	.ocean_future p {
		padding: 20px 35px;
	}

	.staff_recruit_middle {
		margin-top: 50px;
	}

	.staff_recruit_middle .section_title {
		margin-bottom: 30px;
	}

	.staff_recruit_block {
		margin-bottom: 20px;
	}

	.staff_recruit_middle>div:last-child {
		margin-top: 20px;
	}

	.staff_internship_top {
		margin-bottom: 50px;
	}

	.staff_internship_bottom .section_title {
		margin-bottom: 10px;
	}

	.staff_institution {
		margin-bottom: 80px;
	}

	.staff_institution .section_title,
	.staff_cooperation .section_title,
	.staff_cooperation .pic-warp,
	.staff_scholarship .section_title {
		margin-bottom: 20px;
	}

	.staff_society {
		margin-top: 50px;
	}

	.staff_society_area2 .guild-list>div,
	.staff_society_area2 .guild-list-2>div {
		width: 320px;
	}

	.staff_society_area2 .guild-list>span,
	.staff_society_area2 .guild-list-2>span {
		width: calc(100% - 320px);
	}

	.staff_society_area3 .deco-pic {
		width: 150px;
		top: -59px;
	}

	.staff_society_area4 .pic-warp {
		margin-bottom: 30px;
	}

	.staff_foundation {
		margin-top: 40px;
	}

	.staff_donation {
		margin-top: 70px;
	}

	.staff_society_area4 .chat-warp:before {
		left: 50%;
		top: -20px;
		transform: translateX(-50%);
		border-width: 0 10px 20px 10px;
		border-color: transparent transparent #f3f9fb transparent;
	}

	.staff_socialcare h5 {
		margin-bottom: 15px;
	}

	.life_structure1 .pic-warp {
		margin-bottom: 70px;
	}

	.life_structure .section_title {
		margin-bottom: 30px;
	}

	.life_structure2,
	.life_statistics h3 {
		margin-bottom: 30px;
	}

	.life_statistics .vertical-tabs .r-tabs-accordion-title a h5 i {
		position: relative;
		top: -3px;
		font-size: 16px;
		text-align: center;
		margin-right: 10px;
	}

	.life_info2 .section_title,
	.life_equality .section_title,
	.life_working1,
	.life_working2,
	.life_benefits1,
	.life_equality1 {
		margin-bottom: 30px;
	}

	.life_complaint1 {
		margin-bottom: 15px;
	}

	.life_complaint1 .complaint_txt {
		margin-bottom: 30px;
	}

	.life_complaint2 .pic-warp {
		display: none;
	}

	.life_complaint2 .rule-note.single {
		padding: 20px 15px;
	}

	.life_system_warp .system_txt span {
		display: unset;
	}

	.life_system_warp .system_info {
		margin-top: 5px;
	}

	.life_system_warp .single-rounded-corners,
	.life_measures3 .single-rounded-corners {
		margin-top: 20px;
	}

	.life_health3:before {
		display: none;
	}

	.life_office1 .section_title {
		margin-bottom: 20px;
	}

	.life_txt_block {
		margin-top: 20px;
		height: unset;
	}

	.life_office2 .pic-warp {
		margin-top: 20px;
	}

	.life_results .section_title {
		margin-bottom: 40px;
	}

	.life_training .section_title,
	.life_safety .section_title {
		margin-bottom: 20px;
	}

	.life_results .section_title {
		margin-bottom: 30px;
	}

	.life_safety1 .blue_h5 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.life_safety1 .missing-corner {
		margin-top: 30px;
		height: 220px;
	}

	.life_safety1 .pic-btn {
		height: calc(100% - 90px);
		margin-top: 30px;
	}

	.life_safety1 .pic-btn .button {
		position: relative;
		width: 100%;
		bottom: -100%;
		transform: translateY(-100%);
	}

	.contact .contact_title,
	.contact .info-warp .info-list {
		margin-bottom: 30px;
	}

	.contact .info-warp {
		margin-bottom: 50px;
	}

	.contact .form-warp .captcha input {
		width: 160px;
	}

	.game-enter span {
		font-size: 90px;
		margin-top: 60px;
	}

	.game-left h3 span {
		letter-spacing: 4px;
	}

	.question {
		width: 250px;
	}

	.question .question-bg {
		padding: 0;
	}

	.question .question-bg h5 {
		display: none;
	}

	.question .question-bg span {
		position: relative;
		left: 35px;
	}

	.answer-select .select-left,
	.answer-select .select-center,
	.answer-select .select-right {
		width: 60%;
		display: block;
		margin: auto;
	}

	.answer-select .game-boat {
		margin-top: -15.8vw;
	}

	.answer-title .answer-txt h5 {
		width: calc(100% - 300px);
		margin-left: -60px;
	}

	.answer-title .doubt-mark {
		width: 50px;
		top: -35px;
		left: 55px;
	}

	.answer {
		padding: 70px 30px 140px;
	}

	.answer-title {
		margin-bottom: 60px;
	}

	/*#answer-3 .answer-select .select-left,
	#answer-3 .answer-select .select-right {
		width: 30%;
		display: inline-block;
	}*/

	.cycle-img {
		margin: 0 auto 20px;
	}

	.green-block {
		margin-top: 10px;
	}

	.pagination__item--next {
		border-radius: 0 0 20px 0;
	}

	.pagination__item--prev {
		border-radius: 0 0 0 20px;
	}

	section.final-section {
		padding: 40px 0 120px;
	}

	.policy .policy-text {
		margin-bottom: 40px;
	}

	section.contact_bg {
		padding: 40px 0 80px;
	}

	.select-block:nth-child(2):after {
		width: 300px;
		bottom: -8px;
	}

	.answer-select .select-item {
		width: 151px;
		height: 151px;
	}

	.select-block {
		width: 65%;
	}

	.answer-select {
		margin-top: 50px;
	}

	.waveTop,
	.waveBottom {
		background-size: 50% 80px;
	}

	.waveMiddle {
		background-size: 50% 100px;
	}

	.promo__lower {
		display: none;
	}

	.develop4_target {
		position: relative;
		padding: 40px 0 !important;
	}

	.develop4_target_block {
		margin-bottom: 30px;
	}

	.develop4_target_block:last-child {
		margin-bottom: 0;
	}

	.target_title_block {
		padding: 20px;
	}

	.target_title_block i {
		font-size: 30px;
		margin-right: 20px;
	}

	.develop4_achievement .section_title {
		margin-bottom: 30px;
	}

	.achievement_block .num {
		top: -5px;
		font-size: 50px;
		margin-right: 20px;
	}

	.achievement_block .achievement_tx {
		width: calc(100% - 76px);
	}

	.develop8_investment .section_title {
		margin-bottom: 30px;
	}

	.ocean_influences .section_title {
		margin-top: 20px;
	}

	.ocean_efficiency .sub-title {
		font-size: 50px;
	}

	.staff_society .section_title {
		margin-bottom: 30px;
	}

	.rule-list {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.rule-list ul {
		width: 100%;
	}

	.rotation {
		margin-bottom: 0;
	}

	.audit.new h5 {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.appeal:nth-child(1) {
		margin-bottom: 30px;
	}

	.swot-info p {
		margin-top: 20px;
	}

	.staff_internship_bottom h5 {
		margin: 10px 0 15px;
	}

	.process-word.sec-word p {
		font-size: 52px;
	}

	.final-section.develop4_target {
		padding: 40px 0 120px !important;
	}

	.total_age {
		position: initial;
		top: 0px;
		right: 0px;
		display: inline-block;
		margin: 10px 0;
	}

	.life_complaint2 .complaint_txt.complaint_set {
		margin-bottom: 30px;
	}

	.section_title.title-ocean {
		margin-bottom: 30px;
	}

	.ocean-mb {
		margin-bottom: 30px;
	}

	.sec-preservation__pic1 {
		margin-top: 30px;
	}

	.fleet-item3.fleet-new p {
		margin-left: 0;
	}

	.fleet-item3.fleet-new img {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.sec-preservation-1__text {
		margin-left: 0;
	}

	.sec-preservation__pic2-outer {
		top: inherit;
	}

	.sec-preservation__pic2 {
		transform: translate(0, 0);
	}

	.sec-preservation__pic3 {
		margin: 0 auto 30px;
	}

	.sec-preservation__pic2-outer {
		top: inherit;
		position: relative;
		order: 1;
		margin-top: 30px;
	}

	.sec-preservation-1 {
		margin-bottom: 0;
		margin-top: 50px;
	}

	.fleet-item3.fleet-new {
		margin-top: 30px;
	}

	.sec-preservation-1,
	.sec-preservation-2,
	.sec-preservation-3 {
		margin-top: 50px;
	}
	.swot-item {
		margin: 10px 0px;
	}

	.dare-row .dare-info .tag,
	.dare-row .dare-info .info {
		display: block;
		width: 100%;
		text-align: left;
	}

	#chart2-5-1,
	#chart2-5-2,
	#chart2-5-3,
	#chart2-5-4,
	#chart2-5-5,
	#chart2-5-6,
	#chart2-5-7,
	#chart2-5-8,
	#chart2-5-9 {
		width: 65%
	}

	.list-sdg .md-show {
		display: none;
	}
}

@media (max-width: 575px) {

	.leader_sign i,
	.process-word span,
	.swot-item span {
		display: none;
	}

	.process-item h5,
	.fillet-top h3 span {
		display: inline;
	}

	.hero-block {
		padding: 140px 0 40px;
	}

	.breadcrumb-list {
		margin-top: 15px;
	}

	.develop1_item,
	.develop1_completion {
		padding: 40px 20px;
	}

	.develop1_completion {
		margin-top: 0;
	}

	.develop1_item .item_no {
		left: 15px;
	}

	.develop1_leader .leader_sign .leader_name {
		margin-left: 0;
	}

	.develop1_block .img_warp {
		display: none;
	}

	.develop1_item {
		padding: 0;
		margin: 15px 0;
	}

	.tab-chart {
		margin-bottom: 30px;
	}

	.concept,
	.report {
		padding-top: 20px;
	}

	.concept_img img {
		margin-bottom: 15px;
	}

	.concept .develop1_item {
		padding: 15px 35px 15px 20px;
	}

	.report-txt p {
		margin-bottom: 10px;
	}

	.report-item {
		padding: 20px 15px 20px 20px;
	}

	.report-btn {
		padding-top: 30px;
	}

	.authority .section_title {
		margin-bottom: 20px;
	}

	.cseweb p {
		margin: 10px 0 15px;
	}

	.modal-report .develop_approve p {
		padding: 30px 15px 15px 15px;
	}

	.process .section_title {
		margin-bottom: 20px;
	}

	.process-word {
		text-align: center;
		margin-top: 0;
	}

	.process-word p {
		font-size: 66px;
	}

	.process-item {
		margin-top: 50px;
		width: 100%;
		padding: 15px 20px;
	}

	.process.second .process-item {
		margin: 50px 0 0;
	}

	.process-item .process-subject {
		width: auto;
		height: auto;
		position: relative;
		right: 0;
		top: -10px;
		display: inline-block;
		padding: 8px 15px 8px;
		margin-top: -30px;
		margin-bottom: 30px;
	}

	.process-item h5 span {
		margin-bottom: 0;
		font-size: 36px;
	}

	.process-item h5 span.down {
		margin-top: 0;
	}

	.process.second .process-word {
		transform: translateY(20px);
	}

	.process-txt {
		padding: 20px 20px 0;
	}

	.process-txt p,
	.process-txt ul {
		line-height: 1.8;
	}

	.concerned-item span {
		margin-top: 15px;
	}

	.concerned .section_title .sub-title {
		font-size: 52px;
	}

	.concerned-txt {
		margin-bottom: 10px;
	}

	.concerned-txt p {
		display: inline;
	}

	.concerned-item ul {
		padding: 15px 10px 15px 40px;
	}

	.fillet-bottom .fillet-txt {
		padding: 40px 0 40px 15px;
	}

	.fillet-bottom.final .fillet-txt {
		padding: 40px 0 120px 15px;
	}

	.swot-item ul {
		line-height: 1.8;
		margin: 0 0 25px;
	}

	.investment .horizontal-tabs .r-tabs-panel {
		padding: 15px;
	}

	.enter_item {
		min-height: auto;
	}

	.cse-intro {
		margin: 10px 0;
		padding: 15px;
	}

	.cse-intro .cse-img {
		height: auto;
	}

	.cse-intro .cse-img .img1 {
		margin: 20px 0 30px;
	}

	.cse-intro p,
	.history .develop_approve ul {
		line-height: 1.8;
	}

	.industry h5 {
		margin-bottom: 15px;
	}

	.material-left .material-item ul {
		padding: 15px 15px 15px 45px;
		line-height: 1.8;
	}

	.steel p {
		line-height: 1.8;
	}

	.director-member {
		margin: 15px 0 0;
	}

	.studies .section_title .sub-title {
		top: -25px;
		font-size: 45px;
	}

	.organize p {
		line-height: 1.8;
		margin-bottom: 15px;
	}

	.team-member {
		margin-top: 15px;
	}

	.audit ul.queue li:after {
		right: 10px;
	}

	.expose .bottom-title {
		margin-top: 40px;
	}

	.satisfied-item>span {
		font-size: 54px;
	}

	.satisfied-item {
		padding: 20px 60px 30px 20px;
	}

	.satisfied-item h4 {
		margin-right: 10px;
	}

	.satisfied-item span span {
		font-size: 30px;
	}

	.satisfied h5.second-title {
		margin-bottom: 0;
	}

	.warning-img>div:nth-child(1),
	.warning-img>div:nth-child(2) {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.value-item.item2 ul:nth-child(2) {
		width: 65%;
	}

	.value-item.item2 ul:nth-child(3) {
		width: 35%;
	}

	.human .section_title .sub-title {
		top: -28px;
		font-size: 45px;
	}

	.dare .dare-item {
		padding: 15px;
		margin-bottom: 15px;
	}

	.survey-1 .survey-contact {
		padding: 15px;
	}

	.survey-2 .data-item {
		width: calc(100% - 6px);
	}

	.survey-topic .issue {
		min-width: 54px;
	}

	.survey-topic h5 {
		padding: 11px 8px;
	}

	.survey-topic .topic ul li {
		padding: 8px;
	}

	.gsc-results-wrapper-overlay {
		height: 86% !important;
		width: 90% !important;
		top: 10% !important;
	}

	.info-system .sub-title {
		font-size: 40px;
		top: -25px;
	}

	.fillet-inner {
	/*	left: -15px;
		width: calc(100% + 15px);*/
				background-color: #fff;
	}
	.fillet-inner:after{
		display: none
	}

	.fillet-inner-txt {
		padding-left: 20px;
	}

	.ocean_pact_bottom {
		margin-top: 0;
	}

	.ocean_pact_bottom img {
		display: none;
	}

	.staff-modal-pic {
		padding: 5px 0;
	}

	.staff_society_area2 .guild-list,
	.staff_society_area2 .guild-list-2 {
		display: block;
		margin-bottom: 10px;
	}

	.staff_society_area2 .guild-list>div,
	.staff_society_area2 .guild-list-2>div,
	.staff_society_area2 .guild-list>span,
	.staff_society_area2 .guild-list-2>span {
		width: 100%;
	}

	.staff_society_area2 .guild-list>span,
	.staff_society_area2 .guild-list-2>span {
		color: #999;
	}

	.staff_society_area3 .deco-pic {
		width: 180px;
		top: -72px;
	}

	.benefits_title .accordion__close {
		right: 10px;
	}

	.life_health3:before {
		display: block;
		left: -15px;
		background-color: #f3f9fb;
	}

	.contact .form-warp input,
	.contact .form-warp textarea {
		margin-bottom: 20px;
	}

	.contact .form-warp .captcha input {
		width: 100%;
	}

	.contact .form-warp .form-btn {
		text-align: center;
		margin-top: 30px;
	}

	.game-enter span {
		font-size: 72px;
	}

	.game-enter a.button {
		margin-top: 60px;
	}

	.question {
		width: auto;
	}

	.question .question-bg {
		margin: 0 15px;
	}

	.question .hover-effect {
		margin: 0 15px 0 10px;
	}

	.question .question-bg span {
		left: 15px;
	}

	.answer-select .game-boat {
		display: none;
	}

	.answer {
		padding: 70px 0 200px;
	}

	.answer .answer-select .select-left,
	.answer .answer-select .select-center,
	.answer .answer-select .select-right {
		width: 100% !important;
	}

	.answer-title .left-man,
	.answer-title .right-woman,
	.answer-title .circle {
		display: none;
	}

	.answer-title .answer-txt h5 {
		width: 100%;
		margin-left: 0;
	}

	.answer-title .answer-txt {
		padding: 30px 15px 15px;
	}

	.answer-title .doubt-mark {
		width: 50px;
		top: -40px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.answer-title {
		height: 140px;
		margin-bottom: 50px;
	}

	/*#answer-3 .answer-select .select-left,
	#answer-3 .answer-select .select-right {
		width: 49%;
		transform: translateX(-5px);
	}*/
	.contact .form-warp .form-btn .data-send {
		top: 50px;
		right: 0;
		left: -15px;
		margin: auto;
	}

	.select-block {
		width: 80%;
		margin: -20px auto 0;
		transform: translateX(0px);
	}

	.select-block.nothing,
	.select-block:nth-child(2):after {
		display: none;
	}

	.answer-select .select-item {
		margin-top: -10px;
	}

	.ocean_energy .section_title {
		margin-bottom: 20px;
	}

	.ocean_efficiency .top_tx,
	.ocean_efficiency .plan_title {
		margin-bottom: 30px;
	}

	.ocean_efficiency .plan_block {
		margin-bottom: 20px;
	}

	.ocean_efficiency .plan_block h5 {
		margin-bottom: 5px;
	}

	.ocean_efficiency .plan_right {
		margin-top: 20px;
	}

	.value--new .value-item ul {
		width: 100% !important;
	}

	.system-box__item:nth-child(odd),
	.system-box__item:nth-child(even) {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.system-box__deco {
		width: 48vw;
	}
}

@media (max-width: 480px) {

	.section_title .sub-title,
	.swot .swot-pic1 {
		display: none;
	}

	.page-button {
		min-width: auto;
	}

	.promo-slider__wrapper-1 {
		margin-bottom: 10px;
	}

	.promo-slider__wrapper-2 {
		margin-bottom: 25px;
	}

	footer .footer-boat {
		right: 40px;
	}

	.section_title .sub-title {
		top: -50px;
		font-size: 60px;
	}

	.develop1_leader p,
	.develop1_item p {
		letter-spacing: 1px;
	}

	.leader_sign {
		padding-top: 0;
	}

	.leader_sign img {
		width: 140px;
		image-rendering: -webkit-optimize-contrast;
	}

	.develop3_item {
		margin-bottom: 15px;
	}

	.develop3_title {
		padding: 15px 25px 15px 15px;
	}

	.develop3_title img {
		height: 60px;
		margin-right: 10px;
	}

	.develop3_title .develop3_txt h6 {
		font-size: 12px;
	}

	.develop3_info {
		padding: 0 15px 15px;
	}

	.totop img {
		width: 50px;
		height: 50px;
		image-rendering: -webkit-optimize-contrast;
	}

	.enter_item {
		width: 100%;
	}

	.enter_item .enter_no {
		left: 20px;
	}

	.enter_item a {
		padding: 15px 20px 0;
	}

	.develop4_total .counter {
		margin-bottom: 15px;
	}

	.develop4_total .counter__count {
		font-size: 40px;
	}

	.develop4_total .counter__subject {
		font-size: 22px;
	}

	.develop4_total .counter__details {
		font-size: 16px;
	}

	.section_title.blue-title {
		margin-top: 0;
	}

	.section_title {
		margin-top: 0px;
	}

	.awards-btn a {
		margin-top: 20px;
	}

	.overlay-view {
		padding: 20px;
	}

	.overlay-view .modal {
		padding: 25px 20px;
	}

	.overlay-view .modal .content .close-modal {
		top: -20px;
		right: -10px;
	}

	.pipeline .develop3_title h6 {
		font-size: 14px;
	}

	.pipeline .develop3_title {
		padding: 15px 38px 15px 15px;
	}

	.fillet-bottom .container {
		border-radius: 50px 0 0 0;
	}

	.fillet-bottom .fillet-txt {
		padding: 30px 0 30px 0;
	}

	.fillet-bottom.final .fillet-txt {
		padding: 30px 0 120px 0;
	}

	.results .develop3_title {
		flex-direction: column;
	}

	.results .accordion__title-block>p {
		font-size: 48px;
		width: unset;
	}

	.investment .investment-title {
		margin-top: 5px;
	}

	.strategy ul,
	.strategy p {
		line-height: 1.8;
	}

	.strategy_left .top_block,
	.strategy_left .bottom_block {
		padding: 20px 25px;
	}

	.strategy_list {
		padding: 15px;
		margin-bottom: 15px;
	}

	.strategy_list .num {
		font-size: 50px;
		width: 32px;
		top: 5px;
	}

	.strategy_list h5 {
		width: calc(100% - 42px);
	}

	.industry-btn a {
		font-size: 16px;
		padding: 0 16px;
	}

	.audit h5.sub-title {
		margin-top: 15px;
	}

	.expose img {
		margin-bottom: 15px;
	}

	.procedure .team-member {
		padding: 15px 15px 15px 0;
		margin-top: 15px;
	}

	.procedure .team-pic {
		min-width: 80px;
	}

	.chain .chain-subject {
		margin-bottom: 15px;
	}

	.value-item ul,
	.value-item ul li {
		width: 100% !important;
	}

	.value-item.item2:before {
		bottom: 490px;
	}

	.value-item.item2:after {
		top: 490px;
	}

	.human h3 {
		font-size: 34px;
	}

	.purchasing .value-item.item {
		margin: 15px 0;
	}

	.purchasing .value-item {
		padding: 10px 15px;
	}

	.foster .section_title {
		margin-top: 30px;
	}

	.poly .develop3_title .develop3_txt h6 {
		font-size: 14px
	}

	.poly .poly-txt {
		margin-top: 5px;
	}

	.survey-topic .issue {
		min-width: 44px;
	}

	.survey-topic .issue .issue-title span {
		font-size: 15px;
	}

	.survey-topic .topic ul li {
		line-height: 1.2;
		display: flex;
		align-items: center;
		font-size: 15px;
		min-height: 52px;
	}

	.issue .checkbox-tools:not(:checked)+label,
	.issue .checkbox-tools:checked+label {
		height: 51px;
		line-height: 51px;
	}

	.survey-6 button {
		font-size: 17px
	}

	.index-policy .index-modal {
		padding: 15px
	}

	.index-cse {
		margin-bottom: 50px;
	}

	.index-cse .logo25,
	.index-cse a {
		display: block;
		margin: 0 auto;
		float: initial;
	}

	.index-cse a {
		margin: 30px auto;
	}

	.index-life .cases-slider__description {
		padding-bottom: 5px;
	}

	.company3_tab .horizontal-tabs__header a,
	.company3_tab.horizontal-tabs .r-tabs-anchor {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}


	.fillet-inner {
		border-radius: 50px 0 0 0;
	}

	.fillet-inner .fillet-txt {
		padding-top: 30px;
	}

	.fillet-inner-txt {
		margin-bottom: 20px;
	}

	.fillet-inner-txt h5 {
		margin-bottom: 10px;
	}

	.missing-corner:before {
		border-width: 0 60px 60px 0;
	}

	.single-rounded-corners {
		padding: 20px;
		border-top-left-radius: 30px;
	}

	.inspection-warp {
		flex: 100%;
		max-width: 100%;
	}

	.waterpollution-block {
		margin-bottom: 60px;
	}

	.waterpollution-block:first-child {
		margin-top: 40px;
	}

	.waterpollution_item {
		padding: 30px;
	}

	.waterpollution_item .item_no {
		left: 20px;
	}

	.waterpollution_item .item_title {
		margin-bottom: 10px;
	}

	.garbagepollution-1-img {
		right: 0;
	}

	.garbagepollution-1-img img {
		width: 280px;
	}

	.ocean_intelligent_list:first-child {
		margin-top: 10px;
	}

	.ocean_intelligent_right {
		margin-top: 30px;
	}

	.ocean_intelligent_right .intelligent-item p {
		padding: 15px;
	}

	.ocean_future {
		margin-bottom: 40px;
	}

	.ocean_future h4 {
		left: 20px;
	}

	.ocean_future p {
		padding: 20px 20px;
	}

	.staff_recruit_middle {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.staff_recruit_bottom .left {
		margin-bottom: 30px;
	}

	.staff_internship_top {
		margin-bottom: 30px;
	}

	.staff_institution {
		margin-bottom: 60px;
	}

	.society_title_block .society_title img {
		width: 70px;
	}

	.society_donate_btn img {
		display: none;
	}

	.society_donate_btn .button {
		margin-left: 0;
		padding: 0 20px;
	}

	.staff_society_area4 {
		margin-top: 50px;
	}

	.staff_foundation,
	.staff_donation {
		margin-top: 60px;
	}

	.staff_foundation_btn .button {
		top: unset;
		transform: unset;
	}

	.life_structure1 .pic-warp {
		margin-bottom: 50px;
	}

	.life_structure .section_title,
	.life_structure2 {
		margin-bottom: 20px;
	}

	.life_info2 .section_title,
	.life_equality .section_title,
	.life_working1,
	.life_working2,
	.life_benefits1,
	.life_equality1 {
		margin-bottom: 20px;
	}

	.life_working h5,
	.equality_block h5 {
		margin-bottom: 10px;
	}

	.benefits_item {
		margin-bottom: 20px;
	}

	.benefits_title {
		padding: 15px 40px 15px 15px;
	}

	.benefits_title img {
		height: 60px;
		margin-right: 10px;
	}

	.benefits_title .accordion__close {
		right: 0;
	}

	.benefits_info {
		padding: 15px;
	}

	.benefits_info .pic-block .col-6 {
		flex: 100%;
		max-width: 100%;
	}

	.benefits_info .pic-warp,
	.benefits_info .pic-block img {
		margin-top: 20px;
	}

	.life_working3,
	.life_working2,
	.equality_block {
		margin-bottom: 20px;
	}

	.life_working4 img {
		margin-bottom: 15px;
	}

	.equality_block {
		padding: 20px;
	}

	.life_communicate1 .pic-warp {
		margin-top: 30px;
	}

	.communicate_item {
		margin-bottom: 20px;
	}

	.communicate_item .item_title {
		margin-bottom: 10px;
	}

	.life_measures1,
	.life_health3 {
		margin-bottom: 30px;
	}

	.life_measures3 .inner-warp p,
	.life_measures3 .inner-warp img {
		margin-bottom: 10px;
	}

	.life_office1 {
		margin-bottom: 30px;
	}

	.life_training .pic-warp {
		margin-top: 30px;
	}

	.life_safety1 .corner-warp {
		flex: 100%;
		max-width: 100%;
	}

	.life_safety1 .missing-corner {
		margin-top: 20px;
		height: unset;
	}

	.life_safety1 .pic-btn {
		height: calc(100% - 20px);
		margin-top: 20px;
	}

	.contact .contact_icon {
		margin-right: 30px;
	}

	.contact .contact_tx {
		width: calc(100% - 84px);
	}

	.inspection-2 .missing-corner {
		padding: 40px 15px 0;
	}

	.inspection-2 .inspection-item h5 {
		font-size: 18px;
		letter-spacing: 1px;
	}

	.life_safety1 .pic-btn .button {
		bottom: 0;
		transform: translateY(0);
	}

	.game-enter span {
		font-size: 52px;
		line-height: 1.3;
		letter-spacing: 5px;
		margin-top: 30px;
	}

	.game-enter a.button {
		padding: 20px 80px 25px;
		margin-top: 40px;
	}

	.game-left h3 span {
		display: block;
		line-height: 1.2;
	}

	.question .question-bg {
		text-align: center;
	}

	.question .hover-effect {
		margin: 0 10px;
	}

	.question .question-bg span {
		left: 0;
	}

	.question .question-mark {
		top: -30px;
		left: 0;
		margin: auto;
	}

	.question .question-mark:before {
		display: none;
	}

	.game-left h3 {
		margin-bottom: 50px;
	}

	.select-block {
		width: 100%;
	}

	.waveTop,
	.waveBottom {
		background-size: 50% 30px;
	}

	.waveMiddle {
		background-size: 50% 50px;
	}

	.develop4_target_warp:not(:last-child) {
		margin-bottom: 30px;
	}

	.target_info_data .list span {
		padding: 5px 10px;
		margin-right: 20px;
	}

	.target_info_data .list h5 {
		width: calc(100% - 160px);
	}

	.monitoring-pic-1 {
		width: 100%;
	}

	.info-block {
		flex-wrap: wrap;
	}

	.info-block .info-name {
		background: #256894;
		color: #FFF;
		min-width: 100%;
	}

	.audit.new img {
		margin-bottom: 30px;
	}

	.studies-info {
		margin-bottom: 20px;
	}

	.director .director-case,
	.director .director-member {
		margin-bottom: 40px;
	}

	.list-sdg {
		width: 100%;
	}

	.human.human--new .human-txt .photo p,
	.human.human--new .human-txt .photo img {
		display: block;
		width: 100%;
	}
}

@media (max-width: 375px) {

	.develop1_leader .leader_sign .leader_name:last-child {
		margin-left: 30px;
	}

	.develop4_target h3 span,
	.report-txt span,
	.pipeline h4 span {
		display: inline;
	}

	footer .button {
		letter-spacing: 2px;
	}

	.cse-intro .cse-img .img1 {
		margin: 15px 0 20px;
	}

	.industry-btn a {
		font-size: 15px;
		letter-spacing: 1px;
		padding: 0 12px;
	}

	.studies-txt a {
		letter-spacing: 1px;
		padding: 0 12px;
	}

	.rule-note {
		padding: 22px 12px;
	}

	.rule-note i {
		font-size: 48px;
	}

	.rule-note h5 {
		font-size: 20px;
	}

	.survey-6 button {
		font-size: 16px;
		padding: 0 10px;
		letter-spacing: 1px;
	}


	.missing-corner {
		padding: 30px 20px;
	}

	.missing-corner:before {
		border-width: 0 50px 50px 0;
	}

	.ocean_ecoship .section_title img {
		margin-top: 35px;
	}

	.ocean_ecoship_list {
		padding: 15px;
	}

	.waterpollution_item {
		padding: 30px 20px 20px;
	}

	.garbagepollution-1-img img {
		width: 230px;
	}

	.staff_institution {
		margin-bottom: 50px;
	}

	.staff_institution .pic-warp {
		margin-bottom: 20px;
	}

	.staff_institution .button {
		min-width: 100%;
	}

	.staff_society .section_title {
		margin-bottom: 30px;
	}

	.society_title_block {
		padding: 15px 20px;
	}

	.society_title_block .society_title img {
		width: 40px;
	}

	.society_title_block .society_title h5 {
		margin-left: 10px;
	}

	.society_donate_btn {
		margin-top: 30px;
	}

	.society_donate_btn .button,
	.staff_foundation_btn .button {
		width: 100%;
		padding: 0 10px;
	}

	.staff_society_area3 .deco-pic {
		width: 150px;
		top: -59px;
	}

	.staff_foundation {
		margin-top: 30px;
	}

	.staff_donation {
		margin-top: 50px;
	}

	.staff_foundation .section_title,
	.staff_donation .section_title {
		margin-bottom: 20px;
	}

	.life_communicate1 {
		margin-bottom: 30px;
	}

	.communicate_item .missing-corner {
		padding: 30px 20px;
	}

	.life_system_warp:not(:last-child) {
		margin-bottom: 30px;
	}

	.life_crew {
		padding-top: 10px !important;
	}

	.life_crew .section_title {
		margin-bottom: 10px;
	}

	.contact .contact_icon {
		margin-right: 24px;
	}

	.contact .contact_tx {
		width: calc(100% - 74px);
	}

	.contact .form-warp .form-btn .button {
		width: 100%;
	}

	.contact_ok .tx {
		margin-top: 30px;
	}

	.contact_ok .tx h4 {
		margin-bottom: 30px;
	}

	.contact_ok .back {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	.game-enter span {
		font-size: 48px;
	}

	.game-enter a.button {
		padding: 20px 70px 25px;
	}

	.question .question-bg {
		margin: 0 8px;
	}

	.question .hover-effect {
		margin: 0 5px;
	}

	.strategy_left {
		margin-bottom: 20px;
	}

	.strategy_left .top_block,
	.strategy_left .bottom_block {
		padding: 20px;
	}

	.develop4_target_block,
	.target_title_block {
		margin-bottom: 20px;
	}

	.target_title_block h4 span {
		display: block;
	}

	.achievement_block .num {
		top: 0;
		font-size: 36px;
		margin-right: 15px;
	}

	.achievement_block .achievement_tx h5 {
		margin-bottom: 5px;
	}

	.achievement_block .achievement_tx {
		width: calc(100% - 55px);
	}

	.develop8_investment {
		padding-top: 15px !important;
	}

	.ocean_efficiency .seemp_row {
		margin-bottom: 30px;
	}

	.ocean_efficiency .plan_block {
		padding: 20px;
	}

	.society_donate_tx {
		padding: 0 15px;
	}

	.society_donate_btn {
		padding: 0 15px;
	}

	.society_activity_block {
		padding: 20px;
		margin-bottom: 20px;
	}

	.society_activity_block h5 {
		margin-bottom: 5px;
	}

	footer .page-footer__menu a,
	footer .page-footer__details a,
	footer .page-footer__details span {
		font-size: 16px;
	}

	footer .page-footer__privacy,
	footer .page-footer__copyright {
		font-size: 15px;
	}

	.system-box__deco {
		display: none;
	}
}