@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 }

	body {font-size: 0.813em;}
	.top {height: 70px;border-bottom:#333 1px solid;}
	.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;}
	.header-phone {margin-top:17px;margin-left:4%; }
	.top .logo{ left:0;top:17px; }
	.top .logo img,.header-phone .logo img {width: 140px;}
	.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: 24px;top: 18px;z-index:99999; }
	.nav-phone {padding-top: 55px;}
	.menubg li { border-bottom: #333 1px solid; }
	.menubg li a {display:block;width:85%;padding-left:15%;height:44px;line-height:44px;font-size:16px;color:#fff;  }
	.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; }

	.swiper-container-h { border-top:0; }
	.swiper-slide { overflow: hidden; }
	.swiper-container .swiper-button-prev { display: none; }
	.swiper-container .swiper-button-next { display: none; }
	.swiper-slide .tu1 { top:43%;left: 5%;width: 90%; }
	.swiper-slide .tu2 { top:52%;left: 5%;width: 90%;}
	.swiper-slide .tu3 { top:58%;left: 5%;width: 90%; }
	.home2 { left:5%;top:14%;height: 80%;width: 90%; }
	.home2 .left { width:100%;padding:0 0 15px; }
	.home2 .right { width:100%;line-height:20px; }
	.home2 .right .title { font-size:18px;margin:0 0 4%;padding-left:22px; }
	.home3 .bg,.home4 .bg,.home5 .bg { width:300%;margin-left:-100%; }
	.home3 .title,.home4 .title,.home5 .title { top:15%; }
	.home3 .title img,.home4 .title img,.home5 .title img{ height:75px; }
	.home3 .tit { top:37%; }
	.home3 .content { top:50%; }
	.home3 .mr_frBtnL{margin:16% 0 0;}
	.home3 .mr_frBtnR{margin:16% 0 0;}
	.home3 .mr_frUl ul li { width:50%;float:left; }
	.home3 .mr_frUl ul li img { width: 80%;margin:0 10%;padding:0; }
	.home3 .more { bottom:8%; }
	.home4 .content { top:29%; }
	.home4 .content li { width: 100%;margin-right:0; }
	.home4 .content li:nth-child(2),.home4 .content li:nth-child(3) { display:none;}
	.home4 .more { bottom:7%; }
	.home5 .content li { width: 49%;margin:0 2% 10% 0; }
	.home5 .content li:nth-child(3n) { margin-right:2%; }
	.home5 .content li:nth-child(2n) { margin-right:0%; }

	.foot1 { background: #fafafa;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; }
	.footlogo { max-width: 120px;width: 100%;margin:12px auto; }
	.foot2 { padding:2% 0;color:#fff;font-size: 12px; }
	.foot2 .left { width:100%;text-align:center;}
	.foot2 a { color:#fff;}

	.banner.container { border-top: #fff 70px solid; }
	.banner img { padding-bottom: 56px;width:140%;margin-left: -20%; }
	.banner .text { width: 70%;top:20%;height: 30%;left: 15%; }
	.banner .text1 { font-size: 22px; }
	.banner .text2 { font-size: 14px; }
	.banner .menu .container { width:99%; }
	.banner .menu .content { padding:0 1%; }
	.banner .menu a { margin:0 3%; }
	.banner .c1 { font-size: 18px; }

	.main .title span { font-size:18px; }

	.about1 { padding:5% 0 2%;border-bottom: #ccc 1px solid;margin:0 0 2%; }
	.about1 .left { width:100%; }
	.about1 .left .text1 { font-size: 22px; }
	.about1 .left .line { width:50px;height: 6px;border-radius: 4px;background: #b30015;margin:0 0 6%; }
	.about1 .right { width:100%; }
	.about1 .right .text1 { margin:0 0 2%; }
	.about2 .left { width: 100%; }
	.about2 .right { width: 100%; }
	.about2 p { padding:0 0 12px; }

	.products { margin-top:-56px;padding-top:3%; }
	.products .title .tit { font-size: 22px; }
	.products li { width:100%;margin-bottom:3%; }
	.products .cpbg { width:100%;height:160px; }
	.products li:nth-child(5) .cpbg { width: 200%; }
	.products li:nth-child(5) .cpbg { width: 200%; }
	.products li .num { top:15%;left:5%;font-size:25px; }
	.products li:nth-child(1) .num { top:19%; }
	.products li .text { left:5%;bottom:5%; }
	.products li .text .t2 { padding:4% 0 0;font-size: 18px; }
	.products li .pro { border:0; }
	.products li .pro img { width:40%;margin-top:-5%; }
	.products li:nth-child(1) .pro img { width:40%;margin-right: -10%;margin-top:0; }
	
	.products.cases li { width:48%;margin-right:4%;}
	.products li:nth-child(2n) { margin-right: 0; }

	.prolist li { width: 100%;float: left;margin:0 0 4%; }
	.prolist li:hover .pic img {transform: scale(1, 1);}
	.prolist li .tit { padding:13px 0 8px;font-size: 18px; }
	.prolist li .des { font-size: 12px; }

	.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 { width:100%;margin:0 0 4%; }
	.news li:hover .pic img {transform: scale(1, 1);}
	.news li .date { padding:1% 0 0; }
	.news li .tit { font-size: 16px; }
	.newsview .title { font-size:18px;margin-top:2%; }
	.newsview .date { font-size: 12px; }

	.xg .left,.xg .right { width: 100%; }

	.contact .content .left { width:100%;padding:0 0 15px; }
	.contact .content .right { width:100%; }

	.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;}
}