/*
(C) 2012 Ante.
http://www.juoooo.com
*/

/* reset style */
* { margin:0; padding:0; word-break:break-all; }
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
body{background-color:#FFFFFF;font-family:'\5FAE\8F6F\96C5\9ED1',"\65b0\5b8b\4f53"!important;color:#333}
a{color:#333;text-decoration:none}
a:hover{color:#a50301;text-decoration:underline}
body,td{font-size:12px;}
ol{list-style:none outside none}
ul, li { list-style:none; }
fieldset, img { border:none; }
.cls{ padding:0; margin:0; line-height:0; height:0; clear:both;}

.HeadTop{width:100%;height:105px;margin:0 auto;background-color:#FFFFFF;}
.topcon{width:1000px;;height:105px;margin:0 auto;}
.topcon .topl{float:left;width:250px;height:105px;margin:0 auto;}
.topcon .topl img{width:250px; margin-top:15px;}
.topcon .topr{float:right;width:750px;height:105px;margin:0 auto;text-align:right;}
.topcon .topr img{width:468px; margin-top:22px;}


#box_topbar{width:100%;position:fixed;_position:static;z-index:9999;top:0;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#333333', EndColorStr='#222222');filter:alpha(opacity=90);opacity:0.90;box-shadow:0 0 3px #222; height:75px;}

/* flexslider */
.flexslider{position:relative;height:600px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.slides li a{display:block;float:left;width:100%;height:100%;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}

.column {width:1000px;margin:0 auto 15px;overflow:hidden;}
.col1{float:left;width:630px;background: #FFFFFF; box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;border: 1px solid #ededed;}
.col2{float:right;width:350px;background: #FFFFFF; box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;border: 1px solid #ededed;}

.c_left{float:left;width:220px;background: #FFFFFF; box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;border: 1px solid #ededed;}
.c_left .con02{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #a50301; padding-left:15px; font-size:14px;}
.c_left ul{ width:220px; float:left; padding:0 0;}
.c_left li{ width:205px; float:left; height:35px; line-height:37px; padding-left:15px; overflow:hidden;background:url(images/about_bg.jpg) no-repeat;}
.c_left li a.actcss{ font-weight:bold}
.c_right{float:right;width:760px;background: #FFFFFF; box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;border: 1px solid #ededed;}

.con01{ width:630px; height:40px; line-height:40px; border-bottom:1px solid #a50301;}
.a1{ float:left; font-size:18px; font-weight:normal; color:#a50301; margin-left:10px;}
.a1 span{ color:#999; font-size:14px; font-weight:100; margin-left:5px;}
.sp{width:4px; height:19px; background:#a50301; margin-right:10px;}
.a2{ float:right; font-size:14px; color:#333; margin-right:10px;}
.con03 .a3{ float:right; font-size:14px; color:#efefef; margin-right:10px;}
.con03 a.a3:hover{color:#ffffff;}
.con03 a.o_worka{font-size:14px; color:#efefef; margin:0 5px;}
.con02{ width:350px; height:40px; line-height:40px; border-bottom:1px solid #a50301;}
.col2 p{float:left;width:320px;margin:0 auto;padding:10px 15px 5px;overflow:hidden; line-height:27px;text-indent:2em; font-size:12px;}
.col2 .omore{float:left;width:320px; margin:0 auto; height:33px; line-height:20px; text-align:right;font-size:12px;}
.col2 .omore a{color:#a50301;}

.tw{ width:610px; height:191px; margin-top:20px; margin-left:20px;}
.twl{ width:230px; float:left;}
.twl img{ width:230px;}
.twr{ width:350px; float:right; margin-right:15px;height:190px; border-bottom:1px dashed #666;}
.twr h3{ color:#92311d; font-size:16px; height:50px; overflow:hidden; line-height:25px;}
.twr p{ font-size:14px; line-height:26px; color:#333; text-indent:2em; padding-right:15px;}
.lb{ width:630px; color:#333; margin-top:10px; margin-bottom:10px;overflow:hidden;}
.lb ul{float:left;width:600px; padding:0px 15px; overflow:hidden;}
.lb ul li{float:left;width:285px;overflow:hidden; margin-right:15px; height:30px; line-height:30px;}
.lb ul li a{ font-size:14px; color:#333;}
.lb ul li a:hover{ color:#92311d;}

.con03{ width:1000px; height:39px; line-height:39px; background:#a50301; font-size:18px; color:#fff; text-indent:0.5em;}
.con03 .titl{ float:left; font-size:18px; font-weight:normal; color:#FFFFFF; margin-left:10px;}
.con03 .titl span{ color:#FFFFFF; font-size:14px; font-weight:100; margin-left:5px;}
.con03 .titl span.sp{background:#FFFFFF;}

.title_css{float:left; width:968px; padding:15px 10px 0 18px;border:1px solid #E3E3E3; margin:0 auto; border-top:none;box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;}
.title_css ul{float:left; width:968px;margin:0 auto;overflow: hidden;}
.title_css ul li{float:left; width:87px;margin:0 10px 10px 0;overflow: hidden;}
.title_css ul li img{width:87px; height:87px;}
.title_css ul li p{float:left; width:87px; height:30px; line-height:30px; text-align:center;overflow: hidden;}

.linkcss a{ margin:0 5px; line-height:22px;}

.title_css2{float:left; width:981px; padding:15px 0px 5px 15px;border:1px solid #E3E3E3; margin:0 auto; border-top:none;box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;}
.title_css2 ul{float:left; width:981px;margin:0 auto;overflow: hidden;}
.title_css2 ul li{float:left; width:150px;margin:0 13px 10px 0;overflow: hidden;}
.title_css2 ul li img{width:150px; height:125px;}
.title_css2 ul li p{float:left; width:150px; height:30px; line-height:30px; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.com_css{float:left; width:968px; padding:15px 10px 0 18px;border:1px solid #E3E3E3; margin:0 auto; border-top:none;box-shadow: 2px 2px 2px 2px #eeeeee; overflow: hidden; margin-bottom: 5px;}
.com_css ul{float:left; width:968px;margin:0 auto;overflow: hidden;}
.com_css ul li{float:left; width:150px;margin:0 12px 10px 0;overflow: hidden;}
.com_css ul li img{width:150px; height:150px;}
.com_css ul li p{float:left; width:150px; height:30px; line-height:30px; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

.pArea2 { width:940px; clear:both; margin:0 auto; overflow:hidden;}
.leftList5 { width:940px; clear:both; margin:10px auto 0; float:left}
.leftList5 .leftList5L { width:20px; float:left; padding-top:60px; display:inline-block;}
.leftList5 .leftList5R { width:20px; float:right; padding-top:60px; display:inline-block;}
.leftList5 .leftList5M { width:880px; float:left; margin-left:7px; display:inline;}
.leftList5 .leftList5M .imgB1 { border:1px solid #ccc; margin-bottom:3px;}
.leftList5 .leftList5M h3 { width:200px; height:38px;clear:both; margin:5px 0 0; padding:0 0;text-align:center; line-height:20px; font-weight:normal}
.leftList5 .leftList5M h3 a{ font-weight:normal; font-size:14px;}

#tabsE {float:left;width:100%;background:#FFF;font-size:93%;line-height:normal; height:40px;}
#tabsE ul {float:left;margin:0;padding:0px 0px;list-style:none;}
#tabsE li {float:left;display:inline;margin:0 10px 0 0;padding:0;}
#tabsE a {height:40px;float:left;background:url("images/tableft.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabsE a span {height:31px; line-height:31px;font-size:16px;float:left;display:block;background:url("images/tabright.gif") no-repeat right top;padding:5px 38px 4px 32px;color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {color:#FFF;}
#tabsE a:hover {background-position:0% -42px;}
#tabsE a:hover span {background-position:100% -42px;}
#tabsE a.acton {background-position:0% -42px;}
#tabsE a.acton span {background-position:100% -42px;}

.about_title{margin:15px auto 10px; text-align:center;}
.about_title h3{color:#222222;font-size:2.7em;font-weight:normal;margin-bottom:0.4em;}
.about_title span{height: 4px;width: 20%;background: #a50301;display: inline-block;}
.about_con{width:970px;background:#fff;margin:10px auto 20px;padding:15px 15px 0;text-align:left;overflow:hidden;line-height:25px; font-size:14px;}
.about_con p{float: left; margin:0 10px 20px auto;width:100%;}
.about_con img{ width:100%;}
.about_con span{float: left;padding:15px; text-align:left;overflow:hidden; line-height:24px; font-size:14px;}

.about_con_2{width:720px;background:#fff;margin:10px auto 20px;padding:15px 20px 0;text-align:left;overflow:hidden;line-height:25px;}
.about_con_2 p{float: left; margin:0 10px 0 auto;width:100%;}
.about_con_2 img{ width:100%;}

.about_con_2 h3{ padding-bottom:20px; line-height:36px;font-size:24px; font-weight:normal}

.cl_con{width:970px;background:#fff;margin:10px auto 20px;padding:15px 15px;text-align:left;overflow:hidden;line-height:25px; font-size:14px;}
.cl_tcss{float:left;width:100%;text-align:left; margin-bottom:15px;overflow:hidden;}
.cl_tcss span{height:50px; line-height:50px; text-align:center; font-size:20px; padding:10px 15px; background-color:#F00; color:#FFF;}
.cl_tcss2{float:left;width:100%;text-align:left; margin-bottom:5px;overflow:hidden;}
.cl_tcss2 span{height:50px; line-height:50px; text-align:left; font-size:20px; padding:10px 15px 10px 0;}

.pagecss{line-height:30px; margin:5px auto;text-align:left; width:980px; padding-left:10px;}
.pagecss a{
	padding:3px 5px;
	margin:0 2px;
	text-align:center;
	font-family:Verdana;
	border:1px solid #ccc;
	text-decoration:none;
	font-size: 12px;
}
.pagecss a:hover{
	text-decoration:none;
	background-color: #F0F0F0;
}
.pagecss span{
	padding:3px 5px;
	margin:0 5px 0 2px;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	border:1px solid #ccc;
	text-decoration:none;
	font-size: 14px;
	background-color: #F0F0F0;
}

.cl_con .piclist_l{float:left;width:200px;height:200px;overflow:hidden;}
.cl_con .piclist_l .piccenter{width:200px; height:200px;text-align:center; vertical-align:middle;display:table-cell;overflow:hidden;}
.cl_con .piclist_l .piccenter img{vertical-align:middle;width:expression(this.width > 200 ? '200px': true);max-width: 200px;height:expression(this.height > 200 ? '200px': true);max-height: 200px;}
.cl_con .sjs_name{float:left;width:200px;height:40px; line-height:40px; text-align:center;overflow:hidden;}
.cl_con .sjs_name a{font-size:20px;}
.cl_con .sjs_name em{font-style:normal;width: auto; height: 30px; line-height: 30px; font-size: 26px; color: #e94c3d; padding:0 10px; font-family: 'Arial'; }
.cl_con .sjs_scsj{float:left;width:200px;line-height:24px; text-align:left; font-size:14px;overflow:hidden;}

.cl_con h3{font-size: 28px;line-height:50px;font-weight: normal;font-style: normal;color: #3b3e4f;width:200px;}
.cl_con .dh_tcss{float:left;width:200px;}
.cl_con .dh_tcss li{float:left;width:200px;overflow:hidden;border-bottom:1px solid #E2E1DC; height:60px; line-height:70px; text-align:left; padding-left:50px;background:url("images/icon.png") no-repeat scroll 25px 30px transparent}
.cl_con .dh_tcss li a{color: #3b3e4f;font-size: 15px;}
.cl_con .dh_tcss li a:hover{color: #000000;font-size: 16px;}

.works_dh{margin-bottom:20px; text-align:center; margin:0 auto; float:left;}
.works_dh a{margin:6px 7px 5px 3px;float:left;word-break:break-all;white-space:nowrap;cursor:pointer;color:#333;}
.works_dh a .l,.works_dh a .r,.works_dh a span,zsj_nav .c .z .on .l,.works_dh .on .r,.works_dh a:hover .l,.works_dh a:hover .r{background:url(images/sjb_zjs_nav_bg.gif) no-repeat;height:25px;float:left;cursor:pointer;}
.works_dh a .l{background-position:-0px -0px;width:3px;}
.works_dh a .r{background-position:-5px -0px;width:3px;}
.works_dh a span{background-position:-0px -60px;background-repeat:repeat-x;line-height:27px;padding:0 3px;}
.works_dh .on{color:#fff;}
.works_dh .on .l{background-position:-12px -0px;width:3px;}
.works_dh .on .r{background-position:-17px -0px;width:3px;}
.works_dh .on span{background:url(images/sjb_zjs_nav_bg.gif) repeat-x -0px -31px;line-height:25px;padding:0 3px;height:25px;cursor:pointer;}
.works_dh a:hover .l{background-position:-23px -0px;width:3px;}
.works_dh a:hover .r{background-position:-28px -0px;width:3px;}
.works_dh a:hover span{background:url(images/sjb_zjs_nav_bg.gif) repeat-x -0px -89px;height:25px;line-height:25px;cursor:pointer;padding:0 3px;}
.works_dh .on .l,.works_dh .on:hover .l{background:url(images/sjb_zjs_nav_bg.gif) no-repeat -17px -0px;width:3px;height:25px;float:left;cursor:pointer;}
.works_dh .on .r,.works_dh .on:hover .r{background:url(images/sjb_zjs_nav_bg.gif) no-repeat -12px -0px;width:3px;height:25px;float:left;cursor:pointer;}
.works_dh .on span,.works_dh .on:hover span{float:left;background:url(images/sjb_zjs_nav_bg.gif) repeat-x -0px -31px;height:25px;line-height:25px;cursor:pointer;padding:0 3px;}

.css_pic{float:left;width:750px;overflow:hidden; text-align:center;}
.css_pic img{width:750px;}
.css_pic p{width:750px;height:40px; line-height:40px; text-align:center;}

.css_pic_list{float:left;width:750px;overflow:hidden;}
.css_pic_list ul{float:left;overflow:hidden;}
.css_pic_list li{float:left;width:238px; height:260px;overflow:hidden; margin-right:18px;}
.css_pic_list li img{width:238px; height:198px;overflow:hidden;}
.css_pic_list li p{float:left;width:238px;line-height:21px; text-align:center;overflow:hidden;}

.css_pic_list2{float:left;width:1000px;overflow:hidden;}
.css_pic_list2 ul{float:left;overflow:hidden;}
.css_pic_list2 li{float:left;width:238px; height:260px;overflow:hidden; margin-right:16px;}
.css_pic_list2 li img{width:238px; height:198px;overflow:hidden;}
.css_pic_list2 li p{float:left;width:238px;line-height:21px; text-align:center;overflow:hidden;}

.css_pic_list3{float:left;width:1000px;overflow:hidden;}
.css_pic_list3 ul{float:left;overflow:hidden;}
.css_pic_list3 li{float:left;width:188px; height:230px;overflow:hidden; margin-right:15px;}
.css_pic_list3 li img{width:188px; height:188px;overflow:hidden;}
.css_pic_list3 li p{float:left;width:188px;line-height:21px; text-align:center;overflow:hidden;}

.pages{float:left;line-height:30px; margin:15px auto 5px;text-align:left; width:740px; padding-left:10px;}
.pages a{
	padding:3px 5px;
	margin:0 2px;
	text-align:center;
	font-family:Verdana;
	border:1px solid #ccc;
	text-decoration:none;
	font-size: 12px;
}
.pages a:hover{
	text-decoration:none;
	background-color: #F0F0F0;
}
.pages span{
	padding:3px 5px;
	margin:0 5px 0 2px;
	text-align:center;
	font-weight:bold;
	font-family:Verdana;
	border:1px solid #ccc;
	text-decoration:none;
	font-size: 14px;
	background-color: #F0F0F0;
}

.con03 .right1 {
	TEXT-ALIGN: center;
}
.con03 .right1_hover {
	TEXT-ALIGN: center; font-weight:bold; font-size:20px;color:#FF0;
}

.teacher{ width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #CCCCCC; overflow:hidden; height:100%}
.teacher dt{ float:left; width:88px; height:115px; overflow:hidden;}
.teacher dt img{  width:88px; }
.teacher dd{ float:right; width:85%;}
.teacher dd .title{ font-size:16px; font-weight:bold; margin-right:auto; margin-bottom:5px;}
.teacher dd a{ color:#666666; font-size:12px;}

.foot{width:1000px;padding:10px 0;margin:0 auto;overflow:hidden;line-height:22px; text-align:center;color:#222222; font-size:12px;border-top:3px solid #CCCCCC;}
.foot a{color:#222222;}