@charset "utf-8";
#banner{ height:502px;}
.banner_box{ width:1600px; height:502px; overflow:hidden; left:-300px; top:0;}
.banner_box ul li{ width:1600px; height:502px; overflow:hidden;}
.slide{ bottom:60px; right:0; width:117px;}
.slide span#left{ cursor:pointer; background:url(../images/shape_left.png) 0 0 no-repeat; width:17px; height:16px; overflow:hidden; text-indent:-9999px; margin-right:5px;}
.slide span#right{ cursor:pointer; background:url(../images/shape_right.png) 0 0 no-repeat; width:17px; height:16px; overflow:hidden; text-indent:-9999px; margin-left:5px;}
.slide_dot{ width:72px;}
.slide_dot span{ cursor:pointer; float:left; background:url(../images/slide.png) -21px center no-repeat; width:18px; height:18px; overflow:hidden; text-indent:-9999px;}
.slide_dot span:hover,.slide_dot span.active{ background:url(../images/slide.png) 0 0 no-repeat;}
#main{margin-top:-60px; position:relative;}
.main_con{ background:url(../images/main_bg.png) 0 0 repeat-x; width:970px; padding-top:32px; padding-right:300px; margin-right:-300px;}
#left_aside{margin-top:120px; margin-left:-6px; width:36px; position:relative; z-index:5;}
/*********2014-07-08********/
#left_aside a{ display:block; padding-bottom:15px; background:url(../images/lstabg.png) left bottom no-repeat;}
#left_aside a span{display:block; width:16px; padding:15px 10px 0; text-align:center; background:url(../images/lstabg-1.png) left top no-repeat; font-size:14px; color:#fff; font-weight:bold; text-shadow:1px 1px 0 #3a3a3a; max-height:176px; line-height:16px; overflow:hidden;}
#left_aside a:hover,#left_aside a.a1{background:url(../images/lstabg2.png) left bottom no-repeat;}
#left_aside a:hover span,#left_aside a.a1 span{background:url(../images/lstabg2-1.png) left top no-repeat; text-shadow:1px 1px 0 #005900;}
/**********endif**********/

.main_content{ background:url(../images/main_bg2.png) 21px 0 repeat-y; padding-left:30px; margin-left:-30px; padding-bottom:45px;}
#section1{ background:#fff; padding-left:15px;}
#section1 .section1_box{ float:left; }
#section1 .section1_box a{ display:block;height:122px; overflow:hidden;}
#section1 a span{ display:block; color:#007f00; font-size:17px; padding-left:19px; padding-top:31px;}
#section1 a i{ display:block; font-style:normal; font-size:15px; color:#828282; text-transform:uppercase; padding-left:19px;}
#section1 a.case1{ background:url(../images/case_bg.png) 0 0 no-repeat; width:231px;}
#section1 a.case2{ background:url(../images/case_bg.png) -231px 0 no-repeat; width:241px;}
#section1 a.case3{ background:url(../images/case_bg.png) -472px 0 no-repeat; width:241px;}
#section1 a.case4{ background:url(../images/case_bg.png) right 0 no-repeat; width:241px;}
#section1 .active a.case1,#section1 a.case1:hover{ background-position:0 -123px; }
#section1 .active a.case2,#section1 a.case2:hover{ background-position:-231px -123px; }
#section1 .active a.case3,#section1 a.case3:hover{ background-position:-472px -123px; }
#section1 .active a.case4,#section1 a.case4:hover{ background-position:right -123px; }
#section1 .active a i,#section1 .active a span,#section1 a:hover i,#section1 a:hover span{color:#fff;}


#section2{ padding-top:45px; height:212px; overflow:hidden;}
.section2_left{ width:315px;}
.section2_left .tit{ height:30px; line-height:30px; overflow:hidden; padding-left:18px; background:#ebebeb; text-transform:uppercase; padding-right:27px;}
.section2_left .tit a{ color:#7c7e7e;}
.section2_left .tit a span{ font-size:15px; color:#3a3a3a; padding-right:3px;}
.news_list{ padding-left:18px; padding-top:20px;}
.news_list li{ vertical-align:top; padding-right:27px;}
.news_list li .name{ height:28px; line-height:28px; overflow:hidden; text-align:right; color:#007f00;}
.news_list li .name a{ float:left; text-align:left; width:150px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color:#535353; background:url(../images/news_icon.gif) 0 12px no-repeat; padding-left:10px;}
.news_list li .name a:hover{ color:#d90000; background:url(../images/news_icon_hover.gif) 0 12px no-repeat;}
.news_list li .li_main{ display:none; padding:10px; background:#f0f0f0; border-top:dotted 1px #cfcfcf; border-bottom:dotted 1px #cfcfcf;}
.news_list li:first-child .li_main{ display:block;}
.news_list li .li_main .date{ color:#969696; text-transform:uppercase;}
.news_list li .li_main .infor{ color:#7e7e7e; line-height:20px; height:40px; overflow:hidden;}
.news_list li:hover .name a{ color:#d90000;}

.section2_center{ width:313px;}
.section2_right .tit,.section2_center .tit{ height:30px; line-height:30px; overflow:hidden; background:#ebebeb; text-transform:uppercase;}
.section2_right .tit a,.section2_center .tit a{ color:#7c7e7e;}
.section2_right .tit a span,.section2_center .tit a span{ font-size:15px; color:#3a3a3a; padding-right:3px;}
.pro_list{ padding-top:25px;}
.pro_list li{ float:left; width:135px;}
.pro_list li:first-child{ margin-right:17px;}
.pro_list li .li1{ width:129px; height:80px; overflow:hidden; border:solid 3px #9ccd9c;}
.pro_list li .li2{ padding-top:6px; font-weight:bold; height:24px; line-height:24px; overflow:hidden;}
.pro_list li .li2 a{ color:#007f00;}
.pro_list li .li2 a:hover{ color:#333;}
.pro_list li .li3{ line-height:18px; height:36px; color:#868686; overflow:hidden;}

.section2_right .tit{ padding-right:300px; margin-right:-300px;}
.section2_right{ width:342px;}
.about{ margin-top:25px; padding-right:300px; margin-right:-300px; background:#f0f0f0; padding-left:12px; padding-top:14px; padding-bottom:15px;}
.about figure.fl{ width:101px; height:124px; overflow:hidden; border:solid 1px #007f00;}
.about .fr{ width:214px; line-height:24px; color:#535353; height:120px; overflow:hidden; text-indent:2em;}
.about .fr a{ color:#007f00;}
#section3{ padding-top:55px; height:108px; overflow:hidden;}
.products{ padding-left:8px; height:108px; overflow:hidden;}
.products li{ float:left; margin-left:11px; width:227px; height:106px; overflow:hidden; border:solid 1px #b5b5b5; position:relative;}

.products li .pro_name{ display:none; background:url(../images/touming.png) 0 0 repeat-x; height:29px; line-height:29px; text-align:center; left:0; bottom:0; position:absolute; width:100%;}
.products li .pro_name a{ color:#fff;}
.products li:hover{ border:solid 1px #007f00;}
.products li:hover .pro_name{ display:block;}