body{background: url(images/bg.jpg) repeat top center;}
.banner{position: relative;}
.banner a{position: absolute;right: 10%;top: 15%;width: 36%;}
.container h3 img{vertical-align: top;margin-top: 2%;}
.content li{display: inline-block;width: calc(20.5% - 2px);margin-right: 6%;padding-top: 3%;padding-bottom: 3%;background-color: #f5f5f5;border: 1px dashed #00ad5b;border-radius: 5px;}
.content li section{padding-top: 45%;text-align: center;}
.content li:first-of-type section{background: url(images/icon1.png) no-repeat center 5%;background-size: 32%;}
.content li:nth-of-type(2) section{background: url(images/icon2.png) no-repeat center 5%;background-size: 32%;}
.content li:nth-of-type(3) section{background: url(images/icon3.png) no-repeat center 5%;background-size: 32%;}
.content li:last-of-type section{background: url(images/icon4.png) no-repeat center 5%;background-size: 32%;}
.content li h4{display: inline-block;font-size: 20px;line-height: 0;padding-left: 20px;padding-right: 20px;border-bottom: 10px solid #07ef86;}
.content li p{font-size: 16px;line-height: 24px;padding-top: 15px;}
.content li:hover{background-color: #fff;border-style: solid;}

.order{background: url(images/bg.png) no-repeat center;background-size: 100% 100%;margin-top: 4%;padding-top: 3%;padding-bottom: 3%;box-shadow: 0 20px 30px rgba(0,0,0,.1);border-radius: 50px;position: relative;}
.order:before,.register:before{position: absolute;top: -15px;left: 8%;content: '';width: 30px;height: 30px;background-color: #07ef86;border-radius: 50%;}
.order img{width: 17%;vertical-align: middle;margin-left: 3%;}
.order p{display: inline-block;width: 14%;font-size: 20px;line-height: 60px;margin-left: 3%;vertical-align: middle;background-color: #07ef86;position: relative;text-align: center;border-radius: 30px;}
.order p:before{position: absolute;content: '';left: 100%;width: 20%;top: 0;height: 60px;background: url(images/arrow.png) no-repeat center;background-size: 60%;}
.order p:last-of-type{width: 19%;}
.order p:last-of-type:before{display: none;}
.order p span{font-weight: bold;}
.order a{display: inline-block;width: 18%;font-size: 24px;color: #282828;line-height: 60px;font-weight: bold;background: url(images/icon5.png) no-repeat center;background-size: 100% 100%;vertical-align: middle;margin-left: 3%;text-align: center;}

.harvest li{display: inline-block;width: 33.33%;vertical-align: middle;}
.harvest li .harvest-img{position: relative;}
.harvest li .harvest-img img{width: 100%;}
.harvest li h4{font-size: 20px;line-height: 30px;position: relative;margin-left: 3%;padding-left: 10%;margin-top: 10%;margin-bottom: 10%;padding-right: 5%;padding-bottom: 5px;}
.harvest li .harvest-img:before,.harvest li .harvest-img:after,.harvest li h4:before,.harvest li h4:after{position: absolute;content: '';}
.harvest li .harvest-img:before{bottom: -8px;left: 10px;width: 100%;height: 8px;background-color: #07ef86;}
.harvest li .harvest-img:after{right: -8px;top: 10px;width: 8px;height: 100%;background-color: #07ef86;}
.harvest li h4:before{left: 0;top: 0;bottom: 0;width: 10%;background: url(images/icon6.png)  no-repeat center 6px;}
.harvest li h4:after{bottom: -8px;left: 10%;width: 80%;height: 8px;background-color: #07ef86;}
.harvest a{display: block;width: 245px;font-size: 28px;color: #282828;line-height: 60px;font-weight: bold;background: url(images/icon5.png) no-repeat center;background-size: 100%;margin: 5% auto 0;text-align: center;}

.choose li{display: inline-block;width: 30%;margin-right: 5%;}
.choose li .choose-img{position: relative;margin-bottom: 10px;}
.choose li .choose-img img{width: 100%;}
.choose li .choose-img:after{position: absolute;content: '';bottom: -3px;left: 44%;width: 12%;height: 8px;background-color: #07ef86;}
.choose li p{font-size: 18px;font-weight: bold;line-height: 40px;background-color: #07ef86;text-align: center;}

.register{padding-top: 1px;padding-bottom: 3%;margin-top: 6%;margin-bottom: 5%;background: url(images/bg.png) no-repeat top center;background-size: 100% 100%;box-shadow: 0 20px 30px rgba(0,0,0,.1);border-radius: 50px;position: relative;text-align: center;}
.register:before{left: 5%;top: -10px;}
.register img{display: block;width: 30%;margin-top: -1.5%;margin-left: 8%;}
.register p{display: inline-block;width: 15%;height: 50px;font-size: 18px;line-height: 50px;margin-right: 2%;margin-top: 25px;text-indent: 15px;border-radius: 25px;text-align: left;background-color: #07ef86;}
.register p input{width: calc(100% - 110px);font-size: 18px;height: 50px;line-height: 50px;}
.register p.tj{height: 60px;line-height: 60px;text-indent: 0;text-align: center;background: url(images/icon5.png) no-repeat center;background-size: 100% 100%;}
.register p.tj input{font-size: 20px;font-weight: bold;width: 100%;}