﻿/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    list-style: none;
    max-width: 100%;
}
body { font-size: 14px; font-family: ' '; color: #666; }
a { color: #666; }
a:hover { color: #62B531; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1020px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.w100 { width: 100px; }
/*common end*/
.header { height: 92px; z-index: 99; background: url(../images/header.jpg) repeat-x;  position:relative;}
.try{ width:1208px;}
.logo { margin-top: 15px; width:248px; height:60px; }
.header_top { width: 900px; height: 30px; overflow: hidden; line-height: 30px; padding: 0; margin: 0 auto; position: relative; }
.header_top ul li { height: 30px; overflow: hidden; line-height: 30px; margin: 0 3px; float: right; }
.header_top ul li span { display: block; margin-right: 5px; padding-top: 5px; float: left; }
/*menu*/
.menu { height: 34px; line-height: 34px; background: url(../images/nav.jpg) repeat-x; position: absolute; right: 0px; bottom: 1px; }
.menu ul li.a { width: 80px; background: url(../images/sy.png) no-repeat 7px center #62B531; }
.menu ul li { float: left; position: relative; width: 120px; background: url(../images/link.jpg) no-repeat left center; }
.menu ul li dl { background: #fff; width: 100%; position: absolute; left: 0px; top: 34px; display: none; }
.menu ul li dl dd { line-height: 34px; }
.menu ul li dl dd a { font-size: 14px; color: #666; font-weight: normal; display: block; padding: 0; text-align: center; }
.menu ul li dl dd a:hover { color: #fff; background: #62b531; }
.menu a { font-size: 15px; color: #fff; text-decoration: none; font-weight: bold; display: block; text-align: center; }
.menu a:hover { color: #fff; background: #62B531; }
a.menu_hover { color: #fff; }
.menu_down span { display: block; background: url(../images/menu_down.gif) right 10px center no-repeat; }
/*banner_02*/
.banner_02 { height: 445px; overflow: hidden; position: relative; }
.banner_02 #banner_02_con { display: none; }
.notice { height: 38px; background: url(../images/gbg.jpg) repeat-x; }
.notice img { display: block; float: left; }
.scroll_02 { float: left; height: 38px; line-height: 38px; }
.con_01 { margin-top: 12px; }
.con_01 .title { height: 33px; line-height: 33px; background: url(../images/top.jpg) repeat-x; }
.con_01 .title span { width: 72px; height: 33px; overflow: hidden; line-height: 36px; background: url(../images/atbg.jpg) no-repeat center; margin-left: 8px; text-align: center; color: #616161; font-size: 14px; float: left; }
.con_01 .title a { width: 50px; margin-right: 5px; height: 33px; overflow: hidden; line-height: 35px; text-align: center; float: right; }
.con_01 .left { width: 354px; border: 1px solid #D7D7D7; height: 200px; overflow: hidden; }
.con_01 .left dl { padding: 5px; }
.con_01 .left dl dt { float: left; display: block; border: 1px #ccc solid; padding: 1px; margin-top: 5px; margin-right: 5px; }
.con_01 .left dl dd { line-height: 23px; text-indent: 2em; }
.con_01 .mid { width: 402px; border: 1px solid #D7D7D7; margin-left: 10px; height: 200px; }
.slideTxtBox_02 .hd { height: 33px; line-height: 33px; background: url(../images/top.jpg) repeat-x; padding-left: 15px; }
.slideTxtBox_02 .hd ul { float: left; position: relative; left: 0px; top: 0px; }
.slideTxtBox_02 .hd ul li { height: 33px; line-height: 33px; float: left; width: 72px; text-align: center; cursor: pointer; }
.slideTxtBox_02 .hd ul li.on a { background: url(../images/atbg.jpg); height: 33px; font-size: 14px; color: #62B531; }
.slideTxtBox_02 .hd ul li { float: left; }
.slideTxtBox_02 .hd ul li a { width: 72px; height: 33px; display: block; font-size: 14px; }
.slideTxtBox_02 .hd ul li a:hover { background: url(../images/atbg.jpg); color: #62B531; font-size: 14px; }
.slideTxtBox_02 .bd ul li { padding-left: 15px; height: 33px; line-height: 33px; background: url(../images/syico.jpg) 5px center no-repeat; }
.slideTxtBox_02 .bd ul li a:hover { color: #62B531; }
.con_01 .right { width: 242px; border: 1px solid #D7D7D7; height: 200px; overflow: hidden; }
.con_01 .right ul { padding: 5px; }
.con_01 .right ul li { line-height: 23px; }
.con_02 { margin-top: 15px; }
.con_02 .title { height: 32px; line-height: 32px; background: url(../images/pbg.jpg); position: relative; z-index: 2; }
.con_02 .title span {float: left; width: 90px; height: 32px; overflow: hidden; line-height: 32px; font-size: 16px; font-weight: bold; color: #FFF; padding-left: 15px; }
.con_02 .title a { width: 50px; height: 32px; overflow: hidden; line-height: 32px; text-align: center; float: right; }

.scroll_04 { overflow: hidden; width: 1000px; margin: 0 auto; border: 1px solid #E9E9E9; border-top: none; padding: 0 9px; margin-top: -2px; position: relative; }
.scroll_04 .bd { overflow: hidden; width: 1000px;}
.scroll_04 .bd li { float: left; width: 200px; overflow: hidden; margin: 0 10px; height:180px }
.scroll_04 .bd li .img { height: 150px; border: #f4f4f4 solid 1px; padding: 2px; background: #fff; }
.scroll_04 .bd li .img:hover { background: #f4f4f4; }
.scroll_04 .bd li span { height: 30px; line-height: 30px; text-align: center; display: block; }
.scroll_04 .bd li .img table tr td { height: 144px; }
.scroll_04 .bd li .img table tr td img { max-width: 200px; max-height: 150px; }




/*scroll_03*/
.scroll_03 { overflow: hidden; width: 1000px; margin: 0 auto; border: 1px solid #E9E9E9; border-top: none; padding: 0 9px; margin-top: -2px; position: relative; }
.scroll_03 .bd { overflow: hidden; width: 1000px; }
.scroll_03 .bd li { float: left; width: 110px; overflow: hidden; margin: 0 10px; }
.scroll_03 .bd li .img { height: 130px; border: #f4f4f4 solid 1px; padding: 2px; background: #fff; }
.scroll_03 .bd li .img:hover { background: #f4f4f4; }
.scroll_03 .bd li span { height: 50px; line-height: 50px; text-align: center; display: block; }
.scroll_03 .bd li .img table tr td { height: 144px; }
.scroll_03 .bd li .img table tr td img { max-width: 110px; max-height: 130px; }
.con_03 { margin-top: 15px; }
.con_03 .title { height: 32px; line-height: 32px; background: url(../images/pbg.jpg); position: relative; z-index: 2; }
.con_03 .title span {float: left; width: 90px; height: 32px; overflow: hidden; line-height: 32px; font-size: 16px; font-weight: bold; color: #FFF; padding-left: 15px; }
.con_03 .title a { width: 50px; height: 32px; overflow: hidden; line-height: 32px; text-align: center; float: right; }
.web { width: 100%; height: 35px; overflow: hidden; padding: 0; margin: 20px auto 0; background: #62B531; position: relative; }
.web_main { width: 1020px; height: 35px; overflow: hidden; padding: 0; margin: 0 auto; position: relative; }
.web_left { width: 200px; height: 35px; overflow: hidden; line-height: 35px; font-size: 16px; font-weight: bold; color: #FFF; float: left; position: relative; }
.web_left a:active, .web_left a:link, .web_left a:visited { font-size: 16px; font-weight: bold; color: #FFF; }
.web_left a:hover { color: #1b7a22 }
.web_right span, .web_left span { font-size: 14px; color: #FFF; font-weight: normal; }
.web_right { width: 200px; height: 35px; overflow: hidden; line-height: 35px; text-align: right; float: right; position: relative; }
.web_right a:active, .web_right a:link, .web_right a:visited { font-size: 16px; font-weight: bold; color: #FFF; }
.web_right a:hover { color: #226552 }
.footer { background: url(../images/fbg.jpg) #bbbaba  repeat-x; }
.footer .wapper{ width:1090px;}
.footer .wapper .top { padding-bottom: 20px; }
.footer .wapper .top ul { float: left; padding: 0 38px; margin-top: 32px; color: #FFF; background: url(../images/flink.jpg) right top no-repeat; }
.footer .wapper .top ul li { margin-bottom: 6px; }
.footer .wapper .top img { display: block; float: right; width: 205px; height: 187px; margin-top: 50px; }
.footer .wapper .top ul li a { color: #6B6A63; }
.footer .wapper .top ul li a span { padding-left: 3px; }
.footer .wapper .top ul li a:hover { color: #5B9E1D; }
.footer .wapper .top ul li h3 a { color: #5B9E1D; font-size:16px; }
.footer .wapper .top ul li h3 a:hover { color: #62B531; }
.footer .wapper .top ul a { color: #6B6A63; }
.bottom { height: 60px; line-height: 32px; background: #8D8D8D; text-align: center; }
.bottom p { display: block; color: #6B6A63; width: 1020px; margin: 0 auto; }
.bottom p span { display: block; float: left; color: #fff; }
.bottom p a { display: block;  color: #fff; }
/*Add------------------------------------------------------------------------------*/
.nymain_top { width: 100%; height: 44px; overflow: hidden; padding: 0; margin: 0 auto; background: url(../images/rbg.jpg) repeat-x; position: relative; }
.mbx { width: 1020px; height: 44px; overflow: hidden; line-height: 44px; padding: 0; margin: 0 auto; position: relative; }
.mbx span { color: #31A434 }
.nymain { width: 1020px; height: auto; overflow: hidden; padding: 15px 0 10px; margin: 0 auto; position: relative; }
.nyleft { width: 220px; height: auto; overflow: hidden; float: left; position: relative; }
.nyleft_top { width: 220px; height: auto; overflow: hidden; padding: 0; margin: 0 auto; position: relative; }
.nyleft_title { width: 185px; height: 40px; overflow: hidden; line-height: 30px; padding: 0 0 0 35px; margin: 0 auto; font-size: 18px; font-family: " "; font-weight: bold; color: #36A22B; background: url(../images/ltbg.jpg) no-repeat bottom center; position: relative; }
.nyleft_main { width: 220px; height: auto; overflow: hidden; padding: 0; margin: 10px auto 0; position: relative; }
.nyleft_main dl dt { width: 220px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; background: url(../images/lbga.jpg) no-repeat left center; float: left; }
.nyleft_main dl dt a:hover {  background: url(../images/lbg.jpg) no-repeat center; color: #FFF; padding-left:35px; width:185px;}
.nyleft_main dl dt a{ display:block; padding-left:35px; width:185px;}
.nyleft_main dl dd{ width: 220px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 10px; float: left;padding-left:35px; }
.nyleft_main dl dd a:hover { color:#36A22B; padding-left:35px; width:185px;}
.nyleft_main dl dd a{ display:block; padding-left:35px; width:185px;}
.nyleft_lx { width: 220px; height: auto; overflow: hidden; padding: 0; margin: 0 auto; position: relative; }
.nyleft_lx ul li { width: 218px; height: 100px; text-align: center; overflow: hidden; margin-bottom: 10px; border: 1px solid #C9C9C9; float: left; }
.nr { padding: 10px; min-height:450px;float:right; width:770px; }
/*contact*/
.contact h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.contact { margin-top: 15px; }
.contact ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.contact ul li { line-height: 20px; padding: 3px 0; }
/*proShow*/
.product_show ul li { width: 130px; line-height: 20px; }
.product_show ul li { float: left; margin: 15px 20px 0; border: #e4e4e4 solid 1px; display: inline; }
.pro img { max-width: 120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true);
height: expression(this.height > 90 ? 90: true);
}
.hover2 { background: #f4f4f4; }
/*product_list*/
.side_product { margin-top: 15px; }
.side_product h2 { height: 36px; line-height: 36px; padding-left: 20px; color: #fff; background: #999; }
.side_product ul { padding: 10px 10px; border: #e4e4e4 solid 1px; }
.side_product ul li { line-height: 24px; }
.side_product ul li a { padding-left: 30px; display: block; border-bottom: #e4e4e4 dashed 1px; background: url(../images/side_menu_bg.gif) 10px 8px no-repeat; }
.side_product ul li dl dd a { display: inline; border: none; background: none; }
