.j-fl{ float:left;}
.j-fr{ float:right;}
.j-conter{ text-align:center;}
.j-hide{ display:none}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/*头部样式*/
.j-head{ height:80px;background: #fff;/*box-shadow:0px 0px 8px #ddd;*/position: relative;}
.j-head-min{ width:1190px; margin:0 auto;}
.j-head .j-logo{ width:290px; height:80px; margin:0;}
.j-head .j-logo .j-img{width:208px; height:80px;display: table-cell;vertical-align: middle;text-align: center;}
.j-head .j-logo .j-img img{ max-width:290px; max-height:80px;}
.j-title-column{padding-left:20px; font:20px/80px 'Microsoft YaHei'; color:#000;}
/*内容区 s*/
/*注册*/
.j-register-box{ width:500px; margin:0 auto;}
.j-countdown{ width:100%; height:45px; font:14px/45px ''; background:#3355e0;border-radius: 2px; text-align:center; color:#fff; cursor:pointer; border:0;}
.j-register-box .layui-btn{height:45px; line-height:45px;}
.j-register-box .layui-input{ height:45px; line-height:45px;}
.j-register-box .j-code-img{ width:100%; height:45px;}
.j-register-box .layui-input-inline{ margin-bottom:30px;}
.j-previous{ border:#D2D2D2 1px solid; border-radius:2px; font:14px/45px ''; width:100%; text-align:center; background:#fff;}
.j-step2 .layui-row a{ color:#009688;}
.j-register-box .layui-input-inline .layui-row{ position:relative;}
.j-register-box .layui-input-inline .layui-row .j-show{ background:url(../images/pic/hide_password.png) no-repeat; width:30px; height:30px; position:absolute; right:20px; top:8px; }
.j-register-box .layui-input-inline .layui-row .j-show.visible{ background:url(../images/pic/display_password.png) no-repeat; width:30px; height:30px;}
.j-success-size{line-height:50px;}
.j-success-size i{font-size:38px; color:#009688; margin-right:10px;}
.j-success-size .j-size{ font-size:16px; display: inline-block;margin-top: -18px;color:#009688;}
.j-success-size,.j-countdowns{ text-align:center;}
.j-countdowns a{ color:#009688;}
.j-register-box .j-step3{ padding:30px 0;}
/*注册步骤*/
.j-step{ width:750px; margin:50px auto;}
.j-step li{position: relative;text-align: center;}
.j-step li .lbg-txt{ font-size:14px; color:#333;}
.j-step .num {position: relative;z-index: 2;width:50px;height:45px;text-align: center;display: inline-block;}
.j-step .num em{ background:#666;border-radius:50%;width:35px;height:35px; display:inline-block; text-align:center; font:14px/35px ''; color:#fff;}
.j-step .line_bg {display: inline-block;width:75%;top:16px;position: absolute;z-index: 1; border:#666 1px dashed;}
.j-step .on .num em{ background:#3355e0;}
.j-step li.on .lbg-txt{ color:#3355e0;}
.j-step .on .line_bg{border:#3355e0 1px dashed;}
.j-step .lbg-r {right:1px;}
.j-step .lbg-l {left:0px;}
/*注册协议*/
.j-agreement-box { margin:20px 5%;}
.j-agreement-box h1{ font:18px/50px ''; height:50px; background:#f5f5f5; text-align:center;}
.j-agreement-size{border:#eee 1px solid;padding:15px;}
.j-agreement-box p{line-height:30px;}
.layui-input-inline.login-btns{ width:300px; margin:0 auto;display: block;}
/*登录*/
.j-login-box{ background:#508dea url(../images/pic/j-back.jpg) top center no-repeat; height:540px;}
.j-login-width{ width:1190px; margin:0 auto; position:relative;}
.j-login{ background:#fff; padding:30px;  box-shadow: 0px 0px 8px 2px #508dea; position:absolute; top:80px; right:100px;}
.layui-elip{font-size:18px; color:#333; padding-bottom:22px;}
.j-login{ width:360px;}
.layui-input-inline{ width:100%;margin-bottom: 15px;}
.login-btn{ width:100%;}
.layui-input-inline button {width: 100%;background-color:#3355e0;}
.j-size a{ color:#3355e0;}
.j-code-img{ width:100%; height:45px;}
.j-login-width .layui-input,.j-login-width .layui-btn{height:45px; line-height:45px;}
/*------智能云库 s ---------*/
/*登录后样式*/
.j-head .layui-nav{ background:none;}
.j-head .layui-nav a{color:#333;}
.j-head .layui-nav a.name{ color:#333;}
.j-head .layui-nav a.name:hover{color:#333;}
.j-head .layui-nav a:hover{color:#666;}
.j-head .layui-nav-bar{ display:none;}
.j-head .layui-nav .layui-nav-more{border-top-color:#000;}
.j-head .layui-nav-img{ position:relative; top:-13px;}
.j-head .layui-nav .layui-nav-item{ float:right;margin:10px 0 0 0;}
.j-head .layui-nav .layui-nav-mored,.j-head .layui-nav-itemed>a .layui-nav-more{ border-color: transparent transparent #000;}
.j-navigation li{ float:left; margin-left:40px; font:16px/78px ''; padding-bottom:2px;}
.j-navigation li a{ color:#000;}
.j-navigation li a:hover{color:#3296fa;}
.j-navigation li.on a{ color:#3296fa;font-weight: 600;}
.j-navigation li.on,.j-navigation li:hover{border-bottom: #3296fa 2px solid; padding-bottom:0px;}
.j-index-login{ position:absolute; right:5%;top:25px; padding:0 20px; background:#2b8bf9; font-size:15px;}
.j-percent-box{ width:100%;}
.j-percent-box.j-back{ background:url(../images/pic/j-index-bj.png) repeat-x; width:100%;}
.j-percent-box.j-service{background:#eaf7ff url(../images/pic/j-width-bj.png) no-repeat center;}
.j-percent-box.j-back.j-colourless{ background:#fff;}
.j-percent-box.j-white.j-color{ background:#eaf7ff;}
.j-percent-con{ width:1190px; margin:0 auto; padding:120px 0;}
.j-percent-box.j-back .j-percent-con .j-back-size{ width:665px; color:#fff;}
.j-percent-box.j-back.j-colourless .j-percent-con .j-back-size{ color:#333;}
.j-percent-box.j-back .j-percent-con .j-back-size h1{ font-size:45px; margin:55px 0 15px;}
.j-percent-box.j-back .j-percent-con .j-back-size h2{ font-size:28px; margin-bottom:15px;}
.j-percent-box.j-back .j-percent-con .j-back-size p{ font-size:16px; line-height:28px;}
.j-percent-box.j-back .j-percent-con .j-back-img img{ width:400px; height:400px;}
.j-percent-box.j-back.j-colourless .j-percent-con .j-back-img img{width:400px; height:354px;}
.j-percent-box.j-white.j-service .j-percent-con .j-back-size img{width:400px; height:262px;padding-top: 75px;}
.j-percent-box.j-white .j-percent-con .j-back-size img{ width:400px; height:400px;}
.j-percent-box.j-white.j-color .j-percent-con .j-back-size img{width:460px; height:460px;}
.j-percent-box.j-white.j-color .j-percent-con .j-back-img h1{ margin: 120px 0 15px;}
.j-percent-box.j-white .j-percent-con .j-back-img{ width:665px;}
.j-percent-box.j-white .j-percent-con .j-back-img h1{ font-size:45px; margin:65px 0 15px;}
.j-percent-box.j-white .j-percent-con .j-back-img h2{ font-size:28px; margin-bottom:15px;}
.j-percent-box.j-white .j-percent-con .j-back-img p{ font-size:16px; line-height:28px;}
.j-percent-con a{ font-size:18px;padding-top:15px; display:block;}
.j-percent-box.j-white a{color:#508dea;}
.j-percent-box.j-back a{ color:#fff; background:url(../images/pic/j-button-bj.jpg) repeat-x; height:40px; padding:0 15px; border-radius:5px; display:block;width:90px; font:16px/40px ''; margin-top:20px;}
/*--------资讯----------*/
/*轮播 s*/
.layui-carousel.j-slide{ height:auto; min-height:390px;}
.layui-carousel.j-slide img{ width:100%;min-height: 390px;}
/*轮播 e*/
/*资讯 s*/
.j-main-info{border: #ccc 1px solid;border-width: 1px 0;}
.j-information-box,.j-information-details{ width:1190px; margin:0 auto;}
.j-information-box li{ padding:50px 0; border-bottom:#eee 1px solid;}
.j-information-box li .j-img{ width:250px; height:150px; border:#eee 1px solid;}
.j-information-box li .j-img a{width: 250px;height: 150px;display: table-cell;vertical-align: middle;text-align: center;}
.j-information-box li .j-img a img{ max-width:250px; max-height:150px;}
.j-information-box li .j-size{ padding-left:350px;}
.j-information-box li .j-title a{ font-size:24px; display:block; color:#333; overflow:hidden;white-space: nowrap;    text-overflow: ellipsis; margin-bottom:15px;}
.j-information-box li .j-title p{font:16px/28px ''; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; min-height:60px;}
.j-information-box li .j-size .j-time{ margin-top:30px; color:#999;}
.j-information-box li .j-size .j-time label{ padding-right:30px;}
.j-information-details h1{font-size:24px; margin:45px 0 20px;}
.j-information-details h4{font-size:14px;color: #999;}
.j-information-details h1,.j-information-details h4{ text-align:center;}
.j-information-details .j-size-details{ padding:20px 0;font: 16px/28px '';}
.j-information-details .j-size-details p{ margin-bottom:20px;}
.j-information-details .j-size-details img{ margin:0 auto; max-width:100%; height:auto; display:block;}
.j-showmore-size{ text-align:center; padding:20px 0; cursor:pointer;}
/*资讯 e*/
/*--------资讯----------*/
/*下载 s*/
.j-download-max,.j-main-back{background:#eaf7ff; width:100%;}
.j-main-back{ padding:50px 0;}
.j-download-box{width:1190px; margin:0 auto; padding:150px 0; color:#fff;}
.j-download-box .j-download-img img{ width:450px; height:398px;padding-left:80px;}
.j-download-size{ padding-left:660px;}
.j-download-size .j-title{ font-size:45px; font-weight:bold; padding-top:60px; color:#000;}
.j-download-size .j-slogan{ font-size:28px; margin:10px 0 0px;color:#000;}
.j-download-size .layui-btn-normal{ background:#508dea;height:55px;line-height:55px;font-size: 18px; padding:0 45px;}
.j-download-size .layui-btn .layui-icon img{ width:24px; height:24px;float: left; position:relative; top:13px; margin-right:10px;}
.j-download-but .j-fl li{ margin-top:30px;}
.j-download-but .j-fl li.j-list1 a.layui-btn-normal{ background:#00da81;}
.j-download-but .j-fl li.j-list2 a.layui-btn-normal{ background:#00ceff;}
.j-download-but .layui-btn{ text-align:inherit;}
.j-download-but .layui-btn-lg{ min-width:250px;display: block;}
.j-frame-box{ margin-left:290px; background:#fff; width:140px;position: relative;top: 30px;}
.j-frame-box img{ width:110px; height:110px; padding:15px;}
.j-code{ display:inline-block; margin-left:10px; position:relative;}
/*下载 e*/
/*关于我们 S*/
.j-about-max{background:#eaf7ff; width:100%;}
.j-about-back{ position:relative; overflow:hidden;height:390px;}
.j-about-bj{width:100%; position:absolute; left:50%; margin-left:-960px;}
.j-about-box{ width:1190px; margin:0 auto;}
.j-about-box .j-company .j-public-box.j-list1{ padding-top:60px;}
.j-about-box .j-company .j-public-box .j-size{ width:600px;}
.j-about-box .j-company .j-public-box dt{ height:25px; font:bold 20px/25px ''; border-left:#2b8bf9 4px solid; text-indent:24px; margin-bottom:35px;}
.j-about-box .j-company .j-public-box .j-size dd{ font:16px/32px '';text-indent:24px; padding-left:24px;}
.j-about-box .j-company .j-public-box .j-fr img{ width:532px; height:252px;}
.j-about-box .j-company .j-public-box ul{ padding-left:24px;}
.j-about-box .j-company .j-public-box.j-bottom { padding-bottom:120px;}
.j-about-box .j-company .j-public-box li{ line-height:25px; margin-bottom:20px; font-size:16px;}
.j-about-box .j-company .j-public-box li .j-fl{ width:130px;}
.j-about-box .j-company .j-public-box li .j-explain{ padding-left:140px;}
.j-about-box .j-company .j-public-box li .j-explain .j-time.j-bottom{ margin-bottom:15px;}
.j-about-box .j-company .j-public-box li .j-explain .j-time label{ padding-right:25px;}
.j-about-box .j-company .j-public-box li .j-explain img{ width:120px; height:120px; margin-top:5px;}
/*关于我们 E*/
/*------智能云库 e ---------*/
/*内容区 e*/
/*脚注*/
.j-foot{background:#fff; padding:30px 0; text-align:center; color:#000;}
.j-foot p{ line-height:25px;}
.j-foot a{ color:#000;}