/* CSS Document */
/*横幅*/
#banner {width: 100%; height: 467px; overflow: hidden; display: none;}

/*产品*/
#pro {width: 100%; height: 440px; overflow: hidden;}	/*height: 520px;*/
.proTitle {height: 80px; width: 1100px; margin: 0px auto;}
.proTitle div {height: 40px; width: 160px; margin: 22px auto 0px; text-align: center; line-height: 40px; border-bottom: 2px solid #676767;}
.proTitle div a {font-size: 16px; font-weight: bold; color: #007338;}
.proTitle div span {color: #676767;}
.pro {width: 1236px; height: 362px; overflow: hidden; margin: 0px auto; position: relative;}
.pro .list {width: 1104px; margin: 0px auto;}
.pro ul li {width: 276px; height: 300px; overflow: hidden; float: left;}	/*height: 362px;*/
.pro ul li a {width: 244px; height: 288px; display: block; margin: 0px auto; overflow: hidden; padding: 10px 9px 0px; border: 1px solid #dbdbdb; background-color: #fff;}	/*height: 350*/
.pro ul li a:hover {border: 1px solid #007338; background-color: #007338;}
.pro ul li a .pic {width: 246px; height: 187px; overflow: hidden;}
.pro ul li a .title {width: 238px; height: 48px; line-height: 44px; color: #474747; font-size: 14px; position: relative;}
.pro ul li a .title span {width: 41px; height: 4px; overflow: hidden; background: url(../images/index_proTitleLine.jpg) no-repeat top left; position: absolute; bottom: 0px; left: 0px;}
.pro ul li a:hover .title {color: #fff;}
.pro ul li a:hover .title span {background: url(../images/index_proTitleLine.jpg) no-repeat bottom left;}
/*.pro ul li a .brief {width: 238px; height: 40px; line-height: 20px; font-size: 12px; color: #606060; margin-top: 12px;}
.pro ul li a:hover .brief {color: #bee7d2;}*/
.pro ul li a .more {width: 238px; height: 25px; margin: 0px auto; overflow: hidden; margin-top: 12px;}
.pro ul li a .more span {width: 102px; height: 25px; display: block; line-height: 25px; font-size: 14px; color: #fff; background: url(../images/index_ProMore.jpg) no-repeat top left; text-align: center;}
.pro ul li a:hover .more span {background: url(../images/index_ProMore.jpg) no-repeat bottom left; color: #bee7d2;}
.pro .button .prev, .pro .button .next {width: 19px; height: 36px; display: block; overflow: hidden; background-image: url(../images/index_proButton.png); background-repeat: no-repeat; position: absolute; top: 163px;}
.pro .button .prev {background-position: top left; left: 0px;}
.pro .button .prev:hover {background-position: bottom left;}
.pro .button .next {background-position: top right; right: 0px;}
.pro .button .next:hover {background-position: bottom right;}

/*关于*/
#gy {width: 100%; height: 352px; overflow: hidden; background-color: #f4f4f4;}
.gy {width: 1100px; margin: 0px auto;}
.gy .left {width: 550px; float: left;}
.gy .left li {width: 275px; height: 176px; float: left;}
.gy .left li a {width: 100%; height: 176px; display: block; position: relative;}
.gy .left li a .bg, .gy .left li a .nr {display: none;}
.gy .left li a .bg {width: 100%; height: 176px; background-color: #000; filter: alpha(opacity = 73); -moz-opacity: 0.73; -khtml-opacity: 0.73; opacity: 0.73; position: absolute; top: 0px; left: 0px; z-index: 1;}
.gy .left li a .nr {width: 100%; height: 176px; position: absolute; top: 0px; left: 0px; z-index: 2; color: #fff; font-size: 14px;}
.gy .left li a .nr .icon {width: 66px; height: 67px; background-image: url(../images/index_about.png); margin: 40px auto 0px;}
.gy .left li a .nr .wz {width: 252px; height: 40px; overflow: hidden; line-height: 40px; text-align: center; margin: 0px auto;}
.gy .right {width: 550px; height: 352px; float: right; display: inline; background: #007338 url(../images/index_about.jpg) no-repeat center 24px;}
.gy .right .title {width: 550px; height: 57px; margin: 30px auto 20px; text-align: center; font-size: 20px; color: #fff; line-height: 55px;}
.gy .right .title div {width: 65px; height: 2px; margin: 0px auto; background-color: #fff;}
.gy .right .content {width: 490px; height: 168px; overflow: hidden; margin: 0px auto; font-size: 12px; color: #bee7d2; line-height: 28px; text-align: center;}
.gy .right .button {margin: 16px auto 0px; width: 102px; height: 25px; overflow: hidden;}
.gy .right .button a {width: 100%; height: 25px; display: block; font-size: 12px; line-height: 25px; text-align: center; color: #bee7d2; background: url(../images/index_aboutMore.jpg) no-repeat top center;}
.gy .right .button a:hover {background: url(../images/index_aboutMore.jpg) no-repeat bottom center;}

/*新闻*/
#news {width: 100%; height: 420px; overflow: hidden;}
.newsTitle {height: 50px; width: 1100px; margin: 0px auto;}
.newsTitle div {height: 40px; width: 190px; margin: 22px auto 0px; text-align: center; line-height: 40px; border-bottom: 2px solid #676767;}
.newsTitle div a {font-size: 16px; font-weight: bold; color: #007338;}
.newsTitle div span {color: #676767;}
.news {width: 1140px; margin: 0px auto;}
.news li {width: 570px; height: 120px; margin-top: 30px; float: left;}
.news li a {width: 520px; height: 100px; display: block; margin: 0px auto; background-color: #f5f5f5; padding: 5px;}
.news li a:hover {background-color: #007338;}
.news li a img {float: left; width: 135px; height: 100px;}
.news li a .nr {width: 364px; height: 100px; overflow: hidden; float: right; display: inline;}
.news li a .nr h2 {font-size: 14px; color: #474747; width: 364px; height: 30px; overflow: hidden; line-height: 30px;}
.news li a:hover .nr h2 {color: #fff;}
.news li a .nr span {font-size: 12px; color: #a1a2a2; line-height: 20px;}
.news li a:hover .nr span {color: #7cb99a;}
.news li a .nr div {font-size: 12px; color: #606060; width: 364px; height: 40px; overflow: hidden; line-height: 20px; margin-top: 5px;}
.news li a:hover .nr div {color: #bee7d2;}

/*案例*/
#case {width: 100%; height: 360px; overflow: hidden; background: #f4f4f4 url(../images/index_case.jpg) no-repeat top center;}
.caseTitle {height: 80px; width: 1100px; margin: 0px auto;}
.caseTitle div {height: 40px; width: 220px; margin: 22px auto 0px; text-align: center; line-height: 40px; border-bottom: 2px solid #676767;}
.caseTitle div a {font-size: 16px; font-weight: bold; color: #007338;}
.caseTitle div span {color: #676767;}
.case {width: 1120px; margin: 0px auto;}
.case li {width: 280px; height: 204px; float: left;}
.case li a {width: 240px; height: 184px; overflow: hidden; display: block; margin: 0px auto; padding: 10px; background-color: #fff; position: relative;}
.case li a:hover {background-color: #007338;}
.case li a img {width: 240px; height: 145px;}
.case li a .bt {width: 196px; height: 23px; padding-left: 44px; background: url(../images/index_case.png) no-repeat top left; font-size: 14px; color: #474747; line-height: 23px; margin-top: 12px; overflow: hidden;}
.case li a:hover .bt {color: #fff; background: url(../images/index_case.png) no-repeat bottom left;}
.case li a .tb {width: 55px; height: 55px; position: absolute; top: 55px; left: 50%; margin-left: -27.5px; background-image: url(../images/index_caseButton.png); display: none;}

/*链接*/
#links {width: 100%; text-align: center; padding: 30px 0px;}
#links span {display: inline-block; margin: 0px 50px; text-align: center; vertical-align: top;}
#links span div {font-size: 14px; line-height: 30px; margin-bottom: 10px;}
#links span div, #links span div a {color: #555;}
#links span p {font-size: 12px; margin: 0px; line-height: 24px;}
#links span p, #links span p a {color: #8c8c8c;}
#links span p a:hover {color: #474747; text-decoration: underline;}