@charset "utf-8";
/* CSS Document */

.warp{ min-width:1200px; max-width:1920px; margin:0 auto; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}
.table{ display:table}
.table .table-cell{ display:table-cell; vertical-align:middle}

.banner{ background:url(../images/banner-1.jpg) center no-repeat; height:570px; margin-top:88px; overflow:hidden}
.banner .banner-btn{ display:block; margin:386px auto 0; text-decoration:none; background:url(../images/banner-btn.png) no-repeat; width:900px; height:63px; text-align:center; line-height:63px; font-size:36px; color:#212121; font-weight:bold; padding-left:38px}

.title{ text-align:center}
.title .title-box{ display:inline-block; font-size:45px; color:#42c900; line-height:50px; position:relative}
.title .title-box span{ font-size:56px; font-family:Arial, Helvetica, sans-serif; padding-right:6px; position:relative; z-index:9}
.title .title-box:before{ content:""; background:#F81F6C; width:42px; height:7px; margin-top:-4px; position:absolute; top:50%; left:-26px}
.title .title-intro{ font-size:16px; color:#666666; line-height:30px; text-align:left; margin-top:29px}

.finance{ padding:60px 0 103px}
.finance .finance-cont{ margin-top:50px; overflow:hidden}
.finance .finance-cont .finance-left{ float:left; background:url(../images/finance-1.jpg) no-repeat; width:403px; height:379px; padding-left:45px}
.finance .finance-cont .finance-left span{ display:block; font-size:26px; color:#666666; line-height:30px; margin-top:56px; padding-top:31px; position:relative}
.finance .finance-cont .finance-left span:before{ content:""; background:#42C900; width:149px; height:10px; position:absolute; top:0; left:0}
.finance .finance-cont .finance-left p{ font-size:22px; color:#666666; line-height:32px; padding-top:13px}
.finance .finance-cont .finance-left p i{ display:inline-block; font-style:normal; position:relative}
.finance .finance-cont .finance-left p i:before{ content:""; width:160px; height:2px; background-image: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #58C916 100%); position:absolute; bottom:4px; right:-160px}
.finance .finance-cont .finance-right{ float:right; width:682px}
.finance .finance-cont .finance-name{ font-size:16px; color:#666666; line-height:39px; padding-top:17px; position:relative}
.finance .finance-cont .finance-name:before{ content:""; background:#42C900; width:149px; height:10px; position:absolute; top:0; left:0}
.finance .finance-cont .finance-name span{ display:block; font-size:26px; color:#42c900}
.finance .finance-cont .finance-right ul{ overflow:hidden}
.finance .finance-cont .finance-right li{ float:left; width:154px; border:solid 1px #D6D6D6; border-top:solid 5px #D6D6D6; font-size:16px; color:#666666; line-height:26px; text-align:center; margin:22px 0 0 19px}
.finance .finance-cont .finance-right li .table{ width:154px; height:114px}
.finance .finance-cont .finance-right li:nth-child(4n+1){ margin-left:0}

.nece{ background:#70C547; padding:56px 0 96px}
.nece .title .title-box{ color:#FFF}
.nece .nece-cont{ background:#FFF; margin-top:56px; overflow:hidden}
.nece .nece-cont .nece-left{ float:left; width:600px; position:relative}
.nece .nece-cont .nece-left:before{ content:""; width:0; height:0; border-top:solid 30px transparent; border-left:solid 50px #EBEBEB; border-bottom:solid 30px transparent; margin-top:-30px; position:absolute; top:50%; right:-50px}
.nece .nece-cont .nece-right{ float:left; width:540px; padding-left:60px}
.nece .nece-cont .nece-right .table{ width:540px; height:379px}
.nece .nece-cont .nece-right li{ padding:15px 0; overflow:hidden}
.nece .nece-cont .nece-right li i{ float:left; font-style:normal; background:#42C900; width:30px; height:30px; text-align:center; line-height:30px; font-size:25px; color:#ffffff}
.nece .nece-cont .nece-right li span{ float:left; width:500px; margin-left:10px; font-size:20px; color:#666666; line-height:30px}

.ready{ padding:114px 0 0}
.ready .ready-txt{ font-size:20px; color:#666666; line-height:24px; padding-top:16px}
.ready .ready-txt span{ color:#42c900}
.ready .ready-title{}
.ready .ready-title span{ display:inline-block; background:#42C900; font-size:26px; color:#ffffff; line-height:58px; padding:0 16px}
.ready .ready-button a{ display:block; text-decoration:none; margin:0 auto; width:420px; font-size:18px; color:#666666; height:57px; text-align:center; line-height:57px; border:solid 2px #42C900; border-radius:5px}
.modular{ margin-top:40px}
.modular .modular-cont{ margin-top:16px; overflow:hidden}
.modular .modular-cont .modular-left{ float:left; width:420px}
.modular .modular-cont .modular-left dl{ padding:11px 0}
.modular .modular-cont .modular-left dt{ font-size:16px; color:#666666; line-height:26px}
.modular .modular-cont .modular-left dd{ font-size:16px; color:#666666; line-height:26px; padding-left:28px}
.modular .modular-cont .modular-right{ float:right; width:682px}
.modular .modular-cont .modular-name{ font-size:22px; color:#666666; line-height:26px}
.modular .modular-cont .modular-switch{ background:url(../images/modular-right-bj.png) no-repeat; height:380px; margin-top:16px; padding:16px 17px; position:relative}
.modular .modular-cont .modular-switch ul{ overflow:hidden}
.modular .modular-cont .modular-switch li{ float:left; width:648px}
.modular .modular-cont .modular-option{ overflow:hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%)}
.modular .modular-cont .modular-option span{ float:left; background:#666666; width:25px; height:21px; text-align:center; line-height:21px; font-size:17px; color:#ffffff; margin:0 10px; transition:all 0.3s linear; cursor:pointer}
.modular .modular-cont .modular-option span.current{ background:#42C900}
.modular .ready-button{ padding-top:46px}
.profit{ margin-top:75px}
.profit .profit-cont{ margin-top:22px}
.profit .profit-cont li{ float:left; width:244px; height:195px; border:solid 2px #E4E4E4; text-align:center; font-size:18px; color:#666666; line-height:30px; margin-left:64px; position:relative}
.profit .profit-cont li .table{ width:244px; height:195px}
.profit .profit-cont li:first-child{ margin-left:0}
.profit .profit-cont li:before{ content:""; background:#42C900; width:97px; height:4px; position:absolute; bottom:14px; right:-41px}
.contrast{ background:url(../images/contrast-bj.jpg) center bottom no-repeat; margin-top:62px}
.contrast .contrast-title{ width:674px; height:120px; margin:45px auto 0; text-align:center; line-height:120px; border:solid 4px #42C900; font-size:26px; color:#666666}
.contrast .contrast-title ul{ display:inline-block; overflow:hidden}
.contrast .contrast-title li{ float:left}
.contrast .contrast-title li:nth-child(2){ font-size:100px; font-style:oblique; padding:0 30px 0 10px}
.contrast .contrast-cont{ padding-top:53px; overflow:hidden}
.contrast .contrast-cont .contrast-l{ float:left; width:300px}
.contrast .contrast-cont .contrast-c{ float:left; width:178px; margin-left:211px}
.contrast .contrast-cont .contrast-r{ float:right; width:300px}
.contrast .contrast-cont li{ background:#FFF; width:296px; height:86px; text-align:center; font-size:24px; color:#666666; line-height:34px; position:relative}
.contrast .contrast-cont li .table{ width:100%; height:100%}
.contrast .contrast-cont .contrast-l li{ border:solid 2px #42C900}
.contrast .contrast-cont .contrast-l li:nth-child(2){ height:190px}
.contrast .contrast-cont .contrast-l li:nth-child(1n+2){ margin-top:20px}
.contrast .contrast-cont .contrast-c li{ background:#42C900; width:178px; height:90px; color:#FFF}
.contrast .contrast-cont .contrast-c li:nth-child(1n+2){ margin-top:72px}
.contrast .contrast-cont .contrast-r li{ border:solid 2px #666666}
.contrast .contrast-cont .contrast-r li:nth-child(1n+2){ margin-top:72px}
.contrast .ready-button{ padding:57px 0 50px}
.contrast .contrast-cont .contrast-l li:before{ content:""; background:#42C900; width:211px; height:2px; margin-top:-1px; position:absolute; top:50%; right:-213px}
.contrast .contrast-cont .contrast-c li:before{ content:""; background:#42C900; width:2px; height:72px; margin-left:-1px; position:absolute; top:-72px; left:50%}
.contrast .contrast-cont .contrast-r li:before{ content:""; background:#666666; width:211px; height:2px; margin-top:-1px; position:absolute; top:50%; left:-213px}

.harvest{ padding:116px 0 0}
.harvest .harvest-cont{ margin-top:47px}
.harvest .harvest-box{ overflow:hidden}
.harvest .harvest-box .harvest-left{ float:left; width:50%; background:#70C547; color:#ffffff}
.harvest .harvest-box .harvest-right{ float:left; width:50%}
.harvest .harvest-box .harvest-info{ width:600px; height:469px; text-align:center; font-size:18px; line-height:40px}
.harvest .harvest-box .harvest-info .table{ width:600px; height:469px}
.harvest .harvest-box .harvest-info span{ display:block; font-size:26px; padding-bottom:30px}
.harvest .harvest-box:nth-child(2n+2) .harvest-left{ background:#E2E2E2; color:#666666}

.choice{ padding:112px 0}
.choice .choice-cont{ margin-top:36px}
.choice .choice-cont ul{ overflow:hidden}
.choice .choice-cont li{ float:left; width:240px; height:72px; text-align:center; line-height:72px}

.form{ background:url(../images/form-bj.jpg) center no-repeat; height:628px; overflow:hidden}
.form .title{ margin-top:90px}
.form .form-cont{ width:700px; margin:64px auto 0}
.form .form-cont .formCtrl{ padding-bottom:13px}
.form .form-cont .formCtrl label{ float:left; width:112px; text-align:right; font-size:26px; color:#ffffff; line-height:40px}
.form .form-cont .formCtrl input{ float:right; margin:0; background:none; width:547px; height:38px; font-size:14px; color:#FFF; border:solid 1px #DAD8D8; padding:0 0 0 16px; outline:none}
.form .form-cont .formSubmit{ padding:28px 0 0 60px}
.form .form-cont .formSubmit input{ display:block; margin:0 auto; padding:0; border:none; background:#71ED35; width:236px; height:50px; font-size:28px; color:#565657; font-family:微软雅黑; font-weight:bold; outline:none; cursor:pointer}