/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */ /* QQ:9490489 */ /* 仿站:Fang.AdminBuy.Cn */ /* 图标:Sc.AdminBuy.Cn */ body { font-size: 12px; line-height: 24px; color: #2b2b2b; margin: 0; padding: 0px; font-family: "微软雅黑"; line-height: 24px; background: #f7f7f7; } body, dl, dd, ul, ol, figure, h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, legend, input, button, select, textarea, a { margin: 0; padding: 0; list-style: none; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } input:focus { border-color: #a9060e } ::-webkit-selection { color: #fff; background: #1b2935; } ::-moz-selection { color: #fff; background: #1b2935; } ::selection { color: #fff; background: #1b2935; } a { color: #2b2b2b; text-decoration: none; transition: none } a:focus, a:hover { color: #c87d00; transition: none } .blankbig { height: 40px; line-height: 40px; clear: both; font-size: 0; } .detail h2, .detail h3 { line-height: 180% } .detail h3, .detail h1 { font-size: 18px; color: #322725; margin-bottom: 3px; } .noinfo { text-align: center } header .layout { overflow: visible; width: 100%; } .passcode { border-left: 1px solid #ddd; border-radius: 0 4px 4px 0; height: 32px; line-height: 32px; margin: 1px; position: absolute; right: 0; text-align: center; top: 0; } .bg-main { background: #333; border: 1px solid #1b2935 !important } .bg-main:hover, .bg-main:focus { border: 1px solid #666 !important; background: #666 !important } .lefter { padding-right: 35px; } .noInfo { clear: both } ul, li { list-style: none; margin: 0; padding: 0 } #fh5co-wrapper { overflow-x: hidden; } #fh5co-page { position: relative; z-index: 2; background: #fff; overflow-x: hidden; } .artzoomimgs { display: block; width: 100%; height: 0; padding-bottom: 65%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;/*图片不裁切需要全部显示改用background-size:contain,改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%,4:3 75%,3:4 133.33%*/ } .chazoomimgs { display: block; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;/*图片不裁切需要全部显示改用background-size:contain,改变图片缩放比例改paddding-bottom的百分比,如图片宽高1:1 100%,4:3 75%,3:4 133.33%*/ } /*header begin*/ #fh5co-header .info-welcome { background: #7D6235; height: 35px; line-height: 35px; color: #ffe9bf; } #fh5co-header .info-welcome .info-home a { color: #ffe9bf; margin: 0 3px; } #fh5co-header .info-welcome .info-home a:hover { color: #ffe9bf; } #fh5co-header .info-header { background: url(../images/top.jpg) no-repeat left top; } #fh5co-header .info-header .logo { padding: 31px 0; } #fh5co-header .info-header .logo img { } #fh5co-header .info-header .top-tel { background: url(../images/tel.png) no-repeat left top; padding-left: 115px; margin-top: 30px; height: 91px; color: #342101; text-shadow: 2px 1px 1px #8c7752 } #fh5co-header .info-header .top-tel .tel-txt { font-size: 18px; padding: 14px 0 5px; } #fh5co-header .info-header .top-tel .tel-number { font-size: 28px; font-weight: 400; } #fh5co-header .nav_box { background: #342101; font-size: 14px; color: #000; } #fh5co-header .nav_box ul { text-align: center; font-family: "微软雅黑", arail; } #fh5co-header .nav_box ul li { position: relative; line-height: 40px; } #fh5co-header .nav_box ul li a { display: block; font-size: 14px; font-weight: normal; color: #fff; word-break: break-all; word-wrap: break-word; margin: 0; padding: 0; line-height: 40px; } #fh5co-header .nav_box ul li a span.downward { display: none } #fh5co-header .nav_box ul li a:hover, #fh5co-header .nav_box ul li:hover a.first-level, #fh5co-header .nav_box ul li.current a { color: #fff; background: #a38040; } #fh5co-header .nav_box ul li ul { top: 40px; padding: 0; min-width: 148px; z-index: 1999; border-radius: 0; background: #c97b49; border: none; box-shdow: 0 } #fh5co-header .nav_box ul li ul li { margin: 0; padding: 0; height: auto; display: block; background: #c97b49; line-height: 40px; text-align: center } #fh5co-header .nav_box ul li ul li a { display: block; width: 100%; font-size: 12px; font-weight: 100; color: #fff; background: #a38040; margin: 0; min-width: 148px; line-height: 40px; text-align: center } #fh5co-header .nav_box ul li ul li a:hover { color: #fff; background: #342101 } #fh5co-header .nav_box ul li ul li ul { top: 0 } /*header end*/ /*手机版顶部导航 begin */ #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { } #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { position: relative; } #fh5co-page { z-index: 2; } .offcanvas-visible #fh5co-page { -moz-transform: translateX(-275px); -webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); -o-transform: translateX(-275px); transform: translateX(-275px); } #fh5co-offcanvas { display: none; height: 100%; right: 0; overflow-y: auto; position: fixed; z-index: 1; top: 0; width: 275px; background: #342101; padding: 48px 0px 0px 0px; border: 0; } #fh5co-offcanvas ul { padding: 0; margin: 0; } #fh5co-offcanvas ul li { list-style: none; position: static; width: 100%; margin: 0; padding: 0; } #fh5co-offcanvas ul li:hover, #fh5co-offcanvas ul li.current { background: #a38040 } #fh5co-offcanvas ul li a { font-size: 14px; color: #fff; text-decoration: none !important; display: block; position: relative; line-height: 40px; margin: 0; padding: 0px 0 0 20px; } #fh5co-offcanvas ul li a:hover, #fh5co-offcanvas ul li.current a { color: #fff; } #fh5co-offcanvas ul li a::after { background: #2a1a00; position: absolute; content: ''; left: 0px; bottom: 0; right: 0; height: 1px; } #fh5co-offcanvas ul li ul { margin: 0; padding: 0; z-index: 1999; position: relative; width: 100%; border: 0; box-shadow: 0 } #fh5co-offcanvas ul li ul li { margin: 0; padding: 0; display: block; border: none; line-height: 36px; } #fh5co-offcanvas ul li ul li a, #fh5co-offcanvas ul li.current ul li a { background: #fff; color: #222; display: block; padding: 0px 20px 0px 20px; margin: 0; text-align: left; width: 100%; font-size: 13px; line-height: 36px; } #fh5co-offcanvas ul li ul li a:hover { background: #342101; color: #fff; } #fh5co-offcanvas ul li ul li a::before, #fh5co-offcanvas ul li ul li a::after { background: none; height: 0; padding: 0 } #fh5co-offcanvas ul li ul li ul { top: 0 } .fh5co-nav-toggle { cursor: pointer; text-decoration: none; } .fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { background: #fff; } .fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { outline: none; border-bottom: none !important; } .fh5co-nav-toggle i { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 28px; height: 4px; color: #fff; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #fff; transition: all .2s ease-out; } .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: ''; width: 28px; height: 4px; background: #fff; position: absolute; left: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .fh5co-nav-toggle i::before { top: -9px; } .fh5co-nav-toggle i::after { bottom: -9px; } .fh5co-nav-toggle:hover i::before { top: -10px; } .fh5co-nav-toggle:hover i::after { bottom: -10px; } .fh5co-nav-toggle.active i { background: transparent; } .fh5co-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } .fh5co-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); } .fh5co-nav-toggle { position: absolute; top: 12px; right: 10px; z-index: 9999; display: block; margin: 0 auto; display: none; cursor: pointer; } /*手机版顶部导航 end */ /* footer begin*/ footer { font-size: 18px; border-top: 6px solid #B49A69; background: #342101 } footer .foot-contact { line-height: 28px; color: #fff } footer .foot-contact p { line-height: 28px; color: #fff } footer a, footer a:hover { color: #fff } footer .foot-copy { color: #fff; background: #291900; margin-top: 15px; padding-top: 15px; } footer .foot-copy p { height: 40px; line-height: 40px; text-align: center; } footer .foot-brode { background: url(../images/brodebg.jpg) no-repeat left top; padding-left: 140px; } footer .foot-link a { margin: 0 5px; } /* footer end*/ /*首页轮换图片 begin*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0; padding: 0; position: relative; z-index: 1 } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flex-control-nav { position: absolute; bottom: 5px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 30px; height: 6px; margin: 0 2px; *display:inline; zoom: 1; } .flex-control-nav a { display: inline-block; cursor: pointer; width: 30px; height: 6px; float: left; text-indent: -2000px; background: #000; border-radius: 12px; text-indent: -9999em; opacity: 0.5; } .flex-control-nav .flex-active { background: #f00; } .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 50%; } .flex-direction-nav li a { display: block; width: 40px; height: 40px; cursor: pointer; text-indent: -999em; position: absolute; top: 50%; margin-top: -20px; } .flex-direction-nav li a.flex-prev { left: 40px; background: url("../images/slider-arrow.png") no-repeat -130px 50%; opacity: 1; } .flex-direction-nav li a.flex-next { right: 40px; background: url("../images/slider-arrow.png") no-repeat -6px 50%; opacity: 1; } .flex-direction-nav li a.flex-next:hover { background: url("../images/slider-arrow.png") no-repeat -6px 50%; opacity: 0.75; } .flex-direction-nav li a.flex-prev:hover { background: url("../images/slider-arrow.png") no-repeat -130px 50%; opacity: 0.75; } /*首页轮换图片 end*/ /*首页标题*/ .middle-list h2 { font-size: 16px; color: #4a4a4a; margin: 25px 0 23px; font-weight: bold } .middle-list h2 span.en { font-size: 16px; color: #b4a882; font-weight: normal; margin-left: 10px; } .middle-list h2 span.more { font-size: 14px; color: #371e08; font-weight: normal } /*首页关于我们 begin*/ .bg-middle1 { background: #f4eed8; padding-bottom: 30px } #fh5co-about-us { width: 90% } #fh5co-about-us .media-img { overflow: hidden; padding-right: 10px; } #fh5co-about-us .media-img img { max-width: 100%; } #fh5co-about-us .index-about .intro { line-height: 30px; margin-top: 5px; } #fh5co-about-us .index-about .intro p { line-height: 30px; } /*首页关于我们 end*/ /*首页业务范围*/ #fh5co-service-list .item .media-img { border: 1px solid #fbcb73; overflow: hidden } #fh5co-service-list .item .media-img img { width: 100% } #fh5co-service-list .item h3 { padding: 5px 0 0; text-align: center; font-size: 14px; font-weight: bold } /*首页案例分析*/ #fh5co-case-list .item h3 { font-size: 16px; color: #332102; margin-bottom: 10px; } #fh5co-case-list .item h3 a, #fh5co-case-list .item h3 a:hover { color: #332102; } #fh5co-case-list .item .first-item .media-img { overflow: hidden; } #fh5co-case-list .item .first-item .media-img img { width: 100%; } #fh5co-case-list .item .first-item h3 { font-size: 16px; margin-top: 10px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #c87d00; } #fh5co-case-list .item .first-item h3 a, #fh5co-case-list .item .first-item h3 a:hover { color: #c87d00; } #fh5co-case-list .item .first-item p.desc { font-size: 12px; font-weight: normal; margin-top: 3px; margin-bottom: 4px; color: #999; line-height: 20px } #fh5co-case-list .item .first-item p.desc a, #fh5co-case-list .item .first-item p.desc a:hover { color: #c87d00 } #fh5co-case-list .item .second-item { line-height: 32px; background: url(../images/li.jpg) no-repeat 0% 50%; padding-left: 15px; z-index: 100; border-bottom: 1px #ccc dashed; white-space: nowrap; overflow: hidden } /*首页热点关注*/ .bg-middle3 { background: #f4eed8 } #fh5co-news-list .item h3 { line-height: 30px; font-size: 16px; border-bottom: 1px #aaa solid; padding-bottom: 5px; margin-bottom: 5px } #fh5co-news-list .item h3 a, #fh5co-news-list .item h3 a:hover { color: #2b2b2b } #fh5co-news-list .item h3 .more { font-size: 14px; font-weight: normal; line-height: 30px } #fh5co-news-list .item h3 .more a { color: #2b2b2b; } #fh5co-news-list .item h3 .more a:hover { color: #c87d00; } #fh5co-news-list .item .text-item { line-height: 32px; background: url(../images/li.jpg) no-repeat 0% 50%; padding-left: 15px; z-index: 100; border-bottom: 1px #ccc dashed; white-space: nowrap; overflow: hidden } #fh5co-news-list .list-txt-item .item { width: 96%; margin: 0 auto } #fh5co-news-list .item .list-item { padding: 4px 0; } #fh5co-news-list .item .list-item h4 { font-weight: normal; font-size: 16px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden } #fh5co-news-list .item .list-item h4 a, #fh5co-news-list .item .list-item h4 a:hover { color: #c87d00; } #fh5co-news-list .item .list-item h4 span { font-size: 12px; color: #2b2b2b } #fh5co-news-list .item .list-item p.desc { line-height: 26px; } #fh5co-news-list .item .list-item p.desc a:hover { text-decoration: underline; } /*首页友情链接*/ #fh5co-friend-list .link_top { height: 30px; line-height: 30px; font-size: 18px; color: #3d1c00; } #fh5co-friend-list .link_top span { color: #b5a981; } #fh5co-friend-list .link_bot { margin-top: 10px; overflow: hidden; margin-bottom: 20px; } #fh5co-friend-list .link_bot ul li { float: left; line-height: 26px; font-size: 14px; margin-right: 10px; } /*内页*/ .bg-inner { } #fh5co-content_show { } #fh5co-content_show .leftbar { float: left; max-width: 250px; width: 24%; } #fh5co-content_show .leftbar h3 { line-height: 87px; padding: 0px 0px 0px; background: url(../images/cleft.jpg) no-repeat left top; background-size: cover } #fh5co-content_show .leftbar h3 strong { display: block; font-weight: normal; background: url(../images/li-icon.jpg) no-repeat left center; font-size: 26px; color: #fff; text-align: center } #fh5co-content_show .leftbar h3 span { font-size: 12px; color: #244659; display: block; line-height: 18px; padding: 0 2px; } #fh5co-content_show .leftcon { border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; padding: 10px 6px 10px 0 } #fh5co-content_show .leftcon ul li { line-height: 20px; background: url(../images/t_15.jpg) no-repeat 10px 10px; padding: 5px 0 5px 20px; } #fh5co-content_show .leftbar .subnav { padding: 0; } #fh5co-content_show .leftbar .subnav li { height: 49px; line-height: 49px; background: url(../images/t_09.jpg) no-repeat; font-size: 18px; border-bottom: 1px solid #cbb183; font-weight: bold; background-size: cover } #fh5co-content_show .leftbar .subnav li a { color: #FFF; display: block; padding-left: 40px; } #fh5co-content_show .leftbar .subnav li a:hover, #fh5co-content_show .leftbar .subnav li.active a { background: url(../images/t_11.jpg) no-repeat; background-size: cover; } .in_con_lt_bot { width: 250px; margin-top: 20px; } .in_con_lt_bot_bt { width: 248px; background: #FFF; } .in_con_lt_bt { width: 250px; margin-top: 20px; } #fh5co-content_show .leftbar .subnav li.smfont a { font-size: 13px!important; } #fh5co-content_show .rightbox { float: right; width: 73%; min-height: 600px; } #fh5co-content_show .rightbox .rightcon { padding: 0px 0px 10px 0; } #fh5co-content_show .path { border-bottom: 1px solid #a38040; padding-bottom: 5px; } #fh5co-content_show .path h2 { float: left; font-size: 24px; line-height: 35px; } #fh5co-content_show .path p { padding-top: 12px; float: right; font-size: 14px; } #fh5co-content_show .path p a { text-decoration: none!important; font-size: 14px; margin: 0 5px; } #fh5co-content_show .detail { padding: 20px 0; } #fh5co-content_show .detail, #fh5co-content_show .detail p { font-size: 14px; line-height: 200% } #fh5co-content_show .detail h2, #fh5co-content_show .detail h3 { line-height: 180% } #fh5co-content_show .detail h3, #fh5co-content_show .detail h1 { font-size: 16px; color: #322725; } #fh5co-content_show .detail p { text-indent: 0; line-height: 1.8em; margin: 0px 0 0px; font-size: 14px; } #fh5co-content_show .detail h1.art-title { font-size: 18px; font-weight: bold } #fh5co-content_show .detail img { height: auto !important; max-width: 100%; vertical-align: middle; } /*product*/ #fh5co-content_show .product_list_box { } #fh5co-content_show .product_list_box li { border-bottom: 1px dashed #bcbcbc; padding: 5px 0 15px } #fh5co-content_show .product_list_box .media .media_img { width: 140px; margin-right: 30px; overflow: hidden; } #fh5co-content_show .product_list_box .media .media_img img { width: 140px; } #fh5co-content_show .product_list_box li { margin-bottom: 12px; } #fh5co-content_show .product_list_box li h3 { margin-bottom: 8px; } #fh5co-content_show .product_list_box li h3 a { font-size: 18px; font-weight: bold; } #fh5co-content_show .product_list_box li p { line-height: 180%; margin-bottom: 5px; font-size: 14px; } #fh5co-content_show .product-details { box-shadow: 0 0 10px #c5e0ef; background: #fff; padding: 15px; } #fh5co-content_show .product-detail img { max-width: 100%; overflow: hidden; vertical-align: middle; } #fh5co-content_show .product-detail .content-img { overflow: hidden; } #fh5co-content_show .product-detail .content-img img { max-width: 100%; overflow: hidden; vertical-align: middle; height:auto !important } #fh5co-content_show .product-detail h1 { font-size: 18px; font-weight: normal; line-height: 150%; margin: 11px 0; text-align: center } #fh5co-content_show .product-detail .description { line-height: 180%; font-size: 14px; } /* home product end*/ /*pager*/ .table span { margin-right: 10px; } .content_detail .pager { font-size: 14px; line-height: 180% } .content_detail .pager a { border: none; color: #454545; } .content_detail .pager a:focus, .content_detail .pager a:hover { color: #323232; background: none } .content_detail .pager li { display: block; text-align: left } #fh5co-content_show .pagination li { margin: 0 3px; } #fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover { background: #342101; color: #fff; } #fh5co-content_show .pagination .active a { color: #fff } #fh5co-content_show video { max-width: 100% } /*article*/ #fh5co-content_show .article-media li { border-bottom: 1px dashed #bcbcbc; padding: 0px 0 5px } .article-media .media .media_img { width: 160px; margin-right: 15px; overflow: hidden; } .article-media .media .media_img img { width: 160px; } .article-media li { margin-bottom: 10px; } .article-media img { display: block; width: 150px; } .article-media .media .time { color: #999; font-size: 12px; } .article-media .media-body h3 { margin-bottom: 6px; } .article-media .media-body h3 a { color: #a38040; font-size: 18px; font-weight: bold; } .article-media .media-body h3 a:hover { color: #a38040; } .article-media .media-body p { line-height: 180%; margin-bottom: 5px; font-size: 12px; } .article-media .media-body p.more a { font-size: 14px; font-weight: bold; color: #a38040; } /*手机底部导航*/ #toolbar { display: none; } /*在线客服*/ .SonlineBox { width: 139px; font-size: 12px; overflow: hidden; z-index: 9999; } .SonlineBox .openTrigger { width: 31px; height: 130px; position: absolute; top: 0px; z-index: 1; cursor: pointer; background: #a9060e url(../images/greenopen.jpg) no-repeat; } .SonlineBox .titleBox { width: 135px; height: 35px; line-height: 33px; background: #a9060e; border-bottom: 2px solid #a9060e; } .SonlineBox .titleBox span { margin-left: 10px; color: #fff; font-size: 14px; } .SonlineBox .contentBoxC { width: 135px; /*height:335px;*/ border: 2px solid #a9060e; background: #ffffff/* url(../images/greenbg.jpg) no-repeat*/; position: absolute; z-index: 2; } .SonlineBox .contentBoxC .closeTrigger { width: 25px; height: 25px; display: block; cursor: pointer; position: absolute; top: 5px; right: 5px; -webkit-transition: all 0.8s ease-out; } .SonlineBox .contentBoxC .closeTrigger:hover { -webkit-transform: scale(1) rotate(360deg); } .SonlineBox .contentBoxC .listBox { overflow: hidden; margin-bottom: 10px; } .SonlineBox .contentBoxC .listBox .Tlist { display: block; width: 86%; height: 22px; margin: 10px auto 0px auto; text-align: center; } .SonlineBox .contentBoxC .listBox .Tlist span { float: left; line-height: 22px; } .SonlineBox .contentBoxC .listBox .Tlist a {/*float:left;*/ } .SonlineBox .contentBoxC .listBox .WWList { line-height: 18px; height: 18px; } .SonlineBox .contentBoxC .listBox .SkypeList { line-height: 23px; height: 23px; } .SonlineBox .contentBoxC .otherBox { clear: both; height: 115px; text-align: center; } .SonlineBox .contentBoxC .otherBox img { width: 105px; height: 105px; } .SonlineBox .contentBoxC .telBox { display: block; padding: 36px 0 10px 0; color: #a9060e; font-size: 14px; line-height: 26px; font-family: '微软雅黑'; background: url(../images/telbg.jpg) 0 0 no-repeat; text-align: center; font-weight: bold; } /*在线客服 end*/ .slideshow img { width: 100%; } @media (min-width:1000px) and (max-width:1199px) { } @media screen and (max-width:1000px) { #fh5co-header .nav_box ul li ul li a { text-align: left; padding-left: 24px; } #fh5co-content_show { } #fh5co-content_show .leftbar { width: 28%; } #fh5co-content_show .rightbox { width: 68%; } #fh5co-about-us { width: 100% } #fh5co-news-list .list-txt-item .item { width: 100%; } } @media screen and (max-width:760px) { .bg-inner .rightcon { min-height: 380px; } .bg-inner .container { padding: 0 } #fh5co-offcanvas, #fh5co-offcanvas .nav { display: block; borer: none } .fh5co-nav-toggle { display: block; top: 10px; } #fh5co-header .info-header .logo { padding: 10px 0 } #fh5co-header .info-header .logo img { height: 40px; } #fh5co-header .nav_box { display: none } #fh5co-about-us .media-img { text-align: center } footer .foot-brode.float-right { float: none !important; margin-top: 30px; } footer .foot-brode { padding-left: 120px; } #fh5co-content_show { } #fh5co-content_show .rightbox { width: 96%; height: auto; min-height: auto; margin: 0 auto; float: none !important; } .article-media .media .media_img { width: 152px; margin-right: 10px; } .article-media .media .media_img img { height: 100px; width: 150px; padding: 1px; } #fh5co-content_show .path p { display: none } /*手机底部导航*/ .blank55 { height: 55px; line-height: 1px; clear: both; } #toolbar { color: #fff; width: 100%; height: 54px; position: fixed; bottom: 0; left: 0; z-index: 10000; background: #000; display: block; } #toolbar a { width: 100%; color: #fff; display: block; padding: 5px 0 0 0; line-height: 23px; font-size: 14px; } #toolbar a span { font-size: 22px; display: block; } } @media screen and (max-width:480px) { #fh5co-header .info-header .logo img { height: 30px; } #fh5co-content_show .product_list_box li p { display: none } .article-media .media .media_img { width: 82px; margin-right: 10px; } .article-media .media .media_img img { height: 45px; width: 80px; padding: 1px; } .article-media .media-body h3 { line-height: 100%; font-size: 12px; } .article-media .media-body h3 a { font-size: 14px; line-height: 150% } .article-media .media-body p { display: none } .article-media li { padding: 5px 0 10px } .article-media .media-body h3 { margin-bottom: 0 } } /* inner end*/ /*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/ .pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px} .pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999} .pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc} .pagess ul li:hover a{color:#fff;} .pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;} .pagess ul li.thisclass a {color: #fff;} .pagess ul li a{ display:block;color:#999} .pagess ul li a:hover {color: #fff;} #fh5co-content_show .detail img{ max-width:100% !important; height:auto !important}