.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
}


.g-container .g-main-content h2 {
	 font-weight:500;
	 font-size:32px;
	 line-height:45px;
	 text-align:center;
	 color:#111F33;
	 margin-top:100px
}
.g-container .g-main-content .main-params table {
	 width:100%;
	 table-layout:fixed;
	 margin-top:60px
}
.g-container .g-main-content .main-params table th {
	 font-size:16px;
	 line-height:22px;
	 color:#111F33;
	 background:#ECEFF4;
	 border:1px solid #DFE3E6;
	 padding:13px 0
}
.g-container .g-main-content .main-params table td {
	 font-size:14px;
	 line-height:200%;
	 text-align:center;
	 color:#787E87;
	 background:#FFFFFF;
	 border:1px solid #ECEFF4;
	 padding:46px 0
}
.g-container .g-main-content .main-functions h2 {
	 margin-top:80px;
	 line-height:62px
}
.g-container .g-main-content .main-functions h2 span {
	 font-weight:500;
	 font-size:44px;
	 color:#38C299;
	 vertical-align:bottom;
	 display:inline-block;
	 margin:0 8px
}
.g-container .g-main-content .main-functions .main-functions-info {
	 background:rgba(56,194,153,0.04);
	 -webkit-border-radius:4px;
	 -moz-border-radius:4px;
	 border-radius:4px;
	 border:1px solid #38C299;
	 padding:35px 0;
	 margin-top:21px
}
.g-container .g-main-content .main-functions .main-functions-info p {
	 text-align:center;
	 line-height:34px;
	 color:#111F33;
	 margin-top:13px;
	 font-size:18px
}
.g-container .g-main-content .main-functions .main-functions-info p:first-child {
	margin-top:0
}
.g-container .g-main-content .main-functions .main-functions-info p span {
	 display:inline-block;
	 font-size:24px;
	 margin:0 4px;
	 vertical-align:bottom
}
.g-container .g-main-content .main-functions table {
	 margin-top:50px;
	 font-size:22px;
	 font-weight:500
}
.g-container .g-main-content .main-functions table thead tr {
	background:#F8F9FB
}
.g-container .g-main-content .main-functions table thead tr th {
	 height:90px;
	 line-height:90px;
	 padding:0;
	 color:#676C73;
	 font-weight:500
}
.g-container .g-main-content .main-functions table thead tr th:nth-child(2) {
	 font-size:24px;
	 color:#FFFFFF;
	 background:-webkit-gradient(linear, left top, right top, from(#1EDCA0), to(rgba(30,220,117,0.58)));
	 background:-webkit-linear-gradient(left, #1EDCA0 0%, rgba(30,220,117,0.58) 100%);
	 background:-moz-linear-gradient(left, #1EDCA0 0%, rgba(30,220,117,0.58) 100%);
	 background:-o-linear-gradient(left, #1EDCA0 0%, rgba(30,220,117,0.58) 100%);
	 background:linear-gradient(90deg, #1EDCA0 0%, rgba(30,220,117,0.58) 100%);
	 border-left:4px solid #fff;
	 border-right:4px solid #fff;
	 line-height:40px;
	 height:40px;
	 padding:25px
}
.g-container .g-main-content .main-functions table thead tr th:nth-child(2) i {
	background-image:url('../images/buy_2.png') ;
	 background-repeat:no-repeat;
	 -webkit-background-size:40px 40px;
	 -moz-background-size:40px 40px;
	 background-size:40px 40px;
	 display:inline-block;
	 width:40px;
	 height:40px;
	 margin-right:8px;
	 vertical-align:top
}
.g-container .g-main-content .main-functions table tbody tr {
	background:#F8F9FB
}
.g-container .g-main-content .main-functions table tbody tr td {
	 height:80px;
	 line-height:80px;
	 padding:0;
	 border:1px solid #DFE3E6;
	 position:relative
}
.g-container .g-main-content .main-functions table tbody tr td:first-child {
	text-align:center
}
.g-container .g-main-content .main-functions table tbody tr td:nth-child(2) {
	 border:none;
	 border-left:4px solid #fff;
	 border-right:4px solid #fff;
	 border-bottom:1px solid #38C299;
	 padding-left:26px
}
.g-container .g-main-content .main-functions table tbody tr td:nth-child(2) a {
	 position:absolute;
	 background-image:url("../images/frame-321.png");
	 background-repeat:no-repeat;
	 -webkit-background-size:84px 89px;
	 -moz-background-size:84px 89px;
	 background-size:84px 89px;
	 width:84px;
	 height:89px;
	 margin:0;
	 border:none;
	 top:-8px;
	 left:546px;
	 opacity:0;
	 -webkit-transition:opacity .3s;
	 -o-transition:opacity .3s;
	 -moz-transition:opacity .3s;
	 transition:opacity .3s
}
.g-container .g-main-content .main-functions table tbody tr td:last-child {
	 padding-left:20px;
	 font-size:16px
}
.g-container .g-main-content .main-functions table tbody tr:nth-child(odd) {
	background:#ECEFF4
}
.g-container .g-main-content .main-functions table tbody tr:nth-child(odd) td:nth-child(2) {
	background-color:#e7f8f3
}
.g-container .g-main-content .main-functions table tbody tr:nth-child(even) td:nth-child(2) {
	background-color:#fafefd
}
.g-container .g-main-content .main-functions table tbody tr:hover td:nth-child(2) a,
.g-container .g-main-content .main-functions table tbody tr.active td:nth-child(2) a {
	opacity:1
}
.g-container .g-main-content .main-functions table tbody tr:hover td:nth-child(2) span,
.g-container .g-main-content .main-functions table tbody tr.active td:nth-child(2) span {
	color:#07c76b
}
.g-container .g-main-content .main-functions a {
	 display:block;
	 width:130px;
	 height:40px;
	 line-height:40px;
	 border:1px solid #236DEF;
	 -webkit-border-radius:20px;
	 -moz-border-radius:20px;
	 border-radius:20px;
	 font-size:14px;
	 color:#236DEF;
	 text-align:center;
	 margin:24px auto 120px
}