/*******首页******/
/*宽度1400，居中*/
.w1400 {
    width: 1200px;
    margin: 0 auto;
}

/*
12--0.75em
14--0.87em
18--1.12em
20--1.25em
22--1.37em
24--1.5em
32--2em
*/

:root {
    --background: rgba(255, 255, 255, 0.7);
    --greenBG: rgba(0, 111, 118, 0.1);
    --boxShadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    --halfwhite: rgba(255, 255, 255, 0.5);
    --black: #242933;
    --brand: #006F76;

    --text: #3C5C6A;
    --deepGreen: #558f93;

    --white: #fff;
    --white46c: #F4F6FC;
    --white237: #F2F3F7;
    --whiteYellow: #fff6ed;
    --whiteGreen: #E8EFF2;
    --whitedf: #dfdfdf;
    --whitef9: #f9f9f9;
    --whitefa: #fafafa;
    --whitef5: #f5f5f5;
    --whitee5: #e5e5e5;
    --whitebd: #bdbdbd;

    --grey: #575C66;
    --grey999: #999;
    --gery89d: #88889d;
    --greyddd: #ddd;
    --grey70: #707070;

    --red: #B81C27;
    --lightRed: #C34041;
    --deeppink: #ff347d;

    --blue: #168cde;
    --M-blue: #1873E7;
    --M-lightblue: #58A2FF;

    --orange: #f60;

    --lightGreen: #B3DADD;
    --boxLinear: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    --boxLinearGreen: linear-gradient(180deg, rgba(60, 92, 106, 0) 72.31%, rgba(60, 92, 106, 0.4) 100%);
    --boxShadow: drop-shadow(-12px 12px 24px rgba(60, 92, 106, 0.1));
}

@media only screen and (min-width: 1920px) {
    .width-of-web {
        width: 62%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1920px) {
    .width-of-web {
        width: 1200px;
        margin: 0 auto;
    }
}

body {
    font-size: 16px;
}

p {
    font: normal 400 1em '微软雅黑';
    line-height: 2em;
    color: var(--grey);
}

img {
    height: auto;
    border-radius: 8px;
}

.view_all {
    font: normal 400 1em '微软雅黑';
    color: var(--brand);
}

/* navBar */
/*这是导航栏*/
.navgd {
    width: 100%;
    margin: 0 auto;
    height: 100px;
    position: fixed;
    top: 0;
    z-index: 998;
    background: var(--background);
    backdrop-filter: blur(20px);
    box-shadow: var(--boxShadow);
    -moz-box-shadow: var(--boxShadow);
    -webkit-box-shadow: var(--boxShadow);
}

.navbg {
    height: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.navBar {
    /* position: absolute; */
    height: 100px;
    /* line-height: 100px; */
    color: var(--black);
}

.nav {
    /* position: relative; */
    /* margin: 0 auto; */
    font: normal 400 1.375em '微软雅黑';
    line-height: 100px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    white-space: nowrap;
}

.nav a {
    color: var(--black);
}

.activemenu a {
    color: var(--brand);
}

.nav h3 {
    font-size: 100%;
    font-weight: 400;
}

.nav .m {
    float: left;
    position: relative;
    z-index: 1;
}

.nav .s {
    float: left;
    width: 3px;
    text-align: center;
    color: var(--black);
    font-size: 1.12em;
}

.nav h3 a {
    display: block;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.nav h3 a:hover {
    color: var(--brand);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.nav .sub {
    display: none;
    position: absolute;
    left: -30px;
    top: 100px;
    z-index: 1;
    width: 160px;
    border-radius: 0 0 8px 8px;
    padding: 0px 0px;
    background: var(--white);
}

.nav li:nth-child(8) .sub {
    left: -10px;
}

.nav .sub li {
    text-align: center;
    padding: 0 0px;
    margin-bottom: -1px;
}

.nav .sub li a {
    display: block;
    padding: 8px 0;
    height: 40px;
    line-height: 40px;
    color: var(--grey);
    font-size: 1em;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.nav .sub li a:hover {
    background: var(--white46c);
    border-radius: 8px;
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

.nav .block {
    color: var(--brand);
}

.logo {
    width: 270px;
    height: auto;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.mr29 {
    margin-right: 14px;
}

.mr19 {
    margin-right: 18px;
}

.grey {
    color: var(--grey999) !important;
}

.center {
    width: 1300px;
    overflow: hidden;
    margin: 0 auto;
}

/* 轮播图flexslider */
.swiper {
    width: 1200px;
    height: 320px;
}

.swiper-wrapper {
    width: 1212px !important;
    margin: 0 auto !important;
}

.swiper-slide img {
    border-radius: 16px;
}


.flexslider {
    position: relative;
    height: 320px;
    margin-top: 100px;
}

.GT-banner {
    margin-top: 100px;
    width: 100%;
}
.GT-banner img {
    width: 100%;
    height: auto;
    border-radius: 0;
}


.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    width: 100%;
    height: 320px;
    /* border-radius: 16px; */
}

.flex-control-nav {
    position: absolute;
    bottom: 10px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/dot.png) right 0 no-repeat;
    cursor: pointer;
}

.flex-control-nav .flex-active {
    background-position: 0 0;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    opacity: 0.1;
}

.flex-direction-nav li a:hover {
    opacity: 0.9;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url(../images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url(../images/next.png) center center no-repeat;
}

.enter_luochuan {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    padding: 80px 0 40px;
    width: 1200px;
}

.enter_luochuan h2 {
    font-size: 1.5em;
    line-height: 24px;
    padding-bottom: 0px;
    color: var(--black);
    position: relative;
    letter-spacing: 1px;
}

.enter-luochuan p {
    color: var(--grey);
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 0px;
    font-size: 16px;
    line-height: 16px;
    line-height: 2em;
}


/*新闻中心*/
.mtit {
    width: 1200px;
    margin: 100px auto 40px auto;
    text-align: center;
}

.mtit h2 {
    font-size: 1.75em;
    line-height: 24px;
    height: 40px;
    padding-bottom: 0px;
    color: var(--black);
    position: relative;
    letter-spacing: 1px;
}

#white {
    color: var(--white);
}

/* .mtit h2:before{position: absolute; width: 80px;height: 4px; border-radius:10px;background: #006F76;content: '';left: 50%;bottom: 0; margin-left: -40px;} */
.mtit h2 span {
    color: var(--brand);
}

.mtit p {
    color: var(--grey);
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 0px;
    font-size: 12px;
    line-height: 16px;
}

.mtit.mtit2 h2 {
    line-height: 38px;
    height: 38px;
    font-size: 24px;
}

.mtit.mtit2 p {
    font-size: 13px;
}

.newsCenter {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.main-margin {
    margin: 16px auto!important;
}

.newsCenter-left {
    width: 360px;
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 410px;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

#owl-demo {
    position: relative;
    width: 360px;
    height: 410px;
}

#owl-demo .item {
    position: relative;
    display: block;
}

#owl-demo img {
    width: 100%;
    height: 410px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

#owl-demo b {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 48px;
    background-color: var(--black);
    opacity: .5;
    filter: alpha(opacity=50);
    border-radius: 0 0 8px 8px;
}

#owl-demo span {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 55%;
    color: var(--white);
    text-align: left;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
}

.owl-pagination {
    position: absolute;
    right: 0;
    bottom: 13px;
    width: 40%;
    height: 22px;
    text-align: center;
}

.owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-image: url(../images/bg15.png);
    *display: inline;
    *zoom: 1;
}

.owl-pagination .active {
    width: 10px;
    background-image: url(../images/bg16.png);
}

.activemenu {
    color: var(--brand) !important;
}

.owl-buttons {
    display: none;
}

.owl-buttons div {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    text-indent: -9999px;
}

.owl-prev {
    left: 0;
    background-image: url(../images/bg17.png);
}

.owl-next {
    right: 0;
    background-image: url(../images/bg18.png);
}

.owl-prev:hover {
    background-image: url(../images/bg19.png);
}

.owl-next:hover {
    background-image: url(../images/bg20.png);
}

.newsWidth {
    /* 新闻中心强制修改宽度 */
    width: 560px !important;
}

.newsCenter-right {
    width: 55%;
}

.newsCenter-right .tab0_con {
    display: none;
}

.newsCenter-right .tab0_con.on {
    display: block;
}

.newsCenter-right .tab0-ul {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0,111,118,0.3);
    background: #53888B;
    /* background: #D5E1E5; */
    border-radius: 8px 8px 0 0;
}

.newsCenter-right .tab0-ul li {
    width: 140px;
    color: var(--white);
    color: rgba(255,255,255,0.7);
    /* color: var(--black); */
    font: normal 400 1rem '微软雅黑';
    background: transparent;
    text-align: center;
    border-bottom: 1px solid transparent;
    padding: 0 12px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    line-height: 48px;
}

.newsCenter-right .tab0-ul li:hover {
    color: var(--white);
    /* color: var(--brand); */
}

.news-background {
    background: var(--white);
    padding: 0 0 11px 0;
    border-radius: 8px;
    height: 412px;
    box-sizing: border-box;
}

.newsCenter-right .tab0-ul li.active {
    font-weight: 700;
    background: var(--brand);
    /* background: rgba(0,111,118,0.3); */
    /* border-bottom: 4px solid var(--white); */
    font-size: 1.25rem;
    color: var(--white);
    line-height: 48px;
    border-radius: 8px 8px 0 0;
    /* color: var(--brand); */
}

/*党建样式*/
#dj_workBg {
    background: url(../images/DJ-BG.jpg) no-repeat;
    width: 100%;
    height: 1400px;
    margin-top: 0px;
    overflow: hidden;
}

.dj_wordBox {
    margin-top: 920px;
}

.left_word_style {
    float: left;
    margin-bottom: 100px;
}

.left_word_style .newsCenter-list li a {
    color: var(--black);
    font-weight: 700;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.left_word_style .newsCenter-list li a:hover {
    color: var(--red);
}

#dj_left_list {
    width: 900px;
    overflow: hidden;
}

.right_word_style {
    float: right;
    margin-top: 16px;
    margin-right: 0;
}

.right_word_style div {
    color: var(--white);
    background: var(--red);
    padding: 12px;
    margin-bottom: 8px;
    font-size: 1em;
    font-weight: 700;
}

.right_word_style li {
    position: relative;
    line-height: 1.5em;
    font-size: 1em;
    margin-bottom: 8px;
}

.right_word_style li a {
    height: 24px;
    color: var(--red);
    display: block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    padding-left: 12px;
}

.right_word_style li a:hover {
    color: var(--lightRed);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.newsCenter-list {
    /* width: 100%; */
    overflow: hidden;
}

.newsListWidth {
    width: 560px !important;
}

.newsCenter-list li {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 24px;
    padding-right: 80px;
}

.newsCenter-list li:before {
    position: absolute;
    content: '';
    left: 12px;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: var(--gery89d);
}

.newsCenter-list li a {
    font: normal 400 1rem '微软雅黑';
    height: 24px;
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    display: block;
    transition: all 0.3s; 
    -webkit-transition: all 0.3s;
    padding: 8px 0;
    width: 90%;
}


.newsCenter-list li a:hover {
    color: var(--brand);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
}

.date {
    font-size: 1em;
    color: var(--grey999) !important;
    font-weight: normal !important;
    position: absolute;
    right: 48px;
    top: 0;
    line-height: 36px;
}

.out_http {
    position: relative;
    right: -24px;
    display: flex;
    justify-content: center;
}

.out_http h1 {
    position: absolute;
    bottom: 10%;
    left: 2%;
    background: var(--lightRed);
    text-align: center;
    padding: 16px 12px;
    box-sizing: border-box;
    color: var(--white);
    font: normal 400 1.2em '微软雅黑';
    border-radius: 16px;
}

.survey-box {
    width: 100%;
    background: var(--white);
}

.survey-info {
    padding: 16px 0;
    display: flex;
}

.survey-info dt img {
    width: 200px;
    height: 260px;
}

.survey-info dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 64px;
    line-height: 40px;
    color: var(--grey);
    text-align: justify;
    text-indent: 2em;
}

.survey-other {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.survey-other li {
    width: 20%;
    margin: 0 8px;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--white);
    border-radius: 16px;
    height: 226px;
    transition: .5s;
    -webkit-transition: .5s;
}

.survey-other li:hover {
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    box-shadow: 0 8px 16px rgba(0, 255, 115, 0.05);
}

.survey-other li img {
    width: 80px;
    height: 80px;
}

.survey-other li h2 {
    font: 400 1.12em '微软雅黑';
    margin-top: 16px;
    line-height: 33px;
    color: var(--black);
}

.investment-box {}

.investment-item {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 16px;
    background: var(--white);
    border-radius: 16px;
    transition: .5s;
    -webkit-transition: .5s;
}

#blg_w {
    width: 1000px;
}

#yj_w {
    width: 1000px;
}

#zshj_w {
    width: 1000px;
}

.container-right .investment-item {
    background: var(--white);
}

.investment-item:hover {
    box-shadow: 1px 1px 26px rgb(39 133 139 / 10%);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

/*这是招商引资图片的边框*/
.investment-item dt {
    width: 400px;
    height: 300px;
    border: 1px solid var(--white);
    border-radius: 16px;
}

.investment-item dt img {
    width: 400px;
    height: 300px;
    border-radius: 4px;
}

.investment-item dd {
    padding: 24px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.investment-item dd h2 {
    font-size: 20px;
    line-height: 32px;
    color: var(--black);
}

.investment-item dd p {
    font-size: 16px;
    line-height: 32px;
    color: var(--grey);
    text-indent: 2em;
    text-align: justify;
}

.investment-item dd a {
    position: absolute;
    right: 32px;
    bottom: 32px;
    width: 120px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: var(--greenBG);
    border-radius: 8px;
    color: var(--brand);
    font-size: 1.25em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.investment-item dd a img {
    width: 24px;
    height: 24px;
}

.investment-item dd a {
    background-color: var(--greenBG);
    transition: .5s;
    -webkit-transition: .5s;
}

.investment-item dd a:hover {
    background: var(--greenBG);
}

.Hu_Cun_industry {
    width: 1200px;
    display: flex;
    margin: 160px auto;
    flex-direction: column;
    gap: 16px;
}

.Hu_Cun_industry_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    align-items: center;
    background: var(--white);
    border-radius: 16px;
}

.Hu_Cun_industry_text h2 {
    font: normal 400 1.5em '微软雅黑';
    color: var(--black)
}

.Hu_Cun_industry_text p {
    font: normal 400 1em '微软雅黑';
    line-height: 2em;
    text-align: justify;
    text-indent: 2em;
}

/*.Hu_Cun_industry ul {
    display: flex;
    flex-direction: row;
    position: relative;
}*/

/*.Hu_Cun_industry ul li:first-child {
    position: absolute;
    bottom: 0;
    width: 100%;
}*/

/*.Hu_Cun_industry ul h2 {
    font: normal 400 1.2em 'aliRegular';
    background: rgba(0, 0, 0, .5);
    padding: 12px 12px;
    box-sizing: border-box;
    text-align: center;
    color: var(--white);
    border-radius: 0 0 16px 16px;
    backdrop-filter: blur(16px);
}*/

.plan-box {
    background: #fff;
    width: 100%;
    border-radius: 16px;
    position: relative;
}

.plan-box .plan-box-tit {
    padding: 10px 15px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #b81c27;
    margin-top: 6px;
    border-radius: 0 0 10px 10px;
    letter-spacing: 3px;
}

.plan-box ul {
    margin-top: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.plan-box ul li {
    text-align: center;
}

.plan-box ul li img {
    border: 2px solid #b81c27;
}







.enterprise-box {
    display: grid;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/*这是龙头企业的大盒子*/
.enterprise-box dl {
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--white);
    border-radius: 8px;
    transition: .5s;
    -webkit-transition: .5s;
}

.enterprise-box dl:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
}

.enterprise-box dl dt {
    margin-left: 88px;
}

.enterprise-box dl dt a {
    width: 112px;
    text-align: center;
    font-size: 0.87em;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    text-transform: capitalize;
    background-color: var(--white46c);
    transition: .5s;
    -webkit-transition: 0.5s;
    border-radius: 8px;
}

.enterprise-box dl dd {
    width: calc(100% - 200px);
}

.enterprise-box dl dd h2 {
    font-size: 20px;
    line-height: 38px;
    color: var(--black);
    margin-bottom: 4px;
}

.enterprise-box dl dd p {
    font-size: 1em;
    line-height: 27px;
    color: var(--grey);
}

.museum-box {
    width: 100%;
    margin-bottom: 0;
}

.museum-box img {
    width: 1200px;
    border-radius: 16px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* .museum-box img:hover {
    transform: translate3d(0, -8px, 0);
    -webkit-transform: translate3d(0, -8px, 0);
    box-shadow: 0 48px 48px rgba(0, 37, 39, .1);
    border-radius: 24px;
} */

/*走进洛川*/
.banner {
    margin-top: 100px;
    width: 100%;
}

.banner img {
    width: 100%;
}

.menu-list {
    width: 160px;
    float: left;
    white-space: nowrap;
}

.menu-list li {
    font-size: 1.5em;
    line-height: 36px;
    margin-bottom: 16px;
    position: relative;
    padding-left: 12px;
}

.menu-list li.on:before {
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 4px;
    height: 24px;
    background: var(--brand);
    border-radius: 6px;
}

.menu-list li a {
    display: block;
    color: var(--grey);
}

.menu-list li a:hover {
    color: var(--brand);
}

.menu-list li.on a {
    color: var(--black);
    font-weight: bold;
}

.info-right {
    float: left;
    margin-left: 32px;
    width: 1000px;
    display: flex;
    margin-bottom: 25px;
}

.public_text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.public_text h2 {
    font: normal 400 1.25em '微软雅黑';
    color: var(--black);
}

.public_text ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.public_text p {
    text-indent: 2em;
    text-align: justify;
}

/*市场简介的右边距*/
#jj_mr {
    margin-right: 64px;
}

/*市场简介*/
.info-text h2 {
    font-size: 1.25em;
    line-height: 38px;
    color: var(--black);
    margin-bottom: 24px;
    letter-spacing: 1px;
}

.info-text h2 span {
    color: var(--brand);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.info-text p {
    /*首行缩进*/
    width: 632px;
    font: normal 400 1em "微软雅黑";
    text-indent: 2em;
    line-height: 40px;
    color: var(--grey);
    text-align: justify;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.info-text p:hover {
    color: var(--black);
}

.info-text ul li {
    float: left;
    height: 616px;
    background: var(--white);
    border-radius: 16px;
    padding: 40px 16px;
    box-sizing: border-box;
}

.info-text ul li:not(:last-child) {
    margin-right: 16px;
}

.info-text ul li p {
    text-align: justify;
    line-height: 2rem;
}

.info-text ul li:nth-child(1) {
    width: 240px;
    background-image: url(../images/market01.png);
    background-size: 240px 616px;
    background-repeat: no-repeat;
}

.info-text ul li:nth-child(1) p {
    width: 208px;
}

.info-text ul li:nth-child(1) span {
    width: 208px;
    font: normal 400 0.87em "微软雅黑";
    display: inline-block;
    text-align: justify;
    margin-top: 58px;
    line-height: 1.5rem;
    color: var(--black);
}

.info-text ul li:nth-child(2) {
    width: 288px;
    background-image: url(../images/market02.png);
    background-size: 288px 616px;
    background-repeat: no-repeat;
}

.info-text ul li:nth-child(2) p {
    width: 256px;
}

.info-text ul li:nth-child(3) {
    width: 440px;
    background-image: url(../images/market03.png);
    background-size: 440px 616px;
    background-repeat: no-repeat;
}

.info-text ul li:nth-child(3) p {
    width: 408px;
}

/*招商政策*/
.policy_list h2 {
    font: normal 400 1.5em '微软雅黑';
    color: var(--text);
}

.policy_list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.policy_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.policy_item ul {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 1000px;
}

.policy_item ul li>div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
}

.policy_item ul li>div span {
    font: italic 400 1.5em '微软雅黑';
    color: var(--brand);
}

.policy_item ul li i {
    white-space: nowrap;
    font: normal 400 0.875em '微软雅黑';
    color: var(--text);
}

.policy_item ul li {
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    filter: drop-shadow(-12px 12px 24px rgba(60, 92, 106, 0.1));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.policy_item ul li:nth-child(even) {
    background: linear-gradient(180deg, rgba(60, 92, 106, 0) 72.31%, rgba(60, 92, 106, 0.4) 100%);
}

.policy_item ul li p {
    text-align: justify;
    text-indent: 2em;
}


/* 招商概况 */
.info-right .zsgk {
    width: 1000px;
    height: 600px;
    border-radius: 16px;
    background-image: url(../images/zsgk.png);
    background-repeat: no-repeat;
    background-size: 1000px 600px;
}

.info-right .zsgk div {
    width: 794px;
    height: 600px;
    background: linear-gradient(90deg, rgba(29, 29, 31, 0.4) 0%, rgba(29, 29, 31, 0) 102.96%, rgba(29, 29, 31, 0) 102.96%);
    backdrop-filter: blur(20px);
    border-radius: 16px;
    float: right;
    color: var(--white);
    padding: 116px 24px;
    box-sizing: border-box;
}

.info-right .zsgk div h2 {
    font: normal 400 1.25em "微软雅黑";
    margin-bottom: 24px;
}

.info-right .zsgk div p {
    font: normal 400 1em "微软雅黑";
    width: 660px;
    line-height: 32px;
    margin-bottom: 113px;
    opacity: 0.8;
    text-align: justify;
    color: var(--white);
}


/*招商政策的文字宽度*/
#zc_p p {
    width: 1000px;
}

.info-img {
    width: 360px;
    margin-top: 70px;
}

.info-img img {
    width: 360px;
}


.container-right {
    /* float: right; */
    margin-right: 0px;
    width: calc(100% - 260px);
}

/* #news-separate-list {
    width: 70%;
}

#news-separate-list p {
    text-indent: 0;
}

#pageInfo {
    width: 97%;
} */

.container-right .gl-item {
    width: 900px;
    padding-bottom: 32px;
    float: left;
}

.container-right .gl-item dt {
    font-weight: 400;
    font-size: 1.25em;
    padding-left: 16px;
    line-height: 48px;
    color: var(--white);
    background: linear-gradient(90deg, #006F76 0%, rgba(0, 111, 118, 0) 90.62%);
    border-radius: 4px;
}

.container-right .gl-item ul {
    display: flex;
    padding: 12px 16px;
    gap: 56px;
}

.container-right .gl-item h2 {
    font: normal 400 1.5em '微软雅黑';
    line-height: 33px;
    color: var(--black);
}

.container-right .gl-item p {
    font-weight: 400;
    font-size: 1.2em;
    line-height: 27px;
    color: var(--grey);
}



.management_portion {
    margin-left: -60px;
}

.company_management_portion {
    margin-left: 0;
}


.organization-img {
    width: 800px;
}

.organization-img img {
    width: 800px;
}

.honor-list {
    margin: 0 -8px;
}

.honor-list li {
    width: calc(25% - 16px);
    margin: 0 8px;
    float: left;
    margin-bottom: 50px;
}

.honor-list li img {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid var(--white);
    border-radius: 8px;
}

.honor-list li p {
    margin-top: 8px;
    font-size: 1em;
    line-height: 22px;
    color: var(--black);
    height: 44px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}


/*招商引资*/
.project-item {
    margin: 0 -8px;
}

.project-item li {
    width: calc(50% - 16px);
    margin: 0 8px;
    float: left;
    margin-bottom: 16px;
    box-sizing: border-box;
    padding: 12px;
    background: var(--white);
    border-radius: 16px;
}

.project-item li img {
    width: 100%;
    border-radius: 8px;
}

.project-item li h2 {
    margin: 8px 0;
    font-family: '微软雅黑';
    font-size: 1.5em;
    line-height: 38px;
    height: 38px;
    padding-left: 6px;
    color: var(--black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.project-item li p {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 30px;
    padding-left: 6px;
    padding-bottom: 12px;
    color: var(--grey);
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.container-right .tab1_con {
    display: none;
}

.container-right .tab1_con.on {
    display: block;
}

.tab1-ul {
    width: 320px;
    background: var(--white);
    border-radius: 4px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    padding: 0px 4px;
}

.tab1-ul li {
    width: 120px;
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    /* background: #F2F3F7; */
    border-radius: 8px;
    color: var(--grey);
    height: 32px;
    line-height: 32px;
}

.tab1-ul li.active {
    color: var(--white);
    cursor: pointer;
    background: var(--brand);
    border-radius: 4px;
    font-size: 1em;
    font-weight: normal;
}

.museum-VR {
    width: 100%;
}

.museum-VR img {
    width: 100%;
}


/*底部*/

.bottom {
    width: 100%;
    height: 245px;
    background: var(--black);
}

.bottom_up {
    width: 100%;
    border-top: 1px solid var(--blue);
    text-align: center;
    color: var(--black);
    font-size: 0.75em;
    position: absolute;
    bottom: 0;
    padding: 10px 0;
    line-height: 22px;
}

.bottom_top {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.links {
    position: absolute;
    width: 220px;
    overflow: hidden;
    left: 0;
    top: 30px;
}

.links a:hover {
    color: var(--brand);
    cursor: pointer;
}

.links .tit {
    color: var(--brand);
    display: block;
    padding: 8px 0;
    font-size: 1.12em;
}

.links-lst {
    /*overflow: hidden;*/
}

.btn-select {
    cursor: pointer;
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    margin-top: 20px;
    margin-right: 10px;
    /* border: 1px solid #ebebeb; */
    border-radius: 5px;
    color: var(--white);
    /* background: #fff; */
}

.btn-select .cur-select {
    position: absolute;
    display: block;
    width: 98%;
    height: 37px;
    font-size: 1em;
    line-height: 24px;
    /* background: url(../images/arr-d.png) no-repeat right top;
    background-size: 36px 36px;
    padding: 5px 0 0 7px; */
}

.btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    height: 37px;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity: 0);
    color: var(--grey);
}

.btn-select select option {
    text-indent: 10px;
    min-width: 150px;
}

.links-lst select option {
    margin: 2px 0;
    font: inherit;
}

.bottom_nav {
    position: absolute;
    left: 240px;
    top: 40px;
    width: 28%;
}

.bottom_nav span {
    position: absolute;
    left: 14px;
    top: 50px;
    width: 100%;
    line-height: 22px;
    color: var(--halfwhite);
    font-size: 0.87em;
}

.bottom_nav p {
    position: absolute;
    left: 14px;
    top: 90px;
    padding-top: 22px;
    font-size: 0.87em;
    line-height: 22px;
    color: var(--halfwhite);
}

.bottom_nav span a {
    color: var(--black);
}

.bottom_nav ul li {
    float: left;
    display: flex;
    align-items: center;
    font-size: 1.25em;
    line-height: 27px;
    color: var(--white);
    font-weight: 400;
}

.bottom_nav ul li img {
    width: 24px;
    margin-right: 8px;
}

.bottom_nav ul li a {
    color: var(--white);
}

.bottom_nav ul li a:hover {
    opacity: 0.8;
}

.bottom_icon {
    font-size: 1.12em;
    margin-right: 5px;
}

.bottom_line {
    border-right: 0 !important;
}

.bottom_tell {
    position: absolute;
    left: 600px;
    top: 40px;
    color: var(--white);
}

.bottom_tell h2 {
    font-size: 1.25em;
    line-height: 27px;
    color: var(--white);
    font-weight: 400;
    padding-bottom: 20px;
}

.bottom_tell p {
    line-height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--halfwhite);
}

.bottom_tell p a {
    color: var(--halfwhite);
}

.bottom_tell img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}


.bottom_code {
    width: 375px;
    height: 100px;
    position: absolute;
    right: 0px;
    top: 35px;
}

.bottom_code div img {
    width: 100px;
    border-radius: 4px;
    padding: 4px;
    background: var(--white);
}

.bottom_code div {
    font-style: normal;
    color: var(--black);
    text-align: center;
}

.bottom_code p {
    font-size: 0.87em;
    line-height: 22px;
    color: var(--white);
}

.bottom_code ul li {
    float: left;
}

/*发展历程*/
.course-box {
    width: 800px;
    padding: 0 50px;
    margin: 0 auto;
    position: relative;
}

.button {
    position: absolute;
    cursor: pointer;
    top: 30px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--brand);
    border-radius: 50%;
    text-align: center;
}

.button img {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    margin-left: 1px;
    border-radius: 10px;
}

.prev {
    left: -20px;
}

.next {
    right: -20px;
}

.container {
    width: 900px;
    margin: 0 auto;
    height: 500px;
    position: relative;
    padding: 50px;
}

.slide_wrap {
    overflow: hidden;
    position: relative;
}

.slide_wrap ul {
    position: relative;
    left: 0px;
}

/*line*/
.slide_wrap::after {
    width: 100%;
    height: 2px;
    background-color: var(--lightGreen);
    content: '';
    position: absolute;
    top: 48px;
    left: 0px;
    z-index: -1;
}

.slide_items li {
    float: left;
    font-size: 1.25em;
    width: 150px;
    text-align: center;
}

.slide_items li a {
    display: block;
}

.slide_items li.on {
    border-radius: 30px;
}

.slide_items li span {
    color: var(--grey);
    font-size: 1.12em;
    display: block;
}

.slide_items li.on span {
    color: var(--brand);
    font-weight: 700;
    font-size: 1.37em;
}

.slide_items li div {
    display: inline-block;
    width: 14px;
    height: 14px;
    /*border: 1px solid #a2a2a2;*/
    border-radius: 12px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 18px;
    background: var(--lightGreen);
}

.slide_items li i {
    display: block;
    width: 10px;
    height: 10px;
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.55) 0 0 5px;

}

.slide_items li.on div {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: var(--brand);
    border-radius: 13px;
    padding: 8px;
    box-sizing: border-box;
    margin-top: 6px;
}

.slide-content {
    margin-top: 70px;
    text-align: center;
}

.slide-content img {
    width: 100%;
}

.slide-content ul {
    display: none;
}

.slide-content ul.on {
    display: block;
}

.slide-content h4 {
    position: relative;
    font-size: 40px;
    margin-bottom: 3%;
    /*width:200px;*/
    padding: 0 60px;
    display: inline-block;
    text-align: center;
    color: var(--brand);
}

.slide-content h4:after {
    content: '';
    background: var(--deepGreen);
    width: 80px;
    height: 2px;
    position: absolute;
    left: -50px;
    bottom: 22px;
}

.slide-content h4:before {
    content: '';
    background: var(--deepGreen);
    width: 80px;
    height: 2px;
    position: absolute;
    right: -50px;
    bottom: 22px;
}

.btn-select .cur-select {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

#timeline {
    /*width: 90%;*/
    width: 100%;
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#timeline:before {
    content: "";
    width: 2px;
    height: 100%;
    background: rgba(179, 218, 221, 1);
    left: 50%;
    top: 0;
    position: absolute;
}

#timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%;
}

#timeline .timeline-item {
    margin-bottom: 0px;
    position: relative;
}

#timeline .timeline-item .timeline-icon {
    background: var(--brand);
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

#timeline .timeline-item .timeline-icon img {
    position: relative;
    top: 14px;
    left: 14px;
}

#timeline .timeline-item .timeline-content {
    width: 45%;
    background: var(--white237);
    padding: 20px;
    text-align: left;
    position: relative;
    top: -23px;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: justify;
}

#timeline .timeline-item .timeline-content h2 {
    padding: 15px;
    background: var(--lightRed);
    color: var(--white);
    margin: -20px -20px 0 -20px;
    font-weight: 500;
}

#timeline .timeline-item .timeline-content:before {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--white237);
}

#timeline .timeline-item  #left-triangle:before {
    content: '';
    left: -10px;
    border-left: 0;
    border-right: 10px solid var(--white237);
}

#timeline .timeline-item .timeline-content.right {
    float: right;
}

#timeline .timeline-item .timeline-content.right:before {
    content: '';
    left: -10px;
    /* left: inherit;*/
    border-left: 0;
    border-right: 10px solid var(--white237);
}

@media screen and (max-width: 768px) {
    #timeline {
        margin: 30px;
        padding: 0;
    }

    #timeline:before {
        left: 0;
    }

    #timeline .timeline-item .timeline-content {
        width: 90%;
        float: right;
    }

    #timeline .timeline-item .timeline-content:before,
    #timeline .timeline-item .timeline-content.right:before {
        left: 10%;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid var(--lightRed);
    }

    #timeline .timeline-item .timeline-icon {
        left: 0;
    }
}

.timeline-content p {
    width: 100% !important;
    font-size: 18px !important;
    color: var(--grey);
    line-height: 27px;
}

#timeline .timeline-item:after,
#timeline .timeline-item:before {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

.tuse {
    color: #9E7171 !important;
}

.menu-list-dj {
    width: 160px;
    float: left;
}

.menu-list-dj li {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 26px;
    position: relative;
    padding-left: 22px;
}

.menu-list-dj li.on:before {
    position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 16px;
    height: 16px;
    background: url(../images/star.png) left center no-repeat;
}

.menu-list-dj li a {
    display: block;
    color: #9E7171;
}

.menu-list-dj li a:hover {
    color: var(--red);
}

.menu-list-dj li.on a {
    color: var(--red);
    font-weight: 700;
}

@media only screen and (max-width: 1920px) {
    .newsCenter-right {
        width: 40%;
    }

    .newsCenter-list {
        width: 100%;
    }
}


@media only screen and (width: 1920px) {
    .newsCenter-right {
        width: 39%;
    }
}

@media only screen and (min-width: 1920px) {
    .newsCenter-right {
        width: 39%;
    }
}

@media only screen and (min-width: 1960px) {
    .newsCenter-right {
        width: 43%;
    }
}

@media only screen and (min-width: 2100px) {
    .newsCenter-right {
        width: 48%;
    }
}

@media only screen and (min-width: 2300px) {
    .newsCenter-right {
        width: 52%;
    }
}

.padding100 {
    padding: 100px 0;
}


/*网站导航*/
.nav-item {
    width: 100%;
    margin-bottom: 24px;
}

.nav-item dt {
    font-size: 16px;
    line-height: 38px;
    font-weight: 700;
    color: var(--black);
    margin-bottom: 4px;
}

.nav-item dd {
    width: 100%;
}

.nav-item dd a {
    width: 148px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: var(--brand);
    font-size: 16px;
    display: inline-block;
    background: var(--greenBG);
    border-radius: 8px;
    margin-right: 16px;
    transition: .5s;
    -webkit-transition: .5s;
}

.nav-item dd a:hover {
    background: rgba(0, 111, 118, 0.2);
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
}

/*入驻企业*/
.enterprise-con {
    width: 100%;
    margin-top: 100px;
    position: relative;
}

.enterprise-left {
    width: 296px;
    position: absolute;
    /* left: 20px; */
    top: 0;
    z-index: 2;
}

.enterprise-right {
    width: 100%;
    height: calc(100vh - 100px);
}

.enterprise-con .map {
    width: 100%;
    height: calc(100vh - 100px);
}

/*.enterprise-con .map img{
    width: 100%;
}*/
.public-box {
    padding: 16px;
    padding-bottom: 100px;
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    /* border-radius: 16px;
    margin-bottom: 20px; */
    background: var(--white);
}

.enterprise-chart {}

.enterprise-chart h2 {
    font-size: 16px;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 18px;
    font-weight: 700;
}

.enterprise-chart img {
    width: 100%;
}

.enterprise-chart .mainChart {
    width: 100%;
    height: 200px;
}

.enterprise-info {}

.enterprise-info h2 {
    font-size: 16px;
    line-height: 33px;
    color: var(--black);
    margin-bottom: 8px;
}

.enterprise-info dl {
    width: 100%;
}

.enterprise-info dl dt {
    width: 100%;
    margin-bottom: 10px;
}

.enterprise-info dl dt img {
    width: 100%;
    border-radius: 8px;
}

.enterprise-info dl dd {
    width: 100%;
    margin-bottom: 10px;
}

.enterprise-info dl dd span {
    font-size: 16px;
    line-height: 27px;
    color: var(--grey);
}

.enterprise-info dl dd p {
    padding-top: 8px;
    font-size: 16px;
    line-height: 27px;
    color: var(--black);
}

.enterprise-num {
    /* padding-left: 16px; */
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
}

.enterprise-num span {

    color: var(--brand);
}



/*新闻中心*/
.news-box {
    /* width: 100%; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    margin-top: 100px;
}

.news-list {
    width: 100%;
    margin-bottom: 56px;
}

.news-tit {
    font: normal 400 1.5rem '微软雅黑';
    color: var(--white);
    line-height: 56px;
    background: linear-gradient(90deg, #006F76 0%, rgba(0, 111, 118, 0) 90.62%);
    border-radius: 8px;
    padding-left: 24px;
    /*新闻日期右侧外边距*/
    margin-right: 32px;
    margin-left: 8px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.news-tit a {
    font-size: 16px;
    color: var(--grey);
    display: flex;
    align-items: center;
}

.news-tit a img {
    width: 24px;
    height: 24px;
}

.news-tit a:hover {
    color: var(--brand);
}

.news-item {
    padding: 16px;
    background: var(--white);
    border-radius: 16px;
    display: flex;
    margin-bottom: 16px;
    transition: .5s;
    -webkit-transition: .5s;
    position: relative;
}

.news-item dt {
    width: 300px;
}

.news-item dt img {
    width: 300px;
    height: 220px;
    border-radius: 8px;
}

.news-item dd {
    margin-left: 20px;
    width: calc(100% - 320px);
}

.news-item dd h2 {
    font-size: 20px;
    line-height: 38px;
    height: 38px;
    color: var(--black);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-item dd span {
    font-size: 16px;
    line-height: 27px;
    color: var(--grey);
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.news-item dd p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 32px;
    color: var(--grey);
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item a {
    display: block;
}

.news-item dd a:hover {
    color: var(--brand);
}

.news-item:hover {
    box-shadow: 1px 1px 26px rgb(39 133 139 / 10%);
    cursor: pointer;
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
}

.place {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    color: var(--gery89d);
}

.news-con {
    width: calc(100% - 450px);
    float: left;
    overflow: hidden;
}

.other-news {
    float: right;
    width: 330px;
}

.other-news-tit {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 18px;
}

.other-news-tit:before {
    position: absolute;
    content: '';
    left: 0;
    top: 6px;
    width: 4px;
    height: 24px;
    background: var(--brand);
    border-radius: 6px;
}

.other-news-list {
    width: 100%;
}

.other-news-list li {
    font-size: 20px;
    line-height: 26px;
    height: 26px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.other-news-list li a {
    color: var(--grey);
}

.other-news-list li a:hover {
    color: var(--brand);
}

.other-news-list li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background: url(../images/icon.png) left center no-repeat;
}

.main-wrap {
    width: 100%;
}

.main-wrap .tit-box {
    padding-bottom: 8px;
}

.main-wrap .tit-box h4 {
    font-size: 24px;
    line-height: 38px;
    color: var(--black);
    text-align: center;
    margin-bottom: 10px;
}

.main-wrap .tit-box p {
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    color: var(--grey);
}

.main-wrap .tit-box p span {
    padding: 0 10px;
}

.main-wrap .news-cont {
    font-size: 16px;
    line-height: 2;
    color: var(--grey);
    margin-top: 28px;
}

/*地图地图提示框*/
.amap-info-contentContainer.bottom-center,
.amap-info-contentContainer.bottom-left,
.amap-info-contentContainer.bottom-right {
    padding-bottom: 8px;
}

.amap-info-content {
    position: relative;
    background: var(--white);
    padding: 0px;
    line-height: 1.4;
    overflow: auto;
}

.amap-info-outer,
.amap-menu-outer {
    box-shadow: 0 8px 16px rgb(0 0 0 / 5%);
    background: none repeat scroll 0 0 var(--brand);
    border-radius: 6px;
    text-align: left;
}

/*小三角*/
.bottom-center .amap-info-sharp {
    bottom: 0;
    left: 50%;
    border-top: 8px solid var(--brand);
}

.amap-info-sharp {
    position: absolute;
}

.bottom-center .amap-info-sharp,
.bottom-center .amap-info-sharp:after {
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.bottom-center .amap-info-sharp:after {
    position: absolute;
    content: "";
    margin-top: -7px;
    border-top: 8px solid rgba(0, 0, 0, .3);
    filter: blur(2px);
    z-index: -1;
}


.bottom-center .amap-info-sharp,
.bottom-center .amap-info-sharp:after {
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}


.custom-input-card {
    width: 18rem;
}

.custom-input-card .btn:last-child {
    margin-left: 1rem;
}

.content-window-card {
    font-size: 16px;
    color: var(--white);
    background: var(--brand);
    position: relative;
    width: 23rem;
    padding: 0.5rem 0.8rem;
    box-shadow: none;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.content-window-card:hover {
    background: var(--brand);
}

.content-window-card p {
    height: auto;
    line-height: 1.6;
}

/*首页侧边栏*/
.float-icon {
    width: 88px;
    position: fixed;
    right: -40px;
    bottom: 20%;
    z-index: 2;
    background: var(--white);
    border-radius: 8px;
    padding: 16px;
    box-shadow: 1px 1px 20px rgba(0 0 0 / 5%);
    box-sizing: border-box;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.float-icon:hover {
    transform: translate3d(-40px, 0px, 0);
    -webkit-transform: translate3d(-40px, 0px, 0);
}

.float-icon a {
    margin-top: 0px;
    font-size: 14px;
    text-align: center;
    color: var(--black);
    font-weight: 700;
}

.float-sc {
    margin-bottom: 8px;
    margin-right: 12px;
    width: 56px;
}

.float-blh {
    width: 56px;
}

.back-top {
    margin-left: 3px;
    width: 56px;
}

.sideImg {
    margin-top: 12px;
    margin-left: 5px;
}

/* Grain Rain 分页开始 */
.page-info {
    clear: both;
    /* float: right; */
    margin-right: 0px;
    width: calc(100% - 290px);
    border-radius: 16px;
    padding: 16px;
    background: var(--white);
    text-align: center;
}

.page-info a {
    font-size: 14px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    outline: none;
    border-radius: 3px;
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    border: 1px solid var(--white237)
}

.page-info .active {
    border: 1px solid var(--brand);
    background: var(--brand);
    color: var(--white);
}

/* Grain Rain 分页结束 */

[v-cloak] {
    display: none;
}

.top-bann {
    display: flex;
    align-items: center;
    position: relative;
    margin: 10px 6px;
    background: var(--white);
    border-radius: 16px;
    transition: all 0.5s ease 0s;
}

.goods-box {
    width: 1200px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.goods-box .goods-item {
    display: flex;
    flex-direction: column;
    width: 1200px;
    height: 440px;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 16px;
    justify-content: space-between;
    position: relative;
}

.commodity_up {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.apple_commodity_left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.apple_brand {
    display: flex;
    flex-direction: row;
    gap: 8px;
    white-space: nowrap;
    align-items: center;
}

.apple_brand p {
    font: normal 100 1.25em '微软雅黑';
    color: var(--white);
}

.apple_brand span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brand);
    font-size: 12px;
    color: var(--white);
    border-radius: 8px;
    padding: 4px 6px;
}

.apple_brand img {
    width: 44px;
    height: 44px;
}


.apple_commodity_right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: rgba(255, 255, 255, .8);
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    width: 212px;
}

.label_one {
    color: var(--black);
}

.type_title {
    font: normal 400 1.25em '微软雅黑';
    color: var(--black);
}

.apple_right_title {
    color: var(--black);
}

.expand_list {
    font: normal 400 0.875em '微软雅黑';
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    color: var(--black);
    transition: all 0.3;
}

.expand_list:hover {
    color: var(--lightRed);
}


.apple_parameter,
.apple_parameter>div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.apple_parameter {
    width: 180px;
    justify-content: space-between;
}

.apple_parameter>div {
    gap: 8px;
}

.separate_row_line {
    width: 100%;
    height: 1px;
    background: var(--black);
    opacity: 0.1;
}

.commodity_down {
    display: flex;
    flex-direction: row;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
    justify-content: space-around;
    align-items: center;
    color: var(--black);
    padding: 6px 0;
    box-sizing: border-box;
    line-height: 1em;
}

.separate_column_line {
    width: 1px;
    height: 100%;
    background: var(--black);
    opacity: 0.1;
}






.goods-box .goods-item .goods-img {
    width: 1200px;
    height: 440px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    border-radius: 16px;
}

.new-tag {
    width: 38px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    background: url(../images/xp-icon.png) no-repeat;
    color: var(--white);
    font-size: 14px;
    font-weight: bolder;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 2;
}

.goods-box .bottom-box {
    width: 100%;
    background: var(--white);
    position: relative;
    z-index: 22;
    left: -16px;
    border-radius: 16px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-end;
    justify-content: space-between;
}

.goods-box .goods-item .bottom-box .bottom-font {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.goods-box .goods-item .bottom-box .toos {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    gap: 40px;
    align-items: flex-end;
}

.goods-box .goods-item .bottom-box .toos .add-car {
    width: 30px;
    height: 30px;
    background: var(--brand);
    text-align: center;
    border-radius: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.goods-box .goods-item .bottom-box .toos .add-car img {
    width: 20px;
    height: 20px;
    margin: 5px auto;
}

.goods-box .goods-item .bottom-box .toos .add-car-now {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 360px;
    color: var(--white);
    background: var(--lightRed);
    border-radius: 50px;
    font: normal 400 1.5em '微软雅黑';
}

.goods-box .goods-item .bottom-box .toos .add-car:hover {
    font-size: 18px;
}

.goods-box .goods-item .title {
    font: normal 400 1.5em '微软雅黑';
    color: var(--white);
    width: 400px;
    text-align: justify;
    display: -webkit-box;
    text-align: justify;

    /* word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; */
}

.goods_title_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.goods_title_row>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.goods_type {
    width: 72px;
    background: var(--orange);
    text-align: center;
    font: normal 400 1em '微软雅黑';
    line-height: 40px;
    height: 40px;
    border-radius: 8px;
    color: var(--white);
}

.deputy_title {
    font: normal 400 1em '微软雅黑';
    margin-top: 4px;
    width: 400px;
    text-align: justify;
    color: var(--white);
    opacity: 0.5;
}

.goods-box .goods-item .retail_price {
    font: italic 700 2em '微软雅黑';
    color: var(--lightRed);
}

.goods-box .goods-item .retail_price2 {
    font: normal 400 1.25em '微软雅黑';
    color: var(--grey999);
    text-decoration: line-through
}

.goods-box .goods-item .sold-out {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    left: calc(50% - 75px);
    top: calc(50% - 125px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.rogth-po {
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 2;
}

.rogth-po .item {
    background-color: var(--white);
    border-radius: 5px;
    margin-bottom: 4px;
    height: 50px;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    position: relative;
    display: block;

}

.rogth-po .item .cont {
    height: 15px;
    min-width: 15px;
    padding: 0 3px;
    z-index: 10;
    position: absolute;
    top: -5px;
    right: 0;
    background: var(--lightRed);
    text-align: center;
    font-size: 12px;
    color: var(--white);
    line-height: 15px;
    border-radius: 15px;
}

.rogth-po .item:hover {
    /* transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0px, 0);
    box-shadow: 0 8px 16px rgba(29, 29, 31, .05);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;*/
}

.rogth-po .item .show-box {
    display: none;
    width: 100px;
    z-index: 999;
}

.rogth-po .item:hover .show-box {
    display: block;
    right: 60px;
    bottom: 0px;
    width: 160px;
    padding-bottom: 10px;
    position: absolute;
    background-color: var(--white);
}

.rogth-po .item:hover .show-box img {
    width: 160px;
}

.show-box .font-txt {
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 20px;
}

.rogth-po .item .icon {
    padding: 5px;
    width: 40px;
    height: 40px;
}

.floorGoods-box {
    margin-bottom: 50px;
}

.goods-dt-box {
    background: var(--white);
    margin: 15px auto;
    border-radius: 16px;
    padding: 15px;
    box-sizing: border-box;
}

/** 图片放大 **/
#contain {
    width: 100%;
    height: 565px;
    margin: 0 auto;
    position: relative;
}

.left {
    float: left;
    cursor: move;
}

.right {
    position: absolute;
    margin-left: 10px;
    left: 450px;
    top: 0px;
    font-size: 0;
    float: left;
    width: 450px;
    height: 450px;
    border-radius: 16px;
    overflow: hidden;
    /*超出部分隐藏*/
    padding: 0px;
    display: none;
    /*默认先不显示*/
}

.right img {}

.up {
    width: 450px;
    height: 450px;
}

.up img {
    width: 450px;
    border-radius: 16px;
}

.down {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
}

.down img {
    width: 105px;
    border-radius: 5px;
}

/** 图片放大 **/

.right-box {
    float: left;
    padding: 10px;
    margin-left: 20px;
    width: 680px;
    overflow: hidden;
    margin-top: 10px;
}

.right-box h1 {
    line-height: 28px;
    color: var(--black);
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 900;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
    /*justify-content: space-between;*/
}

.right-box h5 {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    line-height: 30px;
    font-weight: normal;
}

.right-box h5 span {
    padding-left: 10px;
    border-radius: 20px 5px 5px 20px;
    padding-right: 10px;
    color: var(--white);
    background-image: linear-gradient(90deg, #ffca68, #ff5447);
}

.right-box h2 {
    line-height: 60px;
    display: flex;
    justify-content: space-between;
}

.right-box h2 .retail_price {
    font-size: 28px;
    color: var(--lightRed);
    margin-right: 20px;
}

.sell_volume {
    font-size: 14px;
    line-height: 30px;
    background-color: var(--lightRed);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 5px 10px;
}

.goods_number {
    font-size: 14px;
    color: rgba(0, 0, 0, .4);
    line-height: 60px;
}

.right-box h2 .retail_price2 {
    font-size: 18px;
    font-weight: normal;
    color: #999;
    text-decoration: line-through;
}

.new-tag-box {
    background: var(--lightRed);
    color: var(--white);
    padding: 0 5px;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-block;
    font-size: 13px !important;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
}

.specification-box {
    margin-top: 10px;
}

.specification-box .title {
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: var(--gery89d);
    margin-right: 10px;
}

.sp_item-box {
    display: flex;
}

.specification-box .sp_item {
    color: var(--white);
    background-color: rgba(0, 111, 118, 0.3);
    border: 1px solid rgba(0, 111, 118, 0.35);
    font-size: 16px;
    padding: 8px 25px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
}

.specification-box .selected {
    background: rgba(0, 111, 118, 1);
    border: 1px solid rgba(0, 111, 118, 1);
    color: var(--white);
}

.separate {
    padding-bottom: 1.5%;
}

.separate li {
    height: 100%;
    width: 1px;
    background: var(--grey);
}

.num-box {
    display: flex;
    justify-content: left;
    border: 1px solid var(--white237);
    width: 130px;
    border-radius: 5px;
}

.num-box a {
    background: var(--white237);
    color: var(--black);
    font-size: 25px;
    line-height: 28px;
    height: 32px;
    width: 44px;
    text-align: center;
}

.num-box input {
    border: none;
    text-align: center;
    font-size: 18px;
}

.num-box .edab {
    background: var(--white237) !important;

}

.toos-btns {
    margin-top: 100px;
    text-align: left;
    display: flex;
}

.toos-btns a {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
    padding: 0 20px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toos-btns a img {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.toos-btns .add-car {
    color: var(--white);
    background: rgba(0, 111, 118, 1);
    margin-right: 10px;
}

.add-car-now {
    color: var(--black);
    background: var(--white);
    width: 160px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal 400 0.875em '微软雅黑';
}

.toos-btns a:hover {
    opacity: 0.8;
}

.total-num {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: right;
}

.total-num em {
    font-size: 20px;
    font-weight: bolder;
    color: var(--lightRed);
}

.desc {}

.desc .des-title {
    width: 76px;
    line-height: 30px;
    color: var(--brand);
    font-size: 18px;
    text-align: center;
    padding: 10px 20px;
    background: rgba(0, 111, 118, 0.1);
    border-radius: 8px 8px 0 0;
    margin-top: -2px;
}

.line {
    border-top: 2px solid rgba(0, 111, 118, 0.3);
}

.shop-car {
    background: var(--white);
    border-radius: 16px;
    padding: 15px;
    box-sizing: border-box;
}

.shop-car table {
    width: calc(100% - 0px);
    /*margin: 10px;*/
    background-color: var(--white237);
    border-radius: 16px;
    font-size: 15px;
}

.shop-car table thead {
    background: var(--lightRed);
    color: var(--white);
    font-size: 16px;
    font-weight: bolder;
    line-height: 45px;
}

.shop-car table tbody tr {
    border-bottom: 1px solid rgba(223, 15, 0, 0.05);
}

.shop-car table tbody tr:hover {
    background: rgba(223, 15, 0, 0.05);
}

.checkedline {
    background: rgba(251, 249, 249, 0.1);

}

.shop-car table tbody tr:last-child {
    border-bottom: 0;
}

.shop-car table thead th {
    text-align: center;
}

.shop-car table thead th:first-child {
    border-top-left-radius: 16px;
}

.shop-car table thead th:last-child {
    border-top-right-radius: 16px;
}

.car-goods-box {
    display: flex;
    padding: 10px 0;
}

.car-goods-box img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    background: var(--white237);
}

.car-goods-text {
    display: flex;
    flex-flow: column;
}

.car-goods-text h2 {
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0 5px 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.car-goods-text p {
    color: var(--grey999);
    font-size: 14px;
}


/*2022-10-29*/
/*党建*/
.djBg {
    width: 100%;
    margin-top: 100px;
    background: var(--whiteYellow) url(../images/djbg.jpg) top center no-repeat;
}

.dj-box {
    width: 1200px;
    margin: 0 auto;
}

.dj-text {
    margin: 0 -15px;
    padding-top: 260px;
    display: flex;
}

.dj-text .dj-text-item {
    width: calc(25% - 30px);
    padding: 30px;
    margin: 0 15px;
    height: 400px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    box-sizing: border-box;
    writing-mode: vertical-rl;
    transition: .5s;
    -webkit-transition: .5s;
    backdrop-filter: blur(10px);
}

.dj-text .dj-text-item:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.9);
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    /* box-shadow: 0 8px 16px rgb(29 29 31 / 5%); */
}

.dj-text .dj-text-item .dj-text-img {
    width: 70px;
    height: 100%;
}

.dj-text .dj-text-item .dj-text-img img {
    width: 100%;
}

.dj-text .dj-text-item .dj-text-p {
    width: calc(100% - 80px);
    height: 100%;
    line-height: 1.8;
    writing-mode: vertical-rl;
    color: var(--black);
}

.dj-text .dj-text-item .dj-text-p h2 {
    font-size: 15px;
    padding: 0 15px 0 8px;
}

.dj-text .dj-text-item .dj-text-p p {
    font-size: 12px;
    letter-spacing: 2px;
}

.dj-banner {
    width: 100%;
    height: 96px;
    margin: 30px 0;
}

.dj-banner img {
    width: 100%;
}

.dj-list {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}

.dj-list-left {
    width: calc(100% - 360px);
    margin-right: 40px;
}

.dj-list-left .dj-list-dl {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    background: var(--white);
    border-radius: 10px;
    transition: .5s;
    -webkit-transition: .5s;
    box-shadow: 1px 1px 3px rgb(29 29 31 / 5%);
}

.dj-list-left .dj-list-dl:hover {
    transform: translate3d(0, -6px, 0);
    -webkit-transform: translate3d(0, -6px, 0);
    box-shadow: 0 8px 16px rgb(29 29 31 / 5%);
}

.dj-list-left .dj-list-dl dt {
    width: 200px;
    height: 150px;
    border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dj-list-left .dj-list-dl dt img {
    width: 100%;
    border-radius: 10px 0 0 10px;
}

.dj-list-left .dj-list-dl dd {
    width: calc(100% - 240px);
    height: 110px;
    padding: 20px;
}

.dj-list-left .dj-list-dl dd h2 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dj-list-left .dj-list-dl dd p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dj-list-left .dj-list-dl dd .time {
    width: 100%;
    font-size: 14px;
    color: var(--grey999);
}

.dj-list-right {
    width: 320px;
}

.tit-link {
    color: var(--white);
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    background: var(--lightRed);
    height: 45px;
    line-height: 45px;
    border-radius: 10px 10px 0 0;
}

.dj-list-link {
    padding: 10px 15px;
    border-radius: 0 0 10px 10px;
    background: var(--white);
    transition: .5s;
    -webkit-transition: .5s;
    box-shadow: 1px 1px 3px rgb(29 29 31 / 5%);
}

.dj-list-link li {
    line-height: 20px;
    padding: 6px 0;
    display: flex;
    font-size: 15px;
    align-items: center;
}

.dj-list-link li img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.dj-img {
    width: 100%;
    margin-top: 20px;
}

.dj-img img {
    width: 320px;
    height: 160px;
    border-radius: 8px;
}

/*走进洛川*/
.about-banner {
    width: 100%;
    margin-top: 100px;
}

.about-banner img {
    width: 100%;
}

.about-box {
    width: 1200px;
    margin: 0 auto;
}

.about-item {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.introduction {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-left: 1px solid var(--greenBG);
    padding: 0 12px;
    text-align: justify;
}

.introduction p {
    text-indent: 2em;
}

h6 {
    font: normal 400 1.25em '微软雅黑';
    color: var(--black);
}

.enter-luochuan {
    width: 1200px;
    margin: 0 auto;
}


.about-item-row {
    width: 100%;
    display: flex;
}

.about-item-row .about-item-text {
    width: 300px;
    height: 240px;
    padding: 0 34px;
    box-sizing: border-box;
    background: var(--white);
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.about-item-row .about-item-text.about-item-text2 {
    background: var(--whiteGreen);
}

.about-item-row .about-item-text img {
    width: 87px;
    height: 49px;
    margin: 0 auto;
}

.about-item-row .about-item-text h2 {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: var(--black);
    margin-top: 9px;
}

.about-item-row .about-item-text p {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--grey);
    margin-top: 10px;
}

.about-item-img {
    width: 900px;
    height: 240px;
}

.about-item-img img {
    width: 900px;
    height: 240px;
}

.about-item-minimg {
    width: 300px;
    height: 240px;
}

.about-item-minimg img {
    width: 300px;
    height: 240px;
}

.geography {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.geography ul:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

.geography ul li {
    width: 50%;
}

.geography ul li img {
    width: 100%;
}

.geography ul:first-child {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.about-item-climate {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.about-item-climate li {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background: var(--white);
    border-radius: 16px;
}

.about-item-climate li:nth-child(2) {
    flex: 1.3;
    background: var(--whiteGreen);
}

.about-item-climate p {
    text-align: justify;
    text-indent: 2em;
}

.about-item-climate img {
    max-width: 100%;
    height: auto;
}

.natural_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.natural_list .natrual:nth-child(odd) .nature_text {
    background: var(--white);
    border-radius: 0 16px 16px 0;
}

.natural_list .natrual:nth-child(even) .nature_text {
    background: var(--whiteGreen);
    border-radius: 16px 0 0 16px;
}

.natrual {
    display: flex;
    flex-direction: row;
    border-radius: 16px;
}

.natrual img {
    max-width: 100%;
    height: auto;
}

.nature_text {
    display: flex;
    flex-direction: column;
    padding: 32px;
    gap: 12px;
    background: var(--white);
}

.nature_text p {
    text-indent: 2em;
}

.tourist {
    display: grid;
    grid-template-columns: 4fr 1fr;
}

.tourist_text {
    padding: 32px;
    background: var(--white);
    border-radius: 16px 0 0 16px;
}

.tourist_img {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tourist_img li:last-child img,
.tourist_img li:last-child h2 {
    border-radius: 0 0 16px 0;
}

.tourist_img li {
    position: relative;
}

.tourist_img li h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    color: var(--white);
    font: normal 400 1.2em '微软雅黑';
}

.tourist_text p {
    text-indent: 2em;
    text-align: justify;
}

.about-item-property {
    width: 100%;
    display: flex;
    margin-bottom: 50px;
}

.property-img {
    width: 550px;
    height: 360px;
}

.property-img img {
    width: 550px;
    height: 360px;
    border-radius: 32px;
}

.property-text {
    width: calc(100% - 630px);
    padding-left: 80px;
    display: flex;
    align-items: center;
}

.property-text p {
    margin: 30px 0;
    font-size: 16px;
    line-height: 40px;
    text-indent: 2em;
    color: var(--grey);
}

.property-text a {
    padding: 0 30px;
    line-height: 64px;
    color: var(--white);
    font-size: 20px;
    background: linear-gradient(90deg, #07bea0, #008791, #ca0133, #f60, #07bea0);
    background-size: 400%;
    border-radius: 32px;
    display: inline-block;
    transition: all .3s;
}

.property-text a:hover {
    animation: sun 12s infinite;
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    /* box-shadow: 0px 24px 48px rgba(0, 111, 118, 0.25); */
}

@keyframes sun {
    100% {
        background-position: -400% 0;
    }
}

.property-text a img {
    width: 34px;
    height: 18px;
    margin-left: 5px;
}

/*洛川产业*/
.about-banner2 {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 50px;
    height: 600px;
    background: url(../images/about-banner2.png) top center no-repeat;
}

.about-banner2 ul {
    width: 1200px;
    margin: 0 auto;
    padding-top: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-banner2 ul li {
    width: calc(16.66% - 20px);
    margin-right: 24px;
    text-align: center;
    height: 120px;
    background: var(--white);
    border-radius: 8px;
    transition: .5s;
    -webkit-transition: .5s;
}

.about-banner2 ul li:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 8px 16px rgb(29 29 31 / 5%);
}

.about-banner2 ul li:last-child {
    margin-right: 0;
}

.about-banner2 ul li img {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    margin-top: 25px;
}

.about-banner2 ul li p {
    margin-top: 4px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--black);
    font-family: "微软雅黑";
}

.about-develop {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-develop .develop-item:nth-child(odd) {
    background: var(--whiteGreen);
}

.about-develop .develop-item:nth-child(even) {
    background: var(--white);
}

.develop-par {
    line-height: 32px;
    text-indent: 2em;
    color: var(--grey);
    font-weight: bold;
    margin-bottom: 12px;
}

.develop-ul {
    width: 100%;
    display: flex;
    align-items: center;
}

.develop-ul li {
    width: 300px;
    height: 400px;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
}

.develop-ul li:hover {
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
    box-shadow: 0 8px 16px rgb(29 29 31 / 5%);
}

.develop-ul li:nth-child(1) {
    background: url(../images/develop-img1.jpg) no-repeat;
    border-radius: 16px 0 0 16px;
}

.develop-ul li:nth-child(2) {
    background: url(../images/develop-img2.jpg) no-repeat;
}

.develop-ul li:nth-child(3) {
    background: url(../images/develop-img3.jpg) no-repeat;
}

.develop-ul li:nth-child(4) {
    background: url(../images/develop-img4.jpg) no-repeat;
    border-radius: 0 16px 16px 0;
}

.develop-ul-num {
    width: 87px;
    height: 65px;
    margin: 88px auto 90px auto;
    text-align: center;
}

.develop-ul-num img {
    width: 87px;
    height: 65px;
    margin: 0 auto;
}

.develop-ul-text {
    text-align: center;
    width: 100%;
}

.develop-ul-text h2 {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: var(--white);
    margin-bottom: 5px;
}

.develop-ul-text p {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: var(--halfwhite);
}

.develop-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--white);
    border-radius: 16px;
}

.develop-item-img {
    width: 400px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
}

.develop-item-img img {
    width: 100%;
    overflow: hidden;
    float: left;
    border-radius: 16px;
}

.develop-item-p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: var(--white);
    font-size: 20px;
    background: rgba(29, 29, 31, 0.5);
    border-radius: 0 0 16px 16px;
}

.develop-item-p span {
    color: rgba(255, 255, 255, 0.8);
}

.develop-item-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 32px;
    box-sizing: border-box;
}

.develop-item-text p {
    font-size: 1em;
    line-height: 28px;
    align-items: center;
    color: var(--grey);
    text-align: justify;
    text-indent: 2em;
}

.about-industry {
    width: 100%;
    display: flex;
    margin-bottom: 60px;
}

.industry-img {
    position: relative;
    width: 588px;
}

.industry-img img {
    width: 588px;
    height: 520px;
}

.industry-img a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 40px;
    height: 56px;
    line-height: 56px;
    color: var(--white);
    font-size: 20px;
    background: linear-gradient(90deg, #07bea0, #008791, #ca0133, #f60, #07bea0);
    background-size: 400%;
    border-radius: 28px;
    display: inline-block;
    transition: all .3s;
}

.industry-img a:hover {
    animation: sun 12s infinite;
    transform: translate3d(0, -4px, 0);
    -webkit-transform: translate3d(0, -4px, 0);
    box-shadow: 0px 24px 48px rgba(0, 111, 118, 0.25);
}

@keyframes sun {
    100% {
        background-position: -400% 0;
    }
}

.industry-img a img {
    width: 34px;
    height: 18px;
    margin-left: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.industry-text {
    width: calc(100% - 650px);
    margin-left: 60px;
}

.industry-text-tit {
    margin-top: 60px;
    width: 100%;
}

.industry-text-tit p {
    font-size: 12px;
    line-height: 19px;
    color: var(--grey);
}

.industry-text-tit h2 {
    font-size: 24px;
    line-height: 33px;
    color: var(--black);
}

.industry-text-par {
    margin-top: 24px;
    font-weight: bolder;
    font-size: 16px;
    line-height: 32px;
    color: var(--grey);
    margin-bottom: 24px;
    text-align: justify;
}

.industry-text-p {
    font-size: 14px;
    line-height: 32px;
    text-indent: 2em;
    color: var(--grey);
    text-align: justify;
}

.industry-item {
    width: 100%;
    height: 600px;
    margin-bottom: 50px;
}

.industry-item.industry-item1 {
    background: url(../images/industry-img2.jpg) top center no-repeat;
}

.industry-item.industry-item2 {
    background: url(../images/industry-img3.jpg) top center no-repeat;
}

.industry-item.industry-item3 {
    background: url(../images/industry-img4.jpg) top center no-repeat;
}

.industry-item-box {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.industry-item-dl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 64px;
}

.industry-item-dl dt {
    width: 390px;
    height: 200px;
    position: relative;
}

.industry-item-dl dt img {
    width: 390px;
    height: 200px;
    border-radius: 16px;
}

.industry-item-dl dt .industry-item-dt {
    position: absolute;
    left: 24px;
    top: 74px;
    z-index: 2;
}

.industry-item-dl dt .industry-item-dt h2 {
    font-weight: bolder;
    font-size: 20px;
    line-height: 33px;
    color: var(--white);
}

.industry-item-dl dt .industry-item-dt p {
    font-size: 13px;
    line-height: 19px;
    color: var(--white);
}

.industry-item-dl dd {
    width: calc(100% - 406px);
    margin-left: 16px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgba(55, 46, 46, 0.3);
    backdrop-filter: blur(25.5px);
    border-radius: 16px;
}

.industry-item-dl dd p {
    width: 50%;
    padding: 24px;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
    color: var(--white);
    text-align: justify;
}

.industry-item-text {
    width: 390px;
    height: 300px;
    margin-top: 163px;
    background: rgba(29, 29, 31, 0.6);
    opacity: 0.9;
    backdrop-filter: blur(58px);
    border-radius: 16px;
}

.industry-item-text-top {
    padding-left: 24px;
    padding-top: 74px;
}

.industry-item-text-top h2 {
    font-weight: bolder;
    font-size: 20px;
    line-height: 33px;
    color: var(--white);
}

.industry-item-text-top p {
    font-size: 13px;
    line-height: 19px;
    color: var(--white);
}

.industry-item-box2 {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.industry-item-text2 {
    margin-top: 163px;
    height: 300px;
    width: calc(100% - 406px);
    margin-left: 16px;
    background: rgba(29, 29, 31, 0.6);
    opacity: 0.9;
    backdrop-filter: blur(58px);
    border-radius: 16px;
}

.industry-item-text2 .par,
.industry-item-text .par {
    padding-top: 37px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
    color: var(--white);
}

.industry-item-box .par2 {
    padding-top: 37px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    line-height: 32px;
    text-indent: 2em;
    color: var(--white);
}

.industry-item-text3 {
    margin-left: 406px;
    padding-left: 24px;

}

/******商城******/
/*个人中心*/
.main-shop {
    width: 100%;
    padding-top: 100px;
}

.user-box {
    width: 1200px;
    margin: 20px auto;
    display: flex;
}

.user-left {
    width: 130px;
    padding: 15px;
    height: 700px;
    background: var(--white);
    border-radius: 100px 100px 0 0;
}

.user-info {
    padding-bottom: 15px;
    border-bottom: 1px dashed var(--whitedf);
}

.user-info dt {
    width: 130px;
    height: 130px;
}

.user-info dt img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}

.user-info dd {
    width: 100%;
    padding-top: 12px;
}

.user-info dd h2 {
    font-size: 16px;
    text-align: center;
}

.user-menu {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.user-menu li {
    padding: 15px 5px;
    border-radius: 5px;
    font-size: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(0, 111, 118, 0.1);
}

.user-menu li:hover {
    background: rgba(0, 111, 118, 0.2);
}

.user-menu li .user-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.user-menu li .user-arr {
    width: 16px;
    height: 16px;
    margin-left: 2px;
}

.user-right {
    width: calc(100% - 230px);
    margin-left: 30px;
    padding: 20px;
    background: var(--white);
    min-height: 700px;
    border-radius: 15px;
}

.user-right-box {
    width: 100%;
    /*  height: 700px;
    overflow-y: auto;*/
}

.myOrder {
    width: 100%;
}

.user-order {
    height: 40px;
    padding-bottom: 2px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
}

.user-order:before {
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--brand);
    opacity: 0.3;
    content: '';
    width: 100%;
    height: 2px;
}

.user-order li {
    width: 120px;
    color: var(--brand);
    font-size: 15px;
    line-height: 40px;
    background: transparent;
    text-align: center;
    border-bottom: 1px solid transparent;
    margin-right: 10px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.user-order li.active {
    font-weight: bold;
    background: var(--greenBG);
    border-bottom: 1px solid var(--brand);
    border-radius: 8px;
}

.user-order li span {
    position: relative;
}

.user-order li span em {
    position: absolute;
    right: -20px;
    top: -5px;
    font-size: 12px;
    display: inline-block;
    padding: 0 4px;
    height: 16px;
    line-height: 16px;
    border-radius: 10px;
    background: var(--lightRed);
    font-weight: normal;
    color: var(--white);
    transform: scale(0.9);
}

.order-box {
    margin-top: 10px;
    border: 1px solid var(--whitedf);
}

.order-tit {
    width: 100%;
    display: flex;
}

.order-tit li {
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bolder;
    text-align: center;
    background: var(--whitedf);
}

.order-tit li:nth-child(1) {
    width: 30%;
}

.order-tit li:nth-child(2) {
    width: 7%;
}

.order-tit li:nth-child(3) {
    width: 7%;
}

.order-tit li:nth-child(4) {
    width: 8%;
}

.order-tit li:nth-child(5) {
    width: 15%;
}

.order-tit li:nth-child(6) {
    width: 18%;
}

.order-tit li:nth-child(7) {
    width: 15%;
}

.order-time {
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid var(--whitedf);
    border-bottom: 1px solid var(--whitedf);
}

.order-time span {
    padding-left: 15px;
    padding-right: 5px;
}

.order-time span.f-fr {
    color: var(--lightRed);
}

.order-info {
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.order-info-left {
    width: 44%;
    box-sizing: border-box;
    border-right: 1px solid var(--whitedf);
}

.order-info-left .order-info-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--whitedf);
}

.order-info-left .order-info-item:last-child {
    border-bottom: 0;
}

.order-info-item .order-info-img {
    width: 68%;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
}

.order-info-item .order-info-img dt {
    width: 100px;
    height: 100px;
    background: var(--whitedf);
    margin-right: 10px;
}

.order-info-item .order-info-img dt img {
    width: 100px;
    height: 100px;
}

.order-info-item .order-info-img dd {
    width: calc(100% - 110px);
}

.order-info-item .order-info-img dd p {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.6;
}

.order-info-item .order-info-num {
    width: 16%;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

.order-info-right {
    width: 56%;
    display: flex;
}

.order-info-right .order-zs {
    width: 16%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.order-info-right .order-zs p {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.order-info-right .order-zs p em {
    color: var(--lightRed);
    font-size: 15px;
    padding: 0 1px;
}

.order-info-right .order-total {
    width: 27%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.order-info-right .order-total p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: var(--lightRed);
}

.order-info-right .order-total p em {
    font-weight: bolder;
    font-size: 16px;
}

.order-info-right .order-total span {
    font-size: 13px;
    color: var(--grey999);
}

.order-info-right .order-state {
    width: 32%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.order-info-right .order-state p {
    font-size: 14px;
}

.order-info-right .order-operation {
    width: 27%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.order-info-right .order-operation a {
    display: inline-block;
    padding: 3px 10px;
    line-height: 20px;
    text-align: center;
    color: var(--white);
    background: var(--lightRed);
    border-radius: 3px;
    font-size: 13px;
}

.order-info-right .order-operation a:hover {
    opacity: 0.9;
}

/*我的地址*/
.myAddress {
    width: 100%;
}

.user-tit {

    line-height: 30px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: -5px;
    border-bottom: 2px solid rgba(0, 111, 118, 0.3);
}

.user-tit h2 {
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bolder;
    color: var(--brand);
}

.user-tit h2:before {
    position: absolute;
    left: 0;
    top: 7px;
    content: '';
    width: 5px;
    height: 18px;
    background: var(--brand);
    border-radius: 3px;
}

.address-list {
    width: 100%;
}

.address-list .oc-add-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.address-list .oc-add-box li {
    width: calc(33.33% - 44px);
    margin: 5px;
    padding: 15px;
    background-color: var(--whitef9);
    border-radius: 16px;
    border: 2px solid var(--white);
    transition: 0.5s;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 135px;
}

.address-list .oc-add-box:nth-of-type(4n+0) {
    margin-right: 0;
}

.address-list .oc-add-box li:hover {
    border: 2px dashed var(--lightRed);
}

.address-list .oc-add-box li h2 {
    font-size: 16px;
    line-height: 25px;
}

.address-list .oc-add-box li h2 span {
    font-size: 14px;
    margin-left: 5px;
}

.address-list .oc-add-box li h3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
}

.address-frame {
    padding: 20px;
    width: 500px;
    background: var(--whitefa);
    border: 1px solid var(--greyddd);
}

.address-frame-item {
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.address-frame-item .address-btn {
    width: 150px;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background: var(--brand);
    color: var(--white);
    text-align: center;
    letter-spacing: 1px;
    box-shadow: 0px 14px 28px rgb(0 111 118 / 25%);

}

.address-frame-item input.input-check {
    transform: scale(1.2);
    margin-right: 6px;
}

.address-frame-item span {
    width: 76px;
    font-size: 14px;
    margin-right: 14px;
    text-align: justify;
    text-justify: distribute-all-lines;
    /*ie6-8*/
    text-align-last: justify;
}

.address-frame-input {
    width: calc(100% - 90px);
}

.address-frame-input input {
    width: 230px;
    padding: 5px 10px;
    box-sizing: border-box;
    color: var(--grey);
    font-size: 14px;
    line-height: 40px;
    border: 1px solid var(--whitedf);
    border-radius: 3px;
    height: 40px;
}

.address-province {
    width: calc(100% - 90px);
}

.address-province textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    color: var(--grey);
    font-size: 15px;
    line-height: 20px;
    border: 1px solid var(--whitedf);
    border-radius: 3px;
    height: 80px;
}







/*我的足迹*/
.myHistory {
    width: 100%;
}

.history-list {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--whitedf);
    margin-bottom: 10px;
}

.history-time {
    line-height: 20px;
    padding: 10px;
    font-size: 14px;
    font-weight: bolder;
    border-bottom: 1px solid var(--whitedf);
    background: var(--whitef5);
}

.history-time span {
    padding: 0 5px;
    cursor: pointer;
}

.history-time span img {
    width: 20px;
    height: 20px;
}

.history-time p {
    display: flex;
    align-items: center;
}

.history-time p img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.history-list-item {
    width: 100%;
    padding-top: 15px;
}

.history-list-item .history-list-dl {
    float: left;
    width: 33.33%;
    padding: 15px;
    padding-top: 0;
    box-sizing: border-box;
    display: flex;
}

.history-list-item .history-list-dl dt {
    width: 120px;
    height: 120px;
    background: var(--whitef5);
    margin-right: 10px;
}

.history-list-item .history-list-dl dt img {
    width: 120px;
    height: 120px;
}

.history-list-item .history-list-dl dd {
    width: calc(100% - 130px);
}

.history-list-item .history-list-dl dd h2 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.history-list-item .history-list-dl dd h3 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    color: var(--grey999);
    margin-bottom: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.history-list-item .history-list-dl dd p {
    font-size: 14px;
    color: var(--lightRed);
}

.history-list-item .history-list-dl dd p em {
    font-size: 16px;
    font-weight: bolder;
}






.shop-order-check {
    background: var(--white);
    margin: 10px auto;
    border-radius: 16px;
    padding: 10px;
}

.shop-order-check .oc-title {
    font-size: 18px;
    padding-left: 15px;
    margin: 10px 0 5px 10px;
    position: relative;
}

.shop-order-check .oc-title:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: '';
    width: 5px;
    height: 20px;
    background: var(--lightRed);
    border-radius: 5px;
}

.shop-order-check .oc-add-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.shop-order-check .oc-add-box li {
    width: calc((100% - 176px) / 4);
    margin: 5px;
    padding: 15px;
    background-color: var(--whitefa);
    border-radius: 16px;
    border: 2px solid var(--white);
    transition: 0.5s;
    cursor: pointer;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 135px;
}

.shop-order-check .oc-add-box:nth-of-type(4n+0) {
    margin-right: 0;
}

.shop-order-check .oc-add-box li:hover {
    border: 2px dashed var(--lightRed);
}

.shop-order-check .oc-add-box li h2 {
    font-size: 16px;
    line-height: 25px;
}

.shop-order-check .oc-add-box li h2 span {
    font-size: 14px;
    margin-left: 5px;
}

.shop-order-check .oc-add-box li h3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
}

.oc-toos {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.oc-toos a {
    font-size: 13px;
    padding: 5px 9px 5px 6px;
    border-radius: 5px;
    color: var(--white);
    margin-left: 10px;
    display: flex;
    align-items: center;
    background: var(--brand);
}

.oc-toos a img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
}

.oc-toos .del {
    background: rgba(0, 111, 118, 0.3);
}

.shop-order-check .active {
    border: 2px dashed var(--deeppink) !important;
}

.add_address {
    font-size: 18px;
    text-align: center;
    line-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_address img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
}

.add_address_box {
    background-color: var(--whitefa);
    padding: 15px;
    margin: 0px 5px;
    border-radius: 16px;
}

.add_address_box h1 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}

.add_address_box input {
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--whitee5);
}

.add_address_box select {
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid var(--whitee5);
    margin-right: 10px;
    min-width: 198px;
}

.add_address_box .in-line {
    display: flex;
    justify-content: flex-start;
    margin: 10px 0;
    line-height: 40px;
}

.add_address_box .in-line label {
    display: block;
    font-size: 16px;
    margin-right: 10px;
}

.order-bt-r {
    font-size: 16px;
    text-align: right;
    margin: 10px;
    line-height: 30px;
    margin-top: 30px;
}

.order-bt-r div {
    margin-top: 5px;
}

.spay {
    color: var(--lightRed);
}

.spay span {
    font-size: 20px;
    font-weight: bolder;
}

.oc-pay-line {
    display: flex;
    margin: 15px 0;
}

.oc-pay-line label {
    font-size: 16px;
    line-height: 40px;
}

.oc-pay-line input {
    width: calc(100% - 112px)
}

.oc-pay-line a {
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 5px;
    margin-right: 10px;
    color: var(--white);
    background-color: rgba(0, 111, 118, 0.3);
    border: 1px solid rgba(0, 111, 118, 0.35);
    line-height: 30px;
}

.oc-pay-line .selected {
    background: rgba(0, 111, 118, 1);
    border: 1px solid rgba(0, 111, 118, 1);
    color: var(--white);
}

.pay-btn {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    border-radius: 5px;
    padding: 0 50px;
    color: var(--white);
    background: var(--brand);
    margin-top: 10px;
    display: inline-block;
}

.pay-btn:hover {
    color: var(--white);
    opacity: 0.9;
}

.enpty-box {
    text-align: center;
    margin-top: 10%;
}

.enpty-box p {
    text-align: center;
    font-size: 18px;
    color: var(--whitebd);
}

.enpty-box p a {
    font-size: 18px;
    padding: 10px 30px;
}

/*这是果投公司*/
.gt_company_main {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.gt_company_main img {
    border-radius: 8px 0 0 8px;
}

.gt_company_main p {
    text-align: justify;
    text-indent: 2em;
}

.gt_company_main h2 {
    font: normal 400 1.5em '微软雅黑';
    color: var(--text);
}

.gt_introduce {
    display: flex;
    flex-direction: row;
}

.gt_introduce>div {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: var(--white);
    gap: 12px;
    border-radius: 0 8px 8px 0;
}

.gt_wish {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px;
    background: var(--boxLinear);
    filter: var(--boxShadow);
    border-radius: 8px;
}

.gt_wish>ul {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.gt_wish>ul li:not(:first-child) {
    border-left: 1px solid var(--greyddd);
    padding-left: 12px;
}

.gt_mission {
    display: flex;
    flex-direction: row;
}

.gt_mission>div {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: var(--black);
    border-radius: 0 8px 8px 0;
    width: 100%;
}

.gt_mission>div h2 {
    color: var(--white);
}

.gt_mission>div p {
    text-indent: 0;
    color: var(--white);
    opacity: 0.7;
}

.gt_mission_text_list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.gt_idea {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.gt_idea>ul {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}

.gt_idea>ul li {
    width: 21%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--boxLinear);
    filter: var(--boxShadow);
    border-radius: 8px;
}

.gt_idea>ul li:nth-child(even) {
    background: var(--boxLinearGreen);
}

.apple_expo_hall {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.apple_expo_hall h2 {
    font: normal 400 1.5em '微软雅黑';
    color: var(--text);
}

.apple_expo_hall p {
    text-indent: 2em;
    text-align: justify;
}

.apple_expo_hall_item {
    display: flex;
    flex-direction: row;
}

.apple_expo_hall img:nth-child(even) {
    border-radius: 0 8px 8px 0 !important;
}

.apple_expo_hall img:nth-child(odd) {
    border-radius: 8px 0 0 8px !important;
}

.apple_expo_hall_item>div {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: var(--white);
    border-radius: 8px 0 0 8px;
}

.apple_expo_hall_item>div:nth-child(even) {
    background: var(--whiteGreen);
    border-radius: 0 8px 8px 0;
}








.gt .jj {
    width: 1000px;
    height: 213px;
}

.gt01 {
    float: left;
    border-radius: 8px;
}

.gt li .gt-text1 {
    float: right;
}

.gt li .gt-text1 p {
    width: 552px;
    font-size: 16px;
    color: var(--grey);
    line-height: 32px;
    text-indent: 2em;
}

.gt li .gt-text1 h2 {
    font-size: 20px;
    color: var(--black);
    margin-bottom: 16px;
}

.gt li .gt-text1 h2 span {
    color: var(--text);
}

.gt .yj {
    height: 337px;
    width: 1000px;
    margin-top: 24px;
    position: relative;
}

.gt .yj h2 {
    font-size: 20px;
    color: var(--black);
    margin-bottom: 16px;
}

.gt .yj div span {
    display: inline-block;
    color: var(--text);
    font-size: 16px;
    font-weight: 700;
}

.gt .yj div p {
    width: 400px;
    font-size: 16px;
    color: var(--grey);
    line-height: 32px;
    margin: 8px 0 16px 0;
}

.gt02 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.sm {
    margin-top: 48px;
    width: 1000px;
    height: 448px;
    background-image: url(../images/gt03.png);
    background-repeat: no-repeat;
    border-radius: 8px;
}

.sm div {
    float: right;
    width: 552px;
    height: 100%;
    background: rgba(29, 29, 31, 0.6);
    backdrop-filter: blur(58px);
    border-radius: 8px;
    padding: 24px;
    box-sizing: border-box;
}

.sm div h2 {
    font-size: 20px;
    color: var(--white);
    margin-bottom: 16px;
}

.sm div p {
    width: 100%;
    font-size: 16px;
    color: var(--white);
    line-height: 40px;
    opacity: 0.8;
    margin-top: 16px;
}

.jzg {
    margin: 24px 0;
}

.jzgl {
    background: var(--white);
    float: left;
    width: 418px;
    height: 376px;
    background-image: url(../images/gt04.png);
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 24px 16px;
    box-sizing: border-box;
}

.jzg h2 {
    font-size: 20px;
    color: var(--black);
}

.jzg p {
    width: 100%;
    font-size: 14px;
    color: var(--grey);
    line-height: 2em;
    margin-top: 24px;
}

.jzgr {
    background: var(--white);
    float: right;
    width: 566px;
    height: 376px;
    background-image: url(../images/gt05.png);
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 24px 16px;
    box-sizing: border-box;
}

.service h2 {
    font-size: 20px;
    color: var(--black);
}

.service p {
    width: 100%;
    font-size: 14px;
    color: var(--grey);
    line-height: 2em;
    margin-top: 24px;
}

.service .sl {
    background: var(--white);
    float: left;
    width: 566px;
    height: 376px;
    background-image: url(../images/gt06.png);
    background-repeat: no-repeat;
    padding: 24px 16px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 24px;
}

.service .sr {
    background: var(--white);
    float: right;
    width: 418px;
    height: 376px;
    background-image: url(../images/gt07.png);
    background-repeat: no-repeat;
    padding: 24px 16px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-top: 24px;
}

/*果投公司简介结束*/
.ruzhu-map {
    width: 100%;
    height: 100%;
}

/*2023-02-27*/
/* 漂浮广告 */
.floatingAd .ad {
    z-index: 100;
    background: none;
    position: absolute;
    display: none;
}

.floatingAd a {
    color: var(--black);
    display: inline-block;
    text-decoration: none;
}

.floatingAd a img {
    border: 0;
    border-radius: 15px;
}

.floatingAd .close {
    display: none;
}

.floatingAd .opacity {
    position: absolute;
    top: 0;
    width: 100%;
    height: 25px;
    /*border-radius: 15px 15px 0 0;
    background: rgba(0,0,0,0.5);*/
}

.opacity1 {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.floatingAd .text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 25px;
    color: var(--black);
    line-height: 25px;
}

.floatingAd .text .button {
    position: relative;
    float: right;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: url("../images/close.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
    border: 0;
    border-radius: 0;
}

.floatingAd .text .title {
    position: relative;
    float: left;
    font-size: 12px;
    margin-left: 5px;
}

.special-box {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 40px 0;
}

.special-box li img {
    max-width: 100%;
    height: auto;
}

.dj-box2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 40px;
}

.dj-box2 .dj-ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dj-box2 .dj-ul li {
    font: normal 400 1.25rem '微软雅黑';
    color: var(--black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed var(--whitee5);
    position: relative;
    padding: 0 1rem;
    line-height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.dj-box2 .dj-ul li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 22px;
    width: 5px;
    height: 5px;
    background: var(--brand);
    border-radius: 5px;
}

.dj-box2 .dj-ul li a {
    color: var(--black);
    transition: all 0.5s;
}

.dj-box2 .dj-ul li a:hover {
    color: var(--brand);
}

.dj-box2 .dj-ul li .date {
    font: normal 400 1rem '微软雅黑';
    color: var(--grey999) !important;
    position: absolute;
    right: 0;
    line-height: 50px;
}

.swiper-container {
    width: 100%;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    width: 510px;
    height: 310px;
    box-sizing: border-box;
    border: 8px solid var(--white237);
    border-radius: 8px;
}

.swiper-slide a {
    color: var(--white);
    font-size: 16px;
    text-decoration: none;
    display: block;
    text-align: center;
    height: 100%;
}

.swiper-slide h1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 0;
    margin: 0;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: var(--white);
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    border-radius: 0 0 8px 8px;
}

.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: var(--whitef9);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mui-bar-nav {
    top: 0;
}

.t-line {
    position: relative;
}

.t-line:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}

.b-line {
    position: relative;
}

.b-line:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(207, 207, 207, 0.95);
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.501);
    transform: scaleY(0.501);
}

.mui-title {
    font-size: 17px;
    font-weight: normal;
    line-height: 44px;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: var(--black);
}

.mui-bar .mui-title {
    right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
}

.mui-title-text {
    text-align: center;
    color: var(--gery89d);
    font-size: 14px;
}

.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
}

.mui-bar-tab .aui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--grey70);
    text-decoration: none;
}

.mui-icon {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.mui-bar .mui-icon {
    font-size: 24px;
    position: relative;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mui-bar-tab .aui-tab-item .mui-icon {
    top: 4px;
    width: 19px;
    height: 19px;
    padding-top: 0;
    padding-bottom: 0;
}

.mui-bar-tab .aui-tab-item .mui-icon~.mui-tab-label {
    font-size: 12px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;

}

.mui-icon-home {
    background-image: url('data:image/png;base64,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');
    background-size: 19px;
    background-repeat: no-repeat;
}

.mui-icon-extra-class {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTgyQ0NFRkQyODkwMTFFN0E4NzVFRTg5MkVFRjFGQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTgyQ0NFRkUyODkwMTFFN0E4NzVFRTg5MkVFRjFGQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODJDQ0VGQjI4OTAxMUU3QTg3NUVFODkyRUVGMUZDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODJDQ0VGQzI4OTAxMUU3QTg3NUVFODkyRUVGMUZDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppal3XsAAAnHSURBVHja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');

    background-size: 19px;
    background-repeat: no-repeat;
}

.mui-icon-extra-cart {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI5MDQ3NkUyODkxMTFFN0E4NzVFRTg5MkVFRjFGQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI5MDQ3NkYyODkxMTFFN0E4NzVFRTg5MkVFRjFGQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QjkwNDc2QzI4OTExMUU3QTg3NUVFODkyRUVGMUZDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QjkwNDc2RDI4OTExMUU3QTg3NUVFODkyRUVGMUZDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsRIaaYAAAUASURBVHja7J37i0xhGMffY2etSy7Jat0jRck9l/IPSCm3UCQ/oFySQckvJJJCK7Qb+4PkGr8oilIirEtyDckt112XxFrszYzvY9+jaex5z/vOzpnzHvN869sw7zsz53zmnec8z3vePcdJJpOCFbzaMAIGzaBZDNpaxVr7BvF4PK8BlpaW8oiO/IjGKO6Oh9FwfZ7xKoCr4edwXSCgAXcYHpbA0+ASHqPiClwOH9bp7PgVLADcVwJe5ziO4ALnH10i4IjVRzMGDchDJeRlzNNXSwG73PhgCMglDNlIZWC2KJOsgyGbax9gj9MGjc4D8bCeuWWkJdoxGqAJ8kbFm1EG8hn+lYcgC+HXPn2KEa8/6aR34xVvMghv8izPK0PKpxfCez3ap8D7dWL0SMWHvODoIBLwXUV7P92CxasgWYTRnNBK0JFzu4pC7u1ur8G2NphMbbQxzEaSAWxwVOUo2pIm6R0ri2LQ/wNohI8+cCS+TGxne7h7ZEBjY3viYSV8TOablGuvgjtZyngsvA3+AX+Uadkk20FTWvgOptMOs1Oe3wHXwCMsgzwPvgGvSXluAXxGDhYrQXeDb/v0uSMrKxu0HD6oaKfBsthG0LM0+823ADKFsd0a/ajy628b6Lma/eZYUD7XGPSfYBvorpr92lpcaLSk9raBvqjZ71rIoE1nHG/ZBnqvZr+KsFNmud868+2b4Xu2gb6vcUCklO+pDfWJ5sGw3NY8+gQ8Q9HeZFEO/QU+q2jvIWsCa0vwJ1nITJqPWo4TJOghigpwi6wSrZ7roBBS5tE23ZJSnL7BmYr2h9n+wFhAO6I6gCzQjI9BQvY7eXHd9rkOV5WKtl1w7xBB++3z2iAO2EGBpvCxWtH+Bi4KfOgixrcQ5wf7vOxqGN9ua3TOp71O5P7EQzH84H8DTaN6nkaVlivYHeEPGplIU9RAk85rlsRBT512hmt9+tBk1+OwDgytVZVQTPanxM8GOeKyW/4lkwXwKPzzq0b302EegbOV6q3wAJH631r50y3K0n51lGFAZ1KoC/w96qBJezT7PZIHSVrAU4QvIma4LzQF206Go1rN6pLOGdYEDSCWI9DujFnCIOS46gV/ku/h2i08XIoU439o/GrSNRG+aUPyHgRs01WR72QMb5Sh4Jd0k3yu0QuyQltF8ymqSluqpCBg7xTN06UXQqoMN8Hb4Ve5/NBYSDt7HL4Mvw3hszcIjTWEUR/R6SGhIIefVyj3N5TVl2Ev10rIbWgXcLFSKGN6aEtcbVgXRztfL7elg8jeH4u6gL8JC87sxIQ9IuA/pd18uK3cxmqf17pL0Rrll1YX5ui1HXSq3LQtPb4WpvwKkzLNaxR2nYuMFOh0NaXMiURSvBCdQTNoFoNm0AyaETBoBs1i0AyaQbMYNINmMWgGzaBZDJpBsxg0g2bQLclr1afDyP5KtZzB0QX93uP5ing8zr+CZqkuh5HQBa26ZM8AZvyHm+r6UP+sVPVa10GLsyd7tD3FqKa1xQ3CstVAOZLO1XZP6YI+KdTXs3jJg9pTB9IvaewZOtCRQscmZpaRyk3TO3pBGXMz0mIM0utGoPGCKoZtJLprhedljIzuw8IsWxT9iQjdh+WIqpOje51nAB8ugU8VfGchUqUEfEins5PJBbXlvbLGiPy9Vxbd46BOhlgRGOg06Hk9rPk2e5bJ4ZuM5a5mZzFoBs0y1G8BBgApkz71KjxHxwAAAABJRU5ErkJggg==');
    background-size: 19px;
    background-repeat: no-repeat;
}

.mui-icon-extra-people {
    background-image: url('data:image/png;base64,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');
    background-size: 19px;
    background-repeat: no-repeat;
}

.mui-icon-extra-news {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAIMElEQVR4Xu2djZHVNhCA5QoSKshRQY4K4CoAKgAqYF8FgQrOVBCoIFBBoIJABYEKclSgzPdGfuPzaSWt/89+mmGGufPZ0qfVav9kV25FTUQuqqr6zTl36b3/1Tn3pNW9S+ccP2u3G+fc19YPPldVdfyZ9/5HXdff1zK8asmOiMhlVVWPvfcABeTFyP0BNPAB/6Wu6/akjPyo9O1mBw1c59wL59yzCcDm4AH+o3Puw9zQZwEtIiz51865lwvA1eAD/b1z7l1d16ibSdukoEUElYD0AnjNDeBI+eepOjkJaDY159yfnc2s7xi+OedyEseK+b3vA1p/h1o5TLGJjgo6AP6jpwT/YOMKVgSb1nfrgMPzmWT2Af6xorBirA0Jf2t9fuoho4E+HA6vvfdvIiZY6vmfwub0cSo9GfYHNl7+PTUQv6mq6s319fU7w9+olw4G3UNNfAmb0GRwtdG2oLNnPC4EyCp7NVS6B4EWEaQEXdx1JLpj+Bkk983QDhfCyV4WBIQVyGada+wRwEaH92q9QYsIupiO5toHrlsL4G5njcAZx9vcgGO/N4MOy++vAosC/StrBawArwv0OFKNdOcsoVuPMIEOkP8OO7o2saiJl0OWWR+JGetvgjrE6vglcU+soisL7GLQhZCRYiCbZnssSGPdJ4wV2CkrxQS7CHQhZAx9lt5mmoiIc+56DMkuBY1OxsKINVTFsynd1yVnLoQR0MuaKsFMfZ7rYxa0iGC+abEKID+ZOxKWG9TYvw8RR+xpDfb7uq5fpZ6bBC0iAAa0Jsmbh9wMvAA2lgh6PdpU0MG+/EdxRnYhyRETkPiJJtkYAI80czYFGsjcONa44WLZirFVg+V+QbJhE2tf67p+FPtFFLSI4PHh+cVacolYOn1fr82oVKJ+dzzmO6AzKoPg+NqD+LPMn4hgicTsbFTIw64vEQONQo8FWogXX953Z2SsWQi+BeozFu++I5C3QAdp/lfpDC7nZKmesQDMeZ9gYxOSiDWk+lTu0AWtSfOnuq41h2XOsa3uWSKC8MVi27ek+gQ6I823Zmd1o12wQxluDxpV2watWRrnDTAzkSKiaYKTBdIGjW6OVQqdpTkPGn8jZluTYH7Inx9BJ4xwyqja9W8LLtJ1Pzqhq4/OXQOa8CaVRN22e+ekdHoTTsxRfTSgNXf7pMxLH7jX64Jd/V9k/Ee3vEpccDbpjFKTUB8PAI0Ojhndm8uYGLmZL0/EiK4ArZl1vT3BUPf8i/f+55hRPlZfVVXHGjvv/bcxwwFj9DkltIDWbECzfg4ZZHJsbTMRN5TV0bv4JKg37tsNaNF37t07GTxmnxNq+AOgYy4kxxJM1feZlBdCSB0yyU5TC6Ynqk2rhkoG3FMPm6LPIkJ/uimvLxpok/0cpIIEbq49t0q2iKQSEM3z1IC71qGp+qwI7hE0JklXWqygS2AwZhMQAwzubZrEwgns0+eYhrgBtI/MuhV07B5RYarrOpt5b/4wk+np3j+a2UhI9FR9jkbzNNAmG1qZrDFAax5r7N7FoBOb1hh9NoE+S3QLuXEVqqBJx3TPf1hBa/mzroRYV4oWFYtJnikzn8j5De1z1IrTrA7rppWqd2g6Ti0IOUfTadZCIGbTsaAghn6b+5yyOqKiblku9ChEr9CpsbIpOkyttFrJk9i0sIhYMdpRCI5qUPtndlqm6LNmXCDR2oZjDvi3qufJLwJ8tCMVAQoOT6PmOBZHAat58tqTOmafE2mtd4DW6utMdmnOU9nD7xN2/ytAaxuOWe/tAWbGpde0w1UT+I8Z76YNce+Qwz4V9ZDZ7xrQmnlm1tN7BZ7Qz0eTtgGt6elz8L9QchLHMI4MG9CYULF81yldXvi83V4mIslyjXZdh6Y+emda9kI9YW2QBTrWmLdBa+rjc13XV3uB1mecIkJiIlb/cirX6BY54h7HylDPUq3MQCJPSL70FOfvgj5LtVGkE7r5Vtg2VoiuSfXZU+xMQsLSIPRw0Y6/xEATp4jl/6JHBowCsJnLM0njO0kI7bCQZoEUnRLdDM3EQBI5x2gFgQYaJY4KiYU8d+/EZMoUoio2dc4wpUKwQvZ6zjB1EF8t2s8dUdaiUejr3cHOnC9MnlrLpv6t5+m2qp8zkBl2MmdZAhp9Tbor9gI/1Afez6bVSAHkbMF+FnSIs6Zgb1qNFLykq6iepAh0IWyskUH5uzWpncKXdBWfWCsGXQCbS9g8mWFzRnplkAkQ8Z6SVEVtMeRb0bvSgYaZTqX/763eDmPjrQ658mIT5F6gmwlJlCk0l9yr2MjhcHjhvWdF5t5K2cthM6mOrtRn3hFXtEmUrqSprguAOV6SK7wf9JKuQaCD3tbKFVYLOpyFQYJRETnADJNiHaqhTOVsbeEYDDrAjpUrrA704XB46r1vXnGcUxENp1HGsWnQ4XMjzVcxAFwKt5Fi3ko5ijO2CdCt77dceO+bN6JjolnANhJMzIK36o7qE6wKdNCdLO+SzWns/ZHNDsCTvPZzFaBbnw9hc+ojhUOgH6tSKQ2e0tFaFPTAjy8MgduUE/Oqy1neE7UI6IW+z9LARXJ7n+LtO7uzgg7mFephjpetoBKwGI6fHBnLelg1aIP31Yyj5CM3XNv++lvz/5ulocYmY0qJ5vslFE5avo+FaYXtOove7Cudff5uStCW/kxiu1o6MPW1S4Nmg8K0wny91zHs3EQtCRrVgoOwacDNBCwBetUfwMlJZt/fzwmag5dI8OY2uhL4c4DerCVRAngO1bF5S2Jp0LuxJJYEvStLYgnQBMlX+yk9C5Cprv0fnAVS8zyvulwAAAAASUVORK5CYII=');
    background-size: 19px;
    background-repeat: no-repeat;
}

.mui-active .mui-icon-extra-class {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkI5MDQ3NkEyODkxMTFFN0E4NzVFRTg5MkVFRjFGQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkI5MDQ3NkIyODkxMTFFN0E4NzVFRTg5MkVFRjFGQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODJDQ0VGRjI4OTAxMUU3QTg3NUVFODkyRUVGMUZDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODJDQ0YwMDI4OTAxMUU3QTg3NUVFODkyRUVGMUZDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjQuDCwAAAmDSURBVHja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');

}

.mui-active .mui-tab-label {
    color: var(--lightRed);
}

.mui-sou {
    text-align: center;
    width: 140px;
    margin: 0 auto;
}

.mui-sou img {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.box-line {
    position: relative;
}

.box-line:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    border: 1px solid rgba(207, 207, 207, 0.95);
    border-radius: 5px;
    color: rgba(207, 207, 207, 0.95);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.501);
    transform: scale(0.501);
}

.loginbox {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    white-space: nowrap;
}

.loginbox input {
    all: unset;
    padding: 12px;
    border-radius: 8px;
    background: #f2f3f7;
}

.phoneNumbers {}

.btn_verifyCode_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#code {
    width: 60%;
    margin-right: 10px;
}

#sendCode {
    padding: 0 15px;
    background-color: #2e8ded;
    color: #fff;
    border: none;
    border-radius: 5px;
}

.footer {
    background: var(--black);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1200px;
    margin: 40px auto 0;
}

.footer_logo {
    height: 96px;
}

.footer a,
.footer h2,
.footer p {
    color: var(--white237);
}

.footer p,
.footer a {
    line-height: 1em;
    font: normal 400 1em '微软雅黑';
}

.footer h2 {
    font: normal 400 1.2em '微软雅黑';
}

.footer a {
    text-decoration: underline;
    transition: all 0.3s;
}

.footer a:hover {
    color: var(--brand);
}


.footer_code {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.footer_code li {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.footer_code img {
    width: 140px;
    height: 140px;
}

.gaps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gaps li:first-child {
    margin-bottom: 16px;
}

.footer .copyright {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
}

.copyright p {
    color: var(--grey);
    font-size: 1em;
    text-indent: 0;
}

/*入驻企业弹出框*/
.tk-box {
    width: 866px !important;
    height: calc(100% - 250px) !important;
    top: 130px;
    border-radius: 10px;
    left: 50% !important;
    margin-left: -433px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    position: absolute;
    z-index: 90;
}

.tk-box-close {
    position: absolute;
    z-index: 3;
    top: 7px;
    right: 5px;
    width: 19.2px;
    height: 19.2px;
    padding: 6.4px;
    background: 0 0;
    color: #222;
    transition: background .3s ease-in-out;
    cursor: pointer;
}

.tk-box-close::before,
.tk-box-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 15px;
    height: 1px;
    background-color: #fff;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transition-property: width, left, -webkit-transform;
    transition-property: width, left, -webkit-transform;
    transition-property: width, left, transform;
    transition-property: width, left, transform, -webkit-transform;
}

.tk-box-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tk-box-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tk-box-close::before,
.tk-box-close::after {
    background-color: #222 !important;
}

.tk-box-con {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #242933 !important;
    font: 16px sans-serif;

}

.tk-box-info {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tk-box-title {
    color: #242933;
    padding: 12px 0;
    margin: 0 12px !important;
    flex: none;
    display: flex;
    align-items: center;
    font: 24px '微软雅黑';
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
}

.tk-box-list {
    min-height: 1.5em;
    padding: 0.5em 1em;
    cursor: pointer;
    /*  display: flex;
    align-items: center;
    justify-content: flex-start;*/
    transition: background .1s ease-in-out;
    outline: 0 !important;
    margin-top: 50px;
    overflow: auto;
}

.tk-box-list .top-box2 {
    display: flex;
}

.tk-box-list .top-box2 img {
    height: 95px;
    border-radius: 5px;
    margin-right: 10px;
}

.tk-box-list .top-box2 .r-txr h3 {
    font-size: 16px;
}

.tk-box-list .top-box2 .r-txr h4 {
    font-size: 14px;
    font-weight: inherit;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.tk-box-list .desc-info2 {
    font-size: 14px;
    line-height: 1.6;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    font: normal 400 0.875em '微软雅黑' !important;
}

.tk-box-list .desc-info2 p,
.tk-box-list .desc-info2 p span {
    color: #242933 !important;
    background: none !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: normal !important;
    font-family: "微软雅黑" !important;
}

.tk-box-list .desc-cpbox2 {
    margin: 10px 0;
    font-size: 14px;
    border-radius: 5px;
}

.tk-box-list .desc-cpbox2 p {
    font-size: 18px;
    line-height: 36px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    color: #222 !important;
}

.tk-box-list .desc-cpbox2 p .search-box {
    background-color: #dedfe6;
    border-radius: 8px;
    display: flex;
    height: 40px;
}

.tk-box-list .desc-cpbox2 p .search-box input {
    padding: 0 10px 0 15px;
    line-height: 30px;
    width: 240px;
    color: var(--black);
    font-size: 13px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: none;
    display: inline-block;
}

.tk-box-list .desc-cpbox2 p .search-box input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    font-size: 13px;
    color: #606D71;
}

.tk-box-list .desc-cpbox2 p .search-box input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-size: 13px;
    color: #606D71;
}

.tk-box-list .desc-cpbox2 p .search-box input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-size: 13px;
    color: #606D71;
}

.tk-box-list .desc-cpbox2 p .search-box input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 13px;
    color: #606D71;
}

.tk-box-list .desc-cpbox2 p .search-box input:focus {
    /*border: 1px solid #009688;*/
}

.tk-box-list .desc-cpbox2 ul {
    width: 100%;
}

.tk-box-list .desc-cpbox2 ul li {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: #F2F3F7;
    transition: .5s;
    -webkit-transition: .5s;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 {
    display: flex;
    justify-content: flex-start;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 img {
    width: 78px;
    height: 78px;
    margin-right: 10px;
    border-radius: 5px;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 .left-info2 {
    width: calc(100% - 85px);
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 .left-info2 h4 {
    font: normal 400 1.25em '微软雅黑';
    line-height: 25px;
    color: var(--black);
    margin-bottom: 4px;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 .left-info2 h5 {
    font-size: 14px;
    color: var(--black);
    font-weight: initial;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 .left-info2 .dpshinde {
    display: flex;
    justify-content: space-between;
}

.tk-box-list .desc-cpbox2 ul li .cp-top-box2 .left-info2 .dpshinde span {
    width: calc(100% - 40px);
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}