/*
* @Author: Administrator
* @Date:   2017-11-13 11:06:21
* @Last Modified by:   Administrator
* @Last Modified time: 2017-11-22 17:45:39
*/
@media only screen and (max-width: 768px){
	.header-inner, .nav-inner, .content-inner, .footer-inner, .wrap-inner{
		width: auto;
		padding:0 15px;
	}
	#header{
		display: none;
	}

	.logo {
	    height: 50px;
	    line-height: 50px;
	    display: block;
	}
	.logo img {
	    max-height: 66%;
	}
	.wp {
	    width: auto;
	    padding: 0 10px;
	    overflow: hidden;
	}
	.menuBtn {
	    margin-top: 8px;
	    display: block;
	}
	#nav{
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background-color: #eee;
		box-shadow: 0 5px 10px #999;
		width: 100%;
	}
	#nav li{
		float: none;
	}
	#nav .btn{
		display: block;
	}
	#nav .btn a{
		display: block;
		float: left;
		width: 50%;
		color: #fff;
		text-align: center;
		height: 45px;
		line-height: 45px;
		background-color: #000;
		border-right: 1px solid #fff;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#nav .btn a:last-child{
		border-right: 0;
	}
	#nav .v1{
		display: block;
		text-align: left;
		color:#333;
		padding:0 15px;
		line-height: 45px;
		border-bottom: 2px solid #fff;
		font-size:14px;
	}
	#nav .v1 span{
		text-align: left;
		display: none;
	}
	#nav li.on .v1, #nav li.hover .v1, #nav .v1:hover {
	    border-bottom: 2px solid #fd8306;
	}
	#nav dl{
		position: static;
	}
	#nav .sv1{
		text-align: left;
	    padding-left: 30px;
	}
	.slideBox{
		display: none;
	}
	.addWrap{
		display: block;
		margin-top:50px;
	}
	.flexslider{
		display: none;
	}
	.title{
		padding:20px 0;
	}
    .title h1 {
	    font-size: 18px;
	}
    .title h1 span{
    	font-size:14px;
    	display: none;
    }
    .title .mor {
	    float: right;
	    display: block;
	    color: #fd8305;
	    border: 1px solid #fd8305;
	    font-size: 12px;
	    padding: 3px 12px;
	    border-radius: 20px;
	}
	.about{
		margin-bottom:30px;
	}
	.about .ab1{
		width: 100%;
		height: auto;
		float: none;
	}
    .about .ab2 {
	    padding: 20px 20px;
		float: none;
		width: auto;
	}
    .about .ab2 p{
    	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
    }
    .pro ul li{
    	width: 50%;
    	margin-right: -2px;
    }
    .pro ul li a.pic{
    	width: 100%;
    	height: auto;
    }
    .pro ul li .txt{
    	padding:12px 0;
    }
	.pro ul li .txt h1{
		font-size: 16px;
	}
	.pro ul li .txt span{
		font-size:13px;
	}
	.xm ul li a.pic{
		float: none;
		width: 100%;
		height: auto;
	}
	.xm ul li .txt{
		margin-left:0;
	}
	.xm ul li .txt h1{
		font-size:16px;
		padding-top:10px;
	}
	.xm ul li .txt em{
		line-height: 22px;
	}
	.xm ul li .txt p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.xm ul li .txt span{
		/* float: right; */
	}
	.xm ul li{
		margin-bottom:20px;
	}
	.wh{
		padding-bottom:30px;
	}
	.wh ul li{
		float: none;
		width: 100%;
	}
	.wh ul li a.pic{
		width: 100%;
		height: auto;
	}
	.wh ul li:nth-child(1){
		/* display: none; */
		margin-bottom:20px;
	}
	.wh ul li .txt {
	    padding: 15px 30px 20px 30px;
	    background: #fff;
	    height: auto; 
	}
	.news ul li a.pic{
		width: 100%;
		height: auto;
	}
	.news ul li .txt h1{
		font-size: 16px;
		padding: 12px 0 10px 0;
	}
	.news ul li{
		margin:0 auto 20px auto;
		width:100%;
	}
	.news ul{
		margin:0;
	}
	.news{
		padding-bottom:10px;
	}
	.fo-top{
		/* display: none; */
		padding:30px 0;
	}
	.fo-top ul{
		display: none;
	}
	#footer .foot_1{
		width: 100%;
		float: none;
	}
	#footer .foot_2{
		width: 100%;
		float: none;
		padding:0;
		border:0;
	}
	#footer .foot_2 img{
		margin:0;
	}
	.fo-rr{
		text-align: center;
	}
	.fo-bot ul{
		display: none;
	}
	#ban {
	    height: 0;
	    padding-top: 40%;
	    margin-top:50px;
	}
	#fix .right-meau .meau-tel,#fix .right-meau .meau-sev,#fix .right-meau .meau-ewm{
		display: none;
	}
	.m-cur{
		/* display: none; */
		float: none;
	}
	.subnav{
		display: none;
	}
	.con-r{
		float: none;
		width: auto;
		/* padding-top:20px; */
	}
	.links{
		display: none;
	}
	.fo-bot .bot-le .link{
		display: none;
	}
	.fo-bot{
		padding-top:10px;
	}
	.pro2 ul li {
	    float: left;
	    width: 45.3%;
	    margin: 0 2% 20px;
	    border: 1px solid #e9e9e9;
	}
	.pro2 ul li a.pic {
	    width: auto;
	    height: 100%;
	}
	.page ul{
		text-align: center;
	}
	
	.min_pic{
		display: none;
	}
	.ban{
		display: none;
	}
	.slideBox2{
		display: block;
	}
	.slideBox2 .bd li img{
		width: 100%;
		height: auto;
	}
	.news2 ul li a.pic{
		width: 134px;
		height: 85px;

	}
	.news2 ul li .txt{
		margin-left:150px;
	}
	.news2 ul li .txt h1{
		font-size: 16px;
		line-height: 16px;
		padding-bottom:5px;
	}
	.news2 ul li .txt p {
	    font-size: 13px;
	    color: #999;
	    line-height: 20px;
	    padding-top: 0px;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	   
	}
	.news2 ul li .txt span {
	    font-size: 12px;
	    color: #999;
	    line-height: 20px;
	    padding-top: 3px;
	    display: inline-block;
	}
	.title2 h1{
		font-size: 18px;
	}
	.ds ul{
		margin: 0;
	}
	.ds ul li{
		float: none;
		width: 95%;
		margin:0 auto 20px auto;
	}
	.ds ul li img{
		width: 58%;
		height: auto;
		float: none;
	}
	.ds ul li .txt{
		margin:0;
		padding-top:10px;
	}
	#hd{
		position: fixed;
		top:0;
		width: 100%;
	}
	#fix{
		top:80%;
	}
}

@media only screen and (max-width: 320px){
	.logo img {
	    max-height: 56%;
	}
}