.ibanner{
	position: relative;
}
.ibanner .ibtit{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	margin-top: -5px;
}
.ibanner .ibtit h2{
	font-size: 36px;
	line-height: 40px;
	margin: 0px 0px 10px;
}
.ibanner .ibtit h5{
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 20px;
	letter-spacing: 1px;
}
.ibanner .lanmu{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.lanmu ul{
	display: flex;
	justify-content: center;
}
.lanmu li{
	width: 20%;
	max-width: 325px;
}
.lanmu li{
	padding-right: 1px;
}
.lanmu li a{
	display: block;
	color: #fff;
	background-color: #393838;
	line-height: 55px;
	text-align: center;
	font-size: 24px;
	transition: .3s;
}
.lanmu li.on a,.lanmu li a:hover{
	background: #e60013;
}
@media (max-width:1440px) {
	.ibanner .ibtit{
		margin-top: -35px;
	}
	.ibanner .ibtit h2{
		font-size: 30px;
		line-height: 30px;
		margin: 0px 0px 10px;
	}
	.ibanner .ibtit h5{
		font-size: 12px;
		line-height: 16px;
	}
	.lanmu li{
		width: 20%;
		max-width: 325px;
	}
	.lanmu li a{
		line-height: 55px;
		font-size: 22px;
	}
}
@media (max-width:992px) {
	.ibanner{
		overflow: hidden;
	}
	.ibanner img{
		max-width: 160%;
		width: 160%;
	}
	.ibanner .ibtit{
		margin-top: -25px;
	}
	.ibanner .ibtit h2{
		font-size: 18px;
		line-height: 20px;
		margin: 0px 0px 2px;
	}
	.ibanner .ibtit h5{
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 0;
	}
	.lanmu ul{
		padding: 10px 0 0;
	}
	.lanmu li{
		width: 20%;
		max-width: 325px;
	}
	.lanmu li a{
		line-height: 35px;
		font-size: 14px;
	}
}
.ititle{
	text-align: center;
}
.ititle h2{
	color: #ff172d;
	font-size: 36px;
	line-height: 44px;
}
.ititle h4{
	font-size: 24px;
	color: #5c5959;
	line-height: 32px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: arial;
}
.iabout{
	padding: 110px calc((100% - 1520px) / 2) 0px 0px;
	display: grid;
	grid-template-columns: 2fr .9fr;
	grid-column-gap: 100px;
	align-items: center;
}
.iabout .iabtext{
	padding-bottom: 35px;
}
.iabout section{
	font-size: 16px;
	line-height: 24px;
	color: #4d4d4d;
	margin: 12% 0px 0;
}
@media (max-width:1440px) {
	.ititle h2{
		font-size: 28px;
		line-height: 36px;
	}
	.ititle h4{
		font-size: 20px;
		line-height: 26px;
	}
	.iabout{
		padding: 80px calc((100% - 1210px) / 2) 0px 0px;
		grid-template-columns: 2fr 1fr;
		grid-column-gap: 80px;
	}
	.iabout section{
		font-size: 14px;
		line-height: 24px;
		margin: 8% 0px 0;
	}
}
@media (max-width:992px) {
	.ititle h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ititle h4{
		font-size: 14px;
		line-height: 22px;
	}
	.iabout{
		padding: 20px 15px;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
	}
	.iabout .iabtext{
		padding-bottom: 0;
	}
	.iabout .iabimg{
		order: 2;
		margin: 15px 0px 0px;
	}
	.iabout section{
		font-size: 14px;
		line-height: 22px;
		margin: 10px 0px 0;
	}
}
.idatatxt{
	padding: 0px 0px 60px;
	margin-top: -35px;
	position: relative;
	z-index: 3;
}
.idatatxt ul{
	display: flex;
	justify-content: space-between;
	padding: 30px 10%;
	background: #e60013;
}
.idatatxt ul li{
	max-width: 25%;
	text-align: center;
}
.idatatxt li p{
	color: #fff;
	opacity: .7;
}
.idatatxt li i{
	font-size: 50px;
	line-height: 50px;
}
.idatatxt li h4{
	font-weight: normal;
	font-size: 36px;
	color: #fff;
	line-height: 40px;
	margin: 5px 0px;
	font-family: 'SourceHanSansB';
}
.idatatxt li h4 span{
	font-family: 'SourceHanSansB';
}
.idatatxt li h5{
	font-weight: normal;
	font-size: 18px;
	color: #fff;
}
@media (max-width:1440px) {
	.idatatxt{
		padding: 0px 0px 70px;
	}
	.idatatxt li i{
		font-size: 40px;
		line-height: 40px;
	}
	.idatatxt li h4{
		font-size: 26px;
		line-height: 36px;
	}
	.idatatxt li h5{
		font-size: 16px;
	}
}
@media (max-width:992px) {
	.idatatxt{
		padding: 0px 0px 20px;
		margin: 0;
	}
	.idatatxt ul{
		padding: 15px 0px;
		flex-wrap: wrap;
	}
	.idatatxt ul li{
		width: 50%;
		max-width: 50%;
		padding: 10px 0px;
	}
	.idatatxt li i{
		font-size: 30px;
		line-height: 30px;
	}
	.idatatxt li h4{
		font-size: 18px;
		line-height: 20px;
		margin: 5px 0px;
	}
	.idatatxt li h5{
		font-size: 14px;
		line-height: 16px;
	}
}
.ijob{
	background: #eeeeee url(../images/csbg.png) center 0 no-repeat;
	background-size: 100% auto;
	padding: 88px 0px;
	position: relative;
}
.ijob .ititle{
	margin-bottom: 45px;
}
.ijob dl{
	background: #fff;
	margin-bottom: 25px;
}
.ijob dl dt{
	padding: 0px 30px;
	display: flex;
	font-weight: normal;
	justify-content: space-between;
	border: 1px solid #ddd;
	line-height: 60px;
	align-items: center;
	cursor: pointer;
}
.ijob dt.on{
	background: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
}
.ijob dt p{
	font-size: 20px;
}
.ijob dt i{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #898686;
	padding: 0px 0px 0px 9px;
	line-height: 34px;
	color: #fff;
	font-size: 19px;
	transform: rotate(90deg);
	transition: .3s;
}
.ijob dt.on i{
	transform: rotate(-90deg);
	background: #fff;
	color: #ff0000;
	font-weight: bold;
}
.ijob dl dd{
	display: none;
	padding: 45px 35px 55px;
	font-size: 16px;
	line-height: 26px;
}
.ijob dd i{
	margin: 0px 20px;
}
@media (max-width:1440px) {
	.ijob dt p{
		font-size: 18px;
	}
	.ijob dt i{
		width: 28px;
		height: 28px;
		line-height: 28px;
		padding: 0px 0px 0px 7px;
		font-size: 17px;
	}
	.ijob dl dd{
		padding: 35px 25px 45px;
		font-size: 14px;
		line-height: 24px;
	}
}
@media (max-width:992px) {
	.ijob{
		padding: 25px 0px;
	}
	.ijob .ititle{
		margin-bottom: 25px;
	}
	.ijob dl{
		margin-bottom: 10px;
	}
	.ijob dl dt{
		padding: 0px 15px;
		line-height: 40px;
	}
	.ijob dt p{
		font-size: 16px;
	}
	.ijob dt i{
		width: 24px;
		height: 24px;
		padding: 0px 0px 0px 6px;
		line-height: 24px;
		font-size: 14px;
	}
	.ijob dl dd{
		padding: 20px 15px 25px;
		font-size: 14px;
		line-height: 22px;
	}
	.ijob dd i{
		margin: 0px 20px;
	}
}
.icontent{
	padding: 150px 0px;
}
.ijishu{
	display: grid;
	grid-template-columns: 6fr 5fr;
	grid-column-gap: 150px;
	align-items: center;
}
.ijishu dl{
	margin: 6% 0px;
}
.ijishu dt{
	border-bottom: 2px solid #b0b0b0;
	padding-bottom: 22px;
	position: relative;
}
.ijishu dt:after{
	content: "";
	position: absolute;
	width: 70%;
	height: 2px;
	top: 100%;
	left: 0;
	background: #e60013;
}
.ijishu dl h3{
	font-size: 36px;
	color: #ff172d;
	line-height: 50px;
}
.ijishu dt span{
	color: #5c5959;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}
.ijishu dd{
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	padding: 15px 0px;
}
.ijsimg{
	margin: 60px 0px 0px;
}
@media (max-width:1440px) {
	.icontent{
		padding: 80px 0px;
	}
	.ijishu{
		grid-column-gap: 100px;
	}
	.ijishu dl{
		margin: 5% 0px;
	}
	.ijishu dt{
		border-bottom: 2px solid #b0b0b0;
		padding-bottom: 10px;
	}
	.ijishu dl h3{
		font-size: 24px;
		line-height: 40px;
	}
	.ijishu dt span{
		font-size: 14px;
		line-height: 20px;
	}
	.ijishu dd{
		font-size: 16px;
		line-height: 30px;
	}
	.ijsimg{
		margin: 50px 0px 0px;
	}
}
@media (max-width:992px) {
	.icontent{
		padding: 20px 0px;
	}
	.ijishu{
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
	}
	.ijishu dl{
		margin: 10px 0px;
	}
	.ijishu dt{
		border-bottom: 2px solid #b0b0b0;
		padding-bottom: 5px;
	}
	.ijishu dl h3{
		font-size: 18px;
		line-height: 22px;
	}
	.ijishu dt span{
		font-size: 12px;
		line-height: 20px;
	}
	.ijishu dd{
		font-size: 14px;
		line-height: 22px;
		padding: 10px 0px;
	}
	.ijsimg{
		margin: 0px 0px 0px;
	}
}
.icben{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.icben #main1{
	width: 455px;
	height: 455px;
	border: 30px solid #f98e96;
	border-radius: 50%;
}
.icben #main2{
	width: 500px;
	height: 500px;
	border-radius: 50%;
}
.icbtext{
	font-size: 30px;
	line-height: 60px;
	color: #393838;
	margin: 0px 0px 5%;
}
.iconsmall{
	padding: 90px 0px 45px;
}
@media (max-width:1440px) {
	.icbtext{
		font-size: 20px;
		line-height: 40px;
	}
}
@media (max-width:992px) {
	.iconsmall{
		padding: 20px 0px;
	}
	.icbtext{
		font-size: 16px;
		line-height: 30px;
	}
	.icben{
		flex-wrap:wrap;
	}
	.icben #main1{
		width: 320px;
		height: 320px;
		border: 20px solid #f98e96;
	}
	.icben #main2{
		width: 350px;
		height: 350px;
	}
}
.intit{
	padding-right: 60%;
}
.intit span{
	display: block;
	position: relative;
	padding-bottom: 25px;
}
.intit span:after{
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	background: #b0b0b0;
	bottom: 0;
	left: 0;
}
.intit span:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 70%;
	background: #fa2236;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.intit h3{
	font-size: 36px;
	line-height: 40px;
	color: #393838;
	margin: 0px 0px 7px;
}
.intit p{
	font-size: 14px;
	text-transform: uppercase;
	color: #5c5959;
	font-family: arial;
	line-height: 20px;
}
@media (max-width:1440px) {
	.intit span{
		padding-bottom: 20px;
	}
	.intit h3{
		font-size: 26px;
		line-height: 30px;
		margin: 0px 0px 5px;
	}
}
@media (max-width:992px) {
	.intit{
		padding-right: 0;
	}
	.intit span{
		padding-bottom: 10px;
	}
	.intit h3{
		font-size: 16px;
		line-height: 20px;
		margin: 0px 0px 5px;
	}
	.intit p{
		font-size: 12px;
		line-height: 14px;
	}
}
.isbei{
	padding: 60px 0px 0px;
}
.isbei ul{
	column-count: 4; /* 列数可以根据需要调整 */
	column-gap: 10px;
}
.isbei ul li{
	margin-bottom: 10px;
}
.isbei li a{
	display:block;
	overflow:hidden;
	padding:5px;
	border:1px solid #ddd;
}
.inqtit{
	padding-right: 45%;
}
.izhizao{
	padding: 70px 0px 0px;
}
.izhizao ul{
	display: flex;
	align-items: center;
	margin: 0px 0px 100px;
}
.izhizao li{
	background: #393838;
	color: #fff;
	line-height: 60px;
	font-size: 24px;
	padding: 0px 25px;
}
.izhizao ul i{
	border-left: 12px solid #888888;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	margin: 0px 25px 0px 30px;
}
.izhizao section{
	font-size: 18px;
	line-height: 32px;
	color: #030303;
}
@media (max-width:1440px) {
	.isbei{
		padding: 40px 0px 0px;
	}
	.inqtit{
		padding-right: 45%;
	}
	.izhizao{
		padding: 50px 0px 0px;
	}
	.izhizao ul{
		margin: 0px 0px 60px;
	}
	.izhizao li{
		line-height: 50px;
		font-size: 18px;
		padding: 0px 15px;
	}
	.izhizao ul i{
		border-left: 10px solid #888888;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		margin: 0px 20px 0px 25px;
	}
	.izhizao section{
		font-size: 16px;
		line-height: 26px;
	}
}
@media (max-width:992px) {
	.inqtit{
		padding-right: 0;
	}
	.isbei{
		padding: 15px 0px 0px;
	}
	.isbei ul{
		column-count: 2; /* 列数可以根据需要调整 */
		column-gap: 6px;
	}
	.isbei ul li{
		margin-bottom: 6px;
	}
	.isbei li a{
		padding:3px;
	}
	.izhizao{
		padding: 15px 0px 0px;
	}
	.izhizao ul{
		margin: 0px 0px 0px;
		flex-wrap:wrap;
	}
	.izhizao li{
		line-height: 34px;
		font-size: 14px;
		padding: 0px 15px;
		margin-bottom:10px;
	}
	.izhizao ul i{
		border-left: 6px solid #888888;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin: 0px 10px 10px 15px;
	}
	.izhizao section{
		font-size: 14px;
		line-height: 24px;
	}
}
.izzscroll{
	margin: 60px 0px 0px;
	position: relative;
}
.izzscroll .swiper{
	position: static;
}
.izzscroll .swiper .swiper-button{
	width: 70px;
	height: 70px;
	margin-top: -35px;
}
.izzscroll .swiper .swiper-button:after{
	display: none;
}
.izzscroll .swiper .swiper-button i{
	color: #d81e06;
	font-size: 70px;
	line-height: 70px;
}
.izzscroll .swiper .swiper-button-next{
	right: calc((100% - 1520px) / 2 - 80px);
}
.izzscroll .swiper .swiper-button-prev{
	left: calc((100% - 1520px) / 2 - 80px);
}
@media (max-width:1440px) {
	.izzscroll{
		margin: 50px 0px 0px;
	}
	.izzscroll .swiper{
		position:relative;
	}
	.izzscroll .swiper .swiper-button{
		width: 50px;
		height: 50px;
		margin-top: -25px;
	}
	.izzscroll .swiper .swiper-button i{
		font-size: 50px;
		line-height: 50px;
	}
	.izzscroll .swiper .swiper-button-next{
		right: 0px;
	}
	.izzscroll .swiper .swiper-button-prev{
		left: 0px;
	}
}
@media (max-width:992px) {
	.izzscroll{
		margin: 20px 0px 0px;
	}
	.izzscroll .swiper .swiper-button{
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.izzscroll .swiper .swiper-button i{
		font-size: 30px;
		line-height: 30px;
	}
}
.imana{
	padding-top: 80px;
}
.imana .swiper{
	padding: 100px 0px;
}
.imana .swiper .swiper-slide{
	transition: .3s;
}
.imana .swiper .swiper-slide-active{
	transform: scale(1.4);
	z-index: 6;
}
.imana .swiper .swiper-slide-prev{
	transform: scale(1.2);
	z-index: 3;
}
.imana .swiper .swiper-slide-next{
	transform: scale(1.2);
	z-index: 3;
}
.imana .swiper .swiper-button{
	margin-top: 0;
	width: 35%;
	height: 100%;
	top: 0;
	opacity: 0;
}
.imana .swiper .swiper-button-next{
	right: 0;
}
.imana .swiper .swiper-button-prev{
	left: 0;
}
.imana .imntit{
	text-align: center;
	font-size: 24px;
	color: #393838;
	line-height: 36px;
	margin: 50px 0px 0px;
}
@media (max-width:992px) {
	.imana{
		padding-top: 20px;
	}
	.imana .swiper{
		padding: 40px 0px;
	}
	.imana .swiper .swiper-slide-active{
		transform: scale(1.4);
		z-index: 6;
	}
	.imana .swiper .swiper-slide-prev{
		transform: scale(1);
	}
	.imana .swiper .swiper-slide-next{
		transform: scale(1);
	}
	.imana .imntit{
		font-size: 16px;
		line-height: 26px;
		margin: 10px 0px 0px;
	}
}
.izztit{
	padding-right: 22%;
}
.izztit label{
	color: #e60013;
}
.ischan{
	padding: 90px 0px 0px;
}
.ischan ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: url(../images/sxbg.png) center no-repeat;
}
.ischan ul li{
	padding-bottom: 90px;
}
.ischan ul li a{
	display:grid;
	grid-template-columns:1fr;
	color:#000;
}
.ischan ul li p{
	text-align: center;
	font-size: 30px;
	line-height: 80px;
}
.ischan ul li:nth-child(1){
	width: 55%;
}
.ischan ul li:nth-child(2){
	width: 50%;
	position: relative;
	z-index: 2;
	margin-top: -30%;
	margin-left:50%;
}
.ischan ul li:nth-child(2) img{
	order:3;
}
.ischan ul li:nth-child(3){
	width: 40%;
}
.ischan ul li:nth-child(4){
	width: 55%;
}
@media (max-width:1440px) {
	.ischan{
		padding: 60px 0px 0px;
	}
	.ischan ul{
		background-size:40% auto;
	}
	.ischan ul li{
		padding-bottom: 50px;
	}
	.ischan ul li p{
		font-size: 22px;
		line-height: 60px;
	}
}
@media (max-width:992px) {
	.izztit{
		padding-right: 0;
	}
	.ischan{
		padding: 20px 0px 0px;
	}
	.ischan ul li{
		padding-bottom: 15px;
	}
	.ischan ul li:nth-child(1){
		width: 100%;
	}
	.ischan ul li:nth-child(2){
		width: 100%;
		margin-top: 0;
		margin-left:0;
	}
	.ischan ul li:nth-child(2) img{
		order:0;
	}
	.ischan ul li:nth-child(3){
		width: 100%;
	}
	.ischan ul li:nth-child(4){
		width: 100%;
	}
	.ischan ul li p{
		font-size: 14px;
		margin:10px 0px 0px;
		line-height: 20px;
	}
}
.map #container{
	height: 535px;
	width: 100%;
}
.icontact{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 60px;
	padding: 80px 0;
}
.icontact form{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content:flex-start;
}
.icontact form input{
	line-height: 26px;
	padding: 20px;
	height: 66px;
	border: 0;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	width: 48%;
	font-size: 18px;
}
.icontact form textarea{
	line-height: 26px;
	padding: 20px;
	border: 0;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	width: 100%;
	font-size: 18px;
	resize: none;
	margin: 35px 0;
}
.icontact form button{
	margin: 0 0 0 auto;
	width: 170px;
	height: 48px;
	border: 0;
	background: #ff172d;
	color: #fff;
	font-size: 18px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	border-radius: 10px;
}
.icontact dt{
	font-size: 30px;
	color: #ff172d;
	line-height: 30px;
}
.icontact section{
	font-size: 16px;
	line-height: 26px;
	color: #403f3f;
	margin: 25px 0px 60px;
}
.icontact li{
	display: flex;
	padding: 10px 0px;
}
.icontact li i{
	width: 30px;
	font-size: 30px;
	color: #e60013;
	text-align: center;
	line-height: 40px;
}
.icontact li:nth-child(1) i{
	font-size: 34px;
}
.icontact li:nth-child(2) i{
	font-size: 28px;
}
.icontact li:nth-child(3) i{
	font-size: 26px;
}
.icontact li span{
	width: calc(100% - 30px);
	color: #b3b3b3;
	font-size: 18px;
	line-height: 40px;
	padding-left: 20px;
}
@media (max-width:1440px) {
	.map #container{
		height: 435px;
	}
	.icontact{
		grid-column-gap: 40px;
		padding: 60px 0;
	}
	.icontact form input{
		line-height: 20px;
		padding: 15px;
		height: 50px;
		border-radius: 5px;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, .1);
		font-size: 16px;
	}
	.icontact form textarea{
		line-height: 20px;
		padding: 15px;
		border-radius: 5px;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
		font-size: 16px;
		margin: 30px 0;
	}
	.icontact form button{
		width: 170px;
		height: 44px;
		font-size: 16px;
		box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
		border-radius: 5px;
	}
	.icontact dt{
		font-size: 22px;
		line-height: 24px;
	}
	.icontact section{
		font-size: 14px;
		line-height: 22px;
		margin: 15px 0px 25px;
	}
	.icontact li{
		padding: 5px 0px;
	}
	.icontact li i{
		width: 30px;
		font-size: 22px;
		line-height: 30px;
	}
	.icontact li:nth-child(1) i{
		font-size: 26px;
	}
	.icontact li:nth-child(2) i{
		font-size: 20px;
	}
	.icontact li:nth-child(3) i{
		font-size: 20px;
	}
	.icontact li span{
		font-size: 16px;
		line-height: 30px;
		padding-left: 20px;
	}
}
@media (max-width:992px) {
	.map #container{
		height: 250px;
	}
	.icontact{
		grid-template-columns:1fr;
		grid-column-gap: 0px;
		padding: 20px 0;
	}
	.icontact form input{
		padding: 10px;
		height: 40px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
		font-size: 14px;
	}
	.icontact form textarea{
		padding: 10px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
		font-size: 14px;
		margin: 15px 0;
	}
	.icontact form button{
		width: 100%;
		height: 40px;
		font-size: 14px;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
	}
	.icontact dl{
		padding:25px 0px 0px;
	}
	.icontact dt{
		font-size: 18px;
		line-height: 20px;
	}
	.icontact section{
		line-height: 20px;
		margin: 10px 0px 20px;
	}
	.icontact li{
		padding: 0px 0px;
	}
	.icontact li span{
		font-size: 14px;
		padding-left: 5px;
	}
}
.iprobg{
	background:rgba(247,250,255,1);
}
.iproduct{
	display:flex;
	justify-content:space-between;
	padding:55px 0px 60px;
}
.ipdlist{
	width:22%;
}
.ipdcont{
	width:75%;
}
.ipdlist h2{
	font-size:20px;
	color:#fff;
	background:#e0042a;
	line-height:60px;
	padding:0px 20px;
}
.ipdlist ul{
	background:#fff;
}
.ipdlist li{
	border-bottom:1px solid #eee;
}
.ipdlist li:last-child{
	border-bottom:0;
}
.ipdlist li a{
	display:flex;
	align-items:center;
	color:#000;
	font-size:15px;
	padding:17px 0px 17px 20px;
	line-height:20px;
	transition:.3s;
}
.ipdlist li p{
	width:calc(100% - 45px);
}
.ipdlist li i{
	width:44px;
	text-align:center;
}
.ipdlist li a:hover{
	color:#e0042a;
	padding:17px 0px 17px 12px;
}
.ipdlist li.on a{
	color:#e0042a;
}
.ipdlist .swiper{
	background:#fff;
}
.ipdlist .swiper-slide{
	padding:20px 10px;
}
.ipdlist .swiper-slide p{
	text-align:center;
	font-size:16px;
	line-height:20px;
	padding:10px;
	color:#000;
}
.ipdlist .swiper .swiper-button{
	width:42px;
	height:42px;
	border-radius:50%;
	margin-top:-41px;
	background:rgba(0,0,0,.6);
	transition:.3s;
}
.ipdlist .swiper .swiper-button:after{
	color:#fff;
	font-size:22px;
}
.ipdlist .swiper .swiper-button:hover{
	background:#e0042a;
}
.ipdcont h3{
	background:#fff;
	margin-bottom:25px;
	font-size:18px;
	line-height:20px;
	padding:20px;
	display:flex;
	justify-content:space-between;
}
.ipdcont h3 dl{
	display:flex;
}
.ipdcont h3 dd{
	margin-left:20px;
}
.ipdcont h3 dd:first-child{
	margin-left:0;
}
.ipdcont h3 dd a{
	display:block;
	color:#000;
	font-size:14px;
	line-height:20px;
	position:relative;
	font-weight:normal;
	text-transform:uppercase;
}
.ipdcont h3 dd a:after{
	content:"";
	position:absolute;
	width:100%;
	top:100%;
	left:0;
	height:2px;
	background:#e0042a;
	opacity:0;
}
.ipdcont h3 dd a:hover,.ipdcont h3 dd.on a{
	color:#e0042a;
}
.ipdcont h3 dd.on a:after{
	opacity:1;
}
.ipdcont ul{
	display:none;
	flex-wrap:wrap;
	grid-gap:24px;
}
.ipdcont ul.pc{
	display:flex;
}
.ipdcont li{
	width:calc(33.33333333333% - 16px);
}
.ipdcont li a{
	display: block;
	background: #494949;
	transition: .3s;
	color: #fff;
}
.ipdcont li p{
	line-height: 55px;
	padding: 0px 15px;
	font-size: 16px;
	position: relative;
}
.ipdcont li a:hover{
	background: #ff172d;
	transform: translateY(-10px);
}
.ipdcont li p:after{
	content: "";
	width: 20px;
	height: 20px;
	background: url(../images/jt18.svg) center no-repeat;
	background-size: auto 14px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -10px;
	transition: .3s;
}
.ipdcont li a:hover p:after{
	background: url(../images/jt18n.svg) center no-repeat;
	background-size: auto 14px;
	transform: rotate(90deg);
}
.pagelist{
	display:flex;
	justify-content:center;
	padding-top:30px;
}
.pagelist a{
	line-height: 30px;
	height: 30px;
	width: 30px;
	margin: 0 3px;
	text-align: center;
	background: #f4f4f4;
	color: #666;
	font-size:14px;
	font-family:arial;
	transition:.3s;
}
.pagelist a.page-num-current{
	color:#fff;
	background:#070001;
}
.pagelist a:hover{
	background:#e6f4ff;
	color:#30a7fd
}
@media (max-width:1440px) {
	.iproduct{
		padding:50px 0px;
	}
	.ipdlist{
		width:22%;
	}
	.ipdcont{
		width:75%;
	}
	.ipdlist h2{
		font-size:18px;
		line-height:50px;
		padding:0px 15px;
	}
	.ipdlist li a{
		font-size:14px;
		padding:13px 0px 13px 15px;
	}
	.ipdlist li p{
		width:calc(100% - 45px);
	}
	.ipdlist li i{
		width:44px;
	}
	.ipdlist li a:hover{
		color:#e0042a;
		padding:13px 0px 13px 10px;
	}
	.ipdlist .swiper-slide{
		padding:15px 10px;
	}
	.ipdlist .swiper-slide p{
		font-size:14px;
		padding:10px;
	}
	.ipdlist .swiper .swiper-button{
		width:34px;
		height:34px;
		margin-top:-34px;
	}
	.ipdlist .swiper .swiper-button:after{
		font-size:16px;
	}
	.ipdcont h3{
		margin-bottom:20px;
		font-size:18px;
		padding:15px;
	}
	.ipdcont ul{
		grid-gap:18px;
	}
	.ipdcont li{
		width:calc(33.33333333333% - 12px);
	}
	.ipdcont li p{
		line-height: 45px;
		padding: 0px 10px;
		font-size: 14px;
	}
	.ipdcont li a:hover{
		transform: translateY(-5px);
	}
	.ipdcont li p:after{
		background-size: auto 10px;
	}
	.ipdcont li a:hover p:after{
		background-size: auto 10px;
	}
	.pagelist{
		padding-top:25px;
	}
}
#load-more-btn{
	display:none;
	width:100%;
	background:#fff;
	margin:15px 0px;
	color:#000;
	line-height:36px;
	text-align:center;
}
#load-more-btn:hover{
	color:#fff;
	background:#f00;
}
@media (max-width:992px) {
	.iproduct{
		padding:15px 0px;
		flex-wrap:wrap;
	}
	.ipdlist{
		display:none;
	}
	.ipdcont{
		width:100%;
	}
	.ipdcont h3{
		margin-bottom:10px;
		font-size:16px;
		padding:10px;
	}
	.ipdcont ul{
		justify-content:space-between;
		grid-gap:10px;
	}
	.ipdcont ul.pc{
		display:none;
	}
	.ipdcont ul.mb{
		display:flex;
	}
	.ipdcont li{
		width:calc(50% - 5px);
	}
	.ipdcont li p{
		line-height: 36px;
		padding: 0px 8px;
	}
	.pagelist{
		padding-top:15px;
	}
	#load-more-btn{
		display:block;
	}
	.ipdcont .pagelist{
		display:none;
	}
	.pagelist a{
		line-height: 26px;
		height: 26px;
		width: 26px;
		margin: 0 2px;
		font-size:14px;
	}
}
.ipdcontd{
	background:#fff;
	padding:35px;
	width:75%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-content:flex-start;
}
.ipdcontd .ipdimg{
	width:45%;
}
.ipdcontd .ipdtext{
	width:48%;
}
.ipdcontd .ipdimg .swiper{
	border:1px solid #ddd;
}
.ipdcontd .ipdimg .swiper-slide{
	padding:20px 0px;
}
.ipdcontd .ipdimg .swiper .swiper-button{
	opacity:0;
}
.ipdcontd .ipdimg .swiper .swiper-button:after{
	font-size:28px;
	color:#3e63a7;
}
.ipdcontd .ipdimg .swiper:hover .swiper-button{
	opacity:1;
}
.zoom-view {
    position: absolute;
    border: 1px solid #ddd;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: none;
    pointer-events: none;
}
.ipdcontd .ipdtext .ipdbtit{
	color:#000;
	font-weight:bold;
	font-size:20px;
	line-height:30px;
	border-bottom:1px solid #eee;
	padding-bottom:12px;
}
.ipdcontd .ipdtext section{
	padding:25px 0px;
	margin:0px 0px 20px;
	color:#333;
	line-height:24px;
	font-size:14px;
	border-bottom:1px solid #eee;
}
.ipdcontd .ipdtext dl{
	display:flex;
	justify-content:space-between;
	padding:30px 0px 0px;
}
@media (max-width:1440px) {
	.ipdcontd{
		padding:20px;
		width:75%;
	}
	.ipdcontd .ipdimg{
		width:42%;
	}
	.ipdcontd .ipdtext{
		width:53%;
	}
	.ipdcontd .ipdimg .swiper-slide{
		padding:15px 0px;
	}
	.ipdcontd .ipdtext .ipdbtit{
		font-size:18px;
		line-height:24px;
		padding-bottom:10px;
	}
	.ipdcontd .ipdtext section{
		padding:15px 0px;
		margin:0px 0px 15px;
		line-height:20px;
		font-size:14px;
	}
	.ipdcontd .ipdtext dl{
		padding:20px 0px 0px;
	}
}
@media (max-width:992px) {
	.ipdcontd{
		padding:10px;
		width:100%;
		flex-wrap:wrap;
	}
	.ipdcontd .ipdimg{
		width:100%;
	}
	.ipdcontd .ipdtext{
		width:100%;
	}
	.ipdcontd .ipdimg .swiper-slide{
		padding:0px 0px;
	}
	.ipdcontd .ipdtext .ipdbtit{
		font-size:15px;
		line-height:20px;
		padding:10px 0;
	}
	.ipdcontd .ipdtext section{
		padding:10px 0px;
		margin:0px 0px 10px;
		line-height:20px;
		font-size:14px;
	}
	.ipdcontd .ipdtext dl{
		padding:10px 0px 0px;
	}
}
.ipdcontd .ipdtext dd,.ipdcontd .ipdtext dt{
	display:flex;
	justify-content:center;
	align-items:center;
	width:47%;
	border:1px solid #3e63a7;
	color:#3e63a7;
	height:44px;
	border-radius:22px;
	font-size:14px;
	line-height:22px;
	cursor:pointer;
	transition:.3s;
}
.ipdcontd .ipdtext dt{
	background: #3e63a7;
	color:#fff;
}
.ipdcontd .ipdtext dt:hover{
	border:1px solid #e0042a;
	background: #e0042a;
}
.ipdcontd .ipdtext dd:hover{
	background: #e6f4ff;
}
.ipdcontd .ipdtext dl i{
	font-size:20px;
	margin-top:2px;
	margin-right:5px;
}
.ipdcontd .ipdtext h2{
	font-size:17px;
	line-height:24px;
	display:flex;
	align-items:center;
	padding:5px 0px;
}
.ipdcontd .ipdtext h2 i{
	font-size:22px;
	margin-top:3px;
	margin-right:5px;
	font-weight:normal;
}
@media (max-width:1440px) {
	.ipdcontd .ipdtext dd,.ipdcontd .ipdtext dt{
		height:40px;
		border-radius:20px;
		line-height:20px;
	}
	.ipdcontd .ipdtext h2{
		font-size:15px;
		line-height:20px;
		padding:5px 0px;
	}
	.ipdcontd .ipdtext h2 i{
		font-size:20px;
	}
}
@media (max-width:992px) {
	.ipdcontd .ipdtext dd,.ipdcontd .ipdtext dt{
		height:36px;
		border-radius:18px;
	}
	.ipdcontd .ipdtext h2{
		font-size:14px;
		padding:0px 0px;
	}
}
.ipdcontd .ipddetails{
	width:100%;
	padding:60px 0px 0px;
}
.ipdcontd .ipddbt{
	display:flex;
	border-bottom:2px solid #3e63a7;
}
.ipdcontd .ipddbt p{
	color:#fff;
	background:#3e63a7;
	line-height:42px;
	padding:0px 50px;
	font-size:16px;
	letter-spacing:2px;
	font-weight:bold;
	border-radius:7px 7px 0px 0px;
}
.ipdcontd .ipddetails section{
	font-size:16px;
	line-height:32px;
	color:#666;
	padding:20px 5px;
}
.ipdcontd .izixun{
	width:100%;
	position:relative;
	padding:70px 0 40px;
}
.ipdcontd .izixun:after{
	content:"";
	position:absolute;
	top:0;
	left:-35px;
	height:35px;
	background:rgba(247,250,255,1);
	width:calc(100% + 70px);
}
.ipdcontd .izixun form{
	padding:35px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.ipdcontd .izixun input{
	margin-bottom: 20px;
	height: 46px;
	width: 100%;
	border: 1px solid #ced4da;
	padding:0px 15px;
	font-size:14px;
	line-height:20px;
}
.ipdcontd .izixun input.ban{
	width:49%;
}
.ipdcontd .izixun textarea{
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #ced4da;
	padding: 10px 15px;
	font-size:14px;
	line-height:20px;
	resize:none;
}
.ipdcontd .izixun button{
	width: 180px;
	border: none;
	height:48px;
	border-radius:24px;
	background: #3e63a7;
    transition: all .3s ease;
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	margin:0 auto;
}
.ipdcontd .izixun button:hover{
	background:#e0042a;
}
.ipdcontd .irelated{
	width:100%;
	position:relative;
	padding:70px 0 30px;
}
.ipdcontd .irelated:after{
	content:"";
	position:absolute;
	top:0;
	left:-35px;
	height:35px;
	background:rgba(247,250,255,1);
	width:calc(100% + 70px);
}
.irelated .swiper{
	margin:25px 5px 0px;
}
.irelated .swiper-slide{
	padding:0px 1px;
}
.irelated .swiper-slide a{
	display:block;
	border:1px solid #eee;
	padding:15px 10px 35px;
	position:relative;
}
.irelated .swiper-slide p{
	font-size:16px;
	font-weight:bold;
	color:#000;
	line-height:22px;
	text-align:center;
	padding:10px 0px 0px;
	text-decoration:underline;
}
.irelated .swiper-slide a:after{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	border-right:66px #3e63a7 solid;
	border-top:60px transparent solid;
}
.irelated .swiper .swiper-button{
	opacity:0;
}
.irelated .swiper:hover .swiper-button{
	opacity:1;
}
@media (max-width:1440px) {
	.ipdcontd .ipddetails{
		padding:40px 0px 0px;
	}
	.ipdcontd .ipddbt p{
		line-height:40px;
		padding:0px 40px;
		font-size:14px;
		letter-spacing:1px;
		border-radius:5px 5px 0px 0px;
	}
	.ipdcontd .ipddetails section{
		font-size:14px;
		line-height:28px;
		padding:15px 5px;
	}
	.ipdcontd .izixun{
		padding:60px 0 20px;
	}
	.ipdcontd .izixun:after{
		left:-20px;
		height:30px;
		width:calc(100% + 40px);
	}
	.ipdcontd .izixun form{
		padding:20px 0px 0px;
	}
	.ipdcontd .izixun input{
		margin-bottom: 10px;
		height: 40px;
		padding:0px 10px;
	}
	.ipdcontd .izixun input.ban{
		width:49%;
	}
	.ipdcontd .izixun textarea{
		margin-bottom: 10px;
		padding: 10px 10px;
	}
	.ipdcontd .izixun button{
		height:42px;
		border-radius:22px;
		font-size: 14px;
	}
	.ipdcontd .irelated{
		padding:60px 0 20px;
	}
	.ipdcontd .irelated:after{
		left:-20px;
		height:30px;
		width:calc(100% + 40px);
	}
	.irelated .swiper{
		margin:20px 5px 0px;
	}
	.irelated .swiper-slide a{
		padding:10px 5px 25px;
	}
	.irelated .swiper-slide p{
		font-size:14px;
		line-height:20px;
		padding:10px 0px 0px;
	}
	.irelated .swiper-slide a:after{
		border-right:46px #3e63a7 solid;
		border-top:40px transparent solid;
	}
}
@media (max-width:992px) {
	.ipdcontd .ipddetails{
		padding:20px 0px 0px;
	}
	.ipdcontd .ipddbt p{
		line-height:34px;
		padding:0px 30px;
		border-radius:4px 4px 0px 0px;
	}
	.ipdcontd .ipddetails section{
		font-size:14px;
		line-height:24px;
		padding:10px 1px;
	}
	.ipdcontd .izixun{
		padding:25px 0 20px;
	}
	.ipdcontd .izixun:after{
		left:-10px;
		height:10px;
		width:calc(100% + 20px);
	}
	.ipdcontd .izixun form{
		padding:15px 0px 0px;
	}
	.ipdcontd .izixun button{
		height:40px;
		border-radius:20px;
	}
	.ipdcontd .irelated{
		padding:30px 0 20px;
	}
	.ipdcontd .irelated:after{
		left:-10px;
		height:10px;
		width:calc(100% + 20px);
	}
	.irelated .swiper{
		margin:10px 5px 0px;
	}
	.irelated .swiper-slide a{
		padding:10px 5px 15px;
	}
	.irelated .swiper-slide p{
		font-size:14px;
		line-height:20px;
		padding:10px 0px 0px;
	}
	.irelated .swiper-slide a:after{
		border-right:26px #3e63a7 solid;
		border-top:20px transparent solid;
	}
}
.inews{
	padding:60px 0px;
}
.inews ul{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:35px;
}
.inews li a{
	display: block;
	background-color: #fff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
	transition: .3s;
}
.inews li a section{
	padding: 20px 15px 30px;
}
.inews li a i{
	display:block;
	overflow:hidden;
	max-height: 185px;
}
.inews li a img{
	transition:1s;
}
.inews li a:hover img{
	transform:scale(1.1);
}
.inews li a h3{
	font-size: 18px;
	color: #000;
	line-height: 22px;
	display: flex;
}
.inews li a h3::before{
	content: "●";
	color: #ff0000;
	font-size: 22px;
	line-height: 20px;
	margin-right: 7px;
}
.inews li a span{
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #787878;
	margin: 10px 3px 12px;
	height: 48px;
	overflow: hidden;
}
.inews li section>p{
	display:flex;
	align-items:center;
	color:#666;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.inews li a b{
	margin:0px 5px 2px 0;
	font-size:18px;
}
.inews li a:hover{
	background: #ff172d;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, .3);
}
.inews li a:hover span,.inews li a:hover h3,.inews li a:hover h3:before,.inews li a:hover p{
	color: #fff;
	
}
@media (max-width:1440px) {
	.inews{
		padding:50px 0px;
	}
	.inews ul{
		grid-template-columns:repeat(3,1fr);
		grid-gap:20px;
	}
	.inews li a section{
		padding: 20px 15px;
	}
	.inews li a h3{
		font-size: 16px;
		line-height: 20px;
	}
	.inews li a h3::before{
		font-size: 18px;
		line-height: 18px;
		margin-right: 5px;
	}
	.inews li a span{
		font-size: 14px;
		line-height: 22px;
		margin: 6px 3px 10px;
	}
	.inews li section>p{
		font-size:14px;
		line-height:20px;
	}
	.inews li a b{
		font-size:18px;
	}
	.inews li a:hover{
		box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);
	}
}
@media (max-width:992px) {
	.inews{
		padding:15px 0px;
	}
	.inews ul{
		grid-template-columns:repeat(1,1fr);
		grid-gap:15px;
	}
	.inews li a section{
		padding: 15px;
	}
	.inews li a h3{
		font-size: 14px;
		line-height: 20px;
	}
	.inews li a h3::before{
		font-size: 18px;
		line-height: 18px;
		margin-right: 5px;
	}
	.inews li a span{
		font-size: 13px;
		line-height: 20px;
		margin: 5px 2px 7px;
	}
	.inews li section>p{
		font-size:12px;
		line-height:16px;
	}
	.inews li a b{
		font-size:16px;
		margin:0px 5px 0px 0;
	}
	.inews li a:hover{
		box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
	}
}
.inewsd{
	padding: 50px 0 60px;
}
.inewsd .intit{
	border-bottom:2px solid #ddd;
	text-align:center;
	padding:0px 0px 15px;
}
.inewsd .intit h1{
	font-size:24px;
	color:#000;
	line-height:36px;
}
.inewsd .intit h5{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#666;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin:10px 0px 0px;
}
.inewsd .intit h5 i{
	font-size:18px;
	margin:0px 5px 2px 0px;
}
.inewsd section{
	line-height:26px;
	font-size:14px;
	margin:20px 0px;
	padding:0px 10px;
	color:#666;
}
.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;
}
.text-secondary{
	width:100%;
	margin:30px 0px 0px;
	display:flex;
	justify-content:space-between;
	border-top:2px solid rgba(0,0,0,.1);
	border-bottom:2px solid rgba(0,0,0,.1);
	padding:20px 0px;
}
.text-secondary p{
	max-width:50%;
}
.text-secondary a{
	color:#666;
}
.text-secondary a:hover{
	color:#f00;
	text-decoration:underline;
}
@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;
		margin:0px 0px 0px;
		padding:10px 0px;
	}
	.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;
	}
}