/*header start*/
body{
	min-width: 1200px;	
}

.zdk-main {
	width: 1200px;
	margin: auto;
}

.zdk-header {
	height: 64px;
	width: 100%;
	background: #fff;
}

.zdk-header .content {
	display: flex;
	justify-content: space-between;
}

.zdk-header .content .lt {
	display: flex;
	align-items: center;
}

.zdk-header .content .rt {
	display: flex;
	justify-content: center;
}

.zdk-header .content .rt a {
	margin: 0 25px;
	/*padding: 0 30px;*/
	line-height: 62px;
	font-size: 16px;
	border-bottom: 2px solid #fff;
	color: #333333;
}

.zdk-header .content .rt a.active {
	background: #e6f4fd;
	color: #0378db;
	border-color: #0378db;
}

.zdk-header .content .rt a:hover {
	background: #e6f4fd;
	color: #0378db;
	border-color: #e6f4fd;
}


/*header end*/


/*footer satrt*/

.zdk-footer {
	background: #34343b;
	width: 100%;
	height: 374px;
}

.zdk-footer .top {
	height: 274px;
	align-items: center;
	border-bottom: 1px solid #A6A6A6;
	display: flex;
	justify-content: space-between;
}

.zdk-footer .top .foot-logo {
	width: 192px;
	/*height: 68px;*/
}

.zdk-footer .top .qr-card {
	width: 122px;
	height: 122px;
}

.zdk-footer .top dl {
	color: #fff;
	line-height: 36px;
}

.zdk-footer .top dl dt {
	font-size: 20px;
}

.zdk-footer .top dl dd {
	font-size: 14px;
}

.zdk-footer .top dl dd a {
	color: #fff;
	display: flex;
}

.zdk-footer .top dl:nth-child(3) {
	line-height: 47px;
}

.zdk-footer .bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 99px;
	font-size: 16px;
	color: #fff;
}

.zdk-footer .bottom p {
	margin: 0 10px;
	display: flex;
}

.zdk-footer .bottom p img {
	margin-right: 9px;
}


/*end footer*/


/*start 切换卡片*/

.blue {
	color: #109EF3;
}

.zdk-title {
	margin: auto;
	border-top: 1px solid #BEC4D7;
	position: relative;
	margin-bottom: 30px;
}

.zdk-title h3 {
	left: 126px;
	margin: -30px 126px 0;
	background: #fff;
	text-align: center;
	font-family: 'MicrosoftYaHei-Bold';
	line-height: 30px;
}

.zdk-title h3 b {
	display: block;
	font-weight: bold;
	font-size: 16px;
}

.zdk-title h3 span {
	font-size: 20px;
	font-weight: bold;
	color: #2F3442;
}

.link-card {
	padding-top: 126px;
	padding-bottom: 170px;
	background: url(tabbg.png)/*tpa=/images/tabbg.png*/;
}

.link-card .zdk-title h3 {
	background: url(tabbg.png)/*tpa=/images/tabbg.png*/;
	background-size: 1600px;
}

.link-card .zdk-title {
	width: 831px;
}

.link-card .link-card-btn {
	display: flex;
	justify-content: flex-end;
	display: none;
}

.link-card .link-card-btn span {
	display: block;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 29px;
	border-radius: 3px;
	font-size: 16px;
	color: #109FF4;
	border: 1px solid #109FF4;
	margin-left: 20px;
	cursor: pointer;
}

.link-card .link-card-btn span.disable {
	color: #C7C7C9;
	border: 1px solid #C7C7C9;
}

.link-card .content {
	width: 1200px;
	overflow: hidden;
	margin-top: 20px;
	height: 300px;
}

.link-card .content ul {
	width: 10000px;
	display: flex;
}

.link-card .content ul li {
	width: 1200px;
	display: flex;
	float: left;
	justify-content: space-around;
	margin-top: 6px;
}

.link-card .content ul li p {
	width: 568px;
	height: 280px;
	position: relative;
	background: #ade0ff;
	border-radius: 5px;
	box-shadow: 2px 3px 10px rgba(41, 65, 91, .3);
}

.link-card .content ul li p img {
	position: relative;
	z-index: 1;
}

.link-card .content ul li p i {
	width: 62px;
	height: 62px;
	font-size: 62px;
	line-height: 62px;
	/*border: 1px solid #ddd;*/
	border-radius: 5px;
	position: absolute;
	left: 64px;
	top: 50px;
	z-index: 2;
	color: #A6B1CC;
}

.link-card .content ul li p b {
	font-size: 40px;
	position: absolute;
	left: 64px;
	top: 155px;
	color: #2F3442;
	z-index: 2;
}

.link-card .content ul li p span {
	font-size: 14px;
	left: 64px;
	position: absolute;
	display: block;
	top: 220px;
	color: #8D8FA0;
	width: 450px;
	z-index: 2;
}

.link-card .content ul li p .ycyc {
	text-overflow: ellipsis;
	/*//让超出的用...实现*/
	white-space: nowrap;
	/*//禁止换行*/
	overflow: hidden;
	/*//超出的隐藏*/
}

.link-card .content ul li p a {
	display: none;
	width: 118px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 198px;
	left: 62px;
	font-size: 14px;
}

.link-card .content ul li>p:first-child {
	background: url(tab01.png)/*tpa=/images/tab01.png*/;
}

.link-card .content ul li>p:last-child {
	background: url(tab02.png)/*tpa=/images/tab02.png*/;
}

.link-card .content ul li>p:first-child:hover {
	background: url(tab01-active.png)/*tpa=/images/tab01-active.png*/;
}

.link-card .content ul li>p:last-child:hover {
	background: url(tab02-active.png)/*tpa=/images/tab02-active.png*/;
}

.link-card .content ul li p:hover b {
	left: 107px;
	top: 66px;
	color: #fff;
}

.link-card .content ul li p:hover i {
	width: 31px;
	height: 31px;
	font-size: 31px;
	line-height: 31px;
	left: 62px;
	top: 62px;
	color: #fff;
}

.link-card .content ul li p:hover span {
	left: 62px;
	top: 128px;
	color: #fff;
}

.link-card .content ul li p:hover a {
	display: block;
}


/*end 切换卡片*/


/*start 动态数字*/

.data-play {
	width: calc(100% - 120px);
	height: 120px;
	display: flex;
	padding-left: 120px;
	background: url(background.png)/*tpa=/images/background.png*/ 100% 100%;
	justify-content: space-around;
	position: relative;
	z-index: 9;
	margin-top: -60px;
}

.data-play p {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.data-play p .lt {
	color: #83B8FF;
	margin-right: 15px;
}

.data-play p .lt.f44 {
	font-size: 44px;
}

.data-play p .lt.f40 {
	font-size: 40px;
}

.data-play p .lt.f43 {
	font-size: 43px;
}

.data-play p .lt.f48 {
	font-size: 48px;
}

.data-play p .rt {
	color: #fff;
}

.data-play p .rt b {
	display: block;
	font-size: 24px;
}

.data-play p .rt b i {
	font-style: normal;
}

.data-play p .rt em {
	font-style: normal;
	font-size: 12px;
}


/*end动态数字*/


/* start服务客户*/

.serving-customers {
	padding-top: 110px;
	width: 100%;
	margin-top: -60px;
	/*height: 390px;*/
	overflow: hidden;
	background: #f3f7ff;
	position: relative;
	z-index: 8;
	padding-bottom: 64px;
}

.serving-customers .zdk-title {
	width: 460px;
	margin-bottom: 64px!important;
}

.serving-customers .zdk-title h3 {
	background: #f3f7ff;
}

.serving-customers .content {
	width: 100%;
	height: 172px;
	margin: auto;
	position: relative;
}

.serving-customers .content .img-btn-list {
	width: 100%;
	position: absolute;
	bottom: -35%;
	left: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

.serving-customers .content .img-btn-list>span {
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 4px;
	background: rgba(53, 157, 248, .2);
	margin: 0 6px;
	cursor: pointer;
}

.serving-customers .content .img-btn-list>span.current {
	background: rgba(53, 157, 248, .8);
}

.serving-customers .content ul {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.serving-customers .content ul li {
	height: 172px;
	float: left;
	position: relative;
	min-width: 1200px!important;
	overflow:hidden;
}


.serving-customers .content ul li div {
	min-width: 1600px;
	position:absolute;
	left:calc(50% - 800px);
	top:0;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.serving-customers .content ul li div a {
	width: 200px;
	height: 86px;
	display: block;
	padding: 15px 13px;
}

.serving-customers .content ul li div a img {
	width: 100%;
	height: 100%;
}

.serving-customers .content ul li div>a:nth-child(1){
	opacity:0.5;
}
.serving-customers .content ul li div>a:nth-child(2){
	opacity:0.5;
}
.serving-customers .content ul li div>a:nth-child(15){
	opacity:0.5;
}
.serving-customers .content ul li div>a:nth-child(16){
	opacity:0.5;
}

.serving-customers .content p {
	position: absolute;
	bottom: -210px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.serving-customers .content p span {
	width: 16px;
	height: 6px;
	border-radius: 4px;
	display: block;
	margin: 0 8px;
	background: rgba(53, 157, 248, .2);
}

.serving-customers .content p span.active {
	background: rgba(53, 157, 248, 6);
}

.serving-customers .lt-bg,
.serving-customers .rt-bg {
	width: calc((100% - 1200px)/2);
	background: rgba(255, 255, 255, .5);
	position: absolute;
	z-index: 9;
	top: 160;
	height: 172px;
	display: none;
}

.serving-customers .lt-bg {
	left: 0;
}

.serving-customers .rt-bg {
	right: 0;
}


/*end服务客户*/


/*start 联系我们*/

.contact-us {
	background: url(lianxiwombg.png)/*tpa=/images/lianxiwombg.png*/;
	height: 273px;
	display: flex;
	align-items: center;
}

.contact-us .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-us .lt h3 {
	font-size: 24px;
	color: #313644;
	margin-bottom: 12px;
}

.contact-us .lt b {
	font-size: 16px;
	display: block;
	margin-bottom: 18px;
}

.contact-us .lt span {
	font-size: 14px;
	color: #313644;
	display: block;
	width: 127px;
}

.contact-us .rt {
	width: 955px;
}

.contact-us .rt .top {
	display: flex;
	justify-content: space-between;
}

.contact-us .rt .top .input-con {
	position: relative;
	display: flex;
}

.contact-us .rt .top .input-con p {
	margin-right: 40px;
	position: relative;
}

.contact-us .rt .top .input-con i {
	position: absolute;
	color: #3D87D9;
	font-size: 20px;
	left: 20px;
	top: 10px;
}

.contact-us .rt .top .input-con input {
	width: 263px;
	height: 40px;
	border: 1px solid #3D87D9;
	border-radius: 5px;
	padding-left: 53px;
	font-size: 14px;
	font-family: "microsoft yahei";
}

.contact-us .rt .top .click-send {
	display: flex;
	justify-content: center;
	width: 116px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	background: linear-gradient(to right, #138cff, #44bfff);
	cursor: pointer;
}

.contact-us .rt .top .click-send:hover {
	background: linear-gradient(to right, #138cff, #0c70d7);
}

.contact-us .rt .bottom {
	margin-top: 16px;
}

.contact-us .rt .bottom textarea {
	width: calc(100% - 2px);
	border: 1px solid #3D87D9;
	border-radius: 5px;
	height: 97px;
	padding: 16px;
	resize: none;
}


/*end联系我们*/


/*start it 服务*/

.zdk-it-server {
	padding: 110px 0;
}

.zdk-it-server .content {
	display: flex;
	justify-content: space-between;
}

.zdk-it-server .content .lt {
	position: relative;
}

.zdk-it-server .content .lt h3 {
	font-size: 50px;
	line-height: 50px;
	color: #333;
}

.zdk-it-server .content .lt h3 i {
	font-size: 57px;
	font-weight: normal;
	display: block;
}

.zdk-it-server .content .lt h3 b {
	display: block;
	margin-top: 18px;
	font-family: 'MicrosoftYaHei-Bold';
}

.zdk-it-server .content .lt p {
	font-size: 14px;
	color: #666;
	width: 491px;
	margin-top: 60px;
}

.zdk-it-server .content .lt ul {
	margin-top: 60px;
	position: absolute;
	width: 720px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	height: 146px;
	box-shadow: 0 3px 10px rgba(42, 119, 205, 0.22);
}

.zdk-it-server .content .lt ul li {
	flex: 1;
	text-align: center;
}

.zdk-it-server .content .lt ul li svg {
	width: 62px;
	height: 47px;
}

.zdk-it-server .content .lt ul li span {
	width: 112px;
	text-align: center;
	margin: 5px auto 0;
	color: #878FA2;
	font-size: 14px;
	display: block;
}

.zdk-it-server .content .lt a,
.zdk-research-server .content .lt a {
	margin-top: 273px;
	width: 200px;
	height: 56px;
	line-height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background: linear-gradient(to right, #138cff, #44bfff);
}

.zdk-it-server .content .lt a i,
.zdk-research-server .content .lt a i {
	font-style: normal;
	margin-left: 18px;
}

.zdk-it-server .content .lt a:hover,
.zdk-research-server .content .lt a:hover {
	background: linear-gradient(to right, #138cff, #0c70d7);
}

.zdk-it-server .content .rt {
	width: 600px;
	height: 554px;
}

.zdk-it-server .content .rt img {
	width: 100%;
	height: 100%;
}


/*end it 服务*/


/*start 研发服务*/

.zdk-research-server {
	width: 100%;
	height: 618px;
	background: #12161A url(chanpingbg.png)/*tpa=/images/chanpingbg.png*/ no-repeat left;
	background-size: 62.5% 618px;
}

.zdk-research-server .content {
	display: flex;
	height: 618px;
	justify-content: space-between;
	align-items: center;
}

.zdk-research-server .content .lt {
	color: #fff;
}

.zdk-research-server .content .lt i {
	font-size: 55px;
}

.zdk-research-server .content .lt h1 {
	margin-top: 23px;
	font-size: 50px;
	line-height: 50px;
}

.zdk-research-server .content .lt p {
	margin-top: 64px;
	width: 616px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.zdk-research-server .content .lt a {
	margin-top: 64px;
}

.zdk-research-server .content .lt a i {
	font-size: 14px;
}

.zdk-research-server .content .rt li {
	display: flex;
	align-items: center;
	height: 50px;
	margin-top: 66px;
	color: #fff;
}

.zdk-research-server .content .rt li i {
	margin-right: 18px;
}

.zdk-research-server .content .rt li i.f53 {
	font-size: 53px;
}

.zdk-research-server .content .rt li i.f51 {
	font-size: 51px;
}

.zdk-research-server .content .rt li i.f47 {
	font-size: 47px;
}

.zdk-research-server .content .rt li:first {
	margin-top: 0;
}

.zdk-research-server .content .rt li .right b {
	display: block;
	font-size: 20px;
	font-weight: normal;
}

.zdk-research-server .content .rt li .right span {
	font-size: 14px;
}


/*end 研发服务*/


/*start 更多服务*/

.zdk-more-server {
	background: #f3f7ff;
	width: 100%;
	/*height: 706px;*/
	padding-top: 137px;
}

.zdk-more-server .zdk-title {
	width: 459px;
}

.zdk-more-server .zdk-title h3 {
	background: #F3F7FF;
}

.zdk-more-server .content {
	margin-top: 80px;
	display: flex;
	justify-content: space-around;
	padding-bottom: 110px;
}

.zdk-more-server .content li {
	width: 280px;
	height: 322px;
	text-align: center;
	padding-top: 57px;
	cursor: pointer;
}

.zdk-more-server .content li h3 {
	margin-top: 14px;
	font-size: 20px;
	color: #2F3442;
}

.zdk-more-server .content li img {
	width: 280px;
	height: 102px;
	display: none;
}

.zdk-more-server .content li i {
	margin-top: 19px;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #4A9FFD;
}

.zdk-more-server .content li p {
	margin-top: 23px;
	font-size: 13px;
	color: #666666;
	padding: 0 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.zdk-more-server .content li.active {
	background: #fff;
	height: 322px;
	padding-top: 0;
	box-shadow: 2px 3px 10px rgba(42, 119, 205, 0.22);
}

.zdk-more-server .content li.active img {
	display: block;
}

.zdk-more-server .content li.active p {
	-webkit-line-clamp: 4;
}


/*end 更多服务*/


/*start 业务介绍*/

.orgin {
	color: #FF8827;
}

.zdk-business {
	width: 100%;
	height: 810px;
	background: url(waibaoxingqingbg.png)/*tpa=/images/waibaoxingqingbg.png*/;
}

.zdk-business .content h2 {
	text-align: center;
	font-size: 30px;
	color: #2380DF;
	padding-top: 110px;
	color: #2380DF;
}

.zdk-business .content h2 span {
	font-size: 14px;
	margin-top: 16px;
	display: block;
}

.zdk-business .content .top {
	margin-top: 53px;
	text-align: center;
}

.zdk-business .content .top h3 {
	font-size: 18px;
	color: #3B548C;
	margin-bottom: 29px;
}

.zdk-business .content .top p {
	margin-bottom: 12px;
	font-size: 14px;
}

.zdk-business .content .bottom {
	margin-top: 64px;
	display: flex;
	justify-content: space-around;
	width: 100%;
	height: 280px;
}

.zdk-business .content .bottom li {
	width: 360px;
	height: 276px;
	padding: 48px;
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	cursor: pointer;
}

.zdk-business .content .bottom li svg {
	display: block;
	width: 47px;
	height: 47px;
	/*border: 1px solid #000;*/
	margin-bottom: 20px;
}

.zdk-business .content .bottom li b {
	display: block;
	font-size: 16px;
	color: #3B548C;
}

.zdk-business .content .bottom li p {
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.zdk-business .content .bottom li:hover {
	background: #fff;
	box-shadow: 0px 0px 14px rgba(38, 89, 173, 0.47);
	border-bottom-color: #FFAA24;
}


/*end业务介绍*/


/*start 服务优势*/

.zdk-service-introduction {
	width: 100%;
	height: 843px;
	background: #f3f7ff;
	position: relative;
}

.zdk-service-introduction .top {
	width: 43.75%;
	height: 100%;
	background: #2A8DF3;
	position: relative;
}

.zdk-service-introduction .top .con {
	position: absolute;
	left: calc((-100% + 1200px)/2);
	top: 109px;
	color: #fff;
	font-size: 32px;
}

.zdk-service-introduction .top .con span {
	font-size: 14px;
	display: block;
	font-weight: normal;
	margin-top: 16px;
}

.zdk-service-introduction .content {
	position: absolute;
	top: 239px;
	left: 9.1875%;
	width: 90.8125%;
	height: 604px;
	overflow: hidden;
	transition: left .5s;
	-webkit-transition: left .5s;
}

.zdk-service-introduction .content ul {
	width: 164.25%;
	position: relative;
}

.zdk-service-introduction .content ul li {
	overflow: hidden;
	width: calc(61%/4);
	position: relative;
	float: left;
	height: 604px;
}

.zdk-service-introduction .content ul li.active {
	width: 54%;
}

.zdk-service-introduction .content ul li.active img {
	width: 100%;
}

.zdk-service-introduction .content ul li img {
	height: 100%;
	position: absolute;
}

.zdk-service-introduction .content ul li b {
	position: absolute;
	top: 103px;
	left: 52px;
	font-size: 54px;
	color: #fff;
}

.zdk-service-introduction .content ul li b em {
	font-weight: normal;
	font-style: normal;
}

.zdk-service-introduction .content ul li b span {
	display: none;
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
}

.zdk-service-introduction .content ul li .one-con {
	position: absolute;
	left: 0;
	top: 155px;
	width: 100%;
	color: #fff;
	display: none;
}

.zdk-service-introduction .content ul li .one-con ol {
	display: flex;
}

.zdk-service-introduction .content ul li .one-con ol li {
	width: 300px;
	height: 300px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-left: calc((100% - (300px * 3)) / 4);
	padding: 30px 40px 0 40px;
}

.zdk-service-introduction .content ul li .one-con ol li .tops {
	font-size: 30px;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	margin-bottom: 34px;
	height: 100px;
}

.zdk-service-introduction .content ul li .one-con ol li .tops i {
	width: 60px;
	height: 60px;
	font-size: 60px;
	/*border: 1px solid #fff;*/
}

.zdk-service-introduction .content ul li .one-con ol li .tops span {
	width: 120px;
}

.zdk-service-introduction .content ul li .one-con ol li .bots {
	font-size: 14px;
	line-height: 28px;
}

.zdk-service-introduction .content ul li .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 102px;
	line-height: 102px;
	color: #fff;
	background: #1C3284;
	width: 100%;
	font-size: 24px;
	padding-left: 56px;
	padding-right: 21px;
	cursor: pointer;
}

.zdk-service-introduction .content ul li .bottom p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 102px;
}

.zdk-service-introduction .content ul li .bottom p i {
	font-style: normal;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	/*border: 2px solid #fff;*/
	border-radius: 50%;
	margin-left: 20px;
	font-size: 32px;
}

.zdk-service-introduction .content ul li .bottom p.two {
	justify-content: flex-end;
	display: none;
}

.zdk-service-introduction .content ul li:nth-child(2n) .bottom {
	background: #2A8DF3;
}

.zdk-service-introduction .content ul li.active .bottom p.one {
	display: none;
}

.zdk-service-introduction .content ul li.active .bottom p.two {
	display: flex;
}

.zdk-service-introduction .content ul li.active b {
	top: 53px;
}

.zdk-service-introduction .content ul li.active b span {
	display: inline-block;
}

.zdk-service-introduction .recruit-ability ul li.active .one-con {
	/*display: block;*/
}


/*第二页*/

.zdk-service-introduction .service-system {
	width: 100%;
	left: 0;
	transition: left .5s;
	-webkit-transition: left .5s;
}

.zdk-service-introduction .service-system ul {
	left: -9.1875%;
	width: 135.25%;
}

.zdk-service-introduction .service-system ul li .two-con .tops {
	position: relative;
	z-index: 9;
	display: flex;
	justify-content: space-around;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .8);
	margin: 0 50px;
	padding: 155px 0 45px;
	height: 290px;
}

.zdk-service-introduction .service-system ul li .two-con .tops li {
	display: flex;
	justify-content: center;
	height: auto;
	align-items: center;
	width: auto;
	cursor: pointer;
}

.zdk-service-introduction .service-system ul li .two-con .tops li i {
	width: 89px;
	height: 89px;
	font-size: 45px;
	text-align: center;
	line-height: 89px;
	border: 1px solid #FFF;
	border-radius: 50%;
}

.zdk-service-introduction .service-system ul li .two-con .tops li:hover i {
	background: #adbdcc;
	border-color: #adbdcc;
	color: #2B4F74;
}

.zdk-service-introduction .service-system ul li .two-con .tops li p span {
	display: block;
	font-size: 16px;
	margin-left: 25px;
}

.zdk-service-introduction .service-system ul li .two-con .bots {
	position: relative;
	z-index: 9;
	margin: 0 50px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp {
	display: flex;
	padding-top: 45px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp p {
	font-size: 14px;
	display: flex;
	align-items: center;
	color: #fff;
	margin-right: 73px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp p:last-child {
	margin-right: 0;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp p i {
	width: 30px;
	height: 28px;
	font-size: 30px;
	line-height: 1;
	/*border: 1px solid #fff;*/
	display: block;
	margin-right: 22px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp p span {
	font-size: 20px;
	margin-right: 12px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .topp p em {
	font-style: normal;
}

.zdk-service-introduction .service-system ul li .two-con .bots .bott {
	display: flex;
	margin-top: 60px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .bott a {
	display: flex;
	align-items: center;
	margin-right: 126px;
	font-size: 20px;
	color: #fff;
}

.zdk-service-introduction .service-system ul li .two-con .bots .bott a i {
	display: block;
	width: 34px;
	font-size: 34px;
	line-height: 1;
	margin-right: 24px;
}

.zdk-service-introduction .service-system ul li .two-con .bots .bott a:last-child {
	margin-right: 0;
}

.zdk-service-introduction .content ul li .two-con {
	display: none;
}

.zdk-service-introduction .content ul li.active .two-con {
	/*display: block;*/
}


/*第三页*/

.zdk-service-introduction .management {
	width: 100%;
	left: 0;
	transition: left .5s;
	-webkit-transition: left .5s;
}

.zdk-service-introduction .management ul {
	left: -31.3%;
	width: 135.25%;
}

.zdk-service-introduction .content ul li .three-con {
	padding-top: 157px;
	color: #fff;
}

.zdk-service-introduction .management ul li .three-con .tops {
	position: relative;
	z-index: 9;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
}

.zdk-service-introduction .management ul li .three-con .bots {
	margin-top: 55px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align: center;
	font-size: 20px;
}

.zdk-service-introduction .management ul li .three-con .bots li {
	position: relative;
	width: auto;
	cursor: pointer;
}

.zdk-service-introduction .management ul li .three-con .bots em {
	position: absolute;
	width: 110px;
	left: 10px;
	top: 6px;
	height: 110px;
	background: rgba(255, 255, 255, .2);
	border-radius: 45px;
	transform: rotate(45deg);
	z-index: 1;
}

.zdk-service-introduction .management ul li .three-con .bots i {
	width: 130px;
	height: 130px;
	font-size: 60px;
	line-height: 2;
	/*border: 1px solid #fff;*/
	display: block;
	margin-bottom: 26px;
	position: relative;
	z-index: 2;
}

.zdk-service-introduction .management ul li .three-con .bots li:hover em {
	background: rgba(255, 255, 255, 1);
}

.zdk-service-introduction .management ul li .three-con .bots li:hover i {
	color: #172343;
}

.zdk-service-introduction .content ul li .three-con {
	display: none;
}

.zdk-service-introduction .content ul li.active .three-con {
	/*display: block;*/
}


/*第四页*/

.zdk-service-introduction .platform-support {
	width: 100%;
	left: 0;
	transition: left .5s;
	-webkit-transition: left .5s;
}

.zdk-service-introduction .platform-support ul {
	left: -47.5%;
	width: 135.25%;
}

.zdk-service-introduction .platform-support ul li .four-con {
	margin: 160px 50px 0;
	position: relative;
	z-index: 9;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

.zdk-service-introduction .platform-support ul li .four-con .left p span {
	display: block;
	font-size: 16px;
	line-height: 1.8;
}

.zdk-service-introduction .platform-support ul li .four-con .left img {
	margin-top: 25px;
	width: 320px;
	height: 220px;
	position: relative;
}

.zdk-service-introduction .platform-support ul li .four-con .right {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons {
	width: 300px;
	margin-left: 69px;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons:first-child {
	margin-left: 0;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons .list {
	width: 100%;
	border-bottom: 1px solid #fff;
	display: flex;
	margin-bottom: 38px;
	padding-bottom: 22px;
	align-items: center;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons .list i {
	width: 35px;
	height: 35px;
	margin-right: 24px;
	font-size: 35px;
	line-height: 1;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons .list p {
	line-height: 1.5;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons .list p em {
	display: block;
	font-size: 18px;
	font-style: normal;
}

.zdk-service-introduction .platform-support ul li .four-con .right .cons .list p span {
	display: block;
	font-size: 14px;
}

.zdk-service-introduction .content ul li .four-con {
	display: none;
}

.zdk-service-introduction .content ul li.active .four-con {
	/*display: flex;*/
}


/*end 服务优势*/


/*start 服务流程*/

.zdk-server-process {
	margin: 0 123px 110px;
}

.zdk-server-process .content h2 {
	text-align: center;
	font-size: 30px;
	color: #2380DF;
	padding-top: 110px;
	color: #2380DF;
	margin-bottom: 100px;
}

.zdk-server-process .content h2 span {
	font-size: 14px;
	margin-top: 16px;
	display: block;
}

.zdk-server-process .content-img {
	width: 100%;
	margin-top: 50px;
}

.zdk-server-process .content-img img {
	width: 100%;
}


/*end 服务流程*/


/*start 业务介绍*/

.product-details {
	margin-top: 109px;
}

.product-details .content h2,
.customized .content h2,
.my-advantage .content h2 {
	font-size: 32px;
	line-height: 1;
	color: #2380DF;
	text-align: center;
}

.product-details .content h2 span,
.customized .content h2 span,
.my-advantage .content h2 span {
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin-top: 16px;
}

.product-details .content .con {
	position: relative;
	margin-top: 64px;
}

.product-details .content .con .lt {
	width: 656px;
	height: 429px;
	box-shadow: 17px 17px 0 #2B94FF;
}

.product-details .content .con .lt img {
	width: 100%;
	height: 100%;
	display: block;
}

.product-details .content .con .rt {
	position: absolute;
	right: 0;
	top: 46px;
	width: 662px;
	height: 350px;
	background: #f6f6ff;
	box-shadow: 3px 3px 5px rgba(246, 246, 255, .5);
	padding: 62px 50px 0;
	overflow: hidden;
}

.product-details .content .con .rt i {
	font-size: 77px;
	margin-bottom: 25px;
	line-height: 1;
	display: block;
	color: #2B94FF;
}

.product-details .content .con .rt i.iconfont-bg {
	position: absolute;
	font-size: 381px;
	opacity: .06;
	bottom: -135px;
	line-height: 1;
	right: -30px;
}

.product-details .content .con .rt p span {
	display: block;
	font-size: 14px;
	margin-bottom: 30px;
}

.product-details .content .con .rt p span:last-child {
	margin-bottom: 0;
}


/*end 业务介绍*/


/*start 服务类型*/

.service-type {
	width: 100%;
	height: 240px;
	margin-top: 126px;
	background: url(fuwu-bg.png)/*tpa=/images/fuwu-bg.png*/;
	background-size: 100%;
}

.service-type dl {
	display: flex;
	width: 100%;
	height: 240px;
	align-items: center;
	color: #fff;
}

.service-type dl dt {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 20.5%;
	border-right: 1px solid #fff;
	height: 104px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.service-type dl dt h3 {
	font-size: 32px;
	margin-bottom: 18px;
}

.service-type dl dd {
	text-align: center;
	flex: 1;
}

.service-type dl dd i {
	font-size: 45px;
	line-height: 1;
	display: block;
	margin-bottom: 25px;
}


/*end 服务类型*/


/*start 定制服务*/

.customized {
	margin-top: 112px
}

.customized .content h2 {
	margin-bottom: 90px;
}

.customized .con {
	display: flex;
	flex-wrap: wrap;
}

.customized .con li {
	width: 25%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.customized .con li i {
	font-size: 45px;
	line-height: 1;
	width: 123px;
	line-height: 123px;
	height: 123px;
	border-radius: 50%;
	background: #E0EFFF;
	display: block;
	color: #2380DF;
}

.customized .con li b {
	font-size: 24px;
	color: #2380DF;
	margin: 30px 0;
}

.customized .con li p {
	width: 237px;
	font-size: 14px;
	height: 63px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #666;
	margin-bottom: 73px;
}


/*end 定制服务*/


/*start 技术团队*/

.technical-team {
	width: 100%;
	height: 805px;
	background: url(jishubg.png)/*tpa=/images/jishubg.png*/ no-repeat;
	background-size: 100% 100%;
	color: #fff;
}

.technical-team .content {
	display: flex;
	justify-content: space-between;
}

.technical-team .content .lt {}

.technical-team .content .lt h3 {
	font-size: 32px;
	line-height: 1;
	margin: 106px 0 79px;
}

.technical-team .content .lt h3 b {
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin-top: 16px;
}

.technical-team .content .lt p {
	font-size: 14px;
	width: 546px;
	margin-bottom: 59px;
}

.technical-team .content .lt p span {
	display: block;
	margin-bottom: 20px;
}

.technical-team .content .lt p span:last-child {
	margin-bottom: 0;
}

.technical-team .content .lt img {
	width: 489px;
	height: 243px;
}

.technical-team .content .rt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 590px;
	margin-top: 107px;
}

.technical-team .content .rt li {
	width: 272px;
	height: 252px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .2);
	text-align: center;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: rgba(255, 255, 255, .7);
	flex-direction: column;
}

.technical-team .content .rt li:nth-child(2n) {
	margin-top: 46px;
}

.technical-team .content .rt li i {
	display: block;
	font-size: 49px;
	line-height: 1;
	margin-bottom: 19px;
}

.technical-team .content .rt li b {
	display: block;
	padding-bottom: 12px;
	font-size: 22px;
	position: relative;
}

.technical-team .content .rt li b em {
	position: absolute;
	width: 44px;
	height: 1px;
	background: rgba(255, 255, 255, .7);
	bottom: 0;
	left: calc((100% - 44px)/2);
	z-index: 9;
}

.technical-team .content .rt li p {
	margin-top: 22px;
	font-size: 14px;
	padding: 0 19px;
	line-height: 1.5;
}

.technical-team .content .rt li:hover {
	border: 1px solid rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, .5);
	color: #fff;
}

.technical-team .content .rt li:hover b em {
	background: #fff;
}


/*end技术团队*/


/*start我们的优势*/

.my-advantage {
	padding-top: 84px;
	background: url(youshibg.png)/*tpa=/images/youshibg.png*/ no-repeat;
	background-size: 100% 100%;
}

.my-advantage ul {
	margin-top: 74px;
}

.my-advantage ul li.one {
	display: flex;
	position: relative;
}

.my-advantage ul li h4 {
	width: 385px;
	border-bottom: 1px solid #0C4CA3;
	position: relative;
	margin-bottom: 60px;
}

.my-advantage ul li h4 b {
	position: absolute;
	color: #333;
	font-size: 32px;
	line-height: 1;
	padding-right: 27px;
	background: #fff;
	left: 0;
	top: -16px;
}

.my-advantage ul li.one .lt .con {
	background: #0C4CA3;
	width: 765px;
	height: 387px;
	color: #fff;
	padding: 39px 31px;
	font-size: 14px;
}

.my-advantage ul li.one .lt .con p {
	width: 518px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.my-advantage ul li.one .lt .con ol {
	display: flex;
	flex-wrap: wrap;
}

.my-advantage ul li.one .lt .con ol li {
	display: flex;
	align-items: center;
	margin-right: 44px;
	margin-top: 32px;
}

.my-advantage ul li.one .lt .con ol li:nth-child(2n+1) {
	width: 240px;
}

.my-advantage ul li.one .lt .con ol li i {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2);
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin-right: 19px;
}

.my-advantage ul li.one .rt {
	position: absolute;
	width: 602px;
	height: 359px;
	right: 0;
	top: 0;
}

.my-advantage ul li.one .rt img {
	display: block;
	width: 100%;
	height: 100%;
}

.my-advantage ul li.two {
	display: flex;
	position: relative;
	justify-content: space-between;
	padding-bottom: 108px;
}

.my-advantage ul li.two .lt {
	width: 600px;
	height: 397px;
	box-shadow: 32px 32px 0 #254A7E;
}

.my-advantage ul li.two .lt img {
	width: 100%;
	height: 100%;
	display: block;
}

.my-advantage ul li.two .rt {
	position: absolute;
	width: 636px;
	right: 0;
	top: 75px;
}

.my-advantage ul li.two .rt h4 {
	float: right;
	margin-bottom: 82px;
}

.my-advantage ul li.two .rt h4 b {
	padding-left: 27px;
	padding-right: 0;
	left: 26.31%;
}

.my-advantage ul li.two .rt p {
	padding: 42px;
	width: 636px;
	height: 200px;
	color: #fff;
	background: #4899DD;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 1.5;
}

.my-advantage ul li.three {
	display: flex;
	justify-content: space-between;
}

.my-advantage ul li.three .lt {
	width: 50%;
	margin-top: 27px;
}

.my-advantage ul li.three .lt h4 {
	width: 505px;
	margin-bottom: 105px;
}

.my-advantage ul li.three .lt p {
	font-size: 14px;
	color: #333;
	width: 544px;
}

.my-advantage ul li.three .lt img {
	height: 210px;
	margin-top: 72px;
}

.my-advantage ul li.three .lt img,
.my-advantage ul li.three .rt img {
	width: 100%;
	display: block;
}

.my-advantage ul li.three .rt {
	flex: 1;
}

.my-advantage ul li.three .rt img {
	height: 269px;
}

.my-advantage ul li.three .rt p {
	padding: 43px 0 0 60px;
	display: flex;
	flex-wrap: wrap;
}

.my-advantage ul li.three .rt p span {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #2A8DF3;
	margin-right: 53px;
	margin-bottom: 22px;
}

.my-advantage ul li.three .rt p span:nth-child(3) {
	margin-left: 43px;
}

.my-advantage ul li.three .rt p span:nth-child(2n) {
	margin-right: 0;
}

.my-advantage ul li.three .rt p span svg {
	color: #dcecfd;
	width: 64px;
	height: 64px;
	margin-right: 18px;
}

.my-advantage ul li.one,
.my-advantage ul li.two,
.my-advantage ul li.three {
	display: none;
}

.my-advantage ul li.one.active,
.my-advantage ul li.two.active,
.my-advantage ul li.three.active {
	display: flex;
}

.my-advantage .content .botttom-btn {
	display: flex;
	margin-top: 40px;
}

.my-advantage .content .botttom-btn li {
	flex: 1;
	border-bottom: 1px solid #ccc;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	display: flex;
}

.my-advantage .content .botttom-btn li>div:first-child {
	width: 50px;
	height: 100%;
	text-align: center;
	font-size: 26px;
	box-sizing: border-box;
}

.my-advantage .content .botttom-btn li>div:last-child {
	width: 350px;
	height: 100%;
	font-size: 20px;
	padding-left: 14px;
	box-sizing: border-box;
}

.my-advantage .content .botttom-btn li:hover{
	border-bottom: 3px solid #2380DF;
}

.my-advantage .content ol li.active {
	height: 50px;
	line-height: 50px;
	border-bottom: 3px solid #2380DF;
	color: #2380DF;
}

.my-advantage .content ol li.active>div:first-child {
	width: 50px;
	height: 100%;
	text-align: center;
	font-size: 26px;
	color: white;
	background-color: #2380DF;
	box-sizing: border-box;
}

.my-advantage .content ol li.active>div:last-child {
	width: 350px;
	height: 100%;
	font-size: 20px;
	color: #2380DF;
	padding-left: 14px;
	box-sizing: border-box;
	background-color: #dde9f6;
}

/*end我们的优势*/


/*start 行业分类 title*/

.industry-type {
	margin-top: 137px;
	position: relative;
	z-index: 2;
}

.industry-type .title {
	position: relative;
}

.industry-type .title h3 {
	border-bottom: 1px solid #BFC5D7;
	width: 459px;
	margin: auto;
	position: relative;
}

.industry-type .title h3 b {
	position: absolute;
	background: #fff;
	font-size: 24px;
	color: #2F3442;
	width: 207px;
	left: 126px;
	top: -25px;
	text-align: center;
}

.industry-type .title h3 b i {
	font-size: 16px;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
}

.industry-type .title h3 b i span {
	font-weight: normal;
}

.industry-type .title .title-nav {
	width: 1200px;
	overflow: hidden;
	margin-top: 140px;
	position: relative;
}

.industry-type .title .tab-btn {
	position: absolute;
	right: 0;
	top: 40px;
	display: flex;
	justify-content: flex-end;
	display:none;
}

.industry-type .title .tab-btn a {
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	margin: 0 5px;
}

.industry-type .title .tab-btn a.disable {
	opacity: .4;
}

.industry-type .title .tab-btn a:hover {
	color: #48A8FF;
	border-color: #48A8FF;
}

.industry-type .title .title-nav {}

.industry-type .title .title-nav ul {
	width: 100%;
}

.industry-type .title .title-nav ul li {
	float: left;
	width: calc(100% / 7);
	text-align: center;
	cursor: pointer;
	padding-bottom: 10px;
	border-bottom: 1px solid #8AA4C1;
}

.industry-type .title .title-nav ul li i {
	display: block;
	font-size: 63px;
	color: #8AA4C1;
	line-height: 1;
	margin-bottom: 16px;
}

.industry-type .title .title-nav ul li b {
	font-size: 20px;
	color: #666;
	font-weight: normal;
}

.industry-type .title .title-nav ul li.active,
.industry-type .title .title-nav ul li:hover {
	padding-bottom: 5px;
	border-bottom: 5px solid #48A8FF;
}

.industry-type .title .title-nav ul li.active i,
.industry-type .title .title-nav ul li:hover i {
	color: #48A8FF;
}

.industry-type .title .title-nav ul li.active b,
.industry-type .title .title-nav ul li:hover b {
	color: #333333;
	font-weight: bold;
}


/*end 行业分类title*/


/*start 公司*/

.industry-type .conter {
	margin-top: 64px;
}

.industry-type .conter .list {
	display: none;
}

.industry-type .conter .list.active {
	display: block;
}

.industry-type .conter .list h4 {
	position: relative;
	width: 233px;
	margin: auto;
	border-bottom: 1px solid #98A9C3;
}

.industry-type .conter .list h4 b {
	font-weight: normal;
	padding: 0 16px;
	background: #fff;
	color: #2f9efe;
	position: absolute;
	top: -9px;
	left: 62px;
}

.industry-type .conter .list .company {
	margin-top: 64px;
	height: 420px;
	background: #3A90E9;
	color: #fff;
	display: flex;
	align-items: center;
}

.industry-type .conter .list .company .lt {
	width: 360px;
	text-align: center;
}

.industry-type .conter .list .company .rt {
	flex: 1;
	background: url(chanpingbg.png)/*tpa=/images/chanpingbg.png*/ no-repeat;
	background-size: 100% 100%;
	height: 420px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0 66px;
	font-size: 14px;
	line-height: 1;
}

.industry-type .conter .list .company .rt b {
	font-size: 24px;
	margin-bottom: 38px;
}

.industry-type .conter .list .company .rt p {
	margin-bottom: 21px;
}

.industry-type .conter .list .company .rt p em {
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-bottom: 16px;
}

.industry-type .conter .list .company .rt p span {
	line-height: 1.5;
}


/*end 公司*/


/*srart 项目tab*/

.industry-type .conter .list .project {
	margin-top: 90px;
	position: relative;
	z-index: 2;
}

.industry-type .conter .list .project .left-right-btn {
	position: absolute;
	top: 185px;
	left: -40px;
	height: 36px;
	width: 1280px;
}

.industry-type .conter .list .project .left-right-btn a {
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	text-align: center;
	z-index: 9;
	background: #fff;
	font-size: 20px;
	box-shadow: 0 0 5px rgba(17, 23, 38, 0.2);
}

.industry-type .conter .list .project .left-right-btn a.disable {
	opacity: .5;
}

.industry-type .conter .list .project .left-right-btn .left {
	left: 0;
}

.industry-type .conter .list .project .left-right-btn .right {
	right: 0;
}

.industry-type .conter .list .project .project-con {
	width: 1200px;
	height: 390px;
	padding-top: 6px;
	overflow: hidden;
}

.industry-type .conter .list .project .project-con ul {
	width: 120000px;
}

.industry-type .conter .list .project .project-con ul li {
	width: 360px;
	height: 379px;
	box-shadow: 0 0 10px rgba(5, 90, 185, 0.14);
	margin: 0 40px 0 10px;
	float: left;
	cursor: pointer;
	background: #fff;
}

.industry-type .conter .list .project .project-con ul li:last-child {
	margin-right: 0;
}

.industry-type .conter .list .project .project-con ul li .top {
	height: 130px;
	margin-right: 60px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.industry-type .conter .list .project .project-con ul li .top span {
	width: 144px;
	font-size: 16px;
}

.industry-type .conter .list .project .project-con ul li .top img {
	display: block;
	height: 130px;
	width: 100%;
	/*margin-right: 20px;
	height: 130px;
	width: 130px;*/
}

.industry-type .conter .list .project .project-con ul li .bot {
	padding: 48px 30px;
	font-size: 14px;
}

.industry-type .conter .list .project .project-con ul li .bot b {
	font-size: 18px;
	display: block;
	margin-bottom: 28px;
}

.industry-type .conter .list .project .project-con ul li .bot p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.industry-type .conter .list .project .project-con ul li:hover {
	background: #3A90E9;
}

.industry-type .conter .list .project .project-con ul li:hover .top {
	display: none;
}

.industry-type .conter .list .project .project-con ul li:hover .bot {
	padding: 30px;
	color: #fff;
}

.industry-type .conter .list .project .project-con ul li:hover .bot b {
	border-bottom: 1px solid #fff;
	padding-bottom: 28px;
}

.industry-type .conter .list .project .project-con ul li:hover .bot p {
	-webkit-line-clamp: 10;
}


/*end 项目tab*/


/*start 案例展示*/

.case-presentation {
	position: relative;
	margin-top: -188px;
	z-index: 1;
	padding-top: 316px;
	background: #f6f6ff;
}

.case-presentation h4 {
	position: relative;
	width: 233px;
	margin: auto;
	border-bottom: 1px solid #98A9C3;
}

.case-presentation h4 b {
	font-weight: normal;
	padding: 0 16px;
	background: #fff;
	color: #2f9efe;
	position: absolute;
	top: -9px;
	left: 62px;
	background: #f6f6ff;
}

.case-presentation .case-presentation-con {
	/*width: calc(100% - 400px);*/
	/*margin:63px auto 0;*/
	margin: 63px calc((100% - 1320px)/2) 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case-presentation .case-presentation-con a {
	width: 410px;
	height: 368px;
	display: block;
	position: relative;
	margin-bottom: 54px;
}

.case-presentation .case-presentation-con a .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.case-presentation .case-presentation-con a .company-logo {
	position: absolute;
	top: 65px;
	left: 34px;
	z-index: 2;
	width: 344px;
	background: rgba(255, 255, 255, .3);
	height: 244px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.case-presentation .case-presentation-con a .con {
	position: relative;
	z-index: 2;
	display: none;
}

.case-presentation .case-presentation-con a:hover .company-logo {
	display: none;
}

.case-presentation .case-presentation-con a .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	padding: 20px 55px 0;
}

.case-presentation .case-presentation-con a .con p {
	margin-bottom: 20px;
	font-size: 14px;
}

.case-presentation .case-presentation-con a .con p b,
.case-presentation .case-presentation-con a .con p em {
	font-size: 18px;
	display: block;
	font-style: normal;
	margin-bottom: 10px;
}

.case-presentation .case-presentation-con a .con p span {
	display: block;
}

.case-presentation .case-presentation-con a .con p:last-child {
	margin-bottom: 0;
}

.case-presentation .case-presentation-con a:hover .con {
	display: block;
}

.case-presentation .case-btn {
	display: flex;
	justify-content: center;
	padding-bottom: 54px;
}

.case-presentation .case-btn p {
	width: 142px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border: 1px solid #4A9FFD;
	border-radius: 5px;
	font-size: 14px;
	align-items: center;
	color: #4a9ffd;
	cursor: pointer;
}

.case-presentation .case-btn p.put-away {
	display: none;
}


/*end案例展示*/


/*start 关于我们*/

.about-us {
	margin-top: 110px;
}

.about-us .content {
	display: flex;
	justify-content: space-between;
}

.about-us .content .lt {
	position: relative;
	border: 14px solid #afe0f6;
	border-radius: 10px;
	width: 366px;
	height: 470px;
	background: #fff;
}

.about-us .content .lt img {
	position: absolute;
	top: 24px;
	left: 31px;
	width: 366px;
	height: 470px;
	border-radius: 10px;
	display: block;
}

.about-us .content .rt {
	width: 691px;
	margin-top: 24px;
}

.about-us .content .rt h3 {
	height: 74px;
	border-left: 3px solid #00A0E9;
	padding-left: 25px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	line-height: 1.5;
	font-size: 24px;
	color: #2F3442;
}

.about-us .content .rt h3 span {
	font-size: 14px;
	color: #109FF4;
	font-weight: normal;
	display: block;
}

.about-us .content .rt p {
	margin-top: 58px;
	line-height: 2;
	font-size: 14px;
}

.about-us .content .rt ul {
	margin-top: 54px;
}

.about-us .content .rt ul li {
	float: left;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	width: 205px;
	margin-right: 30px;
	margin-bottom: 39px;
}

.about-us .content .rt ul li:nth-child(3n) {
	margin-right: 0;
}

.about-us .content .rt ul li i {
	color: #ED9D47;
	margin-right: 13px;
	display: block;
	font-size: 29px;
}


/*end关于我们*/


/*start 新闻资讯*/

.news {
	width: 100%;
	height: 554px;
	margin-top: 80px;
	background: #f6f6ff;
}

.news .content {
	display: flex;
	height: 554px;
	align-items: center;
	justify-content: space-between;
}

.news .content .lt {
	width: 584px;
}

.news .content .lt h3 {
	display: flex;
	line-height: 2;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ABBACD;
	font-size: 24px;
}

.news .content .lt h3 p {
	position: relative;
}

.news .content .lt h3 p b {
	font-weight: normal;
}

.news .content .lt h3 p i {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 46px;
	height: 5px;
	border-radius: 5px;
	background: linear-gradient(90deg, rgba(115, 209, 227, 1) 0%, rgba(69, 148, 255, 1) 100%);
}

.news .content .lt h3 a {
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
}

.news .content .lt .link-news {
	margin-top: 39px;
}

.news .content .lt .link-news a {
	display: block;
	margin-bottom: 30px;
	font-size: 16px;
	text-overflow: ellipsis;
	/*//让超出的用...实现*/
	white-space: nowrap;
	/*//禁止换行*/
	overflow: hidden;
	/*//超出的隐藏*/
}
.news .content .lt .link-news a span{
	font-weight: 1200;
	font-size: 20px;
	margin-right: 7px;
	vertical-align: text-top;
}
.news .content .lt .link-news a:hover {
	color: #2D8BF1;
}

.news .content .rt {
	width: 538px;
	height: 334px;
	position: relative;
}

.news .content .rt img {
	width: 100%;
	height: 100%;
	display: block;
}

.news .content .rt p {
	width: 486px;
	height: 49px;
	line-height: 49px;
	background: #2CA2F3;
	color: #fff;
	padding: 0 12px;
	font-size: 16px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.72);
	text-overflow: ellipsis;
	/*//让超出的用...实现*/
	white-space: nowrap;
	/*//禁止换行*/
	overflow: hidden;
	/*//超出的隐藏*/
	position: absolute;
	bottom: 19px;
	left: -11px;
}


/*end 新闻资讯*/


/*start 荣耀资质*/

.honor {
	width: 100%;
	height: 845px;
	padding-top: 137px;
	background: url(ruyubg.png)/*tpa=/images/ruyubg.png*/ no-repeat;
	background-size: 100% 100%;
}

.honor .content h3,
.join-us .content h3,
.staff-activities h3 {
	position: relative;
	width: 459px;
	margin: auto;
	line-height: 1.8;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.honor .content h3 p,
.join-us .content h3 p,
.staff-activities h3 p {
	width: 207px;
	background: #4c6287;
	position: absolute;
	left: 126px;
	top: -34px;
	text-align: center;
}

.honor .content h3 p b,
.join-us .content h3 b,
.staff-activities h3 b {
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.honor .content h3 p span,
.join-us .content h3 span,
.staff-activities h3 span {
	font-size: 24px;
}

.honor .content .honor-nav {
	display: flex;
	margin-top: 109px;
}

.honor .content .honor-nav span {
	flex: 1;
	font-size: 20px;
	text-align: center;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px solid #a2b8d7;
	color: #a2b8d7;
	cursor: pointer;
}

.honor .content .honor-nav span:hover,
.honor .content .honor-nav span.active {
	color: #60B2FF;
	height: 55px;
	border-bottom: 3px solid #60B2FF;
}

.honor .content .honor-con {
	margin-top: 30px;
	width: 1200px;
	height: 494px;
	overflow: hidden;
}

.honor .content .honor-con .con {
	position: relative;
}

.honor .content .honor-con .con p {
	width: 1200px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.honor .content .honor-con .con p:first-child {
	display: block;
}

.honor .content .honor-con .con p img {
	display: block;
	width: 100%;
}


/*end 荣耀资质*/


/*start 加入我们*/

.join-us {
	width: 100%;
	background: #f6f6ff;
	padding-top: 137px;
	overflow: hidden;
}

.join-us .content h3 {
	margin-bottom: 117px;
	border-color: #BFC5D7;
}

.join-us .content h3 p {
	background: #f6f6ff;
}

.join-us .content h3 p span {
	color: #2F3442;
}

.join-us .content .con {
	height: 270px;
	padding-top: 4px;
	overflow: hidden;

	width: 100%;
	position: relative;
}

.join-us .content ul {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.join-us .content .con .img-btn-list {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

.join-us .content .con .img-btn-list>span {
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 4px;
	background: rgba(53, 157, 248, .2);
	margin: 0 6px;
	cursor: pointer;
}

.join-us .content .con .img-btn-list>span.current {
	background: rgba(53, 157, 248, .8);
}

.join-us .content ul li {
	height: 230px;
	float: left;
	position: relative;
}

.join-us .content ul li>div {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}

.join-us .content ul li .list {
	width: 376px;
	height: 222px;
	background: #fff;
	box-shadow: 0 0 5px rgba(25, 43, 57, 0.32);
	padding: 30px;
}

.join-us .content ul li .list .top {
	display: flex;
	height: 80px;
	align-items: center;
	padding-bottom: 23px;
	border-bottom: 1px solid #ccc;
}

.join-us .content ul li .list .top img {
	width: 57px;
	height: 57px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 22px;
}

.join-us .content ul li .list .top p {
	margin-top: 5px;
}

.join-us .content ul li .list .top p b {
	display: block;
	line-height: 1;
	font-size: 23px;
	color: #323856;
}

.join-us .content ul li .list .top p em {
	font-style: normal;
	display: flex;
	margin-top: 5px;
}

.join-us .content ul li .list .top p em span {
	margin-right: 24px;
}

.join-us .content ul li .list .top p em span {
	display: flex;
	align-items: center;
}

.join-us .content ul li .list .top p em span i {
	font-size: 12px;
	display: block;
	margin-right: 5px;
	color: #38A7EE;
}

.join-us .content ul li .list .bottom {
	color: #999;
	margin-top: 14px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.join-us .content ol {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.join-us .content ol li {
	width: 17px;
	height: 6px;
	border-radius: 3px;
	background: #a8d2f3;
	cursor: pointer;
	margin: 0 9px;
}

.join-us .content ol li:hover,
.join-us .content ol li.active {
	background: #359DF8;
}

.join-us .content .hr-tel {
	width: 770px;
	height: 60px;
	margin: 40px auto 109px;
	background: #cde7ff;
	color: #31A7F5;
	position: relative;
}

.join-us .content .hr-tel .conter {
	height: 60px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.join-us .content .hr-tel h4 {
	border-right: 1px solid #31A7F5;
	height: 24px;
	line-height: 24px;
	padding: 0 49px 0 54px;
}

.join-us .content .hr-tel h4 i {
	font-size: 18px;
	margin-right: 10px;
}

.join-us .content .hr-tel .conter p {
	flex: 1;
	padding: 0 60px;
	display: flex;
	height: 24px;
	align-items: center;
	justify-content: space-around;
}

.join-us .content .hr-tel .conter p span {
	display: flex;
	height: 24px;
	align-items: center;
	font-size: 14px;
}

.join-us .content .hr-tel .conter p span i {
	font-size: 20px;
	margin-right: 10px;
}

.join-us .content .hr-tel .left-sanjiao {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 15px solid #f6f6ff;
}

.join-us .content .hr-tel .right-sanjiao {
	position: absolute;
	right: -1px;
	top: 0px;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 15px solid #f6f6ff;
}


/*end 加入我们*/


/*start员工活动*/

.staff-activities {
	width: 100%;
	background: #e6f0ff;
	padding-top: 137px;
}

.staff-activities h3 {
	border-color: #BFC5D7;
	margin-bottom: 117px;
}

.staff-activities h3 p {
	background: #e6f0ff;
	color: #2F3442;
}

.staff-activities .conter {
	overflow: hidden;
	position: relative;
	height: 500px;
	padding-top: 20px;
}

.staff-activities .conter ul {
	width: 120000px;
	position: absolute;
	height: 340px;
}

.staff-activities .conter ul li {
	width: 426px;
	height: 340px;
	float: left;
	margin: 0 15px;
	position: relative;
}

.staff-activities .conter ul li a {
	position: absolute;
	left: 0;
	top: 0;
	transition: top .1s;
}

.staff-activities .conter ul li.active a {
	top: -15px;
}

.staff-activities .conter ul li img {
	width: 426px;
	height: 280px;
	display: block;
	-webkit-filter: opacity(50%);
	-moz-filter: opacity(50%);
	-ms-filter: opacity(50%);
	-o-filter: opacity(50%);
	filter: opacity(50%);
}

.staff-activities .conter ul li p {
	font-size: 24px;
	color: #333;
	line-height: 2;
	display: none;
}

.staff-activities .conter ul li.active {
	height: 320px;
	width: 489px;
}

.staff-activities .conter ul li.active img {
	-webkit-filter: opacity(100%);
	-moz-filter: opacity(100%);
	-ms-filter: opacity(100%);
	-o-filter: opacity(100%);
	filter: opacity(100%);
	height: 320px;
	width: 489px;
	transition: height .1s;
	box-shadow: 0 0 5px rgba(34, 72, 110, 0.53);
}

.staff-activities .conter ul li.active p {
	display: block;
}

.staff-activities .conter ol {
	display: flex;
	justify-content: center;
	height: 10px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 90px;
}

.staff-activities .conter ol li {
	width: 17px;
	height: 6px;
	border-radius: 3px;
	background: #a2d3fd;
	margin: 0 9px;
}

.staff-activities .conter ol li.active {
	background: #359DF8;
}


/*end员工活动*/


/*start 所有新闻*/

body.gray {
	background: #f3f7ff;
}

.all-news {
	margin-top: 30px;
}

.all-news .content {
	background: #fff;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
}

.all-news .content .lt {
	width: 811px;
}

.all-news .content .lt dl dt,
.all-news .content .rt dl dt {
	height: 47px;
	line-height: 47px;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	font-size: 14px;
}

.all-news .content .lt dl dt p,
.all-news .content .rt dl dt p {
	border-bottom: 3px solid #1fadff;
	margin-bottom: -1px;
	color: #1fadff;
	padding: 0 10px;
}

.all-news .content .lt dl dt a {
	color: #999;
}

.all-news .content .lt dl dd {
	border-bottom: 1px solid #ccc;
	padding-bottom: 28px;
	padding-top: 28px;
}

.all-news .content .lt dl dd:nth-child(2) {
	padding-top: 0;
}

.all-news .content .lt dl dd a {
	display: flex;
}

.all-news .content .lt dl dd a .left {
	width: 213px;
	height: 140px;
	margin-right: 25px;
}

.all-news .content .lt dl dd a .right {
	flex: 1;
	margin-top: 16px;
}

.all-news .content .lt dl dd a .right h3 {
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}

.all-news .content .lt dl dd a .right p {
	font-size: 14px;
	color: #808080;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 14px;
}

.all-news .content .lt dl dd a .right .bot {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #a8a8a8;
}

.all-news .content .lt dl dd a:hover .right h3 {
	color: #0f8ad0;
}

.all-news .content .lt dl dd a:hover .right p {
	text-decoration: underline;
}

.all-news .content .lt .paging {
	margin: 50px 0 67px;
	display: flex;
	justify-content: center;
}

.all-news .content .lt .paging a {
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 40px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0 8px;
	font-size: 14px;
	color: #aaaaaa;
}

.all-news .content .lt .paging a:hover {
	background: #3299db;
	color: #fff;
	border-color: #3299db;
}

.all-news .content .lt .paging input {
	width: 64px;
	height: 36px;
	border: 1px solid #ccc;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	margin: 0 8px;
	color: #aaaaaa;
}

.all-news .content .rt {
	flex: 1;
	margin-left: 40px;
}

.all-news .content .rt dl dt {
	border-bottom: none;
	margin-bottom: 24px;
}

.all-news .content .rt dl dd {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.all-news .content .rt dl dd:last-child {
	margin-bottom: 0;
}

.all-news .content .rt dl dd i {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1daefd;
}

.all-news .content .rt dl dd a {
	flex: 1;
	margin-left: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.all-news .content .rt dl dd a:hover {
	color: #1daefd;
	text-decoration: underline;
}


/*end 所有新闻*/


/*start 新闻详情*/

.all-news .details .lt dl dt p {
	color: #333;
	border-bottom: none;
}

.all-news .details .lt dl dt p a {
	color: #1eacfe;
}

.all-news .details .lt dl dd {
	font-size: 14px;
	padding-bottom: 0;
}

.all-news .details .lt dl dd h2 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
}

.all-news .details .lt dl dd .time {
	margin-bottom: 40px;
	color: #a9a9a9;
}

.all-news .details .lt dl dd p {
	margin-bottom: 20px;
}

.all-news .details .lt dl dd img {
	max-width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.all-news .details .lt .turn-over {
	margin: 20px 0 50px 0
}

.all-news .details .lt .turn-over a {
	display: block;
	font-size: 14px;
	line-height: 2;
	color: #666;
}

.all-news .details .lt .turn-over a:hover {
	color: #1facfc;
}


/*end新闻详情*/