.ibanner{
	position:relative;
}
@media (max-width:1440px) {
	.ibanner{
		overflow:hidden;
		height:22vh;
		display:flex;
		justify-content:center;
	}
	.ibanner img{
		object-fit:cover;
	}
}
.title{
	position: relative;
	padding-left: 30px;
}
.title::before{
	content: "";
	width: 8px;
	height: 36px;
	background: var(--red-color);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.title h2{
	font-size: 34px;
	line-height: 34px;
	font-weight: bold;
	padding-bottom: 2px;
	color: var(--blue-color);
}
.title h5{
	font-size: 22px;
	line-height: 28px;
	margin-top: 10px;
}
.title h1{
	font-size: 44px;
	line-height: 44px;
	font-weight: bold;
}
.about{
	padding: 90px 0px;
}
.about .container{
	display: flex;
	justify-content: space-between;
}
.about .abtext{
	width: 46%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:2% 0px;
}
.about .abimg{
	width: 48%;
}
.about .abimg img{
	width: 100%;
	box-shadow:15px 15px 0px var(--bblue-color);
}
.about .abtext section{
	font-size: 18px;
	line-height: 34px;
}
.about .abtext section p{
	margin-bottom: 20px;
}
.about .abtext section p:last-child{
	margin-bottom: 0;
}
@media (max-width: 1440px) {
	.title{
		padding-left: 20px;
	}
	.title::before{
		width: 5px;
		height: 30px;
	}
	.title h2{
		font-size: 26px;
		line-height: 34px;
	}
	.title h5{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	.title h1{
		font-size: 32px;
		line-height: 40px;
	}
	.about{
		padding: 60px 0px;
	}
	.about .container{
		align-items: center;
	}
	.about .abtext{
		width: 45%;
	}
	.about .abimg{
		width: 52%;
	}
	.about .abtext section{
		font-size: 16px;
		line-height: 28px;
		margin: 20px 0px;
	}
	.about .abtext section p{
		margin-bottom: 15px;
	}
}
@media (max-width: 992px) {
	.title{
		padding-left: 15px;
	}
	.title::before{
		width: 5px;
		height: 20px;
	}
	.title h2{
		font-size: 18px;
		line-height: 24px;
	}
	.title h5{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 3px;
	}
	.title h1{
		font-size: 22px;
		line-height: 30px;
	}
	.about{
		padding:15px 0px;
	}
	.about .container{
		align-items: center;
		flex-wrap: wrap;
	}
	.about .abtext{
		width: 100%;
		padding:0;
	}
	.about .abimg{
		width: 100%;
		margin: 0px 0px 0px;
	}
	.about .abimg img{
		box-shadow:5px 5px 0px var(--bblue-color);
	}
	.about .abtext section{
		font-size: 14px;
		line-height: 20px;
		margin: 7px 0px 10px;
	}
	.about .abtext section p{
		margin-bottom: 10px;
	}
}
.about-data{
	padding: 10px 0px 80px;
}
.about-data dl{
	display: flex;
	justify-content: space-between;
}
.about-data dd section{
	background-image: linear-gradient(to right, var(--red-color), var(--blue-color));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.about-data dd span{
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
}
.about-data dd span:first-child{
	font-family: arial;
}
.about-data dd p{
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin: 5px 0px 0px;
}
@media (max-width: 1440px) {
	.about-data{
		padding: 0px 0px 60px;
	}
	.about-data dd span{
		font-size: 46px;
		line-height: 46px;
	}
	.about-data dd p{
		font-size: 18px;
		line-height: 26px;
		margin: 5px 0px 0px;
	}
}
@media (max-width: 992px) {
	.about-data{
		padding: 5px 0px 15px;
	}
	.about-data dl{
		flex-wrap: wrap;
	}
	.about-data dd{
		width: 50%;
		padding-bottom: 10px;
	}
	.about-data dd section{
		text-align: center;
	}
	.about-data dd span{
		font-size: 26px;
		line-height: 26px;
	}
	.about-data dd p{
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0px 0px;
	}
}
.culture{
	padding: 10px 5% 140px;
}
.culture .icltit{
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	line-height: 50px;
	color: var(--blue-color);
}
.culture ul{
	display: flex;
	justify-content: space-between;
	margin: 70px 0px 0px;
}
.culture ul li{
	width: 24%;
	position: relative;
	overflow: hidden;
}
.culture li .ictext{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	padding: 0px 8% 5%;
	transform:translateY(96px);
	transition:.3s;
}
.culture li:hover .ictext{
	transform:translateY(0);
}
.culture li i{
	font-size: 60px;
	line-height: 70px;
	height: 70px;
}
.culture li:nth-child(2) i{
	font-size: 56px;
}
.culture li:nth-child(3) i{
	font-size: 56px;
}
.culture li:nth-child(4) i{
	font-size: 54px;
}
.culture li h2{
	font-size: 22px;
	line-height: 30px;
	margin: 10px 0px 20px;
}
.culture li section{
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	height: 96px;
	opacity:0;
	transition:.3s;
}
.culture li:hover section{
	opacity:1;
}
.culture li img{
	transition: 1s;
	width:100%;
}
@media (max-width:1440px) {
	.culture{
		padding: 0px 5% 80px;
	}
	.culture .icltit{
		font-size: 40px;
		line-height: 44px;
	}
	.culture ul{
		margin: 50px 0px 0px;
	}
	.culture li .ictext{
		padding: 0px 8% 10% 8%;
	}
	.culture li i{
		font-size: 50px;
		line-height: 60px;
		height: 60px;
	}
	.culture li:nth-child(2) i{
		font-size: 46px;
	}
	.culture li:nth-child(3) i{
		font-size: 46px;
	}
	.culture li:nth-child(4) i{
		font-size: 44px;
	}
	.culture li h2{
		font-size: 18px;
		line-height: 24px;
		margin: 5px 0px 10px;
	}
	.culture li section{
		font-size: 14px;
		line-height: 20px;
		min-height: 60px;
	}
}
@media (max-width:992px) {
	.culture{
		padding: 0px 0 10px;
	}
	.culture .icltit{
		font-size: 18px;
		line-height: 20px;
	}
	.culture ul{
		margin: 20px 0px 0px;
		flex-wrap: wrap;
		padding: 0px 15px;
	}
	.culture ul li{
		width: 49%;
		margin-bottom: 6px;
	}
	.culture li .ictext{
		padding: 0px 10px 10px;
	}
	.culture li i{
		font-size: 28px;
		line-height: 34px;
		height: 34px;
	}
	.culture li:nth-child(2) i{
		font-size: 24px;
	}
	.culture li:nth-child(3) i{
		font-size: 24px;
	}
	.culture li:nth-child(4) i{
		font-size: 24px;
	}
	.culture li h2{
		font-size: 14px;
		line-height: 20px;
		margin: 5px 0px;
	}
	.culture li section{
		font-size: 12px;
		line-height: 16px;
		min-height: auto;
	}
}
.planmu{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	z-index:3;
}
.planmu ul{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:10px;
	padding-left:15px;
}
.planmu li a{
	display:block;
	line-height:76px;
	text-align:center;
	color:var(--white-color);
	font-size:20px;
	position:relative;
	background:rgba(0,97,174,.9);
	transform:skew(-20deg);
	transition:.3s;
}
.planmu li p{
	transform:skew(20deg);
}
.planmu li.on a,.planmu li a:hover{
	background:var(--red-color);
}
@media (max-width:1440px) {
	.planmu ul{
		gap:10px;
		padding-left:15px;
	}
	.planmu li a{
		line-height:62px;
		font-size:18px;
		transform:skew(-15deg);
	}
	.planmu li p{
		transform:skew(15deg);
	}
}
@media (max-width:992px) {
	.planmu ul{
		gap:3px;
		padding-left:6px;
		grid-template-columns:repeat(4,1fr);
	}
	.planmus ul{
		grid-template-columns:repeat(5,1fr);
	}
	.planmu li a{
		line-height:38px;
		font-size:14px;
		transform:skew(-10deg);
	}
	.planmu li p{
		transform:skew(10deg);
	}
}
.iproduct{
	padding:60px 0px 100px;
}
.iproduct ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:30px;
}
.iproduct li a{
	display:block;
	border:1px solid rgba(0,0,0,.1);
	border-radius:5px;
	transition:.3s;
}
.iproduct li i{
	display:block;
	overflow:hidden;
	border-radius:5px;
}
.iproduct li img{
	transition:.5s;
}
.iproduct li p{
	text-align:center;
	line-height:30px;
	font-size:18px;
	padding:0px 0px 20px;
}
.iproduct li a:hover{
	box-shadow:0px 0px 30px rgba(0,0,0,.2);
}
.iproduct li a:hover img{
	transform:scale(1.1);
}
.page-list{
	display:flex;
	justify-content:center;
	padding:60px 0px 0px;
}
.page-list a{
	display: flex;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	border: 1px rgba(0, 0, 0, 0.4) solid;
	font-size: 15px;
	color: #666;
	position: relative;
	align-items: center;
	justify-content: center;
	margin: 0 4px;
	font-family:arial;
	transition:.3s;
}
.page-list a.page-num-current{
	color:var(--white-color);
	background:var(--red-color);
	border:1px solid var(--red-color);
}
.page-list a:hover{
	border:1px solid var(--red-color);
	color:var(--red-color);
}
.page-list a i{
	border-left:6px solid rgba(0,0,0,.5);
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
}
.page-list a.prev i{
	transform:rotateY(180deg);
}
@media (max-width:1440px) {
	.iproduct{
		padding:40px 0px 60px;
	}
	.iproduct ul{
		grid-template-columns:repeat(4,1fr);
		gap:15px;
	}
	.iproduct li p{
		line-height:26px;
		font-size:16px;
		padding:0px 0px 15px;
	}
	.iproduct li a:hover{
		box-shadow:0px 0px 15px rgba(0,0,0,.2);
	}
	.page-list{
		padding:40px 0px 0px;
	}
	.page-list a{
		width: 40px;
		height: 40px;
		font-size: 14px;
		margin: 0 4px;
	}
}
@media (max-width:992px) {
	.iproduct{
		padding:20px 0px;
	}
	.iproduct ul{
		grid-template-columns:repeat(2,1fr);
		gap:5px;
	}
	.iproduct li p{
		line-height:22px;
		font-size:14px;
		padding:0px 0px 10px;
	}
	.iproduct li a:hover{
		box-shadow:0px 0px 5px rgba(0,0,0,.2);
	}
	.page-list{
		padding:15px 0px 0px;
	}
	.page-list a{
		width: 30px;
		height: 30px;
		font-size: 13px;
		margin: 0 2px;
	}
}
.iproductd{
	padding: 0px 0px 70px;
	background: rgba(0, 0, 0, .02);
}
.weizhi{
	background:rgba(239,241,245,1);
	line-height: 60px;
	color: #6c757d;
}
.ipdcon{
	display: flex;
	justify-content: space-between;
	padding: 70px 0 0;
}
.ipdcon .ipdimg{
	width: 42%;
}
.ipdcon .ipdimg i{
	display: block;
	border: 1px solid rgba(0, 0, 0, .08);
}
.drift-zoom-pane {
	width: 200px !important;
	height: 200px !important;
	border-radius: 0px !important;
	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:arial;
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	padding-bottom: 10px;
}
.ipdcon .ipdtxt ul{
	padding: 25px 0px;
}
.ipdtxt ul li{
	display: flex;
	font-size: 16px;
	line-height: 26px;
	padding: 5px 0px;
	color: var(--bblue-color);
}
.ipdtxt ul li p{
	width: 80px;
}
.ipdtxt ul li section{
	width: calc(100% - 80px);
	font-weight: 300;
	color:#666;
}
.ipdtxt .email{
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 30px;
	font-family:AliB;
	border-top: 1px dashed rgba(0, 0, 0, .16);
	border-bottom: 1px dashed rgba(0, 0, 0, .16);
	padding: 20px 0px;
}
.ipdtxt .email span{
	color: var(--orange-color);
}
.ipdtxt .funaniu{
	display: flex;
	padding: 50px 0px 0px;
}
.ipdtxt .funaniu a{
	display: flex;
	width: 160px;
	height: 45px;
	justify-content: center;
	align-items: center;
	background: rgba(85,85,85,1);
	color: #fff;
	border-radius: 5px;
	margin-right: 30px;
	font-size: 16px;
	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(--bblue-color);
}
.ipdtxt .funaniu a:hover{
	background: rgba(0,0,0,1);
}
@media (max-width:1440px) {
	.iproductd{
		padding: 0px 0px 0px;
	}
	.weizhi{
		line-height: 50px;
		font-size:13px;
	}
	.ipdcon{
		padding: 40px 0px;
	}
	.ipdcon .ipdimg{
		width: 42%;
	}
	.ipdcon .ipdtxt{
		width: 53%;
	}
	.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: 80px;
	}
	.ipdtxt ul li section{
		width: calc(100% - 80px);
	}
	.ipdtxt .email{
		font-size: 16px;
		line-height: 26px;
		padding: 15px 0px;
	}
	.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) {
	.iproductd{
		padding: 0px 0px 0px;
	}
	.weizhi{
		line-height: 35px;
		font-size:12px;
	}
	.ipdcon{
		padding: 15px 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;
	}
	.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: 80px 0px;
}
.abpdlist .ititle{
	font-size: 40px;
	text-align:center;
	font-weight:500;
}
.abpdlist .swiper{
	margin: 50px 0px 0px;
}
.abpdlist .swiper-slide a{
	display: block;
	border: 1px solid rgba(0, 0, 0, .11);
	padding: 0px 0px 30px;
}
.abpdlist .swiper-slide p{
	font-size: 16px;
	line-height: 26px;
	text-align:center;
}
@media (max-width:1440px) {
	.abpdlist{
		padding: 50px 0px;
	}
	.abpdlist .ititle{
		font-size: 30px;
	}
	.abpdlist .swiper{
		margin: 30px 0px 0px;
	}
	.abpdlist .swiper-slide a{
		padding: 0px 0px 20px;
	}
}
@media (max-width:992px) {
	.abpdlist{
		padding: 20px 0px;
	}
	.abpdlist .ititle{
		font-size: 20px;
	}
	.abpdlist .swiper{
		margin: 15px 0px 0px;
	}
	.abpdlist .swiper-slide a{
		padding: 0px 0px 10px;
	}
}
.pdmessage{
	background: rgba(0, 0, 0, .03);
	padding: 70px 0px;
}
.pdmessage .ititle{
	font-size: 40px;
	text-align: center;
	font-weight:500;
}
.pdmessage form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 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: 5px;
}
.pdmessage form input:nth-child(5){
	width: 100%;
}
.pdmessage form textarea{
	width: 100%;
	margin: 0px 0px 20px;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .1);
	line-height: 20px;
	padding: 15px;
	font-weight:300;
	resize: none;
}
.pdmessage form button{
	width: 200px;
	height: 55px;
	color: #fff;
	font-size: 16px;
	font-weight:300;
	line-height: 55px;
	border: 0;
	background: var(--bblue-color);
	border-radius: 5px;
	margin: 0 auto;
	transition: .3s;
}
.pdmessage form button:hover{
	cursor: pointer;
	background: var(--orange-color);
}
@media (max-width:1440px) {
	.pdmessage{
		padding: 50px 0px;
	}
	.pdmessage .ititle{
		font-size: 30px;
	}
	.pdmessage form{
		margin: 30px 0px 0px;
	}
	.pdmessage form input{
		margin: 0px 0px 10px;
		padding: 12px;
		height: 46px;
	}
	.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: 20px 0px;
	}
	.pdmessage .ititle{
		font-size: 20px;
	}
	.pdmessage form{
		margin: 15px 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;
	}
}
.iqalist{
	padding: 45px 0px 70px;
}
.iqalist ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media (max-width: 1440px) {
	.iqalist{
		padding: 35px 0px 60px;
	}
}
@media (max-width: 992px) {
	.iqalist{
		padding: 20px 0px;
	}
	.iqalist ul{
		grid-template-columns: 1fr;
		gap: 10px;
	}
}
.icontact{
	padding: 75px 0px 90px;
	display: flex;
	justify-content: space-between;
}
.icontact dl{
	width: 46%;
}
.icontact form{
	width: 44%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: flex-start;
}
.icontact dl dt{
	font-size: 36px;
	line-height: 44px;
	color: var(--blue-color);
	font-weight:500;
}
.icontact dl dd{
	font-size: 18px;
	line-height: 30px;
	margin: 20px 0px 35px;
}
.icontact form h1{
	font-size: 36px;
	line-height: 44px;
	color: var(--blue-color);
	font-weight:500;
	margin: 0px 0px 45px;
	width: 100%;
}
.icontact form input{
	line-height: 20px;
	padding: 25px 15px;
	height: 74px;
	border: 1px solid rgba(0, 0, 0, .1);
	width: 48%;
	margin: 0px 0px 25px;
	font-weight:300;
	font-size: 16px;
}
.icontact form textarea{
	line-height: 20px;
	padding: 25px 15px;
	border: 1px solid rgba(0, 0, 0, .1);
	width: 100%;
	resize: none;
	font-weight:300;
	margin: 0px 0px 25px;
	font-size: 16px;
}
.icontact form button{
	width: 295px;
	height: 80px;
	border: 0;
	border-radius: 41px;
	color: var(--white-color);
	background: var(--red-color);
	font-size: 20px;
	transition: .3s;
}
.icontact form button:hover{
	cursor: pointer;
	background: var(--blue-color);
}
.map{
	position: relative;
	z-index: 2;
	height: 70vh;
	width: 100%;
}
@media (max-width: 1440px) {
	.icontact{
		padding: 40px 0px;
	}
	.icontact dl dt{
		font-size: 26px;
		line-height: 34px;
	}
	.icontact dl dd{
		font-size: 16px;
		line-height: 24px;
		margin: 15px 0px 25px;
	}
	.icontact form h1{
		font-size: 26px;
		line-height: 34px;
		margin: 0px 0px 30px;
	}
	.icontact form input{
		line-height: 18px;
		padding: 20px 15px;
		height: 58px;
		margin: 0px 0px 20px;
		font-size: 14px;
	}
	.icontact form textarea{
		line-height: 18px;
		padding: 20px 15px;
		margin: 0px 0px 20px;
		font-size: 14px;
	}
	.icontact form button{
		width: 250px;
		height: 62px;
		border-radius: 31px;
		font-size: 16px;
	}
}
@media (max-width: 992px) {
	.icontact{
		padding: 20px 0px;
		flex-wrap: wrap;
	}
	.icontact dl{
		width: 100%;
	}
	.icontact form{
		width: 100%;
	}
	.icontact dl dt{
		font-size: 18px;
		line-height: 20px;
	}
	.icontact dl dd{
		font-size: 14px;
		line-height: 18px;
		margin: 10px 0px 15px;
	}
	.icontact form h1{
		font-size: 18px;
		line-height: 20px;
		margin: 0px 0px 20px;
	}
	.icontact form input{
		line-height: 20px;
		padding: 10px;
		height: 40px;
		margin: 0px 0px 10px;
	}
	.icontact form textarea{
		line-height: 20px;
		padding: 10px;
		margin: 0px 0px 10px;
	}
	.icontact form button{
		width: 100%;
		height: 42px;
		border-radius: 21px;
		font-size: 14px;
	}
}