@charset "utf-8";

/* CSS Document */
a:hover, a:visited, a:link, a:active {color:white}
*{margin:0;padding: 0;text-decoration: none}
	/* img,span,a,p,li{display:block} */
	.clearfix{clear:both;}
	
	@font-face{
		src:url(ttf/SourceHanSansCN-Normal.otf)
			url(ttf/SourceHanSansCN-Regular.otf)
			url(ttf/SourceHanSansCN-Light.otf)
			url(ttf/SourceHanSansCN-Bold.otf)
	}


/*头部*/
		.head{width:100%}
		.head_m{width: 1200px;height: 96px;/*background: gray;*/margin: 0 auto}
		.head_m div{float: left;}
		.head_m div:nth-child(3){float: right}
		.logo{margin-top: 10px}
		.logo_2{margin-top: 22px;margin-left: 18px}
		.tel{margin: 14px;margin-top: 22px}
/*导航*/
.nav_f{height: 60px;background: #374265;width: 100%}
	.nav{width:1200px;margin: 0 auto;}
	.col{width:120px;height: 60px;float: left;line-height: 60px;text-align: center;color:white;transition: 0.7s}
	.currentcol{background: #535e7e}
/*banner*/
	.banner{width: 100%; position:relative;height: 386px;margin: 0 auto;overflow: hidden}
	.banner img{width:1600px;position: absolute;left: calc(50% - 800px)}
/*成功案例*/
/*更多案例*/ 
/*新闻资讯*/
/*关于我们*/
/*footer*/	
/*footer*/	
	.footer{width: 100%;height:110px;background-color: #2c2c2c;color: #636363;font-size: 14px;}
.none{float:right;width: 1px}
	.ft_l1{width:467px;margin: 0 auto;text-align: center;margin-top: 14px;overflow: hidden}
	.ft_l1 a{float:left;width:70px;text-align: center;line-height: 28px;height: 28px;}
	.ft_l1 span{float:left;text-align: center;line-height: 28px;height: 28px;}
	.ft_l2{text-align: center;clear: left;height: 26px;line-height: 26px}
	.ft_l3{width:351px;margin: 0 auto;text-align: center;}
	.ft_l3 div{float:left;width:80px;text-align: center;line-height: 28px;height: 28px;}
	.ft_l3 span{float:left;text-align: center;line-height: 28px;height: 28px;}
	
/*----------------------------------------------------------------------------------------------------------*/


/*分页部分通用修饰*/
/*分页部分通用修饰*/
.company_inn{width:1200px;margin-top: 8px;position: relative; left: calc(50% - 600px)}
.mix_header{/*width: 1200px;*/height: 38px;position:relative}
.info_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}
.forb_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}
.culture_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}
.mgs_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}
.proj_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}
.recu_tlt_box{background-image: url(../img/tlt_bg.png);background-repeat: no-repeat;width: 212px;height: 38px;position:relative;/*left: calc(50% - 106px);top: calc(50% - 19px)*/}


.info_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -89px;margin-top: -9px}
.forb_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -69px;margin-top: -9px}
.culture_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -96px;margin-top: -12px}
.mgs_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -72px;margin-top: -10px}
.proj_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -105px;margin-top: -10px}
.recu_tlt_box img{position:absolute;left: 50%;top:50%;margin-left: -80px;margin-top: -10px}


.info_line{position:absolute;bottom: 0px}
.img_logo img{width:204px;height: 155px;margin: 0 auto;margin-top: 40px}

.img_logo{/*width:204px;*/}
.info_text{font-family:"思源黑体 CN";font-size: 16px;line-height: 30px;font-weight: lighter;margin-top: 30px;width: 90%;margin-right: 30px;margin-bottom: 100px;position: relative;left: calc(50% - 45%)}
.forb_text{font-family:"思源黑体 CN";font-size: 16px;line-height: 30px;font-weight: lighter;margin-top: 30px;margin-left: 30px;margin-right: 30px;margin-bottom: 100px;}
/*----------------------------------------------------------------------------------------------------------*/
		/*资质页*
		/*资质页*/
				.power_text{float: left;margin-top: 96px;margin-left: 118px;margin-right: 30px;margin-bottom: 100px;}
				.culture_text{float: left;margin-top: 96px;margin-left: 100px;margin-right: 30px;margin-bottom: 100px;}
				.culture_text img{width: 100%}
				
				.img_logo_2 img{width:204px;height: 155px;margin: 0 auto;margin-top: 40px}
				.img_logo_2{float: right;margin-right: 242px;margin-top: 146px}
				.img_logo_3 img{width:204px;height: 155px;margin: 0 auto;margin-top: 40px}


		/*新闻列表*/
/*----------------------------------------------------------------------------------------------------------*/
		/*新闻列表*/
				.news{margin:0 auto}
				.news_list{width:1200px;margin-top: 6px}
				.news_list_li{width:1200px;height:48px;border-bottom:1px #8e8e8e dashed}
				.news_j{float:left;background: url(../img/j.png);background-repeat: no-repeat;background-position: center;width: 4px;height: 48px;margin-left: 32px}
				.news_x_tlt{float:left;width: 810px;line-height: 48px;font-size: 18px;font-family: "思源黑体 CN";margin-left: 8px}
				.news_x_tlt:hover, .news_x_tlt:visited, .news_x_tlt:link, .news_x_tlt:active {color:black}
				.news_x_time{float:right;font-family: "思源黑体 CN";font-size: 18px;font-weight: 300;line-height: 48px;height: 48px;margin-right: 60px}
				.news_box_2{margin-top:10px}
				.news_box_3{margin-top:10px;margin-bottom: 30px}
				.dis_more{float:right;margin-right: 40px;margin-top: 20px}



		/*新闻列表*/

/*----------------------------------------------------------------------------------------------------------*/

		/*新闻内容*/
		/*新闻内容*/
.news_con_tlt{font-size:24px;font-family: "思源黑体 CN"; height: 54px;line-height: 54px;border-bottom: 1px #8e8e8e dashed;text-align: center}
.news_con_time{font-size:18px;font-family: "思源黑体 CN"; height: 40px;line-height: 40px;border-bottom: 1px #8e8e8e dashed;text-align: center;color: #909090}
.news_content{width: 1100px;margin: 0 auto;margin-top: 16px;margin-bottom: 30px; font-size:18px;font-family: "思源黑体 CN";font-weight: 300; line-height: 28px;text-align: justify;text-justify: inter-ideograph;}

		/*新闻内容*/
		/*新闻内容*/
/*----------------------------------------------------------------------------------------------------------*/
/*组织*/
/*组织*/
.organ_con_tlt{font-size:24px;font-family: "思源黑体 CN"; height: 54px;line-height: 54px;border-bottom: 1px #8e8e8e dashed;text-align: center}
.organ_content{width: 1100px;margin: 0 auto;margin-top: 16px;margin-bottom: 30px; font-size:18px;font-family: "思源黑体 CN";font-weight: 300; line-height: 28px;text-align: justify;text-justify: inter-ideograph;}
.organ_img{margin:0 auto;width: 1100px; box-shadow: 0px 2px 29px 0px rgba(0, 0, 0, 0.31);}

.organ_img img{width:900px;margin:0 auto;margin-top: 30px;margin-bottom: 30px}
/*组织*/
/*组织*/
/*----------------------------------------------------------------------------------------------------------*/
/*project*/
/*project*/
.project_box{width:1000px;margin: 0 auto;margin-top: 30px;}
.proj_col{width: calc(33% - 33px);float: left;margin: 0 18px;margin-bottom: 30px;}
.proj_col .proj_info{width: 100%}
.proj_col img{box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1);}

.proj_name{font-size:14px;font-family: "思源黑体 CN";font-weight: 400;margin-top: 14px;color: #666666}
.proj_info{font-size:14px;font-family: "思源黑体 CN";font-weight: 300;text-align: justify;text-justify: inter-ideograph;margin-top: 8px;color:#666666}


/*project*/
/*project*/
/*----------------------------------------------------------------------------------------------------------*/
/*招聘*/
/*招聘*/
.job_box{margin-top:6px;margin-bottom: 30px;float: left;margin-right: 20px}
.job_box:nth-child(4){margin-right: 0px}
.job_box div{width:285px;/*margin-top: 6px;overflow: hidden*/}
.short{height:200px;position: relative;margin-top: 20px;background: white;overflow: hidden}
.long{height:450px;position: relative;margin-top: 20px;background: green;overflow: hidden}
.black_1{height:200px;position: absolute;top: 0; background: black;opacity: 0.5;transition: 0.6s;z-index: 9999}
.black_2{height:450px;position: absolute;top: 0; background: black;opacity: 0.5;transition: 0.6s}
.job_cla{height:40px;position: absolute;bottom: -40px;background: black;opacity: 1;z-index: 999;line-height: 40px;font-family: "思源黑体 CN";font-size: 18px;font-weight: lighter;padding-left: 11px;color: aliceblue}
.short:hover .black_1{height:200px;position: absolute;background: black;opacity: 0;}
.long:hover .black_2{height:450px;position: absolute;background: black;opacity: 0;}
.short:hover .job_cla{position: absolute;background: rgba(0,0,0,0.5);opacity: 1;animation: upup 0.3s linear;animation-fill-mode:forwards;}
.long:hover .job_cla{position: absolute;background: rgba(0,0,0,0.5);opacity: 1;animation: upup 0.3s;animation-fill-mode:forwards;}


@keyframes upup
{
from {bottom: -40px;}
to {bottom: 0px;}
}

@-moz-keyframes upup /* Firefox */
{
from {bottom: -40px;}
to {bottom: 0px;}
}

@-webkit-keyframes upup /* Safari 和 Chrome */
{
from {bottom: -40px;}
to {bottom: 0px;}
}

@-o-keyframes upup /* Opera */
{
from {bottom: -40px;}
to {bottom: 0px;}
}



/*招聘*/
/*招聘*/
/*----------------------------------------------------------------------------------------------------------*/
/*地图*/
/*地图*/

.map_content{width:1000px;margin: 0 auto;position: relative;height: 760px;}
.map_img{left: 170px;float: right;margin-top: 20px}
.content>div{width:810px;height:520px;border:#ccc solid 1px;}
.map_content .map_list{float:left;margin-top: 24px;margin-left: 36px;}
.map_list div{margin-bottom:8px}
.map_text{clear: both;float:right;width: 810px;margin-top: 16px;font-family: "思源黑体 CN";}
.company_id,.map_tel,.map_email{margin-top: 6px;font-family: "思源黑体 CN";}



.map_img{background-color: orange;width:810px;height:520px;border:#ccc solid 1px;overflow: hidden}










/*地图*/
/*地图*/
/*----------------------------------------------------------------------------------------------------------*/

/*侧边栏*/
.slide_bar_1{width:36px;height: 500px;background: url(../img/slide_bar.png);position: absolute;top:80px;left: -38px}

.slide_bar_1 a{width: 36px;height: 100px;position: relative}
.slide_bar_1 img{position:absolute;left: 50%;top: 50%; margin-left: -9px; margin-top: -34px}

.slide_bar_2{width:36px;height: 600px;background: url(../img/slide_bar_b.png);position: absolute;top:80px;left: -38px}

.slide_bar_2 a{width: 36px;height: 100px;position: relative}
.slide_bar_2 img{position:absolute;left: 50%;top: 50%; margin-left: -9px; margin-top: -34px}
.ex_sb img{position:absolute;left: 50%;top: 50%; margin-left: -9px; margin-top: -42px}




/*侧边栏*/ 
/*----------------------------------------------------------------------------------------------------------*/
/*通用*/
/*通用*/
.back{position:absolute;right: 30px;top: 4px}
/*通用*/

/*页码*/
.page {margin-bottom: 16px}
.page a{float:left;line-height: 24px;height: 24px;margin: 10px 3px;width: 18px;font-family: "思源黑体 CN";font-weight: 300;text-align: center}
.page a:nth-child(1){width: 48px;text-align: center;margin-right: 20px}
.page a:nth-child(8){width: 48px;text-align: center;margin-left: 20px}
.page a:nth-child(2){;font-weight: 400;border-bottom: 2px solid black}
.page_box{width:300px;margin: 0 auto}
/*页码*/




