/* Hello world
Theme: Summer camp
Description: Css file
Author: Jery
Author Url: http://www.90webweb.com/
Version: Yesterday

[Catalog] 

	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Header 
	5- Navigation
	6- Middle 
	7- Forms
	8- Extras
	9- Footer 

*/

@import url('reset.css');

body {
	line-height: 1;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	color: #666;
	background:url(../images/bgindex.gif) repeat-x; 
	 
}
.right {
	float: right;
}
.left {
	float: left;
}
.wbfb{width:100%}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align:center;
}
.justify {
	text-align:justify;
}
.hide,a#vlb{
	display: none;
}
.clear {
	clear: both;
}
.line{
    line-height:2em;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float:left;
	margin:4px 10px 4px 0;
}
img.alignright {
	float:right;
	margin:4px 0 4px 10px;
}

.in-box{border-width: 6px 1px 1px; border-style: solid; border-color:#f96800 #dddddd #dddddd;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

a:link, a:visited {
	color: #333; text-decoration:none;
}
a:hover {
	color:#f96800; text-decoration:underline;
}
a:active {
	color: #111;
}

h1 {
	font: bold 2em "Times New Roman", Times, serif;
}
h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
}
h3 {
	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}


/*top*/

.topnav{width:100%; height:33px; line-height:33px;
 z-index: 2147483647; position:fixed; top:0px; left:0px; _position:absolute; _top: expression(offsetParent.scrollTop+0); display:none; 
 color:#9f9e9e; background:url(../images/bgtop.gif) repeat-x; }
.topmiddle{width:960px; height:33px; margin:0 auto; position:relative;}
.topmiddle a:link,.topmiddle a:visited{color:#666;}
.topmiddle a:hover{color:#f96800;}
.topmiddle a:active{color:#666;}
.topmiddle a img,.content ul.news li span.time img,.left .title .zuozhe img{vertical-align:text-bottom;}
.qucikmenu {
	Z-INDEX: 9; POSITION: absolute; DISPLAY: none; RIGHT: 1px; TOP: 32px
}
.qucikmenu UL {
	BORDER-BOTTOM: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid; LIST-STYLE-TYPE: none; WIDTH: 110px; BACKGROUND: #fff; BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid
}
.qucikmenu UL LI {
	TEXT-ALIGN: left; DISPLAY: block
}
.qucikmenu UL LI A {
	LINE-HEIGHT: 29px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; HEIGHT: 29px; COLOR: #666666; TEXT-DECORATION: none
}
.qucikmenu UL LI A:hover {
	BACKGROUND: #f7f7f7; TEXT-DECORATION: none
}
 
.top{width:100%; }
.header{width:960px; margin:0px auto; padding:0px auto;  height:148px; position:relative; overflow:hidden;}
#add{position:absolute; width:900px; top:45px; left:15px;}
#add a{float:left; padding:3px 4px; background-color:#f5f5f5; margin:0 5px; display:inline}
#add a:hover{background-color:#f96800; color:#fff}
#logo{float:left; width:303px; height:62px; margin-top:83px; margin-left:10px; background:url(/images/comeon.gif) no-repeat 150px 30px}
#logo a{text-indent:-999px; width:303px; height:38px; background:url(../images/logo.gif) no-repeat left top; display:block;}
ul.nav{float:right; margin-top:80px; height:68px;}
ul.nav li{float:left; width:86px;  height:100%;}
ul.nav li a{float:left; width:86px; height:100%;  font-weight:bold;  font-size:14px; text-align:center;}
ul.nav li a span{float:left; width:100%; font-family:΢ÈíÑźÚ;  }
ul.nav li a span.eng{font-size:14px;}
ul.nav li a:link,ul.nav li a:visited,ul.nav li a:link{color:#7b7b7b;}
ul.nav li a:hover,ul.nav li a.on{background:url(../images/bgnavon.gif) no-repeat bottom center; color:#f96800; text-decoration:none;}
ul.nav li a:active{color:#7b7b7b;}

.in_banner{width:960px; height:170px; margin:0 auto; padding:0 auto; margin-top:20px;}

/*middle*/
.middle{width:960px; margin:10px auto; padding:0px auto; text-align:center; overflow:hidden; }
.middle .about,.middle .service,.middle .write{width:308px; float:left;  display:inline;   margin-top:20px; margin-left:15px; overflow:hidden; }
.middle .about{margin-left:0px;}
.middle h2{width:75%; float:left; margin-left:10px; text-align:left; display:inline;}
.middle h2 span{width:100%; float:left; font-family:΢ÈíÑźÚ; font-size:16px; color:#7d7d7d; line-height:1.3em; }
.middle h2 span.one{color:#f96800; font-family:Californian FB; font-size:24px;}
a.more{float:right; height:27px; line-height:27px; margin-top:20px; margin-right:20px; display:inline; color: rgb(102, 102, 102) !important;}
a.more:hover{color:#f96800}
.middle .about p,.middle .service p,.middle .write p{width:300px; float:left; margin-left:10px; display:inline;  margin-top:20px; padding-bottom:15px; }
.middle .about p img,.middle .service img,.middle .write p img{float:left;}
.middle .about p span,.middle .service p span,.middle .write p span{float:left; width:206px; text-align:left; color:#9f9e9e; margin-left:10px; display:inline;}
.middle .service img.ser{float:left; margin-left:10px; margin-top:20px;}
.middle .service ul{width:210px; float:left; margin-left:10px; display:inline;  margin-top:10px; padding-bottom:5px;}
.service ul li{width:95px; float:left; margin-left:10px; margin-top:10px; background:url(../images/gou.gif) no-repeat left center; display:inline;}
.service ul li a{float:left; margin-left:15px; font-size:14px; line-height:1.5em; font-family:΢ÈíÑźÚ;}

.middle .left{width:700px; float:left; text-align:left; overflow:hidden }
.middle .place{width:100%; float:left; line-height:2.2em; padding-bottom:5px; border-bottom:1px solid #dddddd; color:#656565}
.place a:link,.place a:visited{color:#656565; }
.place a:hover{color:#f96800;}
.place a:active{color:#656565;}
.left .title{float:left; width:674px; padding-left:20px; margin-top:20px; line-height:2em; border-left:6px solid #f96800;}
.left .title h1{font-family:microsoft yahei; color:#777777; font-weight:normal; }
.left .title span{float:right;}
.left .title .zuozhe{color:#9f9e9e;}
.left .title .zuozhe a{color:#f96800;}
.left .content,.left .other{float:left; width:660px; padding:10px 10px 10px 20px; font-size:14px; line-height:1.8em; margin-top:20px; border-left:6px solid #dddddd;}
.left .other{width:660px; float:left; margin-top:0;}
.left .content p,.left .content p strong,.left .content p font{font-size:14px; }

.left .content ul.news{float:left; width:100%;}
.content ul.news li{float:left; width:100%; margin-top:20px; padding-bottom:5px; border-bottom:1px dashed #e2e2e2;}
.content ul.news li a.titl{float:left; font-weight:bold; font-size:14px; text-align:left; padding-left:15px; background:url(../images/atitle1.gif) no-repeat 0 7px;  border:none;}
.content ul.news li span.time{float:right; color:#666666;}
.content ul.news li p{width:100%; float:left; margin-top:10px; color:#666666; text-indent:2em; line-height:2em; font-size:12px;}
.content table.c0 th,.content table.c0 td{border:1px solid #c0c0c0; }

.prenext{width:100%; float:left; text-align:center; padding-bottom:5px; border-bottom:1px dashed #dddddd; }
.like ul{float:left; margin-top:20px; display:inline;}
.like ul li{float:left; width:230px; margin:2px 40px; display:inline;}
.like .le{float:left; width:37px; height:120px; background-color:#dddddd;}
.like .le span{float:left; width:22px; height:85px; margin-top:20px; margin-left:7px; writing-mode:tb-rl; color:#fff; font-size:18px; font-family:microsoft yahei; font-weight:bold;}

.middle .righ{width:248px; float:left; margin-left:10px; display:inline;  border-left:1px solid #dddddd;  padding-bottom:5000px; margin-bottom:-5000px }
.righ .lanmu{width:237px; float:left; margin-left:10px; display:inline; }
.lanmu ul li{width:100%; float:left; border:1px solid #dddddd; border-left:none; border-right:none;}
.lanmu ul li a{font-size:14px; width:100%;  float:left; font-family:microsoft yahei;  height:40px; line-height:40px;  }
.lanmu ul li a.on,.lanmu ul li a:hover{color:#f96800;}
.righ .tj{float:left; margin-top:20px; margin-left:10px; width:237px;  display:inline;}
.tj span.title{float:left;  height:30px; width:79px; font-size:14px; line-height:30px; background-color:#ddd; }
.tj span.on{float:left;  height:30px; width:79px; font-size:14px; line-height:30px;  }
#myTab0 a{font-size:14px;}
.tj ul{float:left; margin-top:10px; display:inline;}
.tj ul li{float:left; width:207px; margin:5px auto; margin-left:10px; display:inline; padding-left:20px; padding-bottom:3px; background:url(../images/jia.gif) no-repeat 0px 3px; overflow:hidden;}
.tj ul li a{font-size:14px; width:100%; float:left; text-align:left; }
.tj ul.none{display:none;}
.righ .mt20{margin-top:20px;}
.righ .mt20 p{text-align:left; font-size:14px; line-height:1.6em;  padding-top:10px; padding-left:10px; padding-bottom:5px;}
.righ .mt20 p span{font-size:23px; font-family:microsoft yahei; color:#f96800;}
.righ .mt20 p img{float:right; margin-right:10px; display:inline;}

/*cases*/
.middle .cases,.middle .lc{float:left; margin-top:20px; width:958px; padding-bottom:13px; display:inline;}
.hzlc_gundong{float:right; height:30px; width:678px; margin-top:10px; margin-right:10px; display:inline}
.middle .left .cases1{width:95%; padding-left:30px;}
.left .cases1 ul li a span{text-align:center;}
.cases .title{  width:100%; float:left; text-align:left; }
.cases ul{float:left; width:100%; margin-top:10px; }
.cases ul li{float:left; width:286px; height:170px; margin:10px 16px; overflow:hidden; position:relative; display:inline;}
.cases ul li img{width:282px; height:166px; border:2px solid #ddd}
.cases ul li:hover img{border:2px solid #f96800; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.cases ul li a span{position:absolute; width:100%; left:0px; top:144px; height:30px;  font-size:14px; display:none; text-decoration:none; }
.cases ul li a:hover {zoom:1; text-decoration:none;}
.cases ul li a:hover span{color:white; height:30px; line-height:30px; font-weight:bold; background-color:#f96800; display:block; text-decoration:none; filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity: 0.6; opacity: 0.8; }

/*lc*/
.lc ul{float:left; width:952px; margin-left:6px;  display:inline;}
.lc ul li{float:left; width:138px; margin-top:20px; background:url(../images/next.gif) no-repeat 110px 15px;}
.lc ul li.none{background:none; width:124px;}
.lc ul li img{float:left; margin-left:25px;}
.lc ul li p{float:left; width:100px; margin-left:15px; text-align:left; line-height:2em; color:#9f9e9e; display:inline;}
.lc ul li p span{font-size:14px; font-family:΢ÈíÑźÚ; line-height:2.5em; color: #333; }

ul.jszs{float:left; width:100%; padding-top:10px;}
ul.jszs li{width:100%; float:left; margin:10px auto; }
ul.jszs li a{float:left; margin-left:20px; padding-left:20px; background:url(../images/jia.gif) no-repeat left center;}
ul.jszs li span{float:right; margin-right:10px; color:#9f9e9e;}

.flink{float:left;  width:958px;  margin-top:20px; }
.flink p{ display: block; line-height: 180%; width: 98%;  white-space: nowrap;   text-overflow: ellipsis;  padding: 10px 0;  margin: 0 auto;}
.flink p a{float:left;  margin:0 6px;  display:inline;}
.flink p span{float:left; display:inline;}
.flink li{float:left; float:left;  margin:4px 6px;  display:inline;}

.footer{width:100%; height:310px !important; height:280px; overflow:hidden; background:url(../images/footer_bg.gif) repeat; margin-top:20px; }
.footer .bottom{width:960px; margin:0px auto; padding:0px auto;  color:#eee;  background:url(../images/footer_floor.png) no-repeat center 95px; overflow:hidden;}
.bottom p{padding-top:10px; text-align:center; line-height:180%;}
.bottom dl {padding: 8px 16px 0px 0px; width: 125px; height: 210px; text-align: left; line-height: 22px; margin-top:40px; float: left;}
.bottom dt {color:#eee; padding-bottom: 12px; font-family:microsoft yahei; font-size:20px; background:url(../images/f_nav_ii.gif) repeat-x center bottom;}
.bottom dd {height:27px; line-height: 27px;}
.bottom dd a:link,.bottom dd a:visited{color:#eee; padding-left:6px; border-left:1px solid #eee}
.bottom dd a:hover {padding-left:15px; color:#f96800;}
.bottom .dt{width:205px; float:left;  margin-top:52px; margin-left:10px; color:#eee; padding-bottom: 12px; font-weight: bold; display:inline;}
.bottom .btr{float:left; margin-left:25px; width:225px; display:inline;}
.btr li{float:left; width:205px; margin:7px 10px; display:inline;}
.btr li a:link,.btr li a:visited{color:#eee; text-decoration:underline}
.btr li a:hover{color:#f96800;}
.bottom .jiu{width:100%; float:left; margin:20px 0;}
.jiu span.right{color:#363636;}
 
.dede_pages{}
.dede_pages ul{float:left; padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left; padding:2px 4px 2px; color:#555; display:block; }
.dede_pages ul li a:hover{color:#f96800; text-decoration:none; padding:2px 4px 2px; }
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8; padding:2px 4px 2px;
                  font-weight:bold;}

.dede_pages .pageinfo{line-height:21px; padding:12px 10px 12px 16px; color:#666;}
.dede_pages .pageinfo strong{color:#555; font-weight:normal; margin:0px 2px; }


#focus {width:960px; height:170px; overflow:hidden; position:relative;}
#focus ul {height:254px; position:absolute;}
#focus ul li {float:left; width:960px; height:170px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:960px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:802px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#666;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:40px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

cite{font-family:Georgia;font-style:normal;font-weight:bold;font-size:18px;color:#ff6600;}
.remarkbox {text-indent:2em;margin-top:18px; margin-bottom:18px; padding:10px; font-size:12px; color:#333333; line-height:25px; border:1px dashed #999999;}.remarkbox{color: #095C83;}

#bottom{width:100%; height:56px; text-align:center; left:0; bottom:0;  margin:0 auto; position:fixed; _position:absolute;  _top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)+1); _margin:0 auto;  background:url(/images/bg4.jpg) repeat-x;  background-color:#ae1317}
.youknow{width:170px; height:56px; overflow:hidden}
.youknow li{float:left; width:100%; text-align:left; line-height:1.2em}
.youknow li a{color:white}
.youknow li a:hover{color:#f96800}