@charset "utf-8";

.header{ width: 1000px; height: 89px; margin: 0 auto; clear: both;z-index: 1;}
.header .header-bg{ width: 100%; height: 89px; position: absolute; top: 0; left: 0;background: #ffffff;}
.header .header-body{ width: 80%; margin: 0 auto; min-width: 1000px;position: relative; z-index: 2;}
.logo{ float:left; width: 200px; margin-top: 20px;margin-left:10px;}
.panel_nav{border: 1px solid #ffffff;width:108px;height:40px;color:#717171;float: right;margin-top: 40px;line-height: 40px;text-align: center;}
.panel_nav a{font-size:16px;color: #717171;}
.panel_nav .span_bar{padding-left: 10px;padding-right: 10px;color: #717171;}

.home_page{background: url(../images/login/login_bg.png) no-repeat;width:100%;}
.home_page .company_banner_bg{width:1000px;margin:0 auto;height:490px;position: relative;}
/*.home_page .company_banner_bg .mission{float:left;width:635px;color:#ffffff;margin-left:185px;}*/
/*.home_page .company_banner_bg .mission .brief{font-weight: bold;font-size:50px;letter-spacing: 20px;text-align: center;margin-top:145px;}*/
/*.home_page .company_banner_bg .mission .detail{font-size:35px;letter-spacing: 5px;text-align: center;margin-top:20px;}*/
.home_page .company_banner_bg .search{position: absolute;left:50%;top:50%;margin:-35px 0px 0px -410px;}
.home_page .company_banner_bg .search .search_input{width:720px;height:70px;line-height: 70px;background-color: #ffffff;border:0px;padding-left:20px;box-sizing: border-box;}
.home_page .company_banner_bg .search .search_icon{height:70px;line-height: 70px;color:#ffffff;background-color: #ff8c19;display: inline-block;width:125px;position: relative;left:-4px;text-align: center;font-size: 16px;top: 1px;cursor: pointer;}
ul.app_android{float:right;width:175px;}
ul.app_android li{margin-top:15px;}
ul.app_android li .evm{width:171px;height:171px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
ul.app_android li .app,ul.app_android li .android{display: block; height: 56px; line-height: 56px; position: relative; text-indent: 45px; background: url(../images/login/down-bg.png) no-repeat; font-size: 17px; color: #1f2732; border-radius: 5px;background-position: 0px -68px; }
ul.app_android li a i{display: inline-block; width: 32px; height: 36px; position:absolute; top: 10px; left: 10px; z-index: 3;  background: url(../images/login/appIcon.png) no-repeat;}
ul.app_android li .app i{background-position: -30px 3px;}
ul.app_android li .app:hover i{ background-position: 5px 3px;}
ul.app_android li .android i{background-position:  -30px -30px;}
ul.app_android li .android:hover i{ background-position: 3px -30px;}
ul.app_android a:hover{ color: #fff; background: url(../images/login/down-bg.png) no-repeat;background-position: 0px 0px;text-decoration: none;}



.feature-wrapper{background: #efefef;width:100%;}
.feature-wrapper .feature_bg{width:100%;background: #ffffff;margin-top: 20px;}
.feature-wrapper .feature_bg .invite_login{width:1000px;margin:0 auto;}
.feature-wrapper .feature_bg .invite_login .explain{background: #47c9af;color:#ffffff;font-weight: bold;font-size:22px;width:520px;left:50%;position: relative;transform: translateX(-50%);text-align: center;height:60px;line-height: 60px;margin-bottom: -8px;z-index: 1;}
.feature-wrapper .feature_bg .invite_login .sofa_img{background: url(../images/login/sofa.png) no-repeat;width:453px;height:242px;margin:0 auto;display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
.feature-wrapper .feature_bg .invite_login .sofa_img .register_a{background: #ff8500;height:60px;line-height:60px;width:190px;border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;color: #ffffff;display: inline-block;text-align: center;margin-top: 132px;margin-left: 132px;font-size: 20px;}

.feature-wrapper .feature_bg .introduce{width:1000px;margin:0 auto;}

.feature-wrapper .feature_bg .introduce dl{width: 244px;text-align: center;float: left;}
.feature-wrapper .feature_bg .introduce dl dt{margin-top:60px;}
.feature-wrapper .feature_bg .introduce dl .name{ color:#5f7283;font-weight:bold;font-size:25px;margin-top:20px;}
.feature-wrapper .feature_bg .introduce dl .explain{color:#96a2ae;font-size:20px;margin-top: 10px;margin-bottom: 45px;}
.feature-wrapper .feature_bg .introduce dl .explain:before{content:url(../images/login/left_border.png);padding-right: 3px;top: 2px;position: relative;}
.feature-wrapper .feature_bg .introduce dl .explain:after{content:url(../images/login/right_border.png);padding-left: 3px;top: 2px;position: relative;}

.feature-wrapper .feature_bg .introduce .img{background: url(../images/login/home_page_icon.png) no-repeat;width:80px;height:84px;display: inline-block;}
.feature-wrapper .feature_bg .introduce .online{background-position: 0 -120px;}
.feature-wrapper .feature_bg .introduce .hi_post{background-position: -140px 0px;}
.feature-wrapper .feature_bg .introduce .synchronization{background-position: -135px -120px;}