@charset "utf-8";
/*全局*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; vertical-align:baseline; box-sizing:border-box; }
button{ font-family:"思源黑体",'Roboto',sans-serif; }
body{ font-size:13px; line-height:1.6; font-family:"思源黑体",'Roboto',sans-serif; color:#666; -webkit-tap-highlight-color:transparent; }

a,a:link,a:active{ color:#666; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
a:active{ color:#f60; text-decoration:none; }

input{ outline:none; margin:0; padding:0; }

ol,ul{ list-style:none; padding:0; border:0; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th,td{ text-align:left; font-weight:normal; vertical-align:middle; }
q,blockquote{ quotes:none}
q:before,q:after,blockquote:before,blockquote:after{ content:""; content:none; }
a,img{ border:none; outline:none; }

.fl{ float: left; }
.fr{ float: right; }
.relative{ position: relative; }
.fixed{ position: fixed; }
.pointer{ cursor: pointer; }
.clear{ clear:both; }
:focus{ outline:0; }
.tcenter{text-align: center;}

a,label{ outline:none; star:expression(this.onFocus=this.blur()); }
a,a:hover,a:active{ outline:none; text-decoration:none; }
.mleft10{ margin-left:10px; }
.mbtm20{ margin-bottom: 20px; }
.mr10{ margin-right: 10px; }
.mr5{ margin-right: 5px; }
.mr12{margin-right: 6px;}
.mb15{ margin-bottom: 15px; }
.borderb{ border-bottom: 1px solid #e5e5e5; }

.color96{ color: #969696; }
.font0{ font-size: 0; }
.font12{font-size: 12px;}
.bg1{ background: #f5f9fc; }
.bgf{ background: #fff; }
.bg2{ background: #f2f2f2; }
.bg3{ background: #f6f6f6; }
.bg4{ background: #00B88A; }
/*按钮*/
.btn { display: inline-block; padding: 6px 16px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline:thin dotted; outline:0  auto -webkit-focus-ring-color; outline-offset:0; }
.btn:active,.btn.active { background-image:none; outline:0; -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0); box-shadow:inset 0 0 0 rgba(0,0,0,0); }
.btn.disabled,.btn[disabled],fieldset[disabled] .btn { pointer-events:none; cursor:not-allowed; filter:alpha(opacity=25); -webkit-box-shadow:none; box-shadow:none; opacity:.25; }

.btn-default { border-color:#e5e5e5; color:#333; background:#fff; outline-style:none; }
.btn-default:hover,.btn-default:active{ background:#f5f5f5; border-color:#e5e5e5; }
.btn-default:focus{ color:#333; background:#f5f5f5; border-color:#e5e5e5; }

.btn-default-gray { border-color:#e5e5e5; color:#333; background:transparent; outline-style:none; }
.btn-default-gray:hover,.btn-default-gray:active{ background:#f5f5f5; border-color:#e5e5e5; }
.btn-default-gray:focus{ color:#333; background:#f5f5f5; border-color:#e5e5e5; }

.btn-default-blue { border-color:#00b88a; color:#00b88a; background:#fff; outline-style:none; }
.btn-default-blue:hover{ background:#fff; border-color:#00b88a; color:#00b88a; }
.btn-default-blue:focus{ color:#00b88a; background:#fff; border-color:#00b88a; }
.btn-default-orange{ border-color:#f29633; color:#f29633; background:#fff; outline-style:none; }
.btn-default-orange:hover{ background:#fff; border-color:#f29633; color:#f29633; }
.btn-default-orange:focus{ color:#f29633; background:#fff; border-color:#f29633; }

.btn-txt{ background:transparent; }
.btn-gray,.btn-gray:hover{ border:1px solid #e5e5e5; background:#f1f1f1; color:#ccc; }

.btn-green{ background:#00b88a; border-color:#00b88a; color:#fff; }
.btn-green:hover,.btn-green:active{ background:#00a67c; border-color:#00a67c; color:#fff; }
.btn-green-gradient{ background:#00b88a;background: -webkit-linear-gradient(#00ce9b,#00b88a);background: -o-linear-gradient(#00ce9b,#00b88a);background: -ms-linear-gradient(#00ce9b,#00b88a);background: -moz-linear-gradient(#00ce9b,#00b88a);background: linear-gradient(#00ce9b,#00b88a);border-color:#00b88a; color:#fff; }
.btn-green-gradient:hover,.btn-green-gradient:active{ background:#00a67c; border-color:#00a67c; color:#fff; }

.btn-org{ background:#f3a047; border-color:#f3a047; color:#fff; }
.btn-org:hover { background:#f3a047; border-color:#f3a047; color:#fff; }
.btn-org:focus,
.btn-green:focus{ color:#fff; outline-style:none; }

.btn-default:active,.open > .dropdown-toggle.btn-default { background-image: none; }
.btn-primary .badge { color: #337ab7; background-color: #fff; }
.btn-success { color: #fff; background-color: #00b88a; border-color: #4cae4c; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-info .badge { color: #5bc0de; background-color: #fff; }

.btn-lg,.btn-sm{ border-width:0; outline-style:none; }
.btn-lg,.btn-group-lg > .btn { padding: 10px 16px; font-size: 16px; line-height: 1.3333333; border-radius: 6px; }
.btn-sm,.btn-group-sm > .btn { padding:3px 12px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-xs,.btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-white { border-color:#fff; background: transparent; color:#fff; outline-style:none; }
.btn.btn-white:hover,.btn-white:active{ border-color:#fff; color:#fff; background: rgba(255,255,255,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); outline-style:none; }
.btn-white:focus{ color:#fff; border-color:#fff; background: rgba(255,255,255,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); outline-style:none; }

.btn.w100p{ width: 100%; }
.btn.w300{ width: 300px; }
.btn.w160{width: 160px;}
.btn.h46{ height: 46px; }
.btn.h32{ height: 32px; }
.btn.h40{height: 40px;}
.btn.font16{font-size: 16px;}

.icheckbox_square-green,.iradio_square-green { zoom:1; display:inline-block; *display:inline; vertical-align:middle; width:16px; height:19px; background:url("../img3/green.png?version=OAVER") no-repeat; border:none; cursor:pointer; }
.icheckbox_square-green { background-position:0 -3px; }
.icheckbox_square-green.hover,.icheckbox_square-green:hover { background-position:-24px -3px; }
.icheckbox_square-green.checked { background-position:-48px -3px; }
.icheckbox_square-green.disabled { background-position:-72px -3px; cursor:default; }
.icheckbox_square-green.checked.disabled { background-position:-96px -3px; }
.iradio_square-green { background-position:-120px -3px; }
.iradio_square-green.hover,.iradio_square-green:hover { background-position:-144px -3px; }
.iradio_square-green.checked { background-position:-168px -3px; }
.iradio_square-green.disabled { background-position:-192px -3px; cursor:default; }
.iradio_square-green.checked.disabled { background-position:-216px -3px; }

/*img*/
.home-logo{ display: inline-block; width: 329px; height: 29px; background: url("../img3/index/oacn_logo.png?version=2") no-repeat; }
.home-logo-default{ background-position: 0 0; }
.home-logo-active{ background-position: 0 -30px; }
/*暂时换成新年特别版logo lwh 20170124*/
/*.home-logo{ display: inline-block; width: 234px; height: 52px; background: url("../img3/index/oacn_logo_newyear.png?version=OAVER") no-repeat; }*/

.err-tip{ display: inline-block; width: 16px; height: 16px; background: url("../img3/index/err-tip.png?version=OAVER") no-repeat; vertical-align: middle; }
.banner{ width: 100%; height: 100%; }
.icon-phone{display: inline-block;width: 0.32rem;height: 0.44rem;background: url("../img3/index/icon-phone.png?version=OAVER") no-repeat; vertical-align: middle;background-size: 100%;}
/* .banner1{ background: url("../img3/index/bg_banner1.jpg") no-repeat center center; }
.banner2{ background: url("../img3/index/bg_banner2.jpg") no-repeat center center; } */
.banner{ background-size:cover; }
.appicon{ display: inline-block; width: 70px; height: 70px; background: url("../img3/index/appicon.png?version=OAVER") no-repeat; }
.appicon1{ background-position: 0 0; }
.appicon1:hover,.appicon1.active{ background-position:-80px 0; }
.appicon2{ background-position: 0 -80px; }
.appicon2:hover,.appicon2.active{ background-position:-80px -80px; }
.appicon3{ background-position: 0 -160px; }
.appicon3:hover,.appicon3.active{ background-position:-80px -160px; }
.appicon4{ background-position: 0 -240px; }
.appicon4:hover,.appicon4.active{ background-position:-80px -240px; }
.appicon5{ background-position: 0 -320px; }
.appicon5:hover,.appicon5.active{ background-position:-80px -320px; }
.appicon6{ background-position: 0 -400px; }
.appicon6:hover,.appicon6.active{ background-position:-80px -400px; }
.appicon7{ background-position: -160px 0; }
.appicon7:hover,.appicon7.active{ background-position:-240px 0; }
.appicon8{ background-position: -160px -80px; }
.appicon8:hover,.appicon8.active{ background-position:-240px -80px; }
.appicon9{ background-position: -162px -160px; }
.appicon9:hover,.appicon9.active{ background-position:-240px -160px; }
.appicon10{ background-position: -162px -240px; }
.appicon10:hover,.appicon10.active{ background-position:-240px -240px; }
.appicon11{ background-position: -162px -320px; }
.appicon11:hover,.appicon11.active{ background-position:-240px -320px; }
.appicon12{ background-position: -320px 0; }
.appicon12:hover,.appicon12.active{ background-position:-400px 0; }
.appicon13{ background-position: -320px -80px; }
.appicon13:hover,.appicon13.active{ background-position:-400px -80px; }
.appicon14{ background-position: -320px -160px; }
.appicon14:hover,.appicon14.active{ background-position:-400px -160px; }
.appicon15{ background-position: -320px -240px; }
.appicon15:hover,.appicon15.active{ background-position:-400px -240px; }
.appicon16{ background-position: -320px -320px; }
.appicon16:hover,.appicon16.active{ background-position:-400px -320px; }
.appicon17{ background-position: -480px 0; }
.appicon17:hover,.appicon17.active{ background-position:-560px 0; }
.appicon18{ background-position: -480px -80px; }
.appicon18:hover,.appicon18.active{ background-position:-560px -80px; }

.screen{ /* width: 50%; */height:630px; }
.screen1{ background: url("../img3/index/screen1.png?version=OAVER") no-repeat center bottom; }
.screen2{ background: url("../img3/index/screen2.png?version=OAVER") no-repeat center bottom; }
.screen3{ background: url("../img3/index/screen3.png?version=OAVER") no-repeat center bottom; }
.screen4{ background: url("../img3/index/screen4.png?version=OAVER") no-repeat center bottom; }
.screen5{ background: url("../img3/index/screen5.png?version=OAVER") no-repeat center bottom; }
.screen6{ background: url("../img3/index/screen6.png?version=OAVER") no-repeat center bottom; }
.screen7{ background: url("../img3/index/screen7.png?version=OAVER") no-repeat center bottom; }
.screen8{ background: url("../img3/index/screen8.png?version=OAVER") no-repeat center bottom; }
.screen9{ background: url("../img3/index/screen9.png?version=OAVER") no-repeat center bottom; }
.screen10{ background: url("../img3/index/screen10.png?version=OAVER") no-repeat center bottom; }
.screen11{ background: url("../img3/index/screen11.png?version=OAVER") no-repeat center bottom; }
.screen12{ background: url("../img3/index/screen12.png?version=OAVER") no-repeat center bottom; }
.screen13{ background: url("../img3/index/screen13.png?version=OAVER") no-repeat center bottom; }
.screen14{ background: url("../img3/index/screen14.png?version=OAVER") no-repeat center bottom; }
.screen15{ background: url("../img3/index/screen15.png?version=OAVER") no-repeat center bottom; }
.screen16{ background: url("../img3/index/screen16.png?version=OAVER") no-repeat center bottom; }
.screen17{ background: url("../img3/index/screen17.png?version=OAVER") no-repeat center bottom; }
.screen18{ background: url("../img3/index/screen18.png?version=OAVER") no-repeat center bottom; }

.points{ display: inline-block; width: 90px; height: 90px; background: url("../img3/index/points.png?version=OAVER") no-repeat; }
.points_1{ background-position: 0 0; }
.points_2{ background-position: 0 -100px; }
.points_3{ background-position: 0 -200px; }
.points_4{ background-position: 0 -300px; }
.points_5{ background-position: 0 -400px; }
.points_6{ background-position: 0 -500px; }

.customer{ display: inline-block; width: 190px; height: 90px; background:url("../img3/index/customer.png?version=OAVER") no-repeat; }
.customer_1{ background-position: 0 0; }
.customer_2{ background-position: -200px 0; }
.customer_3{ background-position: -400px 0; }
.customer_4{ background-position: -600px 0; }
.customer_5{ background-position: -800px 0; }
.customer_6{ background-position: -1000px 0; }

.customer_7{ background-position: 0 -100px; }
.customer_8{ background-position: -200px -100px; }
.customer_9{ background-position: -400px -100px; }
.customer_10{ background-position: -600px -100px; }
.customer_11{ background-position: -800px -100px; }
.customer_12{ background-position: -1000px -100px; }

.customer_13{ background-position: 0 -200px; }
.customer_14{ background-position: -200px -200px; }
.customer_15{ background-position: -400px -200px; }
.customer_16{ background-position: -600px -200px; }
.customer_17{ background-position: -800px -200px; }
.customer_18{ background-position: -1000px -200px; }

.customer_19{ background-position: 0 -300px; }
.customer_20{ background-position: -200px -300px; }
.customer_21{ background-position: -400px -300px; }
.customer_22{ background-position: -600px -300px; }
.customer_23{ background-position: -800px -300px; }
.customer_24{ background-position: -1000px -300px; }

.qyh_icon{ display: inline-block; width: 190px; height: 100px; background: url("../img3/index/qyh_icon.png?version=OAVER") no-repeat; }
.oa_icon{ display: inline-block; width: 100px; height: 100px; background: url("../img3/index/oa_icon.png?version=OAVER") no-repeat; }
.body_bg{height: 100%;min-height: 700px;width: 100%; background: url("../img3/index/security_bg.jpg?version=OAVER") no-repeat center center; background-size: cover;}

.home-inner{ min-width: 1000px; max-width: 1160px; margin: 0 auto; }/*min-width: 1024px;*/
.home-header{ height: 80px; }
.home-header.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0.5) ,rgba(0,0,0,0)); background:-moz-linear-gradient(to bottom, rgba(0,0,0,0.5) ,rgba(0,0,0,0)); background:-o-linear-gradient(to bottom, rgba(0,0,0,0.5) ,rgba(0,0,0,0)); background:-ms-linear-gradient(to bottom, rgba(0,0,0,0.5) ,rgba(0,0,0,0)); background:linear-gradient(to bottom, rgba(0,0,0,0.5) ,rgba(0,0,0,0)); }
.has-plat .home-header.fixed{top:1.08rem;}
.home-header.scroll{ background: rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff); }
.home-header .home-logo-wrp{ padding: 25px 0 0 30px; }
/*lwh 20170124*/
/*.home-header .home-logo-wrp{ padding: 14px 0 0 30px; }*/
.home-header-tab{ text-align: right; padding: 24px 30px 0 0; }
.home-header-tab li{ display: inline-block; font-size: 16px; color: #fff; }
.home-header-tab li a{ display: block; height: 32px; line-height: 32px; padding: 0 20px; color: #fff; border-radius: 4px; }
.home-header-tab li.active a{ color: #00b88a; }
.home-header-tab li.item a:hover{ background: rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); }
.home-header-tab li.reg-btn{ padding-left: 20px; }
.home-header-tab li.reg-btn .btn{padding: 6px 20px;line-height: 14px;}
.scroll .home-header-tab li a{ color: #333; }
.scroll .home-header-tab li.active a{ color: #00b88a; }
.scroll .home-header-tab li.item a:hover{ color: #00b88a; background: rgba(255,255,255,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff); }
/* .scroll .home-header-tab li.reg-btn .btn{ border: 1px solid #ccc; color: #333; } */

.home-change-plat{position: fixed;top: 0;left: 0;right: 0;  z-index: 100;height:1.08rem;line-height: 1.08rem;color: #666;font-size:0.4rem; text-align: center;background: #272621; }

.home-banner-wrp { width:100%; position:relative; height:730px; background:#000; }
.has-plat .home-banner-wrp{margin-top:1.08rem;}
.home-banner-wrp .home-banner { margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.home-banner-wrp .home-banner ul { width:100% !important; }
.home-banner-wrp .home-banner li { width:100% !important; height:730px; overflow:hidden; }
.home-banner-wrp .home-banner li .content {min-width: 1024px; max-width: 1200px; margin: 0 auto; height: 730px; }
.home-banner-wrp .home-banner li .content .text{ padding:500px 0 0 30px;  color: #fff;}
.home-banner .content h3{ font-size: 50px; font-weight: normal; padding-bottom: 20px; }
.home-banner .content p{ font-size: 16px; }
.home-banner-wrp .hd { width:100%; position:absolute; z-index:1; bottom:60px; left:0; height:30px; line-height:30px; }
.home-banner-wrp .hd ul { min-width: 1024px; max-width: 1200px; height: 15px; margin: 0 auto; padding:0 30px;  }
.home-banner-wrp .hd ul li { display: inline-block; width: 15px; height: 15px; cursor: pointer; margin-right: 20px; border-radius: 50%; background: rgba(255,255,255,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); }
.home-banner-wrp .hd ul li.on,.home-banner-wrp .hd ul li:hover{ background:#00b88a; }
/* .home-banner-wrp .prev,.home-banner-wrp .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%; z-index:1; width:40px; height:60px; background:url(images/slider-arrow.png?version=OAVER) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:none; }
.home-banner-wrp .next { left:auto; right:15%; background-position:-6px -137px; }
 */
.home-login-wrp{ position: absolute; left: 0; right: 0; top: 0; bottom:126px; padding-top: 150px; z-index: 99; }
.home-login-wrp .home-login{ width:340px; background:#fff; padding: 40px 30px 50px; margin-right: 30px;box-shadow: 0 0 20px rgba(0,0,0,0.4); }
.home-login-tit{ font-size: 16px; font-weight: normal; color: #333; padding-bottom: 30px; text-align: center;}
.home-login-logo{ display: inline-block; width: 75px;height: 75px;background: url("../img3/index/index-icon.png?version=OAVER") no-repeat -211px -180px;}
.home-login-wrp .home-edit .form-control{height: 40px;font-size: 12px;}
.home-login-err{ position: absolute; top: -25px; left: 0; color: #ff4c4c; font-size: 12px; }
.home-login-wrp .home-edit .btn{padding: 9px 16px;}

/*悬浮层*/
.home-right-contact{position: fixed;right: 0;top:50%;margin-top: -126px;z-index: 100;}
.home-right-contact li{position: relative;padding-left: 20px; }
.home-right-contact li:first-child{margin-top: 0;}
.home-right-contact li .main{width: 80px;height: 80px;text-align: center;color: #fff;cursor: pointer;margin-top: 6px;background: #00b88a;padding: 14px 0;}
.icon-qq,.icon-mobile,.icon-scan{display: inline-block;}
.icon-qq{width: 27px;height: 32px;background: url("../img3/index/icon-qq.png?version=OAVER") no-repeat;}
.icon-mobile{width: 23px;height: 32px;background: url("../img3/index/icon-mobile.png?version=OAVER") no-repeat;}
.icon-scan{width: 30px;height: 30px;background: url("../img3/index/icon-scan.png?version=OAVER") no-repeat;}
.home-right-us{display: none; position: absolute;top: 50%; left:-205px; margin-top: -118px;cursor: pointer; background: #fff;padding: 10px;border:1px solid #ccc;border-radius: 5px;box-shadow: 0 0 8px #ccc;}
.home-right-us img{display: block; width: 190px;height: 190px;}
.home-right-us .txt{text-align: center;font-size: 12px;color: #666;}
.home-right-contact li:hover .home-right-us{display: block;}

.home-short-wrp{ display: none; height: 630px; }
.home-short-wrp.first{ display:block; }
.home-short-l,.home-short-r{ display: inline-block; width: 50%; vertical-align: top; }
.home-short-wrp .content{ padding: 80px 10%; }
.home-short-wrp .content h3{ font-size: 30px; font-weight: normal; color: #333; padding-bottom: 20px; }
.home-short-wrp .content h4{ font-size: 20px; color: #333; font-weight: normal; }
.home-short-wrp .content p{ font-size: 14px; color: #969696; line-height: 24px; padding-top: 15px; }

.home-short-tab{ position: absolute; bottom: 120px; }
.home-short-tab.left{ left: 5%; }
.home-short-tab.right{ left: 55%; }
.home-short-tab li{ display: inline-block; cursor: pointer; margin:10px 21px 0 0; }
.home-short-tab li p{ text-align: center; padding-top: 20px; font-size: 14px; color: #333; line-height: 14px; }

.home-suit-wrp{ height: 680px; padding-top: 56px; }
.home-suit-wrp .title{ line-height: 58px; color: #333; font-size: 38px; padding-left: 30px; }
.home-suit-img{ width: 100%; height:321px; margin-top: 120px; padding: 0 30px; }
.home-suit-img img{ width: 100%; height: auto; }

.home-sock-wrp{ padding: 80px 0 10px; }
.home-sock-tit h5,.home-sock-tit h3{ text-align: center; font-weight: normal; }
.home-sock-tit h5{ font-size: 20px; color: #5093e1; }
.home-sock-tit h3{ font-size: 40px; color: #333; padding: 20px 0 0; }
.home-sock-list,.home-partner-list{ text-align: center; padding-top: 60px; }
.home-sock-list li{ display: inline-block; width:20%; margin:0 5% 80px; vertical-align: top; }
.home-sock-list li h3{ font-size: 20px; color: #00b88a; padding: 10px 0 13px; font-weight: normal; }
.home-sock-list li p{ font-size: 12px; line-height: 26px; }
.home-partner-wrp{ padding: 70px 0 90px; }
.home-partner-list li{ display: inline-block; padding:0 5px 30px; }

.home-enter-wrp{ width: 100%; background: url("../img3/index/ending_banner.jpg?version=OAVER") no-repeat center bottom; background-size: cover}
.home-enter{ padding: 60px 0 100px; }
.home-enter-tit h2,.home-enter-tit h3,.home-enter-tit h5{ text-align: center; font-weight: normal; }
.home-enter-tit h2{ font-size: 40px; color: #fff; }
.home-enter-tit h3{ font-size: 30px; color: #00b88a; padding: 30px 0 10px; }
.home-enter-tit h5{ font-size: 14px; color: #969696; }
.home-enter-list{ text-align: center; padding-top: 40px; }
.home-enter-list li{ display: inline-block; width: 400px; height: 320px; vertical-align: top; padding: 50px 105px 40px; text-align: center; border-radius: 6px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.home-enter-list li:first-child{ margin-right: 50px; }
.home-enter-list li h3{ font-size: 24px; font-weight: normal; color: #333; padding:10px 0 46px; }
.home-enter-btn .btn{ font-size: 20px; }
/*底部*/
.home-footer.fixed{bottom: 0;left: 0;right: 0;}
.copyright{ height: 120px; text-align: center; font-size: 14px; color: #666; line-height: 120px; }
.copyright.h70{ height: 70px; line-height: 70px; }
.copyright70{ height: 70px; line-height: 70px; font-size: 14px; color: #fff; text-align: center; }

/*注册*/
.index-register-wrp{ width: 550px; padding: 40px 0 100px; margin: 0 auto; }
.index-register-tit{ border-bottom: 2px solid #e5e5e5; }
.index-register-tit span{ display: inline-block; padding-bottom: 10px; font-size: 18px; color: #333; margin-bottom: -2px; border-bottom: 2px solid #00b88a; }
.index-register-edit{ padding-top: 40px; }
.index-register-edit li{ padding-bottom: 10px; }
.index-register-edit dl{ font-size: 0; }
.index-register-edit dt{ display: inline-block; font-weight: normal; line-height: 42px; vertical-align: middle; font-size: 14px; color: #333; }
.index-register-edit dt .form-control{ height: 40px; }
.index-register-edit dt.w135{ width: 135px; text-align: right; }
.index-register-edit dt.w320{ width: 320px; }
.index-register-edit dt.w300{ width: 300px; }
.index-register-edit dt.w320.font12{ font-size: 12px; }
.index-register-edit dt.code .input-group-addon{ background: #00b88a; color: #fff; cursor: pointer; }
.index-register-edit dt.w95{ width: 95px; padding-left: 10px; }
.index-register-edit dt.regain-code .btn-gray{ background: #b3b3b3; color: #fff; height: 40px; }
.index-register-edit dt .btn.dropdown-toggle{ height: 40px; margin-top: -2px; margin-left: -2px; }
.index-register-edit dt a.protocol{ color:#1a40ad; }

.input-group-border .form-control{ border:0}
.input-group-border{ border:1px solid #e5e5e5; border-radius:4px; }
.btn-group-ctrl{ color:#969696; outline-style:none; width:28px; height:28px; background:#f5f5f5; border:0; text-align:center; padding:0; margin:3px; border-radius:4px; cursor:pointer; display:inline-block; font-size:14px; font-weight:400; line-height:1.42857; vertical-align:middle; white-space:nowrap; }
.btn-group-ctrl:hover,.pic-blk-hd .position1:hover,.location-item .position1:hover{ background:#00b88a; color:#fff; }
.btn-group-ctrl:hover .glyphicon,.btn-group-ctrl:hover .fa,.pic-blk-hd .position1:hover .glyphicon,.pic-blk-hd .position1:hover .fa,.location-item .position1:hover .glyphicon{ color:#fff; }/*附件控件签到控件*/
/*企业号*/
.office{ background:url(../img3/probg.jpg?version=OAVER) no-repeat top center #F1F1F1; width: 100%; height: auto; }
.office-wrap{ width: 1000px; margin:0 auto; }
.office-head{ height: 192px; text-align: center; }
.office-head-logo{ margin: 39px 40px 39px 0; display: inline-block; width: 114px; height: 114px; background: url(../img3/wechat.png?version=OAVER) no-repeat; background-size: 100%; border-radius: 50%; vertical-align: middle; }
.office-head-title{ vertical-align: middle; display: inline-block; text-align: left; }
.office-head-title h1{ font-size: 30px; color:#333; padding-bottom: 15px; font-weight: normal; }
.office-head-title p{ font-size:12px; }

.office-content{ display: table; width: 1000px; border-radius: 4px; border:1px solid #e5e5e5; background-color: #fff; }
.office-left{ display:table-cell; width: 227px; margin: 15px 0; padding: 0 10px; border-right: 1px solid #e5e5e5; }
.app-group a{ display: block; height: 45px; line-height: 45px; padding: 0 15px 0 25px; margin: 5px 0; }
.app-group .i-app-head{ font-size: 16px; color:#000; }
.app-group .i-app-head.active{ background: #f0f0f0; }
.app-group .i-app-head.hover{ background: #fafafa; }

.app-group .i-app-item .i-app-img{ display:table-cell; line-height: 1; vertical-align: middle; }
.app-group .i-app-item .i-app-til{ display:table-cell; vertical-align: middle; font-size:14px; padding-left: 15px; }
.app-group .i-app-item .i-app-til:hover{ color:#00b88a; }
.app-group .i-app-item .i-app-img img{ width:32px; height:32px; border-radius:4px; }

.office-right{ display:table-cell; padding:35px 35px 0 35px; width: 771px; }
.office-header{ padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.office-header .office-img{ float: left; }
.office-header .office-img img{ width: 80px; height: 80px; border-radius:6px; }
.office-header .office-text{ padding-left: 105px; }
.office-header .office-til{ font-size: 24px; color: #333; line-height: 24px; }
.office-header .office-til span{ color: #999; font-size: 12px; }
.office-header .office-button{ margin-top: 15px; font-size: 16px; }
.office-header .office-button button,.office-bottom .office-button button{ height: 40px; padding: 0 30px; }
.office-header .office-button button:first-child, .office-bottom .office-button button:first-child{ margin-right: 10px; }
.office-explain{ margin-top: 25px; }
.office-explain .office-til{ font-size: 18px; color: #333; }
.office-explain .office-text{ font-size: 14px; padding: 15px 0px; line-height: 24px; color: #666; }
.office-eg{ padding: 40px 0; border-bottom: 1px dashed #e5e5e5; }
.office-eg .office-img{ display: inline-block; vertical-align: middle; width: 380px; height: 295px; }
.office-eg .office-text { display: inline-block; vertical-align: middle; }
.office-eg .office-text h1{ font-size: 24px; color: #333; margin-bottom: 17px; }
.office-eg .office-text p{ font-size: 14px; color: #999; line-height:24px; }
.office-bottom .office-button{ margin: 25px 0; font-size: 16px; text-align: center; }

.office-banner-wrp{  border-top: 1px solid #e5e5e5; border-bottom: 1px dashed #e5e5e5; padding:20px 0 30px; }
.office-banner-wrp.w700{width: 700px;}
.office-banner{ width: 100%; overflow: hidden; overflow-x:auto; }
.office-banner .office-banner-list{ padding-bottom: 20px; }
.office-banner li{ display: inline-block; width:300px; height: 534px; margin-left: 20px; cursor: pointer;}
.office-banner li:first-child{ margin-left: 0; }
.office-banner li img{ width:300px; height: 534px;}


/*登录验证*/
.login_verify_wrp{width: 530px;margin: 200px auto;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 4px;padding: 40px 90px 50px;}
.login_verify_wrp .tit{font-size: 24px;line-height: 24px; color: #333;text-align: center;padding-bottom: 40px;}
.login_verify_wrp .txt{font-size: 14px;line-height: 14px; color: #333;text-align: center;padding-bottom: 10px;}
.login_verify_wrp .txt span{color: #576b95;margin: 0 0 0 8px;}
.login_verify_wrp .input-group{margin: 10px 0 40px;}
.login_verify_wrp .input-group .form-control{height: 40px;}
.login_verify_wrp .input-group .input-group-addon{background: #ccc; color: #fff;border:0;cursor: pointer;}
.login_verify_wrp .input-group .input-group-addon.send{background: #00b88a;}
.login_verify_wrp .input-group .input-group-addon.send:hover{background: #00a67c;}

.form-group{width: 100%;display: table;}
.form-group .form-left-item{display: table-cell;text-align: right;vertical-align: middle;width: 40px;}