@charset "utf-8";
/* CSS Document */
body{    background: #F6F7F8}
.f_rd{color:#d71418;}
/***********/
.shortcut{
	height:34px;
	line-height:34px;
	color:#fff;
}
.shortcut a{color:#fff; margin-left:10px;}
.fl{float:left;}
.fr{float:right;}
/************head********/
.head {
    -moz-box-shadow:0 3px 4px #e7e7e7;
    -webkit-box-shadow:0 3px 4px #e7e7e7;
    box-shadow:0 3px 4px #e7e7e7;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e7e7e7')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#e7e7e7');
}
/***********/
.headle{ width:380px; float:left}
.logo{padding-top:15px; padding-left:10px; float:left; }
.logo2{padding-top:15px; float:left; }

.search{float:left;}
.search ul li{float:left;}
.search_txt { width:600px; height:30px; line-height:30px;}
.search_txt li { width:50px; height:30px; line-height:30px; float:left; color:#999;text-align:center; cursor:pointer;}
.search_txt li:hover { width:50px; height:30px; line-height:30px; float:left; color:#000;text-align:center; cursor:pointer;}
.search_txt .search_txt_on { color:#000; font-weight:bold; }
.searchBox{border:2px solid #2577e3;width:380px; height:34px;line-height:34px; background:url(../images/search_bg.jpg) no-repeat 8px #fff; border-right:0; font-size:12px; padding-left:30px; float:left;}
.searchBtn{width:90px; height:38px; line-height:38px; background-color:#2577e3; border:0; font-size:14px; outline:none; cursor:pointer; font-weight:bold; color:#FFF; float:left;}
.searchBtn:hover{cursor:pointer; background:#055bcc;}
.search_xj{width:90px; height:36px; line-height:36px; border:1px solid #ccc; font-size:14px; cursor:pointer; color:#555; text-align:center; float:left; margin-left:10px;}
.search_xj:hover{border:1px solid #ddd;}



/*入门指南*/
.page-title{
    position: relative;
    height: 50px;
    color: #fff;
    -webkit-box-shadow: 0px 3px 5px #E6E7E9;
    -moz-box-shadow: 0px 3px 5px #E6E7E9;
    box-shadow: 0px 3px 5px #E6E7E9;
}

.topic-nav{
    padding-top: 0;
    height: 50px;
    font-size: 0px;
    line-height: 50px;
    text-align: right;
    width:1200px;
    margin:0 auto;
}
.topic-nav a{
    color: #6F6F6F;
    text-decoration: none;
    font-weight: 300;
    margin-right: 44px;
    font-size: 14px;
    display: inline-block;
    height: 47px;
    line-height: 50px;
}
.topic-nav a.active{
    height:47px;
    color: #2C8DF6 ;
    border-bottom:3px solid #2C8DF6 ;
    position: relative;
}
.topic-nav a.active:after{
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    content: "";
    border: 8px solid transparent;
    border-top-width:0px;
    border-bottom: 8px solid #fff;
}
.topic-title{
    position: absolute;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color:#535353;
}

/*入门指南---三条*/
.rumen_content{ width:1200px; margin:15px auto 0}
/*左侧*/
.rumen_main_left {
    float: left;
    width: 200px;
	position:fixed;
	    z-index: 10;
/*    z-index: -1;*/
    padding-top: 10px;
    font-size: 14px;
    line-height: 32px;
    min-height: 135px;
    background: #fff;
}
.rumen_main_left h3{ font-size:18px;}
.rumen_main_left ul{
    padding-right:9px;
}
.rumen_main_left ul li a{
    display:inline-block;
    width:100%;
    height:100%;
    text-indent:22px;
    text-decoration:none;
    border-left:1px solid #D5D5D5;
    font-size: 14px;
    color: #6F6F6F;
}
.rumen_main_left ul li a.active{
    color:#2C8DF6;
    border-left:4px solid #2C8DF6;
}
.rumen_main_left ul li a:hover{
    background:#f3f3f3;
    color:#297acc;
}
/*右侧*/
.rumen_main_right {
    width: 926px;
	height:auto;
	overflow:hidden;
    float: right;
	background:#ffffff;
    padding:30px;
}

.rumen_rmzn_titie{ 
	width:100%;
	height:50px; 
	display:block; 
	border-bottom:1px solid #f1f1f1;   
	line-height:50px;  
	font-size:16px; 
	font-weight:bold; 
}
.rumen_rmzn_titie .rumen_rmzn_ms{ 
	color:#5E5E5E; 
	line-height:22px;
	margin-left:15px; 
	font-size:14px; 
	display:inline; 
	font-weight:normal;
}
/*入门步骤*/
.rumen_rmzn_style{ width:100%;}
.rumen_rmzn_style h3{ min-height:40px; line-height:40px; margin:20px 0;}
.rumen_rmzn_style h3 i{ color:red}
.bottom{ width:100%; height:80px; line-height:80px;background: #000;}
.bottomin{ width:1200px; margin:0 auto; text-align:center; color:#999999}