body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333; background-color:#f7f7f7;} a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;} ul{list-style:none;} h2{margin: 0px; padding: 0px;} .top_menu{font-size: 12px; color: #7C98A2; width: 100%; height: 35px; background-color: #fff;color: #888;} .top_lang{float: right; padding: 10px 10px 0px 10px; } .top_name{display: inline-block; padding-top:10px;} .flash img{ width: 100%} .flash ul.bxslider{list-style:none;} .flash div.bx-pager{bottom: 4%;} .flash div.bx-controls-direction{ display:none; } .img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; } /*导航菜单*/ #app_menudown{position: absolute; top:0px; right:0px; font-size: 16px; height: 40px;} #app_menudown:hover{background-color: #EF3E03;} /*产品搜索*/ .search_group{ float: right; height: 40px; background-color: #f2f2f2; color: #b7b7b7; margin: 5px 0px 0px 0px; } .search_group input.form-control{ border-radius: 0px; box-shadow: none; color: #585A5A; padding: 0px 0px 0px 15px; height: 40px; background: transparent; border: none; } .search_group input.form-control:focus{ box-shadow: none; } .sxl{ float:left; border-radius: 0px; box-shadow: none; color: #585A5A; height: 40px; background: transparent; border: none; width:30%; } .skv{ border-radius: 0px; box-shadow: none; color: #585A5A; padding: 0px 0px 0px 15px; height: 40px; background: transparent; border: none; width:70%; } #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: 110px 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; padding-left:5px; padding-right:5px; } .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: #039ccf; } /*首页-左侧二级栏目*/ 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: #039ccf; } /*列表页-左侧栏目*/ .left_h3{ font-size: 22px; font-weight: normal; color: #ffffff; margin-top:0px; line-height: 50px; background-color:#0057a4; } .left_h3 span{ display: inline-block; height: 50px; padding-left:20px; } .left_column ul.left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px; padding-left:5px; padding-right:5px; } .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:#039ccf; 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:#039ccf; 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:#039ccf; } /*左侧联系*/ .left_contact{ margin:30px 0px 35px 0px; } .left_contact p{ clear: both; } /*首页产品*/ .product_head h2{ text-align: center; margin-top: 60px; margin-bottom:10px; font-size: 32px; 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_list2 div.product_img{ margin-bottom:10px; } .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: 32px; margin-bottom:10px; 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: 40px 0px 30px 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; } .yy_bg{ padding-bottom: 20px; } .yy_head span { display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat; } .yy_head h2{ text-align: center; margin-top: 50px; font-size: 32px; margin-bottom:10px; color: #333; font-weight: bold; } .yy_head p{ text-align: center; font-size: 18px; color: #555; } .yy_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .yy_list2{ padding-top: 20px; } .yy_img{ padding-left: 15px; padding-right: 15px; } .yy_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; } .yy_list2 div.yy_img{ min-height: 220px; } .yy_title{ text-align: center; height: 40px; } .yy_title a{ color: #2F2F2F; } .yy_title 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_h3 span{ float:right; font-size:14px; font-weight:normal;} .answer_ul{ clear: both; list-style: none; margin: 0px; padding: 0px; } .answer_ul li{ color:#545455; line-height:21px; padding: 10px 0px; min-height:90px; border-bottom: 1px dotted #dbd4cd; } .answer_ul li strong{border-bottom: 1px dotted #dbd4cd; padding-top:10px; margin-bottom:5px; padding-bottom:8px;} .answer_ul li a{ font-size:14px; color:#000000; font-weight:bold;} .answer_ul li a:hover{ text-decoration:none; color:#000000; } .answer_ul li span { background-color: #e8e7e7; display: inline-block; width: 60px; height: 60px; text-align: center; color: #666666; float: left; padding: 0px 2px; margin-right: 15px; } .answer_ul li span strong { display: block; font-size: 23px; padding-top: 5px; } .answer_ul li span i { display: block; font-size: 12px; font-style: normal; font-family: Arial; } .answer_ul li em { font-style: normal; line-height: 18px; color: #999999; padding-top: 8px; font-size: 12px; } /*首页-公司简介*/ .about_head{ margin-bottom: 20px; } .about_head h2{ text-align: center; margin-top: 50px; font-size: 32px; margin-bottom:10px; 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: #039ccf; } .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: 300px; } /*列表页-面包屑*/ .bread_bg{ background-color: #f3f3f3; margin-bottom:20px; } .bread_nav{ padding: 10px 0px 10px 0px; } .bread_nav span{ } .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: 2px solid #039ccf; } .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{ padding: 20px 0px 10px 0px; margin-top:20px; text-align: center; color: #000000; font-size: 13px; } .link_box a{ color: #000000; padding:0px 0px 0px 10px; font-size: 13px; } .link_box a:hover{ text-decoration: none; color: #000000; } .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:40px 0px 30px 0px; background-color:#333333; border-top: 5px solid #0057a4; } .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) { .allproducts li{ color:#dfdfdf; float:left; width:28.333%; margin-right:5%; padding-top:5px; padding-bottom:5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .allproducts a{ color:#111111;} .xlmc{ width:100%; height:40px; text-align:center; background-color:#dfdfdf; margin-top:-3px; border-radius:0px 0px 5px 5px;} .xlmc a{ color:#111111;} .xlmc h2{ font-size:20px; padding-top:8px;} .toppic{ margin-top:50px; margin-left:-70px;} .toppic img{ width:50%;} .top_bg{ font-size: 12px; width: 100%; height: 34px; background-color: #fdfdfd; color: #666666; border-bottom: 1px solid #f1f1f1; } #search_submit{ background-color: #0057a4; color:#fff; height: 40px; font-size: 16px; margin-top: -1px; border-radius: 0px; } #search_submit:hover{ color:#fff; background-color: #00a8e0; cursor: pointer; } .top_tel{ margin-top:15px; } .top_tel span{ color:#FF0000; font-weight:bold; } .logo { margin-top:15px; margin-bottom: 15px; max-width: 700px; } /*导航样式*/ .navbar { margin: 0px; margin-top:5px; border:none; background-color: #0057a4; 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: #039ccf; 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:#039ccf; 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: #039ccf; } #app_menudown, #search_btn { display:none; } .mfoot_box { display:none; } .product_img{ padding-left: 15px; padding-right: 15px; min-height: 250px; } .product_img img{ margin-right: auto; margin-left: auto; display: block; width:258px; height:258px; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .about_img{margin: 20px 0px 0px 30px; width:90%; } } /*小屏幕样式*/ @media screen and (max-width: 768px) { .mdm{ padding-left:0px; margin-left:0px; padding-right:0px;} .allproducts{padding-left:0px; margin-left:0px;} .allproducts li{ color:#dfdfdf; float:left; padding-left:0px; margin-left:0px; font-size:12px; padding-top:5px; padding-bottom:5px; overflow:hidden;} .allproducts a{ color:#111111;} .xlmc{ width:100%; height:40px; text-align:center; background-color:#dfdfdf; margin-top:-3px; border-radius:0px 0px 5px 5px;} .xlmc a{ color:#111111;} .xlmc h2{ font-size:12px; padding-top:8px;} .top_bg{ font-size: 12px; width: 100%; height: 34px; background-color: #fdfdfd; color: #666666; border-bottom: 1px solid #f1f1f1; } .logo { display: block; margin: 0 auto; margin-top:25px; margin-bottom: 25px; max-width:320px; } /*手机-顶部搜索*/ #topsearch{ display: none; } .search_group{ margin: 5px 0px 15px 0px; } #search_btn { float: right; margin-top: 7px; padding:8px 13px; font-size: 17px; border-radius: 4px; color: #fff; } #search_submit{ background-color: #0057a4; color:#fff; height: 40px; font-size: 16px; margin-top: -1px; border-radius: 0px; } /*手机-导航样式*/ .navbar { margin: 0px; border:0px; min-height: 50px; background-color: #0057a4; } .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: #039ccf; } .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: #039ccf; color: #fff; } #app_menudown { position: absolute; top:0px; right:0px; font-size: 16px; } #app_menudown:hover { background-color: #039ccf; } .navbar-fixed-top { margin-top:0px; opacity: 0.9; } .bread_bg{ margin-top:60px;} .product_img{ padding-left: 15px; padding-right: 15px; height:210px; } .product_img img{ margin-right: auto; margin-left: auto; display: block; height: 165px; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .about_img{margin: 10px 0px 10px 0px; width:100%; } .top_name{display: none;} .language{padding: 2px 0px 0px 0px; } /*手机-首页产品*/ .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; } /*手机-首页案例*/ .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: left; 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; } .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; } .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%; } } @media screen and (max-width: 1222px) { .pnone{display:none; } } @media screen and (max-width: 1222px) { .search_group{ margin-top:0px; margin-bottom:10px;} } .pnonesj{ display:none;} @media screen and (max-width:640px) { .pnonesj{display:block; } } .img-kh { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; transition: opacity 0.7s; } #owl-demo { width:100%; margin-left: auto; margin-right: auto; } #owl-demo .item { display: block; margin: 5px; } #owl-demo img { display: block; width: 100%; } .altxt{ float:left; padding-left:30px;} @media screen and (max-width: 1222px) { .pnonefoot{ text-align:center;} .altxt{ padding:0px; text-align:center;} .altxt h4{ font-size:14px; font-weight:normal;} } /*首页新闻*/ .news_box{padding-bottom: 30px;} .news_head{margin-top: 45px; padding-bottom:20px;} .news_head h2{text-align: center;margin-bottom: 5px;font-size: 32px; color: #333333; margin-bottom:10px;} .news_head p{text-align: center;font-size: 16px;color: #999999;} .news_img{min-height: 426px; background-repeat: no-repeat;} .newstop{ width:100%; border-bottom:#0057a4 2px solid; height:32px; margin-bottom:10px;} .newstop span{ background-color:#0057a4; color:#FFFFFF; font-size:18px; padding:8px 15px 8px 15px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .newstop p{ float:right;} .news_index{clear: both; list-style:none;margin:0px; padding: 0px; margin-bottom: 25px;} .news_index li{padding: 25px 0px 25px 0px; border-bottom: 1px dotted #dbd4cd;} .news_index li span{display: inline-block; width: 60px; height:60px; text-align: center; background-color: #039ccf; color: #fff; float: left; padding:0px 2px; margin-right: 15px; } .news_index li span strong{display: block; font-size: 23px; font-weight: normal; padding-top:5px;} .news_index li span i{display: block; font-size: 12px; font-style: normal; font-family: Arial;} .news_index li a{color:#000000; font-size: 17px;} .news_index li a:hover{ text-decoration:none;color:#de0000; } .news_index li em{ font-style: normal; line-height: 18px;color:#8e8c8c; padding-top: 5px; font-size: 13px;} /*定制流程*/ .process{color: #fff; background-color: #0057a4; margin-top:50px;} .process_head h2{font-size: 22px; padding: 35px 0px 0px 0px;} .process_head p{font-family: 'Times New Roman';font-size:15px 0px 0px 0px; } .process_list{padding-top: 10px; padding-bottom: 5px;} .process_col h4{font-size: 12px; text-align: center;} .process_col h4 a{color: #fff;} .process_col h4 a:hover{color: #CFA970; text-decoration: none;} .process_col img{display: block; margin: 0 auto;max-width: 110px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;} .process_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);} @media screen and (max-width: 768px) { .process{padding-bottom: 10px;} .process_head h2{text-align: center;} .process_head p{text-align: center;margin-bottom: 35px;} .process_col{margin-bottom: 20px;} } .messages a{ color:#000000;} .con .t { display: block; font-size: 15px; color: #FFFFFF; width: 80px; height: 26px; line-height: 26px; text-align: center; background: #3c3c3c; font-weight: bold; margin-bottom: 20px; } .con ul{ margin:0px; padding:0px;} .con ul li a { color: #FFFFFF; } @media screen and (max-width: 768px) { .con ul li { font-size: 14px; color: #FFFFFF; line-height: 22px; } } @media screen and (min-width: 769px) { .con ul li { font-size: 14px; color: #FFFFFF; line-height: 32px; margin-bottom: 12px; padding-left: 40px; } .con ul li:nth-of-type(1) { background: url(../images/ft.png) no-repeat left top; } .con ul li:nth-of-type(2) { background: url(../images/ft.png) no-repeat left -43px; } .con ul li:nth-of-type(3) { background: url(../images/ft.png) no-repeat left -133px; } .con ul li:nth-of-type(4) { background: url(../images/ft.png) no-repeat left -177px; } .con ul li:nth-of-type(5) { background: url(../images/ft.png) no-repeat left -177px; } } /*悬浮链接*/ .suspension{position:fixed;z-index:55;right:0;bottom:200px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#0057a4;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#039ccf;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .right_kh{ clear: both; list-style:none; margin:0px; padding:0px 0px 20px 0px; } .right_kh li{border-bottom: 1px dotted #dbd4cd; clear:both; height:260px; margin-bottom:10px;} .right_kh h2{ font-size:20px; padding-bottom:10px;} .right_kh img{ width:240px; height:180px; float:left; margin-right:20px;} .sxl{ float:left; border-radius: 0px; box-shadow: none; color: #585A5A; height: 40px; background: transparent; border: none; width:30%; } .skv{ border-radius: 0px; box-shadow: none; color: #585A5A; padding: 0px 0px 0px 15px; height: 40px; background: transparent; border: none; width:70%; } .img-kh { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; transition: opacity 0.7s; } .ypagebj{background-color:#f7f7f7; padding-top:20px; padding-bottom:20px;} .rkbj{ background-color:#FFFFFF; border:#dfdfdf 1px solid;} .previous_page{ border: solid thin #DDDDDD; margin: 5px; padding:10px; } .next_page{ border: solid thin #DDDDDD; margin: 5px; padding:10px; } .pagebox a{padding:7px 20px 7px 20px; font-size:18px; border: solid thin #DDDDDD; } .pagebox a:hover{ border: solid thin #0057a4; background-color: #0057a4; color:white; } .pagebox span{ border: solid thin #0057a4; background-color: #0057a4; color:white; margin: 5px; padding:7px 20px 7px 20px; font-size:18px; } @media screen and (min-width: 769px) { .cpclass{ width:300px;} .cpclass li{ float:left; width:33.333%; text-align:left;} } @media screen and (max-width: 768px) { .inpi{ padding:0px;} } .ke-zeroborder{ width:100%;}