html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	outline: none;
}

.mobile {
	display: none;
}

.pc {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: hidden;
}

body {
	font: 14px/1.8 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
	margin: 0 auto;
	color: #333;
	background-color: #fff;
	_background-attachment: fixed;
	_background-image: url(about:blank);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

input,
select {
	vertical-align: middle;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

input {
	outline: none;
}

img {
	border: 0;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
	-webkit-appearance: none;
	border-radius: 0;
}

textarea {
	-webkit-appearance: none;
	border-radius: 0;
}

::-moz-selection {
	background: #f7a300;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #f7a300;
	color: #fff;
	text-shadow: none;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: none;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.fc {
	text-align: center;
}

.fr {
	text-align: right;
}

.l {
	float: left;
	display: inline-block;
}

.r {
	float: right;
	display: inline-block;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.inner {
	width: 1220px;
	margin: 0 auto;
}

.header-box {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 999;
}

.top {
	background: #216fb5;
	color: #fff;
}

.top a {
	color: #fff;
	padding: 0 19px;
}

.header {
	padding: 0;
}

.logo {
	display: block;
	float: left;
}

.header-right {
	float: right;
}

.nav {
	float: left;
}

.nav li {
	float: left;
	height: 55px;
	position: relative;
	margin-top: 25px;
}

.nav li:hover .con {
	display: block;
}

.nav li .con {
	position: absolute;
	top: 100%;
	display: none;
	left: -4px;
	z-index: 10;
	background: #216fb5;
}

.nav li .con dl {
	width: 160px;
}

.nav li .con dl:hover {
	background: #032849;
}

.nav li .con a {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: normal;
	height: 40px;
	line-height: 40px;
}

.nav li>a {
	display: inline-block;
	color: #323232;
	font-size: 16px;
	line-height: normal;
	position: relative;
	padding: 0 19px;
	overflow: hidden;
	height: 29px;
}

.nav li>a:before {
	content: "";
	width: 80%;
	height: 3px;
	background: #216fb5;
	position: absolute;
	left: 10%;
	bottom: 0;
	-moz-transform-origin: 100%;
	-ms-transform-origin: 100%;
	-o-transform-origin: 100%;
	transform-origin: 100%;
	-webkit-transform-origin: 100%;
	-webkit-transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	-o-transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: transform .34s cubic-bezier(.4, 0, .2, 1);
	-o-transition: transform .34s cubic-bezier(.4, 0, .2, 1);
	transition: transform .34s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: transform .34s cubic-bezier(.4, 0, .2, 1), -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	-o-transition: transform .34s cubic-bezier(.4, 0, .2, 1), -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	transition: transform .34s cubic-bezier(.4, 0, .2, 1), -webkit-transform .34s cubic-bezier(.4, 0, .2, 1);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	visibility: hidden\9;
}

.nav li:hover>a:before,
.nav li.current>a:before {
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-moz-transform-origin: 0;
	-ms-transform-origin: 0;
	-o-transform-origin: 0;
	transform-origin: 0;
	-webkit-transform-origin: 0;
	visibility: visible\9;
}

.nav li a span {
	display: block;
	padding-bottom: 13px;
	text-align: center;
	margin-top: 0;
	line-height: 1;
	-moz-transition: .36s;
	-o-transition: .36s;
	-webkit-transition: .36s;
	transition: .36s;
}

.nav li a small {
	display: none;
	text-align: center;
	line-height: 1;
	color: #323232;
	font-size: 16px;
	position: relative;
	opacity: 0;
	visibility: hidden;
	-moz-transition: .36s;
	-o-transition: .36s;
	-webkit-transition: .36s;
	transition: .36s;
}

.nav li:hover a span,
.nav li.current a span {
	margin-top: -29px;
}

.nav li:hover a small,
.nav li.current a small {
	top: 0;
	opacity: 1;
	display: block;
	visibility: visible;
}

.index-banner img {
	width: 100%;
}

.g-box {
	overflow: hidden;
	padding: 30px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	color: #727272;
}

.g-box .g-tit1 {
	margin-bottom: 40px;
	padding-bottom: 20px;
	font-size: 34px;
	color: #333;
	font-weight: normal;
	text-align: center;
}

.g-box .m-info {
	margin: 0 auto;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
}

.g-box .ul-list1 {
	margin: 50px -75px 0;
	border-top: 1px solid #e3e3e3;
}

.g-box .ul-list1 li {
	position: relative;
	padding: 35px 75px;
	width: 50%;
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	text-align: center;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.g-box .ul-list1 li i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 75px;
	height: 75px;
	line-height: 64px;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
}

.g-box .ul-list1 li i.icon1 {
	background: url(../images/icon1.jpg) no-repeat;
}

.g-box .ul-list1 li i.icon2 {
	background: url(../images/icon2.jpg) no-repeat;
}

.g-box .ul-list1 li i.icon3 {
	background: url(../images/icon3.jpg) no-repeat;
}

.g-box .ul-list1 li i.icon4 {
	background: url(../images/icon4.jpg) no-repeat;
}

.g-box .ul-list1 li h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: normal;
}

.g-box .ul-list1 li h3 a {
	color: #272727;
}

.g-box .ul-list1 li p {
	height: 84px;
	line-height: 28px;
}

.g-box .ul-list1 li::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 100%;
	background: url(../images/bg3.png) no-repeat left top;
}

.index-service {
	background: url(../images/index-service.jpg) no-repeat center center;
	color: #fff;
	padding: 30px 0;
}

.index-service .title {
	padding-bottom: 20px;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

.index-service .m-info {
	margin: 0 auto;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.index-service .service-content {
	overflow: hidden;
	padding: 50px 0;
	position: relative;
}

.index-service .service-content li {
	float: left;
	width: 25%;
}

.index-service .service-content li dl {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.index-service .service-content li dl dt {
	width: 100%;
}

.index-service .service-content li dl dt img {
	max-width: 100%;
}

.index-service .service-content li dl h3 {
	padding: 20px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
}

.index-service .service-content li dl p {
	font-size: 13px;
	line-height: 20px;
}

.title {
	padding-bottom: 20px;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	color: #333;
}

.m-info {
	margin: 0 auto;
	line-height: 28px;
	font-size: 13px;
	text-align: center;
	color: #808080;
}

.index-news {
	color: #333;
	padding: 30px 0;
}

.index-news a {
	color: #333;
	padding: 30px 0;
}

.index-news .news-content {
	padding: 40px 0 0;
}

.index-news .news-content li {
	float: left;
	width: 50%;
}

.index-news .news-content li dl {
	width: 95%;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.index-news .news-content li dl dt {
	float: left;
	width: 13%;
}

.index-news .news-content li dl dt img {
	width: 100%;
}

.index-news .news-content li dl dd {
	float: right;
	width: 85%;
}

.index-news .news-content li dl dd p {
	color: #808080;
	line-height: 30px;
}

.index-friend {
	color: #333;
	padding: 30px 0;
}

.index-friend .title {
	padding-bottom: 20px;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
}

.index-friend .friend-content {
	padding: 40px 0;
}

.index-friend .friend-content ul {
	border-bottom: 1px solid #ccc;
}

.index-friend .friend-content li {
	float: left;
	width: 20%;
	text-align: center;
	border-top: 1px solid #ccc;
	background: #fafafa;
}

.index-friend .friend-content li:nth-child(5n) div {
	border-right: 1px solid #ccc;
}

.index-friend .friend-content li:hover div {
	box-shadow: 0 0 6px #d2d1d0;
}

.index-friend .friend-content li div {
	height: 125px;
	position: relative;
	border-left: 1px solid #ccc;
}

.index-friend .friend-content li div img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

footer {
	background: #183e61;
	padding: 20px 0;
	color: #fff;
}

/* footer .inner {
	background: url(../images/code.jpg) no-repeat right center;
} */

footer .footer_nav {
	padding: 30px 0;
}

footer .footer_nav a {
	color: #fff;
	margin-right: 20px;
}

.sidebar-box {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 1000;
}

.sidebar li {
	width: 50px;
	height: 50px;
	background-color: #eaeaea;
	position: relative;
	text-align: right;
	border-bottom: 1px solid #dbdbdb;
	transition: all .5s ease-in-out;
}

.sidebar li+li i {
	transition: all .5s ease-in-out;
}

.sidebar li i {
	width: 50px;
	height: 49px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1100;
	background-color: #eaeaea;
}

.sidebar li a {
	display: block;
	width: 100%;
}

.sidebar li .text {
	width: 220px;
	font-size: 14px;
	color: #181818;
	font-weight: 600;
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	text-align: left;
	z-index: 10;
}

.sidebar li .icon01 {
	background: url('../images/aside-img01.png') no-repeat center #eaeaea;
}

.sidebar li .icon02 {
	background: url('../images/aside-img02.png') no-repeat center #eaeaea;
}

.sidebar li .icon03 {
	background: url('../images/aside-img03.png') no-repeat center #eaeaea;
}

.sidebar li .icon04 {
	background: url('../images/aside-img04.png') no-repeat center #eaeaea;
}

.sidebar li .icon05 {
	background: url('../images/aside-img05.png') no-repeat center #eaeaea;
}

.sidebar:hover li {
	width: 250px;
}

.sidebar:hover li .text {
	left: 30px;
}

.sidebar li:hover {
	background-color: #181818;
}

.sidebar li:hover .text {
	color: #fff;
}

.sidebar li:hover .icon01 {
	background: url('../images/aside-img001.png') no-repeat center #181818;
}

.sidebar li:hover .icon02 {
	background: url('../images/aside-img002.png') no-repeat center #181818;
}

.sidebar li:hover .icon03 {
	background: url('../images/aside-img003.png') no-repeat center #181818;
}

.sidebar li:hover .icon04 {
	background: url('../images/aside-img004.png') no-repeat center #181818;
}

.sidebar li:hover .icon05 {
	background: url('../images/aside-img005.png') no-repeat center #181818;
}

.introductimg {
	margin-top: 100px;
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.introductimg img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
	visibility: visible;
}

.introductimg.article-block {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-webkit-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	-moz-transition: all 1s cubic-bezier(.25, .1, .25, 1);
	opacity: 0;
}

.introductimg.articleShow {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

.common-titles {
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}

.introductimg.article-block .common-titles h3 {
	text-align: center;
	font-weight: 500;
	opacity: 0;
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
}

.introductimg.articleShow .common-titles h3 {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	transform: translateX(0);
	transition: 680ms 160ms;
}

.contact {
	padding: 30px 0;
}

.contact .contact-content {
	width: 903px;
	margin: 0 auto;
	padding: 30px 0;
}

.contact .contact-content input[type=text] {
	width: 284px;
	border: 1px solid #d1d1d1;
	line-height: 40px;
	padding-left: 10px;
}

.contact .contact-content textarea {
	margin: 20px 0;
	width: 888px;
	border: 1px solid #d1d1d1;
	line-height: 30px;
	padding-left: 10px;
	font-size: 14px;
	font-family: "微软雅黑";
}

.contact .contact-content input[type=submit] {
	width: 898px;
	border: 1px solid #3888d2;
	background: #3888d2;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}

.contact .contact-content input[type=submit]:hover {
	border-color: #183e61;
	background: #183e61;
}

.support {
	padding: 30px 0;
}

.support .tools {
	padding: 30px 0;
}

.support .tools li {
	float: left;
	width: calc(20% - 2px);
	height: 132px;
	position: relative;
	background-color: transparent;
	border: 1px solid #c8c8c8;
}

.support .tools li:nth-child(5),
.support .tools li:nth-child(10) {
	margin-right: 0;
}

.support .tools li dl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.support .tools li dl dt {
	float: left;
}

.support .tools li dl dd {
	margin-left: 60px;
}

.support .tools li dl dd p {
	font-size: 16px;
	color: #666;
	white-space: nowrap;
}

.support .tools li dl dd span {
	font-size: 13px;
	text-transform: capitalize;
	color: #b0b0b0;
	white-space: nowrap;
}

.support .tools li:hover {
	background-color: #0f82d9;
}

.support .tools li:hover dd p {
	color: #fff;
}

.support .tools li:hover dd span {
	color: #b6d0f0;
}

.support .tools li:nth-child(1) dt {
	width: 49px;
	height: 41px;
	background: url("../images/service-support-icon01.png") no-repeat;
}

.support .tools li:nth-child(1):hover dt {
	background: url("../images/service-support-icon001.png") no-repeat;
}

.support .tools li:nth-child(2) dt {
	width: 49px;
	height: 49px;
	background: url("../images/service-support-icon02.png") no-repeat;
}

.support .tools li:nth-child(2):hover dt {
	background: url("../images/service-support-icon002.png") no-repeat;
}

.support .tools li:nth-child(3) dt {
	width: 48px;
	height: 49px;
	background: url("../images/service-support-icon03.png") no-repeat;
}

.support .tools li:nth-child(3):hover dt {
	background: url("../images/service-support-icon003.png") no-repeat;
}

.support .tools li:nth-child(4) dt {
	width: 52px;
	height: 52px;
	background: url("../images/service-support-icon04.png") no-repeat;
}

.support .tools li:nth-child(4):hover dt {
	background: url("../images/service-support-icon004.png") no-repeat;
}

.support .tools li:nth-child(5) dt {
	width: 38px;
	height: 45px;
	background: url("../images/service-support-icon05.png") no-repeat;
}

.support .tools li:nth-child(5):hover dt {
	background: url("../images/service-support-icon005.png") no-repeat;
}

.support .tools li:nth-child(6) dt {
	width: 42px;
	height: 46px;
	background: url("../images/service-support-icon06.png") no-repeat;
}

.support .tools li:nth-child(6):hover dt {
	background: url("../images/service-support-icon006.png") no-repeat;
}

.support .tools li:nth-child(7) dt {
	width: 34px;
	height: 45px;
	background: url("../images/service-support-icon07.png") no-repeat;
}

.support .tools li:nth-child(7):hover dt {
	background: url("../images/service-support-icon007.png") no-repeat;
}

.support .tools li:nth-child(8) dt {
	width: 40px;
	height: 46px;
	background: url("../images/service-support-icon08.png") no-repeat;
}

.support .tools li:nth-child(8):hover dt {
	background: url("../images/service-support-icon008.png") no-repeat;
}

.support .tools li:nth-child(9) dt {
	width: 45px;
	height: 41px;
	background: url("../images/service-support-icon09.png") no-repeat;
}

.support .tools li:nth-child(9):hover dt {
	background: url("../images/service-support-icon009.png") no-repeat;
}

.support .tools li:nth-child(10) dt {
	width: 64px;
	height: 37px;
	background: url("../images/service-support-icon10.png") no-repeat;
}

.support .tools li:nth-child(10):hover dt {
	background: url("../images/service-support-icon0010.png") no-repeat;
}

.support .tools li:nth-child(10) dl dd {
	margin-left: 70px;
}

.support .familiar-question {
	padding-top: 40px;
	width: 100%;
	margin: 0 auto;
}

.support .familiar-question li {
	width: 33%;
	height: 324px;
	border: 1px solid #dcdcdc;
	margin-bottom: 1px;
	margin-right: 1px;
	float: left;
}

.support .familiar-question li:nth-child(3),
.support .familiar-question li:nth-child(6) {
	margin-right: 0;
}

.support .familiar-question li:hover {
	background: url("../images/service-support-img01.jpg") no-repeat;
	background-size: cover;
	border: 1px solid transparent;
}

.support .familiar-question li .text-box {
	padding: 70px 20px 0 20px;
}

.support .familiar-question li .text-box .fir-line p {
	font-size: 16px;
	color: #666;
	margin-bottom: 30px;
	font-weight: 600;
	width: 320px;
}

.support .familiar-question li .text-box .fir-line span {
	float: left;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin-right: 10px;
	background: url("../images/service-support-icon11.png") no-repeat;
}

.support .familiar-question li .text-box .secon-line p {
	font-size: 14px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	line-height: 28px;
	width: 310px;
}

.support .familiar-question li .text-box .secon-line span {
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background: url("../images/service-support-icon12.png") no-repeat;
}

.about {
	padding: 30px 0;
}

.about .about-content {
	padding: 30px 0;
}

.about .about-content li {
	float: left;
	display: block;
	width: 47%;
	margin: 0 3% 3% 0;
	cursor: default;
}

.about .about-content li:nth-child(2n) {
	margin: 0 0 3% 3%;
}

.about .about-content li .itemBox {
	border: 1px solid #e5e5e5;
}

.about .about-content .itemBox .img {
	float: left;
	display: block;
	width: 240px;
	overflow: hidden;
}

.about .about-content .itemBox .img img {
	width: 100%;
	display: block;
	transition: 500ms;
}

.about .about-content .itemBox .con {
	width: calc(100% - 240px);
	text-align: center;
	float: right;
	display: block;
	font-size: 14px;
}

.about .about-content .itemBox .con .t {
	padding: 20px 0;
	font-size: 24px;
}

.about .about-content li:hover .itemBox {
	background-color: #9abce5;
	color: #fff;
}

.about .about-content li:hover .itemBox .img img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

li:hover dt {
	overflow: hidden;
}

section:not(.service-process):not(.index-service):not(.index-friend):not(.service-ys) dt {
	overflow: hidden;
}

section:not(.service-process):not(.index-service):not(.index-friend):not(.service-ys) li img:not(.icon) {
	display: block;
	transition: 500ms;
}

section:not(.service-process):not(.index-service):not(.index-friend):not(.service-ys) li:hover img:not(.icon) {
	cursor: pointer;
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.about-qywh {
	padding: 80px 0;
	background: url(../images/about-bg.jpg) no-repeat center center;
}

.about-qywh .about-content {
	padding: 30px 50px;
	width: 50%;
	color: #fff;
	background: rgba(33, 111, 181, .8);
}

.about-qywh .about-content h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 60px;
}

.service .inner {
	padding: 30px 0;
}

.service .title {
	margin-top: 40px;
}

.service .m-info {
	margin-bottom: 40px;
}

.service li {
	float: left;
	text-align: center;
	position: relative;
}

.service li h2 {
	font-size: 16px;
}

.service li p {
	color: #737373;
}

.service li h3 {
	position: absolute;
	left: 0;
	right: 0;
	font-size: 18px;
	font-weight: 500;
	bottom: 10%;
	color: #fff;
	text-align: center;
}

.service .li-5 {
	padding: 30px 0;
}

.service .li-5 li {
	width: calc(20% - 10px);
	margin-right: 10px;
}

.service .li-5 dd {
	padding: 5% 0;
}

.service .li-3 {
	padding: 30px 0;
}

.service .li-3 li {
	width: calc(33.3% - 10px);
	margin-right: 10px;
}

.service .li-3 li dd {
	padding: 5% 0;
}

.service .li-2 {
	padding: 30px 0;
}

.service .li-2 li {
	width: calc(50% - 10px);
	margin-right: 10px;
}

.service .li-2 li dd {
	padding: 5% 0;
}

.service .li-8 {
	background: #fff;
	border: solid 1px #ccc;
}

.service .li-8 li {
	width: calc(25% - 2px);
	border: solid 1px #ccc;
	padding-bottom: 40px;
}

.service .li-8 li dt {
	height: 120px;
	padding-top: 40px;
}

.service .li-8 li dl dt img {
	opacity: .5;
	filter: grayscale(100%);
}

.service .li-8 li:hover dl dt img {
	opacity: 1;
	filter: grayscale(0);
}

.service .li-4 li {
	width: calc(25% - 1px);
	border-right: solid 1px #ccc;
	padding-bottom: 40px;
	cursor: pointer;
}

.service .li-4 li:last-child {
	border-right: none;
}

.service .li-4 li dt {
	height: 120px;
	padding-top: 40px;
}

.service .li-4 li p {
	padding: 0 20px;
}

.service .li-4 li dl dt img {
	transform: scale(1);
}

.service-process {
	padding: 50px 0 0;
}

.service-process .icon_show {
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
	width: 100%;
}

.service-process .icon_show li {
	float: left;
	width: 170px;
	margin-top: 20px;
}

.service-process .icon_show li:nth-child(5) .s,
.service-process .icon_show li:nth-child(6) .s {
	height: 70px;
}

.service-process .icon_show li .s {
	padding: 0 5%;
	height: 150px;
}

.jck .icon_show li {
	width: 130px;
}

.service-process.jck .icon_show li .s {
	padding: 0 5%;
	height: 70px;
}

.service-process .icon_show li+li {
	margin-left: 40px;
}

.service-process .icon_show li dl {
	position: relative;
	text-align: center;
}

.service-process .icon_show li dl dd:nth-child(2) {
	margin: 20px 0 5px;
}

.service-process .icon_show li dl dd span {
	font-weight: 900;
	font-size: 13px;
	color: #333;
}

.service-process .icon_show li dl dd h1 {
	margin-bottom: 8px;
	color: #333;
	font-size: 16px;
}

.service-process .icon_show li dl dd p {
	color: #7e7e7e;
	font-size: 13px;
	line-height: 20px;
}

.service-process .icon_show li dl dd.air-service-icon_arrow {
	position: absolute;
	top: 0;
	right: -59px;
	width: 77px;
	height: 132px;
	background: url("../images/s.jpg") no-repeat;
}

.jck .icon_show li dl dd.air-service-icon_arrow {
	right: -45px;
	width: 49px;
	background: url("../images/ss.jpg") no-repeat;
}

.service-process .icon_show li dl dt img {
	opacity: .5;
	filter: grayscale(100%);
}

.service-process .icon_show li:hover dl dt img {
	opacity: 1;
	filter: grayscale(0);
}

.contrast {
	padding-bottom: 70px;
	background-color: #f4f5f9;
}

.contrast .title {
	padding-top: 40px;
}

.contrast .m-info {
	padding-bottom: 40px;
}

.contrast table {
	margin: 0 auto;
	width: 100%;
	border: 1px solid #d0dce7;
	border-collapse: collapse;
}

.contrast thead td {
	height: 54px;
	border: 1px solid #d0dce7;
	background-color: #e2effb;
	color: #015aaa;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.contrast table td:nth-child(1) {
	width: 236px;
}

.contrast table td:nth-child(2),
.contrast table td:nth-child(3) {
	width: 492px;
}

.contrast table tr td:first-child {
	color: #999;
	text-align: center;
	font-weight: bold;
}

.contrast tbody {
	background-color: #fff;
}

.contrast tbody td {
	height: 90px;
	border: 1px solid #d0dce7;
}

.contrast tbody tr td:nth-child(2) {
	background-color: #f9fbfe;
}

.contrast tbody tr td p {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 25px;
	width: 400px;
}

.contrast tbody tr td:nth-child(2) p span {
	position: absolute;
	top: 8px;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #93b9db;
}

.contrast table tbody td {
	font-size: 14px;
}

.latestRelease {
	padding: 40px 0;
}

.latestRelease .lf {
	float: left;
	overflow: hidden;
}

.latestRelease .rt {
	float: right;
}

.latestRelease-box {
	margin: 0 auto;
	width: 100%;
}

.latestRelease-box .list>h1 {
	width: 830px;
	height: 50px;
	border-bottom: 1px solid #dee1e1;
	color: #444;
	font-weight: 900;
	font-size: 20px;
	line-height: 50px;
}

.latestRelease-box .list>h1 span {
	color: #959595;
	font-weight: 400;
	font-size: 17px;
}

.latestRelease-box .list ul.text-list-box li {
	padding: 20px 0;
	border-bottom: 1px dashed #dcdcdc;
}

.latestRelease-box .list li:last-child {
	margin-bottom: 40px;
	border-bottom: 0;
}

.latestRelease-box .list li div.text {
	width: 606px;
	height: 125px;
	color: #777;
	font-size: 13px;
}

.latestRelease-box .list li div.text h2 {
	color: #333;
	font-weight: 900;
	font-size: 16px;
}

.latestRelease-box .list li div.text div span {
	margin-right: 20px;
}

.latestRelease-box .read i {
	display: inline-block;
	width: 15px;
	height: 10px;
	background: url("../images/build-icon-01.png") no-repeat;
}

.latestRelease-box .zan i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../images/build-icon-02.png") no-repeat;
}

.latestRelease-box .discuss i {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("../images/build-icon-03.png") no-repeat;
}

.latestRelease-box .list li div.text p {
	display: -webkit-box;
	margin-bottom: 20px;
	color: #999;
	text-overflow: ellipsis;
	line-height: 20px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.latestRelease-box .list li div.text p.date {
	padding-top: 0;
}

.rt-content {
	width: 330px;
}

.rt-content .title {
	position: relative;
	text-align: left;
	margin-bottom: 20px;
	padding-left: 22px;
	height: 50px;
	background-color: #f8f8f8;
	color: #444;
	font-size: 18px;
	line-height: 50px;
	padding-bottom: 0;
}

.rt-content .title i {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 50px;
	background-color: #94b9da;
}

.rt-content .tab {
	margin-bottom: 40px;
}

.rt-content .tab li {
	float: left;
	margin-bottom: 10px;
}

.rt-content .tab li+li {
	margin-left: 6px;
}

.rt-content .tab li:nth-child(5),
.latestRelease-box .rt-content .tab li:nth-child(9) {
	margin-left: 0;
}

.rt-content .tab li a {
	display: block;
	border: 1px solid #d8d8d8;
	color: #a2a2a2;
	text-align: center;
	font-size: 14px;
	padding: 5px;
}

.rt-content .tab li a:hover {
	display: block;
	border: 1px solid #216fb5;
	background: #216fb5;
	color: #fff;
	text-align: center;
	font-size: 14px;
	padding: 5px;
}

.rt-content .article .text-box {
	margin-top: 0;
	width: 205px;
	color: #666;
	font-size: 16px;
	line-height: 1.5;
}

.rt-content .article .text-box h5 {
	font-size: .83em;
}

.rt-content .article .text-box div {
	margin-top: 13px;
	color: #a9a9a9;
	font-size: 14px;
}

.rt-content .article .text-box div .date {
	font-size: 10px;
	float: right;
}

.rt-content .article li {
	padding: 13px 0;
	border-bottom: 1px dashed #d0d0d0;
}

.rt-content .article li:first-child {
	padding-top: 0;
}

.rt-content .article li:last-child {
	border-bottom: 0;
}

.number {
	margin: 40px auto 0;
}

.number li {
	float: left;
	margin-right: 5px;
}

.number li:first-child a,
.number li:last-child a {
	background-color: transparent;
}

.number li:last-child {
	margin-right: 0;
	margin-left: 20px;
}

.number li a {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: transparent;
	color: #999;
	text-align: center;
	font-size: 18px;
	line-height: 45px;
}

.number li:not(:first-child):hover a,
.number li:not(:last-child):hover a,
.thisclass a {
	background-color: #216fb5 !important;
	color: #fff !important;
}

.article-details {
	margin: 50px auto;
}

.f-l {
	float: left;
}

.article-details .article {
	width: 840px;
}

.article-details .article .article-header {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #e3e3e3;
}

.article-details .article .article-header .more {
	width: 840px;
}

.article-details .article .article-header h1 {
	margin-bottom: 20px;
	color: #333;
	font-weight: normal;
	font-size: 27px;
}

.article-details .article .article-content {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #e3e3e3;
	color: #777;
	font-size: 15px;
	line-height: 28px;
}

.article-details .aside {
	width: 305px;
}

.f-r {
	float: right;
}

.gz_img {
	margin-bottom: 20px;
	line-height: 0;
}

.article-details .aside .aside-title {
	margin-bottom: 5px;
	padding: 17px;
	border-left: 2px solid #2c76b9;
	background: #f7f7f7;
	color: #666;
	font-weight: normal;
	font-size: 16px;
}

.article-details .aside .hot-article2 .item {
	padding-bottom: 15px;
	border-bottom: 1px dotted #d0d0d0;
}

.article-details .aside .hot-article2 .item p {
	margin-top: 10px;
}

.article-details .article .articles-link {
	width: 840px;
}

.article-details .article .articles-link .link a {
	display: block;
	outline: none;
	color: #777;
	text-decoration: none;
	font-size: 15px;
	line-height: 34px;
}

.article-details .article .articles-link .link a:last-child {
	margin-top: 8px;
}

.article-details .article .articles-link .link a {
	display: block;
	height: 34px;
	outline: none;
	color: #777;
	text-decoration: none;
	font-size: 15px;
	line-height: 34px;
}

.article-details .article .articles-link .link a .f-l {
	display: block;
	margin-right: 10px;
	width: 83px;
	height: 34px;
	border: 1px solid #c1c1c1;
	text-align: center;
	line-height: 32px;
}

.article-details .article .articles-link .link a:hover .f-l {
	border: 1px solid #216fb5;
	background: #216fb5;
	color: #fff;
}

.article-details .article .articles-link .link a .f-r {
	float: left;
}

.article-details .article .articles-link .return {
	float: right;
	display: block;
	margin-top: 44px;
	width: 110px;
	height: 34px;
	border: 1px solid #c1c1c1;
	color: #777;
	text-align: center;
	line-height: 32px;
}

.article-details .article .articles-link .return:hover {
	border: 1px solid #216fb5;
	background: #216fb5;
	color: #fff;
}

.article-details .aside .hot-article2 .item h3 a {
	display: block;
	overflow: hidden;
	color: #44444e;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 16px;
}

span.read-count {
	float: left;
	padding-left: 22px;
}

span.read-count,
span.date {
	color: #a7a7a7;
	font-weight: 200;
}

span.date {
	float: right;
	font-size: 10px;
}

.more-information {
	margin: 0;
	height: 20px;
}

.img-box {
	text-align: center;
}

.service-ys {
	background: url(../images/sb.jpg) no-repeat center center;
}

.service-ys .fl {
	width: 60%;
	float: left;
}

.service-ys .fr {
	width: 40%;
	float: right;
	position: relative;
	background: #216fb5;
	text-align: center;
	color: #fff;
}

.service-ys .fr img:first-child {
	width: 100%;
	opacity: 0;
	display: block;
}

.service-ys .fr h2 {
	font-size: 30px;
	line-height: 1.4;
}

.service-ys .fr div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
}

.service-ys li {
	width: 33.3333333333%;
	float: left;
	text-align: center;
	position: relative;
}

.service-ys li h2 {
	font-size: 16px;
	line-height: 1.6;
}

.service-ys li p {
	color: #737373;
}

.service-ys li:nth-child(2n) {
	background: rgba(33, 111, 181, .6);
}

.service-ys li:nth-child(2n+1) {
	background: rgba(255, 255, 255, .6);
}

.service-ys li img:first-child {
	width: 100%;
	opacity: 0;
	display: block;
}

.service-ys li img:nth-child(2),
.service-ys li div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.service-ys li div {
	width: 80%;
}

.trace-list{
	
}
.trace-list ul{
	overflow: hidden;
	margin-bottom: 50px;
}
.trace-list ul li{
	
float: left;
	
width: 269px;
	
margin-right: 48px;
}
.trace-list ul li .img{
	width: 269px;
	height: 269px;
	overflow: hidden;
}
.trace-list ul li:last-child{
	margin-right: 0;
}
.trace-list li img{
	
width: 100%;
}
.trace-list p{
	font-size: 18px;
	line-height: 45px;
	text-align: center;
	background: #3766b7;
	color: #fff;
}
#left a {
    color: #216fb5;
}