锘縝ody { 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 { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: #fff; } .top_bg { color: #CCCCCC; width: 100%; height: 48px; line-height: 48px; background: #333; border-bottom: 1px solid #e4e4e4; } .top_left a { color: #CCCCCC; } .top_left a:hover { color: #fff; text-decoration: none; } .language { float: right; height: 48px; } .language a { color: #CCCCCC; padding-left: 8px } .language a:hover { color: #fff; text-decoration: none } .language a .icon{ display: inline-block; width: 10px; height: 10px; background: url(/style/red/images/vbg01.png) no-repeat; margin-left: 4px; margin-right: 4px; } .language a .icon-fav{ background-position: -1298px -1840px; width: 14px; height: 11px; vertical-align: middle; margin-top: -2px; } .language a:hover .icon-fav{ background-position-x: -1322px; } .language a .icon-mobile{ background-position: -1298px -1772px; width: 9px; height: 14px; vertical-align: middle; margin-top: -3px; } .language a:hover .icon-mobile{ background-position-x: -1317px; } .language .qrcode{ position: relative; } .language .qrcode em{ position: absolute; display: block; width: 130px; height: 147px; overflow: hidden; z-index: 99999; background: #fff; text-align: center; font-size: 14px; font-style: normal; color: #666; line-height: 22px; display: none; top: 33px; left: -28px; } /*椤堕儴鐢佃瘽*/ .top_tel { float: right; margin-top: 30px; } .top_tel p { margin: 0px; float: left; color: rgb(21, 74, 154); font-size: 20px; font-weight: bold; } /*骞荤伅鐗?/ .flash { margin-top: 215px; } .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; height: 40px; background-color: #f2f2f2; color: #b7b7b7; margin: 32px 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: 1px solid #ddd; } .search_group input.form-control:focus { box-shadow: none; } .top_tel img { display: inline-block; float: left; margin-right: 8px; margin-top: 3px; } .top_tel span { color: rgb(21, 74, 154); display: inline-block; float: left; font-size:16px; } #search_submit { background-color: #CC0E17; color: #fff; height: 40px; font-size: 16px; margin-top: -1px; border-radius: 0px; } #search_submit:hover { color: #fff; background-color: #444444; cursor: pointer; } /* 婊氬姩閫氱煡 */ .marquee{ background: rgba(222, 222, 222, 1); } .marquee-wrap { padding: 11px 0 11px 22px; background: url(/style/red/images/noticeIco2.gif) left center no-repeat; } .marquee-box { overflow:hidden; width:100%; line-height: 38px; } .marquee-box a { text-decoration: none; color:rgb(102, 102, 102); } .product_list2 { padding-top: 20px; } .product_img { padding-left: 15px; padding-right: 15px; min-height: 370px; } .product_img img { margin-right: auto; margin-left: auto; display: block; max-height: 300px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .product_list2 div.product_img { min-height: 250px; margin-bottom: 10px; } .product_title { text-align: center; height: 40px; } .product_title a { font-size: 16px; color: #2F2F2F; } .product_title a:hover { text-decoration: none; color: #CC0E17; } /*棣栭〉-鍏徃绠€浠?/ .index-about .index-about-desc{ text-align: center; font-size: 18px; color: rgb(102, 102, 102); line-height: 36px; padding:40px 0; } .index-about-nav{ text-align: center; font-size: 16px; font-weight: bold; color: #666; padding-bottom: 30px; } .index-about-nav a{ color: #666; text-decoration: none; } /* 棣栭〉骞垮憡1 */ .index-ad1{ height:100px; line-height: 100px; background: url(/style/red/images/blue-bg.jpg) top repeat; color: rgb(255, 255, 255); font-size: 36px; text-align: center; } /*棣栭〉浜у搧*/ .product_head h2 { text-align: center; margin-top: 50px; font-size: 32px; color: #444444; } .service-all { display: inline-block; border: 1px solid #C6D8E8; color: #C6D8E8; padding: 5px 23px; font-size: 12px; margin-left: 10px; } .service-all:hover, .service-all:focus { text-decoration: none; background: #C6D8E8; color: #000; } a.service-all2 { display: block; margin: 10px auto; width: 120px; text-align: center; color: #4e4e4e; padding: 5px 0px; background: transparent; border: 1px solid #888; } a.service-all2:hover { color: #fff; background: #193791; border: 1px solid #193791; text-decoration: none; } .product_head span { display: block; text-align: center; margin-top: 16px; height: 24px; } .product_list { clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .news_list { clear: both; padding: 5px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .news_img { padding-left: 15px; padding-right: 15px; min-height: 340px; }/*鍒楄〃椤?宸︿晶鏍忕洰*/ .left_h3 { margin-top: 19px; font-size: 20px; color: #545454; line-height: 45px; border-bottom: 1px solid #ebebeb; } .news_img img { margin-right: auto; margin-left: auto; display: block; max-height: 300px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px; } .news_title { margin-top: 10px; text-align: left; } .news_title a { font-size: 16px; color: #444444; font-weight: bold; } .news_title a:hover { text-decoration: none; color: #3d9656; } .news_desc { color: #7b7b7b; } .news_time { float: right; } .left_h3 span { display: inline-block; height: 45px; border-bottom: 1px solid #CC0E17; } .news_head h2 { text-align: center; margin-top: 50px; font-size: 32px; color: #444444; } .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: #CC0E17; background: transparent; } /*鍒楄〃椤?宸︿晶浜岀骇鏍忕洰*/ .left_column ul.left_snav_ul { list-style: none; padding: 0px; } /*棣栭〉-鏂伴椈璧勮*/ .index-news{ background: linear-gradient(90deg, rgba(35, 187, 250, 1) 0%,rgba(70, 133, 233, 1) 100%); } .index-news-head { margin-top: 40px; margin-bottom: 40px; color: #fff; text-align: center; } .index-news-head span { text-align: center; display: block; margin-top: 16px; height: 24px; text-transform: uppercase; color: #fff; } .index-news-list { min-height: 350px; margin-bottom: 40px; } .index-news-list dl{ margin-bottom: 40px; margin-left: 90px; } .index-news-list dt{ margin-bottom: 10px; } .index-news-list dt a{ font-size: 16px; color: #fff; } .index-news-list dd{ font-size: 14px; line-height:22px; color: rgba(240, 240, 240, 1); } .index-news-list .news-box .date-box{ float: left; } .date-box .month{ font-size: 24px; color: #fff; } .date-box .year{ font-size: 14px; color: #fff; } .index-news-ad{ margin-bottom: 40px; } /* 棣栭〉浼氬憳鍚嶅綍 鍗忎細鍒婄墿*/ .index-news2{ background: rgb(245 251 255); padding-top: 50px; padding-bottom: 50px; } .box-list{ background: #fff; } .box-list h2{ font-size: 20px; color: #c40000; text-align: left; position: relative; background: url(/style/red/images/title.png) 5px center no-repeat; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 0; padding: 15px 10px 15px 20px; } .box-list h2 > a{ position: absolute; right: 10px; top: 20px; font-size: 14px; color: #333; } .box-list h2 > a:hover{ color: #c40000; } .box-list ul{ margin: 0 15px 15px 15px; padding-left: 0; padding-bottom: 15px; } .box-list li{ padding: 11px 0 11px 20px; border-bottom: 1px solid #eee; font-size: 16px; background: url(/style/red/images/li-icon.png) left center no-repeat; } .box-list li a{ color: #333; text-decoration: none; } .box-list li a:hover{ color: #c40000; } .box-list li i{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #666; vertical-align: middle; margin-right: 10px; } .index-links ul{ padding: 0 25px; } .index-links li{ margin-top: 10px; padding: 0 5px; background: none; border: none; } .index-links li a{ display: inline-block; border: 1px solid #ddd; } .index-links li a img{ width: 100%; } .swiper{ --swiper-navigation-color: #000000;/* 鍗曠嫭璁剧疆鎸夐挳棰滆壊 */ --swiper-navigation-size: 30px;/* 璁剧疆鎸夐挳澶у皬 */ } /* 棣栭〉 閲嶈閫氱煡 鏀跨瓥娉曡 */ .index-news3{ background: #fff; padding-top: 50px; padding-bottom: 30px; } .index-news3 li{ background: none; padding: 5px 0 5px 20px; } .index-news3 li h3{ margin: 10px 0; font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; } .index-news3 li p{ font-size: 14px; color: #8a8a8a; padding-left: 15px; } .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: #CC0E17; background: transparent; } /*鍒楄〃椤?宸︿晶鏂伴椈*/ .left_news li a:hover, .left_news li a:focus { text-decoration: none; color: #CC0E17; } /*鍒楄〃椤?宸︿晶鑱旂郴*/ .left_contact { margin: 30px 0px 35px 0px; } .left_contact p { clear: both; line-height: 24px; } /*鍒楄〃椤?妯箙*/ .page_bg { height: 380px; margin-bottom: 0px; } /*鍒楄〃椤?闈㈠寘灞?/ .bread_bg { background-color: #f3f3f3; } .bread_nav { padding: 10px 0px 10px 0px; } .bread_nav span { color: #CC0E17; } .bread_nav a { color: #2F2F2F; padding: 0 8px; } .bread_nav a:hover { color: #CC0E17; text-decoration: none; } .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; } /*鍒楄〃椤?鍙虫爮*/ .right_head { clear: both; } .right_head h2 { height: 50px; font-size: 20px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb; } .right_contents .desc { margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size: 14px; color: #434343; line-height: 34px; } .right_contents .desc span { padding-right: 10px } .right_contents img { max-width: 840px; margin: 0 auto; } /*鍒楄〃椤?鍙充晶鏂伴椈*/ .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: #CC0E17; } .right_head h2 span { display: inline-block; height: 50px; border-bottom: 1px solid #CC0E17; } .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_new_time { float: right; } .relevant_new ul.right_new li { font-size: 14px; } /*鍒楄〃椤?-鍙充晶 list_article2.htm*/ .list_article2 li{ clear: both; background: none; padding-left: 0; font-size: 14px; } .list_article2 li .thumb{ float: left; width: 240px; height: 160px; border-radius: 5px; } .list_article2 li .text-box{ margin-left: 265px; } .list_article2 li .text-box h3{ margin-top: 0; font-size: 18px; font-weight: normal; } /*鍒楄〃椤?鍙充晶妗堜緥*/ .case_list { clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px; } .case_list2 div.case_img { min-height: 220px; } .case_title { text-align: center; height: 40px; } .case_title a { color: #2F2F2F; } .case_title a:hover { text-decoration: none; color: #CC0E17; } /*鍒嗛〉鏍峰紡*/ .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: #CC0E17 1px solid; padding: 4px 9px; color: #fff; background-color: #CC0E17; } .page .current { font-family: Arial; border: #CC0E17 1px solid; font-size: 13px; padding: 5px 9px; color: #fff; margin: 2px; background-color: #CC0E17 } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background-color: #CC0E17; border-color: #CC0E17; } /*浜у搧璇︾粏椤?/ .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; } .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; } #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; } .list_related { margin-top: 50px; } .list_related div.product_img { min-height: 280px; } /*鎸夐挳鏍峰紡*/ .download_btn { float: right; display: block; margin: 10px 10px 20px 0px; } .page-btn { display: inline-block; float: left; background-color: #CC0E17; border-radius: 0px; border: none; transition: background 0.3s; margin-right: 15px; } .page-btn:hover, .page-btn:focus { background-color: #444444; } .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: 10px; 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; text-decoration: none; } /*鏍囩鏍峰紡*/ .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; } .point span.to_next { text-align: center; } .point span.to_next a { color: #337AB7; } .point span.to_next a:hover { color: #ea042b; text-decoration: none; } 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; } .tags_box button { display: none; } .tags_title { font-size: 13px; margin-right: -6px; color: #8b939e; } .tags_title a { padding: 0px; } .link_box { background-color: #ebebeb; padding: 20px 0px 10px 0px; text-align: center; color: #363f4d; font-size: 13px; } .link_box a { color: #363f4d; padding: 0px 0px 0px 10px; font-size: 13px; } .link_box a:hover { text-decoration: none; color: #3d9656; } .link_box a:last-child { border-right: 0px; } /*搴曢儴TAGS*/ .tags_box { background-color: #000; padding: 20px 0px 20px 0px; text-align: center; color: #363f4d; font-size: 13px; } .tags_box a { color: #8b939e; padding: 0px 2px 0px 8px; font-size: 13px; } .tags_box p { margin-top: 5px; color: #8b939e; } .tags_box p > a{ padding: 0; } .tags_box a:hover { text-decoration: none; color: #fff; } .tags_box a:last-child { border-right: 0px; } .tags_title:after { content: "锛?; } .link_box button { display: none; } .link_title { font-size: 13px; margin-right: -6px; } .link_title:after { content: "锛?; } /*搴曢儴淇℃伅*/ footer { margin-top: 20px; color: #363f4d; padding: 40px 0px 30px 0px; background-color: #222; } .footer_sitemap { color: #363f4d; } .footer_sitemap:hover, .footer_sitemap:focus { color: #3d9656; text-decoration: none; } footer .wxqrcode{ color: rgb(120, 120, 120); text-align: center; } /*搴曢儴鍒嗙被*/ .footer_menu a { color: rgb(120, 120, 120); line-height: 24px; } .footer_menu a:hover { color: #fff; text-decoration: none; } .footer_menu_first { font-size: 16px; font-weight: 600; margin-bottom: 18px; } .footer_menu_first span{ color: rgb(236 236 236) } /*搴曢儴缈昏瘧*/ .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; } .footer_contact { line-height: 28px; } .footer_contact h3 { font-size: 18px; color: rgb(236 236 236); } .footer_contact h3:nth-child(1){ margin-top: 0; } .footer_contact p { color: rgb(120, 120, 120); margin-bottom: 0; } /*澶у睆骞曟牱寮?/ @media screen and (min-width: 769px) { .logo { margin-top: 20px; margin-bottom: 13px; max-width: 700px; width: 100%; } .flash { margin-top: 202px; } .search_group{ width: 90%; } /*瀵艰埅鏍峰紡*/ .navbar { margin: 0px; margin-top: 14px; border: none; background-color: #CC0E17; min-height: 50px; } .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: 15px 40px 15px 40px; } .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: #ffffff; color: #CC0E17; } .navbar-brand { display: none; } /*瀵艰埅-瑙﹀彂婊氬姩*/ .navbar-fixed-top { margin-top: 0px; } .navbar-fixed-top ul.navbar-nav > li > a { padding: 15px 40px 15px 40px; } /*瀵艰埅浜岀骇鑿滃崟*/ .nav_small { background-color: #CC0E17; padding: 10px 0px; padding-bottom: 15px; border-radius: 0px; border: none; box-shadow: none; } .nav_small > li > a { line-height: 20px; padding: 8px 18px; text-align: center; color: #fff; font-size: 13px; } .nav_small > li > a:hover { color: #fff; background-color: rgba(171,4,4,1); } #app_menudown, #search_btn { display: none; } .mfoot_box { display: none; } } /*灏忓睆骞曟牱寮?/ @media screen and (max-width: 768px) { .logo { display: block; margin: 0 auto; margin-top: 15px; margin-bottom: 20px; max-width: 550px; } .top_bg{ display: none !important; } .top_tel, .top_left, .language { display: none; } .flash { margin-top: 158px; } #searchform { display: none; } .search_group { margin: 15px 0px 15px 0px; } /*鎵嬫満-瀵艰埅鎼滅储鍥炬爣*/ #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: #444444; } /*鎵嬫満-瀵艰埅鏍峰紡*/ .navbar { margin: 0px; border: 0px; min-height: 50px; background-color: #CC0E17; } .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: #444444; } .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: #444444; color: #fff; } #app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; } #app_menudown:hover { background-color: #444444; } .navbar-fixed-top { margin-top: 0px; opacity: 0.9; } /*鎵嬫満-棣栭〉浜у搧*/ .product_head h2 { margin-top: 30px; font-size: 25px; } .product_img { min-height: 150px; } .product_list2 div.product_img, .related_list div.product_img { min-height: 150px; } .case_list2 div.case_img { min-height: 200px; } /*鎵嬫満-棣栭〉绠€浠?/ .about_serv .right { text-align: left; padding-top: 40px; padding: 10px; padding-bottom: 50px; background: #CC0E17; } /*鎵嬫満-棣栭〉鏂伴椈*/ /* index-news2*/ .index-news2{ padding-top:20px; padding-bottom:20px; } .right_new_time, .news_time { display: none; } .page_bg { display: none; } .right_contents img, .product_con img, .photo_con img { max-width: 100%; } .right_contents_h1 { font-size: 18px; line-height: 24px; } .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; } .list_article2 li .thumb{ width: 120px; height: 80px; } .list_article2 li .text-box{ margin-left: 140px; } .list_article2 li h3{ line-height: 22px; } /*鎵嬫満-搴曢儴淇℃伅*/ footer { padding-top: 40px; padding-bottom: 25px; } .footer_contact { margin-bottom: 30px; } .footer_menu { margin-bottom: 20px; } .footer_menu_first { margin-bottom: 8px; } /*鎵嬫満-鍙嬫儏閾炬帴*/ .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: #CC0E17; } .link_list { display: none; padding-top: 7px; } /*鎵嬫満-Tags鏍囩*/ .tags_box { padding-top: 10px; 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: #CC0E17; } .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: 250px; padding: 5px; } } @media screen and (max-width: 767px) { .copyright_p { display: none; } } /*320px鍒?68px*/ @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%; } } .pages { clear: both; margin: 20px auto 20px auto; padding-top: 50px; overflow: hidden; text-align: center; font-size: 14px; } .pages ul li { display: inline-block; border: 1px solid #ccc; padding: 5px 14px; margin: 0 1px; line-height: 24px; background: #fff; color: #999; border-radius: 2px } .pages ul li:hover { background: #d82019; color: #fff; border: 1px solid #d82019 } .pages ul li:hover a { color: #fff; } .pages ul li.thisclass { display: inline-block; border: 1px solid #d82019; padding: 5px 14px; margin: 0 1px; background: #d82019; color: #fff; } .pages ul li.thisclass a { color: #fff; } .pages ul li a { display: block; color: #999 } .pages ul li a:hover { color: #fff; } /* 鍙嶉妯″潡 */ .met-feedback { padding: 30px 20px; background: #f2f2f2; } .met-feedback .container { max-width: 800px; } .met-feedback .met-feedback-body { padding: 30px; background: #ffffff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-radius: 3px; } @media (max-width: 767px) { .met-feedback .met-feedback-body { padding: 10px; } } @media (max-width: 767px) { .met-feedback { padding: 80px 0 20px 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 22px; font-size: 21px; line-height: inherit; color: inherit; border: 0; border-bottom: 1px solid transparent } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=search] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.57142857; color: #76838f } .form-control { display: block; width: 100%; height: 36px; padding: 6px 15px; font-size: 14px; line-height: 1.57142857; color: #76838f; background-color: #fff; background-image: none; border: 1px solid #dedede; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #dc001d; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(98,168,234,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(98,168,234,.6) } .form-control.focus, .form-control:focus { border-color: #dc001d; -webkit-box-shadow: none; box-shadow: none } .form-control::-moz-placeholder { color:#a3afb7; opacity:1 } .form-control:-ms-input-placeholder { color:#a3afb7 } .form-control::-webkit-input-placeholder { color:#a3afb7 } .form-control::-ms-expand { background-color:transparent; border:0 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f3f7f9; opacity: 1 } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 36px } .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 32px } .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 46px } } .form-group { margin-bottom: 20px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } .form-control-static { min-height: 36px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0 } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0 } .input-sm { height: 32px; padding: 6px 13px; font-size: 12px; line-height: 1.5; border-radius: 2px } select.input-sm { height: 32px; line-height: 32px } select[multiple].input-sm, textarea.input-sm { height: auto } select.input-sm { padding-top: 0; padding-bottom: 0 } .form-group-sm .form-control { height: 32px; padding: 6px 13px; font-size: 12px; line-height: 1.5; border-radius: 2px } .form-group-sm select.form-control { height: 32px; line-height: 32px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 32px; min-height: 34px; padding: 7px 13px; font-size: 12px; line-height: 1.5 } .input-lg { height: 46px; padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px } select.input-lg { height: 46px; line-height: 46px } select[multiple].input-lg, textarea.input-lg { height: auto } select.input-lg { padding-top: 0; padding-bottom: 0 } .form-group-lg .form-control { height: 46px; padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px } .form-group-lg select.form-control { height: 46px; line-height: 46px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 46px; min-height: 40px; padding: 11px 18px; font-size: 18px; line-height: 1.3333333 } .has-feedback { position: relative } .has-feedback .form-control { padding-right: 45px } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; pointer-events: none } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 46px; height: 46px; line-height: 46px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 32px; height: 32px; line-height: 32px } .btn-primary { background-color: #dc001d; border-color: #dc001d; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { background-color: #dc001d; border-color: #dc001d; opacity: .7; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #fff } .btn-block { display: block; width: 100%; color: #fff } .btn-block+.btn-block { margin-top: 5px } .btn-lg { padding: 10px 18px; font-size: 18px; line-height: 1.3333333; border-radius: 4px } /* 鑱旂郴鎴戜滑椤甸潰 */ .page-contact p:nth-child(1){ font-size: 16px; padding-left: 28px; background:url(../images/tel-gray.png) no-repeat left center; } .page-contact p:nth-child(2){ font-size: 16px; padding-left: 28px; background:url(../images/email.png) no-repeat left center; } .page-contact p:nth-child(3){ font-size: 16px; padding-left: 28px; background:url(../images/addr.png) no-repeat left center; }