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

/*主体*/
#main {width: 100%; padding: 20px 0px 30px;}
.main {width: 1100px; margin: 0px auto; display: table;}
.lefts {width: 203px; float: left;}
.rights {width: 847px; float: right; display: inline;}

/*左侧*/
.lefts .cate {width: 203px; height: 53px; overflow: hidden; line-height: 53px; padding-top: 5px; font-size: 18px; color: #fff; background-color: #007338; text-align: center;}
.nav {width: 203px; display: table;}
.nav li {width: 203px; height: 50px; overflow: hidden; line-height: 49px; font-size: 14px; float: left; text-align: center;}
.nav li a {width: 203px; height: 49px; display: block; color: #686868; background-color: #f4f4f4; border-bottom: 1px solid #e8e8e8;}
.nav li a:hover, .nav li.cur a {color: #eb6100; background-color: #fff; border-bottom: 1px solid #fff;}

/*右侧*/
.rights .cate {width: 847px; height: 40px; position: relative;}
.rights .cate .en, .rights .cate .ch, .rights .cate .pos, .rights .cate .line {position: absolute;}
.rights .cate .en, .rights .cate .ch, .rights .cate .line {left: 0px; color: #636363;}
.rights .cate .en, .rights .cate .pos {top: 0px;}
.rights .cate .en {font-size: 18px; text-transform: uppercase;}
.rights .cate .ch {bottom: 0px; font-size: 16px; background-color: #fff; padding-right: 15px; z-index: 1;}
.rights .cate .pos {right: 0px; font-size: 12px; text-align: right; line-height: 30px;}
.rights .cate .pos, .rights .cate .pos a {color: #a1a2a2;}
.rights .cate .pos span, .rights .cate .pos a:hover {color: #eb6100;}
.rights .cate .line {width: 847px; height: 1px; background-color: #dcdcdc; top: 32px;}

/*单页*/
.page {width: 826px; margin: 0px auto; font-size: 14px; color: #606060; line-height: 30px; padding-top: 24px;}
.page p {margin: 0px;}

/*新闻*/
.news {width: 827px; display: table; margin: 0px auto 32px;}
.news li {width: 827px; height: 88px; overflow: hidden; float: left; margin-top: 24px;}
.news li a {width: 827px; height: 88px; display: block;}
.news li a .date {width: 88px; height: 88px; background-color: #b8b8b8; float: left; color: #fff; text-align: center;}
.news li a:hover .date {background-color: #006431;}
.news li a .date span, .news li a .date div {display: block;}
.news li a .date span {font-size: 40px; font-weight: bold; margin-top: 6px;}
.news li a .date div {font-size: 12px;}
.news li a .nr {width: 724px; height: 88px; background-color: #f5f5f5; float: right; display: inline; padding-left: 15px;}
.news li a:hover .nr {background-color: #007338;}
.news li a .nr h2 {width: 700px; height: 30px; overflow: hidden; font-size: 14px; color: #474747; line-height: 30px; padding: 5px 0px;}
.news li a .nr div {width: 700px; height: 40px; overflow: hidden; font-size: 12px; color: #7e7e7e; line-height: 20px;}
.news li a:hover .nr h2, .news li a:hover .nr div {color: #fff;}

/*分页*/
.fy {width: 847px; display: table; padding-top: 20px; text-align: center; font-size: 20px; border-top: 1px dotted #ccc;}
.fy a {width: auto; height: 35px; line-height: 35px; padding: 0px 10px; margin: 0px 3px; display: inline-block; color: #404040; background-color: #f5f5f5;}
.fy a:hover, .fy a.cur {background-color: #eb6100; color: #fff;}
.fy a.but:hover {background-color: #b8b8b8;}

/*图片*/
.pic {width: 846px; display: table; margin: 0px auto 32px;}
.pic li {width: 282px; float: left; margin-top: 24px; text-align: center;}
.pic li a {width: 248px; height: 215px; overflow: hidden; margin: 0px auto;}
.pic li a img {width: 246px; height: 185px; border: 1px solid #d9d9d9; margin: 0px auto;}
.pic li a:hover img {border: 1px solid #007338;}
.pic li a div {width: 238px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 14px; color: #474747; margin: 0px auto;}
.pic li a:hover div {color: #007338; text-decoration: underline;}

/*产品*/
.pro {width: 846px; display: table; margin: 0px auto 32px;}
.pro li {width: 282px; height: 320px; float: left; margin-top: 24px;}	/*height: 362px;*/
.pro li a {width: 244px; height: 300px; display: block; margin: 0px auto; overflow: hidden; padding: 10px 9px 0px; border: 1px solid #dbdbdb; background-color: #fff;}	/*height: 350px;*/
.pro li a:hover {border: 1px solid #007338; background-color: #007338;}
.pro li a .pic {width: 246px; height: 187px; overflow: hidden;}
.pro li a .title {width: 238px; height: 48px; line-height: 44px; color: #474747; font-size: 14px; position: relative; margin-top: -24px; text-align: left; overflow: hidden;}
.pro 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 li a:hover .title {color: #fff;}
.pro li a:hover .title span {background: url(../images/index_proTitleLine.jpg) no-repeat bottom left;}
/*.pro li a .brief {width: 238px; height: 40px; line-height: 20px; font-size: 12px; color: #606060; margin-top: 12px;}
.pro li a:hover .brief {color: #bee7d2;}*/
.pro li a .more {width: 238px; height: 25px; margin: 0px auto; overflow: hidden; margin-top: 12px;}
.pro 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 li a:hover .more span {background: url(../images/index_ProMore.jpg) no-repeat bottom left; color: #bee7d2;}

/*末级*/
.title {width: 827px; margin: 23px auto 5px; line-height: 36px; text-align: center; font-size: 20px; color: #000;}
.info {width: 847px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 12px; color: #999; line-height: 20px; text-align: center;}
.like {width: 847px; height: 55px; overflow: hidden; line-height: 55px; font-size: 12px; color: #888; border-top: 1px dotted #ccc; margin-top: 40px;}
.like div {width: 40%; height: 55px; overflow: hidden; padding: 0px 8% 0px 2%; float: left;}
.like div a {color: #000;}
.like div a:hover {color: #bb0005;}
.share {text-align: center; border-top: 1px dotted #ccc; padding: 19px 0px 8px;}

/*留言*/
.form {width: 800px; margin: 24px auto 0px;}
.form p {position: relative; display: table; margin: 0px; padding-bottom: 15px;}
.form p label {width: 100px; height: 28px; line-height: 28px; font-size: 14px; color: #606060; position: absolute; top: 0px; left: 0px;}
.form p label span {font-size: 12px; color: #db2626; padding-right: 10px;}
.form p input, .form p textarea {margin-left: 100px; border-top: 1px solid #808080; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #808080; padding: 2px 5px; font-size: 14px; color: #a2a2a2; height: 21px; line-height: 21px;}
.form p input {width: 170px;}
.form p textarea {width: 530px; height: 200px;}
.form p font {width: 160px; height: 20px; position: absolute; top: 90px; left: 660px; font-size: 12px; color: #a2a2a2;}
.form p font span {color: #db2626; margin: 0px 5px;}
.form p img, .form p a {margin-left: 15px;}
.form p a {font-size: 12px; color: #a2a2a2;}
.form div {width: 600px; height: 32px; margin: 0px auto;}
.form div .submit, .form div .reset {width: 102px; height: 32px; border: 0px; font-size: 14px; line-height: 32px; cursor: pointer; color: #fff;}
.form div .submit {background-color: #eb6100;}
.form div .reset {background-color: #818181; margin-left: 18px;}