@charset "utf-8";
/* CSS Document */
html, body {margin:0; padding:0; width:100%; height:100%; }

.container{ margin:0 auto; width:1100px; content:" "; display:table; clear:both }
.container .con-left {float:left; width:360px; display:inline; } 
.container .con-center {float:left; margin-left:20px; width:440px; display:inline; } 
.container .con-right {float:right; width:360px; display:inline; }

.container .col-left {float:left; width:200px; display:inline-table; } 
.container .col-right {float:left; width:998px; min-height:650px; border-left:1px solid #d4d7d9; padding-bottom:80px; overflow:hidden; } 
.container .line{ border-top:1px solid #d4d7d9; }

/* Bannner */
.mian-banner{ width:100%; height:200px; content:" "; display:table; clear:both }


/*  sidebar  */
.sidebar {}
.sidebar ul{}
.sidebar li{ float:left; position:relative; width:180px;  }
.sidebar li a{ color:#919599; }
.sidebar li a:hover{ color:#5798d9;  }
.sidebar li h3{ line-height:40px; padding:0; font-size:16px; }
.sidebar li.on h3 { background:url(en-v1-icon-right.png) no-repeat right; }
.sidebar li.on a{ color:#5798D9; }

.sidebar li h4{ float:left; margin-top:8px; padding:0 2px 0 31px; font-size:14px; font-weight:normal; }
.sidebar li.on h4 { background:url(cn-v1-icon-1.png) no-repeat 13px 7px; }
.sidebar li.on a{ color:#5798D9; }

/*  press  */
.press{ margin:0 auto; width:900px; }
.press ul{}
.press li{ padding-bottom:20px; border-bottom:1px solid #d4d7d9; content:" "; display:table; clear:both }
.press li h2{ margin:30px 0 10px 0; font-size:24px; clear:both; }
.press li h4{ margin-top:30px; font-size:18px; color:#919599; clear:both; }
.press li img{ float:left; margin-right:30px; }
.press li dd{ padding-top:8px; line-height:25px; }

/* 标题 */
.title{ height:39px; border-bottom:1px solid #d4d7d9; clear:both; }
.title h3{float:left; padding-left:25px; color:#5798d9; background:url(cn-v1-i2.png) no-repeat left; font-size:18px; }
.title h4{float:left; color:#5798d9;}
.title span{float:right; padding:0}
.title ul{ float:left;}
.title li{ float:left; width:110px; font-size:18px; text-align:left; }
.title li.on a{ color:#5798D9; }
.title li.on { color:#5798D9; }
.title li a{ color:#919599;}

.title.margin{ margin:30px 40px;}

/* 文章列表 */
.list{}
.list ul{}
.list li{ line-height:35px; color:#919599; clear:both }
.list li h2{ font-size:30px; clear:both; }
.list li h3{ float:left;}
.list li h4{ padding:0 0 0 20px; background:url(cn-v1-i1.png) no-repeat left;}
.list li h5{ float:left; width:300px; line-height:21px; padding:6px 0 0 0; font-size:16px; }
.list li span{ float:right; color:#919599;}
.list li img{ }
.list li dd{ line-height:21px; padding:12px 0 25px 0;}

.list.w1{ margin:0 auto; width:312px;}
.list.w2{ padding:0 10px 0 0}

.list_index{}
.list_index ul{}
.list_index li{ padding:12px 0; color:#919599; clear:both }
.list_index li h2{ font-size:30px; clear:both; }
.list_index li h3{ float:left; width:380px; }
.list_index li span{ float:right; color:#919599;}
.list_index li dd{ line-height:21px; padding:12px 0 0px 0;}

.picSummary { }
.picSummary img{ float:left; margin-right:25px}
.picSummary dd{ padding:12px 0 0 0; color:#919599; line-height:21px;  }
.picSummary.margin{ margin:0 40px; clear:both }

#page { padding:20px 0; font-size:20px; text-align:center; clear:both; }
#page a{ color:#5798d9; padding:10px 15px; line-height:32px;}
#page a:hover{ background:#f7f9fa; text-decoration:none;}
#page .on{ background:#fff;}
#page .now { border:1px solid #d4d7d9; border-radius:2px;}

/* 首页 */
.home-focus{}
.home-top-news{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #d4d7d9; }
.home-top-news1{ padding-bottom:10px; padding-top:10px; }
.home-top-news01{ padding-bottom:0px; padding-top:3px; }
.home-top-news2{ padding-bottom:0px; padding-top:0px; }
.home-top-news h1{ padding:10px 0; text-align:center; }
.home-top-news h3{}
.home-top-news dd{ color:#919599; }
.home-top-news h1 a{ color:#007c7c;}

.home-map{ width:358px; height:450px; border:1px solid #ddd; border-top:none; text-align:center;}

.title-map{ height:39px; line-height:39px; clear:both; }
.title-map span{float:right; padding:0}
.title-map ul{ }
.title-map li{ float:left; width:49%; font-size:16px; text-align:center; }
.title-map li.on a{ color:#5798D9; }
.title-map li a{ color:#919599;}

.home-icon{  width:358px; height:200px; border-top:1px solid #ddd; }
.home-icon ul{}
.home-icon li{ float:left; width:89.5px; padding-top:15px; font-size:12px; text-align:center; }
.home-icon li a{ color:#5798D9; }

.home_shzr{}
.home_shzr ul{}
.home_shzr li{ float:left; margin-top:20px; }
.home_shzr li.margin{ margin-right:20px; }

.home-media{}
.home-media ul{}
.home-media li{ float:left; margin-top:9px; }
.home-media li.margin{ margin-right:20px; }

/* 新闻中心 */
.news-center{ position:relative; margin:0 auto; width:1100px; content:" "; display:table; border-top:1px solid #d4d7d9; background:url(cn-v1-news-bg.png) repeat-y; clear:both; }
.news-center .con-left {float:left; width:200px; display:inline; } 
.news-center .con-right {float:right; width:999px; overflow:hidden; display:inline; }
.news-center .con-right .con-right-list{ float:left; width:600px; margin-left:20px; display:inline;}
.news-center .con-right .con-right-pic{ float:right; width:360px; }

.news-sidebar { position:relative; z-index:99; }
.news-sidebar ul{ position:relative; content:" "; display:table; border-bottom:1px solid #d4d7d9; }
.news-sidebar li{ float:left; width:198px; line-height:35px; text-align:center; clear:both; }
.news-sidebar li a{ color:#919599; }
.news-sidebar li a:hover{ color:#5798d9; }
.news-sidebar li h2{ position:relative; margin-left:-2px; line-height:60px; padding:0; font-size:20px; background:url(cn-v1-i1.png) no-repeat left; }
.news-sidebar li h2 a{ color:#5798d9;}
.news-sidebar li h3{ line-height:40px; padding:0; font-size:16px; background:url(en-v1-icon-1.png) no-repeat 13px -39px; }
.news-sidebar li.on h3 { background:url(en-v1-icon-right.png) no-repeat right; }
.news-sidebar li.on a{ color:#5798D9; }
.news-sidebar li h4{ float:left; margin-top:8px; padding:0 2px 0 31px; font-size:20px; font-weight:normal; background:url(en-v1-icon-1.png) no-repeat 13px -39px; }
.news-sidebar li.on h4 { background:url(en-v1-icon-1.png) no-repeat 13px 7px; }
.news-sidebar li.on a{ color:#5798D9; }

.list-news{ margin:0 20px;}
.list-news ul{}
.list-news li{ margin-bottom:20px; line-height:35px; color:#919599; clear:both }
.list-news li h2{ font-size:24px; clear:both; }
.list-news li span{ clear:both; color:#5798D9;}

.news-pic{ width:1100px; margin-left:40px; content:" "; display:table; clear:both; }
.news-pic ul{ }
.news-pic li{ float:left; position:relative; width:300px; height:200px; margin-right:38px; margin-bottom:38px; }
.news-pic li h3{ position:absolute; width:285px; left:0; bottom:0px; padding-left:15px; height:35px; line-height:35px; background:rgba(0,0,0,.6); z-index:99;}
.news-pic img{ position:relative; }
.news-pic img:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.news-pic.solid { padding:38px 0 0 0; border-top:1px solid #d4d7d9; border-bottom:1px solid #d4d7d9;}

.news-list-photo{ width:400px; }
.news-list-photo ul{}
.news-list-photo li{ float:left; width:160px; margin-right:40px;  margin-bottom:20px; }

/* 用电服务 */
.service{ margin:0 auto; position:relative; width:900px; height:800px; background:url(cn-v1-service-mapbg.png) no-repeat; }
.service .gd{ position:absolute; left:695px; top:445px; z-index:33;}
.service .sz{ position:absolute; left:710px; top:548px; z-index:33;}
.service .gz{ position:absolute; left:590px; top:500px; z-index:33;}
.service .gx{ position:absolute; left:490px; top:445px; z-index:33;}
.service .hn{ position:absolute; left:540px; top:650px; z-index:33;}
.service .gu{ position:absolute; left:430px;  top:274px; z-index:33;}
.service .yn{ position:absolute; left:180px;  top:400px; z-index:33;}
.service h3 a{ font-size:24px; color:#5798D9; padding:5px 15px; display:block; background:#fff; border-radius:2px; }
.service h3 a:hover{ background:#f2ae24; color:#fff; text-decoration: none; }

.service .open{ position:absolute; width:330px; height:180px; background:#fff; box-shadow:0 0px 8px rgba(0,0,0,.3); border-radius:10px; }
.service .open img{ float:left; margin:10px;}
.service .open h5{ position:absolute; right:0px; top:0px; text-align:right; z-index:33; }
.service .open h6{ font-size:16px;  margin:16px 0 0 0; }
.service .open a:hover{ text-decoration:none;}
.service .open.gdw{ left:450px; top:240px; z-index:899; }
.service .open.szw{ left:350px; top:460px; z-index:899; }
.service .open.gzw{ left:240px; top:420px; z-index:899; }
.service .open.gxw{ left:250px; top:240px; z-index:899; }
.service .open.hnw{ left:180px; top:520px; z-index:899; }
.service .open.guw{ left:70px; top:150px; z-index:899; }
.service .open.ynw{ left:150px; top:470px; z-index:899; }

.service_mini{ margin:0 auto; position:relative; width:350px; height:246px; background:url(cn-v1-map.png) no-repeat; }
.service_mini .gd{ position:absolute; left:270px; top:113px; z-index:33;}
.service_mini .sz{ position:absolute; left:280px; top:155px; z-index:33;}
.service_mini .gz{ position:absolute; left:230px; top:155px; z-index:33;}
.service_mini .gx{ position:absolute; left:180px; top:115px; z-index:33;}
.service_mini .hn{ position:absolute; left:210px; top:200px; z-index:33;}
.service_mini .gu{ position:absolute; left:150px; top:60px;  z-index:33;}
.service_mini .yn{ position:absolute; left:60px;  top:85px;  z-index:33;}
.service_mini h3 a{ font-size:12px; color:#5798D9; padding:5px 10px; display:block; background:#fff; border-radius:2px; }
.service_mini h3 a:hover{ background:#f2ae24; color:#fff; text-decoration: none; }

.service_mini .open{ position:absolute; width:330px; height:180px; background:#fff; box-shadow:0 0px 3px rgba(0,0,0,.3); border-radius:4px; }
.service_mini .open img{ float:left; margin:10px;}
.service_mini .open h5{ position:absolute; right:0px; top:0px; z-index:33; }
.service_mini .open h6{ text-align:left; font-size:16px; margin:16px 0 0 0;}
.service_mini .open a:hover{ text-decoration:none;}
.service_mini .open.gdw{ left:12px; top:35px; z-index:99; }
.service_mini .open.szw{ left:12px; top:35px; z-index:99; }
.service_mini .open.gzw{ left:12px; top:35px; z-index:99; }
.service_mini .open.gxw{ left:12px; top:35px; z-index:99; }
.service_mini .open.hnw{ left:12px; top:35px; z-index:99; }
.service_mini .open.guw{ left:12px; top:35px; z-index:99; }
.service_mini .open.ynw{ left:12px; top:35px; z-index:99; }

/* 科技创新 */
.creative{ margin:0 auto; width:924px; overflow:hidden; }
.creative-photo{ width:1100px; }
.creative-photo ul{ }
.creative-photo li{ float:left; width:300px; margin-right:10px; }
.creative-photo li h3{ float:left; padding-left:20px; font-size:24px; margin-bottom:20px; background:url(cn-v1-i2.png) no-repeat left; clear:both; }
.creative-photo li dl{float:left; padding-top:15px; line-height:21px;  clear:both;}

.shzr{ margin:0 auto; width:924px; overflow:hidden; }
.shzr-photo{ width:1100px; }
.shzr-photo ul{ }
.shzr-photo li{ float:left; width:220px; margin-right:10px; overflow:hidden; }
.shzr-photo li img{ width:220px; height:100px; }
.shzr-photo li h3{ float:left; padding-left:20px; font-size:24px; margin-bottom:20px; background:url(cn-v1-i2.png) no-repeat left; clear:both; }
.shzr-photo li dl{float:left; padding-top:15px; line-height:21px;  clear:both;}

.partArea{ margin:0 40px;}
.partArea .part-left{ float:left; width:300px;}
.partArea .part-right{ float:right; width:600px;}

.list_baogao{ margin:0 40px;}
.list_baogao ul{}
.list_baogao li{ float:left; width:140px; font-size:14px; padding:0 20px 30px 20px; text-align:center; line-height:18px; display:inline }
.list_baogao li h3{ font-size:14px; padding:5px 0; }
.list_baogao li img{ border:1px solid #dde6ed}


/* 文章终端页 */
#articleTitle { width:880px; display:table; margin:30px 40px; padding-bottom:15px; border-bottom:1px solid #d4d7d9; clear:both; }
#articleTitle h1{ margin-top:20px; font-size:48px; color:#5798D9; }
#articleTitle h2{ margin-top:5px; font-size:30px; line-height:45px; font-weight:bold; }
#articleTitle h3{ margin-top:10px; font-size:30px; color:#95C1E7; }
#articleTitle h4{ margin-top:20px; color:#919599; clear:both}
#articleTitle .remark { margin-top:30px; padding-left:20px; border-left: 3px solid #5798D9; font-size:18px; color:#919599; }
#articleTitle .sub_title{ clear:both; line-height:45px; font-size:14pt; color:#333;}

#articleText { margin:10px 40px; line-height:32px; font-size:18px; overflow:hidden; word-wrap:break-word; word-break:break-all; clear:both;}
#articleText p{ font-size:18px; }
#articleText .pic_left{ float:left; margin:20px 20px 0 0; position:relative;}
#articleText .pic_right{ float:right; margin:0 0 20px 20px; position:relative;}

#articleNav { margin:0 40px; font-size:18px; text-align:center; clear:both; }
#articleNav a{ color:#5798d9; padding:5px 10px; line-height:32px;}
#articleNav a:visited{}
#articleNav a:hover{ background:#d4d7d9; text-decoration:none;}
#articleNav .on{ background:#fff;}

#articleTools { margin:40px 40px 0 40px; line-height:30px; text-align:right; font-size:16px; }
#articleTools .i1{padding-left:20px}
#articleTools .i2{padding-left:20px}
#articleTools a{ color:#5798d9; line-height:30px; font-size:16px; }


.article-title { margin:0 40px; height:50px; border-top:1px solid #d4d7d9; clear:both}
.article-title h3{ float:left; padding:0 0 0 20px; line-height:50px; color:#5798d9; font-size:16px; }
.article-title span{ float:right; padding:13px 5px 0 0  }

.article-list{ margin:0 40px; line-height:30px; clear:both  }
.article-list li{ font-size:16px; clear:both  }
.article-list li h3{ float:left; font-size:16px; }
.article-list li span{ float:right; font-size:16px; }
.article-list li a{ margin:0;}


/*  特殊页面  */
.related_title_about{ margin:20px 0px; height:39px; border-bottom:1px solid #dde6ed; clear:both}
.related_title_about h3{float:left; padding-left:25px; color:#5798d9; background:url(cn-v1-i2.png) no-repeat left; }
.related_title_about h4{float:left; padding:13px 0 0 15px; }
.related_title_about span{float:right; padding:0}

.about_header { margin: 0 auto; width: 600px; }
.about_header ul{}
.about_header li{ float:left; padding-bottom:40px; width:50%; font-size:14px; line-height:25px; text-align:center; } 
.about_header img { margin-bottom:10px;}

.about_header_p3 { margin: 0 auto; width: 800px; clear:both; }
.about_header_p3 ul {}
.about_header_p3 li { float: left; font-size: 14px; line-height: 25px; padding-bottom: 40px; text-align: center; width: 33%;}
.about_header_p3 img { margin-bottom: 10px; }

.coruse_line{ margin:0 auto; width:900px; height:115px; background:url(course_01.png) repeat-x;}
.coruse_line ul{}
.coruse_line li{ float:left; margin-left:10px; text-align:center; width:39px; height:115px;}
.coruse_line h3{ font-size:14px; line-height:normal;}
.coruse_line h4{ font-size:14px; line-height:normal; padding:98px 0 0 0}
.coruse_line li.w1{background:url(course_02.png) no-repeat;}
.coruse_line li.w2{background:url(course_03.png) no-repeat;}

.coruse_table table{ margin:0 auto; width:900px; border-top:1px solid #d4d7d9; border-left:1px solid #d4d7d9; display:table;}
.coruse_table td{ border-right:1px solid #d4d7d9; border-bottom:1px solid #d4d7d9; padding:10px 10px; line-height:25px; font-size:14px;}
.coruse_table td.w1{ text-align:center; background:#fafafa;}
.coruse_table td.w2{ text-indent:2em; background:#fff;}
.coruse_table td.w3{ background:#fff;}

.list_baogao{}
.list_baogao ul{}
.list_baogao li{ float:left; width:140px; font-size:14px; padding:0 20px 30px 20px; text-align:center; line-height:18px; display:inline }
.list_baogao li h3{ font-size:14px; padding:5px 0; }
.list_baogao li img{ border:1px solid #dde6ed}

.serach-area{ margin:0 auto; width:900px; padding:50px 0; border-bottom:1px solid #d4d7d9; text-align:center; }

#ArtText { margin:0 40px; line-height:32px; font-size:18px; overflow:hidden; word-wrap:break-word; word-break:break-all; clear:both;}
#ArtText p{ font-size:16px; }
#ArtText .pic_left{ float:left; margin:20px 20px 0 0; position:relative;}
#ArtText .pic_right{ float:right; margin:0 0 20px 20px; position:relative;}
#ArtText .pic { float: left; margin: 20px 20px 0 0; position: relative; }

.list_readme { border: 1px solid #dde6ed; clear: both; color: #2477b3; font-size: 14px; line-height: 25px; padding: 10px 20px; }

#Art_tools { margin:40px 40px 0 40px; line-height:30px; text-align:right; }
#Art_tools .i1{padding-left:20px}
#Art_tools .i2{padding-left:20px}
#Art_tools a{ color:#5798d9; line-height:30px; }

/* gallery */
.gallery { clear:both; }
.gallery ul{}
.gallery li{ float:left; margin-left:40px; width:250px; height:250px; display:inline; } 
.gallery li h3{ margin-top:6px; clear:both; }

.gallery-tab{ border-top:1px solid #d4d7d9; padding-top:30px; clear:both; }
.gallery-tab ul{}
.gallery-tab li{ float:left; margin-left:40px; margin-bottom:30px; font-size:18px; }
.gallery-tab li a{ text-decoration: underline}

/* 服务地图 */
.contactArea_wd{ margin:0 auto; width:900px; overflow:hidden; clear:both }
.contactArea_wd .wangdian { clear:both; border-bottom:1px solid #fff;}
.contactArea_wd .wangdian ul{ }
.contactArea_wd .wangdian li{ float:left; font-size:14px; text-align:center; line-height:40px; width:10%; }
.contactArea_wd .wangdian li a{display:block; cursor:hand;}
.contactArea_wd .wangdian li a:hover{ background:#fafafa; text-decoration:none; display:block; border-radius:2px; }
.contactArea_wd .wangdian li.on { background:#eee; text-decoration:none; display:block; border-radius:2px;}

.contactArea_wd .wangdian_list { float:left; width:100%; border-top:1px solid #dde6ed; border-left:1px solid #dde6ed; display:table;}
.contactArea_wd .wangdian_list ul{}
.contactArea_wd .wangdian_list li{ line-height:40px; height:40px; padding:5px 0; text-align:center; border-bottom:1px solid #dde6ed; border-right:1px solid #dde6ed;}
.contactArea_wd .wangdian_list li.w1{ float:left; width:100px; }
.contactArea_wd .wangdian_list li.w2{ float:left; width:240px; }
.contactArea_wd .wangdian_list li.w3{ float:left; width:374px; }
.contactArea_wd .wangdian_list li.bg{ background:#fafafa; }

/*搜索页*/
.serach_line{margin:0 auto; width:100%; border-bottom:1px solid #eee; display:table; }
.serachFrom{ margin:0 auto; width:450px; clear:both; }
.serachFrom h3{ float:left; margin-right:20px; font-size:18px; line-height:40px; }
.serachFrom .input{ float:left; width:360px; height:40px; background:#eeeeee; border:1px solid #ddd; }
.serachFrom .input .s1{ float:left; padding:5px 0 0 10px;  }
.serachFrom .input .s1 input { width:300px; height:28px; border:medium none; background:#eeeeee; font-size:16px; color:#666; }
.serachFrom .input .s2{ float:right; padding:10px 12px 0 0 }

/* 焦点图样式 */
.focusImg{ margin:0 auto; width:360px; height:240px; position:relative;}
.fimg li{ display:none; }
.fimg li.on{ display:block; }
.fimg li img{ padding:0; width:360px; height:240px; }
.fimg h3{ position:absolute; left:0px; bottom:0px; width:360px; height:40px; line-height:40px; text-indent:1em; background:rgba(0,0,0,0.5) !important; background:url(black.png) repeat; font-size:14px; }
.fimg h3 a{ color:#fff;}
.fimg h3 a:hover{ text-decoration:none; }
.forday{ position:absolute; bottom:15px; right:5px; }
.forday ul{ float:right; margin-right:5px; overflow:hidden; }
.forday li{ float:left; line-height:999px; height:10px; width:10px; border-radius:50px; margin-right:7px; background:#007c7c; text-align:center; cursor:pointer; color:#fff; font-weight:bold;}
.forday li.on{ background:#fff; }