@media screen and (max-width: 1366px){
	#res-social{display:none;width: auto;}
	#res-social a{display:inline-block;width:auto}
}
@media screen and (max-width: 1280px){
}

@media screen and (max-width: 1150px){
	#social{display:none!important}
	#course, #login{width:auto;padding: 5px 15px;}
	#res-social{display:inline-block}
}
@media screen and (max-width: 1025px){
	header{padding:0}
	#res-social{display:none;}
	.top {
    width:98%;
    padding: 0 1%;
	}
	header .up span{width:48%}
	#course, #login{background:none;margin:0}
	#course a, #login a{color:#482f00}
	.boxslier{ margin: 0 auto;}
	header .nav{width:100%; margin: 0 auto;}
	header .nav-wr{width: 100%; margin: 10px auto 0 auto; float: none; padding: 0; }
	.nav-mobile { display: block; }
	.name { display: block }
	header .nav {position: fixed;margin: 0 auto;
    top: 0;
    right:0; margin:0 auto; z-index: 99999;}
	.nav-list { display: none; width:100% }
	.nav-item { width: 100%; float: none; padding: 0; margin: 0;}
	.nav-item a{margin: 0; padding: 0; font-size: 18px;}
	.nav-item > a { padding: 15px; text-align: left;
	background:rgba(0, 0, 0, 0.65);
    color: #fff;
    margin-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);}
	.nav-click { display: block; }
	.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
	.nav-item:hover .nav-submenu { display:block; }
	.nav-submenu-item:hover .nav-submenu2 { display: none }
	.nav-item a.last { width: auto }
	.nav-submenu { position: static; width: 100%; }
	.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
	.nav-item > a:hover, .nav-item a.active {  text-decoration:none;background:rgba(0, 0, 0, 0.65); }
	.nav-item:hover a{background: #444 ; color: #fff; }
	.nav-wr{margin:0 auto;}
	.search{display:none;margin: -40px auto 0 auto;}
	.main-ct {width: 98%;}
	.main-ct .left{width: 28%}
	.main-ct .middle{width: 70%;  margin:10px 0% 0 0; }
	.main-ct .right{width: 24%;  margin: 10px 0 0 0;}
	#address{display:none}
	.partner ul li{width: 47%;}
	.width-60per{width:100%!important;}
	.width-40per{width:100%!important;padding:0px}
	.main-ct .left ul.list-cat li{display:inline}
	#adj_item {
    width:46%
	}
	.intro-left {display:none}
	.intro-right {width:96%}
}
@media screen and (max-width: 900px){
	footer .social{width:45%; }
	footer .social ul.list-social{padding: 10px 0 0 0; }
	footer .map{width: 100%; float:left;}
	}
@media screen and (max-width: 800px){
	header .up{padding-top:0px}
	
	.box-left-news,.box-right-news{width:96%}
	.intro-right h1{text-align:center}
	.intro-right p{text-align:justify}
	.partner ul li{width: 45%;}
	.intro-left {display:inline-block;width:98%;text-align:center}
	.intro-right {display:98%}
	.intro-right h2{text-align:center}
	.gird-3{width:47%}
	}
@media screen and (max-width: 700px){
	#tel{display:none}
	header .up span{margin:0px; width:80%;}
	#course a i, #login a i {
    padding: 6px 7px;
    font-size: 14px;
    width: auto;}
	#course a, #login a {line-height: 28px;}
	.main-ct .middle{width: 100%;  margin: 20px 0 0 0; }
	.main-ct .right{width: 100%;  margin: 10px 0 0 0;}
	footer .social{width: 100%; }
	.main-ct .left{display: none;}
	.box-sale.left{display: inline-block;width: 100%;text-align: center;}
	#adj_item {width: 42%;}
	.intro-left img {
    max-width: 70%;}
#fix-right-side { bottom: -5%;left: 15%;}
	}
	
@media screen and (max-width: 600px){
	.main-ct .middle .product ul.list-pro  li.item{width: 48%}
	.main-ct .middle .product ul.list-pro  li.item:nth-child(2n){ margin-right:0px;}
	.main-ct .middle .product ul.list-pro  li.item:nth-child(2n+1){ margin-right: 4%;}
	.main-ct .middle  .pro-detail .gallery{width: 100%; margin-bottom: 20px;}
	.main-ct .middle  .pro-detail .content{width: 100%}
	header .down .address {
    width: 75%;
    padding: 2% 2%;
    margin: 0px auto;
	}
	.nav-tabs>li{width:100%;}
	}	
@media screen and (max-width: 500px){
	.top{width:100%;padding:0% 1%}
	.top .banner{padding:0;display: block;}
	.banner .down{margin:0}
	.top .logo,header .up span{display:none}
	.top .logo-res{display:inline-block}
	footer .company-info{width: 100%; }
	footer .map{width: 100%;}
	#adj_item {width: 90%;}
	.news a img {
    max-height:250px;
	}
	.partner ul li{width:98%;}
	.gird-3{width:100%}
}
@media screen and (max-width: 400px){
	.top .logo a img{max-width:85%}
	.main-ct .middle .product ul.list-pro  li.item{width: 100%}
	.main-ct .middle .product ul.list-pro  li.item:nth-child(2n){ margin-right:0px;}
	.main-ct .middle .product ul.list-pro  li.item:nth-child(2n+1){ margin-right: 0;}
	#course a b, #login a b{display:none}	
	#course a i, #login a i {padding: 10px 10px;}
	header .logo {width:38%!important;}

.content_left>ul>li>a>img, .content_left_bottom_group >ul>li>a>img {
    padding: 5px;
    margin-top: 5px;
	}
}