/*
 * XIAOYUCMS (http://www.zzshe.com)
 * Copyright (c) 2013-2016 http://www.zzshe.com All rights reserved.
 * Author:  Xiaoyuer <195094303@qq.com>
 */
 
 .topbar{ height:30px; line-height:30px; border-bottom:1px solid #eee; color:#ffffff; background:#05547f;}
.topbar .inner{ overflow:visible;margin: 0 auto; max-width: 1140px !important;text-align:center;}

.topbar a:link, .topbar a:visited{ color:#ffffff;}
.topbar a:hover{ color:#f60;}
.topbar-lt{ float:left;font-size:12px;vertical-align:middle;}
.topbar-rt{ float:right;}
.subnav{ float:right; color:#ccc; overflow:hidden;}
.subnav a{ padding:0 6px;}



body{font-family:'Times New Roman',Arial,Helvetica, sans-serif;background: url(../images/bg2.png) #f0edea;}
header{background: url(../images/bg1.png) #fff;}
ul{list-style:none;}
.logo{margin:0px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;margin:0;padding:0;}
.flash:not(.is-ready) ul.bxslider > li{display:none;}
.flash:not(.is-ready) ul.bxslider > li:first-child{display:block;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

/*导航菜单*/
.navbar{ margin:0px; background-color:#05547f; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #0736aa;}


/*产品搜索*/
.search_group{float: right; margin: 50px 0px 0px 0px; background-color: #05547f; border:1px solid #05547f;border-radius: 3px;}
.search_group input.form-control{ border-radius: 0px;box-shadow: none; color: #fbfbfb; padding: 12px 10px;
  height: 36px; background: transparent; border: none;}
.search_group input.form-control:focus{box-shadow: none;border-color: #b2e0fb;}
.mysearch_btn{ background-color:#1260aa;color:#fff;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#00c6ff; color:#fff;}
#submit_search{color:#fbfbfb;font-size: 13px;}
#submit_search:hover{color:#fbfbfb;cursor: pointer;}
#small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #0736aa;}
.form-control::-moz-placeholder { color: #fbfbfb;}
.form-control:-ms-input-placeholder {color: #fbfbfb;}
.form-control::-webkit-input-placeholder {color: #fbfbfb;}

/*首页产品*/
.index_product{margin:40px 0px 0px 0px;}
.title_p{text-align: center; margin:0px; display: block; font: bold 18px/26px 'Times New Roman', Arial, sans-serif;color: #251f19;text-transform: uppercase;}
.product_list{clear: both;  padding: 35px 0px 0px 0px;margin-right: -15px;margin-left: -15px;}
.product_img{padding-left: 15px; padding-right: 0px; min-height: 300px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px; padding: 0px 15px 0px 0px; max-height: 260px;}
.product_list2{padding-top: 20px;}
.product_list2 div.product_img{min-height: 250px;}
.product_title{margin: 15px 0px 0px 0px;  height: 24px; line-height: 14px;text-align: left;}
.product_title a{color: #251f19; transition:color 0.3s;}
.product_title a:hover{text-decoration: none;color:#C17022;}
.product_desc{height: 45px;margin: 0px 0px 15px 0px;text-align: left;font-size: 12px;color: #A7886A;line-height: 18px;}
.related_list{padding: 20px 0px 0px 0px;}

/*首页新闻*/
.news_box{margin:0px 0px 0px 0px;}
.index_news{clear: both; list-style:none;margin:0px; padding:8px 0px 20px 0px;}
.index_news li{color:#545455;border-bottom: 1px dashed #D2D1D1;background: url(../images/li.png) no-repeat left 16px;line-height:21px; padding: 10px 0px; padding-left:13px;}
.index_news li a{color:#251f19;transition:color 0.3s;}
.index_news li a:hover{ text-decoration:none;color:#C17022; }
.news_time{ float:right;}
.left_news span.news_time{display: none;}

/*首页联系*/
.index_contact{margin:0px 0px 15px 0px;}
.index_contact P{clear: both;color:#251f19; padding-bottom: 5px;}

.list_box{clear: both; margin:25px 0px 0px 0px;}
.path_title{border: 1px solid #f2f2f2;padding: 8px 19px;overflow: hidden;}

/*栏目导航*/
.left_nav{ clear: both; padding-top: 25px;}
.left_h2{padding: 10px 0px 8px 0px; margin:0px; display: block;    font: bold 18px/21px 'Times New Roman', Arial, sans-serif;color: #251f19;text-transform: uppercase; border-bottom: 1px solid #D4D1CE;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:10px 0px 10px 0px;padding-bottom: 10px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #E6DED3; background: url(../images/list_marker.png) 0px 12px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#251f19;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#C17022;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 18px; background: url(../images/list_marker2.png) 0px 10px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#251f19;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#C17022;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#251f19;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #C17022;}

/*新闻列表*/
.list_news{clear: both; list-style:none;margin:0px; padding:8px 0px 20px 0px;}
.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #DCDADA;/*dotted*/ }
.list_news li a{color:#251f19;}
.list_news li a:hover{text-decoration:none;color:#C17022;}

.contents{clear: both; padding:6px 2px 0px 2px; line-height:28px; color:#615F5F;overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px; font-family: 'Microsoft Yahei';}

/*分页样式*/
.page{clear:both; margin:20px 0px 0px 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: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#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;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.product_h1{ margin:0px; line-height:22px; font-size:18px; color: #C34D02; padding-bottom:10px;border-bottom: 1px dotted #cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px; color:#615F5F;overflow: auto;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #0736aa; border-radius: 0px; border: none; transition:background 0.3s;}
.page-btn:hover,.page-btn:focus{background-color:#31363c; }
.grey-btn{border-radius: 0px;border: none; color:#fff;  background-color: #251F19;}
.grey-btn:hover,.grey-btn:focus{color:#0736aa;background-color: #251F19;}
.related_news{ padding-top: 15px; clear: both;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.feedback{margin-top: 30px;}
.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:#0068b7;}
.point span.to_prev a:hover{color: #ea042b;text-decoration: none;}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #ea042b;text-decoration: none;}

/*标签样式*/
.tags{ margin: 8px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}

.tags_ul{ margin-top: 4px;}
.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: #a0a0a0; 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;}

#translate{width:180px; margin: 0 auto; }
#translate-this{margin: 15px 0px 10px 0px;}

/*底部信息*/
footer:not(.w101-footer){ text-align:center; background-color: #333; color:#fbfbfb; padding:30px 0px 20px 0px; margin-top: 40px; font-size:13px;}
.copyright{ line-height:16px;}
.copyright a{ color:#fbfbfb;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 200px; padding: 5px;}

/*大屏幕*/
@media screen and (min-width: 769px) {
      header{padding-top:10px;}
      .logo{margin: 30px 0px 30px 0px;}
      .navbar{ margin-top:10px;  min-height: 60px; }
      .navbar-nav > li > a {text-align: center;transition:background 0.4s; text-transform: uppercase; font-size: 12px;}
      .navbar-default .navbar-nav > li > a{padding: 20px 30px 20px 30px; color: #fbfbfb;}
      .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 > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background-color: #0736aa; color: #fff;}
      .navbar-brand{display: none;}

      .nav_small{ background-color:#05547f;padding: 15px 0px 15px 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:20px; color: #fbfbfb; font-size: 13px;}
      .nav_small > li > a:hover{color: #d8c4a8; background-color: #0736aa;}
      #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
}

.mfoot_box { display: none; }

/*小屏幕*/
@media screen and (max-width: 768px) {
      .navbar{ margin-top:10px;}
      .navbar-default .navbar-brand {color: #fbfbfb;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fbfbfb;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #6D5944;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #0736aa;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .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: #fbfbfb;font-family:Arial,Helvetica, sans-serif; font-size: 13px;}
      .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: #0736aa; color: #fff;}

         header{padding-top: 10px;}
        .search_group{margin: 10px 0px 5px 0px;}
        #topsearch{display: none;}
        .logo{display: block; margin: 0 auto;max-width:700px; margin-top: 15px; margin-bottom: 15px;}
        .flash div.bx-pager{ /*display:none;*/}
        .index_left_nav{padding-top: 0px;}
        .list_box{margin:18px 0px 0px 0px;}
        .product_con img,.contents img{width:100%;}
        .product_img{min-height: 230px;}
        .news_time{ display:none;}
        .footer-bar{margin-bottom:56px;}
        #pic-page a img {width:35px;}
        .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}

        /*手机-底部固定栏：WhatsApp / Phone / Top / E-mail / Inquiry */
        .mfoot_box{
                display:block;
                background:#f8f8f8;
                border:none;
                border-top:1px solid #e8e8e8;
                border-radius:0;
                min-height:50px;
                margin:0;
                box-shadow:none;
                z-index:1030;
        }
        .mfoot_box .navbar-collapse{display:none;}
        .mfoot_inner{
                display:flex;
                align-items:stretch;
                height:50px;
        }
        .mfoot_nav{
                flex:1;
                display:flex;
                align-items:center;
                justify-content:center;
                position:relative;
                border-right:1px solid #e8e8e8;
                float:none;
                width:auto;
                background:transparent;
        }
        .mfoot_nav:last-child{border-right:none;}
        .mfoot_nav a{
                display:flex;
                flex-direction:column;
                align-items:center;
                justify-content:center;
                color:#555;
                padding:5px 2px;
                height:100%;
                width:100%;
                text-decoration:none;
                -webkit-tap-highlight-color:transparent;
                transition:color 0.28s ease, background 0.28s ease;
        }
        .mfoot_box.navbar-default .mfoot_nav a{
                color:#555;
                background:transparent;
        }
        .mfoot_nav:not(.mfoot_nav_top) a:hover,
        .mfoot_nav:not(.mfoot_nav_top) a:focus{
                color:#0c4d89;
                background:rgba(12,77,137,0.07);
                text-decoration:none;
        }
        .mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:hover,
        .mfoot_box.navbar-default .mfoot_nav:not(.mfoot_nav_top) a:focus{
                color:#0c4d89;
                background:rgba(12,77,137,0.07);
        }
        .mfoot_nav .fa{
                font-size:18px;
                line-height:1;
                margin-bottom:3px;
                transition:transform 0.28s ease, color 0.28s ease;
        }
        .mfoot_nav:not(.mfoot_nav_top) a:hover .fa,
        .mfoot_nav:not(.mfoot_nav_top) a:focus .fa{
                transform:translateY(-2px);
        }
        .mfoot_label{
                font-size:10px;
                font-weight:700;
                line-height:1.2;
                display:block;
                letter-spacing:0.02em;
                transition:color 0.28s ease;
        }
        .mfoot_nav:first-child a:hover,
        .mfoot_nav:first-child a:focus,
        .mfoot_box.navbar-default .mfoot_nav:first-child a:hover,
        .mfoot_box.navbar-default .mfoot_nav:first-child a:focus{
                color:#128C7E;
                background:rgba(18,140,126,0.08);
        }
        .mfoot_nav:first-child a:hover .fa,
        .mfoot_nav:first-child a:focus .fa{
                color:#128C7E;
        }
        .mfoot_nav_top a{
                padding:0;
        }
        .mfoot_top_btn{
                display:flex;
                align-items:center;
                justify-content:center;
                width:34px;
                height:34px;
                border-radius:50%;
                background:#555;
                color:#fff;
                transition:background 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
        }
        .mfoot_nav_top a:hover .mfoot_top_btn,
        .mfoot_nav_top a:focus .mfoot_top_btn{
                background:linear-gradient(135deg, #FF9E16 0%, #e88a0a 100%);
                transform:translateY(-2px);
                box-shadow:0 4px 12px rgba(255,158,22,0.35);
        }
        .mfoot_top_btn .fa{
                margin-bottom:0;
                font-size:15px;
        }
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*414px到768px*/
@media screen and (min-width:420px) 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%;
  }
  .logo{max-width:400px;}
}

@media screen and (max-width: 414px) {
  .logo{max-width:280px;}
}