.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; } .bs-docs-featurette { position: relative; padding-top: 10px; padding-bottom: 10px; } .thumbnail { margin-bottom: 10px; } .page-product .products { border-top: 0px; padding: 10px 0px 10px 0px; } .products .thumbnail { margin-bottom: 10px; } .products .thumbnail .catename, .products .thumbnail .desc { display: none; } .products .thumbnail:hover{ background: #ffffff; } .products .thumbnail:hover img { opacity: 1; } .products .thumbnail:hover .caption a { color:#FF6636; padding: 5px 20px; } .products .thumbnail:hover .caption h3 { color: #666666; } .products .thumbnail:hover .caption a:hover{ color:#FF6636; } #topNav { width: 100%; height: 40px; line-height: 40px; overflow: hidden; font: 16px/32px hiragino sans gb, microsoft yahei, simsun; border-bottom:1px solid #f8f8f8; background: #ffffff; } #topNav .swiper-slide { padding: 0 5px; letter-spacing:2px; min-width:50px; max-width: 70px; text-align:center; line-height: 40px; } #topNav .swiper-slide span{ transition:all .3s ease; display:block; } #topNav .active span{ transform:scale(1.1); color:#FF2D2D; } #topNav .active { border-bottom: 2px solid #FF2D2D; } .footer .fotnav .copyright { margin: 0px; width: 100%; padding: 0 20px; } #newsScroll .swiper-container { width: 100%; height: 260px; margin: 0px auto; } #newsScroll .swiper-slide { position: relative; text-align: center; font-size: 18px; background: #fff; width: 260px; /* Center slide text vertically */ } #newsScroll .swiper-slide .pic { text-align: center; width: 100%; height: 200px; overflow: hidden; } #newsScroll .swiper-slide .pic img { width: 100%; height: 200px; display: block; transition: all 0.6s; } #newsScroll .swiper-slide .pic img:hover { transform: scale(1.2); } #newsScroll .swiper-slide .pic a:hover img { border-color: #999; } #newsScroll .swiper-slide .title { position: absolute; bottom: 60px; left: 0px; line-height: 20px; padding: 10px; height: 60px; background:rgba(0,0,0,0.8); color: #333333; text-align: left; z-index: 200; overflow: hidden; } #newsScroll .swiper-slide .title a { color: #ffffff; font-size: 14px; } #newsScroll .swiper-slide .timer { line-height: 24px; padding: 10px; background: #F7F7F7; color: #ABABAB; font-size: 14px; } #newsScroll .swiper-slide .timer span { font-size: 18px; color: #ff0000; margin-right: 20px; }