/*web reset css begin*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, footer, header, section, footer, nav, figure, menu, time {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑",Arial, SimSun;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    /* font-size: 100%; */
    /* font-weight: normal; */
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

input, button, select {
    vertical-align: middle;
}

fieldset, img, abbr, acronym {
    border: 0;
}

textarea {
    resize: none;
    overflow: auto;
}

ul, ol {
    list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: """";
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: normal;
}

html {
    overflow-y: auto;
    *overflow-y: scroll;
}

:focus {
    outline: 0;
}

a, a:visited, a:active {
    background: none;
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu, time {
    display: block;
}

/*web reset css end*/
/*web public css begin*/
.none {
    display: none!important;
}

.block {
    display: block!important;
}

.nmt {
    margin-top: 0!important;
}

.nmr {
    margin-right: 0!important;
}

.mr10 {
    margin-right: 10px!important;
}

.mr15 {
    margin-right: 15px!important;
}

.mr20 {
    margin-right: 20px!important;
}

.mr25 {
    margin-right: 25px!important;
}

.mr30 {
    margin-right: 30px!important;
}

.mr35 {
    margin-right: 35px!important;
}

.mr40 {
    margin-right: 40px!important;
}

.nmb {
    margin-bottom: 0!important;
}

.mb10 {
    margin-bottom: 10px!important;
}

.mb15 {
    margin-bottom: 15px!important;
}

.mb20 {
    margin-bottom: 20px!important;
}

.mb25 {
    margin-bottom: 25px!important;
}

.mb30 {
    margin-bottom: 30px!important;
}

.mb35 {
    margin-bottom: 35px!important;
}

.mb40 {
    margin-bottom: 40px!important;
}

.nml {
    margin-left: 0!important;
}

.npd {
    padding: 0!important;
}

.npt {
    padding-top: 0!important;
}

.npr {
    padding-right: 0!important;
}

.npb {
    padding-bottom: 0!important;
}

.npl {
    padding-left: 0!important;
}

.nbd {
    border: 0!important;
}

.nbg {
    background: none!important;
}

.fwn {
    font-weight: normal!important;
}

.fwb {
    font-weight: bold!important;
}

.tal {
    text-align: left!important;
}

.tac {
    text-align: center!important;
}

.tar {
    text-align: right!important;
}

.spriteBase {
    overflow: hidden!important;
    background: url(../images/sprite.png) no-repeat!important;
    text-indent: -9999px!important;
}

/*web public css end*/
/*web editor css begin*/
#editor {
    text-align: left;
    font-size: 14px;
    line-height: 2;
    padding-bottom: 20px;
}

#editor h1 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

#editor strong {
    font-weight: bold;
}

#editor em {
    font-style: italic;
}

#editor u {
    text-decoration: underline;
}

#editor strike {
    text-decoration: line-through;
}

#editor p {
    margin: 0 0 10px 0;
    line-height: 24px;
    color: #333;
}

#editor img {
    max-width: 100%;
}

#editor a, #editor a:visited, #editor a:hover, #editor a:active {
    line-height: 24px;
    color: #005897;
}

#editor a:hover {
    text-decoration: underline;
}

/*web editor css end*/
/*web clear css begin*/
.clearFix {
    *zoom:1; }

.clearFix:after {
    display: block;
    overflow: hidden;
    content: ".";
    visibility: hidden;
    clear: both;
    height: 0;
    line-height: 0;
}

/*web clear css end*/
/*web public css begin*/
.bodyBuild {
    background: #FAFAFA url(../images/bg00.jpg) 50% 0 no-repeat;
}

.bodyBuildEn {
    background: #FAFAFA url(../images/bg01.jpg) 50% 0 no-repeat;
}

.webHeader {
    overflow: hidden;
    width: 100%;
    min-width: 980px;
    height: 50px;
    padding: 20px 0 10px 0;
}

.webHeader .content {
    overflow: hidden;
    width: 990px;
    height: 50px;
    margin: 0 auto;
}

.webHeader .logo {
    display: block;
    float: left;
    overflow: hidden;
    width: 252px;
    height: 50px;
    margin: 0 100px 0 0;
}

.webHeader .logo a, .webHeader .logo a:visited, .webHeader .logo a:hover, .webHeader .logo a:active {
    display: block;
    overflow: hidden;
    width: 252px;
    height: 50px;
    background: url(../images/logo01.jpg) 0 0 no-repeat;
    text-indent: -9999px;
}

.webHeader .nav {
    display: block;
    float: left;
    overflow: hidden;
    width: 330px;
    margin: 15px 20px 0 0;
    text-align: right;
}

.webHeader .nav em {
    margin: 0 15px;
    font-family: SimSun;
    line-height: 20px;
    color: #666;
}

.webHeader .nav a, .webHeader .nav a:visited, .webHeader .nav a:hover, .webHeader .nav a:active {
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webHeader .nav a:hover {
    color: #000;
}

.webHeader .telephone {
    display: block;
    float: left;
    overflow: hidden;
    width: 190px;
    height: 40px;
    font-weight: bolder;
    margin: 4px 20px 0 0;
    font-family: Verdana;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    text-transform: uppercase;
}

.webHeader .english, .webHeader .english:visited, .webHeader .english:hover, .webHeader .english:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 70px;
    height: 20px;
    margin: 15px 0 0 0;
    background: #00406E;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webHeader .english:hover {
    background: #33668B;
}

.webNav {
    position: relative;
    z-index: 99;
    width: 100%;
    min-width: 980px;
    height: 50px;
    background: #FCFCFC;
}

.webNav .ico {
    position: absolute;
    width: 34px;
    height: 25px;
    background: url(../images/new1.gif) no-repeat;
    top: -12px;
    left: 280px;
    z-index: 9;
}

.webNav .content {
    position: relative;
    width: 980px;
    height: 50px;
    margin: 0 auto;
}

.webNav .nav {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 930px;
    height: 50px;
    padding: 0 0 0 50px;
}

.webNav .nav a, .webNav .nav a:visited, .webNav .nav a:hover, .webNav .nav a:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 110px;
    height: 20px;
    padding: 15px 0;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .nav .hover, .webNav .nav .hover:visited, .webNav .nav .hover:hover, .webNav .nav .hover:active, .webNav .nav .current, .webNav .nav .current:visited, .webNav .nav .current:hover, .webNav .nav .current:active {
    background: #FF7200;
    color: #333;
}

.webNav .nav .home, .webNav .nav .home:visited, .webNav .nav .home:hover, .webNav .nav .home:active {
    width: 50px;
    background: url(../images/ico.png) 0 -200px no-repeat;
    text-indent: -9999px;
    -moz-transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -o-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;
}

.webNav .nav .home:hover {
    background-position: 0 -250px;
}

.webNav .head_ico {
    position: absolute;
    top: -61px;
    right: -131px;
    background: url(../images/sprite.png) -617px -497px no-repeat;
    width: 131px;
    height: 142px;
    z-index: 9;
}

.webNav .snow_navleft {
    position: absolute;
    top: 0;
    left: -87px;
}

.webNav .drop {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 9;
    width: 980px;
    border-top: 1px solid #00406E;
    border-radius: 0 0 10px 10px;
    background: #FFF;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webNav .drop01 {
    overflow: hidden;
    padding: 19px 0 20px 0;
}

.webNav .drop01 .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 142px;
    margin: 0 27px;
}

.webNav .drop01 .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
}

.webNav .drop01 .article .banner {
    display: block;
    overflow: hidden;
    width: 140px;
    height: 80px;
    margin: 0 0 5px 0;
}

.webNav .drop01 .article .banner img {
    display: block;
    width: 140px;
    height: 80px;
}

.webNav .drop01 .article .list {
    overflow: hidden;
}

.webNav .drop01 .article .list li {
    overflow: hidden;
    padding: 2px 0 2px 10px;
    background: url(../images/ico.png) 0 -993px no-repeat;
}

.webNav .drop01 .article .list li a, .webNav .drop01 .article .list li a:visited, .webNav .drop01 .article .list li a:hover, .webNav .drop01 .article .list li a:active {
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .drop01 .article .list li a:hover {
    color: #999;
}

.webNav .drop02 {
    overflow: hidden;
    width: 545px;
    padding: 29px 40px 30px 40px;
}

.webNav .drop02 .list {
    display: block;
    float: left;
    overflow: hidden;
    width: 280px;
    margin: 0 15px 0 0;
}

.webNav .drop02 .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 120px;
    padding: 5px 10px;
    background: url(../images/ico.png) 0 -1039px no-repeat;
}

.webNav .drop02 .list li a, .webNav .drop02 .list li a:visited, .webNav .drop02 .list li a:hover, .webNav .drop02 .list li a:active {
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .drop02 .list li a:hover {
    color: #6A8DAD;
}

.webNav .drop02 .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    height: 160px;
    padding: 0 0 0 39px;
    border-left: 1px solid #CCC;
}

.webNav .drop02 .article .cover {
    overflow: hidden;
    width: 210px;
    height: 85px;
    margin: 0 0 10px 0;
}

.webNav .drop02 .article .cover img {
    display: block;
    width: 210px;
    height: 85px;
}

.webNav .drop02 .article .detail {
    line-height: 20px;
    color: #666;
}

.webNav .drop03 {
    overflow: hidden;
    left: 100px;
    width: 500px;
    padding: 29px 40px 30px 40px;
}

.webNav .drop03 .section {
    display: block;
    float: left;
    overflow: hidden;
    width: 100px;
    margin: 0 10px 0 0;
}

.webNav .drop03 .section .title {
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
    background: url(../images/ico.png) 0 -1043px no-repeat;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
}

.webNav .drop03 .section .list {
    overflow: hidden;
}

.webNav .drop03 .section .list li {
    overflow: hidden;
    padding: 2px 0 2px 10px;
    background: url(../images/ico.png) 0 -993px no-repeat;
}

.webNav .drop03 .section .list li a, .webNav .drop03 .section .list li a:visited, .webNav .drop03 .section .list li a:hover, .webNav .drop03 .section .list li a:active {
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .drop03 .section .list li a:hover {
    color: #999;
}

.webNav .drop03 .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    height: 160px;
    padding: 0 0 0 39px;
    border-left: 1px solid #CCC;
}

.webNav .drop03 .article .cover {
    overflow: hidden;
    width: 210px;
    height: 85px;
    margin: 0 0 10px 0;
}

.webNav .drop03 .article .cover img {
    display: block;
    width: 210px;
    height: 85px;
}

.webNav .drop03 .article .detail {
    line-height: 20px;
    color: #666;
}

.webNav .drop04 {
    overflow: hidden;
    left: auto;
    right: 0;
    width: 580px;
    padding: 29px 40px 30px 40px;
}

.webNav .drop04 .list {
    display: block;
    float: left;
    overflow: hidden;
    width: 320px;
    margin: 0 10px 0 0;
}

.webNav .drop04 .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 140px;
    padding: 5px 10px;
    background: url(../images/ico.png) 0 -1039px no-repeat;
}

.webNav .drop04 .list li a, .webNav .drop04 .list li a:visited, .webNav .drop04 .list li a:hover, .webNav .drop04 .list li a:active {
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .drop04 .list li a:hover {
    color: #6A8DAD;
}

.webNav .drop04 .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    height: 160px;
    padding: 0 0 0 39px;
    border-left: 1px solid #CCC;
}

.webNav .drop04 .article .cover {
    overflow: hidden;
    width: 210px;
    height: 85px;
    margin: 0 0 10px 0;
}

.webNav .drop04 .article .cover img {
    display: block;
    width: 210px;
    height: 85px;
}

.webNav .drop04 .article .detail {
    line-height: 20px;
    color: #666;
}

.webNav .drop05 {
    overflow: hidden;
    left: auto;
    right: 0;
    width: 470px;
    padding: 29px 40px 30px 40px;
}

.webNav .drop05 .list {
    display: block;
    float: left;
    overflow: hidden;
    width: 200px;
    margin: 0 20px 0 0;
}

.webNav .drop05 .list li {
    display: block;
    overflow: hidden;
    width: 180px;
    padding: 5px 10px;
    background: url(../images/ico.png) 0 -1039px no-repeat;
}

.webNav .drop05 .list li a, .webNav .drop05 .list li a:visited, .webNav .drop05 .list li a:hover, .webNav .drop05 .list li a:active {
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webNav .drop05 .list li a:hover {
    color: #6A8DAD;
}

.webNav .drop05 .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    height: 160px;
    padding: 0 0 0 39px;
    border-left: 1px solid #CCC;
}

.webNav .drop05 .article .cover {
    overflow: hidden;
    width: 210px;
    height: 85px;
    margin: 0 0 10px 0;
}

.webNav .drop05 .article .cover img {
    display: block;
    width: 210px;
    height: 85px;
}

.webNav .drop05 .article .detail {
    line-height: 20px;
    color: #666;
}

.webNav .line {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 1px;
    background: #CBCBCB;
}

.webAside {
    position: absolute;
    left: 50%;
    top: 585px;
    z-index: 99;
    width: 50px;
    height: 270px;
    margin: 0 0 0 570px;
}

.webAside .link {
    display: block;
}

.webAside .link li {
    display: block;
    position: relative;
    width: 50px;
    height: 44px;
    /*border-bottom:1px solid #e85c41;*/
    *margin-bottom: -3px;
    border-bottom: 1px solid #5EB1EB;
}

.webAside .link li a, .webAside .link li a:visited, .webAside .link li a:hover, .webAside .link li a:active {
    display: block;
    overflow: hidden;
    width: 50px;
    height: 44px;
    background: url(../images/sprite.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.webAside .link li .link01, .webAside .link li .link01:visited, .webAside .link li .link01:hover, .webAside .link li .link01:active {
    background-position: -60px -260px;
}

.webAside .link li .link01:hover {
    background-position: -60px -310px;
}

.webAside .link li .link02, .webAside .link li .link02:visited, .webAside .link li .link02:hover, .webAside .link li .link02:active {
    background-position: -120px -260px;
}

.webAside .link li .link02:hover {
    background-position: -120px -310px;
}

.webAside .link li .link03, .webAside .link li .link03:visited, .webAside .link li .link03:hover, .webAside .link li .link03:active {
    background-position: 0 -360px;
}

.webAside .link li .link03:hover {
    background-position: 0 -410px;
}

.webAside .link li .link04, .webAside .link li .link04:visited, .webAside .link li .link04:hover, .webAside .link li .link04:active {
    background-position: -60px -360px;
}

.webAside .link li .link04:hover {
    background-position: -60px -410px;
}

.webAside .link li .link05, .webAside .link li .link05:visited, .webAside .link li .link05:hover, .webAside .link li .link05:active {
    height: 45px;
    background-position: -120px -360px;
}

.webAside .link li .link05:hover {
    background-position: -120px -410px;
}

.webAside .link li .text {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -70px;
    top: 5px;
    z-index: 9;
    width: 80px;
    height: 20px;
    background: url(../images/sprite.png) -180px -260px no-repeat;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.webAside .link li .code {
    display: none;
    overflow: hidden;
    position: absolute;
    left: -122px;
    top: -37px;
    width: 120px;
    height: 120px;
    border: 1px solid #E0E0E0;
}

.webAside .link li .code img {
    display: block;
    width: 120px;
    height: 120px;
}

.webAside .link li .code-wrap {
    height: auto;
    border: none;
    top: -92px;
}

.webAside .link li .code-wrap span {
    width: 93px;
    text-align: center;
    color: #222;
    display: inline-block;
}

.webAside .link .last {
    height: 45px;
    border-bottom: 0;
}

.webAside .link li:hover .text {
    display: block;
}

.webAside .link li:hover .code {
    display: block;
}

.webAside .top {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 50px;
    height: 45px;
    background: url(../images/sprite.png) 0 -260px no-repeat;
    text-indent: -9999px;
}

.webAside .top:hover {
    background-position: 0 -310px;
}

.webAside .foot {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 58px;
    height: 111px;
    background: url(../images/sprite.png) -543px -497px no-repeat;
    text-indent: -9999px;
    padding: 0;
}

.webAsideFixed {
    position: fixed;
    top: 0;
}

.webAsideColumn {
    top: 260px;
}

.webFooter {
    overflow: hidden;
    width: 100%;
    min-width: 980px;
    padding: 40px 0;
    background: #474747;
}

.webFooter .content {
    overflow: hidden;
    position: relative;
    width: 980px;
    padding: 143px 0 0 0;
    margin: 0 auto;
}

.webFooter .logo {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100px;
    height: 70px;
}

.webFooter .logo a, .webFooter .logo a:visited, .webFooter .logo a:hover, .webFooter .logo a:active {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 70px;
    background: url(../images/logo02.jpg) 0 0 no-repeat;
    text-indent: -9999px;
}

.webFooter .code {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 9;
    width: 100px;
    height: 100px;
}

.webFooter .code img {
    display: block;
    width: 100px;
    height: 100px;
}

.webFooter .code.code-wrap {
    height: auto;
    top: 70px;
    text-align: center;
}

.webFooter .code.code-wrap img {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: 3px;
    margin-bottom: 1px;
    display: inline-block;
}

.webFooter .code.code-wrap span {
    display: block;
    width: 80px;
    text-align: center;
    color: white;
    width: 100%;
}

.webFooter .contact {
    overflow: hidden;
    position: absolute;
    left: 160px;
    top: 0;
    z-index: 9;
    width: 280px;
}

.webFooter .contact .title {
    padding: 5px 0 4px 0;
    border-bottom: 1px solid #BFBFBF;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 20px;
    color: #FEFEFE;
    text-transform: uppercase;
}

.webFooter .contact .article {
    overflow: hidden;
}

.webFooter .contact .article p {
    overflow: hidden;
    line-height: 24px;
    color: #FFF;
}

.webFooter .contact .article a, .webFooter .contact .article a:visited, .webFooter .contact .article a:hover, .webFooter .contact .article a:active {
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .contact .article a:hover {
    color: #CCC;
}

.webFooter .link {
    overflow: hidden;
    position: absolute;
    left: 490px;
    top: 0;
    z-index: 9;
    width: 200px;
}

.webFooter .link .title {
    padding: 5px 0 4px 0;
    border-bottom: 1px solid #BFBFBF;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 20px;
    color: #FEFEFE;
    text-transform: uppercase;
}

.webFooter .link .article {
    overflow: hidden;
}

.webFooter .link .article em {
    margin: 0 15px;
    font-family: SimSun;
    line-height: 24px;
    color: #FFF;
}

.webFooter .link .article a, .webFooter .link .article a:visited, .webFooter .link .article a:hover, .webFooter .link .article a:active {
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .link .article a:hover {
    color: #CCC;
}

.webFooter .other {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 240px;
}

.webFooter .other .select {
    display: block;
    position: relative;
    width: 240px;
    height: 30px;
    margin: 0 0 10px 0;
}

.webFooter .other .select .option {
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 5px 20px;
    background: #686868 url(../images/ico.png) 220px -2138px no-repeat;
    line-height: 20px;
    color: #FFF;
}

.webFooter .other .select:hover .option {
    border-radius: 5px 5px 0 0;
}

.webFooter .other .select .list {
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 9;
    overflow: hidden;
    width: 200px;
    padding: 10px 20px;
    border-radius: 0 0 5px 5px;
    background: #686868;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webFooter .other .select .list li {
    overflow: hidden;
    padding: 2px 0;
}

.webFooter .other .select .list li a, .webFooter .other .select .list li a:visited, .webFooter .other .select .list li a:hover, .webFooter .other .select .list li a:active {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .other .select .list li a:hover {
    color: #CCC;
}

.webFooter .other .select:hover {
    z-index: 9;
}

.webFooter .nav {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 80px;
    z-index: 8;
    width: 240px;
}

.webFooter .nav em {
    margin: 0 20px;
    font-family: SimSun;
    line-height: 20px;
    color: #AAA;
}

.webFooter .nav a, .webFooter .nav a:visited, .webFooter .nav a:hover, .webFooter .nav a:active {
    line-height: 20px;
    color: #AAA;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .nav a:hover {
    color: #CCC;
}

.webFooter .copyright {
    overflow: hidden;
    text-align: center;
}

.webFooter .copyright p {
    font-family: Arial, Microsoft YaHei;
    line-height: 20px;
    color: #868686;
    vertical-align: middle;
}

.webFooter .copyright p a, .webFooter .copyright p a:visited, .webFooter .copyright p a:hover, .webFooter .copyright p a:active {
    line-height: 20px;
    color: #868686;
    text-decoration: none;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .copyright p a:hover {
    color: #AAA;
}

.webFooter .copyright span {
    margin: 0 0 0 10px;
    font-size: 10px;
    line-height: 20px;
    color: #7A7A7A;
    vertical-align: middle;
}

.webFooter .copyright span a, .webFooter .copyright span a:visited, .webFooter .copyright span a:hover, .webFooter .copyright span a:active {
    font-size: 10px;
    line-height: 20px;
    color: #7A7A7A;
    text-decoration: none;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.webFooter .copyright span a:hover {
    color: #AAA;
}

.webFooter .copyright .link01, .webFooter .copyright .link01:visited, .webFooter .copyright .link01:hover, .webFooter .copyright .link01:active {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
    background: url(../images/ico.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.webFooter .copyright .link01:hover {
    background-position: 0 -50px;
}

.webFooter .copyright .link02, .webFooter .copyright .link02:visited, .webFooter .copyright .link02:hover, .webFooter .copyright .link02:active {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 10px;
    background: url(../images/ico.png) 0 -100px no-repeat;
    text-indent: -9999px;
}

.webFooter .copyright .link02:hover {
    background-position: 0 -150px;
}

/*web public css end*/
/*web index css begin*/
.indexBanner {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 1000px;
    height: 0;
}

.indexBanner .toggle {
    overflow: hidden;
    position: absolute;
    left: 13px;
    top: 13px;
    z-index: 9;
    cursor: pointer;
    width: 55px;
    height: 24px;
    background: url(../images/sprite.png) -450px -210px no-repeat;
    font-weight: bold;
    line-height: 24px;
    color: #0F51B2;
    text-align: center;
}

.indexBanner .toggle:hover {
    background-position: -450px -240px;
    color: #FFF;
}

.indexBanner .close {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) -410px -210px no-repeat;
    text-indent: -9999px;
}

.indexBanner .close:hover {
    background-position: -410px -250px;
}

.indexBanner .cover {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 500px;
    background: url(../resources/jd100.jpg?v=2) 50% 0 no-repeat;
    text-indent: -9999px;
}

.indexBanner .mask {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 50px;
    background: url(../resources/indexBanner02.jpg) 50% 0 no-repeat;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.indexBanner .mask .content {
    overflow: hidden;
    position: relative;
    width: 550px;
    height: 26px;
    padding: 12px 0 12px 450px;
    margin: 0 auto;
}

.indexBanner .mask .content a, .indexBanner .mask .content a:visited, .indexBanner .mask .content a:hover, .indexBanner .mask .content a:active {
    display: block;
    *display: inline;
    float: left;
    overflow: visible;
    padding: 3px 9px;
    margin: 0 20px 0 0;
    background: #0F51B2;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    white-space: nowrap;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexBanner .mask .content a:hover {
    background: #FFF;
    color: #0F51B2;
}

.indexFlash {
    overflow: hidden;
    width: 100%;
    min-width: 1160px;
    height: 400px;
    margin: 0 0 40px 0;
}

.indexFlash .photo {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
}

.indexFlash .photo .list {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
}

.indexFlash .photo .list li {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 400px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.indexFlash .photo .list li a, .indexFlash .photo .list li a:visited, .indexFlash .photo .list li a:hover, .indexFlash .photo .list li a:active {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 400px;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.indexFlash .photo .list .current {
    display: block;
    z-index: 3;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.indexFlash .photo .control {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 360px;
    z-index: 9;
    margin: 0 0 0 180px;
}

.indexFlash .photo .control span {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 13px;
    height: 13px;
    margin: 0 7px 0 0;
    background: url(../images/ico.png) 0 -300px no-repeat;
    text-indent: -9999px;
}

.indexFlash .photo .control span:hover {
    background-position: 0 -350px;
}

.indexFlash .photo .control .current, .indexFlash .photo .control .current:hover {
    background-position: 0 -400px;
}

.indexFlash .photo .prev {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 150px;
    z-index: 9;
    cursor: pointer;
    width: 60px;
    height: 105px;
    margin: 0 0 0 -580px;
    background: url(../images/sprite.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.indexFlash .photo .prev:hover {
    background-position: -70px 0;
}

.indexFlash .photo .next {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 150px;
    z-index: 9;
    cursor: pointer;
    width: 60px;
    height: 105px;
    margin: 0 0 0 520px;
    background: url(../images/sprite.png) -140px 0 no-repeat;
    text-indent: -9999px;
}

.indexFlash .photo .next:hover {
    background-position: -210px 0;
}

.indexMain {
    position: relative;
    z-index: 9;
    width: 980px;
    margin: 0 auto;
}

.indexVideo {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -110px;
    width: 196px;
    height: 86px;
    border: 2px solid #FFF;
}

.indexVideo a, .indexVideo a:visited, .indexVideo a:hover, .indexVideo a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 200px;
    height: 90px;
    text-decoration: none;
}

.indexVideo .cover {
    overflow: hidden;
    width: 196px;
    height: 86px;
}

.indexVideo .cover img {
    display: block;
    width: 196px;
    height: 86px;
}

.indexVideo .mask {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 196px;
    height: 86px;
    background: #000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexVideo .titleCh {
    overflow: hidden;
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 9;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
}

.indexVideo .titleEn {
    overflow: hidden;
    position: absolute;
    right: 40px;
    top: 60px;
    z-index: 9;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    color: #FFF;
    text-transform: uppercase;
}

.indexVideo .ico {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    width: 28px;
    height: 28px;
    background: url(../images/ico.png) 0 -450px no-repeat;
    text-indent: -9999px;
}

.indexVideo:hover .mask {
    background: #434343;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

.indexProduct {
    position: relative;
    width: 980px;
    padding: 0 0 80px 0;
    margin: 0 0 50px 0;
}

.indexProduct .header {
    overflow: hidden;
    position: relative;
    width: 980px;
    height: 26px;
    margin: 0 0 24px 0;
}

.indexProduct .header .title {
    display: block;
    overflow: hidden;
    height: 26px;
    padding: 0 0 0 30px;
    background: url(../images/ico.png) 0 -497px no-repeat;
}

.indexProduct .header .title .ch {
    margin: 0 10px 0 0;
    font-family: Microsoft YaHei;
    font-size: 20px;
    line-height: 26px;
    color: #333;
    vertical-align: baseline;
}

.indexProduct .header .title .en {
    font-size: 14px;
    line-height: 26px;
    color: #999;
}

.indexProduct .header .search {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 198px;
    height: 24px;
    border: 1px solid #C7C7C7;
}

.indexProduct .header .search .text {
    display: block;
    float: left;
    overflow: hidden;
    width: 150px;
    height: 20px;
    padding: 2px 9px;
    border: 0;
    margin: 0;
    background: #FFF;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexProduct .header .search .text:focus {
    color: #666;
}

.indexProduct .header .search .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 30px;
    height: 24px;
    padding: 0;
    border: 0;
    border-left: 1px solid #C7C7C7;
    margin: 0;
    background: #3C3C3C url(../images/ico.png) 4px -548px no-repeat;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexProduct .header .search .submit:hover {
    background-color: #636363;
}

.indexProduct .product {
    overflow: hidden;
    *position: relative;
    width: 980px;
    height: 190px;
}

.indexProduct .product .list {
    overflow: hidden;
    width: 999999px;
    height: 190px;
}

.indexProduct .product .list li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 146px;
    height: 190px;
    margin: 0 25px;
}

.indexProduct .product .list li a, .indexProduct .product .list li a:visited, .indexProduct .product .list li a:hover, .indexProduct .product .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 146px;
    height: 190px;
    text-decoration: none;
}

.indexProduct .product .list li .mask {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 146px;
    height: 146px;
    background: url(../images/sprite.png) 0 -110px no-repeat;
    text-indent: -9999px;
}

.indexProduct .product .list li .zoom {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 146px;
    height: 146px;
    background: url(../images/sprite.png) -160px -110px no-repeat;
    text-indent: -9999px;
}

.indexProduct .product .list li .cover {
    overflow: hidden;
    width: 146px;
    height: 146px;
    margin: 0 0 5px 0;
}

.indexProduct .product .list li .cover img {
    display: block;
    width: 146px;
    height: 146px;
}

.indexProduct .product .list li .titleCh {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexProduct .product .list li .titleEn {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexProduct .product .list li:hover .zoom {
    display: block;
}

.indexProduct .product .list li:hover .titleCh {
    color: #666;
}

.indexProduct .product .list li:hover .titleEn {
    color: #999;
}

.indexProduct .prev {
    overflow: hidden;
    position: absolute;
    left: -40px;
    top: 100px;
    z-index: 9;
    cursor: pointer;
    width: 20px;
    height: 40px;
    background: url(../images/sprite.png) -280px 0 no-repeat;
    text-indent: -999px;
}

.indexProduct .prev:hover {
    background-position: -310px 0;
}

.indexProduct .next {
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: 100px;
    z-index: 9;
    cursor: pointer;
    width: 20px;
    height: 40px;
    background: url(../images/sprite.png) -280px -50px no-repeat;
    text-indent: -999px;
}

.indexProduct .next:hover {
    background-position: -310px -50px;
}

.indexProduct .more, .indexProduct .more:visited, .indexProduct .more:hover, .indexProduct .more:active {
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 9;
    width: 180px;
    height: 40px;
    margin: 0 0 0 -90px;
    background: url(../images/sprite.png) -340px 0 no-repeat;
    text-indent: -9999px;
}

.indexProduct .more:hover {
    background-position: -340px -50px;
}

.indexProduct .line {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 8;
    width: 980px;
    height: 1px;
    background: #D2D2D2;
}

.indexNews {
    display: block;
    float: left;
    overflow: hidden;
    width: 400px;
    margin: 0 60px 60px 0;
}

.indexNews .header {
    overflow: hidden;
    position: relative;
    width: 400px;
    height: 26px;
    margin: 0 0 24px 0;
}

.indexNews .header .title {
    display: block;
    overflow: hidden;
    height: 26px;
    padding: 0 0 0 30px;
    background: url(../images/ico.png) 0 -497px no-repeat;
}

.indexNews .header .title .ch {
    margin: 0 10px 0 0;
    font-family: Microsoft YaHei;
    font-size: 20px;
    line-height: 26px;
    color: #333;
    vertical-align: baseline;
}

.indexNews .header .title .en {
    font-size: 14px;
    line-height: 26px;
    color: #999;
}

.indexNews .header .more, .indexNews .header .more:visited, .indexNews .header .more:hover, .indexNews .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    line-height: 26px;
    color: #AAA;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNews .header .more:hover {
    color: #666;
}

.indexNews .news {
    overflow: hidden;
}

.indexNews .news .list {
    overflow: hidden;
}

.indexNews .news .list li {
    overflow: hidden;
    margin: 0 0 50px 0;
}

.indexNews .news .list li a, .indexNews .news .list li a:visited, .indexNews .news .list li a:hover, .indexNews .news .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 400px;
    height: 70px;
    text-decoration: none;
}

.indexNews .news .list li .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 115px;
    height: 70px;
    margin: 0 20px 0 0;
}

.indexNews .news .list li .cover img {
    display: block;
    width: 115px;
    height: 70px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNews .news .list li .article {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 240px;
}

.indexNews .news .list li .article .date {
    display: block;
    overflow: hidden;
    width: 80px;
    height: 20px;
    margin: 0 0 5px 0;
    background: #8A8787;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNews .news .list li .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNews .news .list li .article .new {
    overflow: hidden;
    position: absolute;
    left: 90px;
    top: 0;
    z-index: 9;
    width: 34px;
    height: 20px;
    background: url(../images/new.gif) 0 0 no-repeat;
    text-indent: -9999px;
}

.indexNews .news .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.indexNews .news .list li:hover .article .date {
    background: #A19F9F;
}

.indexNews .news .list li:hover .article .detail {
    color: #999;
}

.indexLink {
    display: block;
    float: left;
    overflow: hidden;
    width: 260px;
    margin: 0 60px 60px 0;
}

.indexLink a, .indexLink a:visited, .indexLink a:hover, .indexLink a:active {
    display: block;
    overflow: hidden;
    width: 260px;
    height: 70px;
    margin: 0 0 15px 0;
    background: url(../images/sprite.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.indexLink .link01, .indexLink .link01:visited, .indexLink .link01:hover, .indexLink .link01:active {
    background-position: 0 -460px;
}

.indexLink .link01:hover {
    background-position: 0 -550px;
}

.indexLink .link02, .indexLink .link02:visited, .indexLink .link02:hover, .indexLink .link02:active {
    background-position: 0 -640px;
}

.indexLink .link02:hover {
    background-position: 0 -730px;
}

.indexLink .link03, .indexLink .link03:visited, .indexLink .link03:hover, .indexLink .link03:active {
    background-position: -470px -640px;
}

.indexLink .link03:hover {
    background-position: -470px -730px;
}

.indexNav {
    display: block;
    float: left;
    overflow: hidden;
    width: 200px;
    margin: 0 0 60px 0;
}

.indexNav .nav {
    overflow: hidden;
}

.indexNav .nav a, .indexNav .nav a:visited, .indexNav .nav a:hover, .indexNav .nav a:active {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 12px 0 7px 60px;
    border-bottom: 1px solid #DCDCDC;
    text-decoration: none;
}

.indexNav .nav a .titleCh, .indexNav .nav a:visited .titleCh, .indexNav .nav a:hover .titleCh, .indexNav .nav a:active .titleCh {
    display: block;
    overflow: hidden;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNav .nav a:hover .titleCh {
    color: #333;
}

.indexNav .nav a .titleEn, .indexNav .nav a:visited .titleEn, .indexNav .nav a:hover .titleEn, .indexNav .nav a:active .titleEn {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #BBB;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.indexNav .nav a .titleEn {
    color: #999;
}

.indexNav .nav a .ico {
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 12px;
    z-index: 9;
    width: 30px;
    height: 30px;
    background: url(../images/ico.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.indexNav .nav a .ico01, .indexNav .nav a:visited .ico01, .indexNav .nav a:hover .ico01, .indexNav .nav a:active .ico01 {
    background-position: 0 -600px;
}

.indexNav .nav a:hover .ico01 {
    background-position: 0 -650px;
}

.indexNav .nav a .ico02, .indexNav .nav a:visited .ico02, .indexNav .nav a:hover .ico02, .indexNav .nav a:active .ico02 {
    background-position: 0 -700px;
}

.indexNav .nav a:hover .ico02 {
    background-position: 0 -750px;
}

.indexNav .nav a .ico03, .indexNav .nav a:visited .ico03, .indexNav .nav a:hover .ico03, .indexNav .nav a:active .ico03 {
    background-position: 0 -800px;
}

.indexNav .nav a:hover .ico03 {
    background-position: 0 -850px;
}

.indexNav .nav a .ico04, .indexNav .nav a:visited .ico04, .indexNav .nav a:hover .ico04, .indexNav .nav a:active .ico04 {
    background-position: 0 -900px;
}

.indexNav .nav a:hover .ico04 {
    background-position: 0 -950px;
}

.bL-box li {
    float: left;
    color: #c3c3c3;
    font-size: 12px;
    padding-left: 5px;
}

.bL-box li a {
    color: #c3c3c3;
}

/*web index css end*/
/*web other css begin*/
.columnBanner {
    overflow: hidden;
    width: 100%;
    min-width: 980px;
    height: 120px;
    margin: 0 0 30px 0;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.columnContainer {
    overflow: hidden;
    width: 1010px;
    margin: 0 auto 60px auto;
}

.columnSide {
    display: block;
    float: left;
    position: relative;
    z-index: 9;
    width: 200px;
}

.columnTitle {
    overflow: hidden;
    padding: 15px 0 15px 15px;
    background: #074177;
}

.columnTitle .ch {
    display: block;
    overflow: hidden;
    font-family: Microsoft YaHei;
    font-size: 26px;
    line-height: 30px;
    color: #FFF;
}

.columnTitle .en {
    display: block;
    overflow: hidden;
    font-family: Tahoma;
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
    text-transform: uppercase;
}

.columnDate {
    overflow: hidden;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
}

.columnDate .year {
    overflow: hidden;
    height: 30px;
    margin: 0 0 15px 0;
    background: #C6C6C6 url(../images/bg03.jpg) 50% 100% no-repeat;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
}

.columnDate .month {
    overflow: hidden;
    width: 168px;
    margin: 0 auto 11px auto;
}

.columnDate .month .list {
    overflow: hidden;
}

.columnDate .month .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 38px;
    height: 38px;
    margin: 0 2px 4px 2px;
}

.columnDate .month .list li a, .columnDate .month .list li a:visited, .columnDate .month .list li a:hover, .columnDate .month .list li a:active {
    display: block;
    overflow: hidden;
    background: #F2F2F2;
    line-height: 38px;
    color: #666;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnDate .month .list li a:hover {
    background: #AAA;
    color: #FFF;
}

.columnDate .month .list .current a, .columnDate .month .list .current a:visited, .columnDate .month .list .current a:hover, .columnDate .month .list .current a:active {
    background: #006DB9;
    font-weight: bold;
    color: #FFF;
}

.columnNav {
    margin: 0 0 30px 0;
}

.columnNav li {
    display: block;
    position: relative;
    width: 200px;
    height: 40px;
}

.columnNav li a, .columnNav li a:visited, .columnNav li a:hover, .columnNav li a:active {
    display: block;
    overflow: hidden;
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #BBB;
    background: url(../images/ico.png) 155px -1084px no-repeat;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNav .current a, .columnNav .current a:visited, .columnNav .current a:hover, .columnNav .current a:active, .columnNav .hover a, .columnNav .hover a:visited, .columnNav .hover a:hover, .columnNav .hover a:active {
    background-color: #EFEFEF;
    background-position: 175px -1084px;
    font-weight: bold;
}

.columnNav li .drop {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 199px;
    top: 0;
    z-index: 9;
    width: 490px;
    padding: 20px 20px 10px 20px;
    border-left: 3px solid #074177;
    background: #E0E0E0;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.columnNav li .drop em {
    display: inline-block;
    margin: 0 15px 10px 15px;
    font-family: SimSun;
    line-height: 20px;
    color: #999;
    vertical-align: middle;
}

.columnNav li .drop a, .columnNav li .drop a:visited, .columnNav li .drop a:hover, .columnNav li .drop a:active {
    display: inline-block;
    width: 200px;
    padding: 0;
    border-bottom: 0;
    margin: 0 0 10px 0;
    background: none;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
}

.columnNav li .drop a:hover {
    color: #999;
}

.columnNav .hover .drop {
    display: block;
}

.columnSearch {
    overflow: hidden;
    margin: 0 0 30px 0;
}

.columnSearch .text {
    display: block;
    float: left;
    overflow: hidden;
    width: 150px;
    height: 20px;
    padding: 4px 10px 4px 9px;
    border: 1px solid #AAA;
    border-right: 0;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnSearch .text:focus {
    color: #666;
}

.columnSearch .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    background: #6B6A6A url(../images/ico.png) 5px -545px no-repeat;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnSearch .submit:hover {
    background-color: #898888;
}

.columnLabel {
    overflow: hidden;
    padding: 14px 9px;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
}

.columnLabel a, .columnLabel a:visited, .columnLabel a:hover, .columnLabel a:active {
    display: inline-block;
    padding: 2px 9px;
    border: 1px dashed #F2F2F2;
    margin: 0 10px 10px 0;
    background: #F2F2F2;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnLabel a:hover {
    border: 1px dashed #B5B5B5;
    background: #FFF;
}

.columnLetter {
    overflow: hidden;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
}

.columnLetter .header {
    overflow: hidden;
    position: relative;
    height: 20px;
    padding: 7px 0;
    border-bottom: 1px solid #D5D5D5;
    background: #074177;
    font-size: 14px;
}

.columnLetter .header .title {
    display: block;
    overflow: hidden;
    padding: 0 0 0 14px;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.columnLetter .header .more, .columnLetter .header .more:visited, .columnLetter .header .more:hover, .columnLetter .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 9px;
    top: 7px;
    z-index: 9;
    font-size: 10px;
    line-height: 20px;
    color: #FFF;
    text-transform: uppercase;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnLetter .header .more:hover {
    color: #000;
}

.columnLetter .list {
    overflow: hidden;
    padding: 14px 9px;
}

.columnLetter .list li {
    padding: 0 0 0 15px;
    background: url(../images/ico.png) 0 -992px no-repeat;
}

.columnLetter .list li a, .columnLetter .list li a:visited, .columnLetter .list li a:hover, .columnLetter .list li a:active {
    line-height: 25px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnLetter .list li a:hover {
    color: #999;
}

.columnSelect {
    overflow: hidden;
    width: 200px;
    height: 60px;
    margin: 0 0 30px 0;
}

.columnSelect .select, .columnSelect .select:visited, .columnSelect .select:hover, .columnSelect .select:active {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 60px;
    background: url(../images/sprite.png) -270px -460px no-repeat;
    text-indent: -9999px;
}

.columnSelect .select:hover {
    background-position: -270px -530px;
}

.columnLink {
    overflow: hidden;
    width: 198px;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
}

.columnLink a, .columnLink a:visited, .columnLink a:hover, .columnLink a:active {
    display: block;
    overflow: hidden;
    padding: 5px 14px 4px 14px;
    border-bottom: 1px solid #D5D5D5;
    background: url(../images/ico.png) 174px -989px no-repeat;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
}

.columnLink a:hover {
    font-weight: bold;
}

.columnLink .last, .columnLink .last:visited, .columnLink .last:hover, .columnLink .last:active {
    padding: 5px 14px;
    border-bottom: 0;
}

.columnLink .title {
    background: #074177;
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
}

.columnLink .linkman {
    background: #f2f2f2;
    color: #686868;
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
}

.columnLink .content {
    border-bottom: 1px solid #D5D5D5;
    height: 37px;
    line-height: 37px;
}

.columnLink .last1 {
    border-bottom: none;
}

.columnLink .content .ico {
    width: 16px;
    height: 18px;
    background: url(../images/sprite.png) -774px -501px;
    display: block;
    float: left;
    margin: 10px 15px 0 15px;
}

.columnLink .content .ico2 {
    background-position: -774px -535px
}

.columnLink .content .ico3 {
    background-position: -774px -575px
}

.columnLink .content a {
    border-bottom: none;
    padding: 0;
    display: block;
    float: left;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    color: #434343;
}

.columnNew {
    overflow: hidden;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
}

.columnNew .header {
    overflow: hidden;
    position: relative;
    height: 20px;
    padding: 5px 0 4px 14px;
    border-bottom: 1px solid #D5D5D5;
    background: #074177;
}

.columnNew .header .title {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.columnNew .header .more, .columnNew .header .more:visited, .columnNew .header .more:hover, .columnNew .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 14px;
    top: 5px;
    z-index: 9;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNew .header .more:hover {
    color: #CCC;
}

.columnNew .article {
    overflow: hidden;
    padding: 9px 14px;
}

.columnNew .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
}

.columnNew .article .title a, .columnNew .article .title a:visited, .columnNew .article .title a:hover, .columnNew .article .title a:active {
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNew .article .title a:hover {
    color: #999;
}

.columnNew .article .detail {
    line-height: 20px;
    color: #666;
}

.columnContact {
    overflow: hidden;
    width: 200px;
    height: 80px;
    margin: 0 0 30px 0;
}

.columnContact img {
    display: block;
    width: 200px;
    height: 80px;
}

.columnQuote {
    overflow: hidden;
    position: relative;
    border: 1px solid #E4E4E4;
    margin: 0 0 30px 0;
}

.columnQuote .title {
    padding: 7px 9px;
    border-bottom: 1px solid #E4E4E4;
    margin: 0 0 9px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnQuote .about {
    display: block;
    overflow: hidden;
    padding: 0 14px;
    margin: 0 0 5px 0;
    line-height: 20px;
    color: #333;
}

.columnQuote strong {
    display: block;
    overflow: hidden;
    padding: 0 14px;
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnQuote p {
    display: block;
    overflow: hidden;
    padding: 0 14px;
    margin: 0 0 10px 0;
}

.columnQuote input {
    display: block;
    overflow: hidden;
    width: 160px;
    height: 20px;
    padding: 0 4px;
    border: 1px solid #E4E4E4;
    border-radius: 2px;
    margin: 0;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnQuote input:focus {
    color: #333;
}

.columnQuote .name {
    float: left;
    width: 90px;
    margin: 0 10px 0 0;
}

.columnQuote .sex {
    float: left;
    width: 50px;
}

.columnQuote .submit {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 170px;
    height: 30px;
    padding: 0;
    margin: 0 auto 19px auto;
    background: #FF7200;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
}

.columnQuote .submit:hover {
    background: #FD8C31;
}

.columnQuote .line {
    overflow: hidden;
    width: 170px;
    height: 0;
    padding: 9px 0 0 0;
    border-bottom: 1px dashed #C9C9C9;
    margin: 0 auto 10px auto;
}

.columnShop {
    overflow: hidden;
    background: #F4F4F4;
}

.columnShop a, .columnShop a:visited, .columnShop a:hover, .columnShop a:active {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    width: 120px;
    padding: 20px 20px 19px 50px;
    border-bottom: 1px dashed #D2D2D2;
    margin: 0 auto;
    text-decoration: none;
}

.columnShop a .text, .columnShop a:visited .text, .columnShop a:hover .text, .columnShop a:active .text {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnShop a:hover .text {
    color: #666;
}

.columnShop a .ico {
    overflow: hidden;
    position: absolute;
    left: 2px;
    top: 12px;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: url(../images/ico.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.columnShop a .ico01, .columnShop a:visited .ico01, .columnShop a:hover .ico01, .columnShop a:active .ico01 {
    background-position: 0 -1150px;
}

.columnShop a:hover .ico01 {
    background-position: 0 -1200px;
}

.columnShop a .ico02, .columnShop a:visited .ico02, .columnShop a:hover .ico02, .columnShop a:active .ico02 {
    background-position: 0 -1250px;
}

.columnShop a:hover .ico02 {
    background-position: 0 -1300px;
}

.columnShop a .arrow {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 25px;
    z-index: 9;
    width: 5px;
    height: 9px;
    background: url(../images/ico.png) 0 -1000px no-repeat;
    text-indent: -9999px;
}

.columnMain {
    display: block;
    float: right;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 780px;
}

.columnPath {
    overflow: hidden;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #BFBFBF;
    margin: 0 0 20px 0;
    text-align: right;
}

.columnPath em {
    margin: 0 10px;
    font-family: SimSun;
    line-height: 20px;
    color: #999;
}

.columnPath strong {
    line-height: 20px;
    color: #999;
}

.columnPath a, .columnPath a:visited, .columnPath a:hover, .columnPath a:active {
    line-height: 20px;
    color: #999;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnPath a:hover {
    color: #666;
}

.pageFlip {
    overflow: hidden;
    position: relative;
    padding: 19px 0 20px 0;
    border-top: 1px solid #D5D5D5;
}

.pageFlip strong {
    margin: 0 10px 0 0;
    font-family: SimSun;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    vertical-align: middle;
}

.pageFlip li {
    display: inline-block;
    list-style: none;
    font-size: 14px;
}

.pageFlip a, .pageFlip a:visited, .pageFlip a:hover, .pageFlip a:active {
    margin: 0 10px 0 0;
    font-family: SimSun;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.pageFlip a:hover {
    color: #999;
}

.pageFlip .ch {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 9;
    line-height: 20px;
    color: #999;
}

.pageFlip .en {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 9;
    line-height: 20px;
    color: #999;
}

.columnProduct {
    overflow: hidden;
}

.columnProduct .aboutProduct {
    overflow: hidden;
    border: 1px solid #D5D5D5;
    margin: 0 0 30px 0;
    background: #F5F5F5;
}

.columnProduct .aboutProduct .flash {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 208px;
    height: 188px;
    margin: 0 20px 0 0;
    padding-left: 26px;
}

.columnProduct .aboutProduct .flash .list {
    overflow: hidden;
    width: 999999px;
    height: 188px;
}

.columnProduct .aboutProduct .flash .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 298px;
    height: 188px;
}

.columnProduct .aboutProduct .flash .list li .cover {
    overflow: hidden;
    width: 298px;
    height: 188px;
}

.columnProduct .aboutProduct .flash .list li .cover img {
    display: block;
    width: 188px;
    height: 188px;
}

.columnProduct .aboutProduct .flash .prev {
    overflow: hidden;
    position: absolute;
    left: 14px;
    top: 77px;
    z-index: 9;
    cursor: pointer;
    width: 19px;
    height: 34px;
    background: url(../images/sprite.png) -400px -600px no-repeat;
    text-indent: -9999px;
}

.columnProduct .aboutProduct .flash .prev:hover {
    background-position: -430px -600px;
}

.columnProduct .aboutProduct .flash .next {
    overflow: hidden;
    position: absolute;
    right: 14px;
    top: 77px;
    z-index: 9;
    cursor: pointer;
    width: 19px;
    height: 34px;
    background: url(../images/sprite.png) -400px -640px no-repeat;
    text-indent: -9999px;
}

.columnProduct .aboutProduct .flash .next:hover {
    background-position: -430px -640px;
}

.columnProduct .aboutProduct .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 510px;
    padding: 39px 0 0 0;
}

.columnProduct .aboutProduct .article .titleCh {
    display: block;
    overflow: hidden;
    font-family: Microsoft YaHei;
    font-size: 22px;
    line-height: 30px;
    color: #333;
}

.columnProduct .aboutProduct .article .titleEn {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #074177;
    text-transform: uppercase;
}

.columnProduct .aboutProduct .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
}

.columnProduct .listProduct {
    overflow: hidden;
}

.columnProduct .listProduct .list {
    overflow: hidden;
    width: 750px;
}

.columnProduct .listProduct .list li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 240px;
    margin: 30px 5px
}

.columnProduct .listProduct .list li .cover {
    overflow: hidden;
    width: 220px;
    height: 180px;
    margin: 0 0 10px 0;
}

.columnProduct .listProduct .list li .cover img {
    display: block;
    width: 220px;
    height: 180px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .listProduct .list li .title {
    display: block;
    overflow: hidden;
    background: #AAA ;
    /*background:#AAA url(../images/ico.png) 200px -1339px no-repeat; */
    width: 240px;
    height: 32px;
}

.columnProduct .listProduct .list li .title a, .columnProduct .listProduct .list li .title a:visited, .columnProduct .listProduct .list li .title a:hover, .columnProduct .listProduct .list li .title a:active {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
    display: block;
}

.columnProduct .listProduct .list li .title a {
    line-height: 32px;
    text-indent: 10px;
    display: block;
    height: 32px;
}

.columnProduct .listProduct .list li .environment {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 9;
    width: 50px;
    height: 20px;
    padding: 8px 0 0 0;
    background: url(../images/sprite.png) -180px -290px no-repeat;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnProduct .listProduct .list li .soon {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
    width: 51px;
    height: 51px;
    background: url(../images/sprite.png) -370px -730px no-repeat;
    text-indent: -9999px;
}

.columnProduct .listProduct .list li:hover .title {
    background-color: #005897;
}

.columnProduct .listProduct .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnProduct .pageProductAbout {
    overflow: hidden;
    position: relative;
    margin: 0 0 40px 0;
}

.columnProduct .pageProductAbout .title {
    overflow: hidden;
    margin: 0 0 10px 0;
    font-family: Arial, Microsoft YaHei;
    font-size: 18px;
    line-height: 20px;
    color: #333;
}

.columnProduct .pageProductAbout .detail {
    display: block;
    overflow: hidden;
    width: 520px;
    line-height: 20px;
    color: #333;
}

.columnProduct .pageProductAbout .price {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 9;
    cursor: pointer;
    width: 100px;
    height: 25px;
    background: url(../images/sprite.png) -320px -100px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #FFF;
    text-align: center;
}

.columnProduct .pageProductAbout .price:hover {
    background-position: -320px -130px;
}

.columnProduct .pageProductShow {
    overflow: hidden;
    margin: 0 0 60px 0;
}

.columnProduct .pageProductShow .show {
    display: block;
    float: left;
    overflow: hidden;
    width: 360px;
    height: 340px;
    margin: 0 40px 0 0;
}

.columnProduct .pageProductShow .show .photo {
    display: block;
    overflow: hidden;
    position: relative;
    width: 358px;
    height: 258px;
    border: 1px solid #E4E4E4;
    margin: 0 0 20px 0;
}

.columnProduct .pageProductShow .show .photo .environment {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 75px;
    height: 61px;
    background: url(../images/bg02.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.columnProduct .pageProductShow .show .photo .soon {
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 9;
    width: 76px;
    height: 76px;
    background: url(../images/sprite.png) -280px -730px no-repeat;
    text-indent: -9999px;
}

.columnProduct .pageProductShow .show .photo .cover {
    overflow: hidden;
    width: 358px;
    height: 258px;
}

.columnProduct .pageProductShow .show .photo .cover img {
    display: block;
    width: 358px;
    height: 258px;
}

.columnProduct .pageProductShow .show .thumb {
    overflow: hidden;
    position: relative;
    width: 360px;
    height: 60px;
}

.columnProduct .pageProductShow .show .thumb .wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 285px;
    height: 60px;
    margin: 0 auto;
}

.columnProduct .pageProductShow .show .thumb .wrap .list {
    overflow: hidden;
    width: 99999px;
    height: 60px;
}

.columnProduct .pageProductShow .show .thumb .wrap .list li {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 85px;
    height: 60px;
    margin: 0 10px 0 0;
}

.columnProduct .pageProductShow .show .thumb .wrap .list li .cover {
    overflow: hidden;
    width: 83px;
    height: 58px;
    padding: 1px;
}

.columnProduct .pageProductShow .show .thumb .wrap .list li .cover img {
    display: block;
    width: 83px;
    height: 58px;
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnProduct .pageProductShow .show .thumb .wrap .list .current .cover {
    padding: 0;
    border: 1px solid #FF7200;
}

.columnProduct .pageProductShow .show .thumb .wrap .list .current .cover img {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.columnProduct .pageProductShow .show .thumb .prev {
    overflow: hidden;
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 9;
    cursor: pointer;
    width: 10px;
    height: 20px;
    background: url(../images/sprite.png) -320px -160px no-repeat;
    text-indent: -9999px;
}

.columnProduct .pageProductShow .show .thumb .prev:hover {
    background-position: -340px -160px;
}

.columnProduct .pageProductShow .show .thumb .next {
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 9;
    cursor: pointer;
    width: 10px;
    height: 20px;
    background: url(../images/sprite.png) -360px -160px no-repeat;
    text-indent: -9999px;
}

.columnProduct .pageProductShow .show .thumb .next:hover {
    background-position: -380px -160px;
}

.columnProduct .pageProductShow .show .thumb .border {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 358px;
    height: 58px;
    border: 1px solid #E4E4E4;
}

.columnProduct .pageProductShow .about {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 318px;
    padding: 0 0 60px 0;
    border: 1px solid #E4E4E4;
}

.columnProduct .pageProductShow .about .title {
    padding: 7px 19px;
    border-bottom: 1px solid #E4E4E4;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnProduct .pageProductShow .about .article {
    overflow: hidden;
    height: 205px;
    padding: 19px;
}

.columnProduct .pageProductShow .about #editor p {
    overflow: hidden;
    line-height: 20px;
    color: #333;
}

.columnProduct .pageProductShow .about .buy {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 300px;
    padding: 14px 19px 15px 19px;
    border-top: 1px solid #E4E4E4;
}

.columnProduct .pageProductShow .about .buy a, .columnProduct .pageProductShow .about .buy a:visited, .columnProduct .pageProductShow .about .buy a:hover, .columnProduct .pageProductShow .about .buy a:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    background: url(../images/ico.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.columnProduct .pageProductShow .about .buy .buy01, .columnProduct .pageProductShow .about .buy .buy01:visited, .columnProduct .pageProductShow .about .buy .buy01:hover, .columnProduct .pageProductShow .about .buy .buy01:active {
    background-position: 0 -1650px;
}

.columnProduct .pageProductShow .about .buy .buy01:hover {
    background-position: 0 -1700px;
}

.columnProduct .pageProductShow .about .buy .buy02, .columnProduct .pageProductShow .about .buy .buy02:visited, .columnProduct .pageProductShow .about .buy .buy02:hover, .columnProduct .pageProductShow .about .buy .buy02:active {
    background-position: 0 -1750px;
}

.columnProduct .pageProductShow .about .buy .buy02:hover {
    background-position: 0 -1800px;
}

.columnProduct .pageProductShow .about .buy .text {
    overflow: hidden;
    position: absolute;
    left: 99px;
    top: 50%;
    z-index: 1;
    margin: -10px 0 0 0;
    background: #FFF;
    line-height: 20px;
    color: #666;
    text-transform: uppercase;
}

.columnProduct .pageProductShow .about .buy .line {
    overflow: hidden;
    position: absolute;
    left: 99px;
    top: 29px;
    width: 200px;
    height: 0;
    border-bottom: 1px dashed #DCDCDC;
}

.columnProduct .pageProductTab {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnProduct .pageProductTab .tab {
    overflow: hidden;
    width: 720px;
    height: 35px;
    margin: 0 0 20px 0;
    background: #EFEFEF;
}

.columnProduct .pageProductTab .tab span {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 80px;
    height: 25px;
    padding: 5px 0;
    margin: 0 40px 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #333;
    text-align: center;
}

.columnProduct .pageProductTab .tab .current {
    padding: 5px 0 3px 0;
    border-bottom: 2px solid #FF7200;
}

.columnProduct .pageProductTab .article {
    display: none;
    overflow: hidden;
}

.columnProduct .pageProductTab #editor p {
    margin: 0 0 15px 0;
    line-height: 24px;
    color: #333;
}

.columnProduct .pageProductVideo {
    overflow: hidden;
}

.columnProduct .pageProductVideo .title {
    overflow: hidden;
    padding: 5px 15px;
    margin: 0 0 20px 0;
    background: #EFEFEF;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductVideo a, .columnProduct .pageProductVideo a:visited, .columnProduct .pageProductVideo a:hover, .columnProduct .pageProductVideo a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 720px;
    height: 130px;
    margin: 0 0 20px 0;
    text-decoration: none;
}

.columnProduct .pageProductVideo .video {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 130px;
    margin: 0 40px 0 0;
}

.columnProduct .pageProductVideo .video .cover {
    overflow: hidden;
    width: 230px;
    height: 130px;
}

.columnProduct .pageProductVideo .video .cover img {
    display: block;
    width: 230px;
    height: 130px;
}

.columnProduct .pageProductVideo .video .mask {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 230px;
    height: 130px;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductVideo .video .play {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 30px;
    height: 30px;
    margin: -13px 0 0 -13px;
    background: url(../images/sprite.png) -240px -290px no-repeat;
    text-indent: -9999px;
    opacity: 0;
    filter: Alpha(opacity=0);
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductVideo .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 380px;
    height: 90px;
    margin: 20px 0 0 0;
}

.columnProduct .pageProductVideo .article .title {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
    background: none;
    line-height: 20px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductVideo .article .detail {
    line-height: 20px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductVideo a:hover .mask {
    opacity: 0.3;
    filter: Alpha(opacity=30);
}

.columnProduct .pageProductVideo a:hover .video .play {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.columnProduct .pageProductVideo a:hover .article .title {
    color: #666;
}

.columnProduct .pageProductVideo a:hover .article .detail {
    color: #666;
}

.columnProduct .pageProductMember {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnProduct .pageProductMember .header {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
    background: #EFEFEF;
}

.columnProduct .pageProductMember .header .title {
    padding: 5px 15px;
    background: #EFEFEF url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductMember .header .more, .columnProduct .pageProductMember .header .more:visited, .columnProduct .pageProductMember .header .more:hover, .columnProduct .pageProductMember .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 9;
    width: 60px;
    height: 30px;
    background: url(../images/sprite.png) -180px -380px no-repeat;
    font-size: 10px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.columnProduct .pageProductMember .header .more:hover {
    background-position: -180px -410px;
}

.columnProduct .pageProductMember .article {
    overflow: hidden;
}

.columnProduct .pageProductMember .article p {
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductContact {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnProduct .pageProductContact .header {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
    background: #EFEFEF;
}

.columnProduct .pageProductContact .header .title {
    padding: 5px 15px;
    background: #EFEFEF url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductContact .header .more, .columnProduct .pageProductContact .header .more:visited, .columnProduct .pageProductContact .header .more:hover, .columnProduct .pageProductContact .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 9;
    width: 60px;
    height: 30px;
    background: url(../images/sprite.png) -180px -380px no-repeat;
    font-size: 10px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.columnProduct .pageProductContact .header .more:hover {
    background-position: -180px -410px;
}

.columnProduct .pageProductContact .article {
    overflow: hidden;
}

.columnProduct .pageProductContact .article p {
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductContact .article a, .columnProduct .pageProductContact .article a:visited, .columnProduct .pageProductContact .article a:hover, .columnProduct .pageProductContact .article a:active {
    line-height: 25px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductContact .article a:hover {
    color: #999;
}

.columnProduct .pageProductRecommend {
    overflow: hidden;
}

.columnProduct .pageProductRecommend .title {
    overflow: hidden;
    padding: 5px 15px;
    margin: 0 0 20px 0;
    background: #EFEFEF url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #333;
}

.columnProduct .pageProductRecommend .list {
    overflow: hidden;
    width: 750px;
    margin: 0 0 0 -30px;
}

.columnProduct .pageProductRecommend .list li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 220px;
    margin: 0 0 30px 30px;
}

.columnProduct .pageProductRecommend .list li .cover {
    overflow: hidden;
    width: 220px;
    height: 180px;
    margin: 0 0 10px 0;
}

.columnProduct .pageProductRecommend .list li .cover img {
    display: block;
    width: 220px;
    height: 180px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnProduct .pageProductRecommend .list li .title {
    display: block;
    overflow: hidden;
    padding: 5px 29px 5px 9px;
    margin: 0;
    background: #AAA url(../images/ico.png) 200px -1339px no-repeat;
    line-height: 20px;
}

.columnProduct .pageProductRecommend .list li .title a, .columnProduct .pageProductRecommend .list li .title a:visited, .columnProduct .pageProductRecommend .list li .title a:hover, .columnProduct .pageProductRecommend .list li .title a:active {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
    line-height: 32px;
    height: 32px;
    display: block;
}

.columnProduct .pageProductRecommend .list li .environment {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 9;
    width: 50px;
    height: 20px;
    padding: 8px 0 0 0;
    background: url(../images/sprite.png) -180px -290px no-repeat;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnProduct .pageProductRecommend .list li:hover .title {
    background-color: #005897;
}

.columnProduct .pageProductRecommend .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.searchProduct {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto 60px auto;
}

.searchProduct .header {
    position: relative;
    width: 1000px;
    height: 30px;
    margin: 0 0 40px 0;
}

.searchProduct .header .tab {
    overflow: hidden;
}

.searchProduct .header .tab li {
    display: block;
    float: left;
    position: relative;
}

.searchProduct .header .tab li a, .searchProduct .header .tab li a:visited, .searchProduct .header .tab li a:hover, .searchProduct .header .tab li a:active {
    display: block;
    padding: 4px 24px;
    border: 1px solid #E4E4E4;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .header .tab li a:hover {
    color: #999;
}

.searchProduct .header .tab .current a, .searchProduct .header .tab .current a:visited, .searchProduct .header .tab .current a:hover, .searchProduct .header .tab .current a:active {
    border-color: #6F6F6F;
    background: #6F6F6F;
    color: #FFF;
}

.searchProduct .header .tab li .arrow {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 9;
    width: 15px;
    height: 8px;
    margin: 0 0 0 -7px;
    background: url(../images/ico.png) 0 -2050px no-repeat;
    text-indent: -9999px;
}

.searchProduct .header .tab .current .arrow {
    display: block;
}

.searchProduct .header .path {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.searchProduct .header .path em {
    margin: 0 10px;
    font-family: SimSun;
    line-height: 20px;
    color: #999;
}

.searchProduct .header .path strong {
    line-height: 20px;
    color: #999;
}

.searchProduct .header .path a, .searchProduct .header .path a:visited, .searchProduct .header .path a:hover, .searchProduct .header .path a:active {
    line-height: 20px;
    color: #999;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .header .path a:hover {
    color: #666;
}

.searchProduct .search {
    display: block;
    float: left;
    overflow: hidden;
    width: 208px;
    border: 1px solid #D5D5D5;
}

.searchProduct .search .title {
    overflow: hidden;
    height: 21px;
    padding: 5px 14px;
    border-bottom: 1px solid #D5D5D5;
    margin: 0 0 10px 0;
    background: #074177;
    line-height: 23px;
    color: #FFF;
}

.searchProduct .search strong {
    display: block;
    overflow: hidden;
    padding: 0 14px;
    margin: 0 0 5px 0;
    line-height: 20px;
    color: #666;
}

.searchProduct .search p {
    display: block;
    overflow: hidden;
    padding: 0 14px;
    margin: 0 0 10px 0;
}

.searchProduct .search .text01 {
    display: block;
    width: 160px;
    padding: 4px 9px;
    border: 1px solid #D6D5D5;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .search .text01:focus {
    color: #666;
}

.searchProduct .search .text02 {
    width: 65px;
    padding: 4px;
    border: 1px solid #D6D5D5;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .search .text02:focus {
    color: #666;
}

.searchProduct .search .sign {
    margin: 0 11px;
    line-height: 30px;
    color: #666;
    vertical-align: middle;
}

.searchProduct .search .text03 {
    width: 42px;
    padding: 4px;
    border: 1px solid #D6D5D5;
    margin: 0 12px 0 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .search .text03:focus {
    color: #666;
}

.searchProduct .search .select {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 4px 9px;
    border: 1px solid #D6D5D5;
    margin: 0;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .search .submit {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 80px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0 0 25px 14px;
    background: #FF7200;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .search .submit:hover {
    background: #FF8E33;
}

.searchProduct .search .line {
    display: block;
    overflow: hidden;
    width: 208px;
    height: 1px;
    margin: 0 0 10px 0;
    background: #D5D5D5;
}

.searchProduct .product {
    display: block;
    float: right;
    overflow: hidden;
    width: 720px;
}

.searchProductTip {
    overflow: hidden;
    padding: 15px 25px;
    background: #F8F8F8;
}

.searchProductTip strong {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 45px;
    background: url(../images/ico.png) 0 -2200px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #999;
}

.searchProductTip span {
    display: block;
    overflow: hidden;
    padding: 0 0 0 45px;
    margin: 0 0 10px 0;
    line-height: 20px;
    color: #999;
}

.searchProductTip p {
    display: block;
    overflow: hidden;
    padding: 0 0 0 045px;
    line-height: 20px;
    color: #999;
}

.searchProduct .product .list {
    overflow: hidden;
    width: 750px;
    margin: 0 0 0 -30px;
}

.searchProduct .product .list li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 220px;
    margin: 0 0 30px 30px;
}

.searchProduct .product .list li .cover {
    overflow: hidden;
    width: 220px;
    height: 180px;
    margin: 0 0 10px 0;
}

.searchProduct .product .list li .cover img {
    display: block;
    width: 220px;
    height: 180px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchProduct .product .list li .title {
    display: block;
    overflow: hidden;
    padding: 5px 29px 5px 9px;
    background: #AAA url(../images/ico.png) 200px -1339px no-repeat;
}

.searchProduct .product .list li .title a, .searchProduct .product .list li .title a:visited, .searchProduct .product .list li .title a:hover, .searchProduct .product .list li .title a:active {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none;
}

.searchProduct .product .list li .environment {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 9;
    width: 50px;
    height: 20px;
    padding: 8px 0 0 0;
    background: url(../images/sprite.png) -180px -290px no-repeat;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.searchProduct .product .list li:hover .title {
    background-color: #005897;
}

.searchProduct .product .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnService {
    overflow: hidden;
}

.columnService .listMarket {
    overflow: hidden;
}

.columnService .listMarket .list {
    overflow: hidden;
    width: 760px;
    margin: 0 0 20px -40px;
}

.columnService .listMarket .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 340px;
    margin: 0 0 0 40px;
}

.columnService .listMarket .list li .province {
    display: block;
    overflow: hidden;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnService .listMarket .list li .city {
    overflow: hidden;
}

.columnService .listMarket .list li .city em {
    margin: 0 10px;
    font-family: SimSun;
    line-height: 20px;
    color: #333;
}

.columnService .listMarket .list li .city span {
    line-height: 20px;
    color: #333;
}

.columnService .listAnswer {
    display: block;
    float: left;
    overflow: hidden;
    width: 385px;
}

.columnService .listAnswer .list {
    overflow: hidden;
}

.columnService .listAnswer .list li {
    overflow: hidden;
    margin: 0 0 30px 0;
}

.columnService .listAnswer .list li .question {
    display: block;
    overflow: hidden;
    padding: 5px 0 5px 45px;
    margin: 0 0 10px 0;
    background: url(../images/ico.png) 0 -1400px no-repeat;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnService .listAnswer .list li .answer {
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 30px;
    background: #F2F2F2;
    line-height: 20px;
    color: #333;
}

.columnService .sideAnswer {
    display: block;
    float: right;
    overflow: hidden;
    width: 245px;
    height: 480px;
}

.columnService .sideAnswer img {
    display: block;
    width: 245px;
    height: 480px;
}

.columnService .formRepair {
    display: block;
    float: left;
    overflow: hidden;
    width: 380px;
}

.columnService .formRepair .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-family: Microsoft YaHei;
    font-size: 24px;
    line-height: 30px;
    color: #000;
}

.columnService .formRepair .form {
    display: block;
    overflow: hidden;
    padding: 19px;
    border: 1px solid #D5D5D5;
}

.columnService .formRepair .form .province {
    display: block;
    float: left;
    overflow: hidden;
    width: 160px;
    padding: 10px;
    margin: 0 20px 15px 0;
    background: #F1F1F1;
    line-height: 20px;
    color: #666;
}

.columnService .formRepair .form .city {
    display: block;
    float: left;
    overflow: hidden;
    width: 160px;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #F1F1F1;
    line-height: 20px;
    color: #666;
}

.columnService .formRepair .form .text {
    display: block;
    overflow: hidden;
    width: 300px;
    padding: 10px 20px;
    border: 0;
    margin: 0 0 15px 0;
    background: #F1F1F1;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .formRepair .form .text:focus {
    color: #333;
}

.columnService .formRepair .form .textarea {
    display: block;
    overflow: hidden;
    width: 300px;
    height: 100px;
    padding: 10px 20px;
    border: 0;
    margin: 0 0 15px 0;
    background: #F1F1F1;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .formRepair .form .textarea:focus {
    color: #333;
}

.columnService .formRepair .form .submit {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 60px;
    height: 20px;
    padding: 0;
    border: 0;
    margin: 0 0 20px 0;
    background: #FF7200;
    color: #FFF;
}

.columnService .formRepair .form .submit:hover {
    background: #FF8E33;
}

.columnService .formRepair .form .ch {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #999;
}

.columnService .formRepair .form .en {
    display: block;
    overflow: hidden;
    line-height: 15px;
    color: #999;
}

.columnService .sideRepair {
    display: block;
    float: right;
    overflow: hidden;
    width: 270px;
    height: 320px;
    margin: 40px 0 0 0;
}

.columnService .sideRepair strong {
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnService .sideRepair p {
    padding: 10px 0 9px 0;
    border-bottom: 1px solid #A1A1A1;
    line-height: 20px;
    color: #333;
}

.columnService .sideRepair a, .columnService .sideRepair a:visited, .columnService .sideRepair a:hover, .columnService .sideRepair a:active {
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .sideRepair a:hover {
    color: #999;
}

.columnService .sideRepair .banner {
    overflow: hidden;
    width: 270px;
    height: 170px;
    padding: 30px 0 0 0;
}

.columnService .sideRepair .banner img {
    display: block;
    width: 270px;
    height: 170px;
}

.columnService .aboutDownload {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnService .aboutDownload .title {
    display: block;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnService .aboutDownload .about {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #333;
}

.columnService .tabDownload {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnService .tabDownload a, .columnService .tabDownload a:visited, .columnService .tabDownload a:hover, .columnService .tabDownload a:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 4px;
    border: 1px dashed #959595;
    margin: 0 15px 0 0;
    background: #FFF;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .tabDownload a:hover {
    color: #999;
}

.columnService .tabDownload .current, .columnService .tabDownload .current:visited, .columnService .tabDownload .current:hover, .columnService .tabDownload .current:active {
    padding: 5px;
    border: 0;
    background: #074177;
    color: #FFF;
}

.columnService .listDownload {
    overflow: hidden;
    border-bottom: 1px solid #E4E4E4;
    margin: 0 0 39px 0;
}

.columnService .listDownload .list {
    overflow: hidden;
}

.columnService .listDownload .list li {
    overflow: hidden;
    position: relative;
    border-top: 1px solid #E4E4E4;
}

.columnService .listDownload .list li a, .columnService .listDownload .list li a:visited, .columnService .listDownload .list li a:hover, .columnService .listDownload .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 690px;
    padding: 9px 0 10px 30px;
    background: url(../images/ico.png) 10px -1888px no-repeat;
    text-decoration: none;
}

.columnService .listDownload .list li .title {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .listDownload .list li .download {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 9px;
    z-index: 9;
    width: 80px;
    height: 20px;
    background: #ACACAC;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .listDownload .list li:hover .title {
    color: #666;
}

.columnService .listDownload .list li:hover .download {
    background: #BDBDBD;
}

.columnService .companyLease {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.columnService .companyLease .header {
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #D9D9D9;
    margin: 0 0 10px 0;
}

.columnService .companyLease .header .logo {
    display: block;
    float: left;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin: 0 20px 0 0;
}

.columnService .companyLease .header .logo img {
    display: block;
    width: 80px;
    height: 80px;
}

.columnService .companyLease .header .title {
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnService .companyLease .header .site, .columnService .companyLease .header .site:visited, .columnService .companyLease .header .site:hover, .columnService .companyLease .header .site:active {
    line-height: 20px;
    color: #999;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .companyLease .header .site:hover {
    color: #AAA;
}

.columnService .companyLease .article {
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #D9D9D9;
}

.columnService .companyLease .article p {
    margin: 0 0 10px 0;
    line-height: 20px;
    color: #666;
}

.columnService .leaveLease {
    overflow: hidden;
}

.columnService .leaveLease .title {
    display: block;
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnService .leaveLease .title .ch {
    margin: 0 10px 0 0;
    font-family: Microsoft YaHei;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    vertical-align: baseline;
}

.columnService .leaveLease .title .en {
    font-size: 16px;
    line-height: 20px;
    color: #666;
    vertical-align: baseline;
}

.columnService .leaveLease p {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnService .leaveLease .text {
    display: block;
    overflow: hidden;
    width: 330px;
    height: 20px;
    padding: 9px;
    border: 1px solid #B5B5B5;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .leaveLease .text:focus {
    color: #333;
}

.columnService .leaveLease .textarea {
    display: block;
    overflow: hidden;
    width: 500px;
    height: 140px;
    padding: 9px;
    border: 1px solid #B5B5B5;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .leaveLease .textarea:focus {
    color: #333;
}

.columnService .leaveLease .submit {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 100px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    background: #FF7200;
    font-size: 14px;
    color: #FFF;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnService .leaveLease .submit:hover {
    background: #FF8E33;
}

.columnTrain {
    overflow: hidden;
}

.columnTrain .columnVideo {
    overflow: hidden;
}

.columnTrain .columnVideo .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnTrain .columnVideo .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnTrain .columnVideo .list {
    overflow: hidden;
}

.columnTrain .columnVideo .list li {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px dashed #BABABA;
    margin: 0 0 20px 0;
}

.columnTrain .columnVideo .list li a, .columnTrain .columnVideo .list li a:visited, .columnTrain .columnVideo .list li a:hover, .columnTrain .columnVideo .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 720px;
    height: 90px;
    text-decoration: none;
}

.columnTrain .columnVideo .list li .video {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 160px;
    height: 90px;
    margin: 0 40px 0 0;
}

.columnTrain .columnVideo .list li .video .cover {
    overflow: hidden;
    width: 160px;
    height: 90px;
}

.columnTrain .columnVideo .list li .video .cover img {
    display: block;
    width: 160px;
    height: 90px;
}

.columnTrain .columnVideo .list li .video .mask {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 160px;
    height: 90px;
    background: #000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

.columnTrain .columnVideo .list li .video .play {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px;
    background: url(../images/sprite.png) -240px -290px no-repeat;
    text-indent: -9999px;
}

.columnTrain .columnVideo .list li .about {
    display: block;
    float: left;
    overflow: hidden;
    width: 160px;
    margin: 0 40px 0 0;
}

.columnTrain .columnVideo .list li .about .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .columnVideo .list li .about .more {
    display: block;
    overflow: hidden;
    width: 90px;
    height: 20px;
    background: url(../images/sprite.png) -180px -320px no-repeat;
    text-indent: -9999px;
}

.columnTrain .columnVideo .list li .detail {
    display: block;
    float: left;
    overflow: hidden;
    width: 280px;
    line-height: 20px;
    color: #999;
}

.columnTrain .columnVideo .list li:hover .video .mask {
    display: block;
}

.columnTrain .columnVideo .list li:hover .video .play {
    display: block;
}

.columnTrain .columnVideo .list li:hover .about .title {
    color: #666;
}

.columnTrain .columnVideo .list li:hover .about .more {
    background-position: -180px -350px;
}

.columnTrain .columnVideo .list li:hover .detail {
    color: #AAA;
}

.columnTrain .listVideo {
    overflow: hidden;
}

.columnTrain .listVideo .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnTrain .listVideo .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnTrain .listVideo .list {
    overflow: hidden;
    width: 765px;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #BABABA;
    margin: 0 0 20px -45px;
}

.columnTrain .listVideo .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    height: 150px;
    margin: 0 0 0 45px;
}

.columnTrain .listVideo .list li a, .columnTrain .listVideo .list li a:visited, .columnTrain .listVideo .list li a:hover, .columnTrain .listVideo .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    height: 150px;
    text-decoration: none;
}

.columnTrain .listVideo .list li .video {
    overflow: hidden;
    position: relative;
    width: 210px;
    height: 120px;
    margin: 0 0 10px 0;
}

.columnTrain .listVideo .list li .video .cover {
    overflow: hidden;
    width: 210px;
    height: 120px;
}

.columnTrain .listVideo .list li .video .cover img {
    display: block;
    width: 210px;
    height: 120px;
}

.columnTrain .listVideo .list li .video .mask {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 210px;
    height: 120px;
    background: #000;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

.columnTrain .listVideo .list li .video .play {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background: url(../images/sprite.png) -280px -260px no-repeat;
    text-indent: -9999px;
}

.columnTrain .listVideo .list li .title {
    display: block;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .listVideo .list li:hover .video .mask {
    display: block;
}

.columnTrain .listVideo .list li:hover .video .play {
    display: block;
}

.columnTrain .listVideo .list li:hover .title {
    color: #666;
}

.columnTrain .aboutSchool {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnTrain .aboutSchool .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    text-transform: uppercase;
}

.columnTrain .aboutSchool .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnTrain .tabSchool {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #BBB;
    margin: 0 0 20px 0;
}

.columnTrain .tabSchool a, .columnTrain .tabSchool a:visited, .columnTrain .tabSchool a:hover, .columnTrain .tabSchool a:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 4px;
    border: 1px dashed #959595;
    margin: 0 10px 0 0;
    background: #FFF;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .tabSchool a:hover {
    color: #999;
}

.columnTrain .tabSchool .current, .columnTrain .tabSchool .current:visited, .columnTrain .tabSchool .current:hover, .columnTrain .tabSchool .current:active {
    padding: 5px;
    border: 0;
    background: #074177;
    color: #FFF;
}

.columnTrain .aboutCourse {
    overflow: hidden;
    padding: 15px 30px;
    margin: 0 0 20px 0;
    background: #FCFCFC;
}

.columnTrain .aboutCourse .articleCourse {
    overflow: hidden;
    padding: 0 0 0 30px;
    border-left: 5px solid #E3E2E2;
}

.columnTrain .listCourse {
    overflow: hidden;
}

.columnTrain .listCourse .list {
    overflow: hidden;
}

.columnTrain .listCourse .list li {
    overflow: hidden;
    position: relative;
    padding: 0 0 25px 0;
    margin: 0 0 20px 0;
}

.columnTrain .listCourse .list li .date {
    display: block;
    float: left;
    overflow: hidden;
    width: 110px;
}

.columnTrain .listCourse .list li .date .text {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    text-transform: uppercase;
    text-align: right;
}

.columnTrain .listCourse .list li .date .time {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    text-align: right;
}

.columnTrain .listCourse .list li .article {
    display: block;
    float: right;
    overflow: hidden;
    width: 560px;
    min-height: 40px
}

.columnTrain .listCourse .list li .article p {
    line-height: 20px;
    color: #666;
}

.columnTrain .listCourse .list li .line01 {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 110px;
    height: 5px;
    background: #FFE3CC;
}

.columnTrain .listCourse .list li .line02 {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 560px;
    height: 5px;
    background: #D7D6D0;
}

.columnTrain .listHistory {
    overflow: hidden;
}

.columnTrain .listHistory .list {
    overflow: hidden;
}

.columnTrain .listHistory .list li {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 20px 0;
}

.columnTrain .listHistory .list li .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 220px;
    height: 135px;
}

.columnTrain .listHistory .list li .cover img {
    display: block;
    width: 220px;
    height: 135px;
}

.columnTrain .listHistory .list li .article {
    display: block;
    float: right;
    overflow: hidden;
    width: 480px;
}

.columnTrain .listHistory .list li .article .date {
    display: block;
    overflow: hidden;
    font-weight: bold;
    line-height: 20px;
    color: #999;
}

.columnTrain .listHistory .list li .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnTrain .listHistory .list li .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
}

.columnTrain .listAgency {
    display: block;
    float: left;
    overflow: hidden;
    width: 460px;
}

.columnTrain .listAgency .list {
    overflow: hidden;
}

.columnTrain .listAgency .list li {
    overflow: hidden;
    padding: 10px 0 9px 20px;
    border-bottom: 1px dashed #999;
    margin: 0 0 10px 0;
    background: url(../images/ico.png) 5px -2084px no-repeat;
}

.columnTrain .listAgency .list li a, .columnTrain .listAgency .list li a:visited, .columnTrain .listAgency .list li a:hover, .columnTrain .listAgency .list li a:active {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .listAgency .list li a:hover {
    color: #666;
}

.columnTrain .sideAgency {
    display: block;
    float: right;
    overflow: hidden;
    width: 200px;
    height: 325px;
}

.columnTrain .sideAgency img {
    display: block;
    width: 200px;
    height: 325px;
}

.columnTrain .listHonor {
    overflow: hidden;
}

.columnTrain .listHonor .list {
    overflow: hidden;
    width: 750px;
    margin: 0 0 0 -30px;
}

.columnTrain .listHonor .list li {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 220px;
    height: 160px;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 30px 30px;
}

.columnTrain .listHonor .list li .honor {
    width: 214px;
    height: 114px;
    border: 3px solid #E6E6E6;
    margin: 0 0 10px 0;
}

.columnTrain .listHonor .list li .honor img {
    display: block;
    height: 100%;
    margin: 0 auto;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .listHonor .list li .title {
    line-height: 15px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTrain .listHonor .list li:hover .honor img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnTrain .listHonor .list li:hover .title {
    color: #999;
}

.columnMarket {
    overflow: hidden;
}

.columnMarket .aboutMarket {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMarket .aboutMarket .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 25px;
    color: #333;
    text-transform: uppercase;
}

.columnMarket .aboutMarket .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMarket .aboutMarket .banner {
    overflow: hidden;
    width: 720px;
}

.columnMarket .aboutMarket .banner img {
    display: block;
    width: 720px;
}

.columnMarket .aboutMarket .contact {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMarket .aboutMarket .contact .title {
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #333;
    margin: 0 0 10px 0;
    font-family: SimSun;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnMarket .aboutMarket .contact .detail {
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #333;
    line-height: 20px;
    color: #333;
}

.columnMarket .aboutMarket .contact .detail strong {
    font-weight: bold;
}

.columnMarket .listMarket {
    overflow: hidden;
    width: 760px;
    margin: 0 0 0 -40px;
}

.columnMarket .listMarket .list {
    display: block;
    float: left;
    overflow: hidden;
    width: 340px;
    margin: 0 0 0 40px;
}

.columnMarket .listMarket .list li {
    overflow: hidden;
}

.columnMarket .listMarket .list li .province {
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 5px 10px 4px 10px;
    border-bottom: 1px solid #DFDFDF;
    background: url(../images/ico.png) 320px -1940px no-repeat;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnMarket .listMarket .list li .table {
    overflow: hidden;
    background: #EEE;
}

.columnMarket .listMarket .list li .table table {
    margin: 10px 20px;
    width: 300px;
}

.columnMarket .listMarket .list li .table table td {
    vertical-align: top;
    line-height: 20px;
    color: #333;
}

.columnMarket .listMarket .list .current {
    *margin: -3px 0 0 0;
}

.columnMarket .listMarket .list .current .province {
    border-bottom-color: #D5D5D5;
    background: #D5D5D5 url(../images/ico.png) 316px -1987px no-repeat;
}

.columnAbout {
    overflow: hidden;
}

.columnAbout .listDevelop {
    overflow: hidden;
}

.columnAbout .listDevelop .title {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnAbout .listDevelop .list {
    overflow: hidden;
}

.columnAbout .listDevelop .list li {
    overflow: hidden;
}

.columnAbout .listDevelop .list li .header {
    display: block;
    float: left;
    overflow: hidden;
    width: 210px;
    padding: 10px 0;
    border-top: 5px solid #D7D6D0;
    margin: 0 60px 0 0;
}

.columnAbout .listDevelop .list li .header .date {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    text-transform: uppercase;
}

.columnAbout .listDevelop .list li .header .title {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnAbout .listDevelop .list li .editor {
    display: block;
    float: left;
    overflow: hidden;
    width: 420px;
    padding: 10px 0;
    border-top: 5px solid #D7D6D0;
}

.columnAbout .listDevelop .list li #editor p {
    margin: 0 0 10px 0;
    line-height: 20px;
    color: #666;
}

.columnAbout .listHonor {
    overflow: hidden;
}

.columnAbout .listHonor .list {
    overflow: hidden;
    width: 750px;
    margin: 0 0 0 -30px;
}

.columnAbout .listHonor .list li {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 220px;
    height: 160px;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 30px 30px;
}

.columnAbout .listHonor .list li .honor {
    width: 214px;
    height: 114px;
    border: 3px solid #E6E6E6;
    margin: 0 0 10px 0;
}

.columnAbout .listHonor .list li .honor img {
    display: block;
    height: 100%;
    margin: 0 auto;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnAbout .listHonor .list li .title {
    line-height: 15px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnAbout .listHonor .list li:hover .honor img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnAbout .listHonor .list li:hover .title {
    color: #999;
}

.columnAbout .listPartner {
    overflow: hidden;
}

.columnAbout .listPartner .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnAbout .listPartner .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnAbout .listPartner .list {
    overflow: hidden;
    position: relative;
    width: 760px;
    padding: 0 0 30px 0;
    margin: 0 0 20px -40px;
}

.columnAbout .listPartner .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 340px;
    margin: 0 0 0 40px;
}

.columnAbout .listPartner .list li .logo {
    overflow: hidden;
    width: 120px;
    height: 60px;
    margin: 0 0 10px 0;
}

.columnAbout .listPartner .list li .logo img {
    display: block;
    width: 120px;
    height: 60px;
}

.columnAbout .listPartner .list li .title {
    display: block;
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #A0A0A0;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnAbout .listPartner .list li .detail {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    line-height: 20px;
    color: #333;
}

.columnAbout .listPartner .list li .site, .columnAbout .listPartner .list li .site:visited, .columnAbout .listPartner .list li .site:hover, .columnAbout .listPartner .list li .site:active {
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnAbout .listPartner .list li .site:hover {
    color: #999;
}

.columnAbout .listPartner .list .line01 {
    overflow: hidden;
    position: absolute;
    left: 40px;
    bottom: 0;
    z-index: 9;
    width: 340px;
    height: 10px;
    background: #DCDCDC;
}

.columnAbout .listPartner .list .line02 {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 340px;
    height: 10px;
    background: #DCDCDC;
}

.columnNews {
    overflow: hidden;
}

.columnNews .listNews {
    overflow: hidden;
}

.columnNews .listNews .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnNews .listNews .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnNews .listNews .list {
    overflow: hidden;
}

.columnNews .listNews .list li {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 20px 0;
}

.columnNews .listNews .list li a, .columnNews .listNews .list li a:visited, .columnNews .listNews .list li a:hover, .columnNews .listNews .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 720px;
    height: 135px;
    text-decoration: none;
}

.columnNews .listNews .list li .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 220px;
    height: 135px;
}

.columnNews .listNews .list li .cover img {
    display: block;
    width: 220px;
    height: 135px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listNews .list li .article {
    display: block;
    float: right;
    overflow: hidden;
    position: relative;
    width: 460px;
    height: 135px;
}

.columnNews .listNews .list li .article .date {
    display: block;
    overflow: hidden;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listNews .list li .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listNews .list li .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listNews .list li .article .more {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 90px;
    height: 20px;
    background: url(../images/sprite.png) -180px -320px no-repeat;
    text-indent: -9999px;
}

.columnNews .listNews .list .last {
    padding: 0;
    border: 0;
    margin: 0 0 40px 0;
}

.columnNews .listNews .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnNews .listNews .list li:hover .article .date {
    color: #AAA;
}

.columnNews .listNews .list li:hover .article .title {
    color: #333;
}

.columnNews .listNews .list li:hover .article .detail {
    color: #999;
}

.columnNews .listNews .list li:hover .article .more {
    background-position: -180px -350px;
}

.columnNews .listPaper {
    overflow: hidden;
}

.columnNews .listPaper .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnNews .listPaper .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnNews .listPaper .list {
    overflow: hidden;
}

.columnNews .listPaper .list li {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnNews .listPaper .list li a, .columnNews .listPaper .list li a:visited, .columnNews .listPaper .list li a:hover, .columnNews .listPaper .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 720px;
    height: 30px;
    text-decoration: none;
}

.columnNews .listPaper .list li .date {
    display: block;
    float: left;
    overflow: hidden;
    width: 90px;
    height: 20px;
    margin: 5px 20px 0 0;
    background: #AAA;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listPaper .list li .title {
    display: block;
    float: left;
    overflow: hidden;
    width: 600px;
    padding: 5px 0 4px 10px;
    border-bottom: 1px solid #E7E7E7;
    background: url(../images/ico.png) 0 -1838px no-repeat;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnNews .listPaper .list li:hover .date {
    background: #BBB;
}

.columnNews .listPaper .list li:hover .title {
    color: #666;
}

.columnTalent {
    overflow: hidden;
}

.columnTalent .aboutCareer {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px dashed #A0A0A0;
    margin: 0 0 20px 0;
}

.columnTalent .aboutCareer .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.columnTalent .aboutCareer strong {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #000;
}

.columnTalent .aboutCareer p {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
    color: #333;
}

.columnTalent .aboutCareer a, .columnTalent .aboutCareer a:visited, .columnTalent .aboutCareer a:hover, .columnTalent .aboutCareer a:active {
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    color: #084983;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnTalent .aboutCareer a:hover {
    color: #396D9C;
}

.columnTalent .listCareer {
    overflow: hidden;
}

.columnTalent .listCareer .list {
    overflow: hidden;
}

.columnTalent .listCareer .list li {
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0 0 40px 0;
    background: #F2F2F2;
}

.columnTalent .listCareer .list li .post {
    display: block;
    overflow: hidden;
    padding: 3px 0 13px 35px;
    background: #FFF url(../images/ico.png) 0 -1450px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnTalent .listCareer .list li .section {
    overflow: hidden;
    padding: 0 35px;
    margin: 0 0 10px 0;
}

.columnTalent .listCareer .list li .section .job {
    overflow: hidden;
    margin: 10px 0;
}

.columnTalent .listCareer .list li .section .job strong {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnTalent .listCareer .list li .section .job p {
    line-height: 20px;
    color: #333;
}

.columnTalent .listCareer .list li .section .claim {
    overflow: hidden;
}

.columnTalent .listCareer .list li .section .claim strong {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnTalent .listCareer .list li .section .claim p {
    line-height: 20px;
    color: #333;
}

.columnTalent .listCareer .list li .show {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 30px;
    padding: 0 15px 0 0;
    margin: 0 0 0 35px;
    background: url(../images/ico.png) 30px -1496px no-repeat;
    font-weight: bold;
    line-height: 20px;
    color: #333;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.columnTalent .listCareer .list li .show:hover {
    color: #666;
}

.columnTalent .listCareer .list li .hide {
    background-position: 30px -1546px;
}

.columnBidding {
    overflow: hidden;
}

.columnBidding .aboutBidding {
    overflow: hidden;
    margin: 0 0 15px 0;
}

.columnBidding .aboutBidding .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnBidding .aboutBidding .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnBidding .listBidding {
    overflow: hidden;
}

.columnBidding .listBidding .list {
    overflow: hidden;
    margin: 0 0 15px 0;
}

.columnBidding .listBidding .list li {
    overflow: hidden;
    position: relative;
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 0 5px 0;
    background: url(../images/ico.png) 0 -1833px no-repeat;
}

.columnBidding .listBidding .list li .date {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 9;
    line-height: 20px;
    color: #999;
}

.columnBidding .listBidding .list li a, .columnBidding .listBidding .list li a:visited, .columnBidding .listBidding .list li a:hover, .columnBidding .listBidding .list li a:active {
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnBidding .listBidding .list li a:hover {
    color: #999;
}

.columnActive {
    overflow: hidden;
}

.columnActive .aboutActive {
    padding: 0 0 14px 0;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 40px 0;
}

.columnActive .aboutActive .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnActive .aboutActive .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnActive .listActive {
    overflow: hidden;
}

.columnActive .listActive .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnActive .listActive .about {
    display: block;
    overflow: hidden;
    margin: 0 0 30px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnActive .listActive .list {
    overflow: hidden;
}

.columnActive .listActive .list li {
    overflow: hidden;
    padding: 0 0 19px 0;
    border-bottom: 1px solid #DFDFDF;
    margin: 0 0 20px 0;
}

.columnActive .listActive .list li a, .columnActive .listActive .list li a:visited, .columnActive .listActive .list li a:hover, .columnActive .listActive .list li a:active {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 720px;
    height: 135px;
    text-decoration: none;
}

.columnActive .listActive .list li .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 220px;
    height: 135px;
}

.columnActive .listActive .list li .cover img {
    display: block;
    width: 220px;
    height: 135px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnActive .listActive .list li .article {
    display: block;
    float: right;
    overflow: hidden;
    position: relative;
    width: 460px;
    height: 135px;
}

.columnActive .listActive .list li .article .date {
    display: block;
    overflow: hidden;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnActive .listActive .list li .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnActive .listActive .list li .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnActive .listActive .list li .article .more {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 90px;
    height: 20px;
    background: url(../images/sprite.png) -180px -320px no-repeat;
    text-indent: -9999px;
}

.columnActive .listActive .list .last {
    padding: 0;
    border: 0;
    margin: 0 0 40px 0;
}

.columnActive .listActive .list li:hover .cover img {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.columnActive .listActive .list li:hover .article .date {
    color: #AAA;
}

.columnActive .listActive .list li:hover .article .title {
    color: #333;
}

.columnActive .listActive .list li:hover .article .detail {
    color: #999;
}

.columnActive .listActive .list li:hover .article .more {
    background-position: -180px -350px;
}

.columnMember {
    overflow: hidden;
}

.columnMember .aboutIndex {
    overflow: hidden;
    margin: 0 0 40px 0;
}

.columnMember .aboutIndex .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 380px;
    margin: 0 40px 0 0;
}

.columnMember .aboutIndex .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #074177;
}

.columnMember .aboutIndex .article .about {
    display: block;
    overflow: hidden;
    margin: 0 0 25px 0;
    line-height: 24px;
    color: #333;
}

.columnMember .aboutIndex .article .about a, .columnMember .aboutIndex .article .about a:visited, .columnMember .aboutIndex .article .about a:hover, .columnMember .aboutIndex .article .about a:active {
    line-height: 24px;
    color: #006DB9;
    text-decoration: underline;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .aboutIndex .article .about a:hover {
    color: #60A1CF;
}

.columnMember .aboutIndex .article .point {
    display: block;
    float: left;
    overflow: hidden;
    width: 140px;
    height: 20px;
    padding: 5px 0;
    margin: 0 10px 0 0;
    background: #2178B4;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnMember .aboutIndex .article .revise, .columnMember .aboutIndex .article .revise:visited, .columnMember .aboutIndex .article .revise:hover, .columnMember .aboutIndex .article .revise:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 140px;
    height: 20px;
    padding: 5px 0;
    background: #F97729;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}

.columnMember .aboutIndex .article .revise:hover {
    background: #FA9254;
}

.columnMember .aboutIndex .member {
    display: block;
    overflow: hidden;
    width: 150px;
    height: 150px;
    padding: 10px 0 0 110px;
    background: url(../resources/member02.png) 0 0 no-repeat;
    line-height: 20px;
    color: #FFF;
}

.columnMember .listIndex {
    overflow: hidden;
}

.columnMember .listIndex .header {
    overflow: hidden;
    position: relative;
    height: 34px;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 10px 0;
    background: #F7F7F7 url(../images/ico.png) 0 -1600px no-repeat;
}

.columnMember .listIndex .header .title {
    padding: 5px 15px;
    background: #EFEFEF url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnMember .listIndex .header .more, .columnMember .listIndex .header .more:visited, .columnMember .listIndex .header .more:hover, .columnMember .listIndex .header .more:active {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 9;
    width: 60px;
    height: 30px;
    background: url(../images/sprite.png) -180px -380px no-repeat;
    font-size: 10px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.columnMember .listIndex .header .more:hover {
    background-position: -180px -410px;
}

.columnMember .listIndex .list {
    overflow: hidden;
}

.columnMember .listIndex .list li {
    overflow: hidden;
    position: relative;
    width: 600px;
    padding: 0 0 0 120px;
    margin: 0 0 10px 0;
}

.columnMember .listIndex .list li .date {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9;
    width: 90px;
    height: 20px;
    background: #AAA9A9;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnMember .listIndex .list li .title {
    display: block;
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #E7E7E7;
    background: url(../images/ico.png) 0 -1833px no-repeat;
}

.columnMember .listIndex .list li .title a, .columnMember .listIndex .list li .title a:visited, .columnMember .listIndex .list li .title a:hover, .columnMember .listIndex .list li .title a:active {
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .listIndex .list li .title a:hover {
    color: #666;
}

.columnMember .listShop {
    overflow: hidden;
    border: 1px solid #EAEAEA;
    margin: 0 0 40px 0;
}

.columnMember .listShop .title {
    padding: 6px 19px;
    margin: 0 0 30px 0;
    background: #E9F4FC;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    color: #666;
}

.columnMember .listShop .list {
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
}

.columnMember .listShop .list li {
    display: block;
    float: left;
    overflow: hidden;
    width: 145px;
    height: 230px;
    margin: 0 15px 40px 15px;
}

.columnMember .listShop .list li .cover {
    display: block;
    overflow: hidden;
    width: 143px;
    height: 143px;
    border: 1px solid #D9D9D9;
    margin: 0 0 10px 0;
}

.columnMember .listShop .list li .cover img {
    display: block;
    width: 143px;
    height: 143px;
}

.columnMember .listShop .list li .article {
    overflow: hidden;
}

.columnMember .listShop .list li .article .detail {
    margin: 0 0 15px 0;
    line-height: 20px;
    color: #666;
    text-align: center;
}

.columnMember .listShop .list li .article .convert, .columnMember .listShop .list li .article .convert:visited, .columnMember .listShop .list li .article .convert:hover, .columnMember .listShop .list li .article .convert:active {
    display: block;
    overflow: hidden;
    width: 90px;
    height: 20px;
    margin: 0 auto;
    background: #5E5E5E;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .listShop .list li .article .convert:hover {
    background: #FF7200;
}

.columnMember .aboutOrder {
    overflow: hidden;
    border-bottom: 1px solid #D5D5D5;
    margin: 0 0 5px 0;
}

.columnMember .aboutOrder .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #313131;
    text-transform: uppercase;
}

.columnMember .aboutOrder .about {
    display: block;
    overflow: hidden;
    margin: 0 0 9px 0;
    font-size: 14px;
    line-height: 20px;
    color: #313131;
}

.columnMember .listOrder {
    overflow: hidden;
}

.columnMember .listOrder .header {
    height: 24px;
    padding: 10px 0;
    border-bottom: 1px solid #F3F3F3;
    margin: 0 0 20px 0;
    background: #E9F4FC;
}

.columnMember .listOrder .header span {
    display: block;
    float: left;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    color: #313131;
    text-align: center;
}

.columnMember .listOrder .header .item01 {
    width: 260px;
    padding: 0 0 0 40px;
    text-align: left;
}

.columnMember .listOrder .header .item02 {
    width: 80px;
}

.columnMember .listOrder .header .item03 {
    width: 140px;
}

.columnMember .listOrder .header .item04 {
    width: 120px;
}

.columnMember .listOrder .list {
    overflow: hidden;
}

.columnMember .listOrder .list li {
    overflow: hidden;
    position: relative;
    border: 1px solid #EEE;
    margin: 0 0 20px 0;
}

.columnMember .listOrder .list li .order {
    display: block;
    overflow: hidden;
    height: 20px;
    padding: 9px 40px;
    background: #F2F2F2;
}

.columnMember .listOrder .list li .order em {
    margin: 0 20px;
    font-family: SimSun;
    line-height: 20px;
    color: #535353;
}

.columnMember .listOrder .list li .order p {
    line-height: 20px;
    color: #535353;
}

.columnMember .listOrder .list li .section {
    overflow: hidden;
    position: relative;
    padding: 15px 0;
}

.columnMember .listOrder .list li .section .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 260px;
    margin: 0 0 0 40px;
}

.columnMember .listOrder .list li .section .article .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 48px;
    height: 43px;
    border: 1px solid #DCDCDC;
    margin: 0 20px 0 0;
}

.columnMember .listOrder .list li .section .article .cover img {
    display: block;
    width: 48px;
    width: 43px;
}

.columnMember .listOrder .list li .section .article .title {
    display: block;
    overflow: hidden;
    padding: 0 20px 0 0;
    line-height: 20px;
    color: #3F3F3F;
}

.columnMember .listOrder .list li .section .number {
    display: block;
    float: left;
    overflow: hidden;
    width: 80px;
    line-height: 20px;
    color: #3F3F3F;
    text-align: center;
}

.columnMember .listOrder .list li .section .price {
    display: block;
    float: left;
    overflow: hidden;
    width: 140px;
    line-height: 20px;
    color: #3F3F3F;
    text-align: center;
}

.columnMember .listOrder .list li .section .state {
    display: block;
    float: left;
    overflow: hidden;
    width: 120px;
    margin: 0 15px 0 0;
    line-height: 20px;
    color: #3F3F3F;
    text-align: center;
}

.columnMember .listOrder .list li .section .state01 {
    color: #009944;
}

.columnMember .listOrder .list li .section .state02 {
    color: #E83929;
}

.columnMember .listOrder .list li .section .state03 {
    color: #E83929;
}

.columnMember .listOrder .list li .section .more, .columnMember .listOrder .list li .section .more:visited, .columnMember .listOrder .list li .section .more:hover, .columnMember .listOrder .list li .section .more:active {
    font-family: SimSun;
    line-height: 20px;
    color: #2178B4;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .listOrder .list li .section .more:hover {
    color: #4D93C3;
}

.columnMember .headerDetail {
    overflow: hidden;
    border-bottom: 1px solid #D5D5D5;
    margin: 0 0 15px 0;
}

.columnMember .headerDetail .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #313131;
    text-transform: uppercase;
}

.columnMember .headerDetail .about {
    display: block;
    overflow: hidden;
    margin: 0 0 9px 0;
    font-size: 14px;
    line-height: 20px;
    color: #313131;
}

.columnMember .aboutDetail {
    overflow: hidden;
    padding: 0 0 29px 0;
    border-bottom: 1px dashed #494949;
    margin: 0 0 20px 0;
}

.columnMember .aboutDetail .title {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #3F3F3F;
}

.columnMember .aboutDetail .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 128px;
    height: 118px;
    border: 1px solid #DCDCDC;
    margin: 0 30px 0 0;
}

.columnMember .aboutDetail .cover img {
    display: block;
    width: 128px;
    height: 118px;
}

.columnMember .aboutDetail .article {
    overflow: hidden;
}

.columnMember .aboutDetail .article .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-family: Arial, Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #3F3F3F;
}

.columnMember .aboutDetail .article .order {
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 25px;
    color: #717171;
}

.columnMember .aboutDetail .article .order .price {
    margin: 0 10px 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #EE3200;
}

.columnMember .aboutDetail .article .order .number {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #0066B1;
}

.columnMember .aboutDetail .article .detail {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #717171;
}

.columnMember .orderDetail {
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #494949;
    margin: 0 0 20px 0;
}

.columnMember .orderDetail .title {
    display: block;
    overflow: hidden;
    width: 90px;
    height: 20px;
    padding: 5px 0;
    margin: 0 0 10px 0;
    background: #00406E;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnMember .orderDetail .detail {
    display: block;
    overflow: hidden;
    line-height: 30px;
    color: #717171;
}

.columnMember .orderDetail .detail em {
    margin: 0 15px;
    font-family: SimSun;
    line-height: 30px;
    color: #717171;
}

.columnMember .stateDetail {
    overflow: hidden;
}

.columnMember .stateDetail strong {
    margin: 0 5px 0 0;
    font-weight: bold;
}

.columnMember .stateDetail .title {
    display: block;
    overflow: hidden;
    width: 90px;
    height: 20px;
    padding: 5px 0;
    margin: 0 0 10px 0;
    background: #00406E;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnMember .stateDetail .order {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    line-height: 20px;
    color: #0066B1;
}

.columnMember .stateDetail .detail {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    line-height: 20px;
    color: #717171;
}

.columnMember .aboutNotice {
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px solid #D6D5D5;
    margin: 0 0 20px 0;
}

.columnMember .aboutNotice .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnMember .aboutNotice .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.columnMember .listNotice {
    overflow: hidden;
}

.columnMember .listNotice .date {
    line-height: 20px;
    color: #666;
}

.columnMember .listNotice .title {
    line-height: 20px;
    color: #666;
}

.columnMember .listNotice th {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #D2D2D2;
    background: #E9F4FC;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMember .listNotice td {
    padding: 10px 0 9px 20px;
    border-bottom: 1px solid #D2D2D2;
}

.columnMember .listNotice .more, .columnMember .listNotice .more:visited, .columnMember .listNotice .more:hover, .columnMember .listNotice .more:active {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(../images/ico.png) 30px -2444px no-repeat;
    line-height: 20px;
    color: #2178B4;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .listNotice .more:hover {
    color: #4D93C3;
}

.columnMember .listNotice .last td {
    padding-bottom: 10px;
    border: 0;
}

.columnMember .aboutActive {
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px solid #D6D5D5;
    margin: 0 0 20px 0;
}

.columnMember .aboutActive .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnMember .aboutActive .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.columnMember .tabActive {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .tabActive a, .columnMember .tabActive a:visited, .columnMember .tabActive a:hover, .columnMember .tabActive a:active {
    display: block;
    float: left;
    overflow: hidden;
    padding: 4px 24px;
    border: 1px dashed #959595;
    margin: 0 10px 0 0;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .tabActive a:hover {
    color: #999;
}

.columnMember .tabActive .current, .columnMember .tabActive .current:visited, .columnMember .tabActive .current:hover, .columnMember .tabActive .current:active {
    border-color: #00406E;
    background: #00406E;
    color: #FFF;
}

.columnMember .listActive {
    overflow: hidden;
}

.columnMember .listActive .date {
    line-height: 20px;
    color: #666;
}

.columnMember .listActive .title {
    line-height: 20px;
    color: #666;
}

.columnMember .listActive .harvest {
    line-height: 20px;
    color: #666;
}

.columnMember .listActive .harvest .point {
    margin: 0 5px 0 0;
    font-weight: bold;
    color: #F97729;
}

.columnMember .listActive th {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #D2D2D2;
    background: #E9F4FC;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMember .listActive td {
    padding: 10px 0 9px 20px;
    border-bottom: 1px solid #D2D2D2;
}

.columnMember .listActive .more, .columnMember .listActive .more:visited, .columnMember .listActive .more:hover, .columnMember .listActive .more:active {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(../images/ico.png) 30px -2444px no-repeat;
    line-height: 20px;
    color: #2178B4;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .listActive .more:hover {
    color: #4D93C3;
}

.columnMember .listActive .last td {
    padding-bottom: 10px;
    border: 0;
}

.columnMember .aboutPoint {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
}

.columnMember .aboutPoint .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnMember .aboutPoint .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.columnMember .aboutPoint .shop, .columnMember .aboutPoint .shop:visited, .columnMember .aboutPoint .shop:hover, .columnMember .aboutPoint .shop:active {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 80px;
    height: 20px;
    background: #F97729;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .aboutPoint .shop:hover {
    background: #FA9254;
}

.columnMember .explainPoint {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .explainPoint .title {
    display: block;
    overflow: hidden;
    padding: 5px 20px;
    margin: 0 0 10px 0;
    background: #E9F4FC;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnMember .explainPoint .detail {
    display: block;
    overflow: hidden;
    padding: 0 20px;
    line-height: 24px;
    color: #535961;
}

.columnMember .listPoint {
    overflow: hidden;
}

.columnMember .listPoint .date {
    line-height: 20px;
    color: #666;
}

.columnMember .listPoint .title {
    line-height: 20px;
    color: #666;
}

.columnMember .listPoint .change {
    line-height: 20px;
    color: #666;
}

.columnMember .listPoint .change .point {
    font-weight: bold;
    line-height: 20px;
    color: #F97729;
}

.columnMember .listPoint th {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #D2D2D2;
    background: #E9F4FC;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMember .listPoint td {
    padding: 10px 0 9px 20px;
    border-bottom: 1px solid #D2D2D2;
}

.columnMember .listPoint .last td {
    padding-bottom: 10px;
    border: 0;
}

.columnMember .aboutShop {
    overflow: hidden;
    position: relative;
    padding: 0 0 9px 0;
    border-bottom: 1px solid #C9C9C9;
    margin: 0 0 20px 0;
}

.columnMember .aboutShop .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnMember .aboutShop .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.columnMember .aboutShop .point {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 9px;
    width: 120px;
    height: 20px;
    padding: 5px 0;
    background: #FF7200;
    line-height: 20px;
    color: #FFF;
    text-align: center;
}

.columnMember .tabShop {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .tabShop a, .columnMember .tabShop a:visited, .columnMember .tabShop a:hover, .columnMember .tabShop a:active {
    display: block;
    float: left;
    overflow: hidden;
    padding: 4px 24px;
    border: 1px dashed #959595;
    margin: 0 10px 0 0;
    background: #FFF;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .tabShop a:hover {
    color: #999;
}

.columnMember .tabShop .current, .columnMember .tabShop .current:visited, .columnMember .tabShop .current:hover, .columnMember .tabShop .current:active {
    border-color: #074177;
    background: #074177;
    color: #FFF;
}

.columnMember .stepStep {
    overflow: hidden;
    padding: 0 0 0 10px;
    margin: 0 0 40px 0;
}

.columnMember .stepStep li {
    display: block;
    float: left;
    overflow: hidden;
    width: 250px;
    height: 30px;
    margin: 0 0 0 -10px;
}

.columnMember .stepStep li a, .columnMember .stepStep li a:visited, .columnMember .stepStep li a:hover, .columnMember .stepStep li a:active {
    display: block;
    overflow: hidden;
    cursor: text;
    width: 250px;
    height: 20px;
    padding: 5px 0;
    background: url(../images/sprite.png) 0 0 no-repeat;
    font-weight: bold;
    line-height: 20px;
    color: #BBB;
    text-decoration: none;
    text-align: center;
}

.columnMember .stepStep li .step01, .columnMember .stepStep li .step01:visited, .columnMember .stepStep li .step01:hover, .columnMember .stepStep li .step01:active {
    background-position: -540px -240px;
}

.columnMember .stepStep .current .step01, .columnMember .stepStep .current .step01:visited, .columnMember .stepStep .current .step01:hover, .columnMember .stepStep .current .step01:active {
    background-position: -540px -360px;
    color: #F97729;
}

.columnMember .stepStep li .step02, .columnMember .stepStep li .step02:visited, .columnMember .stepStep li .step02:hover, .columnMember .stepStep li .step02:active {
    background-position: -540px -280px;
}

.columnMember .stepStep .current .step02, .columnMember .stepStep .current .step02:visited, .columnMember .stepStep .current .step02:hover, .columnMember .stepStep .current .step02:active {
    background-position: -540px -400px;
    color: #F97729;
}

.columnMember .stepStep li .step03, .columnMember .stepStep li .step03:visited, .columnMember .stepStep li .step03:hover, .columnMember .stepStep li .step03:active {
    background-position: -540px -320px;
}

.columnMember .stepStep .current .step03, .columnMember .stepStep .current .step03:visited, .columnMember .stepStep .current .step03:hover, .columnMember .stepStep .current .step03:active {
    background-position: -540px -440px;
    color: #F97729;
}

.columnMember .stepStep .last {
    width: 240px;
}

.columnMember .shopStep {
    overflow: hidden;
    padding: 0 0 20px 0;
    border: 1px solid #EAEAEA;
    margin: 0 0 20px 0;
}

.columnMember .shopStep .title {
    padding: 6px 19px;
    margin: 0 0 20px 0;
    background: #F5F5F5;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    color: #666;
}

.columnMember .shopStep .cover {
    display: block;
    float: left;
    overflow: hidden;
    width: 116px;
    height: 116px;
    border: 1px solid #D9D9D9;
    margin: 0 20px;
}

.columnMember .shopStep .cover img {
    display: block;
    width: 116px;
    height: 116px;
}

.columnMember .shopStep .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 540px;
}

.columnMember .shopStep .article .name {
    display: block;
    overflow: hidden;
    padding: 10px 0 9px 0;
    border-bottom: 1px dashed #E5E5E5;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMember .shopStep .article .cost {
    display: block;
    overflow: hidden;
    padding: 10px 0 9px 0;
    border-bottom: 1px dashed #E5E5E5;
    line-height: 20px;
    color: #666;
}

.columnMember .shopStep .article .cost .point {
    margin: 0 2px 0 0;
    font-weight: bold;
    line-height: 20px;
    color: #C81F00;
}

.columnMember .shopStep .article .control {
    display: block;
    overflow: hidden;
    padding: 10px 0;
    line-height: 20px;
    color: #666;
}

.columnMember .shopStep .article .control .piece {
    margin: 0 2px 0 0;
    font-weight: bold;
    line-height: 20px;
    color: #F97729;
}

.columnMember .shopStep .article .control .number {
    display: inline-block;
    width: 38px;
    height: 18px;
    border: 1px solid #C8C8C8;
    margin: 0 5px 0 0;
    font-weight: bold;
    line-height: 18px;
    color: #666;
    text-align: center;
    vertical-align: middle;
}

.columnMember .shopStep .article .control .less {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 20px;
    margin: 0 5px 0 0;
    background: url(../images/sprite.png) -420px -350px no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
}

.columnMember .shopStep .article .control .less:hover {
    background-position: -440px -350px;
}

.columnMember .shopStep .article .control .lessDisable, .columnMember .shopStep .article .control .lessDisable:hover {
    cursor: text;
    background-position: -460px -350px;
}

.columnMember .shopStep .article .control .plus {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 20px;
    background: url(../images/sprite.png) -420px -380px no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
}

.columnMember .shopStep .article .control .plus:hover {
    background-position: -440px -380px;
}

.columnMember .shopStep .article .control .plusDisable, .columnMember .shopStep .article .control .plusDisable:hover {
    cursor: text;
    background-position: -460px -380px;
}

.columnMember .formStep {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .formStep .title {
    display: block;
    overflow: hidden;
    height: 25px;
    padding: 5px 0 4px 25px;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 10px 0;
    background: #F5F5F5 url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnMember .formStep td {
    padding: 10px 0 9px 0;
    border-bottom: 1px dashed #E5E5E5;
}

.columnMember .formStep .word {
    line-height: 20px;
    color: #666;
}

.columnMember .formStep .label {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 5px 0;
    line-height: 20px;
    color: #666;
    text-align: right;
}

.columnMember .formStep .word {
    line-height: 20px;
    color: #666;
}

.columnMember .formStep .tip {
    line-height: 20px;
    color: #999;
}

.columnMember .formStep .tip .ico {
    margin: 0 2px 0 0;
    font-family: SimSun;
    line-height: 20px;
    color: #E85038;
}

.columnMember .formStep .text {
    display: block;
    width: 240px;
    height: 20px;
    padding: 4px 9px;
    border: 1px solid #D2D2D2;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .formStep .text:focus {
    border-color: #999;
    color: #666;
}

.columnMember .formStep .reset, .columnMember .formStep .reset:visited, .columnMember .formStep .reset:hover, .columnMember .formStep .reset:active {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 20px;
    padding: 5px 0;
    border: 0;
    margin: 0 10px 0 0;
    background: #DCDCDC;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .formStep .reset:hover {
    background: #E3E3E3;
}

.columnMember .formStep .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 30px;
    padding: 5px 0;
    border: 0;
    margin: 0;
    background: #F97729;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .formStep .submit:hover {
    background: #FA9254;
}

.columnMember .formStep .last td {
    padding: 10px 0;
    border-bottom: 0;
}

.columnMember .successStep {
    overflow: hidden;
    width: 455px;
    margin: 0 auto;
}

.columnMember .successStep .ico {
    display: block;
    float: left;
    overflow: hidden;
    width: 125px;
    height: 122px;
    margin: 0 40px 0 0;
    background: url(../images/sprite.png) -270px -600px no-repeat;
    text-indent: -9999px;
}

.columnMember .successStep .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 290px;
    padding: 10px 0 0 0;
}

.columnMember .successStep .article .order {
    font-size: 14px;
    line-height: 25px;
    color: #F97729;
}

.columnMember .successStep .article p {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 25px;
    color: #999;
}

.columnMember .successStep .article .record, .columnMember .successStep .article .record:visited, .columnMember .successStep .article .record:hover, .columnMember .successStep .article .record:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 5px 0;
    margin: 0 10px 0 0;
    background: #006DB9;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .successStep .article .record:hover {
    background: #338AC7;
}

.columnMember .successStep .article .continue, .columnMember .successStep .article .continue:visited, .columnMember .successStep .article .continue:hover, .columnMember .successStep .article .continue:active {
    display: block;
    float: left;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 5px 0;
    background: #5E5E5E;
    line-height: 20px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .successStep .article .continue:hover {
    background: #7E7E7E;
}

.columnMember .listRecord {
    overflow: hidden;
}

.columnMember .listRecord .header {
    overflow: hidden;
    position: relative;
    height: 30px;
    margin: 0 0 10px 0;
}

.columnMember .listRecord .header .title {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #333;
}

.columnMember .listRecord .header .record {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 5px;
    line-height: 20px;
    color: #333;
}

.columnMember .listRecord .header .record .number {
    margin: 0 2px;
    font-weight: bold;
    line-height: 20px;
    color: #F97729;
}

.columnMember .listRecord th {
    padding: 7px 0 7px 20px;
    border-bottom: 1px solid #D2D2D2;
    background: #E9F4FC;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.columnMember .listRecord td {
    padding: 10px 0 9px 20px;
    border-bottom: 1px solid #D2D2D2;
}

.columnMember .listRecord .word {
    line-height: 20px;
    color: #666;
}

.columnMember .listRecord .check {
    line-height: 20px;
    color: #007130;
}

.columnMember .listRecord .success {
    line-height: 20px;
    color: #EF392E;
}

.columnMember .listRecord .last td {
    padding-bottom: 10px;
    border: 0;
}

.columnMember .aboutData {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .aboutData .title {
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 20px;
    color: #333;
    text-transform: uppercase;
}

.columnMember .aboutData .about {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.columnMember .formData {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.columnMember .formData .title {
    display: block;
    overflow: hidden;
    height: 25px;
    padding: 5px 0 4px 25px;
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 10px 0;
    background: #F5F5F5 url(../images/ico.png) 0 -1600px no-repeat;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    color: #666;
}

.columnMember .formData td {
    padding: 10px 0 9px 0;
    border-bottom: 1px dashed #E5E5E5;
}

.columnMember .formData .label {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 20px;
    padding: 5px 0;
    line-height: 20px;
    color: #666;
    text-align: right;
}

.columnMember .formData .word {
    line-height: 20px;
    color: #666;
}

.columnMember .formData .tip {
    line-height: 20px;
    color: #999;
}

.columnMember .formData .tip .ico {
    margin: 0 2px 0 0;
    font-family: SimSun;
    line-height: 20px;
    color: #E85038;
}

.columnMember .formData .text {
    display: block;
    width: 240px;
    height: 20px;
    padding: 4px 9px;
    border: 1px solid #D2D2D2;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .formData .text:focus {
    border-color: #999;
    color: #666;
}

.columnMember .formData .select {
    display: block;
    float: left;
    overflow: hidden;
    width: 120px;
    height: 30px;
    padding: 4px;
    border: 1px solid #D2D2D2;
    margin: 0;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .formData .province {
    margin: 0 20px 0 0;
}

.columnMember .formData .city {
    margin: 0;
}

.columnMember .formData .radio {
    cursor: pointer;
    margin: 0 20px 0 0;
    line-height: 20px;
    color: #666;
    vertical-align: middle;
}

.columnMember .formData .radio input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.columnMember .formData .last td {
    padding: 10px 0;
    border-bottom: 0;
}

.columnMember .buttonData {
    padding: 19px 0 0 0;
    border-top: 1px solid #E5E5E5;
}

.columnMember .buttonData .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0 10px 0 110px;
    background: #FF6600;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .buttonData .submit:hover {
    background: #FF8533;
}

.columnMember .buttonData .reset {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    background: #7D7D7D;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.columnMember .buttonData .reset:hover {
    background: #979797;
}

.columnMember .headerArticle {
    overflow: hidden;
    position: relative;
    padding: 0 0 9px 0;
    border-bottom: 1px solid #D1D1D1;
    margin: 0 0 20px 0;
}

.columnMember .headerArticle .titleArticle {
    display: block;
    overflow: hidden;
    font-family: Arial, Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #666;
}

.columnMember .headerArticle .dateArticle {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
}

.columnMember .headerArticle .pointArticle {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 4px;
    z-index: 9;
    line-height: 20px;
    color: #F97729;
}

.columnMember .headerArticle .backArticle, .columnMember .headerArticle .backArticle:visited, .columnMember .headerArticle .backArticle:hover, .columnMember .headerArticle .backArticle:active {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 40px;
    height: 24px;
    padding: 0 0 0 30px;
    background: url(../images/sprite.png) -430px -100px no-repeat;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
}

.columnMember .headerArticle .backArticle:hover {
    background-position: -430px -130px;
}

.columnMember .editorArticle {
    overflow: hidden;
}

.memberLoginContainer {
    overflow: hidden;
    width: 980px;
    height: 520px;
    padding: 0 130px;
    margin: 0 auto;
    background: url(../images/bg04.jpg) 50% 0 no-repeat;
}

.memberLoginContainer .login {
    overflow: hidden;
    width: 420px;
    height: 260px;
    margin: 140px 0 0 380px;
    background: #EFEFEF;
}

.memberLoginContainer .login .tab {
    overflow: hidden;
    margin: 0 0 25px 0;
}

.memberLoginContainer .login .tab span {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    height: 25px;
    padding: 10px 0;
    background: #1D5E98;
    font-family: Microsoft YaHei;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    color: #FFF;
    text-align: center;
}

.memberLoginContainer .login .tab .current {
    background: #EFEFEF;
    color: #333;
}

.memberLoginContainer .login .form {
    display: none;
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}

.memberLoginContainer .login .form p {
    overflow: hidden;
    margin: 0 0 15px 0;
}

.memberLoginContainer .login .form .text {
    overflow: hidden;
    height: 21px;
    padding: 6px 9px;
    border: 1px solid #959595;
}

.memberLoginContainer .login .form .text .lable {
    display: block;
    float: left;
    overflow: hidden;
    width: 50px;
    padding: 0 0 0 30px;
    background: url(../images/ico.png) 0 0 no-repeat;
    line-height: 21px;
    color: #AAA;
}

.memberLoginContainer .login .form .text .lable01 {
    background-position: 5px -2247px;
}

.memberLoginContainer .login .form .text .lable02 {
    background-position: 7px -2297px;
}

.memberLoginContainer .login .form .text .lable03 {
    background-position: 3px -2344px;
}

.memberLoginContainer .login .form .text .lable04 {
    background-position: 5px -2397px;
}

.memberLoginContainer .login .form .text input {
    display: block;
    float: left;
    overflow: hidden;
    width: 200px;
    height: 21px;
    padding: 0;
    border: 0;
    margin: 0;
    background: none;
    line-height: 21px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberLoginContainer .login .form .text input:focus {
    color: #666;
}

.memberLoginContainer .login .form .checkbox {
    cursor: pointer;
    margin: 0 20px 0 0;
    line-height: 20px;
    color: #999;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberLoginContainer .login .form .checkbox input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.memberLoginContainer .login .form .checkbox:hover {
    color: #666;
}

.memberLoginContainer .login .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0 15px 0 0;
    background: #074177;
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberLoginContainer .login .submit:hover {
    background: #35648F;
}

.memberLoginContainer .login .register, .memberLoginContainer .login .register:visited, .memberLoginContainer .login .register:hover, .memberLoginContainer .login .register:active {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 90px;
    height: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    background: #6D6D6D;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberLoginContainer .login .register:hover {
    background: #878787;
}

.memberLoginContainer .login .forget, .memberLoginContainer .login .forget:visited, .memberLoginContainer .login .forget:hover, .memberLoginContainer .login .forget:active {
    line-height: 20px;
    color: #006DB9;
    text-decoration: underline;
    vertical-align: middle;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberLoginContainer .login .forget:hover {
    color: #60A1CF;
}

.memberRegisterContainer {
    overflow: hidden;
    width: 820px;
    height: 400px;
    padding: 60px 210px;
    margin: 0 auto;
    background: url(../images/bg04.jpg) -100px 0 no-repeat;
}

.memberRegisterContainer .content {
    overflow: hidden;
    width: 700px;
    height: 320px;
    padding: 40px 70px;
    background: #F5F5F5;
}

.memberRegisterContainer .content .main {
    display: block;
    float: left;
    overflow: hidden;
    width: 340px;
}

.memberRegisterContainer .content .main .form {
    overflow: hidden;
}

.memberRegisterContainer .content .main .form th {
    width: 60px;
    padding: 0 20px 10px 0;
    line-height: 30px;
    color: #717171;
    text-align: right;
}

.memberRegisterContainer .content .main .form td {
    width: 260px;
    padding: 0 0 10px 0;
}

.memberRegisterContainer .content .main .form .text {
    display: block;
    overflow: hidden;
    width: 240px;
    height: 20px;
    padding: 4px 9px;
    border: 1px solid #D0D0D0;
    margin: 0;
    background: #FFF;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberRegisterContainer .content .main .form .text:focus {
    color: #666;
}

.memberRegisterContainer .content .main .form .province {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 65px;
    height: 30px;
    padding: 0;
    border: 1px solid #D0D0D0;
    margin: 0 10px 0 0;
    background: #FFF;
    line-height: 20px;
    color: #717171;
}

.memberRegisterContainer .content .main .form .city {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 65px;
    height: 30px;
    padding: 0;
    border: 1px solid #D0D0D0;
    margin: 0 10px 0 0;
    background: #FFF;
    line-height: 20px;
    color: #717171;
}

.memberRegisterContainer .content .main .form .street {
    display: block;
    float: left;
    overflow: hidden;
    width: 90px;
    height: 20px;
    padding: 4px 9px;
    border: 1px solid #D0D0D0;
    margin: 0;
    background: #FFF;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberRegisterContainer .content .main .form .street:focus {
    color: #666;
}

.memberRegisterContainer .content .main .form .submit {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 100px;
    height: 30px;
    padding: 5px 0;
    border: 0;
    margin: 0;
    background: #FF7200;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberRegisterContainer .content .main .form .submit:hover {
    background: #FD8C31;
}

.memberRegisterContainer .content .side {
    display: block;
    float: right;
    overflow: hidden;
    width: 260px;
}

.memberRegisterContainer .content .side .login {
    overflow: hidden;
    padding: 0 0 12px 0;
    border-bottom: 1px dashed #DCDCDC;
    margin: 0 0 13px 0;
}

.memberRegisterContainer .content .side .login p {
    font-size: 14px;
    line-height: 24px;
    color: #7D7D7D;
    vertical-align: top;
}

.memberRegisterContainer .content .side .login a, .memberRegisterContainer .content .side .login a:visited, .memberRegisterContainer .content .side .login a:hover, .memberRegisterContainer .content .side .login a:active {
    display: inline-block;
    width: 80px;
    height: 24px;
    margin: 0 0 0 10px;
    background: #F97729;
    font-size: 12px;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberRegisterContainer .content .side .login a:hover {
    background: #F89052;
}

.memberRegisterContainer .content .side .tip {
    overflow: hidden;
}

.memberRegisterContainer .content .side .tip strong {
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0 0 10px 0;
    background: url(../images/ico.png) 0 -2496px no-repeat;
    line-height: 20px;
    color: #7D7D7D;
}

.memberRegisterContainer .content .side .tip p {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #7D7D7D;
}

.memberRegisterContainer .content .side .tip a, .memberRegisterContainer .content .side .tip a:visited, .memberRegisterContainer .content .side .tip a:hover, .memberRegisterContainer .content .side .tip a:active {
    line-height: 20px;
    color: #F97729;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberRegisterContainer .content .side .tip a:hover {
    color: #F89052;
}

.memberForgetContainer {
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}

.memberForgetContainer .title {
    padding: 2px 0;
    border-bottom: 1px solid #BFBFBF;
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.memberForgetContainer .main {
    display: block;
    float: left;
    overflow: hidden;
    width: 640px;
    height: 400px;
}

.memberForgetContainer .main .step {
    overflow: hidden;
    padding: 0 0 0 10px;
    margin: 0 0 40px 0;
}

.memberForgetContainer .main .step li {
    display: block;
    float: left;
    overflow: hidden;
    width: 220px;
    height: 30px;
    margin: 0 0 0 -10px;
}

.memberForgetContainer .main .step li a, .memberForgetContainer .main .step li a:visited, .memberForgetContainer .main .step li a:hover, .memberForgetContainer .main .step li a:active {
    display: block;
    overflow: hidden;
    cursor: text;
    width: 220px;
    height: 20px;
    padding: 5px 0;
    background: url(../images/sprite.png) 0 0 no-repeat;
    font-weight: bold;
    line-height: 20px;
    color: #BBB;
    text-decoration: none;
    text-align: center;
}

.memberForgetContainer .main .step li .step01, .memberForgetContainer .main .step li .step01:visited, .memberForgetContainer .main .step li .step01:hover, .memberForgetContainer .main .step li .step01:active {
    width: 200px;
    padding-right: 20px;
    background-position: -540px 0;
}

.memberForgetContainer .main .step .current .step01, .memberForgetContainer .main .step .current .step01:visited, .memberForgetContainer .main .step .current .step01:hover, .memberForgetContainer .main .step .current .step01:active {
    background-position: -540px -120px;
    color: #F97729;
}

.memberForgetContainer .main .step li .step02, .memberForgetContainer .main .step li .step02:visited, .memberForgetContainer .main .step li .step02:hover, .memberForgetContainer .main .step li .step02:active {
    background-position: -540px -40px;
}

.memberForgetContainer .main .step .current .step02, .memberForgetContainer .main .step .current .step02:visited, .memberForgetContainer .main .step .current .step02:hover, .memberForgetContainer .main .step .current .step02:active {
    background-position: -540px -160px;
    color: #F97729;
}

.memberForgetContainer .main .step li .step03, .memberForgetContainer .main .step li .step03:visited, .memberForgetContainer .main .step li .step03:hover, .memberForgetContainer .main .step li .step03:active {
    background-position: -540px -80px;
}

.memberForgetContainer .main .step .current .step03, .memberForgetContainer .main .step .current .step03:visited, .memberForgetContainer .main .step .current .step03:hover, .memberForgetContainer .main .step .current .step03:active {
    background-position: -540px -200px;
    color: #F97729;
}

.memberForgetContainer .main .form {
    overflow: hidden;
}

.memberForgetContainer .main .form td {
    padding: 0 0 20px 0;
}

.memberForgetContainer .main .form .label {
    line-height: 20px;
    color: #999;
}

.memberForgetContainer .main .form .word {
    line-height: 20px;
    color: #999;
}

.memberForgetContainer .main .form .text {
    display: block;
    width: 180px;
    height: 20px;
    padding: 4px 9px;
    border: 1px solid #C4C4C4;
    margin: 0;
    line-height: 20px;
    color: #999;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberForgetContainer .main .form .text:focus {
    border-color: #999;
    color: #666;
}

.memberForgetContainer .main .form .submit {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 30px;
    padding: 5px 0;
    border: 0;
    margin: 0;
    background: #2178B4;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberForgetContainer .main .form .submit:hover {
    background: #4D93C3;
}

.memberForgetContainer .main .success {
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}

.memberForgetContainer .main .success .ico {
    display: block;
    float: left;
    overflow: hidden;
    width: 80px;
    height: 80px;
    background: url(../images/sprite.png) -330px -360px no-repeat;
    text-indent: -9999px;
}

.memberForgetContainer .main .success .article {
    display: block;
    float: right;
    overflow: hidden;
    width: 200px;
    padding: 20px 0 0 0;
}

.memberForgetContainer .main .success .article p {
    line-height: 20px;
    color: #666;
}

.memberForgetContainer .main .success .article p a, .memberForgetContainer .main .success .article p a:visited, .memberForgetContainer .main .success .article p a:hover, .memberForgetContainer .main .success .article p a:active {
    line-height: 20px;
    color: #006DB9;
    text-decoration: underline;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.memberForgetContainer .main .success .article p a:hover {
    color: #60A1CF;
}

.memberForgetContainer .side {
    display: block;
    float: right;
    overflow: hidden;
    width: 260px;
    padding: 15px 30px;
    background: #FAFAFA;
}

.memberForgetContainer .side em {
    display: block;
    overflow: hidden;
    padding: 0 0 9px 0;
    border-bottom: 1px dashed #DCDCDC;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.memberForgetContainer .side em a, .memberForgetContainer .side em a:visited, .memberForgetContainer .side em a:hover, .memberForgetContainer .side em a:active {
    display: inline-block;
    width: 50px;
    height: 20px;
    margin: 0 0 0 5px;
    background: #F97729;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

.memberForgetContainer .side em a:hover {
    background: #F99153;
}

.memberForgetContainer .side strong {
    display: block;
    overflow: hidden;
    padding: 0 0 0 15px;
    margin: 0 0 4px 0;
    background: url(../images/ico.png) 0 -2496px no-repeat;
    line-height: 20px;
    color: #666;
}

.memberForgetContainer .side p {
    line-height: 22px;
    color: #666;
}

.memberForgetContainer .side p span {
    line-height: 22px;
    color: #F97729;
}

.memberForgetContainer .side p a, .memberForgetContainer .side p a:visited, .memberForgetContainer .side p a:hover, .memberForgetContainer .side p a:active {
    line-height: 22px;
    color: #F97729;
    text-decoration: none;
}

.memberForgetContainer .side p a:hover {
    text-decoration: underline;
}

.searchContainer {
    overflow: hidden;
    width: 980px;
    margin: 0 auto 60px auto;
}

.searchContainer .path {
    overflow: hidden;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #BFBFBF;
    margin: 0 0 20px 0;
    text-align: right;
}

.searchContainer .path em {
    margin: 0 10px;
    font-family: SimSun;
    line-height: 20px;
    color: #999;
}

.searchContainer .path strong {
    line-height: 20px;
    color: #999;
}

.searchContainer .path a, .searchContainer .path a:visited, .searchContainer .path a:hover, .searchContainer .path a:active {
    line-height: 20px;
    color: #999;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchContainer .path a:hover {
    color: #666;
}

.searchContainer .condition {
    overflow: hidden;
    padding: 20px 30px;
    margin: 0 0 20px 0;
    background: #EEE;
}

.searchContainer .condition .article {
    display: block;
    float: left;
    overflow: hidden;
    width: 680px;
    height: 20px;
    padding: 5px 0;
}

.searchContainer .condition .article .keyword {
    font-size: 14px;
    line-height: 20px;
    color: #F97729;
}

.searchContainer .condition .article .number {
    margin: 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: #F97729;
}

.searchContainer .condition .article p {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}

.searchContainer .condition .search {
    display: block;
    float: right;
    overflow: hidden;
    width: 198px;
    height: 24px;
    border: 1px solid #C7C7C7;
}

.searchContainer .condition .text {
    display: block;
    float: left;
    overflow: hidden;
    width: 150px;
    height: 20px;
    padding: 2px 9px;
    border: 0;
    margin: 0;
    background: #FFF;
    line-height: 20px;
    color: #AAA;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchContainer .condition .text:focus {
    color: #666;
}

.searchContainer .condition .submit {
    display: block;
    float: left;
    overflow: hidden;
    cursor: pointer;
    width: 30px;
    height: 24px;
    padding: 0;
    border: 0;
    border-left: 1px solid #C7C7C7;
    margin: 0;
    background: #3C3C3C url(../images/ico.png) 4px -548px no-repeat;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchContainer .condition .submit:hover {
    background-color: #636363;
}

.searchContainer .list {
    overflow: hidden;
    margin: 0 0 10px 0;
}

.searchContainer .list li {
    overflow: hidden;
    padding: 5px 0 4px 15px;
    border-bottom: 1px solid #E7E7E7;
    margin: 0 0 10px 0;
    background: url(../images/ico.png) 2px -1838px no-repeat;
}

.searchContainer .list li a, .searchContainer .list li a:visited, .searchContainer .list li a:hover, .searchContainer .list li a:active {
    font-weight: bold;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.searchContainer .list li a:hover {
    color: #666;
}

.pageArticle {
    overflow: hidden;
}

.pageArticle .headerArticle {
    overflow: hidden;
    position: relative;
    padding: 0 0 9px 0;
    border-bottom: 1px solid #D1D1D1;
    margin: 0 0 20px 0;
}

.pageArticle .headerArticle .titleArticle {
    display: block;
    overflow: hidden;
    font-family: Arial, Microsoft YaHei;
    font-size: 16px;
    line-height: 20px;
    color: #666;
}

.pageArticle .headerArticle .dateArticle {
    display: block;
    overflow: hidden;
    line-height: 20px;
    color: #666;
}

.pageArticle .headerArticle .backArticle, .pageArticle .headerArticle .backArticle:visited, .pageArticle .headerArticle .backArticle:hover, .pageArticle .headerArticle .backArticle:active {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    width: 40px;
    height: 24px;
    padding: 0 0 0 30px;
    background: url(../images/sprite.png) -430px -100px no-repeat;
    line-height: 24px;
    color: #FFF;
    text-decoration: none;
}

.pageArticle .headerArticle .backArticle:hover {
    background-position: -430px -130px;
}

.pageArticle .videoArticle {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.pageArticle .editorArticle {
    overflow: hidden;
}

.pageArticle .footerArticle {
    overflow: hidden;
    padding: 19px 0 0 0;
    border-top: 1px dashed #999;
}

.pageArticle .footerArticle p {
    overflow: hidden;
}

.pageArticle .footerArticle a, .pageArticle .footerArticle a:visited, .pageArticle .footerArticle a:hover, .pageArticle .footerArticle a:active {
    line-height: 24px;
    color: #A0A0A0;
    text-decoration: none;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.pageArticle .footerArticle a:hover {
    color: #666;
}

.webMask {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webAlertVideo {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 600px;
    height: 400px;
    margin: -200px 0 0 -300px;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webAlertVideo .close {
    overflow: hidden;
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: 9;
    cursor: pointer;
    width: 70px;
    height: 70px;
    background: url(../images/sprite.png) -330px -200px no-repeat;
    text-indent: -9999px;
}

.webAlertVideo .close:hover {
    background-position: -330px -280px;
}

.webAlertTip {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 220px;
    padding: 19px;
    border: 1px solid #FF6000;
    border-radius: 5px;
    margin: 0 0 0 -130px;
    background: #FFF;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webAlertTip .close {
    overflow: hidden;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 9;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png) -280px -300px no-repeat;
    text-indent: -9999px;
}

.webAlertTip .close:hover {
    background-position: -280px -340px;
}

.webAlertTip .article {
    overflow: hidden;
}

.webAlertTip .article .ico {
    display: block;
    overflow: hidden;
    width: 48px;
    height: 42px;
    margin: 0 auto 8px auto;
    background: url(../images/sprite.png) -410px -160px no-repeat;
    text-indent: -9999px;
}

.webAlertTip .article p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
}

.webAlertLogin {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 500px;
    height: 600px;
    margin: -300px 0 0 -250px;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webAlertLogin .close {
    overflow: hidden;
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: 9;
    cursor: pointer;
    width: 70px;
    height: 70px;
    background: url(../images/sprite.png) -330px -200px no-repeat;
    text-indent: -9999px;
}

.webAlertLogin .close:hover {
    background-position: -330px -280px;
}

.webAlertLogin .cover {
    overflow: hidden;
    width: 500px;
    height: 600px;
}

.webAlertLogin .cover img {
    display: block;
    width: 500px;
    height: 600px;
}

.webAlertShop {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 320px;
    padding: 40px 0;
    border-radius: 10px;
    margin: 0 0 0 -130px;
    background: #FFF;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.webAlertShop .close {
    overflow: hidden;
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: 9;
    cursor: pointer;
    width: 70px;
    height: 70px;
    background: url(../images/sprite.png) -330px -200px no-repeat;
    text-indent: -9999px;
}

.webAlertShop .close:hover {
    background-position: -330px -280px;
}

.webAlertShop .article {
    overflow: hidden;
}

.webAlertShop .article .ico {
    display: block;
    overflow: hidden;
    width: 48px;
    height: 50px;
    margin: 0 auto 20px auto;
    background: url(../images/sprite.png) -420px -290px no-repeat;
    text-indent: -9999px;
}

.webAlertShop .article p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
}

/*web other css end*/
/*web mask css begin*/
.webMask {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    width: 100%;
    height: 200%;
    background: #000;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.alertBoxTip {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 300px;
    height: 150px;
    border-radius: 5px;
    margin: -75px 0 0 -150px;
    background: #FFF;
    text-align: center;
    opacity: 0;
    filter: Alpha(opacity=0);
}

.alertBoxTip .title {
    overflow: hidden;
    padding: 10px 0;
    margin: 0 0 20px 0;
    background: #082F54;
    font-family: Microsoft YaHei;
    font-size: 18px;
    line-height: 20px;
    color: #FFF;
}

.alertBoxTip .message {
    overflow: hidden;
    height: 20px;
    padding: 0 40px;
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.alertBoxTip .button {
    display: inline-block;
    cursor: pointer;
    width: 80px;
    height: 25px;
    padding: 5px 0;
    border-radius: 5px;
    margin: 0 5px 15px 5px;
    background: #082F54;
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
}

/*web mask css end*/
/*新增商务对接页面*/
.columnContainer .business .title {
    width: 980px;
    height: 50px;
    border-top: 1px solid #b7b7b7;
    position: relative;
    margin-top: 20px;
}

.columnContainer .business .title h2 {
    width: 180px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -90px;
    background: #fff;
    color: #707070;
    font-family: "Microsoft YaHei";
    font-size: 24px;
}

.columnContainer .business ul {
    width: 980px;
    display: block;
}

.columnContainer .business ul li {
    width: 450px;
    display: block;
    float: left;
    background: #f5f5f5;
    height: 154px;
    margin-bottom: 35px;
}

.columnContainer .business ul li img {
    display: block;
    float: left;
}

.columnContainer .business ul li .content {
    float: right;
    width: 200px;
}

.columnContainer .business ul li span {
    display: block;
    float: left;
}

.columnContainer .business ul li span.ico {
    text-align: center;
    width: 45px;
    height: 40px;
    line-height: 40px;
    float: right;
    color: #9f9fa0;
    font-size: 28px;
}

.columnContainer .business ul li span.text {
    color: #707070;
    font-family: "Microsoft YaHei";
    line-height: 18px;
    font-size: 12px;
    width: 170px;
}

.columnContainer .business ul li span.text em {
    color: #1b1b1b;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
}

.columnContainer .business ul li:hover {
    background: #f1efef;
}

.columnContainer .business ul li img:hover {
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

/*新增分公司内页*/
.position_re {
    position: relative;
}

.indexbox {
    width: 100%;
}

.foundry_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img1.jpg) no-repeat top center;
    padding-top: 120px;
}

.measurement_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img2.jpg) no-repeat top center;
    padding-top: 120px;
}

.control_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img3.jpg) no-repeat top center;
    padding-top: 120px;
}

.weld_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img4.jpg) no-repeat top center;
    padding-top: 120px;
}

.hydraulic_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img5.jpg) no-repeat top center;
    padding-top: 120px;
}

.research_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img6.jpg) no-repeat top center;
    padding-top: 120px;
}

.machine_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img7.jpg) no-repeat top center;
    padding-top: 120px;
}

.machine_tool_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img8.jpg) no-repeat top center;
    padding-top: 120px;
}

.wfd_area_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img9.jpg) no-repeat top center;
    padding-top: 120px;
}

.technical_box {
    width: 100%;
    min-width: 1000px;
    background: url(../resources/banner_business_img10.jpg) no-repeat top center;
    padding-top: 120px;
}

.indexbox .left {
    width: 200px;
    float: left;
}

.indexbox .left .com_name {
    width: 200px;
    /*height: 115px;*/
    height: 85px;
    background: #074177;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    padding-top: 30px;
}

.indexbox .left .com_name em {
    font-size: 24px;
    display: block;
    font-family: "Microsoft YaHei";
}

.indexbox .left ul {
    width: 200px;
    overflow: hidden;
    display: block;
}

.indexbox .left ul li {
    border: 1px solid #e7e7e7;
    display: block;
    height: 49px;
    line-height: 49px;
    border-top: none;
    background: #f8f8f8;
    color: #434343;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    display: block;
    padding-left: 20px;
    width: 178px;
    cursor: pointer;
}

.indexbox .left ul li:hover,.indexbox .left ul li.current {
    background: #fff;
    border-right: none;
    border-left: 4px solid #f66201;
}

.indexbox .left ul li a {
    text-decoration: none;
    font-family: "Microsoft YaHei";
    display: block;
}

.indexbox .right {
    width: 715px;
    float: right;
    margin-top: 75px;
}

.indexbox .right .title {
    width: 715px;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

.indexbox .right .content {
    margin-top: 35px;
    overflow: hidden;
    padding-bottom: 35px;
}

.indexbox .right .content h2 {
    height: 50px;
    line-height: 50px;
    color: #707070;
    font-size: 18px;
    font-family: "Microsoft YaHei";
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.indexbox .right .content h2 em {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 85px;
    height: 22px;
    background: #f66201;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}

.indexbox .right .content h2 em a {
    color: #fff;
    text-decoration: none;
    font-family: "Microsoft YaHei";
}

.foot {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #dcdcdc;
    padding: 35px 0 25px;
}

.indexbox .backhome {
    position: absolute;
    right: 0;
    top: 14px;
    color: #fff;
    background: #074177;
    text-align: center;
    width: 124px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

.indexbox .backhome a {
    color: #fff;
    text-decoration: none;
    font-family: "Microsoft YaHei";
}

.measurement_box .right .intro {
    width: 395px;
    float: right;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    padding-top: 27px;
    line-height: 26px;
}

.measurement_box .right .intro em {
    font-weight: bold;
    color: #707070;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}

.measurement_box .right .list {
    width: 260px;
    float: left;
}

.measurement_box .right .list ul {
    width: 260px;
    display: block;
}

.measurement_box .right .list ul li {
    width: 260px;
    display: block;
    margin-top: 30px;
    float: left;
}

.measurement_box .right .list ul li img {
    display: block;
    float: left;
}

.measurement_box .right .list ul li span {
    width: 260px;
    height: 28px;
    line-height: 28px;
    background: #e7e7e7;
    color: #707070;
    text-align: center;
    display: block;
    float: left;
    font-family: "Microsoft YaHei";
}

.alertpage {
    display: none;
    opacity: 0.6;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #000;
    filter: Alpha(opacity=40);
    /* IE6, IE7, and IE8 透明背景*/
    /*ie6定位*/
    _position: absolute;
    bottom: 0;
    _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)));
}

.confirm {
    display: none;
    position: fixed;
    z-index: 100;
    left: 50%;
    margin-left: -358px;
    overflow: hidden;
    width: 716px;
    background: #FFF;
    top: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*ie6定位*/
    _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)));
}

.confirm .title {
    width: 716px;
    height: 55px;
    line-height: 55px;
    font-family: "Microsoft YaHei";
    text-indent: 40px;
    color: #434343;
    font-size: 16px;
    background: #e5e5e5;
}

.confirm .title .btn {
    width: 55px;
    height: 55px;
    float: right;
}

.confirm .title .btn img {
    width: 55px;
    height: 55px;
    display: block;
    cursor: pointer;
}

.confirm ul {
    width: 570px;
    padding: 25px 0 55px 75px;
    overflow: hidden;
}

.confirm ul li {
    width: 575px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    float: left;
    position: relative;
    padding-top: 20px;
}

.confirm ul li span {
    display: block;
    width: 340px;
    float: left;
    font-size: 14px;
    font-family: "Microsoft YaHei"
}

.confirm ul li img {
    display: block;
    float: left;
    margin-right: 25px;
    margin-left: 22px;
}

.confirm ul li .ico {
    position: absolute;
    width: 39px;
    height: 39px;
    background: url(../resources/measurement_download_ico3.jpg);
    right: 70px;
    cursor: pointer;
}

.confirm ul li .ico2 {
    background: url(../resources/measurement_download_ico2.jpg);
    cursor: pointer;
}

.ul_imgbox {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ul_imgbox li {
    float: left;
}

.ul_imgbox li img {
    display: block;
    float: left;
}

.ul_imgbox li span {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #e7e7e7;
    width: 100%;
    text-align: center;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #707070;
}

/*集团详细页文本通用样式*/
.grey_font14 {
    color: #707070;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}

.font_weight {
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.line_height55 {
    line-height: 55px;
}

.line_height26 {
    line-height: 26px;
}

.contact_style {
    width: 714px;
    /* height: 55px; */
    /* line-height: 55px; */
    border-bottom: 1px solid #e5e5e5;
    display: block;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    color: #707070;
    padding: 15px;
    line-height: 20px;
}

.big-tips {
    width: 100%;
    height: 980px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 2;
    z-index: 999;
    background: rgba(0,0,0,0.5);
}

.big-tips img {
    width: 100%;
    height: 100%;
}

.big-tips .look2 {
    width: 178px;
    height: 48px;
    position: absolute;
    border: 1px solid #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    margin-left: -89px;
    top: 49%;
    color: #fff;
    cursor: pointer;
}

.big-tips .close {
    width: 39px;
    height: 39px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: 25px;
    cursor: pointer;
}

.big-tips .close img {
    display: block;
}

/* 20200922新增 */
.checkContainer {
    width: 980px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding-top: 117px;
    padding-bottom: 100px;
}

.checkImgBox {
    width: 550px;
    height: 309px;
    overflow: hidden;
    float: left;
}

.checkImgBox img {
    width: 100%;
    height: 100%;
    display: block;
}

.checkContent {
    width: 280px;
    float: right;
    overflow: hidden;
    padding-top: 35px;
}

.checkContent h1 {
    width: 100%;
    font-size: 20px;
    color: #333;
    line-height: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 36px;
    font-weight: bold;
}

.checkContent h2 {
    width: 100%;
    line-height: 1;
    font-size: 14px;
    color: #333;
    /* margin-bottom: 25px; */
    margin-bottom: 11px;
    font-weight: bold;
}

.checkContent input {
    width: 279px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    width: 100%;
    text-indent: 20px;
    margin-bottom: 49px;
    background: #f4f8f8;
}

.checkContent input::placeholder {
    color: #929594;
}

.searchButton {
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    background: #00406e;
    cursor: pointer;
}

.searchButton:hover {
    opacity: .9;
}