@charset "utf-8";


.overhide{overflow:hidden;text-indent:-100em;}
.marTop10{margin-top:10px;}
.left{	float:left;}
.right{	float:right;}
.clear {clear: both;}
.clearfix:after {clear: both;content: '';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: +inline-block;}



/*wrapper*/
#wrapper{ width:602px;  margin:0 auto;}
#picSlideWrap{ background:#F5F8FD; border:0px solid #A9BFD6; padding-bottom:30px;}
.titleh3{ height:70px; line-height:70px; text-align:center; background:url("/images/ico/dot.gif") repeat-x left bottom; width:550px; margin:0 auto; font-size:26px; color:#000;}
.titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;}

.imgnav{ width:600px; margin:10px auto;}
#content{margin:0px auto;  line-height:19px;}
#content p{ text-indent:2em; color:#333;}

.imgnav{  position:relative; margin:0 auto; width:600px;}
#img{ z-index:10; width:600px; position:relative; text-align:center;}
#img img{ width:600px; display:none; border:0px solid #000;}
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url("/images/ico/blank.gif"); }
#front a{  position:absolute; left:20px; top:224px;display:block; background:url("/images/ico/imgSlideLeft.png") no-repeat; width:104px; height:104px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url("/images/ico/blank.gif");}
#next a{  position:absolute; right:20px; top:224px; display:block; background:url("/images/ico/imgSlideRight.png") no-repeat; width:104px; height:104px; display:none;}

#cbtn{background:#EAEBF0; position:relative; height:122px; border:1px solid #D6D9DC; margin-top:12px; }
#cbtn ul{position:relative; width:10000px; height:122px;}
#cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:96px; height:96px; cursor:pointer; text-align:center; margin-right:10px; position:relative;}
#cbtn ul li img{ width:86px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ background:url("/images/ico/imgHoverBg.gif") no-repeat;}
.ctrl div{ clear:both;}
#cSlideUl{width:530px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;}

 @media screen and (max-width:480px) {
 #wrapper{width:100%}
 .imgnav{width:100%}
  #img{ width:100%}
 #img img{ width:100%}
 #cSlideUl{width:260px;}
 .picSildeLeft{cursor:pointer; position:absolute; top:6px; left:10px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:6px; right:10px; z-index:9;}

#front{display:none;}
#next{display:none;}
#cbtn{ height:80px; }
#cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:51px; height:51px; cursor:pointer; text-align:center; margin-right:0px; position:relative;}
#cbtn ul li img{ width:40px; height:40px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ background:url("/images/ico/imgHoverBg1.gif") no-repeat;}

 }