www.gusucode.com > 26:【198-3689】饮食食品美食日用品通用营销型网站织梦响应式模板(自适应手机) > 26:【198-3689】饮食食品美食日用品通用营销型网站织梦响应式模板(自适应手机)/skin/index.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ /*产品中心*/ .product { padding: 20px 0; margin: 0 auto } .product .item { width: 275px; border: 1px solid #e7ddbe; overflow: hidden; margin-bottom: 25px; color: #434343; height: auto; background: #fff; padding: 9px; border-radius: 4px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .product .item:hover { border: 1px solid #E60012; } .product .item .pic { clear: both; overflow: hidden; width: 255px; } .product .item img { display: block; width: 100%; } .product_1 { clear: both; overflow: hidden; margin-top: 10px; height: 40px; line-height: 40px; } .product_1 .pr_1 { float: right; width: 25px; height: 40px; margin-left: 10px; display: inline-block; overflow: hidden; background: url(images/product_car.png) no-repeat 0 center } .product_1 p { overflow: hidden } .product_1 p a { display: block; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } .product_top { clear: both; overflow: hidden; border-bottom: 1px dotted #e7dca4; padding: 10px 0; line-height: 24px; } .product_top a { float: left; margin-right: 10px; color: #686868 } .product_top a.hover { color: #000 !important; font-size: 14px; } .product1 { clear: both; overflow: hidden; padding: 30px 0 20px; } .pro_car { clear: both; overflow: hidden; } .pro_car .r-pics { width: 100%; margin: 0 auto; text-align: center } .pro_car .piczoom { clear: both; overflow: hidden; text-align: center; border-radius: 5px; border: 1px solid #e7ddbe; padding: 10px } .pro_car .piczoom img { max-width: 100%; width: 100% } .pro_car .pic-scroll { position: relative; padding: 10px 0 0; } .pro_car .pic-scroll .slick-slide p { position: relative; width: 115px; height: 70px; float: left; text-align: center; cursor: pointer; overflow: hidden; border: 1px solid #f5f5f5 } .pro_car .pic-scroll .slick-slide img { max-height: 70px; _height: 70px; } .pro_right { clear: both; overflow: hidden; padding-top: 15px; color: #8d8d8d; font-size: 14px; line-height: 25px; } .pro_right big { display: block; clear: both; overflow: hidden; font-size: 16px; color: #e60012; padding: 5px 0 } .pro_right p { padding: 5px 0; clear: both; overflow: hidden } .pro_1 { background: url(images/pr_car.jpg) no-repeat 0 0; height: 28px; width: 93px; cursor: pointer; line-height: 55; float: left; overflow: hidden; border: 0; cursor: pointer; outline: none } .pro_xx { position: relative; z-index: 10; clear: both; overflow: hidden; min-width: 320px; width: 100%; } .pro_xx img { max-width: 100%; } .proxg { clear: both; overflow: visible; padding: 10px 0; position: relative } .proxg1 { clear: both; overflow: hidden; margin: 10px 0; padding: 10px; border: 1px solid #e7ddbe; border-radius: 4px; background: #fff; } .pro_xx .slider { padding-bottom: 10px } .proxg .slick-prev, .proxg .slick-next { background: url(images/pro1.png) no-repeat 0 0; width: 29px; height: 19px; position: absolute; border: 0; top: -40px; z-index: 7; outline: none; cursor: pointer } .proxg .slick-prev { right: 32px } .proxg .slick-next { right: 0; background-position: -31px 0 !important } .pro_xg { clear: both; overflow: hidden; padding: 10px 0 } .pro_xg li { clear: both; overflow: hidden; margin: 10px 0; padding: 10px; border: 1px solid #e7ddbe; border-radius: 4px; background: #fff; } .pro_xg1 { clear: both; overflow: hidden; } .pro_xg1 img { width: 100% } /*公司荣誉*/ .honner { clear: both; overflow: hidden; padding: 10px; font-size: 14px; } .honner li { clear: both; overflow: hidden; padding: 10px 0; } .honner li .honner_1 { clear: both; overflow: hidden; width: 100% } .honner li .honner_1 img { max-width: 100%; width: 100% } .honner li p { line-height: 24px; padding-top: 10px; display: block; clear: both; overflow: hidden; text-align: center; } .honner li p a { overflow: hidden; white-space: nowrap; height: 24px; text-overflow: ellipsis; display: block } .about { clear: both; overflow: hidden; padding: 10px 0 } .about li { clear: both; overflow: hidden; background: url(images/load_2.png) repeat-x bottom; padding: 15px 0; color: #9a9a9b; font-size: 14px; line-height: 24px; } .about_1 { clear: both; overflow: hidden; padding-bottom: 3px } .about li small { float: right; display: none; margin-right: 10px; font-size: 12px; } .about_1 a { background: url(images/about_1.png) no-repeat 0 center; padding-left: 25px; color: #e92d39; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; } .about_2 { clear: both; overflow: hidden; background: url(images/about_2.png) no-repeat 0 3px; padding-left: 25px; } .about_2 dt { clear: both; overflow: hidden; height: 24px; } .about_2 dt span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; } .about_2 dd { clear: both; overflow: hidden; padding: 5px 0 } .about_m { clear: both; overflow: hidden; padding-bottom: 30px } .about_m1 { padding-top: 15px; clear: both; overflow: hidden } .about_m h3 { border-bottom: 1px dotted #d6d5d2; clear: both; overflow: hidden; line-height: 3; color: #e92d39 } .about_m th { font-weight: lighter; text-align: center; font-size: 12px; text-align: right; line-height: 35px; width: 22%; color: #686868 } .about_m th span { color: #e92d39 } .about_m th, .about_m td { padding: 10px 0; } .about_m td { padding-left: 10px; } .about_zr { clear: both; overflow: hidden; } .about_zr li { padding: 25px 0; clear: both; overflow: hidden; border-bottom: 1px dotted #e1e1e1; } .about_zr1 { clear: both; overflow: hidden } .about_zr1 a { display: block; clear: both; overflow: hidden } .about_zr1 img { max-width: 90%; border: 1px solid #ccc; padding: 4px; } .about_zr2 { clear: both; overflow: hidden; padding-top: 10px; line-height: 24px; } .about_zr2 big { clear: both; overflow: hidden; font-size: 14px; padding-bottom: 5px; display: block } .about_zr2 big a { display: block; white-space: nowrap; height: 24px; text-overflow: ellipsis; overflow: hidden; color: #e60012 } .about_zr2 em { display: block; clear: both; padding-top: 8px; color: #fdbe00; font-style: normal } .about_jj { clear: both; overflow: hidden; padding: 20px 0; line-height: 2; font-size: 16px; color: #555 } .about_jj img { max-width: 100% } .ldfc { clear: both; overflow: hidden; padding: 20px 0 } .ldfc .r-pics { width: 100%; margin: 0 auto; text-align: center } .ldfc .piczoom { clear: both; overflow: hidden; text-align: center } .ldfc .piczoom img { width: 97% } .ldfc .pic-scroll { position: relative; padding: 10px 0 0; } .ldfc .pic-scroll .slick-slide p { position: relative; width: 121px; height: 85px; margin: 0 auto; text-align: center; cursor: pointer; overflow: hidden; } .ldfc .pic-scroll .slick-slide img { max-height: 85px; _height: 85px; } .ldfc1 { border-bottom: 1px dotted #ddd; padding: 5px 0 } .fx1 { display: none; float: right } .ldfc2 { color: #cf0010; font-size: 14px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; height: 24px; overflow: hidden; line-height: 24px; } .about_fc { padding: 15px 0; clear: both; overflow: hidden; font-size: 14px; } .about_fc li { padding: 10px; text-align: center } .af_1 img { /*width:100%;*/ max-width: 100% } .about_fc li p { white-space: nowrap; text-overflow: ellipsis; line-height: 24px; padding-top: 10px; overflow: hidden; display: block } /*招商加盟*/ .bus { clear: both; overflow: hidden; padding: 10px 0; font-size: 14px; } .bus_1 { padding: 15px 0 } .bus_1 li { float: left; border: 1px solid #ebe1b2; margin: 5px; display: inline-block } .bus_1 li img { height: 42px; } .bus_2 { color: #555; font-size: 16px; line-height: 2; clear: both; overflow: hidden; padding: 15px 0; } .bus_2 img { max-width: 100% } .bus1 th { font-weight: lighter; text-align: center; font-size: 12px; text-align: right; line-height: 35px; width: 33%; color: #686868 } .bus1 th, .bus1 td { padding: 10px 0; } .bus1 td { padding-left: 10px; } .bus1 th i { padding-right: 10px; color: #ff6600; } .bus_i, .bus_t, .bus_i1 { font-size: 14px; color: #686868; outline: none; background: #fff; border: 1px solid #e4dfc4; border-radius: 3px; padding: 0 5px; overflow: hidden } .bus_i { height: 33px; line-height: 33px; width: 80%; } .bus_t { line-height: 28px; width: 90%; padding: 0 5px; resize: none; } .bus_i1 { width: 100px; text-align: center; line-height: 33px; height: 33px; float: left } .bus_i4 { padding: 5px 0 0 10px; display: inline-block; overflow: hidden; float: left } .bus_i2, .bus_i3 { text-align: center; height: 36px; border-radius: 6px; color: #fff; float: left; display: inline-block; overflow: hidden; font-size: 16px; width: 90px; cursor: pointer; background: #e60012; border: 0 } .bus_i2 { margin-right: 15px; background: #fdca00 !important } .about_m2 p { float: left; margin-right: 10px; display: inline-block; overflow: hidden; white-space: nowrap; color: #686868 } .about_m2 input { vertical-align: middle; } .about_m2 label { margin-left: 5px; } /*企业动态*/ .news { font-size: 16px; color: #e60012; text-align: center; padding: 10px 0; font-weight: lighter } .news_h5 { text-align: center; font-weight: lighter; padding-bottom: 25px; border-bottom: 1px dotted #d6d6d6 } .news_h4 { text-align: center; font-weight: lighter; padding-bottom: 20px; color: #a1a1a1 } .news_h5 p { display: none } .news1 { clear: both; overflow: hidden; padding: 15px 0; border-top: 1px dotted #d6d6d6 } .news1 dd big { clear: both; overflow: hidden; font-size: 16px; color: #e60012; padding-bottom: 5px; } .news1 dd p { line-height: 22px; height: 22px; margin: 5px 0; clear: both; overflow: hidden; display: block } .news1 dd p span { float: left; background: #cdcdcd; color: #fff; margin-right: 8px; display: inline-block; overflow: hidden; padding: 0 5px; } .news1 dd p a { height: 22px; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis } .news1 dt { padding-top: 15px; clear: both; overflow: hidden } .fx { display: inline-block; border: 1px solid #e5e5ed; border-radius: 3px; background: #efefef; padding: 5px; overflow: hidden; clear: both } .fx img { vertical-align: top } .return { padding-top: 15px } .news_r { text-align: center; padding: 10px 0 } .news_r img { max-width: 100% } .news_radio { clear: both; overflow: hidden; padding: 10px 0 } .news_radio li { overflow: hidden; padding: 0 10px 20px } .news_r1 img { width: 100%; max-width: 100% } .news_r2 { background: #7e7e7e; height: 40px; line-height: 40px; clear: both; overflow: hidden; padding: 0 10px; } .news_r2 p a { color: #fff; white-space: nowrap; text-overflow: ellipsis; height: 40px; overflow: hidden; display: block } .news_radio li.hover .news_r2 { background: #e60012 !important } .news2 { clear: both; overflow: hidden; padding: 10px; background: url(images/news2.jpg) repeat; color: #a26300; position: relative } .news2 .slider { padding-bottom: 10px } .news2 .slick-prev, .news2 .slick-next { background: url(images/news2.png) no-repeat 0 -20px; width: 20px; height: 20px; position: absolute; border: 0; bottom: 10px; z-index: 7; outline: none; cursor: pointer } .news2 .slick-prev { right: 40px } .news2 .slick-next { right: 10px; background-position: -30px 0 !important } .news2 .about_zr1 img { background: #fff } .news2 .about_zr2 em { color: #c99c00 !important } .news3 { clear: both; overflow: hidden } .news3 li { border-bottom: 1px dotted #d7d7d7; padding: 20px 0 } /*联系我们*/ .contact { clear: both; overflow: hidden; } .contact li { clear: both; overflow: hidden; padding: 20px 0 } .contact li h2 { font-weight: lighter; clear: both; font-size: 14px; line-height: 30px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .contact li h2 em { font-size: 18px; color: #e60012; margin-right: 15px; } .contact li h2 i { font-style: normal; color: #e60012 } .contact_1 { clear: both; overflow: hidden; padding-left: 35px; margin-top: 20px; background: url(images/contact_01.png) no-repeat 0 center; color: #fdb300; font-size: 16px; border-bottom: 1px dotted #d6cda3; line-height: 40px } .contact_1 strong { color: #656565; margin-right: 10px; } .contact_1 em, .contact_1 i { font-style: normal } .contact_1 em { color: #e60012 } .contact_1 i { color: #fdb300 } .contact_2 { clear: both; overflow: hidden; color: #686868; } .contact_2 dd { clear: both; overflow: hidden; border-bottom: 1px dotted #d6cda3; line-height: 30px; padding: 5px 0 5px 35px; } .c_1 { background: url(images/contact_02.png) no-repeat 0 11px } .c_2 { background: url(images/contact_03.png) no-repeat 0 13px } .c_3 { background: url(images/contact_04.png) no-repeat 0 13px } .c_4 { background: url(images/contact_05.png) no-repeat 0 13px } /*人才招聘*/ .rczp { clear: both; overflow: hidden; color: #686868 } .rczp li { clear: both; overflow: hidden; padding: 8px 0; border-bottom: 1px solid #d8d8d8; } .rczp_1 { line-height: 40px; clear: both; overflow: hidden } .rczp big { float: left; font-size: 16px; overflow: hidden; margin-right: 10px; color: #f0e9d3; font-size: 18px; line-height: 40px; } .rczp_r { overflow: hidden } .rczp_2 { float: left; display: inline-block; font-size: 14px; margin-right: 10px; } .rczp_3 { display: none; font-size: 14px; } .rczp_3 span { margin-left: 10px; } .rczp_4, .rczp3 { float: right; background: url(images/rczp_2.png) no-repeat 0 center; padding-left: 15px; cursor: pointer } .rczp3 { display: none } .rczp_5 { float: right; background: url(images/rczp_1.png) no-repeat 0 center; padding-left: 12px; display: none } .rczp_5 a { color: #686868 } .rczp2 { clear: both; overflow: hidden; padding: 5px 0; display: none } .rczp2 .rczp2_1 { color: #fff; padding: 0 15px; overflow: hidden; text-align: center } .rczp2_2 { overflow: hidden; padding-top: 10px } .rczp2 dt, .rczp2 dd { clear: both; overflow: hidden; padding-bottom: 10px; } .rczp2 dt { border-top: 1px solid #e60012 } .rczp2 dt .rczp2_1 { background: #e60012 } .rczp2 dd { border-top: 1px solid #fdbf00 } .rczp2 dd .rczp2_1 { background: #fdbf00 } .rczp li.hover { border-bottom: 0 !important } .rczp li.hover .rczp3, .rczp li.hover .rczp_5 { display: inline-block } .rczp li.hover .rczp_4 { display: none } .rczp li.hover big { color: #c51400 } .rczp li.hover .rczp_2 { font-size: 16px; color: #c51400 } @media only screen and (min-width: 768px) { .product_top { font-size: 14px; } .product_top a.hover { font-size: 16px; } .pro_car { clear: none; float: left; width: 300px; margin-right: 20px; } .pro_right { clear: none; padding-top: 0; } .pro_right big { display: block; clear: both; overflow: hidden; font-size: 16px; color: #e60012; padding: 5px 0 } .pro_right p { padding: 5px 0; clear: both; overflow: hidden } .pro_1 { background: url(images/pr_car.jpg) no-repeat 0 0; height: 28px; width: 93px; cursor: pointer; line-height: 55; float: left; overflow: hidden; border: 0; cursor: pointer; outline: none } .pro_xg li, .proxg1 { float: left; clear: none; margin: 10px; width: 254px; display: inline-block } .pro_xg li .pro_xg1, .proxg1 .prox_xg1 { width: 232px; height: 204px; overflow: hidden } .pro_xg li .pro_xg1 em, .proxg1 .pro_xg1 em { display: table; vertical-align: middle; width: 232px; height: 204px; overflow: hidden } .pro_xg li .pro_xg1 em a, .proxg1 .pro_xg1 em a { display: table-cell; vertical-align: middle; height: 204px; overflow: hidden; *writing-mode:lr-tb } .pro_xg li .pro_xg1 em a img, .proxg1 .pro_xg1 em a img { max-height: 204px; max-width: 232px; } /*关于我们*/ .about_zr1 { clear: none; float: left; border: 1px solid #ccc; padding: 4px; margin-right: 15px; width: 210px; } .news2 .about_zr1 { background: #fff } .ldfc1 { padding: 10px 0 } .fx1 { display: inline-block; float: right } .ldfc2 { font-size: 18px; height: 24px; line-height: 24px; } .about_zr1 img { max-width: 100%; width: 100%; border: 0; padding: 0; } .about_zr2 { clear: none; padding-top: 0; font-size: 14px; } .about_zr2 big { font-size: 16px; padding: 5px 0 8px } .about_zr2 p { max-height: 72px; overflow: hidden } .honner li { clear: none; float: left; width: 161px; margin: 10px; padding: 0; display: inline-block } .honner li .honner_1 { width: 161px; height: 114px; overflow: hidden; } .honner li .honner_1 i { width: 161px; height: 114px; overflow: hidden; vertical-align: middle; text-align: center; display: table; *display:block } .honner li .honner_1 i a { height: 114px; vertical-align: middle; overflow: hidden; display: table-cell; *writing-mode:lr-tb } .honner li .honner_1 i a img { max-width: auto; width: auto } .bus_1 li { margin: 0 15px 15px 0 } .bus_1 li img { height: 50px; } .bus1 { padding-top: 20px } .bus1 th { width: 20% } .bus_i2, .bus_i3 { height: 44px; font-size: 20px; width: 115px; } .bus_i2 { margin-right: 25px; } .about li small { display: inline-block } .honner { padding: 10px 0 } .news1 dd { float: left; width: 70% } .news1 dt { padding-top: 15px; clear: none; float: right; } .return { text-align: right } .bus_i { width: 60% } .news { font-size: 20px } .news_r2 { height: 50px; line-height: 50px; font-size: 16px; } .news_r2 p { background: url(images/news_r1.jpg) no-repeat right center; padding-right: 35px; overflow: hidden } .news_radio li.hover .news_r2 p { background: url(images/news_r2.jpg) no-repeat right center; } .news_r2 p a { color: #fff; white-space: nowrap; text-overflow: ellipsis; height: 50px; overflow: hidden; display: block } .contact li h2 { font-size: 24px; line-height: 40px; height: 40px; } .contact li h2 em { font-size: 36px; } .contact_1 { font-size: 20px; } .contact_2 dd { font-size: 14px; } .rczp { padding-top: 20px; clear: both; overflow: hidden } .rczp big { font-size: 40px } .rczp li.hover .rczp_2 { font-size: 18px; } .rczp li.hover .rczp_3 { display: inline-block } .rczp2 .rczp2_1 { float: left; margin-right: 15px; } .rczp2_2 { padding-top: 30px; font-size: 14px; } } @media only screen and (min-width: 960px) { .pro_car { width: 400px; margin-right: 35px; } .pro_xg li, .proxg1 { width: 215px; margin: 10px 15px 10px 0; } .pro_xg li .pro_xg1, .pro_xg li .prp_xg1 em, .proxg1 .pro_xg1, .proxg1 .prp_xg1 em { width: 193px; height: 170px; } .pro_xg li .pro_xg1 em a, .proxg1 .pro_xg1 em a { height: 170px; } .pro_xg li .pro_xg1 em a img, .proxg1 .pro_xg1 em a img { max-height: 170px; max-width: 193px; } .pro_r { margin-right: 0 !important } /*公司荣誉*/ .about_zr1 { width: 255px; } .about_zr2 p { max-height: 96px; } .honner li { width: 205px; } .honner li .honner_1, .honner li .honner_1 i { width: 205px; height: 145px; } .honner li .honner_1 i a { height: 145px; } .bus1 th { font-size: 14px } .news_h5 p { display: inline-block; padding-right: 30px } .news_radio li, .about_fc li { width: 33.33333% } .contact_2 dd { float: left; width: 60%; height: 40px; overflow: hidden; clear: none; padding-right: 3% } .c1 { width: 40% !important } } @media only screen and (min-width: 1160px) { .pro_car { width: 508px; } .pro_xg li, .proxg1 { width: 277px; margin: 10px 22px 10px 0; } .pro_xg li .pro_xg1, .pro_xg li .pro_xg1 em, .proxg1 .pro_xg1, .proxg1 .pro_xg1 em { width: 255px; height: 224px; } .pro_xg li .pro_xg1 em a, .proxg1 .pro_xg1 em a { height: 224px; } .pro_xg li .pro_xg1 em a img, .proxg1 .pro_xg1 em a img { max-height: 224px; max-width: 255px; } /*公司荣誉*/ .honner li { width: 275px; margin: 10px 25px 10px 0; } .honner li .honner_1, .honner li .honner_1 i { width: 275px; height: 195px; } .honner li .honner_1 i a { height: 195px; } .honner_2 { margin-right: 0 !important } .news_radio li, .about_fc li { width: 275px; padding: 10px 0; margin-right: 25px; } .news_rn { padding-right: 0 !important } }