/*==================================初始化代码============================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } * { margin: 0; padding: 0; } section, article { clear: both; } article{width:95%;margin:0 auto; font-size:14px;color:#404040; } #section1 img { width: 100%; } a { text-decoration: none; color: black; } h1 { line-height: 1.5; text-align: center; color: rgb(95,91,91); font-size: 1em;} li { list-style-type: none; } /*======================================国晖头部图片============================================ */ .guohui-head { background: url("/mmingtulawfirmcom/images/allImg/ty_6.png") no-repeat; background-size: cover; padding: 1.625rem 0rem 1.625rem 0.375rem; height:40px; } /*.div-inline{display:inline;}*/ .d1{float:left;} .d1 img{height:30px;} .d2{float:left;padding-left:3px;} .d2 img{max-width:100%;} .d3{ /*float:left;*/ height: 31px; /*background: url("/mmingtulawfirmcom/images/allimg/ty_3.png");*/ /*background-size: 100% 100%;*/ /*display:none;*/ } .d3 select{ float:left; padding: 0; margin: 3px 0 0 1px; border: 0; width: 55px; background: none; font-size: 0.7em; outline:none; } .d3 #s{ float: left; padding: 0; margin: 5px 0 0 3px; border: 0; width: 65px; background: none; font-size: 0.7em; color:#fff; outline:none; border:2px solid#999; border-top-left-radius:3em; border-top-right-radius:3em; border-bottom-right-radius:3em; border-bottom-left-radius:3em; } .d3 #go { float: right; margin: 4px 0 0 0; margin-left: 10px; } .d3 #go img{ height:25px; } .d4{float:right;padding-right:17px;} .d4 img{width:30px;height:30px;} .d5{clear:both;float:right;font-size:16px;color:#fff;margin-right: 3px;} select {color:#fff; } .searchBox{ background-image:url("/mmingtulawfirmcom/images/allImg/ty_4.png"); background-repeat:no-repeat; padding-left:20px; background-color: rgba(241, 241, 241, 0.37); border-radius:10px; border:0px; height:40px; width:60px; } /*======================================banner============================================ */ .banner .swiper-slide img { width: 100%; min-height: 213px; display: inline-block; position: relative; } .goods-menu { background: #fff; } .goods-menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; } .goods-menu ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; color: #555; font-family: "黑体"; padding: 0.9375rem 0; list-style-type: none; } .goods-menu ul li a{ text-decoration:none; color:#000000; display:block;} .goods-menu ul li a span{display:block;} .goods-menu ul li img { width: 51px; height: 50px; margin-bottom: 5px; } .box{ position: absolute; height:33px; line-height:33px; margin-top:-34px; background-color:#333333; width:100%; filter:alpha(Opacity=80); -moz-opacity:0.5; opacity: 0.5; text-align:center; } .box a{ color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none; } .clearfix { clear: both; } .clearfix:after { content: ""; display: table; clear: both; } /*======================================菜单导航栏============================================ */ footer { width: 100%;position: fixed;bottom: 0;left: 0;box-shadow: #2d2d2d 0 0 4px;background: #FFFFFF; } footer nav { width: 100%; text-align: center; height: 78px; } footer a { width:18%; display: inline-block; text-align: center; color:#808080; font-family: 'Microsoft Yahei'; font-size: 16px; padding-top: 15px;text-decoration:none; } nav a img {height:30px;} nav a span{ display: block; font-size: 14px; } nav.menu {position: fixed; display: none; right: 0; bottom: 78px;} nav.menu a {text-decoration:none;font-size: 1.2em; display: block; clear: both; border-bottom:1px solid #999; background-color: rgba(32, 32, 32, 0.64); color: white; padding: .5em; font-family: 'Microsoft YaHei'; } nav.menu a:last-child { border-bottom: none; } @media (max-width: 375px) { /*.d2 img{width:170px;}*/ /*.d3{ display:none; }*/ /*.d3{ width: 110px; } .d3 #s{ width: 40px; }*/ .d4{padding:0 10px 0 0;} .d5 span{font-size:12px;} } @media (max-width: 360px) { .d2 img{width:274px;} /*.d3{ width: 110px;} .d3 #s{ width: 42px;}*/ .d4{padding-left:5px;} } @media (max-width: 320px) { .guohui-head{ padding: 1rem 0rem 0.5rem 0.2rem; } .d2 img{width: 280px ;} .d2 span{font-size:14px;} .d4,.d5{ display:none; } /*.d3{width: 90px!important; } .d3 img {width:20px;height:18px;margin-top: 3px!important;} .d3 select{ width: 25px!important; } .d3 #s{width: 35px!important; } .d5{font-size:9px!important;}*/ }