/* CSS Document */

body {
    font-family: "Helvetica Neue', Helvetica, Arial,sans-serif";
    font-size: 12px;
}
.grey {
    background-color: #ededed;
}
.red {
    color: #e21326;
}
.textIndent {
    text-indent: 2em;
}
.imp {
    font-family: impact,"Arial Black",Gadget,sans-serif;
}
.fs14 {
    font-size: 14px;
}
.clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.fs12 {
    font-size: 12px;
}
.fs16 {
    font-size: 16px;
}
.fs18 {
    font-size: 18px;
}
.orange {
    color: orange;
}
.backTop {
    bottom: 100px;
    display: none;
    opacity: 0;
    position: fixed;
    right: 15px;
}
.btqrImg {
    background: #424242 none repeat scroll 0 0;
    display: none;
    font-size: 0;
    height: 0;
    line-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 4px;
    position: absolute;
    right: 69px;
    top: 0;
    width: 0;
}
.btqrImg img {
    height: 100%;
    width: 100%;
}
.btqrShow {
    background: #424242 url("../images/back_top_qrico.png") no-repeat scroll center center;
    border-bottom: 1px solid #696969;
    display: block;
    height: 66px;
    width: 69px;
}
.btBtn {
    background: #424242 url("../images/back_top_arrow.png") no-repeat scroll center center;
    display: block;
    height: 61px;
    width: 69px;
}
.mCustomScrollbar {
}
.mCustomScrollbar.mCS_no_scrollbar {
}
.mCustomScrollBox {
    direction: ltr;
    height: 100%;
    max-width: 100%;
    outline: medium none;
    overflow: hidden;
    position: relative;
}
.mCSB_container {
    height: auto;
    overflow: hidden;
    width: auto;
}
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 30px;
    margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}
.mCSB_scrollTools {
    bottom: 0;
    height: auto;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: 0;
    right: auto;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    width: 2px;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    height: 30px;
    width: 100%;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 16px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
.header {
    height: 103px;
    left: 0;
    min-width: 1000px;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 999;
}
.header_bg {
    background: #ffffff none repeat scroll 0 0;
    height: 103px;
}
.header_bar {
    background: #303030 url("../images/menu_shadow_top.png") repeat-x scroll center bottom;
    height: 34px;
    position: relative;
    z-index: 9;
}

.sfocus {
    background: url("../images/header_arrow.png") no-repeat scroll right center;
    color: #999999;
    margin: 0 18px 0 10px;
    padding: 0 16px 0 0;
    text-decoration: none;
}
.slist.active .sfocus {
    background-image: url("../images/header_arrow_hover.png");
    color: #ffffff;
}
.sqrcode_wrap {
    background: url("../images/qr_code_shadow.png") no-repeat scroll center bottom;
    display: none;
    height: 229px;
    opacity: 0.8;
    padding: 25px 4px 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 200px;
}
.mshadow {
    background: url("../images/menu_shadow_bottom.png") repeat-x scroll left bottom;
    bottom: -5px;
    clear: both;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
}
.mwrap {
    float: right;
}
.mli {
    border-left: 1px solid #bfbfbf;
    float: left;
    height: 69px;
	width:111px;
}
.mlink {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 45px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 82px;
	width:111px;
}
.mlink.curr {
    background: #4d4d4d none repeat scroll 0 0;
}
.mico {
    display: block;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 24px;
}
.micoi {
    background: url("../images/menu_ico.png") no-repeat scroll center center;
    height: 631px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px;
}
.mname {
    color: #373737;
    line-height: 20px;
}
.curr .mname {
    color: #ffffff;
}
.mico_home .micoi {
    top: 0;
}
.curr .mico_home .micoi {
    top: -48px;
}
.mico_1 .micoi {
    top: -72px;
}
.curr .mico_1 .micoi {
    top: -120px;
}
.mico_2 .micoi {
    top: -144px;
}
.curr .mico_2 .micoi {
    top: -192px;
}
.mico_3 .micoi {
    top: -216px;
}
.curr .mico_3 .micoi {
    top: -264px;
}
.mico_4 .micoi {
    top: -288px;
}
.curr .mico_4 .micoi {
    top: -336px;
}
.mico_5 .micoi {
    top: -360px;
}
.curr .mico_5 .micoi {
    top: -408px;
}
.mico_6 .micoi {
    top: -432px;
}
.curr .mico_6 .micoi {
    top: -480px;
}
.mico_7 .micoi {
    top: -505px;
}
.curr .mico_7 .micoi {
    top: -552px;
}
.banner {
    height: 650px;
    overflow: hidden;
    position: relative;
}
.bwrap {
    position: relative;
    z-index: 0;
}
.bquery {
    height: 650px;
    position: relative;
    z-index: 0;
}
.blist {
    display: none;
    font-size: 0;
    height: 650px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}
.blist a {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.blist img {
}
.bfilter {
    font-size: 0;
    height: 650px;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
.bfilter a {
    height: 650px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 5%;
}
.bfilter a img {
    left: 0;
    position: absolute;
    top: 0;
}
.bctrl {
    bottom: 24px;
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
}
.bctrli {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.bctrli a {
    background: url("../images/banner_control.png") no-repeat scroll left center;
    display: inline-block;
    height: 50px;
    margin: 0 3px;
    width: 24px;
}
.bctrli a:hover, .bctrli a.curr {
    background-position: right center;
}
.bctrli a {
}
.service {
    margin: 0 auto;
    padding: 0 0 47px;
    width: 1000px;
}
.serQuery {
    height: 347px;
    margin: 0 0 0 -14px;
    overflow: hidden;
    padding: 50px 0 0;
    width: 1028px;
}
.serLi {
    float: left;
    height: 346px;
    margin: 0 14px;
    position: relative;
    width: 229px;
}
.serWrap {
    border: 1px solid #cecece;
    height: 344px;
    left: 0;
    position: absolute;
    top: 0;
    width: 227px;
}
.serIco {
    background: #666666 url("../images/service_ico_circle.png") no-repeat scroll center center;
    font-size: 0;
    height: 103px;
    line-height: 0;
    margin: 24px auto 0;
    text-align: center;
    width: 103px;
}
.serTitle {
    color: #000000;
    font-size: 18px;
    line-height: 28px;
    margin: 16px 0 4px;
    text-align: center;
}
.serIntro {
    color: #484848;
    line-height: 24px;
    padding: 0 0 16px;
    text-align: center;
}
.serLink {
    border-top: 1px dotted #8d8d8d;
    margin: 0 auto;
    padding: 21px 0 0;
    width: 192px;
}
.serBtn {
    display: block;
    height: 37px;
    line-height: 36px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 120px;
}
.serBtnLink, .serBtnHover {
    background: url("../images/service_button.png") no-repeat scroll center top;
    height: 37px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.serBtnLink {
    background-position: center top;
    color: #3f3f3f;
    z-index: 1;
}
.serBtnHover {
    background-position: center center;
    color: #ffffff;
    z-index: 0;
}
.introShow {
    background: #ebebeb none repeat scroll 0 0;
    margin: 0 0 19px;
}
.icaseWrap {
    margin: 0 auto;
    padding: 24px 0 16px;
    width: 1000px;
}
.icaseHeader {
    height: 36px;
    overflow: hidden;
    padding: 0 0 12px;
}
.icaseDetLink {
    background: #cbcbcb url("../images/case_more_arrow.png") no-repeat scroll 70px center;
    color: #ffffff;
    float: right;
    height: 28px;
    line-height: 28px;
    margin: 4px 0 0;
    padding: 0 18px 0 0;
    text-align: center;
    text-decoration: none;
    width: 78px;
}
.icaseName {
    background: url("../images/case_title.png") no-repeat scroll left center;
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 20px;
    padding: 12px 0 0 110px;
}
.icaseBody {
    overflow: hidden;
}
.icaseLeft {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    overflow: hidden;
    padding: 20px 0 0;
    position: relative;
    width: 402px;
}
.icaseLeftTitle {
    color: #858585;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 18px;
}
.icaseLeftIntro {
    margin: 16px 0 0;
    position: relative;
}
.icasebPrev, .icasebNext {
    background: url("../images/case_control.png") no-repeat scroll 0 0;
    height: 31px;
    position: absolute;
    top: 120px;
    width: 31px;
    z-index: 9;
}
.icasebPrev {
    background-position: left bottom;
    left: 0;
}
.icasebPrev:hover {
    background-position: left top;
}
.icasebNext {
    background-position: right bottom;
    right: 0;
}
.icasebNext:hover {
    background-position: right top;
}
.icaseBanner {
    height: 441px;
    position: relative;
    z-index: 0;
}
.icasebli {
    left: 0;
    position: absolute;
    top: 0;
    width: 402px;
}
.icasePic {
    display: block;
    font-size: 0;
    height: 255px;
    line-height: 0;
    overflow: hidden;
    width: 402px;
}
.icaseInfo {
    border-bottom: 1px solid #ececec;
    padding: 19px 21px 7px;
}
.icaseTitle {
    color: #353535;
    font-size: 18px;
    line-height: 28px;
}
.icaseDate {
    color: #adadad;
    font-size: 14px;
    line-height: 22px;
}
.icaseIntro {
    color: #868686;
    line-height: 20px;
    padding: 20px;
}
.icaseRight {
    float: right;
    overflow: hidden;
    width: 598px;
}
.icaserQuery {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 0 0 14px 15px;
    padding: 8px 0 0;
    width: 284px;
}
.icaserTitle {
    color: #353535;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 0 15px;
    text-decoration: none;
}
.icaserQuery:hover .icaserTitle {
    color: #ffffff;
}
.icaserDate {
    color: #adadad;
    display: block;
    line-height: 20px;
    padding: 0 0 0 15px;
}
.icaserPic {
    font-size: 0;
    height: 180px;
    line-height: 0;
    margin: 13px 0 0;
    overflow: hidden;
    position: relative;
    width: 284px;
}
.icaserMask {
    background: #000000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8;
}
.icaserLink {
    background: url("../images/case_detail.png") no-repeat scroll center center;
    height: 45px;
    left: 120px;
    position: absolute;
    top: -45px;
    width: 45px;
    z-index: 9;
}
.iaAndn {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 46px;
    width: 1000px;
}
.iabout {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 0 1px 0 0;
    overflow: hidden;
    width: 402px;
}
.iaHeader {
    border-bottom: 1px solid #eaeaea;
    height: 54px;
    position: relative;
    z-index: 9;
}
.iaPrev, .iaNext {
    background: #bbbbbb url("../images/about_control.png") no-repeat scroll 0 0;
    height: 33px;
    position: absolute;
    top: 11px;
    width: 33px;
}
.iaPrev {
    background-position: left center;
    right: 51px;
}
.iaNext {
    background-position: right center;
    right: 17px;
}
.iaPrev:hover, .iaNext:hover {
    background-color: #606060;
}
.iaQuery {
    height: 225px;
    position: relative;
    width: 402px;
    z-index: 0;
}
.iaList {
    background: #ffffff none repeat scroll 0 0;
    height: 225px;
    position: absolute;
    width: 402px;
}
.iaName {
    height: 32px;
    left: 0;
    padding: 11px 0 11px 23px;
    position: absolute;
    top: -55px;
    width: 379px;
}
.iaNameEn {
    color: #777777;
    font-size: 24px;
    line-height: 32px;
}
.iaNameCn {
    color: #9c9c9c;
    line-height: 20px;
    margin: 0 0 0 8px;
    vertical-align: 2px;
}
.iaBody {
    height: 225px;
}
.iaPic {
    font-size: 0;
    height: 175px;
    left: 20px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 172px;
}
.iaPicMask {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    height: 36px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
}
.iaPicName {
    bottom: 0;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    line-height: 36px;
    padding: 0 10px;
    position: absolute;
    right: 0;
}
.iaIntro {
    position: absolute;
    right: 14px;
    top: 25px;
    width: 176px;
}
.iaTitle {
    color: #515151;
    font-size: 16px;
    line-height: 24px;
}
.iaContent, .iaContent a {
    color: #515151;
    line-height: 24px;
    padding: 15px 0 0;
}
.iaCtrl {
    border-top: 1px solid #eaeaea;
    height: 31px;
    padding: 19px 14px 0 0;
    text-align: right;
}
.iaCtrl a {
    background: #e0e0e0 none repeat scroll 0 0;
    display: inline-block;
    height: 11px;
    margin: 0 3px;
    width: 11px;
}
.iaCtrl a {
}
.iaCtrl a:hover, .iaCtrl a.curr {
    background: #4b4b4b none repeat scroll 0 0;
}
.iNews {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    width: 597px;
}
.inHeader {
    height: 54px;
    padding: 0 0 0 28px;
}
.inMore {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #eaeaea;
    color: #5f5f5f;
    float: right;
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    text-decoration: none;
    width: 72px;
}
.inMore:hover {
    color: #ffffff;
}
.inPrev, .inNext {
    background: #ffffff url("../images/news_control.png") no-repeat scroll 0 0;
    border-left: 1px solid #eaeaea;
    float: right;
    height: 54px;
    width: 56px;
}
.inPrev {
    background-position: left bottom;
}
.inNext {
    background-position: right bottom;
}
.inPrev:hover {
    background-position: left top;
}
.inNext:hover {
    background-position: right top;
}
.inNameEn {
    color: #777777;
    font-size: 24px;
    line-height: 54px;
}
.inNameCn {
    color: #9c9c9c;
    line-height: 20px;
    margin: 0 0 0 8px;
    vertical-align: 2px;
}
.inQueryWrap {
    height: 277px;
    overflow: hidden;
    position: relative;
    width: 598px;
}
.inQuery {
    height: 277px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1196px;
}
.inList {
    border-top: 1px solid #eaeaea;
    height: 112px;
    padding: 26px 0 0 112px;
    position: relative;
    width: 486px;
}
.inList.inListTop {
    left: 598px;
    position: absolute;
    top: 0;
}
.inList.inListBottom {
    left: 598px;
    position: absolute;
    top: 139px;
}
.inLableDate {
    background-color: #9b9b9b;
    color: #ffffff;
    height: 73px;
    left: 28px;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 65px;
}
.indDay {
    border-bottom: 1px dotted #ffffff;
    display: block;
    font-size: 36px;
    height: 45px;
    line-height: 45px;
}
.indMonth {
    display: block;
    font-size: 14px;
    line-height: 24px;
}
.inDate {
    color: #b6b6b6;
    line-height: 24px;
    position: absolute;
    right: 28px;
    top: 28px;
}
.inTitle {
    color: #393939;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
}
.inList:hover .inTitle {
    color: #058bbc;
}
.inIntro {
    color: #868686;
    line-height: 20px;
    padding: 10px 28px 0 0;
}
.picLink {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eaeaea #eaeaea #eaeaea -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    height: 78px;

    margin: 0 auto 18px;
    overflow: hidden;
    width: 1001px;
}
.plQuery {
    height: 78px;
    overflow: hidden;
}
.plList {
    border-left: 1px solid #eaeaea;
    float: left;
    height: 78px;
    width: 199px;
}
.plList a {
    display: block;
    font-size: 0;
    height: 78px;
    line-height: 0;
    position: relative;
    width: 199px;
}
.plGrey {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9;
}
.plColor {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.webSite {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    margin: 0 auto;
    overflow: hidden;
    padding: 28px 0 32px;
    width: 998px;
}
.wsLink {
    float: left;
    overflow: hidden;
}
.wslList {
    border-right: 1px solid #dedede;
    float: left;
    padding: 0 36px 0 48px;
}
.wslName, .wslName a, .wslName a:hover {
    color: #393939;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}
.wslcQuery {
    height: 128px;
    padding: 8px 0 0;
}
.wslcQuery li {
}
.wslcQuery a {
    color: #717171;
    line-height: 24px;
    text-decoration: none;
}
.wslcQuery a:hover {
    color: #604f96;
}
.wsContact {
    color: #000000;
    float: left;
    font-size: 18px;
    line-height: 28px;
    padding: 32px 0 0 58px;
}
.wsContact li {
    overflow: hidden;
}
.wscKey {
    float: left;
    text-align: right;
    width: 135px;
}
.wscVal {
    color: #a60000;
    float: left;
    font-family: impact;
    font-size: 24px;
    letter-spacing: 1px;
    padding: 0 5px;
}
.textLink {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: -moz-use-text-color #eaeaea #eaeaea;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin: 0 auto 19px;
    padding: 0 0 14px;
    width: 998px;
}
.tlHeader {
    color: #000000;
    font-size: 14px;
    line-height: 32px;
    padding: 8px 0 14px 18px;
}
.tlNameEn {
    color: #b6b6b6;
}
.linkQuery {
    overflow: hidden;
}
.linkQuery li {
    float: left;
    margin: 0 0 0 30px;
}
.linkQuery a {
    color: #717171;
    line-height: 24px;
    text-decoration: none;
}
.linkQuery a:hover {
    color: #000000;
}
.footer {
    background-color: #232323;
}
.footerWrap {
    color: #717171;
    line-height: 24px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 16px;
    width: 1000px;
}
.footLeft {
    float: left;
}
.footRight {
    float: left;
    padding-right: 30px;
}
.footRight a {
    color: #717171;
    text-decoration: none;
}
.footRight a:hover {
    color: #ffffff;
}
.pagination {
    text-align: center;
}
.pgWrap {
    background: url("../images/pagination_bg.png") repeat-x scroll left center;
    display: inline-block;
    font-size: 0;
    height: 36px;
    line-height: 0;
    padding: 0 60px;
    position: relative;
}
.pgWrap {
}
.plRounded {
    background: url("../images/pagination_bg.png") repeat-x scroll left top;
    height: 36px;
    left: -17px;
    position: absolute;
    top: 0;
    width: 17px;
}
.prRounded {
    background: url("../images/pagination_bg.png") repeat-x scroll right -72px;
    height: 36px;
    position: absolute;
    right: -17px;
    top: 0;
    width: 17px;
}
.pgQuery {
    height: 36px;
}
.pgQuery a, .pgQuery .curr {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
    margin: 16px 5px 0;
    overflow: hidden;
    width: 32px;
}
.pgQuery .curr, .pgQuery a:hover {
    background: #d21f3d none repeat scroll 0 0;
}
.pgQuery a {
}
.pgQuery span {
    background: #d21f3d none repeat scroll 0 0;
    display: inline-block;
    height: 3px;
    margin: 16px 5px 0;
    overflow: hidden;
    width: 32px;
}
.clBody {
    background-color: #ebebeb;
    margin: 36px auto 20px;
    padding: 0 0 66px;
    position: relative;
    width: 1000px;
}
.clsideWrap {
    height: 76px;
    left: -80px;
    position: absolute;
    top: 0;
    width: 80px;
}
.clsLabel {
    background: #058bbc url("../images/side_show.png") no-repeat scroll center 28px;
    cursor: pointer;
    height: 76px;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 9;
}
.clside {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
.clside li {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.clside li a {
    background: #585858 none repeat scroll 0 0;
    border-bottom: 1px solid #686868;
    color: #ffffff;
    display: block;
    height: 76px;
    line-height: 76px;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
.clside li a:hover {
    background: #272727 none repeat scroll 0 0;
}
.csQuery {
    overflow: hidden;
    padding: 42px 0 50px 31px;
    position: relative;
}
.csli {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 2px 2px 2px #dddddd, -2px -2px 2px #dadada;
    float: left;
    height: 391px;
    margin: 0 9px 18px;
    overflow: hidden;
    padding: 13px 13px 0;
    position: relative;
    width: 271px;
}
.cslPic {
    background: #000000 none repeat scroll 0 0;
    display: block;
    font-size: 0;
    height: 173px;
    line-height: 0;
    margin: 0 0 16px;
    overflow: hidden;
    width: 273px;
}
.cslName {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
}
.cslDate {
    color: #929292;
    line-height: 20px;
}
.cslSum {
    color: #414141;
    line-height: 24px;
    padding: 10px 0 44px;
}
.cslLink {
    background: #4d4d4d url("../images/case_qmore.png") no-repeat scroll center center;
    bottom: 0;
    font-size: 0;
    height: 42px;
    line-height: 0;
    position: absolute;
    right: 0;
    width: 126px;
}
.caseHeader {
    background: url("../images/case_header.png") repeat-x scroll left center;
    height: 58px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9;
}
.caseHeaderWrap {
    height: 56px;
    margin: 0 auto;
    width: 1000px;
}
.chLeft {
    float: left;
    font-size: 0;
    line-height: 0;
}
.caseList {
    float: left;
}
.caseList a {
    background: #000000 url("../images/side_show.png") no-repeat scroll center center;
    display: block;
    height: 53px;
    width: 61px;
}
.casePrev {
    float: left;
    margin: 0 0 0 1px;
}
.casePrev a {
    background: #000000 url("../images/case_arrow.png") no-repeat scroll 20px center;
    display: block;
    height: 53px;
    width: 57px;
}
.caseNext {
    float: left;
    margin: 0 0 0 1px;
}
.caseNext a {
    background: #000000 url("../images/case_arrow.png") no-repeat scroll -36px center;
    display: block;
    height: 53px;
    width: 57px;
}
.caseList:hover, .casePrev:hover, .caseNext:hover {
    background-color: #b70b2c;
}
.chRight {
    float: right;
}
.chRight li {
    background: #000000 none repeat scroll 0 0;
    float: left;
    height: 53px;
    margin: 0 1px 0 0;
    overflow: hidden;
    position: relative;
    width: 62px;
}
.chShareWb, .chShareTx, .chShareQz, .chShareWx {
    background: url("../images/case_share.png") no-repeat scroll center top;
    height: 106px;
    left: 0;
    position: absolute;
    top: 0;
    width: 62px;
}
.chShareWb {
    background-position: center top;
}
.chShareTx {
    background-position: center -106px;
}
.chShareQz {
    background-position: center -212px;
}
.chShareWx {
    background-position: center -318px;
}
.caseDetBanner {
    height: 360px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
.caseDbinner {
    left: 50%;
    margin-left: -960px;
    position: absolute;
    text-align: center;
    width: 1920px;
}
.caseDbinner img {
}
.caseDetBody {
    margin: 0 0 24px;
    padding: 36px 0 0;
}
.casedbWrap {
    margin: 0 auto;
    width: 1000px;
}
.casedTop {
    background: url("../images/case_logo.png") no-repeat scroll 50px 42px;
    border-bottom: 1px solid #7f6776;
    color: #ffffff;
    height: 38px;
    line-height: 24px;
    padding: 46px 162px 0;
}
.casedQuery {
}
.casedList {
    font-size: 0;
    line-height: 0;
    padding: 0;
    text-align: center;
}
.casedList img {
    width: 100%;
}
.casedBottom {
    background: url("../images/case_logo.png") no-repeat scroll 50px 28px;
    border-bottom: 1px solid #7f6776;
    color: #ffffff;
    height: 52px;
    line-height: 24px;
    padding: 32px 162px 0;
}
.nqBody {
    margin: 38px auto 0;
    padding: 0 0 40px;
    width: 1000px;
}
.nqType {
    background: #ffffff none repeat scroll 0 0;
    height: 54px;
    margin: 0 0 28px;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
}
.nqtWrap {
    float: right;
    overflow: hidden;
}
.nqtWrap li {
    float: left;
}
.nqtWrap li a {
    border-bottom: 3px solid #ffffff;
    color: #505050;
    display: block;
    height: 51px;
    line-height: 54px;
    padding: 0 23px;
    text-decoration: none;
}
.nqtWrap li a:hover {
    color: #058bbc;
}
.nqpNameCn {
    color: #555555;
    font-size: 14px;
    line-height: 54px;
}
.nqpNameEn {
    color: #c6c6c6;
    font-size: 14px;
    line-height: 54px;
    margin: 0 0 0 4px;
}
.nqUnderline {
    background: #058bbc none repeat scroll 0 0;
    bottom: 0;
    height: 3px;
    position: absolute;
    right: 0;
    width: 72px;
}
.nqlWrap {
    padding: 0 0 17px;
}
.nqli {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 0 25px;
    padding: 20px 34px 26px 42px;
    position: relative;
}
.nqlDate {
    background: #787878 url("../images/news_clock.png") no-repeat scroll center 78px;
    height: 114px;
    left: -78px;
    position: absolute;
    top: 0;
    width: 78px;
}
.nqldDay {
    color: #ffffff;
    display: block;
    font-size: 36px;
    line-height: 50px;
    text-align: center;
}
.nqldMy {
    color: #bababa;
    display: block;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
}
.nqlTitle {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    text-decoration: none;
}
.nqli:hover .nqlTitle {
    color: #ec173a;
}
.nqlSum {
    color: #616161;
    line-height: 24px;
    padding: 12px 0 16px;
}
.nqlDetDate {
    color: #616161;
    line-height: 24px;
}
.ndBody {
    margin: 38px auto 0;
    padding: 0 0 20px;
    width: 1000px;
}
.ndContent {
    background: #ffffff none repeat scroll 0 0;
    padding: 42px 26px 48px;
    position: relative;
}
.ndTitle {
    color: #212121;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
.ndInfo {
    border-bottom: 1px dotted #848484;
    line-height: 24px;
    padding: 0 0 28px;
    text-align: center;
}
.ndili {
    margin: 0 14px;
}
.ndIntro {
    border-bottom: 1px dotted #848484;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 2em;
    margin: 0 0 42px;
    padding: 34px 0 40px;
}
.ndIntro p {
    padding: 15px 0 5px;
    text-indent: 2em;
}
.ndIntro p a, .ndIntro p a:hover {
    color: #f90;
    text-decoration: none;
}
.ndIntro strong {
    font-weight: bold;
}
.ndLabel {
    color: #000000;
    line-height: 24px;
    padding: 0 0 6px;
}
.ndLabel a {
    color: #3f3f3f;
    margin: 0 6px;
    text-decoration: none;
}
.ndLabel a:hover {
    color: #058bbc;
}
.prevAnext {
    color: #3f3f3f;
    line-height: 24px;
}
.prevAnext li a {
    color: #3f3f3f;
    margin: 0 0 0 14px;
    text-decoration: none;
}
.prevAnext li a:hover {
    color: #058bbc;
}
.ndBottom {
    overflow: hidden;
}
.ndBack {
    background: #b3b3b3 none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 75px;
}
.ndBack:hover {
    background: #058bbc none repeat scroll 0 0;
}
.ndShare {
    height: 36px;
    line-height: 36px;
    padding: 10px 0 0;
}
.ndShareLabel {
    vertical-align: middle;
}
.serBody {
    margin: 0 auto;
    width: 1000px;
}
.serlist {
    padding: 52px 0 0;
}
.serli {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cecece;
    margin: 0 0 26px;
    overflow: hidden;
    padding: 28px 0 24px;
}
.serLeft {
    float: left;
    padding: 38px 20px 0 40px;
    width: 174px;
}
.serlIco {
    background: #666666 url("../images/service_ico_circle.png") no-repeat scroll center center;
    font-size: 0;
    height: 103px;
    line-height: 0;
    margin: 24px auto 0;
    text-align: center;
    width: 103px;
}
.serlTitle {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    margin: 14px 0 0;
    text-align: center;
}
.serRight {
    border-left: 1px dotted #8d8d8d;
    float: left;
    overflow: hidden;
    padding: 18px 0 16px 48px;
    width: 678px;
}
.serLabel {
    color: #484848;
    font-size: 18px;
    line-height: 32px;
}
.serLabel span {
    margin: 0 20px 0 0;
}
.serSum {
    color: #3f3f3f;
    line-height: 24px;
    padding: 15px 0 40px;
}
.serCon {
    display: none;
}
.serCon p {
    background-color: #ffffff;
    font-family: "Helvetica Neue', Helvetica, Arial,sans-serif";
    font-size: 14px;
    text-indent: 2em;
}
.serCon span {
    background-color: #ffffff;
    color: #454545;
    font-family: "Helvetica Neue', Helvetica, Arial,sans-serif";
    text-indent: 2em;
}
.serCon h3 {
    background-color: #ffffff;
    font-family: "Helvetica Neue', Helvetica, Arial,sans-serif";
    font-size: 16px;
    font-weight: bold;
}
.serDet {
    display: block;
    float: right;
    height: 37px;
    line-height: 36px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.serdLink, .serdHover {
    background: url("../images/service_button.png") no-repeat scroll center top;
    height: 37px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
.serdLink {
    background-position: center top;
    color: #3f3f3f;
    z-index: 1;
}
.serdHover {
    background-position: center center;
    color: #ffffff;
    z-index: 0;
}
.serDetaile {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3), -5px -5px 5px rgba(0, 0, 0, 0.3);
    display: none;
    height: 606px;
    left: 50%;
    margin: -303px 0 0 -500px;
    position: fixed;
    top: -606px;
    width: 1000px;
    z-index: 1001;
}
.serDetaile .serCon {
    display: block;
}
.sdCloseBtn {
    background: #e00025 url("../images/dialog_close.png") no-repeat scroll center center;
    height: 68px;
    position: absolute;
    right: -68px;
    top: 0;
    width: 68px;
}
.sdCloseBtn:hover {
    background-color: #ef0229;
}
.sdTitle {
    font-size: 24px;
    line-height: 36px;
    margin: 45px 0 0;
    text-align: center;
}
.sdContent {
    height: 400px;
    line-height: 30px;
    margin: 42px 40px 0;
    overflow: hidden;
    padding: 14px 28px 0 0;
}
.sdContent .mCSB_scrollTools, .sdContent .mCSB_draggerContainer {
    width: 10px;
}
.sdContent .mCSB_dragger {
    background: #676767 none repeat scroll 0 0;
    border-radius: 0;
    width: 10px;
}
.sdContent .mCSB_draggerRail {
    background: #c2c2c2 none repeat scroll 0 0;
    border-radius: 0;
    width: 10px;
}
.sdContent .mCSB_dragger_bar {
    display: none;
}
.mask {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.aboutWrap {
    margin-bottom: 20px;
    min-width: 1000px;
}
.aboutSide {
    position: fixed;
    right: 28px;
    top: 192px;
    width: 47px;
    z-index: 99;
}
.aboutSideTop {
    background: url("../images/about_slide.png") no-repeat scroll left top;
    height: 24px;
}
.aboutSideLink {
    background: url("../images/about_slide.png") repeat-y scroll -47px top;
    padding: 24px 0 12px;
}
.aboutSideLink a {
    background: url("../images/about_slide.png") no-repeat scroll -141px top;
    display: block;
    height: 19px;
    margin: 0 auto 14px;
    width: 19px;
}
.aboutSideLink a:hover, .aboutSideLink a.curr {
    background-position: -160px top;
}
.aboutSideBottom {
    background: url("../images/about_slide.png") no-repeat scroll -94px top;
    height: 24px;
}
.astepWrap {
}
.astep {
}
.asTitle {
    color: #363636;
    font-size: 36px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
}
.asContent {
    line-height: 24px;
}
.astep_1 {
    background: url("../images/about_banner_01.png") no-repeat scroll center center;
    height: 680px;
}
.astep_1 .asTitle {
    color: #000000;
}
.astep_1 .asContent {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    margin: 0 auto;
    padding: 55px 0 0;
    width: 1000px;
}
.astep_2 {
    margin: 0 auto;
    padding: 58px 0 80px;
    width: 1000px;
}
.astep_2 .asContent {
    color: #3e3e3e;
    min-height: 440px;
    padding: 40px 0 0;
}
.astep_3 {
    background: url("../images/about_banner_02.png") no-repeat scroll center center;
    height: 596px;
    padding: 84px 0 0;
    text-align: center;
}
.astep_3 .asTitle {
    color: #000000;
}
.astep_3 .asContent {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    padding: 65px 0 0;
}
.astep_4 {
    margin: 0 auto;
    overflow: hidden;
    padding: 62px 0 158px;
    width: 1000px;
}
.astep_4 .asSup {
    overflow: hidden;
    padding: 132px 0 0;
    width: 1050px;
}
.astep_4 .asSupl {
    float: left;
    margin: 0 60px 0 0;
    width: 290px;
}
.astep_4 .asSuplTitle {
    color: #2f2f2f;
    font-size: 24px;
    line-height: 36px;
}
.astep_4 .asSuplIntro {
    color: #2f2f2f;
    line-height: 30px;
    padding: 24px 0 0;
    text-indent: 2em;
}
.astep_5 {
    height: 680px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.as5Prev {
    background: url("../images/about_banner_ctrl.png") no-repeat scroll left top;
    height: 115px;
    left: 0;
    position: absolute;
    top: 266px;
    width: 56px;
    z-index: 9;
}
.as5Next {
    background: url("../images/about_banner_ctrl.png") no-repeat scroll right top;
    height: 115px;
    position: absolute;
    right: 0;
    top: 266px;
    width: 56px;
    z-index: 9;
}
.as5Prev:hover {
    background-position: left bottom;
}
.as5Next:hover {
    background-position: right bottom;
}
.as5Query {
    height: 680px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.as5Query li {
    font-size: 0;
    height: 680px;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1000px;
}
.as5Query li img {
    position: absolute;
    top: 0;
}
.astep_6 {
    background: url("../images/about_banner_04.png") no-repeat scroll center 172px;
    height: 680px;
    margin: 0 auto;
    width: 1000px;
}
.astep_6 .asTitle {
    color: #464646;
    padding: 84px 0 68px;
}
.astep_6 .asContent {
    color: #464646;
    font-size: 14px;
    line-height: 30px;
}
.astep_7 {
    background: url("../images/about_banner_05.png") no-repeat scroll center center;
    height: 680px;
}
.as7Wrap {
    margin: 0 auto;
    padding: 80px 40px 0;
    width: 920px;
}
.astep_7 .asTitle {
    color: #ffffff;
    text-align: center;
}
.astep_7 .asContent {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    padding: 44px 0 0;
}
.astep_7 .asjbWrap {
    padding: 14px 0 0;
    text-align: center;
}
.astep_7 .asJoinBtn {
    background: url("../images/white_opacity.png") repeat scroll 0 0;
    border: 2px solid #a5a5a5;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    text-decoration: none;
    width: 214px;
}
.astep_7 .asJoinBtn {
}
.astep_7 .asJoinBtn:hover {
    background-image: url("../images/white_opacity_hover.png");
}