/*可持续经营模块*/
/* .container .container_body {
    width: 52.5%;
} */
.society_in{
	margin-top: 4%;
}
.society_in h3{
	 color: #3f3f3f;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2%;
}
.society_in h3 img{
	 margin-right: 7px;
    vertical-align: middle;
}

.sosiety_left{
	position: relative;
}
.sosiety_left a img{
	max-width: 100%;
}
.sosiety_left a span{
	display: block;
	position: absolute;
	width: 100%;
	left: 50%;
	top:10%;
	margin-left:-50%;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	color:#fff;
	font-weight: bold;
	background: url(../images/icon/sosiety_line.png) no-repeat bottom center;
}
.sosiety_left{
	float: left;
}
.sosiety_right{
	width:75%;
	float: right;
}
.sosiety_right a{
	display: block;
	margin-top: 8%;
	color:#fff;
	text-align: center;
	padding:1% 2%;
	background: #0060aa;
	max-width:80px;
}
.sosiety_dw{
	position: relative;
	margin-top: 2.5%;
	border-top: 2px solid #0060aa;
}

.item_t ul li{
	font-size: 12px;
	font-size: 1.2rem;
	padding:1.5% 1%;
	border-bottom: 1px solid #dbe2e6;
	cursor:pointer;
}
.item_t ul li a{
	font-size: 12px;
    font-size: 1.2rem;
    float: right;
    padding-right: 10px;
    background: url(../images/icon/icon_info.png) no-repeat right center;
    display: inline-block;
    width: 98%;
    position: absolute;
    text-align: right;
}
.dw_list{width:148px;height:22px; position: absolute; top:-30px;
right:0; }
.dw_list p{display:block;padding-left:10px; padding-right:10px;color:#879eac; line-height:22px;
	border:1px solid #879eac; cursor:pointer;}
.set{background:url(../images/icon/icon_btns.png) 125px center no-repeat;}
.select{background:url(../images/icon/icon_btns.png) 125px center no-repeat;}
.new{width:148px;position:absolute;border:1px solid #879eac;display:none;z-index:1;}
.dw_list ul li{ cursor:pointer; line-height:22px;padding-left:10px; padding-right:10px; background: #fff;}
.dw_list ul li:hover{background:#879eac;color:#fff;}
.page{
	margin:4% auto 5% auto;
	text-align: center;
}
.page a{
	display: inline-block;
	/* float: left; */
	padding: 5px 10px;
	background: #879eac;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
	margin:0 auto;
	margin-right: 2%;
	background: #e7ecee;
}
.page p{
	display: inline-block;
	margin-right: 2%;
	font-size: 12px;
	font-size: 1.2rem;
	color:#3f3f3f;
}
.page p{
		/* float: left; */
		display: inline-block;
}
.page p.p_w_w{
	margin-right: 0;
	margin-left: 10px;
}
.page span.a_con{
	/* float: left; */
	display: inline-block;
	border: 1px solid #e7ecee;
	width:58px;
	background: #fff;
	height: 28px;
	line-height: 28px;
	margin:0 8px;
	padding: 0;
}
.page a.active{
	background: #879eac;
	color:#fff;
}
.page a:hover{
	background: #879eac;
	color:#fff;
}
.page_in {
	text-align: center;
}
.page a.prev{
	width:27px;
	height: 27px;
    text-indent: -999rem;
	background: #e7ecee url(../images/icon/icon_prev.png) no-repeat center center;
}
.page a.next{
	width:27px;
	height: 27px;
    text-indent: -999rem;
	background: #e7ecee url(../images/icon/icon_next.png) no-repeat center center;
}
.page p a.next_t{
	padding: 0;
	background: #e7ecee;
	display: inline-block;
	text-align: center;
	width:60px;
height: 28px;
line-height: 28px;
}


.public_tab .turn_ins h3 {
    color: #3f3f3f;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
}

.sec_pad3 h3.h3_h{
     color: #3f3f3f;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
}
.sec_pad3 h3.h3_matop{
	margin-top: 0;
}
.sec_pad3 h3.h3_h img {
    margin-right: 7px;
    vertical-align: middle;
}


/*幻灯*/
.green_banner{
	margin-bottom: 6%;
}
.mineral{
 float: right;width:45%; margin-right: 2%; padding:0 5%;}
.green_r_text{
	width:53%;
	display: inline-block;
}
 .green_r_text h4{
	font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color:#3f3f3f;
    width:100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dae1e5;
}
.green_mar_t .mineral{
	float: left;
	margin-right: 2%;
}
.green_mar_t .green_r_text{
	margin-right: 0;
}
.green_boxs .mineral{
	margin-right: 0;
}

.inx{width:100%; height: auto;
	/* padding:0 10%; */ position:relative;z-index:1; /* overflow:hidden; */}
.inx .swiper-wrapper{ overflow:hidden;}
.inx .item_list{ position:relative;  display:block;}
.inx .item_list img{width:100%; display:block;}
.inx .arrow-right{ width:30px; height:30px;display:block;
	position:absolute;right:-15%; top:50%; z-index:99999;margin-top:-25px;
	cursor:pointer; outline:none; /* filter:alpha(opacity=60);-moz-opacity:0.6;
	-khtml-opacity: 0.6;opacity: 0.6; */}
.inx .arrow-right:hover{filter:alpha(opacity=100);
	-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.inx .arrow-left{ width:30px; height:30px;display:block;
	position:absolute;left:-15%; top:50%; z-index:99999;margin-top:-25px;
	cursor:pointer; outline:none; /* filter:alpha(opacity=60);-moz-opacity:0.6;
	-khtml-opacity: 0.6;opacity: 0.6; */}

.turn_ins .inx .arrow-left{left: -14%;}
.turn_ins .inx .arrow-right{right: -14%;}

.inx .arrow-left:hover{filter:alpha(opacity=100);
	-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.paginationall{ width:100%; margin:0;  text-align:center; display: none;}
.paginationall .pagination{ margin:15px 0 10px; overflow:hidden; }
.pagination>li{ width:26px; height:26px;
	line-height:70px;  margin:0 5px;
	background: url(../images/icon/icon_dd.png) no-repeat; /* border-radius: 50%; */
	 display:block; cursor:pointer; float:left;}
.pagination li.on{background: url(../images/icon/icon_hd.png) no-repeat;}
.inx .swiper-wrapper p{text-align: center; margin-top: 15px; font-size: 12px;}


/* 技术创新 */

/* 第一个TAB */
.per_turn_tables {
    margin: 40px 0 0;
    overflow: hidden;
    width:100%;
}

.per_turn_tables .turn_tits {
    background: #fff;
    display: inline-block;
    width: 1000px;
    border-bottom: 1px solid #e6ebed;
   padding-left: 165px;
}

.per_turn_tables .turn_tits li {
    color: #323333;
    cursor: pointer;
    float: left;
    font-size: 22px;
    margin-right: 60px;
    text-align: center;
    width: 180px;
    height: 125px;
    position: relative;

}
           .per_turn_tables .turn_tits .a_pixar{
            	background: url(../images/thumbs_img01.png) no-repeat top center;
            }
            .per_turn_tables .turn_tits .a_bugs{
            	background: url(../images/thumbs_img02.png) no-repeat top center;
            }
            .per_turn_tables .turn_tits .a_cars{
            	margin-right: 0;
            	background: url(../images/thumbs_img03.png) no-repeat top center;
            }

            .per_turn_tables li.currents.a_pixar{
            	background: url(../images/thumbs_img_h01.png) no-repeat top center;
            }
            .per_turn_tables li.currents.a_bugs{
            	background: url(../images/thumbs_img_h02.png) no-repeat top center;
            }
            .per_turn_tables li.currents.a_cars{
            	background: url(../images/thumbs_img_h03.png) no-repeat top center;
            }

.per_turn_tables .turn_tits p{
	 color: #3f3f3f;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: -1px;
    padding-bottom: 8%;
    padding-top: 5%;
    position: absolute;
    top:78px;
    width:100%;
    text-align: center;
    font-weight: bold;

			}
.per_turn_tables .turn_tits p span{
	color: #3f3f3f;
    font-size: 16px;
    font-size: 1.6rem;
}
.per_turn_tables .turn_tits li.currents span{
	color:#0060aa;
}
.per_turn_tables .turn_tits li.currents p{
				color:#0060aa;
				background: url(../images/icon/icon_linet.png) no-repeat center bottom;
			}


.per_turn_tables .turn_inss {
    margin: 25px auto;
    width: 100%;
}

/* 第一个end */


/* tab */
.tab_base{
			margin-top:2%;
			}
.tab_base .turn_tit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    line-height: 56px;
    width: 100%;
}

.tab_base .turn_tit li {
    float: left;
    text-align: center;
    width: 20%;
}
.tab_base .turn_tit li span{
	cursor: pointer;
	display:block;
	background: #fff;
	border: 1px solid #dae1e5;
	margin-top: -1px;
	font-size: 14px;
	font-size: 1.4rem;
	color:#3f3f3f;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tab_base .turn_tit li.t_current span{
	background: #0060aa;
	color:#fff;
	font-weight: bold;
}
.tab_base .turn_ins {
    margin: 3% 0 0 0;
    width: 100%;
}
.turn_ins_text p{
	text-indent: 2rem;
}
.tab_base .turn_ins h3{
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 20px;
	margin-top: 30px;
	color:#3f3f3f;
	font-weight: bold;
}
.tab_base .turn_ins h3.h3_matop{
	margin-top: 0;
}
.tab_base .turn_ins h3 img{
	margin-right: 7px;
	vertical-align: middle;
}

.develop_tab .turn_tit li{
  width:25%;
}

.float_pic_t .mineral{
	float: right;
	margin-left: 2%;
	margin-right: 0;
}


/* 研发平台 */
.develop_text h5,.develop_text h4,.develop_text h6{
	font-size: 14px;
	font-size: 1.4rem;
	color: #3f3f3f;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
}
.develop_text h6{
	text-align: left;
	margin:3.5% 0 1% 0;
/* 	text-indent: 2rem; */
}
.develop_text p{
/* 	text-indent: 2rem; */
	line-height: 30px;
}
.develop_text p span{
	float: right;
	margin:2% 0;
	font-size: 12px;
	font-size: 1.2rem;
	color:#898989;
}
.develop_text h4{
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 3%;
}
.develop_text img{
	max-width: 100%;
	text-align: center;
	margin:0 auto;
}
.develop_text{
	margin-top: 1%;
}
.bugs_tab_text ul{
	margin:3% 0 5% 0;
}
.bugs_tab_text ul li{
	float: left;
	width:18.4%;
	margin-right: 2%;
}
.bugs_tab_text ul li:last-child{
	margin-right: 0;
}
.bugs_tab_text ul li img{
	max-width: 100%;
	display: block;
}
.dev_item{
	width:101%;
}
.dev_item ul{
	width:100%;
	overflow: hidden;
}
.dev_item ul li{
	float: left;
	width:31%;
	margin-right: 3%;
	margin-bottom: 3%;
	padding-bottom: 10px;
	background: #fff;
	border: 1px solid #e1e7ea;
}
.dev_item ul li:nth-child(3),.dev_item ul li:nth-child(6),.dev_item ul li:nth-child(9),.dev_item ul li:nth-child(12),.dev_item ul li:nth-child(15),.dev_item ul li:nth-child(18){
	margin-right: 0;
}
.dev_item ul li h5{
	margin-top: 15px;
	margin-bottom: 10px;
	padding:0 12px;
	font-size: 14px;
	font-size: 14px;
	font-weight: bold;
}
.dev_item ul li p{
	padding:0 12px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	text-indent: 0;

}
.dev_item ul li img{
    width: 100%;
	text-align: center;
}
.div_h{
	height: 800px;
}
.gj_item ul li{
	padding-bottom: 0;
}
.gj_item ul li h5{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}
.xt_item ul li{
     float: left;
    margin-right: 2%;
    width: 18.4%;
    margin-bottom: 2%;
}
.xt_item ul li:nth-child(5),.xt_item ul li:nth-child(10),.xt_item ul li:nth-child(15),
.xt_item ul li:nth-child(20),.xt_item ul li:nth-child(25){
	margin-right: 0;
}
.bugs_ul ul li:nth-child(5),.bugs_ul ul li:nth-child(10),.bugs_ul ul li:nth-child(15),
.bugs_ul ul li:nth-child(20),.bugs_ul ul li:nth-child(25){
	margin-right: 0;
}
.xt_item ul{
	margin-top: 0;
}

.mat_top_p p{
	margin-top: 3%;
}
.container .society_line > article > header{
	  height: 130px!important;
}
section .society_line{
	  border-top: 1px solid rgb(219,226,230);
	  margin-top: 2%;
	  padding-top: 4%;
}


@media screen and (max-width: 1024px) {
	.per_turn_tables .turn_inss{
		width:98%;
		margin:2% auto;

	}
}
/*pad单独样式 <1000px分辨率    and (min-width: 960px)*/
@media screen and (max-width: 999px) {
	html{font-size: 52.5%;}
		.per_turn_tables .turn_inss{
		width:94%;
		margin:2% auto;}
		.per_turn_tables .turn_tits p span{
			display: none;
		}

.per_turn_tables .turn_tits p{
    margin-bottom: 1px;
     padding-bottom: 10px;
			}

.sec_pad3{
	margin:0 3%;
}
.society_in{
	margin:3% 3% 0 3%;
}
.tab_base{
	margin-top:3%;
}
.tab_base .turn_tit li{
	 width:33.333%;
	/*width:50%;*/
}
.green_mar_t .green_r_text{
	margin-right: 0;
	width: 100%;
	float: right;
}
.mineral{
	width:100%;
	padding:0;
}
.inx .arrow-left,.inx .arrow-right{
	display: none!important;
}
.inx .swiper-wrapper p{
	display: none;
}
.green_p .inx .swiper-wrapper p{
	display: block;
	border: 1px solid #b7c5cd;
	border-top: 0;
	margin-top: 0;
	margin-bottom: 2%;
	padding-bottom:1%;
}
.paginationall{
	display: block;
}
.develop_text h6{
	line-height: 24px;
}
.sosiety_right {
	margin-top: 3%;
	width:100%; margin-bottom:10%;
}
.sosiety_right a{
	margin-top: 3%;
	margin-bottom: 1%;
}
.container .container_body > article > section.mat_topt{
	margin-top: 3%;
}
.iphone_m{
	margin-left:3%;
	margin-right: 3%;
	margin-bottom: 3%;
}

.green_r_text p{
	margin-bottom: 2%;
	padding-left: 14px;
}

.per_turn_tables .turn_tits {
    background: #fff;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e6ebed;
   padding-left:0;
}

.per_turn_tables .turn_tits li {
    color: #323333;
    cursor: pointer;
    float: left;
    font-size: 22px;
    margin-right: 3%;
    text-align: center;
    width: 31.333%;
    max-height: 160px;
    position: relative;
	height:160px;

}
.per_turn_tables .turn_tits li.a_cars{
	margin-right: 0;
}
.dev_item ul li{
	float: left;
	width:48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
	padding-bottom: 10px;
	background: #fff;
	border: 1px solid #e1e7ea;
}
.dev_item ul li:nth-child(3){
	margin-right: 3%;
}
/* .dev_item ul li:nth-child(3),.dev_item ul li:nth-child(6),.dev_item ul li:nth-child(9),.dev_item ul li:nth-child(12),.dev_item ul li:nth-child(15),.dev_item ul li:nth-child(18){
	margin-right: 3%;
} */

.dev_item ul li:nth-child(2),.dev_item ul li:nth-child(4),.dev_item ul li:nth-child(6),.dev_item ul li:nth-child(8),.dev_item ul li:nth-child(10),.dev_item ul li:nth-child(12){
	margin-right: 0;
}






}




/*pad单独样式 <960px */
@media screen and (min-width: 768px) and (max-width: 959px) {



}
/*手机单独样式 <768px */
@media screen and (min-width: 640px) and (max-width: 767px) {




}
/*手机单独样式 <640px */
@media screen and (min-width: 480px) and (max-width: 639px) {
/*   	.tab_base .turn_tit li{
	width:50%!important;
} */


}
/*手机单独样式 <480px */
@media screen and (max-width: 479px) {

}


/*河钢新闻独有样式*/

.container .container_body>article>header {
    border: 0;
}

.newsAndVideo {
    width: 100%;
    margin: 40px 0;
}

.newsAndVideo li {
    display: inline-block;
    float: left;
    width: 1000px;
    position: relative;
}

.center-news {
    margin-right: 40px;
}

.news-title {
    font-size: 1.8rem;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 45px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.news-title span {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 2px;
    background: #006699;
    top: -4px;
}

.newsSecond-title {
    font-size: 1.4rem;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    width: 100%;
    line-height: 50px;
}

.newsSecond-title a {
    color: #879EAC;
    font-size: 1.2rem;
    font-size: 12px;
    float: right;
    font-weight: normal;
}

.newsSecond-title a span {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url("../images/icon/center-more.png") no-repeat 1px -18px;
}

.centerNews-list {
    border-top: 1px solid #ccc;
    width: 1000px;
    position: relative;
    display: none;
    margin-top: 50px;
}

.centerVideoList {
    left: -520px;
}

.newsVideoList {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
}

.newsVideoList a {
	font-size: 14px;
color: #333;
display: inline-block;
line-height: 50px;
padding-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
width: 900px;
white-space: nowrap;
}

.newsSecond-title a.listShow span {
    background: url("../images/icon/center-more.png") no-repeat 1px 1px;
}

.newsVideoList a span {
    display: inline-block;
    position: relative;
    top: 6px;
    width: 25px;
    height: 25px;
    background: url("../images/icon/video-icon.png") no-repeat center 4px;
}

.newsVideoList a span.news-line {
	display: inline-block;
position: relative;
width: 10px;
height: 2px;
background: #006699;
top: 7px;
right: 5px;
/* left: -3px; */
float: left;
}

.newsVideoList .data {
	display: inline-block;
    font-size: 1.2rem;
    font-size: 12px;
    float: right;
    color: #879EAC;
		margin:10px 0;
}

.showVideoList {
    display: block;
}

.playBg {
    width: 480px;
    height: 306px;
    top: 75px;
    left: 0;
    position: absolute;
    z-index: 2;
    background: #333;
    opacity: 0.6;
    filter: 60;
    background: url("../images/icon/center-play.png") no-repeat center;
}

.news_text_b .new_le {
    float: left;
    width: 45%;
    /*margin-top: 45px;*/
}

.news_text_b .new_le img {
    width: 100%;
}

.news_text_b .new_ri {
    /*padding-left: 5%;*/
    float: right;
    width: 52%;
    background: url(../images/news_liness.jpg) no-repeat left center;
}

.news_text_b .new_ri h5 {
    font-weight: bold;
    line-height: 20px;
		text-align: left;
}

.news_text_b .new_ri p {
    margin-top: 10px;
}


/*pad单独样式 <1000px分辨率*/

@media screen and (max-width: 999px) {
    h1 {
        color: red;
    }
    .news_text_b .new_le,
    .news_text_b .new_ri {
        width: 100%;
    }
    .news_text_b .new_ri {
        margin-top: 2%;
        margin-bottom: 2%;
        background: none;
        padding-left: 0;
    }
	.newsVideoList a span.news-line{ top:19px;}
}


/*pad单独样式 <960px */

@media screen and (min-width: 768px) and (max-width: 959px) {}


/*手机单独样式 <768px */

@media screen and (min-width: 320px) and (max-width: 768px) {
    .hgNews {
        width: 92%;
        margin: 10px auto;
    }
    .newsAndVideo li {
        width: 100%;
    }
    .center-news img {
        width: 100%;
    }
    .newsSecond-title {
        line-height: 28px;
    }
    .centerNews-list {
        width: 100%;
    }
    .showVideoList {
        /*display: none;*/
    }
    .playBg {
        width: 100%;
        height: 157px;
    }
    .center-video img {
        width: 100%;
    }
    .news-title {
        margin-bottom: 0;
    }
    .newsAndVideo {
        margin: 0;
    }
    .newsVideoList a {
        display: inline-block;
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .centerVideoList {
        left: 0;
    }
}