@charset "utf-8";




/* v1.9.1 */
/* date:2012-07-30 */
/*-------------------------------------
               reset
-------------------------------------*/
html{ -webkit-text-size-adjust:none;}
body{font:16px/1.5em Tahoma,Arial,'\5b8b\4f53',sans-serif; word-break:break-all; word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,footer,header,nav,section{ display:block;}
details,dialog,output,time{ display:inline;}

/*-------------------------------------
               clear
-------------------------------------*/
.clear {clear:both;visibility:hidden; display: block; font-size:0; line-height:0;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.clearfix{*zoom:1;}

/*-------------------------------------
               fonts
-------------------------------------*/
/*color*/
.font_red,a.font_red {color:#f00;}a.font_red:hover {color:#af0000;}
.font_scarlet,a.font_scarlet {color:#9f2123;}a.font_scarlet:hover {color:#791315;}
.font_green,a.font_green {color:#4bb200;}a.font_green:hover {color:#3a8a00;}
.font_blue,a.font_blue {color:#06F;}a.font_blue:hover {color:#0088ff;}
.font_yellow,a.font_yellow {color:#ffa800;}a.font_yellow:hover {color:#cf8800;}
.font_orange,a.font_orange {color:#ff7200;}a.font_orange:hover {color:#df6400;}
.font_brown,a.font_brown {color:#875900;}a.font_brown:hover {color:#6e4901;}
.font_gray,a.font_gray {color:#999;}
.font_gray_per30,a.font_gray_per30 {color:#333;}
.font_gray_per60,a.font_gray_per60 {color:#666;}
a.font_gray:hover,a.font_gray_per30:hover,a.font_gray_per60:hover {color:#000;}

/*size*/
.font12 { font-size:12px;}
.font14 { font-size:14px;}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.font20 { font-size:20px;}
.font22 { font-size:22px;}
.font24 { font-size:24px;}
.font26 { font-size:26px;}
.yahei,.font_yahei {font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu, sans-serif;}

/*default size*/
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 { font-size:32px; line-height:1.3em;}
h2 { font-size:28px; line-height:1.2em;}
h3 { font-size:24px; line-height:1.6em;}
h4 { font-size:20px; line-height:1.25em;}
h5 { font-size:16px; line-height:1.8em;}
h6 { font-size:14px; line-height:1.5em;}
p { line-height:180%;}

/*-------------------------------------------
            Article or pages typography
-------------------------------------------*/
.article h1,.article h2,.article h3,.article h4,.article h5,.article h6 {font-weight:bold;}
.article h1 { font-size: 24px; line-height:1.3em;margin-bottom: .5em;}
.article h2 { font-size: 22px; ine-height:1.2em;margin-bottom: 0.6em; }
.article h3 { font-size: 20px; line-height:1.6em;margin-bottom: .8em;  }
.article h4 { font-size: 18px; line-height:1.25;margin-bottom: .7em; }
.article h5 { font-size: 16px; font-weight:bold; line-height:1.8em; margin-bottom: .6em;}
.article h6 { font-size: 14px; line-height:1.5em; margin-bottom: .6em; }
.article p { line-height:180%; margin-bottom:15px;}

.article .article-title { font-weight:normal; font-size:20px; text-align:center;}
.article .article-info { text-align:center; margin-bottom:25px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
.article .article-info span { margin:0 10px; color:#888;}
.article .article-content { font-size:14px;}
.article .typeset { margin-bottom:25px;}
blockquote {background:url("images/quote.gif") no-repeat 0 top; display:block; float:left; font-family: Georgia,"Times New Roman",Times,serif; padding:10px 20px 10px 45px; color:#666; font-size:14px;line-height:160%; margin-bottom:15px;} /* 引用 */
blockquote em { color:#999;}
hr{ border:1px solid #ddd; border-width:0 0 1px 0; height:1px; margin:20px 0; clear:both;} /* 分割线 */
.dropcap {float:left;	padding:10px 10px 5px 0; font-weight:bold;}  /* 首字下沉 */
.br {font-size: 0;}

/* typeset */
.typeset:before,.typeset:after{content:"."; display:block; height:0; visibility:hidden;}
.typeset:after{clear:both;}
.typeset{#zoom:1;}
.typeset .adaptive{ overflow:hidden;#zoom:1;}
.typeset .fixed {float:left; margin-right:15px;}
.typeset .fixed img{display:block;}
.typeset .fixedright { float:right; margin-left:15px;}

/*-------------------------------------
            List
-------------------------------------*/
/* Default List */
.article li ul,.article li ol { margin:0; }
.article ul,.article ol { margin: 0 1.5em 1.5em 0; padding-left:1.5em; line-height:180%; }
.article ul { list-style-type:disc;}
.article ol { list-style-type:decimal; margin-left:8px;}
.article dl { margin: 0 0 1.5em 0; }
.article dl dt { font-weight: bold; }
.article dd { margin-left: 1.5em;}
.article ul.iconlist,.article table { margin-bottom:25px;}


/* icon List */
ul.iconlist {padding-left:0; margin:0; line-height:180%;}
ul.iconlist li {list-style:none; background-repeat:no-repeat; background-position:0 6px; padding:2px 0 2px 20px; _height:100%;}
ul.iconlist-arrow li,ul.iconlist li.iconlist-arrow {background-image: url(images/icon/arrow.gif);}
ul.iconlist-check li,ul.iconlist li.iconlist-check {background-image: url(images/icon/check.gif);}
ul.iconlist-point li,ul.iconlist li.iconlist-point {background-image: url(images/icon/point.gif);}
ul.iconlist-del li,ul.iconlist li.iconlist-del {background-image: url(images/icon/del.gif);}
ul.iconlist-delta li,ul.iconlist li.iconlist-delta {background-image: url(images/icon/delta.gif);}
ul.iconlist-dot li,ul.iconlist li.iconlist-dot {background-image: url(images/icon/dot.gif);}
ul.noiconlist {padding-left:0; margin: 0 0 1.5em 0; line-height:180%;}
/* Article List */
ul.article-list li span { float:right; color:#999;}


/*-------------------------------------
              buttons
-------------------------------------*/
.smallbtn,button.smallbtn em { height:25px; border:0 none; cursor: pointer; padding: 0 15px 0 0; text-align: center; text-decoration: none; display:inline-block;}
.smallbtn span {height:25px; line-height:23px; font-size:12px; display:inline-block; padding:0 0 0 15px; white-space:nowrap;font-family:microsoft yahei;}

.medbtn,button.medbtn em {height:35px; border:0 none; cursor: pointer; padding: 0 20px 0 0; text-align:center; text-decoration:none; display:inline-block;}
.medbtn span {height:35px; line-height:33px; font-size:14px; display:inline-block; padding: 0 0 0 20px; white-space:nowrap;font-family:microsoft yahei;}

.bigbtn,button.bigbtn em {height:44px; font-size:18px; border:0 none; cursor:pointer; padding:0 25px 0 0; text-align:center; text-decoration:none; display:inline-block;}
.bigbtn span {height:44px; line-height:43px; display:inline-block; padding: 0 0 0 25px; white-space:nowrap;font-family:microsoft yahei;}

.smallbtn-gray span,.medbtn-gray span,.bigbtn-gray span { color:#666; text-shadow: 0 1px 0 #fff;}
.smallbtn-orange span,.medbtn-orange span,.bigbtn-orange span {color:#fff; text-shadow: 0 1px 0 #b75800;}
.smallbtn-green span,.medbtn-green span,.bigbtn-green span { color:#fff; text-shadow: 0 1px 0 #65892a;}
.smallbtn-blue span,.medbtn-blue span,.bigbtn-blue span { color:#fff; text-shadow: 0 1px 0 #0060c2;}
.smallbtn-red span,.medbtn-red span,.bigbtn-red span { color:#fff; text-shadow: 0 1px 0 #af3131;}
.smallbtn-deepgray span,.medbtn-deepgray span,.bigbtn-deepgray span { color:#444; text-shadow:0 1px 0 #fff;}
.smallbtn-palegreen span,.medbtn-palegreen span,.bigbtn-palegreen span {color:#517729; text-shadow: 0 1px 0 #fff;}
.smallbtn-yellow span,.medbtn-yellow span,.bigbtn-yellow span {color:#a03a17; text-shadow: 0 1px 0 #fff;}
.smallbtn-paleblue span,.medbtn-paleblue span,.bigbtn-paleblue span {color:#285986; text-shadow: 0 1px 0 #fff;}
a.smallbtn:link,a.smallbtn:hover,a.medbtn:link,a.medbtn:hover,a.bigbtn:link,,a.bigbtn:hover { text-decoration:none;}

/* ============ small btn =============== */
.departmentList > div > a, .departmentList > div > span{
font-size: 16px;
}
.departmentList span{
font-size: 16px !important;
}
/* gray small */
.smallbtn-gray,button.smallbtn-gray em {background: url("images/buttons/small-btn-gray.png") no-repeat right -25px;}
.smallbtn-gray span {background: url("images/buttons/small-btn-gray.png") no-repeat left 0;}

/* deepgray small */
.smallbtn-deepgray,button.smallbtn-deepgray em {background: url("images/buttons/small-btn-deepgray.png") no-repeat right -25px;}
.smallbtn-deepgray span {background: url("images/buttons/small-btn-deepgray.png") no-repeat left 0;}

/* orange small */
.smallbtn-orange,button.smallbtn-orange em {background: url("images/buttons/small-btn-orange.png") no-repeat right -25px;}
.smallbtn-orange span {background: url("images/buttons/small-btn-orange.png") no-repeat left 0;}

/* yellow small */
.smallbtn-yellow,button.smallbtn-yellow em {background: url("images/buttons/small-btn-yellow.png") no-repeat right -25px;}
.smallbtn-yellow span {background: url("images/buttons/small-btn-yellow.png") no-repeat left 0;}

/* green small */
.smallbtn-green,button.smallbtn-green em {background: url("images/buttons/small-btn-green.png") no-repeat right -25px;}
.smallbtn-green span {background: url("images/buttons/small-btn-green.png") no-repeat left 0;}

/* palegreen small */
.smallbtn-palegreen,button.smallbtn-palegreen em {background: url("images/buttons/small-btn-palegreen.png") no-repeat right -25px;}
.smallbtn-palegreen span {background: url("images/buttons/small-btn-palegreen.png") no-repeat left 0;}

/* blue small */
.smallbtn-blue ,button.smallbtn-blue em{background: url("images/buttons/small-btn-blue.png") no-repeat right -25px;}
.smallbtn-blue span {background: url("images/buttons/small-btn-blue.png") no-repeat left 0;}

/* paleblue small */
.smallbtn-paleblue ,button.smallbtn-paleblue em{background: url("images/buttons/small-btn-paleblue.png") no-repeat right -25px;}
.smallbtn-paleblue span {background: url("images/buttons/small-btn-paleblue.png") no-repeat left 0;}

/* red small */
.smallbtn-red,button.smallbtn-red em {background: url("images/buttons/small-btn-red.png") no-repeat right -25px;}
.smallbtn-red span {background: url("images/buttons/small-btn-red.png") no-repeat left 0;}

/* black small */
.smallbtn-black,button.smallbtn-black em {background: url("images/buttons/small-btn-black.png") no-repeat right -25px;}
.smallbtn-black span {background: url("images/buttons/small-btn-black.png") no-repeat left 0;}

/* ============ medium btn =============== */

/* gray medium */
.medbtn-gray,button.medbtn-gray em {background: url("images/buttons/medium-btn-gray.png") no-repeat right -35px;}
.medbtn-gray span {background: url("images/buttons/medium-btn-gray.png") no-repeat left 0;}

/* deepgray medium */
.medbtn-palegray,button.medbtn-palegray em {background: url("images/buttons/medium-btn-deepgray.png") no-repeat right -35px;}
.medbtn-palegray span {background: url("images/buttons/medium-btn-deepgray.png") no-repeat left 0;}

/* orange medium */
.medbtn-orange,button.medbtn-orange em {background: url("images/buttons/medium-btn-orange.png") no-repeat right -35px;}
.medbtn-orange span {background: url("images/buttons/medium-btn-orange.png") no-repeat left 0;}

/* green medium */
.medbtn-green,button.medbtn-green em {background: url("images/buttons/medium-btn-green.png") no-repeat right -35px;}
.medbtn-green span {background: url("images/buttons/medium-btn-green.png") no-repeat left 0;}

/* blue medium */
.medbtn-blue,button.medbtn-blue em {background: url("images/buttons/medium-btn-blue.png") no-repeat right -35px;}
.medbtn-blue span {background: url("images/buttons/medium-btn-blue.png") no-repeat left 0;}

/* red medium */
.medbtn-red,button.medbtn-red em {background: url("images/buttons/medium-btn-red.png") no-repeat right -35px;}
.medbtn-red span {background: url("images/buttons/medium-btn-red.png") no-repeat left 0;}

/* black medium */
.medbtn-deepgray,button.medbtn-deepgray em {background: url("images/buttons/medium-btn-deepgray.png") no-repeat right -35px;}
.medbtn-deepgray span {background: url("images/buttons/medium-btn-deepgray.png") no-repeat left 0;}


/* palegreen medium */
.medbtn-palegreen,button.medbtn-palegreen em {background: url("images/buttons/medium-btn-palegreen.png") no-repeat right -35px;}
.medbtn-palegreen span {background: url("images/buttons/medium-btn-palegreen.png") no-repeat left 0;}

/* yellow medium */
.medbtn-yellow,button.medbtn-yellow em {background: url("images/buttons/medium-btn-yellow.png") no-repeat right -35px;}
.medbtn-yellow span {background: url("images/buttons/medium-btn-yellow.png") no-repeat left 0;}

/* paleblue medium */
.medbtn-paleblue,button.medbtn-paleblue em {background: url("images/buttons/medium-btn-paleblue.png") no-repeat right -35px;}
.medbtn-paleblue span {background: url("images/buttons/medium-btn-paleblue.png") no-repeat left 0;}

/* ============ big btn =============== */
/* gray big */
.bigbtn-gray,button.bigbtn-gray em {background: url("images/buttons/big-btn-gray.png") no-repeat right -44px;}
.bigbtn-gray span {background: url("images/buttons/big-btn-gray.png") no-repeat left 0;}

/* deepgray big */
.bigbtn-deepgray,button.bigbtn-deepgray em {background: url("images/buttons/big-btn-deepgray.png") no-repeat right -44px;}
.bigbtn-deepgray span {background: url("images/buttons/big-btn-deepgray.png") no-repeat left 0;}

/* orange big */
.bigbtn-orange,button.bigbtn-orange em {background: url("images/buttons/big-btn-orange.png") no-repeat right -44px;}
.bigbtn-orange span {background: url("images/buttons/big-btn-orange.png") no-repeat left 0;}

/* yellow big */
.bigbtn-yellow,button.bigbtn-yellow em {background: url("images/buttons/big-btn-yellow.png") no-repeat right -44px;}
.bigbtn-yellow span {background: url("images/buttons/big-btn-yellow.png") no-repeat left 0;}

/* green big */
.bigbtn-green,button.bigbtn-green em {background: url("images/buttons/big-btn-green.png") no-repeat right -44px;}
.bigbtn-green span {background: url("images/buttons/big-btn-green.png") no-repeat left 0;}

/* green big */
.bigbtn-palegreen,button.bigbtn-palegreen em {background: url("images/buttons/big-btn-palegreen.png") no-repeat right -44px;}
.bigbtn-palegreen span {background: url("images/buttons/big-btn-palegreen.png") no-repeat left 0;}

/* blue big */
.bigbtn-blue,button.bigbtn-blue em {background: url("images/buttons/big-btn-blue.png") no-repeat right -44px;}
.bigbtn-blue span {background: url("images/buttons/big-btn-blue.png") no-repeat left 0;}

/* paleblue big */
.bigbtn-paleblue,button.bigbtn-paleblue em {background: url("images/buttons/big-btn-paleblue.png") no-repeat right -44px;}
.bigbtn-paleblue span {background: url("images/buttons/big-btn-paleblue.png") no-repeat left 0;}

/* red big */
.bigbtn-red,button.bigbtn-red em {background: url("images/buttons/big-btn-red.png") no-repeat right -44px;}
.bigbtn-red span {background: url("images/buttons/big-btn-red.png") no-repeat left 0;}


/* ============ btn hover =============== */
.smallbtn:hover,button.smallbtn:hover em {background-position:right -75px;}
.smallbtn:hover span {background-position:left -50px;}

.medbtn:hover,button.medbtn:hover em {background-position:right -105px;}
.medbtn:hover span {background-position:left -70px;}

.bigbtn:hover,button.bigbtn:hover em {background-position:right -132px;}
.bigbtn:hover span {background-position:left -88px;}

/* ============ btn active =============== */
.smallbtn:active,button.smallbtn:active em {background-position:right -125px;}
.smallbtn:active span {background-position:left -100px;}

.medbtn:active,button.medbtn:active em {background-position:right -175px;}
.medbtn:active span {background-position:left -140px;}

.bigbtn:active,button.bigbtn:active em {background-position:right -220px;}
.bigbtn:active span {background-position:left -176px;}

/* ============ submit button=============== */
/*html:not([lang*=""]) button.submit-btn {margin: 0 -3px;}*/
button.submit-btn {border:none;background:none;padding:0;margin:0;width:auto;overflow:visible;text-align:center;white-space:nowrap;}
button.submit-btn span, button.submit-btn em{display:inline-block;margin:0;}
button.submit-btn em{font-style:normal;}

/* ============ button with icons =============== */
.smallbtn ins { text-decoration:none; padding-left:18px;}
.smallbtn ins.cart_black { background:url("images/icon/cart_black_s.png") no-repeat left;}
.smallbtn ins.cart_light { background:url("images/icon/cart_light_s.png") no-repeat left;}

.medbtn ins { text-decoration:none; padding-left:20px;}
.medbtn ins.cart_black { background:url("images/icon/cart_black_m.png") no-repeat left;}
.medbtn ins.cart_light {background:url("images/icon/cart_light_m.png") no-repeat left;}

.bigbtn ins { text-decoration:none; padding-left:30px;}
.bigbtn ins.cart_black { background:url("images/icon/cart_black_b.png") no-repeat left;}
.bigbtn ins.cart_light { background:url("images/icon/cart_light_b.png") no-repeat left;}


/*-------------------------------------
                  table
-------------------------------------*/
/* table basic */
.table-basic {border:1px solid #e4e4e4; background:#fefefe; width:100%;}
.table-basic caption {padding: 0 0 15px 0; font-size:22px; text-align: center;}
.table-basic th { font-weight:bold; background:url(images/table_bg.gif) repeat-x bottom; text-shadow: 1px 1px 1px #fff;}
.table-basic th, .table-basic td {padding:10px 10px 10px;}
.table-basic td,.table-basic th {border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}	
.table-basic tr.odd-row td {background:#FBFBFB;}
.table-basic tr.trhover td {background:#f1f7fe;}
/* table undline */
.table-undline {width:100%;border-top:solid 1px #ddd;}
.table-undline th{background:url(images/table_bg.gif) repeat-x bottom;}
.table-undline th, .table-undline td {padding:10px 10px 10px; border-bottom:dotted 1px #ddd;}
.table-undline tr.last td { border-bottom:none;}
.table-undline th { font-weight:bold;}

/*table css3*/
.table-basic tr:nth-child(2n),.table-undline tr:nth-child(2n) {background:#f8f8f8;}
.table-basic tr:hover td,.table-undline tr:hover td {background:#fffff3;}

/*-------------------------------------
               Form
-------------------------------------*/
/*form layout*/
.form_row:before,.form_row:after{content:"."; display:block; height:0; visibility:hidden;}
.form_row:after{clear:both;}
.form_row{#zoom:1; margin-bottom:15px;}
.form_row .control_label {display:block; float:left; margin-right:5px; padding:6px 0; line-height:16px; width:120px; text-align:right;}
.form_row .controls{ overflow:hidden;#zoom:1;}
.form_row .help-block { margin:8px 0 0; line-height:18px; color:#888;}
.form_row .help-inline { display:inline-block; *display:inline; *zoom:1; padding:5px 0; line-height:18px; color:#888;}

/*form skin*/
.form .textInput,.form .textareaInput,.form .selectInput { margin-right:5px; padding:6px 4px; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:normal; border:solid 1px #ddd; background:#fff url(images/input-bg.png) repeat-x top;}
.form .file_input { margin-top:4px;}
.form .radio { display:inline-block; *display:inline; *zoom:1; line-height:24px; margin-right:15px; margin-top:2px;}
.form .radio input { margin-right:5px;}

.form .blured { color:#999;}
.form .focused { color:#333;}
.form .disabled {background-color:#F6F6F6 !important; cursor: not-allowed;}
.form .error .textInput,.form .error .textareaInput,.form .error p { border-color:#ee5764 !important;; color:#ef3142;}

/*form input width*/
.form .textInput, .form .fileUpload, .form .selectInput,.form .textareaInput {width:95%;}
.form .small { width: 25% !important; }
.form .medium{ width: 50% !important; }
.form .large { width: 75% !important; }


/*form css3*/
.textInput:focus,.textareaInput:focus {border-color:rgba(82, 168, 236, 0.8); outline:0;}
.textInput,.textareaInput {-webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}


/*-------------------------------------
              prompt box
-------------------------------------*/
.prompt {border-radius:4px; margin: 0 0 15px; padding-top:1px; background:#F7F7F7;}
.prompt_content {padding:10px 15px;border-radius:4px; _height:100%; position:relative;}
.prompt_gray {border:1px solid #D4D4D4;}
.prompt_gray .prompt_content {background-color:#F8F8F8;}
.prompt_yellow {border:1px solid #FFE778;}
.prompt_yellow .prompt_content {background-color:#FFF4C0;}
.prompt_green {border:1px solid #bbe7a0;}
.prompt_green .prompt_content {background-color:#e0ffcd;}
.prompt_blue {border:1px solid #c7e2ff;}
.prompt_blue .prompt_content {background-color:#dfeeff;}
.prompt_red {border:1px solid #fea7a7;}
.prompt_red .prompt_content {background-color:#ffcfcf;}
.prompt_purple {border:1px solid #c8c3f2;}
.prompt_purple .prompt_content {background-color:#e5e2ff;}
.prompt_yellow .warningbox,.prompt_green .successbox,.prompt_blue .infobox,.prompt_red .errorbox,.prompt_purple .helpbox { padding:10px 10px 10px 45px; line-height:140%;}
.prompt_yellow .warningbox {background:#FFF4C0 url(images/icon/warning_icon.gif) no-repeat 5px 3px; color:#716113;}
.prompt_green .successbox {background:#e0ffcd url(images/icon/success_icon.gif) no-repeat 5px 3px; color:#3a6e1a;}
.prompt_blue .infobox {background:#dfeeff url(images/icon/info_icon.gif) no-repeat 5px 3px; color:#2273cb;}
.prompt_red .errorbox {background:#ffcfcf url(images/icon/error_icon.gif) no-repeat 5px 3px; color:#771f1f;}
.prompt_purple .helpbox {background:#e5e2ff url(images/icon/help_icon.gif) no-repeat 5px 3px; color:#3b337f;}

a.prompt_cloose { display:block; height:14px; width:14px; line-height:14px; position:absolute; top:5px; right:8px; font-size:14px; font-weight:bold; text-decoration:none; color:#999;}
a.prompt_cloose:hover { color:#666; text-decoration:none; cursor:pointer;}

/*-------------------------------------
              Paging
-------------------------------------*/
.paging {padding:4px; margin:3px; text-align:center;margin-top:15px; clear:both;}
.paging a {background-color:#FFF; color:#777; border:#cacaca 1px solid; margin:0 2px; padding:5px 10px; text-decoration: none; background:url("images/paging.gif") repeat-x top;}
.paging a:hover {border:#cacaca 1px solid; color:#333; background-position:bottom;}
.paging a:active {margin:0 2px; padding:5px 10px; border:#a0a0a0 1px solid;}
.paging .current {margin:0 2px; padding:5px 10px; border:none; color:#06C; font-weight:bold;}
.paging .disabled {margin-right: 2px; padding:5px 10px; border:#f3f3f3 1px solid; color:#ccc;}
.paging .disabled{background-color:#fff !important;background-image:none;color:#ccc;}
.paging .disabled:hover,.paging .disabled:active{color:#ccc;cursor:text;border:#cacaca 1px solid}
.paging input{border:1px solid #dedede;width:30px;padding:5px 10px;margin:0 5px;}

/*-------------------------------------
   Columns
-------------------------------------*/
.column:after {clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0;  min-height: 0; visibility: hidden;*zoom:1;}
.column {width:100%;}
.column .col-2-1,.column .col-3-1,.column .col-4-1,.column .col-4-2,.column .col-5-1,.column .col-3-2,.column .col-4-3,.column .col-5-2,.column .col-5-3,.column .col-5-4{float:left;}
/* default marg-per3 margin right 3% */
.column .col-2-1 {width: 48.5%; margin-right:3%;}
.column .col-3-1 {width: 31.3333%; margin-right:3%;}
.column .col-4-1 {width: 22.75%; margin-right:3%;}
.column .col-5-1 {width: 17.6%; margin-right:3%;}
.column .col-3-2 {width: 65.6666%; margin-right:3%;}
.column .col-4-2 {width: 48.5%; margin-right:3%;}
.column .col-4-3 {width: 74.25%; margin-right:3%;}
.column .col-5-2 {width: 38.2%; margin-right:3%;}
.column .col-5-3 {width: 58.8%; margin-right:3%;}
.column .col-5-4 {width: 79.4%; margin-right:3%;}
/*margin right 0%*/
.marg-per0 .col-2-1 {width: 50%; margin-right:0;}
.marg-per0 .col-3-1 {width: 33.3333%; margin-right:0;}
.marg-per0 .col-4-1 {width: 25%; margin-right:0;}
.marg-per0 .col-5-1 {width: 20%; margin-right:0;}
.marg-per0 .col-3-2 {width: 66.6666%; margin-right:0;}
.marg-per0 .col-4-2 {width: 50%; margin-right:0;}
.marg-per0 .col-4-3 {width: 75%; margin-right:0;}
.marg-per0 .col-5-2 {width: 40%; margin-right:0;}
.marg-per0 .col-5-3 {width: 60%; margin-right:0;}
.marg-per0 .col-5-4 {width: 80%; margin-right:0;}
/*margin right 1%*/
.marg-per1 .col-2-1 {width: 49.5%; margin-right:1%;}
.marg-per1 .col-3-1 {width: 32.6667%; margin-right:1%;}
.marg-per1 .col-4-1 {width: 24.25%; margin-right:1%;}
.marg-per1 .col-5-1 {width: 19.2%; margin-right:1%;}
.marg-per1 .col-3-2 {width: 66.3333%; margin-right:1%;}
.marg-per1 .col-4-2 {width: 49.5%; margin-right:1%;}
.marg-per1 .col-4-3 {width: 74.75%; margin-right:1%;}
.marg-per1 .col-5-2 {width: 39.4%; margin-right:1%;}
.marg-per1 .col-5-3 {width: 59.6%; margin-right:1%;}
.marg-per1 .col-5-4 {width: 79.8%; margin-right:1%;}
/*margin right 2%*/
.marg-per2 .col-2-1 {width: 49%; margin-right:2%;}
.marg-per2 .col-3-1 {width: 32%; margin-right:2%;}
.marg-per2 .col-4-1 {width: 23.5%; margin-right:2%;}
.marg-per2 .col-5-1 {width: 18.4%; margin-right:2%;}
.marg-per2 .col-3-2 {width: 66%; margin-right:2%;}
.marg-per2 .col-4-2 {width: 49%; margin-right:2%;}
.marg-per2 .col-4-3 {width: 74.5%; margin-right:2%;}
.marg-per2 .col-5-2 {width: 38.8%; margin-right:2%;}
.marg-per2 .col-5-3 {width: 59.2%; margin-right:2%;}
.marg-per2 .col-5-4 {width: 79.6%; margin-right:2%;}
/*margin right 4%*/
.marg-per4 .col-2-1 {width: 48%; margin-right:4%;}
.marg-per4 .col-3-1 {width: 30.6667%; margin-right:4%;}
.marg-per4 .col-4-1 {width: 22%; margin-right:4%;}
.marg-per4 .col-5-1 {width: 16.8%; margin-right:4%;}
.marg-per4 .col-3-2 {width: 65.3333%; margin-right:4%;}
.marg-per4 .col-4-2 {width: 48%; margin-right:4%;}
.marg-per4 .col-4-3 {width: 74%; margin-right:4%;}
.marg-per4 .col-5-2 {width: 37.6%; margin-right:4%;}
.marg-per4 .col-5-3 {width: 58.4%; margin-right:4%;}
.marg-per4 .col-5-4 {width: 79.2%; margin-right:4%;}
/*margin right 5%*/
.marg-per5 .col-2-1 {width: 47.5%; margin-right:5%;}
.marg-per5 .col-3-1 {width: 30%; margin-right:5%;}
.marg-per5 .col-4-1 {width: 21.25%; margin-right:5%;}
.marg-per5 .col-5-1 {width: 16%; margin-right:5%;}
.marg-per5 .col-3-2 {width: 65%; margin-right:5%;}
.marg-per5 .col-4-2 {width: 47.5%; margin-right:5%;}
.marg-per5 .col-4-3 {width: 73.75%; margin-right:5%;}
.marg-per5 .col-5-2 {width: 37%; margin-right:5%;}
.marg-per5 .col-5-3 {width: 58%; margin-right:5%;}
.marg-per5 .col-5-4 {width: 79%; margin-right:5%;}
/*last col*/
.column .last,.column .last-col {margin-right:0; *float:right; *clear:right;}


/*-------------------------------------
           margin and padding
-------------------------------------*/
.nomargin { margin:0 !important;}
.margin5 { margin:5px !important;} .margin10 { margin:10px !important;} .margin15 { margin:15px !important;} .margin20 { margin:20px !important;} .margin25 { margin:25px !important;}
.margin_t5 {margin-top:5px !important;} .margin_b5 {margin-bottom:5px !important;} .margin_l5 {margin-left:5px !important;} .margin_r5 {margin-right:5px !important;}
.margin_t10 {margin-top:10px !important;} .margin_b10 {margin-bottom:10px !important;} .margin_l10 {margin-left:10px !important;} .margin_r10 {margin-right:10px !important;}
.margin_t15 {margin-top:15px !important;} .margin_b15 {margin-bottom:15px !important;} .margin_l15 {margin-left:15px !important;} .margin_r15 {margin-right:15px !important;}
.margin_t20 {margin-top:20px !important;} .margin_b20 {margin-bottom:20px !important;} .margin_l20 {margin-left:20px !important;} .margin_r20 {margin-right:20px !important;}
.margin_t25 {margin-top:25px !important;} .margin_b25 {margin-bottom:25px !important;} .margin_l25 {margin-left:25px !important;} .margin_r25 {margin-right:25px !important;}

.nopadding { padding:0 !important;}
.padding5 {padding:5px !important;} .padding10 { padding:10px !important;} .padding15 {padding:15px !important;} .padding20 { padding:20px !important;} .padding25 { padding:25px !important;}
.padding_t5 {padding-top:5px !important;} .padding_b5{padding-bottom:5px !important;} .padding_l5{padding-left:5px !important;} .padding_r5 {padding-right:5px !important;}
.padding_t10{padding-top:10px !important;} .padding_b10{padding-bottom:10px !important;} .padding_l10{padding-left:10px !important;} .padding_r10{padding-right:10px !important;}
.padding_t15{padding-top:15px !important;} .padding_b15{padding-bottom:15px !important;} .padding_1l5{padding-left:15px !important;} .padding_r15{padding-right:15px !important;}
.padding_t20{padding-top:20px !important;} .padding_b20{padding-bottom:20px !important;} .padding_l20{padding-left:20px !important;} .padding_r20{padding-right:20px !important;}
.padding_t25{padding-top:25px !important;} .padding_b25{padding-bottom:25px !important;} .padding_l25{padding-left:25px !important;} .padding_r25{padding-right:25px !important;}

/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{margin:0;padding:0;line-height:0%;font-size:0;}
ul.breadcrumbs li{list-style-type:none;margin:0;padding:0;display:inline-block;*display:inline; /* IE ONLY*/zoom:1;line-height:100%;font-size:14px;}
ul.breadcrumbs li a{display:inline-block;*display:inline;position:relative;padding:5px 15px 5px 5px;font-size:12px;zoom:1;margin:0;background:url(images/icon-arrow-right.png) no-repeat right center;}
ul.breadcrumbs li.last a{color:#333;cursor: default;text-decoration:none;background:none;}
ul.breadcrumbs li.last a:hover{text-decoration:none;}

/*-------------------------------------
           progress
-------------------------------------*/
.progre { border:solid 1px #ddd; border-top:solid 1px #bababa; height:16px; background:url(images/progre_bg.gif) repeat-x top; position:relative;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.progre .progremin { display:block;  height:18px; line-height:18px; position:absolute; left:-1px; top:-1px; background:url(images/progre_bg.gif) repeat-x; text-align:center;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-shadow: 1px 1px 1px #444; color:#FFF;}

.pro_blue .progremin {border-left:solid 1px #1667b4; border-right:solid 1px #1667b4; background-position: 0 -16px;}
.pro_yellow .progremin {border-left:solid 1px #967a02; border-right:solid 1px #967a02; background-position: 0 -34px;}
.pro_green .progremin {border-left:solid 1px #70c031; border-right:solid 1px #70c031; background-position: 0 -52px;}



/*-------------------------------------
           tips
-------------------------------------*/
.tooltip{position:relative; _height:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:2px 2px 5px rgba(125,125,125,0.3);padding:5px 10px; line-height:20px;
 }
/*.tip_content { padding:5px 10px; line-height:20px;}*/
.l_arrow {padding:0; margin:0;}
.arrow{display:block;text-decoration:none;width:0;height:0;font-size:0;line-height:0;overflow:hidden;border-width:10px;	position:absolute;border-color:transparent;border-style:dashed;}
.arrow_inner {border-color:transparent;}

/*left tip*/
.l_arrow .arrow{border-right-style:solid;left:-20px;top:50%;margin-top:-10px;}
.l_arrow .arrow_inner{left:-19px;}

/*right tip*/
.r_arrow .arrow{border-left-style:solid;right:-20px;top:50%;margin-top:-10px;}
.r_arrow .arrow_inner{right:-19px;}

/*top tip*/
.t_arrow .arrow{border-top-style:solid;bottom:-20px;left:50%;margin-left:-10px;}
.t_arrow .arrow_inner{bottom:-19px;}

/*bottom tip*/
.b_arrow .arrow{border-bottom-style:solid;top:-20px;left:50%;margin-left:-10px;}
.b_arrow .arrow_inner{top:-19px;}

/*gray tip*/
.gray_tip { border:solid 1px #ccc; background:#f5f5f5;}
.gray_tip .l_arrow .arrow {border-right-color:#ccc;}
.gray_tip .l_arrow .arrow_inner {border-right-color:#f5f5f5;}
.gray_tip .r_arrow .arrow {border-left-color:#ccc;}
.gray_tip .r_arrow .arrow_inner {border-left-color:#f5f5f5;}
.gray_tip .t_arrow .arrow {border-top-color:#ccc;}
.gray_tip .t_arrow .arrow_inner {border-top-color:#f5f5f5;}
.gray_tip .b_arrow .arrow {border-bottom-color:#ccc;}
.gray_tip .b_arrow .arrow_inner {border-bottom-color:#f5f5f5;}

/*yellow tip*/
.yellow_tip { border:solid 1px #f7c735; background:#ffffaa;}
.yellow_tip .l_arrow .arrow {border-right-color:#f7c735;}
.yellow_tip .l_arrow .arrow_inner {border-right-color:#ffffaa;}
.yellow_tip .r_arrow .arrow {border-left-color:#f7c735;}
.yellow_tip .r_arrow .arrow_inner {border-left-color:#ffffaa;}
.yellow_tip .t_arrow .arrow {border-top-color:#f7c735;}
.yellow_tip .t_arrow .arrow_inner {border-top-color:#ffffaa;}
.yellow_tip .b_arrow .arrow {border-bottom-color:#f7c735;}
.yellow_tip .b_arrow .arrow_inner {border-bottom-color:#ffffaa;}

/*blue tip*/
.blue_tip { border:solid 1px #84a9d6; background:#afd3fc;}
.blue_tip .l_arrow .arrow {border-right-color:#6091cc;}
.blue_tip .l_arrow .arrow_inner {border-right-color:#afd3fc;}
.blue_tip .r_arrow .arrow {border-left-color:#6091cc;}
.blue_tip .r_arrow .arrow_inner {border-left-color:#afd3fc;}
.blue_tip .t_arrow .arrow {border-top-color:#6091cc;}
.blue_tip .t_arrow .arrow_inner {border-top-color:#afd3fc;}
.blue_tip .b_arrow .arrow {border-bottom-color:#6091cc;}
.blue_tip .b_arrow .arrow_inner {border-bottom-color:#afd3fc;}

/*green tip*/
.green_tip { border:solid 1px #bbe0b0; background:#eafee4;}
.green_tip .l_arrow .arrow {border-right-color:#bbe0b0;}
.green_tip .l_arrow .arrow_inner {border-right-color:#eafee4;}
.green_tip .r_arrow .arrow {border-left-color:#bbe0b0;}
.green_tip .r_arrow .arrow_inner {border-left-color:#eafee4;}
.green_tip .t_arrow .arrow {border-top-color:#bbe0b0;}
.green_tip .t_arrow .arrow_inner {border-top-color:#eafee4;}
.green_tip .b_arrow .arrow {border-bottom-color:#bbe0b0;}
.green_tip .b_arrow .arrow_inner {border-bottom-color:#eafee4;}


/*-------------------------------------
               tabs
-------------------------------------*/
.tabs:after {visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;}
.tabs{*zoom:1; border-bottom:1px solid #ddd; padding:0; margin:0; list-style:none;}
.tabs li{ float:left; vertical-align:bottom; margin-right:4px;}
.tabs li a{ position:relative; top:1px; float:left; height:31px; padding-left:15px; background:url(images/tabs_bg.png) 0 0 no-repeat;}
.tabs li a span{ float:left; display:inline; height:31px; font-size:12px; color:#888; line-height:31px; padding-right:15px; background:url(images/tabs_bg.png) right -50px no-repeat; cursor:pointer;}
.tabs li a:hover { background-position:0 -100px; text-decoration:none;}
.tabs li a:hover span{ background-position:right -150px; color:#222;}
.tabs li a.current {height:32px; background-position:0 -100px; top:1px; border-bottom:none;}
.tabs li a.current span{height:32px; line-height:32px; background-position:right -150px; font-weight:bold; color:#333;}
.tabs_content{ margin-bottom:10px; border:1px solid #ddd; border-top:none;}
.tab_box { padding:15px;}

/* accordion */
.accordion {border-bottom:1px solid #ddd;}
.accordion .accordion-tit {background:url(images/tab_bg.jpg) repeat-x top; border:1px solid #D4D4D4; border-bottom:none; _height:100%;}
.accordion .accordion-tit a { background:url(images/icon/acc-plus.gif) no-repeat 10px; display:block; line-height:18px; padding:8px 20px 8px 30px; font-size:12px;color:#777; text-decoration:none;}
.accordion .accordion-tit a:hover { text-decoration:none; color:#333;}
.accordion .accordion-tit.current a {color:#000;background:url(images/icon/acc-reduce.gif) no-repeat 10px; font-weight:bold; }
.accordion .accordion-pane { display:none; background:#fff; border:1px solid #D4D4D4; border-bottom:none; padding:15px;}


/*------------------------------------------------------
  *****************  old common css  *******************
-------------------------------------------------------*/
/* color */
.red{color:#f00 !important;}
a.red{ text-decoration:underline;}
a.red:hover{ color:#ff4e00 !important;}

.green{color:#060 !important;}
a.green{ text-decoration:underline;}
a.green:hover{ color:#009b00 !important;}

.blue{color:#06F !important;}
a.blue{ text-decoration:underline;}
a.blue:hover{ color:#0088ff !important;}

.yellow{color:#FF0 !important;}
a.yellow{ text-decoration:underline;}
a.yellow:hover{ color:#fff !important;}

.gray{color:#999 !important;}
a.gray{ text-decoration:underline;}
a.gray:hover{ color:#666 !important;}

.gray3{color:#333 !important;}
a.gray3{ text-decoration:underline;}
a.gray3:hover{ color:#111 !important;}

.gray6{color:#666 !important;}
a.gray6{ text-decoration:underline;}
a.gray6:hover{ color:#333 !important;}

.orange{color:#F60 !important;}
a.orange{ text-decoration:underline;}
a.orange:hover{ color:#f90 !important;}

.d_red{color:#c41d20 !important;}
a.d_red{ text-decoration:underline;}
a.d_red:hover{ color:#f00 !important;}

.d_blue{ color:#1d77bc !important;}
a.d_blue{ text-decoration:underline;}
a.d_blue:hover{ color:#2491dd !important;}

.brown{ color:#875900 !important;}
a.brown{ text-decoration:underline;}
a.brown:hover{ color:#b47700 !important;}

.top-1,.top_space-1{ margin-top:-1px !important;}
.top5,.top_space5{ margin-top:5px !important;}
.top10,.top_space10{ margin-top:10px !important;}
.top20,.top_space20{ margin-top:20px !important;}
.bottom5{ margin-bottom:5px !important;}
.bottom10{ margin-bottom:10px !important;}
.bottom20{ margin-bottom:20px !important;}
.left5{ margin-left:5px !important;}
.left10{ margin-left:10px !important;}
.left20{ margin-left:20px !important;}
.right5{ margin-right:5px !important;}
.right10{ margin-right:10px !important;}
.right20{ margin-right:20px !important;}

.f12,.font12{font-size:12px !important;}
.f14,.font14{font-size:14px !important;}
.f18,.font18{font-size:18px !important;}
.f21,.font21{font-size:21px !important;}
.indent2{text-indent:2em !important;}
.fl,.float_left{float:left !important;}
.fr,.float_right{float:right !important;}
.yahei{ font-family:Microsoft YaHei,'\5b8b\4f53', sans-serif !important;}

img.wb{ padding:1px; border:1px solid #e1e1e1; background:#fff;}
/*-- buttons --*/
.btn_style01,
.btn_style01 span,
.btn_style01 input{ height:25px; line-height:25px; font-size:12px; color:#324678;}
.btn_style01{ display:inline-block;vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style01 span,
.btn_style01 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style01:hover{ background-position:0 -100px;}
.btn_style01:hover span,
.btn_style01:hover input{ background-position:right -150px; color:#1d77bc;}

.btn_style02,
.btn_style02 span,
.btn_style02 input{ height:25px; line-height:25px; font-size:12px; color:#fff3e6;}
.btn_style02{ display:inline-block; vertical-align:middle; padding-left:10px;background:url(images/btn_nav.png) 0 -200px no-repeat;text-decoration:none !important;}
.btn_style02 span,
.btn_style02 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -250px no-repeat; overflow:visible; cursor:pointer;}
.btn_style02:hover{ background-position:0 -300px;}
.btn_style02:hover span,
.btn_style02:hover input{ background-position:right -350px; color:#fff;}

.btn_style03,
.btn_style03 span,
.btn_style03 input{ height:25px; line-height:25px; font-size:12px; color:#fff0e9;}
.btn_style03{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -400px no-repeat;text-decoration:none !important;}
.btn_style03 span,
.btn_style03 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -450px no-repeat; overflow:visible; cursor:pointer;}
.btn_style03:hover{ background-position:0 -500px;}
.btn_style03:hover span,
.btn_style03:hover input{ background-position:right -550px; color:#fff;}

.btn_style04,
.btn_style04 span,
.btn_style04 input{height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style04{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -600px no-repeat;text-decoration:none !important;}
.btn_style04 span,
.btn_style04 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -650px no-repeat; overflow:visible; cursor:pointer;}
.btn_style04:hover{ background-position:0 -700px;}
.btn_style04:hover span,
.btn_style04:hover input{ background-position:right -750px; color:#1d77bc;}

.btn_style05,
.btn_style05 span,
.btn_style05 input{ height:25px; line-height:25px; font-size:12px; color:#248001;}
.btn_style05{ display:inline-block; height:25px;vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -800px no-repeat;text-decoration:none !important;}
.btn_style05 span,
.btn_style05 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -850px no-repeat; overflow:visible; cursor:pointer;}
.btn_style05:hover{ background-position:0 -900px;}
.btn_style05:hover span,
.btn_style05:hover input{ background-position:right -950px; color:#4a9828;}

.btn_style06,
.btn_style06 span,
.btn_style06 input{height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style06{ display:inline-block; vertical-align:middle; padding-left:20px; background:url(images/btn_nav.png) 0 -1000px no-repeat;text-decoration:none !important;}
.btn_style06 span,
.btn_style06 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1050px no-repeat; overflow:visible; cursor:pointer;}
.btn_style06:hover{ background-position:0 -1100px;}
.btn_style06:hover span,
.btn_style06:hover input{ background-position:right -1150px; color:#1d77bc;}

.btn_style07,
.btn_style07 span,
.btn_style07 input{ height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style07{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav.png) 0 -1200px no-repeat;text-decoration:none !important;}
.btn_style07 span,
.btn_style07 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1250px no-repeat; overflow:visible; cursor:pointer;}
.btn_style07:hover{ background-position:0 -1300px;}
.btn_style07:hover span,
.btn_style07:hover input{ background-position:right -1350px; color:#1d77bc;}

.btn_style08,
.btn_style08 span,
.btn_style08 input{ height:25px; line-height:25px; font-size:12px; color:#333;}
.btn_style08{ display:inline-block; vertical-align:middle; padding-left:20px;background:url(images/btn_nav.png) 0 -1400px no-repeat;text-decoration:none !important;}
.btn_style08 span,
.btn_style08 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav.png) right -1450px no-repeat; overflow:visible; cursor:pointer;}
.btn_style08:hover{ background-position:0 -1500px;}
.btn_style08:hover span,
.btn_style08:hover input{ background-position:right -1550px; color:#1d77bc;}

.btn_style09,
.btn_style09 span,
.btn_style09 input{height:25px; line-height:25px; font-size:12px; color:#edf4fb; }
.btn_style09{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav02.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style09 span,
.btn_style09 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav02.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style09:hover{ background-position:0 -100px;}
.btn_style09:hover span,
.btn_style09:hover input{ background-position:right -150px; color:#fff;}
.btn_style10,
.btn_style10 span,
.btn_style10 input{height:25px; line-height:25px; font-size:12px; color:#f4f8eb; }
.btn_style10{ display:inline-block; vertical-align:middle; padding-left:10px; background:url(images/btn_nav03.png) 0 0 no-repeat;text-decoration:none !important;}
.btn_style10 span,
.btn_style10 input{ float:left; padding-right:10px; border:0; background:url(images/btn_nav03.png) right -50px no-repeat; overflow:visible; cursor:pointer;}
.btn_style10:hover{ background-position:0 -100px;}
.btn_style10:hover span,
.btn_style10:hover input{ background-position:right -150px; color:#fff;}

/*-- static button--*/
.staic_btn_style01{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px;vertical-align:middle; text-align:center;color:#fff2e6; background:url(images/staic_btn_nav.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style01:hover{ background-position:0 -50px; color:#fff;}

.staic_btn_style02{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#474747; background:url(images/staic_btn_nav.png) 0 -100px no-repeat; cursor:pointer;}
.staic_btn_style02:hover{ background-position:0 -150px; color:#1d77bc;}

.staic_btn_style03{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#dceff8; background:url(images/staic_btn_nav2.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style03:hover{ background-position:0 -50px; color:#fff;}

.staic_btn_style04{ display:inline-block; width:138px; height:35px; border:0; font-size:14px; font-weight:bold; line-height:35px; vertical-align:middle; text-align:center;color:#e5eed0; background:url(images/staic_btn_nav3.png) 0 0 no-repeat; cursor:pointer;}
.staic_btn_style04:hover{ background-position:0 -50px; color:#fff;}

/*-- paging --*/
div.quotes {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px 3px 3px; padding-top: 3px; text-align: center; clear:both;}
div.quotes a {background-color:#FFF; border-right: #ddd 1px solid; padding-right: 5px; border-top: #ddd 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #ddd 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #ddd 1px solid; text-decoration: none}
div.quotes a:hover {border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid}
div.quotes a:active {border-right: #a0a0a0 1px solid; padding-right: 5px; border-top: #a0a0a0 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #a0a0a0 1px solid; margin-right: 2px; padding-top: 2px; border-bottom: #a0a0a0 1px solid}
div.quotes span.current {border-right: #e0e0e0 1px solid; padding-right: 5px; border-top: #e0e0e0 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #e0e0e0 1px solid; color: #aaa; margin-right: 2px; padding-top: 2px; border-bottom: #e0e0e0 1px solid; background-color: #f0f0f0}
div.quotes span.disabled {border-right: #f3f3f3 1px solid; padding-right: 5px; border-top: #f3f3f3 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #f3f3f3 1px solid; color: #ccc; margin-right: 2px; padding-top: 2px; border-bottom: #f3f3f3 1px solid}

/*-- slide star --*/
.slide_stars{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative; width:60px; height:12px; font-size:12px; background:url(images/l_star.gif) 0 -20px repeat-x; overflow:hidden;}
.slide_stars .s_star{ float:left;}
.slide_stars .s_star a{ position:absolute; z-index:30; display:block; width:1em; height:1em; font-size:12px; outline:none; text-indent:-999em;}
.slide_stars .s_star a:hover{ background:url(images/l_star.gif) 0 -40px repeat-x;}
.slide_stars .s_star a.st1{left:0;}
.slide_stars .s_star a.st1:hover{ z-index:2;}
.slide_stars .s_star a.st2{left:1em;}
.slide_stars .s_star a.st2:hover{ left:0;z-index:2; width:2em;}
.slide_stars .s_star a.st3{left:2em;}
.slide_stars .s_star a.st3:hover{ left:0;z-index:2; width:3em;}
.slide_stars .s_star a.st4{left:3em;}
.slide_stars .s_star a.st4:hover{ left:0;z-index:2; width:4em;}
.slide_stars .s_star a.st5{left:4em;}
.slide_stars .s_star a.st5:hover{ left:0;z-index:2; width:5em;}
.slide_stars .s_star.current{ position:absolute; left:0; top:0; z-index:1; height:1em; font-size:12px; background:url(images/l_star.gif) 0 0 repeat-x;}
.slide_stars_l{ position:relative;  display:inline-block; *display:inline; *zoom:1; font-size:16px;vertical-align:middle;width:5em; height:1em; background:url(images/star.gif) 0 0 repeat-x;}
.slide_stars_l .s_star{ float:left;}
.slide_stars_l .s_star a{ position:absolute; z-index:30; display:block; width:1em; height:1em; font-size:16px; outline:none; text-indent:-999em;}
.slide_stars_l .s_star a:hover{ background:url(images/star.gif) 0 -16px repeat-x;}
.slide_stars_l .s_star a.st1{left:0;}
.slide_stars_l .s_star a.st1:hover{ z-index:2;}
.slide_stars_l .s_star a.st2{left:1em;}
.slide_stars_l .s_star a.st2:hover{ left:0;z-index:2; width:2em;}
.slide_stars_l .s_star a.st3{left:2em;}
.slide_stars_l .s_star a.st3:hover{ left:0;z-index:2; width:3em;}
.slide_stars_l .s_star a.st4{left:3em;}
.slide_stars_l .s_star a.st4:hover{ left:0;z-index:2; width:4em;}
.slide_stars_l .s_star a.st5{left:4em;}
.slide_stars_l .s_star a.st5:hover{ left:0;z-index:2; width:5em;}
.slide_stars_l .s_star.current{ position:absolute; left:0; top:0; z-index:1; height:1em; font-size:16px; background:url(images/star.gif) 0 -32px repeat-x;}

/*-- table wedget --*/
.general_tb{}
.general_tb th,
.general_tb td{ padding:5px; border:1px solid #d7d7d7;}
.general_tb tbody tr:hover{background:#fffff2;}
.general_tb tr.even{ background:#f8f8f8;}
.general_tb thead th{ height:19px; background:url(images/table_bg.png) 0 bottom repeat-x; color:#7d7c7c; font:12px/1.5em '\5b8b\4f53',sans-serif; white-space:nowrap;}
.general_tb td{ word-break:all;word-wrap:break-all;}
.general_tb0 th,.general_tb0 td{ padding:5px;}
.general_tb5 th,.general_tb5 td{ padding:2px;}

/* general_tb_class */
.general_tb_class th,
.general_tb_class td { border:1px solid #dbe7f4;}
.general_tb_class th { color:#0062A8; padding:20px 5px; background:url(images/table_th_bg.png) left bottom repeat-x; font:bold 12px/1.5em '\5b8b\4f53',sans-serif; white-space:nowrap;}
.general_tb_class td.bevell_list { color:#333; font-size:14px;}
.general_tb_class td { color:#5896C3; font-size:12px; padding:20px 15px; line-height:2em; word-break:all;word-wrap:break-all;}
.general_tb_class td.hasClass,
.general_tb_class td:hover { background:url(images/table_td_bg.png) left bottom repeat-x;}
.general_tb_class th.bevell { padding:0!important;}
.general_tb_class th.bevell .bevellBox { position:relative; padding:0;}
.general_tb_class th.bevell .bevellBox .th_lb { position:absolute; left:10px; top:30px; width:50%;}
.general_tb_class th.bevell .bevellBox .th_rt { position:absolute; top:10px; right:10px; width:50%;}
.general_tb_class th.bevell .bevellBox .line { display:block; width:100%; height:60px}

/*-- form --*/
.small_input,
.medium_input,
.full_input,
.custom_input{ border:1px solid #e1e1e1; padding:6px; font-size:12px; line-height:1.2em; vertical-align:middle; background:url(images/input_bg.png) repeat-x #fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; resize:none;}
.small_input{ width:20%;}
.medium_input{width:50%}
.full_input{ width:97.5%;}

/*-- type select widget --*/
.typeChoice_list{ display:block; zoom:1;}
.typeChoice_list:after{content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.typeChoice_list li{ float:left; display:inline; margin:0 5px 5px 0;}
.typeChoice_list li a{ padding:3px 5px; white-space:nowrap;}
.typeChoice_list li a:hover{ color:#00b7ee;}
.typeChoice_list li.cur a{ background:#00b7ee; color:#fff;}
.typeChoice_list li.cur a:hover{ color:#fff;}

/*-- tag widget --*/
.tagArea{ display:block; height:32px; border-bottom:1px solid #d6d6d6;}
.tagArea .tag_r{ float:right; line-height:32px;}
.tagArea .tag_l{ float:left; line-height:32px;}
.tagList{ float:left;}
.tagList li{ float:left; vertical-align:bottom; margin-right:5px;}
.tagList li a{ position:relative; top:1px; float:left; height:31px; padding-left:10px; border-bottom:1px solid #d6d6d6; background:url(images/tag_nav.png) 0 0 no-repeat;}
.tagList li a span{ float:left; display:inline; height:31px; font-size:12px; color:#888; line-height:31px; padding-right:10px; background:url(images/tag_nav.png) right -50px no-repeat; cursor:pointer;}

.tagList li a:hover { background-position:0 -100px;}
.tagList li a:hover span{ background-position:right -150px; color:#222;}
.tagList li.cur a { border-color:#fff; background-position:0 -100px;}
.tagList li.cur a span{ background-position:right -150px; font-weight:bold; color:#333;}
.tag_content{ margin-bottom:10px;}

/*-- photo text mix --*/
.imgTxt_list{ display:block; zoom:1;}
.imgTxt_list:after{ content:"."; display:block; visibility:hidden; height:0; clear:both;}
.imgTxt_list .ct{ text-align:center;}
.imgTxt_list.hr{ overflow:hidden;}
.imgTxt_list.hr li{ border-bottom:1px dashed #e1e1e1; margin-bottom:-1px;}
.imgTxt_list li{ float:left; width:100%;}
.imgTxt_list li .box{ display:block;zoom:1; padding:5px;}
.imgTxt_list li .box:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.imgTxt_list li .l{ float:left;display:block; margin-right:10px; line-height:1.8em;}
.imgTxt_list li .cnt{display:block; overflow:hidden; zoom:1; line-height:1.8em;}
.imgTxt_list li .s_head{ display:block; height:22px;}
.imgTxt_list li .s_head .h_tl{ float:left; font-size:14px; color:#1d77bc; font-weight:bold; line-height:22px;}
.imgTxt_list li .s_head .h_l{ float:left; line-height:22px;}
.imgTxt_list li .s_head .h_r{ float:right; line-height:22px;}
.part1 li{ width:100% !important;}
.part2 li{ width:50% !important;}
.part3 li{ width:33.33% !important;}
.part4 li{ width:25% !important;}
.part5 li{ width:20% !important;}
.part6 li{ width:16.66% !important;}
.part7 li{ width:14.28% !important;}
.part8 li{ width:12.5% !important;}
.part9 li{ width:11.11% !important;}
.part10 li{ width:10% !important;}

/*-- comments --*/
.review_list{ display:block;}
.review_box{ position:relative; display:block; margin-bottom:10px; zoom:1;}
.review_box:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_box .box_lt{ float:left; margin-right:10px; text-align:center; line-height:1.8em;}
.review_box .box_rt{ position:relative; padding-left:15px; overflow:hidden;zoom:1;}
.review_box .review_tri1{ position:absolute; top:10px; left:0; display:block; width:15px; height:30px; font-style:normal; font-size:30px; line-height:1em; color:#cfe4f1; overflow:hidden;}
.review_box .review_tri2{ position:absolute; top:10px; left:1px; display:block; width:15px; height:30px; font-style:normal; font-size:30px; line-height:1em; color:#f4f9ff; overflow:hidden;}
.review_main{ padding:5px; min-height:70px; height:auto !important; height:70px; color:#474747; font-size:14px; border:1px solid #cfe4f1; background:#f4f9ff;}
.review_head{ display:block; line-height:1.8em; border-bottom:1px dashed #e1e1e1; zoom:1;}
.review_head:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_head .h_l{ float:left; line-height:1.8em;}
.review_head .h_r{ float:right; line-height:1.8em;}
.review_foot{ display:block; padding-top:5px; line-height:1.2em; border-top:1px dashed #e1e1e1; zoom:1;}
.review_foot:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.review_foot .f_l{ float:left; line-height:1.2em;}
.review_foot .f_r{ float:right; line-height:1.2em;}
.review_content{ line-height:1.5em; word-break:break-all; word-wrap:break-word;}
.review_content p{ font-size:14px;}

/*-- list wedget --*/
.general_list{ display:block; font-size:14px; line-height:1.5em;}
.general_list a{ font-size:14px; line-height:1.5em;}
.general_list.nb li{ border-bottom:0 !important;}
.general_list.f12 a{ font-size:12px;}
.general_list.f12 .dot{ margin-top:7px !important;}
.general_list.f12 .tri{ margin-top:2px !important;}
.general_list a:hover{}
.general_list li{ vertical-align:bottom; padding:5px 0; border-bottom:1px dashed #e1e1e1; zoom:1;}
.general_list li:after{ content:"."; visibility:hidden; display:block; height:0; clear:both; overflow:hidden;}
.general_list li .list_main{ display:block; float:left;}
.general_list li .list_l{ float:left; overflow:hidden;}
.general_list li .list_r{ float:right; display:inline; margin-left:10px; font:14px/1.5em;}
.general_list li .tri{ float:left; display:inline; width:0.5em; margin:0px 5px 0 0; color:#474747; font-style:normal; font-size:12px; text-indent:-0.5em; overflow:hidden;}
.general_list li .dot{ float:left; display:inline; margin:9px 5px 0 0; width:3px; height:3px; background:#474747; overflow:hidden;}

.blank_list{ display:block; zoom:1; overflow:hidden;}
.blank_list:after{ content:"."; display:block; visibility:hidden; height:0 ; clear:both; overflow:hidden;}
.blank_list li{ float:left; display:inline; height:1em; padding-left:10px;  margin:0 10px 10px -1px; line-height:1.2em; border-left:1px solid #e1e1e1; white-space:nowrap;}

/*-- article module --*/
.article_area{ display:block;}
.article_tl{ text-align:center; font:21px/1.5em Microsoft YaHei,sans-serif;margin-bottom:10px;}
.article_info{ text-align:center; color:#474747; margin-bottom:10px;}
.article_info small{ color:#999; font-size:12px;}
.article_intro{ margin-bottom:10px; padding:10px; border:1px solid #e1e1e1; color:#999;}
.article_content p{ margin:10px 0; line-height:1.8em; font-size:14px; word-break:break-all; word-wrap:break-word;}
.article_content ol{ list-style:decimal; line-height:1.8em; margin:0 0 15px 30px; font-size:14px; }
.article_content li{ margin:10px 0;}
.article_content ol li{ list-style:decimal;}
.article_content ul{ list-style:disc; line-height:1.8em; margin:0 0 15px 30px;font-size:14px; }
.article_content ul li{ list-style:disc;}
.article_content h1,
.article_content h2,
.article_content h3,
.article_content h4,
.article_content h5,
.article_content h6{ font-family:Arial,Microsoft YaHei,'\5b8b\4f53',sans-serif;}
.article_content h1{ font-size:21px;}
.article_content h2{ font-size:18px;}
.article_content h3{ font-size:16px;}
.article_content h4{ font-size:14px;}
.article_content h5{ font-size:14px;}
.article_content h6{ font-size:14px;}
.article_content a{ text-decoration:underline; color:#1d77bc;}
.article_content a:hover{ color:#00a0e9; text-decoration:underline;}
.article_content table{ margin-bottom:1.5em;}
.article_content table th,
.article_content table td{ padding:10px; border:1px solid #e1e1e1;}
.article_content table thead th,
.article_content table thead td{ background:#f8fbfd; background:-moz-linear-gradient(50% 0 -90deg,#ffffff,#e4edf5); background:-webkit-gradient(linear,0 50%,0 100%,from(#ffffff),to(#e4edf5)); border-bottom:2px solid #c9dbee;}

.article_list{ display:block; margin-bottom:10px; line-height:1.8em;}
.article_list li{ color:#999;}
.article_toolbar_area{ display:block; word-spacing:20px; margin-bottom:10px; text-align:right;}
.article_toolbar_area .sc,
.article_toolbar_area .tc,
.article_toolbar_area .tj,
.article_toolbar_area .dy{ padding-left:20px; background:url(images/article_tool_nav.png) no-repeat;}
.article_toolbar_area .sc{ background-position:0 0;}
.article_toolbar_area .tc{ background-position:0 -50px;}
.article_toolbar_area .tj{ background-position:0 -100px;}
.article_toolbar_area .dy{ background-position:0 -150px;}
.article_user_effArea{ display:block;  margin-bottom:10px; text-align:center;}
.article_dingArea{ display:inline-block; width:172px; height:42px; color:#474747; margin:0 5px; padding:7px 10px; background:url(images/dc_nav.png) no-repeat;}
.article_dingArea:hover{ background-position:0 -100px; color:#474747;}
.article_dingArea .t1{ display:block; padding-left:20px; font-size:14px; color:#cc3300; text-align:left;}
.article_dingArea .t2{ display:block; text-align:left;}
.article_dingArea .rate_bar{ display:inline-block; width:102px; height:7px; font-size:0; line-height:0; margin:0 -1px; padding:0 1px; background:#eee;}
.article_dingArea .rate_bar i{ float:left; width:10%; height:5px; font-size:0; line-height:0; border:1px solid #e37f24; background:#ffc535;}

.article_caiArea{ display:inline-block; width:172px; height:42px; color:#474747; margin:0 5px; padding:7px 10px; background:url(images/dc_nav.png) 0 -200px no-repeat;}
.article_caiArea:hover{ background-position:0 -300px; color:#474747;}
.article_caiArea .t1{ display:block; padding-left:20px; font-size:14px; color:#3366cc; text-align:left;}
.article_caiArea .t2{ display:block; text-align:left;}
.article_caiArea .rate_bar{ display:inline-block; width:102px; height:7px; font-size:0; line-height:0; margin:0 -1px; padding:0 1px; background:#eee;}
.article_caiArea .rate_bar i{ float:left; width:10%; height:5px; font-size:0; line-height:0; border:1px solid #689acc; background:#94c0e4;}

.article_boxoff{ height:10px; margin-bottom:10px; background:url(images/boxoff.gif) 0 5px repeat-x; overflow:hidden;}
.article_boxoff i{ float:left; width:10px; height:10px; text-indent:-999em; background:url(images/boxoff.gif) 0 -10px no-repeat; overflow:hidden;}

/*-- article comments --*/
.article_comment{ margin-bottom:10px;}
.article_comment_head{ position:relative; width:100%;}
.article_comment_head .h_lt,
.article_comment_head .h_rt,
.article_comment_head .h_ct,
.article_comment_head .h_tl,
.article_comment_head .h_l,
.article_comment_head .h_r{ height:26px; line-height:26px;}
.article_comment_head .h_lt{ position:absolute; left:0; top:0; width:10px; background:url(images/article_comment_nav.png) no-repeat;}
.article_comment_head .h_rt{ position:absolute; right:0; top:0; width:10px; background:url(images/article_comment_nav.png) right 0 no-repeat;}
.article_comment_head .h_ct{ margin:0 10px; background:url(images/article_comment_nav.png) 0 -50px repeat-x;}
.article_comment_head .h_tl{float:left; font-size:14px; color:#333;}
.article_comment_head .h_l{ float:left;}
.article_comment_head .h_r{ float:right;}
.article_comment_content{ padding:10px;  border-left:1px solid #c0cfd6; border-right:1px solid #c0cfd6; border-bottom:1px solid #c0cfd6;background:#fff;}
.article_comment_list{ overflow:hidden;}
.article_comment_list .comment_box{ padding:10px 0; margin-bottom:-1px;  border-bottom:1px solid #e1e1e1; vertical-align:bottom; zoom:1;}
.article_comment_list .box_head,
.article_comment_list .box_head .h_l,
.article_comment_list .box_head .h_r{ height:1.8em; line-height:1.8em;}
.article_comment_list .box_head .h_l{ float:left;}
.article_comment_list .box_head .h_r{ float:right; color:gray;}

.face01_icon,
.face02_icon,
.face03_icon,
.face04_icon,
.face05_icon,
.face06_icon,
.face07_icon{ display:inline-block; vertical-align:middle; width:18px; height:18px; overflow:hidden; background:url(images/face_nav.png) no-repeat;}
.face01_icon{ background-position:0 0;}
.face02_icon{ background-position:0 -50px;}
.face03_icon{ background-position:0 -100px;}
.face04_icon{ background-position:0 -150px;}
.face05_icon{ background-position:0 -200px;}
.face06_icon{ background-position:0 -250px;}
.face07_icon{ background-position:0 -300px;}

.td_icon_good,
.td_icon_bad,
.td_icon_nav{ display:inline-block; vertical-align:middle; width:13px; height:13px; overflow:hidden; background:url(images/td_nav.png) no-repeat;}
.td_icon_good{ background-position:0 0;}
.td_icon_bad{ background-position:0 -50px;}
.td_icon_nav{ background-position:0 -100px;}

.article_issue_textrea{margin-bottom:10px; zoom:1;}
.article_issue_textrea blockquote{width:100%; padding:0; margin:0; background:none; font-size:12px; float:none;}
.article_issue_textrea .fix{ padding:0 4px;}
.article_issue_textrea textarea{ width:100%; margin:0 -4px;}

.issue_block{ zoom:1; margin-bottom:10px;}
.issue_block:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}

.light_tips_area{ margin-bottom:10px; padding:5px 5px 5px 25px; border:1px solid #e7c572; background:url(images/light_icon.png) 5px 5px no-repeat #fffef2;}

.noscript{ padding:5px 5px 5px 25px; border:1px solid #e7c572; background:url(images/no_script.png) 5px 5px no-repeat #fdf9ca;}

/*-- left layout --*/
.left_layout{zoom:1;}
.left_layout:after{ content:"."; display:block; height:0; clear:both; overflow:hidden;}
.left_layout .side{ float:left; display:inline; margin-right:10px; _margin-right:7px;}
.left_layout .main{ display:block; overflow:hidden; zoom:1;}

/*-- right layout --*/
.right_layout{ zoom:1;}
.right_layout:after{ content:"."; display:block; height:0;clear:both;overflow:hidden;}
.right_layout .side{ float:right; display:inline; margin-left:10px; _margin-left:7px;}
.right_layout .main{ display:block; overflow:hidden; zoom:1;}

/*-- 学习进度条 --*/
.progress {position:relative;height:12px;margin-left:10px;line-height:0;font-size:0;background:url(images/progress.png) 0 0 repeat-x;border:1px solid #ccc;z-index:2;}
.progressMin {position:absolute;left:0;top:0;height:12px;line-height:0;font-size:0;background:url(images/progress.png) 0 -12px repeat-x;}
.progressMin .tipPointer {position:absolute;right:-5px;top:18px;display:block;width:11px;height:11px;background:url(images/progress-tip.png) 0 0 no-repeat;}
.progressPro {position:absolute;left:0;top:0;height:12px;line-height:0;font-size:0;background:url(images/progress.png) 0 -24px repeat-x;}
.progressProNum {position:absolute;right:-52px;top:-4px;font:400 18px/1.2em arial;color:#00497c;}
.progressTip {position:relative;margin-top:15px;z-index:1;}
.progressTip .ctx {padding:5px;line-height:1.5em;background-color:#fefedc;border:1px solid #cfcab4;color:#474747;}
.topLeft_head,
.topRight_head,
.bottomRight_head,
.bottomLeft_head{position:absolute;width:3px;height:3px;display:block;background:url(images/progress-tip.png) no-repeat;overflow:hidden;} 
.topLeft_head{top:0;left:0;background-position:0 -12px;}
.topRight_head{top:0;right:0;background-position:right -12px;}
.bottomRight_head{bottom:0;right:0;background-position:right -17px;}
.bottomLeft_head{bottom:0;left:0;background-position:left -17px;}

/*-- 双飞翼布局 --*/
.wingarea{zoom:1; }
.wingarea:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
.wing_main{ float:left; width:100%;}
.wing_main_content{ margin-left:200px; margin-right:240px;}
.wing_side{ float:left; width:230px; margin-left:-230px;}
.wing_extra{ float:left; width:190px; margin-left:-100%; }

/*通栏模板*/
.wing_part1 .wing_main_content{ margin-left:0; margin-right:0;}
/*二栏(左侧栏)*/
.wing_part2_l .wing_main_content{ margin-right:0; margin-left: 400px; margin-top: 45px;}
/*二栏(右侧栏)*/
.wing_part2_r .wing_main_content{ margin-left:0;}

/*--//双飞翼布局--*/

/*--图片缩放效果（仅支持Chrome、FF、ie9+）--*/
.img_scale a{ display:inline-block; width:100%; height:100%;  overflow:hidden; }
.img_scale img {width:100%;height:auto;-webkit-transition: all ease .3s;transition: all ease .3s;}
.img_scale img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
/*-- //图片缩放效果--*/
a:hover{cursor: pointer;}

/*密码重置弹窗*/
.Password_Reset_mask{height:100%; width:100%; position: fixed; left: 0; top:0; display:table; background:rgba(0,0,0,.8); z-index:101; -webkit-transition:all .3s; transition:all .3s;}
.Password_Reset_mask_ctn{display:table-cell; vertical-align:middle; text-align:center;}
.Password_Reset,.Reset_success{width: 900px; height: 580px; background: #fff; margin: 0 auto; border-radius: 10px;}
.Password_Reset h2{font-size: 30px; padding-top: 50px; line-height: 48px; padding-bottom: 20px;    font-weight: normal;}
.Password_Reset h2 i{width: 32px; height: 32px; background: url(images/Reset_icon.png) no-repeat;display: inline-block; vertical-align: middle;  margin-right: 15px;}
.Password_Reset .pass_warn,.Reset_success .pass_warn{background: #ffe7e8; color: #b71b2c; font-size: 14px; width: 740px; line-height: 24px; padding: 10px 0; text-align: center; border-radius: 10px;display: inline-block; margin: 0 auto 50px;}
.Password_Reset .pass_item label{font-size: 16px; line-height: 30px; color: #666;}
.Password_Reset .pass_item input{width: 380px; height: 40px; border: 1px solid #e1e1e3; padding-left: 10px;}
.Password_Reset .pw-strength{margin-left: 311px; text-align: left;position: relative;    width: 290px; margin-top: 18px; margin-bottom: 10px;}
.Password_Reset .pw-bar{background: url(images/pwd-1.png) no-repeat;height: 6px;overflow: hidden;width: 290px;}
.Password_Reset .pw-bar-on{background:  url(images/pwd-2.png) no-repeat; width:0px; height:6px;position: absolute;top: 0px;left: 0px;transition: width .5s ease-in;-moz-transition: width .5s ease-in;-webkit-transition: width .5s ease-in;-o-transition: width .5s ease-in; margin-bottom: 10px;}
.Password_Reset .tip{color: #b71b2b; line-height: 40px; height: 40px;}
.pw-weak .pw-defule{ width:0px;}
.pw-weak .pw-bar-on {width: 90px;}
.pw-medium .pw-bar-on {width: 190px;}
.pw-strong .pw-bar-on {width: 290px;}
.pw-txt {padding-top: 2px;width: 300px;overflow: hidden;}
.pw-txt span {color: #666;float: left;font-size: 16px;text-align: center;width: 90px;margin-right: 10px;}
.Password_Reset_btn{background: #b71b2b; width: 300px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; display: inline-block; margin: 0 auto; color: #fff; border-radius: 10px; margin-top: 35px; text-decoration: none;}
.Password_Reset_btn:hover{background:#9e1927;}
.Reset_success img{padding-top: 95px;}
.Reset_success h2{font-size: 30px; padding-top: 20px; line-height: 48px; padding-bottom: 40px;    font-weight: normal;}

/*404*/
.not-found{text-align: center; padding-top: 60px;}
.not-found p{font-size: 36px; color: #333; font-weight: 600;}
.not-found a{color:#3dabff; font-size: 16px; text-decoration: underline;}






div.zxf_pagediv{
	text-align: center;
	color: #333333;
	padding: 20px 20px 40px 0;
}
div.zxf_pagediv a{
	text-decoration: none;
	
}
div.zxf_pagediv span,div.zxf_pagediv a{
	display: inline-block;
	box-sizing: border-box;
}
.current{
	color: #ffffff!important;
	background: #FF3333;
	width: 52px;
	height: 31px;
	line-height: 31px;
	border-radius: 3px;
}
.zxfPagenum{
	color: #666;
	background: #fff;
	width: 52px;
	height: 31px;
	line-height: 31px;
	margin: 0 5px;
	border-radius: 3px;
}
.nextpage{

	margin: 0 5px;
}

.nextbtn,.prebtn,span.disabled{
	color: #666;
	background: #fff;
	width: 52px;
	height: 31px;
	line-height: 31px;
	border-radius: 3px;
}
.zxfinput{
	width: 42px;
	height: 31px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #E6E6E6;
	margin: 0 12px;
	border-radius: 3px;
	color: #666;
}
.zxfokbtn{
    color: #999999;
	width: 48px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #E6E6E6;
	margin-left: 10px;
	cursor:pointer;
	border-radius: 3px;
    background:rgba(238,239,241,1);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.totalCount{
    margin-right: 21px;
}
.totalPage{
    margin-left: 15px;
}









.com-fl {
    float: left;
  }
  .com-fr {
    float: right;
  }
  .bottomlink {
    border-bottom: 1px solid #dddddd;
  }
  .com-cf {
    display: block;
    zoom: 1;
  }
  .com-cf .futureorderimg {
    width: 100%;
    height: 150px;
    object-fit: cover;
  }
  .com-cf .futureorderli {
    padding: 15px 15px 33px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .com-cf:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .border_line {
    border-bottom: 1px solid #DDDDDD;
  }
  a {
    text-decoration: none;
    color: #3e3a39;
  }
  a:hover {
    color: #c82620;
  }
  .animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  @-webkit-keyframes zoomBig {
    100% {
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
    }
  }
  @keyframes zoomBig {
    100% {
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
    }
  }
  @-webkit-keyframes fadeInUp {
    to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  @keyframes fadeInUp {
    to {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
  /*初始化样式*/
  .star_evaluate {
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 15px;
    background: url("../images/icon-star-default.png") repeat-x;
    background-size: 17px 14px;
    overflow: hidden;
    top: 192px;
    left: 14px;
  }
  .star_evaluate .star,
  .star_evaluate .score {
    display: block;
    height: 14px;
    width: 17px;
    position: absolute;
    top: 0;
  }
  .star_evaluate .star {
    z-index: 2;
  }
  .star_evaluate .score {
    opacity: 0;
  }
  .star_evaluate .star_1,
  .star_evaluate .score_1 {
    left: 0;
  }
  .star_evaluate .star_2,
  .star_evaluate .score_2 {
    left: 17px;
  }
  .star_evaluate .star_3,
  .star_evaluate .score_3 {
    left: 34px;
  }
  .star_evaluate .star_4,
  .star_evaluate .score_4 {
    left: 51px;
  }
  .star_evaluate .star_5,
  .star_evaluate .score_5 {
    left: 68px;
  }
  .star_evaluate .star:hover {
    cursor: pointer;
    background: url("../images/icon-star-active.png") repeat-x;
    background-size: 17px 14px;
    left: 0;
    z-index: 1;
  }
  .star_evaluate .star_1:hover {
    width: 17px;
  }
  .star_evaluate .star_2:hover {
    width: 34px;
  }
  .star_evaluate .star_3:hover {
    width: 51px;
  }
  .star_evaluate .star_4:hover {
    width: 68px;
  }
  .star_evaluate .star_5:hover {
    width: 85px;
  }
  .star_evaluate .score:checked + .star {
    background: url("../images/icon-star-active.png") repeat-x;
    background-size: 17px 14px;
    left: 0;
  }
  .wrap {
    margin: 24px 0px;
    display: flex;
    justify-content: space-between;
  }
  .parent {
    height: 40px;
    overflow: hidden;
    background: #ffffff;
    display: initial;
    margin-left: 0px;
  }
  .parent select {
    color: #999999;
    margin-left: 15px;
    border: 1px solid #CCCCCC;
    padding-left: 10px;
    width: 137px;
    height: 100%;
    border-radius: 0px;
    line-height: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
  }
  #time {
    background: url("../images/date.png") no-repeat scroll right 7px center transparent;
    background-size: 19px 19px;
  }
  .form-control {
    display: inline-block;
    padding: 6px 12px;
    *padding-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #fff;
  }
  .container {
    width: 100%;
    background-color: #fff;
    font-family: "微软雅黑";
    color: #595757;
    font-size: 14px;
  }
  .container .topbarBg {
    background-color: #f8f8f8;
  }
  .container .topbar {
    width: 1200px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
  }
  .container .topbar .com-fl {
    font-size: 12px;
  }
  .container .topbar .com-fl span {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
  }
  .container .topbar .com-fl span:first-child {
    background-image: url(../images/logo-01.png);
    background-size: 40px 13px;
    padding-left: 43px;
  }
  .container .topbar .com-fl .tEBtn {
    cursor: pointer;
    background-image: url("../images/logo-bus.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-size: auto;
  }
  .container .topbar .com-fl .tEBtn:hover {
    color: #c9151e;
  }
  .container .topbar .com-fr {
    font-size: 14px;
    font-weight: 500;
  }
  .container .topbar .com-fr span {
    margin-left: 15px;
  }
  .container .topbar .com-fr a {
    text-decoration: none;
    color: #595757;
    font-weight: 600;
    margin-left: 15px;
  }
  .container .topbar .com-fr a:first-child {
    color: #c9151e;
  }
  .container .topbar img {
    vertical-align: middle;
  }
  .container .topbar .business {
    width: 1200px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    z-index: 4;
  }
  .container .topbar .business .triangle {
    position: absolute;
    top: -12px;
    left: 155px;
  }
  .container .topbar .business ul {
    width: 930px;
    height: 160px;
    background-color: #fff;
    float: left;
    box-shadow: 0 4px 10px #999;
    padding: 20px;
  }
  .container .topbar .business ul li {
    float: left;
    width: 304px;
    height: 80px;
    position: relative;
    border: 1px solid transparent;
    cursor: pointer;
  }
  .container .topbar .business ul li img {
    padding: 15px 15px 0 20px;
  }
  .container .topbar .business ul li span {
    position: absolute;
    font-size: 14px;
    color: #666;
    top: 10px;
  }
  .container .topbar .business ul li span:last-child {
    color: #999;
    top: 32px;
  }
  .container .topbar .business ul li:hover {
    border: 1px solid #ddd;
    box-shadow: 0 4px 10px #ddd;
  }
  .container .header header {
    width: 1200px;
    margin: 0 auto;
    height: 55px;
    padding: 30px 0;
  }
  .container .header header span {
    color: #c82620;
    display: inline-block;
    line-height: 55px;
  }
  .container .header header span:first-child {
    font-size: 26px;
    padding-left: 180px;
    background-image: url(../images/logo.png);
    background-position: top left;
    background-repeat: no-repeat;
  }
  .container .header header span:first-child strong {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    font-weight: 500;
  }
  .container .header header span:last-child {
    padding-left: 20px;
  }
  .container .header header span:last-child a {
    color: #595757;
    padding-left: 5px;
  }
  .container .header header .com-fr {
    padding: 8px 0;
  }
  .container .header header .com-fr a:first-child {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background-color: #f8f8f8;
    padding: 0 10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #e6e6e6;
    border-right: none;
    color: #595757;
  }
  .container .header header .com-fr a:first-child img {
    margin-left: 5px;
  }
  .container .header header .com-fr a:last-child {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    background-color: #ff6666;
    padding: 0 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .container .header header .com-fr a:last-child img {
    vertical-align: middle;
  }
  .container .header header .com-fr input {
    width: 200px;
  }
  .container .header nav {
    background-color: #cc3333;
    height: 50px;
    line-height: 50px;
  }
  .container .header nav ul {
    width: 1200px;
    margin: 0 auto;
  }
  .container .header nav ul li {
    float: left;
    font-size: 18px;
  }
  .container .header nav ul li a {
    display: block;
    color: #fff;
    width: 125px;
    text-align: center;
  }
  .container .header nav ul li.on,
  .container .header nav ul li:hover {
    background-color: #cc0000;
  }
  .container .header nav ul li:last-child {
    float: right;
    font-size: 14px;
  }
  .container .header nav ul li:last-child a {
    color: #ffcccc;
  }
  .container .header nav ul li:last-child a img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .container .trainSlider {
    width: 1200px;
    margin: 30px auto;
  }
  .container .trainSlider .trainSliderCon {
    width: 345px;
    height: 560px;
    box-shadow: 0 4px 10px #ddd;
    padding: 10px;
  }
  .container .trainSlider .trainSliderCon h5 {
    font-size: 14px;
    color: #3e3a39;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
  }
  .container .trainSlider .trainSliderCon h5 span {
    padding: 10px 10px 11px 0;
    border-bottom: 2px solid #c82620;
  }
  .container .trainSlider .trainSliderCon h5 small,
  .container .trainSlider .trainSliderCon h5 a {
    font-size: 18px;
    color: #999;
    font-weight: 600;
  }
  .container .trainSlider .trainSliderCon h5 a {
    float: right;
    color: #c82620;
  }
  .container .trainSlider .trainSliderCon h5 img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .container .trainSlider .trainSliderCon ul {
    position: relative;
  }
  .container .trainSlider .trainSliderCon ul li {
    color: #777;
    border-bottom: 1px dashed #e6e6e6;
    padding: 5px 0;
    display: block;
    zoom: 1;
  }
  .container .trainSlider .trainSliderCon ul li:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .container .trainSlider .trainSliderCon ul li b {
    display: inline-block;
    width: 80px;
    float: left;
  }
  .container .trainSlider .trainSliderCon ul li span {
    display: inline-block;
    width: 250px;
    float: left;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover {
    position: absolute;
    top: -52px;
    left: 355px;
    width: 0px;
    height: 257px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 60px 0;
    opacity: 0;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 28px 0px;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover .leftBorder {
    position: absolute;
    width: 15px;
    height: 52px;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    top: 40px;
    left: -15px;
    background-color: #fff;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover .com-fl p {
    overflow: hidden;
    border-bottom: 1px dashed #e6e6e6;
    margin: 0 30px;
    line-height: 30px;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover .com-fl p span:first-child {
    width: 80px;
    color: #3e3a39;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover .com-fl p span:last-child {
    width: 690px;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover p.com-fr {
    float: right;
    width: 154px;
    border-left: 1px solid #ddd;
  }
  .container .trainSlider .trainSliderCon ul li .trainHover p.com-fr a {
    width: 134px;
    padding-left: 20px;
  }
  .container .trainSlider .trainSliderCon h5:nth-of-type(2) span {
    border-bottom-color: #69ba34;
  }
  .container .trainSlider .trainSliderCon h5:nth-of-type(2) a {
    float: right;
    color: #69ba34;
  }
  .container .trainSlider .trainSliderCon h5:nth-of-type(3) span {
    border-bottom-color: #13c2e1;
  }
  .container .trainSlider .trainSliderCon p {
    margin-top: 10px;
  }
  .container .trainSlider .trainSliderCon p a {
    display: inline-block;
    color: #777;
    margin: 0 8px;
    line-height: 30px;
  }
  .container .trainSlider .trainSliderCon p a.on,
  .container .trainSlider .trainSliderCon p a:hover {
    color: #c82620;
  }
  .container .trainSlider .trainSliderCon:hover p .trainSliderCona {
    color: #c82620;
  }
  .container .trainSlider .picFocus {
    margin: 0 auto;
    width: 815px;
    height: 580px;
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    zoom: 1;
  }
  .container .trainSlider .picFocus .hd {
    width: 815px;
    height: 104px;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .container .trainSlider .picFocus .hd ul {
    overflow: hidden;
    zoom: 1;
    padding: 10px 17px;
  }
  .container .trainSlider .picFocus .hd ul li {
    padding-top: 5px;
    float: left;
    text-align: center;
    margin: 0 8px;
  }
  .container .trainSlider .picFocus .hd ul li div {
    opacity: 0.7;
  }
  .container .trainSlider .picFocus .hd ul li.on div {
    border-bottom: 5px solid #c82620;
    opacity: 1;
  }
  .container .trainSlider .picFocus .bd {
    position: absolute;
  }
  .container .trainSlider .picFocus .bd li {
    vertical-align: middle;
    position: relative;
  }
  .container .trainSlider .picFocus .bd li .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 104px;
    left: 0;
    background-color: rgba(170, 8, 2, 0.64);
    width: 775px;
    height: 64px;
    z-index: 2;
    color: #fff;
    padding: 20px;
  }
  .container .trainSlider .picFocus .bd li .title p {
    margin-top: 10px;
  }
  .container .trainSlider .picFocus .bd li .title p span {
    margin-left: 10px;
  }
  .container .trainSlider .picFocus .bd li .title p span:last-child {
    margin-left: 20px;
  }
  .container .trainSlider .picFocus .bd li .title h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .container .trainSlider .picFocus .bd img {
    width: 815px;
    height: 580px;
    display: block;
  }
  .container .trainSlider .picFocus .bd .bdBgImg {
    position: absolute;
    bottom: 103px;
    right: 0px;
    transform: translate(0%, 0%);
    width: 174px;
    height: 226px;
  }
  .container .trainingSeries {
    background-color: #f7f8f8;
    padding-top: 40px;
  }
  .container .trainingSeries h2,
  .container .trainingSeries h4 {
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
  }
  .container .trainState {
    width: 1200px;
    margin: 40px auto 0;
  }
  .container .trainState h5 {
    padding: 30px 0 20px;
  }
  .container .trainState h5 b {
    display: block;
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
  }
  .container .trainState h5 p {
    color: #666;
    font-size: 14px;
    width: 1000px;
  }
  .container .trainState h5 p span {
    font-weight: 500;
    padding: 0 10px;
  }
  .container .trainState h5 p span:last-child {
    border-right: none;
  }
  .container .trainState h5 p span:hover,
  .container .trainState h5 p span.on {
    color: #c82620;
  }
  .container .trainState h5 a {
    color: #999;
    font-size: 14px;
  }
  .container .trainState h5 a:hover,
  .container .trainState h5 a.on {
    color: #c82620;
  }
  .container .trainState ul li {
    float: left;
    width: 260px;
    padding: 15px;
    border: 1px solid transparent;
    margin-right: 10px;
    position: relative;
  }
  .container .trainState ul li a {
    display: block;
    width: 259px;
    height: 150px;
    overflow: hidden;
  }
  .container .trainState ul li p:first-child {
    color: #3e3a39;
    font-size: 16px;
  }
  .container .trainState ul li p:nth-of-type(2) {
    font-size: 12px;
    color: #999;
  }
  .container .trainState ul li p:nth-of-type(2) span:last-child {
    float: right;
    padding-left: 12px;
    background-image: url("../images/location.png");
    background-position: center left;
    background-repeat: no-repeat;
  }
  .container .trainState ul li .newSeries,
  .container .trainState ul li .hotSeries {
    width: 61px;
    height: 26px;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 15px;
  }
  .container .trainState ul li .newSeries {
    background-image: url("../images/newSeries.png");
  }
  .container .trainState ul li .hotSeries {
    background-image: url("../images/hotSeries.png");
  }
  .container .trainState ul li:hover,
  .container .trainState ul li.on {
    border: 1px solid #ffcccc;
    background-color: white;
    box-shadow: 0px 10px 20px 0px rgba(255, 102, 102, 0.1);
  }
  .container .trainState ul li:hover p:nth-of-type(1),
  .container .trainState ul li.on p:nth-of-type(1) {
    color: #cc3333;
  }
  .container .trainState ul li:hover img,
  .container .trainState ul li.on img {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomBig;
    animation-name: zoomBig;
  }
  .container .trainState ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  .container .bgGreen h5 b {
    background: url(../images/abstractShapeGreen.png);
  }
  .container .bgRed h5 b {
    background: url(../images/abstractShape.png);
  }
  .container .news {
    width: 1200px;
    margin: 40px auto;
  }
  .container .news h6 {
    font-size: 16px;
    color: #333;
    height: 50px;
    line-height: 50px;
  }
  .container .news h6 img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .container .news .title {
    font-size: 18px;
    color: #3e3a39;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
  }
  .container .news .title span {
    padding: 10px 10px 13px 0;
    border-bottom: 2px solid #c82620;
  }
  .container .news .title small,
  .container .news .title a {
    font-size: 14px;
    color: #999;
    font-weight: 600;
  }
  .container .news .title a {
    float: right;
  }
  .container .news .com-fl {
    width: 710px;
  }
  .container .news .com-fl .noticeTab {
    float: left;
    position: relative;
    height: 322px;
  }
  .container .news .com-fl .noticeTab a {
    display: block;
    width: 430px;
    height: 322px;
    overflow: hidden;
  }
  .container .news .com-fl .noticeTab a img {
    width: 430px;
    height: 322px;
  }
  .container .news .com-fl .noticeTab p {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/noticeTabShape.png);
    background-size: contain;
    height: 50px;
    width: 430px;
    padding: 10px 0;
  }
  .container .news .com-fl .noticeTab p strong {
    color: #fff;
    font-size: 18px;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: inline-block;
  }
  .container .news .com-fl .noticeTab p span {
    opacity: 0.6;
    color: #fff;
    padding: 0 20px;
  }
  .container .news .com-fl .noticeTab2 {
    height: 150px;
    margin-left: 20px;
  }
  .container .news .com-fl .noticeTab2 a {
    width: 260px;
    height: 150px;
  }
  .container .news .com-fl .noticeTab2 a img {
    width: 260px;
    height: 150px;
  }
  .container .news .com-fl .noticeTab2 p {
    width: 260px;
    height: 45px;
    padding: 5px 0;
  }
  .container .news .com-fl .noticeTab2 p strong {
    font-size: 14px;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .container .news .com-fl .noticeTab2 p span {
    padding: 0 10px;
  }
  .container .news .com-fl .noticeTab2:last-child {
    margin-top: 22px;
  }
  .container .news .com-fl .noticeTab:hover img {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: zoomBig;
    animation-name: zoomBig;
  }
  .container .news .com-fr {
    width: 450px;
    color: #3e3a39;
  }
  .container .news .com-fr li b {
    margin-right: 5px;
  }
  .container .news .com-fr li a {
    line-height: 44px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
  }
  .container .news .com-fr li a span {
    color: #3e3a39;
    display: inline-block;
  }
  .container .news .com-fr li a span:first-child {
    margin-right: 15px;
  }
  .container .news .com-fr li a span:last-child {
    width: 346px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container .news .com-fr li a:hover span {
    color: #c82620;
  }
  .container .news .com-fr p a {
    color: #999;
    padding-left: 8px;
  }
  .container .trainingCase {
    margin-bottom: 70px;
  }
  .container .trainingCase .title {
    width: 1200px;
    margin: 40px auto 0;
    font-size: 18px;
    color: #3e3a39;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
  }
  .container .trainingCase .title span {
    padding: 10px 10px 10px 0;
    border-bottom: 2px solid #c82620;
  }
  .container .trainingCase .title small,
  .container .trainingCase .title a {
    font-size: 14px;
    color: #999;
    font-weight: 600;
  }
  .container .trainingCase .title a {
    float: right;
  }
  .container .trainingCase .case {
    background-color: #ccc;
    height: 400px;
  }
  .container .trainingCase .case ul {
    width: 1200px;
    margin: 0 auto;
  }
  .container .trainingCase .case ul li {
    width: 300px;
    height: 400px;
    float: left;
    position: relative;
  }
  .container .trainingCase .case ul li img {
    width: 300px;
    height: 400px;
  }
  .container .trainingCase .case ul li .introduce {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 400px;
    background-color: rgba(204, 0, 0, 0.8);
    display: none;
  }
  .container .trainingCase .case ul li .introduce p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 40px;
  }
  .container .trainingCase .case ul li .introduce p:first-child {
    padding-top: 80px;
  }
  .container .trainingCase .case ul li .introduce .btn {
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    margin: 0 auto;
  }
  .container .contactUs {
    height: 544px;
    background-image: url("../images/contactUsBg.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #333;
    padding-top: 40px;
  }
  .container .contactUs .contactUsCon {
    width: 890px;
    height: 464px;
    margin: 0 auto;
    background-color: #fff;
    padding-top: 40px;
  }
  .container .contactUs .contactUsCon .com-fl {
    width: 400px;
    padding-left: 40px;
  }
  .container .contactUs .contactUsCon .com-fl b {
    color: #3e3a39;
  }
  .container .contactUs .contactUsCon .com-fl p {
    margin: 10px 0;
    position: relative;
  }
  .container .contactUs .contactUsCon .com-fl p span {
    position: absolute;
    top: 8px;
    left: 5px;
  }
  .container .contactUs .contactUsCon .com-fl p .form-control {
    padding: 10px 10px 10px 80px;
    width: 200px;
  }
  .container .contactUs .contactUsCon .com-fl p .isSendvcode {
    background-color: #FF9999;
  }
  .container .contactUs .contactUsCon .com-fl p a {
    display: inline-block;
    width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #d8d8d8;
    color: #fff;
  }
  .container .contactUs .contactUsCon .com-fl p:nth-of-type(2) .form-control {
    padding: 10px 10px 10px 80px;
    width: 100px;
  }
  .container .contactUs .contactUsCon .com-fl p:nth-of-type(4) .form-control {
    width: 270px;
    padding: 10px 10px 10px 10px;
  }
  .container .contactUs .contactUsCon .com-fl p:nth-of-type(5) textarea.form-control {
    width: 270px;
    padding: 10px 10px 10px 10px;
  }
  .container .contactUs .contactUsCon .com-fl p:last-child a {
    background-color: #cc3333;
    width: 290px;
  }
  .container .contactUs .contactUsCon .com-fr {
    width: 440px;
  }
  .container .contactUs .contactUsCon .com-fr .title {
    font-size: 18px;
    color: #3e3a39;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    margin-left: 10px;
  }
  .container .contactUs .contactUsCon .com-fr .title span {
    padding: 10px 10px 10px 0;
    border-bottom: 2px solid #c82620;
  }
  .container .contactUs .contactUsCon .com-fr .title small,
  .container .contactUs .contactUsCon .com-fr .title a {
    font-size: 14px;
    color: #999;
    font-weight: 600;
  }
  .container .contactUs .contactUsCon .com-fr .title a {
    float: right;
  }
  .container .contactUs .contactUsCon .com-fr p {
    color: #3e3a39;
    padding-left: 10px;
  }
  .container .contactUs .contactUsCon .com-fr p span {
    color: #cc0000;
    font-size: 18px;
  }
  .container .contactUs .contactUsCon .com-fr p strong {
    color: #cc0000;
    font-size: 28px;
  }
  .container .contactUs .contactUsCon .com-fr p img {
    margin: 19px;
    width: 75px;
    height: 75px;
  }
  .container .contactUs .contactUsCon .com-fr .pFirst {
    margin-bottom: 100px;
  }
  .container .contactUs .contactUsCon .com-fr p:last-child {
    padding-left: 10px;
    background-image: url("../images/weixin.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 205px;
  }
  .container .introducePageHeader {
    height: 520px;
    background-image: url(../images/introducePageBg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
  }
  .container .introducePageHeader .headerTitle {
    width: 1100px;
    margin: 0 auto;
    height: 165px;
    position: relative;
    padding: 70px 0 0 100px;
  }
  .container .introducePageHeader .headerTitle h3 {
    color: #cc3333;
    font-size: 30px;
  }
  .container .introducePageHeader .headerTitle h3 small {
    background-color: #fff;
    font-size: 14px;
    color: #666;
    font-weight: 500;
    padding: 2px 5px;
    margin-left: 20px;
  }
  .container .introducePageHeader .headerTitle h3 small:last-child {
    margin-left: 10px;
  }
  .container .introducePageHeader .headerTitle p {
    color: #333;
  }
  .container .introducePageHeader .headerTitle p img {
    width: 90px;
    height: 90px;
  }
  .container .introducePageHeader .headerTitle p:last-child {
    width: 90px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 80px;
    right: 100px;
  }
  .container .introducePageHeader .introduceTrain {
    width: 1120px;
    margin: 0 auto;
    height: 145px;
    background-color: #fff;
    box-shadow: 0 4px 10px #ddd;
    padding: 20px 40px;
  }
  .container .introducePageHeader .introduceTrain .trainOutline {
    width: 844px;
    color: #666;
  }
  .container .introducePageHeader .introduceTrain .trainOutline hr {
    border-color: #eee;
    margin: 10px 0;
  }
  .container .introducePageHeader .introduceTrain .trainOutline img {
    vertical-align: middle;
    margin-right: 5px;
  }
  .container .introducePageHeader .introduceTrain .trainOutline p {
    height: 60px;
    padding-left: 100px;
    margin-bottom: 0;
  }
  .container .introducePageHeader .introduceTrain .trainOutline p span {
    display: inline-block;
    width: 372px;
    float: left;
  }
  .container .introducePageHeader .introduceTrain .trainOutline p span:first-child {
    line-height: 60px;
    color: #3e3a39;
  }
  .container .introducePageHeader .introduceTrain .trainOutline p b {
    font-size: 35px;
    font-weight: 500;
  }
  .container .introducePageHeader .introduceTrain .trainOutline p small {
    font-size: 22px;
    margin-right: 4px;
  }
  .container .introducePageHeader .introduceTrain .trainOutline ul {
    height: 60px;
    padding-left: 100px;
  }
  .container .introducePageHeader .introduceTrain .trainOutline ul li {
    float: left;
    width: 372px;
    height: 30px;
    line-height: 30px;
  }
  .container .introducePageHeader .introduceTrain .trainBtn {
    width: 215px;
    padding-left: 40px;
    height: 145px;
    border-left: 1px solid #eee;
  }
  .container .introducePageHeader .introduceTrain .trainBtn a {
    display: inline-block;
    width: 215px;
    background-color: #ff0000;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    margin-top: 48px;
  }
  .container .introducePageHeader .introduceTrain .trainBtn a img {
    float: left;
    padding: 16px 15px;
    border-right: 1px solid #df0202;
  }
  .container .introducePageHeader .headerTab {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 32px;
  }
  .container .introducePageHeader .headerTab span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    padding: 20px 10px;
    border-bottom: 2px solid transparent;
    margin: 0 30px;
    cursor: pointer;
  }
  .container .introducePageHeader .headerTab span.on,
  .container .introducePageHeader .headerTab span:hover {
    border-bottom: 2px solid #cc3333;
  }
  .container .introduceTrainCon {
    background-color: #f5f5f5;
    padding-top: 18px;
  }
  .container .introduceTrainCon .introduceTrainTab {
    width: 100%;
    height: 51px;
    line-height: 51px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 4px 10px #ddd;
    z-index: 2;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
  }
  .container .introduceTrainCon .introduceTrainTab .tabCon {
    margin: 0 auto;
  }
  .container .introduceTrainCon .introduceTrainTab .tabCon span {
    display: inline-block;
    font-size: 18px;
    color: #333;
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    padding: 0 40px;
  }
  .container .introduceTrainCon .introduceTrainTab .tabCon span.on,
  .container .introduceTrainCon .introduceTrainTab .tabCon span:hover {
    border-bottom: 2px solid #cc3333;
  }
  .container .introduceTrainCon .introduceTrainTab .tabCon a {
    display: inline-block;
    width: 150px;
    text-align: center;
    height: 51px;
    line-height: 51px;
    background-color: #ff0000;
    color: #fff;
    font-size: 18px;
    margin-left: 30px;
  }
  .container .introduceTrainCon .trainCon {
    padding: 30px 0;
    width: 1200px;
    margin: 0 auto;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation {
    background-color: #fff;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluation span {
    display: inline-block;
    height: 40px;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluation span:first-child {
    width: 150px;
    height: 60px;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluation span:first-child img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluation span:first-child b {
    padding-left: 10px;
    display: inline-block;
    width: 78px;
    margin-top: 5px;
    color: #333;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluation span:first-child b small {
    font-size: 10px;
    font-weight: 500;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluationReply {
    margin-left: 30px;
    background-color: #f5f5f5;
    padding: 10px 0 0 20px;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluationReply .evaluation span:first-child {
    height: 50px;
    width: 160px;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluationReply .evaluation span:first-child img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .container .introduceTrainCon .trainCon .studentEvaluation .evaluationReply .evaluation span:first-child b {
    margin-top: 0;
  }
  .container .introduceTrainCon .trainCon .com-fl {
    width: 895px;
  }
  .container .introduceTrainCon .trainCon .com-fl .trainTabCon {
    padding: 40px 80px 40px 40px;
    background-color: #fff;
    color: #333;
    margin-bottom: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fl .trainTabCon h5 {
    color: #333;
    font-size: 18px;
    margin-bottom: 25px;
  }
  .container .introduceTrainCon .trainCon .com-fl .trainTabCon h5 span {
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #000;
  }
  .container .introduceTrainCon .trainCon .com-fl .expertTeam p {
    height: 200px;
    overflow: hidden;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fl .expertTeam p img {
    float: left;
  }
  .container .introduceTrainCon .trainCon .com-fl .expertTeam p span {
    padding-left: 25px;
    display: inline-block;
    width: 550px;
    margin-top: 30px;
    color: #333;
  }
  .container .introduceTrainCon .trainCon .com-fr {
    width: 290px;
  }
  .container .introduceTrainCon .trainCon .com-fr h4 {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ccc;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    font-weight: 500;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation {
    background-color: #fff;
    margin-bottom: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation p {
    padding: 0 20px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation p:nth-of-type(1) {
    padding-top: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation p:nth-of-type(2) {
    padding-bottom: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation span {
    display: inline-block;
    height: 40px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation span:first-child {
    width: 140px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation span:first-child img {
    float: left;
    width: 40px;
    height: 40px;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation span:first-child b {
    padding-left: 10px;
    display: inline-block;
    width: 40px;
    margin-top: 5px;
    color: #333;
  }
  .container .introduceTrainCon .trainCon .com-fr .consultation span:last-child {
    width: 60px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #ff0000;
    color: #ff0000;
    cursor: pointer;
    border-radius: 4px;
  }
  .container .introduceTrainCon .trainCon .com-fr .trainingBase {
    background-color: #fff;
    margin-bottom: 20px;
  }
  .container .introduceTrainCon .trainCon .com-fr .studentEvaluation .evaluation {
    padding: 20px 20px 0;
  }
  .container .introduceTrainCon .trainCon .com-fr .studentEvaluation hr {
    border-style: dashed;
  }
  .container .productsPage h3 {
    height: 130px;
    line-height: 130px;
    background-image: url(../images/productsPageBg.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 30px;
    color: #cc3333;
  }
  .container .productsPage .productsPageCon {
    width: 1200px;
    margin: 0 auto;
  }
  .container .productsPage .productsPageCon .productsTab {
    text-align: center;
    padding: 15px 20px;
  }
  .container .productsPage .productsPageCon .productsTab span {
    font-size: 16px;
    color: #595757;
    padding: 15px 20px;
    cursor: pointer;
  }
  .container .productsPage .productsPageCon .productsTab span.on,
  .container .productsPage .productsPageCon .productsTab span:hover {
    color: #c82620;
  }
  .container .productsPage .productsPageCon .productsTab .isactive {
    color: #c82620;
  }
  .container .productsPage .productsPageCon .productsList {
    border: 1px solid #ccc;
    padding: 10px 40px;
  }
  .container .productsPage .productsPageCon .productsList li {
    border-bottom: 1px dashed #e6e6e6;
    padding: 8px 0;
    overflow: hidden;
  }
  .container .productsPage .productsPageCon .productsList li b {
    display: inline-block;
    width: 80px;
    color: #999;
    float: left;
  }
  .container .productsPage .productsPageCon .productsList li span {
    display: inline-block;
    width: 1020px;
    float: left;
  }
  .container .productsPage .productsPageCon .productsList li span a {
    color: #666;
    margin-right: 20px;
    display: inline-block;
  }
  .container .productsPage .productsPageCon .productsList li span a.active {
    color: #cc3333;
  }
  .container .productsPage .productsPageCon .productsList li span a.on,
  .container .productsPage .productsPageCon .productsList li span a:hover {
    color: #cc3333;
  }
  .container .productsPage .productsPageCon .productsList li:last-child {
    border-bottom: none;
  }
  .container .productsPage .productsPageCon .sorting {
    border: 1px solid #ccc;
    padding: 10px 40px;
    margin-top: 20px;
  }
  .container .productsPage .productsPageCon .sorting span {
    color: #666;
    margin: 0 20px;
    cursor: pointer;
  }
  .container .productsPage .productsPageCon .sorting span img {
    vertical-align: middle;
    margin-left: 5px;
  }
  .container .productsPage .productsPageCon .sorting .active {
    color: #cc3333;
  }
  .footer {
    background-color: #333;
    overflow: hidden;
    padding-top: 20px;
  }
  .footer footer {
    width: 1200px;
    margin: 0 auto;
  }
  .footer footer .topFooter h6 {
    color: #999;
  }
  .footer footer .topFooter h6 span {
    padding-bottom: 10px;
    border-bottom: 2px solid #c82620;
  }
  .footer footer .topFooter p {
    margin: 20px 0;
  }
  .footer footer .topFooter p a {
    display: inline-block;
    width: 100px;
    color: #999;
  }
  .footer footer .topFooter p a:last-child {
    color: #fff;
  }
  .footer footer .topFooter p a:hover {
    color: #fff;
  }
  .footer footer .topFooter .com-fl {
    width: 250px;
  }
  .footer footer .topFooter .com-fr {
    margin-right: 20px;
  }
  .footer footer .topFooter .com-fr img {
    width: 90px;
    height: 90px;
  }
  .footer footer .localTraining {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 20px 0;
  }
  .footer footer .localTraining a {
    display: inline-block;
    color: #999;
    padding: 5px 15px 5px 0;
  }
  .footer footer .localTraining a:hover {
    color: #fff;
  }
  .footer footer .bottomFooter {
    padding: 30px 0;
  }
  .footer footer .bottomFooter span {
    display: inline-block;
    color: #999;
    height: 30px;
    line-height: 30px;
  }
  .footer footer .bottomFooter span small {
    color: #fff;
    font-size: 14px;
  }
  .footer footer .bottomFooter span:first-child {
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    padding-left: 170px;
    background-image: url(../images/logo-gray.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin-right: 100px;
  }
  .footer footer .bottomFooter span:first-child strong {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    font-weight: 500;
  }
  .slideBox {
    width: 290px;
    height: 195px;
    overflow: hidden;
    position: relative;
  }
  .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
  }
  .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
  }
  .slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
  }
  .slideBox .hd ul li.on {
    background: #f00;
    color: #fff;
  }
  .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
  }
  .slideBox .bd li {
    position: relative;
    zoom: 1;
    vertical-align: middle;
  }
  .slideBox .bd li p {
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    width: 430px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 10px;
  }
  .slideBox .bd img {
    width: 290px;
    height: 195px;
    display: block;
  }
  .slideBox .prev,
  .slideBox .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/left-0.png);
    background-position: center center;
    background-repeat: no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .slideBox .next {
    left: auto;
    right: 3%;
    background-image: url(../images/right-0.png);
  }
  .contactInfo {
    position: fixed;
    bottom: 60px;
    right: 20px;
    width: 72px;
    height: 220px;
    background-color: #CC0000;
    color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 7px 1px rgba(204, 0, 0, 0.35);
    text-align: center;
    z-index: 999;
  }
  .contactInfo li {
    height: 73px;
    border-bottom: 1px solid #FF6666;
    position: relative;
    cursor: pointer;
  }
  .contactInfo li img {
    margin: 16px 0 4px;
    vertical-align: middle;
  }
  .contactInfo li:last-child {
    border-bottom: none;
  }
  .contactInfo .infoHover {
    position: absolute;
    width: 190px;
    height: 73px;
    line-height: 73px;
    box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.31);
    top: 0;
    right: -250px;
    background-color: #fff;
    padding: 0 20px;
    color: #666;
    font-size: 18px;
  }
  .contactInfo li:hover .infoHover {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRiht;
    animation-name: fadeInRiht;
  }
  @-webkit-keyframes fadeInRiht {
    to {
      -webkit-transform: translateX(-342px);
      transform: translateX(-342px);
    }
  }
  @keyframes fadeInRiht {
    to {
      -webkit-transform: translateX(-342px);
      transform: translateX(-342px);
    }
  }
  









/*+----------------------------------------------
/*+  分页样式
/*+----------------------------------------------*/
.pages {
    margin: 20px auto;
    text-align: center;
  }
  .pages a {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    border: 1px solid #dbdbdb;
  }
  .pages a:last-child {
    margin-right: 0px;
  }
  .pages a.curr {
    color: #fff;
  }
  /*++----------------------------------------------
  /*++  新闻资讯
  /*++----------------------------------------------*/
  .newTopbar {
    width: 100%;
    text-align: center;
    background-image: url(../images/newTopBg.png);
    background-position: top center;
    background-repeat: no-repeat;
  }
  .newTopbar .title {
    width: 326px;
    height: 200px;
    color: #fff;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 1px;
    position: relative;
    left: -90px;
  }
  .newTopbar .title h2 {
    padding-top: 66px;
  }
  .newTopbar .title h5 {
    font-size: 18px;
    font-weight: 500;
  }
  /*++----------------------------------------------
  /*++  详情列表
  /*++----------------------------------------------*/
  .newsList {
    width: 1200px;
    margin: 40px auto;
  }
  .newsList .conLeft {
    width: 188px;
    overflow: hidden;
    float: left;
  }
  .newsList .conLeft .subcat,
  .newsList .conLeft .subtac {
    background: #fff;
  }
  .newsList .conLeft .subcat .sub-tit {
    width: 152px;
    height: 46px;
    color: #fff;
    background-color: #CC3333;
    padding: 23px 0 23px 36px;
  }
  .newsList .conLeft .subcat .sub-tit h5 {
    font-size: 18px;
  }
  .newsList .conLeft .subcat .subTree a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
  }
  .newsList .conLeft .subcat .subTree a b {
    float: right;
  }
  .newsList .conLeft .subcat .subTree a a,
  .newsList .conLeft .subcat .subTree a b {
    color: #999;
  }
  .newsList .conLeft .subcat .subTree li:hover a,
  .newsList .conLeft .subcat .subTree li.on a {
    border-bottom: 1px solid #C82620;
  }
  .newsList .conLeft .subcat .subTree li:hover a,
  .newsList .conLeft .subcat .subTree li.on a,
  .newsList .conLeft .subcat .subTree li:hover b,
  .newsList .conLeft .subcat .subTree li.on b {
    color: #CC3333;
  }
  .newsList .conRight {
    float: right;
    width: 955px;
  }
  .newsList .conRight > h5 {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    color: #3E3A39;
    display: none;
  }
  .newsList .conRight > h5 span {
    border-bottom: 2px solid #C82620;
    padding: 0 15px 9px 0;
  }
  .newsList .conRight > h5 small {
    color: #999;
  }
  .newsList .conRight > h5.on {
    display: block;
  }
  .newsList .conRight li {
    padding: 20px 0;
    border-bottom: 1px dashed #E6E6E6;
    position: relative;
  }
  .newsList .conRight li img {
    width: 260px;
    height: 150px;
  }
  .newsList .conRight li .content {
    position: absolute;
    top: 20px;
    left: 280px;
    height: 150px;
    padding-right: 60px;
  }
  .newsList .conRight li .content span {
    color: #CC3333;
    font-size: 12px;
    border: 1px solid #CC3333;
    padding: 2px 5px;
    margin-right: 10px;
  }
  .newsList .conRight li .content p {
    margin-top: 5px;
  }
  .newsList .conRight li .content p:nth-of-type(2) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 20px;
  }
  .newsList .conRight li:last-child {
    border-bottom: none;
  }
  .newsNav {
    color: #666;
    padding: 10px 0;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
  }
  .newsNav a {
    color: #666;
    margin-right: 5px;
  }
  .newsDetailsCon {
    width: 1200px;
    margin: 40px auto;
  }
  .newsDetailsCon .newsCon {
    width: 880px;
    text-align: center;/* float: left; */
  }
  .newsDetailsCon .newsCon .content-title {
    padding: 25px 0 15px;
    text-align: center;
    border-bottom: 1px dashed #dbdbdb;
  }
  .newsDetailsCon .newsCon .content-title h1 {
    font-size: 20px;
    padding-bottom: 8px;
    color: #333;
    text-align: center;
  }
  .newsDetailsCon .newsCon .content-title .sub-title {
    min-height: 19px;
    text-align: center;
  }
  .newsDetailsCon .newsCon .content-title .sub-title span {
    padding-right: 10px;
  }
  .newsDetailsCon .newsCon .content-title .sub-title .bdsharebuttonbox {
    display: inline-block;
    vertical-align: middle;
  }
  .newsDetailsCon .newsCon .content-title .sub-title .bdsharebuttonbox a,
  .newsDetailsCon .newsCon .content-title .sub-title .bdsharebuttonbox .bds_more {
    float: none;
    margin: 0px 6px 2px 0;
  }
  .newsDetailsCon .conAside {
    width: 260px;
    float: right;
    padding: 0 28px;
    border-left: 1px solid #ddd;
  }
  .newsDetailsCon .conAside .title {
    color: #3E3A39;
    padding: 82px 0 0;
  }
  .newsDetailsCon .conAside ul:nth-of-type(1) li {
    margin-top: 20px;
  }
  .newsDetailsCon .conAside ul:last-child {
    margin-top: 40px;
  }
  .newsDetailsCon .conAside li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
  }
  /*++----------------------------------------------
  /*++  教学基地
  /*++----------------------------------------------*/
  .bgF8 {
    background-color: #f8f8f8;
  }
  .teachingBase {
    width: 1200px;
    margin: 20px auto;
  }
  .teachingBase ul {
    position: relative;
  }
  .teachingBase li {
    width: 382px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 27px 20px 0;
    background-color: #fff;
    box-shadow: 0 4px 10px #ddd;
    transition: all 1s;
    position: absolute;
  }
  .teachingBase li .imgHover {
    position: relative;
  }
  .teachingBase li .imgHover img {
    width: 100%;
    vertical-align: middle;
  }
  .teachingBase li .imgHover .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0.5;
  }
  .teachingBase li .con {
    padding: 20px 30px;
  }
  .teachingBase li .con h5 {
    color: #3E3A39;
  }
  .teachingBase li .con p {
    color: #666;
  }
  .teachingBase li .con p span {
    color: #CC3333;
    display: inline-block;
    border: 1px solid #CC3333;
    margin: 10px 0;
    font-size: 12px;
    width: 60px;
    text-align: center;
    height: 20px;
    line-height: 20px;
  }
  .teachingBase li:nth-of-type(3n) {
    margin-right: 0;
  }
  .teachingBase li:hover .mask {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .addTeachingBase {
    width: 100%;
    text-align: center;
    background-image: url(../images/wave.png);
    height: 200px;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
  }
  .addTeachingBase span {
    font-size: 27px;
    padding: 44px 0 36px;
    display: block;
  }
  .addTeachingBase p a {
    display: inline-block;
    width: 130px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
  }
  .addTeachingBase p a:hover {
    background-color: #fff;
    color: #CC3333;
  }
  /*++----------------------------------------------
  /*++  培训案例
  /*++----------------------------------------------*/
  .trainingCasePage {
    width: 1200px;
    margin: 20px auto;
  }
  .trainingCasePage li {
    width: 382px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 27px 20px 0;
    background-color: #fff;
    box-shadow: 0 4px 10px #ddd;
    transition: all 1s;
    float: left;
  }
  .trainingCasePage li .imgHover {
    position: relative;
  }
  .trainingCasePage li .imgHover img {
    width: 100%;
    height: 247px;
    vertical-align: middle;
  }
  .trainingCasePage li .imgHover .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0.5;
  }
  .trainingCasePage li .imgHover p {
    position: absolute;
    top: 15px;
    left: 0;
  }
  .trainingCasePage li .imgHover p span {
    background: rgba(255, 51, 51, 0.7);
    padding: 0 16px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
  }
  .trainingCasePage li .imgHover p i {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 15px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(255, 51, 51, 0.7);
    position: absolute;
    top: 0;
  }
  .trainingCasePage li .con h5 {
    padding: 0 30px;
    color: #333;
    font-size: 16px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .trainingCasePage li .con p {
    padding: 10px 30px;
    height: 70px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #595757;
  }
  .trainingCasePage li .con p span {
    display: block;
    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFCCCC;
    border: 1px solid #FFCCCC;
    margin-bottom: 20px;
    background-color: transparent;
  }
  .trainingCasePage li:nth-of-type(3n) {
    margin-right: 0;
  }
  .trainingCasePage li:hover .mask {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .trainingCasePage li:hover .con {
    background-color: #CC0000;
    color: #fff;
  }
  .trainingCasePage li:hover .con h5 {
    color: #fff;
    border-bottom-color: #FF0000;
  }
  .trainingCasePage li:hover .con p {
    color: #fff;
  }
  .trainingCasePage li:hover .con p span {
    border-color: #fff;
    color: #fff;
  }
  /*++----------------------------------------------
  /*++  培训案例详情
  /*++----------------------------------------------*/
  .bgFf {
    background-color: #fff;
  }
  .trainingCasePageDetails {
    width: 1200px;
    margin: 20px auto;
  }
  .trainingCasePageDetails .caseDetails {
    width: 907px;
    color: #666;
  }
  .trainingCasePageDetails .caseDetails .title {
    height: 142px;
    background-image: url(../images/caseDetailsBg.png);
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
  }
  .trainingCasePageDetails .caseDetails .title h2 {
    color: #CC3333;
    font-size: 30px;
    padding: 20px 0 10px;
    opacity: 1;
  }
  .trainingCasePageDetails .caseDetails .title > p {
    padding: 0;
    background-color: transparent;
  }
  .trainingCasePageDetails .caseDetails .title > p span {
    margin-left: 60px;
  }
  .trainingCasePageDetails .caseDetails p {
    padding: 20px 80px;
    position: relative;
    background-color: #F2F2F2;
  }
  .trainingCasePageDetails .caseDetails p img {
    position: absolute;
    top: 20px;
    left: 50px;
  }
  .trainingCasePageDetails .caseDetails .detail {
    text-align: center;
    padding: 20px 0;
  }
  .trainingCasePageDetails .conAside {
    width: 230px;
    padding: 0 25px;
    color: #3E3A39;
  }
  .trainingCasePageDetails .conAside .title {
    margin-bottom: 20px;
  }
  .trainingCasePageDetails .conAside li {
    margin-bottom: 30px;
  }
  .trainingCasePageDetails .conAside a h5 {
    font-size: 16px;
    font-weight: 500;
  }
  .trainingCasePageDetails .conAside a > img {
    width: 230px;
    height: 133px;
    object-fit: cover;
  }
  .trainingCasePageDetails .conAside a p {
    font-size: 12px;
    color: #999;
  }
  /*++----------------------------------------------
  /*++  合作伙伴
  /*++----------------------------------------------*/
  .bgF8 a,
  .bgFf a {
    display: inline-block;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #FF6666;
    margin-top: 42px;
  }
  .bgF8 a:hover,
  .bgFf a:hover {
    background-color: #FF9999;
  }
  .bgF8 .addTeachingBase span,
  .bgFf .addTeachingBase span {
    padding-bottom: 16px;
  }
  .bgF8 .addTeachingBase b,
  .bgFf .addTeachingBase b {
    font-size: 19px;
    padding-bottom: 19px;
    display: block;
    font-weight: 500;
  }
  .bgF8 .addTeachingBase a,
  .bgFf .addTeachingBase a {
    margin-top: 0;
    background-color: transparent;
  }
  .partnerTopbar {
    background-image: url(../images/partnerBg.png);
  }
  .partnerTopbar .title {
    width: 470px;
    height: 300px;
    left: 200px;
  }
  .partnerTopbar .title h2 {
    padding: 90px 0 8px;
    font-size: 28px;
  }
  .partnerCon,
  .sixPartnerCon {
    width: 1200px;
    margin: 20px auto 60px;
  }
  .partnerCon h4,
  .sixPartnerCon h4 {
    color: #3E3A39;
    font-size: 27px;
    text-align: center;
    font-weight: 500;
    margin-top: 70px;
  }
  .partnerCon > p,
  .sixPartnerCon > p {
    font-size: 19px;
    color: #999;
    text-align: center;
    margin-top: 10px;
  }
  .cooperationContent {
    margin-top: 48px;
  }
  .cooperationContent li {
    float: left;
    width: 380px;
    height: 380px;
    background-color: #fff;
    margin-right: 15px;
    cursor: pointer;
  }
  .cooperationContent li .title {
    width: 100%;
    height: 150px;
    text-align: center;
    color: #fff;
    font-size: 18px;
  }
  .cooperationContent li .title img {
    padding-top: 30px;
  }
  .cooperationContent li .con {
    padding: 38px 54px;
  }
  .cooperationContent li .con h6 {
    color: #CC3333;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
  }
  .cooperationContent li .con p {
    color: #666;
    position: relative;
  }
  .cooperationContent li .con p strong {
    position: absolute;
    top: 0;
    left: -15px;
  }
  .cooperationContent li:nth-of-type(1) .title {
    background: -moz-linear-gradient(to right, #66A6F6, #6C66F8);
    background: -o-linear-gradient(to right, #66A6F6, #6C66F8);
    background: -webkit-linear-gradient(to right, #66A6F6, #6C66F8);
    background: -ms-linear-gradient(to right, #66A6F6, #6C66F8);
    background: linear-gradient(to right, #66A6F6, #6C66F8);
    background: -webkit-gradient(linear, left, right, color-stop(0%, #66A6F6), color-stop(100%, #6C66F8));
  }
  .cooperationContent li:nth-of-type(2) .title {
    background: -moz-linear-gradient(to right, #5CEBC8, #5CC7ED);
    background: -o-linear-gradient(to right, #5CEBC8, #5CC7ED);
    background: -webkit-linear-gradient(to right, #5CEBC8, #5CC7ED);
    background: -ms-linear-gradient(to right, #5CEBC8, #5CC7ED);
    background: linear-gradient(to right, #5CEBC8, #5CC7ED);
    background: -webkit-gradient(linear, left, right, color-stop(0%, #5CEBC8), color-stop(100%, #5CC7ED));
  }
  .cooperationContent li:nth-of-type(2) a {
    margin-top: 17px;
  }
  .cooperationContent li:nth-of-type(3) {
    margin-right: 0;
  }
  .cooperationContent li:nth-of-type(3) .title {
    background: -moz-linear-gradient(to right, #F76689, #F68766);
    background: -o-linear-gradient(to right, #F76689, #F68766);
    background: -webkit-linear-gradient(to right, #F76689, #F68766);
    background: -ms-linear-gradient(to right, #F76689, #F68766);
    background: linear-gradient(to right, #F76689, #F68766);
    background: -webkit-gradient(linear, left, right, color-stop(0%, #F76689), color-stop(100%, #F68766));
  }
  .cooperationContent li:hover {
    box-shadow: 0 4px 10px #ddd;
  }
  .sixPartnerCon {
    padding: 60px 0;
    margin: 0 auto;
  }
  .sixPartnerCon li {
    width: 399px;
    height: 409px;
    border-right: 1px solid #eee;
    float: left;
  }
  .sixPartnerCon li .imgIcon {
    padding-left: 145px;
    padding-top: 78px;
  }
  .sixPartnerCon li h4 {
    font-size: 24px;
    margin-top: 34px;
  }
  .sixPartnerCon li p {
    padding-left: 150px;
    font-size: 16px;
    color: #666;
  }
  .sixPartnerCon li p:nth-of-type(1) {
    padding-top: 27px;
  }
  .sixPartnerCon li:nth-of-type(1),
  .sixPartnerCon li:nth-of-type(2),
  .sixPartnerCon li:nth-of-type(3) {
    border-bottom: 1px solid #eee;
  }
  .sixPartnerCon li:nth-of-type(3n) {
    border-right: none;
  }
  .sixPartnerCon li:hover {
    box-shadow: 0 4px 20px #ddd;
  }
  /*++----------------------------------------------
  /*++  定制服务
  /*++----------------------------------------------*/
  .customizedService {
    background-image: url(../images/customizedServiceBg.png);
  }
  .customizedService .title {
    width: 470px;
    height: 300px;
    left: 200px;
  }
  .customizedService .title h2 {
    padding: 64px 0 8px;
    font-size: 28px;
  }
  .customizedService .title a:nth-of-type(2) {
    margin-left: 18px;
  }
  .advantageBlock {
    margin: 40px auto;
    height: 347px;
    background-color: #fff;
    box-shadow: 0 4px 10px #ddd;
    background-repeat: no-repeat;
    text-align: left;
  }
  .advantageBlock h4 {
    font-size: 27px;
    font-weight: 500;
    padding-top: 50px;
  }
  .advantageBlock p {
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    margin-bottom: 60px;
  }
  .advantageBlock span {
    font-size: 16px;
  }
  .advantageBlock b {
    font-size: 27px;
  }
  .advantageBlock li {
    float: left;
    margin-right: 90px;
    position: relative;
  }
  .advantageBlock li img {
    position: absolute;
  }
  .advantageBlock01 {
    width: 680px;
    background-position: top left;
    background-image: url(../images/advantageBlock01.png);
    padding-left: 520px;
  }
  .advantageBlock01 p {
    margin-bottom: 40px;
  }
  .advantageBlock01 img {
    vertical-align: middle;
    margin-right: 10px;
  }
  .advantageBlock01 img:nth-of-type(2n) {
    margin-left: 90px;
  }
  .advantageBlock01 span {
    display: inline-block;
    width: 96px;
    line-height: 50px;
  }
  .advantageBlock02 {
    width: 1126px;
    background-position: top right;
    background-image: url(../images/advantageBlock02.png);
    padding-left: 74px;
  }
  .advantageBlock02 h4 {
    padding-top: 30px;
  }
  .advantageBlock02 li {
    padding-left: 60px;
    position: relative;
  }
  .advantageBlock02 li img {
    position: absolute;
    left: 0;
    vertical-align: middle;
  }
  .form {
    width: 1088px;
    margin: 40px auto;
    background-color: #fff;
    box-shadow: 0 4px 10px #ddd;
    padding: 70px 56px;
    text-align: left;
  }
  .form a {
    width: 300px;
    background-color: #CC3333;
    margin: 42px auto 0;
    display: block;
  }
  .form b {
    display: inline-block;
    width: 100px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    float: left;
    line-height: 40px;
  }
  .form b strong {
    color: #FF3333;
    margin-right: 5px;
  }
  .form ul {
    display: inline-block;
    float: left;
  }
  .form ul li {
    color: #777;
    line-height: 40px;
    border-bottom: 1px dashed #E6E6E6;
    width: 988px;
  }
  .form ul li span {
    color: #3E3A39;
    display: inline-block;
    width: 90px;
  }
  .form ul li label {
    display: inline-block;
    width: 110px;
  }
  .form ul li label input {
    margin-right: 5px;
  }
  .form ul li:nth-last-child(1),
  .form ul li:nth-last-child(2) {
    border-bottom: none;
  }
  .form .formInput {
    margin-top: 10px;
  }
  .form .formInput input {
    width: 140px;
  }
  .form .formInput p {
    overflow: hidden;
    line-height: 50px;
  }
  .form .formInput p b:nth-of-type(2) {
    width: 120px;
    text-align: right;
    margin-left: 40px;
    margin-right: 20px;
  }
  .form .formInput p input {
    margin-right: 5px;
  }
  .form .formInput p label {
    float: left;
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 190px;
  }
  .form .formInput p label:nth-of-type(2) {
    width: 300px;
  }
  .form .formInput p b:nth-of-type(3) {
    margin-left: 20px;
  }
  /*++----------------------------------------------
  /*++  联系我们
  /*++----------------------------------------------*/
  .contactUsTopbar {
    background-image: url(../images/contactUs.png);
  }
  .contactUsTopbar .title {
    width: 490px;
    height: 200px;
    margin: 0 auto;
    color: #CC3333;
    left: 140px;
  }
  .contactUsTopbar .title h2 {
    font-size: 28px;
  }
  .contactUsStype {
    width: 1200px;
    margin: 20px auto;
  }
  .contactUsStype .contactWay {
    box-shadow: 0 4px 10px #ddd;
    height: 142px;
  }
  .contactUsStype .contactWay li {
    float: left;
    width: 398px;
    height: 94px;
    color: #CC3333;
    font-size: 20px;
    text-align: center;
    border-left: 1px solid #E5E5E5;
    margin: 24px 0;
  }
  .contactUsStype .contactWay li img {
    vertical-align: middle;
    margin-right: 20px;
  }
  .contactUsStype .contactWay li p {
    font-size: 16px;
    padding-top: 10px;
    text-align: left;
  }
  .contactUsStype .contactWay li:first-child {
    border-left: none;
  }
  .contactUsStype .contactWay li:first-child p {
    padding-left: 90px;
  }
  .contactUsStype .contactWay li:nth-of-type(2) p {
    padding-left: 54px;
  }
  .contactUsStype .contactWay li:last-child p {
    padding-left: 100px;
  }
  .contactUsStype .mapInfo {
    margin-top: 40px;
  }
  .contactUsStype .mapInfo #panorama {
    width: 525px;
    height: 306px;
    margin-right: 68px;
  }
  .contactUsStype .mapInfo img {
    margin-bottom: 20px;
  }
  .contactUsStype .mapInfo h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .contactUsStype .mapInfo h5 {
    font-size: 18px;
    line-height: 40px;
  }
  .contactUsStype .mapInfo p {
    margin-top: 20px;
    font-size: 18px;
    color: #666;
    line-height: 50px;
  }
  /*++----------------------------------------------
  /*++  合作意向
  /*++----------------------------------------------*/
  #kabuloreLayer {
    width: 528px;
    height: 440px;
    background-color: #fff;
    border-radius: 5px;
  }
  #kabuloreLayer h4 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 20px;
  }
  #kabuloreLayer h4 span {
    font-size: 20px;
    font-weight: 500;
    margin-right: 20px;
    cursor: pointer;
    color: #999;
  }
  #kabuloreLayer p {
    line-height: 50px;
    padding: 0 60px;
  }
  #kabuloreLayer p span {
    display: inline-block;
    width: 80px;
    color: #333;
    font-size: 16px;
  }
  #kabuloreLayer p input.form-control {
    width: 302px;
  }
  #kabuloreLayer p select {
    width: 164px;
  }
  #kabuloreLayer .checkbox {
    font-size: 14px;
  }
  #kabuloreLayer .checkbox input {
    margin-left: 40px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #kabuloreLayer .checkbox input:nth-of-type(1) {
    margin-left: 10px;
  }
  #kabuloreLayer .btn {
    padding: 0 60px;
    text-align: center;
    margin-top: 20px;
  }
  #kabuloreLayer .btn a {
    display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 20px;
    color: #ddd;
  }
  #kabuloreLayer .btn a:first-child {
    background-color: #669BFF;
    color: #fff;
    border-color: #669BFF;
  }
  



















/*--------------------  init -------------------- */
.cfff{color:#fff;}.fb{font-weight:bold !important;}.fn{font-weight:normal !important;}.t2{text-indent:2em;}.tl{text-align:left !important;}.tc{text-align:center !important;}.tr{text-align:right !important;}.vm{vertical-align:middle;}.pr{position:relative;}.pa{position:absolute;}.pf{position:fixed;}.zi1{z-index:1;}.none{display:none;}.db{display:block;}.dib{display:inline-block;}.w100{width:100% !important;}.h100{height:100% !important;}.cp{cursor:pointer;}.oh{overflow:hidden;}.mt35{margin-top:35px !important;}

body{color:#7b7b7b;font-size:16px;}
.w1200{width:1200px;margin:0 auto;}a{text-decoration:none;color:#666;}.ins0{background:url(images/ico.png) no-repeat;}
.w2em{width:2em;}.w05em{width:0.5em;}
.font30{font-size:30px;}
.bc-e6e6e6{border:1px solid #e6e6e6;}
.nobd{border:none !important;}
.line{height:20px;background:url(images/reg_hr.png);margin:40px auto 15px auto;width:1200px;}
.bc-fff{background:#fff;}

/*标题*/
.sec-header{border-bottom:#e5e5e4 1px solid;padding-bottom:15px;}
.sec-header i{height:18px;width:6px;background:#b82320;margin-right:12px;}

/*按钮*/
.btn1{background:#d82827;padding:5px 15px;display:inline-block;color:#fff;}

/*--------------------  学习终端 -------------------- */
.phone{width:18px;height:20px;background-position:-5px -5px;top:10px;}
.computer{width:36px;height:20px;background-position:-5px -71px;top:10px;}
.tv{width:28px;height:20px;background-position:-5px -96px;top:10px;}
.ksh{width:28px;height:20px;background-position:-5px -124px;top:10px;}


/*-------------------- 状态栏 -------------------- */
.status{height:32px;background:#f7f7f7;line-height:32px;z-index:2;position:relative;font-size:12px;}
.status a:hover{text-decoration:underline;}

.home{background-position:-6px -262px;width:18px;height:16px;*margin-top:3px;}
.status_r ul li{padding:0px 10px;float:left;margin:8px 0px;height:18px;line-height:18px;}
.status_r .line{border-left:#ddd solid 1px;height:auto;background:none;width:auto;}
.status .spec{color:#b82320;}
.status_r nav ul li ins{width:10px;height:9px;background-position:-384px -188px;display:inline-block;*margin-top:-12px;}
.status_r nav ul li .xiala{width:72px;}
.status_r nav ul li .kuang{border:1px solid #d7d7d7;z-index:2;position:relative;background:#fff;padding:0px 8px 8px 8px;border-bottom:none;}
.status_r nav ul li.on ins{background-position:-420px -188px;}
.kuaijie,.yidou,.kefu{border:1px solid #d7d7d7;top:26px;*top:24px;left:1px;background:#fff;}
/*快捷操作下拉内容*/
.kuaijie{width:200px;}
.kuaijie ul{padding:10px 0px;}
.kuaijie ul li{float:left;width:80px;height:60px;}
.kuaijie ul li img{height:31px;}
/*移动学习*/
.yidou{width:110px;}
/*客户服务*/
.kefu{width:68px;padding:0px 10px 10px 10px;}
.kefu a:hover{color:#f00;}


/*--------------------  header -------------------- */
.header{padding-top:20px;}
.header_l{border-left:1px solid #d7d7d7;}
.header_l p{line-height:22px;}
.p1_header_l{letter-spacing:7px;}
.header .logo{font-size:20px;font-weight:bold;margin-right:15px;}
.header .logo a{color:#c9161e;}
.header-c{border-left:1px solid #ababab;}
.header-c span{font-size:15px;}
.header_r{}
.p1_header_r{font-size:13px;}
.p2_header_r{font-size:13px;line-height:14px;}
/*导航*/
.menu_wrap{background:#b82320;height:40px;line-height:40px;}
.menu{}
.menu li{float:left;padding:0px 24px;;height:40px;line-height:40px;margin-right:3px;}
.menu li.on{background:#d42925;}
.menu li:hover{background:#d42925;}
.menu li a{color:#fff;}


/*--------------------  footer -------------------- */
footer{background:#676767;padding:50px 0px 0px 0px;min-width:1200px;color:#fff;overflow:hidden;}
footer section{float:left;padding:0px 50px;_padding:0px 40px;height:160px;}
.f-l{width:425px;padding-left:0px;}
.f-c{width:360px;border-left:1px solid #6e6e6e;border-right:1px solid #494949;position:relative;}
.f-c .line-l{left:0px;top:0px;width:1px;height:160px;background:#494949;position:absolute;}
.f-c .line-r{right:0px;top:0px;width:1px;height:160px;background:#6e6e6e;position:absolute;}
footer a:hover{color:#fff;}
.f-r{width:95px;}
footer section h3{font-weight:normal;font-size:16px;color:#fff;}
footer section span,footer section a{color:#c8c8c8;font-size:12px;width:170px;display:inline-block;}
footer .f-l span{width:100%;}
footer section span ins{width:20px;height:25px;margin-right:5px;position:relative;}
footer .phone{display:inline-block;width:19px;height:19px;background:url(images/13.png?__spriter);margin-right:5px;vertical-align:middle;top:0px;}
footer .addr{display:inline-block;width:19px;height:23px;background:url(images/14.png?__spriter);margin-right:5px;vertical-align:middle;}
footer section p{font-size:13px;color:#fff;}

.footer_b{background:#444;color:#fff;text-align:center;font-size:12px;padding:15px 0px;margin-top:50px;}


/*-------------------- 首页 -------------------- */
/*第一部分，含幻灯片部分*/
/*-----左块-----*/

/*中块*/
.sec1-c{width:918px;}
.sec1-c-t{height:260px;}
.sec1-c-t-con ul li{left:0px;top:0px;width:918px;height:260px;}
.sec1-c-t-con ul li img{width:918px;height:260px;}
.sec1-c-t-con-item{bottom:30px;margin-right:20px;right:0px;}
.sec1-c-t-con-item ul li{cursor:pointer;font-size:24px;color:#666;float:left;width:6px;height:6px;line-height:6px;margin-left:10px;_margin-left:5px;*height:10px;*line-height:10px;}
.sec1-c-t-con-item ul li.on{color:#b82320;}
.sec1-c-f{height:231px;}

.sec1-l-m{width:259px;height:229px;margin-right:20px;}
.sec1-l-m h3{border-bottom:1px solid #e6e6e6;padding-left:10px !important;}
.sec1-l-m ul li{float:left;width:79px;padding:0px 0px 10px 0px;text-align:center;margin-top:10px;}
.sec1-l-m ins{width:48px;height:48px;margin:0 auto;}
.bdlc{background-position:-51px -43px !important;}
.jfzy{background-position:-119px -43px !important;}
.xxzn{background-position:-186px -43px !important;}
.khfs{background-position:-254px -43px !important;}
.dsdy{background-position:-321px -43px !important;}
.cjwt{background-position:-389px -43px !important;}

.sec1-c-news{width:657px;}

.sec1-c-f-t li{float:left;border:#e6e6e6 solid 1px;height:36px;line-height:36px;width:88px;margin-right:1px;background:#fff;}
.sec1-c-f-t li a{font-size:16px;color:#333;}
.sec1-c-f-t li.on{border-top:#d42925 3px solid;height:37px;line-height:37px;border-bottom:none;}
.sec1-c-f-con{top:-1px;height:182px;}
.sec1-c-f-con ul li{height:32px;line-height:32px;font-size:14px;}
.sec1-c-f-con ul li a:hover{text-decoration:underline;}
/*-----------右块-------------*/
.sec1-r{width:262px;margin-left:20px;}
/*登录前*/
.sec1-l-t{background:url(images/login_bg.png) #f5f5f5 no-repeat;width:240px;height:300px;padding:0px 10px 25px 10px;}
.sec1-l-t h3{font-size:16px;height:42px;line-height:42px;text-align:center;}
.user-name,.user-password{border:1px solid #e6e6e6;background:#fff;padding:3px 5px;height:36px;line-height:36px;}
.sec1-l-t input{border:none;border-left:1px solid #e6e6e6;padding-left:8px;width:140px;color:#9e9e9e;}
.user-name ins{background-position:-48px -4px;width:16px;height:18px;}
.user-password ins{background-position:-75px -4px;width:16px;height:18px;}
.user-password label{top:3px;left:45px;color:#9e9e9e;}
.login-btn{height:38px;line-height:38px;background:#b82320;margin-bottom:5px;}
.login-btn:hover{color:#fff;}
.composite{margin-top:5px;border-top:1px solid #ddd;padding-top:5px;}
.composite a{color:#e78c4a;}
.composite-station{background-position:-60px -124px !important;width:30px;height:22px;}
/*登录后*/
.has_login{background:url(images/login_bg.png) #f5f5f5 no-repeat;height:220px;padding:12px 10px 28px 10px;width:240px;}
.has_login .touxiang{width:100px;height:100px;margin:0 auto; position:relative;}
.has_login .touxiang img{position:absolute;top:0px;left:0px;}

/*sec1-copy*/
.sec1-copy .sec1-c{width:590px;}
.sec1-copy .sec1-c-f-t{border: #e6e6e6 solid 1px;border-bottom:1px solid #f5f5f5 !important;}
.sec1-copy .sec1-c-f-t li{border:none;border-top: #d42925 3px solid;position:relative;top:-3px;}
.sec1-copy .sec1-c-f-con{height:auto;}



/*专业人员继续教育*/
.peixun-lesson{}
.peixun-lesson-con{}
.peixun-lesson-head{border-bottom:#e6e6e6 1px solid;height:41px;}/*培训统计头部start*/
.peixun-lesson-head h2{font-size:25px;width:333px;margin-right:20px;border:none;}
.peixun-lesson-head span{font-size:16px;height:40px;line-height:41px;display:block;padding:0px 25px;float:left;text-align:center;cursor:pointer;border:1px solid #e5e5e4;margin-right:1px;}/*培训统计头部end*/
.peixun-lesson-head span.on{font-weight:bold;border-bottom:2px #fff solid;color:#ba2118;border-top:#d42925 3px solid;height:37px;}
.peixun-lesson-con-l{margin-left:20px;width:848px;}
.peixun-lesson-con-l .con_small-img {border-bottom:1px solid #e5e5e4;padding-bottom:20px;}
.peixun-lesson-con-l .con_small-img li{width:276px;margin:10px 0px 0px 10px;}
.peixun-lesson-con-l .con_small-img li img{width:276px;height:120px;}
.peixun-lesson .con-peixun li{height:190px !important;}
.peixun-lesson-con-l .con_small-img li:hover{width:258px;padding:8px;border:#e5e5e4 1px solid;box-shadow:0px 1px 1px #bbb;}
.peixun-lesson-con-l .con_small-img li:hover img{width:258px;height:102px;}
.peixun-lesson-con-l li:hover{height:172px !important;}
.peixun-lesson .xs{background:#ffaf00 !important;}
.peixun-lesson-con-l li .xueshi{bottom:0px;width:276px;}
.peixun-lesson-con-l li:hover .xueshi{bottom:8px;width:258px;}
.xueshi ins{display:inline-block;width:13px;height:14px;vertical-align:middle;background:url(images/1.png);margin-right:3px;position:relative;top:-2px;}
.peixun-lesson-con-l li h3{font-size:14px;color:#333;}

.con-left{width:332px;position:relative;}
.con-left .lay{width:332px;height:201px;display:block;}
.con-left .lay .lay-con{width:292px;height:161px;background:#9d1c14;padding:20px;color:#fff;display:none;position:absolute;top:0px;left:0px;}
.con-left .lay:hover .lay-con{display:block;}
.con-left .lay .lay-con span:hover{border-bottom:1px solid #fff;}
.con-left .lay img{width:332px;height:201px;}
.con-left ul li{background:#eee;text-align:center;margin-top:8px;border:1px solid #eaeaea;}
.con-left ul li a{font-size:12px;}
.con-left ul li.lo{height:34px;line-height:34px;}
.con-left ul li.lt{height:46px;padding-top:2px;}
.con-left ul li.lo:hover{background:url(images/r_bg.jpg) repeat-x 0px -7px;border:1px solid #f09ca0;}
.con-left ul li.lt:hover{background:url(images/r_bg.jpg) repeat-x;border:1px solid #f09ca0;}

.con-left ul.col-f{position:relative;zoom:1;margin-left:-6px;}
.con-left ul.col-f li{width:161px;margin-left:6px;float:left;}

.pxdt h3{width:120px;display:block;font-size:16px;padding-top:20px;color:#333;}
.pxdt-con{padding-top:20px;}
.pxdt-con p{width:auto;height:30px;line-height:30px;}
.pxdt-con p a{color:#666;}
.pxdt a:hover{text-decoration:underline;}
.pxdt-con p span{font-size:12px;color:#999;}

/*小幻灯片*/
.block-l{float:left;width:408px;padding-right:15px;border-right:1px solid #eee;margin-top:20px;}
.block-l img{width:100%;height:120px;}
.block-l h3{font-size:16px;color:#333;height:32px;line-height:32px;border-bottom:1px solid #eee;margin-top:5px;margin-bottom:5px;}
.block-l h3 a:hover{text-decoration:underline;color:#999;}
.peixun-lesson .block-l ul li{height:26px !important;line-height:26px;width:408px !important;margin:0px 0px 0px 10px !important;}
.block-l ul{margin-top:10px;}
.block-l ul li:hover{height:auto !important;}
.block-l ul li a:hover{text-decoration:underline;}
.block-l ul li span{margin-right:15px;}
.block-r{width:409px;padding-left:15px;padding-right:0;border:none;}

.block-l .pr ul.pa{bottom:10px;margin-right:10px;right:0px;}
.block-l .pr ul.pa li{cursor:pointer;float:left;width:24px !important;height:4px !important;margin-left:3px;background:#000;opacity:0.7;filter:Alpha(opacity=70);}
.block-l .pr ul.pa li:hover{height:4px !important;}
.block-l .pr ul.pa li.on{background:#d42925;}


/*国培计划*/
.tea-con-wrap{padding-bottom:25px !important;padding-top:50px !important;padding-left:6px;}
.tea-con-wrap ul{padding:20px;}
.tea-con-wrap ul li{float:left;margin-left:14px;width:260px;height:106px !important;}
.tea-con-wrap ul li:hover{width:260px !important;;height:106px !important;}
.tea-con-wrap ul li img{height:104px;width:258px;border:1px solid #e5e5e4;}
.tea-con-wrap ul li:hover img{height:104px !important;;width:258px !important;;}
.tea-con-wrap ul li .pa{top:25px;left:0px;width:206px;}

.pre,.next{opacity:0.3;filter:Alpha(opacity=30);background:#000;width:28px;height:36px;top:50%;}
.pre{left:0px;}
.next{right:0px;}

.prevStop,.nextStop{opacity:0.08;filter:Alpha(opacity=8);}

/*信息技术应用能力提升工程*/
.tsgz-con{margin-top:10px;}
.tsgz-con li img{width:269px;height:167px !important;}

/*社区之家*/
.area-home{width:590px;}
.area-home-t{background:url(images/bg1.jpg) no-repeat;height:139px;width:570px;padding:50px 0px 0px 20px;color:#fff;}
.area-home-t2{background:url(images/bg2.jpg) no-repeat;color:#333;}
.area-home-t .btn1{margin:18px 0px 0px 88px;}
.area-home-con{padding:20px;background:#f5f5f5;}
.area-home-con h3{font-size:14px;}
.area-home-con ul li span{font-size:12px;}
.area-home-con ul li a{font-size:12px;}


/*报读指南*/
.baodu-zhinan ul{margin-left:-2px;overflow:hidden;}
.baodu-zhinan ul li{float:left;border-left:2px solid #fff;width:238px;height:106px;padding-top:30px;_width:236px;}
.baodu-zhinan ul li span{font-size:32px;font-weight:bold;color:#fff;margin-left:10px;display:block;float:left;width:70px;line-height:38px;}
.baodu-zhinan ul li ins{width:80px;height:80px;margin-left:40px;_margin-left:20px;}
.baodu-zhinan ul li.cur{width:480px;}
.baodu-zhinan-item1{background:#e54f43;}
.baodu-zhinan-item1 ins{background-position:-46px -216px;}
.baodu-zhinan-item2{background:#efc230;}
.baodu-zhinan-item2 ins{background-position:-136px -216px;}
.baodu-zhinan-item3{background:#3b99d8;}
.baodu-zhinan-item3 ins{background-position:-230px -216px;}
.baodu-zhinan-item4{background:#31ad64;}
.baodu-zhinan-item4 ins{background-position:-318px -216px;}
.baodu-zhinan ul li.cur ul{display:block;}
.baodu-zhinan ul li ul{float:left;margin-left:70px;display:none;}
.baodu-zhinan ul li ul li{font-size:14px;line-height:26px;height:26px;border-left:none;float:none;padding-top:0px;width:200px;}
.baodu-zhinan ul li ul li a{color:#fff;}

/*友情链接*/
.friend-href{margin-bottom:30px;}
.friend-href h2{border-bottom:#f5f5f5 solid 1px;}
.friend-href .href{padding:10px;}
.friend-href .href a{padding:5px 10px;display:inline-block;}
.friend-href .href a:hover{color:#e54f43;}


/*-------------------- 继续教育体验站点培训课程 -------------------- */
.pei-xun-lesson-wrap{background:url(images/con_bg.jpg) repeat-x;padding-top:15px;}
/*左边导航*/
.jyyw-main-l{width:250px;background:#f9f9f9;}
.jyyw-main-l h2{height:62px;line-height:62px;}
.jyyw-main-l ul li{background:#fff;height:36px;line-height:36px;padding-left:50px;border-bottom:1px solid #f1f1f1;}
.jyyw-main-l ul li a{font-size:14px;color:#616161;}
.jyyw-main-l ul li.on{background:#b82320;}
.jyyw-main-l ul li.on a{color:#fff;}
.jyyw-main-l ul li:hover{background:#616161;font-size:16px;}
.jyyw-main-l ul li:hover a{color:#fff;}
.jyyw-main-l ul li.on:hover{background:#b82320;}
.jyyw-main-l ul li.on:hover a{color:#fff;}
.jyyw-main-l ul li.on ins{height:36px;width:30px;background:url(images/22.png?__spriter);float:right;display:block;}

/*列表页右边*/
.pei-xun-lesson .r-main{width:910px;background:#fff;padding:15px;min-height:300px;}
.pei-xun-lesson .r-main p{padding-left:10px;}
.pei-xun-lesson .r-main p a{margin-left:12px;}
.pei-xun-lesson .r-main .two-line a{margin-left:12px;display:inline-block;padding-top:3px;padding-bottom:3px;}
.pei-xun-lesson .small-img{width:28px;height:28px;background-position:-5px -146px;top:5px;}
.pei-xun-lesson .list{width:32px;height:28px;background-position:-5px -172px;top:5px;}
.pei-xun-lesson p.paixu{background:#dedede;line-height:35px;}
.pei-xun-lesson p.paixu a{margin-left:0px;margin-right:26px;}
.pei-xun-lesson .orange{text-decoration:none;}
.con-peixun ul{margin-left:-10px;}/*相关课程缩略图start && 首页培训课程*/
.con-peixun li{width:235px;float:left;height:170px;margin:10px 0px 10px 10px;_margin:8px 0px 8px 7px;}
.xueshi{bottom:0px;}
.xs{border-radius:3px;background:#d22e2b;}/*相关课程缩略图end*/
.con-peixun table thead tr th{text-align:center;}/*相关课程列表*/
.paging{margin:60px 0px 50px 0px;}

/*内容页右边*/
.jyyw-main-r{width:910px;padding:15px !important;padding-top:5px !important;}
.jyyw-main-r h2{height:40px;line-height:40px;border-bottom:1px solid #dbdbdb;}
.jyyw-main-r h2,.jyyw-main-r h2 a{font-size:14px;color:#333;}
.jyyw-main-r .news-list{border-bottom:1px solid #f1f1f1;}
.jyyw-main-r-con{padding:20px 0px;}
.jyyw-main-r-con img{float:left;width:220px;height:120px;margin:0px 30px 30px 0px;}
.jyyw-main-r-con p{position:relative;top:-5px;}

.news-page-con h1.tit{font-size:20px; text-align: center; font-weight: normal; margin:20px 0px 5px 0px;}
.news-page-con .info{text-align: center; font-size:14px; color:#999;margin-bottom:10px;}
.news-page-con .info span{margin:0 10px;}
.news-page-con{font-size:16px; line-height: 32px; color:#666;}
.news-page-con p{font-size:16px;line-height: 32px; margin-bottom:15px; text-indent: 2em;}


/*-------------------- 继续教育体验站点培训课程课程详情 -------------------- */
/*当前位置*/
.xq-lesson .breadcrumbs,.xq-lesson .breadcrumbs li a,.xq-lesson .breadcrumbs li.last a{color:#9e9e9e;}
/*专业科目*/
.xq-lesson .lesson{padding:30px 20px;background:#f7f7f7;}
.xq-lesson .smallimg{width:470px;height:260px;}
.xq-lesson .km{height:18px;background:#7b7b7b;margin-top:8px;}
.xq-lesson .kml{height:18px;width:10px;background-position:-14px -200px;margin-top:8px;}
.xq-lesson .kmr{height:18px;width:10px;background-position:-5px -200px;margin-top:8px;}
.xq-lesson .table tr{height:38px;}
.xq-lesson .table tr td{width:310px;vertical-align:bottom;}
.xq-lesson .bd{background:#d42925;width:162px;height:42px;line-height:42px;}
.xq-lesson .computer,.xq-lesson .phone{top:5px;}
/*课程简介*/
.xq-lesson .intro-lesson{width:918px;border:1px solid #e6e6e6;}
.xq-lesson .intro-lesson h3{background:#f7f7f7;height:46px;line-height:46px;}
.xq-lesson .con-lesson{padding:0px 30px 30px 30px;}
.xq-lesson .con-lesson h4{height:42px;line-height:42px;margin-top:10px;}
.xq-lesson .con-peixun li{float:none;}
.xq-lesson .kchxg{width:233px;border:1px solid #e6e6e6;padding:10px 15px 0px 15px;}


/*-------------------- 政策资讯栏目右边选项切换头部样式 -------------------- */
.zczx ul li{padding:10px 30px;}
.zczx .list_main a{color:#7b7b7b;}

.r-main .peixun-lesson-head{height:37px;}
.r-main .peixun-lesson-head span{font-size:14px;height:36px;line-height:37px;padding:0px 10px;}
.r-main .peixun-lesson-head span.on{border-bottom:2px #fff solid;color:#ba2118;border-top:#d42925 3px solid;height:34px;}


/*-------------------- 继续教育体验站点政策资讯通知公告正文等内容页 -------------------- */
.zxzw{padding:20px;}
.zxzw h3{margin-bottom:5px;}
.zxzw .article_info{text-align: center; font-size:14px; color:#999;margin-bottom:10px;border-bottom: 1px solid #f5f5f5;padding-bottom: 10px;margin-top: 20px;}
.zxzw .article_info small{margin:0 10px;}
.zxzw p{font-size:14px;line-height: 32px; margin-bottom:15px; text-indent: 2em;}

.r-main .breadcrumbs{border-bottom:1px solid #dedede;}
.r-main .breadcrumbs li{line-height:32px;}

/*内容页*/
.home-panel {
    padding: 10px 0;
}
.home-panel.hangye-pannel {
    width: 70%;
    float: left;
    padding-right: 20px;
}
.home-panel.guozhi-pannel {
    float: right;
    width: 30%;
}
.home-panel .title {
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid #e1e1e1;
}
.home-panel .title .title-txt {
    padding: 6px 0;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 2px solid #da251d;
}
.home-panel .home-panel-content {
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    padding: 10px;
    height: 275px;
    overflow: hidden;
}
.home-panel .home-panel-content .news-title {
    font-size: 14px;
    padding: 5px 0;
}
.home-panel .home-panel-content .news-title a {
    color: #333;
}
.home-panel .home-panel-content .news-title a:hover {
    color: #da251d;
}
.home-panel .home-panel-content .news-brief {
    line-height: 20px;
    color: #727272;
}
.home-panel .home-panel-content .news-list-img {
    margin: 0;
    text-align: justify;
    text-justify: distribute-all-lines;
    /* for ie */
}
.home-panel .home-panel-content .news-list-img:after {
    content: "";
    height: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.home-panel .home-panel-content .news-list-img > li {
    padding: 0;
    width: 220px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.home-panel .home-panel-content .news-list-img > li .img {
    width: 220px;
    height: 120px;
    overflow: hidden;
}

.home-panel .section-content .pic-logo-list {
    margin: 10px 0;
    padding: 0;
}
.home-panel .section-content .pic-logo-list > li {
    float: left;
    text-align: center;
    border: 1px solid #e1e1e1;
    width: 156px;
    height: 120px;
    padding: 10px;
    margin-right: 4px;
    margin-bottom: 4px;
}
.home-panel .section-content .pic-logo-list > li:nth-child(5n+0) {
    margin-right: 0;
}
.home-panel .section-content .pic-logo-list > li .item-name {
    font-size: 16px;
    margin-top: 5px;
}
.learn-center-panel .lc-tab-nav-tabs li {
    width: 150px !important;
    text-align: center;
}

.section-content p{font-size:13px !important;line-height:2em;text-indent:2em;}
.pei-xun-lesson-wrap .banner{height:200px;margin-bottom:15px;overflow:hidden;}
























        .ins0{background:url({ms:globalskin.url/}images/ico.png) no-repeat;}
        .ins1{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .ins2{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .ins3{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .user-password ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_password.png) no-repeat!important;
            background-position: unset!important;
        }
        .user-name ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_count.png) no-repeat!important;
        }
        #imgkey ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_imgkey.png) no-repeat!important;
        }
        .has_login{
            width: unset;
            height: 275px;
            background: white;
        }
        .login-btn{
            width: 200px;
            margin: 20px auto;
            background-color: #94221B;
            font-size: 18px!important;
            border-radius: 20px;
        }
        .has_login .touxiang img{
            border-radius: 50%;
        }
        .has_login .touxiang{
            margin: 30px auto;
        }
        /*登录框样式开始*/
        .sec1-l-t{
            width: unset;
            background: #fff!important;
        }
        .bc-e6e6e6{
            border: none;
        }
        .sec1-l-t h3{
            font-size: 22px;
            color: #23487c;
            margin: 20px 0 21px 0;
            height: unset;
            line-height: unset;
        }
        .sec1-l-t input{
            border: none;
        }
        .loginPanelOut{
            display: none;
            width: 313px;
            height: 387px;
            position: absolute;
            top: 40px;
            right: 10%;
            background: #fff;
            border:1px solid rgba(210,210,210,1);
            box-shadow:0px 8px 10px 0px rgba(0, 0, 0, 0.35);
            opacity:0.95;
        }
        .user-name, .user-password{
            border-radius: 6px!important;
            width: 250px;
            margin: 0 auto;
            margin-top: 15px;
            border: 1px solid #e6e6e6!important;
        }
        .loginPanelOut #loginlogin{
            width: auto;
            border-radius: 6px;
            background-color: #4d72a8!important;
            margin: 40px 16px;
            margin-top: 30px;
            margin-bottom: 15px;
        }
        .login-tab{
            width: 285px;
            height: 44px;
            line-height: 44px;
            font-size: 16px;
            font-weight: 600;
            color: #666;
            text-align: center;
            border-bottom: 1px solid #f4f4f4;
        }
        .login-box{
            width: 285px;
            height: 300px;
        }
        .login-content{
            padding: 10px 20px 0;
        }
        .f12, .font12{
            font-size: 12px !important;
        }
        .login-img{
            display: block;
            float: left;
            width: 35px;
            text-align: center;
            height: 35px;
            line-height: 35px;
            background-color: #f4f4f4;
            border: 1px solid #e1e1e1;
        }
        .login-content input{
            width: 190px;
            color: #999;
            height: 25px;
            line-height: 25px;
            padding: 5px;
            border: 1px solid #ededed;
            border-radius: 0;
        }
        .login-content .login-btn{
            margin: 5px 0;
            display: block;
            width: 100%;
            height: 36px;
            background: #da251d;
            text-align: center;
            line-height: 36px;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            letter-spacing: 6px;
            cursor: pointer;
            text-decoration: none;
        }
        /*登录框样式结束*/
        .zxContent{
            display: flex;
        }
        .zx_left{
            width: 860px;
            margin-right: 40px;
        }
        .zx_left ul{
            list-style: disc;
        }
        .zx_left ul li{
            padding: 10px;
            font-size: 14px;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #ccc;
        }
        .zx_left .liList:nth-of-type(1){
            display: none;
        }
        .zx_left ul li .zx_item {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-right: 30px;
            flex: 1;
        }
        .zx_left ul li span{
            color: #555555;
            width: 750px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .zx_left ul li span:first-child:hover{
            color: rgb(255,69,74)!important;
        }
        .zx_right{
            flex: 1;
        }
        .zx_right ins{
            width: 48px;
            height: 48px;
            margin: 0 auto;
        }
        .ins0{
            /*background: url(http://pxcs.gzedu.com/templets/6/sdgl/images/ico.png) no-repea ;*/
        }
        .padding10{
            padding: 10px;
        }
        .zx_right ul .li{
            float: left;
            width: 79px;
            padding: 0px 0px 10px 0px;
            text-align: center;
            margin-top: 10px;
            margin-left: 15px;
        }
        .plusContent{
            color: #777777;
            display: flex;
        }
        .help_content{
            flex: 1;
        }
        .group_content{
            display: flex;
            justify-content: space-between;
            width: 860px;
            margin-right: 60px;
        }
        .tz_content{
            margin-right: 20px;
        }
        .tz_content ul li{
            display: flex;
        }
        .xm_content ul li{
            display: flex;
        }
        .tz_content ul li p{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: auto;
        }
        .tz_content ul li .dt{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            flex: 1;
        }
        .xm_content ul li p{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 400px;
        }
        .xm_content ul li .dt{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            flex: 1;
        }
        .help_content ul li .bz{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 280px;
        }
        #courseCategory{
            display: flex;
            height: 20px;
            line-height: 20px;
            margin: 15px 8px;
            color: #313131;
            font-size: 16px;
        }
        #courseCategory li{
            margin-right: 50px;
        }
        #courseCategory li:hover{
            cursor: pointer;
        }
        .courseList{
            display: flex!important;
            flex-wrap: wrap;
        }
        #course{
            height: 520px;
        }
        .test{
            display: none!important;
        }
        .hide{
            display: none;
        }
        .active{
            color: #94221B;
            height: 22px;
            border-bottom: 2px solid #94221B;
        }
        .zuo{
            background-image:url({ms:globalskin.url/}images/huakuaiL.png);
            background-position: -288px -440px;
            left: 0;
        }
        .you{
            background-position: -320px -440px;
            right: 0;
            background-image:url({ms:globalskin.url/}images/huakuaiR.png);
        }
        .trigger{
            width: 32px;
            height: 64px;
            position: absolute;
            top: 55px;
            z-index: 3;
        }
        .xsq_deal_wrapper, .saleDeal{
            width: 112px!important;
            margin-left: 0!important;
        }
        .flashSaleDeals ul li{
            width: 115px!important;
            border-right:none;
            padding: 0 6px 0 8px!important;
            margin: 0 10px!important;
        }
        .flashSale_wrap, .flashSale, .flashSaleDeals{
            height: 220px!important;
        }
        .flashSale{
            margin-top: 0!important;
        }
        .friendContent{
            height: 170px;
            margin-bottom:15px
        }
        .friendLinkList{
            margin: 15px 5px;
        }
        .yahei .sec1-c-f{
            height: auto;
        }
        .yahei .sec1-c-t-con ul li img{
            object-fit: cover !important;
        }


        body{
            margin: 0;
            padding: 0;
            font-family:Microsoft YaHei;
        }
        footer{
            width:100%;
            min-width: 1195px;
            height:79px;
            background:rgba(153,153,153,1);
            opacity:1;
            font-size:14px;
            text-align: center;
            font-weight:400;
            line-height:79px;
            color:rgba(255,255,255,1);
            margin-top: -22px;
        }
        h1{
            width:181px;
            height:46px;
            background:rgba(255,68,68,1);
            opacity:1;
            border-radius:0px 20px 0px 0px;
            font-size:20px;
            font-weight:400;
            line-height:48px;
            color:rgba(255,255,255,1);
            padding-left: 23px;
            margin-bottom: 0;
        }
        h3{
            font-size:16px;
            color:rgba(255,68,68,1);
            opacity:1;
            color: #FF4444;
            margin: 1px 0;
        }
        ul{
            padding: 0;
            margin: 0
        }
        li{ 
            list-style: none;
                    background-size: cover;
        }
        a{
            color: #333
        }
        table{
            width: 100%;
            color: #999999;
            font-size: 14px;
            font-weight:400!important;
            border-collapse:collapse;
            clear: both;
            table-layout: fixed;
        }
        table tr th{
            border-bottom: 1px solid #CDCDCD;
            padding:13px 0;
            text-align: left;
        }
        table tr{
            height: 35px;
        }
        table tr td{
            min-height: 23px;
            padding:6px 0;
            text-align: left;
            overflow : hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            white-space:nowrap
        }
        table tr:nth-child(2) td,#workList tr:nth-child(n+2):nth-child(8n-6) td,#design tr:nth-child(n+2):nth-child(8n-6) td{
            padding-top: 18px
        }
        table tr:nth-child(2) td:first-child:after,#workList tr:nth-child(n+2):nth-child(8n-6) td:first-child:after,#design  tr:nth-child(n+2):nth-child(8n-6)  td:first-child:after{
            top: 21px
        }
        table tr td:first-child{
            color: #333333;
            padding-left: 20px;
            position: relative;
        }
        table tr td:first-child:after{
            content: "";
                    position: absolute;
                    display: block;
                    width: 14px;
                height: 14px;
                left: 0;
                top: 9px;
        }
        table tr td:first-child:after{
            background-image: url('{ms:globalskin.url/}/images/subjectIcon5.png')
        }
        table .video td:first-child:after{
            background-image: url('{ms:globalskin.url/}/images/subjectIcon4.png')
        }
        #host section p:hover,#title .right div p:hover,table tr td:first-child:hover,a:hover{
            color: unset !important;
            cursor:pointer
        }
        #Head{
            width: 100%;
            min-width: 1195px;
            /*height: 150px*/
        }
        video{
            background: #000;
                    width:100%;
            height:100%;
        }
        .centerDiv{
            width: 1190px;
            margin: 0 auto;
            clear: both;
        }
        .active{
            color: #FF4444!important;
            position: relative;
        }
        .active:before {
                    content: "."; 
                    position: absolute; 
                    top: -2px; 
                    left: 46%;
                    font-size: 26px
            }
        #title{
            width:100%;
            height:630px;
            background:rgba(255,247,247,1);
            opacity:1;
        }
        #title .left{
            float: left;
            width: 608px;
            margin-right: 22px;
        }
        #title .right{
            float: left;
            width: 560px
        }
        #title .left p{
            margin: 0 0 5px;
                    height: 350px;
                    background: #000;
            border-top: 3px solid rgba(255,68,68,1)
        }
        #title .left #titleArticle p{
            color: #707070;
            font-size:14px;
            line-height:24px;
                    height: 135px;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
                    background: none;
            border: none
        }
        #title .left div{
            background: #fff;
            padding: 19px;
            box-shadow:0px 3px 15px rgba(235,235,235,1);
            border-radius:4px;
            height: 146px;
        }
        #title .right .div1{
            width:561px;
            height:280px;
            background:rgba(255,255,255,1);
            box-shadow:0px 3px 15px rgba(235,235,235,1);
            border-radius:4px;
            overflow: hidden;
        }
        #title .right .div1:first-child{
            margin: 19px  0
        }
        #title .right .div1 div{
            height:66px;
        }
        #title .right .div1 h2{
            width:130px;
            height:49px;
            font-size: 20px;
            background:rgba(255,68,68,1);
            border-radius:0px 0px 20px 0px;
            font-weight:400;
            line-height:48px;
            color:rgba(255,255,255,1);
            padding-left: 23px;
            margin: 0
        }
        #title .right .div1 p{
            color: #333333;
            font-size:14px;
            font-weight:400;
            line-height:15px;
            padding: 0 27px;
            clear: both;
            overflow: hidden;
        }
        #title .right .div1 span:first-child{
            width: 400px;
            float: left;
                    display: inline-block;
                    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
        #title .right .div1 span:nth-child(2){
            float: right;
            color: #999999;
            font-size:14px;
            font-weight:400;
        }
            #research .p1{
            margin-top: 40px;
        }
            #growth .p1{
            height: 30px;
        }
        #photo p:first-child span,#host .topP span,#research p .span1,#growth p:first-child span{
            position: relative;
            font-size: 20px;
                    padding: 0 14px;
                    float: left;
        }
        #photo p:first-child span:after,#host .topP span:after,#research p .span1:after,#growth p:first-child span:after{
            content: "";
                    position: absolute;
                   display: block;
                   -webkit-transform: translate(-50%, -50%);
                   transform: translate(-50%, -50%);
                   border-top: 23px solid #FF4444;
                   width: 3px;
                   height: 24px;
                   left: 0
        }
        #opus ul li table tr th:first-child:before{
            content: "";
                    position: absolute;
                   display: block;
                   width: 24px;
                   height: 24px;
               left: 105px;
               top: 15px;
        }
        #work,#photo,#research,#growth,#opus,#microVideo{
            height: 465px;
            position: relative;
        }
            #work{
            height: 490px;
        }
            #growth{
            height: 660px;
        }
           #microVideo{
            height: 625px;
        }
        #photo{
            margin-top: 35px;
            height: 580px;
        }
        #research {
            height: 800px;
        }
        #microVideo .div1{
            margin-top: 1px;
                    border-top: 3px solid rgba(255,68,68,1);
                    padding-top: 25px;
        }
        #work table,#opus ul li:first-child table{
            border-top: 3px solid rgba(255,68,68,1);
        }
        #opus ul li .more,#microVideo .more{
            display: none;
            float: right;
            font-size:12px;
            font-weight:400;
            margin: 15px 0 25px 0;
            color:rgba(89,164,233,1);
        }
        #opus ul li table tr th:first-child{
            position: relative;
            font-size: 20px;
                    padding-left: 14px;
                    color: #000;
        }
        #photoUl,#microVideoUl,#opusUl,#researchUl{
            padding-top: 3px;
                    overflow: hidden;
                    height: 30px;
                    padding-left: 15px;
        }
        #opusUl,#workUl,#microVideoUl{
            padding-top: 26px;
                    overflow: hidden;
                padding-left: 20px;
                height: 30px
        }
        #photoUl li,#microVideoUl li,#workUl li,#opusUl li,#researchUl li{
            float: left;
            margin: 0 6px;
            color: #707070;
            font-size: 16px
        }
        #photoUl li,#microVideoUl li{
            margin: 0 10px;
        }
        #photoUl li:hover,#microVideoUl li:hover,#workUl li:hover,#opusUl li:hover,#researchUl li:hover{
            color: #FF4444!important;
            cursor:pointer
        }
        #opus h1,#work h1,#microVideo h1{
            float: left;
        }
        #photoList,#microVideoList,#researchList{
            height: 380px;
        }
        #researchList{
            height:450px
        }
        #growthList{
            overflow: hidden;
        }
        #photoList li,#microVideoList li,#researchList li,#microVideoList li,#growthList li{
            float: left;
            width: 275px;
            height: 160px;
            margin: 0 30px 20px 0;
            overflow: hidden;
            position: relative;
        }
        #photoList li{
            height: 207px;
            }
        #microVideoList li .video1{
            position: absolute;
            top:60px;
            left:105px;
        }
        #researchList li,#microVideoList li{
            height: 225px;
                    margin: 0 30px 5px 0;
        }
            #growthList li{
                    width: 214px;
            height: auto;
            margin: 0 30px 20px 0;
        }
            #growthList li div{
                    position: relative;
        }
            #growthList li .img1{
                    width: 165px;
            height: 190px;
            margin: 0 24px;
        }
            #growthList li .img2{
                    width: 50px;
                    position: absolute;
            top: -3px;
            left: 25px
        }
            #growthList li p{
                    margin: 8px 0 0 0
        }
            #growthList li .p{
                    text-align: center;
        }
           #growthList li p span{
                    text-align: left;
                    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-inline-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
            #growthList li .p1{
                    font-size: 14px;
                    color: #999999;
        }
            #researchList li{
                    margin: 8px 22px 0 0;
            width: 220px;
        }
    
        #researchList li p,#microVideoList li p{
            font-size:16px;
            height: 40px;
            margin-top: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        #researchList li p{
            padding: 0 10px;
                    text-align: center;
        }
            #researchList li p span{
                    text-align: left;
                    overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-inline-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
            #researchList li img{
            width: 100%;
                    height:100%;
            }
            #researchList li:hover img{
            transition: all 0.6s;
                    transform: scale(1.15, 1.15);
            }
        #photoList a:nth-child(n+9){
            display: none;
        }
        #photoList a:nth-child(4n) li,#microVideoList li:nth-child(4n){
            margin: 0
        }
            #researchList a:nth-child(5n) li{
            margin-right: 0
        }
        #growthList a:nth-child(5n) li{
            margin: 0
        }
        #photoList li p{
            width: 92%;
            height: 38px;
            background:rgba(0,0,0,0.7);
            margin: 154px 0 0 0;
            color: #fff;
            font-size:14px;
            line-height:21px;
            overflow: hidden;
            text-overflow: ellipsis;
                -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            padding: 7.5px 4%;
                    display: -webkit-box;
            transform: translate(0, 100%);
        }
        #photoList li:hover p{
                    transform: translate(0, 0);
            transition: 0.6s;
        }
        #opusList li{
            min-height: 320px;
            margin-bottom:10px;
        }
        #opusList img, #workList img{
            float: left;
            width: 67px;
            height: 23px;
                    margin-right: 5px;
                    display: none
        }
            #opus #design .Y img,#workList .推荐 img{
            display: inline-block;
        }
        .text{
            width: 100%;
            height: 30%;
            background-color:blue;
            position: absolute;
            top: 30%;
            left: 0; 
            transform: rotate(-45deg) rotateX(90deg);
            transition: 0.6s 0.9s ease-in-out;
            line-height: 70%;
            color: pink;
            font-size: 26px;
            text-align: center;
        }
    
    .activeShow{display: inline-block!important;}
    .zuo{background-image: url('{ms:globalskin.url/}/images/huakuaiL.png');}
    .you{background-image: url('{ms:globalskin.url/}/images/huakuaiR.png');background-position: -160px -440px;right: 0; width: 32px;}
    .title_new .p2{min-height: 20px;}
    img{object-fit: contain}
    .flashSaleDeals ul li{height:auto!important}
    @charset "utf-8";

/*公用css开始*/
a{
    text-decoration:none;
}
i,em{
    font-style: normal;
}
img{
    vertical-align: middle;
    border:0;
}
li, ol, ul {
    list-style: none;
}
.clear::after,.area::after{
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
#sidebar .shoping-go:hover .shoping-shumu{
    color: #c7000b;
}
.top-header #top-header{
    width:980px;
    margin:0 auto;
}

/*公用css结束*/
body{
    margin: 0 auto;
    padding: 0;
}


/*限量抢购-开始*/

.brand_infor{
    text-align: left;
    position: relative;
    border-bottom: 1px solid #ff6767;
    font-family: "microsoft yahei";
}
.brand_infor_tit{
    font-size: 18px;
    font-family: "微软雅黑";
    color: #2f2f2f;
    line-height: 33px;
    padding-right:10px;
}

.brand_infor_cat{
    float: right;
    margin-top: 9px;
    line-height: 24px;
}




.flashSale_wrap {
    /*display: none;*/
    width: 980px;
    height: 287px;
    margin:0 auto;
}
.flashSale{
    position: relative;
    height: 299px;
    overflow: hidden;
    margin-top: 33px !important;
}
.xlqg{
    font-size:0;
}
.xlqg a{
    display: inline-block;
    padding: 0 8px;
    height: 24px;
    color: #ff6767;
    font: 12px/24px "microsoft yahei";
}
.xlqg em{
    margin:0;
}
.xlqg a.Active{
    background: #ff6767;
    color: #fff;
    text-decoration: none;
}
.xlqg a:hover{
    background: #ff6767;
    color: #fff;
    text-decoration: none;
}
.tab-content{
    margin-top:12px;
}
.flashSale .tab-content .tab-pane {
    display: none;
}
.flashSale .tab-content .Active {
    display: block;
}
.flashSaleDeals {
    width: 980px;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.flashSaleDeals ul li{
    width:990px;
    float:left;
}
.xsq_deal_wrapper,.saleDeal{
    position: relative;
    display: block;
    float: left;
    width: 192px;
    background: #fff;
    margin-left: 4px;
}
.dealCon{
    position: relative;
    width: 192px;
    height: 192px;
    overflow: hidden;
}
.dealImg{
    width: 192px;
    height: 192px;
}
.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font: 12px/20px '微软雅黑';
    display: none;
    z-index: 2;
}
.overlay .xsqMask{
    opacity: .4;
    filter: alpha(opacity=40);
}
.overlay .xsqMask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.overlay p{
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
}
.word1{
    top: 48px;
    font-size: 16px;
}
.word2{
    top: 78px;
    font-size: 16px;
}
.word3{
    top: 145px;
    font-size: 14px;
}
.flashSaleDeals .saleDeal:hover .finish{
    display: block;
}

.xsqIcon {
    width: 76px;
    height: 75px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    z-index: 1;
}
.stock{
    width: 100%;
    height: 20px;
    overflow: hidden;
    font: 13px/20px '微软雅黑';
    color: #fff;
    text-align: center;
    position: absolute;
    border-bottom: 24px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    bottom: -24px;
    left: 0;
    z-index: 1;
}
.saleDeal:hover .dealCon .stock{
    bottom: 0;
}
.xsqMask {
    opacity: .4;
    filter: alpha(opacity=40);
    /*z-index: 1;*/
}
.xsqMask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}
.stockWord {
    position: relative;
    z-index: 2;
    font-size: 12px;
}
.title_new {
    padding: 6px 10px 0;
    font: 12px/20px "microsoft yahei";
    color: #060606;
}
.title_new p {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    margin: 0;
}
.baoyouText {
    color: #888;
    margin-right: 5px;
}
.dealInfo {
    height: 35px;
    padding: 0 12px 0 10px;
    text-align: right;
    margin-top: -1px;
}
.price {
    color: #ec1611;
    font: 13px/33px '微软雅黑';
    float: left;
}
.price em{
    font: 700 16px/33px Arial;
    margin-left: 4px;
}
.shop_preferential{
    float: right;
    font: 12px/12px "Arial";
    color: #b5b5b5;
    margin-top: 10px;
}

.flashSaleDeals .saleDeal:hover .finishIcon, .flashSaleDeals .saleDeal.zt2:hover .finish {
    display: none;
}

.trigger {
    width: 43px;
    height: 64px;
    position: absolute;
    top: 145px;
    z-index: 3;
}
.zuo{
    background-position: -277px -440px;
    left: -11px;
}
.you{
    background-position: -307px -440px;
    right: 0;
}
/*限量抢购-结束*/


/*意见反馈-开始-弹出层*/
.fb-shade{
    display: none;
    width:100%;
    height:100%;
    background: #000;
    opacity: 0.1;
    filter:alpha(opacity=10);
    position: fixed;
    top: 0;
    z-index: 1000;
}
.fb-content{
    display: none;
    width: 570px;
    padding: 25px 25px 0;
    text-align: left;
    min-height: 350px;
    _height: 350px;
}
.fb-nr{
    border: 1px solid #b1b1b1;
    z-index: 100000;
    background: #fff;
    position: fixed;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.35);
}
.fb-x{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    background: url("../images/feedback_btn.png") no-repeat -21px -32px;
}
.fb-x:hover{
    background-position: -33px -32px;
}
.fb-ztnr h4{
    height:58px;
    background: url("../images/feedback_logo.png") no-repeat;
    line-height: 500px;
    overflow: hidden;
    border: 0;
}
.fb-ztnr li{
    margin-bottom: 20px;
}
.hd{
    line-height: 31px;
    background: url("../images/feedback_bg.png");
}
.fb-jy textarea{
    width: 98%;
    height: 54px;
    color: #999;
}
.gint{
    border: 1px solid #bbb;
    height: 18px;
    padding: 3px;
    line-height: 18px;
}
.fb-hone i{
    color: #e02f2f;
}
.fb-hone input{
    width: 340px;
    color: #999;
}
.fb-ztnr .submit{
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
    text-align: center;
    margin: 0 -25px;
    display: none;
}
.fb-ztnr .submit .i_btn{
    float: none;
    display: inline-block;
    width: auto;
    margin-right: 15px;
    font-size: 14px;
}
.submit .i_btn1{
    float: none;
    display: inline-block;
    width: auto;
    margin-right: 15px;
    font-size: 14px;
}
.fb-ztnr .i_btn{
    border-top: 1px solid #eea236;
    border-bottom: 1px solid #eea236;
    float: left;
    text-align: center;
    margin-top: 1px;
}
.fb-ztnr .i_btn1{
    border-color: #d62a2a;
}
.fb-ztnr .submit .i_btn a{
    padding: 3px 40px;
}
.fb-ztnr .submit .i_btn a{
    display: inline-block;
}
.fb-ztnr .i_btn a{
    border-left: 1px solid #eea236;
    border-right: 1px solid #eea236;
    margin: 0 -1px;
    float: left;
    color: #fff;
    background: #f0ad4e;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    position: relative;
}
.fb-ztnr .i_btn1 a{
    background: #e02f2f;
    border-color: #d62a2a;
}
.fb-jy div{
    height:220px;
    width:100%;
    background: url("../images/feedback_consult_demo.jpg") no-repeat;
}
li.suc{
    font: 14px/30px "宋体";
    text-align: center;
    padding: 20px 0;
}
.gfail1{
    display: inline-block;
    vertical-align: middle;
    background: url(../images/feedback_icon.png) -100px -100px no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}
.gfail1{
    background-position: 0 -26px;
}
/*意见反馈-结束-弹出层*/



/*公用*/
.logo,.head-1{
    float:left;
    display: inline;
}
.fb-jy span a,.fb-jy span{
    color:red;
}
.area{
    width:980px;
}
.area{
    margin:0 auto;
}
.head_nav .head-3{
    color: #fff;
    _border-right: none;
    _zoom: 1;
}
.head_nav .head-3{
    _width: 320px;
    height: 35px;
    padding-right: 0;
}



/*检测屏幕宽度适配宽度*/
@media screen and (min-width: 1280px) {
    .top-header #top-header, #header .area,.head_nav .area,.brand_sale {
        width: 1200px;
        zoom: 1;
    }
    .seek {
        width: 498px;
        height: 36px;
        margin-left: 63px !important;
        line-height: 36px;
    }
    .seek input.txt {
        width: 407px;
        height: 24px;
    }
    .seek input.smt {
        width: 79px;
        height: 36px;
        font: 16px "microsoft yahei";
    }
    /*搜索-下来部分*/
    .drop-down{
        width: 496px;
        top:38px;
        left:0;
    }
    .xl-ml{
        width: 229px!important;
        height: auto!important;
        padding: 0 10px;
        float: right;
    }
    .xl-ml dt{
        margin:10px 0 0 6px;
    }
    .xl-ml dd{
        margin: 3px 0 6px!important;
        width: auto!important;
        padding: 2px 4px!important;
    }
    .xl-ml dd a{
        width: auto!important;
        min-width: 46px!important;
        max-width: 78px!important;
        padding: 2px 8px!important;
        color: #333!important;
    }
    .xl-ml dd a:hover{
        color: #ff6767;
        border-color: #ff6767;
    }
    .xl-ml dd a:hover{
        color: #ec1611!important;
    }
    .ls-jl{
        width: 248px!important;
        border-right: 1px solid #e5e5e5;
        height: auto!important;
        min-height: 274px!important;
    }
    .ls-jl .ls,.ls-jl li.ls-shangpin{
        padding: 5px 8px 5px 15px!important;
    }
    .ls-jl .ls{
        margin: 0!important;
        padding-top: 14px!important;
    }
    .ls-jl li.ls span{
        cursor: pointer;
        color:#666;
    }
    .ls-wss{
        display: none;
    }
    .ls-kpxs{
        background: url("../images/no_history.png") top center no-repeat;
        height:62px;
        width:59px;
        margin-top:20px;
        padding-left:190px;
        display: block;
    }
    .ls-kpxs1{
        display: block;
        font: 16px "microsoft yahei";
        margin:6px 10px 0;
        text-align: center;
        padding:5px 5px 120px;
    }
    .eliminate{
        float:right;
        /*display: none;*/
    }
    .eliminate-show{
        float:right;
        /*display: block;*/
    }
    .ls-shangpin span.hisinfo{
        max-width: 188px;
    }
    /*搜索-下来部分结束*/
    /*导航栏-开始*/
    .head-1 a{
        padding:0 20px;
    }
    /*导航栏-结束*/
    /*详细商品导航/轮播-开始*/
    .head_wrapper,.brand_hot{
        width:1200px;
    }
    .head_wrapper .rigt_wrapper{
        width:1030px;
    }
    .right-ll div.r-banner,.rigt_wrapper .r-rb{
        display: block;
    }
    /*详细商品导航/轮播-结束*/
    /*品牌热卖-开始*/
    .brand_hot ul li .fir_bor{
        margin-right:12px;
        display: inline-block;
    }
    .brand_hot li img{
        width:392px;
    }
    .brands_small_banners{
        width: 1200px;
        background: #FFF;
    }
    .brands_small_banners li{
        width:120px;
    }
    .brands_small_banners .banner_li_list i{
        display: none;
    }
    .brands_small_banners .banner_li_br i.right{
        display: block;
    }
    /*品牌热卖-结束*/

    /*限量抢购-开始*/
    .flashSale_wrap,.flashSale,.flashSaleDeals{
        width:1200px;
    }
    .xsq_deal_wrapper,.saleDeal{
        width: 195px;
        margin-left: 21px;
    }
    .dealCon,.dealImg{
        width:200px;
        height:200px;
        margin: 12px 0;
    }
    .dealInfo {
        height: 29px;
    }
    /*限量抢购-结束*/
    .seek .s-k-nr{
        width:407px;
        height:24px;
        line-height: 24px;
    }
    .area .three-link{
        width:401px;
    }
    .toolbar1{
        display: block;
    }
    .toolbar2{
        display: none;
    }
}
.flashSaleDeals ul li{width: 264px;padding: 0 28px 0 5px;border-right: 1px solid rgba(255,152,152,0.3);}
.flashSaleDeals{height: 355px}
.flashSale {height: 355px}
.xsq_deal_wrapper, .saleDeal{width: 200px;background: none}
.flashSale_wrap .xsq_deal_wrapper .p1 span{color: #333333;font-size: 14px}
.flashSale_wrap .xsq_deal_wrapper .p1 .span1{
	float: right;
	color: #fff;
	background:linear-gradient(331deg,rgba(255,172,29,1) 0%,rgba(255,210,132,1) 100%);
        box-shadow:0px 6px 6px rgba(216,137,0,0.2);
	opacity:1;
	border-radius:12px;
	padding: 1px 8px;
}
.flashSale_wrap .xsq_deal_wrapper .p2 span{color: #333333;font-size: 12px}
.flashSaleDeals .footP{font-size: 14px;color: #333333;height: 60px;overflow: hidden;text-overflow: ellipsis;margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
text-align: left;}
.flashSale_wrap, .flashSale, .flashSaleDeals{width: 100%}




.ins0{background:url({ms:globalskin.url/}images/ico.png) no-repeat;}
        .ins1{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .ins2{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .ins3{background: url({ms:globalskin.url/}images/login_count.png) no-repea;}
        .user-password ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_password.png) no-repeat!important;
            background-position: unset!important;
        }
        .user-name ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_count.png) no-repeat!important;
        }
        #imgkey ins{
            background: url(http://aysy.ttcn.cn/templets/25/aysy/images/login_imgkey.png) no-repeat!important;
        }
        .has_login{
            width: unset;
            height: 275px;
            background: white;
        }
        .login-btn{
            width: 200px;
            margin: 20px auto;
            background-color: #94221B;
            font-size: 18px!important;
            border-radius: 20px;
        }
        .has_login .touxiang img{
            border-radius: 50%;
        }
        .has_login .touxiang{
            margin: 30px auto;
        }
        /*登录框样式开始*/
        .sec1-l-t{
            width: unset;
            background: #fff!important;
        }
        .bc-e6e6e6{
            border: none;
        }
        .sec1-l-t h3{
            font-size: 22px;
            color: #23487c;
            margin: 20px 0 21px 0;
            height: unset;
            line-height: unset;
        }
        .sec1-l-t input{
            border: none;
        }
        .loginPanelOut{
            display: none;
            width: 313px;
            height: 387px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            border: 1px solid rgba(210,210,210,1);
            box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 35%);
            opacity: 0.95;
            z-index: 100000000000;
        }
        .loginPanelOutloginPanelOut{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 100000000000;
            background-color: rgb(0 0 0 / 40%);
        }
        .user-name, .user-password{
            border-radius: 6px!important;
            width: 250px;
            margin: 0 auto;
            margin-top: 15px;
            border: 1px solid #e6e6e6!important;
        }
        .loginPanelOut #loginlogin{
            width: auto;
            border-radius: 6px;
            background-color: #4d72a8!important;
            margin: 40px 16px;
            margin-top: 30px;
            margin-bottom: 15px;
        }
        .login-tab{
            width: 285px;
            height: 44px;
            line-height: 44px;
            font-size: 16px;
            font-weight: 600;
            color: #666;
            text-align: center;
            border-bottom: 1px solid #f4f4f4;
        }
        .login-box{
            width: 285px;
            height: 300px;
        }
        .login-content{
            padding: 10px 20px 0;
        }
        .f12, .font12{
            font-size: 12px !important;
        }
        .login-img{
            display: block;
            float: left;
            width: 35px;
            text-align: center;
            height: 35px;
            line-height: 35px;
            background-color: #f4f4f4;
            border: 1px solid #e1e1e1;
        }
        .login-content input{
            width: 190px;
            color: #999;
            height: 25px;
            line-height: 25px;
            padding: 5px;
            border: 1px solid #ededed;
            border-radius: 0;
        }
        .login-content .login-btn{
            margin: 5px 0;
            display: block;
            width: 100%;
            height: 36px;
            background: #da251d;
            text-align: center;
            line-height: 36px;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            letter-spacing: 6px;
            cursor: pointer;
            text-decoration: none;
        }
        /*登录框样式结束*/
        .zxContent{
            display: flex;
        }
        .zx_left{
            width: 830px;
            margin-right: 40px;
        }
        .zx_left ul{
            list-style: disc;
        }
        .zx_left ul li{
            font-size: 14px;
            padding: 0;
            display: flex;
            justify-content: space-between;
        }
        .zx_left ul li .zx_item {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-right: 30px;
            flex: 1;
        }
        .zx_left ul li span{
            color: #555555;
            width: 725px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .zx_left ul li span:first-child:hover{
            color: #3A78CF !important;
        }
        .zx_right{
            flex: 1;
        }
        .zx_right ins{
            width: 48px;
            height: 48px;
            margin: 0 auto;
        }
        .ins0{
            /*background: url(http://pxcs.gzedu.com/templets/6/sdgl/images/ico.png) no-repea ;*/
        }
        .padding10{
            padding: 10px;
        }
        .zx_right ul .li{
            float: left;
            width: 79px;
            padding: 0px 0px 10px 0px;
            text-align: center;
            margin-top: 10px;
            margin-left: 15px;
        }
        .plusContent{
            color: #777777;
            display: flex;
        }
        .help_content{
            flex: 1;
        }
        .group_content{
            display: flex;
            justify-content: space-between;
            width: 860px;
            margin-right: 60px;
        }
        .tz_content{
            /* margin-right: 20px; */
        }
        .tz_content ul li{
            display: flex;
        }
        .xm_content ul li{
            display: flex;
        }
        .tz_content ul li p{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: auto;
        }
        .tz_content ul li .dt{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            flex: 1;
        }
        .xm_content ul li p{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 400px;
        }
        .xm_content ul li .dt{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            flex: 1;
        }
        .help_content ul li .bz{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 280px;
        }
        #courseCategory{
            display: flex;
            height: 20px;
            line-height: 20px;
            margin: 15px 8px;
            color: #313131;
            font-size: 16px;
        }
        #courseCategory li{
            margin-right: 50px;
        }
        #courseCategory li:hover{
            cursor: pointer;
        }
        .courseList{
            display: flex!important;
            flex-wrap: wrap;
        }
        #course{
            height: 520px;
        }
        .test{
            display: none!important;
        }
        .hide{
            display: none;
        }
        .active{
            color: #94221B;
            height: 22px;
            border-bottom: 2px solid #94221B;
        }
        .zuo{
            background-image:url({ms:globalskin.url/}images/huakuaiL.png);
            background-position: -288px -440px;
            left: 0;
        }
        .you{
            background-position: -320px -440px;
            right: 0;
            background-image:url({ms:globalskin.url/}images/huakuaiR.png);
        }
        .trigger{
            width: 32px;
            height: 64px;
            position: absolute;
            top: 55px;
            z-index: 3;
        }
        .xsq_deal_wrapper, .saleDeal{
            width: 112px!important;
            margin-left: 0!important;
        }
        .flashSaleDeals ul li{
            width: 115px!important;
            border-right:none;
            padding: 0 6px 0 8px!important;
            margin: 0 10px!important;
        }
        .flashSale_wrap, .flashSale, .flashSaleDeals{
            height: 220px!important;
        }
        .flashSale{
            margin-top: 0!important;
        }
        .friendContent{
            height: 170px;
            margin-bottom:15px
        }
        .friendLinkList{
            margin: 15px 5px;
        }
        .yahei .sec1-c-f{
            height: auto;
        }
        .yahei{
            background-color: #F2F5FA;
        }
        .zx_rightzx_right{
            background-color: white;
            border: 2px solid white;
            display: flex;
            color: #999999;
            font-size: 12px;
            height: 100px;
            align-content: space-around;
            justify-content: space-around;
            align-items: center;
            padding: 0 5px;
            cursor: pointer;
        }
        .zx_rightzx_right:hover{
            background-color: #D4EAFF;
            border: 2px solid #68A0EE;
            color: #3A78CF;
        }
        .zx_rightzx_right p{
            font-size: 16px;
            color: #000;
        }
        .yahei .menu_wrap{
            background: #3A78CF;
            height: 50px;
            line-height: 50px;
            width: 1200px;
            margin: auto;
            /* transform: translate(0px, -50%); */
        }
        .yahei .menu_wrap1{
          background: #3A78CF;
          height: 50px;
          line-height: 50px;
          margin: auto;
      }
        .yahei .menu li.on{
            background: #2D60A8;
        }
        .menu li{
            height: 50px;
        }
        .yahei .menu li a{
            line-height: 50px;
        }
        .yahei .menu li:hover{
            background: #2D60A8;
        }-
        .yahei .sec1-c-t-con ul li img{
            object-fit: cover !important;
        }