/* * LankeCMS (http://lankecms.com) * Copyright (c) 2013-2018 http://lankecms.com All rights reserved. * Author: 钟若天 */ body{ font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F; } a{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } ul{ list-style:none; } .clear{ clear: both; } .img-thumbnail{ transition : opacity 0.7s; } .img-thumbnail:hover, .opacity_img:hover{ opacity: 0.75; } header{ background-color: #f1f1f1; } /*顶部信息*/ .top_bg{ background-color: #fff; color: #777777; width: 100%; height: 45px; box-shadow: 0px 0px 10px #e2e2e2; } .top_welcome{ display: inline-block; padding-top:12px; } /*顶部电话*/ .top_tel{ float: left; margin-top: 48px; } .top_tel img{ display: inline-block; float: left; margin-right: 8px; margin-top: 3px; } .top_tel span{ color: #666; display: inline-block; float: left; } .top_tel p{ margin: 0px; float: left; color: #0071be; font-size: 25px; font-weight: bold; } /*幻灯片*/ .flash img{ width: 100%; } .flash ul.bxslider{ list-style:none; } .flash div.bx-pager{ bottom: 4%; } .flash div.bx-controls-direction{ display:none; } /*产品搜索*/ .search_group{ float: right; margin: 8px 0px 0px 0px; border:1px solid #dfe1e3; border-radius:20px; } .search_group input.form-control{ border-radius: 0px; box-shadow: none; color: #585A5A; padding: 0px 0px 0px 15px; height: 26px; background: transparent; border: none; } .search_group input.form-control:focus{ box-shadow: none; border-color: #b2e0fb; } #search_submit{ color:#C3C4C5; height: 26px; font-size: 16px; margin-top: -14px; } #search_submit:hover{ color:#0067b6; cursor: pointer; } /*首页-左侧栏目*/ .left_nav{ padding: 20px 15px 30px 15px; background: url(../images/left_nav.jpg) no-repeat 200px 70px #0071bf; margin-top: 25px; margin-bottom: 20px; } .left_nav p{ color: #fff; font-weight: bold; font-size: 24px; } .left_nav h3{ color: #fff; margin:0px 0px 30px 0px; } .left_nav_bg{ background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff; padding: 10px 15px 22px 15px; } .left_nav_tel{ margin: 220px 0px 0px 0px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; } .left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px; } .left_nav_ul > li > a{ display: block; text-decoration:none; color:#fff; font-size:15px; background-color: #0071bf; border-radius: 25px; padding:6px 0px 6px 18px; margin-bottom: 8px; } .left_nav_ul > li > a:hover, .left_nav_ul li a.left_active{ color:#fff; background-color: #03b29c; } /*首页-左侧二级栏目*/ ul.left_snav_ul{ list-style:none; padding:0px; } ul.left_snav_ul > li{ margin:0px; } ul.left_snav_ul > li > a{ display: block; text-decoration:none; color:#fff; padding:5px 0px 5px 30px; background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6; border-radius: 25px; margin-bottom:8px; } ul.left_snav_ul > li > a:hover{ color:#fff; background-color: #03b29c; } /*列表页-左侧栏目*/ .left_h3{ margin-top: 19px; font-size: 22px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; } .left_h3 span{ display: inline-block; height: 50px; border-bottom: 1px solid #02b29c; } .left_column ul.left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px; } .left_column ul.left_nav_ul > li{ margin-bottom: 5px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 12px no-repeat; } .left_column ul.left_nav_ul > li > a{ display: block; text-decoration:none; color:#000; font-size:14px; background:transparent; border-radius:0px; padding:6px 0px 6px 18px; margin-bottom: 8px; } .left_column ul.left_nav_ul > li > a:hover, .left_column ul.left_nav_ul li a.left_active{ color:#03b29c; background:transparent; } /*列表页-左侧二级栏目*/ .left_column ul.left_snav_ul{ list-style:none; padding:0px; } .left_column ul.left_snav_ul > li{ margin-bottom: 7px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 15px 11px no-repeat; } .left_column ul.left_snav_ul > li > a{ display: block; text-decoration:none; color:#000; padding:5px 0px 5px 25px; background: transparent; border-radius: 25px; margin-bottom:8px; } .left_column ul.left_snav_ul > li > a:hover{ color:#03b29c; background:transparent; } /*左侧新闻*/ .left_news{ clear: both; list-style:none; margin:0px; padding:0px; } .left_news li{ color:#545455; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height:21px; padding: 10px 0px; padding-left:14px; } .left_news li a{ color:#2F2F2F; } .left_news li a:hover, .left_news li a:focus{ text-decoration:none; color:#03b29c; } /*左侧联系*/ .left_contact{ margin:30px 0px 35px 0px; } .left_contact p{ clear: both; } /*首页产品*/ .product_head h2{ text-align: center; margin-top: 60px; font-size: 38px; color: #333; font-weight: bold; } .product_head span{ display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat; } .product_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; } .product_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .product_list2{ padding-top: 20px; } .product_img{ padding-left: 15px; padding-right: 15px; min-height: 270px; } .product_img img{ margin-right: auto; margin-left: auto; display: block; max-height: 200px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .product_list2 div.product_img{ min-height: 260px; } .product_title{ text-align: center; height: 40px; } .product_title a{ color: #2F2F2F; } .product_title a:hover{ text-decoration: none; color:#0071bf; } /*首页-客户案例*/ .case_bg{ padding-bottom: 30px; } .case_head h2{ text-align: center; margin-top: 60px; font-size: 38px; color: #fff; font-weight: bold; } .case_head span{ display: block; height: 3px; background: url(../images/h2_line2.jpg) center center no-repeat; } .case_head p{ text-align: center; font-size: 18px; color: #fff; margin-top:8px; } .case_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .case_list2{ padding-top: 20px; } .case_img{ padding-left: 15px; padding-right: 15px; min-height: 270px; } .case_img img{ margin-right: auto; margin-left: auto; display: block; max-height: 270px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .case_list2 div.case_img{ min-height: 220px; } .case_title{ text-align: center; height: 40px; } .case_title a{ color: #fff; font-weight: bold; } .case_title a:hover{ text-decoration: none; color:#85C226; } .case_title2 a{ color: #2F2F2F; font-weight: normal; } .case_title2 a:hover{ text-decoration: none; color:#0071bf; } /*首页-四大优势*/ .advantage_head h2{ text-align: center; margin-top: 60px; font-size: 38px; color: #333; font-weight: bold; } .advantage_head span{ display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat; } .advantage_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; margin-bottom: 50px; } .advantage_left img{ width: 50%; float: left; } .advantage_left h3{ width: 50%; float: right; text-align: right; font-size: 36px; color: #0071be; font-weight: bold; } .advantage_left h3 span{ font-family: Arial black; font-size: 68px; } .advantage_left p{ width: 50%; float: right; text-align: right; color: #555; line-height: 48px; margin-top: 15px; padding-right: 25px; background: url(../images/advantage_libg.jpg) repeat-y right 13px; } .advantage_right img{ width: 50%; float: right; } .advantage_right h3{ width: 50%; float: left; text-align: left; font-size: 36px; color: #0071be; font-weight: bold; } .advantage_right h3 span{ font-family: Arial black; font-size: 68px; } .advantage_right p{ width: 50%; float: left; text-align: left; color: #555; line-height: 48px; margin-top: 15px; padding-left: 25px; background: url(../images/advantage_libg.jpg) repeat-y left 13px; } /*首页-新闻资讯*/ .news_bg{ background-color: #f7f7f7; } .news_head{ margin-bottom: 20px; } .news_head h2{ text-align: center; margin-top: 50px; font-size: 38px; color: #333; font-weight: bold; } .news_head span{ display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat; } .news_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; } .news_h3{ background: url(../images/news_title.jpg) left bottom no-repeat; padding: 10px 0px 10px 0px; font-size: 18px; font-weight: bold; } .news_ul{ clear: both; list-style:none; margin-top:10px; padding:0px; } .news_ul li{ color:#545455; line-height:21px; padding: 10px 0px; } .news_ul li a{ color:#2F2F2F; } .news_ul li a:hover{ text-decoration:none; color:#0071bf; } .news_time{ float:right; } .news_img img{ max-width: 270px; margin-right: 28px; float: left; } .news_img a{ font-weight: bold; font-size: 16px; } .news_img p{ margin-top: 12px; line-height: 26px; } .answer_ul{ clear: both; list-style:none; margin-top:10px; padding:0px; } .answer_ul li{ color:#545455; line-height:21px; padding: 10px 0px; } .answer_ul li a{ display: block; background: url(../images/ask.jpg) no-repeat left center; padding-left: 28px; color:#333; font-weight:bold; } .answer_ul li a:hover{ text-decoration:none; color:#0071bf; } .answer_ul li p{ background: url(../images/answer.jpg) no-repeat left 2px; padding-left: 28px; margin-top: 10px; line-height: 22px; color: #555; } /*首页-公司简介*/ .about_head{ margin-bottom: 60px; } .about_head h2{ text-align: center; margin-top: 50px; font-size: 38px; color: #333; font-weight: bold; } .about_head span{ display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat; } .about_head p{ text-align: center; font-size: 18px; color: #555; margin-top:8px; } .about_h3{ font-family: Arial; color: #0071be; font-size: 54px; font-weight: bold; margin: 0px; } .about_p{ font-size: 16px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #dadada; } .about_content{ line-height: 30px; color: #555; margin-top:20px; } .about_btn{ display: block; text-align: center; width: 140px; padding: 7px 0px; color: #fff; text-decoration: none; border-radius: 15px; background-color: #0071bf; margin-top: 20px; } .about_btn:hover,.about_btn:focus{ color: #fff; text-decoration: none; background-color: #03b29c; } .about_video{ width: 100%; } /*首页-合作客户*/ .cooperation_head{ margin-top: 60px; margin-bottom: 30px; } .cooperation_head p{ text-align: center; font-size: 24px; color: #333; margin-top:8px; } .cooperation_head span{ display: block; height: 3px; background: url(../images/cooperation_title.jpg) center center no-repeat; } .cooperation_img{ padding-left: 15px; padding-right: 15px; min-height: 180px; } .cooperation_img img{ margin-right: auto; margin-left: auto; display: block; max-height: 170px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } /*列表页-横幅*/ .page_bg{ height: 229px; margin-bottom: 0px; } /*列表页-面包屑*/ .bread_bg{ background-color: #f3f3f3; } .bread_nav{ padding: 10px 0px 10px 0px; } .bread_nav span{ border-left: 8px solid #02b29c; padding-left: 8px; } .bread_nav a{ color: #4c4c4c; } .bread_nav a:hover{ color: #0071bf; text-decoration: none; } /*列表页-右栏*/ .right_head{ clear: both; } .right_head h2{ height: 50px; font-size: 22px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; } .right_head h2 span{ display: inline-block; height: 50px; border-bottom: 1px solid #02b29c; } .right_contents{ clear: both; padding:15px 0px 15px 0px; line-height:28px; overflow: auto; } .right_contents_h1{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:24px; color:#434343; font-weight:bold; line-height: 34px; } .right_contents img { max-width: 840px; } /*列表页-新闻*/ .right_new{ clear: both; list-style:none; margin:0px; padding:0px 0px 20px 0px; } .right_new li{ color:#898989; background: url(../images/li.png) no-repeat left 18px; font-size: 16px; line-height:22px; padding:12px 0px; padding-left:13px; border-bottom: 1px dashed #e3e2e2; } .right_new li a{ color:#2F2F2F; } .right_new li a:hover, .right_new li a:focus{ text-decoration:none; color:#0071bf; } .right_new_time{ float:right; } .relevant_new ul.right_new li{ font-size: 14px; } /*分页样式*/ .page{ clear:both; margin:20px 0px 20px 0px; text-align: center; } .page a{ display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none } .page a:hover,.page a:focus{ font-family: Arial; font-size: 13px; border: #0071be 1px solid; padding:4px 9px;color: #fff; background-color: #0071be; } .page .current{ font-family: Arial; border: #0071be 1px solid; font-size: 13px; padding:5px 9px; color: #fff; margin: 2px; background-color: #0071be } /*产品详细页*/ .showpic_box,.proinfo_box{ margin: 30px 0px 20px 0px; } .product_h1{ margin:0px; line-height:22px; font-size:16px; font-weight: bold; color: #000; padding-bottom:10px; border-bottom: 1px dotted #cccccc; } .product_info{ list-style:none; padding:0px; margin-top:10px; } .product_info p{ line-height:28px; } .product_btn{ margin-top: 25px; } #pic-page{ text-align: center; margin-top:10px; } #pic-page a{ margin: 0 2px; } #pic-page a img { width:40px; padding: 2px; border: solid #ccc 1px; margin-bottom:5px; } #pic-page a:hover img, #pic-page a.active img { border: solid #5280DD 1px; } .product_con { clear: both; border-top: 1px dotted #a9a9a9; margin:10px 0px 20px 0px; padding:20px 0px 0px 0px; line-height:26px; overflow: auto; } .photo_con { clear: both; margin:0px 0px 20px 0px; padding:10px 0px 20px 0px; line-height:26px; overflow: auto; } .product_con img, .photo_con img { max-width: 840px; } /*按钮样式*/ .download_btn { float: right; display: block; margin: 10px 10px 20px 0px; } .page-btn { display: inline-block; float: left; background-color: #0071bf; border-radius: 0px; border: none; transition:background 0.3s; margin-right: 15px; } .page-btn:hover, .page-btn:focus { background-color:#02b29c; } .grey-btn { border-radius: 0px; border: none; background-color: #E8E8E8; } .grey-btn:hover, .grey-btn:focus { background-color: #ccc; } /*在线留言订购*/ .feedback { margin-top: 50px; } .form-horizontal .form-group{ margin-right: -10px; margin-left: -10px; } .codeimg{ margin: 0px 0px -10px -18px; } /*上一个下一个*/ .point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px; } .point span.to_prev{ text-align:center; } .point span.to_prev a{ color:#337AB7; } .point span.to_prev a:hover{ color: #ea042b; } .point span.to_next{ text-align:center; } .point span.to_next a{ color:#337AB7; } .point span.to_next a:hover{ color: #ea042b; } /*标签样式*/ .tags{ margin: 18px 0px 10px 0px; } .tags a{ margin: 0px 5px 8px 0px; } .tags_list{ padding: 5px 10px 100px 10px; } .tags_ul{ margin-top: 0px; } .tags_ul li{ line-height: 28px; margin-bottom: 8px; padding-bottom: 10px; } .tags_ul h3{ font-size: 14px; padding: 0px; margin: 0px; line-height: 20px; } .tags_ul p{ font-size: 13px; padding: 0px; margin: 0px; color: #777; line-height: 20px; padding-top: 8px; } /*网站地图*/ ul.ul_sitemap{ margin: 30px 0px 40px 30px; } ul.ul_sitemap li{ list-style: none; line-height: 26px; clear: both; } ul.ul_sitemap li a{ color: #7d7d7d; } li.small_li_sitemap{ clear: both; padding-left: 12px; } li.small_li2_sitemap{ float: left; padding-left: 20px; } /*友情链接*/ .link_box{ background-color: #005188; padding: 20px 0px 20px 0px; text-align: center; color: #95abc1; font-size: 13px; } .link_box a{ color: #95abc1; padding:0px 0px 0px 10px; font-size: 13px; } .link_box a:hover{ text-decoration: none; color: #97f3e7; } .link_box a:last-child{ border-right:0px; } .link_box button{ display: none; } .link_title{ font-size: 13px; margin-right: -6px; } .link_title:after{ content:":"; } /*底部TAGS*/ .tags_box{ background-color: #005188; padding: 5px 0px 20px 0px; text-align: center; color: #95abc1; font-size: 13px; } .tags_box a{ color: #95abc1; padding:0px 2px 0px 8px; font-size: 13px; } .tags_box a:hover{ text-decoration: none; color: #97f3e7; } .tags_box a:last-child{ border-right:0px; } .tags_box button{ display: none; } .tags_title{ font-size: 13px; margin-right: -6px; } .tags_title a{ padding:0px; } .tags_title:after{ content:":"; } /*底部信息*/ footer{ margin-top: 20px; color:#fff; padding:60px 0px 40px 0px; background: url(../images/foot_bg.jpg) repeat-x top center #076bb5; } .footer_logo{ max-width: 196px; } .footer_logo_text{ width: 196px; text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px solid #4e97c5; line-height: 22px; } .footer_sitemap{ color: #fff; } .footer_sitemap:hover, .footer_sitemap:focus { color: #97f3e7; text-decoration: none; } /*底部分类*/ .footer_menu a{ color: #fff; } .footer_menu a:hover{ color: #97f3e7; text-decoration: none; } .footer_menu_first{ font-weight: bold; } .footer_qrcode{ max-width: 130px; } .footer_qrcode_text{ width: 130px; text-align: center; margin-top: 15px; } /*底部翻译*/ .translate{ background-color: #005188; } .translate_btn{ width:130px; margin: 0 auto; padding-top:20px; } /*UEditor编辑器前端表格样式*/ table{ margin-bottom:10px; border-collapse:collapse; display:table; } td,th{ padding: 5px 10px; border: 1px solid #DDD; } caption{ border:1px dashed #DDD; border-bottom:0; padding:3px; text-align:center; } th{ border-top:1px solid #BBB; background-color:#F7F7F7; } table tr.firstRow th{ border-top-width:2px; } .ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; } td p{ margin:0; padding:0; } /*大屏幕样式*/ @media screen and (min-width: 769px) { .logo { margin-top:45px; margin-bottom: 25px; max-width: 700px; } /*导航样式*/ .navbar { margin: 0px; margin-top:24px; border:none; background-color: #0071bf; min-height: 60px; } .navbar-nav > li { } .navbar-nav > li:first-child { } .navbar-nav > li:last-child { } .navbar-nav > li > a { text-align: center; } .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; padding: 20px 34px 20px 34px; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #02b29c; color: #fff; } .navbar-brand { display: none; } /*导航-触发滚动*/ .navbar-fixed-top { min-height: 50px; margin-top:0px; opacity: 0.9; } .navbar-fixed-top ul.navbar-nav > li > a { padding: 15px 25px 15px 25px; } /*导航二级菜单*/ .nav_small { background-color:#02b29c; background-color: rgba(2,178,156,0.8); padding: 10px 0px; padding-bottom: 15px; border-radius: 0px; border: none; box-shadow: none; } .nav_small > li > a { line-height:20px; padding: 7px 0px; text-align: center; color: #fff; font-size: 13px; } .nav_small > li > a:hover { color: #fff; background-color: #029e8b; } #app_menudown, #search_btn { display:none; } .mfoot_box { display:none; } } /*小屏幕样式*/ @media screen and (max-width: 768px) { .top_bg { display: none; } .top_welcome, .top_tel { display: none; } .logo { display: block; margin: 0 auto; margin-top:25px; margin-bottom: 25px; max-width:300px; } #search_btn { float: right; margin-top: 7px; padding:8px 13px; font-size: 17px; border-radius: 4px; color: #fff; } #search_btn:hover, #search_btn:focus { cursor: pointer; background-color: #02b29c; } .navbar { margin: 0px; border:0px; min-height: 50px; background-color: #0071bf; } .navbar-default .navbar-brand { color: #fff; font-size: 16px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; } .navbar-toggle { border:none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #02b29c; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; } .navbar-default .navbar-nav > li:last-child{ border: none; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { background-color: #02b29c; color: #fff; } #app_menudown { position: absolute; top:0px; right:0px; font-size: 16px; } #app_menudown:hover { background-color: #02b29c; } .navbar-fixed-top { margin-top:0px; opacity: 0.9; } /*手机-首页产品*/ .product_head h2 { margin-top: 40px; font-size: 25px; } .product_head span { background: url(../images/m_h2_line.jpg) center center no-repeat; } .product_head p { font-size: 14px; margin-top:8px; } .product_img { min-height: 180px; } .product_list2 div.product_img{ min-height: 180px; } /*手机-首页案例*/ .case_head h2 { margin-top: 40px; font-size: 26px; } .case_head p { font-size: 14px; margin-top:4px; } .case_img { min-height: 150px; } .case_list2 div.case_img { min-height: 150px; } /*手机-首页新闻*/ .news_head{ margin-bottom: 0px; } .news_head h2{ margin-top: 30px; font-size: 26px; } .news_head span{ background: url(../images/m_h2_line.jpg) center center no-repeat; } .news_head p{ font-size: 14px; margin-top:4px; } .news_h3{ text-align: center; background: url(../images/news_title.jpg) center bottom no-repeat; padding: 10px 0px 10px 0px; margin-bottom: 20px; } .news_ul li{ color:#000; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height:21px; padding: 10px 0px; padding-left:14px; } .news_time, .right_new_time, .news_time_p, .news_des { display: none; } .news_img img{ display: none; } .news_img a{ font-weight: normal; font-size: 14px; } /*手机-首页公司简介*/ .about_head{ margin-bottom: 25px; } .about_head h2{ margin-top: 35px; font-size: 26px; } .about_head span{ background: url(../images/m_h2_line.jpg) center center no-repeat; } .about_head p{ font-size: 14px; margin-top:8px; } .about_content{ margin-top:0px; } .about_btn{ display: block; width: 200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; } /*手机-首页合作客户*/ .cooperation_head{ margin-top: 50px; } .cooperation_head p{ font-size: 22px; margin-top:8px; } .cooperation_img{ min-height: 100px; } .page_bg{ display: none; } .right_contents img, .product_con img, .photo_con img { max-width: 100%; } .feedback{ margin-top:20px; } .proinfo_box { margin-bottom: 80px; } #pic-page a img { width:35px; } #cmsFloatPanel{ display: none; } .point span.to_prev, .point span.to_next { text-align:left; padding-bottom: 8px; } /*手机-底部信息*/ footer { padding-top: 40px; padding-bottom:25px; } .footer_logo, .footer_logo_text { display: none; } .footer_contact { margin-bottom:30px; } .footer_qrcode{ display: block; max-width: 130px; margin: 0 auto; margin-top: 25px; } .footer_qrcode_text { width: 130px; margin: 0 auto; margin-top: 10px; margin-bottom: 35px; } /*手机-友情链接*/ .link_box { padding-left: 7px; margin-bottom: 50px; } .link_box a { display: block; border-right:0px; padding:4px 0px; } .link_title{ display: block; } .link_title:after { content:""; } .link_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; } .link_box button:hover, .link_box button:focus{ color: #97f3e7; } .link_list{ display: none; padding-top: 7px; } /*手机-Tags标签*/ .tags_box{ padding-left: 7px; margin-bottom: 50px; } .tags_box a{ display: block; border-right:0px; padding:4px 0px; } .tags_title{ display: block; } .tags_title:after{ content:""; } .tags_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; } .tags_box button:hover, .tags_box button:focus{ color: #97f3e7; } .tags_rows{ display: none; padding-top: 7px; } /*手机-底部按钮*/ .mfoot_box{ background-color: #fafafa; } .mfoot_nav { width:25%; float:left; background-color: #fafafa; text-align:center; color:#898989; cursor:pointer; } .mfoot_nav:hover, .mfoot_nav:focus { background-color: #e4e4e4; cursor:pointer; } .mfoot_nav a { color:#898989; display:block; } .mfoot_nav a:hover, .mfoot_nav a:focus{ text-decoration:none; } .mfoot_nav span { display:block; padding:3px 0px 0px 0px; } .mfoot_share { width: 240px; padding: 5px; } } @media screen and (max-width: 767px) { .copyright_p{display:none;} } /*320px到768px*/ @media screen and (min-width:320px) and (max-width:768px) { .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; } .col-mm-12 { width: 100%; } .col-mm-11 { width: 91.66666667%; } .col-mm-10 { width: 83.33333333%; } .col-mm-9 { width: 75%; } .col-mm-8 { width: 66.66666667%; } .col-mm-7 { width: 58.33333333%; } .col-mm-6 { width: 50%; } .col-mm-5 { width: 41.66666667%; } .col-mm-4 { width: 33.33333333%; } .col-mm-3 { width: 25%; } .col-mm-2 { width: 16.66666667%; } .col-mm-1 { width: 8.33333333%; } }