/* 顶部 */
.fixtop{position:fixed;height:3rem;line-height:3rem;width:100%;top:0;background-color:#fff;z-index:999;box-shadow:0 2px 2px #cecece;max-width:750px}
.fixtop ul li{margin-top:0;justify-content:center}
.fixtop ul li span{background-color:#FF9600;padding:0 8px;border-radius:.5rem;margin-left:.7rem;min-width:5rem;height:1.8rem;line-height:1.8rem;display:inline-block;text-align:center;text-transform:capitalize;cursor: pointer;}
.fixtop ul li span a{color:#fff}
.animation {animation: scale 4s linear infinite;}


/* 单页头部样式 */
.header .header-body{box-sizing:border-box;padding:1rem 0rem;background:url(../img/sign_bg.png);background-size: cover;width:100%;max-width:750px;z-index:99;height:31.5rem}
.header-body .title{background: url(../image/top_title_bg.png) no-repeat;background-size: cover;width: 100%;height: 3rem;line-height: 3rem;text-align: center;color: #6BB702;font-weight: bold;}

/* includes_text */
.index-body{margin: 0 auto;background: white; }
.includes_text{padding-top: 3rem;padding-bottom: 1rem;border-top-left-radius: 2rem;border-top-right-radius: 2rem;position: relative;top: -2rem;background: white;box-sizing:border-box;background:url(../img/gradient.png);background-size: cover;width:100%;}
.includes_text ul{display: flex;flex-wrap: wrap;justify-content: space-around;padding-bottom: 1.75rem;}
.includes_text ul li{width: 7.5rem;height: 7.5rem;text-align: center;color: white;border-radius: 50%;display: flex;align-items: center;padding: 0.5rem;}
.includes_text ul li:nth-child(1){background: #00B0F5; box-shadow: 0px 0px 0px 6px rgba(0, 176, 245, 0.5);}
.includes_text ul li:nth-child(2){background: #EE1359; box-shadow: 0px 0px 0px 6px rgba(238, 19, 89, 0.5);}
.includes_text ul li:nth-child(3){background: #8EC641; box-shadow: 0px 0px 0px 6px rgba(142, 198, 65, 0.5);}
.includes_text p{width: 80%;margin: 0 auto;padding-bottom: 1rem;text-align: justify;}

/* garage_sale */
.garage_sale ul{display: flex;flex-wrap: wrap;justify-content: space-around;width: 94%;margin: 0 auto;}
.garage_sale ul li{width: 49%;margin-bottom: 1rem;}
.garage_sale ul li img{margin: 0 auto;}
.throw{width: 90%;margin: 0 auto;padding: 1rem 0;}
.throwTwo{padding: 1.75rem 0;}

/* metal */
.metal{box-sizing:border-box;background:url(../img/metal.png) no-repeat;background-size: cover;width:100%;max-width:750px;z-index:99;height:37rem}
.metal .text{width: 100%;display: flex;justify-content: end;}
.metal .text p{width: 60%;}

/* contacts */
.contacts{box-sizing:border-box;background:url(../img/contacts.png) no-repeat;background-size: cover;width:100%;max-width:750px;z-index:99;height:10rem}
.contacts ul{display: flex;flex-wrap: wrap;width: 28rem;height: 10rem;padding: 1rem 1.5rem 1rem 3.5rem;box-sizing: border-box;margin: 0 auto;}
.contacts ul li{display: flex;width: 100%;font-size: 1.5rem;padding: 0.5rem;align-items: center;color: white;font-weight: bold;}
.contacts ul li a{color: white;}
.contacts ul li h4{margin:0 0.5rem ;}
.contacts ul li:nth-child(1) img{width:6%;margin-right: 0.5rem;}
.contacts ul li:nth-child(2) img{width:7%;margin-right: 0.5rem;}

/* product_name */
.product_name{width: 94%;margin: 0 auto;padding: 1rem 0;}
.product_name ul{width: 100%;}
.product_name ul li{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;text-align: center;margin-bottom: 1.75rem;}
.product_name ul li div{width: 30%;}
.product_name ul li div:nth-child(1) h4{color: #6BB702;margin: 0.5rem 0;}
.product_name ul li div:nth-child(3) h4{color: #6BB702;margin: 0.5rem 0;}

/* hot sell */
.hot_sell{width: 94%;margin: 0 auto;}
.hot_sell ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;padding-bottom: 2rem;}
.hot_sell ul li{width: 48%;}
.hot_sell ul li>div:nth-child(1){display: flex;margin-bottom: 1rem;}
.hot_sell ul li>div:nth-child(1) span{color: #FF5100;font-size: 0.95rem;}
.hot_sell ul li .pack1{background: url(../img/green1.png) no-repeat;background-size: cover;height: 18rem;position: relative;}
.hot_sell ul li .pack2{background: url(../img/green2.png) no-repeat;background-size: cover;height: 18rem;position: relative;}
.hot_sell ul li .pack1 div,.hot_sell ul li .pack2 div{position: absolute;top: 3rem;left: 4rem;text-align: center;font-size: 1.25rem;font-weight: bold;}

/* company */
.company{width: 100%;background: white;}
.company .enda{width: 70%;display: flex;margin: 0 auto;align-items: center;}
.company .enda>:first-child{color: #fff;background: #6BB702;padding: 0.25rem 0.75rem;border-radius: 1rem;margin-right: 0.5rem;}
.company .hr{width: 94%;margin: 0 auto;height: 0.1rem;background: #333;margin-top: 0.5rem;margin-bottom: 0.5rem;}
.company .text{width: 90%;margin: 0 auto;}
.company .text p{margin: 1rem 0;text-align: justify;}
.company .img{width: 100%;margin: 0.5rem 0;}


/* 底部按钮 */
.btn-wrap{height:20px}
.btn-box{padding:0 4%;bottom:0;width:100%;justify-content:space-between;background-color:#fe8429;background-image:linear-gradient(90deg,#FE9601 0%,#FBB922 100%)}
.btn{width:49%;height:36px;line-height:36px}
.btn a{color:#fff;display:block;text-align:center;}
.btn:first-child{border-right:1px solid #fff}
.btn-box{position:fixed;max-width:750px;box-sizing:border-box}

@media(max-width:767px){
    .btn a{font-size: 1.75rem;}
    .includes_text p{font-size: 1.5rem;text-align: justify;}
    .product_name ul li div{font-size: 1.35rem;word-break: keep-all;}
    .hot_sell ul li>div:nth-child(1) span{font-size: 1.25rem;}
    .company .text p{font-size: 1.55rem;text-align: justify;}
    .form-wrap>p{font-size: 1.55rem;}
    .metal .text p{width: 66%;font-size: 1.35rem;}
    .fixtop div{font-size: 1.55rem;}
    .header-body .title{font-size: 1.75rem;}
    .company .enda{font-size: 1.55rem;}
    .form-wrap>form div span{font-size: 1.15rem;width: 15rem;}
}