/*body全局*/
body {
    font-family: source-sans-pro;
    background-color: white;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-style: normal;
    font-weight: 200;
}
/*END-body全局*/

/*导航栏样式*/
.main {
    width: 100%;
    height: 4rem;
    background-color: #146C06;
    z-index: 9998;
    text-align: center;
    position: absolute;
    transition: background-color 0.4s .4s ease-in-out;
}
.active_main{
    background-color: black; !important;
    transition: background-color 0.4s ease-in-out;
}
#main_list {
    height: 100%;
    /*margin-top: 1.4%;*/
    list-style: none;/*取消列表格式*/
    display: flex; /*水平排列*/
    justify-content: space-between; /*均衡间距*/
    margin: 0 10%;
    padding: 0;
    z-index: 9999;
}
.fenggefu{ /*分隔符*/
    color: white;/*白色字体*/
    font-weight:bold;/*加粗字体*/
    font-size: 1.4rem;/*字体大小*/
    margin: 1em 0 1em 0;/*垂直居中*/
}
#main_list li{ /*取消列表格式*/
    list-style: none;
}
#main_list li img{ /*限制logo大小*/
    height: 100%;
}
#main_list .main_list_text {
    height: 100%;
    float: right;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight:bold;
    transition: all 0.3s linear;
}
#main_list .main_list_text {
    color: #FFFFFF;
    text-decoration: none;
}
#main_list .main_list_text:hover {
    color: #979797;
    width: auto;
    cursor: pointer;
}
/* 设置头部下拉面板的样式 */
.main_list_two { /*下拉面板的整体样式*/
    width: 100%;
    background-color: black;
    position: absolute;
    left: 0;
    z-index: 990;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0; /*隐形*/
    visibility: hidden;
    transition: opacity ease-in-out .4s .4s,-webkit-transform ease-in-out .4s .4s,transform ease-in-out .4s .4s, visibility ease-in-out .8s;
    animation: control-pointer .8s;
}
/*导航栏下拉菜单淡入淡出动作类名*/
.two_active{
    opacity: 1;
    visibility: visible;
    transition: opacity ease-in-out .4s,-webkit-transform ease-in-out .4s,transform ease-in-out .4s;
    animation: none;
    -webkit-transform: none;
    transform: none;
}
/*导航栏下拉菜单淡入淡出禁止停止*/
@keyframes control-pointer {
    0%, 49.9999% {
        pointer-events: auto;
    }
    50%, 100% {
        pointer-events: none;
    }
}
/*导航栏下拉菜单内容器*/
.main_list_two_nei{
    margin: 0 10%;
}
/*导航栏下拉菜单选择项居中*/
.main_list_two_do_out{
    padding-top: 40px;
    padding-bottom: 60px;
    display:inline-block;
    /*text-align: center;*/
}
/*导航栏下拉菜单选择项标题*/
#main_list_two_title1{
    color: #86868b;
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
}
/*导航栏下拉菜单选择项属性*/
.main_list_two .main_list_two_do p{
    width: fit-content;/*与字的长度一样*/
    margin-top: 15px;
}
.main_list_two .main_list_two_do a{
    font-weight: bold;/*粗体字*/
    font-size: 1.3rem;
    color: #e0e0e0;
    transition: color 0.5s ease-in-out;
    text-decoration: none;
}
.main_list_two .main_list_two_do a:hover{ /*导航栏下拉菜单选择项鼠标停放动画*/
    color: white;/*字体选择颜色*/
}
.main_list_two .main_list_two_do a::after{ /*导航栏下拉菜单选择项的最后一个子元素*/
    content:'';
    display:block;
    /*开始时候下划线的宽度为100%*/
    width:100%;
    height:2px;
    bottom:-5px;
    background:#979797;
    transition:all 0.5s cubic-bezier(.62,-0.14,.62,1.25);
    /*通过transform的缩放scale来让初始时x轴为0*/
    transform: scale3d(0,1,1);
    /*将坐标原点移到元素的中间，以原点为中心进行缩放*/
    transform-origin:50% 0
}
.main_list_two .main_list_two_do a:hover::after {
    transform:scale3d(1,1,1);/*下划线为正常长度*/
}
/*END-导航栏下拉菜单*/

/*次级导航*/
.CiJiDaoHang-Right { /*次级导航栏的右边部分，将其改为左边*/
    height: 100%;
    margin-left: 10%;/*距离右边10%*/
    text-align: left;/*文本靠右*/
    display: block;/*块元素排列*/
    float: none;/*无浮动布局*/
}
/*END-次级导航*/

/*产品分类列表*/
#ChanPinFenLeiLieBiao{ /*产品分类列表最外层*/
    width: 15%;
    margin: 4rem 0 3rem 15%;/*设置间距*/
    border: #146C06 1px solid;/*边框*/
    display: inline-block;/*行内块元素*/
    vertical-align: top;/*顶部对齐*/
}
#ChanPinFenLeiLieBiao-Title{ /*产品分类列表标题*/
    width: 100%;
    background-color: #146C06;/*背景颜色*/
    margin: 0;/*间距*/
}
#ChanPinFenLeiLieBiao-Title p{ /*标题文字*/
    width: 100%;
    text-align: center;/*文字水平居中*/
    height: 3rem;/*高度*/
    color: white;/*字体颜色*/
    font-size: 1.5rem;/*字体大小*/
    line-height: 3rem;/*行高*/
    font-weight: bold;/*粗体*/
    margin: 0;/*间距*/
}
#ChanPinFenLeiLieBiao-LieBiao{ /*列表*/
    margin: 0;/*间距*/
}
#ChanPinFenLeiLieBiao-LieBiao ul{ /*大分类列表*/
    list-style: none;/*去除列表格式*/
    margin: 0;/*设置间隔*/
    padding: 0;/*设置内间距*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li div{ /*大分类列表项*/
    background-color: #ddecd3;/*背景颜色*/
    margin: 3px;/*间距*/
    cursor: pointer;/*小手鼠标*/
    box-sizing: border-box;
    display: flex;/*浮动布局*/
    justify-content: space-between;/*占满*/
    align-items: center;/*居中*/
    color: #000;/*字体颜色*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li div h2{ /*大分类列表项-文字*/
    font-size: 1rem;/*字体大小*/
    color: #146C06;/*字体颜色*/
    font-weight: bold;/*粗体*/
    box-sizing: border-box;
    word-break:break-all;/*自动换行*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li div p{ /*大分类列表项-符号*/
    background-color: #ddecd3;/*背景颜色*/
    font-size: 1.2rem;/*字体大小*/
    color: #146C06;/*字体颜色*/
    font-weight: bold;/*粗体*/
    float: right;/*置于左边*/
    display: inline-block;/*行内块元素*/
    margin: 1rem 5% 1rem 0;/*间距*/
    transition: all 0.3s linear;/*过渡动画*/
    box-sizing: border-box;
}
.C-Action-ChanPinFenLeiLieBiao-LieBiao-Fu{ /*箭头符号动画*/
    transform: rotate(90deg);/*顺时针旋转90度*/
    transition: all 0.3s linear;/*过渡动画*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li ul{ /*小分类列表*/
    width: 100%;
    max-height: 0;
    list-style: none;/*去除列表格式*/
    overflow: hidden;/*隐藏超出的部分*/
    transition: all 0.3s linear;/*过渡动画*/
}
.C-Action-ChanPinFenLeiLieBiao-LieBiao-UlLiUl{ /*显示子表格动画*/
    max-height: 10rem !important;
    transition: all 0.3s linear !important;/*过渡动画*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li ul li{ /*小分类列表项*/
    background-color: #f8f8f8;/*背景颜色*/
    margin: 3px;/*间距*/
    cursor: pointer;/*小手鼠标*/
}
#ChanPinFenLeiLieBiao-LieBiao ul li ul li p{ /*小分类列表项文字*/
    font-size: 1rem;/*字体大小*/
    color: #999999;/*字体颜色*/
    padding: 1rem 0 1rem 5%;/*间距*/
    margin: 0;/*外间距*/
}
.C-Action-ChanPinFenLeiLieBiao-LieBiao-UlLiUlLiP{ /*小分类列表项文字动画*/
    color: #146C06 !important;/*字体颜色*/
}
/*END-产品分类列表*/

/*产品展示*/
#ChanPinZhanShi { /*产品展示最外层*/
    width: 50%;
    margin: 4rem 15% 3rem 4%;/*设置间距*/
    display: inline-block;/*行内块元素*/
    vertical-align: top;/*顶部对齐*/
}
#ChanPinZhanShi-Title { /*产品展示区标题*/
    border-bottom: dashed 1px #e7e7e7;/*下边框*/
}
#ChanPinZhanShi-Title-P { /*产品展示区标题文字部分*/
    font-size: 1.2rem;/*字体大小*/
    font-weight: bold;/*粗体*/
    color: #146C06;/*字体颜色*/
    padding-bottom: 1rem;/*间距*/
}
.ChanPinZhanShi-One { /*每一个产品展示*/
    width: 23%;
    display: inline-block;/*行内块元素*/
    margin: 0 1%;/*间距*/
    cursor: pointer;/*小手鼠标*/
    vertical-align: top;
}
.ChanPinZhanShi-One:hover .ChanPinZhanShi-One-Img{ /*每一个产品展示的动画*/
    transform: scale(1.1);/*放大图片*/
    transition: all 0.3s linear;/*过渡动画*/
}
.ChanPinZhanShi-One-Div-Img { /*乳品外层*/
    overflow: hidden;/*隐藏超出的部分*/
}
.ChanPinZhanShi-One-Img { /*图片*/
    width: 100%;
}
.ChanPinZhanShi-One-Text { /*产品名称*/
    height: 2.4rem;
    width: 90%;
    font-size: 0.8rem;/*字体大小*/
    text-align: center;/*字体居中*/
    margin: 0 5%;/*间距*/
}
#ChanPinZhanShi-YeMa-Ul { /*页码列表*/
    display: flex;/*浮动布局*/
    justify-content: center;/*居中*/
    align-items: center;
    margin: 20px 0;/*间距*/
}
#ChanPinZhanShi-YeMa-Ul li{ /*页码列表项*/
    list-style: none;/*无列表格式*/
}
#ChanPinZhanShi-YeMa-Ul li a{ /*页码按钮*/
    position: relative;/*相对布局*/
    float: left;/*左对齐*/
    padding: 6px 12px;/*内间距*/
    color: #146C06;/*字体颜色*/
    background-color: #fff;/*背景颜色*/
    border: 1px solid #ddd;/*边框*/
    margin-left: -1px;/*间距*/
}
#ChanPinZhanShi-YeMa-Ul li a:hover{ /*未选中页码按钮动画*/
    background-color: #eeeeee;/*背景颜色*/
}
/*END-产品展示*/

/*底栏*/
#DiLan { /*底栏最外层*/
    width: 100%;
    background-color: #232323;/*背景颜色*/
}
#DiLan-Left { /*左部网站导航*/
    margin-left: 7%;/*左边同级间距*/
    width: 28%;
    display: inline-block;/*水平排列*/
    vertical-align: top;/*顶部对齐*/
    margin-bottom: 1em;/*下边同级间距*/
}
.DiLan-China-Title { /*底栏中文标题*/
    color: #146C06;/*字体颜色*/
    font-size: 1.5rem;/*字体大小*/
    display: inline-block;/*水平排列*/
}
.DiLan-English-Title { /*底栏英文标题*/
    margin-right: 10px;/*同级间距*/
    color: #146C06;/*字体颜色*/
    font-family:'Times New Roman',serif;/*字体设置*/
    font-size: 1.3rem;/*字体大小*/
    display: inline-block;/*水平排列*/
}
#DiLan-Left a { /*网站导航超链接*/
    display: inline-block;/*水平排列*/
    margin-right: 5%;/*右边同级间距*/
    margin-top: 1em;/*上边同级间距*/
    color: white;/*字体颜色*/
    text-decoration: none;/*无下划线*/
}
#DiLan-Center { /*中部联系我们*/
    margin-left: 5%;/*左边同级间距*/
    width: 35%;
    display: inline-block;/*水平排列*/
    vertical-align: top;/*顶部对齐*/
    margin-bottom: 1em;/*下边同级间距*/
}
.DiLan-LianXi-Text { /*联系我们文本*/
    color: white;/*字体颜色*/
    line-height:2rem;
}
#DiLan-Right { /*右部二维码区块*/
    margin: 1em 4% 1em 6%;/*同级间距*/
    width: 15%;
    display: inline-block;/*水平排列*/
    vertical-align: top;/*顶部对齐*/
}
#DiLan-Right img { /*右部二维码*/
    max-width: 100%;
}
/*END-底栏*/

/*最下信息*/
#ZuiXiaXinXi { /*最下信息最外层*/
    width: 100%;
    background-color: #146c06;/*背景颜色*/
    text-align: center;/*居中显示*/
}
.ZuiXiaXinXi-NeiRong { /*最下信息的内容*/
    display: inline-block;/*水平排列*/
    color: white;/*字体颜色*/
    font-size: 14px;/*字体大小*/
}
#ZuiXiaXinXi-BanQuan {
    float:left;/*浮动靠左*/
    margin-left: 5%;/*左边同级间距*/
}
#ZuiXiaXinXi-JiShu { /*技术支持语句*/
    float:right;/*浮动靠右*/
    margin-right: 5%;/*右边同级间距*/
}
/*END-最下信息*/