*{
	padding:0;
}
i,em{
	font-style:normal;
}
.ofl{
	overflow:hidden;
}
.bgf{
	background:#fff;
}
.dbl{
	display:block;
}
.mid_width{
	width:1180px;
	margin:0 auto;
}
.about_navTop,.mes_navTop{
	text-align:center;
	padding:20px 0;
}
.about_navTop span,.xt_about01 span{
	display:block;
	padding:20px 0;
}
.about_navTop span{
	font-size:34px;
	font-family:font02;
	font-weight:bold;
	letter-spacing:2px;
	color:#656565;
	margin:15px 0;
	padding-top:15px;
}
.mes_navTop span{
	font-size:14px;
	display:block;
	padding:15px 0;
}
.mes_navTop h1{
	font-size:40px;
	font-weight:bold;
	color:#626262;
	letter-spacing:2px;
}
.mes_navTop em{
	color:#4e9ff0;
}
.mes_navTop i{
	width:45px;
	height:2px;
	display:inline-block;
	background:#7fb5ff;
	box-shadow:0px 1px 1px 0px #a0c2f1;
}
.coo02 li span{
  display:block;padding-top:15px;
  font-size:18px;letter-spacing:2px;
}
.coo02 ul{overflow:hidden;padding:20px 0 40px 0}
.coo02{width:1180px; margin:0 auto;}
.coo02 li{
	width:calc((100% - 50px) / 3);text-align:center;margin:20px 20px 0 0;
	padding-bottom:20px;box-shadow:1px 1px 14px 1px #d4cfcf;
}
.coo02 li:nth-of-type(1),.coo02 li:nth-of-type(4){
	margin-left:5px;
}
.coo02 li:nth-of-type(3),.coo02 li:nth-of-type(6){
	margin-right:5px;
}
.coo02 li img{
	width:100%;height:212px;
}
.coo03_box span,.coo03_box p{
	color:#fff;padding:0 30px;
}
.coo03_box span{
	font-size:18px;height:40px;line-height:40px;
}
.coo03_box p{
	font-size:14px;letter-spacing:1px;
	height:30px;line-height:30px;
}
.coo03_01 .c03_sbox{
	width:350px;
}
.coo03_02 .c03_sbox{
	width:400px;
}
.coo03_03 .c03_sbox{
	width:400px;
}
.coo03_04 .c03_sbox{
	width:400px;position:absolute;right:0;bottom:0;
}
.coo03_box{
	height:600px;
}
.coo03_box,.c01_box,.c02_box,.c03_box,.c04_box{
	position:relative;
}
.c01_box{
	height:589px;
}
.c04_box{
	height:270px;
}
.coo03 .coo03_01{
	position:absolute;
	top:0;left:0;
}
.coo03 .coo03_01 img{
	width:350px;height:589px;
}
.coo03 .coo03_02 img{
	width:400px;height:302px;
}
.coo03 .coo03_03 img{
	width:400px;height:302px;
}
.coo03 .coo03_04 img{
	width:815px;height:270px;
}
.coo03 .coo03_02{
	position:absolute;
	top:0;left:365px;
}
.coo03_02,.coo03_03,.c03_box,.c02_box{
	height:302px;
}
.coo03 .coo03_03{
	position:absolute;
	top:0;left:780px;
}
.coo03 .coo03_04{
	position:absolute;
	top:319px;left:365px;
}
.c03_sbox{
	position:absolute;height:85px;
	bottom:0;background:rgba(36,36,36,0.66)
}
.c03_sbox i{
	position:absolute;top:40px;
	width:30px;height:1px;background:#fff;display:inline-block;
	margin-left:30px;
}
.coo04{
	background:#f8f8f8;
}
.coo04 ul{
	padding:60px 0;
}
.coo04 ul li{
	background:#fff;
	width:260px;
	margin-right:44px;
	text-align:center;
	padding:60px 0 35px 0;
	box-shadow:0px 1px 7px 2px #e8e8e8;height:320px;
}
.coo04 ul li:first-of-type{
	margin-left:4px;
}
.coo04 ul li:last-of-type{
	margin-right:2px;
}
.coo04 ul li img{
	width:100px;margin-bottom:20px;
}
.coo04 ul li i,.coo04 ul li span,.coo04 ul li p{
	margin:0 auto;
}
.coo04 ul li i{
	width:15px;height:1px;background:#969696;margin:15px auto;
}
.coo04 ul li span{
	color:#4e9ff0;font-size:16px;
	width:180px;
}
.coo04 ul li p{
	color:#626262;font-size:12px;width:180px;line-height:20px;
}
.coo05{
	padding:80px 0
}
.coo05 .coo05_left{
	width:600px;
}
.coo05 .coo05_left img{
	width:570px;height:400px;
}
.coo05t_top{
	padding:10px 0;margin-top:5px;
}
.coo05t_top span{
	font-size:26px;font-weight:bold;letter-spacing:1px;
}
.coo05t_top em{
	color:#4e9ff0;
}
.coo05t_top p{
	font-size:12px;color:#676767;padding:10px 0;
}
.coo05_right li{
	width:50%;margin:10px 0 30px 0;
}
.coo05_right{
	width:calc(100% - 600px);
}
.coo05_right li span{
	height:50px;line-height:50px;padding-left:10px;
	font-weight:bold;
}
.coo05_right li img{
	width:50px;
}
.coo05_right li p{
	color:#676767;font-size:12px;padding:10px 0;width:80%;line-height:16px;
}
.coo06{
	padding:20px 0;
}
.coo06 ul{
	padding:20px 0;
}
.coo06 li{
	width:calc((100% - 86px) / 5);background:#fff;margin:10px 20px 10px 0;
	text-align:center;box-shadow:0px 1px 7px 2px #e8e8e8;position:relative;
	height:285px;
}
.coo06 li:nth-of-type(1){
	margin-left:3px;
}
.coo06 li:nth-of-type(5){
	margin-right:3px;
}
.coo06 li img{
	width:calc(100% - 20px);margin:10px;display:block;height:215px;
	
}
.on .coo06_sbox{display:block;}
.coo06_sbox{
	position:absolute;top:0;background:#4e9ff0;width:218px;height:275px;
	color:#fff;display:none;
}
.coo06_sbox p{
	margin:0 auto;width:150px;
}
.coo06 li span{
	padding:2px 0 12px 0;font-size:20px;
}
.coo07 h1,.coo07 span,.coo07 i{
	color:#fff!important;
}
.coo07{
	background:url('../images/coo07_bg.jpg') no-repeat;
	background-size:100%;text-align:center;padding:10px 0 30px;
}
.coo07 img {
	width:70px;margin:10px 0;
}
.coo07 ul{
	width:980px;margin:30px auto;
}
.coo07 li{
	width:calc((100% / 3) - 1px);padding:50px 0;
}
.coo07 li:nth-of-type(1),.coo07 li:nth-of-type(2),.coo07 li:nth-of-type(3){
	border-bottom:1px solid #c8d5db;
}
.coo07 li:nth-of-type(1),.coo07 li:nth-of-type(2){
	border-right:1px solid #c8d5db;
}
.coo07 li:nth-of-type(4),.coo07 li:nth-of-type(5){
	border-right:1px solid #c8d5db;
}
.coo07 li span{
	font-size: 20px;letter-spacing:2px;
}