@charset "utf-8";
/* CSS Document */
#wrap-bot{ width:100%; padding-bottom:40px; background-color:#2e0400; border-top:#590700 solid 7px; margin:0px auto; overflow:hidden;}

#wrap{ width:1003px; margin:0px auto; overflow:hidden;}
#header{ float:left; width:100%; overflow:hidden; display:inline;}
#logo{ float:left; width:15%; overflow:hidden; display:inline;}
#header-R{ float:left; width:85%; overflow:hidden; display:inline;}
#header-R-top{ float:left; width:100%; overflow:hidden; display:inline;}
#header-R-top-L{ float:left; overflow:hidden; display:inline; margin:32px 0px 0px 10px;}
#header-R-top-R{ float:right; overflow:hidden; display:inline; margin:23px 0px 0px 0px; background:url(../images/languages.gif) no-repeat; height:72px; width:206px; text-align:center; line-height:30px; color:#ffffff;}
#navi{ float:left; width:100%; overflow:hidden; display:inline; background:url(../images/navi-bj.gif) no-repeat left top; margin:5px 0px 0px 0px; height:72px;}
#navi ul li{ float:left; overflow:hidden; display:inline;}
#navi ul li img{ float:left;}

#banner{ float:left; width:100%; overflow:hidden; display:inline; background:url(../images/banner-bj.jpg) no-repeat left top; height:340px; position:relative;}

/****banner  js****/
#slides {
	position:absolute;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:69px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:860px;
	height:293px; margin:9px 0px 0px 74px;
	overflow:hidden;
	position:relative;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
 
}

#slides .prev{left:26px; margin:47px 0px 0px 0px;}
#slides .next{left:950px; margin:47px 0px 0px 0px;}

.prev img,.next img{border:0;}

.pagination {display:none;}

.banner-bot{ float:left; width:100%; height:16px; background:url(../images/banner-bot.gif) no-repeat center center; overflow:hidden; display:inline;}



#content{ float:left; width:100%; overflow:hidden; display:inline; background:url(../images/leftside-bot-bj.gif) no-repeat left bottom; background-color:#f5f5f5;}

#leftside{ float:left; width:19.2%; overflow:hidden; display:inline; background:url(../images/leftside-top-bj.gif) no-repeat left top;}
#leftside-main{ float:left; width:100%; overflow:hidden; display:inline; margin:50px 0px 0px 0px; padding-bottom:20px;}
#leftside-main ul li{ float:left; width:100%; overflow:hidden; display:inline; background:url(../images/leftside-li-bj.gif) no-repeat 7px 5px; text-align:left;height:35px;padding-left:70px;}
#leftside-bot{ float:left; width:100%; text-align:center; overflow:hidden; display:inline;}


#rightside{ float:right; overflow:hidden; display:inline; width:80.8%; background:url(../images/content-bj.gif) no-repeat 28px top; background-color:#ffffff; min-height:600px; height:auto!important; height:550px; overflow:visible;}
#rightside-main{ float:right; width:93%; overflow:hidden; display:inline;}

#about{ float:left; width:60%; overflow:hidden; display:inline;}
#about-title{ float:left; width:100%; overflow:hidden; display:inline; background-color:#f1f1f1; height:42px;}
#about-title .flright{ margin:13px; display:inline;}
#about-main{ float:left; width:100%; overflow:hidden; display:inline;}
#about-main-img{ float:left; width:203px; height:147px; overflow:hidden; display:inline; background:url(../images/index-about-img-bj.gif) no-repeat; padding:5px; margin-top:5px;}
#about-main-img img{ float:left;}
#about-main span{ text-indent:2em; overflow:hidden; display:inline; float:right; width:238px;}


#news{ float:right; width:37%; overflow:hidden; display:inline;}
#news-main{ float:left; width:100%; overflow:hidden; display:inline;}
#news-main ul{float:left; width:100%; overflow:hidden; display:inline;}
#news-main-ul-li1{ float:left; width:98%;  border-bottom:#CCC dashed 1px; background:url(../images/icon1.gif) no-repeat left 3px; overflow:hidden; display:inline; height:25px; margin-top:5px;margin-left:2px;}
#news-main-ul-li2{ float:left; width:98%;  border-bottom:#CCC dashed 1px; background:url(../images/icon2.gif) no-repeat left 3px; overflow:hidden; display:inline; height:25px; margin-top:5px;margin-left:2px;}
#news-main ul li span{ float:left; margin:0px 15px 0px 5px; color:#ffffff; overflow:hidden; display:inline;}


#product{ float:left; width:100%; overflow:hidden; display:inline;}
#product-main{ float:left; width:100%; overflow:hidden; display:inline;}
#product-main ul li{ float:left; overflow:hidden; display:inline; background:url(../images/index-pro-bj.gif) no-repeat; width:229px; height:260px; margin:11px;text-align:center;}
#product-main ul li img{ margin:6px 0px 0px 2px;}
#product-main ul li span{ float:left; width:100%; overflow:hidden; display:inline; text-align:center; line-height:30px;}

#product-main-about{ float:left; width:100%; overflow:hidden; display:inline;}
#product-main-about ul li{ float:left; overflow:hidden; display:inline; background:url(../images/index-pro-bj-bak.gif) no-repeat; width:229px; height:173px; margin:11px;text-align:center;}
#product-main-about ul li img{ margin:6px 0px 0px 2px;}
#product-main-about ul li span{ float:left; width:100%; overflow:hidden; display:inline; text-align:center; line-height:30px;}




.return-top{ float:left; width:100%; text-align:right; overflow:hidden; display:inline;}
.footer{ float:left; width:100%; text-align:center; line-height:30px; color:#c7c7c7; overflow:hidden; display:inline;}



/*****内页框架******/
/*工程案例*/
#container{width:99%;padding-left:20px;}
.left{ width:545px;height:263px;float:left;border:solid #ccc 1px;margin-top:30px;padding:4px;}
.s-c{ width:100%;}
.s-c .pics{ width:545px; float:left;}
.s-c .p1 img{ width:100%;}
.right{ float:left; width:150px; margin-top:20px;}
.slide-pic { padding:10px 0px 10px 15px; height: auto}
.slide-pic A#prev,.slide-pic A#next {DISPLAY: block; BACKGROUND: url(../images/slide.png) no-repeat; margin: 0px; overflow: hidden; width: 112px; HEIGHT: 14px; TEXT-INDENT: -9999em; outline:none;}
.slide-pic A#prev {background-position: center 0px}
.slide-pic A#next {background-position: center -20px}
.slide-pic A#prev:hover {background-position: center -40px}
.slide-pic A#next:hover {background-position: center -60px}
.slide-pic A.gray#prev {background-position: center -80px}
.slide-pic A.gray#next {background-position: center -100px}
.slide-pic .pic-container {margin: 5px 0px; overflow: hidden; width: 120px; HEIGHT: 230px; *HEIGHT: 238px;}
.slide-pic UL {width:140px;}
.slide-pic UL LI {padding-right: 0px; PADDING-left: 0px; PADDING-BOTTOM: 5px; CURSOR: pointer; PADDING-TOP:5px; *PADDING-TOP:4px;}
.slide-pic UL LI P {border:solid #ccc 1px; padding:4px;overflow: hidden; width: 105px; HEIGHT: 57px; }
.slide-pic UL LI.hover P {border-left-COLOR: #bbbbbb; border-BOTTOM-COLOR: #bbbbbb; border-TOP-COLOR: #bbbbbb; border-RIGHT-COLOR: #bbbbbb}
.slide-pic UL LI P IMG {width:105px;HEIGHT:57px}
.slide-pic UL LI.cur P {border-LEFT-COLOR: #666! important; border-BOTTOM-COLOR: #666! important; border-TOP-COLOR: #666! important; border-RIGHT-COLOR: #666! important}

/*企业动态*/
.news-banner{ float:left; width:100%; text-align:center; overflow:hidden; display:inline;}
.news{ float:left; width:100%; overflow:hidden; display:inline; background-color:#f7f7f6;}
.news-main{ float:left; width:94%; overflow:hidden; display:inline; margin:0px 0px 0px 22px;}
.news-main ul{float:left; width:100%; overflow:hidden; display:inline;}
.news-main-ul-li1{ float:left; width:100%;  border-bottom:#CCC dashed 1px; background:url(../images/icon1.gif) no-repeat left 3px; overflow:hidden; display:inline; height:30px; margin-top:9px;}
.news-main-ul-li2{ float:left; width:100%;  border-bottom:#CCC dashed 1px; background:url(../images/icon2.gif) no-repeat left 3px; overflow:hidden; display:inline; height:30px; margin-top:9px;}
.news-main ul li span{ float:left; width:15px; text-align:center; color:#ffffff; margin-right:8px; overflow:hidden; display:inline;}


.news-more{ float:left; width:100%; overflow:hidden; display:inline; border-bottom:#CCC dashed 1px; line-height:30px;}
.news-more-main{ float:left; width:100%; overflow:hidden; display:inline; line-height:25px;}
.news-more-main p{text-indent:2em; }


.about{ float:left; width:96%; margin:0px 0px 0px 14px; line-height:25px; text-indent:2em; overflow:hidden; display:inline;}


.contact{ float:left; width:90%; margin-left:57px; overflow:hidden; display:inline;}
.contact-map{ float:left; overflow:hidden; display:inline;}
.contact span{ float:left; overflow:hidden; display:inline; margin:8px 0px 0px 20px; line-height:30px;}


.faq-main{ float:left; width:94%; overflow:hidden; display:inline; margin:0px 0px 0px 22px;}
.faq-main ul{ float:left; width:100%; overflow:hidden; display:inline;}
.faq-main-ul-li1{ float:left; width:100%;  border-bottom:#CCC dashed 1px; background:url(../images/icon1.gif) no-repeat left 7px; overflow:hidden; display:inline; margin-top:9px; line-height:30px;}
.faq-main-ul-li2{ float:left; width:100%;  border-bottom:#CCC dashed 1px; background:url(../images/icon2.gif) no-repeat left 7px; overflow:hidden; display:inline; margin-top:9px; line-height:30px;}
.faq-main ul li span{ float:left; margin:0px 15px 0px 5px; color:#ffffff; overflow:hidden; display:inline;}
.faq{ float:left; width:100%; overflow:hidden; display:inline; margin-top:10px; background-color:#ebebeb;}
.faq P{ float:left; width:95.8%; overflow:hidden; display:inline; margin:10px 0px 0px 15px; padding-bottom:10px; text-indent:2em;}

#gotop img{cursor:pointer;}