/*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全局*/

/*LOGO与导航栏样式*/
#LOGODao { /*logo导航栏最外层*/
    height: 50px;
    z-index: 9998;/*层高*/
    position: relative;/*相对定位*/
    background-color: white;/*背景颜色*/
    box-shadow: 0 0 5px #7f7f7f;/*阴影效果*/
}
#LOGODao-Left { /*logo导航栏左边logo部分*/
    height: 50px;
    float:left; /*置于左边*/
    display: flex; /*浮动布局*/
}
#LOGODao-Right { /*logo与导航栏右边的菜单按钮*/
    width: 50px;
    height: 30px;
    float:right; /*置于右边*/
    margin-right: 10px; /*右边距*/
    margin-top: 5px;/*上边距*/
}
.C-LOGODao-Right-Line { /*logo与导航栏右边的菜单按钮横线*/
    display: block;
    background: #146C06;/*背景颜色*/
    width: 30px;
    height: 2px;
    margin-left: 10px;
    margin-top: 8px;
    transform-origin: left;/*以最左边为原点*/
    transition: transform ease 0.35s,opacity ease 0.35s;/*过渡动画*/
}
.C-Action-LOGODao-Right-Line-1 { /*第一条线*/
    transform: rotate(43deg);/*顺时针旋转45度*/
    transition: transform ease 0.35s;/*过渡动画*/
}
.C-Action-LOGODao-Right-Line-2 { /*第二条线*/
    opacity: 0;/*透明*/
    transition: opacity ease 0.35s;/*过渡动画*/
}
.C-Action-LOGODao-Right-Line-3 { /*第三条线*/
    transform: rotate(-43deg);/*逆时针旋转45度*/
    transition: transform ease 0.35s;/*过渡动画*/
}
/*END-LOGO与导航栏样式*/

/*菜单列表*/
#CaiDanLieBiao { /*菜单列表最外层*/
    width: 100%;
    height: calc(100% - 50px);
    color: #146C06;/*字体颜色*/
    margin: 0;/*间距*/
    padding: 0;/*内间距*/
    position: fixed;/*浮动布局*/
    z-index: 9;/*层高*/
    background: #ffffff;/*背景颜色*/
    font-size: 14px;/*字体大小*/
    line-height: 40px;/*行高*/
    left: 100%;/*左相对位置*/
    top: 50px;/*上相对位置*/
    overflow-x: hidden;/*横向超出部分隐藏*/
    transition: left ease 0.35s;/*过渡动画*/
}
.C-Action-CaiDanLieBiao { /*菜单列表最外层动画*/
    left: 0 !important;/*左相对位置*/
    transition: left ease 0.35s;/*过渡动画*/
}
#CaiDanLieBiao ul { /*菜单列表*/
    color: #146C06;/*字体颜色*/
    font-size: 14px;/*字体大小*/
    line-height: 40px;/*行高*/
    margin: 0;/*间距*/
    padding: 0;/*内间距*/
    list-style: none;/*列表样式*/
}
#CaiDanLieBiao ul li{ /*菜单列表项*/
    color: #146C06;/*字体颜色*/
    padding: 0;/*内间距*/
    list-style: none;/*列表样式*/
    border-top: 1px #ddd solid;/*顶部边框*/
    margin: 0 20px;/*间距*/
    position: relative;/*相对布局*/
    font-size: 14px;/*字体大小*/
    line-height: 40px;/*行高*/
}
#CaiDanLieBiao ul li a{ /*菜单列表项链接*/
    width: 100%;
    list-style: none;/*列表样式*/
    font-size: 14px;/*字体大小*/
    line-height: 40px;/*行高*/
    box-sizing: border-box;
    text-decoration: none;/*无下划线*/
    color: #146C06;/*字体颜色*/
    display: block;/*块元素*/
    font-weight: bold;/*加粗字体*/
}
/*END-菜单列表*/

/*次级导航*/
#CiJiDaoHang-Left-Text-1::after { /*公司介绍一栏底边框常显示*/
    transform:scale3d(1,1,1);/*底边框为正常长度*/
}
/*END-次级导航*/

/*4001老百汇net官方网站首图部分*/
#ShouTu { /*首图最外层*/
    width: 100%;
    position: relative;/*相对定位*/
    margin-bottom: 2.5rem;
}
#ShouTu-Background { /*首图的背景部分*/
    width: 100%;
}
#ShouTu-Text-Div { /*首图的文字部分*/
    position: absolute;/*绝对定位*/
    top: 50%;/*上边距*/
    left: 0;/*左边距*/
    width: 100%;/*宽度*/
    z-index: 1;/*层高*/
    color: white;/*字体颜色*/
    font-size: 16px;/*字体大小*/
    box-sizing: border-box;
    margin: 0;/*间距*/
    padding: 0;/*内间距*/
    text-align: center;/*行内元素居中*/
    transform: translateY(-50%);/*相对位移*/
}
#ShouTu-Text-Div div{ /*文本部分*/
    width: 90%;
    vertical-align: top;
    margin: auto 5%;
}
#ShouTu-Text-Div div h1{ /*标题*/
    box-sizing: border-box;
    padding: 0;
    outline: none;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    font-size: 7vw;
    color: #fff;
}
#ShouTu-Text-Div div div{ /*文本部分*/
    width: 100%;
    margin: 4% 0 auto 0;
    font-size: 12px;
    line-height: 16px;
}
/*END-4001老百汇net官方网站首图部分*/

/*公司介绍部分*/
#GongSiJieShao { /*公司介绍最外层*/
    width: 100%;
    margin: auto 0 2.5rem 0;
}
#GongSiJieShao-Text-Div { /*文字部分*/
    width: 90%;
    vertical-align: top;
    margin: auto 5% auto 5% ;
}
#GongSiJieShao-Text-Div h2 {
    color: #146C06;
}
#GongSiJieShao-Text-Div p{ /*文字段落*/
    line-height: 150%;/*行间距*/
    word-break: break-all;
    text-indent: 2em;
    color: #666;
}
#GongSiJieShao-Video-Div{ /*视频部分*/
    width: 90%;
    margin: auto 5% auto 5%;
}
#GongSiJieShao-Video { /*视频*/
    width: 100%;
}
/*END-公司介绍部分*/

/*公司目标*/
#MuBiao { /*公司目标最外层*/
    width: 100%;
    position: relative;
    margin-bottom: 2.5rem;
    overflow: hidden;
}
#MuBiao::before { /*公司目标最外层-前*/
    width: 200%;
    position: absolute;
    height: 0;
}
#MuBiao-BackGround { /*公司目标背景*/
    width: 100%;
}
#MuBiao-NeiRong { /*公司目标内容*/
    width: 80%;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}
#MuBiao-NeiRong div { /*每一个*/
    width: 28%;
    display: inline-block;
    text-align: center;
    margin-right: 5%;
    vertical-align: top;
}
#MuBiao-NeiRong div div { /*图标外围*/
    width: 50%;
    margin: auto 25%;
}
#MuBiao-NeiRong div div img{ /*图标*/
    width: 100%;
}
#MuBiao-NeiRong div h2 { /*标题*/
    color: white;
}
#MuBiao-NeiRong div p { /*文本*/
    color: white;
    height: 3em;
}
/*END-公司目标*/

/*创新部分*/
#ChuangXin { /*创新部分最外层*/
    width: 100%;
    position: relative;
    margin-bottom: 2.5rem;
    text-align: center;
}
#ChuangXin-title { /*创新部分标题*/
    width: 100%;
    text-align: center;
    color: #146C06;
}
#ChuangXin-text { /*创新部分文本*/
    max-width: 90%;
    text-align: center;
    color: #666;
    margin: auto 5% 2.5rem 5%;
    word-break: break-all;
}
#ChuangXin ul { /*数据部分*/
    max-width: 90%;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    outline: none;
    list-style-type: none;
    margin: 0 5%;
}
#ChuangXin ul li{ /*数据部分*/
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    outline: none;
    list-style-type: none;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    color: #146C06;
    vertical-align: top;
}
#ChuangXin ul li h4{ /*数据数字部分*/
    font-size: 5vw;
    text-align: center;
    font-weight: 500;
    line-height: 1.95em;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#ChuangXin ul li p{ /*数据文本部分*/
    color: #333;
    font-size: 12px;
    text-align: center;
}
/*END-创新部分*/

/*领先部分*/
#LingXian { /*领先部分最外层*/
    width: 100%;
    position: relative;
    margin-bottom: 2.5rem;
}
#LingXian img{ /*背景图片*/
    width: 100%;
}
#LingXian div { /*文本部分*/
    position: relative;
    text-align: center;
    background-color: #dbdbdd;
    width: 100%;
}
#LingXian div h2{
    color: #146C06;
}
#LingXian div a{
    cursor: pointer;/*小手鼠标*/
    color: black;
}
/*END-领先部分*/

/*质量方针部分*/
#ZhiLiang { /*质量方针最外层*/
    width: 100%;
    margin: auto 0 2.5rem 0;
}
#ZhiLiang-NeiRong { /*文字部分*/
    width: 90%;
    margin: auto 5% auto 5% ;
}
#ZhiLiang-NeiRong h2{
    color: #146C06;
}
#ZhiLiang-NeiRong ul li{ /*文字段落*/
    line-height: 150%;/*行间距*/
    word-break: break-all;
    color: #666;
    margin-bottom: 8px;
}
#ZhiLiang-Img-Div{ /*图片部分*/
    width: 90%;
    margin: auto 5% auto 5%;
}
#ZhiLiang-Img-Div img { /*图片*/
    width: 100%;
}
/*END-质量方针部分*/

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

/*最下信息*/
#ZuiXiaXinXi { /*最下信息最外层*/
    width: 100%;
    background-color: #146c06;/*背景颜色*/
    text-align: center;/*居中显示*/
}
.ZuiXiaXinXi-NeiRong { /*最下信息的内容*/
    color: white;/*字体颜色*/
    font-size: 14px;/*字体大小*/
}
#ZuiXiaXinXi-BanQuan { /*版权信息*/
    margin:0 auto 0 auto;/*同级间距*/
}
#ZuiXiaXinXi-JiShu { /*技术支持语句*/
    margin:0 auto 0 auto;/*同级间距*/
}
#BeiAn { /*备案信息*/
    margin:0 auto 0 auto;/*同级间距*/
}
#BeiAn a p { /*备案信息文字*/
    margin:0 0 0 auto;/*同级间距*/
}
/*END-最下信息*/