body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, select, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin:0px;
padding:0px;
}
/* 用 ascii 字符表示，使得在任何编码下都无问题 */
body, button, input, select, textarea { font-size:12px; font-family:Microsoft Yahei, Arial, Tahoma, Helvetica, sans-serif; }
/* 让窗口的默认背景色为白色 */
body{ background:#ffffff; }
/* 去除标题标签的默认大小，统一100% */
h1 ,h2, h3, h4, h5, h6 { font-size:100%; }
/* 重置列表元素 */
ul, ol { list-style:none; }
/* 重置文本格式元素 */
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/* 让链接里的 img 无边框、让表单组无边框 */
fieldset, img{ border:none; }
/* 重置表格元素 */
table { border-collapse:collapse; border-spacing:0px; }
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{ display:block; margin:0px; padding:0px; }
/* 清除浮动 */
.clear{ clear:both; display:block; height:0px; overflow:hidden; font-size:0px; }

a:hover{ text-decoration:none;}
/* 对于子元素有浮动的时候，注意要消除 */
.clearfix:after{ clear:both; display:block; height:0px; overflow:hidden; visibility:hidden; Content:""; }

.float{float:left;}
.right{ float:right;}
body{font-family: "Microsoft Yahei","Tahoma","SimSun"; }


.fig, .Navigation, .Intro_center, .Contact p, .tail_yes, .news_a, .var_a{ width:1145px; margin:0 auto;}
.figa{ background:url(../images/fig2.jpg) repeat-x; width:1049px; height:36px; display:block;}

.Navigation{ padding-top:26px;}
.nav_aga{ margin:10px 23px 0 0;}
.nav_aga li{ float:left;}
.nav_aga li a{ display:block; width:89px; height:55px; font-size:14px; font-weight:bold; text-align:center; color:#5d5d5d; padding-top:15px; float:left;}
.nav_aga li a:hover{background:#de3b3b; color:#FFF;}
.nav_aga li span{float:left; padding:0 7px; padding-top:15px; color:#cccccc;}

.Project{ width:1222px; margin:0 auto; padding-top:20px;}
.Project h2{ text-align:center;}
.pr_a span{margin-top: 50px;}
.pra_b { margin:10px 30px;}





.pra_b li{ float:left; position:relative;}


.pra_b li a span{ position:absolute; top:0px; left:170px; display:none;}
.pra_b li a img:hover{-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);  
  filter: grayscale(100%);
  filter: url(gray.svg#grayscale);	
  filter: gray;}
.pra_b li a:hover span{ position:absolute; top:0px; left:170px; display:block;}


.pra_b li a{ display:block; margin:10px 18px 10px 18px; width:340px; height:180px ; color:#666666; border-bottom:1px solid #CCCCCC; background-color:#f8f7f7;}
.pra_b li p{ font-size:14px; width:340px;  height:60px; text-align:center; line-height:60px; display:block; }

.pra_b li a:hover{ background:#d33131; color:#FFF;}

.Intro{ background: url(../images/Introc.jpg) repeat-x bottom #f1f1f1; margin-top:40px; padding:60px 0 60px 0; width:100%; overflow:hidden;}
.intro_a, .intro_b{ width:530px; text-align:center;}
.mw40{ margin-right:40px;}
.int_yesa, .int_yesb{ margin:35px 0 50px 0; width:530px; height:280px; background:#FFF;}
.int_yesa{ background:url(../images/Intro.jpg) left bottom no-repeat #FFF;}
.in_a{ background:#d33131; width:40px; height:40px; text-align:center; margin-left:490px;}
.int_yesb a:hover{ color:#d33131;}
.in_a img, .in_a img{ padding:10px;}
.in_nw h3{ font-size:16px; color:#5d5d5d; font-weight:normal;}
.in_nw p{ margin-top:24px; padding:0 60px; text-align:left; text-indent:2em; color:#8a8a8a; line-height:25px;}
.int_yesb ul li a{ display:block; color:#8a8a8a; margin:7px 50px 15px;text-align:left; background:url(../images/oo.png) no-repeat left; padding-left:11px; font-size:14px;}
.int_yesb ul li span{ overflow:hidden;}
.Variable{ background:url(../images/r.jpg) no-repeat center; height:500px; margin-bottom:70px;}
.var_a{ position:relative;}
.var_a li img{ margin-top:70px; margin-left:-40px;}
.var_a span{ position:absolute; top:494px; left:714px;}
.var_a span a{ width:137px; height:10px; display:block; background:#cecece; float:left; margin-right:5px;}
.var_a span a:hover{background:#d33131;}
.Intro_center em{padding-left:555px; display:block; margin-top:50px;}

.intro_c h2{ padding:0 0 40px 445px;}
.Contact{  background:#de3b3b;}
.Contact p{height:60px; line-height:60px; padding-left:60px;}
.Contact a{ color:#FFF; padding:0 10px;}
.tail{ height:240px; background:#2c2c2c; padding-top:80px;}
.tail_yes{ text-align:center; color:#8a8a8a; }
.tai_b{ padding:0 40px}
.tai_a em, .tai_c em{ padding-top:40px;width:430px; border-bottom:1px solid #4b4b4b; padding-bottom:15px; display:block;}
.tai_a{ text-align: right;}
.tai_c{ text-align: left;}
.pra_b li img{ filter}

.news{ background: url(../images/ne.jpg) no-repeat top center #f1f1f1; overflow:hidden;}

.news_ab{ text-align:center; height:210px; margin-top:22px; margin-bottom:18px;}
.news_acl{ width:333px; margin-right:22px;}
.news_acl h2{ width:230px; height:60px; background:#de3b3b; color:#FFF; font-weight:normal; padding:20px 0 0 40px; margin-bottom:40px;}
.news_acl h2 p{ font-size:22px;}
.news_acr{ width:790px; background:#ffffff; overflow:hidden; margin-bottom:40px;}

.ne_al{ margin-bottom:40px;}
.ne_al li a{ display:block; line-height:39px; padding-left:40px; background:url(../images/lr.jpg) no-repeat; width:244px; height:39px; font-size:14px; color:#5d5d5d;}
.ne_al li a:hover{ background:url(../images/lra.jpg) no-repeat; color:#FFF;}

.con_a{ width:270px; background:#FFF;}
.con_a h3{ font-weight:normal;  border-bottom:1px solid #e5e5e5; padding:22px 0 30px 35px;}
.con_a h3 p{ font-size:22px; color:#d33131;} 
.con_a ul{ padding-top:29px; padding:22px 0 20px 35px;} 
.con_a ul li{ color:#8a8a8a; padding:10px 0 10px 35px;}


.con_a .a{ background:url(../images/a.png) no-repeat left ;}
.con_a .b{background:url(../images/a.png) no-repeat left ;}
.con_a .c{background:url(../images/a.png) no-repeat left ;}

.new_h1{ padding:30px 30px 40px 30px; border-bottom:1px solid #e5e5e5;}
.new_h2{ padding:20px 30px 20px 30px; border-bottom:1px solid #e5e5e5; text-align:center; font-size:18px;}
.new_h3{ padding:10px 30px 0px 10px; text-align:right; font-size:12px; color:#CCC;}
.new_h1 h1{ float:left; font-size:20px; font-weight:normal; color:#5d5d5d;}
.new_h1 p{ float:right; background:url(../images/new_hp.png) no-repeat left; padding-left:10px;}
.new_h1 p a{ padding:2px; color:#7d7d7d;}
.new_ha{ margin-top:10px;}
.new_ha li { padding:20px 30px 0 30px; height:120px;}

.new_ha li dt{ float:left; background:#898989; width:60px; height:120px; margin-right:3px; }
.new_ha li dt span{ font-size:32px; font-weight:normal; color:#FFF; text-align:center; padding-left:10px;}
.new_ha li dt p{width:10px; word-wrap: break-word; padding-left:12px; line-height:13px; color:#CCC }
.new_ha li dd{ float:left; height:120px; background:#F6F6F6; }
.new_ha li dd h4{ font-size:14px; color:#5d5d5d; padding:20px 20px 5px 20px;}
.new_ha li dd h4:hover,  .in_nw h3:hover{ color:#d33131;}
.new_ha li dd p{padding:2px 20px 5px 20px; color:#8a8a8a; font-size:12px; line-height:23px;}
.w567{ width:570px;}
.w720{ width:720px;}
.new_hb{ padding:30px 30px 20px 30px; border-bottom:1px solid #e5e5e5;}
.new_hb li{ padding-bottom:10px;}
.new_hb span{ float: left; color:#a5a4a4;}
.new_hb p{ background:url(../images/new_hb.png) no-repeat 0px 5px; color:#525151; padding-left:10px; display:block; margin-left:80px;}
.new_hc{ padding:30px;  font-size:14px; color:#666;}
.new_hc a{  font-size:14px; color:#F33;}
.new_hc a:hover{ font-size:14px; color:#666;}

.new_hce a{ line-height:30px; padding:10px; color:#9f9f9f;}
.new_hce a:hover{ color:#F00;}
.new_hca a{ padding:0 5px; display:block; width:20px; height:30px; line-height:30px;text-align:center;background:#979797;}
.new_hca img{ padding-top:10px;}
.new_hca a:hover{ background:#de3b3b;}


.about { padding:30px; line-height:35px; font-family:"微软雅黑"; font-size:14px; color:#8E8E8E;}
.aboutn { padding:10px 30px 30px 30px; line-height:35px; font-family:"微软雅黑"; font-size:14px; color:#8E8E8E;}


#container{width:569px; height:363px;text-align:left;}
#container h1{font-weight:700;font-size:18px;line-height:32px;height:32px;position:relative;border-bottom:1px dotted #6b9ef1;color:#5f95ef;margin-bottom:1em;}
#container h1 .lightbtn{position:absolute;top:0;right:0;z-index:9999;}
div.content span{display:block;font-weight:700;color:#898989;margin-top:10px;}
div.content{ width:600px; height:400px;}
div.content a{margin:0 4px 0 4px;color:#9a9a9a;}
div.content a:hover{color:#5f95ef;text-decoration:underline;}
div.content div.status{font-size:10px;border-bottom:1px solid #a5a5a5;margin-bottom:4px;color:#5f95ef;}
#player2{margin-bottom:10px;}



#banner7 { width:100%; height:504px; position:relative; overflow:hidden; z-index:1;}
ul.bannerimg7 { width:100%; height:504px; position:relative;}
ul.bannerimg7 li { width:100%; height:504px; position:absolute; z-index:4; left:0px; top:0px;}
ul.bannerimg7 li a { display:block; width:100%; height:504px;}

.bannerNum7 { display:none;}
.btns7 { width:235px; height:30px; position:absolute; z-index:5; left:50%; bottom:0px; margin-left:-620px;}
.btns7 span { width:145px; height:30px; float:left; color:#fff; font-family:Constantia,Georgia; font-size:16px; text-align:right; display:none;}
.btns7 span em { font-size:20px; font-style:normal; display:none;}
.btns7 a { display:block; width:34px; height:30px; float:right; margin-left:1px; background:url(../images/bannerbtn.gif) no-repeat; overflow:hidden; cursor:pointer;}
.btns7 a.BtnPrev7 { background-position:0px 0px;}
.btns7 a.BtnNext7 { background-position:-35px 0px;}