﻿@charset "utf-8";
/* CSS Document 
   Design by www.east.net

   注意事项:
   css样式以类别选择器为主
   层次结构要清晰,级别深度控制在三层以内
   样式命名规则为小写,可结合"_"使用
   浏览器兼容规则  火狐(默认)-->ie7(以*开头)-->ie6(以_开头)
*/
body { background:#fff; margin:0; padding:0; color:#666666}
.clear{content:".";display:block;height:0;clear:both;visibility:hidden}

#warp { margin:0 auto;width:100%;min-width:1002px; position:relative; overflow:hidden}

/* 首页头部样式 */
.header {margin:0 auto;width:100%;background:url(../images/head.jpg) repeat-x; height:212px;}
.head{ width:1002px; height:136px; position:relative; z-index:9999; margin:0 auto}
h1.logo { width:314px; height:67px; float:left;margin:38px 0 0 6px; }
h1.logo a{ display:block}

.head_right{ float:right; width:400px; font-size:12px;color:#858585; margin:20px 0 0 0; text-align: right}
.head_right a{ color:#858585}

.head_login{ display:block;color:#858585}
.head_login a{ font-weight:bold;}

.head_bbs{ margin:14px 0;}
.head_bbs a:hover  { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;transition: all 0.5s ease;}


/*搜索*/
#dp-search { float: right;  border:1px solid #cecece; padding:5px 8px; height:19px; line-height:19px;}
#dp-search .field { border:none; *border:1px solid #fff; height:19px; line-height:19px; float:left; width:236px;}

#searchsubmit{ border:none; background:url(../images/icon/search.png) no-repeat; width:22px; height:21px; float:left; cursor:pointer}


/*facebook*/
#dp-social-icons { float: right;margin-left:4px;margin-top: 4px;}
#dp-social-icons a{ display:block; text-indent:-9999px; width:24px; height:24px; float:left;margin-left:4px;-webkit-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
	   -moz-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
 	     -o-transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;
	        transition: background 0.3s cubic-bezier(.17, .67, .88, 1.25), color 0.2s linear;}
#dp-social-icons a:hover{ background-position:0 -26px }
.dp-facebook-icon { background: url(../images/icon/facebook.png) no-repeat;}
.dp-twitter-icon { background:url(../images/icon/twitter.png) no-repeat;}

/* 导航菜单 */
.menu { width:1002px; height:76px; margin:0 auto}
ul.mainNav { width:100%;height:56px; padding:20px 0 0 0;}
ul.mainNav li { position:relative; z-index:9999; margin-left:24px; width:auto; height:22px; line-height:22px;  text-align:center; display:block;float:left; }
ul.mainNav li a { float:left; display:block; width:100%; height:100%; font-size:15px; color:#ffffff }
ul.mainNav li strong{ font-size:16px; display:block;}
ul.mainNav li em{ font-size:12px; display:block; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}


/*ul.mainNav li ul { background:#ffffff;width:170px; display:none; position:absolute; top:44px; left:0; z-index:9999; margin:0; padding:0 0 18px 0; }
ul.mainNav li ul li { width:145px; height:45px; line-height:45px; padding:0 12px;}
ul.mainNav li ul li a { background:url(../images/icon/i1.jpg) 10px 19px no-repeat;  font-size:14px; text-indent:0; color:#4c4c4c;padding:0 0 0 25px; width:121px; border-bottom:1px dashed #d3d3d3; }
ul.mainNav li ul li a:hover { color:#093aa2;}*/


ul.mainNav li.activeNav a, ul.mainNav li.current a{ color:#ffffff; }




/*通用 beginning*/
.box-title{ background:#e7e7e7; height:33px; line-height:33px; padding:0 12px;overflow:hidden;}
.box-title .btl{ float:left; width:200px; height:33px;}
.box-title span{ font-family:"微软雅黑"; font-weight: bold;font-size:16px; color:#2b2b2b; background:url(../images/icon/icon.gif) 0 center no-repeat; padding-left:12px;}
.box-title em{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#888888; text-transform:uppercase; font-weight:normal; padding-left:10px;}

div.more{ float:right; width:38px;}
div.more a{ color:#9a9a9a; font-size:12px;}

/*通用 end*/




/* 子页左侧菜单导航 */
.zq-mleft{ float:left; width:696px;}


.r_nav{ width:100%;background:#f8f8f8;margin:0 0 15px 0;}

ul.subNav { margin:0 auto;width:210px; clear:both; padding:14px 0 10px 0; }
ul.subNav li { width:100%; margin:0 0 5px 0}
ul.subNav li a { line-height:26px;display:block; color:#989898; text-align:center;font-size:14px;}


ul.subNav li a.over { background:#e7e7e7;color:#6c6c6c;font-weight:bold}
ul.subNav li a:hover { background:#e7e7e7;color:#6c6c6c;font-weight:bold}

ul.subNav li ul{ width:185px; clear:both; overflow:hidden;}
ul.subNav li ul li a{ background:none; padding:0 0 0 21px;}
ul.subNav li ul li a:hover{ color:#093aa2; background:none; font-weight:normal}
ul.subNav li ul li a.over{ color:#093aa2; background:none; font-weight:normal}



/* 首页页脚样式 */
.index_footer { width:100%;padding:0 0;color:#d6d6d6;font-size:12px; margin:0 auto; clear:both; overflow:hidden; }
.index_footer  .hd_foot{ background:#6c6c6c;}
.index_footer  .hd_foot .footer{ width:1002px; margin:0 auto; padding:36px 0}


.index_footer  .bd_foot{ background:url(../images/fbg.jpg) repeat-x #525252; padding:10px 0;}
.index_footer .bd_foot .foot { width:1020px; margin:0 auto; line-height:36px; color:#adadad; font-family:Arial, Helvetica, sans-serif; text-align:center}
.index_footer .bd_foot .foot img.flogo{ width:100px; height:65px; margin:0 auto; display:block}

.fl_footer{ float:left; width:330px;}

/*左侧内容*/
.fl_footer .footer1,.fl_footer .footer2,.fl_footer .footer3{ display:block; color:#d6d6d6}
#cs{ padding-left:23px;color:#d6d6d6; font-size:14px; margin:0 0 12px 0;}
.fl_footer .footer1 h3,.fl_footer .footer2 h3,.fl_footer .footer3 h3{ background:url(../images/icon/f_icon.png) no-repeat;}

.fl_footer .footer2 h3{ background-position:0 -132px;}
.fl_footer .footer2  a{color:#d6d6d6; display:block; font-weight:bold; text-decoration:underline}
.fl_footer .footer3 h3{ background-position:0 -232px;}

.fl_footer .footer1,.fl_footer .footer2{ margin:0 0 24px 0;}


.fl_footer .f_text1{ color:#d6d6d6; width:100%; line-height:20px;}
.fl_footer .footer1 .f_text1{ overflow:hidden; height:76px;}

.fl_footer .footer2 .f_text1,.fl_footer .footer3 .f_text1{ overflow:hidden; height:38px;}

/*底部栏目*/
.foot_nav{ float:left; width:190px; margin:0 60px 0 100px}
.foot_nav h3{ background:url(../images/icon/f_icon2.png) no-repeat;}
.foot_nav ul li{ display:block; color:#d6d6d6; line-height:20px;}
.foot_nav ul li strong{ font-size:12px; font-weight:normal;color:#d6d6d6;margin:0 5px 0 0}
.foot_nav ul li em{ font-size:12px;color:#d6d6d6; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}


/*右侧*/
.fr_footer{ float:right; width:290px; }
.foot_contact{ margin:0 0 24px 0}
.foot_contact h3{ background:url(../images/icon/f_icon2.png) -280px 0 no-repeat; }
.foot_contact .f_text1{color:#d6d6d6;line-height:20px; height:36px; overflow:hidden}

.foot_link h3{ background:url(../images/icon/f_icon2.png) -280px -96px no-repeat; }
.foot_link  ul li{ display:block; line-height:20px;}
.foot_link  ul li a{color:#d6d6d6;}


/* 分页 */
.pages { margin:30px auto 0px auto; text-align:center; clear:both; overflow:hidden; color:#505050; }
.pages a { color:#505050;border:1px solid #cccccc;padding:6px 8px;display:inline-block;border-radius:5px 5px;line-height:14px;}
.pages a.currentpage{border:none}

.pages a.prev{ background:url(../images/icon/page.jpg) 5px center no-repeat;padding-left:12px}
.pages a.next{ background:url(../images/icon/page.jpg) -38px center no-repeat;padding-right:12px}

/*返回顶部*/
.backToTop {
	display: none;
	width:50px;
	height:50px;
	background: url(../images/back.png);
	position: fixed;
	_position: absolute;
	right: 10px;
	top: 400px;
	_bottom: "auto";
	cursor: pointer; text-indent:-9999px;
}
.backToTop:hover{opacity: .6;filter: Alpha(opacity=90);}


/* 视频竞赛飘窗 */
.adv_pf {position:fixed;_position:absolute;z-index:99;right:12px;_right:12px;top:240px;width:144px;overflow:hidden;}
.adv_pf .advCon{ display:block; width:144px;}
.adv_pf .advCon img { width:144px; }


/* 左侧微信二维码样式 */
.code{position:fixed;_position:absolute;z-index:99;right:0.5%;top:220px;width:100px;line-height:20px;overflow:hidden;background:#f6f5f5;padding:4px;color:#333}
.code .codeCon { display:block; width:100px;  }
.code .codeCon  img { width:100px; height:100px; }