/* 公共部分 */
@font-face {
	font-family: 'SourceHanSansCN-Normal';
	src: url('../font/SourceHanSansCN-Normal.ttf');
	src: url('../font/SourceHanSansCN-Normal.eot') format('embedded-opentype'),
		url('../font/SourceHanSansCN-Normal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'arial_bold';
	src: url('../font/arial_bold_t.ttf');
	src: url('../font/arial_bold_t.eot') format('embedded-opentype'),
		url('../font/arial_bold_t.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSansCN-Bold';
	src: url('../font/SourceHanSansCN-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'iconfont';
	src: url('../font/iconfont.eot');
	src: url('../font/iconfont.eot') format('embedded-opentype'),
		url('../font/iconfont.woff') format('woff'),
		url('../font/iconfont.ttf') format('truetype'),
		url('../font/iconfont.svg') format('svg');

}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: 'SourceHanSansCN-Normal', 'Microsoft YaHei';
	color: #222222;
}

html,
body {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#newBridge .nb-icon-wrap{
	width: 68px !important;
	height: 98px !important;
}
#newBridge .nb-icon-right-center{
	bottom: 50px !important;
	top:auto !important;
}

/* header部分 */
.header {
	width: 100%;
	height: 76px;
	line-height: 76px;
	/* background: #ffffff; */
	/* position: relative; */
	z-index: 100;
	position: absolute;
}

.header .wrap {
	height: 100%;
	/* padding: 0 1vw; */
	display: flex;
	justify-content: space-between;
}

.header .logo {
	display: inline-block;
	height: 100%;
	width: 100px;
	position: relative;
}

.header .logo img {
	position: absolute;
	left: 0;
	top: 50%;
}

.header .navlist {
	display: inline-block;
	padding: 0 0 0 3%;
	width: 56%;
}

.header .navlist>li {
	display: inline-block;
	margin-right: 5%;
	position: relative;
}

.header .navlist>li:last-child {
	margin-right: 0;
}

.header .navlist>li .nav-item {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	transition: all 0.4s;
	position: relative;
	font-style: normal;
	/* border: 1px solid #ffffff; */
	/* background: #ffffff; */
}

.header .navlist>li .nav-item:hover {
	transition: all 0.4s;
	/* color: #135293; */
}

.header .navlist>li .nav-item::after {
	content: "";
	display: inline-block;
	width: 0%;
	height: 2px;
	background: #ffffff;
	border-radius: 1px;
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
}

.header .navlist>li .nav-item:hover::after {
	transition: all 0.4s;
	width: 100%;
}

.header .navlist>li .nav-item.active-nav {
	transition: all 0.4s;
	color: #ffffff;
}

.header .navlist>li .nav-item.active-nav::after {
	transition: all 0.4s;
	width: 100%;
}

.header .navlist>li .drop-nav {
	width: 140px;
	display: none;
	position: absolute;
	padding: 10px 0;
	top: 82px;
	left: 50%;
	margin-left: -70px;
	z-index: 3;
	text-align: center;
	background: #ffffff;
}

.header .navlist>li .drop-nav .item {
	height: 40px;
	line-height: 40px;
	background: #ffffff;
	width: 100%;
}

.header .navlist>li .drop-nav .item a {
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all 0.4s;
	background: #ffffff;
	border-color: #ffffff;
	color: #666666;
}

.header .navlist>li .drop-nav .item a:hover {
	translate: all 0.4s;
	background: #fcfcfc;
	color: #135293;
}

.header .ph-number {
	display: inline-block;
}

.header .ph-number img {
	position: relative;
	top: 22px;
}

.header .ph-number .number {
	display: inline-block;
	padding-left: 10px;
	font-weight: 600;
	font-size: 16px;
	font-family: SourceHanSansCN-Bold;
	color: #ffffff;
}

.header .login {
	width: 80px;
	display: inline-block;
	height: 35px;
	background: #FFFFFF;
	/* border: 1px solid #135293; */
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 16px;
	color: #135293;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
}

.header .register {
	width: 80px;
	display: inline-block;
	height: 35px;
	background: #135293;
	border: 1px solid #135293;
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
}

.mobile-login-info {
	display: none;
}

@media screen and (max-width: 1680px) {
	.header .navlist {
		width: 56%;
		padding: 0 0 0 5%;
	}

	.index-banner .mask-box .box-content {}
}

@media screen and (max-width: 1440px) {

	/* .header .wrap {
	    width: 1300px;
	} */
	.header .navlist {
		width: 56%;
		padding: 0 0 0 1%;
	}

	.header .ph-number img {
		width: 36px;
	}

	.header .ph-number .number {
		padding-left: 8px;
		font-size: 16px;
	}
}

@media screen and (max-width: 1366px) {

	/* .header .wrap {
	    width: 1250px;
	} */
	.header .navlist {
		width: 56%;
		padding: 0 0 0 3%;
	}

	.header .ph-number img {
		width: 34px;
	}

	.header .ph-number .number {
		padding-left: 8px;
		font-size: 16px;
	}

	.header .navlist>li {
		margin-right: 4%;
	}

	.header .navlist>li .nav-item::after {
		bottom: 0px;
	}
}

@media screen and (max-width: 1280px) {
	.header .ph-number img {
		width: 30px;
		top: 24px;
	}

	.header .ph-number .number {
		padding-left: 5px;
		font-size: 20px;
	}

	.header .navlist {
		padding: 0 0 0 5%;
	}

	.header .navlist {
		/* display: flex; */
		display: inline-block;
		padding: 0 0 0 3%;
		width: 70%;
	}

	.ph-number {
		display: none !important;
	}
}

@media screen and (max-width: 1040px) {
	.header .navlist>li .nav-item {
		font-size: 14px;
		color: #222222;
	}

	.header .navlist>li .nav-item.active-nav {
		color: #135293;
	}

	.header .ph-number img {
		width: 28px;
		top: 26px;
	}

	.header .ph-number .number {
		padding-left: 5px;
		font-size: 16px;
	}

	.header .navlist {
		display: none;
		position: absolute;
		width: 100%;
		padding: 10px 0;
		left: 0;
		top: 68px;
		z-index: 3;
		background: #ffffff;
		box-shadow: 0px 4px 4px 1px #fcfcfc;
		border-top: 1px solid #fcfcfc;
	}

	.swiper-container {
		position: inherit;
	}

	.login-info {
		display: none;
	}

	.mobile-login-info {
		display: block;
		margin-left: 4% !important;
	}

	.header .toggle-humber {
		width: 40px;
		position: absolute;
		height: 35px;
		margin-top: 21px;
		cursor: pointer;
		right: 0;
		top: 0;
	}

	.header .toggle-humber span {
		display: inline-block;
		width: 20px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 16px;
		right: 0px;
		transition: background-color 0.3s ease-out 0.1s;
	}

	.header .toggle-humber span:before {
		content: '';
		display: inline-block;
		width: 23px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: -8px;
		right: 0px;
		transition: transform 0.3s ease-out, top 0.5s ease 0.4s;
		transform: rotate(0deg);
	}

	.header .toggle-humber span:after {
		content: '';
		display: inline-block;
		width: 20px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		top: 8px;
		right: 0px;
		transition: transform 0.3s ease-out, top 0.5s ease 0.4s;
		transform: rotate(0deg);
	}

	.header .wrap>.fr {
		position: relative;
		padding-right: 50px;
	}

	.header .toggle-humber.on span {
		background-color: transparent;
	}

	.header .toggle-humber.on span:before {
		transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
		transform: rotate(45deg);
		top: 0px;
	}

	.header .toggle-humber.on span:after {
		transition: top 0.5s ease, transform 0.3s ease-out 0.4s;
		transform: rotate(-45deg);
		top: 0px;
		width: 23px;
	}

	.header .navlist>li {
		margin-right: 0;
		width: 100%;
		line-height: 42px;
		padding: 0 4%;
	}

	.header .navlist>li .nav-item {
		position: relative;
	}

	.header .navlist>li:nth-child(2) .nav-item::before {
		content: '>';
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 108%;
		top: 0;
	}

	.header .navlist>li:nth-child(3) .nav-item::before {
		content: '>';
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 108%;
		top: 0;
	}

	.header .navlist>li:nth-child(4) .nav-item::before {
		content: '>';
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 108%;
		top: 0;
	}

	.header .navlist>li .drop-nav {
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		position: relative;
		text-align: left;
		padding: 0 0 0 20px;
	}

	.header .navlist>li .nav-item:hover::after {
		width: 0%;
	}

	.header .navlist>li .nav-item.active-nav::after {
		width: 0%;
	}
}

@media screen and (max-width: 768px) {
	.header {
		height: 68px;
		line-height: 68px;
	}

	.header .ph-number img {
		width: 24px;
		top: 24px;
	}

	.header .toggle-humber {
		margin-top: 17px;
	}

	.header .logo {
		width: 10vw;
	}

}

@media screen and (max-width: 500px) {
	.header .logo {
		width: 14vw;
	}

	.header .ph-number .number {
		padding-left: 4px;
		font-size: 13px;
	}

	.header .ph-number img {
		width: 20px;
		top: 26px;
	}

	.header .navlist {
		top: 68px;
	}

	.footer .company-item h6 {
		margin-top: 0 !important;
	}

	.footer .company-item .item-img {
		align-items: flex-start !important;
	}

	.hospital-strong {
		margin-top: 0px !important;
	}
}

/* footer部分 */
.footer {
	background: #135293;
	color: #ffffff;
}

.footer .footer-left h5 {
	font-size: 16px;
}

.footer .footer-left .f1 {
	font-weight: 600;
	font-family: 'arial_bold';
	letter-spacing: 1px;
}

.footer .footer-left .consult-btn {
	display: block;
	width: 144px;
	height: 42px;
	color: #135293;
	background: #ffffff;
	transition: all 0.4s;
	line-height: 40px;
	text-align: center;
}

.footer .footer-left .consult-btn:hover {
	transition: all 0.4s;
	background: #398409;
	color: #ffffff;
}

.footer .footer-left .links-list .item {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	transition: all 0.4s;
	width: 46px;
	height: 46px;
	background: url(../image/f_icon1.png) no-repeat center center;
	background-size: 46px;
}

.footer .footer-left .links-list .item:nth-child(2) {
	background: url(../image/f_icon2.png) no-repeat center center;
	background-size: 46px;
}

/* .footer .footer-left .links-list .item:nth-child(3) {
	background: url(../image/f_icon2.png) no-repeat center center;
	background-size: 46px;
} */

.footer .footer-left .links-list .item:hover {
	transition: all 0.4s;
	opacity: 1;
	background: url(../image/f_icon1_o.png) no-repeat center center;
	background-size: 46px;
}

.footer .footer-left .links-list .item:nth-child(2):hover {
	background: url(../image/f_icon2_o.png) no-repeat center center;
	background-size: 46px;
}

/* .footer .footer-left .links-list .item:nth-child(3):hover {
	background: url(../image/f_icon2_o.png) no-repeat center center;
	background-size: 46px;
} */

.footer .footer-left .links-list .item .over-data {
	opacity: 0;
	position: absolute;
	top: 45px;
	left: 50%;
	width: 180px;
	text-align: center;
	transition: all 0.4s;
}

.footer .footer-left .links-list .item:hover .over-data {
	opacity: 1;
	transition: all 0.4s;
}

.footer .footer-right {
	width: 70%;
	display: flex;
	justify-content: flex-end;
}

.footer .company-item {
	color: #ffffff;
	transition: all 0.4s;
	width: 207px;
	margin-left: 10%;
}

.footer .company-item .item-img {
	width: 100%;
	overflow: hidden;
}

.footer .company-item .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.footer .company-item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.footer .company-item h6 {
	margin-top: 10px;
}

.footer .company-item p {
	color: #D0E7FF;
	line-height: 22px;
}

/* .footer .company-item:nth-child(3) {
	margin-left: 10%;
}
 */
.footer .footer-bottom {
	border-top: 1px solid #326295;
	line-height: 68px;
	text-align: center;
}

@media screen and (max-width: 1366px) {
	.footer .company-item {
		margin-left: 8%;
	}
}

@media screen and (max-width: 1280px) {
	.footer .company-item {
		margin-left: 6%;
	}

	.footer .footer-right {
		width: 78%;
	}

	.footer .footer-left .links-list .item .over-data {
		width: 150px;
	}
}

@media screen and (max-width: 1040px) {
	.footer .company-item {
		margin-left: 3%;
		width: 26%;
	}

	.footer .footer-left .f1 {
		font-size: 22px;
	}

	.footer .footer-left h5 {
		font-size: 14px;
	}

	.footer .footer-left .links-list .item {
		margin-right: 15px;
		width: 40px;
		height: 40px;
		background-size: 100%;
	}

	.footer .footer-left .links-list .item:hover {
		background-size: 100%;
	}

	.footer .footer-left .links-list .item:nth-child(2) {
		background-size: 100%;
	}

	.footer .footer-left .links-list .item:nth-child(3) {
		background-size: 100%;
	}

	.footer .footer-left .links-list .item:nth-child(2):hover {
		background-size: 100%;
	}

	.footer .footer-left .links-list .item:nth-child(3):hover {
		background-size: 100%;
	}

	.footer .footer-left .links-list .item .over-data {
		width: 120px;
		left: 60%;
	}

	.footer .footer-right {
		width: 76%;
	}
}

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

	.footer .footer-left {
		width: 100%;
		padding: 20px;
	}

	.footer .footer-left .consult-btn {
		width: 130px;
		height: 38px;
		line-height: 38px;
		display: inline-block;
		float: right;
		margin-right: 20px;
	}

	.footer .footer-left .links-list .item {
		margin-right: 10px;
		width: 32px;
		height: 32px;
	}

	.footer .footer-right {
		width: 100%;
		margin-top: 20px;
		flex-direction: column;
	}

	.footer .company-item {
		margin-left: 0;
		/* width: 31%; */
		width: 90%;
		margin-bottom: 20px;
		display: flex;
	}

	.footer .company-item .item-img {
		display: flex;
		align-items: center;
		width: 120px;
	}

	.footer .company-item .item-img img {
		display: flex;
		align-items: center;
		/* height: 100px; */
		width: 120px;
	}

	.fr {
		float: left;
		margin-left: 5px;
	}

	.footer .company-item .item-txt {
		flex: 1;
		margin-left: 10px;
	}

	.footer .footer-left .links-list .item .over-data {
		width: 120px;
	}

	.footer .footer-bottom {
		line-height: 22px;
		padding: 20px;
	}

	.footer .footer-left .f1 {
		font-size: 18px;
	}


}

@media screen and (max-width: 500px) {
	.footer .footer-left .links-list .item .over-data {
		width: 110px;
		left: 66%;
	}

}

/* 侧边栏 */
.m-fixed-box {
	width: 70px;
	position: fixed;
	right: 0px;
	top: 50%;
	z-index: 99998;
	border-radius: 0.100000rem 0 0 0.100000rem;
}

.m-fixed-box li {
	cursor: pointer;
	transition: all 0.4s;
	text-align: center;
	position: relative;
	width: 64px;
	height: 65px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
}

.m-fixed-box a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.m-fixed-box li:hover {
	transition: all 0.4s;
	background: #135293;
}

.m-fixed-box .iconfont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 28px;
	background: url(../image/slide1.png) no-repeat center center;
	background-size: 100%;
	transition: all 0.4s;
}

.m-fixed-box li:nth-child(2) .iconfont {
	background: url(../image/slide2.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(3) .iconfont {
	width: 21px;
	background: url(../image/slide3.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(4) .iconfont {
	width: 26px;
	background: url(../image/slide4.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(5) .iconfont {
	background: transparent;
}

.m-fixed-box li:nth-child(1):hover .iconfont {
	background: url(../image/slide1_0.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(2):hover .iconfont {
	background: url(../image/slide2_0.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(3):hover .iconfont {
	background: url(../image/slide3_0.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(4):hover .iconfont {
	background: url(../image/slide4_0.png) no-repeat center center;
	background-size: 100%;
}

.m-fixed-box li:nth-child(5):hover .iconfont {
	background: transparent;
}

.m-fixed-box .q_pinfo {
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	box-shadow: 0px 0px 11px 0px rgba(213, 213, 213, 0.5);
	color: #040404;
	padding: 5px 15px;
	line-height: 22px;
	color: #666666;
	opacity: 0;
	transition: all .3s;
	white-space: nowrap;
	box-sizing: border-box;
}

.m-fixed-box .jsBack {
	color: #135293;
	transition: all 0.4s;
	font-size: 30px;
}

.m-fixed-box .jsBack .iconfont {
	font-size: 22px;
	font-weight: 600;
}

.m-fixed-box .jsBack:hover {
	background: #135293;
	color: #ffffff;
	transition: all 0.4s;
	border-color: #135293;
}

.m-fixed-box li:hover .q_pinfo,
.m-fixed-box li .q_pinfo.on {
	opacity: 1;
	transform: translateY(-50%);
}

.m-fixed-box li .q_pinfo .txt.mm {
	padding: 10px 15px;
	text-align: center;
	color: #666666;
}

.m-fixed-box li .q_pinfo::after {
	content: "";
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 50%;
	margin-top: -6px;
	border-style: solid;
	border-width: 6px 6px;
	border-color: transparent transparent transparent #ffffff;
}

@media screen and (max-width: 1440px) {
	.m-fixed-box {
		width: 55px;
		top: 45%;
	}

	.index-right-fixed {
		top: 14% !important;
	}

	.m-fixed-box li {
		width: 50px;
		height: 50px;
	}

	.m-fixed-box .iconfont {
		width: 20px;
	}

	.m-fixed-box li:nth-child(3) .iconfont {
		width: 16px;
	}

	.m-fixed-box li:nth-child(4) .iconfont {
		width: 20px;
	}

	.m-fixed-box .jsBack .iconfont {
		font-size: 18px;
		line-height: 28px;
	}
}

@media screen and (max-width: 1040px) {
	.m-fixed-box {
		top: 80%;
		width: 54px;
	}

	.m-fixed-box li {
		display: none;
		width: 50px;
		height: 50px;
	}

	.m-fixed-box .jsBack {
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.m-fixed-box .jsBack .iconfont {
		font-size: 16px;
	}

	.m-fixed-box li {
		width: 40px;
		height: 40px;
	}

	.m-fixed-box {
		width: 42px;
	}

	.index-right-fixed {
		top: 25% !important;
		display: none;
	}
}

.banner {
	width: 100%;
}

.banner .swiper-slide {
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide>img {
	width: 100%;
}

.areacont {
	overflow: hidden;
}

.areacont .area-title {
	text-align: center;
}

.areacont .area-title .title {
	font-size: 44px;
	font-weight: 900;
	color: #222222;
	line-height: 66px;
	font-family: SourceHanSansCN-Heavy;
}

.areacont .area-title .title-txt {
	padding: 0 30px;
}

.areacont .area-title .title-txt i {
	font-weight: 600;
	color: #135293;
}

.areacont .detaile-links {
	display: block;
	/* border: 1px solid #ffffff; */
	transition: all 0.4s;
	background: #135293;
	margin-top: 35px;
	width: 200px;
	height: 46px;
	line-height: 46px;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	transition: all 0.4s;
}

.areacont .detaile-links .icon {
	display: inline-block;
	width: 22px;
	height: 15px;
	margin-left: 3px;
	background: url(../image/icon2.png) no-repeat center center;
	background-size: 100%;
}

.areacont .detaile-links:hover {
	transition: all 0.4s;
	background: #ffffff;
	color: #135293;
}

.areacont .detaile-links:hover .icon {
	background: url(../image/icon3.png) no-repeat center center;
	background-size: 100%;
}

.secondary-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.secondary-banner>img {
	width: 100%;
	transition: all 0.4s;
}

.secondary-banner:hover>img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.secondary-banner .overtxt {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ffffff;
	font-weight: 600;
}

.secondary-banner .tit {
	font-size: 48px;
	font-weight: normal;
}

.bf.detaile-links {
	display: block;
	margin: 50px auto 0;
	border: 2px solid #135293;
	background: #FFFFFF;
	color: #135293;
	transition: all 0.4s;
}

.bf.detaile-links .icon {
	background: url(../image/icon3.png) no-repeat center center;
}

.bf.detaile-links:hover {
	border: 2px solid #135293;
	background: #135293;
	color: #ffffff;
}

.bf.detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
}

.secondary-banner.b2b .tit {
	font-size: 32px;
	font-weight: normal;
}

.secondary-banner.b2b .txt {
	font-size: 36px;
}


@media screen and (max-width: 1680px) {
	.areacont .area-title .title {
		font-size: 42px;
	}

	.secondary-banner .tit {
		font-size: 40px;
	}

	.secondary-banner p {
		font-size: 38px;
	}

	.about-area1 .tit {
		font-size: 40px;
	}

	.about-area1 .usinfor {
		line-height: 32px;
	}

	.secondary-banner.b2b .tit {
		font-size: 30px;
		font-weight: normal;
	}

	.secondary-banner.b2b .txt {
		font-size: 36px;
	}

}

@media screen and (max-width: 1440px) {
	.areacont .area-title .title {
		font-size: 38px;
	}

	.secondary-banner .tit {
		font-size: 36px;
	}

	.about-area1 .tit {
		font-size: 36px;
	}

	.about-area1 .usinfor {
		line-height: 30px;
	}

	.secondary-banner.b2b .tit {
		font-size: 28px;
		font-weight: normal;
	}

	.secondary-banner.b2b .txt {
		font-size: 34px;
	}
}

@media screen and (max-width: 1366px) {
	.areacont .area-title .title {
		font-size: 32px;
	}

	.areacont .detaile-links {
		font-size: 16px;
		width: 170px;
		height: 44px;
		line-height: 42px;
	}

	.areacont .detaile-links .icon {
		width: 19px;
		height: 11px;
	}

	.secondary-banner .tit {
		font-size: 32px;
	}

	.secondary-banner p {
		font-size: 36px;
	}

	.about-area1 .tit {
		font-size: 32px;
	}

}

@media screen and (max-width: 1280px) {
	.areacont .area-title .title {
		font-size: 30px;
	}

	.areacont .detaile-links {
		font-size: 14px;
		width: 160px;
		height: 40px;
		line-height: 38px;
		margin-top: 30px;
	}

	.areacont .detaile-links .icon {
		width: 18px;
		height: 11px;
	}

	.about-area1 .tit {
		font-size: 28px;
	}

	.secondary-banner .tit {
		font-size: 28px;
	}

	.secondary-banner p {
		font-size: 30px;
	}

}

@media screen and (max-width: 1024px) {
	.areacont .area-title .title {
		font-size: 26px;
	}

	.areacont .detaile-links {
		font-size: 14px;
		width: 14vw;
		height: 36px;
		line-height: 32px;
		border-width: 1px;
		margin-top: 25px;
	}

	.areacont .detaile-links .icon {
		width: 15px;
		height: 9px;
	}

	.about-area1 .tit {
		font-size: 24px;
	}

	.about-area1 .usinfor {
		line-height: 26px;
	}

	.secondary-banner .tit {
		font-size: 24px;
	}

	.secondary-banner p {
		font-size: 26px;
	}

	.secondary-banner.b2b .tit {
		font-size: 26px;
		font-weight: normal;
	}

	.secondary-banner.b2b .txt {
		font-size: 32px;
	}

	.dis-bloc {
		height: 640px !important;
		display: block !important;
	}

	.dis-bloc1 {
		height: 730px !important;
		display: block !important;
	}

	.mar-le {
		margin-left: 0 !important;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.areacont .area-title .title {
		font-size: 24px;
	}

	.areacont .detaile-links {
		font-size: 14px;
		width: 25vw;
		height: 36px;
		line-height: 32px;
		margin-top: 20px;
	}

	.areacont .detaile-links .icon {
		width: 19px;
		height: 9px;
	}

	.about-area1 .tit {
		font-size: 22px;
	}

	.secondary-banner .tit {
		font-size: 20px;
		margin-top: 18px;
	}

	.secondary-banner p {
		font-size: 22px;
	}

	.secondary-banner .overtxt {
		text-align: center;
	}


}

@media screen and (max-width: 600px) {
	.areacont .area-title .title {
		font-size: 22px;
		line-height: 30px;
	}

	.areacont .detaile-links {
		font-size: 14px;
		width: 30vw;
		height: 30px;
		line-height: 28px;
		border-width: 1px;
	}

	.areacont .detaile-links .icon {
		width: 0px;
		height: 9px;
	}

	.areacont .area-title .title-txt {
		padding: 0 20px;
		font-size: 14px;
	}

	.about-area1 .tit {
		font-size: 18px;
	}

	.about-area1 .usinfor {
		line-height: 22px;
	}

	.secondary-banner .tit {
		font-size: 14px;
		margin-top: 10px;
	}

	.secondary-banner p {
		font-size: 16px;
	}

	.secondary-banner {
		height: 20vh;
	}

	.secondary-banner>img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		max-width: none;
		height: 100%;
	}

	.secondary-banner.b2b .tit {
		font-size: 16px;
		font-weight: normal;
	}

	.secondary-banner.b2b .txt {
		font-size: 18px;
	}

	.areacont {
		padding-bottom: 12px;
	}

}

/* 公共部分end */
/* 健康城市 */
.case-city-item {
	padding: 30px 30px;
	width: 49%;
	height: 193px;
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border: 1px solid #EAEAEA;
	border-radius: 8px;
}

.case-city-item:nth-child(2n + 1) {
	margin-right: 2%;
}

.case-city-item:nth-child(3) {
	margin-top: 50px;
}

.case-city-item:nth-child(4) {
	margin-top: 50px;
}

.case-city-item:hover .city-item-title {
	color: #135293;
}

.case-city-item:hover {
	box-shadow: 0 6px 12px 6px rgba(0, 0, 0, 0.06);
	transition: all 0.4s;
	/* transform: scale(1.1); */
}

.city-ml30 {
	margin-left: 30px;
}

.city-item-title {
	font-weight: bold;
	font-size: 24px;
	color: #222;
}

.city-item-text {
	margin-top: 10px;
	font-size: 20px;
	color: #222222;
	line-height: 28px;
}

.city-tab {
	width: 33% !important;
}

.city-suc-box {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}

.city-suc-left {
	margin-right: 100px;
	flex: 1;
}

.city-suc-left .flex-align .line1 {
	width: 4px;
	height: 24px;
	background: #135293;
	margin-right: 12px;
}

.city-suc-title {
	/* margin-left: 20px; */
	font-weight: bold;
	font-size: 24px;
	color: #222222;
}

.city-suc-text {
	margin-top: 10px;
	font-size: 18px;
	color: #222222;
	line-height: 35px;
}

.city-suc-text-h {
	margin-top: 100px;
	font-size: 12px;
	color: #A9A9A9;
}

.trend-item {
	padding: 30px 0;
	margin-right: 80px;
}

.trend-title {
	font-weight: bold;
	font-size: 24px;
	color: #222222;
}

.trend-text {
	margin-top: 10px;
	font-size: 18px;
	color: #222222;
	line-height: 28px;
}

.flex {
	display: flex;
}

.flex-align {
	display: flex;
	align-items: center;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.flex-center-align {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

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

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

.flex-around {
	display: flex;
	justify-content: space-around;
}

.flex1 {
	flex: 1;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

/* .city-suc-img {
    display: flex;
    justify-content: space-between;
} */
/* .city-tab-active {
    font-weight: bold;
}
.city-tab-active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: 3px;
    background-color: #135293;
    border-radius: 1px;
} */
/* 首页 */
/* 首页banner */
.index-banner .mask-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 5% 0;
	height: 100%;
	color: #ffffff;
	z-index: 3;
}

.index-banner .mask-box .txt1 p:nth-child(1) {
	font-size: 36px;
	font-weight: 900;
	font-family: SourceHanSansCN-Heavy;
}

.index-banner .mask-box .txt1 p:nth-child(2) {
	font-size: 18px;
	font-weight: 500;
}

.index-banner .mask-box .txt2 {
	margin-top: 6%;
}

.index-banner .mask-box .h-btn {
	transition: all 0.4s;
	margin-bottom: 2%;
	display: block;
	width: 260px;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	background: #F4BB01;
	text-align: center;
	font-size: 18px;
}

.index-banner .mask-box .h-btn .icon {
	display: inline-block;
	width: 21px;
	height: 15px;
	background: url(../image/icon2.png) no-repeat center center;
	margin-left: 4px;
}

.index-banner .mask-box .h-btn:hover {
	transition: all 0.4s;
	background: #135293;
}

.index-banner .swiper-slide>img {
	transition: all 0.9s;
	transform: scale(1);
}

.index-banner .swiper-slide.swiper-slide-active>img {
	transition: all 0.9s;
	transform: scale(1.1);
}

.index-banner .swiper-pagination {
	bottom: 172px;
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
	width: 56px;
	height: 3px;
	background: #FFFFFF;
	border-radius: 0;
	opacity: 1;
	position: relative;
}

.index-banner .swiper-pagination .swiper-pagination-bullet::after {
	content: "";
	display: inline-block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #135293;
	transition: all 0.3s;
}

.index-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	transition: all 3s;
	width: 100%;
}


.index-banner .task-content {
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	position: absolute;
	z-index: 10;
	bottom: 0px;
	display: block;

}

.index-banner .mask-box .box-content {
	position: absolute;
	/* width: 1440px; */
	bottom: 267px;
	left: 0;
	right: 0;
}

.index-banner .mask-box .txt1 {
	width: 900px;
}

@media screen and (max-width: 1680px) {

	.index-banner {}

	.mask-box .txt2 {
		margin-top: 4%;
	}

	/* 	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 46px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 52px;
	} */
	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 36px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 18px;
	}

	.index-banner .mask-box .box-content {
		bottom: 190px;
		/* left: 100px; */
		left: 0px;
	}

	.index-banner .mask-box .h-btn {
		width: 230px;
		height: 58px;
		line-height: 58px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 52px;
	}
}

@media screen and (max-width: 1440px) {
	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 36px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 18px;
	}

	.index-banner .mask-box .box-content {
		bottom: 190px;
		/* left: 100px; */
		left: 0px;
	}

	.index-banner .mask-box .h-btn {
		width: 230px;
		height: 58px;
		line-height: 58px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 52px;
	}
}

@media screen and (max-width: 1366px) {


	.index-banner .mask-box .txt2 {
		margin-top: 2%;
	}

	/* 	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 40px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 44px;
	} */

	.index-banner .mask-box .h-btn {
		width: 220px;
		height: 50px;
		line-height: 50px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 50px;
	}
}

@media screen and (max-width: 1280px) {
	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 24px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 16px;
	}

	.index-banner .mask-box .box-content {
		bottom: 190px;
		/* left: 100px; */
		left: 0px;
	}

	.index-banner .mask-box {
		padding: 3% 0;
	}

	/* 	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 34px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 38px;
	} */

	.index-banner .mask-box .h-btn {
		font-size: 16px;
		width: 200px;
		height: 46px;
		line-height: 46px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 46px;
	}

	.index-banner .mask-box .h-btn .icon {
		width: 20px;
		height: 13px;
		background: url(../image/icon2.png) no-repeat center center;
		background-size: 100% auto;
	}
}

.index-banner .mask-box .txt1 p:nth-child(3) {
	display: none;
}

.index-banner .mask-box .txt1 p:nth-child(4) {
	display: none;
}

@media screen and (max-width: 1040px) {

	/* .index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 28px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 32px;
	}
 */
	.index-banner .mask-box .h-btn {
		font-size: 14px;
		width: 20vw;
		height: 40px;
		line-height: 40px;
	}

	.index-banner .mask-box .h-btn .icon {
		width: 18px;
		height: 9px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 36px;
		height: 4px;
		border-radius: 10px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet::after {
		border-radius: 10px;
	}
}

@media screen and (max-width: 768px) {
	/* .index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 24px;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 26px;
	} */

	.index-banner .mask-box .h-btn {
		width: 25vw;
		height: 36px;
		line-height: 36px;
	}

	.header .ph-number {
		display: inline-block !important;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 30px;
		height: 3px;
		border-radius: 10px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet::after {
		border-radius: 10px;
	}

}

@media screen and (max-width: 600px) {
	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 16px !important;

		padding: 0 30px;
		display: none;
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 10px !important;
		display: none;
	}

	.index-banner .mask-box .txt1 p:nth-child(3) {
		font-size: 16px !important;
		display: block;
	}

	.index-banner .mask-box .txt1 p:nth-child(4) {
		font-size: 16px !important;
		display: block;
	}

	.index-banner .mask-box p.phone-txt {
		display: none;
	}

	.index-banner .mask-box p.link-txt {
		display: none;
	}

	.index-banner .mask-box .h-btn .icon {
		display: none;
	}

	.index-area1 .data-item {
		height: auto !important;
	}

	.index-banner .swiper-pagination {
		bottom: 10px;
	}

	.index-banner .swiper-pagination .swiper-pagination-bullet {
		width: 20px;
		height: 2px;
	}

	.index-banner .mask-box .h-btn {
		width: 24vw;
		height: 28px;
		line-height: 28px;
		margin: 10px auto 0;
	}

	.index-banner .mask-box {
		text-align: center;
	}

}

/* <!-- 首页-数据列表 --> */
.index-area1 {
	margin-bottom: 50px;
}

.index-area1 .data-item {
	display: inline-block;
	width: 20%;
	/* padding-left: 5%; */
	position: relative;
	transition: all 0.4s;
	height: 144px;
	text-align: center;
}

.index-area1 .data-item:hover {
	background-color: rgba(255, 255, 255, 0.1);
	transition: all .5s cubic-bezier(.4, 0, .2, 1) 0s
}

.index-area1 .data-item .counter {
	font-size: 36px;
	font-weight: 900;
	color: #ffffff;
	/* line-height: 96px; */
	line-height: 40px;
	font-family: 'SourceHanSansCN-Bold';
}

.index-area1 .data-item .counter1 {
	font-size: 36px;
	font-weight: 900;
	color: #ffffff;
	/* line-height: 96px; */
	line-height: 40px;
	font-family: 'SourceHanSansCN-Bold';
}

.index-area1 .data-item .data {
	margin-top: 40px;
}

.index-area1 .data-item::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 88px;
	background: #ffffff;
	opacity: 0.13;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -44px;
}

.index-area1 .data-item:last-child::after {
	opacity: 0;
}

.index-area1 .data-item .secorde {
	font-size: 24px;
	color: #ffffff;
}

.index-area1 .data-item .name {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	line-height: 24px;
	/* margin-top: 5px; */
}

.h5-lg-show {
	display: block;
}

.h5-md-show {
	display: none;
}

@media screen and (max-width: 1680px) {
	.index-area1 .data-item .counter {
		font-size: 62px;
	}
}

@media screen and (max-width: 1440px) {
	.index-area1 .data-item .counter {
		font-size: 58px;
	}

	.h5-lg-show {
		display: none;
	}

	.h5-md-show {
		display: block;
	}
}

@media screen and (max-width: 1366px) {
	.index-area1 .data-item .counter {
		font-size: 54px;
	}

	.index-area1 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 1280px) {
	.index-area1 .data-item .counter {
		font-size: 50px;
	}

	.index-area1 .data-item .secorde {
		font-size: 20px;
	}

	.index-area1 .data-item::after {
		height: 40px;
	}
}

@media screen and (max-width: 1024px) {
	.index-area1 .data-item .counter {
		font-size: 42px;
		line-height: 80px;
	}

	.index-area1 .data-item .secorde {
		font-size: 18px;
	}

	.index-area1 .data-item::after {
		height: 30px;
	}

	.index-area1 .data-item .name {
		font-size: 14px;
	}

}

@media screen and (max-width: 768px) {
	.index-area1 .data-item .counter {
		font-size: 38px;
		line-height: 70px;
		display: inline-block;
	}

	.index-area1 .data-item .secorde {
		font-size: 16px;
	}

	.index-area1 {
		margin-bottom: 0px;
	}

	.md-show {
		display: none;
	}



	.index-area4 .tab-box .tab-item.active-tab::after {
		bottom: 0px !important;
		margin-left: 0px !important;
	}
}

@media screen and (max-width: 500px) {
	.index-area1 .data-item .counter {
		font-size: 25px;
		line-height: 30px;
	}

	.rexian {
		display: none;
	}

	.index-area1 .data-item .secorde {
		font-size: 14px;
	}

	.index-area1 .data-item {
		padding-left: 0;
		width: 33.3%;
		margin-bottom: 10px;
	}

	.index-area2 .skill-cont li p {
		margin-top: 10px;
	}

}

/* 首页-技术开发 */
.index-area2 {
	margin-top: 60px;
}

.index-area2 .left-cont {
	display: inline-block;
	width: 72.2%;
	margin-right: 1.5%;
}

.index-area2 .skill-cont li {
	position: relative;
	overflow: hidden;
}

.index-area2 .left-cont>li {
	margin-bottom: 2.2%;
}

.index-area2 .left-cont>li {
	margin-right: 2.3%;
}

.index-area2 .left-cont>li:nth-child(3) {
	margin-right: 0;
}

.index-area2 .left-cont>li:nth-child(5) {
	margin-right: 0;
}

.index-area2 .left-cont .big-item {
	width: 65.5%;
}

.index-area2 .left-cont .small-item {
	width: 31.5%;
}

.index-area2 .right-cont {
	display: inline-block;
	width: 23%;
	margin-right: 2%;
}

.index-area2 .right-cont li>img {
	width: 100%;
}

.index-area2 .skill-cont li>img {
	width: 100%;
	transition: all 0.4s;
}

.index-area2 .skill-cont li:hover>img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.index-area2 .skill-cont li .overtxt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transition: all .5s cubic-bezier(.4, 0, .2, 1) 0s;
}

.index-area2 .skill-cont li .state1 {
	padding: 0 30px;
	display: block;
	text-align: center;
	transition: all 0.4s;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.index-area2 .skill-cont li p {
	color: #ffffff;
	margin-top: 15px;
}

.index-area2 li .state2 {
	width: 100%;
	opacity: 0;
	transition: all 0.4s;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 30px;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.index-area2 .skill-cont li:hover .overtxt {
	transition: all .5s cubic-bezier(.4, 0, .2, 1) 0s;
	background: rgba(0, 78, 162, 0.8);
}

.index-area2 li:hover .state1 {
	display: none;
}

.index-area2 li:hover .state2 {
	opacity: 1;
	transition: all 0.4s;
	color: #ffffff;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.index-area2 li .state2 .titele img {
	display: inline-block;
	margin-right: 20px;
}

.index-area2 li .state2 .item-txt {
	text-align: center;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.index-area2 li:hover .state2 .detaile-links {
	transition: all 0.8s;
	float: right;
}

@media screen and (max-width: 1440px) {
	.index-area2 .skill-cont li .overtxt img {
		width: 42px;
	}
}

@media screen and (max-width: 1366px) {
	.index-area2 .skill-cont li .overtxt img {
		width: 35px;
		margin-right: 14px;
		position: relative;
		top: -4px;
	}

	.index-area2 li .state2 {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1280px) {
	.index-area2 .skill-cont li .overtxt img {
		width: 30px;
		margin-right: 15px;
	}

	.index-area2 li .state2 {
		padding: 0 22px;
	}
}

@media screen and (max-width: 1040px) {
	.index-area2 .skill-cont li .overtxt img {
		width: 25px;
		margin-right: 10px;
	}

	.index-area2 li .state2 {
		padding: 0 15px;
	}

	.index-area2 li .state2 .titele {
		font-size: 16px;
		margin-bottom: 10px;
		text-align: center;
	}

	.index-area2 li .state2 .item-txt {
		display: none;
	}

	.index-area2 li .state1 .item-txt1 {
		display: none;
	}

	.index-area2 li:hover .state2 .detaile-links {
		float: none;
		margin: 20px auto 0;
		width: 16vw;
	}

}

@media screen and (max-width: 1280px) {
	.index-area2 .right-cont {
		margin-bottom: 10px;
	}

	.index-area2 .skill-cont li .state1 {
		padding: 0 10px;
	}
}

@media screen and (max-width: 500px) {
	.index-area2 {
		margin-top: 40px;
	}

	.index-area2 .left-cont {
		width: 100%;
		margin-right: 0%;
	}

	.index-area2 .skill-cont li .overtxt img {
		width: 22px;
		margin-right: 3px;
	}

	.index-area2 .right-cont {
		width: 100%;
	}

	.index-area2 .right-cont .big-item {
		overflow: hidden;
		position: relative;
		height: 18vh;
	}

	.index-area2 .right-cont .big-item>img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.index-area2 .right-cont .big-item:hover>img {
		transform: translate(-50%, -50%) scale(1.1);
	}

	.index-area2 li .state2 .titele {
		font-size: 14px;
		margin-bottom: 6px;
	}

	.index-area2 li:hover .state2 .detaile-links {
		margin: 10px auto 0;
		width: 20vw;
	}
}

/*首页- 产品中心 */
.index-area3 {
	color: #ffffff;
	transition: all 0.5s;
}

.index-area3.bg1 {
	background: #35404d url(../image/bg2.jpg) no-repeat center top;
	background-size: auto 100%;
}

.index-area3.bg2 {
	background: #35404d url(../image/bg2_1.jpg) no-repeat center top;
	background-size: auto 100%;
}

.index-area3.bg3 {
	background: #35404d url(../image/bg2_2.jpg) no-repeat center top;
	background-size: auto 100%;
}

.index-area3.bg4 {
	background: #35404d url(../image/bg2_3.jpg) no-repeat center top;
	background-size: auto 100%;
}

.index-area3 .area-title {
	color: #ffffff;
}

.index-area3 .area-title .title {
	color: #ffffff;
}

.index-area3 .product-cont {
	width: 100%;
}

.index-area3 .left-tab {
	width: 20%;
}

.index-area3 .left-tab .tab-item {
	display: block;
	font-size: 22px;
	cursor: pointer;
	margin-bottom: 6px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	transition: all 0.4s;
	position: relative;
}

.index-area3 .left-tab .tab-item:hover {
	transition: all 0.4s;
	background: #135293;
}

.index-area3 .left-tab .tab-item .icon {
	display: inline-block;
	width: 30px;
	height: 100%;
	opacity: 0;
	position: relative;
	background: url(../image/icon2.png) no-repeat center center;
	position: absolute;
	top: 0;
	right: 20px;
}

.index-area3 .left-tab .tab-item:hover .icon {
	opacity: 1;
}

.index-area3 .left-tab .tab-item.active {
	background: #135293;
}

.index-area3 .left-tab .tab-item.active .icon {
	opacity: 1;
}

.index-area3 .right-cont {
	width: 73%;
}

.index-area3 .product-cont .cont-item {
	width: 100%;
	display: none;
}

.index-area3 .product-cont .cont-item.active-cont {
	display: block;
}

.index-area3 .right-cont .cont-item .item {
	transition: all 0.4s;
	display: inline-block;
	width: 31.4%;
	margin-right: 2.5%;
	background: #ffffff;
}

.index-area3 .right-cont .cont-item .item:last-child {
	margin-right: 0;
}

.index-area3 .right-cont .item .item-img {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.index-area3 .right-cont .item .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.index-area3 .right-cont .item:hover .item-img::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #00162E;
	opacity: 0.69;
	position: absolute;
	top: 0;
	left: 0;
}

.index-area3 .right-cont .item:hover .item-img img {
	transform: scale(1.1);
}

.index-area3 .right-cont .item .item-txt {
	padding: 20px 22px;
	transition: all 0.4s;
}

.index-area3 .right-cont .item .p-title {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 600;
}

.index-area3 .right-cont .item .p-txt {
	font-size: 18px;
	color: #222222;
	width: 100%;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-area3 .right-cont .detaile-links {
	width: 140px;
	height: 40px;
	font-size: 18px;
	top: 8px;
	border: 2px solid #135293;
	color: #135293;
	line-height: 36px;
	background: #ffffff;
}

.index-area3 .right-cont .detaile-links .icon {
	margin-left: 3px;
	background: url(../image/icon3.png) no-repeat;
	height: 14px;
	background-size: 100%;
	position: relative;
	top: 3px;
}

.index-area3 .right-cont .item:hover .detaile-links {
	transition: all 0.4s;
	border-color: #ffffff;
	background: #135293;
	color: #ffffff;
}

.index-area3 .right-cont .item .detaile-links:hover {
	transition: all 0.4s;
	border-color: #ffffff;
	background: #135293;
	color: #ffffff;
}

.index-area3 .right-cont .item:hover .detaile-links .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

.index-area3 .right-cont .item .detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

.index-area3 .right-cont .item:hover .item-txt {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
}

.index-area3 .right-cont .item:hover .p-txt {
	color: #ffffff;
}

@media screen and (max-width: 1440px) {
	.index-area3 .right-cont .item .p-title {
		font-size: 22px;
	}

	.index-area3 .left-tab .tab-item {
		font-size: 20px;
	}

}

@media screen and (max-width: 1366px) {
	.index-area3 .right-cont .cont-item .item {
		width: 31.5%;
		margin-right: 2.1%;
	}

	.index-area3 .right-cont .item .item-txt {
		padding: 16px;
	}

	.index-area3 .right-cont .item .p-txt {
		margin-bottom: 20px;
	}

	.index-area3 .right-cont .item .p-title {
		font-size: 20px;
	}

	.index-area3 .left-tab .tab-item {
		font-size: 18px;
	}

}

@media screen and (max-width: 1280px) {
	.index-area3 .right-cont .item .p-txt {
		margin-bottom: 18px;
	}

	.index-area3 .right-cont .item .p-title {
		font-size: 18px;
	}

	.index-area3 .right-cont .detaile-links {
		font-size: 16px;
		border-width: 1px;
	}

	.index-area3 .right-cont .detaile-links .icon {
		margin-left: 5px;
		width: 18px;
	}

	.index-area3 .left-tab .tab-item {
		font-size: 16px;
	}

}

@media screen and (max-width: 1040px) {
	.index-area3 .left-tab {
		width: 20%;
	}

	.index-area3 .left-tab .tab-item {
		width: 100%;
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
		height: 12px;
	}

	.index-area3 .left-tab .tab-item .icon {
		width: 16px;
	}

	.index-area3 .right-cont .item .item-txt {
		padding: 10px;
	}

	.index-area3 .right-cont {
		width: 76%;
	}

	.index-area3 .right-cont .detaile-links {
		font-size: 14px;
		height: 34px;
		line-height: 32px;
		width: 130px;
	}
}

@media screen and (max-width:768px) {
	.index-area3 .left-tab {
		width: 22%;
	}

	.index-area3 .left-tab .tab-item {
		width: 100%;
		height: 36px;
		line-height: 34px;
		font-size: 14px;
	}

	.index-area3 .left-tab .tab-item.active .icon {
		display: none;
		background: none;
	}

	.index-area3 .left-tab .tab-item:hover .icon {
		display: none;
		background: none;
	}

}

@media screen and (max-width:700px) {
	.index-area3 .left-tab {
		width: 100%;
		margin-bottom: 10px;
	}

	.index-area3 .left-tab .tab-item {
		width: 23%;
		margin-right: 1%;
	}

	.index-area3 .right-cont {
		width: 100%;
	}

	.index-area3 .right-cont .cont-item .item {
		width: 48.4%;
		margin-bottom: 3.1%;
	}

	.index-area3 .right-cont .cont-item .item:nth-child(3n) {
		margin-right: 2.1%;
	}

	.index-area3 .right-cont .cont-item .item:nth-child(2n) {
		margin-right: 0;
	}

}

@media screen and (max-width:550px) {
	.index-area3 .right-cont .item .p-title {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.index-area3 .right-cont .item .p-txt {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.index-area3 .right-cont .detaile-links .icon {
		margin-left: 5px;
		height: 9px;
		width: 15px;
		top: 0px;
	}

	.index-area3 .left-tab .tab-item {
		width: 24%;
		margin-right: 1%;
		text-align: center;
		padding: 10px;
		line-height: 22px;
		height: 68px;
		background: #334a63;
	}
}

/*-解决方案 */
.index-area4 .tab-box .tab-item {
	position: relative;
	display: inline-block;
	width: 20%;
	text-align: center;
	transition: all 0.4s;
	padding: 22px 10px 15px;
}

.index-area4 .tab-box .tab-item.active-tab::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 96px;
	height: 3px;
	background-color: #135293;
	z-index: 1;
}

.index-area4 .tab-box .tab-item .tab-tit {
	font-weight: 600;
	line-height: 30px;
}

.index-area4 .tab-box .tab-item:hover {
	transition: all 0.4s;
	color: #2980FF;
}

.index-area4 .tab-box .tab-item.active-tab {
	color: #135293;
}

.index-area4 .tab-box .tab-item .icon {
	height: 56px;
	position: relative;
}

.index-area4 .tab-box .tab-item .icon img {
	height: 100%;
}

.index-area4 .tab-box .tab-item .icon .c2 {
	opacity: 0;
	transition: all 0.4s;
	-webkit-transform: translate(-50%, 0%);
	position: absolute;
	transform: translate(-50%, -0%);
	left: 50%;
	bottom: 0;
}

.index-area4 .tab-box .tab-item:hover .icon .c1 {
	display: none;
}

.index-area4 .tab-box .tab-item:hover .icon .c2 {
	opacity: 1;
	transition: all 0.4s;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition: all 0.4s;
}

.index-area4 .tab-box .tab-item.active-tab .icon .c1 {
	display: none;
}

.index-area4 .tab-box .tab-item.active-tab .icon .c2 {
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.index-area4 .case-info {
	position: relative;
	display: none;
	overflow: hidden;
}

.index-area4 .case-info.active-c {
	display: block;
}

.index-area4 .case-info>img {
	width: 100%;
}

.index-area4 .case-info .overtxt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

.index-area4 .case-info .overtxt .title {
	font-size: 48px;
	color: #222222;
	margin-bottom: 30px;
	font-weight: 600;
}

.index-area4 .case-info.black-item .overtxt {
	color: #ffffff;
}

.index-area4 .case-info.black-item .overtxt .title {
	color: #ffffff;
}

.index-area4 .case-info .infor-txt {
	font-size: 24px;
	line-height: 38px;
	width: 60%;
	text-align: justify;
}

.index-area4 .case-info.black-item .overtxt .detaile-links {
	background: #ffffff;
	color: #135293;
}

.index-area4 .case-info.black-item .overtxt .detaile-links .icon {
	background: url(../image/icon3.png) no-repeat;
	background-size: 100%;
}

.index-area4 .case-info.black-item .overtxt .detaile-links:hover {
	transition: all 0.4s;
	background: transparent;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.index-area4 .case-info.black-item .overtxt .detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

.index-area4 .case-info .overtxt .wrap {
	animation: fadeIn 0.5s ease-in;
}

@media screen and (max-width: 1680px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 52px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 46px;
	}
}

@media screen and (max-width: 1440px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 50px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 42px;
	}

	.index-area4 .case-info .infor-txt {
		font-size: 20px;
		line-height: 34px;
	}

}

@media screen and (max-width: 1366px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 42px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.index-area4 .case-info .infor-txt {
		font-size: 18px;
		line-height: 30px;
	}


}

@media screen and (max-width: 1280px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 38px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 30px;
	}

}

@media screen and (max-width: 1040px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 38px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 28px;
	}

	.index-area4 .tab-box .tab-item {
		padding: 22px 5px 15px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.index-area4 .case-info .infor-txt {
		font-size: 18px;
	}

	.index-area4 .tab-box .tab-item {
		padding: 15px 5px 10px;
	}
}

@media screen and (max-width: 768px) {
	.index-area4 .tab-box .tab-item .icon {
		height: 30px;
	}

	.index-area4 .case-info .overtxt .title {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.index-area4 .case-info .infor-txt {
		font-size: 16px;
		line-height: 22px;
	}

	.index-area4 .tab-box .tab-item {
		padding: 15px 5px 10px;
	}

	.index-area4 .tab-box .tab-item {
		padding: 15px 5px 10px;
	}

	.index-area4 .tab-box .tab-item.active-tab::after {

		width: 70px;

	}
}

@media screen and (max-width: 500px) {
	.index-area4 .case-info .overtxt .title {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.index-area4 .tab-box .tab-item .tab-txt {
		display: none;
	}

	.index-area4 .case-info .infor-txt {
		font-size: 14px;
		width: 90%;
		line-height: 20px;
	}

	.index-area4 .case-info {
		height: 40vh;
		/* height:210px ; */
		position: relative;
	}

	.index-area4 .tab-box .tab-item .icon {
		height: 22px;
	}

	.index-area4 .tab-box .tab-item.active-tab::after {
		bottom: -20px;
		margin-left: -18px;
		border-width: 10px 10px;
	}

	.index-area4 .detaile-links {
		font-size: 14px;
		width: 35vw;
		height: 36px;
		line-height: 32px;
		border-width: 1px;
		margin-top: 15px;
	}

	.index-area4 .case-info>img {
		width: auto;
		height: 100%;
		position: absolute;
		max-width: none;
		top: 50%;
		left: 50%;
		transform: translate(-55%, -50%);
	}

	.index-area4 .tab-box .tab-item .tab-tit {
		line-height: 20px;
		margin-top: 10px;
	}

	.index-area4 .case-info .overtxt {
		padding: 0 15px;
	}
}

/*服务案例 */
.index-area5 .service-list {
	padding: 0 30px;
}

.service-list .list-item {
	position: relative;
	width: 32.2%;
	margin-right: 1.6%;
	;
	margin-bottom: 1.6%;
	overflow: hidden;
}

.service-list .list-item:nth-child(3n) {
	margin-right: 0;
}

.service-list .list-item .item-img {
	width: 100%;
	overflow: hidden;
}

.service-list .list-item .item-img>img {
	width: 100%;
	transition: all 0.4s;
	height: 19vw;
}

.service-list .list-item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.15);
}

.service-list .list-item .item-img .logo {
	opacity: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	display: inline-block;
}

.service-list .list-item .item-img .logo img {
	height: 110px;
}

.service-list .list-item:hover .item-img .logo {
	opacity: 0;
}

.service-list .list-item:hover::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #135293;
	opacity: 0.89;
	position: absolute;
	top: 0;
	left: 0;
}

.service-list .list-item .overtxt {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 5;
	text-align: center;
	width: 100%;
	opacity: 0;
	transition: all 0.4s;
	transform: translateY(-150%);
}

.service-list .list-item:hover .overtxt {
	transition: all 0.4s;
	opacity: 1;
	transform: translateY(-50%);
}

.service-list .list-item .item-item {
	font-size: 48px;
	color: #ffffff;
	position: relative;
	margin-bottom: 60px;
}

.service-list .list-item .detaile-links {
	margin: 0 auto 20px;
	border-radius: 23px;
	transition: all 0.4s;
}

.service-list .list-item .detaile-links:hover {
	background: #ffffff;
	transition: all 0.4s;
}

.index-area5 .contlink {
	margin: 40px auto 0;
	border: 2px solid #004EA2;
	color: #004EA2;
	background: #ffffff;
}

.index-area5 .contlink .icon {
	background: url(../image/icon3.png) no-repeat;
	background-size: 100%;
	margin-left: 4px;
}

.index-area5 .contlink:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
}

.index-area5 .contlink:hover .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 1680px) {
	.service-list .list-item .item-item {
		font-size: 44px;
		margin-bottom: 30px;
	}

	.service-list .list-item .item-img>img {
		height: 18.8vw;
	}

}

@media screen and (max-width: 1440px) {
	.service-list .list-item .item-item {
		font-size: 40px;
		margin-bottom: 26px;
	}
}

@media screen and (max-width: 1366px) {
	.service-list .list-item .item-item {
		font-size: 32px;
		margin-bottom: 20px;
	}

	.service-list .list-item .detaile-links {
		margin: 0 auto 16px;
	}

}

@media screen and (max-width: 1280px) {
	.service-list .list-item .item-item {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.service-list .list-item .detaile-links {
		margin: 0 auto 12px;
	}

	.service-list .list-item .detaile-links {
		width: 140px;
		height: 36px;
		line-height: 34px;
	}
}

@media screen and (max-width: 1040px) {
	.service-list .list-item .item-item {
		font-size: 26px;
		margin-bottom: 12px;
	}

	.service-list .list-item .detaile-links {
		margin: 0 auto 10px;
	}

	.service-list .list-item .detaile-links {
		width: 130px;
		height: 32px;
		line-height: 30px;
	}

	.index-area5 .service-list {
		padding: 0 20px;
	}


}

@media screen and (max-width: 768px) {
	.service-list .list-item .item-item {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.service-list .list-item {
		width: 49%;
		margin-right: 1.6%;
		margin-bottom: 1.6%;
	}

	.service-list .list-item:nth-child(3n) {
		margin-right: 1.6%;
	}

	.service-list .list-item:nth-child(2n) {
		margin-right: 0;
	}

	.index-area5 .contlink .icon {
		background: url(../image/icon3.png) no-repeat;
		background-size: 14px auto;
		margin-left: 4px;
	}

	.service-list .list-item .item-img>img {
		height: 28.5vw;
	}

	.service-list .list-item {
		width: 49% !important;
	}

	.service-list .list-item {
		margin-right: 2% !important;
	}

	.service-list .list-item .item-img>img {
		height: auto !important;
	}

	.service-list .list-item:nth-child(2n) {
		margin-right: 0 !important;
	}

	.show-view:nth-child(9n) {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	.service-list .list-item .item-item {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.service-list .list-item {
		width: 49%;
		margin-right: 1.6%;
		margin-bottom: 1.6%;
	}

	.service-list .list-item:nth-child(3n) {
		margin-right: 1.6%;
	}

	.service-list .list-item:nth-child(2n) {
		margin-right: 0;
	}

	.index-area5 .contlink .icon {
		background: url(../image/icon3.png) no-repeat;
		background-size: 100%;
		width: 16px;
		margin-left: 4px;
	}

	.service-list .list-item {
		width: 100%;
		margin-right: 0;
	}

	.index-area5 .service-list {
		padding: 0 10px;
	}

	.service-list .list-item .item-img>img {
		height: 59.5vw;
	}
}

/*首页- 开发平台  聚利共赢  */
.index-area6 {
	background: #f9f9f9;
}

.index-area6 .teamwork-list .item {
	width: 18.8%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	background: #ffffff;
	transition: all 0.4s;
}

.index-area6 .teamwork-list .item:hover {
	/* transition: all 0.4s; */
	    transition: all 0.4s;
	    transform: scale(1.1);
	/* box-shadow: 0 0 12px 3px #e4e4e3; */
}

.index-area6 .teamwork-list .item:nth-child(5n) {
	margin-right: 0;
}

.index-area6 .teamwork-list .item img {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.index-area6 .teamwork-list .item {
		width: 23.8%;
	}

	.index-area6 .teamwork-list .item:nth-child(5n) {
		margin-right: 1.5%;
	}

	.index-area6 .teamwork-list .item:nth-child(4n) {
		margin-right: 0%;
	}

}

@media screen and (max-width: 1040px) {
	.index-area6 .teamwork-list .item {
		width: 32.3%;
	}

	.index-area6 .teamwork-list .item:nth-child(4n) {
		margin-right: 1.5%;
	}

	.index-area6 .teamwork-list .item:nth-child(3n) {
		margin-right: 0%;
	}
}

@media screen and (max-width: 500px) {
	.index-area6 .teamwork-list .item {
		width: 49.2%;
	}

	.index-area6 .teamwork-list .item:nth-child(3n) {
		margin-right: 1.5%;
	}

	.index-area6 .teamwork-list .item:nth-child(2n) {
		margin-right: 0%;
	}
}


/* 新闻动态 */
.index-area7 .newscont .item {
	display: inline-block;
	margin-right: 3%;
	width: 31.3%;
	transition: all 0.4s;
	margin-bottom: 40px;
}

.index-area7 .newscont .item:nth-child(3n) {
	margin-right: 0;
}

.index-area7 .newscont .item .item-img {
	width: 100%;
	overflow: hidden;
}

.index-area7 .newscont .item .item-img img {
	width: 100%;
	transition: all 0.4s;
	height: 16.2vw;
}

.index-area7 .newscont .item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.index-area7 .newscont .item .item-txt {
	transition: all 0.4s;
	padding: 20px;
	border: 1px solid #F2F2F2;
	height: 190px;
}

.index-area7 .newscont .item .item-txt:hover {
	transition: all 0.4s;
	background: #f9f9f9;
}

.index-area7 .newscont .item .item-txt h5 {
	font-size: 24px;
	color: #222222;
	transition: all 0.4s;
	font-weight: 600;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index-area7 .newscont .item:hover .item-txt h5 {
	transition: all 0.4s;
	color: #135293;
}

.index-area7 .newscont .item .txt {
	color: #333333;
	line-height: 30px;
	font-size: 18px;
	height: 90px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.index-area7 .contlink {
	margin: 25px auto;
	background: #ffffff;
	border: 2px solid #135293;
	color: #135293;
}

.index-area7 .contlink .icon {
	background: url(../image/icon3.png) no-repeat center center;
	background-size: 100%;
}

.index-area7 .contlink:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
}

.index-area7 .contlink .icon {
	background: url(../image/icon3.png) no-repeat center center;
	background-size: 100%;
}

.index-area7 .contlink:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
	background-size: 100%;
}

@media screen and (max-width: 1680px) {
	.index-area7 .newscont .item .item-img img {
		height: 16.2vw;
	}
}

@media screen and (max-width: 1440px) {
	.index-area7 .newscont .item .item-txt h5 {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.index-area7 .newscont .item .item-img img {
		height: 17.8vw;
	}

}

@media screen and (max-width: 1366px) {
	.index-area7 .newscont .item .item-txt h5 {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.index-area7 .newscont .item .txt {
		font-size: 16px;
		line-height: 24px;
		height: 75px;
	}

	.index-area7 .newscont .item .item-txt {
		height: 172px;
	}

	.index-area7 .newscont .item .item-img img {
		height: 18.5vw;
	}

	.index-area7 .contlink {
		margin: 30px auto;
	}

}

@media screen and (max-width: 1280px) {
	.index-area7 .newscont .item .item-txt h5 {
		font-size: 18px;
		margin-bottom: 14px;
	}

	.index-area7 .newscont .item .txt {
		font-size: 14px;
		line-height: 22px;
		height: 66px;
	}

	.index-area7 .newscont .item .item-txt {
		height: 172px;
	}

	.index-area7 .newscont .item .item-img img {
		height: 18vw;
	}

}

@media screen and (max-width: 768px) {
	.index-area7 .newscont .item .item-txt {
		transition: all 0.4s;
		padding: 15px;
		height: auto;
	}

	.index-area7 .newscont .item {
		margin-right: 0;
		width: 100%;
		margin-bottom: 15px;
	}

	.index-area7 .newscont .item .item-img img {
		height: 62.5vw;
	}

	.index-area7 .contlink {
		margin: 20px auto;
	}
}

@media screen and (max-width: 600px) {
	.index-area7 .contlink {
		margin: 10px auto;
		border: 1px solid #135293;
	}

	.index-area7 .newscont .item .txt {
		-webkit-line-clamp: 2;
		text-align: justify;
	}

	.index-area7 .newscont .item .item-img img {
		height: 63.5vw;
	}
}

/* 免费获取解决方案 */
.index-area8 {
	background: #f9f9f9;
	/* padding-top: 20px; */
}

.index-area8 .input-item {
	width: 18%;
	font-size: 16px;
	padding: 0 25px;
	display: inline-block;
	margin-right: 1.5%;
	height: 64px;
	line-height: 64px;
	background: #FFFFFF;
	border: 1px solid #F2F2F2;
}

.index-area8 .input-item:nth-child(4) {
	width: 23%;
}

.index-area8 .input-item.btn {
	width: 12%;
	background: #135293;
	color: #ffffff;
	transition: all 0.4s;
}

.index-area8 .input-item.btn:hover {
	transition: all 0.4s;
	background: #fff;
	color: #135293;
	border: 1px solid #135293;
}

@media screen and (max-width: 1366px) {
	.index-area8 .input-item {
		padding: 0 20px;
		margin-right: 1%;
		height: 56px;
		line-height: 56px;
	}

	.index-area8 .input-item.btn {
		width: 16%;
	}

	.index-area8 .input-item {
		width: 24.2%;
		margin-bottom: 20px;
	}

	.index-area8 .input-item.btn {
		width: 24%;
		margin-top: 20px;
	}

	.index-area8 .input-item.btn {
		width: 24%;
		margin: 25px auto;
		display: block;
		float: none;
	}
}

@media screen and (max-width: 768px) {
	.index-area8 .input-item {
		width: 49%;
	}

	.index-area8 .input-item:nth-child(4) {
		width: 49%;
	}

	.index-area8 .input-item.btn {
		width: 100%;
		margin-top: 20px;
	}

}

@media screen and (max-width: 500px) {
	.index-area8 .input-item {
		padding: 0 15px;
		margin-right: 0%;
		height: 46px;
		line-height: 46px;
		width: 100%;
		margin-bottom: 10px;
	}

	.index-area8 .input-item:nth-child(4) {
		width: 100%;
	}

	.index-area8 .input-item.btn {
		width: 100%;
	}
}

/* APP开发专题页 */
/* <!-- 服务场景 --> */
.jishu-area1 .scene-cont .item {
	width: 24%;
	margin-right: 1.3%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.jishu-area1 .scene-cont .item>img {
	transition: all 0.4s;
	width: 100%;
}

.jishu-area1 .scene-cont .item::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.4s;
}

.jishu-area1 .scene-cont .item:hover::after {
	transition: all 0.4s;
	opacity: 0.7;
	background: #135293;
}

.jishu-area1 .scene-cont .item:hover>img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.jishu-area1 .scene-cont .item:nth-child(4n) {
	margin-right: 0;
}

.jishu-area1 .scene-cont .item .overtxt {
	z-index: 5;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	color: #ffffff;
	padding: 0 5%;
}

.jishu-area1 .scene-cont .item .txt2 {
	padding: 0 10%;
	transition: all 0.4s;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.jishu-area1 .scene-cont .item .txt1 {
	opacity: 1;
	animation: fadeInUp 0.4s ease-in;
}

.jishu-area1 .scene-cont .item:hover .txt1 {
	opacity: 0;
}

.jishu-area1 .scene-cont .txt1 h4 {
	position: relative;
}

.jishu-area1 .scene-cont .txt1 h4::after {
	content: "";
	display: inline-block;
	width: 60px;
	height: 3px;
	background: #FFFFFF;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	bottom: -10px;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.jishu-area1 .scene-cont .item:hover .txt2 {
	transition: all 0.6s;
	opacity: 1;
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jishu-area1 .scene-cont .txt2 h4 {
	margin-bottom: 15px;
}

.jishu-area1 .scene-cont .txt2 .txt {
	font-size: 22px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.jishu-area1 .scene-cont .zixun-btn {
	width: 200px;
	height: 46px;
	line-height: 42px;
	transition: all 0.4s;
	text-align: center;
	color: #ffffff;
	border-radius: 23px;
	border: 2px solid #FFFFFF;
	margin: 0 auto;
}

.jishu-area1 .scene-cont .zixun-btn .icon {
	display: inline-block;
	margin-left: 2px;
	width: 22px;
	height: 14px;
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1440px) {
	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 62px;
	}

	.jishu-area1 .scene-cont .txt2 .txt {
		font-size: 20px;
	}
}

@media screen and (max-width: 1366px) {
	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 58px;
	}

	.jishu-area1 .scene-cont .item h4 {
		font-size: 24px;
	}

	.jishu-area1 .scene-cont .item .txt2 {
		padding: 0 8%;
	}

	.jishu-area1 .scene-cont .txt2 h4 {
		margin-bottom: 10px;
		font-size: 25px;
	}

	.jishu-area1 .scene-cont .txt2 .txt {
		font-size: 18px;
	}

	.jishu-area1 .scene-cont .item .txt2 {
		padding: 0 6%;
	}

	.jishu-area1 .scene-cont .zixun-btn {
		width: 180px;
		height: 44px;
		line-height: 40px;
	}

	.jishu-area1 .scene-cont .txt1 h4::after {
		width: 56px;
		height: 2px;
	}

}

@media screen and (max-width: 1280px) {
	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 52px;
	}

	.jishu-area1 .scene-cont .item h4 {
		font-size: 20px;
	}

	.jishu-area1 .scene-cont .txt2 .txt {
		font-size: 16px;
	}

	.jishu-area1 .scene-cont .zixun-btn {
		width: 160px;
		height: 42px;
		line-height: 40px;
		border-width: 1px;
	}

	.jishu-area1 .scene-cont .txt1 h4::after {
		width: 50px;
	}

	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 42px;
	}

	.jishu-area1 .scene-cont .item .txt2>.icon img {
		height: 38px;
	}
}

@media screen and (max-width: 1040px) {
	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 42px;
	}

	.jishu-area1 .scene-cont .item .txt2>.icon img {
		height: 26px;
	}

	.jishu-area1 .scene-cont .item .txt2>.icon {
		margin-bottom: 10px;
	}

	.jishu-area1 .scene-cont .item h4 {
		font-size: 18px;
	}

	.jishu-area1 .scene-cont .txt2 .txt {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.jishu-area1 .scene-cont .zixun-btn {
		width: 140px;
		height: 40px;
		line-height: 38px;
	}

	.jishu-area1 .scene-cont .zixun-btn .icon {
		background-size: 18px;
		height: 11px;
	}
}

@media screen and (max-width: 768px) {
	.jishu-area1 .scene-cont .item .txt1 .icon img {
		height: 36px;
		border-radius: 0;
	}

	.jishu-area1 .scene-cont .item .txt2>.icon img {
		height: 32px;
	}

	.jishu-area1 .scene-cont .item h4 {
		font-size: 16px;
	}

	.jishu-area1 .scene-cont .zixun-btn {
		width: 120px;
		height: 38px;
		line-height: 36px;
	}

	.jishu-area1 .scene-cont .zixun-btn .icon {
		background-size: 18px;
		height: 15px;
	}

	.jishu-area1 .scene-cont .txt1 h4::after {
		width: 40px;
	}
}

@media screen and (max-width: 700px) {
	.jishu-area1 .scene-cont .item {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 3%;
	}

	.jishu-area1 .scene-cont .item:nth-child(2n) {
		margin-right: 0;
	}

	.jishu-area1 .scene-cont .zixun-btn {
		width: 20vw;
		height: 36px;
		line-height: 34px;
	}

}

/* 极客精神 */
.jishu-area2 {
	background: #4a5a6b url(../image/bg1.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.jishu-area2 .area-title {
	color: #ffffff;
}

.jishu-area2 .area-title .title {
	color: #ffffff;
}

.jishu-area2 .Geek-oriented .item {
	padding-left: 30px;
	width: 18.8%;
	height: 100px;
	color: #222222;
	background: #ffffff;
	line-height: 100px;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	transition: all 0.4s;
}

.jishu-area2 .Geek-oriented .item:nth-child(5n) {
	margin-right: 0;
}

.jishu-area2 .Geek-oriented .item:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
}

.jishu-area2 .Geek-oriented .item .icon {
	display: inline-block;
	width: 65px;
	float: left;
	height: 100%;
	position: relative;
}

.jishu-area2 .Geek-oriented .item .icon img {
	position: absolute;
	top: 50%;
	left: 0;
}

.jishu-area2 .Geek-oriented .item .icon .i1 {
	opacity: 0;
	transition: all 0.4s;
}

.jishu-area2 .Geek-oriented .item .icon .i2 {
	opacity: 1;
}

.jishu-area2 .Geek-oriented .item:hover .icon .i1 {
	opacity: 1;
	transition: all 0.4s;
}

.jishu-area2 .Geek-oriented .item:hover .icon .i2 {
	opacity: 0;
}

.jishu-area2 .detaile-links {
	margin: 0 auto;
}

.jishu-area2 .detaile-links:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
	border-color: #135293;
}

@media screen and (max-width: 1440px) {
	.jishu-area2 .Geek-oriented .item .icon img {
		width: 38px;
	}
}

@media screen and (max-width: 1366px) {
	.jishu-area2 .Geek-oriented .item .icon img {
		width: 36px;
	}

	.jishu-area2 .Geek-oriented .item .icon {
		width: 50px;
	}

	.jishu-area2 .Geek-oriented .item {
		padding-left: 20px;
	}
}

@media screen and (max-width: 1280px) {
	.jishu-area2 .Geek-oriented .item .icon img {
		width: 32px;
	}

	.jishu-area2 .Geek-oriented .item .icon {
		width: 40px;
	}

	.jishu-area2 .Geek-oriented .item {
		width: 23.8%;
		margin-right: 1.5%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(5n) {
		margin-right: 1.5%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(4n) {
		margin-right: 0%;
	}
}

@media screen and (max-width: 1040px) {
	.jishu-area2 .Geek-oriented .item .icon {
		width: 38px;
	}
}

@media screen and (max-width: 768px) {
	.jishu-area2 .Geek-oriented .item {
		width: 32.3%;
		margin-right: 1.5%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(4n) {
		margin-right: 1.5%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(3n) {
		margin-right: 0%;
	}

	.jishu-area2 .detaile-links {
		margin: 40px auto 20px;
	}
}

@media screen and (max-width: 500px) {
	.jishu-area2 .Geek-oriented .item {
		width: 49%;
		margin-right: 2%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(5n) {
		margin-right: 2%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(4n) {
		margin-right: 2%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(3n) {
		margin-right: 2%;
	}

	.jishu-area2 .Geek-oriented .item:nth-child(2n) {
		margin-right: 0%;
	}
}

/* 服务流程 */
.jishu-area3 .flow-cont .flow-item {
	width: 20%;
	margin-right: 3.5%;
	display: inline-block;
}

.jishu-area3 .flow-cont .flow-item:nth-child(3) {
	margin-right: 0;
}

.jishu-area3 .flow-cont .flow2 {
	width: 53%;
}

.jishu-area3 .flow-cont .cont {
	width: 100%;
}

.jishu-area3 .flow-cont .flow-item .flow-c {
	display: inline-block;
	width: 100%;
	height: 200px;
	padding: 30px 20px 0;
	border: 1px solid #E6E6E6;
}

.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1) {
	background: #ffffff;
	border-bottom: #ffffff;
}

.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n) {
	background: #F9F9F9;
}

.jishu-area3 .flow-cont .flow2 .flow-c {
	width: 33.28%;
	border-top: #ffffff;
}

.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n) {
	background: #ffffff;
}

.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2) {
	border: none;
	border-bottom: 1px solid #E6E6E6;
}

.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(5) {
	border: none;
	border-bottom: 1px solid #E6E6E6;
}

.jishu-area3 .flow-cont .flow2 .flow-c:nth-child(2n+1) {
	background: #F9F9F9;
}

.jishu-area3 .flow-cont .flow-item .tite {
	height: 64px;
	line-height: 64px;
	background: #135293;
	color: #ffffff;
	text-align: center;
}

.jishu-area3 .flow-cont .flow-item .c-top img {
	display: inline-block;
	margin-right: 6px;
}

.jishu-area3 .flow-cont .flow-item .txt {
	color: #808B9F;
	line-height: 27px;
	text-align: left;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

@media screen and (max-width: 1366px) {
	.jishu-area3 .flow-cont .flow-item {
		margin-right: 2%;
	}

	.jishu-area3 .flow-cont .flow2 {
		width: 54%;
	}

	.jishu-area3 .flow-cont .flow-item .tite {
		height: 60px;
		line-height: 60px;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c {
		padding: 20px 20px 0;
	}

	.jishu-area3 .flow-cont .flow-item .c-top img {
		margin-right: 5px;
		height: 32px;
	}

	.jishu-area3 .flow-cont .flow-item .txt {
		line-height: 24px;
	}
}

@media screen and (max-width: 1280px) {
	.jishu-area3 .flow-cont .flow-item .c-top img {
		margin-right: 5px;
		height: 30px;
	}

	.jishu-area3 .flow-cont .flow-item {
		margin-right: 1.5%;
	}

	.jishu-area3 .flow-cont .flow-item .txt {
		line-height: 22px;
		-webkit-line-clamp: 4;
	}

	.jishu-area3 .flow-cont .flow-item .tite {
		height: 56px;
		line-height: 56px;
	}
}

@media screen and (max-width: 1040px) {
	.jishu-area3 .flow-cont .flow-item .c-top img {
		height: 28px;
	}

	.jishu-area3 .flow-cont .flow-item .txt {
		line-height: 20px;
		-webkit-line-clamp: 4;
		font-size: 14px;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c .c-top {
		font-size: 16px;
	}

	.jishu-area3 .flow-cont .flow-item .tite {
		height: 52px;
		line-height: 52px;
	}
}

@media screen and (max-width: 900px) {
	.jishu-area3 .flow-cont .flow-item {
		width: 100%;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c {
		width: 50%;
		height: 200px;
		border: none;
		border-bottom: 1px solid #E6E6E6;
		height: 146px;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(2n+1) {
		border-bottom: 1px solid #e6e6e6;
		background: #ffffff;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(4) {
		background: #F9F9F9;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(5) {
		background: #F9F9F9;
	}

	.jishu-area3 .flow-cont .flow-item .flow-c:nth-child(1) {
		background: #F9F9F9;
	}


	.jishu-area3 .flow-cont .flow-item .tite {
		height: 50px;
		line-height: 50px;
	}

}

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

/* 服务优势 */
.jishu-area4 .advantage-cont {
	position: relative;
	height: 556px;
	overflow: hidden;
}

.jishu-area4 .advantage-cont .list-item {
	position: absolute;
	width: 25%;
	height: 556px;
	top: 0;
}

.jishu-area4 .advantage-cont .list-item:nth-child(1) {
	left: 0;
	width: 23%;
}

.jishu-area4 .advantage-cont .list-item:nth-child(2) {
	left: 17%;
}

.jishu-area4 .advantage-cont .list-item:nth-child(3) {
	left: 37%;
}

.jishu-area4 .advantage-cont .list-item:nth-child(4) {
	left: 57%;
}

.jishu-area4 .advantage-cont .list-item:nth-child(5) {
	left: 77%;
	z-index: 1;
	width: 23%;
}

.jishu-area4 .advantage-cont .list-item .overtxt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #ffffff;
	padding: 0 20%;
	text-align: center;
	z-index: 3;
}

.jishu-area4 .advantage-cont .list-item:first-child .overtxt {
	padding: 0 25% 0 9%;
}

.jishu-area4 .advantage-cont .list-item .txt {
	display: none;
	margin-top: 30px;
	transition: all 0.4s;
	text-align: left;
}

.jishu-area4 .advantage-cont .list-item .icon2 {
	display: none;
	transition: all 0.4s;
	padding-left: 20px;
	text-align: left;
}

.jishu-area4 .advantage-cont .list-item .icon2 img {
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: -3px;
}

.jishu-area4 .advantage-cont .list-item::after {
	content: "";
	opacity: 0;
	transition: all 0.4s;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url(../image/41.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.jishu-area4 .advantage-cont .list-item:nth-child(1)::after {
	background: url(../image/12.png) no-repeat center center;
}

.jishu-area4 .advantage-cont .list-item:nth-child(5)::after {
	background: url(../image/11.png) no-repeat 6% center;
}

.jishu-area4 .advantage-cont .list-item:hover::after {
	opacity: 1;
	transition: all 0.4s;
}

.jishu-area4 .advantage-cont .list-item:hover .txt {
	display: block;
	transition: all 0.4s;
}

.jishu-area4 .advantage-cont .list-item:hover .icon2 {
	display: block;
	transition: all 0.4s;
}

.jishu-area4 .advantage-cont .list-item:hover .icon1 {
	display: none;
	transition: all 0.4s;
}

@media screen and (max-width: 1366px) {
	.jishu-area4 .advantage-cont .list-item .overtxt {
		padding: 0 15%;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit {
		font-size: 20px;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit img {
		width: 36px;
		margin-right: 15px;
	}

	.jishu-area4 .advantage-cont .list-item .icon2 {
		padding-left: 10px;
	}

}

@media screen and (max-width: 1280px) {
	.jishu-area4 .advantage-cont .list-item .overtxt {
		padding: 0 20%;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit {
		font-size: 18px;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit img {
		width: 34px;
	}

	.jishu-area4 .advantage-cont .list-item .txt {
		margin-top: 20px;
	}

	.jishu-area4 .advantage-cont .list-item .icon2 {
		padding-left: 0px;
	}
}

@media screen and (max-width: 1040px) {
	.jishu-area4 .advantage-cont .list-item .overtxt {
		padding: 0 10%;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit {
		font-size: 16px;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit img {
		width: 30px;
		margin-right: 10px;
	}

	.jishu-area4 .advantage-cont .list-item .txt {
		margin-top: 10px;
	}

}

@media screen and (max-width: 768px) {
	.jishu-area4 .advantage-cont {
		height: auto !important;
	}

	.jishu-area4 .advantage-cont .list-item {
		width: 34.5%;
		position: relative;
		background: #718592;
		float: left;
		height: auto !important;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit img {
		width: 28px;
		margin-right: 8px;
	}

	.jishu-area4 .advantage-cont .list-item:nth-child(1) {
		width: 46.5%;
	}

	.jishu-area4 .advantage-cont .list-item:nth-child(2) {
		left: 0;
		width: 53%;
	}

	.jishu-area4 .advantage-cont .list-item:nth-child(3) {
		left: 0;
	}

	.jishu-area4 .advantage-cont .list-item:nth-child(4) {
		left: 0;
	}

	.jishu-area4 .advantage-cont .list-item:nth-child(5) {
		left: 0;
		width: 30.7%;
	}

	.jishu-area4 .advantage-cont .list-item:hover .txt {
		display: none;
	}
}

@media screen and (max-width: 600px) {}

/* 资质展示 */
.jishu-area5 {
	background: #F9F9F9;
}

.jishu-area5 .certi-cont {
	overflow: hidden;
}

.jishu-area5 .certi-cont .item {
	display: inline-block;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	background: #FFFFFF;
	text-align: center;
	transition: all 0.4s;
	padding: 5px 30px 20px;
}

.jishu-area5 .certi-cont .item:nth-child(4n) {
	margin-right: 0;
}

.jishu-area5 .certi-cont .item:hover {
	box-shadow: 0px 4px 10px 4px #E0E0E0;
	transition: all 0.4s;
}

@media screen and (max-width: 1680px) {
	.jishu-area5 .certi-cont .item h6 {
		font-size: 20px;
	}

}

@media screen and (max-width: 1440px) {
	.jishu-area5 .certi-cont .item h6 {
		font-size: 18px;
	}
}

@media screen and (max-width: 1280px) {
	.jishu-area5 .certi-cont .item {
		padding: 10px 15px 20px;
	}

	.jishu-area5 .certi-cont .item h6 {
		font-size: 16px;
	}
}

@media screen and (max-width: 1040px) {
	.jishu-area5 .certi-cont .item {
		width: 32%;
	}

	.jishu-area5 .certi-cont .item:nth-child(4n) {
		margin-right: 2%;
	}

	.jishu-area5 .certi-cont .item:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.jishu-area5 .certi-cont .item {
		width: 48.5%;
		margin-right: 3%;
	}

	.jishu-area5 .certi-cont .item:nth-child(3n) {
		margin-right: 3%;
	}

	.jishu-area5 .certi-cont .item:nth-child(2n) {
		margin-right: 0;
	}

	.jishu-area5 .certi-cont .item h6 {
		font-size: 14px;
		height: 36px;
	}

}

/* 案例中心 */
.case-area1 .tab-box {
	width: 100%;
	height: 60px;
	background: #FFFFFF;
	box-shadow: 0px 5px 12px 2px rgba(227, 227, 227, 0.5);
}

.case-area1 .tab-box.on {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}

.case-area1 .tab-box .tab-item {
	display: inline-block;
	width: 9%;
	text-align: center;
	height: 100%;
	line-height: 60px;
	transition: all 0.4s;
	font-weight: 600;
	border-left: 1px solid #f2f2f2;
}

.case-area1 .tab-box .tab-item:last-child {
	border-right: 1px solid #f2f2f2;
}

.case-area1 .tab-box .tab-item:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
	font-weight: 400;
	border-color: #135293;
}

.case-area1 .tab-box .tab-item.active-tab {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
	font-weight: 400;
	border-color: #135293;
}

.case-area1 .tabcont-box {
	padding: 70px 30px 60px;
}

.case-area1 .tabcont-box .contitem {
	display: none;
}

.case-area1 .tabcont-box .contitem.active-c {
	display: block;
}

.case-area1 .tabcont-box .contitem .ifnocase {
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.case-area1 .tabcont-box .contitem .ifnocase:hover {
	background: #ffffff;
}

@media screen and (max-width: 1280px) {
	.case-area1 .tabcont-box {
		padding: 60px 20px 50px;
	}

	.case-area1 {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 1040px) {
	.case-area1 .tab-box {
		height: 50px;
	}

	.case-area1 .tabcont-box {
		padding: 50px 20px 40px;
	}

	.case-area1 .tab-box .tab-item {
		line-height: 50px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.case-area1 .tab-box {
		height: 50px;
		overflow: hidden;
		overflow-x: scroll;
		scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
		/* IE 10+ */
	}

	.case-area1 .tab-box::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}

	.case-area1 .tab-box>.wrap {
		width: 1000px;
	}

	.case-area1 .tabcont-box {
		padding: 40px 10px 30px;
	}

	.case-area1 {
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 500px) {
	.case-area1 .tabcont-box {
		padding: 30px 0px;
	}

	.case-area1 {
		margin-bottom: 10px;
	}


}

/* 案例详情 */
.case-area2 .left-data {
	width: 39%;
	padding: 30px 30px 0 4%;
}

.case-area2 .left-data .data-title {
	font-size: 34px;
	position: relative;
	font-weight: 600;
	margin-bottom: 10px;
}

.case-area2 .left-data .data-title::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 34px;
	background: #135293;
	margin-right: 16px;
	position: relative;
	top: 3px;
}

.case-area2 .left-data .data-type {
	color: #333333;
	margin-bottom: 15px;
}

.case-area2 .left-data .ata-info {
	color: #333333;
	line-height: 24px;
	text-align: justify;
}

.case-area2 .left-data .btn-box a {
	display: inline-block;
	margin-bottom: 15px;
	color: #ffffff;
}

.case-area2 .left-data .btn-box .btn {
	width: 150px;
	height: 34px;
	background: #135293;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	transition: all 0.4s;
}

.case-area2 .left-data .btn-box .btn:hover {
	transition: all 0.4s;
	background: #ff9e01;
}

.case-area2 .left-data .btn-box .back-btn {
	background: #BABABA;
}

.case-area2 .left-data .links .icon {
	width: 60px;
	height: 34px;
	background: #135293;
	transition: all 0.4s;
	line-height: 34px;
	text-align: center;
	font-size: 22px;
}

.case-area2 .left-data .links .icon:hover {
	transition: all 0.4s;
	background: #ff9e01;
}

.case-area2 .right-data {
	width: 60.5%;
}

.case-area2 .right-data p {
	padding: 0 30px;
	line-height: 26px;
	font-size: 16px;
}

@media screen and (max-width: 1440px) {
	.case-area2 .left-data .data-title {
		font-size: 32px;
	}
}

@media screen and (max-width: 1366px) {
	.case-area2 .left-data .data-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1280px) {
	.case-area2 .left-data .data-title {
		font-size: 28px;
	}

	.case-area2 .left-data .data-title::before {
		width: 6px;
		height: 30px;
	}

}

@media screen and (max-width: 1040px) {
	.case-area2 .left-data .data-title {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.case-area2 .left-data .data-title {
		font-size: 22px;
	}

	.case-area2 .left-data {
		width: 100%;
		padding: 20px 20px 0 3%;
	}

	.case-area2 .right-data {
		width: 100%;
		padding: 20px;
	}

	.case-area2 .left-data .data-title::before {
		width: 4px;
		height: 26px;
	}

}

@media screen and (max-width: 500px) {
	.case-area2 .left-data .data-title {
		font-size: 18px;
	}

	.case-area2 .left-data {
		width: 100%;
		padding: 20px 10px 0 3%;
	}

	.case-area2 .right-data {
		width: 100%;
		padding: 10px;
	}

	.case-area2 .left-data .data-title::before {
		width: 3px;
		height: 24px;
	}

}

/* 高端网站定制 */
/* 服务流程 */
.made-area1 .flow-cont .item {
	width: 25%;
	padding: 20px 2%;
	text-align: center;
	transition: all 0.4s;
}

.made-area1 .flow-cont .item .icon {
	margin-bottom: 15px;
	transition: all 0.8s;
	transform: rotateY(0deg);
}

.made-area1 .flow-cont .item .icon:hover {
	transition: all 0.8s;
	transform: rotateY(-180deg);
}

.made-area1 .flow-cont .item h5 {
	margin-bottom: 15px;
	font-weight: 600;
}

.made-area1 .flow-cont .item .txt {
	line-height: 26px;
}

@media screen and (max-width: 1680px) {
	.made-area1 .flow-cont .item .icon img {
		height: 70px;
	}
}

@media screen and (max-width: 1440px) {
	.made-area1 .flow-cont .item .icon img {
		height: 66px;
	}
}

@media screen and (max-width: 1366px) {
	.made-area1 .flow-cont .item .icon img {
		height: 62px;
	}

	.made-area1 .flow-cont .item h5 {
		font-size: 22px;
	}
}

@media screen and (max-width: 1280px) {
	.made-area1 .flow-cont .item .icon img {
		height: 56px;
	}

	.made-area1 .flow-cont .item h5 {
		font-size: 20px;
	}

	.made-area1 .flow-cont .item .txt {
		font-size: 16px;
	}
}

@media screen and (max-width: 1040px) {
	.made-area1 .flow-cont .item .icon img {
		height: 50px;
	}

	.made-area1 .flow-cont .item h5 {
		font-size: 18px;
	}

	.made-area1 .flow-cont .item .txt {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.made-area1 .flow-cont .item .icon img {
		height: 42px;
	}

	.made-area1 .flow-cont .item {
		width: 49%;
		padding: 20px 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		box-shadow: 0 0 10px 2px #ececec;
	}

	.made-area1 .flow-cont .item:nth-child(2n) {
		margin-right: 0;
	}

	.made-area1 .flow-cont1 .item:nth-child(2n) {
		margin-right: 2% !important;
	}
}

@media screen and (max-width: 414px) {
	.made-area1 .flow-cont .item .icon img {
		height: 36px;
	}

	.made-area1 .flow-cont .item .txt {
		height: 110px;
	}

	.made-area1 .flow-cont .item {
		height: 250px;
	}
}

/* 技术理念 */
.made-area2 {
	background: #F9F9F9;
}

.made-area2 .jishu-idea .item {
	width: 32%;
	margin-right: 2%;
}

.made-area2 .jishu-idea .item:last-child {
	margin-right: 0;
}

.made-area2 .jishu-idea .item-img {
	overflow: hidden;
	width: 100%;
}

.made-area2 .jishu-idea .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.made-area2 .jishu-idea .item:hover img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.made-area2 .jishu-idea .item-txt {
	background: #ffffff;
	padding: 0 30px 20px;
	text-align: center;
	transition: all 0.4s;
}

.made-area2 .jishu-idea .item:hover .item-txt {
	background: #135293;
	color: #ffffff;
}

.made-area2 .jishu-idea .item .tit {
	margin-bottom: 10px;
	font-weight: 600;
}

.made-area2 .jishu-idea .item .txt {
	line-height: 26px;
}

@media screen and (max-width: 1440px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 24px;
	}
}

@media screen and (max-width: 1366px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 22px;
	}
}

@media screen and (max-width: 1280px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 20px;
	}

	.made-area2 .jishu-idea .item .txt {
		font-size: 16px;
		line-height: 22px;
		height: 68px;
	}
}

@media screen and (max-width: 1040px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 18px;
	}

	.made-area2 .jishu-idea .item .txt {
		font-size: 14px;
		line-height: 20px;
		height: 68px;
	}

	.made-area2 .jishu-idea .item-txt {
		padding: 0 20px 20px;
	}
}

@media screen and (max-width: 768px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 16px;
		text-align: justify;
	}

	.made-area2 .jishu-idea .item .txt {
		font-size: 14px;
		line-height: 20px;
		height: 80px;
		text-align: justify;
	}

	.made-area2 .jishu-idea .item-txt {
		padding: 0 15px 20px;
	}

}

@media screen and (max-width: 500px) {
	.made-area2 .jishu-idea .item .tit {
		font-size: 16px;
	}

	.made-area2 .jishu-idea .item .txt {
		height: auto;
	}

	.made-area2 .jishu-idea .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		box-shadow: 0 0 10px 3px #ececec;
	}

}

/* 增值服务 */
.made-area3 .value-added {
	overflow: hidden;
	height: 504px;
}

.made-area3 .value-added .list-item {
	height: 100%;
	width: 15%;
	position: relative;
	background-size: auto 100%;
	color: #ffffff;
	overflow: hidden;
	transition: width 0.4s;
}

.made-area3 .value-added .list-item.bigitem {
	width: 40%;
}

.made-area3 .value-added .list-item::after {
	content: "";
	display: none;
	width: 100%;
	height: 100%;
	background: #135293;
	opacity: 0;
	transition: all 0.5s;
}

.made-area3 .value-added .list-item:hover::after {
	transition: all 0.5s;
	opacity: 0.8;
	display: block;
}

.made-area3 .value-added .list-item .itemtxt {
	position: absolute;
	left: 0;
	top: 50%;
	transition: all 0.4s;
	width: 100%;
	z-index: 3;
	text-align: center;
}

.made-area3 .value-added .list-item .overtxt {
	position: absolute;
	left: 0;
	top: 50%;
	padding: 0 7%;
	line-height: 38px;
	text-align: justify;
	transition: all 0.4s;
	width: 100%;
	display: none;
	z-index: 3;
}

.made-area3 .value-added .list-item img {
	position: relative;
	top: -5px;
}

.made-area3 .value-added .list-item:hover .itemtxt {
	display: none;
}

.made-area3 .value-added .list-item:hover .overtxt {
	display: block;
	opacity: 1;
}

.made-area3 .value-added .overtxt .tit {
	font-size: 48px;
}

.made-area3 .value-added .overtxt .tit img {
	display: inline-block;
	margin-right: 20px;
}

.made-area3 .value-added .link-btn {
	display: inline-block;
	width: 200px;
	color: #ffffff;
	float: right;
	text-align: center;
	margin-top: 130px;
	height: 46px;
	line-height: 42px;
	border-radius: 23px;
	border: 2px solid #FFFFFF;
}

.made-area3 .value-added .link-btn .icon {
	display: inline-block;
	width: 30px;
	height: 14px;
	margin-left: 2px;
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1680px) {
	.made-area3 .value-added .list-item img {
		height: 55px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 46px;
	}

}

@media screen and (max-width: 1440px) {
	.made-area3 .value-added .list-item img {
		height: 50px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 40px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 40px;
	}

	.made-area3 .value-added {
		height: 480px;
	}

}

@media screen and (max-width: 1360px) {
	.made-area3 .value-added .list-item img {
		height: 50px;
		top: -3px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 34px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 38px;
	}

	.made-area3 .value-added {
		height: 450px;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 100px;
		width: 180px;
	}
}

@media screen and (max-width: 1280px) {
	.made-area3 .value-added .list-item img {
		height: 44px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 28px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 28px;
	}

	.made-area3 .value-added {
		height: 420px;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 80px;
		width: 160px;
	}
}

@media screen and (max-width: 1280px) {
	.made-area3 .value-added .list-item img {
		height: 38px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 22px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 22px;
	}

	.made-area3 .value-added {
		height: 380px;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 60px;
		width: 150px;
		border-width: 1px;
	}

	.made-area3 .value-added .overtxt .tit img {
		margin-right: 12px;
		top: -5px;
	}

	.made-area3 .value-added .list-item .overtxt {
		line-height: 30px;
	}
}

@media screen and (max-width: 1040px) {
	.made-area3 .value-added .list-item img {
		height: 30px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 18px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 18px;
	}

	.made-area3 .value-added {
		height: 320px;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 50px;
		height: 40px;
		line-height: 38px;
		width: 140px;
	}

	.made-area3 .value-added .overtxt .tit img {
		margin-right: 8px;
		top: 0px;
	}

	.made-area3 .value-added .list-item .overtxt {
		line-height: 26px;
	}

	.made-area3 .value-added .list-item .overtxt .txt {
		font-size: 16px;
	}

}

@media screen and (max-width: 768px) {
	.made-area3 .value-added .list-item img {
		height: 24px;
	}

	.made-area3 .value-added .overtxt .tit {
		font-size: 16px;
	}

	.made-area3 .value-added .list-item .itemtxt h6 {
		font-size: 16px;
	}

	.made-area3 .value-added {
		height: 330px;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 30px;
		height: 38px;
		line-height: 36px;
	}

	.made-area3 .value-added .overtxt .tit img {
		margin-right: 5px;
	}

	.made-area3 .value-added .list-item .overtxt {
		line-height: 22px;
	}

	.made-area3 .value-added .list-item .overtxt .txt {
		font-size: 14px;
	}

}

@media screen and (max-width: 500px) {
	.made-area3 .value-added {
		height: auto;
	}

	.made-area3 .value-added .list-item {
		height: 100%;
		width: 100%;
		height: 200px;
		background-size: 100% !important;
		margin-bottom: 10px;
	}

	.made-area3 .value-added .list-item .itemtxt {
		display: none;
	}

	.made-area3 .value-added .list-item .overtxt {
		line-height: 20px;
		display: block;
	}

	.made-area3 .value-added .list-item.bigitem {
		width: 100%;
	}

	.made-area3 .value-added .link-btn {
		margin-top: 10px;
	}
}

/* 关于我们 */
/* 成熟可靠的伙伴 */
.about-area1 .tit {
	text-align: center;
	font-size: 44px;
	font-weight: 600;
}

.about-area1 .usinfor {
	line-height: 36px;
	text-align: justify;
}

.about-area1 .about-list {
	padding: 0 10px;
}

.about-area1 .about-list .item {
	width: 31%;
	padding: 35px;
	transition: all 0.3s;
	margin-right: 3.5%;
	text-align: center;
	height: 270px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);
}

.about-area1 .about-list .item:hover {
	transition: all 0.3s;
	transform: translateY(-30px);
}

.about-area1 .about-list .item:last-child {
	margin-right: 0;
}

@media screen and (max-width: 1360px) {
	.about-area1 .tit {
		font-size: 40px;
	}

	.about-area1 .about-list .item img {
		height: 60px;
	}

	.about-area1 .about-list .item {
		padding: 30px;
		height: 250px;
	}
}

@media screen and (max-width: 1280px) {
	.about-area1 .tit {
		font-size: 36px;
	}

	.about-area1 .about-list .item img {
		height: 52px;
	}

	.about-area1 .about-list .item {
		padding: 28px;
		height: 230px;
	}

}

@media screen and (max-width: 1040px) {
	.about-area1 .tit {
		font-size: 32px;
	}

	.about-area1 .about-list .item img {
		height: 46px;
	}

	.about-area1 .about-list .item {
		padding: 25px;
		height: 220px;
	}

}

@media screen and (max-width: 768px) {
	.about-area1 .about-list .item {
		padding: 20px;
		height: 200px;
	}

	.about-area1 .tit {
		font-size: 24px;
	}

	.about-area1 .about-list .item img {
		height: 40px;
	}
}

@media screen and (max-width: 500px) {
	.about-area1 .tit {
		font-size: 22px;
	}

	.about-area1 .about-list .item img {
		height: 30px;
	}

	.about-area1 .about-list .item {
		padding: 20px;
		height: 140px;
	}
}

/* 企业文化 */
.about-area2 .culture-list .left-c {
	width: 24%;
	margin-right: 1.5%;
}

.about-area2 .culture-list .left-c .list-item {
	width: 100%;
}

.about-area2 .culture-list .right-c {
	width: 74.5%;
}

.about-area2 .culture-list .right-c .list-item {
	width: 32.0%;
	margin-right: 1.9%;
	margin-bottom: 1.9%;
}

.about-area2 .culture-list .right-c .list-item:nth-child(3) {
	margin-right: 0;
}

.about-area2 .culture-list .right-c .list-item:nth-child(5) {
	margin-right: 0;
	width: 66%;
}

.about-area2 .culture-list .list-item {
	position: relative;
	overflow: hidden;
	border-radius: 13px;
}

.about-area2 .culture-list .list-item>img {
	width: 100%;
	transition: all 0.4s;
}

.about-area2 .culture-list .list-item::after {
	content: "";
	transition: all 0.4s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #135293;
	opacity: 0;
}

.about-area2 .culture-list .list-item:hover>img {
	transition: all 0.4s;
	transform: scale(1.2);
}

.about-area2 .culture-list .list-item:hover::after {
	opacity: 0.7;
	transition: all 0.4s;
}

.about-area2 .culture-list .list-item .overtxt {
	position: absolute;
	left: 0;
	top: 50%;
	color: #ffffff;
	width: 100%;
	text-align: center;
	z-index: 3;
}

.about-area2 .culture-list .list-item h6 {
	margin-top: 10px;
}

.about-area2 .culture-list .list-item .overtxt2 {
	transition: all 0.4s;
}

.about-area2 .culture-list .list-item .overtxt1 {
	transition: all 0.12s;
	opacity: 0;
}

.about-area2 .culture-list .list-item:hover .overtxt2 {
	transition: all 0.5s;
	opacity: 1;
}



@media screen and (max-width: 1440px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 45px;
	}
}

@media screen and (max-width: 1366px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 42px;
	}
}

@media screen and (max-width: 1280px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 38px;
	}
}

@media screen and (max-width: 1040px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 35px;
	}

	.about-area2 .culture-list .list-item .overtxt {
		padding: 10px;
	}
}

@media screen and (max-width: 768px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 32px;
	}
}

@media screen and (max-width: 500px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 26px;
	}

	.yl-AboutDsjCon li i.yl-icobj01 {
		width: 12px;
		height: 12px;
	}

	.yl-AboutDsjCon li {
		width: 12%;
	}

	.about-area2 .culture-list .left-c {
		width: 100%;
		margin-right: 0;
	}

	.about-area2 .culture-list .left-c .list-item {
		width: 100%;
		margin-bottom: 1.9%;
		max-height: 40vw;
	}

	.about-area2 .culture-list .right-c {
		width: 100%;
	}

	.about-area2 .culture-list .right-c .list-item {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 1.9%;
		max-height: 40vw;
	}

	.about-area2 .culture-list .right-c .list-item:nth-child(2n) {
		margin-right: 0;
	}

	.about-area2 .culture-list .right-c .list-item:nth-child(3) {
		margin-right: 2%;
	}

	.about-area2 .culture-list .right-c .list-item:nth-child(5) {
		margin-right: 0;
		width: 100%;
	}

}

@media screen and (max-width: 400px) {
	.about-area2 .culture-list .list-item .overtxt img {
		height: 22px;
	}

	.about-area2 .culture-list .list-item h6 {
		margin-top: 6px;
		font-size: 12px;
	}

}

/* 成长历程 */
.about-area3 {
	background: #F9F9F9;
}

.about-area3 .yl-AboutDsj {
	width: 100%;
	height: 420px;
	background: url(../image/icon12.png) no-repeat center center;
	padding: 112px 0 164px;
}

.yl-AboutDsjCon {
	position: relative;
}

.yl-AboutDsjCon li {
	position: absolute;
	width: 14.5%;
	color: #656565;
	cursor: pointer;
	padding: 0 5px;
}

.yl-AboutDsjCon li.yl-DWtop {
	/* height: 123px; */
	bottom: 100%;
}

.yl-AboutDsjCon li i.yl-icobj01 {
	display: block;
	width: 21px;
	height: 18px;
	background: url(../image/icon11.png) no-repeat left bottom;
	position: absolute;
	left: 10%;
}

.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 {
	background: none;
}

.yl-AboutDsjCon li.yl-DWtop i.yl-icobj01 {
	left: 10%;
}

.yl-AboutDsjCon li i.yl-icobj02 {
	display: block;
	width: 31px;
	height: 0px;
	background: url(../image/icon10.png) no-repeat;
	position: absolute;
	left: -3px;
	bottom: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
}

.yl-AboutDsjCon li:nth-child(1) i.yl-icobj01 .yl-icobj02 {
	height: 52px;
}

.yl-AboutDsjCon li:nth-child(1) div {
	color: #135293;
}

.yl-AboutDsjCon li.yl-DW01 {
	left: 0;
}

.yl-AboutDsjCon li.yl-DW02 {
	left: 14%;
}

.yl-AboutDsjCon li.yl-DW03 {
	left: 28%;
}

.yl-AboutDsjCon li.yl-DW04 {
	left: 39%;
}

.yl-AboutDsjCon li.yl-DW05 {
	left: 51%;
}

.yl-AboutDsjCon li.yl-DW06 {
	left: 64%;
}

.yl-AboutDsjCon li.yl-DW07 {
	left: 74%;
}

.yl-AboutDsjCon li.yl-DW08 {
	left: 100%;
}

.yl-AboutDsjCon li.yl-DW09 {
	left: 88%;
}

.yl-AboutDsjCon li.yl-DW10 {
	left: 78%;
}

.yl-AboutDsjCon li.yl-DW11 {
	left: 88%;
	height: 30px;
	bottom: -20px;
}

.yl-AboutDsjCon li.yl-DWbot div {
	margin-top: 120px;
	text-align: justify;
}

.yl-AboutDsjCon li.yl-DW01 i.yl-icobj01 {
	bottom: -79px;
}

.yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 {
	top: 88px;
}

.yl-AboutDsjCon li.yl-DW03 i.yl-icobj01 {
	bottom: -70px;
}

.yl-AboutDsjCon li.yl-DW04 i.yl-icobj01 {
	top: 96px;
}

.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 {
	bottom: -95px;
}

.yl-AboutDsjCon li.yl-DW06 i.yl-icobj01 {
	top: 87px;
}

.yl-AboutDsjCon li.yl-DW07 i.yl-icobj01 {
	bottom: -75px;
}

.yl-AboutDsjCon li.yl-DW08 i.yl-icobj01 {
	top: 44px;
}

.yl-AboutDsjCon li.yl-DW09 i.yl-icobj01 {
	bottom: -107px;
}

.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 {
	top: 65px;
}

.yl-AboutDsjCon li.yl-DW11 i.yl-icobj01 {
	bottom: -34px;
}

.yl-AboutDsjCon li .fon16 {
	color: #135293;
	font-weight: bold;
}

.yl-AboutDsjCon li.orange {
	color: #135293;
}

.yl-AboutDsjCon li div:hover {
	color: #135293;
}

.yl-AboutDsjCon li i.yl-icobj01:hover .yl-icobj02 {
	height: 52px;
}

@media screen and (max-width: 1680px) {
	.yl-AboutDsjCon li.yl-DW02 i.yl-icobj01 {
		top: 95px;
	}

	.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 {
		top: 48px;
	}
}

@media screen and (max-width: 1440px) {
	.yl-AboutDsjCon li {
		width: 15%;
	}

	.yl-AboutDsjCon li.yl-DW10 i.yl-icobj01 {
		top: 34px;
	}

	.yl-AboutDsjCon li i.yl-icobj01 {
		width: 18px;
		height: 18px;
		left: 10%;
		background-size: 100%;
	}
}

@media screen and (max-width: 1366px) {
	.yl-AboutDsjCon li {
		width: 16%;
	}

	.yl-AboutDsjCon li.yl-DWtop {
		/* height: 150px; */
	}

	.yl-AboutDsjCon li.yl-DW11 {
		height: 70px;
	}
}

@media screen and (max-width: 1280px) {
	.yl-AboutDsjCon li i.yl-icobj01 {
		width: 15px;
		height: 15px;
	}

	.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 {
		bottom: -95px;
	}
}

@media screen and (max-width: 1040px) {
	.about-area3 {
		overflow: auto;
	}

	.yl-AboutDsjCon li i.yl-icobj01 {
		width: 15px;
		height: 15px;
	}

	.yl-AboutDsjCon li.yl-DW05 i.yl-icobj01 {
		bottom: -95px;
	}

	.about-area3 .about-history {
		overflow: hidden;
		overflow-x: scroll;
		scrollbar-width: none;
		/* firefox */
		-ms-overflow-style: none;
		/* IE 10+ */
	}

	.about-area3 .about-history::-webkit-scrollbar {
		display: none;
		/* Chrome Safari */
	}

	.about-area3 .yl-AboutDsj {
		width: 1600px;
	}

}


/* 服务企业 */
.about-area4 .teamwork-list .item {
	width: 18.7%;
	/* border: 1px solid #e6e6e6; */
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	background: #ffffff;
	transition: all 0.4s;
}

.about-area4 .teamwork-list .item:hover {
	transition: all 0.4s;
	transform: scale(1.1);
	/* box-shadow: 0 0 16px 6px #eeeeee; */
}

.about-area4 .teamwork-list .item:nth-child(5n) {
	margin-right: 0;
}

.about-area4 .teamwork-list .item img {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.about-area4 .teamwork-list .item {
		width: 23.8%;
	}

	.about-area4 .teamwork-list .item:nth-child(5n) {
		margin-right: 1.5%;
	}

	.about-area4 .teamwork-list .item:nth-child(4n) {
		margin-right: 0%;
	}

}

@media screen and (max-width: 1024px) {
	.about-area4 .teamwork-list .item {
		width: 32%;
	}

	.about-area4 .teamwork-list .item:nth-child(4n) {
		margin-right: 1.5%;
	}

	.about-area4 .teamwork-list .item:nth-child(3n) {
		margin-right: 0%;
	}
}

@media screen and (max-width: 768px) {
	.about-area4 .teamwork-list .item {
		width: 49.2%;
	}

	.about-area4 .teamwork-list .item:nth-child(3n) {
		margin-right: 1.5%;
	}

	.about-area4 .teamwork-list .item:nth-child(2n) {
		margin-right: 0%;
	}
}

/* 团队展示 */
.about-box {
	width: 100%;
}

.about-area5 .show-list .list-item {
	width: 32%;
	margin-bottom: 2%;
	margin-right: 2%;
	overflow: hidden;
}

.about-area5 .show-list .list-item:nth-child(3n) {
	width: 32%;
	margin-right: 0;
}

/* .about-area5 .show-list .list-item:nth-child(4){width: 32%;margin-right: 2%;} */
/* .about-area5 .show-list .list-item:nth-child(5){width: 32%;} */
.about-area5 .show-list .list-item img {
	transition: all 0.4s;
	width: 100%;
}

.about-area5 .show-list .list-item:hover img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.about-area5 .show-list .list-item:first-child {
	margin-right: 2%;
}

/* 大数据BI方案 */
/* 五步快速构建数据门户 */
.scheme-area1 .build-cont .item {
	width: 18.4%;
	margin-right: 2%;
	transition: all 0.3s;
	text-align: center;
	padding: 5% 0.5% 0;
	height: 329px;
	border: 1px solid #E6E6E6;
}

.scheme-area1 .build-cont .item:hover {
	transition: all 0.3s;
	transform: translateY(-25px);
}

.scheme-area1 .build-cont .item:last-child {
	margin-right: 0;
}

.scheme-area1 .build-cont .item .icon {
	height: 70px;
}

.scheme-area1 .build-cont .item .txt {
	font-size: 20px;
	line-height: 28px;
}

.scheme-area1 .build-cont .item h6 {
	margin-bottom: 15px;
}

@media screen and (max-width: 1680px) {
	.scheme-area1 .build-cont .item .txt {
		font-size: 18px;
	}

	.scheme-area1 .build-cont .item .icon {
		height: 60px;
	}

	.scheme-area1 .build-cont .item .icon img {
		height: 60px;
	}

	.scheme-area1 .build-cont .item {
		height: 300px;
	}

}

@media screen and (max-width: 1366px) {
	.scheme-area1 .build-cont .item .txt {
		font-size: 16px;
		line-height: 26px;
	}

	.scheme-area1 .build-cont .item img {
		max-height: 52px;
		max-width: 50px;
	}

	.scheme-area1 .build-cont .item .icon {
		height: 60px;
		margin-bottom: 10px;
	}

	.scheme-area1 .build-cont .item {
		width: 18.8%;
		margin-right: 1.5%;
		height: 280px;
	}
}

@media screen and (max-width: 1280px) {
	.scheme-area1 .build-cont .item .txt {
		font-size: 14px;
		line-height: 22px;
	}

	.scheme-area1 .build-cont .item img {
		max-height: 46px;
		max-width: 45px;
	}

	.scheme-area1 .build-cont .item .icon {
		height: 50px;
		margin-bottom: 10px;
	}

	.scheme-area1 .build-cont .item {
		height: 250px;
	}
}

@media screen and (max-width: 1040px) {
	.scheme-area1 .build-cont .item {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.scheme-area1 .build-cont .item:nth-child(3n) {
		margin-right: 0;
	}

	.scheme-area1 .build-cont .item img {
		max-height: 40px;
		max-width: 40px;
	}

}

@media screen and (max-width: 600px) {
	.scheme-area1 .build-cont .item {
		width: 49%;
		margin-right: 2%;
		height: 200px;
	}

	.scheme-area1 .build-cont .item:nth-child(3n) {
		margin-right: 2%;
	}

	.scheme-area1 .build-cont .item:nth-child(2n) {
		margin-right: 0%;
	}

	.scheme-area1 .build-cont .item img {
		max-height: 36px;
		max-width: 36px;
	}

	.scheme-area1 .build-cont .item h6 {
		margin-bottom: 10px;
		font-size: 16px;
	}
}


/* 全新的报表制作体验 */
.scheme-area2 {
	background: #f9f9f9 url(../image/bg11.jpg) no-repeat center top;
	background-size: 100% auto;
}

.scheme-area2 .area-title {
	color: #ffffff;
}

.scheme-area2 .area-title .title {
	color: #ffffff;
}

.scheme-area2 .experience-cont {
	position: relative;
	height: 720px;
	padding: 0 5%;
}

.scheme-area2 .experience-cont .item {
	height: 360px;
	padding: 5%;
	background: #ffffff;
	width: 40%;
	z-index: 4;
	position: absolute;
	left: 5%;
}

.scheme-area2 .experience-cont .item:nth-child(2) {
	left: 45%;
	top: -70px;
	width: 50%;
	z-index: 1;
}

.scheme-area2 .experience-cont .item:nth-child(2) img {
	width: 100%;
}

.scheme-area2 .experience-cont .item .txt {
	color: #135293;
	border-bottom: 2px solid #135293;
	display: inline;
}

.scheme-area2 .experience-cont .item:nth-child(3) {
	background: #135293;
	color: #ffffff;
	top: 360px;
}

.scheme-area2 .experience-cont .item:nth-child(4) {
	top: 360px;
	left: 45%;
}

.scheme-area2 .experience-cont .item:nth-child(3) .txt {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
}

.scheme-area2 .experience-cont .bgitem {
	background: transparent;
	padding: 0;
	width: auto;
}

@media screen and (max-width: 1680px) {
	.scheme-area2 .experience-cont {
		height: 640px;
	}

	.scheme-area2 .experience-cont .item .txt {
		font-size: 26px;
	}

	.scheme-area2 .experience-cont .item {
		height: 320px;
		padding: 4%;
	}

	.scheme-area2 .experience-cont .item:nth-child(2) {
		padding: 0%;
	}

	.scheme-area2 .experience-cont .item:nth-child(3) {
		top: 320px;
	}

	.scheme-area2 .experience-cont .item:nth-child(4) {
		top: 320px;
	}
}

@media screen and (max-width: 1440px) {
	.scheme-area2 .experience-cont {
		height: 600px;
	}

	.scheme-area2 .experience-cont .item .txt {
		font-size: 24px;
	}

	.scheme-area2 .experience-cont .item {
		height: 300px;
		padding: 4%;
	}

	.scheme-area2 .experience-cont .item:nth-child(3) {
		top: 300px;
	}

	.scheme-area2 .experience-cont .item:nth-child(4) {
		top: 300px;
	}
}

@media screen and (max-width: 1366px) {
	.scheme-area2 .experience-cont .item .txt {
		font-size: 22px;
	}

}

@media screen and (max-width: 1280px) {
	.scheme-area2 .experience-cont .item .txt {
		font-size: 20px;
	}

	.scheme-area2 .experience-cont {
		height: 530px;
	}

	.scheme-area2 .experience-cont .item {
		height: 250px;
	}

	.scheme-area2 .experience-cont .item:nth-child(3) {
		top: 250px;
	}

	.scheme-area2 .experience-cont .item:nth-child(4) {
		top: 250px;
	}

	.scheme-area2 .experience-cont .item:nth-child(2) {
		top: -21px;
	}
}

@media screen and (max-width: 1024px) {
	.scheme-area2 .experience-cont .item .txt {
		font-size: 18px;
	}


}

@media screen and (max-width: 768px) {
	.scheme-area2 .experience-cont .item .txt {
		font-size: 16px;
	}

	.scheme-area2 .experience-cont {
		padding: 0;
		width: 100%;
	}

}

@media screen and (max-width: 500px) {
	.scheme-area2 .experience-cont .item .txt {
		font-size: 14px;
	}

	.scheme-area2 .experience-cont {
		height: 800px;
	}

	.scheme-area2 .experience-cont .item {
		padding: 5%;
		width: 100%;
		left: 0;
		height: 200px;
	}

	.scheme-area2 .experience-cont .item:nth-child(2) {
		top: 200px;
		width: 100%;
		left: 0;
	}

	.scheme-area2 .experience-cont .item:nth-child(3) {
		top: 400px;
		width: 100%;
	}

	.scheme-area2 .experience-cont .item:nth-child(4) {
		top: 600px;
		width: 100%;
		left: 0;
	}


}


/* 灵活的数据应用方式 */
.scheme-area3 .daUse-way .item {
	width: 32%;
	height: 330px;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 2%;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	transition: all 0.4s;
	padding: 55px 5%;
}

.scheme-area3 .daUse-way .item:hover {
	transition: all 0.4s;
	box-shadow: 0 0 15px 3px #ececec;
}

.scheme-area3 .daUse-way .item:nth-child(3n) {
	margin-right: 0;
}

.scheme-area3 .daUse-way .item h5 {
	font-weight: 600;
	margin-bottom: 8px;
}

.scheme-area3 .daUse-way .item p {
	line-height: 28px;
}

@media screen and (max-width: 1440px) {
	.scheme-area3 .daUse-way .item {
		height: 300px;
		padding: 50px 5%;
	}

	.scheme-area3 .daUse-way .item .icon img {
		height: 60px;
	}
}

@media screen and (max-width: 1366px) {
	.scheme-area3 .daUse-way .item {
		height: 280px;
		padding: 45px 4%;
	}

	.scheme-area3 .daUse-way .item .icon img {
		height: 56px;
	}
}

@media screen and (max-width: 1280px) {
	.scheme-area3 .daUse-way .item .icon img {
		height: 52px;
	}

	.scheme-area3 .daUse-way .item p {
		line-height: 24px;
		font-size: 16px;
	}

	.scheme-area3 .daUse-way .item {
		height: 280px;
		padding: 35px 2%;
	}
}

@media screen and (max-width: 768px) {
	.scheme-area3 .daUse-way .item {
		height: 250px;
		padding: 30px 3%;
		width: 49%;
	}

	.scheme-area3 .daUse-way .item:nth-child(3n) {
		margin-right: 2%;
	}

	.scheme-area3 .daUse-way .item:nth-child(2n) {
		margin-right: 0;
	}

	.scheme-area3 .daUse-way .item p {
		line-height: 22px;
		font-size: 14px;
	}

	.scheme-area3 .daUse-way .item .icon img {
		height: 46px;
	}
}

@media screen and (max-width: 500px) {
	.scheme-area3 .daUse-way .item .icon img {
		height: 36px;
	}

}

/* 大屏可视化特性 */
.scheme-area4 {
	background: #f9f9f9;
}

.scheme-area4 .visual-list .item {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.5);
	height: 324px;
	text-align: center;
	transition: all 0.4s;
	background: #ffffff;
}

.scheme-area4 .visual-list .item:nth-child(4n) {
	margin-right: 0;
}

.scheme-area4 .visual-list .item .item-img {
	height: 136px;
	position: relative;
	overflow: hidden;
}

.scheme-area4 .visual-list .item .img {
	width: 100%;
	transition: all 0.4s;
}

.scheme-area4 .visual-list .item:hover .img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.scheme-area4 .visual-list .item:hover {
	transition: all 0.4s;
	transform: translateY(-20px);
}

.scheme-area4 .visual-list .item .icon {
	position: absolute;
	left: 50%;
	top: 50%;
}

.scheme-area4 .visual-list .item .item-txt {
	padding: 0 20px;
	position: ;
}

.scheme-area4 .visual-list .item h5 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-weight: 600;
}

.scheme-area4 .visual-list .item .txt {
	line-height: 28px;
	text-align: justify;
}

@media screen and (max-width: 1366px) {
	.scheme-area4 .visual-list .item h5 {
		margin-top: 20px;
		margin-bottom: 6px;
	}

	.scheme-area4 .visual-list .item {
		height: 300px;
	}

	.scheme-area4 .visual-list .item .icon {
		height: 60px;
	}

}

@media screen and (max-width: 1280px) {
	.scheme-area4 .visual-list .item h5 {
		margin-top: 15px;
	}

	.scheme-area4 .visual-list .item {
		height: 280px;
	}

	.scheme-area4 .visual-list .item .icon {
		height: 52px;
	}
}

@media screen and (max-width: 1040px) {
	.scheme-area4 .visual-list .item .txt {
		line-height: 24px;
		font-size: 14px;
	}

	.scheme-area4 .visual-list .item .icon {
		height: 48px;
	}

	.scheme-area4 .visual-list .item {
		width: 32%;
	}

	.scheme-area4 .visual-list .item:nth-child(4n) {
		margin-right: 2%;
	}

	.scheme-area4 .visual-list .item:nth-child(3n) {
		margin-right: 0;
	}

}

@media screen and (max-width: 768px) {
	.scheme-area4 .visual-list .item {
		padding: 30px 3%;
		width: 49%;
	}

	.scheme-area4 .visual-list .item:nth-child(3n) {
		margin-right: 2%;
	}

	.scheme-area4 .visual-list .item:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 500px) {
	.scheme-area4 .visual-list .item {
		padding: 30px 3%;
		width: 100%;
		margin-right: 0;
		height: auto;
	}

	.scheme-area4 .visual-list .item h5 {
		margin-top: 15px;
		font-size: 16px;
	}
}

/* 大屏可视化应用场景 */
.scheme-area5 .sence-cont .item {
	width: 32%;
	margin-right: 2%;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	transition: all 0.4s;
}

.scheme-area5 .sence-cont .item:nth-child(3) {
	margin-right: 0;
}

.scheme-area5 .sence-cont .item:hover {
	transition: all 0.4s;
	box-shadow: 0 0 12px 3px #ececec;
}

.scheme-area5 .sence-cont .item .item-txt {
	padding: 20px 30px;
	position: relative;
	text-align: justify;
	height: 270px;
}

.scheme-area5 .sence-cont .item .item-txt::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 16px 16px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -32px;
	left: 40px;
	z-index: 1;
}

.scheme-area5 .sence-cont .item:nth-child(2) .item-txt::after {
	top: 100%;
	border-color: #ffffff transparent transparent transparent;
}

.scheme-area5 .sence-cont .item .item-txt h6 {
	font-weight: 600;
}

.scheme-area5 .sence-cont .item .item-txt .txt {
	line-height: 28px;
	margin-top: 15px;
}

@media screen and (max-width: 1440px) {
	.scheme-area5 .sence-cont .item .item-txt {
		padding: 20px 25px;
	}

	.scheme-area5 .sence-cont .item .item-txt h6 {
		font-weight: 600;
		font-size: 26px;
	}

	.scheme-area5 .sence-cont .item .item-txt .txt {
		line-height: 26px;
		margin-top: 12px;
		font-size: 18px;
	}
}

@media screen and (max-width: 1366px) {
	.scheme-area5 .sence-cont .item .item-txt h6 {
		font-size: 24px;
	}

	.scheme-area5 .sence-cont .item .item-txt .txt {
		line-height: 26px;
		margin-top: 10px;
		font-size: 16px;
	}

	.scheme-area5 .sence-cont .item .item-txt::after {
		border-width: 15px 15px;
		top: -30px;
	}
}

@media screen and (max-width: 1280px) {
	.scheme-area5 .sence-cont .item .item-txt h6 {
		font-size: 22px;
	}

	.scheme-area5 .sence-cont .item .item-txt .txt {
		line-height: 22px;
		margin-top: 5px;
		font-size: 16px;
	}

	.scheme-area5 .sence-cont .item .item-txt::after {
		border-width: 12px 12px;
		top: -24px;
	}
}

@media screen and (max-width: 1040px) {
	.scheme-area5 .sence-cont .item .item-txt h6 {
		font-size: 20px;
	}

	.scheme-area5 .sence-cont .item .item-txt .txt {
		line-height: 20px;
		font-size: 14px;
	}

	.scheme-area5 .sence-cont .item .item-txt {
		padding: 15px 20px;
		height: 260px;
	}
}

@media screen and (max-width: 768px) {
	.scheme-area5 .sence-cont .item .item-txt h6 {
		font-size: 18px;
	}

	.scheme-area5 .sence-cont .item {
		width: 48.5%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
	}

	.scheme-area5 .sence-cont .item:nth-child(2n) {
		margin-right: 0;
	}

	.scheme-area5 .sence-cont .item .item-txt {
		height: 200px;
	}


}

@media screen and (max-width: 600px) {
	.scheme-area5 .sence-cont .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2.5%;
	}

	.scheme-area5 .sence-cont .item img {
		width: 100%;
	}

	.scheme-area5 .sence-cont .item .item-txt {
		height: auto;
	}
}

/* PMS(项目管理系统) */
/* 您是否也遇到如下痛点 */
.product-area1 .p-list .item {
	width: 18.7%;
	margin-right: 1.6%;
	margin-bottom: 1.8%;
	padding: 20px;
	height: 224px;
	border: 1px solid #EEEEEE;
	transition: all 0.4s;
	text-align: justify;
}

.product-area1 .p-list .item:hover {
	transition: all 0.4s;
	box-shadow: 0 0 12px 3px #ececec;
}

.product-area1 .p-list .item:last-child {
	margin-right: 0;
}

.product-area1 .p-list .item h6 {
	margin-bottom: 15px;
	position: relative;
	line-height: 60px;
	height: 60px;
}

.product-area1 .p-list .item .number {
	position: absolute;
	left: 10%;
	top: 0;
	font-weight: 600;
	color: #EAF4FF;
	font-size: 80px;
	font-family: 'SourceHanSansCN-Bold';
}

.product-area1 .p-list .item .tit {
	font-weight: 600;
	height: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}

.product-area1 .contlink {
	background: #ffffff;
	color: #135293;
	margin: 30px auto 0;
	border: 2px solid #135293;
}

.product-area1 .contlink .icon {
	background: url(../image/icon3.png) no-repeat center center;
}

.product-area1 .contlink:hover {
	background: #135293;
	color: #ffffff;
}

.product-area1 .contlink:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width:1366px) {
	.product-area1 .p-list .item h6 {
		margin-bottom: 12px;
		line-height: 56px;
		height: 56px;
	}

	.product-area1 .p-list .item .number {
		font-size: 76px;
	}
}

@media screen and (max-width:1280px) {
	.product-area1 .p-list .item h6 {
		margin-bottom: 10px;
		line-height: 52px;
		height: 52px;
	}

	.product-area1 .p-list .item .number {
		font-size: 72px;
	}

	.product-area1 .contlink .icon {
		background-size: 18px;
		height: 11px;
	}

}

@media screen and (max-width:1040px) {
	.product-area1 .p-list .item h6 {
		line-height: 50px;
		height: 50px;
		font-size: 18px;
	}

	.product-area1 .p-list .item .number {
		font-size: 68px;
	}

	.product-area1 .contlink {
		border: 1px solid #135293;
	}
}

@media screen and (max-width:768px) {
	.product-area1 .p-list .item h6 {
		font-size: 16px;
	}

	.product-area1 .p-list .item .number {
		font-size: 64px;
	}

	.product-area1 .p-list .item {
		width: 32%;
		height: 180px;
	}

	.product-area1 .p-list .item:nth-child(3n) {
		margin-right: 0;
	}

}

@media screen and (max-width:500px) {
	.product-area1 .p-list .item .number {
		font-size: 56px;
	}

	.product-area1 .p-list .item {
		width: 48.5%;
		height: 200px;
		margin-right: 3%;
		margin-bottom: 3%;
	}

	.product-area1 .p-list .item:nth-child(3n) {
		margin-right: 3%;
	}

	.product-area1 .p-list .item:nth-child(2n) {
		margin-right: 0;
	}


}

/* Ylink(PMS项目管理系统) */
.product-area2 {
	background: #f9f9f9;
}

.product-area2 .system-item {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
	height: 620px;
}

.product-area2 .system-item:nth-child(1) {
	background-image: url(../image/31.png), url(../image/42.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right center, left center;
}

.product-area2 .system-item:nth-child(2) {
	background-color: #ffffff;
	background-image: url(../image/42.png), url(../image/31.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right center, left center;
}

.product-area2 .system-item:nth-child(3) {
	background-image: url(../image/31.png), url(../image/42.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right center, left center;
}

.product-area2 .system-item .item-img {
	width: 60%;
}

.product-area2 .system-item .item-img img {
	width: 100%;
}

.product-area2 .system-item .item-txt {
	width: 40%;
	position: relative;
	top: 20%;
}

.product-area2 .system-item .tab-item {
	-webkit-tap-highlight-color: transparent;
	width: 100%;
	margin-bottom: 30px;
	transition: all 0.4s;
	padding: 20px 40px;
}

.product-area2 .system-item .tab-item:hover {
	transition: all 0.4s;
	background: #ffffff;
	box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);
}

.product-area2 .system-item .tab-item h6 {
	margin-bottom: 5px;
	transition: all 0.4s;
}

.product-area2 .system-item .tab-item:checked {
	border: none;
}

.product-area2 .system-item .active-tab {
	background: #ffffff;
	box-shadow: 0px 4px 20px 0px rgba(244, 244, 244, 0.5);
}

.product-area2 .system-item .active-tab h6 {
	color: #135293;
}

.product-area2 .system-item .tab-item:hover h6 {
	color: #135293;
}

.product-area2 .system-item .tab-item:focus {
	border: none;
}

.product-area2 .system-item .contitem {
	display: none;
}

.product-area2 .system-item .active-c {
	display: block;
}

@media screen and (max-width: 1440px) {
	.product-area2 .system-item {
		height: 580px;
	}

	.product-area2 .system-item .tab-item h6 {
		font-size: 26px;
	}
}

@media screen and (max-width: 1366px) {
	.product-area2 .system-item {
		height: 530px;
	}

	.product-area2 .system-item .tab-item h6 {
		font-size: 24px;
	}

}

@media screen and (max-width: 1280px) {
	.product-area2 .system-item {
		height: auto;
	}

	.product-area2 .system-item .tab-item h6 {
		font-size: 20px;
	}

}

@media screen and (max-width: 1040px) {
	.product-area2 .system-item .tab-item h6 {
		font-size: 18px;
	}

	.product-area2 .system-item {
		padding-left: 2%;
		padding-right: 2%;
	}

	.product-area2 .system-item:nth-child(1) {
		background-size: 50vw, 50vw;
	}

	.product-area2 .system-item:nth-child(2) {
		background-size: 50vw, 50vw;
	}

	.product-area2 .system-item:nth-child(3) {
		background-size: 50vw, 50vw;
	}

}

@media screen and (max-width: 768px) {
	.product-area2 .system-item .item-img {
		width: 100%;
	}

	.product-area2 .system-item .item-txt {
		width: 100%;
	}
}

/* 企业定制 */
.qiye-area1 {
	margin-bottom: 0;
}

.qiye-area1 h5 {
	text-align: center;
	padding: 50px 8% 0;
	background: url(../image/bg.png) no-repeat 16% top;
}

@media screen and (max-width: 1440px) {
	.qiye-area1 h5 {
		font-size: 24px;
	}
}

@media screen and (max-width: 1366px) {
	.qiye-area1 h5 {
		font-size: 22px;
		padding: 50px 5% 0;
	}
}

@media screen and (max-width: 1280px) {
	.qiye-area1 h5 {
		font-size: 20px;
		padding: 40px 4% 0;
	}
}

@media screen and (max-width: 1040px) {
	.qiye-area1 h5 {
		font-size: 20px;
		padding: 30px 2% 0;
	}
}

@media screen and (max-width: 768px) {
	.qiye-area1 h5 {
		font-size: 18px;
		padding: 20px 0% 0;
	}
}

@media screen and (max-width: 500px) {
	.qiye-area1 h5 {
		font-size: 16px;
	}
}

/* 服务场景  */
.jishu-area1 .scene-cont .item:hover::after {
	transition: all 0.4s;
	opacity: 0.7;
	background: #135293
}


/* IT灵活用工页面 */
.IT-area1 .item {
	width: 23.5%;
	margin-right: 2%;
	position: relative;
	border: 1px solid #F2F2F2;
	overflow: hidden;
}

.IT-area1 .item:last-child {
	margin-right: 0;
}

.IT-area1 .item>img {
	opacity: 0;
}

.IT-area1 .item:hover {
	color: #ffffff;
}

.IT-area1 .item:hover>img {
	opacity: 1;
	animation: fadeIn 0.3s ease-in;
}

.IT-area1 .item .box1 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	opacity: 1;
	z-index: 1;
}

.IT-area1 .item .box2 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	opacity: 0;
	transition: all 0.4s;
	z-index: 3;
	-webkit-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}

.IT-area1 .item:hover .box1 {
	opacity: 0;
}

.IT-area1 .item:hover .box2 {
	opacity: 1;
	-webkit-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.IT-area1 .item .zixun-btn {
	display: block;
	color: #ffffff;
	margin: 90px auto 0;
	width: 200px;
	height: 46px;
	line-height: 42px;
	border-radius: 23px;
	border: 2px solid #FFFFFF;
}

.IT-area1 .item .zixun-btn .icon {
	display: inline-block;
	width: 30px;
	height: 14px;
	margin-left: 3px;
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1680px) {
	.IT-area1 .item div img {
		height: 66px;
	}
}

@media screen and (max-width: 1440px) {
	.IT-area1 .item div img {
		height: 60px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 80px auto 0;
		width: 180px;
		height: 44px;
		line-height: 42px;
		border: 1px solid #FFFFFF;
	}
}

@media screen and (max-width: 1366px) {
	.IT-area1 .item div img {
		height: 55px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 70px auto 0;
		width: 170px;
		height: 42px;
		line-height: 40px;
	}

	.IT-area1 .item h5 {
		font-size: 24px;
	}

}

@media screen and (max-width: 1280px) {
	.IT-area1 .item div img {
		height: 48px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 60px auto 0;
		width: 160px;
		height: 40px;
		line-height: 38px;
	}

	.IT-area1 .item h5 {
		font-size: 22px;
	}

}

@media screen and (max-width: 1040px) {
	.IT-area1 .item div img {
		height: 42px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 40px auto 0;
		width: 140px;
		height: 38px;
		line-height: 36px;
	}

	.IT-area1 .item h5 {
		font-size: 18px;
	}

}

@media screen and (max-width: 768px) {
	.IT-area1 .item div img {
		height: 38px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 30px auto 0;
		width: 130px;
	}

	.IT-area1 .item h5 {
		font-size: 16px;
	}

	.IT-area1 .item {
		width: 31.5%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.IT-area1 .item:nth-child(3n) {
		margin-right: 0;
	}


}

@media screen and (max-width: 500px) {
	.IT-area1 .item {
		width: 49%;
		margin-right: 2%;
	}

	.IT-area1 .item:nth-child(3n) {
		margin-right: 2%;
	}

	.IT-area1 .item:nth-child(2n) {
		margin-right: 0%;
	}

	.IT-area1 .item div img {
		height: 32px;
	}

	.IT-area1 .item .zixun-btn {
		width: 120px;
	}

	.IT-area1 .item h5 {
		font-size: 14px;
	}

	.IT-area1 .item .zixun-btn {
		margin: 20px auto 0;
	}
}

/* 风险及保障措施 */
.IT-area2 .safeguard-cont .l-list {
	width: 42.5%;
	background: #F9F9F9;
	line-height: 70px;
	margin-top: 82px;
}

.IT-area2 .safeguard-cont .l-list .tit {
	line-height: 72px;
	height: 72px;
	background: #D20A10;
	text-align: center;
	color: #ffffff;
	font-weight: 600;
}

.IT-area2 .safeguard-cont .r-list {
	width: 57%;
	line-height: 68px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 3px rgba(224, 224, 224, 0.5);
}

.IT-area2 .safeguard-cont ul {
	padding-bottom: 10px;
}

.IT-area2 .safeguard-cont .r-list .tit {
	text-align: center;
	color: #ffffff;
	font-weight: 600;
	height: 92px;
	line-height: 92px;
	background: #135293;
}

.IT-area2 .safeguard-cont .item {
	padding: 0 35px;
}

.IT-area2 .safeguard-cont .l-list .item {
	border-bottom: 1px solid #E6E6E6;
}

.IT-area2 .safeguard-cont .item:last-child {
	border-bottom: none;
}

.IT-area2 .safeguard-cont .r-list .item {
	position: relative;
}

.IT-area2 .safeguard-cont .l-list .icon {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #D20A10;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	top: -3px;
}

.IT-area2 .safeguard-cont .r-list .item::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 23px;
	background: #135293;
	border-radius: 50%;
	margin-right: 18px;
	position: relative;
	top: 6px;
}

.IT-area2 .safeguard-cont .r-list .item .icon {
	position: absolute;
	left: 39px;
	top: 26px;
	line-height: 22px;
	color: #ffffff;
	font-size: 15px;
}

@media screen and (max-width: 1680px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 86px;
		line-height: 86px;
		font-size: 28px;
	}

	.IT-area2 .safeguard-cont .l-list .tit {
		height: 86px;
		line-height: 86px;
		font-size: 28px;
	}

	.IT-area2 .safeguard-cont .item {
		padding: 0 30px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 64px;
	}

	.IT-area2 .safeguard-cont .r-list .item .icon {
		left: 35px;
		top: 24px;
		line-height: 20px;
		font-size: 14px;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 66px;
		margin-top: 76px;
	}
}

@media screen and (max-width: 1440px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 80px;
		line-height: 80px;
		font-size: 26px;
	}

	.IT-area2 .safeguard-cont .l-list .tit {
		height: 80px;
		line-height: 80px;
		font-size: 26px;
	}

	.IT-area2 .safeguard-cont .item {
		padding: 0 25px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 60px;
	}

	.IT-area2 .safeguard-cont .r-list .item .icon {
		left: 30px;
		top: 22px;
		line-height: 20px;
		font-size: 14px;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 62px;
		margin-top: 70px;
	}
}

@media screen and (max-width: 1366px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}

	.IT-area2 .safeguard-cont .l-list .tit {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 56px;
	}

	.IT-area2 .safeguard-cont .item {
		padding: 0 20px;
	}

	.IT-area2 .safeguard-cont .r-list .item .icon {
		left: 25px;
		top: 19px;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 56px;
		margin-top: 60px;
	}
}

@media screen and (max-width: 1280px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 70px;
		line-height: 70px;
		font-size: 22px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 30px;
		padding: 10px 0;
	}

	.IT-area2 .safeguard-cont .item {
		padding: 10px 20px 10px 55px;
		position: relative;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 30px;
		margin-top: 60px;
		padding: 10px 0;
	}

	.IT-area2 .safeguard-cont .r-list .item::before {
		width: 22px;
		height: 22px;
		top: 15px;
		left: 20px;
		position: absolute;
	}

	.IT-area2 .safeguard-cont .r-list .item .icon {
		left: 25px;
		top: 17px;
	}

	.IT-area2 .safeguard-cont .l-list .icon {
		margin-right: 15px;
		top: 22px;
		left: 20px;
		position: absolute;
	}
}

@media screen and (max-width: 1040px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 62px;
		line-height: 62px;
		font-size: 20px;
	}

	.IT-area2 .safeguard-cont .l-list .tit {
		height: 62px;
		line-height: 62px;
		font-size: 20px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 26px;
		padding: 6px 0;
	}

	.IT-area2 .safeguard-cont .item {
		padding: 10px 20px 10px 50px;
		position: relative;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 26px;
		margin-top: 50px;
		padding: 10px 0;
	}

	.IT-area2 .safeguard-cont .r-list .item .icon {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.IT-area2 .safeguard-cont .r-list .tit {
		height: 52px;
		line-height: 52px;
		font-size: 18px;
	}

	.IT-area2 .safeguard-cont .l-list .tit {
		height: 52px;
		line-height: 52px;
		font-size: 18px;
	}

	.IT-area2 .safeguard-cont .r-list {
		line-height: 24px;
		padding: 6px 0;
	}

	.IT-area2 .safeguard-cont .l-list {
		line-height: 24px;
		margin-top: 40px;
		padding: 10px 0;
	}
}

@media screen and (max-width: 600px) {
	.IT-area2 .safeguard-cont .l-list {
		width: 100%;
	}

	.IT-area2 .safeguard-cont .r-list {
		width: 100%;
	}

	.IT-area2 .safeguard-cont .r-list .tit {
		height: 46px;
		line-height: 46px;
		font-size: 16px;
	}

	.IT-area2 .safeguard-cont .r-list .tit {
		height: 46px;
		line-height: 46px;
		font-size: 16px;
	}
}

/* 服务优势 */
.IT-area3 {
	background: #f9f9f9;
}

.IT-area3 .superiority-cont .item {
	overflow: hidden;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
	position: relative;
	color: #ffffff;
}

.IT-area3 .superiority-cont .item:nth-child(4n) {
	margin-right: 0;
}

.IT-area3 .superiority-cont .item>img {
	transition: all 0.4s;
	width: 100%;
}

.IT-area3 .superiority-cont .item:hover>img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.IT-area3 .superiority-cont .item .overtxt {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
}

.IT-area3 .detaile-links {
	display: block;
	margin: 50px auto 0;
	border: 2px solid #135293;
	background: transparent;
	color: #135293;
}

.IT-area3 .detaile-links:hover {
	border: 2px solid #135293;
	color: #ffffff;
	background: #135293;
}

.IT-area3 .detaile-links .icon {
	background: url(../image/icon3.png) no-repeat center center;
}

.IT-area3 .detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1680px) {
	.IT-area3 .superiority-cont .item .overtxt img {
		height: 68px;
	}

	.IT-area3 .superiority-cont .item .overtxt {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1440px) {
	.IT-area3 .superiority-cont .item .overtxt img {
		height: 62px;
	}

	.IT-area3 .detaile-links .icon {
		background-size: 19px;
	}

	.IT-area3 .detaile-links:hover .icon {
		background-size: 19px;
	}

}

@media screen and (max-width: 1280px) {
	.IT-area3 .superiority-cont .item .overtxt img {
		height: 55px;
	}

	.IT-area3 .superiority-cont .item .overtxt {
		padding: 0 15px;
	}

	.IT-area3 .detaile-links .icon {
		background-size: 16px;
	}

	.IT-area3 .detaile-links:hover .icon {
		background-size: 16px;
	}

}

@media screen and (max-width: 1040px) {
	.IT-area3 .superiority-cont .item .overtxt img {
		height: 48px;
	}

}

@media screen and (max-width:768px) {
	.IT-area3 .superiority-cont .item .overtxt img {
		height: 40px;
	}

}

@media screen and (max-width:500px) {
	.IT-area3 .superiority-cont .item {
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 3%;
	}

	.IT-area3 .superiority-cont .item:nth-child(2) {
		margin-right: 0;
	}

	.IT-area3 .superiority-cont .item .overtxt img {
		height: 32px;
	}

}

/* 灵活用工报价 */
.IT-area4 .offer-cont {
	text-align: center;
}

.IT-area4 .offer-cont .tab-box {
	width: 19%;
	background: #F9F9F9;
	line-height: 34px;
}

.IT-area4 .offer-cont .tab-box .tab-item {
	display: block;
	padding: 41px 0;
	position: relative;
}

.IT-area4 .offer-cont .tab-box .tab-item .tab-tit {
	font-weight: 600;
	margin-bottom: 5px;
}

.IT-area4 .offer-cont .tab-box .active-tab {
	background: #ffffff;
}

.IT-area4 .offer-cont .tab-box .tab-item::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 0%;
	background: #135293;
	position: absolute;
	left: 0;
	top: 0;
	transition: height 0.4s;
}

.IT-area4 .offer-cont .tab-box .active-tab::before {
	height: 100%;
}

.IT-area4 .offer-cont .tab-box .tab-item:hover::before {
	height: 100%;
}

.IT-area4 .offer-cont .tabcont-box {
	width: 75%;
}

.IT-area4 .tabcont-box .contitem {
	display: none;
}

.IT-area4 .tabcont-box .active-c {
	display: block;
}

.IT-area4 .tabcont-box .item {
	width: 32%;
	margin-right: 2%;
	height: 320px;
}

.IT-area4 .tabcont-box .item:nth-child(3) {
	margin-right: 0;
}

.IT-area4 .tabcont-box .item .item-img {
	width: 100%;
	overflow: hidden;
}

.IT-area4 .tabcont-box .item .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.IT-area4 .tabcont-box .item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.IT-area4 .tabcont-box .item .item-txt {
	border: 1px solid #E6E6E6;
	padding: 20px;
}

.IT-area4 .tabcont-box .item .item-txt h6 {
	margin-bottom: 10px;
	font-weight: 600;
}

.IT-area4 .detaile-links {
	display: block;
	margin: 50px auto 0;
	border: 2px solid #135293;
	background: #FFFFFF;
	color: #135293;
}

.IT-area4 .detaile-links .icon {
	background: url(../image/icon3.png) no-repeat center center;
}

.IT-area4 .detaile-links:hover {
	border: 2px solid #135293;
	background: #135293;
	color: #ffffff;
}

.IT-area4 .detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1680px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 39px 0;
	}
}

@media screen and (max-width: 1440px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 33px 0;
	}
}

@media screen and (max-width: 1366px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 27px 0;
	}

	.IT-area4 .offer-cont .tab-box .tab-item::before {
		width: 5px;
	}
}

@media screen and (max-width: 1280px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 25px 0;
	}

	.IT-area4 .offer-cont .tab-box .tab-item::before {
		width: 4px;
	}

	.IT-area4 .tabcont-box .item .item-txt p {
		font-size: 16px;
	}

}

@media screen and (max-width: 1040px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 22px 0;
	}

	.IT-area4 .offer-cont .tab-box .tab-item::before {
		width: 3px;
	}

	.IT-area4 .offer-cont .tab-box {
		width: 22%;
	}

	.IT-area4 .offer-cont .tab-box .tab-item .tab-tit {
		margin-bottom: 0;
	}

	.IT-area4 .tabcont-box .item .item-txt {
		padding: 15px;
	}
}

@media screen and (max-width: 900px) {
	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 17px 0;
	}

	.IT-area4 .offer-cont .tab-box .tab-item {
		padding: 12px 0;
	}
}

@media screen and (max-width:768px) {
	.IT-area4 .offer-cont .tab-box {
		width: 100%;
		height: 100px;
		background: #ffffff;
	}

	.IT-area4 .offer-cont .tab-box .tab-item {
		width: 50%;
		padding: 10px;
		float: left;
	}

	.IT-area4 .offer-cont .tab-box .active-tab {
		background: #F9F9F9;
	}

	.IT-area4 .offer-cont .tabcont-box {
		width: 100%;
	}

	.IT-area4 .offer-cont .tab-box .tab-item::before {
		width: 0%;
		height: 3px;
		transition: width 0.4s;
	}

	.IT-area4 .offer-cont .tab-box .active-tab::before {
		width: 100%;
		height: 3px;
	}

	.IT-area4 .offer-cont .tab-box .tab-item:hover::before {
		width: 100%;
		height: 3px;
	}

	.IT-area4 .tabcont-box .item {
		height: 200px;
	}

}

/* <!-- 费用组成 --> */
.IT-area5 {
	background: url(../image/bg12.jpg) no-repeat left top;
	background-size: 100% 100%;
}

.IT-area5 .area-title {
	color: #ffffff;
}

.IT-area5 .area-title .title {
	color: #ffffff;
}

.IT-area5 .cost-cont .cost-item {
	width: 20%;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	transition: all 0.9s;
}

.IT-area5 .cost-cont .cost-item img {
	transition: all 1.5s;
}

.IT-area5 .cost-cont .cost-item:hover img {
	transition: all 1.5s;
	transform: rotateY(180deg);
}

.IT-area5 .cost-cont .cost-item h6 {
	margin-top: 10px;
}

.IT-area5 .cost-cont.c2 {
	padding: 0 8%;
}

.IT-area5 .cost-cont.c2 .cost-item {
	width: 25%;
}

@media screen and (max-width: 1680px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 68px;
	}
}

@media screen and (max-width: 1440px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 62px;
	}
}

@media screen and (max-width: 1366px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 56px;
	}
}

@media screen and (max-width: 1280px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 50px;
	}
}

@media screen and (max-width: 1040px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 46px;
	}
}

@media screen and (max-width: 768px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 42px;
	}

	.IT-area5 .c1 {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 500px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 35px;
	}

	.IT-area5 .c1 {
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 370px) {
	.IT-area5 .cost-cont .cost-item img {
		height: 30px;
	}

}

/* 灵活用工流程 */
.IT-area6 .flow-cont {
	position: relative;
	height: 225px;
}

.IT-area6 .flow-cont .line {
	display: inline-block;
	width: 100%;
	height: 2px;
	background: #E6E6E6;
	position: absolute;
	left: 0;
	top: 50%;
}

.IT-area6 .flow-cont .list {
	width: 100%;
	height: 100%;
}

.IT-area6 .flow-cont .list li {
	height: 100%;
	width: 14.2%;
	display: inline-block;
	position: relative;
	text-align: center;
}

.IT-area6 .flow-cont .list li::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #FFFFFF;
	border: 2px solid #135293;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -7px;
}

.IT-area6 .flow-cont .list li:nth-child(2n)::before {
	background: #135293;
}

.IT-area6 .flow-cont .list li:nth-child(2n+1) .icon {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 67%;
	left: 5px;
}

.IT-area6 .flow-cont .list li:nth-child(2n+1) .txt {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 20%;
	left: 5px;
}

.IT-area6 .flow-cont .list li:nth-child(2n) .txt {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 67%;
	left: 5px;
}

.IT-area6 .flow-cont .list li:nth-child(2n) .icon {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 8%;
	left: 0px;
}

.IT-area6 .detaile-links {
	display: block;
	margin: 50px auto 0;
	border: 2px solid #135293;
	background: #FFFFFF;
	color: #135293;
}

.IT-area6 .detaile-links .icon {
	background: url(../image/icon3.png) no-repeat center center;
}

.IT-area6 .detaile-links:hover {
	border: 2px solid #135293;
	background: #135293;
	color: #ffffff;
}

.IT-area6 .detaile-links:hover .icon {
	background: url(../image/icon2.png) no-repeat center center;
}

@media screen and (max-width: 1440px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 60px;
	}
}

@media screen and (max-width: 1366px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 56px;
	}

	.IT-area6 .flow-cont .list li .txt {
		font-size: 18px;
	}

	.IT-area6 .flow-cont .list li::before {
		width: 13px;
		height: 13px;
	}
}

@media screen and (max-width: 1280px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 52px;
	}

	.IT-area6 .flow-cont .list li .txt {
		font-size: 16px;
	}

	.IT-area6 .flow-cont .list li::before {
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width: 1040px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 48px;
	}

	.IT-area6 .flow-cont .list li .txt {
		font-size: 14px;
	}

	.IT-area6 .flow-cont .list li::before {
		width: 10px;
		height: 10px;
		border-width: 1px;
		margin-top: -5px;
	}
}

@media screen and (max-width: 768px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 42px;
	}

	.IT-area6 .flow-cont .list li::before {
		width: 8px;
		height: 8px;
		margin-top: -4px;
	}
}

@media screen and (max-width: 500px) {
	.IT-area6 .flow-cont .list li .icon img {
		width: 36px;
	}

	.IT-area6 .flow-cont .list li:nth-child(2n) .icon {
		top: 22%;
	}
}

/* 企业数字大学 */
/* 提供互联网+项目全生命周期的管理与服务 */
.college-area1 .c-service-list .list-item {
	width: 18.5%;
	margin-right: 1.7%;
	transition: all 0.4s;
	text-align: center;
	padding: 90px 30px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
}

.college-area1 .c-service-list .list-item:nth-child(5) {
	margin-right: 0;
}

.college-area1 .c-service-list .list-item .icon {
	display: inline-block;
}

.college-area1 .c-service-list .list-item:hover {
	transition: all 0.4s;
	box-shadow: 0 0 12px 3px #ececec;
	transform: translateY(-25px);
}

@media screen and (max-width: 1440px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 70px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 74px 25px;
	}
}

@media screen and (max-width: 1366px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 64px;
	}

	.college-area1 .c-service-list .list-item h6 {
		font-size: 22px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 65px 20px;
	}

	.college-area1 .c-service-list .list-item:hover {
		transform: translateY(-20px);
	}


}

@media screen and (max-width: 1280px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 58px;
	}

	.college-area1 .c-service-list .list-item h6 {
		font-size: 20px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 55px 20px;
	}


}

@media screen and (max-width: 1040px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 52px;
	}

	.college-area1 .c-service-list .list-item h6 {
		font-size: 18px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 45px 20px;
	}
}

@media screen and (max-width: 768px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 40px;
	}

	.college-area1 .c-service-list .list-item h6 {
		font-size: 16px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 40px 20px;
		width: 32%;
		margin-bottom: 3%;
		margin-right: 2%;
	}

	.college-area1 .c-service-list .list-item:nth-child(3n) {
		margin-right: 0;
	}

	.college-area1 .c-service-list .list-item:hover {
		transform: translateY(-15px);
	}

}

@media screen and (max-width: 500px) {
	.college-area1 .c-service-list .list-item .icon img {
		height: 32px;
	}

	.college-area1 .c-service-list .list-item h6 {
		font-size: 14px;
	}

	.college-area1 .c-service-list .list-item {
		padding: 30px 20px;
	}

	.college-area1 .c-service-list .list-item:hover {
		transform: translateY(-10px);
	}

}

/*覆盖教育培训的多场景产品  */
.college-area2 {
	background: #f9f9f9;
}

.college-area2 .se-list .item {
	width: 32%;
	margin-right: 2%;
	transition: all 0.4s;
	overflow: hidden;
	position: relative;
}

.college-area2 .se-list .item>img {
	width: 100%;
	transition: all 0.4s;
}

.college-area2 .se-list .item:hover>img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.college-area2 .se-list .item:last-child {
	margin-right: 0;
}

.college-area2 .se-list .item .overtxt {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	color: #ffffff;
	padding: 0 13%;
}

.college-area2 .se-list .item .infor {
	text-align: justify;
}

.college-area2 .se-list .icon {
	display: inline-block;
	height: 65px;
	margin-bottom: 10px;
}

.college-area2 .detaile-links {
	margin-top: 60px;
	background: transparent;
}

@media screen and (max-width: 1440px) {
	.college-area2 .se-list .icon img {
		height: 60px;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 26px;
	}
}

@media screen and (max-width: 1366px) {
	.college-area2 .se-list .icon img {
		height: 52px;
	}

	.college-area2 .se-list .icon {
		height: 55px;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 22px;
	}

}

@media screen and (max-width: 1280px) {
	.college-area2 .se-list .icon {
		height: 46px;
	}

	.college-area2 .se-list .icon img {
		height: 46px;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 20px;
	}

	.college-area2 .se-list .item .overtxt .infor {
		font-size: 16px;
	}

}

@media screen and (max-width: 1040px) {
	.college-area2 .se-list .icon {
		height: 40px;
	}

	.college-area2 .se-list .icon img {
		height: 40px;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.college-area2 .se-list .item .overtxt .infor {
		font-size: 14px;
	}

	.college-area2 .se-list .item .overtxt {
		padding: 0 10%;
	}

	.college-area2 .detaile-links {
		margin-top: 45px;
	}

}

@media screen and (max-width: 768px) {
	.college-area2 .se-list .icon {
		height: 36px;
	}

	.college-area2 .se-list .icon img {
		height: 36px;
	}

	.college-area2 .se-list .item .overtxt {
		padding: 0 8%;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.college-area2 .detaile-links {
		margin-top: 40px;
	}


}

@media screen and (max-width: 650px) {
	.college-area2 .se-list .icon {
		height: 40px;
	}

	.college-area2 .se-list .icon img {
		height: 40px;
	}

	.college-area2 .se-list .item .overtxt {
		padding: 0 5%;
	}

	.college-area2 .se-list .item .overtxt h5 {
		font-size: 16px;
		margin-bottom: 3px;
	}

	.college-area2 .se-list .item {
		width: 100%;
		margin-bottom: 10px;
	}

	.college-area2 .detaile-links {
		margin-top: 30px;
	}


}

/* <!-- 15000+ 为他们提供产品与服务 --> */
.college-area3 .teamwork-list .item {
	width: 18.8%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	background: #ffffff;
	transition: all 0.4s;
}

.college-area3 .teamwork-list .item:hover {
	transition: all 0.4s;
	box-shadow: 0 0 12px 3px #e4e4e3;
}

.college-area3 .teamwork-list .item:nth-child(5n) {
	margin-right: 0;
}

.college-area3 .teamwork-list .item img {
	width: 100%;
}

@media screen and (max-width: 1280px) {
	.college-area3 .teamwork-list .item {
		width: 23.7%;
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(5n) {
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(4n) {
		margin-right: 0;
	}

}

@media screen and (max-width: 1040px) {
	.college-area3 .teamwork-list .item {
		width: 31.9%;
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(4n) {
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.college-area3 .teamwork-list .item {
		width: 31.9%;
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(4n) {
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 500px) {
	.college-area3 .teamwork-list .item {
		width: 48.9%;
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(3n) {
		margin-right: 1.7%;
	}

	.college-area3 .teamwork-list .item:nth-child(2n) {
		margin-right: 0%;
	}

}

/* 优势在线 */
.college-area4 {
	background: #f9f9f9;
}

.college-area4 .data-item {
	display: inline-block;
	width: 20%;
	position: relative;
	transition: all 0.4s;
	text-align: center;
}

.college-area4 .data-item::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 44px;
	background: #D5D5D5;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -22px;
}

.college-area4 .data-item:last-child::after {
	opacity: 0;
}

.college-area4 .data-item .data {
	display: inline-block;
	position: relative;
}

.college-area4 .data-item .counter {
	font-size: 64px;
	font-weight: 600;
	color: #222222;
	line-height: 96px;
	font-family: 'SourceHanSansCN-Bold';
}

.college-area4 .data-item .secorde {
	font-size: 24px;
	position: absolute;
	right: -15px;
	bottom: 10px;
}

.college-area4 .data-item:nth-child(2) .secorde {
	right: -30px;
}

.college-area4 .data-item:nth-child(5) .secorde {
	right: -25px;
}

.college-area4 .data-item .name {
	display: inline-block;
	text-align: right;
	width: 100px;
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 24px;
	position: absolute;
	right: -0%;
	bottom: -20px;
}

@media screen and (max-width: 1680px) {
	.college-area4 .data-item .counter {
		font-size: 62px;
	}
}

@media screen and (max-width: 1440px) {
	.college-area4 .data-item .counter {
		font-size: 58px;
	}

	.college-area4 .data-item .secorde {
		font-size: 22px;
	}
}

@media screen and (max-width: 1366px) {
	.college-area4 .data-item .counter {
		font-size: 50px;
	}

	.college-area4 .data-item .secorde {
		font-size: 20px;
	}

}

@media screen and (max-width: 1280px) {
	.college-area4 .data-item .counter {
		font-size: 42px;
	}

	.college-area4 .data-item .secorde {
		font-size: 18px;
	}

	.college-area4 .data-item .name {
		font-size: 14px;
		bottom: -15px;
	}

}

@media screen and (max-width: 1040px) {
	.college-area4 .data-item .counter {
		font-size: 36px;
	}

	.college-area4 .data-item .secorde {
		font-size: 16px;
	}

}

@media screen and (max-width: 768px) {
	.college-area4 .data-item {
		width: 33%;
	}

	.college-area4 .data-item .counter {
		font-size: 32px;
	}

	.college-area4 .data-item .secorde {
		font-size: 14px;
	}

	.college-area4 .data-item::after {
		height: 36px;
		margin-top: -18px;
	}

}

@media screen and (max-width: 500px) {
	.college-area4 .data-item .counter {
		font-size: 26px;
	}

	.college-area4 .data-item::after {
		height: 30px;
		margin-top: -15px;
	}


}

/* 视频拍摄与制作 */
.video-area1 .view-cont .item {
	width: 33.3%;
	text-align: center;
	padding: 50px 5%;
}

.video-area1 .view-cont .item .icon {
	margin-bottom: 15px;
	transition: all 0.8s;
	transform: rotateY(0deg);
}

.video-area1 .view-cont .item .icon:hover {
	transition: all 0.8s;
	transform: rotateY(-180deg);
}

.video-area1 .view-cont .item h5 {
	margin-bottom: 15px;
	font-weight: 600;
}

@media screen and (max-width: 1440px) {
	.video-area1 .view-cont .item .icon img {
		height: 65px;
	}

	.video-area1 .view-cont .item .txt {
		font-size: 20px;
	}
}

@media screen and (max-width: 1366px) {
	.video-area1 .view-cont .item .icon img {
		height: 62px;
	}

	.video-area1 .view-cont .item .txt {
		font-size: 18px;
	}

	.video-area1 .view-cont .item {
		padding: 40px 3%;
	}

	.video-area2 .list-item .item-txt .order {
		font-size: 110px;
	}
}

@media screen and (max-width: 1280px) {
	.video-area1 .view-cont .item .icon img {
		height: 56px;
	}

	.video-area1 .view-cont .item .txt {
		font-size: 16px;
	}

	.video-area1 .view-cont .item {
		padding: 30px 3%;
	}

}

@media screen and (max-width: 1040px) {
	.video-area1 .view-cont .item .icon img {
		height: 50px;
	}

}

@media screen and (max-width: 768px) {
	.video-area1 .view-cont .item .icon img {
		height: 46px;
	}

}

@media screen and (max-width: 500px) {
	.video-area1 .view-cont .item .icon img {
		height: 42px;
	}

	.video-area1 .view-cont .item {
		width: 100%;
		box-shadow: 0 0 8px 2px #ececec;
		margin-bottom: 10px;
	}

	.video-area1 .view-cont .item h5 {
		margin-bottom: 10px;
		font-size: 18px;
	}

}

/* 服务流程 */
.video-area2 {
	background: #f9f9f9;
}

.video-area2 .fllow-list .list-item {
	background: #ffffff;
	width: 25%;
	display: inline-block;
	text-align: center;
	position: relative;
}

.video-area2 .fllow-list .list-item .item-img {
	width: 100%;
	overflow: hidden;
}

.video-area2 .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.video-area2 .list-item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.video-area2 .list-item .item-txt {
	padding: 0 20px;
	height: 200px;
	width: 100%;
	position: relative;
	background: #ffffff;
}

.video-area2 .list-item .item-txt::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 16px 16px;
	border-style: solid;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: -32px;
	left: 50%;
	margin-left: -14px;
	z-index: 1;
}

.video-area2 .list-item:nth-child(2n) .item-txt::after {
	top: 100%;
	border-color: #ffffff transparent transparent transparent;
}

.video-area2 .list-item .item-txt h5 {
	font-weight: 600;
	padding: 35px 0 20px;
	width: 100%;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}

.video-area2 .list-item .item-txt .order {
	font-size: 120px;
	position: absolute;
	left: 42%;
	top: -25px;
	color: #F2F2F2;
	z-index: 1;
}

.video-area2 .list-item .item-txt .txt {
	z-index: 8;
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	padding: 0 20px;
}

@media screen and (max-width: 1440px) {
	.video-area2 .list-item .item-txt .order {
		font-size: 100px;
	}

	.video-area2 .list-item .item-txt::after {
		border-width: 14px 14px;
		top: -28px;
	}

}

@media screen and (max-width: 1366px) {
	.video-area2 .list-item .item-txt .order {
		font-size: 90px;
	}

}

@media screen and (max-width: 1280px) {
	.video-area2 .list-item .item-txt .order {
		font-size: 80px;
		top: 0;
	}

}

@media screen and (max-width: 1040px) {
	.video-area2 .list-item .item-txt .order {
		font-size: 70px;
		left: 47%;
	}

	.video-area2 .list-item .item-txt .txt {
		font-size: 14px;
		text-align: justify;
	}

}

@media screen and (max-width: 768px) {
	.video-area2 .list-item .item-txt .txt {
		font-size: 14px;
		text-align: justify;
	}

	.video-area2 .fllow-list .list-item {
		width: 50%;
	}
}

@media screen and (max-width: 500px) {
	.video-area2 .fllow-list .list-item {
		width: 100%;
		margin-bottom: 10px;
		border-radius: 5px;
		box-shadow: 0 010px 2px #ececec;
	}

	.video-area2 .list-item .item-txt {
		height: 160px;
	}
}



/* 互联网医院解决方案  Start*/
.hos-hover:hover {
	background-color: #135293;
	color: #fff;
}

.hos-hover:hover .icon101 {
	display: block;
}

.hos-hover:hover .icon100 {
	display: none;
}

.icon101 {
	display: none;
}

.hospital-sec1 {
	padding: 60px 0;
}

.hospital-sec1 .sec-text {
	max-width: 1180px;
	margin: 0 auto;
	padding: 30px 0 60px;
	position: relative;
}

.hospital-sec1 .sec-text::before {
	display: block;
	content: '';
	position: absolute;
	width: 157px;
	height: 137px;
	background: url(../image/bg.png) no-repeat;
	background-size: contain;
	left: 5%;
	top: -15%;
}

.hospital-sec1 .sec-text p {
	text-align: center;
	font-size: 28px;
	position: relative;
	z-index: 3;
}

.hospital-sec1 .sec-text span {
	font-weight: bold;
}

.hospital-sec1 .sec-tab {
	margin-top: 50px;
	height: 720px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	align-items: stretch;
}

.hospital-sec1 .sec-tab .function {
	width: 60%;
	height: 100%;
	background: url(../image/circle_bg.png) no-repeat center center;
	background-size: contain;
}

.hospital-sec1 .sec-tab .function .img {
	height: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}

.hospital-sec1 .sec-tab .function .img img {
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
}

.hospital-sec1 .sec-tab .tab-menu {
	width: 40%;
	padding-right: 12px;
	;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	align-items: stretch;
}

.hospital-sec1 .sec-tab .tab-menu a {
	display: block;
	margin-bottom: 20px;
	background-color: #fff;
	padding: 20px;
	max-width: 520px;
}

.hospital-sec1 .sec-tab .tab-menu a:last-child {
	margin-bottom: 0;
}

.hospital-sec1 .sec-tab .tab-menu a.on {
	box-shadow: 0px 0px 11px 2px rgba(233, 233, 233, 0.5);
}

.hospital-sec1 .sec-tab .tab-menu a.on h4 {
	color: #135293;
}

.hospital-sec1 .sec-tab .tab-menu h4 {
	font-size: 28px;
	margin-bottom: 10px;
}

.hospital-sec1 .sec-tab .tab-menu p {
	font-size: 16px;
}

.hospital-sec2 {
	background-color: #F9F9F9;
	padding: 60px 0;
}

.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt {
	-webkit-line-clamp: 8;
}

.hospital-sec3 {
	padding: 50px 0 60px;
}

.hospital-sec3 .sec-list li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.hospital-sec3 .sec-list .img {
	width: 50%;
}

.hospital-sec3 .sec-list .img img {
	width: 100%;
}

.hospital-sec3 .sec-list .text {
	width: 50%;
	padding: 20px 5%;
}

.hospital-sec3 .sec-list .text h4 {
	font-size: 30px;
	font-weight: bold;
}

.hospital-sec3 .sec-list .text p {
	font-size: 22px;
	margin: 20px 0 40px;
}

.hospital-sec3 .sec-list li:nth-child(even) .img {
	-webkit-box-ordinal-group: 3;
	order: 2;
}

.hospital-sec3 .sec-list li .detaile-links {
	margin: 0;
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs {
	width: 80%;
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content {
	width: 15%;
	padding-top: 80px;
}

.hospital-sec4 {
	padding: 50px 0 0;
	background-color: #f9f9f9;
}

@media screen and (max-width: 1440px) {
	.hospital-sec1 {
		padding: 45px 0;
	}

	.hospital-sec1 .sec-text {
		max-width: 960px;
	}

	.hospital-sec1 .sec-text p {
		font-size: 20px;
	}

	.hospital-sec1 .sec-text::before {
		width: 100px;
		height: 87px;
	}

	.hospital-sec1 .sec-tab {
		height: 600px;
	}

	.hospital-sec1 .sec-tab .tab-menu {
		position: relative;
		left: -5%;
	}

	.hospital-sec1 .sec-tab .tab-menu a {
		margin-bottom: 16px;
		padding: 16px 20px;
	}

	.hospital-sec1 .sec-tab .tab-menu a h4 {
		font-size: 22px;
	}

	.hospital-sec2 {
		padding: 64px 0;
	}

	.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt {
		-webkit-line-clamp: 6;
	}

	.hospital-sec3 {
		padding: 45px 0;
	}

	.hospital-sec3 .sec-list .text h4 {
		font-size: 24px;
	}

	.hospital-sec3 .sec-list .text p {
		font-size: 18px;
	}

	.hospital-sec4 {
		padding: 45px 0 0;
	}

	.yl-indtit.yl-indtit2 {
		font-size: 22px;
	}

	.hospital-sec3 .sec-list .text {
		padding: 20px 3%;
	}

}

@media screen and (max-width: 768px) {
	.hospital-sec1 {
		padding: 30px 0;
	}

	.hospital-sec1 .sec-text p {
		font-size: 16px;
	}

	.hospital-sec1 .sec-tab {
		height: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-align: center;
		align-items: center;
	}

	.hospital-sec1 .sec-tab .function {
		height: 400px;
		width: 100%;
	}

	.hospital-sec1 .sec-tab .tab-menu {
		width: 100%;
		max-width: 520px;
		margin: 30px auto 0;
		padding: 0 15px;
		left: 0;
	}

	.hospital-sec2 {
		padding: 35px 0;
	}

	.hospital-sec2.jishu-area1 .scene-cont .txt2 .txt {
		-webkit-line-clamp: 4;
	}

	.hospital-sec3 {
		padding: 35px 0;
	}

	.hospital-sec3 .sec-list .text {
		padding: 12px 4%;
	}

	.hospital-sec3 .sec-list .text h4 {
		font-size: 18px;
		font-weight: bold;
	}

	.hospital-sec3 .sec-list .text p {
		font-size: 14px;
		margin: 10px 0 20px;
	}

	.hospital-sec4 {
		padding: 35px 0;
	}
}

@media screen and (max-width: 768px) {
	.hospital-sec1 {
		padding: 30px 0;
	}

	.hospital-sec2 {
		padding: 30px 0;
	}

	.hospital-sec3 {
		padding: 30px 0;
	}

	.hospital-sec4 {
		padding: 30px 0;
	}

	.hospital-sec1 .sec-text {
		padding: 10px 0 20px;
	}

	.hospital-sec1 .sec-text p {
		font-size: 14px;
	}

	.hospital-sec1 .sec-tab .function {
		height: 300px;
	}

	.hospital-sec1 .sec-tab .tab-menu a {
		margin-bottom: 10px;
		padding: 12px 15px;
	}

	.hospital-sec1 .sec-tab .tab-menu a h4 {
		font-size: 18px;
	}

	.hospital-sec1 .sec-tab .tab-menu a p {
		font-size: 14px;
	}

	.hospital-sec3 .sec-list li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	.hospital-sec3 .sec-list .img {
		width: 100%;
	}

	.hospital-sec3 .sec-list .text {
		width: 100%;
		-webkit-box-ordinal-group: 4;
		order: 3;
		padding: 15px 5% 25px;
	}

	.yl-indtit.yl-indtit2 {
		font-size: 18px;
	}
}

/* 互联网医院解决方案  End*/
/*新闻列表*/
.news-area .newsTab {
	box-shadow: 0px 5px 9px 2px rgba(227, 227, 227, 0.5);
}

.news-area .news-tab a {
	color: #222222;
	padding: 0 30px;
	border-right: 1px solid #F2F2F2;
	height: 60px;
	line-height: 60px;
	display: inline-block;
}

.news-area .news-tab a.active {
	color: #fff;
	background: #135293;
}

.news-area .newsContainer .index-area7 {
	display: none;
}

.news-area .newsContainer .index-area7.active {
	display: block;
}

.news-area .newsContainer .index-area7 .newscont .item {
	margin-bottom: 43px;
}

.news-area .newsContainer .index-area7 .newscont .item:nth-child(3n) {
	margin-right: 0;
}

.news-area .newsContainer .index-area7 .newscont {
	transition: all 0.4s;
}

/*新闻列表详情*/
.news-area-detail .title h3 {
	font-size: 40px;
	color: #135293;
	line-height: 60px;
}

.news-area-detail .news-left {
	width: 65.69%;
}

.news-area-detail .news-left .content .img {
	width: 100%;
	height: 100%;
}

.news-area-detail .news-left .content .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-area-detail .news-left .content {
	border-bottom: 1px solid #E6E6E6;
}

.news-area-detail .news-left .content {
	color: #333333;
	line-height: 28px;
}

.news-area-detail .news-left .content .txt {
	text-align: justify;
}

.news-area-detail .news-left .content .tit {
	font-weight: bold;
}

.news-area-detail .news-left .key-word {
	color: #333333;
}

.news-area-detail .news-left .key-word a {
	display: inline-block;
	padding: 5px 8px;
	margin: 0 5px;
	background: #F9F9F9;
}

.news-area-detail .news-left .article-link p:hover a {
	color: #135293;
}

.news-area-detail .news-right {
	width: 31.4%;
}

.news-detail-banner .swiper-pagination {
	width: 35%;
}

.news-detail-banner .swiper-pagination-bullet {
	background: #fff;
	width: 12px;
	height: 12px;
	opacity: 1;
}

.news-detail-banner .swiper-pagination-bullet-active {
	background: #135293;
}

.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	left: 65%;
}

.news-detail-banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5.5px;
}

.right-tag {
	margin-top: 25px;
	background: #F9F9F9;
}

.right-tag .right-title {
	padding-left: 25px;
	padding-top: 25px;
}

.right-tag .right-title h3 {
	position: relative;
	display: inline-block;
	font-weight: 600;
}

.right-tag .right-title h3::before {
	content: "";
	width: 8px;
	height: 34px;
	display: inline-block;
	background: #135293;
	position: absolute;
	top: 7px;
	left: -25px;
}

.right-tag .right-title a {
	color: #135293;
	margin-right: 25px;
	line-height: 45px;
}

.right-tag .pop-content {
	padding: 25px 25px 0;
	border-bottom: 25px solid #fff;
}

.pop-tag .pop-content a {
	font-size: 22px;
	color: #135293;
	border: 1px solid #135293;
	padding: 11px 14px;
	display: inline-block;
	margin-right: 10px;
	min-width: 170px;
	text-align: center;
}

.pop-tag .pop-content a:nth-child(even) {
	margin-right: 0;
}

.pop-tag .btn {
	color: #fff;
	width: 100%;
	background: #135293;
	height: 88px;
	line-height: 88px;
	text-align: center;
	cursor: pointer;
}

.right-tag .newscont .item {
	display: inline-block;
	transition: all 0.4s;
	width: 100%;
	margin-bottom: 20px
}

.right-tag .newscont .item:last-child {
	margin-right: 0;
}

.right-tag .newscont .item .item-img {
	width: 100%;
	overflow: hidden;
}

.right-tag .newscont .item .item-img img {
	width: 100%;
	transition: all 0.4s;
}

.right-tag .newscont .item:hover .item-img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.right-tag .newscont .item .item-txt {
	transition: all 0.4s;
	padding: 20px;
	border: 1px solid #F2F2F2;
}

.right-tag .newscont .item .item-txt:hover {
	transition: all 0.4s;
	background: #f9f9f9;
}

.right-tag .newscont .item .item-txt h5 {
	font-size: 24px;
	color: #222222;
	transition: all 0.4s;
	font-weight: 600;
	margin-bottom: 20px;
}

.right-tag .newscont .item:hover .item-txt h5 {
	transition: all 0.4s;
	color: #135293;
}

.right-tag .newscont .item .txt {
	color: #333333;
	line-height: 30px;
	font-size: 18px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.right-tag .newscont .item .item-txt {
	background: #fff;
}

@media screen and (max-width: 1680px) {
	.pop-tag .pop-content a {
		font-size: 20px;
		padding: 9px;
	}

	.right-tag .newscont .item .item-txt h5 {
		font-size: 22px;
	}

	.news-area .newsContainer .index-area7 .newscont .item {
		margin-bottom: 30px;
	}


}

@media screen and (max-width: 1440px) {
	.index-area7 .newscont .item {
		margin-bottom: 20px;
	}

	.pop-tag .pop-content a {
		font-size: 18px;
		padding: 8px;
		min-width: 140px;
	}

	.pop-tag .btn {
		height: 68px;
		line-height: 68px;
	}

	.right-tag .newscont .item .item-txt h5 {
		font-size: 20px;
	}

	.right-tag .newscont .item .txt {
		line-height: 28px
	}
}

@media screen and (max-width: 1366px) {
	.right-tag .right-title {
		padding-top: 20px;
		padding-left: 20px;
	}

	.right-tag .right-title h3::before {
		left: -20px;
	}

	.right-tag .pop-content {
		padding: 20px 20px 0;
		border-bottom: 20px solid #FFF;
	}

	.pop-tag .pop-content a {
		padding: 5px;
		min-width: 130px;
		margin-right: 10px;
	}

	.pop-tag .btn {
		height: 62px;
		line-height: 63px;
		font-size: 20px;
	}

	.right-tag .right-title h3 {
		font-size: 24px;
	}

	.right-tag .right-title h3::before {
		width: 5px;
		height: 28px;
		top: 4px;
		left: -20px;
	}

	.news-area-detail .title h3 {
		font-size: 36px;
	}

	.right-tag .newscont .item .item-txt h5 {
		font-size: 18px;
	}

	.right-tag .newscont .item .txt {
		line-height: 26px;
		font-size: 16px
	}
}

@media screen and (max-width: 1280px) {
	.pop-tag .pop-content a {
		font-size: 16px;
		min-width: 128px;
	}

	.pop-tag .btn {
		height: 56px;
		line-height: 56px;
		font-size: 18px;
	}

	.right-tag .right-title h3 {
		font-size: 20px;
	}

	.right-tag .right-title h3::before {
		width: 3px;
		height: 26px;
		top: 3px;
		left: -20px;
	}

	.news-area-detail .title h3 {
		font-size: 32px;
	}

	.pop-tag .pop-content a {
		font-size: 14px;
		min-width: 118px;
		margin-bottom: 15px;
	}

	.news-area .newsContainer .index-area7 .newscont .item {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1200px) {
	.right-tag .right-title {
		padding-top: 15px;
		padding-left: 15px;
	}

	.right-tag .pop-content {
		padding: 15px 15px 0;
		border-bottom: 15px solid #FFF;
	}

	.pop-tag .pop-content a {
		font-size: 16px;
		min-width: 118px;
	}

	.news-area-detail .title h3 {
		font-size: 28px;
		line-height: 50px;
	}

}

@media screen and (max-width:768px) {
	.news-area-detail .news-left {
		width: 100%;
	}

	.news-area-detail .news-right {
		width: 100%;
	}

	.right-tag .right-title h3::before {
		left: -14px;
	}

	.pop-content .index-area7 .newscont .item {
		width: 49%;
		margin-right: 2%;
	}

	.pop-content .index-area7 .newscont .item:nth-child(2n) {
		margin-right: 0;
	}

	.pop-tag .btn {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.index-area7 .newscont .item .item-txt h5 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.right-tag .right-title h3 {
		font-size: 16px;
	}

	.pop-tag .pop-content a {
		font-size: 14px;
		min-width: 125px;
		margin-bottom: 10px;
		margin-right: 6px;
	}

	.news-area .news-tab a {
		padding: 0 18px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}

	.right-tag .newscont .item .item-txt h5 {
		font-size: 16px;
	}

	.right-tag .newscont .item .txt {
		line-height: 20px;
		font-size: 14px
	}
}



/*小程序开发*/
.bonus-list ul li {
	width: 22.2%;
	margin-right: 3.7%;
	text-align: center;
	padding: 30px;
	max-height: 280px;
	transition: all .4s;
}

.bonus-list ul li:last-child {
	margin-right: 0;
}

.bonus-list ul li .img {
	text-align: center;
	max-width: 59px;
	margin: 0 auto 36px;
	transition: all 0.4s;
}

.bonus-list ul li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bonus-list ul li .text {
	color: #222222;
}

.bonus-list ul li .text h4 {
	font-weight: bold;
	margin-bottom: 18px;
}

.bonus-list ul li .text p {
	line-height: 28px;
	text-align: center;
}

.bonus-list ul li:hover {
	box-shadow: 0px 0px 10px 2px rgba(234, 234, 234, 0.5);
	transform: translateY(-30px);
	transition: all .4s;
}

@media screen and (max-width: 1440px) {
	.bonus-list ul li .img {
		max-width: 54px;
	}

	.bonus-list ul li .text h4 {
		margin-bottom: 15px;
		font-size: 24px;
	}

}

@media screen and (max-width: 1366px) {
	.bonus-list ul li .img {
		max-width: 50px;
		margin: 0 auto 20px;
	}

	.bonus-list ul li .text h4 {
		margin-bottom: 12px;
		font-size: 22px;
	}

	.bonus-list ul li .text p {
		line-height: 26px;
		font-size: 16px;
	}

	.bonus-list ul li {
		padding: 20px;
		width: 24%;
		margin-right: 1.2%;
	}
}

@media screen and (max-width: 1280px) {
	.bonus-list ul li .img {
		max-width: 46px;
	}

	.bonus-list ul li .text h4 {
		font-size: 20px;
	}

	.bonus-list ul li .text p {
		line-height: 24px;
		font-size: 14px;
	}

	.bonus-list ul li {
		padding: 10px;
	}

}

@media screen and (max-width: 768px) {
	.bonus-list ul li .img {
		max-width: 42px;
	}

	.bonus-list ul li .text h4 {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.bonus-list ul li .text p {
		line-height: 22px;
	}

}

@media screen and (max-width: 600px) {
	.bonus-list ul li .img {
		max-width: 40px;
		margin: 0 auto 8px;
	}

	.bonus-list ul li {
		width: 48%;
	}

	.bonus-list ul li .text h4 {
		margin-bottom: 4px;
		font-size: 16px;
	}

}

/* <!-- 各行业解决方案 --> */
.applets-area3 {
	background: #f9f9f9;
}

.applets-area3 .appletstab-box .tab-item {
	display: inline-block;
	width: 20%;
	text-align: center;
	font-size: 24px;
}

.applets-area3 .appletstab-box .tab-item .icon {
	position: relative;
	height: 60px;
	width: 100%;
	margin-bottom: 6px;
}

.applets-area3 .appletstab-box .tab-item img {
	max-height: 100%;
	transition: all 0.4s;
}

.applets-area3 .appletstab-box .tab-item .img2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -0%);
	opacity: 0;
}

.applets-area3 .appletstab-box .tab-item:hover .img1 {
	opacity: 0;
}

.applets-area3 .appletstab-box .tab-item:hover .img2 {
	opacity: 1;
	transform: translate(-50%, 0);
}

.applets-area3 .appletstab-box .tab-item.active-tab .img2 {
	opacity: 1;
	transform: translate(-50%, 0);
}

.applets-area3 .appletstab-box .tab-item.active-tab .img1 {
	opacity: 0;
}

.applets-area3 .appletstab-box.bottom-tab {
	padding-bottom: 20px;
}

.applets-area3 .tabcont-box {
	background: #ffffff;
}

.applets-area3 .tabcont-box .contitem {
	padding: 50px 0;
	display: none;
	animation: fadeIn 0.4s ease-in-out;
}

.applets-area3 .tabcont-box .contitem.active-c {
	display: block;
}

.applets-area3 .tabcont-box .detaile-links:hover {
	transition: all 0.4s;
	background: #f4bb01;
}

.applets-area3 .tabcont-box .contitem .title {
	font-weight: 600;
}

@media screen and (max-width: 1440px) {
	.applets-area3 .appletstab-box .tab-item .icon {
		height: 50px;
	}
}

@media screen and (max-width: 1366px) {
	.applets-area3 .appletstab-box .tab-item .icon {
		height: 46px;
	}
}

@media screen and (max-width: 1280px) {
	.applets-area3 .appletstab-box .tab-item .icon {
		height: 42px;
	}
}

@media screen and (max-width:768px) {
	.applets-area3 .appletstab-box .tab-item .icon {
		height: 34px;
	}
}

@media screen and (max-width:500px) {
	.applets-area3 .appletstab-box .tab-item .icon {
		height: 28px;
	}

	.applets-area3 .tabcont-box .contitem {
		padding: 30px 16px;
	}

	.applets-area3 .tabcont-box .contitem p {
		font-size: 14px;
	}

	.applets-area3 .appletstab-box.bottom-tab {
		padding: 20px 0;
	}
}

.scope-list ul li {
	width: 23.85%;
	margin-right: 1.5%;
	margin-bottom: 30px;
	position: relative;
}

.scope-list ul li:nth-child(4n) {
	margin-right: 0;
}

.scope-list ul li .img-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.scope-list ul li .img-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s;
}

.scope-list ul li .text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	text-align: center;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.scope-list ul li .text .img-icon {
	text-align: center;
}

.scope-list ul li .text h4 {
	color: #fff;
}

.scope-list ul li:hover .img-bg img {
	transform: scale(1.1);
	transition: all .4s;
}

@media screen and (max-width: 1440px) {
	.scope-list ul li .text .img-icon img {
		height: 56px;
	}

	.scope-list ul li .text h4 {
		font-size: 30px;
	}
}

@media screen and (max-width: 1366px) {
	.scope-list ul li .text .img-icon img {
		height: 46px;
	}

	.scope-list ul li .text h4 {
		font-size: 26px;
	}
}

@media screen and (max-width: 1280px) {
	.scope-list ul li .text .img-icon img {
		height: 42px;
	}

	.scope-list ul li .text h4 {
		font-size: 20px;
	}

	.scope-list ul li .text {
		width: 80%;
		text-align: center;
	}
}

@media screen and (max-width: 1040px) {
	.scope-list ul li .text .img-icon img {
		height: 36px;
	}

	.scope-list ul li .text h4 {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.scope-list {
		padding: 0 10px;
	}

	.scope-list ul li {
		width: 32%;
		margin-bottom: 1.7%;
	}

	.scope-list ul li:nth-child(4n) {
		margin-right: 1.7%;
	}

	.scope-list ul li:nth-child(3n) {
		margin-right: 0;
	}

	.scope-list ul li .text .img-icon img {
		height: 36px;
	}

	.scope-list ul li .text h4 {
		font-size: 18px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 500px) {
	.scope-list ul li .text h4 {
		font-size: 14px;
	}

	.scope-list ul li {
		width: 49%;
	}

	.scope-list ul li:nth-child(3n) {
		margin-right: 1.7%;
	}

	.scope-list ul li:nth-child(2n) {
		margin-right: 0;
	}

	.scope-list ul li .text .img-icon img {
		height: 28px;
	}

}


/*智慧园区3D可视化解决方案*/
.smart-area1 .tab-smart-nav.on {
	position: fixed;
	top: 0;
	left: 0;
	background: #ffffff;
	width: 100%;
	padding: 0 12%;
	z-index: 3;
}

.smart-area1 .tab-smart-nav ul {
	box-shadow: 0px 5px 9px 2px rgba(227, 227, 227, 0.5);
}

.smart-area1 .tab-smart-nav ul li {
	width: 25%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-right: 1px solid #F2F2F2;
}

.smart-area1 .tab-smart-nav ul li a {
	display: block;
	font-weight: 600;
}

.smart-area1 .tab-smart-nav ul li.active a {
	color: #fff;
	background: #135293;
}

.smart-area1 .smart-content-box-add {
	background: #F9F9F9;
}

.smart-area1 .smart-content {
	display: flex;
	align-items: center;
}

.smart-area1 .smart-content .smart-left {
	width: 50%;
	box-sizing: border-box;
	padding: 50px 0;
}

.smart-area1 .smart-content .smart-left .img {
	text-align: center;
}

.smart-area1 .smart-content .smart-right {
	width: 50%;
	padding: 50px 6% 0 50px;
	box-sizing: border-box;
}

.smart-area1 .smart-content .smart-right .text h3 {
	font-size: 40px;
	font-weight: 600;
	color: #222222;
}

.smart-area1 .smart-content .smart-right .text p {
	text-align: justify;
	line-height: 26px;
}

.smart-area1 .smart-content .smart-right .smart-icon ul li {
	margin-right: 12%;
}

.smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img {
	text-align: center;
	margin-bottom: 15px;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.smart-area1 .smart-content3 .smart-right .smart-icon ul li {
	margin-right: 15%;
}

.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(4) {
	margin-bottom: 0;
}

.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(5) {
	margin-bottom: 0;
}

.smart-area1 .smart-content1 .smart-right .smart-icon ul li:nth-child(6) {
	margin-bottom: 0;
}

.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(4) {
	margin-bottom: 0;
}

.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(5) {
	margin-bottom: 0;
}

.smart-area1 .smart-content2 .smart-right .smart-icon ul li:nth-child(6) {
	margin-bottom: 0;
}

.smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(3) {
	margin-bottom: 0;
}

.smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(4) {
	margin-bottom: 0;
}

.smart-area1 .smart-content4 .smart-right .smart-icon ul li:nth-child(3) {
	margin-bottom: 0;
}

.smart-area1 .smart-content4 .smart-right .smart-icon ul li:nth-child(4) {
	margin-bottom: 0;
}

.smart-area2 {
	background: url(../image/smart_item_bg.jpg)no-repeat center;
	background-size: cover;
}

.smart-area3 {
	background: #F9F9F9;
}

.smart-area3 .park-cont {
	padding: 0 8.3%;
}

.smart-area3 .park-cont ul li {
	width: 25.41%;
	height: 280px;
	background: #fff;
	margin-right: 11.8%;
	position: relative;
	transition: all 0.4s;
}

.smart-area3 .park-cont ul li:hover {
	transition: all 0.4s;
	box-shadow: 0 0 13px 3px #dbdbdb;
}

.smart-area3 .park-cont ul li:nth-child(1) {
	background: #fff url(../image/s3.png) no-repeat right bottom;
}

.smart-area3 .park-cont ul li:nth-child(2) {
	background: #fff url(../image/s2.png) no-repeat right bottom;
}

.smart-area3 .park-cont ul li:nth-child(3) {
	background: #fff url(../image/s1.png) no-repeat right bottom;
}

.smart-area3 .park-cont ul li:last-child {
	margin-right: 0;
}

.smart-area3 .park-cont ul li .text {
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 162px;
}

.smart-area3 .park-cont ul li .text h3 {
	margin-bottom: 12px;
	font-weight: 600;
}

.smart-area3 .park-cont ul li .text p {
	line-height: 40px;
	color: #666666;
}

@media only screen and (max-width: 1440px) {
	.smart-area1 .smart-content .smart-right {
		padding: 30px 40px;
	}

	.smart-area1 .smart-content .smart-right .text h3 {
		font-size: 38px;
	}

	.smart-area3 .park-cont ul li {
		width: 26.41%;
		height: 260px;
		margin-right: 8.8%;
	}
}

@media only screen and (max-width: 1366px) {
	.smart-area1 .smart-content .smart-right .text h3 {
		font-size: 34px;
	}

	.smart-area1 .smart-content .smart-right .smart-icon ul li h4 {
		font-size: 16px;
	}

	.smart-area3 .park-cont ul li {
		width: 29.41%;
		height: 260px;
		margin-right: 5.8%;
	}

}

@media only screen and (max-width: 1200px) {
	.smart-area3 .park-cont ul li {
		width: 31.41%;
		height: 260px;
		margin-right: 2.8%;
	}

	.smart-area1 .smart-content .smart-right .text h3 {
		font-size: 30px;
	}

	.smart-area3 .park-cont {
		padding: 0;
	}

}

@media only screen and (max-width: 1024px) {
	.smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img img {
		height: 30px;
	}

	.smart-area1 .smart-content .smart-left {
		width: 45%;
	}

	.smart-area1 .smart-content .smart-right {
		width: 55%;
	}

	.smart-area1 .smart-content {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 768px) {
	.smart-area1 .tab-smart-nav.on {
		padding: 0;
	}

	.smart-area1 .smart-content .smart-right .smart-icon ul li {
		margin-right: 5%;
	}

	.smart-area1 .smart-content .smart-right .text h3 {
		font-size: 26px;
	}

	.smart-area1 .smart-content .smart-right .smart-icon ul li .icon-img img {
		height: 30px;
	}

	.smart-area1 .smart-content .smart-right .smart-icon ul li h4 {
		font-size: 14px;
	}

	.smart-area1 .smart-content3 .smart-right .smart-icon ul li:nth-child(2) {
		margin-right: 5%;
	}

	.smart-area1 .smart-content .smart-left {
		width: 100%;
	}

	.smart-area1 .smart-content {
		display: block;
	}

	.smart-area1 .smart-content .smart-right {
		width: 100%;
		margin-top: 30px;
	}

	.smart-area3 .park-cont ul li:nth-child(1) {
		background-size: 40%;
	}

	.smart-area3 .park-cont ul li:nth-child(2) {
		background-size: 40%;
	}

	.smart-area3 .park-cont ul li:nth-child(3) {
		background-size: 40%;
	}

	.smart-area3 .park-cont ul li .text p {
		line-height: 32px;
	}

	.smart-area3 .park-cont ul li {
		height: 220px;
	}

	.smart-area3 .park-cont ul li .text {
		height: 140px;
	}
}

@media only screen and (max-width: 500px) {
	.smart-area1 .smart-content .smart-right .smart-icon ul li {
		margin-right: 2%;
	}

	.smart-area1 .smart-content .smart-right .text h3 {
		font-size: 20px;
	}

	.smart-area1 .tab-smart-nav ul li {
		height: 50px;
		line-height: 50px;
	}

	.smart-area1 .smart-content {
		padding: 30px 0;
	}

	.smart-area1 .smart-content .smart-left {
		padding: 0 5%;
	}

	.smart-area1 .smart-content .smart-right {
		padding: 0 20px;
	}

	.smart-area1 .tab-smart-nav ul li a {
		font-weight: normal;
		font-size: 12px;
		height: 100%;
	}

}

/*短视频解决方案*/
.short-video-area1 .video-area-tab {
	border: 1px solid #E6E6E6;
	border-bottom: none;
	padding-left: 50px;
}

.short-video-area1 .video-area-tab span {
	display: inline-block;
	margin-right: 45px;
	border-bottom: 3px solid #fff;
	position: relative;
	cursor: pointer;
}

.short-video-area1 .video-area-tab span.active {
	color: #135293;
	transition: all 0.4s;
}

.short-video-area1 .video-area-tab span::after {
	content: "";
	display: inline-block;
	width: 0%;
	height: 3px;
	background: #135293;
	position: absolute;
	left: 50%;
	bottom: -3px;
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.short-video-area1 .video-area-tab span.active::after {
	width: 100%;
	transition: all 0.4s;
}

.short-video-area1 .video-area-content .content {
	display: none;
}

.short-video-area1 .video-area-content .content.active {
	display: block;
}

.short-video-area1 .video-area-content .content .left {
	width: 73.8%;
	border: 1px solid #E6E6E6;
	padding: 70px 35px;
	height: 483px;
	display: flex;
	align-items: center;
}

.short-video-area1 .video-area-content .content .left .img {
	width: 100%;
	animation: fadeInUp 0.4s ease-in-out;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.short-video-area1 .video-area-content .content.content-small .img {
	padding: 50px 80px;
	text-align: center;
}

.short-video-area1 .video-area-content .content .left .img img {
	max-height: 100%;
}

.short-video-area1 .video-area-content .content .right {
	width: 26.2%;
	border: 1px solid #E6E6E6;
	border-left: none;
	height: 483px;
	padding: 30px 35px 0;
}

.short-video-area1 .video-area-content .content .right .text h4 {
	color: #222222;
	font-weight: bold;
	margin-bottom: 10px;
}

.short-video-area1 .video-area-content .content .right .text h3 {
	color: #666666;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 5px;
}

.short-video-area1 .video-area-content .content .right .text p {
	color: #666666;
	line-height: 36px;
	text-align: justify;
}

.short-video-area2 {
	background: #F9F9F9;
}

.short-video-area2 .video-area-content {
	padding: 0 125px;
}

.short-video-area2 .video-area-content .tab-left {
	width: 23.5%;
	margin-right: 2.1%;
}

.short-video-area2 .video-area-content .tab-left ul li {
	width: 280px;
	height: 90px;
	text-align: left;
	position: relative;
	background: #fff;
	padding-left: 90px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 19px 0px rgba(212, 212, 212, 0.5);
}

/*.short-video-area2 .video-area-content .tab-left ul li:last-child{margin-bottom: 0;}*/
.short-video-area2 .video-area-content .tab-left ul li::before {
	content: "";
	width: 6px;
	height: 0;
	background: #135293;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .4s;
}

.short-video-area2 .video-area-content .tab-left ul li.active::before {
	height: 100%;
	transition: all .4s;
}

.short-video-area2 .video-area-content .tab-left ul li span {
	line-height: 100px;
	margin-left: 28px;
}

.short-video-area2 .video-area-content .tab-left ul li .video-after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 50px;
	width: 35px;
	height: 40px;
}

.short-video-area2 .video-area-content .tab-left ul li .video-after img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.short-video-area2 .video-area-content .tab-left ul li .video-after .video-icon {
	display: block;
	z-index: 1;
}

.short-video-area2 .video-area-content .tab-left ul li.active .video-after .video-icon {
	display: none;
}

.short-video-area2 .video-area-content .tab-right {
	width: 74.4%;
	background: #fff;
}

.short-video-area2 .video-area-content .tab-right .cont {
	display: none;
}

.short-video-area2 .video-area-content .tab-right .cont ul li {
	width: 25%;
	text-align: center;
}

.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(5) {
	margin-bottom: 0;
}

.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(6) {
	margin-bottom: 0;
}

.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(7) {
	margin-bottom: 0;
}

.short-video-area2 .video-area-content .tab-right .cont ul li:nth-child(8) {
	margin-bottom: 0;
}

.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon {
	margin-bottom: 16px;
}

.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img {
	height: 40px;
}

.short-video-area2 .video-area-content .tab-right .cont ul li span {
	font-size: 16px;
	color: #666666;
	line-break: 24px;
}

.short-video-area2 .video-area-content .tab-right .cont.active {
	display: block;
}

@media only screen and (max-width: 1680px) {
	.short-video-area2 .video-area-content {
		padding: 0 90px;
	}

	.short-video-area2 .video-area-content .tab-left ul li .video-after img {
		width: 35px;
	}
}

@media only screen and (max-width: 1440px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after img {
		width: 32px;
	}

	.short-video-area2 .video-area-content .tab-right {
		width: 71%;
	}

	.short-video-area2 .video-area-content {
		padding: 0 70px;
	}

}

@media only screen and (max-width: 1366px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after img {
		width: 30px;
	}

	.short-video-area2 .video-area-content .tab-left ul li {
		height: 80px;
		width: 100%;
	}

	.short-video-area2 .video-area-content .tab-left ul li span {
		line-height: 80px;
	}

	.short-video-area2 .video-area-content .tab-left ul li.active::before {
		height: 80px;
	}

	.short-video-area2 .video-area-content {
		padding: 0 30px;
	}

}

@media only screen and (max-width: 1280px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after {
		left: 40px;
	}

	.short-video-area2 .video-area-content .tab-left ul li {
		height: 89px;
		padding-left: 60px;
	}

	.short-video-area2 .video-area-content .tab-left ul li span {
		line-height: 89px;
	}

	.short-video-area2 .video-area-content .tab-left ul li.active::before {
		height: 89px
	}

	.short-video-area2 .video-area-content {
		padding: 0px;
	}

}

@media only screen and (max-width: 1040px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after img {
		width: 26px;
	}

	.short-video-area2 .video-area-content .tab-left ul li {
		height: 76px;
		padding-left: 40px;
	}

	.short-video-area2 .video-area-content .tab-left ul li span {
		line-height: 76px;
	}

	.short-video-area2 .video-area-content .tab-left ul li.active::before {
		height: 76px;
		width: 4px;
	}

	.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon {
		margin-bottom: 10px;
	}

	.short-video-area2 .video-area-content .tab-left ul li .video-after {
		left: 20px;
	}
}

@media only screen and (max-width: 768px) {
	.short-video-area2 .video-area-content {
		padding: 0;
	}

	.short-video-area2 .video-area-content .tab-left {
		width: 100%;
	}

	.short-video-area2 .video-area-content .tab-left ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.short-video-area2 .video-area-content .tab-left ul li {
		height: 60px;
		flex: 1;
		margin-right: 10px;
	}

	.short-video-area2 .video-area-content .tab-left ul li:last-child {
		margin-right: 0;
	}

	.short-video-area2 .video-area-content .tab-left ul li span {
		line-height: 60px;
	}

	.short-video-area2 .video-area-content .tab-right {
		width: 100%;
	}

	.short-video-area2 .video-area-content .tab-left ul li.active::before {
		height: 60px;
		width: 3px;
	}

	.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img {
		height: 32px;
	}
}

@media only screen and (max-width: 500px) {
	.short-video-area2 .video-area-content .tab-left ul li .video-after img {
		width: 20px;
	}

	.short-video-area2 .video-area-content .tab-left ul li {
		padding-left: 20px;
	}

	.short-video-area2 .video-area-content .tab-left ul li .video-after {
		left: 7px;
	}

	.short-video-area2 .video-area-content .tab-left ul li span {
		margin-left: 20px;
	}

	.short-video-area2 .video-area-content .tab-right .cont ul li .img-icon img {
		height: 22px;
	}

}

.short-video-area3 {
	background: url(../image/app_case_bg.png)no-repeat center;
	background-size: cover;
}

.short-video-area3.areacont .area-title .title {
	color: #fff;
}

.short-video-area3.areacont .area-title .title-txt {
	color: #fff;
}

.short-video-area3.areacont .detaile-links {
	background: transparent;
}

.short-video-area3.areacont .detaile-links:hover {
	background: #fff;
	color: #135293;
}

.short-video-area3.areacont .detaile-links:hover .icon {
	background: url(../image/icon3.png)no-repeat center;
}

/* .short-video-area3 .video-swiper .gallery-top .swiper-slide{display: flex;align-items: center;} */
.short-video-area3 .video-swiper .gallery-top .img {
	width: 43.4%;
	margin-right: 1%;
	text-align: right;
	padding-left: 50px;
	display: flex;
	justify-content: flex-end;
}

.short-video-area3 .video-swiper .gallery-top .img img {
	padding: 0 15px;
}

.short-video-area3 .video-swiper .gallery-top .text {
	width: 54%;
	color: #fff;
	padding-right: 7%;
	text-align: justify;
}

.short-video-area3 .video-swiper .gallery-top .text h4 {
	font-weight: 600;
}

.short-video-area3 .video-swiper .gallery-top .text p {
	line-height: 28px;
	text-align: justify;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.short-video-area3 .video-swiper .gallery-thumbs {
	padding: 50px 10%;
}

.short-video-area3 .video-swiper .gallery-thumbs .img img {
	height: 100%;
}

.short-video-area5 {
	background: #F9F9F9;
}

.short-video-area7 {
	background: #F9F9F9;
}

.short-lot-area7.scheme-area1 .build-cont .item {
	width: 23.5%;
	padding: 100px 40px;
	height: 450px;
	background: #fff;
}

.short-lot-area7.scheme-area1 .build-cont .item:last-child {
	margin-right: 0;
}

.short-lot-area7.scheme-area1 .build-cont .item .txt {
	line-height: 30px;
}

.short-video-area7 .manage-cont {
	display: flex;
	align-items: center;
	justify-content: center;
}

.short-video-area7 .manage-cont .left {
	width: 38%;
	margin-right: 1.7%;
}

.short-video-area7 .manage-cont .left .text {
	padding-left: 6.9%;
}

.short-video-area7 .manage-cont .left .text h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

.short-video-area7 .manage-cont .left .text p {
	line-height: 40px;
	text-align: justify;
}

.short-video-area7 .manage-cont .right {
	width: 53%;
}

.short-video-area7 .manage-cont .right .img {
	width: 100%;
}

.short-video-area7.IT-area6 .detaile-links {
	margin-top: 70px;
	margin-left: 0;
	background: transparent;
}

.short-video-area7.IT-area6 .detaile-links:hover {
	background: #135293;
}

.short-video-area8.about-area4 .teamwork-list .item {
	border: none;
}


@media only screen and (max-width: 1680px) {
	.short-video-area1 .video-area-content .content .left {
		padding: 35px;
	}

}

@media only screen and (max-width: 1440px) {
	.short-video-area1 .video-area-content .content .right .text p {
		line-height: 30px;
	}

	.short-video-area3 .video-swiper .gallery-top .img {
		padding-left: 20px;
		width: 44%;
		justify-content: flex-end;
	}

	.short-video-area3 .video-swiper .gallery-top .img img {
		padding: 0 8px;
	}

	.short-lot-area7.scheme-area1 .build-cont .item {
		padding: 60px 20px;
		height: 360px;
	}

	.short-video-area7 .manage-cont .left .text p {
		line-height: 32px;
	}

	.short-video-area7.IT-area6 .detaile-links {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1366px) {
	.short-video-area1 .video-area-content .content .left {
		height: 400px;
	}

	.short-video-area1 .video-area-content .content .right {
		height: 400px;
	}

	.short-video-area1 .video-area-content .content .right .text p {
		line-height: 26px;
	}


	.short-video-area3 .video-swiper .gallery-top .img {
		margin-right: 1%;
	}

	.short-video-area3 .video-swiper .gallery-top .img img {
		padding: 0 5px;
	}

	.short-video-area3 .video-swiper .gallery-top .text p {
		line-height: 24px;
		font-size: 14px;
	}

	.short-video-area3 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-size: 26px;
	}

	.short-video-area3 .swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		background-size: 26px;
	}

	.short-video-area3 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-size: 26px;
	}

	.short-lot-area7.scheme-area1 .build-cont .item {
		height: 320px;
	}

}

@media only screen and (max-width: 1280px) {
	.short-video-area1 .video-area-content .content .left {
		height: 380px;
	}

	.short-video-area1 .video-area-content .content .right {
		height: 380px;
	}

	.short-video-area1 .video-area-content .content .right {
		padding: 20px 20px 0;
	}

	.short-video-area3 .video-swiper .gallery-top .text {
		padding-left: 20px;
	}

	.short-video-area3 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-size: 20px;
	}

	.short-video-area3 .swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		background-size: 20px;
	}

	.short-video-area3 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-size: 20px;
	}

}

@media only screen and (max-width: 1200px) {
	.short-video-area7 .manage-cont .left {
		width: 40%;
	}

	.short-video-area7 .manage-cont .left .text p {
		line-height: 28px;
	}

	.short-video-area7.IT-area6 .detaile-links {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.short-video-area1 .video-area-content .content .left {
		width: 67%;
		padding: 20px;
	}

	.short-video-area1 .video-area-content .content .right {
		width: 33%;
		padding: 20px 15px 0;
	}

	.short-video-area3 .video-swiper .gallery-top .text p {
		margin-bottom: 0;
	}

	.short-video-area7 .manage-cont .left .text p {
		line-height: 22px;
		font-size: 18px;
	}
}

@media only screen and (max-width: 768px) {
	.short-video-area1 .video-area-content .content .left {
		width: 100%;
		height: 300px;
		padding: 20px;
	}

	.short-video-area1 .video-area-content .content .right {
		width: 100%;
		height: auto;
		border: none;
		margin-top: -70%;
	}

	.short-video-area1 .video-area-content .content.content-small .img {
		padding: 20px;
	}

	.short-video-area1 .video-area-content .content .right {
		width: 100%;
		height: auto;
		border: none;
		margin-top: 0;
	}

	.short-video-area1 .video-area-tab {
		padding-left: 20px;
	}

	.short-video-area1 .video-area-tab span {
		margin-right: 15px;
		border-bottom: 2px solid #fff;
	}

	.short-video-area3 .video-swiper .gallery-top .img {
		padding: 20px;
		width: 100%;
		margin-right: 0%;
		text-align: center;
		justify-content: center;
	}

	.short-video-area3 .video-swiper .gallery-top .text {
		width: 100%;
		padding: 5% 10%;
	}

	.short-video-area3 .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		background-size: 16px;
	}

	.short-video-area3 .swiper-button-next.swiper-button-disabled,
	.swiper-button-prev.swiper-button-disabled {
		background-size: 16px;
	}

	.short-video-area3 .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		background-size: 16px;
	}

	.short-video-area3 .video-swiper .gallery-thumbs {
		padding: 26px 20px;
	}

	.short-video-area3 .swiper-button-next,
	.swiper-button-prev {
		top: 30%;
	}



}

.index-right-fixed {
	position: fixed;
	right: 0px;
	top: 40%;
	z-index: 1000;
}

.index-right-fixed p {
	font-size: 15px;
	width: 270px;
	height: 45px;
	line-height: 45px;
	text-indent: 55px;
	text-align: center;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
	background: #2e6bfc;
	/*background: linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));*/
	text-transform: uppercase;
	border-radius: 30px;
}

.index-right-fixed p:after {
	content: "";
	background: #fff;
	position: absolute;
	width: 200px;
	height: 200px;
	left: 35px;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	margin: auto;
	border-radius: 50%;
	transform: scale(1);
	animation: 1s btn ease-in-out infinite;
}

@keyframes btn {
	0% {
		transform: scale(0);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 0;
	}
}

.index-right-fixed img {
	left: -10px;
	top: 50%;
	margin-top: -35px;
	position: absolute;
	z-index: 9999;
	border: 0;
}

/*展会*/
.zhan-list li {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.zhan-list li .img-box {
	width: 27%;
	position: relative;
}

.zhan-list li:nth-child(1) .text .bg {
	position: absolute;
	width: 206px;
	height: 177px;
	background: url(../image/bg1.png) no-repeat;
	background-size: contain;
	right: 0%;
	top: -76%;
	z-index: -1;
}

.zhan-list li:nth-child(3),
.zhan-list li:nth-child(5) {
	padding: 80px 0;
}

.zhan-list li:nth-child(3) .img-box,
.zhan-list li:nth-child(5) .img-box {
	width: 70%;
}

.zhan-list li:nth-child(3) .img-box .bg,
.zhan-list li:nth-child(5) .img-box .bg {
	right: 0%;
	bottom: -17%;
}

.zhan-list li .img-box .bg {
	position: absolute;
	width: 206px;
	height: 177px;
	background: url(../image/bg1.png) no-repeat;
	background-size: contain;
	right: -18%;
	bottom: -3%;
	z-index: -1;
}

.zhan-list li .text {
	width: 73%;
	padding: 20px 5%;
	position: relative;

}

.zhan-list li .text .count {
	position: absolute;
	width: 204px;
	height: 107px;
	background: url(../image/count1.png) no-repeat;
	background-size: contain;
	left: 8%;
	top: -20%;
	z-index: -1;
}

.zhan-list li:nth-child(2) .text .count {
	background: url(../image/count2.png) no-repeat;
}

.zhan-list li:nth-child(3) .text .count {
	background: url(../image/count3.png) no-repeat;
}

.zhan-list li:nth-child(4) .text .count {
	background: url(../image/count4.png) no-repeat;
}

.zhan-list li:nth-child(5) .text .count {
	background: url(../image/count5.png) no-repeat;
}

.zhan-list li:nth-child(6) .text .count {
	background: url(../image/count6.png) no-repeat;
}

.zhan-list li:nth-child(7) .text .count {
	background: url(../image/count7.png) no-repeat;
}

.zhan-list li:nth-child(even) .img-box {
	-webkit-box-ordinal-group: 3;
	order: 2;
}

.zhan-list li:nth-child(even) .img-box .bg {
	left: -28%;
	bottom: -3%;
}

.zhan-list li .text h4 {
	font-size: 40px;
	font-weight: bold;
	color: #135293;
}

.zhan-list li .text p {
	font-size: 24px;
	margin: 20px 0 40px;
}

.zhan-list .contlink {

	border: 2px solid #135293;
	color: #135293;
	background: #ffffff;
}

.zhan-list .contlink .icon {
	background: url(../image/icon3.png) no-repeat;
	background-size: 100%;
	margin-left: 4px;
}

.zhan-list .contlink:hover {
	transition: all 0.4s;
	background: #135293;
	color: #ffffff;
}

.zhan-list .contlink:hover .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 1440px) {
	.zhan-list li .text h4 {
		font-size: 30px;
	}

	.zhan-list li .text p {
		font-size: 18px;
	}

	.zhan-list li .img-box .bg {
		width: 206px;
		height: 177px;
	}

	.zhan-list li:nth-child(1) .text .bg {
		width: 206px;
		height: 177px;
	}
}

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

	.zhan-list li .img-box,
	.zhan-list li .text {
		width: 100%;
	}

	.zhan-list li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	.zhan-list li .img-box .bg {
		width: 106px;
		height: 77px;
	}

	.zhan-list li .text h4 {
		font-size: 18px;
		font-weight: bold;
	}

	.zhan-list li .text p {
		font-size: 14px;
		margin: 10px 0 20px;
	}

	.zhan-list li:nth-child(3) .img-box,
	.zhan-list li:nth-child(5) .img-box {
		width: 100%;
	}

	.zhan-list li:nth-child(3),
	.zhan-list li:nth-child(5) {
		padding: 40px 0;
	}

	.zhan-list li .text .count {
		width: 102px;
		height: 52px;
		top: -5%;
		background-size: contain !important
	}

	.zhan-list li:nth-child(1) .text .bg {
		display: none;
	}

	.zhan-list li:nth-child(even) .img-box {
		-webkit-box-ordinal-group: 3;
		order: inherit;
	}
}

/*公共新闻*/
.com-new .item {
	float: left;
	width: 31%;
	margin-right: 3%;
}

.com-new .item:nth-child(4) {
	margin-right: 0;
}

.com-new .item .img-box {
	height: 300px;
}

.com-new .item .img-box img {
	display: block;
	width: 100%;
	height: 100%;
}

.com-new .item ul {
	margin-top: 10px
}

.com-new .item ul li a {
	display: block;
	overflow: hidden;
	padding: 6px 0;
}

.com-new .item ul li a:hover span {
	color: #135293;
}

.com-new .item ul li a span {
	font-size: 20px;
	color: #333333;
	float: left;
	width: 67%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.com-new .item ul li a i {
	float: right;
	color: #999999;
	font-size: 20px;
}

@media screen and (max-width: 1440px) {
	.com-new .item .img-box {
		height: 240px
	}

	.com-new .item ul li a span,
	.com-new .item ul li a i {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.com-new .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}

	.com-new .item ul li a span,
	.com-new .item ul li a i {
		font-size: 14px;
	}
}

.huanz1_pic {
	cursor: pointer;
	transition: all 0.6s;
}

.huanz1_pic:hover {
	transform: scale(2.5);
}

/*互联网牌照*/
.definitionList .l-list .title,
.definitionList .r-list .title {
	font-weight: bold;
}

.definitionList .l-list,
.definitionList .r-list {
	width: 49%;
	/*height: 400px;*/
	padding: 35px;
	box-sizing: border-box;
	border-radius: 8px;
	cursor: pointer;
}

/*.definitionList .l-list:hover,.definitionList .r-list:hover{
    border:1px solid #135293;
}*/
.definitionList .l-list:hover .title,
.definitionList .r-list:hover .title {
	color: #135293
}

.definitionList .l-list:hover .detaile-links,
.definitionList .r-list:hover .detaile-links {
	background: #135293;
	color: #fff;
}

.definitionList .l-list:hover {
	background: url(../image/def-lf-hover.png) no-repeat center center;
	background-size: 100% 100%;
}

.definitionList .r-list:hover {
	background: url(../image/def-rt-hover.png) no-repeat center center;
	background-size: 100% 100%;
}

.definitionList .l-list:hover .detaile-links .icon,
.definitionList .r-list:hover .detaile-links .icon {
	background: url(../image/icon2.png) no-repeat;
	background-size: 100%;
}

.definitionList .l-list {
	background: url(../image/def-lf.png) no-repeat center center;
	background-size: 100% 100%;
}

.definitionList .r-list {
	background: url(../image/def-rt.png) no-repeat center center;
	background-size: 100% 100%;
}

.definitionList .txt {
	margin-top: 20px;
	line-height: 38px;
}

.definitionList .txt span {
	color: #222222;
	font-weight: bold;
}

.definitionList .detaile-links {
	background: transparent;
	border: 1px solid #135293;
	color: #135293;
}

.definitionList .detaile-links .icon {
	background: url(../image/icon3.png) no-repeat;
	background-size: 100%;
	margin-left: 4px;
}

.areacont .area-title .title span {
	color: #135293;
}

.inner-slide.pai {
	padding: 0 40px;
	box-sizing: border-box;
}

.hu.video-area2 .list-item .item-txt::after {
	display: none
}

.hu.video-area2 .list-item .item-txt .order {
	left: 78%;
}

.hu.video-area2 .list-item .item-txt h5 {
	text-align: left;
	left: 20px;
}

.hu.video-area2 .list-item .item-txt .txt {
	text-align: left;

}

.video-area2.hu {
	background-color: #fff;
}

.hospital-area3 {
	background: #F9F9F9;
}

.hu.video-area2 .list-item .item-txt h5:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 4px;
	background: #135293;
	left: 0;
	bottom: 12px;
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs {
	width: 80%;

}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content {
	width: 15%;
	padding-top: 80px
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6 {
	color: #135293;
	position: relative;
}

.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content h6 i {
	position: absolute;
	left: 80px;
	bottom: 10px;
	font-size: 30px;

}

.hosp-bg {
	background: #F9F9F9
}

.made-area3.hu .value-added .list-item {
	width: 20%;
}

.made-area3 .value-added .list-item.bigitem {
	width: 40%;
}

.hospital-area1 {
	background: url(../image/kbg.png) no-repeat center center;
	background-size: 100% 100%;
}

.hospital-area1 .l-list {
	width: 50%;
	padding: 20px;
	padding-left: 40px;
	box-sizing: border-box;
}

.xhos .item {
	height: 370px;
	width: 20%;
	margin-right: 0;
	border: none;
	border-right: 1px solid #F2F2F2;
}

.xhos .item:last-child {
	border-right: none;
}

.xhos .list {
	background: #fff
}

.xhos.IT-area1 .item:hover {
	background: #135293
}

.hospital-area1 .r-list {
	width: 48%;
}

.hospital-area1 .l-list .title {
	color: #ee0035;
	font-weight: bold;
	margin-bottom: 10px
}

.hospital-area1 .l-list .txt {
	color: #ee0035;
	margin-bottom: 10px;
}

.hospital-area1 .l-list .detxt {
	line-height: 38px;
}

.hospital-area1 .r-list img {
	display: block;
	width: 96%;
}

.made-area3.hu .value-added .overtxt .tit,
.made-area3.hu .value-added .list-item .itemtxt h6 {
	font-size: 20px;
}

.made-area3.hu .value-added .overtxt .txt {
	line-height: 34px;
}

.jishu-area4 .advantage-cont .list-item .overtxt .img-rt {
	display: inline-block;
	font-size: 18px;
	text-align: center
}

.jishu-area4 .advantage-cont .list-item .overtxt .tit img {
	margin-right: 5px
}

.made-area3.hu .value-added .list-item img {
	height: 40px;
}

.img-mask {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: 100;
}

.img-mask img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 101;
}

.transfer-box .trans-top {
	background: #135293;
}

.transfer-box .trans-top span,
.transfer .swiper-slide span {
	float: left;
	width: 17%;
	color: #fff;
	text-align: center;
	border-right: 1px solid #fff;
	line-height: 60px;
}

.transfer {
	height: 290px;
}

.transfer {
	border: 1px solid #F2F2F2
}

.transfer .swiper-slide {
	border-bottom: 1px solid #F2F2F2;
}

.transfer .swiper-slide span {
	color: #222222;
	padding: 16px 0;
	border-color: #F2F2F2;
	line-height: inherit;
}

.transfer-box .trans-top span:first-child,
.transfer .swiper-slide span:first-child {
	width: 32%
}

.transfer .swiper-slide span:first-child {
	text-align: left;
	padding-left: 30px
}

.transfer-box .trans-top span:last-child,
.transfer .swiper-slide span:last-child {
	border-right: none;
}

.transfer .swiper-slide span img {
	width: 36px;
	vertical-align: middle;
}

.transfer .swiper-slide:nth-child(2n+2) {
	background: #F2F2F2
}

.transfer .swiper-slide:nth-child(2n+2) span {
	border-right: 1px solid #fff;
}

@media only screen and (max-width: 1680px) {

	.definitionList .txt,
	.hospital-area1 .l-list .detxt {
		line-height: 30px;
	}
}

@media only screen and (max-width: 1440px) {

	.definitionList .txt,
	.hospital-area1 .l-list .detxt {
		line-height: 28px;
	}
}

@media only screen and (max-width: 1336px) {

	.definitionList .txt,
	.hospital-area1 .l-list .detxt {
		line-height: 26px;
	}
}

@media only screen and (max-width: 1280px) {

	.definitionList .txt,
	.hospital-area1 .l-list .detxt {
		line-height: 24px;
	}
}

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

	.definitionList .l-list,
	.definitionList .r-list {
		width: 100%;
		padding: 20px;
	}

	.inner-slide.pai {
		padding: 0px;
	}

	.hospital-area1 .l-list,
	.hospital-area1 .r-list {
		width: 100%;
	}

	.hospital-area1 .l-list {
		padding: 10px;
	}

	.xhos .item {
		width: 50%;
		height: 200px;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 0;
	}

	.made-area3.hu .list-item {
		width: 100% !important;
	}

	.xhos.IT-area1 .item:nth-child(3n) {
		margin-right: 0;
	}

	.hu.video-area2 .fllow-list .list-item {
		width: 50%;
	}

	.hu.video-area2 .list-item .item-txt h5 {
		padding: 6px 0 10px;
	}

	.hu.video-area2 .list-item .item-txt .order {
		font-size: 40px;
	}

	.hu.video-area2 .list-item .item-txt h5:after {
		bottom: 2px;
		height: 2px;
		width: 30px
	}

	.hu.video-area2 .list-item .item-txt .txt {
		top: 54px;
	}

	.made-area3.hu .value-added .overtxt .tit,
	.made-area3.hu .value-added .list-item .itemtxt h6 {
		font-size: 16px;
	}

	.made-area3.hu .value-added .list-item .overtxt .txt {
		line-height: 30px;
	}

	.made-area3.hu .value-added .list-item img {
		height: 24px;
	}

	.hospital-area4 .hosp-item-box .hosp-item .hosp-item-imgs {
		width: 100%;
	}

	.hospital-area4 .hosp-item-box .hosp-item .hosp-item-content {
		width: 100%;
		padding-top: 20px
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .img-rt {
		font-size: 14px;
	}

	.jishu-area4 .advantage-cont .list-item .overtxt .tit {
		text-align: center;
	}

	.transfer .swiper-slide span img {
		width: 34px;
	}

	/*.trans-content{
    	overflow-x: scroll;
    }
    .transfer-box {
    	width: 800px;
    }*/
	.transfer .swiper-slide span {
		padding: 10px 0;
		font-size: 14px;
	}

	.transfer .swiper-slide span:first-child {
		padding-left: 10px;
	}

	.transfer {
		height: 310px;
	}

	.definitionList .l-list .title,
	.definitionList .r-list .title {
		font-size: 20px;
	}
}


/* 23-4-3 */
.tpm-section__bd {
	margin-top: 20px;
}

.tpm-solution2 {
	-webkit-font-smoothing: antialiased;
	width: 100%
}

.tpm-solution2__cards {
	/* width: 100%; */

	font-size: 0;
	display: flex;
	justify-content: center;
}

.tpm-solution2__card {
	display: inline-block;
	transition: width .3s ease-in-out, box-shadow .3s ease-in-out;
	margin-right: 20px;
	/* width: 160px; */
	border: 2px solid #fff;
	box-sizing: border-box;
	color: #fff;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	/* box-shadow: 8px 8px 20px rgba(55, 99, 170, .1); */
	/* padding: 22px 18px */
}

.tpm-solution2__card {
	width: 300px;
	height: 501px;
	/* white-space: pre-wrap; */
}

.tpm-solution2__card-cover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	/* padding: 40px 18px 22px; */
	/* background-position: 0 0; */
	background-size: auto 100%;
	/* background-repeat: no-repeat; */
	transition: opacity .3s ease-in-out;
}

.tpm-solution2__card .tpm-solution2__card-cover {
	background-position: 100% 0;
}

.tpm-solution2__cards .is-active {
	width: 594px;
	/* opacity: 0.2; */
}

.card-content {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	position: relative;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	display: block;
	/* white-space: pre-wrap; */
}

.card-content a {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	position: relative;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	display: block;
}
}

.card-content h3 {
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 29px;
}

.tpm-solution2__card-tit {
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	position: relative;
	cursor: pointer;
	color: #fff;
	z-index: 2;
	display: block;
	padding: 70px 18px 6px 18px;
}

.is-active .tpm-solution2__card-tit {
	padding: 70px 36px 6px 36px;
}

.pc {
	display: none;
}

.pc1 {
	display: block;
}

.is-active .pc {
	display: block;
}

.is-active .pc1 {
	display: none;
}


.tpm-solution2__card-desc {
	/* margin-top: 12px; */
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 18px;
	width: 100%;
}

.tpm-solution2__card-cnt {
	opacity: 0;
	transition: all .3s ease-in-out;
}

.tpm-solution2__card-cnt p {
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: justify;
	line-height: 31px;
	/* padding-right: 18px; */
	margin-top: 6px;
}

.ispc {
	/* display: block; */
}

.ismobile {
	display: none;
}

@media screen and (max-width: 1080px) {
	.ispc {
		display: none;
	}

	.ismobile {
		display: block;
	}

	.con-item {
		width: calc(50% - 10px);
		height: 300px;
		margin: 0px 5px 10px 5px;
		display: flex;
		/* 		align-items: center;
		justify-content: center; */
		flex-direction: column;
		background-position: 100%;
		padding: 20px 10px;
	}

	.con-item .span1 {
		color: #fff;
		font-size: 18px;
		line-height: 26px;
		/* margin-top: 40px; */
	}

	.span2 {
		color: #fff;
		font-size: 14px;
		line-height: 26px;
		padding: 10px 0px;
		text-align: left;
		/* margin-bottom: 40px; */
	}


}

@media screen and (min-width: 769px) {
	.tpm-solution2__card.v2 {
		/* height: 430px */
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-features .tpm-list__item {
		padding-left: 24px
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-prod .tpm-list__item-link .tpm-list__item-text {
		font-weight: 500;
		opacity: 1
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-btns {
		margin-top: 36px
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-cover {
		background-position: 100% 0
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-desc {
		position: absolute;

		/* top: 95px; */
		transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out;
		transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		padding: 0 18px 0 18px;
	}

	.tpm-solution2__card.v2 .tpm-solution2__card-cnt {
		transition: all .3s ease-in-out;
		position: absolute;
		/* top: 50px; */
		/* right: 18px; */
		pointer-events: none;
		min-width: calc(100% - 36px)
	}

	.tpm-solution2__card.v2 .tpm-group__tit {
		font-size: 18px;
		line-height: 26px
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-cover {
		opacity: 1
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-desc {
		display: block;
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		pointer-events: none
	}

	.tpm-solution2__card.v2.is-active .tpm-solution2__card-cnt {
		pointer-events: auto;
		padding: 0 36px 0 36px;
	}

	.tpm-solution2__card {
		/* height: 410px */
	}



	.tpm-solution2__card.is-active:hover {
		/* box-shadow: 8px 8px 20px rgba(55, 99, 170, .2), -8px -8px 20px #fff */
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-cover {
		opacity: 0
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-cnt {
		opacity: 1
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-desc {
		display: none
	}

	.tpm-solution2__card.is-active .tpm-solution2__card-tit {
		/* color: #181818; */
		transition: color .3s ease-in-out
	}

	/* .tpm-solution2__card.is-active .tpm-solution2__card-tit:hover {
		color: #135293;
	} */
}

@media screen and (max-width: 1440px) {
	.tpm-solution2__card {
		width: 270px;
		height: 501px;
		/* white-space: pre-wrap; */
	}

	.tpm-solution2__cards .is-active {
		width: 494px;
		/* opacity: 0.2; */
	}

	.bottom-btn .detaile-links {
		width: 180px;
	}

	.bottom-btn .more-links {
		width: 180px;

		/* margin-top: 30px; */
		/* font-size: 14px; */
	}
}

@media screen and (max-width: 1280px) {
	.tpm-solution2__card {
		width: 258px;
		height: 501px;
		/* white-space: pre-wrap; */
	}

	.tpm-solution2__cards .is-active {
		width: 494px;
		/* opacity: 0.2; */
	}

	.bottom-btn .detaile-links {
		width: 180px;
	}

	.bottom-btn .more-links {
		width: 180px;
		height: 40px;
		line-height: 40px;
		margin-top: 30px;
		font-size: 14px;
	}
}


.hospital-strong {
	margin-top: 43px;
	display: none;
}
.hospital-strong1{
	display: block;
}
.hospital-strong1 .bg-img{
	width: 100%;
}

.hospital-strong .left-img {
	width: 50%;
	float: left;
}

.hospital-strong .strong {
	width: 50%;
	float: right;
	padding-left: 68px;
	/* padding-top: 83px; */
}

.hospital-strong .strong .strong-item .item-title {
	display: flex;
	align-items: center;
}

.hospital-strong .strong .strong-item .item-title .title-img {
	width: 36px;
	height: 32px;
	margin-right: 18px;
}

.hospital-strong .strong .strong-item .item-title h5 {
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	font-size: 24px;
	color: #222222;
}

.hospital-strong .strong .strong-item p {
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 18px;
	color: #222222;
	letter-spacing: 0;
	text-align: justify;
	padding-left: 52px;
	margin-top: -10px;
}

@media screen and (max-width: 768px) {
	.hospital-strong{
		display: block;
	}
	.hospital-strong1{
		display: none;
	}
	.hospital-strong .left-img {
		width: 60%;
		margin-left: 20%;
		margin-top: 0px;
	}

	.hospital-strong .strong {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 10px;
	}

	.hospital-strong .strong .strong-item .item-title h5 {
		font-size: 18px;
	}

	.hospital-strong .strong .strong-item p {
		font-size: 14px;
	}

}

.made-area1 .fangan-item {
	width: calc(50% - 17px);
	background-image: linear-gradient(180deg, #F3F5F8 0%, #FFFFFF 100%);
	/* border: 2px solid #FFFFFF; */
	box-shadow: 3px 7px 8px 3px #1352930d;
	border-radius: 2px;
	float: left;
	display: flex;
	margin-bottom: 49px;
}

.made-area1 .fangan-item img {
	width: 58px;
	height: 64px;
	margin: 28px 33px 130px 46px;
}

.made-area1 .fangan-item h5 {
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	margin-top: 41px;
	/* height: 24px; */
	line-height: 24px;
}

.made-area1 .fangan-item p {
	font-family: SourceHanSansCN-Normal;
	font-weight: 400;
	font-size: 18px;
	color: #222222;
	letter-spacing: 0;
	text-align: justify;
	line-height: 29px;
	margin-top: 15px;
	padding-right: 35px;
}

.made-area1 .fangan-item:hover {
	background: url(../image/hospital_11.png) no-repeat center center;
	background-size: 100%;
	/* border: none; */

}

.made-area1 .fangan-item:hover h5 {
	color: #135293;
}

.mobile {
	display: none;
}

@media screen and (max-width: 768px) {
	.made-area1 .fangan-item {
		display: block;
		height: 240px;
		margin-bottom: 20px;
		width: calc(50% - 5px) !important;
	}

	.made-area1 .fangan-item:nth-child(2n-1) {
		margin-right: 10px !important;
	}

	.made-area1 .fangan-item img {
		width: 38px;
		height: 44px;
		margin: 20px calc(50% - 19px);
	}

	.made-area1 .fangan-item h5 {
		margin-top: 0;
		text-align: center;
	}

	.made-area1 .fangan-item p {
		/* padding-bottom: 30px; */
		font-family: SourceHanSansCN-Normal;
		font-weight: 400;
		font-size: 12px;
		color: #222222;
		letter-spacing: 0;
		text-align: justify;
		line-height: 20px;
		margin-top: 5px;
		padding: 0 10px;
	}

	.mobile {
		display: block;
	}

	.index-banner .task-content {
		display: none;
	}

	.index-area1 .data-item .counter {
		color: #222222;
	}

	.index-area1 .data-item .secorde {
		color: #222222;
	}

	.index-area1 .data-item .name {
		color: #222222;
	}

	.mt100 {
		margin-top: 10px;
	}

	.index-banner .mask-box .txt1 p:nth-child(1) {
		font-size: 14px;
		/* font-weight: 900; */
	}

	.index-banner .mask-box .txt1 p:nth-child(2) {
		font-size: 12px;
		/* font-weight: 500; */
	}

	.index-banner .mask-box .box-content {
		bottom: 40px;
		left: 0;
	}

	.index-banner .mask-box .txt1 {
		padding: 0 5px;
		width: auto;
	}

	.index-banner .swiper-pagination {
		display: none;
	}

	.case-city-item {
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 30px 10px;
	}

	.case-city-item img {
		height: 40px;
		width: 40px;
	}

	.city-item-title {
		font-size: 14px;
		margin-top: 10px;
	}

	.city-item-text {
		font-size: 12px;
		letter-spacing: 0;
		line-height: 20px;
		text-align: left;
	}

	.dis-bloc {
		height: 250px !important;
	}

	.dis-bloc1 {
		height: 270px !important;
	}

	.case-city-item:nth-child(3) {
		margin-top: 20px;
	}

	.case-city-item:nth-child(4) {
		margin-top: 20px;
	}

	.college-area2 {
		display: flex;
		flex-direction: column-reverse;
	}

	.trend-title {
		font-size: 18px;
	}

	.trend-text {
		margin-top: 0px;
		font-size: 16px;
		line-height: 26px;
	}

	.trend-item {
		margin-right: 0;
		padding-bottom: 0;
		padding-top: 15px;
	}

	.trend-item:last-child {
		padding-bottom: 10px;
	}

	.tab-box1 {
		width: 100% !important;
	}

	.tabcont-box .flex-align {
		flex-direction: column-reverse;
	}

	.city-suc-left {
		margin-right: 0;
		margin-left: 0 !important;
	}

	.city-suc-title {
		font-size: 18px;
		margin-top: 10px;
	}

	.city-suc-text {
		font-size: 14px;
		line-height: 25px;
	}

	.city-suc-text-h {
		margin-top: 30px;
	}

	.index-area4 .tab-box .tab-item {
		padding-top: 0;
	}

	.city-suc-box {
		margin-top: 20px;
	}

	.fit-span {
		display: none;
	}

	.case-info1 {
		flex-direction: column !important;
	}

	.case-info2 {
		flex-direction: row !important;
		margin-top: 20px !important;
	}

	.case-info2 .city-suc-title {
		margin-top: 0;
	}

	.logo-scroll .scroll-img {
		width: auto !important;
		height: 88px !important;
	}
}

.username {
	color: #fff;
	font-size: 20px;
}

.register-form {
	border-radius: 6px;
	background: #ffffff;
	/* width: 400px; */
	padding: 45px 61px 61px 61px;
	width: 612px;

}

.register-form .form-div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.register-form .form-div .title {
	text-align: center;
	line-height: 28px;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	font-size: 28px;
	color: #222222;
}

.register-form .form-div p {
	height: 16px;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	font-size: 16px;
	color: #222222;
	letter-spacing: 0;
	text-align: center;
	margin: 23px auto 47px auto;
}

.register-form .form-div .register-input {
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 2px;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 20px;

}

.register-form .msg-code {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.register-form .code-input {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 2px;
	flex: 1;
	/* margin-bottom: 20px; */
	padding-left: 20px;
}

.register-form .send {
	width: 160px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #135293;
	border-radius: 2px;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
}

.register-form .reg-btn {
	height: 44px;
	line-height: 44px;
	background: #135293;
	border-radius: 2px;
	font-family: SourceHanSansCN-Regular;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	width: 100%;
	margin-top: 34px;
}

@-webkit-keyframes scrollToRight {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes scrollToRight {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}

@keyframes scrollToRight {
	from {
		-webkit-transform: translate3d(-50%, 0, 0);
	}

	to {
		-webkit-transform: translate3d(0%, 0, 0);
	}
}

.logo-scroll {
	position: relative;
	overflow: hidden;
}

.logo-scroll:before,
.logo-scroll:after {
	content: '';
	position: absolute;
	top: 0;
	z-index: 10;
	width: 20%;
	height: 100%;
}

.logo-scroll:before {
	left: 0;
	background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
	background-image: -webkit-gradient(linear, 0 0, right 0, from(#fff), to(rgba(255, 255, 255, 0)));
}

.logo-scroll:after {
	right: 0;
	background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
	background-image: -webkit-gradient(linear, right 0, 0 0, from(#fff), to(rgba(255, 255, 255, 0)));
}

.logo-scroll div {
	width: 4672px;
}

.logo-scroll .scroll-img {
	width: 50%;
	display: inline-block;
	height: 130px;
}

.logo-scroll .scroll-odd {
	-webkit-animation: scrollToRight 36s linear infinite;
	/* animation: scrollToRight 36s linear infinite; */
}

.logo-scroll .scroll-even {
	-webkit-animation: scrollToRight 24s linear infinite;
	animation: scrollToRight 24s linear infinite;
}

.logo-scroll div:nth-child(3) {
	width: 4090px;
}

.logo-scroll div:nth-child(4) {
	width: 4090px;
}

.strong-item {
	margin-bottom: 20px;
}

.index-banner .mask-box .txt1 span:nth-child(1) {
	display: block;
	font-family: SourceHanSansCN-Medium;
	font-weight: 500;
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 0;

}

.index-banner .mask-box .txt1 span:nth-child(2) {
	display: block;
	font-family: SourceHanSansCN-Heavy;
	font-weight: 900;
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 0;
}
.hospitaltest1 .img1{
	display: none;
}
.hospitaltest1 .img2{
	display: block;
}
.hospitaltest .mask-box {
	display: none;
}

.hospitaltest:hover>img{
	    transition: all 0.4s;
	    transform: scale(1.1);
}

.index-banner .mask-box .box-content1 {
	bottom: 110px;
}
@media screen and (max-width: 1440px){
	.index-banner .mask-box .box-content1 {
		bottom: 60px;
	}
}
@media screen and (max-width: 1280px){
	.index-banner .mask-box .box-content1 {
		bottom: 40px;
	}
}
@media screen and (max-width: 1080px){
	.index-banner .mask-box .box-content1 {
		bottom:20px;
	}
}
@media screen and (max-width: 768px) {
	.index-banner .mask-box .txt1 span:nth-child(1) {

		font-size: 14px;
		text-align: left;

	}
	

	.index-banner .mask-box .txt1 span:nth-child(2) {

		font-size: 18px;
		text-align: left;
	}

	.index-banner .mask-box .box-content1 {
		bottom: 20px;
	}
	.hospitaltest1 .img1{
		display: block;
	}
	.hospitaltest1 .img2{
		display: none;
	}
	.hospitaltest .mask-box {
		display: block;
	}
}

.tpm-solution2__card:last-child{
	margin-right: 0;
}