.tap-main .shop {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.5208rem 0 0.4063rem 0;
}
.tap-main .shop .shop-content {
  height: 100%;
  width: 100%;
}
.tap-main .shop .shop-main {
    width: 100%;
  display: flex;
  justify-content: center;
  /*margin: 0.3542rem 0 0.4688rem 0;*/
}
.about .about-main {
    /*padding: 0.3594rem 0 0.3813rem 0;*/
}
.tap-main .shop {
    padding: 0;
}
.about .about-main .about-nav .item:hover {
  color: #fff;
  background: #00468e;
}
.about .about-main .about-nav .itemActive {
  color: #fff;
  background: #00468e;
}
.about .about-main {
    display: block!important;
}
.about .about-main .content {
    margin: 0 auto;
}
.about .about-main .content .about-nav {
    padding: 0 !important;
        margin: 5px 5px !important;
}
.about .about-main .content .tabbar {
    margin-top: 0;
}
.about .about-main .content .tabbar .tabbar-1 .mg-t {
    margin: 0;
}
.about .about-main .content .tabbar .tabbar-1 .border-line {
    border: none;
}
.prolist {
    width: 100%;
    padding: 0;
}
.prolist .item {
    width: 360px;
    float: left;
    margin-right: 27px;
    margin-bottom: 30px;
    border: 1px solid #eee;
    background: #eee;
    position: relative;
    overflow: hidden;
    transition: all ease 300ms;
}
.prolist .item:nth-child(3n){
    margin-right:0;
}


.prolist .item:hover {
    background: #0195df;
    box-shadow: 0 2px 8px rgb(0 0 0 / 20%);
}
.prolist .item:hover .bg1 {
    left: 0;
}
.prolist .item:hover h3 {
    color: #fff;
}
.prolist .item .img {
    width: 360px;
    height: 285px;
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.prolist .item a {
    width: 100%;
    display: block;
    text-decoration: none;
    position: relative;
}
.prolist .item h3 {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 16px;
    transition: all ease 300ms;
    font-weight: normal;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prolist .item .bg1 {
    position: absolute;
    width: 360px;
    /*padding-top: 134px;*/
    height: calc(100% - 64px);
    left: -380px;
    top: 0;
    z-index: 10;
    background: rgba(1,149,223,.6) repeat 0 0 !important;
    text-align: center;
    transition: all ease 300ms;
}
ul, ol, li {
    list-style: none;
    padding: 0;
}
@media (max-width: 768px) {
  .tap-main .shop .shop-main .shop-main-child {
    display: block !important;
  }
  .project .project-main {
        margin: 20px auto;
    }
    .prolist {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .prolist .item {
        width: 48%;
        height: auto;
        margin-right: 2%;
    }
    .prolist .item:nth-child(2n){
        margin-right: 0;
    }
    .prolist .item:nth-child(3n) {
        margin-right: 0;
    }
    .prolist .item:nth-child(2n-1) {
        margin-right: 2%;
    }
    .prolist .item h3 {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        box-sizing: border-box;
        padding: 0 8px;
    }
    .prolist .item .img {
        width: 100%;
        height: 150px;
    }
    .project .project-item {
        width: 100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    .project .project-main {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .about .about-main .content .tabbar .tabbar-1 .border-line {
        padding-top: 0;
        
    }
    .about .about-main .content .tabbar .tabbar-1 .tabbar-1-content .tap .btn {
        min-width: 104px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin: 5px 5px !important;
        border: 1px solid #cccccc !important;
        text-align: center !important;
        color: #333333 !important;
        font-size: 12px !important;
        cursor: pointer !important;
        padding: 0 !important;
        
        box-sizing: border-box;
    }
    .about .about-main .content .tabbar .tabbar-1 .tabbar-1-content .tap .btnActive {
        color: #fff !important;
    }
    .tap {
        padding: 0;
    }
    .about .about-main .about-nav {
        width: 100% !important;
    }
}
/*@media (max-width: 590px) {*/
/*  .tap-main .shop .shop-main .shop-item {*/
/*    display: block !important;*/
/*    font-size: 12px;*/
/*  }*/
/*  .about .about-main .about-nav .item {*/
/*        min-width: 104px !important;*/
/*        height: 20px !important;*/
/*        line-height: 20px !important;*/
/*        margin: 5px 5px !important;*/
/*        border: 1px solid #cccccc !important;*/
/*        text-align: center !important;*/
/*        color: #333333 !important;*/
/*        font-size: 12px !important;*/
/*        cursor: pointer !important;*/
/*  }*/
/*  .about .about-main2 {*/
/*      padding: 0 0.3rem !important;*/
/*  }*/
/*  .about .about-main .content {*/
/*      width: 100% !important;*/
/*  }*/
/*}*/
.tap-main .shop .shop-main .shop-main-child {
  display: flex;
  flex-wrap: wrap;
  width: 1140px;
}
/*@media (min-width: 768px) {*/
/*  .tap-main .shop .shop-main .container {*/
/*    width: 6.25rem;*/
/*  }*/
/*  .tap-main .shop .shop-main .col-sm-3 {*/
/*    width: 275px;*/
/*  }*/
/*}*/
/*.tap-main .shop .shop-main .shop-active .shop-img .a1 {*/
/*  position: absolute;*/
/*  z-index: 9;*/
/*  background-color: #000000;*/
/*  opacity: 0.7;*/
/*  display: flex !important;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/
/*.tap-main .shop .shop-main .shop-item {*/
/*   margin-right: 10px;*/
/*  margin-bottom: 20px;*/
/*  cursor: pointer;*/
/*}*/
/*@media (max-width: 768px) {*/
/*  .tap-main .shop .shop-main .shop-item .shop-img {*/
/*    position: relative;*/
/*    width: 100% !important;*/
/*    height: 250px !important;*/
/*  }*/
/*  .tap-main .shop .shop-main .shop-item .shop-img .img {*/
/*    width: 70% !important;*/
/*    height: 70% !important;*/
/*  }*/
/*  .tap-main .shop .shop-main .shop-item .shop-img div {*/
/*    width: 70% !important;*/
/*    height: 100% !important;*/
/*  }*/
/*}*/
/*.tap-main .shop .shop-main .shop-item .shop-img {*/
/*  width: 275px;*/
/*  height: 275px;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  margin-bottom: 0.224rem;*/
/*}*/

/*.tap-main .shop .shop-main .shop-item .shop-img div,*/
/*.tap-main .shop .shop-main .shop-item .shop-img img {*/
/*  width: 275px;*/
/*  height: 275px;*/
/*}*/
/*.tap-main .shop .shop-main .shop-item .shop-img div {*/
/*  display: none;*/
/*}*/
/*.tap-main .shop .shop-main .shop-item .shop-img .img {*/
/*    width: 275px;*/
/*  height: 275px;*/
/*  border: 3px solid #ccc;*/
/*  display: block;*/
/*  background-position: center center;*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  box-sizing: border-box;*/
/*}*/
/*.tap-main .shop .shop-main .shop-item .shop-title {*/
/*  text-align: center;*/
/*  font-size: 16px;*/
/*}*/
.tap-main .shop .shop-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #cfa167;
  font-size: 14px;
}
.tap-main .shop .shop-footer .shop-text {
  margin: 0 0.1146rem;
  cursor: pointer;
}
.tap-main .shop .shop-footer .shop-line {
  width: 39.9936px;
  height: 2px;
  background-color: #cfa167;
}