@charset "utf-8";
/*-----------index start------------*/
/*banner*/
.slideBox{ width:100%;overflow:hidden; position:relative}
.slideBox .hd{ height:6px; overflow:hidden; position:absolute; left:50%;margin-left:-80px;bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:10px;width:40px; height:6px; background:#fff; cursor:pointer;border-radius: 6px;font-size:0}
.slideBox .hd ul li.on{ background:#e60012}
.slideBox .bd{ position:relative; height:100%}
.slideBox .bd li{width:100%;zoom:1;vertical-align: bottom}
.slideBox .bd li a{display: block;width:100%;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/images/hangang/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:2%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/*焦点图*/
.silder-box{margin-top: 20px}
/*新闻tab*/
.news-tabs {margin-top:20px}
.news-tabs .tab{float:left;width:100%;border-bottom:2px solid #e60012;background: #ededed}
.news-tabs .tab li{float:left;width:140px;height:48px;text-align:center}
.news-tabs .tab li a{display:block;width:100%;height:48px;line-height:48px;font-size:18px}
.news-tabs .tab li.on a{background: #e60012;color:#fff;text-decoration: none}
.news-tabs .con{height: 240px}
.news-tabs .list-box{margin-top:10px}
/*专题专栏index*/
.ztzl-box .bd{height:282px;padding:0;overflow: hidden}
.ztzl-box a{margin-top:13px;font-size:0;display: block;height: 80px}
/*工会之窗index*/
.ghzc-box .bd{margin-top:20px;padding:0;height: 247px;background: url(/images/hangang/ghzc-bg.jpg) no-repeat}
.ghzc-box .bd ul{margin:50px 0 0 150px}
.ghzc-box .bd ul li{;margin:10px 0}
.ghzc-box .bd a{color:#af2a12;font-size: 18px}
/*共青团index*/
.gqt-box .bd{margin-top:20px;padding:0;height: 247px;background: url(/images/hangang/gqt-bg.jpg) no-repeat}
.gqt-box .bd ul{margin:50px 0 0 50px}
.gqt-box .bd ul li{;margin:10px 0}
.gqt-box .bd a{color:#af2a12;font-size: 18px}
/*先进典型 index*/
.xjdx-box{margin:20px 20px 0;overflow:hidden; position:relative;background: #ededed}
.xjdx-box .ht{padding:0 20px;position:relative}
.xjdx-box .ht .title{display: block;margin-top:20px;font-size:18px;height:20px;line-height:20px;padding-left:10px;border-left:4px solid #e60012;}
.xjdx-box .pic-marquee-box{width:1100px;padding:20px;overflow: hidden}
/*数字报纸 index*/
.szbz-box .pic-txt-list li{margin:10px 0 0}
.szbz-box .pic-txt-list li .pic{width:222px;height:160px}
.szbz-box .pic-txt-list li .pic img{width:222px;height:160px}
.szbz-box .pic-txt-list li .txt{height:160px;margin-left:-242px}
.szbz-box .pic-txt-list li .txt .t,
.szbz-box .pic-txt-list li .txt .date,
.szbz-box .pic-txt-list li .txt .des{margin-left:242px}
.szbz-box .pic-txt-list li .txt .des{margin-top: 5px;}
.szbz-box .pic-txt-list li .txt .des p{height:92px;}
/*.szbz-box .btn-red{margin-top:20px}*/
.szbz-box .btn-red:hover{color:#fff;background: #f21728}
/*价格行情index*/
.price-list li{border-bottom: 1px solid #e5e5e5; overflow: hidden}
.price-list li .name{display: inline-block;width:200px;height: 29px;line-height: 29px; overflow: hidden}
.price-list li .num1{display: inline-block;width:90px;height: 29px;line-height: 29px; overflow: hidden}
.price-list li .num2{display: inline-block;width:83px;height: 29px;line-height: 29px; overflow: hidden}
/*价格行情index table*/
.price-list th, .price-list td{border-bottom: 1px solid #e5e5e5;}
.price-list .th{width:200px; height: 35px;}
/*产品展示index*/
#play{width:333px;text-align:center;position:relative;overflow:hidden;margin:0 auto;}
.img_ul {position:relative;z-index:10;}
.img_ul p{position: absolute;bottom:0;width:100%;height: 40px;line-height: 40px;color:#fff;text-align: center;;z-index:8}
.img_ul p:after{content: ""; position: absolute;left:0;bottom:0;width:100%;height: 40px;line-height: 40px;background:#000;opacity: 0.5;filter:alpha(opacity=50);z-index: -1}
.img_ul img{width:333px;height: 160px}
.img_hd {width:333px;overflow:hidden;height:60px;margin-top:10px;position:relative;}
.img_hd ul {position:absolute;z-index:1;zoom:1;margin-left: -8px}
.img_hd ul li {float:left;width:58px;height:58px;border:1px solid #eee;cursor:pointer;margin-left:8px;overflow:hidden;*display:inline;text-align:center}
.img_hd ul li img {width:58px;height:58px}
.img_hd ul li.on{ border-color:#e60012;}
/*美丽汉钢index*/
.mlhg-box{margin:20px 20px 0 20px }
.mlhg-box .ht{float: left;width: 120px;height: 160px;background:url(/images/hangang/mlhg-title.jpg) no-repeat}
.mlhg-box .bd{float: left;width:1019px;height: 158px;padding-left:20px;border: 1px solid #e5e5e5;border-left: 0}
.mlhg-box .pic-list li{margin:8px 0 0 10px}
/*-----------走进汉钢 page-----------------*/
.hggk-box{width:100%;height:350px;background: url(/images/hangang/hggk-bg.jpg) no-repeat;overflow:hidden}
.hggk-box .t{margin:26px 0 10px 360px;color:#e60012;font-size:24px}
.hggk-box .flag{margin-left:360px;width:30px;height:3px;background: #e60012}
.hggk-box .des{margin:15px 20px 0 360px;line-height:2}
.hggk-box .i-more{display:inline-block;padding-right:16px;background:url(/images/hangang/i-more-1.png) no-repeat right 5px;margin:20px 20px 0;}
.des-txt{height:160px;line-height:1.9;color:#535353;margin-top:10px;overflow: hidden}
/*领导团队box*/
.ldtd-list .item .pic img{width:333px;height:210px}
.ldtd-list .item .t{margin-top:13px;line-height: 1.6}
/*资质荣誉box*/
.ryzz-box{margin:20px}
.ryzz-box .pic-list li{float:left;width:250px;margin:0 15px}
.ryzz-box .pic-list li .pic{width:250px;height:170px}
.ryzz-box .pic-list li .pic img{width:250px;height:170px;vertical-align:bottom}
.ryzz-box .pic-list li .title{margin-top:10px;height: auto;line-height: 1.5;overflow: hidden;font-size:12px}
/*-----------新闻中心 page-----------------*/
.img-nav-box .img-wrap{margin-top:10px}
.img-box .img-wrap{margin-top:20px}
.spzb-box{padding-top:20px!important;*zoom:1;position:relative;}
.spzb-box .pic-txt-list-v{margin-left:-15px}
.spzb-box .pic-txt-list-v li{width:180px;margin-left:15px;zoom:1;position:relative;}
.spzb-box .pic-txt-list-v li .pic{width:180px;height:110px}
.spzb-box .pic-txt-list-v li .pic img{width:180px;height:110px}
.spzb-box .pic-txt-list-v li .t{font-size:14px;height:auto}
.spzb-box .pic-txt-list-v li .play{width:180px;height:110px;}
/*-----------产业体系 page-----------------*/
.hgcy-box,.cpzs-box{margin:20px 20px 0}

.hgcy-box .bd{padding:40px 130px}
.hgcy-box .item{float: left;width: 150px;text-align: center}
.hgcy-box .item .pic{width:150px;height:80px}
.hgcy-box .item .t{font-size: 16px}
.i-lzsc.a0 .pic{background:url(/images/hangang/i-lzsc.png) no-repeat center center}
.i-lzsc.a1 .pic{background:url(/images/hangang/i-gtwl.png) no-repeat center center}
.i-lzsc.a2 .pic{background:url(/images/hangang/i-nyfd.png) no-repeat center center}
.i-lzsc.a3 .pic{background:url(/images/hangang/i-zlbz.png) no-repeat center center}
.i-lzsc.a4 .pic{background:url(/images/hangang/i-scgy.png) no-repeat center center}
.i-lzsc.a5 .pic{background:url(/images/hangang/i-cpyf.png) no-repeat center center}

.cpzs-box .bd{padding-top:40px;margin-left: -20px;*zoom:1;_position:relative}
.cpzs-box .item{float:left;width:216px;margin-left:20px;text-align: center}
.cpzs-box .item .pic{width:216px;height:162px;overflow: hidden}
.cpzs-box .item .t{margin-top: 10px;font-size:16px}

.yxwl-box .bd{padding:20px 20px 0}
.yxwl-box .red-txt{font-weight: bold;color:#e60012;font-size: 16px}
.yxwl-box p{margin:12px 0}

.shfw-box{height:230px;background: url(/images/hangang/shfw-bg.jpg) no-repeat;overflow: hidden}
.shfw-box div{margin:15px 0 0 150px;padding-left:20px}
.shfw-box .address{background: url(/images/hangang/i-address.png) no-repeat left center;margin-top:30px}
.shfw-box .phone{background: url(/images/hangang/i-phone.png) no-repeat left center}
.shfw-box .tel{background: url(/images/hangang/i-tel.png) no-repeat left center}
.shfw-box .btn-shfw{display: block;margin:20px 0 0 170px;width: 160px;height: 48px;background: url(/images/hangang/btn-fwzx.png) no-repeat}


/*-----------安全环保 page-----------------*/
.aqhb-slider #Slider {width:373px;height:300px}
.aqhb-slider #Slider ul li{;width:373px;height:300px}
.aqhb-slider #Slider ul li a img{width:373px;height:300px}
.aqhb-slider #Slider ul li div{width:300px}
.aqhb-slider #Slider .btnBg{width:373px}

.aqhb-page .pic-box-list{float: left;width: 333px;margin-top:20px}
.aqhb-page .news-list{float: left;width: 393px;margin-left:30px;margin-top:10px}


/*-----------安全环保 page-----------------*/
.offset-l{margin-left:0}
.head-line{padding:20px;border: 1px solid #e5e5e5;border-radius: 5px}

.head-line .t{color:#e60012;font-weight: bold;font-size: 36px;padding-left:90px;background: url(/images/hangang/head-line.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.head-line .des{height:46px;overflow: hidden;margin-top:10px;color:#999;line-height: 1.6}
.head-line .t a{color:#e60012;}

.ddzc-box .ht{height: 50px;line-height: 50px;background:url(/images/hangang/i-emblem.png) #e60012 no-repeat 20px center;text-align: center;color:#fff;font-size:18px;border-bottom: 1px solid #fffc00}
.ddzc-box .txt{border: 1px solid #e5e5e5;border-top-color:#e60012;padding:15px 20px; line-height: 1.6;text-indent: 2em}
/*-----------工会之窗 page-----------------*/
.box4 .ht{position:relative;height:40px;line-height:40px;padding:0;background:#fff;border:1px solid #e5e5e5}
.box4 .ht .title{display:inline-block;padding:0 20px;color:#333;font-size:16px;border-top: 2px solid #e60012}
.box4 .ht .more{position:absolute;right:10px;top:0;padding-right:16px;background: url(/images/hangang/i-more-1.png) no-repeat right 14px}
.box4 .bd{padding:10px 0}
.box4 .bd:after{content:" ";display:block;height:0;clear:both;visibility:hidden}

.zgfc-list li{margin:10px 0}
.zgfc-list img{width:373px;height: 180px}
.zgfc-list .t{font-size: 14px;line-height: 1.6;height: 46px;overflow: hidden;margin-top:5px}
.qnfc-box{margin:20px 0}
.qnfc-box .pic-marquee-box{width:706px}

.twzn-box .txt{line-height: 1.7;padding:10px 0}
.twzn-box .fl{margin:10px 10px 5px 0}
/*-----------科技创新 page-----------------*/
.front-pic-txt{float: left;margin:10px 0 0 -13px}
.front-pic-txt .item{float: left;width:180px;margin-left:13px}
.front-pic-txt .pic img{width:180px;height:110px;vertical-align:bottom}
.front-pic-txt .t{height:46px;margin-top:5px;overflow: hidden}
/*-----------企业文化 page-----------------*/
.dzqk-box .ht{background:url(/images/hangang/title-dzqk.jpg) no-repeat}
.sx-box .ht{background:url(/images/hangang/title-xs.jpg) no-repeat}
.sw-box .ht{background:url(/images/hangang/title-sw.jpg) no-repeat}
.sy-box .ht{background:url(/images/hangang/title-sy.jpg) no-repeat}
.whjs-box .bd-border,
.qyln-box .bd-border{background:#f5f5f5;height:298px;padding:10px 20px;border:1px solid #e5e5e5}
.whjs-box .more,
.qyln-box .more{color:#e60012}
.qyln-box .txt p{margin:11px 0}
.dzqk-box .pic-txt-list li .pic{width:222px;height:160px}
.dzqk-box .pic-txt-list li .pic img{width:222px;height:160px}
.dzqk-box .pic-txt-list li .txt{height:160px;margin-left:-242px}
.dzqk-box .pic-txt-list li .txt .t,
.dzqk-box .pic-txt-list li .txt .date,
.dzqk-box .pic-txt-list li .txt .des{margin-left:242px;line-height:1.9}
/*.dzqk-box .btn-red:hover{color:#fff;background: #f21728}*/
/*列表页面page*/
.list-page .pic-txt-list li{border-bottom: 1px solid #e5e5e5;padding-bottom:20px}
.siderbar-lxwm{margin-top:10px}
.siderbar-lxwm .ht{line-height: 42px;border-bottom: 2px solid #e60012;font-size: 18px}
.siderbar-lxwm .bd{padding:15px 0;line-height: 1.9}
.list-page .news-date-list{margin-top: 15px}
.news-date-list .line{margin:20px 0;height: 1px;background:none;padding:0;border-top: 1px solid #e5e5e5}

/*详情页page*/
.news-warp{padding:20px}
.news-warp .news-title{font-size:24px;font-family:"Microsoft YaHei";text-align:center}
.news-warp .news-info{font-size:14px;color:#999;padding:20px;border-bottom:1px solid #e3e3e3;text-align:center}
.news-warp .news-info span{margin:0 20px}
.news-content{margin:20px auto;font-size:16px}
.news-content p{margin:20px auto;line-height:2;text-indent:2em}
.news-content img{margin:20px auto;text-align:center;max-width:100%}
.news-footer{padding:20px}
.news-footer .news-tools{float:right;line-height:32px}
.news-footer .news-tools a{margin-left:5px}
.next-news{position:relative;padding:10px 0;margin-top:10px;border-top:1px solid #e3e3e3}
.next-news .p-n{margin:10px 0;font-size:16px}
.next-news .p-n span{font-weight:bold}