.mainbg{background:#f8f8f8;}
.proClassList{width:90rem;margin:0 auto;padding:5rem 0;}
.proClassList .left{width:15%;float:left;}
.proClassList .right{width:82%;float:right;}
.proClassList .right section{display: none;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}

@media(max-width:780px){
  .proClassList{width:100%;}
  .proClassList .left{width:100%;float:none;}
  .proClassList .right{width:100%;float: none;}
}

/*
 .Menu000654 为demo编号
 */
.Menu000654{ background:#f7f7f7; }
.Menu000654 header{ border:1px #d8d8d8 solid; background-color:#004199; color:#fff; font-size:24px; padding:25px 0 25px 0; text-align:center;  position:relative; z-index:5;}
.Menu000654 header span{ font-size:14px; display:block;}
.Menu000654 li a{ display:block; padding-left:35px; padding-top:12px; padding-bottom:12px; line-height:24px;border-bottom:1px solid #e8e8e8;font-size:16px;color:#333;}
.Menu000654 li a:hover{color:#004199;}
.Menu000654 li a:hover,
.Menu000654 li a.aon{ }
.Menu000654 li dl{ background-color:#fff; font-size:12px; display:none;}
.Menu000654 li a.click{ position:relative;} 
.Menu000654 li a.click::after,
.Menu000654 li a.click::before{ position:absolute; content:'';  background-color:#004199; top:50%;}
.Menu000654 li a.click::after{width:15px; height:2px; left:10px; margin-top:-2px;}
.Menu000654 li a.click::before{width:2px; height:15px; left:16px; margin-top:-8px;}
.Menu000654 li dl dd a{ color:#333;font-size:15px;}
.Menu000654 li dl dd a.aon,
.Menu000654 li dl dd a:hover{ color:#fff; background: #004199;}
.Menu000654 li a.aon::before{ display:none;}
.Menu000654 li a.aon::after{ background-color:#004199;}
@media(max-width:950px){
.Menu000654 header{ margin-top:0;font-size:20px; padding:15px 0; }
.Menu000654{width: 100%;margin-left: 0%;}
}



section {
  text-align: center;
  padding: 5rem 0;
  position: relative;
}

section.header .pic_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
}

section.header .text {
  position: relative;
  z-index: 3;
}

#cate-nav {
  position: fixed;
  top: 50%;
  left: 0;
  margin-top: -4rem;
  display: none;
  z-index: 15;
}

#cate-nav li {
  position: relative;
  padding: 0.25rem 0;
  padding-left: 2.5rem;
  color: #999;
}

#cate-nav li:after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  margin-top: -0.25rem;
  border: 1px solid #ddd;
  border-radius: 1rem;
}

#cate-nav li span {
  vertical-align: middle;
  cursor: pointer;
}

#cate-nav li.current span {
  color: #004199;
}

#cate-nav li.current:after {
  width: 1rem;
  height: 1rem;
  left: 1rem;
  margin-top: -0.5rem;
  border: 1px solid #ddd;
  background: #fff;
  border: 1px solid #004199;
}

#cate-nav li.current:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background: #004199;
}

@media (max-width: 1150px) {
  #cate-nav {
    margin-top: -10rem;
  }

  #cate-nav li {
    width: 1rem;
    line-height: 1.1;
    border-top: 1px solid #e5e5e5;
    padding-left: 0.75rem;
    padding-bottom: 1.25rem;
  }

  #cate-nav li:after {
    display: none;
  }

  #cate-nav li.current {
    border-top: 1px solid #004199;
  }

  #cate-nav li.current span {
    color: #004199;
  }

  #cate-nav li.current:before {
    display: none;
  }
}

._main {
  padding-bottom: 8rem;
}

._main section {
  text-align: center;
  padding: 5rem 0 0 0;
  backround: #f8f8f8;
}

._main section ul {
  width: 78rem;
  margin: auto;
  text-align: left;
}

._main section ul li {
  width: 23rem;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 1rem;
  box-sizing: border-box;
  transition: box-shadow 0.3s;
}

._main section ul li img {
  width: 20rem;
  height: 20rem;
  object-fit: contain;
}

._main section ul li h3 {
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 auto 0.5rem;
}

._main section ul li span {
  color: #999;
  margin-bottom: 0.5rem;
  display: block;
}

._main section ul li p {
  margin-bottom: 1rem;
}

._main section ul li:hover {
  box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);
  background: #fff;
}

._main section ul li:hover h3 {
  color: #004199;
}

@media (max-width: 980px) {
  ._main section ul {
    width: auto;
    padding-left: 0rem;
  }

  ._main section ul li {
    width: 45%;
    margin: 2%;
    height: auto;
  }

  ._main section ul li img {
    width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=product.css.map */