@media(max-width:768px) {
    .news_div,
	.n_product_ul li,
	.col-md-6,
	.col-md-4,
	.col-md-8,
	.n_news_div,
	.footer .footer_li,
	.footer .footer_li:nth-child(1),
	.footer .footer_li:nth-child(3),
	.navbar img,
	.i_about .text,
	.container,
	.i_about {
		width: 100%;
	}

	.n_product_ul li,
	.col-md-6,
	.col-md-4,
	.col-md-8,
	.container.about_cont {
		padding: 0;
	}

	.container {
		/*padding: 0 10px;*/
	}

	header .logo {
		width: 35%;
		margin: 10px;
	}

	header .nav li {
		float: inherit;
	}

	header .nav {
		position: absolute;
		top: 56px;
		left: 0;
		width: 100%;
		text-align: center;
		display: none;
		background: #fff;
	}

	header .nav:after {
		content: '';
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .3);
        left: 0;
		z-index: -99999999;
		top: 61px;
	}

	.navbar {
		width: 25px;
		float: right;
		margin: 20px;
	}

	.hidden-md {
		display: block;
	}

	.bdsharebuttonbox,
	.footer .footer_li:nth-child(2) .tit,
	.hidden-xs {
		display: none;
	}

	.i_about .text {
		padding: 0 15px;
		font-size: 14px;
		left: 0px;
		width: 93%;
	}

	#banner .swiper-button-next,
	#banner .swiper-container-rtl .swiper-button-prev {
		right: 15px;
	}

	#banner .swiper-button-prev,
	#banner .swiper-container-rtl .swiper-button-next {
		left: 15px;
	}

	.i_about .text h3 {
		text-align: center;

	}

	.i_about .text .btn_line {
		padding: 5px;
	}

	.bg_style.swiper-slide {
		background-position: center;
		background-size: cover;
	}

	.tit h2 {
		font-size: 17px;
		margin: 0;
		padding: 0 10px;
	}

	.tit a {
		margin-top: -24px;
		font-size: 12px;
		color: #fff;
		margin-right: 10px;
		padding: 5px;
	}

	.da-thumbs li {
		height: auto;
		width: 48.5%;
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.da-thumbs li:nth-child(2n+2) {
		margin-right: 0;
	}

	.da-thumbs li a div {
		top: 0;
		font-size: 12px;
	}

	.da-thumbs li a div h3 {
		padding-left: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
    .tit{
        border-bottom-color: #fff;
    }
	.news_li {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}

	.news_img {
		float: left;
		margin-right: 10px;
		width: 32%;
	}
    .news_txt{
        float: left;
         width: 63%;
    }
	.footer .footer_li:nth-child(1) img {
		width: 40%;
	}

	.footer .footer_li:nth-child(2) {
		width: 92%;
	}

	.footer .container {
		color: #fff;
	}

	.n_footer .footer_ul,
	.n_product_ul li a,
	.n_product_ul,
	.xs_padding10,
	.index_copyright {
		padding: 10px;
	}

	.n_banner {
		height: 200px;
		margin-top: 67px;
	}

	.about_txt_left {
		font-size: 14px;
		line-height: 26px;
		padding: 10px;
	}

	.n_banner div.text-center {
		bottom: 0;
	}

	.n_banner li a {
		padding: 5px 10px;
	}

	.prod_xq .tit_s {

		left: -45px;
	}

	.prod_r_txt .detail_tit h4 {
		font-size: 17px;
		margin-bottom: 15px;
	}

	.prod_r_txt .detail_tit {
		margin: 30px 0;
		padding: 0 10px;
	}

	.prod_btn {
		text-align: center;
	}

	.news_detail,
	.prod_cont {
		padding: 0 10px;
	}

	.designer_icon .swiper-slide img,
	.designer_icon .swiper-slide {
		width: 70px;
	}

	.designer_icon .swiper-slide img {
		height: 70px;
	}

	.designer_btn .btn_l {
		background-position-x: 10px;
	}

	.designer_btn .btn_r {
		background-position-x: -10px;
	}

	.designer_slider {
		height: 300px;
	}

	.n_news_div .news_li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.news_detail_div,
	.n_news_div {
		margin: 10px 0;
	}

	.contact_div {
		height: auto;
		background: none !important;
	}

	.contact_div .bgfff {}

	.n_footer .footer_ul {
		margin-bottom: 0;
	}

	.detail_txt {
		padding-top: 10px;
	}

	.n_footer {

		padding: 20px 0 0;
	}

	.xs_footer ul {
		margin: 0;
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #252525;
	}

	.xs_footer li {
		float: left;
		width: 20%;
		text-align: center;
	}

	.xs_footer li a {
		color: #fff;
		padding: 5px 0;
		display: block;
	}

	.copyright a,
	.copyright {
		color: #bdbdbd;
		padding: 0;
		border: 0;
		font-size: 12px;
	}

	.copyright {

		margin-bottom: 61px;
	}

	.xs_footer li a img {
		width: 24px;
		display: block;
		margin: 4px auto;
	}
    .n_product_ul li a, .news_li a {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
    }
	body {
		background: #fff;
	}
	
	.download_bg{
	    display: none;
	}
	
	.download_div{
	    margin-top: 90px;
	}
}