header { width: 100%; height: 94px; background: rgba(255,255,255,.8); position: fixed; top: 0; z-index: 999; }
.clearBox { width: 100%; height: 94px; }
.w1100 { width: 1100px; height: auto; margin: 0 auto; font-family: "微软雅黑"; }
header .topnav { max-width: 1170px; height: 64px; margin: 15px auto; }
.logoBig { width: 29.91453%; height: 100%; float: left; }
.logoBig a { display: block; width: 100%; height: 100%; }
.logoBig img { width: 100%; height: 100%; }
.navRight { width: 45.299145%; height: 100%; float: left; margin-left: 20px; }
.navRight li { width: 15%; height: 100%; text-align: center; line-height: 64px; font-size: 15px; float: left; position: relative; }
.navRight li a { display: block; width: 100%; height: 100%; text-decoration: none; color: #111; }
.navRight li:hover { background: #3ea3ff; }
.loginBox { width: 19.65812%; height: 100%; float: right; }
.loginBox li { width: 40%; height: 100%; text-align: center; line-height: 32px; font-size: 15px; float: left; }
.loginBox li:nth-of-type(1) { margin-right: 10%; }
.loginBox li a { display: block; width: 100%; height: 50%; text-decoration: none; color: #fff; margin-top: 15%; border-radius: 5px; }
.iphoneTitle { text-align: center; line-height: 64px; font-size: 16px; color: #fff; display: none; }
.iphoneCaidan { width: auto; height: 100%; position: absolute; top: 0; right: 30px; display: none; }
.iphoneCaidan li { width: 6px; height: 6px; border-radius: 50%; background: #fff; float: left; margin: 29px 3px; }
.twoBox { width: 100%; height: 120%; background: red; position: absolute; left: 0; top: 64px; background: rgba(255,255,255,0.8); display: none; }
.twoBox li { width: 100%; height: 50%; text-align: center; line-height: 38.4px; }
.twoBox li:hover { background: #38ceff; }
.iphoneNavRight { width: 30%; height: 200px; position: absolute; right: 0; top: 64px; background: rgba(0,0,0,.5); display: none; }
.iphoneNavRight li { width: 100%; height: 20%; text-align: center; line-height: 40px; font-size: 15px; border-bottom: 1px solid #ccc; position: relative; }
.iphoneNavRight li:nth-last-of-type(1) { border: none; }
.iphoneNavRight li a { display: block; width: 100%; height: 100%; text-decoration: none !important; color: #fff; }
.iphoneTwoBox { width: 100%; height: 200%; background: rgba(0,0,0,.5); position: absolute; left: -100%; top: 0; display: none; }
.iphoneTwoBox li { width: 100%; height: 50%; text-align: center; line-height: 40px; font-size: 15px; border-bottom: 1px solid #ccc; }
.iphoneTwoBox li:nth-last-of-type(1) { border: none; }

@media screen and (max-width: 768px) {
    .logoBig, .loginBox, .navRight { display: none; }
    header { height: 64px; background: #3ea3ff; position: absolute; left: 0; top: 0; }
    .clearBox { width: 100%; height: 64px; }
    .topnav { margin: 0 !important; }
    .iphoneTitle, .iphoneCaidan { display: block; }
}

.bannerBox { width: 100%; height: auto; position: relative; }
.bannerBox img { width: 100%; }
.bannerBox a { display: block; width: 210px; height: 50px; position: absolute; left: 0; right: 0; margin: auto; bottom: 10%; z-index: 100; border-radius: 5px; background: #10657A; text-align: center; line-height: 50px; font-size: 18px; color: #fff; text-decoration: none; }

@media screen and (max-width: 768px) {
    .bannerBox .banner a { width: 180px; height: 40px; font-size: 15px; line-height: 40px; }
}

.indexText { margin: 40px auto 0; text-align: center; font-size: 18px; font-weight: bold; }
.indexSmall { margin: 0 auto; text-align: center; font-size: 15px; margin-bottom: 20px; }
.indexTitle { width: 175px; height: 18px; background: url(../img/indextitle.png); background-size: cover; margin: auto; }
.chenpin { height: 300px; }
.chenpin img { width: 100%; height: 100%; }
.chenpin p:nth-of-type(1) { margin-top: 30px; }
.chenpin p { margin-bottom: 50px; font-size: 15px; }
.chenpin p span { font-size: 16px; font-weight: bold; }
.shiyong { height: 88px; position: relative; }
.shiyong img { width: 88px; position: absolute; left: 0; top: 0; }
.shiyong p:nth-of-type(1) { font-size: 15px; font-weight: 500; position: absolute; left: 95px; top: 10px; }
.shiyong p:nth-of-type(2) { font-size: 14px; position: absolute; left: 95px; top: 40px; }
.ml1 { max-width: 1170px; height: auto; margin: 20px auto; }
.ml1 img { width: 100%; }
.fengfu { height: 150px; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 10px; }
.fengfu img { display: block; margin: 7px auto; width: 115px; }
.d-chakan { width: 700px; margin: 20px auto; height: 45px; }
.d-chakan a:nth-of-type(1) { display: block; width: 45%; height: 100%; background: #3da4fe; border-radius: 5px; text-align: center; line-height: 45px; font-size: 16px; text-decoration: none; color: #fff; float: left; }
.d-chakan a:nth-of-type(2) { display: block; width: 45%; height: 100%; background: #fe5b5f; border-radius: 5px; text-align: center; line-height: 45px; font-size: 16px; text-decoration: none; color: #fff; float: right; }

@media screen and (max-width: 768px) {
    .d-chakan { display: none; }
}

.d-center { margin: 5px auto; text-align: center; font-size: 15px; }
.d-sico { max-width: 1170px; height: auto; margin: 5px auto; }
.d-sico img { width: 100%; }
.fuwuTitle { max-width: 1170px; margin: auto; font-size: 18px; font-weight: 500; }
.fuwuText { max-width: 1170px; margin: 10px auto; font-size: 16px; }

@media screen and (max-width: 768px) {
    .fuwuTitle, .fuwuText { width: 90%; }
}
/*企业咨询*/
.ml-neikuang { max-width: 1170px; height: 0; margin: auto; padding-top: 40px; position: relative; }
.ml-neikuang ul.ml-tab { width: 100%; height: 60px; }
.ml-neikuang ul.ml-tab li { width: 33%; height: 60px; line-height: 60px; text-align: center; float: left; background: #2fa7fd; margin-right: 0.333333333333%; cursor: pointer; }
.ml-neikuang ul.ml-tab li.active { background: #0c6eb5; color: #fff; }
.ml-neikuang .ml-box { width: 100%; position: absolute; top: 140px; left: 0; display: none; }
.ml-neikuang .ml-box .ml-smallBox { width: 100%; height: auto; padding: 20px; border: 1px solid #ccc; overflow: hidden; margin-bottom: 30px; }
.ml-neikuang .ml-box .ml-smallBox .img { width: 194px; height: 153px; float: left; }
.ml-neikuang .ml-box .ml-smallBox .wenzi { width: 736px; height: auto; float: left; margin-left: 20px; }
.ml-neikuang .ml-box .ml-smallBox .wenzi p:nth-of-type(1) { font-weight: bold; font-size: 20px; }
.ml-neikuang .ml-box .ml-smallBox .riqi { width: 60px; float: right; }
.ml-neikuang .ml-box .ml-smallBox .riqi p { text-align: center; color: #9D9D9D; }
.ml-neikuang .ml-box .ml-smallBox .riqi p:nth-of-type(1) { font-weight: 600; font-size: 25px; border-bottom: 1px solid #ccc; }

@media only screen and (max-width: 1170px) {
    .ml-neikuang { padding-left: 0.3rem; padding-right: 0.3rem; }
    .ml-neikuang .ml-box .ml-smallBox .img { float: none; margin: auto; }
    .ml-neikuang .ml-box .ml-smallBox .wenzi { width: 100%; margin-left: 0; }
    .ml-neikuang .ml-box .ml-smallBox .wenzi p:nth-of-type(1) { font-size: 16px; }
    .ml-neikuang .ml-box .ml-smallBox .riqi { width: 100px; }
    .ml-neikuang .ml-box .ml-smallBox .riqi p { float: left; }
    .ml-neikuang .ml-box .ml-smallBox .riqi p:nth-last-of-type(1) { padding-top: 10px; margin-left: 10px; }
}
/*企业咨询-内*/
.ml-neikuang1 { max-width: 1170px; height: auto; margin: auto; padding-top: 40px; overflow: hidden; }
.ml-neikuang1 .left { float: left; width: 770px; }
.ml-neikuang1 .left p.biaoti { font-weight: bold; font-size: 17px; text-align: center; }
.ml-neikuang1 .right { float: right; width: 300px; border: 1px solid #ccc; padding: 40px 20px 0; }
.ml-neikuang1 .right p.biaoti, .ml-neikuang1 .right .cpjj .wenzi p.biaoti { font-weight: 600; font-size: 15px; }
.ml-neikuang1 .right .cpjj { width: 100%; height: auto; overflow: hidden; }
.ml-neikuang1 .right .cpjj .img { width: 20%; border-radius: 50%; float: left; }
.ml-neikuang1 .right .cpjj .img img { width: 100%; height: 100%; border-radius: 50%; }
.ml-neikuang1 .right .cpjj .wenzi { width: 70%; float: right; }

@media only screen and (max-width: 1170px) {
    .ml-neikuang1 .left, .ml-neikuang1 .right { width: 100%; }
    .ml-neikuang1 { padding: 40px 0.3rem 0; }
}

/**产品介绍开始**/
.product { max-width: 1170px; height: auto; margin: auto; padding-top: 40px; overflow: hidden; }
.product ul img { float: left; }
.product li { list-style: none; margin: 0px; padding: 0px; border: 0px none; outline: none 0px; vertical-align: baseline; float: left; line-height: 30px; }
.product ul li h1 { float: left; font-size: 24px; color: #464646; font-weight: normal; margin: 20px 45px 0 15px; }

.product ul li p { font-size: 14px; }
/**更多方法**/
.methodDiv { border-top: 1px solid #dddddd; margin-top: 20px; }

.method_ico { margin-top: 68px; float: left; padding-right: 20px; }

.method { float: left }

.method h1 { color: #464646; font-size: 30px; font-weight: normal; margin-top: 60px; border-bottom: 1px solid #f0f0f0; width: 380px; margin-left: 20px; }

.method p { font-size: 12px; margin-left: 30px; line-height: 30px; color: #464646; padding-top: 10px; }

.method p a { font-size: 12px; margin-left: 30px; line-height: 30px; color: #096cb8; padding-top: 10px; float: right }

.method_icor { float: right; margin-top: 45px; }
/**交流方式**/
.exchange_ico { margin-top: 68px; float: left; padding-right: 20px; }

.exchange { float: left; }

.exchange h1 { color: #464646; font-size: 30px; font-weight: normal; margin-top: 60px; border-bottom: 1px solid #f0f0f0; width: 380px; margin-left: 20px; }

.exchange p { font-size: 12px; margin-left: 30px; line-height: 30px; color: #464646; }

.exchange p a { font-size: 12px; margin-left: 30px; line-height: 30px; color: #096cb8; padding-top: 10px; float: right }

.exchange_icor { float: right; margin-top: 92px; }
/**数据分析**/
.data_ico { margin-top: 100px; float: left; padding-right: 20px; }

.data { float: left; }

.data h1 { color: #464646; font-size: 30px; font-weight: normal; margin-top: 60px; border-bottom: 1px solid #f0f0f0; width: 380px; margin-left: 20px; }

.data p { font-size: 12px; margin-left: 30px; line-height: 30px; color: #464646; }

.data p a { font-size: 12px; margin-left: 30px; line-height: 30px; color: #096cb8; padding-top: 10px; float: right }

.data_icor { float: right; margin-top: 92px; margin-left: 101px; }
/**历史查询**/
.history_ico { margin-top: 100px; float: left; padding-right: 20px; }

.history { float: left; }

.history h1 { color: #464646; font-size: 30px; font-weight: normal; margin-top: 60px; border-bottom: 1px solid #f0f0f0; width: 380px; margin-left: 20px; }

.history p { font-size: 12px; margin-left: 30px; line-height: 30px; color: #464646; }

.history p a { font-size: 12px; margin-left: 30px; line-height: 30px; color: #e95527; padding-top: 10px; float: right }

.history_icor { float: right; margin-top: 92px; margin-left: 101px; }
/**技术优势**/
.bottomBox { border-top: 1px solid #f0f0f0; margin-top: 100px; }

.technologyDiv h1 { font-size: 24px; color: #464646; font-weight: normal; margin-top: 15px; width: 500px; }

.technology_ico { float: left; margin-top: 30px; }

.technology { float: left; }

.technology h1 { font-size: 18px; color: #464646; font-weight: normal; margin: 23px 0 0 20px; }

.technology p { font-size: 12px; line-height: 24px; }

.updateDiv h1 { font-size: 24px; color: #464646; font-weight: normal; margin-top: 15px; }

.update { margin-top: 15px; width: 500px; float: left; border-bottom: 1px dashed #f0f0f0; padding-bottom: 10px; }

.update a { font-size: 12px; color: #646464; line-height: 30px; text-decoration: none; }

.update a:hover { color: #0089d1; }

.update2 { margin-top: 15px; width: 500px; float: left; border-bottom: 1px dashed #f0f0f0; }

.update2 a { font-size: 12px; color: #646464; line-height: 30px; text-decoration: none; }

.update2 a:hover { color: #0089d1; }

@media screen and (max-width: 768px) {
    .product { display: none; }
    .methodDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .method_ico { display: none; }

    .method { float: left; width: 100%; }

    .method h1 { width: 330px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -170px; position: relative; }

    .method p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .method_icor { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .method_icor img { width: 300px; left: 0px; }

    /**交流方式**/
    .exchangeDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .exchange_ico { display: none; }

    .exchange { float: left; width: 100%; }

    .exchange h1 { width: 330px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -170px; position: relative; }

    .exchange p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .exchange_icor { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .exchange_icor img { width: 300px; left: 0px; }

    /**数据分析**/
    .dataDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .data_ico { display: none; }

    .data { float: left; width: 100%; }

    .data h1 { width: 330px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -170px; position: relative; }

    .data p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }


    .data_icor { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .data_icor img { width: 300px; left: 0px; }

    /**历史查询**/
    .statisticsDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .history_ico { display: none; }

    .history { float: left; width: 100%; }

    .history h1 { width: 330px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -170px; position: relative; }

    .history p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }


    .history_icor { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .history_icor img { width: 300px; left: 0px; }

    /**技术优势**/
    .bottomBox { border-top: 1px solid #f0f0f0; margin-top: 100px; }

    .technologyDiv h1 { font-size: 24px; color: #464646; font-weight: normal; margin-top: 15px; width: 500px; }

    .technology_ico { float: left; margin-top: 30px; }

    .technology { float: left; }

    .technology h1 { font-size: 18px; color: #464646; font-weight: normal; margin: 23px 0 0 20px; }

    .technology p { font-size: 12px; line-height: 24px; }

    .updateDiv h1 { font-size: 24px; color: #464646; font-weight: normal; margin-top: 15px; }

    .update { margin-top: 15px; width: 500px; float: left; border-bottom: 1px dashed #f0f0f0; padding-bottom: 10px; }

    .update a { font-size: 12px; color: #646464; line-height: 30px; text-decoration: none; }

    .update a:hover { color: #0089d1; }

    .update2 { margin-top: 15px; width: 500px; float: left; border-bottom: 1px dashed #f0f0f0; }

    .update2 a { font-size: 12px; color: #646464; line-height: 30px; text-decoration: none; }

    .update2 a:hover { color: #0089d1; }
    .w1100 { width: 100% }
}
/**产品介绍结束**/

/**product1**/
.bantou { height: 130px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; }

.bantou h1 { margin-top: 0px; text-align: center; line-height: 130px; font-size: 30px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }

.flowDiv { margin-top: 27px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

.flow img { float: left; }

.flow span { float: left; margin: 10px 0 0 35px; font-size: 12px; color: #474747; line-height: 25px; }

.flow_ico { margin-left: 224px; }


/**主动邀请**/
.please { float: left; }

.please h1 { margin: 125px 0 0 70px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.please p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 70px; }

.please_ico { float: left; margin: 80px 0 0 60px; }
/**直接对话**/
.direct_ico { float: left; margin: 100px 0 0 145px; }

.direct { float: left; }

.direct h1 { margin: 156px 0 0 135px; font-size: 30px; color: #323232; font-weight: normal; width: 393px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.direct p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 135px; }
/**咨询图标**/
.icon { float: left; }

.icon h1 { margin: 125px 0 0 70px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.icon p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 70px; }

.icon_ico { float: left; margin: 70px 0 0 60px; }
/**免费回拨**/
.callback_ico { float: left; margin: 100px 0 0 80px; }

.callback { float: left; }

.callback h1 { margin: 156px 0 0 135px; font-size: 30px; color: #323232; font-weight: normal; width: 393px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.callback p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 135px; }
/**自动分配**/
.allot { float: left; }

.allot h1 { margin: 163px 0 0 70px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.allot p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 70px; }

.allot_ico { float: left; margin: 110px 0 0 60px; }
/**访客名片**/
.p_visitor_ico { float: left; margin: 116px 0 0 15px; }

.p_visitor { float: right; }

.p_visitor h1 { margin: 185px 0 0 0px; font-size: 30px; color: #323232; font-weight: normal; width: 393px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.p_visitor p { font-size: 12px; color: #747474; line-height: 30px; }
/**快捷回复**/
.shortcut { float: left; }

.shortcut h1 { margin: 155px 0 0 60px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.shortcut p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 60px; }

.shortcut_ico { float: right; margin-top: 167px; }

@media screen and (max-width: 768px) {
    .bantou { height: 80px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; }

    .bantou h1 { margin-top: 0px; text-align: center; line-height: 80px; font-size: 20px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }

    .flowDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .flow img { display: none; }

    .flow span { float: left; margin: 10px 10px 0 10px; font-size: 12px; color: #474747; line-height: 25px; }

    .flow_ico { position: relative; left: -250px; margin-left: 50%; }
    .flow_ico img { width: 300px; left: -130px; margin-left: 50%; }

    /**主动邀请**/
    .pleaseDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .please { float: left; width: 100%; }

    .please h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .please p { width: 300px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -100px; position: relative; }

    .please_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }
    .please_ico img { width: 300px; left: 0px; }

    /**直接对话**/
    .directDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .direct { float: left; width: 100%; margin: -480px 0 0 0; position: relative; }

    .direct h1 { width: 130px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }
    .direct p { width: 400px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }
    .direct_ico { float: left; width: 300px; float: left; left: -150px; margin: 200px 0 0 50%; position: relative; }


    /**咨询图标**/
    .iconDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .icon { float: left; width: 100%; }

    .icon h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .icon p { width: 300px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -150px; position: relative; }

    .icon_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .icon_ico img { width: 300px; left: 0px; }

    /**免费回拨**/
    .callbackDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .callback { float: left; width: 100%; margin: -380px 0 0 0; position: relative; }

    .callback h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -80px; position: relative; }

    .callback p { width: 400px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -170px; position: relative; }
    .callback_ico { float: left; width: 300px; float: left; left: -150px; margin: 200px 0 0 50%; position: relative; }
    .callback_ico img { width: 300px; left: 0px; }

    /**自动分配**/
    .allotDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .allot { float: left; width: 100%; }

    .allot h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .allot p { width: 320px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -150px; position: relative; }

    .allot_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .allot_ico img { width: 300px; left: 0px; }

    /**访客名片**/
    .p_visitorDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .p_visitor { float: left; width: 100%; margin: -440px 0 0 0; position: relative; }

    .p_visitor h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -80px; position: relative; }

    .p_visitor p { width: 400px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -170px; position: relative; }
    .p_visitor_ico { float: left; width: 300px; float: left; left: -150px; margin: 230px 0 0 50%; position: relative; }

    .p_visitor_ico img { width: 300px; left: 0px; }


    /**快捷回复**/
    .shortcutDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .shortcut { float: left; width: 100%; }

    .shortcut h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .shortcut p { width: 320px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -130px; position: relative; }

    .shortcut_ico { width: 300px; float: left; left: -150px; margin: 10px 0 10px 50%; position: relative; }

    .shortcut_ico img { width: 300px; left: 0px; }
}




/**product2**/
.bantou2 { height: 130px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; margin-top: 0px; }

.bantou2 h1 { margin-top: 0px; text-align: center; line-height: 130px; font-size: 30px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }
.flowBox { margin-top: 27px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

.flow_Box img { float: left; }

.flow_Box span { margin-left: 35px; font-size: 12px; color: #474747; line-height: 25px; text-align: left; float: left; width: 700px; }

.liuchang2_ico { float: left; margin: 30px 0 0 220px; }
/**访客留言**/
.leave { float: left; }

.leave h1 { margin-top: 140px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.leave p { font-size: 12px; color: #747474; line-height: 30px; }

.leave_ico { float: left; margin: 93px 0 0 133px; }
/**输入早知道**/
.import_ico { float: left; margin: 20px 0 0 15px; }

.import { float: right; }

.import h1 { margin-top: 140px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.import p { font-size: 12px; color: #747474; line-height: 30px; }
/**屏幕截图**/
.screen { float: left; }

.screen h1 { margin: 150px 0 0 70px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.screen p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 70px; }

.screen_ico { float: left; float: left; margin: 93px 0 0 60px; }
/**语言视频交流**/
.voice_ico { float: left; margin: 80px 0 0 84px; }

.voice { float: right; }

.voice h1 { margin-top: 140px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.voice p { font-size: 12px; color: #747474; line-height: 30px; }
/**电子白板**/
.whiteboard { float: left; }

.whiteboard h1 { margin: 150px 0 0 70px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.whiteboard p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 70px; }

.whiteboard_ico { float: left; float: left; margin: 93px 0 0 94px; }
/**机器人客服**/
.robot_ico { float: left; margin: 50px 0 0 100px; }

.robot { float: left; margin-left: 80px; }

.robot h1 { margin-top: 140px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; }

.robot p { font-size: 12px; color: #747474; line-height: 30px; }

@media screen and (max-width: 768px) {
    .bantou2 { height: 100px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; }

    .bantou2 h1 { width: 100%; margin-top: 0px; padding-top: 10px; text-align: center; line-height: 40px; font-size: 24px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }


    .flowBox { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .flow_Box img { display: none; }

    .flow_Box span { width: 330px; float: left; margin: 20px 0 0 50%; font-size: 16px; color: #474747; line-height: 25px; left: -160px; position: relative; }

    .liuchang2_ico { position: relative; left: -300px; margin-left: 50%; }
    .liuchang2_ico img { width: 300px; left: -150px; margin-left: 50%; }
    /**访客留言**/
    .leaveDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .leave { float: left; width: 100%; }

    .leave h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .leave p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .leave_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .leave_ico img { width: 300px; left: 0px; }
    /**输入早知道**/
    .importDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }

    .import { float: left; width: 100%; margin: -350px 0 0 0; position: relative; }

    .import h1 { width: 150px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .import p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }
    .import_ico { float: left; width: 300px; float: left; left: -150px; margin: 140px 0 0 50%; position: relative; }
    .import_ico img { width: 300px; left: 0px; }
    /**屏幕截图**/
    .screenDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .screen { float: left; width: 100%; }

    .screen h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .screen p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -150px; position: relative; }

    .screen_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .screen_ico img { width: 300px; left: 0px; }

    /**语言视频交流**/
    .voiceDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }


    .voice { float: left; width: 100%; margin: -510px 0 0 0; position: relative; }

    .voice h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -80px; position: relative; }

    .voice p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .voice_ico { float: left; width: 300px; float: left; left: -150px; margin: 250px 0 0 50%; position: relative; }

    .voice_ico img { width: 300px; left: 0px; }

    /**电子白板**/
    .whiteboardDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .whiteboard { float: left; width: 100%; }

    .whiteboard h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .whiteboard p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -150px; position: relative; }

    .whiteboard_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .whiteboard_ico img { width: 300px; left: 0px; }

    /**机器人客服**/
    .robotDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }


    .robot { float: left; width: 100%; margin: -450px 0 0 0; position: relative; }

    .robot h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -80px; position: relative; }

    .robot p { width: 340px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }
    .robot_ico { float: left; width: 300px; float: left; left: -150px; margin: 200px 0 0 50%; position: relative; }

    .robot_ico img { width: 300px; left: 0px; }
}

/**product3**/
.bantou3 { height: 130px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; margin-top: 0px; }

.bantou3 h1 { margin-top: 0px; text-align: center; line-height: 130px; font-size: 30px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }
.liuchang3_ico { margin: 30px 0 0 300px; }
/**流量统计**/
.statistics { float: left; }

.statistics h1 { margin-top: 110px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.statistics p { font-size: 12px; color: #747474; line-height: 30px; }

.statistics_ico { float: left; float: left; margin: 50px 0 0 116px; }
/**邀请对话统计**/
.dialogue_ico { float: left; margin: 110px 0 0 58px; }

.dialogue { float: right; }

.dialogue h1 { margin-top: 140px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.dialogue p { font-size: 12px; color: #747474; line-height: 30px; }
/**对话统计**/
.duihua { float: left; }

.duihua h1 { margin-top: 110px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.duihua p { font-size: 12px; color: #747474; line-height: 30px; }

.duihua_ico { float: left; float: left; margin: 74px 0 0 116px; }
/**接待员考核**/
.jiedai_ico { float: left; margin: 57px 0 0 50px; }

.jiedai { float: left; }

.jiedai h1 { margin: 95px 0 0 88px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.jiedai p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 88px; }

@media screen and (max-width: 768px) {
    .bantou3 { height: 100px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; }

    .bantou3 h1 { width: 100%; margin-top: 0px; padding-top: 10px; text-align: center; line-height: 40px; font-size: 24px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }

    .flow_Box img { display: none; }
    .liuchang3_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .liuchang3_ico img { width: 300px; }
    /**流量统计**/
    .statisticsDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .statistics { float: left; width: 100%; }

    .statistics h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .statistics p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .statistics_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }
    .statistics_ico img { width: 300px; left: 0px; }

    /**邀请对话统计**/
    .dialogueDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }


    .dialogue { float: left; width: 100%; margin: -440px 0 0 0; position: relative; }

    .dialogue h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -90px; position: relative; }

    .dialogue p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }
    .dialogue_ico { float: left; width: 300px; float: left; left: -150px; margin: 280px 0 0 50%; position: relative; }

    .dialogue_ico img { width: 300px; left: 0px; }

    /**对话统计**/
    .duihuaDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .duihua { float: left; width: 100%; }

    .duihua h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .duihua p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .duihua_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .duihua_ico img { width: 300px; left: 0px; }

    /**接待员考核**/
    .jiedaiDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }


    .jiedai { float: left; width: 100%; margin: -440px 0 0 0; position: relative; }

    .jiedai h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -90px; position: relative; }

    .jiedai p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .jiedai_ico { float: left; width: 300px; float: left; left: -150px; margin: 240px 0 0 50%; position: relative; }

    .jiedai_ico img { width: 300px; left: 0px; }
}
/**product4**/
.bantou4 { height: 130px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; margin-top: 0px; }

.bantou4 h1 { margin-top: 0px; text-align: center; line-height: 130px; font-size: 30px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }
.liuchang4_ico { margin: 20px 0 0 200px; }
/**快速查询**/
.query { float: left; }

.query h1 { margin: 115px 0 0 80px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.query p { font-size: 12px; color: #747474; line-height: 30px; margin-left: 80px; }

.query_ico { float: left; float: left; margin: 82px 0 0 43px; }
/**不限查询时段**/
.time_ico { float: left; margin: 145px 0 0 60px; }

.time { float: right; }

.time h1 { margin-top: 235px; font-size: 30px; color: #323232; font-weight: normal; width: 371px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.time p { font-size: 12px; color: #747474; line-height: 30px; }
/**高级条件查询**/
.expert { float: left; }

.expert h1 { margin-top: 200px; font-size: 30px; color: #323232; font-weight: normal; width: 444px; border-bottom: 1px solid #f0f0f0; padding-bottom: 5px }

.expert p { font-size: 12px; color: #747474; line-height: 30px; }

.expert_ico { float: left; float: left; margin: 140px 0 0 135px; }

@media screen and (max-width: 768px) {
    .bantou4 { height: 100px; width: 100%; background: url(../images/bantou.png) no-repeat center; position: relative; z-index: 1; }

    .bantou4 h1 { width: 100%; margin-top: 0px; padding-top: 10px; text-align: center; line-height: 40px; font-size: 24px; color: #0089d1; font-weight: normal; font-family: "微软雅黑"; }

    .flow_Box img { display: none; }

    .liuchang4_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .liuchang4_ico img { width: 300px; left: 0px; }
    /**快速查询**/
    .queryDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .query { float: left; width: 100%; }

    .query h1 { width: 130px; margin: 20px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -60px; position: relative; }

    .query p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .query_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .query_ico img { width: 300px; left: 0px; }

    /**不限查询时段**/
    .timeDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }


    .time { float: left; width: 100%; margin: -400px 0 0 0; position: relative; }

    .time h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -90px; position: relative; }

    .time p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }
    .time_ico { float: left; width: 300px; float: left; left: -150px; margin: 250px 0 0 50%; position: relative; }

    .time_ico img { width: 300px; left: 0px; }

    /**高级条件查询**/
    .expertDiv { margin-top: 1px; border-bottom: 1px solid #f0f0f0; padding-bottom: 50px; }
    .expert { float: left; width: 100%; }

    .expert h1 { width: 200px; margin: 10px 0 0 50%; font-size: 30px; color: #323232; font-weight: normal; padding-bottom: 5px; border-bottom: 0px solid #f0f0f0; left: -90px; position: relative; }

    .expert p { width: 330px; margin: 0 0 0 50%; font-size: 16px; color: #747474; line-height: 30px; left: -160px; position: relative; }

    .expert_ico { width: 300px; float: left; left: -150px; margin: 10px 0 0 50%; position: relative; }

    .expert_ico img { width: 300px; left: 0px; }
}

/*注册*/
.login-box-ml { max-width: 1170px; height: auto; margin: auto; padding: 30px 5%; background: #fff; margin-top: 2%; width: 600px; box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%); border-radius: 4px; }

@media only screen and (max-width: 768px) {
    .login-box-ml { width: 90%; }
}

.login-box-ml p.ml-login { font-weight: bold; font-size: 24px; text-align: center; margin: 40px 0 40px 0; }


.login-box-ml .form-group .ml-yanzheng { width: 30%; height: 34px; position: absolute; right: 0; top: 0; background: red; }

.login-box-ml .form-group .ml-yanzheng p { text-align: center; position: absolute; left: 0; right: 0; bottom: -18px; margin: auto; cursor: pointer; }

.login-box-ml .form-group .ml-yanzheng.ml-hq { background: #fff; line-height: 34px; text-align: center; border: 1px solid #ccc; cursor: pointer; }

.login-box-ml .form-group p button { width: 80% }
.login-box-ml #req1 { display: block; width: 100%; }
.login-box-ml #req2 { display: none; height: 400px; }
.login-box-ml #req2 h1 { text-align: center; margin: 40px 0 60px 0; }
.login-box-ml #req2 p { margin: 40px 0 60px 0; text-align: center; }
.login-box-ml .form-group #protocol { font-size: 12px; color: #999999; font-weight: 400; text-align: center; padding-top: 19px; }

/*2-1产品 在线客服*/
.ml-neikuang2 { max-width: 1170px; height: auto; margin: auto; }

.ml-neikuang2 .box { width: 100%; height: auto; padding-top: 15px; }

.ml-neikuang2 .box p:nth-of-type(1) { text-align: center; font-weight: 600; font-size: 16px; }

.ml-neikuang2 .box p:nth-of-type(2) { color: #5d5d5d; text-align: center; font-size: 14px; }

.ml-neikuang2 .box p:nth-of-type(3) { text-align: center; }

.ml-neikuang2 .box p:nth-of-type(3) a { font-size: 14px; text-decoration: underline; }

.ml-neikuang2 .box img { width: 100%; }
/*产品文档*/
.d2-text { height: 60px; border-bottom: 1px solid #ccc; box-sizing: border-box; line-height: 60px; text-align: center; }

.d2-title { background: #3ea3ff; border-left: 5px solid #fee566; box-sizing: border-box; border-bottom: none; font-size: 24px; color: #fff; font-weight: bold; text-align: left; }

.d2-title a { color: #fff; text-decoration: none; }

.d2-Smalltext { height: 60px; line-height: 60px; font-size: 15px; text-align: center; }

.d2-Smalltext a { color: #111; text-decoration: none; }

.d2-border { border-right: 1px dashed #ccc; box-sizing: border-box; }

.leftNavFixed { width: 120px; height: auto; position: fixed; top: 100px; left: 100px; z-index: 100; display: none; }

.leftNavFixed li { width: 100%; height: 40px; font-size: 16px; line-height: 40px; border-left: 3px solid #ccc; box-sizing: border-box; }

.leftNavFixed li a { color: #111; text-decoration: none; padding-left: 10px; }

.leftNavSmall { width: 94%; height: auto; margin: 20px auto 0; display: none; }

.leftNavSmall li { width: 45%; height: 40px; float: left; margin-right: 5%; text-align: center; margin-bottom: 12px; border: 1px solid #309cff; box-sizing: border-box; line-height: 40px; font-size: 16px; }

.leftNavSmall li a { display: block; width: 100%; height: 100%; color: #309cff; }

@media only screen and (max-width: 768px) {
    .leftNavFixed { display: none !important; }

    .leftNavSmall { display: block; }
}
/*帮助中心开始*/
.g-banner { font-size: 22px; background: url(../img/helpBanner.png) no-repeat center; padding: 35px 10% 70px; }

.helptitle { text-align: center; font-size: 40px; color: #fff; margin: 0 15px; }

.g-search { text-align: center; }

form { display: block; margin-top: 0; }

#query { width: 71.4%; padding: 13px 2.7em 14px 45px; border-radius: 6px; box-shadow: -10px 1px 25px #48609d; -moz-box-shadow: -10px 1px 25px #48609d; -webkit-box-shadow: -10px 1px 25px #48609d; background: #fff url(https://qn-public.udesk.cn/searchIco-1471607947.png) no-repeat 20px 18px; }

.g-banner input[type="submit"] { box-shadow: 10px 1px 25px #48609d; font-size: 1.6rem; display: inline-block; left: -20px; background: #ffc80a; border-color: transparent; color: #FFF; border: 1px solid #3ea3ff; cursor: pointer; position: relative; vertical-align: middle; white-space: nowrap; padding: 14px 52px; border-radius: 0px 6px 6px 0px; }

.g-link ul { height: 100%; width: 917px; margin: 0 auto; text-align: center; }

.g-link ul li { display: inline-block; width: 32%; height: 100%; }

.g-link ul li div { width: 93%; padding: 32px 11%; margin: 90px auto; border: 1px solid #d9dde6; text-align: center; box-shadow: 0px 0px 45px #d9dde6; }

.g-link li div a { display: block; padding: 9px; font-size: 18px; margin-top: 25px; color: #000; border: 1px solid #dadee7; border-radius: 25px; text-decoration: none; }

.g-link li div a:hover { background: #0093FF; color: #fff; }

.titleHelp { line-height: 1.5; }

.g-select { width: 100%; display: inline-block; vertical-align: top; padding: 0 20px; }

.category { overflow: hidden; background: #fff; margin: 16px auto; width: 876px; }

.category a { text-decoration: none !important; }

.category h2 { border-radius: 4px; font-size: 16px; padding: 18px; margin: 0px; border: 1px solid #d3dce5; background: url(../img/bottom.png) no-repeat 835px 26px; }

.category h2 a { color: inherit; }

.category .section { float: left; padding: 25px 0 25px 77px; vertical-align: top; width: 47%; }

.category .section h3 { border-bottom: 1px solid #e0e3e6; font-size: 16px; padding-bottom: 9px; margin: 10px 0 15px; text-transform: uppercase; color: #555; }

.article-list li { margin-bottom: 10px; }

.article-list a { padding-left: 16px; color: #3a87ec; background: url(https://qn-public.udesk.cn/helpLine-1471933431.png) no-repeat left; }

.see-all-articles { display: inline-block; font-size: 14px; padding-left: 16px; color: #888; }
/*帮助中心结束*/


@media (max-width: 414px) {
    .g-banner input[type="submit"] { font-size: 14px; padding: 1.2rem; }
}

@media (max-width: 640px) {
    .titleHelp hr { width: 28% !important; }

    .titleHelp h1 { width: 40% !important; font-size: 22px !important; }
}

@media only screen and (max-width: 1170px) {
    * { /*font-size: 2rem;*/ }

    .g-link ul { width: 100%; }

    .category { width: 80%; }
}

@media screen and (max-width:500px) {
    .category .section { padding-left: 20px; }
}
/*开发者文档*/
.kaifaHeader { width: 100%; height: 50px; border-bottom: 3px solid #1368c8; }

.kaifanav { max-width: 1140px; height: 100%; margin: auto; position: relative; }

.kaifalogo { width: auto; height: 100%; float: left; padding-top: 5px; }

.kaifalogo img { height: 31px; }

.kaifaRightNav { width: 50%; height: 100%; float: right; }

.kaifaRightNav li { width: 16.666666667%; height: 100%; text-align: center; line-height: 50px; font-size: 14px; float: left; }

.kaifaRightNav li a { display: block; width: 100%; height: 100%; color: #111; text-decoration: none; }

.kaifaRightNav li:hover { background: #3ea3ff; }

.kaifaCaidan { width: auto; height: 100%; float: right; display: none; margin-right: 20px; }

.kaifaCaidan li { width: 6px; height: 6px; border-radius: 50%; background: #3ea3ff; float: left; margin: 20px 4px; }

.kaifaXiala { width: 100%; height: 0; transition: height 1s ease; display: none; overflow: hidden; }

.kaifaXiala li { width: 20%; height: 40px; text-align: left; line-height: 40px; font-size: 14px; float: left; }

.kaifaXiala li a { display: block; width: 100%; height: 100%; color: #111; text-decoration: none; }

@media only screen and (max-width: 768px) {
    .kaifaRightNav { display: none !important; }

    .kaifaCaidan, .kaifaXiala { display: block; }
}

.d-kaifa { font-size: 24px; height: 60px; line-height: 60px; border-bottom: 2px solid #ccc; color: #111; font-weight: 500; }

.dd-title { font-size: 20px; height: 60px; line-height: 60px; }

.dd-title a { color: #2299ec; text-decoration: none; }

.d-message { font-size: 16px; min-height: 40px; color: #111; }

.d-href { font-size: 16px; height: 40px; }

.d-href a { color: #2299ec; text-decoration: none; }

.kaifaLeft { width: 200px; min-height: 400px; border-right: 1px solid #ccc; position: fixed; left: 100px; top: 100px; }

.kaifaLeft li { width: 100%; height: 30px; line-height: 30px; font-size: 16px; }

.kaifaLeft .d-wen a { color: #2299ec; padding: 0; }

.kaifaLeft li a { color: #111; text-decoration: none; padding-left: 30px; }

@media screen and (max-width: 990px) {
    .kaifaLeft { position: static; width: 90%; min-height: 100px; margin: auto; }
}

.dd-footer { width: 100%; height: 50px; border-top: 2px solid #ccc; position: fixed; left: 0; bottom: 0; }

.dd-footerNav { max-width: 1140px; height: 100%; margin: auto; }

.dd-footerNav ul { width: 30%; height: 100%; float: left; }

.dd-footerNav ul li { width: 33.3333333%; height: 100%; font-size: 14px; line-height: 50px; float: left; }

.dd-footerNav ul li a { color: #111; text-decoration: none; }

.dd-footerNav p { float: right; font-size: 14px; line-height: 50px; }

@media screen and (max-width: 768px) {
    .dd-footerNav ul { width: 100%; height: 50px; float: left; }

    .dd-footerNav p { float: left; width: 100%; height: 50px; }
}
/*下载*/
.xz-sico { height: auto; }

.xz-sico img { display: block; width: 100%; }

.xz-sico a { display: block; width: 100%; height: 50px; background: #e2f6ff; border: 1px solid #23b7ef; color: #23b7ef; line-height: 50px; text-align: center; border-radius: 5px; text-decoration: none; margin-top: 15px; }

.dddd-sicoimg { width: 100%; height: auto; }

.dddd-sicoimg img { width: 100%; }
/*2-1产品 在线客服*/
.ml-neikuang2 { height: auto; margin: auto; }

.ml-neikuang2 .box { width: 100%; height: auto; padding-top: 15px; }

.ml-neikuang2 .box p { text-align: center; }

.ml-neikuang2 .box p:nth-of-type(1) { text-align: center; font-weight: 600; font-size: 16px; }

.ml-neikuang2 .box p:nth-of-type(2) { color: #5d5d5d; text-align: center; font-size: 14px; }

.ml-neikuang2 .box p:nth-of-type(3) { text-align: center; }

.ml-neikuang2 .box p:nth-of-type(3) a { font-size: 14px; text-decoration: underline; }

.ml-neikuang2 .box img { width: 100%; }

.ml-neikuang2 .box a.ljty { display: block; width: 200px; height: 40px; line-height: 40px; background: #23b7ef; color: #fff; margin: auto; text-align: center; border-radius: 5px; }

@media only screen and (max-width: 768px) {
    .ml-neikuang2 .box a.ljty { width: 85%; }
}

.ml-neikuang2 .box1 { position: relative; }

.ml-neikuang2 .box1 .img { width: 100%; }

.ml-neikuang2 .box1 p:nth-of-type(1) { color: #fff; text-align: center; font-size: 16px; font-weight: bold; position: absolute; left: 0; right: 0; top: 15px; margin: auto; z-index: 9; }

.ml-neikuang2 .box1 p:nth-of-type(2) { color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 35px; margin: auto; }

.ml-neikuang2 .box1 p:nth-of-type(2) img { width: 20%; }

.ml-neikuang2 .box1 p:nth-of-type(3) { color: #fff; text-align: center; font-size: 14px; position: absolute; left: 0; right: 0; top: 65px; margin: auto; z-index: 9; }

@media only screen and (max-width: 768px) {
    .ml-neikuang2 .box1 p.none { display: none; }

    .ml-neikuang2 .box1 p:nth-of-type(1) { top: 0; font-size: 12px; font-weight: normal; }

    .ml-neikuang2 .box1 p:nth-of-type(3) { font-size: 12px; top: 18px; }
}

.ml-neikuang3 { max-width: 1170px; height: auto; margin: auto; }

.ml-neikuang3 .map { width: 100%; height: auto; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.ml-neikuang3 .map > p { text-align: center; font-size: 15px; padding: 20px 0; }

.ml-neikuang3 .map .left { width: 50%; float: left; }

.ml-neikuang3 .map .left p { text-align: left; margin: 0; padding: 0; margin-bottom: 2px; font-size: 14px; }

.ml-neikuang3 .map .left.none { display: none; }

.ml-neikuang3 .map .left img { width: 100%; }

@media only screen and (max-width: 768px) {
    .ml-neikuang3 { padding: 0 0.5rem; }

    .ml-neikuang3 .map .left { width: 100%; }

    .ml-neikuang3 .map .left.none { display: block; }

    .ml-neikuang3 .map .left.block { display: none; }
}

.ml-neikuang3 .box { width: 100%; height: auto; padding-bottom: 30px; }

.ml-neikuang3 .box p { text-align: center; margin: 0; padding: 0; margin-bottom: 2px; }

.ml-neikuang3 .box p:nth-of-type(1) { font-size: 16px; font-weight: 600; padding-top: 20px; }

.ml-neikuang3 .map .left p:nth-of-type(1) { font-size: 16px; font-weight: 600; }



.introduceBox { padding-bottom: 5% }
.introduceBox .box { max-width: 1200px; margin: 0 auto }
.flex-box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap }
.update-box { align-items: stretch }
.update-box .update-block { width: 45%; text-align: center; margin: 40px auto 30px }
.update-box .update-block h2 { margin: 40px auto 30px }
.update-box .update-list { border-radius: 8px; padding: 15px; border: 1px solid #e7eef5; transition: all .3s ease-in-out; box-shadow: 0 15px 30px rgba(0,0,0,.1),translate3d(0, -2px, 0) }
.update-box .update-list:hover { box-shadow: 0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5) }
.update-box a { display: flex; align-items: center; justify-content: space-between; line-height: 2.2; transition: all .2s ease-in-out }
.update-box a span { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.update-box a i { font-size: 13px; font-style: normal; color: #666 }
.update-box a:hover { color: #ef4030 }
.update-box a:hover i { color: #ef4030 }

@media screen and (max-width: 768px) {
    .introduceBox { padding-bottom: 10% }
    .update-box .update-block { width: 100%; padding: 15px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .box { max-width: 94%; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .box { max-width: 94%; }
    .introduceBox { padding-bottom: 50px }
}