* {
	margin: 0;
	padding: 0;
}

/*
1920/100 = 19.2   1vw = 19.2px
*/
html {
	position: relative;
}

body {
	background: #ffffff;
	font-family: "微软雅黑", sans-serif;
	font-size: 0.73vw;
	color: #000;
}

.contact {
	height: 5vw;
	position: absolute;
	right: 10vw;
	text-decoration: none;
	line-height: 5vw;
	color: #000000;
	font-size: 1vw;
}

.banner {
	width: 100%;
	height: auto;
	padding-top: 4.68vw;
}

@media screen and (max-width: 768px) {
	.banner {
		padding-top: 1rem;
	}

	.ad-chunk ul li {
		width: 100%;
		float: left;
		list-style: none;
		margin-bottom: 20px;
	}

	.ad-chunk-tit {
		width: 90%;
		height: 39.45vw;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.ad-chunk-con {
		width: 100%;
		height: 4vw;
		padding: 5px 0;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 1;
		font-size: 3vw;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ad-chunk-con2 {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 1;
		font-size: 3vw;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ad-chunk-con2 p {
		width: 80%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.col-sm-4 {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 20px;
		overflow: hidden;
	}

	.col-sm-4:hover {
		position: relative;
		top: -1.04vw;
		transition: all .25s linear
	}

	.solution-card {
		height: auto !important;
		background: #fff;
		border-radius: 0.3125vw;
		text-align: left;
		overflow: hidden;
		transition: all .15s linear
	}

	.solution-card img {
		width: 100% !important;
		height: auto !important;
		transition: all .2s linear
	}

	.solution-card>span {
		width: 21.21vw !important;
		height: 5.82vw !important;
		display: block;
		text-align: center;
		line-height: 5.82vw !important;
		border: 1px solid #6cadff;
		font-size: 0.73vw;
		color: #666a75;
		margin: 0.5vw auto;
		opacity: 0;
		transition: opacity .15s linear
	}

	.solution-card h3 {
		font-size: 4vw !important;
	}

	.solution-card p {
		font-size: 3vw !important;
	}

	.items li {
		position: relative;
		width: 100%;
		height: auto;
		margin: 2%;
		float: left;
		overflow: hidden;
	}

	.wx::before,
	.icon-ideaandcreativitysymbolofalightbulb::before,
	.icon-anzhuo::before,
	.icon-xiugai::before,
	.icon-shuju::before {
		width: 8.4vw;
		text-align: center;
		line-height: 24.4vw;
		font-size: 12.125vw;
		color: #2e84be;
	}

	.pr {
		width: 37%;
		height: auto;
		float: left;
		margin: 0 auto;
	}

	.pr-icon {
		width: 100%;
		height: auto;
		background: url(../image/pr1.png) no-repeat;
		background-size: 100% 100%;
		transition: .5s;
		transform: rotate(0deg);
	}

	.gu-chunk {
		width: 80%;
		height: auto;
		margin: 4.27vw auto;
		overflow: hidden;
		/*padding-bottom: 13.54vw;*/
	}

	.gu-left {
		width: 45%;
		height: 100%;
		float: left;
		font-size: 3vw;
		color: #999999;
		text-indent: 2em;
		margin-left: 10%;
		padding-top: 3.125vw;
		line-height: 5vw;
	}


	.gu-right {
		width: 38%;
		height: 140px;
		float: left;
		margin-left: 7%;
		overflow: hidden;
		position: relative;
	}

	.title p:nth-of-type(1) {
		font-size: 5vw;
		/*45px*/
		line-height: 10vw;
		/*78px*/
	}

	.title p:nth-of-type(2) {
		font-size: 3.5vw;
		/*36px*/
		color: #415285;
		line-height: 5vw;
		/*62px*/
	}

	.icon-tit {
		width: 100%;
		text-align: center;
		font-size: 3vw;
		margin-top: 3vw;
	}

	.right {
		margin-right: 8vw;
		margin-bottom: 14px;
	}
}

@media screen and (min-width: 768px) {

	.ul-chunk-l {
		width: 33%;
		height: 100%;
		float: left;
	}

	.ul-chunk-c {
		width: 33%;
		height: 100%;
		float: left;
		margin: 0 0.5%;
	}

	.ul-chunk-r {
		width: 33%;
		height: 100%;
		float: left;
	}

	.ul-chunk-l li {
		height: 49.75%;
	}

	.ul-chunk-c li {
		height: 100%;
	}

	.ul-chunk-r li {
		height: 49.5%;
	}

	.ad-chunk ul li {
		/* float: left; */
		list-style: none;
	}

	.ul-chunk-c {
		height: 100%;
		font-size: 1vw;
	}

	.ad-chunk-con {
		width: 100%;
		height: 1.5vw;
		padding: 5px 0;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 1;
		font-size: 0.8vw;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ad-chunk-con2 {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, .5);
		z-index: 1;
		font-size: 0.8vw;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ad-chunk-con2 p {
		width: 80%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ul-chunk-c .ad-chunk-con p {
		width: 80%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ul-chunk-r li:nth-child(2),
	.ul-chunk-l li:nth-child(2) {
		margin-top: 1%;
	}

	.ad-chunk-tit {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.items li {
		position: relative;
		width: 29.333%;
		height: auto;
		margin: 2%;
		float: left;
		overflow: hidden;
	}

	.wx::before,
	.icon-ideaandcreativitysymbolofalightbulb::before,
	.icon-anzhuo::before,
	.icon-xiugai::before,
	.icon-shuju::before {
		width: 8.4vw;
		text-align: center;
		line-height: 6.4vw;
		font-size: 3.125vw;
		color: #2e84be;
	}

	.pr {
		width: 10%;
		height: 12.7vw;
		float: left;
		margin: 0 auto;
	}

	.pr-icon {
		width: 100%;
		height: 6.4vw;
		background: url(../image/pr1.png) no-repeat;
		background-size: 100% 100%;
		transition: .5s;
		transform: rotate(0deg);
	}

	.gu-chunk {
		width: 80%;
		height: 25.16vw;
		margin: 4.27vw auto;
		/*padding-bottom: 13.54vw;*/
	}

	.gu-left {
		width: 35%;
		height: 100%;
		float: left;
		font-size: 1.35vw;
		color: #999999;
		text-indent: 2em;
		margin-left: 10%;
		padding-top: 3.125vw;
		line-height: 2.08vw;
	}

	.gu-right {
		width: 38%;
		height: 100%;
		float: left;
		margin-left: 7%;
		overflow: hidden;
		position: relative;
	}

	.title p:nth-of-type(1) {
		font-size: 3vw;
		/*45px*/
		line-height: 5vw;
		/*78px*/
	}

	/* font-size: 2.5vw; */
	.title p:nth-of-type(2) {
		font-size: 1.2vw;
		/*36px*/
		color: #415285;
		line-height: 2vw;
		/*62px*/
	}

	.icon-tit {
		width: 100%;
		text-align: center;
		font-size: 1.25vw;
	}

	.right {
		margin-right: 12.5%;
		margin-bottom: 14px;
	}
}

.banner img {
	width: 100%;
	height: 100%;
}

/*优势模块*/
.advantage {
	width: 70%;
	margin: 4.2vw auto 5vw auto;
}

.process {
	width: 80%;
	margin: 4.2vw auto 1vw auto;
}

.title {
	width: 100%;
}

.title p {
	width: 100%;
	text-align: center;
}


.ad-chunk {
	width: 100%;
	height: 24vw;
	margin-top: 2vw;
	/*534px*/
	position: relative;
}

.ad-chunk ul {
	width: 100%;
	height: 100%;
}


.ad-chunk ul li:hover>.ad-chunk-tit>.model {
	top: 0;
}

.ad-chunk ul li:nth-of-type(1),
.ad-chunk ul li:nth-of-type(2) {
	/* border-right: 0.052vw solid #f2f2f2; */

}


.model {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	transition: all .5s;
	color: #fff;
}

.model p {
	padding: 2vw;
	font-size: 1vw;
}

.ad-chunk-tit1 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanlixitong/auth1.jpg) no-repeat;
	background-size: 100% 100%;
}

.ad-chunk-tit2 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanlixitong/auth2.jpg) no-repeat;
	background-size: 100% 100%;
}

.ad-chunk-tit3 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanlixitong/auth3.jpg) no-repeat;
	background-size: 100% 100%;
}



.service-category {
	clear: both;
}

/*案例模块*/
.case figcaption,
:before,
:after {
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: border-box
}

.case {
	width: 100%;
	overflow: hidden;
	padding-bottom: 3vw;
}

.wrap {
	max-width: 66vw;
	min-width: 39vw;
	margin: 3vw auto;
	box-shadow: 0 0 0.3vw #ccc;
}

.items {
	margin: 0 auto;
	overflow: hidden;
	list-style: none;
}


.case img {
	max-width: 100%;
	height: auto;
	position: relative;
	display: block;
}

.effect-jazz {
	background: #484848;
	cursor: pointer;
	overflow: hidden;
}

.effect-jazz figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2em;
}

.code {
	width: 60%;
	height: 60%;
	margin: 15% 20%;
	opacity: 0;
}

.case-name {
	opacity: 0;
	color: #fff;
	font-size: 1vw;
	font-weight: bold;
	text-align: center;

}

figcaption::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

figcaption::after,
.effect-jazz img {
	-webkit-transition: opacity .35s, -webkit-transform .35s;
	transition: opacity .35s, transform .35s
}

.effect-jazz:hover .case-img {
	opacity: .2;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1)
}

.effect-jazz:hover .code,
.effect-jazz:hover .case-name {
	opacity: 1;
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1)
}

.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}

/*服务特色*/
/*.feature {*/
/*width: 100%;*/
/*height: 17.08vw;*/
/*margin-top: 4.16vw;*/
/*position: relative;*/
/*overflow: hidden;*/
/*}*/

/*.fe-bottom {*/
/*width: 100%;*/
/*height: 11.875vw;*/
/*background: #1476b4;*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*opacity: 0;*/
/*}*/

/*.fe-img {*/
/*width: 28.18vw;*/
/*height: 16.8vw;*/
/*background: url(../image/fe1.png) no-repeat;*/
/*background-size: 100% 100%;*/
/*position: absolute;*/
/*bottom: 0;*/
/*!* left: 53.96vw; *!*/
/*left: 100vw;*/
/*}*/

/*.fe-title {*/
/*font-size: 2.8125vw;*/
/*color: #fff;*/
/*position: absolute;*/
/*left: 25.73vw;*/
/*top: 7.656vw;*/
/*}*/

/*.fe-con {*/
/*font-size: 1.5625vw;*/
/*font-family: "微软雅黑";*/
/*position: absolute;*/
/*left: 25.73vw;*/
/*top: 12.34vw;*/
/*color: #fff;*/
/*}*/
.banner2 {
	width: 100%;
	height: 20vw;
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/xiaochengxu/banner2.png) no-repeat;
	background-size: 100% 100%;
}

/*流程模块*/
.pr-chunk {
	width: 80%;
	margin: 5.72vw auto;
	overflow: hidden;
}



.pr-icon:hover {
	transition: .5s;
	transform: rotate(360deg);
	/* border: 1px solid saddlebrown; */
}





.right2 {
	margin-right: 23%;
}



/*优质保障*/


.gu1 {
	width: 26.04vw;
	height: 20.83vw;
	border-radius: 0.156vw;
	position: absolute;
	top: 4.27vw;
	right: 0.052vw;
	z-index: 2;
	opacity: 0;
}

.gu2 {
	width: 31.25vw;
	height: 25vw;
	border-radius: 0.156vw;
	position: absolute;
	top: 0;
	left: 46vw;
	z-index: 1;
}

.no {
	width: 100%;
	display: table-cell;
}

.no1 {
	height: 70%;
	text-align: center;
	vertical-align: middle;
}