body { font-family: Arial, "微软雅黑"; font-size: 12px; line-height: 1.7; color: #797979; background: #fff; position: relative; } p { margin: 0 } h1, h2, h3, h4, h5, h6, figure { color: #000; font-family: "Open Sans", Arial, sans-serif; font-weight: 400; } ::-webkit-selection { color: #fff; background: #004ea2; } ::-moz-selection { color: #fff; background: #004ea2; } ::selection { color: #fff; background: #004ea2; } .margin-bottom { margin-bottom: 75px; } .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: #797979; text-decoration: none } a:focus, a:hover { color: #004ea2; } .bg-main { background: #004ea2 } .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: #004ea2 } .text-gray, a.text-gray:link, a.text-gray:visited, .button.border-gray, blockquote.border-gray strong, .pager.border-gray a, .pager-prev.border-gray, .pager-next.border-gray { color: #848484 } .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: 75px; line-height: 75px; clear: both; font-size: 0; background: #fff } .fh5co-heading h2 { font-size: 36px; margin: 0; padding: 0; line-height: 100% } .fh5co-heading span.full-screen-small-title { font-size: 12px; } .fh5co-heading span.full-screen-title { font-size: 18px; font-family: "微软雅黑"; } h2 { font-size: 36px; } #fh5co-page { position: relative; z-index: 2; background: #fff; } @media (min-width:760px) and (max-width:1000px) { #fh5co-news_show .line-middle .xm5 { margin-bottom: 50px; } } .full-screen { width: 100%; overflow: hidden } .line-big { margin-left: -20px; margin-right: -20px; } .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: 20px; padding-left: 20px } .fh5co-index_more { margin-top: 58px; margin-bottom: 38px; width: 100%; text-align: center; } .fh5co-index_more1 { margin-top: 30px; width: 100%; text-align: center; } .fh5co-index_more a1 { width: 170px; height: 56px; display: inline-block; line-height: 56px; font-size: 18px; background: #004ea2; border-radius: 3px; color: #fff; text-align: center; } .fh5co-index_more a { width: 170px; height: 56px; display: inline-block; line-height: 56px; font-size: 18px; background: #004ea2; border-radius: 3px; color: #fff; text-align: center; } /*顶部导航 begin*/ #fh5co-header { position: absolute; z-index: 1001; width: 100%; margin: 0px 0 0 0; } #fh5co-header .header-inner { height: 80px; float: left; width: 100%; } #fh5co-header h1 { float: left; padding: 0; margin: 20px 0 0 } #fh5co-header nav { margin: 55px 0 0 0; float: right; padding: 0; } #fh5co-header nav ul { padding: 0; margin: 0; } #fh5co-header nav ul li { margin: 0; padding: 0 25px; display: inline-block; height: 35px; position: relative } #fh5co-header nav ul li a { color: #fff; font-size: 16px; text-align: center; font-weight:bold } #fh5co-header nav ul li a:hover { color: #fff; } #fh5co-header nav ul li a .downward { display: none } #fh5co-header nav ul li ul { border: none; top: 35px; border-radius: 0; margin: 0; padding: 0; z-index: 1999; display: none; position: absolute; left: 0; } #fh5co-header nav ul li:last-child ul { right: 0 !important } #fh5co-header nav ul li ul li { margin: 0; padding: 0; height: auto; display: block; height: auto; position: relative } #fh5co-header nav ul li ul li a { background: #242b9d; color: #fff; display: block; width: 100%; padding: 6px 20px 6px 25px; margin: 0; text-align: left; min-width: 170px; } #fh5co-header nav ul li ul li a:hover { background: #e50012; color: #fff; } #fh5co-header nav ul li ul li ul { position: absolute; left: 160px; top: 0 } /*顶部导航 end*/ /*手机版顶部导航 begin */ #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #fh5co-offcanvas, .fh5co-nav-toggle, #fh5co-page { position: relative; } #fh5co-page { z-index: 2; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .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: black; padding: 40px 20px 20px; } #fh5co-offcanvas ul { padding: 0; margin: 0; } #fh5co-offcanvas ul li { list-style: none; border-bottom: 1px solid #444; line-height: 40px; } #fh5co-offcanvas ul li a { font-size: 16px; color: rgba(255, 255, 255, 0.7); text-decoration: none !important; padding-left: 10px; } #fh5co-offcanvas ul li a:hover { color: #ffde00; } #fh5co-offcanvas ul li.active a { color: #ffde00; } #fh5co-offcanvas ul li ul { margin: 0; padding: 5px 0; z-index: 1999; display: none; } #fh5co-offcanvas ul li ul li { margin: 0; padding: 0; display: block; border: none; line-height: 20px; } #fh5co-offcanvas ul li ul li a { background: #e53831; color: #fff; display: block; padding: 5px 20px 5px 10px; margin: 0; text-align: left; width: 100%; font-size: 13px; } #fh5co-offcanvas ul li ul li a:hover { background: #cc302b; color: #fff; } #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: 30px; height: 4px; color: #000; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #666; transition: all .2s ease-out; } .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: ''; width: 30px; height: 4px; background: #666; position: absolute; left: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .fh5co-nav-toggle i::before { top: -7px; } .fh5co-nav-toggle i::after { bottom: -7px; } .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: fixed; top: 40px; right: 20px; z-index: 9999; display: block; margin: 0 auto; display: none; cursor: pointer; } /*手机版顶部导航 end */ /* 底部 begin*/ footer .table-responsive .nav a { color: #5d5d5d; font-size: 18px; line-height: 40px; font-weight: normal; padding: 0px; } footer .table-responsive .nav ul li { border-left: none; } footer .table-responsive .nav ul a { color: #797979; font-size: 13px; line-height: 30px; padding: 0px; } footer .table-responsive .nav a:hover { color: #f08200; } footer .media p { text-align: center !important } /* 底部 end*/ /*首页轮换图片 begin*/ #fh5co-hero .flexslider .flex-control-nav { bottom: 4%; z-index: 1000; } #fh5co-hero .flexslider .flex-control-nav li a { border: 1px solid #ffffff; border-radius: 100px; cursor: pointer; display: inline-block; height: 12px; margin: 7px; width: 12px; background: none; } #fh5co-hero .flexslider .flex-control-nav li a.flex-active { cursor: pointer; background-color: #ffffff; } #fh5co-hero .banner_img { overflow: hidden } #fh5co-hero .banner_img img { width: 100%; } /*首页轮换图片 end*/ /*首页关于我们begin */ #fh5co-about-us .item-block { transition: transform 1s ease 0s; transform: scale(1); height: 410px; font-family: "微软雅黑", arail; background: #f2f2f2; color: #797979; padding-bottom: 15px; overflow: hidden; line-height: 20px; } #fh5co-about-us .item-block:hover { transition: transform 1s ease 0s; transform: scale(1.1); background: #004ea2; color: #fff; display: block; } #fh5co-about-us .item-block p.imgs { text-align: center; overflow: hidden } #fh5co-about-us .item-block p.imgs img { transition: transform 1s ease 0s; transform: scale(1); width: 100%; display: block; overflow: hidden } #fh5co-about-us .item-block p.imgs img:hover { transition: transform 1s ease 0s; transform: scale(1.1); } #fh5co-about-us .item-block h5 { font-size: 16px; text-align: center; color: #004ea2; margin: 15px 0; } #fh5co-about-us .item-block:hover h5 { color: #fff } #fh5co-about-us .item-block p.desc { margin-bottom: 20px; font-size: 14px; min-height: 121px; text-align: center; padding: 0 17px; } #fh5co-about-us .item-block p.more { font-size: 12px; font-family: arial; width: 90px; background: #209990; color: #fff; text-align: center; margin: 0px auto; display: none; line-height: 32px; border-radius: 5px; } #fh5co-about-us .item-block p.more a { text-decoration: none; color: #fff; display: block; } #fh5co-about-us .item-block p.more a:hover { text-decoration: none; color: #1c8b83; display: block; border-radius: 5px; background: #ffde00; } #fh5co-about-us .fh5co-heading { margin-bottom: 45px; } #fh5co-about-us .fh5co-about_content { font-size: 14px; margin-bottom: 45px; width: 60%; } #fh5co-about-us .fh5co-about_content p { line-height: 30px; } #fh5co-about-us .fh5co-about_video { margin-left: 3.8135593220339%; margin-bottom: 45px; width: 32.6271186440678%; text-align: center; float: left; } #fh5co-about-us .fh5co-about_video video { background: #000; z-index: 999 !important; position: relative !important; } .col-5-1 { float: left; width: 18.4%; margin-right: 2%; height: auto } #fh5co-about-us .last { margin-right: 0 } /*首页关于我们 end */ /* 首页产品展示 begin*/ #fh5co-products_show { background: rgba(0, 0, 0, 0) url("../images/chanpbj.jpg") repeat; width: 100%; padding-bottom: 50px; } #fh5co-products_show .fh5co-heading { margin-bottom: 40px; } #fh5co-products_show .fh5co-heading .icon { background: rgba(0, 0, 0, 0) /*url("../images/sanjjt2.png") no-repeat scroll 0 0*/; height: 16px; margin: 0 auto 34px; width: 31px; display: block } #fh5co-products_show .show_content { background: #fff } #fh5co-products_show .show_content .media_img { overflow: hidden; position: relative } #fh5co-products_show .show_content .media_img a img { transition: transform 1s ease 0s; transform: scale(1); width: 100%; overflow: hidden; } #fh5co-products_show .show_content .media_img a img:hover { transition: transform 1s ease 0s; transform: scale(1.1); } #fh5co-products_show .show_content .media_img .jt { height: 12px; width: 23px; position: absolute; text-align: center; left: 50%; margin: 0px auto 0px -11px; z-index: 999; bottom: 0px; display: block } #fh5co-products_show .show_content .media_img .jt img { margin: 0; padding: 0; box-sizing: content-box; position: absolute; bottom: 0; left: 50%; margin: 0px auto 0px -11px; } #fh5co-products_show .show_content .media_body { padding-bottom: 28px; } #fh5co-products_show .show_content .media_body h3 { font-size: 20px; font-weight: bold; padding-top: 40px; padding-left: 15px; line-height: 30px; padding-right: 15px; text-align: left } #fh5co-products_show .show_content .media_body p { margin-bottom: 10px; font-size: 14px; color: #848484; padding-left: 15px; margin-top: 25px; line-height: 26px; padding-right: 15px; } #fh5co-products_show .show_content .media_body a { border-top: #bcbcbc 1px solid; border-right: #bcbcbc 1px solid; width: 90px; border-bottom: #bcbcbc 1px solid; text-align: center; margin-left: 15px; border-left: #bcbcbc 1px solid; display: block; line-height: 32px; color: #868686; display: block; } #fh5co-products_show .show_content .media_body a:hover { text-decoration: none; color: #fff; display: block; border-top: #1f776b 1px solid; border-right: #1f776b 1px solid; background: #004ea2; border-bottom: #1f776b 1px solid; color: #fff; border-left: #1f776b 1px solid; display: block; } #fh5co-products_show .fh5co-product_more { margin-top: 48px; width: 100%; text-align: center; } #fh5co-products_show .fh5co-product_more a { width: 170px; height: 56px; display: inline-block; line-height: 56px; font-size: 18px; background: #fff; border-radius: 3px; color: #004ea2; text-align: center; } /* 首页产品展示 end*/ /* 首页新闻中心 begin*/ #fh5co-news-list .fh5co-heading { margin: 65px 0 50px; } #fh5co-news-list .company-list .media_img { overflow: hidden } #fh5co-news-list .company-list .media_img img { width: 100%; } #fh5co-news-list .company-list .media-body h3 a { font-size: 16px; color: #4d4d4d; font-weight: bold } #fh5co-news-list .industry-list .media-left { width: 72px; background: #EFEFEF; margin-right: 18px; } #fh5co-news-list .industry-list .media:hover .media-left { background: #004ea2; color: #fff; } #fh5co-news-list .industry-list .media-left { padding-top: 10px; margin-top: 10px } #fh5co-news-list .industry-list .media-left p { text-align: center; margin: 0; line-height: 18px; font-family: Verdana, Arial; } #fh5co-news-list .industry-list .media .media-left .f-month { font-size: 12px; } #fh5co-news-list .industry-list .media .media-left .f-day { font-size: 25px; border-bottom: 1px solid #f9f9f9; padding-bottom: 15px; } #fh5co-news-list .industry-list .media .media-left .f-year { font-size: 10px; padding-top: 6px; padding-bottom: 8px; } #fh5co-news-list .industry-list .media .media-body h3 a { font-size: 14px; color: #4d4d4d; font-weight: bold } #fh5co-news-list .industry-list .media .media-body h3 a:hover { color: #004ea2 } #fh5co-news-list .industry-list .media:hover .media-body h3 a { color: #004ea2; } #fh5co-news-list .industry-list .media .media-body p { color: #808080; font-size: 14px; line-height: 20px } #fh5co-news-list .media .media-body p a { float: right; } #fh5co-news-list .media .media-body p { font-size: 14px; } /* 首页新闻中心 end*/ /* 首页案例展示 begin*/ #fh5co-case_show .bg-case { background: #1c8b83 url(../images/anlzxbt.jpg) no-repeat 50% 0px; width: 100%; min-height: 240px; } #fh5co-case_show .fh5co-heading { padding: 15px 0 20px; } #fh5co-case_show h2.text-center { font-size: 14px; margin-bottom: 15px; } #fh5co-case_show h2.text-center a { font-size: 14px; line-height: 3em; color: #333333; } #fh5co-case_show .show_content .icon { height: 16px; width: 31px; background: url(../images/anljt.png) no-repeat center bottom; margin: 0px auto; display: block } #fh5co-case_show .tab { margin-top: 30px } #fh5co-case_show .tab .tab-body { background: none; border: none; padding-top: 40px; } #fh5co-case_show .tab .tab-nav li { margin: 0; padding: 0 } #fh5co-case_show .tab .tab-nav li a { border: none } #fh5co-case_show .tab .tab-nav li a:hover, #fh5co-case_show .tab .tab-nav li.active a { background-color: #1c8b83; border-radius: 5px; color: #fff; } #fh5co-case_show img { width: 340px; height: 240px; } /* 首页案例展示 end*/ /* 案例图片展示 begin*/ #fh5co-case_show .tab .tab-body .portfolio-img, #fh5co-content_show .show_list .portfolio-img { overflow: hidden;height: 108px; width: 165px; } #fh5co-case_show .tab .tab-body .portfolio-img img, #fh5co-content_show .show_list .portfolio-img img { width: 100%; overflow: hidden; } #fh5co-case_show .tab .tab-body h2, #fh5co-content_show .show_list h2 { font-size: 12px; margin: 20px 0; font-weight: bold } /* 案例图片展示 end*/ /* 首页友情链接 begin*/ #fh5co-friend_link { margin-bottom: 30px; } #fh5co-friend_link strong { font-size: 18px; font-family: "微软雅黑", arail; font-weight: normal } #fh5co-friend_link .friend_link a { line-height: 35px; margin: 0 50px 0 0; } /* 首页友情链接 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 { border: none; color: #4c4948; font-size: 14px; display: inline-block; padding: 8px 15px; } #fh5co-content_show .nav li a:hover, #fh5co-content_show .nav li.active a { background-color: #004ea2; border-radius: 5px; color: #fff; } #fh5co-content_show .show_body { font-size: 14px; } #fh5co-content_show .detail img { height: auto !important; max-width: 90%; margin: 10px; 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; } /*分页*/ .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: #1c8b83; background: none } .content_detail .pager li { margin: 0 5px; } #fh5co-content_show .pagination li { margin: 0 3px; background: #dcdcdc; } #fh5co-content_show .pagination .active, #fh5co-content_show .pagination a:hover { background: #004ea2; color: #fff; } #fh5co-content_show .pagination .active a { color: #fff } #fh5co-content_show video { max-width: 100% } /*文章*/ #fh5co-content_show .article-media img { display: block; width: 150px; } #fh5co-content_show .article-media .media .time { color: #999 } #fh5co-content_show .article-media .media-body h3 a { color: #004ea2; font-size: 18px; font-weight: bold } #fh5co-content_show .article-media li { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted #d9d9d9; } #fh5co-content_show .article-media .media { padding: 8px; background: #f8f8f8; } #fh5co-content_show .article-media .media:hover { background: #f3f3f3 } /*产品*/ #fh5co-content_show .product_list_box .line-big .p_list { margin-bottom: 40px; } #fh5co-content_show .product_list_box .media-img { overflow: hidden; width: 200px; height: 150px; } #fh5co-content_show .product_list_box .media-img img { transition: transform 1s ease 0s; transform: scale(1); width: 100%; height: 100%; display: block; overflow: hidden } #fh5co-content_show .product_list_box .media-img img:hover { transition: transform 1s ease 0s; transform: scale(1.1); } #fh5co-content_show .product_list_box .media-body h3 a { color: #1c8b83; } #fh5co-content_show .product_list_box .media-body p { line-height: 210% } .slideshow img { display: block; float: left; } @media screen and (max-width:1180px) { #fh5co-about-us .fh5co-about_content { width: 100%; } #fh5co-about-us .fh5co-about_video { margin-left: 0%; width: 100%; float: left; } } #fh5co-img_friend_link li { max-height: 120px; } #fh5co-img_friend_link ul li img { vertical-align: middle; } .product-left { width: 255px; } .product-left-header { height: 44px; line-height: 44px; padding-left: 18px; width: 255px; color: #fff; font-size: 16px; background: #004ea2; } .product-left ul { padding-left: 0px; } .product-left .first_li { height: 40px; line-height: 40px; padding-left: 18px; margin-top: 1px; background: #f2f2f2; list-style-type: none; position: relative; } .product-left .first_li a { font-size: 16px; color: #666666; display: block; cursor: default; } .product-left .first_li.child a { width: 180px; } .product-left .first_li.active a { color: #004ea2 } .product-left ul ul { display: none; } .product-left .first_li.active + ul { display: block; } .product-left ul ul .second_li { list-style-type: none; line-height: 30px; padding-left: 18px; } .product-left ul ul .second_li.active a { color: #004ea2; } .product-left .first_li:before { content: ""; display: block; width: 57px; cursor: pointer; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/pro_tree_arr.png) no-repeat center center; } .product-left .first_li.child.active:before { background: url(../images/pro_tree_arr_active.png) no-repeat center center; } .product_show_content1 { width: 1180px; } .product_show_content { width: 900px; } .product-right h1 { font-size: 14px; color: #004ea2; font-weight: normal; } .product-des { font-size: 14px; color: #666; line-height: 24px; } .slideBox { position: relative; float: left; } .slideBox ul { padding-left: 0px; } .slideBox { margin: 0 10px; } .slideBox .bd ul li .x12 { } .slideBox .bd ul li .x12 img { width: 100%; height: auto; } .slideBox .bd ul li .x12 span { position: absolute; bottom: 0px; height: 60px; width: 100%; left: 0; line-height: 60px; text-align: center; background-color: rgba(40,120,164,.5); color: #fff; font-size: 20px; } .slideBox .prev img, .slideBox .next img { vertical-align: middle; } .slideBox .prev { position: absolute; left: 0; top: 30%; height: 50px; line-height: 50px; text-align: center; width: 30px; margin-top: -25px; z-index: 99; background-color: #2878a4; } .slideBox .next { position: absolute; right: 0; top: 30%; height: 50px; line-height: 50px; text-align: center; width: 30px; margin-top: -25px; z-index: 99; background-color: #2878a4; } @media screen and (max-width:1000px) { #fh5co-header h1 { margin: 10px 0 0 0px; } #fh5co-header h1 a img { height: 50px; margin: 0px 0 0 20px; } #fh5co-offcanvas { display: block; } #fh5co-header { margin: 0px 0 0 0; } #fh5co-header nav { display: none; } .fh5co-nav-toggle { display: block; top: 20px; } .slideshow { height: 210px !important; } .slideshow img { height: 210px !important; } .line-big { margin-left: -10px; margin-right: -10px; } .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: 10px; padding-left: 10px } } @media screen and (max-width:760px) { #fh5co-content_show .article-media img { width: 80px !important; height: auto !important; } #fh5co-content_show .product_list_box .media-img { overflow: hidden; width: 100px !important; height: 75px !important; } .col-5-1 { width: 100%; }/*首页关于我们*/ #fh5co-news_show .line-middle .xm5 { margin-bottom: 20px; } #fh5co-news_show .xm7 .xs9 { margin-bottom: 20px; } .slideshow { height: 180px !important; } .slideshow img { height: 180px !important; } .product-right { padding-left: 0px; } .product-right h1 { text-align: center; font-size: 18px; margin: 10px 0; } #fh5co-img_friend_link ul { padding-left: 0px; } #fh5co-img_friend_link ul li { width: 33.3%; } #fh5co-img_friend_link ul li img { width: 100%; } #fh5co-case_show img { width: 100%; height: inherit; } #fh5co-header { position: relative; } #fh5co-header .header-inner { height: 120px; } #fh5co-header .header-inner #header-bottom { text-align: center; clear: both; padding-top: 5px; } #fh5co-header .header-inner #header-bottom a { display: inline-block; margin: 0 2px; } #fh5co-header .header-inner #header-bottom form { display: inline-block; border: 1px solid #333; border-radius: 10px; overflow: hidden; vertical-align: middle; margin-left: 10px; } #fh5co-header .header-inner #header-bottom input.skw { height: 23px; padding: 0px; text-indent: 10px; margin: 0px; border: none; } #fh5co-header .header-inner #header-bottom input.sub { height: 24px; border: none; background: url(../images/search.png) no-repeat center center; width: 30px; border-left: 2px solid #999; vertical-align: middle; } #mobile_bottom { position: fixed; bottom: 0px; height: 60px; padding-top: 10px; background: #000; width: 100%; z-index: 10000000; } #mobile_bottom a { display: inline-block; width: 19%; text-align: center; } #mobile_bottom a span { display: block; font-size: 24px; line-height: 24px; height: 24px; } #mobile_bottom a h5 { color: #fff; } } @media screen and (max-width:480px) { .fh5co-nav-toggle { top: 10px; } #fh5co-header h1 { margin: 0px; float: inherit; width: 100%; text-align: center; margin: 10px 0 0 0; } #fh5co-header h1 a img { height: 70px; margin: 0px 0 0 5px; } #fh5co-content_show .article-media img { width: 100px !important; height: auto !important; } #fh5co-content_show .article-media .media h3 { line-height: 100% } #fh5co-content_show .article-media .media h3 a { font-size: 14px; } #fh5co-content_show .product_list_box .media-img { overflow: hidden; width: 50px !important; height: 38px !important; } .slideshow { height: 150px !important; } .slideshow img { height: 150px !important; } #fh5co-news-list .industry-list .media .media-body p { display: none } } /* 内页 end*/ /* ======置顶 ======*/ .backToTop { display: none; width: 55px; height: 55px; position: fixed; _position: absolute; right: 15px; bottom: 80px; _bottom: "auto"; cursor: pointer; z-index: 100000000; background: #666 url(../images/icon-gotop-fixed.gif) no-repeat center center; } .backToTop:hover { background-color: rgba(0,0,0,0.6); background-color: #6d6d6d\9; } @media screen and (max-width:1200px) { .product-left { width: 100%; text-align: center; } .product-left-header { display: none; } .product-left .first_li { display: inline-block; background: none; padding: 8px 15px; line-height: inherit; height: inherit; } .product-left .first_li:before { display: none; } .product-left .first_li a { font-size: 14px; } .product-left .first_li.child a { width: auto; } .product-left .first_li.active + ul { display: none !important; } .product-left .first_li.active { background-color: #004ea2; border-radius: 5px; color: #fff; } .product-left .first_li.active a { color: #fff; } .product_show_content { width: 100%; } }