﻿@charset "utf-8";
/* CSS Document */


body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,lengend,button,input,textarea,th,td,table,a,em,span,img{margin:0px;padding:0px;}
body,button,input,select,textarea{font:12px/1.5 Tahoma, Geneva, sans-serif; color:#303030;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4,h5,h6,select{font-size:100%;}
address,cite,dfn,em,var,i{font-style:normal;}
code,kbd,pre,samp,tt{font-family: "Courier New",Courier,monospace;}
small{font-size:12px;}
ul{list-style:none;}
li{ overflow:hidden}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
q:before,q:after{content:'';}
legend{color:#000;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
hr{border:none;height:1px;}
html{overflow-y:scroll;}
.focus{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.floatl{ float:left;}
.floatr{ float:right;}
.textr{ text-align:right;}
button{cursor:pointer;}
a:link,a:visited{text-decoration:none; color:#303030;}
a:hover,a:active{text-decoration:none; color:#F00;}

body{ background-attachment:fixed;background:#ffffcc; }

.center{ width:1002px; margin:0 auto;}
/*头部*/
.top{ width:1002px; height:81px; }
.logo a{ background:url(/skins/images/logo.png) no-repeat 10% 50%; width:400px; height:81px; display:block; text-indent:-999em;}
.hkey{font-size:12px;font-weight:normal;text-align:right;padding-bottom:5px;}
/*搜索*/
.search{font-size:14px; padding-top:10px; padding-right:35px; }
.search div{float:left;line-height:24px; height:24px;}
#search{ background:url(/skins/images/search.gif) no-repeat  left 50%; width:57px; height:21px;padding-top:1px; }
.search input{background:#ccffcc; height:22px;border:1px #669966 solid; width:215px;}
.search button{ width:57px; height:24px;background:url(/skins/images/search.jpg) no-repeat;border:1px #669966 solid; border-left:none;}
/*头部导航*/
.nav-top{ width:1002px; height:42px; background:url(/skins/images/nav-top.jpg) repeat-x bottom;}
.nav-top div{ padding-right:15px;width:800px;}
.nav-top h3{ font-weight:normal;}
.nav-top a{ width:99px; height:42px; display:block; float:left; line-height:42px; text-align:center;}
.nav-top a:link,.nav-top a:visited{ background:url(/skins/images/nav1.jpg) no-repeat;color:#FFF;}
.nav-top a:hover,.nav-top a:active{ background:url(/skins/images/nav2.jpg) no-repeat;color:#FFF;}
/*横幅广告*/
.banner{ height:250px; background:#782201;}

.index{ margin-bottom:1px;}
.sidebar{ width:190px;background:#ccffcc; height:100%}
/*栏目导航*/
.categories{ width:190px;}
.categories-title{height:34px;line-height:34px;font-size:14px;padding-left:20px;color:#ffffff;}
.categories-list a{ height:26px; border-bottom:1px #ffffcc solid;line-height:26px; text-align:left;padding-left:40px; display:block; }
.categories-list a:link,.categories-list a:visited{background:#ccffcc url(/skins/images/arrow.gif) no-repeat 20px 50%;color:#303030;}
.categories-list a:hover,.categories-list a:active{background:#99cc99 url(/skins/images/arrow.gif) no-repeat 20px 50%;color:#303030;}
/*联系我们*/
.contact{ width:190px;}
.contact-title{ background:url(/skins/images/contact%20us.png) no-repeat; height:32px;}
.contact-content div{ padding:15px 15px 15px 15px;}

/*公司简介*/
.profile{ width:530px; padding-bottom:15px; padding-top:25px;}
.profile-title{ height:33px; background:url(/skins/images/profile.png) no-repeat;}
.profile-content{ height:190px;background:#ccffcc;  overflow:hidden;line-height:24px;}
.profile-content div{ padding:20px 20px 0px;}
.profile-content img{ padding-right:25px;}

/*工程案例*/
.project{ width:235px; padding-top:25px;}
.project-title{ height:33px; background:url(/skins/images/project.png) no-repeat;}
.project-list{ width:235px; height:215px;background:#ccffcc;}
.project-list div{ width:220px; height:200px; padding:7px;}
/*新闻*/
.news{ width:235px;}
.news-title{ height:32px; background:url(/skins/images/news.png) no-repeat;}
.news-list{ height:197px; background:#ccffcc;}
.news-list ul{ padding:10px 15px 0px;}
.news-list ul li{ height:27px; line-height:27px; border-bottom:1px dotted;background:url(/skins/images/dot.jpg) no-repeat 3px 50%;}
.news-list ul li a{ padding-left:10px;}
/*更多*/
.more{ width:42px; height:14px; display:inline; background:url(/skins/images/more.gif) no-repeat; margin-top:9px; margin-right:10px;}
.more2{width:34px; height:5px; display:inline; background:url(/skins/images/more2.gif) no-repeat; margin-top:14px; margin-right:10px;}

/*底部导航*/
.nav-bottom{ height:26px; line-height:26px; background:url(/skins/images/nav-bottom.jpg) repeat-x; text-align:center; color:#FFF; border-bottom: 6px #0d0d0d solid;}
.nav-bottom a{ padding:0px 5px;}
.nav-bottom a:link,.nav-bottom a:visited{color:#FFF;}
.nav-bottom a:hover,.nav-bottom a:active{color:#F00; text-decoration:underline;}
/*底部*/
.bottom{ text-align:center; line-height:24px; padding-bottom:45px; padding-top:10px; color:#444;}

.main2{ padding-bottom:40px;}
.main2-title{height:32px; background:url(/skins/images/titlebg.png) no-repeat; color:#FFF; line-height:32px; padding-left:35px; padding-right:15px; border-left:1px #FFF solid; border-top:1px #FFF solid; }
.main2-title h3{ font-weight:normal;}
.main2-title a:link,.main2-title a:visited{color:#FFF;}
.main2-title a:hover,.main2-title a:active{color:#Fff; text-decoration:underline;}
/*文本*/
.text{ padding:50px 60px 0px;}
/*友情链接*/
.links{padding:20px 30px 0px;}
.links a{margin:10px;}
/*新闻列表*/
.list{ padding:40px 70px 0px;}
.list li{ height:35px; line-height:35px; background:url(/skins/images/arrow2.gif) no-repeat 0 50%; padding-left:10px; border-bottom:1px #999 dotted; }
.list li a:hover,.list li a:active{ color:#F60;text-decoration:underline;}
.list li em{color:#999;}
/*分页*/
.page{ margin:25px 15px 0px; line-height:20px; height:20px; text-align:center;}
.page a{ display:inline; height:18px; padding:0px 5px; border:1px #dcd9d4 solid;margin:0px 2px;}
.page .current { font-weight:bold;display:inline; height:18px; padding:0px 5px; border:1px #dcd9d4 solid;margin:0px 2px;}
.type{ background:#dcd9d4; padding:0px 7px;}
#pagehome,#pageprv,#pagenext,#pageend{ display:none;}
/*搜索*/
.search2{ width:190px;}
.search2-title{ height:32px;}
.search2-content{ line-height:18px;}
.search2-content div{ padding:25px 14px 15px 15px;}
.search2-content form{  width:140px;}
.select {border:1px #dbdfe6 solid;overflow:hidden; display:inline-block; }
.select select {margin:-1px;width:140px; padding:3px 0px;}
.search2-content input{ width:138px; margin-top:4px; height:18px; border:1px #dbdfe6 solid;}
.search2-content button{ background: url(/skins/images/search2.gif) no-repeat left top; width:52px; height:20px; border:none; margin-top:5px;}
/*图片列表*/
.picture{ padding:20px 10px 0px;}
.picture li{ float:left; background:url(/skins/images/border.gif) no-repeat; width:242px; height:352px; margin:13px 7px;text-align:center; display:inline; }
.picture li a:link,.picture li a:visited{ color:#3d2500;}
.picture li a:hover,.picture li a:active{ color:#F00;}
.picture1{ width:220px; height:300px; display:block; padding:10px;}
/*招聘列表*/
.job{ padding-top:27px; padding-left:22px; padding-right:20px;}
.job li{height:35px; line-height:35px;}
.job-title{ height:35px;  border-bottom:2px #e8e8e8 solid;  }
.job-list{ border-bottom:2px #e8e8e8 solid;}
.job-list li a:link,.job-list li a:visited{ }
.job-list li a:hover,.job-list li a:active{ color:#F00; text-decoration:underline;}
.job1{ float:left; padding-left:10px;}
.job2{ float:right; width:50px;}
.job3{ float:right; width:90px;}
.job4{ float:right; width:130px;}
/*投诉建议*/
.message{ padding:50px 50px 0px;}
.message span{ width:60px; text-align:right; line-height:20px; height:30px;}
.message p{ padding:5px 0px;}
.message input{width:300px;border:solid 1px #cccccc; height:20px; line-height:20px;}
.message textarea{ width:300px; height:100px; border:solid 1px #cccccc;}
.message button{ margin:10px 10px 0px; width:40px; height:20px;border:solid 1px #cccccc; line-height:20px; text-align:center; background:#FFF;}
/*下载列表*/
.download{ padding:40px 70px 0px;}
.download li{ height:35px; line-height:35px; background:url(/skins/images/dot.jpg) no-repeat 0 50%; padding-left:10px; border-bottom:1px #999 dotted; }
.download li a:hover,.download li a:active{ color:#F60;text-decoration:underline;}
.download li em{color:#999;}

/*新闻内容页*/
.content{padding:50px 70px 0px}
.content1{ text-align:center; padding-bottom:10px; font-size:22px;}
.content2{ text-align:center; border:1px #e8e8e8 solid; height:30px; line-height:30px; margin-bottom:20px;}
.content3{line-height:24px;}
/*图片内容页*/
.photo{ padding:40px 20px 0px;}
.photo-around{ padding:10px; border:1px #dddddd solid; background:#f0f0f0;}
.photo-top{ border:1px #dddddd solid; margin-bottom:10px; background:#fff; text-align:center; padding:15px 0px;}
.photo-bottom{border:1px #dddddd solid; background:#fff; padding:10px 0;}
.photo-bottom h4{ font-size:20px; padding-bottom:20px;}
.photo-bottom img{ max-width:940px;
  /* sets max-width for IE */
  _width:expression(document.body.clientWidth > 940 ? "940px" : "auto");
}
/*招聘内容页*/
.jobs{ padding:30px 30px 0px; line-height:24px;}
.jobs div{ margin-bottom:20px;}
.jobs-require div{ margin-bottom:0px; background:url(/skins/images/arrow3.gif) no-repeat 60px;}
.jobs-require p{ border-bottom:1px #dddddd solid; border-top:1px #dddddd solid; padding:5px 0px;}
.employment-list span{ width:70px; text-align:right; line-height:20px; height:30px;}
.employment-list p{ padding:5px 0px;}
.employment-list input{width:300px;border:solid 1px #cccccc; height:20px; line-height:20px;}
.employment-list textarea{ width:300px; height:100px; border:solid 1px #cccccc;}
.employment-list button{ margin:10px 10px 0px; width:40px; height:20px;border:solid 1px #cccccc; line-height:20px; text-align:center; background:#FFF;}
/*下载内容页*/
.introduction{ padding:40px 40px 0px;}
.introduction h5{ margin:20px 0px; padding:20px; border:1px #ddeeff solid;}

#categories{ background:url(/skins/images/categories.png);}
#navigation{ background:url(/skins/images/navigation.png);}
#search2{ background:url(/skins/images/search.png);}
#search3{ background:url(/skins/images/search2.png);}
.friend{padding:6px 10px;line-height:24px;}
.friend a{padding:0 8px; }
.friend a:hover{text-decoration:underline;}
 /*产品展示*/
.prodoucts{ width:530px;}
.prodoucts-title{height:33px; background:url(/skins/images/products.png) no-repeat;}
.prodoucts-list{ height:205px;background:#ccffcc; width:530px;}
/*.prodoucts-center{overflow:hidden; height:170px;}
.prodoucts-list ul li{ width:120px; height:160px; margin:12px 3px 13px; display:inline;}
.prodoucts-list ul li a{border:5px #FFF solid; display:block; width:110px; height:150px;}
.up{ background:url(/skins/images/leftbotton.png) no-repeat 50% 50%; width:13px; height:35px; padding:75px 0px;}
.down{ background:url(/skins/images/rightbotton.png) no-repeat 50% 50%; width:13px; height:35px; padding:75px 0px;}
*/
.demo {overflow:hidden; width:530px; margin:0 auto; text-align:center;}
.demo .picture{  width:120px; height:160px; padding-right:10px; float:left;text-align:center;}
.demo .picture a img{border:5px #FFF solid; background:#fff;}
.demo .picture a:hover img{ border-color:#ccc; }
.demo .picture a span{line-height:26px; color:#555;}
.indemo {float: left;width: 800%;}
.demo1 {float: left;}
.demo2 {float: left;}
