@charset "utf-8";

/* .company_dev,  .company_resp, .news_ol_list {
	border-bottom: 1px solid #e4e0e0
} */

.board_item .avater,.board_item .txt {
	filter: alpha(opacity=0);
	_visibility: hidden
}

.main {
	width: 1200px;
	margin: 99px auto 70px;
	overflow: hidden
}

.article_content {
	width: 750px;
	float: right;
	margin-right: 200px;
	display: inline
}

.gray_line{
	height: 0.5px;
	width: 100%;
	margin: 50px 0 20px 0;
	border-bottom: 0.5px solid #e4e0e0;
}

.company_title {
	position: relative
}


.company_title .title {
	padding-bottom: 10px;
	color: #000;
	font-size: 20px;
	font-weight: 400
}


.production_content{
   width: 100%;
   margin: 50px auto 50px auto;
   font-size: 14px;
   color: rgb(120, 120, 120);
   line-height: 35px;
	 margin-bottom: 80px;
}


.production_content p{
  text-indent: 2em;
}

.production_content .content_subtitle{
  font-weight: bold;
  color: #000;
}

.product_img{
	 width: 100%;
   margin-bottom: 40px;
   /* margin-top: 20px; */
}

.prod_pref_img img{
   width: 350px;
   height: 220px;
   margin: 10px;
}



/* 视频介绍 */
.video_section{
   /* margin: 100px; */
   background: rgb(32, 49, 64);
   margin: 100px auto 100px auto;
   width: 80%;
   height: 400px;
   align-items: center;
}

.video_section img{
   width: 80px;
   height: 80px;
   margin: 160px auto 0 260px;
}


/* 企业文化logo */
.culture_logo_list{
  width: 750px;
  margin-left: 150px;
  margin-right: 50px;
  margin-bottom: 50px;
	margin-top:30px;
  align-items: center;
  height: 150px;
}

.culture_box {
   width: 150px;
   height: 150px;
   border-radius: 75px;
   background: rgb(125, 166, 209);
   align-items: center;
   color: rgb(240, 240, 240);
   text-align: center;
   margin-right: -40px;
   float: left;
   opacity:0.7;
}

#company_news{
	margin-bottom: 100px;
}

.culture_box img{
  width: 40px;
  height: 40px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.txt_culture_info{
   width: 100%;
   text-align: center;
   margin-top: 80px;
   font-size: 16px;
}

.txt_culture_info div{
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
}

.txt_culture_info p{
   color: rgb(120, 120, 120);
   line-height: 24px;
}

.txt_culture_info div>span{
  margin-right: 5px;
}
/* end 企业文化logo */

/* 人才理念 */
.recruit_box{
  font-size: 14px;
  line-height: 32px;
	color: rgb(120,120,120);
}

.person_title{
  font-weight: bold;
  color: #000;
  margin-top: 50px;
  margin-bottom: 10px;
}

.recruit_bannar{
   width: 100%;
	 margin-top: 30px;
}

.img_workflow{
  margin-top: 50px;
  margin-left: 120px;
}


.resp_bannar{
  width: 100%;
	margin-top: 30px;
}

.resp_mining_bannar, .resp_agriculture_bannar, .resp_biosience_bannar, .business_logo{
	width: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
}

.business_logo img{
	/* width: 350px; */
	/* height: auto; */
}

.resp_agriculture_bannar img {
	 width: 350px;
	 height: auto;
}


.resp_biosience_bannar img{
		width: 200px;
		height: auto;
		margin-top: 50px;
}

.resp_mining_bannar img{
		width: 350px;
	 height: auto;
}

.content-new-subtitle{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}


.resp_mining_company{
	width: 100%;
	align-items: center;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	font-size: 18px;
}

.resp_box{
  font-size: 14px;
  line-height: 32px;
  color: rgb(120,120,120);
}

.resp_info{
   margin-top: 50px;
   margin-bottom: 50px;
}

.resp_paragraph{
	margin-top: 30px;
	margin-bottom: 30px;
	color: rgb(120,120,120);
	font-size: 14px;
}


.resp_box .resp_title{
  margin-top: 30px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
}

.concept_title{
	margin-top: 40px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #000;
}


/* end 人才理念 */


.news_ol_list .current {
	display: block
}

.charity-title{
	width: 100%;
	align-items: center;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 50px;
}

.charity-img{
	width: 360px;
	height: 250px;
}

.blue-title-bg{
	width: 100%;
	padding: 3px;
	background-color: rgb(15,90,180);
	margin-bottom: 50px;
	margin-top: 20px;
}

.blue-title{
	color: #fff;
	font-size: 18px;
	padding-left: 20px;
	margin: 5px 5px 5px 20px;
	border-left: 3px solid #fff;
}

.tab_list {
	text-align: right;
	margin-top: 40px
}

.tab_list .tab_item {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 8px;
	height: 8px;
	margin-left: 3px;
	border-radius: 8px;
	background-color: #c5c5c5;
	vertical-align: top;
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.tab_list .current,.tab_list .tab_item:hover {
	background-color: #8b9297
}

.tab_list .tab_item i {
	font-size: 0;
	line-height: 0;
	color: rgba(0,0,0,0)
}

.tab_list .current {
	width: 45px
}

.company_dev {
	padding-bottom: 30px;
}

.board_item:after,.board_item:before {
	content: '';
	display: table
}

.board_item:after {
	clear: both
}

.board_item {
	position: relative;
	height: 60px;
	border-bottom: 1px solid #e4e0e0;
	cursor: pointer;
	*zoom: 1;
	-webkit-transition: height .2s ease;
	-webkit-transition: height .3s ease;
	transition: height .3s ease;
	overflow: hidden
}

html[lang=en] .board_item {
	height: 80px
}

.board_item a {
	text-decoration: none
}

.board_item .avater {
	position: absolute;
	margin: 20px 20px 0 0;
	opacity: 0
}

.board_item .nameWrap {
	position: relative;
	left: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 15px 0
}

.board_item .name {
	display: inline-block;
	width: 60px;
	*display: inline;
	*zoom: 1;
	color: #333;
	font-size: 20px;
	font-weight: 400
}

.board_item .full_name {
	width: 145px
}

html[lang=en] .board_item .name {
	display: block;
	width: auto
}

.board_item .duty {
	color: #666;
	font-size: 14px;
	padding: 0 10px
}

html[lang=en] .board_item .duty {
	padding: 0;
	font-size: 13px
}

.board_item .arrow {
	position: absolute;
	top: 27px;
	*top: 27px;
	right: 5px;
	width: 12px;
	height: 5px;
	background-repeat: no-repeat;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.board_item .up_arrow {
	background-image: url(../images/board/ico_up_arrow.png);
	opacity: .5
}

.board_item .dw_arrow {
	background-image: url(../images/board/ico_dw_arrow.png);
	opacity: .5
}

.board_item:hover .dw_arrow,.board_item:hover .up_arrow {
	opacity: 1
}

.board_item .txt {
	position: absolute;
	top: 60px;
	left: 0;
	width: 750px;
	opacity: 0;
	padding-bottom: 20px;
	color: #5e6267;
	font-size: 14px;
	line-height: 28px
}

html[lang=zh-cn] .board_item .txt {
	text-align: justify
}

html[lang=en] .board_item .txt {
	top: 81px
}

.board_list .current .txt {
	-webkit-animation: a_opacity .2s .15s ease both;
	animation: a_opacity .2s .15s ease both;
	filter: alpha(opacity=100);
	_visibility: visible
}

.board_list .slide_up .txt {
	-webkit-animation: a_opacity_2 .2s ease both
}

@-webkit-keyframes a_name_wrap {
	0% {
		-webkit-transform: translate(0,0)
	}

	100% {
		-webkit-transform: translate(180px,0)
	}
}

@-webkit-keyframes a_opacity {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes a_name_wrap_2 {
	0% {
		-webkit-transform: translate(180px,0)
	}

	100% {
		-webkit-transform: translate(0,0)
	}
}

@-webkit-keyframes a_opacity_2 {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}



/* 轮播图相关设置 */
.flexslider .slides img{
	/* margin-left: -50px; */
	width: 350px;
	height: 320px;
	/* margin-right: 100px; */
}

.info_img_box{
   margin: 50px 100px;
   background: url('../images/bussiness/bs_loop_play_img001.png');
   background-size: 100% 100%;
   width: 100%;
   height: 500px;
   padding-top: 410px;
}

.info_img_box-mining{
   margin: 50px 100px;
   background: url('../images/bussiness/mining_photos01.jpg') no-repeat;
   /* background-size: 100% 100%; */
   width: 100%;
   height: 500px;
   padding-top: 350px;
}



.info_img_box .img_tag{
   background: rgba(90, 90, 90, 0.5);
   padding: 10px;
   color: #ddd;
}

.flexslider {
	background: 0 0;
	border: none
}

.flexslider .slides>li {
	height: 500px
}


.flexslider .slide-video {
	background: #000;
}

.flex-control-paging li a {
	width: 8px;
	height: 8px;
	background: #fff;
	opacity: .35;
	filter: alpha(opacity=35);
	-webkit-transition: width .4s ease-in
}

.flex-control-paging li a.flex-active {
	width: 45px;
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100)
}


.myflexslider .flex-control-paging li a {
		background: #000;
}

.myflexslider .flex-control-paging li a.flex-active {
		background: #000;
}