@chart:utf8;

/*roadmap Styles*/
.map-wrap{width:1190px;}
.map-li{width:800px; height:146px; padding:15px; margin:20px 0px; background:#fff;border:1px solid #DDD;text-align:left;
  box-shadow: 0px 0px 3px #DDD;
}
.map-li:hover {
  border-color: #DDD;
  box-shadow: 0px 0px 3px #AAA;
}

  .map-li img{ float:left;}
  .map-li dt{ font-size:14px;height:30px; line-height:30px; position:relative;}
    .map-li dl{width:640px; float:right; color:#343434;}
      .map-li dt .tool{height:15px; position:absolute; right:5px; top:7px;}
      .map-li dt .tool a{ display:block; float:left; line-height:15px; font-size:12px; padding-right:5px;padding-left:16px;cursor: pointer;}
      .map-li dt .tool a.t1{width:110px;}
      .map-li dt .tool a.t2{width:40px;}
      .map-li dt .tool a.t3{width:30px;}
      .map-li dt .tool a.t1,.roadmapInfo .share .tool a.t1{background: url(../images/map-ico1.png) no-repeat no-repeat left center;}
      .map-li dt .tool a.t2,.roadmapInfo .share .tool a.t2{background: url(../images/map-ico2.png) no-repeat no-repeat left center;}
      .map-li dt .tool a.t3,.roadmapInfo .share .tool a.t3{background: url(../images/map-ico3.png) no-repeat no-repeat left center;}

/*roadmap view*/
.roadmapTop {background:#F2F2F2;}

.roadmapInfo  {padding:20px 0px;width: 800px;}
  .roadmapCrumbs  {margin-bottom:20px;}
  .roadmapInfo dl {line-height: 1.3;}
    .roadmapInfo dt {margin-top:20px;}
    .roadmapInfo dd {margin-top:5px;font-size: 12px;}

    .roadmapInfo .share .share-bg {padding-left: 16px;background: url(../images/map-ico4.png) no-repeat no-repeat left center;}

    .roadmapInfo .share .tool {padding-left:20px;position: relative;}
      .roadmapInfo .share .tool a {display: block;line-height: 24px;height:24px;padding-left: 16px;float:left;margin-right:20px;cursor: pointer;}

.roadmapStudy,.roadmapRight {padding-top:20px;}
.roadmapStudy {width: 800px;}
.roadmapRightTop  {width: 320px;}
.roadmapRight {width: 340px;}

.roadmapRightAD {position: absolute;right: 0;width: 340px;padding:10px;background: #FFF;right:0;bottom:20px;}
  .roadmapRightAD a {display: block;margin-bottom: 10px;}
  .roadmapRightAD p {font-size: 18px;line-height: 30px;}


.roadmapRight_Pack  {overflow: hidden;}
  .roadmapRight_Pack li {margin-bottom: 20px;}
  .roadmapRight_Pack a.pic  {display: block;float: left;width: 100px;position: relative;height: 75px;}
    .roadmapRight_Pack a.pic img  {width: 100%;height: 100%;}
    .roadmapRight_Pack a.pic p  {position: absolute;width: 100%;height: 20px;background: url(../images/index_bg_x.png);color:#FFF;text-align: center;bottom:0px;left:0px;}
    .roadmapRight_Pack .Info  {float: right;width: 230px;}
      .roadmapRight_Pack .Info h2 {height: 50px;line-height: 25px;overflow: hidden;margin-bottom: 5px;font-size: 16px;}
      .roadmapRight_Pack .Info p  {line-height: 20px;font-size: 14px;color:#848484;}

.r-map{width:750px;padding-left:20px;margin-top:32px;}
.r-mapItem  {background: url(../images/trunkbg.png) repeat-y 30px top;min-height: 120px;}
  .step-a{width:170px; float:left;height:55px;background: url(../images/trunkbg.png) repeat-x left 22px;position: relative;z-index: 999;}
  .step-b{width:580px; float:left;background: url(../images/branchebg4.png) no-repeat left 0px;position: relative;}
    .step-bItem {background: url(../images/branchebg2.png) no-repeat left 0px;padding-left: 40px;}
    .step-bItem_First {background: url(../images/branchebg.png) no-repeat left 22px;}
    .step-bItem_Last  {background: url(../images/branchebg3.png) no-repeat left 0px;}
    .step-bItem_Only  {background: url(../images/branchebg4.png) no-repeat left 0px;}
      .lesbox{ padding-left:75px;float:right;margin-bottom:20px;}

.load-pos, .loadbar-in {float:left;_display:inline;cursor: pointer;}
.load-pos {width:12px;margin-left:30px;}
.loadbar-in {width:10px; height:0px; background: #00baf2;}
.load-num {display: none;z-index:5;color: #000000;font-size: 12px;left: 15px;position: relative;width: 35px;}

.step-btn,.les-btn,.les-btn-un{ height:55px; cursor:pointer; position:relative;}
.step-btn{ background:#00baf2; color:#fff; font-size:14px; font-weight:bold;width:120px;}
.step-btn span{width:115px; height:47px; overflow:hidden; display:block;}
.lh18{ line-height:18px; padding:5px 5px 0; height:36px; overflow:hidden; text-align:left;}
.lh47{ line-height:47px; padding:0 5px; overflow:hidden;height:47px; text-align:center;}

.les-btn,.les-btn-un{ position:relative;width:166px;color:#565656;z-index: 1;}
.les-btn{background: #87dbf5; float:left;text-align: center;}
.les-btn span{width:166px; height:47px; line-height:47px; overflow:hidden; display:block;}

.w{background:#d8d8d8; font-size:12px; text-align:left; line-height:20px; display:none}/*模拟灰色阴影背景层*/
.x{background:#f6f6f6; color:#48cbf3;  border:1px solid #ececec; padding:10px;font-weight:normal;}/*内容div*/
.y{color:#f6f6f6;}/*模拟小三角*/
.z{color:#ececec;}


.listbox, .viewbox, .contant {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #F1F1F1;clear: both;float: left;left: 3px;
overflow: hidden;position: relative;top: 31px;width:830px;}
.viewbox {padding-bottom: 8px;}
.viewbox .info {color: #666666;height: 24px;line-height: 17px;margin-top: 15px;overflow: hidden;text-align: left;}
.viewbox .info small {color: #999999;font-size: 12px;margin-left: 8px;margin-right: 3px;}
.viewbox .title {height: 56px;line-height: 56px;overflow: hidden;padding-top: 10px;text-align: center;}
.viewbox .title h2 {color: #2B2B2B;font-size: 24px;}
.viewbox .content {color: #333333;font-size: 14px;line-height: 25px;padding: 12px 16px;}
.viewbox .actbox {float: right;padding-right: 10px;text-align: center;width: 695px;}
.viewbox .intro {
background: none repeat scroll 0 0 #FAFAFA;border: 1px solid #DCDDDD;color: #706A6A;
font-size: 14px;line-height: 24px;margin: 8px auto 0;padding: 8px 16px;width: 90%;}

.links {margin-top: 10px;width: 480px;margin:0 auto;}
.links a {background: url("../images/link.gif") repeat scroll 0 0 transparent;float: left;height: 30px;margin-left: 8px;width: 110px;}
.links .first{}
.links .second{background-position: 0 -30px;}
.links .third{background-position: 0 -60px;}
.links .fourth{background-position: 0 -90px;}
.viewbox .handle {clear: both;height: 30px;overflow: hidden;padding: 12px 16px 0;}
.viewbox .handle .context {float: left;width: 678px;}
.viewbox .handle .context ul li {color: #888888;line-height: 29px;}
.context .pre {float: left;}
.context .next {float: right;}
.content .center {display: inline;float: left;margin-bottom: 10px;width: 678px;}
.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}


.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}
.vi-left {float: left;}
.vi-left li {float: left;width: 100%;}
.content font {color: #000000;font-size: 14px;font-weight: bold;}
.lititle {color: #000000;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;margin-bottom: 10px;}
.content .contant {background: none repeat scroll 0 0 transparent;border: medium none;top: 0;width: 678px;}
.center p{font-size: 13px;text-indent: 2em;}

#Pxbs {margin-top:-44px;}