/*#common#*/
.wrapper { width:980px; margin:0 auto; }
.more { font-size:12px; font-weight:400; color:#888; float:right; }
.red { color:#ff2905; }
h3 { margin:0; padding:0; }

/*#header*/
#header { background:url(../images/topbg.jpg) repeat-x; }
.head { height:60px; position:relative; background:url(../images/top_r1_c2.jpg); }
.logo, .tel, .search { position:absolute; }
.logo { width:310px; height:60px; top:15px; left:0; }
.logo a { display:block; height:60px; }
.tel { top:15px; right:0; height:30px; line-height:30px; padding-left:30px; background:url(../images/tel.png) left center no-repeat; }
.tel em { font-style:normal; font-size:16px; color:#666666; padding-right:5px; }
.tel span { color:#0188B5; font-size:18px; letter-spacing:1px; font-family:Georgia; }
.nav ul { padding:10px 0; display:inline-block; *display:inline; zoom:1; background:url(../images/navbg.png) right center no-repeat; }
.nav li { float:left; width:139.333333px; background:url(../images/navbg.png) left center no-repeat; }
.nav li a { display:block; text-align:center; font-size:14px; line-height:30px; font-weight:700; }
.nav li a.on { background:url(../images/nav_hover.png); }
.nav li a:hover { background:#CF0000; color:#FFF; }

/*#banner*/
.fullSlide { min-width:980px; position:relative; height:396px; overflow:hidden; }
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:#666; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.fullSlide .hd ul .on { background:#FFF; filter:alpha(opacity=100);opacity:1; }
.fullSlide .bd { position:relative; z-index:0; }
.fullSlide .bd ul { width:100%; }
.fullSlide .bd li { width:100%;  height:396px; }
.fullSlide .bd li .siteWidth { width:980px; position:relative; margin:0 auto; height:396px; }
.fullSlide .bd li .siteWidth a { display:block; height:396px; }

/*#container*/
#container { background:url(../images/mainbg1.jpg) repeat-x; padding: 10px 0; }

.mleft { width:210px; background:#FAFAFA; }
.mleft .ml-tit { height: 38px; margin: 0; padding-left: 15px; line-height: 38px; background:url(../images/title-1.png); color:#FFF; }
.mleft .ml-main { padding: 15px 15px 20px; }
.mleft .ml-main p { margin:0 0 5px; line-height:22px; }
.mleft .ml-main .class-list li a { display: block; height: 30px; padding-left: 18px; line-height: 30px; background: url(../images/dot2.png) no-repeat scroll 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mleft .ml-main .class-list li a:hover { background: url(../images/classnow.png) no-repeat scroll 0 0; }
.mright { width: 760px; color: #505050; }
.mright .mr-tit { height: 38px; margin: 0; padding-left: 35px; line-height: 38px; background:url(../images/title.png); }
.mright .more { float: right; margin-right: 10px; font-size: 11px; }
.mright .more:hover { text-decoration: underline; }
.mright .mr-main { padding: 10px; }
.mright .mr-row-about { width: 490px; margin-bottom: 10px; }
.mright .mr-row-about p { margin:0 0 5px; line-height:22px; }
.mright .mr-row-news { width: 260px; margin-bottom: 10px; }
.mright .mr-row-about .mr-main, .mright .mr-row-news .mr-main { height: 185px; border: 1px #ebebeb solid; }
.mright .mr-main .i-news-list li a { display: block; height: 26px; padding-left: 13px; line-height: 26px; background: url(../images/dot2.png) no-repeat scroll 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mright .mr-main .i-news-list li a:hover { color: #FF0000; }
.picScroll-left {
	overflow:hidden;
	position:relative;
}
.picScroll-left .prev, .picScroll-left .next {
	display:block;
	position:absolute;
	width:11px;
	height:63px;
	top:45px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/arrow.gif) 0 0 no-repeat;
}
.picScroll-left .prev {
	right: 5px;
	background-position: -11px 0;
}
.picScroll-left .next {
	left: 5px;
	
}

.picScroll-left .bd {
	padding: 10px;
}
.picScroll-left .bd ul {
	overflow:hidden; zoom:1;
}
.picScroll-left .bd ul li {
	margin:0 2px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
}
.picScroll-left .bd ul li .pic{
	text-align:center;
}
.picScroll-left .bd ul li .pic img{
	width:140px;
	height:110px;
	display:block;
}
.picScroll-left .bd ul li .pic a:hover img {
	border-color:#999;
}
.picScroll-left .bd ul li .title {
	width: 140px;
	height: 24px;
	line-height:24px;
	overflow: hidden;
}
.mright .mr-main-page {
	padding: 0 20px;
}
.main-page p { text-indent:2em; }

.linked { margin-bottom:10px; }
.linked .wrapper { height:45px; background:#EFEFEF; line-height:45px; }
.linked span{ font-size:14px; font-weight:700; padding:15px; }
.linked a{ padding-right:10px; }

/*#footer*/
#footer { background:#3C3C3C; }
.frend-link { margin:0 20px; }
.foot-copy { padding:10px 0; text-align:center; color:#FFF; line-height:25px; }
.foot-copy a { color:#FFF; }
#TechnicalSupport { margin-left:20px; }

/* #page news */
.mright .mr-main .news-list li {
	background: url(../images/line.png) no-repeat scroll 0 0;
}
.mright .mr-main .news-list li a {
	display: block;
	height: 36px;
	padding-left: 20px;
	line-height: 25px;
	overflow: hidden;
}
.mright .mr-main .news-list li a:hover {
	color: #FF0000;
}
.mright .mr-main .news-list li span {
	float: right;
}
.news-title, .news-info {
	text-align: center;
}
.news-info {
	margin: 0 auto;
	border: 1px #E8E8E8 solid;
	background: #F7F7F7;
	line-height: 25px;
}

/*#page product */
.pro-list {
	overflow:hidden; zoom:1;
}
.pro-list li {
	margin: 0 6px 15px;
	float:left;
	_display:inline;
	overflow:hidden;
	text-align:center;
}
.pro-list li .pic{
	text-align:center;
}
.pro-list li .pic img{
	border: 1px #CBCBCB solid;
	padding: 2px;
	width:165px;
	height:122px;
	display:block;
}
.zs-list li .pic img { height:200px; } 
.pro-list li .pic a:hover img {
	border-color:#999;
}
.pro-list li .title {
	width: 165px;
	height: 24px;
	line-height:24px;
	overflow: hidden;
}
.mr-main-page .pro-title {
	margin-top: 20px;
}
.mr-main-page .pro-pic {
	width: 320px;
}
.mr-main-page .pro-pic img {
	width: 305px;
	padding: 5px;
	border: 1px solid #DDDDDD;
}
.mr-main-page .pro-info {
	width: 380px;
}
.mr-main-page .pro-info h3 {
	margin-top: 0;
	background: #F7F7F7;
	font-size: 14px;
	line-height: 30px;
}
.mleft .ml-main .class-list .sub {
	display: block;
	padding-left: 15px;
}
/*******·ÖÒ³Ñùʽ******/
.bof_page { border-top:1px solid #eee; padding:5px; }
.eof_page { border-top:1px solid #eee; padding:5px; }
.pageLine { border:1px solid #eee; border-top:2px solid #315582; padding:10px 0px; margin-top:10px;}
.pagestyle { clear:both; display:block; margin-top:15px; }
.pagestyle a,.pagestyle a:active,.pagestyle a:link,.pagestyle a:visited { clear:both; padding:4px 6px 4px 6px; margin:2px; text-decoration:none; border:1px solid #ccc;color:#777; background:#FFF; }
.pagestyle a:hover { padding:4px 6px 4px 6px; margin:2px; text-decoration: none; color:#06c; }
.pagestyle span.current { padding:4px 6px 4px 6px; margin:2px; color:#fff; background:#5197e7; }
.pagestyle span.extend,.pagestyle span.pages { padding:4px 6px 4px 6px; margin:2px; background:#DCD9D4; }