@charset "gb2312";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
html { line-height: 1; }
h1,h2,h3,h4,h5,h6,p{ font-weight:normal;}
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
*{ font-size:12px;}
a{ text-decoration:none; color:black;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.hide { display: none; }
.clear_b{ clear:both;}
.ovf{ overflow:hidden;}
.mt5{ margin-top:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mb5{ margin-bottom:5px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb8{ margin-bottom: 8px; }
.mt15{ margin-top:15px;}
.mb15{ margin-bottom:15px;}
.mr15{ margin-right:15px;}
.ml15{ margin-left:15px;}
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mr20{ margin-right:20px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.red{ color:#ba133a;}
.blue{color:#1867b1;}

/*×ÖÌå´óС*/
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{ font-size:20px;}
.text_c{ text-align:center;}
.text_r{ text-align:right;}
.text_l{ text-align:left;}
.b {font-weight:bold;}

body{background:url(imagesrobot_bg.png) no-repeat center 0;background-size: 100%;font-family: "ËÎÌå","Arial Narrow",HELVETICA;}
.topnavbox{ background:url(imagestop_bg.png) no-repeat; height:161px; width:100%;}
.topnav{ width:1000px; margin:0 auto; overflow:hidden;  position:relative; height:160px;}
.topnav .logo{ margin-top:44px;}
.robot{ position:absolute; bottom:0px; left:380px;}
.dialog{ width:960px; height:640px;margin:0 auto; padding-top:10px;}
.dialogbox{ background:url(imagesbox-shadow.png) no-repeat ; height:660px; width:980px;margin:0 auto; margin-top:20px;}
.dialog .dialogleft{ width:760px;height:640px; background-color:#fff;}
/*=×ó±ß=*/
.tips {
	padding: 10px 0px;
 background:url(imagesrobot01.png) no-repeat; 
   height:71px;
  font-size:16px;
   line-height:40px;
  padding-left: 20px;
 
}
.hl-box {
	padding:0px 0px 10px 0px;
	overflow:hidden;
	border-radius: 5px;

}
.hl-main {
   padding:0 10px;
	overflow:hidden;
	 border-bottom:solid 1px #ccc;
}

.hl-con .edu {
	padding-right:16px;
	height:383px;
	overflow-y:scroll;
	
}

.edu h6 {
	height:48px;
}
.edu h6 strong {
	display:inline-block;
	padding-right:18px;
	background:url(../images/zsk_left_stxt_arrow.png) no-repeat right center;
	font:24px/48px "΢ÈíÑźÚ";
	color:red;
}
.position {
	height:24px;
	font:12px/24px "΢ÈíÑźÚ";
	color:#999;
}
.position span {
	margin:0 5px;
	font:12px/24px "΢ÈíÑźÚ";
	color:#999;
}
.position a {
	font:12px/24px "΢ÈíÑźÚ";
	color:#999;
}
.position a:hover {
	color:#0068b7;
}
.edu-tit {
	margin-top:5px;
	height:30px;
	background:url(../images/zsk_left_edu_tit_bg.png) repeat-x left bottom;
}
.edu-tit li {
	display:inline-block;
	float:left;
	width:95px;
	height:30px;
	text-align:center;
	border-left:1px solid #f9f9f9;
	background:#f2f2f2;
	font:14px/30px "΢ÈíÑźÚ";
	color:#333;
	cursor:pointer;
}
.edu-tit li.active {
	background:#1867b1;
	color:#fff;
}
.edu-con {
	padding:15px 0 0 0;
    min-height:136px;
}
.edu-list li {
	padding-left:15px;
	height:40px;
	background:url(../images/zsk_left_stxt_li_ico.png) no-repeat left center;
    overflow:hidden;
}
.edu-list li a {
	font:14px/40px "΢ÈíÑźÚ";
	color:#333;
}
.edu-list li a strong {
	font:14px/40px "΢ÈíÑźÚ";
	color:#d02626;
}
.edu-list li a:hover, .edu-list li a:hover strong {
	color:#0068b7;
}
.hl-con .helps {
	padding-right:10px;
	height:18px;
	text-align:right;
}
.hl-con .helps a {
	display:inline-block;
	padding-left:24px;
	margin-right:15px;
	font:12px/18px "΢ÈíÑźÚ";
	color:#333;
}
.hl-con .helps a.yes {
	background:url(../images/zsk_left_stxt_ico1.png) no-repeat left center;
}
.hl-con .helps a.no {
	background:url(../images/zsk_left_stxt_ico2.png) no-repeat left center;
}
.hl-con .helps a:hover {
	color:#0068b7;
}
/*=ÊäÈëÇøÓò=*/
.write {
	
	width:100%;
	
}

.wr-box {
	padding:0 25px 8px 10px;
	
	
	
}
.wr-text {
	height:80px;
	position:relative;
	
}
.wr-text .txt {
	width:100%;
	height:58px;
	border:medium none;
	font:14px "΢ÈíÑźÚ";
	color:#333;
	outline:none;
	vertical-align:top;
	
}
.wr-tips {
	position:absolute;
	left:-26px;
	bottom:72px;
	width:720px;
	background:#fff;
	border:1px solid #f19784;
}
.wr-tips li {
	height:32px;
}
.wr-tips li a {
	display:inline-block;
	padding:0 26px;
	width:513px;
	height:32px;
	font:14px/32px "΢ÈíÑźÚ";
	color:#666;
}
.wr-tips li a strong {
	font:14px/32px "΢ÈíÑźÚ";
	color:#d02626;
}
.wr-tips li a:hover {
	background:#f3f8ff;
}
.wr-btn {
	margin-top:30px;
	height:31px;
}
.wr-btn span {
	display:inline-block;
	float:left;
	padding-left:22px;
	background:url(imageszsk_left_txt_ico.png) no-repeat left center;
	font:12px/31px "΢ÈíÑźÚ";
	color:#999;
}
.wr-btn span label {
	margin:0 3px;
	font:bold 12px/31px "΢ÈíÑźÚ";
	color:#ed674c;
}
.wr-btn a {
	display:inline-block;
	float:right;
	width:90px;
	height:31px;
	background:#4ba714;
	border-radius: 3px;
	text-align:center;
	font:12px/31px "΢ÈíÑźÚ";
	color:#fff;
}
.wr-btn a:hover {
	background:#529a27;color:#fff;
}
.triangle-border {
	position:relative;
	*position:inherit;
	float:left;
	padding:15px;
	border:1px solid #ddd;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.triangle-border-blue {
	position:relative;
	*position:inherit;
	float:right;
	padding:15px;
	border:1px solid #1867b1;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.triangle-border.left {
	margin-left:30px;
	width:320px;
}

.triangle-border-blue.right {
	margin-right:30px;
	max-width:400px;
}

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#ddd transparent;
    display:block; 
    width:0;
}
/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; 
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    display:block; 
    width:0;
}
.triangle-border-blue:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#ddd transparent;
    display:block; 
    width:0;
}
/* creates the smaller  triangle */
.triangle-border-blue:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; 
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#0c91d5 transparent;
    display:block; 
    width:0;
}

.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 30px 15px 0;
	border-color:transparent #ddd;
}
/* creates the smaller  triangle */
.triangle-border.left:after {
	top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:13px 30px 13px 0;
	border-color:transparent #fff;
}
/* creates the larger triangle */
.triangle-border-blue.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 0 15px 30px;
	border-color:transparent #1867b1;
}
/* creates the smaller  triangle */
.triangle-border-blue.right:after {
	top:12px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:13px 0 13px 30px;
	border-color:transparent #fff;
}
.ans{
  clear:both;
  padding-top:20px;
}
.ask{
  clear:both;
  padding-top:20px;
}
.ansimg{
float:left;
width:48px;
}

.askimg{
float:right;
width:48px;
}
.dialog .dialogright{ width:200px; background-color:#1867b1;height:640px;}
.welcome{ background:url(imagesrobot01.png) no-repeat; height:90px;}
.welcome p{ padding:20px; line-height:24px; font-size:18px;}
.dialogright .dialogright01{overflow:hidden;}
.dialogright .dialogright01 h1{ color:#fff; font-size:18px; border-bottom:solid 1px #fff; height:60px; line-height:60px; background:url(imagesbiaqian.png) no-repeat; background-position:40px 16px; text-indent:80px;}
.dialogright .dialogright01 ul { overflow:hidden;}
.dialogright .dialogright01 ul li{ float:left;}
.dialogright .dialogright01 a{ color:#fff; padding:16px 18px; width:64px; float:left;}
.dialogright .dialogright02 h1{ background:url(imageshot.png) no-repeat;background-position:40px 16px;height:60px; line-height:60px;color:#fff; font-size:18px; border-bottom:solid 1px #fff;text-indent:80px;}
.dialogright .dialogright02 ul{ margin-top:10px;}
.dialogright .dialogright02 ul li{ margin-left:30px; padding:8px 0;}
.dialogright .dialogright02 ul li a{height:26px; display:block; color:#fff; text-indent:38px; line-height:26px;}
.dialogright .dialogright02 ul li .a1{ background:url(imageshot01.png) no-repeat; }
.dialogright .dialogright02 ul li .a2{ background:url(imageshot02.png) no-repeat; }
.dialogright .dialogright02 ul li .a3{ background:url(imageshot03.png) no-repeat; }
.dialogright .dialogright02 ul li .a4{ background:url(imageshot04.png) no-repeat; }
/*µ×²¿*/
.footerbox{border-top:solid 2px #1867b1; background-color:#ddeafa;width: 100%; margin-top:60px;}
.footer{ width:1000px; margin:0 auto; }
.footer .copyright{ text-align:center; margin:28px 0;}
.footer .copyright a{color:#1867b1; font-size:14px;}
.footer .zhuban{ background:url(imagescopyright.png) no-repeat 120px;text-align:center; line-height:24px;color:#646464; font-size:14px; margin-bottom:40px;}