@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}

#bt{ width:1200px; height:53px; margin:0 auto; overflow:hidden; margin-top:30px; background:url(../images/btbj.png) 0 51px repeat-x; text-align:center;}

.xlyjz{ width:1200px; margin:0 auto; margin-top:10px; overflow:hidden;}
.xlyjz .xianlu{ padding:13px 0 15px 0; border-top:1px #b7b7b7 dashed; margin-top:-1px; overflow:hidden; float:left;}
.xlyjz .xianlu span{ width:100px; height:29px; line-height:28px; text-align:right; font-size:18px; font-family:'Microsoft YaHei', 'SimSun'; float:left;}
.xlyjz .xianlu ul{ font-family:'Microsoft YaHei', 'SimSun'; float:left;}
.xlyjz .xianlu ul li{ margin:2px 16px 2px 0; font-size:15px; float:left;}
.xlyjz .xianlu ul li a{ display:inline-block; height:25px; line-height:24px; padding:0 5px 0 5px; border-radius:3px;}
.xlyjz .xianlu ul li a:hover{ color:#FFF; text-decoration:none; background-color:#fd4b8c; color:#FFF;}
.xlyjz .dj{ background-color:#fd4b8c; color:#FFF;}
.xlyjz .dj:hover{ color:#FFF; text-decoration:none;}
.xlyjz .xl01{ width:700px;}.xlyjz .xl01 ul{ width:600px;}
.xlyjz .xl02{ width:500px;}.xlyjz .xl02 ul{ width:400px;}

#course{ margin-top:10px; padding-bottom:20px; overflow:hidden; background:#f5f5f5;}
#course .course{ width:1212px; margin:0 auto; padding-left:12px;}
#course .course .bt{ display:inline-block; width:1200px; margin-top:25px;}
#course .course .bt label{ font-weight:bold; font-size:24px; float:left;}
#course .course .bt a{ margin:5px 0 0 15px; float:right;}
#course .course .tg{ width:240px; height:680px; overflow:hidden; float:left;}
#course .course .tg span{ display:block; width:240px; height:320px; margin-top:20px; background:#FFF;}
#course .cbs_ul{ width:1224px; padding-bottom:10px; overflow:hidden;}
#course .cbs_ul li{ width:252px; height:310px; padding:15px 23px 0 23px; margin:24px 4px 0 4px; background:url(../images/cbsbj01.png) no-repeat; overflow:hidden; float:left;}
#course .cbs_ul li:hover{ height:320px; margin:20px 4px -6px 4px; background:url(../images/cbsbj02.png) no-repeat;}
#course .cbs_ul li img{ width:252px; height:180px;}
#course .cbs_ul h3{ width:252px; text-align:center; font-style:normal; font-weight:normal; margin-top:10px; font-size:18px; line-height:160%; color:#333333;}
#course .cbs_ul em{ display:inline-block; width:252px; height:26px; text-align:center; overflow:hidden; font-style:normal; font-weight:normal; margin-top:8px; line-height:22px; color:#888888;}
#course .cbs_ul i{ display:inline-block; width:252px; height:26px; text-align:center; overflow:hidden; font-style:normal; font-weight:normal; margin-top:15px; line-height:22px; color:#ff0000; font-size:18px; font-weight:bold;}
.cbs_ul li a{ text-decoration:none;}

#cbszx{ width:1200px; margin:0 auto;; overflow:hidden;}
.cbsbt{ display:inline-block; width:1200px; margin-top:25px;}
.cbsbt label{ font-weight:bold; font-size:24px; float:left;}.cbsbt a{ margin:5px 0 0 15px; float:right;}
.cbszx_ul{ width:1216px; height:344px; overflow:hidden;}
.cbszx_ul li{ width:286px; height:311px; margin:13px 16px 0 0; overflow:hidden; border:1px #dedede solid; float:left;}.cbszx_ul li:hover{ margin:7px 16px 6px 0;}
.cbszx_ul h3{ width:260px; font-style:normal; font-weight:normal; margin:10px 0 0 16px; font-size:18px; line-height:26px; color:#333333;}
.cbszx_ul span{ display:inline-block; width:260px; height:90px; overflow:hidden; font-style:normal; font-weight:normal; margin:8px 0 0 16px; line-height:22px; color:#888888;}
.cbszx_ul li a{ text-decoration:none;}

@media (max-width:767px){
	h2,.bt,#body,#cbszx{ display:none;}
	#bt{ display:block; width:100%; height:40px; margin-top:15px; background:none;}
	#bt img{ width:80%; height:auto;}
	
	.xlyjz{ width:100%; margin:10px 0 0 0;}
	.xlyjz .xianlu{ width:100%;}
	.xlyjz .xianlu span{ width:30%;}
	.xlyjz .xianlu ul{ width:70%;}
	.xlyjz .xianlu ul li{ margin:2px 0 2px 0;}

	#course{ margin-top:10px; padding-bottom:20px; overflow:hidden; background:#f5f5f5;}
	#course .course{ width:100%; margin:0 auto; padding-left:0;}
	#course .course .bt{ width:100%; height:30px; overflow:hidden;}
	#course .course .bt label{ width:100%; text-align:center;}
	
	#course .cbs_ul{ width:100%; padding-bottom:10px; overflow:hidden;}
	#course .cbs_ul li{ width:94%; padding:15px 0 0 0; margin:10px 0 0 3%; background:#FFF;; overflow:hidden; float:left;}
	#course .cbs_ul li:hover{ margin:10px 0 0 3%;}
	#course .cbs_ul li img{ width:94%; margin:0 0 0 3%;}
	#course .cbs_ul h3{ width:100%;3;}
	#course .cbs_ul em{ width:100%; }
	#course .cbs_ul i{ width:100%;}
	#cbs span{ width:100%;}
	}

@media (max-width:479px) {
	#body{ width:94%;}
	.tuijian .img{ height:100px;}
	.tuijian .img img{ height:100px;}
	.liucheng,.yqlj,.zxfs,.footdh{ display:none;}
}