/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }

a:focus, a:hover{color: #286b40;}



/*头部导航－第13种开始*/
header .header-con { background: #eee; height: 30px; line-height: 30px; }
header .header-con a { color: #666; }
header .header-con a:hover { text-decoration: none; }
header .company-name { font-size: 13px; }
header .header-logo { padding-bottom: 5px; background: url(../../../../static/admin/temp/images/headmodule/images/13/5964937ee510a.jpg); }
header .header-logo h1 { color: #333; padding-left: 10px; font-size: 20px; font-weight: 700; }

header .header-title { padding-top: 5px;float: left;width: 30%;}
header .header-title h3 {font-size: 26px;line-height: 1;font-weight: bold;letter-spacing: 2px;color: #222;}
header .header-title p {font-size: 13px;line-height: 1;text-transform: uppercase; font-weight: bold;color: #666;margin-top: 6px;}

header .header-word{float: left;width: 45%;}
header .header-logo .header-word span { display: block; border-left: 1px dashed #666; padding-left: 20px; }
header .header-logo .header-word1 { font-size: 17px; font-weight: bold; }
header .header-logo .header-word2 { font-size: 16px; color: rgb(39, 115, 200); }

header .header-phone{float: right;width: 25%;overflow: hidden;}
header .header-phone img{float: left;width: 20%;}
header .header-phone .phone-txt{float: left;width: 80%;padding-left: 10px;padding-top: 10px;}
header .header-phone .phone-txt p {font-size: 16px;line-height: 1;color: #666; margin-bottom: 3px;}
header .header-phone .phone-txt h4 {font-size: 26px;line-height: 1;color: #286b40;}


header .navbar-toggle { float: left; }
header .navbar-nav { float: left;width: 75%; }
header ul.nav.navbar-nav li { float:left; display: block; margin: 0em; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{background: rgba(255,255,255,.9)}
header nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li { display: block; padding: 0; float:none;background: none;}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a:hover{background: #286b40;color: #fff !important;}
body.side-right { overflow: hidden; }
header .navbar-bg, nav.navbar.bootsnav { background: none; }
header nav.navbar.bootsnav { border: none !important; min-height:auto;}
header nav.navbar.bootsnav a {
    font-size: 20px;
    font-weight: normal !important;
    color: #333 !important;
    text-align: center;
    padding: 10px;
    letter-spacing: 1px;
}
header nav.navbar.bootsnav a:hover { }
header nav.navbar.bootsnav li { background: none; }
header .side-right .in { background: none !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 10px 10px; }
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a:hover { color: #286b40 !important;font-weight: bold !important;}
header .sitexml { line-height:30px;}



nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding:10px 0 !important;font-size: 15px;}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before { margin-right:10px;}


header .nav > li:after { content: ""; width: 0; height: 3px;  position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; background: #286b40 !important; }
header .nav > li:hover:after { width: 100%; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;padding: 0;}


@media (max-width: 992px) {
nav.navbar.bootsnav.navbar-mobile .navbar-collapse { background: #fff !important}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0;
    font-size: 15px;
    color: #6f6f6f;
    padding-left: 10px !important;
}
  header nav.navbar.bootsnav a {text-align: left;}
  
  nav.navbar.bootsnav .navbar-header{padding: 0;}
  body nav.navbar.bootsnav .navbar-toggle{margin-right: 10px;color: #286b40;margin-top: 10px;margin-bottom: 0;}
  
  header nav.navbar.bootsnav a { font-size: 20px; color: #286b40 !important;  padding: 15px 10px; letter-spacing: 0px; font-weight: bold !important;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {top: 50px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 10px 10px;  font-size: 15px;  font-weight: normal !important;color: #333 !important;}
  
  
}

/* 小屏幕(平板，大于等于768px)*/
@media (min-width: 768px) {
header .header-logo { padding-bottom: 10px; }
header .header-logo h1 { font-size: 24px; font-weight: 700; }
header .header-logo span { font-size: 12px; }
header nav.navbar.bootsnav .navbar-toggle { float: right; }
body.side-right { overflow: hidden; }
header nav.navbar.bootsnav a { font-size: 24px; padding: 15px 0;}
}

/* 中等屏幕(桌面显示器，大于等于992px) */
@media (min-width: 992px) {
header .header-logo h1 { font-size: 28px; font-weight: 700; }
header .header-logo span { font-size: 13px; }
header .header-logo .header-word1 { font-size: 16px; }
header .header-logo .header-word2 { font-size: 13px; }

nav.navbar.bootsnav a { font-size: 17px; }
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 13px 25px; }
ul.nav.navbar-nav li { display: inline-block; }
  
  
  
  
}
  

/* 大屏幕(大桌面显示器，大于等于1200px) */
@media (min-width: 1200px) {
header .header-logo {padding: 10px 0;border-bottom: 1px dashed #bbb;}
  
header .header-title h1 {
    font-size: 36px;
    font-weight: 700;
    text-align: left;
    padding: 0;
    letter-spacing: 3px;
    color: #286b40;}
header .header-title span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #888;
}
  
header .header-logo .header-word1 { font-size: 20px;color: #286b40; }
header .header-logo .header-word2 { font-size: 16px; color: #555;}

header nav .nav-bg .navbar-nav li a { font-size: 17px; }
header nav .nav-bg .navbar-nav li a:hover { color: #333 !important; }
header nav.navbar.bootsnav a { font-size: 16px; }
header nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {padding: 16px 30px;font-size: 15px;}
header ul.nav.navbar-nav li { display: inline-block; }
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { right:17%;top: 28%;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { padding:0 !important;}

@media (min-width: 992px) and (max-width: 1200px){
  
  header .header-logo {padding: 15px 0;}
  
  header .header-title{width: 36%;}
  header .header-title img { height: 70px;}
  header .header-logo .header-word {width: 35%;}
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {padding: 12px 18px;}
  nav.navbar.bootsnav ul.nav > li > a{font-size: 15px;}
  
  header .header-phone .phone-txt h4{font-size: 24px;}
  header .header-logo .header-word1 {font-size: 19px;}
  header .header-logo .header-word2 { font-size: 16px;color: #555;}
  
  
  
}

@media (max-width: 992px){
  
}

@media (max-width: 767px){
  
}

/*头部导航－第13种结束*/




/* 大图 */

.flexslider { position: relative; max-height:550px; overflow: hidden;}
.slides { position: relative; z-index: 1; }
.slides li { height: 550px; }


@media (min-width: 992px) and (max-width: 1200px){

  .flexslider .slides li {background-size: auto 100% !important;height: 360px;}
  
}
@media (max-width: 992px){

  
  .flexslider .slides li {background-size: auto 100% !important;height: 220px;}

  
  
}
@media (max-width: 767px){

  .flexslider .slides li { background-size: auto 100% !important;height: 120px;}
  

  
  
}


/* 内页样式 */

/* 路径 */
.crumbs-item {border-bottom: 1px dashed #bbb;overflow: hidden;margin-bottom: 10px;padding: 20px 0;}
.crumbs-item h6 {font-size: 14px;line-height: 14px; border-left: 4px solid #286b40;padding-left: 10px;color: #777;}



.pagination li{width: auto !important;padding: 0 !important;}


/* 详情页 */

.page-con-tit h1 {font-size: 22px;font-weight: normal;letter-spacing: 1px;line-height: 22px;margin-bottom: 10px;}
.page-detail p {font-size: 15px;line-height: 28px;color: #666;}


.product_detail .img{overflow: hidden;}
.zoomPad{z-index: 1 !important;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .page-alist .col-md-4 {padding: 0 10px;float: left;width: 33.3%;margin-bottom: 15px;}
  .img-inner {height: 180px;}
 
}
@media (max-width: 767px){

  
  .page-alist .col-md-4 {padding: 0 5px;float: left;width: 50%;}
  .img-inner {height: 150px;}
  
  
}





