/* CSS Document */
@media screen and (max-width: 1180px)  {

	.layout{ width:98%; padding:0 1%;}
	.module_container{width:98%; padding:0 1%;}
	.dwup .dwup_t .pic{ width:46%; padding:2%;}
	.dwup .dwup_t .tit_le{ width:48%; padding:20px 2% 0 0;}
	.dwup .dwup_t .pic img{ width:100% !important;}
	.dwup .picScroll-left,.kehu .picScroll-kehu,.dwup .picScroll-left .bd,.kehu .picScroll-kehu .bd{ margin:30px auto 0 auto;}
	.dwup .picScroll-left .hd .next{ background: url(../images/pic18.png) no-repeat right center; right:0;}
	.dwup .picScroll-left .hd .prev{ background: url(../images/pic18.png) no-repeat left center; left:0;}
	.kehu .picScroll-kehu .hd .next{ background: url(../images/pic18.png) no-repeat right center; right:0;}
	.kehu .picScroll-kehu .hd .prev{ background: url(../images/pic18.png) no-repeat left center; left:0;}
	.kehu .picScroll-kehu{ width:auto;}

	
	
	
	
}
@media screen and (max-width: 1010px)  {
	.dwup .picScroll-left .bd{ width:auto;}
	.kehu .picScroll-kehu .bd ul{ width:98%; padding:0 1%; overflow:hidden;}	
	.kehu .picScroll-kehu .bd{ width:auto;}
	.kehu .picScroll-kehu .bd ul li{margin-right:24px;}
	.dwup .picScroll-kehu .bd{ width:auto;}
	.dwup .picScroll-left .bd ul li{ margin-right:9px;}
	.dwup .picScroll-kehu .bd ul li{ float:left; margin-right:24px;}
	
	.dliup .slideTxtBox .bd .con{ width:100%;}
	.dliup .slideTxtBox .bd .con .left{ width:40%;}
	.dliup .slideTxtBox .bd .con .left img{ width:100%; height:auto;}
	.dliup .slideTxtBox .bd .con ul{ width:57%;}
	.dliup .slideTxtBox .bd .con li{ width:100%;}
}

@media screen and (max-width: 985px)  {
	
	.logo{ width:70%;}
	.dianhua{ width:28%;}
	.logo .pic{ width:40%;}
	.logo .pic img{ width:100%;}
	.logo .title{ width:58%; margin-left:2%;}
	.logo h1{ font-size:20px;border-bottom:1px solid #cbcbcb; line-height:35px;}
	.title{ background-image:none; }
	
}

@media screen and (max-width: 979px)  {
    
	.matterbox{ width:100%;}	
	.subnav_column{ width:100%; margin-top:3%;}
	.productes{ width:100%;}
	.pro_left{ width:40%;}
	.pros_right{ width:55%;}

	
}


@media screen and (max-width: 890px)  {
	 .header{ position:fixed; z-index:99; width:100%;}
	 .logo .pic img{ width:auto;}
	 #nav,.yuyan,.dianhua,.mark{ display:none;}
	 .mobile-inner{ display:block; z-index:999;}
	 .logo{ margin:10px 0;}
	 .computer img{ display:none;}
	 .Mob_ile{ display:block !important;}
 	.top{ height:auto; position:static;}
	.banner{ padding-top:80px;}
	.dwup .picScroll-left .hd .next,.dwup .picScroll-left .hd .prev,.kehu .picScroll-kehu .hd .next,.kehu .picScroll-kehu .hd .prev{ display:none;}
	.dwup .picScroll-left .bd ul{ width:100%;}
	.dwup .picScroll-left .bd ul li .pic img{ width:100%; height:auto;}
	.dwup .picScroll-left .bd ul li{ width:23%; margin:0 1%; display:none;}
	.dwup .picScroll-left .bd ul li:nth-of-type(1),.dwup .picScroll-left .bd ul li:nth-of-type(2),.dwup .picScroll-left .bd ul li:nth-of-type(3),.dwup .picScroll-left .bd ul li:nth-of-type(4){ display:block;}
	.kehu .picScroll-kehu .bd ul li{ width:23%; margin:0 1%; display:none;}
    .kehu .picScroll-kehu .bd ul li:nth-of-type(1),.kehu .picScroll-kehu .bd ul li:nth-of-type(2),.kehu .picScroll-kehu .bd ul li:nth-of-type(3),.kehu .picScroll-kehu .bd ul li:nth-of-type(4){ display:block;}
	.kehu .picScroll-kehu .bd ul li .pic{ width:98.4%;}
	.kehu .picScroll-kehu .bd ul li .pic img{ width:100%; height:auto;}
	.dliup .news{ width:98%; padding:0 1%;}
	.dliup .slideTxtBox .bd .con .left .title{ display:block !important;}
	.st2cont .St2tab li{ width:98%; padding:0 1%; margin:0 0 20px 0;}

	
}

@media screen and (max-width: 767px){
  .dliup .slideTxtBox .bd .con li .txt{ width:16%;}
  .dliup .slideTxtBox .bd .con li .list{ width:78%;}
  
  .pro_left{ width:100%;}
  .pros_right{ width:100%;}
  .jqzoom{ width:99%;}
  .spec-scroll .items ul li img{ width:80px; height:80px;}
}

@media screen and (max-width: 720px){
	.kehu .picScroll-kehu .bd ul li,.dwup .picScroll-left .bd ul li{ width:48%;}
	.st2cont .chgbox ul li{ width:50%;}
	.dwup .dwup_t .pic{ width:98%;padding:0 1%;}
 	.dwup .dwup_t .tit_le{ width:98%; padding:0 1%; }
	.dwup .dwup_t .tit_le .more{ margin:30px 0;}
	.foot_l{ display:none;}
	.foot_c{ width:94%; padding:0 3%; background:none; margin-bottom:20px;}
	.foot_c li{ width:20%;}
	.foot_r{width:94%; padding:0 3%; background:none;}
	.flex-direction-nav li a.flex-prev,.flex-direction-nav li a.flex-next{ display:none;}
	
}

@media screen and (max-width: 580px){
	
	
	.st2cont .chgbox ul li{ width:98%; padding:0 1%;}
    .dliup .slideTxtBox .bd .con .left{ width:98%; padding:0 1%;}
	.dliup .slideTxtBox .bd .con ul{ width:98%; padding:0 1%;}
	.dliup .slideTxtBox .bd .con li .list{ width:85%;}

}

@media screen and (max-width: 380px){
	.top{ height:41px;}
	.logo .pic{ width:80%;}
	.logo .pic img{ width:100%;}
	.mobile-inner-header{ top:29px !important;}
	.banner{ padding-top:41px;}
	.dliup .slideTxtBox .bd .con li .txt{ display:none;}
	.dliup .slideTxtBox .bd .con li .list{ width:100%;}
	.foot_c li{ width:33.3%;}
	
	.spec-scroll .items ul li img{ width:60px; height:60px;}

}

@media screen and (max-width: 300px){

	.mobile-inner-header{ top:20px !important;}

}