﻿@charset "utf-8";
.poster-link{position: fixed;top:0;left:0;width:100%;height:60px;z-index: 20;background: #f7b013;text-align: center;}
.poster-link img{max-width: 100%;height:100%;min-width:1200px;}
.j-header{position:fixed; left:0; top:0; z-index:22; width:100%; min-width:1200px; height:60px; background:url("../images/pic/bg_header.png") repeat-y left top; background-size:100% 1px;padding:0 80px;}
.j-header-top{top:60px;}
.logo{height:40px; float:left; margin-top:10px;}
.logo > img{height:40px;}
.j-header-r{float:right; line-height:59px;}
.j-nav-bar{display:inline-block;height:60px;vertical-align: top;}
.j-nav-bar li{display:inline-block; font-size: 15px;color:#fff; width:100px; text-align:center;}
.j-nav-bar li a{display:inline-block;height: 60px; color:#fff; border-bottom:1px solid transparent; }
.j-nav-bar li a.on{border-bottom:4px solid #fff;}
.j-header-login{display:inline-block; vertical-align:middle; color:#fff;margin:0 50px 0 100px;}
.j-btn-box {position: absolute;left: 22%;bottom: 25%;}
.j-btn-center {position: absolute;left: 50%;margin-left: -120px;bottom: 33%}
.j-header-btn{display:inline-block; width: 80px;height: 32px;line-height: 32px;vertical-align:middle; background:#fff; color:#fc5f3a; border-radius:16px;text-align: center;}

.j-banner{position:relative; min-width:1200px; z-index:10;}
.j-banner-btn{position:absolute; left:22%; bottom:25%;}
.j-banner-btn.cen{left:50%; margin-left:-120px;  bottom:33%;}
.j-btn{display: inline-block;width:240px; height:50px; line-height:50px; text-align:center; background-color:#fff; color:#fc5f3a; font-size:24px; letter-spacing:2px; border-radius:36px;}
.active-content{width:100%;height:100%;background: #f7b013;text-align: center;margin-top:40px;}
.active-bottom{background: url("../images/pic/active-bg.png") no-repeat #f7b013;text-align: center;}
.active-bottom img{display:block;margin:0 auto 3% auto;}


.im-main01{position:relative; margin-top:-70px; width:100%;}
.jm-title{text-align:center;}
.jm-title span{position:relative;font-size:26px;color: #313131; letter-spacing:2px;}
.jm-title span:after{position:absolute; content:""; width:16px; height:16px; border-radius:20px; right:-30px;
    background: -webkit-linear-gradient(right top, #fb623b , #fbc357);
    background: -o-linear-gradient(bottom left, #fb623b, #fbc357);
    background: -moz-linear-gradient(bottom left, #fb623b, #fbc357);
    background: linear-gradient(to bottom left, #fb623b , #fbc357); }
.jm-subtitle{color:#959595; margin-top:10px; font-size:16px; text-align:center;}
.im-item{position:relative;width:100%; display:table; margin-top: 100px; }
.im-item > div{display:table-cell; vertical-align:middle; width:50%; }
.im-tec-list li:not(:last-child) {margin-bottom: 40px;}
.im-tec-list li{color:#959595;}
.im-tec-list li h4{font-size:22px;}
.im-tec-list li p{font-size:16px; margin-top:10px;}
.im-tec-list li i {display: none;}
.im-more{display:block; width:180px; height:40px; line-height:40px; text-align:center; border:1px solid #fc5f3a; color:#fc5f3a; border-radius:24px; font-size:18px; margin-top:50px;}
.im-bessel01{position:absolute; left:-100px; top:-100px; z-index:-1;}
.im-bessel02{position:absolute; right:-200px; top:50px; z-index:-1;}

.im-item4-list{overflow:hidden;}
.im-item4-list li{width:33.33%; float:left; text-align:center;}
.im-item4-list li h4{margin:40px 0 10px 0; font-size:22px;}
.im-item4-list li p{font-size: 16px; color:#666;}
.trial-wrap{width:100%; height:420px; padding-top:138px; background:url("../images/new-pic/bg_trial.png") no-repeat left top; background-size:cover; text-align:center;}
.trial-wrap>h2{font-size:35px; color:#fff; letter-spacing:2px; margin-bottom:30px;}

.j-footer{background-color:#171e24; border-top:6px solid #fc5f3a; position:relative; margin-top:-1px;}
.j-footer-menu{width:100%; display:table; padding:30px 0 20px 0;}
.j-footer-menu > div{display:table-cell; vertical-align:middle;}
.j-footer-nav >dl{display:inline-block; vertical-align:top; margin-right:40px;}
.j-footer-nav >dl>dt{font-size:14px; color:#fff;}
.j-footer-nav a{display:block; font-size:12px; color:rgba(255,255,255,.6); margin-top:10px;}
.j-footer-nav a:hover{color:#fc5f3a; text-decoration:underline;}

.j-footer-code-item{display:inline-block; margin-left:20px; vertical-align:middle; text-align:center;}
.j-footer-code-item > img{width:110px; height:110px;}
.j-footer-code-item > p{color:#fff; margin-top:10px;}
.j-copyright{padding:20px 0; color: rgba(255,255,255,.6);border-top: 1px solid rgba(255,255,255,.4);overflow:hidden;}

.j-copyright a{color:rgba(255,255,255,.6); margin-left:10px;}
.j-copyright a:hover{color:#fc5f3a; text-decoration:underline;}
.j-footer-angle{position:absolute; left:50%; margin-left:-5px; top:0; width:0;height:0;overflow:hidden;font-size:0;border-width:10px;border-color:#fc5f3a transparent transparent transparent;border-style:solid dashed dashed dashed;}
.friend-link{font-size: 12px;color: rgba(255,255,255,.6);padding-bottom: 20px;}
.more-service-fluid {padding: 77px 0;}
.more-service-fluid .im-item4-list {margin-top: 63px;}
.im-tec-list li.active h4,.im-tec-list li.active p{color: #fc5f3a;}
.im-tec-list li.active i {display: inline-block;}
.tec-div{width: 560px;height: 560px;position: relative;}
.txt-center {text-align: center;}
/*产品中心*/
.banner-container{height: 720px;text-align: center;}
.banner-left {width: 650px;float: left;text-align: left;}
.banner-left .big-title{padding-top:0;letter-spacing: 2px;}
.banner-left .medium-title{margin: 20px 0 100px 0}
.banner-right {position: relative;float: right;width: calc(100% - 650px);height: 510px;}
.big-title{font-size: 52px;color: #fff;padding-top: 220px;letter-spacing: 4px;}
.medium-title{font-size: 24px;color: #fff;letter-spacing: 4px;margin: 20px 0 62px 0;}
.pm-function-list{font-size: 0;overflow:hidden;}
.pm-function-list li{display:inline-block;width:25%; text-align:center; margin:50px 0 0 0;vertical-align: top;}
.pm-function-list li h4{font-size: 18px;color: #313131;margin: 18px 0;}
.pm-function-list li p{color:#666666; font-size:14px;}
.product-fun .swiper-pagination{width: 100%;bottom: -45px; text-align: center;}
.product-fun .swiper-pagination-bullet,.focusBox .swiper-pagination-bullet{width: 7px;height: 7px;opacity: .5;background-color: #9b9999;margin-left: 10px;}
.product-fun .swiper-pagination-bullet-active,.focusBox .swiper-pagination-bullet-active{width: 22px;border-radius: 5px;opacity: 1;}

/*合作渠道*/
.pco-list{overflow:hidden; margin-right:-40px; padding:50px 0;}
.pco-list li{width:258px; float:left; text-align:center; background-color:#fff; margin-right:40px; padding-bottom:40px; -webkit-box-shadow: 5px 5px 15px rgba(252,95,58,.1);-moz-box-shadow:5px 5px 15px rgba(252,95,58,.1);box-shadow:5px 5px 15px rgba(252,95,58,.1);}
.pco-list li h3{font-size:16px; font-weight:bold; margin:30px 0 10px 0;}
.pco-list li p{color:#959595; line-height:1.8;}

/*解决方案*/
.scheme-list{overflow:hidden;  -webkit-box-shadow: 0 0 15px rgba(252,95,58,.1); -moz-box-shadow:0 0 15px rgba(252,95,58,.1); box-shadow:0 0 15px rgba(252,95,58,.1); padding:50px 0 40px 0; margin-top:50px;}
.scheme-list li{width:20%; float:left; text-align:center;}
.scheme-list li h3{font-size:16px; font-weight:bold; margin:30px 0 10px 0;}
.scheme-list li p{color:#959595; line-height:1.8;}

/*帮助中心*/
.help-box{margin-top:80px; padding:50px 0;}
.help-nav{width:260px; float:left; -webkit-box-shadow: 0 0 15px rgba(210,210,210,.2); -moz-box-shadow:0 0 15px rgba(210,210,210,.2); box-shadow:0 0 15px rgba(210,210,210,.2); margin-right:40px; padding:30px 0;}
.help-nav-list{padding-left:50px;}
.help-nav-list dt,.help-nav-list dt a{font-size:18px; height:50px; line-height:50px;}
.help-nav-list dd a{color:#959595;  display:block; height:40px; line-height:40px;}
.help-nav-list dd a:hover,.help-nav-list dt a:hover{color:#fc5f3a;}
.help-wrap{width:900px; float:left;}
.help-title{font-size:18px; font-weight:bold;}
.faq-list dt{font-size:15px; margin-top:20px;}
.faq-list dd{color:#888; margin-top:5px;}

.about-banner{-webkit-box-shadow: 0 0 15px rgba(210,210,210,.5); -moz-box-shadow:0 0 15px rgba(210,210,210,.5); box-shadow:0 0 15px rgba(210,210,210,.5); margin:20px 0;}



/*增长学院*/
.body-medium{background-color: #fff; padding-top: 78px;}
.body-medium .j-container {width: 1100px;}
.college-left{float: left;width: 700px; }
.college-right{float: right;}
.focusBox{position: relative;width: 700px;height: 280px;overflow: hidden;}

.focusBox .txt-panel{position: absolute;bottom: 0;width: 100%;height: 40px;line-height: 40px;background-color: rgba(0,0,0,.7);overflow: hidden;z-index: 9;}
.focusBox ul {transition: all .5s ease-in-out;}
.focusBox ul li {height: 40px;}
.focusBox .txt-panel a{width: 80%;font-size: 18px;color: rgba(255,255,255,.8);padding-left: 5px;}
.focusBox .swiper-pagination {bottom: 0;right: 10px;}
.focusBox .swiper-pagination-bullet-active{background-color: #fff;}
.tab-types {font-size: 0;padding: 28px 0 14px 0;border-bottom: 1px solid #e5e5e5;}
.tab-types > div{display: inline-block; width: 20%;font-size: 18px;color: #313131;cursor: pointer;}
.tab-types > div a.active{color: #fc5f3a;}
.tab-content ul li {font-size: 0;border-bottom: 1px solid #e5e5e5;padding: 20px 0;}
.tab-content ul li > div {display: inline-block;vertical-align: top;}
.article-img{width: 260px;height: 151px;}
.article-img img, .hot-article-list .hot-img img{width: 100%;height: 100%;object-fit: cover;}
.article-content{position: relative ;width: calc(100% - 260px);padding-left: 20px;}
.article-content > h2 {font-size: 18px;color: #313131;}
.article-content .article-des{font-size: 12px;color: #666;margin-top: 10px;}
.article-content .article-bottom {margin-top: 36px;}
.article-content .article-bottom span{font-size: 12px;color: #959595;}
.article-content .article-bottom .time{float: right;}
.loading {width: 112px;height: 27px;line-height: 27px;border: 1px solid #fc5f3a;border-radius: 15px; text-align: center; margin: 40px auto 50px auto; }
.loading span {font-size: 13px;color: #fc5f3a;}
.loading1 {width: 112px;height: 27px;line-height: 27px;border-radius: 15px; text-align: center; margin: 40px auto 50px auto; }
.loading1 span {font-size: 13px;color: #b6b6b6;}
.hot-article{width: 320px;border: 1px solid #e5e5e5;}
.hot-article .hot-title{font-size: 24px;color: #313131;padding: 14px 0;text-align: center;}
.hot-article .article-box{position: relative;width: 260px;height: 150px;margin: 0 auto 15px auto;}
.article-box .article-title {position: absolute;width: 100%;height: 40px;line-height: 40px;bottom: 0;background-color: rgba(0,0,0,.5);}
.article-box .article-title span {font-size: 13px;color: #fff;padding-left: 10px;}
.article-box .hot-flag {position: absolute;left:0 ;top: 10px;width: 60px;height: 24px;line-height: 24px;font-size: 12px;color: #fff;border-radius:0 10px 10px 0 ;background-color: #fc5f3a;text-align: center;}
.article-box .hot-flag i{font-size: 16px;}
.hot-article-list {width: 260px;font-size: 0;margin: 0 auto 30px auto;}
.hot-article-list li:not(:last-child) {margin-bottom: 10px;}
.hot-article-list li > div {display: inline-block;vertical-align: top;}
.hot-article-list .hot-img{width: 104px;position: relative;}
.hot-img .hot-num {position: absolute;display:block;left:0;top:0;width: 20px;height: 14px;line-height: 14px;font-size: 12px;color: #fff;background-color:rgba(0,0,0,.57);text-align: center;}
.hot-article-list .hot-content{width: calc(100% - 104px);padding-left: 10px;}
.hot-content span{font-size: 13px;color: #313131;}
.hot-content p{font-size: 12px;color: #959595;margin-top: 5px;}

/*增长学院 详情*/
.detail-title{font-size: 26px;color: #313131;margin-top: 10px;}
.detail-other{font-size: 16px;color: #959595;margin-top: 30px;}
.detail-content{font-size: 16px;color: #313131;text-align: justify;margin-top: 40px;}
.detail-sub-title{font-size: 20px;color: #313131;margin-top: 30px;}
.wx-icon {position: relative;font-size: 15px; color: #313131;border-bottom: 1px dashed #d2d2d2; margin: 60px 0 28px 0;padding-bottom: 20px;}
.wx-icon .wx-mask{position: absolute;display: none;top: -155px;left: 14px;width: 114px;box-shadow: 0px 2px 20px rgba(0,0,0,.2);background-color: #fff;text-align: center;padding: 10px 0;}
.wx-mask p{font-size: 12px;color: #959595;margin-top: 10px;}
.wx-icon .wxicon{display: inline-block; width: 24px; height: 20px; background: url("../images/new-icon/weixin.png") no-repeat;vertical-align: middle;}
.wx-icon .wxicon:hover + .wx-mask{display: block;}
.recommend-article-list{margin: 0 -13px 20px 0;}
.recommend-article h4{font-size: 15px;color: #313131;margin-bottom: 28px;}
.recommend-article-list li {width: 224px;float: left;margin: 0 13px 0 0;}
.recommend-article-list li > img {width: 100%; height: 128px;object-fit: cover;}
.recommend-article-list .r-title {font-size: 15px;color: #313131;text-align: justify;margin: 10px 0 26px 0;}
.arrow-bottom {position: absolute;left: 50%;margin-left: -4px;bottom: -14px;width: 0;height: 0;overflow: hidden;font-size: 0;border-width: 8px;border-color: #fff transparent transparent transparent;border-style: solid dashed dashed dashed;}

.display-row { display:inline-block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.display-row-2 {display: -webkit-box;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}


/*登录页*/
.bg-login{background:url("../images/pic/bg_login.jpg") no-repeat left top; background-size:100% 100%;}
.login-box{position:fixed; z-index:55; left:50%; margin-left:-185px; top:50%; margin-top:-250px; background-color:#fff; border-radius:6px; width:370px;  padding:30px 0;}
.login-box>img{display:block; margin:0 auto;}
.login-box >h3{font-size:20px; color:#2a3f54; text-align:center; margin-top:20px;}
.login-wrap{padding:0 45px;}
.login-wrap ul li{ margin-top:20px;}
.login-wrap ul li input{display:block; width:100%; height:40px; line-height:40px; padding:0 5px; border:1px solid #ececec; border-radius:2px; margin-top:5px;}
.btn-login{display:block; width:100%; background-color:#fc5f3a; color:#fff; text-align:center; border-radius:3px; height:44px; line-height:44px; letter-spacing:4px; font-size:16px;}
.btn-login:hover,.btn-login:active{opacity:.8;}
.ope-password{overflow:hidden; font-size:12px; margin-top:10px;}
.ope-password >label{float:left;}
.ope-password >label>input{display:inline-block; vertical-align:middle;}
.ope-password >label>span{display:inline-block;  vertical-align:middle; color:#959595;}
.ope-password >p{float:right; color:#959595;}

/*弹出层及侧边栏*/
.j-shade{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.5);z-index:55; display:none;}
.j-modal{width:400px; background-color:#fff; border-radius:6px; margin:100px auto; padding:30px 0;}
.close-modal{padding:0 30px; text-align:right;}
.close-modal > a{display:inline-block; width:24px; height:24px; background:url("../img/icon/icon_close.png") no-repeat left top; background-size:24px;}
.close-modal > a:active{opacity:.6;}
.j-modal-title{color:#fc5f3a; text-align:center; font-size:22px;}
.j-body-code{width:200px; height:200px; margin:20px 0;}
.j-code-p{line-height:2;}

.fixed-slide-bar{position:fixed; right:50px; top:40%; z-index:33; width:70px; height:280px;}
.slide-bar-list{border-radius:6px; overflow:hidden;  background-color:#f8fafb;}
.slide-bar-list li a{display:block; text-align:center; width:70px; height:70px; font-size:12px; padding-top:40px;}
.slide-bar-list li a:hover{background-color:#fc5f3a; color:#fff;}
.slide-bar01{background:url("../images/icon/s1a.png") no-repeat center 12px;}
.slide-bar01:hover{background:url("../images/icon/s1b.png") no-repeat center 12px;}
.slide-bar02{background:url("../images/icon/s2a.png") no-repeat center 12px;}
.slide-bar02:hover{background:url("../images/icon/s2b.png") no-repeat center 12px;}
.slide-bar03{background:url("../images/icon/s3a.png") no-repeat center 12px;}
.slide-bar03:hover{background:url("../images/icon/s3b.png") no-repeat center 12px;}
.slide-bar04{background:url("../images/icon/s4a.png") no-repeat center 12px;}
.slide-bar04:hover{background:url("../images/icon/s4b.png") no-repeat center 12px;}

.slide-modal{background-color:#fff; border-radius:6px; width:250px; padding:30px 0; position:relative; right:280px; }
.slide-modal-title{font-size:20px; color:#fc5f3a; text-align:center; }
.slide-modal-code{width:120px; height:120px; margin:10px 0;}
.slide-code-p{line-height:1.6;}
.slide-modal:before{position:absolute; right:-20px; top:20px; content:""; width:0;  height:0;  border-width:20px 0 20px 30px;  border-style:solid;  border-color:transparent transparent transparent #fff; }
.s-location1{top:-300px;}
.s-location2{top:-220px;}


.friend-link >a {color: rgba(255,255,255,.6);}

