﻿/**首页头部与底部**/
#header,#nav,#banner,#foot,#maincontent,#newsproduct_box,#wrapper,#copyright{width:1000px; margin:0px auto;}
#header_wrap{height:81px; width:100%;background:url(../img/headdi.jpg) repeat-x;}
#header{height:81px}
#logo{ float:left; width:450px;}
#right{float:right; width:500px; text-align:right; padding-top:32px}
#banner{ background:url(../img/bannerdown.png) bottom; height:301px}
#maincontent{ height:262px;}
#maincontent_a{float:left; width:285px; height:240px; padding-top:8px; background:url(../img/leftdi.gif)}
#maincontent_b{float:left; width:430px; height:240px; padding-top:8px; background:url(../img/middledi.gif); margin-left:10px}
.indextitle{background:url(../img/jt.gif) no-repeat 0px 50%; font-size:14px; font-weight:bold; padding-left:20px; line-height:30px; margin-left:15px}
.producttitle{background:url(../img/proline.gif) no-repeat center bottom; height:36px;}
.producttitle_1{background:url(../img/jt2.gif) no-repeat 16px 50%; font-size:14px; font-weight:bold; padding-left:36px; line-height:36px;float:left; width:200px}
.producttitle_2{float:right; width:300px; text-align:right; padding-right:15px; padding-top:8px}
.sbbox{ padding-left:16px; padding-top:4px}
.indexabout{ line-height:22px; padding-top:5px; margin-left:1px; margin-right:3px; border-top:1px solid #e2e2e2; padding-left:15px; padding-right:15px; padding-top:8px; font-size:14px; line-height:180%}
.indexabout p{ padding-top:6px}
.indexabout dt{ text-align:right; font-size:12px}
.newslist{ padding:0; margin:0; padding-left:16px; padding-top:8px}
.newslist li{ background:url(../img/newsjt.gif) no-repeat 2px 50%; line-height:27px; padding-left:13px;}
#maincontent_c{float:right; width:265px; height:240px; padding-top:8px; background:url(../img/rightdi.gif)}
#newsproduct_box{ height:250px; background:url(../img/productdi.gif) no-repeat left top; padding-top:8px}
.hotproduct{ width:975px; margin:0px auto; height:170px; padding-top:15px}
.hotproduct li{float:left; width:195px;text-align:center;}
.hotproduct img{width:175px; height:140px; border:0}
.hotproduct dt{ text-align:center; padding-top:5px}
#foot_wrap{ background: url(../img/footdi.gif) repeat-x top; width:100%;height:210px;color:#ffffff;}
#copyright_wrap{border-top:1px solid #868488; height:35px;}
#copyright{ line-height:35px;height:35px;}
#copyright_left{float:left; width:480px;}
#copyright_right{float:right; width:480px; text-align:right}
#foot_wrap a{ color:#ffffff;}
#foot{ height:150px; padding-top:20px}
#foot_left{ float:left; width:265px;}
#foot_middle{ float:left; height:138px; border-left:1px solid #868488; padding-left:20px; line-height:23px; padding-right:60px}
#foot_right{ float:right; height:138px; padding-left:20px; border-left:1px solid #868488;line-height:23px;}
/**导航菜单**/
#nav_box{ background:url(../img/menudi.png) repeat-x top; height:58px; width:100%}
#nav{ height:47px; line-height:47px; font-family:"微软雅黑"; font-weight:bold}
#nav li{ width:125px;float:left; font-size:14px; text-align:center;}
#nav a{color:#ffffff; display:block}
#nav a:hover{color:#333333}
#nav .home{ color:#333333;background:url(../img/menudion.png);}
#nav .home a{color:#333333;background:url(../img/menudion.png);}
#nav .home a:hover{color:#000000;}
/*内页*/
#wrapper{ height:auto;background:url(../img/maindi.gif); margin-bottom:15px}
#wrapper_left{float:left; width:195px; padding-left:26px; padding-bottom:25px}
#wrapper_right{ float:left; width:775px;}
.location{ background:url(../img/locationdi.gif) no-repeat center top; height:65px; padding-top:17px}
.location_a{float:left; width:300px; font-size:16px; font-weight:bold; color:#097207; padding-left:26px; line-height:40px}
.location_b{float:right; width:500px; text-align:right; line-height:42px; padding-right:25px}
.aboutimage{ padding:0; margin:0}
.leftmenu h2{ padding-left:15px; font-size:16px; line-height:35px; height:38px; padding-top:8px; color:#222222}
.leftmenu{ padding:0; margin:0;width:180px; border:1px solid #e2e2e2; background:#f1f1f1; padding-left:5px; padding-right:5px}
.leftmenu a{ padding-left:30px; display:block; color:#444444}
.leftmenu a:hover{display:block; color:#ca1414;}
.leftmenu li{ background:url(../img/leftmenudi.gif);line-height:41px; height:41px; font-size:14px;font-weight:bold;}
.leftmenu li.home{color:#ca1414;}
.leftmenu li.home a{color:#ca1414;}
.leftmenu li.home a:hover{color:#333333;}
.aboutcontent{ padding-left:25px;padding-right:22px; font-size:14px; line-height:180%;}
.aboutcontent p{ padding-top:15px;}
.newscontent{ padding-left:25px;padding-right:22px;}
.productcontent{ padding:0; margin:0}
/* 产品 */
.page_pic{ width:750px; margin:0px auto;}
.page_pic li{float:left;width:250px; height:265px; text-align:center;}
.page_pic img{width:220px; height:220px;}
.page_pic dt{ padding-top:5px; text-align:center; font-size:14px; line-height:23px}
.page_pic dt span{ font-size:12px}
.productxxcs{ text-align:center}
.productxxcs h2{font-size:24px; font-weight:normal; line-height:45px; height:50px; color:#333333}
.productxxsm{ padding-top:10px}
/* 新闻 */
.news{ padding:0; margin:0}
.news li{ background:url(../img/newsjt.gif) no-repeat 2px 50%; line-height:37px; padding-left:13px; font-size:14px; border-bottom:1px dashed #e2e2e2}
.news span{float:right; padding-right:5px; font-size:12px;}
.viewbox{ border-bottom:1px dashed #e2e2e2;}
.viewbox h2{ font-size:16px; line-height:40px; text-align:center; color:#333333;}
.info{ text-align:right; height:40px}
.content{ padding-top:15px; padding-bottom:15px; line-height:180%}
.context{border-top:1px dashed #e2e2e2; padding-top:5px; height:70px}
.context li{ line-height:25px}
/*banner*/
.banner_index{height:280px;position: relative;overflow:hidden;width: 1000px;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:100px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 1030px;float: left;}
.indexBanner_num{padding-left:480px;text-align: center;position: absolute; z-index:3; top:260px} 
.indexBanner_num a{width: 8px;height: 8px;display: inline-block;_zoom:1;background: url(../images/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 3px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}