body { font-family: "微软雅黑", Arial; font-size: 12px; font-weight: normal; line-height: 1.7; color: #797979; background: #fff; position: relative; } body#product-list-box { background: #f5f5f5 } ul,li{list-style-type:none;} p { margin: 0; font-weight: normal; } h1, h2, h3, h4, h5, h6, figure { color: #444; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; } ::-webkit-selection { color: #fff; background: #323232; } ::-moz-selection { color: #fff; background: #323232; } ::selection { color: #fff; background: #323232; } .margin-big-large-bottom { margin-bottom: 75px; } .margin-big-small-bottom { margin-bottom: 35px; } .margin-big-middle-bottom { margin-bottom: 50px; } .margin-big-middle-top { margin-top: 50px; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .float_bg { background: url(../images/qq_3.gif) repeat-y } a { color: #2a333c; text-decoration: none; background: none } a:focus, a:hover { color: #62a8ea; } .bg-main { background: #62a8ea; } .bg-main.button { border-color: #62a8ea } .text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover { color: #65c2b8 } .border-main:hover { color: #fff; background: #65C2B8; border-color: #65C2B8; } .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; } .blankbig { height: 70px; line-height: 70px; clear: both; font-size: 0; } .detail h2, .detail h3 { line-height: 180% } .detail h3, .detail h1 { font-size: 16px; color: #322725; } .layout { overflow: hidden; width: 100%; } .fh5co-heading h2 { font-size: 36px; font-weight: 300; line-height: 100%; margin-bottom: 15px; } .fh5co-heading span { display: block; color: #5e7387; font-size: 16px; font-weight: 300; } .met-index-distance { padding-top: 70px; padding-bottom: 70px } header .layout { overflow: visible; width: 100%; } .input:focus { border: 1px solid #333 } .inner-banner { width: 100%; overflow: hidden } .inner-banner img { width: 100%; } .lefter { padding-right: 50px; } .line-big { margin-left: -17px; margin-right: -17px; } .line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 { position: relative; min-height: 1px; padding-right: 17px; padding-left: 17px } /*顶部导航 begin*/ #fh5co-header .header-box { background: #fff } .header-box.fixed.fixed-top { border-bottom: 1px solid #e9e9e9; width: 100%; z-index: 3; } #fh5co-header .navbar-head { padding: 10px 0px 0 0; } #fh5co-header .navbar-head img { height: 40px; } #fh5co-header .navbar-body .nav li { margin: 0; padding: 0 32px; padding: 0 25px; /*修改主导航栏目之间的间距*/ display: inline; height: 40px; } #fh5co-header .navbar-body .nav li a { color: #2a333c; font-size: 16px; font-weight: normal; padding: 0; text-align: center; text-decoration: none; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #fh5co-header .navbar-body .nav li a:hover, #fh5co-header .navbar-body .nav li.current a { color: #4e97d9; } #fh5co-header .navbar-body .nav li ul { top: 40px; padding: 0; width: 100px; z-index: 4; border-radius: 0; background: #fff; box-shadow: none; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15); } #fh5co-header .navbar-body .nav li ul li:first-child { margin-top: 0px; padding-top: 10px; } #fh5co-header .navbar-body .nav li ul li:last-child { padding-bottom: 10px; } #fh5co-header .navbar-body .nav li ul li { margin: 0; padding: 0; height: auto; display: block; height: auto; background: #fff } #fh5co-header .navbar-body .nav li ul li a { color: #2a333c; display: block; /*width: 100%;*/ padding: 6px 25px 6px 25px; margin: 0; text-align: left; /*min-width: 100px;*/ font-size: 14px; } #fh5co-header .navbar-body .nav li ul li a:hover { color: #4e97d9; } #fh5co-header .navbar-body .nav li ul li ul { top: 0 } /*顶部导航 end*/ /* 底部 begin*/ footer { background: #fff; } footer .layout { border-top: 1px solid #f0f2f5 } footer .nav-list a { color: #2a333c; font-size: 18px; font-weight: normal; padding: 0px 0 0 20px; margin-bottom: 10px; display: block } footer .nav-list a:hover { color: #2a333c; } footer .nav-list ul { padding: 0 } footer .nav-list ul li { list-style: none; margin-bottom: 5px; padding-left: 20px; } footer .nav-list ul a { color: #5e7387; font-size: 14px; padding: 0px; font-weight: normal; margin-bottom: 0px; } footer .nav-list ul a:hover { color: #62a8ea; text-decoration: underline } footer .nav-cotact p.site-tel { color: #5e7387; font-size: 26px; margin-top: 15px; } footer .nav-cotact p.site-time { color: #aaa; line-height: 150%; padding-top: 8px; } footer .Copyright { font-size: 14px; border-top: 1px solid #f0f2f5; color: #aaaaaa; padding: 20px 0; } footer .Copyright a { color: #aaaaaa; } /* 底部 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: 20px; z-index: 2; width: 100%; text-align: center; } .flex-control-nav li { display: inline-block; width: 9px; height: 9px; margin: 0 2px; *display:inline; zoom: 1; } .flex-control-nav a { display: inline-block; cursor: pointer; width: 9px; height: 9px; float: left; text-indent: -2000px; background: #FFF; filter: alpha(opacity=50); opacity: 0.5; border-radius: 9px; } .flex-control-nav .flex-active { background: #4e97d9; } .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; } @media (min-width:1px) and (max-width:1023px ) { .flex-control-nav {bottom: 0px;} } .flex-direction-nav li a.flex-prev { left: 25px; background: url("../images/slider-arrow.png") no-repeat -190px 50%; opacity: 0.75; } .flex-direction-nav li a.flex-next { right: 25px; background: url("../images/slider-arrow.png") no-repeat -66px 50%; opacity: 0.75; } .flex-direction-nav li a.flex-next:hover { background: url("../images/slider-arrow.png") no-repeat -6px 50%; opacity: 1; } .flex-direction-nav li a.flex-prev:hover { background: url("../images/slider-arrow.png") no-repeat -130px 50%; opacity: 1; } /*首页轮换图片 end*/ /*首页文字描述begin*/ .index-title { padding-top: 110px; } .index-title .float-right { padding-top: 30px; } .index-title span { display: block } .index-title h3 { color: #fff; display: block; font-size: 18px; text-align: left; } .index-title p { color: #dedede; font-size: 13px; text-transform: uppercase; padding-top: 5px; } /*首页文字描述end*/ /*首页业务范围begin*/ #fh5co-service-list .service-content { margin-top: 50px; } #fh5co-service-list .service-content .imgs .himg { position: relative; } #fh5co-service-list .service-content .imgs .himg img { max-width: 100%; } #fh5co-service-list .service-content .imgs .overlay { position: absolute; right: 0; left: 0; bottom: 0; top: 0; z-index: 4; vertical-align: middle; visibility: hidden; opacity: 0; } #fh5co-service-list .service-content .imgs .overlay a { position: relative; z-index: 5; text-align: center; display: block; } #fh5co-service-list .service-content .imgs .overlay:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; } #fh5co-service-list .service-content .imgs:hover .overlay { visibility: visible; opacity: 1; } #fh5co-service-list .service-content .imgs:hover .overlay:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; } #fh5co-service-list .service-content h5 { color: #2a333c; font-size: 20px; font-weight: 300; margin-bottom: 5px; margin-top: 20px; } #fh5co-service-list .service-content h5 a { color: #2a333c; } #fh5co-service-list .service-content p.desc { color: #5e7387; font-weight: 300; margin: 0 auto; width: 90%; line-height: 170%; font-size: 13px; } /*首页业务范围end*/ /*首页关于我们begin*/ #fh5co-about-us .met-index-distance { padding: 70px 0 40px } #fh5co-about-us .bg-about { background: #f5f5f5; } #fh5co-about-us .about-box { margin: 15px 0 0px 0; } #fh5co-about-us .about-box .intro, #fh5co-about-us .about-box .intro p { font-size: 14px; line-height: 200%; color: #5e7387; } #fh5co-about-us .about-box .media-img img { max-width: 100%; margin-top: 10px; } #fh5co-about-us .about-box .intro h2 { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 18px; } #fh5co-about-us .about-box .intro p.more { margin-top: 18px; } #fh5co-about-us .about-box .intro p.more a { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background-color: #eeeeee; color: #666; } #fh5co-about-us .about-box .intro p.more a:hover { color: #62a8ea; } /*首页关于我们 end*/ /* 首页产品展示 begin*/ #fh5co-product-list .bg-product { background: #f5f5f5; } #fh5co-product-list .tab .tab-nav { margin: 0; padding: 0; } #fh5co-product-list .tab .tab-nav li { margin: 0; padding: 0; border-right: 2px solid #f5f5f5 } #fh5co-product-list .tab .tab-nav li a { display: inline-block; font-size: 14px; margin: 0; border-radius: 0; background: #fff; border: none; color: #76838f; padding: 8px 30px; transition: all 0.25s ease 0s; } #fh5co-product-list .tab .tab-nav li a:hover, #fh5co-product-list .tab .tab-nav li.active a { background: #62a8ea; color: #fff; text-decoration: none; } #fh5co-product-list .tab .tab-body { background: none; border: none; padding-top: 20px; } /*product*/ .pro-item { background: #fff; margin-bottom: 11px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #product-list-box .pro-item { margin-bottom: 22px; } .pro-item:hover { } .pro-item .portfolio-img { overflow: hidden; } .pro-item .portfolio-img img { width: 100%; overflow: hidden; vertical-align: middle; } .pro-item .portfolio-img img:hover { } .pro-item h2 { font-size: 16px; margin: 0px; padding: 10px 0; font-weight: bold; text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .pro-item h2, .pro-item p { } .pro-item h2 a { color: #2a333c; font-size: 16px; font-weight: bold } .pro-item h2 a:hover { color: #62a8ea; text-decoration: underline } .pro-item p { line-height: 20px; margin-bottom: 12px; color: #454545; font-size: 12px; } /* home product end*/ /* 首页案例展示 end*/ /* 首页新闻中心 begin*/ #fh5co-news-list .met-index-distance { padding: 70px 0 40px } #fh5co-news-list .bg-news { background-color: #fff; } #fh5co-news-list .news-box { margin: 15px 0 0px 0; color: #76838f; font-size: 14px; } #fh5co-news-list .news-box .media_img { overflow: hidden; padding-right: 15px; } #fh5co-news-list .news-box .media_img img { width: 160px; } #fh5co-news-list .news-box .media-body { overflow: hidden; } #fh5co-news-list .news-box .media-body h3 { line-height: 150%; } #fh5co-news-list .news-box .media-body h3 a { color: #2a333c; font-size: 18px; font-weight: 400; } #fh5co-news-list .news-box .media-body h3 a:hover { color: #62a8ea; } #fh5co-news-list .news-box .media-body .time { font-weight: 300; } #fh5co-news-list .news-box .media-body p.desc { line-height: 160%; margin-bottom: 5px; } /* 首页新闻中心 end*/ /* 内页 begin*/ #fh5co-content_show .nav-inline { list-style: outside none none; } #fh5co-content_show .nav li { margin: 0; padding: 0; display: inline } #fh5co-content_show .nav li a { font-size: 16px; display: inline-block; padding: 0px 6px; margin: 0 5px 10px; color: #90939b; } #fh5co-content_show .nav li a:hover, #fh5co-content_show .nav li.active a { text-decoration: none; color: #4e97d9; font-weight: normal } #fh5co-content_show .show_body { font-size: 14px; } #fh5co-content_show .detail img { height: auto !important; max-width: 100%; vertical-align: middle; } #fh5co-content_show .detail img { opacity: 0.9; } #fh5co-content_show .detail p { text-indent: 0; } #fh5co-content_show .qhd-title span { margin: 0 5px; font-size: 12px; color: #999 } #fh5co-content_show .title { border-bottom: 1px solid #dedede; height: 33px; margin-bottom: 30px; text-align: left; } #fh5co-content_show .title h2 { border-bottom: 1px solid #da0e0e; color: #da0e0e; display: inline-block; font-size: 16px; font-weight: normal; line-height: 33px; margin: 0; overflow: hidden; padding: 0; word-break: break-all; } #fh5co-content_show .detail { font-size: 14px; padding-bottom: 30px; line-height: 200%; color: #666; } #subnav .nav-head { color: #fff; font-size: 16px; font-style: normal; font-weight: normal; height: 38px; line-height: 36px; text-indent: 50px; background: #1a1a1f; } #fh5co-content_show .inner-banner { background: #62a8ea; height: 120px; line-height: 120px; } #fh5co-content_show .inner-banner h2 { color: #fff; font-size: 35px; font-weight: 300; text-shadow: none; } #fh5co-content_show .inner-nav { border-bottom: 1px solid #f0f2f5; margin-bottom: 30px; background: #fff } #fh5co-content_show .product-detail img { max-width: 100%; overflow: hidden; vertical-align: middle; } #fh5co-content_show .product-detail .content-img { overflow: hidden; border: 1px solid #eaeaea; padding: 7px; } #fh5co-content_show .product-detail .content-img img { width: 100%; overflow: hidden; vertical-align: middle; } #fh5co-content_show .product-detail h1 { border-bottom: 1px dashed #d6d6d6; color: #333; font-size: 18px; line-height: 33px; padding-bottom: 5px; } #fh5co-content_show .product-detail .p_desc { color: #444; line-height: 30px; padding: 12px 0px 5px; } #fh5co-content_show .product-detail .add_to_inquiry { height: 40px; } #fh5co-content_show .product-detail .add_to_inquiry #add_to_inquiry,#fh5co-content_show .product-detail .add_to_inquiry #manual_down{ background: #62a8ea; height: 35px; line-height: 35px; text-align: center; width: 131px; border: 0; border-radius: 0; font-size: 16px; font-weight: normal; padding: 0; margin: 0 } #fh5co-content_show .product-detail .description { line-height: 24px; } #fh5co-content_show .product-detail .detail-title { border-bottom: 1px solid #e4e4e4 } #fh5co-content_show .product-detail .detail-title h2 { background: #62a8ea; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; height: 41px; line-height: 41px; text-align: center; width: 166px; } /*分页*/ .table span { margin-right: 10px; } .content_detail .pager { font-size: 14px; } .content_detail .pager a { border: none; color: #797979; } .content_detail .pager a:focus, .content_detail .pager a:hover { color: #323232; background: none } .content_detail .pager li { margin: 0 5px; display: block; text-align: left } #fh5co-content_show .pagination li { margin: 0 3px; background: #fff } #fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover, #fh5co-content_show .pagination .active a { background: #62a8ea; color: #fff; } #fh5co-content_show .pagination .active a { color: #fff } #fh5co-content_show video { max-width: 100% } /*文章*/ #fh5co-content_show .article-media li { border-bottom: 1px solid #f0f2f5; padding: 5px 0 15px } .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: 12px; } .article-media img { display: block; width: 150px; } .article-media .media .time { color: #999; font-size: 14px; } .article-media .media-body h3 a { color: #2a333c; font-size: 18px; font-weight: 400; } .article-media .media-body h3 a:hover { color: #62a8ea; } .article-media .media-body p { line-height: 160%; margin-bottom: 5px; font-size: 14px; } .slideshow img { display: block; float: left; } #toolbar { display: none; } /*在线客服*/ .SonlineBox { width: 139px; font-size: 12px; overflow: hidden; z-index: 6; } .SonlineBox .openTrigger { width: 31px; height: 130px; position: absolute; top: 0px; z-index: 1; cursor: pointer; background: #0f92e0 url(../images/greenopen.jpg) no-repeat; } .SonlineBox .titleBox { width: 135px; height: 35px; line-height: 33px; background: #0f92e0; border-bottom: 2px solid #0f92e0; } .SonlineBox .titleBox span { margin-left: 10px; color: #fff; font-size: 14px; } .SonlineBox .contentBoxC { width: 135px; /*height:335px;*/ border: 2px solid #0f92e0; 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: #0f92e0; font-size: 14px; line-height: 26px; font-family: '微软雅黑'; background: url(../images/telbg.jpg) 0 0 no-repeat; text-align: center; font-weight: bold; } /*在线客服 end*/ @media (min-width:1000px) and (max-width:1199px) { #fh5co-news-list .news-box .media-body p.desc { height: 94px; overflow: hidden; } } @media screen and (max-width:1000px) { #fh5co-header .navbar-body .nav li { padding: 0px 16px 0; } #fh5co-service-list .service-content .item-block { height: 270px; overflow: hidden } .met-index-distance { padding-top: 50px; padding-bottom: 40px } #fh5co-news-list .met-index-distance, #fh5co-about-us .met-index-distance, #fh5co-service-list .met-index-distance { padding-top: 50px; padding-bottom: 20px } .index-title { padding-top: 70px; } .index-title .float-right { float: none !important; } #fh5co-news-list .news-box { margin: 0 } #fh5co-about-us .about-box .float-right { float: none !important; } #fh5co-about-us .about-box .media-img { } footer .nav-cotact { margin-top: 15px; text-align: center } #fh5co-about-us .about-box .media-img { text-align: center } #fh5co-about-us .about-box .intro h2, #fh5co-about-us .about-box .intro p.more { text-align: center } #fh5co-about-us .about-box .media-img img { max-width: 360px; } .slideshow { height: 240px !important; } .slideshow img { height: 240px !important; } } @media screen and (max-width:760px) { #fh5co-news-list .news-box .media_img img { width: 100px; } /*top menu*/ #fh5co-header .icon-navicon { float: right; margin-top: 4px; margin-left: 7px; font-size: 22px; border: none; transition: none; padding: 0; } #fh5co-header .navbar-head { padding: 7px 0 7px 0; } #fh5co-header .navbar-head img { height: 30px; } #fh5co-header .navbar-body { padding: 0; border-bottom: 0 } #fh5co-header .navbar-body .nav { overflow: auto; } #fh5co-header .navbar-body .nav li a { text-align: left; background: none } #fh5co-header .navbar-body .nav li { height: auto; display: block; width: 100%; padding: 14px 0; position: static } #fh5co-header .navbar-body .nav li:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #fh5co-header .navbar-body .nav li ul { top: auto; left: auto; width: 100%; position: relative; margin: 10px 0 } #fh5co-header .navbar-body .nav li ul li { height: auto; } #fh5co-header .navbar-body .nav li ul li:last-child { border-bottom: none } #fh5co-header .navbar-body .nav li ul li ul li a { background: #232228; font-size: 12px; height: 28px; line-height: 28px; padding: 0px 0 0 18px; } #fh5co-header .navbar-body .nav li ul li ul li a:hover { background: #555 } footer .nav-list { margin-bottom: 20px; } .fh5co-heading h2 { font-size: 28px; } .fh5co-heading span { font-size: 14px; } #fh5co-news-list .news-box .media-body h3 a { font-size: 16px; } #fh5co-news-list .news-box .media_img { padding: 0 } #fh5co-product-list .tab .tab-nav li a { padding: 8px 20px; } .article-media img { width: 100px; } .article-media .media-body h3 { line-height: 120% } .article-media .media-body h3 a { font-size: 16px; } .slideshow { height: 180px !important; } .slideshow img { height: 180px !important; } /*手机底部导航*/ .blank55 { height: 55px; line-height: 1px; clear: both; } #toolbar { color: #fff; width: 100%; height: 54px; position: fixed; bottom: 0; left: 0; z-index: 6; background: #0f92e0; 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-service-list .service-content .item-block { height: 316px; height:210px; } .fh5co-heading span { width: 80%; margin: 0 auto } #fh5co-news-list .news-box .media-body h3 { line-height: 110% } #fh5co-news-list .news-box .media-body p.desc { height: 54px; overflow: hidden; line-height: 130% } #fh5co-product-list .tab .tab-nav li a { padding: 8px 7px; } #fh5co-about-us .about-box .media-img img { max-width: auto; width: 100% } #fh5co-news-list .news-box .media-body p.desc { display: none } .slideshow { height: 120px !important; } .slideshow img { height: 120px !important; } } /* 内页 end*/ /* ======置顶 ======*/ .backToTop { display: none; width: 35px; height: 35px; position: fixed; _position: absolute; right: 5px; bottom: 60px; _bottom: "auto"; cursor: pointer; z-index: 7; background: #62a8ea url(../images/icon-gotop-fixed.png) no-repeat center center; } .backToTop:hover { background-color: #89BCEB; } #index_box_id .media-img { overflow: hidden } #index_box_id .media-img img { max-width: 100%; height: auto } /*======================================================= PORTFOLIO ========================================================*/ /*分页样式*/ .pglist { padding: 25px 0; float: left; width: 100%; line-height: 34px; text-align: center; } .pglist a { color: #fff; padding: 0 12px; margin: 0 5px; font-/weight: bold; background: #ea7724; } .pglist * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 32px; height: 32px; padding-bottom: 1px; border-radius: 2px; -webkit-border-radius: 2px; } .pglist .hover { display: inline-block; color: #fff; background: #23201d; } .pglist a:hover { display: inline-block; color: #fff; background: #23201d; } .pglist a.current { display: inline-block; color: #fff; background: #23201d; } /*新分页*/ .text-center1 {width:100%; margin:0px auto; margin-top: 30px;text-align: center;} .text-center1 .pagelink{ width:100%; min-height: 32px; margin: 0px; padding:0px; text-align:center; display: inline-block; } .text-center1 .pagelink li{ display: inline-block; margin: 0px; } .text-center1 .pagelink li a, .text-center .pagelink li span{ width:auto; height:32px; border-radius:2px; display:inline-block; text-align:center; color:#808080; background:#62a8ea; transition: all 0.4s; -webkit-transition: all 0.4s; margin-right:12px; margin-top:0px; padding:0px 12px; color:#FFF; line-height:32px; } .text-center1 .pagelink li span.current{ font-weight:bold; width:auto; height:32px; border-radius:2px; display:inline-block; text-align:center; color:#808080; background:#62a8ea; transition: all 0.4s; -webkit-transition: all 0.4s; margin-right:12px; margin-top:0px; padding:0px 12px; color:#FFF; line-height:32px; } .text-center1 .pagelink li.active{font-weight:bold;} .text-center1 .pagelink li a:hover{ color:#ffffff; background:#4c94d8; } @media screen and (max-width:760px) { .text-center1 .pagelink li{ margin-top:0px; margin-bottom:15px; } .text-center1 .pagelink li span.disabled{margin-right: 8px;} } .fontcur{color:#4e97d9 !important;} .clearboth{width:100%; height:1px; clear:both;} /*电脑或手机上显示*/ .pc-hide{display:none;} .pc-show{display:block;} @media screen and ( max-width:1004px ){ .pc-hide{display:block;} .pc-show{display:none;} } /*上一篇,下一篇*/ .pager li a { color: #333; border: solid 1px #ddd; border-radius: 15px; padding: 5px 0px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }