#FocusBG{
	width:100%;
	height:400px;
	
	}
.fullSlide {
	width:100%;
	position:relative;
	height:400px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:400px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:400px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:22px;
	height:22px;
	margin:5px;
	overflow:hidden;
	background:url("/images/HituxCMSBold/grey.png") no-repeat 2px 2px;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:url("/images/HituxCMSBold/darkblue.png") no-repeat 2px 2px;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(/images/HituxCMSBold/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}


#body    h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
#body   .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
#body   .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}

#body   .tab{ }
#body   .tab-hd { 	 
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:left; width:80px; color:#fff; text-align:center; cursor:pointer;height:40px;line-height:40px;}
#body   .tab-hd li a{
	font-size:16px;
	color:#CCC;}
#body   .tab-hd li.active{	 
font-weight:bold;
padding:0px;
margin:0px;
padding-left:20px;
font-size:16px;
text-align:left;}
#body   .tab-hd li.active a{
	color:#0170d9;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:30px;
	background:none;}
#body   .tab-bd li{display:none; padding:10px; border-top:0 none; }	

#body  .DivList{
	font-size:12px;
	padding:0px;}

#body  .DivList .DivLi{
	padding:0px 10px 0px 0px;
	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:25px;
	overflow:hidden;}	
#body  .DivList .DivLi span{
	color:#0170d9;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}


.PicBlock{
	padding:0px 0px 14px 14px;}
.PicBlock .CasePicBlock {
	float:left;
	width:125px;
	height:118px;
	overflow:hidden;
	padding:0px;
	margin:0px;}

.PicBlock .CasePicBlock  .BlockPic{
	width:104px;
	height:79px;
	overflow:hidden;}
.PicBlock .CasePicBlock  .BlockPic img{
	width:100px;
	height:75px;
	padding:1px;
	border:1px solid #dededc;
	overflow:Hidden;}
.PicBlock .CasePicBlock img:Hover{
	border:1px solid #00a0b2;}	
.PicBlock .CasePicBlock .BlockTitle{
	text-align:center;
	width:104px;
	height:36px;
	overflow:hidden;
	line-height:18px;
	background-color:#f5f5f5;}

/* main block*/
#body .MainBlockBG{
	background:#f2f2f2 url("/images/HituxCMSBold/main_bg1.jpg") repeat-x 0px top;
	width:100%;
	padding:20px 0px;}

#body .MainBlock{
	width:1080px;
	margin:auto;
	font-size:12px;
	}
#body .MainBlock .BlockInner{
	background-color:#FFF;
	border:1px solid #e5e5e5;}	
#body  .left{
	float:left;
	width:558px;
	height:265px;
	overflow:hidden;
	}
#body  .right2{
	float:right;
	width:256px;
	height:265px;
	overflow:hidden;
	font-size:12px;
	}
#body  .right{
	width:500px;
	float:left;
	height:265px;
	}

#body .topic{
	height:40px;
	}
#body .MainBlock .right .topic{
}	
#body   .topic .TopicTitle{
	float:left;
	padding-left:15px;
	font-size:16px;
	color:#0170d9;
	height:40px;
	font-weight:bold;
	line-height:40px;}
#body   .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
#body .right2 .topic,#body .left .topic{
	height:45px;
}

#body  .right2 .topic .TopicTitle,#body  .left .topic .TopicTitle{
	padding-left:15px;
	}
#body  .TopicTitle a{
	color:#0170d9;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:9px;}
#body   .topic .TopicMore img{
	}				
	
#body    .MBlockTable td{
	line-height:25px;
	font-size:12px;
}

#body  .left .MBlockTable .ListTitle{
	background:url("/images/title_icon1.jpg") no-repeat 15px 10px;
	padding-left:30px;
}
#body    .MBlockTable td{
	text-align:left;
	padding-left:0;}
	
#body  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
		
	
#body .Block2 .right{
	height:210px;
	}
#body .Block2 .right2{
	height:210px;
	width:787px;
	}	
#body .MainBlock .left .img{
	padding:0px 10px 10px 10px;
	width:210px;
	float:left;}
#body .MainBlock .right h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{
	float:right;
	width:260px;
	padding:0px 10px 10px 0px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
#body .MainBlock .right2 .img{
	padding:0px 10px 0px 10px;
	width:233px;}
#body .MainBlock .right2 h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right2 .txt{
	float:left;
	padding:9px 10px 14px 10px;
	color:#6c6c6c;}

#body .MainBlock3{
	width:1080px;
	margin:auto;}
#body .MainBlock3 .right{
	
	border:none;}
#body .MainBlock3 .left{
	width:1080px;
	border:none;}
#body .MainBlock3 .right2{
 }


#body .blk_29 {	 PADDING:20px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
#body .blk_29 .LeftBotton {	  LEFT: 10px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
#body .blk_29 .RightBotton {	RIGHT: 5px;  FLOAT: right;right:7px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 80px; HEIGHT: 114px}
#body .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:5px 0 0 0px;float:left;height:130px;width:1080px;POSITION: relative;left:0px;}
#body .blk_29 .box {	FLOAT: left; WIDTH: 270px;
	height:120px; 
	background:url("/images/HituxCMSBold/item_bg.jpg") no-repeat center bottom;

}
#body .blk_29 .box IMG {	BORDER: #F5F5F5 1px solid; PADDING: 1px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:80px;height:80px;}
#body .blk_29 .box A:hover IMG {	BORDER: #333 1px solid;text-decoration:none;}

#body .blk_29 .box  .BoxLeft{
	width:115px;
	float:left;}
#body .blk_29 .box  .BoxRight{
	width:135px;
	float:left;}
#body .blk_29 .box  .BoxRight .ProTitle{
	line-height:30px;
	font-size:16px;}
#body .blk_29 .box  .BoxRight .ProTxt{
	color:#666}
#body .blk_29 .box  .BoxRight .ProMore a{
	color:#F30;
	font-weight:bold;}

#body .MainBlock .right2 #demo {
background: #FFF;
overflow:hidden;
width: 230px;
height:240px;
margin:auto;
}
#body .MainBlock .right2 #indemo {
float: left;
height: 800%;
}
#body .MainBlock .right2 #demo1 {
float: left;
}
#body .MainBlock .right2 #demo2 {
float: left;
}






#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 1078px; 
	font-size:12px;
}
#body .Solutions{
}

 	
#body .Solutions .SolutionsInner{
	}

#body .Solutions #Solutionsdemo {
background: #FFF;
overflow:hidden;
width: 1058px;
}

#body .Solutions #Solutionsindemo {
float: left;
width: 800%;

}
#body .Solutions #Solutionsdemo1 {
float: left;
padding:20px 10px;

}
#body .Solutions #Solutionsdemo1 img{
	margin:0px 10px;
	width:166px;
	height:166px;
	border:1px solid #DEDEDC;}
#body .Solutions #Solutionsdemo2 {
float: left;
padding:20px 10px;}
#body .Solutions #Solutionsdemo2 img{
	width:166px;
	height:166px;
	margin:0px 10px;
	border:1px solid #DEDEDC;}




#body #Links {
	background-color:#FFFFFF;
	padding:20px 15px;
	line-height:25px;
	width:1046px;
	margin:auto;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;
	color:#0170d9;
	font-size:16px;}

#body #Links a{
	padding:0px 7px;}	
/* ========== 以下为响应式增量代码，请追加到 style.css 末尾 ========== */

/* 平板及以下宽度自适应容器 */
@media (max-width: 1080px) {
  .top,
  .MainBlock,
  .MainBlock3,
  #body .MainBlock,
  #body .MainBlock3,
  #body #Links {
    width: 100% !important;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .TopInfo {
    width: auto;
    padding: 5px 15px;
  }
}

/* 手机/小平板布局调整 */
@media (max-width: 768px) {
  /* 导航垂直排列 */
  #sddm {
    display: block;
    text-align: center;
  }
  #sddm > li {
    display: inline-block;
    float: none;
    margin: 0 5px;
  }
  #sddm > li > a {
    padding: 8px 10px;
    font-size: 14px;
  }

  /* 焦点图高度自适应 */
  #FocusBG,
  .fullSlide,
  .fullSlide .bd li,
  .fullSlide .bd li a {
    height: auto !important;
  }
  .fullSlide .bd li {
    padding-top: 56%; /* 16:9 比例，可根据实际效果调整 */
    background-size: cover !important;
    background-position: center !important;
  }
  .fullSlide .prev,
  .fullSlide .next {
    display: none !important;
  }

  /* 左右两栏改为上下排列 */
  #body .left,
  #body .right,
  #body .right2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
  }
  #body .MainBlock .left .img {
    float: none;
    width: 100%;
    text-align: center;
  }
  #body .MainBlock .left .txt {
    float: none;
    width: 100%;
    padding: 10px;
  }

  /* 产品滚动区域 */
  #body .blk_29 .Cont {
    width: 100% !important;
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #body .blk_29 .box {
    width: 90%;
    margin: 10px auto;
    display: flex;
    align-items: center;
  }
  #body .blk_29 .box .BoxLeft {
    flex: 0 0 80px;
  }
  #body .blk_29 .box .BoxRight {
    flex: 1;
    margin-left: 10px;
  }
  .LeftBotton,
  .RightBotton {
    display: none; /* 移动端可隐藏左右箭头，依靠手势滑动 */
  }

  /* 页脚居中 */
  #footer .InnerLeft,
  #footer .InnerRight {
    float: none;
    text-align: center;
    width: 100%;
  }
  #footer .SearchTop {
    margin: 10px auto;
  }
  #Links {
    text-align: center;
  }
}

/* 修复图片溢出 */
img {
  max-width: 100%;
  height: auto;
}