/* 基本样式 */


/*页面主体*/
#header { margin: 0 auto; width: 980px; height: 137px; margin-top: 5px; }
#main { margin: 0 auto; width: 980px; height: auto; line-height: 23px; margin-top: 10px; }
#main .ad-box,#dvFlsGgo { margin-top: -9px; }
/*头部*/
#header .top .logo { width: 158px; height: 92px; background: url(../images/logo.png) no-repeat; float: left; margin-bottom: 10px; }
#header .top div { float: left; width: auto; overflow: hidden; }
#header .top div.company { font-size: 32px; font-family: "黑体"; font-weight: bold; color: #6E6E6E; padding-top: 10px; letter-spacing: -1px; margin-left: 5px; }
#header .top .search-box { float: right; margin-top: -26px; height: 25px; overflow: hidden; }
#header .top .search-box input { color: #CCC; }
#header .top .search-bt { background: url(../images/search.png) no-repeat 0px 2px; width: 48px; height: 24px; margin-left: 3px; border: 0px; cursor: pointer; }
#header .top .right{ float:right; width:auto; text-align:right; margin-top:10px;}
#header .top .right span.tel{ display:block; width:auto; height:20px; background:url(../images/tel.png) no-repeat left; padding-left:30px; font-family:Georgia; font-size:16px; font-weight:bold; color:red; line-height:35px; margin-top:30px;} 
/*导航*/
#header .nav { margin-top: 10px; width: 100%; height: 40px; background-color: #174971; position: absolute; z-index: 2; left: 0px; top: 92px; text-align: center; }
#header .nav ul { display: block; width: 980px; height: 40px; margin: 0 auto; border-left: 1px solid #FFF; border-right: 1px solid #FFF; overflow: hidden; }
#header .nav ul li { display: block; float: left; font-size: 14px; width: auto; height: auto; color: #FFF; margin: 0px; background: url(../images/navbg_fgx.png) no-repeat left; font-weight: bold; }
#header .nav ul li:first-child { background: none; }
#header .nav ul li a { display: inline-block; color: #FFF; line-height: 40px; width: 139px; height: 40px; margin-left: 1px; font-weight: bold; text-align: center; }
#header .nav ul li a:hover, #header .nav ul li a.select { color: #FF0; background: url(../images/navbg_sl.png) repeat-x; }
/*首页*/
#main .left { width: 238px; float: left; min-height:860px; overflow:hidden; }
#main .left .left-content { margin-top: 15px; }
#main .left .left-content div { width: 203px; margin-right: 12px; float: left; }
{
}
#main .left .left-content .produt a { display: block; padding-left: 40px; background: url(../images/new.gif) no-repeat 0px 5px; line-height: 23px; }

#main .left .pro-sort { }
#main .left .pro-sort .top { width: 238; height: 42px; background: url(../images/pro_sortbg.jpg) no-repeat; }
#main .left .pro-sort .sort-list { }
#main .left .pro-sort .sort-list h3{ width:auto; background-color:#F4F2F2; padding:3px; padding-left:25px; border-bottom:1px solid #D6D3D3; border-top:1px solid #F6F6F6; font-size:12px; cursor:pointer; }
#main .left .pro-sort .sort-list h3.select{ background-color:#999999; color:#FFF; border-bottom:1px solid #FFF;}
#main .left .pro-sort p{ display:block; height:auto; overflow: hidden;}
#main .left .pro-sort p a{ display:block;padding:4px 0px 4px 25px; line-height:22px; background-color:#F9F9F9; border-bottom: 1px solid #FFF; }
#main .left .pro-sort p a:hover,#main .left .pro-sort p a.select{ background-color:#999; color:#FFF;} 

#main .right { width: 725px; float: right; }
#main .right .about{ height:300px; width:auto; background:url(../images/about_bg.png) no-repeat left; padding-left:200px;}
#main .right .about .top{ border-bottom:1px solid #999; text-align:right; font-size:13px; font-weight:bold;}
#main .right .about .about-intro{ padding-top:10px;}
#main .right .product{}
#main .right .product .top{  width:auto; height:30px; background:url(../images/tubiao.gif) no-repeat 10px;background-color:#174971; padding-left:30px; color:white; line-height:30px; font-weight:bold;}
#main .right .product .pro-list{}
#main .right .product .pro-list div{width:200px; height:200px; float:left; margin:20px; margin-bottom:10px; text-align:center; }
#main .right .product .pro-list span{ display:block; width:inherit; height:150px; padding:4px; margin-bottom:15px; border:1px solid #9D9D9D; opacity:0.6;filter: alpha(opacity=60); border-radius:5px;}
#main .right .product .pro-list span:hover{border:1px solid #818181; opacity:1;filter: alpha(opacity=100);}


#main .right .new { }
#main .right .news .title { padding-left: 22px; background: url(../images/mofang.gif) no-repeat 0px 3px; font-size: 16px; font-weight: bold; }
#main .right .news .title span { font-size: 12px; color: #F57722; font-weight: 100; margin-left: 5px; }
#main .right .news .title .more { float: right; margin-top: 10px; }
#main .right .news a { display: block; background: url(../images/fk.gif) no-repeat 0px 10px; padding-left: 15px; line-height: 24px; }
/*页尾*/
#footer { width: 100%; text-align: center; margin-top: 10px; background-color:#E4E7E6; padding:20px 0px 30px 0px; font-family:Arial; }
#footer .copyright { border-top: 5px solid #A8A8A8; margin-top: 10px; height: 115px; width: 100%; background-color: #F3F3F3; padding-top: 20px; line-height: 23px; }
/*分页*/
#pages { width: 100%; height: 30px; overflow: hidden; line-height: 23px; margin: 5px; margin-top: 10px; text-align: right; float: right; }
#pages a, #pages span { display:block; margin: 3px; width:18px; height:18px; display:inline-block; padding:2px; background-color:#EFEFEF; color:#B6A5A5; text-align:center; line-height:18px; border-radius:12px; }
#pages a:hover { background-color:#666; color:#FFF}
#pages .page_visited { color: #F00; font-weight: bold; }
/*about*/
.about .about-left { width: 170px; float: left; height: auto; border-right: 1px solid #999; border-top: 1px solid #CCC; position: relative; min-height: 530px; }
.about .about-menu { letter-spacing: 5px; }
.about .dzui { position: absolute; top: 20px; right: -5px; height: 50px; width: 5px; background-color: #000; }
.about .about-menu h3 { letter-spacing: 1px; border-bottom: 2px solid #000; margin-right: 20px; margin-top: 0px; padding-top: 12px; padding-right: 10px; text-align: right; }
.about .about-menu a { display: block; line-height: 25px; border-bottom: 1px solid #999; margin-right: 20px; text-align: right; padding-right: 10px; padding-top: 10px; }
.about .about-menu a:hover { background-color: #2B2B2B; color: #FFF; }
.about .about-menu a span { display: none; }
.about .about-menu a.select { font-weight: bold; }
.about .about-menu a.select span { color: #F90; display: inline; }
.about .about-right { width: 705px; float: right; }
.about .about-right .title { width: auto; background: url(../images/title_bg.png) repeat-x; height: 24px; border: 1px solid #333; }
.about .about-right .title span { display: block; width: auto; height: 22px; border: 1px solid #FFF; padding-left: 10px; line-height: 22px; font-weight: bold; }
/*news*/
.news .news-left { width: 170px; float: left; height: auto; border-right: 1px solid #999; border-top: 1px solid #CCC; position: relative; min-height: 530px; }
.news .news-menu { letter-spacing: 5px; }
.news .dzui { position: absolute; top: 20px; right: -5px; height: 50px; width: 5px; background-color: #000; }
.news .news-menu h3 { letter-spacing: 2px; border-bottom: 2px solid #000; margin-right: 20px; margin-top: 0px; padding-top: 12px; padding-right: 10px; text-align: right; }
.news .news-menu a { display: block; line-height: 25px; border-bottom: 1px solid #999; margin-right: 20px; text-align: right; padding-right: 10px; padding-top: 10px; }
.news .news-menu a:hover { background-color: #2B2B2B; color: #FFF; }
.news .news-menu a span { display: none; }
.news .news-menu a.select { font-weight: bold; }
.news .news-menu a.select span { color: #F90; display: inline; }
.news .news-right { width: 705px; float: right; }
.news .news-right .title { width: auto; background: url(../images/title_bg.png) repeat-x; height: 24px; border: 1px solid #333; }
.news .news-right .title span { display: block; width: auto; height: 22px; border: 1px solid #FFF; padding-left: 10px; line-height: 22px; font-weight: bold; }
.news .news-list { padding: 10px; padding-top: 5px; }
.news .news-list a { display: block; line-height: 25px; padding-top: 8px; padding-left: 15px; background: url(../images/fk.gif) no-repeat 0px 17px; border-bottom: 1px dashed #CCC; }
.news .news-list a:hover { color: #F90; }
.news .news-list a span { float: right; color: #999 }
.news .content-t { padding: 20px 0px 0px 0px; line-height: 35px; border-bottom: 1px dashed #A0A0A0; margin-bottom: 20px; }
/*product*/
.product .product-left { width: 170px; float: left; height: auto; border-right: 1px solid #999; border-top: 1px solid #CCC; position: relative; min-height: 530px; }
.product .product-menu { letter-spacing: 5px; }
.product .dzui { position: absolute; top: 20px; right: -5px; height: 50px; width: 5px; background-color: #000; }
.product .product-menu h3 { letter-spacing: 1px; border-bottom: 2px solid #000; margin-right: 20px; margin-top: 0px; padding-top: 12px; padding-right: 5px; text-align: right; }
.product .product-menu a { display: block; line-height: 25px; border-bottom: 1px solid #999; margin-right: 20px; text-align: right; padding-right: 10px; padding-top: 10px; }
.product .product-menu a:hover { background-color: #2B2B2B; color: #FFF; }
.product .product-menu a span { display: none; }
.product .product-menu a.select { font-weight: bold; }
.product .product-menu a.select span { color: #F90; display: inline; }
.product .product-right { width: 705px; _width: 705px; float: right; _overflow: hidden }
.product .product-right .title { width: auto; background: url(../images/title_bg.png) repeat-x; height: 24px; border: 1px solid #333; }
.product .product-right .title span { display: block; width: auto; height: 22px; border: 1px solid #FFF; padding-left: 10px; line-height: 22px; font-weight: bold; }
.product-sort { margin-top: 30px; letter-spacing: 2px; }
.product-sort h3 { background-color: #F60; padding: 5px 10px 5px 10px; color: #FFF; }
.product-sort a { display: block; border-bottom: 1px solid #D4D4D4; border-top: 1px solid #F5F5F5; padding-top: 5px; padding-left: 28px; background-color: #E4E4E4; }
.product-sort a span { display: none; }
.product-sort a:hover { background-color: #333; color: #FFF; }
.product-sort p { padding-left: 10px; }
.product .product-list { width: 730px; }
.product .product-list span { display: block; line-height: 25px; }
.product .product-list span.sort-n { padding-left: 40px; background: url(../images/new.gif) no-repeat 0px 8px; }
.product .product-list span.pro-t { text-align: center; }
.product .product-list div { width: 106px; height: 150px; float: left; overflow: hidden; margin-top: 15px; margin-left: 15px; margin-right: 20px; }
.product .product-list .v-center { display: block; padding: 2px; width: 100px; height: 100px; border: 1px solid #E4E4E4; text-align: center; border-radius: 5px; }
.product .product-list .v-center:hover { border: 1px solid #F60; }
.product .product-right .propic { width: auto; text-align: center; padding: 10px; }
.product .product-right .pro-info { margin-top: 5px; }
.product .product-right .propic img { max-width: 705px; }
.product .product-right .pro-intro-t { border-bottom: 1px solid #999; margin-top: 20px; }
.product .product-right .pro-intro-t span { display: inline-block; padding: 0px 30px 0px 30px; margin-left: 20px; background-color: #333; color: #FFF; }
/*project*/
.project .project-left { width: 170px; float: left; height: auto; border-right: 1px solid #999; border-top: 1px solid #CCC; position: relative; min-height: 530px; }
.project .project-menu { letter-spacing: 5px; }
.project .dzui { position: absolute; top: 20px; right: -5px; height: 50px; width: 5px; background-color: #000; }
.project .project-menu h3 { letter-spacing: 2px; border-bottom: 2px solid #000; margin-right: 20px; margin-top: 0px; padding-top: 12px; padding-right: 10px; text-align: right; }
.project .project-menu a { display: block; line-height: 25px; border-bottom: 1px solid #999; margin-right: 20px; text-align: right; padding-right: 10px; padding-top: 10px; }
.project .project-menu a:hover { background-color: #2B2B2B; color: #FFF; }
.project .project-menu a span { display: none; }
.project .project-menu a.select { font-weight: bold; }
.project .project-menu a.select span { color: #F90; display: inline; }
.project .project-right { width: 705px; float: right; }
.project .project-right .title { width: auto; background: url(../images/title_bg.png) repeat-x; height: 24px; border: 1px solid #333; }
.project .project-right .title span { display: block; width: auto; height: 22px; border: 1px solid #FFF; padding-left: 10px; line-height: 22px; font-weight: bold; }
.project .project-list { padding: 10px; padding-top: 5px; }
.project .project-list a { display: block; line-height: 20px; *padding-bottom:10px;
height: auto; overflow: hidden; padding-top: 8px; padding-left: 15px; border-bottom: 1px dotted #E8E8E8; }
.project .project-list a:hover { color: #F90; }
.project .project-list h3 { width: auto; border-bottom: 0px; border: 0px; margin-top: -1px; }
.project .project-list img { float: left; margin: 0px 15px 10px 0px; }
.project .content-t { padding: 20px 0px 10px 0px; line-height: 35px; border-bottom: 1px dashed #A0A0A0; margin-bottom: 20px; }