@charset "utf-8";
.wrapper{height:100%;min-width:1024px; overflow: hidden;}

header{position:relative;height:81px;background:#100d4c url(../img/bg_top_left.png) no-repeat left center;overflow: hidden;}
header .logo { width: 364px; height: 34px; background: url(../img/logo.png) no-repeat left center;}
header .logo span { float: left; margin: 2px 0 0 156px; font-size: 18px; color: #fff; font-weight: 500;}

header h1{float:left;height:29px;line-height:29px;padding:25px;color:#fff;font-weight:normal;}
header .topMenu{position:absolute;left:50%;top:8px;width:250px;height:64px;margin-left:-125px;overflow:hidden}
header .topMenu li{display:inline-block;}
header .topMenu li a{display:block;width:81px;padding:44px 0 8px;color:#fff;text-align:center}
header .topMenu li.m01 a{background:#0e0b30 url("../img/ico_10.png") no-repeat center 8px}
header .topMenu li.m02 a{background:#0e0b30 url("../img/ico_11.png") no-repeat center 8px}
header .topMenu li.m03 a{background:#0e0b30 url("../img/ico_12.png") no-repeat center 8px}
header .topMenu li:hover a{text-decoration:none;background-color:#253bc5}

header .utill{float:right;padding:16px 30px 18px;background:url(../img/bg_top_right.png) no-repeat right center}
header .utill ul li{float:left;width:49px;height:45px;line-height:45px;text-align:center;background-color:#141139}
header .utill ul li+li{border-left:1px solid #232044}
header .utill ul li:hover{background-color:#253bc5}
header .utill ul li:first-child,
header .utill ul li:first-child:hover{border-radius:5px 0 0 5px;}
header .utill ul li:last-child,
header .utill ul li:last-child:hover{border-radius:0 5px 5px 0;}

.container{position:relative;height: calc(100% - 81px);    /* margin-top:10px; */}
.map{width:100%;height:100%;}

.section{position:absolute;top:0;overflow:hidden}
.section .innerWrap{padding:3px 3px 3px;overflow:hidden;background:url(../img/bg.png)}
.section .btnSide{display:block;position:absolute;top:50%;right:0;width:26px;height:80px;margin-top:-48px;text-indent:-99999px;font-size:0;overflow:hidden;background:url(../img/btn_close_left.png) no-repeat; background-size:26px 80px;}
.section.open .btnSide{background:url(../img/btn_open_left.png) no-repeat;background-size:26px 80px;}

/*searchArea*/
.searchArea{left:0;width:375px;}
/*.searchArea{position:fixed; top:60px; left:0; bottom:0; right:0;width:393px; width:100%; height:100%; overflow-y: auto;}*/
.searchArea .innerWrap{width:343px;}
.open.searchArea{left:-357px;}

/*dataArea*/
.dataArea{right:0;width:665px;}
.dataArea .innerWrap{padding-right:0;margin-left:26px;}
.dataArea.open{right:-629px;}
.dataArea .btnSide{left:0;background:url(../img/btn_close_right.png) no-repeat;background-size:26px 80px;}
.dataArea.open .btnSide{background:url(../img/btn_open_right.png) no-repeat;background-size:26px 80px;}

/*controll*/
.controll{position:absolute;right:0px;bottom:100px;}

.section.graphGroup{width:450px;}
.section.graphGroup .contArea{padding:0px;text-align:center;background-color:#fff}/* overflow-x:scroll; */
.section.graphGroup.open{right:-414px;}
.section.graphGroup .contTopArea{position:relative}
.section.graphGroup .contTopArea .btnSrch{display: inline-block;position:absolute;right:0;top:0;
    width:20px;height:20px;text-align:center;background-color:#3a3b40}

.section.graphGroup .contTopArea2 .btnSrch{display: inline-block;position:absolute;right:0;top: 32px;
    width:35px;height:24px;text-align:center;background-color:#3a3b40}