@media only screen and (max-width:1200px) {
	.header .logo {
		display: block;
		width: 30%;
		margin: 0 auto;
		padding: 20px 0;
	}
	.header .logo img{
		display: block;margin: 0 auto;
	}
	.header .navigation {
		display: block;
		margin: 0 auto;
	}

	.item-block .item span{
		top: 20%;
	}
	.item-about .company h3,
	.item-text h3{
		font-size: 3em;
	}
	.banner-in { min-height: 450px; }

	#mi-jqzoom .introduction{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.download-text ul li h3{
		font-size: 1.5em;
		color: #000;
	}
	.contact-text .con-text{
		width: 100%;
	}

	.contact-text .con-r img{
		width: 100%;
	}




}
@media (max-width:768px) {
	.container {
		padding: 0 10px;
	}
	.header .container {
		position: relative;
		height: 66px;
	}
	.header .logo {
		height: inherit;
		float: left;
		padding: 10px 0;
	}
	.header .logo img {
		height: 100%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.header .toggle {
		display: block;
	}
	.header .navigation {
		line-height: 48px;
		position: absolute;
		z-index: 999;
		top: 66px;
		left: 0;
		display: none;
		width: 100%;
		background: #fff;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation ul.level-1>li::after, .navigation ul.level-2>li::after, .navigation ul.level-2>li::before {
		position: absolute;
		top: 18px;
		right: 15px;
		width: 12px;
		height: 12px;
		content: '';
		background: url(../images/menu.png) no-repeat;
		background-size: cover
	}
	.navigation ul.level-1 {
		border-bottom: solid 3px #1783ff;
		border-top: solid 3px #1783ff;
	}
	.navigation ul.level-1 a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-decoration: none;
		text-overflow: ellipsis;
		color: inherit
	}
	.navigation ul.level-1 li {
		position: relative;
		border-bottom: solid 1px #e4e4e4;
		display: block;
		padding: 0;
		line-height: 50px;
	}
	/*.navigation ul.level-1>li>a { padding: 0 2em 0 1em }*/
	.navigation ul.level-1>li::after { background-position: -36px 0 }
	.navigation ul.level-1>li.active::after,
	.navigation ul.level-1>li:hover::after { background-position: -96px 0 }
	.navigation ul.level-1>li.more::after { background-position: -12px 0 }
	.navigation ul.level-1>li.more:hover::after { background-position: -72px 0 }
	.navigation ul.level-1>li.more.active::after { background-position: -84px 0 }
	.navigation ul.level-1>li.active>a,
	.navigation ul.level-1>li:hover>a { background-color: rgba(0, 0, 0, .05) }
	.navigation ul.level-1 ul.level-2 { display: none; position: relative; }
	.navigation ul.level-2 a { padding: 0 2em 0 3em; background: none; }
	.navigation ul.level-2 li a:hover { color: #d93636; }
	.navigation ul.level-2 li:first-child { border-top: solid 1px #e4e4e4 }
	.navigation ul.level-2 li:last-child { border-bottom: none }
	.navigation ul.level-2>li::before { right: auto; left: 1.5em; background-position: 0 0 }
	.navigation ul.level-2>li::after { background-position: -48px 0 }
	.navigation ul.level-2>li.active::after { background-position: -108px 0 }
	.navigation ul.level-3 { line-height: 40px; display: none }
	.navigation ul.level-3 a { font-size: .8em; padding-left: 4em }

	.item-block .item span{
		top: 10%;
	}
	.item-block .item span h2{
		font-size: 2.5em;
	}
	.item-about{
		width: 100%;
		overflow: hidden;
	}
	.item-about .company{
		width: 50%;
		height: 172px;
		float: left;
		margin-bottom: 2%;
	}
	.item-about .download{
		width: 50%;
		float: left;
		margin-top: 0;
		margin-bottom: 2%;
	}
	.item-text{
		width: 60%;
		float: left;
		margin-right: 0;
	}
	.item-mail{
		width: 40%;
		float: left;
	}
	.product-scroll ul li{
		width: 50%;
	}
	.banner-in { min-height: 400px; }

	.about-text .about-bar img{
		width: 100%;
		margin-left: 0;
	}
	.scroll{
		display: none;
	}
	.proscroll-box{
		display: block;
	}


	.pane ul li a{
		width: 100%;
	}
	.pane ul li div{
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}


	.factory-bar .factory-scroll ul li{
		width: 50%;
	}

	.news-text ul li{
		width: 49%;
		margin-left: 1%\9;
	}
	.news-text ul li:nth-child(2n+1){
		margin-left: 0;
	}
	.flip-news a{
		margin-bottom: 10px;
	}
	.flip-news a.prev,
	.flip-news a.next{
		width: 100%;
	}
	.flip-news a.next{
		text-align: left;
		background: url(../images/prev-next3.png) no-repeat left -20px;
		padding-right: 0;
		padding-left: 30px;
	}
	.flip-news a.next:hover{
		background: url(../images/prev-next3.png) no-repeat left -60px;
	}

	.download-text ul li{
		width: 48%;
		margin-left: 0;
		margin-right: 1%;
	}
	.download-text ul li h3{
		font-size: 1.2em;
	}




}
@media only screen and (max-width:640px) {
	.container { padding: 0 10px; }

	.other-block .item-block .item{
		width: 100%;
		margin-left: 0;
	}

	.news-block .news-item li{
		width: 48%;
		margin-left:1% ;
		margin-right:1%;
		margin-bottom: 2%;
	}
	.news-block .news-item li:nth-child(4n+1){
		margin-left: 1%;
	}

	.footer a{
		display: block;
		width: 100%;
		float: left;
		margin-top: 0;
	}

	.newsin-text p img{
		width: 100%;
	}
	.feedback-form .form-row{
		width: 100%;
	}
	.feedback-form input.submit{
		width: 100%;
	}
	.contact-text .con-l{
		width: 100%;
	}
	.contact-text .con-r{
		width: 100%;
		margin-top: 30px;
	}



}
@media only screen and (max-width:480px) {
	.item-about .company,
	.item-about .download{
		width: 100%;
	}
	.item-text,.item-mail{
		width: 100%;
		height: 50%;
	}
	.news-block .news-item li{
		width: 100%;
		margin: 0;
		margin-bottom: 2%;
	}
	.news-block .news-item li:nth-child(4n+1){
		margin-left: 0;
	}
	.product-scroll ul li{
		width: 100%;
	}
	.banner-in { min-height: 150px; }

	.sub-title .sub li a{
		font-size: 2em;
	}
	.product-text .pro-typical img{
		width: 100%;
	}
	.download-text ul li{
		width:100%;
		margin-left: 0;
		margin-right: 0;
	}
	.download-text ul li h3{
		font-size: 1.85em;
	}






}
@media only screen and (max-width:414px) {
	.product-block .mr_frBtnL,
	.product-block .mr_frBtnR{
		width: 30px;
		height: 30px;
	}

	.tabPanel .tab-title li a{
		font-size: 1.5em;
	}

	.main-text{
		margin-top: 50px;
	}
	.factory-bar .mr_frBtnL,
	.factory-bar .mr_frBtnR {
		width: 40px;
	}
	.factory-bar .mr_frBtnL{
		right: 50px;
	}
	.news-text ul li{
		width: 100%;
		margin-left:0;
	}

	.contact-text a.map{
		min-height: 300px;
		margin-top: 50px;
	}



}