@charset "utf-8";
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;/* End hide from IE-mac */}
.overflow{overflow:auto;zoom:1;/* IE7 */}
.hide{display:none;}
html{/*overflow-x:hidden;*/overflow-y:auto;}

.main .w{padding:0;}
gray *{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter: gray;}


/*banner图区域*/
.slide{ width:100%; height:470px; overflow:hidden; position:relative;}
.slide .hd{ height:14px; position:absolute;bottom:54px; z-index:1;width:100%; }
.slide .hd ul{width:100%;text-align:center;}
.slide .hd ul li{display:inline-block;margin:1px 5px; width:13px; height:13px; border-radius: 7px;background: #fff; cursor:pointer; text-indent:999em}
.slide .hd ul li.on{background: #f6ab00; width:50px;}
.slide .bd{ position:relative; z-index:0;}
.slide .bd ul{width:100%!important;}
.slide .bd li{ zoom:1; vertical-align:middle; width:1920px!important; height:470px; display:block; position:absolute; left:50%!important; margin-left:-960px;}
.slide .bd img{width:100%; height:470px;}
.slide a.prev, .slide a.next{display:block; position:absolute; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2; color:#fff; height:100%; padding:0 10px; top:0; font:bold 80px/470px simsun; cursor:pointer; z-index:2003;}
.slide a.prev{left:0;} 
.slide a.next{right:0;}
.slide a.prev:hover, .slide a.next:hover{background:rgba(0,0,0,0.1); text-decoration:none}

.picnews{ width:45%; /*height:370px;*/ float:left; overflow:hidden; position:relative;}
.picnews .hd{ height:14px; position:absolute; top:80%; z-index:1; /* bottom:17px; */width:100%;}
.picnews .hd ul{width:100%;}
.picnews .hd ul li{display:inline-block; border-radius: 7px;background: #fff; cursor:pointer; text-indent:999em; margin:0 4px; width:12px; height:12px;}
.picnews .hd ul li.on{background: #f6ab00; width:30px;}
.picnews .bd li{position:relative;}
.picnews .bd li+li{display:none;}
.picnews .bd img{max-width: 100%; min-width:auto;/* height:340px;*/}
.picnews .bd s{position:absolute; bottom:0; left:0; display:block; color:#fff; width:100%; /* height: 44px; */ overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */ line-height: 20px; background:#4c4c4c; padding:7px 20px; text-align:center; font-size:15px;box-sizing: border-box;}
.picnews .bd a:hover s{ text-decoration:underline}

.headline{padding:20px 0 5px; font-size:18px;}
.headline a{color:#333; line-height:20px;}
.headline a:hover{color:#00796a; text-decoration:none}
.headline a:hover font{color:#00796a; text-decoration:none}
.headline .tit1 {padding-bottom:10px; text-align:center;}
.headline .tit1 a{font-size:28px; line-height:30px; font-weight:bold}
.headline i{color:#00796a}

.newsbox.topnews{float:right; width:52%; /*height:370px; */overflow:hidden;}
.topnews ul{padding:4px 0 0;}
.topnews li{padding:9px 0 0; clear:both;}
.topnews li i{margin:0 25px 0 0; font:bold 24px/26px Arial, Helvetica, sans-serif; display:none/*屏蔽*/; width:56px; height:42px; border:solid 1px #b3b3b3; box-sizing:border-box; text-align:center; float:left; color:#888;}
.topnews li i s{display:block; height:14px; font:10px/14px Arial, Helvetica, sans-serif; background:#b3b3b3; color:#fff;}
.topnews li a{color:#000;font-size:15px;line-height:22px;float: left;width: calc(100% - 110px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topnews li a:hover{color:#006d69}
.topnews li u{color:#999; font-size:14px; line-height:16px;}
.topnews li:hover i{border:solid 1px #006d69; color:#006d69}
.topnews li:hover i s{background:#006d69}
.topnews li:hover u{color:#666;}
.rdate{float: right;color: #999;}

.hotnews{margin:30px 0; background:#f2f2f2; padding:15px; text-align:left}
.hot_l{padding:15px; background:#fff; float:left; width:675px; height:100px}
.hot_l img{float:left; width:134px; height:101px; margin-right:17px}
.hot_l dt{line-height:24px;}
.hot_l dt s{font-size:12px; color:#fff; background:url(../images/hotnewsbg.png) no-repeat right center; padding:0 8px 0 5px; display:block; float:left}
.hot_l dt a{font-size:22px; color:#00796a; margin-left:5px; display:block;}
.hot_l dd{font-size:13px; color:#666; line-height:24px; padding:5px 0 0;}
.hot_r{width:340px; margin-left:15px; float:left; line-height:26px;padding-top:10px;}
.hot_r li a{font-size:14px;}
/* 共同关注  */


.newscenter{margin:0 0 0;}
.newsbox{width:35%; text-align:left; position:relative}
.newsbox1{width:35%; text-align:left}

.newsbox h3{background:url("../UploadFiles/sybj/titlebg02.png") repeat-x bottom; font-weight:normal; color:#ccc; line-height:28px;}
.newsbox1 h3{background:url(../UploadFiles/sybj/titlebg02.png) repeat-x bottom; font-weight:normal; color:#ccc; line-height:28px;}

.newsbox h3 i{height:31px; font-size:16px; padding:0 12px; color:#333; display:inline-block; cursor:pointer;}
.newsbox1 h3 i{height:31px; font-size:16px; padding:0 12px; color:#333; display:inline-block; cursor:pointer;}

.newsbox h3 i:hover{color:#00796a;}
.newsbox h3 i.cur{background:url(../UploadFiles/sybj/titlebg01.png) repeat-x bottom}
.newsbox h3 a.more{float:right;color:#006d69; display:inline-block; font-size:12px;}

.newsbox1 h3 i:hover{color:#00796a;}
.newsbox1 h3 i.cur{background:url(../UploadFiles/sybj/titlebg01.png) repeat-x bottom}
.newsbox1 h3 a.more{float:right;color:#006d69; display:inline-block; font-size:12px;}
.newsbox1 div div div{padding-bottom:5px;}
.newsbox1 div div div +div{font-size:14px;line-height:22px;}

.newspic{margin:0px 0 10px!important; height:230px; width:100%; overflow:hidden; display:block; transition:none;margin-bottom:10px;}
.newspic img{transition:transform 1s ease 0s;max-width: 100%;}
.newspic img:hover{transform: scale(1.1);}
.newslist li{line-height:35px;}
.newslist li a{width: calc(100% - 55px);float:left; font-size:16px; color:#222; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li i{float:right; color:#999;width:55px;}
.newslist li.cur a{color:#00796a}
.newslist li a:hover{color:#00796a}
.yshj{height:183px;width:100%;padding-bottom:15px;}
.yshj p{height: 31px;font-size: 16px;padding:0;color: #333;background:url(../images/titlebg02.png) repeat-x bottom;text-align:left;}
.yshj p span{background:url(../images/titlebg01.png) repeat-x bottom;height: 31px;float:left;padding:0 15px;}
.yshj_bot{height:150px;padding-top:12px;}
.yshj_1{width:210px;height:140px;float:left;}
.yshj_2{width:405px;height:140px;float:left;margin:0 30px;font-size:14px;line-height:28px;color:#666;text-align:left;}
.yshj_2 a{color:#00796a;}
.yshj_3{width:423px;height:140px;float:right;}
.yshj_3 li{height:28px;}
.yshj_3 li a{height:28px;font-size:14px;line-height:28px;color:#000;float:left;}
.yshj_3 li span{float:right;font-size:14px;line-height:28px;color:#666;}



.mapbg{background:#e6e6e6 url(../images/mapbg.png) no-repeat center; height:600px; position:relative}
.servicebox{position:absolute; width:150px; right:50%; padding:0 20px; margin:25px -550px 0 0; height:550px; background:rgba(255,255,255,0.4);}
.servicebox .sa li{width:150px; height:59px; margin:0 auto 10px; background:rgba(255,255,255,0.6); text-align:center; position:relative; z-index:900; box-sizing:border-box; border:solid 1px transparent; border-width:1px 1px 1px 0;}
.servicebox .sa li a{display:block; position:absolute; left:0; width:150px; height:60px; padding:0 0 0; background:url(../images/serv11.png) no-repeat center;}
.servicebox .sa li.sa3 a{background-image:url(../images/serv12.png); z-index:1000}
.servicebox .sa li.sa2 a{background-image:url(../images/serv13.png);}
.servicebox .sa li.sa4 a{background-image:url(../images/serv14.png); z-index:1000}
.servicebox .sa li.sa6 a{background-image:url(../images/serv15.png);}
.servicebox .sa li.sa5 a{background-image:url(../images/serv16.png); z-index:1000}
.servicebox .sa li.sa7 a{background-image:url(../images/serv17.png)}
.servicebox .sa li a:hover{text-decoration:none; color:#00796a;}
.servicebox .sa li:hover, .servicebox .sa li.cur{background:rgba(255,255,255,0.9);z-index:2000; border-color:#ccc;}

.servicebox .sc li{position:absolute; background:rgba(255,255,255,0.9); font-size:15px; color:#000; line-height:1.5; width:300px; height:421px; padding:30px 40px 20px 40px; display:none; right:169px; top:56px; border:solid 1px #ccc; text-align:justify; z-index:1000}
.servicebox .sc li img{display:block; margin:0 auto 10px; border:solid 1px #ccc; width:100%}
.servicebox .sc li a{color:#00796a; position:absolute; bottom:20px; right:25px;}

.mapbox{position:absolute; width:850px; left:50%; padding:0 20px; margin:25px 0 0 -550px; height:550px; background:rgba(255,255,255,0.4);}
.mapbg h3{font-weight:normal; color:#b3b3b3; line-height:55px; position:relative; z-index:1000;}
.mapbg h3 i, .mapbg h3 s{height:40px; font-size:18px; padding:0 12px; color:#333; display:inline-block; cursor:pointer;}
.mapbg h3 s{font-size:15px;}
.mapbg h3 s:hover{color:#00796a;}
.mapbg h3 i.cur, .mapbg h3 s.cur{font-weight:bold; color:#00796a; cursor:default}

.map{position:absolute; width:850px; height:480px; top:50px;}
#map_main{height:480px; background:url(../pic/map1.png);}
#map_main2{height:480px; background:url(../pic/in_clw.jpg); display:none}
#map_l{width:260px; height:445px; left:-600px; padding-top:0px; position:absolute; margin:10px 0 0 10px; background:rgba(255,255,255,0.5); z-index:2000}
#map_l > div{height:143px;}
#map_l > div>div{overflow:visible!important;}

.mapslide{position:absolute; background:url(../images/mapbtn10.png); cursor:pointer; left:0; top:50%; margin-top:-55px; width:18px; height:111px;}
.mapslide.on{background:url(../images/mapbtn11.png);}
.mapcdz{display:block;top: 10px; right:-170px;padding:5px 12px 5px 14px;line-height:24px;white-space:nowrap;position: absolute;background: rgba(255,255,255,.5); font-size:16px;color:#3399cc;text-align:center}
.mapcdz s{color:#33cc66; display:block;}
.mapcdz u{font-size:24px;}

/* 首页营商环境  */
#yshj_navs {position:absolute;width:105px;height:20px;top:10px;right:5px;}
#yshj_navs a{width: 10px; height: 10px; display: inline-block;float:left; margin-right: 5px; background:#c2c2c2; border-radius:5px;}
#yshj_navs .yshj_navs1{width:20px;background:#f6ab00;}

#left_yshj{width: 648px; margin: 0px; float: left; text-indent: 0em; color: rgb(102, 102, 102); line-height: 2; font-size: 14px; height: 145px; position: relative;}
#left_yshj .yingszuImg{display:block;}
#left_yshj > a{display:none;}

/*热点专题*/
.m_zt{width:63%; /*height:260px;*/ float:left; overflow: hidden;}
.ztmore{position:absolute;top: 4px; right: 0;}
.m_zt .newspic{margin:10px 0 15px!important; height:auto; width:100%;}
.m_zt .newspic img{transition:transform .5s ease 0s;max-width: 100%;width: 100%;height: 136px;}
@media(max-width:960px){.m_zt .newspic img{height: auto;}}
.m_zt .newspic img:hover{transform: scale(1.05);}
.ztlist{overflow:hidden; position:relative; }
.ztlist .hd{overflow:hidden; display:none }
.ztlist .prev, .ztlist .next{display:block; position:absolute; top:50%; margin:-15px 0 0 0; width:20px; height:30px; cursor:pointer; background: url(../images/rgba_03.png); left:0; color:#fff; font-size:24px; line-height:30px; font-family:simsun; text-align:center; z-index:2000}
.ztlist .next{left:auto; right:0;}
.ztlist .prev:hover, .ztlist .next:hover{background: url(../images/rgba_05.png); text-decoration:none}
.ztlist .bd ul{overflow:hidden; zoom:1; /*width:735px;*/ }
.ztlist .bd ul li{margin:0 20px 0 0px;margin:0 15px 0 0; float:left; _display:inline;width:350px;width:230px; height:80px; overflow:hidden}
.ztlist .bd ul li .pic img{width: 100%;/*width:350px; width:230px; height:80px; */display:block;transition:transform .5s ease 0s;}
.ztlist .bd ul li .pic img:hover{transform: scale(1.05);}

/*20191009 del首页国网故事汇*/
#tul_ones_g{display:none}

/* 底部*/
.commonweb { padding: 0px 7%; }
.commonwebbox { margin-left: 0px; margin-right: 0px; }
.commonleft { float: none; }
.commonright { float: none; }


.Displayfoot { width: 100%; font-size: 15px; background-color: #1e1e1e; padding-top: 10px; color: #a5b0bd; }
.Displayfoot a { color: #a5b0bd; font-size: 14px; }
.Displayfoot a:hover { color: #f7931c; }
.footerlinks ul li { line-height: 32px; color: #a5b0bd; border-bottom: 1px solid #848484; }
.footerlinks ul li h4 { position: relative; padding: 15px 0; }
.foottitle { font-size: 16px; }
.foottitle img { display: block; height: 16px; }
h3.foottitle { color: #db1e1b; padding: 26px 0 15px 0; }
.footabout { font-size: 12px; }
.footnav { padding-bottom: 12px; }
.footnav p a { display: block; float: none; font-size: 15px; line-height: 24px; height:24px; margin: 6px 6px 6px 0; }
.footnav p img{max-width:100%;}
.foottitle:after { display: block; content: ""; width: 15px; height: 15px; background: url(../images/wq_icon36.png) no-repeat center; position: absolute; right: 1%; top: 50%; margin-top: -7px; }
.foottitle.cur:after { background: url(../images/wq_icon37.png) no-repeat center; }
h3.foottitle:after { display: none; }
.Copyright { text-align: center; padding: 10px 0; background-color:#171717; }
.leftlogotel { text-align: center; padding-bottom: 20px; color: #a5b0bd; }
.leftlogotel img { display: inline-block; }
.leftlogotel p.phone span { font-weight: bold;    color: #cc0606; }
.footershare { z-index: 2; text-align: center; font-size: 0; }
.frindlink { border-top:1px solid #242424; margin: 16px 0 0 0; }
.frindlink p { padding: 0 0 12px 0; line-height: 28px; }
.frindlink span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-color: #38577b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #cfd4d9; padding: 0 12px; }
.frindlink a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 6px; }
.Displayfoot .footerlinks ul li.lastcode { padding-top: 13px; text-align: center; border-bottom: 0; }
.Copyright .footlink em { padding: 0 5px; }







@media(max-width:1277px){
.topnews li:last-child(n-3){display: none;}
.picnews{width:53%}
.newsbox.topnews{width:46%}
.topnews li a {float:left;width: calc(100% - 84px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;}
.rdate{width: 84px;float: right;color: #999;}
.newslist li {line-height: 35px;}
.newslist li i {width: 45px;}
.newslist li a {width: calc(100% - 45px);float: left;}
.newspic {height: 179px;}

}

@media(max-width:1140px){
.topnews li {padding: 4px 0 0;clear: both;}
}

@media(max-width:1024px){
.w{width:96%;}
.topnews li {padding: 5px 0 0;}
.topnews li a{line-height:21px;}
.picnews .bd s{font-size:14px;}

}

@media(max-width:960px){
.headline .tit1 a {font-size: 24px;}
.picnews {width: 100%;}
.newsbox.topnews {width: 100%;}
.m_zt {width: 100%;}
.newsbox{width: 100% !important;margin-left: 0 !important;}
.newspic { height: 100%;}

}
@media(max-width:768px){
	.headline .tit1 a {font-size: 18px;}
/*footer*/	
.tem_index_footer_contact li {width: 100%}
.tem_index_footer_attention{padding-top: 23px;}
.Displayfoot .footerlinks ul li.liwid{width:100%}

}
@media(min-width:1024px){
	

/*.Displayfoot .footerlinks { padding-top: 20px; position: relative; }
.Displayfoot .footerlinks ul li { width: 13%; float: left; padding: 0; border: none; margin-right: 5px; }
.Displayfoot .footerlinks ul li.lastcode { position: absolute; right: 0; top: 0; }
.Displayfoot .footerlinks ul li:last-child { margin-right: 0; border: none; width: auto; }
.Displayfoot .foottitle { padding-bottom: 10px; }
.Displayfoot .footabout { padding-top: 30px; }
.Displayfoot .footnav { display: block; padding-top: 0; }
.Displayfoot .footerlinks ul li h4 { padding: 0; height: 26px; margin-bottom: 13px; font-size: 21px; color: #FFFFFF;font-weight: normal; }
.Displayfoot .footerlinks ul li h4:after { display: none; }
.Displayfoot a { color: #a5b0bd; }
.Displayfoot h3.foottitle { padding: 0 0 15px 0; }
.Displayfoot .foottitle img { display: block; height: 19px; }
.Displayfoot .commonweb { max-width: 1290px; padding: 0 40px; }
.leftlogotel p.name { font-size:21px; padding: 11px 0 29px 0; }
.leftlogotel p.phone { font-size: 16px; }
.leftlogotel p.phone span { display: block; font-family: "AvantGarGotItcTEE"; font-size: 22px; padding: 6px 0 0 0; }
.footershare { padding: 40px 0 0 0; }
.Copyright {text-align: left; }
.Copyright .footlink { float: left; width: 100%; padding: 0 0 0 10px; }
.Copyright .footlink em { padding: 0 10px; }
.Copyright .copy { float: right; text-align: right; width: 60%; }
*/
}
@media(min-width:1200px){
/*底部*/
.Displayfoot .leftlogotel { float: left; width: 16%; text-align: left; }
/*.Displayfoot .footerlinks { float: right; width: 81%; padding: 9px 0 0 0; }*/
.Displayfoot .footerlinks ul li { margin-right: 18px; }
.Displayfoot .footerlinks ul li.lastcode { right: 10px; }
}
@media (min-width: 1310px) {
/*底部*/
.Displayfoot .footerlinks ul li.lastcode { right: 0; } 
}




@media(min-width:1450px){
.headline .tit1 a{line-height:52px;font-size:35px;}
.picnews .bd s{font-size:21px;line-height:38px;}
.picnews .hd {top: 407px;}

/*.newsbox.topnews{width:52%;}*/
.newsbox h3 i{font-size:24px;line-height: 21px;}
.topnews li a{font-size:20.5px;line-height:34px;}

.newslist li a{font-size:19px;}
.newslist li {line-height: 35px;}

.m_zt {width: 63%;}
.m_zt .newspic{width: 100%;}

.ztlist .bd ul li{width:284px;}


.newspic {height: auto;}


.frindlink p{font-size:20px;}

}
.blank20{height:30px;}
@media(min-width:1450px){.newsbox.topnews{width:42%;}.picnews{width: 56%;} }
@media(min-width:1520px){.newsbox.topnews{width:46%;}.picnews{width: 52%;} }
@media(min-width:1720px){.newsbox.topnews{width:46%;}.picnews{width: 52%;} }