@charset "utf-8"; * { font-family: "微软雅黑", "microsoft yahei"; } ul, ol { list-style: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } a:link { text-decoration: none; } a:focus { text-decoration: none; } body { position: relative; } .clearfix { overflow: hidden; } .clearfix_2::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .hiddenColor { visibility: hidden; } .hand { cursor: pointer; } .aTag_parent { position: relative; } .aTag_parent>a, .aTag { display: block; width: 100%; height: 100%; position: absolute; z-index: 99; border: 0px; top: 0px; left: 0px; background: rgba(0, 0, 0, 0); } .dot1 { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dot3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } input, img { border: none; } .cover100 img { display: block; width: 100%; height: 100%; object-fit: cover; } .back100 { background-size: 100% 100%; background-repeat: no-repeat; } article, aside, footer, header, time, video, main, nav, h4, h3, section { display: block; } .index_main { margin: 0 auto; } .slow_6 { -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .adPlace { width: 1200px; margin: 20px auto 0; } .index_main { width: 1200px; } .index_1 { box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.10); margin-top: 30px; box-sizing: border-box; } .img_ul_1 { width: 1160px; margin: 30px auto 0px; height: 190px; .img_li_1 { float: left; width: 180px; height: 180px; margin: 0px 16px 16px 0px; } .img_li_1_photo { display: block; width: 100%; height: 100%; } .img_li_1:nth-of-type(6n) { margin-right: 0px; } } .ul_1 { padding: 0px 0px 10px; box-sizing: border-box; width: 1168px; margin: 9px auto 0px; min-height: 200px; .ul_1_a { float: left; margin: 0px 17px 15px 0px; background: #FAFAFA; height: 51px; line-height: 51px; color: #333; font-size: 16px; width: 220px; padding: 0px 10px; box-sizing: border-box; text-align: center; } .ul_1_a:nth-of-type(5n) { margin-right: 0px; } } .index_left { float: left; width: 900px; margin-bottom: 20px; } .index_aside { float: right; width: 270px; } /* 种植项目 */ .index_2_head { margin: 18px auto 2px; position: relative; box-sizing: border-box; padding-left: 8px; .index_2_head_a { float: left; height: 54px; line-height: 54px; color: #999; font-size: 18px; padding: 0 10px; position: relative; font-weight: bold; } .index_2_head_a_only { color: #a91b33; font-size: 22px; } } .index_2_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_2_head_right { float: right; height: 54px; line-height: 54px; .index_2_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_2_in { border: solid 1px #D9D9D9; border-right: none; display: flex; height: 239px; } .ul_2 { float: left; width: 469px; position: relative; margin: 20px auto 6px; .ul_2_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 16px; position: relative; margin-bottom: 20px; text-indent: 48px; width: 49%; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .ul_2_a:nth-of-type(odd) { float: left; } .ul_2_a:nth-of-type(even) { float: right; } .ul_2_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 30px; top: 8px; border-radius: 4px; background: #D9D9D9; } } .img_ul_2 { float: right; width: 430px; background: #FAFAFA; position: relative; box-sizing: border-box; border: solid 1px #FAFAFA; padding-top: 19px; .img_li_2 { width: 180px; margin-bottom: 10px; } .img_li_2:nth-of-type(odd) { float: left; margin-left: 20px; } .img_li_2:nth-of-type(even) { float: right; margin-right: 20px; } .img_li_2_a { display: block; width: 100%; } .img_li_2_a_photo { display: block; width: 100%; height: 180px; } .img_li_2_dot1 { height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; box-sizing: border-box; width: 100%; margin-top: 10px; color: #333; font-size: 14px; } .img_li_2_a:hover .img_li_2_dot1 { color: #a91b33; } } .img_ul_2::after { content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 0px; background: #e9e9e9; width: 1px; box-sizing: border-box; border-top: solid 10px #FAFAFA; border-bottom: solid 10px #FAFAFA; } @media screen and (min-width:1200px) { /*pc_1440*/ @media screen and (max-width:1440px) { /*1200*/ } .pc_none { display: none; } } /* 种植项目 */ /* 养殖项目 */ .index_3_head { position: relative; box-sizing: border-box; padding-left: 10px; margin: 18px auto 2px; .index_3_head_a { float: left; height: 54px; line-height: 54px; color: #999; font-size: 18px; padding: 0 10px; position: relative; font-weight: bold; } .index_3_head_a_only { color: #a91b33; font-size: 22px; } } .index_3_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_3_head_right { float: right; height: 54px; line-height: 54px; .index_3_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_3_in { border: solid 1px #D9D9D9; border-right: none; display: flex; margin-top: 1px; height: 239px; } .ul_3 { float: left; width: 469px; position: relative; margin: 20px auto 6px; .ul_3_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 16px; position: relative; margin-bottom: 20px; text-indent: 48px; width: 49%; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .ul_3_a:nth-of-type(odd) { float: left; } .ul_3_a:nth-of-type(even) { float: right; } .ul_3_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 30px; top: 8px; border-radius: 4px; background: #D9D9D9; } } .img_ul_3 { float: right; width: 430px; background: #FAFAFA; position: relative; box-sizing: border-box; border: solid 1px #FAFAFA; padding-top: 19px; .img_li_3 { width: 180px; margin-bottom: 10px; } .img_li_3:nth-of-type(odd) { float: left; margin-left: 20px; } .img_li_3:nth-of-type(even) { float: right; margin-right: 20px; } .img_li_3_a { display: block; width: 100%; } .img_li_3_a_photo { display: block; width: 100%; height: 180px; } .img_li_3_dot1 { height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; box-sizing: border-box; width: 100%; margin-top: 10px; color: #333; font-size: 14px; } .img_li_3_a:hover .img_li_3_dot1 { color: #a91b33; } } .img_ul_3::after { content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 0px; background: #e9e9e9; width: 1px; box-sizing: border-box; border-top: solid 10px #FAFAFA; border-bottom: solid 10px #FAFAFA; } @media screen and (min-width:1200px) { /*pc_1440*/ @media screen and (max-width:1440px) { /*1200*/ } .pc_none { display: none; } } /* 养殖项目*/ /* 特产项目 */ .index_4_head { position: relative; box-sizing: border-box; padding-left: 10px; margin: 18px auto 2px; .index_4_head_a { float: left; height: 54px; line-height: 54px; color: #999; font-size: 18px; padding: 0 10px; position: relative; font-weight: bold; } .index_4_head_a_only { color: #a91b33; font-size: 22px; } } .index_4_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_4_head_right { float: right; height: 54px; line-height: 54px; .index_4_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_4_in { border: solid 1px #D9D9D9; border-right: none; display: flex; margin-top: 1px; height: 239px; } .ul_4 { float: left; width: 469px; position: relative; margin: 20px auto 6px; .ul_4_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 16px; position: relative; margin-bottom: 20px; text-indent: 48px; width: 49%; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .ul_4_a:nth-of-type(odd) { float: left; } .ul_4_a:nth-of-type(even) { float: right; } .ul_4_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 30px; top: 8px; border-radius: 4px; background: #D9D9D9; } } .img_ul_4 { float: right; width: 430px; background: #FAFAFA; position: relative; box-sizing: border-box; border: solid 1px #FAFAFA; padding-top: 19px; .img_li_4 { width: 180px; margin-bottom: 10px; } .img_li_4:nth-of-type(odd) { float: left; margin-left: 20px; } .img_li_4:nth-of-type(even) { float: right; margin-right: 20px; } .img_li_4_a { display: block; width: 100%; } .img_li_4_a_photo { display: block; width: 100%; height: 180px; } .img_li_4_dot1 { height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; box-sizing: border-box; width: 100%; margin-top: 10px; color: #333; font-size: 14px; } .img_li_4_a:hover .img_li_4_dot1 { color: #a91b33; } } .img_ul_4::after { content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 0px; background: #e9e9e9; width: 1px; box-sizing: border-box; border-top: solid 10px #FAFAFA; border-bottom: solid 10px #FAFAFA; } /* 特产项目 */ /* 加工项目项目 */ .index_5_head { position: relative; box-sizing: border-box; padding-left: 10px; margin: 18px auto 2px; .index_5_head_a { float: left; height: 54px; line-height: 54px; color: #999; font-size: 18px; padding: 0 10px; position: relative; font-weight: bold; } .index_5_head_a_only { color: #a91b33; font-size: 22px; } } .index_5_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_5_head_right { float: right; height: 54px; line-height: 54px; .index_5_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_5_in { border: solid 1px #D9D9D9; border-right: none; display: flex; margin-top: 1px; height: 239px; } .ul_5 { float: left; width: 469px; position: relative; margin: 20px auto 6px; .ul_5_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 16px; position: relative; margin-bottom: 20px; text-indent: 48px; width: 49%; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .ul_5_a:nth-of-type(odd) { float: left; } .ul_5_a:nth-of-type(even) { float: right; } .ul_5_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 30px; top: 8px; border-radius: 4px; background: #D9D9D9; } } .img_ul_5 { float: right; width: 430px; background: #FAFAFA; position: relative; box-sizing: border-box; border: solid 1px #FAFAFA; padding-top: 19px; .img_li_5 { width: 180px; margin-bottom: 10px; } .img_li_5:nth-of-type(odd) { float: left; margin-left: 20px; } .img_li_5:nth-of-type(even) { float: right; margin-right: 20px; } .img_li_5_a { display: block; width: 100%; } .img_li_5_a_photo { display: block; width: 100%; height: 180px; } .img_li_5_dot1 { height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; box-sizing: border-box; width: 100%; margin-top: 10px; color: #333; font-size: 14px; } .img_li_5_a:hover .img_li_5_dot1 { color: #a91b33; } } .img_ul_5::after { content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 0px; background: #e9e9e9; width: 1px; box-sizing: border-box; border-top: solid 10px #FAFAFA; border-bottom: solid 10px #FAFAFA; } /* 加工项目 */ /* 生产项目 */ .index_6_head { position: relative; box-sizing: border-box; padding-left: 10px; margin: 18px auto 2px; .index_6_head_a { float: left; height: 54px; line-height: 54px; color: #999; font-size: 18px; padding: 0 10px; position: relative; font-weight: bold; } .index_6_head_a_only { color: #a91b33; font-size: 22px; } } .index_6_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_6_head_right { float: right; height: 54px; line-height: 54px; .index_6_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_6_in { border: solid 1px #D9D9D9; border-right: none; display: flex; margin-top: 1px; height: 239px; } .ul_6 { float: left; width: 469px; position: relative; margin: 20px auto 6px; .ul_6_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 16px; position: relative; margin-bottom: 20px; text-indent: 48px; width: 49%; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .ul_6_a:nth-of-type(odd) { float: left; } .ul_6_a:nth-of-type(even) { float: right; } .ul_6_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 30px; top: 8px; border-radius: 4px; background: #D9D9D9; } } .img_ul_6 { float: right; width: 430px; background: #FAFAFA; position: relative; box-sizing: border-box; border: solid 1px #FAFAFA; padding-top: 19px; .img_li_6 { width: 180px; margin-bottom: 10px; } .img_li_6:nth-of-type(odd) { float: left; margin-left: 20px; } .img_li_6:nth-of-type(even) { float: right; margin-right: 20px; } .img_li_6_a { display: block; width: 100%; } .img_li_6_a_photo { display: block; width: 100%; height: 180px; } .img_li_6_dot1 { height: 18px; line-height: 18px; text-align: center; padding: 0px 8px; box-sizing: border-box; width: 100%; margin-top: 10px; color: #333; font-size: 14px; } .img_li_6_a:hover .img_li_6_dot1 { color: #a91b33; } } .img_ul_6::after { content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 0px; background: #e9e9e9; width: 1px; box-sizing: border-box; border-top: solid 10px #FAFAFA; border-bottom: solid 10px #FAFAFA; } /* 生产项目 */ .index_aside_head_1 { border-bottom: solid 2px #a91b33; margin-top: 24px; .index_aside_head_1_a { float: left; height: 40px; line-height: 40px; color: #fff; font-size: 18px; padding: 0px 14px; border-radius: 4px 4px 0px 0px; background: #a91b33; } .index_aside_head_1_a_more { height: 40px; line-height: 40px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_aside_img_ul_1 { margin-top: 30px; height: 260px; .index_aside_img_li_1 { margin-bottom: 20px; } .index_aside_img_li_1:last-of-type { margin-bottom: 0px; } .index_aside_img_li_1_a { display: flex; } .index_aside_img_li_1_a_img_box { width: 120px; height: 120px; margin-right: 10px; display: block; } .index_aside_img_li_1_a img { width: 120px; height: 120px; display: block; } .index_aside_img_li_1_dot3 { height: 63px; line-height: 21px; color: #333; font-size: 18px; width: 100%; } .index_aside_img_li_1_a:hover .index_aside_img_li_1_dot3 { color: #a91b33; } } .index_aside_ul_1 { margin-top: 30px; height: 156px; .index_aside_ul_1_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 18px; position: relative; margin-bottom: 20px; text-indent: 18px; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .index_aside_ul_1_a:last-of-type { margin-bottom: 0px; } .index_aside_ul_1_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 0px; top: 8px; border-radius: 4px; background: #D9D9D9; } } /* 加盟连锁 */ .index_aside_head_2 { border-bottom: solid 2px #a91b33; margin-top: 30px; .index_aside_head_2_a { float: left; height: 40px; line-height: 40px; color: #fff; font-size: 18px; padding: 0px 14px; border-radius: 4px 4px 0px 0px; background: #a91b33; } .index_aside_head_2_a_more { height: 40px; line-height: 40px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } } .index_aside_img_ul_2 { margin-top: 30px; .index_aside_img_li_2 { margin-bottom: 20px; } .index_aside_img_li_2:last-of-type { margin-bottom: 0px; } .index_aside_img_li_2_a { display: flex; } .index_aside_img_li_2_a_img_box { width: 120px; height: 120px; margin-right: 10px; display: block; } .index_aside_img_li_2_a img { width: 120px; height: 120px; display: block; } .index_aside_img_li_2_dot3 { height: 63px; line-height: 21px; color: #333; font-size: 18px; width: 100%; } .index_aside_img_li_2_a:hover .index_aside_img_li_2_dot3 { color: #a91b33; } } .index_aside_ul_2 { margin-top: 30px; .index_aside_ul_2_a { box-sizing: border-box; height: 24px; line-height: 24px; color: #333; font-size: 18px; position: relative; margin-bottom: 20px; text-indent: 18px; &:hover { color: #a91b33; } &:hover::after { background: #a91b33; } } .index_aside_ul_2_a:last-of-type { margin-bottom: 0px; } .index_aside_ul_2_a::after { content: ''; display: block; width: 8px; height: 8px; position: absolute; left: 0px; top: 8px; border-radius: 4px; background: #D9D9D9; } } /* 加盟连锁 */ @media screen and (min-width:1200px) { /*pc_1440*/ @media screen and (max-width:1440px) { /*1200*/ } .pc_none { display: none; } } /* 养殖项目*/ @media screen and (max-width:599px) {} @media screen and (max-width:320px) {}