@charset "utf-8";

/**
 * @Filename:ec_index.css
 * @Author By:zero XC
 * @Create Date:2015-06-24
 * 主页与子页css
*/

html {
    height: 100%;
}

body {
    font-size: 16px;
    padding-top: 72px;
    position: relative;
    min-height: 92%;
    font-family: "microsoft yahei";
    min-width: 1000px;
    overflow-x: auto;
}


/*主体框架样式*/

.wrap {
    width: 1020px;
    margin: 0 auto;
}

.footerPadding {
    padding-bottom: 330px;
    clear: both;
}


/*公用样式*/

.header .nav,
.blueNav a,
.downLink .box p,
.downLink .dbarBox,
.articleBox .pultime,
.articleBox .boldTit,
.queryBox .onLineQQ,
.heplList,
.detailsBox .tit,
.agent .recruitBox {
    font-family: "microsoft yahei";
}

.agent .joinEc,
.articleBox .title,
.font_box .sle .topimg,
.new_box .nb_tit .more,
.bot_point a,
.blueNav a,
.agent .com_box_ec span i,
.agent .apply_agent p,
.proBanner a,
.caseBanner a,
.apply_agent .pp_agent i {
    background: url("img/ec_gw.png") no-repeat;
}
.header .btn a{
    background: url(img/reg_bg.png) no-repeat;
    background-position: 0 0;
}

.ecDown .downBox .icon,
.simSelect .simBtn,
.caseBox .more,
.articleBox .pultime,
.queryBox .onLineQQ i,
.support .search button,
.support .search .bnt_sos,
.simSelect2 .simBtn,
.font_box .sle span {
    background: url("img/icon.png") no-repeat;
}


/*头部*/

.header {
    width: 100%;
    border-top: 5px solid #fff;
    border-bottom: 1px solid #cececc;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 101;
}

.header-container {
    height: 70px;
    background: url("img/wBg.png") repeat;
    // border-bottom: 1px #cecece solid;
    overflow: hidden;
    z-index: 300;
    width: 1030px;
    margin: 0 auto;
}

.header .logo {
    margin: 12px 0 0 0;
}

.header .logo a {
    background: url("img/logo_big.png") no-repeat;
    display: inline-block;
    background-position: 0 -28px;
    width: 203px;
    height: 51px;
}

.header .nav {
    font-size: 14px;
    height: 70px;
    margin-left: 90px;
    // margin: 26px 48px 0 40px;
    // position: absolute;
    // left: 534px;
    // top: -23px
}

.header .nav a {
    display: inline-block;
    height: 70px;
    line-height: 70px;
    color: #000;
    margin-right: 50px;
}

.header .nav .cur,
.header .nav a:hover {
    color: #52c018;
}

.header .btn {
    margin: 21px 0 0 0;
    font-size: 14px;
    background: #fff;
    position: relative;
    z-index: 99;
}

.header .btn a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-position: -210px -364px;
    display: inline-block;
    color: #4a5055;
}

.header .btn a:hover {
    background-position: -210px -397px;
}

.header .btn .reg {
    background-position: -5px -7px;
    color: #fff;
}

.header .btn .reg:hover {
    background-position: -5px -41px;
}


/*页码重置*/

#pager,
.pagination
#pageinfo {
    padding-right: 0;
}


/*banner*/


.banner {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}

.banner .slides {}

.banner .slides li {
    text-align: center;
    width: 100%;
    height: 520px;
}

.banner .slides li a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner .slides .b1 {
    background: url("img/banner_01.png") center no-repeat;
}

.banner .slides .b2 {
    background: url("img/banner_01.png") center no-repeat;
}

.banner .slides .b3 {
    background: url("img/banner_01.png") center no-repeat;
}

.banner .slides .b4 {
    background: url("img/banner_01.png") center no-repeat;
}

.banner .flex-control-nav {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.banner .flex-control-nav li {
    display: inline;
}

.banner .flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("img/control-nav.png") no-repeat;
    font-size: 0px;
    margin: 0 5px;
    cursor: pointer;
}

.banner .flex-control-nav a.flex-active {
    background-position: -28px 0;
}

/*update 2016-06-13 dincy*/
.banner .slides-container {
    padding-top: 112px;
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
.banner .slides-container .left{
    float: left;
}
.banner .slides-container .right{
    float: right;
}
.banner .slides li .banner-button {
    // display: inline-block;
    width: 166px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #000;
    margin-top: 15px;
    text-align: center;
    font-family: 微软雅黑;
    border-width: 1px;
    border-style: solid;
    border-color: #fde01e;
    background: #fde01e;
    border-radius: 25px;
    transition: all 0.2s ease;
    cursor: pointer;
}
.banner .slides li .banner-button:hover {
    background: #f0d312;
    border-color: #f0d312;
}

.banner .slides li .pc10_down{
    width:976px;
    padding-top:322px;
    margin:0 auto;
    text-align:left;
}

.banner .slides li .pc10_down span{
    width:206px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#5bcc1f;
    font-size:24px;
    display:inline-block;
    color:#fff;
    border-radius:3px;
}
.banner .slides li .pc10_down span:hover{
    background:#59be1f;
}

/*各个页面的banner*/

.proBanner {
    background: url("img/banner_pro.jpg") center no-repeat;
    height: 359px;
    margin: 0 0 48px 0;
    text-align: center;
}

.proBanner a {
    width: 300px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    color: #fff;
    background-position: 0 -1221px;
    margin-top: 245px;
}

.caseBanner {
    background: url("img/banner_case.jpg") center no-repeat;
    height: 239px;
    margin: 0 0 48px 0;
    text-align: center;
}

.caseBanner a {
    width: 300px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    color: #fff;
    background-position: 0 -1221px;
    margin-top: 150px;
}

.supportBanner {
    background: url("img/banner_support.jpg") center no-repeat;
    height: 240px;
    margin: 0 0 30px 0;
}

.agentBanner {
    background: url("img/banner_agent.jpg") center no-repeat;
    height: 240px;
}

.buyBanner {
    background: url("img/banner_buy.jpg") center no-repeat;
    height: 560px;
    margin: -80px 0 48px 0;
}

.newsBanner {
    background: url("img/banner_news.jpg") no-repeat center center;
    margin: 0 auto 30px auto;
    height: 240px;
}

.about_banner {
    background: url("img/banner_about.jpg") center no-repeat;
    height: 239px;
}


/*蓝标头*/

.blueTit {
    font-size: 28px;
    color: #1fb1fc;
    padding: 35px 0;
    text-align: center;
}


/*蓝导航*/

.blueNav {
    overflow: hidden;
    width: 890px;
    margin: 20px auto 45px auto;
    *zoom: 1;
    *height: 110px;
}

.blueNav a {
    width: 110px;
    height: 110px;
    display: inline-block;
    color: #4a5055;
    float: left;
    text-align: center;
    font-size: 16px;
    background-position: -1px -1088px;
}

.blueNav a p {
    margin-top: 33px;
}

.blueNav span {
    float: left;
    width: 118px;
    height: 1px;
    background: #4a5055;
    margin: 57px 16px;
    *margin: 57px 14px;
    *width: 115px;
}

.blueNav a:hover {
    color: #52c018;
}

.blueNav .cur {
    color: #fff;
    background-position: -115px -1088px;
}

.blueNav a.cur:hover {
    color: #fff;
}


/*特色列表*/

.traitList {
    margin: 0 0 0 -20px;
    overflow: hidden;
}

.traitList li {
    width: 400px;
    height: 540px;
    position: relative;
    float: left;
    margin-left: 20px;
}

.grayBox li p,
.grayBox li a {
    width: 100%;
    position: absolute;
    left: 0px;
    transition: all 0.3s;
    background: url("img/bBg.png") repeat;
}

.grayBox li p {
    height: 68px;
    line-height: 68px;
    bottom: 0px;
    color: #fff;
    text-align: center;
}

.grayBox li a {
    height: 0px;
    top: 0px;
    overflow: hidden;
}

.grayBox li a span {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #1fb1fc;
    background: #f1f1f2;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -80px;
}

.grayBox li a span:hover {
    background: #dde4e8;
}

.grayBox li:hover p {
    height: 0px;
}

.grayBox li:hover a {
    height: 100%;
}

.grayBox li img {
    width: 100%;
    height: 100%;
}

.e-tabBox {
    width: 1240px;
    height: 540px;
    overflow: hidden;
    position: relative;
}


/*案例展示*/

.casusBox {
    background: #f0f4f6;
    overflow: hidden;
    padding-bottom: 97px;
    margin-top: 96px;
}

.casusBox .bigImg {
    position: relative;
}

.casusBox .bigImg .wordBox {
    padding: 12px;
    background: url("img/wbg2.png") repeat;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 200px;
    line-height: 30px;
    color: #fff;
}

.casusBox .bigImg p {
    font-size: 24px;
}

.casusBox .bigImg a {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #1fb1fc;
    background: #f1f1f2;
    position: absolute;
    display: inline-block;
    right: 40px;
    top: 298px;
}

.casusBox .bigImg a:hover {
    background: #dde4e8;
}

.casusList {
    margin: 18px 0 0 -20px;
    overflow: hidden;
}

.casusList li {
    width: 400px;
    height: 260px;
    float: left;
    margin-left: 20px;
    position: relative;
}

.casusList li p {
    height: 47px;
    line-height: 47px;
}

.core_advantage {
    margin-left: -35px;
    overflow: hidden;
    font-size: 14px;
    padding-bottom: 40px;
}

.core_advantage li {
    width: 310px;
    float: left;
    margin-left: 35px;
    margin-bottom: 30px;
    text-align:center;
}

.core_advantage img {
    margin-bottom:25px;
}

.core_advantage p{
    text-align:left;
    line-height:26px;
    color:#2d2d2d;
}

.core_advantage h3 {
    text-align:center;
    font-size: 24px;
    line-height: 30px;
    margin-bottom:10px;
}

.bot_1doc {
    text-align: center;
    color: #3d3d3d;
    font-size: 24px;
}

.bot_1doc span {
    color: #ffa200;
    font-size: 36px;
    margin: 0 6px;
}

.index_bot_reg {
    width: 300px;
    height: 46px;
    line-height: 46px;
    color: #2d2d2d;
    border-radius: 40px;
    border: 1px #2d2d2d solid;
    display: inline-block;
    text-align: center;
    margin: 30px 0 120px 0;
}

.index_bot_reg:hover {
    background: #53c019;
    border-color: #53c019;
    color: #fff;
}


/*首页EC下载*/

.ecDown {
    margin: 100px 0 0;
    padding-bottom: 120px;
}

.ecDown .tit {
    border: 1px #e3e6e8 solid;
    color: #1fb1fc;
    padding: 0 10px;
    height: 46px;
    line-height: 46px;
}

.ecDown .downBox {
    margin: 16px 0 0 -16px;
    overflow: hidden;
}

.ecDown .downBox li {
    float: left;
    margin-left: 16px;
    border: 1px #e3e6e8 solid;
    width: 296px;
    height: 296px;
}

.ecDown .downBox a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
    transition: all 0.3s;
}

.ecDown .downBox p {
    color: #8a8a8a;
}

.ecDown .downBox .icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 78px 0 28px 0;
}

.ecDown .downBox i.pc {
    background-position: -101px 0;
}

.ecDown .downBox i.iphone {
    background-position: -201px 0;
}

.ecDown .downBox i.andriod {
    background-position: 0 -100px;
}

.ecDown .downBox i.scan {
    background: url(img/index_down.png) no-repeat;
    width: 100px;
    height: 100px;
}

.ecDown .downBox a:hover {
    background: #1fb1fc;
}

.ecDown .downBox a:hover p {
    color: #fff;
}

.ecDown .downBox a:hover i.pc {
    background-position: -101px -100px;
}

.ecDown .downBox a:hover i.iphone {
    background-position: -201px -100px;
}

.ecDown .downBox a:hover i.andriod {
    background-position: 0 -201px;
}

.ecDown .downBox a:hover i.scan {
    background-position: 0 0;
}

.ecDown .downBox a.fix {
    background: none;
    cursor: default;
}

.ecDown .downBox a.fix:hover p {
    color: #8a8a8a;
}


/*页脚*/

.footer {
    // height: 330px;
    background: #2d2d2d;
    color: #5e5e5e;
    overflow: hidden;
    // position: absolute;
    // bottom: 0px;
    width: 100%;
}

.footNav {
    margin: 42px 0 38px 0;
    font-size: 14px;
}

.footNav li {
    width: 62px;
    float: left;
    margin-right: 56px;
}

.footNav a {
    color: #777676;
    display: block;
    margin-top: 8px;
    line-height: 28px;
    transition: all .3s;
}

.footNav a:hover {
    color: #bcbcbc;
}

.footNav p {
    color: #6eae19;
    margin-bottom: 28px;
}

.footer .tel400 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
/*update 2016.06.27 dincy*/
.footer .interact {
    margin: 42px 0 0 0;
}

.footer .interact p {
    font-size: 16px;
    padding-top: 16px;
    color: #aeaeae;
    text-align: center;
}

.message-board{
    padding-top: 22px;
    margin-left: 46px;
    width: 520px;
    margin-bottom: 12px;
}

.message-board h4{
    font-size: 16px;
    color: #777676;
    padding-bottom: 26px;
}

.message-form {
    font-size: 14px;
}
.message-form span {
    display: inline-block;
    width: 46px;
    margin-right: 8px;
    vertical-align: top;
    color: #777676;
}

.sex-m {
    margin-left: 5px;
    margin-right: 5px;
}

.message-form p {
    margin-bottom: 5px;
}

.message-form input {
     vertical-align: middle;
}

textarea {
    overflow: auto;
    vertical-align: middle;
}

.message-form input[type="text"],textarea{
    width: 268px;
    height: 11px;
    padding: 8px 6px;
    border: 1px #5b5959 solid;
    background: transparent;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
    transition: all .3s;
    color: #fff;
     font-family: Arial, "Microsoft YaHei";   
}

.message-form input[type="text"]:focus,textarea:focus {
    border-color: #49aa0f;
    box-shadow: 1px 1px 10px #436131;
}

.message-form input.short-input {
    width: 154px;
}

.message-form label {
    cursor: pointer;
}

.message-form label i {
    margin-left: 5px;
    color: #777676;
}

.message-form i {
    color: #ffae00;
    font-style: normal;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.message-form textarea {
    height: 34px;
}
.message-form .last-item {
    font-size: 12px;
    width: auto;
    position: relative;
    height: 32px;
    margin-top: 23px;
}
#suctips {
    width: 150px;
    margin-left: 58px;
    color: #ffae00;
    opacity: 0;
}
#message-button {
    color: #fff;
    background: #49aa0f;
    padding: 0 16px;
    line-height: 32px;
    transition: all .3s;
    font-size: 14px;
    margin-left: 34px; 
    resize: none;
    outline: none;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
     font-family: Arial, "Microsoft YaHei";
     position: absolute;
     right: 180px;
     top: 0;
} 
#message-button.going {
    background: #c4c4c4;
    cursor: not-allowed;;
}
#message-button:hover {
    background: #5ec71f;
}
#message-button.going:hover {
    background: #c4c4c4;
}

#captchaimg {
   width:100px;
   hidth:30px;
   margin-left: 10px;
   vertical-align: middle;
}


/*update 2016.06.27 dincy*/


/*.footer .interact a {*/
/*    color: #777676;*/
/*    line-height: 80px;*/
/*    float: left;*/
/*    margin: 0 0 0 70px;*/
/*    *width: 134px;*/
/*    position: relative;*/
/*}*/


/*.footer .interact a:hover{color:#5d5d5d;}*/

.footer .interact .weibo i,
.footer .interact .weixin i {
    display: inline-block;
    width: 60px;
    height: 40px;
    float: right;
    margin: 14px 0 0 0;
}

.footer .interact .weibo i {
    background: url("img/ec_gw01.png") -206px -604px no-repeat;
}

.footer .interact .weibo:hover i {
    background-position: -261px -889px;
}

.footer .interact .weixin i {
    background: url("img/ec_gw01.png") -146px -601px no-repeat;
}


/*.footer .interact .weibo:hover i{background:url("img/icon.png") -121px -220px no-repeat;}*/

.footer .interact .weixin:hover i {
    background: url("img/foot_ewm.jpg") no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -23px;
    left: 80px;
}

.footer .interact .weixin:hover {
    *width: 142px;
}

.footer .copy_bot {
    height: 60px;
    line-height: 60px;
    background: #242424;
    color: #777676;
    clear: both;
    text-align: left;
    font-size: 12px;
    overflow:hidden;
}

.footer .copy_bot a {
    color: #777676;
}

.footer .code_down {
    float: right;
    margin: 26px 0 0 0;
}

.ebsgovicon {
    float: left;
    margin: 14px 15px 0 0;
}


/*返回滚动*/

.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 248px;
    width: 60px;
    height: 60px;
    display: inline-block;
    background: url("img/icon.png") -20px -306px #d5dbdf no-repeat;
    transition: all 0.3s;
    display: none;
    border-radius: 100%;
}

.scrollTop:hover {
    background-color: #c3cdd4;
}


/*=============产品页面=============*/

.proList {
    font-size: 20px;
}

.proList .desText {
    font-size: 16px;
    width: 850px;
    text-align: center;
    margin: 0 auto;
    line-height: 26px;
    padding: 10px 22px;
    background: #f0f4f6;
    border-radius: 8px;
}

.proList .desText p {
    font-size: 48px;
    line-height: 140px;
}

.proList .proItem {}

.proList .cBg {
    background: #f0f4f6;
    ;
}

.proList .actBox {
    padding: 130px 0 0 0;
    overflow: hidden;
    height: 500px;
}

.proList .actBox .inner {
    width: 1068px;
    margin: 0 auto;
    position: relative;
}

.proList .actBox .img {
    overflow: hidden;
    position: absolute;
}

.proList .actBox .fl {
    margin-right: 160px;
}

.proList .actBox .flr {
    margin-left: 170px;
}

.proList .actBox .textBox {
    overflow: hidden;
    width: 281px;
    float: right;
    font-size: 14px;
    line-height: 24px;
    margin: 100px 18px 0 0;
    position: relative;
}

.proList .actBox .textBox1 {
    overflow: hidden;
    width: 290px;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    margin-top: 134px;
}

.proList .actBox .textBox p {
    color: #999;
    margin-top: 15px;
}

.proList .actBox .tit {
    font-size: 30px;
    margin-bottom: 28px;
    height: 64px;
    padding-left: 20px;
    border-left: 4px #52c018 solid;
    line-height: 33px;
}

.proList .microBox {
    margin-top: 30px;
    overflow: hidden;
}

.proList .microBox span {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-right: 20px;
    background: url("img/micro_bg.png") #fff no-repeat;
    line-height: 180px;
    text-align: center;
    float: left;
}

.proList .microBox span p {
    line-height: 30px;
    margin-top: 60px;
}

.proList .cBg .microBox span {
    background-color: #f0f4f6;
}

.proList .actBox .link {
    color: #1fb1fc;
    padding-top: 15px;
    display: inline-block;
}

.proList .long {}

.proList .mdiv .actBox {
    padding: 55px 0 0 0;
    overflow: hidden;
    height: 488px;
}

.proList .mdiv .actBox .inner {}

.proList .long .actBox .fl {
    margin-right: -125px;
}

.proList .long .actBox .flr {
    margin-left: -150px;
}

.proList .long .actBox .textBox {
    padding-top: 100px;
    max-width: 610px;
    display: inline-block;
}

.proList .bot_reg {
    padding: 120px 0;
    text-align: center;
}

.proList .bot_reg a {
    width: 360px;
    height: 46px;
    line-height: 46px;
    border: 1px #2d2d2d solid;
    display: inline-block;
    border-radius: 23px;
    color: #2d2d2d;
}

.proList .bot_reg a:hover {
    background: #53c019;
    border-color: #53c019;
    color: #fff;
}


/*.img_l_up,.text_r_r,.img_r_up,.text_l_r,.img_l_l,.text_r_d,.img_r_r{opacity:0;transition:all 0.5s;}*/


/*.img_l_up{margin-top:60px;}*/


/*.text_r_r{padding-left:80px;}*/


/*.img_r_up{margin-top:60px;}*/


/*.text_l_r{margin-left:-80px;}*/


/*.img_l_l{margin-left:-100px;}*/


/*.text_r_d{margin-top:-80px;transition-delay:0.5s;}*/


/*.img_r_r{margin-right:-50px;}*/


/*.animate{}*/


/*.animate .img_l_up{margin-top:0px;opacity:1;}*/


/*.animate .text_r_r{padding-left:0px;opacity:1;}*/


/*.animate .img_r_up{margin-top:0px;opacity:1;}*/


/*.animate .text_l_r{margin-left:0px;opacity:1;}*/


/*.animate .img_l_l{margin-left:0px;opacity:1;}*/


/*.animate .text_r_d{margin-top:0px;opacity:1;}*/


/*.animate .img_r_r{margin-right:50px;opacity:1;}*/


/*EC下载页*/

.download {
    margin-top: 60px;
    overflow: hidden;
    *padding-top: 60px;
}

.download .downloadTit {
    width: 248px;
    height: 850px;
    background: url("img/downloadTit.png") no-repeat;
    margin-right: 60px;
}

.downLink {
    width: 640px;
}

.downLink .box {
    height: 255px;
}

.downLink .pc10-down {
    height: 280px;
}

.downLink .linkBtn {
    width: 160px;
    height: 54px;
    display: inline-block;
    background: #ffae00;
    color: #fff;
    text-align: center;
    line-height: 54px;
}

.downLink .linkBtn:hover {
    background: #e09901;
}

.downLink .linkBtn i {
    width: 25px;
    height: 25px;
    background: url("img/icon.png") -138px -323px no-repeat;
    margin: -4px 15px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.downLink .box p {
    line-height: 24px;
    font-size: 14px;
    margin: 15px 0 0 0;
    color: #646464;
}

.downLink .dbarBox {
    float: right;
    text-align: center;
}

.downLink .dbarBox p {
    margin: 8px 0 0 0;
}

.downLink .dbarBox img {
    width: 100px;
    height: 100px;
}


/*模拟下拉框*/

.simSelect {
    height: 40px;
    width: 200px;
    position: relative;
    outline: none;
    z-index: 9;
}

.simSelect .simVal {
    border: 1px #b4b9bb solid;
    overflow: hidden;
    border-right: none;
    height: 38px;
    line-height: 38px;
    text-indent: 10px;
}

.simSelect .simBtn {
    width: 44px;
    height: 40px;
    float: right;
    background-position: -230px -314px;
    background-color: #c0c5c8;
    cursor: pointer;
}

.simSelect .simBtn:hover {
    background-color: #a0a5a7;
}

.simSelect .simBox {
    width: 155px;
    border: 1px #b4b9bb solid;
    border-top: none;
    position: absolute;
    top: 40px;
    left: 0px;
    display: none;
    background: #fff;
    z-index: 1;
}

.simSelect .simBox li {
    line-height: 32px;
    padding-left: 10px;
    cursor: pointer;
    height: 32px;
}

.simSelect .simBox li:hover {
    background: #f0f4f6;
}

.simSelect2 {
    height: 40px;
    position: relative;
    outline: none;
    z-index: 9;
    background: #f0f4f6;
}

.simSelect2 .simVal {
    overflow: hidden;
    border-right: none;
    height: 38px;
    line-height: 38px;
    text-indent: 10px;
}

.simSelect2 .simBtn {
    width: 44px;
    height: 40px;
    float: right;
    background-position: -230px -461px;
    background-color: #c0c5c8;
    cursor: pointer;
}

.simSelect2 .simBtn:hover {
    background-color: #a0a5a7;
}

.simSelect2 .simBox {
    width: 100%;
}

.simSelect2 .simBox li {
    line-height: 40px;
    cursor: pointer;
    width: 90px;
    float: left;
    text-align: center;
    color: #707477;
    font-size: 14px;
}

.simSelect2 .simBox li:hover,
.simSelect2 .simBox li.on {
    background: #e7ecee;
}

.simSelect2 .simBox a {
    color: #707477;
}


/*案例页面*/

.caseBox {
    margin-bottom: 70px;
    overflow: hidden;
    zoom: 1;
}

.caseList {
    margin: 40px 0 0 -15px;
    overflow: hidden;
    position: relative;
}

.caseList li {
    margin: 0 0 15px 15px;
    float: left;
    width: 470px;
    height: 180px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    padding: 10px;
    border: 1px #e0e5e7 solid;
    border-radius: 2px;
}

.caseList li img {
    width: 240px;
    height: 180px;
    float: left;
    margin-right: 30px;
}

.caseList li .shade {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 11px;
    background: #032a42;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
    transform: rotate(60deg);
    display: none;
}

.caseList li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.caseList li:hover {
    border-color: #2d2d2d;
    transition: all 0.5s;
}

.caseList li:hover .shade {
    width: 240px;
    height: 178px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    transform: rotate(0deg);
}

.caseList .intro {
    text-align: left;
    height: 61px;
    font-size: 14px;
    color: #707477;
    float: left;
    width: 200px;
}

.caseList .name {
    font-size: 18px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    border-bottom: 1px #e0e5e7 solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.caseList .noData {
    padding: 125px 0;
    text-align: center;
}

.caseBox .more {
    padding: 0 15px 0 35px;
    float: right;
    margin-top: 10px;
    *margin-top: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    background-position: -232px -315px;
    background-color: #1fb1fc;
}

.caseBox .more:hover {
    background-color: #15a4ed;
}

.caseBox .bigImg {
    position: relative;
}

.caseBox .bigImg .wordBox {
    padding: 12px;
    background: url("img/wbg2.png") repeat;
    text-align: right;
    position: absolute;
    right: 40px;
    top: 285px;
    line-height: 30px;
    color: #fff;
}

.caseBox .bigImg p {
    font-size: 24px;
}

.caseBox .back_case {
    font-size: 14px;
    color: #1fb1fc;
    line-height: 55px;
}

.articleBox {
    border: 1px #e0e5e7 solid;
    background: #fff;
    position: relative;
}

.articleBox .title {
    font-size: 24px;
    margin-bottom: 8px;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px #e0e5e7 solid;
    margin-left: 39px;
    background-position: -368px -594px;
    padding-left: 38px;
}

.articleBox .pultime {
    padding-left: 25px;
    background-position: -243px -404px;
    font-size: 14px;
    color: #868686;
    position: absolute;
    top: 20px;
    right: 18px;
}

.articleBox .article {
    line-height: 32px;
    font-size: 16px;
    margin-top: 20px;
    padding: 0 39px 39px 39px;
}

.articleBox .line {
    text-indent: 28px;
}

.articleBox .boldTit {
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
}


/*技术支持*/

.about_Box {}

.about_menu {
    overflow: hidden;
    float: left;
    width: 150px;
    margin-right: 50px;
}

.about_menu li {
    height: 18px;
    line-height: 18px;
    margin-bottom: 15px;
    border-left: 4px #fff solid;
}

.about_menu li a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #707477;
}

.about_menu li.active,
.about_menu li.active a {
    border-color: #52c018;
    color: #52c018;
}

.about_menu li:hover,
.about_menu li:hover a {
    color: #52c018;
}

.support {}

.support .queryBox {
    height: 40px;
    padding: 38px 0;
}

.support .queryBox .onLineQQ {
    float: right;
    background: #bff1ff;
    width: 145px;
    height: 46px;
    border: 1px #b0e7f6 solid;
    line-height: 46px;
    border-radius: 25px;
    color: #53585a;
}

.support .queryBox .onLineQQ i {
    width: 22px;
    height: 23px;
    background-position: -142px -402px;
    float: left;
    margin: 11px 10px 0 20px;
}

.support .queryBox .onLineQQ:hover {
    background: #a7ebff;
}

.support .search {
    border: 1px #cdcdcd solid;
    overflow: hidden;
    border-radius: 4px;
    height: 40px;
}

.support .search button,
.support .search .bnt_sos {
    width: 110px;
    height: 42px;
    margin: -1px;
    background-position: 5px -392px;
    background-color: #ffae00;
    float: right;
    cursor: pointer;
}

.support .search button:hover,
.support .search .bnt_sos:hover {
    background-color: #ffa60b;
}

.support .search input {
    height: 18px;
    line-height: 18px;
    margin: 7px 0 0 7px;
    font-size: 16px;
    padding: 7px;
    outline: none;
    width: 500px;
    border: 0 none;
}

.heplList {
    height: 674px;
    margin-bottom: 80px;
}

.heplList .slideLeft,
.heplList .contentBox {
    min-height: 100%;
}

.heplList .slideLeft ul,
.heplList .contentBox ul {
    line-height: 45px;
}

.heplList .slideLeft {
    width: 202px;
    margin-left: 40px;
}

.heplList .contentBox {
    width: 722px;
    margin-left: 20px;
}

.heplList .slideLeft li {
    height: 18px;
    line-height: 18px;
    margin-bottom: 28px;
    border-left: 4px #fff solid;
}

.heplList .slideLeft li a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #707477;
    padding-left: 30px;
}

.heplList .slideLeft li.active,
.heplList .slideLeft li.active a {
    border-color: #52c018;
    color: #52c018;
}

.heplList .slideLeft li:hover,
.heplList .slideLeft li:hover a {
    color: #52c018;
}

.heplList .slideLeft ul {
    margin-top: 18px;
}

.heplList .contentBox li {
    border-bottom: 1px #e0e0e0 dashed;
}

.heplList .contentBox li a {
    color: #84898c;
    font-size: 14px;
    display: inline-block;
}

.heplList .contentBox li a:hover {
    color: #1fb1fc;
}

.heplList .contentBox li.odd {}

.heplList .detailsBox {
    width: 722px;
    margin-left: 20px;
}

.heplList .detailsBox .tit {
    line-height: 48px;
    border-bottom: 1px #cdd6da dashed;
    color: #84898c;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 22px;
}

.heplList .detailsBox .article {
    padding-bottom: 60px;
    line-height: 24px;
    color: #84898c;
    font-size: 14px;
}


/*.heplList .detailsBox .article p{text-indent:28px;}
.heplList .detailsBox .article p:first-child{text-indent:0px;}*/

.heplList .detailsBox .article .first {
    text-indent: 0px;
}

.heplList .moreLink {
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 88px;
}

.heplList .moreLink a {
    display: block;
    color: #1fb1fc;
}

.heplList .moreLink a:hover {
    text-decoration: underline;
}

.heplList .moreLink .bold {
    font-size: 14px;
    font-weight: bold;
    color: #84898c;
}


/*代理合作*/

.agent {}

.agent .tercel {
    color: #84898c;
    overflow: hidden;
    padding: 0 2px;
    margin-bottom: 94px;
    border-left: 1px #e6eaec solid;
}

.agent .tercel li {
    float: left;
    text-align: center;
    width: 225px;
    height: 340px;
    font-size: 14px;
    line-height: 23px;
    width: 247px;
    border: 1px #e6eaec solid;
    border-left: none;
}

.agent .tercel p {
    font-size: 24px;
    color: #60c52a;
    line-height: 65px;
    border-top: 1px #e6eaec solid;
}

.agent .top_tit {
    font-size: 30px;
    text-align: center;
    padding: 50px 0;
}

.agent .us_use {
    height: 560px;
    background: url("img/agent_05.jpg") center no-repeat;
}

.agent .smTit {
    color: #84898c;
    margin-bottom: 15px;
    border-left: 4px #52c018 solid;
    font-size: 16px;
    padding-left: 13px;
}

.agent .supBox {
    overflow: hidden;
    margin-bottom: 20px;
}

.agent .supBox .item {
    float: left;
    padding: 29px 6px 29px 0;
    height: 90px;
    width: 543px;
    border: 1px #d2d8db solid;
    border-right: none;
    background: url("img/agent_right.jpg") right no-repeat;
    margin-bottom: 20px;
}

.agent .supBox .leftFont {
    float: left;
    line-height: 90px;
    font-size: 30px;
    color: #1fb1fc;
    width: 238px;
    border-right: 1px #d2d8db solid;
    margin-right: 60px;
    text-align: center;
}

.agent .supBox p {
    color: #84898c;
    margin-bottom: 12px;
}

.ml140 {
    margin-left: 140px;
}

.agent .recruitBox {
    border: 1px #d2d8db solid;
    overflow: hidden;
    margin-bottom: 120px;
    padding: 57px 26px 50px 26px;
}

.agent .bee {
    width: 608px;
    height: 229px;
    background: url("img/agent_rho.jpg") no-repeat;
    padding-left: 19px;
    font-size: 14px;
    line-height: 18px;
}

.agent .bee li {
    float: left;
    width: 84px;
    text-align: center;
    margin-right: 15px;
}

.agent .bee .pl1 {
    margin-top: 46px;
}

.agent .bee .pl2 {
    margin-top: 106px;
}

.agent .bee .pl3 {
    margin-top: 39px;
}

.agent .bee .pl4 {
    margin-top: 78px;
}

.agent .bee .pl5 {
    margin-top: 96px;
}

.agent .forkA,
.agent .forkB,
.agent .hotLine,
.agent .joinEc p {
    background: url("img/agent_icon.png") no-repeat;
    width: 84px;
}

.agent .forkA {
    height: 80px;
    background-position: -251px 0;
    margin-top: 73px;
}

.agent .forkB {
    height: 27px;
    background-position: -115px -39px;
    margin-top: 100px;
}

.agent .hotLine,
.agent .joinEc p {
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.agent .hotLine {
    width: 242px;
    margin: 96px 6px;
}

.agent .hotLine span {
    color: #52c018;
    font-weight: bold;
}

.agent .joinEc {
    width: 110px;
    background-position: 0 -700px;
    padding-top: 61px;
    margin: 78px 0 0 15px;
}

.agent .joinEc p {
    width: 104px;
    background-position: 0 -36px;
    font-size: 14px;
}

.agent .com_box_ec {
    margin-bottom: 50px;
}

.agent .com_box_ec span {
    display: inline-block;
    width: 226px;
    padding-left: 24px;
    color: #84898c;
    margin-bottom: 24px;
}

.agent .com_box_ec span i {
    background-position: -277px -618px;
    float: left;
    margin-left: -24px;
    width: 12px;
    height: 12px;
    margin-top: 5px;
}

.agent .condition_ec {
    background: #ffbb39;
    padding-bottom: 80px;
    overflow: hidden;
}

.agent .condition_ec li {
    padding-left: 42px;
    height: 140px;
    border-left: 1px #333 dashed;
    float: left;
    line-height: 24px;
    width: 290px;
}

.agent .condition_ec p {
    width: 102px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #ffa200;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 10px;
}

.agent .apply_agent {
    padding: 55px 0;
    text-align: center;
}

.agent .apply_agent a {
    width: 400px;
    height: 56px;
    display: inline-block;
    line-height: 56px;
    color: #333;
    font-size: 30px;
    border-radius: 5px;
    cursor: default;
}

.agent .apply_agent p {
    display: inline-block;
    padding-left: 20px;
    background-position: -376px -812px;
    color: #84898c;
}

.agent .apply_agent .pp_agent {
    margin-top: 20px;
    overflow: hidden;
    text-align: left;
}

.agent .apply_agent .pp_agent {
    width: 1090px;
    margin: 45px auto;
}

.agent .apply_agent .pp_agent i {
    background-position: -275px -616px;
    width: 15px;
    height: 15px;
    display: inline-block;
    float: left;
    margin: 10px 0 0 -25px;
}

.agent .apply_agent .pp_agent span {
    width: 52px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    background: #e2e2e2;
    border-radius: 15px;
    margin-right: 20px;
    margin-bottom: 8px;
}

.agent .apply_agent .pp_agent h4 {
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 15px;
}

.apply_agent .pp_agent .left_xxc,
.apply_agent .pp_agent .right_xxc,
.apply_agent .pp_agent .left_xxc2{
    padding:0 22px;
    float: left;
    width: 360px;
    height:108px!important;
    margin-bottom:15px;
}

.apply_agent .pp_agent .left_xxc {
    padding-right: 45px;
    width: 288px;
}
.apply_agent .pp_agent .left_xxc2 {
    padding-right: 45px;
    width:216px;
    padding-left: 45px;
    border-left: 1px #84898c dashed;
    height:143px;
}

.apply_agent .pp_agent .right_xxc {
    padding-left: 45px;
    border-left: 1px #84898c dashed;
}


/* 分页 */

.pageList {
    text-align: right;
    padding: 15px 0;
}

.pageList #pager {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.inHd ul{}
.inHd ul li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border:1px solid #cccccc;padding:0;}
.inHd ul li.on {background:#393;color:#ffffff;border:0;}
/* .pageList #pager a{float:left;margin:0 2px;} */

.pageList #pager a {
    background: #e0e5e7;
    padding: 6px 10px;
    color: #707477;
    font-family: "simsun";
    font-size: 14px;
    border-radius: 2px;
    border: 0;
}

.pageList #pager a:hover,
.pageList #pager .curr {
    background: #52c018;
    font-weight: normal;
    color: #fff;
}

.pageList #pager .curr {
    border: 0 !important;
}

.pageList .pagination {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pageList .pagination li{
    float:left;
}

/* .pageList #pager a{float:left;margin:0 2px;} */

.pageList .pagination a ,
.pageList .pagination li span{
    background: #e0e5e7;
    padding: 6px 10px;
    color: #707477;
    font-family: "simsun";
    font-size: 14px;
    border-radius: 2px;
    border: 0;
}

.pageList .pagination li span{
    background: #e0e5e7;
    padding: 6px 10px;
    color: #707477;
    font-family: "simsun";
    font-size: 14px;
    border-radius: 2px;
    border: 0;
}

.pageList .pagination li a:hover,
.pageList .pagination .active span {
    background: #52c018;
    font-weight: normal;
    color: #fff;
}

.pageList .pagination .curr {
    border: 0 !important;
}


/*下载loading页面*/

.downloading {
    padding: 10px 15px;
    border: 1px solid #ddd;
    margin: 20px auto;
    height: 600px;
}

.downloading .h1 {
    border-bottom: 1px dashed #ddd;
    line-height: 2;
    padding: 10px 0;
}

.downloading .down_mid {
    padding: 114px 0;
}

.downloading .down_mid p {
    text-align: center;
    margin: 47px 0 89px 0;
}

.downloading .down_mid .p1 {
    font-weight: bold;
    font-size: 20px;
}

.downloading .down_mid .p1 a {
    font-size: 20px;
    color: #2272c1;
}

.downloading .down_mid .p2 a {
    color: #38f;
    margin: 0 2px;
}

.downloading .down_mid .p2 span {
    font-weight: bold;
}


/*新改版2015.12.28*/

.index_block {
    padding: 110px 0;
    overflow: hidden;
}

.index_block_color {
    padding: 110px 0;
    background: #f0f4f6;
    overflow: hidden;
}

img[class^='index_img'] {
    margin-top: 30px;
}

.index_img01,
.index_img03 {
    float: left;
}

.index_img02 {
    float: right;
}

.index_img04 {
    float: right;
}

.font_box {
    color: #3d3d3d;
}

.font_box h3 {
    font-size: 36px;
    color: #2d2d2d;
    margin-bottom: 50px;
}

.font_box .item {
    height: 100px;
}

.font_box .item_len {
    margin-right: -20px;
}

.font_box .sle {
    width: 88px;
    float: left;
    padding-top: 100px;
    text-align: center;
    margin-right: 20px;
    *margin-right: 17px;
    cursor: pointer;
}

.font_box .sle .topimg {
    float: left;
    margin-top: -100px;
    background-position: -93px -985px;
    width: 88px;
    height: 88px;
}

.font_box .sle .topimg.active {
    background-position: 0 -985px;
}

.font_box .sle span {
    display: block;
    width: 100%;
    height: 100%;
}

.index_block_color .font_box .item_len {
    margin-left: -20px;
    margin-right: 0px;
}

.index_block_color .font_box .sle {
    margin-left: 20px;
    margin-right: 0px;
    *margin-left: 17px;
}

.font_box .sle .sle_icon_01 {
    background-position: -2px -516px;
}

.font_box .sle .sle_icon_02 {
    background-position: -103px -516px;
}

.font_box .sle .sle_icon_03 {
    background-position: -204px -518px;
}

.font_box .sle .sle_icon_04 {
    background-position: -1px -618px;
}

.font_box .sle .sle_icon_05 {
    background-position: -103px -617px;
}

.font_box .sle .sle_icon_06 {
    background-position: -206px -616px;
}

.font_box .sle .sle_icon_07 {
    background-position: -3px -709px;
}

.font_box .sle .sle_icon_08 {
    background-position: -106px -709px;
}

.font_box .sle .sle_icon_09 {
    background-position: -207px -709px;
}

.font_box .sle .sle_icon_10 {
    background-position: -2px -804px;
}

.font_box .sle .sle_icon_11 {
    background-position: -105px -803px;
}

.font_box .sle .sle_icon_12 {
    background-position: -209px -804px;
}

.box_tit {
    font-size: 36px;
    text-align: center;
    padding: 45px 0 35px 0;
}

.new-tit{
    padding: 40px 0 45px 0;
    text-align: center;
    font-size: 18px;
    color:#7d7d7d;
}

.new-tit h3{
    color:#040404;
    font-size:32px;
    margin-bottom:10px;
}

.font-inner {
    width: 316px;
}


/*视频块*/

.video_box {
    height: 680px;
    background: url("img/video_bg.jpg") center no-repeat;
}

.video_box .inner_box {}

.video_box .play_btn {
    background: url("img/play_btn.png") center no-repeat;
    width: 88px;
    height: 88px;
    top: 50%;
    left: 50%;
    margin: -44px 0 0 -44px;
    position: absolute;
}

.video_box .roundabout-in-focus .play_btn {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    margin: 0;
}

.video_box .video_font {
    text-align: center;
    color: #2d2d2d;
    margin-top: 45px;
    font-size: 18px;
}

.video_box .video_font h4 {
    font-size: 36px;
    padding: 10px;
}

.video_box .video_font a {
    color: #2d2d2d;
    font-size: 14px;
}

.video_bg {
    width: 100%;
    height: 100%;
    background: url("img/bBg.png") repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 300;
    display: none;
}

.video_box_pup {
    position: fixed;
    z-index: 301;
    width: 813px;
    height: 472px;
    background: #3a3a3a;
    border: 5px #1c1c1c solid;
    top: 50%;
    left: 50%;
    margin-left: -405px;
    margin-top: -235px;
    display: none;
}

.video_box_pup .video_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -5px;
    right: -45px;
    cursor: pointer;
    background: url("img/ec_gw.png") -265px -850px #1c1c1c no-repeat;
}

.video_box_pup:hover .video_close {
    display: block;
}

.video_box_pup iframe {
    border: none;
    width: 100%;
    height: 100%;
}


/*新闻&投资人*/

.new_box {
    padding: 70px 0 108px 0;
}

.new_box .fl,
.new_box .investor {
    padding: 19px;
    border: 1px #e2e7e9 solid;
    height: 410px;
    position: relative;
}

.new_box .fl {
    margin-right: 20px;
    width: 540px;
}

.new_box .investor {
    overflow: hidden;
}

.new_box .nb_tit {
    height: 19px;
    line-height: 19px;
    padding-left: 15px;
    border-left: 4px #52c018 solid;
    margin-left: -19px;
    margin-bottom: 19px;
    font-size: 18px;
}

.new_box .nb_tit .more {
    float: right;
    width: 100px;
    height: 30px;
    background-position: -281px -655px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #4f4e4e;
    margin-top: -5px;
}

.new_box .nb_tit .more:hover {
    background-position: -281px -692px
}

.new_img_box {
    height: 297px;
    overflow: hidden;
}

.new_img_box img {
    width: 540px;
    height: 260px;
}

.new_img_box .smtit {
    line-height: 14px;
    margin-top: 17px;
    color: #2d2d2d;
    margin-bottom: 2px;
}

.new_box .bot_point {
    position: absolute;
    bottom: 16px;
    right: 19px;
}

.new_box .bot_point a {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 2px;
    background-position: -294px -616px;
}

.new_box .bot_point a.active {
    background-position: -275px -616px;
}

.investor .inner_box {
    height: 370px;
    background: #f0f4f6;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
}

.investor .inner_box li {
    float:left;
    width: 20%;
}

.investor .inner_box .name {
    padding: 6px 0;
    text-align: center;
    color: #2d2d2d;
    height: 24px;
    display: none;
}

.investor .inner_box p {
    text-align: justify;
    padding: 10px 15px;
    color: #666;
    font-size: 14px;
    height: 256px;
    overflow: hidden;
    line-height: 22px;
}

.investor .avatar {
    display: inline-block;
    width: 111px;
    height: 111px;
    margin-top: 15px;
    overflow: hidden;
    border-radius: 100%;
}

.investor .avatar img {
    width: 100%;
    height: 100%;
}