/*pc_css*/
@media screen and (min-width:769px){
	
	#service .mainbox{
		
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/service/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
		background: red;
	}
	
	#service .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%);
			background: red;

	}
	
	#service .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
		background: red;

	}
	
	#service .qabg{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/service/stance_bg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
		background: red;

	}
	
	#service .qabg .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%);
			background: red;

	}
	
	#service .qabg .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
		background: red;
	}
	
	#service .bgbox{
		padding:80px 0;
		background:#f4f4f4;
	}
	
	#service .bgbox2{
		padding:0 0;
		background:#f4f4f4;
	}
	
	#service .bgbox3{
		padding:100px 0;
		background:#f4f4f4;
	}
	
	#service .bgbox3 .innerbox{
		width:1200px;
		margin:0 auto;
		padding:0;
		box-sizing: border-box;
		background:#fff;
	}
	
	#service .bgbox .innerbox2{
		width:1200px;
		margin:0 auto;
		padding:100px 0;
		box-sizing: border-box;
		background:#fff;
	}
	
	#service .bgbox .mainsub{
		font-weight: 600;
		line-height: 1.8em;
		font-size:1.2em;
		text-align: center;
	}
	
	#service .bgbox .mainsub2{
		font-weight: 600;
		line-height: 1.8em;
		font-size:1.2em;
		text-align: center;
		margin:0 0 100px 0;
	}
	
	/*cont2*/
	#service .cont2{
		padding:0 0 100px 0;
		margin:0 0 80px 0;
		background:#fff;
	}
	
#service .cont2 .leftbox {
	    width: 50%;
	    float: left;
	    box-sizing: border-box;
	    padding: 50px 50px 0 0;
	    text-align: right;
	    position: sticky;
	    top: 100px;
	}
	
	#service .cont2 .leftbox .illbox{
		width:510px;
		display: inline-block;
	}
	
	#service .cont2 .leftbox .illbox img{
		width:100%;
	}
	
	#service .cont2 .rightbox{
		padding:100px 110px 0 65px;
		width:50%;
		float: right;
		box-sizing: border-box;
	}
	
	#service .cont2 .rightbox .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#service .cont2 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	/*cont2*/
	#service .cont3{
		padding:0 0 0 0;
		background:#fff;
	}
	
	#service .cont3 .leftbox{
		width:50%;
		float: right;
		box-sizing: border-box;
		padding:0 0 0 0;
		text-align: right;
		margin:0px 0 0 0;
		position: relative;
		
	}
	
	#service .cont3 .leftbox .illbox{
		width:550px;
		display: inline-block;
		padding:60px;
		border-radius: 50%;
		background:#eee;
		position: absolute;
		top:40px;
		left:0;
	}
	
	#service .cont3 .leftbox .illbox img{
		width:100%;
	}
	
	#service .cont3 .rightbox{
		padding:80px 65px 80px 110px;
		width:50%;
		float: left;
		box-sizing: border-box;
	}
	
	#service .cont3 .rightbox .tlbox{
		font-size:2.6em;
		line-height: 1.7em;
		margin:0 0 40px 0;
		position: relative;
	}
	
	#service .cont3 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	#service .ebfloatbox ul{
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
		list-style: none;
		
	}
	
	#service .ebfloatbox ul li{
		width:50%;
		float: left;
		padding:40px;
		box-sizing: border-box;
	}
	
	#service .ebfloatbox ul li .tl{
		font-size:2.5em;
		margin:0 0 5px 0;
	}
	
	#service .ebfloatbox ul li .sub{
		font-size:0.7em;
		margin:0 0 20px 0;
		font-weight: 600;
	}
	
	#service .ebfloatbox ul li .tx{
		line-height: 1.8em;
	}
	
	#service .inbox1{
		width:860px;
		margin:0 auto 100px;
	}
	
	#service .inbox1 .tl{
		font-size:2.3em;
		line-height: 1.5em;
		margin:0 0 20px 0;
	}
	
	#service .inbox1 .tx{
		line-height: 1.8em;
		margin:0 0 80px 0;
	}
	
	#service .inbox1 .illbox{
		width:100%;
		box-sizing: border-box;
	}
	
	#service .inbox1 .illbox.box2{
		padding:0 0 0 50px;
	}
	
	#service .inbox2{
		width:980px;
		margin:0 auto 100px;
	}
	
	#service .inbox2 .tl{
		font-size:1.8em;
		line-height: 1.5em;
		padding:0 0 30px 0;
		margin:0 0 30px 0;
		position: relative;
		color:#007e56;
	}
	
	#service .inbox2 .tl:after{
		content: "";
		width:45px;
		border-bottom:2px solid #007e56;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#service .inbox2 .tx{
		line-height: 1.8em;
		margin:0 0 0 0;
	}
	
	#service .inbox2 .phbox{
		width:450px;
		float: left;
	}
	
	#service .inbox2 .rightbox{
		padding:60px 0 0 60px;
		width:50%;
		box-sizing: border-box;
		float: left;
	}
	
	#cont1,#btc-stance{
		padding-top:100px;
		margin-top:-100px;
	}
	
}

@media screen and (max-width:768px){
	
	
	
	#service .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/service/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#service .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		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%);
	}
	
	#service .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}
	
	#service .qabg{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/service/stance_bg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#service .qabg .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 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%);
	}
	
	#service .qabg .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}
	
	#service .bgbox{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#service .bgbox2{
		padding:0 0;
		background:#f4f4f4;
	}
	
	#service .bgbox3{
		padding:40px 0;
		background:#f4f4f4;
	}
	
	#service .bgbox3 .innerbox{
		width:100%;
		margin:0 auto;
		padding:0;
		box-sizing: border-box;
		background:#fff;
	}
	
	#service .bgbox .innerbox2{
		width:100%;
		margin:0 auto;
		padding:40px 5%;
		box-sizing: border-box;
		background:#fff;
	}
	
	#service .bgbox .mainsub{
		font-weight: 600;
		line-height: 1.8em;
		font-size:1.2em;
		text-align: center;
		width:90%;
		margin:0 auto;
	}
	
	#service .bgbox .mainsub2{
		font-weight: 600;
		line-height: 1.8em;
		font-size:1.2em;
		text-align: center;
		margin:0 0 50px 0;
	}
	
	/*cont2*/
	#service .cont2{
		width:90%;
		margin:0 auto;
		padding:50px 5%;
		background:#fff;
	}
	
	#service .cont2 .leftbox{
		width:100%;
		float: left;
		box-sizing: border-box;
		padding:0 0 0 0;
		text-align: center;
	}
	
	#service .cont2 .leftbox .illbox{
		width:300px;
		display: inline-block;
	}
	
	#service .cont2 .leftbox .illbox img{
		width:100%;
	}
	
	#service .cont2 .rightbox{
		padding:40px 0 0 0;
		width:100%;
		float: left;
		box-sizing: border-box;
	}
	
	#service .cont2 .rightbox .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		padding:0 0 30px 0;
		position: relative;
	}
	
	#service .cont2 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	/*cont2*/
	#service .cont3{
		padding:0 0 0 0;
		background:#fff;
	}
	
	#service .cont3 .leftbox{
		width:100%;
		float: none;
		box-sizing: border-box;
		padding:0 0 30px 0;
		text-align: center;
		margin:0px 0 0 0;
		position: relative;
		
	}
	
	#service .cont3 .leftbox .illbox{
		width:90%;
		display: inline-block;
		padding:30px;
		border-radius: 50%;
		background:#eee;
		position: relative;
		box-sizing: border-box;
		top:0;
		left:0;
	}
	
	#service .cont3 .leftbox .illbox img{
		width:100%;
	}
	
	#service .cont3 .rightbox{
		padding:0 5%;
		width:100%;
		float: none;
		box-sizing: border-box;
	}
	
	#service .cont3 .rightbox .tlbox{
		font-size:1.7em;
		line-height: 1.7em;
		margin:0 0 30px 0;
		position: relative;
	}
	
	#service .cont3 .rightbox .txbox{
		line-height: 2.2em;
		margin:0 0 40px 0;
	}
	
	#service .ebfloatbox ul{
		display:-webkit-box;
    	display:-moz-box;
    	display:-ms-flexbox;
    	display:-webkit-flex;
    	display:-moz-flex;
    	display:flex;
    	-webkit-box-lines:multiple;
    	-moz-box-lines:multiple;
    	-webkit-flex-wrap:wrap;
    	-moz-flex-wrap:wrap;
    	-ms-flex-wrap:wrap;
    	flex-wrap:wrap;
		list-style: none;
		
	}
	
	#service .ebfloatbox ul li{
		width:100%;
		float: left;
		padding:5%;
		box-sizing: border-box;
	}
	
	#service .ebfloatbox ul li .tl{
		font-size:2.5em;
		margin:0 0 5px 0;
	}
	
	#service .ebfloatbox ul li .sub{
		font-size:0.7em;
		margin:0 0 20px 0;
		font-weight: 600;
	}
	
	#service .ebfloatbox ul li .tx{
		line-height: 1.8em;
	}
	
	#service .inbox1{
		width:100%;
		margin:0 auto 50px;
	}
	
	#service .inbox1 .tl{
		font-size:1.7em;
		line-height: 1.5em;
		margin:0 0 20px 0;
	}
	
	#service .inbox1 .tx{
		line-height: 1.8em;
		margin:0 0 40px 0;
	}
	
	#service .inbox1 .illbox{
		width:100%;
		box-sizing: border-box;
	}
	
	#service .inbox1 .illbox.box2{
		padding:0 0 0 0;
	}
	
	#service .inbox2{
		width:100%;
		margin:0 auto 50PX;
	}
	
	#service .inbox2 .tl{
		font-size:1.5em;
		line-height: 1.5em;
		padding:0 0 20px 0;
		margin:0 0 20px 0;
		position: relative;
		color:#007e56;
	}
	
	#service .inbox2 .tl:after{
		content: "";
		width:35px;
		border-bottom:2px solid #007e56;
		position: absolute;
		bottom:0;
		left:0;
	}
	
	#service .inbox2 .tx{
		line-height: 1.8em;
		margin:0 0 0 0;
	}
	
	#service .inbox2 .phbox{
		width:100%;
		float: none;
	}
	
	#service .inbox2 .rightbox{
		padding:20px 0 0 0;
		width:100%;
		box-sizing: border-box;
		float: left;
	}
	
	#cont1,#btc-stance{
		padding-top:50px;
		margin-top:-50px;
	}
	
}