﻿/*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; }
body { font-size: 14px; font-family: ' '; color: #666; }
a { color: #666; }
i, em { font-style: normal; }
a:hover { color: #f60; text-decoration: none; }
p { line-height: 1.8em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 980px; margin: 0 auto; }
img{ max-width:100%;}
.fl { float: left; }
.fr { float: right; }
/*common end*/
/*	header	*/
.header { height: 110px; background: url(../images/headerBg.png) repeat-x; border-bottom: 1px solid #d3d3d3; }
.logo { margin-top: 20px; }
.logo img{width:300px; height:64px;}
.header .fr { color: #666464; text-align: right; line-height: 56px; width: 275px; }
.header a { color: #666464 }
.header p { height: 44px; font: 18px/44px ' '; color: #588700; background: url(../images/phone.png) no-repeat 0 center; }
.header em { font-style: italic }
/*	end		header	*/

/*	nav	 */
.nav { border-bottom: 1px solid #d3d3d3; height: 46px; background: url(../images/navBg.png) repeat-x; position: relative; z-index: 2; }
.nav ul { height: 46px; position: relative }
.nav li { float: left; width: 118px; height: 46px; text-align:center; }
.nav a { font: 14px/46px ' '; color: #363636; }
.subnav { position: absolute; top: 47px; width: auto !important; min-width: 100px; width: 100px; white-space: nowrap;  background: url(../images/00000.png) repeat; padding: 0 20px; display: none; color: #fff }
.nav .subnav a { font: 12px/30px 'SimSun'; color: #FFF; display:block; }
.subnav a:hover { font-weight: bold }
.nav a:hover, .title a:hover, .more:hover, .mnew li a:hover, .bom a:hover, .news a:hover, {
color:#007f41
}
.subnav a:hover { color: #FFF; }
/* end		nav		*/

.menubg{ border-bottom: 1px solid #d3d3d3; height: 46px; background: url(../images/navBg.png) repeat-x; position: relative; z-index: 2; }
/*menu*/
.menu{height:46px;line-height:46px;}
.menu ul li{ float:left; position:relative; padding:0px 40px;}
.menu ul li dl{ background: url(../images/00000.png) repeat; padding: 0 20px; width:100%; position:absolute; left:0px; top:46px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#fff; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu a{ font-size:14px;color:#363636; text-decoration:none; display:block;text-align:center;}


/*banner_02*/
.banner_02 { height: 448px; overflow: hidden; position: relative; }
.banner_02 #banner_02_con { display: none; }

/*mbtn*/
.mbtn { height: 80px; padding: 21px 0; background: #fcfcfc }
.mbtn a { float: left; height: 72px; padding: 8px 0 0 90px; color: #555; overflow: hidden }
.mbtn .a1 { width: 248px; background: url(../images/mbtn1.png) no-repeat }
.mbtn .a2 { width: 248px; background: url(../images/mbtn2.png) no-repeat }
.mbtn .a3 { width: 214px; background: url(../images/mbtn3.png) no-repeat }
.mbtn em { display: block; height: 22px; font: 14px/22px ' '; color: #000 }
.mbtn span { line-height: 20px }
.mbtn a:hover { background-position: 0 bottom }
.mbtn .a1:hover { color: #6a9f29 }
.mbtn .a1:hover em { color: #49921c }
.mbtn .a2:hover { color: #e78a62 }
.mbtn .a2:hover em { color: #d54c21 }
.mbtn .a3:hover { color: #5281bf }
.mbtn .a3:hover em { color: #2463c4 }
.content { padding-top: 20px; height: 294px; border-top: 1px solid #e0e0e0; background: #f6f6f6 url(../images/mainBg.png) repeat-x; }
.content .try { border: 1px solid #eee; width: 978px; height: 270px; margin: 0 auto; background: #fff; padding: 0 10px; }
.content .title { padding: 4px 6px 0 0; height: 26px; line-height: 26px; border-bottom: 1px solid #e0e0e0; _overflow: hidden }
.content .title strong { float: left; padding: 0 32px 0 10px; font-size: 14px; color: #095f35; height: 25px; border-bottom: 2px solid #007f41; margin-bottom: -1px; position: relative; }
.content .title a { float: right; }
.content .title a, .more { padding-left: 22px; color: #888; height: 26px; background: url(../images/more.png) no-repeat 0 center }
.content .title dl { float: left; padding: 3px 0 0 92px; height: 24px; margin-bottom: -1px; position: relative }
.content .title dd { float: left; width:80px; height: 24px; line-height: 24px; margin-right: 18px; display: inline; text-align: center; overflow: hidden; cursor: pointer; color: #095f35; font-weight: bold }
.content .title .hover { color: #fff; background: #007f41 url(../images/icon2.png) no-repeat center bottom }
.content .title .more { float: right; }
.content .left { width: 282px; }
.content .left p { padding: 14px 0 10px 0; background: url(../images/imgBg.jpg) no-repeat 0 bottom; }
.content .left .ltxt { padding-top: 3px; height: 80px; line-height: 20px; overflow: hidden; }
.content .mid { width: 462px; margin-left: 20px }
.content .mid .mnew { position: relative; height: 218px; padding-top: 14px }
.content .mid .mnew div { height: 128px }
.content .mid .mnew img { float: left; border: 1px solid #e0e0e0; padding: 4px; }
.content .mid .mnew h3, .mnew p { float: right; overflow: hidden; width: 270px }
.content .mid .mnew h3 { padding-top: 12px; height: 34px; line-height: 34px; color: #095f35 }
.content .mid .mnew p { line-height: 20px; height: 59px; }
.content .mid .mnew li { height: 30px; line-height: 30px; overflow: hidden; vertical-align: top; padding-left: 11px; background: url(../images/icon1.png) no-repeat 1px 10px }
.content .mid .mnew li a { color: #555; float: left; width: 370px; height: 30px; overflow: hidden }
.content .mid .mnew span { float: right }
.content .right { width: 194px; padding-top: 31px }
.content .right img { margin-bottom: 8px }
.content .right select { width: 195px; height: 27px; border: 1px solid #dbdbdb; outline: none; }
.footer { border-top: 1px solid #e1e1e3; padding:28px 0 10px 0; text-align: center; line-height: 22px }
.footer p { color: #095f35; }
.footer dl dd{ color: #095f35; }
.footer a { color: #095f35; }
.footer span { font-family: Arial }
/*Add------------------------------------------------------------------------------*/

.out{ padding-top:14px; background:url(../images/outBg.png) repeat;}
.con{ border:1px solid #dfdfdf; border-bottom:none; background:#fff}
.lefNav{ width:185px}
.lefNav h2{ height:36px;font:16px/36px ' ';color:#fff;overflow:hidden;padding-left:56px;background:url(../images/lefNavH2Bg.png) no-repeat}
.lefNav li{ height:34px; line-height:34px; border-bottom:1px solid #dfdfdf; padding-left:20px; overflow:hidden;}
.lefNav li a{ color:#363636; display:block; height:34px}
.lefNav li a:hover,.lefNav .hover{ font-weight:bold; color:#007f41}
.lefNav  .left{ line-height:22px; color:#4c4c4c;margin-top:30px;}
.lefNav  .left div{ padding:0 8px}
.rigCon{ width:794px; border-left:1px solid #dfdfdf; height:auto !important; min-height:500px; height:500px; padding-bottom:40px}
.location{ height:34px;line-height:34px; border-bottom:2px solid #0d874d; padding-right:12px; text-align:right; color:#575757}
.location a{color:#575757}
.location strong{ color:#007f41}
.caption{ padding:2px 0 10px 48px; height:50px; font:bold 18px/50px ' '; color:#095f35; overflow:hidden; background:url(../images/captionBg.jpg) no-repeat 0 bottom}
.nr{ padding:10px;}

/*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; }
