@charset "gb2312";
/* CSS Document */
/*全局样式*/
body {font-size:12px; font-family:"宋体"; background:url(../img/body-bg.jpg) repeat-x left top #fff; color:#000;}
body, form, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, p {margin:0; padding:0; }
ul,li {list-style:none;}
img{margin:0px; border:0; padding:0px;}
a {color:#000; text-decoration: none; }
a:hover {color:#000; text-decoration: none; }
.clear {clear:both;}
table{border-collapse:collapse;border-spacing:0;}
/*头部样式*/
.main{ width:964px; height:auto; margin:auto;}
.top{ width:964px; height:164px; float:left;}
.top .logo{ width:370px; height:96px; float:left; display:block; padding-top:36px;}
.logo img{ display:block;}
.top .top-word{ width:370px; height:30px; float:left; padding-top:100px; padding-left:220px; text-align:right;}
.top .top-word ul{ float:right; margin:0px; padding:0px;}
.top .top-word li{ width:290px; height:20px; padding-top:60px; float:left; text-align:right; padding-right:10px;}


/*导航*/

.dh{ height:33px; padding-left:104px;width:800px; padding-top:1px; float:left}
.dh ul{  padding:0px; margin:0px; clear:left;}
.dh ul li { height:33px; width:123px;line-height:33px; font-size:14px; font-family:"微软雅黑"; color:#FFFFFF; text-align:center; padding:0px; margin:0px; float:left;background-image:url(../img/dh.jpg); display:block; font-weight:bold;}
.dh ul li a{ height:33px; width:123px;line-height:33px; font-size:14px; font-family:"微软雅黑"; color:#FFFFFF; text-align:center; padding:0px; margin:0px; float:left; }
.dh li a:link{ background-image:url(../img/dh.jpg); text-align:center; font-weight:bold; text-decoration: none; height:33px; width:123px; line-height:33px; float:left; padding:0px; margin:0px; font-family:"微软雅黑";  font-size:14px;font-weight:bold}
.dh li a:visited{ background-image:url(../img/dh.jpg); text-align:center; font-weight:bold; text-decoration: none; height:33px; width:123px; line-height:33px; float:left; padding:0px; margin:0px; font-family:"微软雅黑";  font-size:14px;font-weight:bold}
.dh li a:hover{ background-image:url(../img/dh1.jpg); text-align:center; font-weight:bold; text-decoration: none; height:33px; width:123px; line-height:33px; float:left; padding:0px; margin:0px; font-family:"微软雅黑";  font-size:14px;font-weight:bold; }



.imgshow{ width:963px; height:372px; padding-top:20px; float:left;}
/*主体左边*/
.left-box{ width:267px; height:750px; padding-top:1px; overflow:hidden; float:left; clear:both;}
.left-box-up{ width:263px; height:332px; float:left;}
.up-tit{ width:243px; height:29px; background-image:url(../img/small-tit-bg.jpg); color:#FFF; padding-left:20px; line-height:29px; letter-spacing:2px; float:left;}
.up-tit a{ color:#FFF}
.up-nr{ width:258px; height:303px; border:2px solid #e1e1e1; letter-spacing:2px;font-size:14px; float:left;}
.up-nr li{ width:218px; height:25px; padding-left:40px; padding-top:18px; background-image:url(../img/cpfl-bg.jpg); float:left;}


.mid-box{ width:267px; height:200px; padding-top:15px; float:left;}
.mid-nr{ width:258px; height:171px; border:2px solid #e1e1e1; background:#FFF; letter-spacing:1px; float:left}
.mid-nr-list{ margin-top:10px; height:130px; width:258px; float:left;}
.mid-nr li{ width:233px; height:20px; background-image:url(../img/xwdt-bg.jpg); padding-left:25px; float:left; line-height:20px;}
.mid-more{ width:260px; height:20px; padding-top:10px; float:left;}
.mid-more img{ padding-left:190px;}

.down-box{ width:267px; height:200px; padding-top:10px;float:left;}
.down-tit{ width:243px; height:29px; background-image:url(../img/lxwm-tit-bg.jpg); color:#FFF; padding-left:20px; line-height:29px; letter-spacing:2px; float:left;}
.down-tit a{ color:#FFF} 
.down-nr{ width:263px; height:194px; background:url(../img/lxwmimg.jpg);}
.down-nr li{ width:230px; height:30px; line-height:30px; padding-left:20px; float:left;}

/*主体右边*/
.zj{ height:auto; width:100%; float:left; background-color:#FFFFFF; padding-top:5px;}
.right-box{ width:684px; height:760px;; padding-left:10px; padding-top:1px; margin-top:0px;  float:left;}
.jcpj-box{ width:684px; height:161px; float:left;background-color:#FFF; border-bottom:1px solid #e6e6e6;}
.jcpj-tit{ width:664px; height:29px; float:left; background-image:url(../img/bit-tit-bg.jpg); line-height:29px; color:#FFF; letter-spacing:4px; padding-left:20px;}
.jcpj-tit a{ color:#FFF}
.jcpj-cont{ width:684px; height:132px; float:left;}
.jcpj-cont li{ float:left; padding:5px;}


.gywm-box{ width:684px; height:215px; padding-top:5px; background-color:#FFF; float:left;}
.gywm-tit{ width:664px; height:29px; padding-left:20px; padding-top:0px; color:#FFF; letter-spacing:3px; line-height:29px;  background-image:url(../img/gywm-big-bit.jpg); float:left;}
.gywm-tit a{ color:#FFF}

.gywm-cont-left{ width:234px; height:176px; padding:5px; padding-left:5px; float:left;}
.gywm-cont-left img{ display:block;}
.gywm-cont-right{ width:390px; height:156px; line-height:25px; letter-spacing:1px; float:left; padding:5px; padding-left:10px; padding-top:10px; text-indent:30px; }
.gywm-cont-right p{ text-indent:20px; line-height:25px; letter-spacing:1px;}
.gywm-more{ width:390px; height:9px; float:left; }
.gywm-more img{ float:right;}

.cpzx-box{ width:684px; height:372px; padding-top:0px; float:left; background-color:#FFF;}
.cpzx-tit{ width:664px; height:29px; padding-left:20px; color:#FFF; letter-spacing:3px; line-height:29px; background-image:url(../img/bit-tit-bg.jpg);}
.cpzx-tit{ font-size:12px;}
.cpzx-tit a{ color:#FFFFFF;}
.cpzx-cont{ width:674px; height:340px;}
.cpzx-cont li{ float:left; width:133px; padding:15px;}
.cpzx-cont li img{ display:block; border:0px; padding:0px; margin:0px;}
.cpzx-cont p{ width:133px; height:40px; line-height:40px; text-align:center; float:left; display:inline;}

/*尾部开始*/
.foot{ width:965px; height:80px; float:left;}
.foot-tit{ width:965px; height:29px; background-image:url(../img/footimg.jpg); float:left;}
.foot-cont{ width:965px; height:50px; float:left; } 
.foot-cont-up{ width:965px; height:25px; line-height:25px; float:left;}
.foot-cont-up ul{ width:730px; float:left; padding-left:260px;}
.foot-cont-up li{ float:left; padding-left:15px;}

.foot-cont-down{ width:965px; height:25px; line-height:25px; float:left;}
.foot-cont-down ul{ width:760px; float:left; padding-left:170px; display:inline;}
.foot-cont-down li{ float:left; padding-left:15px; display:inline;}
/*尾部结束*/


/*新闻动态页面开始*/
.new-left-box{width:267px; height:550px; padding-top:1px; overflow:hidden; float:left; clear:both;}
.new-right-box{ width:684px; height:545px; padding-left:10px; padding-top:1px; margin-top:0px; background-color:#FFF;  float:left;}
.new-right-box ul{ margin:0px; padding:0px; padding-left:20px; padding-top:30px; float:left;}
.new-right-box li{ width:600px; height:40px; float:left; line-height:40px; padding-left:0px; letter-spacing:2px; border-bottom:1px dashed #666;}

.new-nr{ width:630px; height:480px; float:left;}
/*新闻动态页面结束*/

/*产品中心页面开始*/
.product-right-box{ width:684px; height:600px; padding-left:10px; padding-top:1px; margin-top:0px; background-color:#FFF;  float:left;}
.product-right-box li{float:left; width:160px; height:160px; padding:5px;}
.product-right-box samp{ width:100%;height:20px; line-height:20px; text-align:center; float:left;}
.pro-page{ width:70%; padding-left:30%; height:25px; float:left; line-height:25px; text-align:center;}
.pro-page li{ height:25px;}
/*产品中心页面结束*/

/*联系我们 && 公司简介*/
.lxwm-box{ width:684px; height:543px; background-color:#FFF; float:left;}
.lxwm-tit{ width:650px; height:25px; padding-left:20px; padding-top:30px; font-size:12px; border-bottom:1px solid red;}
.lxwm-cont{ width:500px; height:340px; float:left; padding-left:150px; padding-top:150px;}
.lxwm-cont li{ width:500px; height:40px; font-size:14px; letter-spacing:2px; font-weight:bold;}
.gsjj-wrap{ width:683px; height:500px; padding-top:20px; float:left;}
.gsjj-img{ width:400px;height:275px; float:left; padding-left:150px; padding-top:20px;}
.gsjj-nr{ width:630px; height:auto; padding-top:20px; padding-left:20px; text-indent:20px; line-height:25px; letter-spacing:1px; float:left;}

/*在线留言*/
.zxly-wrap{ width:650px; height:auto; padding-left:20px; float:left;}
.zxly-up{ width:650px; height:80px; float:left;}
.zxly-up img{ padding-top:25px;}
.zxly-mid{ width:650px; height:auto; border-bottom:1px solid #666; border-top:1px solid #666; float:left;}
.zxly-mid p{ color:red; width:650px; height:auto; padding-top:15px; line-height:20px;}
.page-box{ width:650px; height:50px; float:left; background-color:ff9; }
.page-box p{ text-align:center; line-height:50px; }

/*内容展示页面*/
.article{ width:680px; height:auto; float:left;}
.article-tit{ width:650px; height:50px; float:left; line-height:50px; text-align:center;}
.article-cont{ width:650px; height:auto; float:left; line-height:25px; text-indent:20px; padding-left:10px; letter-spacing:1px;}
.article-page{ width:650px; height:auto; float:left; line-height:25px; letter-spacing:0px; padding-left:20px;}

/*特效*/
#banner {position:relative; width:963px; height:372px; border:1px solid #666; overflow:hidden;}
#banner_list img {border:0px;}
#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; }
#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}
#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
			margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;} <!-- 让四张图片都可以重叠在一起-->


/*分页*/
.pageinfo {FONT-SIZE: 10pt; COLOR: #000; TEXT-ALIGN:center; height:30px; line-height:30px;background-color:red; float:left;}
.pageinfo li{list-style:none; display:inline; height:30px; padding:0 5px; float:none; border:0; width:auto;}
.pageinfoli A {MARGIN: 2px; COLOR: #000; TEXT-DECORATION: none}
.pageinfo li A:hover A:active{COLOR: #000;}








