gusucode.com > 【demx94】生产消防安全器材类企业织梦模板(带手机移动端) > 【demx94】生产消防安全器材类企业织梦模板(带手机移动端)/m/skin/css/master.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ body, input { font-family: "microsoft yahei"; } .allpage { background-color: #f2f2f2!important; } /* for white */ .white-bg { background: #fff; } /* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */ .casei { width: 100%; height: auto; overflow: hidden; ma/rgin:3% auto; background: #ffffff; } .blue { background-color: #db261d; } .s_b { background-color: #b41b14; } .nav_new { width: 100%; } .nav_new ul li { width: 25%; height: 0.5rem; float: left; text-align: center; } .nav_new ul li:nth-child(5) { border-right: 0; } .nav_new ul li:nth-child(1) { border-left: 0; } .nav_new ul li:nth-child(6) { border-left: 0; } .nav_new ul li:last-child { border-right: 0; } .tpp { background: #0454b6 } .boo { background: #0454b6 } .nav_new ul li a { display: inline-block;/* padding:80%; */ color: #ffffff; font-size: 0.22rem; font-family: "microsoft yahei"; height: 0.5rem; line-height: 0.5rem; } .nav_new ul li a:nth-child(4) { border: none!important; } .nav_new ul li a:last-child { border: none; } /* banner */ .banner { width: 100%; position: relative; } .swiper-pagination { padding: 0; margin: 0; width: 100%!important; text-align: center!important; bottom: 0.04rem!important; } .swiper-pagination-bullet { width: 0.1rem!important; height: 0.1rem!important; background-color: #fff; opacity: 1!important; border-radius: 50%!important; } .swiper-pagination-bullet-active { background: #c60911; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 2px!important; } .common_title { text-align: center; position: relative; margin-top: 5%; margin-bottom: 3%; } .common_title span { display: inline-block; position: absolute; top: 50%; left: 0; z-index: 0; width: 100%; height: 1px; background-color: #b9bbcb; } .common_title h2 { position: relative; z-index: 1; display: inline-block; width: 38%; background-color: #2332c6; color: #fff; font-size: 0.26rem; padding: 1.5% 0; border-radius: 20px; } .more_i { width: 100%; background: #fff; text-align: center; padding: 1.5% 0; margin-top: 4%; } .more_i span { float: left; font-size: 0.24rem; color: #b41b14; padding-left: 4%; font-weight: bold; } .more_i a { float: right; color: #2f2e2e; padding-right: 4%; font-size: 0.22rem } .caseindex { margin: 0 auto; border-bottom: #cecece solid 1px; } .caseindex ul { padding: 3.5% 0 3% 4%; } .caseindex ul li { width: 30.3%; float: left; text-align: center; margin: 0 2.3% 2.5% 0; } .caseindex ul li img { border: 2px solid #d9d8d8; } .caseindex ul li span { display: block; padding: 3% 0 0 0; font-size: 0.22rem; color: #3d3d3d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .chanpin_i { width: 92%; margin: 0 auto; } .chanpin_i ul li { float: left; width: 29%; margin: 2.5% 1.5% 0 1.5%; border-radius: 7px; border: #d7d7d7 solid 2px; text-align: center; background: #fff; } .chanpin_i ul li a { color: #717171; font-size: 0.21rem; display: block; line-height: 0.4rem; height: 0.4rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zhizhi_i { width: 92%; margin: 0 auto; } .zhizhi_i dl { } .zhizhi_i dl dt { float: right; width: 45%; padding: 0.05rem; background: #fff; border: #ccc 1px solid; margin-top: 4%; } .zhizhi_i dl dd { float: left; width: 52%; padding-top: 3%; } .zhizhi_i01 { } .zhizhi_i01 ul { margin-top: 4%; } .zhizhi_i01 ul li.zhizhi_i02 { float: left; width: 18.9%; } .zhizhi_i01 ul li.zhizhi_i03 { float: left; width: 70%; padding-left: 2%; } .zhizhi_i01 ul li h2 { font-size: 0.22rem; color: #4f4f4f; overflow: hidden; height: 0.22rem; line-height: 0.22rem; } .zhizhi_i01 ul li span { display: block; color: #747474; font-size: 0.22rem; height: 0.25rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zhizhi_i04 { pa/dding-top:4%; } .anli_i ul li img { } .anli_i01 { width: 100%; height: 0.1rem; background: #fff; border: 2px solid #d9d8d8; border-top: none; } .about_i { padding: 3% 4% 3%; border-bottom: #cecece solid 1px; } .about_i p { display: block; font-size: 0.22rem; line-height: 0.33rem; overflow: hidden; color: #333; } .cang_i { margin: 0 auto; padding: 4% 0; border-bottom: #cecece solid 1px; } .cang_i dl { line-height: 0.5rem; } .cang_i dl:nth-child(odd) { background: #fff; } .cang_i dl dt { color: #999; font-size: 0.2rem; float: left; width: 23%; padding-left: 4% } .cang_i dl dd { float: left; width: 67%; color: #222; font-size: 0.22rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .common_title_new h2 { background-color: #e00409!important; } .honor_i { background: #ffffff; margin: 0 auto; } .honor_i_c { margin: 0 auto; margin-top: 2%; width: 100%; } .honor_i_c ul li { width: 44.07%; float: left; text-align: center; margin: 0.5% 2.5% 0 2.5%; } .honor_i_c ul li img { border: 0.02rem solid #ececec } .honor_i_c ul li span { width: 100%; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 2% 0; font-size: 0.2rem; color: #000000s; } .honor_i_h { margin: 0 auto; padding: 0 0 5% 0; margin-top: 2%; width: 96.875%; } .honor_i_h ul li { width: 41.2903%; float: left; text-align: center; margin: 0 0 0 5%; } .honor_i_h ul li span { width: 100%; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 6% 0; font-size: 0.2rem; } .casei { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 1%; } .casei li { width: 100%; height: auto; padding: 2% 0; border-bottom: 1px solid #ccc; overflow: hidden } .case_i { margin: 0 auto; } .case_i_c ul li { margin: 0 0; width: 100%; padding: 2% 0; display: block; float: left; border-bottom: 1px solid #d5d5d5; } .case_i_c { } .gong { border: 0 !important; } .case_i_c ul li h2 { float: left; margin-left: 3%; color: #000000; font-size: 0.20rem; font-weight: normal; width: 93.75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .beian { background-color: #f2f2f2; color: #151515; text-align: center; height: 0.65rem; line-height: 0.65rem; font-size: 0.21rem; } .beian a { color: #151515; font-size: 0.21rem; } .common_bg { background-color: #ff4863; } .more_im { width: 100%; margin: 2% auto 0 auto; background: #d6d6d6; text-align: center; padding: 1.5% 0; } .more_im a { color: #5e5e5e; font-size: 0.20rem; } .case_c { padding-bottom: 0; } .case_c ul li { border-bottom: 0 !important; float: left; padding: 2% 0 1% 0 !important } .case_c ul li div.case_c_pic { height: auto !important; float: left; margin-left: 3%; height: 1.1rem; overflow: hidden; width: 34.375%; } .case_c ul li div.case_c_content { height: auto !important; float: left; width: 55%; margin-left: 3%; } .case_c ul li div.case_c_content h2 { width: 100%; font-size: 0.21rem; color: #000000; padding: 3% 0 1% 0; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .case_c ul li div.case_c_content span { color: #939393; display: block; height: 0.7rem; overflow: hidden; font-size: 0.18rem; line-height: 1.3; margin-top: 2%; } .baoming { background: #106cde; margin: 0 auto; width: 100%; padding: 3% 0; font-family: "microsoft yahei"; color: #ffffff; text-align: center; } .baoming span { color: #ffffff; font-size: 0.22rem; display: block; margin-bottom: 0; text-align: center; padding-left: 5% } .icon_nav { padding: 5% 0 0 0; background-color: #ffffff; margin: 0 auto; } .icon_nav ul li { width: 17%; text-align: center; float: left; margin: 0 3% 0 5%; } .icon_nav ul li a span { display: inline-block; color: #000000; font-size: 0.19rem; margin-top: 4%; width: 100%; height: 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .iconfont1_ys { font-weight: normal; width: 100%; display: block; width: 0.9rem; height: 0.9rem; border-radius: 50%; line-height: 0.9rem; text-align: center; color: #ffffff; font-size: 0.4rem; font-weight: normal; } .la1 { background: #0a58b8 } .la2 { background: #be0505; font-size: 0.35rem } .la3 { background: #0a58b8; font-size: 0.45rem } .la4 { background: #be0505; font-size: 0.45rem } @media all and (min-width:640px) { .content { width: 640px; margin: 0 auto; position: relative; } } .cbtn-top { display: none; position: fixed; right: 2%; bottom: 10%; border-radius: 50%; width: 2.25em; height: 2.25em; padding: 0.3125em; color: #ffffff; font-size: 1.2em; text-align: center; cursor: pointer; z-index: 99999; background: #db261d; color: #FFF; opacity: .8; }