﻿

#boxCentralHead
{
	width:100%;
	height:44.8vw;
	min-height:448px;
	position:relative;
}

#boxCentralHead img
{
	width:100%;
	height:100%;

}

#centralHeadLabel
{
	position:absolute;
	z-index:200;
	right:0;
	bottom:2.5vw;
	width:calc(200px + 15vw);
	height:calc(100px + 2.5vw);
	padding-left:60px;
	color:#fff;
	background-color:rgba(0,159,191,0.7);
	
	display:flex;
	justify-content:center;
	flex-direction:column;
    
}

	#centralHeadLabel>div
	{
		
			margin-top:0.4vw;
	margin-bottom:0.4vw;
	width:100%;
	}

		#centralHeadLabel>div:nth-child(1)
		{
			font-size:calc(22px + 0.5em);
			
		}

		#centralHeadLabel>div:nth-child(2)
		{
			font-size:calc(12px + 0.5em);
		}

#boxServiceRange
{
	width:100%;
}

.boxTitleIntroduce
{
	margin-top:5vw;
	width:100%;
}

.boxTitleIntroduce span
{
	display:block;
}

.boxTitleIntroduce span:nth-child(1)
{
	height:calc(10px + 2.5vw);
	line-height:calc(10px + 2.5vw);
	font-size:calc(20px + 0.5em);
	font-weight:500;
	font-style:italic;
}

	.boxTitleIntroduce span:nth-child(1) label
	{
		color:#009ebe;
		font-size:calc(6px + 0.5em);
	}
	.boxTitleIntroduce span:nth-child(2)
	{
		height:calc(6px + 0.3vw);

	}

	.boxTitleIntroduce span:nth-child(2) img
	{
		height:100%;
	}

		.boxTitleIntroduce span:nth-child(2) .lineHeight
		{
			width:80px;
		}

		.boxTitleIntroduce span:nth-child(2) .lineShort
		{
			width:320px;
		}


	.boxTitleIntroduce span:nth-child(3)
	{
		margin-top:1.5vw;
		height: calc(10px + 2.5vw);
		line-height: calc(10px + 2.5vw);
		font-size: calc(14px + 0.5em);
		font-weight:500;
	}

	.boxTitleIntroduce span:nth-child(4)
	{
		width:68.5%;
		line-height:2vw;
		min-height:6vw;
	}

#boxRangeImg
{
	width:100%;
	height:39.375vw;
	min-height:563px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:flex-start;

}

#imgRangeBackground
{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
}

#boxRangeImg > div
{
	
	width:13.125%;
	height:86.92%;
	background-size:contain;
	background-repeat:no-repeat;
	margin-right:0.5vw;
	cursor:pointer;
}

#boxRangeImg > div
{
	
}

#boxRangeImg a
{
	width:100%;
	height:100%;
	display:block;
}


#boxRangeImg #boxMenu4
{
	width:14.6875%;
	cursor:auto;
}

	#boxMenu4 > div
	{
		height:7.817%;
		width:100%;
		background-position-x:right;
		background-repeat:no-repeat;
		background-size:contain;
	
	}

#boxMenu4 #boxNull1
{
	height:11.8%;
}

#boxMenu4 #boxNull2
{
	height:20%;
}

#boxMenu4 #boxNull3
{
	height:20%;
}

#boxMenu4 #boxNull4
{
	height:18.44%;
}

#boxButton1
{
	background-image:url("../images/en/range_button1.png");
}

#boxButton2
{
	background-image:url("../images/en/range_button2.png");
}

#boxButton3
{
	background-image:url("../images/en/range_button3.png");
}

#boxButton4
{
	background-image:url("../images/en/range_button4.png");
}

#boxRangeImg #boxKyxgc
{
	background-image:url("../images/en/range_kyxgc.png");
	width:13.75%;
}

#boxCxyz
{
	background-image:url("../images/en/range_cxyz.png");
}

#boxGysj
{
	background-image:url("../images/en/range_gysj.png");
}

#boxJhsj
{
	background-image:url("../images/en/range_jhsj.png");
}

#boxYxysc
{
	background-image:url("../images/en/range_yxysc.png");
}

#boxRangeImg #boxZlyhg
{
	background-image:url("../images/en/range_zlyhg.png");
	width:14.0625%;
}

#boxButton1:hover
{
	background-image:url("../images/en/range_button1_hover.png");
	cursor:pointer;
}

#boxButton2:hover
{
	background-image:url("../images/en/range_button2_hover.png");
	cursor:pointer;
}

#boxButton3:hover
{
	background-image:url("../images/en/range_button3_hover.png");
	cursor:pointer;
}

#boxButton4:hover
{
	background-image:url("../images/en/range_button4_hover.png");
	cursor:pointer;
}

#boxRangeImg #boxKyxgc:hover
{
	background-image:url("../images/en/range_kyxgc_hover.png");
}

#boxCxyz:hover
{
	background-image:url("../images/en/range_cxyz_hover.png");
}

#boxGysj:hover
{
	background-image:url("../images/en/range_gysj_hover.png");
}

#boxJhsj:hover
{
	background-image:url("../images/en/range_jhsj_hover.png");
}

#boxYxysc:hover
{
	background-image:url("../images/en/range_yxysc_hover.png");
}

#boxRangeImg #boxZlyhg:hover
{
	background-image:url("../images/en/range_zlyhg_hover.png");
}

#btnServiceTeam
{
	color:#fff;
	background-color:#009ebe;
	width:210px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
}

.boxTeamContent
{
	width:80%;
	height:12.6875vw;
	min-height:174px;
	padding-left:10%;
	padding-right:10%;
	margin-top:20px;
	margin-bottom:20px;
}

.boxTeamContent span
{
	display:block;
}

	.boxTeamContent span:nth-child(1)
	{
		height:6.9%;
		
	}

	.boxTeamContent span:nth-child(2)
	{
		height:20%;
		
	}

	.boxTeamContent span:nth-child(2) img
	{
		height:70%;
	}

	.boxTeamContent span:nth-child(3)
	{
		height:10%;
		font-size:calc(12px + 0.5em);
	}
	.boxTeamContent span:nth-child(4)
	{
		height:6px;
		width:100%;
		margin-bottom:25px;
	}

	.boxTeamContent span:nth-child(4) .lineHeight
	{
		height:100%;
		width:20%;
	}

	.boxTeamContent span:nth-child(4) .lineShort
	{
		height:100%;
		width:80%;
	}

	.boxTeamContent span:nth-child(5)
	{
		height:24%;
	}

	.boxTeamContent span:nth-child(6)
	{
		height:calc(39.1% - 46px);
		line-height:40px;
		color:#35b67e; 
	}

	.boxTeamContent:hover
	{
		
		border-left:4px solid #35b67e;
		padding-left:calc(10% - 4px);
		box-shadow: 0 0 20px #666;
	}

#boxSelectReason
{
	width:100%;
	height:21.875vw;
	min-height:313px;
	margin-top:40px;
}

#imgSelectReason
{
	width:54.69%;
	height:100%;
	float:left;
}

#boxSelectContent
{
	width:40.625%;
	height:100%;
	float:right;
}

#boxSelectContent span
{
	display:block;
	width:100%;
}

#boxSelectContent span:nth-child(1)
{
	height:calc(20px + 3vw);
	line-height:calc(10px + 1.5vw);
	font-size:calc(20px + 0.5em);
	font-weight:500;
	font-style:italic;
}

	#boxSelectContent span:nth-child(1) label
	{
		color:#009ebe;
		font-size:calc(6px + 0.5em);
	}
	#boxSelectContent span:nth-child(2)
	{
		height:calc(6px + 0.3vw);

	}

	#boxSelectContent span:nth-child(2) img
	{
		height:100%;
	}

		#boxSelectContent span:nth-child(2) .lineHeight
		{
			width:100px;
		}

		#boxSelectContent span:nth-child(2) .lineShort
		{
			width:calc(100% - 100px)
		}



	#boxSelectContent span:nth-child(3)
	{
		margin-top:2vw;
		width:100%;
		line-height:calc(12px + 0.8vw);
		min-height:6vw;
	}

	.boxTitle
{
	margin-top:30px;
	height:calc(80x + 2vw);
	line-height:calc(80px + 2vw);
	font-style:italic;
}

.boxTitle label:nth-child(1)
{
	font-size:28px;
	color:#000;
}

.boxTitle label:nth-child(2)
{
	font-size:28px;
	color:#009ebe;
}

#boxContactUs
{
	height:calc(250px + 15vw);
}

#boxContactUs img
{
	float:left;
	margin-right:20px;
}

#boxServiceLink
{
	width:36px;
	height:132px;
	
	border:1px solid #ccc;
	border-right:none;
	background:rgba(241,241,241,0.7);
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
	z-index:999;
	padding-top:16px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	transition:width 1s;
	overflow:hidden;

}

#boxServiceLink:hover
{
	width:302px;
}

#boxServiceLink a
{
	display:block;
	height:16px;
	line-height:16px;
	float:right;
	clear:both;
	font-size:12px;
	color:#5D5D5D;
	overflow:hidden;
	margin-top:6px;
	margin-bottom:6px;
		text-align:right;
}

	#boxServiceLink a span
	{

		float:right;
		display:inline-block;
		height:12px;
		width:12px;
		background-color:rgba(0,0,0,0);
		border:1px solid;
		position:relative;
		margin-left:10px;
		margin-right:10px;
		top:2px;
		border-color:#ccc;
	}

#boxCentral > div
{
	position:relative;
}




.readMore
{
	width:80%;
	
}

.readMore:hover
	{
		background-color:rgba(245,245,245,0.7);
		padding-left:20px;
		width:calc(80% - 20px);
		background-image:url("../images/en/home_read_more.png");
		background-position:left;
		background-repeat:no-repeat;
		 transition:padding-left 0.5s,width 0.5s;
		 -webkit-transition:padding-left 0.5s,width 0.5s;
	}

	.readMore a
	{
		font-size:calc(6px + 0.5em);
		display:block;
		height:100%;
		width:100%;
		color:#35b67e; 
		font-family:Arial;
	}

.anchor
{
	position:absolute;
	top:-90px;
}

.boxTeamContent span:nth-child(5)
{
	color:gray;
    margin-top: 20px;
    padding-top: 30px
}