/* 全局 */
        
        body {
            /*background: #f5f2f5;*/
            background-color: #fff;
            padding-bottom: 50px !important;
            margin: 0;
        }
        
        @font-face {
            font-family: "Noto Sans TC ";
            src: url(http://www.cebpubservice.com/common/css/font/AlibabaPuHuiTi-3-55-Regular.woff2) format('woff2');
            cache: local;
        }
        
        * {
            font-family: "Noto Sans TC ";
        }
        
        .el-table {
            font-size: 12px;
            text-align: left;
        }
        
        .tel_fixed {
            position: fixed;
            width: 46px;
            height: 46px;
            bottom: 40px;
            right: 20px;
            background-image: url(./images/tel.svg);
            background-size: 46px;
            border-radius: 50px;
            background-repeat: no-repeat;
            display: block;
            cursor: pointer;
        }
        
        #top {
            width: 100%;
            height: 208px;
            background: url(./images/banner.png) no-repeat center;
            position: relative;
            background-size: 100% 100%;
            font-family: "Noto Sans TC ";
        }
        
        #top .top {
            position: absolute;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #fff;
            top: 0;
        }
        
        #top .logo {
            position: absolute;
            width: 1200px;
            height: 214px;
            left: 50%;
            margin-left: -600px;
            top: 42px;
        }
        
        #top .logo .right {
            width: 1000px;
            height: auto;
            color: #fff;
            font-weight: bold;
            text-shadow: 2px 2px 0 #12274B;
            padding-left: 20px;
            padding-top: 5px;
            text-align: center;
            margin: 0 auto;
        }
        
        .contacts {
            display: none;
            position: fixed;
            bottom: 40px;
            right: 70px;
            background: rgba(94, 93, 93, 1);
            padding: 20px;
            border-radius: 15px;
        }
        
        .contacts p {
            font-weight: 700;
            text-decoration: none;
            font-size: 16px;
            color: #fff;
        }
        
        input {
            border: 0px;
            outline: none;
        }
        
        input:active {
            direction: none;
        }
        
        ul {
            padding: 0;
            margin: 0;
        }
        
        li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
        }
        
        .left {
            float: left;
        }
        
        .clear {
            clear: both;
        }
        
        .none {
            display: none;
        }
        
        .search {
            display: flex;
        }
        
        .search-input {
            width: 680px;
            margin: 0 auto;
        }
        
        .search_bg {
            background-image: url(./images/search.png);
            background-size: 28px;
            width: 80px;
            background-position: center;
            height: 50px;
            background-repeat: no-repeat;
        }
        /* .el-input-group__append,
.el-input-group__prepend {
    padding: 0 12px;
    background: #fff;
}

.el-button--primary {
    color: #FFF;
    background-color: #2079ED;
    border-color: #2079ED;
} */
        
        .flexBetween {
            display: flex;
            /* justify-content: space-between; */
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        
        .flexStart {
            display: flex;
            justify-content: flex-start;
            padding: 0;
            margin: 0;
        }
        
        .flexEnd {
            display: flex;
            justify-content: flex-end
        }
        
        .flexColumn {
            display: flex;
            flex-direction: column
        }
        
        .flexAround {
            display: flex;
            justify-content: space-around
        }
        
        .flexCenter {
            display: flex;
            justify-content: center;
            align-items: center
        }
        
        .conBox {
            margin: 0 auto;
            width: 100%;
        }
        
        .conItem .conTop {
            width: 85px;
            position: relative;
            height: 85px;
            position: relative;
            margin: 0 auto;
            margin-bottom: 25px;
            box-shadow: 4px 6px 10px #ccc;
            border-radius: 50%;
            text-align: center;
            line-height: 122px;
            transition: transform 0.4s ease;
            cursor: pointer;
        }
        
        .conItem .conTop:hover {
            transform: translate(0, -8px) scale(1.2);
        }
        
        .conItem .conTop img {
            width: 50px;
            /* display: block;
            margin: 0 auto;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -25px;
            margin-left: -25px; */
        }
        
        .conBox .conItem {
            border-radius: 4px;
            transition: .2s;
            overflow: hidden;
            /* padding: 20px; */
            /* flex: 1; */
            margin-right: 20px;
            /* 每个元素右间距设置为20px */
            /* 计算每个元素的宽度：20px是前三个元素的间距（margin-right）和，除以4即为每个元素的宽度 */
            /* width: calc((100% - 80px) / 5); */
            margin-top: 30px;
            cursor: pointer;
            flex: 1;
        }
        
        .conBox .conItem:nth-of-type(4n+0) {
            margin-right: 0;
        }
        
        .conBox .conBottom {
            padding: 20px 20px 20px 20px;
            position: relative;
        }
        
        .conBox .conBottom p {
            margin: 0;
            padding: 0;
        }
        
        .title_text {
            height: 60px;
            color: #fff;
            font-weight: bold;
            text-shadow: 2px 2px 0 #12274B;
            position: absolute;
            left: 0;
            text-align: center;
            line-height: 35px;
            width: 100%;
            top: 0;
            margin-top: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            font-size: 15px;
        }
        
        .conBox .conBottom .tel {
            text-align: center;
            font-size: 14px;
        }
        
        .gg_img {
            width: 80px;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }
        
        .certificate_name {
            font-size: 14px;
            color: #333333;
            text-align: center;
            margin: 0;
            line-height: 22px;
        }
        
        .substance_advantage .certificate_name span {
            font-size: 14px;
            color: #535253;
            font-weight: 700;
        }
        
        .bold {
            font-weight: bold;
            color: #333333;
        }
        
        .certificate_source {
            font-size: 12px;
            height: 40px;
            border-top: 1px dashed #ccc;
            margin-top: 5px !important;
            padding-top: 6px !important;
            position: absolute;
            bottom: 0px;
            width: calc(100% - 40px);
            display: flex;
            color: #8B8B8C;
            padding-bottom: 4px;
        }
        
        .text_ellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 20px;
        }
        
        .title {
            font-size: 22px;
            color: #000000;
            text-align: center;
            font-weight: 700;
            margin-top: 90px;
            margin-bottom: 30px;
        }
        
        .title span {
            font-size: 14px;
            text-align: center;
            line-height: 31px;
            font-weight: normal;
        }
        
        .Information {
            padding-right: 15px;
            font-size: 18px;
            color: rgb(55, 121, 209);
            padding-left: 15px;
            background: #fff;
            border: 1px solid #cccc;
            height: 43px;
            display: inline-block;
            margin-right: 10px;
        }
        
        .code {
            display: flex;
            height: 40px;
        }
        
        .state {
            line-height: 40px;
            font-weight: bold;
            font-size: 18px;
            color: #000;
            border-bottom: 1px solid #ccc;
            margin-bottom: 20px;
        }
        
        .submit {
            flex: 0.5 !important;
        }
        
        .substance_advantage {
            margin-top: 15px;
        }
        
        .bz_text {
            width: 100%;
            text-align: center;
            color: #66666696;
            line-height: 80px;
        }
        
        .photograph {
            float: left;
            width: 152px;
        }
        
        .portrait {
            float: left;
            width: 152px;
            height: 240px;
            display: block;
            /* background-color: red; */
            display: flex;
            align-items: center;
        }
        
        .portrait img {
            width: 100%;
            margin: 0 auto;
        }
        
        .QRcode {
            float: left;
            width: 152px;
            height: 152px;
            display: block;
            margin-top: 25px;
        }
        
        .QRcode img {
            width: 100%;
            height: 100%;
        }
        
        .QRcode_Tip {
            width: 100%;
            float: left;
            font-size: 12px;
            text-align: center;
            color: #969494;
        }
        
        .info {
            width: 765px;
            float: left;
            height: 240px;
            margin-left: 25px;
            text-align: center;
        }
        
        .info-item {
            display: flex;
        }
        
        .info_cell {
            flex: 1;
            height: 45px;
            line-height: 45px;
        }
        
        .info_cell .el-input-group__append,
        .el-input-group__prepend,
        .info_cell .el-input-group--prepend .el-input__inner {
            border-radius: 0px;
        }
        
        .info_cell .el-input .el-input-group__prepend {
            width: 65px;
            background: #F2F2F2;
            color: #000;
        }
        
        .info_name {
            font-size: 20px;
            font-weight: bold;
            line-height: 45px;
            text-align: left;
        }
        
        .link {
            color: #409EFF;
            cursor: pointer;
        }
        /*头部*/
        
        .header {
            width: 100%;
            margin: 0 auto;
            /*margin-top: 30px;*/
        }
        
        .header .head {
            width: 1200px;
            height: 20px;
            margin: 0 auto;
        }
        
        .header-new {
            height: 28px;
            line-height: 28px;
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            color: #555454;
            margin: 0 auto;
            background: #f5f5f5;
            text-align: right;
        }
        
        .header-new .tel {
            font-weight: 700;
            font-style: normal;
            font-size: 16px;
            color: #0076F6;
            background: url(./images/tel.png);
            display: inline-block;
            background-size: 20px;
            background-repeat: no-repeat;
            padding-left: 25px;
            background-position: left center;
            margin-right: 25px;
        }
        
        .index {
            display: inline-block;
            margin-right: 50px;
        }
        /*logo*/
        
        .header .head .logo {
            width: 520px;
            height: 56px;
            float: left;
        }
        
        .header li {
            float: right;
            margin-top: 10px;
            font-size: 15px;
            list-style: none;
        }
        
        .header li a {
            text-decoration: none;
            color: #fff;
            outline: none;
            font-size: 14px;
        }
        
        .header .head .r_box {
            width: 100px !important;
            height: 30px;
            float: right;
            margin-top: 22px;
        }
        
        .header .head .r_box a {
            display: inline-block;
            margin-left: 20px;
            float: left;
            position: relative;
            background-image: url('./images/home_fill.png');
            font-size: 13px;
            color: #787575;
            background-size: 20px;
            background-repeat: no-repeat;
            background-position: 0px center;
            padding-left: 20px;
            text-decoration: none;
        }
        
        .header .head .r_box a.mobile {
            width: 22px;
            margin-left: 10px;
        }
        
        .header .head .r_box a.title {
            font-size: 14px;
            color: #A61111;
            font-weight: bold;
        }
        
        .header .head .r_box a .ewmImg {
            display: none;
            position: absolute;
            top: 26px;
            left: 0;
            height: 108px;
            max-width: 91px;
        }
        
        .header .head .r_box a .ewmImg,
        .header .head .r_box a .weixin {
            z-index: 9;
        }
        
        .header .head .r_box a:hover .ewmImg {
            display: block;
        }
        
        .logo_main {
            width: 940px;
            float: right;
            color: red
        }
        
        .logo_left {
            float: left;
        }
        
        .logo_right {
            margin: 0 auto;
            height: 130px;
            line-height: 130px;
            font-size: 38px;
            font-weight: 700;
            color: #000;
            text-align: center;
            background-repeat: no-repeat;
            background-position: right;
            background-size: 52% 130px;
        }
        
        .content .fixedTip {
            position: fixed;
            height: 100px;
            padding: 15px 0px;
            width: 170px;
            z-index: 999;
            top: 50%;
            left: 0%;
            margin-top: -50px;
            margin-left: 0;
        }
        
        .column_query .el-input {
            margin-bottom: 15px;
        }
        
        .column_query .el-input-group__append,
        .el-input-group__prepend {
            width: 60px;
            text-align: center;
        }
        
        .content .nav .lianxi {
            margin-top: 50px;
        }
        
        .content .nav .lianxi ul li {
            height: 40px;
            line-height: 30px;
        }
        
        .content .nav .lianxi ul .spe {
            background: #f7f4f8;
        }
        
        .content .nav .lianxi ul .spe a {
            color: #da4545;
        }
        
        .tips {
            width: 100%;
            background-color: rgba(251, 248, 229, 1);
            height: 45px;
            line-height: 45px;
            text-align: center;
            font-size: 18px;
            margin-bottom: 30px;
        }
        
        .main_logo {
            width: 942px;
            height: 130px;
            /*background: url(./images/main_bg.png) 0 0 repeat;*/
            margin: 0 auto;
        }
        
        .main_logo .img {
            width: 1200px;
            height: 200px;
            margin: 0 auto;
        }
        
        .main_logo .img img {
            height: 100%;
        }
        /* content */
        
        .waper {
            width: 100%;
            height: auto;
            /* padding-bottom: 75px; */
            /* background: no-repeat bottom / contain, linear-gradient(to bottom, #EDF1F8 0%, #EDF1F8 25%, #EDF1F8 50%, #EDF1F8 85%, #ffffff 100%); */
            /* background-image: url(./images/bg.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-position: top center; */
        }
        
        .content {
            /* width: 1200px; */
            width: 100%;
            height: auto;
            margin: 0 auto;
        }
        /* 右侧 */
        
        .content_right {
            /*margin-left: 18px;*/
            overflow: hidden;
            margin: 0 auto;
        }
        
        .content_right .banner {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }
        
        .content_right .banner img {
            width: 100%;
            height: 442px;
        }
        
        .content_right .banner-main {
            width: 1130px;
            height: 482px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
        
        .content_right .banner-title {
            font-size: 42px;
            font-weight: bold;
            color: #fff;
            margin-top: 123px;
            width: 800px;
            text-align: center;
        }
        
        .content_right .banner-line {
            width: 120px;
            height: 4px;
            background: #fff;
            margin: 34px 0 34px 0;
        }
        
        .content_right .banner-message {
            font-size: 20px;
            color: #fff;
            margin-top: 36px;
            width: 800px;
            text-align: center;
        }
        
        .content_right .banner-record {
            position: absolute;
            bottom: 23px;
            left: 0;
            display: flex;
            width: 739px;
            margin-left: 15px;
            height: 115px;
        }
        
        .content_right .banner-record-item {
            flex: 1;
            margin-right: 25px;
            text-align: center;
            padding-top: 25px;
            background: rgba(90, 87, 230, 0.2901960784313726);
            font-weight: 700;
            font-size: 28px;
            color: #FFFFFF;
            text-align: center;
            border-radius: 8px;
        }
        
        .content_right .banner-record-item span {
            padding-bottom: 3px;
            display: inline-block;
        }
        
        .content_right .banner-record-item:last-child {
            margin-right: 0px
        }
        
        .content_right .banner-record-item-text {
            font-size: 16px;
            color: #FFFFFF;
            text-align: center;
            margin: 0;
            font-weight: normal;
            border-top: 1px solid #fff;
            /* width: 80%; */
            margin: 0 auto;
            width: 145px;
            padding-top: 3px;
        }
        
        .people {
            text-align: right;
            margin-top: -150px;
        }
        
        .people img {
            width: 316px !important;
            height: 249px !important;
        }
        
        .content_text {
            padding-top: 65px;
            color: #535253;
            font-size: 16px;
            line-height: 31px;
            text-indent: 32px;
            width: calc(100% - 60px);
            padding: 50px 20px 0 20px;
        }
        
        .content_text p {
            padding: 0;
            margin: 0;
        }
        
        .customized-content-step-line {
            height: 2px;
            border-bottom: 2px dashed #4887F7;
            position: absolute;
            width: 110px;
            right: -78px;
            top: 41px;
        }
        
        .customized-content-step {
            display: flex;
            margin: 0 auto;
        }
        
        .customized-content-step-item {
            flex: 1;
            margin-right: 45px;
            position: relative;
        }
        
        .customized-content-step-item:last-child {
            margin-right: 0px;
        }
        
        .customized-content-step-item-wap-border {
            width: 105px;
            height: 77.5px;
            margin: 0 auto;
            position: relative;
            background-image: url(./images/djbg.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            padding-top: 12.5px;
        }
        
        .customized-content-step-item-Inner-border {
            width: 65px;
            height: 65px;
            border-radius: 50%;
            background: #4887F7;
            color: #fff;
            margin: 10px;
            font-size: 32px;
            text-align: center;
            line-height: 65px;
            margin: 0 auto;
        }
        
        .customized-content-step-title {
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            text-align: center;
            line-height: 22px;
            margin-top: 15px;
        }
        
        .customized-content-step-text {
            color: #999999;
            font-size: 14px;
            width: 68%;
            margin: 0 auto;
            text-align: center;
            margin-top: 12px;
            line-height: 25px;
        }
        
        .Business_Consulting {
            padding-bottom: 20px;
            width: 100%;
            margin: 0 auto;
            height: 170px;
            background-color: rgba(0, 118, 246, 1);
        }
        
        .Business_Consulting_auto {
            width: 700px;
            margin: 0 auto;
            position: relative;
        }
        
        .Business_Consulting_tel {
            font-size: 22px;
            color: #fff;
            text-align: center;
            width: 700px;
            height: 200px;
            line-height: 220px;
            text-align: center;
            display: inline-block;
            font-weight: 700;
            font-size: 28px;
        }
        
        .Business_Consulting_tel div {
            display: inline-block;
        }
        
        .Business_Consulting_img {
            display: inline-block;
            width: 155px;
            height: 144px;
            position: absolute;
            right: -70px;
            bottom: 33px;
            z-index: 77;
        }
        
        .Business_Consulting_img img {
            width: 100%;
        }
        
        .w1000 {
            width: 1200px;
            margin: 0 auto;
        }
        
        .logo-new {
            display: flex;
            margin-top: 20px;
            margin:0 auto;
        }
        
        .logo-new .logo-img {
            width: 420px;
            display: flex;
            line-height: 44px;
        }
        
        .logo-img img {
            width: 270px;
            height:45px;
        }
        
        .logo-img span {
            display: inline-block;
            height: 30px;
            padding-left: 10px;
            margin-left: 10px;
            border: none;
            border-left: 1px #000 solid;
            line-height: 30px;
            margin-top: 5px;
            font-weight: 700;
            font-style: normal;
            font-size: 20px;
        }
        
        .logo-new .nav {
            display: flex;
            flex-direction: row;
            height: 43px;
            line-height: 43px;
            cursor: pointer;
            font-size: 16px;
            color: #575858;
            position: relative;
            z-index: 999;
            background-color: #fff;
            width: 910px;
        }
        
        .tabContent {
            position: relative;
        }
        
        .nav-top {
            background-image: url('./images/nav_bg.png');
            height: 80px;
            line-height: 80px;
            font-weight: 700;
            font-style: normal;
            letter-spacing: 5.7px;
            color: #FFFFFF;
            text-align: center;
            font-size: 32px;
            margin-top: 24px;
        }
        
        .nav-bottom {
            background-image: url('./images/p4.png');
            height: 80px;
            line-height: 80px;
            font-weight: 700;
            font-style: normal;
            letter-spacing: 5.7px;
            color: #FFFFFF;
            text-align: center;
            font-size: 32px;
            margin-top: 24px;
            position: relative;
        }
        
        .nav-bottom-tel {
            position: absolute;
            font-weight: normal;
            font-size: 18px;
            letter-spacing: 2px;
            font-weight: bold;
            padding-left: 20px;
        }
        
        .nav-title {
            margin: 0;
            display: inline-block;
            margin-left: 260px;
        }
        
        .nav-top span {
            font-weight: normal;
            font-size: 14px;
            letter-spacing: 0px;
            line-height: 90px;
        }
        
        .nav-active {
            /* background-color: rgba(0, 90, 196, 1);
            color: #fff; */
            font-weight: bold;
            color: rgb(0, 118, 246);
        }
        
        .nav-item:hover {
            /* background-color: rgba(0, 90, 196, 1);
            color: #fff; */
            font-weight: bold;
            color: rgb(0, 118, 246);
        }
        
        .nav .nav-item {
            flex: 1;
            text-align: center;
        }
        
        .nav-item-2,
        .nav-item-4 {
            margin-top: 24px;
        }
        
        .nav-item-4 {
            background-color: rgba(242, 242, 242, 1);
            display: none;
        }
        
        .nav-item-4,
        .nav-item-3,
        .nav-item-2,
        .nav-item-5 {
            display: none;
        }
        
        .nav-item-5 .nav-top {
            position: absolute;
            top: 0;
            width: 100%;
        }
        
        .InteractiveData .title {
            color: #000;
            font-size: 32px;
            font-weight: bold;
            text-align: center;
            line-height: 100px;
            width: 1200px;
            margin: 0 auto;
        }
        
        .tab_data {
            display: flex;
            width: 720px;
            height: 50px;
            line-height: 50px;
            border-bottom: 1px solid #ccc;
            margin-top: 15px;
        }
        
        .interactive {
            flex: 1;
            text-align: center;
            cursor: pointer;
            font-size: 16px;
        }
        
        .select {
            color: #045194;
            border-bottom: 2px solid #045194;
        }
        
        .InteractiveData {
            width: 1200px;
            margin: 0 auto;
            /*  background: linear-gradient(-180deg, rgba(0, 216, 247, 0) 0%, #e4edf4 100%); */
            /*  padding-bottom: 80px;*/
        }
        
        .InteractiveData .title {
            display: flex;
            justify-content: center;
            margin-top: 30px;
        }
        
        .InteractiveData .title .title_bg {
            width: 210px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            font-weight: normal;
            cursor: pointer;
        }
        
        .InteractiveData .title .title_bg:nth-child(1) {
            background-image: url(./images/tab1.png);
            background-repeat: no-repeat;
            background-size: 25px 25px;
            background-position: 22px center;
        }
        
        .InteractiveData .title .title_bg:nth-child(2) {
            background-image: url(./images/tab2.png);
            background-repeat: no-repeat;
            background-size: 25px 25px;
            background-position: 15px center;
            padding-left: 20px;
            ;
        }
        
        .dataTitle {
            font-size: 18px;
            font-weight: 700px;
            color: #333333;
            margin: 15px 0;
            font-weight: 700;
            background-repeat: no-repeat;
            background-size: 25px 25px;
            background-position: left center;
            padding-left: 30px;
            margin-top: 40px;
        }
        
        .title_active {
            color: rgba(0, 118, 246, 1);
            border-bottom: 3px solid rgba(0, 118, 246, 1);
        }
        
        .mar1200_auto {
            margin: 0 auto;
            width: 1200px;
        }
        
        .Totaldata {
            display: flex;
            justify-content: center;
        }
        
        .marketCompetitionItem {
            /* display: flex; */
            justify-content: space-between;
            color: #000;
            padding: 0 40px;
            margin-top: 0px;
        }
        
        .markeTable {
            /* flex: 1; */
            color: #000;
            text-align: center;
            font-size: 13px;
            width: 33.33%;
            float: left;
            margin-top: 15px;
        }
        
        table,
        th,
        td {
            border: 1px #000 solid;
            border-collapse: collapse;
            text-align: left;
        }
        
        table {
            width: 80%;
            margin: 0px auto;
        }
        
        .markeTable th,
        td {
            padding: 8px 4px !important;
        }
        
        .markeTable th {
            color: #000;
        }
        
        .dqhyd-text {
            font-size: 18px;
            color: #000;
            margin: 8px 0;
            text-align: center;
            font-weight: 600;
        }
        
        .infoHeader {
            background-color: #E8A248;
        }
        
        .infoHeader_last {
            background-color: #7CB93E;
        }
        
        .infoHeader th {
            color: #fff !important;
        }
        
        .dqhyd_text_a {
            color: #5a5ae9;
            margin-left: 30px;
            cursor: pointer;
        }
        
        .tel_fixed_bottom {
            position: fixed;
            line-height: 40px;
            width: 80px;
            height: 40px;
            bottom: -1px;
            right: 20px;
            /* background-image: url(../zhonghong/tel.svg); */
            /* background-size: 46px; */
            /* border-radius: 50px; */
            /* background-repeat: no-repeat; */
            display: block;
            cursor: pointer;
            text-align: center;
            color: #525252;
            font-weight: bold;
            background-color: #f1f1f1;
            border-top: 1px solid #ccc;
        }
        
        .login {
            position: fixed;
            width: 80px;
            line-height: 40px;
            height: 40px;
            bottom: 40px;
            right: 20px;
            display: block;
            cursor: pointer;
            text-align: center;
            color: #525252;
            font-weight: bold;
            background-color: #f1f1f1;
        }
        
        .contacts {
            display: none;
            position: fixed;
            bottom: 7px;
            right: 105px;
            background: rgba(94, 93, 93, 1);
            padding: 20px;
            border-radius: 15px;
        }
        
        .contacts p {
            font-weight: 700;
            text-decoration: none;
            font-size: 16px;
            color: #fff;
        }
        
        .justify_title {
            padding: 8px 20px;
            text-align: center;
        }
        
        .products-content-right-btn {
            height: 60.5px;
            width: 284px;
            margin: 0 auto;
            border-radius: 50px;
            font-size: 14px;
            text-indent: 65px;
            display: none;
            font-weight: 700;
            font-size: 20px;
            color: #0076F6;
            background-color: #fff;
        }
        
        .products-content-right-btn p {
            /* height: 20px;*/
            height: 60.5px;
            line-height: 60.5px;
        }
        
        .products-content-ph {
            background-image: url(./images/tel.png);
            background-repeat: no-repeat;
            background-position: 20px center;
            background-size: 26px;
        }
        
        .public_content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .public_service,
        .substance_advantage,
        .CollaborationCases,
        .customized-content {
            background-color: #fff;
            border-radius: 15px;
            padding: 75px 135px 55px 135px;
            width: 930px;
            margin: 0 auto;
            margin-top: 10px;
        }
        
        .Services_provided {
            border-radius: 15px;
            padding: 75px 135px 55px 135px;
            width: 930px;
            margin: 0 auto;
            margin-top: 10px;
            background-image: url(./images/lm_bg.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% 100%;
        }
        
        .Services_provided .public-title {
            color: #fff;
        }
        
        .Services_provided_content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .server_item {
            flex: 1;
        }
        
        .server_item_title {
            font-weight: 400;
            font-size: 28px;
            color: #FFFFFF;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .server_item_bg2,
        .server_item_bg1 {
            background-size: 40px 40px;
            background-repeat: no-repeat;
            background-position: 80px center;
        }
        
        .server_item_bg2 {
            background-image: url(./images/server_2.svg);
        }
        
        .server_item_bg1 {
            background-image: url(./images/server_1.svg);
        }
        
        .server-item_text {
            display: flex;
            justify-content: space-between;
            color: #fff;
            font-size: 13px;
            font-weight: 700;
            color: rgba(0, 118, 246, 1);
            align-items: center;
        }
        
        .server-item_text p {
            width: 144px;
            height: 32px;
            background-color: #fff;
            border-radius: 5px;
            line-height: 32px;
            text-align: center;
        }
        
        .public-title {
            font-weight: 400;
            font-style: normal;
            font-size: 36px;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .public_right {
            padding: 0px 0px 0 100px;
            font-size: 14px;
            color: #555454;
            line-height: 30px;
            text-indent: 28px;
        }
        
        .public_right p {
            margin: 0;
        }
        
        .public_right span {
            font-size: 14px;
            color: #555454;
            font-weight: 700;
        }
        
        .CollaborationCases .conItem .case_img {
            height: 80px;
        }
        
        .CollaborationCases .conItem:nth-child(1) .case_img img {
            width: 130px;
            height: 80px;
        }
        
        .CollaborationCases .conItem:nth-child(2) .case_img img {
            width: 124px;
            height: 80px;
        }
        
        .CollaborationCases .conItem:nth-child(3) .case_img img {
            width: 80px;
            height: 80px;
        }
        
        .CollaborationCases .conItem:nth-child(4) .case_img img {
            width: 173px;
        }
        
        .CollaborationCases .conItem:nth-child(4) .case_img {
            line-height: 110px;
        }
        
        .case_img {
            text-align: center;
        }
        
        .case_title {
            width: 175px;
            height: 43px;
            background-color: rgba(0, 118, 246, 1);
            border-radius: 43px;
            margin-bottom: 10px;
            text-align: center;
            line-height: 43px;
            font-weight: 700;
            color: #FFFFFF;
            font-size: 13px;
        }
        
        .case_text {
            color: #555454;
            text-align: left;
            line-height: 23px;
            font-size: 13px;
            white-space: break-spaces;
            width: 175px;
            height: 160px;
        }
        
        .title_small {
            font-size: 18px;
            text-align: center;
            line-height: 31px;
            font-weight: bold;
            color: #333333;
            margin-top: 15px;
        }
        
        .customized-content {
            margin-bottom: -37px;
            position: relative;
            z-index: 66;
        }
        /* 电话咨询 */
        
        .fixed {
            position: fixed;
            top: 210px;
            right: 0;
            width: 65px;
            height: 184px;
            background: #fff;
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            text-align: center;
            justify-content: space-evenly;
            cursor: pointer;
            z-index: 99999;
            padding: 15px 0 15px 0;
        }
        
        .fixed p {
            margin: 0;
            font-size: 12px;
            text-align: center;
            line-height: 18px;
        }
        
        .fixed img {
            width: 37px;
            height: 37px;
            margin-bottom: 3px;
        }
        
        .tel {
            margin-bottom: 10px;
        }
        
        #popup {
            width: 270px;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            color: #FFFFFF;
            text-align: left;
            border-radius: 15px;
            padding: 15px 30px;
            position: fixed;
            top: 220px;
            right: 55px;
            z-index: 8888;
            right: -380px;
        }
        .mar-top20{
            margin-top: 20px;
        }
        #navbar {
          width: 100%; /* 宽度占满屏幕 */
          transition: top 0.3s; /* 平滑过渡效果 */
        }
         
        .is-sticky {
          top: 0; /* 吸顶时的位置 */
          background: #fff;
          z-index: 999999;
          position: fixed; /* 固定位置 */
          top: 0; /* 顶部对齐 */
          left: 0; /* 左边对齐 */
          padding-top: 30px;
          height: 74px;
        }