.menu {
    display: none;
    float: right;
    margin-top: 20px;
}
.menu img {
    height: 25px;
}
.sj_bpttom {
    height: 54px;
    display: none;
}
.tabViews {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #111;
}
.sj_foot_li {
    width: 33.3%;
    float: left;
    padding: 0;
    text-align: center;
}
.iconView img {
    width: 25px;
    margin-top: 5px;
}
.tabViews .sj_foot_li span {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}
.sj_h {
    height: 95px;
    display: none;
}
@media(max-width: 767px){
	html{
		background: #fff;
	}
	.menu{
		display: block;
	}
	.sj_bpttom,.tabViews,.sj_h {
		display: block;
	}
	.wrap{
		width: 100%;
	}
	.header .tb,.head_tp{
		display: none;
	}
	.header {
		height: auto;
		background: #ededed;
		padding: 20px 10px;
		position: fixed;
		width: calc(100% - 20px);
		left: 0;
		top: 0;
		z-index: 999;
	}
	.logo {
		width: 80%;
		margin: 0;
	}
	.logo a img:nth-child(1){
		height: 50px;
		width: 50px;
	}
	.logo a img:nth-child(2){
		height: 26px;
	}
	.header .cb {
		height: 55px;
	}
	.navb {
		display: none;
		position: absolute;
		left: 0;
		top: 95px;
		width: 94%;
		height: auto;
		padding: 20px 3%;
		background: rgba(0,0,0,.8);
	}
	.ddsmoothmenu {
		height: auto;
		width: 100%;
	}
	
	.ddsmoothmenu ul li {
		float: none;
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.ddsmoothmenu a.n1, .ddsmoothmenu a.n2, .ddsmoothmenu a {
		width: 100%;
		background-size: cover !important;
	}
	.banner,.banner .lb{
		width: 100%;
		height: auto;
	}
	.bpic, .bpic a{
		width: 100%;
		height: 200px;
	}
	.banner .bpic a img{
		width: 100%;
	}
	.b1 {
		width: 72%;
	}
	.banner .rb {
		width: 100%;
		margin-top: 20px;
	}
	.banner .rb {
		width: 100%;
		height: 380px;
	}
	ul.dql {
		height: auto;
	}
	ul.dql a {
		display: inline-block;
		width: 48%;
		margin: 0 1%;
		margin-bottom:10px;
	}
	ul.dql a img{
		float: none;
		width: 100% !important;
		height: auto !important;
		margin: 0;
	}
	ul.tab2 li{
		width: calc(100% - 15px);
	}
	.pannel,.i_u_def4{
		width: 100%;
	}
	.i_u_def4 .title .tt{
		width: calc(80% - 15px);
	}
	.i_u_def4 .title{
		width: 100%;
	}
	.move_divouter {
		display: inherit;
	}
	.i_u_def4 .list {
		width: calc(100% - 20px);
		padding: 20px 10px;
	}
	.i_u_def4 .list a{
		margin-right: 0;
		width: 100%;
	}
	.i_u_def4 .list a img{
		width: 100%;
		padding: 0;
	}
	.dnb {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.qtitle{
		color: #fff;
	}
	.othermenu{
		display: none;
	}
	.contact{
		width: calc(100% - 20px);
		margin: 30px 10px;
	}
	.mtb {
		width: 95%;
		margin: auto;
	}
	.p_title {
		width: 40%;
	}
	ul.brd{
		margin-right: 0;
	}
	.b3, .ban2 {
		width: 100%;
		margin: 10px 0;
		height: auto;
		position: relative;
	}
	.scroll ul,.scroll ul li{
		width: 100%;
		position: relative;
	}
	
	.arr_l2, .arr_r2{
		display: none;
	}
	.lside {
		width: 100%;
	}
	.lside .images{
		display: none;
	} 
	.lt{
		width: calc(95% - 150px);
		background: url(../style/ico_24.gif) no-repeat #afafaf;
	}
	.ddsmoothmenu-v{
		width: calc(100% - 20px);
	}
	.ddsmoothmenu-v ul li a{
		width: 100%;
		background: url(../style/scl.gif) no-repeat left top #e9e9e9;
	}
	.rside,.mtb2{
		width: 100%;
	}
	.mpt{
		width: auto;
	}
	.mtb3{
		margin: 0;
		padding: 0 10px;
	}
	.remark1{
		width: 100%;
	}
	.remark1 img,.productview img{
		width: 100% !important;
		height: auto !important;
	}
	.content {
		padding: 0 10px;
	}
	.p_p_list{
		width: 100%;
		margin-top: 20px;
	}
	.p_p_list ul li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.p_p_list ul li a,.p_p_list ul li img {
		width: 100%;
	}
	.pgb {
		margin: 10px 0 0;
		width: 100%;
	}
	.p_p_list ul li a h3{
		width: 100%;
	}
	.p_p_list ul li a:hover ins.n8 {
		width: 100%;
		background: url(../style/ico_43.gif) no-repeat center #f77308;
	}
	.list_news_01 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.list_news_01 li{
		padding: .8em;
	}
}