﻿@charset "UTF-8";

#government {
	width: 100%;
	min-width: 1400px;
}

#government .swiper-container {
	position: relative;
	height: 850px;
	width: 100%;
	min-width: 1200px;
}

#government .swiper-container .ts {
	position: absolute;
	top: 10px;
	left: calc(50vw - 600px);
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.35);
	z-index: 3;
	width: 1200px;
	text-align: center;
	border-radius: 20px;
	font-size: 16px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#government .swiper-container .ts img {
	float: right;
	margin: 10px 20px;
}

#government .swiper-container .slide1 {
	background: url(../images/core_technology/zw-banner.png);
	position: relative;
}

#government .swiper-container .slide1 .last {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	position: absolute;
	width: 100%;
	height: 236px;
	left: 0;
	bottom: 0;
	background: rgba(12, 13, 28, 0.8);
}

#government .swiper-container .slide1 .last .last-pb {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
}

#government .swiper-container .slide1 .last .last-pb .f {
	margin: 50px 0 0 0;
	display: inline-block;
	width: calc(20% - 5px);
	text-align: center;
	border-right: 1px solid #8ec1fb;
	border-color: rgba(142, 193, 251, 0.5);
	height: 130px;
}

#government .swiper-container .slide1 .last .last-pb .f img {
	margin-top: 5px;
	height: 80px;
}

#government .swiper-container .slide1 .last .last-pb .f p {
	padding-top: 20px;
	font-size: 16px;
	letter-spacing: 3px;
}

#government .swiper-container .slide1 .last .last-pb .f:nth-child(5) {
	border-right: none;
}

#government .swiper-container .slide2 {
	background: url(../images/core_technology/zw-banner.png);
	position: relative;
}

#government .swiper-container .slide2 .last {
	position: absolute;
	width: 100%;
	height: 230px;
	left: 0;
	bottom: 0;
	background: rgba(11, 12, 30, 0.8);
}

#government .swiper-container .slide2 .last .last-pb {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
}

#government .swiper-container .slide2 .last .last-pb .f {
	margin: 50px 0 0 0;
	display: inline-block;
	width: calc(20% - 4px);
	text-align: center;
	border-right: 1px solid #415273;
}

#government .swiper-container .slide2 .last .last-pb .f img {
	height: 80px;
}

#government .swiper-container .slide2 .last .last-pb .f p {
	padding-top: 20px;
	font-size: 16px;
}

#government .swiper-container .slide2 .last .last-pb .f:nth-child(5) {
	border-right: none;
}

#government .swiper-container .slide3 {
	background: url(../images/core_technology/zw-banner.png);
	position: relative;
}

#government .swiper-container .slide3 .last {
	position: absolute;
	width: 100%;
	height: 230px;
	left: 0;
	bottom: 0;
	background: rgba(11, 12, 30, 0.8);
}

#government .swiper-container .slide3 .last .last-pb {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
}

#government .swiper-container .slide3 .last .last-pb .f {
	margin: 50px 0 0 0;
	display: inline-block;
	width: calc(20% - 4px);
	text-align: center;
	border-right: 1px solid #415273;
}

#government .swiper-container .slide3 .last .last-pb .f img {
	height: 80px;
}

#government .swiper-container .slide3 .last .last-pb .f p {
	padding-top: 20px;
	font-size: 16px;
}

#government .swiper-container .slide3 .last .last-pb .f:nth-child(5) {
	border-right: none;
}

#government .system-function {
	width: 100%;
	background: #fff;
	text-align: center;
}

#government .system-function .system-function-content {
	min-width: 1200px;
	margin: 0 auto;
}

#government .system-function .system-function-content .head {
	padding: 92px 0 80px 0;
	height: 75px;
	position: relative;
}

#government .system-function .system-function-content .head h2 {
	color: #D5D5D5;
	font-size: 30px;
	color: rgba(45, 45, 45, 0.2);
	font-family: 'pm';
}

#government .system-function .system-function-content .head h1 {
	font-size: 28px;
	color: #2d2d2d;
	font-weight: bolder;
	position: absolute;
	top: 100px;
	z-index: 5;
	left: calc(50% - 60px);
}

#government .system-function .system-function-content .head .line1 {
	position: absolute;
	left: calc(50% - 425px);
	top: 100px;
}

#government .system-function .system-function-content .head .line2 {
	position: absolute;
	right: calc(50% - 425px);
	top: 100px;
}

#government .system-function .system-function-content .head p {
	margin-top: 25px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	opacity: 0.8;
}

#government .system-function .system-function-content .body {
	height: 525px;
	position: relative;
	width: 1200px;
	margin: 0 auto 100px;
}

#government .system-function .system-function-content .body .more {
	position: absolute;
	bottom: -15px;
	right: -110px;
}

#government .system-function .system-function-content .body .more:hover {
	cursor: pointer;
}

#government .system-function .system-function-content .body .f {
	float: left;
	display: inline-block;
	width: 25%;
	text-align: center;
	background: #fff;
	height: 172px;
}

#government .system-function .system-function-content .body .f p {
	margin-top: 10px;
    width: 70%;
    margin-left: 15%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

#government .system-function .system-function-content .body .f img {
	padding-top: 36px;
}

#government .system-function .system-function-content .body .f.on {
	background: #f8f8f8;
}

#government .system-function .system-function-content .body .f:hover {
	cursor: pointer;
}

#government .system-function .system-function-content .body .f:hover img {
	margin-top: -10px;
}

#government .system-adyantage {
	width: 100%;
	background: #fff;
	text-align: center;
	background: url(../images/core_technology/zw-hjx.png) no-repeat 100%;
	height: 660px;
}

#government .system-adyantage .system-adyantage-content {
	width: 1200px;
	margin: 0 auto;
}

#government .system-adyantage .system-adyantage-content .head {
	padding: 90px 0 120px 0;
	height: 75px;
	position: relative;
}

#government .system-adyantage .system-adyantage-content .head h2 {
	color: #D5D5D5;
	font-size: 30px;
	color: rgba(255, 255, 255, 0.2);
	font-family: 'pm';
}

#government .system-adyantage .system-adyantage-content .head h1 {
	font-size: 28px;
	color: #fff;
	font-weight: bolder;
	position: absolute;
	top: 100px;
	z-index: 5;
	left: calc(50% - 60px);
}

#government .system-adyantage .system-adyantage-content .head .line1 {
	position: absolute;
	left: calc(50% - 442px);
	top: 100px;
}

#government .system-adyantage .system-adyantage-content .head .line2 {
	position: absolute;
	right: calc(50% - 442px);
	top: 100px;
}

#government .system-adyantage .system-adyantage-content .head p {
	margin-top: 25px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	opacity: 0.8;
	color: #fff;
}

#government .system-adyantage .system-adyantage-content .layui-row {
	text-align: left;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#government .system-adyantage .system-adyantage-content .layui-row .grid-demo {
	width: 70%;
}

#government .system-adyantage .system-adyantage-content .layui-row .grid-demo img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
}

#government .system-adyantage .system-adyantage-content .layui-row h2 {
	color: #fff;
	font-size: 24px;
	margin: 42px 0 22px 0;
}

#government .system-adyantage .system-adyantage-content .layui-row p {
	color: rgba(255, 255, 255, 0.6);
	line-height: 24px;
	font-size: 14px;
}

#government .system-app {
	width: 100%;
	background: #fff;
	text-align: center;
	height: 860px;
}

#government .system-app .system-app-content {
	width: 1200px;
	margin: 0 auto;
}

#government .system-app .system-app-content .head {
	padding: 92px 0 100px 0;
	height: 75px;
	position: relative;
}

#government .system-app .system-app-content .head h2 {
	color: #D5D5D5;
	font-size: 30px;
	color: rgba(45, 45, 45, 0.2);
	font-family: 'pm';
}

#government .system-app .system-app-content .head h1 {
	font-size: 28px;
	color: #2d2d2d;
	font-weight: bolder;
	position: absolute;
	top: 100px;
	z-index: 5;
	left: calc(50% - 60px);
}

#government .system-app .system-app-content .head .line1 {
	position: absolute;
	left: calc(50% - 530px);
	top: 100px;
}

#government .system-app .system-app-content .head .line2 {
	position: absolute;
	right: calc(50% - 530px);
	top: 100px;
}

#government .system-app .system-app-content .head p {
	margin-top: 25px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	opacity: 0.8;
}

#government .system-app .system-app-content .body .t {
	width: 330px;
	height: 235px;
	box-shadow: 1px 1px 3px 1.5px #e9e9e9;
	margin-right: 99px;
	display: inline-block;
	margin-bottom: 60px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#government .system-app .system-app-content .body .t .img {
	height: 180px;
	background: url(../images/core_technology/zw-bs1.png) no-repeat 100%;
	background-size: cover;
}

#government .system-app .system-app-content .body .t .img.m2 {
	background: url(../images/core_technology/zw-bs2.png) no-repeat 100%;
}

#government .system-app .system-app-content .body .t .img.m3 {
	background: url(../images/core_technology/zw-bs3.png) no-repeat 100%;
}

#government .system-app .system-app-content .body .t h3 {
	width: 80%;
	margin-left: 10%;
	color: #1F3b63;
	font-size: 14px;
	margin-top: 15px;
}

#government .system-app .system-app-content .body .t p {
	margin-top: 5px;
	width: 80%;
	margin-left: 10%;
	color: #8f8f8f;
	font-size: 12px;
	text-align: left;
    word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}

#government .system-app .system-app-content .body .t.three {
	margin-right: 0;
}

#government .system-hardware {
	width: 100%;
	text-align: center;
	background: url(../images/core_technology/zw-bg.png) no-repeat 100%;
	background-size: 100% 100%;
	height: 730px;
	min-width: 1400px;
}

#government .system-hardware .system-hardware-content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#government .system-hardware .system-hardware-content .head {
	padding: 92px 0 120px 0;
	height: 75px;
	position: relative;
}

#government .system-hardware .system-hardware-content .head h2 {
	color: #D5D5D5;
	font-size: 30px;
	color: rgba(255, 255, 255, 0.2);
	font-family: 'pm';
}

#government .system-hardware .system-hardware-content .head h1 {
	font-size: 28px;
	color: #fff;
	font-weight: bolder;
	position: absolute;
	top: 100px;
	z-index: 5;
	left: calc(50% - 60px);
}

#government .system-hardware .system-hardware-content .head .line1 {
	position: absolute;
	left: calc(50% - 550px);
	top: 100px;
}

#government .system-hardware .system-hardware-content .head .line2 {
	position: absolute;
	right: calc(50% - 550px);
	top: 100px;
}

#government .system-hardware .system-hardware-content .head p {
	margin-top: 25px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	opacity: 0.8;
	color: #fff;
}

#government .system-hardware .system-hardware-content .body {
	color: #fff;
	position: relative;
	text-align: center;
	font-size: 16px;
}
#government .system-hardware .system-hardware-content .body .picScroll-left{
	position: relative;
}
.bg1{
	position: absolute;
	width: 285px;
	height: 345px;
	z-index: 0;
	background: url(../images/core_technology/zw-3d4.png) no-repeat 100%;
}
.bg2{
	position: absolute;
	width: 285px;
	height: 345px;
	z-index: 0;
	left: 305px;
	background: url(../images/core_technology/zw-3d3.png) no-repeat 100%;
}
.bg3{
	position: absolute;
	width: 285px;
	height: 345px;
	z-index: 0;
	left: 610px;
	background: url(../images/core_technology/zw-3d2.png) no-repeat 100%;
}
.bg4{
	position: absolute;
	width: 285px;
	height: 345px;
	z-index: 0;
	left: 915px;
	background: url(../images/core_technology/zw-3d1.png) no-repeat 100%;
}
#government .system-hardware .system-hardware-content .body img {
	max-height: 240px;
}

#government .system-hardware .system-hardware-content .body .left_s {
	position: absolute;
	left: -80px;
	top: 180px;
	z-index: 6666;
}

#government .system-hardware .system-hardware-content .body .right_s {
	position: absolute;
	right: -80px;
	top: 180px;
	z-index: 6666;
}

#government .system-hardware .system-hardware-content .body div.dc .img-show {
	width: 650px;
	height: 400px;
	background: #fff;
	position: absolute;
	z-index: 10;
	box-shadow: 1px 1px 1px 1px #f8f8f8;
	/* display: none; */
}

#government .system-hardware .system-hardware-content .img-show img.show {
	max-height: 380px;
	width: 630px;
	margin: 10px;
}

#government .system-hardware .system-hardware-content .img-show .close {
	width: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0.3;
}

#government .system-hardware .system-hardware-content .body div.dc p {
	font-size: 16px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#government .system-hardware .system-hardware-content .img-show:hover {
	cursor: pointer;
}
#government .system-hardware .system-hardware-content .body .dc{
	display: inline-block;
	position: relative;
	width: 285px;
	height: 345px;
	display: inline-block;
}
#government .system-hardware .system-hardware-content .body .body-dc1 {
	/* position: absolute; */
	display: inline-block;
	width: 285px;
	height: 345px;
	/* background: url(../images/core_technology/zw-3d4.png) no-repeat 100%; */
}
#government .system-hardware .system-hardware-content .img-show{
	width: 650px;
	height: 400px;
	background: #fff;
	position: absolute;
	z-index: 10;
	box-shadow: 1px 1px 1px 1px #f8f8f8;
	position: absolute;
	top: 267px;
	left: 284px;
	z-index: 5;
	display: none;
}
#government .system-hardware .system-hardware-content .body .body-dc1 .img-show {
	top: 0px;
	left: 280px;
}

#government .system-hardware .system-hardware-content .body .body-dc1 p {
	width: 100%;
	position: absolute;
	top: 345px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#government .system-hardware .system-hardware-content .body .body-dc2 {
	/* position: absolute; */
	display: inline-block;
	width: 280px;
	height: 345px;
	/* background: url(../images/core_technology/zw-3d3.png) no-repeat 100%; */
}
/* #government .system-hardware .system-hardware-content .body .body-dc2 img{
	transform:scale(0.5)
} */
#government .system-hardware .system-hardware-content .body .body-dc2 p {
	width: 100%;
	position: absolute;
	top: 310px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#government .system-hardware .system-hardware-content .body .body-dc2 .img-show {
	top: 0px;
	left: -30px;
}

#government .system-hardware .system-hardware-content .body .body-dc3 {
	/* position: absolute; */
	display: inline-block;
	width: 280px;
	height: 345px;
	/* background: url(../images/core_technology/zw-3d2.png) no-repeat 100%; */
}
#government .system-hardware .system-hardware-content .body .body-dc3 p {
	width: 100%;
	position: absolute;
	top: 310px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#government .system-hardware .system-hardware-content .body .body-dc3 .img-show {
	top: 0px;
	right: -35px;
}

#government .system-hardware .system-hardware-content .body .body-dc4 {
	/* position: absolute; */
	display: inline-block;
	width: 285px;
	height: 345px;
	/* background: url(../images/core_technology/zw-3d1.png) no-repeat 100%; */
}

#government .system-hardware .system-hardware-content .body .body-dc4 p {
	width: 100%;
	position: absolute;
	top: 345px;
	left: 0px;
	width: 100%;
	text-align: center;
}

#government .system-hardware .system-hardware-content .body .body-dc4 .img-show {
	top: 0px;
	right: 275px;
}
#government .system-hardware .system-hardware-content .body .body-dc5 {
	/* position: absolute; */
	display: inline-block;
	width: 285px;
	height: 345px;
	background: url(../images/core_technology/zw-3d1.png) no-repeat 100%;
}
#government .system-hardware .system-hardware-content .body .body-dc5 p {
	width: 100%;
	position: absolute;
	top: 345px;
	left: 0px;
	width: 100%;
	text-align: center;
}
#government .system-hardware .system-hardware-content .body .body-dc6 {
	/* position: absolute; */
	display: inline-block;
	width: 285px;
	height: 345px;
	background: url(../images/core_technology/zw-3d2.png) no-repeat 100%;
}
#government .system-hardware .system-hardware-content .body .body-dc6 p {
	width: 100%;
	position: absolute;
	top: 310px;
	left: 0px;
	width: 100%;
	text-align: center;
}
#government .system-case {
	width: 100%;
	text-align: center;
	background: #f8f8f8;
	height: 770px;
}

#government .system-case .system-case-content {
	width: 1200px;
	margin: 0 auto;
}

#government .system-case .system-case-content .head {
	padding: 92px 0 100px 0;
	height: 75px;
	position: relative;
}

#government .system-case .system-case-content .head h2 {
	color: #D5D5D5;
	font-size: 30px;
	color: rgba(45, 45, 45, 0.2);
	font-family: 'pm';
	letter-spacing: 1.2px;
}

#government .system-case .system-case-content .head h2 span {
	display: inline-block;
	margin: 0 3px;
}

#government .system-case .system-case-content .head h1 {
	font-size: 28px;
	color: #2d2d2d;
	font-weight: bolder;
	position: absolute;
	top: 100px;
	z-index: 5;
	left: calc(50% - 60px);
}

#government .system-case .system-case-content .head .line1 {
	position: absolute;
	left: calc(50% - 460px);
	top: 100px;
}

#government .system-case .system-case-content .head .line2 {
	position: absolute;
	right: calc(50% - 460px);
	top: 100px;
}

#government .system-case .system-case-content .head p {
	margin-top: 25px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	opacity: 0.8;
}

#government .system-case .system-case-content .body {
	text-align: left;
	height: 390px;
	width: 1200px;
	background: url(../images/core_technology/zw-jx2.png) no-repeat 100%;
	background-size: 100% 100%;
	/* background: #fff; */
}

#government .system-case .system-case-content .body .body-img {
	display: inline-block;
	height: 348px;
	width: 560px;
	z-index: 6;
}

#government .system-case .system-case-content .body .body-img img {
	height: 348px;
	width: 560px;
	padding: 19px 20px;
}

#government .system-case .system-case-content .body .body-introduce {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	position: absolute;
	top: 4px;
	right: 5px;
	height: 372px;
	width: 590px;
	z-index: 6;
	/* background: #fff; */
	/* border-left: 1px solid #f1f1f1; */
}

#government .system-case .system-case-content .body .body-introduce h2 {
	width: calc(100% - 170px);
	margin-top: 80px;
	margin-left: 80px;
	font-size: 20px;
	font-weight: 600;
	color: #343434;
	background: #fff;
}

#government .system-case .system-case-content .body .body-introduce p {
	width: calc(100% - 170px);
	margin: 18px 90px 0 80px;
	letter-spacing: 0.8px;
	color: rgba(143, 145, 143, 1);
	line-height: 24px;
	height: 120px;
	background: #fff;
	word-break:break-all;display:-webkit-box;
	-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;
}

#government .system-case .system-case-content .body .body-introduce p:hover {
	color: #8f918f;
	cursor: pointer;
}

#government .system-case .system-case-content .body .introduce2,
#government .system-case .system-case-content .body .introduce3 {
	display: none;
}

#government .system-case .system-case-content .body:hover {
	opacity: 1;
}

#medical {
	width: 100%;
	min-width: 1350px;
}

#medical .swiper-container {
	position: relative;
	height: 2080px;
	width: 100%;
	min-width: 1350px;
	background: #F4F9F9;
}

#medical .swiper-container .banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

#medical .swiper-container .ts {
	position: absolute;
	top: 10px;
	left: calc(50vw - 600px);
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.35);
	z-index: 3;
	width: 1200px;
	text-align: center;
	border-radius: 20px;
	font-size: 16px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#medical .swiper-container .ts img {
	float: right;
	margin: 10px 20px;
}

#medical .swiper-container .xtmd {
	position: absolute;
	left: calc(50% - 375px);
	top: 830px;
}

#medical .swiper-container .purpose {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	position: absolute;
	top: 1010px;
	height: 200px;
	text-align: center;
	z-index: 4;
	width: 1200px;
	left: calc(50% - 600px);
}

#medical .swiper-container .purpose .f {
	float: left;
	text-align: center;
	display: inline-block;
	width: 300px;
}

#medical .swiper-container .purpose .f img {
	height: 140px;
	margin-bottom: 20px;
}

#medical .swiper-container .purpose .f img:hover {
	margin-top: -10px;
}

#medical .swiper-container .purpose .f p {
	font-size: 16px;
}

#medical .swiper-container .jg {
	position: absolute;
	top: 1306px;
	left: calc(50% - 670px);
}

#medical .swiper-container .frist {
	position: absolute;
	top: 1370px;
	left: calc(50% - 550px);
}

#medical .swiper-container .second {
	position: absolute;
	top: 1370px;
	right: calc(50% - 610px);
}

#medical .swiper-container .thrid {
	position: absolute;
	top: 1540px;
	left: calc(50% - 155px);
}

#medical .swiper-container .fourth {
	position: absolute;
	top: 1788px;
	left: calc(50% - 445px);
}

#medical .swiper-container .fifth {
	position: absolute;
	top: 1788px;
	right: calc(50% - 535px);
}

#medical .swiper-container .lc-l {
	width: 310px;
}

#medical .swiper-container .lc-l h3 {
	font-size: 18px;
	font-weight: 600;
	color: #24263b;
}

#medical .swiper-container .lc-l h3 span {
	color: #23B86D;
}

#medical .swiper-container .lc-l p {
	font-size: 14px;
	line-height: 24px;
	color: #545455;
	opacity: 0.8;
	margin-top: 5px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#medical .system-function {
	height: 990px;
	width: 100%;
}

#medical .system-function .function-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#medical .system-function .function-list .list-bg {
	position: absolute;
	top: 98px;
	left: -70px;
	height: 410px;
	width: 310px;
	z-index: -1;
	background: -webkit-linear-gradient(#0FE6DF, #009D97);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#0FE6DF, #009D97);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#0FE6DF, #009D97);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#0FE6DF, #009D97);
	/* 标准的语法 */
}

#medical .system-function .function-list h2 {
	font-size: 32px;
	letter-spacing: 6px;
	padding: 180px 0 60px 0;
	color: #1BB4AF;
	font-weight: 400;
}

#medical .system-function .function-list h2 span {
	color: #fff;
	display: inline-block;
	margin-right: 32px;
	opacity: 0.8;
}

#medical .system-function .function-list h3 {
	font-family: 'pm';
	color: #fff;
	font-size: 32px;
	margin-bottom: 20px;
}

#medical .system-function .function-list>p {
	letter-spacing: 4px;
	color: #fff;
	opacity: 0.6;
	width: 200px;
	line-height: 24px;
}

#medical .system-function .function-list .list {
	position: absolute;
	top: 320px;
	text-align: center;
}

#medical .system-function .function-list .list .jqr {
	position: absolute;
	bottom: 0;
	right: -110px;
}

#medical .system-function .function-list .list .jqr:hover {
	cursor: pointer;
}

#medical .system-function .function-list .list .list-son.vi {
	visibility: hidden;
}

#medical .system-function .function-list .list .list-son.on {
	background: #F4F9F9;
}

#medical .system-function .function-list .list .list-son:hover {
	cursor: pointer;
}

#medical .system-function .function-list .list .list-son:hover img {
	margin-top: 40px;
}

#medical .system-function .function-list .list .list-son {
	float: left;
	height: 188px;
	width: 240px;
	display: inline-block;
}

#medical .system-function .function-list .list .list-son p {
	margin-top: 12px;
	font-size: 14px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	color: #565656;
    width: 70%;
    margin-left: 15%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

#medical .system-function .function-list .list .list-son img {
	height: 68px;
	margin-top: 50px;
}

#medical .system-advantage {
	width: 100%;
	height: 600px;
	background: url(../images/core_technology/yl-42.png) no-repeat 100%;
	background-size: 100% 100%;
	position: relative;
}

#medical .system-advantage .line {
	position: absolute;
	left: 0;
	top: 180px;
	height: 2px;
	width: calc(50% - 560px);
	background: #fff;
}

#medical .system-advantage .advantage-list {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	width: 1200px;
	margin: 0 auto;
}

#medical .system-advantage .advantage-list h2 {

	font-size: 30px;
	padding: 100px 0 20px 0;
	color: #89FFC4;
	letter-spacing: 2px;
}

#medical .system-advantage .advantage-list h2 span {
	color: #fff;
}

#medical .system-advantage .advantage-list h3 {
	padding-left: 90px;
	font-size: 32px;
	color: #fff;
	letter-spacing: 2px;
	font-family: 'pm';
	letter-spacing: 1px;
	margin-bottom: 5px;
}

#medical .system-advantage .advantage-list p.title {
	padding-left: 90px;
	color: #fff;
	opacity: 0.6;
	letter-spacing: 3px;
}

#medical .system-advantage .advantage-list .layui-row {
	margin-top: 120px;
}

#medical .system-advantage .advantage-list .layui-row .textCen {
	text-align: center;
}

#medical .system-advantage .advantage-list .layui-row .textRight {
	text-align: right;
}

#medical .system-advantage .advantage-list .layui-row .g1.grid-demo {
	margin-left: 0;
}

#medical .system-advantage .advantage-list .layui-row .g2.grid-demo {
	margin-left: 33px;
}

#medical .system-advantage .advantage-list .layui-row .g3.grid-demo {
	margin-left: 66px;
}

#medical .system-advantage .advantage-list .layui-row .g4.grid-demo {
	margin-left: calc(100% - 200px);
}

#medical .system-advantage .advantage-list .layui-row .grid-demo {
	width: 200px;
}

#medical .system-advantage .advantage-list .layui-row .grid-demo h4 {
	color: #fff;
	font-size: 18px;
}

#medical .system-advantage .advantage-list .layui-row .grid-demo h4 img {
	float: right;
	margin-top: -15px;
}

#medical .system-advantage .advantage-list .layui-row .grid-demo p {
	color: #fff;
	opacity: 0.8;
	line-height: 24px;
	margin-top: 15px;
}

#medical .system-advantage .advantage-list .layui-row .grid-demo:hover h4 img {
	margin-top: -25px;
}

#medical .system-application {
	width: 100%;
	height: 1190px;
}

#medical .system-application .application-list {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

#medical .system-application .application-list .yl-bg {
	margin-top: 100px;
}

#medical .system-application .application-list>p {
	letter-spacing: 6px;
	margin-top: 20px;
	color: #24263b;
	opacity: 0.6;
}

#medical .system-application .application-list .list-pb {
	margin-top: 100px;
}

#medical .system-application .application-list .list-pb .frist .lager {
	display: inline-block;
	width: 560px;
}

#medical .system-application .application-list .list-pb .frist .lager .img {
	height: 320px;
	background: url(../images/core_technology/zw-bs1.png) no-repeat;
	background-size: 100% 100%;
}

#medical .system-application .application-list .list-pb .frist .lager p {
	text-align: center;
	margin-top: 20px;
	color: #24263b;
	opacity: 0.6;
	font-size: 16px;
}

#medical .system-application .application-list .list-pb .frist .small {
	display: inline-block;
	width: 300px;
	margin-left: 20px;
}

#medical .system-application .application-list .list-pb .frist .small .img {
	height: 320px;
	background: url(../images/core_technology/zw-bs2.png) no-repeat;
	background-size: 100% 100%;
}

#medical .system-application .application-list .list-pb .frist .small p {
	text-align: center;
	margin-top: 20px;
	color: #24263b;
	opacity: 0.6;
	font-size: 16px;
}

#medical .system-application .application-list .list-pb .second {
	margin-top: 60px;
}

#medical .system-application .application-list .list-pb .second .lager {
	display: inline-block;
	width: 590px;
}

#medical .system-application .application-list .list-pb .second .lager .img {
	height: 320px;
	background: url(../images/core_technology/zw-bs1.png) no-repeat;
	background-size: 100% 100%;
}

#medical .system-application .application-list .list-pb .second .lager p {
	text-align: center;
	margin-top: 20px;
	color: #24263b;
	opacity: 0.6;
	font-size: 16px;
}

#medical .system-application .application-list .list-pb .second .lager:nth-child(1) {
	margin-right: 20px;
}

#medical .system-composition {
	width: 100%;
	height: 920px;
	background: url(../images/core_technology/yl-t.png) no-repeat 100%;
	background-size: 100% 100%;
	position: relative;
}

#medical .system-composition .line {
	position: absolute;
	left: 0;
	top: 180px;
	height: 2px;
	width: calc(50% - 560px);
	background: #fff;
	z-index: 3;
}

#medical .system-composition .composition-list {
	width: 1200px;
	margin: 0 auto;
}

#medical .system-composition .composition-list h2 {

	font-size: 30px;
	padding: 100px 0 20px 0;
	color: #89FFC4;
	letter-spacing: 2px;
}

#medical .system-composition .composition-list h2 span {
	color: #fff;
}

#medical .system-composition .composition-list h3 {
	padding-left: 90px;
	font-size: 32px;
	color: #fff;
	letter-spacing: 2px;
	font-family: 'pm';
	letter-spacing: 1px;
	margin-bottom: 5px;
}

#medical .system-composition .composition-list .composition {
	margin-top: 80px;
	height: 650px;
	position: relative;
	background: url(../images/core_technology/yl-content.png);
}

#medical .system-composition .composition-list .composition .yl-ld {
	position: absolute;
}

#medical .system-composition .composition-list .composition .yl-ld:hover {
	cursor: pointer;
}

#medical .system-composition .composition-list .composition .list-s {
	position: absolute;
	left: 700px;
	font-size: 20px;
	color: #fff;
	top: 25px;
	transform: perspective(500px) rotatey(-12deg);
}

#medical .system-composition .composition-list .composition .list-s>div {
	height: 64px;
	background: #056660;
	width: 365px;
	line-height: 65px;
	transform: rotatey(-20deg);
	border: 1px solid #03ADA3;
	padding-left: 130px;
}

#medical .system-composition .composition-list .composition .list-s>div>img.yl-258 {
	margin-right: 10px;
	visibility: hidden;
}

#medical .system-composition .composition-list .composition .list-s>div>img.liang {
	position: absolute;
	bottom: -11px;
	left: 160px;
	transform: rotate(1deg);
	visibility: hidden;
}

#medical .system-composition .composition-list .composition .list-s>div:hover {
	cursor: pointer;
	background: #034E49;
	color: #76F7Bd;
	font-size: 24px;
}

#medical .system-composition .composition-list .composition .list-s>div:hover img {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s>div:hover>img.liang {
	visibility: hidden;
}

#medical .system-composition .composition-list .composition .list-s>div:hover .s7-tb11 {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s>div:hover .test {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s .s7 {
	border-bottom: none;
	line-height: 80px;
	position: relative;
}

#medical .system-composition .composition-list .composition .list-s .s7>div {
	position: absolute;
	z-index: 6;
}

#medical .system-composition .composition-list .composition .list-s .s7 .s7-tb11 {
	height: 60px;
	width: 20px;
	top: 45px;
	left: 475px;
	background: #034E49;
	visibility: hidden;
}

#medical .system-composition .composition-list .composition .list-s .s7 .test {
	position: absolute;
	top: 13px;
	left: 5px;
	z-index: -1;
	width: 485px;
	transform: rotate(-6.4deg);
	visibility: hidden;
}

#medical .system-composition .composition-list .composition .list-s>div.on {
	background: #034E49;
	color: #76F7Bd;
	font-size: 24px;
}

#medical .system-composition .composition-list .composition .list-s>div.on img {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s>div.on .s7-tb11 {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s>div.on .test {
	visibility: inherit;
}

#medical .system-composition .composition-list .composition .list-s>div.on .s7-liang {
	bottom: -29px;
	transform: rotate(6deg);
}

#medical .case-presentation {
	width: 100%;
	height: 928px;
	position: relative;
}

#medical .case-presentation .line {
	position: absolute;
	left: 0;
	top: 180px;
	height: 2px;
	width: calc(50% - 560px);
	background: #0bcdc7;
	z-index: 3;
}

#medical .case-presentation .case-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

#medical .case-presentation .case-list h2 {
	
	font-size: 30px;
	padding: 100px 0 20px 0;
	color: #0ACDC7;
	letter-spacing: 2px;
}

#medical .case-presentation .case-list h3 {
	font-family: 'pm';
	padding-left: 90px;
	font-size: 32px;
	color: #1B2844;
	letter-spacing: 2px;
}

#medical .case-presentation .case-list .left {
	display: inline-block;
	margin-top: 100px;
	height: 500px;
	width: 760px;
	background: url(../images/core_technology/1a.png) no-repeat 100%;
}

#medical .case-presentation .case-list .right {
	position: absolute;
	right: 0;
	top: 296px;
	width: 386px;
	border: 3px solid #E0E0E0;
	height: 496px;
}

#medical .case-presentation .case-list .right .content {
	width: 286px;
	margin-left: 50px;
	padding-top: 80px;
}

#medical .case-presentation .case-list .right .content h5 {
	font-size: 18px;
	color: #12C0BA;
	font-weight: bold;
}

#medical .case-presentation .case-list .right .content p {
	margin-top: 25px;
	color: #7c7c7d;
	line-height: 30px;
	opacity: 0.8;
	font-size: 16px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#medical .case-presentation .case-list .right .content p:hover {
	opacity: 1;
	cursor: pointer;
}

#medical .case-presentation .case-list .right .yl-left {
	position: absolute;
	bottom: 50px;
	left: 50px;
}

#medical .case-presentation .case-list .right .yl-right {
	position: absolute;
	bottom: 50px;
	right: 50px;
}

#medical .case-presentation .case-list .right>img:hover {
	cursor: pointer;
}

#medical .case-presentation .case-list .yl-d {
	position: absolute;
	right: 30px;
	top: 265px;
}

#robot {
	width: 100%;
	min-width: 1900px;
}

#robot .swiper-container {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	position: relative;
	height: 1850px;
	width: 100%;
	min-width: 1900px;
	background: #fff;
}

#robot .swiper-container .banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#robot .swiper-container .ts {
	position: absolute;
	top: 10px;
	left: calc(50vw - 600px);
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.35);
	z-index: 3;
	width: 1200px;
	text-align: center;
	border-radius: 20px;
	font-size: 16px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#robot .swiper-container .ts img {
	float: right;
	margin: 10px 20px;
}

#robot .swiper-container .xtmd {
	position: absolute;
	top: 882px;
	left: calc(50% - 176px);
	z-index: 2;
}

#robot .swiper-container p.title {
	position: absolute;
	top: 960px;
	text-align: center;
	width: 100%;
	color: #444;
	letter-spacing: 2px;
}

#robot .swiper-container .content {
	width: 1200px;
	position: absolute;
	top: 1080px;
	left: calc(50% - 600px);
	height: 645px;
}

#robot .swiper-container .content .left {
	float: left;
	width: 550px;
	padding-top: 35px;
}

#robot .swiper-container .content .left .bg-title {
	/* font-weight: 600; */
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 150px;
	background: url(../images/core_technology/jqr-j.png) no-repeat 100%;
	background-size: 100% 100%;
}

#robot .swiper-container .content .left p {
	margin-top: 12px;
	color: #444;
	opacity: 0.6;
	font-size: 16px;
	margin-bottom: 50px;
}

#robot .swiper-container .content .right {
	float: right;
	width: 500px;
	margin-top: 40px;
	margin-right: 100px;
}

#robot .core-function {
	width: 100%;
	background: #F5F5F5;
	height: 1080px;
}

#robot .core-function .function-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#robot .core-function .function-list .core-img {
	margin-top: 100px;
}

#robot .core-function .function-list>p {
	margin-top: 20px;
	color: #444;
	letter-spacing: 2px;
}

#robot .core-function .function-list .robot {
	position: relative;
	margin-top: 100px;
	width: 1054px;
	height: 576px;
	background: url(../images/core_technology/jqr-kk.png) no-repeat;
	background-size: 100% 100%;
}

#robot .core-function .function-list .robot img {
	position: absolute;
	top: 0;
	left: 300px;
}

#robot .core-function .function-list .robot>div {
	text-align: left;
	position: absolute;
}

#robot .core-function .function-list .robot>div>.bi-title {
	font-weight: 600;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 150px;
}

#robot .core-function .function-list .robot>div>.function-js {
	margin-top: 18px;
	color: #444;
	opacity: 0.6;
	font-size: 16px;
	width: 300px;
}

#robot .core-function .function-list .robot .function1 {
	top: 0;
	left: 0;
}

#robot .core-function .function-list .robot .function2 {
	top: 203px;
	left: 0;
}

#robot .core-function .function-list .robot .function3 {
	top: 382px;
	left: 0;
}

#robot .core-function .function-list .robot .function4 {
	top: 535px;
	left: 0;
}

#robot .core-function .function-list .robot .function5 {
	top: 25px;
	left: 905px;
}

#robot .core-function .function-list .robot .function6 {
	top: 220px;
	left: 905px;
}

#robot .core-function .function-list .robot .function7 {
	top: 462px;
	left: 905px;
}

#robot .core-parameters {
	width: 100%;
	height: 1161px;
}

#robot .core-parameters .parameters-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#robot .core-parameters .parameters-list .core-img {
	margin-top: 100px;
}

#robot .core-parameters .parameters-list>p {
	margin-top: 20px;
	color: #444;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

#robot .core-parameters .parameters-list .layui-row {
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
	text-align: left;
}

#robot .core-parameters .parameters-list .layui-row .grid-demo {
	width: 80%;
}

#robot .core-parameters .parameters-list .layui-row .grid-demo h3 {
	font-weight: 600;
	color: #333;
	font-size: 20px;
}

#robot .core-parameters .parameters-list .layui-row .grid-demo h3 img {
	margin-right: 10px;
}

#robot .core-parameters .parameters-list .layui-row .grid-demo p {
	padding-left: 23px;
	line-height: 20px;
	margin-bottom: 32px;
	margin-top: 7px;
	font-size: 16px;
	color: #141414;
	opacity: 0.6;
}

#robot .customization {
	width: 100%;
	background: url(../images/core_technology/jqr-jx.png) no-repeat;
	background-size: 100% 100%;
	height: 685px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#robot .customization .customization-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#robot .customization .customization-list .core-img {
	margin-top: 100px;
}

#robot .customization .customization-list>p {
	margin-top: 20px;
	color: #fff;
	opacity: 0.6;
	letter-spacing: 2px;
	margin-bottom: 110px;
}

#robot .customization .customization-list .layui-row .grid-demo {
	text-align: left;
	color: #fff;
}

#robot .customization .customization-list .layui-row .grid-demo img {
	padding-top: 10px;
}

#robot .customization .customization-list .layui-row .grid-demo img:hover {
	padding-top: 0px;
	padding-bottom: 10px;
}

#robot .customization .customization-list .layui-row .grid-demo h2 {
	font-size: 22px;
	margin: 30px 0 15px 0;
}

#robot .customization .customization-list .layui-row .grid-demo p {
	font-size: 16px;
	line-height: 24px;
	opacity: 0.8;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#robot .customization .customization-list .layui-row .l2 {
	padding-left: 50px;
}

#robot .customization .customization-list .layui-row .l3 {
	padding-left: 40px;
}

#robot .case-presentation {
	width: 100%;
	height: 980px;
	/*font-family: '微软雅黑', 'Microsoft YaHei';*/
}

#robot .case-presentation .presentation-list {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#robot .case-presentation .presentation-list .core-img {
	margin-top: 100px;
}

#robot .case-presentation .presentation-list>p {
	margin-top: 20px;
	color: #444;
	letter-spacing: 2px;
	margin-bottom: 120px;
}

#robot .case-presentation .presentation-list .content {
	position: relative;
	height: 540px;
	width: 1200px;
	background: url(../images/core_technology/jqr-last2.png) no-repeat;
}

#robot .case-presentation .presentation-list .content .img1 {
	position: absolute;
	top: -10px;
	left: 0;
	width: 490px;
	height: 280px;
}

#robot .case-presentation .presentation-list .content .one {
	font-size: 20px;
	position: absolute;
	top: -10px;
	left: 547px;
	font-weight: bold;
	color: #2d2d2d;
}

#robot .case-presentation .presentation-list .content .one-content {
	color: #2d2d2d;
	opacity: 0.8;
	text-indent: 30px;
	position: absolute;
	width: 265px;
	left: 540px;
	top: 55px;
	line-height: 24px;
	text-align: left;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#robot .case-presentation .presentation-list .content .img2 {
	position: absolute;
	top: 300px;
	left: 700px;
	width: 490px;
	height: 280px;
}

#robot .case-presentation .presentation-list .content .two {
	font-size: 20px;
	position: absolute;
	top: 325px;
	right: 900px;
	font-weight: bold;
	color: #2d2d2d;
}

#robot .case-presentation .presentation-list .content .two-content {
	color: #2d2d2d;
	opacity: 0.8;
	text-indent: 30px;
	position: absolute;
	width: 265px;
	left: 390px;
	top: 325px;
	line-height: 24px;
	text-align: left;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#robot .case-presentation .presentation-list .content>div:hover {
	cursor: pointer;
}





/* --------------- */
.picScroll-left .picList{
	height: 380px;
}
.picScroll-left .picList li{
	width: 300px;
}
/* .picScroll-left * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.picScroll-left {
	overflow: hidden;
	position: relative;
} */


/* .picScroll-left .bd {
	padding: 10px;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picScroll-left .bd ul li .pic {
	text-align: center;
}

.picScroll-left .bd ul li .pic img {
	width: 120px;
	height: 90px;
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-left .bd ul li .title {
	line-height: 24px;
} */
