*{ margin:0; padding:0;}
body{ background:#3f414d; color:#fff; font-size:20px; font-family:'Microsoft Yahei','Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif;}
li{ list-style:none;}
a{ text-decoration:none; font-size:20px;}
a img{ border:0;}
.hid{ overflow:hidden;}
.w10{ width:10%;}
.w20{ width:20%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w80{ width:80%;}
.w100{ width:100%;}
.flt{ float:left; overflow:hidden;}
.frt{ float:right; overflow:hidden;}
.tlt{ text-align:left;}
.trt{ text-align:right;}
.texcen{ text-align:center;}
.fa-circle-o{ color:#d98b09; font-size:12px; padding-right:4px;}
.size18{ font-size:18px;}
.size28{ font-size:28px;}
.size36{ font-size:36px;}
.size80{ font-size:80px;}
.orange{ color:#f39500;}
.clear{ width:100%; height:0; clear:both;}
#div_wap{ width:640px; margin:0 auto 70px;}
#wap_main{ width:630px; overflow:hidden; border-left:solid 5px #292c33; border-right:solid 5px #292c33; border-top:solid 2px #292c33; border-bottom:solid 2px #292c33;}
.wap_tt{ width:100%; height:66px; line-height:66px; border-bottom:solid 2px #2a2c32; text-align:center; font-size:25px;}
.bg_2b2c31{ background:#2b2c31;}/* -- 灰色 -- */
.bg_d82b08{ background:#d82b08;}/* -- 红色 -- */
.bg_8ec348{ background:#8ec348;}/* -- 绿色 -- */
.bg_f39500{ background:#f39500;}/* -- 黄色 -- */
.bg_0977f6{ background:#0977f6;}/* -- 蓝色 -- */
.col_d82b08{ color:#d82b08;}/* -- 红色 -- */
.col_8ec348{ color:#8ec348;}/* -- 绿色 -- */
.col_f39500{ color:#f39500;}/* -- 黄色 -- */
.col_00bff3{ color:#00bff3;}/* -- 天蓝 -- */
.tab_ct{ width:100%; margin:0 auto;}
.hover{ background:url(../images/menu_hover.jpg) repeat-x left bottom;}
.topbor{ border-top:solid 2px #2a2c32;}
.textarea{ background:none; border:none; width:100%; font-size:18px; color:#fff; min-height:300px;}
.back_bg{ width:100%; position:absolute; opacity:0.6; filter:alpha(opacity=60); background:#000; z-index:100; top:0; left:0; display:none; padding-bottom:70px;}
.back_ct{ width:100%; position:absolute; z-index:9999; top:200px; left:0; display:none;}
.marbtn{ margin-bottom:8px;}
.martop20{ margin-top:20px;}
.nav_point{ height:30px; padding:18px 0;}

/* -- 底部导航栏 -- */
#wap_foot{ width:100%; height:70px; margin:0 auto; position:fixed; left:0; bottom:0; z-index:9999;}
#wap_foot_menu{ width:640px; height:70px; margin:0 auto; background:#282e3e;}
.btn3{ position:fixed; z-index:3; bottom:0; border-top:1px solid #b3b3b3; background:#e6e6e6; width:100%; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu{ position:relative; float:left; width:33.33%; height:70px; line-height:70px; background:#282e3e;}
.cura { background:#0e121e;}
.cura .bt-name{ color:#fff;}
.new-sub{ position:absolute; bottom:70px; z-index:10; width:100%; background:#1e222d; display:none;}
.new-sub ul{ border:solid 1px #11141a; border-bottom:none; overflow:hidden;}
.new-sub li{ width:100%; float:none; border-bottom:1px solid #11141a;}
.new-sub li a{ display:block; height:78px; line-height:78px; text-align:center; color:#fff; font-size:25px;}
.new-sub li a:hover{ background:#0e121e;}
.bt-name{ font-size:25px;color:#5d6a7e; text-align:center; cursor:pointer;}
/* -- 底部导航栏 -- */


/* -- 顶部导航栏 -- */
#wrapper{ width:640px; margin:0 auto; height:70px; overflow:hidden; border-top:solid 1px #24252a; background:#171a29;}
#CSSBox{ width:540px; height:70px; overflow:hidden; float:left;}
#LeftButton,#RightButton{ width:50px; height:70px; float:left;  cursor:pointer;}
#LeftButton{ background:#20222e url(../images/menu_ltbg.png) no-repeat center center;}
#RightButton{ background:#20222e url(../images/menu_rtbg.png) no-repeat center center;}
#CSSContent{ overflow:hidden;}
#CSSContent li{ width:540px; height:70px; float:left; overflow:hidden; text-align:center;}
#CSSContent li a{ width:179px; height:70px; line-height:68px; float:left; overflow:hidden; text-align:center; display:block; border-right:solid 1px #24252a; font-size:28px; cursor:pointer;}
#CSSContent li a img{ margin-right:10px;}
#CSSContent li a:hover{ background:url(../images/menu_hover.jpg) repeat-x left bottom;}
.div_menu{ width:100%; margin:0 auto; height:70px; line-height:68px; overflow:hidden; border-top:solid 1px #24252a; background:#171a29;}
.div_menu a{ width:33%; height:70px; line-height:68px; text-align:center; display:block; border-right:solid 1px #24252a; font-size:28px; cursor:pointer;}
.div_menu a:hover{ background:url(../images/menu_hover.jpg) repeat-x left bottom;}
/* -- 顶部导航栏 -- */


/* -- 选项卡 -- */
.tab_con{ display:none;}
.tab_cont{ width:100%; border-top:solid 4px #2a2c32; overflow:hidden;}
.tab_list{ width:100%; height:65px;}
.tab_list li{ width:50%; height:65px; line-height:63px; float:left; overflow:hidden; text-align:center; font-size:24px; cursor:pointer; background:#2b2c31;}
.tab_list li.thistab{ background:#3f414d;}
/* -- 选项卡 -- */


/* -- 弹出窗 -- */
.back_select{ width:360px; height:350px; background:#3f414d; margin:0 auto;}
.back_select dt{ height:80px; line-height:79px; color:#00bff3; border-bottom:solid 1px #00bff3;}
.back_select .back_dd_ct1{ width:300px; margin:30px auto 0;}
.back_select .back_dd_ct1 .dropdown{ width:100%; height:58px; margin-bottom:23px;}
.back_select .back_dd_ct2{ width:100%; height:65px; border-top:solid 1px #242731; margin-top:11px;}
.back_select .back_dd_ct2 a{ width:50%; display:block; height:65px; line-height:64px; cursor:pointer;}
.back_select .back_dd_ct2 .dd_ydng_link{ width:179px; border-left:solid 1px #242731; color:#00bff3;}
/* -- 弹出窗 -- */


/* -- 我的统计 -- */
#wap_contra{ width:550px; height:350px; margin:20px auto 0;}
#wap_bingdu{ width:550px; height:350px; margin:20px auto 0;}
.circliful{ position:relative;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half { width:100%; position:absolute; text-align:center; display:inline-block;}
.circle-info, .circle-info-half{ color: #999;}
.circliful .fa{ margin:-10px 3px 0 3px; position:relative; bottom:4px;}
#myStat_ct{ width:100%; margin:20px auto; overflow:hidden;}
#myStat_ct dd{ width:50%; float:left; overflow:hidden;}
#myStat_ct dd #myStat1,#myStat_ct dd #myStat2{ margin:0 auto;}
#myStat_ct dd p{ text-align:center; margin-bottom:5px; position:relative;}
/* -- 我的统计 -- */


/* -- 智慧推送 -- */
#div_zhts_top{ width:602px; margin:8px 0 8px 7px;}
#div_zhts{ width:98%; height:300px; margin:0 auto 20px; overflow:hidden;}
.us_zhts,.us_zhts div{ height:50px; line-height:50px; overflow:hidden;}
.dl_zhts{ width:90%; margin:0 auto;}
.dl_zhts dt{ line-height:46px; margin-bottom:5px;}
.dl_zhts dd{ padding:15px 20px; line-height:36px; margin-bottom:15px;}
/* -- 智慧推送 -- */


/* -- 专家咨询-查看回复 -- */
#ckhf_menu{ width:636px; height:70px; line-height:68px; background:#171a29; border:solid 2px #24252a; border-bottom:none;}
#ckhf_menu a{ width:50%; height:70px; display:block; font-size:28px; cursor:pointer;}
#ckhf_menu a:hover{ background:url(../images/menu_hover.jpg) repeat-x left bottom;}
#ckhf_menu .border{ width:317px; border-right:solid 1px #24252a;}
#ckhf_ss{ width:612px; margin:10px auto 0; height:50px; line-height:50px; border:solid 2px #2a2c32;}
#ckhf_ss #ckhf_ipt{ width:42px; height:50px; display:inline-block; float:left; overflow:hidden; border:0; background:url(../images/ss_bot.png) no-repeat 12px center;}
#ckhf_ss #ckhf_fk{ width:480px; height:50px; line-height:50px; display:inline-block; float:left; overflow:hidden; border:0; background:none; margin-left:20px; color:#fff; font-size:20px;}

#tab_ckhf{ margin:10px auto 0;}
.dl_ckhf{ width:615px; margin:15px auto;}
.dl_ckhf dt{ width:100px; border-radius:50px;}
.dl_ckhf dd{ width:505px;}
.dl_ckhf dd .dd_ckhf_tt{ line-height:40px; font-size:30px; margin-top:5px;}
.dl_ckhf dd .dd_ckhf_bg{ height:12px; margin-top:5px; background:url(../images/ckhf_ico0.png) no-repeat 16px top;}
.dl_ckhf dd .dd_ckhf_ct{ padding:10px 20px; background:#262a36;}
/* -- 专家咨询-查看回复 -- */


/* -- 专家咨询-问题咨询 -- */
.wtzx_select{ width:50%; height:65px; float:left; border-bottom:solid 2px #292c33;}
.wtzx_select.wtzx_bor{ width:313px; border-right:solid 2px #292c33}
.wtzx_select dt{ width:115px; height:50px; line-height:50px; text-align:center; margin-top:7px;}
.wtzx_select dd{ width:190px; float:left; margin-top:7px;}
#dl_wtzx{ width:90%; margin:20px auto 0;}
#dl_wtzx dd{ background:#222633; padding:20px; margin-top:15px;}
#wtzx_bot{ width:90%; margin:55px auto;}
#wtzx_bot a{ width:48%; display:block; text-align:center; color:#fff; background:#0977f6; height:80px; line-height:79px;}
#wtzx_tt{ text-align:left; text-indent:30px;}
#wtzx_tt2{ font-size:24px; color:#556174;}
#wtzx_ico{ display:inline-block; margin:26px 20px 0 10px;}
#wtzx_close{ width:95%; margin:0 auto; display:none;}
.dl_wtzx{ margin-top:20px;}
.dl_wtzx dt{ width:100px; border-radius:50px;}
.dl_wtzx dd{ width:478px;}
.dl_wtzx dd .dd_wtzx_tt{ margin-bottom:10px;}
/* -- 专家咨询-问题咨询 -- */


/* -- 能源收费 -- */
#div_nysf{ width:95%; margin:10px auto 0; overflow:hidden;}
#tab_nysf{ margin:30px auto 20px;}

#tab_nysf .tab_list li{ width:25%;}
#tab_nysf .tab_list li img{ margin-right:10px;}
.tab_nysf_tt{ width:100%; overflow:hidden; margin:15px auto;}
.nysf_mCus{ width:98%; height:300px; margin:0 auto; overflow:hidden;}
/* -- 能源收费 -- */


/* -- 移动能管 -- */
.ydng_tt{ background:url(../images/tt_bg.png) no-repeat center center;}
#ydng_conta,#ydng_conta2{ width:550px; height:350px; margin:20px auto 0;}
#ydng_select{ width:100%; height:50px; border-top:solid 5px #2a2c32; border-bottom:solid 5px #2a2c32; margin:20px auto 0; padding:5px 0;}
#ydng_select .dropdown{ width:220px; float:left; margin:0 0 0 10px;}
#ydng_time{ width:150px; background:#222633; height:50px; line-height:50px; text-align:center; margin-right:10px; cursor:pointer;}
#ydng_time img{ margin:13px 0 0 14px; display:inline-block; float:left;}
/* -- 移动能管 -- */


/* -- 峰谷平谱 -- */
#fgpp_conta,#fgpp_conta2{ width:550px; height:350px; margin:20px auto 0;}
/* -- 峰谷平谱 -- */


/* -- 专家答复 -- */
.dl_zjdf{ height:65px; border-bottom:solid 2px #292c33;}
.dl_zjdf dt{ width:478px; height:65px; line-height:65px; text-align:center; border-right:solid 2px #292c33;}
.dl_zjdf dd{ width:150px; height:65px; line-height:65px; text-align:center; color:#00bff3;}
.dl_zjdf dd img{ margin:21px 0 0 14px; display:inline-block; float:left;}
.zjdf_ct{ padding:10px 70px 15px; border-bottom:solid 2px #292c33; margin:10px 0; line-height:38px; background:url(../images/menu_rtbg.png) no-repeat 95% center;}
.zjdf_back{ height:70px; line-height:70px; border:solid 2px #24252a; border-bottom:none; background:#171a29;}
.zjdf_back .zjdf_back_link{ width:30px; padding:20px 0 19px; margin:0 40px 0 30px; text-align:center;}
#zjdf_ctlist{ width:96%; height:250px; margin:5px auto 0; overflow:hidden; background:#2b2c31; padding:10px 2%;}
.zjdf_ctlist{ width:95%; line-height:38px; margin:10px auto 0;}
.zjdf_pic{ width:600px; margin:5px auto 10px;}
.zjdf_pic a{ width:200px; height:200px; display:block; float:left; overflow:hidden; background-size:100%;}
.zjdf_pic img{ vertical-align:bottom; width:33.3%; display:block; float:left;}
.zjdf_huida{ border-bottom:solid 2px #2a2c32; padding:10px 0;}
.zjdf_huida dt{ width:90%; margin:0 auto; padding:10px 2.5% 0; line-height:40px; background:#2b2c31;}
.zjdf_huida .zjdf_huida_dd{ width:90%; margin:0 auto; line-height:40px; background:#2b2c31; padding:10px 2.5%;}
.zjdf_huida .zjdf_huida_pic{ width:95%; margin:5px auto;}
.zjdf_huida .zjdf_huida_pic img{ width:33.3%;}
#zjdf_xzqy_sele{ float:left; height:49px; padding:8px 0;}
#zjdf_xzqy_sele .dropdown{ width:100%; height:50px; background:none;}
/* -- 专家答复 -- */


/* -- 智慧KPIs -- */
#zhkpi_conta{ width:550px; height:350px; margin:20px auto 0;}
.zhkpi_tt{ border-top:solid 5px #2a2c32; border-bottom:none; margin:20px auto 10px;}
#zhkpi_conta2,#zhkpi_conta3,#zhkpi_conta4{ width:200px; height:200px;}
.dl_zhkpi{ width:200px; margin:0 0 30px 10px;}
.dl_zhkpi dt{ text-align:center;}
.dl_zhkpi dd{ width:100%; text-align:center; position:relative; margin-bottom:30px;}
.dl_zhkpi dd span{ width:100%; display:block; position:absolute; left:0; bottom:10px; font-size:16px;}
/* -- 智慧KPIs -- */


/* -- 智能审计 -- */
#dl_znsj{ background:#171a29;}
#dl_znsj dd{ width:530px;}
#dl_znsj dt{ width:110px;}
#dl_znsj dt a{ height:70px; line-height:68px; text-align:center; display:block; cursor:pointer;}
#dl_znsj #dl_znsj_rt{ width:40px; background:#20232d url(../images/menu_rtbg.png) no-repeat center center;}
#dl_znsj #dl_znsj_down{ width:70px; background:url(../images/menu_ico9.png) no-repeat center center;}
#znsh_ct1{ padding:10px 0; text-align:center; border-bottom:solid 2px #2a2c32;}
.znsh_tab{ width:90%; margin:10px auto 20px; line-height:42px; text-align:center;} 
#znsh_ct{ width:90%; margin:20px auto; line-height:42px;}
/* -- 智能审计 -- */


/* -- 负荷波动 -- */
#fhbd_conta{ width:580px; height:350px; margin:20px auto 0;}
.dl_fhbd{ width:50%; border-top:solid 3px #2a2c32; border-bottom:solid 3px #2a2c32; margin-top:20px;}
.fhbd_rtbor{ border-right:solid 3px #2a2c32;}
.dl_fhbd dt{ border-bottom:solid 3px #2a2c32; line-height:60px; text-align:center;}
.dl_fhbd dd{ line-height:140px; text-align:center; color:#00bff3; font-weight:bold;}
/* -- 负荷波动 -- */


/* -- 生产运行 -- */
#sbss_sele{ float:left; height:49px; line-height:50px; padding:8px 0;}
#sbss_sele p{ width:175px; height:50px; line-height:50px;}
#sbss_sele .dropdown{ width:270px; height:50px; background:none; background:#222633;}
#ckhf_ctlist{ width:620px; margin:15px auto 0; overflow:hidden;}
.ckhf_ct{ width:120px; height:120px; margin:0 2px 4px;}
.ckhf_ct dt{ width:95%; margin:5px auto 0; height:35px; line-height:35px; border-bottom:solid 1px #000; text-indent:5px;}
.ckhf_ct dd{ width:85%; margin:5px auto 0; line-height:35px;}
#ckhf_boct{ width:100%; margin:10px auto 0; overflow:hidden; border-top:solid 2px #292c33;}
#ckhf_boct div{ width:33%; height:85px; line-height:85px; text-align:center; border-right:solid 2px #292c33;}
#ckhf_boct .bor_none{ border:none;}
#scqktj_lclist{ width:538px; overflow:hidden; margin:60px auto 50px;}
#scqktj_lclist .lclist_ct{ width:100px; height:62px; line-height:62px; border-radius:15px;}
#scqktj_lclist .lclist_bg1{ width:46px; height:62px; background:url(../images/sctj_ioc1.png) no-repeat center center;}
#scqktj_lclist .lclist_bg2{ width:100%; height:67px; background:url(../images/sctj_ioc2.png) no-repeat 501px center;}
#scqktj_lclist .lclist_bg3{ width:46px; height:62px; background:url(../images/sctj_ioc3.png) no-repeat center center;}
#scqktj_conta{ width:550px; height:350px; margin:20px auto 0;}
/* -- 生产运行 -- */


/* -- 碳排交易 -- */
#cpjy_conta{ width:550px; height:350px; margin:20px auto 0;}
/* -- 碳排交易 -- */


/* -- 需求响应 -- */
.dl_xqxy{ border-bottom:solid 2px #2a2c32; padding-bottom:20px; margin-top:20px;}
.dl_xqxy dt{ width:140px; height:140px; line-height:140px; text-align:center; border-radius:50%; margin-left:24px;}
.dl_xqxy dd{ width:420px; margin-right:15px; line-height:28px;}
.dl_xqxy dd .xqxy_td{ margin:10px 0 5px;}
.dl_xqxy dd div p{ width:49%; margin-right:1%;}
.dl_xqxy dd .xqxy_ct{ line-height:74px;}
.dl_xqxy dd .xqxy_ct p{ background:#2b2c31; color:#00bff3; font-size:28px;}
.div_xqxyzt_tt{ text-align:left; text-indent:37px;}
#xqxyzt_tt{ width:550px; margin:15px auto 20px;}
#xqxyzt_tt dt{ height:48px; line-height:48px; text-align:center; margin-top:10px; border-radius:40px;}
#xqxyzt_tt dt p{ background:#8ec348; border-radius:40px;}
#xqxyzt_tt dt .nevent{ background:#556174}
#xqxyzt_tt dd{ width:100%; line-height:35px;}
#xqxyzt_dbcs{ border-bottom:solid 3px #2a2c32;}
#xqxyzt_dbcs dd{ width:315px; border-right:solid 3px #2a2c32; text-align:center; padding:30px 0 50px;}
#xqxyzt_dbcs .bor_none{ width:310px; border:none;}
#xqxy_conta,#xqxy_conta2{ width:550px; height:350px; margin:20px auto 0;}
#xqxy_tt{ width:636px; height:70px; line-height:68px; background:#171a29; border:solid 2px #24252a; border-bottom:none;}
#xqxy_tt a{ width:50%; height:70px; display:block; font-size:28px; cursor:pointer;}
#xqxy_tt a:hover{ background:#00bff3;}
#xqxy_tt .border{ width:317px; background:#00bff3;}
.fhbdmar{ margin-top:0; border-top:none;}
/* -- 需求响应 -- */


/* -- 对标改进 -- */
#tab_dbgj_list li{ width:33.3%;}
#dbgj_conta,#dbgj_conta2{ width:550px; height:350px; margin:20px auto 0;}
/* -- 对标改进 -- */