﻿/*M*/
/* 公用 */
*{margin:0;padding:0;}
body{
	font-family:verdana, Arial, Helvetica,Arial,'simsun','宋体', sans-serif !important;
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#f2f5f6 url(../images/bg.jpg) repeat-x;
	width:1002px;
	margin:0 auto;
	}
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
ul{list-style-type:none;}
p{line-height:160%;}
.indent{text-indent:24px;}
.vmiddle { vertical-align:middle;}
.clear{clear:both;line-height:0;font-size:0px;height:0px;}
.fl{float:left;}
.fr{float:right;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
/* 字体 */
.font12px{ font-size:12px;}
.font14px{ font-size:14px;}
.cF00{ color:#FF0000;}
.cF60{ color:#FF6600;}
.c0052b8{ color:#0052b8;}
.bold{ font-weight:bold;}
/*strong{color:#F60;}
b{color:#f30;font-weight:normal;}
i{font-style:normal;color:#06c;}*/
.underline{ text-decoration:underline;}
.lineheight40px{line-height:40px;}
.input300{width:295px;}
.input140{width:135px;}
/*head*/
#head a{color:#8aa2b4;}
#head #logo{margin:8px 0 0 24px;width:190px;float:left;display:inline;}
#head .function{
	margin:13px 19px 0 0;
	float:right;
	display:inline;
	}
#head .function li{
	float:left;
	margin-left:16px;
	}
#head .function li.icon{
	background:url(../images/icon_angle.gif) left 50% no-repeat;
	padding-left:10px;
	}
#head .nav{
	background:url(../images/navigator.gif) no-repeat;
	width:654px;
	height:35px;
	padding-right:50px;
	float:left;
	margin:8px 24px;
	display:inline;
	clear:both;
	}
#head .nav li{
	float:left;
	font-size:14px;
	margin-left:30px;
	margin-top:4px;
	display:inline;
	}
#head .nav li span{
	display:block;
	width:63px;
	height:26px;
	text-indent:-9999px;
	}
#head .nav li a{
	display:block;
	width:63px;
	height:26px;
	text-indent:-9999px;
	}
#head .nav .home{background:url(../images/navHome.gif) left -44px no-repeat;}
#head .nav a.home{background:url(../images/navHome.gif) left -4px no-repeat;}
#head .nav a.home:hover{background:url(../images/navHome.gif) left -84px no-repeat;}

#head .nav .aboutUs{background:url(../images/navAboutUs.gif) left -44px no-repeat;}
#head .nav a.aboutUs{background:url(../images/navAboutUs.gif) left -4px no-repeat;}
#head .nav a.aboutUs:hover{background:url(../images/navAboutUs.gif) left -84px no-repeat;}

#head .nav .MWorld{background:url(../images/navMWorld.gif) left -44px no-repeat;}
#head .nav a.MWorld{background:url(../images/navMWorld.gif) left -4px no-repeat;}
#head .nav a.MWorld:hover{background:url(../images/navMWorld.gif) left -84px no-repeat;}

#head .nav .blog{background:url(../images/navBlog.gif) left -44px no-repeat;}
#head .nav a.blog{background:url(../images/navBlog.gif) left -4px no-repeat;}
#head .nav a.blog:hover{background:url(../images/navBlog.gif) left -84px no-repeat;}

#head .nav .news{background:url(../images/navNews.gif) left -44px no-repeat;}
#head .nav a.news{background:url(../images/navNews.gif) left -4px no-repeat;}
#head .nav a.news:hover{background:url(../images/navNews.gif) left -84px no-repeat;}

#head .nav .job{background:url(../images/navJob.gif) left -44px no-repeat;}
#head .nav a.job{background:url(../images/navJob.gif) left -4px no-repeat;}
#head .nav a.job:hover{background:url(../images/navJob.gif) left -84px no-repeat;}
/*banner*/
#changeSkin{
	float:right;
	margin-right:42px;
	clear:both;
	display:inline;
	margin-bottom:7px;
	}
#changeSkin .black{
	background:url(../images/icon_black.gif) left 50% no-repeat;
	padding-left:16px;
	}
#changeSkin .white{
	background:url(../images/icon_white.gif) left 50% no-repeat;
	padding-left:16px;
	}
/*content*/
#content{
	background: url(../images/mainBgR.gif) right top no-repeat;
	width:98%;
	margin:0 auto 0px auto;
	padding-bottom:40px;
	}
#content .box{
	background:url(../images/mainBgL.gif) left top no-repeat;
	}
#content .box .Ab-A{
	margin:0 0 0 38px;
	width:540px;
	float:left;
	display:inline;
	}
#content .Ab-A .pic{
	margin:30px 0 36px 8px;
	}
#content .Ab-b{
	float:right;
	width:341px;
	margin:26px 14px 0 0px;
	}
#content .mt480{margin-top:480px;}

#content #news{
	background:url(../images/meitibaodao.gif) left top no-repeat;
	width:100%;
	}
#content #yanfarizhi{background:url(../images/dialog_box_title_yanfarizhi.gif) left top no-repeat;width:100%;}
#content #news h2,#content #yanfarizhi h2{
	text-indent:-9999px;
	background:url(../images/meitibaodaoR.gif) right top no-repeat;
	line-height:41px;
	}
#content #news .info,#content #yanfarizhi .info{background:url(../images/meitibaodaoBgL.gif) left bottom no-repeat;padding-right:-5px;}
#content #news ul,#content #yanfarizhi ul{
	background:url(../images/meitibaodaoBgR.gif) right bottom no-repeat;
	padding:8px 22px 16px 22px;
	}
#content #news li,#content #yanfarizhi li{
	background:url(../images/icon_angle.gif) left 5px no-repeat;
	font-size:12px;
	margin:12px 0;
	padding-left:15px;
	}
#content #yuanjing{
	background:url(../images/paopaoBg.gif) left top no-repeat;
	width:341px;
	height:320px;
	}
#content #yuanjing .info{
	background:url(../images/yinhao1.gif) left top no-repeat;
	margin-left:33px;
	margin-right:42px;
	}
#content #yuanjing .info ul{
		background:url(../images/yinhao2.gif) right bottom no-repeat;
		padding:10px 20px 10px 27px ;
		font-size:14px;
		color:#3f3e43;
	}
#content #yuanjing .info li{
	margin:10px 0;
	}
/*BlogList*/
#blogList{width:100%;color:#3f3e43;}
a,#blogList a,#news a,#yanfarizhi a,.sideColumn a{color:#3f3e43;text-decoration:none;}
a:hover,#blogList a:hover,#news a:hover,#yanfarizhi a:hover,.sideColumn a:hover{text-decoration:underline;}
#blogList .title{
	background:url(../images/cutLine540.gif) left bottom no-repeat;}
#blogList h2{
	font-size:14px;
	font-weight:normal;
	background:url(../images/icon_blogTitle.gif) 14px top no-repeat;
	padding-left:36px;
	line-height:28px;
	}
#blogList .article{
	margin-top:26px;
	background:url(../images/cutLine540.gif) left bottom no-repeat;
	
	padding: 0 15px 15px;
	/*float:left;*/
	}
#blogList h3{
	font-size:20px;
	margin:10px 0;
	font-weight:300 !important;
	font-family:"微软雅黑";
	}
#blogList h3 a{text-decoration:underline;}
#blogList h3 .link{padding-right:20px; background:url(../images/link.gif) right 50% no-repeat;}
#blogList h3 .link:hover{background:url(../images/link.gif) right 40% no-repeat;}
#blogList .time{
	background:url(../images/tool.gif) left -136px no-repeat;
	padding-left:16px;
	margin:10px 0;
	}
#blogList p{
	margin:10px 0;
	font-size:14px;
	}
#blogList .article img{border:#fff 1px solid;}
#blogList .comment{
	background:url(../images/tool.gif) left -40px no-repeat;
	padding-left:18px;
	
	}
#blogList .browse{
	background:url(../images/tool.gif) left -80px no-repeat;
	padding-left:18px;
	margin-left:20px;
	}
#blogList .share{
	background:url(../images/tool.gif) left 0px no-repeat;
	padding-left:18px;
	margin-left:20px;
	}
#blogList .original{float:right;}
#blogList .moreArticle {
	display:block;
	width:175px;
	height:59px;
	background:url(../images/bt_moreArticle.gif) left top no-repeat;
	text-indent:-9999px;
	float:right;
	margin-top:20px;
	}
#blogList .moreArticle:hover{
	background:url(../images/bt_moreArticle.gif) left -59px no-repeat;
}
#blogList .next {
	display:block;
	width:120px;
	height:43px;
	background:url(../images/bt_next.gif) left top no-repeat;
	text-indent:-9999px;
	float:right;
	margin-top:20px;
	}
#blogList .next:hover{
	background:url(../images/bt_next.gif) left -43px no-repeat;
}
#blogList .pre {
	display:block;
	width:120px;
	height:43px;
	background:url(../images/bt_pre.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:20px;
	}
#blogList .pre:hover{background:url(../images/bt_pre.gif) left -43px no-repeat;}
#blogList .page{float:right;}
#blogList .page a,#blogList .page span{
	margin:0 1px;
	display:block;
	padding:3px 7px;
	float:left;
	}
#blogList .page a{
	background-color:#FFFFFF;
	border:#E4EAF2 1px solid;
	color:#707070;
	}
#blogList .page a:hover{
	background-color:#FFFFFF;
	border:#707070 1px solid;
	color:#707070;
	text-decoration:none;
	}
#blogList .page span{
	background:#e4eaf2;
	border:#fff 1px solid;
	color:#707070;
	font-weight:bold;
	}
#blogList .addComment{
	width:100%;
	height:36px;
	line-height:36px;
	background-color:#e4eaf2;
	text-align:center;
	border:#fff 1px solid;
	margin:20px auto;
	}
#blogList .addComment .comment{
	background:url(../images/tool.gif) left -30px no-repeat;
	margin-right:20px;
	display:inline;
}
/*footer*/
#footer{
	background:url(../images/footerBg.gif) left top no-repeat;
	width:947px;
	height:106px;
	margin:0 auto 30px auto;
	text-align:center;
	color:#6e6e6e;
	padding-top:26px;
	}
#footer a{
	font-size:14px;
	color:#6e6e6e;
	text-decoration:none;
	margin:0 5px;
	}
#footer a:hover{text-decoration:underline;}
#footer .nav{margin-bottom:20px;}
#footer p{color:#a5b8cd;}
#footer p a{font-size:12px;
	color:#a5b8cd;
	text-decoration:underline;}
/*blog comment*/
.commentArea{
	width:97%;
	margin:20px auto;
	}
.commentArea .text{
	padding:10px 14px;
	background:#f7fafc url(../images/commentBg.gif) bottom repeat-x;
	}
.commentArea .text p{
	margin:5px;
	}
.commentArea .author{
	background:url(../images/commentArrow.gif) 40px top no-repeat;
	padding-left:75px;
	padding-top:6px;
	}
.commentArea .author .time{
	font-size:9px;
	color:#C1C9D3;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
	}
.addCommentForm{
	background-color:#ebf2f8;
	width:97%;
	margin:20px auto 0;
	padding:15px 0;
	}
.addCommentForm .profile{
	margin:0 15px 10px;
}
.addCommentForm .profile span{
	background:url(../images/commentProfile.gif) left top no-repeat;
	
	height:37px;
	line-height:37px;
	font-size:26px;
	width:174px;
	float:left;
	padding-left:10px;
	}
.addCommentForm .profile input{
	border:#b3c3d0 1px solid;
	font-size:14px;
	height:15px;
	padding:10px 6px;
	}
.addCommentForm .profile .confirm{
	border:#b3c3d0 1px solid;
	height:35px;
	width:140px;
	background-color:#fff;
	margin-left:18px;
	}
.addCommentForm .textarea{
	background:url(../images/textAreaBgT.gif) left top no-repeat;
	padding:11px 0px 0;
	margin:10px 15px;
	float:left;
	display:inline;
	width:496px;
	}
.addCommentForm .textarea span{
	background:url(../images/textAreaBgB.gif) left bottom no-repeat;
	padding-left:-10px;
	display:block;
	}
.addCommentForm  textarea{
	border:none;
	width:476px;
	height:178px;
	background:url(../images/textAreaBg.gif) repeat-y;
	padding:0 10px;
	margin-bottom:11px;
	overflow:auto;
	}
.addCommentForm a{
	display:block;
	width:100px;
	height:43px;
	background:url(../images/bt_submit.gif) left top no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	}
.addCommentForm a:hover{
	background:url(../images/bt_submit.gif) left -43px no-repeat;
}
/*MWorld*/
.MWorldBg{
	background:url(../images/MWorld_bg.jpg) no-repeat !important;
}
.aboutus{
	background:url(../images/aboutUs_bg.jpg) no-repeat !important;}
#content .Ab-A h2{
	padding-left:30px;
	color:#1e4072;
	font-size:18px;
	font-weight:normal;
	margin:10px 0;
	}
#content .matrix{background:url(../images/matrix.png) left 50% no-repeat;}
#content .myWorld{background:url(../images/myworld.png) left 50% no-repeat;}
#content .magicWorld{background:url(../images/magic.png) left 50% no-repeat;}

#content .sideColumn{
	background:url(../images/sideBg.gif) left bottom no-repeat;
	width:340px;
	}
#content .sideColumnTop{
	background:url(../images/sideBgT.gif) left top no-repeat;
	width:340px;
	height:9px; 
	font-size:0;
	line-height:0;	
	}
#content .sideColumn h2{
	text-indent:-9999px;
	background:url(../images/CutLine2.gif) bottom repeat-x;
	width:300px;
	margin:0 auto;
	}
#content .sideColumn h2 .meitibaodao{
	background:url(../images/meitibaodaoTitle.gif) 10px 20px no-repeat;
	height:23px;
	width:88px;
	display:block;
	padding:15px;
}
#content .sideColumn ul{
	background:url(../images/CutLine2.gif) bottom repeat-x;
	padding:14px 22px 24px 22px;
	}
#content .sideColumn li{
	background:url(../images/icon_angle.gif) left 5px no-repeat;
	font-size:12px;
	margin:12px 0;
	padding-left:15px;
	}
#content .sideColumn ul.tag{
	background:none;
	padding:1px 10px 10px 10px;
	color:#4A6269;
	}
#content .sideColumn ul.tag li{
	background:url(../images/CutLine2.gif) bottom repeat-x;
	font-size:12px;
	font-weight:bold;
	margin:4px 0 0 0;
	padding-left:0;
	padding-bottom:4px;
	display:block;
	height:40px;
	width:320px;
	line-height:40px;
	}
#content .sideColumn ul.tag li span{
	padding-left:20px;
	background:url(../images/tagBg.gif) left top no-repeat;
	display:block;
	height:40px;
	/*width:320px;*/
	text-decoration:none;
	}
#content .sideColumn ul.tag li a{
	padding-left:20px;
	color:#4A6269;}
#content .sideColumn ul.tag li a:hover{
	background:url(../images/tagBg.gif) left top no-repeat;
	display:block;
	height:40px;
	/*width:320px;*/
	text-decoration:none;
	}

#content .sideColumn .pic{
	padding:30px 22px 15px 38px;
	background:url(../images/CutLine2.gif) bottom repeat-x;
	margin-bottom:16px;
	}
#content .sideColumn .pic img{
	border:#fff 2px solid;
	margin:0 12px 10px 0;
	}
#content .sideColumn .pic .more{
	background:url(../images/icon_more.gif) right 50% no-repeat;
	padding-right:18px;
	margin-left:226px;
	}
#quotes_list li{
	display:none;
	}
#quotes_list li.active{
	display:block;}
.zhu{
	background:url(../images/icon_zhu.gif) left 50% no-repeat;
	padding-left:35px;
	font-style:italic;
	margin-left:220px;
	margin-top:20px;}
#content .resume{
	background:url(../images/aboutUs_master_bgB.gif) left bottom no-repeat;
	color:#bbb;
	padding:0 0 40px 0;
	margin-bottom:20px;
	}
#content .resume span{
	margin-left:37px;
	color:#74A3BD;
	font-weight:bold;
	}
#content .resume h2{
	background:url(../images/aboutUs_master_bgT.gif) left top no-repeat;
	color:#fff;
	font-size:25px;
	margin:0;
	padding:20px 0 0 37px;
	font-weight:bold;
	}
#content .resume h2 span{
	font-size:10px;
	margin-left:10px;
	font-weight:normal;
	color:#fff;
	}
#content .resume p{
	margin: 15px 37px;
	}
.ppup{
	width:655px;
	margin:0 10px;
	
	}
h4{
	background:url(../images/CutLine2.gif) bottom repeat-x;
	font-size:14px;
	margin:15px 0px;
	padding-bottom:5px;
	}
.ppup p{margin:10px 0;color:#3f3e43;}
.ppup ul{
	margin-left:22px;
	}
.ppup ul li{
	line-height:160%;
	color:#3f3e43;
	}
.career{
	background:url(../images/career_bg.jpg) top right no-repeat !important;;
	}
.allRound{}
.leftTop{
	background:url(../images/rleftTop.gif) left top no-repeat;
	line-height:0px;
	font-size:0px;
	width:9px;
	height:9px;
	float:left;
	}
.rightTop{
	background:url(../images/rrightTop.gif) right top no-repeat;
	line-height:0;
	font-size:0;
	height:9px;
	float:right;
	
	}
.leftBottom{
	background:url(../images/rleftBottom.gif) left bottom no-repeat;
	line-height:0;
	font-size:0;
	width:9px;
	float:left;
	}
.rightBottom{
	background:url(../images/rrightBottom.gif) right bottom no-repeat;
	float:right;
	display:block;
	
	}
.rightBottom p{
	padding:10px 34px 22px 25px;
	color:#787974;
	}
.rightBottom .wide p{
	padding:5px 30px 12px 10px;
	color:#787974;
	}
.MWorldVideo{
	display:block;
	width:341px;
	height:126px;
	text-indent:-9999px;
	background:url(../images/banner341x126.png) left top no-repeat;
}
.MWorldVideo:hover{
	background:url(../images/banner341x126.png) left bottom no-repeat;
	}
/*日历啊*/
#calendar{
	width:339px;
	height:273px;
	display:block;
	background:url(../images/rili2.gif) left top no-repeat;
	}
#calendar .main{
	background:url(../images/rili.gif) left top no-repeat;
	width:339px;
	height:273px;
	}
#calendar .main .bb{
	border:#782403 1px solid;display:block
	}
#calendar .main .today{
	display:block;background:#782403;color:#fff;}
/*伸缩下拉框*/
.zhankai{
	display:block;
	width:33px;
	height:30px;
	background:url(../images/collapes2.gif) left top no-repeat;
	float:left;
	margin-right:-3px;
	}
.zhankai:hover{
		background:url(../images/collapes2.gif) left -30px no-repeat;
}
.suohui{	
	display:block;
	width:33px;
	height:30px;
	background:url(../images/collapes.gif) left top no-repeat;
	float:left;
	margin-right:-3px;
}
.suohui:hover{
	background:url(../images/collapes.gif) left -30px no-repeat;}