/* 首页 */

/* 作品 */
.bgcolor1 {
	background: url(../img/index/bg01.png) center no-repeat;
}

.bk_1{
	padding: 80px 0px;
	
}

.bk_1 .maxw1{
	max-width: 1000px;
	margin: 0 auto;
}

.bk_1 li {
	position: relative;
	padding: 12px;
}

.bk_1 li a {
	position: relative;
	background:#FFFFFF;
	padding: 10px;
	border-radius: 10px;
}

.bk_1 li a h2 {
	display: block;
	font-weight: normal;
	padding: 10px 25px;
	color: #FFFFFF;
	background: rgba(26, 26, 26, 0.7);
	position: absolute;
	left: 10px;
	bottom: 12px;
	right: 9px;
}

.bk_1 li .intro_div {
	opacity: 0;
	transition: 1s;
	position: absolute;
	left: 22px;
	top: 22px;
	right: 20px;
	bottom: 22px;
	padding: 15px 15px;
	z-index: 2;
	background: rgba(241, 155, 15, 0.9);
	color: #0a0a0a;
	border-radius: 0px;
}

.bk_1 li:hover .intro_div {
	opacity: 1;
}

.bk_1 li .fontdiv {
	margin: 10px 0px 5px 0px;
}

.bk_1 li .fontdiv .link {
	padding-top: 10px;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

.img_bottom_1{
	padding-bottom: 63%;
}

.img_con1 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.img_con1>img {
	width: 290px;
	height: 180px;
}

/* 业务 */
.bgcolor2 {
	background: url(../img/index/bg02.png) center no-repeat;
	background-size: 100% 100%; 
}

.bk_2 .maxw2{
	max-width: 1045px;
	height: 930px;
	margin: 0 auto;
}

.bk_2 .yw{
	padding-top: 360px;
}

.bk_2 .yw>img{
	width: 441px;
	height: 331px;
}


.bk_2 .yw_line{
	padding-top: 380px;
}

.bk_2 .yw_txt{
	padding-top: 380px;
	padding-left:10px;
}

.bk_2 .yw_txt .en_title{
	color: #999999;
	padding: 10px 0px 15px 0px;
}

.bk_2 .yw_txt .content{
	color: #999999;
	width: 340px;
	line-height: 35px;
}

.bk_2 .yw_add{
	margin-top: 50px;
	margin-left: 10px;
	width: 36px;
	height: 36px;
	line-height: 30px;
	border-radius: 50%;
	color: #cb0708;
	background: #eceaea;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
}

.bk_2 .yw_add:hover{
	color: #eceaea;
	background: #cb0708;
}

.bk_2 .scroll{
	margin-top: 320px;
}

.bk_2 .scroll .item{
	width: 170px;
	height: 98px;
	color: #999999;
	background: #eceaea;
}

.bk_2 .scroll .item:hover {
	cursor: pointer;
	color: #fffefe;
	background: #cb0708;
}

.bk_2 .scroll .item.cur {
	cursor: pointer;
	color: #fffefe;
	background: #cb0708;
}

/* 公司 */
.bgcolor3 {
	background: url(../img/index/bg03.png) center no-repeat;
	background-size: 100% 100%; 
}

.bk_3 .maxw3{
	max-width: 1065px;
	height: 930px;
	margin: 0 auto;
}

.bk_3 .company{
	padding-top: 360px;
	max-width: 550px;
}

.bk_3 .company .com_title{
	color: #fffefe;
}
.bk_3 .company .en_title{
	color: #fffefe;
	padding-top: 5px;
}
.bk_3 .company .content{
	color: #fffefe;
	padding-top: 20px;
	line-height: 40px;
}

.bk_3 .company .btn{
	margin-top: 40px;
}

.bk_3 .company .btn>a{
	padding: 8px 65px;
	line-height: 40px;
	background: #ffa50f;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
}

/* 团队 */
.bgcolor4 {
	background: url(../img/index/bg04.png) center no-repeat;
	background-size: 100% 100%; 
}

.bk_4 .maxw4{
	width: 100%;
	height: 900px;
	margin: 0 auto;
}

.team_blank {
	padding-top: 280px;
}

.team_wrapper:hover {
	cursor: pointer;
	color: #fffefe;
	background: #cb0708;
}

.team_wrapper .team{
	max-width: 1165px;
	margin: 0 auto;
	padding: 20px 0px;
}

.team_wrapper .team .photo>img{
	width: 132px;
	height: 132px;
	border-radius: 50%;
}

.team_wrapper .team .name{
	width: 280px;
	text-align: center;
	margin-top: 33px;
	line-height: 35px;
}

.team_wrapper .team .line{
	width: 32px;
	margin-top: 43px;
}
.team_wrapper .team .line>img{
	width: 32px;
}

.team_wrapper .team .brief{
	width: 520px;
	margin-left: 20px;
	margin-top: 33px;
	line-height: 30px;
}

.team_wrapper .team .arrow{
	width: 32px;
	margin-top: 43px;
}
.team_wrapper .team .arrow>img{
	width: 22px;
	height: 38px;
}


/* 新闻 */
.bgcolor5 {
	background: url(../img/index/bg05.png) center no-repeat;
	background-size: 100% 100%; 
}

.bk_5 .maxw5{
	width: 100%;
	height: 900px;
	margin: 0 auto;
}

.news_blank {
	padding-top: 35px;
}

.news_module{
	width: 22%;
	text-align: right;
	padding-bottom: 30px;
}

.news_wrapper{
	color: #666666;
}

.news_wrapper:hover {
	cursor: pointer;
	color: #fffefe;
	background: #b60607;
}

.news_wrapper .news{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px;
}

.news .date {
	width: 25%;
	text-align: right;
}

.news .line_y{
	padding: 15px 25px 0px 30px;
	width:5px;
	margin: 0 auto;
}

.news .title {
	width: 50%;
	text-align: left;
	padding-top: 10px;
}

.news .title .news_brief{
	margin-top: 15px;
	line-height: 30px;
}

.news .arrow{
	width: 32px;
	margin-top: 43px;
	margin-left: 80px;
	text-align: left;
}
.news .arrow>img{
	width: 22px;
	height: 38px;
}