@charset "utf-8";
/* CSS Document */
* {
	margin:0 auto;
	padding:0px;
}
.w_body{
	font-family:"微软雅黑","宋体", sans-serif, arial;
	font-size:12px;
	color:#000;
	margin:0px;
	padding:0px;
	text-align:center;
	background:#fff;
}
.f_l{
	float:left;
	}
	
.f_r{
	float:right;
}
.blank10{
	clear:both;
	height:10px;
	overflow-x:hidden;
	overflow-y:hidden;
	}
.blank30{
	clear:both;
	height:30px;
	}
.font1{
	text-align:left;
	color:#000;
	font-size:12px;
	line-height:24px;
	}
.font2{
	color:#ccc;
	font-size:14px;
	line-height:20px;
	}
.font2 a:HOVER{text-decoration: underline;}
.font3{
	padding-left:30px;
	line-height:21px;
	font-size:16px;
	font-weight:bold;
	}
.font4{
	color:#4e98e5;
	}
.font5{color:#555555;
}
.font6{
    color:#999999;
}
.font7{font-size: 1.5em;
	color:#000;}
.font8{
	font-size: 3em;
	line-height: 60px;
}
.font9{
	font-size: 16px;
	width:90px;
	float:left;
}
.font10{
	font-size: 1em;
	color:#fff;
}
.font11{
	font-size: 1em;
	color:#fff;
}

h3{
	/* color:#F60; */
	text-align:left;
	margin-bottom:5px;}
.more {
    display: block;
    float: right;
    height: 12px;
    width: 45px;
	margin-top:11px;
}
a {color:#000; text-decoration:none;}
.hide{ display:none;}
.clear{clear:both;height:0;line-height:0;font-size:0;}

dd{
	color:#999;}

 /* ********** 通栏 ********** */
 .column {width: 980px;margin: 0 auto;}
 
 /* ********* 三栏布局: 左两栏  + 右一栏  ********** */
 .col-l-main,
 .col-l-main .col-l { float: left; }
 .col-r-extra,
 .col-l-main .col-r { float: right; }
 
 /* ********* 三栏布局: 左一栏  + 右两栏  *********  */
 .col-r-main,
 .col-r-main .col-r,.col-r{ float: right; }
 .col-l-extra,
 .col-r-main .col-l,.col-l{ float: left; }
 
 
 .error{
 color: red;
  padding-left: 10px;
 }
 
 
 /**右侧悬浮***/
.right-suspension {
	position: fixed;
    top: 50%;
    right: 8px;
    margin-top:-115px;
    width: 72px;
    min-width: 0;
}

.right-suspension .suspension-content {
    width: 100%;
    height: 100%;
    background: transparent;
}

.suspension-content .floor .floor-content {
    display: none;
    color: #333;
}
.suspension-content .floor:hover .floor-content, .suspension-content .floor .floor-content:hover {
    display: block;
}

.suspension-content .first-floor {
    height: 70px;
    position: relative;
}

.suspension-content .first-floor .floor {
    background-color:#fff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    border:1px solid #ccc;
}
.suspension-content .first-floor .floor:hover{
	background:#eceaea;
}
.suspension-content .first-floor .floor-icon, .suspension-content .first-floor .floor-icon a {
    color: #4e98e5;
    text-align: center;
}
.floor-icon img{height:36px;
	width:36px;    
	margin-top: 7px;}
.suspension-content .first-floor .floor-icon a {
  
}

.suspension-content .first-floor .floor-icon > div {
    color: #333;
    font-size: 12px;
}
.suspension-content .first-floor .floor-content {
    position: absolute;
    right: 70px;
    bottom: 0;
}
.suspension-content .second-floor {
    height: 70px;
    margin: 10px auto;
    position: relative;
}
.suspension-content .second-floor .floor:hover{
	background:#eceaea;
}
.suspension-content .second-floor .floor {
    background-color: #fff;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0;
    border-radius: 5px;
    border:1px solid #ccc; 
    cursor: pointer;   
}
.suspension-content .second-floor .floor-icon {
    color: #4e98e5;
    text-align: center;
}
.suspension-content .second-floor .floor-icon > div {
    color: #4e98e5;
    font-size: 12px;
}
.suspension-content .second-floor .floor-content {
    position: absolute;
    right: 70px;
    bottom: 10%;
    height: 80%;
    font-size: 16px;
    text-align:center;
    vertical-align: middle;
    padding-top: 15px;
  
}
.suspension-content .third-floor {
    height: 70px;
    position: relative;
}
.suspension-content .third-floor .floor {
    background-color: #fff;
    width: 70px;
    height: 70px;
    position: absolute;
    right: 0;
    border-radius: 5px;
    border:1px solid #ccc;   
    cursor: pointer; 
}
.suspension-content .third-floor .floor:hover{
	background:#eceaea;
}
.suspension-content .third-floor .floor-icon {
    color: #4e98e5;   
    text-align: center;
}

.suspension-content .third-floor .floor-icon > div {
    color: #4e98e5;
    font-size: 12px;
}

.suspension-content .third-floor .floor-content {
    position: absolute;
    right: 70px;
    top: 0;
}

.suspension-content .first-floor .floor-content > div, .suspension-content .second-floor .floor-content > div, .suspension-content .third-floor .floor-content > div {
    background-color: #fff;
    margin-right:15px;
    border-radius: 5px;
    border: 1px solid #ddd; 
}

.suspension-content .first-floor .floor-content > div {
    width: 240px;
    height: 150px;
    padding: 5px 0;
}

.suspension-content .second-floor .floor-content > div {
    width:200px;
    line-height: 30px;
}

.suspension-content .second-floor .floor-content  div  p{
   font-size: 16px;
   padding: 10px;
}

.suspension-content .third-floor .floor-content > div {
    width: 200px;
    text-align: center;
}

.suspension-content .third-floor .floor-content div img{
    width: 190px;
}

.wx-qrcode p {
    text-align: center;
}
.wx-qrcode > p > img {
    width: 127px;
}
.btn-primary, .btn-primary.focus, .btn-primary:focus {

    background-color: #30a7e7!important;
    border-color: #30a7e7;
}
.btn-primary.focus:hover, .btn-primary:active:hover, .btn-primary:focus:active, .btn-primary:focus:hover, .btn-primary:hover, .open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:active, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    background-color: #1a96d9!important;
    border-color: #30a7e7;
}