a,a:hover{ text-decoration: none; } body{ text-align: left; min-width: 1200px; overflow-y: auto; overflow-x: hidden; background-color: #eecdba; } .hide{ display: none; } /*slide鍏叡鏍峰紡*/ .pcs1 .pc-slide-ctr{width: 100%; text-align: center; padding-top: 5px;} .pcs1 .pc-slide-ctr i{display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 16px; background: #fcd495; color: #fff; text-align: center; overflow: hidden;} .pcs1 .pc-slide-ctr .current{background: #fff; cursor: pointer;} .demo{ animation-duration: 3s; animation-delay: 2s; animation-iteration-count: 2; } .banner{ height: 668px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/banner.jpg) center 0 no-repeat; } .inner-wrap{ width: 1200px; margin: 0 auto; position: relative; } .nav{ /* width: ; */ background: center 0 no-repeat; font-size: 20px; } .nav-list{ width: 1000px; height: 80px; margin: 0 auto; text-align: center; } .nav-item{ color: #fcd392; float: left; width: 20%; line-height: 80px; position: relative; } .nav-last{ position: absolute; top: 10px; right: 0; width: 240px; height: 62px; } .nav-last img{ width: 240px; height: 62px; display: block; } .line-w{ height: 1px; width: 0px; position: absolute; bottom: 20px; left: 50%; margin-left: -12px; background-color: #fff; transition: width .5s; } .nav-item:hover{ color: #fff; text-decoration: none;; } .nav-item:hover .line-w{ width: 24px; } .part1{ height:761px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/p1.png) center 40px no-repeat; padding-top: 228px; } .tit-1{ width: 100%; height: 156px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/p1.png) center -126px no-repeat; text-indent: -9999px; overflow: hidden; } .p-des{ padding: 40px 0; font-size: 20px; text-align: center; } .gruide.p-des{ background-color: #b98974; text-indent: 40px; line-height: 38px; margin: 0 auto; color: #fff; } .gruide.p-des p{ width: 890px; margin: 0 auto; text-align:left; } .part2 .p-des{ color: #5e5e5e; line-height: 36px; } .video-box{ width:1000px; height:562px; overflow: hidden; margin: 0 auto; border: 12px solid #9c1415; border-radius:10px; position: relative; } .video-box .mejs__overlay{ /* content: ""; position: absolute; width: 1000px; height: 100%; */ background-color: rgba(0,0,0,0.3); /* left: 0; top: 0; */ /* z-index: 1; */ } .video-box .mejs__overlay-button,.v-btn{ width: 134px; height: 116px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/video-btn.png) 0 0 no-repeat; opacity: .8; filter: alpha(opacity=80); z-index: 2; } .mejs__overlay:hover>.mejs__overlay-button,.video-box:hover .v-btn{ background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/video-btn.png) 0 0 no-repeat; opacity: 2; filter: alpha(opacity=100); } .video-box .mejs__overlay-error>img{ width: 100%; height: 562px; } .part2 { padding: 193px 0 0; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/p2.png) center 50px no-repeat; height: 1919px; } .part2 .list{ width: 1000px; margin: 0 auto; padding-top: 52px; } .c-item{ width: 488px; } .part2 a .pic-box{ border: 5px solid #ce3f2f; overflow: hidden; position: relative; } .part2 a.c-item .pic-box{ width: 478px; height: 266px; } .part2 a .pic-box .cover{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.2); background-position: center center; background-repeat: no-repeat; } .c-item.suan .cover{ background-image: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/suan.png); } .c-item.ku .cover{ background-image: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/ku.png); } .c-item.tian .cover{ background-image: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/tian.png); } .c-item.la .cover{ background-image: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/la.png); } .c-item.suan,.c-item.ku{ float: left; } .c-item.tian,.c-item.la{ float: right; } .part2 .item-tit{ font-size: 26px; color: #fff; font-weight: bold; line-height: 60px; height: 60px; overflow: hidden; text-align: center; } .part2 .item-desc{ line-height: 28px; color: #fff; margin-top: 5px; font-size: 16px; overflow: hidden; margin-bottom: 25px; } .part2 .item-desc em{ color: #9c1415; } .part2 .list-big-item{ width: 970px; display: block; overflow: hidden; margin: 22px auto 0; position: relative; } .part2 .list-big-item .item-desc{ padding: 0 20px; margin-top:-10px; } .list-big-item.xian .cover{ background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/xian.png) center center no-repeat; } .part3{ padding-top: 200px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/p3.png) center 40px no-repeat; padding-bottom: 100px; } .part3 .p-des{ color: #5e5e5e; } .part3 .good-list{ width: 1010px; margin: 0 auto; max-height: 792px; overflow: hidden; } .part3 .good-list.auto{ max-height: unset; } .part3 .g-item{ width: 234px; height: 358px; float: left; margin: 0 5px 30px; border: 4px solid #ce3f2f; background-color: #ce3f2f; } .part3 .g-item .pic-box{ display: block; color: #fff; font-size: 15px; text-align: center; opacity: .9; transition: opacity .5s; } .part3 .g-item .pic-box:hover{ opacity: 1; } .part3 .g-item img{ width: 234px; height: 300px; display: block; } .part3 .g-item span{ display: block; line-height:60px; height: 60px; overflow: hidden; } .part3 .more{ width: 305px; height: 74px; background: url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/more.png) 0 0 no-repeat; margin: 20px auto 0; display: block; text-indent: -99999px; overflow: hidden; } .team{ height:233px; background:#eecdba url(/www1__pchouse__com__cn/zt/gz20210202/newyear/images/team.png) center 0 no-repeat; padding-bottom: 60px; } body #footer.g-footer{ background-color: #3f2f29; } body .g-footer,body .g-footer a,body .g-footer .gft-copyright,body .g-footer .gft-copyright a{ color: #fff; } .banner img{ display: block; } .banner .text-1{ position: absolute; top:218px; left: 107px; } .banner .modal{ width: 488px; height: 105px; position: absolute; top:335px; left: 107px; } .banner .modal .m-img{ position: absolute; top: 0; } .banner .modal .m-1{ left: 0; } .banner .modal .m-2{ left: 98px; } .banner .modal .m-3{ left:200px; } .banner .modal .m-4{ left: 300px; } .banner .modal .m-5{ left: 400px; }