body{ margin:0px; padding:0px; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; background:#F1F1F1;}
.logoBorder{ background:url(../images/logoBorder.jpg); height:167px;}
.top{ margin:0 auto; width:960px; height:167px;}
.logo{ height:141px; width:960px;}
.logo img{ padding-top:25px; padding-bottom:41px;}
.menu{ font-weight:bold; width:960px;}
.menu a:link {color:#000000; text-decoration:none;}
.menu a:visited {color:#000000; text-decoration:none; }
.menu a:hover {color:#FF0000; text-decoration:none;  }
.menu a:active {color:#000000; text-decoration:none; }
.menu  a{ padding-right:15px; }
.dhlxTag{ height:244px; margin:0 auto; width:960px; padding-top:8px; padding-bottom:8px;}
.dhlxfs{ float:left; width:235px; background:url(../images/dh.jpg);height:244px;}
.TagPic{ width:725px; float:right; height:244px;}
.dhdz{padding-top:7px; margin:0 auto; width:222px; padding-bottom:11px;}

.indexTagab{ width:960px; margin:0 auto;height:360px;}
.about_index{ width:586px; height:302px; float:left;}
.info_index{ width:364px; height:302px; float:right;}
.about_indexPic{ width:154px; height:123px; float:left;}
.about_indexText{ width:420px; height:123px; float:right; line-height:25px;}
.about_indexText a{ color:#000000; text-decoration:none}


.about_indexTp{height:123px; padding-top:6px;}
.about_indexHs{height:133px; padding-top:6px;}
.about_indexHs a{ color:#000000; text-decoration:none}

.about_indexHsPic{float:left; width:184px; height:133px; line-height:20px; text-align:center; padding-right:9px;}
.about_indexHsPic img{ height:113px; width:184px; border:1px solid #cccccc;}
.about_indexTextPc{padding-top:8px; padding-bottom:2px;}
.about_indexTextList{ height:140px;}
.about_indexTextList a{ color:#000000; text-decoration:none}

.about_indexTextList ul{ padding:0px; margin:0px; list-style:none;}
.about_indexTextList ul li{ line-height:23px;}

.teaks_index{ width:960px; margin:0 auto; height:175px; padding-top:8px;}
.ks_index{ float:left; width:476px; height:175px;}
.teksTag{padding-top:6px; height:134px;}
.te_index{ float:right; width:476px; height:175px;}


.teksTag1{padding-top:6px; height:134px;}
.te_index1{ float:right; width:476px; height:175px;}
.yxks_index1{ float:left; width:238px; height:133px;}
.yxks_index1 img{ width:230px; height:133px; border:1px solid #cccccc;}


.ks_indexPic{float:left; width:155px; height:109px; line-height:23px; text-align:center; padding-right:6px;}
.ks_indexPic2{float:left; width:154px; height:109px; line-height:23px; text-align:center}
.ks_indexPic img{ width:153px; height:109px; border:0px;}
.ks_indexPic2 img{ width:153px; height:109px; border:0px;}

.ks_indexPic a{ color:#000000; text-decoration:none}
.ks_indexPic2 a{ color:#000000; text-decoration:none}

.zp_index{padding-top:7px; height:139px;}
.zp_indexPic{width:186px; height:139px; float:left;padding-left:5px;}
.zp_indexPic img{ width:186px; height:139px; border:0px;}
.zp_indexTag{margin:0 auto; width:960px;}
.zp_indexPic a{ color:#000000; text-decoration:none}

.yxks_index{ float:left; width:188px; height:133px;}
.yxks_index img{ width:188px; height:133px; border:1px solid #cccccc;}
.yxks_indexTxt{ float:right; width:278px; height:133px;}
.yxks_indexTxt ul{ padding:0px; margin:0px; list-style:none;}
.yxks_indexTxt ul li{ line-height:23px;}
.yxks_indexTxt ul li a{ color:#000000; text-decoration:none}
.sshyTag{padding-top:6px; height:180px;}
.sshyPic{float:left; width:235px; height:126px; padding-right:5px; text-align:center; line-height:22px;}
.sshyPic2{float:left; width:235px; height:126px;text-align:center;line-height:22px;}
.sshyPic img{ width:235px; height:153px; border:0px;}
.sshyPic2 img{ width:235px; height:153px; border:0px;}
.teakss_index{ width:960px; margin:0 auto; height:215px; padding-top:8px;}

.foot{ background:url(../images/footBorder.jpg); height:167px; text-align:center}



.nvl{ height:25px; line-height:25px;width:960px; 	margin: 0 auto; background:#F8F8F8; }
/*框架*/
#wraps{	width:960px; 	margin: 0 auto;	overflow: hidden; padding-top:8px; }
#sidelefts{	width:672px;	float: left;background:#FFFFFF; border-right:1px solid #d0d4d3}
#siderights{	width:287px;	float: right; background:#F8F8F8}
#wraps:after	{content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}
#wraps{display: inline-block;}
#wraps{display: block;}
#sidelefts, #siderights{padding-bottom: 32767px !important;margin-bottom: -32767px !important; 	}@media all and (min-width: 0px) {#sideleft, #sideright，{	padding-bottom: 0 !important;margin-bottom: 0 !important; }
#sidelefts:before, #siderights:before,{content: '[DO NOT LEAVE IT IS NOT REAL]';display: block;background: inherit;padding-top: 32767px !important;	margin-bottom: -32767px !important;height: 0;}}


.aboutTitle{padding-top:10px; height:30px; text-align:center; border-bottom:1px dotted #000000; width:640px; margin:0 auto; }
.aboutTitle h1{ font-size:16px}
.aboutConts{line-height:35px; width:640px; margin:0 auto; padding-top:10px;}


.teksTags{padding-top:6px; height:260px;}

.ks_indexPics{float:left; width:139px; height:130px; line-height:23px; text-align:center; padding-left:3px; padding-right:3px;}
.ks_indexPics2{float:left; width:139px; height:130px; line-height:23px; text-align:center}
.ks_indexPics img{ width:138px; height:100px; border:0px;}
.ks_indexPics2 img{ width:138px; height:100px; border:0px;}

.ks_indexPics a{ color:#000000; text-decoration:none;}
.ks_indexPics2 a{ color:#000000; text-decoration:none;}

/*教师*/
.teacher{ height:166px; width:640px; border-bottom:1px dotted #000000; padding-top:10px; margin:0 auto}
.teacherPic{ float:left; width:142px; height:156px;border-right:1px dotted #000000;  }
.teacherPic img{width:132px; height:154px; border:0px;}
.teacherInfo{ float:right; width:488px; height:156px; line-height:23px;}
.teacherText{ height:23px; line-height:23px; font-weight:bold}
.teacher a{ color:#000000; text-decoration:none;}

.newsPages{ padding-top:20px;padding-bottom:20px;}
.newsPages a{ color:#000000; text-decoration:none;}

/**美术课程**/
.artImageBorder{width:200px; height:173px; float:left; padding-bottom:16px; padding-left:11px;}
.artImageBorder a{ text-decoration:none; color:#000000;}
.artImageBorder a:hover{ text-decoration:underline; color:#FF0000}
.artImageShowt{ width:190px; height:173px; float:left;text-align:center; line-height:25px;padding-left:6px;}
.artImageShowt img{ width:180px; height:135px; margin-top:10px;}


/**美术课程**/
.teacgerImageBorder{width:200px; height:187px; float:left; padding-bottom:16px; padding-left:11px;}
.teacgerImageBorder a{ text-decoration:none; color:#000000;}
.teacgerImageBorder a:hover{ text-decoration:underline; color:#FF0000}
.teacgerImageShowt{ width:190px; height:173px; float:left;text-align:center; line-height:25px;padding-left:6px;}
.teacgerImageShowt img{ width:133px; height:177px; margin-top:10px;}





.artImageBorder1{width:294px; height:213px; float:left; padding-bottom:16px; padding-left:16px;}
.artImageBorder1 a{ text-decoration:none; color:#000000;}
.artImageBorder1 a:hover{ text-decoration:underline; color:#FF0000}
.artImageShowt1{ width:283px; height:213px; float:left;text-align:center; line-height:25px;padding-left:6px;}
.artImageShowt1 img{ width:270px; height:175px; margin-top:10px;}


.hdp_container{width:725px;height:244px;margin:0px auto;position:relative;font-size:12px;overflow:hidden;}


#demo {overflow:hidden;width: 960px;height:139px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}





#nav {width:960px; font-weight:bold; color:#000000; }
#nav a {display: block;width: 75px;text-align:center;margin:0;padding:0;}
#nav a:link {color:#000000;text-decoration:none;margin:0;padding:0; font-size:12px;}
#nav a:visited {color:#000000;text-decoration:none;margin:0;padding:0;font-size:12px;}
#nav a:hover {color:#FF0000;text-decoration:none;font-weight:bold;margin:0;padding:0;font-size:12px;}
#nav li {float: left;width: 75px;margin:0;padding:0; list-style:none}
#nav li a:hover { margin:0;padding:0;}
#nav li ul {line-height: 24px;list-style-type: none;text-align:left;left: -999em;width: 90px;position: absolute;margin:0;padding:0; z-index:999}
#nav li ul li {float: left;width: 90px;margin:0;padding:0; background:#F1F1F1;}
#nav li ul a {display: block;width: 90px;text-align:centermargin:0;padding:0;}
#nav li ul a:link {margin:0;padding:0;color:#000000;text-decoration:none;}
#nav li ul a:visited {margin:0;padding:0;color:#000000;text-decoration:none;}
#nav li ul a:hover {margin:0;padding:0;color:#FF0000;text-decoration:none;}
#nav li:hover ul {left: auto;}
#nav li.sfhover ul {left: auto;}
#content {clear: left;}






* {margin:0; padding:0;}

ul,li {list-style:none;}
.wrapper {width:600px; margin:0 auto; height:500px; margin-left:20px;}
/* qqshop focus */
#focus {width:600px; height:500px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:600px; height:500px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:645px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:780px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:120px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}