.ibanner{
	position: relative;
}
.ibanner h1{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	font-size: 38px;
	color: var(--white-color);
	line-height: 40px;
	padding-top: 25px;
	font-weight: 500;
	transform: translateY(50%);
}
.lanmu{
	border-bottom:1px solid rgba(0,0,0,.1);
}
.lanmu ul{
	display:flex;
}
.lanmu li{
	min-width:16.66666666666%;
	display:flex;
}
.lanmu li a{
	display:block;
	font-size:20px;
	line-height:60px;
	position:relative;
	padding:0px 20px;
}
.lanmu li a::after{
	content:"";
	position:absolute;
	width:0;
	left:50%;
	bottom:-2px;
	height:3px;
	background:var(--blue-color);
	transition:.3s;
}
.lanmu li.on a,.lanmu li a:hover{
	color:var(--blue-color);
}
.lanmu li.on a::after,.lanmu li a:hover::after{
	width:100%;
	left:0;
}
@media (max-width:1440px) {
	.lanmu li a{
		font-size:18px;
		line-height:56px;
		padding:0px 15px;
	}
}
@media (max-width:992px) {
	.lanmu ul{
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.lanmu li{
		width:auto;
		min-width:auto;
	}
	.lanmu li a{
		font-size:14px;
		line-height:46px;
		padding:0px 0px;
		text-align:center;
		width:100%;
	}
}
.iabout{
	padding: 4vw 0px 5vw;
}
.iabout .iabimg{
	position:relative;
	border-radius:30px;
	overflow:hidden;
}
.iabout .iabimg img{
	position:relative;
	z-index:3;
}
.iabtext>h1{
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	text-align:center;
}
.iabtext section{
	font-size: 18px;
	line-height: 34px;
	margin:3vw 0px;
}
.iabtext section p{
	margin-bottom:15px;
	text-indent:32px;
}
.iabtext section p:last-child{
	margin-bottom:0;
}
@media (max-width: 1440px) {
	.iabout{
		padding: 60px 0px 25px calc(50% - 585px);
	}
	.iabout .iabimg{
		overflow: hidden;
	}
	.iabout .iabimg img{
		max-width: 125%;
		width: 125%;
	}
	.iabtext>h1{
		font-size: 30px;
		line-height: 32px;
	}
	.iabtext section{
		font-size: 15px;
		line-height: 23px;
	}
}
@media (max-width: 992px) {
	.iabout{
		padding: 20px 15px;
		flex-wrap: wrap;
	}
	.iabout .iabimg{
		width: 100%;
		margin: 15px 0px 0px;
		border-radius: 0;
	}
	.iabout .iabtext{
		width: 100%;
	}
	.iabout .iabimg img{
		max-width: 100%;
		width: 100%;
	}
	.iabtext>h1{
		font-size: 18px;
		line-height: 22px;
		margin: 0px 0px 10px;
	}
	.iabtext section{
		font-size: 14px;
		line-height: 22px;
	}
}
.rand{
	padding: 4vw 0px;
	background: rgba(0, 0, 0, .04);
}
.rand ul{
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 20px;
}
.rand li{
	position: relative;
	padding: 66px 0px 0px;
	transition:.3s;
}
.rand li .rdtxt{
	background: var(--white-color);
	border: 4px solid rgba(0, 0, 0, .08);
	border-radius: 15px;
	padding: 76px 8% 35px;
}
.rand li h3{
	text-align: center;
	font-size: 22px;
	line-height: 30px;
}
.rand li section{
	font-size: 15px;
	color: #767272;
	line-height: 25px;
	margin: 20px 0px 0px;
}
.rand li span{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -66px;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	border-top: 3px solid var(--blue-color);
	border-right: 3px solid var(--blue-color);
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	transform: rotate(-45deg);
	padding: 13px;
	transition:.3s;
}
.rand li span i{
	display: flex;
	font-size: 50px;
	color: var(--white-color);
	background: var(--blue-color);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	transform: rotate(45deg);
	transition:.3s;
}
.rand li:hover{
	transform:translateY(-5px);
}
.rand li:hover span{
	transform:rotate(135deg);
}
.rand li:hover span i{
	transform:rotate(-135deg);
}
.rand li:nth-child(1) span i{
	font-size: 54px;
}
.rand li:nth-child(2) span i{
	font-size: 62px;
}
.rand li:nth-child(4) span i{
	font-weight: bold;
	font-size: 56px;
}
@media (max-width: 1440px) {
	.rand{
		padding: 4vw 0px;
	}
	.rand ul{
		gap: 15px;
	}
	.rand li{
		padding: 50px 0px 0px;
	}
	.rand li .rdtxt{
		border: 3px solid rgba(0, 0, 0, .08);
		border-radius: 10px;
		padding: 55px 8% 30px;
	}
	.rand li h3{
		font-size: 20px;
		line-height: 26px;
	}
	.rand li section{
		font-size: 14px;
		line-height: 22px;
		margin: 15px 0px 0px;
	}
	.rand li span{
		margin-left: -50px;
		width: 100px;
		height: 100px;
		border-top: 3px solid var(--blue-color);
		border-right: 3px solid var(--blue-color);
		border-left: 3px solid transparent;
		border-bottom: 3px solid transparent;
		padding: 10px;
	}
	.rand li span i{
		font-size: 32px;
	}
	.rand li:nth-child(1) span i{
		font-size: 36px;
	}
	.rand li:nth-child(2) span i{
		font-size: 42px;
	}
	.rand li:nth-child(4) span i{
		font-size: 38px;
	}
}
@media (max-width: 992px) {
	.rand{
		padding: 20px 0px;
	}
	.rand ul{
		grid-template-columns: repeat(2,minmax(0,1fr));
		gap: 15px;
	}
	.rand li{
		padding: 40px 0px 0px;
	}
	.rand li .rdtxt{
		border: 2px solid rgba(0, 0, 0, .08);
		border-radius: 10px;
		padding: 40px 15px 30px;
		height: 100%;
	}
	.rand li h3{
		font-size: 16px;
		line-height: 20px;
	}
	.rand li section{
		font-size: 14px;
		line-height: 20px;
		margin: 6px 0px 0px;
	}
	.rand li span{
		margin-left: -40px;
		width: 80px;
		height: 80px;
		border-top: 2px solid var(--blue-color);
		border-right: 2px solid var(--blue-color);
		border-left: 2px solid transparent;
		border-bottom: 2px solid transparent;
		padding: 7px;
	}
	.rand li span i{
		font-size: 24px;
	}
	.rand li:nth-child(1) span i{
		font-size: 30px;
	}
	.rand li:nth-child(2) span i{
		font-size: 34px;
	}
	.rand li:nth-child(4) span i{
		font-size: 32px;
	}
}
.ititle{
	font-size: 38px;
	font-weight: bold;
	line-height: 46px;
}
.ititle h3{
	font-size: 26px;
	line-height: 32px;
	color:var(--blue-color);
}
@media (max-width: 1440px) {
	.ititle{
		font-size: 34px;
		line-height: 40px;
	}
}
@media (max-width: 992px) {
	.ititle{
		font-size: 20px;
		line-height: 30px;
	}
}
.ihonor{
	padding: 5vw 0px 6vw;
}
.ihonor .ititle{
	text-align:center;
}
.ihonor .swiper{
	margin: 4vw 0px 0px;
}
.ihonor .swiper-slide i{
	display:block;
	border:1px solid rgba(0,0,0,.15);
}
@media (max-width:1440px) {
	.ihonor{
		padding: 60px 0px 100px;
	}
	.ihonor .swiper{
		margin: 40px 0px 0px;
	}
}
@media (max-width:992px) {
	.ihonor{
		padding: 20px 0px;
	}
	.ihonor .swiper{
		margin: 20px 0px 0px;
	}
}
.irand{
	padding:3.5vw 0px 4vw;
}
.irand ul li{
	display:flex;
	justify-content:space-between;
	margin-bottom:4vw;
}
.irand li .irdimg{
	width:49%;
	position:relative;
	z-index:2;
	transition:.3s;
	overflow:hidden;
}
.irand li img{
	width:100%;
}
.irand li .irdimg .swiper{
	height:86%;
	transform:translateY(6%);
	overflow:visible;
}
.irdimg .swiper-slide{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:15px;
	overflow:hidden;
}
.irdimg .swiper-pagination{
	bottom:-7%;
}
.irdimg .swiper-pagination span.swiper-pagination-bullet-active{
	background:var(--blue-color);
}
.irand li .irdtxt{
	width: 51%;
	background:#f3f3f3;
	padding:4%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	transition:.3s;
}
.irand .irdtxt::after{
	content:"";
	position:absolute;
	width:16%;
	height:100%;
	left:99.9999999%;
	top:0;
	background:#f3f3f3;
	clip-path: polygon(0 100%, 100% 100%, 0 0);
	transition:.3s;
}
.irand li:nth-child(Odd) .irdimg{
	order:2;
}
.irand li:nth-child(even) .irdtxt::after{
	right:99.9999999%;
	left:auto;
	clip-path: polygon(100% 100%, 0 100%, 100% 0);
}
.irand li:nth-child(even) .irdtxt{
	padding-left:5%;
}
.irand li h3{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	transition:.3s;
	color:var(--blue-color);
}
.irand li section{
	font-size:20px;
	line-height:33px;
	margin:4% 0px 0px;
}
@media (max-width:1440px) {
	.irand li h3{
		font-size:20px;
		line-height:24px;
	}
	.irand li section{
		font-size:16px;
		line-height: 28px;
	}
}
@media (max-width:992px) {
	.irand{
		padding:15px 0px;
	}
	.irand li .irdimg{
		width:100%;
	}
	.irand li .irdimg .swiper{
		height:100%;
		transform:translateY(0);
	}
	.irdimg .swiper-slide{
		border-radius:15px 15px 0px 0px;
	}
	.irand ul li{
		margin-bottom:15px;
		flex-wrap:wrap;
	}
	.irand li i{
		width:100%;
		border-radius:10px 10px 0px 0px;
		margin: 0;
	}
	.irand li .irdtxt{
		width: 100%;
		padding:15px;
		border-radius:0px 0px 10px 10px;
	}
	.irand .irdtxt::after{
		display:none;
	}
	.irand li:nth-child(Odd) .irdtxt{
		order:3;
	}
	.irand li h3{
		font-size:16px;
		line-height:20px;
	}
	.irand li section{
		font-size:14px;
		line-height: 18px;
		margin:5px 0px 0px;
	}
}
.iproduct{
	padding:4vw 0px 5vw;
	display:flex;
	justify-content:space-between;
}
.iproduct .planmu{
	width:17%;
}
.iproduct .ipdlist,.iproduct .ipdlistd{
	width:78%;
}
.planmu h1{
	font-size:34px;
	font-weight:bold;
	line-height:40px;
	color:var(--blue-color);
	text-align:center;
}
.planmu ul{
	margin:40px 0px 0px;
}
.planmu li{
	padding-bottom:6px;
}
.planmu li span{
	display:flex;
	justify-content:space-between;
	background:var(--blue-color);
	color:var(--white-color);
	font-size:18px;
}
.planmu li.on span{
    background: var(--orange-color);
}
.planmu li span a{
	width:70%;
	line-height:52px;
	padding-left:13%;
}
.planmu li span p{
	width:30%;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.planmu li span p::after{
	content:"";
	width:6px;
	height:6px;
	border-right:2px solid var(--white-color);
	border-bottom:2px solid var(--white-color);
	transform:rotate(-135deg) translateY(-2px);
	transition:.3s;
}
.planmu li.on span p::after{
	transform:rotate(45deg) translateY(-2px);
}
.planmu dl{
	display:none;
}
.planmu dd a{
	display:block;
	font-size:17px;
	line-height:50px;
	padding:0px 13%;
	border:1px solid #eee;
	border-top:0;
	transition:.3s;
}
.planmu dd.on a,.planmu dd a:hover{
	background:rgba(0,0,0,.05);
}
@media (max-width:1440px) {
	.iproduct .planmu{
		width:20%;
	}
	.iproduct .ipdlist,.iproduct .ipdlistd{
		width:77%;
	}
	.planmu h1{
		font-size:26px;
		line-height:30px;
	}
	.planmu ul{
		margin:30px 0px 0px;
	}
	.planmu li{
		padding-bottom:5px;
	}
	.planmu li span{
		font-size:16px;
	}
	.planmu li span a{
		line-height:44px;
		padding-left:10%;
	}
	.planmu dd a{
		font-size:15px;
		line-height:40px;
		padding:0px 10%;
	}
}
@media (max-width:992px) {
	.iproduct{
		flex-wrap:wrap;
		padding:15px 0px;
	}
	.iproduct .planmu{
		width:70%;
		height:100%;
		z-index:6;
		position:fixed;
		top:0;
		left:-100%;
		background:var(--white-color);
		transition:.3s;
		padding:15px;
	}
	.iproduct .planmu.on{
		left:0;
	}
	.iproduct .ipdlist,.iproduct .ipdlistd{
		width:100%;
	}
	.planmu h1{
		display:none;
	}
	.planmu ul{
		margin:0px 0px 0px;
	}
	.planmu li{
		padding-bottom:5px;
	}
	.planmu li span{
		font-size:14px;
	}
	.planmu li span a{
		line-height:40px;
		padding-left:10%;
	}
	.planmu li span p::after{
		border-right:1px solid var(--white-color);
		border-bottom:1px solid var(--white-color);
	}
	.planmu li.on span p::after{
		transform:rotate(45deg) translateX(-2px);
	}
	.planmu dd a{
		font-size:14px;
		line-height:36px;
		padding:0px 10%;
	}
}
.ipdlist form{
	width:100%;
	max-width:505px;
	display:flex;
	justify-content:space-between;
}
.ipdlist form input{
	border:1px solid #ddd;
	line-height:22px;
	padding:10px 15px;
	height:44px;
	font-weight:300;
	border-right:0;
	width:78%;
}
.ipdlist form button{
	width:22%;
	border:0;
	color:var(--white-color);
	background:var(--blue-color);
	transition:.3s;
}
.ipdlist form button i{
	font-size:24px;
}
.ipdlist form button:hover{
	cursor:pointer;
	background:var(--red-color);
}
.pd-click{
	display:none;
}
.clanmu{
	padding:36px 0px 0px;
}
.clanmu dl{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.clanmu dd a{
	display:block;
	background:rgba(0,0,0,.05);
	font-size:16px;
	line-height:40px;
	padding:0px 25px;
}
.clanmu dd a:hover,.clanmu dd.on a{
	color:var(--white-color);
	background:var(--blue-color);
}
.ipdlist ul{
	margin:36px 0px 0px;
}
.ipdlist .firstrow{
	background:var(--blue-color);
	color:var(--white-color);
}
.ipdlist table{
	width:100%;
}
.ipdlist .firstrow td{
	line-height:48px;
	font-size:18px;
	font-family:DINR;
	text-align:center;
	border:1px solid var(--white-color);
	border-top:0;
	border-bottom:0;
	border-left:1px solid var(--blue-color);
}
.ipdlist td:nth-child(1){
	width:8%;
}
.ipdlist td:nth-child(2){
	width:20%;
}
.ipdlist td:nth-child(3){
	width:15%;
}
.ipdlist td:nth-child(4){
	width:19%;
}
.ipdlist td:nth-child(5){
	width:23%;
}
.ipdlist td:nth-child(6){
	width:15%;
	border-right:1px solid var(--blue-color);
}
.ipdlist td a{
	display:block;
	overflow:hidden;
	padding:0px 13%;
}
.ipdlist td img{
	transition:1s;
	mix-blend-mode: multiply;
}
.ipdlist td a:hover img{
	transform:scale(1.06);
}
.ipdlist li:not(.firstrow) td{
	border:1px solid #ddd;
	border-top:0;
	vertical-align:middle;
	text-align:center;
	font-size:16px;
	line-height:24px;
	transition:.3s;
}
.ipdlist li:not(.firstrow) tr:hover td{
	background:rgba(0,0,0,.03);
}
.page-list{
	display:flex;
	justify-content:center;
	margin:3vw 0px 0px;
}
.page-list a:not(.pn),.page-list span{
	background:rgba(0,0,0,.5);
	color:var(--white-color);
	width:35px;
	height:35px;
	border-radius:3px;
	text-align:center;
	line-height:35px;
	margin:0px 3px;
	font-family:AliR;
	font-size:16px;
}
.page-list span{
	font-family:arial;
}
.ipdlist td section{
	max-height:170px;
	overflow-y:auto;
}
.ipdlist td section::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
.ipdlist td section::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 0px;
}
.ipdlist td section::-webkit-scrollbar-thumb {
	background: var(--blue-color);
	border-radius: 0px;
}
.ipdlist td section::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.page-list a:hover,.page-list a.page-num-current{
	background:var(--blue-color);
}
.page-list a.pn{
	background:var(--blue-color);
	height:35px;
	padding:0px 20px;
	border-radius:3px;
	color:var(--white-color);
	font-size:16px;
	line-height:35px;
	margin:0px 3px;
}
.page-list a.pn:hover{
	background:var(--black-color);
}
@media (max-width:1440px) {
	.ipdlist form{
		max-width:440px;
	}
	.ipdlist form input{
		line-height:20px;
		height:40px;
	}
	.ipdlist form button i{
		font-size:20px;
	}
	.clanmu{
		padding:20px 0px 0px;
	}
	.clanmu dd a{
		font-size:14px;
		line-height:36px;
		padding:0px 20px;
	}
	.ipdlist ul{
		margin:20px 0px 0px;
	}
	.ipdlist .firstrow td{
		line-height:44px;
		font-size:16px;
	}
	.ipdlist li:not(.firstrow) td{
		font-size:14px;
		line-height:20px;
	}
	.ipdlist td section{
		max-height:120px;
	}
	.page-list a:not(.pn){
		width:32px;
		height:32px;
		line-height:32px;
		font-size:14px;
		margin:0px 2px;
	}
	.page-list a.pn{
		height:32px;
		padding:0px 15px;
		border-radius:3px;
		font-size:14px;
		line-height:32px;
		margin:0px 2px;
	}
}
@media (max-width:992px) {
	.sousuo{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.ipdlist form{
		max-width:80%;
		width:80%;
	}
	.ipdlist form input{
		line-height:18px;
		height:34px;
		padding:8px 12px;
		font-size:13px;
	}
	.ipdlist form button i{
		font-size:18px;
	}
	.pd-click{
		width:15%;
		height:34px;
		text-align:right;
		display:block;
	}
	.pd-click i{
		font-size:20px;
		line-height:36px;
		color:var(--blue-color);
	}
	.clanmu{
		padding:15px 0px 0px;
	}
	.clanmu dl{
		gap:5px;
	}
	.clanmu dd a{
		font-size:13px;
		line-height:30px;
		padding:0px 15px;
	}
	.ipdlist ul{
		margin:15px 0px 0px;
	}
	.ipdlist .firstrow{
		display:none;
	}
	.ipdlist li{
		margin-bottom:10px;
	}
	.ipdlist li:not(.firstrow) td{
		display:flex;
		justify-content:space-between;
		font-size:14px;
		line-height:24px;
		width:100% !important;
		padding:5px 10px;
	}
	.ipdlist li td::before{
		content: attr(title);
		font-family:DINR;
		font-size:16px;
	}
	.ipdlist li td:first-child{
		border-top:1px solid #ddd;
	}
	.page-list a:not(.pn){
		width:30px;
		height:30px;
		line-height:30px;
		font-size:13px;
		margin:0px 2px;
	}
	.page-list a.pn{
		height:30px;
		padding:0px 10px;
		font-size:13px;
		line-height:30px;
		margin:0px 2px;
	}
}
.weizhi{
	line-height:40px;
}
.weizhi span{
	display:flex;
	align-items:center;
	font-size:16px;
}
.weizhi i{
	margin:0px 5px;
	color:#333;
	font-size:14px;
}
.weizhi i:first-child{
	font-size:18px;
}
.iproductd{
	padding-top:20px;
}
.ipdcon{
	display: flex;
	justify-content: space-between;
}
.ipdcon .ipdimg{
	width: 42%;
	position:relative;
	padding-bottom:30px;
	position:relative;
	z-index:2;
}
.ipdcon .ipdimg .swiper{
	display: block;
	border: 1px solid rgba(0, 0, 0, .08);
	z-index:2;
}
.ipdcon .ipdimg .swiper-pagination{
	bottom:0;
}
.ipdcon .ipdimg .swiper-pagination span.swiper-pagination-bullet-active{
	background:var(--blue-color);
}
.drift-zoom-pane {
	width: 200px !important;
	height: 200px !important;
	border-radius: 0px !important;
	z-index:9;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) !important;
}
.ipdcon .ipdtxt{
	width: 53%;
}
.ipdcon .ipdtxt h1{
	font-size: 30px;
	line-height: 40px;
	font-family:DINM;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	padding-bottom: 15px;
}
.ipdcon .ipdtxt ul{
	padding: 20px 0px;
}
.ipdtxt ul li{
	display: flex;
	font-size: 16px;
	line-height: 26px;
	padding: 5px 0px;
	color: var(--black-color);
}
.ipdtxt ul li p{
	width: 50px;
	text-transform:uppercase;
	font-family:DINR;
}
.ipdtxt ul li section{
	display:flex;
	width: calc(100% - 50px);
	color:#666;
}
.ipdtxt .email{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 30px;
	border-top: 1px dashed rgba(0, 0, 0, .16);
	border-bottom: 1px dashed rgba(0, 0, 0, .16);
	padding: 15px 0px;
}
.ipdtxt .email span{
	color: var(--blue-color);
	font-family:DINR;
	font-size: 18px;
}
.ipdtxt .funaniu{
	display: flex;
	padding: 30px 0px 0px;
}
.ipdtxt .funaniu a{
	display: flex;
	width: 200px;
	height: 45px;
	justify-content: center;
	align-items: center;
	background: rgba(85,85,85,1);
	color: var(--white-color);
	border-radius: 5px;
	margin-right: 30px;
	font-size: 15px;
	transition: .3s;
}
.ipdtxt .funaniu a:last-child{
	margin-right: 0;
}
.ipdtxt .funaniu i{
	margin-right: 10px;
	font-size: 18px;
	font-weight: 500;
}
.ipdtxt .funaniu a:first-child{
	background: var(--blue-color);
	color: var(--white-color);
}
.ipdtxt .funaniu a:hover{
	background: rgba(0,0,0,1);
	color: var(--white-color);
}
@media (max-width:1440px) {
	.iproductd{
		padding: 0px 0px 0px;
	}
	.ipdcon{
		padding: 20px 0px;
	}
	.ipdcon .ipdimg{
		width: 50%;
	}
	.ipdcon .ipdtxt{
		width: 46%;
	}
	.ipdcon .ipdtxt h1{
		font-size: 22px;
		line-height: 40px;
		border-bottom: 1px solid rgba(0, 0, 0, .3);
		padding-bottom: 5px;
	}
	.ipdcon .ipdtxt ul{
		padding: 16px 0px;
	}
	.ipdtxt ul li{
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0px;
	}
	.ipdtxt ul li p{
		width: 60px;
	}
	.ipdtxt ul li section{
		width: calc(100% - 60px);
	}
	.ipdtxt .email{
		font-size: 16px;
		line-height: 26px;
		padding: 15px 0px;
	}
	.ipdtxt .email span{
		font-size:16px;
	}
	.ipdtxt .funaniu{
		padding: 30px 0px 0px;
	}
	.ipdtxt .funaniu a{
		width: 150px;
		height: 40px;
		margin-right: 20px;
		font-size: 14px;
	}
	.ipdtxt .funaniu i{
		margin-right: 6px;
		font-size: 16px;
	}
}
@media (max-width:992px) {
	.weizhi{
		display:none;
	}
	.iproductd{
		padding: 0px 0px 0px;
	}
	.ipdcon{
		padding: 0px 0;
		flex-wrap:wrap;
	}
	.ipdcon .ipdimg{
		width: 100%;
	}
	.ipdcon .ipdtxt{
		width: 100%;
		padding:10px 0px 0px;
	}
	.ipdcon .ipdtxt h1{
		font-size: 16px;
		line-height: 30px;
		padding-bottom: 5px;
	}
	.ipdcon .ipdtxt ul{
		padding: 10px 0px;
	}
	.ipdtxt ul li{
		font-size: 14px;
		line-height: 18px;
		padding: 3px 0px;
	}
	.ipdtxt ul li p{
		width: 80px;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}
	.ipdtxt ul li section{
		width: calc(100% - 80px);
	}
	.ipdtxt .email{
		font-size: 14px;
		line-height: 22px;
		padding: 10px 0px;
	}
	.ipdtxt .funaniu{
		padding: 15px 0px 0px;
		justify-content:space-between;
	}
	.ipdtxt .funaniu a{
		width: 45%;
		height: 40px;
		margin-right: 0px;
		font-size: 14px;
	}
	.ipdtxt .funaniu i{
		margin-right: 6px;
		font-size: 16px;
	}
}
.abpdlist{
	padding: 50px 0px;
}
.abpdlist .ititle{
	font-size: 26px;
	line-height:34px;
}
.abpdlist .swiper{
	margin: 30px 0px 0px;
	padding-bottom: 50px;
}
.abpdlist .swiper-slide a{
	display: block;
	border: 1px solid rgba(0, 0, 0, .11);
	padding: 0px 15px 20px;
	transition:.3s;
	font-family:DINR;
	font-size:16px;
}
.abpdlist .swiper-slide a:hover{
	border:1px solid var(--blue-color);
	color: var(--blue-color);
}
.abpdlist .swiper-slide p{
	font-size: 16px;
	line-height: 22px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:center;
}
.abpdlist .swiper-pagination span{
	width:10px;
	height:10px;
	background:var(--blue-color);
	margin:0px 2px !important;
	border-radius:0;
}
@media (max-width:1440px) {
	.abpdlist{
		padding: 30px 0px;
	}
	.abpdlist .ititle{
		font-size: 20px;
	}
	.abpdlist .swiper{
		margin: 15px 0px 0px;
		padding-bottom:40px;
	}
	.abpdlist .swiper-slide a{
		padding: 0px 0px 20px;
	}
}
@media (max-width:992px) {
	.abpdlist{
		padding: 20px 0px;
	}
	.abpdlist .ititle{
		font-size: 18px;
	}
	.abpdlist .swiper{
		margin: 10px 0px 0px;
	}
	.abpdlist .swiper-slide a{
		padding: 0px 0px 10px;
	}
}
.pdmessage{
	padding: 0px 0px 70px;
}
.pdmessage .ititle{
	font-size: 26px;
	line-height:34px;
	font-weight:bold;
}
.pdmessage form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0px 0px;
}
.pdmessage form input{
	width: 49%;
	margin: 0px 0px 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 20px;
	padding: 15px;
	height: 52px;
	font-weight:300;
	border-radius: 0px;
}
.pdmessage form input:nth-child(5){
	width: 100%;
}
.pdmessage form textarea{
	width: 100%;
	margin: 0px 0px 20px;
	border-radius: 0px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 20px;
	padding: 15px;
	font-weight:300;
	resize: none;
}
.pdmessage form button{
	width: 200px;
	height: 52px;
	font-size: 18px;
	font-weight:300;
	line-height: 50px;
	border: 0;
	background: var(--blue-color);
	border-radius: 0px;
	color:var(--white-color);
	margin: 0 auto;
	transition: .3s;
}
.pdmessage form button:hover{
	cursor: pointer;
	background: var(--black-color);
	color:var(--white-color);
}
@media (max-width:1440px) {
	.pdmessage{
		padding: 0px 0px 50px;
	}
	.pdmessage .ititle{
		font-size: 20px;
	}
	.pdmessage form{
		margin: 15px 0px 0px;
	}
	.pdmessage form input{
		margin: 0px 0px 10px;
		padding: 12px;
		height: 40px;
	}
	.pdmessage form textarea{
		margin: 0px 0px 15px;
		padding: 10px;
	}
	.pdmessage form button{
		height: 50px;
		font-size: 16px;
		line-height: 50px;
	}
}
@media (max-width:992px) {
	.pdmessage{
		padding: 0px 0px 20px;
	}
	.pdmessage .ititle{
		font-size: 18px;
	}
	.pdmessage form{
		margin: 10px 0px 0px;
	}
	.pdmessage form input{
		margin: 0px 0px 5px;
		padding: 10px;
		height: 42px;
	}
	.pdmessage form textarea{
		margin: 0px 0px 10px;
		padding: 10px;
	}
	.pdmessage form button{
		height: 45px;
		width:100%;
		font-size: 14px;
		line-height: 45px;
	}
}
.inews{
	padding: 4vw 0px 5vw;
}
.inews ul{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:30px;
	margin:0px 0px 40px;
}
.inews li a{
	display: block;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .1);
}
.inews li i{
	position:relative;
	padding-bottom:60%;
	overflow:hidden;
	display:block;
}
.inews li i img{
	position:absolute;
	min-width:100%;
	max-width:none;
	width:auto;
	height:100%;
	top:0;
	left:0;
}
.inews li section{
	width: 100%;
	padding: 20px 20px 30px;
}
.inews li h4{
	font-size: 18px;
	line-height: 24px;
	display: flex;
	font-weight:500;
	align-items: center;
}
.inews li h4::before{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--blue-color);
	margin-right: 10px;
	transition: .3s;
}
.inews li h4 p{
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 10px);
}
.inews li h5{
	display:flex;
	font-size:15px;
	line-height:20px;
	color:#333;
	font-family:arial;
	transition: .3s;
	margin:15px 0px 0px;
}
.inews li h5 .icon{
	color:var(--blue-color);
	font-size:19px;
	margin-right:8px;
	transition: .3s;
}
.inews li a:hover h5,.inews li a:hover .icon{
	color:var(--white-color);
}
.inews li img{
	width: 100%;
}
.inews li span{
	display: block;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	margin: 10px 0px 0px;
	transition: .3s;
}
.inews li a:hover{
	color:var(--white-color);
	background: var(--blue-color);
	box-shadow: 0px 1px 15px rgba(0, 0, 0, .2);
}
.inews li a:hover span{
	color:var(--white-color);
}
.inews li a:hover h4::before{
	background: var(--white-color);
}
@media (max-width: 1440px) {
	.inews{
		padding: 40px 0px 35px;
	}
	.inews ul{
		gap:20px;
		margin:0px 0px 30px;
	}
	.inews li section{
		padding: 15px 15px 20px;
	}
	.inews li h4{
		font-size: 18px;
		line-height: 20px;
	}
	.inews li h4::before{
		width: 8px;
		height: 8px;
		margin-right: 10px;
	}
	.inews li span{
		font-size: 14px;
		line-height: 18px;
		margin: 10px 0px 0px;
	}
	.inews li h5{
		font-size:14px;
		line-height:20px;
		margin:10px 0px 0px;
	}
	.inews li h5 .icon{
		font-size:16px;
		margin-right:5px;
	}
}
@media (max-width: 992px) {
	.inews{
		padding: 20px 0px 25px;
	}
	.inews ul{
		flex-wrap: wrap;
		grid-template-columns: minmax(0,1fr);
		margin:0px 0px 20px;
	}
	.inews li section{
		padding: 15px;
	}
	.inews li h4{
		font-size: 14px;
		line-height: 20px;
	}
	.inews li h4::before{
		width: 8px;
		height: 8px;
		margin-right: 5px;
	}
	.inews li span{
		font-size: 13px;
		line-height: 17px;
		margin: 5px 0px 0px;
	}
	.inews li h5{
		margin:5px 0px 0px;
	}
}
.inewsd{
	padding: 70px 0px 80px;
}
.incont .intit{
	border-bottom: 1px solid #ddd;
}
.incont .intit h2{
	font-size: 24px;
	line-height: 36px;
	font-weight:500;
}
.incont .intit span{
	display: flex;
	color: #999;
	font-size: 15px;
	line-height: 20px;
	padding: 15px 0px 20px;
	font-weight:300;
}
.incont .intit span p{
	margin-right: 30px;
}
.incont .intit span p:last-child{
	margin-right: 0;
}
.incont .indescon{
	font-size: 18px;
	line-height: 30px;
	padding: 1.6vw 0px;
}
.incont .indescon p{
	margin-bottom:10px;
}
.incont .indescon p:last-child{
	margin-bottom:0;
}
.infopage{
	border-top: 1px solid #ddd;
	padding: 30px 0px 0px;
}
.infopage p{
	display:flex;
	align-items:center;
	margin-bottom: 15px;
	line-height: 20px;
	font-size:16px;
}
.infopage a{
	color: #666;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.infopage a:hover{
	text-decoration: underline;
	color: #e1553e;
}
@media (max-width:1440px) {
	.inewsd{
		padding: 50px 0px 60px;
	}
	.incont .intit h2{
		font-size: 20px;
		line-height: 30px;
	}
	.incont .intit span{
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0px 15px;
	}
	.incont .indescon{
		font-size: 15px;
		line-height: 26px;
		padding: 20px 0px;
	}
	.infopage{
		padding: 20px 0px 0px;
	}
	.infopage p{
		line-height: 20px;
		margin-bottom: 10px;
		font-size: 14px;
	}
}
@media (max-width:992px) {
	.inewsd{
		padding: 20px 0px;
	}
	.incont .intit h2{
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.incont .intit span{
		font-size: 12px;
		padding: 5px 0px 10px;
		justify-content: center;
	}
	.incont .indescon{
		font-size: 14px;
		line-height: 24px;
		padding: 15px 0px;
	}
	.infopage{
		padding: 10px 0px 0px;
	}
	.infopage p{
		margin-bottom: 5px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}
.icontact{
	padding: 100px 0px;
	display: flex;
	justify-content: space-between;
}
.icontact .map{
	width: 55%;
	height: 450px;
	position:relative;
	z-index:2;
}
.icontact .icontext{
	width: 43%;
}
.icontact .icontext h2{
	font-size: 20px;
	line-height: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	padding-bottom: 15px;
	margin: 10px 0px 0px;
}
.icontact ul{
	margin: 30px 0px 0px;
}
.icontact ul li{
	display: flex;
	justify-content: space-between;
	padding: 10px 0px;
}
.icontact li i{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	background: var(--blue-color);
	color: #fff;
	font-size: 22px;
}
.icontact li:last-child i{
	font-size: 18px;
}
.icontact li section{
	width: calc(100% - 40px);
	padding-left: 20px;
	font-size: 18px;
	line-height: 40px;
}
.icontact dl{
	display:flex;
	padding:20px 0px 0px;
}
.icontact dl img{
	border:1px solid #ddd;
}
.icontact dl dd{
	margin-right:15px;
	max-width:94px;
	font-size:12px;
	text-align:center;
}
#mapDiv img{
	max-width:none;
}
#mapDiv .mapcon{
	max-width:220px;
	padding:5px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	line-height:18px;
	color:#444;
	font-family:arial;
}
@media (max-width: 1440px) {
	.icontact{
		padding: 60px 0px;
	}
	.icontact .map{
		height: 380px;
	}
	.ititle h3{
		font-size:20px;
		line-height:30px;
	}
	.icontact .icontext h2{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 10px;
		margin: 10px 0px 0px;
	}
	.icontact ul{
		margin: 20px 0px 0px;
	}
	.icontact ul li{
		padding: 6px 0px;
	}
	.icontact li i{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 20px;
	}
	.icontact li:last-child i{
		font-size: 18px;
	}
	.icontact li section{
		width: calc(100% - 40px);
		padding-left: 15px;
		font-size: 16px;
		line-height: 36px;
	}
}
@media (max-width: 992px) {
	.icontact{
		padding: 20px 0px;
		flex-wrap: wrap;
	}
	.icontact .map{
		height: 260px;
		width: 100%;
	}
	.ititle h3{
		font-size: 18px;
	}
	.icontact .icontext{
		width: 100%;
	}
	.icontact .icontext h2{
		font-size: 16px;
		line-height: 20px;
		padding-bottom: 5px;
		margin: 10px 0px 0px;
	}
	.icontact ul{
		margin: 15px 0px;
	}
	.icontact ul li{
		padding: 5px 0px;
	}
	.icontact li i{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 18px;
	}
	.icontact li:last-child i{
		font-size: 16px;
	}
	.icontact li section{
		width: calc(100% - 32px);
		padding-left: 10px;
		font-size: 14px;
		line-height: 32px;
	}
	.icontact dl{
		padding:0px 0px 15px;
	}
}
.message{
	padding: 60px 0px 100px;
	background: #f4f6fb;
}
.message section{
	font-size: 16px;
	line-height: 26px;
	max-width: 660px;
	margin: 20px 0px 0px;
}
.message form{
	background: #fff;
	margin: 50px 0px 0px;
	padding: 40px;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.message form input{
	width: 49%;
	border: 2px solid #c7ced5;
	border-radius: 3px;
	line-height: 20px;
	padding: 13px 15px;
	font-weight:300;
	font-size:16px;
	height: 50px;
	margin: 0px 0px 25px;
	color: #4d4c4c;
}
.message form textarea{
	width: 100%;
	border: 2px solid #c7ced5;
	border-radius: 3px;
	line-height: 20px;
	padding: 13px 15px;
	margin: 0px 0px 25px;
	color: #4d4c4c;
	resize: none;
	font-weight:300;
	font-size:16px;
}
.message form button{
	width: 165px;
	height: 50px;
	margin: 0 auto;
	border: 0;
	overflow: hidden;
	font-size: 20px;
	border-radius: 3px;
	background: var(--blue-color);
	color:var(--white-color);
	position: relative;
	transition:.3s;
	font-weight:300;
}
.message form button:hover{
	cursor: pointer;
	color:var(--white-color);
	background:var(--black-color);
}
@media (max-width: 1440px) {
	.message{
		padding: 50px 0px 80px;
	}
	.message section{
		font-size: 16px;
		line-height: 24px;
		max-width: 660px;
		margin: 10px 0px 0px;
	}
	.message form{
		margin: 30px 0px 0px;
		padding: 40px;
	}
	.message form input{
		font-size:14px;
		height: 50px;
		margin: 0px 0px 20px;
	}
	.message form textarea{
		line-height: 20px;
		margin: 0px 0px 20px;
		font-size:14px;
	}
	.message form button{
		height: 44px;
		font-size: 18px;
	}
}
@media (max-width: 992px) {
	.message{
		padding: 25px 0px;
	}
	.message section{
		font-size: 14px;
		line-height: 18px;
		max-width: 100%;
		margin: 10px 0px 0px;
	}
	.message form{
		margin: 15px 0px 0px;
		padding: 15px;
		border-radius: 5px;
	}
	.message form input{
		width: 100%;
		margin-bottom: 5px;
		border: 1px solid #c7ced5;
		line-height: 20px;
		padding: 10px;
		height: 42px;
	}
	.message form textarea{
		border: 1px solid #c7ced5;
		line-height: 20px;
		padding: 10px;
		margin: 0px 0px 10px;
	}
	.message form button{
		width: 100%;
		height: 44px;
		font-size: 16px;
		border-radius: 5px;
	}
}