/* CSS Document */
* {margin:0;padding:0;}
body {font-size:12px; color:#777; background:#fff; font-family:Arial;}
a{ color:#666;text-decoration:none;}
a:hover {color:#d3313c;text-decoration:underline;}
ul{ margin:0; padding:0; list-style:none;}
img{ border:none;}
h1{ margin:0; padding:0;}
#container{ width:950px;height:100%;margin:0 auto; }
#warrp {width:950px;height:100%;margin:0 auto; }
/*-----page header-----*/
#header{ width:950px; height:100px; margin:0 auto;}
#logo{ width:252px; height:71px; padding:2px 0 0 20px; float:left;}
#search{ width:178px; height:22px; float:right; display:inline; margin:58px 10px 0 0;}
#lan{ width:178px; height:22px; float:right; display:inline; margin:58px 10px 0 0;line-height:23px;}
.text{ width:143px; height:18px; margin-right:3px; border:none; background:url(images/search.jpg) no-repeat; padding:4px 0 0 10px; color:#666;}
.go{ width:22px; height:22px; border:none; background:url(images/go.jpg) no-repeat; cursor:pointer;}
#nav {width:950px;height:32px;background:url(images/navbg.gif) no-repeat;margin:0 auto;margin:0 0 10px 0 ;}
#nav ul {list-style-type:none;padding-left:50px;}
#nav ul li {float:left;line-height:32px;display:inline;}
#nav ul li a {padding:0 20px;color:#fff;text-align:center;display:block;}
/*---------------------------*/
#banner{ width:950px;margin:0 auto;clear:both;}
.container {width:950px;height:240px;margin:10px auto;}
.container .title {width:948px;height:30px;background:url(images/mhcbg.jpg) repeat-x;margin:0;padding:0;}
.container .title h2 {font-size:14px;line-height:28px;
padding:0;margin:0;text-indent:20px;}
.container .rcontent_box {width:300px;height:200px;float:left;text-align:center;padding:5px 0 0 0;}
.container .rcontent_box a:hover {color:#d3313c;}
/*.container .rcontent_box img {border:solid 2px #e5e5e5;}*/
.container .rcontent_box p {padding:0;}
/*.container .rcontent_box a:hover img{border:solid 2px #ff0000;}*/
.rcontent_box h2 {font-size:16px;}
.htmt {
	background: url(images/ghback.gif) repeat-x 0px 0px; width: 100%
}
.html {
	background: url(images/ghdot.gif) repeat-y 0px 0px
}
.htmr {
	background: url(images/ghdot.gif) repeat-y 100% 0px
}
.htmtl {
	background: url(images/ghul.gif) no-repeat 0px 0px
}
.htmtr {
	padding-right: 12px; padding-left: 12px; font-size: 12pt; background: url(images/ghur.gif) no-repeat 100% 0px; padding-bottom: 6px; color: #404040; padding-top: 6px; font-family: arial
}
.htmhl {
	font-weight: bold; margin-bottom: 4px
}
.gbody {
	border-right: #d7d7d7 1px solid; min-height: 200px;border-left: #d7d7d7 1px solid; width: 948px;text-align:center;
}
.gbody1 {
	width: 178px;height:340px; border-right: #d7d7d7 1px solid; border-left: #d7d7d7 1px solid; 
	text-align:left;line-height:20px;
}

/*.gbody1 img {padding-left:10px;}*/
.gbody2 {width:568px;height:340px;border-right: #d7d7d7 1px solid; border-left: #d7d7d7 1px solid;}
.gbody2 ul li{ padding:5px 0 5px 20px;background:url(images/ico.gif) 5px no-repeat;}
.ghbottom {
	background: url(images/ghbottom.gif) no-repeat; margin-bottom: 10px; height: 6px
}
.ghbottom1 {
  width:180px;	background: url(images/ghbottom1.gif) no-repeat; margin-bottom: 10px; height: 6px
}
.ghbottom2 {
  width:570px;	background: url(images/ghbottom2.gif) no-repeat; margin-bottom: 10px; height: 6px
}
/*-----page center-----*/
#pagebody{ width:950px; height:400px; margin:0 auto;}
#sideleft {width:180px;float:left;}
#sideleft .title {width:178px;height:30px;background:url(images/mhcbg.jpg) repeat-x;}
#sideleft .title h2 {font-size:12px;line-height:28px;padding:0;margin:0;text-indent:20px;}
#sideleft .gbody1 img {padding-left:20px;}
#sidecenter {width:570px;height:350px;float:left;margin:0 0 0 10px;}
#sidecenter .title h2 {font-size:12pt;padding:0;margin:0;text-indent:20px;}
#sidecenter .title span {float:right;text-align:right;padding:0 10px 0 0;}
#sidecenter ul li{ padding:5px 0 5px 20px;background:url(images/ico.gif) 5px no-repeat;}
#sideright {width:180px;float:right;}
#sideright .title {width:178px;height:30px;background:url(images/mhcbg.jpg) repeat-x;}
#sideright .title h2 {font-size:12px;line-height:28px;padding:0;margin:0;text-indent:20px;}
#sideright .ebook {width:150px;height:330px;margin:10px 15px 0 15px;}
/*-----page footer-----*/
#footer{ width:100%; height:130px; background:#333 url(images/footbg.jpg) repeat-x top;margin:0 auto;}
#foottop{ width:812px; height:100px; background:url(images/foottop.gif) no-repeat; margin:0 auto;text-align:center;padding-top:20px;}
#foottop p{ color:#ccc; clear:both; margin:0; padding:15px 0 0 0; display:inline-block;line-height:25px;}
#foottop p a {color:#ccc;padding:0 10px;}
#foottop p a:hover {color:#ff0000;}

/*-----content page-----*/
#cpagebody{ width:950px;margin:20px auto 0 auto;font-size:14px; overflow:hidden;background-color:#fff;}
#csideleft{ width:210px; float:left;}
#csideleft h1{ width:200px; height:50px;}
#csideleft ul{ padding:15px 15px 0 0; }
#csideleft ul li{ padding:5px 0 5px 20px; background:url(images/sign.jpg) no-repeat left 8px;}
#csideleft ul li a{ text-decoration:none;color:#6699ff;font-size:14px;}
#csideleft ul li a:hover{ text-decoration:underline;}
#csideright{ width:720px; float:left;}
#location{ width:700px; height:29px; margin:0 0 0 10px; padding:30px 0 0 15px; border-bottom:1px dashed #CCCCCC;}
#location a{ text-decoration:none;}
#location a:hover{ text-decoration:underline;}
#main{ width:700px; padding:15px 0 0 0;}
.l_button {text-align:left;margin:25px 0 5px 10px}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}