@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,textarea,h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, form, table, tbody, tr, th, td {margin:0;padding:0;outline:0;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{font-family:"Hiragino Sans GB","Microsoft Yahei",sans-serif;font-size:12px;color:#333333;}
/*-------------------------------公共-------------------------------*/
#from_bg{background:url(../images/body_bg.jpg)no-repeat center top;background-size:100%;}
#login_bg{background:url(../images/login_bg.jpg)no-repeat top center;}
li{list-style:none;}
img{border:0}
a{outline:none;cursor:pointer;color:#333333;}
a:link{outline:none;text-decoration:none;}
a, a:link,a:visited{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());}
.clear{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
.pad_l20{padding-left:20px;}
.pad_r20{padding-right:20px;}
.pad_t20{padding-top:20px;}
.pad_b20{padding-bottom:20px;}
/*-------------------------------颜色组-------------------------------*/
.sky_blue{background-color:#67c2ef;}/*-----天蓝----*/
.purple{background-color:#7d55cb;}/*-----紫色----*/
.tangerine{background-color:#fa893d;}/*-----橘红----*/
.orange{background-color:#ffae00;}/*-----橙黄----*/
.grass_green{background-color:#78cd51;}/*-----草绿----*/
.dark_green{background-color:#67c2ef;}/*-----青色----*/
.fresh_red{background-color:#fa533d;}/*-----鲜红----*/
.gray{background-color:gray;}/*-----鲜红----*/
/*-------------------------------LOGIN-------------------------------*/
#login{width:480px;margin:0 auto;position:absolute;top:45%;left:50%;margin:-240px 0 0 -240px;}
/*-------------------------------LOGIN装饰-------------------------------*/
.login_decoration{width:480px;margin:0 auto;text-align:center;position:absolute;top:-380px;z-index:100;}
/*----------------版头------------*/
#login .header{height:110px;background-color:#186184;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;}
#login .header .logo{text-align:center;padding-top:40px;}
/*----------------内容------------*/
#login .con{padding:48px;padding-bottom:35px;background-color:#f1f2f4;border-bottom:2px solid #c5c5c8;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-bottom-left-radius: 5px 5px;border-bottom-right-radius: 5px 5px;}
#login .con .input_box{width:385px;height:171px;background:url(../images/input_box_bg.gif) no-repeat;}
#login .con .input_box input{width:280px;border:0;padding-left:10px;height:60px;margin-top:15px;margin-bottom:5px;margin-left:90px;background:0;font-size:30px;color:#afb2b9;}
#login .con .input_button{margin-top:20px;}
#login .con .input_button .input_x{width:182px;height:80px;border:0;font-size:32px;color:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#login .con .input_button .submt{background-color:#437f9b;border-bottom:3px solid #145473;margin-right:15px;}
#login .con .input_button .button_m{background-color:#a4acb5;border-bottom:3px solid #666666;}
#login .con .forgot_password{margin-top:20px;}
#login .con .forgot_password .button_a{text-align:right;}
#login .con .forgot_password a{font-size:20px;color:#186184;}
/*-------------------------------版权-------------------------------*/
#copyright{position:absolute;bottom:-100px;margin-top:20px;text-align:center;}
#copyright p{line-height:30px;color:white;}
/*-------------------------------框架-------------------------------*/
#formbg{width:1300px;margin:0 auto;margin-top:50px;background-color:#354052;}
/*-------------------------------侧栏-------------------------------*/
#sidebar{float:left;width:225px;}
/*-------------------------------LOGO-------------------------------*/
#logo{height:80px;background-color:#186184;text-align:center;}
#logo img{width:150px;height:50px;margin-top:15px;}
/*-------------------------------侧栏导航-------------------------------*/
#sidebar_nav{padding-left:12px;margin-top:15px;}
#sidebar_nav li{float:left;margin-left:20px;margin-top:15px;width:75px;}
#sidebar_nav li a{display:block;text-decoration:none;font-size:14px;}
#sidebar_nav li a:hover span{background-color:#4d8fc4;}
#sidebar_nav li span{display:block;width:70px;height:70px;background-color:#4687bb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#sidebar_nav li span i{display:block;position:relative;background:url(../images/icon.png) no-repeat;}
#sidebar_nav li span i.icon1{width:38px;height:34px;top:17px;left:15px;background-position:-77px -9px;}
#sidebar_nav li span i.icon2{width:42px;height:42px;top:13px;left:14px;background-position:-74px -58px;}
#sidebar_nav li span i.icon3{width:36px;height:36px;top:17px;left:17px;background-position:-77px -120px;}
#sidebar_nav li span i.icon4{width:30px;height:36px;top:15px;left:21px;background-position:-80px -177px;}
#sidebar_nav li label{display:block;height:16px;color:white;text-align:center;color:#a0acbf;font-weight:100;margin-top:5px;}
/*-------------------------------我的电站-------------------------------*/
#my_sites{margin-top:20px;border-top:1px solid #30394a;}
#my_sites .title{position:relative;padding-left:30px;padding-top:20px;margin-bottom:15px;border-top:1px solid #3f4a5b;}
#my_sites .title h2{font-size:16px;color:#627189;}
#my_sites .title .add{position:absolute;right:30px;top:21px;display:block;width:15px;height:15px;background:url(../images/icon.png) no-repeat -87px -281px;}
#my_sites .title .add:hover{opacity:0.7;}
#my_sites .con li a{width:231px;padding-left:30px;display:block;line-height:50px;color:white;font-size:14px;}
#my_sites .con li a:hover,#my_sites .con li a.cur{position:relative;left:-6px;background-color:#2f3949;border-left:6px solid #00aa8a;}
#my_sites .con li span{display:inline-block;position:relative;top:1px;margin-right:10px;width:16px;height:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#my_sites .con li i{display:block;position:absolute;top:5px;left:3px;width:10px;height:7px;background:url(../images/icon.png) no-repeat -88px -266px;}
/*-------------------------------内容-------------------------------*/
#content{float:left;position:relative;}
/*-------------------------------电站导航-------------------------------*/
#site_nav{float:left;width:1091px;background-color:#2e7090;height:65px;position:absolute;top:-10px;left:-16px;}
#site_nav .site_nav_bg{position:absolute;bottom:-16px;left:0;width:16px;height:16px;background:url(../images/site_nav_bg.gif) no-repeat;}
/*-------导航列表-----*/
#site_nav .nav_list{float:left;width:865px;}
#site_nav .nav_list li{float:left;}
#site_nav .nav_list li a{display:block;height:65px;padding:12px 20px 0 20px;color:white;}
#site_nav .nav_list li a:hover,#site_nav .nav_list li a.cur{background-color:#437f9b;}
#site_nav .nav_list li i{display:block;position:relative;margin:0 auto;background:url(../images/icon.png) no-repeat;}
#site_nav .nav_list li i.icon1{width:21px;height:28px;background-position:-18px -10px;}
#site_nav .nav_list li i.icon2{width:25px;height:28px;background-position:-16px -44px;}
#site_nav .nav_list li i.icon3{width:31px;height:28px;background-position:-13px -75px;}
#site_nav .nav_list li i.icon4{width:24px;height:28px;background-position:-16px -109px;}
#site_nav .nav_list li i.icon5{width:26px;height:28px;background-position:-15px -145px;}
#site_nav .nav_list li i.icon6{width:23px;height:28px;background-position:-17px -185px;}
#site_nav .nav_list li i.icon7{width:26px;height:28px;background-position:-15px -224px;}
#site_nav .nav_list li i.icon8{width:20px;height:28px;background-position:-18px -260px;}
#site_nav .nav_list li i.icon9{width:24px;height:28px;background-position:-16px -295px;}
#site_nav .nav_list li i.icon10{width:25px;height:28px;background-position:-16px -334px;}
#site_nav .nav_list li i.icon11{width:24px;height:28px;background-position:-15px -406px;}
#site_nav .nav_list li i.icon12{width:24px;height:28px;background-position:-16px -440px;}
#site_nav .nav_list li span{display:block;height:16px;}
/*-------用户-----*/
#site_nav .user{float:right;width:156px;margin-top:11px;}
#site_nav .user .user_head{float:left;}
#site_nav .user .user_head img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#site_nav .user .user_name{float:left;position:relative;width:100px;margin-left:10px;line-height:44px;}
#site_nav .user .user_name span{display:inline-block;color:white;font-size:14px;width:80px;overflow:hidden;}
#site_nav .user .user_name a{color:white;position:absolute;right:0;top:16px;font-size:16px;}
/*-------语言-----*/
#site_nav .language{float:right;margin-top:16px;margin-right:20px;margin-left:10px;}
#login .language{position:absolute;top:60px;right:20px;}
.language a.button_s{display:block;width:40px;height:32px;background:url(../images/icon.png) no-repeat -8px -368px #4687bb;border-bottom:1px solid #154874;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.language ul{top:43px;right:0px;padding:3px 0;background-color:#354052;}
.language ul li{padding:0 3px;}
.language ul a{color:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.language ul a:hover{background-color:#4687bb;color:white;}
.language .triangle{position:absolute;top:-20px;right:10px;width:0;height:0;line-height:0;font-size:0;border-width:10px;border-style:solid;border-color:transparent transparent #354052 transparent;}
/*-------------------------------主要内容-------------------------------*/
#main_con{width:1075px;padding-top:80px;padding-top:60px;background-color:#ecf2f6;min-height:700px;}
/*-------电站图片-----*/
#main_con .site_image{float:left;width:280px;height:190px;text-align:center;border:1px solid #dddee4;background-color:white;}
/*-------电站数据-----*/
#main_con .site_date{float:right;width:755px;}
#main_con .site_date li{float:left;width:131px;height:85px;margin-left:20px;margin-bottom:20px;text-align:center;border:1px solid #dddee4;background-color:white;}
#main_con .site_date li p{color:#4e515e;line-height:30px;margin-top:5px;font-size:13px;}
#main_con .site_date li span{display:inline-block;padding:0 10px;line-height:26px;background-color:#4687bb;color:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/*-------数据模块-----*/
#main_con .data_box{background-color:white;border:1px solid #dddee4;}
#main_con .data_title{height:51px;position:relative;background-color:#f2f3f6;margin-top:1px;}
#main_con .data_title a{line-height:41px;float:left;padding:0;border:0;border-radius:0;padding:0 15px;color:#8a95a5;font-size:14px;font-weight:bold;}
#main_con .data_title a:hover{background:0;}
#main_con .data_title i{float:left;position:relative;bottom:0;left:-2px;width:17px;height:42px;}
#main_con .data_title ul{position:absolute;bottom:0;padding-left:20px;width:100%;}
#main_con .data_title .active i{background:url(../images/tag_bg.gif) no-repeat;}
#main_con .data_title .active a{border-left:1px solid #dddee4;border-top:1px solid #dddee4;background-color:white;color:#4e515e;}
#main_con .data_title .active a:hover{background-color:white;}
#main_con .data_con{padding:28px;}
/*-------动流图-----*/
#main_con .current_status .chart{float:left;}
#main_con .current_status .data{float:right;width:300px;padding:20px;border:2px dotted #d4d4d4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#main_con .current_status .data li{position:relative;line-height:50px;border-bottom:1px solid #eee;font-size:14px;}
#main_con .current_status .data li:hover{background-color:#f9f9f9;}
#main_con .current_status .data li span{position:absolute;top:11px;right:0;display:inline-block;padding:0 10px;font-size:12px;line-height:26px;color:white;background:#4687bb;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/*-------柱状图-----*/
#main_con .graph .chart{float:left;}
#main_con .graph .section{margin-bottom:20px;}
#main_con .graph .section ul{float:left;}
#main_con .graph .section li{float:left;}
#main_con .graph .section li a{display:block;padding:0 20px;line-height:28px;color:#596679;font-size:14px;}
#main_con .graph .section li a:hover{color:#000;}
#main_con .graph .section li a.cur{border:2px solid #d2dae2;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;}
#main_con .graph .section .time_query{float:right;margin-right:20px;}
#main_con .graph .section .time_query a{float:left;margin-top:10px;margin-right:5px;color:#186184;}
#main_con .graph .section .time_query a:hover{color:#29759a;}
#main_con .graph .section .time_query .text{float:left;width:110px;height:35px;font-size:14px;text-align:center;border:2px solid #d2dae2;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#main_con .graph .data{float:right;width:280px;padding:20px;border:2px dotted #d4d4d4;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#main_con .graph .data li{line-height:35px;position:relative;}
#main_con .graph .data li a{display:block;font-size:14px;}
#main_con .graph .data li a:hover{background-color:#f9f9f9;}

#main_con .graph .data li span{display:inline-block;vertical-align:top;width:25px;height:25px;margin-top:5px;margin-right:10px;background-color:white;border:2px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#main_con .graph .data li a.cur span{background:url(../images/icon.png) no-repeat #186184 -82px -241px;border:0;}
#main_con .graph .data li b{position:absolute;right:0;top:7px;display:inline-block;width:20px;height:20px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#main_con .graph .data p{color:#666;font-size:16px;position:relative;line-height:28px;margin-top:10px;padding-bottom:15px;}
#main_con .graph .data p span a{color:#1fbba6;}
/*-------功率数据-----*/
#main_con .power_data .box{float:left;width:243px;height:360px;margin-right:20px;text-align:center;padding:15px;background-color:white;border:1px solid #dddee4;}
#main_con .power_data .box dt{margin-top:20px;margin-bottom:20px;font-size:20px;font-weight:100;color:#333;}
#main_con .power_data .box dd{margin-bottom:10px;}
#main_con .power_data .box dd span{float:left;width:110px;text-align:right;line-height:30px;color:#aaaaaa;}
#main_con .power_data .box dd input{float:left;margin-left:5px;width:80px;text-align:center;height:30px;background-color:#f0f0f0;border:1px solid #ddd;}
/*-------运行状态-----*/
#main_con .running_status{float:left;width:506px;margin-top:20px;}
#main_con .running_status .data_con{padding:20px 80px;}
#main_con .running_status p{margin-bottom:20px;}
#main_con .running_status label{display:block;text-align:center;margin-top:10px;}
#main_con .running_status a.running_status1{float:left;display:block;width:75px;}
#main_con .running_status a.running_status2{float:right;display:block;margin-top:5px;width:46px;}
#main_con .running_status .power_progress{display:block;width:46px;height:79px;padding:9px 0 0 5px;background:url(../images/running_status2.gif) no-repeat;}
#main_con .running_status .power_progress .capacity{position:absolute;width:36px;height:65px;overflow:hidden;}
#main_con .running_status .power_progress .capacity-bar{position:absolute;border-radius:2px;bottom:0;width:100%;height:76%;background-color:#2e7090;}

#main_con .running_status .running_status_date li{padding-left:10px;position:relative;line-height:40px;font-size:14px;border-bottom:1px solid #dddee4;}
#main_con .running_status .running_status_date li:hover{background-color:#f9f9f9;}
#main_con .running_status .running_status_date li span{position:absolute;top:7px;right:10px;font-size:12px;line-height:26px;padding:0 10px;background-color:#4687bb;color:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/*-------综合数据-----*/
#main_con .comprehensive_data{float:left;width:506px;margin-left:20px;margin-top:20px;border:1px solid #dddee4;border-bottom:0;background-color:white;}
#main_con .comprehensive_data li{position:relative;padding-left:20px;line-height:50px;border-bottom:1px solid #dddee4;font-size:14px;}
#main_con .comprehensive_data li:hover{background-color:#f9f9f9;}
#main_con .comprehensive_data li span{position:absolute;right:0;line-height:26px;padding:0 10px;margin-top:12px;font-size:12px;margin-right:20px;background-color:#4687bb;color:white;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

/*-------------------------------公共模块-------------------------------*/
.public_box{background-color:white;margin-bottom:20px;border:1px solid #e4e6eb;border-top:0;border-bottom:2px solid #e4e6eb;}
.public_title{background-color:#36a9e1;height:35px;}
 .overview i{background:url(../images/overview_icon.png) no-repeat;}
.public_title i{width:35px;height:35px;line-height:35px;float:left;background-color:#1e8fc6;font-size:15px;color:white;text-align:center;}
.public_title h2{float:left;color:white;line-height:35px;font-size:16px;margin-left:15px;}
.public_title i.power_icon{background-position:9px -34px;}
.public_title i.energy_icon{background-position:9px 10px;}
.public_title i.map_icon{background-position:9px -78px;}
.public_title i.info_icon{background-position:8px -125px;}

/*-------------------------------选项卡-------------------------------*/
.tabs{padding:15px 0 0 15px;}
.tabs a{font-weight:bold;font-size:12px;margin-right:10px;font-family:微软雅黑;}
.tabs i{font-size:14px;}
.tabs a:hover{color:white;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
    vertical-align:middle;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
    text-align:center;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
    line-height:none;
}

 .battery2{width:100%;;left:0;text-align:center;padding-top:25px;}
 .battery2 .title_name{display:inline-block;line-height: 20px;padding: 0 5px;color:white;font-weight:bold;background-color:#EF9867;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 .battery2 .color_icon{position:relative;width:58px;height:81px;margin:0 auto;margin-top:10px;margin-bottom:10px;}
 .battery2 .battery_color{position:relative;top:20px;bottom:0px;height:57px;}
 .battery2 .battery_color span{position:absolute;bottom:0px;display:block;width:39px;margin-left:11px;}
 .battery2 .battery_color span.red{display:block;background:url(../images/color_red.gif) repeat-y;}
 .battery2 .battery_color span.green{display:block;background:url(../images/color_green.gif) repeat-y;}
 .battery2 .battery_color span.orange{display:block;background:url(../images/color_orange.gif) repeat-y;}
 .battery2 .battery_box{position:absolute;top:0;left:0;width:58px;height:81px;background:url(../images/battery_icon.png) no-repeat;}
 .battery2 .charging{position:absolute;top:32px;left:21px;width:18px;height:28px;background:url(../images/charging.png) no-repeat;}
 .battery2 .writing_color .red{color:#b92229;}
 .battery2 .writing_color .green{color:#4f9d00;}
 .battery2 .writing_color .orange{color:#f60;}