@charset "utf-8";

body {
	font-size: 16px;
}

.mid1200 {
	max-width: 1200px;
	margin: 0 auto;
}

.mid1600 {
	width: 1600px;
	margin: 0 auto;
}

.mid1500 {
	width: 1500px;
	margin: 0 auto;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.blueTxt {
	color: #008CFE !important;
}

.loginOut {
	padding-top: 78px;
}

@media screen and (max-width: 1700px) {
	.mid1600 {
		max-width: 1400px;
	}

	.mid1500 {
		max-width: 1400px;
	}
}

@media screen and (max-width: 1500px) {
	.mid1600 {
		max-width: 1200px;
	}

	.mid1500 {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1300px) {
	.mid1600 {
		width: 100%;
	}

	.mid1500 {
		width: 100%;
	}
}

@media screen and (max-width: 1230px) {
	.mid1200 {
		padding: 0 15px;
	}
}

@media screen and (max-width: 1024px) {
	.loginOut {
		padding-top: 50px;
	}

	.mid1600 {
		width: 100%;
		padding: 0 3%;
	}

	.mid1500 {
		width: 100%;
		padding: 0 3%;
	}
}

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

/*登录*/
.loginBox {
	padding: 5% 0;
	background: url(../images/inner/bg2.jpg) no-repeat left top,
		url(../images/inner/bg1.jpg) no-repeat right bottom;
}

.loginBox .inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	border-radius: 8px;
	box-shadow: 0px 3px 8px 0px rgba(26, 86, 148, 0.15);
	font-size: 0;
	background: #fff;
}

.loginBox .inner img.bg {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	display: inline-block;
	width: 50.8%;
	vertical-align: middle;
}

.loginBox .loginForm {
	width: 49.2%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	padding: 2% 5%;
}

.loginForm .tit {
	line-height: 1em;
	margin-bottom: 1.5em;
	padding-left: 12px;
	border-left: 3px solid #008cfe;
	font-size: 32px;
}

.loginForm li {
	height: 48px;
	line-height: 46px;
	width: 100%;
	position: relative;
	padding-left: 50px;
	padding-right: 15px;
	border: 1px solid #eee;
	margin-bottom: 30px;
}

.loginForm li.yzmbox {
	padding-right: 80px;
	border: 0;
	padding-left: 0;
}

.loginForm li.yzmbox input {
	padding-left: 50px;
	border: 1px solid #eee;
	height: 48px;
}

.loginForm li .yzmimg {
	position: absolute;
	width: 70px;
	height: 46px;
	right: 0;
	top: 1px;
	cursor: pointer;
}

.loginForm li i {
	position: absolute;
	width: 50px;
	height: 48px;
	top: 0;
	left: 0;
}

.loginForm li i.icon_tel {
	background: url(../images/inner/icon1.png) no-repeat center;
}

.loginForm li i.icon_pass {
	background: url(../images/inner/icon2.png) no-repeat center;
}

.loginForm li i.icon_code {
	background: url(../images/inner/icon3.png) no-repeat center;
}

.loginForm li input {
	display: block;
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
}

.loginBtn {
	display: block;
	width: 100%;
	height: 48px;
	border-radius: 4px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	background: #008cfe;
	font-size: 16px;
	border: 0;
}

.forgetBottom {
	padding: 15px 0;
}

.forgetBottom a {
	font-size: 14px;
	color: #999999;
}

.forgetBottom a:hover {
	color: #008cfe;
}

.neiBanner {
	position: relative;
	min-height:78px;
}

.neiBanner img {
	display: block;
	width: 100%;
}

@media only screen and (max-width:1700px) {
	.loginBox .inner {
		max-width: 960px;
	}
}

@media only screen and (max-width:1500px) {
	.loginBox .inner {
		max-width: 800px;
	}

	.loginBox {
		padding: 4% 0;
	}
	.loginForm .tit{
		font-size: 28px;
	}
}

@media only screen and (max-width:1200px) {
	.loginBox {
		padding: 3% 15px;
	}

	.loginBox .inner {
		max-width: 700px;
	}

	.loginForm li {
		height: 38px;
		line-height: 36px;
		margin-bottom: 15px;
	}

	.loginForm li input {
		height: 36px;
	}

	.loginBtn {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}

	.loginForm li,
	.loginForm li.yzmbox input {
		padding-left: 40px;
	}

	.loginForm li i {
		position: absolute;
		width: 40px;
		height: 36px;
		top: 0;
		left: 0;
		background-size: 20px 20px !important;
		-webkit-background-size: 20px 20px !important;
	}

	.loginForm li.yzmbox input {
		height: 38px;
	}
	.loginForm .tit{
		font-size: 20px;
	}
	.proswiperText p{
		height:auto;
		-webkit-line-clamp: inherit;
	}
}

@media only screen and (max-width:768px) {
	.loginBtn {
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}

	.loginBox .inner img.bg {
		display: none;
	}

	.loginBox .loginForm {
		width: 100%;
		padding: 5%;
	}

	.neiBanner {
		padding-top: 50px;
		background: #000;
		min-height:50px;
	}
	.proswiperText p{
		height:auto;
		-webkit-line-clamp: inherit;
	}
}


/*综合方案*/
.neiNav {
	font-size: 16px;
	color: #666;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px dashed #eee;
	position: relative;
	padding-left: 10px;
}
.neiNav .fl{
	position:relative;
	z-index:3;
}
.neiNav a {
	color: #666;
}

.neiNav span i {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #15181E;
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top: -6px;

}

.zhfaBox {
	background: url(../images/inner/bg4.jpg) center;
}

.zhfaBox>div {
	padding: 0 5%;
}

.zhfaBox .tab_hd {
	border-bottom: 1px solid #eee;
}

.zhfaBox .tab_hd li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 4% 0 2%;
	color: #666;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	position: relative;
}

.zhfaBox .tab_hd li p {
	line-height: 2em;
}

.zhfaBox .tab_hd li.on,
.zhfaBox .tab_hd li:hover {
	color: #248cf6;
}

.zhfaBox .tab_hd li.on:before,
.zhfaBox .tab_hd li:hover:before {
	content: '';
	width: 100px;
	height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: -9px;
	background: url(../images/inner/icon4.png) no-repeat center;
}

.zhfaBox .tab_hd li i {
	display: block;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto 10px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.zhfaBox .tab_hd li i.i1 {
	background-image: url(../images/inner/i1.png);
}

.zhfaBox .tab_hd li i.i2 {
	background-image: url(../images/inner/i2.png);
}

.zhfaBox .tab_hd li i.i3 {
	background-image: url(../images/inner/i3.png);
}

.zhfaBox .tab_hd li i.i4 {
	background-image: url(../images/inner/i4.png);
}

.zhfaBox .tab_hd li.on i.i1,
.zhfaBox .tab_hd li:hover i.i1 {
	background-image: url(../images/inner/i1_1.png);
}

.zhfaBox .tab_hd li.on i.i2,
.zhfaBox .tab_hd li:hover i.i2 {
	background-image: url(../images/inner/i2_1.png);
}

.zhfaBox .tab_hd li.on i.i3,
.zhfaBox .tab_hd li:hover i.i3 {
	background-image: url(../images/inner/i3_1.png);
}

.zhfaBox .tab_hd li.on i.i4,
.zhfaBox .tab_hd li:hover i.i4 {
	background-image: url(../images/inner/i4_1.png);
}

.zhfaBox .tab_bd .box {
	display: none;
}

.zhfaBox .tab_bd .box.on {
	display: block;
	margin-bottom:70px;
}

.zhfaBox .tab_bd .leftWord {
	float: left;
	width: 54%;
}

.zhfaBox .tab_bd .img {
	width: 42.6%;
	float: right;
}

.zhfaBox .tab_bd .img img {
	display: block;
	width: 100%;
}

.zhfaBox .tab_bd .leftWord .tit {
	font-weight: normal;
	color: #333;
	line-height: 2em;
	margin-bottom: 1em;
}

.zhfaBox .tab_bd .leftWord .text {
	margin-bottom: 2em;
}

.zhfaBox .tab_bd .subtit {
	font-weight: normal;
	line-height: 1em;
	color: #333;
	margin-bottom: 1em;
	padding-left: 10px;
	border-left: 4px solid #D32D26;
}

.zhfaBox .tab_bd .list {
	margin-bottom: 20px;
}

.zhfaBox .tab_bd .list li {
	color: #666666;
	float: left;
	min-width: 33.33%;
	padding-right: 30px;
	line-height: 2em;
	font-size: 16px;
	margin-bottom: 1em;
}

.zhfaBox .tab_bd .list li a {
	color: #666;
}

.zhfaBox .tab_bd .list li a:hover {
	color: #248cf6;
}

.zhfaBoxXq .tab_bd .box {
	display: block;
}

.zhfaBoxXq .tit {
	padding-bottom: 10px;
	position: relative;
}

.zhfaBoxXq .tit:before {
	content: '';
	width: 2em;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #D32D26;
}

.zhfaBoxXq .tab_bd .leftWord {
	float: left;
	width: 50%;
	padding-right: 4%;
}

.zhfaBoxXq .tab_bd .img {
	width: 50%;
	float: right;
}

.zhfaBoxXq .tab_bd .list2 li {
	font-size: 16px;
	color: #666;
	line-height: 2em;
	margin-bottom: 5px;
	position: relative;
	padding-left: 1em;
}

.zhfaBoxXq .tab_bd .list2 li:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	top: 1em;
	margin-top: -2px;
	left: 0;
	background: #248CF6;
}

@media only screen and (max-width:1500px) {
	.zhfaBox .tab_hd li i {
		width: 50px;
		height: 50px;
		background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
	}
}

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

	.zhfaBox .tab_bd .list li,
	.zhfaBoxXq .tab_bd .list2 li {
		font-size: 14px;
	}

	.zhfaBox>div {
		padding: 0 3%;
	}
}

@media only screen and (max-width:1024px) {
	.zhfaBox .tab_bd .leftWord {
		width: 100%;
	}

	.zhfaBox .tab_bd .img {
		width: 80%;
		float: none;
		margin: 0 auto 15px;
	}

	.zhfaBox .tab_hd li i {
		width: 30px;
		height: 30px;
	}

	.neiNav {
		height: auto;
		line-height: 40px;
		font-size: 14px;
	}
	.neiNav span i{
		top:20px;
	}

}

@media only screen and (max-width:768px) {
	.zhfaBox .tab_hd li {
		width: 50%;
	}

	.zhfaBox .tab_bd .list li {
		min-width: 50%;
		margin-bottom: .5em;
	}

	.zhfaBox .tab_hd li.on:before,
	.zhfaBox .tab_hd li:hover:before {
		width: 50px;
		height: 5px;
		background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		margin-left: -25px;
		bottom: -4px;
	}

	.zhfaBox .tab_hd li p {
		font-size: 14px;
		line-height: 1.2em;
	}
}

/* 技术与服务 */
.jsfwNav {
	width: 100%;
	font-size: 0;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 240px;
}

.jsfwNav a {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #333;
	margin-left: 6.8%;
	padding: 0 3%;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;

}

.jsfwNav a.on,
.jsfwNav a:hover {
	color: #248CF6;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;

}

.jsfwNav a.on:before,
.jsfwNav a:hover:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 1px;
	background: #248CF6;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.jsfubgh {
	background: #fafcfe;
	width: 100%;
}

.jsfuA {
	width: 100%;
	padding: 4% 0;
}

.jsfuA .jsfuAtext {
	width: 59%;
	float: left;
}

.jsfuAtextbox {
	width: 100%;
	padding: 0 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.jsfuAtextbox .aLink {
	display: block;
	width: 100%;
	height: 100%;
}

.jsfuAtextbox h3 {
	font-size: 30px;
	color: #333;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jsfuAtextbox p {
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 2em;
	text-align: justify;
	margin-top: 5%;
	max-height: 14em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 7;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
	/*设置或检索伸缩盒对象的子元素的排列方式 */
}

.jsfuAtextbox a {
	width: 180px;
	height: 50px;
	display: block;
	background: #248CF6;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	font-style: normal;
	text-align: center;
	line-height: 50px;
	margin-top: 6%;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.jsfuAtextbox a:hover {
	background-position: 95px center;
	box-shadow: 0 0 15px rgba(0, 80, 239, 0.3);
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.jsfuA .jsfuAimg {
	width: 40%;
	float: right;
	text-align: left;
}

.jsfuAimg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.jsfuAimg img {
	display: inline-block;
	vertical-align: middle;
	width: 57%;
}

.jsfuB {
	width: 100%;
	padding: 4% 0;
}

.jsfuB .jsfuAimg {
	width: 40%;
	float: left;
	text-align: right;
}

.jsfuB .jsfuAimg img {
	margin-left: 0;
}

.jsfuB .jsfuAtext {
	width: 59%;
	float: right;
}

.cpfu {
	width: 100%;
	background: url(../images/service/cpfubg.png) center no-repeat;
	background-size: cover;
}

.jsfuC {
	width: 100%;
	padding: 4% 0;
}

.jsfuC .jsfuAimg {
	width: 40%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.jsfuC .jsfuAtext {
	width: 59%;
	display: inline-block;
	vertical-align: middle;
}

.zlxz {
	font-size: 0;
	padding-top: 4%;
}

.zlxz .yleft {
	width: 14%;
	display: inline-block;
	vertical-align: top;
}

.seachDownload {
	width: 100%;
	height: 40px;
	padding-left: 10px;
	padding-right: 50px;
	border: 1px solid #248CF6;
	position: relative;
	margin-bottom: 30px;
}

.seachDownload .textd {
	display: block;
	width: 100%;
	height: 40px;
	border: none;
	background: none;
	outline: none;
	font-size: 14px;
	font-weight: 400;
	color: #999;
}

.seachDownload .submit {
	display: block;
	width: 40px;
	height: 39px;
	border: none;
	position: absolute;
	top: 0;
	outline: none;
	right: 0;
	background: url(../images/service/seach.png) center no-repeat #248CF6;

}

.yleftList {
	width: 100%;
}

.yleftList h3 {
	background: url(../images/service/c2.png) center no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 60px;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 60px;
}

.yleftList ul {
	width: 100%;
	border: 1px solid #eee;
	margin-bottom: 30px;
}

.yleftList ul li {
	width: 100%;
	text-align: center;
	border-top: 1px solid #eee;
}

.yleftList ul li:first-childP {
	border: none;
}

.yleftList ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	line-height: 60px;
}

.yleftList ul li.on a,
.yleftList ul li:hover a {
	color: #248CF6;
}

.zlxz .yright {
	width: 86%;
	display: inline-block;
	vertical-align: top;
	padding-left: 50px;
	padding-bottom: 5%;
}

.ydownload {
	width: 100%;
}

.ydownload ul {
	width: 100%;
}

.ydownload ul li {
	width: 100%;
	padding: 25px 0;
	border-bottom: #D2D2D2 1px dashed;
}

.ydownload ul li:first-child {
	padding-top: 0;
}

.ydownload ul li a {
	display: block;
	width: 100%;
}

.ydownload ul li h3 {
	font-size: 18px;
	color: #333;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ydownload ul li p {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	line-height: 1.5em;
	margin-top: 18px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ydownload ul li:hover h3 {
	color: #248CF6;
}

.page {
	margin-top: 4.2%;
}

.page_na {
	font-size: 0;
	margin: 0 auto;
	text-align: center;
}

.page_na li {
	display: inline-block;
	margin: 0 4px;
}

.page_na li a,
.page_na li i {
	position: relative;
	padding: 0px;
	font-size: 16px;
	margin: 0;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	color: #666666;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-left: none;
	border: #d7d7d7 1px solid;
}

.page_na li.yema a {
	width: 80px;
}

.page_na li.active a {
	background: #248CF6;
	color: #fff;
	border: #248CF6 1px solid;
}

.page_na li:hover a {
	background: #248CF6;
	color: #fff;
	border: #248CF6 1px solid;
}

.page_na li span {
	font-size: 14px;
	color: #1e1e1e;
	letter-spacing: 2px;
	line-height: 36px;
	padding: 0 15px;
}

.page_na li i {
	font-style: normal;
	font-size: 14px;
	color: #1e1e1e;
	letter-spacing: 2px;
	line-height: 36px;
	padding: 0 5px;
}

.page_na li input {
	border: #ddd 1px solid;
	outline: none;
	background: none;
	color: #123fad;
	width: 36px;
	height: 36px;
	font-size: 14px;
	text-align: center;
}

.page_na li button {
	width: 53px;
	height: 36px;
	font-size: 14px;
	color: #1e1e1e;
	letter-spacing: 2px;
	cursor: pointer;
	border: #ddd 1px solid;
	outline: none;
	background: none;
	text-align: center;
}

.jsfw_xq {
	width: 100%;
	position: relative;
	padding-top: 4%;
	margin-bottom: 5%;
}

.jsfw_xq h3 {
	width: 100%;
	font-size: 32px;
	font-weight: bold;
	color: #333;
	margin-bottom: 40px;
	text-align: center;
}

.jsfw_xqmid {
	width: 100%;
	position: relative;
}

.jsfw_xqtext {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 10;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
	/*设置或检索伸缩盒对象的子元素的排列方式 */
}

.ydownloadXz {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 555;
	background: url(../images/service/bg0.png) bottom repeat-x;
	background-size: auto 100%;
}

.downloadBotton {
	width: 240px;
	height: 56px;
	background: #248CF6;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	font-size: 0;
	display: block;
}

.downloadBotton span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	line-height: 56px;
	margin-right: 10px;
}

.downloadBotton img {
	display: inline-block;
	vertical-align: middle;
}

.zlxzxqbg {
	width: 100%;
	background: url(../images/service/xqbg.jpg) center no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	.jsfwNav {
		top: 40px;
		text-align: center;
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		padding-left: 0;
	}

	.jsfwNav a {
		font-size: 16px;
		margin-left: 0;
	}

	.neiNavone {
		height: 80px;
	}

	.jsfuA .jsfuAtext,
	.jsfuB .jsfuAtext,
	.jsfuC .jsfuAtext {
		width: 100%;
	}

	.jsfuA .jsfuAimg,
	.jsfuB .jsfuAimg,
	.jsfuC .jsfuAimg {
		width: 100%;
		height: auto !important;
		margin-top: 5%;
	}

	.jsfuAimg img {
		width: auto;
		max-width: 90%;
		margin: 0 auto;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.jsfuAtextbox {
		padding: 0;
	}

	.jsfuAtextbox h3 {
		font-size: 20px;
	}

	.jsfuAtextbox p {
		font-size: 14px;
		-webkit-line-clamp: inherit;
		max-height: 100%;
	}

	.jsfuAtextbox i {
		font-size: 14px;
		width: 120px;
		height: 40px;
		line-height: 40px;
		border-radius: 5px;
	}

	.zlxz .yleft {
		width: 100%
	}

	.zlxz .yright {
		width: 100%;
		padding-left: 0;
	}

	.page_na li {
		display: none;
	}

	.jsfw_xq h3 {
		font-size: 20px;
		margin-bottom: 3%;
	}

	.downloadBotton {
		width: 150px;
		height: 40px;
		line-height: 40px;
		margin-left: -75px;
	}

	.downloadBotton span {
		font-size: 14px;
		line-height: 40px;
	}

	.downloadBotton img {
		width: 15px;

	}

}

@media only screen and (max-width: 750px) {
	.page_na li.yema {
		display: inline-block;
	}

	.seachDownload {
		margin-bottom: 3%;
	}

	.yleftList h3 {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}

	.yleftList ul li a {
		font-size: 14px;
		line-height: 50px;
	}

	.ydownload ul li {
		padding: 4% 0;
	}

	.ydownload ul li h3 {
		font-size: 16px;
	}

	.ydownload ul li p {
		margin-top: 3%;
	}

	.jsfw_xq {
		margin-bottom: 10%;
	}
}

/* 个人中心 */
.mem_mid {
	width: 100%;
	background: url(../images/mem/bg2.png) bottom center no-repeat #fefefe;
	background-size: 100% auto;
}

.mem_xinxi {
	max-width: 930px;
	margin: 0 auto;
	padding-top: 6%;
	padding-bottom: 6%;
}

.mem_xinxi .layui-input,
.mem_xinxi .layui-textarea,
.mem_xinxi .layui-select {
	height: 60px;
	font-size: 16px;
}

.mem_xinxi .layui-form-label {
	padding: 19px 0;
	width: 118px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.mem_xinxi .layui-input-block {
	margin-left: 120px;
}

.mem_xinxi .layui-form-item {
	margin-bottom: 5%;
	position: relative;
}

.mem_xinxi .layui-input,
.mem_xinxi .layui-textarea {
	padding-left: 30px;
	padding-right: 30px;
}

.mem_xinxi .layui-form-select dl dd.layui-this {
	background-color: #248cf6;
}

.mem_xinxi .layui-btn {
	width: 186px;
	height: 48px;
	border-radius: 5px;
	background-color: #248cf6;
	font-size: 18px;
	margin-top: 2%;
}

.mem_xinxi .layui-btn-primary {
	border: 1px solid #248cf6;
	background-color: #fff;
	color: #248cf6;
	margin-left: 5%;
}

.mem_xinxi .layui-form-item .layui-input-inline {
	width: 31.3333%;
	margin-right: 3%;
}

.mem_xinxi .layui-form-item .layui-input-inline:last-child {
	margin-right: 0;
}

.mem_xinxi .dxyzm{
	padding-right: 90px;
	position: relative;
}
.mem_xinxi .dxyzm .yzmimg{
	position: absolute;
	width: 80px;
	height: 60px;
	right: 0;
	top: 1px;
	cursor: pointer;
}
.mem_xinxi .yjphoneA{
	position: relative;
}
.mem_xinxi .yjphoneA input.layui-input{
	padding-right: 137px;
}
.mem_xinxi .yjphoneA input.qdxyzm{
	font-size:16px;
	color:#248CF6;
	line-height: 60px;
	display: block;
	width: 137px;
	position: absolute;
	right: 0;
	top: 0;
	outline: none;
	background: none;
	border: none;
}
.layui-yujselect {
	padding-left: 120px;
}

#test1 {
	width: 134px;
	height: 163px;
	background: #F8F8F8;
	border: #CECBCB 1px dashed;
	border-radius: 0;
	font-size: 16px;
	color: #6A7176;
	position: relative;
	padding-top: 7.5%;
	display: inline-block;
	vertical-align: top;
}

#test1:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -11%;
	left: 0;
	background: url(../images/mem/jia.png) center no-repeat;
	background-size: 32%;
}

.mem_xinxi .layui-upload-list {
	width: 134px;
	height: 163px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin-top: 2%;
	margin-left: 2%;
	margin-right: 2%;
}

.mem_xinxi .layui-btn-xs {
	font-size: 14px;
	width: 50px;
	height: 30px;
	line-height: 30px;
}

.mem_xinxi .layui-upload-list img {
	max-width: 100%;
	max-height: 163px;
}

.mem_xinxi .layui-upload {
	font-size: 0;
}

.uploadshili {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	margin-top: 2%;
}

.uploadshili span {
	font-size: 16px;
	color: #6A7176;
	display: inline-block;
	vertical-align: top;
	padding-right: 30px;
}

.uploadshili p {
	width: 134px;
	height: 163px;
	display: inline-block;
	vertical-align: top;
	background: #F8F8F8;
	border: #CECBCB 1px dashed;
	padding: 10px 0;
}

.uploadshili p img {
	display: block;
	margin: 0 auto;
	width: 80.6%;
}

@media only screen and (max-width: 1024px) {
	.mem_xinxi .layui-form-item .layui-input-inline {
		width: 100%;
		margin-right: 0;
		display: block;
	}

	.mem_xinxi .layui-form-select .layui-input {
		margin-bottom: 5%;
	}

	.mem_xinxi .layui-yujselect .layui-input-inline:last-child .layui-input {
		margin-bottom: 0;
	}

}

@media only screen and (max-width: 750px) {
	.uploadshili span{
		display: block;
		margin-bottom: 2%;
	}
	.mem_xinxi {
		padding-top: 8%;
		padding-bottom: 6%;
	}

	.mem_xinxi .layui-form-item .layui-input-inline {
		margin-left: 0;
	}

	.mem_xinxi .layui-form-label {
		width: 92px;
	}

	.mem_xinxi .layui-input-block {
		margin-left: 92px;
	}

	.layui-yujselect {
		padding-left: 92px;
	}

	.mem_xinxi .layui-input,
	.mem_xinxi .layui-textarea {
		height: 50px;
	}

	.mem_xinxi .layui-form-label {
		padding: 13px 0;
		font-size: 14px;
	}

	.mem_xinxi .layui-input,
	.mem_xinxi .layui-textarea,
	.mem_xinxi .layui-select {
		font-size: 14px;
	}

	.mem_xinxi .layui-input,
	.mem_xinxi .layui-textarea {
		padding-left: 5%;
		padding-right: 5%;
	}

	.mem_xinxi .layui-btn {
		width: 45%;
		height: 40px;
		font-size: 14px;
	}

	.layui-tjbtn {
		margin-left: -80px;
	}
	.mem_xinxi .dxyzm .yzmimg{
		height: 50px;
	}
	.mem_xinxi .yjphoneA input{
		padding-right: 120px;
	}
	.mem_xinxi .yjphoneA input.qdxyzm{
		line-height: 50px;
		font-size: 14px;
		width: 110px;
	}
}

/* 产品中心 */
.productbg {
	width: 100%;
	background: url(../images/product/probg.png) center no-repeat;
	background-size: cover;
	padding-bottom: 5%;
}

.productMid {
	margin: 0 auto;
}

.productMid .pc-slide {
	width: 100%;
	margin: 0 auto;
}

.productMid .swiper-pagination .productMid .view .swiper-container {
	width: 100%;
	margin-top: 2%;
}

.productMid .swiper-pagination {
	padding-left: 58%;
	text-align: left;
}

.productMid .swiper-pagination-current {
	color: #333;
	font-size: 24px;
	position: relative;
}

.productMid .proswiper {
	width: 100%;
	position: relative;
	padding-bottom: 6%;
}

.proswiperText {
	width: 93%;
	margin-left: 7%;
	background: #F7F8F9;
	padding: 5% 0;
	padding-left: 51%;
	padding-right: 5%;
}

.proswiperText h3 {
	font-size: 30px;
	color: #333333;
	line-height: 1.5em;
	position: relative;
	padding-bottom: 4%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.proswiperText h3:before {
	content: "";
	width: 44px;
	height: 4px;
	background: #E50213;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.proswiperText p {
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	margin-top: 8%;
	color: #606060;
	line-height: 36px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	height:108px;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 3;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
	/*设置或检索伸缩盒对象的子元素的排列方式 */
}

.proswiperText .pubMore {
	width: 158px;
	height: 48px;
	border: #0050ef 1px solid;
	border-radius: 24px;
	display: block;
	font-size: 16px;
	color: #0050ef;
	line-height: 48px;
	text-align: left;
	padding-left: 36px;
	margin-top: 6%;
	background-image: url(../images/jiantou.png);
	background-position: 85px center;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.proswiperText .pubMore:hover {
	background-position: 95px center;
	box-shadow: 0 0 15px rgba(0, 80, 239, 0.3);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.proswiperImg {
	width: 52.4%;
	position: absolute;
	bottom: 0;
}

.proswiperImg p {
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 62.39%;
}

.proswiperImg p img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.productMid .preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.productMid .preview .swiper-container {
	width: 100%;
}

.productMid .preview .swiper-slide {
	cursor: pointer;
}

.productMid .preview .arrow-left {
	background: url(images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.productMid .preview .arrow-right {
	background: url(images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.productMid .preview img {
	padding: 1px;
	width: 100%;
}

.productMid .preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}

.productMid .preview .swiper-slide {
	margin-bottom: 20px;
	position: relative;
}

.productMid .preview .swiper-slide .proxiDob {
	width: 100%;
	max-height: 140px;
	background-color: #f2f2f2;
	padding: 30px 40px;
}

.productMid .preview .swiper-slide .proxiDobmid {
	width: 100%;
	height: 100%;

}

.productMid .preview .swiper-slide .proxiDob p {
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
	text-transform: uppercase;
}

.productMid .preview .swiper-slide .proxiDob p span {
	font-size: 24px;
	font-weight: 400;
	color: #333333;
	line-height: 36px;
	display: block;
}

.productMid .preview .swiper-slide .proxiDob p b {
	font-weight: normal;
}

.productMid .preview .swiper-slide.active-nav .proxiDob p,
.productMid .preview .swiper-slide.active-nav p span {
	color: #fff;
}

.productMid .preview .swiper-slide.active-nav .proxiDob:before {
	content: "";
	position: absolute;
	width: 32px;
	height: 16px;
	background: url(../images/product/jiao.png) center no-repeat;
	background-size: 100%;
	bottom: -15px;
	left: 50%;
	margin-left: -16px;
}

.productMid .preview .swiper-slide.active-nav .proxiDobmid {
	background: url(../images/product/iconhover.png) center no-repeat;
	background-size: 100% 100%;
}

.productMid .preview .swiper-slide .proxiDob.proxiDob1 {
	background-image: url(../images/product/iconh1.png);
	background-position: 85% center;
	background-repeat: no-repeat;
}

.productMid .preview .swiper-slide.active-nav .proxiDob.proxiDob1 {
	background-image: url(../images/product/icon1.png)
}

.productMid .preview .swiper-slide .proxiDob.proxiDob2 {
	background-color: #E5E5E5;
	background-image: url(../images/product/iconh3.png);
	background-position: 85% center;
	background-repeat: no-repeat;
}

.productMid .preview .swiper-slide.active-nav .proxiDob.proxiDob2 {
	background-image: url(../images/product/icon3.png)
}

.productMid .preview .swiper-slide .proxiDob.proxiDob3 {
	background-image: url(../images/product/iconh4.png);
	background-position: 85% center;
	background-repeat: no-repeat;
}

.productMid .preview .swiper-slide.active-nav .proxiDob.proxiDob3 {
	background-image: url(../images/product/icon4.png)
}

.productMid .preview .swiper-slide .proxiDob.proxiDob4 {
	background-color: #E5E5E5;
	background-image: url(../images/product/iconh2.png);
	background-position: 85% center;
	background-repeat: no-repeat;
}

.productMid .preview .swiper-slide.active-nav .proxiDob.proxiDob4 {
	background-image: url(../images/product/icon2.png)
}

.productMid .preview .swiper-slide.active-nav .proxiDob {
	background-color: rgba(0, 0, 0, 0);
}
.proTitle{
	width:100%;
	background: url(../images/pl.png) no-repeat;
    background-size: 90% 2px;
    background-position: bottom right;
	color:#0252f1;
	font-size:25px;
	height:172px;
	padding-top:80px;
	margin: 0 0 0;
}
/*  */
.proTitle p{
	background:url(../images/lbg.png);
	background-size: 100% 100%;
	height: 92px;
	width:306px;
	height:92px;
	line-height:100px;
	text-align:center;
}
.productList {
	width: 100%;
}

.productList ul {
	width: 105%;
	font-size: 0;
}

.productList ul li {
	width: 21.4%;
	display: inline-block;
	vertical-align: top;
	/* border: rgb(97, 87, 87) 1px solid; */
	font-size: 14px;
	margin-right: 3.3%;
	margin-top: 3.6em;
	background:rgb(241,243,245);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.productList ul li a {
	display: block;
	position:relative;
	width: 100%;
	overflow: hidden;
}
.productList ul li a p.in{
	position:absolute;
	font-size:30px;
	color:#fff;
	text-align:center;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
	background: rgba(36,140,246,.9);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.productList ul li a:hover p.in{
	top:0;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.productList ul li a:hover .proimg{
	margin: 33px 0;
	/* -webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s; */
}
.productList ul li a:hover .proimg p img{
	max-width: 92%;
    margin: 0 auto;
    max-height: 92%;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.productList ul li a:hover .protext{
	display: none;
}
.productList ul li .proimg {
	width: 100%;
	padding-top: 92%;
	position: relative;
	/* -webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s; */
	/* border-bottom: 1px solid #E1E1E1; */
}

.productList ul li .proimg p {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.productList ul li .proimg p img {
	display: block;
	max-width: 85%;
	margin: 0 auto;
	max-height: 85%;
}

.productList ul li .protext {
	height:66px;
	text-align:center;
	font-size: 24px;
    color: #333333;
    font-weight: bold;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productList ul li .protext h3 {
	font-size: 24px;
	color: #333333;
	/* font-weight: normal; */
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.productList ul li .protext p {
	font-size: 16px;
	color: #666;
	line-height: 2em;
	height: 6em;
	text-align: justify;
	margin-top: 5%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 3;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
	/*设置或检索伸缩盒对象的子元素的排列方式 */
}

.productList ul li:hover {
	/* border: #248CF6 1px solid;
	box-shadow: 0px 10px 14px 2px rgba(19, 31, 57, 0.1);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s; */
}

.proXqA {
	width: 100%;
	font-size: 0;
	padding-top: 4%;
	padding-bottom: 4%;
}

.proXqAleft {
	width: 47%;
	border: #E1E1E1 1px solid;
	display: inline-block;
	vertical-align: middle;
}

.proXqAleft .pc-slide {
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 0;
}

.proXqAleft .view {
	width: 100%;
	padding-left: 110px;

}

.proXqAleft .view .swiper-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.proXqAleft .view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.proXqAleft .view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.proXqAleft .preview {
	width: 100px;
	padding: 70px 1%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-right: #E1E1E1 1px solid;
}

.proXqAleft .preview .swiper-container {
	width: 100%;
	height: 100%;
}

.proXqAleft .preview .swiper-slide {
	width: 100%;
	cursor: pointer;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}

.proXqAleft .preview .arrow-left {
	background: url(../images/product/index_tab_l.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 10%;
	top: 5%;
	width: 80%;
	height: 30px;
	z-index: 10;
}

.proXqAleft .preview .arrow-right {
	background: url(../images/product/index_tab_r.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 10%;
	bottom: 5%;
	width: 80%;
	height: 30px;
	z-index: 10;
}

.proXqAleft .preview img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	display: block;
	padding: 6px;
}

.proXqAleft .preview .active-nav img {
	padding: 6px;
	background: #d5d5d5;
}

.viewimg {
	width: 100%;
	min-height: 500px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}

.viewimg img {
	display: block;
	max-width: 90%;
	max-height: 90%;
}

.proXqAright {
	width: 53%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	padding-left: 6%;
}

.proXqAright h3 {
	font-size: 32px;
	color: #248CF6;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.proXqAright p {
	font-size: 16px;
	margin-top: 3%;
	font-weight: 400;
	color: #757575;
	line-height: 2em;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 7;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
	/*设置或检索伸缩盒对象的子元素的排列方式 */
}

.proXqAright div {
	font-size: 0;
	width: 100%;
	margin-top: 10%;
}

.proXqAright div a {
	display: inline-block;
	vertical-align: middle;
	width: 176px;
	height: 56px;
	line-height: 56px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.proXqAright div a.blue {
	background: #248cf6;
}

.proXqAright div a.red {
	background: #e40113;
	margin-left: 4%;
}

.probgh {
	padding: 4% 0;
	background: #f7f7f7;
}

.proxqB {
	background: #fff;
	padding: 4% 0;
}

.proxqTit {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 28px;
	position: relative;
	padding-left: 24px;
}

.proxqTit:before {
	content: "";
	width: 4px;
	height: 20px;
	background: #248cf6;
	display: block;
	top: 2px;
	left: 0;
	position: absolute;
}

.cptxText {
	padding: 3% 24px;
	font-size: 16px;
	color: #757575;
	line-height: 2em;
}

.cpgeText {
	width: 100%;
	padding: 3% 24px;
}

.cpgeText table {
	width: 56%;
	border-top: #EAE8E8 1px solid;
}

.cpgeText table tr {
	border-bottom: #EAE8E8 1px solid;
}

.cpgeText table tr td {
	padding: 3% 0;
	font-size: 16px;
	color: #333333;
	line-height: 1.5em;
}

.cpgeText table tr td:first-child {
	text-align: right;
	width: 30%;
	padding-right: 10%;
	position: relative;
	color: #151515;
}

.cpgeText table tr td:first-child:before {
	content: "";
	width: 1px;
	height: 34px;
	background: #ececec;
	display: block;
	position: absolute;
	right: 16%;
	top: 50%;
	margin-top: -17px;
}

@media only screen and (max-width: 1680px) {
	.productMid .preview .swiper-slide .proxiDob {
		padding: 30px 8%;
	}

	.productMid .preview .swiper-slide .proxiDob p {
		font-size: 12px;
	}

	.productMid .preview .swiper-slide .proxiDob p span {
		font-size: 20px;
	}
}

@media only screen and (max-width: 1200px) {
	.productMid .preview .swiper-slide .proxiDob {
		background-size: 17%;
		height: 100%;
	}

	.productMid .preview .swiper-slide .proxiDob p {
		font-size: 10px;
	}

	.productMid .preview .swiper-slide .proxiDob p span {
		font-size: 18px;
	}

	.productMid .preview .swiper-slide .proxiDob {
		background-position: 90% center !important;
	}

	.productList ul li .protext h3 {
		font-size: 20px;
	}

	.productList ul li .protext p {
		font-size: 14px;
	}

	.viewimg {
		min-height: 400px;
	}

	.proXqAright h3 {
		font-size: 28px;
	}

	.proXqAright p {
		font-size: 14px;
		-webkit-line-clamp: inherit;
	}

	.proXqAright div a {
		font-size: 14px;
		width: 130px;
		height: 43px;
		line-height: 43px;
	}
}

@media only screen and (max-width: 1024px) {
	.productMid .preview .swiper-slide .proxiDob {
		background-image: none !important;
		text-align: center;
		padding: 5% 8%;
	}

	.proswiperText h3 {
		font-size: 20px;
	}

	.proswiperText .pubMore {
		width: 120px;
		padding-left: 8%;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-size: 20%;
		background-position: 75% center;
	}

	.proswiperText .pubMore:hover {
		background-size: 20%;
		background-position: 80% center;
	}

	.productList ul li .protext h3 {
		font-size: 18px;
	}

	.productList ul li .protext p {
		font-size: 14px;
	}

	.proXqAleft {
		width: 100%;
	}

	.proXqAright {
		width: 100%;
		padding-left: 0;
		margin-top: 5%;
	}

	.proXqAright div {
		margin-top: 5%;
	}

	.proXqAright h3 {
		font-size: 18px;
	}

	.cpgeText table {
		width: 100%;
	}

	.proxqTit {
		font-size: 20px;
	}
}

@media only screen and (max-width: 750px) {
	.productMid .preview .swiper-slide .proxiDob p b {
		display: none;
	}

	.productMid .preview .swiper-slide .proxiDob p span {
		font-size: 16px;
	}

	.productMid .preview .swiper-slide.active-nav .proxiDob:before {
		width: 16px;
		height: 8px;
		bottom: -8px;
		margin-left: -8px;
	}

	.productMid .proswiper {
		position: static;
	}

	.proswiperText {
		width: 100%;
		margin-left: 0;
		padding-left: 0%;
		padding-right: 0%;
		padding: 5%;
	}

	.proswiperImg {
		width: 100%;
		position: static;
	}

	.productMid .proswiper {
		padding-bottom: 15%;
	}

	.productMid .swiper-pagination {
		padding-left: 0;
		text-align: center;
	}

	.productList ul li {
		width: 46.8%;
		margin-right: 2%;
	}

	.productList ul li .protext {
		padding: 5%;
	}

	.productList ul li .protext h3 {
		font-size: 16px;
	}
}

/* 关于我们 */
.abfwNav a {
	margin-left: 3.8%;
}

.aboutBoxA {
	width: 100%;
	padding: 5% 0;
	padding-bottom: 9%;
	/* background: url(../images/about/dian.jpg) repeat; */
}

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

.aboutTit h3 {
	font-size: 40px;
	color: #292929;
}

.aboutTit p {
	font-size: 26px;
	color: #999999;
	position: relative;
	padding-bottom: 1.5%;
	margin-top: 1%;
}

.aboutTit p:before {
	content: "";
	width: 43px;
	height: 4px;
	display: block;
	background: #e50214;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -21px;
}

.aboutBoxAtext {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 2em;
	padding-top: 3%;
}

.aboutBoxB {
	width: 100%;
	padding: 6% 0;
	background: #f5f5f5;
}

.qiwhLi {
	width: 100%;
}

.qiwhLi ul {
	width: 52%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	margin-top: 4%;
}

.qiwhLi ul li {
	position: relative;
	padding-left: 110px;
}

.qiwhLi ul li img {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -40px;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}

.qiwhLi ul li span {
	display: block;
	font-size: 18px;
	color: #333333;
	line-height: 40px;
}

.qiwhLi ul li p {
	font-size: 24px;
	color: #248CF6;
	line-height: 40px;
}

.qiwhLi ul li:hover img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}

.aboutBoxAvideo {
	width: 100%;
	padding-top: 43.8%;
	position: relative;
	margin-top: 4%;
}

.aboutBoxAvideo  iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.aboutBoxAvideo  iframe .ykplayer-poster-logo{
	background-image: url('../images/about/videoq.png') !important;
}
.timeLine {
	padding: 4% 0;
}

.timeLine ul {
	width: 100%;
	margin-top: 4%;
	position: relative;
}

.timeLine ul:before {
	content: "";
	width: 2px;
	height: 100%;
	background: #d1d6df;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;

}

.timeLine ul li {
	width: 100%;
	padding-left: 50%;
}

.timeLine ul li div {
	padding-left: 4%;
	/* border-left: #d1d6df 2px solid; */
	position: relative;
}

.timeLine ul li div:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #248cf6;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: -4px;
	top: 50%;
	margin-top: -12px;
	z-index: 10;
}

.timeLine ul li div:after {
	content: "";
	width: 10px;
	height: 22px;
	display: block;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: -5px;
	z-index: 5;
}

.timeLine ul li h3 {
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}

.timeLine ul li p {
	font-size: 18px;
	color: #666666;
	margin-top: 2%;
	padding-bottom: 4%;
}

.timeLine ul li:nth-child(even) {
	padding-left: 0;
	padding-right: 50%;
	text-align: right;
}

.timeLine ul li:nth-child(even) div {
	padding-left: 0;
	border-left: none;
	padding-right: 4%;
	/* border-right: #d1d6df 2px solid; */
}

.timeLine ul li:nth-child(even) div:before {
	left: auto;
	right: -2px;
}

.timeLine ul li:nth-child(even) div:after {
	left: auto;
	right: -5px;
}

.honor {
	width: 100%;
	padding: 4% 0;
	border-top: #f5f5f5 10px solid;
	position: relative;
}

.honorList {
	width: 65%;
	margin: 0 auto;
	position: relative;
}

.honorList .swiper-container {
	width: 100%;
	padding-top: 4%;
}

.honorList .swiper-slide {
	background-position: center;
	background-size: cover;
}

.honorLista {
	width: 100%;
}

.honorLista ul {
	width: 100%;
	font-size: 0;
}

.honorLista ul li {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 8%;
}

.honorLista ul li p {
	width: 100%;
	padding-top: 66.34%;
	position: relative;
}

.honorLista ul li p img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.honorList .swiper-button-next.swiper-button-white,
.honorList .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-color: rgba(0, 0, 0, .2);
	right: -5%;
}

.honorList .swiper-button-prev.swiper-button-white,
.honorList .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-color: rgba(0, 0, 0, .2);
	left: -5%;
}

.honorList .swiper-button-next,
.honorList .swiper-button-prev {
	width: 27px;
	height: 75px;
	background-size: 50%;
}

.joinus {
	width: 100%;
	background: #f7f7f7;
	padding: 4% 0;
	text-align: center;
}

.joinUslist {
	width: 100%;
}

.joinUslist ul {
	width: 85%;
	font-size: 0;
	margin: 0 auto;
	margin-top: 4%;
}

.joinUslist ul li {
	width: 30.3333%;
	margin: 0 1.5%;
	background: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3%;
}

.joinUslist ul li a {
	display: block;
	width: 100%;
	padding: 15% 3%;
	padding-bottom: 13%;
}

.joinUslist ul li h3 {
	font-size: 24px;
	color: #333333;
	line-height: 30px;
}

.joinUslist ul li p {
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #FFFFFF;
	background: #248CF6;
	border-radius: 7px;
	margin: 0 auto;
	margin-top: 8%;
}

.companyList {
	width: 100%;
	padding: 4% 0;
}

.companyListswiper {
	position: relative;
}

.companyListswiper .swiper-container {
	width: 90%;
	padding-top: 4%;
}

.companyListswiper .swiper-button-next.swiper-button-white,
.companyListswiper .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-color: rgba(0, 0, 0, .2);
	right: 0;
}

.companyListswiper .swiper-button-prev.swiper-button-white,
.companyListswiper .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-color: rgba(0, 0, 0, .2);
	left: 0;
}

.companyListswiper .swiper-button-next,
.companyListswiper .swiper-button-prev {
	width: 27px;
	height: 75px;
	background-size: 50%;
}

.comImg {
	width: 100%;
}

.comImg p {
	width: 100%;
	padding-top: 64.57%;
	position: relative;
}

.comImg p img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.comImg span {
	display: block;
	width: 100%;
	font-size: 18px;
	color: #292929;
	text-align: center;
	padding-top: 8%;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.joinseach {
	width: 90%;
	font-size: 0;
	padding: 4% 0;
	margin: 0 auto;
}

.joinselect {
	width: 14%;
	font-size: 14px;
	margin-right: 3.4%;
	display: inline-block;
	vertical-align: middle;
}

.joinselect select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	padding: 0 10%;
	outline: none;
	font-size: 16px;
	font-weight: 500;
	color: #999999;
	border: 1px solid #EBEBEC;
	appearance: none; /* 去掉默认图标 */
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari and Chrome */
}

.joinseacha {
	width: 46.5%;
	height: 50px;
	border: 1px solid #EBEBEC;
	border-radius: 25px;
	margin-left: 1.2%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	position: relative;
}

.joinseacha input {
	border: 0;
	outline: none;
	background: none;
	display: block;
	font-size: 16px;
	color: #999999;
}

.joinseacha .jointext {
	width: 100%;
	height: 50px;
	padding: 0 5%;
	padding-right: 120px;
}

.joinseacha .submit {
	width: 113px;
	height: 50px;
	border-radius: 25px;
	background: #248cf6;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}

.joinTable {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 5%;
}

.joinTable table {
	width: 100%;
	text-align: center;
}

.joinTable table tr {
	border-bottom: #f1f1f1 1px solid;
}

.joinTable table tr th {
	padding: 1.5% 0;
	background: #f5f5f5;
	font-size: 18px;
	color: #333333;
}

.joinTable table tr td {
	padding: 1.5% 0;
	font-size: 16px;
	color: #333333;
	line-height: 1.8em;
}

.joinTable table tr td a {
	color: #248CF6;
}

.joinXq {
	width: 100%;
	padding: 4% 0;
	padding-bottom: 10%;
}

.joinXqA {
	width: 100%;
}

.joinXqA h2 {
	font-size: 40px;
	color: #333333;
	font-weight: normal;
}

.joinXqA h3 {
	font-size: 24px;
	color: #248CF6;
	font-weight: normal;
	margin-top: 3.5%;
}

.joinXqA p {
	font-size: 18px;
	color: #999999;
	margin-top: 2.5%;
}

.joinXqB {
	width: 100%;
	margin-top: 3%;
	font-size: 0;
}

.joinXqB div {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-right:5%;
}

.joinXqB div:first-child {
	/*width: 40%;
	margin-right:0;*/
}

.joinXqB div h3 {
	font-size: 24px;
	color: #292929;
	font-weight: normal;
}

.joinXqB div p {
	margin-top: 2%;
	font-size: 16px;
	color: #666666;
	line-height: 2em;
}

.joinXqC {
	width: 100%;
	font-size: 0;
	margin-top: 5%;
}

.joinXqC p {
	width: 128px;
	height: 44px;
	border: 1px solid #248CF6;
	border-radius: 6px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.joinXqC input {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 6;
	opacity: 0;
	cursor: pointer;
}

.joinXqC i {
	font-style: normal;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	font-size: 18px;
	color: #248CF6;
	line-height: 44px;
	text-align: center;
}

.joinXqC span {
	font-size: 16px;
	color: #999999;
	display: inline-block;
	vertical-align: middle;
	padding-left: 5%;
}
.news_list{
	padding: 4% 0;
	padding-bottom: 6%;
}
.news_list .clear1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 100%;
}
.newLists{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.news_list .newLists .newList {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding-left: 1.302vw;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 2.3% 1.302vw;
}

.news_list .newLists div.clear1:nth-child(1) .newList {
	border-top: 1px solid rgb(216, 220, 221);
}

.news_list .newLists .newList i {
	float: left;
	line-height: 29px;
	font-style: normal;
	color: #999;
	font-size: 18px;
}
.news_list .newLists .newList>p{
	position: absolute;
	left: 1.302vw;
	overflow: hidden;
}
.news_list .newLists .newList span {
	float: left;
	margin: 0 20px;
	cursor: pointer;
	display: block;
	font-size: 18px;
	color: #fff;
	background: #272727;
	width: 122px;
	height: 35px;
	border-radius: 20px;
	line-height: 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	text-align: center;
}

.news_list .newLists .newList div {
	width: 100%;
	padding-left: 115px;
	text-align: left;
}

.news_list .newLists .newList div b {
	display: block;
	color: #1e1e1e;
	font-size: 22px;
	margin-bottom: 0.1vh;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news_list .newLists .newList div p {
	color: #666;
	font-size: 16px;
	text-align: justify;
	line-height: 3vh;
	margin-top: 1%;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	/*将对象作为弹性伸缩盒子模型显示*/
	-webkit-line-clamp: 2;
	/*限制显示的文本行数*/
	-webkit-box-orient: vertical;
}

.news_list .newLists .newList:hover>i,
.news_list .newLists .newList:hover>div b {
	color: #0052ef
}

.news_list .newLists .newList:hover span {
	background: linear-gradient(-30deg, rgba(45, 105, 218, 1), rgba(68, 130, 248, 1));
	;
	color: #fff
}

.news_list .newLists .newList:last-child {
	border-bottom: 1px solid rgb(216, 220, 221)
}

.news_list .more {
	color: #0052ef;
	border-color: #0052ef;
	margin: 5.5vh auto 0;
}

.news_list .more span {
	color: #0052ef
}

.swiper-slide-active .news_list .topTitle {
	-webkit-animation: rubberBand 2s ease-out 0s forwards;
	-moz-animation: rubberBand 2s ease-in-out 0s forwards;
	animation: rubberBand 2s ease-out 0s forwards;
}

.swiper-slide-active .news_list .newLists .clear1 {
	-webkit-animation: fadeIn 2s ease-in-out 0s forwards;
	-moz-animation: fadeIn 2s ease-in-out 0s forwards;
	animation: fadeIn 2s ease-in-out 0s forwards;
}
.abbg{
	width: 100%;
	background: url(../images/service/xqbg.jpg) top center no-repeat;
	background-size: 100%;
}
.newsXq{
	width: 100%;
	text-align: center;
	padding-top: 4%;
}
.newsXq h3{
	font-size:32px;
	color:#292929;
}
.newsXq p{
	font-size:14px;
	font-weight:500;
	color:#999999;
	margin-top: 2%;
}
.newsText{
	width: 100%;
	padding-top: 4%;
	padding-bottom: 10%;
	font-size: 16px;
}
.newsText img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	height: auto;
}
.conMap{
	width: 100%;
	height: 600px;
	position: relative;
}
#map{
	width: 100%;
	height: 100%;
	font-size: 14px;
	position: relative;
	z-index: 12;
}
.mapList{
	position: absolute;
	z-index: 15;
	background: #fff;
	top: 4%;
	left: 2%;
	padding: 2%;
	padding-right: 4%;
	max-width: 50%;
}
.mapList h3{
	font-size:24px;
	color:#333333;
	font-weight: normal;
}
.mapList ul{
	width: 100%;
	margin-top: 5%;
}
.mapList ul li{
	width: 100%;
	position: relative;
	min-height: 23px;
	margin-bottom: 3%;
}
.mapList ul li img{
	display: block;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
}
.mapList ul li p{
	width: 100%;
	padding-left: 34px;
	font-size:16px;
	color:#666666;
	line-height: 23px;
}
.yjbutton{
	width: 180px;
    height: 50px;
    display: block;
    background: #248CF6;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    text-align: center;
    line-height: 50px;
    margin-top: 6%;
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
	
}
.yjbutton a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.yjbutton:hover{
	background-position: 95px center;
    box-shadow: 0 0 15px rgba(0, 80, 239, 0.3);
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
@media only screen and (max-width: 1600px) {
	.qiwhLi ul li p {
		font-size: 20px;
	}
	.productList ul li .protext{
		font-size:22px;
	}
	.productList ul li a p.in{
		font-size:28px;
	}
}

@media only screen and (max-width: 1500px) {
	.aboutTit h3 {
		font-size: 30px;
	}
	.productList ul li .protext{
		font-size:20px;
	}
	.aboutTit p {
		font-size: 20px;
	}
	.productList ul li a p.in{
		font-size:25px;
	}
	.qiwhLi ul {
		width: 70%;
	}

	.joinUslist ul li h3 {
		font-size: 20px;
	}

	.joinUslist ul li p {
		width: 140px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.news_list .newLists .newList div b{
		font-size: 20px;
	}
	.mapList h3{
		font-size: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.abfwNav.jsfwNav {
		display: block;
		font-size: 0;
	}

	.abfwNav a {
		width: 33.3333%;
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
	}

	.neiNavtwo {
		height: 130px;
	}

	.aboutTit h3 {
		font-size: 20px;
	}

	.aboutTit p {
		font-size: 16px;
	}

	.qiwhLi ul {
		width: 80%;
	}

	.qiwhLi ul li p {
		font-size: 18px;
	}

	.qiwhLi ul li img {
		width: 60px;
		height: 60px;
		margin-top: -30px;
	}

	.qiwhLi ul li {
		padding-left: 80px;
	}

	.qiwhLi ul {
		width: 90%;
	}

	.timeLine ul li h3 {
		font-size: 18px;
	}

	.timeLine ul li p {
		font-size: 14px;
	}

	.timeLine ul li:nth-child(even) {
		padding-right: 49.9%;
	}

	.timeLine {
		padding: 4% 3%;
	}

	.joinUslist ul li h3 {
		font-size: 18px;
	}

	.joinUslist ul li p {
		font-size: 14px;
	}

	.joinUslist ul {
		width: 90%;
	}

	.comImg span {
		font-size: 14px;
	}

	.joinTable,
	.joinseach {
		width: 100%;
	}

	.joinXqA h2 {
		font-size: 30px;
	}

	.joinXqA h3,
	.joinXqB div h3 {
		font-size: 18px;
	}

	.joinXqA p {
		font-size: 16px;
	}

	.joinXqB div p {
		font-size: 14px;
	}

	.joinXqB div,
	.joinXqB div:first-child {
		width: 100%;
		margin-bottom: 5%;
	}

	.joinXqC span {
		width: 100%;
		padding-left: 0;
		padding-top: 5%;
	}
	.news_list .newLists .newList>p{
		width: 100%;
		position: static;
	}
	.news_list .newLists .newList div{
		width: 100%;
		padding-left: 0;
		margin: 2% 0;
	}
	.news_list .newLists .newList i{
		font-size: 16px;
	}
	.news_list .newLists .newList span{
		font-size: 16px;
		width: 120px;
	}
	.news_list .newLists .newList div b{
		font-size: 16px;
-webkit-line-clamp: inherit;
	}
	.news_list .newLists .newList div p{
		font-size: 14px;
		-webkit-line-clamp: inherit;
	}
	.newLists{
		width: 94%;
	}
	.newsXq h3{
		font-size: 20px;
	}
	.newsXq p{
		font-size: 16px;
	}
	.newsText{
		font-size: 14px;
	}
	.mapList{
		position: static;
		max-width: 100%;
	}
	.conMap{
		height: auto;
	}
	#map{
		height: 400px;
	}
	.yjbutton{
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		margin-bottom: 3%;
	}
}

@media only screen and (max-width: 750px) {
	.aboutBoxB {
		padding-bottom: 8%;
	}

	.qiwhLi ul {
		display: block;
		margin-top: 0;
	}

	.qiwhLi ul li {
		width: 100%;
		margin-top: 3%;
		padding-left: 50px;
	}

	.qiwhLi ul {
		width: 94%;
	}

	.qiwhLi ul li p {
		font-size: 16px;
		line-height: 1em;
	}

	.qiwhLi ul li span {
		font-size: 14px;
	}

	.qiwhLi ul li img {
		width: 40px;
		height: 40px;
		margin-top: -15px;
	}

	.honorList {
		width: 90%;
	}

	.honorList .swiper-button-next,
	.honorList .swiper-button-prev {
		display: none;
	}

	.joinUslist ul li {
		width: 100%;
		margin: 0;
		margin-bottom: 5%;
	}

	.joinUslist ul li a {
		padding: 7% 3%;
	}

	.companyListswiper .swiper-button-next,
	.companyListswiper .swiper-button-prev {
		display: none;
	}

	.companyListswiper .swiper-container {
		width: 100%;
	}

	.joinselect {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}

	.joinseacha {
		width: 100%;
		margin-left: 0;
	}

	.joinseacha .submit {
		font-size: 16px;
	}

	.joinseacha input {
		font-size: 14px;
	}

	.joinTable table tr th {
		font-size: 12px;
	}

	.joinTable table tr th:first-child {
		width: 100px;
	}

	.joinTable table tr th:last-child {
		width: 60px;
	}

	.joinTable table tr td {
		font-size: 12px;
	}
	.proTitle{
		font-size: 23px;
		height: 50px;
		font-size:21px;
		padding-top: 0;
    	margin-top: 20px;
	}
	.proTitle p{
		*: ;
	    display: inline-block;
	    *: ;
	    zoom: 1;
	    width: auto;
	    padding:0 10px;
		height: 50px;
		line-height: 54px;
		text-align: center;
	}
	.productList ul li{
		margin-bottom:1.6em;
	}
}

/* 20191216 */
.layui-yujselect select{
	width: 100%;
	position: relative;
	-webkit-appearance: menulist;
}
@media only screen and (max-width:1024px){
	.proswiperText p{
		height:auto;
		-webkit-line-clamp: inherit;
	}
}
/* .layui-yujselect select:before{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed;
	border-color: transparent;
	overflow: hidden;
	right: 10px;
	top: 15px;
	margin-top: -3px;
	cursor: pointer;
	border-width: 6px;
	border-top-color: #c2c2c2;
	border-top-style: solid;
} */