@charset "utf-8";

/*==========@@HTML默认 始====@@==========*/

/*基本*/

* {

    padding: 0px;

    margin: 0px

}



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset,

legend, input, button, textarea, p, blockquote, th, td {

    margin: 0;

    padding: 0;

}



body {

    color: #000;

    margin: 0px auto;

    font-family: "Arial", "Microsoft YaHei";

    font-size: 14px;

    background: #f9f9f9;

}



div {

    margin: 0;

    padding: 0;

    border: 0;

}



img {

    margin: 0;

    padding: 0;

    border: 0;

}



p {

    margin: 0px;

    line-height: 1.8em

}



b, strong {

    font-weight: bold;

}



/* 表格样式 */

table {

    width: 100%; /* 表格宽度设置为100% */

    border-collapse: collapse; /* 边框合并为一个单一的边框 */

}



/* 表格边框样式 */

table, th, td {

    border: 1px solid #dedede; /* 设置边框为1px黑色实线 */

}



/* 表头样式 */

th {

    background-color: #f2f2f2; /* 设置背景色 */

    color: black; /* 设置文字颜色 */

    padding: 8px; /* 设置内边距 */

    text-align: left; /* 文本左对齐 */

}



/* 表格单元格样式 */

td {

    padding: 8px; /* 设置内边距 */

    text-align: left; /* 文本左对齐 */

}



/* 鼠标悬停在表格行上的样式 */

tr:hover {

    background-color: #f6f6f6; /* 鼠标悬停时改变背景色 */

}



li {

    list-style: none outside none;

}



/*链接*/

a {

    text-decoration: none;

    color: #626262;

    background: transparent;

    outline: none

}



a:visited {

    color: #fff;

}


a:focus {

    outline: none;

}



a:hover {

    color: #000;

}

/* 生物技术与健康文章区域的"更多"链接保持颜色不变 */
.who-choose-us-title .more:hover {
    color: inherit;
    color: #2e7d32;

}



a:active {

    outline: none;

}



/*标题*/

h1 {

    font-size: 1.3em;

    margin: 0;

}



h2 {

    font-size: 1.2em;

    margin: 0;

}



h3 {

    font-size: 1.17em;

    margin: 0;

}



h4 {

    font-size: 1em;

    margin: 0;

}



h5 {

    font-size: 0.83em;

    margin: 0;

}



h6 {

    font-size: 0.67em;

    margin: 0;

}



/*表单*/

/*form {margin: 0;}*/

/*button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }*/

/*button,select {text-transform: none;}*/

/*input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}*/

/*textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}*/



/*其它*/

blockquote {

    margin: 1em 40px;

}



dfn {

    font-style: italic;

}



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

}



code, kbd, pre, samp {

    font-size: 1em;

}



pre {

    margin: 1em 0;

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word;

}



small {

    font-size: 80%;

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/

}



sup {

    top: -0.5em;

}



sub {

    bottom: -0.25em;

}



dl {

    margin: 1em 0;

}



dd {

    margin: 0 0 0 40px;

}



/*==========@@HTML默认  结束@@==========*/





/*==========@@元件 始@@==========*/

/*常用颜色*/

.blue {

    color: #00F !important;

}



.green {

    color: #0F0 !important;

}



.red {

    color: #F00 !important;

}



.black {

    color: #000000 !important;

}



.white {

    color: #FFFFFF !important;

}



.gray {

    color: gray;

!important;

}



.purple {

    color: purple;

!important;

}



/*浮动*/

.clear {

    display: block;

    clear: both;

    height: 3px;

    overflow: hidden;

    line-height: 3px;

}



.float_left {

    float: left;

}



.float_right {

    float: right;

}



/*对齐方式*/

.left {

    text-align: left

}



.right {

    text-align: right

}



.center {

    text-align: center

}



/*按钮*/

.btn {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    display: -moz-inline-stack;

    display: inline-block;

    *display: inline;

    vertical-align: middle;

    *vertical-align: auto;

    zoom: 1;

    height: 32px;

    line-height: 32px;

    padding: 0px 20px;

    font-weight: 300;

    font-size: 14px;

    margin: 0;

    text-decoration: none;

    text-align: center;

    text-indent: 0;

    cursor: pointer;

    border: 1px solid #d4d4d4;

    color: #666666;

}



/*默认样式*/

.btn {

    background-color: #2b2b2b;

    color: #fff;

}



.btn:hover {

    background-color: #000;

    color: #fff;

}



.btn:active {

    background: #000;

    color: #FFF;

}



/*按钮大小*/

.btn-large {

    font-size: 19px;

    height: 38.4px;

    line-height: 38.4px;

    padding: 0px 26px;

}



.btn-small {

    font-size: 12px;

    height: 25.6px;

    line-height: 25.6px;

    padding: 0px 16px;

}



.btn-tiny {

    font-size: 12px;

    height: 22.4px;

    line-height: 22.4px;

    padding: 0px 13px;

}



/*块按*/

.btn-block {

    display: block;

}



/*表单*/

.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover {

    border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;

    border-width: 1px;

    height: 20px;

    line-height: 20px;

    clip: rect;

    padding: 2px;
}



.form_text {

    width: 95%;

    background-position: 0px 0px;

}



.form_text:hover {

    background-position: 0px -37px;

}



.form_text_verifycode {

    width: 50px;

    margin-right: 3px;

    background-position: 0px 0px;

}



.form_text_verifycode:hover {

    background-position: 0px -37px;

}



.form_radio {

    width: auto;

    border: 0;

}



.form_checkbox {

    width: auto;

    border: 0

}



.form_select {

    height: 25px;

}



.form_textarea {

    width: 95%;

    height: 80px;

    border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;

    border-width: 1px;

    padding: 2px;

}



.form_button {

    width: auto;

    vertical-align: middle;

    border: 0 none; /*解决ie焦点是有黑色边框*/

}



input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {

    border: none;

    padding: 0;

}



.required {

    color: red;

    font-weight: bold;

    text-align: left;

    padding-left: 3px;

}



/*其它*/

.hide {

    display: none;

}



/*隐藏*/

.code_image {

    cursor: pointer;

    padding-bottom: 6px;

}



/*验证码图片样*/



/*频道*/

.ChannelContent {

    line-height: 2.0em;

    font-size: 14px;

    color: #6a6a6a;

}



.ChannelSContent, .ChannelSContent p {

    line-height: 1.8em

}



.ChannelContent a {

    color: #ff9d02

}



.ChannelSContent {

    color: #FFF;

    line-height: 25px;

    height: 200px;

    overflow: hidden;

    margin-bottom: 10px;

}



.ChannelSContent a {

    color: #ff9d02

}



.ChannelSContent img, .InfoContent img {

    max-width: 100%

}



.ChannelAlbum {

    overflow: hidden;

}



/*信息*/

.InfoTitle {

    font-weight: normal;

    text-align: center;

    vertical-align: middle;

    padding: 5px 0px

}



.InfoTitle h1 {

    font-size: 28px;

    line-height: 1.5em;

    font-weight: normal;

    /* color: #444; */

}



.InfoTime {

    color: #999;

    text-align: left;

    padding: 2px 0px;

    height: 25px

}



.InfoContent, .InfoContent p {

    line-height: 2.0em;

    font-size: 16px;

    padding: 10px 0;

    color: #6a6a6a;

}



.InfoAttachment {

    padding: 10px 0px;

    text-align: center;

    width: 81px;

    margin: 0 auto;

}



.InfoPicture {

    text-align: center;

}



.InfoPicture img {

    width: 100%;

    height: 192px;

    max-width: 100%

}



.info_from_wrap {

    padding: 0 10px;

    text-align: center;

    color: #999;

    border: 0px dashed #ccc;

    line-height: 30px;

    margin-bottom: 5px;

}



.info_from_wrap a {

    color: #999;

}



.info_from_wrap a:hover {

    color: #555;

}



#ReadLevelTip {

    font-weight: bold;

    color: red;

}



.Tag {

    text-align: left;

    font-weight: bold;

}



.Tag a {

    padding: 0 3px;

    font-weight: normal;

    text-decoration: none;

}



.info_previous_next_wrap {

    background: #F0F0F0;

    padding: 5px;

    border: 1px solid #E3E3E3;

    color: #333;

    line-height: 1.8em;

}



.Next {

    display: inline-block;

    float: right;

    padding-right: 50px

}



.Previous {

    display: inline-block;

    padding-left: 50px

}



/*==========@@元件 结束@@==========*/



/*==========@@模块  始@@==========*/

/*主体左侧样式*/

.left_title {

    height: 39px;

    line-height: 39px;

    border-bottom: 1px solid #01673A;

}



.left_title h2 {

    font-size: 16px;

    color: #01673A;

}



.left_body {

    overflow: hidden;

    zoom: 1;

    color: #01673A;

    padding: 10px 10px 5px;

    border-top: 0;

    border-bottom: 0px

}



.left_bottom {

    height: 15px;

    margin-bottom: 5px;

}



/*样式1*/

.left_title1 {

    text-align: center;

    overflow: hidden;

    margin-bottom: 25px;

}



.left_title1 p {

    color: #888;

    font-size: 14px;

}



.left_title1 h2 a {

    line-height: 40px;

    font-size: 30px;

    font-weight: normal;

    color: #000;

}



.left_title1 h2.ChannelName {

    margin-top: 198px;

}



.left_title1 i {

    display: block;

    width: 40px;

    height: 2px;

    background: #2b2b2b;

    margin: 0 auto;

    margin-top: 10px;

}



.left_body1 {

    overflow: hidden;

    zoom: 1;

}



.left_body1 .ChannelContent {

    margin: 0 30px;

    text-align: center;

    color: #888;

    font-size: 14px;

}



.left_body1 .ChannelPicture {

    float: left;

    overflow: hidden;

}



.left_body1 .More {

    width: 130px;

    height: 40px;

    margin: 0 auto;

    text-align: center;

    border: 1px solid #ccc;

    line-height: 40px;

    margin-top: 40px;

    transition: 0.5s;

}



.left_body1 .More:hover {

    background: #333;

    color: #FFF;

}



.left_bottom1 {

    height: 0px;

    margin-bottom: 0px;

}



/*主体右侧*/

/*样式1*/

.right_title {

}



.right_title h2 {

    font-size: 26px;

    font-weight: normal;

    text-align: center;

    padding: 15px 0;

    color: #333;

}



.right_title h2 img {

    margin: 0 10px;

    display: none;

}



.right_body {

    padding: 5px 0px;

    overflow: hidden;

    zoom: 1;

    border-top: 0;

    border-bottom: 0

}



.right_bottom {

}



/*==========@@模块  结束@@==========*/



/*==========@@频道布局  始@@==========*/

/*模型body*/

.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook {

}



.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback {

    width: 1200px;

    margin: 5px auto;

}



#top, #logo, #announcement, #link, #copyright, #bottom, #floor_1, #floor_2 /*,#floor_3*/, #floor_4, #floor_5 {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    border: 0px dashed red;

}



#left {

    float: left;

    width: 250px;

}



#right {

    float: left;

    width: 1200px;

    border-left: 0px solid #E5E5E5;

    /* padding: 40px 0; */

}



/*===首页 ===*/

#floor_1_main {

    overflow: hidden;

    background: #ffffff;

}



#floor_1 {

    padding: 45px 0px;

}



#floor_2_main {

    overflow: hidden;

    background: #fff;

}



#floor_2 {

    padding: 45px 0px;

}



#floor_3_main {

    margin: 45px 0;

    overflow: hidden;

    background: #f5f5f4;

}



#floor_3_main .ChannelPicture {

    float: left;

    display: block;

    width: 50%;

    height: 688px;

    overflow: hidden;

}



#floor_3 {

    float: left;

    width: 50%;

    height: 688px;

}



#floor_4_main {

    padding: 45px 0;

    background: #FFF;

}



#floor_5_main {

    padding: 45px 0;

    background: #FFF;

}



/*===首页 结束===*/



/*===产品模型 ===*/

.product .info_product_detail_wrap {

    line-height: 2.2em;

}



.product .info_product_detail_wrap b {

    color: #626262;

    font-weight: bold;

}



.product .info_product_detail_wrap table.detail_table {

    width: 100%;

}



.product .info_product_detail_wrap table.detail_table th {

    width: 200px;

}



.product .ProductDescription {

    height: 40px;

    color: 01673 A;

    margin-top: 10px;

    padding-left: 35px;

    line-height: 40px;

    font-size: 16px;

    font-weight: bold;

    display: none;

}



.product .info_product_detail_wrap img {

    width: 216px;

    height: 162px;

    float: left;

    text-align: left;

    margin-right: 10px;

}



.product .InfoTitle {

    font-size: 16px;

    font-weight: bold;

    text-align: center;

    padding: 10px 0px;

}



.product .f2 {

    padding: 5px 0px

}



.product .f1 {

    padding: 5px 0px

}



.product .InfoHit {

    padding: 5px 0px;

    font-weight: bold;

    color: #990000

}



.product .InfoTime {

    padding: 5px 0px;

}



/*===产品模型 结束===*/



/*===招聘频道  ===*/

.job {

}



.joblist {

}



.joblist li {

    overflow: hidden;

}



table.job_table {

    margin: 8px 0px;

    padding: 0px;

    text-align: center;

    width: 100%;

    border-collapse: collapse;

}



table.job_table td {

    padding: 8px 5px;

    border: 1px solid #DADBD6;

}



table.job_table .Requirement {

    text-align: left;

    padding: 8px 5px;

    line-height: 1.5em;

}



table.job_table th {

    color: #333;

    font-weight: bold;

    text-align: center;

    border: 1px solid #DADBD6;

}



table.job_table .t1 {

    font-weight: bold;

    padding: 5px 0;

    width: 20%;

}



table.job_table .t2 {

    text-align: left;

    width: 25%;

}



table.job_table .t3 {

    font-weight: bold;

    width: 25%;

}



table.job_table .t4 {

    text-align: left;

    width: 25%;

}



table.job_table .operation {

    text-align: center;

    margin: 0 auto;

}



/*应聘*/

table.resume_table {

    margin: 3px;

    text-align: center;

    width: 97%;

    border-collapse: collapse;

}



table.resume_table th {

    font-weight: bold;

    text-align: left;

    width: 100px;

}



table.resume_table td {

    text-align: left;

}



table.resume_table .operation {

    text-align: center;

}



table.resume_table #Detail {

    height: 200px;

}



/*===招聘频道  结束===*/



/*===留言频道  ===*/

.guestbook {

}



.guestbooklist {

}



.guestbooklist li {

    padding: 10px;

    border: 1px solid #CCC;

    margin-bottom: 10px;

}



.MessageTitle {

    color: #227BAD;

    line-height: 1.5em;

    font-weight: bold;

}



.MessageContent {

    padding: 5px;

    margin-bottom: 10px;

}



table.guestbook_table {

    width: 98%;

}



table.guestbook_table th {

    width: 100px;

    text-align: left

}



table.guestbook_table td {

    text-align: left

}



table.guestbook_table .operation {

    text-align: center

}



/*管理员回*/

.answer_wrap {

    padding: 5px;

    border-top: 1px dashed #CCC;

    line-height: 1.5em

}



.answer_title {

}



.answer_body {

}



.Administrator {

    text-align: right;

}



.Reply {

    text-align: right;

}



.AnswerTime {

    color: #999

}



/*留言表单*/

.message_title {

    height: 40px;

    padding-left: 35px;

    line-height: 40px;

    font-size: 16px;

    color: #333;

    font-weight: bold;

}



.message_body {

    padding-left: 10px;

    padding-right: 10px;

    color: #626262;

}



.message_bottom {

}



/*===留言频道  结束===*/



/*===反馈频道 ===*/

.feedback {

}



table.feedback_table {

    width: 99%;

    text-align: center;

    margin: 0 auto;

}



table.feedback_table th {

    width: 100px;

    text-align: left;

    font-weight: bold;

}



table.feedback_table td {

    text-align: left;

}



table.feedback_table .operation {

    text-align: center

}



/*===反馈频道 结束===*/

/*==========@@频道布局  结束@@==========*/





/*==========@@公共板块  始@@==========*/

/* 顶部 */

#top_main {

    height: 50px;

    background: #f7f7f7;

}



#top {

    height:50px;

    display:flex;

    align-items:center; 

    justify-content: space-between;

}



#top_1 {

    float: left;

    text-align: left;

}



#top_2 {

    float: right;

    text-align: right;

}



#top .MobileEdition {

    font-weight: bold;

    color: red;

}



#top a {

    color: #666;

}



#top a:hover {

    color: #000;

    text-decoration: none

}



/*Logo*/

#logo_main {

    background: #FFF;

    font-size: 16px;

    color: #808080;

}



#logo_main:hover {

    color: #4caf50;

}



#logo {
    overflow: initial;
    margin-top: 10px;
    height: 80px;
    padding-top: 10px;
}



#logo:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

}



#logo .WebLogo {

    float: left;

}



#logo .WebLogo img {

    height: 75px;

    display: block;

}



#logo .Language {

    width: 500px;

    float: right;

    padding: 10px;

}



#logo .Language .MobileEdition {

    font-weight: bold;

    color: red;

}



#logo .Member {

    width: 500px;

    height: 35px;

    line-height: 35px;

    float: right;

    text-align: right;

    font-weight: bold;

}



#logo .Member .MemberName, #logo_main .Member .MemberGroupName {

    color: #F30

}



/*导航*/

#navigation_main {

    background: #ff7e46;

}



#navigation {

    float: right;

    height: 75px;

}



#navigation ul.navigationlist:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

}



#navigation ul.navigationlist li {

    float: left;

    position: relative;

    text-align: center;

    width: 130px;

    height: 75px;

    line-height: 75px;

}



#navigation ul.navigationlist li a {

    display: inline-block;

    width: 100%;

    height: 40px;

    line-height: 40px;

    margin-top: 16px;

    font-size: 16px;

    font-weight: normal;

    color: #808080;

    border: 0px dashed red;

    border-radius: 3px;

    transition-duration: .2s;

    -webkit-transition-duration: .2s;

}



#navigation ul.navigationlist li a:hover {

    text-decoration: none;

    color: #4caf50;

    font-weight: bold;

    /* border-bottom: 2px solid #4caf50; */

    border-radius: 0;

}



#navigation ul.navigationlist .current {

    /* background: #2b2b2b; */

    color: #4caf50;

    font-weight: bold;

    /* border-bottom: 2px solid #2b2b2b; */

}



#navigation ul.navigationlist .current:hover {

    color: #4caf50;

    /* border-bottom: 2px solid #4caf50; */

}

/*导航栏下*/
#navigation ul.subnavigationlist {
    display: none;
    position: absolute;
    width: 98.5vw;
    left: -53.8vw;
    top: 75px;
    background: #FFF;
    z-index: 100;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    align-items: center;
    justify-content: center;
}

#navigation ul.subnavigationlist li {
    min-width: 140px;
    text-align: center;
}

#navigation ul.subnavigationlist li a {
    /*white-space: nowrap;*/
    font-weight: normal;
    color: #333;
    line-height: 20px;
    height: auto;
    font-size: 15px;
    padding: 10px 0;
    /* border-bottom: 1px solid #eee; */
    margin: 0;
    text-align: center;
}

#navigation ul.subnavigationlist li a:hover {
    /* border-bottom: 1px solid #2b2b2b; */
}


/*公告*/

#announcement {

    margin-top: 5px;

    height: 35px;

    line-height: 35px;

    background-color: #f0f0f0;

    color: #0B3B7D;

}



#announcement .announcement_title {

    float: left;

    font-weight: bold;

    text-indent: 35px;

    background: url(../images/announcement_title.gif) no-repeat 8px center;

    width: 150px;

}



#announcement .announcement_body {

    float: left;

    width: 750px;

}



#announcement .announcement_bottom {

    float: right;

    width: 100px;

}



.announcementlist {

}



.announcementlist li {

    line-height: 35px;

}

/* 自定义轮播图专属样式 */
    .custom-banner-wrapper {
        width: 99.5vw;
        height: 703px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }

    .custom-banner-container {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .custom-banner-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }

    .custom-banner-slide.active {
        opacity: 1;
    }

    .custom-banner-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .custom-banner-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        border-radius: 50%;
        font-size: 24px;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s;
    }

    .custom-banner-btn:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .custom-banner-btn-prev {
        left: 20px;
    }

    .custom-banner-btn-next {
        right: 20px;
    }

    .custom-banner-dots {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 10px;
        z-index: 10;
    }

    .custom-banner-dot {
        width: 44px;
        height: 11px;
        border-radius: 20px;
        background-color: rgba(91,90,89,0.8);
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .custom-banner-dot.active {
        background-color: rgba(129,200,88,1);
    }

    /* 轮播图标题样式 */
    .custom-banner-content {
        position: absolute;
        top: 30%;
        left: 10%;
        z-index: 5;
        text-align: left;
    }

    .custom-banner-title {
        width: 868px;
        height: 100px;
        line-height: 50px;
        color: rgba(255,255,255,1);
        font-size: 36px;
        text-align: left;
        margin-bottom: 20px;
        font-weight: bold;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    }

    .custom-banner-subtitle {
        width: 523px;
        height: 34px;
        line-height: 34px;
        color: rgba(255,255,255,1);
        font-size: 24px;
        text-align: left;
        font-family: PingFangSC-regular, Arial, sans-serif;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
        margin-bottom: 50px;
    }

    .custom-banner-btn-learn-more {
        display: inline-block;
        width: 200px;
        height: 56px;
        line-height: 25px;
        border-radius: 5px;
        background-color: rgba(47,125,50,1);
        color: #fff;
        font-size: 18px;
        text-align: center;
        font-family: PingFangSC-regular, Arial, sans-serif;
        text-decoration: none;
        padding: 15.5px 0;
        box-sizing: border-box;
        transition: background-color 0.3s, transform 0.3s;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    }

    .custom-banner-btn-learn-more:hover {
        background-color: rgba(37,105,40,1);
        transform: translateY(-2px);
    }

/*Js幻灯片样*/

#banner_main {

    position: relative;

    border: 0px solid blue;

    width: 100%;

    margin: 0;

    padding: 0;

}



#banner {

    border: 0px solid red;

    overflow: hidden;

    width: 100%;

    margin: 0;

    padding: 0;

}



.bannerlist {

}



.bannerlist li {
    text-align: center;
    border: 0px dashed red;
    overflow: hidden;
    display: none;
}

.bannerlist li.active {
    display: block;
}



.bannerlist li img {

    margin: 0 auto;

    display: block;

}



#banner_main .hd {

    width: 100%;

    position: relative;

    bottom: 35px;

    left: 0;

    height: 0px;

    line-height: 5px;

    text-align: center;

    border: 0px solid red;

}



#banner_main .hd ul li {

    cursor: pointer;

    display: inline-block;

    *display: inline;

    zoom: 1;

    width: 15px;

    height: 6px;

    background: #fff;

    margin-right: 15px;

    overflow: hidden;

    font-size: 0px;

}



#banner_main .hd ul li.on {
    background: #4caf50;
    color: #fff;
    border: 1px solid #4caf50;
}


#banner .prev, #banner .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}


#banner .prev {
    left: 20px;
}


#banner .next {
    right: 20px;
}


#banner .prev:hover, #banner .next:hover {
    background: rgba(76, 175, 80, 0.8);
}



/*Flash幻灯片样*/

/*#banner_main {border:0px solid blue; }

#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */



/*当前位置*/

#location_main {

}



#location {

    display: none;

    color: #01673A;

    float: right;

    padding-right: 8px;

}



#location a {

    color: #01673A;

}



/*子频道列*/

#subchannel_main {

}



#subchannel {

    margin-bottom: 20px;

}



.subchannellist {

    text-align: center;

}



.subchannellist li {

    display: inline-block;

}



.subchannellist li a {

    display: inline-block;

    /* padding: 8px 20px; */

    margin: 0 5px;

    /* color: #666; */

    font-size: 16px;

    border-radius: 3px;

    transition-duration: .2s;

}



.subchannellist li a:hover {

    color: #FFF;

    text-decoration: none;

    /* background-color: #2b2b2b; */

}



.subchannellist #current a {

    color: #FFF;

    text-decoration: none;

    /* background-color: #2b2b2b; */

}



.subchannellist .depth1 {

    font-weight: normal;
    width: 100%;
}



.subchannellist .depth2 {

    font-size: 14px;

    text-indent: 1.5em;

    background: none;

}



.subchannellist .depth2 a {

    border: none;

}



.subchannellist .depth3 {

    font-size: 14px;

    text-indent: 3em

}



.subchannellist .depth4 {

    font-size: 14px;

    text-indent: 4.5em

}



.subchannellist .depth5 {

    font-size: 14px;

    text-indent: 6em

}



.subchannellist .depth6 {

    font-size: 14px;

    text-indent: 7.5em

}



/*搜索 */

table.search_table {

    width: 99%;

    text-align: center;

}



table.search_table th {

    vertical-align: middle;

    text-align: center;

    padding: 0px 3px;

}



table.search_table td {

    vertical-align: middle;

    width: 60px;

    padding: 0px 3px;

}



/*联系我们*/

.contact_wrap {

    line-height: 1.8em;

    color: #444;

}



.contact_wrap b {

    font-weight: normal;

}



.contact_wrap .WebUrl {

    color: #F00

}



/*公共百度地图*/

#Map {

    overflow: hidden;

    width: 100%;

}



#Map .MapInfo {

    float: left;

    border: 1px dashed #ccc;

    padding: 8px;

}



#Map .MapInfo #MapContainer {

    width: 870px;

    height: 380px;

}



#Map .ContactInfo {

    width: 300px;

    float: right;

    line-height: 2.7em;

}



#Map .ContactInfo .Company {

    font-size: 24px;

    margin-bottom: 8px;

}



#Map .ContactInfo img {

    width: 18px;

    vertical-align: middle;

    margin-right: 8px;

}



/*订购*/

.order {

    margin: 0px auto

}



.order .WantOrder h1 {

    border-bottom: 1px dotted #999999;

    padding: 5px 0px;

}



.order .f1 {

    float: right;

    color: red;

}



table.order_table {

    width: 98%;

}



table.order_table th {

    width: 100px;

    text-align: left;

}



table.order_table td {

    text-align: left

}



table.order_table .operation {

    text-align: center

}



/* 友情链接 */

#link_main {

    padding: 15px 0;

    background: #fff;

    display: none;

}



#link {

    padding: 0;

    border: 1px solid #D6D6D6;

}



.link_title {

    line-height: 59px;

    height: 59px;

    color: #fff;

}



.link_title h2 {

    font-size: 24px;

    color: #333;

    font-weight: normal;

    text-indent: 15px;

}



.link_body {

    color: #000;

    border-top: 0px;

    border-bottom: 0px;

}



.link_bottom {

}



/*图片链接列表*/

.linkpiclist {

    overflow: auto;

    zoom: 1;

}



.linkpiclist li {

    float: left;

    padding: 1px 5px;

    text-align: center;

    width: 112px;

}



.linkpiclist li img {

    width: 86px;

    height: 30px;

    padding: 2px;

    border: 1px solid #eee;

}



.linkpiclist li a:hover img {

    border: 1px solid #c11b33;

}



/*文字链接列表*/

.linktextlist {

    overflow: hidden;

    zoom: 1;

    padding: 8px 0 8px 0;

}



.linktextlist li {

    float: left;

    text-align: center;

    padding: 1px 15px;

    overflow: hidden;

    white-space: nowrap;

}



.linktextlist li a {

    line-height: 22px;

    color: #666;

}



.linktextlist li a:hover {

    line-height: 22px;

    color: #c11b33;

}



/*底部区域*/

#bottom_main {

    background-color: #f3f3f3;

    padding: 40px 0;

    color: #fff;

}



#bottom {

}



#bottom_1 {

    float: left;

    width: 66%;

}



.bottom_navigation {

    overflow: hidden;

    float: left;

}



.bottom_navigation li {

    float: left;

    width: 120px;

    margin-right: 15px;

    overflow: hidden;

}



.bottom_navigation li a {

    display: block;

    text-align: left;

    font-size: 18px;

    margin-bottom: 10px;

    color: #fff;

}



.bottom_navigation li a:hover {

    color: #666;

}



.bottom_navigation .subnavigationlist1 li {

    float: none;

    padding: 0;

    line-height: 28px;

    display: block;

}



.bottom_navigation .subnavigationlist1 li a {

    color: #444;

    display: block;

    line-height: 30px;

    font-weight: normal;

    padding: 0;

    margin: 0;

    font-size: 13px;

    text-align: left;

}



.bottom_navigation .subnavigationlist1 li a:hover {

    color: #666;

}



#bottom_2 {

    float: right;

    width: 34%;

}



#bottom_2 .WeChat img {

    float: left;

    width: 102px;

    padding: 20px 30px 0 0;

}



#bottom_2 .bdsharebuttonbox .LShare {

    display: block;

    line-height: 24px;

    height: 24px;

    cursor: pointer;

    margin: 6px 6px 6px 0;

    font-size: 16px;

    color: #f0f0f0;

}



.bdshare-button-style0-24 {

    padding-top: 30px;

}



/* 版权信息 */

#copyright_main {

    color: #999;

    background-color: #FFF;

}



#copyright {

    line-height: 40px;

}



#copyright a {

    color: #999;

    text-decoration: none;

}



#copyright a:hover {

    color: #666;

    text-decoration: none;

}



#copyright .bottom_info {

    text-align: center;

    padding-top: 5px;

    padding-right: 10px;

    line-height: 20px;

}



#copyright .TechnicalSupport {

    float: right;

    margin: 0

}



/*分页样式*/

.page {

    padding: 10px 0px 0px 1px;

    float: right;

    clear: both;

}



.page a, .page span {

    float: left;

    display: block;

    border: 1px solid #D3D1D1;

    padding: 2px 5px;

    margin-left: 4px;

    line-height: 22px;

}



.page a:link, .page a:visited {

    text-decoration: none;

}



.page a:hover {

    background: #2b2b2b;

    color: #FFF;

}



.page .current {

    background: #2b2b2b;

    color: #FFF;

}



.page #total {

    color: red

}



/*会员*/

/*会员登录*/

table.login_table {

    width: 40%;

    text-align: center;

    margin: 0 auto;

}



table.login_table th {

    width: 100px;

    text-align: left;

    font-weight: bold;

}



table.login_table td {

    text-align: left;

}



table.login_table .operation {

    text-align: center

}



table.login_table .quick_login td {

    text-align: left;

    padding: 10px 0;

}



table.login_table .quick_login td img {

    margin-right: 8px;

    float: left;

}



/*会员注册*/

table.reg_table {

    width: 40%;

    text-align: center;

    margin: 0 auto;

}



table.reg_table th {

    width: 140px;

    text-align: left;

    font-weight: bold;

}



table.reg_table td {

    text-align: left;

}



table.reg_table .operation {

    text-align: center

}



table.reg_table .MemberCode {

    text-align: left;

    width: 70px;

}



table.reg_table #SmsCode {

    width: 50px;

}



/*忘记密码 第一*/

table.forget_table1 {

    width: 40%;

    text-align: center;

    margin: 0 auto;

}



table.forget_table1 th {

    width: 100px;

    text-align: left;

    font-weight: bold;

}



table.forget_table1 td {

    text-align: left;

}



table.forget_table1 .operation {

    text-align: center

}



/*忘记密码 第二*/

table.forget_table2 {

    width: 40%;

    text-align: center;

    margin: 0 auto;

}



table.forget_table2 th {

    width: 100px;

    text-align: left;

    font-weight: bold;

}



table.forget_table2 td {

    text-align: left

}



table.forget_table2 .operation {

    text-align: center

}



table.forget_table2 #SmsCode {

    width: 60px;

}



table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay {

    padding: 3px 0;

}



/*网站地图列表*/

.maplist {

}



.maplist li {

    padding: 1px;

}



.maplist li a {

    background: #d1e8fc;

    line-height: 25px;

    display: block;

    padding: 0 20px;

    border: 0px solid #A6CC93;

}



.maplist li a:hover {

    text-decoration: none;

    background: #FFF;

}



.maplist .depth1 {

    font-weight: bold;

    text-indent: 0px;

    font-weight: bold

}



.maplist .depth2 {

    text-indent: 2em

}



.maplist .depth3 {

    text-indent: 4em

}



.maplist .depth4 {

    text-indent: 6em

}



.maplist .depth5 {

    text-indent: 8em

}



.maplist .depth6 {

    text-indent: 10em

}



/*==========@@公共板块  结束@@==========*/





/*==========@@通用列表 始@@==========*/

/*文字列表*/

.textlist {

}



.textlist li {

    line-height: 28px;

    height: 28px;

    text-indent: 8px;

    background: url(../images/textlist.gif) no-repeat 0 center;

    overflow: hidden;

    width: 100%; /*解决ie6bug*/

}



.textlist li a {

}



.textlist li .InfoTime {

    float: right;

}



/*文字列表1*/

.textlist1 {

    overflow: hidden;

    width: 680px;

    margin: 20px auto;

}



.textlist1 li {

    float: left;

}



.textlist1 li a {

    display: block;

    float: left;

    width: 120px;

    height: 40px;

    margin: 0 25px;

    background: #FFF;

    color: #666;

    text-align: center;

    line-height: 40px;

    transition: 0.5s;

}



.textlist1 li a:hover {

    background: #2b2b2b;

    color: #FFF;

}



/*带缩略图文字列表*/

.thumblist {

}



.thumblist li {

    overflow: hidden;


    border-top: 1px solid #eee;

    background: #fff;

    border-radius: 20px;

    background-color: rgba(255,255,255,1);

    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    margin-bottom: 30px;

}



.thumblist li:first-child {

    border: 0;

}



.thumblist li .InfoPicture {

    position: relative;

    float: left;

    width: 387px;
    height: 242px;

    border-radius: 20px 0 0 20px;

    text-align: center;

}



.thumblist li .InfoPicture img {

    height: 100%;

}



.thumblist li .info_wrap {

    position: relative;

    float: right;

    width: 750px;

    margin-right: 20px;

    height: 202px;

    padding: 20px 0;

    display: flex; 

    flex-direction: column;

}



.thumblist li .InfoTitle {

    display: block;

    font-size: 18px;

    padding: 0 0 10px;

    color: #555;

    text-align: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.thumblist li p {

    font-size: 13px;

    color: #6a6a6a;

    line-height: 22px;

}



.thumblist li .InfoTime {

    position: absolute;

    display: block;

    left: 0;

    bottom: 0;

    text-align: left;

    padding: 0;

    font-size: 18px;

    color: #c8c8c8;

}




/*带缩略图文字列表2*/

.thumblist2 {

    overflow: hidden;

}



.thumblist2 li {

    width: 568px;

    height: 120px;

    overflow: hidden;

    margin: 10px 0;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.thumblist2 li.n0 {

    float: left;

}



.thumblist2 li.n1 {

    float: right;

}



.thumblist2 li a {

    display: block;

    position: relative;

}



.thumblist2 li a:before {

    content: "";

    display: block;

    height: 0;

    clear: both;

}



.thumblist2 li a .InfoWrap {

    float: right;

    width: 366px;

    padding: 0 10px;

}



.thumblist2 li a .InfoTime {

    position: absolute;

    left: 0;

    top: 0;

    width: 160px;

    height: 106px;

    padding: 14px 0 0;

    background-color: #FFF;

    z-index: 1;

    text-align: center;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.thumblist2 li a .InfoTime:before {

    content: "";

    display: block;

    position: absolute;

    height: 80px;

    width: 1px;

    background: #eee;

    top: 50%;

    margin-top: -40px;

    right: 0;

}



.thumblist2 li a .InfoTime .d {

    font-size: 60px;

}



.thumblist2 li a .InfoPicture {

    position: absolute;

    left: 0;

    top: 120px;

    width: 160px;

    height: 120px;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.thumblist2 li img {

    display: block;

    width: 100%;

}



.thumblist2 li a .InfoWrap span {

    font-size: 17px;

    color: #575757;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    text-align: left;

    padding: 22px 0 13px 0;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.thumblist2 li a .InfoWrap p {

    font-style: 13px;

    color: #999;

    line-height: 1.7em;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.thumblist2 li:hover {

    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .1);

}



.thumblist2 li:hover .InfoTime {

    top: -120px;

}



.thumblist2 li:hover .InfoPicture {

    top: 0;

    z-index: 9;

}



.thumblist2 li:hover .InfoWrap span {

    padding: 25px 0 5px;

}



/*橱窗列表*/

.gridlist {

    margin-top: 5px;

}



.gridlist:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

}



.gridlist li {

    float: left;

    width: 25%;

}



.gridlist li a {

    display: block;

    padding: 10px;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.gridlist li .InfoPicture {

    background: #eee;

}



.gridlist li img {

    display: block;

    width: 100%;

}



.gridlist li .InfoTitle {

    text-align: center;

    padding: 10px;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.gridlist li a:hover {

    transform: translateY(-5px);

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);

}



/*橱窗列表1*/

.gridlist1 {

    overflow: hidden;

}



.gridlist1 li {

    float: left;

    position: relative;

    width: 285px;

    margin: 0 10px 20px;

    border-bottom: 1px solid #eee;

    text-align: center;

}



.gridlist1 li a.InfoPicture {

    display: block;

}



.gridlist1 li img {

    width: 100%;

    height: 230px;

    transition: .2s ease 0s;

    -moz-transition: .2s ease 0s;

    -webkit-transition: .2s ease 0s;

}



.gridlist1 li a {

    font-size: 16px;

    color: #333;

    line-height: 40px;

}



.gridlist1 li.n0 {

    margin-left: 0

}



.gridlist1 li.n3 {

    margin-right: 0

}



.gridlist1 li .InfoTitle {

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    background: #fff;

}



.gridlist1 li:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -1px;

    margin: auto;

    width: 0%;

    height: 1px;

    background-color: #2b2b2b;

    transition: .2s ease 0s;

    -moz-transition: .2s ease 0s;

    -webkit-transition: .2s ease 0s;

}



.gridlist1 li img:hover {

    opacity: 0.8;

}



.gridlist1 li:hover:after {

    width: 100%;

}



/*橱窗列表2*/

.gridlist2 {

    overflow: hidden;

}



.gridlist2 li {

    float: left;

    transition: .2s ease 0s;

    -moz-transition: .2s ease 0s;

    -webkit-transition: .2s ease 0s;

}



.gridlist2 li:hover {

    transform: translate3d(0, -5px, 0);

}



.gridlist2 li a.InfoPicture {

    display: block;

}



.gridlist2 .InfoTitle a {

    display: block;

    width: 380px;

    color: #FFF;

    font-weight: bold;

    text-align: left;

    font-size: 18px;

}



.gridlist2 .InfoTitle a:hover {

    color: #eee;

}



.gridlist2 li img {

    width: 380px;

    padding: 10px 0;

}



.gridlist2 li.n2 {

    margin: 0 30px;

}



.gridlist2 li p {

    display: block;

    width: 380px;

    color: #aaa;

}



/*视频列表*/

.videolist {

    margin-top: 5px;

}



.videolist li {

    float: left;

    width: 25%;

    margin-bottom: 10px;

    text-align: center;

    overflow: hidden;

    transition: all .2s linear

}



.videolist li:hover {

    transform: translate3d(0, -4px, 0);

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

}



.videolist li.n0 {

    margin-left: 0;

}



.videolist li img {

    border: 1px solid #fff;

    width: 100%;

    height: 190px

}



.videolist li a {

    display: block;

    position: relative;

    padding: 5px;

}



.videolist li .InfoTitle {

    display: block;

    padding: 10px 0;

}



.videolist li .InfoTitle a {

    white-space: nowrap;

}



.videolist li i {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: url(../images/play.png) center center no-repeat;

    cursor: pointer;

}



/*产品列表*/

.productlist:after {

    content: "";

    display: block;

    height: 0;

    clear: both;

}



.productlist li {

    float: left;

    width: 25%;

}



.productlist li a {

    overflow: hidden;

    position: relative;

    display: block;

    height: 235px;

    border: 1px solid #f5f5f5;

    margin: 5px;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.productlist li .InfoWrap {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 10px 20px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    text-align: left;

    /* background: #FFF; */

    color: #000;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



/* .productlist li .InfoWrap:after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    right: 20px;

    width: 16px;

    height: 16px;

    margin: auto;

    background: url(../images/arrowsRight.png) center no-repeat;

    background-size: 100%;

} */



.productlist li .InfoWrap .InfoTitle {

    text-align: center;

    font-size: 15px;

    padding: 0;

    font-weight: normal;

}



.productlist li .InfoWrap .InfoTitle:hover {

    color: #5cb660;

    cursor: pointer;

}



.productlist li .InfoWrap p {

    font-size: 12px;

    /* color: #999; */

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.productlist li img {

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

}



.productlist li:hover a {

    /* border: 1px solid #2b2b2b; */

}



.productlist li:hover .InfoWrap {

    /* background: #2b2b2b; */

    /* color: #FFF; */

    padding: 15px 20px;

}



.productlist li:hover .InfoWrap:after {

    background: url(../images/arrowsRightClick.png) center no-repeat;

}



.productlist li:hover .InfoWrap p {

    padding: 5px 0;

    color: #eee;

}



.productlist li:hover img {

    -webkit-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}



/*频道相册列表*/

.channelalbumlist {

    overflow: hidden;

}



.channelalbumlist li {

    float: left;

    margin-top: 10px;

}



.channelalbumlist li img {

    display: block;

    width: 290px;

    margin-right: 10px;

}



/*频道相册列表1*/

.channelalbumlist1 {

    overflow: hidden;

}



.channelalbumlist1 li {

    float: left;

    width: 33.333%;

    text-align: left;

    overflow: hidden;

    padding: 12px 0;

}



.channelalbumlist1 li.n3 .info_wrap {
    margin-left: 10px;

}



.channelalbumlist1 li.n1 .info_wrap {

    margin-right: 10px;

}



.channelalbumlist1 li.n2 .info_wrap {

    margin: 0 5px;

}



.channelalbumlist1 li .AlbumTitle {

    font-size: 18px;

    font-weight: normal;

    text-align: left;

    margin: 12px 5px;

    color: #444;

}



.channelalbumlist1 li img {

    width: 100%;

}



.channelalbumlist1 li p {

    font-size: 14px;

    display: block;

    line-height: 26px;

    text-align: left;

    color: #888;

    padding: 0 5px;

}



/*频道相册列表1*/

.channelalbumlist2 {

    overflow: hidden;

}



.channelalbumlist2 li {

    float: left;

}



.channelalbumlist2 li img {

    width: 238px;

    height: 107px;

    border: 1px solid #ddd;

    display: block;

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}



.channelalbumlist2 li img:hover {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}



/*==========@@通用列表  结束@@==========*/

.card-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 8px 20px 4px rgba(0,0,0,0.3);
}

.details-container {
    width: 1200px;
    margin: 60px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.details-card {
    width: 560px;
    height: 640px;
    border-radius: 20px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.4);
    margin-bottom: 40px;
    cursor: pointer;
}

.details-card img {
    width: 100%;
    height: 488px;
    border-radius: 15px 15px 0px 0px;
    background-color: rgba(229,229,229,1);
}

.details-content {
    padding: 30px 20px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.details-left {
    flex: 1;
}

.details-title {
    color: rgba(121,199,87,1);
    font-size: 28px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
}

.details-desc {
    color: rgba(128,128,128,1);
    font-size: 16px;
    text-align: left;
    padding-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.details-btn {
    width: 100px;
    height: 40px;
    line-height: 19px;
    border-radius: 50px;
    background-color: #fff;
    font-weight: bold;
    color: rgba(133,133,133,1);
    font-size: 13px;
    text-align: center;
    font-family: PingFangSC-bold;
    border: 1px solid rgba(47,125,50,1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s;
    cursor: pointer;
}

.details-btn:hover {
    background-color: rgba(47,125,50,1);
    color: rgba(255,255,255,1);
}

.who-choose-us {
    width: 100%;
    height: 600px;
    background-color: rgba(255,255,255,1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto;
}

.who-choose-us-left {
    width: 769px;
    height: 600px;
    margin-right: 40px;
}

.who-choose-us-left img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.who-choose-us-right-wrapper {
    margin-top: 20px;
    height: 100%;
}

.who-choose-us-right-container {
    width: 820px;
    height: 520px;
    overflow-y: auto;
}

.who-choose-us-right {
    width: 780px;
}

.who-choose-us-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
    border-bottom: 2px solid #2f7d32;
    color: #000000;
    padding-bottom: 10px;
}

.who-choose-us-qa {
    margin-bottom: 30px;
    border-bottom: 2px solid #BBBBBB;
    cursor: pointer;
}

.who-choose-us-question {
    font-size: 18px;
    color: rgba(0,0,0,1);
    font-weight: bold;
    margin-bottom: 10px;
}

.who-choose-us-answer {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.who-choose-us-time {
    font-size: 13px;
    color: #79C757;
    font-weight: bold;
    margin: 25px 0 10px 0;
}

.applications-container {
    width: 100%;
    background-color: rgba(255,255,255,1);
    padding: 40px 0;
    margin-bottom: 60px;
}

.applications-title {
    font-size: 20px;
    font-weight: bold;
    color: #81C858;
    margin-bottom: 30px;
    padding-left: 30px;
}

.applications-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 45px;
    padding: 0 40px;
}

.applications-item {
    width: 375px;
    height: 215px;
    background-color: rgba(229,229,229,1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.applications-item:hover {
    transform: scale(1.05);
}

.applications-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.applications-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 23px;
    background-color: rgba(129,200,88,0.5);
    color: rgba(255,255,255,1);
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
}

.single-page-banner {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    width: 98.5vw;
    height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-page-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-page-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.single-page-banner-title {
    position: relative;
    z-index: 1;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 200px 0;
    width: 100%;
    background-color: rgba(102,195,177,0.8);
}

/* 使命和愿景 */
.mission-vision-banner {
    height: 350px;
}

.mission-vision-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: 1150px;
    z-index: 1;
}

.mission-vision-title {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

.mission-vision-text {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.article-list-wrapper {
    width: 1200px;
    margin: 20px auto 0;
}

.article-list-item {
    width: 100%;
    height: 272px;
    border-radius: 20px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    display: flex;
    overflow: hidden;
    margin-bottom: 20px;
}

.article-image {
    width: 387px;
    height: 272px;
    border-radius: 20px 0px 0px 20px;
    background-color: rgba(229,229,229,1);
    flex-shrink: 0;
    overflow: hidden;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-content {
    flex: 1;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-time {
    color: rgba(133,133,133,1);
    font-size: 13px;
    text-align: left;
    margin: 20px 0;
}

.article-title {
    color: rgba(0,0,0,1);
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
}

.article-description {
    color: rgba(0,0,0,1);
    font-size: 18px;
    text-align: left;
    line-height: 1.6;
    margin: 20px 0;
}

.article-read-more-wrapper {
    display: flex;
    justify-content: flex-end;
}

.article-read-more {
    color: rgba(47,125,50,1);
    font-size: 13px;
    text-align: center;
    font-family: PingFangSC;
    text-decoration: none;
    font-weight: 500;
}

.article-view-more-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.article-view-more-btn {
    width: 120px;
    height: 40px;
    line-height: 20px;
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
    color: rgba(133,133,133,1);
    font-size: 14px;
    text-align: center;
    font-family: PingFangSC-regular;
    border: 1px solid rgba(47,125,50,1);
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s;
}

.article-view-more-btn:hover {
    background-color: rgba(47,125,50,1);
    color: rgba(255,255,255,1);
}
}

.hidden-item {
    display: none;
}

.article-detail-wrapper {
    width: 1200px;
    margin: 30px auto 0;
}

.article-detail-title {
    width: 516px;
    height: 43px;
    line-height: 43px;
    color: rgba(92,182,96,1);
    font-size: 30px;
    text-align: center;
    margin: 0 auto;
}

.article-detail-time {
    width: 122px;
    height: 20px;
    line-height: 20px;
    color: rgba(133,133,133,1);
    font-size: 14px;
    text-align: center;
    margin: 10px auto;
}

.article-detail-content {
    margin-top: 30px;
}

.article-detail-text {
    color: rgba(51,51,51,1);
    font-size: 18px;
    text-align: left;
    line-height: 1.8;
    margin-bottom: 20px;
}

.article-detail-image {
    margin: 20px 0;
    text-align: center;
}

.article-detail-image img {
    max-width: 100%;
    height: auto;
}

.about-banner-image {
    width: 1200px;
    height: 500px;
    margin: 30px auto 0;
}

.about-banner-image img {
    width: 100%;
        height: 500px;

    display: block;
}

.about-contact-wrapper {
    width: 1200px;
    margin: 50px auto 30px auto;
    display: flex;
    gap: 50px;
}

.about-contact-form {
    width: 571px;
    height: 553px;
    padding: 20px;
    border-radius: 15px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 18px;
}

.form-item {
    flex: 1;
}

.form-item-full {
    width: 100%;
}

.form-item label,
.form-item-full label {
    display: block;
    margin-bottom: 8px;
    color: rgba(51,51,51,1);
    font-size: 14px;
}

.form-item input,
.form-item-full input,
.form-item-full textarea,
.form-item-full select {
    /* width: 100%; */
    padding: 10px;
    background-color: rgba(249,249,249,1);
    color: rgba(136,136,136,1);
    font-size: 14px;
    text-align: left;
    font-family: PingFangSC-regular;
    border: 1px solid rgba(187,187,187,1);
}

.form-item-full textarea {
    height: 150px;
    resize: vertical;
}

.captcha-wrapper {
    display: flex;
    gap: 10px;
}

.captcha-wrapper input {
    /* flex: 1; */
}

.captcha-wrapper img {
    width: 120px;
    height: 42px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.submit-btn {
    width: 165px;
    height: 53px;
    line-height: 23px;
    border-radius: 50px;
    background-color: rgba(47,125,50,1);
    color: rgba(255,255,255,1);
    font-size: 16px;
    text-align: center;
    font-family: PingFangSC-regular;
    border: 1px solid rgba(47,125,50,1);
    cursor: pointer;
    transition: background-color 0.3s;
}

.submit-btn:hover {
    background-color: rgba(37,115,40,1);
}

.about-contact-info {
    width: 400px;
    padding: 30px;
    border-radius: 10px;
}

.about-contact-info h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.contact-qrcode {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
}

.contact-qrcode img {
    width: 80px;
    height: 80px;
}

.contact-item {
    margin: 10px 0;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.contact-label {
    margin-right: 10px;
    font-weight: bold;
}

.why-article-item {
    width: 100%;
    min-height: 409px;
    background-color: rgba(255,255,255,1);
    background-size: 350px 350px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    padding: 25px;
    margin-bottom: 30px;
    box-sizing: border-box;
    /* 核心新增：加白色遮罩降低背景图亮度/饱和度，颜色变淡 */
    position: relative;
}
.why-article-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* 关键参数在这里 */
    z-index: 1;
    pointer-events: none; /* 不影响容器内点击/选中事件 */
}

.why-article-item > * {
    position: relative;
    z-index: 2;
}

.why-article-title {
    line-height: 50px;
    color: rgba(47,47,47,1);
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
    z-index: 2;
}
.why-article-subtitle {
    color: rgba(0,0,0,1);
    font-size: 14px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
    z-index: 2;
}

.why-article-content {
    color: rgba(0,0,0,1);
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
    z-index: 2;
}

.why-article-content p {
    margin-bottom: 20px;
    z-index: 2;
}

/* 面包屑导航 */
    .breadcrumb-nav {
        width: 100%;
        margin: 0 auto;
        font-size: 15px;
        color: #797979;
        font-weight: bold;
        border-bottom: 1px solid #e5e5e5;
        height: 45px;
        display: flex;
        align-items: center;
    }

    /* 公司简介 */
    .company-profile {
        width: 1200px;
        height: 428px;
        margin: 60px auto;
        display: flex;
        align-items: center;
        border-radius: 15px;
        background-color: rgba(255,255,255,1);
        box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    }

    .company-profile-content {
        flex: 1;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .company-profile-title {
        font-size: 28px;
        color: #686868;
        margin: 0 0 19px 0;
    }

    .company-profile-text {
        width: 528px;
        height: 232px;
        line-height: 32px;
        color: rgba(128,128,128,1);
        font-size: 16px;
        text-align: left;
        display: inline-block;
    }

    .company-profile-image {
        flex: 1;
        height: 428px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0 15px 15px 0;
    }

    .company-profile-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0 15px 15px 0;
    }

    /* 详情卡片 */
    .detail-cards {
        width: 1200px;
        margin: 60px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .detail-card {
        width: 560px;
        height: 640px;
        border-radius: 20px;
        background-color: rgba(255,255,255,1);
        box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.4);
    }

    .detail-card img {
        width: 100%;
        height: 488px;
        border-radius: 15px 15px 0px 0px;
        background-color: rgba(229,229,229,1);
    }

    .detail-card-content {
        padding: 30px 20px 10px 20px;
    }

    .detail-card-title {
        color: rgba(104,104,104,1);
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }

    .detail-card-text {
        color: rgba(128,128,128,1);
        font-size: 16px;
        text-align: left;
        padding-bottom: 10px;
    }

    /* 流程 */
    .process-container {
        width: 1200px;
        margin: 90px auto;
        position: relative;
        height: 230px;
    }

    .process-line {
        width: 100%;
        height: 2px;
        background-color: #2f7d32;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .process-items {
        display: flex;
        justify-content: space-between;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 90px;
        box-sizing: border-box;
    }

    .process-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .process-dot {
        width: 42px;
        height: 42px;
        background-color: #2f7d32;
        border: 2px solid #2f7d32;
        border-radius: 50%;
        z-index: 1;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .process-item-content-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 165px;
    }

    .process-item-content-bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 165px;
    }

    .process-item-title {
        color: rgba(104,104,104,1);
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }

    .process-item-title-bottom {
        color: rgba(104,104,104,1);
        font-size: 20px;
        text-align: center;
        margin-top: 10px;
    }

    .process-item-image {
        width: 94px;
        height: 70px;
        object-fit: cover;
    }

    /* 商品详情卡片 */
    .product-cards {
        width: 1200px;
        margin: 60px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .product-card {
        width: 360px;
        height: 500px;
        border-radius: 20px;
        background-color: rgba(255,255,255,1);
        box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.4);
        overflow: hidden;
    }

    .product-card-image {
        width: 100%;
        height: 275px;
        border-radius: 15px 15px 0px 0px;
        background-color: rgba(229,229,229,1);
        object-fit: cover;
    }

    .product-card-content {
        padding: 20px;
    }

    .product-card-title {
        color: rgba(104,104,104,1);
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 10px;
    }

    .product-card-text {
        color: rgba(128,128,128,1);
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px;
    }

    .card-btn {
        width: 100px;
        height: 40px;
        line-height: 40px;
        border-radius: 50px;
        background-color: #fff;
        border: 1px solid #2f7d32;
        color: #686868;
        font-size: 13px;
        text-align: center;
        cursor: pointer;
        margin: 0 auto;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .card-btn:hover {
        background-color: #2f7d32;
        color: #fff;
    }

    /* 富文本容器 */
    .rich-text-container {
        width: 1200px;
        margin: 0 auto;
        padding: 40px 0;
    }

    /* 鼠标悬停放大效果 */
    .company-profile {
        transition: transform 0.3s ease;
    }

    .company-profile:hover {
        transform: scale(1.02);
    }

    .detail-card {
        transition: transform 0.3s ease;
    }

    .detail-card:hover {
        transform: scale(1.05);
    }

    .process-item {
        transition: transform 0.3s ease;
    }

    .process-item:hover {
        transform: scale(1.1);
    }

    .product-card {
        transition: transform 0.3s ease;
    }

    .product-card:hover {
        transform: scale(1.05);
    }

    /* 产品详情区域样式 */
    .product-details-section {
        width: 1200px;
        margin: 0 auto;
    }

    .section-title {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin-bottom: 30px;
        padding-bottom: 10px;
        position: relative;
    }

    .section-title-line {
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #BBBBBB;
    }

    .product-content {
        font-size: 16px;
        color: #454545;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .section-subtitle {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin-bottom: 20px;
    }

    .feature-list {
        font-size: 16px;
        color: #454545;
        line-height: 2;
        margin-bottom: 30px;
    }

    .spec-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 30px;
    }

    .spec-table td {
        padding: 15px;
        border: 1px solid #e5e5e5;
        font-size: 16px;
    }

    .spec-header {
        background-color: #e5e5e5;
    }

    .spec-header td {
        color: #333;
        font-weight: bold;
    }

    .spec-row-white {
        background-color: #fff;
    }

    .spec-row-white td {
        color: #333;
        font-weight: bold;
    }

    .spec-row-gray {
        background-color: #f9f9f9;
    }

    .spec-row-gray td {
        color: #666;
    }

    /* 产品详情页面样式 */
    .product-detail-container {
        width: 1200px;
        margin: 50px auto;
        display: flex;
        gap: 70px;
    }

    .product-image-section {
        flex-shrink: 0;
    }

    .main-image-container {
        width: 585px;
        height: 412px;
        background-color: rgba(229,229,229,1);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .main-image {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .thumbnail-nav {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .nav-btn {
        width: 30px;
        height: 30px;
        border: 1px solid transparent;
        background: #fff;
        cursor: pointer;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .thumbnail-container {
        display: flex;
        gap: 10px;
        flex: 1;
        overflow: hidden;
    }

    .product-info-section {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .product-title {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        margin-bottom: 30px;
    }

    .product-info-list {
        font-size: 16px;
        color: #666;
        line-height: 3;
    }

    .info-label {
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }

    .action-buttons {
        margin-top: auto;
        display: flex;
        gap: 20px;
        padding-top: 40px;
    }

    .action-btn {
        border-radius: 13px;
        padding: 5px 20px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        background: #fff;
        border: 2px solid #98bf9a;
        background-color: rgba(47,125,50,1);
        cursor: pointer;
        color: #fff !important;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .action-btn:hover {
        background-color: #fff;
        color: #000 !important;
        border-color: rgba(47,125,50,1);
    }

    .questions-comments-section {
        width: 1200px;
        margin: 0 auto;
        padding: 20px 0;
    }

    .form-section-title {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin-bottom: 30px;
        padding-bottom: 10px;
        position: relative;
    }

    .contact-form {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .form-row {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .form-input {
        width: 242px;
        height: 39px;
        line-height: 20px;
        background-color: rgba(249,249,249,1);
        color: rgba(136,136,136,1);
        font-size: 14px;
        text-align: left;
        border: 1px solid #e5e5e5;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .form-label {
        width: 45px;
        height: 23px;
        line-height: 23px;
        color: rgba(69,69,69,1);
        font-size: 16px;
        text-align: left;
    }

    .form-textarea {
        width: 100%;
        height: 185px;
        background-color: rgba(249,249,249,1);
        color: rgba(136,136,136,1);
        font-size: 14px;
        text-align: left;
        border: 1px solid #e5e5e5;
        padding: 10px;
        box-sizing: border-box;
        resize: none;
    }

    .submit-button {
        background-color: rgba(47,125,50,1);
        color: rgba(255,255,255,1);
        font-size: 16px;
        text-align: center;
        font-family: PingFangSC-regular;
        border: 1px solid rgba(187,187,187,1);
        width: 242px;
        height: 53px;
        cursor: pointer;
        font-weight: bold;
    }

    /* 缩略图样式 */
    .thumbnail {
        width: 120px;
        background-color: rgba(229,229,229,1);
        cursor: pointer;
        border: 2px solid transparent;
        overflow: hidden;
    }

    .thumbnail img {
        width: 100%;
        height: 100%;
    }

    .demo-p {
        width: 528px;
        height: 232px;
        line-height: 32px;
        color: rgba(128, 128, 128, 1);
        font-size: 16px;
        text-align: left;
        display: inline-block;
    }