.g-container {
	padding-top: 0
}

.g-banner {
	background: #2B2E33 url(../images/bg_service.jpg) no-repeat top center;
	height: 500px;
	padding-top: 190px;
	-webkit-background-size: 1920px 500px;
	-moz-background-size: 1920px 500px;
	background-size: 1920px 500px
}

.g-banner h2 {
	line-height: 84px;
	color: #fff;
	font-weight: 500;
	font-size: 60px;
	text-align: center
}

.g-banner p {
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	text-align: center
}

.g-banner .js-free-use {
	display: block;
	width: 220px;
	height: 44px;
	line-height: 44px;
	background: #2373FF;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	text-align: center;
	font-size: 16px;
	letter-spacing: -0.336px;
	color: #FFFFFF;
	margin: 27px auto 0
}

.g-banner .js-free-use:hover {
	background: #4888FA
}

.service-advantages {
	height: 400px;
	background: #F8F9FB url(../images/bg_service_advantages.png) no-repeat top center;
	padding-top: 50px
}

.service-advantages h2 {
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center;
	color: #111F33
}

.service-advantages p {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #676C73;
	margin-top: 8px
}

.service-advantages .g-wrapper {
	width: 900px
}

.service-advantages ul {
	margin-top: 40px
}

.service-advantages ul li {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	-moz-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 280px;
	height: 120px;
	padding: 32px;
	float: left;
	margin-right: 30px
}

.service-advantages ul li:last-child {
	margin-right: 0
}

.service-advantages ul li .icon-1 {
	background:url(../images/service_1.png) no-repeat top center;
	width: 56px;
	height: 56px;
	float: left;
	-webkit-background-size: 56px 56px;
	-moz-background-size: 56px 56px;
	background-size: 56px 56px
}

.service-advantages ul li .icon-2 {
	background:url(../images/service_2.png) no-repeat top center;
	width: 56px;
	height: 56px;
	float: left;
	-webkit-background-size: 56px 56px;
	-moz-background-size: 56px 56px;
	background-size: 56px 56px
}

.service-advantages ul li .icon-3 {
	background:url(../images/service_3.png) no-repeat top center;
	width: 56px;
	height: 56px;
	float: left;
	-webkit-background-size: 56px 56px;
	-moz-background-size: 56px 56px;
	background-size: 56px 56px
}

.service-advantages ul li h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33;
	padding-left: 72px
}

.service-advantages ul li p {
	text-align: left;
	padding-left: 72px;
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #676C73
}

.service-introduction {
	padding: 50px 0 120px;
	background: #FFFFFF
}

.service-introduction .g-wrapper {
	width: 900px
}

.service-introduction .g-wrapper h2 {
	font-weight: 500;
	font-size: 32px;
	line-height: 45px;
	text-align: center;
	color: #111F33
}

.service-introduction .g-wrapper h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33
}

.service-introduction .g-wrapper p {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #676C73;
	margin-top: 10px
}

.service-introduction .g-wrapper .service-position {
	margin-top: 60px
}

.service-introduction .g-wrapper .service-position .service-position-img {
	margin-top: 30px;
	height: 400px;
	position: relative
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-form {
	position: absolute;
	left: 17px;
	top: 44px;
	width: 576px;
	height: 227px;
	background: url(../images/icon-service-position-img-form.png) no-repeat left top;
	z-index: 1;
	opacity: 0
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-person {
	position: absolute;
	left: 19px;
	top: 83px;
	width: 820px;
	height: 320px;
	background: url(../images/icon-service-position-img-person.png) no-repeat left top;
	z-index: 2;
	opacity: 0
}

.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-arrow {
	position: absolute;
	left: 271px;
	top: 0px;
	width: 0px;
	height: 350px;
	background: url(../images/icon-service-position-img-arrow.png) no-repeat left top;
	z-index: 3
}

.service-introduction .g-wrapper .service-matrix {
	margin-top: 80px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img {
	height: 511px;
	margin-top: 40px;
	background: url(../images/bg-service-matrix-img.png) no-repeat left top;
	padding-top: 231px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li {
	width: 350px;
	height: 120px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	-moz-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	padding: 32px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li:last-child {
	margin-right: 0
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 i {
	width: 56px;
	height: 56px;
	background: url(../images/service_12.png) no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 p {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #676C73;
	margin-top: 2px;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 i {
	width: 56px;
	height: 56px;
	background: url(../images/service_13.png) no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 p {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #676C73;
	margin-top: 2px;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 {
	margin-left: 180px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 i {
	width: 56px;
	height: 56px;
	background: url(../images/service_14.png) no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 p {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #676C73;
	margin-top: 2px;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 i {
	width: 56px;
	height: 56px;
	background: url(../images/service_15.png) no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	float: left
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 h4 {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	color: #111F33;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 p {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #676C73;
	margin-top: 2px;
	padding-left: 72px
}

.service-introduction .g-wrapper .service-plus {
	margin-top: 100px
}

.service-introduction .g-wrapper .service-plus>p {
	position: relative
}

.service-introduction .g-wrapper .service-plus>p span {
	display: inline-block;
	width: 110px;
	height: 32px;
	line-height: 30px;
	border: 1px solid #236DEF;
	color: #236DEF;
	font-weight: normal;
	font-size: 14px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -16px;
	cursor: pointer
}

.service-introduction .g-wrapper .service-plus ul {
	border: 1px solid #DFE3E6;
	margin-top: 41px
}

.service-introduction .g-wrapper .service-plus ul li {
	float: left;
	width: 449px;
	height: 100px;
	padding: 32px
}

.service-introduction .g-wrapper .service-plus ul li.except {
	background: #FAFAFA
}

.service-introduction .g-wrapper .service-plus ul li .icon-1 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_4.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-2 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_5.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-3 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_6.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-4 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_7.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-5 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_8.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-6 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_9.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-7 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_10.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li .icon-8 {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/service_11.png)  no-repeat left center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain
}

.service-introduction .g-wrapper .service-plus ul li h4 {
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #111F33;
	padding-left: 50px
}

.service-introduction .g-wrapper .service-plus ul li p {
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #8B919A;
	margin-top: 12px;
	padding-left: 50px
}

.service-content-modal {
	padding: 40px
}

.service-content-modal .modal-body {
	height: 600px;
	overflow: auto
}

.service-content-modal table {
	width: 100%;
	font-size: 14px;
	text-align: center
}

.service-content-modal table th {
	background: #e1eaff;
	line-height: 30px;
	height: 30px;
	border: 1px solid #ddd;
	vertical-align: middle
}

.service-content-modal table td {
	line-height: 30px;
	height: 30px;
	border: 1px solid #ddd;
	vertical-align: middle
}

.service-content-modal table td a {
	color: #236DEF
}