@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
    font-family: "Montserrat-Light","微软雅黑", "Microsoft Yahei", "Source Han Sans", "Source Han Sans CN", Arial;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

body,
html{
    width: 100%;
    height: 100%;
    position: relative;
}

@media (max-width: 800px){
    body{
        padding-top: 1rem;
    }
}

/* ============================= 网页宽度 开始 ============================= */
.width1660 {
    max-width: 100%;
    margin: 0px auto;
    position: relative;
}
.width1600 {
    width: 100%;
    max-width: 16rem;
    margin: 0px auto;
    position: relative;
}
.width1500 {
    width: 100%;
    max-width: 15rem;
    margin: 0px auto;
    position: relative;
}
.width1200 {
    width: 100%;
    max-width: 12rem;
    margin: 0px auto;
    position: relative;
}

/* ============================= 网页宽度 结束 ============================= */
/* 富文本 */
.richText {
    overflow: hidden;
}
.richText img {
    max-width: 100%;
}



/* ========== 限制文本行数 开始 ========== */
/* 文字一行，多余省略号 */
.clamp1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

/* 文字多行，多余省略号 */
.clamp2,
.clamp3,
.clamp4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.clamp2 {
    -webkit-line-clamp: 2;
}

.clamp3 {
    -webkit-line-clamp: 3;
}

.clamp4 {
    -webkit-line-clamp: 4;
}

/* ========== 限制文本行数 结束 ========== */



/* ============================= 头部 开始 ============================= */
body{
    position: relative;
}
header{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    z-index: 9990;
    background: transparent;
    color: #fff;
}
/* 上方快捷导航图标 */
.headerTop{
    /*background: #141414cc;*/
    padding: 0.05rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerTop ul,
.headerTop ol{
    display: flex;
    align-items: center;
}
.headerTop ul li{
    display: flex;
    align-items: center;
    margin-right: 0.2rem;
    opacity: 0.4;
}
.headerTop ul li:hover{
    opacity: 1;
}
.headerTop .blackIcon{
    display: block;
}
.headerTop .whiteIcon{
    display: none;
}
.headerTop ul img{
    width: 0.12rem;
    height: 0.12rem;
    margin-right: 0.04rem;
}
.headerTop ol li{
    margin-left: 0.2rem;
}
.headerTop ol img{
    display: block;
    width: 0.26rem;
    height: 0.26rem;
}
/* 头部 */
.headerBtm{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0rem 0.5rem;
}
.headerBtm .logo img{
    display: block;
    height: 0.18rem;
    width: auto;
}
.headerBtm .logo img.logob{
    display: none;
}
.headerUl{
    display: flex;
    align-items: center;
}
.headerUl .headerList{
    position: relative;
    margin-right: 0.7rem;
}
.headerUl .headerList:last-of-type{
    margin-right: 0rem;
}
.headerUl .headerList::after{
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0rem;
    height: 0.01rem;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.headerUl .active::after,
.headerUl .headerList:hover::after{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.headerUl .headerList a{
    display: block;
    line-height: 0.7rem;
    min-width: 0.72rem;
    text-align: center;
    font-family: "Montserrat-Regular";
}

/* 下拉菜单 */
.headerUl .dropDown {
    position: fixed;
    top: -0.7rem;
    left: -9999rem;
    z-index: -1;
    width: 100%;
    padding-top: 0.7rem;
    opacity: 0;
}
.headerUl .dropDown ol{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    padding: 0.12rem 0.5rem;
}
.headerUl .dropDown ol li{
    margin: 0rem 0.2rem;
    opacity: 0.5;
}
.headerUl .dropDown ol li:hover{
    opacity: 1;
}
.headerUl .dropDown.on{
    top: 0rem;
    left: 0rem;
    opacity: 1;
    -webkit-transition: top 0.5s, opacity 0.7s;
    -moz-transition: top 0.5s, opacity 0.7s;
    -o-transition: top 0.5s, opacity 0.7s;
    transition: top 0.5s, opacity 0.7s;
}

/* 语言 */
.headerBtm .language{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headerLanguage{
    position: relative;
}
.headerLanguage i{
    display: block;
    width: 1.1rem;
    height: 0.7rem;
    background: url(../images/language.png)no-repeat center center;
    background-size: 0.22rem 0.22rem;
    cursor: pointer;
}
.headerBtm .language,
.headerBtm .logo{
    min-width: 1.4rem;
}
.language .languageUl{
    position: absolute;
    top: -0.7rem;
    left: -9999rem;
    z-index: -1;
    background: #000;
    width: 1.1rem;
    text-align: center;
    padding: 0.58rem 0rem 0.08rem 0rem;
    opacity: 0;
}
.language .languageUl li{
    opacity: 0.5;
}
.language .languageUl a{
    padding: 0.1rem 0rem;
}
.language .languageUl li:hover,
.language .languageUl li.on{
    opacity: 1;
}
.language .languageUl.on{
    top: 0rem;
    left: 0rem;
    opacity: 1;
    -webkit-transition: top 0.5s, opacity 0.7s;
    -moz-transition: top 0.5s, opacity 0.7s;
    -o-transition: top 0.5s, opacity 0.7s;
    transition: top 0.5s, opacity 0.7s;
}

/* 头部-黑色字 */
.blackHeader header{
    color: #333;
}
.blackHeader .headerBtm .logo img.logob{
    display: block;
}
.blackHeader .headerBtm .logo img.logow{
    display: none;
}
.blackHeader .headerLanguage i{
    background: url(../images/language2.png) no-repeat center center;
    background-size: 0.22rem 0.22rem;
}
.blackHeader .headerUl .headerList::after{
    background: #333;
}

/* 透明背景头部 */
header:hover{
    background: #000000;
}
header:hover .headerTop{
    background: #141414;
}
.headerTop .blackIcon{
    display: none;
}
.headerTop .whiteIcon{
    display: block;
}
header:hover .headerTop .blackIcon{
    display: block;
}
header:hover .headerTop .whiteIcon{
    display: none;
}
header:hover .headerBtm .logo img.logob{
    display: none;
}
header:hover .headerBtm .logo img.logow{
    display: block;
}
header:hover .headerLanguage i{
    background: url(../images/language.png) no-repeat center center;
    background-size: 0.22rem 0.22rem;
}
.blackHeader header:hover{
    color: #fff;
}
header:hover .headerUl .headerList::after{
    background: #fff;
}

/* =========== 移动端头部 开始 =========== */
@media (min-width: 801px) {
    .mobleHeaderMenu {
        display: none !important;
    }
    .mobleHeader {
        display: none !important;
    }
}
@media (max-width: 800px){
    .pcHeader{
        display: none!important;
    }
}
.mobleHeader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding-left: 4%;
    padding-right: 4%;
    background: #000;
    box-shadow: 0rem 0.08rem 0.40rem rgba(0, 0, 0, 0.04);
    z-index: 9991;
}
.mobleHeader>div {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobleHeader a {
    display: flex;
    align-items: center;
    font-family: "Montserrat-Bold";
    color: #2A466B;
}
.mobleHeader img {
    height: 0.3rem;
    width: auto;
}

/* 按钮 */
.mobleMenu_button {
    width: 1rem;
    line-height: 1rem;
    text-align: right;
}
.mobleMenu_button span {
    display: inline-block;
    width: 0.28rem;
    height: 0.04rem;
    background: #fff;
    margin-bottom: 0.04rem;
    position: relative;
}
.mobleMenu_button span::after,
.mobleMenu_button span::before {
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 0.04rem;
    background: #fff;
    position: absolute;
    right: 0rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mobleMenu_button span:before {
    top: 0.18rem;
}
.mobleMenu_button span:after {
    top: -0.18rem;
}
.mobleMenu_button.on span {
    background: rgba(51, 51, 51, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mobleMenu_button.on span::before,
.mobleMenu_button.on span::after {
    top: 0rem;
    width: 0.44rem;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.mobleMenu_button.on span::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.mobleMenu_button.on span::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

/* 下拉菜单 */
.mobleHeaderMenu {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 55px;
    z-index: 9990;
    background: #fff;
    color: #000;
}

.mobleHeaderMenu ul {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.mobleHeaderMenu ul>li {
    margin-left: 4%;
    margin-right: 4%;
    position: relative;
    border-bottom: 1px solid #EDF0F4;
}

.mobleHeaderMenu a {
    display: block;
    font-size: 0.28rem;
    line-height: 1rem;
    margin-right: 1rem;
    text-transform: uppercase;
}

.mobleHeaderMenu span {
    position: absolute;
    top: 0rem;
    right: 0rem;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/headerTriangle2.png)no-repeat center right;
    background-size: 0.48rem 0.48rem;
}

/* 二级栏目 */
.mobleDropdown {
    display: none;
    background: #F9F9F9;
}
.mobleDropdown li {
    padding-left: 4%;
    color: #000;
}
.mobleDropdown .title{
    font-size: 0.28rem;
    color: #C0C0C0;
    padding-top: 0.3rem;
    margin-bottom: 0.1rem;
}
.mobleDropdown .title:nth-child(n+2){
    border-top: 0.01rem dashed #E5E5E5;
}
.mobleDropdown a{
    line-height: unset;
    padding: 0.2rem 0rem;
}
/* 联系方式 */
.mobleHeaderMenu .contact{
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 0.26rem;
    padding: 0.8rem 0rem 0rem 0rem;
    text-align: center;
    border: none;
}
.mobleHeaderMenu .contact img{
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    margin: 0rem auto;
}
.mobleHeaderMenu .contact a{
    line-height: unset;
    margin: 0rem;
    text-transform: unset;
    padding-top: 0.14rem;
}
/* 快捷链接 */
.mobleHeaderMenu .link{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0.6rem 0rem;
}
.mobleHeaderMenu .link a{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0rem 0.24rem;
}
.mobleHeaderMenu .link img{
    display: block;
    width: 100%;
    height: 100%;
}

/* 微信二维码 */
.mobleHeaderMenu .herderLinkUl{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    font-size: 0.24rem;
    color: #999;
    padding: 0rem 4% 0.6rem 4%;
}
.mobleHeaderMenu .herderLinkUl li{
    width: 30%;
    margin-right: 5%;
}
.mobleHeaderMenu .herderLinkUl li:nth-child(3n){
    margin-right: 0rem;
}
.mobleHeaderMenu .herderLinkUl li:nth-child(n+4){
    margin-top: 0.4rem;
}
.mobleHeaderMenu .herderLinkUl img{
    display: block;
    width: 100%;
    height: auto;
}

/* 语言切换 */
.mobleHeaderMenu .language{
    display: flex;
    align-items: center;
}
.mobleHeaderMenu .language a{
    position: relative;
    padding-right: 0.3rem;
    margin-right: 0.3rem;
    color: #999;
}
.mobleHeaderMenu .language a.on{
    color: #333;
    font-family: "Montserrat-Bold";
}
.mobleHeaderMenu .language a:last-of-type{
    padding-right: 0rem;
}
.mobleHeaderMenu .language a::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0rem;
    display: block;
    width: 0.02rem;
    height: 0.3rem;
    background: #EDF0F4;
}
.mobleHeaderMenu .language a:last-of-type::after{
    display: none;
}
/* =========== 移动端头部 结束 =========== */
/* ============================= 头部 结束 ============================= */





/* ============================= 底部 开始 ============================= */
@media (max-width: 800px){
    footer .headerTop{
        display: none!important;
    }
}

footer{
    width: 100%;
    padding: 0.2rem 0.5rem;
    background: #171717;
    color: #fff;
}
footer .headerTop{
    padding: 0rem 0.8rem 0rem 0rem;
}
footer .headerTop ul li{
    opacity: 1;
}
.headerTop ul img {
    width: 0.14rem;
    height: 0.14rem;
    margin-right: 0.08rem;
}
footer .copyright{
    display: none;
    margin-top: 0.08rem;
}

/* 返回顶部 */
.backTop {
    position: fixed;
    right: 0.3rem;
    bottom: 0.3rem;
    display: none;
    width: 0.6rem;
    height: 0.6rem;
    background: url(../images/backTop.png)no-repeat center center;
    background-size: cover;
    cursor: pointer;
    border-radius: 50%;
    z-index: 200;
}

/* 底部微信二维码 */
footer .wxItem{
    position: relative;
}
footer .wxPopup{
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.04rem;
    background: #fff;
    padding: 0.08rem;
    margin-left: -0.05rem;
    display: none;
}
footer .wxPopup img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}
footer .wxPopup::after{
    content: "";
    position: absolute;
    bottom: -0.04rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    background: #fff;
    border-radius: 0.02rem;
    transform: rotate(45deg);
}
footer .wxItem:hover .wxPopup{
    display: block;
}

/* 移动端 */
@media (max-width: 800px){
    footer{
        line-height: 1.5;
        padding: 0.32rem 4%;
    }
    footer p{
        font-size: 0.26rem!important;
    }

    .backTop{
        display: none!important;
    }
    footer .copyright{
        display: block;
        text-align: center;
    }
}
/* ============================= 底部 结束 ============================= */





/* ============================= 公共样式 开始 ============================= */
/* 轻提示 单位修改 */
.layui-layer-hui .layui-layer-content {
    padding: 0.12rem 0.25rem;
}
.layui-layer-dialog .layui-layer-content {
    line-height: 0.24rem;
    font-size: 0.14rem;
}



/* ===== 公共样式1：首页展示 开始 ===== */
.pubModule1{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pubModule1 img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule1 .txt{
    position: absolute;
    left: 0.95rem;
    bottom: 1rem;
    z-index: 3;
    color: #000000;
}
.pubModule1 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.1rem;
}
.pubModule1 p{
    margin-bottom: 0.55rem;
}
.pubModule1 a{
    display: block;
    width: 1.9rem;
    line-height: 0.48rem;
    background: #FFFFFF;
    border-radius: 0.24rem;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubModule1 a:hover{
    background: #000;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/* 白色字 */
.pubModule1.white h3,
.pubModule1.white p{
    color: #fff;
}

/* 移动端 */
@media (max-width: 800px){
    .pubModule1 .txt {
        left: 0rem;
        width: 100%;
        padding: 0rem 4%;
    }
    .pubModule1 h3{
        margin-bottom: 0.28rem;
    }
    .pubModule1 a{
        width: 3rem;
        line-height: 1rem;
        border-radius: 1rem;
    }
}
/* ===== 公共样式1：首页展示 结束 ===== */


/* ===== 公共样式2：产品页第一屏 开始 ===== */
.pubModule2{
    position: relative;
    width: 100%;
    height: 100%;
}
.pubModule2 img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule2 .txt{
    position: absolute;
    top: 2rem;
    left: 0rem;
    width: 100%;
    text-align: center;
    color: #000000;
}
.pubModule2 h2{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.2rem;
}
.pubModule2.white .txt{
    color: #fff;
}

@media (max-width: 800px){
    .pubModule2 .txt{
        top: 2.3rem;
        padding: 0rem 4%;
    }
    .pubModule2 h2{
        margin-bottom: 0.34rem;
    }
}
/* ===== 公共样式2：产品页第一屏 结束 ===== */


/* ===== 公共样式3：产品-左侧渐变图，右侧标题加介绍 开始 ===== */
.pubModule3{
    height: 9rem;
    position: relative;
    width: 100%;
    overflow-x: hidden;
}
.pubModule3 .bg1{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule3 .bg2{
    display: none;
}
.pubModule3 .txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    z-index: 3;
    width: 35%;
    color: #000000;
    /*text-align: justify;*/
}
.pubModule3 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.35rem;
}

@media (max-width: 800px){
    .pubModule3{
        height: auto;
        padding: 0.85rem 0rem 3rem 0rem;
    }
    .pubModule3 .bg1{
        display: none;
    }
    .pubModule3 .bg2{
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0rem;
        left: 0rem;
    }
    .pubModule3 .txt{
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        width: 100%;
        padding: 0rem 4%;
    }
    .pubModule3 h3{
        margin-bottom: 0.6rem;
    }
}
/* ===== 公共样式3：产品-左侧渐变图，右侧标题加介绍 结束 ===== */


/* ===== 公共样式4：产品-左上角文字，底部tab切换 开始 ===== */
.pubModule4{
    position: relative;
    height: 8.8rem;
    color: #fff;
}
/* 文字+图片内容 */
.pubm4Con{
    height: 100%;
}
.pubm4Con li{
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
}
.pubm4Con img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubm4Con .txt{
    position: absolute;
    left: 10%;
    top: 22%;
    z-index: 3;
    max-width: 6rem;
}
.pubm4Con h3{
    margin-bottom: 0.3rem;
    font-family: "Montserrat-Regular";
}
/* tab */
.pubm4Tab{
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    width: 100%;
    padding: 1rem 10% 0rem 10%;
    display: flex;
    align-items: center;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}
.pubm4Tab li{
    width: 25%;
    padding: 0.4rem 0rem 0.24rem 0rem;
    text-align: center;
    border-right: 0.01rem solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    opacity: 0.5;
    position: relative;
    z-index: 2;
}
.pubm4Tab li:last-of-type{
    border: none;
}
.pubm4Tab li::after{
    content: "";
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.15) 100%);
    z-index: -1;
    display: none;
}
.pubm4Tab li.on::after{
    display: block;
}
.pubm4Tab .on{
    opacity: 1;
}

/* 移动端 */
@media (max-width: 800px){
    .pubModule4{
        height: 12rem;
    }
    .pubm4Tab{
        padding: 0rem 4% 0.4rem 4%;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 0.32rem;
    }
    .pubm4Tab li,
    .pubm4Tab li:last-of-type{
        width: 48%;
        background: rgba(0, 0, 0, 0.3);
        line-height: unset;
        border: 0.01rem solid #fff;
        text-align: center;
        padding: 0rem;
        border-radius: 0.04rem;
        opacity: 0.7;
        padding: 0.2rem 0.1rem;
    }
    .pubm4Tab li:nth-child(n+3){
        margin-top: 0.24rem;
    }
    .pubm4Tab .on,
    .pubm4Tab li:last-of-type.on{
        background: #fff;
        color: #000;
        opacity: 1;
    }
    .pubm4Con .txt{
        left: 0rem;
        width: 100%;
        padding: 0rem 4%;
        top: 10%;
        max-width: unset;
    }
}
/* ===== 公共样式4：产品-左上角文字，底部tab切换 结束 ===== */


/* ===== 公共样式5：产品-上方页面切换 开始 ===== */
.pubModule5{
    position: absolute;
    top: 0.7rem;
    left: 0rem;
    z-index: 3;
    width: 100%;
    color: #fff;
    /*border-bottom: 0.01rem solid rgba(255, 255, 255, 0.24);*/
}
.pubModule5 ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pubModule5 ul a{
    font-family: "Montserrat-Regular";
}
.pubModule5 li{
    line-height: 0.6rem;
    margin: 0rem 0.2rem;
    opacity: 0.5;
}
.pubModule5 .on,
.pubModule5 li:hover{
    opacity: 1;
}
/* 黑色字 */
.pubModule5.black{
    /*border-bottom: 0.01rem solid rgba(0, 0, 0, 0.03);*/
    color: #000;
}

/* 移动端 */
@media (max-width: 800px){
    .pubModule5{
        top: 1rem;
    }
    .pubModule5 ul{
        justify-content: flex-start;
        width: 100%;
        overflow-x: auto;
        flex: 0 0 auto;
        padding: 0rem 4%;
    }
    .pubModule5 li {
        flex: 0 0 auto;
        line-height: 1.5;
        padding: 0.5rem 0rem 0.3rem 0rem;
        margin: 0rem 0.4rem 0rem 0rem;
    }
    .pubModule5 li:last-of-type{
        margin-right: 0rem;
    }
}
/* ===== 公共样式5：产品-上方页面切换 结束 ===== */


/* ===== 公共样式6：产品-储能-背景图+左侧字 开始 ===== */
.pubModule6{
    position: relative;
    height: 8.8rem;
    color: #fff;
}
.pubModule6 img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule6 .txt{
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.pubModule6 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.3rem;
}

@media (max-width: 800px){
    .pubModule6{
        height: 12rem;
    }
    .pubModule6 .txt{
        left: 0rem;
        top: 10%;
        transform: unset;
        width: 100%;
        padding: 0rem 4%;
    }
}
/* ===== 公共样式6：产品-储能-背景图+左侧字 结束 ===== */


/* ===== 公共样式7：产品-产品型号轮播 开始 ===== */
.pubModule7{
    padding: 0.8rem 0rem;
    background: url(../images/pubModule7Bg.png)no-repeat center center;
    background-size: cover;
    color: #000;
}
.pubModule7 h3{
    font-family: "Montserrat-Bold";
    text-align: center;
    margin-bottom: 0.42rem;
}
/* 轮播 */
.pubm7Swiper{
    padding-bottom: 0.5rem;
}
.pubm7Swiper .swiper-pagination{
    bottom: 0rem;
}
.pubm7Swiper .swiper-pagination-bullet{
    width: 0.12rem;
    height: 0.12rem;
    background: #C3C3C3;
    opacity: 1;
    border-radius: 0.06rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubm7Swiper .swiper-pagination-bullet-active{
    width: 0.4rem;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubm7Swiper .swiper-slide{
    width: 33.33%;
    padding: 0.15rem;
}
.pubm7Swiper .card{
    width: 100%;
    background: #fff;
    box-shadow: 0rem 0.04rem 0.15rem rgba(0,0,0,0.06);
    padding: 0.4rem;
    text-align: center;
}
.pubm7Swiper img{
    display: block;
    width: 2.3rem;
    height: 2.3rem;
    object-fit: contain;
    margin: 0.2rem auto 0.6rem auto;
}
.pubm7Swiper .txt{
    border-top: 0.01rem solid rgba(0,0,0,0.1);
    padding-top: 0.35rem;
    font-family: "Montserrat-Bold";
}

@media (max-width: 800px){
    .pubModule7{
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
    }
    .pubm7Swiper .swiper-slide{
        width: 100%;
        padding: 0.3rem;
    }
    .pubm7Swiper img{
        margin-top: 0.4rem;
    }
    .pubm7Swiper img{
        width: 4rem;
        height: 4rem;
    }
}
/* ===== 公共样式7：产品-产品型号轮播 结束 ===== */


/* ===== 公共样式8：产品-产品参数-非轮播样式 开始 ===== */
.pubModule8{
    background: #000;
    padding: 1.2rem 0rem;
    color: #fff;
}
.pubModule8>div{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.pubm8Left{
    flex-shrink: 0;
}
.pubm8Left img{
    display: block;
    width: 4.4rem;
    height: auto;
    max-height: 6rem;
    border-radius: 0.5rem;
    overflow: hidden;
    object-fit: contain;
}
.pubm8Left a{
    display: block;
    width: 1.7rem;
    line-height: 0.4rem;
    text-align: center;
    border: 0.01rem solid #FFFFFF;
    color: #fff;
    margin: 0.6rem auto 0rem auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubm8Left a:hover{
    background: #fff;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubm8Right{
    width: calc(100% - 4.4rem - 1.5rem);
}
.pubm8Right>h3{
    font-family: "Montserrat-Bold";
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.3);
}
.pubm8List{
    display: flex;
    /*justify-content: space-between;*/
    align-items: flex-start;
    flex-wrap: wrap;
}
.pubm8List li{
    width: 28%;
    margin-right: 8%;
}
.pubm8List li:nth-child(3n){
    margin-right: 0rem;
}
.pubm8List li:nth-child(n+4){
    margin-top: 0.3rem;
}
.pubm8List li>div{
    opacity: 0.7;
    line-height:1.8em;
}
.pubm8List .title{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.07rem;
}

@media (max-width: 800px){
    .pubModule8{
        padding: 2rem 4%;
    }
    .pubModule8>div{
        flex-wrap: wrap;
    }
    .pubm8Left,
    .pubm8Right{
        width: 100%;
    }
    .pubm8Left{
        margin-bottom: 1.2rem;
    }
    .pubm8Left img{
        width: 6rem;
        height: auto;
        margin: 0rem auto;
    }
    .pubm8Left a{
        width: 3rem;
        line-height: 0.8rem;
    }
    .pubm8Right>h3{
        padding-bottom: 0.4rem;
        margin-bottom: 0.6rem;
    }
    .pubm8List li{
        width: 100%;
    }
    .pubm8List li:nth-child(n+4),
    .pubm8List li:nth-child(n+2) {
        margin-top: 0.6rem;
    }
}
/* ===== 公共样式8：产品-产品参数-非轮播样式 结束 ===== */


/* ===== 公共样式9：产品-产品参数-轮播样式 开始 ===== */
.pubm9ImgList li{
    display: none;
}
/* 上面tab轮播 */
.pubm9Tab{
    padding: 0rem 0.6rem;
    position: relative;
}
.pubm9TabSwiper .swiper-slide{
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
    font-family: "Montserrat-Regular";
}
.pubm9TabSwiper .swiper-slide.on{
    opacity: 1;
}
.pubm9Next,
.pubm9Prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    z-index: 2;
    cursor: pointer;
}
.pubm9Prev{
    left: 0rem;
    background: url(../images/prev1.png)no-repeat center center;
    background-size: 100% 100%;
}
.pubm9Next{
    right: 0rem;
    background: url(../images/next1.png)no-repeat center center;
    background-size: 100% 100%;
}
/* 内容 */
.pubm9Con{
    margin-top: 0.2rem;
    border-top: 0.01rem solid rgba(255, 255, 255, 0.3);
    padding-top: 0.3rem;
}
.pubm9Con .pubm9Item{
    display: none;
}

@media (max-width: 800px){
    .pubm9Tab{
        padding: 0rem 0.8rem;
    }
    .pubm9Next,
    .pubm9Prev{
        width: 0.5rem;
        height: 0.5rem;
    }
    .pubm9Con{
        margin-top: 0.4rem;
        padding-top: 0.6rem;
    }
}
/* ===== 公共样式9：产品-产品参数-轮播样式 结束 ===== */


/* ===== 公共样式10：产品-底部解决方案 开始 ===== */
.pubModule10{
    text-align: center;
    background: #000;
    color: #fff;
    padding: 0.8rem 0rem;
}
.pubModule10 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.25rem;
}
.pubModule10 p{
    margin-bottom: 0.7rem;
    opacity: 0.6;
}
.pubModule10 a{
    display: block;
    margin: 0rem auto;
    width: 2.8rem;
    line-height: 0.5rem;
    border-radius: 0.08rem;
    border: 0.02rem solid #FFFFFF;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubModule10 a:hover{
    background: #fff;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 800px){
    .pubModule10{
        padding: 1.2rem 4%;
    }
    .pubModule10 h3{
        margin-bottom: 0.5rem;
    }
    .pubModule10 a{
        width: 3.6rem;
        line-height: 0.8rem;
    }
}
/* ===== 公共样式10：产品-底部解决方案 结束 ===== */


/* ===== 公共样式11：产品-左侧渐变图，右侧多个标题加介绍 开始 ===== */
.pubModule11{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 7.6rem;
    padding: 1.2rem 10%;
    position: relative;
}
.pubModule11 .bg1{
    position: absolute;
    top: 0rem;
    left: 0rem;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule11 .bg2{
    display: none;
}
.pubModule11 ul{
    max-width: 6.4rem;
    color: #666;
    position: relative;
    z-index: 2;
}
.pubModule11 h3{
    font-family: "Montserrat-Bold";
    color: #333;
    margin-bottom: 0.08rem;
}
.pubModule11 li:nth-child(n+2){
    margin-top: 0.34rem;
}

/* 移动端 */
@media (max-width: 800px){
    .pubModule11{
        display: block;
        width: 100%;
        height: auto;
        overflow-x: hidden;
        padding: 0.85rem 0rem 3rem 0rem;
    }
    .pubModule11 .bg1{
        display: none;
    }
    .pubModule11 .bg2{
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0rem;
        left: 0rem;
    }
    .pubModule11 ul{
        width: 100%;
        padding: 0rem 4% 0.4rem 4%;
        max-width: unset;
    }
    .pubModule11 li:nth-child(n+2){
        margin-top: 0.6rem;
    }
    .pubModule11 h3{
        font-size: 0.38rem;
        margin-bottom: 0.18rem;
    }
    .pubModule11 p{
        font-size: 0.32rem;
    }
}
/* ===== 公共样式11：产品-左侧渐变图，右侧多个标题加介绍 结束 ===== */


/* ===== 公共样式12：产品-右侧渐变图，左侧标题加介绍 开始 ===== */
.pubModule12{
    height: 7.6rem;
    position: relative;
}
.pubModule12 .bg1{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubModule12 .bg2{
    display: none;
}
.pubModule12 .txt{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    z-index: 2;
    color: #666;
    max-width: 6.4rem;
}
.pubModule12 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.32rem;
    color: #000;
}
.pubModule12 p{
    /*text-align: justify;*/
}

@media (max-width: 800px){
    .pubModule12{
        display: block;
        width: 100%;
        height: auto;
        min-height: 7.6rem;
        overflow-x: hidden;
        padding: 0.85rem 0rem 3rem 0rem;
    }
    .pubModule12 .bg1{
        display: none;
    }
    .pubModule12 .bg2{
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0rem;
        left: 0rem;
    }
    .pubModule12 .txt{
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        min-width: unset;
        width: 100%;
        max-width: unset;
        padding: 0rem 4% 0.4rem 4%;
    }
    .pubModule12 h3{
        font-size: 0.38rem;
    }
    .pubModule12 p{
        font-size: 0.32rem;
    }
}
/* ===== 公共样式12：产品-右侧渐变图，左侧标题加介绍 结束 ===== */


/* ===== 公共样式13：产品-上方横图，下方标题加介绍 开始 ===== */
.pubModule13{
    padding: 1rem 0rem;
    background: #F5F5F5;
}
.pubModule13 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0.15rem;
    margin-bottom: 0.3rem;
}
.pubModule13 .txt{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: #000;
}
.pubModule13 h3{
    font-family: "Montserrat-Bold";
    /*max-width: 1.9rem;*/
    margin-right: 1rem;
}
.pubModule13 p{
    padding-top: 0.04rem;
    width: 10rem;
    /*text-align: justify;*/
    flex-shrink: 0;
}

@media (max-width: 800px){
    .pubModule13{
        padding: 1rem 4%;
    }
    .pubModule13 .txt{
        flex-wrap: wrap;
    }
    .pubModule13 h3,
    .pubModule13 p{
        width: 100%;
        padding: 0rem;
    }
    .pubModule13 h3{
        margin: 0rem 0rem 0.2rem 0rem;
        max-width: unset;
        font-size: 0.4rem;
    }
}
/* ===== 公共样式13：产品-上方横图，下方标题加介绍 结束 ===== */


/* ===== 公共样式14：产品-上方渐变大图，左下方标题加介绍 开始 ===== */
.pubModule14{
    background: #000;
    color: #fff;
    padding-bottom: 1rem;
}
.pubModule14 img{
    display: block;
    width: 100%;
    height: auto;
}
.pubModule14 .txt{
    position: relative;
    width: 100%;
    z-index: 2;
    margin-top: -1rem;
    padding-left: 10%;
}
.pubModule14 h3{
    font-family: "Montserrat-Bold";
    margin-bottom: 0.2rem;
}
.pubModule14 p{
    max-width: 8.5rem;
    /*text-align: justify;*/
}

@media (max-width: 800px){
    .pubModule14 .txt{
        margin-top: 0rem;
        padding: 0rem 4%;
    }
}
/* ===== 公共样式14：产品-上方渐变大图，左下方标题加介绍 结束 ===== */


/* ===== 公共样式15：上方横图轮播，下方文字切换轮播 开始 ===== */
.pubModule15{
    padding: 1rem 0rem;
    background: #F5F5F5;
}
.swiperBox .pubModule15{
    display: none;
}
.pubm15Swiper{
    width: 100%;
    height: 6.4rem;
    margin-bottom: 0.45rem;
}
.pubm15Swiper img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pubm15Swiper .swiper-slide{
    border-radius: 0.14rem;
    overflow: hidden;
}
.pubm15Tab{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.pubm15Tab li{
    width: 18%;
    cursor: pointer;
}
.pubm15Tab i{
    display: block;
    width: 100%;
    height: 0.03rem;
    background: #DEDEDE;
    margin-bottom: 0.2rem;
}
.pubm15Tab p{
    color: #666;
}
.pubm15Tab .on i{
    background: #000;
}
.pubm15Tab .on p{
    color: #000;
}

@media (max-width: 800px){
    .pubModule15{
        padding: 1rem 4%;
    }
    .pubm15Swiper{
       height: 4rem;
    }
    .pubm15Tab p{
        font-size: 0.28rem;
    }
    .pubm15Tab{
        width: 100%;
        overflow-x: auto;
        flex: 0 0 auto;
    }
    .pubm15Tab li{
        width: 40%;
        flex: 0 0 auto;
        margin-right: 0.3rem;
    }
    .pubm15Tab li:last-of-type{
        margin-right: 0rem;
    }
}
/* ===== 公共样式15：上方横图轮播，下方文字切换轮播 结束 ===== */


/* 产品认证体系 */
.pubCertification{
    padding: 0.7rem 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pubCertification .rzImg{
    display: block;
    width: 40%;
    height: auto;
    margin-right: 0.65rem;
    flex-shrink: 0;
}
.pubCertification .con{
    flex-grow: 1;
    text-align: center;
}
.pubCertification h3{
    margin-bottom: 0.7rem;
}
.pubCertification ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pubCertification .con img{
    display: block;
    width: 1.7rem;
    height: auto;
    margin: 0rem auto 0.25rem auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.pubCertification li:hover img{
    transform: rotate(15deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 800px){
    .pubCertification{
        flex-wrap: wrap;
        padding: 1rem 4%;
        flex-direction: column-reverse;
        justify-content: unset;
        align-items: unset;
    }
    .pubCertification .rzImg{
        width: 100%;
    }
    .pubCertification .con{
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .pubCertification ul{
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .pubCertification li{
        width: 48%;
    }
    .pubCertification li:nth-child(odd){
        margin-right: 4%;
    }
    .pubCertification li:nth-child(n+3){
        margin-top: 0.4rem;
    }
}


/* 应用场景 */
.pubScenario{
    padding: 0.7rem 0rem;
}
.pubScenario>h3{
    text-align: center;
    margin-bottom: 0.5rem;
}
.pubScenarioSwiper .swiper-slide{
    background: #fff;
}
.pubScenarioSwiper img{
    display: block;
    width: 100%;
    height: 6.4rem;
    border-radius: 0.14rem;
    object-fit: cover;
}
.pubScenarioSwiper p{
    text-align: center;
    margin-top: 0.25rem;
}
.pubScenarioSwiper .swiper-button-next::after,
.pubScenarioSwiper .swiper-button-prev::after{
    display: none;
}
.pubScenarioSwiper .swiper-button-next,
.pubScenarioSwiper .swiper-button-prev{
    display: block;
    width: 0.45rem;
    height: 0.45rem;
    top: 3rem;
    margin: 0rem;
}
.pubScenarioSwiper .swiper-button-next{
    background: url(../images/nextImg.png)no-repeat center center;
    background-size: 100% 100%;
}
.pubScenarioSwiper .swiper-button-prev{
    background: url(../images/prevImg.png)no-repeat center center;
    background-size: 100% 100%;
}
@media (max-width: 800px){
    .pubScenario{
        padding: 1rem 4%;
    }
    .pubScenarioSwiper{
        font-size: 0.3rem;
    }
    .pubScenarioSwiper img{
        height: 3.4rem;
    }
    .pubScenarioSwiper .swiper-button-next,
    .pubScenarioSwiper .swiper-button-prev{
        top: 1.6rem;
    }
}


/* 案例 */
.pubCaseBox{
    padding: 0.7rem 0rem;
    background: #F5F5F5;
}
.pubCase h3{
    text-align: center;
    margin-bottom: 0.6rem;
}
.pubCaseSwiper .swiper-slide{
    width: 15rem;
    text-align: center;
}
.pubCaseSwiper img{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0.3rem;
}
.pubCaseSwiper .swiper-button-next::after,
.pubCaseSwiper .swiper-button-prev::after{
    display: none;
}
.pubCaseSwiper .swiper-button-next,
.pubCaseSwiper .swiper-button-prev{
    display: block;
    width: 0.45rem;
    height: 0.45rem;
    top: 4rem;
    margin: 0rem;
}
.pubCaseSwiper .swiper-button-next{
    background: url(../images/nextImg.png)no-repeat center center;
    background-size: 100% 100%;
    right: 1.2rem;
}
.pubCaseSwiper .swiper-button-prev{
    background: url(../images/prevImg.png)no-repeat center center;
    background-size: 100% 100%;
    left: 1.2rem;
}
@media (max-width: 800px){
    .pubCaseBox{
        padding: 1rem 4%;
    }
    .pubCaseSwiper .swiper-slide{
        width: 100%;
    }
    .pubCaseSwiper{
        font-size: 0.3rem;
    }
    .pubCaseSwiper .swiper-button-next,
    .pubCaseSwiper .swiper-button-prev{
        top: 1.8rem;
    }
    .pubCaseSwiper .swiper-button-next{
        right: 10px;
    }
    .pubCaseSwiper .swiper-button-prev{
        left: 10px;
    }
}
/* ============================= 公共样式 结束 ============================= */