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


/*body*/
.main{ position:relative; overflow:hidden;}
.latestNews{ width:100%; height:32px; background:url(../images/newsBg.png) repeat-x;}
.latestIcons{ margin-left:10px;}
.latestIcons b{ width:22px; height:17px; background:url(../images/newsIcon.png) no-repeat; display:block; float:left; margin-top:7px; margin:7px 10px 0 0;}
#scrollText{ width:295px; float:left; overflow:hidden; height:32px; color:#ffeddd; font-size:12px;}
.packLeft{ width:649px; float:left; margin-top:12px;} 
.packMain{width:649px; height:94px; margin-left:7px; background:url(../images/packLeft.png) no-repeat; }


.sevice{ width:657px; height:326px; background:url(../images/seviceBg.png) no-repeat; margin-top:36px; position:relative;}
.seviceTab{ position:absolute; top:5px; left:18px;}
.seviceTab a{ width:126px; height:33px; line-height:33px; text-align:center; font-size:14px; font-family:"microsoft yahei"; background:url(https://vpn.bjypc.edu.cn/https/77726476706e69737468656265737421e6e74fd2253a71407d468ca88d1b203b/http/77726476706e69737468656265737421e7f2439b693262496e0bc7a99c406d36d6/tsg/images/serviceBut.png) no-repeat; display:block; float:left; margin-right:13px; color:#555;}
.seviceTab a:hover,.seviceTab a.seviceHover{ background:url(../images/serviceButhover.png) no-repeat; color:#fff;}
.seviceCont{ position:absolute; top:50px; left:47px; display:none;}
.seviceScroll{ overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:15px; }
.seviceScroll li{ float:left; margin-right:46px;}
.seviceScroll li.seviceLast{ margin-right:36px;}
.seviceScroll li a{ display:block; text-align:center; color:#5b5b5b; font-size:12px;}
.seviceScroll li a:hover{ color:#c81601;}
.sevicePic{ display:block; border:1px solid #aaa; height:65px;}
.seviceText{ margin-top:8px;}
.scrollTable{ width:100%; margin:22px 0 0 40px;}
.scrollTable li{ padding-bottom:16px; width:45%; float:left;}
.scrollTable li a{ color:#5b5b5b;}
.scrollTable li a:hover{ color:#c81601;}
.scrollTable li b{ width:9px; height:7px; background:url(../images/sanjiao.png) no-repeat; display:block; float:left; margin:3px 14px 0 0; }

.packRight{ width:338px; float:right;}
.packTitle{ background:#e1e1e1; border:1px solid #f0f4f8; height:22px; border-top-left-radius:7px; border-bottom-left-radius:7px; margin-top:13px;}
.newsTab{ float:left; margin-left:5px;}
.newsTab b{ display:block; float:left; color:#333; font-size:14px; font-family:"microsoft yahei"; margin-right:5px; padding:0 12px;}
.newsTab b:hover,.newsTab b.newsHover{ background:url(../images/newsHover.png) repeat-x; height:21px; line-height:21px; color:#fff;}
.newsTab a{ display:block; float:left; color:#333; font-size:14px; font-family:"microsoft yahei"; margin-right:5px; padding:0 12px;}
.newsTab a:hover,.newsTab a.newsHover{ background:url(../images/newsHover.png) repeat-x; height:21px; line-height:21px; color:#fff;}
.packTitle span{ display:block; float:right; font-family:"microsoft yahei"; font-size:14px; color:#333; margin-right:15px;}
.packTitle span a{ color:#333;}
.packUl{ margin:10px 0 0 10px;}
.packUl ul{ display:none;}
.packUl li{ line-height:26px;}
.packUl li b{ width:4px; height:4px; background:url(../images/dian.gif) no-repeat; display:block; float:left; margin:10px;}
.packUl li a{color:#5b5b5b;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.packUl li a:hover{ color:#c81601;}

/*快速通道*/
.trackTime{ margin-left:19px; overflow:hidden;}
.trackTime li{ width:140px; height:40px; background:url(../images/tackIcon.png) no-repeat; display:block; float:left; margin:18px 19px 0 0;}
.trackTime li b{ float:left; width:28px; display:block; margin:7px 0 0 5px;}
.trackTime li em{ width:1px; height:31px; background:url(../images/rowline.jpg) no-repeat; display:block; float:left; margin:4px 9px 0 4px;}
.trackTime li a{ font-size:14px; font-family:"microsoft yahei"; color:#333; line-height:40px;}
.trackTime li a:hover{ color:#c81601;}


/*list页面*/
.listTop{ margin-left:-1px;}
.listLeft{ width:198px; float:left; border:1px solid #cdcdcd; margin-top:6px; border-radius:5px; background:#fff; position:relative; min-height:750px;}
.listBottom{ width:198px; height:239px; position:absolute; bottom:0; left:0;}
.listTitle li{border-bottom:1px solid #e4e4e4;line-height:29px;position: relative;}
.listTitle li b{ width:5px; height:5px; background:url(../images/reddian.png) no-repeat; display:block; float:left; margin:11px 12px 0;}
.listTitle li a{ font-size:12px; color:#333; display:block; border-left:3px solid #fff;}
.listTitle li .gp-toggles{
 width: 29px;
 height: 29px;
 display: block;
 position: absolute;
 right: 0;
 top: 0;
 cursor: pointer;
 background: url(../images/jt.png) no-repeat center;
 background-size: 20px;
}
.listTitle li.on .gp-toggles{
  transform: rotate(90deg);
}
.listSelect{
 display: none;
}
.listTitle li a:hover,.listTitle li a.listCur{ border-left:3px solid #b90c09; margin-left:-1px; color:#ca1212;}
.listRight{ width:750px; float:right; margin-right:26px;}
.boread{ margin-top:23px; border-bottom:4px solid #aa1816; padding-bottom:7px;}
.boread,.boread a{ color:#333; }
.boread a:hover{ color:#c81601;}
.listUl{ margin-top:23px;}
.listUl li{ line-height:30px;}
.listUl li b{ width:9px; height:7px; background:url(../images/sanjiao.png) no-repeat; display:block; float:left; margin:11px 17px 0 0;}
.listUl li span{ display:block; float:right; color:#333;}
.listUl li a{ color:#333;}
.listUl li a:hover{ color:#c81601;}

/*detail*/
.detailCont h1{color:#333; font-size:20px; font-family:"microsoft yahei"; text-align:center; font-weight:normal;margin-top:49px;}
.detailCont h3{color:#333; font-size:12px; text-align:center; font-weight:normal; margin:19px 0 30px;}
.detailCont p{color:#333; font-size:12px; line-height:31px; text-indent:24px;}
/*三级菜单*/
.listSelect a{ display:block; text-indent:40px;}
.listSelect a:hover{ background:#a32421; color:#fff !important;}



/*2015年11月9日 */
 #tab {height:340px;background:none;overflow:hidden;}
#tab ul li {position:absolute;left:0;top:0;float:left;display:block;width:100px;height:30px;font-size:0;}

#tab h3 a{ display:block;width:113px; height:30px; background:url(../images/list_bu02.jpg) no-repeat;font:300 14px/30px Arial, Helvetica, sans-serif; text-align:center; color:#555; text-decoration:none;}
#tab ul li h3 a:hover { background:url(../images/list_bu03.jpg) no-repeat;color:#fff;}
#tab ul li.up h3 a {background:url(../images/list_bu03.jpg) no-repeat;color:#fff;}
#tab ul li div {border:none;}
#tab ul li .list_box{ margin:8px 21px;padding:0;}
#tab ul li .list_box  li {position:static;float:none;height:auto; height:22px;text-align: right;  width: 450px;    overflow: hidden;color: #797676;
  font: 300 12px/22px Arial,Helvetica,sans-serif;}
#tab ul li .list_box  .no_text{text-align:center; margin-top:10px;font-size:12px;color:#000;}
#tab ul li .list_box  li a {font:300 12px/22px Arial, Helvetica, sans-serif; color:#196590; text-decoration:none; float:left;}
#tab ul li .list_box  li a:hover{ color:#f17507;}
#tab ul li p{ float:right; margin:0px; padding:0px; display:inline; margin-right:20px;}
#tab ul li p a{font:700 12px/22px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
#tab ul li p a:hover{ color:#f17507;}

#tab ul li#tab2 {left:116px;}
#tab ul li#tab3 {left:232px;}
#tab ul li#tab4 {left:348px;}
#tab ul li div {position:absolute;clear:both;}
#tab ul li div#oDIV1{left:-20px;}
#tab ul li div#oDIV2 {left:-136px;}
#tab ul li div#oDIV3 {left:-252px;}
#tab ul li div#oDIV4 {left:-368px;}

/*12/9*/
.packMain li{ float:left; width:198px; margin:21px 0 0 14px;}
.packMain li a{ background:url(../images/mkIcons.png) no-repeat; line-height:44px; color:#120101; width:198px; height:53px; display:block;}
.packMain li a:hover{ background:url(../images/mkIconshover.png) no-repeat; color:#fff;}
.packMain li b{ width:56px; height:41px; display:block; float:left; margin:5px 0 0 33px;}
.packMain li b.p-Ico1{ background:url(../images/gcml.png) no-repeat;}
.packMain li b.p-Ico2{ background:url(../images/sjk.png) no-repeat;}
.packMain li b.p-Ico3{ background:url(../images/wdtsg.png) no-repeat;}
.packMain li span{ font-size:17px; font-family:"microsoft yahei";}
.packMain li a:hover b.p-Ico1{background:url(../images/gcmlHover.png) no-repeat;}
.packMain li a:hover b.p-Ico2{background:url(../images/sjkhover.png) no-repeat;}
.packMain li a:hover b.p-Ico3{background:url(../images/wdtsgHover.png) no-repeat;}