@charset "utf-8";
/* CSS Document */
html {color:#333;font-family:宋体;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size:12px;}
body{ background:url(../images/banner.jpg) no-repeat center top #0e1424;}
form, img, p,fieldset,dl,dt,dd{border:0px;}
form, img, p{margin: 0px auto;border:0px;}
ul, li{margin:0px auto; padding:0px; list-style:none; list-style-position:outside;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
dl,dt,dd{margin:0px; padding:0px; border:0px;}

input,select{color:#666; font-size:12px;}

a { font-family:"宋体";color: #333333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline; }

.left{float: left;}
.right{float: right;}
.clear{clear:both;}
.no_way{clear:both; display:block; overflow:hidden; height:0; margin:0; padding:0; line-height:0; font-size:0;}
.dis{display: block;}
.undis{display: none;}
.size14{ font-size:14px;}

.blank10{clear:both; height:10px; overflow:hidden;}
.blank8{clear:both; height:8px; overflow:hidden;}
.blank300{clear:both; height:300px; overflow:hidden;}
.blank1{clear:both; height:1px; overflow:hidden;}

.padding9{ padding:9px;}
.padding10{ padding:10px;}
.padding1{ padding:1px;}
.margin_right9{ margin-right:9px; display:inline; overflow:hidden;}
.border_gray{ border:1px #d5d5d5 solid;}
.bgcolor{ background:#FFF;}
.line_blue{ border-bottom:1px #007cab dotted; width:100%; height:1px; margin:10px 0;}

.pr{ position:relative;}
.pa{ position:absolute;}

.Gmain{ width:960px; height:auto; margin:0 auto;}

.m310{ width:310px; height:auto;}
.m390{ width:390px; height:auto; padding:0 15px;}
.m230{ width:230px; height:auto;}
.m960{ width:960px; height:auto;}
.m210{ width:210px; height:auto;}
.m430{ width:430px; height:auto; padding:0 25px;}
.m250{ width:250px; height:auto;}
.m940{ width:940px; height:auto;}
.m150{ width:150px; height:auto; margin-bottom:10px;}
.m660{ width:660px; height:auto; margin-left:10px;}
.m290{ width:290px; height:auto; padding:10px 11px 0 12px;}
.m630{ width:630px; height:auto; padding:10px 0 0 10px;}
.m300{ width:300px; height:auto;}
.m260{ width:260px; height:auto; padding:10px 15px 0 0;}
.m610{ width:610px; height:auto; padding:5px;}


/*定义焦点图容器*/
#player {width:310px;height:240px;}/*定义图像大小*/
.picfocus {width:auto;height:auto;overflow:hidden;position:relative;}
.play_list a{ display:block;position:absolute;overflow:hidden;width:100%;height:100%;}
	
/*定义图像说明文字背景*/
.play_bg{position:absolute;bottom:0;background-color:#000;margin-bottom:0px;height:32px;width:100%;filter: Alpha(Opacity=70);opacity:0.7;z-index:1000}	
.play_info{position:absolute;bottom:0px;right:0px;padding:0px;height:32px;line-height:32px;width:96%;color:#fff;z-index:1001;cursor:pointer;font-size:14px;	display:block;font-weight:bold}
/*定义按钮区域位置*/
.play_text {position:absolute;bottom:0;	right:0;height:32px;z-index:1002;margin:0}	
.play_text ul {list-style-type:none;height:25px;display:block;_padding-top:0px;	z-index:1003;margin:0}	
.play_text ul li{width:18px;height:15px;float:left;font-family:'Arial Black';background-color:#927a76;display:block;color:#FFF;text-align:center;margin-left:1px;cursor:pointer;font-family:Arial;font-size:12px;margin-top:9px;list-style:none;padding:0;background-image:none;}	
/*定义当前焦点图的按钮颜色*/
.play_text ul li.current {background-color:#ff8000;	color:#fff;}	
.play_btn {position:absolute;bottom:0;right:0;height:32px;z-index:1002;margin:0}	
.play_btn ul {list-style-type:none;	height:25px;display:block;_padding-top:0px;z-index:1003;margin:0}	
.play_btn ul li{width:16px;	height:13px;float:left;font-family:'Arial';background-color:#FF9D24;display:block;color:#FFF;text-align:center;margin-left:1px;cursor:pointer;font-size:11px;margin-top:9px;}	
/*定义当前焦点图的按钮颜色*/
.play_btn ul li.current {background-color:red;color:#fff;}

.m310 h1{ float:left; width:300px; height:35px; line-height:35px; padding-left:10px; background:url(../images/title_1.gif) repeat-x left top; font-size:14px; font-weight:bold; color:#FFF;}
.video{ width:300px; height:auto; padding:9px 4px; border:1px #ccc solid; border-top:0;}

.m390 h1{ float:left; width:390px; height:30px; line-height:30px; text-align:center; font-family:"黑体"; font-size:20px; font-weight:bold; padding-bottom:5px; padding-top:3px;}
.m390 h1 a{ color:#023283; text-decoration:none;}
.m390 h1 a:hover{ text-decoration:underline;}
.m390 p{ float:left; width:390px; height:auto; line-height:24px; font-size:14px; color:#666; text-indent:2em;}
.m390 h2{ float:left; width:365px; height:32px; background:url(../images/title_3.gif) repeat-x left top; padding:0 10px 0 15px; border-bottom:1px #023283 solid;}
.m390 h2 span{ float:left; width:auto; height:30px; line-height:30px; padding:0 3px; border-bottom:2px #cc0000 solid; font-size:14px; font-weight:bold; color:#c00;}
.m390 h2 a{ float:right; line-height:32px; color:#c00; text-decoration:none;}
.m390 h2 a:hover{ text-decoration:underline;}
.m390 h3{ float:left; width:390px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; padding-top:5px;}
.m390 h3 a{color:#023283; text-decoration:none;}
.m390 h3 a:hover{ text-decoration:underline;}
.m390 ul{ float:left; width:370px; height:auto; padding:0 10px 5px;}
.m390 ul li{ float:left; width:360px; height:24px; line-height:24px; font-size:14px; padding-left:10px; background:url(http://img.eol.cn/images/index/eol2011/dot_666.gif) no-repeat left 9px;}

.m230 h1{ float:left; width:220px; height:32px; padding-left:10px; background:url(../images/title_1.gif) repeat-x left top;}
.m230 h1 span{ float:left; width:auto; line-height:32px; font-size:14px; font-weight:bold; color:#FFF; background:url(../images/icon_5.gif) no-repeat 10px bottom;}
.m230_qa{ width:210px; height:auto; background:#efeded; padding:6px 10px;}
.m230_qa span{ float:left; width:210px; height:auto; line-height:22px;}
.m230_qa span font{ color:#C00; font-weight:bold;}
.m230 h3{ float:left; width:210px; height:20px; background:url(../images/title_5.gif) repeat-x left top; margin-bottom:5px;}
.m230 h3 span{ float:left; width:auto; line-height:20px; padding-right:10px; background:#efeded; font-weight:bold; color:#c00;}
.m230 p{ float:left; width:210px; height:auto; line-height:24px;}

.m960 h1{ float:left; width:960px; height:40px; background:url(../images/title_2.gif) no-repeat left top;}
.m960 h1 span{ float:left; width:auto; line-height:40px; padding-left:20px; font-family:"微软雅黑"; font-size:24px; color:#FFF;}

#Tabs_01{ width:960px; height:auto;}
.tag_01_title{ width:auto; height:30px; right:55px; top:10px;}
.tabs_01{ float:left; background:#1f54b1; width:auto; height:30px; line-height:30px; padding:0 15px; margin-right:5px; overflow:hidden; font-size:14px;  color:#FFF;}
.tag_01{ background:#fff; color:#0033cc;height:32px;}
#Tabs_01 .box{ width:940px; height:auto; margin-top:1px;}

.m210 img{ width:200px; height:245px; padding:2px; border:1px solid #D5D5D5;}
.m210 p{ bottom:3px; left:3px; width:200px; height:24px; line-height:24px; text-align:center; background:#333;filter:alpha(opacity=60);-moz-opacity:0.60; -khtml-opacity: 0.60;opacity: 0.60;}
.m210 p a{ color:#FFF; text-decoration:none;}
.m210 p a:hover{ text-decoration:underline;}

.m430 h1{ float:left; width:430px; height:30px; line-height:30px; text-align:center; font-family:"黑体"; font-size:18px; padding-bottom:5px; background:none;}
.m430 p{ float:left; width:400px; line-height:22px; padding:0 15px; text-indent:2em;}
.m430 ul{ float:left; width:400px; height:auto; padding:0 15px;}
.m430 ul li{ float:left; width:390px; height:24px; line-height:24px; padding-left:10px; font-size:14px; background:url(http://img.eol.cn/images/index/eol2011/dot_666.gif) no-repeat left 7px; display:inline; overflow:hidden;}

.m250 h1{ float:left; width:240px; height:30px; background:#1f54b1; padding-left:10px;}
.m250 h1 span{ float:left; line-height:30px; font-family:"宋体"; background:url(../images/icon_1.gif) no-repeat left 10px; padding-left:20px; font-size:14px; font-weight:bold;color:#FFF;}
.m250 ul{ float:left; width:220px; height:auto; padding:8px 15px; background:#f2f6fe;}
.m250 ul li{ float:left; width:210px; height:22px; line-height:22px; display:inline; overflow:hidden; padding-left:10px;background:url(http://img.eol.cn/images/index/eol2011/dot_666.gif) no-repeat left 8px; }
.m250 ul p{ float:left; width:200px; height:auto; line-height:22px; padding-left:20px; padding-bottom:8px;}
.m250 ul p a{ color:#c00; text-decoration:none;}
.m250 ul p a:hover{ text-decoration:underline;}
.m250 ul p.p1{ background:url(../images/no.1.gif) no-repeat left 5px;}
.m250 ul p.p2{ background:url(../images/no.2.gif) no-repeat left 5px;}
.m250 ul p.p3{ background:url(../images/no.3.gif) no-repeat left 5px;}
.m250 ul p.p4{ background:url(../images/no.4.gif) no-repeat left 5px;}
.m250 ul p.p5{ background:url(../images/no.5.gif) no-repeat left 5px;}
.m250 ul p.p6{ background:url(../images/no.6.gif) no-repeat left 5px;}

#Tabs_02{ width:940px; height:auto;}
.tag_02_title{ width:940px; height:auto; background:#fafafa; padding:5px 0 0 0; border-bottom:1px #ddd solid; position:relative}
.tag_02_title span{ float:left; width:940px; height:auto;border-top:1px #023285 solid; position:absolute; top:11px; left:0;}
.tabs_02{ float:left;  width:auto; height:46px; line-height:46px; padding:6px 22px 0;  overflow:hidden;  color:#999; }
.tag_02{ color:#c00; font-weight:bold; background:url(../images/icon_6.gif) no-repeat center 0; }
#Tabs_02 .box{ width:940px; height:auto; padding-top:10px;}

.m150 span{ float:left; width:142px; height:28px; line-height:28px; padding-left:8px; font-weight:bold; border-bottom:1px solid #D5D5D5; background:#f8f8f8;}
.m150 p{ float:left; width:134px; height:auto; line-height:22px; padding:3px 8px;border-top:1px solid #D5D5D5;background:#f8f8f8;}
.m150 p a{ color:#C00; text-decoration:none;}
.m150 p a:hover{ text-decoration:underline;}
.m150 img{ border:1px solid #D5D5D5; margin:14px; display:inline; overflow:hidden;}
.m150_img{ width:45px; height:232px; background:url(../images/icon_2.gif) no-repeat center center;}

.m660_bg{ width:660px; height:auto; background:url(../images/img_bg.gif) no-repeat center center;}
.m660_230{ width:232px; height:auto;}
.m660_80{ width:210px; height:64px; padding:8px 10px;}
.m660_80 p{ line-height:22px;}
.bgcoloreb{ background:#ebf2fd; border:1px #1f54b1 solid; color:#1f54b1}
.bgcoloref{ background:#effcd8; border:1px #30a51c solid; color:#30a51c}
.bgcolorfb{ background:#fbefd7; border:1px #f55d02 solid; color:#f55d02}
.m660_vs{ background:url(../images/VS.gif) no-repeat no-repeat center top; width:196px; height:48px;}
.m660_vs_1{ left:232px; top:245px;}
.m660_vs_2{ left:232px; top:525px;}
.m660_vs1{ left:252px; top:76px;}

.m290 h1{ float:left; width:290px; height:25px; line-height:25px; text-align:center; background:url(../images/title_4.gif) no-repeat left top; font-family:"微软雅黑"; font-size:24px; color:#023285;}

dl.dl280{ width:280px; height:auto; padding:10px 5px; border-bottom:1px #D5D5D5 solid; margin-bottom:15px;}
dl.dl280 dt{ float:left; width:280px; height:130px;}
dl.dl280 dd{ float:left; padding-top:5px; width:280px; height:auto;}
dl.dl280 dd h3{ float:left; width:280px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;display:inline; overflow:hidden;}
dl.dl280 dd h3 a{ color:#023285; text-decoration:none;}
dl.dl280 dd h3 a:hover{ text-decoration:underline;}
dl.dl280 dd p{ float:left; width:280px; height:auto; line-height:22px; text-indent:2em; text-indent:2em;}
dl.dl280_2{ width:280px; height:auto; padding:0 5px 10px;}
dl.dl280_2 dt{ float:left; width:100px; height:auto;}
dl.dl280_2 dd{ float:right; width:160px; height:auto;}
dl.dl280_2 dd h3{ float:left; width:160px; height:30px; line-height:30px; text-align:center;  font-weight:bold; display:inline; overflow:hidden;}
dl.dl280_2 dd h3 a{ color:#023285; text-decoration:none;}
dl.dl280_2 dd h3 a:hover{ text-decoration:underline;}
dl.dl280_2 dd p{ float:left; width:160px; height:auto; line-height:22px; text-indent:2em; text-indent:2em;}
dl.dl300{ width:300px; height:auto;}
dl.dl300 dt{ float:left; width:130px; height:110px;}
dl.dl300 dd{ float:right; width:160px; height:auto;}
dl.dl300 dd h3{ float:left; width:160px; height:30px; line-height:30px; text-align:center; font-size:14px;  font-weight:bold; display:inline; overflow:hidden;}
dl.dl300 dd h3 a{ color:#8cb5fd; text-decoration:none;}
dl.dl300 dd h3 a:hover{ text-decoration:underline;}
dl.dl300 dd p{ float:left; width:160px; height:auto; line-height:22px; text-indent:2em; text-indent:2em; color:#FFF;}
dl.dl310{ width:310px; height:auto; padding:5px 0 8px 5px;}
dl.dl310 dt{ float:left; width:310px; height:240px;}
dl.dl310 dd{ float:left; width:310px; height:30px; line-height:30px; text-align:center; font-size:14px; background:#e7e6e6; display:inline; overflow:hidden;}

.m940_bg{ background:url(../images/banner2.jpg) no-repeat left top #000b54;}
.m940_bg_daoyu{ float:left; width:330px; height:auto; line-height:24px; text-indent:2em; font-size:14px; color:#FFF; padding:100px 0 0 218px;}

.m300 ul li{ float:left; width:290px; height:22px; line-height:22px; display:inline; overflow:hidden; padding-left:10px; background:url(../images/icon_4.gif) no-repeat left 8px; font-size:14px;}
.m300 ul li a{ color:#99ccff; text-decoration:none;}
.m300 ul li a:hover{ text-decoration:underline;}

.m260 h2{ float:left; width:235px; height:30px; line-height:30px; padding-left:15px; background:url(../images/icon_3.gif) no-repeat left 11px; color:#99ccff; font-size:14px; font-weight:bold;}
.m260 ul{ float:left; width:260px; height:auto; padding:5px 0 0 0;}
.m260 ul li{ float:left; width:250px; padding-left:10px; background:url(../images/icon_4.gif) no-repeat left 8px; color:#FFF; line-height:22px;}

.m610 dl{ float:left; width:135px; height:auto; text-align:center; padding:0 8px 0 9px }
.m610 dl dt{ float:left; width:135px; height:110px;}
.m610 dl dd{ float:left; width:130px; height:30px; line-height:30px; text-align:center; display:inline; overflow:hidden;}