@media (max-width: 1680px) { 
	.top{width:80%; margin: auto;}
    .bot_com{ width: 80%;} 
	.index_pro_bg{ width: 80%;}
	.flexslider {height:860px;}
}
@media (max-width: 1440px) { 
	.top{width:88%; margin: auto;}
    .bot_com{ width: 88%;} 
	.index_pro_bg{ width: 88%;}
	.flexslider {height:840px;}
}
@media (max-width: 1366px) { 
	.top{width:93%; margin: auto;}
        .flexslider {height: 740px;}
	.index_pro_bg{ width: 93%;}
	.bot_com{ width: 93%;}
	.news_ul{ width:90%;}
	.pro{ width:90%;}
	.pro_01{ width:90%; margin: auto;}
	.cas_h1{ width: 90%;}
.cas_02{ width:90%;}
.cas_03{ width: 90%;}
	.cas_04{ width:90%;}
	.contact{ width: 90%;}
}
@media (max-width: 1080px) {
.search{  margin-top: 15px; width:15%;}
	.nav{ width:75%;} 	
.flexslider {height:660px;}
.index_news_ul{ width:60%; line-height: 25px;}
.index_news_ul li{   padding-bottom: 10px; padding-top:10px;}	
.index_news_r{ width: 36%; padding-top: 15px;}	
	.news_nav{ width: 90%;}	
	
	.pro{ width:90%;}
	

}
	
@media (max-width: 1024px) {
	.search{  margin-top: 15px;}
	.flexslider {height:580px;}
	}

@media (max-width: 960px) {
	.flexslider {height: 478px;}
	.logo{ width:15%; padding-top: 14px; padding-bottom: 15px;}
	.nav{ width: 55%;}
	.search{ width:28%;}
	.news_01{ width: 90%; }
	.news_nav{ width: 100%; text-align: left;}	
	.pro{ width:90%; margin: auto; padding-top: 40px; padding-left:5%;}
.pro li{ width: 33%; float: left; padding-bottom: 20px;}
	.contact_l{ width: 100%;}
	.contact_r{ width: 100%;}
	#container li{ margin: 30px;  }
	.index_pro_ul li{ width: 50%;}
}

@media (max-width: 768px) {
	.flexslider {height: 455px;}
	.pro{ width: 95%; margin: auto; padding-top: 40px; padding-left: 0px;}
.pro li{ width: 50%; float: left; padding-bottom: 20px;}
.contact_l{ width: 100%;}
	.contact_r{ width: 100%;}	
}

@media (max-width: 667px) {
	
.flexslider {height:420px;}
	.index_news_r{ display: none;}	
	.index_news_ul{ width:100%; }
	.bot_left{ padding: 0px;}
	.pro_left_01 img{ float: left; margin-right: 40px; width: 100%; margin-bottom: 15px;}
}
@media (max-width: 420px) {
.logo{ width:25%; padding-top: 14px; padding-bottom: 15px;}
	.nav{ width: 22%;}
	.search{ width:50%;}
	.flexslider {height: 303px; }
	.er{ width: 40%;  position:relative; bottom:5px; right: 0px; margin: auto; padding-top: 10px;}
.pro{ width: 95%; margin: auto; padding-top: 40px;}
.pro li{ width: 100%; float: left; padding-bottom: 20px;}
	.news_ul li{ width: 100%; float: left;   line-height: 30px; height: auto;}
	.news_ul li h2{ font-size: 16px; font-weight: normal; float: left; width: 100%; }
.news_ul li span{ float:left; width: 100%; display: block;}
	.news_03{  width: 60%;}
	.index_pro_ul li{ width: 100%;}

.play { width: 360px; height: 486px; }
.big_pic { width: 360px; height: 360px; }	
.mark_left { width: 180px; height: 360px; }
.mark_right { width: 180px; height: 360px; left: 180px; }
.big_pic li { width: 360px; height: 360px; }
.small_pic {width:339px; height:113px; }
.small_pic li { width: 113px; height: 113px;}
.small_pic img { width: 113px; height:113px; }

.tab .right{ width: 100%; margin-left: 0; }
	.tab .box .menus {
    width: 100%;
    
}

	.index_pro_ul{ padding-top: 13%;}

}
@media (max-width: 375px){
	    
	


.play { width: 320px; height: 434px; }
.big_pic { width: 320px; height: 320px; }	
.mark_left { width: 160px; height: 320px; }
.mark_right { width: 160px; height: 320px; left: 160px; }
.big_pic li { width: 320px; height: 320px; }
.small_pic {width:300px; height:100px; }
.small_pic li { width: 100px; height: 100px;}
.small_pic img { width: 100px; height:100px; }
	
}