.zuoimg {
            float: left;
            margin-left: 12px;
        }
        
        .youimg li a:hover i {
            background: url(../images/lan1.svg) center;
            background-size: contain;
        }
        
        .youimg li a:hover {
            color: #05959d !important;
        }
        
        .walout {
            float: right;
            position: relative;
            bottom: 0;
        }
        
        .newspaper {
            display: flex;
        }
        
        .news_zi {
            font-size: 32px;
            font-weight: 500;
            color: #020F1E;
            line-height: 45px;
            position: relative;
        }
        
        .news_zi::before {
            content: '';
            width: 62px;
            height: 5px;
            background: #05959d;
            border-radius: 0px 100px 0px 100px;
            position: absolute;
            bottom: -35%;
            left: 0;
            display: inline-block;
        }
        
        .sort-nav {
            padding-top: 48px;
            /* display: flex; */
            justify-content: space-between;
            line-height: 60px;
        }
        
        .xian {
            width: 100%;
            height: 1px;
            margin-top: -1px;
            margin-bottom: 60px;
            background: #fff;
        }
        
        .sort-nav ul {
            text-align: center;
        }
        
        .sort-nav li {
            display: inline-block;
        }
        
        .sort-nav li a {
            display: block;
            font-size: 16px;
            line-height: 30px;
            color: #343434;
            padding: 5px 30px;
            margin: 0 15px;
            /* border-radius: 20px 20px 20px 0; */
            transition: all 0.5s;
        }
        
        .sort-nav li a:hover,
        .sort-nav li.active a {
            color: #05959d;
            font-weight: 500;
            margin-bottom: 25px;
            /* background: #e93a3a; */
        }
        
        .sort-nav li.active {
            position: relative;
        }
        
        .linder_right>li>a.active {
            border: 1px solid red;
        }
        
        .shangxias {
            display: flex;
            justify-content: space-between;
            padding-bottom: 30px;
            border-bottom: 1px solid #f0f0f0;
            margin-bottom: 30px;
        }
        
        .sort-nav li.active::after {
            content: "";
            width: 64px;
            height: 2px;
            background: #0068bd;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            transition: none;
        }
        
        .index-design-list.row {
            margin: 0;
            /* padding: 0 0 80px 0; */
        }
        
        .index-design-list.row li {
            margin-bottom: 27px;
            /* max-width: 28%; */
        }
        
        .index-design-list.row .col-md-4 {
            margin-bottom: 24px;
            list-style: none;
        }
        
        .index-design-list .list-item {
            display: block;
            overflow: hidden;
            height: 100%;
            position: relative;
            box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);
        }
        
        .index-design-list .list-item i {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0);
            z-index: 2;
            transition: all 0.5s;
            display: none;
        }
        
        .index-design-list .list-item .item-img {
            position: relative;
            z-index: 1;
            text-align: center;
        }
        
        .index-design-list:hover .list-item i {
            background: rgba(0, 0, 0, 0.5);
        }
        
        .index-design-list li:hover .list-item i {
            background: rgba(0, 0, 0, 0);
        }
        
        .index-design-list .list-item:hover {
            -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
            box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
            background: #FFF;
        }
        
        .index-design-list .list-item:hover .item-text {
            background: #05959d;
        }
        
        .index-design-list .list-item:hover .item-text {
            color: #fff;
        }
        
        .index-design-list img {
            width: 100%;
            /* max-height: 285px; */
        }
        
        .youqi {
            width: 276px;
            /* height: 276px; */
        }
        
        .index-design-list .item-text {
            padding: 27px 0 25px 0px
        }
        
        .index-design-list .title {
            text-align: left;
            display: flex;
            justify-content: space-between;
            font-size: 18px;
            line-height: 30px;
            width: 94%;
            margin: auto;
        }
        
        .index-design-list .title span:nth-child(1) {
            display: inline;
            vertical-align: middle;
            font-size: 18px;
            font-weight: 500;
            line-height: 33px;
            color: #494f55;
            margin-right: 24px;
        }
        
        .index-design-list .item-text .intro {
            margin: auto;
            font-size: 14px;
            font-weight: 400;
            line-height: 30px;
            color: #808080;
        }
        
        .jian {
            margin-left: 15px;
        }
        
        .index-design-list .item-text .time {
            height: 20px;
            font-size: 12px;
            font-weight: 400;
            color: #a3aeba;
            line-height: 30px;
            float: right;
        }
        
        .index-design-list .ball {
            width: 100px;
            height: 30px;
            line-height: 30px;
            color: #fff;
            background-color: #05959d;
            border-radius: 0px 20px 20px 0px;
            position: absolute;
            top: 9px;
            left: 0;
        }
        
        .index-web {
            background: #fafafa;
        }
        
        .index-web .index-title {
            padding-top: 70px;
            padding-bottom: 260px;
            background-image: url(../images/reds.png);
        }
        
        #fluid1 {
            margin-bottom: 50px;
        }
        
        .introduce p {
            font-size: 18px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #494F55;
            line-height: 28px;
        }
        
        .introduce {
            margin-bottom: 90px;
        }
        
        #left-lists {
            margin: auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        #left-lists li {
            display: flex;
            align-items: center;
            min-width: 23%;
            max-width: 27%;
            margin-bottom: 56px;
        }
        
        #left-lists .list-num {
            margin-left: 14px;
        }
        
        #left-lists .list-num span {
            font-size: 44px;
            font-family: D-DIN-Bold, D-DIN;
            font-weight: bold;
            color: #0A4AAA;
            line-height: 24px;
        }
        
        #left-lists .list-num strong {
            font-size: 18px;
            font-weight: 500;
            color: #343434;
            line-height: 25px;
        }
        
        #left-lists .list-num p {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #666666;
            line-height: 22px;
        }
        
        #left-lists .list-img i {
            display: inline-block;
            width: 50px;
            height: 50px;
        }
        
        #left-lists .list-img {
            width: 60px;
            height: 60px;
        }
        
        #left-lists .list-img i.icon-about1 {
            width: 60px;
            height: 60px;
            background: url(../images/icon-about1.svg) no-repeat;
            background-size: 100% 100%;
        }
        
        #left-lists .list-img i.icon-about2 {
            width: 60px;
            height: 60px;
            background: url(../images/icon-about2.svg) no-repeat;
            background-size: 100% 100%;
        }
        
        #left-lists .list-img i.icon-about3 {
            width: 60px;
            height: 60px;
            background: url(../images/icon-about3.svg) no-repeat;
            background-size: 100% 100%;
        }
        
        #left-lists .list-img i.icon-about4 {
            width: 60px;
            height: 60px;
            background: url(../images/icon-about4.svg) no-repeat;
            background-size: 100% 100%;
        }
        
        .fluids2 {
            background: #D9EDF7;
        }
        
        .titles2 {
            width: 60px;
            height: 5px;
            background: #05959d;
            margin: 10px auto;
            border-radius: 0px 100px 0px 100px
        }
        
        .educa {
            display: flex;
            flex-wrap: wrap;
        }
        
        .educa1 {
            margin-bottom: 20px;
        }
        
        .educa2 {
            font-size: 24px;
            font-weight: 400;
            color: #333333;
            line-height: 33px;
            margin-bottom: 20px;
        }
        
        .educa3 {
            font-size: 16px;
            font-weight: 400;
            color: #808080;
            line-height: 24px;
            max-width: 390px;
        }
        
        .educa .col-md-4 {
            margin-bottom: 60px;
        }
        
        #conts {
            position: relative;
            width: 100%;
            height: 100%;
            padding-bottom: 180px;
        }
        
        #conts .container {
            position: relative;
            z-index: 1;
        }
        
        #conts::after {
            width: 140%;
            height: 100%;
            position: absolute;
            left: -20%;
            top: 0;
            z-index: 0;
            content: '';
            border-radius: 0 0 40% 40%;
            background: #FFF;
            opacity: 0.49;
        }
        
        #fluid3 {
            padding-right: 0px;
            padding-left: 0px;
            /* margin-top: -60px; */
            position: relative;
        }
        
        .years {
            display: flex;
            background: url(../images/fazhan.jpg) no-repeat;
            background-size: cover;
        }
        
        .years_left {
            position: relative;
            margin-left: 277px;
            float: left;
            margin-bottom: 80px;
            margin-top: -60px;
        }
        
        .fazhan {
            position: absolute;
            top: 47px;
            left: 45px;
            font-size: 38px;
            font-weight: 500;
            color: #0068BD;
            line-height: 53px;
        }
        
        .years_right {
            width: 80%;
            float: right;
            position: relative;
            padding-left: 20px;
            overflow: hidden;
        }
        
        .years_right1 {
            height: 100%;
            margin-top: 30px;
        }
        
        .swiper-product7 .swiper-button-next {
            left: 85px;
            top: 437px;
            background: url(../images/yy.png) no-repeat center #FFF;
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }
        
        .swiper-product7 .swiper-button-prev {
            left: 10px;
            top: 437px;
            background: url(../images/zz.png) no-repeat center #FFF;
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }
        
        .swiper-product7 .swiper-button-next::after,
        .swiper-product7 .swiper-button-prev::after {
            content: '';
        }
        
        .p1s {
            font-size: 38px;
            font-weight: bold;
            color: #0068BD;
            line-height: 56px;
            padding-top: 112px;
            margin-bottom: 45px;
        }
        
        .p2s {
            font-size: 16px;
            font-weight: 400;
            color: #494F55;
            line-height: 29px;
            max-width: 90%;
        }
        
        .p2s span {
            font-size: 16px !important;
            font-weight: 400;
            color: #494F55 !important;
            line-height: 29px;
            background: none !important;
        }
        
        #fluid4 {
            background: linear-gradient(180deg, #F9F9F9 0%, rgba(253, 253, 253, 0) 55%);
        }
        
        #fluid4 .container {
            margin-bottom: 105px;
        }
        
        #fluid5 {
            background: url(../images/vr.png) no-repeat;
            background-size: 100% 100%;
        }
        
        .vr {
            padding: 187px 0 382px 0;
            margin-left: 260px;
            max-height: 620px;
        }
        
        .vr p {
            font-size: 38px;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 53px;
            margin-bottom: 15px;
        }
        
        .chang {
            font-size: 34px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 30px;
            max-width: 400px;
            margin-bottom: 55px;
        }
        
        .vr .shop1 {
            justify-content: space-around;
        }
        
        .vr .shop1_check a {
            font-size: 16px;
            color: #0068BD;
        }
        
        .index-box {
            /* border: 1px solid transparent; */
        }
        
        .prod_one {
            width: 100%;
            display: flex;
            margin-top: 60px;
            padding: 0 10vw;
        }
        
        #sixx2 {
            margin-bottom: 100px;
        }
        
        #sixx3 {
            margin-bottom: 0px;
        }
        
        #sevebeb {
            margin-bottom: 120px;
        }
        
        .prod_one .swiper-button-prev::after {
            content: '';
        }
        
        .prod_one .swiper-button-prev {
            height: 50px;
            width: 50px;
            top: 55%;
            background: url(../images/zuo.png) no-repeat;
            background-size: 100%;
        }
        
        .prod_one .swiper-button-next::after {
            content: '';
        }
        
        .prod_one .swiper-button-next {
            height: 50px;
            width: 50px;
            top: 55%;
            background: url(../images/you.png) no-repeat;
            background-size: 100%;
        }
        
        .prod_one_left {
            width: 40.6%;
            float: left;
        }
        
        .prod_one_left img {
            width: 100%;
        }
        
        .prod_one_right {
            width: 100%;
            position: relative;
            padding: 0 80px;
        }
        
        .prod_name {
            font-weight: 800;
            color: #131313;
            font-size: 30px;
            text-align: center;
            margin-bottom: 20px;
        }
        
        .prod_jie {
            width: 100%;
            text-align: center;
            margin: auto;
            font-size: 16px;
            font-weight: 400;
            color: #7E8893;
            line-height: 22px;
        }
        
        #name2 {
            text-align: center;
            padding-top: 60px;
        }
        
        .prod_one_right1 {
            height: 100%;
            padding: 30px 0px 30px 0px;
        }
        
        .prod_one_right .swiper-button-next {
            position: absolute;
        }
        
        .yanse {
            width: 100%;
            height: 45%;
            background: #FFF;
            position: absolute;
            bottom: 40px;
            left: 0;
            right: 0;
            z-index: -1;
            border-radius: 28px;
        }
        
        .yanse2 {
            width: 100%;
            height: 45%;
            background: #EDF9FF;
            position: absolute;
            bottom: 100px;
            left: 0;
            right: 0;
            z-index: -1;
            border-radius: 28px;
        }
        
        .swiper1 {
            padding: 35px 27px 22px 27px;
        }
        
        .swiper1 img {
            width: 100%;
        }
        
        .zoro {
            position: absolute;
            top: 73vh;
            right: 0;
        }
        
        .leaf {
            position: absolute;
            left: 0;
            bottom: 66vh;
        }
        
        .p1 {
            font-size: 20px;
            font-weight: 500;
            color: #494F55;
            line-height: 28px;
            margin-bottom: 6px;
        }
        
        .p2 {
            font-weight: 400;
            color: #A3AEBA;
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 20px;
        }
        
        .look {
            width: 120px;
            height: 38px;
            background: #0068BD;
            border-radius: 19px;
            line-height: 38px;
            color: #FFF;
            margin: auto;
            font-size: 14px;
        }
        
        .look a {
            font-size: 14px;
            color: #FFF;
        }
        
        .shows {
            padding-top: 97px;
            display: flex;
            justify-content: space-between;
            min-height: 900px;
        }
        
        .shows_right {
            height: 100%;
        }
        
        .shows_right p {
            font-size: 36px;
            font-weight: 500;
            color: #494F55;
            line-height: 50px;
            padding: 148px 0px 20px 0px;
        }
        
        .blue {
            width: 72px;
            height: 4px;
            margin-bottom: 20px;
            background: #0068BD;
        }
        
        .intros {
            font-size: 18px;
            font-weight: 500;
            color: #0068BD;
            line-height: 32px;
            margin-bottom: 30px;
        }
        
        .shows_right ul {
            font-weight: 400;
            color: #494F55;
            line-height: 28px;
            font-size: 16px;
            margin-bottom: 81px;
        }
        
        #sshopp .shop1 {
            width: 200px;
            height: 60px;
            line-height: 60px;
        }
        
        .shop {
            display: flex;
        }
        
        .shop1 {
            width: 150px;
            height: 45px;
            background: #FFFFFF;
            border-radius: 30px;
            display: flex;
            line-height: 45px;
            text-align: center;
        }
        
        .shop1_img {
            margin-left: 32px;
        }
        
        .shop1_check {
            margin-left: 8px;
            font-size: 16px;
        }
        
        .shop2 {
            margin-left: 20px;
        }
        
        .swiper-box {
            width: 90%;
            margin-bottom: 20px;
        }
        
        .pic_page {
            position: absolute;
            z-index: 100;
            right: 20px;
            bottom: 20px;
            font-size: 18px;
            color: #FF5909;
            font-weight: bold;
        }
        
        .view {
            position: relative;
            margin-top: 100px;
        }
        
        .swiper-padding {
            height: 0;
            position: relative;
            padding-bottom: 100%;
        }
        
        .view .swiper-container {
            width: 100%;
            position: absolute;
        }
        
        .view .swiper-container img {
            width: 80%;
        }
        
        .shows_left {
            width: 100%;
            min-height: 600px;
        }
        
        .view .arrow-left {
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -25px;
            width: 28px;
            height: 50px;
            background: url('../images/arrow_l.png') no-repeat center;
            background-size: 100%;
            z-index: 10
        }
        
        .view .arrow-right {
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -25px;
            width: 28px;
            height: 50px;
            background: url('../images/arrow_r.png') no-repeat center;
            z-index: 10
        }
        
        .view .swiper-slide div {
            width: 100%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover
        }
        
        .preview {
            width: 100%;
            height: 90px;
            margin-top: 18px;
            position: relative;
        }
        
        .preview .swiper-container {
            margin-left: 45px;
            margin-right: 45px
        }
        
        .preview .swiper-slide {
            width: 110px;
            height: 90px;
            cursor: pointer;
            overflow: hidden;
        }
        
        .preview .swiper-slide img {
            width: 90px;
            height: 90px;
            margin: 0 auto 0 10px;
            border: 1px solid #E6E6E6;
        }
        
        .preview .arrow-right,
        .preview .arrow-left {
            position: absolute;
            top: 10px;
            margin-top: -10px;
            width: 40px;
            height: 90px;
            text-align: center;
            z-index: 10;
            overflow: hidden;
        }
        
        .preview .arrow-left {
            left: 0px;
        }
        
        .preview .arrow-right {
            right: 0px;
        }
        
        .preview .arrow-left i,
        .preview .arrow-right i {
            font-size: 70px;
            line-height: 90px;
            transform: translateX(-15px);
            display: inline-block;
            transition: all .5s;
        }
        
        .preview .arrow-left:hover i,
        .preview .arrow-right:hover i {
            color: #3760f4;
        }
        
        .preview .active-nav img {
            padding: 0;
            border: 1px solid #3760f4;
            opacity: .9;
        }
        
        .details {
            background: #FFF;
            display: flex;
            margin-top: 65px;
        }
        
        .details img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            object-fit: contain;
        }
        
        .ctmdb {
            display: flex;
        }
        
        .footer .copy-bottom .ctmdb p a {
            font-size: 14px !important;
            font-weight: 400 !important;
            color: #FFFFFF !important;
            opacity: 0.8 !important;
        }
        
        .footer .copy-bottom p {
            opacity: 0.2;
            margin-right: 10px;
            font-size: 14px !important;
        }
        
        .details_title {
            line-height: 50px;
            margin-bottom: 40px;
            font-size: 36px;
            font-weight: 500;
            color: #06092D;
        }
        
        .details_time {
            font-size: 14px;
            font-weight: 400;
            color: #7F7F7F;
            line-height: 26px;
            margin-bottom: 48px;
        }
        
        .details_book {
            font-size: 14px;
            line-height: 30px;
            margin-bottom: 48px;
        }
        
        .details_book h4 {
            margin-bottom: 15px;
        }
        
        .xuxian {
            width: 100%;
            height: 1px;
            background: #E6E6E6;
            margin-bottom: 48px;
        }
        
        .based {
            width: 100%;
            padding-bottom: 166px;
        }
        
        .based-box {
            padding: 20px 0 0 10px;
        }
        
        .col-md-12 {
            padding: 0 0 15px 0;
        }
        
        .sxia {
            font-size: 18px;
            font-weight: 400;
            color: #B1B1B1;
            line-height: 27px;
        }
        
        .recommend>a {
            font-size: 14px;
            font-weight: 400;
            color: #959494;
            line-height: 22px;
            transition: all .3s;
            margin-top: 10px;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
        }
        
        .xude {
            width: 100%;
            height: 1px;
            background: #E6E6E6;
            margin: 15px 0;
        }
        
        .based-box:hover .recommend>a {
            color: #05959d;
        }
        
        .but-based {
            border-radius: 25px;
            border: 2px solid #0068BD;
            padding: 15px 42px;
            font-size: 14px;
            font-weight: 400;
            color: #0068BD;
            line-height: 20px;
            display: inline-block;
        }
        
        .shangxia {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }
        
        .times2 {
            font-size: 14px;
            font-weight: 400;
            color: #343434;
            line-height: 20px;
            margin-bottom: 24px;
        }
        
        .shangxia .based-box {
            display: flex;
            align-items: center;
        }
        
        .looks {
            width: 140px;
            height: 50px;
            border-radius: 25px;
            line-height: 50px;
            text-align: center;
            border: 2px solid #979797;
        }
        
        .tuijian {
            margin-bottom: 20px;
            background: #F4F7F9;
            padding: 20px;
        }
        
        .relevant {
            font-size: 16px;
            font-weight: 400;
            color: #323232;
            line-height: 22px;
            margin-bottom: 26px;
        }
        
        .relevants li {
            font-size: 14px;
            font-weight: 400;
            color: #343434;
            line-height: 20px;
            margin-bottom: 10px;
        }
        
        .right_choose {
            padding: 0px 98px 0px 30px;
        }
        
        .right_choose img {
            max-width: 100px;
        }
        
        .where {
            background: #F4F7F9;
            border: 1px solid #E5E5E5;
            margin-bottom: 50px;
        }
        
        .where1 {
            width: 100%;
            height: 5px;
            background: #05959d;
            margin-bottom: 27px;
        }
        
        .where2 {
            font-size: 18px;
            font-weight: 400;
            color: #333333;
            line-height: 27px;
            text-align: left;
            text-indent: 24px;
            margin-bottom: 40px;
        }
        
        .where3 {
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }
        
        .where4 {
            line-height: 56px;
            background: #FFFFFF;
            font-size: 16px;
            font-weight: 400;
            color: #666666;
            padding: 0 30px;
            margin-bottom: 30px;
        }
        
        .right_type li {
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 500;
            color: #06092D;
            line-height: 29px;
            margin-bottom: 15px;
        }
        
        .picct {
            width: 95px;
            height: 68px;
        }
        
        .picct img {
            width: 95px;
            height: 100%;
        }
        
        .piccts {
            margin-left: 10px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .type {
            font-size: 18px;
            font-weight: 400;
            color: #242424;
            line-height: 32px;
            margin-bottom: 15px;
        }
        
        .right_type {
            font-size: 16px;
            font-weight: 400;
            color: #000000;
            line-height: 22px;
            border-bottom: 1px solid #E6E6E6;
        }
        
        .right_type li a {
            display: block;
            font-size: 16px;
            line-height: 30px;
            color: #343434;
            padding: 5px 0px 5px 17px;
            margin: 0 auto;
            transition: all 0.5s;
        }
        
        .right_type li a:hover,
        .right_type li.active a {
            color: #fff;
            font-weight: 500;
            background: #0068BD;
        }
        
        .right_type li.active {
            position: relative;
        }
        
        .nextp {
            margin-bottom: 60px;
        }
        
        .fanhui {
            width: 160px;
            border-radius: 16px;
            line-height: 40px;
            background: #F4F7F9;
            border: 1px solid #E9E9E9;
            display: flex;
            justify-content: center;
            font-size: 16px;
            font-weight: 400;
            color: #333333;
        }
        
        .fanhui div {
            margin-right: 10px;
        }
        
        #type2 {
            margin-bottom: 14px;
        }
        
        .relevants2 {
            font-size: 14px;
            font-weight: 400;
            color: #343434;
            line-height: 20px;
        }
        
        .relevants2 li {
            padding-top: 23px;
            padding-bottom: 22px;
            border-bottom: 1px solid #E6E6E6;
        }
        
        .fouty {
            max-width: 45% !important;
        }
        
        .se1 {
            font-size: 32px;
            font-weight: bold;
            color: #333333;
            line-height: 48px;
            margin: 20px 0;
        }
        
        .se2 {
            font-size: 24px;
            font-weight: 400;
            color: #06092D;
            line-height: 36px;
            margin-bottom: 20px;
        }
        
        .se3 {
            font-size: 16px;
            font-weight: 400;
            color: #666666;
            line-height: 32px;
            margin-bottom: 15px;
        }
        
        .se4 {
            line-height: 30px;
            margin-bottom: 40px;
        }
        
        .se4 li {
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            display: flex;
            align-items: center;
        }
        
        .se4 li div {
            margin-right: 15px;
        }
        
        .yuan1 {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #D1B253;
        }
        
        .yuan2 {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #E8EFD1;
        }
        
        .yuan3 {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #9FB09E;
        }
        
        .yuan4 {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background: #0E6B79;
        }
        
        .sezhuan {
            background: url(../images/cai6.png) center no-repeat;
            background-size: cover;
        }
        
        .yuan {
            font-size: 32px;
            font-weight: bold;
            color: #594D43;
            line-height: 48px;
            padding-top: 60px;
            margin-bottom: 30px;
        }
        
        .rgbs {
            display: flex;
            background: #FFFBF6;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
            padding: 10px;
        }
        
        .rgbs img {
            width: 50%;
        }
        
        .zhongtu {
            position: relative;
            padding-bottom: 85px;
        }
        
        .rgbskuai1 {
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            padding: 33px 0 33px 0px;
            min-width: 160px;
            margin: 10px;
        }
        
        .rgbskuai11 {
            color: #84847F;
            background: #F7F2EA;
        }
        
        .rgbskuai12 {
            color: #fff;
            background: #F5E2DA;
        }
        
        .rgbskuai13 {
            color: #fff;
            background: #BEA897;
        }
        
        .rgbskuai14 {
            color: #fff;
            background: #6B3D31;
        }
        
        .rgbskuai15 {
            color: #fff;
            background: #6C7A6A;
        }
        
        .rgbskuai16 {
            color: #fff;
            background: #FCEFD1;
        }
        
        .rgbskuai17 {
            color: #fff;
            background: #ECD998;
        }
        
        .rgbskuai18 {
            color: #fff;
            background: #F2D9CC;
        }
        
        .rgbskuai19 {
            color: #fff;
            background: #D4D9DA;
        }
        
        .rgbskuai20 {
            color: #fff;
            background: #AEA6AE;
        }
        
        .rgbskuai21 {
            color: #fff;
            background: #E9E8CA;
        }
        
        .rgbskuai22 {
            color: #fff;
            background: #9DB59A;
        }
        
        .rgbskuai23 {
            color: #fff;
            background: #FCDCC2;
        }
        
        .rgbskuai24 {
            color: #fff;
            background: #E2AE46;
        }
        
        .rgbskuai25 {
            color: #fff;
            background: #D88053;
        }
        
        .cjing {
            font-size: 24px;
            font-weight: bold;
            color: #06092D;
            line-height: 36px;
            margin: 40px 0 20px 0;
        }
        
        .jiaobu {
            padding: 0 20px;
            text-align: left;
        }
        
        .manman {
            font-size: 16px;
            font-weight: 400;
            color: #666666;
            line-height: 32px;
            margin-bottom: 15%;
        }
        
        .qin {
            width: 25%;
            text-align: center;
            height: 42px;
            border-radius: 5px;
            border: 1px solid #968476;
            font-size: 16px;
            font-weight: 400;
            color: #968476;
            line-height: 42px;
        }
        
        .wxchatcode {
            background: url(../images/kk1.png) center no-repeat;
            background-size: contain;
        }
        
        .wxchatcode img {
            width: 100%;
        }
        
        .juju {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .secaikongjian {
            margin-bottom: 50px;
        }
        
        .juju1 {
            margin-left: 15%;
        }
        
        .juju2 {
            margin-left: -15%;
        }
        
        .juju22 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            font-weight: 900;
        }
        
        .juju22 span {
            color: #23c874;
        }
        
        .juju23 {
            display: flex;
        }
        
        .juju23 div {
            border: 1px solid #979797;
            line-height: 24px;
            color: #807675;
            padding: 0 15px;
            border-radius: 6px;
            margin-right: 2%;
        }
        
        .zi1 {
            font-size: 18px;
            font-weight: bold;
            color: #333333;
            line-height: 27px;
            margin: 15px 0;
        }
        
        .zi2 {
            width: 94%;
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            line-height: 30px;
        }
        
        .hunder {
            margin-bottom: 80px;
        }
        
        .hunder .col-md-3 img {
            width: 100%;
        }
        
        .bannner {
            width: 100%;
        }
        
        .bannner img {
            width: 100%;
        }
        
        .shuaixuan {
            width: 100%;
            background: #FFF;
        }
        
        .search {
            height: 40px;
            border: 1px solid #E6E6E6;
            margin-top: 31px;
            position: relative;
        }
        
        .search form {
            width: 100%;
            height: 100%;
            display: flex;
        }
        
        .search_img {
            width: 40px;
            height: 38px;
            background: #0068bd;
            position: absolute;
            top: 0;
            right: 0;
        }
        
        .search form input {
            width: 88%;
            height: 100%;
            font-size: 16px;
            text-indent: 15px;
            border: none;
            float: left;
        }
        
        .titles {
            width: 100%;
            font-size: 32px;
            font-weight: 500;
            color: #020f1e;
            line-height: 45px;
            text-align: center;
            margin-top: 48px;
            margin-bottom: 49px;
        }
        
        .pinpai_box {
            background-color: #F4F7F9;
            margin-top: 20px;
            padding-top: 66px;
            padding-bottom: 23px;
        }
        
        .pinpai_box .pinpai_box-title {
            margin-bottom: 62px;
        }
        
        .pinpai_box .pinpai_box-title h2 {
            font-size: 32px;
            font-weight: 500;
            color: #020F1E;
            line-height: 45px;
            text-align: center;
        }
        
        .soc {
            margin-top: 100px;
            height: 60vh;
            overflow: hidden;
        }
        
        .soc .col-md-6 {
            padding: 0;
        }
        
        .soc_box {
            margin-top: 50px;
            padding-bottom: 23px;
            text-align: center;
        }
        
        .soc1 img {
            width: 100%;
            height: 100%;
        }
        
        .soc2 {
            height: 100%;
            background: #968476;
            display: flex;
            align-items: center;
        }
        
        .soc2l {
            height: 100%;
            background: #b7ac9d;
            display: flex;
            align-items: center;
        }
        
        .soc2b {
            height: 100%;
            background: #d4b67a;
            display: flex;
            align-items: center;
        }
        
        .soc22 {
            width: 60%;
            padding-left: 6%;
        }
        
        .socl {
            font-size: 24px;
            color: #FFF;
            font-weight: bold;
            margin-bottom: 30px;
        }
        
        .socp {
            color: #FFF;
            font-size: 16px;
            line-height: 30px;
        }
        
        .soc_box .pinpai_box-title {
            margin-bottom: 35px;
        }
        
        .soc_box .pinpai_box-title h2 {
            font-size: 32px;
            font-weight: 500;
            color: #020F1E;
            line-height: 45px;
            text-align: center;
        }
        
        .soc_box .titlesl {
            width: 42px;
            margin: 30px auto;
            display: flex;
        }
        
        .soc_box .titlesl1 {
            width: 7px;
            height: 7px;
            background: #A41F7C;
        }
        
        .soc_box .titlesl2 {
            width: 7px;
            height: 7px;
            background: #1F9DDC;
        }
        
        .soc_box .titlesl3 {
            width: 7px;
            height: 7px;
            background: #96BC22;
        }
        
        .soc_box .titlesl4 {
            width: 7px;
            height: 7px;
            background: #FFD01F;
        }
        
        .soc_box .titlesl5 {
            width: 7px;
            height: 7px;
            background: #F39713;
        }
        
        .soc_box .titlesl6 {
            width: 7px;
            height: 7px;
            background: #DD201E;
        }
        
        .soc_text {
            font-size: 16px;
            font-weight: 400;
            color: #968476;
            line-height: 24px;
        }
        
        .book-list {
            display: flex;
            max-height: 330px;
            margin-bottom: 30px;
            padding: 30px 0;
            transition: all 0.5s;
        }
        
        .book-list:hover {
            -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
            box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
            transform: translate3d(0, -8px, 0);
            -webkit-transform: translate3d(0, -8px, 0);
            -moz-transform: translate3d(0, -8px, 0);
            -ms-transform: translate3d(0, -8px, 0);
            -o-transform: translate3d(0, -8px, 0);
            background: #FFF;
            border-radius: 10px;
        }
        
        .book-list .col-md-4 img {
            width: 380px;
            height: 100%;
        }
        
        .book-list .col-md-4 {
            text-align: right;
        }
        
        #pinzhi {
            margin-bottom: 60px !important;
        }
        
        .book-list-title {
            font-size: 24px;
            font-weight: 400;
            color: #494F55;
            line-height: 33px;
            margin-bottom: 15px;
            padding-top: 24px;
        }
        
        .book-list-jian {
            font-size: 16px;
            font-weight: 400;
            color: #76808A;
            line-height: 28px;
            margin-bottom: 45px;
        }
        
        .look-detail {
            display: flex;
            font-size: 14px;
            font-weight: 500;
            color: #A3AEBA;
            line-height: 30px;
        }
        
        .rightts {
            margin-left: 10px;
        }
        
        .stand {
            width: 100%;
            margin: auto;
            text-align: center;
            margin-bottom: 60px;
        }
        
        #fluids {
            padding: 0;
            overflow: hidden;
        }
        
        .quanbu {
            background: #DAEDF7;
        }
        
        .six {
            display: flex;
        }
        
        .six_left {
            font-size: 36px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 42px;
            width: 50%;
            background: #0068BD;
        }
        
        .six_left h3 {
            padding-top: 300px;
            padding-left: 205px;
            padding-bottom: 50px;
            max-width: 800px;
        }
        
        .six_right {
            width: 50%;
        }
        
        .six_right img {
            width: 100%;
            height: 100%;
        }
        
        .sodetail {
            padding-top: 60px;
            padding-bottom: 150px;
        }
        
        .sodetail p {
            font-size: 20px;
            font-weight: 400;
            color: #373737;
            line-height: 30px !important;
            margin: auto;
        }
        
        .five {
            display: flex;
            position: relative;
        }
        
        .junk {
            display: none;
        }
        
        .sort-page {
            margin-bottom: 120px;
        }
        
        .pagination {
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .pagination li {
            /* margin: 0 5px 36px 5px; */
        }
        
        .pagination li a {
            display: block;
            height: 44px;
            min-width: 44px;
            word-break: keep-all;
            white-space: nowrap;
            background: #fff;
            font-size: 14px;
            line-height: 36px;
            color: #7f7f7f;
            text-align: center;
            border-radius: 22px;
        }
        
        .pagination li:hover a {
            color: #05959d;
        }
        
        .pagination li.active:hover a {
            color: #fff;
        }
              .pagination li span.current {
           background: #05959d;
               color: #fff;
        }
        
   
        
        .pagination li span {
            display: block;
            height: 44px;
            min-width: 44px;
            word-break: keep-all;
            white-space: nowrap;
            background: #fff;
            font-size: 14px;
            line-height: 44px;
            color: #7f7f7f;
            text-align: center;
            border-radius: 50%;
        }
        
        .pagination li.disabled span {
            cursor: not-allowed;
        }
        
        .pagination li.active span {
            display: block;
            height: 44px;
            min-width: 44px;
            word-break: keep-all;
            white-space: nowrap;
            font-size: 14px;
            line-height: 40px;
            color: #fff;
            text-align: center;
            background: #05959d;
        }
        
        .six_left_book {
            padding-left: 205px;
            padding-bottom: 280px;
            font-size: 14px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 16px;
        }
        
        .five_left {
            z-index: 1;
        }
        
        .five_left p {
            position: absolute;
            z-index: 3;
            left: 320px;
            top: 114px;
            font-size: 38px;
            font-weight: 500;
            color: #FFFFFF;
            line-height: 53px;
        }
        
        .five_left h3 {
            position: absolute;
            z-index: 3;
            left: 320px;
            top: 256px;
            font-size: 24px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 33px;
            max-width: 540px;
        }
        
        .five_left img {
            width: 110%;
        }
        
        .five_right img {
            width: 110%;
        }
        
        .five_right {
            position: absolute;
            right: 0px;
        }
        
        .five_left_book {
            position: absolute;
            z-index: 3;
            left: 320px;
            top: 350px;
            font-size: 16px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 22px;
            max-width: 540px;
        }
        
        .five_left .shop1 {
            width: 220px;
            height: 56px;
            position: absolute;
            z-index: 3;
            left: 320px;
            top: 480px;
            line-height: 56px;
        }
        
        .five_left .shop1 .shop1_check {
            margin-left: 30px;
            font-weight: 400;
            color: #0068BD;
        }
        
        .five_left .shop1 .shop1_img {
            margin-left: 80px;
        }
        
        #joind {
            right: 615px;
        }
        
        .recruit-list {
            margin-bottom: 60px;
        }
        
        .recruit-list .list-item {
            margin-bottom: 20px;
        }
        
        .recruit-list .item-head {
            padding: 28px 40px;
            background: #fff;
            box-shadow: 0px 2px 4px 0px rgba(220, 220, 220, 0.5);
            cursor: pointer;
        }
        
        .recruit-list .item-head h3 {
            font-size: 20px;
            line-height: 1.5;
            color: #000;
            position: relative;
            padding-right: 25px;
        }
        
        .recruit-list .item-head h3 .item-more {
            display: block;
            width: 20px;
            height: 20px;
            background: url(../images/open.svg) no-repeat center;
            background-size: contain;
            position: absolute;
            right: 0;
            top: 5px;
        }
        
        .recruit-list .list-item.active .item-head {
            background: linear-gradient(135deg, #3C54D0 0%, #2F44AF 100%);
        }
        
        .recruit-list .list-item.active h3 {
            color: #fff;
        }
        
        .recruit-list .list-item.active h3 .item-more {
            background: url(../images/icon-right-zp-a.svg) no-repeat center;
            background-size: contain;
        }
        
        .recruit-list .item-body {
            background: #fff;
            box-shadow: 0px 2px 4px 0px rgba(220, 220, 220, 0.5);
            padding: 45px 40px;
            display: none;
        }
        
        .recruit-list .item-body .item-text {
            padding-left: 32px;
            border-left: 2px solid #e5e5e5;
        }
        
        .recruit-list .item-body h4 {
            font-size: 16px;
            font-weight: 600;
            line-height: 1.5;
            color: #000000;
            margin-bottom: 28px;
            position: relative;
        }
        
        .recruit-list .item-body h4::after {
            content: "";
            width: 2px;
            height: 20px;
            background: #323232;
            position: absolute;
            left: -34px;
            top: 2px;
        }
        
        .recruit-list .item-body .item-editor {
            margin-bottom: 40px;
            font-size: 16px;
            line-height: 2;
            color: #808080;
        }
        
        .recruit-list .item-editor p {
            font-size: 16px;
            line-height: 2;
            color: #808080;
        }
        
        .recruit-list .item-editor .email {
            display: block;
            font-size: 30px;
            line-height: 1.1;
            color: #000;
        }
        
        #fluid6 {
            padding: 0;
            margin-bottom: 70px;
        }
        
        .team {
            width: 100%;
            background: url(../images/under.png);
            background-size: 100% 100%;
        }
        
        .temas {
            font-size: 31px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 60px;
            letter-spacing: 6px;
            padding: 202px 0 298px 0;
            margin-left: 57%;
            max-width: 260px;
        }
        
        .join-personnel {
            padding-bottom: 100px;
        }
        
        .people {
            display: flex;
            margin-bottom: 50px;
        }
        
        .people_idea {
            padding: 0px 0 0 60px;
        }
        
        .chumo:hover .idea_xian {
            width: 236px;
        }
        
        .people1 {
            width: 100%;
        }
        
        .people1 img {
            width: 100%;
        }
        
        .air1 {
            display: block;
        }
        
        .air2,
        .air3,
        .air4 {
            display: none;
        }
        
        .idea_xian {
            transition: all 1s;
            width: 0;
            height: 2px;
            background: #0068BD;
            margin-bottom: 20px;
        }
        
        .idea_title {
            font-size: 22px;
            font-weight: 400;
            color: #343434;
            line-height: 30px;
            margin-bottom: 10px;
        }
        
        .idea_idea {
            /* transition: all .5s; */
            max-width: 700px;
            font-size: 16px;
            font-weight: 400;
            color: #989898;
            line-height: 26px;
            margin-bottom: 30px;
            /* margin-bottom: 42px; */
            /* visibility: hidden; */
            /* display: none; */
            /* opacity: 0;transition: all .5s; */
        }
        
        .report {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 60px;
        }
        
        .report .col-md-6,
        .report .col-md-3 {
            margin-bottom: 20px;
            min-height: 326px;
        }
        
        .report_content {
            width: 100%;
            /* height: 100%; */
            background: url(../images/report.png) no-repeat;
            background-size: 100% 100%;
            border-radius: 8px;
        }
        
        .content_one {
            width: 90%;
            margin: auto;
        }
        
        .report_content p {
            font-size: 24px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 33px;
            padding-top: 38px;
            margin-bottom: 203px;
        }
        
        .down {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            font-weight: 400;
            color: #FFFFFF;
            padding-bottom: 30px;
        }
        
        .report2 {
            height: 100%;
            background: #FFF;
            border-radius: 8px;
        }
        
        .report3 {
            width: 85%;
            margin: auto;
        }
        
        .down1 {
            display: flex;
        }
        
        .down1:nth-child(2) {
            line-height: 30px;
        }
        
        .report_time {
            font-size: 18px;
            font-family: D-DIN, D;
            font-weight: normal;
            color: #0068BD;
            line-height: 20px;
            padding-top: 37px;
            margin-bottom: 9px;
        }
        
        .down_title {
            min-height: 120px;
            font-size: 18px;
            font-weight: 400;
            color: #494F55;
            line-height: 28px;
            margin-bottom: 95px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            overflow: hidden;
            /* autoprefixer: ignore next */
            -webkit-box-orient: vertical;
        }
        
        .down2 {
            display: flex;
            font-size: 14px;
            font-weight: 400;
            color: #494F55;
            /* line-height: 20px; */
        }
        
        .downd2d {
            line-height: 35px;
        }
        
        .downd2 {
            line-height: 22px;
            margin-left: 10px;
        }
        
        #fluid7 {
            padding: 0;
        }
        
        .last {
            min-height: 530px;
            background: #e0f0f9;
        }
        
        .last .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .last .col-md-4 {
            margin-top: 110px;
        }
        
        .calls2 {
            border: none !important;
        }
        
        .calls1 {
            border-radius: 8px;
            border: 1px solid #FFFFFF;
            min-height: 220px;
        }
        
        .calls:hover {
            background: #FFF;
        }
        
        .calls1 p {
            padding-top: 66px;
            margin-bottom: 10px;
            font-size: 38px;
            font-weight: 500;
            color: #0068BD;
            line-height: 53px;
            padding-left: 65px;
        }
        
        .easy {
            font-size: 16px;
            font-weight: 400;
            color: #494F55;
            line-height: 24px;
            padding-left: 65px;
        }
        
        .calls {
            border-radius: 8px;
            border: 1px solid #FFFFFF;
            min-height: 220px;
            display: flex;
        }
        
        .calls_tel {
            margin-top: 72px;
            margin-left: 65px;
        }
        
        .calls_tel img {
            width: 66px;
            height: 66px;
        }
        
        .calls_tel2 {
            margin-left: 20px;
            margin-top: 72px;
        }
        
        .calls_tel2 p {
            font-size: 22px;
            font-weight: 500;
            color: #004DA3;
            line-height: 30px;
            margin-bottom: 10px;
        }
        
        .calls_tel2 span {
            font-size: 22px;
            font-family: D-DIN, D;
            font-weight: normal;
            color: #aec7cc;
        }
        
        .easy2 {
            font-size: 14px;
            font-family: D-DIN, D;
            font-weight: normal;
            color: #808080;
            line-height: 28px;
        }
        
        .shares {
            position: absolute;
            /* border: 1px solid red; */
            top: 170px;
            left: 0;
            right: 0;
        }
        
        .shares_title {
            display: flex;
            justify-content: space-between;
            line-height: 53px;
            margin-bottom: 35px;
        }
        
        .shares_left {
            font-size: 38px;
            font-weight: 500;
            color: #FFFFFF;
        }
        
        .shares_right {
            font-size: 16px;
            font-family: D-DIN, D;
            font-weight: normal;
            color: #FFFFFF;
        }
        
        .shares_mid {
            border-top: 2px solid #FFF;
            display: flex;
        }
        
        .shares_mid1 {
            width: 411px;
            border-right: 2px solid #FFF;
        }
        
        .shares_mid11 {
            margin-top: 30px;
            font-size: 24px;
            font-family: D-DIN, D;
            font-weight: normal;
            color: #FFFFFF;
            margin-bottom: 6px;
        }
        
        .shares_mid11 span {
            margin-right: 15px;
        }
        
        .shares_mid111 {
            font-size: 48px;
            font-family: D-DIN-Bold, D-DIN;
            font-weight: bold;
            color: #FFFFFF;
            margin-bottom: 30px;
        }
        
        .shares_mid2 {
            margin-top: 46px;
        }
        
        .shares_mid22 {
            font-size: 16px;
            font-weight: 400;
            color: #FFFFFF;
            margin-bottom: 6px;
        }
        
        .shares_mid22 span {
            margin-left: 50px;
        }
        
        .shares_fot {
            border-top: 2px solid #FFF;
            border-bottom: 2px solid #FFF;
        }
        
        .shares_fot1 {
            display: flex;
            justify-content: space-between;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        
        .shares_fot2 {
            min-width: 112px;
        }
        
        .shares_fot3 {
            font-size: 16px;
            font-weight: 400;
            color: #FFFFFF;
            margin-bottom: 6px;
        }
        
        .shares_fot4 {
            font-size: 32px;
            font-family: D-DIN-Bold, D-DIN;
            font-weight: bold;
            color: #FFFFFF;
        }
        
        .ditu {
            padding: 50px 0;
        }
        
        .ditu .list {
            display: flex;
            justify-content: space-between;
        }
        
        .ditu .list ul>li>a {
            display: block;
            font-size: 18px;
            line-height: 30px;
            color: #808080;
            margin-bottom: 10px;
        }
        
        .ditu .list ul>li:first-child>a {
            display: inline-block;
            font-size: 24px;
            line-height: 36px;
            color: #266dd5;
            margin: 15px 0;
        }
        
        #oaoa {
            padding-top: 172px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        #oaoa .col-md-4 {
            margin-bottom: 52px;
        }
        
        .space1 {
            width: 90%;
            margin: auto;
            text-align: center;
            background: #FFF;
            border-radius: 8px;
            height: 100%;
            cursor: pointer;
        }
        
        .space1:hover {
            box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
        }
        
        .space1 img {
            padding-top: 50px;
        }
        
        .space1 p {
            font-size: 24px;
            font-family: PingFang SC-Medium, PingFang SC;
            font-weight: 500;
            color: #000000;
            line-height: 28px;
            padding-top: 25px;
            padding-bottom: 50px;
        }
        
        .telecom {
            background: #F1F1F1;
            border-radius: 6px;
            line-height: 50px;
            font-size: 16px;
            text-align: center;
            width: 185px;
            margin: auto;
            margin-bottom: 15px;
        }
        
        .telecom1 {
            margin-bottom: 50px;
        }
        
        .sees {
            font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #646464;
        }
        
        .telecom:hover {
            color: #05959d;
            color: #FFF;
        }
        
        .saoma {
            width: 100%;
            margin: auto;
            text-align: center;
        }
        
        .saoma img {
            width: 105px;
            height: 105px;
            margin-bottom: 23px;
        }
        
        .saoma p {
            font-size: 14px;
            font-family: PingFang SC-Regular, PingFang SC;
            font-weight: 400;
            color: #000000;
            line-height: 16px;
            margin-bottom: 5px;
        }
        
        #oas {
            padding-bottom: 150px;
        }
        
        .details .col-md-9 {
            margin: auto !important;
            text-align: center;
        }
        
        .maps {
            width: 100%;
            height: 637px;
            z-index: 1;
        }
        
        .BMap_bubble_title {
            font-size: 24px;
        }
        
        .callme {
            margin-bottom: 200px;
        }
        
        .callme .container {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            color: #333;
        }
        
        .callme .col-md-4 {
            margin-bottom: 15px;
        }
        
        .callme .col-md-4 .contant {
            width: 90%;
            margin: auto;
            background: #FFF;
            border-radius: 8px;
            margin: auto;
            text-align: center;
        }
        
        .callme .col-md-4 .contant img {
            width: 66px;
            height: 66px;
            margin-top: 30px;
            margin-bottom: 30px;
        }
        
        .callme .col-md-4 .contant p {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 10px;
        }
        
        .callme .col-md-4 .contant h3 {
            margin: auto;
            max-width: 95%;
            font-size: 20px;
            padding-bottom: 30px;
        }
        
        .tel-list,
        .tel-list a {
            margin-top: 20px;
            line-height: 25px;
            color: #FFF;
            font-size: 12px;
        }
        
        @media screen and (max-width: 800px) {
            .contact_biaodan {
                padding: 30px 0 !important;
            }
            .contact_biaodan>div {
                width: 90% !important;
                padding: 30px !important
            }
            #GBookAdd .wenben .text {
                margin-bottom: 15px !important
            }
            .pbanner-C article {
                color: #333;
                margin-top: 30px
            }
            .cta-banner {
                /* height: 720px !important */
                padding: 10px !important;
                background: none !important;
            }
            .cta-banner .pinner {
                top: 30px !important;
                width: 94% !important;
                left: 3% !important;
            }
            .ctabox .pa {
                padding: 40px 30px !important;
            }
            .ctaList .mabox {
                width: 45% !important
            }
            .pbanner-C .c {
                font-size: 18px !important;
            }
            .ctaList li {
                padding: 30px 0 !important
            }
            .ctaList .namebox {
                margin-bottom: 30px !important;
            }
            .five {
                display: none;
                position: relative;
            }
            #conts::after {
                width: 140%;
                height: 100%;
                position: absolute;
                left: -20%;
                top: 0;
                z-index: 0;
                content: '';
                border-radius: 0 0 40% 40%;
                background: #fff;
                opacity: inherit;
            }
        }
        
        .container-fluid .pinpai_box-title h2 {
            font-size: 32px;
            font-weight: 500;
            color: #020F1E;
            line-height: 45px;
            text-align: center;
        }
        
        .news-list .item-text {
            padding: 0;
            padding-top: 10px;
            position: relative;
        }
        
        .news-list .list-item {
            box-shadow: none;
        }
        
        .news-list .title span {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #06092D !important;
            line-height: 34px !important;
        }
        
        .news-list .item-img {
            overflow: hidden;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            max-height: 300px;
            min-height: 100px;
            border-radius: 16px;
        }
        
        .news-list .item-img img {
            width: 100%;
            /*height: 269px;*/
        }
        
        .news-list .item-img:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
        }
        
        .news-list li {
            margin-bottom: 60px;
            flex: 0 0 30.833333%;
            /* max-width: 30.833333%; */
        }
        
        .news-list .item-text .title {
            font-size: 22px;
            font-weight: 400;
            color: #06092D;
            line-height: 34px;
            margin-bottom: 23px;
            display: inline-block;
            padding-top: 10px;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 48px;
        }
        
        .news-list .item-text .bottom {
            display: flex;
            justify-content: space-between;
            bottom: 0;
            color: #666;
            width: 100%;
        }
        
        .news-list .bottom>span {
            font-size: 14px;
            font-weight: 400;
            color: #666666;
            line-height: 14px;
        }
        
        .news-list .bottom>.time img {
            transform: translateY(-2px);
            margin-right: 7px;
        }
        
        .news-list .ball {
            width: 100px;
            height: 30px;
            line-height: 30px;
            color: #fff;
            background-color: #05959d;
            border-radius: 0px 20px 20px 0px;
            position: absolute;
            top: 9px;
            left: 5px;
            text-align: center;
        }
        
        .falv1 {
            font-size: 28px;
            text-align: center;
            margin-bottom: 10px;
            padding-top: 60px;
        }
        
        .falv2 {
            color: #888888;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .falv3 {
            width: 100%;
            height: 1px;
            background: #e0e0e0;
            margin-bottom: 20px;
        }
        
        .falv4 {
            font-size: 18px;
            font-weight: 700;
            line-height: 2rem;
            margin-top: 10px;
            margin-bottom: 10px;
            color: #333;
        }
        
        .falv5 {
            text-align: unset;
            font-size: 14px;
            line-height: 2rem;
            color: #808080;
        }
        
        .falvs {
            padding-bottom: 60px;
        }
        
        .falv44 {
            text-decoration: underline;
            font-size: 18px;
            font-weight: 800;
            line-height: 2rem;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        
        .pbanner .load-yy {
            background: url(img/bg_yy2.png) repeat-x scroll left bottom;
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            bottom: 0;
        }
        
        .pbanner-C a:link,
        .pbanner-C a:visited {
            color: #fff;
        }
        
        .pbanner-C a:active,
        .pbanner-C a:hover {
            color: #fff;
        }
        
        .pbanner-C {
            color: #fff;
            visibility: hidden;
        }
        
        .pbanner-C .t {
            font-size: 18px;
            margin-bottom: 8px;
        }
        
        .pbanner-C .c {
            font-size: 40px;
            line-height: 1.2;
            font-weight: bold;
            color: #333;
            text-align: center;
        }
        
        .pbanner-C.inview {
            visibility: visible;
            -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
            transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
            -webkit-animation: fadeInRightBig 1.2s 1;
            animation: fadeInRightBig 1.2s 1;
        }
        
        .pbanner-C article {
            margin-bottom: 30px;
        }
        
        .cta-banner {
            position: relative;
            overflow: hidden;
            padding: 80px;
            background: url(../images/rr_cta_banner.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
        }
        
        .cta-banner .load-img2 {
            position: absolute;
            display: block;
            width: 100%;
        }
        
        .cta-banner .pinner {
            margin: 0 auto;
        }
        
        .ctabox {
            background: #fff;
            z-index: 99;
        }
        
        .ctabox .pa {
            padding: 80px 100px 100px 100px;
            box-shadow: 1px 2px 3px 1px #e7e7e7;
        }
        
        .ctaList .namebox {
            /* width: 33%; */
            float: left;
        }
        
        .ctaList .ti {
            font-size: 28px;
            color: #333;
            line-height: 1.4;
            font-weight: bold;
            margin-bottom: 40px;
        }
        
        .ctaList .ctas {
            /* width: 49%; */
            float: left;
        }
        
        .ctaList .ctas .citme {
            color: #666;
            line-height: 28px;
            display: block;
            position: relative;
            padding-left: 40px;
            margin-bottom: 11px;
            padding-right: 20px;
            font-size: 15px;
        }
        
        .ctaList .ctas .citme:before {
            width: 40px;
            height: 25px;
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            background-repeat: no-repeat;
            background-position: left center;
        }
        
        .ctaList .ctas .c1:before {
            background-image: url(../images/rr_cta_ico_1.png);
        }
        
        .ctaList .ctas .c2:before {
            background-image: url(../images/rr_cta_ico_2.png);
        }
        
        .ctaList .ctas .c3:before {
            background-image: url(../images/rr_cta_ico_3.png);
        }
        
        .ctaList .ctas a:hover {
            color: #d7000f;
        }
        
        .ctaList .mabox {
            width: 18%;
            float: right;
        }
        
        .ctaList .mabox .ma {
            width: 126px;
            text-align: center;
            line-height: 1.4;
            max-width: 100%;
        }
        
        .ctaList .mabox .ma p {
            font-size: 16px;
            color: #333;
            margin-top: 15px
        }
        
        .ctaList .mabox .ma img {
            display: block;
            width: 100%;
        }
        
        .ctaList li {
            border-bottom: 1px solid #e9e9e9;
            padding: 60px 0 36px 0;
        }
        
        .ctaList {
            border-top: 2px solid #333;
        }
        
        .ctaList .ctas a:hover:before {
            -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
            transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
            -webkit-animation: gelatine 0.5s 1;
            animation: gelatine 0.5s 1;
        }
        
        .inner {
            margin: 0px auto;
            max-width: 1200px;
        }
        
        .contact_biaodan {
            background: url(../images/join9bg.jpg) no-repeat center;
            padding: 85px 0;
            margin: 0 auto;
        }
        
        .contact_biaodan>div {
            width: 80%;
            margin: 0 auto;
            background: #fff;
            padding: 60px
        }
        
        .contact_biaodan .title {
            text-align: center;
            margin-bottom: 50px;
        }
        
        .contact_biaodan .title b {
            font-size: 30px;
            color: #000;
            display: block;
            margin-bottom: 5px;
        }
        
        .contact_biaodan .title p {
            color: #000;
            font-size: 16px;
            opacity: 0.5;
            filter: alpha(opacity=50);
            font-family: Times;
        }
        
        .wenben {
            width: 32%;
            float: left;
            margin-right: 1.9%;
            color: #000;
        }
        
     .wenben .titles_p {
            font-size: 14px;
            margin-bottom: 10px;
        }
        
   .wenben .text {
            width: 100%;
            height: 48px;
            line-height: 48px;
            padding: 0 10px;
            border: 1px solid #e5e5e5;
            margin-bottom: 30px;
            background: inherit;
            color: #000;
            border-radius: 4px;
        }
        
      .wenben:nth-of-type(3) {
            margin-right: 0;
        }
        
      .neirong {
            margin-top: 30px;
            margin-bottom: 60px;
        }
        
    .neirong .cmessage {
            width: 100%;
            padding: 10px;
            min-height: 150px;
            background: inherit;
            color: #000;
            border-radius: 4px;
            border: 1px solid #e5e5e5;
        }
        
      .neirong .titles_p {
            font-size: 14px;
            margin-bottom: 10px;
        }
        
       .submit {
            width: 200px;
            height: 52px;
            display: block;
            background: #05959d;
            color: #fff;
            margin: 0 auto;
            font-size: 16px;
            border: none;
            border-radius: 40px;
        }
        
.submit:hover {
            background: #0b7176;
            cursor: pointer;
        }
        
        .lxwm_back:before {
            content: ' ';
            position: fixed;
            z-index: 3;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url(../images/lxwm_back.png) center 0 no-repeat;
            background-size: cover;
            pointer-events: none;
        }
        
        .contain {
            padding: 0 10%;
            margin: 100px auto;
        }
        
        .joinrz {
            width: 100%;
            overflow: hidden;
            background: #f7f7f7;
        }
        
        .joinrz-panel,
        .joinrz-menu,
        .joinrz-cont {
            padding-left: 40px;
            padding-right: 40px;
        }
        
        .joinrz-panel {
            width: 100%;
            background: #fff;
            padding-top: 22px;
            padding-bottom: 22px;
        }
        
        .joinrz-panel-sum {
            font-size: 22px;
            font-weight: 700;
            color: #1a1a1a;
        }
        
        .joinrz-panel-sum span {
            margin-left: 44px;
            color: #05959d;
        }
        
        .joinrz-panel-list {
            width: 100%;
            margin-top: 10px;
        }
        
        .joinrz-panel-list li {
            width: 100%;
            position: relative;
            padding-left: 90px;
        }
        
        .joinrz-panel-list li .hint {
            font-size: 16px;
            color: #1a1a1a;
            font-weight: 700;
            line-height: 24px;
            position: absolute;
            left: 0;
            top: 18px;
        }
        
        .joinrz-panel-list li .link {
            font-size: 15px;
            display: inline-block;
            vertical-align: middle;
            line-height: 24px;
            color: #888;
            margin: 10px 15px 0 0;
            position: relative;
            transition: all .4s ease;
        }
        
        .joinrz-panel-list li .link:hover {
            color: #05959d;
        }
        
        .joinrz-panel-list li .link::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            background: #05959d;
            left: 0;
            bottom: 1px;
            opacity: 0;
            transition: all .4s ease;
        }
        
        .joinrz-panel-list li .link.active {
            color: #05959d;
        }
        
        .joinrz-panel-list li .link.active::after {
            opacity: 1;
        }
        
        .joinrz-list {
            width: 100%;
        }
        
        .joinrz-items {
            width: 100%;
            background: #fff;
            margin-top: 10px;
        }
        
        .joinrz-menu,
        .joinrz-cont {
            width: 100%;
            overflow: hidden;
        }
        
        .joinrz-menu {
            user-select: none;
            cursor: pointer;
        }
        
        .joinrz-menu li {
            float: left;
            width: 30%;
            display: flex;
            align-items: center;
            height: 80px;
            font-size: 15px;
            color: #333;
        }
        
        .joinrz-menu li:first-child {
            width: 40%;
        }
        
        .joinrz-menu li:last-child {
            justify-content: flex-end;
        }
        
        .joinrz-menu li p {
            font-weight: 700;
            font-size: 16px;
            color: #1a1a1a;
            transition: all .4s ease;
            padding-right: 40px;
        }
        
        .joinrz-menu li i {
            width: 36px;
            height: 36px;
            background: url('../images/joinsz1.png') no-repeat center/100% auto;
        }
        
        .joinrz-menu li:hover p {
            color: #05959d;
        }
        
        .joinrz-menu.active li p {
            color: #05959d;
        }
        
        .joinrz-menu.active li i {
            background-image: url('../images/joinsz2.png');
        }
        
        .joinrz-cont {
            border-top: 1px solid #f7f7f7;
            padding-top: 74px;
            padding-bottom: 74px;
            display: none;
        }
        
        .joinrz-cont-items {
            width: 100%;
            margin-top: 32px;
        }
        
        .joinrz-cont-items:first-child {
            margin-top: 0;
        }
        
        .joinrz-cont-items .name {
            font-size: 18px;
            color: #333;
            font-weight: 700;
            margin-bottom: 12px;
        }
        
        .joinrz-cont-items .desc {
            font-size: 14px;
            color: #666;
            line-height: 28px;
        }
        
        .joinrz-cont-link {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 136px;
            height: 36px;
            background: #05959d;
            transition: all .4s ease;
            margin-top: 15px;
        }
        
        .joinrz-cont-link span {
            font-size: 13px;
            color: #fff;
        }
        
        .entjjgs {
            width: 100%;
            overflow: hidden;
            background: url(../images/pa2.jpg);
            background-attachment: fixed;
        }
        
        .entjjgs .contain {
            /* max-width: 1260px; */
        }
        
        .entjjgs-cont {
            width: 100%;
            margin-top: 28px;
        }
        
        .entjjgs-cont p {
            font-size: 15px;
            color: #666;
            line-height: 26px;
            text-align: justify;
        }
        
        .entjjgs-list {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: flex-start;
            margin-top: 36px;
        }
        
        .entjjgs-list li {
            margin: 0 24px;
            width: 160px;
            text-align: center;
        }
        
        .entjjgs-list li:first-child {
            margin-left: 0;
        }
        
        .entjjgs-list li:last-child {
            margin-right: 0;
        }
        
        .entjjgs-list li .num {
            font-size: 16px;
            color: #05959d;
            line-height: 1;
        }
        
        .entjjgs-list li .num span {
            font-size: 40px;
            font-family: 'Samsung';
            display: inline-block;
            vertical-align: text-top;
            margin-right: 8px;
            white-space: nowrap;
            font-weight: bold;
        }
        
        .entjjgs-list li .desc {
            font-size: 16px;
            color: #666;
            margin-top: 6px;
        }
        
        .entjjjy {
            width: 100%;
            overflow: hidden;
            background: url(../images/pa4.jpg);
            position: relative;
            padding: 100px;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        .entjjjy .sonTitle .name{
                color:#fff;
        }
        .entjjjy2{
                    width: 100%;
                    overflow: hidden;
                    background: url(../images/pa3.jpg);
                    padding: 100px;
                    background-repeat: no-repeat;
                    background-attachment: fixed;
        }
 
        .entjjjy-img {
            /* width: 50%; */
        }
        
        .entjjjy-img img {
            width: 100%;
            object-fit: cover;
        }
        
        .entjjjy-mix {
            position: absolute;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0;
            left: 0;
        }
        
        .entjjjy-cont {
            width: 590px;
            float: right;
            color: #fff;
            display: none;
        }
        
        .entjjjy-cont .name {
            width: 100%;
        }
        
        .entjjjy-cont .name h6 {
            font-size: 36px;
            font-weight: 700;
            color: #499ca8;
        }
        
        .entjjjy-cont .name p {
            font-size: 16px;
            /* font-weight: 700; */
            margin: 16px 0 20px;
            line-height: 36px;
            color: #333;
        }
        
        .entjjjy-cont .desc {
            font-size: 15px;
            line-height: 25px;
        }
        
        .entjjjy-cont .link {
            width: 156px;
            height: 46px;
            border: 2px solid #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .4s ease;
            margin-top: 68px;
        }
        
        .entjjjy-cont .link span {
            font-size: 16px;
            padding-right: 26px;
            font-weight: 700;
            background: url('../images/entjj1arr.png') no-repeat right center;
            transition: all .4s ease;
        }
        
        .entjjjy-cont .link:hover {
            background: #fff;
        }
        
        .entjjjy-cont .link:hover span {
            color: #05959d;
            background-image: url('../images/entjj1arrh.png');
        }
        
        .entjjfz {
            width: 100%;
            overflow: hidden;
        }
        
        .entjjfz-mix {
            width: 100%;
            margin-top: 30px;
        }
        /* --- */
        
        .thumbs,
        .gallery {
            width: 100%;
            position: relative;
            padding: 0 80px;
            user-select: none;
        }
        
        .thumbs::after {
            content: "";
            position: absolute;
            width: calc(100% - 160px);
            height: 1px;
            background: #bfbfbf;
            bottom: 14px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }
        
        .thumbs-year {
            width: 100%;
            position: relative;
            display: flex;
            transition: all .4s ease;
            line-height: 1;
            align-items: flex-end;
            justify-content: center;
            height: 80px;
            padding-bottom: 38px;
            font-size: 20px;
            color: #777;
            font-family: 'Samsung';
        }
        
        .thumbs-year::before,
        .thumbs-year::after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            border-radius: 50%;
        }
        
        .thumbs-year::before {
            width: 13px;
            height: 13px;
            background: #ddd;
            opacity: 0.6;
            border: 1px solid #d2d2d2;
            bottom: 8px;
            transition: all .4s ease;
        }
        
        .thumbs-year::after {
            width: 3px;
            height: 3px;
            background: #d2d2d2;
            bottom: 13px;
            transition: all .4s ease;
        }
        
        .thumbs-year:hover {
            color: #05959d;
        }
        
        .thumbs-year.active {
            color: #05959d;
            font-size: 38px;
        }
        
        .thumbs-year.active::before {
            background: #05959d;
            border: 1px solid #05959d;
            transform: scale(2.2);
        }
        
        .thumbs-year.active::after {
            background: #05959d;
            transform: scale(2);
        }
        
        .gallery {
            margin-top: 50px;
        }
        
        .gallery-more {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        
        .gallery-more .num {
            width: calc(100% - 706px);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: left;
            line-height: 42px;
            font-size: 18px;
            color: #333;
            font-family: 'Samsung';
        }
        
        .gallery-more .num,
        .gallery-more .cont .img {
            height: 300px;
        }
        
        .gallery-more .cont {
            width: 606px;
        }
        
        .gallery-more .cont .img {
            width: 100%;
        }
        
        .gallery-more .cont .img img {
            width: 100%;
            object-fit: cover;
        }
        
        .gallery-more .cont .desc {
            font-size: 16px;
            color: #777;
            line-height: 26px;
            margin-top: 28px;
        }
        
        .thumbs-prev,
        .thumbs-next {
            position: absolute;
            width: 35px;
            height: 35px;
            bottom: -2px;
            background: url('../images/entjj2arr.png') no-repeat center;
            transition: all .4s ease;
            cursor: pointer;
        }
        
        .thumbs-prev {
            left: 0;
        }
        
        .thumbs-next {
            right: 0;
            transform: rotate(180deg);
        }
        
        .thumbs-prev:hover,
        .thumbs-next:hover {
            background-image: url('../images/entjj2arrh.png');
        }
        /* --- */
        
        .entjjxm {
            width: 100%;
            overflow: hidden;
            background: #f8f8f8;
        }
        
        .entjjxm-mix {
            width: 100%;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 40px;
            flex-direction: row-reverse;
        }
        
        .entjjxm-loop,
        .entjjxm-img img {
            height: 479px;
        }
        
        .entjjxm-loop {
            width: calc(100% - 764px);
            background: #fff;
            position: relative;
            border: 1px solid #f3f3f3;
        }
        
        .entjjxm-img {
            width: 764px;
        }
        
        .entjjxm-img img {
            width: 100%;
            object-fit: cover;
        }
        
        .entjjxm-list {
            width: 100%;
            overflow: hidden;
            user-select: none;
        }
        
        .entjjxm-list li {
            width: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            text-align: center;
            padding: 0 20px;
            float: left;
            cursor: pointer;
            height: 107px;
            transition: background .4s ease;
        }
        
        .entjjxm-list li::before,
        .entjjxm-list li::after {
            background: #f3f3f3;
            content: "";
            position: absolute;
        }
        
        .entjjxm-list li::before {
            width: 100%;
            height: 1px;
            left: 0;
            bottom: 0;
        }
        
        .entjjxm-list li::after {
            width: 1px;
            height: 100%;
            right: 0;
            top: 0;
            display: none;
        }
        
        .entjjxm-list li:nth-child(2n+1)::after {
            display: block;
        }
        
        .entjjxm-list li .num {
            position: absolute;
            line-height: 1;
            z-index: 3;
            font-size: 70px;
            color: #f9f9f9;
            font-family: 'Samsung';
            transition: all .4s ease;
        }
        
        .entjjxm-list li .desc {
            font-size: 15px;
            line-height: 24px;
            color: #555;
            font-weight: 700;
            position: relative;
            z-index: 5;
            transition: all .4s ease;
        }
        
        .entjjxm-list li.active {
            background: #c41218;
        }
        
        .entjjxm-list li.active .num {
            color: #ca3e42;
        }
        
        .entjjxm-list li.active .desc {
            color: #fff;
        }
        
        .entjjxm-btn {
            width: 100%;
            text-align: center;
            user-select: none;
        }
        
        .entjjxm-btn>div {
            display: inline-block;
            vertical-align: middle;
            width: 50px;
            height: 50px;
            background: url('../images/entjj3arr.png') no-repeat center;
            cursor: pointer;
            transition: all .4s ease;
        }
        
        .entjjxm-btn>div.entjjxm-next {
            transform: rotate(180deg);
        }
        
        .entjjxm-btn>div:hover {
            background-image: url('../images/entjj3arrh.png');
        }
        
        @media all and (max-width:1599px) {
           
            .contain {
                /* width: 1200px; */
                /* margin: 30px auto; */
            }
        }
        
        @media all and (max-width:1279px) {
           
            .contain {
                width: 960px;
            }
        }
        
        .sonTitle {
            width: 100%;
            position: relative;
            text-align: center;
        }
        
        .sonTitle .name {
            font-size: 36px;
            color: #05959d;
            font-weight: 700;
            line-height: 1.1;
        }
        
        .sonTitle .desc {
            font-size: 15px;
            color: #666;
            line-height: 26px;
            max-width: 1270px;
            margin: 22px auto 0;
        }
        
        .sonTitle.white .name,
        .sonTitle.white .desc {
            color: #fff;
        }
        
        .sonTitle.left {
            text-align: left;
        }
        
        .sonTitle.right {
            text-align: right;
        }
        
        .sonMenu::before {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 1px;
            background: #f0f0f0;
        }
        
        .sonMenu a {
            display: flex;
            float: left;
            height: 68px;
            font-size: 15px;
            color: #777;
            align-items: center;
            margin: 0 42px;
            transition: all .4s ease;
            position: relative;
        }
        
        .sonMenu a:first-child {
            margin-left: 0;
        }
        
        .sonMenu a:last-child {
            margin-right: 0;
        }
        
        .sonMenu a::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            background: #05959d;
            display: none;
        }
        
        .sonMenu a.active::after {
            display: block;
        }
        
        .sonMenu a:hover,
        .sonMenu a.active {
            color: #05959d;
        }
        
        @media all and (max-width:1599px) {
            .sonBan-cont p {
                font-size: 36px;
            }
            .sonBan-cont h1,
            .sonBan-cont h4 {
                font-size: 32px;
                margin-top: 8px;
            }
            .sonMenu a {
                height: 64px;
                margin: 0 32px;
            }
            .sonTitle .name {
                font-size: 32px;
            }
            .sonTitle .desc {
                margin-top: 18px;
            }
        }
        
        @media all and (max-width:1279px) {
            .sonBan-cont p {
                font-size: 32px;
            }
            .sonBan-cont h1,
            .sonBan-cont h4 {
                font-size: 28px;
                margin-top: 6px;
            }
            .sonMenu a {
                height: 60px;
                margin: 0 24px;
            }
            .sonTitle .name {
                font-size: 28px;
            }
            .sonTitle .desc {
                margin-top: 14px;
            }
        }
        
        @media all and (max-width:1000px) {
            .sonMenu a {
                margin: 0 12px;
            }
        }
        
        @media all and (max-width:640px) {
            .sonBan-img {
                min-height: 240px;
            }
            .sonBan-cont {
                text-align: center;
            }
            .sonBan-cont p {
                font-size: 28px;
            }
            .sonBan-cont h1,
            .sonBan-cont h4 {
                font-size: 24px;
                margin-top: 4px;
            }
            .sonMenu {
                overflow-x: auto;
            }
            .sonMenu .contain {
                width: 100%;
            }
            .sonMenu a {
                margin: 0 12px !important;
            }
            .sonTitle .name {
                font-size: 22px;
            }
            .sonTitle .desc {
                margin-top: 10px;
            }
        }
        
        @media (max-width: 1000px) {
            .contain {
                width: 100%;
                margin: 30px auto !important;
            }
            .entjjjy2{
                    padding:20px
            }
        }
        
        @media all and (max-width:640px) {
            .entjjgs-cont {
                margin-top: 24px;
            }
            .entjjjy{
                    padding: 30px;
            }
            .entjjgs-cont p br {
                content: "";
                display: block;
                height: 12px;
            }
            .entjjgs-list {
                flex-wrap: wrap;
                margin-top: 10px;
            }
            .entjjgs-list li {
                width: 50%;
                margin: 16px 0 0;
                text-align: center;
            }
            .entjjgs-list li .desc {
                margin-top: 0;
            }
            .entjjgs-list li .num span {
                font-size: 26px;
            }
            .entjjjy-cont .name h6 {
                font-size: 22px;
            }
            .entjjjy-cont .name p {
                margin: 8px 0 10px;
                font-size: 13px;
            }
            .entjjjy-cont {
                padding: 32px 0;
            }
            .entjjfz-mix {
                margin-top: 20px;
            }
            .gallery-more .cont{
                    width:auto;
            }
            .thumbs {
                padding: 0 50px;
            }
            .gallery {
                padding: 0;
                margin-top: 28px;
            }
            .thumbs::after {
                width: calc(100% - 100px);
            }
            .thumbs-year.active {
                font-size: 32px;
            }
            .gallery-more .cont .desc {
                margin-top: 16px;
            }
            .entjjxm-mix {
                margin-top: 30px;
            }
            .entjjxm-list li .desc {
                font-size: 12px;
                line-height: 16px;
            }
            .entjjxm-list li .num {
                font-size: 42px;
            }
            .entjjxm-list li {
                height: 64px;
            }
            .entjjxm-btn>div {
                width: 40px;
                height: 40px;
            }
            .entlxgs-cont {
                padding: 30px 0;
            }
            .entlxgs-cont .name p {
                font-size: 15px;
            }
            .entlxgs-cont .name h6 {
                font-size: 22px;
                margin: 4px 0 8px;
            }
            .entlxgs-cont .name i {
                width: 50px;
                height: 2px;
            }
            .entlxgs-list li .desc h6 {
                font-size: 14px;
            }
            .entlxgs-list li .desc {
                margin-left: 14px;
            }
            .entlxgs-list li {
                margin-top: 18px;
            }
            .entlxgs-list {
                margin-top: 24px;
            }
            .entlxly-form {
                margin-top: 26px;
            }
            .entlxly-form .list {
                margin-top: 14px;
            }
            .entlxly-form input {
                width: 100%;
                height: 42px;
                margin-top: 14px;
            }
            .entlxly-form input:first-child {
                margin-top: 0;
            }
            .entlxly-form input,
            .entlxly-form textarea {
                padding-left: 12px;
                padding-right: 12px;
            }
            .entlxly-form textarea {
                padding-top: 8px;
                padding-bottom: 8px;
                height: 140px;
            }
            .entlxly-form .code span {
                width: 140px;
                height: 42px;
            }
            .entjjjy-img {
                width: 100%;
                display: none;
            }
            .entjjjy-mix {
                position: static;
            }
            .entjjjy-cont .name h6 {
                font-size: 22px;
            }
            .entjjjy-cont .name p {
                margin: 8px 0 10px;
                font-size: 13px;
                color: #fff;
                text-align: left;
            }
            .entjjjy-cont {
                padding: 32px 0;
                display: block;
                width: 100%;
            }
            .gallery-more {
                    width: 100%;
                    display: block;
            }
            .gallery-more .num {
                /* display: none; */
                width: auto;
                font-size: 14px;
                line-height: 22px;
                height: 100px;
            }
            .gallery-more .num,
            .gallery-more .cont .img {
                /* height: 138px; */
                width: 100%;
            }
            .gallery-more .num, .gallery-more .cont .img{
                   margin-top:20px;
                    height:auto
            }
            .w-main {
                width: 100% !important;
            }
            .zsjpdes {
                font-size: 14px !important;
                margin-bottom: 20px !important;
            }
            #GBookAdd .wenben {
                width: 100%;
            }
            #GBookAdd .neirong {
                margin-bottom: 30px
            }
            .zsjbtitle p {
                margin-top: 0 !important;
                padding-top: 30px !important
            }
            .cooperation-list2 {
                padding: 20px 0;
            }
            .flow-box {
                height: auto !important;
                padding: 0 0 40px 0 !important;
            }
            .hzhb-ul li {
                width: 31% !important;
            }
            .zhshjmpart2list {
                padding-bottom: 40px !important;
            }
            .zsjbtitle {
                padding: 0 !important;
            }
            .zsjb-swiper .swiper-pagination1 {
                left: 40% !important;
            }
            .zsjbtitle p {
                font-size: 24px !important;
            }
            .zhshjmpart5-content {
                padding-top: 0 !important;
                flex-wrap: wrap;
                width: 90%;
                margin: 0 auto;
                padding: 0 0 30px 0 !important;
            }
            .zhshjmpart5-content-item {
                width: 48% !important;
                margin-bottom: 10px;
                padding: 10px !important;
                background: #05959d !important;
            }
            .zhshjmpart5-content-item h3 {
                font-size: 18px !important;
                margin: 10px auto !important;
            }
            .zhshjmpart5-content-item>p {
                font-size: 12px !important;
                line-height: 1.4;
            }
            .anim_emt.start {
                padding: 20px 10px !important;
                width: 45% !important;
            }
            .cooperation-list2 .ulbox {
                padding: 0 0 30px 0 !important;
                width: 96%;
                margin: 0 auto;
            }
            .cooperation-list2 .tit4 {
                font-size: 13px !important;
            }
            .cooperation-list2 .tit3 {
                margin: 20px 0 !important;
            }
            .cooperation-list2 .li:nth-child(2n) {
                margin-right: 0 !important;
            }
            .zsjb-swiper {
                width: 100% !important;
            }
            .join6_list {
                flex-wrap: wrap;
                width: 94%;
                margin: 0 auto;
                padding: 0 0 30px 0 !important;
            }
            .join6_list .itemlist {
                width: 48% !important;
                height: auto !important;
                padding: 20px !important;
                margin: 0 0 10px 0;
            }
            .join6_list .itemlist .name {
                font-size: 18px !important;
                margin: 10px 0 !important;
            }
            .join6_list .itemlist img {
                width: 56px;
            }
            .flow-box .swiper-container-box {
                width: 90% !important;
                margin: 0 auto;
            }
        }
        
        .zhshjmpart5-content {
            display: flex;
            justify-content: space-between;
            padding: 0px 0px 80px;
            flex-wrap: wrap;
        }
        .zhshjmpart5-content-item:nth-of-type(odd){
                  background: #156e72;
        }
        .zhshjmpart5-content-item {
            width: 230px;
            flex-direction: column;
            text-align: center;
            align-items: center;
            margin-bottom: 15px;
            background: #05959d;
            padding: 15px;
        }
        
        .zhshjmpart5-content-item img {
            max-width: 70%;
            display: inline-block;
        }
        
        .zhshjmpart5-content-item h3 {
            font-size: 20px;
            font-weight: bold;
            color: #ffffff;
            margin: 26px 0 18px 0px;
            text-align: center;
        }
        
        .zhshjmpart5-content-item h4 {
            font-size: 20px;
            font-weight: bold;
            color: #05959d;
        }
        
        .zhshjmpart5-content-line {
            width: 100%;
            height: 2px;
            background-color: #1a2f7e;
            margin: 18px 0 24px 0;
        }
        
        .zhshjmpart5-content-item>p {
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 6px;
            text-align: center;
            padding-bottom: 20px;
        }
        
        .zhshjmpart5-content-item>p:last-child {
            margin-bottom: 0;
        }
        
        .zsjbtitle p {
            font-size: 30px;
            font-weight: bold;
            margin-top: 60px;
            text-align: center;
        }
        
        .w-main {
            position: relative;
            width: 1200px;
            margin: 0 auto;
        }
        
        .zhshjmpart1 {
            background-color: #05959d;
            padding-bottom: 80px;
        }
        
        .zsjbtitle {
            padding-top: 30px;
            text-align: center;
            margin-bottom: 40px;
        }
        
        .hzhb-ul {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
        
        .hzhb-ul li {
            width: 18%;
            margin: 1%;
            text-align: center;
            box-shadow: 0 0 4px 2px #f2f2f2;
            overflow: hidden;
        }
        
        .hzhb-ul li img {
            width: 100%;
        }
        
        .zsjbtitle p {
            font-size: 30px;
            color: #ffffff;
            font-weight: bold;
            margin-top: 30px;
        }
        
        .qyjs .swiper-container-horizontal>.swiper-pagination-bullets {
            bottom: -4px;
        }
        
        .zsjb-swiper {
            max-width: 1350px;
            position: relative;
            margin: 0 auto;
        }
        
        .zsjb-swiper .swiper-slide,
        .zsjb-swiper .swiper-container {
            max-width: 1168px !important;
        }
        
        .zsjb-swiper .swiper-button-next,
        .zsjb-swiper .swiper-button-prev {
            width: 23px;
            height: 41px;
            background-size: inherit;
        }
        
        .zsjb-swiper .swiper-button-next {
            background-image: url(../images/zsjmright.jpg)
        }
        
        .zsjb-swiper .swiper-button-prev {
            background-image: url(../images/zsjmleft.jpg)
        }
        
        .zsjb-swiper .swiper-pagination1 {
            margin: 20px auto;
            left: 47%;
            display: none;
        }
        
        .zsjb-swiper .swiper-pagination-bullet {
            margin-right: 30px;
            background: #7683b3 !important;
        }
        
        .swiper-pagination-bullet {
            background: #000000 !important;
        }
        
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #fff !important;
        }
        
        .display-swiper .swiper-slide {
            display: flex;
            align-items: center;
            transform: scale(1);
            transition: 300ms;
            cursor: pointer;
            opacity: 0.5;
        }
        
        .swiper-slide img {
            width: 100%
        }
        
        .display-swiper .swiper-slide img {
            max-width: 100%;
        }
        
        .display-swiper .swiper-slide-active {
            z-index: 1;
            transform: scale(1.8);
            opacity: 1;
        }
        
        .display-swiper .swiper-pagination-bullet {
            opacity: 1;
            background-color: #fff;
        }
        
        .display-swiper .swiper-pagination-bullet-active {
            background-color: #1a307f;
        }
        
        .img-box img {
            width: 100%;
            /*display: block;*/
        }
        
        .flow-box {
            width: 100%;
            /* height: 680px; */
            padding: 0 0 100px 0;
            background-image: url(../images/flow-bg.jpg);
            background-position: top center;
            background-size: cover;
            overflow: hidden;
        }
        
        .flow-box .flow-title {
            display: block;
            margin: 90px auto;
        }
        
        .flow-box .swiper-container-box {
            width: 1300px;
            margin: 0 auto;
            position: relative;
        }
        
        .flow-box .swiper-container-box .swiper-button-prev {
            left: -40px;
        }
        
        .flow-box .swiper-container-box .swiper-button-next {
            right: -40px;
        }
        
        .flow-box .swiper-container {
            width: 100%;
        }
        
        .join6 {
            padding: 130px 0 120px 0;
            margin-top: 120px;
            background: #f6f6f6;
        }
        
        .join6_list {
            justify-content: space-between;
            display: flex;
            /* padding-top: 40px; */
            padding-bottom: 80px;
        }
        
        .join6_list .itemlist {
            width: 16%;
            text-align: center;
            background-color: #0c8c95;
            height: 350px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            border-radius: 15px;
            padding: 45px 30px 0 30px;
            position: relative;
            cursor: pointer;
        }
        
        .join6_list .itemlist .name {
            font-size: 22px;
            color: #ffffff;
            margin: 30px 0 10px;
        }
        
        .join6_list .itemlist .info p {
            font-size: 15px;
            color: #ffffff;
            line-height: 1.8;
        }
        
        .join6_list .itemlist .hbg {
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            /* position: absolute; */
            /* left: 0; */
            /* top: 0; */
            /* width: 100%; */
            /* height: 100%; */
            transition: .2s all linear;
            opacity: 0.1;
        }
        
/*         .join6_list .itemlist:hover .hbg {
            opacity: 1;
        }
         */
        .zhshjmpart2 .zsjbtitle p {
            color: #05959d;
        }
        
        .zsjpdes {
            font-size: 18px;
            color: #666666;
            text-align: center;
            margin-bottom: 50px;
        }
        
        .zhshjmpart2list {
            padding-bottom: 80px;
        }
        
        .zhshjmpart2list li {
            position: relative;
            float: left;
            width: 388px;
            margin-right: 12px;
            margin-bottom: 12px;
            overflow: hidden;
        }
        .zhshjmpart2list li img{
                width:100%;
        }
        
        .zhshjmpart2list li a {
            position: absolute;
            top: 30px;
            left: 26px;
            display: inline-block;
            width: 180px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background-color: #fff;
            border-radius: 20px;
            font-size: 15px;
            color: #666666;
        }
        
        .zhshjmpart2list li a:hover {
            background-color: #05959d;
            color: #fff;
        }
        
        .cooperation-list2 {
            /* background: #f5f5f5; */
        }
        
        .cooperation-list2 .ulbox {
            padding: 0px 0 80px 0;
        }
        
        .f-no {
            display: flex;
            flex-flow: row wrap;
            justify-content: space-evenly;
        }
        
        .cooperation-list2 .li {
            width: 23%;
            margin-right: 2%;
            margin-bottom: 2%;
            background: #05959d;
            padding: 30px;
            border-radius: 5px;
        }
        
        .anim_emt.start {
            -webkit-animation-duration: .6s;
            animation-duration: .6s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
        
        .cssanimations .anim_emt,
        .cssanimations .anim_group .anim_item {
            visibility: hidden;
        }
        
        .cooperation-list2 .icon {
            height: 46px;
            width: 46px;
            display: block;
            padding: 10px;
            margin: 0 auto;
            border-radius: 20px;
            background: #fff;
        }
        
        .cooperation-list2 .tit3 {
            color: #ffffff;
            margin: 20px;
            font-size: 18px;
            font-weight: bold;
        }
        
        .line-3 {
            line-height: 1.3;
        }
        
        .text-center {
            text-align: center;
        }
        
        .cooperation-list2 .tit4 {
            color: #ffffff;
            font-size: 15px;
        }
        
        .line-6 {
            line-height: 1.6;
        }
        
        .cooperation-list2 .li:nth-child(3n) {
            margin-right: 2%;
        }