@charset "utf-8";
/* ==============================
 * 公用样式表
 * ==============================
 */
body,html,h1,h2,h3,h4,h5,h6,p,ul,ul li,dl,dt,dd,th,td,form,object,iframe,blockquote,pre,a,abbr,address,code,img,fieldset,form,label{margin:0;padding:0;}
body,html,input,button,textarea{color:#3f3f3f;font:14px/1.8 "Microsoft Yahei","宋体",Arial,Tahoma,Verdana,Helvetica, sans-serif;}
/*"Microsoft Yahei" "新宋体" */
.body_e{background: #f8fcff;}
body,html{background:#f5f5f5;_background-image:url(about:blank);_background-attachment:fixed;}
h1{font-size:18px;}
h2{font-size:16px;}
h3,h4,h5{font-size:14px;}
img{border:none;vertical-align:middle;}
ul>li{list-style:none;}
/*ol,ol li{list-style:none;}*/
i,em{font-style:normal;}
a{color:#3f3f3f;text-decoration:none; cursor: pointer;}
a:focus{outline:none;}
a:hover{text-decoration:none;}
/*input[type="text"]:focus{outline:none;} 去除默认标点边框*/
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
.disable{display:none;}
table { border-collapse: collapse; border-spacing: 0; }

/*选择*/
::-moz-selection { background: #b3d4fc; text-shadow: none; color:#000000;}
::selection { background: #b3d4fc; text-shadow: none; color:#000000;}
::-webkit-selection { background: #b3d4fc; text-shadow: none; color:#000000;}
/*默认滚动条*/
::-webkit-scrollbar { width: 6px; height: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-track { background: #F5F5F5 }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #8e8e93; }
::-webkit-scrollbar-thumb:window-inactive { background: #ddd }

/*背景色*/
.grayBg{background: #f5f5f5;}

/*文字排版*/
.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f15 { font-size: 15px }
.f16 { font-size: 16px }
.f17 { font-size: 17px }
.f18 { font-size: 18px }
.f19 { font-size: 19px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f28 { font-size: 28px }
.f30 { font-size: 30px }
.f32 { font-size: 32px }
.f34 { font-size: 34px }
.f36 { font-size: 36px }
.f38 { font-size: 38px }
.f40 { font-size: 40px }
.fb { font-weight: bold }
.fn { font-weight: normal }
.t2 { text-indent: 2em }
.lh26 { line-height: 26px; }
.lh150 { line-height: 150% }
.lh180 { line-height: 180% }
.lh200 { line-height: 200% }
.unl { text-decoration: underline; }
.no_unl { text-decoration: none; }
.cursor { cursor: pointer; }

/*定位*/
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.cb { clear: both }
.cl { clear: left }
.cr { clear: right }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1% }
.clearfix { display: block }
.vm { vertical-align: middle }
.pr { position: relative }
.pa { position: absolute; right: 0 }
.abs-right { position: absolute; right: 0 }
.zoom { zoom: 1 }
.hidden { visibility: hidden }
.none { display: none }
.overflow { overflow: hidden; }
.disb{display: block;}
.disib{display: inline-block;}

/*长度高度*/
.w10 { width: 10px }
.w20 { width: 20px }
.w30 { width: 30px }
.w40 { width: 40px }
.w50 { width: 50px }
.w60 { width: 60px }
.w70 { width: 70px }
.w80 { width: 80px }
.w90 { width: 90px }
.w100 { width: 100px }
.w200 { width: 200px }
.w250 { width: 250px }
.w300 { width: 300px }
.w400 { width: 400px }
.w500 { width: 500px }
.w600 { width: 600px }
.w700 { width: 700px }
.w800 { width: 800px }
.w { width: 100% }
.h20 { height: 20px; }
.h30 { height: 30px }
.h50 { height: 50px }
.h75 { height: 75px }
.h80 { height: 80px }
.h100 { height: 100px }
.h200 { height: 200px }
.h { height: 100% }
.wp10{width:10%;}
.wp15{width:15%;}
.wp20{width:20%;}
.wp30{width:30%;}
.wp33{width: 33.33%;*width:33.2%;}
.wp40{width:40%;}
.wp50{width:50%;}
.wp60{width:60%;}
.wp70{width:70%;}
.wp80{width:80%;}
.wp90{width:90%;}
.wp100{width:100%;}
/*边距*/
.m0 { margin: 0px }
.m5 { margin: 5px }
.m10 { margin: 10px }
.m15 { margin: 15px }
.m30 { margin: 30px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt50 { margin-top: 50px }
.mt60 { margin-top: 60px }
.mt80 { margin-top: 80px }
.mt100 { margin-top: 100px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mb100 { margin-bottom: 100px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml50 { margin-left: 50px }
.ml100 { margin-left: 100px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr25 { margin-right: 25px }
.mr30 { margin-right: 30px }
.mr50 { margin-right: 50px }
.mr100 { margin-right: 100px }
.p0 { padding: 0px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p30 { padding: 30px; }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pt40 { padding-top: 40px }
.pt50 { padding-top: 50px }
.pt60 { padding-top: 60px }
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.pb50 { padding-bottom: 50px }
.pb100 { padding-bottom: 100px }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl30 { padding-left: 30px }
.pl50 { padding-left: 50px }
.pl100 { padding-left: 100px }
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pr50 { padding-right: 50px }
.pr100 { padding-right: 100px }

/**颜色***/
.white-fc { color: #fff; }
.white-bg { background-color: #fff; }
.black-fc { color: #000; }
.black-bg { background-color: #000; }
.blue-fc { color: #3eabe7; }
.red-fc { color: red; }
.red-bg { background-color: red; }
.green-fc { color: #009900; }
.color6 { color: #666666; }
.color-bd { color: #bdbdbd; }
.fc1daffc { color: #1daffc; }
.fca9a9a9 { color: #a9a9a9; }
.fc656565 { color: #656565; }

/* 清除浮动 */
.clearfix:after,.layout:after,.soft-info li:after,.pd-intro-nav dd:after,.index-tbar:after,.help-head:after,.main-menu-list ul:after,.help-search:after,.help-wrap:after,.intro-layout:after,.pictxt-item:after,.download-tbar:after,.video-couse:after,.video-couse-side dl:after,.video-couse:after,.titbar:after,.our-service:after,.sv-items:after,.process-bar:after,.login-box .login-foot:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
* html .clearfix,* html .layout,* html .soft-info li,* html .pd-intro-nav dd,* html .index-tbar,* html .help-head,* html .main-menu-list ul,* html .help-search,* html .help-wrap,* html .intro-layout,* html .pictxt-item,* html .download-tbar,* html .video-couse,* html .video-couse-side dl,* html .video-couse,* html .titbar,* html .our-service,* html .sv-items,* html .process-bar,* html .login-box .login-foot{display:inline-block;}
* +html .clearfix,* +html .layout,* +html .soft-info li,* +html .pd-intro-nav dd,* +html .index-tbar,* +html .help-head,* +html .main-menu-list ul,* +html .help-search,* +html .help-wrap,* +html .intro-layout,* +html .pictxt-item,* +html .download-tbar,* +html .video-couse,* +html .video-couse-side dl,* +html .video-couse,* +html .titbar,* +html .our-service,* +html .sv-items,* +html .process-bar,* +html .login-box .login-foot{display:inline-block;}

/* 布局 */
.layout,.login-layout,.slide-wrap{width:1200px;margin:0 auto; min-width: 1200px;}
.wrap-bg{background:#fff;}
.slide-item,.soft-panel,.pd-intro-nav,.footer,.course-bar,.adv-bar,.join-banner,.index-slide-banner,.index-slide-banner .slide-item{min-width:1008px;}
.logo,/* .nav li a ,*/.show-cases .title,.soft-panel .soft-title,.pd-intro-nav dt a,.advantage .title,.download-banner dt{text-indent:-9999em;overflow:hidden;}
.ymt{padding-top:62px;}

/* 按钮 */
.btn-download-blue,.btn-download-blue-shadow{background-image:url(../img/btn_download_blue.png);background-repeat:no-repeat;background-color:transparent;}
.btn-download-blue1{background-image:url(../img/btn_download_blue1.png);background-repeat:no-repeat;background-color:transparent;}
.btn-download-blue,.btn-download-green,.btn-apply{display:block;width:201px;height:55px;background-position:0 0;}
.btn-download-blue:hover,.btn-download-green:hover,.btn-apply:hover{background-position:0 -60px;}
.btn-download-blue:active,.btn-download-green:active,.btn-apply:active{background-position:0 -120px;}
.btn-download-blue1,.btn-download-green1{display:block;width:174px;height:55px;background-position:0 0;}
.btn-download-blue1:hover,.btn-download-green1:hover{background-position:0 -55px;}
.btn-download-blue1:active,.btn-download-green1:active{background-position:0 -110px;}
.btn-download-blue-shadow,.btn-download-green-shadow{display:block;width:201px;height:47px;margin:-5px auto 0;background-position:0 -178px;position:relative;}
.btn-download-green,.btn-download-green-shadow{background-image:url(../img/btn_download_green.png);background-repeat:no-repeat;background-color:transparent;}
.btn-download-green1{background-image:url(../img/btn_download_green1.png);background-repeat:no-repeat;background-color:transparent;}
.btn-apply{background-image:url(../img/btn_apply.png);background-repeat:no-repeat;background-color:transparent;}

/* 标题栏 */
.titbar {border-bottom:1px solid #e1e1e1;margin-bottom:10px;}
.titbar h2{display:inline;float:left;font-size:24px;font-weight:normal;line-height:1.5;border-bottom:4px solid #319ad2;padding:0 3px 3px;margin-bottom:-1px;position:relative;}

/* 主体 */
.show-cases .case-name,.advantage .a-list,.index-news .title,.clients .title,.foot-tit,.course-bar .title,.pictxt-item .tit,.download-tbar h2,.adv-bar h2,.titbar,.our-advantage,.our-service dt,.join-process .process-bar dt,.login-box .login-tit{font-family:"微软雅黑","Microsoft YaHei";}

/* 交互 */
.pd-intro-nav dt,.course-bar,.our-service dt i{-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}

/* ================
   页头
   */
/*.top{width: 100%;padding:5px 0 5px 0px;background: #171F2A;z-index: 1000;position: fixed;top: 0px;}*/
/*.body_e .top{position: fixed;top: 0px;}*/
/*.topr{display:inline;float:right;}*/
/*.topr li{display:inline;padding:0 10px 0 10px;float:left;border-left: 1px solid #999;font-size: 12px;min-width: 85px;text-align: center;}*/
/*.topr li,.topr li a{color:#fff;}!*#999*!*/
/*.topr li:first-child{border:none;}*/
/*.topr li .top-tel,.topr li .top-qq,.topr li .top-weibo{padding:0 0 0 20px;float:left;}*/
/*.topr li .top-tel{background: url(../img/icon-phone.png) no-repeat left center;padding-left: 16px; border: none;}*/
/*.topr li .top-qq{background: url(../img/qq.png) no-repeat left center;padding-left: 22px; border: none;}*/
/*.topr li .top-in,.topr li .top-reg{color:#1daffc;font-weight: bold;}*/
/*.topr .btn_yun_hover{position: relative;}*/
/*.topr .btn_yun_hover div{position: absolute;left: 0;z-index: 1100;display: none;}*/
/*.topr .btn_yun_hover div a{display: block;width:95px;height: 40px;line-height: 40px;padding: 0 5px 0 5px;z-index: 1100;text-align: center;background: #363636;color: #fff; }*/

.header{width:100%;height:80px;background:#fff;z-index: 100;position: fixed;}
.body_e .header{position: fixed;top:31px;}
.header .layout{position:relative;}
.logo{width:204px;height:52px;float:left;margin:14px 78px 0 0;}
.header-try{display:inline-block;margin: 0px 0px 5px 8px;}
.navbar{width:918px;height:80px;line-height: 80px;float:right;}
.nav,.nav li,.nav li a{display:inline;float:left;}
.nav{height:80px;line-height: 80px;}
.nav li{width:115px;height:80px;line-height: 80px;position: relative;}
.nav li a{display:block;width:115px;color: #606266;text-decoration: none;text-align:center; font-size: 18px;
    position: relative;}
.nav li a img{position: absolute;top: 8px;right: 4px;width: 25px;height: 17px;}
.nav li a:hover{background: #f5f5f5;color:#3197e9;}
.nav li.current>a{background: #fff;color:#3197e9;}
.nav li a.m1{background-position:0 0;}
.nav li a.m1:hover,.nav li.current a.m1{background-position:0 -25px;}
.nav li div{position: absolute;left: 0;top:62px;display: none;}
.nav li div a{display: block;width:105px;height: 40px;line-height: 40px;padding: 0 5px 0 5px;text-align: center;background: #2B3442;color: #fff;font-size: 14px; }
.nav li div a:hover{color:#1daffc;}

.userBtn{
    display: inline-flex;
}

.userBtn li{
    margin-left: 15px;
    float: left;
}

.userBtn .comm-btn {
    white-space: nowrap;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    box-shadow: 0 1px 10px rgba(50,50,93,.11), 0 1px 10px rgba(0,0,0,.08);
    /*background: rgba(0,0,0,0);*/
    border-radius: 3px;
    letter-spacing: 1px;
    /*color: #000;*/
    text-decoration: none;
    cursor: pointer;
}

.userBtn .comm-btn.primary {
    background: #108ee7;
    border: 1px solid #108ee7;
    color: #fff;
    box-shadow: 0 1px 10px rgba(141,205,250,.4), 0 1px 10px rgba(141,205,250,.3);
}

.userBtn .comm-btn.warn {
    /* background: #E64340; */
    border: 1px solid #bbb;
    color: #000;
}

/* 向下滚动后固定顶部 */
.click-down{text-align: center;position: relative;width: 1200px;height: 38px;margin: auto;}
.click-down a{width: 52px;height: 38px;display: block;position: relative;padding-left: 574px;padding-right:574px; }
.click-down img {position:relative;z-index: 11000; animation: Updown 1s infinite alternate; -webkit-animation: Updown 1s infinite alternate; }
@keyframes Updown {
    from { margin-top: 18px; }
    to { margin-top: 2px; }
}
@-webkit-keyframes Updown {
    from { margin-top: 18px; }
    to { margin-top: 2px; }
}


/*foot 页尾*/
.footer{
    background: #373D45;
}

.footer .navBox .footerList{
    width: 33.3333%;
    height:auto;
    float: left;
    color: #C0C4CC;
    font-size: 14px;
}

.footer .navBox{
    width: 100%;
    display: inline-flex;
    padding: 25px 0 34px;
    /*border-bottom: 1px solid rgba(82,90,102,0.5);*/
}
.footer .navBox ul{
    width: 100%;
}

.footer .navBox .footerList ul li{
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #979fa8;
    padding: 0 30px;
}

.footer .footerList h3{
    display: inline-block;
    width: 200px;
    line-height: 28px;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 30px;
    margin-bottom: 15px;
}

.footer .linkBox{
    line-height: 22px;
    padding: 12px 0;
    display: inline-flex;
}

.footer .linkBox span{
    float: left;
    font-size: 14px;
    color: #fafafa;
    margin-right: 10px;
}

.footer .linkBox a{
    float: left;
    display: inline-block;
    color: #979fa8;
    padding: 0 7.5px;
    position: relative;
}

.footer .linkBox i{
    float: left;
    display: inline-block;
    color: #777e87;
}

.footer .copy{
    height: 40px;
    line-height: 40px;
    background: #30353c;
    color: #979fa8;
    text-align: center;
}

/*.Foot{background: #F0F2F5;padding: 20px;}*/
/*.Foot .end-body{width: 1190px;height: 120px; position: relative; z-index: 20;}*/
/*.Foot .end-body .held-sec1,.Foot .end-body .held-sec2,.Foot .end-body .held-sec3{float: left; width: 190px;height: 120px; border-right: 1px solid #c2c2c2; text-align: left; padding-left: 20px;}*/
/*.Foot .end-body .held-sec4,.Foot .end-body .held-sec5{float: left; width: 250px;height: 120px; text-align: left; padding-left:20px;}*/
/*.Foot .end-body strong{font-size: 14px;padding-bottom: 10px;display: inline-block;color: #333;}*/
/*.Foot .end-body p,.Foot .end-body p a{color: #8b8b8b;}*/
/*.Foot .end-foot{height:45px;line-height:45px;position: relative; margin:auto;text-align: center;}*/
/*.sec1{background: url(../img/icon-phone.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }*/
/*.sec2{background: url(../img/icon-qq.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }*/
/*.sec3{background: url(../img/icon-email.png) no-repeat left bottom;width: 12px; height: 12px;display: block;float: left;position: relative;top: 8px;margin-right:10px; }*/
/*.back_to_top { display: none; position: fixed; right: 50px; bottom: 50px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))-40); }*/
/*.back_to_top .back { width: 39px; height: 39px; margin-bottom: 15px; border: 1px solid #0189DD; background: url(../img/64.gif) 5px 10px no-repeat #0189DD; cursor: pointer; }*/
/*.back_to_top .back div { font-size: 10px; color: #fff; padding: 3px 7px; background-color: #0189DD; display: none; _line-height: 17px; line-height: 17px; }*/
/*.end-link{line-height:25px;margin-top:20px;color:#8b8b8b;border:1px dashed #bbb6b6;}*/
/*.end-link a{color: #8b8b8b;}*/
/*.end-safe{width: 510px; height: 50px; margin: 20px auto 0;}*/
/*.end-safe .safe1 {width: 260px; height:50px;}*/
/*.end-safe .safe2 {width: 230px; height:25px; margin: 10px 0 0 10px;}*/
/*.end-safe .safe2 a p {color: #939393;}*/

/*临时广告位*/
#pop{background:#fff;width:300px; min-height:180px;font-size:12px;position:fixed;right:4px;bottom:0;border: 1px solid #d3d3d3;z-index:111111;display: block;overflow: hidden;border-radius: 2px;}
#popHead{line-height:32px;background:#f6f0f3;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
#pop #popContent{padding:10px;font-size: 10px;overflow: hidden;display: block;}
.section.active #pop{ animation: popOpacity 1s; -webkit-animation: popOpacity 1s;}

/* ie9 */
.lt-ie9-bg{z-index:11111;position:fixed;top:0;left:0;right:0;bottom:0; background: #f7f7f7;}
.lt-ie9-bg .dash{position:absolute;left:50%;right:50%;top:50%;bottom:50%;margin:auto; width:300px; height:150px;margin-left: -150px;margin-top:-75px; }
.lt-ie9-bg a{color:#185faf;border-bottom:1px solid #d3d3d3;}
.lt-ie9-bg a:hover{text-decoration:none;}
.non-display{display:none;}



/*告别ie 6和7*/
#Farewell_ie_6and7_id{z-index:11111;position:fixed;top:0;left:0;right:0;bottom:0; background: #f7f7f7;}
.ie_6and7_icon_box_css{ height:219px; background-image:url(../img/ie_6_7.png); background-position:center; background-color:#50638e;min-width: 1100px;}
.ie_6and7_Text_box_css{ width:820px; margin:10px auto;text-indent:2em; font-size:14px; line-height:30px;}
.ie_6and7_Text_box_css >div{ margin:20px 0px;}
.ie_6and7_Text_box_css >div:first-child{ margin-top:0px;text-indent:0em;}

/*浏览器 图标*/
.Browser_icon_css{ margin:15px 0px 35px 0px;}
.Browser_icon_css >a{ margin-right:15px;}

@keyframes popOpacity {
    from {
        opacity: .3; filter: alpha(opacity=30); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    }
    to {
        opacity: 1; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}
@-webkit-keyframes popOpacity {
    from {
        opacity: .3; filter: alpha(opacity=30); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    }
    to {
        opacity: 1; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    }
}

/*悬浮框样式*/
.consultationList{z-index: 6;position: fixed;top: 50%;right: 2px;margin-top: -179px;  }
.consultationList ul {width:69px;}
.consultationList li {position:relative;float:right;width:69px;height:69px;margin-bottom:2px;font-size:0px;text-align:center;}
.consultationList li.openLi {overflow:hidden;-moz-transition: all .5s; -webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.consultationList li.openLi a {width:190px;display:inline-block;vertical-align:top;}
.consultationList li span {float:left;width:69px;line-height:15px;display:inline-block;vertical-align:top;}
.consultationList li span.s2 {width:120px;height:69px;font-size:14px;line-height:69px;}
.consultationList li:hover span.s2 {margin-left:-20px;}
.consultationList li div {position:absolute;top:-47px;left:-182px;width:160px;height:160px;padding:5px;display:none;background:#fff;box-shadow:0 0 10px #09A1ED;border:1px solid #09A1ED;}
.consultationList li div img {width:150px;height:150px;}
.consultationList li p {font-size:12px;line-height:15px;}
.consultationList li a {color:#fff;}
.consultationList li .icon {width:32px;height:32px;margin-top:11px;margin-bottom:5px;display:inline-block;vertical-align:top;}
.consultationList li.l1 {background:#7be488;}
.consultationList li.l2 {background:#7be0e4;}
.consultationList li.l3 {background:#f1ca80;}
.consultationList li.l4 {background:#8cc3f1;}
.consultationList li.l5 {background:#FF8D6E;}
.consultationList li.l6 {background:#71CAF4;}
.consultationList li.l6  i{background:none;}
.consultationList li.l1 i {background-position:-702px -10px;}
.consultationList li.l2 i {background-position:-738px -10px;}
.consultationList li.l3 i {background-position:-777px -10px;}
.consultationList li.l4 i {background-position:-815px -10px;}
.consultationList li.l5 i {background-position:-852px -10px;}
.consultationList li:hover{ width: 170px; background:#09A1ED;}
.consultationList li:hover div{display: inline-block;}