/* 页面顶部 */
.header{position: fixed;top: 0;z-index: 99;width: 100%;max-width: 750px;}
.header_top{background: #93C1FC;;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 1rem 0;height: 3rem;}
.header_top .logo{width: 15%;}
.header_top .logo img{margin: 0 auto;border-radius: 0.5rem;max-width: 70%;}
.header_top .text{width: 75%;text-align: center;border-right: 0.01rem solid #fff;}
.header_top .text h1{font-size: 1.2rem;margin-bottom: 0.25rem;color: white;text-transform: uppercase;}
.header_top .text p{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 0.25rem;}
.header_top .text p i{display: inline-block;width: 0.5rem;height: 0.1rem;background: #000;}
.header_top .text p span{margin: 0 0.25rem;color: #000;font-size: 1rem;}
.header_top .menu{width: 9.5%;text-align: center;}
.header_top .menu .hamburger{padding: 0;width:100%}
.header_top .menu .hamburger-inner, 
.header_top .menu .hamburger-inner::before, 
.header_top .menu .hamburger-inner::after{background: white;}
.header_top .menu .hamburger-inner, 
.header_top .menu .hamburger-inner::before, 
.header_top .menu .hamburger-inner::after{width: 2.5rem;height: 0.25rem;}
.header_top .menu .hamburger .hamburger-box{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.header_top .menu .hamburger.is-active .hamburger-inner, 
.header_top .menu .hamburger.is-active .hamburger-inner::before, 
.header_top .menu .hamburger.is-active .hamburger-inner::after{background: #fff;}


.header_menu{background:rgba(136,160,134,0.9);position:absolute;top:5rem;left:0;z-index:99;width:100%;max-height:0;overflow:hidden;transition:max-height 0.5s ease-out}
.header_menu.show{max-height:100vh}
.header_menu ul{margin:0;padding:0}
.header_menu ul li{padding: 0.5rem 0;border-bottom: 1px solid #fff;list-style: none;}
.header_menu ul li:last-child{border-bottom: none;}
.header_menu ul li h2{font-size: 1.2rem;display: flex;flex-wrap: wrap;align-items: center;background: inherit; margin: 0;}
.header_menu ul li h2 img{margin-left: 0.5rem;border-radius: 0.75rem;width: 2rem;}
.header_menu ul li ul{margin-top: 0.5rem;}
.header_menu ul li ul li{border-bottom: none;margin-left: 3.5rem;padding: 0;margin-bottom: 1rem;}
.header_menu ul li ul li img{width: .75rem;border-radius: inherit;}
.header_menu ul li ul li h2 a{font-size: 1rem !important;}
.header_menu ul li ul li a{display: flex;flex-wrap: wrap;align-items: center;font-size: 1.1rem;}
.header_menu ul li ul li a img{margin-right: 0.5rem;}
.header_menu ul li h2 a{color: #333;line-height: 2rem; margin-left: 1rem; text-decoration: none;}




/* Times New Roman */
/* 页面主体 */
.header_body{position: relative;}
.header_body .text{position: absolute;top: 5rem;width: 100%;text-align: center;}
.header_body .text h3{font-size: 4rem;font-style: italic;color: white;font-family: 'Times New Roman';text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.header_body .text p{font-size: 1.35rem;color: white;width: 55%;margin: 0 auto;margin-top: 1rem;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.header_body .materials{position: absolute;bottom: 2.5rem;width: 100%}
.header_body .materials .materials_item{display: flex;flex-wrap: wrap;justify-content: center;}
.header_body .materials .materials_item .item{width: 30%;background: rgba(255, 255, 255, 0.8);text-align: center;margin:0.5rem 0;padding: 0.5rem 0;border-radius: 0.5rem;}
.header_body .materials .materials_item .item .img{margin-bottom: 0.5rem;height: 2rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.header_body .materials .materials_item .item span{font-size: 1.2rem;display: inline-block;height: 3rem;width: 72%;}
.header_body .materials .materials_item .item .img img{margin: 0 auto;max-width: 20%;}
.header_body .materials .materials_item .item:nth-child(2){margin: 0.5rem 0.4rem;}
.header_body .materials .materials_item .item:nth-child(4),
.header_body .materials .materials_item .item:nth-child(5){margin: 0 0.2rem;}

/* processing capabilities */
.processing{position: relative;}
.processing .pro_item{position: absolute;top: 2rem;width: 100%;}
.processing .pro_item h3{width: 100%;text-align: center;font-size: 1.5rem;margin-bottom: 1rem;color: white;}
.processing .pro_item p{width: 100%;text-align: center;color: white;font-size: 1.2rem;}
.processing .pro_item .pro_num{width: 100%;margin-top: 1.5rem;}
.processing .pro_item .pro_num .num{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;width: 94%;margin: 0 auto;}
.processing .pro_item .pro_num .num .list{width: 45%;margin-bottom: 2rem;padding: 1rem 0;color: white;}
.processing .pro_item .pro_num .num .list h4{font-size: 2rem;font-family: 'PangMenZhengDao';margin-bottom: 1rem;}
.processing .pro_item .pro_num .num .list span{font-size: 1.2rem;}

#background .bg{background: white;border-radius: 1rem;width: 96%;margin: 0 auto;margin-top: 1.5rem;}
#background .bg .subtitle{background: url(../img/title_text.png) no-repeat;background-size: 100% 100%;width: 60%;height: 5rem;margin: 0 auto;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#background .bg .subtitle h4{color: white;font-size: 1.25rem;margin-top: 1rem;text-transform: uppercase;}

/* 386135 */
.outdoor{padding: 1.5rem 0;}
.outdoor #title{width: 75%;margin: 0 auto;}
.outdoor #title .txt{margin: 0.5rem 0;}
.outdoor #title h3{font-size: 1.5rem;text-transform: uppercase;color: white;}
.outdoor #title h3:nth-child(1){text-align: left;}
.outdoor #title h3:nth-child(2){text-align: right;}
.outdoor .animal{padding: 1.5rem 0;}

.outdoor .animal .det{text-align: center;font-size: 1.25rem;width: 86%;margin: 0 auto;margin-top: 1rem;}
.outdoor .animal .sculpture{margin-top: 1rem;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.outdoor .animal .sculpture .sculpture-container{width: 86%;margin: 0 auto;}
.outdoor .animal .sculpture .sculpture-container .text{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 999;background: rgba(96,145,66, 0.5);display: flex;flex-wrap: wrap;justify-content: space-around;border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;padding: 0.75rem 0;color: white;}
.outdoor .animal .sculpture .sculpture-container .text .tit:nth-child(1){width: 60%;}
.outdoor .animal .sculpture .sculpture-container .text .tit:nth-child(2){width: 30%;}
.outdoor .animal .sculpture .sculpture-container .text .tit h4{font-size: 1.2rem;margin-bottom: 0.5rem;text-transform: uppercase;list-style: disc;position: relative;padding-left: 0.5rem;font-weight: 500;}
.outdoor .animal .sculpture .sculpture-container .text .tit h4::before{content:'';position: absolute;top: 40%;left: -2%;width: 0.25rem;height: 0.25rem;background: white;border-radius: 50%;}
.outdoor .animal .sculpture .sculpture-container .text .tit p{font-size: 1rem;}
.outdoor .animal .sculpture .scul_prev,
.outdoor .animal .sculpture .scul_next{position: initial;width: 7%;color: #386135;}
.outdoor .animal .page{width: 86%;margin: 0 auto;margin-top: 1rem;margin-bottom: 1rem;}
.outdoor .animal .scul_pagination{position: initial;}
.outdoor .animal .scul_pagination .swiper-pagination-bullet-active{background: #386135;}
.outdoor .animal .swiper-button-next:after, 
.outdoor .animal .swiper-button-prev:after{font-size: 2rem;}
.outdoor .property{width: 86%;margin: 0 auto;}
.outdoor .property .item{margin-bottom: 1rem;border-bottom: 0.1rem solid #C7C7C7;padding-bottom: 0.5rem;}
.outdoor .property .item h4{font-size: 1.2rem;text-transform: uppercase;padding-left: 1rem;position: relative;margin-bottom: 0.5rem;font-weight: 500;}
.outdoor .property .item h4::before{content:'';position: absolute;top: 40%;left: 0%;width: 0.35rem;height: 0.35rem;background: #000;border-radius: 50%;}
.outdoor .property .item p{font-size: 1rem;padding-left: 1rem;}
.outdoor .animal .contact_us{width: 86%;margin: 0 auto;text-align: center;}
.outdoor .animal .contact_us a{display: inline-block;width: 50%;margin: 0 auto;text-align: center;font-size: 1.05rem;background: #75B734;border-radius:0.5rem;padding: 0.5rem 0;color: white;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);position: relative;}
.outdoor .animal .contact_us .hand{position: absolute;bottom: -1rem;right: 4rem;width: 1.25rem;}




/* Other Products */

.other #title{width: 75%;margin: 0 auto;}
.other #title .txt{margin: 0.5rem 0;}
.other #title h3{font-size: 1.75rem;text-transform: uppercase;color: white;text-align: center;}
.other .products{padding: 1.5rem 0;}
.other .products .buddha{display: flex;flex-wrap: wrap;justify-content: space-between;}
.other .products .buddha .img{width: 32%;margin-top: 1rem;}
.other .products .buddha .img img{margin: 0 auto;max-width: 80%;}
.other .products .deta{width: 90%;margin: 0 auto;margin-top: 1rem;text-align: center;font-size: 1rem;}
.other .products .get_more{width: 86%;margin: 0 auto;text-align: center;margin-top: 1rem;}
.other .products .get_more a{display: inline-block;width: 50%;margin: 0 auto;text-align: center;font-size: 1.05rem;background: #75B734;border-radius:0.5rem;padding: 0.5rem 0;color: white;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);position: relative;}
.other .products .get_more .hand{position: absolute;bottom: -1rem;right: 4rem;width: 1.25rem;}


/* Bespoke Journey
From Vision to Heirloom */
.bespoke_journey #title{width: 75%;margin: 0 auto;}
.bespoke_journey #title .txt{margin: 0.5rem 0;}
.bespoke_journey #title h3{font-size: 1.5rem;text-transform: uppercase;color: white;}
.bespoke_journey #title h3:nth-child(1){text-align: left;}
.bespoke_journey #title h3:nth-child(2){text-align: right;}
.bespoke_journey .journey{padding: 1.5rem 0;}
.bespoke_journey .journey .journey_item{width: 96%;margin: 0 auto;margin-top: 1rem;position: relative;}
.bespoke_journey .journey .journey_item .round{position: absolute;top: 0;left: 50%;height: 100%;}
.bespoke_journey .journey .journey_item .item{width: 100%;}
.bespoke_journey .journey .journey_item .item .list{width: 49%;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.bespoke_journey .journey .journey_item .item .list .text{width: 75%;}
.bespoke_journey .journey .journey_item .item .list .text h4{margin-bottom: 0.5rem;}
.bespoke_journey .journey .journey_item .item .list .text p{font-size: .95rem;}
.bespoke_journey .journey .journey_item .item .list .img{width: 15%;}
.bespoke_journey .journey .journey_item .item .list .img img{margin: 0 auto;}
.bespoke_journey .journey .journey_item .item:nth-child(odd){display: flex;flex-wrap: wrap;justify-content: start;}
.bespoke_journey .journey .journey_item .item:nth-child(odd) .list .text{text-align: right;}
.bespoke_journey .journey .journey_item .item:nth-child(even){display: flex;flex-wrap: wrap;justify-content: end;}
.bespoke_journey .journey .journey_item .item:nth-child(even) .list .text{text-align: left;}
.bespoke_journey .journey .get_more{width: 86%;margin: 0 auto;text-align: center;margin-top: 1rem;}
.bespoke_journey .journey .get_more a{display: inline-block;width: 50%;margin: 0 auto;text-align: center;font-size: 1.05rem;background: #75B734;border-radius:0.5rem;padding: 0.5rem 0;color: white;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);position: relative;}
.bespoke_journey .journey .get_more .hand{position: absolute;bottom: -1rem;right: 4rem;width: 1.25rem;}

/* Rooted Legacies */
.rooted #title{width: 75%;margin: 0 auto;padding-top: 1.5rem;}
.rooted #title .txt{margin: 0.5rem 0;}
.rooted #title h3{font-size: 1.75rem;text-transform: uppercase;color: white;text-align: center;}
#background .rooted .subtitle{background: url(../img/title_text2.png) no-repeat;width: 90%;background-size: 100% 100%;}
#background .rooted .subtitle h4{font-size: 1.2rem;}
#background .rooted .rooted_item{padding: 1.5rem 0;}
#background .rooted .rooted_item{width: 96%;margin: 0 auto;margin-top: 1.5rem;}
#background .rooted .rooted_item .text p{margin-bottom:1rem;font-size: 1.2rem;}
#background .rooted .rooted_item .text p span{background: #609142;border-radius: 0.5rem;padding: 0.2rem 0.5rem;color: white;margin-right: 0.5rem;}
#background .rooted .rooted_item .rooted_list{width: 96%;margin: 0 auto;margin-top: 1.5rem;}
#background .rooted .rooted_item .rooted_list .img{position: relative;margin-top: 2rem;}
#background .rooted .rooted_item .rooted_list .img img{width:100%}
#background .rooted .rooted_item .rooted_list .img .pic{position: absolute;top: -0.5rem;width: 100%;text-align: center;}
#background .rooted .rooted_item .rooted_list .img .pic img{margin: 0 auto;width: initial;width: 12rem;}
#background .rooted .rooted_item .rooted_list .detail{margin-top: 1rem;text-align: center;font-size: 1.15rem;}

#background .rooted .rooted_item .rooted_list .scene_img{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
#background .rooted .rooted_item .rooted_list .scene_img .pic img{max-width: 70%;}
#background .rooted .rooted_item .rooted_list .scene_img .img{width: 55%;}
#background .rooted .rooted_item .rooted_list .scene_img .tit{width: 40%;}
#background .rooted .rooted_item .rooted_list .scene_img .tit span{background: #609142;border-radius: 0.5rem;padding: 0.2rem 0.5rem;color: white;margin-right: 0.5rem;font-size: 1.1rem;}
#background .rooted .rooted_item .rooted_list .scene_img .tit p{margin-top:1rem;font-size: 1.1rem;}

/* our factory */
.our_factory #title{width: 75%;margin: 0 auto;}
.our_factory #title .txt{margin: 0.5rem 0;}
.our_factory #title h3{font-size: 1.75rem;text-transform: uppercase;color: white;text-align: center;}
.our_factory .factory{padding: 1.5rem 0;}
.our_factory .factory p{text-align: center;font-size: 1.2rem;}
.our_factory .our_img{width: 94%;margin: 0 auto;margin-top: 1rem;margin-bottom: 1rem;}
.our_factory .our_img .pic img{width: 100%;}
.our_factory .our_img .img_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1rem;}
.our_factory .our_img .img_list .pic{width: 49%;margin-bottom: 1rem;}


/* footer */
.footer_form{background: url(../img/compang_bg.jpg) no-repeat;background-size: 100% 100%;width:100%;padding: 1.25rem 0;}
.footer_form .logo{margin-bottom: 1rem;}
.footer_form .logo img{margin: 0 auto;}
.footer_form .text{text-align: center;font-size: 1.2rem;color: white;}
.footer_form .content{width: 94%;margin: 0 auto;background: rgba(255, 255, 255, 0.7);margin-top: 1rem;padding: 1.5rem 0;border-radius: 0.75rem;}
.footer_form .content .lianxi{display: flex;flex-wrap: wrap;align-items: center;width: 94%;margin: 0 auto;margin-bottom: 1rem;}
.footer_form .content .lianxi img{width: 1.5rem;}
.footer_form .content .lianxi b{margin: 0 0.5rem;}
.footer_form .content .lianxi a{color: #000;}
.footer_form .content .lianxi:nth-child(3){margin-bottom: 0;}


/* 留言 */

.content_us ul{font-size:1.2rem;line-height:1.5;margin:1rem auto;padding:0 1.5rem}
.content_us ul li:nth-child(1){margin-bottom: 0.5rem;}
.content_us ul input{margin:0 .5rem 0 0;width:1rem;height:1rem}
.content_us ul li .q{display: inline-block;background: #609142;border-radius: 0.5rem;width: 1rem;width: 1.5rem;text-align: center;margin-right: 0.5rem;color: white;}
.content_us ul li .other{width: 12%;}
.content_us ul li .input{width: 85%;height: 2rem;background: transparent;border-top: none;border-left: none;border-right: none;border-radius: inherit;outline: none;}
#kind_question{display: none;}
#kind_machine{display: none;}
#kind_sculpture{display: none;}



.content_us{background: #386135;padding: 2rem 0;}
.content_us .content_form{padding: 1.5rem 0;background: white;width: 94%;margin: 0 auto;border-radius: 0.75rem;}
.content_us .content_form .det{text-align: center;margin-top: 1rem;}
.content_us .com-form{width: 96%;margin: 0 auto;display: none;}
.content_us .com-form .form-input{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1rem;}
.content_us .com-form .form-input .fl{width: 48%;margin-bottom: 1rem;}
.content_us .com-form .form-input .fl p{padding-left: 0.5rem;}
.content_us .com-form .form-input .fl input{width: 98%;border-radius: 1rem;height: 2rem;padding-left: 0.25rem;margin-top: 0.25rem;border:1px solid #333;font-size: .95rem;}
.content_us .com-form .form-area p{padding-left: 0.5rem;}
.content_us .com-form .form-area textarea{width: 99%;margin-top: 0.25rem;height: 4rem;border-radius: 1rem;padding-top: 0.25rem;padding-left: 0.25rem;font-size: .95rem;border: 1px solid #333;resize: none;font-family: initial;}
.content_us .com-form .submit_input{width: 86%;margin: 0 auto;text-align: center;margin-top: 1rem;}
.content_us .com-form .submit_input a{display: inline-block;width: 50%;margin: 0 auto;text-align: center;font-size: 1.05rem;background: #75B734;border-radius:0.5rem;padding: 0.5rem 0;color: white;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);position: relative;}
.content_us .com-form .submit_input .hand{position: absolute;bottom: -1rem;right: 4rem;width: 1.25rem;}

.gotop{width:12vw;height:12vw;line-height:12vw;border-radius:50%;background-color:rgba(0,0,0,0.5);display:none}
.gotop{position:fixed;z-index:99;top:75%;right:10px;text-align:center}
.gotop img{width:50%;display:inline-block;vertical-align:middle}



.btn-box{height: 3rem;padding:0 4%;bottom:0;width:100%;justify-content:space-between;background-color:#386135;background-image:linear-gradient(90deg,#386135 0%,#386135 100%)}
.btn-box .btn{width:49%;display: flex;justify-content: center;align-items: center;}
.btn-box .btn a{color:#fff;display:block;text-align:center;font-size: 1.2rem;}
.btn-box .btn:first-child{border-right:1px solid #fff}
.btn-box{position:fixed;max-width:750px;box-sizing:border-box;z-index: 9999;}






