@media screen and (max-width: 768px){

	.nav{
		width: 100%;
		
		height:100%;
		overflow-y:scroll;
		padding-top: 10px;
		background-color: #1a2034;
		z-index: 100;
		color: #fff;
		top: -200%;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	.nav.act{
		top: 50px;
		
	}
	.nav .nav-bottom{
		height: 100%;
		min-height: 736px;
		
	}
	.nav .nav-bottom .nav-list{
	
		padding-bottom: 10px;
	}
	.nav .nav-bottom .nav-about{

	}
	.nav:hover{
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
	.nav-top{
		display: none;
	}
	.nav .nav-bottom .nav-list li a{
		font-size: 12px;
	}
	.nav .nav-bottom{
		padding-top: 12px;
	}
	.m_nav{
		position: fixed;
		display: block;
		top: 0px;
		z-index: 150;
		width: 100%;
		height: 50px;
		background-color: #1a2034;
		border-top: 6px solid #0e7aea;
	}
	
	.m_nav .m_nav-logo {
		position: absolute;
		left: 10px;
		top: 2px;
	}
	.m_nav .m_nav-logo  img{
		height: 40px;
	}

	.m_nav-btn{
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		height: 45px;
		line-height: 30px;
		font-size: 45px;
		color: #fff;
		border-left: #303139 solid 1px;
	}
	.m_nav-btn.act .iconfont.icon-caidan:before { content: "\e723"; }
	.iconfont.icon-caidan{
		font-size: 25px;
		padding: 10px; 
	}

	.view-group{

		width: 100%;
		height: 40px;
		top: 50px;
		right: 0px;
		z-index: 10;
	}
	.view-group a{
		width: 50%;
	}

	.show-group{
		padding: 0px;
		min-width: inherit;
	}
	.show-group .cnt .cnt-item{
		width: 50%;
		float: left;
		position: relative;
	}
	.show-group .cnt .cnt-list.-right .cnt-item:nth-child(7){
		width: 100%;
		
	}
	.show-group .cnt .cnt-list.-left .cnt-item:nth-child(5){
		width: 100%;
	}

	.list-view-cnt{
		padding: 90px 14px 60px 14px;
	}
	.list-view-head{
		display: none;
	}
	.list-view-head-text{
		width: 100% !important;
		display: block;
		padding: 0 0 0 80px !important	;
		position: relative;
		font-size: 14px;
		margin-bottom: 12px;
	}
	.list-view-list-item{
		position: relative;
		
	}
	.list-view-text-cnt{
		padding: 15px 30px 15px 0;
	}
	.list-view-list-item:after{
		content: "\f004d";
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
    		-ms-transform: translateY(-50%);
    		transform: translateY(-50%);
		margin: auto;
		font-size: 30px;
		display: block;
		line-height: 1;
		background-size: contain;
		font-family:"iconfont" !important;
 		color: #fff;
 		vertical-align: middle;
  		font-style:normal;
  		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}
	.list-view-head-text:after{
		
		color: #0e7aea;
		position: absolute;
    		top: 2px;
    		left: 10px;
    		font-size: 12px;
    		font-weight: bold;
    		letter-spacing: .15em;
    		
	}
	.list-view-head-text.-name:after{
		content: "¼Î±ö";
	}
	.list-view-head-text.-position:after{
			content: "Ö°Îñ";
		}
		.list-view-head-text.-project:after{
			content: "Ãû³Æ";
		}
.list-view-head-text.-gallery:after{
	content: "ͼ¿â";
}
}