/* .header{position: fixed;top: 0;max-width: 750px;width: 100%;z-index: 9999;} */
.header_top{background: #6B9CCA;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;height: 4rem;display: flex;align-items: center;position: fixed;top: 0;max-width: 750px;width: 100%;z-index: 9999;}
.header_top .top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 96%;margin: 0 auto;height: 100%;}
.header_top .top .logo{width: 78%;display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
.header_top .top .logo h1{font-size: 1.25rem;font-weight: 500;color: #fff;}
.header_top .top .logo img{max-width: 70%;border-radius: 1rem;width: 2rem;margin-right: 0.5rem;}
.header_top .right_icon{width: 22%;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.header_top .right_icon .language{width:50%;position:relative;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.header_top .right_icon .language .img img{margin:0 auto;width:2rem}
.header_top .right_icon .language .minor{position:absolute;top:4rem;left:-1.5rem;width:7rem;background:white;display:block;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:4px;overflow:hidden}
.header_top .right_icon .language:hover .minor{opacity:1;visibility:visible;transform:translateY(0)}
.header_top .right_icon .language .minor h3{font-weight:400;text-align:center;height:3rem;display:flex;align-items:center;justify-content:center;font-size:0.95rem;margin:0;padding:0 1rem;cursor:pointer}
.header_top .right_icon .language .minor h3:hover{background-color:#f5f5f5;transition:background-color 0.2s ease}
.header_top .menu{width: 50%;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: #fff;}
.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(130,172,211,0.9);position:fixed;padding-top: 4rem;top:0rem;z-index:999;width:100%;max-width: 750px;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;color: white;}
.header_menu ul li ul li a i{border-left: 1rem solid white;border-right: 1rem solid transparent;border-top: 0.5rem solid transparent;border-bottom: 0.5rem solid transparent;}
.header_menu ul li h2 a{color: #fff;line-height: 2rem; margin-left: 1rem; text-decoration: none;}


.header_body{position: relative;}
.header_body .header_title{position: absolute;top: 8rem;left: 0;width: 100%;z-index: 99;}
.header_body .header_title h2{font-family: 'DOUYU';text-transform: uppercase;font-size: 4rem;padding-left: 1.5rem;color: white;width: 68%;font-style: italic;}
.header_body .header_title p{margin: 1.5rem;margin-top: 0.5rem;display: inline-block;background: #3A6237;font-size: 1.25rem;padding: 0.25rem 1.5rem;color: white;border-radius: 1rem;}
.header_body h3{position: absolute;bottom: 15rem;width: 100%;text-align: center;font-family: 'douyu';font-size: 3rem;}
.header_body h3 span{display: inline-block;width: 60%;color: #434343;}

.header_bottom{position: relative;}
.header_bottom .advantage_item{position: absolute;bottom: 3rem;right: 0rem;width: 60%;}
.header_bottom .advantage_item .ad_list{display: flex;flex-wrap: wrap;justify-content: center;}
.header_bottom .advantage_item .ad_list .list{width: 31%;text-align: center;}
.header_bottom .advantage_item .ad_list .list .img img{margin: 0 auto;width: 4rem;}
.header_bottom .advantage_item .ad_list:nth-child(1){margin-bottom: 1rem;}
.header_bottom .advantage_item .ad_list:nth-child(1) .list{width: 33%;margin: 0 1rem;}
.header_bottom .advantage_item .ad_list .list span{display: inline-block;font-size: 1.05rem;margin-top: 0.5rem;height: 3rem;}

/* 定制庭院标志牌 */
.customized .cust_active{width: 94%;margin: 0 auto;margin-top: 1.5rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.customized .cust_active h4{background: #fff;width: 48%;margin: 0.75rem 0;padding: 1rem 0;text-align: center;border-radius: 0.75rem;font-size: 1.15rem;transition: all 0.3s ease;}
.customized .cust_active h4.active{background: #386135;color: white;}
.customized .custom_container{width: 94%;margin: 0 auto;margin-top: 1rem;}
.customized .custom_container .swiper-slide img{width: 100%;border-radius: 1rem;}
.customized .custom_container .swiper-pagination-bullet{width: 0.75rem;height: 0.75rem;border: 0.01rem solid #fff;background: transparent;opacity: initial;}
.customized .custom_container .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #386135;border: 0.01rem solid #386135;}

.specification #title h3{color: white;text-shadow: initial;}
.specification #details{color: white;}
.specification .cation{margin-top: 1.5rem;}
.specification .cation .img{width: 60%;margin: 0 auto;}
.specification .cation .img img{margin: 0 auto;}
.specification .cation .pp_text{width: 90%;margin: 0 auto;background: white;border-radius: 1rem;padding: 2rem 0;}
.specification .cation .pp_text .text{width: 94%;margin: 0 auto;border-bottom: 0.09rem solid #073D00;display: flex;justify-content: space-around;padding-bottom: 0.5rem;}
.specification .cation .pp_text .text+.text{margin-top: 1.25rem;}
.specification .cation .pp_text .text .txt{width: 35%;color: #073D00;font-size: 1.15rem;font-weight: 600;}
.specification .cation .pp_text .text .detail{width: 65%;color: #3A3F42;font-size: 1.15rem;}




.product_advantages{background: white;padding: 3rem 0;}
.product_advantages .plastic{display: flex;flex-wrap: wrap;align-items: center;height: 28rem;margin-top: 1.5rem;position: relative;}
.product_advantages .plastic .img{width: 60%;}
.product_advantages .plastic .img img{width: 20rem;}
.product_advantages .plastic ul{width: 50%;position: absolute;left: 36%;height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.product_advantages .plastic ul li{display: flex;align-items: center;margin: 0.5rem 0;}
.product_advantages .plastic ul li img{width: 2rem;margin-right: 0.5rem;}
.product_advantages .plastic ul li:nth-child(2),
.product_advantages .plastic ul li:nth-child(7){margin-left: 3rem;}
.product_advantages .plastic ul li:nth-child(3),
.product_advantages .plastic ul li:nth-child(6){margin-left: 4.5rem;}
.product_advantages .plastic ul li:nth-child(4),
.product_advantages .plastic ul li:nth-child(5){margin-left: 5.5rem;}
.product_advantages .plastic ul span{font-size: 1.25rem;}


#bg_gary.edsign_display{background: #EDEDED !important;}
.edsign_display .edsign{width: 94%;margin: 0 auto;margin-top: 1.5rem;}
.edsign_display .edsign .item{position: relative;}
.edsign_display .edsign .item+.item{margin-top: 1.5rem;}
.edsign_display .edsign .item .pp{position:absolute;bottom: 0.5rem;left: 0.5rem;border-radius: 0.75rem;width: 16rem;}
.edsign_display .edsign .item .icon{width: 100%;display: flex;flex-wrap: wrap;justify-content: end;}
.edsign_display .edsign .item .icon .pic{width: 50%;display: flex;flex-wrap: wrap;justify-content: end;}
.edsign_display .edsign .item .icon .pic img{width: 3rem;}
.edsign_display .edsign .item .h4{display: flex;flex-wrap: wrap;justify-content: end;}
.edsign_display .edsign .item .h4 h4{width: 50%;text-align: center;color: #386135;text-shadow: 2px 2px 2px #fff;font-size: 1.5rem;font-weight: bold;}
.edsign_display .edsign .item .text{background: #386135;padding: 4rem 0;border-radius: 0.75rem;margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: end;padding-right: 2rem;}
.edsign_display .edsign .item .text p{width: 45%;color: white;font-size: 1.15rem;}

.edsign_display .edsign .item:nth-child(even) .pp{position:absolute;bottom: 0.5rem;left: initial;right: 0.5rem;border-radius: 0.75rem;}
.edsign_display .edsign .item:nth-child(even) .icon{width: 100%;display: flex;flex-wrap: wrap;justify-content: start;}
.edsign_display .edsign .item:nth-child(even) .icon .pic{width: 50%;display: flex;flex-wrap: wrap;justify-content: start;}
.edsign_display .edsign .item:nth-child(even) .h4{display: flex;flex-wrap: wrap;justify-content: start;}
.edsign_display .edsign .item:nth-child(even) .text{background: #386135;padding: 4rem 0;border-radius: 0.75rem;margin-top: 1rem;display: flex;flex-wrap: wrap;justify-content: start;padding-left: 2rem;}

.choose_us{padding: 2rem 0;background: url(../../data/img/choose_us.jpg) no-repeat;background-size: cover;width: 100%;}
.choose_us #title h3{color: white;text-shadow: initial;}
.choose_us #details{color: white;}
.choose_us .choose_item{width: 94%;margin: 0 auto;margin-top: 1.5rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.choose_us .choose_item .img{width: 49%;}
.choose_us .choose_item .img:nth-child(1),
.choose_us .choose_item .img:nth-child(2){margin-bottom: 0.75rem;}
.choose_us .choose_item .img img{border-radius:1rem;width: 100%;}
 

.choose_us .choose_list{width: 94%;margin: 0 auto;margin-top: 1.5rem;}
.choose_us .choose_list ul li{display: flex;flex-wrap: wrap;align-items: start;justify-content: space-between;}
.choose_us .choose_list ul li+li{margin-top: 1.5rem;}
.choose_us .choose_list ul li .img{width: 2.5rem;}
.choose_us .choose_list ul li .img img{margin: 0 auto;}
.choose_us .choose_list ul li .detail{width: 90%;color: white;}
.choose_us .choose_list ul li .detail h4{font-size: 1.25rem;}
.choose_us .choose_list ul li .detail p{font-size: 1.15rem;}



#bg_gary.service_process{background: #EDEDED !important;}
.service_item{width: 94%;margin: 0 auto;margin-top: 1rem;position: relative;}
.service_item .line{position: absolute;bottom: 2rem;width:100%;}
.service_item .line img{margin: 0 auto;width: 10rem;}
.service_item .ad_item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.service_item .ad_item .text{width: 45%;}
.service_item .ad_item .text .tit{display: flex;align-items: center;font-size: 1.25rem;}
.service_item .ad_item .text .tit img{margin-right: 0.5rem;width: 1.5rem;}
.service_item .ad_item .text .detail{margin-top: 1rem;font-size: 1.15rem;}
.service_item .ad_item .img{width: 40%;}
.service_item .ad_item .img img{margin: 0 auto;}


.btn-box{height: 3.5rem;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;}


.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}




#bg_gary.contact_us{background: #EDEDED;}
.form_container{background: #386135;width: 94%;margin: 0 auto;padding: 1.5rem 0;border-radius: 0.75rem;}
.form_container #title h3{color: white;text-shadow: initial;}
.form_container #details{color: white;}
.form_container #details a{color: #6B9CCA;}


.form_container .question{width: 94%;margin: 0 auto;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.form_container .question ul{margin: 1.5rem 0;color: white;}
.form_container .question .dn{display: none;}
.form_container .question ul li{display: flex;align-items: center;font-size: 1.2rem;}
.form_container .question ul li+li{margin-bottom: 0.5rem;}
.form_container .question ul li:nth-child(1){margin-bottom: 0.5rem;}
.form_container .question ul li .input{width: 85%;height: 2rem;background: transparent;border-top: none;border-left: none;border-right: none;border-radius: inherit;outline: none;font-size: 1.2rem;padding-left: 0.5rem;color: white;border-bottom: 0.01rem solid #fff;}
.form_container .question ul input{margin:0 .5rem 0 0;width:1.5rem;height:1.5rem}
.form_container .question ul li .q{background: transparent;border-radius: 0.5rem;display: inline-block;width: 1rem;width: 1.5rem;text-align: center;margin-right: 0.5rem;color: white;}

.form_container .com-form{width: 96%;margin: 0 auto;display: none;background: white;padding: 1.5rem 0;border-radius: 0.75rem;}
.form_container .com-form form{width: 96%;margin: 0 auto;}
.form_container .com-form .form-input{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1.5rem;}
.form_container .com-form .form-input .fl{width: 48%;margin-bottom: 1.5rem;font-size: 1.15rem;}
.form_container .com-form .form-input .fl p{padding-left: 0.5rem;}
.form_container .com-form .form-input .fl input{width: 96%;border-radius: 0.5rem;height: 3rem;padding-left: 0.5rem;margin-top: 0.25rem;border:1px solid #333;font-size: .95rem;border: 0.01rem solid #386135;}
.form_container .com-form .form-area p{padding-left: 0.5rem;font-size: 1.15rem;}
.form_container .com-form .form-area textarea{width: 98%;margin-top: 0.25rem;height: 6rem;border-radius: 0.5rem;padding-top: 0.25rem;padding-left: 0.5rem;font-size: .95rem;border: 1px solid #333;resize: none;font-family: initial;border: 0.01rem solid #386135;}
.form_container .com-form .submit_input{width: 86%;margin: 0 auto;text-align: center;margin-top: 1.5rem;}
.form_container .com-form .submit_input a{display: inline-block;width: 50%;margin: 0 auto;text-align: center;font-size: 1.15rem;background: #386135;border-radius:0.5rem;padding: 0.5rem 0;color: white;box-shadow: 0 2px 4px 0px rgba(16, 79, 185, .2);position: relative;}
.form_container .com-form .submit_input a .hand{position: absolute;bottom:-1rem;right: 4rem;width: 1.25rem;}


.get_free{text-align: center;padding: 2rem 0;background:#386135;}
.get_free span{display: inline-block;}
.get_free a{background: #fff;color: #333;border-radius: 1.25rem;padding: 0.5rem 1.25rem;font-size: 1.25rem;position: relative;}
.get_free a .hand{position: absolute;bottom:-1rem;right: 4rem;width: 1.25rem;}