#contentSize{ margin: 0 auto; width:100%; clear:both; }
#contents{ margin: 0 auto; width:100%; clear:both; min-height: 560px; }
.main{margin:15px auto; width:1200px;}
.mainPage{margin: 0px auto; width:1200px; clear:both;min-height: 560px; background: #fff; position: relative;}
.mainimg{margin:35px auto; width: 100%;}

/*首页对联+图片悬浮窗口*/
div#ad_roll {Z-INDEX: 2147483647; POSITION: fixed; BACKGROUND-COLOR: #eee; COLOR: #fff}
.ad_roll {}
.ad_roll_box {BOX-SIZING: content-box; BORDER-BOTTOM: #acacac 1px solid; BORDER-LEFT: #acacac 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 400px; PADDING-RIGHT: 0px; HEIGHT: 138px; OVERFLOW: hidden; BORDER-TOP: #acacac 1px solid; BORDER-RIGHT: #acacac 1px solid; PADDING-TOP: 0px}
.close_roll_btn {BOX-SIZING: content-box; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 15px; BACKGROUND-COLOR: #fc8542; WIDTH: 15px; HEIGHT: 15px; COLOR: #fff; FONT-SIZE: 10px; TOP: 1px; CURSOR: pointer; right: 1px;}
.close_btn {BOX-SIZING: content-box; POSITION: absolute; TEXT-ALIGN: center; LINE-HEIGHT: 20px; BACKGROUND-COLOR: #999999; WIDTH: 50px; HEIGHT: 20px; COLOR: #fff; FONT-SIZE: 12px; TOP: 4px; CURSOR: pointer; LEFT: 100px}
.ad {Z-INDEX: 2147483647; BOX-SIZING: content-box; POSITION: fixed; WIDTH: 150px; HEIGHT: 580px; OVERFLOW: hidden; TOP: 145px}
.ad_right.ad {RIGHT: 85px}
.ad_left.ad {LEFT: 85px}
.ad_box {BOX-SIZING: content-box; BORDER-BOTTOM: #acacac 0px solid; BORDER-LEFT: #acacac 0px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; WIDTH: 150px; PADDING-RIGHT: 4px; HEIGHT: 580px; OVERFLOW: hidden; BORDER-TOP: #acacac 0px solid; BORDER-RIGHT: #acacac 0px solid; PADDING-TOP: 4px}
.input11{ width:200px; height:30px; background: url(404.png) right  no-repeat; background-size:20px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none; /*去掉下拉箭头*/}

/*---------右边悬浮------------------------------*/
.side_nav{position: fixed;top: 50%;right: 2px;width: 90px; z-index:999}
.side_nav ul li{ cursor:pointer;position: relative;width: 90px;float: right;/* border-bottom: 1px solid #fff; */}
.side_nav ul li a{display:inline-block;height: 90px;position: absolute;top: 0;left: 0;}

.side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;}
.side_nav_3 {width: 90px;}
.side_nav_3 a span{height:128px;position: absolute;right: 90px;bottom:3px;margin-left: 0!important;display: none;}
.side_nav_3 a{width: 90px;background: url(../image/xf.png) no-repeat left -100px;}
.foo_book{background: url(../image/xf.png) no-repeat left 0;height: 95px;}

/* banner */
.banner1 { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.banner1 .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: 550px; margin: 0 auto;}
.banner1 .e_pic_wrap li {position:relative;  width:100%; margin: 0 auto; height: 550px; }
.banner1 .e_pic_wrap li img{ width: 100%; height: 100%;}
.banner1 .e_bg_flt { position: absolute; right: 0; top: 0; width: 270px; height: 550px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }
.banner1 .e_flt_inf { position: absolute; right: 0; top: 0; width: 227px; height: 180px; padding: 25px 28px 10px 15px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
.banner1 .e_flt_inf .t_info { line-height: 20px; height: 84px; overflow: hidden; }
.banner1 .e_flt_inf .t_info a { color: #fff; }
.banner1 .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }
.banner1 .e_sep a { color: #81d6d3; }
.banner1 .prev, .banner1 .next { position: absolute; z-index: 30; display: block; }
.banner1 .prev { top: 28%;margin-top: 50px;left: 10px; }
.banner1 .next { top: 28%;margin-top: 50px;right: 10px;}
.banner1 .prev a {display: block; width: 35px; height: 60px; border-radius: 2px; z-index: 999; background: url(../image/slider-arrow.png) -128px -138px no-repeat; background-color:rgba(0, 0, 0, 0.5);}
.banner1 .next a { display: block; width: 35px; height: 60px; border-radius: 2px;  background: url(../image/slider-arrow.png) -11px -138px no-repeat; background-color:rgba(0, 0, 0, 0.5); }



/*图片轮播*/
.bannerbg{ float: left; width: 640px; height: 387px;  background: url(../image/lb-bg.png) left top no-repeat; padding: 20px; margin-right: 20px;}
.banner{position: relative;overflow: auto;text-align: center;width:600px; float:left;  min-height:347px; margin-right:18px;  }
.banner .dots{position:absolute; right:10px; bottom:4px; z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;background:#fff; border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#ffab00;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:600px; float: left;height:347px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 600px;max-height: 38px; padding:8px 110px 8px 20px; text-align:left;  line-height: 25px;color: #fff;font-size: 14px; font-weight: bold; background: rgba(0,0,0 ,.55);overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
/* .banner ul .slider-item .slider-title::before{ content: ""; position: absolute; top:18px; left: 10px; width: 5px; height: 5px; background: #fff;border-radius:5px;}*/
.banner ul img { width: 100%; height: 100%;}
.banner .progress{position:absolute;left:0;bottom:0;width:100%;min-height:3px;overflow:hidden;z-index:2;background:#ffab00;}


/* 新闻中心 */
.xwzx{ float: left; width: 540px;height:341px;  position: relative;}
.xwzx .more{ width:95px;  border-radius: 5px; background:#ffab00; padding: 5px; text-align: center; position: absolute; bottom:-46px;}
.xwzx .more a{ color: #fff; font-size: 14px;}	
	

/* 标题 */
.titleBox {position: relative;width: 100%;height: 90px;padding-top: 30px;font-weight: bold;line-height: 70px;color: #000;font-size: 29px;font-family:"微软雅黑";}
.titleBox span{position: absolute;width: 100%;display: block;/* color: #919191; */}
.titleBox a {  position: absolute;  right: 0; padding-right: 24px; font-size:14px;  color:#000; background: url(../image/more.png) right center no-repeat;}
.eng{ color: #999999; font-size: 18px;font-family:"微软雅黑";}

/* 新闻中心标题 */
.titleBox1 {position: relative;width: 100%;height: 95px;font-weight: bold;line-height: 95px;color: #000;font-size: 29px;font-family:"微软雅黑";}
.titleBox1 span{position: absolute;width: 100%;display: block;/* color: #919191; */}
.titleBox1 a {  position: absolute;  right: 0; padding-right: 24px; font-size:14px;  color:#000; background: url(../image/more.png) right center no-repeat;}
.eng{ color: #999999; font-size: 18px;font-family:"微软雅黑";}

/* 首页列表 */
.mg_top{ margin-top:8px;}
.list{ margin-top: 5px;}
.list li { position: relative; width:100%; height:56px; line-height:56px; font-family:"微软雅黑"; border-bottom: #e6e6e6 1px dashed; font-size:18px; color:#787878; overflow:hidden; }
.list li a {color:#333333; display: inline-block;  width: 100%;  padding-left:20px; padding-right: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list li span { position: absolute; top: 0; right: 9px;}
.list li::before { content: ""; position: absolute; left:9px; top:26px;  display: inline-block; width: 4px; height: 4px; background: #333;border-radius:4px;}
.list li a:hover{ color:#ffab00;font-weight: bold; }
.list li a:hover::before {content: ""; position: absolute; left:9px; top:26px;  display: inline-block; width: 4px; height: 4px; background: #ffab00;border-radius:4px;}
.listBox .list li:last-child { border-bottom: none;}
.noData{ text-align: center; margin: 20px auto;}
.nomal_img{ width:100%; height: 100%;}


/*通用50%栏目*/
.box1{ width: calc(50% - 20px); height: 450px; float: left; }
.box2{ width: calc(50% - 20px); height: 450px;  float: right; }

/*专题栏目*/
.zt .listimg{margin-top: 18px;}
.zt .listimg li{position: relative; float: left; width:580px; height:200px;font-family:"微软雅黑"; font-size:16px; color:#fff;  }
.zt .listimg li img{border-radius: 5px;}
.zt .listimg li:first-child{ margin-right:39px;}
.zt .listimg li a{color:#fff; }
.zt .listimg li span{ height: 36px; line-height: 36px; width: 250px; text-align: center; bottom:20px; left:190px; position: absolute; background-color:rgba(0, 0, 0, 0.6); }

/*服务*/
.listfw{margin-top: 42px;}
.listfw li{position: relative; float: left; margin: 20px; padding:20px; width:250px; height:100px;font-family:"微软雅黑"; font-size:16px; color:#000; border-radius: 10px; background-color: #f3f3f1; }
.listfw li i{float: left;width:55px; }
.listfw li a{ float: left; color:#000; line-height: 26px; height: 100%; width:155px; text-align: center; padding:15px 0 0 15px; font-weight: bold;} 


/*专题切换*/
.qunar { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: 300px; margin: 0 auto;}
.qunar .e_pic_wrap li {position:relative;  width:100%; margin: 0 auto; height: 300px; }
.qunar .e_pic_wrap li img{ width: 100%; height: 100%;}
.qunar .e_bg_flt { position: absolute; right: 0; top: 0; width: 270px; height: 300px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }
.qunar .e_flt_inf { position: absolute; right: 0; top: 0; width: 227px; height: 180px; padding: 25px 28px 10px 15px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
.qunar .e_flt_inf .t_info { line-height: 20px; height: 84px; overflow: hidden; }
.qunar .e_flt_inf .t_info a { color: #fff; }
.qunar .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }
.qunar .e_sep a { color: #81d6d3; }
.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
.qunar .prev { top: 85%; left: 75.5%; }
.qunar .next { top: 85%; right: 20%; }
.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../image/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../image/ico_prevnext_ie6.png); }
.qunar .prev a { background-position: 0 0; }
.qunar .next a { background-position: 0 -80px; }

/*安全知识*/
.boxaqzs{width: calc(55% - 20px); height: 450px; float: left;}
.boxaqzs .titleBox {position: relative;width: 100%;height: 73px;padding-top:0;font-weight: bold;line-height: 70px;color: #000;font-size: 29px;font-family:"微软雅黑";}
.listaq{ height: 360px; }
.listaq li {position: relative;width:100%;height: 61px;line-height: 61px;font-family:"微软雅黑";margin-bottom: 10px;font-size:18px;color:#787878;overflow:hidden;}
.listaq li a {color:#333333;display: inline-block;width: 100%;padding-left: 154px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.listaq li span {position: absolute;top: 0;left: 0;background: #ffab00;padding: 7px  34px;color: #fff;line-height: 24px;height: 61px;text-align: center;font-weight: bold;}
.listaq li::before {content: "";position: absolute;left: 141px;top: 28px;display: inline-block;width: 4px;height: 4px;background: #333;border-radius:4px;}
.listaq li a:hover{ color:#ffab00;font-weight: bold; }
.listaq li a:hover::before {content: ""; position: absolute; left:141px; top:28px;  display: inline-block; width: 4px; height: 4px; background: #ffab00;border-radius:4px;}



/*企业文化*/
.box_qywh{ float: right; width: 501px;  height: 631px;  background: url(../image/qywh.png) center center;position: relative;}
.box_qywh .titleBox {position: relative;width: 100%;height: 90px;padding-top: 30px;font-weight: bold;line-height: 70px;color: #fff;font-size: 29px;font-family:"微软雅黑";}
.box_qywh .titleBox span{position: absolute;width: 100%;display: block; padding-left: 50px;}
.box_qywh .titleBox a {  position: absolute;  right: 0; padding-right: 24px; font-size:14px;  color:#fff; background: url(../image/more.png) right center no-repeat;}
.box_qywh .eng{ color: #fff; font-size: 18px;font-family:"微软雅黑";}

.listqywh{ margin-top: 15px;}
.listqywh li {width:100%;line-height: 61px;font-family:"微软雅黑";font-size: 24px;font-weight: bold;color: #fff;padding: 74px 0 0px 50px;overflow:hidden;}
.listqywh li p {color: #fff;line-height: 33px;/* text-align: center; */font-weight: 100;width: 94%; }
.listqywh .more1 { position: absolute; bottom: 50px; right:57px; }
.listqywh .more1 a{color:#fff;}
.listqywh .more1 a:hover{color:#ffab00;}


/*互动*/
.listhd{/* margin-top: 42px; */}
.listhd li{position: relative;float: left;margin: 0 20px 0 20px;padding:20px;width:250px;height:100px;font-family:"微软雅黑";font-size:16px;color: #fff;border-radius: 10px;}
.listhd li:first-child{background-color: #51bef9;}
.listhd li:last-child{background-color: #f8831c;}
.listhd li i{float: left;width:55px; margin: 7px 0 0 15px; }
.listhd li a{float: left;color: #fff;line-height: 26px;height: 100%;width:140px;text-align: center;padding:15px 0 0 15px;font-weight: bold;} 


/*子公司*/
.box{ width: 1200px; min-height: 200px; margin: 0 auto;}
.listzgs{ margin-top: 10px;}
.listzgs li { float: left; position: relative;line-height: 61px;font-family:"微软雅黑";color:#fff;overflow:hidden; margin: 10px;width:380px;height:300px;}
.listzgs li a {float: left; width:380px;height:300px;position: absolute;padding-top: 120px;line-height: 40px;text-align: center;color:rgba(0, 0, 0, 0);}
.listzgs li.active>a{background-color:rgba(0, 0, 0, 0.7); color:#fff; }
.listzgs li:hover>a{background-color:rgba(0, 0, 0, 0.7); color:#fff;}
.listzgs li a:hover>p{line-height: 30px;  width:123px; height: 30px; background-color:#ffab00; border-radius: 10px; position: absolute; left:128px;}
.imgList{padding-bottom: 20px;width: 100%;/* border: 1px #999 solid; */text-align:justify;display:inline-block;}
.imgList dl{float:left;width: 350px;height: 100%;margin: 25px 25px 20px 24px;position: relative;}
.imgList dl dt{ width: 100%; height: 260px;}
.imgList dl dt img{width: 100%;height:100%;}
.imgList dl dd{ width: 100%; line-height: 45px; height: 45px; text-align: center; position: absolute; color: #fff; bottom: 0px;  background-color: rgba(0, 0, 0, 0.4);}
.imgList dl dd a{ color: #fff;}

/*气费查询等-表单列表页*/
.mg_top{ margin-top:8px;}
.listly{ margin: 20px auto; width:1200px;position: relative;}
.listly .main1{ padding: 50px 20%;}
.listly .main1 .tab1{ font-size:14px; color:#333; }
.td_1{ font-size:14px;}
.td_2{ font-size:14px; line-height:38px;}
.td_3{  line-height:68px;}
.td_3 span{ color: #ff0000; margin-right: 2px;}
.buttonBox{ width:100%;   text-align:center; }
.button{background-color:rgb(30, 198, 223); width:100px; height:32px; border-radius:5px; color:#fff;font-size:14px;margin: 0 auto;line-height: 32px; cursor:pointer;}
.td_img{border:#d3cebb 1px solid;display:block;}
.text_1{width:521px; height:38px; line-height:35px;background:#fff; border:#d3cebb 1px solid; padding:0 20px; border-radius:5px; color:#999;font-size:14px;resize: none;}
.text_2{color:#999;font-size:14px;}
.text_3{/* width: 1200px; */margin: 37px auto;text-align: center;font-size: 24px;font-weight: bold;}
.leibie{width:175px; height:34px; border:#d3cebb 1px solid; color:#746a46;font-size:16px;  }

/*气费查询结果页面*/
.listly .main2{ width:100%; padding: 50px 0; border: 1px #D9D9D9 dashed;margin-top: 70px;}
.listly .main2 .tab2{margin-left: 160px;font-size: 14px;color: #333;margin-bottom: 30px; width:740px;}
.buttonBox1{ text-align:center; margin-top: 70px; }
.bBottom{ border-bottom: 1px solid #D9D9D9}
.color_green{color:#00cc6e;}
.color_red{ color:#FF0000;}


/*友情链接*/
.boxlink{ width: 1200px; margin: 30px auto;}
.titlelink{ float: left; width: 120px; height:78px ; text-align: center; line-height: 50px; color: #fff; font-size: 18px; background: url(../image/linkbg.png) left top no-repeat; }
.listlink{ float: left;width: calc(100% - 150px); padding:30px 30px 30px 60px; }
.listlink li{ float: left; width: calc(35% - 30px); line-height: 40px; }
.listlink li a{ color: #333;}

/*详情页标题*/
.titlecont{width: 1200px; margin: 0 auto; text-align: center; background:#ffab00; color: #fff;}
.titlecont a{color: #fff;}

/*单独背景样式*/
.boxbg{ background: url(../image/boxbg.jpg) center top; }
.bg{background:#f8f8f8 ;}
/*最新一条资讯样式*/
.newsIcon{color:#ab1d1f; display: inline;}
.newsIcon a:hover{color:none;}

/*系统正在建设中样式*/
.noHerfHtml{display: none;position: absolute;left: 0;top: 0;width: 250px;text-align: center;color: #fff;font-weight: bold;height: 100px;border-radius: 10px;line-height: 100px;background: rgb(0,0,0,0.5);}
.warnBox{left: 50%;top: 20%; transform: translate(-50%, -50%);width: auto;padding: 0 100px;}
/*分页*/
.pagebar{margin-top:20px;}

/*弹出页*/
.main2{ position: absolute;top: 0;right: 0;margin: 0 auto; width: 1100px; background: #fff; border: 1px solid #ccc;  padding: 50px;}