@charset "gb2312";
/* CSS Document */

body{ width:100%; font-family:Arial,sans-serif; font-size:14px; color:#777; background:url(../images/bg_body.jpg) repeat-x #fff; overflow-x:hidden;}
*{ margin:0; padding:0; border:0; list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
a{ color:#777; text-decoration:none;}
a:hover{ color:#7fbe3c;}
.mt{ margin-top:12px;}
.green{ color:#7fbe3c;}
.clear{ clear:both;}

/*header*/
.header{margin:0 auto; position:relative; width:1419px; left:50%; margin-left:-709px; height:197px;}
h1{ height:151px;}
.nav{ margin:0 auto; width:1000px; height:46px;}
.nav li{ float:left; width:166px; text-align:center; font-size:15px; font-weight:bold;}
.nav li a{ display:block; margin-top:10px!important; margin-top:5px; width:126px; height:24px; line-height:24px;}
.nav li a:hover{ display:block; width:126px; height:24px; background:url(../images/bg_nav.png) no-repeat; color:#fff;}
.nav_bg{ background:url(../images/bg_nav.png) center no-repeat; color:#fff;}

/*footer*/
.footer{ float:left; width:100%; height:80px; line-height:80px; text-align:center; font-size:16px; border-top:3px solid #21a83e; font-weight:bold;}

/* content */
.ban{ width:100%; background:#faf2e7;}
.ban img{ margin:0 auto; position:relative; width:1920px; left:50%; margin-left:-960px;}
.con{ margin:0 auto; margin-top:30px; width:1000px;}
.p01{ float:right; width:745px; line-height:27px; font-size:16px;}
.p01 span{ font-size:20px; color:#373737; font-weight:bold;}
.hot{ float:left; margin-right:26px; width:316px; font-size:18px; line-height:50px;}
.hot a{ display:block; margin-bottom:10px;}

.contact{ float:left; margin-top:25px; width:100%; height:365px; background:#fff2f2;}
.main_contact{ margin:0 auto; margin-top:20px; width:1000px;}
.cont{ float:right; width:485px; font-size:16px; line-height:34px;}
.cont span{ text-transform:uppercase; font-size:26px; border-bottom:2px solid #21a83e; line-height:40px;}

/*产品*/
.rollBox{ width:1000px;overflow:hidden; height:370px; margin-top:25px;}
.rollBox .Cont{ float:left; width:1000px; height:380px; overflow:hidden; margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{ position:relative; width:238px; height:340px; margin-right:13px; float:left; border:1px solid #bbb;}
.rollBox .Cont .pic a{ display:block; margin:10px 0 0 10px; width:218px; font-size:16px; line-height:24px;}
*+html .rollBox .Cont .pic{width:238px; height:340px; margin-right:13px; float:left; border:1px solid #bbb;}
.rollBox .Cont .pic img{ display:block; float:left; margin-bottom:5px; width:218px; height:200px;}
.rollBox .Cont .pic a p{ position:absolute; bottom:15px; left:70px; text-align:center; color:#5aac03;}
.rollBox #List1,.rollBox #List2{float:left;}

/*子页*/
.left{ float:left; margin:24px 0 15px 0; width:242px;}

.right{ float:right; padding-bottom:5px; margin:15px 0; width:725px; min-height:640px; border:1px solid #dedede;}
.tab_right{ width:725px; height:42px; border-bottom:1px dotted #dcdcdc;}
.tab_right p{ float:left; margin:8px 0 0 13px; padding-left:28px; height:26px; font-size:20px; background:url(../images/bg_tab_right.jpg) left no-repeat; text-transform:uppercase;}
.tab_right span{ float:right; margin:15px 10px 0 0; font-size:12px;}
.nei{ margin:10px auto; width:680px;}
.nei p{ line-height:30px;}
.nei li{ float:left; width:680px; height:40px; line-height:40px; border-bottom:1px dotted #ddd; font-size:14px;}
.nei li a{ display:block; float:left; padding-left:20px; width:580px; background:url(../images/bg_a.jpg) left no-repeat;}
.nei li span{ float:right;}
.nei .ul01 li{ float:left; margin-bottom:15px; width:226px; height:220px;}
.nei .ul01 li a{ float:left; padding:0; background:none; width:226px; text-align:center; line-height:18px;}
.nei .ul01 li img{ width:205px; height:150px; padding:3px; border:1px solid #ddd;}
.page{ margin:0 auto; line-height:50px; clear:both; text-align:center;}
h2{ text-align:center; font-size:22px;}
.liulan{ display:block; margin:5px auto; text-align:center; border-bottom:1px dotted #000; line-height:20px;}


/* 产品分类菜单 */
.left_nav{ margin-top:40px; width:240px; height:auto; background:#fff; border:1px solid #CDCDCD;}
.left_nav dl dd{ width:218px; height:29px; position:relative; font-size:14px;}
.left_nav dl dd a.nav_left{width:230px; height:29px; line-height:29px; background:url(../images/left_nav_dt_bg.png) no-repeat 225px center; padding-left:10px; display:block; border-bottom:1px solid #ddd;color:#3C4347; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
 .left_nav dl dd a.nav_left:hover{width:230px; background:url(../images/left_nav_dt_bg2.png) no-repeat 225px center #7fbe3c; color:#fff;}
.left_nav dl dd .nav_right{ width:220px; height:auto; overflow:hidden; position:absolute; left:240px; top:0px; padding:0px 5px 5px 5px; background:#fff; display:none; border:1px solid #ccc;}
.left_nav dl dd .nav_right a{ width:190px;height:30px; line-height:30px; text-align:left; color:#666; padding-left:30px; background:url(../images/nav_right_bg.png) no-repeat 10px center; display:block; float:left; margin-top:5px; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd .nav_right a:hover{ width:190px;height:30px; line-height:30px; text-align:left; color:#fff;padding-left:30px; background:url(../images/nav_right_bg2.png) no-repeat 10px center #7fbe3c; text-decoration:none;}