@charset "gb2312";/* CSS Document */
* {
	margin:0px;
	padding:0px;
	border:0px;
}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}	
body{
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: Arial, "宋体";
	line-height:23px;
	background-color: #e1e1e1;
}
/* head */ 
.top{
    width:100%;
	background-color: #f3f3f3;
}
.tophead {
	margin: 0px auto;
	width:950px;
	background:url(topbg.gif) no-repeat;
	height:58px;
}
li{list-style-type:none}
.mainmenu {
	font-size: 13px;
	line-height: 30px;
	font-weight: normal;
	color: #FFFFFF;
	height: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(mainmenubg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.mainmenu ul{display:block;height:30px;width: 950px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.mainmenu li {float: left;width: 110px;background-repeat: no-repeat;background-position: left center;height: 30px;margin-left: 3px;}
.mainmenu li.over {color: #FFFFFF;background-image: url(mainmenu_over.jpg);background-repeat: repeat-x;background-position: right top;}
.mainmenu li.over a{color: #000000;}
.mainmenu li.over a:hover{color: #999999;}
.mainmenu li a {color: #FFFFFF;text-decoration: none;}
.mainmenu li a:hover {color: #000000;display:block;background-image: url(mainmenu_over.jpg);background-repeat: repeat-x;background-position: right top;}
/* middle*/ 
.mainre{
    background:url(bgre.gif) repeat-x;
	background-color:#e1e1e1;
}
.main {
	width:950px;
	text-align: left;
	margin:0px auto;
}
.main_szzx {width: 950px;background-color: #e1e1e1;background-image: url(mid_bg.jpg);background-repeat: no-repeat;background-position: left top;}
.main_szzx_right {float: right;margin-top: 10px;margin-right: 5px;}
.rightbox{width: 179px;height: 120px;}
.rightboxlist01 {font-family: "宋体";margin: 10px;clear: both;}
.rightboxlist01 li{line-height:18px;height:18px;display:block;}
.rightboxlist01 li a {color: #333333;text-decoration: none;}
.rightboxlist01 li a:hover {color: #CC0000;}
.rightbox02{width: 179px;}
.fore01{
	padding-top: 2px;
}
.box_02{
	font-size:12px;
	font-family:"宋体";
	border: 1px solid #d6dadf;
	background-image: url(box_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #333333;
	width: 60px;
}
.box_03{font-size:12px;font-family:"宋体";height: 23px;border: 1px solid #d6dadf;background-image: url(box_bg.jpg);background-repeat: repeat-x;background-position: bottom;padding: 2px;color: #333333;width: 135px;}
.mainf1{padding-top: 20px;padding-left: 13px;height: 615px;}
.main_szzx_left {width: 145px;float:left;margin-top: 5px;}
.main_szzx_left_b {padding-bottom: 10px;}
.main_szzx_left_m {
	min-height:500px;
	height:490px;
	padding-top: 5px;
}
.main_szzx_left li {line-height: 18px;height: 18px;margin-right: 5px;cursor:pointer;margin-left: 10px;margin-bottom: 1px;}
.main_szzx_left li a {color: #333333;text-decoration: none;}
.main_szzx_left li a:hover{color: #CC0000;padding-left: 5px;}
.main_szzx_left li.over {color: #CC0000;}
.main_szzx_left li.over a{color:#CC0000;}
.main_szzx_left li.over a:hover{color: #000000;}
.text01{width:123px;font-size:14px;font-family:"宋体";color:#333333;height: 18px;border: 1px solid #d6dadf;padding: 2px;
background-image: url(box_bg.jpg);background-repeat: repeat-x;background-position: bottom;margin: 5px;}
.tit{background-image: url(mid_07.jpg); background-repeat: no-repeat; background-position: left top;}
.tit_h3{
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 62px;
	padding-right: 10px;
	padding-left: 10px;
	height: 70px;
}
.main_szzx_mid {float: left;width: 592px;margin-left: 3px;margin-top: 5px;}
.footer{background:url(foot_re.gif) repeat-x; height:92px;  padding-top:8px;}
.footer_mid{width:950px; margin:0px auto; text-align:center; color:#fff;}
/* ----------产品功能---------- */
.main_cpgn{
	background-image: url(ny_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 950px;
}
.cpgn {
	font-size:12px;
	margin-top: 45px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	width: 930px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	overflow: hidden;
}
.cpgn ul{
	margin-left: 60px;
}
.cpgn li{
	float:left;
	margin-right:3px;
	width:130px;
	height:28px;
	line-height:28px;
	text-align:center;
	font-weight:700;
	background:url(cpgn_none.jpg) repeat-x;
	display:block
}
.cpgn li a{
	color:#333333;
	cursor:pointer;
	text-decoration:none
}
.cpgn li a:hover{
	color:#CC0000;
}
.cpgn li.over{
	font-size:12px;
	color:#FFFFFF;
	background:url(cpgn_over.jpg) repeat-x;
	display:block
}
.cpgn li.over a{
	color:#000000
}

.left{
	float:left;
	width:150px;
}
.left li{
	margin-top:5px;
	width:140px;
	height:29px;
	line-height:29px;
	text-align:left;
	background:url(../images/btn_left02.jpg) no-repeat;
	text-indent: 1em;
}

.left li a{color:#000;text-decoration:none;}
.left li a:hover{color:#CC0000; font-weight:bold;text-decoration:none;}
.left li.over a{font-weight:700; color:#CC0000;}
	 
	 
/* feature */  
.up{
    background:url(up.gif) no-repeat;
	width:950px;
	height:35px;
}
.midre{
    background:url(midre.gif) repeat-y;
	width:880px;
	padding:15px 35px;
}
.down{
    background:url(down.gif) no-repeat;
	width:950px;
	height:40px;
}
.navbg{
    background:url(nav_bg.gif) no-repeat;
	width:880px;
	height:38px;
}
.navbg ul {
	MARGIN-LEFT: 150px
}
.navbg li {
	DISPLAY: block; FONT-WEIGHT: 700; background:url(nav.gif) no-repeat; FLOAT: left; WIDTH: 111px; LINE-HEIGHT: 38px; MARGIN-RIGHT: 5px; HEIGHT: 38px; TEXT-ALIGN: center
}
.navbg LI A {
	CURSOR: pointer; COLOR: #484b52; TEXT-DECORATION: none
}
.navbg LI A:hover {
	COLOR: #d80000;
}
.navbg LI.over {
	DISPLAY: block; FONT-SIZE: 14px; BACKGROUND:url(nav_hover.gif) no-repeat; COLOR: d80000;
}
.navbg LI.over A {
	COLOR:red
}
.content{
    width:880px;
	margin-top:10px;
}
.f_left{
    width:138px;
	float:left;
}
.f_left li{
    margin-top:5px;
	background:url(lefttiao.gif) no-repeat;
	width:124px;
	height:24px;
	line-height:24px;
	padding-left:14px;
	color:#fff;
}
.f_left li a{
    cursor:pointer; color:#fff; text-decoration:none;
}
.f_left li.li-2 {
	DISPLAY: block; FONT-SIZE:12px; background:url(lefttiao_hover.gif) no-repeat; COLOR: fff; font-weight:bold;
}
.f_left li a:hover{
	color:#fff;
	font-weight:bold;
}
.f_right{
    float:right;
	width:710px;
	border-left:1px solid #e1e1e1;
	padding:0px 5px 5px 15px;
}
.content_tit{
    background:url(contenttit.gif) no-repeat;
	width:710px;
	height:29px;
	font-size:14px;
	font-weight:bold;
	color:#d80000;
}
.con_con{
    font-size:14px;
	width:710px;
	margin-top:8px;
	line-height:25px;
}

/* classroom */  

.cltitle{
    background:url(clup_878.gif) no-repeat;
	width:828px;
	height:37px;
	line-height:37px;
	padding-left:50px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin-top:10px;
}
.cl_flash{
    width:800px;
	text-align:center;
	margin-top:8px;
}
.clmid{
    border:1px solid #d1d1d1;
	width:802px;
	background-color:#f0f0f0;
	border-bottom:none;
	border-top:none;
	padding:10px 37px 10px 37px;
}
.cldown_878{
    background:url(cldown_878.gif) no-repeat;
	height:45px;
	width:878px;
}
.clmid_tit{
    font-size:15px;
	font-weight:bold;
	color:#d2001e;
}
.width878{
    width:878px;
}
.clleft{
    width:436px;
	float:left;
}
.clhmid{
    width:414px;
	border:1px solid #d1d1d1;
	background-color:#f0f0f0;
	padding:10px;
	border-bottom:none;
	border-top:none;
	height:155px;
}
.cl_scrollbar{
    height:175px;
	overflow-Y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #fff; 
	scrollbar-shadow-color: #9f9f9f; 
	scrollbar-highlight-color: #9f9f9f; 
	scrollbar-3dlight-color: #fff; 
	scrollbar-darkshadow-color: #fff; 
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #9f9f9f;
}
.clhdown{
    background:url(cldown_436.gif) no-repeat;
	width:436px;
	height:40px;
}
.cltiao{
    border-bottom:1px dashed #c2c2c2;
	width:410px;
	height:28px;
	margin-bottom:8px;
}
.clright{
    width:436px;
	float:right;
}
.cltiao_left{
    width:200px;
	float:left;
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
	color:#d2001e;
	overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.cltiao_right{
    float:right;
	width:190px;
}
.clhtit{
    background:url(clup_436.gif) no-repeat;
	width:386px;
	height:37px;
	line-height:37px;
	padding-left:50px;
	color:#fff;
}
.date{
    color:#ababab;
}
.f_333:link, .f_333:visited{
    text-decoration:none;
	color:#333333;
}
.f_333:hover{
    text-decoration:none;
	color:#d20000;
}

/* buy */  

.step{
    background:url(step.gif) no-repeat;
	width:950px;
	height:196px;
}
.width860{
    width:860px;
	margin:0px auto;
}
.stepbg{
    background:url(stepbg.gif) no-repeat;
	width:860px;
	height:144px;
}
.mbtn{
    float:left;
	padding-top:30px;
	width:240px;
	padding-left:160px;
}
.sbtn{
    float:right;
	width:300px;
	float:left;
	margin-left:20px;
	padding-top:30px;
	padding-left:100px;
}

/* product */  

.bananer2{
    background:url(bananaer2.gif) no-repeat;
	width:950px;
	height:246px;
}
.titbg{
    width:860px;
}
.intext{
    float:left;
	width:560px;
}
.sanda{
    float:right;
	width:300px;
}
.table{
    width:817px;
	margin:0px auto;
	margin-top:10px;
}
.tabletit{
    background:url(tabletitle.gif) no-repeat;
	height:50px;
}
.pro_table{
    width:817px;
	margin: auto;BACKGROUND-COLOR: #9a0202
}
.pro_table td{
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;
	color:#333;
	background:#fff;
	text-align:center;
}
.pro_table th{
    background:#ffae00;
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;
	text-align:center;
	color:#ad0000
}

/* product */  

.jxsleft{
    width:478px;
	float:left;
}
.jxsright{
    float:right;
	width:350px;
}
.map{
    margin-top:30px;
}
.redbox{
    width:320px;
	background:#d00000;
	padding:10px 15px 10px 15px;
	color:#fff;
	line-height:20px;
	margin-top:2px;
}
.f_or{
    color:#ffe400;
}
.wrbox{
    width:320px;
	background:#ececec;
	padding:10px 15px 10px 15px;
	color:#575757;
	line-height:20px;
	margin-top:2px;
}
.f_wr{
    color:#a5a5a5;
}