﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,
th,td {    
     margin:0;   
     padding:0;  
}
body{
	font-size:13px;
	font-family:"微软雅黑";
	background:url(../images/bg.gif) repeat-x 0 0;
	text-align:center;
}
a{
	font-size:13px;
	font-family:"微软雅黑";
	text-decoration:none;
	color:black;
}
img{
	border:0;
}
a:hover{
	color: #FF9900;
}
li{
	list-style:none;
}
#header{
	width:1002px;
	height:70px;
	margin:0 auto;
}
.logo{
	background:url(../images/logo.gif) no-repeat 24px 7px;
	width:176px;
	height:63px;
	float:left;
}
#menu{
	float:left;
	margin-top:24px;
	margin-left:50px;
}
#menu li{
	float:left;
	margin:0 2px;
}
#menu li a{
	display:block;
	width:79px;
	height:45px;
}
#home{
	background:url(../images/home.gif) no-repeat 0 0;
}
#menu #home a:hover{
	background:url(../images/home_over.gif) no-repeat 0 0;
}
#canpin{
	background:url(../images/canpin.gif) no-repeat 0 0;
}
#menu #canpin a:hover{
	background:url(../images/canpin_over.gif) no-repeat 0 0;
}
#case{
	background:url(../images/case.gif) no-repeat 0 0;
}
#menu #case a:hover{
	background:url(../images/case_over.gif) no-repeat 0 0;	
}
#services{
	background:url(../images/services.gif) no-repeat 0 0;
}
#menu #services a:hover{
	background:url(../images/services_over.gif) no-repeat 0 0;	
}
#guest{
	background:url(../images/guest.gif) no-repeat 0 0;
}
#menu #guest a:hover{
	background:url(../images/guest_over.gif) no-repeat 0 0;	
}
#about{
	background:url(../images/about.gif) no-repeat 0 0;
}
#menu #about a:hover{
	background:url(../images/about_over.gif) no-repeat 0 0;	
}
#contact{
	background:url(../images/contact.gif) no-repeat 0 0;
}
#menu #contact a:hover{
	background:url(../images/contact_over.gif) no-repeat 0 0;	
}
.topmenu{
	display:inline;
	position: absolute;
	top:7px;
	right:10px;
}
.topmenu li{
	float:left;
	margin-left:5px;
}
.topmenu li a{
	text-decoration:none;
}
.topmenu li img{
	border:0;
}
#main{
	width:940px;
	margin:0 auto;
	height:auto!important;
	min-height:500px;
	height:500px;
	background:white url(../images/main_bg.gif) repeat-x 0 0;	
	padding:12px;
	margin-top:20px;
}
.banner{
	overflow: hidden;
	width: 741px;
	position: relative; 
	height: 310px;
	float:left;	
}
#ss_img_div{
	width:741px; 
	height:310px; 
	overflow:hidden;
}
#ss_img_div img{
	border:0;
}
#ImgNum{
	height:20px; 
	overflow:hidden;
	margin-top:-20px;
	float:right;
}
#ImgNum ul{
	width:180px; 
	padding:0 0 0 0;
	cursor:default;
}
#ImgNum li{
	width:15px; 
	height:20px; 
	line-height:20px; 
	overflow:hidden;
	text-align:center;
	float:left; 
	margin-left:2px; 
	cursor:pointer;
}
#ImgNum li.itemOff{
	background:black;
	color:white;
	filter:alpha(opacity=50,  finishOpacity=50,  style=1,  startY=0, finishY=20);
}
#ImgNum li.itemOn{
	background:#1B7BC1;
	color:white;
	font-weight:bold; 
	height:20px;
	width:20px;
	line-height:20px;
	filter:alpha(opacity=80,  finishOpacity=80,  style=1,  startY=0, finishY=20);
}

.news_text{
	background:black;
	width:185px;
	height:300px;
	float:right;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
}
.news_text a{
	color:#BABABA;
	display:block;
	text-align:left;
	line-height:25px;
	padding-left:8px;
	height:100px;
/*	width:169px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;*/
}
.news_text a:hover{
	color: #FF9900;
}
.display_cases{
	margin-top:10px;	
}
.LeftBotton {
	background: url(../images/ca_hz_002.gif) no-repeat 0px 0px;
	left: 5px;
	float: left;
	width: 10px;
	cursor: pointer;
	positton: absolute;
	top: 10px;
	height: 180px
}
.RightBotton {	
	background: url(../images/ca_hz_002.gif) no-repeat -12px 0px;
	right: 5px;
	float: right;
	width: 10px;
	cursor: pointer;
	positton: absolute;
	top: 10px;
	height: 180px
}
.Cont {
	overflow: hidden;
	width: 920px;
	padding:5px 0;
	margin:0 auto;
	float:left;
	border-top:#DFDEDE 1px solid;
	border-bottom:#DFDEDE 1px solid;
	height:168px;
	background:white;
}
.box {
	float:left;
	width: 230px;
	text-align: center
}
.box img {
	border:0;
	padding: 4.5px;
	padding-bottom:1px;
	display: block;
	margin: 0px auto;
	background-color:white;
}
.box a:hover img {
	border:0;
}
.box p {
	margin:0; 
	width: 229px; 
	background:url(../images/title_bg01.gif) no-repeat center 0;
	height:33px;
	line-height:33px;
}
.abouts{
	float:left;
	width:571px;
	border:#D9D8D8 1px solid;
	text-align:left;
	padding:10px;
	margin-top:10px;	
	height:190px;
}
.title_left,.title_left01{
	background:url(../images/icon_left.gif) no-repeat 0 0;	
	height:33px;
	padding-left:35px;
}
.title_left01{
	background:url(../images/icon_left02.gif) no-repeat 0 0;
}
.title_right{
	background:url(../images/icon_right.gif) no-repeat right 0;
	height:33px;
	padding-right:6px;
}
.title_right p{
	background:url(../images/icon_center.gif) repeat-x 0 0;
	height:33px;
	padding-top:8px;
	text-indent:10px;
}
.abouts_text{
	line-height:25px;
	padding-top:5px;
}
.services{
	float:right;
	width:310px;
	border:#D9D8D8 1px solid;
	text-align:left;
	padding:10px;
	margin-top:10px;
	height:190px;
}
.abouts_text a{
	display:block;
	background:url(../images/dian02.gif) no-repeat 10px center;
	text-indent:25px;
}
#linkFrame{
	padding-top:10px;
}
.warp{
	border:#D9D8D8 1px solid;
	padding:10px;	
	height:120px;
}
.links{
	height:82px;
}
#makewing{	
	width:940px;
	height:82px;
	overflow:hidden
}
.links li{
	list-style:none;
	display:inline-table;
	margin-left:-20px;
}
.links li img{
	display:inline-table;
	border:#E0E0E1 1px solid;
}
#footer{
	background:url(../images/bottom_bg.gif) repeat-x 0 0;
	height:63px;
	padding-top:10px;
	margin-bottom:10px;
	*margin-bottom:-10px;
}
.footer_bg{
	background:url(../images/copyright.gif) no-repeat 0 0;
	width:940px;
	height:42px;
	margin:0 auto;
	padding-top:10px;	
}
.line{
	clear:both;
	background:#E0E0E1;
	height:1px;
	overflow:hidden;
}
.page{	
	position:relative;
	right:10px;
	float:right;
	top:-15px;
	*top:-16px;
}
a.last:link ,a.last:visited,a.last:hover,a.last:active {
	background: url(../images/last.gif) no-repeat 0px 1px;
	padding-left:8px;
	margin-left:8px;
	font-size:12px;	
}
a.next:link ,a.next:visited,a.next:hover,a.next:active {
	background: url(../images/next.gif) no-repeat 0px 1px;
	padding-left:8px;
	margin-left:8px;
	font-size:12px;	
}
/*canpin*/
.canpin_bg{
	background:url(../images/canping_bg.gif) no-repeat center;
	width:684px;
	height:288px;
}
.canpin_title{
	padding:15px 0 0 25px;
}
.canpin_content{
	padding:25px;
}
.canpin_tu{
	padding-right:40px;
}
.canpin_text{
	display:block;
	font-size:14px;
	color:#8F8F8F;
	line-height:25px;
	text-indent:25px;
}
.btn_link{	
	float:left;
	margin:25px 0 0 15px;
}

/*case*/
.left_list{
	float:left;
	width:206px;
	margin-top:10px;	
}
.case_title{
	background:url(../images/case_titlebg.gif) no-repeat 0 0;]
	height:28px;
	line-height:28px;
	color:#FFFFFF;
}
.abouts_text li{
	background:url(../images/case_listbg.gif) no-repeat 0 center;
	width:185px;
	height:40px;
	line-height:40px;
	text-align:left;
	margin:0 auto;
}
.abouts_text .list_second{
	background:none;
	height:25px;
	line-height:25px;
}
.abouts_text .list_second a{
	background:url(../images/dian01.gif) no-repeat 30px center;
	padding-left:25px;
}
.abouts_text li a{
	background:url(../images/dian01.gif) no-repeat 20px center;
	padding-left:15px;
}
.abouts_text01{
	background:#ECECEC;
}
.case_bottom{
	background:url(../images/case_bottom.gif) no-repeat 0 0;
	height:7px;
}
.design_content{	
	width:715px;
	border:0;	
	padding:0;
	height:auto!important;
	min-height:200px;
	height:200px;	
}
.case_details{
	background:white;
	border:solid 1px #C0C0C0;
	padding:1px;
	margin-top:20px;	
}
.details_bg,.case_bg{
	background:#E0E0E1;
	padding:16px;
	height:auto!important;
	min-height:100px;
	height:100px;	
}
.case_bg li{
	background:white;
	text-align:center;
	width:338px;
	height:235px;
	float:left;
	padding:10px 0;
	font-size:0;	
}
.case_bg li img{
	border:#B5B5B5 1px solid;	
}
.case_bg li a{
	background:url(../images/title_bg03.gif) no-repeat center -1px;
	height:32px;
	line-height:32px;
	display:block;
}
.product_bg{
	background:black url(../images/productbg.gif) no-repeat center bottom;
	height:300px;
	padding-top:50px;
	text-align:center;
}
/*services*/
.bannerimg{
	margin-bottom:10px;
}
.text01{
	background:white;
	padding:16px;
	line-height:150%;
	width:644px;
}
.tblock a{
	text-align:center;
	display:block;
	color:#0066cc;
}
.tblock{
	float:left;
	width:305px;
	padding-top:20px;
	padding-bottom:10px;	
}
.timg01,.timg02,.timg03,.timg04,.timg05,.timg06,.timg07,.timg08{
	float:left;
	height:123px;
	width:121px;	
}
.timg01{	
	background:url(../images/servicesimg/01.gif) no-repeat center;
}
.timg02{	
	background:url(../images/servicesimg/02.gif) no-repeat center;
}
.timg03{
	background:url(../images/servicesimg/03.gif) no-repeat center;
}
.timg04{
	background:url(../images/servicesimg/04.gif) no-repeat center;
}
.timg05{	
	background:url(../images/servicesimg/05.gif) no-repeat center;
}
.timg06{
	background:url(../images/servicesimg/06.gif) no-repeat center;
}
.timg07{
	background:url(../images/servicesimg/07.gif) no-repeat center;
}
.timg08{
	background:url(../images/servicesimg/08.gif) no-repeat center;
}
.tblock h1{
	font-size:13px;
	font-weight:bold;	
}
.tblock span{
	display:block;
	padding:10px 0px;
	line-height:25px;
	height:100px;
	font-size:12px;
}

/*guest*/
.guest_content{
	float:left;
	width:940px;
	padding:0 0 0 0px;
	border:0;
	height:auto!important;
	min-height:100px;
	height:100px;
}
.details_bg li{
	float:left;
	width:180px;
	height:80px;
	padding:11px 0;
	margin:0 0 1px 1px;
	background:white;
	text-align:center;
}
.details_bg li img{
	display:block;
}
.details_bg01{
	padding:15px;
}
/*about*/
.about_text{
	background:white;
	padding:25px 25px 25px 50px;
	line-height:28px;
}
/*contact*/
.about_text h1{
	font-size:13px;
	font-weight:blod;
	margin-top:10px;
}
.about_text span,.about_text img{
	display:block;
	font-size:12px;
}
.about_text a img{
	display:inline;
}
.about_text01{
	padding-left:50px;
	height:auto!important;
	min-height:350px;
	height:350px;
}
/*map*/
.about_text02{
	padding-left:20px;
	height:auto!important;
	min-height:350px;
	height:350px;
}
.about_text02 span{
	border:1px solid #cccccc;
	background:#f3f3f3;
	padding-left:10px;
}
#bs_bg{
	background:url(../images/case_listbg_over.gif) no-repeat 0 center;
}
.h3_b{
	font-weight:bold;
}

/*anlipic*/
.anlibox{
	background:white;
	padding:15px;
	border:#C0C0C0 1px solid;
	margin:10px 0;
}
.anlitext{
	float:left;
	width:500px;
	padding-left:20px;
	color:#666666;
}
.anlitexttitle{
	font-size:26px;		
}
.anlitexttitle span{
	font-size:12px;
	font-weight:normal;
}
.textcontent{
	line-height:18px;
}
.contactlink{
	width:210px;
	height:115px;
	float:right;
	background: url(../images/contactlinkimg.jpg) no-repeat center;
	text-align:center;
	padding-top:5px;
}
.contactlink a{
	display:block;
}
.anlipicbox{
	margin:0;
}
