/*屏幕宽度最大为768的状态下  手机站*/
@media screen and (max-width: 768px) {
    .navigation{
        width:100%;
		padding:0;
		display: none;
    }
	.navigation{
		left:0px !important;
		/*background:green;*/
		z-index:1000;
		background:url("../imgs/menuBg.png") repeat-x;
		height:45px;
	}
	.navigation ul{
		border-top:1px solid #fff;
		width:130px;
		float:left;
		background:rgba(0,0,0,0.6);
		
	}
	.navigation ul li{
		text-align:left;
		box-sizing:border-box;
		padding-left:20px;

	}
	.navigation ul li:last-child{
		border-bottom:none;
	}
	.navigation ul li a{
		color:#fff;
		display:block;
		width:100%;
		height:100%;
	}
	.navigation .nav{
		display:block;
		left:20px;
		position:absolute;
		top:15px;
	}
	.navigation ul{
		padding-top:0px;
		margin-top:45px;
	}
    #btn1, #btn2{
        display: none;
    }
    .swiper-slide .bettwn span{
        font-size:1.5em;
    }
    .footer{
        display: block;
    }
	.navigation li a{
		font-size:12px;
	}
	.navigation li{
		padding-bottom:0px;
	line-height:45px;
	border-bottom:1px dashed #ddd;
	}
	.navigations{
		width:100%;
		height:45px;
		padding:0px;
		text-align:left;
		box-sizing:border-box;
		padding-left:20px;
		
		/*background:green;*/
	}
	.navigations .but{
			margin-top:15px;
	}
	.header{
		width:80%;
		height:45px;
		z-index:2000
	}
	.header .head-logo{
		width:70px;
		height:20px;
		display:block;
		float:right;
		margin-top:12px;
		padding:0;
		margin-right:5%;
	}
	.head-lage{
		display:block;
	}
	.art_let{
		width:100%;
		margin-bottom: 20px;
	}
	.newsList{
		width:70% !important;
		/*padding:0 10px 0 10px;*/
	}
	.newsCont{
		width:70% !important;
	}
	.content{
		width:80%;
		margin:0 auto;
	}
	.art_let{
		border-right:none;
	}
	div.cases ul li{
		width:100% !important;
		margin-bottom: 15px;
		padding:0;
	}
	.about-u{
		width:100%;
		box-sizing: border-box;
	}
	div.cases ul{
		width:95% !important;
	}
	div.cases ul li i {
		width:100%;
		display: none;
	}
	div.cases ul li div{
		width:100%;
		box-sizing: border-box;
		padding: 5px 5px 5px 5px;
		margin-bottom: 15px;
	}
	.contentgive{
		padding:0 10px;
		box-sizing: border-box;
		width:85%;
	}
	div.cases ul li div img{
		width:100%;
	}
	.product h2{
		width:100%;
		text-align: center;
		font-size: 18px;
	}
	.product div.clearfix{
		width:100%;
		text-align: center;
		margin-top:15px;
	}
	.product div.clearfix a{
		float:none;
		text-align: left;
	}
	.contact{
		padding: 0 10px 3px 10px;
		width:80%;
	}
	.contactdl{
		width:100%;
		padding-left:0px;
		border-right: none;
	}
	.conimg{
		float:left;
		padding-right:0px;
		width:100%;
	}
	.conimg img{
		display: block;
		max-width: 100%;
		margin:0 auto;
	}
	.aboutBox{
		width:80%;
	}
	.severList{
		padding:0;
	}
	.severList .item{
		width:100%;
		min-height: inherit;
	}
	.severList .item:hover{
		background: none;
		box-shadow: 0px 7px 6px -1px rgba(0,0,0,0.2);
	}
	.severList .item .title h2 {
		color:#e61c17;
	}
	 .severList .item .title p{
		 color:#e61c17;
	 }
	 .severList .item .title em{
		 background: #e61c17;
	 }
	 .severList .item .title .s1{
		 background: url("../imgs/s1_cur.png") no-repeat;
	 }
	 .severList .item .title .s2{
		 background: url("../imgs/s2_cur.png") no-repeat;
	 }
	 .severList .item .title .s3{
		 background: url("../imgs/s3_cur.png") no-repeat;
	 }
	.adv li{
		width:49%;
	}
	.adv li:nth-child(3n){
		margin-right:1%;
	}
	.adv li:nth-child(2n){
		margin-right:0px;
	}
	.adv{
		padding:0;
	}
	 .investorMenu{
		 width:100%;
		 padding-bottom: 30px;
	 }
	 .investorMenu ul{
		 width:100%;
		 float:none;
	 }
	 .investorMenu dl{
		 float:none;
		 width:100%;
		 margin-top:20px;
	 }
	.investorMenu dl dd{
		display: block;
		width:100%;
	}
	.investorMain ul li {
		width:32%;
		margin-bottom: 2%;
		margin-right:2%;
	}
	.investorMain ul li:nth-child(3n){
		margin-right:0;
	}
	.ggList .item span{
		display: block;
	}
	.ggList .item h2{
		margin-left:0px;
		width:100%;
	}
	.ggList .item .down{
		float:left;
	}
	.ggList .item{
		margin-bottom: 15px;
		border-bottom: 1px dashed #ddd;
	}
	.ggList{
		padding-top:20px;
	}
	.zhaogu dl{
		width:46%;
		float:left;
		margin-left:0;
		margin-right:0;
	}
	.zhaogu dl:nth-child(2n){
		float:right;
	}
	.caiwu dl{
		margin-right:0;
	}
	.fzNext{
		right:0;
	}
	.fzPrev{
		left:0;
	}
	.header .head-lage{
		float:right;
		padding-top:0px;
		width:auto;
		line-height: 45px;
	}
	.header .head-lage a{
		display: inline-block;
		margin-right:15px;
	}
	.LeftBox{
		display: none;
	}
	.RightBox{
		display: none;
	}
	.adv li div p{
		line-height: 15px;
		font-size:12px;
		padding:5%;
	}
	.contactdl .bigli{
		font-size:16px;
	}
	.contactdl{
		padding:0 2%;
	}
	.caseContent{
		width:85%;
		box-sizing: border-box;
		padding:0 10px;
	}
	.product .pro1, .product .pro2, .product .pro3{
		margin-right:0;
	}
	.investorMenu ul li{
		height:45px;
		line-height: 45px;
	}
	.investorMenu dl dt{
		height:45px;
		line-height: 45px;
	}
	.investorMenu dl dd{
		margin-left:0;
	}
	.contacts{
		padding-bottom:15px;
		border-bottom:solid 1px #eee;
		margin-bottom:15px;
	}
	.footer{
		width:60%;
	}
	.foot{
		font-size: 12px;
		line-height: 15px;
	}
	.terimg{
		display: none;
	}
	.arti h2{
		font-size: 18px;
	}
	.f_Slider{
		width: 80%;
	}
	.z_Slider ul dl{
		box-sizing: border-box;
		padding-left: 0%;
		padding-right: 0%;
	}
	.z_Slider ul dl img{
		margin-left: 25%;
		width:73% !important;
	}
	.z_Slider ul dl dd{
		margin-left: 25%;width:73% !important;
	}
	
	#sortable{
		position: relative;
}
#sortable .a{
	width: 100%;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	line-height: 0.6rem;
	font-size: 0.3rem
	
}
#sortable .a div{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 7px;
	border: solid 1px #ccc;
	background-color: #e0e3e8;
	
	box-sizing: border-box;
	border-radius: 4px;
		
}
#sortable .a a{
	display: block;
}
#sortable img{
	width: 100%;
}
}