@charset "gb2312";
/* CSS Document */
html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;  font-family:"微软雅黑"; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
h1,h2{ font-weight:bold}
h3,h4,h5,h6{ font-weight:normal}
img{ border:none; }
a{ text-decoration:none;color: #333}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl { clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pd10{ padding:10px 0; border-bottom:1px dotted #ccc;}
.mt10{ margin-top:10px}
.mt05{ margin-top:5px}
.mr05{ margin-right:5px;}
.w651{ width:651px}
.w323{ width:323px;}
.w980{ width:980px;}

.h10{ height:10px; width:100%; clear:both}

.top01{ background:url(images/top01.jpg) no-repeat top center; height:110px;}
.top02{ background:url(images/top02.jpg) no-repeat top center; height:110px;}
.top03{ background:url(images/top03.jpg) no-repeat top center; height:110px;}
.top04{ background:url(images/top04.jpg) no-repeat top center; height:110px;}
.top05{ background:url(images/top05.jpg) no-repeat top center; height:110px}

.content{position:relative; width:1000px;margin:0 auto;}
/*点击完整版*/
.Redbox{ position:absolute;z-index:99;right:-160px; top:50px;text-align:center; display:inline-block;*display:inline;*zoom:1;background:url(images/aa.png) no-repeat center center;width:148px;height:155px;font-size:0;}
.visitNum{display:inline-block;*display:inline;*zoom:1; vertical-align:middle;margin:0 auto;margin-top:55px; position:relative;}
.visitNum b{font-size:18px;font-weight:bold; font-family:arial;color:#b20000;background:url(images/visNumbg.png) no-repeat center center;width:16px;height:20px;line-height:20px; display:block;float:left;text-align:center;}
.backTop{ position:absolute;width:180px;height:30px;bottom:0px;}
.backTop a{display:block;width:180px;height:30px;}

.main{ width:980px; padding:0 10px;margin:0 auto; overflow:hidden}
.tit{ background:url(images/tit.jpg) no-repeat; width:980px; height:61px; font-size:30px; font-weight:bold; color:#fff; text-align:center; line-height:50px; margin:30px 0 20px 0}
/*1*/
.slider {clear: both;width: 518px;height: 330px;position: relative; }
#simgdiv{ width:212px; height:24px; position:absolute; top:2px; left:2px; background:#000; filter:alpha(opacity=60); moz-opacity:0.5; opacity:0.5;}
#simg{ position:absolute; font-size:12px; bottom:9px; right:5px;overflow:hidden; z-index:10}
#simg ul { margin-right:-2px; height:20px; list-style-type:none; padding:0; margin:0}
#simg li{ filter:alpha(opacity=90); background:#fff; width: 30px; color: #333; line-height: 20px; font-family: arial; padding:0px; cursor: pointer; float:left; margin:0px; text-align:center; margin-right:1px; font-weight:bold}
#simg .s{ background:#880048; color:#fff;border-right:none;}
#simg .s img{ filter:#ff952b;}
#bimg{ border:solid 1px #ccc; padding:1px; width:514px; height:326px; filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );}
#bimg img{ width:514px; height:326px;}
#bimg p{ position:absolute; left:2px; bottom:2px; width:514px;color:#fff; line-height:35px; background:url(images/bg01.png) repeat; text-indent:10px}

#infos{ width:327px; margin:0px; left:2px; top:2px;}
.dis{ display:block;}
.undis{ display:none; line-height:0; height:0;}

.page{ width:450px; height:272px;}
.page h2{ font-size:16px; height:35px; line-height:35px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.page h2 a:hover{ color:#880048}
.page p{ font-size:12px; line-height:20px; border-bottom:1px dotted #ddd; padding-bottom:6px}
.page p a{ color:#880048}
.page p a:hover{ text-decoration:underline}



/*2*/
.slide-area{ height:502px; margin-left:5px;}
.slideBox{ position:relative;}
.slide-area-img,.slide-area-img img{display: block;height:418px !important;width:968px;vertical-align: middle;overflow: hidden;} 
.slide-area-img li{position: relative; float:left; width:968px;}
.slideBox .prev,.slideBox .next{ width: 40px; height: 60px; margin: -30px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer;filter:alpha(opacity=60);opacity:0.6; display:none; _display:block;}
.slideBox .prev{ left:0; background:url(images/lf_arrow.png) no-repeat #333 50% 50%;}
.slideBox .next{ right:6px; background:url(images/rg_arrow.png) no-repeat #333 50% 50%;}
.slideBox:hover .prev,.slideBox:hover .next{display:block;}
.slideBox .prev:hover,.slideBox .next:hover{filter:alpha(opacity=80);opacity:0.8;}
.slide-area-sml{ width:968px; height:62px; padding:10px 0; position:relative; background-color:#242323; overflow:hidden}
.slide-area-box{width:890px; position:relative; height:62px; overflow:hidden; margin-left:38px; }
.slide-area-sml ul{height:62px;position:absolute;}
.slide-area-sml li{ float:left;width:140px; height:60px; _display: inline; overflow:hidden; margin-right:9px;}
.slide-area-sml li:hover{opacity:1;}
.slide-area-sml li.on{ border:1px solid #ffa200;}
.slide-area-sml a{ display:block; width:24px; height:80px; position:absolute; top:0; cursor:pointer;}
.slide-area-sml a.lf-arr{ left:0;background: url(images/lf_arr.png) no-repeat #242323 50% 50%; z-index:1}
.slide-area-sml a.rg-arr{ right:0;background:url(images/rg_arr.png) no-repeat #242323 50% 50%; z-index:1}


/*4*/
.hot img{ float:left; vertical-align:top; margin-top:5px}

/*5*/
.box{ width:980px; margin-top:15px;}
.slide-product .slide-big{position:relative; }
.slide-product .slide-img,.slide-product .slide-img img{display: block;height:305px;width:646px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-img li{position: relative; float:left; width:646px;}
.slide-product .slide-img li p{ position:absolute; bottom:0; left:0; width:100%; height:35px; line-height:35px; background:url(images/bg01.png) repeat; color:#fff; text-align:center}
.slide-product .slide-sml{ width:315px;}
.slide-product .slide-sml .top-arr,.slide-product .slide-sml .down-arr{ display:block; width:189px; height:12px; margin:0 auto 5px;background:url(images/arr.png) no-repeat; overflow:hidden;}
.slide-product .slide-sml .down-arr{margin:5px auto 0;background-position:0 -26px;}
.slide-product .slide-sml .top-arr:hover{ background-position:0 -13px;}
.slide-product .slide-sml .down-arr:hover{ background-position:0 -39px;}
.slide-product .slide-sml ul{ width:315px;}
.slide-product .slide-sml li{ float:left;width:95px; height:95px; margin:0 10px 10px 0; _display:inline; cursor:pointer;background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.slide-product .slide-sml li img{display: block;height:95px;width:95px;vertical-align: middle;overflow: hidden;}
.slide-product .slide-sml li .name{ position:absolute; top:0; left:0; padding:35px 10px 20px;width:75px; height:40px; line-height:20px; color:#FFF; text-align:center;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;overflow:hidden;display:none;}
.slide-product .slide-sml li:hover .name{ display:block;filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;  background-color:#000;}
.slide-product .slide-sml li.on{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.guest{ width:100%; float:left;}
.guest ul{ width:1000px;}
.guest ul li{ float:left; width:239px; margin-right:8px; text-align:center; position:relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden}
.guest ul li img{ float:left; width:239px; height:196px}
.guest ul li h3{color:#333;font-size:16px; width:100%; float:left;background:#f0f0f0; height:40px; line-height:40px; font-weight:bold}
.guest ul li p{ font-size:12px; line-height:24px; text-align:left;color:#333; padding:10px; width:217px; background:#fff; cursor:pointer; float:left; height:168px}


.pro_show{ width:980px; position:relative}
.pro_show a.prev{ display:block; width:35px; height:80px; line-height:80px; text-align:center; font-size:50px; font-family:"宋体"; color:#fff; position:absolute; top:150px; left:0; background:#2c2c2c; cursor:pointer}
.pro_show a.next{ display:block; width:35px; height:80px; line-height:80px; text-align:center; font-size:50px; font-family:"宋体"; color:#fff; position:absolute; top:150px; right:0; background:#2c2c2c;cursor:pointer}
.pro_show a.prev:hover,.pro_show a.next:hover{ background:#b21a23}

.change{width:780px; padding:10px;margin:0 auto; position:relative; border:1px solid #ddd}
.change ul{ width:780px; margin:0 auto}
.change ul li{ float:left; position:relative; width:780px;}
.change ul li img{ display:block; margin:0 auto; height:380px}
.change ul li p{ position:absolute; left:0; bottom:0; width:100%; min-height:35px; line-height:35px; background:url(images/bg01.png) repeat; color:#fff; text-align:center}