body{
	font-weight:1px;
}
._content{
	margin-bottom: 100px;
}
._topImg:before{background-image: url(../../img/strategy/strategy_topImg.png); opacity: 1;}
section.crew{
	background-color: #083947;
}
section.crew > .wrap{
	width: 1440px;
	padding: 160px 0;
}
section.crew > .wrap > .left .tit:after{
	content: "";
	display: block;
	width: 140px;
	height: 140px;
	background-color: #106566;
	border-radius: 140px;
	position: absolute;
	left: 0;
	top: 30px;z-index: -1;
}
section.crew > .wrap > .left .tit{
	font-size: 30px;color: #f9f1e9;
	font-family: 'Poppins';
	font-weight: 600;
	line-height: 30px;position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-left: 80px;
}
section.crew > .wrap > .left {
	float: left;width: 360px;
}
section.crew > .wrap > .left .txt{
	padding-left: 80px;
	color: #fff;
	margin-top: 60px;
	line-height: 26px;
}
section.crew > .wrap > .left .btn{
	margin-left: 80px;
	border:1px solid #266a7d;
	width: 120px;cursor: pointer;
	height: 40px;
	color: #fff;margin-top: 34px;
	text-align: center;line-height: 40px;
}
section.crew > .wrap > .right{
	float: right;
	width: calc(100% - 360px);
	padding-left: 8%;
}

section.crew > .wrap > .right li{
	float: left;
	margin-right: 12px;
	height: 500px;
	width: calc((100% - 36px)/4);
	color: #fff;
	padding: 60px 20px;
	background-size: cover;
}
section.crew > .wrap > .right li:last-child{
	margin-right: 0;
}

section.crew > .wrap > .right li:nth-child(1){
	background-image: url(../../img/careers/crew_01.jpg);
	background-position: 21% 0%;
    background-size: 210%;

}
section.crew > .wrap > .right li:nth-child(2){
	background-image: url(../../img/careers/crew_02.jpg);
	background-position: 26% -20%;
    background-size: 280%;
    background-color: #84989f;
}
section.crew > .wrap > .right li:nth-child(3){
	background-image: url(../../img/careers/crew_03.jpg);
	 background-position: 3% -102%;
    background-size: 167%;
    background-color: #82999f;
}
section.crew > .wrap > .right li:nth-child(4){
	background-image: url(../../img/careers/crew_04.jpg);
	    background-position: 53% 106%;
    background-size: 144%;
    background-color: #708e99;
}

section.crew > .wrap > .right li .tit{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}
section.crew > .wrap > .right li .txt{
	line-height: 24px;
}


section.benefits .wrap {
	padding: 100px 50px;
}
section.benefits .wrap > .left{
	float: left;
	background-color: #083947;
	width: 42.5%;
	color: #fff;
	height: 750px;
	background-image: url(../../img/common/symbol.png);
	background-size: 76px;
	background-position: 90% 88%;
	padding: 90px 60px;
}
section.benefits .wrap > .left .sub{
	font-size: 16px;
	margin-bottom: 10px;
}
section.benefits .wrap > .left .tit{
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 26px;
	line-height: 30px;
}
section.benefits .wrap > .left .logo{
	border-left: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 386px;
	font-size: 0;
	position: relative;
}
section.benefits .wrap > .left .logo span{
	transform: rotate(270deg);
	display: block;
	position: absolute;
	font-size: 16px;
	font-family: 'Poppins';
	    left: -40px;
    bottom: 46px;
    font-weight: 600;
}
section.benefits .wrap > .left .txt{
	line-height: 24px;
}
section.benefits .wrap > .right{
	float: right;
	width: 57.5%
}
section.benefits .wrap > .right ul{
	
	border-right: 20px solid #083947
}
section.benefits .wrap > .right ul li{
	float: left;
	width: 50%;
	height: 250px;
	padding: 80px 0 0 40px;
}

section.benefits .wrap > .right ul li:nth-child(1){background-color: #f7f7fa;}
section.benefits .wrap > .right ul li:nth-child(4){background-color: #f7f7fa;}
section.benefits .wrap > .right ul li:nth-child(5){background-color: #f7f7fa;}


section.benefits .wrap > .right ul li .tit{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 600;

}
section.crew.act > .wrap > .left .tit:after{
	animation-name:scale;
    -webkit-animation-duration:0.5s;
    -webkit-animation-fill-mode: forwards;
}
section.crew > .wrap > .left .tit:after{
	transform: scale(0.8);
    opacity:0;
}
section.crew > .wrap > .right li{
	transform: translateX(-10%);
    opacity:0;
}
section.crew.act > .wrap > .right li{
	animation-name:leftM;
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode: forwards;
}

section.benefits .wrap > .left .logo{
	height: 120px;
}
section.benefits.act .wrap > .left .logo{
	animation-name:benefitsLogo;
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode: forwards;
}
@keyframes benefitsLogo{
    0%{
       height: 120px;
    }
    100%{
       height: 386px;
    }
}
section.benefits .wrap > .right ul li{
	transform: rotateY(220deg) translateX(100%) scale(0.2);opacity:0;
}
section.benefits.act .wrap > .right ul li{
	animation-name:rotateYM;
    animation-duration:0.5s;
    animation-fill-mode: forwards;
}

@media screen and (max-width: 1560px){
section.crew > .wrap > .left{float: initial; padding-left: 80px;width: 100%;}
section.crew > .wrap > .right{width: 100%; float: initial;padding-left:80px;padding-right: 80px; margin-top: 50px;}
section.crew > .wrap{width: 100%;}
section.crew > .wrap{padding-top: 100px;}
section.crew > .wrap > .right li{height: 620px;background-color:#15323d}
}





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

	section.crew > .wrap{width: 100%;padding: 6vw 0 8.3vw;}
	section.crew > .wrap > .left .tit:after{width: 29.16vw;height: 29.16vw;border-radius: 29.16vw;left: -8vw;top: 8vw;}
	section.crew > .wrap > .left .tit{font-size: 5.83vw;line-height: 5.83vw;padding-top: 18vw;padding-left: 8.3vw;}
	section.crew > .wrap > .left {float: initial;width: 100%;}
	section.crew > .wrap > .left .txt{padding-left:  8.3vw;font-size: 3.33vw;margin-top: 8vw;line-height: 5.5vw;}
	section.crew > .wrap > .left .btn{margin-left:  8.3vw;width: 26.38vw;height: 9.722vw;margin-top: 5vw;font-size: 3.3vw;line-height: 9.722vw;}
	section.crew > .wrap > .right{float: initial;width: 100%;padding-left: 0;padding:0 8.3vw;margin-top: 14vw;}
	section.crew > .wrap > .right li{float: initial;margin-right: 0;height: 50vw;width: 100%;margin-bottom: 3.6vw;padding: 9.2vw 8.3vw;}
	section.crew > .wrap > .right li:nth-child(1){background-position: center 60%;background-size: 100%;}
	section.crew > .wrap > .right li:nth-child(2){background-position: -18% center;background-size: 135%;}
	section.crew > .wrap > .right li:nth-child(3){background-position: center 66%;background-size: 100%;}
	section.crew > .wrap > .right li:nth-child(4){background-position: center 66%;background-size: 100%;}
	section.crew > .wrap > .right li .tit{font-size: 5.3vw;font-weight: 500;margin-bottom: 4.2vw;}
	section.crew > .wrap > .right li .txt{line-height: 5.5vw;font-size: 3.3vw;opacity: 0.8;}

	section.benefits .wrap {padding: 8.3vw;}
	section.benefits .wrap > .left{float: initial;width:100%;height: initial;background-size: 15.69vw;padding: 8.3vw;padding-top: 12vw;}
	section.benefits .wrap > .left .sub{font-size: 3.88vw;margin-bottom:2vw;}
	section.benefits .wrap > .left .tit{font-size: 6.111vw;line-height: 7vw;}
	section.benefits .wrap > .left .logo{margin-top: 3vw;margin-bottom: 4vw;height: 39vw;font-size: 0;position: relative;}
	@keyframes benefitsLogo{0%{height: 24vw;}50%{height:80vw;}100%{height: 39vw;}}
	section.benefits .wrap > .left .logo span{font-size: 3vw;left: -6vw;bottom: 9vw;}
	section.benefits .wrap > .left .txt{line-height: 5.5vw;font-size: 3.33vw}
	section.benefits .wrap > .right{float: right;width: 100%}
	section.benefits .wrap > .right ul{border-right: 0}
	section.benefits .wrap > .right ul li{float: initial;width: 100%;height: initial;padding:6vw;padding-left: 8.3vw}
	section.benefits .wrap > .right ul li:nth-child(1){background-color: #f7f7fa;}
	section.benefits .wrap > .right ul li:nth-child(3){background-color: #f7f7fa;}
	section.benefits .wrap > .right ul li:nth-child(4){background-color: #fff;}
	section.benefits .wrap > .right ul li:nth-child(5){background-color: #f7f7fa;}
	section.benefits .wrap > .right ul li .tit{font-size: 3.88vw;margin-bottom: 2vw;font-weight: 600}
	section.benefits .wrap > .right ul li .txt{font-size: 3.33vw}

}/*1024*/
section.pj_section{position: relative;}
section.pj_section .wrap{position: relative;}
section.pj_section .wrap .tableWrap{position: relative;transform: translateX(-10%);opacity:0;}
section.pj_section .wrap .txtAct{position: relative;transform: translateX(-10%);opacity:0;}
section.home .home_pj1:after{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(../../img/strategy/pro_sub1.png);
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}
section.home .home_pj2:after{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(../../img/strategy/pro_sub3.jpg);
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}
section.distributionCenter .distributionCenter_pj1:after{
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 100%;
	background-image: url(../../img/strategy/distributionCenter1_1.jpg);
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}
section.pj_section .act .txtAct{animation-name:leftM;-webkit-animation-duration:1s;-webkit-animation-fill-mode: forwards;}
section.pj_section .act .act.tableWrap:after{
	animation-name:philosophyBg;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode: forwards;
}
section.pj_section .tableWrap:after{width: 0%;opacity: 0;  
}
@keyframes philosophyBg{0%{width: 0%;opacity: 0;}100%{width: 50%;opacity: 1;}}

section.pj_section .float .project_name{width: 100%; text-align:right; transform: translateX(-10%);opacity:0;}
section.pj_section .float .project_name .name{font-size: 17px !important;}
section.pj_section .float .underline{transform: translateX(-10%);opacity:0;width:100%;border-bottom:1px solid #000000;margin-top: 10px;margin-bottom:20px;position: relative;}
section.pj_section .float .underline::after{
	content: "";
    display: block;
    width: 80px;
    height: 4px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: -4px;
}
/* section.pj_section .float img{width: 50%; float: left;} */

section.pj_section .float table{
	margin-left:51%;
	width: 49%;
	/* float: right; */
	text-align: center;
	border: 1px solid #444444;
    border-collapse: collapse;
}
section.pj_section .float table tr{
	background-color: #dfdfdf;
	text-align: center;
}
section.pj_section .float table .tr_head{
	background-color: #a2a2a2;
}
section.pj_section .float table .tr_head th{
	background-color: #a2a2a2;
	color: rgb(242, 242, 242);
	font-size: 17px;
}

section.pj_section .float table tr:nth-child(2n+0){
	background-color: #ffffff;
}
section.pj_section .float table th,td{
	border: 1px solid #444444;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #9f9f9f;
}
.tdLeft{
	width: 150px;
}
section.pj_section .float table th,td div{
	min-height: 18px;
}
section.pj_section .float p{float: right;color: #9f9f9f;}

@media screen and (max-width: 1024px){
	section.pj_section .tableWrap:after{
		width: 100%;
		height: 58.33vw;
		top:-58.33vw;
	}
	@keyframes philosophyBg{0%{width: 0%;opacity: 0;}100%{width: 100%;opacity: 1;}}
	section.pj_section .float table{
		width: 100%;
		margin: 0px;
		margin-top:58.33vw;
	}
	.table3block{display: none;}
}

.table3block{height: 69px;
	 clear:both;}