@media screen and (max-width:767px) {
	.fadeInRight { animation:fadeInRight .8s 0s both }
	.fadeInLeft { animation:fadeInLeft .8s 0s both }
	.fadeIn { animation:fadeIn .8s 0s both}
	.fadeInUp { animation:fadeInUp .8s 0s both }
	.container {width: 96%; }

	body {font-size: 0.813em;}
	.top {height: 70px;border-bottom:#eee 1px solid;background:#fff; }
	.top .t_cen{height:70px;  }
	.pc { display: none; }
	.phone { display: block; }
	.visible-phone {display:inherit!important;z-index:999;}
	.hidden-phone {display:none!important}
	.wrap {margin: 0;}
	.topbg { background-color: #fff;opacity: 0;left: 0;top:0;width: 0;height: 0;z-index: 0; }
	.header-phone {margin-top:10px;margin-left:7%; }
	.top .logo{ left:5%;top:10px;height:50px;width:auto; }
	.header-phone .logo{ height:50px;width:auto;  }
	.top .yuyan{position:absolute;right:80px;width:36%;top:22px;z-index:555;text-align: right;word-spacing: 6px;font-size: 17px;}
	.menu-icon {width: 42px;height: 42px;float: right;background: url(../images/ico_open.png) no-repeat center;background-size:30px 30px;  }
	.menu-icon-close {position: absolute;width: 50px;height: 28px;background: url(../images/ico_close.png) no-repeat center;background-size:30px 30px;right: 7px;top: 18px;z-index:99999; }
	.nav-phone {padding-top: 55px;}
	.menubg li { border-bottom: #ddd 1px solid; }
	.menubg li a {display:block;width:85%;padding-left:15%;height:44px;line-height:44px;font-size:16px;  }
	.menubg li.lan a:nth-child(1) { width:30px;display: inline-block; }
	.menubg li.lan a:nth-child(2) { padding-left: 15px;width:30px;display: inline-block; }

	.flash { border-top:#fff 70px solid; }

	.swiper-container1{ padding-top:150px; }
	.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev { display: none; }
	.home1 { padding:0 0 6%; }
	.home1 img { width:90%;margin:15px 3%; }
	.home1 .content { position: relative;width:90%;padding:0 3% 3%;min-height:160px;background: none; }

	.home2 .title { padding:5% 0;}
	.home2 .text1 { font-size: 22px; }

	.home3 { padding:5% 0; }
	.home3 .tit1 { font-size: 20px;}
	.home3 .tit2 { padding:3% 0 2%;font-size: 16px;color:#888; }
	.home3 .tit3 { padding:0 0 3%;font-size: 12px;color:#666; }
	
	.home4 { padding:6% 3%;background: url(../images/26.jpg) no-repeat center;}
	.home4 .tit1 { font-size: 20px;}
	.home4 .content { padding:6% 0 3%; }

	.home5 { padding:6% 3%;}
	.home5 .tit1 { font-size: 20px;}
	.home5 .content li { width:46%;margin:2% 2%; }
	.home5 .content li:nth-child(2n) { margin-right: 0; }
	
	.daohang{ display: none;}
	
	.foot1 { background: #323836;box-shadow:none; }
	.foot1 .left { width:100%;text-align: center;line-height: 22px;padding:0 0 3%;color: #333; }
	.foot1 .left p { padding:1px 0; }
	.foottit { max-width: 120px;width: 100%;margin:12px auto; }
	.foot2 { padding:5% 0;color:#fff;font-size: 12px;background:#282a29; }
	.foot2 a { color:#fff;}
	.foot2 .left,.foot2 .right { width: 100%;text-align: center; }

	.banner { border-top: #fff 70px solid;margin: 0;overflow: hidden; }
	.banner img { padding-bottom: 10px;width:140%;margin-left: -20%; }
	
	.about .left { width: 100%; }
	.about .right { width: 100%; }

	.factory { padding:5% 0 0; }
	.factory li { width:48%;margin:0 4% 2% 0;float: left;}
	.factory li:nth-child(3n) { margin-right: 4%; }
	.factory li:nth-child(2n) { margin-right: 0; }
	
	.supply { padding:4% 0;min-height: 380px;background-size: auto 100%; }
	.supply .tit1 { font-size: 18px;padding:0 0 38px; }
	
	.products .title { display: none; }
	.mainleft .content { border:0; }
	.mainleft { width:100%;min-height: 50px;background-color: #fff; }
	.mainleft .tit { display: none;}
	.mainleft li { width:24%;margin: 1% 1% 1% 0;overflow: hidden;border:0;  }
	.mainleft li a { display: block;width:98%;padding:0 1%;text-align:center;line-height: 42px;height:42px; overflow: hidden;}
	.mainright { width:100%; }
	.mainright .tu li{ width:48%;margin:0 4% 30px 0;float:left; }
	.mainright .tu li:nth-child(3n) { margin-right: 4%; }
	.mainright .tu li:nth-child(2n) { margin-right: 0; }
	
	.proview .content { padding:5% 0 0; }
	.proview1 .left { width: 100%; }
	.proview1 .left .des { padding:0 0 5%; }
	.proview1 .more { width: 120px;height: 38px;line-height: 38px;font-size: 14px; }
	.proview1 .right { width: 100%;padding-top:6%; }
	.proview1 .mr_frBtnL,.proview1 .mr_frBtnR{margin:7% 0 0;}
	.proview1 .mr_frBtnL img,.proview1 .mr_frBtnR img { width: 18px; }
	.proview1 .mr_frUl ul li { width:33.3333%; }

	.news { padding:5% 0; }
	.news li { background: none;}
	.news li .left { width: 100%; padding: 0 0 12px; }
	.news li .middle { width: 62%; padding: 0 0 12px;float: left; }
	.news li .des { line-height: 22px; }
	.news li .right { width: 32%;height:157px;background-repeat:no-repeat;background-position:center;background-size: 100% auto; }
	.newsview .title { font-size:18px;margin-top:2%; }
	.newsview .date { font-size: 12px; }
	.newsview .text img { width: 100%; }

	.xg .left,.xg .right { width: 100%; }

	.contact .tit { padding:0 5% 3%;font-size: 18px;line-height: 36px; }
	.contact .content { padding:3% 5% 1%;background: #fff; }
	.contact .content.text-center { text-align: left; }
	.contact .content p { display: block;margin:4px 0;word-spacing: 4px; }
	.contact .content p img { width: 26px;margin-right: 6px; }
	.map { height: 300px;}
	.form-control { width:97.3%; }
	.form-rt .tit1 {margin-bottom: 20px;font-size: 17px; }

	.gaodu { border-bottom:#fff 40px solid; }
	.db { position: fixed;bottom:0;left:0;width:100%;height: 40px;line-height: 40px;z-index: 999;border-top:#ddd 1px solid; }
	.dbbg { width: 100%;height: 100%;background-color: #fff;opacity:0.9; }
	.dbcd { position: absolute;display:block;left: 0;top:0;width:93%;padding-left:7%;color:#111;height: 100%;z-index: 9999;font-size: 16px;text-align:center;font-size: 10px; }
	.dbcd a { display:inline-block;width:30%;float:left;text-align:center;color: #111;word-spacing: 5px;font-size: 16px; }
	.mt-tabpage-count {width: 481px;height: 260px; }
	.mt-tabpage-count .mt-tabpage-item {width: 481px;height: 260px;}

	.map { height:300px;margin-top:6%}
	#fenye {height:20px; }
	#fenye a {padding:2px 6px;margin:0 2px; }
	#fenye .a1 { padding:2px 6px; margin:0 2px;}
}