@charset "UTF-8";

#introduceBox .thumb							{width: 44%;float: left;position: relative; background: url('./../images/imgIntroBg.jpg') right bottom no-repeat; padding-bottom: 50px;}
#introduceBox .thumb img					{max-width: 200px; border: 1px solid #ddd; padding: 10px; image-rendering: -webkit-optimize-contrast;}
#introduceBox .thumb .sign					{position: absolute;left: 40%;top: 220px;width: 200px;height: 90px;background: #0a489b;color: #fff;text-align: right;padding: 15px 20px 0 0;box-sizing: border-box;font-size: 1.07rem;transition: all 0.2s ease;line-height:30px;}
#introduceBox .thumb .sign em     {font-weight:500;font-size:25px}
#introduceBox .desc							{width: 55%;float: right;}
#introduceBox .desc h3						{color: #333;font-weight: 600;font-size: 1.6em;line-height: 1.3;}
#introduceBox .desc h3 strong				{display:block; color:#1c54a9;}
#introduceBox .desc p							{text-align: justify;}

#departBox										{clear: both;border-bottom: 1px solid #7f8084;margin: 105px 0 0 0;padding: 0 0 60px 0;display: table;}
#departBox h3									{color: #2565b7;font-size: 1.55rem;line-height: 1.3;}
#departBox h3 em								{font-weight: 600;font-size: 2.5rem;}
#departBox p									{text-align: justify;}
#departBox .desc								{height: 100%;padding: 0 5% 0 0;display: table-cell;vertical-align: middle; width:70%;}
#departBox .symbol							{height: 100%;display: table-cell;vertical-align: middle;text-align: right;}
#departBox img									{width: 100%;max-width: 100%;}

@media only screen and (max-width:820px){
	#introduceBox .thumb{float:inherit; width:100%; text-align:center; margin-bottom:30px;}
	#introduceBox .thumb .sign{left: 30%;}
	#introduceBox .desc{float:inherit; width:100%;}
}
@media only screen and (max-width:600px){
	#introduceBox .thumb{min-height:250px;}
}