html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff }
DIV, P, I, UL, LI, OL, DL, DT, DD { list-style: none; margin: 0px; padding: 0px; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #337ab7; text-decoration: none }
a:hover, a:focus { color: #23527c; text-decoration: underline }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
figure { margin: 0 }
p { margin: 0 0 0px }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 }
small, .small { font-size: 85% }
mark, .mark { background-color: #fcf8e3; padding: .2em }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-lowercase { text-transform: lowercase }
.text-uppercase { text-transform: uppercase }
.text-capitalize { text-transform: capitalize }
.text-muted { color: #777 }
.text-primary { color: #337ab7 }
.container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px }

@media (min-width:0) {
.container { width: 840px }
}

@media (min-width:992px) {
.container { width: 960px }
}

@media (min-width:1200px) {
.container { width: 100% }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px }
/*.row { margin-left: -10px; margin-right: -10px }*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px;  }
/*padding-left: 10px; padding-right: 10px*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left }
.col-xs-12 { width: 100% }
.col-xs-11 { width: 91.66666667% }
.col-xs-10 { width: 83.33333333% }
.col-xs-9 { width: 75% }
.col-xs-8 { width: 66.66666667% }
.col-xs-7 { width: 58.33333333% }
.col-xs-6 { width: 50% }
.col-xs-5 { width: 41.66666667% }
.col-xs-4 { width: 33.33333333% }
.col-xs-3 { width: 25% }
.col-xs-2 { width: 16.66666667% }
.col-xs-1 { width: 8.33333333% }
.col-xs-pull-12 { right: 100% }
.col-xs-pull-11 { right: 91.66666667% }
.col-xs-pull-10 { right: 83.33333333% }
.col-xs-pull-9 { right: 75% }
.col-xs-pull-8 { right: 66.66666667% }
.col-xs-pull-7 { right: 58.33333333% }
.col-xs-pull-6 { right: 50% }
.col-xs-pull-5 { right: 41.66666667% }
.col-xs-pull-4 { right: 33.33333333% }
.col-xs-pull-3 { right: 25% }
.col-xs-pull-2 { right: 16.66666667% }
.col-xs-pull-1 { right: 8.33333333% }
.col-xs-pull-0 { right: auto }
.col-xs-push-12 { left: 100% }
.col-xs-push-11 { left: 91.66666667% }
.col-xs-push-10 { left: 83.33333333% }
.col-xs-push-9 { left: 75% }
.col-xs-push-8 { left: 66.66666667% }
.col-xs-push-7 { left: 58.33333333% }
.col-xs-push-6 { left: 50% }
.col-xs-push-5 { left: 41.66666667% }
.col-xs-push-4 { left: 33.33333333% }
.col-xs-push-3 { left: 25% }
.col-xs-push-2 { left: 16.66666667% }
.col-xs-push-1 { left: 8.33333333% }
.col-xs-push-0 { left: auto }
.col-xs-offset-12 { margin-left: 100% }
.col-xs-offset-11 { margin-left: 91.66666667% }
.col-xs-offset-10 { margin-left: 83.33333333% }
.col-xs-offset-9 { margin-left: 75% }
.col-xs-offset-8 { margin-left: 66.66666667% }
.col-xs-offset-7 { margin-left: 58.33333333% }
.col-xs-offset-6 { margin-left: 50% }
.col-xs-offset-5 { margin-left: 41.66666667% }
.col-xs-offset-4 { margin-left: 33.33333333% }
.col-xs-offset-3 { margin-left: 25% }
.col-xs-offset-2 { margin-left: 16.66666667% }
.col-xs-offset-1 { margin-left: 8.33333333% }
.col-xs-offset-0 { margin-left: 0 }

@media (min-width:0) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left }
.col-sm-12 { width: 100% }
.col-sm-11 { width: 91.66666667% }
.col-sm-10 { width: 83.33333333% }
.col-sm-9 { width: 75% }
.col-sm-8 { width: 66.66666667% }
.col-sm-7 { width: 58.33333333% }
.col-sm-6 { width: 50% }
.col-sm-5 { width: 41.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-3 { width: 25% }
.col-sm-2 { width: 16.66666667% }
.col-sm-1 { width: 8.33333333% }
.col-sm-pull-12 { right: 100% }
.col-sm-pull-11 { right: 91.66666667% }
.col-sm-pull-10 { right: 83.33333333% }
.col-sm-pull-9 { right: 75% }
.col-sm-pull-8 { right: 66.66666667% }
.col-sm-pull-7 { right: 58.33333333% }
.col-sm-pull-6 { right: 50% }
.col-sm-pull-5 { right: 41.66666667% }
.col-sm-pull-4 { right: 33.33333333% }
.col-sm-pull-3 { right: 25% }
.col-sm-pull-2 { right: 16.66666667% }
.col-sm-pull-1 { right: 8.33333333% }
.col-sm-pull-0 { right: auto }
.col-sm-push-12 { left: 100% }
.col-sm-push-11 { left: 91.66666667% }
.col-sm-push-10 { left: 83.33333333% }
.col-sm-push-9 { left: 75% }
.col-sm-push-8 { left: 66.66666667% }
.col-sm-push-7 { left: 58.33333333% }
.col-sm-push-6 { left: 50% }
.col-sm-push-5 { left: 41.66666667% }
.col-sm-push-4 { left: 33.33333333% }
.col-sm-push-3 { left: 25% }
.col-sm-push-2 { left: 16.66666667% }
.col-sm-push-1 { left: 8.33333333% }
.col-sm-push-0 { left: auto }
.col-sm-offset-12 { margin-left: 100% }
.col-sm-offset-11 { margin-left: 91.66666667% }
.col-sm-offset-10 { margin-left: 83.33333333% }
.col-sm-offset-9 { margin-left: 75% }
.col-sm-offset-8 { margin-left: 66.66666667% }
.col-sm-offset-7 { margin-left: 58.33333333% }
.col-sm-offset-6 { margin-left: 50% }
.col-sm-offset-5 { margin-left: 41.66666667% }
.col-sm-offset-4 { margin-left: 33.33333333% }
.col-sm-offset-3 { margin-left: 25% }
.col-sm-offset-2 { margin-left: 16.66666667% }
.col-sm-offset-1 { margin-left: 8.33333333% }
.col-sm-offset-0 { margin-left: 0 }
}

@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left }
.col-md-12 { width: 100% }
.col-md-11 { width: 91.66666667% }
.col-md-10 { width: 83.33333333% }
.col-md-9 { width: 75% }
.col-md-8 { width: 66.66666667% }
.col-md-7 { width: 58.33333333% }
.col-md-6 { width: 50% }
.col-md-5 { width: 41.66666667% }
.col-md-4 { width: 33.33333333% }
.col-md-3 { width: 25% }
.col-md-2 { width: 16.66666667% }
.col-md-1 { width: 8.33333333% }
.col-md-pull-12 { right: 100% }
.col-md-pull-11 { right: 91.66666667% }
.col-md-pull-10 { right: 83.33333333% }
.col-md-pull-9 { right: 75% }
.col-md-pull-8 { right: 66.66666667% }
.col-md-pull-7 { right: 58.33333333% }
.col-md-pull-6 { right: 50% }
.col-md-pull-5 { right: 41.66666667% }
.col-md-pull-4 { right: 33.33333333% }
.col-md-pull-3 { right: 25% }
.col-md-pull-2 { right: 16.66666667% }
.col-md-pull-1 { right: 8.33333333% }
.col-md-pull-0 { right: auto }
.col-md-push-12 { left: 100% }
.col-md-push-11 { left: 91.66666667% }
.col-md-push-10 { left: 83.33333333% }
.col-md-push-9 { left: 75% }
.col-md-push-8 { left: 66.66666667% }
.col-md-push-7 { left: 58.33333333% }
.col-md-push-6 { left: 50% }
.col-md-push-5 { left: 41.66666667% }
.col-md-push-4 { left: 33.33333333% }
.col-md-push-3 { left: 25% }
.col-md-push-2 { left: 16.66666667% }
.col-md-push-1 { left: 8.33333333% }
.col-md-push-0 { left: auto }
.col-md-offset-12 { margin-left: 100% }
.col-md-offset-11 { margin-left: 91.66666667% }
.col-md-offset-10 { margin-left: 83.33333333% }
.col-md-offset-9 { margin-left: 75% }
.col-md-offset-8 { margin-left: 66.66666667% }
.col-md-offset-7 { margin-left: 58.33333333% }
.col-md-offset-6 { margin-left: 50% }
.col-md-offset-5 { margin-left: 41.66666667% }
.col-md-offset-4 { margin-left: 33.33333333% }
.col-md-offset-3 { margin-left: 25% }
.col-md-offset-2 { margin-left: 16.66666667% }
.col-md-offset-1 { margin-left: 8.33333333% }
.col-md-offset-0 { margin-left: 0 }
}

@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left }
.col-lg-12 { width: 100% }
.col-lg-11 { width: 91.66666667% }
.col-lg-10 { width: 83.33333333% }
.col-lg-9 { width: 75% }
.col-lg-8 { width: 66.66666667% }
.col-lg-7 { width: 58.33333333% }
.col-lg-6 { width: 50% }
.col-lg-5 { width: 41.66666667% }
.col-lg-4 { width: 33.33333333% }
.col-lg-3 { width: 25% }
.col-lg-2 { width: 16.66666667% }
.col-lg-1 { width: 8.33333333% }
.col-lg-pull-12 { right: 100% }
.col-lg-pull-11 { right: 91.66666667% }
.col-lg-pull-10 { right: 83.33333333% }
.col-lg-pull-9 { right: 75% }
.col-lg-pull-8 { right: 66.66666667% }
.col-lg-pull-7 { right: 58.33333333% }
.col-lg-pull-6 { right: 50% }
.col-lg-pull-5 { right: 41.66666667% }
.col-lg-pull-4 { right: 33.33333333% }
.col-lg-pull-3 { right: 25% }
.col-lg-pull-2 { right: 16.66666667% }
.col-lg-pull-1 { right: 8.33333333% }
.col-lg-pull-0 { right: auto }
.col-lg-push-12 { left: 100% }
.col-lg-push-11 { left: 91.66666667% }
.col-lg-push-10 { left: 83.33333333% }
.col-lg-push-9 { left: 75% }
.col-lg-push-8 { left: 66.66666667% }
.col-lg-push-7 { left: 58.33333333% }
.col-lg-push-6 { left: 50% }
.col-lg-push-5 { left: 41.66666667% }
.col-lg-push-4 { left: 33.33333333% }
.col-lg-push-3 { left: 25% }
.col-lg-push-2 { left: 16.66666667% }
.col-lg-push-1 { left: 8.33333333% }
.col-lg-push-0 { left: auto }
.col-lg-offset-12 { margin-left: 100% }
.col-lg-offset-11 { margin-left: 91.66666667% }
.col-lg-offset-10 { margin-left: 83.33333333% }
.col-lg-offset-9 { margin-left: 75% }
.col-lg-offset-8 { margin-left: 66.66666667% }
.col-lg-offset-7 { margin-left: 58.33333333% }
.col-lg-offset-6 { margin-left: 50% }
.col-lg-offset-5 { margin-left: 41.66666667% }
.col-lg-offset-4 { margin-left: 33.33333333% }
.col-lg-offset-3 { margin-left: 25% }
.col-lg-offset-2 { margin-left: 16.66666667% }
.col-lg-offset-1 { margin-left: 8.33333333% }
.col-lg-offset-0 { margin-left: 0 }
}
table { background-color: transparent }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left }
th { text-align: left }
.mt6 { margin-top: 6px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml80 { margin-left: 80px; }
.ml100 { margin-left: 100px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.p5 { padding: 5px !important; ; }
.p10 { padding: 10px !important; ; }
.p15 { padding: 15px !important; ; }
.p20 { padding: 20px !important; ; }
.p30 { padding: 30px !important; ; }
.p40 { padding: 40px !important; ; }
.pt6 { padding-top: 6px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt60 { padding-top: 60px; }
.pl6 { padding-left: 6px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb60 { padding-bottom: 60px; }
.pt0 { padding-top: 0px !important; }
.pr0 { padding-right: 0px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl0 { padding-left: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *display:inline-block;
*zoom:100%;
}
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; }
.blank2 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 2px; line-height: 0px; font-size: 0px; }
.blank6 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 6px; line-height: 0px; font-size: 0px; }
.blank10 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 10px; line-height: 0px; font-size: 0px; }
.blank15 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 15px; line-height: 0px; font-size: 0px; }
.blank20 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 20px; line-height: 0px; font-size: 0px; }
.blank30 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 30px; line-height: 0px; font-size: 0px; }
.blank40 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 40px; line-height: 0px; font-size: 0px; }
.blank50 { CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 50px; line-height: 0px; font-size: 0px; }
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " }
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777 }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px }
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% }
.h1, h1 { font-size: 36px }
.h2, h2 { font-size: 30px }
.h3, h3 { font-size: 24px }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 14px }
.h6, h6 { font-size: 12px }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn.btn-block { display: block !important; width: 100% }
.btn-lg, .btn-group-lg>.btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px }
.btn-sm, .btn-group-sm>.btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px }
.btn-xs, .btn-group-xs>.btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px }
/* .c-head-bg { background-image: url(../img/product_banner.jpg); background-size: cover; height: 400px; background-position: center bottom } */
.body-bg { }
.c-body-bg {  }
.c-body .btn-link { color: #EE7D31 }
.c-body { margin-top: 0px }
.c-body { margin-left: 0; margin-right: 0; border: 1px solid transparent; border-top: none }
.c-nav-bg { background: #00A2CA; }


#nav-ao { padding: 0px 0px; position: absolute; z-index: 1; right:0px;bottom:0px}
#nav-ao ul { list-style-type: none; margin: 0; padding: 0; }
#nav-ao>ul>li { display: block; float: left }
#nav-ao a { line-height: 34px; padding: 0 10px; margin: 0 0px;  display: block; color: #CBE0ED; text-decoration: none;  font-weight:700;  position:relative;text-align: center;}
#nav-ao a:hover, #nav-ao a:focus, #nav-ao a:active { text-decoration: none; }
#nav-ao li.on a{ color: #fff;text-decoration: none; /*background:#00406C */}
/* #nav-ao a:after{position:absolute; left:0;right:0;bottom:-10px;height:4px;background:#414347;z-index:1;content: none;} */
#nav-ao a:hover:after{content: '';}

#all_ccMenu{position:relative;z-index:5; }
.top-nav-bg { z-index:99; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s;   }
.top-nav{ color:#E0E0E0;  line-height: 30px; padding:10px;}
.top-nav .top-menu { float: right; margin: 0 0px 0 0; padding: 0;  }
.top-nav .top-menu a { margin: 0 5px; cursor: pointer; text-decoration: none; color: #e0e0e0 !important; font-weight: 400 }
.top-nav .top-menu .top-menu-link { display: inline-block; vertical-align: top; height: 30px; line-height: 30px; }
.top-nav .top-menu a:hover { color: #fff !important; text-decoration: none; }
.top-nav .top-menu .topspliter { display: inline-block; margin: 0 3px; height: 28px; vertical-align: middle; line-height: 28px; border-right: 1px solid #767676; }
.top-nav .top-menu .dropdown { position: relative; background: #525962 !important; display: inline-block; height: 30px; vertical-align: top; padding: 2px 10px 0; }
.top-nav .top-menu .dropdown .dropdown-menu a { color: #666 !important; }
.top-nav .logo{ color:#E0E0E0; font-size:25px;font-weight:700; margin-left:-45px;-webkit-transition: font-size .3s; -moz-transition: font-size .3s; transition: font-size .3s;}
#float_shadow{CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 110px; line-height: 0px; font-size: 0px; }
/*#HeadDesign.float_bg{  background-color: rgba(0,0,0,0.7)}*/
/*#HeadDesign.float_bg{ padding:5px !important;opacity: .8; filter:alpha(opacity=80);  }*/
#TopDesign.float_bg .logo{ font-size:20px;}

/*.top-link-box{ background:#333333}*/
.top-link-box .top-link {  text-align:right;padding-right: 16%}
.top-link-box .top-link a { margin: 0 5px;color: #E0E0E0;display: inline-block;vertical-align: top;height: 30px;line-height: 30px; }
.top-link-box .top-link a:hover { color: #fff; text-decoration: none; }

.widget { margin: 0 auto; position: relative; border: none;}
.widget .widget-head { line-height: 45px;position: relative;
padding: 20px 0 0px;text-align: center;height: 45px;    
margin-bottom: 30px;}
.widget .widget-head h4 {    display: inline-block;    padding:0px 20px;}
.widget .widget-head a.more { float: right; color: #00406C; font-size: 12px; font-weight:700;text-decoration: none;    margin-top: -5px;}
.widget .widget-body { padding: 20px 30px; font-size:15px; }












.word_list { }
.word_list ul { padding: 10px; margin: 0px; }
.word_list li { background: url(../img/word_list_bg.png) no-repeat 0px 2px; padding: 0px 6px 0px 15px; margin-bottom: 0px; position: relative; }
.word_list li A { font: lighter 14px/32px 'Microsoft Yahei'; position: relative; }
.word_list li span { float: right; color: #5F5F5F; font: lighter 11px/32px Arial; }
.cgf_more_box { vertical-align: top; padding: 15px 20px 15px 0px; border-bottom: #D2D2D2 1px solid; position: relative; margin-bottom: -1px; }
.cgf_more_box dl { margin-left:210px; }
.cgf_more_box dt { }
.cgf_more_box dt A.name { font: 700 19px/28px 'microsoft yahei'; color: #2070A6; padding: 2px 0px 0px; margin-bottom: 10px; display: inline-block }
.cgf_more_box dd { color: #979797; font-size: 12px }
.cgf_more_box dd em{ font-style:normal}
.cgf_more_box dl p { padding: 4px 0px; color: #999; min-height:70px;}
.cgf_more_pic { margin: 0px 10px 0px 0px; float: left }
.cgf_more_pic img { width: 180px; height: 120px; }
.cgf_more_box A.open { background: #2070A6; color: #fff; padding: 6px 20px; font: lighter 12px/14px simsun; position: absolute; right: 20px; bottom: 20px; display: block; }
.cgf_more_box A.open:hover { background: #009946; color: #fff; }
#footer {  position: relative; background: #1B2531; text-align: center; padding: 0 10px; color:#B2B7C4; font-size:13px;}
#footer a { color: #B2B7C4; text-decoration: underline;}

.pic_box{ width:246px; float:left; margin-right:35px;}

/* 2016-7-1 add */
.video_box{ position:relative;width:246px; float:left; margin-right:35px;}
.video_box span.play{ width:34px; height:34px; background:url(../img/play.png) no-repeat; display:block; position: absolute; left:50%; margin-left:-17px; top:30%}

/* 2016-7-4 add */
.day_go{ padding:10px 0px 0px;}
.day_go strong{ display: inline-block;  padding:3px 20px;  margin-right:5px;}
.c-head ul{ color:#fff; padding-top:50px;}

/* 2016-11-29 add */
.txta{text-align: center;}


.news_index_box {  padding: 15px 20px 15px 0px; border-bottom: #E3E3E3 1px solid; position: relative; }
.news_index_box dl { padding-left:110px; min-height:88px;}
.news_index_box dt { }
.news_index_box dt A.name { font: 700 19px/28px 'microsoft yahei'; color: #2070A6; padding: 2px 0px 0px; margin-bottom: 10px; display: inline-block }
.news_index_box dd { color: #979797; font-size: 12px }
.news_index_box dl p { padding: 4px 0px; color: #999; font-size:13px; }
.news_index_box .time_box{ background:#E5E5E5; position:absolute; width:80px; height:80px; text-align:center; border-radius:50%; left:10px; color:#555555; border:#fff 2px solid}
.news_index_box .time_box b{ font-size:25px; padding-top:10px; display:block;}
.news_list_box .news_index_box:last-child{border-bottom:0px;}
.btn_login{background:#D84A38; color:#fff}
.btn_login:hover{background:#B93E31; color:#fff}
.btn_regedit{background:#35AA47; color:#fff}
.btn_regedit:hover{background:#2C903B; color:#fff}

.tw_box{ background:; min-height:260px; padding:15px 0px 30px;}
.tw_box .tutu ul{ background:#26A9E1; width:150px; height:150px; margin:0px auto; text-align:center; border-radius:50%}
.tw_box .tutu ul i{ color:#fff; font-size:80px; line-height:150px;}
.tw_box h3{ text-align:center; color:#26A9E1}
.tw_box .text-center{ font-size:16px; color:#838383; font-weight:400 !important}

.i_button_box A.button{display: inline-block;*display: inline;*zoom: 1; background: #4174B5; text-align: center;font:18px/34px 'Microsoft Yahei';color: #000; padding:20px 20px; border-radius:4px;width:261px; float:left; /* margin-right:35px; margin-left: 20px;*/transition: background 0.3s linear;}
.i_button_box A.button p{font:12px/20px 'Microsoft Yahei'; border-bottom:#fff 1px dotted; margin-bottom:10px; padding-bottom:10px; text-align:left; text-decoration:none}
.i_button_box A.button .tutu ul{  width:120px; height:120px; margin:20px auto; text-align:center; border-radius:50%}
.i_button_box A.button .tutu ul i{  font-size:70px; line-height:120px;}



/*.i_button_box A.b_login{background: #fff;}*/
.i_button_box A.b_login:hover{outline: none;text-decoration: none;  font-weight:700}
.i_button_box A.b_login:active{background: #26A9E1;}

/*.i_button_box A.b_login:hover .tutu ul{background: #fff;}
.i_button_box A.b_login:hover .tutu ul i{color: #26A9E1;}*/


.fullSlide{  position:relative; overflow:hidden;   }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  }
.fullSlide .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;   }
.fullSlide .bd li a{ position:absolute; width:100%;  display:block; z-index:1;;   }
.fullSlide .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
 

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px;  }
.fullSlide .hd ul{  text-align:right; width:1150px; margin:0px auto}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:4px; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; background:#333; border-radius:50%}
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1; }


.leftbox .prev,.leftbox .next{width:15px;height:30px;position:absolute;top:170px;left:30px;z-index:100; cursor:pointer; background: url(../img/icon.png) no-repeat;background-position: 0px 0;}
.leftbox .next{ left:auto; right:30px;background-position: -30px 0; }
.leftbox .prev:hover{ background-position: -15px 0; }
.leftbox .next:hover{ background-position: -45px 0; }


/* 2016-8-10 add */ 
/*page  csss*/
.page_box { width: 100%; overflow: hidden; margin: 10px 0px 20px; font-family: Microsoft YaHei; font-size: 13px; }
.x_page { width: auto; position: relative; left: 50%; float: left; padding-top: 10px; padding-bottom: 10px; }
.x_page ul { position: relative; left: -50%; }
*html .x_page ul { float: left }
.x_page ul span { border: 1px #0086AA solid; height: 30px; padding: 0px 10px; font-size: 12px; line-height: 30px; float: left; margin-right: 5px; font-weight: normal; display: block; background: #0086AA; color: #fff; font-weight: bold; }
.x_page ul a { border: 1px #cccccc solid; height: 30px; padding: 0px 10px; float: left; line-height: 30px; background-color: #fff; color: #333; display: block; margin-right: 5px; }
.x_page ul a:hover { border: 1px #0086AA solid; background-color: #0086AA; color: #fff; }
.x_page a.page_cn { height: 30px; padding: 3px 10px 0px; float: left; line-height: 27px; display: block; margin-right: 5px; text-decoration: none }
.x_page a.page_cn:hover { }


.biaoti {   font-size: 27px; font-weight: normal; line-height: 1.5; font-family: "Microsoft YaHei"; text-align: center; margin-bottom: 20px; padding: 20px 0px 0px; }
.desp1 { color: #8b8b8b; font-size: 13px; font-weight: normal; line-height: 1.5; text-align: center; font-family: "Microsoft YaHei"; margin-bottom: 20px; border-bottom: #BCBEC0 1px dashed; padding-bottom: 20px; }
.xiangxi p { font-family: "Microsoft YaHei"; color: #666; line-height: 2.0; text-indent: 2.0em; font-size: 15px; }
.xiangxi { font-family: "Microsoft YaHei"; color: #666; line-height: 2.0; text-indent: 2.0em; font-size: 15px;   }


.all_proMenu{position:absolute;bottom:54px;left:0px;width:100%;z-index:999;}
.all_proMenu .inner{width:100%;margin:0;background:#414347;position:absolute;top:54px;}
.all_proMenu .inner .menuArea{margin:auto;position:relative}
.all_proMenu .inner ul{float:right;margin:18px 80px 18px 0}
.all_proMenu .inner ul{margin:20px 80px 25px 0}
.all_proMenu .inner ul li ul{float: none;position:relative;left: 15%;}
.all_proMenu .inner ul li ul{}
.all_proMenu .inner ul li ul li a{font-size: 14px;}
.all_proMenu .inner li a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.all_proMenu .inner li a:hover{color:#60aff6}
.all_proMenu .inner li a,.all_proMenu .inner li a{color:#fff;    text-decoration: none;font:normal 16px "microsoft yahei"}



#nav-ao a:hover, #nav-ao a:focus, #nav-ao a:active { color: #fff;}/*榧犳爣婊戣繃涓�绾у鑸殑鏂囧瓧棰滆壊*/
#nav-ao li.on a{ color:#ffffff}/*涓�绾у鑸枃瀛楅�変腑*/
