@charset "utf-8";

/* service */
.h1Wrap h1 {
	background: url(../images/service_hbg.png) no-repeat left center;
	background-size: 24px 22px;
	padding: 0 0 0 35px;
}
.service_list .wrap {
	margin: 0 auto;
	width: 720px;
	overflow: hidden;
	padding: 40px 0 80px 0;
}
.service_list .service_box {
	margin-bottom: 10px;
	padding: 10px;
}
.service_list .title {
	width: 278px;
}
.service_list .text {
	color: #fff;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 25px 0 20px;
}
.service_list .left .title {
	float: left;
}
.service_list .right .title {
	float: right;
}
.service_list .right .text {
	padding: 0 20px 0 25px;
}
.service_list .service1 {
	background: #298cac;
}
.service_list .service1 .title .icon img {
	width: 96%;
}
.service_list .service2 {
	background: #5286be;
}
.service_list .service2 .title .icon img {
	width: 66%;
}
.service_list .service3 {
	background: #43639f;
}
.service_list .service3 .title .icon img {
	width: 59%;
}

/* performance */
.performance {
	background: #f4f4f4;
	overflow: hidden;
}
.performance .wrap {
	width: 840px;
	margin: 0 auto;
	padding: 80px 0;
}
.performance h3 {
	font-size: 1.6rem;
	color: #1d548f;
	text-align: center
}
.performance .box-area {
	display: -webkit-flex;
	display: flex;
	margin: 30px 0 0 0;
}
.performance .box-area .box {
	width: 260px;
	border: 1px solid #e2e2e2;
	float: left;
	background: #ffffff;
	margin: 0 30px 0 0;
	word-wrap: break-word;
}
.performance .box-area .last {
	margin: 0;
}
.performance .box-area .box h3 {
	background: #466e97;
	padding: 16px 0;
	text-align: center;
	color: #ffffff;
}
.performance .box-area .box dl {
	padding: 18px 15px 30px;
}
.performance .box-area .box dt {
	border-bottom: dotted 1px #1d548f;
	margin: 0 0 6px 0;
}
.performance .box-area .box dd {
	margin: 0 0 30px 0;
}
.performance .box-area .box dd table th {
	background: none;
	padding: 0;
	vertical-align: top;
	border-bottom: none;
	color: #000000;
	text-align: left;
	width: 70px;
	font-weight: normal;
}
.performance .box-area .box dd table td {
	padding: 0;
	vertical-align: top;
	border-bottom: none;
	word-break: break-all;
}
.performance .moreBox {
	display: none;
}
.performance .btn {
	margin: 40px auto 0;
	width: 170px;
}
.performance .btn a {
	width: 170px;
	padding: 13px 0;
	cursor: pointer;
}
.performance .btn > *:before, .performance .btn:after {
	display: none;
}
.performances .btn > *:before, .performance .btn > *:after {
	display: none;
}
.performance .btn:hover {
	opacity: 0.8;
}
.performance .btn a span {
	background: url(../images/icon_arrow1.png) no-repeat right center;
	background-size: 13px 13px;
	padding: 0 23px 0 0;
}
.performance .btn.open a span {
	background: url(../images/icon_arrow2.png) no-repeat right center;
	background-size: 13px 13px;
}

@media screen and (max-width:900px) {
/* service */
.h1Wrap h1 {
	background: url(../images/service_hbg.png) no-repeat left center;
	background-size: 17px 15px;
	padding: 2px 0 1px 24px;
}
.service_list .wrap {
	width: 100%;
	padding: 34px 24px;
}
.service_list .service_box {
	margin-bottom: 24px;
	padding: 12px;
}
.service_list .title {
	width: 100%;
}
.service_list .text {
	height: auto;
	display: block;
	padding: 12px 12px 5px;
}
.service_list .left .title {
	float: none;
}
.service_list .right .title {
	float: none;
}
.service_list .right .text {
	height: auto;
	display: block;
	padding: 12px 12px 5px;
}

/* performance */
.performance .wrap {
	width: 100%;
	margin: 0 auto;
  padding: 54px 24px;
}
.performance h3 {
	font-size: 1.6rem;
}
.performance .box-area {
	display: -webkit-block;
	display: block;
	margin: 24px 0 0 0;
}
.performance .box-area .box {
	width: 100%;
	float: none;
	margin: 0 30px 24px 0;
}
.performance .box-area .box h3 {
	padding: 16px 0;
}
.performance .box-area .box dl {
	padding: 15px 20px 0;
}
.performance .box-area .box dt {
	margin: 0 0 6px 0;
}
.performance .box-area .box dd {
	margin: 0 0 30px 0;
}
.performance .box-area .box dd table th {
	text-align: left;
	width: 70px;
	display: table-cell;
}
.performance .box-area .box dd table td {
	display: table-cell;
}
.performance .btn {
	margin: 40px auto 0;
	width: 202px;}
.performance .btn a {
	width: 202px;
	padding: 13px 0;
	cursor: pointer;
}
.performance .btn:hover {
	opacity: 1;
}
.performance .btn a span {
	background: url(../images/icon_arrow1.png) no-repeat right center;
	background-size: 12px 12px;
	padding: 0 23px 0 0;
}	
.performance .btn.open a span {
	background: url(../images/icon_arrow2.png) no-repeat right center;
	background-size: 12px 12px;
}
	
}