/*动态页面样式*/

.trendsBox{

	/*overflow: hidden;*/

}

.trendsBox:after{

	content: '';

	display: block;

	height: 0;

	clear: both;

}

.trendsBox .newTrends{

	float: left;

	position: relative;

	box-sizing: border-box;

	width: 56.66%;

	padding-left: 9.11%;

	padding-top: 8px;

	/*border-left: 1px solid #b0b0b1;*/

	/*border-top: 2px solid #dcdddd;*/

}

.trendsBox .newTrends:before{

	content: "";

	position: absolute;

	display: block;

	top: -2px;

	right: 0;

	width: calc(100% - 9.11%);

	height: 2px;

	background: #fff;

}

.trendsBox .newTrends .newsUnit{

	margin-bottom: 2.5rem;

	padding-bottom: 2rem;

	border-bottom: 0.125rem solid #d8d8d9;

	font-size: 0.75rem;
	line-height: 2.2;

	color: #999;

	transition: all 0.5s;

}

.trendsBox .newTrends .newsUnit:hover{

	color: #595757;

}

.trendsBox .newTrends .newsUnit h4{

	color: #595757;

	font-size: 0.875rem;

	font-weight: 700;

}

.trendsBox .newTrends .newsUnit .datail{

	margin-top: 1rem;

}

.trendsBox .newTrends .newsUnit .imgBox{

	margin-top: 2.875rem;
	margin-bottom: 0.5rem;
	width: 100%;

	overflow: hidden;

}

.trendsBox .newTrends .newsUnit .imgBox img{

	filter: grayscale(100%);

	transition: 0.5s transform;

}

.trendsBox .newTrends .newsUnit:hover .imgBox img{

	transform: scale(1.2, 1.2);

	filter: grayscale(0%);

}

.trendsBox .newTrends .newsUnit .content{

	margin-top: 2rem;

	line-height: 2.6;

}

.trendsBox .newTrends .newsUnit .tagsBox{

	margin-top: 2rem;

	font-size: 0.875rem;

}

.trendsBox .hotTrends{

	float: left;

	box-sizing: border-box;

	width: 43.33%;

	padding-left: 5.8%;

}

.trendsBox .hotTrends h3{

	color: #595757;

	font-size: 0.875rem;

	font-weight: 700;

}

.trendsBox .hotTrends .tags{

	margin-top: 0.875rem;

	color: #898989;

	line-height: 1.4;

	font-size: 0.875rem;

}

.trendsBox .hotTrends .newsList{

	box-sizing: border-box;

	margin-top: 3rem;

	width: 100%;

	font-size: 0.875rem;

}

.trendsBox .hotTrends .newsList a{

	color: #898989;

}

.trendsBox .hotTrends .newsList .firstNews{

	margin-bottom: 1.625rem;

	padding-bottom: 1.625rem;

	border-bottom: 1px solid #c9cacb;

	overflow: hidden;

}

.trendsBox .hotTrends .newsList .firstNews:hover{

	color: #595757;

}

.trendsBox .hotTrends .newsList .firstNews .imgBox{

	float: left;

	width: 33.33%;

}

.trendsBox .hotTrends .newsList .firstNews .imgBox img{

	width: 100%;

	opacity: 0.6;

}

.trendsBox .hotTrends .newsList .firstNews:hover img{

	opacity: 1;

}

.trendsBox .hotTrends .newsList .firstNews .textBox{

	float: left;

	box-sizing: border-box;

	width: 66.66%;

	padding-left: 1.2rem;

}

.trendsBox .newsList .firstNews .textBox h4{

	font-size: 0.875rem;

	font-weight: 700;

}

.trendsBox .newsList .firstNews .textBox p{

	margin-top: 1rem;

	line-height: 2.6;

	font-size: 0.75rem;

}

.trendsBox .hotTrends .newsList li{
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 1.625rem;
	padding-bottom: 1.625rem;
	padding-left: 2.5rem;

	border-bottom: 1px solid #c9cacb;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #898989;

}

.trendsBox .hotTrends .newsList li:hover{

	color: #595757;

}

.trendsBox .hotTrends .newsList li:before{

	content: '';

	display: inline-block;

	margin-right: 20px;

	width: 4px;

	height: 4px;

	background: #898989;

	border-radius: 4px;

	vertical-align: middle;

}



/*服务页面样式*/

.serviceContent {
	overflow: hidden;
}
.serviceContent .s_content .cus_col_6{

	padding: 0 10px;

}

.serviceContent .imgStyle1{

	/*max-width: 8%;*/

	vertical-align: middle;

	margin-right: 1rem;

}

.serviceContent .donwloadList{

	margin-top: 3rem;

	color: #999;

	font-size: 1.25rem;

}

.serviceContent .donwloadList li{

	margin-bottom: 2.75rem;

}



/*方法页面样式*/

.methodContent .knowledgeBook .w40f{

	width: 40%;

}

.methodContent .knowledgeBook .w60f{

	width: 60%;

}

.methodContent .logonBox{

	margin: 4rem auto 0;

}



/*关于页面样式*/

.aboutContent .achievementBox{

	margin-top: 1rem;

	border: 1px solid #d3d3d4;

	border-width: 1px 0;

}



.aboutContent .partnersBox{

	margin-top: 2.4rem;
	margin-bottom: 2.4rem;

}

.aboutContent .partnersBox{

	overflow: hidden;

}

.aboutContent .jmIdea{

	margin-top: 5.4rem;

	padding: 2.75rem 0;

	border-top: 1px solid #d3d3d4;

	overflow: hidden;

	font-size: 3rem;

}

.aboutContent .jmIdea .col{

	float: left;

	width: 33.33%;

	text-align: center;

	font-weight: 400;

}

.aboutContent .jmIdea .col h5{
}

.aboutContent .jmIdea .col small{

	margin-top: 1.75rem;

}

.aboutContent .jmIdea .col p{

	margin-top: 2.5rem;

	font-size: 2.25rem;

}

.aboutContent .teamTop{

	position: relative;

	font-size: 2.25rem;

}

.aboutContent .teamTop .teamNum{

	position: absolute;

	right: 0;

	top: 0;

	margin-top: 1rem;

}

.aboutContent .teamTop .teamNum .imgStyle1{

	vertical-align: bottom;

	margin-right: 1rem;

}

.aboutContent .teamShow{

	margin-top: 3.75rem;

	margin-left: -0.5rem;

	overflow: hidden;

}

.aboutContent .teamShow li{

	box-sizing: border-box;

	float: left;

	width: 20%;

	margin: 0 auto 0.5rem;

	padding-left: 0.5rem;

	line-height: 1;

}

.aboutContent .teamShow .box{

	position: relative;

	max-width: 14.375rem;

	margin: 0 auto;

}

.aboutContent .teamShow li .portrait{

	display: block;

}

.aboutContent .teamShow li .mask{

	/*display: none;*/

	position: absolute;

	top: 0;

	left: 0;

	box-sizing: border-box;

	padding-left: 0.875rem;

	width: 100%;

	height: 100%;

	color: #fff;

	font-size: 0.875rem;

	line-height: 1;

	background: url(../images/bg1.png);

	opacity: 0;

}

.aboutContent .teamShow li:hover .mask{

	/*display: block;*/

	opacity: 1;

}

.aboutContent .teamShow li .mask .miImg{

	position: absolute;

	left: 0.5rem;

	top: 1rem;

	width: 39%;

	transform: scale(0.1);

	transition: all 0.8s;

}

.aboutContent .teamShow li:hover .mask .miImg{

	transform: scale(1);

}

.aboutContent .teamShow li .mask .text{

	position: absolute;

	bottom: 0.875rem;

}

.aboutContent .teamShow li .mask .name:after{

	content: '';

	display: block;

	height: 1px;

	width: 50px;

	padding-top: 0.5rem;

	margin-bottom: 0.5rem;

	border-bottom: 1px #fff solid;

}

.aboutContent .teamShow li .mask .department{

	margin-bottom: 0.5rem;

}



/*团队详情页*/

.jeremyTeam .projectList{

	overflow: hidden;

	margin-left: -6px;

}

.jeremyTeam .projectList .pro{

	float: left;

	margin-left: 6px;

	margin-bottom: 6px;

	width: calc(50% - 6px);

	overflow: hidden;

}

.jeremyTeam .projectList .pro img{

	display: block;

	transform: scale(1);

	transition: all 0.5s;

}

.jeremyTeam .projectList .pro img:hover{

	transform: scale(1.05);

}

.jeremyTeam .s_content p{

	transition: all 0.4s;

}

.jeremyTeam .s_content p:hover{

	color: #595757;

}



/*项目列表页*/

.porListPage{

	color: #898989;

}

.porListPage .left{

	float: left;

	width: 60%;

	max-width: 780px;

	margin: 0 auto;

}

.porListPage .right{

	float: left;

	width: 40%;

	max-width: 380px;

	margin: 0 auto;

}

.porListPage .porList1{

	font-size: 1.5rem;

	font-family: "思源黑体";

}

.porListPage .porList1 li{

	position: relative;

	margin-bottom: 3rem;

}

.porListPage .porList1 li a{

	display: block;

	max-width: 85%;

	width: 37.5rem;

	margin-right: 9rem;

	color: #898989;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.porListPage .porList1 li a:hover{

	color: #595757;

}

.porListPage .porList1 li .state{

	position: absolute;

	right: 3rem;

	top: 0;

}

.porListPage .porList2{

	font-size: 1.125rem;

	font-family: "思源黑体";

}

.porListPage .porList2 li{

	margin-bottom: 1rem;

	white-space: nowrap;

}

.porListPage .porList2 a{

	color: #898989;

}

.porListPage .porList2 a:hover{

	color: #595757;

}



/*项目详情页*/

.porPage{

	/*font-size: 1.125rem;*/

	font-size: 1rem;

	font-family: "思源黑体";

}

.porPage .left{

	float: left;

	width: 30%;

	padding-bottom: 4rem;

	transition: all 0.4s;

}

.porPage .left:hover{

	color: #595757;

}

.porPage .right{

	float: left;

	width: 67%;

	margin-left: 3%;

	padding-bottom: 4rem;

}

.porPage table td{

	vertical-align: top;

	line-height: 2.8;

}



/*项目管理页*/

.modifyProgress{

	position: absolute;

	right: 0;

	top: -6.625rem;

	/*margin-left: 1rem;*/

}

.modifyProgress .modify_decorate{

	position: absolute;

	left: 0.5rem;

	top: 16px;

	height: calc(100% - 36px);

	width: 1.6rem;

	border: 1px solid #b3b4b4;

	border-width: 1px 0 1px 1px;

}

.modifyProgress .modify_decorate .decorate_line{

	position: absolute;

	bottom: 100%;

	left: -1px;

	height: 0;

	width: 1px;

	background: #b3b4b4;

}

.modifyProgress .ul_style4 .progress{

	position: absolute;

	top: auto;

	bottom: 1rem;

	z-index: 1;

	left: 7.5rem;

	margin-left: 4px;

	width: 2px;

	/*height: 100%;*/

	background: #221815;

}

.porPage .briefList{

	height: 0;

	overflow: hidden;

}

.porPage .briefList .dot{

	display: none;

}

.porPage .briefList .li{

	margin-top: 0.5rem;

	padding-top: 0.5rem;

	border-top: 1px solid #c9caca;

}

.porPage .briefList .li.state_done{

	background: #ededed;

}


.sloganBox{
    margin-bottom: 2rem;
    width: 100%;
    height: 13rem;
    background: #313134;
    color: #fff;
}
.sloganBox .w1200{
    position: relative;
    height: 100%;
}
.sloganText1{
    position: absolute;
    top: 5.6rem;
    left: 0;
    font-size: 2.25rem;
}
.sloganText2{
    position: absolute;
    top: 2rem;
    right: 4rem;
    font-size: 3rem;
    line-height: 1.5;
}




/*媒体查询*/

@media(max-width: 1200px){

	.porListPage .left,.porListPage .right{

		width: 100%;

		float: none;

	}

	.porListPage .porList1 li a,.porListPage .porList2 li{

		white-space: normal;

	}

	.porListPage .porList1 .state{
		/*display: none;*/
	}

	/*.aboutContent .achievementBox{

		display: none;

	}*/
	.sloganText1{
		/*top: auto;*/
		bottom: 1rem;
		left: 2rem;
	}

}

@media(max-width: 992px){

	.trendsBox .newTrends,.trendsBox .hotTrends{

		width: 100%;

		border: none;
		padding-left: 0;

	}

	.aboutContent .achievementBox .achiev_col{

		width: 50%;

	}

	.aboutContent .partnersBox .partnersSlide li{

		float: left;

		width: 33.33%;

	}

	.aboutContent .teamShow li{

		width: 33.33%;

	}

	.porPage .ul_style4{

		width: 90%;

	}

	.porPage .briefList{

		height: auto;

	}

	.modifyProgress,.ul_style4 li p .line{

		display: none;

	}

}

@media(max-width: 768px){

	.methodContent .knowledgeBook .w40f,.methodContent .knowledgeBook .w60f{

		width: 100%;

	}

	.aboutContent .achievementBox .achiev_col{

		float: none;

		width: 100%;

		max-width: 300px;

		margin: 0 auto;

	}

	.aboutContent .teamTop .teamNum{

		position: initial;

	}

	.aboutContent .teamShow li{

		width: 50%;

	}

	.aboutContent .jmIdea .col{

		width: 100%;

	}

	.porPage .left,.porPage .right{
		float: none;
		width: 100%;
		margin: 0 auto;
		font-size: 1.8rem;
	}
	.trendsBox .newTrends .newsUnit,.trendsBox .newsList .firstNews .textBox h4{
		font-size: 1.8rem;
	}
	.trendsBox .newTrends .newsUnit h4{
		font-size: 2rem;
	}
	.trendsBox .newsList .firstNews .textBox p{
		font-size: 1.6rem;
	}
	.trendsBox .hotTrends .newsList,.trendsBox .newTrends .newsUnit .tagsBox{
		font-size: 1.75rem;
	}

	.porListPage .porList1 li,.porListPage .porList2 li{
		margin-bottom: 1.5rem;
		font-size: 1.6rem;
	}
	.porListPage .right{
		margin-top: 3rem;
		margin-left: 0;
	}
	.porListPage .porList1 li .state{
		right: 1rem;
	}
	.aboutContent .teamShow .box{
		max-width: 100%;
		width: 100%;
	}
	.ul_style4 li p{
		font-size: 1.6rem;
	}
}

input::placeholder{
	font-size: 1em;
}
.attachmentSearch input{
	box-sizing: border-box;
	display: inline-block;
	width: 35%;
	/*letter-spacing: 3.5px;*/
	max-width: 250px;
	height: 30px;
	margin: 2.75rem 0;
	padding: 0 8px 0 8px;
	font-size: 18px;
	border: none;
}
.attachmentSearch [type="submit"]{
	box-sizing: border-box;
	display: inline-block;
	width: 28px;
	height: 30px;
	margin: 2.75rem 0;
	vertical-align: top;
	cursor: pointer;
	background: url(../images/search2.png) no-repeat right center;
	border: none;
	outline: none;
}