@charset "utf-8";
/*通用*/
html,body{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
:root{
    --red: #d71f1d;
    --blakc: #1a1a1a;
}
@font-face {
    font-family: 'w03';
    src: url("/static/font/W03.ttf");
}
.shadow{
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
}
.pcshow{display: block}
.pchide{display: none}
.w03{
    font-family: 'w03';
}
.w75{
    width: 76.084%;
    margin: 0 auto;
}
.tit{
    font-size: 42px;
    font-weight: bold;
}
.ltit{
    font-size: 26px;
    font-weight: bold;
}
.mflex{
    display: flex;
    align-items: center;
}
.toBlock{
    display: block;
}
img{
    width: 100%;
    height: auto;
    display: block;
}
.onimg{display: none}
.trans5{transition: all .5s}
.trans3{transition: all .3s}
.pub-btn{
    border-radius: 10px;
    display: flex;
    background: var(--red);
    position: relative;
    align-items: center;
    justify-content: center;
    /*overflow: hidden;*/
    width: 200px;
    height: 59px;
    line-height: 59px;
}
.pub-btn > img {
    width: 16px;
    position: absolute;
    left: 66%;
    transition: .5s;
    opacity: 1;
}
.pub-btn p {
    color: #fff;
    transition: .3s;
    /*line-height: 59px;*/
    margin-left: -40px;
    letter-spacing: 2px;
}
.pub-btn:hover > img{
    left: 100%;
    opacity: 0;
}
.pub-btn:hover p {
    margin: 0;
}
.pub-btn .code-box{
    display: flex;
    align-items: center;
}
.pub-btn .code-box,
.pub-btn .link-box{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    transition: .5s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.pub-btn .link-box .link-list a{
    transition: .3s;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
.pub-btn .link-box .link-list a::after{
    content: '';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: var(--blakc);
    border-radius: 50%;
}
.pub-btn .link-box .link-list a:hover {color: var(--red)}
.pub-btn .link-box .link-list a:hover::after{
    background: var(--red);
}
.pub-btn .sjx{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #eae8e8;
    margin: 0 auto;
    transform: rotate(90deg);
}
.pub-btn .code-box .code-img,
.pub-btn .link-box .link-list{
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow:
            0 0 8px rgba(34, 24, 21, 0.05),
            0 0 8px rgba(34, 24, 21, 0.05);
    /*border: 1px solid #ccc;*/

}

.pub-btn .link-box{
    /*width: 180px;*/
    left: 100%;
    top: 50%;
    transform: translate(0, -50%);

}
.pub-btn .link-box .link-list{
    display: flex;
    width: 400px;
    justify-content: space-between;
}

.i-ban-btn.on .link-box{
    opacity: 1;}

.pub-btn .code-box .code-img img {
    width: 120px;
}
.pub-btn.on .code-box{
    opacity: 1;
}

.side{
    width: 59px;
    height: 177px;
    background: rgba(64, 64, 64, .9);
    border-radius: 8px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 16px;
    box-sizing: border-box;
    z-index: 100;
}
.side .wx{
    width: 100%;
}
.side img{
    width: auto;
    margin: 0 auto 10px;
    cursor: pointer;
}
.side .wx p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 18px;
}
.side .side-line{
    background: rgba(255, 255, 255, .25);
    height: 1px;
    width: 100%;
    margin: 15px 0;
}
    /*头部*/
.mob-header{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
    z-index: 999;
    background: #fff;
    width: 100%;
}
.mob-header .w75{
    height: 75px;
    justify-content: space-between;
    position: relative;
}
.mob-header .w75 .nav-line{
    cursor: pointer;
}

.mob-header .w75 .nav-line div {
    width: 30px;
    height: 2px;
    background: var(--red);
    margin-bottom: 10px;
    transition: .5s;
}
.mob-header .w75 .nav-line.on .line2{
    opacity: 0;
}
.mob-header .w75 .nav-line.on .line1{
    transform: rotate(-45deg) translateY(0px);
    transform-origin: right bottom;
}
.mob-header .w75 .nav-line.on .line3{
    transform: rotate(43deg) translateY(-1px);
    transform-origin: right top;
}
.mob-header .w75 .mob-phone{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.mob-header .w75 .mob-phone p {
    font-size: 22px;
    margin-left: 5px;
}
.mob-nav-wrap{
    background: #fff;
    height: 0;
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 999;
    width: 100%;
    overflow: hidden;
}
.mob-nav-wrap .mob-nav li{
    border-bottom: 1px solid #2a2a2a;
    padding: 0 20px;
    box-sizing: border-box;
    height: 120px;
    overflow: hidden;
    transition: .5s;
}
.mob-nav-wrap .mob-nav li.on img{
    transform: rotate(90deg);
}
.mob-nav-wrap .mob-nav li > a {
    justify-content: space-between;
    height: 120px;
    font-size: 22px;
}
.mob-nav-wrap .mob-nav li .mob-link a{
    margin-bottom: 20px;
}
.header {
    height: 75px;
    width: 100%;
    background: var(--blakc);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    transition: .5s;
}
.header .w75{
    justify-content: space-between;
    height: 100%;
}
.header .w75 .header-nav li{
    position: relative;
    margin: 0 35px;
    height: 100%;
}
.header .w75 .header-nav li .nav2{
    position: absolute;
    left: 15px;
    top: 100%;
    display: none;
    white-space: nowrap;
}
.header .w75 .header-nav li .nav2 a {
    color: #1f2937;
    position: relative;
    margin: 40px 60px 0 0;
    letter-spacing: 1px;

}
.header .w75 .header-nav li .nav2 a::after{
    content: '';
    width: 0;
    height: 2px;
    background: var(--red);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s;
}
.header .w75 .header-nav li .nav2 a:hover::after{
    width: 90%;
}
.header .w75 .header-nav li:hover .nav2{
    display: flex;
}
.header .w75 .header-nav li > a{
    color: #fff;
    letter-spacing: 1px;
    transition: .3s;
    opacity: .8;
}
.header .w75 .header-nav li.on > a,
.header .w75 .header-nav li > a:hover{
    opacity: 1;
    font-weight: bold;
}
.header .w75 .tel-num{
    color: #fff;
    font-size: 22px;
    margin-left: 10px;
    letter-spacing: 2px;
    font-weight: bold;

}
.header.on{background: #fff;}
.header.on img{display: none}
.header.on .onimg{display: block}
.header.on .w75 .header-nav li > a{
    color: #1f2937;
}
.header.on .tel-num{
    color: var(--blakc);
}
/*首页*/
.i-banner .i-ban-item{
    position: relative;
}
.i-banner .i-ban-item .w75{
    position: absolute;
    left: 50%;
    top: 18.89%;
    transform: translateX(-50%);
}
.i-ban-tit{
    font-size: 60px;
    line-height: 86px;
    font-weight: bold;
}
.i-banner .i-ban-item .w75 .i-ban-list{
    width: 500px;
    flex-wrap: wrap;
    margin: 40px 0;
}
.i-banner .i-ban-item .w75 .i-ban-list li {
    width: 139px;
    height: 39px;
    border-radius: 10px;
    background: #fff;
    margin-right: 15px;
    margin-bottom: 15px;
    justify-content: center;
}
.i-banner .i-ban-item .w75 .i-ban-list li .icon img{
    width: auto;
}
.i-banner .i-ban-item .w75 .i-ban-list li  p {
    font-size: 16px;
    margin-left: 10px;
}
.i-banner .i-ban-item .w75 .i-ban-text{
    margin-bottom: 55px;
}
.i-banner .i-ban-item .w75 .i-ban-text p{
    margin-right: 15px;
}
.i-banner .i-ban-item .i-ban-btn{
    width: 200px;
    height: 59px;
}

/*底部*/
.footer{
    background: url("/static/img/foot-bg.jpg") center center / cover no-repeat;
    height: 566px;
    width: 100%;
    padding: 70px 0 0 ;
    box-sizing: border-box;
    margin-top: -1px;
}
.footer *{color: #fff}
.footer .f1{
    justify-content: space-between;
    display: flex;
    align-items: flex-end;
}
.footer .f1 .f1-left .f1-text{
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    line-height: 28px;
    margin-left: 70px;
}
.footer .f1 .f1-right{
    color: #475363;
    width: 277px;
    height: 59px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    line-height: 59px;
    transition: .5s;
}
.footer .f1 .f1-right:hover{
    background: var(--red);
    color: #fff;
}
.footer .f-line{
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin: 57px 0 20px;
}
.footer .f2{
    justify-content: space-between;
    display: flex;
}
.footer .f2 .f-tel{
    display: flex;
    align-items: flex-end;
}
.footer .f2 .f-tel .tel{
    letter-spacing: 2px;
    font-size: 28px;
    font-weight: bold;
}
.footer .f2 .f-tel > *{
    line-height: 1em;
}
.footer .color9{
    font-size: 14px;
    color: #999;
}
.footer .f2 .f2-local {
    margin: 40px 0;
}
.footer .f2 .f2-local .key{
    margin-right: 20px;
}
.footer .f2 .f2-yl{
    justify-content: space-between;
    width: 278px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
}
.footer .f2 .f2-yl img {
    width: auto;
}
.footer .f2 .f2-yl.on img {
    transform: rotate(180deg);
}
.footer .f2 .f2-line{
    width: 1px;
    height: 280px;
    background: rgba(255, 255, 255, .1);
    margin: 0 125px 0 98px;
}
.footer .f2 .f2-nav{
    display: flex;
}
.footer .f2 .f2-nav li{
    margin-right: 130px;
}
.footer .f2 .f2-nav li .f2-nav2{
    margin-top: 20px;
}
.footer .f2 .f2-nav li .f2-nav2 a{
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
}
.footer .f2 .f2-right{
    padding-top: 11px;
}
.footer .f2 .f2-right .code{
    margin-top: 20px;
}
.footer .f2 .f2-right .code img{
    width: auto;
}
.footer .f3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /*margin-top: 20px;*/
}
.footer .f3 .f3-right p{
    text-align: right;
}
.footer .f3 .f3-right p:first-child {
    margin-bottom: 10px;
}

/*公共模块*/
.info{
    background: url("/static/img/info-bg.jpg") center center / cover no-repeat;
    height: 442px;
    width: 100%;
    padding: 50px 0 0;
    box-sizing: border-box;
}
.info .dsc{
    font-size: 20px;
}
.info .dsc span{
    color: var(--red);
}
.info .info-btn{
    width: 200px;
    height: 59px;
    line-height: 59px;
    margin: 45px 0 60px;
}
.info .num-list{
    display: flex;
}
.info .num-list li{
    margin-right: 120px;
}
.info .num-list li p {
    letter-spacing: 1px;
}
.info .num-list li p .tit{
    letter-spacing: 2px;
}

/*首页*/
.i-brand{
    display: flex;
    height: 75px;
    width: 100%;
    background: url("/static/img/i-brand-bg.jpg") center center / cover no-repeat;
}
.i-brand .i-brand-left{
    width: 27.656%;
    /*background: #f5f7fa;*/
}
.i-brand .i-brand-left p {
    letter-spacing: 3px;
    font-size: 26px;
    line-height: 75px;
    margin-left: 43.6911%;
}
.i-brand .i-brand-swiper{
    width: 72.395%;
}
.i-brand .i-brand-swiper .swiper-wrapper{
    transition-timing-function: linear !important;
}
.i-brand .i-brand-swiper .swiper-slide{
    display: flex;
    align-items: center;
    width: auto;
}
.i-brand .i-brand-swiper img {
    width: auto;
}
.i-cj{
    padding: 40px 0 60px;
    background: url("/static/img/cj-bg.jpg") center center / cover no-repeat;
    /*box-sizing: border-box;*/
}
.i-cj > p{
    text-align: center;
}
.i-cj .cj1{
    display: flex;
    margin-top: 20px;
    background: #e4f4f9;
    border: 1px solid #a6eeea;
    border-radius: 8px;
}
.i-cj .cj1 li{
    width: 16.6%;
    height: 80px;
    line-height: 87px;
    text-align: center;
    border-right: 2px solid #fff;
}
.i-cj .cj1 li:last-child{
    border-right: none;
}
.i-cj .cj-wrap{
    margin-bottom: 20px;
}
.i-cj .cj2 {
    display: flex;
    justify-content: space-between;
}
.i-cj .cj2 li{
    width: 31.846%;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 85px;
}
.i-cj .cj2 li:nth-child(1){border: 1px solid #4bdbd0}
.i-cj .cj2 li:nth-child(2){border: 1px solid #57fad1}
.i-cj .cj2 li:nth-child(3){border: 1px solid #a6eeea}
.i-cj .cj3 {
    display: flex;
    justify-content: space-between;
}
.i-cj .cj3 li {
    width: 31.846%;
    border-radius: 8px;
    /*overflow: hidden;*/
    height: 255px;
}
.i-cj .cj3 li .cj3-wrap{
    height: 120px;
    display: flex;
    align-items: center;
    border: 1px dashed #4bdbd0;
    border-radius: 8px;
    overflow: hidden
}

.i-cj .cj3 li .cj3-wrap .cj3-wrap-left{
    background: #e2f8f8;
    height: 100%;
    width: 35%;
    text-align: center;
    line-height: 125px;
}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p{
    width: 82px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    margin: 0 45px 15px 0;
    border-radius: 5px;
}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(1){background: rgba(255, 179, 0, 0.1)}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(2){background: rgba(253, 74, 82, 0.1)}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(3){background: rgba(37, 139, 250, 0.1)}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(4){background: rgba(251, 147, 55, 0.1)}
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(3),
.i-cj .cj3 li .cj3-wrap .cj3-wrap-right p:nth-child(4){margin-bottom: 0}

.i-cj .cj3 li .line2{
    margin-top: 10px;
}
.i-cj .cj3 li .line2 .cj3-wrap-right p:nth-child(1){
    margin-right: 28px;
}
.i-cj .cj3 li .line2 .cj3-wrap-right p:nth-child(2){
    width: 145px;
    margin-right: 0;
}
.i-cj .cj3 .cj3-wrap2{
    border: 1px dashed #4bdbd0;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px 0 0 40px;
    box-sizing: border-box;
    height: 100%;
}
.i-cj .cj3 .cj3-wrap2 .wrap2-item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.i-cj .cj3 .cj3-wrap2 .wrap2-item:last-child{margin-bottom: 0;}
.i-cj .cj3 .cj3-wrap2 .wrap2-item .icon{margin-right: 15px}
.i-cj .cj3 .cj3-wrap2 .wrap2-item .icon img{width: auto}
.i-cj .cj3 .cj3-wrap3{
    justify-content: center;
    border: 1px dashed #4bdbd0;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
}
.i-cj .cj3 .cj3-wrap3 img {width: auto}
.i-cj .cj4 {
    width: 100%;
    background: #d3f1f9;
    border: 1px solid #54e4d8;
    border-radius: 8px;
    height: 70px;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
}
.i-cj .cj4 .cj4-text{
    background: #fff;
    width: 148px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
}
.i-cj .cj4 .cj4-img img{width: auto}
.i-cj .cj5{
    height: 35px;
    padding: 0 20px;
    box-sizing: border-box;
    justify-content: space-between;
}
.i-cj .cj6{
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #d3f1f9;
    border: 1px solid #54e4d8;
    border-radius: 8px;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}
.i-case{
    padding: 80px 0 100px;
    background: url("/static/img/case-bg.jpg") center center / cover no-repeat;
}
.i-case > p{
    text-align: center;
}
.i-case .i-case-wrap{
    display: flex;
    position: relative;
    border-radius: 8px;

    margin-top: 80px;
}
.i-case .i-case-wrap > div{
    width: 50%;
    height: 515px;
    box-sizing: border-box;
    overflow: hidden;
}
.i-case .i-case-wrap .i-case-left{
    background: linear-gradient(to bottom, rgba(42, 197, 199, .3), rgba(31, 199, 235, .3), rgba(255, 255, 255, .3));
}
.i-case .i-case-wrap .i-case-right{
    background: linear-gradient(to bottom, rgba(235, 235, 235, .5), rgba(255, 255, 255, .5));
}
.i-case .i-case-wrap > div .i-case-list{
    width: 69.50%;
    margin: 0 auto;
}
.i-case .i-case-wrap > div .i-case-list li {
    text-align: center;
}
.i-case .i-case-wrap > div .i-case-list li .case-top{
    justify-content: center;
}
.i-case .i-case-wrap img {width: auto}
.i-case .i-case-wrap > div .i-case-list li .case-top .red-color{
    font-size: 26px;
    color: var(--red);
    margin-left: 20px;
}
.i-case .i-case-wrap > div .i-case-list li{
    padding: 20px 0;
    border-bottom: 1px solid #fff;
}
.i-case .i-case-wrap > div .i-case-list li:first-child{
    padding: 25px 0;
}
.i-case .i-case-wrap > div .i-case-list li .item-dsc{
    font-size: 16px;
    color: #606e86;
    margin-top: 8px;
}
.i-case .i-case-wrap > div .i-case-list li .case-top .black-color{
    color: #1a1a1a;
    margin-right: 20px;
    font-size: 26px;
}
.i-case .i-case-wrap > .i-case-right .i-case-list li p{
    color: #606e86;
}
.i-case .i-case-wrap .vs{
    position: absolute;
    top: -51.5px;
    left: 50%;
    transform: translateX(-50%);
}
.i-case-wrap .case-center{
    position: absolute;
    top: 105px;
    left: 50%;
    transform: translateX(-50%);
}
.i-case-wrap .case-center li {
    width: 213px;
    background: #fff;
    border-radius: 35.5px;
    padding: 10px 0 8px;
    margin-bottom: 30px;
}
.i-case-wrap .case-center li .cen-tit{
    font-size: 26px;
    line-height: 26px;
}
.i-case-wrap .case-center li p {
    text-align: center;
}



.i-td{
    background: url("/static/img/td-bg.jpg") center center / cover no-repeat;
    border-radius: 20px;
    height: 833px;
    overflow: hidden;
    padding: 80px 0 0;
    box-sizing: border-box;
}
.i-td .tit{
    color: #fff;
    text-align: center;
}
.i-td .td-swiper{
    width: 58.645%;
    margin: 30px auto 0;
}
.i-td .td-swiper .swiper-slide{
    background: #fff;
    border-radius: 10px;
    /*height: 484px;*/
    display: flex;
    justify-content: space-between;
    padding: 25px 16px 25px 64px;
    box-sizing: border-box;
    align-items: center;
}
.i-td .td-swiper .swiper-slide .td-img{
    border-radius: 10px;
    overflow: hidden;
    width: 60%;
}

.i-td .td-swiper .swiper-slide .td-text .item-tit{
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 1px;
    margin-bottom: 45px;
}
.i-td .td-swiper .swiper-slide .td-text .text-item{
    margin-bottom: 45px;
}
.i-td .td-swiper .swiper-slide .td-text .text-item .td-name{
    font-weight: bold;
    margin-bottom: 10px;
}
.i-td .td-swiper .swiper-slide .td-text .text-item .item-top{
    margin-bottom: 10px;
}
.i-td .td-swiper .swiper-slide .td-text .text-item .item-top img{
    width: auto;
}
.i-td .td-swiper .swiper-slide .td-text .text-item .item-top .td-name{
    margin-bottom: 0;
    margin-left: 8px;
    color: var(--red);
}
.i-td .td-btn{
    width: 48.02%;
    margin: 40px auto 0;
    height: 70px;
    background: rgba(255, 255, 255, .3);
    border-radius: 35px;
    padding: 12px;
    box-sizing: border-box;
}
.i-td .td-btn div{
    font-size: 20px;
    font-weight: bold;
    color: rgba(255, 255, 255, .6);
    width: 24.295%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    border-radius: 24px;
    position: relative;
    transition: .3s;
    overflow: hidden;
}
.i-td .td-btn div::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    transition: .5s;
    background: rgba(255, 255, 255, .4);
    height: 100%;
    border-radius: 24px;
}
.i-td .td-btn div.on{
    color: rgba(255, 255, 255, 1);
}
.i-td .td-btn div.on::after{
    width: 100%;
}

.i-kh{
    background: url("/static/img/kh-bg.jpg") center center / cover no-repeat;
    padding: 80px 0 80px 0;
}
.i-kh > p{text-align: center}
.i-kh .kh-btn{
    justify-content: center;
    margin: 50px 0 35px;
}
.i-kh .kh-btn p{
    font-size: 20px;
    font-weight: bold;
    margin: 0 65px;
    color: rgba(26, 26, 26, .6);
    transition: .3s;
}
.i-kh .kh-btn p.on{
    color: var(--red);
    cursor: pointer;
}
.i-kh .brand-swiper .swiper-slide{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.i-kh .brand-swiper .swiper-slide .img{
    width: 15.37%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 92px;
    background: #fff;
    border-radius: 8px;
    margin: 0 20px 20px 0;
}
.i-kh .brand-swiper .swiper-slide .img:nth-child(6),
.i-kh .brand-swiper .swiper-slide .img:nth-child(12),
.i-kh .brand-swiper .swiper-slide .img:nth-child(18),
.i-kh .brand-swiper .swiper-slide .img:nth-child(24){margin-right: 0}
.i-kh .brand-swiper .swiper-slide .img img{
    width: auto;
}
.i-kh .kh-tips{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.i-kh .kh-tips > p{
    color: #ccc;
}
.i-kh .kh-tips a{
    color: var(--red);
}
.i-kh .kh-tips img{
    width: auto;
    margin-left: 5px;

}

/*电商渠道治理*/
.g1{
    padding-top: 150px;
    /*height: 100vh;*/
}
.g1 > p{
    text-align: center;
}
.g1 .g1-cont{
    width: 60.20%;
    text-align: center;
    line-height: 32px;
    margin: 30px auto 49px;
}
.g1 .g1-btns{
    justify-content: center;
}
.g1 .g1-btns .zx-btn{
    background: transparent;
    border: 1px solid var(--red);
}
.g1 .g1-btns .zx-btn p {
    color: var(--red);
}
.g1 .g1-btns a{
    margin: 0 20px;
}
.g1 .g1-list{
    display: flex;
    justify-content: center;
    margin-top: 125px;
    height: 371px;
}
.g1 .g1-list li {
    width: 375px;
    height: 318px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 80px 20px 0 30px;
    margin: 0 30px;
    transition: .3s !important;
}
.g1 .g1-list li.on{
    transform: scale(1.2);
}
.g1 .g1-list li .img{
    width: 76px;
    height: 76px;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
}
.g1 .g1-list li .img img{
    width: auto;
}
.g1 .g1-list li .g1-tit{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.g1 .g1-list li .g1-info{
    font-size: 16px;
    line-height: 26px;

}
.g1 .g1-list li .g1-info,
.g1 .g1-list li .g1-dsc{
    color: #666;
}
.g1 .g1-list li .g1-dsc{
    text-align: center;
    margin: 15px 0 20px;
}
.g2{
    background: #EBF4FF;
    position: relative;
}
.g2-wrap1{
    padding: 80px 0 130px;
    background: #fff;
    transform-origin: 50% 50%;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}
.g2 .g2-wrap1 > p{
    text-align: center;
}
.g2-hide{
    width: 100%;
    /*display: none;*/
    height: 524px;
    /*position: fixed;*/
    position: relative;
    z-index: 9;

}
.g2 .g2-list{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.g2 .g2-list li{
    width: 25%;
    text-align: center;
}
.g3,.g4,.g5,.g6{position: relative;z-index: 9}
.g2 .g2-list li .tit{
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.g2 .g2-list li .ltit{
    margin: 10px 0 5px;
}

.g2 .g2-wrap2{
    width: 100%;
    background: url("/static/img/g2-wrap-bg.jpg") center center / cover no-repeat;
    height: 918px;
    padding: 0.1px;
    position: sticky;
    z-index: 9;
}
.g2 .g2-wrap2 .wrap2-box{
    width: 85.1%;
    background: #fff;
    margin: 100px auto 0;
    border-radius: 20px;
    padding: 50px 0 90px;
}
.g2 .g2-wrap2 .wrap2-box > p{
    text-align: center;
}
.g2 .g2-wrap2 .wrap2-box .data-box{
    margin: 60px auto 0;
    width: 89.406%;
}
.g2 .g2-wrap2 .wrap2-box .data-box .box-item{
    height: 66px;
    text-align: center;
    line-height: 66px;
    border-radius: 10px;
    box-sizing: border-box;
    transition: .3s;
}
.g2 .g2-wrap2 .wrap2-box .data-box .one{
    font-size: 28px;
    letter-spacing: 2px;
    background: #e4f4f9;
    margin: 0 auto;
    width: 314px;
}
.g-line{background: #cccccc}
.g2 .g2-wrap2 .wrap2-box .data-box .g-line1{
    width: 1px;
    height: 28px;
    margin: 0 auto;
}
.g2 .g2-wrap2 .wrap2-box .data-box .g-line2-wrap{
    width: 69.251%;
    margin: 0 auto;
}
.g2 .g2-wrap2 .wrap2-box .data-box .g-line2-wrap .g-line2{
    width: 100%;
    height: 1px;
}
.g2 .g2-wrap2 .wrap2-box .data-box .g-line3-wrap{
    display: flex;
    justify-content: space-between;
}
.g2 .g2-wrap2 .wrap2-box .data-box .g-line3-wrap .g-line{
    width: 1px;
    height: 24px;
}
.g2 .g2-wrap2 .wrap2-box .data-box .two-wrap .box-item{
    color: #fff;
    width: 201px;
    font-size: 20px;
    letter-spacing: 1px;
}
.g2 .data-box .two-wrap{
    width: 82.91%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.g2 .data-box .two-wrap .box-item:nth-child(1){background: #2fd1f4;}
.g2 .data-box .two-wrap .box-item:nth-child(2){background: #fd4a52;}
.g2 .data-box .two-wrap .box-item:nth-child(3){background: #fcb300;}

.g-line4-wrap{
    width: 87.165%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.g-line4-wrap .line4-item{
    width: 20.314%;
}
.g-line4-wrap .line4-item .line4-top{
    width: 100%;
    height: 1px;
}
.g-line4-wrap .line4-item .line4-bottom{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.g-line4-wrap .line4-item .line4-bottom .g-line{
    height: 28px;
    width: 1px;
}
.there{
    display: flex;
    width: 100%;
    justify-content: space-between;

}
.there .box-item{
    width: 201px;
}
.there .there1{background: rgba(47, 209, 244, .1)}
.there .there2{background: rgba(253, 74, 82, .1)}
.there .there3{background: rgba(252, 179, 0, .1)}

.line5-wrap{
    width: 97.25%;
    display: flex;
    justify-content: space-between;
    margin: 25px auto 0;
}
.line5-wrap .g-line{
    width: 1px;
    height: 100px;
}

.four{
    margin: 0px auto 0;
    width: 97.25%;
    display: flex;
    justify-content: space-between;
}
.four .g-line{
    width: 13.69%;
    height: 1px;
}
.four .box-item{
    font-size: 28px;
    width: 72.62%;
    height: 87px !important;
    background: #e4f4f9;
    line-height: 87px !important;
    margin-top: -43.5px;
}
.g3{
    padding: 80px 0 80px;
    background: #fff;
    margin-top: -524px;
}
.g3 > p {
    text-align: center;
}
.g3 .i-cj {
    padding: 0;
    margin-top: 40px;
    background: none;
}
.g4{
    padding: 80px 0 60px;
}
.g4 > p{
    text-align: center;
}
.g4 .ys-wrap {
    margin: 60px auto 0;
    justify-content: flex-end;
}
.g4 .ys-wrap .ys-left{
    width: 43.78%;
    position: relative;
}
.g4 .ys-wrap .ys-left .ys-item{
    display: flex;
}
.g4 .ys-wrap .ys-left .ys-y{
    width: 14px;
    height: 14px;
    background: #fff;
    border: 2px solid #19c2c4;
    border-radius: 50%;
    margin: 4px 30px 0;
    position: relative;
    z-index: 9;
}
.g4 .ys-wrap .ys-left .ys-tips{
    width: 82px;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
}
.tips1{background: #e5fbfa}
.tips2{background: #e3fdf7}
.tips3{background: #e4f4f9}
.tc1{color: var(--red)}
.tc2{color: #258bfa}
.tc3{color: #fb9337}

.g4 .ys-wrap .ys-left .ys-tit{
    font-weight: bold;
    text-align: right;
}
.g4 .ys-wrap .ys-left .ys-dsc{
    font-size: 16px;
    line-height: 24px;
    text-align: right;
    margin-top: 10px;
}
.g4 .ys-wrap .ys-left .ys-item.center2 .ys-dsc,
.g4 .ys-wrap .ys-left .ys-item.center2 .ys-tit{
    text-align: left;
}
.g4 .ys-wrap .ys-left .ys-item .ys-text,
.g4 .ys-wrap .ys-left .tips-wrap{
    width: 280px;
}
.g4 .ys-wrap .ys-left .ys-item.center2 .ys-text{width: auto}
.g4 .ys-wrap .ys-left .ys-item.center2 .tips-wrap .ys-tips{
    margin-left: auto;
}
.g4 .ys-wrap .ys-left .ys-item{
    margin-bottom: 100px;
}
.g4 .ys-wrap .ys-left .ys-item:nth-child(3){margin-bottom: 0;}
.g4 .ys-wrap .ys-left .ys-line{
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.g4 .ys-right{width: 50.034%}
.g4 .ys-right .ys-text-list li{margin-bottom: 5px;}
.g4 .ys-right .ys-text-list li .item-tit{
    position: relative;
    font-weight: bold;
    padding-left: 20px;
}
.g4 .ys-right .ys-text-list li .item-tit::after{
    width: 6px;
    height: 6px;
    content: '';
    background: var(--red);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.g4 .ys-right  .ys-block{
    width: 100%;
    height: 100px;
    background: linear-gradient(to right, #e4f4f9, #e5fbfa);
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    margin: 35px 0;
}
.g4 .ys-right  .ys-block .block-top{
    margin-bottom: 10px;
}
.g4 .ys-right  .ys-block .block-top p {
    color: #19c2c4;
}
.g4 .ys-right  .ys-block .icon{margin-right: 10px}
.g4 .ys-right  .ys-block .icon img{
    width: auto;
}
.g5{
    padding: 80px 0 100px;
    background: url("/static/img/g5-bg.jpg") center center / cover no-repeat;
}
.g5 > p {
    text-align: center;
}
.g5 .boll-list{
    justify-content: center;
    margin-top: 120px;
}
.g5 .boll-list li {
    background: linear-gradient(to bottom, #19c3c9, #1fc7eb);
    color: #fff;
    font-size: 26px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    width: 148px;
    height: 148px;
    text-align: center;
    line-height: 32px;
    margin: 0 20px;
}
.g5 .boll-list li:nth-child(2),
.g5 .boll-list li:nth-child(3){
    margin-top: -65px;
}
.g5 .kh{font-size: 20px}
.g5 .boll1{
    width: auto;
    margin: -100px auto 0;
}
.g5 .fa-list{
    width: 92.656%;
    display: flex;
    justify-content: space-between;
    margin: 30px auto 65px;
}
.g5 .fa-list li{
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    width: 24.223%;
    height: 187px;
    border-radius: 10px;
    background: #fff;
    padding: 13px;
    box-sizing: border-box;
}
.g5 .fa-list li .fa-tit{
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
}
.g5 .fa-list li .fa-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.g5 .fa-list li .fa-wrap p {
    width: 48.036%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.g5 .fa-list li .fa-wrap .fa1{background: rgba(253, 74, 82, .1)}
.g5 .fa-list li .fa-wrap .fa2{background: rgba(37, 139, 250, .1)}
.g5 .fa-list li .fa-wrap .fa3{background: rgba(251, 147, 55, .1)}
.g5 .fa-list li .fa-wrap .fa4{background: rgba(0, 189, 121, .1)}

.g5 .fa-list li:nth-child(2) .fa3{
    width: 58.47%;
}
.g5 .fa-list li:nth-child(2) .fa3,
.g5 .fa-list li:nth-child(3) .fa3,
.g5 .fa-list li:nth-child(4) .fa3{
    margin: 0 auto;
}
.g5 .fa-list li:nth-child(4) .fa3{
    width: auto;
    padding: 0 10px;
}
.g5 .w75 .zc{
    font-size: 20px;
    text-align: center;
}
.boll-img{
    margin: -50px auto 0;
    width: auto;
}
.g6{
    padding: 80px 0 90px;
}
.g6 > p{
    text-align: center;
}
.g6 .g6-dsc{
    letter-spacing: 1px;
}
.g6 .g6-dsc span{color: var(--red)}
.g6 .hz{
    margin: 80px auto 0;
    width: auto;
}

/*知识产权保护*/
.inner-banner{
    position: relative;
    margin-top: 75px;
    height: 656px;
}
.inner-banner > img{
    height: 100%;
    object-fit: cover;
    object-position:  center;
}
.inner-banner .w75{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zs-banner .zs-dsc{
    margin-top: 10px;
}
.zs-banner .zs-btns{
    display: flex;
    margin-top: 50px;
}
.zs-banner .zs-btns .btn2{
    background: transparent;
    border: 1px solid var(--red);
    /*margin-left: 40px;*/
}
.zs-banner .zs-btns .btn2 p {
    color: var(--red);
}
.proper-wrap{
    background: #f8f9fa;
    width: 100%;
    padding: 0.1px;
    margin-top: 67px;
}
.proper-wrap .tj{
    height: 196px;
    border-radius: 20px;
    background: #fff;
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.proper-wrap .tj .tj-item .tit{
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 12px;
}
.proper-wrap .tj .tj-item p {
    text-align: center;
}
.proper-wrap .tj .tj-line{
    width: 1px;
    height: 79px;
    background: rgba(197, 53, 29, .1);
}

.proper-wrap .question{
    padding: 80px 0 130px;
}
.proper-wrap .question > p {
    text-align: center;
}
.proper-wrap .question .ques-list{
    justify-content: space-between;
    margin-top: 100px;
}
.proper-wrap .question .ques-list li {
    height: 532px;
    width: 30.199%;
    background: #fff;
    border-radius: 20px;
    padding: 35px;
    box-sizing: border-box;
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    transition: .5s !important;
}
.proper-wrap .question .ques-list li > .icon{
    width: 76px;
    height: 76px;
    border-radius: 10px;
    justify-content: center;
    margin: 0 auto;
    background: #fff;
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
}
.proper-wrap .question .ques-list li .icon img {
    width: auto;
}
.proper-wrap .question .ques-list li .ltit{text-align: center}
.proper-wrap .question .ques-list li .ques-des{
    font-size: 16px;
    color: #999;
    line-height: 26px;
    margin: 10px 0 20px;
}
.proper-wrap .question .ques-list li .ques-info{
    background: linear-gradient(to right, rgba(228, 244, 249, .4), rgba(229, 251, 250, .4));
    width: 100%;
    border-radius: 20px;
    padding: 17px 27px;
    box-sizing: border-box;
}
.proper-wrap .question .ques-list li .ques-info .inf-item{
    display: flex;
    margin-bottom: 5px;
}
.proper-wrap .question .ques-list li .ques-info .inf-item .icon{
    margin: 7px 7px 0 0;
}
.proper-wrap .question .ques-list li .ques-info .inf-item .icon img{
    width: auto;
}
.proper-wrap .question .ques-list li .ques-info .inf-item .info-text .info-tit{
    font-weight: bold;
    /*margin-bottom: 2px;*/
}
.proper-wrap .question .ques-list li .ques-info .inf-item .info-text  p {
    font-size: 16px;
    color: #666;
    line-height: 26px;
}
.proper-wrap .question .ques-list li .cen-tit{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    transition: .3s !important;
}
.proper-wrap .question .ques-list li .cen-wrap{
    /*width: 87.33%;*/
    background: #fff;
    margin: 40px auto 0;
    border-radius: 20px;
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    justify-content: center;
    transition: .3s;
    padding: 30px 0;
}
.proper-wrap .question .ques-list li .cen-wrap img {
    width: auto;
    transition: .3s;
    zoom: .8;
}
.proper-wrap .question .ques-list li.on {
    transform: scale(1.18414);
    box-shadow: none;
    background: url("/static/img/qus-bg.png") center center / cover no-repeat;
}
.proper-wrap .question .ques-list li.on > p,
.proper-wrap .question .ques-list li.on > .ques-des{
    color: #fff;
}
.proper-wrap .question .ques-list li.on .ques-info{
    background: #fff;
}
.proper-wrap .anal{
    background: url("/static/img/anal-bg.png") top center / cover no-repeat;
    padding: 50px 0.1px 50px 0.1px;
}
.proper-wrap .anal > p{
    text-align: center;
}
.proper-wrap .anal-list{
    padding: 40px 0;
    background: #fff;
    border-radius: 20px;
    margin: 50px auto;
    justify-content: space-evenly;
}
.proper-wrap .anal .anal-item{
    width: 21.27%;
}
.proper-wrap .anal .anal-item .top-icon{
    width: 76px;
    height: 76px;
    border-radius: 10px;
    background: #fff;
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    justify-content: center;
    margin: 0 auto 10px;
}
.proper-wrap .anal .anal-item .top-icon img {width: auto}
.proper-wrap .anal .anal-item .ltit{text-align: center}
.proper-wrap .anal .anal-item .item-list{
    width: 100%;
    margin-top: 20px;
}
.proper-wrap .anal .anal-item .item-list li{
    margin-bottom: 40px;
}
.proper-wrap .anal .anal-item .item-list li p {
    font-size: 16px;
    margin-left: 10px;
    color: #666;
}
.proper-wrap .anal .anal-line{
    width: 1px;
    height: 366px;
    background: rgba(197, 53, 29, .1);
}
.proper-wrap .anal .pub-btn{
    margin: 0 auto;
}
.proper-wrap .solu{
    padding: 80px 0 60px;
    background: url("/static/img/solu2-bg.jpg") bottom center / 100% no-repeat;
}
.proper-wrap .solu > p{
    text-align: center;
}
.proper-wrap .solu .solu-list{
    display: flex;
    justify-content: space-between;
    margin: 50px auto 70px;
}
.proper-wrap .solu .solu-list .solu-item{
    width: 31.983%;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap{
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 20px;
}

.proper-wrap .solu .solu-list .solu-item .solu-wrap .ltit{
    text-align: center;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-dsc{
    font-size: 16px;
    line-height: 26px;
    color: #999;
    margin-top: 10px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info{
    margin-top: 30px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info .yes img{
    width: auto;
    margin-top: 7px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info .text{
    margin-left: 10px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info .text p{
    font-size: 16px;
    color: #666;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info .text .info-tit{
    font-weight: bold;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info li {
    display: flex;
    margin-bottom: 34px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info li:last-child{
    margin-bottom: 12px;
}
.proper-wrap .solu .solu-list .solu-item .img-wrap{
    border-radius: 20px;
    margin-top: 10px;
    overflow: hidden;
}

.solu-block{
    margin-top: 35px;
}
.solu-block .block-item{
    background: linear-gradient(to right, rgba(228, 244, 249, .4), rgba(229, 251, 250, .4));
    border-radius: 10px;
    padding: 25px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.solu-block .block-item.nomb{
    margin-bottom: 0;
}
.solu-block .block-item .block-top p {
    margin-left: 10px;
}
.solu-block .block-item .block-dsc{
    font-size: 16px;
    margin-top: 7px;
    line-height: 26px;
}
.solu-block .block-item p {
    color: #666;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap2{
    border-radius: 10px;
    padding: 25px 30px;
    box-sizing: border-box;
    background: #fff;
    margin-top: 10px;
    justify-content: space-between;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap2 .wrap2-item .top-text{
    font-size: 16px;
    color: #1a1a1a;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap2 .wrap2-item .w03{
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap2 .wrap2-item .w03 .ltit{
    font-weight: normal;
    margin-top: 10px;
}
.proper-wrap .solu .solu-list .solu-item .solu-wrap2 .wrap2-line{
    width: 1px;
    height: 34px;
    background: rgba(197, 53, 29, .1);
}
.block3{margin-bottom: 20px;}
.proper-wrap .solu .solu-ys{
    margin-top: 75px;
}
.proper-wrap .solu .solu-ys > p{
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}
.proper-wrap .solu .solu-ys .solu-ys-list{
    display: flex;
    justify-content: space-between;
    margin: 50px auto 0;
}
.proper-wrap .solu .solu-ys .solu-ys-list .icon img{
    width: auto;
    margin: 0 auto;
}
.proper-wrap .solu .solu-ys .solu-ys-list .ltit{
    margin: 10px 0 15px;
    text-align: center;
}
.proper-wrap .solu .solu-ys .solu-ys-list .dsc{
    color: #666;
    font-size: 16px;
    line-height: 26px;

}
.proper-wrap .solu .solu-ys .solu-ys-list li {
    width: 23.884%;
    border-radius: 20px;
    background: #fff;
    padding: 30px;
    box-sizing: border-box;
}
.proper-wrap .contrast{
    padding: 90px 0 120px ;
}
.proper-wrap .contrast > p {
    text-align: center;
}
.proper-wrap .contrast .table{
    width: 85.10%;
    margin: 50px auto 0;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 20px;
    overflow: hidden;
    border-style: hidden; /* 隐藏表格的外边框 */
}
.proper-wrap .contrast .table td img{
    width: auto;
    margin: 0 auto;
}
.proper-wrap .contrast .table td{
    height: 110px;
    text-align: center;
}
.proper-wrap .contrast .table td{
    border: 1px solid #fff
}
.proper-wrap .contrast .table thead tr td{
    font-size: 26px;
    font-weight: bold;
}
.proper-wrap .contrast .table tr td:nth-child(1){background: rgba(228, 244, 249, .4);border: 1px solid #fdf7f6}
.proper-wrap .contrast .table tr td:nth-child(2){background: #fff;}
.proper-wrap .contrast .table tr td:nth-child(3){background: rgba(228, 244, 249, .4)}
.proper-wrap .contrast .table tr td:nth-child(4){background: rgba(226, 248, 248, .4)}

.proper-wrap .contrast .table tr td .td1{
    font-size: 20px;
}
.proper-wrap .contrast .table tr td .ltd{
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
.proper-wrap .contrast .table tr td:nth-child(2) p{
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
/*数据&舆论*/
.opin-banner .opin-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.opin-banner .opin-text p{
    text-align: center;
    color: #fff;
}
.opin-banner .opin-text .i-ban-tit{
    margin-bottom: 15px;
}
.opin-banner .opin-text .pub-btn{
    margin: 55px auto 0;
}
.opin-wrap{
    background: #f8f9fa;
    width: 100%;
    padding: 0.1px;
}
.opin-wrap > div > p{
    text-align: center;
}
.opin-wrap .tit{
    margin-bottom: 40px;
}
.change {
    padding: 90px 0 105px;
}
.change .change-list{
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.change .change-list li {
    width: 32.05%;
    background: #fff;
    border-radius: 20px;
    height: 320px;
    padding: 30px;
    box-sizing: border-box;
}
.change .change-list li .icon{
    width: 76px;
    height: 76px;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
}
.change .change-list li .icon img {width: auto;}
.change .change-list li .ltit{
    margin: 10px 0 20px;
    text-align: center;
}
.change .change-list li .summary{
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}
.data {
    width: 85.57%;
    background: #fff;
    border-radius: 20px;
    padding: 55px 0 40px;
    margin: 0 auto;
}
.data .data-wrap{
    justify-content: space-between;
    width: 89.16%;
    margin: 0 auto;
}
.data .data-wrap .data-right{
    width: 52.32%;
}
.data .data-wrap .data-left{
    width: 30.88%;
    padding-left: 50px;
}
#data-main{
    height: 600px;
    width: 100%;
}
.data .data-wrap .data-right .data-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.data .data-wrap .data-right .data-list li {
    width: 49.03%;
    background: #fff;
    height: 163px;
    border-radius: 10px;
    padding: 35px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.data .data-wrap .data-right .data-list li img {
    width: auto;
    margin-right: 8px;
}
.data .data-wrap .data-right .data-list li .dsc{
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-top: 20px;
}
.zy-solu{
    padding: 80px 0 0;
}
.zy-solu .zy-wrap{
    margin-top: 60px;
    justify-content: space-between;
}
.zy-solu .zy-wrap .zy-left{
    width: 53.67%;
    height: 450px;
    border-radius: 20px;
    background: url("/static/img/zy-bg.jpg") center center / cover no-repeat;
    box-sizing: border-box;
    padding: 70px 30px 0 ;
}
.zy-solu .zy-wrap .dsc{
    margin-top: 10px;
    color: #666;
}
.zy-solu .zy-wrap .zy-left .pub-btn{
    margin-top: 80px;
}
.zy-solu .zy-wrap .zy-right{
    width: 45.09%;
}
.zy-solu .zy-wrap .zy-right .right-item{
    width: 100%;
    height: 215px;
    border-radius: 20px;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
}
.zy-solu .zy-wrap .zy-right .right-item .pub-btn{
    margin-top: 30px;
    background: #fff;
    border: 1px solid var(--red);
}
.zy-solu .zy-wrap .zy-right .right-item .pub-btn p {
    color: var(--red);
}
.zy-solu .zy-wrap .zy-right .right-item:last-child{
    margin-top: 20px;
}
.zy-solu .zy-wrap .zy-right .right-item:last-child .pub-btn{
    margin-top: 10px;
}
.jk{
    padding: 90px 0 75px;
    background: url("/static/img/jk-bg.png") bottom center / 100% no-repeat;
}
.jk .jk-list{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-top: 45px;
}
.jk .jk-list li {
    width: 23.816%;
    height: 186px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    padding-top: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.jk .jk-list li .img{
    width: 76px;
    height: 76px;
    border-radius: 10px;
    margin: 0 auto 20px;
    justify-content: center;
    background: #fff;
}
.jk .jk-list li .img img{
    width: auto;
}
.jk .jk-list li:hover{
    background: var(--red);
}
.jk .jk-list li:hover p {
    color: #fff;
}
.jj2{
    padding: 80px 0 95px;
}
.jj2 .jj2-table{
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 20px;
    overflow: hidden;
    border-style: hidden; /* 隐藏表格的外边框 */
    width: 85.57%;
    margin: 60px auto 0;
}
.jj2 .jj2-table tr td{
    padding-left: 38px;
    box-sizing: border-box;
}
.jj2 .jj2-table tbody tr td{background: #fff}
.jj2 .jj2-table tr td:first-child{
    padding-left: 70px;
    box-sizing: border-box;
    background: #f3fcfc;
    width: 15.91%;
}
.jj2 .jj2-table tr td{
    height: 74px;
}
.jj2 .jj2-table thead img {
    width: 75px;
    margin-right: 10px;
}
.jj2 .jj2-table thead tr td:nth-child(2){background: #fff;}
.jj2 .jj2-table tr td:nth-child(3){background: #f3fcfc}
.jj2 .jj2-table tbody tr td {
    color: #666;
}
.jj2 .jj2-table tbody tr td:first-child{
    color: #1a1a1a;
}

.jj2 .jj2-table tr td:nth-child(2) p{
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.jj2 .jj2-table tbody tr td img {
    width: auto;
    margin-right: 10px;
}
.jj2 .jj2-table td {
    border: 1px solid #f9eae8;
}
.sy{
    padding: 50px 0 0;
    box-sizing: border-box;
    background: url("/static/img/sy-bg.jpg") center center / cover no-repeat;
    height: 318px;
}
.sy .pub-btn{
    margin: 45px auto 0;
}
.cz{
    padding: 90px 0 100px;
}
.cz .cz-list{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.cz .cz-list li {
    border-radius: 20px;
    width: 31.29%;
    padding: 36px;
    box-sizing: border-box;
    background: #fff;
}
.cz .cz-list li img {
    width: auto;
    margin: 0 auto;
}
.cz .cz-list li .ltit{
    text-align: center;
    margin: 15px 0;
}
.cz .cz-list li .dsc{
    color: #666666;
    line-height: 26px;
    font-size: 16px;
}
.zz{
    padding: 110px 0 0;
    box-sizing: border-box;
    background: url("/static/img/zz-bg.jpg") center center / cover no-repeat;
    height: 479px;
    color: #fff;
}
.zz .pub-btn{
    margin: 40px auto;
}

/*案例*/
.case-banner .case-ban-wrap{
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.case-banner .case-ban-wrap > p {
    text-align: center;
    color: #fff;
}
.case-banner .case-ban-wrap .i-ban-tit{
    margin-bottom: 20px;
}
.case-banner .case-ban-wrap .case-search{
    width: 52.39%;
    height: 66px;
    margin: 48px auto 0;
    border-radius: 10px;
    overflow: hidden;
}
.case-banner .case-ban-wrap .case-search > div{
    height: 100%;
}
.case-banner .case-ban-wrap .case-search .search-left{
    background: #fff;
    padding-left: 28px;
    box-sizing: border-box;
    width: 79.92%;
}
.case-banner .case-ban-wrap .case-search img {width: auto}
.case-banner .case-ban-wrap .case-search .search-left .tag{
    cursor: pointer;
}
.case-banner .case-ban-wrap .case-search .search-left .tag.on img{
    transform: rotate(180deg);
}
.case-banner .case-ban-wrap .case-search .search-left .tag p {
    color: #666;
    margin-right: 8px;
}
.case-banner .case-ban-wrap .case-search .search-left .tag-line{
    width: 1px;
    height: 42px;
    background: #e5e5e5;
    margin: 0 27px;
}
.case-banner .case-ban-wrap .case-search .search-left .input{
    flex: 1;
}
.case-banner .case-ban-wrap .case-search .search-left .input .case-input{
    font-size: 16px;
    color: #999;
    display: block;
    width: 90%;
    border: none;
    outline: none;
    background: transparent;
}
.case-banner .case-ban-wrap .case-search .search-right{
    width: 20.08%;
    background: var(--red);
    cursor: pointer;
    justify-content: center;
}
.case-banner .case-ban-wrap .case-search .search-right p{
    color: #fff;
    letter-spacing: 1px;
    margin-left: 14px;
}

.case-wrap{
    margin: 157px auto 0;
    width: 60%;
}
.case-tit{font-size: 20px;font-weight: bold}
.case-wrap li{
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    transition: .5s !important;
    border-radius: 10px;
    overflow: hidden;
}
.case-wrap li a{
    padding: 20px 45px 20px 30px;
    justify-content: space-between;
}
.case-wrap li a .img{
    border-radius: 10px;
    overflow: hidden;
}
.case-wrap li a .img img {
    width: auto;
}
.case-wrap li a .text{
    margin-left: 37px;
}
.case-wrap li a .text .lab{
    color: var(--red);
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.case-wrap li a .text .case-info p {
    color: rgba(51, 51, 51, .8);
}
.case-wrap li a .text .case-info{
    margin-top: 30px;
}
.case-wrap li a .text .case-info p:first-child{
    margin-right: 40px;
}
.case-wrap li a .case-right span{
    font-size: 20px;
    color: #333;
    font-weight: lighter;
}
.case-wrap li a .case-right span.day{
    font-size: 42px;
}
.case-wrap li:hover{
    box-shadow:
            0 0 3px rgba(34, 24, 21, 0.05),
            0 0 3px rgba(34, 24, 21, 0.05);
    transform: scale(1.03);
}
.case-wrap li:hover .ltit{
    color: var(--red);
}
.view{
    margin: 50px auto;
    justify-content: center;
    cursor: pointer;
}
.view p {
    color: var(--red);
    margin-right: 10px;
}
.view img {
    width: auto;
    transform: rotate(90deg);
}
.center{
    margin-top: 120px;
    background: url("/static/img/center.jpg") center center / cover no-repeat;
    height: 479px;
}
.center .w75{
    height: 100%;
    justify-content: space-between;
}
.center .w75 .center-left > a{
    margin-top: 75px;
}
.center .w75 .center-right{
    width: 200px;
    height: 231px;
    background: rgba(255, 255, 255, .2);
    border-radius: 10px;
    padding: 20px 34px;
    box-sizing: border-box;
}
.center .w75 .center-right img {
    width: auto;
    border-radius: 10px;
}
.center .w75 .center-right .text{
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

/*公司介绍*/
.about-wrap{
    background: #f8f9fa;
    width: 100%;
    padding: 100px 0 0;
}
.about-wrap > div > p {text-align: center}
.about-wrap .about-info{
    width: 85.57%;
    border-radius: 20px;
    background: #fff;
    padding: 80px 0 85px;
    margin: 0 auto;
}
.about-wrap .about-info .info-wrap{
    width: 89.16%;
    margin: 0 auto;
}
.about-wrap .about-info .info-wrap .info-cont{
    justify-content: space-between;
}
.about-wrap .about-info .info-wrap .info-cont img {
    width: auto;
}
.about-wrap .about-info .info-wrap .info-cont .text {
    width: 56.96%;
    line-height: 32px;
    color: #999;
}
.about-wrap .about-info .info-wrap .info-line{
    width: 100%;
    height: 1px;
    background: rgba(197, 53, 29, .1);
    margin: 45px 0 20px;
}
.about-wrap .about-info .info-wrap .info-text p {
    font-size: 14px;
    line-height: 30px;
    color: #999;
}
.about-wrap .cj{
    padding: 90px 0 110px;
}
.about-wrap .cj .cj-list{
    background: #fff;
    border-radius: 20px;
    justify-content: space-between;
    height: 180px;
    padding: 0 80px;
    box-sizing: border-box;
}
.about-wrap .cj .cj-list1{
    width: 49.96%;
    margin: 40px auto 20px;
}

.about-wrap .cj .cj-list li img {
    width: auto;
    margin: 0 auto 10px;
}
.about-wrap .cj .cj-list .list-line{
    width: 1px;
    height: 79px;
    background: rgba(197, 53, 29, .1);
}
.about-wrap .cj .cj-list2{
    width: 100%;
}
.about-wrap .cj .cj-list2 li .top-num{
    font-size: 20px;
    letter-spacing: 2px;
    background: linear-gradient(to right, #19c3c9, #1fc7eb);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
    margin-bottom: 5px;
}
.about-wrap .cj .cj-list2 .top-num span{
    font-size: 42px;
    font-weight: bold;
}
.about-wrap .culture {
    width: 100%;
    background: #fff;
    padding: 45px 0 110px;
}
.about-wrap .culture .cult-top{
    display: flex;
    justify-content: space-between;
    margin: 65px 0 25px;
}
.about-wrap .culture .cult-top > div{
    width: 49.27%;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 50px 45px;
}
.about-wrap .culture .cult-top > .ct1{
    background: url("/static/img/sm.jpg") center center / cover no-repeat;
}
.about-wrap .culture .cult-top > .ct2{
    background: url("/static/img/yj.jpg") center center / cover no-repeat;
}
.about-wrap .culture .cult-top > div .cult-tit p,
.about-wrap .culture .cult-center .cult-tit p{
    font-size: 20px;
    margin-right: 20px;
}
.about-wrap .culture .cult-top > div .cult-line,
.about-wrap .culture .cult-center .cult-line{
    width: 28px;
    height: 3px;
    border-radius: 1.5px;
    margin: 5px 0 40px;
}
.about-wrap .culture .cult-top > .ct1 .cult-line {background: #fcb300;}
.about-wrap .culture .cult-top > .ct2 .cult-line {background: #00bd79;}
.about-wrap .culture .cult-top > .ct1 .ltit{color: #fcb300}
.about-wrap .culture .cult-top > .ct2 .ltit{color: #00bd79}

.about-wrap .culture .cult-center{
    height: 350px;
    border-radius: 20px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 50px 45px;
    background: url("/static/img/jz.jpg") center center / cover no-repeat;
}
.about-wrap .culture .cult-center .cult-line{
    margin: 5px 0 75px;
    background: #258bfa;
}
.about-wrap .culture .cult-center .ltit{color: #258bfa}
.about-wrap .culture .cult-center .text-list{
    display: flex;
}
.about-wrap .culture .cult-center .text-list li {
    margin-right: 135px;
}
.about-wrap .culture .cult-center .text-list li .dsc{
    font-size: 20px;
    margin-top: 10px;
}
.about-wrap .life{
    padding: 60px 0 70px;
}
.about-wrap .life .life-swiper{
    width: 46.162%;
    margin: 60px auto 20px;
    overflow: visible;
}
.about-wrap .life .life-swiper .swiper-slide{
    overflow: hidden;
    border-radius: 20px;
}
.about-wrap .life .life-swiper .life-btn{
    width: calc(100% + 69px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    z-index: 10;
}
.about-wrap .life .life-swiper .life-btn > div{
    justify-content: center;
    width: 69px;
    height: 69px;
    background: rgba(204, 204, 204, .4);
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
}
.about-wrap .life .life-swiper .life-btn .next img{
    transform: rotate(180deg);
}
.about-wrap .life .life-swiper .life-btn > div:hover{
    background: var(--red);
}
.about-wrap .life .life-swiper .life-btn > div img {
    width: auto;
}
.about-wrap .jx{
    position: relative;
}
.about-wrap .jx .jx-list{
    position: absolute;
    bottom: 10.899%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}
.about-wrap .jx .jx-list{
    width: 100%;
}
.about-wrap .jx .jx-list li {
    width: 27.34%;
    background: rgba(255, 255, 255, .8);
    transition: .5s !important;
    height: 203px;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 20px;
    padding: 0 50px;
}
.about-wrap .jx .jx-list li .img{
    width: 76px;
    height: 76px;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
}
.about-wrap .jx .jx-list li img {
    width: auto;
}
.about-wrap .jx .jx-list li .dsc{
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}
.about-wrap .jx .jx-list li:hover{
    background: rgba(255, 255, 255, 1);
    transform: scale(1.05);
}
.about-wrap .jx .jx-list li:first-child{
    margin-right: 60px;
}
.detalis{
    margin: 130px auto 90px;
    width: 36%;
}
.detalis .deta-top p{
    /*text-align: center;*/
}
.detalis .deta-info{
    margin-top: 10px;
}
.detalis .deta-top .time{
   margin-right: 10px;
}
.detalis .deta-line{
    width: 100%;
    height: 1px;
    background: #1a1a1a;
    margin: 30px 0;
}
.detalis img {
    width: auto;
    margin: 40px auto;
}
.deta-cont{
    margin-top: 40px;
}

.inner-nav{
    display: flex;
    justify-content: center;
    background: #1a1a1a;
    padding: 20px 0;
    position: absolute;
    top: calc(655px + 67px);
    left: 0;
    z-index: 99;
    width: 100%;
    /*transition: .5s;*/
}
.inner-nav.on{
    position: fixed;
    top: 75px;
}
.inner-nav li a{
    margin: 0 20px;
    color: #fff;
    transition: .3s;
}
.inner-nav li a:hover{font-weight: bold}
@media screen and (max-width: 1700px){
    .header .w75 .header-nav li{
        margin: 0 20px;
    }
    .i-brand .i-brand-left p{
        font-size: 16px;
    }
    .i-ban-tit{
        font-size: 48px;
        line-height: 58px;
    }
    .i-banner .i-ban-item .w75 .i-ban-list{
        margin: 20px 0;
    }
    .i-kh .brand-swiper .swiper-slide .img{
        margin: 0 10px 10px 0;
    }
    .g4 .ys-wrap .ys-left .ys-item .ys-text, .g4 .ys-wrap .ys-left .tips-wrap{
        width: 239px;
    }
    .g5 .fa-list li .fa-wrap p{font-size: 14px;}
    .g5 .fa-list li .fa-tit{ font-size: 18px;}
    .proper-wrap .question .ques-list li.on{transform: scale(1.05)}
    .proper-wrap .question .ques-list li .ques-info .inf-item .info-text p,
    .proper-wrap .question .ques-list li .ques-des,
    .proper-wrap .anal .anal-item .item-list li p{
        font-size: 14px;
        line-height: 20px;
    }
    .solu-block .block-item .block-dsc{
        font-size: 13px;
    }
    .proper-wrap .solu .solu-list .solu-item:nth-child(1) .solu-wrap .solu-info li{
        margin-bottom: 40px;
    }
    .zy-solu .zy-wrap .zy-right .right-item .pub-btn{
        margin-top: 10px;
    }
    .proper-wrap .question .ques-list li .cen-wrap img{width: 90%}
}
@media screen and (max-width: 1480px){
    .about-wrap .culture .cult-top > .ct2 .ltit,
    .about-wrap .culture .cult-center .ltit{
        font-size: 20px;
    }
    .jj2 .jj2-table tr td{
        padding: 0 10px 0 30px;
    }
    .jj2 .jj2-table tbody tr td p{
        font-size: 16px;
    }
    .data .data-wrap .data-left{width: 40%}
    .i-ban-tit{
        font-size: 40px;
        line-height: 50px;
    }
    .i-banner .i-ban-item .w75 .i-ban-text{
        margin-bottom: 30px;
    }
    .header .w75 .tel-num{
        font-size: 20px;
    }
    .i-brand{background: #dfe2f3}
    .i-brand .i-brand-swiper{background: #f3f4f8}
    .w75{
        width: 80%;
    }
    .i-kh .brand-swiper .swiper-slide .img img{zoom: .8}
    .g2 .g2-wrap2 .wrap2-box .data-box{width: 96%}
    .there .box-item{width: 15.49%}
    .i-cj .cj3 .cj3-wrap2 .wrap2-item p {
        font-size: 16px;
    }
    .i-cj .cj3 .cj3-wrap2{padding: 25px 0 0 25px;}
    /*.g4 .ys-wrap{justify-content: space-between}*/
    .center2{flex-direction: row-reverse}
    .g4 .ys-wrap .ys-left .ys-item.center2 .ys-text{width: 240px}
    .g4 .ys-wrap .ys-left .ys-item.center2 .tips-wrap .ys-tips{margin: 0}
    .g4 .ys-wrap .ys-left .ys-item .ys-text, .g4 .ys-wrap .ys-left .tips-wrap{width: 280px;flex: 1}
    .g4 .ys-wrap .ys-left .ys-y{margin: 4px 20px 0}
    .g4 .ys-wrap .ys-left .ys-item.center2 .ys-dsc, .g4 .ys-wrap .ys-left .ys-item.center2 .ys-tit{
        text-align: right;
    }
    .proper-wrap .question .ques-list li .cen-tit{font-size: 26px}
    .proper-wrap .question .ques-list li{width: 32%;height: 500px}
    .proper-wrap .anal .anal-item{width: 24.27%}
    .proper-wrap .solu .solu-list .solu-item{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .proper-wrap .solu .solu-list .solu-item:nth-child(2) .solu-wrap,
    .proper-wrap .solu .solu-list .solu-item:nth-child(1) .solu-wrap{
        padding: 30px 30px 100px 30px;
    }
    .proper-wrap .solu .solu-ys .solu-ys-list li{
        padding: 30px 20px;
    }
    .data .data-wrap .data-right .data-list li{height: auto}
    .case-wrap li a .ltit{font-size: 20px}
    .w75{width: 85%}
}

@media screen and (max-width: 1280px) {
    .w75{width: 92%}
    .proper-wrap .contrast .table{width: 92%}
    .header,
    .inner-nav{display: none}
    .mob-header{display: block}
    .case-nav{display:flex;}
    .case-nav.on{position: fixed}
    .i-ban-tit{
        font-size: 28px;
        line-height: 36px;
    }
    .i-banner .i-ban-item .w75 .i-ban-list{margin: 10px 0}
    .i-banner .i-ban-item .w75 .i-ban-text{margin-bottom: 20px;}
    .i-banner{margin-top: 65px}
    .i-banner .i-ban-item .w75{top: 10%}
    .i-cj .cj3 .cj3-wrap3 img{width: 85%}
    .i-cj .cj3 .cj3-wrap2{padding: 15px 0 0 15px}
    .i-case-wrap .case-center li{width: 150px}
    .i-case-wrap .case-center li p{font-size: 16px;}
    .i-case-wrap .case-center li .cen-tit{
        font-size: 20px;
        line-height: 20px;
    }
    .i-case-wrap .case-center{top: 110px;}
    .i-case-wrap .case-center li {margin-bottom: 40px;}
    .i-td .td-swiper{width: 85%}
    .g4 .ys-wrap .ys-left .ys-tit{font-size: 16px}
    .g5 .fa-list,
    .boll-img,
    .data{width: 100%}
    .g6 .hz{width: 85%}
    .proper-wrap{margin-top: 0}
    .data .data-wrap .data-left{padding-left: 0}
    .jj2 .jj2-table{width: 92%;}
    .case-wrap li a .text{
        flex: 1;
        margin-left: 20px;
    }
    .case-wrap{width: 80%}
    .case-wrap li a{padding: 20px 0;}
    .case-tit{
        font-size: 18px;
        display: -webkit-box;           /* 使用弹性盒子布局 */
        -webkit-line-clamp: 1;          /* 限制显示行数 */
        -webkit-box-orient: vertical;   /* 垂直排列 */
        overflow: hidden;               /* 超出部分隐藏 */
        text-overflow: ellipsis;        /* 超出部分显示省略号 */
    }
    .case-wrap li a .text .case-info{font-size: 16px}
    .detalis{width: 60%}
    .detalis img,
    .about-wrap .about-info .info-wrap .info-cont img{width: 100%}
    .about-wrap .about-info .info-wrap .info-cont .img{width: 40%}
    .about-wrap .cj .cj-list1{width: 60%}
    .about-wrap .jx .jx-list li{width: 35%}
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-left{width: 24%;font-size: 16px}
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right{flex: 1;}
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right p{margin: 0 20px 15px 0}
    .i-cj .cj3 li .line2 .cj3-wrap-right p:nth-child(1){margin-right: 15px;}
    .inner-nav{top: 475px;}
}
@media screen and (max-width: 980px) {
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-left{font-size: 14px;}
    .i-brand .i-brand-left p{margin-left: 20%}
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right{flex: 1}
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right p{
        font-size: 14px;
        margin: 0 5px 5px 0;
    }
    .i-cj .cj3 li .line2 .cj3-wrap-right p:nth-child(2){
        /*width: 100px;*/
    }
    .i-cj .cj3 li .line2 .cj3-wrap-right p:nth-child(1){margin-right: 0}
    .i-case .i-case-wrap > div .i-case-list li .item-dsc{font-size: 14px}
    .i-case-wrap .case-center li{width: 120px}
    .i-case .i-case-wrap > div .i-case-list{width: 73.5%}
    .i-td .td-swiper{width: 90%}
    .i-td .td-swiper .swiper-slide{padding: 25px 15px 25px 20px;}
    .i-td .td-swiper .swiper-slide .td-text .text-item p:last-child{font-size: 16px}
    .i-td .td-btn div{font-size: 18px}
    .i-td .td-swiper .swiper-slide .td-text .text-item{margin-bottom: 20px;}
    .i-td .td-swiper .swiper-slide .td-text .item-tit{margin-bottom: 30px}
    .i-kh .kh-btn p{
        font-size: 18px;
        margin: 0 30px;
    }
    .i-kh .brand-swiper .swiper-slide{justify-content: flex-start}
    .i-kh .brand-swiper .swiper-slide .img{width: 24%}

    .i-kh .brand-swiper .swiper-slide .img:nth-child(6),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(18){
        margin-right: 10px;
    }
    .i-kh .brand-swiper .swiper-slide .img:nth-child(4),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(8),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(16),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(20),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(24){
        margin-right: 0;
    }
    .info .num-list li p{font-size: 16px}
    .info .num-list li{margin-right: 50px}
    .footer .f2 .f2-nav{display: none}
    .g1 .g1-cont{width: 76.2%}
    .g1{padding-bottom: 50px}
    .g1 .g1-list li{
        height: 350px;
        width: 30%;
    }
    .g2-wrap1,
    .proper-wrap .question{
        position: relative;
        padding: 80px 0 50px;
    }
    .g2-hide{display: none}
    .g3{margin-top: 0}
    .g2 .g2-wrap2 .wrap2-box{width: 92%}
    .four .box-item{font-size: 20px}
    .there .box-item{font-size: 16px}
    .g2 .g2-list{flex-wrap: wrap}
    .g2 .g2-list li {
        width: 50%;
        margin-bottom: 20px;
    }
    .i-cj .cj4 .cj4-img img{width: 50px}
    .g4 .ys-right .ys-block{height: auto}
    .g5 .fa-list{flex-wrap: wrap}
    .g5 .fa-list li {
        width: 49%;
        margin-bottom: 20px;
    }
    .g5 .fa-list li .fa-wrap p{font-size: 18px}
    .g5 .boll-list li{
        line-height: 30px;
        font-size: 22px;
    }
    .proper-wrap .question .ques-list li.on{
        background: #fff;
        transform: scale(1);
    }
    .proper-wrap .question .ques-list li.on > p,
    .proper-wrap .question .ques-list li.on > .ques-des{
        color: #1a1a1a;
    }
    .proper-wrap .question .ques-list{flex-direction: column}
    .proper-wrap .question .ques-list li {
        width: 100%;
        margin-bottom: 20px;
    }
    .proper-wrap .question .ques-list li .cen-wrap img{width: auto}
    .proper-wrap .question .ques-list li .ques-des{
        font-size: 16px;
        text-align: center;
    }
    .proper-wrap .question .ques-list li .ques-info .inf-item .info-text .info-tit,
    .proper-wrap .question .ques-list li .ques-info .inf-item .info-text p{
        font-size: 16px;
    }
    .proper-wrap .question .ques-list li .ques-info .inf-item{margin-bottom: 30px;}
    .proper-wrap .question .ques-list li .ltit{margin-top: 10px}
    .proper-wrap .anal .anal-item{width: 30%}
    .proper-wrap .solu .solu-list{
        flex-direction: column;
    }
    .proper-wrap .solu .solu-list .solu-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .proper-wrap .solu .solu-list .solu-item:nth-child(2) .solu-wrap,
    .proper-wrap .solu .solu-list .solu-item:nth-child(1) .solu-wrap{padding: 30px}
    .proper-wrap .solu .solu-ys .solu-ys-list{flex-wrap: wrap}
    .proper-wrap .solu .solu-ys .solu-ys-list li {
        width: 48.5%;
        margin-bottom: 20px;
    }
    .tit{font-size: 36px}
    .ltit{font-size: 22px}
    .opin-banner .opin-text{width: 100%}
    .data .data-wrap{flex-direction: column}
    #data-main{height: 450px}
    .data .data-wrap > div {width: 100% !important}
    .zy-solu .zy-wrap .zy-right .right-item{
        padding: 20px;
        height: 180px;
    }
    .zy-solu .zy-wrap .zy-left{height: 380px}
    .jj2 .jj2-table tr td:first-child{padding-left: 10px}
    .jj2 .jj2-table tbody tr td:first-child{font-size: 16px}
    .case-wrap li a{flex-direction: column;align-items: flex-start}
    .case-left{flex-direction: column;width: 100%}
    .case-left > div,
    .case-wrap li a .img img{width: 100%;}
    .case-wrap li a .text{padding: 40px 20px 20px}
    .case-right{
        width: 100%;
        text-align: right;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .detalis{width: 80%;}
    .about-wrap .about-info .info-wrap .info-cont{
        flex-direction: column;
    }
    .about-wrap .about-info .info-wrap .info-cont .text{
        width: 100%;
        margin-top: 20px;
    }
    .about-wrap .cj .cj-list{padding: 0 30px}
    .about-wrap .cj .cj-list .ltit{
        font-size: 18px;
    }
    .about-wrap .cj .cj-list2 .top-num span{font-size: 30px}
    .about-wrap .culture .cult-top{flex-direction: column}
    .about-wrap .culture .cult-top > div {width: 100%}
    .about-wrap .culture .cult-top > div:first-child{margin-bottom: 20px;}
    .about-wrap .culture .cult-center .text-list li{margin-right: 100px}
    .about-wrap .life .life-swiper .life-btn > div{
        width: 50px;
        height: 50px;
    }
    .about-wrap .jx .jx-list li{height: 150px}
    .about-wrap .jx .jx-list li{padding: 0 20px}
    .about-wrap .jx .jx-list li .img{
        width: 60px;
        height: 60px;
    }
}
@media screen and (max-width: 750px) {
    .i-td{border-radius: 0;}
    .pcshow{display: none}
    .pchide{display: block}
    .i-banner .i-ban-item > img,
     .inner-banner{
         height: 400px;
     }
    .inner-banner > img{
        height: 400px;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .i-banner .i-ban-item .w75 .i-ban-list{margin: 20px 0}
    .i-brand .i-brand-left p{margin-left: 20px}
    .i-cj .cj3{
        flex-direction: column;
    }
    .i-cj .cj3 > li {
        width: 100%;
        margin-bottom: 20px;
    }
    .i-cj .cj3 .cj3-wrap3 img{width: auto}
    .i-cj .cj3 .cj3-wrap2{
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
    }
    .i-cj .cj3 .cj3-wrap2 .wrap2-item {
        width: 50%;
        margin: 0;
    }
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right{
        justify-content: space-evenly;
    }
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right p{
        margin: 0 0px 0 0;
        font-size: 16px;
    }
    .i-case .i-case-wrap > div .i-case-list li .case-top .red-color{margin-left: 10px;}
    .i-case .i-case-wrap > div .i-case-list li .case-top .black-color{margin-right: 10px}
    .i-case .i-case-wrap > div .i-case-list li .case-top .red-color,
    .i-case .i-case-wrap > div .i-case-list li .case-top .black-color{font-size: 18px}
    .i-case .i-case-wrap > div .i-case-list{width: 61.5%}
    .i-td .td-btn{width: 63%}
    .i-td .td-swiper .swiper-slide{flex-direction: column-reverse}
    .i-td .td-swiper .swiper-slide > div{
        width: 100% !important;
    }
    .i-td{
        padding: 80px 0 50px;
        height: auto;
    }
    .i-td .td-swiper .swiper-slide .td-text{margin-top: 20px}
    .i-kh .brand-swiper .swiper-slide .img{width: 32%}
    .i-kh .brand-swiper .swiper-slide .img:nth-child(4),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(8),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(16),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(20),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(24){margin-right: 10px;}
    .i-kh .brand-swiper .swiper-slide .img:nth-child(3),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(6),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(9),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(12),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(15),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(18),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(21),
    .i-kh .brand-swiper .swiper-slide .img:nth-child(24){margin-right: 0;}
    .f1-left{flex-direction: column;align-items: flex-start}
    .footer .f1 .f1-left .f1-text{margin-left: 0;margin-top: 20px}
    .footer{height: auto;padding-bottom: 40px}
    .g1 .g1-cont{width: 89%}
    .g1 .g1-list li.on{transform: scale(1)}
    .g1 .g1-list{flex-direction: column;width: 92%}
    .g1 .g1-list li {height: auto;width: 100%;margin-bottom: 30px;padding: 40px 20px}
    .g1 .g1-list{height: auto}
    .g1 .g1-list li .img{
        position: static;
        margin: 0 auto 30px;
        box-shadow:
                0 0 3px rgba(34, 24, 21, 0.05),
                0 0 3px rgba(34, 24, 21, 0.05);
        transform: translateX(0);
    }
    .g5 .boll1{width: 100%}
    .g2 .g2-wrap2 .wrap2-box .data-box .two-wrap .box-item{width: 30%}
    .four .box-item,
    .i-cj .cj3 li .cj3-wrap .cj3-wrap-right p{font-size: 18px}
    .g4 .ys-wrap{flex-direction: column}
    .g4 .ys-wrap > div {width: 100% !important}
    .g4 .ys-right{margin-top: 60px}
    .g4 .ys-right .ys-text-list li{margin-bottom: 15px;}
    .g4 .ys-wrap .ys-left .ys-tit{font-size: 20px}
    .proper-wrap .question .ques-list li .ques-des,
    .proper-wrap .question .ques-list li .ques-info .inf-item .info-text .info-tit,
    .proper-wrap .question .ques-list li .ques-info .inf-item .info-text p{font-size: 18px}
    .proper-wrap .anal .anal-item .item-list li p{font-size: 16px;line-height: 28px}
    .solu-block .block-item .block-dsc{font-size: 16px}
    .proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-info .text p,
    .proper-wrap .solu .solu-list .solu-item .solu-wrap .solu-dsc{font-size: 18px}
    .proper-wrap .solu .solu-ys .solu-ys-list .dsc{font-size: 18px;line-height: 30px}
    .change .change-list,
    .cz .cz-list{flex-direction: column}
    .change .change-list li ,
    .cz .cz-list li{width: 100%;margin-bottom: 20px;}
    .change .change-list li .summary,
    .cz .cz-list li .dsc{font-size: 18px}
    .case-banner .case-ban-wrap .case-search{width: 70%}
    .center{height: 280px}
    .center .w75 .center-left > a{margin-top: 30px;}
    .about-wrap .about-info .info-wrap .info-text p{font-size: 18px}
    .about-wrap .culture .cult-center .text-list li{margin-right: 60px}
    .about-wrap .jx > img{
        height: 400px;
        width: 100%;
        object-position: center;
        object-fit: cover;
    }
    .i-banner .i-ban-item .w75 .i-ban-text p{
        margin-right: 8px;
        font-size: 16px;
    }
    .about-wrap .jx .jx-list li{width: 40%}
    .case-tit{font-size: 20px}
    .case-wrap li a .text .case-info{font-size: 18px}
    .about-wrap .about-info{padding: 50px 0 55px}
}