@charset "utf-8";

* { word-wrap: break-word; }
body { background-color: #fff; }
body, input, button, select, textarea { font-family: Arial,Tahoma,'Microsoft Yahei','Simsun'; font-size: 14px; color: #333; }
input, button, select, textarea { resize: none; outline: none; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
table { empty-cells: show; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
ul li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
em, cite, i { font-style: normal; }
a { color: #333; text-decoration: none; outline: none; }
a img { border: none; }
label { cursor: pointer; }

.wp { width: 1200px; margin: 0 auto;}
.cb { clear: both; height: 20px; font-size: 0; }

.header { width: 1200px; height: 172px; margin: 0 auto; background: url(head-bg.png) no-repeat right 6px; }
.logo { float: left; width: 370px; height: 111px; padding: 15px 0 0 0; }
.logo a { display: block; width: 330px; height: 100px; background: url(logo.png); }
.search { float: left; width: 510px; padding-top: 40px; }
.search .s_input { float: left; width: 430px; }
.search .s_input input { width: 414px; height: 28px; line-height: 28px; padding: 0 5px; border: 3px solid #7bb1d3; color: #b2b2b2; }
.search .s_btn { float: left; width: 80px; padding-top: 0px!important; padding-top: 1px; }
.search .s_btn button { width: 80px; height: 34px; line-height: 34px; background-color: #7bb1d3; color: #fff; border: none; }
.search .s_keyword { clear: both; width: 500px; height: 20px; line-height: 20px; overflow: hidden; padding-top: 10px; color: #6a8f44; font-size: 12px; }
.search .s_keyword a { color: #7bb1d3; margin: 0 5px 0 5px; }

.menu { clear: both; height: 46px; line-height: 46px; background-color: #8db42a; color: #fff; font-size: 18px; text-align: center; font-weight: bold; }
.menu .catetitle { float: left; width: 220px; }
.menu a { float: left; padding: 0 22px; display: block; font-size: 16px; color: #fff; }
.menu a:hover, .menu .a { background-color: #81a522; }
.menu span { float: right; padding-right: 12px; }
.menu span a { padding: 0 10px; }

.i-left { float: left; width: 220px; height: 480px; position: relative; }
.i-main { float: left; width: 770px; margin: 10px 0 0 10px; }
.i-right { float: left; width: 200px; margin-top: 10px; }

#category { width: 216px; border: 2px solid #8db42a; border-top: none; background-color: #fff; }
#category ul { padding-top: 10px; }
#category ul li { height: 27px; overflow: hidden; }
#category ul li a { display: block; height: 27px; line-height: 27px; color: #666; background: url(li-1.png) no-repeat 12px 10px; padding-left: 25px; }
#category ul li a:hover, #category ul li .a { background: url(li-1.png) no-repeat 12px 10px #dde8bf; }
#category .cb { height: 15px; }
.cate-home { height: 480px; overflow: hidden; }
.cate-auto { height: auto; position: absolute; z-index: 10; top: 0; left: 0; }
.cate-more { width: 180px; height: 30px; line-height: 30px; padding: 0 0 5px 20px; border-top: 1px dashed #dde8bf; background: url(li-3.png) no-repeat 4px 11px #fff; position: absolute; z-index: 20; left: 10px; bottom: 0px!important; bottom: 2px; }
.cate-more a { color: #8db42a; }

.slide { width: 760px; height: 300px; overflow: hidden; position: relative; }
.slide .switchable a { display: block; z-index: 99; width: 50px; height: 50px; overflow: hidden; position: absolute; top: 120px; }
.slide .switchable .prev { left: 10px; background: url(slide-left.png) no-repeat center center; }
.slide .switchable .next { right: 10px; background: url(slide-right.png) no-repeat center center; }
.slide ul { margin: 0; padding: 0; width: 10000px; }
.slide li { float: left; width: 760px; height: 300px; }
.slide li img { width: 760px; height: 300px; }

.hotlist { width: 760px; height: 172px; overflow: hidden; }
.hotlist ul { width: 780px; }
.hotlist ul li { float: left; width: 184px; margin-right: 8px; }
.hotlist ul li .title { height: 30px; line-height: 30px; background: url(title-bg.png) no-repeat 0 0; text-align: center; margin: 10px 0 8px 0; }
.hotlist ul li a { color: #fff; }
.hotlist ul li .img { width: 180px; height: 120px; border: 1px solid #dadada; padding: 1px; background-color: #fff; display: table-cell; vertical-align:middle; font-size: 0; text-align: center; }

.online {  }
.online .title { padding-left: 10PX; height: 30px; line-height: 30px; font-weight: bold; color: #fff; background: url(title-bg.png) no-repeat 0 -30px; }
.online ul { height: 65px; margin: 10px 0 0 10px; }
.online ul li { float: left; width: 95px; height: 30px; line-height: 30px; overflow: hidden; }
.online ul li img { margin: 0 8px 0 0; }

.contact { clear: both; padding-top: 5px; }
.contact .title { padding-left: 10px; height: 30px; line-height: 30px; font-weight: bold; color: #fff; background: url(title-bg.png) no-repeat 0 -60px; }
.contact .content { height: 100px; overflow: hidden; line-height: 25px; padding: 10px 0 10px 10px; }

.ad-h1 { height:212px; overflow: hidden; }
.ad-h1 img { width: 200px; height: 212px; }

.list { width: 1200px; margin: 0 auto; overflow: hidden; }
.list .title, .about .title, .page .title { height: 40px; line-height: 40px; background-color: #7bb1d3; color: #fff; font-size: 18px; font-weight: bold; padding-left: 15px; }
.list .title span, .about .title span { float: right; font-size: 14px; padding-right: 15px; }
.list .title a, .about .title a { color: #fff; font-weight: normal; }
.list ul { width: 1300px; overflow: hidden; }
.list ul li { float: left; width: 223px; margin: 20px 20px 0 0; text-align: center; }
.list ul li .img { width: 223px; height: 149px; border: 1px solid #7eb3d3; background-color: #fff; display: table-cell; vertical-align:middle; font-size: 0; }
.list ul li p { height: 30px; line-height: 30px; padding-top: 8px; }
.list .cb { height: 30px; }

.green .title { background-color: #9bb343; }
.green ul li .img { border: 1px solid #9bb343; }

.about { width: 1200px; margin: 0 auto; }
.about .title { background-color: #9bb343; }
.about .content { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; border-left: 3px solid #9bb343; height: 356px; }
.about .img { float: left; width: 380px; padding: 20px 0 0 20px; }
.about .info { float: left; width: 750px; padding: 15px 0 0 20px; }
.about .info p { line-height: 28px; padding-bottom: 10px; text-indent: 2em; }

.footer { width: 1200px; margin: 0 auto; border-top: 10px solid #8daf25; background-color: #99bb30; color: #fff; height: 60px; line-height: 22px; padding-top: 15px; text-align: center; }
.footer a { color: #fff; }

/* page */
.p-left { float: left;  width: 220px; }
.p-right { float: left; width: 960px; margin-left: 20px; }

.smallclass { margin-top: 20px; }
.smallclass .title { height: 40px; line-height: 40px; background-color: #f4701e; color: #fff; font-size: 18px; font-weight: bold; padding-left: 15px; }
.smallclass .content { border: 1px solid #d0d0d0; border-top: none; padding-top: 10px; zoom: 1; }
.smallclass ul li { float: left; width: 284px; height: 26px; line-height: 26px; padding-left: 35px; background: url(li-2.png) no-repeat 20px 12px; }
.smallclass .a a { color: #f00; }
.smallclass .cb { height: 15px; }

.product { margin-top: 20px; width: 960px; overflow: hidden; }
.product ul { width: 1000px; overflow: hidden; }
.product ul li { width: 231px; height: 190px; margin: 17px 12px 5px 0; }
.product ul li .img { width: 228px; height: 152px; border: 1px solid #7eb3d3; background-color: #fff; display: table-cell; vertical-align: middle; font-size: 0; }
.product ul li p { clear: both; height: 30px; line-height: 30px; padding-top: 8px; }
.noproducts { text-align: center; padding: 50px 0; }

/* paging style */
.PageNumbers { clear: both; }
.PageNumbers a, .PageNumbers span { float: left; margin-right: 5px; display: block; padding: 0 8px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #98bc2f; color: #98bc2f; }
.PageNumbers span { background-color: #98bc2f; color: #fff; }
.PageInfo { float: right; padding-bottom: 10px; }
.PageInfo input { width: 35px; height: 26px; line-height: 26px; padding: 0 3px; border: 1px solid #98bc2f; margin: 0 5px; }
.PageInfo button { height: 28px; padding: 0 10px; border: none; background-color: #6f8f14; color: #fff; }

.page { margin-top: 20px; }
.page .show { padding-top: 20px; }
.page .show .img { float: left; width: 418px; }
.page .show .imgbk { width: 400px; height: 266px; border: 1px solid #ccc; background-color: #fff; display: table-cell; vertical-align: middle; font-size: 0; text-align: center; }
.page .show .info { float: left; width: 540px; }
.page .show .info p { display: block; float: left; width: 260px; height: 35px; line-height: 35px; padding-left: 10px; }
.page .show .info .p1 { background-color: #66dce8; color: #fff; }
.page .show .info .p2 { background-color: #d9f7f9; }
.page .show .info .p3 { width: 530px; text-align: right; padding-top: 15px; }
.page .show .info .p3 span { color: #eb6877; padding-right: 10px; }
.page .show .content { clear: both; padding-top: 20px; }

.p-content { padding-top: 20px; }

.p-member { padding-top: 50px; }
.p-member table { margin: 0 auto; }
.p-member table tr td { height: 45px; line-height: 45px; color: #333; }
.p-member table tr td input { width: 200px; height: 25px; line-height: 25px; border: 1px solid #CCC; padding: 0 5px; }
.p-member table tr td span { padding-left: 20px; color: #ccc; }
.p-member table tr td button { margin-top: 15px; padding: 0 20px; height: 34px; line-height: 34px; background-color: #7bb1d3; color: #fff; border: none; }