@import url("../css/public.css");

/*盒子*/
.remote-wrap, .remote-news-tab, .remote-notice, .remote-train, .remote-file { background:#fff; box-sizing:border-box;
	-webkit-box-shadow:0 0 10px 0 rgba(230,230,230,1);
	-moz-box-shadow:0 0 10px 0 rgba(230,230,230,1);
	box-shadow:0 0 10px 0 rgba(230,230,230,1);
}

/*banner*/
.remote-banner-wrap { width:100%; height:240px; background:url(../images/remote_banner_bg.jpg) top center no-repeat;}
.remote-banner { width:1200px; height:180px; padding-top:80px;}

/*子页菜单*/
.remote-menu-wrap { width:100%; height:50px; background:#084886;
	box-shadow:0px 1px 3px #999;
}
.remote-menu { width:1200px; height:50px; color:#fff; line-height:50px; position:relative;}
.remote-menu ul li { min-width:150px; height:50px; font-size:16px; text-align:center; line-height:50px; margin-right:20px; float:left; position:relative; cursor:pointer;}
.remote-menu ul li:hover { background:#0964bd; color:#fff; transition:all 0.4s;}
.remote-menu ul li a { color:#fff;}
.remote-menu ul li a:hover { color:#fff;}
.remote-menu ul li:last-child { margin-right:0px;}
.remote-menu ul li.on { background:#0964bd; color:#fff !important; font-weight:bold;
	/*-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;*/
	transition:all 0.4s;}
.remote-menu ul li.on a { color:#fff !important;}
.remote-menu ul li.on a:hover { color:#fff;}

/*基层动态焦点图*/
.remote-focus-box { width:400px; height:310px; background:#fff; float:left; position:relative; overflow:hidden;}
.remote-focus-box .pic img { width:400px; height:310px; display:block; overflow:hidden;}
.remote-focus-box .txt-bg { height:36px; width:100%;  background:#333; position:absolute; bottom:0; z-index:1; filter:alpha(opacity=40); opacity:0.4; overflow:hidden;}
.remote-focus-box .txt { width:100%; height:36px; position:absolute; bottom:0; z-index:2; overflow:hidden;}
.remote-focus-box .txt li { height:36px; line-height:36px; position:absolute; bottom:-36px;}
.remote-focus-box .txt li a { display:block; color:#fff; padding:0 0 0 10px; font-size:14px; text-decoration:none;}
.remote-focus-box .num { position:absolute; z-index:3; bottom:6px; right:6px;}
.remote-focus-box .num li { width:24px; height:24px; line-height:24px; overflow:hidden; text-align:center; margin-right:1px; float:left; position:relative; cursor:pointer;}
.remote-focus-box .num li a,.focus-box .num li span { width:100%; height:100%; color:#fff; text-align:center; text-decoration:none; position:absolute; z-index:2; display:block; top:0; left:0;}
.remote-focus-box .num li span { width:100%; height:100%; z-index:1; background:#000; filter:alpha(opacity=50); opacity:0.5;}
.remote-focus-box .num li.on a,.focus-box .num a:hover { background:#f60;}

/*基层动态 Tab切换*/
.remote-news-tab { width:520px; height:310px; background:#fff; text-align:left;}
.remote-news-tab .hd { width:520px; height:39px; background:#fafafa; line-height:39px; border-bottom:#eae9e9 1px solid;}
.remote-news-tab .hd ul { float:left;}
.remote-news-tab .hd ul li { width:110px; height:40px; line-height:40px; text-align:center; font-size:18px; float:left;}
.remote-news-tab .hd ul li.on { height:38px; background:#fff; color:#0073dd; border-top:#0073dd 2px solid; border-right:#eae9e9 1px solid;}
.remote-news-tab .hd ul li.on a { color:#c00;}
.remote-news-tab .hd ul li.on a:hover { color:#f00;}
.remote-news-tab .bd { }
.remote-news-tab .bd ul { }
.remote-news-tab .tempWrap { }
.remote-news-tab .remote-news-tab-content {}
.remote-news-tab .remote-news-tab-jj { width:480px; height:80px; padding:10px 10px 15px 10px; border-bottom:#e2e2e2 1px dotted; overflow:hidden;}
.remote-news-tab .remote-news-tab-jj h2 { width:480px; height:36px; color:#c00; line-height:36px; text-align:center; font-size:16px; overflow:hidden;}
.remote-news-tab .remote-news-tab-jj h2 a { color:#c00;}
.remote-news-tab .remote-news-tab-jj h2 a:hover { color:#f00;}
.remote-news-tab .remote-news-tab-jj span { width:480px; height:48px; font-size:14px; color:#999; line-height:24px; text-align:24px; display:block; overflow:hidden;}
.remote-news-tab .remote-news-tab-jj span a { color:#999;}
.remote-news-tab .remote-news-tab-jj span a:hover{ color:#f00;}
.remote-news-tab .remote-news-tab-list { width:480px; height:150px; background:#fff;}
.remote-news-tab .remote-news-tab-list ul { padding-top:5px;}
.remote-news-tab .remote-news-tab-list li { width:465px; height:36px; background:url(../images/news_dot2.gif) 0px 3px no-repeat; line-height:36px; font-size:16px; padding:0 0px 0 15px; overflow:hidden;}

/*最新公告*/
.remote-notice { width:240px; height:310px;}
.remote-notice .remote-notice-bar { width:240px; height:39px; background:#fafafa; line-height:39px; border-bottom:#eae9e9 1px solid;}
.remote-notice .remote-notice-bar i { width:100px; height:38px; background:#fff; font-size:18px; text-align:center; color:#0073dd; font-style:normal; border-top:#0073dd 2px solid; border-right:#eae9e9 1px solid; display:block; float:left;}
.remote-notice ul { padding:5px 10px 10px 10px; background:url(../images/remote_number_ico.png) 15px 15px no-repeat;}
.remote-notice li { width:180px; height:36px; line-height:36px; padding:0 0px 0 30px; overflow:hidden;}

/* 网络培训 */
.remote-train { width:940px; height:350px; overflow:hidden; position:relative;}
.remote-train .remote-train-bar { width:940px; height:40px; background:url(../images/remote_bar_bg.jpg) repeat-x; line-height:40px;}
.remote-train .remote-train-bar i { width:130px; height:40px; background:url(../images/remote_title_ico.png) 10px 15px no-repeat; color:#0073dd; text-align:center; font-style:normal; font-size:18px; display:block; float:left;}
.remote-train .remote-train-list { width:940px; padding-top:20px;}
.remote-train .remote-train-list ul { overflow:hidden; zoom:1;}
.remote-train .remote-train-list ul li { margin:0 8px; float:left; _display:inline; overflow:hidden;}
.remote-train .remote-train-list ul li .pic { width:210px; height:130px;}
.remote-train .remote-train-list ul li .pic img { width:210px; height:130px; overflow:hidden;}
.remote-train .remote-train-list ul li .title { width:190px; height:140px; background:#f7f7f7; padding:0 10px; border-bottom:#ececec 3px solid; overflow:hidden;}
.remote-train .remote-train-list ul li .title span { width:190px; height:40px; line-height:40px; font-size:16px; display:block; overflow:hidden;}
.remote-train .remote-train-list ul li .title p { width:190px; height:30px; line-height:30px; color:#999; font-size:12px; overflow:hidden;} 
.remote-train .prev, .remote-train .next { width:30px; height:30px; background:url(../images/tj_arrow.png) no-repeat; position:absolute; display:block; z-index:99; overflow:hidden; cursor:pointer;}
.remote-train .prev{ background-position:-30px 0px; left:20px; top:140px;}
.remote-train .next { background-position:-30px -30px; right:20px; top:140px;}
.remote-train .prevStop { background-position:0px 0px;}
.remote-train .nextStop { background-position:0px -30px;}

/*联系我们*/
.remote-contact { width:240px; height:350px;}
.remote-contact .remote-contact-bar { width:240px; height:39px; background:#fafafa; line-height:39px; border-bottom:#eae9e9 1px solid;}
.remote-contact .remote-contact-bar i { width:100px; height:38px; background:#fff; font-size:18px; text-align:center; color:#0073dd; font-style:normal; border-top:#0073dd 2px solid; border-right:#eae9e9 1px solid; display:block; float:left;}
.remote-contact .remote-con { width:220px; height:290px; background:#fff; line-height:30px; padding:10px; overflow:hidden;}

/*政策文件*/
.remote-file { width:590px; background:#fff; text-align:left;}
.remote-file .remote-file-bar { width:590px; height:40px; background:url(../images/remote_bar_bg.jpg) repeat-x; line-height:40px;}
.remote-file .remote-file-bar i { width:130px; height:40px; background:url(../images/remote_title_ico.png) 10px 15px no-repeat; color:#0073dd; text-align:center; font-style:normal; font-size:18px; display:block; float:left;}
.remote-file .remote-file-list { width:560px; height:190px; padding:5px 10px; overflow:hidden;}
.remote-file .remote-file-list li { width:550px; height:36px; background:url(../images/news_dot4.gif) 0px 3px no-repeat; line-height:36px; padding:0 0px 0 10px; overflow:hidden;}

/*copyright*/
.remote-copyright { width:100%; background:#084886; line-height:28px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.remote-copyright a { color:#fff;}
.remote-copyright a:hover { color:#ff0;}
.remote-copyright-content { width:1200px; text-align:center; padding:10px 0; position:relative;}
.remote-copyright-content .face { position:absolute; left:0px; top:15px; opacity:0.5; filter:Alpha(opacity=50);}
.remote-copyright-content .dzjg { position:absolute; left:0px; top:20px;}
.remote-copyright-content .sydw { position:absolute; left:0px; top:20px;}
.remote-copyright-content .ygwb { position:absolute; left:90px; top:20px;}
.remote-copyright-content .wx-ewm { position:absolute; right:90px; top:20px; font-size:12px; line-height:18px;}
.remote-copyright-content .wb-ewm { position:absolute; right:0px; top:20px; font-size:12px; line-height:18px;}