/* * 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: 25px; } .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; } /*我们的优势*/ .advantage{text-align: center; padding: 20px 0px 30px 0px; background-position:center;background-repeat:no-repeat;margin-top: 20px;} .advantage_head p{text-transform: uppercase; font-family: 'Times New Roman'; font-size: 40px; margin: 0px; padding: 0px;} .advantage_head h2{font-size: 24px;} .advantage_list{margin-top: 25px;} .advantage_col{margin-top:0px; margin-bottom: 0px;text-align: left;border-right:1px #ddd solid;} .advantage_col h4{text-align: left;padding-top:0px;} .advantage_col h4 a{} .advantage_col p{font-size:12px;} .advantage_col h4 a:hover{color: #CFA970; text-decoration: none;} .advantage_col span{display: inline-block; text-align: left; border-top: 1px solid #505050; padding-top: 9px;} .advantage_col img{max-width: 100px; -webkit-transition: -webkit-transform 1.2s ease-out; -moz-transition: -moz-transform 1.2s ease-out; -o-transition: -o-transform 1.2s ease-out; -ms-transition: -ms-transform 1.2s ease-out;} .advantage_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} /*首页-左侧栏目*/ .left_nav{ padding: 20px 15px 30px 15px; background: url(../images/left_nav.png) no-repeat 200px 70px #379CF6; 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: #379CF6; 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 #0071BE; } .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:#379CF6; } /*首页-客户案例*/ .case_bg{ padding-bottom: 30px; } .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:#379CF6; } /*首页-四大优势*/ .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_img{min-height:430px; margin-top:25px; margin-bottom:0px; background-repeat: no-repeat;} .news_index{clear: both; list-style:none;margin:0px; padding: 0px; padding-left: 15px;} .news_index li{padding: 22px 0px 22px 0px; border-bottom: 1px dotted #dbd4cd;} .news_index li span{display: inline-block; width: 60px; height:60px; text-align: center; background-color:#0172BF; color: #fff; float: left; padding:0px 2px; margin-right: 15px;} .news_index li span strong{display: block; font-size: 23px; padding-top:5px;} .news_index li span i{display: block; font-size: 12px; font-style: normal; font-family: Arial;} .news_index li a{color:#333333;} .news_index li a:hover{ text-decoration:none;color:#0172BF; } .news_index li em{ font-style: normal; display:inline-block; line-height: 18px;color:#999999; padding-top: 8px; font-size: 12px;} /*首页-公司简介*/ .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:0px; } .about_btn{ display: block; text-align: center; width: 140px; padding: 7px 0px; color: #fff; text-decoration: none; border-radius: 15px; background-color: #379CF6; margin-top: 20px; } .about_btn:hover,.about_btn:focus{ color: #fff; text-decoration: none; background-color: #03b29c; } .about_video{ width: 100%; margin-bottom: 60px; } /*首页-合作客户*/ .cooperation_head,.about_head,.case_head,.news_head{ margin-top: 60px; margin-bottom: 30px; text-align: center; } .cooperation_head p,.about_head p,.case_head p,.news_head p{ text-align: center; font-size: 14px; color: #333; margin-top:8px; } .cooperation_head span,.about_head span,.case_head span,.news_head span{ display: block; height: 3px; background: url(../images/cooperation_title.jpg) center center no-repeat; } .case_head{ color: #fff; } .case_head p{ color: #fff; } .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 #0071BE; padding-left: 8px; } .bread_nav a{ color: #4c4c4c; } .bread_nav a:hover{ color: #379CF6; 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 #0071BE; } .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:#379CF6; } .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: #379CF6; border-radius: 0px; border: none; transition:background 0.3s; margin-right: 15px; } .page-btn:hover, .page-btn:focus { background-color:#0071BE; } .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:130px 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:25px; margin-bottom: 25px; max-width: 700px; } /*导航样式*/ .navbar { margin: 0px; margin-top:0px; border:none; background-color: #379CF6; 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: #0071BE; 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:#0071BE; background-color: rgba(1,114,191,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: #0071BE; } .navbar { margin: 0px; border:0px; min-height: 50px; background-color: #379CF6; } .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: #0071BE; } .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: #0071BE; color: #fff; } #app_menudown { position: absolute; top:0px; right:0px; font-size: 16px; } #app_menudown:hover { background-color: #0071BE; } .navbar-fixed-top { margin-top:0px; opacity: 0.9; } .news_bg{ padding-bottom: 40px; } /*手机-首页产品*/ .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_img { min-height: 150px; } .case_list2 div.case_img { min-height: 150px; } /*手机-首页新闻*/ .news_index{padding-left: 0px;} .news_img{display: none;} .news_time{ display:none;} /*手机-首页公司简介*/ .about_content{ margin-top:0px; } .about_btn{ display: block; width: 200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px; } .about_video img{ width:100%; } /*手机-首页合作客户*/ .cooperation_head,.news_head,.about_head,.case_head{ margin-top: 50px; } .cooperation_head p,.about_head p,.case_head p,.case_head p{ font-size: 14px; margin-top:8px; } .cooperation_head span,.about_head span,.case_head span,.case_head span{ text-align:center; } .case_head{ color: #fff; } .case_head p{ color: #fff; } .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; background:#076bb5; } .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; } /*手机-四大优势*/ .advantage_list{margin-top: 10px;} .advantage{padding: 10px 0px 10px 0px;background-size: cover;background-attachment: fixed;} .advantage_col{padding-bottom: 15px;text-align: left;border:none;} .advantage_col p{text-align: center;} .advantage_col h4{text-align: center; margin-top: 15px;} .advantage_col span{text-align: center;} .advantage_col img{display: block; margin: 0 auto;} } @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%; } }