html, body {
	background-color: #FFFFFF;
}

.swiper-slide img {
	display: block;
	width: 100%;
}

/**
 * product Start
 */
.product {
	width: 100%;
	background: url(../img/index/cplb-bg.jpg) no-repeat center;
	padding-bottom: 48px;
}

.product .area {
	padding-top: 1px;
}

.product .title {
	margin-top: 60px;
	position: relative;
}

.product .title .name {
	position: relative;
	font-size: 36px;
	color: #fe0000;
	display: table;
	margin: 0 auto;
	background-color: #f3f3f9;
	font-weight: bold;
	z-index: 1;
	padding: 0 16px;
}

.product .title .name div {
	position: absolute;
	font-family: impact;
	font-size: 50px;
	color: #e1e9fb;
	white-space: nowrap;
	text-transform: uppercase;
	top: 4px;
	left: 50%;
	transform: translate(-50%,-50%);
}

.product .title .name em {
	position: relative;
	z-index: 1;
}

.product .title .name span {
	color: #2343B2;
}

.product .title div:nth-child(2) {
	font-size: 16px;
	color: #999999;
	text-align: center;
}

.product .title .line {
	position: absolute;
	width: 518px;
	height: 4px;
	background-color: #2343B2;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.product .title .line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.product .title .line::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.product .kind {
	margin-top: 14px;
}

.product .kind ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 76px;
}

.product .kind ul a {
	display: block;
	height: 28px;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0 4px;
	margin-top: 14px;
	line-height: 28px;
	border-radius: 35px;
	padding: 6px 24px;
	border: 1px solid #d2d2d2;
}

.product .kind ul a:hover {
	background-color: #2343B2;
	color: #FFFFFF;
}

.product .kind ul a h3 {
	font-size: 16px;
	text-align: center;
}

.product .list {
	width: 1280px;
	height: 1033px;
	/*height: 1099px;*/
	margin-top: 34px;
	overflow: hidden;
}

.product .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 9px;
}

.product .list a {
	display: block;
	width: 302px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #dedede;
	margin-bottom: 16px;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	color: #666666;
}

.product .list a:hover {
    box-shadow: 0 0 10px #8c8c8c;
}

.product .list a .img-area {
	width: 94%;
	margin: 0 auto;
	margin-top: 9px;
	border: 1px solid #d2d2d2;
	overflow: hidden;
}

.product .list a .img-area img {
	display: block;
	width: 100%;
	transition: all 0.6s ease-in-out;
}

.product .list a:hover img {
    transform: scale(1.05);
}

.product .list a .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	height: 40px;
}

.product .list a .info h3 {
	font-size: 14px;
}
/**
 * product End
 */

/**
 * intro Start
 */
.intro {
	position: relative;
	width: 100%;
	height: 638px;
	background: url(../img/index/intro-bg.jpg) no-repeat center;
}

.intro .area {
	padding-top: 1px;
}

.intro .data {
	width: 1280px;
	height: 178px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #666666;
	margin-top: 32px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.intro .data dl {
	position: relative;
	flex: 1;
	text-align: center;
}

.intro .data dl:not(:last-child)::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(currentcolor), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), currentcolor, rgba(0, 0, 0, 0));
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.intro .data dl dt {
	color: #2343B2;
	display: flex;
	justify-content: center;
	align-items: center;
}

.intro .data dl dt span {
	font-size: 60px;
	font-family: impact;
}

.intro .data dl dt em {
	font-size: 24px;
	font-family: "SimHei";
	font-weight: bold;
	margin-left: 4px;
}

.intro .data dl dt .special {
	font-size: 36px;
}

.intro .data dl dt sup {
	font-size: 18px;
}

.intro .data dl dd {
	color: #666666;
	font-size: 16px;
}

.intro .info {
	padding-top: 60px;
	float: left;
}

.intro .info .title div:nth-child(1) {
	font-size: 28px;
	color: #2343B2;
	font-weight: bold;
}

.intro .info .title div:nth-child(1) span {
	color: #fe0000;
}

.intro .info .title div:nth-child(2) {
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}

.intro .info .cont {
	width: 625px;
	text-indent: 2em;
	font-size: 16px;
	margin-top: 15px;
}

.intro .info .cont p {
	line-height: 25px;
	height: 150px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.intro .info .more {
	display: block;
	width: 126px;
	height: 40px;
	background-color: #2343B2;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	margin-top: 30px;
	margin-left: 500px;
}

.intro .info .more:hover {
	background-color: #133f95;
}

.intro .video {
	width: 600px;
	height: 339px;
	background-color: #000000;
	border: 12px solid #2343B2;
	float: right;
	margin-top: 30px;
}
/**
 * intro End
 */

/**
 * mien Start
 */
.mien {
	width: 100%;
	height: 234px;
	background-color: #2343B2;
}

.mien .area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	height: 100%;
}

.mien .img-area {
	width: 182px;
	height: 182px;
	border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px #000000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mien .img-area:hover .box {
	animation-name: rotateIn;
	-webkit-animation-name: rotateIn;
}

.mien .img-area .box {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background-color: #2343B2;
	overflow: hidden;
}

.mien .img-area .box img {
	display: block;
	width: 100%;
	transition: all 0.6s ease-in-out;
}

.mien .img-area .box:hover img {
    transform: scale(1.05);
}
/**
 * mien End
 */

/**
 * 广告位1 Start
 */
/* .ad1 {
	text-align: center;
	padding: 30px 0;
} */

.ad1 {
	width: 100%;
	height: 201px;
	background: url(../img/index/ad-1.jpg) no-repeat center;
	color: #FFFFFF;
	text-align: center;
}

.ad1 .area div:nth-child(1) {
	font-size: 46px;
	padding-top: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ad1 .area div:nth-child(1) img {
	display: block;
	width: 148px;
	margin-top: 4px;
}

.ad1 .area div:nth-child(1) span {
	display: block;
	margin-left: 8px;
}

.ad1 div:nth-child(2) {
	color: #b4b9c7;
	font-size: 18px;
}

.ad1 div:nth-child(3) {
	font-size: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 18px;
}

.ad1 div:nth-child(3) span {
	margin-left: 5px;
	font-family: impact;
}

/* .ad2 {
	width: 100%;
	height: 166px;
	background: url(../img/index/ad2-bg.jpg) no-repeat center;
	color: #FFFFFF;
	text-align: center;
	padding-top: 35px;
}

.ad2 .area div:nth-child(1) {
	font-size: 42px;
}

.ad2 .area div:nth-child(1) span {
	color: #fe0000;
}

.ad2 .area div:nth-child(2) {
	color: #b4b9c7;
	font-size: 18px;
}

.ad2 div:nth-child(3) {
	font-size: 32px;
	font-family: impact;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 18px;
}

.ad2 div:nth-child(3) span {
	margin-left: 5px;
} */
/**
 * 广告位1 End
 */

/**
 * 公司优势 Start
 */
.trait {
	width: 100%;
	height: 1206px;
	background: url(../img/index/gsys-bg.jpg) no-repeat center;
}

.trait .title {
	text-align: center;
	padding-top: 70px;
	color: #666666;
	font-size: 20px;
}

.trait .title div {
	margin-top: 12px;
}

.trait .cont {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 42px;
}

.trait .cont .info {
	display: flex;
	flex-shrink: 0;
	justify-content: space-between;
	margin-top: 25px;
}

.trait .cont1 .info {
	margin-top: 46px;
}

.trait .cont3 .info {
	margin-top: 18px;
}

.trait .cont .info .num {
	width: 70px;
	height: 69px;
	background: url(../img/index/num-bg.png) no-repeat;
	font-family: "SimHei";
	font-size: 54px;
	color: #FFFFFF;
	text-align: center;
	line-height: 69px;
	flex-shrink: 0;
}

.trait .cont .info .info-right {
	margin-left: 12px;
}

.trait .cont .info .name {
	font-size: 26px;
	color: #2343B2;
	position: relative;
	margin-bottom: 26px;
}

.trait .cont .info .name span {
	font-size: 14px;
	color: #999999;
	margin-left: 3px;
}

.trait .cont .info .name::after {
	content: '';
	position: absolute;
	width: 485px;
	height: 2px;
	border: 1px dashed #dadada;
	bottom: -4px;
	left: 0;
}

.trait .cont .info .text {
	position: relative;
	width: 486px;
	margin-top: 18px;
}

.trait .cont .info .text p {
	text-indent: 2em;
	font-size: 16px;
	line-height: 28px;
}

.trait .cont .info .text::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-color: #147fc5;
	top: 8px;
	left: 3px;
	transform: rotate(90deg);
	-webkit-transform: rotate(40deg);
}

.trait .cont .pt {
	display: block;
	margin-top: 0;
}

.trait .cont1 .pt {
	margin-right: 78px;
}

.trait .cont2 .pt {
	margin-top: -16px;
	margin-left: 110px;
}

.trait .cont3 .pt {
	margin-right: 88px;
}

.trait .cont4 .pt {
	margin-left: 158px;
}
/**
 * 公司优势 End
 */

/**
 * 广告位2 Start
 */
.ad2 {
	width: 100%;
	height: 166px;
	background: url(../img/index/ad2-bg.jpg) no-repeat center;
	color: #FFFFFF;
	text-align: center;
	padding-top: 35px;
}

.ad2 .area div:nth-child(1) {
	font-size: 42px;
}

.ad2 .area div:nth-child(1) span {
	color: #fe0000;
}

.ad2 .area div:nth-child(2) {
	color: #b4b9c7;
	font-size: 18px;
}

.ad2 div:nth-child(3) {
	font-size: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 18px;
}

.ad2 div:nth-child(3) span {
	margin-left: 5px;
	font-family: impact;
}
/**
 * 广告位1 End
 */

/**
 * 案例 Start
 */
.case {
	background-color: #f6f6f6;
	padding-top: 1px;
	/*padding-bottom: 30px;*/
	padding-bottom: 60px;
}

.case .title {
	margin-top: 60px;
	position: relative;
}

.case .title .name {
	position: relative;
	font-size: 36px;
	color: #fe0000;
	display: table;
	margin: 0 auto;
	background-color: #f6f6f6;
	font-weight: bold;
	z-index: 1;
	padding: 0 16px;
}

.case .title .name div {
	position: absolute;
	font-family: impact;
	font-size: 50px;
	color: #e8effd;
	white-space: nowrap;
	text-transform: uppercase;
	top: 4px;
	left: 50%;
	transform: translate(-50%,-50%);
}

.case .title .name em {
	position: relative;
	z-index: 1;
}

.case .title .name span {
	color: #2343B2;
}

.case .title div:nth-child(2) {
	font-size: 16px;
	color: #999999;
	text-align: center;
}

.case .title .line {
	position: absolute;
	width: 518px;
	height: 4px;
	background-color: #2343B2;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.case .title .line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.case .title .line::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.case .cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

.case .cont .list {
	width: 1200px;
	overflow: hidden;
	/*display: flex;
	justify-content: start;
	align-items: center;*/
}

.case .cont .list ul {
	/*display: inline-flex;*/
	display: table-cell;
}

.case .cont .list ul li {
	/*float: left;*/
	display: table-cell;
}

.case .cont .list a {
	display: block;
	margin-right: 10px;
	color: #666666;
	
}

.case .cont .list a h3 {
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.case .cont .btn {
	width: 46px;
	height: 96px;
	background: url(../img/index/jt.jpg) no-repeat center;
}

.case .cont .left-btn {
	margin-right: 20px;
}

.case .cont .right-btn {
	-webkit-transform:rotate(180deg);
	margin-left: 20px;
}

.case .more {
	display: table;
	font-size: 16px;
	line-height: 40px;
	border: 1px solid #d2d2d2;
	margin: 0 auto;
	margin-top: 40px;
	color: #666666;
	padding: 0 32px;
	letter-spacing: 2px;
	background-color: #FFFFFF;
}

.case .more:hover {
	background-color: #2343B2;
	color: #FFFFFF;
}
/**
 * 案例 End
 */

/**
 * news Start
 */
.news {
	background-color: #FFFFFF;
}

.news .area {
	padding-top: 1px;
}

.news .title {
	margin-top: 60px;
	position: relative;
}

.news .title .name {
	position: relative;
	font-size: 36px;
	color: #fe0000;
	display: table;
	margin: 0 auto;
	background-color: #FFFFFF;
	font-weight: bold;
	z-index: 1;
	padding: 0 16px;
}

.news .title .name div {
	position: absolute;
	font-family: impact;
	font-size: 50px;
	color: #eef2fb;
	white-space: nowrap;
	text-transform: uppercase;
	top: 4px;
	left: 50%;
	transform: translate(-50%,-50%);
}

.news .title .name em {
	position: relative;
	z-index: 1;
}

.news .title .name span {
	color: #2343B2;
}

.news .title div:nth-child(2) {
	font-size: 16px;
	color: #999999;
	text-align: center;
}

.news .title .line {
	position: absolute;
	width: 518px;
	height: 4px;
	background-color: #2343B2;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.news .title .line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.news .title .line::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.news .cont {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
	margin-bottom: 30px;
}

.news .cont .item .top {
	width: 412px;
	height: 180px;
	position: relative;
}

.news .cont .item .top1 {
	background: url(../img/index/gsdt.jpg) no-repeat;
}

.news .cont .item .top2 {
	background: url(../img/index/zbgg.jpg) no-repeat;
}

.news .cont .item .top3 {
	background: url(../img/index/hyxw.jpg) no-repeat;
}

.news .cont .item .top .name {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #2343B2;
	font-size: 24px;
	color: #FFFFFF;
	padding: 6px 24px;
}

.news .cont .list ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed #999999;
	position: relative;
}

.news .cont .list ul li a::before {
	content: '';
	position: absolute;
	width: 4px;
	height: 18px;
	background-color: #2343B2;
}

.news .cont .list ul li h3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 277px;
	height: 48px;
	padding-left: 10px;
	padding-right: 30px;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	line-height: 48px;
}

.news .cont .list ul li p {
    color: #f0f8ff00;
    position: absolute;
    height: 40px;
    overflow: hidden;
    width: 0;
}

.news .cont .list ul li span {
	font-size: 16px;
	color: #999999;
}

.news .cont .list .more {
	float: right;
	color: #999999;
	font-size: 18px;
	border: 1px solid #d2d2d2;
	padding: 4px 10px;
	background-color: #FFFFFF;
	margin-top: 10px;
}

.news .cont .list .more:hover {
	background-color: #2343B2;
	color: #FFFFFF;
}
/**
 * news End
 */

/**
 * 产品功能分解 Start
 */
.gnfj {
	background-color: #FFFFFF;
}

.gnfj .area {
	padding-top: 1px;
	height: 652px;
}

.gnfj .title {
	margin-top: 60px;
	position: relative;
	z-index: 1;
}

.gnfj .title .name {
	position: relative;
	font-size: 36px;
	color: #fe0000;
	display: table;
	margin: 0 auto;
	background-color: #FFFFFF;
	font-weight: bold;
	z-index: 1;
	padding: 0 16px;
}

.gnfj .title .name div {
	position: absolute;
	font-family: impact;
	font-size: 50px;
	color: #eef2fb;
	white-space: nowrap;
	text-transform: uppercase;
	top: 4px;
	left: 50%;
	transform: translate(-50%,-50%);
}

.gnfj .title .name em {
	position: relative;
	z-index: 1;
}

.gnfj .title .name span {
	color: #2343B2;
}

.gnfj .title div:nth-child(2) {
	font-size: 16px;
	color: #999999;
	text-align: center;
}

.gnfj .title .line {
	position: absolute;
	width: 652px;
	height: 4px;
	background-color: #2343B2;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.gnfj .title .line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.gnfj .title .line::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -8px;
	border-width: 4px 8px;
	border-style: solid;
	border-color: transparent transparent #2343B2 transparent;
}

.gnfj .cont {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	top: -129px;
	/* margin-top: 30px;
	margin-bottom: 30px; */
}

/**
 * 产品功能分解 End
 */