﻿body { height:auto !important; margin:0px; padding:0px; font-size:12px; background:url(../images/bg.jpg) top no-repeat;}
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;}
img{ border:none}
a{ text-decoration:none}
ul,li{ list-style-type:none; margin:0px; padding:0px}
.clear{ clear:both}

/* 头部 */
.headCtn{ width:100%; height:142px; background:url(../images/hBg.jpg) repeat-x;}
.headCtn .topCtn{ width:1002px; height:142px; margin:0 auto; position:relative;}
.headCtn .topCtn .logo{ position:absolute; left:10px; top:24px;}
.headCtn .topCtn .sCtn{ position:absolute; right:0; top:24px; padding:0 12px 0 0; font-family:微软雅黑; line-height:28px; font-weight:bold; color:#2d2d2d;}
.headCtn .topCtn .sCtn a{ color:#2d2d2d;}
.headCtn .topCtn .sCtn a:hover{ color:#007b3f;}
.navCtn{ width:860px; height:39px; position:absolute; right:0px; top:74px; background:url(../images/navBg.png) no-repeat;}
.navCtn ul li{ width:104px; height:39px; float:left; line-height:39px; text-align:center; font-size:15px; font-family:微软雅黑;}
.navCtn ul li a{ color:#ffffff;}
.navCtn ul li a:hover{ color:#daff9b;}

/* Banner图 */
.bannerCtn{ width:100%; height:436px;background-color:#666666;}

/* 首页主体一 */
.mainCtn{ width:100%; height:auto;}
.mCtn1{ width:1002px; height:236px; margin:0 auto; padding:12px 0 0 0;}

/* 版块共用头部 */
.right0{ right:0;}
.left0{ left:0;}
.titCtn{ width:100%; height:35px; position:relative; background:url(../images/titBg.jpg) repeat-x;}
.titCtn .titSide{ width:5px; height:35px; overflow:hidden; position:absolute;}
.titCtn em.tit1{ display:block; height:35px; font-family:微软雅黑; font-weight:bold; font-size:15px; color:#333333; line-height:35px; background:url(../images/titIcon.png) no-repeat 8px 3px; padding:0 0 0 41px; font-style:normal;}
.more1{ width:35px; height:7px; position:absolute; overflow:hidden; right:17px; top:14px;}

/* 图片新闻 */
.picNews{ width:264px; height:212px; float:left;}
.picNews .picC{ width:263px; height:168px; margin:9px 0 0 0;}
#slides_three,#slides_three div {height:168px;width: 263px;}
#slides_three {position: relative;}
#slides_three div img{width: 263px;height: 168px;}
#slides_three div p{position: absolute;bottom: 0;left: 0;width: 263px;height: 20px;overflow: hidden;background:#000;opacity: .6;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); }
#slides_three div span{display: inline-block;width: 263px; color: #fff;font-size: 12px;font-family:"微软雅黑","Microsoft Yahei"; position:absolute;bottom: 0;left: 0; height: 20px;overflow: hidden;}
#slides_three div span a{color: #fff; display: block;padding-left: 10px;width: 263px;line-height: 20px;}

/* 企业简介 */
.introCtn{ width:351px; height:231px; float:left; margin:0 0 0 29px;}
.introCon{ height:auto; color:#5a5d5b; line-height:28px; padding:15px 5px 0 6px;}

/* 新闻资讯 */
.xwzxCtn{ width:327px; height:222px; float:right;}
.xwzxCtn ul{ padding:12px 0 0 2px;}
.xwzxCtn .ns1 li{ width:318px; height:28px; line-height:27px; color:#5a5d5b; padding-right:5px; background:url(../images/dash1.jpg) bottom repeat-x;}
.xwzxCtn .ns1 li font{ font-size:22px; color:#2f8c3f;}
.xwzxCtn .ns1 li a{ color:#5a5d5b;}
.xwzxCtn .ns1 li a:hover{ color:#007b3f;}
.xwzxCtn .ns1 li span{ float:right;}

/* 典型案例 */
.caseCtn{ width:1002px; height:221px; margin:0 auto;}
.ul-construct{ width:100%; overflow: hidden; margin:13px 0 0 25px;}
.ul-construct li{ margin-right: 26px; text-align: center; float: left;}
.ul-construct li img{ width: 170px; height: 129px; margin-bottom: 12px;}
.ul-construct li a{ color:#5a5d5b;}
.ul-construct li a:hover{ color:#007b3f;}

/* 友情链接 */
.linkC{ width:1002px; height:35px; margin:0 auto; line-height:35px; padding:0 0 19px 0;}
.linkCtn{ width:100%; height:35px; position:relative; background:url(../images/titBg.jpg) repeat-x;}
.linkCtn .linkSide{ width:5px; height:35px; overflow:hidden; position:absolute;}
.linkCtn em.link1{ display:block; height:35px; font-family:微软雅黑; font-weight:bold; font-size:14px; color:#175221; line-height:35px; background:url(../images/titIcon.jpg) no-repeat 12px 2px; padding:0 15px 0 41px; font-style:normal; float:left;}
.linkCtn a{ padding:0 5px 0 5px; font-size:12px; color:#5a5d5b;}

/* 底部 */
.footCtn{ width:100%; height:138px; background:url(../images/footCtn.jpg) repeat-x;}
.footCtn .foot{ width:1002px; height:108px; background:url(../images/botLogo.png) no-repeat 86px 15px; margin:0 auto; text-align:center; line-height:28px; color:#ffffff; padding:30px 0 0 0;}



/*Slide Start幻灯片位置开始*/
#Slidebox{width:100%; height:436px;  padding:0px;  margin:0 auto;  /*position:relative;*/ overflow:hidden;}
#flashBg {height: 436px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {background: url(../images/touming.png) repeat-x center bottom;height: 436px;width: 100%;clear: both;}
#flash{width: 100%;height: 436px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 100%;height: 436px;display: none;}

.flash_bar {width:555px;padding-left: 460px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
bottom:0px;left:0px; background: url(../images/tg_flashbar.png) no-repeat 0px 0px;text-align: center;}
.flash_bar .dq {
display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/pagination.png) no-repeat 0px -12px; overflow:hidden;
_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png" ,sizingMethod="crop");
}

.flash_bar .no {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;
background:url(../images/pagination.png) no-repeat 0px 0px; overflow:hidden;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://vizo.retail20.cn/images/pagination.png" ,sizingMethod="crop");
}




#example {width:995px; height:382px; position:relative; margin:0 auto;}
.mask{ position:absolute; left:0px; top:0px; background:url(../images/mask.png) no-repeat 0 0; z-index:101; width:995px; height:382px;}
#slides {position:absolute;top:0;left:0;z-index:100;}
#slides .slide{width:995px;padding:0px; height:382px;}
#slides .slide .translucent{ z-index:6; display:block; width:995px; height:42px; /*filter:alpha(opacity=50); opacity:0.50;*/ position:absolute; left:0px; bottom:0px; background:url(../images/slidesTranslucent.png) no-repeat left bottom;}

* html #slides .slide .translucent{ z-index:6; display:block; width:995px; height:42px; filter:alpha(opacity=50); opacity:0.50; position:absolute; left:0px; bottom:0px; background:#000;}

#slides .slide .description{z-index:106; display:block; width:395px; text-align:left; padding-left:5px; height:164px;  position:absolute; left:465px; bottom:96px;  
color:#fff; font:normal 12px/1.5 Tahoma; text-indent:-9999px;}
#slides .slide .description a{ text-decoration:none; color:#fff; display:block; width:395px; height:164px; }

#slides .next,#slides .prev{position:absolute;top:352px;left:22px;width:15px;height:19px;display:block;z-index:101; overflow:hidden; background:url(../images/On_a_frame.png) no-repeat left top; text-indent:-9999px;}
.slides_container{width:995px;height:382px;overflow:hidden;position:relative;}

#slides .next{left:957px;background:url(../images/Next_frame.png) no-repeat left top;}
.pagination {margin:0;width:90px; position:absolute; top:355px; left:455px; z-index:1000;}
.pagination li {float:left;margin:0 1px;}
.pagination li a{display:block;width:13px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}

.pagination li.current a {background-position:0 -12px;}