@charset "utf-8";
/* CSS Document */



/*banner---变幻图*/
.banner{width: 100%;position: relative;overflow: hidden;height: 320px;}
.banner div a{width: 1200px;position: absolute;left: 50%;margin-left: -960px;}


/* slide */
.slide-main{height:320px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:120px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:300px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:320px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:320px;background:#fff;position:relative;position:absolute;z-index:8;}
.slide img{ width:100%; height:100%; margin:auto}




/*content---总内容*/
.content{display: table;width:100%; background:#efeff0; padding-bottom:50px;}

/*sub_nav---小栏目*/
.content .sub_nav{width:100%; height:50px; margin:auto; background:#FFF;}
.content .sub_nav ul{width:1200px; height:50px; margin:auto; font-size:16px;  }
.content .sub_nav ul li{width:338px; height:30px; float:left; margin:10px 31px;}
.content .sub_nav ul li .sub_nav_icon{width:29px; height:29px; float:left;}
.content .sub_nav ul li .icon_1{ background-image:url(../images/icon1.png); background-position:0 -29px; }
.content .sub_nav ul li .icon_2{ background-image:url(../images/icon1.png); background-position:-33px -29px;}
.content .sub_nav ul li .icon_3{background-image:url(../images/icon1.png); background-position:-65px -29px; }
.content .sub_nav ul li p{ margin-left:10px; color:#626262; float:left; padding-top:5px;}
.content .sub_nav ul li span{color:#f30605; float:left; font-weight:bold; padding-top:5px;}


/*cglb---闯关练兵*/
.cglb{ width:100%; height:420px; margin:auto; margin-top:50px ;    padding-bottom: 30px; }
.cglb .cglb_bt{width:740px; height:60px; margin:auto; background-image:url(../images/icon4.png); background-position:0px 0px; margin-bottom:35px;  }
.cglb .cglb_cont{width:1200px; height:309px; background:#fff;  margin:auto;   }
.cglb .cglb_cont .layui-carousel .cglb_ct{width:1200px;height:320px; background:#FFF; border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc;  }
.cglb .cglb_cont .layui-carousel .cglb_ct .layui-this ul {width:1200px; height:320px;  position:absolute; overflow:hidden;}
.cglb .cglb_cont .layui-carousel .cglb_ct .layui-this ul li { width:239px; height:159px; float:left;padding: 0; position:relative; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.cglb .cglb_cont .layui-carousel .cglb_ct .layui-this ul li img { width:67px; height:67px; }
.cglb .cglb_cont .layui-carousel .cglb_ct .layui-this ul li .pic{ height:164px; width:87px; padding-top:45px; padding-left:20px; float:left}
.cglb .cglb_cont .layui-carousel .cglb_ct .layui-this ul li .tit{ float:left; margin-top:35px; font-size:14px; font-weight:bold}

/*phb---排行榜*/
.phb{display: table;width:100%;background:#fff; margin-top:50px; padding-top:50px; color:#757373;padding-bottom: 30px;}
.phb .phb_bt{width:740px; height:60px; margin:auto; background-image:url(../images/icon4.png); background-position:0px -65px;  }
.phb .phb_ct{ width:1200px; margin:35px auto 0;}
.phb .phb_ct .work{margin-left:45px;}
.phb .phb_ct .personal{margin-left:45px;}

.phb .phb_ct .phb_ys{width:370px; float:left}
.phb .phb_ct .phb_ys .bt_ys{width:370px; height:30px; border-bottom:2px solid #dbdbdb;}
.phb .phb_ct .phb_ys .bt_ys .bor {width:3px; height:18px; background:#ff6000; float:left; }
.phb .phb_ct .phb_ys .bt_ys p{ color:#626262; font-weight:bold; float:left; margin-left:8px;}
.phb .phb_ct .phb_ys .ct_ys{width:370px;}
.phb .phb_ct .phb_ys .ct_ys li.title{ padding-top: 10px;font-weight: bold; }
.phb .phb_ct .phb_ys .ct_ys li{width:370px;line-height: 40px; border-bottom:1px solid #e2e2e2; text-align:center; font-size:14px;overflow: hidden;}
.phb .phb_ct .phb_ys .ct_ys li div{overflow: hidden;line-height: 40px; }
.phb .phb_ct .phb_ys .ct_ys li .pm{float:left;display: inline-block;width:18px; height:18px;text-align:center; line-height:17px; margin:10px 10px 0 0;}
.phb .phb_ct .phb_ys .ct_ys li .pm_1{color:#fff; border-radius:2px; background:#dd2f39; }
.phb .phb_ct .phb_ys .ct_ys li .name{float:left;display: inline-block;width:160px;padding:0 10px; text-align: left;}
.phb .phb_ct .phb_ys .ct_ys li .number{float:left;display: inline-block;width:115px;}
.phb .phb_ct .phb_ys .ct_ys li .ranking{float:left;display: inline-block;width:30px;text-align: center;} 
.phb .phb_ct .phb_ys .ct_ys li .ranking .pm_up{display: table;width:30px; height:10px;  background:url(../images/icon1.png) -114px -13px no-repeat; margin-top: 15px;}
.phb .phb_ct .phb_ys .ct_ys li .ranking .pm_down{display: table;width:30px; height:10px;  background:url(../images/icon1.png) -148px -13px no-repeat; margin-top: 15px;}
.phb .phb_ct .phb_ys .ct_ys .check_more{width:138px;border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin-left:115px; text-align:center; line-height:34px;}
.phb .phb_ct .phb_ys .ct_ys .check_more a:hover{width:139px;  background:#fe7140; display:block; color:#fff}

/*notice---通知公告*/
.notice{width:1200px; margin:auto; padding-top:50px;}
.notice_bt{width:740px; height:60px; margin:auto; background-image:url(../images/icon4.png); background-position:0px -125px;}
.notice_ct{ margin-top:30px; }
.notice_ct .latest_announcement{ float:left}
.notice_ct .knowledge_sharing{ float:right}
.notice_ct .notic_ct_c{ width:540px; height:233px;  background:#fff; padding:35px 20px;}
.notice_ct .notic_ct_c .title{ margin-bottom:15px;}
.notice_ct .notic_ct_c .title span { float:right; font-size:12px; }
.notice_ct .notic_ct_c .recom{ width:540px; height:150px;}
.notice_ct .notic_ct_c .recom .tp{width:200px;  float:left}
.notice_ct .notic_ct_c .recom .ct{width:320px; float:right}
.notice_ct .notic_ct_c .recom .ct p{ color:#ff6000; margin:10px 0;}
.notice_ct .notic_ct_c .recom .ct span{ color:#787878; font-size:14px; line-height:20px;}

.notice_ct .notic_ct_c .list{ width:540px; height:150px; font-size:14px;}
.notice_ct .notic_ct_c .list{width:540px; height:30px; line-height:28px; border-bottom:dashed 1px #CCC}
.notice_ct .notic_ct_c .list .yd{width:4px; height:4px;  float:left;}
.notice_ct .notic_ct_c .list .bt{ width:400px;float:left; margin-left:10px; }
.notice_ct .notic_ct_c .list .date{ width:70px; float:right;  color:#999}


/*banner2---广告*/
.banner2{width:100%; margin:30px 0; }
.banner2 img { width:100%; }

/*columns---更多栏目*/
.common{margin:0 auto; width:1200px; position:relative;}
.columns .columns_bt{width:740px; height:60px; margin:auto; background-image:url(../images/icon4.png); background-position:0px -180px;}
.columns .columns_ct{display:table; width:1200px; height:370px; margin:auto; margin-top:35px;}
.columns .columns_ct ul li{ width:253px;/* height:152px; */float:left; background:#fff; border:1px solid #dcdcdc; margin:0 12px 24px;}
.columns .columns_ct ul li .title{ line-height:30px; text-align:center}
.common ul li{width:233px; /*height:140px; */display: table;float:left; background:#fff; border:1px solid #dcdcdc; margin:15px 12px;}
.listbox{float:left; margin-bottom:20px; padding:10px 10px 0 10px;  background:#f6f6f6; width:273px; height:132px; position:relative;}
.listbox p a{display: block;line-height: 34px; font-size: 14px; }
.listimg{float:left; width:253px; /*height:120px;*/height: 150px;position:relative; overflow:hidden;}
.listimg img{background:#333; width:253px; /*height:120px;*/height: 150px; top:0; left:0; position:absolute;}
.summary{width:253px;height:100px;top:165px;left:0;position:absolute; background-color:rgba(0,0,0,0.5); padding-left:5px;}
.summarytxt{width:250px;height:50px;line-height:22px; font-size:12px;color:#cfcfcf;}
.listinfo{  width:250px; text-align:center; height:30px; line-height:30px; font-size:14px;  font-weight:bold; color:#333}
.columns_more{width: 250px; margin:0 auto;}
.columns_more a{ display: table; margin: 0 auto;color: #787878;background-color: #fff;width: 250px;text-align:center;line-height:30px;font-size:14px;border: 1px solid #dedede;}





