@charset "utf-8";

/*动画*/
@keyframes ShowInLeft { /*从左边淡入*/
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}/*END-从左边淡入*/
@keyframes ShowInBottom { /*从下边淡入*/
    from {
        opacity: 0;
        transform: translate3d(0, 30%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}/*END-从下边淡入*/
@keyframes ShowInTop { /*从上边淡入*/
    from {
        opacity: 0;
        transform: translate3d(0, -30%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}/*END-从上边淡入*/
/*箭头流动动画*/
@keyframes JianTouLiUDong {
    0% {
        opacity: 0.3;
    }
    33.3333% {
        opacity: 0.3;
    }
    66.6666% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}/*END-箭头流动动画*/
/*END-动画*/

/* 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;
}
/* Container */
.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    font-size: large;
}

/*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-菜单列表*/

/*轮播图*/
.hero { /*轮播图最外层*/
    width: 100%;
    position: relative;/*相对定位*/
    overflow: hidden;/*超出部分隐藏*/
}
#Top-Image-Show { /*轮播展示盒子*/
    width: 500%;
    position: relative;/*相对定位*/
}
.top_image { /*所有图片*/
    width: 20%;
    display: inline-block;/*行内块元素*/
    cursor: pointer;/*小手鼠标*/
}
#top_image_1 { /*第一张图*/
    position: relative;/*向对定位*/
    transform: none;/*无相对自身位移*/
}
.top_image img{ /*每一张轮播图图片本身*/
    width: 100%;
    height: auto;
}
.circle{ /*设置圆点位置*/
    position: absolute;/*绝对定位*/
    left:50%;/*起始是在body中，横向距左50%的位置*/
    transform:translate3d(-50%,-200%,0);/*水平居中*/
}
.circle_a{ /*每个小圆点*/
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border:1px solid rgba(0,0,0,.05);
    background: rgba(255,255,255,.4);
}
.circle_active{ /*原点变为选中状态*/
    background: #ffffff;
}
/*END-轮播图*/

/*公司简介*/
#gongsijianjie { /*公司简介最外层*/
    width: 100%;
    background: url(/images/公司简介-背景.jpg) no-repeat;/*设置背景图*/
    background-size: 30%;/*设置背景图大小*/
}
.index-title { /*小标题区块*/
    text-align: center;/*行内元素水平居中*/
    margin-bottom: 2rem;/*距离下面的元素*/
}
.index-title .chinese-index-title { /*中文小标题*/
    margin: 0;/*同级别取消间隔*/
    padding-top: 2.5rem;/*距离父控件上边框*/
    font-size: 2rem;/*字体大小*/
    font-weight:bold;/*粗体*/
    color: #146C06;/*字体颜色*/
}
.index-title .english-index-title { /*英文小标题*/
    margin: 0;/*同级别取消间隔*/
    font-family:'Times New Roman',serif;/*字体设置*/
    font-weight:bold;/*粗体*/
}
#gongsijianjie-NeiRong { /*公司简介内容*/
    padding-bottom: 2.5rem;/*距离内边框*/
}
#index-gongsijianjie-left { /*左边内容*/
    width: 80%;/*宽度*/
    margin-left: 10%;/*左间距*/
}
#index-gongsijianjie-text2{ /*左边第二段文字*/
    font-weight:bold;/*粗体*/
    word-break: break-all;/*字体对齐*/
    text-indent: 2em;/*首行缩进*/
}
#index-gongsijianjie-left button { /*更多按钮*/
    border-radius: 30px;/*产生圆角*/
    color: white;/*字体颜色*/
    background-color: #146C06;/*按钮背景颜色*/
    border-color: transparent;/*边框颜色*/
    border-width: 4px;/*边框宽度*/
    border-style: solid;/*边框样式*/
    margin-left: 50%;
    transform: translateX(-50%);
    cursor: pointer;/*小手鼠标*/
    transition: all 0.3s linear;/*大小过渡动画*/
}
#index-gongsijianjie-left button p{ /*更多按钮文字*/
    margin: 0.7em 0 0.7em 0;/*设置边距*/
    padding: 0 1.5rem 0 1.5rem;/*内间距*/
    font-weight:bold;/*粗体*/
}
#index-gongsijianjie-right { /*右边内容*/
    overflow: hidden;/*超出部分隐藏*/
    position:relative;/*相对布局*/
    width: 80%;/*宽度*/
    margin-left: 10%;/*左间距*/
    cursor: pointer;/*小手鼠标*/
}
.gongsijianjie-imgs { /*所有展示图片*/
    width: 400%;/*三张图的宽度*/
    position: relative;
}
.action-show-gongsijianjie-img-1 { /*展示第一张图*/
    left: 0;/*距离左边框0%*/
}
.action-show-gongsijianjie-img-2 { /*展示第二张图*/
    left: -100%;/*距离左边框-100%*/
    transition: left 0.3s linear;/*轮播过渡动画*/
}
.action-show-gongsijianjie-img-3 { /*展示第三张图*/
    left: -200%;/*距离左边框-200%*/
    transition: left 0.3s linear;/*轮播过渡动画*/
}
.action-show-gongsijianjie-img-4 { /*展示第四张图*/
    left: -300%;/*距离左边框-300%*/
    transition: left 0.3s linear;/*轮播过渡动画*/
}
.gongsijianjie-img { /*右边展示图片*/
    display: inline-block;/*水平排列块元素*/
    width: 25%;/*最大宽度*/
}
.gongsijianjie-right-jiantous { /*公司简介图片上的箭头区块*/
    height: 100%;
    width: 100%;
    position: absolute;/*绝对定位*/
    transform: translate3d(0,-100%,0);/*调整相对位置*/
    color: #146C06;/*文字颜色*/
    font-size: 3rem;/*文字大小*/
    text-align: right;/*靠右显示*/
}
.gongsijianjie-right-jiantou { /*公司简介图片上的箭头*/
    display: inline-block;/*水平排列块元素*/
    position: relative;/*相对定位*/
    top: 50%;/*距离顶部50%*/
    transform: translateY(-50%);/*上移自身的50%*/
    margin: 0;/*无间距*/
}
#gongsijianjie-right-jiantou-1 { /*第一个公司简介图片上的箭头*/
    animation:2.1s linear infinite JianTouLiUDong;
}
#gongsijianjie-right-jiantou-2 { /*第二个公司简介图片上的箭头*/
    animation:2.1s linear 0.7s infinite JianTouLiUDong;
}
#gongsijianjie-right-jiantou-3 { /*第三个公司简介图片上的箭头*/
    animation:2.1s linear 1.4s infinite JianTouLiUDong;
}
/*公司简介*/

/*产品中心*/
#ChanPinZhongXin { /*产品中心最外层*/
    width: 100%;
    overflow: hidden;/*超出部分隐藏*/
    background-color: #F6F6F6;/*设置背景颜色*/
}
#ChanPinZhongXin-NeiRong-All { /*带箭头的全部内容*/
    position: relative;/*相对布局*/
    margin-bottom: 2rem;/*下边距*/
}
#ChanPinZhongXin-NeiRong { /*内容区块*/
    width: 300%;
    position: relative;/*相对布局*/
}
#ChanPinZhongXin-NeiRong .ChanPin { /*每一个产品区块*/
    width: 25.3333%;
    display: inline-block;/*水平排列*/
    vertical-align: top;/*顶部对齐*/
    margin: 0 4% 0 4%;/*设置同级别间隔*/
    text-align: center;/*内部原始居中*/
    overflow: hidden;/*超出部分隐藏*/
    position:relative;/*相对布局*/
    cursor: pointer;/*小手鼠标*/
}
#ChanPinZhongXin-NeiRong .ChanPin img { /*每个产品的图片*/
    max-width: 100%;
    position: relative;/*设置为相对定位*/
    transition: all 0.4s linear;/*大小过渡动画*/
}
.ChanPin-NeiRong { /*文字部分内容*/
    width: 100%;
    position:absolute;/*绝对定位*/
    text-align: left;/*行内元素靠左*/
    transform: translate3d(0, -100%, 0);/*上移，放到图片上*/
    background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 50%);/*黑色渐变背景*/
    color: white;/*字体颜色*/
    transition: all 0.4s linear;/*过渡动画*/
}
.ChanPing-Kind { /*产品种类文字*/
    font-size: 0.91em;/*字体大小*/
    line-height: 1.8em;/*行高*/
    padding-left: 2%;/*左边距*/
    padding-top: 1em;/*上边距*/
    color: #fff;/*字体颜色*/
}
.ChanPin-Name { /*产品名*/
    font-size: 1.2em;/*字体大小*/
    line-height: 1.4em;/*行高*/
    font-family:'Times New Roman',serif;/*字体设置*/
    padding-left: 2%;/*左边距*/
    font-weight: bold;/*加粗字体*/
}
.ChanPin-Good { /*产品优点*/
    opacity: 0.7;
    font-size: 0.875em;/*字体大小*/
    line-height: 1.8em;/*行高*/
    padding-left: 2%;/*左边距*/
    color: #fff;/*字体颜色*/
}
.C-ChanPinZhongXin-JianTou { /*产品中心箭头部分*/
    height: 100%;
    width: 12%;
    position: absolute;/*绝对定位*/
    transform: translateY(-100%);/*上移100%*/
}
.C-ChanPinZhongXin-JianTou-Img { /*产品中心箭头的图标*/
    width: 100%;
    position: absolute;/*绝对定位*/
    top: 50%;/*距离顶部50%*/
    transform: translateY(-50%);/*上移50%*/
}
#ChanPinZhongXin-JianTou-Div2 { /*右箭头外层*/
    margin-left: 88%;/*置于右边*/
}
#ChanPinZhongXin-JianTou-Img2 { /*右移箭头*/
    transform: translateY(-50%) rotateY(180deg);/*上移50%，旋转180度*/
}
/*产品中心*/

/*新闻中心*/
#XinWenZhongXin { /*新闻中心最外层*/
    width: 100%;
    overflow: hidden;/*超出部分隐藏*/
}
#XinWenZhongXin-NeiRong-All { /*新闻中心全部内容*/
    position: relative;/*相对布局*/
    margin-bottom: 2rem;/*下边距*/
}
#XinWenZhongXin-NeiRong { /*新闻中心内容*/
    width: 300%;
    position: relative;/*相对布局*/
}
#XinWenZhongXin-NeiRong .XinWen { /*新闻区块*/
    width: 25.3333%;
    border-radius: 1rem;/*产生圆角*/
    box-shadow: 0 0 5px #7f7f7f;/*阴影效果*/
    display: inline-block;/*水平排列*/
    position:relative;/*相对布局*/
    vertical-align: top;/*顶部对齐*/
    margin: 0 4% 0 4%;/*设置同级别间隔*/
}
.XinWen-Img{ /*新闻图片*/
    width: 100%;
    height: auto;
    border-radius: 1rem 1rem 0 0;/*产生圆角*/
}
.XinWen-Title { /*新闻标题*/
    display: -webkit-box;/*有超出部分时，用...代替*/
    -webkit-box-orient: vertical;/*有超出部分时，用...代替*/
    -webkit-line-clamp: 2;/*最多显示两行*/
    overflow: hidden;/*超出两行的部分隐藏*/
    margin: 5px 10px 0 10px;/*设置同级别间隔*/
}
.XinWen-Time { /*新闻时间*/
    margin: 5px 10px 5px 10px;/*设置同级别间隔*/
    color: #7f7f7f;/*字体颜色*/
}
.XinWen-Text { /*新闻简介*/
    margin: 0 10px 5px 10px;/*设置同级别间隔*/
    font-size: 0.9em;/*字体大小*/
    word-break: break-all;/*字体对齐*/
    display: -webkit-box;/*有超出部分时，用...代替*/
    -webkit-box-orient: vertical;/*有超出部分时，用...代替*/
    -webkit-line-clamp: 4;/*最多显示四行*/
    overflow: hidden;/*超出四行的部分隐藏*/
}
.XinWen-More { /*更多超链接*/
    margin-right: 10px;/*设置同级别间隔*/
    margin-bottom: 1.5rem;/*设置同级别间隔*/
    display: block;/*转为块元素*/
    text-align: right;/*文字右对齐*/
    font-size: 0.9em;/*字体大小*/
    word-break: break-all;/*字体对齐*/
    font-weight: bold;/*加粗字体*/
    color: #146C06;/*字体颜色*/
    text-decoration:none;/*去除下划线*/
}
.C-XinWenZhongXin-JianTou { /*新闻中心箭头部分*/
    height: 100%;
    width: 12%;
    position: absolute;/*绝对定位*/
    transform: translateY(-100%);/*上移100%*/
}
.C-XinWenZhongXin-JianTou-Img { /*新闻中心箭头的图标*/
    width: 100%;
    position: absolute;/*绝对定位*/
    top: 50%;/*距离顶部50%*/
    transform: translateY(-50%);/*上移50%*/
}
#XinWenZhongXin-JianTou-Div2 { /*右箭头外层*/
    margin-left: 88%;/*置于右边*/
}
#XinWenZhongXin-JianTou-Img2 { /*右移箭头*/
    transform: translateY(-50%) rotateY(180deg);/*上移50%，旋转180度*/
}
/*新闻中心*/

/*合作伙伴*/
#HeZuoHuoBan { /*合作伙伴最外层*/
    width: 100%;
    background-color: #F6F6F6;/*设置背景颜色*/
}
#HeZuoHuoBan-NeiRong { /*合作伙伴内容*/
    padding-bottom: 2.5rem;/*距离内边框*/
}
#XiaoShouHuoBan { /*合作伙伴最外层*/
    width: 100%;

}
#XiaoShouHuoBan-NeiRong { /*合作伙伴内容*/
    padding-bottom: 2.5rem;/*距离内边框*/
}
.HeZuo-Hang { /*每一行合作伙伴*/
    width: 100%;
    text-align: center;/*每一个合作伙伴居中*/
}
.HeZuo-One { /*每一个合作伙伴*/
    width: 22.6666%;
    margin: 0 2% 0 2%;/*设置同级别间隔*/
    display: inline-block;/*水平排列*/
}
.HeZuo-Logo { /*每一个合作伙伴的LOGO*/
    max-width: 100%;
}
.HeZuo-Name { /*每一个合作伙伴的名称*/
    height: 20px;
}
.HeZuo-Name p{
    text-align: center;/*字体居中*/
    font-size: 12px;/*字体大小*/
    font-weight: bold;/*加粗字体*/
    white-space: nowrap;/*始终显示一行*/
    margin: 0;
    display: inline;
}
    /*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-最下信息*/