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

/*default style*/
body,div,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,header,menu,footer,section,video,article,button{margin:0;padding:0;}
li{list-style:none}
body,input{font-size:13px;font-family:"微软雅黑","Microsoft YaHei","宋体";color:#5f5f5f}
a{text-decoration:none;color:#5f5f5f;cursor:pointer;outline:0;*star:expression(this.onFocus=this.blur());}
a:active{border:none;}
a:after{border:none;}
a:hover{color:#35C489;}
img{border:0}
.common{width:1200px; margin:auto;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.no-left{margin-left: 0!important;}
.hide{display: none;}
.no-right{margin-right: 0!important;}
.clear{clear: both;}
input{outline:none;}

.top{width: 100%;height: 634px;background:url(images/bg_top.jpg) center center no-repeat;max-width: 1920px;margin: 0 auto;}
.main{width: 1260px;margin: 0 auto;}
.top .main{overflow: hidden;padding-top: 20px;}
.top .main h1{float: left;}
.top .main >a{float: right;height: 25px;line-height: 25px;width: 100px;background: #fff;border: 1px solid #AC9C00;text-align: center;border-radius: 20px;margin-top: 2px;font-size: 17px;}
.about{height: 502px;margin-top: 5px;padding-bottom: 40px;}
.title{margin: 0 auto;padding-left:80px;width: 233px;height: 69px;line-height:105px;text-align: left;font-size: 34px;}
.about .title{background: url(images/about.png) left center no-repeat;color: #333;margin-bottom: 30px;}
.about p{text-align: center;color: #343434;font-size: 24px;height: 35px;line-height: 35px;}
.about_con{width: 1180px;margin: 40px auto;height: 288px;background: url(images/about_con.png) center center no-repeat;}
.advantage{width: 100%;height: 545px;background: #57B6E2;padding-top: 55px;}
.advantage .title{background: url(images/advantage.png) left center no-repeat;color: #fff;margin-bottom: 50px;}
.advantage p{text-align: center;color: #fff;font-size: 24px;height: 35px;line-height: 35px;}
.advantage .five{height: 280px;margin-top: 35px}
.advantage .five div{float: left;width: 240px;color: #5DADE0;background: url(images/angle.png) center center;height: 86px;margin-right: 15px;padding: 90px 0 100px;text-align: center;}
.advantage .five div span{display: block;}
.advantage .five div span.l1{font-size: 40px;}
.advantage .five div span.l2{font-size: 20px;}
.pay{margin-top: 50px;}
.pay .title{background: url(images/pay.png) left center no-repeat;color: #333;margin-bottom: 30px;}
.pay p{text-align: center;color: #343434;font-size: 24px;height: 40px;line-height: 40px;}
.pay .pay_con{background: #F1F1F1;overflow: hidden;padding: 40px 0 60px;margin-top: 50px;text-align: center;}
.pay .pay_con div{float: left;width: 300px;margin-right: 20px;}
.pay .pay_con div ol li{text-align: center;height: 90px;line-height: 90px;width: 100%;}
ol.yellow {border: 1px solid #F6AB00;border-bottom: none;}
ol.blue {border: 1px solid #57B6E2;border-bottom: none;}
ol.red {border: 1px solid #F16333;border-bottom: none;}
ol.green {border: 1px solid #ACD320;border-bottom: none;}
ol.yellow li{border-bottom: 1px solid #F6AB00;}
ol.blue li{border-bottom: 1px solid #57B6E2;}
ol.red li{border-bottom: 1px solid #F16333;}
ol.green li{border-bottom: 1px solid #ACD320;}
ol li{font-size: 24px;color: #333;background: #fff;}
ol.yellow li span{font-size: 30px;color: #F6AB00;}
ol.blue li span{font-size: 30px;color: #57B6E2;}
ol.red li span{font-size: 30px;color: #F16333;}
ol.green li span{font-size: 30px;color: #ACD320;}
.pay .pay_con div ol li.first{height: 126px;line-height: 126px;color: #fff;font-size: 34px;}
ol.yellow li.first{background:#F6AB00; }
ol.blue li.first{background:#57B6E2; }
ol.red li.first{background:#F16333;}
ol.green li.first{background:#ACD320;}
.pay_con a{display: inline-block;height: 60px;line-height: 60px;width: 246px;border-radius:30px;color: #fff;margin-top: 50px;font-size: 26px;}
.pay_con a.login{background:#57B6E2;margin-right: 70px;}
.pay_con a.register{background:#F16333; }
.footer{width: 100%;max-width: 1920px;margin: 100px auto 0;background: url(images/footer.png) center center no-repeat;height: 114px;}