/* Code tidied up by ScrapBook */
body { font-family: "microsoft yahei",Arial,Helvetica,sans-serif; color: rgb(47, 47, 47); }
a { transition: all 0.5s ease 0s; }
ul { list-style: outside none none; }
.top_menu { background-color: rgb(251, 251, 251); color: rgb(119, 119, 119); width: 100%; height: 45px; border-bottom: 1px solid rgb(243, 243, 243); }
.top_name { display: inline-block; padding-top: 12px; }
.top_tel { float: left; width: 34px; margin-top: 30px; }
.top_number { float: left; margin: 21px 0px 0px 10px; }
.top_number span { display: block; color: rgb(151, 151, 151); font-size: 16px; }
.top_number p { margin: 0px; color: rgb(237, 87, 89); font-size: 22px; }
.flash img { width: 100%; }
.flash ul.bxslider { list-style: outside none none; }
.flash div.bx-pager { bottom: 4%; }
.flash div.bx-controls-direction { display: none; }
.page_bg { height: 230px; margin-bottom: 10px; }
.main { padding: 30px 0px 10px; }
.img-thumbnail { transition: opacity 0.7s ease 0s; }
.img-thumbnail:hover, .opacity_img:hover { opacity: 0.7; }
.navbar { margin: 0px; border: medium none; background-color: rgb(237, 32, 37); }
.glyphicon-home::before { color: rgb(255, 255, 255); }
#app_menudown { position: absolute; top: 0px; right: 0px; font-size: 16px; }
#app_menudown:hover { background-color: rgb(200, 40, 42); }
.search_group { float: right; margin: 8px 0px 0px; border: 1px solid rgb(223, 225, 227); border-radius: 20px; }
.search_group input.form-control { border-radius: 0px; box-shadow: none; color: rgb(88, 90, 90); padding: 0px 0px 0px 15px; height: 26px; background: transparent none repeat scroll 0% 0%; border: medium none; }
.search_group input.form-control:focus { box-shadow: none; border-color: rgb(178, 224, 251); }
.mysearch_btn { background-color: rgb(18, 96, 170); color: rgb(255, 255, 255); }
.mysearch_btn:hover, .mysearch_btn:focus { background-color: rgb(0, 198, 255); color: rgb(255, 255, 255); }
#submit_search { color: rgb(195, 196, 197); height: 26px; font-size: 16px; margin-top: -14px; }
#submit_search:hover { color: rgb(0, 103, 182); cursor: pointer; }
#small_search { color: rgb(255, 255, 255); float: right; margin-top: 7px; padding: 8px 13px; font-size: 17px; border-radius: 4px; }
#small_search:hover, #small_search:focus { cursor: pointer; background-color: rgb(7, 48, 83); }
.about_bg { background: rgba(0, 0, 0, 0) url("../images/about_bg.jpg") repeat scroll 0% 0%; padding: 0px 0px 50px; }
.about_p { margin: 30px 0px 0px; text-align: center; color: rgb(136, 136, 136); font-size: 16px; padding: 0px; letter-spacing: 4px; }
.about_h2 { text-align: center; font-size: 23px; color: rgb(54, 53, 52); margin: 3px 0px 5px; }
.about_line { padding: 3px 0px; margin-bottom: 15px; background: rgba(0, 0, 0, 0) url("../images/title_line.png") no-repeat scroll center center; }
.about_img { width: 100%; max-width: 458px; display: block; float: right; }
.about_contents { color: rgb(47, 47, 47); text-align: left; line-height: 31px; padding: 23px 0px 10px; }
a.about_more { display: block; margin: 25px auto 0px; width: 150px; text-align: center; color: rgb(87, 86, 86); padding: 7px 0px; background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(87, 86, 86); }
a.about_more:hover { color: rgb(255, 255, 255); background: rgb(87, 86, 86) none repeat scroll 0% 0%; text-decoration: none; }
.index_product { margin: 15px 0px 0px; }
.index_product p.about_p { margin-top: 30px; }
.product_list { clear: both; padding: 30px 0px 0px; margin-right: -15px; margin-left: -15px; }
.product_list2 { padding-top: 20px; }
.product_img { padding-left: 15px; padding-right: 15px; min-height: 250px; }
.product_img img { margin-right: auto; margin-left: auto; display: block; max-height: 320px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0px; }
.product_list2 div.product_img { min-height: 250px; }
.product_title { text-align: center; padding: 0px 15px 0px 0px; height: 40px; }
.product_title a { color: rgb(54, 53, 52); }
.product_title a:hover { text-decoration: none; color: rgb(237, 32, 37); }
.index_case { margin: 35px 0px 0px; }
.news_box { margin-top: 20px; padding-top: 10px; padding-bottom: 50px; background-color: rgb(249, 249, 249); }
.index_news { padding-top: 28px; padding-bottom: 28px; transition: background 0.5s ease 0s; }
.index_news:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.index_news span { display: block; border-bottom: 1px dotted rgb(153, 153, 153); font-size: 16px; color: rgb(102, 102, 102); font-family: Arial; padding-bottom: 8px; }
.index_news h3 { margin: 5px 0px 8px; }
.index_news h3 a { font-size: 13px; font-weight: bold; color: rgb(102, 102, 102); font-family: "宋体"; }
.index_news h3 a:hover { text-decoration: none; color: rgb(237, 32, 37); }
.index_news p { color: rgb(153, 153, 153); font-size: 13px; font-family: "宋体"; margin-bottom: 12px; }
.index_news a.new_btn { display: block; width: 80px; font-size: 12px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(153, 153, 153); padding: 7px 0px; font-family: "宋体"; }
.index_news a.new_btn:hover { text-decoration: none; background-color: rgb(102, 102, 102); }
.index_contact { margin: 30px 0px 45px; }
.index_contact P { clear: both; padding-left: 5px; }
.left_nav { clear: both; }
.index_left_nav { padding-top: 25px; margin: 0px 15px; }
.left_h2 { background: rgba(0, 0, 0, 0) url("../images/title_line.jpg") no-repeat scroll left bottom; font-size: 21px; display: block; margin-top: 25px; padding: 0px 0px 8px 2px; color: rgb(54, 53, 52); }
.left_nav_ul { list-style: outside none none; padding: 0px 0px 10px; margin: 15px 0px 0px; }
.left_nav_ul > li { position: relative; border-bottom: 1px solid rgb(242, 242, 242); background: rgba(0, 0, 0, 0) url("../images/left_li.gif") no-repeat scroll 6px 15px; padding: 8px 0px 8px 18px; }
.left_nav_ul > li > a { text-decoration: none; color: rgb(47, 47, 47); }
.left_nav_ul > li > a:hover, .left_nav_ul li a.left_active { color: rgb(237, 32, 37); }
ul.left_snav_ul { list-style: outside none none; padding: 8px 0px 0px; display: none; }
ul.left_snav_ul > li { margin: 0px; padding: 5px 0px 5px 10px; background: rgba(0, 0, 0, 0) url("../images/left_sli.gif") no-repeat scroll 0px 13px; }
ul.left_snav_ul > li > a { border: 0px none; color: rgb(47, 47, 47); padding: 5px 0px; }
ul.left_snav_ul > li > a:hover { text-decoration: none; color: rgb(237, 32, 37); }
.menu_head { cursor: pointer; font: 600 18px/30px "Open Sans",sans-serif; width: 35px; text-align: center; color: rgb(48, 60, 75); display: inline-block; position: absolute; top: 3px; right: 0px; }
.menu_head:hover { color: rgb(237, 32, 37); }
.left_news { clear: both; list-style: outside none none; margin: 0px; padding: 0px; }
.left_news li { color: rgb(84, 84, 85); border-bottom: 1px dotted rgb(221, 221, 221); background: rgba(0, 0, 0, 0) url("../images/li.png") no-repeat scroll left 12px; line-height: 21px; padding: 10px 0px 10px 16px; }
.left_news li a { color: rgb(47, 47, 47); }
.left_news li a:hover { text-decoration: none; color: rgb(237, 32, 37); }
.list_box { clear: both; margin-bottom: 45px; }
.list_news { clear: both; list-style: outside none none; margin: 0px; padding: 6px 0px 20px; }
.list_news li { color: rgb(137, 137, 137); background: rgba(0, 0, 0, 0) url("../images/li.png") no-repeat scroll left 14px; line-height: 22px; padding: 8px 0px 8px 13px; border-bottom: 1px dashed rgb(227, 226, 226); }
.list_news li a { color: rgb(47, 47, 47); }
.list_news li a:hover { text-decoration: none; color: rgb(237, 32, 37); }
.news_time { float: right; }
.contents { clear: both; padding: 6px 2px 0px; line-height: 28px; overflow: auto; }
.contents_title { margin: 0px; padding: 10px 0px; text-align: center; font-size: 18px; color: rgb(67, 67, 67); font-weight: bold; line-height: 34px; }
.page { clear: both; margin: 20px 0px 0px; text-align: center; }
.page a { display: inline-block; font-family: Arial; font-size: 13px; border: 1px solid rgb(219, 219, 219); padding: 4px 9px; margin: 2px 2px 5px; color: rgb(49, 54, 60); text-decoration: none; }
.page a:hover, .page a:focus { font-family: Arial; font-size: 13px; border: 1px solid rgb(0, 0, 0); padding: 4px 9px; color: rgb(255, 255, 255); background-color: rgb(49, 54, 60); }
.page .current { font-family: Arial; border: 1px solid rgb(0, 0, 0); font-size: 13px; padding: 5px 9px; color: rgb(255, 255, 255); margin: 2px; background-color: rgb(49, 54, 60); }
#pic-page { text-align: center; margin-top: 10px; }
#pic-page a { margin: 0px 2px; }
#pic-page a img { width: 40px; padding: 2px; border: 1px solid rgb(204, 204, 204); margin-bottom: 5px; }
#pic-page a:hover img, #pic-page a.active img { border: 1px solid rgb(82, 128, 221); }
.showpic_box, .proinfo_box { margin: 20px 0px; }
.product_h1 { margin: 0px; line-height: 26px; font-size: 16px; color: rgb(0, 0, 0); padding-bottom: 10px; border-bottom: 1px dotted rgb(204, 204, 204); font-weight: bold; }
.product_info { list-style: outside none none; padding: 0px; margin-top: 10px; }
.product_info li { line-height: 24px; padding-bottom: 12px; }
.product_con { clear: both; border-top: 1px dotted rgb(204, 204, 204); margin: 10px 0px 20px; padding: 20px 0px 0px; line-height: 26px; overflow: auto; }
.photo_con { clear: both; margin: 0px 0px 20px; padding: 10px 0px 20px; line-height: 26px; overflow: auto; }
.related_h2 { padding: 30px 0px 12px; color: rgb(48, 60, 75); margin: 0px; display: block; font-weight: 300; font-size: 24px; border-bottom: 5px solid rgb(244, 245, 246); font-family: "Roboto",Arial,Helvetica,sans-serif; }
.related_list { padding-top: 12px; }
.related_news { padding-top: 0px; clear: both; }
.download_btn { text-align: right; margin: 10px 10px 20px 0px; }
.page-btn { background-color: rgb(200, 40, 42); border-radius: 0px; border: medium none; transition: background 0.3s ease 0s; }
.page-btn:hover, .page-btn:focus { background-color: rgb(61, 15, 18); }
.grey-btn { border-radius: 0px; border: medium none; background-color: rgb(232, 232, 232); }
.grey-btn:hover, .grey-btn:focus { background-color: rgb(204, 204, 204); }
.a2a_default_style { display: inline-block; }
.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; padding-bottom: 40px; line-height: 22px; }
.point span.to_prev { text-align: center; }
.point span.to_prev a { color: rgb(12, 84, 140); }
.point span.to_prev a:hover { color: rgb(234, 4, 43); }
.point span.to_next { text-align: center; }
.point span.to_next a { color: rgb(12, 84, 140); }
.point span.to_next a:hover { color: rgb(234, 4, 43); }
.tags { margin: 18px 0px 10px; }
.tags a { margin: 0px 5px 8px 0px; }
.tags_list { padding: 5px 10px 100px; }
.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: 8px 0px 0px; margin: 0px; color: rgb(119, 119, 119); line-height: 20px; }
ul.ul_sitemap { margin: 30px 0px 40px 30px; }
ul.ul_sitemap li { list-style: outside none none; line-height: 26px; clear: both; }
ul.ul_sitemap li a { color: rgb(125, 125, 125); }
li.small_li_sitemap { clear: both; padding-left: 12px; }
li.small_li2_sitemap { float: left; padding-left: 20px; }
#translate { width: 180px; margin: 0px auto; }
#translate-this { margin: 15px 0px 10px; }
.tags_box { background-color: rgb(84, 84, 84); padding: 9px 0px; text-align: center; color: rgb(233, 233, 234); font-size: 13px; }
.tags_box a { color: rgb(233, 233, 234); border-right: 1px solid rgb(187, 187, 187); padding: 0px 8px; font-size: 13px; }
.tags_box a:hover { text-decoration: none; color: rgb(243, 213, 213); }
.tags_box a:last-child { border-right: 0px none; }
.tags_box button { display: none; }
.tags_title { font-size: 13px; margin-right: -6px; }
.tags_title a { padding: 0px 10px 0px 0px; }
.tags_title::after { content: "："; }
.link_box { background-color: rgb(74, 74, 74); padding: 10px 0px; text-align: center; color: rgb(233, 233, 234); font-size: 13px; }
.link_box a { color: rgb(233, 233, 234); border-right: 1px solid rgb(187, 187, 187); padding: 0px 10px; font-size: 13px; }
.link_box a:hover { text-decoration: none; color: rgb(243, 213, 213); }
.link_box a:last-child { border-right: 0px none; }
.link_box button { display: none; }
.link_title { font-size: 13px; margin-right: -6px; }
.link_title::after { content: "："; }
footer { text-align: center; background-color: rgb(31, 31, 31); color: rgb(255, 255, 255); padding: 30px 0px 20px; font-size: 12px; }
.copyright { line-height: 20px; padding: 0px 5px; }
.copyright a { color: rgb(255, 255, 255); }
.foot_nav { width: 25%; float: left; background-color: rgb(250, 250, 250); text-align: center; color: rgb(137, 137, 137); }
.foot_nav:hover, .foot_nav:focus { background-color: rgb(228, 228, 228); cursor: pointer; }
.foot_nav a { color: rgb(137, 137, 137); display: block; }
.foot_nav a:hover, .foot_nav a:focus { text-decoration: none; }
.foot_nav span { display: block; padding: 3px 0px 0px; }
.webshare { width: 230px; padding: 5px; }
.ewebshare { width: 200px; padding: 5px; }
@media screen and (min-width: 769px) {
  header {  }
  .logo { margin-top: 12px; max-width: 700px;max-height: 70px; }
  .navbar { margin-top: 12px; min-height: 50px; }
  .navbar-nav > li { border-right: 1px solid rgb(251, 86, 80); }
  .navbar-nav > li:first-child {  }
  .navbar-nav > li:last-child { border-right: 0px none; }
  .navbar-nav > li > a { text-align: center; }
  .navbar-default .navbar-nav > li > a { color: rgb(255, 255, 255); font-size: 17px; padding: 15px 29px; }
  .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: rgb(61, 15, 18); color: rgb(255, 255, 255); }
  .navbar-brand { display: none; }
  .navbar-fixed-top { min-height: 40px; margin-top: 0px; opacity: 0.9; }
  .navbar-fixed-top ul.navbar-nav > li > a { font-size: 16px; padding: 10px 25px; }
  .nav_small { background-color: rgba(0, 0, 0, 0.6); padding: 10px 0px 15px; border-radius: 0px; border: medium none; box-shadow: none; }
  .nav_small > li {  }
  .nav_small > li > a { line-height: 20px; padding: 7px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 13px; }
  .nav_small > li > a:hover { color: rgb(255, 255, 255); background-color: rgb(27, 27, 27); }
  #app_menudown, #small_search { display: none; }
  .index_left_nav, .footer_nav { display: none; }
}
@media screen and (max-width: 768px) {
  .navbar { min-height: 50px; }
  .navbar-default .navbar-brand { color: rgb(255, 255, 255); font-size: 16px; }
  .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(255, 255, 255); }
  .navbar-toggle { border: medium none; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: medium none; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(200, 40, 42); }
  .navbar-default .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); }
  .navbar-default .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
  .navbar-default .navbar-nav > li {  }
  .navbar-default .navbar-nav > li:last-child { border: medium none; }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(255, 255, 255); }
  .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: rgb(200, 40, 42); color: rgb(255, 255, 255); }
  .navbar-fixed-top { opacity: 0.9; }
  .top_name, .home-btn, .page_bg { display: none; }
  .language { border-left: 0px none; border-right: 0px none; }
  .list_box { margin-top: 20px; margin-bottom: 0px; }
  #topsearch {  }
  .tel_box { display: none; }
  .logo { display: block; margin: 15px auto; max-width: 380px; }
  .flash div.bx-pager {  }
  .left_h2 { margin-top: 25px; }
  .list_related h2.left_h2 { margin-top: 60px; }
  .product_img, .product_list2 div.product_img { min-height: 100px; margin-bottom: 25px; }
  .related_list div.product_img { min-height: 180px; }
  .product_con img, .contents img { width: 100%; }
  .about_p { margin-top: 20px; }
  .about_img { float: none; margin: 0px auto; }
  a.about_more { margin-top: 10px; }
  .news_time { display: none; }
  .left_news ul { padding-bottom: 20px; }
  .index_contact { margin-top: 5px; }
  .product_h1 { line-height: 22px; font-size: 16px; margin-top: 35px; }
  .feedback { margin-top: 30px; }
  .footer_nav { background-color: rgb(250, 250, 250); }
  #pic-page a img { width: 35px; }
  #cmsFloatPanel { display: none; }
  .point span.to_prev, .point span.to_next { text-align: left; padding-bottom: 8px; }
  .link_box { padding-left: 7px; }
  .link_box a { display: block; border-right: 0px none; padding: 4px 0px; }
  .link_title { display: block; }
  .link_title::after { content: ""; }
  .link_box button { display: inline-block; background-color: transparent; border: medium none; float: right; margin-top: -20px; }
  .link_box button:hover, .link_box button:focus { color: rgb(153, 161, 197); }
  .link_list { display: none; padding-top: 7px; }
  .tags_box { padding-left: 7px; }
  .tags_box a { display: block; border-right: 0px none; padding: 4px 0px; }
  .tags_title { display: block; }
  .tags_title::after { content: ""; }
  .tags_box button { display: inline-block; background-color: transparent; border: medium none; float: right; margin-top: -20px; }
  .tags_box button:hover, .tags_box button:focus { color: rgb(153, 161, 197); }
  .tags_rows { display: none; padding-top: 7px; }
  footer { margin-bottom: 50px; }
}
@media screen and (max-width: 767px) {
  .copyright_p { display: none; }
}
@media screen and (min-width: 414px) 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.6667%; }
  .col-mm-10 { width: 83.3333%; }
  .col-mm-9 { width: 75%; }
  .col-mm-8 { width: 66.6667%; }
  .col-mm-7 { width: 58.3333%; }
  .col-mm-6 { width: 50%; }
  .col-mm-5 { width: 41.6667%; }
  .col-mm-4 { width: 33.3333%; }
  .col-mm-3 { width: 25%; }
  .col-mm-2 { width: 16.6667%; }
  .col-mm-1 { width: 8.33333%; }
  .logo { max-width: 380px; }
}
@media screen and (max-width: 414px) {
  .logo { max-width: 280px;max-height: 70px;  }
}