.top {  background-image: linear-gradient(-44deg, #00de62, #0287a0 79%, #0287a0); margin: 0px; position: relative; z-index: 999;  }
.top .p1 { line-height: 32px; font-size: 12px; color: #fff; width: 30%; letter-spacing: 1px; float: left; }
.top .p2 { line-height: 32px; width: 9%; text-align: center; float: right; }
.top .p2 a { color: #fff; font-size: 12px; }
.top .item { padding: 0px 0px 0px 20px; position: relative; float: left; }
.top .item ul { width: 120px; position: absolute; background-color: #0287a0; z-index: 999; left: -10px; height: 0px; overflow: hidden; transition: all 0.3s ease 0s; }
.top .item:hover ul { height: 130px; padding: 8px 0px; transition: all 0.3s ease 0s; }
.top .item ul a { color: #fff; display: block; width: 100%; text-align: center; }
.top .item ul a:hover { background-color: #08adcc; }

.logo { width: 100%; margin: 0px; height: 100px; position: relative; z-index: 99; background: #fff;  }
.logo .rom { padding: 15px 0px; position: relative; }
.logo .logo-pic { width: 280px; }
.logo .logo-pic img { height: 72px; }
.logo .layui-nav { background: #fff; }
.logo .layui-nav .layui-nav-more { display: none; }
.logo .layui-nav .layui-nav-item { line-height: 70px; }
.logo .layui-nav .layui-nav-item a { color: #212121; font-size: 18px; }
.logo .layui-nav .layui-nav-item:hover { background-image: linear-gradient(-44deg, #00de62, #0287a0 96%, #0287a0); }
.logo .layui-nav .layui-nav-item:hover a { color: #fff; }
.logo .layui-nav .layui-nav-item:hover .layui-nav-child a , .logo .layui-nav .layui-this a { color: #212121; }
.logo .layui-nav .layui-nav-child { top: 70px; padding: 10px 0px; }
.logo .layui-nav .layui-nav-child a { font-size: 13px; }

.logo .layui-nav .layui-this:after, .logo .layui-nav-bar, .logo .layui-nav-tree .layui-nav-itemed:after { background-color: #e95513; }
.logo .hot-icon { position: absolute; right: 20px; top: 28px; }

.part { background: #f2f2f2; padding: 30px 0px; margin-top: 0px; }
.part .item { width: 275px; height: 113px; float: left; margin-left: 32px; background-size: 100%; transition: all 0.3s ease 0s; }
.part .item:first-child { margin-left: 0px; }
.part .part-1 { background: url(../image/part-1-bg.jpg) center top no-repeat; }
.part .part-2 { background: url(../image/part-2-bg.jpg) center top no-repeat; }
.part .part-3 { background: url(../image/part-3-bg.jpg) center top no-repeat; }
.part .part-4 { background: url(../image/part-4-bg.jpg) center top no-repeat; }
.part .item .info { width: 180px; background: rgba(233,85,19,0.7); padding: 10px 0px; margin-top: 24px; transition: all 0.3s ease 0s; }
.part .item:hover .info { width: 100%; transition: all 0.3s ease 0s; }
.part .item .info h1 { color: #fff; font-size: 21px; letter-spacing: 2px; line-height: 20px; text-indent: 15px; }
.part .item .info .line { background-color: #fff; height: 1px; width: 90%; margin: 5px auto; }
.part .item .info p { color: #fff; font-size: 13px; line-height: 15px; text-indent: 15px; }

.function .item { width: 92px; margin-left: 10px; float: left; padding-left: 70px; }
.function .item:first-child { margin-left: 0px; }
.function .item a { font-size: 18px; line-height: 60px; }
.function .fun-1 { background: url(../image/icon-1.png) left center no-repeat; }
.function .fun-2 { background: url(../image/icon-2.png) left center no-repeat; }
.function .fun-3 { background: url(../image/icon-3.png) left center no-repeat; }
.function .fun-4 { background: url(../image/icon-4.png) left center no-repeat; }
.function .fun-5 { background: url(../image/icon-5.png) left center no-repeat; }
.function .fun-6 { background: url(../image/icon-6.png) left center no-repeat; }
.function .fun-7 { background: url(../image/icon-7.png) left center no-repeat; }

.footer { background: #1d9cb9; padding: 50px 0px; margin: 0px; }
.footer .qrcode { width: 240px; }
.footer .info-footer { width: 700px; }
.footer .info-footer p, .footer .info-footer a { font-size: 13px; color: #8ed2e2; line-height: 15px; letter-spacing: 1px; margin-bottom: 15px; }
.footer .info-footer span { font-size: 16px; color: #fff; }
.footer .service-footer { width: 230px; }
.footer .footer-tt .tt { color: #fff; font-family: "Georgia"; font-size: 18px; line-height: 36px; }   
.footer .footer-tt .line { width: 30px; height: 1px; background: #fff; margin: 10px 0px 30px; }
.footer .qrcode .item { float: left; margin-right: 30px; }
.footer .qrcode .item img { width: 130px; }
.footer .qrcode .item p { font-size: 13px; color: #fff; line-height: 50px; text-align: center; }

.footer .service-footer .intro { padding: 0px; }
.footer .service-footer .intro h3 { font-size: 14px; letter-spacing: 1px; color: #fff; line-height: 14px; margin-bottom: 12px; }
.footer .service-footer p { font-size: 12px; letter-spacing: 1px; color: #8ed2e2; line-height: 12px; margin-bottom: 8px; }
.footer .more { display: block; width: 180px; border: 1px solid #fff; color: #fff; text-align: center; font-size: 15px; line-height: 36px; margin-top: 40px; transition: all 0.3s ease 0s; }
.footer .more:hover { background: #fff; color: #fff; transition: all 0.3s ease 0s; }

.bottom { background: #000; margin: 0px; }
.bottom p { color: #9f9f9f; text-align: center; font-size: 14px; line-height: 50px; letter-spacing: 2px; }
.bottom a { color: #9f9f9f; }

.farm-logo .nav-list { width: 560px; }

.footer .qrcode .item .qr-2, .footer .qrcode .item .qr-2-p { width: 115px; }
.footer .qrcode .item .qr-2:first-child { margin-bottom: 10px; }