@charset "utf-8";
/*共用css，模板里只能模板设计小组人员才能修改*/
/*模板设计小组人员修改以后注意本地备份一下*/
/*最新更新人员：胡平2020-04-16*/
/*初始化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size:1.3rem;}
li, ol {list-style: none;}
i, em {font-style: normal;}
a {text-decoration: none;color: #666;}
a:hover{color:#666;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
body{font-family: "Microsoft YaHei",Helvetica,STHeiTi,sans-serif;font-size:1.5rem;line-height:2.7rem;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
html {font-size: 10px;}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}

/* -- 整体布局 -- */

html {
    min-width: 320px;
    color: #666;
}

input textarea {
    font-family: "Microsoft YaHei";
}

body {
    font-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-size: 1.5rem;
    line-height: 2.4rem;
}

.body-color{background: #ffffff;}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
    display: block;
    height: 0;
    border: 0;
}

.blk-main .clearlist {
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    float: none;
}


/*表单提交隐藏域*/

.hiddendata {
    display: none;
}

/*版块模板共用样式*/
.nodata {
    height: 3rem;
    line-height: 3rem;
    text-align: left;
    clear: both;
    padding: 0.5rem 3% 0;
}
.m-describe {
    background: #faf9f8;
    border: 1px solid #d3d3d3;
    color: #333;
    margin: 0 auto 1.75rem;
    width: 93.75%;
    overflow: hidden;
    padding: 0.7rem;
}
.blk {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem
}
.p-trbl {
    padding: 1rem;
}
.p-trl {
    padding: 1rem;
    padding-bottom: 0;
}
.blk-main.ml0 {
    margin-left: 0;
}
.blk-main.listclear {
    clear: both;
    height: 0;
    line-height: 0;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

/*m2模板共用样式*/
.m2-title-1 {
    height: 3.6rem;
    line-height: 3.6rem;
    padding-left: 1rem;
    background: #f1f1f1;
    font-size: 1.4rem;
    color: #272b34;
    border-bottom: 1px solid #ccc;
}

/*分页*/
.m2-page {
    margin-bottom: 2rem;
    text-align: center;
}

/* 底部间距20px*/
.m2-page .laypage_next,
.m2-page .laypage_prev {
    border-radius: 0.5rem;
    display: inline-block;
    height: 2.55rem;
    line-height: 2.55rem;
    text-align: center;
    width: 25%;
    background-color: #8e4ea4;
    color: #fff;
    padding: 0;
}

/*上一页样式*/
.m2-page p,
.m2-page .laypage_curr {
    width: 10%;
    display: inline;
    margin: 0 1rem;
}

.m2-page .m2-pager-select {
    display: inline-block;
    padding: 0 2rem;
    margin: 0 15rem;
    width: 10%;
    height: 3rem;
    line-height: 3rem;
    position: relative;
    top: 1rem;
}

.m2-page .m2-page_number {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem #333 inset;
    text-indent: -1rem;
}

.m2-page .m2-page_number:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    border-top: 0.5rem solid #aaa;
    border-left: 0.5rem solid rgba(0, 0, 0, 0);
    border-right: 0.5rem solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: 1.5rem;
    top: 1.2rem;
}

.m2-page .m2-pager-select .m2-page_number span {
    padding: 0 0.2rem;
    font-weight: bold;
}

.m2-page .select_box {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    text-align: center;
}

.m2-page a {
    background-color: #8e4ea4;
    color: #fff;
}

.m2-page .z-noc {
    background-color: #8e4ea4;
    color: #8742a7;
}


/*m3分页*/

.m3-fy-1 {
    width: 93.75%;
    text-align: center;
    margin: 1rem auto 0;
}

.m3-fy-1 a {
    display: inline-table;
    vertical-align: top;
    width: 28%;
    height: 2.6rem;
    line-height: 2.6rem;
    border: 1px solid #00d0b1;
    box-sizing: border-box;
    color: #00d0b1;
}

.m3-fy-1 a:hover {
    color: #00d0b1;
}

.m3-fy-1 p {
    display: inline-block;
    line-height: 3rem;
    height: 3rem;
    padding: 0 1rem;
}

.m3-fy-1-tb {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 3;
    display: none;
}

.m3-fy-2 {
    width: 84.37%;
    height: 80%;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    position: fixed;
    top: 10%;
    left: 8%;
    overflow: hidden;
    z-index: 44;
    display: none;
}

.m3-fy-2-txt {
    width: 100%;
    height: 80%;
    text-align: left;
    margin-bottom: 2rem;
    overflow-y: auto;
}

.m3-fy-2-txt ul {
    width: 93.75%;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.m3-fy-2-txt li {
    height: 4.4rem;
    font-size: 1.4rem;
    line-height: 4.4rem;
    color: #666;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}

.m3-fy-2 a {
    width: 30%;
    height: 4.3rem;
    font-size: 1.4rem;
    line-height: 4.3rem;
    margin: 0 0.6rem;
    display: inline-block;
    border: 1px solid #f5f5f5;
    margin-bottom: 1.5rem;
}

.m3-fy-2-txt2 {
    width: 100%;
    height: 4.3rem;
    padding-bottom: 1rem;
}

.m3-fy-2-txt li:after {
    content: '';
    display: block;
    width: 1.65rem;
    height: 1.65rem;
    border: 0.35rem solid #ebebeb;
    border-radius: 100%;
    background: #ebebeb;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -0.8rem;
    box-sizing: border-box;
}

.m3-fy-2 .m3-fy-2-txt-d1:after {
    background: #00d0b1;
}

.m3-section {
    padding-bottom: 1.5rem;
    background: #fff;
}


/*m4模板共用样式*/

.m4-title1 {
    line-height: 3rem;
    font-size: 1.5rem;
    padding: 0.4rem 0;
    color: #3b3e3d;
    margin-bottom: 1.2rem;
    border-bottom: solid 1px #ccc;
}

.m4-blk {
    padding: 0 3%;
    box-sizing: border-box;
}

.m4-page {
    font-size: 1.3rem;
    text-align: center;
    display: block;
    padding: 1rem 0;
    clear: both;
    white-space: nowrap;
}

.m4-page p {
    display: inline-block;
    margin: 0 1rem;
}

.m4-page a {
    box-sizing: border-box;
    line-height: 2.5rem;
    margin: 0 0 0 0.3rem;
    display: inline-block;
    color: #13a0b2;
    padding: 0 1rem;
    background-color: #fff;
    border: 1px solid #13a0b2;
    border-radius: 5px;
}

.m4-page a.cur {
    background: #1c907b;
    color: #fff;
}


/*m5模板共用样式*/

.m5-title-1 {
    height: 3.6rem;
    line-height: 3.6rem;
    padding-left: 1rem;
    background: #f1f1f1;
    font-size: 1.5rem;
    color: #272b34;
    border-bottom: 1px solid #ccc;
}

.m5-page {
    margin-bottom: 2rem;
    text-align: center;
}


/* 底部间距20px*/

.m5-page .laypage_next,
.m5-page .laypage_prev {
    border-radius: 0.5rem;
    display: inline-block;
    height: 2.55rem;
    line-height: 2.55rem;
    text-align: center;
    width: 25%;
    background-color: #8e4ea4;
    color: #fff;
    padding: 0;
}


/*上一页样式*/

.m5-page p,
.m5-page .laypage_curr {
    width: 10%;
    display: inline;
    font-size: 1.6rem;
    margin: 0 1rem;
}

.m5-page .m5-pager-select {
    display: inline-block;
    padding: 0 2rem;
    margin: 0 15rem;
    width: 10%;
    height: 3rem;
    line-height: 3rem;
    position: relative;
    top: 1rem;
}

.m5-page .m5-page_number {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.5rem #333 inset;
    text-indent: -1rem;
}

.m5-page .m5-page_number:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    border-top: 0.5rem solid #aaa;
    border-left: 0.5rem solid rgba(0, 0, 0, 0);
    border-right: 0.5rem solid rgba(0, 0, 0, 0);
    left: 50%;
    margin-left: 1.5rem;
    top: 1.2rem;
}

.m5-page .m5-pager-select .m5-page_number span {
    padding: 0 0.2rem;
    font-weight: bold;
}

.m5-page .select_box {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    text-align: center;
}

.m5-page a {
    background-color: #8e4ea4;
    color: #fff;
}

.m5-page .z-noc {
    background-color: #8e4ea4;
    color: #8742a7;
}


/*详情页图片自适应*/

.endit-content img {
    max-width: 100% !important;
    height: auto !important;
}
/*详情内容关键字飘红加粗*/

.endit-content a {
    color: red;
    font-weight: bold;
}
/*详情内容关键字加VI色*/


/*.endit-content a{color: #c53535;font-weight:bold;}*/


.endit-content p {
    padding-bottom: 1rem;
}

.endit-content {
    font-size: 1.3rem;
}

.endit-content h1 {
    font-size: 1.6rem;
}

.endit-content h2 {
    font-size: 1.5rem;
}

.endit-content h3 {
    font-size: 1.4rem;
}

.endit-content h4 {
    font-size: 1.3rem;
}

.endit-content h5 {
    font-size: 1.2rem;
}

.endit-content h6 {
    font-size: 1.2rem;
}



/*详情页图片自适应*/

.endit-content2 img {
    max-width: 100% !important;
    height: auto !important;
}/*详情内容关键字飘红加粗*/

.endit-content2 a {
    color: red;
    font-weight: bold;
}
/*详情内容关键字加VI色*/


/*.endit-content2 a{color: #c53535;font-weight:bold;}*/


.endit-content2 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #494949;
    text-align: justify;
}

.endit-content2 p {
    margin-bottom: 1.8rem;
}




.endit-content2 h1 {
    font-size: 1.6rem;
}

.endit-content2 h2 {
    font-size: 1.5rem;
}

.endit-content2 h3 {
    font-size: 1.4rem;
}

.endit-content2 h4 {
    font-size: 1.3rem;
}

.endit-content2 h5 {
    font-size: 1.2rem;
}

.endit-content2 h6 {
    font-size: 1.2rem;
}

/*表单弹框*/

.nsw-modal {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.modal-dialog {
    position: absolute;
;
    top: 50%;
    left: 0;
    margin-top: -5rem;
    width: 100%;
    min-height: 10rem;
    color: #000000;
    z-index: 99998;
    overflow: hidden;
}

.modal-dialog .css-icon {
    background-image: url("../images/modal-icons2.png");
    background-size: 3.15rem 7.5rem;
    background-repeat: no-repeat;
}

.modal-dialog .modal-head {
    display: none;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left;
}

.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px;
}

.modal-dialog .modal-body {
    max-width: 600px;
    min-width: 300px;
    width: 80%;
    margin: 0 auto;
    min-height: 10rem;
    background: #fff;
    border-radius: 10px;
}

.modal-dialog .modal-body .modal-body-left {
    margin: 1.5rem 0 0 4rem;
    float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
    width: 3.3rem;
    height: 3.2rem;
}

.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: left bottom;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px 0;
}

.modal-dialog .modal-body .modal-body-right {
    width: 64%;
    float: right;
    padding-top: 1rem;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #515567;
    text-align: center;
    display: inline-block;
    height: 2.5rem;
    width: 6rem;
    font-size: 1.1rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.modal-dialog .modal-body .modal-body-right p.msg-title {
    font-weight: bold;
    font-size: 1.3rem;
}

.modal-dialog .modal-body .modal-body-right p.msg {
    font-size: 1.2rem;
    color: #515567;
    margin-bottom: .5rem;
}

/*分页*/
.main-page-1 {
    height: 2.5rem;
    margin: 2rem auto;
    font-size: 1.3rem;
    line-height: 2.5rem;
    text-align: center;
}

.main-page-1 a {
    display: inline-block;
    width: 25%;
    height: 2.5rem;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.5rem;
    background: #fa756e;
    border-radius: .5rem;
    overflow: hidden;
    vertical-align: top;
}

.main-page-1 .laypage_curr p {
    display: inline-block;
    margin: 0 5%;
    color: #666;
    vertical-align: top;
}

/*分页2*/
.mc-page-1 {
    height: 2.5rem;
    margin: 2rem auto 4rem;
    font-size: 1.3rem;
    line-height: 2.5rem;
    text-align: center;
}

.mc-page-1-pn {
    margin-top: -2.5rem;
    position: relative;
}

.mc-page-1-size em {
    display: inline-block;
    margin: 0 0.1rem;
}

.mc-page-1 a {
    display: none;
}

.mc-page-1-pn .page_next,
.mc-page-1-pn .page_pre {
    display: inline-block;
    width: 28%;
    height: 2.5rem;
    color: #fff;
    font-size: 1.3rem;
    line-height: 2.5rem;
    border-radius: .5rem;
    overflow: hidden;
    vertical-align: top;
    background:#fa756e;
    position: absolute;
    top: 0;
}

.mc-page-1 .page_next {
    right: 15%;
}

.mc-page-1 .page_pre {
    left: 15%;
}
/*m3分页*/
.mc-page-m3{
    margin-top:0;
    margin-bottom: 2rem;
}
.mc-page-2-pn {
    margin-top: -2.5rem;
    position: relative;
}

.mc-page-2-pn .page_next,
.mc-page-2-pn .page_pre {
    display: inline-block;
    width: 28%;
    height: 2.6rem;
    line-height: 2.6rem;
    border: 1px solid 	border: 1px solid #fa756e;
    box-sizing: border-box;
    color: 	border: 1px solid #fa756e;
    position: absolute;
    top: 0;
}
.cpbt {
    color: #333;
    font-size: 24px;
    padding: 6px 0 6px 0px;
    font-weight: bold;
    margin: 25px 0 20px;
    border-bottom: 1px solid #eee;
    white-space: nowrap; /* 防止换行 */
}
.cpbt em {
    display: inline-block;
    margin-left: 5px; /* 减小间距 */
    color: #808080;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15px;
}
@media (max-width: 768px) {
    .cpbt {
        font-size: 20px; /* 减小字体 */
    }
    .cpbt em {
        font-size: 13px; /* 减小字体 */
    }
}

/*产品详情内容* #f5f5f5/
/*.product-content {height: auto;overflow: hidden; font-size: 16px;line-height: 30px;border-bottom: 1px solid #ededed;margin-bottom: 20px;background-color: #f2f2f2;}*/
/*.product-content_bg{background-color: #f5f5f5;}*/
.product-content_bg{background-color: #f9f9f9;}
.product-content {height: auto;overflow: hidden; font-size: 16px;line-height: 30px;border-bottom: 1px solid #ededed;margin-bottom: 20px;}
.product-content p  { text-indent: 0em; margin-top:0;padding: 0 20px;}
.product-content img { max-width:100%;display: block;margin:0 auto; border-radius: 5px; margin-top: 10px; padding-bottom:10px;}
.product-content h2{font-size: 18px; font-weight: bold;color: #2075c8;height: 40px;line-height: 40px; margin-bottom:10px;}
.product-content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #ffffff;
    border-spacing: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    font-size: 12px; /* 适合移动端的字体大小 */
    line-height: 1.4; /* 适合移动端的行高 */
    color: #333;
    font-family: 'Microsoft YaHei', sans-serif;
    border: 1px solid #e5e5e5;
    table-layout: auto; /* 允许表格根据内容调整列宽 */
    display: block; /* 使表格支持滚动 */
    overflow-x: auto; /* 启用水平滚动 */
    -webkit-overflow-scrolling: touch; /* 优化iOS设备的滚动体验 */
}

.product-content table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.product-content table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.product-content table th, .product-content table td {
    border: 1px solid #e5e5e5;
    white-space: normal; /* 允许文本换行 */
    word-wrap: break-word; /* 确保长单词可以换行 */
    padding: 8px 10px; /* 适合移动端的内边距 */
    min-width: 100px; /* 设置最小宽度，确保内容不被压缩得太紧 */
}

.product-content table th {
    background: #f5f5f5;
    color: #666;
    font-size: 14px; /* 表头字体稍大，适合移动端 */
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.product-content table td {
    text-align: left;
    font-size: 12px; /* 单元格字体适合移动端 */
    color: #333;
    line-height: 1.4;
    vertical-align: middle;
    background: transparent;
}

/* 交替行背景色 */
.product-content table tr:nth-child(odd) {
    background-color: #ffffff;
}

.product-content table tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* 移除悬停效果（移动端无需悬停） */
.product-content table tr:hover {
    background-color: transparent;
}

.product-content table td:hover {
    color: #333;
}

.product-content table td p {
    text-indent: 0px !important;
    margin: 0;
}

.product-content table td:first-child {
    font-weight: normal;
    color: #333;
    background-color: transparent;
}