/*pc_css*/
@media screen and (min-width:769px){
	

	
	#environment .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/environment/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#environment .mainbox.box2{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/environment/bg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#environment .mainbox .tlbox{
		font-size:2.5em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#environment .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#environment .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#environment .bgbox .innerbox{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0;
	}
	
	#environment .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 0;
		background:#fff;
		padding:0 0;
	}
	
	#environment .bgbox .innerbox.box2 .phcont{
		width:50%;
		float: left;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont{
		width:220px;
		height:275px;
		background:#00342a;
		float: left;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont.rb{
		width:220px;
		height:275px;
		background:#00342a;
		float: right;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .phbox.rb{
		width:calc(100% - 220px);
		height:275px;
		background:#00342a;
		float: left;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		color:#fff;
		padding:0 20px;
		line-height: 1.5em;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox .tl{
		font-size:1.2em;
		margin:0 0 10px 0;
		text-align: center;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox .tx{
		font-size:0.9em;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .phbox{
		width:calc(100% - 220px);
		line-height: 0;
		float: right;
		height:275px;
	}
	
	#environment .bgbox .innerbox .tlbox2{
		font-size:2.5em;
		margin:0 0 100px 0;
		text-align: center;
	}
	
	#environment .bgbox .innerbox .txcont1{
		width:760px;
		margin:0 auto 80px;
		line-height: 2em;
	}
	
	#environment .bgbox .innerbox .illbox{
		width:920px;
		margin:0 auto 100px;
	}
	
	#environment .bgbox .innerbox .offcebox{
		margin:0 auto 80px;
		width:860px;
	}
	
	#environment .bgbox .innerbox .offcebox .phbox{
		float: left;
		width:325px;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox{
		float: right;
		width:calc(100% - 325px - 60px);
		
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tlcont{
		padding:0 0 30px 0;
		margin:0 0 30px 0;
		position: relative;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tlcont:after{
		content: "";
		width:45px;
		border-bottom:2px solid #007e65;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx1{
		font-size:0.9em;
		color:#007e65;
		margin:0 0 5px 0;
		font-style: italic;
		font-weight: 600;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx2{
		font-size:0.7em;
		color:#80ab9d;
		margin:0 0 15px 0;
		font-style: italic;
		font-weight: 600;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx3{
		font-size:2em;
		color:#007e65;
		margin:0 0 5px 0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx4{
		line-height: 1.5em;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .txbox{
		line-height: 1.7em;
		margin:0 0 30px 0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox a{
		display: block;
		width:170px;
		padding:20px 0;
		color:#fff;
		background:#000;
		text-align: center;
		border:1px solid #000;
		transition: all 0.3s;
		font-size:0.8em;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox a:hover{
		color:#000;
		background:#fff;
		text-align: center;
		border:1px solid #000;
	}
	
	#cont1,#cont2,#office1,#office2,#office3,#office4{
		padding-top:100px;
		margin-top:-100px;
	}
	
	#environment .bgbox .titbox{
		    width: 90%;
			margin: 0 auto 0;
	}
	#environment .bgbox .titbox .tlbox{
	    color: #477f66;
	    font-size: 1.7em;
	    text-align: center;
	    padding: 0 0 30px 0;
	    line-height: 1.8em;
    }
	#environment .bgbox .titbox .tx{
	    line-height: 2em;
		margin: 0 0 100px 0;
		text-align: center;
	}
	#environment .bgbox .titbox .sp{
		display: none;
	}
	#environment .bgbox .titbox .pc{

	}


}

@media screen and (max-width:768px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	
	
	
	
	#environment .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/environment/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#environment .mainbox.box2{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/environment/bg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#environment .mainbox .tlbox{
		font-size:2em;
		line-height: 1.5em;
		padding:20px 0 0 0;
		margin:0 0 0 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#environment .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#environment .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#environment .bgbox .innerbox{
		width:90%;
		margin:0 auto 40px;
		background:#fff;
		padding:50px 5%;
	}
	
	#environment .bgbox .innerbox.box2{
		width:90%;
		margin:0 auto 0;
		background:#fff;
		padding:0 0;
	}
	
	#environment .bgbox .innerbox.box2 .phcont{
		width:100%;
		float: none;
		padding-bottom: 30px;
		    background: #f4f4f4;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont{
		width:100%;
		height:auto;
		background:#00342a;
		float: none;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox{
		color:#fff;
		padding:20px 20px;
		line-height: 1.5em;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox .tl{
		font-size:1.2em;
		margin:0 0 10px 0;
		text-align: center;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .txcont .inbox .tx{
		font-size:0.9em;
	}
	
	#environment .bgbox .innerbox.box2 .phcont .phbox{
		width:100%;
		line-height: 0;
		float: left;
		height:275px;
	}
	
	#environment .bgbox .innerbox .tlbox2{
		font-size:2em;
		margin:0 0 40px 0;
		text-align: center;
	}
	
	#environment .bgbox .innerbox .txcont1{
		width:100%;
		margin:0 auto 40px;
		line-height: 2em;
	}
	
	#environment .bgbox .innerbox .illbox{
		width:100%;
		margin:0 auto 50px;
	}
	
	#environment .bgbox .innerbox .offcebox{
		margin:0 auto 40px;
		width:100%;
	}
	
	#environment .bgbox .innerbox .offcebox .phbox{
		float: none;
		width:100%;
		margin:0 0 30px 0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox{
		float: none;
		width:100%;
		
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tlcont{
		padding:0 0 30px 0;
		margin:0 0 30px 0;
		position: relative;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tlcont:after{
		content: "";
		width:45px;
		border-bottom:2px solid #007e65;
		position: absolute;
		left:0;
		bottom:0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx1{
		font-size:0.9em;
		color:#007e65;
		margin:0 0 5px 0;
		font-style: italic;
		font-weight: 600;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx2{
		font-size:0.7em;
		color:#80ab9d;
		margin:0 0 15px 0;
		font-style: italic;
		font-weight: 600;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx3{
		font-size:2em;
		color:#007e65;
		margin:0 0 5px 0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .tx4{
		line-height: 1.5em;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox .txbox{
		line-height: 1.7em;
		margin:0 0 30px 0;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox a{
		display: block;
		width:170px;
		padding:20px 0;
		color:#fff;
		background:#000;
		text-align: center;
		border:1px solid #000;
		transition: all 0.3s;
		font-size:0.8em;
	}
	
	#environment .bgbox .innerbox .offcebox .rightbox a:hover{
		color:#000;
		background:#fff;
		text-align: center;
		border:1px solid #000;
	}
	
	#cont1,#cont2,#office1,#office2,#office3,#office4{
		padding-top:100px;
		margin-top:-100px;
	}


	#environment .bgbox .titbox{
		    width: 90%;
			margin: 0 auto 0;
	}

	#environment .bgbox .titbox .tlbox{
	    color: #477f66;
	    font-size: 1.5em;
	    text-align: center;
	    padding: 0 0 30px 0;
	    line-height: 1.8em;
    }
	#environment .bgbox .titbox .tx{
	    line-height: 2em;
		margin: 0 0 100px 0;
		    text-align: left;
    letter-spacing: -0.01em;
	}
	#environment .bgbox .titbox .sp{
		display: block;
	}
	#environment .bgbox .titbox .pc{
		display: none;
	}



}