body { font-family: 微软雅黑,"Open Sans", sans-serif;; font-size:14px;}
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap {padding:0 15px;  max-width:1200px; margin: 0 auto; position: relative; }

img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
 

img{max-width:100%;}


/*----------header----------*/
.header {  background:#fff; }
.logo{padding:1px 0;max-width:1000%;}



.login{ background:url(../img/bg1.jpg) no-repeat center center; background-size:cover;padding:85px 0;}
.div_login{border-radius:5px; float:right; width:390px; max-width:100%; background:#fff;}
.login_tit{ line-height:72px;width:80%; padding:0 10%; border-bottom:1px solid #d4d4d4;font-size:16px;}
.login_list{ padding:44px 10%;width:80%;}
.login_list span{font-size:16px; display:block; float:left;width:67px; text-align:right;}
.login_list .div_input{ overflow:hidden; padding:0 1em; }
.login_list .list{ line-height:43px; border:1px solid #999;color:#999;border-radius:5px; overflow:hidden; margin-bottom:20px;}
.login_list .list.on{ border-color:#3697de}
.login_list .list.list_btn{ padding:30px 0; border:none;}
.list_btn a{ display:block;width:100%; line-height:45px;background:#2cc64d;font-size:20px;text-align:center; color:#fff; border-radius:5px;}
.div_input input{width:100%; border:none; background:none;}

.f_copyright{text-align:center; line-height:20px; padding:20px 0;font-size:14px; color:#666}
/*----------mainer----------*/
/*顶部主菜单*/
	/*.icon-menu{ display:block; float:left; width:42px; height:42px; background:url(skin_icons.png) 11px -239px no-repeat; border-right:1px solid #eee; cursor:pointer; text-indent:-9999px; overflow:hidden; }*/
	.main-nav{ display:block; float:left; }
		.main-nav a{ display:block; float:left; margin:0; padding:0 28px; border-right:1px solid #505a70; height:69px; line-height:69px; color:#fff; font-size:14px; cursor:pointer; }
		.main-nav a.selected,.main-nav a:hover{ color:#fff; text-decoration:none; background:#404758; }
/*左边样式*/
.main-left{ position:absolute; top:71px; bottom:0; left:0; width:220px; z-index:10; }
.main-container{ position:absolute; top:71px; right:0; bottom:0; left:220px; overflow:hidden; }

.main-left{ background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f000000', endColorstr='#6f000000'); }
	.sidebar-nav{ /*background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f000000', endColorstr='#6f000000');*/}
		.sidebar-nav .list-group{ display:none; }
		.sidebar-nav .list-group .list-wrap{ position:absolute; top:0px; right:0; bottom:0; left:0; padding:0 10px; width:200px; overflow:auto; }
		.sidebar-nav .list-group h1{ display:none; font-size:16px;}
		.sidebar-nav .list-group h2{ position:relative; display:block; color:#fff; font-size:16px; font-weight:normal; line-height:58px; border-bottom:1px solid #565a65; text-align:center; }
		.sidebar-nav .list-group h2 i{ position:absolute; display:block; top:22px; right:0; width:20px; height:20px; background:url(skin_icons.png) -109px -165px no-repeat; }
		.sidebar-nav .list-group ul li{ padding:1px 0; }
		.sidebar-nav .list-group ul li a{border-left:3px solid  transparent;opacity:0.5; filter:alpha(opacity=50); position:relative; display:block; padding:6px 20px 6px 5px; color:#fff; font-size:12px; height:25px; line-height:25px; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.sidebar-nav .list-group ul li a:hover{ text-decoration:none; background:#3a9ade;border-color:#3a9ade; opacity:1;filter:alpha(opacity=100);border-radius:3px; }
		.sidebar-nav .list-group ul li a.selected{ text-decoration:none; background:#3a9ade;border-color:#3a9ade; opacity:1;filter:alpha(opacity=100); border-radius:3px; }
		.sidebar-nav .list-group ul li a .icon{ display:block; float:left; margin:3px 3px 3px 0; width:14px; height:14px; /*overflow:hidden;*/ *display:inline-block; *float:none; *vertical-align:middle; }
		.sidebar-nav .list-group ul li a .icon.folder{ background:url(skin_icons.png) 0 -168px no-repeat; }
		.sidebar-nav .list-group ul li a .icon.file{ background:url(skin_icons.png) -28px -168px no-repeat; }
		.sidebar-nav .list-group ul li a .icon img{ width:14px; height:14px; }
		.sidebar-nav .list-group ul li a .expandable{ position:absolute; display:block; top:10px; right:4px; width:12px; height:12px; background:url(skin_icons.png) no-repeat; }
		.sidebar-nav .list-group ul li a .expandable.open{ background-position:-84px -168px; }
		.sidebar-nav .list-group ul li a .expandable.close{ background-position:-56px -168px; }
/*迷你界面样式*/
.lay-mini .main-top{ left:0; }
	.lay-mini .main-nav{ display:none; }
.lay-mini .main-container{ left:70px; }
.lay-mini .main-left{ width:70px; }
	.lay-mini .sidebar-nav .list-group{ display:block!important; margin:0; /*line-height:35px;*/ border-bottom:1px solid #565a65; }
		.lay-mini .sidebar-nav .list-group h1{ display:block; margin:0; padding:25px; cursor:pointer; overflow:hidden; }
		.lay-mini .sidebar-nav .list-group.selected h1,.sidebar-nav .list-group:hover h1{ background:#3a9ade; /*opacity:1;filter:alpha(opacity=100);border-radius:3px;*/ }
		.lay-mini .sidebar-nav .list-group h1 img{  }
		.lay-mini .sidebar-nav .list-group .list-wrap{ display:none; position:absolute; top:0px; left:69px; bottom:0; padding:0 10px; width:200px; background:#505a70; }
		.lay-mini .sidebar-nav .list-group:hover .list-wrap{ display:block; }

.body_bg1{background:url(../img/bg2.jpg) no-repeat center center;background-size: cover;}

.t_header{ height:69px;width:100%; background:rgba(0,0,0,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f000000', endColorstr='#4f000000'); line-height:69px;}
.h_logo{width:220px;  border-right:2px solid #555d71;text-align:center;}
.h_logo img{ vertical-align:middle;}

.h_menu li{float:left;width:110px;border-right:1px solid #505a70; text-align:center;}
.h_menu ul{float:left;}
.h_menu li a{ color:#fff; display:block;}
.h_menu li.on a,.h_menu li a:hover{ background:#404758}
.menu{ width:69px;cursor:pointer; height:69px;border-right:1px solid #505a70; background:url(../img/menu.png) no-repeat center center}
.menu.on{background:url(../img/menu-1.png) no-repeat center center}
.menu:hover{background-color:#444959}
.h_member{color:#fff;}
.h_member .mess{border-right:1px solid #3c4c6e; border-left:1px solid #3c4c6e;height:69px;}
.mess_ico{ width:55px; height:63px;background:url(../img/icon1_1.png) no-repeat center center;   margin:0 5px; margin-top:5px;position:relative;}
.mess_ico span{display:block; position:absolute; top:-0px; left:68%; line-height:17px; font-size:12px; border-radius:10px; background:#e62727;color:#fff;padding:0 6px;}
.mess_ico1{ width:62px; height:66px;background:url(../img/icon1.png) no-repeat center center;   margin:0 5px; margin-top:0px;position:relative;}
.mess_ico1 span{display:block; position:absolute; top:-0px; left:68%; line-height:17px; font-size:12px; border-radius:10px; background:#e62727;color:#fff;padding:0 6px;}
	.mess_ico1 a.selected,
	.mess_ico1 a:hover {
		color: #fff;
		text-decoration: none;
		background: #404758;
	}
.h_member{margin:0 20px;}
.name{ position:relative; float:right}
.name:hover .drop_btn{ display:block;}
.name span{display:inline-block; cursor:pointer; padding-right:20px; background:url(../img/icon2.png) no-repeat center right;}
.name .drop_btn{ display:none; position:absolute; top:55px; right:0; width:110px; height:38px; line-height:38px; z-index:12;}
.name .drop_btn a{display:block; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.2);border-radius:5px; text-align:center;font-size:14px;}

.div_side{ float:left;}

.l_side{  width:220px; overflow-y:auto; margin-top:1px;   background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f000000', endColorstr='#6f000000'); }
.l_side .tit a{display:block;padding-left:30px;}
.l_side .tit{ line-height:58px; border-bottom:1px solid #565a65;  }
.l_side .tit .span_tit{ font-size:16px;color:#fff;  display:inline-block;padding:0 40px;}
.l_side .tit .span_tit.span1{background:url(../img/icon3.png) no-repeat left center; }
.l_side li.drop>a{ }
.l_side li{ line-height:35px;  }
.l_side li ul li a{ padding-left:60px; }
.l_side li a{ display:block; padding-left:50px;margin-bottom:10px; color:#fff;border-left:3px solid  transparent; opacity:0.5; filter:alpha(opacity=50);}
.l_side li a.on,.l_side li a:hover{background:#3a9ade;border-color:#3a9ade; opacity:1;filter:alpha(opacity=100);}
.l_side li span{display:inline-block;padding-left:30px;}

.side_list,.side_icon{ overflow-y:auto;}
.l_side2 .tit a{display:block;padding-left:30px;}
.l_side2 .tit{ line-height:58px; border-bottom:1px solid #565a65;  }
.l_side2 .tit .span_tit{ font-size:16px;color:#fff;  display:inline-block;padding:0 40px;}
.l_side2 .tit .span_tit.span1{background:url(../img/icon3.png) no-repeat left center; }
.l_side2 li.drop>a{ }
.l_side2 li{ line-height:35px;  }
.l_side2 li ul li a{ padding-left:30px;  }
.l_side2 li a{ display:block; padding-left:25px;margin-bottom:10px; color:#fff;  opacity:0.7;filter:alpha(opacity=70);}
.l_side2 li a.on,.l_side li a:hover{background:#3a3e4b; opacity:1;filter:alpha(opacity=100);}
.l_side2 li span{white-space:nowrap; display:inline-block;padding-left:30px;}
.side_icon li a{border-bottom:1px solid #5a5b62; display:block; height:71px; line-height:70px; }
.l_side2 .side_icon li a{ margin-bottom:0;}
.side_icon li a.a_home{background:url(../img/home.png) no-repeat center center;}
.side_icon li a.a_sjmb{background:url(../img/sjmb.png) no-repeat center center;}
.side_icon li a.a_jcfx{background:url(../img/jcfx.png) no-repeat center center;}
.side_icon li a.a_ywpz{background:url(../img/ywpz.png) no-repeat center center;}
.side_icon li a.a_xtgl{background:url(../img/xtgl.png) no-repeat center center;}
.side_icon li.on a,.side_icon li a:hover{ background-color:#292b32}
::-webkit-scrollbar{width:5px;}

.icon1 span{ background:url(../img/icon3-1.png) no-repeat left center;}
.icon2 span{ background:url(../img/icon3-2.png) no-repeat left center;}
.icon3 span{ background:url(../img/icon3-3.png) no-repeat left center;}
.icon4 span{ background:url(../img/icon3-1.png) no-repeat left center;}
.icon4_1 span{ background:url(../img/icon3-1.png) no-repeat left center;}
.icon5 span{ background:url(../img/icon3-1.png) no-repeat left center;}
.icon6 span{ background:url(../img/icon3-1.png) no-repeat left center;}
.icon7 span{ background:url(../img/icon4-1.png) no-repeat left center;}
.icon8 span{ background:url(../img/icon4-2.png) no-repeat left center;}
.icon8_1 span{background:url(../img/icon4-2-1.png) no-repeat left center;}
.icon8_2 span{background:url(../img/icon4-2-2.png) no-repeat left center;}
.icon8_3 span{background:url(../img/icon4-2-3.png) no-repeat left center;}
.icon9 span{ background:url(../img/icon4-3.png) no-repeat left center;}
.icon10 span{ background:url(../img/icon4-4.png) no-repeat left center;}
.icon11 span{ background:url(../img/icon4-5.png) no-repeat left center;}
.icon11_1 span{ background:url(../img/icon4-5-1.png) no-repeat left center;}
.icon11_2 span{ background:url(../img/icon4-5-2.png) no-repeat left center;}
.icon11_3 span{ background:url(../img/icon4-5-3.png) no-repeat left center;}
.icon11_4 span{ background:url(../img/icon4-5-4.png) no-repeat left center;} 
.icon12 span{ background:url(../img/icon5-1.png) no-repeat left center;}
.icon13 span{ background:url(../img/icon5-2.png) no-repeat left center;}
.icon14 span{ background:url(../img/icon5-3.png) no-repeat left center;}
.icon15 span{ background:url(../img/icon5-4.png) no-repeat left center;}
.icon-house_star{
	background: url("../img/house.png") no-repeat center;
}
.icon-house_map{
	background: url("../img/map.png") no-repeat center;
}
.icon-d_map{
    background: url("../img/d.png") no-repeat center;
}

.list_group{ display:none;}
.l_side{ float:left; transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;} 
.l_side2{margin-left:-500px;float:left;  margin-top:1px;transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}

.div_side.on .l_side{margin-left:-500px;}
.div_side.on .l_side2{ display:block; margin-left:0;}

.t_header.on .h_logo,.t_header.on .h_menu_list ul{display:none;}

.side_icon{width:70px; background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f000000', endColorstr='#6f000000'); float:left;margin-right:1px;}

.side_list{ width:150px; display:none; float:left; background:rgba(0,0,0,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f000000', endColorstr='#4f000000');}


.r_content{ overflow:hidden;}
.r_content .content{margin:10px; padding:10px;background:#fff;}


@media only screen and (max-width: 768px){
    /*.mess_ico{ margin:0 10px; margin-top:15px;}
    .t_header{ height:60px;line-height:60px;}
    .menu,.h_member .mess{ height:60px;}
    .h_member{margin:0 5px;}
    .menu{width:60px;}*/


.div_side.on .l_side{margin-left:-500px;}
.div_side.in .side_icon{ display:none;}
.div_side.in .side_list{ display:block; margin-left:0;}
 


}