/*
*************************************************

State Grid, CSR
General Screen Styles

Created by monokeros, Beijing
http://www.monokeros.cn/

*************************************************
*/

/*-------------------------------------------    
   General Selectors
-------------------------------------------*/


body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

body {
position:relative;
text-align:left;
width:950px;
margin:0 auto;
}

a {
color:#006F6A;
}

a:link,a:visited {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

html {
color:#999;
background:#FFF;
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

li {
list-style:none;
}

img {
border:0;
}

#header {
color:#006f6a;
font-size:12px;
background:url(/sgcc_csr/images/header_bg.jpg) repeat-x top;
clear:both;
text-align:right;
width:950px;
height:90px;
margin:0 auto;
}
#header a {
color:#006F6A;
}

#header #headerTop {
background:transparent;
height:50px;
clear:both;
}

#header #headerTop #logo {
padding-left:30px!important;
margin-top:15px;
background:transparent;
float:left;
}

#header #toplinks {
padding-top:5px;
list-style:none;
width:500px;
float:right;
}

#header #toplinks ul {
list-style:none;
float:right;
height:22px;
padding:0 10px 0 30px;
}

#header #toplinks li {
float:left;
line-height:20px;
padding:0 7px 0 0;
}

#header #searchScope {
width:500px;
float:right;
margin-top:20px;
}

#header #searchScope a {
margin:0 10px;
}

#header a:link,#header a:visited,#footer a:link,#footer a:visited,.news a:link,.news a:visited,#header a:hover {
text-decoration:none;
}

#header #searchScope .inp,#searchScope .inp {
width:160px;
height:17px;
}

#show,#imgslide {
width:950px;
height:270px;
}

.clearfix,.active {
display:block;
}

#header #searchScope .submitBtn {
width:56px;
height:19px;
border:0;
}

.inpSearch {
background:#FFF url(/sgcc_csr/images/input_bg.gif) repeat-x scroll center top;
height:17px;
width:160px;
border-color:#A1CaC8 transparent #A1CaC8 #A1CaC8;
border-style:solid;
border-width:1px 0 1px 1px;
}

.submitBtn {
background:transparent url(/sgcc_csr/images/btn1_bg.gif) no-repeat;
width:56px;
height:19px;
border:0;
line-height:19px;
}

.wipt {
width:139px;
color:#666;
}

.shadow {
background:url(/sgcc_csr/images/header_bg.gif) no-repeat;
height:8px;
}

* html  .shadow {
margin-top:-3px;
}

input,select {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:0;
}

#mainMenu {
color:#BFFFFC;
background:url(/sgcc_csr/images/navi_bg.gif) repeat-x top;
width:950px;
height:33px;
}

*html #mainMenu a {
color:#BFFFFC;
}

.topNav {
color:#BFFFFC;
position:absolute;
top:90px;
left:170px;
width:620px;
}
.topNav ul{
float:left;
list-style-type:none;
margin:0;
width:620px;
}

.topNav li {
float:left;
cursor:default;
list-style-type:none;
text-align:center;
padding:10px;
}

.topNav li.activenav a{
color:#FFF;
}

.topNav li a {
color:#BFFFFC;
}

.gotohome {
float:right;
width:150px;
text-align:right;
padding-right:10px;
}
.gotohome a {
float:right;
width:150px;
color:#BFFFFC;
padding:10px 0;
}

.topNav LI a:hover,.gotohome a:hover {
color:#FFF;
text-decoration:none;
}

#slide {
clear:both;
width:950px;
height:270px;
overflow:hidden;
}

#auto6a {
display: none;
_display:block;
}

#imgslide li {
width:100%;
float:left;
height:270px;
}

div.show {
display:block;
cursor:pointer;
}

div.tmpSlide {
background:#FFF;
position:absolute;
top:0;
left:0;
}

#tmpSlideshowControls {
float:right;
width:200px;
height:30px;
margin:7px 0;
padding:0 0 0 10px;
}

#tmpSlideshowControls a:hover {
background:none;
}

div.tmpSlideshowControl {
float:left;
text-align:center;
font-size:14px;
width:20px;
height:18px;
cursor:pointer;
}

.tmpSlideshowControlActive {
background:#006F6A;
}

.tmpSlideshowControlOn {
background:#556F6A;
}

ul.showspace {
width:120px;
height:14px;
overflow:hidden;
float:left;
}

li.item {
float:left;
text-align:center;
font-size:14px;
line-height: 16px;
width:20px;
height:18px;
cursor:pointer;	
display: inline;
}

.clearBoth {
clear:both;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clearfix {
height:1%;
}
*html #wrapper {
margin-top:-6px;
}

#wrapper {
width:950px;

margin:0 auto;
height:auto;
}

#wrapper .banner {
position:relative;
clear:both;
width:950px;
}

.banner_more {
position:absolute;
top:127px;
right:30px;
width:66px;
height:55px;
overflow:hidden;
z-index:10;
}

.banner_more a {
display:block;
width:66px;
height:17px;
margin-bottom:2px;
overflow:hidden;
}

*html #auto {
display:none;
}

.banner_feature {
position:absolute;
top:225px;
_top:224px;
left:0;
width:950px;
height:45px;
background:transparent url(/sgcc_csr/images/feature_bg.png) repeat;
}

#mainslide {
height:270px;
overflow:hidden;
background:#006F6A;
}

.feature_content {
color:#FFF;
padding:10px 0 10px 30px;
}

.feature_content li {
min-width:10px;
text-align:center;
float:left;
}

.feature_content a {
display:block;
text-align:center;
float:left;
color:#FFF;
padding:0 5px;
}

.feature_content a:hover {
background-color:#006f6a;
text-decoration:none;
color:#FFF;
}

.feature1 {
float:left;
width:35%;
height:30px;
background:url(/sgcc_csr/images/logo1.png) no-repeat top left;
margin:5px 0;
padding:2px 0 0 20px;
}
*html ul.feature1 li a {
color:#FFF;
}

.feature2 {
float:left;
width:18%;
height:30px;
background:url(/sgcc_csr/images/logo2.png) no-repeat top left;
margin:5px 0;
padding:2px 0 0 25px;
}

.hot {
float:left;
height:30px;
width:10%;
background:url(/sgcc_csr/images/hot.gif) no-repeat top left;
margin:-8px 0;
padding:2px 0px 0px 0px;
}


.feature3 {
float:left;
width:15%;
height:30px;
background:url(/sgcc_csr/images/logo3.png) no-repeat top left;
margin:7px 0;
padding:0 20px;
}

#content {
width:950px;
float:left;
margin:10px 0 0 0;
_margin:10px 0 10px 0;
padding:0;
}

#banner_l {
display:none;
position:absolute;
height:540px;
width:950px;
top:0;
left:0;
}

#banner_ctl_r {
display:none;
position:absolute;
height:540px;
width:50px;
top:0;
right:-50px;
z-index:9;
}

#banner_ctl_l {
display:none;
position:absolute;
height:540px;
width:50px;
top:0;
left:-50px;
z-index:9;
}

#leftColumn {
float:left;
width:350px;
height:224px;
overflow:hidden;
border:solid 1px #DDD;
background:#F8F8F8;
margin:0 10px 10px 0;
}

ul.slider {
text-decoration:none;
display:block;
font-weight:400;
}

ul.slider li {
float:left;
height:30px;
width:114px;
line-height:20px;
text-align:center;
border-bottom:1px solid #ccc;
padding:0 1px;
}

ul.slider li.mid {
float:left;
height:30px;
width:114px;
line-height:20px;
text-align:center;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

ul.slider li a {
display:block;
font-weight:400;
font-size:14px;
color:#006F6A;
padding:5px 5px 4px 6px;
}

.tab {
width:350px;
height:196px;
background:#F8F8F8;
float:left;
display:none;
}

.active {
display:block;
}

.title {
width:308px;
height:40px;
*width:312px;
float:left;
background:#F8F8F8;
font-size:14px;
line-height:20px;
font-weight:700;
color:#006F6A;
padding:10px 0 0 15px;
}

.thumbnail {
width:130px;
height:100px;
float:left;
}

.thumbnail img {
width:96px;
height:82px;
border:5px solid #E6E6E6;
margin:4px 9px 4px 15px;
}

.text {
width:192px;
height:100px;
float:left;
color:#999;
font-size:12px;
}

span.date {
width:192px;
height:9px;
float:left;
font-size:9px;
line-height:9px;
padding-top:2px;
text-align:right;
margin-bottom:8px;
}

span.more {
width:50px;
height:20px;
float:left;
font-size:12px;
line-height:16px;
padding-top:20px;
text-align:right;
color:#006F6A;
}

span.more a {
color:#006F6A;
}
.list {
width:350px;
height:66px;
float:left;
}

.list ul {
width:258px;
height:40px;
margin:0 0 0 15px;
float: left;
}

.list ul li {
width:258px;
height:20px;
float:left;
font-size:12px;
line-height:16px;
color:#006F6A;
overflow: hidden;
}

.list ul li a {
color:#006F6A;
}

#midColumn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
border:1px solid #DDD;
float:left;
height:224px;
overflow:hidden;
width:350px;
margin:0 10px 10px 0;
}

.midDl {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F8F8F8 none repeat scroll 0 0;
float:left;
height:74px;
width:310px;
margin:0 20px;
}
*html .midDl {
	margin:0 10px 0 10px;
}

#withborder {
border-bottom:1px dotted #999;
}

.midDl img {
float:left;
height:56px;
width:85px;
margin:9px 0;
}

.midDl ul {
float:left;
}

ul.lo li.up {
color:#006F6A;
float:left;
font-weight:700;
height:12px;
width:220px;
padding:15px 0 10px;
}

ul.lo li.dw {
float:left;
height:12px;
width:220px;
padding:5px 0 20px;
}

ul.st li a {
color:#006F6A;
}
ul.st li.up {
color:#006F6A;
float:left;
font-weight:700;
height:12px;
width:110px;
padding:10px 0 5px;
}

ul.st li.up2 {
color:#006F6A;
float:left;
font-weight:700;
height:12px;
width:210px;
padding:10px 0 5px;
}

li.up2 {
display:block;
}

ul.st li.dw3 {
float:right;
height:12px;
margin-right:10px;
padding:5px 0;
}

ul.st li.dw3 a {
color:#006F6A;
}
ul.slider2 li a {
color:#006F6A;
display:block;
font-size:14px;
font-weight:400;
padding:5px 5px 4px 6px;
}

ul.lo,ul.st {
float:left;
height:74px;
width:220px;
}

ul.lo li.dw a,ul.st li.dw a,ul.st li.dw2 a {
color:#999;
}

ul.lo li.dw a:hover,ul.st li.dw a:hover,ul.st li.dw2 a:hover,ul.rullist li a:hover {
color:#006F6A;
}

ul.st li.dw,ul.st li.dw2 {
float:left;
height:12px;
width:110px;
padding:5px 0;
}

#l4 {
float:left;
height:30px;
width:198px;
line-height:20px;
text-align:center;
padding:0 1px;
}

#l4 a {
background:url(/sgcc_csr/images/left_on.png) repeat-x;
}

#l5 {
border-bottom:solid 1px #DDD;
border-left:solid 1px #DDD;
float:left;
height:30px;
width:148px;
line-height:20px;
text-align:center;
}

#rightColumn {
float:left;
width:224px;
height:224px;
background:#FFF;
margin:0;
}

#rightColumn a {
color:#006f6a;
}

.rigUp {
width:224px;
height:105px;
float:left;
background:url(/sgcc_csr/images/rightcol_bg.jpg) repeat-x;
border:1px solid #DDD;
}

.rul {
float:left;
width:111px;

border-right:solid 1px #D1D1D1;
height:105px;
}

img.slogo {
float:left;
margin:10px;
}

.rul ul {
display:block;
font-weight:400;
font-size:14px;
color:#006F6A;
float:left;
padding:5px 0 4px 0;
}

img.energy {
float:left;
margin:0;
}

.energy {
float:left;
text-align:center;
margin:-2px 15px;
_margin:0 6px;
}

ul.rullist {
float:left;
line-height:20px;
}

ul.rullist li a {
font-size:12px;
color:#999;
}

.rur {
float:left;
width:111px;
height:105px;
border-left:solid 1px #FFF;
overflow:hidden;
}
img.expologo {
float:left;
margin:16px 20px;
}

.expo {
float:left;
margin:0 25px;
}


*html .expo {
float:left;
margin:0 10px;
}



.rigDw {
width:224px;
height:105px;
float:left;
margin-top:12px;
background:url(/sgcc_csr/images/rightcol_bg.jpg) repeat-x;
border:1px solid #DDD;
overflow:hidden;
}

.rigDw ul {
width:224px;
display:block;
font-weight:400;
font-size:14px;
color:#006F6A;
padding:5px 5px 4px 6px;
}

ul.rdlist {
font-size:12px;
color:#006f6a;
margin:10px;
}

ul.rdlist li {
float:left;
padding:0 3px;
}

.select {
margin:10px 20px;
}

/* page style start  */
#pagenav {
height:14px;
width:950px;
line-height:14px;
font-size:12px;
font-family:"宋体";
padding:6px 0 8px 0;
color:#006D6A;
}

#pagenav a {
color:#006D6A;
}

#pagebody {
width:950px;
border-top:1px solid #D1D1D1;
float:left;
background:#F8F8F8;
}

#pageleft {
width:227px;
height: 100%;
float:left;
}

.pageleftbanner {
width:228px;
height:54px;
display:block;
}

.pageleftnav {
width:227px;
}
ul.lev1 {
width:227px;
overflow:hidden;
}
ul.lev1 li {
width:227px;
border-bottom: 1px dotted #006D6A;
float:left;
}
ul.lev1 li.uni {
background:#F8F8F8;
padding: 0 2px;
}
ul.lev1 li.uni img {
float: left;
}
ul.lev1 li.uni a {
width:205px;
height:12px;
font-family:"宋体";
line-height:14px;
font-size:14px;
padding:6px 0 6px 20px;
color:#006D6A;
display:block;
}

ul.lev1 li.muti {
background:#FFF;
}

ul.lev2 {
width:227px;
padding: 2px 0;
float:left;
background:url(/sgcc_csr/images/ullev2bac.png) top right repeat-y;
}

ul.lev2 li {
width:227px;
border-bottom:none;
margin: 2px 0;
float:left;
}
ul.lev2 li a {
width:187px;
height: 12px;
padding:6px 0 6px 40px;
display:block;
}

#pageright {
float:left;
width:722px;
_width:721px;
border-left:1px solid #D1D1D1;
background:#FFF url(/sgcc_csr/images/pagesgcc.png) top right no-repeat;
}

.pagectl {
width:120px;
height:12px;
line-height:14px;
float:right;
margin-top:10px;
}

.pagectl a {
margin-left:10px;
color:#006D6A;
text-decoration:underline;
cursor:pointer;
}

.postbody {
width:680px;
padding-bottom:24px;
}

.posttitle {
height:30px;
width:680px;
line-height:26px;
font-size:20px;
font-family:"黑体";
_line-height:26px;
font-weight:500;
color:#006D6A;
border-bottom:1px solid #D1D1D1;
margin:24px 20px 0 20px;
text-align:center;
}

.postmeta {
height:30px;
width:680px;
line-height:12px;
font-size:14px;
color:#D1D1D1;
margin:6px 20px 0 20px;
text-align:center;
font-family:"宋体";
}

.post {
width:680px;
margin:12px 20px 0px 20px;
font:12px;
font-family:"宋体";
line-height: 18px;
color:#006D6A;
}

.post p {
margin:12px 0px 0px 0px;
text-indent:0px;
}

.post img {
border:1px solid #000;
padding:4px;
background:#FFF;
}
/* page style end  */

/* vedio index style start */
div.vindex {
width:680px;
padding-bottom:24px;
}

.vindex_title {
height:30px;
width:680px;
line-height:16px;
font-size:16px;
_line-height:18px;
font-weight:700;
color:#006D6A;
border-bottom:1px solid #D1D1D1;
margin:24px 20px 0 20px;
text-align:left;	
}

.vindex_list {
width:680px;
height:360px;
margin:12px 20px 0 20px;
font:12px;
line-height: 18px;
color:#006D6A;
}

.vindex_list_item {
width:212px;
height:170px;
margin:0 7px 10px 7px;
_margin: 0 5px 10px 5px;
float:left;
}

.vitem {
width:212px;
height:130px;
float:left;
}
.vitem img{
border:1px solid #999;
}

.vitem_title {
color:#006D6A;
width:200px;
height:16px;
line-height:16px;
margin:10px 0 0 12px;
_margin:10px 0 0 6px;
float:left;
font-weight:700;
}

.vitem_meta {
color:#999;
width:200px;
height:16px;
line-height:16px;
margin:0 0 0 12px;
_margin:0 0 0 6px;
float:left;
}
/* vedio index style end  */

/* cat style start  */
#catright {
float:left;
width:722px;
_width:721px;
border-left:1px solid #D1D1D1;
background:#FFF;
}

.catbanner {
width:722px;
_width:721px;
height:100px;
background:url(/sgcc_csr/images/catbanner.gif) no-repeat;
}

ul.catlist {
width:630px;
margin:35px 30px 35px 60px;
}

ul.catlist li {
border-bottom:1px dotted #D1D1D1;
float:left;
padding:11px 0 10px 0;
_padding:11px 0 0 0;
width:630px;
}


ul.catlist li a {
color:#006D6A;
float:left;
font-size:14px;
line-height:140%;
width:530px;
}


span.cat-date {
float:right;
width:100px;
text-align:right;	
}

.pagenav {
float:right;
height:12px;
line-height:12px;
width:340px;
margin-bottom:35px;
display:block;
}
.pagenav span {
float:left;
color:#000;
line-height:12px;
padding:3px 5px 3px 0;
}

#p {
width:30px;
height:12px;
float:left;
}
.goBtn {
background:transparent url(/sgcc_csr/images/go.gif) no-repeat;
width:18px;
height:18px;
border:0;
}
/* cat style end  */

/* vedio style start  */
div.vedio {
width:680px;
padding-bottom:24px;
}

.vedio_title {
height:30px;
width:680px;
line-height:16px;
font-size:16px;
_line-height:18px;
font-weight:700;
color:#006D6A;
border-bottom:1px solid #D1D1D1;
margin:24px 20px 0 20px;
text-align:left;
}

.vedio_meta{
height:20px;
width:680px;
line-height:12px;
font-size:12px;
color:#D1D1D1;
margin:6px 20px 0 20px;
text-align:left;
}

span.vedio_dl {
float:right;
text-align:left;
} 

span.vedio_dl a{
color:#006D6A;
}

.vedio_item {
width:680px;
margin:10px 20px;
}

.vedio_desc {
width:680px;
margin:10px 20px;
}

.vedio_desc p{
line-height:20px;
}
/* vedio style end  */

/* footer style start  */
#footer {
color:#999;
background:url(/sgcc_csr/images/footer_bg.gif) no-repeat;
width:950px;
height:100px;
clear:both;
border-top:1px solid #D1D1D1;
}

#footer a {
color:#999;
}

#footer ul {
float:left;
color:#999;
padding:10px 0 0 20px;
}

#footer ul li {
float:left;
margin:0 5px;
}

#footer #copyright {
float:right;
height:25px;
margin-top:5px;
}

#footer #copyright p {
float:left;
line-height:30px;
padding-right:20px;
font-size:12px;
font-family:Verdana, "宋体", Arial,Sans-serif;
}

#footer #copyright span {
float:left;
border-left:1px solid #648bb1;
padding:0 15px 0 20px;
}
/* footer style end  */