.off-con{position: relative;}
.off-con>.zuo-nav{height: 463px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.regist,.login{width: 333px;height: 340px;background: url(../images/regist-login.png) no-repeat;position: absolute;top: 61.5px;right: 0;z-index: 999;padding: 27px;}
.regist a,.login a{text-decoration: none;}
.regist>div{margin-top: 20px;}
.regist>.reg-1,.login>.reg-1{font-size: 14px;color: #333333;}
.regist>.reg-1>p{}
.regist>.reg-1>p.rfl,.login>.reg-1>p.rfl{float: left;}
.regist>.reg-1>p.rfr,.login>.reg-1>p.rfr{float: right;}

.regist-s{text-align: center;}
.regist-s>img{margin-top: 40px;}
.znpo{margin-top: 27px;font-size: 18px;color: #fd2751;}
.znpt{margin-top: 27px;}
.zna{margin-top: 27px;display: inline-block;width: 147px;height: 32px;border: 1px solid;line-height: 32px;border-radius: 5px;color: #0F80E3;}
.zna:hover{color: #0F80E3;font-weight: bold;}

.editinput{width: 279px;height: 39px;border: 1px solid #ccc;outline: none;padding: 10px;}
.editinput-shouji{padding-left: 35px;}
.editinput-suo{padding-left: 35px;}

.yzinput{width: 140px;height: 39px;border: 1px solid #ccc;outline: none;padding: 10px;float: left;}
.yzbinput{width: 120px;height: 39px;border: 1px solid #ccc;outline: none;text-align: center;color: #999999;line-height: 39px;display: inline-block;float: right;color: #fff;background-color: #ccc;}
.yzbinput-s{background-color: #00abf3;border: none;}
.submitinput{width: 279px;height: 50px;border: none;background-color: #10a8ff;font-size: 18px;color: #fff;}
.login>.reg-2{margin-top: 5px;}
.login>.reg-3{margin-top: 20px;}
.login>.reg-2,.login>.reg-3{position: relative;}
.login>.reg-2>i,.login>.reg-3>i{display: inline-block;width: 34px;height: 37px;position: absolute;top: 1px;left: 1px;}
.login>.reg-2>i{background: url(../images/shouji.png) no-repeat 10px center #fff;}
.login>.reg-3>i{background: url(../images/suo.png) no-repeat 10px center #fff;}
.login>.reg-4{margin-top: 10px;}
.login>.reg-4>a{width: 34px;height: 34px;display: inline-block;}
.login>.reg-4>a.qqlogin{background: url(../images/qq.png) no-repeat;}
.login>.reg-4>a.weixinlogin{background: url(../images/weixin.png) no-repeat;margin-left: 12px;}
.login>.reg-4>a.xinlanglogin{background: url(../images/xinlang.png) no-repeat;margin-left: 12px;}
.jzpass{position: relative;top: 2px;}
.verification-font{border: 1px solid #faccc6;background: url(../images/yanz.png) no-repeat 10px 2px #ffebeb;color: #e4393c;font-size: 12px;padding: 2px;margin-top: 5px;text-indent: 35px;display: none;}
.verification-css{border: 1px solid red;}

/*H5的placeholder标签的样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color: #ccc;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color: #ccc;}

.flexslider{position:relative;height:463px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:463px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;background: rgba(255,255,255,0.5);border-radius: 50%;}
.flex-control-nav .flex-active{background: #fff;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:66px;height:66px;overflow:hidden;cursor:pointer;position:absolute;background-color: #fff;border-radius: 50%;background-color: rgba(255,255,255,0.5) !important;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.off-main-1{background-color: #fff;}
.off-main-1 li{height: 78px;float: left;width: 300px;position: relative;}
.off-main-1 li>div{position: absolute;top: 19px;left: 120px;}
.off-main-1 li.offdli_1{background: url(../images/icon-data1.png) no-repeat 80px 25px;}
.off-main-1 li.offdli_2{background: url(../images/icon-data2.png) no-repeat 80px 25px;}
.off-main-1 li.offdli_3{background: url(../images/icon-data3.png) no-repeat 80px 25px;}
.off-main-1 li.offdli_4{background: url(../images/icon-data4.png) no-repeat 80px 25px;}

.off-main-2{margin: 66px auto;}
.off-main-2 li{width: 279px;height: 356px;background-color: #fff !important;float: left;margin-left: 28px;}
.off-main-2 li>div{text-indent: 88px;}
.off-main-2 li>div>h3{font-size: 26px;color: #404040;margin: 185px auto 14px auto;}
.off-main-2 li>div>p{font-size: 16px;color: #888888;line-height: 1.5;}
.off-main-2 li.main-2-li-1{background: url(../images/off-info-1.png) no-repeat 88px 62px;}
.off-main-2 li.main-2-li-2{background: url(../images/off-info-2.png) no-repeat 88px 62px;}
.off-main-2 li.main-2-li-3{background: url(../images/off-info-3.png) no-repeat 88px 62px;}
.off-main-2 li.main-2-li-4{background: url(../images/off-info-4.png) no-repeat 88px 62px;}

.off-main-3{height: 598px;background: url(../images/main-3.png) no-repeat center center;}

.off-main-4{height: 506px;background: #fff;}
.off-main-4-head{text-align: center;height: 165px;padding-top: 58px;padding-bottom: 40px;}
.off-main-4-head>h2{font-size: 28px;color: #333333;}
.off-main-4-head>h4{font-size: 16px;color: #999999;margin-top: 20px;}
.off-main-4-con{}
.off-main-4-con li{width: 385px;height: 240px;float: left;margin-left: 22.5px;position: relative;}
.off-main-4-con li>a{display: inline-block;width: 124px;height: 35px;border: 1px solid #fff;font-size: 16px;color: #fff;text-align: center;line-height: 35px;text-decoration: none;position: absolute;bottom: 30px;left: 30px;border-radius: 35px;}
.off-main-4-con li>a:hover{font-weight: bold;}
.off-main-4 li.main-4-li-1{background: url(../images/main-4-1.png) no-repeat;}
.off-main-4 li.main-4-li-2{background: url(../images/main-4-2.png) no-repeat;}
.off-main-4 li.main-4-li-3{background: url(../images/main-4-3.png) no-repeat;}

.off-main-5{height: 580px;background: url(../images/main-5-bg.png) no-repeat center center;}
.off-main-5-head{text-align: center;height: 145px;padding-top: 48px;padding-bottom: 30px;}
.off-main-5-head>h2{font-size: 28px;color: #333333;}
.off-main-5-head>h4{font-size: 16px;color: #999999;margin-top: 20px;}
.off-main-5-con{}
.off-main-5-con li{width: 285px;height: 350px;float: left;margin-left: 20px;background: url(../images/main-5-li.png) no-repeat right top #fff;}
.off-main-5-con li>.h{height: 108px;border-bottom: 1px solid #ccc;width: 245px;margin-left: 20px;padding-top: 30px;}
.off-main-5-con li>.h>h3{}
.off-main-5-con li>.h>p{margin-top: 15px;}
.off-main-5-con li>.h>p>strong{font-size: 18px;color: #fd445e;}
.off-main-5-con li>.h>p>s{font-size: 16px;color: #999999;margin-left: 15px;display: inline-block;}
.off-main-5-con li>.c{height: 196px;width: 245px;margin-left: 20px;color: #333333;font-size: 16px;padding-top: 20px;}
.off-main-5-con li>.c>p{margin-top: 12px;}
.off-main-5-con li>.f{height: 46px;background-color: #fd445e;line-height: 46px;text-align: center;color: #fff;font-size: 16px;cursor: pointer;}
.off-main-5-con li>.f:hover{font-weight: bold;}
.off-main-5-foo{text-align: center;line-height: 85px;}
.off-main-5-foo a{display: inline-block;width: 100px;height: 34px;background: url(../images/main-5-submit.png) no-repeat;line-height: 34px;text-align: center;color: #fd445e;font-size: 16px;cursor: pointer;text-decoration: none;}
.off-main-5-foo a:hover{font-weight: bold;}