/*980至1200之间*/
@media(min-width: 980px) and (max-width: 1200px){
/*===========================================头部设置===========================================*/
	nav .top .box{
		width: 95%;
	}
	nav .menu .ulone{
		width: 95%;
	}
	nav .menu .ulone li{
		width: 16.6%;
		text-align: center;
		padding: 0px 0px;
		margin: 0;
	}
/*===========================================公告设置===========================================*/
	.ad .marquee{
		width: 95%;
	}
/*===========================================简介设置===========================================*/
	.about .box{
		width: 95%;
	}
/*===========================================经典设置===========================================*/
	.classic .box li{
		width: 18.5%;
		height: auto;
	}
	.classic .box li .img{
		width: 170px;
		height: 150px;
	}
	.classic .box li .img img{
		width: 340px;
	}
	.classic .box li:hover>.img img{
		left: -170px;
	}
/*===========================================服务流程===========================================*/
	.service .box{
		width: 95%;
	}
	.service .box img{
		width: 100%;
	}
/*===========================================案例展示===========================================*/
	.picture .box{
		width: 95%;
	}
	.picture .list li{
		width: 30.9%;
		height: 200px;
	}

/*===========================================新闻动态===========================================*/
	.dynamic .box{
		width: 95%;
	}
	.dynamic .list .left{
		padding: 9px;
	}

	footer .link{
		width: 95%;
	}
	
 }




/*iPad 768至980之间*/
@media(min-width: 768px) and (max-width: 979px){
/*===========================================头部设置===========================================*/
	nav{
		left: 0;
		top: 0;
		z-index: 999;
		width: 100%;
	}
	nav .top{
		background: rgba(255,255,255,1);
		padding: 10px 0;
	}
	nav .top .box{
		width: 95%;
	}
	nav .top .box .tel{
		display: none;
	}
	nav .top .box .logo{
		width: 35%;
		max-width:none;
	}
	nav .top .box .logo-img1{
		display:none;
	}
	nav .top .box .logo-img2{
		display:block;
	}
	nav .menu{
		position:fixed;
		padding: 0px 0 0 0;
		width: 60%;
		top: 0;
		right: -60%;
		height: 100%;
		z-index: 3;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	nav .menu .ulone{
		width: 90%;
	}
	nav .menu .ulone li{
		float: none;
		width: 100%;
		text-align: left;
		padding: 15px 0px;
		margin: 0;
	}
	nav .menu .ulone li .two-menu{
		display: block;
		position: static;
		background: none;
	}
	nav .menu .ulone li .two-menu li{
		padding: 15px 20px;
		text-align: left;
	}
	.hamburger{
		display: block;
		right: 0;
		top: 20px;
		z-index: 5;
	}
	.mobileflo{
		display: block;
	}
/*===========================================公告设置===========================================*/
	.ad{
		padding: 12px 0;
	}
	.ad .marquee{
		width: 95%;
	}
/*===========================================简介设置===========================================*/
	.about .box{
		width: 95%;
	}
	.about .left{
		float: none;
		width: 100%;
	}
	.about .right{
		float: none;
		width: 100%;
		text-align: center;
	}
/*===========================================经典设置===========================================*/
	.classic .box li{
		width: 41%;
		height: auto;
		margin: 10px;
	}
	.classic .box li .img{
		width: 170px;
		height: 150px;
	}
	.classic .box li .img img{
		width: 340px;
	}
	.classic .box li:hover>.img img{
		left: -170px;
	}
/*===========================================服务流程===========================================*/
	.service .box{
		width: 95%;
	}
	.service .box img{
		width: 100%;
	}
/*===========================================案例展示===========================================*/
	.picture .box{
		width: 95%;
	}
	.picture .list li{
		width: 46.9%;
		height: 230px;
	}
	.picture .list li img{
		max-width: 110%;
		max-height: none;
	}
/*===========================================新闻动态===========================================*/
	.dynamic .box{
		width: 95%;
	}
	.dynamic .list .left{
		width: 98%;
		padding: 9px;
	}
/*===========================================底部版权===========================================*/
	footer{
		margin-bottom: 30px;
	}
	footer .link{
		width: 95%;
	}
	
	.plug-div{
		display:block;
	}

}

/*手机端*/
@media(max-width: 767px){
/*===========================================头部设置===========================================*/
	nav{
		left: 0;
		top: 0;
		z-index: 999;
		width: 100%;
	}
	nav .top{
		background: rgba(255,255,255,1);
		padding: 5px 0;
	}
	nav .top .box{
		width: 95%;
	}
	nav .top .box .logo{
		width: 50%;
	}
	nav .top .box .logo-img1{
		display:none;
	}
	nav .top .box .logo-img2{
		display:block;
		height:40px;
	}
	nav .top .box .logo-img2 img{
		max-height:100%;
	}
	nav .top .box .tel{
		display: none;
	}
	nav .menu{
	/*
	background-color:#ffffff;
	background-color:rgba(0,0,0,0.5);
	*/
		position: fixed;
		padding: 0px 0 0 0;
		width: 60%;
		top: 0;
		right: -60%;
		height: 100%;
		z-index: 3;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	nav .menu .ulone{
		width: 90%;
	}
	nav .menu .ulone li{
		float: none;
		width: 100%;
		text-align: left;
		padding: 10px 0px;
		margin: 0;
	}
	nav .menu .ulone li .two-menu{
		display: block;
		position: static;
		background: none;
	}
	nav .menu .ulone li .two-menu li{
		padding: 8px 20px;
		text-align: left;
	}
	.hamburger{
		display: block;
		right: 0;
		top: 0;
		z-index: 5;
		padding: 15px 10px;
	}
	.mobileflo{
		display: block;
	}
/*===========================================公告设置===========================================*/
	.ad{
		padding: 12px 0;
	}
	.ad .marquee{
		width: 80%;
	}
/*===========================================简介设置===========================================*/
	.about .box{
		width: 95%;
	}
	.about .left{
		float: none;
		width: 100%;
	}
	.about .right{
		float: none;
		width: 100%;
		text-align: center;
	}
/*===========================================经典设置===========================================*/
	.classic{
		padding: 10px;
	}
	.classic .box li{
		width: 94%;
		height: auto;
		margin: 10px 0;
		padding: 10px;
	}
	.classic .box li .img{
		width: 170px;
		height: 150px;
	}
	.classic .box li .img img{
		width: 340px;
	}
	.classic .box li:hover>.img img{
		left: -170px;
	}
/*===========================================服务流程===========================================*/
	.service .box{
		width: 95%;
	}
	.service .box img{
		width: 100%;
	}
/*===========================================案例展示===========================================*/
	.picture .box{
		width: 95%;
	}
	.picture .list li{
		width: 95%;
	}
	.picture .list li img{
		max-width: 100%;
		max-height:none;
	}
/*===========================================新闻动态===========================================*/
	.dynamic .box{
		width: 95%;
	}
	.dynamic .list .left{
		width: 98%;
		padding: 9px;
	}
	.dynamic .list .left .center li p{
		width: 70%;
	}
/*===========================================底部版权===========================================*/
	footer{
		margin-bottom: 30px;
	}
	footer .link{
		width: 95%;
	}
	footer .link .left{
		float: none;
		border-right: 0;
		border-bottom: 1px solid #ccc;
	}
	footer .link .right{
		padding-left: 0;
		margin: 5px 0;
	}
	footer .nav li{
		margin: 10px 0;
	}
	footer .copyright{
		width: 90%;
	}
	.consultation{
		display: none;
	}
	
	.plug-div{
		display:block;
	}
	
/*===========================================首页推荐纯图片版===========================================*/

	.section_pic .four-three .box ul{
		width: 95%;
	}
	.section_pic .four-three .box li{
		width: 95%;
		text-align:center;
	}
	.section_pic .four-three .box li .product-box img{
		max-width:100%;
	}

/*===========================================首页推荐标题+简介版===========================================*/
	.section_title_summary .news-two .box{
		width: 85%;
	}
	.section_title_summary .news-two .box .title .active{
		font-size: 16px;
	}
	.section_title_summary .news-two .box .center li span{
		float: right;
	}
	
/*===========================================首页推荐标题+图片+简介版===========================================*/
	.page-center .news-list3{
		padding: 0 10px;
	}
	.page-center .news-list3 li .newproduct{
		width: 100%;
		margin: 0 auto 10px;
		float: none;
	}
	.page-center .news-list3 li h3{
		display: block;
	}
/*============================================右侧悬浮设置=====================================================*/
	.consulting li .mobile{
		display:none;
	}
	/*
	.consulting li .jianfan{
		display:none;
	}
	*/
	nav .menu .ulone .mobile_fanjian{
		display:block;
	}
}