@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑""microsoft yahei"; background:#3683D5;}
.ys4 {font-family: "Webdings"; color:#A67B08; margin-right:5px;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#FF0000}
img{ border:0;}
div,ul,li,p{ margin:0; padding:0; list-style:none}
li{ list-style:none}

/*课程设置*/
#web{ width:980px; margin:0 auto;}
#head{ float:left; width:100%; height:402px; background:url(../images/xk_head.png) no-repeat 0  50px; padding-top:50px;}
#logo{ float:left; width:560px; margin-top:-30px;}
#login{ float:right; width:200px; margin-top:-30px; color:#eee; text-align:right}
#login a{ color:#eee;}
#login a:hover{ color:#CC3300}
#head .menu{ float:left; width:800px; margin-left:330px; margin-top:30px; overflow:hidden}
#head .menu ul{ float:left; width:100%;}
#head .menu li{ float:left; height:35px; line-height:35px; padding:0 20px;}
#head .menu li a{ color:#fff;}
#head .menu li a:hover{ color:#996600}
.user_info{ float:left; width:100%; margin-top:20px;}
.user_info .form{ float:left; width:500px; margin-left:524px;}
.user_info .form dl{ float:left;margin-left:10px;}
.user_info .form dl label{ float:left; line-height:20px; padding:5px; }
.user_info .form dl input{ float:left; width:150px; padding:5px; height:20px;}
.user_info .form dl .button{ float:left; padding:5px 10px; background:#CC9966; color:#fff; height:20px; line-height:20px;}

#middle{ float:left; width:100%;height:auto !important; height:200px; min-height:200px; background:#fff; overflow:hidden}
#middle .left{ float:left; width:240px; margin-left:-5px; margin-top:10px;}
#bjjs{ float:left; width:240px; overflow:hidden; padding-left:0px; background:#fff;  padding-top:5px; padding-bottom:25px;}
#bjjs .top { float:left; height:99px; background:url(../images/bjtop.gif) center no-repeat; width:100%}
#bjjs .top p{ float:left; width:100%; text-indent:65px; height:30px; margin-top:20px; line-height:30px; font-size:15px; font-weight:bold; color:#3683D5}
#bjjs .middle { float:left;height:auto !important; height:150px; min-height:150px;  background:url(../images/bjmiddle.gif) center repeat-y; width:100%; margin-top:-30px;}
#bjjs .middle p.img{ float:left; width:220px; overflow:hidden; padding-left:20px;}
#bjjs .middle p.img img{ width:200px; height:130px; margin-top:-30px; position:absolute; z-index:100}
#bjjs .middle .content{ float:left; width:200px; padding-left:20px; padding-top:0px;overflow:hidden;line-height:25px}
#bjjs .foot { float:left; height:33px; background:url(../images/bjfoot.gif) center no-repeat; width:100%}

#bjjs .middle ul{ float:left; width:210px; margin-left:15px;}
#bjjs .middle ul li{ float:left; width:100%; height:30px;  margin-top:10px;background:url(../images/leftli.png) no-repeat;}
#bjjs .middle ul li a{ float:left; width:100%; height:30px; text-indent:35px; line-height:30px; color:#000; background:url(../images/li.gif) 15px  center no-repeat}
#bjjs .middle ul li a:hover{ float:left; width:100%; height:30px; color:#00CC66}
#bjjs .middle ul li a.cur{ float:left; width:100%; height:30px; color:#00CC66}
.login_iframe{ float:left; width:100%; margin-top:40px;}
.user{ float:left; width:100%;}
.user .img{ float:left; width:100%; text-align:center; font-size:70px; color:#0099FF}
.user .info{ float:left; width:100%; text-align:center}



#middle .right{ float:left; width:730px; margin-left:15px; margin-top:15px;}

#rbox{float:right; width:730px;}
#rbox .top{ float:left; height:50px; background:url(../images/list_top.gif) no-repeat; width:100%}
#rbox .middle{ float:left; background:url(../images/list_m.gif)  0px 0px repeat-y; width:100%; margin-left:1px;height:auto !important; height:470px; min-height:470px; }
#rbox .middle .c{ float:left;width:690px; margin-left:26px;}
#rbox .middle .c h1{ float:left; width:100%; text-align:center; line-height:30px; font-size:17px;}
#rbox .middle .c .content{ float:left; width:100%; line-height:20px;}
#rbox .middle ul{ float:left; width:690px; margin-left:26px;}
#rbox .middle ul li{ float:left; width:160px; height:150px;  margin-right:10px; margin-bottom:10px;}
#rbox .middle ul li p.img{ float:left; width:100%; height:120px;}
#rbox .middle ul li p.img img{ float:left; width:156px; height:116px; padding:1px; background:#fff; border:1px solid #A3E56D}
#rbox .middle ul li p.link{ float:left; width:100%; height:30px; line-height:30px; text-align:center}

#rbox .middle .iframe{ float:left; width:680px; margin-left:20px; margin-top:-10px; height:500px; overflow:hidden}

#rbox .foot{ float:left; height:43px; background:url(../images/list_f.gif) no-repeat; width:100%}

#topnews_list{ float:left; width:680px; line-height:25px; margin-left:20px; margin-top:20px;}
#topnews_list img{ max-width:680px;}

#foot{ float:left; width:100%; height:140px; background:url(../images/xk_foot.png) #fff no-repeat ; padding-top:70px;}
#foot p{ float:left; width:100%; text-align:center; line-height:25px;}