.ibanner{
	padding-top:110px;
	position:relative;
}
.ibanner span{
	position:absolute;
	width:100%;
	height:80px;
	font-size:80px;
	text-align:center;
	line-height:80px;
	color:#fff;
	font-weight:bold;
	top:50%;
	margin-top:15px;
	left:0;
	text-shadow:0px 0px 10px rgba(0,0,0,.15);
	letter-spacing:15px;
}
@media (max-width:1440px) {
	.ibanner{
		padding-top:90px;
	}
	.ibanner span{
		height:60px;
		font-size:60px;
		line-height:60px;
		letter-spacing:10px;
	}
}
@media (max-width:1440px) {
	.ibanner{
		padding-top:40px;
	}
	.ibanner span{
		height:20px;
		font-size:20px;
		line-height:20px;
		letter-spacing:2px;
		margin-top:10px;
	}
}
.lanmu{
	height: 60px;
	position:relative;
	z-index:7;
	box-shadow: 0 2px 1px 1px #f6f7f6;
}
.lanmu .container{
	display:flex;
	justify-content:space-between;
	position:relative;
}
.pdscroll{
	width:70%;
	height:60px;
	display:flex;
}
.pdscroll section{
	width:70%;
}
.pdscroll .swiper{
	height:75x;
	padding-top:15px;
	margin-top:-15px;
}
.pdscroll .swiper .swiper-pagination{
	width:calc(100% - 8px);
	left:4px;
	background:rgba(255,255,255,.8);
	top:5px;
	height:10px;
	box-shadow:0px -2px 2px rgba(0,0,0,.3);
}
.pdscroll .swiper .swiper-pagination span{
	background:#2d8ad8;
	height:10px;
}
.pdscroll .swiper-slide{
	display:flex;
	width:auto;
}
.pdscroll .swiper-slide a{
	color:#555555;
	line-height:60px;
	font-size:16px;
	white-space:nowrap;
	position:relative;
}
.pdscroll .swiper-slide a.on,.pdscroll .swiper-slide a:hover{
	color:#0061ae;
}
.lanmu ul{
	display:flex;
	max-width:70%;
	height:60px;
}
.lanmu li{
	padding-right:40px;
}
.lanmu li a{
	display:block;
	color:#555555;
	line-height:60px;
	font-size:16px;
	white-space:nowrap;
	position:relative;
}
.lanmu li.on a,.lanmu li a:hover{
	color:#0061ae;
}
.lanmu li a:after{
	content:"";
	position:absolute;
	width:0;
	bottom:0;
	left:50%;
	height:3px;
	background:#0061ae;
	transition:.3s;
}
.lanmu li.on a:after,.lanmu li a:hover:after{
	left:0;
	width:100%;
}
.lanmu .pdmore{
	background-image: linear-gradient(to bottom,#0061ae,#7db3e8);
	color:#fff;
	height:60px;
	font-size:14px;
	padding:0px 20px;
	display:flex;
	align-items:center;
	cursor:pointer;
	margin-right:30px;
	white-space:nowrap;
}
.lanmu .pdmore:hover{
	background-image: linear-gradient(to top,#0061ae,#7db3e8);
}
.lanmu .pdmore i{
	margin:0px 10px 1px 0px;
}
.lanmu .mbmore{
	display:none;
	background-image: linear-gradient(to bottom,#0061ae,#7db3e8);
	color:#fff;
	height:40px;
	font-size:12px;
	padding:0px 10px;
	line-height:40px;
	cursor:pointer;
	margin-right:10px;
}
.lanmu .mbmore i{
	margin:0px 10px 1px 0px;
}
.weizhi{
	line-height:60px;
	color:#333;
	font-size:14px;
	height:60px;
	overflow:hidden;
}
.weizhi i{
	margin-right:10px;
}
.weizhi a{
	color:#333;
}
.weizhi a:hover{
	color:#0061ae;
}
@media (max-width:1440px) {
	.lanmu li{
		padding-right:30px;
	}
}
@media (max-width:992px) {
	.lanmu{
		height: 40px;
		box-shadow: 0 1px 1px 1px #f6f7f6;
	}
	.lanmu .container{
		padding:0px 15px 0px 0px;
	}
	.pdscroll{
		display:none;
	}
	.lanmu .mbmore{
		display:block;
	}
	.lanmu .mbmore i{
		font-size:12px;
		margin:0px 5px 0px 0px;
	}
	.lanmu ul{
		position:absolute;
		width:100%;
		max-width:100%;
		top:100%;
		left:0;
		z-index:6;
		background:#fff;
		box-shadow:0px 3px 3px rgba(0,0,0,.1);
		height:auto;
		display:none;
		padding:15px;
	}
	.lanmu ul:after{
		content:"";
		display:block;
		clear:both;
	}
	.lanmu li{
		float:left;
		width:49%;
		margin-right:2%;
		padding-right:0;
		margin-bottom:5px;
	}
	.lanmu li:nth-child(even){
		margin-right:0;
	}
	.lanmu li a{
		border:1px solid #ddd;
		line-height:28px;
		text-align:center;
		font-size:14px;
		padding:5px 0px;
	}
	.lanmu li a:after{
		display:none;
	}
	.lanmu li.on a{
		border:1px solid #0061ae;
		color:#fff;
		background:#0061ae;
	}
	.weizhi{
		line-height:40px;
		font-size:12px;
		height:40px;
	}
	.weizhi i{
		margin-right:5px;
	}
}
.ipage{
	padding:80px 0px 100px;
}
.ititle{
	font-size:40px;
	color:#000;
	line-height:60px;
	font-weight:600;
}
.iabout{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:10px 0px 0px;
}
.iabout .iabtext{
	width:45%;
	padding:3% 0px 0px;
}
.iabout .iabtext>h1{
	font-size:24px;
	line-height:40px;
	color:#000;
	margin:0px 0px 4%;
	text-indent:0;
	font-weight:300;
}
.iabout .iabtext section{
	font-size:16px;
	line-height:40px;
	color:#333;
	text-indent:30px;
}
.iabout .iabimg{
	width:48%;
}
.iabimg .swiper-button{
	width:50px;
	height:50px;
	background:url(../images/pdjtrw.png) center no-repeat;
	background-size:100% 100%;
}
.iabimg .swiper-button:after{
	display:none;
}
.iabimg .swiper-button-prev{
	transform:rotateZ(180deg);
}
@media (max-width:992px) {
	.ipage{
		padding:20px 0px;
	}
	.ititle{
		font-size:20px;
		line-height:30px;
		font-weight:500;
	}
	.iabout{
		padding:0px 0px 0px;
	}
	.iabout .iabtext{
		width:100%;
		padding:0 0px 0px;
	}
	.iabout .iabtext>h1{
		font-size:16px;
		line-height:20px;
		margin:10px 0px;
	}
	.iabout .iabtext section{
		font-size:14px;
		line-height:24px;
		text-indent: 15px;
	}
	.iabout .iabimg{
		width:100%;
		margin:15px 0px 0px;
	}
	.iabimg .swiper-button{
		width:50px;
		height:50px;
		background:url(../images/pdjtrw.png) center no-repeat;
		background-size:100% 100%;
	}
	.iabimg .swiper-button:after{
		display:none;
	}
	.iabimg .swiper-button-prev{
		transform:rotateZ(180deg);
	}
}
.icture{
	text-align:center;
	font-size:18px;
	line-height:36px;
	margin:30px 0px 0px;
}
.ihonor{
	padding: 40px 0px 0px;
}
.ihonor ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px 40px;
}
.ihonor ul li{
	width: 25%;
	padding:0px 10px;
	margin-bottom:10px;
}
.ihonor li a{
	display:block;
	border:3px solid rgba(0,0,0,.15);
}
.pagemore{
	display: flex;
	justify-content: center;
}
.pagemore span{
	color: #0061ae;
	border: 2px solid #0061ae;
	width: 40%;
	text-align: center;
	line-height: 40px;
	height: 44px;
	text-transform: uppercase;
	font-size: 16px;
}
.pagelist{
	display: flex;
	justify-content: center;
}
.pagelist a{
	border: 1px solid #ddd;
	line-height: 30px;
	width: 30px;
	text-align: center;
	color: #666;
	font-size: 14px;
	margin: 0px 2px;
	transition: .3s;
}
.pagelist a.fun{
	font-size: 12px;
}
.pagelist a.page-num-current,.pagelist a:hover{
	border: 1px solid #0061ae;
	color: #fff;
	background-color: #0061ae;
}
@media (max-width:992px) {
	.icture{
		font-size:14px;
		line-height:26px;
		margin:10px 0px 0px;
	}
	.ihonor{
		padding: 15px 0px 0px;
	}
	.ihonor ul{
		margin: 0px -5px 10px;
	}
	.ihonor ul li{
		width: 50%;
		padding:0px 5px;
		margin-bottom:10px;
	}
	.ihonor li a{
		border:2px solid rgba(0,0,0,.15);
	}
}
.iproduct{
	display:flex;
	justify-content:space-between;
	padding:80px 0px 100px;
}
.ipdclass{
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	z-index:7;
	background:#fff;
	box-shadow:0px 5px 5px rgba(0,0,0,.1);
	padding:20px 15px 10px;
	border-top:3px solid #0061ae;
	display:block;
}
.ipdclass dl{
	display:flex;
	flex-wrap:wrap;
}
.ipdclass dd{
	width:16.666666666666%;
	padding:0px 5px;
	margin-bottom:10px;
}
.ipdclass dd a{
	display:block;
	border:1px solid #ddd;
	line-height:40px;
	text-align:center;
	color:#333;
	transition:.3s;
	font-size:14px;
}
.ipdclass dd a:hover,.ipdclass dd.on a{
	color:#fff;
	border:1px solid #fff;
	background:#0061ae;
}
@media (max-width:992px) {
	.ipdclass{
		box-shadow:0px 3px 3px rgba(0,0,0,.1);
		padding:15px 11px;
		border-top:0px solid #0061ae;
		display:none;
	}
	.ipdclass dd{
		width:50%;
		padding:0px 4px;
		margin-bottom:6px;
	}
	.ipdclass dd a{
		line-height:36px;
		font-size:13px;
	}
	.ipdclass dd a:hover,.ipdclass dd.on a{
		color:#fff;
		border:1px solid #fff;
		background:#0061ae;
	}
}
.ipdlist{
	padding:60px 0px 100px;
}
.ipdlist ul{
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;
	padding-bottom:15px;
}
.ipdlist li{
	width:25%;
	padding:0px 15px;
	margin-bottom:20px;
}
.ipdlist li i{
	display:block;
	border-radius:15px;
	background:#fff;
	overflow:hidden;
	box-shadow:0px 0px 1px rgba(0,0,0,.4);
	transition:.3s;
}
.ipdlist li section{
	display:flex;
	align-items:center;
	color:#000;
	padding: 15px 10px 10px;
	font-size:16px;
	line-height:40px;
	justify-content:space-between;
}
.ipdlist li section p{
	font-size:22px;
}
.ipdlist a:hover i{
	box-shadow:0px 0px 15px rgba(0,0,0,.15);
}
.ipdlist a:hover section{
	color:#0061ae;
}
@media (max-width:992px) {
	.ipdlist{
		padding:20px 0px;
	}
	.ipdlist ul{
		margin-right:-5px;
		margin-left:-5px;
		padding-bottom:10px;
	}
	.ipdlist li{
		width:50%;
		padding:0px 5px;
		margin-bottom:10px;
	}
	.ipdlist li i{
		border-radius:5px;
	}
	.ipdlist li section{
		padding: 5px;
		font-size:14px;
		line-height:30px;
	}
	.ipdlist li section p{
		font-size:18px;
	}
	.ipdlist a:hover i{
		box-shadow:0px 0px 5px rgba(0,0,0,.15);
	}
}
.ipdmima{
	padding:150px 0px 200px;
}
.ipdmima p{
	text-align:center;
	font-size:24px;
	line-height:50px;
}
.ipdmima p a{
	text-decoration:underline;
}
.ipdmima form{
	width:666px;
	margin:30px auto 0px;
	display:flex;
}
.ipdmima form input{
	width:80%;
	border:1px solid #ddd;
	border-radius:10px 0px 0px 10px;
	line-height:20px;
	font-size:16px;
	padding:15px;
	height:52px;
	border-right:0;
	transition:.3s;
}
.ipdmima form input.on{
	box-shadow:inset 0px 0px 5px rgba(0,0,0,.09);
}
.ipdmima form button{
	width:20%;
	color:#fff;
	border:0;
	background:#0061ae;
	border-radius:0px 10px 10px 0px;
	font-size:16px;
	transition:.3s;
}
.ipdmima form button:hover{
	background:#e62129;
}
@media (max-width:992px) {
	.ipdmima{
		padding:50px 0px;
	}
	.ipdmima p{
		font-size:18px;
		line-height:30px;
	}
	.ipdmima form{
		width:100%;
		margin:20px auto 0px;
		display:flex;
	}
	.ipdmima form input{
		width:75%;
		border-radius:5px 0px 0px 5px;
		line-height:20px;
		font-size:14px;
		padding:10px;
		height:42px;
	}
	.ipdmima form button{
		width:25%;
		border-radius:0px 5px 5px 0px;
		font-size:14px;
	}
}
.iproductd{
	padding:80px 0px 100px;
}
.ipdlistd{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.ipdlistd .ipdimg{
	width:50%;
}
.ipdlistd .ipdmemo{
	width:47%;
}
.ipdimg dl{
	justify-content:space-between;
	display:flex;
	align-items:flex-start;
}
.ipdimg dd{
	width:23.55%;
	margin-top:-5px;
	margin-bottom:-5px;
}
.ipdimg dt{
	border:1px solid rgba(0,0,0,.1);
	width:74%;
}
.ipdimg dd span{
	display:block;
	height:33.333333%;
	padding:5px 0px;
}
.ipdimg dd i{
	display:block;
	border:1px solid rgba(0,0,0,.1);
	transition:.3s;
}
.ipdimg dd i img{
	opacity:.5;
}
.ipdimg dd span.on i{
	border:1px solid #0061ae;
}
.ipdimg dd span.on i img{
	opacity:1;
}
.ipdmemo h2{
	font-size:20px;
	line-height:30px;
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:0px 0px 15px;
}
.ipdmemo section{
	padding:25px 0px 0px;
}
.ipdmemo section table{
	width:100%;
}
.ipdmemo section table td:first-child{
	width:80px;
	font-weight:500;
	color:#000;
}
.ipdmemo section table td{
	line-height:20px;
	padding:10px 0px 10px 5px;
	border-bottom:1px #ddd dashed;
	color:#666;
	font-size:14px;
}
.ipdmemo li{
	display:flex;
	align-items:center;
	padding:20px 0px;
	border-bottom:1px dotted rgba(0,0,0,.1);
}
.ipdmemo li p{
	font-size:16px;
	color:#023e24;
	line-height:24px;
	width:80px;
}
.ipdmemo li p:after{
	content:"";
}
.ipdmemo li span{
	width:calc(100% - 80px);
	line-height:24px;
	color:#666;
	font-size:16px;
}
.ipdlistd .ipdimg .swiper{
	position:absolute;
	opacity:0;
	transform:scale(0);
}
.text-secondary{
	width:100%;
	margin:40px 0px 0px;
	display:flex;
	justify-content:space-between;
	border-top:1px solid rgba(0,0,0,.1);
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:20px 0px;
}
.text-secondary p{
	max-width:50%;
}
.logout{
	position:fixed;
	right:1%;
	top:50%;
	z-index:8;
	box-shadow:0px 0px 10px rgba(255,255,255,1);
}
.logout a{
	width:50px;
	color:#fff;
	background:#0061ae;
	display:block;
	text-align:center;
	font-size:14px;
	padding:15px 0px;
	line-height:20px;
	transition:.3s;
}
.logout a:hover{
	background:#e62129;
}
@media (max-width:992px) {
	.iproductd{
		padding:15px 0px 20px;
	}
	.ipdlistd{
		flex-wrap:wrap;
	}
	.ipdlistd .ipdimg{
		width:100%;
	}
	.ipdlistd .ipdmemo{
		width:100%;
	}
	.ipdimg dl{
		display:none;
	}
	.ipdlistd .ipdimg .swiper{
		position:relative;
		opacity:1;
		transform:scale(1);
		border:1px solid rgba(0,0,0,.1);
	}
	.ipdimg .swiper .swiper-button:after{
		color:#999;
		font-size:30px;
	}
	.ipdmemo h2{
		font-size:16px;
		line-height:30px;
		padding:10px 0px 6px;
	}
	.ipdmemo section{
		padding:10px 0px 0px;
	}
	.ipdmemo section table td{
		padding:5px 0px 5px 5px;
	}
	.ipdmemo section table tr:last-child td{
		border-bottom:0;
	}
	.ipdmemo li{
		padding:10px 0px;
	}
	.ipdmemo li p{
		font-size:14px;
		color:#023e24;
		line-height:20px;
		width:70px;
	}
	.ipdmemo li p:after{
		content:"";
	}
	.ipdmemo li span{
		width:calc(100% - 70px);
		line-height:20px;
		font-size:14px;
	}
	.text-secondary{
		margin:10px 0px 0px;
		padding:10px 0px;
	}
	.ipdlistd .ipdmemo section{
		padding:10px 0px 0px;
	}
	.logout{
		top:60%;
	}
	.logout a{
		width:40px;
		font-size:12px;
		padding:10px 0px;
		line-height:16px;
	}
}
.inews{
	padding:80px 0px 100px;
}
.inews ul{
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 40px;
	flex-wrap:wrap;
}
.inews ul li{
	width: 25%;
	padding: 0px 15px;
}
.inews ul li a img{
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.inews ul li a p{
	font-size: 16px;
	color: #999999;
	line-height: 24px;
	font-family: arial;
}
.inews ul li a h4{
	font-size: 18px;
	line-height: 28px;
	height: 56px;
	color: #000;
	overflow: hidden;
	margin: 10px 0px;
	transition: .3s;
}
.inews ul li a span{
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
	color: #333;
	display: block;
	margin: 15px 0px 0px;
	display: flex;
	align-items: center;
}
.inews ul li a span:after{
	content: "";
	width: 8px;
	height: 8px;
	border-right: 1px #333 solid;
	border-bottom: 1px #333 solid;
	transform: rotate(-45deg);
	margin-left: 10px;
}
.inews ul li a i{
	display: block;
	overflow: hidden;
	height:220px;
}
.inews ul li a i img{
	transition: 1s;
}
.inews ul li a:hover i img{
	transform: scale(1.2);
}
.inews ul li a:hover h4,.inews ul li a:hover span{
	color: #15499a;
}
.inews ul li a:hover span:after{
	border-color: #15499a;
}

@media (max-width:1440px) {
	.inews ul{
		margin-top: 30px;
		margin-right: -10px;
		margin-left: -10px;
		margin-bottom: 20px;
	}
	.inews ul li{
		width: 33.333333333%;
		padding: 0px 10px;
	}
	.inews ul li a p{
		font-size: 14px;
		line-height: 20px;
	}
	.inews ul li a h4{
		font-size: 16px;
		line-height: 24px;
		height: 48px;
	}
	.inews ul li a span{
		font-size: 13px;
		line-height: 26px;
		margin: 10px 0px 0px;
	}
	.inews ul li a span:after{
		width: 6px;
		height: 6px;
	}
}
@media (max-width:992px) {
	.weizhi.nw{
		padding-left:15px;
	}
	.inews{
		padding:15px 0px 20px;
	}
	.inews ul{
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	.inews ul li{
		width: 100%;
		padding: 0px 0px;
		margin-bottom:15px;
	}
	.inews ul li a p{
		font-size: 12px;
		line-height: 15px;
	}
	.inews ul li a h4{
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin:0 0 5px;
	}
	.inews ul li a span{
		font-size: 12px;
		line-height: 20px;
		margin: 5px 0px 0px;
	}
	.inews ul li a span:after{
		width: 6px;
		height: 6px;
	}
}
.inewsd{
	padding: 80px 0 100px;
}
.inewsd .intit{
	border-bottom:1px solid #ddd;
	text-align:center;
	padding:0px 0px 15px;
}
.inewsd .intit h1{
	font-size:24px;
	color:#000;
	line-height:36px;
}
.inewsd .intit h5{
	color:#333;
	font-size:14px;
	line-height:20px;
	margin:10px 0px 0px;
}
.inewsd section{
	line-height:34px;
	font-size:16px;
	margin:30px 0px;
	padding:0px 10px;
}
.inewsd section .nsimgbox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:10px 0px 0;
}
.inewsd section .nsimgbox img{
	width:49%;
	margin-bottom:10px;
}
@media (max-width:992px) {
	.inewsd{
		padding: 20px 0;
	}
	.inewsd .intit{
		padding-bottom:5px;
	}
	.inewsd .intit h1{
		font-size:16px;
		line-height:20px;
		padding:0px 0px 0px;
	}
	.inewsd .intit h5{
		font-size:12px;
		margin:5px 0px 0px;
	}
	.inewsd section{
		line-height:24px;
		font-size:13px;
		margin:0px 0px 0px;
		padding:15px 0px;
	}
	.inewsd .text-secondary{
		display:block;
	}
	.inewsd .text-secondary p{
		width:100%;
		max-width:100%;
		font-size:12px;
		display:flex;
	}
	.inewsd .text-secondary p:first-child{
		margin-bottom:5px;
	}
	.inewsd .text-secondary a{
		width:calc(100% - 50px);
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}
}
.icontact{
	display: flex;
	padding:60px 0px 80px;
}
.icontact .map{
	width: 60%;
}
.icontact .ictext{
	width:40%;
	color: #fff;
	padding: 30px;
	background: url(../images/ctbg.jpg) center bottom no-repeat;
	background-size:cover;
}
.icontact ul{
	background-color: rgba(0, 0, 0, .85);
	height: 100%;
	padding: 15px;
}
.icontact ul h2{
	font-size: 18px;
	line-height: 50px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.icontact li {
	font-size: 14px;
	line-height: 20px;
	padding: 15px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	display: flex;
	align-items: start;
	justify-content: space-between;
	position:relative;
}
.icontact li:first-child{
	border-top: 1px rgba(255, 255, 255, .3) solid;
}
.icontact li p{
	width: calc(100% - 25px);
}
.icontact li p img{
	width:100px;
	margin:10px 0px 0px 42px;
}
#container{
	width:100%;
	height:530px;
}
@media (max-width:992px) {
	.icontact{
		flex-wrap:wrap;
		padding:20px 0px;
	}
	.icontact .map{
		width: 100%;
		order:2;
	}
	.icontact .ictext{
		width:100%;
		padding: 15px;
	}
	.icontact ul{
		background-color: rgba(0, 0, 0, .85);
		height: 100%;
		padding: 15px;
	}
	.icontact ul h2{
		font-size: 16px;
		line-height: 30px;
	}
	.icontact li {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 10px;
	}
	#container{
		width:100%;
		height:350px;
	}
}
.imgboxx{
	display:flex;
	flex-wrap:wrap;
	margin-right:-10px;
	margin-left:-10px;
}
.imgboxx .img50{
	padding:0px 10px;
	width:50%;
}
.imgboxx .img30{
	padding:0px 10px;
	width:33.3333333%;
}
.imgboxx .img100{
	padding:0px 10px;
	width:100%;
}
.imgboxx .img25{
	padding:0px 10px;
	width:25%;
}
.imgboxx img{
	width:100%;
}
.imgboxx .img502{
	width:33%;
	padding:0px 10px;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
}
.imgboxx .img501{
	width:67%;
	padding:0px 10px;
}
.newtwork{
	position: relative;
	display: flex;
	justify-content:center;
	flex-wrap:wrap;
}
.newtwork .salemap{
	position: relative;
	max-width: 1220px;
}
.newtwork .salemap li{
	position: absolute;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
}
.newtwork .salemap li p{
	position: absolute;
	top: 21px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	color: #22ac39;
}
.newtwork .salemap li span{
	width: 16px;
	height: 16px;
	position: relative;
	display: block;
}
.newtwork .salemap li span::before{
	content: "";
	position: absolute;
	width: 287.5%;
	height: 287.5%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	background: url(../images/circleout.png) no-repeat center;
	background-size: contain;
	opacity: 0;
	-webkit-transition: all .6s cubic-bezier(.4,0,.2,1); 
	-moz-transition: all .6s cubic-bezier(.4,0,.2,1); 
	transition: all .6s cubic-bezier(.4,0,.2,1);
}
.newtwork .salemap li span::after{
	content: "";
	position: absolute;
	border-radius: 50%;
	opacity: 0.2;
	z-index: 1;
	width: 287.5%;
	height: 287.5%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	background: #22ac39;
}
.newtwork .salemap li.act span::before{
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.newtwork .salemap li.act span::after{
	animation: mapscale 2.8s ease infinite;
}
.newtwork .salemap li span i{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	left: 0;
	right: 0;
	z-index: 2;
	background: url(../images/circle.png) no-repeat center;
	background-size: contain;
}
.newtwork .salemap li:nth-child(33) p{
	top: 0px;
	left: -15px;
	width: 60px;
	transform: none;
	z-index: 3;
}
.newtwork .thisour{
	left: calc((1179 / 1452)*100%);
	top: calc((369 / 843)*100%);
}
.nwtext{
	margin:0px 0px 30px;
	width:100%;
}
.nwtext .title{
	justify-content: flex-end;
	color: #0061ae;
}
.nwtext section{
	font-size: 18px;
	line-height: 34px;
	color: #666666;
}
@media (max-width:1440px) {
	.newtwork .salemap{
		max-width: 1000px;
	}
	.newtwork .salemap li p{
		font-size: 14px;
	}
	.nwtext section{
		font-size: 14px;
		line-height: 24px;
	}
}
@media (max-width:992px) {
	.newtwork{
		display: block;
	}
	.newtwork .salemap li{
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
	}
	.newtwork .salemap li:not(.thisour) p{
		display: none;
	}
	.newtwork .salemap li span{
		width: 10px;
		height: 10px;
	}
	.newtwork .salemap li:nth-child(33) p{
		top: -7px;
		left: 0px;
		width: 20px;
	}
	.newtwork .thisour{
		bottom: 0;
		width: auto;
	}
	.nwtext section{
		text-align: left;
		font-size: 14px;
		line-height: 20px;
		margin: 10px 0px;
	}
}
.iwenhua{
	padding: 40px 0 0;
}
.iwenhua ul{
	display: flex;
	justify-content: space-between;
}
.iwenhua ul li{
	width: 24%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
	overflow: hidden;
}
.iwenhua  dl{
	padding: 15% 10% 10%;
	height: 450px;
	color: #fff;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	transition: .3s;
}
.iwenhua li:nth-child(1){
	background-image: url(../images/whpic0.jpg);
}
.iwenhua li:nth-child(2){
	background-image: url(../images/whpic1.jpg);
}
.iwenhua li:nth-child(3){
	background-image: url(../images/whpic2.jpg);
}
.iwenhua li:nth-child(4){
	background-image: url(../images/whpic3.jpg);
}
.iwenhua li:hover dl{
	background-color: #15499a;
	cursor: pointer;
}
.iwenhua dt{
	font-size: 60px;
	line-height: 70px;
	width: 100%;
	margin: 0px 0px 10px;
}
.iwenhua dd{
	width: 100%;
}
.iwenhua dd h3{
	font-size: 24px;
	line-height: 50px;
}
.iwenhua dd section{
	font-size: 15px;
	line-height: 30px;
	height: 120px;
}
@media (max-width:1440px) {
	.iwenhua{
		padding: 30px 0 0;
	}
	.iwenhua ul{
		margin: 30px 0px 0px;
	}
	.iwenhua ul li{
		border-radius: 10px;
	}
	.iwenhua  dl{
		height: 350px;
	}
	.iwenhua dt{
		font-size: 42px;
		line-height: 50px;
		margin: 0px 0px 10px;
	}
	.iwenhua dd{
		width: 100%;
	}
	.iwenhua dd h3{
		font-size: 22px;
		line-height: 30px;
	}
	.iwenhua dd section{
		font-size: 14px;
		line-height: 24px;
		height: 96px;
	}
}
@media (max-width:992px) {
	.iwenhua{
		padding: 20px 0 0;
	}
	.iwenhua ul{
		margin: 15px 0px 0px;
		flex-wrap: wrap;
	}
	.iwenhua ul li{
		border-radius: 5px;
		width: 48%;
		margin-bottom: 15px;
	}
	.iwenhua  dl{
		height: 250px;
	}
	.iwenhua dt{
		font-size: 28px;
		line-height: 30px;
	}
	.iwenhua dd h3{
		font-size: 18px;
		line-height: 20px;
		margin: 0px 0px 15px;
	}
	.iwenhua dd section{
		font-size: 12px;
		line-height: 20px;
		height: 80px;
	}
}