@import './public.css';

.enterprise-title{
  display: flex;
  align-items: center;
}
.enterprise-nav{
  width: 728px;
  font-size: 12px;
}
.enterprise-sub{
  display: flex;
  padding-left: 6px;
  width: 643px;
  border-left: 1px #dcdcdc solid;
  border-right: 1px #dcdcdc solid;
  border-top: 1px #dcdcdc solid;
  line-height: 22px;
}
.enterprise-sub li::before{
  margin-left: 6px;
  margin-right: 6px;
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #000;
}
.enterprise-sub li:first-child::before{
  display: none;
}
.enterprise-nav .blue{
  padding-left: 9px;
  color: #fff;
  line-height: 21px;
  background-color: #70b1ff;
}
.enterprise-link{
  margin-left: auto;
}
.advertisement-through{
  margin-top: 8px;
}

/* 产品分类 */
.enterprise{
  padding-top: 6px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 10px;
}
.classify{
  font-size: 12px;
}
.classify-title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.classify-title-text{
  width: 115px;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  background-image: url(//www.cippe.net/corp/images-new/pro_bg.gif);
}
.classify-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* column-gap: 10px; */
  border: 1px solid #FFCA00;
}
.classify-item{
  display: flex;
  /* align-items: center; */
  gap: 20px;
  padding: 10px 12px;
}
.classify-item:nth-child(4n){
  background-color: #f5f5f5;
}
.classify-item:nth-child(4n-1){
  background-color: #f5f5f5;
}
.classify-left{
  display: flex;
  flex-direction: column;
}
.classify-left h3{
  margin: 0 0 5px;
}
.classify-left h3 a{
  color: #ff6701;
  font-size: 14px;
}
.classify-left ul{
  /* display: flex; */
  /* flex-wrap: wrap; */
}
.classify-left ul li{
  display: inline;
}
.classify-left ul li::before{
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #666;
  margin-left: 6px;
  margin-right: 6px;
}
.classify-left ul li:first-child::before{
  display: none;
}
.classify-left ul li a{
  color: #666;
  line-height: 20px;
}
.classify-left .more::before{
  display: none;
}
.classify-left .more a{
  margin-left: 14px;
  color: #ff6701;
}
.product-item{
  display: flex;
  width: 72px;
  min-width: 72px;
  overflow: hidden;
}
.product-item a{
  display: block;
  width: 100%;
}
.product-item img{
  width: 72px;
  height: 72px;
  border: 1px solid #999;
}
.product-title{
  text-align: center;
  color: #004499;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}



.right{
  /* background-color: #70b1ff; */
}

.product-deploy{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  background: url(//www.cippe.net/corp/images-new/news.gif);
  height: 216px;
  border: 1px solid #ffc44f;
}
.product-deploy p{
  margin-top: 5px;
  margin-bottom: 8px;
  font-size: 12px;
}
.product-deploy .btn{
  width: 151px;
  line-height: 29px;
  padding-left: 35px;
  font-size: 13px;
  font-weight: bold;
  background: url(//www.cippe.net/corp/images-new/new_right.gif);
  text-decoration: none;
}

.product-tab{
  margin-top: 10px;
  background-color: #fff;
  border: 1px #dedede solid;
}
.tab-switching{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
  padding-top: 1px;
}
.tab-switching-item{
  font-size: 14px;
  line-height: 30px;
  background-image: linear-gradient(to bottom, #e1e2de, #f1f1ee);
  cursor: pointer;
}
.tab-switching-item.active{
  background: #fff;
}
.tab-box{
  width: 100%;
  overflow: hidden;
}
.product-tab-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 10px;
}
.product-tab-item{
  width: 100%;
  overflow: hidden;
}
.product-tab-item img{
  padding: 0 10px 0px;
  width: 100%;
  height: 68px;
  border: 1px solid #b2daf7;
}
.product-tab-item p{
  margin: 0;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}