@media screen and (max-width: 1360px){
	.header_nav li .hide_div{
		
		left: 0!important;
	}
}

@media screen and (max-width: 1320px) {
	.container{
		width: 900px;
	}
	.banner{
		width: 100%;
	}
	.wrapper{
		margin: 0 auto;
		padding-top: 100px;
	}
	.header .nav .logo{
		margin-top: 7px;
	}
	.header_nav{
		margin-left: -8px;
	}
	.header_nav li{
		position: relative;
	}
	.header_nav li>a{
		height: 50px;
		line-height: 50px;
		padding: 0 8px;
		font-size: 15px;
	}
	.header_nav li  .hide_div .item{
		margin: 10px 0;
	}
	.header_nav li  .hide_div .item:first-child{
		/*margin-left: 0;*/
	}
	.header_nav li .hide_div{
		min-width: 200px;
		/*padding: 10px;*/
		position: absolute;
		/*left: 0;*/
		left: 0!important;
		top: 50px;
	}
	.header_nav li  .hide_div h4{
		/*margin-bottom: 5px;*/
	}
	.banner .carousel-inner>.item>img{
		/*min-height: 450px;*/
	}
	.item_info{
		margin-left: -400px;
		/*margin-top: 100px;*/
	}
	.item_info>div h1{
		font-size: 30px;
		height: 50px;
		line-height: 50px;
	}
	.item_info>div p{
		line-height: 20px;
	}
	.item_info>div a{
		height: 30px;
		line-height: 30px;
		width: 100px;
		font-size: 14px;
	}
	.hide_div>div{
		width: auto;
	}
	.header_nav li  .hide_div .item{
		/*width: 100%;*/
		margin: 10px;
	}
	.product_show .product_con{
		margin: 0;
	}
	.product_list{
		margin: 0 0 0 2px;
	}
	.product_show .page_btn{
		display: none;
	}
	.product_show:hover .page_btn{
		display: block;
	}
	.product_show .prev_btn{
		left: 0;
	}
	.product_show .next_btn{
		right: 0px;
	}
	.screen_index>div{
		width: 100%;
	}
	.product_use a{
		margin-left: 43.3px;
		margin-right: 0;
	}
	.later_news{
		width: 100%;
		height: auto;
		padding: 11px 20px;
	}
	.later_news ul li a{
		width: 600px;
		height: 20px;
	}
	.event_item>a{
		display: block;
		float: none!important;
		margin: 10px auto;
	}
	.event_item_info{
		width: 100%;
		padding: 0 10px 10px 10px;
	}
	.event_item_info h3{
		margin: 0 0 10px 0;
	}
	.event_item_info div{
		margin-top: 0;
	}
}
@media screen and (max-width: 1000px){
	.header_nav li .hide_div{
		left: 0!important;
	}
} 

@media screen and (max-width: 920px){
	.container{
		width: 100%;
	}
	.logo{
		display: none;
	}
	.top_sd{
		width: 100%;
	}
	.top_sd .language{
		float: left;
		margin: 0!important;
	}
	.top_sd .youx{
		float: right;
	}
	.auto_logo{
		display: block;
	}
	.wrapper{
		padding-bottom: 0;
	}
	.header_nav{
		width: 100%;
	}
	.header_nav li{
		width: 100%;
	}
	.header_nav li>a{
		text-align: left;
		height: 30px;
		line-height: 30px;
	}
	.header .nav .logo{
		margin: 5px ;
	}
	.header_nav{
		display: none;
		/*box-shadow: 0 3px 3px rgba(0,0,0,.3);*/
		/*background: #333;*/
	}
	.banner .carousel-inner>.item>img{
		min-height: 300px;
	}
	.item_info{
		left: 0;
		margin-left: 0;
		/*margin-top: 15%;*/
		width: 100%;
	}
	.item_info>div{
		max-width: 460px;
		width: 90%;
		margin: 0 auto;
	}
	.item_info>div h1{
		font-size: 25px;
		margin: 0px;
		height: 40px;
		line-height: 40px;
	}
	.item_info>div h1:after{
		width: 50px;
		margin-left: -25px;
		bottom: 0;
	}
	.item_info>div p{
		line-height: 20px;
		margin-bottom: 5px;
	}
	.item_info>div a{
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.header .top .pull-right p{
		margin-right: 10px;
		font-size: 12px;
	}
	.header .top .pull-right p+a{
		font-size: 12px;
	}
	.screen_nav_a{
		width: 40px;
		height: 40px;
		background: url(../img/icon/nav_bg.png) no-repeat center;
		background-size: contain;
		margin: 8px 0;
	}
	.header_nav li .hide_div{
		display: none;
	}
	.title_h{
		margin: 0 10px;
	}
	.product_show .product_con{
		/*overflow-x: scroll;*/
	}
	.product_list{
		/*margin-left: 10px;*/
	}
	.product_show:hover .page_btn{
		/*display: none;*/
	}
	.product_use{
		text-align: center;
	}
	.product_use a{
		display: inline-block;
		float: none!important;
		/*width: 90%;
		height: 66%;*/
		width: 45%;
		height: auto;
		/*max-width: 300px;
		max-height: 220px;*/
		margin: 0px auto 10px auto;
	}
	.product_use a img{
		width: 100%;
		height: auto;
	}
	.product_use a p{
		padding: 10px;
		font-size: 14px;
		text-align: left;
	}
	.later_news{
		padding: 10px;
	}
	.later_news ul li a{
		width: 100%;
	}
	.fixed_slide{
		display: none;
	}
	.footer{
		/*position: relative;*/
	}
	.footer .top{
		padding: 10px 20px;
	}
	.footer .bottom{
		padding: 10px;
	}
	.footer .top div.col-xs-4{
		width: 100%;
	}
	.footer .top h4{
		margin: 10px 0;
		padding-left: 25px;
		background: url(../img/icon/carryup.png) no-repeat left center;
	}
	.footer .top h4.on{
		background: url(../img/icon/pickup.png) no-repeat left center;
	}
	.footer .top h4+ul{
		display: none;
	}
	.footer .top .eqcode{
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}
	.footer .top .eqcode div div{
		float: none!important;
		display: inline-block;
		margin: 0 3.12%;
	}
	.event_item_info p{
		height: auto;
		margin-bottom: 10px;
	}

	.nav_ul{
		padding: 0 0 0 10px;
	}
	.common_con .right_con{
		padding: 10px;
	}
	.common_con .left_slide{
		padding: 10px;
		height: 100%;
	}
	.product_details_info{
		padding: 10px;
	}
	.product_details h4{
		margin-top: 10px;
	}
	.product_body h5{
		font-size: 14px;
		margin: 5px 0;
		line-height: 20px;
	}
	.product_body .product_list{
		margin-top: 10px;
	}
	.common_con .left_slide>ul>li>a{
		height: 30px;
		line-height: 30px;
	}
	.product_body .product_list li{
		width: 48%;
		margin: 1%;
		height: auto;
	}
	.product_list li div{
		padding: 10px;
	}
	.product_list li>a{
		height: auto;
	}
	.product_list li>a img{
		margin-bottom: 0;
	}
	.product_list li div p{
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 660px){
	.left_slide{
		position: fixed;
		top: 96px;
		left: -200px;
		height: 100%;
		background: #e5e5e5;
		z-index: 10;
		box-shadow: 3px 0 3px rgba(0,0,0,.3);
	}
	.slide_on{
		position: absolute;
		width: 35px;
		height: 70px;
		background: url(../img/icon/right_arr.png) no-repeat center;
		opacity: 0.5;
		top: 30%;
		right: -35px;
	}
	.common_con .right_con{
		margin-left: 0;
	}
	.item_info{
		/*margin-top: 20%;*/
	}
	.title_h{
		height: 40px;
		line-height: 40px;
	}
	.event_item_info h3{
		font-size: 20px;
	}
	.event_item_info p{
		margin-bottom: 5px;
		font-size: 14px;
	}
	.event_item_info div span{
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}
	.event_item_info div a{
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pages a{
		font-size: 14px;
	}
	.event_item{
		margin-bottom: 20px;
	}
	.common_con .left_slide>ul>li>a{
		height: 30px;
		line-height: 30px;
	}
	.nav_ul li span{
		padding: 0 5px;
	}
	#address_map{
		height: 300px;
	}
	.down_div>a .down_list_info h4{
		font-size: 20px;
	}
	.down_div>a .down_list_info p{
		font-size: 14px;
		line-height: 20px;
	}
	.down_div>a{
		width: 100%;
		padding-top: 68.2%;
	}
	.down_div>a .down_list_info{
		width: 70%;
		margin-left: 0;
		left: 15%;
	}
	.down_div ul li{
		margin-bottom: 10px;
		height: auto;
	}
	.down_div ul li h4{
		font-size: 14px;
	}
	.down_div ul{
		margin-top: 5px;
	}
	.product_list li div{
		/*padding: 5px;*/
	}
	.worker_body .product_details h4{
		margin: 10px 0 0 0 ;
	}
}


@media screen and (max-width: 440px){
	.product_use a{
		width: 90%;
		margin: 0 auto 10px auto;
		display: block;
		float: none!important;
	}
	.event_item>a{
		width: 100%;
		height: auto;
	}
	.event_item>a img{
		margin-bottom: 0;
	}
	.event_item_info h3{
		font-size: 16px;
	}
	.event_item_info p,.event_item_info div span,.product_details_info>p,.pages a{
		font-size: 12px;
	}
	.product_details h4{
		font-size: 20px;
	}
	.right_body p{
		line-height: 20px;
	}
	.news_type{
		margin-right: 10px;
	}
	.item_info{
		/*margin-top: 20%;*/
	}
	.header .top .language a {
		height: 20px;
		display: inline-block;
		background-position: center;
	}
	.header .top .language a span{
		display: none;
	}
}

@media screen and (max-width: 330px){
	.wrapper{
		min-width: 320px;
		overflow-x: scroll;
	}
	.header .top .pull-right p{
		margin-right: 10px;
		font-size: 12px;
	}
	.header .top .pull-right p{
		margin-right: 0;
	}
}