/*产品智能检索*/
.pd9330{padding:0.93rem 0 0.3rem 0;}
.pdb90{padding-bottom:0.4rem;}



/*共用标题*/
.pd7700 {padding: 0.7rem 0 0 0;}
.titleCon p:last-child {margin-top: 0.15rem;}



/*整车整机解决方案*/
.zczjBox {padding-bottom:0.6rem;}
.zczjBox .disFlex {display: flex;align-items: flex-start;justify-content: flex-start;}
.zczjBox .disFlex .zczjLeft {width: 4.04rem;margin-right: 20px;margin-top:20px;}
.zczjBox .disFlex .zczjRight {width : calc ( 100% - 4.04rem - 20px );}
.zczjBox .disFlex .zczjRight .zczjTabCon {display:none;}

/*整车整机tab切换*/
.zczjNav { display: flex;justify-content: flex-end;align-items: center; margin-top: 0.7rem;padding-bottom: 0.3rem;}
.zczjNav .zczjTab { display: flex; justify-content: flex-start; align-items: center;}
.zczjNav .zczjTab .zczjTabItem {margin-right: 0.4rem;position: relative;cursor: pointer;}
.zczjNav .zczjTab .zczjTabItem::after {content: "";display: inline-block;width: 1px;height: 0.2rem;background: #ABABAB;position: absolute;top: 50%;right: 0;margin-top: -0.1rem;margin-right: -0.2rem;}
.zczjNav .zczjTab .zczjTabItem:last-child {margin-right: 0.5rem;}
.zczjNav .zczjTab .zczjTabItem:last-child::after { content: unset;}
.zczjNav .zczjTab .zczjTabItem::before {content: "";position: absolute;bottom: -0.06rem;left: 50%;width: 0;height: 2px; background: #003B83;transition: all 0.6s ease;}
.zczjNav .zczjTab .zczjTabItem.on::before { width: 50%; margin-left: -25%;}

/*整车整机-左侧banner*/
#zczjLeft .zjzcLeftBanner,#nyzbLeft .zjzcLeftBanner{height: 9.54rem;position: relative;width: 3.85rem;}
#zhwlLeft .zjzcLeftBanner,#hyjtLeft .zjzcLeftBanner {height: 7.54rem;position: relative;width: 3.85rem;}
.zjzcLeftBanner .banner-bottom {position: absolute;bottom: 0.85rem;color: #FFFFFF;display: flex;justify-content: center;align-items: center;width: 100%;}
.zjzcLeftBanner.ZKLeftBanner .banner-bottom span.iconimg {width: 0.37rem;height: 0.24rem;margin-right: 0.1rem;}
.zjzcLeftBanner.NYZBLeftBanner .banner-bottom span.iconimg {width: 0.37rem;height: 0.24rem;margin-right: 0.1rem;}
.zjzcLeftBanner.ZHWLLeftBanner .banner-bottom span.iconimg {width: 0.37rem;height: 0.24rem;margin-right: 0.1rem;}
.zjzcLeftBanner.HYJTLeftBanner .banner-bottom span.iconimg {width: 0.37rem;height: 0.24rem;margin-right: 0.1rem;}
.banner-bottom span.iconimg img { width: 100%; height: 100%;object-fit: contain;}

/*产品列表*/
.proList {display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.proList .proItem {margin-right: 20px;width: calc((100% - 60px) / 4);background: #F9F9F9;margin-bottom: 20px;transition: all 0.6s ease;height: 3.85rem;position: relative;}
.proList .proItem:nth-child(4n) {margin-right: 0;}
.proList .proItem p.tit {margin: auto;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;margin-top: 0.47rem;margin-bottom: 0.15rem;}
.proList .proItem:hover {/*box-shadow: 0 10px 20px rgba(0,0,0,0.1);transform: translateY(-10px);*/background: #fff;}
.proList .proItem:hover .proBottom {opacity: 1;bottom: 0.11rem;}
.proList .proItem:hover p.bot {opacity: 0;transform: translateY(10px);}
.proList .proItem .proImg {width: 2.32rem;height: 1.7rem;margin: auto;margin-top: 0.43rem;overflow: hidden;}
.proList .proItem .proImg>img {width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;}
.proList .proItem .proBottom {width: calc(100% - 0.22rem);display: flex;justify-content: center;transition: all 0.6s ease;position: absolute;bottom: 0;left: 0.11rem;opacity: 0;}
.proList .proItem .proBottom a.proLink {display: inline-block;width: 50%;height: 0.45rem;line-height: 0.45rem;text-align: center;background: #F3F3F3;}
.proList .proItem .proBottom a.proOrder {display: inline-block;width: 50%;height: 0.45rem;line-height: 0.45rem;text-align: center;background: #003B83;color: #fff;}
.proList .proItem:nth-child(5),.proList .proItem:nth-child(6),.proList .proItem:nth-child(7),.proList .proItem:nth-child(8) {margin-bottom:0px;}
.proList .proItem p.bot {width: 80%;margin: auto;height: 0.3rem;line-height: 0.3rem;display: flex;justify-content: space-between;align-items: center;transition: all 0.6s ease;}
.proList .proItem p.bot>span:first-child,.proList .proItem p.bot>span:last-child {max-width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proList .proItem .newLogo { position: absolute; top: 0.27rem; left: 0.19rem; height: 0.22rem; width: 0.35rem;}
.proList .proItem .newLogo>img { width: 100%; height: 100%; object-fit: contain;z-index: 5;}

/*海洋交通*/
.hyjtList {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.hyjtList .hyjtItem {width: calc( (100% - 60px) /4 );margin-right: 20px;background: #F9F9F9;padding: 0.24rem;box-sizing: border-box;height: 3.85rem;margin-bottom: 20px;position: relative;}
.hyjtList .hyjtItem:nth-child(4n) {margin-right: 0;}
.hyjtList .hyjtItem:nth-child(5),.hyjtList .hyjtItem:nth-child(6),.hyjtList .hyjtItem:nth-child(7),.hyjtList .hyjtItem:nth-child(8) {margin-bottom: 0;}
.hyjtList .hyjtItem .hyjtImg {width: 2.56rem;height: 2.12rem;}
.hyjtList .hyjtItem p.tit {text-align: center;margin: 0.21rem 0 0.15rem;}
.hyjtList .hyjtItem p.bot {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;transition: all 0.6s ease;}
.hyjtList .hyjtItem .hyjtBottom {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -0.9rem;background: #003B83;opacity: 0;transition: all 0.6s ease;}
.hyjtList .hyjtItem .hyjtBottom a {color: #fff;display: flex;width: 1.8rem;height: 0.45rem;text-align: center;line-height: 0.45rem;background: #003B83;justify-content: center;align-items: center;}
.hyjtList .hyjtItem .hyjtBottom a>img {margin-left: 0.15rem;}
.hyjtList .hyjtItem:hover {background: #fff;}
.hyjtList .hyjtItem:hover  p.bot {opacity: 0;transform: translateY(10px);}
.hyjtList .hyjtItem:hover .hyjtBottom {bottom: 0.12rem;opacity: 1;}



/* 公用标题样式*/
.white {color: #ffffff;}




/*实际二级页产品列表css*/
.conList {
	display: flex;
	justify-content: start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 0.2rem;
}

.conList .item_box {
	width: calc((100% - 40px) / 3);
	margin-bottom: 0.51rem;
	margin-right: 20px;
	position: relative;
}

.conList .item_box:nth-child(3n) {
	margin-right: 0;
}

.conList .item_box:nth-child(7),
.conList .item_box:nth-child(8),
.conList .item_box:nth-child(9) {
	margin-bottom: 0;
}

.conList .item_box a.itop {}

.conList .item_box a.itop .img_box {
	 background: #F8F8F8;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 2.89rem;
	align-items: center;
    overflow: hidden;
}


.conList .item_box .ibott {}

.conList .item_box .ibott .box1 {}

.conList .item_box .ibott .box1 p.title a {
	position: relative;
	color: #141414;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.conList .item_box .ibott .box1 p.title a span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.conList .item_box .ibott .box1 p.title a img {
	opacity: 0;
	transition: all 0.5s ease;
}

.product2 {
	display: none;
}

.product3 {
	display: none;
}

.conNav .pctwodh ul.pctwoUl li.pctwoUlli.active a {
	color: var(--c-dark);
}

.conList .item_box a.itop .img_box>img {
	width: 100%;
	/*height: 2.26rem;*/
	object-fit: contain;
	transition: all 0.5s ease;
    aspect-ratio: 16 / 9;
}

.conList .item_box .compare {
	position: absolute;
	right: .2rem;
	top: .2rem;
	height: 0.21rem;
	line-height: .21rem;
	padding-left: .3rem;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.conList .item_box .compare span {
	line-height: unset;
	color: rgba(0, 0, 0, .3);
}

.conList .item_box .compare:hover span {
	color: #000000;
}

.conList .item_box .compare span.check {
	height: .14rem;
	width: .14rem;
	border: 1px solid rgba(0, 59, 131, .3);
	border-radius: 2px;
	transition: all 0.3s ease;
	margin-right: 0.08rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;


}

.conList .item_box .compare:hover span.check {
	border-color: #003B83;
}

.conList .item_box .compare span.check::after {
	opacity: 0;
	visibility: hidden;
	content: '';
	width: 0;
	height: 0;
	background: var(--c-main);
	border-radius: .02rem;
	transition: all 0.3s ease;
}

.conList .item_box .ibott .box1 p.title {
	margin: 0.28rem 0 0.1rem;
	padding: 0 0.2rem;
	position: relative;
	height: 0.3rem;
}

.conList .item_box .ibott .box1 p.sum {
	color: #6e6e6e;
	margin-bottom: 0.2rem;
	padding: 0 0.2rem;
	height: 0.24rem;
	line-height: 0.24rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.conList .item_box .ibott .box1 p.bot {
	border-bottom: 1px solid #d9d9d9;
	color: #141414;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.2rem;
	height: 0.33rem;
	line-height: 0.33rem;

}

.conList .item_box .ibott .box1 p.bot span:first-child {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 50%;text-align: left;}
.conList .item_box .ibott .box1 p.bot span:last-child {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 50%;text-align: right;}


.conList .item_box .ibott .box1 p.title>img {
	opacity: 0;
	transition: all 0.6s ease;
	position: absolute;
	right: 8%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.conList + .moreBtn a:hover{ border: 1px solid #003b83; }
/* 单个产品hover效果开始*/
.conList .item_box .ibott .box1 p.title a span::after {
	display: inline-block;
    content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0px;
  left: 0;
	background: #003b83;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.conList .item_box:hover .img_box img {
	transform: scale(1.15);
}
/* 单个产品hover效果结束*/

.conList .item_box:hover .ibott .box1 p.title a {
	color: #003b83;
	font-weight: 350;
}

.conList .item_box:hover .ibott .box1 p.title a span::after {
   transform: scaleX(1);
  transform-origin: bottom left;
}

.conList .item_box:hover .ibott .box1 p.title a img {
	opacity: 1;
}

.zczjBox .mobilemore{display:none;}
/*左侧图正常时移动端隐藏*/
.mobile-page {
	display: none;
}

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

    .pd657{    padding: 0;}    
/*当屏幕宽度小于1000时，pc页面隐藏，移动端展示*/
.mobile-page {display: block !important;}
.pc-page {display: none !important;}    
/*产品智能检索*/
.ty-search-box form{width: 92%;height: 0.4rem;}
.ty-search-box form .ty-text-input{width: calc(100% - 0.6rem);padding:0 0.15rem;}
.ty-search-box form .ty-submit-button{width:0.6rem;}
.ty-search-box form .ty-submit-button img{width:0.2rem;}
.proBox2 .con_nav_title p,.proBox3 .con_nav_title p{margin-top:0.5rem;}

    
.zczjBox .mobilemore{display:block;}
/*--智能检索end--*/


    
    .zczjNav .zczjTab .zczjTabItem::after{margin-right: -0.1rem;}
    .zczjNav .zczjTab .zczjTabItem{margin-right: 0.2rem;}
 /*船舶动力*/
 .zczjBox{padding: 0;}
 .zczjBox .group{    display: flex;flex-direction: column;position: relative;}
  .zczjBox .group .zczjTitle{order: 2;position: absolute;top: 2.07rem;right: 4%;}
  .zczjBox .disFlex{order: 1;}
 .zczjBox .disFlex .zczjRight{width: 100%;margin-top: 0.92rem;    margin-bottom: 0.5rem;}
.zczjBox .group:nth-child(3) .zczjRight{margin-bottom: 0;}
.zczjBox .group:nth-child(3) .conList .item_box:last-child{margin-bottom: 0;}
.zczjBox .disFlex{display: block;}
.zczjBox .disFlex .zczjLeft{width: 100%;margin: 0;}
.zjzcLeftBanner{height:2.07rem !important;    width: 100% !important;}
.zczjNav a.morelink{display: none;}
.zczjNav{margin-top: 0.26rem;/* margin-bottom: 0.47rem; */}
.zjzcLeftBanner .banner-bottom{bottom: 0.48rem;    justify-content: flex-start;margin-left: 20px;}
.zczjBox .moreBox{position: absolute;bottom: 0.2rem;left: 0.2rem;}
 .banner-bottom span{font-weight: 350;}
 .zczjNav .zczjTab .zczjTabItem{font-size: 0.12rem;}
 .zczjNav .zczjTab .zczjTabItem:last-child{margin-right: 0;}
 .conList .item_box .ibott .box1 p.sum{display: none;}

.conList .item_box .ibott .box1 p.title a span{white-space: inherit;white-space: inherit;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 .conList .item_box .ibott .box1 p.title {margin: 0.08rem 0 0.12rem;padding: 0;height: 0.48rem;}
 .conList .item_box a.itop .img_box>img{aspect-ratio: 17 / 11;}
 .conList .item_box a.itop{  width: 1.76rem;  height: 1.32rem;display: flex;align-items: center;    background: #F8F8F8;}
.conList .item_box .ibott .box1 p.bot {border-bottom: 1px solid #d9d9d9;color: #141414;display: flex;align-items: center;padding: 0 0.2rem 0 0;height: 0.26rem;line-height: 0.24rem;justify-content: space-between;}
.conList .item_box a.itop .img_box{height: auto;}
.conList .item_box {margin-bottom: 0.1rem;width: 100%;display: flex;}

.conList .item_box .ibott {width: 1.56rem;margin-left: 26px;}

    .ty-search-box form .ty-text-input::placeholder{font-size:.12rem;}



}