.wrap {
	width: 83%;
	margin: 0 auto;
}
.wap{
		display: none;
	}
.page {
		text-align: center;
		margin-top:40px;
	}
	.team li .layer2{
		display: none;
	}
	.projectcon li .layer p.link{
		height: auto !important;
	}
	.page form{
		width: 100% !important;
	}
	.page a {
		padding: 8px 14px;
		border: 1px solid rgba(229, 229, 229, 1);
		border-radius: 2px;
	}
	.phonebanner{
		display: none;
	}
	
	.page input {
		height: 34px;
		line-height: 34px;
		border: 1px solid rgba(229, 229, 229, 1);
		width: 50px;
		border-radius: 2px;
		text-align: center;
	}
	
	.page a:hover,
	.page a.active {
		background: #eee;
	}
	
.header {
	position: absolute;
	top: 0;
	width: 100%;
	line-height: 126px;
	z-index: 999;
}
.header .fl img{
	height: 60px;
}
.header .fr {
	display: flex;
	
	justify-content: space-between;
}

.header .fr li {
	display: inline-block;
}
.indexhonor .swiper-slide a{
	cursor: inherit
}
.indexhonor .swiper-slide-active a{
	cursor: pointer;
	display: block;
}
.header .fr li a,
.header .fr>a {
	font-size: 16px;
	font-family: PingFang;
	font-weight: 400;
	color: #333;
	margin-left: 50px;

	display: inline-block;
}

.header .fr li a.active {
	border-bottom: 2px solid #333
}

.banner img {
	width: 100%;
	display: block;
}

.indexabout {
	padding: 100px 0;
}

.indexabout .titles {
	display: flex;
	justify-content: space-between;
	padding-bottom: 90px;
	border-bottom: 4px solid #B77555;
	margin-bottom: 66px;
	align-items: center;
}

.indexabout .titles span.ch ,.indexcase .title span.ch,.indexnews span.ch,.indexhonor span.ch{
	font-size: 44px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	 color: #171717; 
	z-index: 1;
	position: relative;
}
.contact  .titles{
	text-align: center !important;
}

.contact p.font4{
	font-size:20px; margin-bottom:20px; color: #122F54;
}
.header .fr>a{
	margin-top:-2px;
}
.header .fr li a{
	height:50px;
	line-height: 50px;
}
.indexabout .titles span.ch{
	display: block;
	text-align: left;
}
.indexhonor .titles{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.indexhonor .titles a{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #B77555;
}
.indexabout .titles span.en,.indexcase .title span.en,.indexnews span.en,.indexhonor span.en {
	display: block;
	font-size: 64px;
	font-family: Helvetica;
	font-weight: bold;
	color: rgba(51, 51, 51, 0);
	line-height: 15px;
	-webkit-text-stroke: 1px #E5E5E5;
	text-stroke: 1px #E5E5E5;
}

.indexabout .con p {
	font-size: 18px;
	font-family: AlibabaPuHuiTi;
	font-weight: 300;
	color: #333333;
	line-height: 30px;
	margin-bottom: 30px;
}

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

.indexabout .list ul {
	display: flex;
	justify-content: space-between;
}

.indexabout .list li {
	height: 380px;
	background: #F7F7F7;
	width: 24%;
	padding-top: 88px;
	box-sizing: border-box;
	position: relative;
	transition: all .3s;
}

.indexabout .list li i {
	height: 80px;
	display: block;

}

.indexabout .list li:nth-of-type(1) i {
	background: url(/images/ico1.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(1):hover i {
	background: url(/images/ico1-white.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(2) i {
	background: url(/images/ico2.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(2):hover i {
	background: url(/images/ico2-white.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(3) i {
	background: url(/images/ico3.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(3):hover i {
	background: url(/images/ico3-white.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(4) i {
	background: url(/images/ico4.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(4):hover i {
	background: url(/images/ico4-white.png) no-repeat center center;
}


.indexabout .list li:nth-of-type(5) i {
	background: url(/images/ico5.png) no-repeat center center;
}

.indexabout .list li:nth-of-type(5):hover i {
	background: url(/images/ico5-white.png) no-repeat center center;
}


.indexabout .list li span {
	font-size: 28px;
	font-family: AlibabaPuHuiTi;
	font-weight: 400;
	color: #171717;
	display: block;
	margin: 30px 0;
	text-align: center;

}

.indexabout .list li p {
	font-size: 16px;
	font-family: AlibabaPuHuiTi;
	font-weight: 300;
	color: #797A7A;
	line-height: 25px;
	text-align: center;
}

.indexabout .list li span.more {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
	margin: 0;
	display: none;

}

.indexabout .list li:hover {
	background: #122F54;
	padding-top:50px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.indexabout .list li:hover span,
.indexabout .list li:hover p {
	color: #fff;
	display: block;
}

.indexabout .list li:hover{
	transform: translate(0,-50px);
}
.indexcase{
	position: relative;
	    background: #F7F7F7;
		padding-right:8.5%;
	padding-bottom:100px;	
}
.indexcase .leftbox{
	background: #F7F7F7;
	width: 40%;
	float: left;
	padding:100px 0 0 8.5%;
	box-sizing: border-box;
}
.indexcase .title{
	margin-bottom: 70px;
}
.indexcase .list li{
	width: 240px;
	height: 133px;
	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: top;
}
.indexcase .list li img{
	max-width: 100%;
	max-height: 100%;
}
.indexcase .list{
	width: 500px;
}
.indexcase .list li:hover,.indexcase .list li.active{
	background:#fff
}
.indexcase .rightbox{
	width: 50%;
	margin-top:102px;
	float: right;
}
.indexcase .rightbox .lists .tab{
	display: none;
}
.indexcase .rightbox .lists .tab:first-of-type{
	display: block;
}
.indexcase .rightbox>img{
	width: 100%;
}
.indexcase .rightbox .text{
	background: #F2f2f2;
	padding:60px 5% 60px;
	height: 350px;
	box-sizing: border-box;
	
}
.indexcase .rightbox .text i{
	width:200px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.indexcase .rightbox .text i img{
	max-width: 100%;
	max-height: 100%;
}
.indexcase .rightbox .text p{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
	line-height: 30px;
	width: 580px;
	max-width: 100%;
	margin:20px 0;
	text-align: justify;
}
.indexcase .rightbox .text p.num{
	margin:0;
	font-size: 16px;
}
.indexcase .rightbox .text p.num span{
	font-size: 24px;
}

.indexcase .leftbox>a{
	width: 160px;
	height: 60px;
	background: #B77555;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 60px;
	display: block;
	text-align: center;
	
	margin-top:50px;
}

.indexnews{
	padding:100px 0 100px;
}
.indexabout .titles>img{
	width: 200px;
}

.indexnews .titles{
	margin-bottom: 70px;
	text-align: left;
}
.indexnews .swiper-slide{
	transition: all .3s;
	cursor: pointer;
	
}
.indexnews .swiper-slide img{
	width: 100%;
}
.indexnews .swiper-slide p.tit {
    font-size: 16px;
    font-family: Microsoft YaHei;
    
    color: #171717;
    line-height: 32px;
    margin: 25px 0 10px;
	height:64px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
.indexnews .swiper-slide .pro{
	/* height: 350px; */
	overflow: hidden;
	transition: all .3s;
	width: 94%;
}
.contact  .swiper-slide{
	width: 30% !important;
	float: left;
	margin:0 5% 50px 0;
}
.contact  .swiper-slide:nth-of-type(3n){
	margin-right:0;
}
.contact .swiper-father a.more,.projectcon a.more{
	line-height: 88px;
	background: #EEEEEE;
	font-size: 24px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	display: block;
	text-align: center;
}
.indexnews .swiper-slide .pro img{
	height: 100%;
	transition: all .3s;
}
.indexnews .swiper-slide:hover img{
	transform: scale(1.1);
}
.indexnews .swiper-slide p.font {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
}

.indexnews .swiper-slide p.time {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #171717;
    padding: 60px 0 25px;
    border-bottom: 4px solid #eee;
}
.indexnews .swiper-slide:hover p.time{
	 border-bottom: 4px solid #B77555;
}


.indexnews .swiper-father>a {
    width: 160px;
    height: 60px;
    background:#B77555;
    font-size: 16px;
    display: block;
    margin: 50px 0 0;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 60px;
}
.indexnews .swiper-button-prev{
	width: 68px;
	height: 58px;
	background:url(/images/prev.png) no-repeat center center/100%;
	left:85%;
	top:95%;
	position: absolute;
}
.indexnews .swiper-button-next{
	width: 68px;
	height: 58px;
	background:url(/images/next.png) no-repeat center center/100%;
	left:95%;
	top:95%;
	position: absolute;
}

.indexhonor{
	background: #F7F7F7;
	padding:100px 0 100px;
}

.indexhonor .swiper-container{
	height: 500px;
	margin-top:40px;
}
.indexhonor .swiper-slide{
	height: 40px ;
}
.indexhonor .swiper-slide p{
	font-size: 24px;
	color:#333;
	text-align: center;
line-height: 70px;
	opacity: .5;
}
.indexhonor .swiper-slide-next p,.indexhonor .swiper-slide-prev p{
	opacity: .7;
}
.indexhonor .swiper-slide-active {
	height: 78px;
	 border-top: 5px dashed #DCDCDC;
	border-bottom: 5px dashed #DCDCDC; 
}
.indexhonor .swiper-slide-active p{
	
	line-height: 70px;
	
	color:#333;
	opacity: 1;
}

.footer{
	background:url(/images/bg1.png) no-repeat top center/cover;
}
.footernav{
	padding:80px 0 66px;
	border-bottom:1px solid #E2E2E2;
	display: flex;
	justify-content: space-between;
}
.footernav .left p{
	font-size: 19px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}

.footernav .left span{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #B77555;
}
.footernav .right {
	display: flex;
}
.footernav .right .code span{
	display: block;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 16px;
	opacity: 0.5;
	margin-top:10px;
}
.footernav .right .link a{
	display: block;
	margin-bottom: 10px;
}
.footernav .right .code{
	margin-right: 70px;
}
.copy{
	line-height: 80px;
	height: 80px;
	border-top:1px solid rgba(226,226,226,.5);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.copy p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.copy img{
	height: 60px;
	display: none;
}



.fullpage {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.pc_page_swiper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc_page_swiper .swiper-container {
	/* position: absolute; */
}

.fullpage li {
	width: 100%;
	position: absolute;
	/*一定要设置这个*/
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 4;
	padding-bottom:48%;
}

.pc_first_page_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.pc_second_page_img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.pc_first_page_img img,
.pc_second_page_img img {
	width: 100%;
	height: 100%;
}

.pc_first_page_info {
	position: absolute;
	text-align: right;
	z-index: 10;
}

.pc_first_page_info h3 {
	color: #FFFFFF;
	font-size: 100px;
	margin-bottom: 29px;
}

.pc_first_page_info h5 {
	color: #FFFFFF;
	font-size: 48px;
}

.pc_second_page {
	width: 100%;
	height: 100%;
	display: flex;
}

.pc_first_page_arrow {
	width: 20px;
	position: absolute;
	bottom: 50px;
	z-index: 10;
	cursor: pointer;
	animation-name: beat;
	/*动画名称*/
	animation-duration: .5s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速率曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-direction: alternate;
	/*逆向播放*/
	animation-play-state: running;
	/*正在运行*/
}

@keyframes beat {
	0% {
		bottom: 50px;
	}

	100% {
		bottom: 55px;
	}
}

.slide_show {
	position: relative;
	height: 100%;
	width: 100%;
}

.slide_show * {
	outline: none;
}

.slide_show li img {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
	transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
}

.slide_show .pc_first_page_slide.slick-active img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.fullpage li.one {
	z-index: 4;
}

.fullpage li.two {
	z-index: 3;
}

.fullpage li.three {
	z-index: 2;
}

.fullpage li.four {
	z-index: 1;
}

.fullpage li.current {
	/* clip:rect(0,1600px,970px,0); */
	z-index: 9;
	animation: mymove 1s linear 0s forwards;
}

@keyframes mymove {
	from {
		clip: rect(0, 2000px, 970px, 0);
	}

	to {
		clip: rect(0, 2000px, 970px, 2000px);
	}
}

.activeImg {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


.phoneheader,.mobile-container{
	display: none;
}

.contact{
	padding:150px 0 200px;
}
.titles{
	text-align: center;
}

.titles .en{
	
	font-size: 36px;
	font-family: PingFang;
	font-weight: bold;
	color: #122F54;
	display: block;
}
.titles .en i{
	vertical-align: top;
	font-size: 24px;
	color:#122F54;
	font-style: normal;
}
.titles .ch{
	font-size: 44px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #122F54;
}
.indexnews.contact  span.ch{
	color: #122F54;
}
.titles p{
	font-size: 64px;
	font-family: Helvetica;
	font-weight: bold;
	color: rgba(51, 51, 51, 0);
	margin-top:-70px;
	z-index: -1;
	    position: relative;
	-webkit-text-stroke: 1px #E5E5E5;
	text-stroke: 1px #E5E5E5;
}

.contact p.num{
	font-size: 24px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #122F54;
	border-bottom:4px solid #EEEEEE;
	padding:40px 0 30px;
	text-align: center;
}
.contact p.num span{
	font-weight: bold;
}
.contact .con{
	margin:20px 0 100px;
	background:url(/images/bg2.png) no-repeat center center;
	height: 355px;
	padding:50px 0 0 0px;
	box-sizing: border-box;
}
.contact .con p{
	/* font-size: 18px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #122F54; */
}
.contact .con img{
	width: 165px;
	margin:25px 0 15px;
	display: block;
}
.contact .con  span{
	width: 165px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-family: PingFang;
	font-weight: 400;
	color: #18191A;
}


.contact .xjp{
	margin:20px 0 100px;
	background:url(/images/bg2-xjp.png?t=1222221) no-repeat center center;
	height: 355px;
	padding:50px 0 0 0px;
	/*box-sizing: border-box;*/
		background-size: contain;
}


.contact .list{
	height: 100px;
	background: #F7F7F7;
	border-radius: 10px;
	padding-top:30px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
.contact .list h2{
	height: 44px;
	line-height: 44px;
	
	border-left:2px solid #CF875A;
	padding-left: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
}
.contact .list h2 a{
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #1E395C;
	    margin: 0 20px 0 10px;
}

.contact .cons{
	display: flex;
	justify-content: space-between;
}
.contact.indexnews .cons{
	display: block;
}
.contact .cons .tab{
	width: 32%;
	background: #F7F7F7;
	border-radius: 10px;
	height: 200px;
	
}
.contact .cons .tab h2{
	line-height: 50px;
	border-bottom:1px solid #eee;
	height: 50px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.contact .cons .tab h2 span{
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #122F54;
	width: 160px;
	text-align: center;
	display: inline-block;
	border-bottom:1px solid #CF875A
}
.contact .cons .tab p{
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #122F54;
	line-height: 32px;
	padding:0 35px;
}

.search{
	padding-bottom:60px;
	border-bottom:4px solid #EEEEEE;
	margin-bottom: 50px;
}
.search form{
	width: 400px;
	border-bottom:1px solid #000;
	display: flex;
	justify-content: space-between;
	line-height: 70px;
	height: 70px;
}
.search button{
	height: 70px;
	width: 70px;
	background:url(/images/search.png) no-repeat center center;
}
.search input{
	font-size: 24px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
}

.newsdetail .newtit{
	text-align: center;
	padding-bottom: 50px;
	border-bottom:1px solid #EEEEEE;
	margin-bottom: 50px;
}
.newsdetail .newtit .font1{
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #294364;
}

.newsdetail .newtit .font2{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #294364;
}
.newsdetail .newtit .time{
	font-size: 20px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #294364;
	margin:20px 0;
}

.newsdetail .cons p{
	font-size: 20px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #294364;
	line-height: 30px;
}
.newsdetail .cons img{
	max-width: 100%;
	display: block;
	margin:0 auto;
}
.newsdetail  .chapter{
	border-top:4px solid #EEEEEE;
	padding-top:30px;
	margin-top:100px;
}
.newsdetail  .chapter a{
	font-size: 24px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	display: block;
}
.newsdetail  .chapter a.return{
	font-size: 24px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	text-decoration: underline;
	margin-top:30px;
}

.team li{
	width: 22%;
	display: inline-block;
	vertical-align: top;
	margin:100px 3.1% 0px 0;
}
.team li:nth-of-type(4n){
	margin-right:0;
}
.team li .pro{
	position: relative;
}
.team li .pro>img{
	width: 100%;
	/* height: 640px; */
}
.team li .pro .layer{
	position: absolute;
	width: 100%;
	background: #CF875A;
	height: 100%;
	top:0;
	left: 0;
	opacity: 0;
	padding:20px 20px 0;
}
.team li:hover .layer{
	opacity: 1;
}


.team li:hover > span{
	opacity: 0;
}
.team li:hover > p{
	opacity: 0;
}
.team li .pro .layer img{
	/* width: 100px; */
	height: 70px;
	border-radius: 50%;
	border:2px solid #fff;
	box-sizing: border-box;display: none;
}
.team li .pro .layer span{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	display: block;
	margin:5px 0;
	/* margin:20px 0 10px; */
}
.team li .pro .layer .font1{
	font-size: 17px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #fff;
	
}
.team li .pro .layer .font2{
	font-size: 13px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 25px;
	height::280px;
	overflow: hidden;
}
.team li > span{
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #122F54;
	display: block;
	
	
}
.team li >  p{
	font-size: 17px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	
	
}

.projecttitle ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.projecttitle li{
	margin:0 50px;
	padding-top:90px;
}
.projecttitle li i{
	display: block;
	height: 50px;
	width: 50px;
	margin:0 auto;
	background:url(/images/f1.png) no-repeat center center;
}

.projecttitle li span{
	font-size: 19px;
	font-family: AlibabaPuHuiTi;
	font-weight: 400;
	color: #666666;
	display: block;
	text-align: center;
	margin-top:20px;
}
/*.projecttitle li:nth-of-type(1).active i{*/
/*	background:url(/images/f2.png) no-repeat center center;*/
/*}*/

.projecttitle li:nth-of-type(1) i{
	background:url(/images/f3.png) no-repeat center center;
}
.projecttitle li:nth-of-type(1).active i{
	background:url(/images/f7.png) no-repeat center center;
}

.projecttitle li:nth-of-type(2) i{
	background:url(/images/f4.png) no-repeat center center;
}
.projecttitle li:nth-of-type(2).active i{
	background:url(/images/f8.png) no-repeat center center;
}


.projecttitle li:nth-of-type(3) i{
	background:url(/images/f5.png) no-repeat center center;
}
.projecttitle li:nth-of-type(3).active i{
	background:url(/images/f9.png) no-repeat center center;
}

.projecttitle li:nth-of-type(4) i{
	background:url(/images/f6.png) no-repeat center center;
}
.projecttitle li:nth-of-type(4).active i{
	background:url(/images/f10.png) no-repeat center center;
}



.projecttitle li:nth-of-type(5) i{
	background:url(/images/f12.png) no-repeat center center;
}
.projecttitle li:nth-of-type(5).active i{
	background:url(/images/f11.png) no-repeat center center;
}


.projecttitle li.active span{
	color:#CF875A
}
.contact2{
	padding-bottom: 80px;
}

.projectcon{
	background:#f8f6f8;
	padding:60px 0 90px;
}
.projectcon li{
	background:#fff;width: 23%;
	height: 380px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	margin:0 2% 20px 0;
	float: left;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.projectcon li:nth-of-type(4n){
	margin-right:0;
}
.projectcon li >img{
	max-width: 100%;
	display: block;
	margin:0 auto;
	max-height: 100%;
	
}
.projectcon li:hover .layer,.projectcon li.active .layer{
	opacity: 1;
}
.projectcon li >span{
	font-size: 19px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	position: absolute;
	bottom:30px;
	left:0;
	width: 100%;
	text-align: center;
}

.projectcon li .layer{
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	background:#fff;
	width: 100%;
	padding:35px;
	opacity: 0;
	box-sizing: border-box;
}
.projectcon li .layer img{
	max-height: 60px;
}
.projectcon li .layer span{
	display: block;
	font-size: 19px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	margin:15px 0;
}
.projectcon li .layer  p{
	font-size: 14px;
	font-family: MicrosoftYaHeiLight;
	font-weight: 400;
	color: #333333;
	line-height: 25px;
	
}
.projectcon li .layer  p.link{
	height: auto;
	color:#CF875A;
	margin-top:0px;
	word-break: break-all;
}
.projectcon li .layer i{
	display: block;
	height: 50px;
}
.projectcon li .layer i img{
	max-height: 50px;
}
.projectcon li .layer p:first-of-type{
		height: 200px;
		overflow: hidden;
	}<!--耗时1756524410.6928秒-->