/*@charset="UTF-8";*/ /*公共樣式*/ html, body, div, nav, ul, li, img, input, form, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } img { border: 0; } body { font-family: 'Microsoft Yahei'; font-size: 14px; background: #fff; color: #000; } .clearfix:after { content: ""; display: block; height: 0; line-height: 0; clear: both; visibility: hidden; } /*清除浮動*/ .clearfix { zoom: 1; /*兼容ie6*/ } input, select, option, textarea, button { outline: none; } a { text-decoration: none !important; color: #333; } ul, li { list-style: none; } li a:hover { color: #f00; } .fl { float: left; } /*左浮動*/ .fr { float: right; } /*右浮動*/ .dn { display: none } .tac { text-align: center } .dni { display: none !important; } .posr { position: relative; } .posa { position: absolute; } .container-fluid { width: 100%; } /*寬度通屏*/ .container { width: 1200px; margin: 0 auto; } /*主體內容寬度*/ .saomiao { float: left; margin: 13px 0 0 10px; position: relative; z-index: 999; } .saomiao .xian { display: none; position: absolute; left: 23px; top: 23px; z-index: 999; } .saomiao:hover .saomiao .xian { display: block; } /*漂浮廣告位*/ .piaofu { position: fixed; top: 300px; left: 10px; z-index:99999; } .guanbiBtn a { line-height: 15px; cursor: pointer; color: #FFF; background: #888; font-size: 12px; padding: 1px 2px; } .piaofuImg a { display: inline-block; } .ding { width: 144px; height: 255px; position: relative; overflow: hidden; } .dakaiBtn { display: none; border: 1px solid #ccc; padding: 3px; width: 14px; color: #454545; font-weight: bold; cursor: pointer; font-size: 14px; background: #dadada; margin-top: 100px; } /*頂部*/ .top { height: 34px; margin: 0 auto; color: #919191; border-bottom: 1px solid #b3b3b3; } .topl { display: flex; align-items: center; height: 34px; } .topl li { line-height: 16px; padding: 0 10px 0 5px; border-right: 1px solid #b3b3b3; } .topl li:first-child { padding-left: 0; } .topl li:last-child { border-right: 0; } .icon-wx { width: 16px; height: 16px; background: url(/images/index/icon-wx.png) no-repeat center; } .icon-xcx { width: 16px; height: 16px; background: url(/images/index/icon-xcx.png) no-repeat center; } .icon-dy { width: 16px; height: 16px; background: url(/images/index/icon-dy.png) no-repeat center; } .icon-mobile { width: 16px; height: 16px; background: url(/images/index/icon-mobile.png) no-repeat center; } .icon-zhibo { width: 16px; height: 16px; background: url(/images/index/icon-zhibo.png) no-repeat center; } .icon-app { width: 16px; height: 16px; background: url(/images/index/icon-app.png) no-repeat center; } .topl span { margin-left: 5px; color: #333; cursor: pointer; font-size: 12px; } .showpic { position: relative; } .showpic img { position: absolute; top: 27px; width: 120px; height: 120px; z-index: 99; } .showpic:hover img { display: block; } .topr { font-size: 12px; line-height: 34px; color: #333; } .logins { width: 70px; height: 34px; color: #fff; background-color: #e91e63; text-align: center; } .login { width: 70px; height: 34px; color: #fff; background-color: #0fab2c; text-align: center; } .reg { width: 70px; height: 34px; background-color: #fff; text-align: center; border-right: 1px solid #b3b3b3; } .top-nav { position: relative; cursor: pointer; } .top-nav span { margin: 0 6px 0 14px; } .top-nav i { width: 9px; height: 6px; margin-top: 14px; background: url(/images/index/icon-trigon-b.png) no-repeat center; } .top-nav-con { z-index: 999; position: absolute; top: 35px; right: 0; width: 966px; padding: 10px 0; border: 1px solid #b3b3b3; border-top: none; background: #fff; } .top-nav-con li { width: 90px; height: auto; margin-left: 20px; border-right: 1px solid #efefef; display: inline-block; line-height: 34px; padding: 0 20px; } .top-nav-con li p { color: #333; font-size: 14px; font-weight: bold; } .top-nav-con li a { display: block; } .top-nav:hover .top-nav-con { display: block !important; } /*提醒、推薦*/ .remind { margin: 10px auto 0; font-size: 12px; } .remind-l { width: 490px; height: 32px; margin-right: 10px; border: 1px solid #e5e5e5; } .remind-tit { width: 90px; height: 100%; color: #444; line-height: 30px; background: #eaeaea; } .remind-tit a { color: #444; } .remind-tit span { display: block; height: 100%; margin: 0 5px 0 8px; font-weight: bold; } .remind-tit i { display: block; width: 9px; height: 6px; margin-top: 12px; background: url("/images/index/icon-trigon-b.png") no-repeat center; } .remind-l-con { padding: 0 20px; height: 30px; line-height: 30px; overflow: hidden; } .remind-l-con a { /* display:block; */ width: 100%; color: #e60000; font-weight: bold; } .remind-r { width: 686px; height: 32px; border: 1px solid #e5e5e5; } .remind-r .remind-tit { margin-right: 10px; } .remind-r .remind-tit span { margin: 0 7px 0 12px; } .remind-r .remind-tit i { width: 6px; height: 9px; margin-top: 11px; background: url("/images/index/icon-trigon-r.png") no-repeat center; } .remind-r-con { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; } .remind-r-con ul { height: 30px; } .remind-r-con li { display: inline-block; margin-right: 15px; color: #666; } .remind-r-con a { display: inline-block; color: #666; } .remind-r-con a:hover { color: #f00; } .logo a, .logo span { display: block; } .logo-pic { width: auto; height: 70px; margin: 10px 0; } .logo-line { position: relative; width: 1px; height: 58px; margin: 34.5px 18px 0 18px; background-color: #cbcbcb; } .logo-line::before { content: ""; position: absolute; top: 0; width: 1px; height: 16px; background: linear-gradient(to top, #cbcbcb,#fff); } .logo-line::after { content: ""; position: absolute; bottom: 0; width: 1px; height: 16px; background: linear-gradient(to top,#fff, #cbcbcb); } .classify { display: block; margin-top: 34.5px; font-size: 20px; color: #535353; line-height: 58px; font-weight: bold; } .search { margin: 0 16px 0 16px; } .searchbox { position: relative; width: 480px; height: 38px; margin: 15px 0 10px 0; line-height: 42px; border: 2px solid #0fab2c; } .search-select { height: 38px; line-height: 38px; width: 70px; overflow: hidden; color: #666; position: absolute; left: -2px; border-right: 1px solid #ececec; padding-left: 8px; border-left: 2px solid #0fab2c; } .search-select > i { display: block; position: absolute; top: 0; right: 10px; width: 10px; height: 6px; margin-top: 16px; background: url("/images/index/icon-bottom.png") no-repeat center; } .search-select ul li { width: 40px; text-align: center; cursor: pointer; } .search-select:hover { height: 304px; border-bottom: 2px solid #0fab2c; background: #fff; border-top: 0; border-right: none; z-index: 500; } .search-select:hover ul li { width: 100%; padding-left: 8px; border-right: 2px solid #0fab2c; text-align: left; box-sizing: border-box; } .search-select:hover ul li:first-child { border-right: none; } .searchbox .iconfont { font-size: 12px; position: absolute; right: 5px; top: 0; margin-top: 16px; } .searchtext { width: 310px; margin-left: 70px; height: 38px; line-height: 38px; border: none; outline: none; padding-left: 10px; font-family: "microsoft yahei"; } .searchbtn { position: absolute; top: 0; right: 0; padding: 0 15px; background: #0fab2c; color: #fff; height: 38px; border: none; outline: none; cursor: pointer; } .searchbtn:active { background: #0fab2c; } .searchgjc { width: 480px; font-size: 12px; white-space: nowrap; overflow: hidden; } .searchgjc > span { color: #666; } .searchgjc > ul { width: 432px; height: 16px; } .searchgjc > ul > li { display: inline-block; margin-right: 10px; } .searchgjc a { color: #333; } .head-banner { position: relative; width: 400px; height: 70px; margin-top: 14px; float: right; overflow: hidden; } .cover { position: absolute; display: block; padding-top: 0px; } .tuiguang { width: 20px; height: 10px; position: absolute; z-index: 9; right: 2px; bottom: 5px; } /*導航*/ .nav { background-color: #0fab2c; } .nav-act { background-color: #007d17; } .nav-con { height: 48px; background-color: #00a01e; } .nav-con li { float: left; } .nav-con li:hover { background-color: #007d17; } .nav-con li a { display: block; padding: 0 24.7px; font-size: 16px; color: #fff; line-height: 48px; font-weight: bold; } .nav-hot { z-index: 99; display: block; top: 5px; right: 10px; width: 13px; height: 14px; } .nav-con-child { width:450px; position: absolute; top: 48px; color: #fff; background-color: #0fab2c; /*border-radius: 5px;*/ z-index: 99; } .nav-con-child li { /*border-bottom: 1px solid #fff;*/ } /*.nav-con-child li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .nav-con-child li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 0; }*/ .nav-con-child i { display: block; position: absolute; width: 10px; height: 6px; margin-top: -7px; right: 56px; background: url("/images/index/icon-top.jpg") no-repeat center; } .nav-con-child li a { display: block; padding: 0 32.1px; font-size: 16px; color: #fff; line-height: 48px; font-weight: normal; } /* .nav-zs:hover .nav-con-child{ display: block; } */ .remind-snav { width: 410px; height: 32px; border: 1px solid #e5e5e5; font-size: 14px; } .remind-snav .remind-tit { margin-right: 10px; } .remind-snav .remind-tit span { margin: 0 7px 0 12px; } .remind-snav .remind-tit i { width: 6px; height: 9px; margin-top: 11px; background: url("/images/index/icon-trigon-r.png") no-repeat center; } .remind-snav-con { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; } .remind-snav-con ul { height: 30px; } .remind-snav-con li { display: inline-block; margin-right: 15px; color: #666; } .remind-snav-con a { display: inline-block; color: #666; } .remind-snav-con a:hover { color: #f00; } .ncpjg li { display: inline-block; margin-right: 7px; color: #666; } .snav-c { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; text-align: center; width: 1198px; border: 1px solid #e5e5e5; } .snav-c li { display: inline-block; font-size: 14px; line-height: 32px; padding: 0 12px; border-right: 1px solid #e5e5e5; } .snav-c li:last-child { border: 0; } .snav-c li a strong { color: rgb(25, 0, 252); } .piaofu-r { right:40px!important; } /*視頻招商*/ .spzs-top li { width: 232px; height: 275px; float: left; margin: 10px 10px 0 0; background: #f5f5f5; position: relative; overflow: hidden; } .spzs-top li:last-child { margin-right: 0; } .spzs-c-l { /*width: 403px;*/ } .spzs-c-l li { float: left; margin:10px 10px 0 0; height: 100%; overflow: hidden; } .spzs-c-l li:nth-child(6n) { margin-right:0; } .spzs-c-l li a { position: relative; display: block; overflow: hidden; } .spzs-c-l li span { display: block; text-align: center; height: 14px; line-height: 14px; padding: 2px 0; } .spzs-c-c { float: left; margin-top: 5px; width: 394px; height: 331px; overflow: hidden; position: relative; } .spzs-c-c .hd { height: 15px; overflow: hidden; position: absolute; right: 2px; bottom: 6px; z-index: 1; } .spzs-c-c .bd { position: relative; height: 100%; z-index: 0; } .spzs-c-c .hd ul { overflow: hidden; zoom: 1; float: left; } .spzs-c-c .hd ul li { float: left; margin-right: 5px; width: 15px; height: 15px; font-size: 12px; line-height: 17px; text-align: center; cursor: pointer; background: #d8d8d8; } .spzs-c-c .hd ul li.on { background: #f00; color: #fff; } .spzs-c-c .bd ul { position: relative; overflow: hidden; padding: 0px; } .spzs-c-c .bd ul li { float: left; width: 394px; } .spzs-c-r { width: 403px; } .spzs-c-r li { float: left; margin: 5px 0 0 7.5px; background: #f5f5f5; height: 100%; overflow: hidden; } .spzs-c-r li a { position: relative; display: block; overflow: hidden; } .spzs-c-r li span { display: block; text-align: center; height: 14px; line-height: 14px; padding: 2px 0; } .spzs-bottom li { width: 294px; height: 90px; float: left; margin: 5px 8px 0 0; background: #f5f5f5; position: relative; overflow: hidden; } .spzs-bottom li:last-child { margin-right: 0; } /*快速找產品*/ .title { background: url(/images/tuijian/pic1.jpg) no-repeat 2px 13px; height: 50px; border-bottom: solid 2px #18b133; } .title h2 { float: left; padding-left: 14px; line-height: 50px; font-size: 22px; } .title h2 a { color: #18b133; } .title span { float: right; padding-right: 5px; color: #9b9b9b; font-size: 14px; line-height: 50px; } .title span a { color: #9b9b9b; } .title span a:hover { color: #f00; } .fp-list { margin-left: 50px; } .fp-list li { float: left; line-height: 30px; margin: 10px 0; padding: 0 10px; cursor: pointer; } .fp-list .on { height: 30px; line-height: 30px; background: #fff; padding: 0 10px; color: #fff; background: #ff4400; border-radius: 5px; } .Ksousuo { background: #1ac20d; height: 34px; width: 470px; position: absolute; right: 0; top: 12px; } .kuang { float: left; } .Kinput1 { width: 220px; margin-top: 7px; padding-left: 10px; height: 22px; border: 0; font-size: 15px; color: #f00; font-weight: bold; line-height: 20px; } .Kinput2 { width: 68px; height: 34px; background: url(/Images/ss04.gif); border: 0; cursor: pointer; } .fp-con ul { margin-top: 15px; } .fp-con li { position: relative; float: left; text-align: center; width: 95px; height: 28px; margin: 0 0 11px 10px; padding: 0 6px; font-size: 12px; line-height: 28px; background: #f8f8f8; border: 1px solid #dadada; } .fp-con li:hover, .fp-con li:hover a { /* border-color: #e60000; */ background-color: #1ac20d; color: #fff; } /*火爆招商*/ .hbzs .zstitle { background: url(/images/hbzs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .zstitle span { float: right; padding-right: 5px; color: #9b9b9b; font-size: 14px; line-height: 50px; } .zstitle span a { color: #9b9b9b; } .zstitle span a:hover { color: #f00; } .hbzs-con li { float: left; background: #fff; margin: 20px 10px 20px 0px; overflow: hidden; } .hbzs-con li:last-child { margin-right: 0; } .hbzs-con li a { position: relative; display: block; overflow: hidden; } .hbzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*大講堂*/ .djt { margin: 20px 0; } .djt-l { width: 290px; } .djt-l p { background: #f3f3f3; height: 28px; margin: 10px 0; line-height: 28px; text-align: center; } .djt-c { width: 480px; margin: 0 30px; } .djt-c li { width: 480px; float: left; line-height: 24px; font-size: 14px; color: #CCC; white-space: nowrap; overflow: hidden; } .djt-c li span { margin-right: 5px; color: #999; font-weight: bold; } .djt-r { width: 370px; } .djt-r-title { height: 40px; border-bottom: 1px solid #e5e5e5; } .djt-r-title span { font-size: 20px; line-height: 40px; color: #666; } .djt-r-title a { float: right; font-size: 14px; line-height: 40px; color: #666; } .djt-r ul li { height: 26px; width: 74px; line-height: 26px; text-align: center; background: #f6f6f6; font-size: 14px; margin: 10px 0; color: #666; float: left; } /*名牌招商*/ .mpzs .zstitle { background: url(/images/mpzs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .mpzs-con li { float: left; background: #fff; margin: 20px 10px 20px 0px; overflow: hidden; } .mpzs-con li:last-child { margin-right: 0; } .mpzs-con li a { position: relative; display: block; overflow: hidden; } .mpzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*農藥肥料新聞*/ .news { margin: 20px 0; } .news-l { width: 400px; overflow: hidden; } .news-l .tuijian { padding-bottom: 7px; line-height: 21px; color: #666; } .news-l .tuijian img { float: left; margin-right: 15px; } .news-l .tuijian p a { font-size: 14px; font-weight: bold; color: #4c4c4c; } .news-l .tuijian span a { color: #f00; } .news-c { width: 380px; margin: 0 10px; overflow: hidden; } .news-c li { font-size: 14px; line-height: 23px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .news-c li span { margin-right: 5px; color: #999; font-weight: bold; } .news-r { width: 400px; overflow: hidden; } .news-r li { font-size: 14px; line-height: 23px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .news-r li span { margin-right: 5px; color: #999; font-weight: bold; } /*黃金招商*/ .hjzs .zstitle { background: url(/images/hjzs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .hjzs{ padding-bottom:20px } .hjzs-con li { float: left; background: #fff; margin: 20px 10px 0px 0px; overflow: hidden; } .hjzs-con li:last-child { margin-right: 0; } .hjzs-con li a { position: relative; display: block; overflow: hidden; } .hjzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*品牌*/ .brand { width: 590px; margin-right: 10px; } .brand .title ul { margin-left: 150px; } .brand .title ul li { float: left; line-height: 30px; margin: 10px 10px; cursor: pointer; } .brand .title ul li.on { height: 30px; line-height: 30px; background: #ff4400; padding: 0 10px; color: #fff; border-radius: 5px; } .brand .title ul li a { font-size: 14px; line-height: 30px; color: #666; } .brand .title ul li.on a { color: #fff; } .brand-c li { float: left; width: 20%; margin-top: 8px; } .brand-c li a { font-size: 14px; width: 115px; display: block; text-align: center; line-height: 24px; height: 24px; background: #e6e6e6; } .brand-c li a:hover { background: #009933; color: #fff; } .brandnews { width: 590px; margin-right: 10px; } .brandnews ul li { font-size: 12px; line-height: 24px; float: left; display: block; width: 290px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .brandnews ul li:nth-child(even) { margin-right: 0; } .brandnews ul li:first-child + li + { margin-right: 0; } .brandnews ul li span { margin-right: 5px; color: #999; font-weight: bold; } /*金牌招商*/ .jpzs .zstitle { background: url(/images/jpzs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .jpzs-con { padding:10px 0; } .jpzs-con li { float: left; background: #fff; margin: 10px 8px 0px 0px; overflow: hidden; } .jpzs-con li:last-child { margin-right: 0; } .jpzs-con li a { position: relative; display: block; overflow: hidden; } .jpzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*肥料農藥價格*/ .flprice { width: 590px; margin-right: 10px; } .flprice .title ul { margin-left: 150px; } .flprice .title ul li { float: left; line-height: 30px; margin: 10px 10px; padding: 0 10px; cursor: pointer; } .flprice .title ul li.on { height: 30px; line-height: 30px; background: #fff; padding: 0 10px; border: 1px solid #f40; color: #ff4400; border-radius: 10px; } .flprice .title ul li a { font-size: 14px; line-height: 30px; font-weight: bold; color: #666; } .flprice .title ul li.on a { color: #ff4400; } .flprice-c ul li { float: left; height: 24px; line-height: 24px; font-size: 12px; width: 290px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .flprice-c ul li:nth-child(even) { margin-right: 0; } .flprice-c ul li span { color: #f00; } .nyprice { width: 590px; margin-left: 10px; } .nyprice .title ul { margin-left: 150px; } .nyprice .title ul li { float: left; line-height: 30px; margin: 10px 10px; padding: 0 10px; cursor: pointer; } .nyprice .title ul li.on { height: 30px; line-height: 30px; background: #fff; padding: 0 10px; border: 1px solid #f40; color: #ff4400; border-radius: 10px; } .nyprice .title ul li a { font-size: 14px; line-height: 30px; font-weight: bold; color: #666; } .nyprice .title ul li.on a { color: #ff4400; } .nyprice-c ul li { float: left; height: 24px; line-height: 24px; font-size: 12px; width: 290px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .nyprice-c ul li:nth-child(even) { margin-right: 0; } .nyprice-c ul li span { color: #f00; } /*農產品價格*/ .ncp li { float: left; height: 24px; line-height: 24px; font-size: 12px; width: 232px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .ncp li:nth-child(5n) { margin-right: 0; } .ncp li span { color: #f00; } /*農化市場*/ .market { width: 590px; } .market-tj { width: 190px; margin-top: 10px; float: left; margin-right: 20px; } .market-tj img { width: 190px; height: 120px; float: left; border: 1px #ebebeb solid; } .market-tj p { width: 190px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333; float: left; } .market-c { width: 366px; margin-top: 10px; float: left; overflow: hidden; } .market-c li { width: 366px; height: 24px; line-height: 24px; float: left; font-size: 14px; color: #808080; white-space: nowrap; overflow: hidden; } .market-c li span { margin-right: 5px; color: #999; font-weight: bold; } /*農化協會*/ .xiehui { width: 590px; } .xiehui-tj { width: 190px; margin-top: 10px; float: left; margin-right: 20px; } .xiehui-tj img { width: 190px; height: 120px; float: left; border: 1px #ebebeb solid; } .xiehui-tj p { width: 190px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333; float: left; } .xiehui-c { width: 366px; margin-top: 10px; float: left; overflow: hidden; } .xiehui-c li { width: 366px; height: 24px; line-height: 24px; float: left; font-size: 14px; color: #808080; white-space: nowrap; overflow: hidden; } .xiehui-c li span { margin-right: 5px; color: #999; font-weight: bold; } /*新加火爆招商 .mpzs .zstitle { background: url(/images/hbzs.png) no-repeat 2px 10px; background-size: auto 30px; } .mpzs-con li { float: left; background: #fff; margin: 20px 10px 20px 0px; overflow: hidden; } .mpzs-con li:last-child { margin-right: 0; } .mpzs-con li a { position: relative; display: block; overflow: hidden; } .mpzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; }*/ /*精品招商*/ .jpizs .zstitle { background: url(/images/jpizs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .jpizs-con { margin: 20px 0; } .jpizs-con li { float: left; background: #fff; margin: 0px 12px 5px 0px; overflow: hidden; } .jpizs-con li:nth-child(6n) { margin-right: 0; } .jpizs-con li a { position: relative; display: block; overflow: hidden; } .jpizs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*農業技術*/ .baike { width: 285px; height: auto; margin-right: 20px; overflow: hidden; float: left; margin-top: 10px; } .baike:last-child { margin-right: 0; } .tit { height: 20px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; } .tit p { font-size: 14px; font-weight: bold; display: block; height: 20px; color: #111; float: left; border-bottom: 1px solid #00a30e; } .tit span { float: right; } .tit span a:hover { color: #f00; } .baike li { font-size: 12px; line-height: 24px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .baike li span { margin-right: 5px; color: #999; font-weight: bold; } .zzjs { margin-top: 10px; height: auto; } .zzjs li { float: left; font-size: 12px; line-height: 24px; width: 111px; margin-right: 10px; list-style-type: none; background: #00a20e; margin-bottom: 6px; text-align: center; white-space: nowrap; overflow: hidden; } .zzjs li:hover { background: #6e6e6e; } .zzjs li:nth-child(10n) { margin-right: 0; } .zzjs li a { color: #fff; text-decoration: none; } /*熱點話題*/ .huati-l { width: 900px; } .huati-l li { float: left; height: 24px; line-height: 24px; font-size: 12px; width: 217.5px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .huati-l li:nth-child(4n) { margin-right: 0; } .huati-l li span { margin-right: 5px; color: #666; font-weight: bold; } .huati-r { width: 290px; } .huati-r li { float: left; height: 24px; line-height: 24px; font-size: 12px; width: 140px; margin-right: 10px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .huati-r li:nth-child(even) { margin-right: 0; } .huati-r li span { margin-right: 5px; color: #666; font-weight: bold; } /*病蟲害防治*/ .bch-l { width: 81px; height: auto; float: left; margin-top: 10px; margin-right: 9px; overflow: hidden; } .bch-l li { position: relative; height: 57px; float: left; margin-top: 8px; } .bch-l li .bg { width: 81px; height: 18px; line-height: 18px; position: absolute; background: #000; bottom: 0px; left: 0; filter: Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .bch-l li .text { width: 81px; height: 18px; line-height: 18px; position: absolute; bottom: 0px; left: 0; text-align: center; color: #FFF; } .bch-l li .text a { font-size: 12px; color: #FFF; } .bch-c { width: 960px; height: auto; overflow: hidden; float: left; margin-top: 10px; } .bch-c li { float: left; width: 310px; font-size: 12px; line-height: 25px; color: #4c4c4c; margin-right: 10px; white-space: nowrap; overflow: hidden; } .bch-c span { margin-right: 5px; color: #666; font-weight: bold; } .bch-r { width: 240px; height: auto; float: left; margin-top: 14px; } .bch-r-c { width: 240px; height: 24px; overflow: hidden; margin-bottom: 9px; } .bch-r-c-title { width: 81px; height: 24px; background: #00a20e; float: left; line-height: 24px; font-size: 14px; text-align: center; } .bch-r-c-title a { color: #FFFFFF; } .bch-r-c li { height: 24px; width: 46px; float: left; line-height: 24px; font-size: 12px; text-align: center; margin-left: 7px; } .bch-r-c li a { text-decoration: none; color: #4c4c4c; background: #eee; display: block; } .bch-r-c li a:hover { background: #999; color: #FFFFFF; } /*王牌招商*/ .wpzs .zstitle { background: url(/images/wpzs.png) no-repeat 2px 10px; background-size: auto 30px; height: 50px; border-bottom: solid 2px #18b133; } .wpzs-con { margin: 20px 0; } .wpzs-con li { float: left; background: #fff; margin: 0px 12px 5px 0px; overflow: hidden; } .wpzs-con li:nth-child(6n) { margin-right: 0; } .wpzs-con li a { position: relative; display: block; overflow: hidden; } .wpzs-con li span { font-size: 14px; text-align: center; margin-top: 5px; display: block; padding-bottom: 7px; font-weight: normal; } /*最新企業、新品發布、企業新聞*/ .company { width: 390px; } .company-c { margin-top: 10px; } .company-c li { float: left; width: 190px; line-height: 23px; color: #4c4c4c; margin-right: 10px; white-space: nowrap; overflow: hidden; } .company-c li:nth-child(even) { margin-right: 0; } .company-c li span { margin-right: 5px; color: #666; font-weight: bold; } .pro { width: 390px; margin: 0 15px; } .pro-c { margin-top: 10px; } .pro-c li { float: left; width: 190px; line-height: 23px; color: #4c4c4c; margin-right: 10px; white-space: nowrap; overflow: hidden; } .pro-c li:nth-child(even) { margin-right: 0; } .pro-c li span { margin-right: 5px; color: #666; font-weight: bold; } .companynews { width: 390px; } .companynews-c { margin-top: 10px; } .companynews-c li { float: left; width: 390px; line-height: 23px; white-space: nowrap; overflow: hidden; } .companynews-c li span { margin-right: 5px; color: #666; font-weight: bold; } /*熱點專題*/ .zhuanti { margin-top: 10px; } .zhuanti li { float: left; width: 232px; margin-right: 10px; } .zhuanti li:last-child { margin-right: 0; } .zhuanti li span { display: block; /*width: 182px;*/ height: 24px; line-height: 24px; text-align: center; background: #f5f5f5; } .zhuanti li a { color: #4c4c4c; text-decoration: none; } /*商機互動*/ .shows { width: 285px; height: auto; margin-right: 20px; overflow: hidden; float: left; margin-top: 10px; } .shows:last-child { margin-right: 0; } .shows li { font-size: 12px; line-height: 24px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .shows li span { margin-right: 5px; color: #999; font-weight: bold; } /*農資展會*/ .hezuo { width: 220px; float: left; margin-right: 20px; margin-top: 10px; height: 280px; overflow: hidden; } .hezuo .content { width: 220px; overflow: hidden; height: 310px; } .hezuo .content li { margin-bottom: 0px; float: left; margin-top: 5px; } .exh_news { width: 640px; float: left; overflow: hidden; margin: 10px 20px 0 0; } .exh_news li { line-height: 23px; width: 310px; float: left; color: #4c4c4c; margin-right: 20px; white-space: nowrap; overflow: hidden; } .exh_news li:nth-child(even) { margin-right: 0; } .exh_news li span { margin-right: 5px; color: #666; font-weight: bold; } .secondright { width: 300px; float: right; overflow: hidden; margin-top: 10px; } .baodao li { line-height: 24px; color: #4c4c4c; white-space: nowrap; overflow: hidden; } .baodao li span { margin-right: 5px; color: #666; font-weight: bold; } .download { margin-top: 8px; } .download .hot li { color: #4c4c4c; width: 140px; margin: 2px 20px 2px 0; float: left; } .download .hot li:nth-child(even) { margin-right: 0; } .download .hot li span { margin-right: 5px; color: #666; font-weight: bold; } /*農化推廣*/ .zhtg .bd { padding: 5px 10px 0 10px; margin: 0 auto; } .zhtg .bd li { float: left; margin-right: 7px; width: 190px; text-align: center; line-height: 19px; font-size: 12px; color: #666; } .zhtg .bd img { width: 190px; height: 152px; } .zhtg-news { overflow: hidden; margin-top: 5px } .zhtg-news li { width: 292px; height: 26px; line-height: 26px; font-size: 14px; float: left; overflow: hidden; margin-right: 8px; white-space: nowrap; overflow: hidden; } .zhtg-news li span { margin-right: 5px; color: #666; font-weight: bold; } /*火爆文化*/ .wenhua { width:385px!important; } .wenhua-pic { height: 91px; float: left; margin: 10px 0; } .wenhua-pic li { width: 385px; height: 91px; float: left; margin-right: 20px; } .wenhua-pic li:last-child { margin-right: 0; } /*火爆服務*/ .fuwu { height: 26px; float: left; padding: 10px 0; border-bottom: solid 1px #e0e0e0; } .fuwu li { width: auto; height: 26px; border-right: solid 1px #e0e0e0; float: left; padding: 0 18.5px; } .fuwu img { width: 26px; height: 26px; float: left; } .fuwu p { width: auto; height: 26px; font-size: 14px; line-height: 26px; color: #666; float: left; } .chengxin { height: 132px; float: left; background: url(/images/index/gswhbj.jpg) no-repeat; } .chengxin li { width: 270px; height: 46px; padding: 10px 15px; float: left; overflow: hidden; } .chengxin li div { width: 30px; font-size: 24px; color: #4d4d4d; float: left; } .chengxin li span { width: 240px; font-size: 14px; color: #f80500; float: left; margin-top: 10px; } .chengxin li p { width: 270px; height: 16px; line-height: 16px; font-size: 14px; color: #666; float: left; } .wbz { width: 1200px; ; height: 65px; float: left; background: url(/images/index/wbz.jpg) no-repeat; margin: 10px 0; } .wbz-c { width: 950px; height: 30px; float: right; margin-top: 17px; } .wbz-c li { width: 190px; height: 30px; float: left; } .wbz-c li img { width: 30px; height: 30px; float: left; margin-left: 30px; } .wbz-c li p { width: auto; height: 30px; line-height: 30px; font-size: 16px; color: #fff; padding: 0 10px; float: left; } /*友情鏈接*/ .link-t { height: 30px; line-height: 30px; margin: 10px 0; font-size: 16px; } .link-t span { border-left-color: #007d17; border-left-width: 5px; border-left-style: solid; color: #f00; font-weight: bold; padding-left: 10px; } .link-c p a { font-size: 14px; color: #666; margin-right: 10px; display: inline; white-space: nowrap; } .link-c p a:hover { color: #f00; } /*QQ群*/ .group { background: #FFF; margin: 16px auto; padding: 15px 0; } .grouptit p { font-size: 16px; font-weight: bold; color: #F00; line-height: 16px; margin: 0 0 0 8px; font-family: "宋體"; } .qh ul { width: 360px; padding: 0 17px; float: left; margin: 10px 0px; } .qh ul li { width: 360px; color: #666; height: 28px; line-height: 28px; position: relative; font-size: 14px; font-weight: normal; } .qh ul li img { position: absolute; right: 0px; top: 3px; } /*客服*/ .kefu { width: 940px; /*height: 232px;*/ background: url(/images/xiaofenlei/foot.jpg) no-repeat 50%; border-top: 2px #11a91e solid; margin-top: 20px; padding: 20px 0 0 260px; } .kefu p { color: #00a30e; font-size: 34px; font-weight: bold; } .kefu ul { margin-top: 15px; } .kefu ul li { float: left; line-height: 32px; width: 425px; margin-right: 30px; height: 32px; color: #454545; font-size: 14px; position: relative; cursor: pointer; } .kefu ul li span { position: absolute; z-index: 9; top: 28px; left: 125px; display: none; border: 1px solid #ededed; box-shadow: 0 0 5px #4E4E4E; } .kefu img { float: right; margin-top: 5px; } /*底部*/ .footer { margin: 0 auto; text-align: center; line-height: 22px; } .footer p { border-bottom: 1px dashed #ccc; padding: 5px 0; margin-bottom: 10px; } .footer p a { margin: 0 9px; } .lvse { color: #009933; font-weight: bold; } .lvse:hover { color: #f00; } /*右側漂浮導航*/ .frnav { z-index: 99999; position: fixed; top: 0; right: 0; width: 30px; height: 100%; background-color: #313131; } .frnav i { display: block; } .frnav-person { margin-top: 23px; } .icon-person, .frnav-person-con, .frnav-person-con input { box-sizing: border-box; } .icon-person { width: 30px; height: 34px; padding-top: 6px; } .icon-person i { width: 20px; height: 21px; margin: 0 auto 0; background: url("/images/index/person.png"); } .icon-person2 { display: block; width: 30px; height: 34px; padding-top: 6px; } .icon-person2 i { width: 20px; height: 21px; margin: 0 auto 0; background: url("/images/index/person.png"); } .db { display: block; } .frnav-person-con { top: 0; left: -280px; width: 280px; height: 220px; padding: 0 15px; background-color: #fff; } .frnav-person-con span, .frnav-person-con a { display: block; } .frnav-person-con span { margin-bottom: 5px; font-size: 12px; color: #444; line-height: 42px; font-weight: bold; } .frnav-person-con input { width: 100%; height: 36px; margin-bottom: 10px; padding-left: 10px; border: 1px solid #dcdcdc; border-radius: 2px; } .frnav-login { width: 100%; height: 36px; margin: 4px 0 12px; font-size: 12px; color: #fff; line-height: 36px; background-color: #e60000; border-radius: 2px; } .frnav-reg { right: 15px; font-size: 12px; color: #666; } .frnav-person-con::after { position: absolute; top: 10px; right: -10px; content: ""; display: block; border: 5px solid transparent; border-left-color: #fff; } .frnav-person:hover { background-color: #e42222; } .frnav-person:hover .frnav-person-con { display: block; } .frnav ul { top: 15%; } .frnav li { margin-bottom: 15px; font-size: 12px; color: #fff; line-height: 18px; cursor: pointer; } .frnav li:hover { background-color: #e42222; } .frnav-b { bottom: 20px; } .frnav-b1 { width: 16px; height: 16px; margin: 0 7px 24px; background: url("/images/index/frnavb1.png"); } .frnav-ewm i { width: 15px; height: 15px; margin-left: 7px; background: url("/images/index/frnavb2.png"); } .frnav-ewm:hover .frnav-ewm-con { display: block; } .frnav-ewm-con { bottom: 0; left: -120px; width: 120px; height: 120px; background-color: #e42222; border-radius: 4px; } .frnav-ewm-con > img { display: block; width: 110px; height: 110px; margin: 5px; } .frnav-ewm-con::after { position: absolute; bottom: 5px; right: -10px; content: ""; display: block; border: 5px solid transparent; border-left-color: #e42222; } .back-top { width: 17px; height: 14px; margin-left: 6px; background: url("/images/index/back.png"); } .floor-act { background-color: #e42222; } /*----------------------快速找產品點擊留言板塊----------------------*/ .Tan_liuyan { position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+((document.documentElement.clientHeight - 656)/2))); font-family: "微軟雅黑","黑體","宋體"; webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.4); box-shadow: 0 0 25px rgba(0,0,0,0.4); width: 856px; margin: 0 auto; padding: 4px; background: #e00000; z-index: 1000000; } .ly_top { width: 856px; height: 141px; background: url(/images/ly_top.jpg) no-repeat; } .ly_top .ly_close { width: 41px; height: 58px; float: right; margin-top: 18px; margin-right: 20px; } .ly_center { width: 856px; height: 260px; background: url(/images/ly_center.jpg) repeat-y; padding: 10px 0 0 0; } .input1 { background: #FFFFFF; font-size: 16px; width: 300px; height: 100px; border: 1px solid #7f9db9; font-family: "微軟雅黑","黑體","宋體"; padding: 10px; } .Msgfont1 { color: #6c6c6c; font-size: 14px; } .Msgfont1 span { color: #f00; } .ly_border { border: 1px solid #e6e6e6; padding: 15px; margin-top: 10px; } .input2 { width: 200px; height: 20px; line-height: 20px; border: 1px solid #7f9db9; } .ly_bot { width: 856px; height: 174px; background: url(/images/ly_bot.jpg) no-repeat; } .user_font { font-size: 20px; font-weight: bold; } .ly_bot .ly_click { width: 194px; height: 68px; margin: 0 auto; padding-top: 60px; } /*****************************產品庫樣式********************************/ .pro-head { margin-top:20px; } .pro-head-l { width: 240px; margin-right: 20px; } .pro-head-l-t { background:#0fab2c; height:40px; line-height:40px; padding:0 10px; } .pro-head-l-t p { float:left; font-size:20px; color:#fff; } .pro-head-l-t i { float: right; background: url(/Images/Company/search.png) no-repeat center; width: 18px; height: 18px; padding: 10px 0; } .pro-head-l-list { padding: 10px 0; } .pro-head-l-list-t a { border-left-color: #5a5a5a; border-left-width: 3px; border-left-style: solid; padding-left: 10px; font-size: 14px; font-weight: bold; color: #5a5a5a; } .pro-head-l-list-c { padding: 10px 0; border-bottom: 1px solid #ccc; } .pro-head-l-list-c a { display: block; float: left; color: #666; line-height: 24px; } .pro-head-l-list-c span { display: block; float: left; color: #666; line-height: 20px; padding: 0 3px; } .pro-head-c { width: 690px; margin-right: 20px; } .pro-head-c-banner { position: relative; } .pro-head-c-banner .bd { position: relative; margin: 0 auto; z-index: 0; overflow: hidden; } .pro-head-c-banner .bd img { width: 100%; } .pro-head-c-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; } .pro-head-c-banner .hd ul { text-align: center; } .pro-head-c-banner .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 42px; height: 8px; margin: 5px; overflow: hidden; background: #000; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; } .pro-head-c-banner .hd ul li.on { background: #fff; } .pro-head-c-logo { margin-top:10px; } .pro-head-c-logo ul li { float: left; margin: 10px 12px 10px 0; /*box-shadow: 0 0 1px #000;*/ } .pro-head-c-logo ul li:nth-of-type(3n) { margin-right: 0; } .pro-head-r { width:230px; } .pro-head-r-t ul li { width: 50%; float: left; text-align: center; font-size: 20px; font-weight: bold; color:#666; padding-bottom: 10px; border-bottom:1px solid #efefef; cursor:pointer; } .pro-head-r-t ul li.on { color: #0fab2c; border-bottom: 1px solid #0fab2c; } .pro-head-r .bd ul li { width:230px; white-space:nowrap; overflow:hidden; margin-top:10px; } .pro-head-r .bd ul li span { background: #0fab2c; padding: 1px 5px; font-size: 10px; color: #fff; margin-right: 10px; } /*產品庫導航*/ .pmbdh { height: 56px; background: #fff; border-bottom: 1px solid #cecece; } .weizhi { color: #333; line-height: 56px; padding-left: 10px; } .pnav { padding: 10px 0; line-height: 32px; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; border-right: 1px solid #cecece; } .pnav .on { background:#eaeaea; } .pnav .on a { /*color:#fff;*/ } .pnav-l { width: 140px; /*border-right: 1px solid #cecece;*/ margin-right: 15px; } .pnav-l span { /*padding: 5px 10px; border-left: 5px solid #0fab2c; background: #eaeaea; font-size: 14px; font-weight:bold; color:#666;*/ padding: 5px 10px; background:#0fab2c; color:#fff; border-radius:5px; margin-left:20px; } .pnav-r { width:1035px; } .pnav-r ul li { float: left; padding: 0 10px; font-size: 14px; } .pnav-r ul li a { color:#666; } .pnav-r ul li a:hover { color: #f00; } .pnav-r-father ul li { padding: 0 20px; /*border-bottom:1px solid #0fab2c;*/ } .pnav-r-father ul li.on { /*background: #0fab2c;*/ } .pnav-r-father ul li.on a { /*color: #fff;*/ } .pnav-r-child { background: #eaeaea; } .pnav-r-child ul { background: #eaeaea; } .pnav-r-child ul li { padding: 5px 10px; background: #eaeaea; } .pnav-r-child ul li a:hover { color: #f00; } .pnav-r-child ul li.on a { color: #f00; } #hotpro ul { width:90%; height:32px; overflow:hidden; } .tog { padding:0 10px; border:1px solid #cecece; margin-right:10px; color:#333; cursor:pointer; } .p-con { margin-bottom: 50px; } .p-con-box { position: relative; float: left; border: 1px solid #dadada; margin: 10px 22.5px 20px 0; /*overflow: hidden;*/ } .p-con-box:nth-child(5n) { margin-right: 0; } .p-con-box:hover { border: 1px solid #0fab2c; cursor: pointer; transition: all 0.5s; } .p-con-box .p-img { width:220px; height:209px; overflow: hidden; } .p-con-box .p-img img { transition: all 0.5s; } .p-con-box:hover .p-img img { transform: scale(1.25); /*filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px);*/ } .p-con-box:hover .p-name, .p-con-box:hover .p-type, .p-con-box:hover .p-online, .p-con-box:hover .p-com { background: #0fab2c; /*padding: 5px 0;*/ color: #fff; /*filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px);*/ transition: all 0.5s; } .p-con-box:hover > div a { color: #fff; } .p-con-box .p-name { display: block; text-align: center; height: 30px; line-height: 30px; /*border-top: 1px solid #e5e5e5;*/ background: #e6e6e6; } .p-com { text-align: center; height: 30px; line-height: 30px; color: #bbb; background: #e6e6e6; } .p-com a { color: #bbb; } .p-type { text-align: center; height: 30px; line-height: 30px; color: #bbb; background: #e6e6e6; } .p-type a { color: #0fab2c; } /*.p-con-box:before, .p-con-box:after { content: ""; display: block; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; transform: scale(0,1); transition: all 0.5s; } .p-con-box:after { top: 0; bottom: 0; transform: scale(1,0); } .p-con-box:hover:before, .p-con-box:hover:after { transform: scale(1); animation: animate 1.5s; }*/ /*.p-con-box:hover:before { border-top: 3px solid #0fab2c; border-bottom: 3px solid #0fab2c; } .p-con-box:hover:after { border-left: 3px solid #0fab2c; border-right: 3px solid #0fab2c; }*/ .p-con-box:hover .p-con-box-con { /*box-shadow: 0 0 0 35px rgba(255,255,255,0.3); opacity: 1;*/ } .p-con-box-con { position: absolute; transition: all 0.5s; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; margin: 10px 10px; padding: 10px 10px; background: #0fab2c; border-radius:25px; } .p-con-box-con img { display: block; margin: 10px auto; } .p-con-box-con p a { display: block; text-align: center; font-weight: bold; color: #fbe64e; } .p-con-box-con ul li { float: left; width: 84px; padding: 10px 0 10px 5px; overflow: hidden; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; line-height: 16px; color: #fff; font-size: 12px; } .p-con-box-con ul li i { display: block; width: 24px; height: 26px; float: left; margin: 3px 10px 0 0; background: url(/images/cx.png) no-repeat left center; } .p-con-box-con ul li i.xin { background: url(/images/cx.png) no-repeat right center; } .p-con-box-con span { display: block; text-align: center; margin: 5px auto; height: 24px; line-height: 24px; width: 100px; background: #dff; margin-top: 15px; transition: all .5s; } .p-con-box-con span:hover { border-radius: 25px; } .p-con-vip { position:absolute; right:-2px; top:-2px; width:35px; height:35px; z-index:9; } .p-con-vips { position: absolute; right: -13px; top: 277px; width: 35px; height: 35px; z-index: 9; } /*--------分頁樣式-------*/ #pagess { text-align: center; margin: 15px auto 22px auto; font-size: 12px; } #pagess a:hover { color: #ffffff; } .anpager .cpb { background: #009900 none repeat scroll 0 0; border: 1px solid #006600; color: #ffffff; font-weight: bold; margin: 5px 4px 0 0; padding: 8px 15px 8px; } .anpager a { background: #FFFFFF none repeat scroll 0 0; border: 1px solid #bdbdbd; color: #444444; margin: 5px 4px 0 0; padding: 8px 15px 8px; text-decoration: none; } .anpager a:hover { background: #009900 none repeat scroll 0 0; border: 1px solid #006600; color: white; } 好男人在线资源免费观看视频桃花影院