.header1{display:none}@media only all and (max-width: 768px){.header1{display:block}}
header{position:fixed;top:0;left:0;background-color:#fff}header.headerHeight{-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-ms-transform:translateY(-120px);-o-transform:translateY(-120px);transform:translateY(-120px)}@media only all and (max-width: 1440px){header.headerHeight{-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-ms-transform:translateY(-70px);-o-transform:translateY(-70px);transform:translateY(-70px)}}header .logo{margin-top:24px}@media only all and (max-width: 1440px){header .logo{margin-top:8px}}header .logo .logo1{display:none}header .logo .logo2{display:block}header nav .item .nav1{color:#666;padding-top:45px;padding-bottom:45px}@media only all and (max-width: 1440px){header nav .item .nav1{padding-top:20px;padding-bottom:20px}}header nav .item .nav1.active{color:#000}header nav .item .nav1.active .lines{opacity:1}header nav .item:hover .nav1{color:#000}header nav .item:hover .nav1 .lines{opacity:1}.content{width:100%;background-color:#f2f2f2;padding-top:40px;padding-bottom:119px;margin-top:120px}@media only all and (max-width: 1440px){.content{margin-top:70px;padding-bottom:60px}}@media only all and (max-width: 768px){.content{margin-top:60px}}@media only all and (max-width: 414px){.content{margin-top:55px;padding-top:20px;padding-bottom:30px}}.content .content-con{width:1400px;margin:0 auto}@media only all and (max-width: 1440px){.content .content-con{width:1200px}}@media only all and (max-width: 1280px){.content .content-con{width:1000px}}@media only all and (max-width: 1024px){.content .content-con{width:770px}}@media only all and (max-width: 768px){.content .content-con{width:100%;padding-left:10px;padding-right:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}}.content .content-con .swiper1{width:100%}.content .content-con .swiper1 .swiper-slide{width:100%}.content .content-con .swiper1 .swiper-slide .img{width:100%}.content .content-con .swiper1 .swiper-slide .text{position:absolute;font-size:30px;line-height:1;color:#fff;top:39px;left:40px}@media only all and (max-width: 1440px){.content .content-con .swiper1 .swiper-slide .text{font-size:24px}}@media only all and (max-width: 1024px){.content .content-con .swiper1 .swiper-slide .text{font-size:20px}}@media only all and (max-width: 414px){.content .content-con .swiper1 .swiper-slide .text{font-size:16px;top:20px;left:10px}}.content .content-con .swiper1 .swiper-button-prev{width:29px;height:54px;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url("../image/left-arrow.png");left:42px;margin-top:-27px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;opacity:0.3}@media only all and (max-width: 1440px){.content .content-con .swiper1 .swiper-button-prev{width:20.3px;height:37.8px;margin-top:-19px;left:20px}}@media only all and (max-width: 414px){.content .content-con .swiper1 .swiper-button-prev{width:14.5px;height:27px;margin-top:-13.5px;left:10px}}.content .content-con .swiper1 .swiper-button-prev:hover{opacity:0.9}.content .content-con .swiper1 .swiper-button-next{width:29px;height:54px;background-size:cover;background-repeat:no-repeat;background-position:center;background-image:url("../image/right-arrow.png");right:42px;margin-top:-27px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;opacity:0.3}@media only all and (max-width: 1440px){.content .content-con .swiper1 .swiper-button-next{width:20.3px;height:37.8px;margin-top:-19px;right:20px}}@media only all and (max-width: 414px){.content .content-con .swiper1 .swiper-button-next{width:14.5px;height:27px;margin-top:-13.5px;right:10px}}.content .content-con .swiper1 .swiper-button-next:hover{opacity:0.9}.content .content-con .commit-tit{font-size:30px;line-height:1;color:#333;margin-top:80px;margin-bottom:30px}@media only all and (max-width: 1440px){.content .content-con .commit-tit{font-size:24px;margin-top:50px;margin-bottom:20px}}@media only all and (max-width: 1024px){.content .content-con .commit-tit{font-size:20px;margin-top:30px;margin-bottom:10px}}.content .content-con .works .works-con .item{font-size:0;padding-bottom:60px;border-bottom:1px solid rgba(0,0,0,0.1)}@media only all and (max-width: 414px){.content .content-con .works .works-con .item{padding-bottom:30px}}.content .content-con .works .works-con .item .item-tit{width:100%;margin-bottom:40px}@media only all and (max-width: 414px){.content .content-con .works .works-con .item .item-tit{margin-bottom:20px}}.content .content-con .works .works-con .item .item-tit .item-banner{width:100%}.content .content-con .works .works-con .item .item-con .list{width:31%;display:inline-block;vertical-align:top;margin-right:3.5%;margin-bottom:40px}@media only all and (max-width: 414px){.content .content-con .works .works-con .item .item-con .list{width:100%;margin-right:0;margin-bottom:20px}}.content .content-con .works .works-con .item .item-con .list:nth-child(3n){margin-right:0}.content .content-con .works .works-con .item .item-con .list .img{width:100%;overflow:hidden;position:relative}.content .content-con .works .works-con .item .item-con .list .img .img-con{width:100%;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}.content .content-con .works .works-con .item .item-con .list .img .shadows{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}.content .content-con .works .works-con .item .item-con .list .img .htx{position:absolute;top:0;left:0;width:100%;height:100%;padding-left:10px;padding-right:10px;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;align-content:center;box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;opacity:0}.content .content-con .works .works-con .item .item-con .list .img .htx em{display:block;width:100%;text-align:center;font-size:12px}.content .content-con .works .works-con .item .item-con .list .text{height:80px;overflow:hidden}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list .text{height:40px}}.content .content-con .works .works-con .item .item-con .list .text .text-con1{height:100%;width:100%;text-align:center;background-color:#fff}@media only all and (max-width: 768px){.content .content-con .works .works-con .item .item-con .list .text .text-con1{display:none}}.content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{font-size:16px;line-height:30px;color:#333;padding-top:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;opacity:1}@media only all and (max-width: 1440px){.content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{font-size:14px}}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{padding-top:6px}}.content .content-con .works .works-con .item .item-con .list .text .text-con{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;background-color:#fff;padding-left:30px;padding-right:30px;position:relative;z-index:1;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list .text .text-con{padding-left:10px;padding-right:10px}}.content .content-con .works .works-con .item .item-con .list .text .text-con .names{font-size:16px;line-height:30px;color:#333;padding-top:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media only all and (max-width: 1440px){.content .content-con .works .works-con .item .item-con .list .text .text-con .names{font-size:14px}}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list .text .text-con .names{padding-top:6px}}.content .content-con .works .works-con .item .item-con .list .text .text-con .price{font-size:16px;line-height:30px;font-weight:bold;color:#ffc000;padding-top:26px}@media only all and (max-width: 1440px){.content .content-con .works .works-con .item .item-con .list .text .text-con .price{font-size:14px}}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list .text .text-con .price{padding-top:6px}}@media only all and (max-width: 768px){.content .content-con .works .works-con .item .item-con .list .text .text-con .text-con{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.content .content-con .works .works-con .item .item-con .list:hover{box-shadow:3px 3px 8px #e6e6e6, -3px 3px 8px #e6e6e6}.content .content-con .works .works-con .item .item-con .list:hover .img .img-con{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}.content .content-con .works .works-con .item .item-con .list:hover .img .shadows{opacity:1}.content .content-con .works .works-con .item .item-con .list:hover .img .htx{opacity:1}.content .content-con .works .works-con .item .item-con .list:hover .text .text-con1 .names{opacity:0}.content .content-con .works .works-con .item .item-con .list:hover .text .text-con{-webkit-transform:translateY(-80px);-moz-transform:translateY(-80px);-ms-transform:translateY(-80px);-o-transform:translateY(-80px);transform:translateY(-80px)}@media only all and (max-width: 1024px){.content .content-con .works .works-con .item .item-con .list:hover .text .text-con{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@media only all and (max-width: 768px){.content .content-con .works .works-con .item .item-con .list:hover .text .text-con{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.content .content-con .works .works-con .item .more-btn{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:180px;height:50px;line-height:50px;background-color:#000;color:#fff;text-align:left;padding-left:19px;position:relative;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;margin:0 auto;font-size:14px}@media only all and (max-width: 1440px){.content .content-con .works .works-con .item .more-btn{width:150px;height:45px;line-height:45px;padding-left:15px}}@media only all and (max-width: 414px){.content .content-con .works .works-con .item .more-btn{font-size:12px;width:125px;height:40px;line-height:40px;padding-left:15px}}.content .content-con .works .works-con .item .more-btn:before{position:absolute;content:'';width:60px;height:1px;background-color:#ff6d24;top:50%;right:-21px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s}@media only all and (max-width: 1440px){.content .content-con .works .works-con .item .more-btn:before{width:50px;right:-25px}}@media only all and (max-width: 414px){.content .content-con .works .works-con .item .more-btn:before{width:40px;right:-20px}}.content .content-con .works .works-con .item .more-btn:hover:before{right:-30px}@media only all and (max-width: 414px){.content .content-con .works .works-con .item .more-btn:hover:before{right:-20px}}