/*created by Helen*/
*{ padding:0; margin:0;}
body {font-family:"微软雅黑", "黑体","宋体"; font-size:12px; color:#666; width:100%; margin:0 auto;}
input,select,button,textarea{border:none; outline:none; font-family:"微软雅黑", "黑体","宋体";}
ol,li{ list-style-type:none;}
img{ border:0;}
.more{ float:right;}
.red{ color:#e60012;}
a{text-decoration:none; color:#666; outline:none;}
a.ca{ color:#aaa;}
a { transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
a:hover{color:#333}

.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}

.clearfix { *zoom:1;/*IE/7/6*/}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}

.section{ width:100%;}
/*.n_section{ width:1020px; margin:0 auto;}*/
.n_section{ width:1020px; margin:0 auto;}/*update by lutao*/
.top{ height:60px; padding:8px 0;}
.logo{ float:left; width:280px;}
/*.menu{ line-height:60px; float:right; width:700px; font-size:14px;}*/
.menu{ line-height:60px; font-size:14px;}/*update by yw*/
.menu .nav,.menu .lang{ float:left;}
.menu li{ float:left; text-align:center;}
/*.menu .nav li{ width:45px;}*/
.menu .nav li.special{ width:125px;}/*add by haisheng*/

.menu .lang li{ width:35px; text-transform:uppercase;font-size:6px;}

.menu .lang li.en{ width:60px;}
.menu li a{ display:block; color:#959595;}
.menu .lang li a{ display:block; color:#090909;}
.menu li a:hover{ color:#e60012; font-weight:bold;}
.menu .lang  a:hover{ font-weight:normal;}

.banner{ position:relative; overflow:hidden;}
.banner .animation{ width:1920px; margin:0 -460px; overflow:hidden; position:relative; height:600px;}
.banner .animation li{ width:1920px; height:600px; position:absolute; left:0; top:0; display:none;}
.banner .animation li.on{ z-index:4;}
.banner .animation li img{ vertical-align:middle;}


.entry { width:365px; height:560px; background:#fff; border-radius:6px; position:absolute; right:460px; top:5%; overflow:hidden; z-index:5;}
.entry h3{ font-size:18px; text-align:center; padding:30px 0 20px 0; font-weight:normal; color:#333}
.entry form{ padding:10px 24px;}
.entry .list{border:1px solid #ddd; height:38px; border-radius:4px; margin-bottom:10px; overflow:hidden; position:relative;}
.entry .list label{ display:block; height:38px; line-height:40px; position:absolute; width:80%; left:0px; top:0px; z-index:0; padding-left:20%; font-size:14px; color:#999;}
.entry .user label{ background:url(images/icon_user.png) no-repeat 14px center;}

.entry .passw label{ background:url(images/icon_password.png) no-repeat 14px center;}
.entry .list input{ width:80%; padding-left:20%; height:38px; position:absolute; left:0px; top:0px; z-index:2; background:none; color:#666;line-height:38px;}
.form .button { height:40px; padding:10px 0;}
.form .button input{height:37px; width:150px; border-radius:4px; font-size:16px; cursor:pointer;}

.form .button input.submit {float:left; background:#e60012; color:#fff;}
.form .button input.but { float:right; background:#f9f9f9; border:1px solid #ddd; color:#666;}

/*.form .button input.but,.form .button input.submit{ float:right; background:#f9f9f9; border:1px solid #ddd; color:#666;}

#register .button input.but { float:right; background:#f9f9f9; border:1px solid #ddd; color:#666;}
#register .button input.submit { float:left; background:#e60012; color:#fff;}*/


.form .tips{ height:44px; line-height:44px;}
.form .tips .check{ width:131px; float:left;}
.form .tips .check input{ width:14px; height:14px; float:left; position:relative; top:15px; margin-right:5px;}

.entry .merit{ background:#f7f7f7; overflow:hidden; width:100%; line-height:20px; color:#333;}
.entry .merit li{ text-align:center; border-right:1px solid #e6e6e6; width:120px; padding:34px 0; float:left;}
.entry .merit li img{ display:block; height:50px;  margin:0 auto 16px auto;}

.entry .tabs{ padding:0px 23px;}
.entry .tab_name{ height:38px; border:1px solid #ffcace; border-radius:4px; overflow:hidden;}
.entry .tab_name ul{ width:100%; font-size:12px; line-height:38px; text-align:center; color:#333;}
.entry .tab_name li{ height:38px;  float:left; cursor:pointer; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;
}
.entry .tab_name li.on{ background:#e60012; color:#fff;}
.entry .tabs form{ padding:12px 0 0 0;}
.entry .tab_box{ display:none;}

#register h3{ padding:22px 0 14px 0;}
#register .button{ padding:0;}
#register .list label{ padding-left:5%; width:95%;}
#register .list input{ padding-left:5%; width:95%;}

.foot{ color:#959595; font-size:14px; padding:15px 0; line-height:30px;}
/*add by haisheng*/
.PowerStationSmallImage_01
{
      width: 48px;height: 36px;
}
.desc
{
    background-image: url('images/desc.jpg');
    background-repeat: no-repeat;
    background-position:right;
}
.asc
{
    background-image: url('images/asc.jpg');
    background-repeat: no-repeat;
    background-position:right;
}
/*add by haisheng 结束*/


#in_footer .n_section{ color:#959595; font-size:12px; padding:10px 0; line-height:20px;}
#in_footer img{ vertical-align:middle; margin-left:5px;}

/*智慧能源管理系统*/
.header{ height:90px; }
.header .logo{ width:250px; padding:20px 0;  margin-right:30px;}
.header .logo img{ vertical-align:middle;}
.header .in_menu{ float:right; width:600px; border-right:1px solid #ddd;}
.header .in_menu li{ float:left; text-align:center; border-left:1px solid #eee; height:90px; line-height:30px;width:100px;}
.header .in_menu li a{ display:block; height:70px; padding-top:20px; color:#333;}
.header .in_menu li a:hover,.header .in_menu li a.on{ color:#e60012;}

.header .in_menu li span{ display:block; width:30px; height:28px; margin:0 auto; overflow:hidden;}
.header .in_menu li span i img{ float:left;}
.header .in_menu li span i{ height:56px; display:block; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.header .in_menu li a:hover i,.header .in_menu li a.on i{ margin-top:-28px;}
.header .change{ width:197px; float:right;text-align:center;}
.header .change .lang{ color:#999;}
.header .change .lang a{ padding:0 4px; color:#999;}
.header .change .re_log{ padding:12px 0 0 10px;}
.header .change .re_log a{ width:74px; display:inline-block; height:26px; border:1px solid #666; text-align:center; line-height:26px; border-radius:2px;}
.header .change .re_log a.dl{ background:#ff9900; border:1px solid #f39302; color:#fff; float:left;}
.header .change .re_log a.zc{ background:#fff; border:1px solid #ddd; float:right;}
.header .change .re_log a.dl:hover{ background:#ffba00}
.header .change .re_log a.zc:hover{ background:#eee;}

.main{ background:#ededed; padding:20px 0;}

/*共享电站*/
#city_3{ float:left;}
.partake_bar{ background:#fff; padding:15px; color:#999; font-size:12px; height:auto !important; height:400px; min-height:400px;}
.partake_bar .choice{ margin-bottom:10px; color:#666;}
.partake_bar .choice input{border:1px solid #e1e1e1;  padding:7px 6px; color:#999; float:left;}
.partake_bar .choice .p_name{ width:150px; height:32px; float:left;  position:relative;}
.partake_bar .choice .p_name input{ font-size:12px; margin-right:8px; position:absolute; left:0; top:0; background:none; z-index:2;}
.partake_bar .choice .p_name span{ width:230px; padding-left:10px; height:32px; position:absolute; line-height:32px; z-index:1; color:#999;}
.partake_bar .choice .long{ width:443px;}
.partake_bar .choice .long input{ width:422px;}

.partake_bar .power_name{ width:128px; margin-right:7px;}
.partake_bar select{border:1px solid #e1e1e1; padding:6px; color:#999;  margin-right:7px; width:150px; font-size:12px;height:32px;}
/*.partake_bar select 去掉float:left; add by haisheng*/
.partake_bar label{ display:block; float:left; height:33px; line-height:33px; text-align:center; padding-right:10px;}
.partake_bar label.dash{ width:12px; font-size:32px; line-height:30px; padding-left:8px;}
.partake_bar .number{ width:110px;font-size:12px;}
.partake_bar .choice .submit{ float:right; border:1px solid #ccc; background:#eee; color:#444; font-size:14px; font-weight:bold; cursor:pointer; width:80px; _width:76px; padding:5px; margin:0; *padding:3px 0;}

/*共享电站表格*/
.partake table{ border:1px solid #eee; border-collapse:collapse;}
.partake table img{ vertical-align:middle;}
.partake table td,.partake table th{ border:1px solid #eee; text-align:center; line-height:24px; padding:5px 0;}
.partake table th{ color:#333; background-color:#f9f9f9; padding:10px 0;}
.partake table tr:nth-child(2n-1){ background:#f9f9f9}






/*翻页*/
.page { text-align:center; padding:10px 0; margin-top:10px; color:#333;}
.page a{ border:1px solid #eee; padding:6px 10px; color:#333;}
.page a.now,.page a:hover{ background:#e60012; color:#fff;}
.page a.ib{ margin:0 5px;}

/*实例电站*/
.instance .map{ width:610px; float:left;}
.instance .map_dress{ width:346px; float:right; overflow:hidden;}
.instance .map_dress .box{ width:99999999999px;}
.instance .map_dress .list_bar{  width:344px; float:left; margin-right:2px;}
.instance .map_dress .list{border:1px solid #e1e1e1; margin-bottom:18px;}
.instance .map_dress .list a{ overflow:hidden; display:block;}
.instance .map_dress .tit{ height:36px; line-height:36px; border-bottom:1px solid #e1e1e1; padding:0 10px; font-size:14px; font-weight:bold; color:#333; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.instance .map_dress .tit img{ vertical-align:middle; margin-right:5px;}
.instance .map_dress .content{background:#f9f9f9; overflow:hidden; padding:10px; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}

.instance .map_dress .content .img{ float:left; width:160px; overflow:hidden;}
.instance .map_dress .content .img img{ margin-bottom:5px;}
.instance .map_dress .content .img a{ display:inline-block; width:74px; border:1px solid #ddd; text-align:center; line-height:24px; float:left; background:#fff;}
.instance .map_dress .content .img a.del{ float:right; background:none;}
.instance .map_dress .content .img a:hover{ background:#eee; color:#333; font-weight:bold;}
.instance .map_dress .content .txt{ width:146px; float:right; line-height:22px; overflow:hidden;}
.instance .map_dress .content .txt p{ padding:0 0 2px 0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.instance .map_dress .content .txt strong{ color:#333;}

.instance .map_dress a:hover .tit{ color:#e60012; background:#f9f9f9;}
.instance .map_dress a:hover .content{ background:none;}

.instance .pag{ background:#f5f5f5; height:30px; text-align:right;}
.instance .pag a{ width:30px; height:30px; display:inline-block; background:#c2b5b2; cursor:pointer;}
.instance .pag a:hover,.instance .pag a.on{ background:#e60012;}

/*实例电详细站*/
.instance_m .tit{ line-height:22px; padding:14px; font-size:16px; color:#333; background:#fff; border-radius:2px; margin-bottom:15px;}
.instance_m .tit a{ font-weight:normal; color:#ff9900}
.instance_m .tit img{ vertical-align:middle; margin-right:6px; float:left;}
.instance_m .side_l{ width:180px; float:left;}
.instance_m .side_l ul.sub_nav{ background:#fff;}
.instance_m .side_l ul.sub_nav li{ line-height:40px; border-bottom:1px solid #ededed;}
.instance_m .side_l ul.sub_nav li a{ display:block; padding-left:20px; border-left:2px solid #fff;}
.instance_m .side_l ul.sub_nav li a:hover,.instance_m .side_l ul.sub_nav li a.on{ border-left:3px solid #e60012; background:#f6f6f6; color:#e60012;}
.instance_m .side_l .pic{ background:#fff; margin-top:15px; padding:10px 10px 86px 10px;}
.instance_m .side_l .pic .name{ color:#333; /*padding:5px 0 10px 0;*/ border-bottom:1px solid #ddd; margin-bottom:15px;}
.instance_m .side_l .pic .time{ background:#f5f5f5; text-align:center; padding:3px 0; margin-top:6px; height:40px;vertical-align:middle}

.instance_m .side_r{ width:825px; overflow:hidden; float:right;}
.instance_m .side_r .unit{ width:825px; background-color:#EBE5EC; overflow:hidden;}
.instance_m .side_r .unit li{ float:left; width:132px; height:72px; text-align:center; margin:8px 2px; position:relative; background:#fff; border-radius:4px; overflow:hidden;}
.instance_m .side_r .unit li:first-child {margin-left:6px;}
/*.instance_m .side_r .unit li .icon{ height:46px; padding:15px 0;}*/
.instance_m .side_r .unit li span.icon { position:absolute; display:block; height:32px; line-height:32px; font-size:14px;   top:6px; left:4px; }

.instance_m .side_r .unit li .name{color:#ccc;position:absolute;font-size:12px; left:30px; top:11px; }

.instance_m .side_r .unit li .num{ position:absolute; color:#333; font-size:18px; font-weight:bold; width:132px; line-height:24px;top:36px;text-align:center; display:block;}
.instance_m .side_r .unit li .num i{  font-style:normal;  text-transform:uppercase;}

/*.instance_m .side_r .unit li.gl .icon,
.instance_m .side_r .unit li.gl .name{ background:#017bcd; }

.instance_m .side_r .unit li.fd .icon,
.instance_m .side_r .unit li.fd .name{ background:#ffa93c;}

.instance_m .side_r .unit li.lj .icon,
.instance_m .side_r .unit li.lj .name{ background:#4cb159;}

.instance_m .side_r .unit li.sy .icon,
.instance_m .side_r .unit li.sy .name{ background:#eb494b;}

.instance_m .side_r .unit li.zs .icon,
.instance_m .side_r .unit li.zs .name{ background:#7f9054;}

.instance_m .side_r .unit li.jp .icon,
.instance_m .side_r .unit li.jp .name{ background:#14b7d4;}*/

.instance_m .side_r .weather{ background:#fff; margin:15px 0; padding:5px 0;}
.instance_m .side_r .weather li img{ vertical-align:middle; margin:5px; float:left;}
.instance_m .side_r .weather li{ float:left; width:142px; background:#f5f5f5; margin-left:16px; line-height:28px;}

.instance_m .chart{ background:#fff; padding:15px;}
.instance_m .chart .tab_ch_name{ border-bottom:1px solid #ddd;}
.instance_m .chart .tab_ch_name span.more{ padding-top:10px;}
.instance_m .chart .tab_ch_name span.more i{ display:inline-block; width:24px; height:20px; cursor:pointer;}
.instance_m .chart .tab_ch_name a{ float:right; display:inline-block; padding:4px 13px 4px 10px; border:1px solid #ddd; border-radius:2px; background:url(/Content/images/icon_msj.png) 95% center no-repeat;}
.instance_m .chart .tab_ch_name li{ float:left; line-height:40px; text-align:center; width:120px; color:#999; cursor:pointer; border:1px solid #fff; border-bottom:none; position:relative; bottom:-1px;}
.instance_m .chart .tab_ch_name li.on{ border:1px solid #ddd; border-bottom:none; border-radius:4px 4px 0 0; color:#333;  background:#fff;}

.instance_m .tab_box{ overflow:hidden; height:0;}
.instance_m .tab_box .svg{ margin:10px 0;}
.instance_m .tab_box .Wdate{ width:180px; height:28px; border:1px solid #ddd; float:left; padding:0 5px; margin-left:8px; color:#999;}
.instance_m .tab_box .time a{ width:80px; text-align:center; display:inline-block; border:1px solid #ddd; line-height:28px; height:28px; margin-left:10px; border-radius:4px; cursor:pointer;}
.instance_m .tab_box .time a:hover,.instance_m .tab_box .time a.on{ color:#e60012; border:1px solid #e60012;}

.instance_m .tab_box2{ overflow:hidden; height:0;}
.instance_m .tab_box2 .svg{ margin:10px 0;}
.instance_m .tab_box2 .Wdate{ width:180px; height:28px; border:1px solid #ddd; float:left; padding:0 5px; margin-left:8px; color:#999;}
.instance_m .tab_box2 .time a{ width:80px; text-align:center; display:inline-block; border:1px solid #ddd; line-height:28px; height:28px; margin-left:10px; border-radius:4px; cursor:pointer;}
.instance_m .tab_box2 .time a:hover,.instance_m .tab_box2 .time a.on{ color:#e60012; border:1px solid #e60012;}

.svg_bar{ height:380px; overflow:hidden;}
.svg_bar .svg{ height:360px;}


#bj_ins .padding{ padding:15px;}
#bj_ins .colum{ font-size:18px; color:#333;  padding:5px 0 15px 0; border-bottom:1px solid #ddd; margin-bottom:20px; line-height:26px;}
#bj_ins .colum span{ display:inline-block; float:left;}
#bj_ins .colum .lx{ width:180px; border:1px solid #ddd; float:right; height:28px;}
#bj_ins .colum .lx select{ width:100%; color:#999; float:right; height:28px;}
#bj_ins .colum .nbq{border:1px solid #ddd; width:250px; float:right; margin-right:15px; color:#999;}
#bj_ins .colum .nbq select{width:184px; color:#999; float:right; height:28px;}
#bj_ins .colum .nbq label{width:52px;float:left; border-right:1px solid #ddd; display:inline-block; float:left; font-size:14px; padding:0 5px; height:28px; line-height:28px;}

#bj_ins .colum .switch i{ display:inline-block; width:72px; height:26px; cursor:pointer;}
#bj_ins .colum .switch { width:72px; height:26px; float:right; overflow:hidden;}
#bj_ins .colum .switch i.switch_on{background:url(../images/switch_on.jpg) no-repeat center top;}
#bj_ins .colum .switch i.switch_off{background:url(../images/switch_off.jpg) no-repeat center top;}
#bj_ins .colum .switch i.switch_del{background:url(../images/switch_del.jpg) no-repeat center top;}

.warning_bar{ overflow:hidden; margin-bottom:15px}
.warning_bar select{ width:180px; height:30px; border:1px solid #ddd; float:left; color:#999;}
.warning_bar .search{ width:340px; float:left; border:1px solid #ddd; height:30px; margin-left:15px; }
.warning_bar .search .input{ width:280px; height:30px; float:left; padding:0 5px; color:#999;}
.warning_bar .search2 .searcha{ color:#666;width:80px; float:right;height:30px; line-height:30px;cursor:pointer; border:1px solid #ddd; text-align:center;}
.warning_bar .down{ width:190px; float:right;}
.warning_bar .down a{ background:url(/Content/images/icon_wdown.png) no-repeat 5% center; display:inline-block; float:left; width:50px; padding-left:30px; border:1px solid #ddd; height:30px; line-height:30px; margin-left:10px;}

.envir .tab_ch_name{ overflow:hidden; padding-bottom:15px; background:#ededed}
.envir .tab_ch_name ul{ width:840px;}
.envir .tab_ch_name li{ float:left; width:124px;height:128px; padding:14px 0; margin-right:16px; position:relative; color:#333; background:#fff; border-radius:4px; text-align:center; cursor:pointer; font-weight:bold; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.envir .tab_ch_name li span{ width:10px; height:6px; background:url(/Content/images/icon_sjs.png) no-repeat; display:block; position:absolute; left:50%; bottom:-5px; margin-left:-5px; display:none; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.envir .tab_ch_name li .icon{ height:60px; overflow:hidden; margin-bottom:6px;}
.envir .tab_ch_name li .icon i{ height:120px; display:block; margin:0 auto; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.envir .tab_ch_name li.on{ background:#e60012; color:#fff;}
.envir .tab_ch_name li.on .red{ color:#fff;}
.envir .tab_ch_name li.on span{ display:block;}
.envir .tab_ch_name li.on i{ margin-top:-60px;}
.envir_bj{ background:#fff; padding:15px;}

.chart .colour{ border:1px solid #ddd; padding:15px;}
.chart .colour li{ width:25%; float:left; line-height:30px; color:#999;}
#colour_cc li{ width:20%;}
.chart .colour li span{ display:inline-block; width:14px; height:14px; background:#bbb; float:left; margin:8px 5px 0 0;}
.chart .colour li.act{ color:#666;}
.chart .colour li span.red{ background:#c3433f}
.chart .colour li span.blue{background:#2676d4}
.chart .colour li span.green{background:#23bc5d}
.chart .colour li span.yellow{background:#d68d23}
.chart .colour li span.brown{background:#6976b8}

/*储能机*/
.infor_stored{ width:775px; height:444px; position:relative; margin:15px 0  0;}
.infor_stored .dw{ width:125px; height:74px; position:absolute;}
.infor_stored .dw .hide{ height:60px; padding-top:14px; background:url(/Content/images/pos_p.png) no-repeat center top; text-align:center; color:#fff; font-size:14px; line-height:22px; display:none;}
.infor_stored .dw span{ width:20px; height:20px; display:block; position:absolute; left:50%; bottom:-20px; margin-left:-10px; cursor:pointer;}
.infor_stored .pos1{ left:74px; top:200px;}
.infor_stored .pos2{ left:316px; top:176px;}
.infor_stored .pos3{ right:66px; top:130px;}
.infor_stored .pos4{ left:88px; top:296px;}
.infor_stored .pos5{ left:200px; top:254px;z-index: 9999;}

.infor_stored .posBP5{ left:193px; top:254px;z-index: 9999;}

.infor_stored .line{ position:absolute; left:0; top:0; width:100%; height:444px; z-index:2;}

.infor_stored .line1{ width:124px; height:60px; position:absolute; left:134px; top:266px;}
.infor_stored .line1 span{ height:60px; width:100%; display:block; background:url(/Content//images/infor_line1.png) no-repeat left top;}
.infor_stored .line1 span.on{height:60px; width:100%; display:block; background:url(/Content/images/infor_line1.png) no-repeat left -60px;}

.infor_stored .line2{ width:10px; height:68px; position:absolute; left:258px; top:269px;}
.infor_stored .line2 span{ height:68px; width:100%; display:block; background:url(/Content/images/infor_line2.png) no-repeat left top;}
.infor_stored .line2 span.on{height:68px; width:100%; display:block; background:url(/Content/images/infor_line2.png) no-repeat left -68px;}

.infor_stored .line3{ width:106px; height:28px; position:absolute; left:274px; top:269px;}
.infor_stored .line3 span{ height:28px; width:100%; display:block; background:url(/Content/images/infor_line3.png) no-repeat left top;}
.infor_stored .line3 span.on{height:28px; width:100%; display:block; background:url(/Content/images/infor_line3.png) no-repeat left -28px;}

.infor_stored .line4{ width:184px; height:69px; position:absolute; left:272px; top:269px;}
.infor_stored .line4 span{ height:69px; width:100%; display:block; background:url(/Content/images/infor_line4.png) no-repeat left top;}
.infor_stored .line4 span.on{height:69px; width:100%; display:block; background:url(/Content/images/infor_line4.png) no-repeat left -69px;}

.infor_stored .line5{ width:140px; height:28px; position:absolute; right:128px; top:299px;}
.infor_stored .line5 span{ height:28px; width:100%; display:block; background:url(/Content/images/infor_line5.png) no-repeat left top;}
.infor_stored .line5 span.on{height:28px; width:100%; display:block; background:url(/Content/images/infor_line5.png) no-repeat left -28px;}

.infor_stored .wifi{ width:126px; height:136px; position:absolute; left:116px; bottom:70px;}
.infor_stored .wifi span{ display:block; width:100%; height:136px;}
.infor_stored .wifi span i{ width:20px; height:20px; padding:2px; background:#5c5c5c; display:block; position:absolute; border-radius:50%;}
.infor_stored .wifi span i.t{ right:0; top:0;}
.infor_stored .wifi span i.b{ left:4px; bottom:4px;}

.infor_stored .wifi span.on i{ background:#298cbc}

/*服务中心*/
.service .ad{ border-bottom:3px solid #d4130a;}
.service .ad img{ vertical-align:middle;}
.service .content{ background:#fff; padding:80px 20px;}
.service .content .search{ width:580px; background:#f1f1f1; padding:5px; margin:20px auto; overflow:hidden;}
.service .content .search .input{ width:490px; padding:0 5px; height:30px; border:1px solid #ccc;  float:left;}
.service .content .search .submit{ background:#e60012; height:32px; width:78px; float:left; color:#fff; cursor:pointer; border-radius:2px;}
.service .content .state{ width:700px; margin:80px auto 30px auto;}
.service .content .state li{ float:left; width:25%; text-align:center;}
.service .content .state li .num{ height:4px; background:#cecece; position:relative; margin-bottom:26px;}
.service .content .state li .num em{ width:24px; height:24px; display:block; background:#cecece; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; font-style:normal; line-height:24px; border-radius:50%; color:#fff;}
.service .content .state li.on { color:#333;}
.service .content .state li.on .num,.service .content .state li.on .num em{ background:#da4737;}

/*客户端下载*/
.client { background:url(/Content/images/bj_client.jpg) no-repeat center top; padding:0;}
.client .n_section{ position:relative; height:476px;}
.client .style{ width:540px; height:124px; position:absolute; right:20px; bottom:150px;}
.client .style .move{ width:402px; float:left;}
.client .style .move li{ width:195px; float:left; height:57px; margin:0 6px 6px 0;}
.client .style .move li a{ display:block; height:57px; background:url(/Content/images/style_bj1.png) no-repeat center; line-height:57px; font-size:16px; font-weight:bold;}
.client .style .move li a span{ display:block; float:left; width:66px; height:57px; margin-right:12px; overflow:hidden;}
.client .style .move li a span i{ width:132px; display:block; overflow:hidden; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.client .style .move li a span i img{ float:left;}
.client .style .move li a:hover{ background:url(/Content/images/style_bj2.png) no-repeat center; color:#fff;}
.client .style .move li a:hover span i{ margin-left:-66px;}
.client .style .ewm{ width:120px; float:right;}

/*终端用户_title*/
.title_bar{ height:32px; background:#f9f9f9; padding:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:32px;}
.title_bar ul{ float:left; text-align:center;}
.title_bar ul li{ width:100px; float:left; margin-right:15px;}
.title_bar ul li a{ display:block; background:#fff; border:1px solid #ddd; border-radius:3px;}
.title_bar ul li a.on{ background:#333; color:#fff; border:1px solid #333;}
 .title_bar ul li a.hybridon
 {
     background: #eee;color:#444;font-weight: bold;
 }


.title_bar .operation{ float:right; width:100px; text-align:right;}
.title_bar .operation a{ width:50px; padding-left:26px; height:30px; margin-left:1px; border-radius:3px; cursor:pointer; font-size:14px; display:inline-block; text-align:left;}
.title_bar .operation .add{background:#e7141a url(/Content/images/icon_op_add.png) no-repeat 4px center; border:1px solid #a4000d; color:#fff;}


.self_page{  margin-top:10px; height:34px; line-height:30px;}
.self_page .page{ width:700px; float:right; text-align:right; padding:0; margin:0;}
.self_page .total{ float:left; color:#aaa;}

.self_page .total a{border: 1px solid #ddd; padding: 6px 15px; font-size:12px;}

/*用户登录后状态*/
.header .user{width: 130px; float:right; padding-top:24px; line-height:24px; color:#999;}
/*.header .user .pro_img{ width:44px; height:44px; border-radius:50%; overflow:hidden; float:left; margin-right:10px; border:1px solid #ddd;}*/
.header .user a.name{ color:#333;}
.header .user pro_img{ float:left; border-left:1px solid #ddd; height:90px; line-height:30px;overflow:hidden;width:44px;}
.header .user .pro_img span{display: block;width: 44px;height: 44px;margin: 0 auto;overflow: hidden;border-radius:50%;float:left;}
.header .user .pro_img span i img { float: left;}
.header .user .pro_img span i { height:88px; display:block; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.header .user .pro_img span a:hover i{ margin-top:-44px;}

/*.header .in_menu li span{ display:block; width:30px; height:28px; margin:0 auto; overflow:hidden;}
.header .in_menu li span i img{ float:left;}
.header .in_menu li span i{ height:56px; display:block; transition: all ease-in .3s; -webkit-transition: all ease-in .3s; -moz-transition: all ease-in .3s; -ms-transition: all ease-in .3s; -o-transition: all ease-in .3s;}
.header .in_menu li a:hover i,.header .in_menu li a.on i{ margin-top:-28px;}
*/





/*终端用户_表格*/
.partake input[type=checkbox]{ border:1px solid #ddd; width:14px; height:14px; margin:0 4px;}
.partake table a{ display:inline-block;  height:15px; padding:4px; border-radius:4px; margin:0 2px;}/*去掉width:15px; by haisheng*/
.partake table a img{ float:left;}
.partake table a.edit{ background:#3599ed;}
.partake table a.dele{ background:#e7141a;}
.partake table a.sh{ background:#f4b459;}

/*新增电站*/
.title_bar b{ font-size:14px; color:#333; border-left:4px solid #e7141a; padding-left:8px;}
.add_bar .add_nav li{ float:left; width:180px; float:left; line-height:34px; border:1px solid #ddd; border-bottom:none; text-align:center; margin-right:15px;}
.add_bar .add_nav li a{ display:block; height:34px; background:#efefef; color:#333;}
.add_bar .add_nav li a:hover,.add_bar .add_nav li.on a{ background:#fff;}
.add_bar .add_content{ border:1px solid #ddd; padding:15px;}


.add_content .basic{ border:1px solid #ddd; border-collapse:collapse;}
.add_content .basic td,.add_content .basic th{ border:1px solid #ddd; padding:6px 10px;}
.add_content .basic th{ font-weight:normal; text-align:right;  background:#f5f5f5; color:#666;}

.add_content .basic .input{ border:1px solid #e1e1e1; width:440px; height:28px; padding:0 5px; color:#999; font-size:14px; float:left;}
.add_content .basic .short{border:1px solid #e1e1e1; width:110px; height:28px; padding:0 5px; color:#999; font-size:14px; }
.add_content .basic .middle{border:1px solid #e1e1e1; width:180px; height:28px; padding:0 5px; color:#999; font-size:14px;  float:left;}

.add_content .basic .textarea{ width:480px; height:140px;}
.add_content .basic .yb{ width:100px; border:1px solid #ddd; float:left; margin-left:20px; text-align:center; height:28x; line-height:28px; background:#eee; color:#333; font-weight:bold;}
.add_content .basic .file1{ width:350px; border:1px solid #e1e1e1; height:22px; padding:3px 5px; margin-right:10px; float:left; *height:30px;}
.add_content .basic select{ width:220px; color:#999; font-size:14px; float:left; height:30px; padding:0 5px;}
.add_content .basic textarea{border:1px solid #e1e1e1; width:150px; height:28px; padding:0 5px; color:#999; font-size:14px; float:left;}
.add_content .basic label input{ float:left; position:relative; top:10px; margin-right:5px;}
.add_content .basic .upload{ width:120px; height:30px; border:1px solid #ddd; background:#f5f5f5; font-weight:bold; float:left; cursor:pointer;}
.add_bar .tab_box{ display:none;}
.add_content .btn{ padding:10px 0 0 0; text-align:right;}
.add_content  a.add_num{ display:inline-block; padding:0 20px; border:1px solid #5aa70f; line-height:28px; border-radius:2px; background:#79c62e; color:#fff; cursor:pointer;}

/*新增设备*/
.device li{ overflow:hidden; padding:10px 0;}
.device li select{ width:350px; float:left; border-radius:2px; border:1px solid #ddd; height:32px;}
.device li input{ width:480px; border:1px solid #ddd; height:30px; float:left; border-radius:2px; padding:0 10px;}

.device li span{width:36px; display:block; float:left;  margin-right:10px; height:28px;}
.device li a{ display:block; text-align:center;  border:1px solid #ddd; border-radius:2px; line-height:28px; }
.device li a img{ vertical-align:middle;}
.device li a:hover{ background:#f5f5f5;}
.device .btn{ text-align:center;}
.device .btn .sumit{ width:120px; height:32px; background:#e60012; color:#fff; margin:0 5px; border-radius:4px; font-weight:bold; cursor:pointer;}
.device .btn .onto{ width:120px; height:32px; background:#f5f5f5; color:#333; margin:0 5px; border-radius:4px; font-weight:bold; cursor:pointer; border:1px solid #ddd;}

 /*新增经销商*/
 .given{ border:1px solid #ddd; overflow:hidden; padding:10px;}
 .given li{ float:left; width:25%;}
 .given li label{ cursor:pointer;}
 .given li input{ width:14px; height:14px; margin-right:6px;}
 /*烧录-逆变器*/
.nbq_search {float: right;border: 1px solid #ddd;background: #fff;padding: 0 5px;width: 260px;}
.pv-lable{border: 1px solid #e1e1e1;height: 28px;}
.pv-lable-short{border: 1px solid #e1e1e1;height: 28px;width:80px;}
.nbq-submit{  border: 1px solid #ccc;background: #eee;color: #444;font-size: 14px;font-weight: bold; cursor: pointer;width: 80px;padding:5px;margin: 0;}
.nbq-left1 {float: left;text-align: left;  line-height: 10px;margin-left: 10px;}
.nbq-left1 lable{ margin:0 5px 0 5px;}

.sl-jz{ margin:0 auto;}


#cnj
{ width:100%;
overflow-y:auto; max-height:330px;}
  /*服务中心*/
 .serv_search{ float:right; border:1px solid #ddd; background:#fff; padding:0 5px; width:260px;}
 .serv_search .input{ width:220px; float:left; height:28px; color:#999;}
 .serv_search .submit{ width:38px; float:right; height:28px; background:url(/Content/images/icon_fdj.png) no-repeat center; cursor:pointer;}
 .partake table a.gon{ display:inline-block; padding:2px 10px; border:1px solid #ddd; width:60px; height:24px;}
 .partake table a.gon:hover{ background:#eee;}
 
 .btn_all{ padding:10px 0 0 0; text-align:center;}
 .btn_all input{ width:120px; height:34px; margin-right:10px; font-weight:bold; border-radius:2px; cursor:pointer; background:#f5f5f5; border:1px solid #ddd;}
 .btn_all input.submit{ background:#e60012; float:none; border:none; color:#fff; margin-right:15px;}
 
 .add_content #basic th, .add_content #basic td{ text-align:center;}
 .add_content #basic .sn{ width:190px; border:1px solid #ddd;}
 .add_content #basic a.dele{ width:15px; height:15px; padding:4px; background:#e7141a; border-radius:4px; display:inline-block;}

 
 .btn_r { text-align:right; padding:10px 0 0 0;}
 .btn_r a{ display:inline-block;  padding: 5px 9px; font-weight:bold}
 .btn_r .clear{cursor:pointer; background:#f5f5f5; border:1px solid #ddd;}
 .btn_r .add_eq{ background:#e60012; color:#fff; border:1px solid #ab0005;}
 
 .partake_bar .Wdate{ width:200px; height:16px;}
 .partake_bar .serch_iput{ width:389px; margin-left:15px;}
 
 .add_content .basic .radio{ width:15px; height:15px; cursor:pointer;}
 
  .time_key{ padding:10px 0;}
 .instance_m .tab_box .time_key .Wdate{ margin-left:0;}
  .instance_m .tab_box2 .time_key .Wdate{ margin-left:10;}
  
  
  
 /*电站详细地址_2016_3_24*/
 .substation{ height:434px; overflow:auto;}
 .substation .subs_list{ border:1px solid #ddd; margin-bottom:10px;}
 .substation .subs_list .name{ height:38px; background:#fff;  color:#333; line-height:38px; font-size:14px; padding:0 5px 0 15px; cursor:pointer;}
 .substation .subs_list .name span{ display:inline-block; height:38px; width:38px; background:url(/Content/images/icon_jia.jpg) no-repeat center; float:right;}
 .substation .subs_list .name span.on{ background:url(/Content/images/icon_jian.jpg) no-repeat center;}
 .substation .subs_list .dress{ background:#f5f5f5; padding:12px; display:none; border-top:1px solid #ddd;}
 .substation .subs_list .dress p{ padding:4px 0; overflow:hidden; color:#666; font-family:Arial, sans-serif;}
  .substation .subs_list .dress p span{ float:left; display:inline-block; padding-right:5px;}
  
  /*2016-3-29*/
  #result .content{ padding:10px;}
  #result .search_bar{ background:#f9f9f9; padding:10px; border:1px solid #eee; margin-bottom:20px;}
  #result .search{ background:#f9f9f9}
  #result .biao table{ border-collapse:collapse; border:1px solid #e1e1e1;}
  #result .biao table th{ background:#f9f9f9; line-height:20px; padding:8px; font-size:16px;}
  #result .biao table td{ border:1px solid #ddd; padding:8px;color:#666;}
  #result .tips{ line-height:20px; background:#f9f9f9; padding:10px;}
  #result .search .span_name{ width:500px; height:32px; float:left;  position:relative;background:#fff;}
  #result .search .span_name input{ position:absolute; left:0; top:0; background:none; z-index:2;}
  #result .search .span_name span{ padding-left:5px; height:30px; position:absolute; line-height:30px; z-index:1; color:#999;}
  /*警告信息 add by haisheng*/
.side_r .warning_bar .nbq{border:1px solid #ddd; width:233px; float:left; margin-right:15px; color:#999;}
.side_r .warning_bar label{ float:left; border-right:1px solid #ddd; display:inline-block; width:42px; font-size:14px; padding:0 5px; height:30px; line-height:30px;text-align:center;}

.instance_m .chart .tab_ch_name2{border-bottom: 1px solid #ddd;padding-bottom:8px;}
.instance_m .chart .tab_ch_name2 a{ display:inline-block; padding:4px 13px 4px 10px; border:1px solid #ddd; border-radius:2px;}
.instance_m .chart .tab_ch_name2 .powercompare{ float:right;background:url(/Content/images/icon_msj.png) 95% center no-repeat;}
.instance_m .chart .tab_ch_name2 .tabon a:hover, .instance_m .chart .tab_ch_name2 .tabon a.on {color: #e60012;border: 1px solid #e60012;}



/*2016.7.22_add*/
.infor_stored.es{background:url(/Content/images/bg_es.jpg) no-repeat center;background:url(/Content/images/bg_es2.jpg) no-repeat center\0;*background:url(/Content/images/bg_es2.jpg) no-repeat center;}
.infor_stored.em{background:url(/Content/images/bg_em.jpg) no-repeat center;background:url(/Content/images/bg_esm.jpg) no-repeat center\0;*background:url(/Content/images/bg_em2.jpg) no-repeat center;}
.infor_stored.bp{background:url(/Content/images/bg_bp.jpg) no-repeat center;background:url(/Content/images/bg_bp2.jpg) no-repeat center\0;*background:url(/Content/images/bg_bp2.jpg) no-repeat center;}
 .begin,svg.es_begin{display:none\0;}
.infor_stored .dw span{z-index: 1;}
.pos3.dw span{margin-left: 40px;}
.pos6.dw{position: absolute;right: 21%;bottom: 19%;}
.pos6.dw span{left: 28%; bottom: -7%; width: 45px; height: 36px;}
.pos6.dw .hide{margin-left: -29%;margin-top: -24%;}
.pos6.dw.bp6 span{left: 41%;}
.pos7.dw{position: absolute;right: 58%; bottom: 36%;}
.pos7.dw span{left: 21%; bottom: 22%; width: 80px; height: 60px;}
.pos6.bp span{left: 40%; bottom: 27%;}
.pos4.dw.bp4 {left: 63%;top: 57%;}
.dw.bp4 span{    left: 52%; bottom: -47%;}
.pos7.dw.bp7 { bottom: 36%; left: 26%;}
.pos7.dw.bp7 span{width: 78px; height: 54px;}
.pos2.dw.bp2{left: 35%; top: 42%;}
.pos2.dw.bp2 span{width: 78px; height: 54px;left: 29%; bottom: -26%;}
.infor_stored .pos3.dw.bp3{right: 21px;}
.pos3.dw.bp3 span{margin-left: -3px;}
.infor_stored .pos3.dw.es3{right: 11px;}
.infor_stored .pos3.dw.es3 span{    margin-left: -7px;}
.pos6.dw.bp6  .hide{margin-left: 6%; margin-top: -34%;}

.bp11,.bp22,.bp22_top,.bp444,.bp444_top,.bp77,.bp777,.bp777_top,.es11,.es66,.es666,.es666_top,.es33,.es33_top,.es444,.es444_top,.es2,.es33_top2,.bp33{display: none;}

svg{position: absolute;}
.es11,.es44,.es55,.es33,.bp11,.bp55,.es33,.bp44,.bp77,.bp777,.bp777_top,.bp22,.bp22_top,.es333,.es444,.es444_top,.es33_top,.bp444,.bp444_top,.bp222,.es666,.es66,.es666_top,.es33_top2,.bp33{stroke-dasharray: 1000; stroke-dashoffset: 1000; -webkit-animation: dash 10s linear infinite; animation: dash 10s linear infinite;}

.bp5,.es5{stroke-dasharray: 10; stroke-dashoffset: 10;}

/*tigo样式修改*/
  .tigotitleBar { width: 1072px;}

  .tigotitleBar ul li { margin-right: 8px;}

.partake_bar .btnOperation{width:100%;}
.partake_bar .btnOperation .add {
        background: #e7141a url(/Content/images/icon_op_add.png) no-repeat 4px center;
        border: 1px solid #a4000d;
        color: #fff;
    }
.partake_bar .btnOperation a{ width:50px; padding-left:26px; height:30px; margin-left:1px; border-radius:3px; cursor:pointer; font-size:14px; display:inline-block; text-align:left;margin-right:10px;line-height: 30px;}

/*tab标签样式*/
  .tabbox {
        width: 100%;
        border: 0px solid #999;
        font: 14px "微软雅黑";
        overflow: hidden;
        margin-top: 5px;
    }

        .tabbox ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .tabbox a {
            text-decoration: none;
        }

        .tabbox .nav-tit {
            margin-left: -1px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background-color: #f1f1f1;
            overflow: hidden;
        }

            .tabbox .nav-tit .on {
                background: #333;
                color: #fff;
                border: 1px solid #333;
            }

        .tabbox .nav-item {
            box-sizing: border-box;
            float: left;
            width: 100px;
            border: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            cursor: pointer;
            background: #fff;
            border-radius: 3px;
        }

@keyframes dash {
 to {
  stroke-dashoffset: 200;
 }
}


#autoget {
    float: none;
    border: none;
    color: #fff;
    width: 110px;
    height: 30px;
    margin-right: 10px;
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer;
    background-color:#00a3a1;
}