/* CSS Document */


.main {
	margin:auto;
	width:100%;
	background-color:#FFF;
	overflow:hidden;
}


#column_title {
	margin-top:50px;
	margin-bottom:50px;
}

.column_title_main {
	width:100%;
	line-height:50px;
	color:#333;
	font-size:36px;
	text-align:center;
	letter-spacing:3px;
	overflow:hidden;
}

.column_title_main span {
	color:#F93;
}

.column_title_slave {
	width:100%;
	color:#DDD;
	font-size:36px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:3px;
	overflow:hidden;
}

.left {
	float:left;
}

.right {
	float:right;
}




/*联系我们*/
#contact_slogon {
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
}

#contact_slogon dt.slogon1 {
	color:#F93;
	line-height:70px;
	font-size:35px;
}

#contact_slogon dt.slogon2 {
	color:#999;
	line-height:30px;
	font-size:18px;
}


#contact_info {
	margin:auto;
	margin-bottom:100px;
	width:1300px;
	text-align:center;
	overflow:hidden;
}

#contact_info img {
	width:100%;
}

.contact_info_block {
	display:inline-block;
	margin-top:10px;
	padding:50px;
	width:380px;
	height:300px;
	box-sizing:border-box;
	overflow:hidden;
}

.contact_info_block:hover {
	box-shadow: 0 0 20px #CCC;
	-webkit-box-shadow: 0 0 20px #CCC;
	-moz-box-shadow: 0 0 20px #CCC;
}

.contact_info_ico {
	margin:auto;
	width:70px;
	height:70px;
	background-color:#354E53;
	border-radius:50px;
}

.contact_info_ico dt {
	width:100%;
	height:100%;
	background-color:#FFF;
}

.contact_info_title {
	padding:30px;
	color:#333;
	font-size:18px;
	text-align:center;
}

.contact_info_value {
	line-height:24px;
	color:#333;
	font-size:16px;
	text-align:center;
	overflow:hidden;
}


/*招聘信息*/
#recruitment_info {
	margin:auto;
	padding:20px;
	color:#FFF;
	font-size:50px;
}

.recruitment_info_block {
	outline:none;
	margin:auto;
	margin-top:30px;
	margin-bottom:70px;
	padding:70px;
	width:1200px;
	min-height:100px;
	box-sizing:border-box;
	background-color:#FFF;
	overflow:hidden;
	box-shadow:0px 0px 15px #CCC;
	-moz-box-shadow:0px 0px 15px #CCC;
	-webkit-box-shadow:0px 0px 15px #CCC;
}

.recruitment_title {
	float:left;
	padding-top:30px;
	width:230px;
	max-height:80px;
	box-sizing:border-box;
	overflow:hidden;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.recruitment_title .job {
	line-height:24px;
	font-size:18px;
}

.recruitment_title .job_en {
	line-height:24px;
	color:#F93;
	font-size:14px;
}

.recruitment_title .job_info {
	margin-top:40px;
	width:120px;
	line-height:30px;
	color:#999;
	font-size:14px;
	overflow:hidden;
}

.recruitment_content {
	float:left;
	padding:10px;
	padding-left:40px;
	width:500px;
	max-height:100px;
	border-left:1px solid #EEE;
	overflow:hidden;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.recruitment_ico {
	float:right;
	width:200px;
	height:100px;
	background-image:url(../images/human.png);
	background-position:center;
	background-repeat:no-repeat;
}

.recruitment_btn {
	float:right;
	width:26px;
	height:100px;
	background-image:url(../images/btn_normal.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#recruitment_info div:focus .recruitment_btn {
	background-image:url(../images/btn_click.png);
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
	
}

#recruitment_info div.recruitment_info_block:focus .recruitment_title {
	max-height:500px;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

#recruitment_info div.recruitment_info_block:focus div.recruitment_content {
	max-height:1000px;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.recruitment_mail {
	margin-top:40px;
	width:600;
	color:#F93;
	font-size:14px;
}


/*资质实力*/
#power_show , #power_list {
	float:left;
	width:50%;
	overflow:hidden;
}

#power_list {
	float:right;
}

.power_image {
	display:none;
	width:100%;
	overflow:hidden;
}

.power_image img {
	width:100%;
}

.power_item {
	float:right;
	margin-bottom:20px;
	padding-left:40px;
	width:400px;
	height:50px;
	line-height:50px;
	border:1px solid #999;
	color:#999;
	font-size:14ppx;
	text-align:left;
	background-color:#FFF;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.power_item:hover , .power_item.active {
	border:1px solid #F93;
	color:#FFF;
	background-color:#F93;
	cursor:pointer;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}


/*公司介绍*/
#company_block1 , #company_block2 , #company_block3 {
	margin-top:40px;
	width:100%;
	background-color:#FFF;
	overflow:hidden;
}

#company_block2 {
	background-image:url(../images/about_2.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#EEE;
	overflow:hidden;
}

#company_block3 {
	margin-bottom:40px;
}

.company_text {
	padding:100px 100px 30px 100px;
	width:50%;
	line-height:30px;
	box-sizing:border-box;
	color:#999;
	font-size:16px;
	overflow:hidden;
}

.company_text dt {
	margin-bottom:50px;
	width:60px;
	height:60px;
	border-bottom:1px solid #333;
	font-size:30px;	
	white-space:nowrap;
	overflow:visible;
}

.company_image {
	width:50%;
}

.company_image img {
	width:100%;
}

.company_title_main {
	margin-top:60px;
	color:#FFF;
	font-size:30px;
	text-align:center;
}

.company_title_slave {
	margin-top:20px;
	color:#FFF;
	font-size:18px;
	text-align:center;
}

.company_slogon {
	margin-top:100px;
	width:100%;
	text-align:center;
	overflow:hidden;
}

.company_slogon_item {
	position:relative;
	display:inline-block;
	margin:1%;
	width:17%;
	vertical-align:top;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}

.company_slogon_item:hover {
	box-shadow: 0 0 8px #333;
	-webkit-box-shadow: 0 0 8px #333;
	-moz-box-shadow: 0 0 8px #333;
}

.company_slogon_item:hover .item_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

#company_block2 dt:nth-child(odd) {
	margin-top:50px;
}

#company_block2 dt:nth-child(even) {
	
}

.item_image {
	width:100%;
	overflow:hidden;
}

.item_image img {
	width:100%;
}

.item_text {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}

.item_text div {
	padding-left:50px;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	text-align:left;
	letter-spacing:3px;
}

.item_title_main {
	margin-top:50px;
	margin-bottom:20px;
	font-size:24px;
}

.item_title_slave {
	font-size:16px;
}

.item_title_en {
	position:absolute;
	left:-5px;
	bottom:30px;
	width:auto !important;
	font-size:18px;
	writing-mode:tb-rl;
	-webkit-writing-mode:vertical-rl;      
	writing-mode:vertical-rl;
	*writing-mode:tb-rl;
}




/*项目公示*/
#column_project {
	margin:auto;
	margin-top:30px;
	margin-bottom:80px;
	width:100%;
	font-size:0px;
	overflow:hidden;
}

.project_item {
	display:inline-block;
	margin:1.56%;
	width:30%;
	height:180px;
	background-color:#FFF;
	overflow:hidden;
}

.project_item:hover {
	color:#FFF;
	background-color:#354E53;
	
	box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	
	transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
}

.project_item:hover div {
	color:#FFF !important;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.project_item div {
	padding:10px;
	padding-left:40px;
	width:100%;
	height:46px;
	line-height:50px;
	box-sizing:border-box;
	color:#999;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.project_item_title {
	color:#666 !important;
	font-size:18px !important;
	font-weight:bold;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}




/*资讯中心*/
.news_slogon {
	line-height:60px;
	width:auto;
	color:#999;
	font-size:24px;
	text-align:left;
}

#main_news {
	margin:auto;
	max-width:1500px;
	box-sizing:border-box;
	overflow:hidden;
}

#column_title a {
	display:inline-block;
	margin-left:20px;
	width:190px;
	height:60px;
	line-height:60px;
	color:#999;
	font-size:16px;
	text-align:center;
	background-color:#EEE;
}

#column_title a:hover , #column_title a.active {
	color:#FFF;
	background-color:#F93;
}

#column_news {
	width:100%;
	overflow:hidden;
}

#column_news dt:nth-child(odd) div.news_item_image {
	float:left;
}

#column_news dt:nth-child(even) div.news_item_image {
	float:right;
}

#column_news dt:nth-child(odd) div.news_item_text {
	float:right;
	padding-right:0px;
}

#column_news dt:nth-child(even) div.news_item_text {
	float:left;
	padding-left:0px;
}

#column_news dt:nth-child(odd) a.news_item_btn {
	right:0px;
	bottom:70px;
}

#column_news dt:nth-child(even) a.news_item_btn {
	left:0px;
	bottom:70px;
}

.news_item {
	padding-top:70px;
	padding-bottom:70px;
	width:100%;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
}

.news_item .news_item_image {
	overflow:hidden;
}

.news_item:hover {
	border-bottom:1px dotted #50636F;
}

.news_item:hover .news_item_title {
	color:#F93;
}

.news_item:hover .news_item_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}



.news_item_image {
	width:40%;
}

.news_item_image img {
	width:100%;
}

.news_item_text {
	width:60%;
	padding-left:80px;
	padding-right:80px;
	box-sizing:border-box;
	overflow:hidden;
}

.news_item_title {
	margin-bottom:50px;
	width:100%;
	min-height:40px;
	max-height:80px;
	font-size:30px;
	overflow:hidden;
}

.news_item_description {
	margin-bottom:30px;
	width:100%;
	max-height:90px;
	line-height:30px;
	color:#999;
	font-size:18px;
	overflow:hidden;
}

.news_item_date {
	margin-bottom:20px;
	width:100%;
	color:#999;
	font-size:16px;
	overflow:hidden;
}

.news_item_btn {
	position:absolute;
	display:block;
	right:0px;
	bottom:70px;
	width:160px;
	height:56px;
	line-height:56px;
	border:1px solid #50636F;
	border-radius:5px;
	box-sizing:border-box;
	color:#50636F;
	font-size:16px;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
}

.news_item_btn:hover {
	color:#FFF;
	background-color:#50636F;
}


/*业务范围*/
#column_service {
	width:100%;
	overflow:hidden;
}

.service_item {
	position:relative;
	text-align:left !important;
}

.service_item img {
	width:100%;
}

#column_service div.service_item:nth-child(odd) dt {
	left:0px;
}

#column_service div.service_item:nth-child(even) dt {
	right:0px;
}

.service_item_text {
	position:absolute;
	top:0px;
	right:0px;
	width:50%;
	height:100%;
}

.service_item_text div {
	margin:auto;
	color:#FFF;
	width:70%;
	overflow:hidden;
}

.service_title {
	padding-top:13%;
	height:60px;
	line-height:60px;
	font-size:40px;
}

.service_slave {
	font-size:26px;
}

.service_line dl {
	margin-top:30px;
	margin-bottom:30px;
	width:80px;
	height:1px;
	background-color:#FFF;
}

.service_description {
	line-height:28px;
	max-height:310px;
	font-size:16px;
	overflow:hidden;
}

.service_btn {
	padding-top:100px;
	overflow:hidden;
}

.service_btn a {
	display:inline-block;
	margin-right:20px;
	width:190px;
	height:56px;
	line-height:56px;
	border:1px solid #FFF;
	border-radius:5px;
	box-sizing:border-box;
	color:#FFF;
	font-size:18px;
	text-align:center;
	overflow:hidden;
}

.service_btn a:hover , .service_btn a.active {
	border:1px solid #F93;
	background-color:#F93;
}


/*经典案例*/
#case_title {
	margin:auto;
	width:1250px;
	overflow:hidden;
}

.case_title_main {
	box-sizing:border-box;
	font-size:30px !important;
	text-align:left;
}

.case_title_slave {
	box-sizing:border-box;
	font-size:50px !important;
	text-align:left;
}

#main_case {
	margin:auto;
	max-width:1820px;
	min-height:1300px;
	overflow:hidden;
}

.case_item {
	float:left;
	margin:4.120879%;
	margin-top:0px;
	width:41.75824%;
	overflow:hidden;
}

.case_item:hover .case_item_image img {
	transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}

.case_item_image {
	width:100%;
	overflow:hidden;
}

.case_item_image_img {
	padding-bottom:100%;	/* 宽高等比 */
	width:100%;
	height:0px;
	background-color:#000;
	overflow:hidden;
}

.case_item_image img {
	width:100%;
}

.case_item_text {
	padding:15px;
	width:100%;
	box-sizing:border-box;
	overflow:hidden;
}

.case_item_text_info {
	float:left;
	width:80%;
}

.case_item_title {
	margin-bottom:15px;
	font-size:30px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.case_item_description {
	color:#999;
	font-size:18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.case_item_arrow {
	float:right;
	margin-top:15px;
	margin-right:5px;
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:#CCC;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.case_item_arrow dl {
	width:100%;
	height:100%;
	background-color:#666;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.case_item:hover div.case_item_arrow {
	background-color:#354E53;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}

.case_item:hover div.case_item_arrow dl {
	background-color:#FFF;
	transition-duration:0.5s;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;
}


/* 列表图像部分遮罩布局 */
.list_image_mask_bg {
	position:absolute;
	/*padding-bottom:66.54%;*/
	padding-bottom:100%;	/* 宽高等比 */
	top:0px;
	left:0px;
	width:100%;
	opacity:0;
	z-index:1;
}

.list_image_mask_border {
	position:absolute;
	box-sizing:border-box;
	background-color:#FFF;
	opacity:1;
	z-index:2;
}

.list_image_mask_text {
	position:absolute;top:55%;left:50%;transform:translate(-55%,-50%);
	color:#FFF;
	font-size:20px;
	text-align:center;
	overflow:hidden;
	opacity:0;
	z-index:3;
}

.b_t {
	top:5%;
	left:5%;
	width:0px;
	height:1px;
}

.b_r {
	top:5%;
	right:5%;
	width:1px;
	height:0px;
}


.b_b {
	bottom:5%;
	left:95%;
	width:0px;
	height:0px;
}


.b_l {
	top:95%;
	left:5%;
	width:1px;
	height:0px;
}

/* 列表图像部分遮罩-鼠标移入效果 */
.case_item:hover .list_image_mask_bg {
	background-color:#000;
	opacity:0.6;
}

.case_item:hover .list_image_mask_border {
	opacity:1;
}

.case_item:hover .list_image_mask_text {
	top:50%;left:50%;transform:translate(-50%,-50%);
	opacity:1;
}

.case_item:hover .b_t {
	right:5%;
	width:90%;
	height:1px;
}

.case_item:hover .b_r {
	bottom:5%;
	height:90%;
}

.case_item:hover .b_b {
	left:5%;
	width:90%;
	height:1px;
}

.case_item:hover .b_l {
	top:5%;
	width:1px;
	height:90%;
}

/* 列表块-鼠标移入效果 */
.case_item:hover {
	box-shadow: 0 0 20px #CCC;
	-webkit-box-shadow: 0 0 20px #CCC;
	-moz-box-shadow: 0 0 20px #CCC;
}




/*组织架构*/
#framework_info {
	margin:auto;
	margin-bottom:100px;
	width:1300px;
	text-align:center;
	overflow:hidden;
}

#framework_info img {
	max-width:100%;
	width:auto;
}




/*法律法规*/
#law_info {
	margin:auto;
	padding:10px;
	width:1200px;
	box-sizing:border-box;
	overflow:hidden;
}

.law {
	margin:auto;
	margin-top:20px;
	margin-bottom:30px;
	width:100%;
	border:1px solid #CCC;
	border-radius:3px;
	box-sizing:border-box;
	background-color:#F5F5F5;
	overflow:hidden;
}

.law_title {
	float:left;
	padding-left:20px;
	width:70%;
	max-width:1000px;
	height:70px;
	line-height:70px;
	box-sizing:border-box;
	color:#666;
	font-size:16px;
	overflow:hidden;
}

.law_arrow {
	float:right;
	width:70px;
	height:70px;
	background-color:#999;
	overflow:hidden;
}

.law:hover {
	border:1px solid #F93;
	background-color:#F93;
}

.law:hover .law_title {
	color:#FFF;
}

.law:hover .law_arrow {
	background-color:#FFF;
}



/*文章*/
#article {
	margin:auto;
	margin-top:50px;
	margin-bottom:100px;
	width:1250px;
	overflow:hidden;
}

#article_title {
	width:100%;
	line-height:50px;
	color:#555;
	font-size:30px;
	text-align:center;
	overflow:hidden;
}

#article_date {
	margin-top:20px;
	width:100%;
	height:40px;
	line-height:40px;
	color:#999;
	font-size:16px;
	text-align:center;
	overflow:hidden;
}

#article_content {
	margin-top:50px;
	width:100%;
	color:#666;
	font-size:18px;
	line-height:30px;
	/*text-indent:40px;*/
	overflow:hidden;
}

	


@keyframes scale_normal {
	0%		{transform:scale(1.1,1.1);}
	100%	{transform:scale(1,1);}
}

@-moz-keyframes scale_normal {
	0%		{-moz-transform:scale(1.1,1.1);}
	100%	{-moz-transform:scale(1,1);}
}

@-webkit-keyframes scale_normal {
	0%		{-webkit-transform:scale(1.1,1.1);}
	100%	{-webkit-transform:scale(1,1);}
}

@-o-keyframes scale_normal {
	0%		{-o-transform:scale(1.1,1.1);}
	100%	{-o-transform:scale(1,1);}
}


@keyframes scale_hover {
	0%		{transform:scale(1,1);}
	100%	{transform:scale(1.1,1.1);}
}

@-moz-keyframes scale_hover {
	0%		{-moz-transform:scale(1,1);}
	100%	{-moz-transform:scale(1.1,1.1);}
}

@-webkit-keyframes scale_hover {
	0%		{-webkit-transform:scale(1,1);}
	100%	{-webkit-transform:scale(1.1,1.1);}
}

@-o-keyframes scale_hover {
	0%		{-o-transform:scale(1,1);}
	100%	{-o-transform:scale(1.1,1.1);}
}