/** 20260815 
 *sunzelong
 *孙泽龙 
 手机端PC端显示 
 */
embed {
	position: fixed;
	bottom: 0;
	height: 135px;
}
.fl{float: left;}
.fr{float: right;}
header .nav-links li.active{color: #9b7a66;border-bottom: 3px solid #9b7a66;} 
header .nav-links li {
	text-align: center;
	width: 150px;
	height: 65px;
	line-height: 65px;
	display: inline-block;
	font-size: 18px;
	‌cursor: pointer;font-weight: bold;
}
header .nav-links li:hover {
	color: #0687e9;
	cursor: pointer !important;
	border-bottom: 3px solid #0687e9;
}


@media screen and (min-width:300px) and (max-width:680px) {

header .header-titles {
		width: 100%;
		position: fixed;
		background-color: #fff;
		border-bottom: 1px solid #f2f2f2;
		z-index: 11;
	}

	header .logo {
		margin: 10px 0;
	}

	header .arr {
		display: block;
		margin: 10px 15px;
		float: right;
	}

	header .nav-links {
		/* display: none; */
		height: 45px;
		line-height: 45px;
	}

	header .nav-links {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1004;
	}

	header .nav-links li {
		display: block;
		background-color: #fff;
		width: 100%;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #0687e9;font-weight: bold;
	}

	.nexImg,
	.preImg {
		display: none;
	}
	.carousel-controls{display: none !important;}
	.productWapper .proList .proLists {
		width: 370px !important;
	}
	
	.menuList {
		display: none;
	}

	.phone {
		display: block;
	}

	.wapper .content .gsimgs img {
		width: 100%;
		margin: 0.75%;
		height: auto;
		max-height: 200px;
	}

	.qyysyr {
		width: 60px;
		height: 60px;
		margin-top: 15px;
		font-size: 18px !important;
	}

	.carouselDiv .productList .productLists img {
		width: 312px;
		height: 320px;
	}

	.carouselDiv .productList .productLists {
		display: inline-block;
		border: 1px solid #f2f2f2;
		border-radius: 5px;
		margin: 0.5%;
		width: 100%;
	}

	.wapper .fixed {
		display: none;
	}

	.c-banner .jumpBtn {
		display: none;
	}

	.qyysH2 {
		font-size: 18px;
	}

	.qyysH2 span {
		font-size: 18px;
		color: #767676;
	}

	.youshi {
		position: relative;
		overflow: hidden;
		width: 100%;
	}

	.gsjs {
		width: 70% !important;
		border-radius: 10px;
	}

	.qyys {
		position: absolute;
		right: 0;
		top: 0;
		width: 65%;
		margin-top: 10px;
	}

	.qywh .side h3 {
		margin: 3px !important;
		border-radius: 50%;
	}

	.qyyslist {
		width: 100%;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #ddd;
		margin-bottom: 5px;
		overflow: hidden;
		height: 68px;
	}

	.qyyslist .ryInfos {
		padding: 2px !important;
		transform: scale(0.8);
		position: absolute;
		left: 0;
		margin-left: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		/* white-space: nowrap; */
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		height: 65px;
	}

	.qyyslist .qyysyr {
		font-size: 16px !important;
		background: #000;
		color: #fff !important;
		text-align: center;
		padding-top: 8px;
		float: left;
		font-size: 14px;
		margin-bottom: 0 !important
	}

	.qyyslist .qyysyr span {
		display: block;
		line-height: 22px;
	}

	/* 轮播图 */
	.c-banner .jumpBtn ul li {
		width: 10px;
		height: 10px;
	}

	.c-banner .banner ul .bannerList img {
		height: 200px;
	}

	/* 轮播图箭头 */
	.c-banner .nexImg img,
	.c-banner .preImg img {
		width: 20px;
		height: 30px;
	}

	.c-banner .nexImg,
	.c-banner .preImg {
		padding: 5px 10px;
	}

	/* server 环形中的标题 */
	.yqTitle {
		font-size: 16px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -12px;
		margin-left: -45px;
		width: 90px;
	}

	.carousel-track {
		height: 50%;
		display: flex;
		width: 100%;
		transition: transform 0.5s ease-in-out;
	}

	.features-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}

	.feature-card {
		text-align: center;
		border-radius: 5px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s;
		/* width: 30%;height: 400px; */
	}

	.feature-card:hover {
		transform: translateY(-10px);
	}

	.gsList .gsLists {
		width: 100%;
		text-align: center;
	}

	.gsListul .gsLists {
		width: 100%;
		text-align: center;
	}

	.gsListul .gsLists .zsImg2 {
		width: 100%;
		height: auto;
	}

	.contact .contactList {
		width: 100%;
	}

	.productDetails .productImg {
		margin-top: 10px;
		width: 95%;
		display: block;
		text-align: center;
	}

	.productDetails .productImg img {
		max-width: 98%;
		border-radius: 5px;
	}

	.productType {
		display: block;
		margin: 15px;
		width: 92%;
	}
	.article .serverul li {
		width: 100%;
	}
	.gsList ul {
		width: 100%;
	}
	
	.gsList .zsImg {
		width: 100%;
		height: auto !important;
	}

	.gxzs .gxjsimg p{text-align: center;color: #fff;}
	
	.gsList .gxjsimg{width: 100%;}
	.gsList .gxjsimg img{width: 100%;}
	
	.article .technologyUl{justify-content: center !important;}
	.contact .contactList{margin-right:0 !important;}
}


/* 手机端端显示 */
@media screen and (min-width:680px) and (max-width:1020px) {
	.menuList{display: none;}
	header .arr {
		display: block;
		margin: 10px 15px;
		float: right;
	}
	header .header-titles {
			width: 100%;
			position: fixed;
			background-color: #fff;
			border-bottom: 1px solid #f2f2f2;
			z-index: 11;
		}
		
		header .arr {
			display: block;
			margin: 10px 15px;
			float: right;
		}
		
		
		header .nav-links {
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1004;
		}
		
		header .nav-links li {
			display: block;
			background-color: #fff;
			width: 100%;
			height: 50px;
			line-height: 50px;
			border-bottom: 3px solid #0687e9;font-weight: bold;
		}
	.gsList .gxjsimg{width: 75%;}
	.gsList .gxjsimg img{width: 100%;}
	.gxzs .gxjsimg p{text-align: center;color: #fff;}

	.phone {
		display: block;
	}

	.carousel-track {
		display: flex;
		width: 100%;
		transition: transform 0.5s ease-in-out;
		height: 75%;
	}

	.wapper .content .gsimgs img {
		width: 100%;
		margin: 0.75%;
		height: auto;
		max-height: 200px;
	}

	.qyysyr {
		width: 80px;
		height: 80px;
		margin-top: 15px;
		font-size: 18px !important;
	}

	.qyysH2 {
		font-size: 18px;
	}

	.qyysH2 span {
		font-size: 18px;
		color: #767676;
	}

	.youshi {
		position: relative;
		overflow: hidden;
		width: 100%;
	}

	.gsjs {
		width: 70% !important;
		border-radius: 10px;
	}

	.qyys {
		position: absolute;
		right: 0;
		top: 0;
		width: 65%;
		margin-top: 5px;
	}

	.qywh .side h3 {
		margin: 3px !important;
		border-radius: 50%;
		margin-top: 10px !important;
	}

	.qyyslist {
		width: 100%;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #ddd;
		margin: 5px 0;
		overflow: hidden;
		height: 110px;
	}

	.qyyslist .ryInfos {
		padding: 14px 5px !important;
		line-height: 27px;
		/* transform: scale(0.8); */
		position: absolute;
		left: 0;
		margin-left: 90px;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		height: 100px;
	}

	.qyyslist .qyysyr {
		font-size: 18px !important;
		background: #000;
		color: #fff !important;
		text-align: center;
		padding-top: 10px;
		float: left;
		font-size: 14px;
		margin-bottom: 0 !important
	}

	.qyyslist .qyysyr span {
		display: block;
		line-height: 23px;
		padding-top: 5px;
	}

	.yqTitle {
		font-size: 42px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -50px;
		margin-left: -50px;
		width: 100px;
	}

	.c-banner .banner ul .bannerList img {
		width: 100%;
		/* height: 100%; */
		height: 400px;
		cursor: auto;
		position: absolute;
		top: 0px;
		left: 0;
		object-fit: cover object-fit: contain;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		overflow: hidden;
		height: e-xpression(this.height>500?"500px":this.height);


	}

	.carouselDiv .productList li {
		width: 100%;
		display: block;
	}

	.carouselDiv .productList .productLists {
		display: inline-block;
		border: 1px solid #f2f2f2;
		border-radius: 5px;
		margin: 0.5%;
		width: 48%;
		float: left;
	}

	.carouselDiv .productList .productLists img {
		width: 320px;
		height: 320px;
	}

	.features h3 {
		font-size: 18px;
		color: #767676;
	}

	.features-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.feature-card {
		text-align: center;
		border-radius: 5px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s;
	}

	.gsListul .gsLists {
		text-align: center;
		width: 45%;
		display: inline-block;
	}

	.gsListul .gsLists .zsImg2 {
		width: 310px;
		height: 200px;
	}

	.contact .contactList {
		width: 45%;
	}

	.productDetails .productImg {
		margin: 10px;
		width: 40%;
		float: left;
	}

	.productDetails .productImg img {
		max-width: 350px;
		border-radius: 5px;
		height: 320px;
	}

	.productType {
		float: left;
		width: 56%;
	}

	.productDetails .productType h3 {
		margin: 30px 0;
	}

	.productDetails .productType p {
		line-height: 32px;
	}
	.article .serverul li {
		width: 49%;
	}
	
}

/* pc端显示 */
@media screen and (min-width:1020px) and (max-width:2660px) {
	header .arr {
		display: none;
	}
	.carousel-controls{display: block;}
	.gsList .gxjsimg{width: 39%;}
	.gsList .gxjsimg img{width: 100%;}
	
	.article .serverul li {
		width: 32%;
	}
	.gsList ul {
		width: 100%;
	}
	.gsList .zsImg {
		width: 330px;
	}
	.gxzs .gxjsimg p{ text-align: left;padding-left: 200px;color: #fff;}
	.menuList {
		display: block;
	}

	.phone {
		display: none;
	}

	.wapper .content .gsimgs img {
		width: 47.5%;
		margin: 0.75%;
		height: auto;
		max-height: 200px;
	}

	.qyysH2 {
		font-size: 20px;
	}

	.qyysH2 span {
		font-size: 18px;
		color: #767676;
	}

	.youshi {
		position: relative;
		overflow: hidden;
		width: 100%;
	}

	.gsjs {
		border-radius: 10px;
	}

	.qyys {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 60%;
	}

	.qyyslist {
		width: 100%;
		border-radius: 5px;
		background-color: #fff;
		border: 1px solid #ddd;
		margin-bottom: 5%;
		overflow: hidden
	}

	.qyyslist .qyysyr {
		width: 100px;
		height: 100px;
		text-align: center;
		border-radius: 50%;
		background-color: #000;
		color: #fff !important;
		font-size: 24px !important;
		padding-top: 13px;
		float: left;
		margin-left: 10px;
		margin-top: 10px !important;
	}

	.qyyslist .ryInfos {
		font-size: 16px;
		padding: 15px 10px 0;
		overflow: hidden;
		text-overflow: ellipsis;
		/* white-space: nowrap; */
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		/* height: 165px; */
		line-height: 35px;
	}

	.qyyslist .qyysyr span {
		display: block;
		line-height: 40px;
	}

	.yqTitle {
		font-size: 42px;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -10px;
		margin-left: -50px;
		width: 100px;
	}

	.c-banner .banner ul .bannerList img {
		width: 100%;
		/* height: 100%; */
		height: 400px;
		cursor: auto;
		position: absolute;
		top: 0px;
		left: 0;
		object-fit: cover object-fit: contain;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		overflow: hidden;
		height: e-xpression(this.height>500?"500px":this.height);
	}

	.carousel-track {
		display: flex;
		width: 100%;
		/* height: 480px; */
		transition: transform 0.5s ease-in-out;
	}

	.carouselDiv .productList {
		/* display: flex;  */
		flex-wrap: wrap;
		/* 允许项目换行 */
	}

	.carouselDiv .productList .productLists {
		display: inline-block;
		border: 1px solid #f2f2f2;
		border-radius: 5px;
		margin: 15px;
		width: 400px;

	}

	.carouselDiv .productList .productLists img {
		width: 100%;
		height: 400px;
	}

	.carouselDiv .productList .productLists:hover {
		border: 1px solid #ccc;
	}

	.features h3 {
		font-size: 18px;
		color: #767676;
	}

	.features-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;
	}

	.feature-card {
		text-align: center;
		border-radius: 5px;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
		transition: transform 0.3s;
	}

	.gsListul .gsLists {
		text-align: center;
		width: 30%;
		display: inline-block;
		margin-right: 10px;
	}

	.gsListul .gsLists .zsImg2 {
		width: 100%;
		height: auto;
	}

	.contact .contactList {
		width: 31%;
	}

	.productDetails .productImg {
		margin: 10px 10px 0 0;
		max-width: 420px;
		width: 43%;
		float: left;
	}

	.productDetails .productImg img {
		width: 100%;
		border-radius: 5px;
		height: 365px;
	}

	.productDetails .productType {
		float: left;
		width: 56%;
	}

	.productDetails .productType h3 {
		margin: 40px 0;
	}

	.productDetails .productType p {
		line-height: 28px;
	}
}

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ul li {
	list-style-type: none;
}

body {
	margin: 0 auto !important;
	max-width: 100%;
	min-width: 320px;
	background: #fff !important;
	overflow-x: hidden;
}

/* 浏览器开头显示图标 */
ico {
	width: 1%;
}

/* 公共样式 */
.left {
	float: left;
}

.right {
	float: right;
}

.red {
	color: #f00;
}

.fff {
	color: #fff;
}

/* img{vertical-align:middle;object-fit: cover;background-size:cover;background-size:100% 100%;} */
.maskbg {
	position: fixed;
	background: #000;
	opacity: .5;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
}

.lymask {
	background-color: #0687e9;
	width: 200px;
	border-radius: 5px;
	height: auto;
	padding: 20px;
	border: 1px solid #1ec6d3;
}

.lymask a {
	color: #fff;
	font-size: 10px;
	position: absolute;
	z-index: 99;
}

.wapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	/*background: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1, #5f27cd);*/
	 background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #2b5876 100%); 
	background-size: 100% 100%;
	animation: gradientShift 15s ease infinite;
	padding-bottom: 185px;
}

/* 头部样式 */
.header {
	/* background-color: #0687e9; */
	height: 80px;
	width: 100%;
}

.header {
	background-color: #fff;
	height: 65px;
	width: 100%;
	box-shadow: 2px 2px 5px #666;
	overflow: hidden;
	position: fixed;
	z-index: 99;
}

.header .logo {
	width: 65px;
	margin: 0 10px;
	float: left;
	/* padding-top: 5px; */
}

.header .phone {
	border-top: 2px solid #007aff;
	border-bottom: 1px solid #007aff;
	width: 100%;
	height: 40px;
	background: #fff;
	line-height: 40px;
	padding: 10px;
	position: fixed;
	z-index: 999;
	height: auto;
	margin-top: 65px;
}

.header .close {
	font-size: 48px;
	color: #767676;
	position: absolute;
	right: 10px;
	padding: 20px 0px;
}

.header .phonePic {
	float: right;
	margin: 10px;
	cursor: pointer;
	width: 48px;
	height: 48px;
}

.titles {
	padding: 30px;
	font-size: 24px;
	color: #767676;
	text-align: center;
	padding-top: 120px
}

.bg {
	background: url(../img/pic/bg4.png) no-repeat;
	width: 100%;
	height: 380px;
	display: inline-block;
	margin-bottom: 20px;
}

.bg .menuList1 {
	width: 100%;
	margin: 50px 0;
	text-align: center;
	height: 280px;
}

.bg .menuList1 li {
	background-color: #fff;
	width: 16%;
	height: 80%;
	margin: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #000;
}

.news {}

.news li {
	padding: 20px;
	color: #767676;
	font-size: 14px;
}

.wapper .fixed {
	position: fixed;
	right: 0;
	bottom: 30%;
	z-index: 22;
}

.wapper .menuLists {
	display: inline-block;
}

.wapper .fixed .fixUl {
	background-color: #f2f2f2;
	width: 60px;
	border-radius: 5px 0 0 5px;
	border-bottom: 1px solid #cbcbcb;
}

.wapper .fixed .fixUl .fixedList {
	height: 50px;
	width: 60px;
	margin: auto;
}

.wapper .fixed .fixUl .tel,
.wx,
.edit,
.em {
	width: 60px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

/* margin: 15px 0 0 15px; */
.wapper .fixed .fixUl .tel {
	background: url(../img/right/tel.png) center center no-repeat;
}

.wapper .fixed .fixUl .wx {
	background: url(../img/right/wx.png) center center no-repeat;
	border-bottom: 1px solid #efeff4;
}

.wapper .fixed .fixUl .edit {
	background: url(../img/right/edit.png) center center no-repeat;
}

.wapper .fixed .fixUl .em {
	background: url(../img/right/em.png) center center no-repeat;
}

.wapper .fixed .center {
	width: 60px;
	height: 50px;
	text-align: center;
	margin: 10px auto;
	line-height: 70px;
}

/* 向上返回 */
.scrolltop {
	position: fixed;
	right: 10px;
	bottom: 150px;
	border-radius: 50px;
}

.scrolltop .top {
	background: url(../img/top.png) center center no-repeat;
	width: 100px;
	height: 100px;
	display: inline-block;
	background-size: 80%;
}

.wapper .fixed .tops {
	border: 3px solid #0687e9;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	opacity: .8;
}

.wapper .fixed .fixUl .tel:hover {
	background: url(../img/right/tel2.png) center center no-repeat;
	cursor: pointer;
}

.wapper .fixed .fixUl .wx:hover {
	background: url(../img/right/wx2.png) center center no-repeat;
	cursor: pointer;
}

.wapper .fixed .fixUl .edit:hover {
	background: url(../img/right/edit2.png) center center no-repeat;
	cursor: pointer;
}

.wapper .fixed .fixUl .em:hover {
	background: url(../img/right/em2.png) center center no-repeat;
	cursor: pointer;
}

.wapper .fixed .fixUl .telHide {
	position: absolute;
	right: 0;
	margin-right: 60px;
	background: #0687e9;
	padding: 15px;
	text-align: center;
	width: 150px;
	border-radius: 5px;
	display: none;
	top: 0;
}

.wapper .fixed .fixUl .telHide li {
	display: block;
	color: #fff;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
	text-align: left;
	height: 35px;
	line-height: 35px;
	opacity: .9;
}
.wapper .fixed .fixUl .telHide li a{
	color: #fff;
}

.wapper .fixed .fixUl .wxHide {
	position: absolute;
	right: 0;
	margin-right: 60px;
	background: #0687e9;
	padding: 15px;
	text-align: center;
	display: none;
	border-radius: 5px;
	top: 50px;
}

.wapper .fixed .fixUl .seedEmail {
	position: absolute;
	right: 0;
	margin-right: 60px;
	background: #0687e9;
	padding: 15px;
	text-align: center;
	display: none;
	width: 320px;
	top: 100px;
	color: #fff;
}

.seedEmail a {
	color: #fff;
}

.wapper .fixed .fixUl .wxHide p {
	color: #767676;
	font-size: 14px;
}

.wapper .fixed .fixUl .wxHide .fff {
	color: #fff;
}

.wapper .fixed .fixedList {
	border: 1px solid #ccc;
	border-bottom: none;
}

.wapper .fixed .fixedList:nth-child(2) {
	border-bottom: 1px solid #cbcbcb;
}

.wapper .fixed .fixedList:hover {
	border: 1px solid #1ec6d3;
}

.wapper .fixed .fixedList:nth-child(1):hover .telHide {
	display: inline-block;
}

.wapper .fixed .fixedList:nth-child(2):hover .wxHide {
	display: inline-block;
}

.wapper .fixed .fixedList:nth-child(3):hover .seedEmail {
	display: block;
}

.wapper .content {
	width: 90%;
	margin: auto;
	/* margin-top: 90px; */
}

.wapper .abouts {
	margin-top: 90px;
}

.wapper .content .title {
	color: #fff;
	font-size: 18px;
	border-left: 3px solid #0687e9;
	padding-left: 10px;
	margin-top: 30px;
	margin-bottom: 15px;
}

.wapper .content .fzlcpic {
	width: 80%;
}

.wapper .content .indextext {
	text-indent: 25px;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}

.wapper .content .info {
	padding-left: 25px;font-size: 18px;color: #fff;
}

.wapper .content .indextext .downloadList {
	padding: 10px 0;
}

.wapper .content .zxns {
	position: absolute;
	padding: 45px 20px;
	font-size: 36px;
	color: #cf962b;
}

.wapper .content .zpcontent {
	width: 100%;margin-top: 100px;
}

.wapper .content .zpcontent .indextext {
	text-indent: 10px;
	;
}

.wapper .content .zpcontent #container {
	width: 100%;
	height: 400px;
}

.wapper .content .zpcontent .locationSide {
	position: absolute;
	left: 48%;
	margin-top: -240px;
	font-weight: bold;font-size: 24px;
	background: #fff;padding: 8px;border-radius: 5px;
}
.wapper .content .locationSide .tel{text-align: center;}

.wapper .content .zpcontent .locationImg {
	vertical-align: middle;
}

.wapper .content .lxfs {
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 0 !important;
	/* text-indent: 25px; */
	color: #fff;
}
.wapper .content .lxfs a{
	cursor: pointer;
}

.wapper .content p {
	padding-bottom: 0 !important;color: #fff;
}

.ewmArea {
	margin: 80px auto;
	text-align: center;
}

.ewmArea p {
	font-size: 18px;
	font-weight: bold;
	color: #767676;
}

.area {
	margin: 50px auto;
	position: relative;
}

.area .areaTitle {
	text-align: center;
	color: #767676;
}

.area .areaUl {
	margin: 20px 50px;
	overflow: hidden;
}

.area .areaUl .areaList {
	margin: 1%;
	float: left;
	padding-left: 150px;
}

/* width: 31%; */
.area .areaUl .areaList p {
	color: #767676;
	font-size: 14px;
	padding-top: 10px;
}

.location {
	margin: 50px auto;
	text-align: center;
	margin-left: 15%;
}

.foot {
	width: 100%;
	position: relative;
	bottom: 0;
	background-color: #767676;
	/* margin-top: 125px; */

}

.foot .ulpic {
	float: right;
}

.foot .ulpic img {
	width: 80px;
	display: block;
	height: 80px;
}

.foot .ulpic li {
	display: inline-block;
	/* padding:0 2%; */
	font-size: 14px;
	padding: 25px;
}

.foot li a {
	color: #fff;
	text-decoration: none;
}

.foot .lists {
	text-align: center;
	margin-top: 20px;
	padding: 5px;
	border-right: 1px solid #007aff;
}

.foot p {
	color: #fff;
	text-align: center;
	background-color: #767676;
	padding: 10px;
	font-size: 12px;
}

.foot .lists li {
	display: inline-block;
	border-right: 1px solid #f5f5f5;
	height: 13px;
	line-height: 8px;
}

.foot .lists a {
	font-size: 12px;
	color: #fff;
	padding-right: 7px;
}

.foot .lists li:last-child {
	border: 0;
}

.foot .lists a:hover {
	color: #007aff;
}

.foot p img {
	vertical-align: top;
	/* padding-left: 20px; */
	padding-right: 5px;
}

.foot p a {
	font-size: 14px;
	color: #fff;
}

.foot p a:hover {
	color: #007aff;
}

/* 2396c3 */
.wapper .lunbo {
	width: 100%;
	height: 500px;
	margin-bottom: 50px;
	background-size: 100% 100%;
	margin-top: 20px;
}

.geside {
	margin-top: 90px;
}

/* 视屏 MP4 */
video {
	margin-top: 15px;
	width: 100%;
	height: 86%;
	cursor: auto;
}

/* 轮播图		 */
.c-banner {
	width: 100%;
	position: relative;
	top: 90px;
}

.c-banner img {
	width: 100%;
	height: 100%;
	margin: 10px 0;
}

.c-banner .banner ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.c-banner .banner ul .bannerList {
	position: absolute display: none;
	opacity: 0;

}

.c-banner .banner ul .bannerList:nth-child(1) {
	opacity: 1;
	display: block;
}

.c-banner .banner ul .bannerList:first-child img {
	position: relative;
}

.c-banner .nexImg,
.c-banner .preImg {
	padding: 10px;
	position: absolute;
	top: 45%;
	margin-top: -53px;
	background: #000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
}

.c-banner .nexImg:hover,
.c-banner .preImg:hover {
	opacity: 0.8;
}

.c-banner .nexImg {
	right: 0px;
}

.c-banner .nexImg img,
.c-banner .preImg img {
	width: 35px;
	height: 50px
}

.c-banner .jumpBtn {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}

.c-banner .jumpBtn ul {
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}

.c-banner .jumpBtn ul li:first-child {
	margin-left: 0px;
}

/* @media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul .bannerList img{
		width: 768px;
		height: 345px;
		position: absolute;
	}
} */
.content .listyear {
	font-size: 14px;
	padding: 15px;
}


.qywh {
	width: 80%;
	margin: 120px auto;
}

.qywh .side h3 {
	color: #0687e9;
	font-size: 24px;
}

.qywh .side h4 {
	color: #0687e9;
	font-size: 18px;
	padding-top: 10px;
}

.qywh .side h4 div {
	margin-right: 10px;
	height: 7px;
	width: 7px;
	background: #0687e9;
	border-radius: 50%;
	display: inline-block;
}

.qywh .side .info {
	color: #666;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.qywh img {
	margin: 10px 0 20px;
	width: 100%;
}

.swhz li {
	display: inline-block;
	padding: 20px;
}

.swhz p {
	padding-top: 20px;
	color: #666;
}



/* 菜单导航 */
.wt-nav {
	width: 100%;
	height: 50px;
	position: relative;
	z-index: 3;
}

.menuList li {
	height: 65px;
	line-height: 65px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}



.menuList li .subnav .subnav-tit {
	color: #0687e9;
	font-size: 16px;
	line-height: 28px;
}

.menuList li:hover {
	background-color: #E7F7F9;
	color: #0687e9 !important
}

.menuList li:hover::after {
	: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50%;
	margin-left: -25%;
	border-bottom: 2px solid #007aff;
}

.menuList li:hover .subnav {
	display: block
}

.menuList li.active{border-bottom: 3px solid #9b7a66;color: #9b7a66;font-weight: bold;}

.zslx .zslists {
	border: 1px solid #ccc;
	width: 30%;
	margin: 1%;
	display: inline-block;
	text-align: center;
	border-radius: 5px;
}

.zslx .zslists:hover {
	border: 1px solid #0687e9;
}

/* 联系我们招商样式 */
.zslx .zslists h4 {
	padding-top: 15px;
}

.zslx .zslists p {
	padding-top: 10px;
	font-weight: bold;
	color: #0687e9;
	font-size: 16px;
}

.zslx .zslists div {
	margin-bottom: 15px;
	color: #767676;
	font-size: 14px;
}

/* 首页合作伙伴部分 */
.wapper .hzhb {
	margin: 20px auto;
	text-align: center;
	position: relative;
}

.wapper .hzhb .hzhbPic {
	overflow: hidden;
	width: 60%;
}

.conter {
	width: 90%;
	margin: auto;
	position: relative;
	/* top: 90px; */
	padding-bottom: 120px;
}

.conter h3 {
	text-align: center;
	margin: 20px;
}

.conter h4 {
	margin: 20px 30px;
	color: #767676;
}

.conter .indextext {
	text-indent: 25px;
	font-size: 16px;
	line-height: 30px;
}

.serverSide {
	padding: 20px 0;
}

.serverSide img {
	/* height: 25rem; */
	width: 100%;
}

.smTc {
	width: 80%;
	border: 1px solid #ddd;
	margin: auto;
	position: fixed;
	z-index: 999;
	text-align: center;
	margin: auto;
	left: 50%;
	margin-left: -40%;
	top: 25%;
	background: #fff;
	padding: 10px;
}



.carousel-container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	/* aspect-ratio: 16 / 9; */
	margin-top: 80px;
}

.carousel-slide {
	min-width: 100%;
	/* height: 100%; */
	position: relative;
}

.carousel-slide img {
	width: 100%;
	/* height: 100%; */
	min-height: 200px;
	object-fit: cover; /* 保持比例，裁剪多余部分 */
	display: block;
	/* border-radius: 10px; */
}

.carousel-slide .caption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 15px;
	border-radius: 8px;
	font-size: 18px;
}

.carousel-controls {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	z-index: 12;
}

.carousel-btn {
	background: rgba(255, 255, 255, 0.7);
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: all 0.3s;
	font-weight: bold;

}

.carousel-btn:hover {
	background: rgba(255, 255, 255, 0.9);
	transform: scale(1.1);
}

.carousel-dots {
	position: absolute;
	/* top: 90%; */
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 10px;
	z-index: 12;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 5px;
	background: #e0e0e0;
	cursor: pointer;
	transition: all 0.3s;
}

.dot.active {
	background: #03a9f4;
	width: 20px;
	transform: scale(1.2);
}


.carouselDiv {
	width: 90%;
	margin: 30px auto;
}

.carouselDiv .title {
	font-size: 18px;
	margin: 20px 0;
	color: #fff;
}

.carouselDiv .indextext {
	text-indent: 30px;
	line-height: 25px;
	font-weight: bold;
	color: #E7F7F9;
}

.carouselDiv .productList {
	text-align: center;
}


.feature-card:hover {
	transform: translateY(-10px);
}

.feature-card .productImg {
	width: 100%;
	/* width: 320px; */
	height: 320px;
	border-radius: 5px;
}

.feature-card p {
	width: 100%;
	padding: 20px 0;
	color: #fff;

}

/*主要样式*/
.subNavBox .subNav {
	cursor: pointer;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	background: url(../img/jiantou1.jpg) no-repeat;
	background-position: 0%
}

.subNavBox .subNav:hover {
	color: #ddd;
	font-size: 18px;
}

.subNavBox .currentDd {
	color: #ddd;
	font-size: 18px;
	font-weight: bold;
}

.subNavBox .navContent {
	display: none;
	padding-left: 30px;
}

.subNavBox .navContent li a {
	display: block
}

.subNavBox .navContent li a:hover {
	color: #fff;
	background-color: #277fc2
}

.subNavBox .subbor {
	border-bottom: 2px solid #9b7a66;
	padding: 8px 0;
}

.subNavBox .JobRequirements {
	/* padding-left: 23px; */
	font-size: 14px;
	color: #fff;
}

#scrollToTopBtn {
	position: fixed;
	right: 10px;
	bottom: 155px;
	display: none;
}

#scrollToTopBtn .top {
	background: url(../img/top.png) no-repeat center;
	background-size: 60%;
	display: block;
	width: 100px;
	height: 100px;
}

.gsList {
	position: relative;
	overflow: hidden;
	color: #fff;
	width: 100%;
	margin: 30px auto;
}

.gsList .title {
	padding-bottom: 20px;
}

.gsList .gsLists {
	display: inline-block;
	float: left;
	margin: 5px;
}

.gsList .zsImg {
	height: 471px;
}

.gsList .zsImg:hover {
	border: 2px solid #f8f8f8
}

.gsList p {
	text-align: center;
	color: #fff;
}

.article {
	padding-top: 30px;
}

.article p {
	color: #fff;
	line-height: 20px;
	font-size: 15px;
}
.article p a{
	font-size: 15px;color: #fff;
}

.article .indextext {
	text-indent: 30px;
}

/* 产品样式 */
.productWapper {
	padding-top: 80px;
	width: 90%;
	margin: auto;
	position: relative;
	padding-bottom: 150px;
}


.gsListul {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.gsListul .gsLists .zsImg2 {
	text-align: center;
}
.gsListul .gsLists .tname {
	color: #fff;
}

.productWapper .proList {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	/* 允许换行 */
	/* justify-content: center; */
	/* 水平居中 */
	gap: 10px;
}

.productWapper .proList .proLists {
	float: left;
	width: 315px;
	max-height: 400px;
	text-align: center;
	border: 3px solid #f2f2f2;
	border-radius: 15px;
	cursor: pointer;
	margin: 0 10px 10px;
}

.productWapper .proList .proLists:hover {
	border: 3px solid #f00;
}

.productWapper .proList .proLists img {
	width: 100%;
	height: 300px;
	border-radius: 15px;
}

.productWapper .proList .proLists:hover .productImg {
	display: none;
}

.productWapper .proList .proLists .hoverImg {
	display: none;
}

.productWapper .proList .proLists:hover .hoverImg {
	display: block;
}

.productWapper .proList .introduce {
	padding-top: 15px;
}

.productWapper .proList .big {
	color: #f00;
	font-size: 16px;
}

.productWapper .title {
	color: #767676;
	padding-bottom: 20px;
}

.contact ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	float: left;
	width: 100%;
}

.contact .contactList {
	
	min-width: 320px;
	float: left;
	height: 180px;
	border: 1px solid #f0f0f0;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}

.contact .contactList:hover {
	background-color: #fff3;
}

.contact .contactImg {
	padding: 15px 0;
}


.article .technologyList {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	width: 140px;
	height: 80px;
	display: inline-block;
	margin: 5px;
	text-align: center;
	padding-top: 30px;
	color: #767676;
	background-color: #f8f8f8;
	font-size: 14px;
}

.article .technologyList:hover {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.45);
}

.article .big {
	font-size: 18px;
}

.article h4 {
	color: #fff;
	padding: 10px 0;
}

.article .activeOL {
	color: #FFF;
	font-size: 14px;
	padding-left: 20px;
}

.article .serverul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
}

.article .serverul li {
	/* width: 100%; */
	height: 145px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	float: left;
	padding: 10px;
	/* margin-right: 10px; */
	margin-bottom: 10px;
}

.article .technologyUl {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	gap: 10px;
}

.article .serverul h5 {
	font-size: 16px;
	color: #0ca9ea;
	font-weight: bold;
}

.article .serverul p {
	text-indent: 30px;
}

/* .article .serverul li:nth-child(odd) {
	background-color: none;
} */

.article .serverul li:nth-child(even) {
	background-color: #f2f2f2;
	color: #767676;
}

.article .serverul li:nth-child(even) p {
	color: #767676;
}

.article .serverul li:hover {
	border: 3px solid #0ca9ea;
}

.project h4 {
	font-size: 14px;
}

.newDynamic .newDynamicList {
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	position: relative;
}

.newDynamic .newDynamicList p {
	cursor: pointer;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	color: #fff;
}

.newDynamic .newDynamicList img {
	vertical-align: middle;
	height: 21px;
}
.newDynamic .newDynamicList a:hover{color: #0687e9;}
.yearfr {
	position: absolute;
	right: 0;
}

/* 详情页 */
.productDetails {
	padding-top: 70px;
	margin: auto;
	overflow: hidden;
	width: 90%;
}

.productSide {
	position: relative;
	overflow: hidden;
	/* max-width: 1440px; */
	margin: auto;
}

.productDetails .productType h3 {
	border-bottom: 1px solid #767676;
	width: 100%;
	padding-bottom: 15px;
	font-size: 28px;
}

.productDetails .productType .price {
	font-size: 24px;
	color: #f00;
}

.productDetails .productType .tel {
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	padding: 5px 2px;
	font-size: 24px;
	max-width: 200px;
	font-weight: bold;
}

.productDetails .productType img {
	vertical-align: middle;
	margin: 8px;
}

.productDetails .tabDetails {
	max-width: 1440px;
	overflow: hidden;
	margin: 20px 10px 150px 10px auto;
}

.tab-container {
	/* margin: 20px auto; */
	background: white;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 150px;
	width: 100%;
}

.tab-header {
	display: flex;
	border-bottom: 1px solid #767676;
}

.tab-item {
	padding: 10px 0;
	cursor: pointer;
	border: none;
	background: transparent;
	font-size: 16px;
	color: #767676;
	transition: all 0.3s ease;
	border-bottom: 3px solid transparent;
	width: 100px;
}

.tab-item:hover {
	color: #1890ff;
	background: #f9f9f9;
	font-weight: bold;
}

.tab-item.active {
	color: #1890ff;
	border-bottom-color: #1890ff;
	font-weight: bold;
}

.tab-content {
	padding: 10px;
	min-height: 200px;
}

.tab-panel {
	display: none;
	animation: fadeIn 2s ease;
	width: 100%;
}

.tab-panel.active {
	display: block;
}

.tab-panel h4 {
	padding-bottom: 15px;
	color: #767676;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.indextext {
	text-indent: 30px;
}

.tab-panel h2 {
	color: #333;
	margin-bottom: 15px;
	font-size: 20px;
}

.tab-panel p {
	color: #666;
	line-height: 25px;
	margin-bottom: 10px;
}

.tab-panel li {
	margin-bottom: 8px;
	color: #767676;
	line-height: 25px;
	font-size: 14px;
}

.wapper .bannerWper {
	height: 100%;
	display: flex;
	align-items: center;
}

.wapper .banneIimg {
	margin-top: 65px;
	position: relative;
	overflow: hidden;
	min-height: 135px;
	object-position: center top;
}

.wapper .lxw {
	position: absolute;
	min-inline-size: 18px;
	font-size: 28px;
	left: 20%;
	color: #4a6a99;
	font-weight: bold;
	top: 10%;
	margin-top 100px;
	z-index: 9;
	object-position: center top;
}

.quote {
	display: inline-block;
}