body,
                html {
                    width: 100%;
                    height: 100%;
                    margin: 0;
                }
                
                .cond {
                    width: 100%;
                    background: #FFF;
                    display: none;
                }
                
                .cond .container {
                    width: 52%;
                    padding: 30px 0;
                    display: flex;
                }
                
                .lanmu img {
                    width: 240px;
                    height: 140px;
                }
                
                .cont-lists {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .cont-lists a {
                    font-size: 18px;
                    color: #494F55;
                    line-height: 2;
                    display: flex;
                    justify-content: space-between;
                    min-width: 280px;
                    margin-left: 20px;
                }
                
                .cont-lists a:hover {
                    color: #009296;
                }
                
                .cont-lists i {
                    width: 18px;
                    height: 18px;
                    margin-top: 10px;
                    background: url(../images/lan2.svg) no-repeat;
                }
                
                .cont-lists a:hover i {
                    background: url(../images/lan1.svg) no-repeat;
                }
                /* index */
                
                dt {
                    border: none !important;
                }
                
                .index-banner {
                    position: relative;
                    margin-top: 44px;
                }
                
                .nenenen {
                    margin-top: 70px !important;
                    height: calc(100vh - 100px);
                }
                
                .product-dingwei {
                    top: 40%;
                    left: 6%;
                }
                
                .banner {
                    width: 100%;
                    margin-top: 95px;
                }
                
                .banner img {
                    width: 100%;
                    height: 100%;
                }
                
                .index-banner .banner-img {
                    width: 100%;
                    overflow: hidden;
                    position: relative;
                }
                
                .index-banner .swiper-button-prev:after {
                    color: #FFF;
                    font-size: 24px;
                }
                
                .index-banner .swiper-button-next:after {
                    color: #FFF;
                    font-size: 24px;
                }
                
                .common-banner .banner-img {
                    width: 100%;
                    height: 100%;
                }
                
                .index-swiper {
                    overflow: hidden;
                    position: relative;
                    width: 100%;
                    min-height: 200px;
                    background: #fff;
                    float: left;
                    margin: 30px;
                }
                
                .index-swiper .swiper-slide {
                    overflow: hidden;
                    position: relative;
                }
                
                .index-swiper .swiper-slide .slide-inner {
                    /* position: absolute; */
                    display: block;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    background-size: cover;
                    background-position: center;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    -webkit-justify-content: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center;
                    color: #fff;
                }
                
                .index-swiper .swiper-slide .slide-inner a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: relative;
                }
                
                .index-swiper .swiper-slide .slide-inner .picture {
                    height: 100%;
                    width: 100%;
                }
                
                .index-swiper .swiper-slide .slide-inner video {
                    width: 100%;
                    height: 100%;
                    object-fit: fill;
                    display: inline-block;
                }
                
                .index-swiper .swiper-slide .slide-inner img {
                    width: 100%;
                    height: 100%;
                    /* margin-top: 50px; */
                    height: calc(100vh - 100px);
                    object-fit: cover;
                }
                
                .index-banner .banner-img>img {
                    width: 100%;
                    /* min-height: 600px; */
                }
                
                .pp1 {
                    position: absolute;
                    z-index: 1;
                    top: 280px;
                    left: 410px;
                    color: #FFFFFF;
                    font-size: 38px;
                }
                
                .pp2 {
                    color: #3e3e3e;
                    font-size: 38px;
                }
                
                .pp3 {
                    margin-bottom: 26px;
                    color: #FFFFFF;
                    font-size: 38px;
                }
                
                .currt {
                    position: fixed;
                    width: 100%;
                    left: 0;
                    top: 0;
                    background: #fff;
                    z-index: 10;
                    height: 88px !important;
                    padding-top: 15px !important;
                    justify-content: space-around !important;
                }
                
                .ppts {
                    position: absolute;
                    z-index: 1;
                    top: 290px;
                    left: 295px;
                    font-size: 24px;
                    color: #FFFFFF;
                    letter-spacing: 3px;
                    line-height: 40px;
                }
                
                .newnew {
                    position: absolute;
                    z-index: 1;
                    top: 280px;
                    right: 410px;
                }
                
                .ppts2 {
                    font-size: 24px;
                    color: #3e3e3e;
                    letter-spacing: 3px;
                    line-height: 40px;
                }
                
                .shehui {
                    position: absolute;
                    z-index: 1;
                    top: 280px;
                    right: 410px;
                }
                
                .ppts3 {
                    font-size: 18px;
                    color: #FFFFFF;
                    letter-spacing: 3px;
                    line-height: 30px;
                }
                
                .banner-join .pp3 {
                    color: #0068BD
                }
                
                .banner-join .ppts3 {
                    color: #0068BD
                }
                
                .index-banner .banner-niunai {
                    position: absolute;
                    width: 88%;
                    bottom: -136px;
                    z-index: 1;
                }
                
                .index-banner .banner-niunai>img {
                    width: 100%;
                }
                
                .deaiwei {
                    position: absolute;
                }
                
                .ban_buts {
                    color: #a72227;
                    line-height: 37px;
                    background: #fff;
                    border-radius: 25px;
                    font-size: 20px;
                    padding: 0 20px;
                    margin-bottom: 25px;
                    max-width: 107px;
                }
                
                .ban_but {
                    color: #fff;
                    line-height: 37px;
                    background: #009296;
                    border-radius: 25px;
                    font-size: 20px;
                    padding: 0 20px;
                    margin-bottom: 25px;
                    max-width: 107px;
                }
                
                .ban_come {
                    font-size: 60px;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 90px;
                    display: flex;
                }
                
                .ban1 {
                    color: #F29701;
                }
                
                .ban2 {
                    color: #FDD002;
                }
                
                .ban3 {
                    color: #8DC41F;
                }
                
                .ban4 {
                    color: #009FEB;
                }
                
                .ban_eng {
                    font-size: 21px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 29px;
                    letter-spacing: 1px;
                    margin-bottom: 30px;
                }
                
                .ban_you {
                    display: flex;
                    align-items: center;
                }
                
                .tuls img {
                    width: 100%;
                }
                
                .mouse {
                    position: absolute;
                    bottom: 50px;
                    z-index: 9;
                    margin: auto;
                    left: 50%;
                    right: 50%;
                    transition: all 5s;
                    animation: jump 1s ease-in-out infinite alternate;
                }
                
                @keyframes jump {
                    from {
                        bottom: 50px;
                    }
                    to {
                        bottom: 70px
                    }
                }
                
                .ban_you img {
                    width: 20px !important;
                    height: 20px !important;
                    margin-right: 10px;
                }
                
                .looked {
                    font-size: 18px;
                }
                
                .banner-img .swiper-container-horizontal>.swiper-pagination-bullets {
                    bottom: 80px;
                    text-align: left;
                    margin-left: 262px;
                }
                
                .banner-img .swiper-container-horizontal>.swiper-pagination-bullets span {
                    width: 16px;
                    height: 16px;
                }
                
                .banner-img .swiper-pagination-bullet {
                    color: #000;
                    opacity: 1;
                    background: #FFF;
                }
                
                .banner-img .swiper-pagination-bullet-active {
                    background: #fff;
                    opacity: 1;
                    width: 32px !important;
                    height: 16px !important;
                    border-radius: 8px;
                }
                
                .index-box {
                    background: #fff;
                }
                
                .index-about {
                    padding: 140px 0 65px 0;
                    display: flex;
                }
                
                .index-about .about-left {
                    padding-left: 213px;
                    margin-top: 96px;
                }
                
                .index-about .about-left {
                    width: 56%;
                }
                
                .index-about .about-right {
                    width: 44%;
                }
                
                .index-about .about-img {
                    width: 100%;
                }
                
                .index-about .about-img>img {
                    width: 100%;
                }
                
                .index-title {
                    position: relative;
                    text-align: center;
                    background: url(../images/index-banner-en.png) no-repeat;
                    background-size: contain;
                    background-position: center top;
                }
                
                .index-title1 {
                    background: url(../images/index-banner-en.png) no-repeat;
                    background-size: contain;
                    background-position: center top;
                }
                
                .index-title::after {
                    content: "";
                    width: 60px;
                    height: 5px;
                    background: #009296;
                    position: absolute;
                    left: 0;
                    bottom: -20px;
                    left: 48%;
                    border-radius: 0px 100px 0px 100px
                }
                
                .index-title h2 {
                    font-size: 32px;
                    font-weight: 600;
                    color: #333333;
                    transform: translateY(15px);
                    line-height: 67px;
                }
                
                .kuangsi {
                    position: relative;
                    margin: 0 auto;
                    margin-top: 65px;
                    margin-bottom: 44px;
                    width: 202px;
                }
                
                .chacha {
                    justify-content: space-around;
                    margin-bottom: 24px;
                }
                
                .zenme {
                    font-size: 16px;
                    font-weight: 400;
                    color: #57525A;
                    line-height: 24px;
                    line-height: 40px;
                    background: #FFFFFF;
                    border-radius: 20px;
                    margin-bottom: 15px;
                    max-width: 400px;
                    margin: auto;
                    text-align: center;
                    margin-bottom: 53px;
                }
                
                .downs {
                    width: 40px;
                    text-align: center;
                    position: absolute;
                    bottom: 10px;
                    left: 0;
                    right: 0;
                    margin: auto;
                }
                
                .buzhou {
                    background: #F4F7F9;
                }
                
                .zhou1 {
                    position: relative;
                    text-align: center;
                    padding: 20px 0;
                    height: 900px;
                }
                
                .zhou11 {
                    width: 111px;
                    min-width: 111px;
                    line-height: 35px;
                    background: #EE2200;
                    border-radius: 18px;
                    font-size: 18px;
                    font-weight: 400;
                    color: #FFFFFF;
                    margin: 20px auto;
                    text-align: center;
                }
                
                .zhou12 {
                    font-size: 24px;
                    font-weight: bold;
                    color: #333333;
                    margin-bottom: 15px;
                }
                
                .zhou13 {
                    color: #666;
                    font-size: 16px;
                    margin-bottom: 10px;
                }
                
                .zhou14 {
                    color: #999;
                    font-size: 14px;
                    margin-bottom: 20px;
                }
                
                .zhou15 {
                    position: absolute;
                    left: 0;
                    z-index: 0;
                }
                
                .zhou16 {
                    position: absolute;
                    left: 20%;
                }
                
                .zhou17 {
                    margin-top: 20%;
                    right: 16%;
                    z-index: 3;
                    position: absolute;
                }
                
                .zhou18 {
                    width: 220px;
                    margin-left: 19.6%;
                    padding-top: 26%;
                    position: absolute;
                    z-index: 3;
                }
                
                .zhou19 {
                    position: absolute;
                    right: 0;
                    top: 20%;
                }
                
                .zhou20 {
                    position: absolute;
                    top: 25%;
                    left: 30%;
                    z-index: 2;
                }
                
                .sheng {
                    top: 27%;
                    position: absolute;
                    font-size: 30px;
                    color: #020F1E;
                    left: 12%;
                }
                
                .litou {
                    width: 40px;
                    margin: auto;
                }
                
                .litou img {
                    width: 100%;
                }
                
                .yearsd {
                    display: flex;
                    background: url(../images/chang.png) center no-repeat;
                    background-size: 40px auto;
                    margin-top: -1px;
                }
                
                .yearsd_left {
                    width: 100%;
                    border-top: 8px solid #E70012;
                    border-right: 5px solid #e70012;
                    border-top-right-radius: 30px;
                    display: flex;
                    padding-top: 20px;
                    margin-bottom: 50px;
                }
                
                .yearsd_left1 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 32px;
                    width: 70%;
                }
                
                .yearsd_left2 {
                    margin-left: 10px;
                }
                
                .yearsd_left2 img {
                    width: 100%;
                    max-width: 150px;
                }
                
                .yearsd_right {
                    width: 100%;
                    border-top: 8px solid #A50180;
                    border-left: 5px solid #A50180;
                    border-top-left-radius: 30px;
                    display: flex;
                    padding-top: 20px;
                    margin-bottom: 50px;
                }
                
                .yearsd1 {
                    width: 49.2%;
                    margin-right: 2%;
                }
                
                .yearsd2 {
                    width: 49.3%;
                    margin-top: 10%;
                }
                
                .yearsd_right1 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 32px;
                    width: 70%;
                    margin-left: 45px;
                }
                
                .yearsd_right2 {
                    margin-left: 10px;
                }
                
                .yearsd_right2 img {
                    width: 100%;
                    max-width: 150px;
                }
                
                .weilai {
                    font-size: 48px;
                    font-weight: 800;
                    line-height: 72px;
                    margin: 80px auto;
                    text-align: center;
                }
                
                .weilai1 {
                    color: #A50180;
                }
                
                .weilai2 {
                    color: #02A1E9;
                }
                
                .weilai3 {
                    color: #8EC320;
                }
                
                .weilai4 {
                    color: #FBD001;
                }
                
                .weilai5 {
                    color: #F49800;
                }
                
                .mkles {
                    font-size: 24px;
                    font-weight: bold;
                    color: #000000;
                    line-height: 36px;
                }
                
                .mkles2 {
                    padding-left: 30px;
                    font-size: 24px;
                    font-weight: bold;
                    color: #000000;
                    line-height: 36px;
                }
                
                .rowe {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .bak {
                    background: #FFF;
                    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                    border-radius: 10px;
                    height: 230px;
                    max-width: 256px;
                }
                
                .baks {
                    display: flex;
                    margin: 16px 15px;
                }
                
                .baks1 {
                    font-size: 36px;
                    font-weight: bold;
                    color: #009296;
                    margin-right: 10px;
                }
                
                .baks2 {
                    font-size: 24px;
                    font-weight: 500;
                    color: #020F1E;
                    line-height: 36px;
                }
                
                .bakd {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    margin: 0 18px;
                    line-height: 30px;
                }
                
                .sbwy {
                    justify-content: space-between;
                }
                
                .init {
                    width: 95%;
                    position: relative;
                    text-align: center;
                    max-width: 24.5%;
                    margin-bottom: 50px;
                }
                
                .init img {
                    width: 100%;
                }
                
                .inits {
                    width: 100%;
                    color: #FFF;
                    font-size: 16px;
                    background: #009296;
                    padding-top: 18px;
                    padding-bottom: 12px;
                }
                
                .inits p {
                    margin-bottom: 5px;
                }
                
                .daw {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 30px;
                    text-align: center;
                    margin: 30px auto;
                }
                
                .hexin {
                    background: #FFF;
                    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                    border-radius: 10px;
                    max-width: 32% !important;
                }
                
                .row-he {
                    justify-content: space-between;
                }
                
                .hexin img {
                    width: 100%;
                }
                
                .hexin p {
                    font-size: 24px;
                    font-weight: 500;
                    color: #020F1E;
                    line-height: 36px;
                    margin-left: 24px;
                    margin-top: 30px;
                    margin-right: 13px;
                    margin-bottom: 12px;
                }
                
                .ps {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 30px;
                    margin-left: 20px;
                    margin-bottom: 22px;
                }
                
                .index-title.index-center {
                    text-align: center;
                }
                
                .index-title.index-center::after {
                    left: 50%;
                    transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                }
                
                .index-about .left-tit {
                    margin-top: 52px;
                }
                
                .index-about .left-tit p {
                    font-size: 18px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 32px;
                }
                
                .index-about .list-img i {
                    display: inline-block;
                    width: 70px;
                    height: 70px;
                }
                
                .index-about .list-img i.icon-about1 {
                    background: url(../images/icon-about1.svg) no-repeat center;
                    background-size: contain;
                }
                
                .index-about .list-img i.icon-about2 {
                    background: url(../images/icon-about2.svg) no-repeat center;
                    background-size: contain;
                }
                
                .index-about .list-img i.icon-about3 {
                    background: url(../images/icon-about3.svg) no-repeat center;
                    background-size: contain;
                }
                
                .index-about .list-img i.icon-about4 {
                    background: url(../images/icon-about4.svg) no-repeat center;
                    background-size: contain;
                }
                
                .index-about .left-list {
                    margin: 65px 0 30px 0;
                    display: flex;
                    flex-wrap: wrap;
                }
                
                .index-about .left-list li {
                    display: flex;
                    align-items: center;
                    width: 50%;
                    margin-bottom: 56px;
                }
                
                .index-about .list-num {
                    margin-left: 14px;
                }
                
                .index-about .list-num span {
                    font-size: 44px;
                    font-family: D-DIN-Bold, D-DIN;
                    font-weight: bold;
                    color: #0A4AAA;
                    line-height: 20px;
                }
                
                .index-about .list-num strong {
                    font-size: 18px;
                    font-weight: 500;
                    color: #343434;
                    line-height: 25px;
                }
                
                .index-about .list-num p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 22px;
                }
                
                .index-more {
                    display: inline-block;
                    border-radius: 24px;
                    border: 2px solid #0A4AAA;
                    padding-left: 38px;
                    transition: all .2s;
                    position: relative;
                    overflow: hidden;
                }
                
                .index-more2 {
                    width: 120px;
                    display: block;
                    background: #FFF;
                }
                
                .index-more:after {
                    content: "";
                    width: 300px;
                    height: 100%;
                    background: #0A4AAA;
                    position: absolute;
                    left: -300px;
                    top: 0;
                    /* transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg); */
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    -ms-transition: all .5s;
                    -o-transition: all .5s;
                    z-index: 1;
                    border-radius: 50px;
                }
                
                .index-more span {
                    font-size: 16px;
                    font-family: "微软雅黑", SourceHanSansCN-Medium, SourceHanSansCN;
                    font-weight: 500;
                    color: #0A4AAA;
                    line-height: 24px;
                    vertical-align: middle;
                    padding-right: 16px;
                    z-index: 2;
                    position: relative;
                }
                
                .index-more i {
                    display: inline-block;
                    width: 48px;
                    height: 48px;
                    background: url(../images/iocn-anniu.svg) no-repeat center;
                    background-size: contain;
                    vertical-align: middle;
                    z-index: 2;
                    position: relative;
                }
                
                .index-more:hover:after {
                    left: -130px;
                }
                
                .index-more:hover span {
                    color: #fff;
                }
                
                .index-more:hover i {
                    background: url(../images/anniu.svg) no-repeat center;
                }
                
                .index-more:hover {
                    border: 2px solid transparent;
                }
                
                .index-product {
                    padding-bottom: 150px;
                    position: relative;
                }
                
                .index-box11 {
                    border: none !important;
                }
                
                .index-product .container {
                    position: relative;
                    z-index: 2;
                }
                
                .index-product .product-list {
                    display: flex;
                    justify-content: space-between;
                }
                
                .index-product .text-bg {
                    /*background: url(../images/icon-anniu2.png) no-repeat center;*/
                    height: 125px;
                    position: relative;
                }
                
                .product-list li:hover .text-bg {
                    height: 125px;
                    background-size: contain;
                    background: url(../images/icon-anniu2.svg) no-repeat center;
                }
                
                .geiyepa {
                    margin: 0;
                    padding: 0;
                }
                
                .index-box .header-search {
                    position: relative;
                    margin-right: 53px;
                    display: flex;
                }
                
                .header-search button {
                    border-radius: 6px;
                    /* padding: 15px 24px 15px 54px; */
                    border: none;
                    font-size: 16px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 22px;
                    /* margin-left: 30px; */
                    background: #009296;
                }
                
                .header-search button span {
                    color: #fff;
                }
                
                .header-search button::before {
                    content: "";
                    background: url(../images/suo.svg) no-repeat;
                    background-size: 24px 24px;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    left: 20px;
                    top: 30%;
                }
                
                .form-inline {
                    margin-bottom: 36px;
                    display: none;
                }
                
                .index-box .header-search input {
                    background: #fff;
                    border-radius: 17px;
                    padding-left: 16px;
                    padding-top: 10px;
                    padding-bottom: 11px;
                    font-size: 12px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 18px;
                    border: 1px solid #CCC;
                    border-radius: 0px;
                    width: 178px;
                    width: 200px;
                    height: 50px;
                    border-radius: 0.25rem;
                }
                
                .form-control {
                    /* width: 200px !important; */
                    height: 50px;
                    margin-right: 20px;
                }
                
                .index-box .header-search img {
                    width: 16px;
                    height: 16px;
                    position: absolute;
                    top: 30%;
                    right: 18px;
                }
                
                .index-product .text-bg a {
                    border-radius: 8px;
                    border: 2px solid #009296;
                    font-size: 20px;
                    font-weight: 500;
                    color: #009296;
                    line-height: 20px;
                    padding: 8px 30px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    width: 188px;
                    text-align: center;
                    transition: all .3s;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -o-transition: all .3s;
                }
                
                .index-product .product-list li:hover a {
                    background: #009296;
                    color: #FFFFFF;
                }
                
                .index-product .product-list img {
                    transition: all .6s;
                    -webkit-transition: all .6s;
                    -moz-transition: all .6s;
                    -ms-transition: all .6s;
                    -o-transition: all .6s;
                    width: 80%;
                }
                
                .index-product .product-list li .list-img {
                    min-height: 550px;
                    text-align: center;
                }
                
                .index-product .product-list li .list-img img {
                    width: 75%;
                }
                
                .index-product .product-list li:hover img {
                    transform: scale(1.25);
                    -webkit-transform: scale(1.25);
                    -moz-transform: scale(1.25);
                    -ms-transform: scale(1.25);
                    -o-transform: scale(1.25);
                }
                .zhshjmpart5{
                  width: 100%;
                  overflow: hidden;
                  background: url(../images/pa5.jpg);
                  background-attachment: fixed;
                }
                
                .linder {
                    width: 100%;
                    font-size: 16px;
                    line-height: 70px;
                    color: #020F1E;
                    border-bottom: 1px solid #f1f1f1;
                }
                
                .linders {
                    width: 90%;
                    margin: auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .linder_left {
                    display: flex;
                    justify-content: flex-start;
                }
                
                .linder_left img {
                    margin-right: 8px;
                }
                
                .linder_left div {
                    margin-right: 24px;
                }
                
                .linder_left a {
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 24px;
                }
                
                .linder_right {
                    flex: 1;
                }
                
                .linder_right ul {
                    display: flex;
                    justify-content: flex-end;
                }
                
                .linder_right ul li:not(:last-child) {
                    margin-right: 78px;
                }
                
                .linder_right ul li.active {
                    border-bottom: 2px solid #009296;
                }
                
                .linder_right ul li a {
                    font-size: 16px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 24px;
                }
                
                .top {
                    line-height: 37px;
                    text-align: center;
                }
                
                .top h1 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 24px;
                }
                
                .about {
                    display: flex;
                }
                
                .about .about_left {
                    margin-right: 39px;
                    position: relative;
                    display: flex;
                    align-items: center;
                }
                
                .bo {
                    width: 55px;
                    height: 55px;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                }
                
                .about_left img {
                    width: 100%;
                }
                
                .about_left video {
                    width: 100%;
                    height: 328px;
                    object-fit: fill;
                    /* height: 100%; */
                }
                
                .about_right {
                    color: #666666;
                    line-height: 32px;
                    font-size: 16px;
                    max-height: 350px;
                    overflow: auto;
                    position: relative;
                    padding-bottom: 50px;
                }
                
                .abbout {
                    margin-bottom: 50px;
                }
                
                .white_shadow {
                    position: fixed;
                    right: -18px;
                    bottom: 0;
                    width: 57%;
                    height: 120px;
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
                }
                
                .about_right::-webkit-scrollbar {
                    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
                    width: 5px;
                    height: 100%;
                }
                
                #scroll::-webkit-scrollbar-button {
                    /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
                    display: none;
                }
                
                .about_right::-webkit-scrollbar-track {
                    /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
                    background: #f8f9fa;
                }
                
                .about_right::-webkit-scrollbar-track-piece {
                    /*内层轨道，滚动条中间部分（位置4）*/
                    background: #d8d8d8;
                }
                
                .about_right::-webkit-scrollbar-thumb {
                    /*滚动条里面可以拖动的那部分（位置5）*/
                    background: #009296;
                }
                
                #r-result::-webkit-scrollbar {
                    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
                    width: 5px;
                    height: 100%;
                }
                
                #scroll::-webkit-scrollbar-button {
                    /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
                    display: none;
                }
                
                #r-result::-webkit-scrollbar-track {
                    /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
                    background: #f8f9fa;
                }
                
                #r-result::-webkit-scrollbar-track-piece {
                    /*内层轨道，滚动条中间部分（位置4）*/
                    background: #d8d8d8;
                }
                
                #r-result::-webkit-scrollbar-thumb {
                    /*滚动条里面可以拖动的那部分（位置5）*/
                    background: #009296;
                }
                
                .index-product .product-yezi {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 0;
                }
                
                .index-product .product-mobile {
                    display: none;
                    position: relative;
                }
                
                .index-product .product-mobile .list-img>img {
                    width: 35%;
                    transition: all .3s;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -o-transition: all .3s;
                    transform: scale(0.9);
                    -webkit-transform: scale(0.9);
                    -moz-transform: scale(0.9);
                    -ms-transform: scale(0.9);
                    -o-transform: scale(0.9);
                }
                
                .index-product .product-mobile .text-bg {
                    display: none;
                }
                
                .index-product .product-mobile .swiper-slide-active .text-bg {
                    display: block;
                }
                
                .index-product .product-mobile .swiper-slide-active .list-img>img {
                    transform: scale(1.6);
                    -webkit-transform: scale(1.6);
                    -moz-transform: scale(1.6);
                    -ms-transform: scale(1.6);
                    -o-transform: scale(1.6);
                }
                
                .index-product .product-mobile .list-img {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 400px;
                }
                
                .index-product .product-mobile .text-bg a {
                    width: 120px;
                    padding: 3px 8px;
                    font-size: 16px;
                    background: #0068BD;
                    color: #FFFFFF;
                }
                
                .index-product .product-mobile .swiper-pagination {
                    left: 50%;
                    transform: translateX(-50%);
                    -webkit-transform: translateX(-50%);
                    -moz-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    -o-transform: translateX(-50%);
                    bottom: -35px;
                }
                
                .index-product .product-mobile .swiper-pagination .swiper-pagination-bullet {
                    margin: 0 5px;
                }
                
                .index-product .product-mobile .swiper-pagination .swiper-pagination-bullet-active {
                    background: #fff;
                    opacity: 1;
                    width: 32px;
                    height: 16px;
                    border-radius: 8px;
                }
                
                .index-new .secai {
                    margin-bottom: 56px;
                }
                
                .index-new .new-box {
                    display: inline-block;
                    background: #FFF;
                    width: 100%;
                    margin: auto;
                }
                
                .index-new .row {
                    margin-top: 78px;
                    justify-content: space-between;
                }
                
                .index-new .new-cont {
                    margin-top: 25px;
                    margin-bottom: 10px;
                }
                
                .index-new .index-new-text {
                    padding-bottom: 72px;
                    background-color: #F4F7F9;
                    padding-top: 57px;
                }
                
                .index-new .box {
                    padding-top: 58px;
                }
                
                .produst .new-box1 {
                    width: 96% !important;
                    position: relative;
                }
                
                .shadoww {
                    position: absolute;
                    width: 100%;
                    bottom: 14px;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%);
                }
                
                .new-cont1 {
                    width: 90%;
                    margin: auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .chcheng .row .col-md-3 img {
                    width: 100%;
                    /* max-height: 220px; */
                }
                
                .chcheng .row {
                    margin-right: 0px;
                    margin-left: 0px;
                }
                
                .chcheng .row .col-md-3 {
                    break-inside: avoid;
                }
                
                .new-cont2 {
                    width: 100%;
                    padding-left: 24px;
                    margin: auto;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    position: absolute;
                    bottom: 20px;
                    left: 0;
                    margin-top: 0;
                    margin-bottom: 25px;
                }
                
                .new-cont2 p {
                    font-size: 16px !important;
                }
                
                .new-cont1 p {
                    font-size: 20px;
                    color: #FFF;
                }
                
                .index-new .new-cont p {
                    font-size: 20px !important;
                    font-weight: 400;
                    color: #fff;
                    line-height: 21px;
                }
                
                .new-contd {
                    width: 100%;
                    align-items: center;
                    color: #333 !important;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    padding-left: 24px;
                    padding-bottom: 10px;
                    padding-right: 29px;
                }
                
                .new-contd p {
                    color: #333 !important;
                }
                
                .new-contd>.item {
                    width: 100%;
                    display: flex;
                    padding: 14px 0;
                    justify-content: space-between;
                }
                
                .new-contd>.item a {
                    width: 80%;
                }
                
                .new-contd>.item p {
                    width: 100%;
                    font-size: 18px;
                    font-weight: 400;
                    color: #333333;
                    max-height: 80%;
                    line-height: 27px;
                    height: 29px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    /*超出几行后省略号*/
                    overflow: hidden;
                }
                
                .new-contd>.item p:hover {
                    color: #009296 !important;
                }
                
                .new-contd>.item:not(:last-child) {
                    border-bottom: 1px solid #DFDFDF;
                }
                
                .new-contd>.item .item-time {
                    display: flex;
                    flex: 1;
                    justify-content: flex-end;
                    padding-top: 5px;
                    align-items: center;
                }
                
                .new-contd>.item .item-time img {
                    margin-right: 8px;
                }
                
                .new-contd>.item .item-time div {
                    font-size: 14px;
                    font-family: SourceHanSansCN-Light, SourceHanSansCN;
                    font-weight: 300;
                    color: #999999;
                    line-height: 21px;
                }
                
                .index-new .new-cont h2 {
                    font-size: 20px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 35px;
                    margin-top: 6px;
                    transition: all .3s;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -o-transition: all .3s;
                }
                
                .index-new .new-more {
                    text-align: center;
                    margin-top: 70px;
                }
                
                .shuju {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 21px;
                    margin-bottom: 30px;
                }
                
                .shuju img {
                    margin-right: 10px;
                }
                
                .details_times {
                    display: flex;
                    align-items: center;
                }
                 .details_times img{
                                 width: 24px !important;
                 }
                  .details_num img{
                                 width: 24px !important;
                 }
                .details_num {
                    display: flex;
                    align-items: center;
                }
                
                .nnds {
                    display: flex;
                    align-items: center;
                    font-size: 14px;
                    color: fff;
                    padding-right: 21px;
                }
                
                .nnds img {
                    margin-right: 7px;
                }
                
                .jiangs {
                    margin-bottom: 130px;
                }
                
                .jiang {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    margin-bottom: 30px;
                }
                
                .jiang_left {
                    width: 50%;
                    background: #F5F8FA;
                    text-align: center;
                }
                
                .jiang_left img {
                    padding: 10px;
                }
                
                .jiang_right {
                    width: 50%;
                    padding-left: 20px;
                }
                
                .jiang_right1 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #06092D;
                    line-height: 23px;
                    margin-bottom: 25px;
                    max-width: 288px;
                }
                
                .jiang_right2 {
                    font-size: 24px;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: 600;
                    color: #8C8C8C;
                    line-height: 23px;
                }
                
                .imgbox {
                    width: 100%;
                    height: 100vh;
                    position: fixed;
                    top: 0;
                    left: 0;
                    background-color: rgba(0, 0, 0, 0.7);
                    display: none;
                    padding: 5% 0;
                    text-align: center;
                    z-index: 999;
                }
                
                .imgbox img {
                    /*width: 30%;*/
                    height: 80vh;
                }
                
                .left-list {
                    width: 100%;
                    background: #FFF;
                    display: flex;
                    justify-content: space-evenly;
                    border-radius: 15px;
                    margin-top: 36px;
                }
                
                .left-list li {
                    position: relative;
                }
                
                .left-list li .list-num {
                    text-align: center;
                }
                
                .left-list li:not(:last-child)::before {
                    content: '';
                    width: 1px;
                    height: 62px;
                    background: #E7E7E7;
                    position: absolute;
                    top: 25%;
                    right: -47%;
                    display: inline-block;
                }
                
                .left-list .num>span {
                    font-size: 48px;
                    font-family: D-DIN-Bold, D-DIN;
                    font-weight: bold;
                    color: #393939;
                    line-height: 100px;
                }
                
                .left-list p {
                    margin-bottom: 16px;
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #333333;
                }
                
                .index-new .new-box:hover h2 {
                    color: #0A4AAA;
                }
                
                .index-new .produst {
                    padding-bottom: 38px;
                }
                
                .index-new .produst .col-md-3 {
                    padding: 0;
                    justify-content: space-between;
                }
                
                .index-new .new-img {
                    overflow: hidden;
                    position: relative;
                    margin-bottom: 13px;
                }
                
                .index-new .new-img>img {
                    width: 100%;
                    transition: all .6s;
                    -webkit-transition: all .6s;
                    -moz-transition: all .6s;
                    -ms-transition: all .6s;
                    -o-transition: all .6s;
                    /* height: 420px; */
                    max-height: 380px;
                }
                
                .nbcls {
                    height: 610px;
                }
                
                .rows img {
                    width: 100%;
                    height: 568px;
                    transition: all .6s;
                    -webkit-transition: all .6s;
                }
                
                .rows {
                    position: relative;
                    overflow: hidden;
                    padding: 0;
                    max-width: 49%;
                    max-height: 568px;
                }
                
                .shats {
                    position: absolute;
                    bottom: 0px;
                    justify-content: space-between;
                    display: flex;
                    width: 100%;
                    align-items: center;
                    padding: 20px;
                    font-size: 20px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 30px;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%);
                }
                
                .shats2 {
                    position: absolute;
                    bottom: 0;
                    justify-content: space-between;
                    display: flex;
                    width: 100%;
                    align-items: center;
                    bottom: 0px;
                    padding: 20px;
                    font-size: 20px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 30px;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%);
                }
                /* .rows .ball {
    position: absolute;
    right: 24px;
    bottom: 24px;
} */
                
                .rows .ball .item {
                    width: 38px;
                    height: 38px;
                    display: inline-block;
                    border-radius: 50%;
                    margin-right: 16px;
                }
                
                .rowd>span {
                    position: absolute;
                    bottom: 35px;
                    left: 36px;
                    font-size: 20px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 30px;
                }
                
                .rowd {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    padding: 0;
                    max-width: 49%;
                }
                
                .rowd>div {
                    position: relative;
                    overflow: hidden;
                    padding: 0;
                    max-width: 48.3%;
                    max-height: 280px;
                    margin-bottom: 27px;
                }
                
                .rowd img {
                    width: 100%;
                    height: 100%;
                    transition: all .6s;
                    -webkit-transition: all .6s;
                }
                
                .secai .rows:hover img {
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    -o-transform: scale(1.05);
                }
                
                .secai .rowd .col-md-6:hover img {
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    -o-transform: scale(1.05);
                }
                
                .index-new .new-box:hover .new-img>img {
                    transform: scale(1.05);
                    -webkit-transform: scale(1.05);
                    -moz-transform: scale(1.05);
                    -ms-transform: scale(1.05);
                    -o-transform: scale(1.05);
                }
                
                .index-scient .scient-box {
                    background: url(../images/index-scient-banner.png) no-repeat;
                    background-size: 100% 100%;
                    margin-top: 80px;
                    padding-bottom: 560px;
                }
                
                .index-scient .scient-cont {
                    height: 400px;
                    background: url(../images/index-scient-nai.png) no-repeat center;
                    background-size: contain;
                }
                
                .index-scient .cont-list {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .index-scient .list-bg1 {
                    width: 530px;
                    height: 184px;
                    background: url(../images/index-scient1.png) no-repeat center;
                    background-size: 100% 100%;
                }
                
                .index-scient .list-bg2 {
                    width: 530px;
                    height: 184px;
                    background: url(../images/index-scient2.png) no-repeat center;
                    background-size: 100% 100%;
                    padding-left: 100px !important;
                }
                
                .index-scient .list-bg3 {
                    width: 530px;
                    height: 184px;
                    background: url(../images/index-scient3.png) no-repeat center;
                    background-size: 100% 100%;
                }
                
                .index-scient .list-bg4 {
                    width: 530px;
                    height: 184px;
                    background: url(../images/index-scient4.svg) no-repeat center;
                    background-size: 100% 100%;
                    padding-left: 100px !important;
                }
                
                .index-scient .list-box {
                    padding: 40px 0px 30px 38px;
                    margin-bottom: 25px;
                }
                
                .index-scient .list-box h2 {
                    font-size: 22px;
                    font-weight: 800;
                    color: #0068BD;
                    line-height: 30px;
                }
                
                .index-scient .list-box p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #0068BD;
                    line-height: 22px;
                    margin: 10px 0 16px 0;
                    max-width: 385px;
                }
                
                .index-scient .list-box a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #0068BD;
                    line-height: 20px;
                }
                
                .compan {
                    width: 100%;
                    position: relative;
                }
                
                .compan img {
                    width: 100%;
                    height: 100%;
                }
                
                .menban {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                
                .menban2 {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                
                .menban3 {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                
                .dizhi {
                    position: absolute;
                    top: 10%;
                    color: #FFF;
                    padding: 50px;
                    z-index: 99;
                }
                
                .mbb {
                    z-index: 999;
                }
                
                .dizhi1 {
                    font-size: 22px;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 36px;
                    margin-bottom: 16px;
                }
                
                .dizhi2 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 27px;
                    margin-bottom: 30px;
                }
                
                .dizhi3 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 27px;
                    margin-bottom: 10px;
                }
                
                .wewe {
                    margin-bottom: 130px;
                }
                
                .banner-img1 img {
                    /* max-height: 635px; */
                }
                
                .mps {
                    background: url(../images/h5.png) center no-repeat;
                    background-size: cover;
                    padding: 50px 0;
                }
                
                .bannerd {
                    width: 100%;
                    background: url(../images/zhen.png) center no-repeat;
                    background-size: cover;
                    background-color: #F4F7F9;
                }
                
                .ifelse {
                    display: flex;
                    align-items: center;
                    margin: auto;
                    border-radius: 20px;
                    line-height: 40px;
                    text-align: center;
                    color: #FFF;
                    font-size: 24px;
                    font-weight: bold;
                    color: #FFFFFF;
                    max-width: 668px;
                    overflow: hidden;
                }
                
                .ifelse1 {
                    background: linear-gradient(90deg, #48414F 0%, #2D2931 100%);
                    padding: 0 30px;
                }
                
                .ifelse2 {
                    background: #EE2200;
                    padding: 0 40px;
                }
                
                .ming {
                    font-size: 16px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 30px;
                    text-align: center;
                    margin-top: 20px;
                }
                
                .bannerds {
                    padding: 30px 0;
                    position: relative;
                }
                
                .tutu {
                    text-align: center;
                    margin: 27px auto;
                }
                
                .chaxun {
                    background: linear-gradient(180deg, #48414F 0%, #2D2931 100%);
                    border-radius: 10px;
                    opacity: 0.8;
                    text-align: center;
                    padding: 0;
                }
                
                .cha1 {
                    padding: 25px 0 0 0;
                }
                
                .cha1 img {
                    height: 100%;
                }
                
                .cha2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #F0F0E4;
                    line-height: 27px;
                    padding: 10px 0;
                }
                
                .cha3 {
                    width: 19px;
                    height: 2px;
                    background: #F2F2BA;
                    border-radius: 0px 100px 0px 100px;
                    margin: auto;
                    margin-bottom: 20px;
                }
                
                .cha4 {
                    width: 100%;
                    font-size: 16px;
                    font-weight: 400;
                    color: #37323C;
                    line-height: 24px;
                    line-height: 36px;
                    background: linear-gradient(270deg, #EFCC70 0%, #F2F2BB 51%, #EFCC6F 100%);
                    margin-bottom: 13px;
                }
                
                .cha5 {
                    font-size: 14px;
                    font-weight: 400;
                    color: #F0F0E4;
                    line-height: 21px;
                    margin-bottom: 15px;
                }
                
                .mps1 {
                    background: url(../images/y1.png) center no-repeat;
                    background-size: cover;
                    padding-top: 154px;
                    padding-bottom: 70px;
                }
                
                .tui img {
                    width: 100%;
                    height: 100%;
                }
                
                .secaikongjian img {
                    width: 100%;
                }
                
                .mores {
                    width: 94%;
                    margin: auto;
                    text-align: right;
                    margin-bottom: 20px;
                    color: #333;
                    padding-bottom: 30px;
                }
                
                .mores a {
                    display: block;
                    padding-bottom: 30px;
                    width: 120px;
                    height: 38px;
                    margin: auto;
                    border: 1px solid #999;
                    border-radius: 20px;
                    line-height: 38px;
                    text-align: center;
                    float: right;
                }
                
                .mores a:hover {
                    border: 1px solid #981175;
                    color: #981175;
                }
                
                .shopping {
                    display: flex;
                    justify-content: space-between;
                    margin-top: 25px;
                }
                
                .shopping1 {
                    margin-right: 75px;
                    display: flex;
                }
                
                .shopping1 a {
                    display: flex;
                }
                
                .shopping11 {
                    display: flex;
                    /* margin-right: 115px; */
                }
                
                .shopping11 img {
                    width: 120px;
                    opacity: 0;
                }
                
                .shopping1>div {
                    /* margin-left: 12px; */
                }
                
                .shopping1>div>p {
                    font-size: 14px;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #ECEDEE;
                    line-height: 20px;
                    margin-top: 15px;
                }
                
                #haoo img {
                    width: 60px;
                    height: 60px;
                }
                
                #haop img {
                    width: 60px;
                    height: 60px;
                }
                
                .shopping1>a>div>p {
                    font-size: 14px;
                    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
                    font-weight: 400;
                    color: #ECEDEE;
                    line-height: 20px;
                    margin-top: 15px;
                }
                
                .shopping:not(:last-child) {
                    margin-right: 75px;
                }
                
                .row_right {
                    padding: 43px 62px;
                    background: rgba(255, 255, 255, 0.3);
                    border-radius: 10px;
                    backdrop-filter: blur(3px);
                }
                
                .index-bot {
                    justify-content: space-around;
                    margin-top: 86px;
                    flex-wrap: wrap;
                }
                
                .row_left {
                    padding-top: 319px;
                }
                
                .index-bot .row_right {
                    width: 42%;
                }
                
                .index-bot .row_right .row_right_title {
                    margin-bottom: 27px;
                }
                
                .index-bot .row_right .title {
                    width: fit-content;
                    font-size: 18px;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: 600;
                    color: #333333;
                    line-height: 25px;
                    padding-bottom: 14px;
                }
                
                .index-bot .row_right .form-active {
                    font-size: 20px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 600;
                    color: #009296;
                    line-height: 28px;
                    border-bottom: 3px solid #009296;
                }
                
                .index-bot .row_right .row_right_select {
                    width: 100%;
                    display: flex;
                    margin-bottom: 27px;
                    justify-content: flex-start;
                }
                
                .index-bot .row_right .row_right_select>div {
                    margin-right: 34px;
                }
                
                .index-bot .row_right .row_right_select input {
                    margin-right: 15px;
                    width: 15px;
                    height: 15px;
                    background: #FFFFFF;
                    border: 1px solid #767676;
                    transform: translateY(2px);
                }
                
                .index-bot .row_right .row_right_select form label {
                    font-size: 12px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    margin-right: 10px;
                    line-height: 20px;
                }
                
                textarea {
                    border: none;
                    outline: none;
                    /*边线不显示*/
                    resize: none;
                    /*禁止拉伸*/
                    appearance: none;
                    width: 80%;
                    height: 90px;
                    margin-bottom: 10px;
                    border: 1px solid #f0f0f0;
                }
                
                .index-bot .row_right .row_right_select span {
                    font-size: 14px;
                    font-family: PingFangSC-Regular, PingFang SC;
                    font-weight: 400;
                    color: #333333;
                    line-height: 20px;
                }
                
                .index-bot .row_right .row_right_sel {
                    margin-bottom: 27px;
                    width: 100%;
                }
                
                .index-bot .row_right .row_right_sel div:nth-child(1) {
                    margin-bottom: 7px;
                    width: 100%;
                }
                
                .index-bot .row_right .row_right_relation div:nth-child(1) {
                    margin-bottom: 7px;
                }
                
                .yyfw .row_right_relation label {
                    font-size: 12px;
                    font-weight: 400;
                    color: #333333;
                    margin-right: 10px;
                    line-height: 20px;
                }
                
                .yyfw .row_right_relation {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                }
                
                .yyfw .form-inline .form-control {
                    width: 260px !important;
                }
                
                .sbdaw {
                    width: 50%;
                    display: flex;
                    align-items: center;
                }
                
                .flflfl {
                    width: 95%;
                    margin: 15px auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
                
                .flflfl label {
                    margin-right: 10px;
                }
                
                .yyfw .row_right_sel .form-inline {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 0px;
                }
                
                .yyfw .row_right_sel {
                    width: 100%;
                }
                
                .yyfw .flflfl .sbdaw input {
                    width: 260px;
                    height: 50px;
                    padding-top: 14px;
                    padding-bottom: 16px;
                    background: #FFFFFF;
                    border-radius: 5px;
                    border: 1px solid #EAEAEA;
                    padding-left: 21px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 20px;
                    margin-bottom: 0px;
                }
                
                .yyfw .sbdaw input {
                    width: 260px;
                    height: 50px;
                    padding-top: 14px;
                    padding-bottom: 16px;
                    background: #FFFFFF;
                    border-radius: 5px;
                    border: 1px solid #EAEAEA;
                    padding-left: 21px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 20px;
                    margin-bottom: 22px;
                }
                
                .index-bot .row_right .row_right_sel select {
                    width: 30% !important;
                    height: 50px;
                    background: #FFFFFF !important;
                    border-radius: 5px;
                    border: 1px solid #EAEAEA;
                    font-size: 14px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 20px;
                    margin-right: 17px;
                    padding-left: 21px;
                    padding-right: 13px;
                    margin-bottom: 10px;
                }
                
                .index-bot .row_right .row_right_relation .inpt {
                    display: flex;
                    width: 100%;
                    flex-direction: column;
                }
                
                .row_right_relation {
                    width: 100%;
                }
                
                .index-bot .row_right .row_right_relation input {
                    width: 100%;
                    padding-top: 14px;
                    padding-bottom: 16px;
                    background: #FFFFFF;
                    border-radius: 5px;
                    border: 1px solid #EAEAEA;
                    padding-left: 21px;
                    font-size: 14px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 20px;
                    margin-bottom: 22px;
                }
                
                .index-bot .row_right .row_right_submit button {
                    width: 195px;
                    height: 50px;
                    background: #009296;
                    border-radius: 5px;
                    border: none;
                    font-size: 14px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 20px;
                    margin-right: 17px;
                }
                
                .yyfw .row_right_submit button {
                    width: 195px;
                    height: 50px;
                    background: #009296;
                    border-radius: 5px;
                    border: none;
                    font-size: 14px;
                    color: #FFFFFF;
                    line-height: 20px;
                    margin-right: 17px;
                    margin-left: 35%;
                }
                
                .index-bot .row_right .row_right_submit span {
                    font-size: 14px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 20px;
                }
                
                .tiao {
                    width: 100%;
                    height: 10px;
                    background: #009296;
                    opacity: 0;
                }
                
                .tiao1 {
                    font-size: 18px;
                    font-weight: 600;
                    color: #333;
                    padding: 20px;
                }
                
                .index-design-list li:hover .tiao1 {
                    color: #009296;
                }
                
                .index-design-list li:hover .tiao {
                    opacity: 1;
                }
                
                .tiao2 {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 24px;
                    padding: 0 0 20px 20px;
                }
                
                .heitu {
                    position: relative;
                }
                
                .heihuhu {
                    position: absolute;
                    width: 200px;
                    text-align: center;
                    left: 0;
                    right: 0;
                    margin: auto;
                    font-size: 32px;
                    font-weight: 500;
                    color: #FFFFFF;
                    line-height: 45px;
                    top: 5%;
                }
                
                .heihuhu p {
                    margin-bottom: 10px;
                }
                
                .heixian {
                    width: 62px;
                    height: 5px;
                    background: #FFFFFF;
                    margin: auto;
                    border-radius: 0px 100px 0px 100px;
                }
                
                .goyo {
                    display: flex;
                    align-items: center;
                    border-top: 1px solid #CCC;
                    /* margin-top: 30px; */
                }
                
                .goyo1 {
                    width: 100%;
                    text-align: center;
                    line-height: 60px;
                    font-size: 16px;
                }
                
                .goyo1:hover {
                    color: #009296;
                }
                
                .form-control {
                    appearance: none !important;
                    -moz-appearance: none !important;
                    -webkit-appearance: none !important;
                    background: url("../images/xia.svg") no-repeat scroll 90% center transparent !important;
                }
                
                #selCities {
                    appearance: none !important;
                    -moz-appearance: none !important;
                    -webkit-appearance: none !important;
                    background: url("../images/xia.svg") no-repeat scroll 90% center #FFF !important;
                }
                
                .kuaik {
                    width: 100%;
                    background: #FFF;
                    position: absolute;
                    bottom: 30px;
                    border: 1px solid #FFF;
                    border-radius: 10px;
                    left: 0;
                    right: 0;
                }
                
                .dianpu {
                    display: flex;
                    /* justify-content:space-between; */
                    align-items: center;
                    text-align: center;
                    color: #FFFFFF;
                    font-size: 16px;
                    margin: 40px auto;
                    justify-content: space-evenly;
                }
                
                .dianpu .form-inline {
                    margin-bottom: 0px;
                }
                
                .dianpu .form-inline select {
                    width: 320px !important;
                    height: 50px;
                }
                
                .chaxuns {
                    width: 200px;
                    line-height: 50px;
                    background: #009296;
                    border-radius: 5px;
                }
                
                .kkly {
                    position: relative;
                    /* top: -168px; */
                }
                
                #r-result {
                    position: absolute;
                    top: 0;
                    left: 8%;
                    height: 100%;
                    background: #FFF;
                    width: 20%;
                    padding: 0;
                    overflow: auto;
                    max-height: 700px;
                }
                
                #r-result .shop-box {
                    background: #fff;
                    position: absolute;
                    height: 100%;
                    padding: 20px 0;
                    width: 24%;
                    z-index: 1;
                }
                
                #r-result .box-tit {
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 20px;
                }
                
                #r-result .box-tit i {
                    background: url(../images/query-icon-shop.svg) no-repeat center;
                    background-size: contain;
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    vertical-align: middle;
                }
                
                #r-result .box-tit span {
                    font-size: 16px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 24px;
                    vertical-align: middle;
                    padding-left: 12px;
                }
                
                #r-result .box-ul {
                    margin-top: 20px;
                }
                
                #r-result .box-ul li {
                    padding: 8px 20px 8px 20px;
                    transition: all .3s;
                }
                
                #r-result .ul-con .icon-lat {
                    /* display: none; */
                    height: 0px;
                    color: transparent;
                }
                
                #r-result .ul-con .icon-lon {
                    /* display: none; */
                    height: 0px;
                    color: transparent;
                }
                
                #r-result .box-ul li:hover {
                    background: #F7F7F7;
                    border-left: 4px solid #009296;
                }
                
                #r-result .ul-con h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #020F1E;
                    line-height: 32px;
                    margin-bottom: 10px;
                }
                
                #r-result .ul-con p i {
                    display: inline-block;
                    width: 16px;
                    height: 16px;
                    vertical-align: middle;
                }
                
                #r-result .ul-con p i.icon-address {
                    background: url(../images/icon-shop-address.svg) no-repeat center;
                    background-size: contain;
                }
                
                #r-result .ul-con p i.icon-code {
                    background: url(../images/icon-shop-code.svg) no-repeat center;
                    background-size: contain;
                }
                
                #r-result .ul-con p i.icon-phone {
                    background: url(../images/icon-shop-phone.svg) no-repeat center;
                    background-size: contain;
                }
                
                #r-result .ul-con p span {
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 25px;
                    vertical-align: middle;
                    padding-left: 10px;
                }
                
                .mendianmen {
                    font-size: 16px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 24px;
                    padding: 16px;
                }
                
                .fendian {
                    width: 100%;
                    border-left: 4px solid #009296;
                    box-sizing: border-box;
                    padding-left: 45px;
                    border-bottom: 1px solid #F2F1F3;
                }
                
                .dian1 {
                    font-size: 21px;
                    font-weight: bold;
                    color: #020F1E;
                    line-height: 32px;
                    padding: 23px 0px 0px 0px;
                }
                
                .dian2 {
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 21px;
                    padding: 21px 0px 0px 0px;
                }
                
                .dian3 {
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 21px;
                    padding: 21px 0px 0px 0px;
                }
                
                .dian4 {
                    font-size: 14px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 21px;
                    padding: 21px 0px 30px 0px;
                }
                /* 底部 */
                
                .footer {
                    background: #262626;
                    position: relative;
                    padding-top: 56px;
                }
                
                .footer .footer-bg {
                    position: absolute;
                    width: 100%;
                    top: -154px;
                    z-index: 1;
                }
                
                .footer .footer-bg>img {
                    width: 100%;
                }
                
                .footer .footer-box {
                    display: flex;
                    justify-content: flex-start;
                    padding: 0 80px 68px 80px;
                }
                
                .footer .left-tel {
                    margin-left: 145px;
                }
                
                .footer .left-email {
                    margin-top: 20px;
                }
                
                .footer .left-tel p {
                    font-size: 36px;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 54px;
                    margin-bottom: 30px;
                }
                
                .footer .left-tel a {
                    font-size: 48px;
                    font-family: D-DIN-Bold, D-DIN;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 52px;
                }
                
                .footer .left-email img:not(:last-child) {
                    margin-right: 32px;
                }
                
                .footer .box-cent {
                    display: flex;
                    margin-left: 213px;
                }
                
                .footer .box-cent dl:not(:last-child) {
                    margin-right: 160px;
                }
                
                .footer .box-cent dt {
                    margin-bottom: 35px;
                }
                
                .footer .box-cent dt>a {
                    font-size: 18px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 27px;
                }
                
                .footer .box-cent dd>a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #B6B6B6;
                    line-height: 30px;
                    transition: all .3s;
                    -webkit-transition: all .3s;
                    -moz-transition: all .3s;
                    -ms-transition: all .3s;
                    -o-transition: all .3s;
                }
                
                .footer .box-cent dd {
                    margin-bottom: 10px;
                }
                
                .footer .box-cent dd:hover a {
                    opacity: 0.6;
                }
                
                .footer .right-tit {
                    margin-bottom: 50px;
                }
                
                .footer .right-tit a {
                    font-size: 20px;
                    font-weight: 600;
                    color: #FFFFFF;
                    line-height: 30px;
                    position: relative;
                }
                
                .footer .right-tit a::after {
                    content: "";
                    width: 21px;
                    height: 2px;
                    background: #FFFFFF;
                    position: absolute;
                    left: 0;
                    bottom: -20px;
                }
                
                .footer .right-list {
                    display: flex;
                    align-items: center;
                }
                
                .footer .right-list li a {
                    display: block;
                    text-align: center;
                }
                
                .footer .right-list li {
                    margin-right: 15px;
                }
                
                .footer .right-list li img {
                    margin-bottom: 10px;
                }
                
                .footer .right-list li p {
                    font-size: 14px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 20px;
                }
                
                .footer .footer-copy {
                    padding: 23px 230px;
                    border-top: 1px solid rgb(255, 255, 255, 0.21);
                    border-bottom: 1px solid rgb(255, 255, 255, 0.21);
                }
                
                .footer .copy-list ul {
                    display: flex;
                    /* justify-content: space-between; */
                    align-items: center;
                    line-height: 30px;
                }
                
                .rooww {
                    column-count: 3;
                    padding: 30px 0 50px 0;
                }
                
                .zn-img {
                    margin-bottom: 20px;
                }
                
                .zn-img img {
                    max-width: 100%;
                }
                
                .zhongtu {
                    overflow: hidden;
                }
                
                .footer .copy-list ul li>a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #B6B6B6;
                    line-height: 21px;
                    margin-right: 30px;
                }
                
                .footer .copy-left {
                    display: flex;
                }
                
                .footer .copy-left li {
                    margin-right: 20px;
                }
                
                .footer .copy-left li a::after {
                    content: "";
                    width: 1px;
                    height: 100%;
                    background: #FFFFFF;
                    opacity: 0.21;
                    position: absolute;
                    right: 0;
                }
                
                .aaaa::after {
                    display: none;
                }
                
                .footer .copy-left a {
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 20px;
                    position: relative;
                    padding-right: 30px;
                }
                
                .footer .copy-bottom {
                    display: flex;
                    justify-content: space-between;
                    padding: 23px 230px;
                    padding-top: 33px;
                    padding-right: 0;
                }
                
                .footer .copy-bottom p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                    line-height: 24px;
                    margin-right: 96px;
                }
                
                .footer .copy-bottom a {
                    font-size: 14px;
                    font-weight: 400;
                    color: #B6B6B6;
                    line-height: 21px;
                }
                
                .footer .copy-bottom p:last-child {
                    opacity: 0.2;
                    text-align: right;
                }
                
                .menu-fixed {
                    position: fixed;
                    width: 50px;
                    bottom: 50%;
                    margin-bottom: -75px;
                    right: 5px;
                    z-index: 99;
                }
                
                .menu-fixed a {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    line-height: 50px;
                    background: #009296;
                }
                
                .menu-fixed img {
                    width: 20px;
                    height: 20px;
                }
                
                .product>div>h2 {
                    font-size: 32px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #020F1E;
                    line-height: 45px;
                    position: relative;
                }
                
                .product>div>h2::before {
                    content: '';
                    width: 62px;
                    height: 5px;
                    background: #009296;
                    border-radius: 0px 100px 0px 100px;
                    position: absolute;
                    bottom: -35%;
                    left: 0;
                    display: inline-block;
                }
                
                .product-tit {
                    text-align: center;
                    padding: 30px 0 10px 0;
                    display: none;
                }
                
                .index-design-list {
                    margin-top: 80px
                }
                
                .index-design-list .list-item {
                    display: block;
                    /* border-radius: 10px; */
                    overflow: hidden;
                    /* background: #fff; */
                    height: 100%;
                    transition: all 0.5s;
                    position: relative;
                    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);
                }
                
                .product-tit h2 {
                    font-size: 24px;
                    color: #0966AC;
                }
                
                @media screen and (max-width: 800px) {
                    .index-more {
                        display: inline-block;
                        border-radius: 24px;
                        border: 2px solid #0A4AAA;
                        padding-left: 12px;
                        transition: all .2s;
                        position: relative;
                        overflow: hidden;
                    }
                    .index-more span {
                        padding-right: 2px;
                    }
                }
                
                .advantage {
                    background-color: #fff !important;
                    padding-top: 71px !important;
                    padding-bottom: 78px !important;
                    margin-top: 0 !important;
                }
                /* 工程案例 */
                
                .project .project-title {
                    margin-top: 49px;
                    margin-bottom: 62px;
                }
                
                .project .project-title h2 {
                    font-size: 32px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #020F1E;
                    line-height: 45px;
                    position: relative;
                }
                
                .project .project-title h2::before {
                    content: '';
                    width: 62px;
                    height: 5px;
                    background: #009296;
                    border-radius: 0px 100px 0px 100px;
                    position: absolute;
                    bottom: -35%;
                    left: 0;
                    display: inline-block;
                }
                /* 漆量计算 */
                
                .calculate-box {
                    margin-top: 52px;
                    margin-bottom: 48px;
                }
                
                .calculate-box .calculate {}
                
                .calculate-box .calculate .item {
                    border-radius: 10px;
                    padding: 54px 50px;
                    flex: 48%;
                    background-color: #F4F7F9;
                }
                
                .calculate-box .calculate .item:nth-child(1) {
                    margin-right: 30px;
                }
                
                .calculate .title {
                    margin-bottom: 40px;
                }
                
                .calculate .title h2 {
                    font-size: 24px;
                    font-weight: bold;
                    color: #009296;
                    line-height: 36px;
                }
                
                .calculate .area {
                    margin-bottom: 32px;
                }
                
                .calculate .area span {
                    font-size: 18px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 27px;
                }
                
                .calculate .area input {
                    width: 306px;
                    padding-top: 16px;
                    padding-bottom: 18px;
                    background: #FFFFFF;
                    padding-left: 21px;
                    border-radius: 25px;
                    font-size: 16px;
                    font-weight: 400;
                    color: #999999;
                    margin-right: 4px;
                    border: 1px solid #CECECE;
                }
                
                .calculate .area button {
                    background: #009296;
                    border-radius: 25px;
                    padding: 17px 65px;
                    border: none;
                    font-size: 16px;
                    font-weight: 400;
                    color: #FFFFFF;
                }
                
                .calculate .num p {
                    font-size: 18px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 27px;
                    margin-bottom: 40px;
                }
                
                .calculate .num p>i {
                    font-size: 24px;
                    font-weight: bold;
                    color: #009296;
                    line-height: 36px;
                    margin-right: 19px;
                }
                
                .calculate .remark h2 {
                    font-size: 18px;
                    font-weight: bold;
                    color: #020F1E;
                    line-height: 27px;
                    margin-bottom: 16px;
                }
                
                .calculate .remark p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 30px;
                }
                
                .calculate .remark div:nth-child(1) {
                    padding-top: 33px;
                    border-top: 1px dashed #979797;
                    ;
                }
                /* 工程详情 */
                
                .gongdel_show .gongdel_show_banner {
                    margin-top: 100px;
                }
                
                .gongdel_show_banner img {
                    width: 100%;
                    max-height: 600px;
                }
                
                .gongdel_show .gongdel_show_title {
                    margin-top: 43px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 88px;
                }
                
                .gongdel_show .gongdel_show_title .left h2 {
                    font-size: 36px;
                    font-weight: 500;
                    color: #333333;
                    line-height: 54px;
                }
                
                .gongdel_show .gongdel_show_title .right img {
                    width: 16px;
                    height: 16px;
                    transform: translateY(-3px);
                }
                
                .gongdel_show .gongdel_show_title .right span {
                    font-size: 16px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 24px;
                    margin-left: 8px;
                }
                
                .gongdel_show .gongdel_show_cont {
                    margin-bottom: 73px;
                    margin-top: 5%;
                }
                
                .gongdel_show_cont .row .col-md-5 img {
                    width: 100%;
                }
                
                .gongdel_show .gongdel_show_cont .show-banner {
                    flex: 46.6%;
                    margin-right: 48px;
                }
                
                .gongdel_show .gongdel_show_cont .show-banner img {
                    width: 100%;
                }
                
                .gongdel_show .gongdel_show_cont .show-text {
                    margin-bottom: 36px;
                }
                
                .gongdel_show .gongdel_show_cont .show-text ul {
                    display: flex;
                }
                
                .gongdel_show .gongdel_show_cont .show-text ul li:not(:last-child) {
                    margin-right: 69px;
                }
                
                .gongdel_show_cont .row .col-md-7 {
                    padding-left: 5%;
                }
                
                .gongdel_show_cont .row {
                    /* align-items: center; */
                }
                
                .gongdel_show_cont .row .col-md-7 .left {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 15px
                }
                
                .gongdel_show_cont .row .col-md-7 .left h2 {
                    font-size: 24px;
                    font-weight: 800;
                    color: #333333;
                    line-height: 54px;
                }
                
                .gongdel_show .gongdel_show_cont .show-text ul li p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 24px;
                    margin-bottom: 14px;
                }
                
                .gongdel_show .gongdel_show_cont .show-text ul li span {
                    font-size: 16px;
                    font-weight: bold;
                    color: #333333;
                    line-height: 24px;
                }
                
                .gongdel_show .gongdel_show_cont .show-content {
                    margin-bottom: 30px;
                }
                
                .gongdel_show .gongdel_show_cont .show-content p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 32px;
                }
                
                .shdexia {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .nextto {
                    text-align: right;
                }
                
                .gongdel_show_case {
                    background: #F4F7F9;
                    padding-top: 69px;
                    padding-bottom: 72px;
                }
                
                .gongdel_show_case .content a {
                    display: block;
                    width: 100%;
                }
                
                .gongdel_show_case .row {
                    flex-wrap: nowrap;
                }
                
                .gongdel_show_case .title {
                    margin-bottom: 44px;
                }
                
                .gongdel_show_case img {
                    width: 100%;
                    max-height: 210px;
                }
                
                .gongdel_show_case .title h2 {
                    font-size: 36px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 54px;
                    text-align: center;
                }
                
                .gongdel_show_case .content p {
                    font-size: 18px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 27px;
                    margin-top: 26px;
                }
                
                .about_lists {
                    display: flex;
                    justify-content: space-between;
                    font-size: 16px;
                    border-bottom: 1px solid #CCC;
                    padding-bottom: 15px;
                }
                
                .about_lists1 {
                    color: #ff0000;
                    padding: 0 15px;
                    border-left: 1px solid #ff0000;
                }
                
                .about_lists2 a {
                    color: #CCC;
                }
                
                .product_show {
                    padding-top: 66px;
                    padding-bottom: 78px;
                    background: #F4F7F9;
                }
                
                .product_show .product_show_banner img {
                    width: 308px;
                    margin: 0 auto;
                    display: inherit;
                }
                
                .product_show .product_show_content .title h2 {
                    font-size: 24px;
                    font-weight: 400;
                    color: #020F1E;
                    line-height: 36px;
                    margin-bottom: 13px;
                }
                
                .product_show .product_show_content .text {
                    padding-bottom: 20px;
                    border-bottom: 1px solid #E0E0E0;
                }
                
                .product_show .product_show_content .text p {
                    font-size: 14px;
                    font-weight: 400;
                    color: #808080;
                    line-height: 24px;
                }
                
                .product_show .product_show_content .price {
                    padding-bottom: 20px;
                    border-bottom: 1px solid #E0E0E0;
                    padding-left: 21px;
                    padding-top: 5px;
                }
                
                .product_show .product_show_content .price p {
                    font-size: 12px;
                    font-weight: 400;
                    color: #999999;
                    line-height: 24px;
                    margin-bottom: 3px;
                }
                
                .product_show .product_show_content .price span {
                    font-size: 21px;
                    font-family: PingFangSC-Semibold, PingFang SC;
                    font-weight: 600;
                    color: #009296;
                    line-height: 24px;
                }
                
                .product_show .product_show_content .type1 {
                    margin-top: 10px;
                    margin-bottom: 20px;
                }
                
                .product_show .product_show_content .type1 div {
                    font-size: 16px;
                    font-weight: bold;
                    color: #06092D;
                    line-height: 34px;
                    display: flex;
                }
                
                .product_show .product_show_content .type1 i {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 34px;
                }
                
                .product_show .product_show_content .buy button {
                    border: none;
                    background: #FFFFFF;
                    border-radius: 8px;
                    border: 2px solid #009296;
                    padding: 17px 53px;
                    font-size: 16px;
                    font-weight: 400;
                    color: #009296;
                    margin-right: 20px;
                }
                
                .product_show .product_show_content .buy button:first-child {
                    background: #009296;
                    color: #fff;
                }
                
                .product_show .product_show_content .fenxiang {
                    margin-top: 10px;
                    float: right;
                }
                
                .product_show .product_show_content .fenxiang img {
                    transform: translateY(-2px);
                    margin-right: 9px;
                    cursor: pointer;
                }
                
                .product_show .product_show_content .fenxiang span {
                    font-size: 16px;
                    font-weight: 400;
                    color: #06092D;
                    line-height: 24px;
                    cursor: pointer;
                }
                
                .description {
                    background: #F9F9F9;
                }
                
                .description .description-list {
                    border-bottom: 2px solid #009296;
                }
                
                .description .description-list ul {
                    display: flex;
                }
                
                .description .description-list ul li {
                    font-size: 20px;
                    font-weight: 400;
                    color: #06092D;
                    line-height: 30px;
                    padding: 11px 20px;
                    cursor: pointer;
                }
                
                .description .description-list ul .active {
                    color: #fff;
                    background: #009296;
                }
                
                .description .description-text {
                    font-size: 16px;
                    line-height: 24px;
                    padding-top: 37px;
                    padding-bottom: 89px;
                }
                
                .description .description-text p {
                    /*font-size: 16px;*/
                    /*font-family: SourceHanSansCN-Bold, SourceHanSansCN;*/
                    /*font-weight: bold;*/
                    /*color: #000000;*/
                    line-height: 34px;
                }
                
                .description .description-text img {
                    /* width: 200px; */
                    /* height: 100px; */
                }
                
                .description .description-text p img {
                    /*width: 100%*/;
                    /* height: 100%; */
                }
                
                .prduct_rot {
                    padding-top: 30px;
                    background-color: #fff;
                    margin-bottom: 30px;
                }
                
                .prduct_rot .prduct_rot_top {
                    margin-bottom: 57px;
                }
                
                .prduct_rot .prduct_rot_top h2 {
                    font-size: 32px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #020F1E;
                    line-height: 45px;
                    position: relative;
                }
                
                .prduct_rot .prduct_rot_top h2::before {
                    content: '';
                    width: 62px;
                    height: 5px;
                    background: #009296;
                    border-radius: 0px 100px 0px 100px;
                    position: absolute;
                    bottom: -35%;
                    left: 0;
                    display: inline-block;
                }
                
                .prduct_rot .prduct_rot_text .item {
                    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
                    margin-right: 20px;
                    padding: 0 !important;
                    max-width: 23%;
                }
                
                .prduct_rot .prduct_rot_text .title {
                    border-top: 10px solid #A40182;
                    padding-left: 30px;
                }
                
                .prduct_rot .prduct_rot_text .title h2 {
                    font-size: 24px;
                    font-weight: bold;
                    color: #009296;
                    line-height: 36px;
                    margin-top: 31px;
                    margin-bottom: 23px;
                }
                
                .prduct_rot .prduct_rot_text .title p {
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 24px;
                    margin-bottom: 48px;
                }
                
                .prduct_rot .prduct_rot_text .title img {
                    margin-left: 37px;
                    margin-bottom: 40px;
                }
                
                .prduct_rot .prduct_rot_text .bottom {
                    display: flex;
                    border-top: 1px solid #D8D8D8;
                }
                
                .prduct_rot .prduct_rot_text .bottom div {
                    padding: 24px 49px;
                    font-size: 16px;
                    font-weight: 400;
                    color: #666666;
                    line-height: 24px;
                }
                
                .prduct_rot .prduct_rot_text .bottom div:first-child {
                    border-right: 1px solid #D8D8D8;
                }
                
                .soc-oit {
                    margin-top: 20px;
                    text-align: center;
                }
                
                .soc-oit a {
                    display: inline-block;
                    text-align: center;
                    border-radius: 5px;
                    border: 1px solid #968476;
                    font-size: 16px;
                    font-weight: 400;
                    color: #968476;
                    line-height: 24px;
                    padding: 10px 35px;
                }
                
                .fixed {
                    position: fixed;
                }
                
                .online-service {
                    width: 50px;
                    bottom: 50%;
                    margin-bottom: -100px;
                    right: 10px;
                    background: #fff;
                    z-index: 998;
                }
                
                .online-service ul li {
                    width: 50px;
                    height: 50px;
                    color: #999;
                    margin-top: -1px;
                    border: 1px solid #e2e2e2;
                }
                
                .online-service ul li a {
                    display: block;
                    color: #999;
                    line-height: 50px;
                    text-align: center;
                }
                
                .online-service ul li a .icon {
                    font-size: 24px;
                    height: 50px;
                    transform: translateY(2px);
                }
                
                .online-service ul li.wxfixd {
                    position: relative;
                    z-index: 999;
                }
                
                .online-service ul li.wxfixd a .icon {
                    transform: translateY(2px);
                }
                
                .online-service ul li.wxfixd .wxfixshow {
                    display: none;
                    width: 0px;
                    height: 0px;
                    position: absolute;
                    top: -75px;
                    left: -211px;
                    transition: all .5s;
                }
                
                .online-service ul li.wxfixd .wxfixshow img {
                    width: 100%;
                    height: 100%;
                    box-shadow: 0 0 5px #ccc;
                }
                
                .online-service ul li.wxfixd .wxfixshow:after {
                    content: "";
                    position: absolute;
                    right: -10px;
                    top: 50%;
                    margin-top: -10px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 14px 0 14px 20px;
                    border-color: transparent transparent transparent #fff;
                }
                
                .online-service ul li.wxfixd:hover {
                    background: #990066;
                    color: #fff;
                    border: 0px;
                    background-image: linear-gradient(90deg, #c2389e 0%, #890b68 100%);
                }
                
                .online-service ul li.wxfixd:hover a {
                    color: #fff;
                }
                
                .online-service ul li.wxfixd:hover a .icon {
                    color: #fff;
                }
                
                .online-service ul li.wxfixd:hover .wxfixshow {
                    display: block;
                    width: 200px;
                    height: 200px;
                    transition: all .5s;
                }
                
                .online-service ul li.order {
                    position: absolute;
                    top: -49px;
                    right: 0px;
                    width: 50px;
                    height: 50px;
                    overflow: hidden;
                    transition: all .8s;
                    border: 0px;
                    z-index: 1000;
                }
                
                .online-service ul li.order a {
                    line-height: 50px;
                    width: 50px;
                    height: 50px;
                    line-height: 48px;
                    text-align: left;
                    font-size: 16px;
                    background: #fff;
                    border: 1px solid #e2e2e2;
                    transition: all .8s;
                    display: flex;
                    align-items: center;
                }
                
                .online-service ul li.order a .icon {
                    /* transform: translateY(2px); */
                    width: 50px;
                    font-size: 30px;
                    /* transform: translateY(5px); */
                }
                
                .online-service ul li.order a .icon img {
                    padding: 0 12px;
                }
                
                .online-service ul li.phone a .icon img {
                    padding: 10px;
                }
                
                .online-service ul li.order:hover {
                    background: #990066;
                    border: 0px;
                    right: 0;
                    width: 170px;
                    background-image: linear-gradient(90deg, #c2389e 0%, #890b68 100%);
                }
                
                .online-service ul li.order:hover>a {
                    width: 170px;
                    color: #fff;
                    border: 0px;
                    background-image: linear-gradient(90deg, #c2389e 0%, #890b68 100%);
                    transition: all .8s;
                }
                
                .online-service ul li.order:hover>a>.icon {
                    color: #fff;
                }
                
                .online-service ul li.phone {
                    position: absolute;
                    top: 48px;
                    right: 0px;
                    width: 50px;
                    height: 50px;
                    overflow: hidden;
                    transition: all .8s;
                    border: 0px;
                    z-index: 1000;
                }
                
                .online-service ul li.phone a {
                    line-height: 50px;
                    width: 50px;
                    height: 50px;
                    line-height: 48px;
                    text-align: left;
                    font-size: 16px;
                    background: #fff;
                    border: 1px solid #e2e2e2;
                    transition: all .8s;
                }
                
                .online-service ul li.phone a .icon {
                    transform: translateY(2px);
                    width: 50px;
                    font-size: 24px;
                }
                
                .online-service ul li.phone:hover {
                    right: 0;
                    width: 210px;
                    transition: all .8s;
                }
                
                .online-service ul li.phone:hover a {
                    width: 210px;
                    color: #fff;
                    border: 0px;
                    background-image: linear-gradient(90deg, #c2389e 0%, #890b68 100%);
                    transition: all .8s;
                }
                
                .online-service ul li.phone:hover a .icon {
                    color: #fff;
                }
                
                .online-service ul li.tab-top {
                    display: none;
                    margin-top: 48px;
                }
                
                .online-service ul li.tab-top a .icon {
                    transform: rotate(-90deg);
                }
                
                .online-service ul li.tab-top:hover {
                    background-image: linear-gradient(90deg, #c2389e 0%, #890b68 100%);
                    border: 0px;
                }
                
                .online-service ul li.tab-top:hover a .icon {
                    color: #fff;
                }
                
                .iconn4 {
                    /* background: url(../images/rt4.svg) center no-repeat; */
                }
                
                .yyfw .row_right_relation .inpt {
                    display: flex;
                    width: 95%;
                    margin: auto;
                    align-items: center;
                    justify-content: space-between;
                }
                
                .yyfw .row_right_relation .inpts {
                    display: flex;
                    width: 95%;
                    margin: auto;
                    align-items: center;
                }
                
                .yyfw {
                    width: 40%;
                    height: 52vh;
                    position: fixed;
                    z-index: 99;
                    top: 25%;
                    left: 0;
                    right: 0;
                    margin: auto;
                    background: #FFF;
                    display: none;
                }
                
                .yyfw_head {
                    width: 100%;
                    height: 80px;
                    line-height: 80px;
                    background: #990066;
                    color: #fff;
                    font-size: 22px;
                    padding: 0 40px;
                    font-weight: 700;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .foot-wx {
                    position: relative;
                    line-height: inherit !important;
                    font-size: inherit !important;
                    display: inline-block;
                }
                
                .foot-wx .foot-wx-img {
                    position: absolute;
                    left: 0;
                    /* top: -185%; */
                    visibility: hidden;
                    opacity: 0;
                    transition: all .3s;
                }
                
                .foot-wx:hover .foot-wx-img {
                    opacity: 1;
                    visibility: inherit;
                }
                
                .foot-wx .foot-wx-img img {
                    width: 100px;
                }