/*
 * @Description: 公共的样式写在这个文件中
 * @fileName: pulicStyle.css
 * @Author: LiSuwan
 * @Date: 2020-01-09 13:31:02
 * @LastEditors: LiSuwan
 * @LastEditTime: 2022-07-15 17:59:39
 */


/* 字体引入 start */


/* @font-face {
    font-family: "shouxieti";
    src: url('../fonts/shouxieti.TTF');
} */


/* 
@font-face {
    font-family: "slideyouran";
    src: url('../fonts/slideyouran-Regular.TTF');
} */

@font-face {
    font-family: "PingFang Heavy";
    src: url("../fonts/PingFangHeavy.OTF");
}

@font-face {
    font-family: "PingFang";
    src: url("../fonts/PingFangMedium.OTF");
}

@font-face {
    font-family: "Repair-Bold";
    src: url("../fonts/REPAIR-BOLD.TTF");
}

@font-face {
    font-family: " OPPOSans-M";
    src: url("../fonts/OPPOSANS-M.TTF");
}

@font-face {
    font-family: " OPPOSans-R";
    src: url("../fonts/OPPOSANS-R.TTF");
}

@font-face {
    font-family: "OPPOSans-B";
    src: url("../fonts/OPPOSANS-B.TTF");
}

@font-face {
    font-family: "HuXiaoBo";
    src: url("../fonts/huxiaobo.OTF");
}

@font-face {
    font-family: "Repair-Regular";
    src: url("../fonts/REPAIR-REGULAR.TTF");
}

.fr {
    float: right;
}

.fl {
    float: left;
}


/* ==============页面公共头部 start=============== */

#base_header {
    padding-left: 0.25rem;
    align-items: center;
    height: 0.88rem;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 900;
    background-color: #fff;
}


/* logo */

#base_header #logo {
    display: inline-block;
    width: 1.5rem;
    height: 0.52rem;
    text-indent: -9999px;
    background: url("../images/yianlian_logo.png") no-repeat 50% 50%;
    background-size: cover;
    margin-right: 0.24rem;
    margin-top: 0.18rem;
}


/* 电话 */

#base_header #phone {
    height: 0.88rem;
    display: inline-flex;
    align-items: center;
    border: none;
    border-left: 1px solid #e6e6e6;
    padding-left: 0.24rem;
    background-color: transparent;
    line-height: 0.88rem;
}

#base_header #phone>img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.16rem;
}

#base_header #phone>span {
    font-size: 0.3rem;
    color: #333;
}


/* 菜单按钮 */

#base_header #menu {
    width: 0.88rem;
    height: calc(100% + 0.005rem);
    background-color: #79b53d;
    background-repeat: no-repeat;
    background-position: center center;
}

#base_header #menu.menu {
    background-image: url("../images/menu.png");
    background-size: 0.34rem 0.3rem;
}

#base_header #menu.cha {
    background-image: url("../images/cha.png");
    background-size: 0.3rem 0.3rem;
}

.ovfHidden {
    overflow: hidden;
    height: 100%;
}


/* 下拉菜单 */

#base_header #dropDownList {
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0.88rem;
    left: 0;
    width: 100%;
    height: calc(100% - 0.88rem);
    z-index: 800;
    overflow: auto;
}

#base_header #dropDownList::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#base_header #dropDownList li {
    background-color: #fff;
}

#base_header #dropDownList p {
    color: #333;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

#base_header #dropDownList li>p,
.base_footerSecond .fs30 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.28rem;
    line-height: 0.28rem;
    height: 1rem;
}

#base_header #dropDownList li>p>.bb {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 0.36rem;
    padding-bottom: 0.36rem;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
}

#base_header #dropDownList .pl64 {
    padding-left: 0.64rem;
}

#base_header #dropDownList .fs30 {
    font-size: 0.3rem;
}

#base_header #dropDownList .fs26 {
    font-size: 0.26rem;
}

#base_header #dropDownList .jiantou,
.base_footerFirst li .jiantou,
.base_footerSecond .jiantou {
    display: inline-block;
    width: 0.1rem;
    height: 0.13rem;
    transition: transform 0.5s;
}

#base_header #dropDownList .xiayibu1,
.base_footerSecond li .xiayibu1 {
    background: url("../images/xiayibu1.png") no-repeat center/cover;
}

#base_header #dropDownList .xiayibu_white {
    background: url("../images/xiayibu_white.png") no-repeat center/cover;
}

#base_header #dropDownList .active>span .jiantou,
.base_footerFirst li.active .jiantou,
.base_footerSecond .active .jiantou,
#content ul li.active .jiantou,
#base_header #dropDownList .active>.jiantou {
    transform: rotate(90deg);
}

#base_header #dropDownList .fir>.active {
    /*background-color: #007fff;*/
    color: #007fff !important;
}

#base_header #dropDownList .sec>.active {
    color: #007fff;
}

#base_header #dropDownList .sec>p {
    padding-left: 0px;
}

#base_header #dropDownList .sec>ul {
    padding-bottom: 0.14rem;
    padding-top: 0.14rem;
    border-bottom: 1px solid #e6e6e6;
}

#base_header #dropDownList .sec>ul li {
    padding: 0.17rem 0px 0.17rem 0.6rem;
    color: #666;
    box-sizing: border-box;
}
#base_header #dropDownList .sec>ul li.threeMenu {
    padding-left: 0.8rem;
}
#base_header #dropDownList .sec>ul li a {
    color: #333;
    display: block;
}

.prodcutServiceMenu {
    width: 0.32rem;
    height: auto;;
    margin-right: 0.08rem;
}

.prodcutServiceSubMenu {
    width: 0.30rem;
    height: auto;;
    margin-right: 0.15rem;
}


/* ==============页面公共头部 end=============== */


/* ===============页面公共底部 start================ */


/* 底部内容 */

#base_footer #content {
    background-color: #3f4656;
    padding: 0.2rem 0.25rem 0.6rem;
}

#base_footer #content>ul li {
    padding: 0rem;
    /*border-bottom: 1px solid #535967;*/
}

#base_footer #content>ul li a,
.base_footerSecond li span {
    padding: 0.3rem 0rem;
    display: block;
}

#base_footer #content>ul li>a,
#base_footer #content>ul li>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#base_footer #content>ul li,
#base_footer #content>ul li a {
    font-size: 0.2rem;
    color: #fff;
}
/*#base_footer #content>ul li:nth-child(odd){*/
/*    float: left;*/
/*}*/
/*#base_footer #content>ul li:nth-child(even){*/
/*    float: right;*/
/*}*/

#base_footer #content>ul li img {
    width: 0.1rem;
    height: 0.13rem;
}

#base_footer #content #contactUs {
    font-size: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    color: #fff;
    margin: 0.5rem 0 0.3rem;
    transition: transform 0.5s;
}

#base_footer #content #contact_phone {
    border: none;
    width: 3.1rem;
    height: 0.64rem;
    border-radius: 0.04rem;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    -ms-border-radius: 0.04rem;
    -o-border-radius: 0.04rem;
    background-color: #79b53d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3rem;
}

#base_footer #content #contact_phone>img {
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.14rem;
}

#base_footer #content #contact_phone>span {
    color: #fff;
    font-size: 0.3rem;
}

#base_footer #content #QQ {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}

#base_footer #content #QQ .QQ_icon {
    width: 0.2rem;
    height: 0.24rem;
    margin-right: 0.16rem;
}

#base_footer #content #QQ>span {
    font-size: 0.28rem;
    color: #b2b5bb;
}
.base_footerSecond .fs30{
    height: 0.6rem;
}
#base_footer #content>ul li a{
    padding: 0.12rem 0rem;
    display: block;
}
#base_footer #content .base_footerFirst>li>a{
    font-size: 0.3rem;
    margin-top: 0.4rem;
}
#base_footer #content .base_footerFirst .base_footerSecond li a{
    color: #999;
}
#base_footer #content #logos {
    height: 0.8rem;
    display: flex;
    overflow-x: auto;
}

#base_footer #content #logos::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#base_footer #content #logos>img {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.28rem;
    cursor: pointer;
    border-radius: 50%;
}

.base_footerSecond {
    /*padding-left: 0.64rem;*/
    overflow: hidden;
    /*border-top: 1px solid #535967;*/
    /*display: none;*/
}

#base_footer #content>ul .base_footerSecond li:last-child {
    border-bottom: none;
}

#base_footer #content>.base_footerSecond li+li {
    border-bottom: 1px solid #535967;
}


/* 友情链接 */

#base_footer #friend_link {
    height: 0.84rem;
    border-top: 1px solid #535967;
    background-color: #3f4656;
    padding: 0px 0.25rem;
    display: flex;
    align-items: center;
}

#base_footer #friend_link span,
#base_footer #friend_link>div>a {
    font-size: 0.24rem;
    color: #b0b2b7;
    white-space: nowrap;
}

#base_footer #friend_link>div {
    display: flex;
    max-width: calc(100% - 1.1rem);
    overflow-x: auto;
    margin-left: 0.11rem;
}

#base_footer #friend_link>div::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#base_footer #friend_link>div>a {
    margin: 0px 0.11rem;
}


/* 网站备案号 */

#base_footer #record {
    min-height: 0.7rem;
    font-size: 0.22rem;
    color: #84868d;
    background-color: #2f3646;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.1rem 0rem;
}

#record>a {
    color: #84868d;
    white-space: nowrap;
}


/* ===============页面公共底部 end================ */


/* ====== 公共内页头部banner start====== */

.publicIn_banner {
    position: relative;
    margin-top: 0.9rem !important;
}

.publicIn_banner img {
    width: 100%;
    height: auto;
    z-index: 1;
}

.publicIn_bannerText {
    overflow: hidden;
    position: absolute;
    z-index: 2;
    left: 0.25rem;
    top: 0.8rem;
}


.publicIn_bannerText.w92 {
    padding-left: 0px;
    padding-right: 0px;
    left: 4%;
    top: 0.8rem;
    right: 4%;
    width: 92%;
}

.publicIn_bannerText h4 {
    font-family: OPPOSans-M;
    font-size: 0.48rem;
    color: #333333;
    margin-bottom: 0.36rem;
    font-weight: 500;
}

.publicIn_bannerText p {
    font-family: OPPOSans-R;
    font-size: 0.22rem;
    color: #666666;
    line-height: 0.36rem;
}

.publicIn_bannerText a {
    display: inline-block;
    background-color: #007fff;
    border-radius: 0.04rem;
    padding: 0.18rem 0.38rem;
    font-family: OPPOSans-M;
    font-size: 0.24rem;
    color: #ffffff;
    margin-top: 0.5rem;
    letter-spacing: 0.01rem;
}

/* ====== 公共内页头部banner end====== */


/*========== 内容页标题样式 start============*/


/*========== 内容页标题样式 start============*/

.listTitle {
    width: 2rem;
    line-height: 1rem;
    font-size: 0.36rem;
    color: #1a1a1a;
    text-align: center;
    border-bottom: 1px solid #d9dfeb;
    position: relative;
    margin: 0px auto;
    font-weight: bold;
}

.listTitle:before {
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 0.2rem);
    background-color: #79b53d;
}


/*========== 内容页标题样式 end============*/


/* ====== 二级栏目tab start ====== */

.secondPage {
    background: #ffffff;
    box-shadow: 0px 0.07rem 0.4rem 0px rgba(38, 58, 88, 0.07);
    margin-bottom: 0.4rem;
    height: 1.1rem;
}

.secondPage_tab ul {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.secondPage_tab ul li {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    min-width: 1.2rem;
    position: relative;
    margin: 0rem 2.5%;
}

.secondPage_tab ul li.active:before {
    content: "";
    width: 0.5rem;
    height: 0.03rem;
    position: absolute;
    bottom: 0.03px;
    left: calc(50% - 0.25rem);
    background-color: #007fff;
    display: block;
}

.secondPage_tab ul li a {
    font-family: MicrosoftYaHei;
    font-size: 0.28rem;
    color: #333333;
    display: block;
    padding: 0.35rem 0rem 0.37rem;
}

.secondPage_tab ul li.active a {
    color: #007fff;
}


/* ====== 二级栏目tab end ====== */


/*========页面内容部分 start=======*/

#page_content {
    margin-top: 0.88rem;
}


/*========页面内容部分 end=======*/


/*======= 右侧返回头部和查看演示 start========*/

.returnBox {
    display: block;
    width: 0.9rem;
    /* height: 30px; */
    position: fixed;
    right: 0.3rem;
    bottom: 20%;
    z-index: 100;
}

.applyFor {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: #79b53d;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    /*line-height: 0.27rem;*/
    /*letter-spacing: 0px;*/
    color: #ffffff;
    /*text-align: center;*/
    /*padding-top: 0.15rem;*/
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.open ~ .emwWx{
    display: block;
}
.emwWx{
    display: none;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: -1.6rem;
    top: -0.3rem;
}
.emwWx>img{
    width: 100%;
    height: 100%;
}
.returnTop {
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    border: solid 1px #e5e5e5;
    background: url(../images/returnTop.png) no-repeat 50% 50%;
    margin-top: 0.14rem;
    background-color: white;
    background-size: 40% 40%;
    box-sizing: border-box;
}


/*======= 右侧返回头部和查看演示 end========*/

@media(max-width:368px) {
    .secondPage {
        height: 1.15rem;
    }
}


/* ============ 视频弹窗 start =========== */

.layer_video_pop_up {
    width: 92%;
    overflow: hidden;
    margin-left: 4%;
    max-height: 50%;
}

.layer_video_pop_up_content {
    max-height: 50%;
}

.layer_video_pop_up_content video {
    height: 5rem;
    width: 100%;
    object-fit: fill;
}

.video_pop_upCloseImg {
    width: 0.5rem;
    height: 0.5rem;
    float: right;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 20px;
}

.layUivideoPopup.layui-m-layerchild {
    background-color: transparent;
    width: 100%;
}


/* ============ 视频弹窗 end =========== */


/* ============ 页面底部弹窗二维码 start =========== */

.public_showQrcode.layui-m-layerchild {
    background-color: transparent;
}

.public_showQrcode {
    width: 5rem;
}

.public_showQrcode p {
    font-size: 0.4rem;
    color: #333;
    width: 100%;
    text-align: center;
    padding-bottom: 0.2rem;
    background: #fff;
    font-weight: 600;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
}

.public_showQrcode img {
    width: 5rem;
    height: 5rem;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}

.public_showQrcode img.public_close {
    float: right;
    margin-bottom: 0.3rem;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
}

.public_xd_tab{
    position: sticky;
    top: 0.86rem;
    z-index: 800;
}
/* ============ 页面底部弹窗二维码 end =========== */

.public_tips{
    color: #f80000;
   width: 100%;
    text-align: right;
    font-size: 0.24rem;
    margin-top: 0.2rem  ;
    display: none;
}

#fastgpt-chatbot-window {
    right: 0px !important;
}