﻿body{min-width: 1240px;}
.btn-primary{background: #77bc18!important; border-color: #77bc18!important;}
.colorff6700{color: #6ba51b!important;}
.public-container{max-width: 1100px!important;}

.public-site-header {width: 100%;background: #e1fbc8;}
.head-top{background: #f3fde7; height: 50px;line-height: 50px;color: #444; font-size: 15px;}
.head-top .head-top_left{}

.public-site-header .logo {height: 95px; line-height: 95px;}
.public-site-header .logo a {font-weight: bold; text-decoration: none; display: flex; align-items: center; font-size: 30px; color: #004b9f; height: 100%;}
.public-site-header .logo a:empty:before {content: "";}
.public-site-header .logo img {max-height: 75px; font-size: 0;}


.public-site-header .head-top_right{color: #010b17;}
.public-site-header .head-top_right i{margin: 0px 5px 0px 15px; color: #589801; font-style: normal;font-size: 26px;}
.public-site-header .head-top_right .header_tel i{font-size: 24px;}
.public-site-header .head-top_right b{font-weight: normal;display: block;}
.public-site-header .head-top_right span{}


.public-site-header .head-nav{height: 50px;background: #7ac711; border-radius: 8px; padding: 0px 10px 0px 0px;  font-size: 16px;}
.public-site-header .head-nav .category_box{padding: 0px 40px;}
.public-site-header .head-nav .category_box .category_tit a{color: #fff;line-height: 50px;}
.public-site-header .head-nav .category_box .product_cage_list{background: #f8fbf4; position: absolute; left: 0; width: 100%;z-index: 99; padding: 20px 0px; display: none;box-shadow: 0px 6px 5px 1px #d2e1bf;}
.public-site-header .head-nav .category_box .category_left{width: 279px; padding: 0px 30px 0px 25px; border-right: 1px solid #dddddd;}
.public-site-header .head-nav .category_box .category_left a{margin: 0px 0px 12px 0px; background: #e4f3d1; color: #424242; font-size: 14px; border-radius: 2px; display: block; height: 44px; line-height: 44px; padding: 0px 20px;}
.public-site-header .head-nav .category_box .category_left a:hover{background: #7ac711; color: #fff;}
.public-site-header .head-nav .category_box .category_left a.on{background: #7ac711; color: #fff;}
.public-site-header .head-nav .category_box .category_left a.on i{color: #fff;}
.public-site-header .head-nav .category_box .category_left a i{font-size: 20px; color: #678e67; float: right;}
.public-site-header .head-nav .category_box .category_left a:hover i{color: #fff;}
.public-site-header .head-nav .category_box .category_right{padding: 2px 25px 0px 30px;}
.public-site-header .head-nav .category_box .category_right dl{border-bottom: 1px solid #dddddd; display: flex;}
.public-site-header .head-nav .category_box .category_right dl+dl{padding-top: 17px;}
.public-site-header .head-nav .category_box .category_right dl dt{width: 184px; line-height: 12px;}
.public-site-header .head-nav .category_box .category_right dl dt a{color: #467802; font-size: 14px; display: block; margin-bottom: 17px;}
.public-site-header .head-nav .category_box .category_right dl dd{flex:1;}
.public-site-header .head-nav .category_box .category_right dl dd a{color: #2b2b2b; font-size: 12px; padding: 0px 15px;border-left: 1px solid #565755; display: block; float: left; margin-bottom: 17px; height: 12px; line-height: 12px;}
.public-site-header .head-nav .category_box .category_right dl dd a:hover{color: #467802;}

.public-site-header .head-nav ul {
  height: 50px;line-height: 50px;
display: flex;justify-content: space-between;    align-items: center;
}
.public-site-header .head-nav ul li {
  flex-grow: 1;
  letter-spacing: 1px;
float: left;
text-align: center;
position: relative; padding: 0px 25px;
}
.public-site-header .head-nav ul li>a {
  font-size: 16px;color: #fff;
  display: block;
  height: 50px; padding: 0px 3px;
}
.public-site-header .head-nav ul li a .cn {
  font-size: 14px;
  padding-top: 10px;
  line-height: 20px;
  text-align: center;
}
.public-site-header .head-nav ul li a .en {
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 10px;
  text-align: center;
}
.public-site-header .head-nav ul li:hover a{
 border-bottom: 4px solid #fff;
}
.public-site-header .head-nav ul li.active a{
 border-bottom: 4px solid #fff;
}
.public-site-header .head-nav ul li.active a {
}
.public-site-header .head-nav ul li:hover dl {
  display: block;
}
.public-site-header .head-nav ul li dl {
  display: none;
  position: absolute;
  z-index: 1000;
  border-radius: 0px 0px 3px 3px;
  overflow: hidden;
width: 100%;
padding: 10px 0px;background: rgba(0, 0, 0, 0.8);    
}
.public-site-header .head-nav ul li dl dd.active a {
  color: #ff6700;
}
.public-site-header .head-nav ul li dl dd a {
  line-height: 40px;
  font-size: 14px;
  display: block;padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.public-site-header .head-nav ul li dl dd a:hover{
    background: rgb(23, 71, 135, 0.8);
}


.head-nav .search {width: 370px;height: 40px;border:1px solid #9fbb79; margin: 5px 0px 0px 40px;border-radius: 6px; overflow: hidden;}
.head-nav .search input{width: 324px;height: 40px; line-height: 40px;padding: 3px 10px; border: none; background: #ebf5dc; font-size: 14px; color: #666;}
.head-nav .search button{width: 44px;height: 40px;background: #6ba51c;color:#fff;font-size: 26px;line-height: 30px;float:right; border: none; cursor: pointer;}
