#banner{position:relative; height:500px; background:url(../img/banner_signup.jpg) 50% 0 no-repeat; z-index: 102;}
.banner-container{width:1230px; margin:auto; padding-top:120px; color:#fff;}
.banner-container h1{position:relative; line-height:55px; font-size:36px;line-height: 60px;}
.banner-container h1:before{content:''; position:absolute; top:0; left:-25px; width:1px; height:55px; background:#a6ca50;}
.banner-container p{margin-top:75px; color:#9bb1a7; font-size:18px; line-height: 32px;}

.signup-title{height:160px; background-repeat:no-repeat; background-position:0 50%; overflow:hidden; color:transparent;}

.signup-a{width:1280px; margin:35px auto 0;}
.signup-a h2{background-image:url(../img/signup_title01.png);}
.signup-a ul{margin:40px auto 90px; overflow:hidden;}
.signup-a ul li{float:left; width:295px; padding:0 0 10px 25px; background-repeat:no-repeat; background-position:90% 6px;}
.signup-a ul li:nth-of-type(1){background-image:url(../img/signup_n01.png);}
.signup-a ul li:nth-of-type(2){margin-top:25px; background-image:url(../img/signup_n02.png);}
.signup-a ul li:nth-of-type(3){margin-top:50px; background-image:url(../img/signup_n03.png);}
.signup-a ul li:nth-of-type(4){margin-top:75px; background-image:url(../img/signup_n04.png);}
.signup-a ul li h3{margin-bottom:28px; color:#75bd96; font-size:30px;}
.signup-a ul li p{color:#666; font-size:16px; line-height:2;}

.signup-contact{width:100%; height:410px; padding-top:70px; background:url(../img/s08.jpg) 50% 0 no-repeat; text-align:center;}
.signup-contact h2{margin-bottom:10px; color:#fff; font-size:24px;}
.signup-contact h3{margin-bottom:75px; color:#ffff00; font-size:18px;}
.signup-contact a{background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; vertical-align:middle;box-shadow:0 0 10px 0 rgba(255,255,255,0); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.contact a:hover{background-color:#fff; box-shadow:0 0 10px 0 rgba(255,255,255,.6);}
.signup-contact .contact-qq{background-image:url(../img/contact_qq_green.png);}
.signup-contact .contact-qqs{background-image:url(../img/contact_qqs_green.png);}
.signup-contact .contact-wx{background-image:url(../img/contact_wx_green.png);}
.signup-contact .contact-wx-qrcode{position:absolute; top:50%; left:50%; width:76px; height:76px; margin:-38px 0 0 -38px; opacity:0; filter:alpha(opacity=0); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.signup-contact .contact-tel{background-image:url(../img/contact_tel_green.png);}
.contact a div{color:#fff;}


.payment{text-align:center;  position: relative; z-index: 102;}
.payment h2{color:#666; font-size:24px;}
.payment h3{color:#75bd96; font-size:18px;}
.payment ul{width:1274px; height:350px; background: #fff;margin:30px auto 140px; border:3px solid #75bd96; overflow:hidden; text-align:center;}
.payment ul li{box-sizing:border-box; float:left; width:320px; height:100%; padding-top:40px;}
.payment ul li h4{font-weight:bold;}
.payment ul li h4,
.payment ul li p{color:#999; font-size:18px;}
.payment ul li span{color:#75bd96; font-weight:bold;}
.payment ul li img{display:block; margin:30px auto;}
.payment ul li:nth-of-type(3) img{margin-bottom:42px;}
.payment .payment-tips{float:right; width:288px; padding:125px 0 0 38px; border-left:2px dashed #75bd96; text-align:left;}
.payment .payment-tips h4{color:#75bd96;}



































