.banner{width:100%;height:760px;background:url('/imgs/handplantedcypress/banner.png') no-repeat;background-size:100% 760px;position:relative}.banner_text{position:absolute;font-size:clamp(1rem,4.95vw,6.94rem);top:36%;left:21%}.container-xxl{max-width:1320px}.listtop_{position:absolute;top:0}.listbottom{position:absolute;bottom:0}.listzuo{position:absolute;top:0;right:21px}.listyou{position:absolute;bottom:0;right:21px}.cypresss{width:82px;height:23px;border-radius:11.5px;padding:9px 2px;display:flex;align-items:center;justify-content:center;color:#fff}.list{position:relative;overflow:hidden;background-color:transparent;display:flex;border-radius:15px}.list_left{padding:30px 38px;display:flex;align-items:center;border-top-left-radius:44px;border-bottom-left-radius:44px}.list_right{padding:30px 38px;border-top-right-radius:42px;border-bottom-right-radius:42px}.renlist{display:flex}.renlist>div:not(:first-child){margin-left:10px}.tab{position:relative;font-size:28px;cursor:pointer;transition:color .3s;display:flex;align-items:center;margin:0 25px}.tab:hover{color:#ffe37a;transition:opacity .3s ease}.tab:hover::before{content:'';position:absolute;left:-30px;width:21px;height:14px;background:url('/imgs/cypresscontent/tab.png') no-repeat;background-size:21px 14px;z-index:10}.tab:hover::after{content:'';position:absolute;background:url('/imgs/cypresscontent/tab.png') no-repeat;background-size:21px 14px;right:-30px;width:21px;height:14px;z-index:10}#tabs{width:100%;height:140px;background:url('/imgs/cypresscontent/border.png') no-repeat;background-size:100% 140px;position:relative;top:-70px;z-index:1;display:flex;align-items:center;justify-content:space-around;color:#f9f4e7;font-size:26px;white-space:nowrap;overflow-x:auto;flex-flow:nowrap;-ms-overflow-style:none;scrollbar-width:none}#content1{width:100%;position:relative;overflow:hidden}.footer_ck{background:url('/imgs/cypress/border.png') no-repeat;width:192px;height:50px;display:flex;align-items:center;justify-content:center;background-size:cover;margin:0 auto;margin-top:50px;color:#eed88c}#content1::before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background-color:#f9f4e7}#content1::after{content:"";position:absolute;bottom:48px;left:0;right:0;width:100%;height:320px;background:url('/imgs/handplantedcypress/background.png') no-repeat;background-size:100% 320px}#content2{position:relative;width:100%;height:auto;background:url('/imgs/handplantedcypress/background-8.png') no-repeat;background-size:100% 100%;background-color:#8c5518;overflow:hidden}#content3{position:relative;width:100%;background:#f9f4e7;position:relative;overflow:hidden}.gubaiyximg{display:flex;align-items:center;width:100%;padding:40px 0 130px 0;position:relative;z-index:2;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gubaiyximg img{width:240px;height:135px;margin:0 13px;flex-shrink:0}.gubaiyximg::-webkit-scrollbar{display:none}.gubaiyx{position:relative;width:100%;height:100%;background:url('/imgs/handplantedcypress/border-2.png') no-repeat;background-size:100% 100%;display:flex;padding:50px;align-items:center;justify-content:space-between}#content4{position:relative;width:100%;background:url('/imgs/handplantedcypress/background-7.png') no-repeat;background-size:cover;overflow:hidden;padding-bottom:80px}.gushupng{width:1024px;height:auto}.lefthover{width:61px;height:61px}.righthover{width:61px;height:61px}.topcontent{display:flex}.topcontentimg{width:550px;height:510px;position:relative;left:82px}.gubai{position:relative;width:100%;height:676px;background:url('/imgs/handplantedcypress/border.png') no-repeat;background-size:100% 676px;display:flex;padding:50px;align-items:center;justify-content:space-between}.dian_{width:644px;height:466px;background:url('/imgs/handplantedcypress/dian.png') no-repeat;background-size:644px 466px;position:relative;left:-82px}.gushuresize{margin-left:32px;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;overflow-y:scroll;height:482px}#content5{position:relative;width:100%;background-color:#f9f4e7;overflow:hidden;padding-bottom:160px}.lefttop_{width:3px;height:80px;background:#8c5518;opacity:0;transition:opacity .3s ease}.relatedlist{display:flex;background-color:#fff;align-items:center;position:relative;z-index:2;margin:5px 0}.relatedtitle{padding-left:40px;border-left:#eee 1px solid;height:60px;line-height:60px;font-size:16px}.relatedlist:hover .lefttop_{width:3px;height:80px;background:#8c5518;opacity:1;transition:opacity .3s ease}.relatedlist:hover .relatedtitle{font-weight:700;font-size:16px}.informationbotton{width:100%;background:#fff;display:flex;font-size:20px;justify-content:center;margin-top:40px;padding-bottom:100px;border-radius:15px}.informationbotton div{text-align:center;padding-top:20px}.informationlist{border-top:1px solid #edd98e;padding:20px 0 20px 30px;justify-content:space-around;color:#eed88c}@media(max-width:1350px){.gushupng{width:924px;height:476px}.gubai{position:relative;width:100%;height:576px;background:url('/imgs/handplantedcypress/border-1.png') no-repeat;background-size:100% 576px;display:flex;padding:50px;align-items:center}.banner{width:100%;height:660px;background:url('/imgs/handplantedcypress/banner.png') no-repeat;background-size:100% 660px}.banner_text{position:absolute;font-size:clamp(1rem,4.95vw,6.94rem);top:36%;left:21%}}@media(max-width:1200px){.gushupng{width:824px;height:476px}.gubai{position:relative;width:100%;height:576px;background:url('/imgs/handplantedcypress/border-1.png') no-repeat;background-size:100% 576px;display:flex;padding:50px;align-items:center}.banner{width:100%;height:560px;background:url('/imgs/handplantedcypress/banner.png') no-repeat;background-size:100% 560px}}@media(max-width:1150px){.gushupng{width:824px;height:406px}.gubai{position:relative;width:100%;height:506px;background:url('/imgs/handplantedcypress/border-1.png') no-repeat;background-size:100% 506px;display:flex;padding:20px;align-items:center;justify-content:space-around}.gubaiyx{position:relative;width:100%;height:100%;background:url('/imgs/handplantedcypress/border-2.png') no-repeat;background-size:100% 100%;display:flex;padding:20px;align-items:center;justify-content:space-between}.lefthover{width:30px;height:30px}.righthover{width:30px;height:30px}}@media(max-width:993px){.gushupng{width:90%;height:auto}.gubai{position:relative;width:100%;height:auto;background:url('/imgs/handplantedcypress/border-1.png') no-repeat;background-size:100% 100%;display:flex;padding:20px;align-items:center;justify-content:space-around}.lefthover{width:30px;height:30px}.righthover{width:30px;height:30px}}@media(max-width:992px){.topcontent{display:flex;flex-direction:column}.resize{margin-top:40px;margin-left:32px;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;overflow-y:scroll;height:482px}#tabs{width:100%;height:70px;background:url('/imgs/cypresscontent/border.png') no-repeat;background-size:100% 70px;position:relative;top:-35px;z-index:1;display:flex;align-items:center;justify-content:space-around;color:#f9f4e7;font-size:26px;white-space:nowrap;overflow-x:auto;flex-flow:nowrap;-ms-overflow-style:none;scrollbar-width:none}.banner{width:100%;height:360px;background:url('/imgs/handplantedcypress/banner.png') no-repeat;background-size:100% 360px}.banner_text{position:absolute;font-size:clamp(1rem,4.95vw,6.94rem);top:38%;left:21%}}@media(max-width:570px){.gushupng{width:85%;height:auto;margin:0 5px}.topcontentimg{width:450px;height:410px;position:relative;left:82px}.dian_{width:544px;height:366px;background:url('/imgs/handplantedcypress/dian.png') no-repeat;background-size:644px 466px;position:relative;left:-82px}.banner_text{position:absolute;font-size:clamp(1rem,4.95vw,6.94rem);top:44%;left:21%}}.thumb{cursor:pointer;opacity:.7;transition:all .3s;border:2px solid transparent}.thumb:hover,.thumb.active{opacity:1;border-color:#007bff;transform:scale(1.05)}.lefthover,.righthover{cursor:pointer;transition:transform .3s}.lefthover:hover{transform:translateX(-5px)}.righthover:hover{transform:translateX(5px)}