@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;outline:0}
body{ font-family:'微软雅黑';line-height:1.5;font-size:13px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li{list-style:none}
.fl{ float: left;}
.fr{ float: right;}
.clear{ display: block; content: ''; clear: both;}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:0;background:0 0;outline:0}
a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick]{outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
a{-webkit-touch-callout:none;text-decoration:none;color:#fff;outline:0}
em,i{font-style:normal}
.hide{ display:none;}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:focus{outline: 0!important}


input::-webkit-input-placeholder {
    color: #827979 !important; /* WebKit browsers */
    color: #827979;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    border: 1px solid #CCC!important;
}
input:-moz-placeholder {
    color: #827979 !important; /* Mozilla Firefox 4 to 18 */
    color: #827979;
}
input::-moz-placeholder {
    color: #827979 !important; /* Mozilla Firefox 19+ */
    color: #827979;
}
input:-ms-input-placeholder {
    color: #827979 !important; /* Internet Explorer 10+ */
    color: #827979;
}

textarea::-webkit-input-placeholder {
    color: #827979 !important; /* WebKit browsers */
    color: #827979;
}
textarea:-moz-placeholder {
    color: #827979 !important; /* Mozilla Firefox 4 to 18 */
    color: #827979;
}
textarea::-moz-placeholder {
    color: #827979 !important; /* Mozilla Firefox 19+ */
    color: #827979;
}
textarea:-ms-input-placeholder {
    color: #827979 !important; /* Internet Explorer 10+ */
    color: #827979;
}


/*::-webkit-input-placeholder{color:#999}
input::-webkit-input-placeholder {
    color: #e5e5e5 !important; /!* WebKit browsers *!/
    color: #e5e5e5;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    border: 1px solid #CCC!important;
}
input:-moz-placeholder {
    color: #e5e5e5 !important; /!* Mozilla Firefox 4 to 18 *!/
    color: #e5e5e5;
}
input::-moz-placeholder {
    color: #e5e5e5 !important; /!* Mozilla Firefox 19+ *!/
    color: #e5e5e5;
}


textarea::-webkit-input-placeholder {
    color: #e5e5e5 !important; /!* WebKit browsers *!/
    color: #e5e5e5;
}
textarea:-moz-placeholder {
    color: #e5e5e5 !important; /!* Mozilla Firefox 4 to 18 *!/
    color: #e5e5e5;
}
textarea::-moz-placeholder {
    color: #e5e5e5 !important; /!* Mozilla Firefox 19+ *!/
    color: #e5e5e5;
}
textarea:-ms-input-placeholder {
    color: #e5e5e5 !important; /!* Internet Explorer 10+ *!/
    color: #e5e5e5;
}*/
/*input:-ms-input-placeholder {*/
    /*color: #fff !important; /!* Internet Explorer 10+ *!/*/
    /*color: #fff;*/
/*}*/
.w150{ width: 150px!important;}

/*企业用户页样式*/
.minHeight{ min-height: 860px;}
.comm-wrap{ width:100%; min-width: 1360px; max-width: 1920px; height: 450px; background:url(/images/xnaren-3.0/index/company-banner.jpg) no-repeat; }
.header{ width: 100%; height: 89px; margin: 0 auto; clear: both; position: fixed; z-index: 1;}
.header .header-bg{ width: 100%; height: 58px; position: absolute; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=50); z-index: -1;}
.header .header-body{ width: 80%; margin: 0 auto; min-width: 1000px;}
.logo{ float:left; width: 145px; margin-top: 20px;}

.register-tabs{ float: right; width: 480px; height: 60px;}
.register-tabs li{ text-align: center; font-size: 18px; color: #fff; cursor: pointer; float: left; margin: 0 20px; }
.register-tabs li a{ display: inline-block; height: 60px; +height: 56px; line-height: 60px; +line-height: 56px; font-weight: 300;}
.register-tabs li a.comp.active{ border-bottom: 4px solid #ff8b18; color: #ff8b18; cursor:default;}
.register-tabs li.pers a{ height: auto; line-height: normal; font-size: 16px; padding: 8px 10px; margin-top: 10px; border: 1px solid #dc7a20; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.register-tabs li.pers{ float:right; margin-right: 0;}
.wrapper{ min-width: 1024px; max-width: 1920px;}
.register-w{ width: 80%; margin: 0 auto; min-width: 1024px; max-width: 1920px;}
.company-txt{ width: 630px; margin-top: 212px; color: #fff;}
.company-txt h1{ font-size: 55px; font-weight: bold;}
.company-txt p{ font-size: 55px;}
.company-txt i{ display: inline-block; width: 24px; height: 30px; background: url(/images/xnaren-3.0/index/login-icon.png) no-repeat;}
.company-txt h1 i.left_arrow{ background-position: -142px -658px; position: relative; top: -36px;}
.company-txt p i.left_arrow{ background-position: -142px -658px; position: relative; top: -36px;}
.company-txt p i.right_arrow{ background-position: -171px -658px; position: relative; top: 30px;}

.wrapper-register{ width: 330px;margin-top: 130px; color: #fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; position: relative;}
.wrapper-register .wrapper-register-bg{width: 330px; height: 280px; background: #ffffff; position: absolute; top: 0; left: 0; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.wrapper-company{ position: relative; }
.wrapper-company .register_nav .option{background: #cacaca;color:#ffffff;width:50%;display: inline-block;height:38px;line-height: 38px;margin-right: -4px;text-align: center;font-size:16px;border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px;cursor: pointer;}
.wrapper-company .register_nav .selected{background: #ffffff;color:#8f8b8b;cursor: auto;}
.wrapper-company .row .placeholder{ position: relative;}
.wrapper-company .row .placeholder i{ position: absolute; top: 0; left: 5px; line-height: 35px; color: #999;}
.wrapper-company .inp{ width: 270px; height: 35px; line-height: 35px; line-height: 35px\9; padding: 0 5px; margin-bottom: 10px; background: #fff;  border-radius:4px; font-size: 14px;border: 1px solid #c8c3c3; }
.wrapper-company .verity_wrap img{position: relative; top:11px;}
.wrapper-company .reader{ line-height: 39px;}
.wrapper-company .reader label{ margin-left: 5px; position:relative; top:-2px; font-size: 12px; font-weight: normal;}
.wrapper-company .reader label a:hover{ text-decoration: underline;}
.login-regis-btn{ height: 46px;}
.login-regis-btn a{ display: inline-block; width: 161px; height: 43px; text-align:center; line-height: 43px; border-radius: 5px; font-weight: bold; color: #FFF; font-size: 18px; border:2px solid #747275;}
.login-btn{ margin-right: 10px;}
.float-r:hover{ text-decoration: underline;}
.wrapper-company .on{ background: #2ea4dd; border: none;width:270px;}
.wrapper-company .row .tip{ line-height:26px; height:26px; font-size: 12px; color:#e83928; visibility: hidden;}
.wrapper-company .row label{ padding-left:18px; color:#fff;}
.verity_wrap{display:none;}
.btn-primary{ display: inline-block; width: 118px; height: 38px; line-height: 32px; text-align: center; color:#fff; font-size:16px; border:2px solid #747275; cursor:pointer;}
/*.feature{ width: 50%; float:left; color: #313A41; text-align: center;}
.feature h2{ height: 50px; line-height: 50px; display: inline-block;  *display: inline; font-weight: bold; font-size: 44px; background: url(/images/xnaren-3.0/index/h2_bg.png) no-repeat 0 center; padding-left: 70px; letter-spacing: 10px;}
.feature strong{ display: block; line-height: 80px; font-size: 30px; letter-spacing: 8px;}
.feature div{ line-height: 40px; padding-left: 20px;}
.feature div span{ margin-right: 20px; display: inline-block; padding-left: 22px; font-size: 24px; color: #63686c; background: url(/images/xnaren-3.0/index/circle_bg.png) no-repeat 0 center;}*/

.foot-wrapper{ width: 100%; min-width: 1360px; max-width: 1920px; height: 105px; background: #313a41;}
.foot-wrapper2{ margin-top: 100px;}
.footer{ width: 80%; min-width: 1024px; max-width: 1920px; margin: 0 auto; clear: both; color: #adb0b5;}
.tel{ float: right; font-size: 16px; padding-top: 15px;}
.tel>div button{ width: 100px; font-size: 12px; padding: 5px 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #fff; float: right; cursor: pointer;}
.tel>div button.login{ border:1px solid #fff; margin-right: 20px;}
.tel>div button.register{ background: #33b4d7; border: 1px solid #33b4d7;}
.tel p{ padding: 10px 0; +padding: 0; clear: both; text-align: right;}
.tel img{ vertical-align: middle;}
.tel span{ display: inline-block; font-size: 30px; color: #0980af;font-weight: bold; height: 30px; line-height: 30px; vertical-align: middle; font-style: oblique;}
.copyright{ width: 404px; padding-top: 30px; float: left; font-size:16px;}
.about-wrapper{ height: 22px; line-height: 22px; clear: both; margin-bottom: 10px;}
.about{ float: left; width: 170px;}
.about i{ font-style:normal; margin: 0 8px;}
.share{ float: right; width: 190px; height: 22px;}
.share a{ display: inline-block; width: 27px; height: 22px; margin-right: 22px;}
.share .weixin{ background:url(/images/xnaren-3.0/index/weixin.png) no-repeat; position: relative; *top:5px;}
.share .weixin img{ width: 150px; height: 150px; position: absolute; top:-160px; *top:-165px; left: -60px; display: none;}
.share .weixin:hover img{ display: block;}
.share .sina{ background:url(/images/xnaren-3.0/index/sina.png) no-repeat;}
.copyright p{ font-size: 15px;}

/*客户端样式*/
.client-banner-bg{ background: url(/images/xnaren-3.0/index/client-banner.jpg) no-repeat;}
.down-wrapper{ width: 80%; height: 365px; margin:0 auto; min-width: 1090px; max-width: 1920px;}
.client-txt{ width: 446px; margin-top: 210px;}
.download{ width: 440px; height: 171px; margin-top: 200px; position: relative;}
.download .app-down{ width: 243px; height: 171px; position: absolute; top: 0; left: 0;}
.app-down .app,.app-down .android{ display: block; width: 243px; height: 78px; line-height: 78px; position: relative; text-indent: 60px; background: url(/images/xnaren-3.0/index/down-bg.png) no-repeat; font-size: 24px; color: #1f2732; border-radius: 5px; }
.download .app-down a i{ display: inline-block; width: 32px; height: 36px; position:absolute; top: 20px; left: 20px; z-index: 3;  background: url(/images/xnaren-3.0/index/app-ico.png) no-repeat;}
.download .app-down a:hover{ color: #fff; background: url(/images/xnaren-3.0/index/filter.png) no-repeat;}
.download .app-down .app{ margin-bottom: 14px;}
.download .app-down .app i{ background-position: -37px 0;}
.download .app-down .app:hover i{ background-position: -35px -41px;}
.download .app-down .android i{ background-position: 0 -41px;}
.download .app-down .android:hover i{ background-position: 0px 0px;}
.download .ewm{ position: absolute; top: 0; right: 0; }

.client-main{ width: 1230px; margin: 0 auto; padding: 40px 80px 0 80px; overflow: hidden;}
.client-scroll{ width: 364px; height: 607px; background:url(/images/xnaren-3.0/index/phone.png);}
.scroll-section{ width: 308px; height: 497px; margin: 110px 31px 0; position: relative; overflow: hidden;}
.scroll{ width: 400%; position: absolute; top: 0; left: 0;}
.scroll li{ float: left; width: 308px; }
.client-text{ width: 387px;}
.job-text{}
.job-text li{ margin-bottom: 20px; height: 131px; opacity: 0.4; filter:alpha(opacity=40); cursor:pointer;}
.job-text li h3{ font-size: 30px; font-weight: bold; line-height: 62px; color: #313a41; text-align: center;}
.job-text li pre{ font-size: 26px; font-family: "微软雅黑"; display: block; text-align: center; line-height: 58px; color: #fff; background: #5a6167; border: 4px solid #00dfff; border-radius: 30px;}
.job-text .active{ opacity: 1; filter:alpha(opacity=100);}

/*法律声明*/
.announce-wrap{ padding: 50px; margin:0 auto; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; min-height: 780px; }
.wrapper .announce-wrap{ width: 100%; position: static;}
.announce-wrap h1{ font-size:16px; font-weight:bold; line-height:48px; text-align:center; }
.announce-wrap .content p{ font-size:15px; line-height:30px; text-indent:28px; text-align:justify; }
.announce-wrap .footer_infoPar{ width:100%; height:100px; margin-top:100px; }
.announce-wrap .footer_info{ float:right; text-align:right; line-height:28px; }

/*关于纳人页面*/
.about-page{ width: 90%; min-width: 1024px; max-width: 1920px; min-height: 900px; padding: 50px; margin: 0px auto 80px; position: relative; top: 90px; overflow: hidden;}
.about-nav{ width: 186px; margin-right: 95px;}
.about-nav ul li{ height: 61px; text-align: center; margin-bottom: 10px; position: relative;  background: url("/images/xnaren-3.0/index/about-nav-bg.png") no-repeat;  fllter:alpha(opacity=50); opacity:0.5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.about-nav ul li a{ font-size: 24px; color: #1f2732; display: block; width: 100%; height: 100%; line-height: 61px;}
.about-nav ul li:hover{ fllter:alpha(opacity=100); opacity:1; }
.about-nav ul li:hover a{ border-left: 10px solid #fe8d16; width:178px; }
.about-nav ul li i{ display: none; width: 18px; height: 13px; position: absolute; top: 24px; right: -28px; background:url("/images/xnaren-3.0/index/about-nav-bg2.png") no-repeat;}
.about-nav ul li:hover i{ display: block;}
.about-nav ul .active{ fllter:alpha(opacity=100); opacity:1; }
.about-nav ul .active a{ border-left: 10px solid #fe8d16; width:178px; }
.about-nav ul .active i{ display: block;}
.about-main{ width: 69%;}
.about-main .title{ height: 44px; border-bottom: 3px solid #efefef;}
.about-main .title strong{ display: block; width: 136px; height: 44px; text-align: center; line-height: 44px; font-size: 24px; color: #1f2732; background: url("/images/xnaren-3.0/index/com-title-bg.png") no-repeat;}
.about-main .con-text{ padding: 40px 0;}
.about-main .con-text p{ font-size: 14px; color: #727272; margin-bottom: 20px;}
.culture{ overflow: hidden; height: 490px; margin-top: 40px;}
.culture img{ float: left; margin: 5px; height: 200px;}
.service{}
.service h2{ font-size: 22px; color: #1f2732; font-weight: bold; margin-bottom: 30px;}
.service .con-text p{ font-size: 18px;}
.return-about{ color: #24b1d5;}
.return-annou{ color: #24b1d5;}

/*市场动态*/
.wrapper-dynamic-body{ width: 80%; margin: 0 auto; padding: 100px 0; margin-bottom: 30px; min-height: 1080px;}
.wrapper-dynamic-body h2{ font-size: 22px; line-height: 44px; color: #1f2533;}
.wrapper-dynamic-body h2 span{ cursor: pointer;}
.wrapper-dynamic-body h2 span:hover{ color: #f08825;}
.wrapper-dynamic-body p{ color: #a0a0a0; font-size: 14px; line-height: 34px;}
.wrapper-dynamic-body p.briefing{ color: #504b52; line-height: 24px;}
.wrapper-dynamic-body .url_class{color: #1f2533;}
.wrapper-dynamic-body .url_class:hover{color: #f08825;}
.wrapper-dynamic-body .movie_url{margin:30px;text-align: center;}
.dynamic-infomation{ padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.dynamic-infomation:last-child{ border-bottom: none;}

.wrapper-dynamic-body .dynamic-article .go_back{ color: #f18826; font-size: 14px; line-height: 38px; cursor: pointer;}
.wrapper-dynamic-body .dynamic-article .go_back i{ display: inline-block; width: 7px; height: 11px; margin-right: 6px; background: url(/images/xnaren-3.0/index/login-icon.png) no-repeat; background-position: -187px -645px;}
.wrapper-dynamic-body .dynamic-article h1{ font-size: 22px; line-height: 68px; color: #1f2533;}
.wrapper-dynamic-body .dynamic-article .article p{ color: #504b52; line-height: 24px; margin-bottom: 20px; text-indent: 28px;}
.wrapper-dynamic-body .dynamic-article .article h3{ font-weight: bold; line-height: 32px; text-indent: 28px;}

/*下载*/
.download-page{width: 100%;min-width: 1360px;max-width: 1920px;min-height: 900px;padding:0px;margin: 0px auto 80px;position: relative;}
.download-page .download_bg{background: url(/images/xnaren-3.0/index/download_bg.png) no-repeat;width:100%;height:577px;}
.download-page .download_frame_bg{background: url(/images/xnaren-3.0/index/download_frame_bg.png) no-repeat;width: 909px;height: 492px;margin: 65px auto;}
.download-page .download_frame_bg .item_title{margin: 0 auto;margin-top: 98px;width: 210px;height: 90px;box-sizing: border-box;background: #98b6d8;border: 12px solid #b4cde6;border-top: 0px;color:#ffffff;line-height: 95px;font-size:28px;text-align: center;}
.download-page .download_frame_bg .item_explain{text-align: center;}
.download-page .download_frame_bg .item_explain dl{}
.download-page .download_frame_bg .item_explain dl dt{margin-top: 30px;font-size: 16px;color: #3E3A39;margin-bottom: 6px;}
.download-page .download_frame_bg .item_explain dl dd{color: #898989;font-size: 14px;line-height: 22px;}
.download-page .download_frame_bg .item_download{text-align: center;margin-top: 25px;}
.download-page .download_frame_bg .item_download a{display: inline-block;background: #0bb0f8;text-align: center;color:#ffffff;height:40px;line-height: 40px;width:316px;font-size:14px;}
.download-page .download_frame_bg .item_download a .icon{background: url(/images/xnaren-3.0/index/download_icon.png) no-repeat;width: 18px;height: 20px;display: inline-block;top: 6px;position: relative;margin-right:10px;background-position:0 2px;}