.product-body{background-color:#f9f9f9;padding-top:50px}.works-title{text-align:center;color:#4b4b4b}.works-title p:first-child{font-size:58px}.works-title p:last-child{line-height:1.5em}.works-title h2{font-size:46px;margin:10px 0}.works-title h2 span{color:#f90}.product-tab{padding:25px 0;background-color:#fafafa}.product-tab .g-container ul{text-align:left}.product-tab .g-container ul li{border-bottom:1px solid #e5e5e5}.product-tab .g-container ul li h3{display:inline-block;margin:16px 16px;font-size:18px;color:#ff9500}.product-tab .g-container ul li span{margin:0 15px;padding-bottom:12px}.product-tab .g-container ul li span a{color:#25262a}.product-tab .g-container ul li span.on{border-bottom:2px solid #ff9500}.product-tab .g-container ul li span.on a{color:#ff9500}.product-content .pro-works ul li{width:22%;height:230px;margin-right:4%;margin-top:20px;box-sizing:border-box;position:relative;text-align:center}.product-content .pro-works ul li:nth-of-type(4n){margin-right:0}.product-content .pro-works ul li:hover .ylw-msak{display:block;cursor:pointer}.product-content .pro-works ul li .ylw-msak{width:100%;height:187px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:1;background-color:rgba(255,126,0,.75);font-family:iconfont;color:#fff;font-size:36px;margin:0 auto 0;padding-top:75px;display:none;cursor:pointer}.product-content .pro-works ul li p{font-size:16px;color:#414042;line-height:40px}.product-content .pro-works ul li.pro-til-img img{display:none}.profst-tab{position:relative}.profst-tab .swiper .swiper-container .swiper-slide{background-position:center 0;background-repeat:no-repeat;height:758px}.profst-tab .swiper .swiper-container .swiper-slide:nth-of-type(n){background-image:url(/images/product-first02.jpg?ver=1);background-position:center}.profst-tab .swiper .swiper-container .swiper-slide:nth-of-type(2n){background-image:url(/images/product-first01.jpg);background-position:center}.profst-tab .swiper .swiper-container .swiper-tab{width:500px;height:45px;position:absolute;z-index:2;top:50%;left:50%;line-height:45px;margin-left:-210px;margin-top:90px}.profst-tab .swiper .swiper-container .swiper-tab a{padding:5px 25px;font-size:18px;color:#fff;border:1px solid #fff;border-radius:30px;margin-right:15px}.profst-tab .swiper .swiper-container .swiper-tab a:first-child{padding:5px 45px}.profst-tab .swiper .swiper-container .swiper-tab a.onleft{background-color:#836546;border:2px solid #836546}.profst-tab .swiper .swiper-container .swiper-tab a.onright{background-color:#3c8700;border:2px solid #3c8700}.profst-tab .swiper .swiper-container .swiper-tab span{font-family:iconfont;font-size:20px;display:inline-block;width:45px;height:45px;border-radius:50%;border:1px solid #fff;color:#fff;text-align:center;margin-right:15px}.profst-tab .swiper .swiper-container .swiper-tab span:hover{color:#ff9500;border:1px solid #ff9500}.profst-tab .swiper .swiper-container .swiper-tab span:hover+p{display:inline-block}.profst-tab .swiper .swiper-container .swiper-tab p{position:absolute;width:100px;height:100px;display:none}.proshow .g-container{width:1010px;position:relative}.proshowing{margin:35px 0 15px;position:relative;width:775px}.proshowing .proshow-con{width:100%;height:165px;position:absolute;left:0;bottom:0;background-color:rgba(17,17,17,.75)}.proshowing .proshow-con ul{width:675px;margin:0 auto}.proshowing .proshow-con ul li{height:165px;box-sizing:border-box}.proshowing .proshow-con ul li:nth-of-type(1){padding-top:35px}.proshowing .proshow-con ul li:nth-of-type(1) h2{color:#ff9500;font-size:24px}.proshowing .proshow-con ul li:nth-of-type(1) p{color:#999;font-size:12px}.proshowing .proshow-con ul li:nth-of-type(2){margin-top:25px;width:125px}.proshowing .proshow-con ul li:nth-of-type(2) a{display:block;color:#fff;border:1px solid rgba(255,255,255,.5);text-align:center;font-size:14px;height:25px;margin-top:8px;line-height:25px}.proshowing .proshow-con ul li:nth-of-type(2) a.reback{background-color:#ff9500;color:#fff;border:1px solid #ff9500}.proshowing .proshow-con ul li:nth-of-type(2) a.reback:hover{color:#fff}.proshowing .proshow-con ul li:nth-of-type(2) a:hover{color:#ff9500;border:1px solid #ff9500}.proshowing .proshow-con ul li:nth-of-type(3){margin-top:33px;width:100px;height:100px;margin-right:30px}.proview{position:absolute;top:0;right:-50px;width:240px}.proview .swiper-container{position:relative;width:240px;height:514px;margin:0 auto}.proview .swiper-container .swiper-wrapper .swiper-slide{height:250px;text-align:left}.proview .swiper-container .swiper-wrapper .swiper-slide img{height:184px}.proview .swiper-container .swiper-wrapper .swiper-slide p{margin:10px 0 5px}