.count1 { height: 50px; line-height: 46px; font-size: 14px; border-bottom: 1px solid #d9d9d9; padding-right: 1.4em; }
.count1 img { width: 48px; height: 48px; -webkit-filter:brightness(0%) ; filter:brightness(0%); }
#productban .swiper-pagination { bottom: 0px !important; }
#productban img{width: 100%}
.chanpinli { padding: 0px 0 80px }
.chanpinli h1 { text-align: center; margin: 0; font-size: 36px; font-weight: bold; line-height: 1em; }
.chanpinli h3 { text-align: left; font-size: 20px; font-weight: bold; line-height: 1em;margin:70px 0 20px;   }
@media screen and (max-width: 1024px) {
  .chanpinli h3 { margin:35px 0 20px 10px; }
}
.chanpinli>div { padding: 0px 0 80px; }
.chanpinli>div div { padding: 0 !important }
.chanpinli>div div a { display: block; position: relative; margin: 20px; text-align: center; padding: 40px 0 20px; transition: .5s; background: url('../images/productbeijing3.jpg') no-repeat top; background-size: 100% }
.chanpinli>div div a img { max-width: 100%; transition: .2s }
.biaozhi { position: absolute; left: 0; top: 0; z-index: 9; width: 40%; text-align: left; }
.biaozhi span { font-size: 12px; color: white; padding: 4px; font-style: normal }
.jingdian { background: #ff9800 }
.xinpin { background: #8bc34a }
.remai { background: #e51c23 }

.chanpinli>div>div{border-right: 1px solid #e5e5e5;border-bottom:1px solid #e5e5e5 }
.chanpinli>div>div:nth-child(4n+4){border-right: 1px solid transparent;}
.chanpinli>div>div:nth-child(1){border-top:1px solid #e5e5e5;}
.chanpinli>div>div:nth-child(2){border-top:1px solid #e5e5e5;}
.chanpinli>div>div:nth-child(3){border-top:1px solid #e5e5e5;}
.chanpinli>div>div:nth-child(4){border-top:1px solid #e5e5e5;}

@media screen and (max-width: 1024px) {
   .chanpinli>div>div:nth-child(3){border-top:0px solid #e5e5e5;}
    .chanpinli>div>div:nth-child(4){border-top:0px solid #e5e5e5;}
    .chanpinli>div>div:nth-child(4n+4){border-right: 1px solid #e5e5e5;}
}

.chanpinli>div div a h4 { font-size: 16px; height: 35px; margin: 0; margin-top: 20px; line-height: 1em }
.chanpinli>div div a h5 { font-size: 15px; height: 36px; margin: 0; margin-bottom: 25px; line-height: 1.2em; }
.chanpinli>div div a button { font-size: 14px; background: #00b1e5; color: white; border-radius: 1em; width: 60% ;padding: 0.5em 0em}

/*.chanpinli>div div a:hover{background:url('../images/productbeijing.jpg') no-repeat top;}*/
.chanpinli>div div a:hover h4 { color: #00b1e5 }
.chanpinli>div div a:hover button { background: #38429c; color: white; }
.chanpinli>div div a:hover img { transform: scale(1.04, 1.04); }
.liangdian { padding: 50px 15px; }
.navleft { padding: 0 !important; display: flex; align-items: center; }
.navleft ul { margin-top: 40px; padding-right: 40px; }
.navleft ul li { font-size: 1em; color: #858585; padding: 14px 32px; transition: .2s; position: relative; z-index: 10; margin-bottom: 15px; width: auto !important; height: auto !important; opacity: 1 !important; display: block !important; background: transparent !important; }
.navleft ul li:after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; background: #f2f2f2; z-index: -1; transition: .2s }
.liangdian ul .active { color: white; }
.liangdian ul .active:after { background: #4cb5e4; width: 180% }

/*.navleft ul li:hover{color: white;}
.navleft ul li:hover:after{background: #4cb5e4;width: 180%}*/
.liangdian .swiper-pagination-bullet-active { color: white }
.liangdian .swiper-pagination-bullet-active:after { background: #4cb5e4; width: 180% }
#liangdian1 .swiper-slide p { text-align: left; padding: 4px 0px 4px 16px; background: #555; color: white }
#liangdian1 { padding-bottom: 10px }
#liangdian1 .swiper-pagination { bottom: 0 !important }
#liangdian1 .swiper-pagination-bullet { border: 1px solid #007aff; transform: scale(1.2, 1.2); }
.navright { padding: 0 !important; text-align: }
.navright img { width: 100% }
.scrollspy-nav { top: 0; z-index: 100; background: #222222; width: 100%; padding: 0 10px; overflow: hidden; }
.scrollspy-nav ul { text-align: right; float: right; width: 100%; margin: 0; padding: 0; height: 42px; }
.scrollspy-nav span { color: white; position: absolute; left: 0 }
.scrollspy-nav span img { width: 44px; height: 44px;  -webkit-filter:grayscale(100%) brightness(1000%) ; filter:grayscale(100%) brightness(1000%)  ; }
.scrollspy-nav i { font-style: normal !important; }
.scrollspy-nav li { display: inline-block; list-style: none; width: 32.4%; font-size: 0.9em; max-width: 120px; height: 44px; overflow: hidden; text-align: center; }
.scrollspy-nav a { color: #fff !important; width: 100%; padding: 1em 0; display: block; }
.scrollspy-nav a:active { color: #fff !important; }
.scrollspy-nav a:hover { color: #fff !important; font-weight: bold; background: #0095d9 }
.scrollspy-nav a.am-active { color: #fff !important; font-weight: bold; background: #0095d9 }
.am-panel-default { border: 0; border-bottom: none !important; -webkit-box-shadow: none; box-shadow: none; }

/*参数*/
.canshu { padding: 0px 0 50px; position: relative;min-height: 400px;display: flex;justify-content: center;align-items: center; }
.canshu:before { width: 100%; height: 100%; position: absolute; content: "";
 /* background: red; */
 z-index: 100 }
.canshu div { }
.canshutu { padding: 1em !important; }
.canshutu img { width: 100% }
.canshuming { padding: 1em !important; text-align: center; }
.canshuming div { }
.canshuming div h5 { font-size: 1em; margin: 0 }
.canshuming div h2 { font-size: 1.3em; font-weight: bold }
.canshulist { padding: 1em !important }
.canshulist ul { width: 100%; }
.canshulist ul li:first-child { padding-bottom: 20px; font-weight: bold }
.canshulist ul li { padding: 4px 14px; border-bottom: 1px solid #eee }
.canshulist ul li span { float: right; }
@media screen and (max-width: 1024px) {
 .canshu{display: inline;}
 .canshuming>div{padding-bottom: 100%;position: relative;}
 .canshuming>div>div{position: absolute;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
}

.biaoti2 { padding: 1em; font-weight: bold }
.shiyi div { padding: 1em !important }
.shiyi div img { width: 100% }

/*活动*/
#zhanshitu { padding-bottom: 30px }
#zhanshitu .swiper-pagination { bottom: -4px !important }
#zhanshitu .swiper-pagination-bullet { background: #cccccc }
#zhanshitu .swiper-pagination-bullet-active { background: #c81228 }
@media screen and (min-width:1024px) {
  #liangdian1>.swiper-pagination { display: none !important }
}

#donghua1{opacity: 0}

.content p{ margin: 0 }
.content img { max-width: 100%; }
.content-thumb { position: absolute; left: 830px; top: 0; width: 23%; border: solid 1px #eee; background: #fff; z-index: 99; display: none; }
@media screen and (max-width: 1024px) {
    .content-thumb{ display: none!important; }
}
.content-thumb img { width: 100%; }


#nav2-pro { width: 90%; max-width: 1360px; margin: 32px 5% 24px; padding:8px 4px 20px}

#nav2-pro .am-g > div{padding: 15px}
#nav2-pro .swiper-slide-cat { position: relative; transition: all 0.2s linear;  }
#nav2-pro .swiper-slide-cat a { display: block; width: 100%; padding-bottom: 100%; }
#nav2-pro .swiper-slide-cat a>div { position: absolute; width: 100%; height: 100%;  }
#nav2-pro .swiper-slide-cat a>div>div { vertical-align: middle; text-align: center; width: 100%; height: 100% }

#nav2-pro .swiper-slide-cat img { width: 82%; height: 82%; display: block; margin: 0 auto;  -webkit-filter: brightness(0%) ; filter: brightness(0%);}
#nav2-pro .swiper-slide-cat span{display: block;width: 100%;position: absolute;top: 70%;left: 0;line-height: 1em;padding: 0 4px; text-align:center;}
#nav2-pro .swiper-slide-cat:hover { background: white !important ;box-shadow: 0 6px 20px rgba(0,0,0,0.1);transform: translateY(-2px);}
#nav2-pro .swiper-slide-cat:hover a { color: #0095d9 !important; }
#nav2-pro .swiper-slide-cat:hover img { -webkit-filter: brightness(100%) ; filter:brightness(100%)  ; vertical-align: middle; }
@media screen and (max-width: 450px) {
     .chanpinli>div div a{margin:6%;padding:6% 0;}
     .chanpinli>div div a h5{text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
}