@charset "utf-8";
/* CSS Document */
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 


* {margin: 0; padding: 0; outline: 0;}

 img{ border:none; vertical-align:middle; max-width:100%}

body{ font-size:12px;line-height:200%; color:#000; background:#f2f2f2 url(images/top.jpg) no-repeat 50% 53px ;-webkit-font-smoothing:antialiased;}
a{ text-decoration:none; color:#000; outline:none}

:focus { outline:0; }
.hei{ line-height:0; font-size:0}
table{ margin:0 auto} 
li{ list-style:none}
textarea,input[type=text],input[type=password],input[type=password],textarea,select{}
.clear{ clear: both; line-height:0; font-size:0}

.fff,.fff a{ color:#fff}
#top{ background:#073baa; line-height:53px; height:53px}
.left{ float:left}
.right{ float:right}
.w1500{ width:1500px; margin:0 auto}
#top #time{ background:url(images/ico_01.gif) no-repeat 0 50%; padding: 0 0 0 30px}
#logo{ height:260px}
#logo a{ display:block; padding:96px 0 0 0}

#mid .right{ width:40%}
#mid .right.w100{ width:100%; float:none}


#mid .right #r0{ background:url(images/index_01.gif) repeat-x 0 bottom #83bcea; padding:7px 0;}
#mid .right #r0>div{ background:#fdfeff; margin:0 7px; border:1px solid #7cadd3;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;-moz-box-shadow:0px 0px 1px #95c0d8; -webkit-box-shadow:0px 0px 1px #95c0d8; box-shadow:0px 0px 1px #95c0d8; height:366px}
#mid .right.w100 #r0>div{ height:auto; padding-bottom:20px}
#mid .right #r0>div th{ font-size:18px; font-family:幼圆; text-align:right; vertical-align:top; line-height:48px}
#mid .right #r0>div table{ width:81.23%; }
#mid .right #r0>div table>tr>td>h2{ font-size:22px; line-height:62px; text-align:center}
#mid .right #r0>div table td>input,#mid .right #r0>div table td>select,#mid .right #r0>div table td>textarea{ width:96%; padding:0 2%; border:1px solid #7ebef1;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; line-height:44px; height:44px}
#mid .right #r0>div table td>textarea{ height:auto}
#mid .right #r0>div table td div input,#mid .right #r0>div table td div a,#mid .right #r0>div table.xsxx>tbody>tr>th>div input{ display:block; float:left; width:140px; height:45px; line-height:45px; border:none;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color:#fff; text-align:center; margin:0 16px 0 0; font-size:16px}
#mid .right #r0>div table td div input,#mid .right #r0>div table.xsxx>tbody>tr>th>div input{ background:#2d95ec}
#mid .right #r0>div table.xsxx>tbody>tr>th>div input{ float:none; width:98%; margin:10px auto}
#mid .right #r0>div table td div a{ background:#f9ac2a}
#mid .right #r0>div table td div{ margin-top:10px}

#mid .right #r1{  margin-top:26px; background:#2d91bf; background: -webkit-linear-gradient(left top, #288fbc , #35ccf1);    background: -o-linear-gradient(bottom right, #288fbc,  #35ccf1);    background: -moz-linear-gradient(bottom right, #288fbc,  #35ccf1);    background: linear-g

radient(to bottom right, #288fbc ,  #35ccf1); padding:7px 0 }
#mid .right #r1>div{ margin:0 7px; background:#fff;  background: -webkit-linear-gradient(#dbf5f8, #fff); background: -o-linear-gradient(#dbf5f8, #fff); background: -moz-linear-gradient#dbf5f8, #fff);  background: linear-gradient(#dbf5f8, #fff);-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;box-shadow:rgb(255, 255, 255) 0px 0px 18px inset; height:240px; padding-top:24px}
#mid .right #r1>div table{ width:90%; }
#mid .right #r1>div table th{ color:#015293; font-size:18px; width:92px}
#mid .right #r1>div table td>input{ width:96%; padding:0 2%; border:1px solid #a4d8ec; line-height:38px; height:38px}
#mid .right #r1>div table  div input{ width:100%; background:#015293; color:#fff; height:50px; font-size:20px; border:1px solid #015293}

#mid .left{ width:59.47%; float:left}
#mid .left.w100{ width:100%; float:none}


#mid .left #l0{ background:#6bbdef; background: -webkit-linear-gradient(left top,#68bbee , #bce4fd);     background: -o-linear-gradient(bottom right, #68bbee, #bce4fd);     background: -moz-linear-gradient(bottom right, #68bbee, #bce4fd);     background: linear-gradient(to bottom right, #68bbee , #bce4fd); padding:9px}

#mid .left #l0>div{  border:1px solid #9fdcfd; min-height:338px; background:#fff}
#mid .left #l0 table.tit{ height:42px; background:url(images/index_02.gif)}
#mid .left #l0 table.tit th{ width:163px; background:url(images/index_03.gif); color:#fff; font-size:18px; text-align:left; padding-left:30px}
#mid .left #l0 table.tit td{ text-align:right; padding-right:16px}
#mid .left.w100 #neirong{ margin:25px 20px}
#mid .left.w100 #neirong h1{ font-size:26px; text-align:center; line-height:40px}
#mid .left.w100 #neirong .time{ text-align:center; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:14px}

#mid .left.w100 #neirong .dw{ text-align:center; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:14px; font-size:16px}
#lantern_slide { float:left; margin:18px 0 0 15px
}

#bimg {
	FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); OVERFLOW: hidden; HEIGHT: 223px
}
#info {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 25px; TEXT-ALIGN: center; width:345px; border-top:1px solid #707070; background:#ccc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis
}
.lkff A {
	
}

#simg{ text-align:right; position: absolute; z-index:1; margin:-30px 0 0 -6px; width:345px}
#simg DIV {
	FONT-SIZE: 12px; BACKGROUND: #c00;  WIDTH: 18px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 18px; MARGIN-RIGHT: 1px; HEIGHT: 18px; TEXT-ALIGN: center; display:inline-block
}
#simg .f1 {
	BACKGROUND: #6f6f6f
}
.dis {
	DISPLAY: block
}
.undis {
	DISPLAY: none
}
.lkff {
	WIDTH: 180px
}


.pic {
	OVERFLOW: hidden
}
.pic .dis A {
	DISPLAY: block; OVERFLOW: hidden;
}
.pic .dis A IMG {
	WIDTH: 346px; height:224px
}

#mid .left #l0 .news{ float:right; width:480px; line-height:35px; margin:18px 15px 0 0; table-layout:fixed}
#mid .left #l0 .news th,#mid .right.w100 #r0>div .news th{ text-align:left;border-bottom:1px dashed #9f9f9f}
#mid .left #l0 .news th a,#mid .right.w100 #r0>div .news th a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(images/ico_03.gif) no-repeat 5px 14px; padding:0 0 0 20px}
#mid .left #l0 .news td,#mid .right.w100 #r0>div .news td{ border-bottom:1px dashed #9f9f9f; text-align:right; width:60px; white-space:nowrap}

#mid .left.w100 #l0 .news,#mid .right.w100 #r0 .news{ margin:10px auto; width:97%; float:none}
#mid .right.w100 #r0>div .news th{ text-align:left; font-size:16px}
#mid .right.w100 #r0>div .news th a{background:url(images/ico_03.gif) no-repeat 5px 20px;}

#mid .right.w100 #r0>div .news td{ font-size:14px; width:60px; text-align:right}
#mid .left.w100 #l0>div{ min-height: inherit}


#mid .left #l1{ background:#bfe4fe; margin-top:20px;  background: -webkit-linear-gradient(#bfe4fe, #fff); 
    background: -o-linear-gradient(#bfe4fe, #fff);     background: -moz-linear-gradient(#bfe4fe, #fff);
    background: linear-gradient(#bfe4fe, #fff);; padding:9px 0 }
#mid .left #l2,#mid .left #l3{ height:293px; background:#fff; border:1px solid #9fdcfd}
#mid .left #l2{; width:50.33%; margin:0 0 0 1.37%; float:left}
#mid .left #l3{ width:45.58%; float: right; margin:0 1.37% 0 0}





#mid .left #l1 .tit{ width:94%; margin:10px auto; border-bottom:1px solid #ccc}
#mid .left #l1 .tit th{ width:100px; background:url(images/index_04.gif); height:30px; color:#fff; font-size:18px; text-align:left; padding-left:15px}
#mid .left #l1 .tit td{ text-align:right }
#mid .left #l1 .neirong{width:94%; margin:0 auto; font-size:16px; line-height:30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;}

#footer{ text-align:center; color:#fff; background:#1c72d4; margin-top:20px; padding:20px 0}
#l3 li{ float:left; width:33.3%;  }
#mid .left.w100 #zp li{ width:16.66%; float:left; padding:20px 0 0 0}

#l3 li div,#mid .left.w100 #zp li div{ margin:0 0 0 10px; height:120px; display:table-cell; vertical-align:middle; text-align:center; }


#l3 ul,#mid .left.w100 #zp { margin-right:10px; padding-bottom:30px}
#l3 li img,#mid .left.w100 #zp li img{ display:block; margin:0 auto}

.page{ text-align:center; margin:15px 0}
.page a{ display:inline-block; background:url(images/index1_04.gif) 50% 50%; color:#fff; padding:0 8px; margin:0 3px; border:1px solid #0069bd}
.page a.current{ background:#ececec; border:1px solid #ccc; color:#000}

#mid .right.w100 #r0>div table td div input{ width:100%; font-size:18px}
#mid .right.w100 #zh{ width:80%; margin:0 auto 20px auto;}
#mid .right.w100 #zh li{ float:left; width:50%; line-height:67px; font-size:26px; color:#454545; text-align:center; background:url(images/zc_01.gif) repeat-x bottom;
}
#mid .right.w100 #zh li span{ display:block;padding:0 0 0 10%; height:67px; cursor:pointer; border:1px solid #dedede}
#mid .right.w100 #zh li.on.xs{ color:#fff; background:url(images/zc_02.gif) 50% 0 no-repeat; height:79px}
#mid .right.w100 #zh li.qy{background:url(images/zc_03.gif) 50% 0}
#mid .right.w100 #zh li.xs{ background:url(images/zc_04.gif) 50% 0}
#mid .right.w100 #zh li.on.qy{ color:#fff; background:url(images/zc_05.gif) 50% 0 no-repeat; height:79px}
#mid .right.w100 #zh li.on span{ border:none; padding:1px 1px 1px 10%}

#hy{ width:96%; margin:30px auto}
#hy h1{ font-size:20px; line-height:50px; color:#333}
#hy #nav a{ color:#333; font-size:14px}
#hy #nav li{ width:100px; border:1px solid #dadada; border-left:none; float:left}
#hy #nav{ margin:20px 0; border-left:1px solid #dadada; text-align:center; line-height:34px}
#hy #nav li.on a{ color:#073baa}

.stu{ border-bottom:1px solid #ccc; padding:12px 0 }
.stu li{ float:left; padding:0 1%; line-height:30px}
.stu li.s0{ width:5%}
.stu li.s1{ width:10%}
.stu li.s1 a{ font-weight:bold}
.stu li.s2{ width:20%}
.stu li.s3{ width:30%}
.stu li.s4{ width:10%}

.stu li.s6 a{ display:block; background:#f40; color:#fff; padding:0 10px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.stu.teacher li.s6 a{ display:inline-block; margin-right:6px}
.stu.teacher li.s6 select{ padding:4px 0 7px 0}
.stu li.s6{ float:right; }
.stu.teacher li.s3{width:20%}
.stu li.s7{ width:19%}
.stu0.teacher li.s6{ text-align:left; width:120px}

.stu:nth-child(odd) { background:#f7f7f7}
.stu.stu0{ background:#efefef;border-top:2px solid #ccc;}
#mid .right #r0>div table.xsxx,#mid .left #l0>div table.xsxx{ width:100%; margin:0 auto; font-size:14px;border-top:1px solid #ccc;border-right:1px solid #ccc}
#mid .left #l0>div table.xsxx{ margin-top:15px}
#mid .right #r0>div table.xsxx>tbody>tr>td,#mid .left #l0>div table.xsxx>tbody>tr>td{ border-bottom:1px solid #ccc;border-left:1px solid #ccc; padding:1% 1.5%; vertical-align:top; line-height:44px}
#mid .right #r0>div table.xsxx>tbody>tr>th,#mid .left #l0>div table.xsxx>tbody>tr>th{background:#f7f7f7;border-bottom:1px solid #ccc;border-left:1px solid #ccc; text-align:center }
#mid .left #l0>div table.xsxx>tbody>tr>th h2{ text-align:center; line-height:50px}
#mid .right #r0>div table.xsxx>tbody>tr>td th,#mid .left #l0>div table.xsxx>tbody>tr>th{ font-weight:400; font-size:12px; width:40px; text-align:left}
#mid .right #r0>div table.xsxx>tbody>tr>td table{ min-width:200px; width:100%}
#mid .right #r0>div table td>input[type="radio"]{ width:auto; display:inline-block; height:auto}
#mid .right #r0>div table#so{ width:96%; margin:25px auto 15px auto}
#mid .right #r0>div table#so td>input{ line-height:44px; height:44px}

#gw li>span{ color:#f40; font-size:26px; font-family: Arial; font-weight:bold}
#gw li{ padding-bottom:10px}
#gw h2.tit{ font-size:16px; line-height:40px}

#mid .right #r0>div table.news td div a{ padding:0; margin:0 0 0 10px; line-height:30px; height:30px; width:60px}
#mid .right #r0>div table.news td.xg,#mid .right #r0>div table.news td.sc{ width:70px; padding-bottom:10px}
#mid .right #r0>div table.news td.xg a{    background: #2d95ec}
#mid .right #r0>div table.news th{ width:auto; line-height:44px}





@media screen and (max-width:1530px){
.w1500{ width:auto; margin:0 15px}
#mid .left #l0 .news{ width:50%;}
#mid .left.w100 #zp li{ width:20%; }

}


@media screen and (max-width:1340px){
#mid .right #r0>div table td div input,#mid .right #r0>div table td div a{ width:120px}
#mid .left #l0 .news{ width:45% ;}
}
@media screen and (max-width:1260px){
#mid .left #l0 .news{ width:40% ;}	
	}
@media screen and (max-width:1200px){
#mid .right #r0>div table td div input,#mid .right #r0>div table td div a{ width:120px}
#mid .right #r0>div th{ font-size:15px; width:48px}
#mid .right.w100 #r0>div th{ width:68px}
#mid .right #r0>div table{ width:94%}
#mid .left #l0 .news td{ display:none}
#mid .right.w100 #zh{ width:92%;}
}

@media screen and (max-width:1130px){
#mid .right #r0>div table td div input,#mid .right #r0>div table td div a{ width:110px}
#mid .left #l0 .news{ width:35%;}

	}
	
	
@media screen and (max-width:1070px){
	#mid .left #l0 .news{ width:30%;}
	
	}	

.tel{ display:none}
@media screen and (max-width:975px){
	.tel{ display:block}
	#mid .left #l0>div{ padding-bottom:10px}
	#mid .left #l0 .news td{ display: table-cell}
	.pc{ display:none}
#logo{ height: auto}
#logo a{  padding:76px 0 }	
#mid .right,#mid .left{ width:auto; float:none}
#mid .left{ margin-bottom:20px}
#mid .right #r0>div table th{ vertical-align:top; line-height:36px}
#mid .right #r0>div table td>input{ height:34px; line-height:34px;}	
#mid .left #l0 .news{ width:50%;}
#mid .left.w100 #zp li{ width:25%; }
.stu li.s3{ width:20%}

	}
@media screen and (max-width:827px){
	
#mid .left #l0 .news{ width:40%;}	
#mid .left.w100 #zp li{ width:33.3%; }
#mid .right.w100 #zh li {    font-size: 22px;}
.stu li.s0{ width:19%}
.stu li.s1{ width:25%}
.stu li.s2{ width:50%}
.stu li.s3{ width:51%}
.stu li.s4{ width:10%}
.stu li.s5{ width:14%}

.stu0{ display:none}
}




@media screen and (max-width:690px){
	.pc{ display:none}
	#mid .right #r0>div table{ width:99%}
	#logo a{  padding:56px 0 }
	#mid .right #r0>div table td div input,#mid .right #r0>div table td div a{ width:80px; margin-right:10px;}	#mid .right #r0>div table h2{ line-height:52px;}
	#mid .left #l0 .news{ width: auto; float:none; margin:0 0 0 2%; width:96%}
#mid .left #l0 .news td{ width:72px}
	#lantern_slide{  margin: 2%; width:96%; float:none;}
	.pic .dis A IMG {	WIDTH: 100%; height:auto}	#info{ width:100%}
	#mid .left #l2{ width:96%; margin:1% 2% 2% 2%; float:none}
	#mid .left #l3{ width:96%; margin:0 2%; float:none}
	#mid .right #r1>div table th { font-size: 15px;
    width: 78px;
}
#footer span{ display:block}
#mid .right #r1{ margin-top:20px}
#mid .left.w100 #neirong h1{ font-size:20px;line-height:30px}
#mid .left.w100 #zp li{ width:50%; }
#mid .right.w100 #zh li {    font-size: 18px;}
#hy #nav{ margin:10px 0 }
#hy h1{  font-size:18px}
#mid .right #r0>div table.xsxx>tbody>tr>th>div input{width:96%; }
.webuploader-pick {
 

    padding: 10px 0;

    border-radius: 3px; width:auto !important

}
.stu.teacher li.s3 { width:50%; }
.stu.teacher li.s4,.stu.teacher li.s5 { width:22%; }

.stu.teacher li.s6 { width:100%; float:none}
}


.yx-rotaion{ width: 336px; height: 244px; overflow: hidden; float: left}
.yx-rotaion img{width: 336px; height: 244px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 330px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}


 #mid .right #r0>div table td div#cover_img a{ background:transparent !important; float:none !important; height:auto}