@CHARSET "UTF-8";

* {
    padding: 0;
    margin: 0;
}

.pagebox {
    width: 100%;
}


/*page property_start*/

.common-nav .innernav-tab .swiper-slide {
    background-color: rgba(231, 234, 243, 0.8);
    margin-right: 2px;
}

.common-nav .innernav-tab .swiper-slide a {
    padding: 0 10px;
}

.common-nav .i-nav .innernav-tab {
    overflow: inherit;
}

.buju-dot-all,
.buju-img {
    display: none;
}

.ms-box {
    box-shadow: 2px 0 20px rgb(0 0 0 / 12%);
    background: #fff;
}

.ms-le {
    width: 50%
}

.ms-le img {
    width: 100%;
    display: block;
}

.ms-ri {
    width: 50%;
    font-size: 22px;
}

.ms-ri p {
    padding: 120px 100px;
}

.gai-kj-list {
    padding: 20px 20px 0;
}

.gai-kj-list dd {
    width: 33.333%;
    text-align: center;
    float: left;
    margin-bottom: 10px;
    height: 35px
}

.gai-kj-list dd img {
    max-width: 90%;
    max-height: 90%;
    margin: 0 auto;
}

#rzzl-box .Financial-head .overViewBar {
    margin-top: 50px;
}

#rzzl-box .Financial-head .overViewBar li {
    float: left;
    width: 25%;
    text-align: center;
}

#rzzl-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

#rzzl-box .Financial-head .overViewBar li i.icon {
    display: inline-block;
    width: 106px;
    height: 85px;
    background: 0 0 /100% 100% no-repeat;
}

#rzzl-box .Financial-head .overViewBar li i.icon-01 {
    background-image: url(../img/icon_zn01.png);
}

#rzzl-box .Financial-head .overViewBar li i.icon-02 {
    background-image: url(../img/icon_zn02.png);
}

#rzzl-box .Financial-head .overViewBar li i.icon-03 {
    background-image: url(../img/icon_zn03.png);
}

#rzzl-box .Financial-head .overViewBar li i.icon-04 {
    background-image: url(../img/icon_zn04.png);
}

#rzzl-box .Financial-head .overViewBar li i.icon-05 {
    background-image: url(../img/icon_zn05.png);
}

#rzzl-box .Financial-head .overViewBar li span {
    display: block;
    font-size: 60px;
    font-family: 'impact';
    color: #5a68b3;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#5a68b3), to(#132b8c));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#rzzl-box .Financial-head .overViewBar li span i {
    font-style: normal;
    font-size: 18px;
    color: #5a68b3;
    margin-right: 10px;
}

#rzzl-box .Financial-head .overViewBar li p {
    font-size: 20px;
    color: #666;
    text-align: center;
}

@media screen and (max-width: 1440px) {
    #rzzl-box .Financial-head .overViewBar {
        margin-top: 40px;
    }

    #rzzl-box .Financial-head .overViewBar li i.icon {
        width: 90px;
        height: 72px;
    }

    #rzzl-box .Financial-head .overViewBar li span {
        font-size: 50px;
    }

    #rzzl-box .Financial-head .overViewBar li span i {
        font-size: 16px;
    }

    #rzzl-box .Financial-head .overViewBar li p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    #rzzl-box .Financial-head .overViewBar {
        margin-top: 35px;
    }

    #rzzl-box .Financial-head .overViewBar li i.icon {
        width: 80px;
        height: 64px;
    }

    #rzzl-box .Financial-head .overViewBar li span {
        font-size: 46px;
    }

    #rzzl-box .Financial-head .overViewBar li span i {
        font-size: 14px;
        margin-top: 5px;
    }

    #rzzl-box .Financial-head .overViewBar li p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #rzzl-box .Financial-head .overViewBar {
        margin-top: 30px;
    }

    #rzzl-box .Financial-head .overViewBar li i.icon {
        width: 70px;
        height: 56px;
    }

    #rzzl-box .Financial-head .overViewBar li span {
        font-size: 40px;
    }

    #rzzl-box .Financial-head .overViewBar li p {
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) {
    #rzzl-box .Financial-head .overViewBar {
        margin-top: 26px;
    }

    #rzzl-box .Financial-head .overViewBar li {
        width: 50%;
        margin-bottom: 20px;
    }

    #rzzl-box .Financial-head .overViewBar li i.icon {
        width: 60px;
        height: 48px;
    }

    #rzzl-box .Financial-head .overViewBar li span {
        font-size: 30px;
    }
}

@media screen and (max-width: 500px) {
    #rzzl-box .Financial-head .overViewBar li {
        width: 50%;
        margin-bottom: 20px;
    }

    .ms-le,
    .ms-ri {
        width: 100%;
    }

    .ms-ri p {
        padding: 20px;
    }
}

@media screen and (max-width: 330px) {
    #rzzl-box .Financial-head .overViewBar li p {
        font-size: 12px;
    }
}

#rzzl-box .pro-intro .intro-item {
    float: left;
    width: 48.82813%;
    border: 1px solid #5a68b3;
    border-radius: 10px;
}

#rzzl-box .pro-intro .intro-item .tit {
    text-align: center;
    margin: 0 10%;
    border-bottom: 1px dashed #dfdfdf;
    padding: 25px 0 20px;
    vertical-align: middle;
}

#rzzl-box .pro-intro .intro-item .tit h3 {
    font-size: 24px;
    display: inline-block;
    color: #666;
}

#rzzl-box .pro-intro .intro-item .tit h3:before {
    content: '';
    display: inline-block;
    width: 39px;
    height: 17px;
    background: url(../img/icon_xiaobt_01.png) 0 0/cover no-repeat;
    margin-right: 20px;
}

#rzzl-box .pro-intro .intro-item .tit h3:after {
    content: '';
    display: inline-block;
    width: 39px;
    height: 17px;
    background: url(../img/icon_xiaobt_02.png) 0 0/cover no-repeat;
    margin-left: 20px;
}

#rzzl-box .pro-intro .intro-item .ct {
    text-align: center;
    padding: 20px 0;
}

#rzzl-box .pro-intro .intro-item .ct p {
    text-align: center;
    font-size: 22px;
    color: #666;
}

#rzzl-box .pro-intro .intro-item .ct ul li {
    float: left;
    width: 40%;
    margin-left: 10%;
    line-height: 40px;
    text-align: left;
    font-size: 20px;
    color: #5a68b3;
}

#rzzl-box .pro-intro .intro-item .ct ul li:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #5a68b3;
    border-radius: 100%;
    margin-right: 20px;
}

#rzzl-box .pro-intro .intro-item .process {
    width: 77.76%;
    margin: 40px auto 0;
    position: relative;
}

#rzzl-box .pro-intro .intro-item .process span {
    display: block;
    position: absolute;
}

#rzzl-box .pro-intro .intro-item .process .procs01 {
    width: 20.98765%;
    top: 0;
    left: 39.50617%;
}

#rzzl-box .pro-intro .intro-item:nth-child(1) .process .procs02 {
    bottom: 14%;
}

#rzzl-box .pro-intro .intro-item .process .procs02 {
    width: 30%;
    bottom: 10%;
    left: -10%;
}

#rzzl-box .pro-intro .intro-item .process .procs03 {
    width: 10%;
    bottom: 6%;
    right: 3%;
}

#rzzl-box .pro-intro .intro-item:last-child {
    float: right;
}

#rzzl-box .pro-intro .intro-item:last-child .process .procs01 {
    top: 13%;
}

@media screen and (max-width: 1440px) {
    #rzzl-box .pro-intro .intro-item .tit {
        padding: 20px 0 15px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3 {
        font-size: 22px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:before {
        width: 30px;
        height: 13px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:after {
        width: 30px;
        height: 13px;
    }

    #rzzl-box .pro-intro .intro-item .ct p {
        font-size: 20px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li {
        font-size: 18px;
        line-height: 36px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }

    #rzzl-box .pro-intro .intro-item .process {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1280px) {
    #rzzl-box .pro-intro .intro-item .tit {
        padding: 15px 0 10px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3 {
        font-size: 20px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:before {
        width: 26px;
        height: 11px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:after {
        width: 26px;
        height: 11px;
    }

    #rzzl-box .pro-intro .intro-item .ct p {
        font-size: 18px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li {
        font-size: 16px;
        line-height: 32px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #rzzl-box .pro-intro .intro-item .tit h3 {
        font-size: 18px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:before {
        width: 22px;
        height: 10px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3:after {
        width: 22px;
        height: 10px;
    }

    #rzzl-box .pro-intro .intro-item .ct p {
        font-size: 16px;
        height: 104px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li {
        font-size: 14px;
        line-height: 28px;
    }

    #rzzl-box .pro-intro .intro-item .ct ul li:before {
        width: 6px;
        height: 6px;
        margin-right: 8px;
        position: relative;
        top: -2px;
    }

    #rzzl-box .pro-intro .intro-item .process {
        margin-top: 20px;
    }
}

@media screen and (max-width: 900px) {
    #rzzl-box .pro-intro .intro-item .ct p {
        height: 104px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    #rzzl-box .pro-intro .intro-item {
        width: 100%;
        float: none;
    }

    #rzzl-box .pro-intro .intro-item:last-child {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    #rzzl-box .pro-intro .intro-item .ct p {
        height: auto;
        font-size: 14px;
        line-height: 22px;
    }

    #rzzl-box .pro-intro .intro-item .tit h3 {
        font-size: 16px;
    }
}

#rzzl-box .industry-item p {
    color: #666;
}

#rzzl-box .industry-item ul {
    margin-top: 20px;
}

#rzzl-box .industry-item ul li {
    margin-bottom: 20px;
}

#rzzl-box .industry-item ul li a {
    display: block;
    border: 1px solid #d2d2d2;
    background: url(../img/bg_huawen.jpg);
    position: relative;
    cursor: default;
}

#rzzl-box .industry-item ul li .img {
    float: left;
    width: 78.125%;
    overflow: hidden;
    position: relative;
}

#rzzl-box .industry-item ul li .img img {
    transition: all .4s;
}

#rzzl-box .industry-item ul li .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
}

#rzzl-box .industry-item ul li .bg .industry-txt {
    position: relative;
    margin-left: 6.2%;
    top: 50%;
    transform: translateY(-50%);
}

#rzzl-box .industry-item ul li .bg .industry-txt span {
    color: #fff;
    font-size: 22px;
    display: block;
}

#rzzl-box .industry-item ul li .bg .industry-txt span:before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 15px;
    position: relative;
    top: -2px;
    line-height: 36px;
}

#rzzl-box .industry-item ul li .info {
    position: absolute;
    top: 0;
    right: 0;
    width: 21.875%;
    height: 100%;
}

#rzzl-box .industry-item ul li .info .info-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#rzzl-box .industry-item ul li .info span.icon {
    display: block;
    width: 178px;
    height: 122px;
    margin: 0 auto 5%;
    background: 0 0/cover no-repeat;
}

#rzzl-box .industry-item ul li .info span.icon-1 {
    background-image: url(../img/iconhyly01.png);
}

#rzzl-box .industry-item ul li .info span.icon-2 {
    background-image: url(../img/iconhyly02.png);
}

#rzzl-box .industry-item ul li .info span.icon-3 {
    background-image: url(../img/iconhyly03.png);
}

#rzzl-box .industry-item ul li .info span.icon-4 {
    background-image: url(../img/iconhyly031.png);
}

#rzzl-box .industry-item ul li .info span.icon-5 {
    background-image: url(../img/iconhyly05.png);
}

#rzzl-box .industry-item ul li .info span.icon-6 {
    background-image: url(../img/iconhyly06.png);
}

#rzzl-box .industry-item ul li .info span.icon-7 {
    background-image: url(../img/iconhyly07.png);
}

#rzzl-box .industry-item ul li .info span.icon-8 {
    background-image: url(../img/iconhyly08.png);
}

#rzzl-box .industry-item ul li .info span.icon-9 {
    background-image: url(../img/iconhyly09.png);
}

#rzzl-box .industry-item ul li .info span.name {
    text-align: center;
    display: block;
    color: #5a68b3;
    font-size: 24px;
}

#rzzl-box .industry-item ul li a:hover {
    background: #5a68b3;
}

#rzzl-box .industry-item ul li a:hover .img img {
    transform: scale(1.05);
}

#rzzl-box .industry-item ul li a:hover .img .bg {
    opacity: 1;
    visibility: visible;
}

#rzzl-box .industry-item ul li a:hover .info span.icon-1 {
    background-image: url(../img/iconhyly01_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-2 {
    background-image: url(../img/iconhyly02_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-3 {
    background-image: url(../img/iconhyly03_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-4 {
    background-image: url(../img/iconhyly031-1.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-5 {
    background-image: url(../img/iconhyly05_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-6 {
    background-image: url(../img/iconhyly06_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-7 {
    background-image: url(../img/iconhyly07_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-8 {
    background-image: url(../img/iconhyly08_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.icon-9 {
    background-image: url(../img/iconhyly09_on.png);
}

#rzzl-box .industry-item ul li a:hover .info span.name {
    color: #fff;
}

.xzFwys {
    margin-top: 40px;
}

.xzFwys dl {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.xzFwys dl:nth-child(3) {
    margin-right: 0;
}

.xzFwys dl dt {
    background: url(../img/ysBg.jpg);
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.xzFwys dl dt img {
    width: 60px;
    display: block;
    margin-right: 10px;
}

.xzFwys dl dt p {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.xzFwys dl dd {
    background: #e2e6f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    padding: 34px 0;
}

.ysmoreImg {
    text-align: center;
}

.ysmoreImg img {
    max-width: 60%;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 1440px) {
    #rzzl-box .industry-item ul li .bg .industry-txt span {
        font-size: 20px;
    }

    #rzzl-box .industry-item ul li .bg .industry-txt span:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }

    #rzzl-box .industry-item ul li .info span.icon {
        width: 150px;
        height: 103px;
    }

    #rzzl-box .industry-item ul li .info span.name {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    #rzzl-box .industry-item ul li .bg .industry-txt span {
        font-size: 18px;
    }

    #rzzl-box .industry-item ul li .bg .industry-txt span:before {
        width: 6px;
        height: 6px;
        margin-right: 8px;
    }

    #rzzl-box .industry-item ul li .info span.icon {
        width: 140px;
        height: 96px;
    }

    #rzzl-box .industry-item ul li .info span.name {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #rzzl-box .industry-item ul li .bg .industry-txt span {
        font-size: 16px;
    }

    #rzzl-box .industry-item ul li .bg .industry-txt span:before {
        width: 6px;
        height: 6px;
        margin-right: 5px;
    }

    #rzzl-box .industry-item ul li {
        margin-bottom: 15px;
    }

    #rzzl-box .industry-item ul li .info span.icon {
        width: 120px;
        height: 82px;
    }

    #rzzl-box .industry-item ul li .info span.name {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    #rzzl-box .industry-item ul li .bg .industry-txt span {
        font-size: 14px;
    }

    #rzzl-box .industry-item ul li .bg .industry-txt span:before {
        width: 4px;
        height: 4px;
        margin-right: 5px;
    }

    #rzzl-box .industry-item ul li {
        margin-bottom: 10px;
    }

    #rzzl-box .industry-item ul li .info span.icon {
        width: 100px;
        height: 69px;
    }

    #rzzl-box .industry-item ul li .info span.name {
        font-size: 16px;
    }
}

@media screen and (max-width: 650px) {
    #rzzl-box .industry-item ul li .img {
        width: calc(100% - 34px);
        float: none;
        object-fit: cover;
    }

    #rzzl-box .industry-item ul li .img img {
        height: 120px;
        object-fit: cover;
    }

    #rzzl-box .industry-item ul li .bg {

        opacity: 1;
        visibility: visible;
        padding: 10px 0;
    }



    #rzzl-box .industry-item ul li .info {
        width: 34px;
    }

    #rzzl-box .industry-item ul li .info span.icon {
        display: none;
    }

    #rzzl-box .industry-item ul li .info span.name {
        font-size: 14px;
    }

    #rzzl-box .industry-item ul li .info .info-inner {
        position: absolute;
        right: 10px;
        width: 14px;
    }
}

#csgy-box .cityUse-head {
    background: url(../img/rzbg_1.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#csgy-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#csgy-box .zx-section p {
    text-justify: inter-ideograph;
}

#csgy-box h3 {
    font-weight: bold;
}

#csgy-box h5 {
    font-weight: bold;
}

#csgy-box .tlbr-block:before {
    background-color: transparent;
}

#csgy-box .tlbr-block:after {
    background-color: transparent;
}

#csgy-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#csgy-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#csgy-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#csgy-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#csgy-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#csgy-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#csgy-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#csgy-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#csgy-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #csgy-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #csgy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #csgy-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #csgy-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #csgy-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #csgy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #csgy-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #csgy-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #csgy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #csgy-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #csgy-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #csgy-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #csgy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #csgy-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#csgy-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#csgy-box .ywjs-item li {
    float: left;
    width: 25.46875%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 500px;
    transition: all .4s;
    overflow: hidden;
}

#csgy-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#csgy-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#csgy-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#csgy-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#csgy-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#csgy-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#csgy-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#csgy-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#csgy-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#csgy-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#csgy-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#csgy-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#csgy-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#csgy-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#csgy-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#csgy-box .ywjs-item li.active {
    width: 48.75%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#csgy-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#csgy-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#csgy-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#csgy-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#csgy-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#csgy-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#csgy-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#csgy-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#csgy-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #csgy-box .ywjs-item li {
        height: 450px;
    }

    #csgy-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #csgy-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #csgy-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #csgy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #csgy-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #csgy-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #csgy-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #csgy-box .ywjs-item li {
        height: 380px;
    }

    #csgy-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #csgy-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #csgy-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #csgy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #csgy-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #csgy-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #csgy-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #csgy-box .ywjs-item li {
        height: 360px;
    }

    #csgy-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #csgy-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #csgy-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #csgy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #csgy-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #csgy-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #csgy-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #csgy-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #csgy-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #csgy-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #csgy-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #csgy-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #csgy-box .ywjs-item ul {
        border: none;
    }

    #csgy-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #csgy-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #csgy-box .ywjs-item .brief {
        display: none;
    }

    #csgy-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #csgy-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #csgy-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #csgy-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #csgy-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #csgy-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #csgy-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #csgy-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #csgy-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #csgy-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #csgy-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#csgy-box .caseShare-item {
    padding: 0 10px;
}

#csgy-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#csgy-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#csgy-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#csgy-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#csgy-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #csgy-box .caseShare-item h3 {
        font-size: 20px;
    }

    #csgy-box .caseShare-item h5 {
        font-size: 20px;
    }

    #csgy-box .caseShare-item p {
        font-size: 20px;
    }

    #csgy-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #csgy-box .caseShare-item h3 {
        font-size: 18px;
    }

    #csgy-box .caseShare-item h5 {
        font-size: 18px;
    }

    #csgy-box .caseShare-item p {
        font-size: 18px;
    }

    #csgy-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #csgy-box .caseShare-item h3 {
        font-size: 16px;
    }

    #csgy-box .caseShare-item h5 {
        font-size: 16px;
    }

    #csgy-box .caseShare-item p {
        font-size: 16px;
    }

    #csgy-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #csgy-box .caseShare-item h3 {
        font-size: 16px;
    }

    #csgy-box .caseShare-item h5 {
        font-size: 16px;
    }

    #csgy-box .caseShare-item p {
        font-size: 16px;
    }

    #csgy-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#csgy-box .rz-position {
    position: relative;
}

#csgy-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#csgy-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #csgy-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #csgy-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #csgy-box .rzbg {
        top: 0px;
    }
}

#yljk-box .cityUse-head {
    background: url(../img/rzbg_2.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#yljk-box .zx-section p {
    text-justify: inter-ideograph;
}

#yljk-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#yljk-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#yljk-box h3 {
    font-weight: bold;
}

#yljk-box h5 {
    font-weight: bold;
}

#yljk-box .tlbr-block:before {
    background-color: transparent;
}

#yljk-box .tlbr-block:after {
    background-color: transparent;
}

#yljk-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#yljk-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#yljk-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#yljk-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#yljk-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#yljk-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#yljk-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#yljk-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#yljk-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #yljk-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #yljk-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #yljk-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #yljk-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #yljk-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #yljk-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #yljk-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #yljk-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #yljk-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #yljk-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #yljk-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #yljk-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #yljk-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #yljk-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #yljk-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#yljk-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#yljk-box .ywjs-item li {
    float: left;
    width: 25.46875%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 500px;
    transition: all .4s;
    overflow: hidden;
}

#yljk-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#yljk-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#yljk-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#yljk-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#yljk-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#yljk-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#yljk-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#yljk-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#yljk-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#yljk-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#yljk-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#yljk-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#yljk-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#yljk-box .ywjs-item .detail dd.on:before {
    display: none;
}

#yljk-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#yljk-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#yljk-box .ywjs-item li.active {
    width: 48.75%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#yljk-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#yljk-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#yljk-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#yljk-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#yljk-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#yljk-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#yljk-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#yljk-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#yljk-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #yljk-box .ywjs-item li {
        height: 450px;
    }

    #yljk-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #yljk-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #yljk-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #yljk-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #yljk-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #yljk-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #yljk-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #yljk-box .ywjs-item li {
        height: 380px;
    }

    #yljk-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #yljk-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #yljk-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #yljk-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #yljk-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #yljk-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #yljk-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #yljk-box .ywjs-item li {
        height: 360px;
    }

    #yljk-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #yljk-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #yljk-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #yljk-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #yljk-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #yljk-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #yljk-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #yljk-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #yljk-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #yljk-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #yljk-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #yljk-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #yljk-box .ywjs-item ul {
        border: none;
    }

    #yljk-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #yljk-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #yljk-box .ywjs-item .brief {
        display: none;
    }

    #yljk-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #yljk-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #yljk-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #yljk-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #yljk-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #yljk-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #yljk-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #yljk-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #yljk-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #yljk-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #yljk-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#yljk-box .caseShare-item {
    padding: 0 10px;
}

#yljk-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#yljk-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#yljk-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#yljk-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#yljk-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #yljk-box .caseShare-item h3 {
        font-size: 20px;
    }

    #yljk-box .caseShare-item h5 {
        font-size: 20px;
    }

    #yljk-box .caseShare-item p {
        font-size: 20px;
    }

    #yljk-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #yljk-box .caseShare-item h3 {
        font-size: 18px;
    }

    #yljk-box .caseShare-item h5 {
        font-size: 18px;
    }

    #yljk-box .caseShare-item p {
        font-size: 18px;
    }

    #yljk-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #yljk-box .caseShare-item h3 {
        font-size: 16px;
    }

    #yljk-box .caseShare-item h5 {
        font-size: 16px;
    }

    #yljk-box .caseShare-item p {
        font-size: 16px;
    }

    #yljk-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #yljk-box .caseShare-item h3 {
        font-size: 16px;
    }

    #yljk-box .caseShare-item h5 {
        font-size: 16px;
    }

    #yljk-box .caseShare-item p {
        font-size: 16px;
    }

    #yljk-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#yljk-box .rz-position {
    position: relative;
}

#yljk-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#yljk-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #yljk-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #yljk-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #yljk-box .rzbg {
        top: 0px;
    }
}

#whly-box .p_articles {
    width: calc((100% - 0px)/1);
}

#whly-box .p_CommonSummaryBoxA {
    text-align: center;
}

#whly-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#whly-box .zx-section p {
    text-justify: inter-ideograph;
}

#whly-box .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#whly-box .tlbr-block:before {
    background-color: transparent;
}

#whly-box .tlbr-block:after {
    background-color: transparent;
}

#whly-box>div {
    animation-fill-mode: both;
}

#whly-box .cityUse-head {
    background: url(../img/rzbg_3.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#whly-box h3 {
    font-weight: bold;
}

#whly-box h5 {
    font-weight: bold;
}

#whly-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#whly-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#whly-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0px;
    top: -8px;
}

#whly-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0px;
    bottom: -8px;
}

#whly-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#whly-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#whly-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#whly-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#whly-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#whly-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #whly-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #whly-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #whly-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #whly-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #whly-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #whly-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #whly-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #whly-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #whly-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #whly-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #whly-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #whly-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #whly-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #whly-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #whly-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#whly-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#whly-box .ywjs-item li {
    float: left;
    width: 25.46875%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 690px;
    transition: all .4s;
    overflow: hidden;
}

#whly-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#whly-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0px;
    transition: all .4s;
}

#whly-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#whly-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#whly-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#whly-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#whly-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#whly-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#whly-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#whly-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#whly-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#whly-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#whly-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#whly-box .ywjs-item .detail dd.on:before {
    display: none;
}

#whly-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#whly-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#whly-box .ywjs-item li.active {
    width: 48.75%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#whly-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#whly-box .ywjs-item li.active .ywjs-head:after {
    left: 0px;
    width: 100%;
}

#whly-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#whly-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#whly-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#whly-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#whly-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#whly-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

#whly-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #whly-box .ywjs-item li {
        height: 550px;
    }

    #whly-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #whly-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #whly-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #whly-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #whly-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #whly-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #whly-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #whly-box .ywjs-item li {
        height: 480px;
    }

    #whly-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #whly-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #whly-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #whly-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #whly-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #whly-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #whly-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #whly-box .ywjs-item li {
        height: 500px;
    }

    #whly-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #whly-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #whly-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #whly-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #whly-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #whly-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #whly-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #whly-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #whly-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #whly-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #whly-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #whly-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #whly-box .ywjs-item ul {
        border: none;
    }

    #whly-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #whly-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #whly-box .ywjs-item .brief {
        display: none;
    }

    #whly-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #whly-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #whly-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #whly-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #whly-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #whly-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #whly-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #whly-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #whly-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #whly-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #whly-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#whly-box .caseShare-item {
    padding: 0 10px;
}

#whly-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#whly-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#whly-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#whly-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#whly-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #whly-box .caseShare-item h3 {
        font-size: 20px;
    }

    #whly-box .caseShare-item h5 {
        font-size: 20px;
    }

    #whly-box .caseShare-item p {
        font-size: 20px;
    }

    #whly-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #whly-box .caseShare-item h3 {
        font-size: 18px;
    }

    #whly-box .caseShare-item h5 {
        font-size: 18px;
    }

    #whly-box .caseShare-item p {
        font-size: 18px;
    }

    #whly-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #whly-box .caseShare-item h3 {
        font-size: 16px;
    }

    #whly-box .caseShare-item h5 {
        font-size: 16px;
    }

    #whly-box .caseShare-item p {
        font-size: 16px;
    }

    #whly-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #whly-box .caseShare-item h3 {
        font-size: 16px;
    }

    #whly-box .caseShare-item h5 {
        font-size: 16px;
    }

    #whly-box .caseShare-item p {
        font-size: 16px;
    }

    #whly-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#whly-box .rz-position {
    position: relative;
}

#whly-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0px;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#whly-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #whly-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #whly-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #whly-box .rzbg {
        top: 0px;
    }
}

#whly-box .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#whly-box .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#whly-box .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#whly-box .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#gcjs-box .cityUse-head {
    background: url(../img/rzbg_4.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#gcjs-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#gcjs-box .zx-section .qiyuanWrap {
    margin-top: 0;
}

#gcjs-box .zx-section .qiyuan {
    margin-top: 0;
}

#gcjs-box .zx-section p {
    text-justify: inter-ideograph;
}

#gcjs-box h3 {
    font-weight: bold;
}

#gcjs-box h5 {
    font-weight: bold;
}

#gcjs-box .tlbr-block:before {
    background-color: transparent;
}

#gcjs-box .tlbr-block:after {
    background-color: transparent;
}

#gcjs-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#gcjs-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#gcjs-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#gcjs-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#gcjs-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#gcjs-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#gcjs-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#gcjs-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#gcjs-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#gcjs-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #gcjs-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #gcjs-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #gcjs-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #gcjs-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #gcjs-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #gcjs-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #gcjs-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #gcjs-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #gcjs-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #gcjs-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #gcjs-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#gcjs-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#gcjs-box .ywjs-item li {
    float: left;
    width: 38.3%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 410px;
    transition: all .4s;
    overflow: hidden;
}

#gcjs-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#gcjs-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#gcjs-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#gcjs-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#gcjs-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#gcjs-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#gcjs-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#gcjs-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#gcjs-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#gcjs-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#gcjs-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#gcjs-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#gcjs-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#gcjs-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#gcjs-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#gcjs-box .ywjs-item li.active {
    width: 61.45%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#gcjs-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#gcjs-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#gcjs-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#gcjs-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#gcjs-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#gcjs-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#gcjs-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#gcjs-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#gcjs-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #gcjs-box .ywjs-item li {
        height: 360px;
    }

    #gcjs-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #gcjs-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #gcjs-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #gcjs-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #gcjs-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #gcjs-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #gcjs-box .ywjs-item li {
        height: 320px;
    }

    #gcjs-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #gcjs-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #gcjs-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #gcjs-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #gcjs-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #gcjs-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #gcjs-box .ywjs-item li {
        height: 280px;
    }

    #gcjs-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #gcjs-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #gcjs-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #gcjs-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #gcjs-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #gcjs-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #gcjs-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #gcjs-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #gcjs-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #gcjs-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #gcjs-box .ywjs-item ul {
        border: none;
    }

    #gcjs-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #gcjs-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #gcjs-box .ywjs-item .brief {
        display: none;
    }

    #gcjs-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #gcjs-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #gcjs-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #gcjs-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #gcjs-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #gcjs-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #gcjs-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #gcjs-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #gcjs-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #gcjs-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#gcjs-box .caseShare-item {
    padding: 0 10px;
}

#gcjs-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#gcjs-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#gcjs-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#gcjs-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#gcjs-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #gcjs-box .caseShare-item h3 {
        font-size: 20px;
    }

    #gcjs-box .caseShare-item h5 {
        font-size: 20px;
    }

    #gcjs-box .caseShare-item p {
        font-size: 20px;
    }

    #gcjs-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #gcjs-box .caseShare-item h3 {
        font-size: 18px;
    }

    #gcjs-box .caseShare-item h5 {
        font-size: 18px;
    }

    #gcjs-box .caseShare-item p {
        font-size: 18px;
    }

    #gcjs-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #gcjs-box .caseShare-item h3 {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item h5 {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item p {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #gcjs-box .caseShare-item h3 {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item h5 {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item p {
        font-size: 16px;
    }

    #gcjs-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#gcjs-box .rz-position {
    position: relative;
}

#gcjs-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#gcjs-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #gcjs-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #gcjs-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #gcjs-box .rzbg {
        top: 0px;
    }
}

#jxzz-box .cityUse-head {
    background: url(../img/rzbg_5.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#jxzz-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#jxzz-box .zx-section p {
    text-justify: inter-ideograph;
}

#jxzz-box h3 {
    font-weight: bold;
}

#jxzz-box h5 {
    font-weight: bold;
}

#jxzz-box .tlbr-block:before {
    background-color: transparent;
}

#jxzz-box .tlbr-block:after {
    background-color: transparent;
}

#jxzz-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#jxzz-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#jxzz-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#jxzz-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#jxzz-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#jxzz-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#jxzz-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#jxzz-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#jxzz-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#jxzz-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #jxzz-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #jxzz-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #jxzz-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #jxzz-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #jxzz-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #jxzz-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #jxzz-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #jxzz-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #jxzz-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #jxzz-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #jxzz-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#jxzz-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#jxzz-box .ywjs-item li {
    float: left;
    width: 38.3%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 400px;
    transition: all .4s;
    overflow: hidden;
}

#jxzz-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#jxzz-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#jxzz-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#jxzz-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#jxzz-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#jxzz-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#jxzz-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#jxzz-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#jxzz-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#jxzz-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#jxzz-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#jxzz-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#jxzz-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#jxzz-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#jxzz-box .ywjs-item li.active {
    width: 61.45%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#jxzz-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#jxzz-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#jxzz-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#jxzz-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#jxzz-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#jxzz-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#jxzz-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#jxzz-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#jxzz-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #jxzz-box .ywjs-item li {
        height: 350px;
    }

    #jxzz-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #jxzz-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #jxzz-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #jxzz-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #jxzz-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #jxzz-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #jxzz-box .ywjs-item li {
        height: 300px;
    }

    #jxzz-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #jxzz-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #jxzz-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #jxzz-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #jxzz-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #jxzz-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #jxzz-box .ywjs-item li {
        height: 260px;
    }

    #jxzz-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #jxzz-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #jxzz-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #jxzz-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #jxzz-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #jxzz-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #jxzz-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #jxzz-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #jxzz-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #jxzz-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #jxzz-box .ywjs-item ul {
        border: none;
    }

    #jxzz-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #jxzz-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #jxzz-box .ywjs-item .brief {
        display: none;
    }

    #jxzz-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #jxzz-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #jxzz-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #jxzz-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #jxzz-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #jxzz-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #jxzz-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #jxzz-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #jxzz-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #jxzz-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#jxzz-box .caseShare-item {
    padding: 0 10px;
}

#jxzz-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#jxzz-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#jxzz-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#jxzz-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#jxzz-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #jxzz-box .caseShare-item h3 {
        font-size: 20px;
    }

    #jxzz-box .caseShare-item h5 {
        font-size: 20px;
    }

    #jxzz-box .caseShare-item p {
        font-size: 20px;
    }

    #jxzz-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #jxzz-box .caseShare-item h3 {
        font-size: 18px;
    }

    #jxzz-box .caseShare-item h5 {
        font-size: 18px;
    }

    #jxzz-box .caseShare-item p {
        font-size: 18px;
    }

    #jxzz-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #jxzz-box .caseShare-item h3 {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item h5 {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item p {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #jxzz-box .caseShare-item h3 {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item h5 {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item p {
        font-size: 16px;
    }

    #jxzz-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#jxzz-box .rz-position {
    position: relative;
}

#jxzz-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#jxzz-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #jxzz-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #jxzz-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #jxzz-box .rzbg {
        top: 0px;
    }
}

#hgyy-box .p_articles {
    width: calc((100% - 0px)/1);
}

#hgyy-box .p_CommonSummaryBoxA {
    text-align: center;
}

#hgyy-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#hgyy-box .zx-section p {
    text-justify: inter-ideograph;
}

#hgyy-box .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#hgyy-box>div {
    animation-fill-mode: both;
}

#hgyy-box .cityUse-head {
    background: url(../img/rzbg_6.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#hgyy-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#hgyy-box h3 {
    font-weight: bold;
}

#hgyy-box h5 {
    font-weight: bold;
}

#hgyy-box .tlbr-block:before {
    background-color: transparent;
}

#hgyy-box .tlbr-block:after {
    background-color: transparent;
}

#hgyy-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#hgyy-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0px;
    top: -8px;
}

#hgyy-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0px;
    bottom: -8px;
}

#hgyy-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#hgyy-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#hgyy-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#hgyy-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#hgyy-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#hgyy-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #hgyy-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #hgyy-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #hgyy-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #hgyy-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #hgyy-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #hgyy-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #hgyy-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #hgyy-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #hgyy-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #hgyy-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #hgyy-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#hgyy-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#hgyy-box .ywjs-item li {
    float: left;
    width: 25.46875%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 500px;
    transition: all .4s;
    overflow: hidden;
}

#hgyy-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#hgyy-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0px;
    transition: all .4s;
}

#hgyy-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#hgyy-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#hgyy-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#hgyy-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#hgyy-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#hgyy-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#hgyy-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#hgyy-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#hgyy-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#hgyy-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#hgyy-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#hgyy-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#hgyy-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#hgyy-box .ywjs-item li.active {
    width: 48.75%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#hgyy-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#hgyy-box .ywjs-item li.active .ywjs-head:after {
    left: 0px;
    width: 100%;
}

#hgyy-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#hgyy-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#hgyy-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#hgyy-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#hgyy-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#hgyy-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}

#hgyy-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #hgyy-box .ywjs-item li {
        height: 450px;
    }

    #hgyy-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #hgyy-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #hgyy-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #hgyy-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #hgyy-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #hgyy-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #hgyy-box .ywjs-item li {
        height: 380px;
    }

    #hgyy-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #hgyy-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #hgyy-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #hgyy-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #hgyy-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #hgyy-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #hgyy-box .ywjs-item li {
        height: 360px;
    }

    #hgyy-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #hgyy-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #hgyy-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #hgyy-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #hgyy-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #hgyy-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #hgyy-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #hgyy-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #hgyy-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #hgyy-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #hgyy-box .ywjs-item ul {
        border: none;
    }

    #hgyy-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #hgyy-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #hgyy-box .ywjs-item .brief {
        display: none;
    }

    #hgyy-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #hgyy-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #hgyy-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #hgyy-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #hgyy-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #hgyy-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #hgyy-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #hgyy-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #hgyy-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #hgyy-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#hgyy-box .caseShare-item {
    padding: 0 10px;
}

#hgyy-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#hgyy-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#hgyy-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#hgyy-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#hgyy-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #hgyy-box .caseShare-item h3 {
        font-size: 20px;
    }

    #hgyy-box .caseShare-item h5 {
        font-size: 20px;
    }

    #hgyy-box .caseShare-item p {
        font-size: 20px;
    }

    #hgyy-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #hgyy-box .caseShare-item h3 {
        font-size: 18px;
    }

    #hgyy-box .caseShare-item h5 {
        font-size: 18px;
    }

    #hgyy-box .caseShare-item p {
        font-size: 18px;
    }

    #hgyy-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #hgyy-box .caseShare-item h3 {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item h5 {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item p {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #hgyy-box .caseShare-item h3 {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item h5 {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item p {
        font-size: 16px;
    }

    #hgyy-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#hgyy-box .rz-position {
    position: relative;
}

#hgyy-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0px;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#hgyy-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #hgyy-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #hgyy-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #hgyy-box .rzbg {
        top: 0px;
    }
}

#hgyy-box .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#hgyy-box .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#hgyy-box .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#hgyy-box .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#dzxx-box h3 {
    font-weight: bold;
}

#dzxx-box h5 {
    font-weight: bold;
}

#dzxx-box .tlbr-block:before {
    background-color: transparent;
}

#dzxx-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#dzxx-box .zx-section p {
    text-justify: inter-ideograph;
}

#dzxx-box .tlbr-block:after {
    background-color: transparent;
}

#dzxx-box .cityUse-head {
    background: url(../img/rzbg_7.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#dzxx-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#dzxx-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#dzxx-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(/img/img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#dzxx-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(/img/img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#dzxx-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#dzxx-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#dzxx-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#dzxx-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#dzxx-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#dzxx-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #dzxx-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #dzxx-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #dzxx-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #dzxx-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #dzxx-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #dzxx-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #dzxx-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #dzxx-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #dzxx-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #dzxx-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #dzxx-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#dzxx-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#dzxx-box .ywjs-item li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 420px;
    transition: all .4s;
    overflow: hidden;
}

#dzxx-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#dzxx-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#dzxx-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#dzxx-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(/img/icon_ywjs01.png);
}

#dzxx-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(/img/icon_ywjs02.png);
}

#dzxx-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(/img/icon_ywjs03.png);
}

#dzxx-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#dzxx-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#dzxx-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#dzxx-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#dzxx-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#dzxx-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#dzxx-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#dzxx-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#dzxx-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#dzxx-box .ywjs-item li.active {
    width: 100%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#dzxx-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#dzxx-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#dzxx-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#dzxx-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#dzxx-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#dzxx-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#dzxx-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#dzxx-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#dzxx-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #dzxx-box .ywjs-item li {
        height: 360px;
    }

    #dzxx-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #dzxx-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #dzxx-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #dzxx-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #dzxx-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #dzxx-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #dzxx-box .ywjs-item li {
        height: 320px;
    }

    #dzxx-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #dzxx-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #dzxx-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #dzxx-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #dzxx-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #dzxx-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #dzxx-box .ywjs-item li.active {
        width: 90%;
    }

    #dzxx-box .ywjs-item li {
        height: 260px;
    }

    #dzxx-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #dzxx-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #dzxx-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #dzxx-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #dzxx-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #dzxx-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #dzxx-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #dzxx-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #dzxx-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #dzxx-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #dzxx-box .ywjs-item ul {
        border: none;
    }

    #dzxx-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #dzxx-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #dzxx-box .ywjs-item .brief {
        display: none;
    }

    #dzxx-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #dzxx-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #dzxx-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #dzxx-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(/img/icon_ywjs01_on.png);
    }

    #dzxx-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(/img/icon_ywjs02_on.png);
    }

    #dzxx-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(/img/icon_ywjs03_on.png);
    }

    #dzxx-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #dzxx-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #dzxx-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #dzxx-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#dzxx-box .caseShare-item {
    padding: 0 10px;
}

#dzxx-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#dzxx-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#dzxx-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#dzxx-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#dzxx-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #dzxx-box .caseShare-item h3 {
        font-size: 20px;
    }

    #dzxx-box .caseShare-item h5 {
        font-size: 20px;
    }

    #dzxx-box .caseShare-item p {
        font-size: 20px;
    }

    #dzxx-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #dzxx-box .caseShare-item h3 {
        font-size: 18px;
    }

    #dzxx-box .caseShare-item h5 {
        font-size: 18px;
    }

    #dzxx-box .caseShare-item p {
        font-size: 18px;
    }

    #dzxx-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #dzxx-box .caseShare-item h3 {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item h5 {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item p {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #dzxx-box .caseShare-item h3 {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item h5 {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item p {
        font-size: 16px;
    }

    #dzxx-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#dzxx-box .rz-position {
    position: relative;
}

#dzxx-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#dzxx-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #dzxx-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #dzxx-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #dzxx-box .rzbg {
        top: 0px;
    }
}


}

#msxf-box h3 {
    font-weight: bold;
}

#msxf-box h5 {
    font-weight: bold;
}

#msxf-box .zx-section p {
    text-justify: inter-ideograph;
}

#msxf-box .zx-section .qiyuanWrap {
    margin-top: 0;
}

#msxf-box .zx-section .qiyuan {
    margin-top: 0;
}

#msxf-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#msxf-box .tlbr-block:before {
    background-color: transparent;
}

#msxf-box .tlbr-block:after {
    background-color: transparent;
}

#msxf-box .cityUse-head {
    background: url(../img/rzbg_8.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#msxf-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#msxf-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#msxf-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#msxf-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#msxf-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#msxf-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#msxf-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#msxf-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#msxf-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#msxf-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #msxf-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #msxf-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #msxf-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #msxf-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #msxf-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #msxf-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #msxf-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #msxf-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #msxf-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #msxf-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #msxf-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #msxf-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #msxf-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #msxf-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #msxf-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#msxf-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#msxf-box .ywjs-item li {
    float: left;
    width: 25.46875%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 600px;
    transition: all .4s;
    overflow: hidden;
}

#msxf-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#msxf-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#msxf-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#msxf-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#msxf-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#msxf-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#msxf-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#msxf-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#msxf-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#msxf-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#msxf-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#msxf-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#msxf-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#msxf-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#msxf-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#msxf-box .ywjs-item li.active {
    width: 48.75%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#msxf-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#msxf-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#msxf-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#msxf-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#msxf-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#msxf-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#msxf-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#msxf-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#msxf-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width: 1440px) {
    #msxf-box .ywjs-item li {
        height: 500px;
    }

    #msxf-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #msxf-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #msxf-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #msxf-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #msxf-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #msxf-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #msxf-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #msxf-box .ywjs-item li {
        height: 420px;
    }

    #msxf-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #msxf-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #msxf-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #msxf-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #msxf-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #msxf-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #msxf-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #msxf-box .ywjs-item li {
        height: 410px;
    }

    #msxf-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #msxf-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #msxf-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #msxf-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #msxf-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #msxf-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #msxf-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #msxf-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #msxf-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #msxf-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #msxf-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #msxf-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #msxf-box .ywjs-item ul {
        border: none;
    }

    #msxf-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #msxf-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #msxf-box .ywjs-item .brief {
        display: none;
    }

    #msxf-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #msxf-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #msxf-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #msxf-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #msxf-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #msxf-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #msxf-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #msxf-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #msxf-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #msxf-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #msxf-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#msxf-box .caseShare-item {
    padding: 0 10px;
}

#msxf-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#msxf-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#msxf-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#msxf-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#msxf-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #msxf-box .caseShare-item h3 {
        font-size: 20px;
    }

    #msxf-box .caseShare-item h5 {
        font-size: 20px;
    }

    #msxf-box .caseShare-item p {
        font-size: 20px;
    }

    #msxf-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #msxf-box .caseShare-item h3 {
        font-size: 18px;
    }

    #msxf-box .caseShare-item h5 {
        font-size: 18px;
    }

    #msxf-box .caseShare-item p {
        font-size: 18px;
    }

    #msxf-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #msxf-box .caseShare-item h3 {
        font-size: 16px;
    }

    #msxf-box .caseShare-item h5 {
        font-size: 16px;
    }

    #msxf-box .caseShare-item p {
        font-size: 16px;
    }

    #msxf-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #msxf-box .caseShare-item h3 {
        font-size: 16px;
    }

    #msxf-box .caseShare-item h5 {
        font-size: 16px;
    }

    #msxf-box .caseShare-item p {
        font-size: 16px;
    }

    #msxf-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#msxf-box .rz-position {
    position: relative;
}

#msxf-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#msxf-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #msxf-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #msxf-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #msxf-box .rzbg {
        top: 0px;
    }
}

#jtwl-box h3 {
    font-weight: bold;
}

#jtwl-box h5 {
    font-weight: bold;
}

#jtwl-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#jtwl-box .tlbr-block:before {
    background-color: transparent;
}

#jtwl-box .zx-section p {
    text-justify: inter-ideograph;
}

#jtwl-box .tlbr-block:after {
    background-color: transparent;
}

#jtwl-box .cityUse-head {
    background: url(../img/rzbg_9.jpg) center bottom/cover no-repeat;
    padding: 100px 0 134px;
}

#jtwl-box .cityUse-head .title-tl-br-l {
    margin-bottom: 80px;
}

#jtwl-box .cityUse-head .title-tl-br-l h2 {
    font-size: 32px;
    display: inline-block;
    color: #5a68b3;
    position: relative;
    padding: 0 77px;
}

#jtwl-box .cityUse-head .title-tl-br-l h2:before {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t01.png) 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: -8px;
}

#jtwl-box .cityUse-head .title-tl-br-l h2:after {
    content: '';
    display: block;
    width: 39px;
    height: 39px;
    background: url(../img../img_gd_t02.png) 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    bottom: -8px;
}

#jtwl-box .cityUse-head .bgwh-item .imgbox {
    margin-bottom: 50px;
}

#jtwl-box .cityUse-head .bgwh-item .img {
    position: relative;
    z-index: 2;
    box-shadow: 5px 12px 20px rgba(153, 153, 153, 0.4);
    background-color: #fff;
    padding: 8px;
    overflow: hidden;
}

#jtwl-box .cityUse-head .bgwh-item .img img {
    transition: all .4s;
}

#jtwl-box .cityUse-head .bgwh-item .img:hover .open-vr {
    opacity: 1;
    visibility: visible;
}

#jtwl-box .cityUse-head .bgwh-item .img:hover img {
    transform: scale(1.05);
}

#jtwl-box .cityUse-head .bgwh-item .txt p {
    font-size: 22px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    text-justify: inter-ideograph;
}

@media screen and (max-width: 1440px) {
    #jtwl-box .cityUse-head {
        padding: 70px 0 100px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l {
        margin-bottom: 70px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2 {
        font-size: 28px;
        padding: 0 60px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:before {
        width: 30px;
        height: 30px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:after {
        width: 30px;
        height: 30px;
    }

    #jtwl-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 40px;
    }

    #jtwl-box .cityUse-head .bgwh-item .txt p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #jtwl-box .cityUse-head {
        padding: 50px 0 90px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l {
        margin-bottom: 50px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2 {
        font-size: 26px;
        padding: 0 50px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:before {
        width: 26px;
        height: 26px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:after {
        width: 26px;
        height: 26px;
    }

    #jtwl-box .cityUse-head .bgwh-item .txt p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #jtwl-box .cityUse-head {
        padding: 40px 0 70px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l {
        margin-bottom: 40px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2 {
        font-size: 24px;
        padding: 0 40px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:before {
        width: 22px;
        height: 22px;
        top: -4px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:after {
        width: 22px;
        height: 22px;
        bottom: -4px;
    }

    #jtwl-box .cityUse-head .bgwh-item .imgbox {
        margin-bottom: 30px;
    }

    #jtwl-box .cityUse-head .bgwh-item .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #jtwl-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #jtwl-box .cityUse-head {
        padding: 40px 0 60px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l {
        margin-bottom: 26px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2 {
        font-size: 22px;
        padding: 0 30px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:before {
        width: 18px;
        height: 18px;
        top: -4px;
    }

    #jtwl-box .cityUse-head .title-tl-br-l h2:after {
        width: 18px;
        height: 18px;
        bottom: -4px;
    }
}

#jtwl-box .ywjs-item ul {
    position: relative;
    border-left: 2px solid #e1e1e1;
}

#jtwl-box .ywjs-item li {
    float: left;
    width: 38.3%;
    box-sizing: border-box;
    border: 2px solid #e1e1e1;
    border-left: none;
    position: relative;
    height: 500px;
    transition: all .4s;
    overflow: hidden;
}

#jtwl-box .ywjs-item .ywjs-head {
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 5%;
    position: relative;
    transition: all .4s;
}

#jtwl-box .ywjs-item .ywjs-head:after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    background-color: #d2d2d2;
    position: absolute;
    left: calc(50% - 32px);
    bottom: 0;
    transition: all .4s;
}

#jtwl-box .ywjs-item .ywjs-head i.icon {
    display: block;
    vertical-align: middle;
    background: 0 0/cover no-repeat;
    width: 57px;
    height: 57px;
    margin: 0 auto 10px;
    transition: all .4s;
}

#jtwl-box .ywjs-item .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01.png);
}

#jtwl-box .ywjs-item .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02.png);
}

#jtwl-box .ywjs-item .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03.png);
}

#jtwl-box .ywjs-item .ywjs-head .name {
    font-size: 24px;
    color: #999;
    transition: all .4s;
}

#jtwl-box .ywjs-item .ywjs-body {
    padding-top: 20px;
}

#jtwl-box .ywjs-item .brief {
    text-align: center;
    visibility: visible;
    opacity: 1;
    height: auto;
}

#jtwl-box .ywjs-item .brief h5 {
    font-size: 22px;
    color: #999;
    line-height: 45px;
    font-weight: normal;
}

#jtwl-box .ywjs-item .detail {
    opacity: 0;
    visibility: hidden;
    padding: 0 5%;
}

#jtwl-box .ywjs-item .detail dd {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 10px;
    color: #666;
}

#jtwl-box .ywjs-item .detail dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background-color: #5a68b3;
    margin: 0 10px 0 15px;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#jtwl-box .ywjs-item .detail dd p {
    line-height: 2;
    font-size: 22px;
}

#jtwl-box .ywjs-item li:nth-child(2) .detail dl {
    width: 50%;
    float: left;
}

#jtwl-box .ywjs-item li.active {
    width: 61.45%;
    border: 2px solid #5a68b3;
    left: -2px;
    box-shadow: 10px 0 12px rgba(0, 0, 0, 0.1);
}

#jtwl-box .ywjs-item li.active .ywjs-head {
    text-align: left;
}

#jtwl-box .ywjs-item li.active .ywjs-head:after {
    left: 0;
    width: 100%;
}

#jtwl-box .ywjs-item li.active .ywjs-head i.icon {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

#jtwl-box .ywjs-item li.active .ywjs-head i.icon-1 {
    background-image: url(../img/icon_ywjs01_on.png);
}

#jtwl-box .ywjs-item li.active .ywjs-head i.icon-2 {
    background-image: url(../img/icon_ywjs02_on.png);
}

#jtwl-box .ywjs-item li.active .ywjs-head i.icon-3 {
    background-image: url(../img/icon_ywjs03_on.png);
}

#jtwl-box .ywjs-item li.active .ywjs-head .name {
    display: inline-block;
    font-size: 24px;
    color: #666;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#jtwl-box .ywjs-item li.active .brief {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#jtwl-box .ywjs-item li.active .detail {
    opacity: 1;
    visibility: visible;
}

.pt-szh-box {
    padding: 45px 0;
}

.szh-li {
    width: 48%;
    float: left;
    margin-bottom: 30px;
}

.szh-li dl {
    height: 439px;
    color: #fff;
    padding: 26px 50px;
    box-sizing: border-box;
}

.szh-li h1 {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 15px;
}

.szh-li dl dt {
    text-align: center;
    font-size: 22px;
    margin-bottom: 17px;
}

.szh-li dl dd {
    position: relative;
}

.szh-li dl dd span {
    display: block;
    width: 40%;
    float: left;
    font-size: 17px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 30px;
    line-height: 36px;
    margin-bottom: 5px;
    transition-duration: .5s;
    cursor: pointer;
}

.szh-li dl dd span:hover {
    background: #18308f;
    border: 1px solid #18308f
}

.szh-li dl dd span:nth-child(2n) {
    float: right;
}

.szh-li dl dd b {
    font-weight: normal;
    width: 45px;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: #18308f;
    position: absolute;
    top: 0;
    left: 45%;
    border-radius: 30px;
}

.szh-li:nth-child(1) dl {
    background: url(../image/szh01.jpg) no-repeat center;
}

.szh-li:nth-child(2) dl {
    background: url(../image/szh02.jpg) no-repeat center;
}

.szh-li:nth-child(3) dl {
    background: url(../image/szh03.jpg) no-repeat center;
}

.szh-li:nth-child(4) dl {
    background: url(../image/szh04.jpg) no-repeat center;
}

.szh-li:nth-child(2n) {
    float: right;
}

.szh-li:nth-child(2) dl dd span {
    margin-top: 10px;
}

.szh-li:nth-child(3) dl dd span {
    margin-top: 25px;
}

.szh-li:nth-child(4) dl dd span {
    float: none;
    margin: 20px auto 0;
}


@media screen and (max-width: 1440px) {
    #jtwl-box .ywjs-item li {
        height: 450px;
    }

    #jtwl-box .ywjs-item .ywjs-head {
        padding: 20px 0 15px;
    }

    #jtwl-box .ywjs-item .ywjs-head i.icon {
        width: 48px;
        height: 48px;
    }

    #jtwl-box .ywjs-item .ywjs-head .name {
        font-size: 22px;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head .name {
        font-size: 22px;
    }

    #jtwl-box .ywjs-item .brief h5 {
        font-size: 20px;
        line-height: 40px;
    }

    #jtwl-box .ywjs-item .detail dd {
        font-size: 20px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    #jtwl-box .ywjs-item .detail dd p {
        font-size: 20px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1280px) {
    #jtwl-box .ywjs-item li {
        height: 380px;
    }

    #jtwl-box .ywjs-item .ywjs-head {
        padding: 15px 0 12px;
    }

    #jtwl-box .ywjs-item .ywjs-head i.icon {
        width: 40px;
        height: 40px;
    }

    #jtwl-box .ywjs-item .ywjs-head .name {
        font-size: 20px;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head .name {
        font-size: 20px;
    }

    #jtwl-box .ywjs-item .brief h5 {
        font-size: 18px;
        line-height: 36px;
    }

    #jtwl-box .ywjs-item .detail dd {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #jtwl-box .ywjs-item .detail dd p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #jtwl-box .ywjs-item li {
        height: 360px;
    }

    #jtwl-box .ywjs-item .ywjs-head {
        padding: 12px 0 10px;
    }

    #jtwl-box .ywjs-item .ywjs-head i.icon {
        width: 36px;
        height: 36px;
    }

    #jtwl-box .ywjs-item .ywjs-head .name {
        font-size: 18px;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head .name {
        font-size: 18px;
    }

    #jtwl-box .ywjs-item .brief h5 {
        line-height: 32px;
    }

    #jtwl-box .ywjs-item .detail dd {
        margin-bottom: 5px;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
    }

    #jtwl-box .ywjs-item .detail dd:before {
        width: 6px;
        height: 6px;
        margin: 0 5px 0 8px;
    }

    #jtwl-box .ywjs-item .detail dd span {
        margin: 5px 0 3px;
        display: inline-block;
    }

    #jtwl-box .ywjs-item .brief h5 {
        font-size: 16px;
    }

    #jtwl-box .ywjs-item .detail dd {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #jtwl-box .ywjs-item .detail dd p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .pt-szh-box {
        padding: 25px 0;
    }

    .szh-li {
        width: 100%;
        margin-bottom: 15px;
    }

    .szh-li h1 {
        font-size: 20px;
    }

    .szh-li dl {
        height: auto;
        padding: 20px;
    }

    .szh-li dl dd span {
        width: 42%;
        font-size: 14px;
        line-height: 30px;
    }

    .szh-li dl dd b {
        width: 35px;
        left: 44%;
        font-size: 14px;
    }

    .szh-li:nth-child(3) dl dd span,
    .szh-li:nth-child(4) dl dd span {
        width: 48%;
    }

    #jtwl-box .ywjs-item ul {
        border: none;
    }

    #jtwl-box .ywjs-item li {
        height: auto;
        float: none;
        width: 100%;
        border: none;
        padding-bottom: 20px;
    }

    #jtwl-box .ywjs-item li.active {
        width: 100%;
        border: none;
        left: 0;
        box-shadow: none;
    }

    #jtwl-box .ywjs-item .brief {
        display: none;
    }

    #jtwl-box .ywjs-item .detail {
        opacity: 1;
        visibility: visible;
    }

    #jtwl-box .ywjs-item li .ywjs-head {
        text-align: left;
        height: 52px;
    }

    #jtwl-box .ywjs-item li .ywjs-head i.icon {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head i.icon {
        margin-right: 10px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    #jtwl-box .ywjs-item li .ywjs-head i.icon-1 {
        background-image: url(../img/icon_ywjs01_on.png);
    }

    #jtwl-box .ywjs-item li .ywjs-head i.icon-2 {
        background-image: url(../img/icon_ywjs02_on.png);
    }

    #jtwl-box .ywjs-item li .ywjs-head i.icon-3 {
        background-image: url(../img/icon_ywjs03_on.png);
    }

    #jtwl-box .ywjs-item li .ywjs-head .name {
        display: inline-block;
        color: #333;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #jtwl-box .ywjs-item li.active .ywjs-head .name {
        display: inline-block;
        color: #666;
        font-size: 18px;
        vertical-align: top;
        position: relative;
        top: 3px;
    }

    #jtwl-box .ywjs-item .ywjs-head:after {
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 500px) {
    #jtwl-box .ywjs-item li:nth-child(2) .detail dl {
        width: 100%;
        float: none;
    }
}

#jtwl-box .caseShare-item {
    padding: 0 10px;
}

#jtwl-box .caseShare-item h3 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 10px;
    color: #666;
}

#jtwl-box .caseShare-item h5 {
    color: #5a68b3;
    font-size: 22px;
    padding: 5px 0 10px;
}

#jtwl-box .caseShare-item h5:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-color: #5a68b3;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#jtwl-box .caseShare-item p {
    font-size: 22px;
    line-height: 1.8;
    color: #666;
    margin-bottom: 10px;
}

#jtwl-box .City-public {
    border-top: 1px dashed #ccc;
    margin-top: 30px;
    padding-top: 30px;
}

@media screen and (max-width: 1440px) {
    #jtwl-box .caseShare-item h3 {
        font-size: 20px;
    }

    #jtwl-box .caseShare-item h5 {
        font-size: 20px;
    }

    #jtwl-box .caseShare-item p {
        font-size: 20px;
    }

    #jtwl-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #jtwl-box .caseShare-item h3 {
        font-size: 18px;
    }

    #jtwl-box .caseShare-item h5 {
        font-size: 18px;
    }

    #jtwl-box .caseShare-item p {
        font-size: 18px;
    }

    #jtwl-box .caseShare-item h5:before {
        width: 10px;
        height: 10px;
        margin-right: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #jtwl-box .caseShare-item h3 {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item h5 {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item p {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #jtwl-box .caseShare-item h3 {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item h5 {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item p {
        font-size: 16px;
    }

    #jtwl-box .caseShare-item h5:before {
        width: 8px;
        height: 8px;
        margin-right: 10px;
    }
}

#jtwl-box .rz-position {
    position: relative;
}

#jtwl-box .rzbg {
    background: center 0 /100% auto no-repeat;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 1;
    height: 620px;
    width: 100%;
}

#jtwl-box .rzpos-rlv {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1440px) {
    #jtwl-box .rzbg {
        top: -50px;
    }
}

@media screen and (max-width: 1024px) {
    #jtwl-box .rzbg {
        top: -30px;
    }
}

@media screen and (max-width:768px) {
    #jtwl-box .rzbg {
        top: 0px;
    }
}

#phjr-box .ywlx-item li {
    float: left;
    width: calc(50% - 1px);
    border-right: 1px dashed #d2d2d2;
    overflow: hidden;
}

#phjr-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

@media screen and (max-width: 376px) {
    #phjr-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#phjr-box .zx-section p {
    text-justify: inter-ideograph;
    font-size: 20px;
}

#phjr-box h3 {
    font-weight: bold;
}

#phjr-box .ywys-item li h3 {
    font-weight: normal;
    line-height: 1.5;
}

#phjr-box .xg-ywys li i:before {
    z-index: 1;
}

#phjr-box .xg-ywys li i span {
    position: relative;
    z-index: 2;
}

#phjr-box .xg-ywys li h3 {
    width: 210px;
    margin: 20px auto;
}

#phjr-box .ywys-item li {
    width: 25%;
}

#phjr-box h5 {
    font-weight: bold;
}

#phjr-box .ywlx-item li .tit {
    text-align: center;
    margin-top: 40px;
}

#phjr-box .ywlx-item li .tit h3 {
    font-size: 24px;
    display: inline-block;
    color: #111111;
    font-family: 'FZLTHJ-bold';
}

#phjr-box .ywlx-item li .tit h3:before {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l.png) no-repeat center;
    margin-right: 20px;
}

#phjr-box .ywlx-item li .tit h3:after {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l1.png) no-repeat center;
    margin-left: 20px;
}

#phjr-box .ywlx-item li .ct {
    margin: 0 0 40px;
    height: 340px;
}

#phjr-box .ywlx-item li:nth-child(2) .ct {
    padding: 50px 0 0;
    box-sizing: border-box;
}

#phjr-box .ywlx-item li .img {
    width: 62.5%;
    margin: 0 auto;
    position: relative;
}

.zx-section .title-hs b {
    font-size: 22px;
    font-weight: bold;
    line-height: 73px;
    font-family: 'FZLTHJ-bold';
}

#phjr-box .qiyuanWrap .swiper-slide .img {
    border-radius: 0;
}

#phjr-box .ywlx-item li .ys-box {
    background: #6a8edb;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    border-radius: 15px;
    width: 80%;
    margin: 0 auto;
}

#phjr-box .ywlx-item li .ys-box h1 {
    font-weight: bold;
    font-size: 36px;
    margin-right: 40px;
}

#phjr-box .ywlx-item li .ys-box p {
    color: #fff;
    font-size: 20px;
}

#phjr-box .ywlx-item li .img .circle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
}

#phjr-box .ywlx-item li .img .img-main {
    position: relative;
    z-index: 2;
}

#phjr-box .ywlx-item li .img .circle2 {
    position: absolute;
    width: 26.97674%;
    left: 2.7907%;
    top: 29.41176%;
    z-index: 3;
}

#phjr-box .ywlx-item li:nth-child(3) {
    border-bottom: none;
}

#phjr-box .ywlx-item li:nth-child(3) .img {
    width: 67.1875%;
}

#phjr-box .ywlx-item li:nth-child(4) {
    border-bottom: none;
}

#phjr-box .ywlx-item li:nth-child(4) .img {
    width: 67.1875%;
}

.fbt {
    text-align: center;
    font-size: 20px;
    width: 80%;
    margin: 14px auto;
}

@media screen and (max-width: 1440px) {
    #phjr-box .ywlx-item li .tit h3 {
        font-size: 22px;
    }

    #phjr-box .zx-section p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    #phjr-box .ywlx-item li .tit h3 {
        font-size: 20px;
    }

    #phjr-box .zx-section p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #phjr-box .ywlx-item li .tit h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    #phjr-box .ywlx-item li {
        width: 100%;
        float: none;
    }

    #phjr-box .ywlx-item li:nth-child(2n) {
        border-left: 1px solid transparent;
    }

    #phjr-box .ywlx-item li:nth-child(3) {
        border-bottom: 1px dashed #d2d2d2;
    }
}

@media screen and (max-width: 500px) {
    #phjr-box .ywlx-item li .img {
        width: 100%;
    }

    #phjr-box .ywlx-item li:nth-child(3) .img {
        width: 100%;
    }

    #phjr-box .ywlx-item li:nth-child(4) .img {
        width: 100%;
    }
}

#phjr-box .ywly-item li {
    float: left;
    width: 49%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 50px;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    position: relative;
}

#phjr-box .ywly-item li:nth-child(2n) {
    margin-right: 0;
}

#phjr-box .ywly-item li:after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transition: all .4s;
    background: linear-gradient(to right, rgba(212, 181, 114, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#phjr-box .ywly-item li .img {
    overflow: hidden;
    width: 100%;
}

#phjr-box .ywly-item li .img img {
    transition: all .4s;
    width: 100%;
}

#phjr-box .ywly-item li .timu {
    padding: 21px 0 8px;
    margin: 0 15px;
    border-bottom: 1px solid #d2d2d2;
    vertical-align: middle;
}

#phjr-box .ywly-item li .info {
    min-height: 238px;
}

#phjr-box .ywly-item li .timu .icon {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: 0 0 /cover no-repeat;
    margin-right: 14px;
    vertical-align: middle;
}

#phjr-box .ywly-item li .timu .icon-01 {
    background-image: url(../img/icon_hyly01.png);
}

#phjr-box .ywly-item li .timu .icon-02 {
    background-image: url(../img/icon_hyly02.png);
}

#phjr-box .ywly-item li .timu .icon-03 {
    background-image: url(../img/icon_hyly03.png);
}

#phjr-box .ywly-item li .timu .icon-04 {
    background-image: url(../img/icon_hyly04.png);
}

#phjr-box .ywly-item li .timu .icon-05 {
    background-image: url(../img/icon_hyly05.png);
}

#phjr-box .ywly-item li .timu .icon-06 {
    background-image: url(../img/icon_hyly06.png);
}

#phjr-box .ywly-item li .timu h3 {
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}

#phjr-box .ywly-item li .neirong {
    margin: 0 5%;
    padding-top: 20px;
}

#phjr-box .ywly-item li .neirong dl {
    width: 100%;
}

#phjr-box .ywly-item li .neirong dl dd {
    width: 33.333%;
    float: left;
    font-size: 20px;
    color: #555;
    margin-bottom: 10px
}

#phjr-box .ywly-item li .neirong dl dd:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-color: #3755cd;
    margin: 0 20px 0 0;
    border-radius: 100%;
    position: relative;
    top: -2px;
}

#phjr-box .ywly-item li .neirong dl:nth-child(3) {
    width: 100%;
}

#phjr-box .ywly-item li:nth-child(5) .neirong dl {
    width: 100%;
    float: none;
}

#phjr-box .ywly-item li:hover .img img {
    transform: scale(1.05);
}

#phjr-box .ywly-item li:hover:after {
    left: 0;
    width: 100%;
}

#phjr-box .ywly-item li:hover .timu .icon {
    -webkit-animation: swing .3s .3s forwards;
    animation: swing .3s .3s forwards;
}

@media screen and (max-width: 1440px) {
    #phjr-box .ywly-item li .timu .icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    #phjr-box .ywly-item li .timu h3 {
        font-size: 22px;
    }

    #phjr-box .ywly-item li .neirong dl dd {
        font-size: 20px;
    }

    #phjr-box .ywly-item li .neirong dl dd:before {
        width: 10px;
        height: 10px;
        margin: 0 15px 0 5px;
    }
}

@media screen and (max-width: 1280px) {
    #phjr-box .ywly-item li .timu {
        padding: 15px 0 10px;
    }

    #phjr-box .ywly-item li .timu .icon {
        width: 25px;
        height: 25px;
        margin-right: 8px;
    }

    #phjr-box .ywly-item li .timu h3 {
        font-size: 20px;
    }

    #phjr-box .ywly-item li .neirong dl dd {
        font-size: 18px;
    }

    #phjr-box .ywly-item li .neirong dl dd:before {
        width: 8px;
        height: 8px;
        margin: 0 12px 0 5px;
    }
}

@media screen and (max-width: 1024px) {
    #phjr-box .ywly-item li .timu {
        padding: 12px 0 8px;
    }

    #phjr-box .ywly-item li .timu .icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    #phjr-box .ywly-item li .timu h3 {
        font-size: 18px;
    }

    #phjr-box .ywly-item li .neirong dl dd {
        font-size: 16px;
    }

    #phjr-box .ywly-item li .neirong dl dd:before {
        width: 6px;
        height: 6px;
        margin: 0 10px 0 3px;
    }
}

@media screen and (max-width: 768px) {
    #phjr-box .ywly-item li {
        width: 49%;
        margin-right: 2%;
    }

    #phjr-box .ywly-item li:nth-child(3n) {
        margin-right: 2%;
    }

    #phjr-box .ywly-item li:nth-child(2n) {
        margin-right: 0;
    }

    #phjr-box .ywly-item li .timu h3 {
        font-size: 16px;
    }

    #phjr-box .ywly-item li .neirong {
        padding-top: 10px;
    }

    #phjr-box .ywly-item li .neirong dl dd {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #phjr-box .ywly-item li {
        width: 100%;
        margin-right: 0;
        height: auto;
        padding-bottom: 30px;
    }

    #phjr-box .ywly-item li:nth-child(3n) {
        margin-right: 0;
    }
}

#phjr-box .qgbj-item .buju-box {
    width: 91.5625%;
    margin: 30px auto;
    position: relative;
    display: none
}

#phjr-box .qgbj-item .buju-box span {
    display: block;
    position: absolute;
    width: 1.79181%;
    padding-top: 2.5%;
    background: url(../img/shuidi01.png) 0 0/cover no-repeat;
    z-index: 2;
    animation: tbfloat 1.3s ease-in-out 0.3s infinite alternate;
}

#phjr-box .qgbj-item .buju-box .dot-00 {
    background-image: url(../img/shuidi02.png);
    width: 3%;
    padding-top: 4.2%;
    right: 32.31399%;
    top: 59%;
    animation-duration: 1.3s;
}

#phjr-box .qgbj-item .buju-box .dot-01 {
    top: 37.18421%;
    right: 40.46758%;
    animation-duration: 1.6s;
}

#phjr-box .qgbj-item .buju-box .dot-02 {
    top: 44.73684%;
    right: 39.69966%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-03 {
    top: 53.05263%;
    right: 45.03754%;
    animation-duration: 1.2s;
}

#phjr-box .qgbj-item .buju-box .dot-04 {
    top: 57%;
    right: 39.11604%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .dot-05 {
    top: 63.47368%;
    right: 35%;
    animation-duration: 1.2s;
}

#phjr-box .qgbj-item .buju-box .dot-06 {
    top: 67.65789%;
    right: 35.50853%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .dot-07 {
    bottom: 21%;
    right: 35.5%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-08 {
    bottom: 12.1%;
    right: 45.30717%;
    animation-duration: 1.6s;
}

#phjr-box .qgbj-item .buju-box .dot-09 {
    bottom: 17%;
    right: 43.5%;
    animation-duration: 1.3s;
}

#phjr-box .qgbj-item .buju-box .dot-10 {
    bottom: 35.73684%;
    right: 45.01365%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .dot-11 {
    bottom: 33.94737%;
    right: 61%;
    animation-duration: 1.6s;
}

#phjr-box .qgbj-item .buju-box .dot-12 {
    bottom: 14%;
    right: 40%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-13 {
    bottom: 21.5%;
    right: 37.5%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-14 {
    bottom: 32%;
    right: 53%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-15 {
    bottom: 45%;
    right: 51%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-16 {
    bottom: 67%;
    right: 32%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-17 {
    bottom: 34.73684%;
    right: 47.5%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .dot-18 {
    top: 45.73684%;
    right: 38.69966%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-19 {
    top: 44%;
    right: 36.69966%;
    animation-duration: 1.5s;
}

#phjr-box .qgbj-item .buju-box .dot-20 {
    top: 64.65789%;
    right: 33.50853%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .dot-21 {
    top: 67%;
    right: 33%;
    animation-duration: 1.4s;
}

#phjr-box .qgbj-item .buju-box .buju-img1 {
    width: 40%;
    position: absolute;
    right: 1.71%;
    top: 38.76%;
}

#phjr-box .qgbj-item .buju-box .buju-img2 {
    width: 30.03%;
    position: absolute;
    right: 2%;
    top: 58.21%;
}

#phjr-box .qgbj-item .buju-box .buju-img3 {
    width: 36.69%;
    position: absolute;
    right: -10%;
    bottom: 10%;
}

#phjr-box .qgbj-item .buju-box .buju-img img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    #phjr-box .qgbj-item .buju-box {
        width: 100%;
    }
}

#sybl-box .fwly-item li .timu h3 {
    font-weight: bold;
}

#sybl-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

@media screen and (max-width: 376px) {
    #sybl-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#sybl-box .ywys-item li h3 {
    line-height: 1.5;
}

#sybl-box .fwly-item li .timu .icon-01 {
    background-image: url(../img/icon_fhly01.png);
}

#sybl-box .fwly-item li .timu .icon-02 {
    background-image: url(../img/icon_fhly02.png);
}

#sybl-box .fwly-item li .timu .icon-03 {
    background-image: url(../img/icon_fhly03.png);
}

#sybl-box .fwly-item li .timu .icon-04 {
    background-image: url(../img/icon_fhly04.png);
}

#sybl-box .fwly-item li .timu .icon-05 {
    background-image: url(../img/icon_fhly05.png);
}

#sybl-box .fwly-item li .timu .icon-06 {
    background-image: url(../img/icon_fhly06.png);
}

#sybl-box .fwly-item li .timu .icon-07 {
    background-image: url(../img/icon_fhly07.png);
}

#sybl-box .fwly-item li .timu .icon-08 {
    background-image: url(../img/icon_fhly08.png);
}

#sybl-box .fwly-item li .timu .icon-09 {
    background-image: url(../img/icon_fhly09.png);
}

#sybl-box .fwly-item li .timu .icon-10 {
    background-image: url(../img/icon_fhly10.png);
}

@media screen and (max-width: 768px) {
    #sybl-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }
}

#zcyw-box .yewlx-item ul li {
    float: left;
    width: 32.1875%;
    margin-right: 1.71875%;
    height: 270px;
    box-sizing: border-box;
    border: 1px solid #132b8c;
    border-radius: 10px;
}

#zcyw-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

@media screen and (max-width: 376px) {
    #zcyw-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#zcyw-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

#zcyw-box .zx-section p {
    text-justify: inter-ideograph;
}

#zcyw-box h3 {
    font-weight: bold;
}

#zcyw-box .yewlx-item ul li:last-child {
    margin-right: 0;
}

#zcyw-box .yewlx-item ul li .tit {
    text-align: center;
    margin: 0 5px;
    padding: 50px 0 30px;
    vertical-align: middle;
}

#zcyw-box .yewlx-item ul li .tit h3 {
    font-size: 22px;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'FZLTHJ-bold';
}

#zcyw-box .yewlx-item ul li .tit h3:before {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l.png) 0 0/cover no-repeat;
    margin-right: 5px;
}

#zcyw-box .yewlx-item ul li .tit h3:after {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l1.png) 0 0/cover no-repeat;
    margin-left: 5px;
}

#zcyw-box .yewlx-item ul li .ct {
    margin: 10px 5%;
}

@media screen and (max-width: 1440px) {
    #zcyw-box .yewlx-item ul li .tit h3 {
        font-size: 18px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:before,
    #zcyw-box .yewlx-item ul li .tit h3:after {
        width: 22px;
        height: 13px;
    }
}

@media screen and (max-width: 1280px) {
    #zcyw-box .yewlx-item ul li .tit h3 {
        font-size: 20px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:before {
        width: 26px;
        height: 11px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:after {
        width: 26px;
        height: 11px;
    }
}

@media screen and (max-width: 1024px) {
    #zcyw-box .yewlx-item ul li {
        height: 220px;
    }

    #zcyw-box .yewlx-item ul li .tit {
        padding: 15px 0 10px;
    }

    #zcyw-box .yewlx-item ul li .tit h3 {
        font-size: 18px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:before {
        width: 22px;
        height: 10px;
        margin-right: 5px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:after {
        width: 22px;
        height: 10px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 900px) {
    #zcyw-box .yewlx-item ul li .tit h3:before {
        width: 18px;
        height: 8px;
        margin-right: 3px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:after {
        width: 18px;
        height: 8px;
        margin-left: 3px;
    }
}

@media screen and (max-width: 768px) {
    #zcyw-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #zcyw-box .yewlx-item ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
        height: auto;
    }

    #zcyw-box .yewlx-item ul li .tit h3:before {
        width: 22px;
        height: 13px;
        margin-right: 5px;
    }

    #zcyw-box .yewlx-item ul li .tit h3:after {
        width: 22px;
        height: 13px;
        margin-left: 5px;
    }
}

#zcyw-box .ywys-item2 li {
    float: left;
    width: 25%;
    text-align: center;
}

#zcyw-box .ywys-item2 li i {
    display: block;
    width: 200px;
    height: 200px;
    background: url(../img/bg_yuan.png) 0 0/cover no-repeat;
    font-size: 26px;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-align: center;
    line-height: 200px;
    font-style: normal;
    margin: 0 auto;
    position: relative;
}

#zcyw-box .ywys-item2 li i:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_yuan2.png) 0 0 /cover no-repeat;
    transition: all 0.5s;
    transform: scale(1) rotate(0);
}

#zcyw-box .ywys-item2 li i b {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

#zcyw-box .ywys-item2 li h3 {
    font-size: 22px;
    margin-top: 20px;
    font-weight: normal;
    color: #666;
    line-height: 1.5;
}

#zcyw-box .ywys-item2 li:hover i:before {
    transform: scale(1.1) rotate(360deg);
}

.gai-ywlx-list li {
    width: 24%;
    float: left;
    overflow: hidden;
    margin-right: 1.2%;
    -moz-box-shadow: 0px 0px 8px #ABABAB;
    -webkit-box-shadow: 0px 0px 8px #ABABAB;
    box-shadow: 0px 0px 8px #ABABAB;
}

.gai-ywlx-list li img {
    width: 100%;
    display: block;
}

.gai-ywlx-list li p {
    background: #fff;
    line-height: 59px;
    text-align: center;
    font-weight: bold !important;
    color: #111;
    transition-duration: .5s;
    font-size: 22px;
    margin-bottom: 0;
}

.gai-ywlx-list li:last-child {
    margin-right: 0;
}

.gai-ywlx-list li:hover p {
    background: #132b8c;
    color: #fff;
}

#zcyw-box .zcyw-box {
    padding-top: 100px;
}

@media screen and (max-width: 1440px) {
    #zcyw-box .ywys-item2 li i {
        width: 160px;
        height: 160px;
        line-height: 160px;
        font-size: 24px;
    }

    #zcyw-box .ywys-item2 li h3 {
        font-size: 20px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #zcyw-box .ywys-item2 li i {
        width: 140px;
        height: 140px;
        line-height: 140px;
        font-size: 22px;
    }

    #zcyw-box .ywys-item2 li h3 {
        font-size: 18px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #zcyw-box .ywys-item2 li i {
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 20px;
    }

    #zcyw-box .ywys-item2 li h3 {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    #zcyw-box .ywys-item2 li {
        width: 50%;
        margin-bottom: 20px;
    }

    #zcyw-box .ywys-item2 li i {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 18px;
    }

    #zcyw-box .ywys-item2 li h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #zcyw-box .ywys-item2 li {
        width: 50%;
    }
}

#zcyw-box .zyys-item {
    width: 89.0625%;
    margin: 0 auto;
    position: relative;
}

#zcyw-box .zyys-item h3 {
    color: #5a68b3;
    font-size: 28px;
    text-align: center;
}

#zcyw-box .zyys-item .zy-all span {
    display: block;
    position: absolute;
    width: 2.89474%;
    padding-top: 3.5%;
    z-index: 3;
    background: url(../img/map_youshi_shuidi.png) 0 0/cover no-repeat;
    animation: tbfloat 1.3s ease-in-out 0.3s infinite alternate;
}

#zcyw-box .zyys-item .zy-all .zy-dot01 {
    top: 31.36763%;
    left: 19.62457%;
    animation-duration: 1.6s;
}

#zcyw-box .zyys-item .zy-all .zy-dot02 {
    top: 45.67127%;
    left: 44.3686%;
    animation-duration: 1.3s;
}

#zcyw-box .zyys-item .zy-all .zy-dot03 {
    top: 66.75031%;
    left: 54.77816%;
    animation-duration: 1.4s;
}

#zcyw-box .zyys-item .zy-all .zy-dot04 {
    bottom: 29.23463%;
    right: 30.2901%;
    animation-duration: 1.5s;
}

#zcyw-box .zyys-item .zy-all .zy-dot05 {
    top: 36.88833%;
    right: 33.1058%;
    animation-duration: 1.4s;
}

#zcyw-box .zyys-item .zy-all .zy-dot06 {
    top: 38.01757%;
    right: 38.13993%;
    animation-duration: 1.6s;
}

#zcyw-box .natl-resource {
    border-top: 1px dashed #d2d2d2;
    margin-top: 50px;
    padding-top: 50px;
}

#zcyw-box .natl-resource h3 {
    text-align: center;
    font-size: 28px;
    color: #5a68b3;
}

#zcyw-box .natl-resource ul {
    margin-top: 50px;
}

#zcyw-box .natl-resource ul li {
    float: left;
    width: 25%;
    font-size: 22px;
    vertical-align: middle;
    margin-bottom: 40px;
    position: relative;
    color: #666;
}

#zcyw-box .natl-resource ul li:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(../img/icon_have.png) 0 0/cover no-repeat;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 5%;
}

#zcyw-box .natl-resource ul li i {
    display: block;
    position: absolute;
    left: 5%;
    top: calc(50% - 25px);
    width: 44px;
    height: 44px;
    background: url(../img/icon_have2.png) 0 0/cover no-repeat;
}

@media screen and (max-width: 1440px) {
    #zcyw-box .zyys-item h3 {
        font-size: 26px;
    }

    #zcyw-box .natl-resource h3 {
        font-size: 26px;
    }

    #zcyw-box .natl-resource ul li:before {
        width: 38px;
        height: 38px;
    }

    #zcyw-box .natl-resource ul li i {
        width: 38px;
        height: 38px;
        top: calc(50% - 20px);
    }

    #zcyw-box .natl-resource ul li {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1280px) {
    #zcyw-box .zyys-item h3 {
        font-size: 24px;
    }

    #zcyw-box .natl-resource h3 {
        font-size: 24px;
    }

    #zcyw-box .natl-resource ul li:before {
        width: 32px;
        height: 32px;
    }

    #zcyw-box .natl-resource ul li i {
        width: 32px;
        height: 32px;
        top: calc(50% - 17px);
    }

    #zcyw-box .natl-resource ul li {
        font-size: 18px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1024px) {
    #zcyw-box .zyys-item h3 {
        font-size: 22px;
    }

    #zcyw-box .natl-resource {
        margin-top: 30px;
        padding-top: 30px;
    }

    #zcyw-box .natl-resource h3 {
        font-size: 22px;
    }

    #zcyw-box .natl-resource ul {
        margin-top: 30px;
    }

    #zcyw-box .natl-resource ul li:before {
        width: 28px;
        height: 28px;
    }

    #zcyw-box .natl-resource ul li i {
        width: 28px;
        height: 28px;
        top: calc(50% - 15px);
    }

    #zcyw-box .natl-resource ul li {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
    #zcyw-box .zyys-item h3 {
        font-size: 20px;
    }

    #zcyw-box .zyys-item {
        width: 100%;
    }

    #zcyw-box .natl-resource h3 {
        font-size: 20px;
    }

    #zcyw-box .natl-resource ul {
        margin-top: 18px;
    }

    #zcyw-box .natl-resource ul li:before {
        width: 20px;
        height: 20px;
    }

    #zcyw-box .natl-resource ul li i {
        width: 20px;
        height: 20px;
        top: calc(50% - 11px);
    }

    #zcyw-box .natl-resource ul li {
        font-size: 14px;
        margin-bottom: 15px;
        width: 33.33%;
    }
}

@media screen and (max-width: 500px) {
    #zcyw-box .zyys-item h3 {
        font-size: 18px;
    }

    #zcyw-box .natl-resource ul li {
        width: 50%;
    }

    #zcyw-box .natl-resource ul li:before {
        margin-left: 0;
        margin-right: 2%;
    }

    #zcyw-box .natl-resource ul li i {
        left: 0;
        top: 0;
    }
}

#hwyw-box .zycp-item ul {
    margin: 0 auto;
}

#hwyw-box h3 {
    font-weight: bold;
}

#hwyw-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

@media screen and (max-width: 376px) {
    #hwyw-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#hwyw-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#hwyw-box .zx-section p {
    text-justify: inter-ideograph;
}

#hwyw-box .zycp-item ul li {
    float: left;
    width: 48.74372%;
    margin-right: 2.51256%;
    margin-bottom: 30px;
    height: 230px;
    box-sizing: border-box;
    border: 1px solid #5a68b3;
    border-radius: 10px;
}

#hwyw-box .zycp-item ul li:nth-child(2n) {
    margin-right: 0;
}

#hwyw-box .zycp-item ul li .tit {
    text-align: center;
    margin: 0 5%;
    border-bottom: 1px dashed #dfdfdf;
    padding: 20px 0 15px;
    vertical-align: middle;
}

#hwyw-box .zycp-item ul li .tit h3 {
    font-size: 24px;
    display: inline-block;
}

#hwyw-box .zycp-item ul li .tit h3:before {
    content: '';
    display: inline-block;
    width: 39px;
    height: 17px;
    background: url(../img/icon_xiaobt_01.png) 0 0/cover no-repeat;
    margin-right: 20px;
}

#hwyw-box .zycp-item ul li .tit h3:after {
    content: '';
    display: inline-block;
    width: 39px;
    height: 17px;
    background: url(../img/icon_xiaobt_02.png) 0 0/cover no-repeat;
    margin-left: 20px;
}

#hwyw-box .zycp-item ul li .ct {
    margin: 10px 5%;
}

@media screen and (max-width: 1440px) {
    #hwyw-box .zycp-item ul li .tit h3 {
        font-size: 22px;
    }

    #hwyw-box .zycp-item ul li .tit h3:before {
        width: 30px;
        height: 13px;
    }

    #hwyw-box .zycp-item ul li .tit h3:after {
        width: 30px;
        height: 13px;
    }
}

@media screen and (max-width: 1280px) {
    #hwyw-box .zycp-item ul li .tit h3 {
        font-size: 20px;
    }

    #hwyw-box .zycp-item ul li .tit h3:before {
        width: 26px;
        height: 11px;
    }

    #hwyw-box .zycp-item ul li .tit h3:after {
        width: 26px;
        height: 11px;
    }
}

@media screen and (max-width: 1024px) {
    #hwyw-box .zycp-item ul li {
        height: 180px;
    }

    #hwyw-box .zycp-item ul li .tit {
        padding: 15px 0 10px;
    }

    #hwyw-box .zycp-item ul li .tit h3 {
        font-size: 18px;
    }

    #hwyw-box .zycp-item ul li .tit h3:before {
        width: 22px;
        height: 10px;
        margin-right: 5px;
    }

    #hwyw-box .zycp-item ul li .tit h3:after {
        width: 22px;
        height: 10px;
        margin-left: 5px;
    }
}

@media screen and (max-width: 900px) {
    #hwyw-box .zycp-item ul li .tit h3:before {
        width: 18px;
        height: 8px;
        margin-right: 3px;
    }

    #hwyw-box .zycp-item ul li .tit h3:after {
        width: 18px;
        height: 8px;
        margin-left: 3px;
    }
}

@media screen and (max-width: 768px) {
    #hwyw-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #hwyw-box .zycp-item ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        float: none;
        height: auto;
    }

    #hwyw-box .zycp-item ul li .tit h3:before {
        width: 22px;
        height: 10px;
        margin-right: 5px;
    }

    #hwyw-box .zycp-item ul li .tit h3:after {
        width: 22px;
        height: 10px;
        margin-left: 5px;
    }
}

#hwyw-box .fwly-item3 li {
    float: left;
    width: 32.03125%;
    box-sizing: border-box;
    margin-right: 1.95313%;
    margin-bottom: 30px;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    position: relative;
}

#hwyw-box .fwly-item3 li:nth-child(3n) {
    margin-right: 0;
}

#hwyw-box .fwly-item3 li:after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transition: all .4s;
    background: linear-gradient(to right, rgba(212, 181, 114, 0) 1%, rgba(212, 181, 114, 0.7) 23%, rgba(212, 181, 114, 0.72) 25%, rgba(212, 181, 114, 1) 50%, rgba(212, 181, 114, 0.75) 74%, rgba(212, 181, 114, 0.72) 75%, rgba(212, 181, 114, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#005a68b3', endColorstr='#005a68b3', GradientType=1);
}

#hwyw-box .tsfwLi {
    margin-top: 30px;
}

#hwyw-box .tsfwLi li {
    width: 23.5%;
    margin-right: 2%
}

#hwyw-box .tsfwLi li:nth-child(3n) {
    margin-right: 1.5%;
}

#hwyw-box .tsfwLi li:nth-child(4n) {
    margin-right: 0;
}


#hwyw-box .fwly-item3 li .img {
    overflow: hidden;
    width: 100%;
    border: 1px solid #fff;
}

#hwyw-box .fwly-item3 li .img img {
    transition: all .4s;
    width: 100%;
}

#hwyw-box .fwly-item3 li .timu {
    padding: 15px 5% 15px;
    border: 1px solid #e5e5e5;
    border-top: none;
    vertical-align: middle;
}

#hwyw-box .fwly-item3 li .timu .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: 0 0 /cover no-repeat;
    margin-right: 12px;
    vertical-align: middle;
}

#hwyw-box .fwly-item3 li .timu .icon-01 {
    background-image: url(../img/icon_hwyw01.png);
}

#hwyw-box .fwly-item3 li .timu .icon-02 {
    background-image: url(../img/icon_hwyw02.png);
}

#hwyw-box .fwly-item3 li .timu .icon-03 {
    background-image: url(../img/icon_hwyw03.png);
}

#hwyw-box .fwly-item3 li .timu .icon-04 {
    background-image: url(../img/icon_hwyw04.png);
}

#hwyw-box .fwly-item3 li .timu .icon-05 {
    background-image: url(../img/icon_hwyw05.png);
}

#hwyw-box .fwly-item3 li .timu .icon-06 {
    background-image: url(../img/icon_hwyw06.png);
}

#hwyw-box .fwly-item3 li .timu h3 {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}

#hwyw-box .fwly-item3 li:hover .img img {
    transform: scale(1.05);
}

#hwyw-box .fwly-item3 li:hover:after {
    left: 0;
    width: 100%;
}

#hwyw-box .fwly-item3 li:hover .timu .icon {
    -webkit-animation: swing .3s .3s forwards;
    animation: swing .3s .3s forwards;
}

#hwyw-box .cfgl-list li {
    width: 24%;
    margin-right: 1.2%;
}

#hwyw-box .cfgl-list li:nth-child(3n) {
    margin-right: 1.2%;
}

#hwyw-box .cfgl-list li:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width: 1440px) {
    #hwyw-box .fwly-item3 li .timu .icon {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    #hwyw-box .fwly-item3 li .timu h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #hwyw-box .fwly-item3 li {
        margin-bottom: 20px;
    }

    #hwyw-box .fwly-item3 li .timu .icon {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }

    #hwyw-box .fwly-item3 li .timu h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #hwyw-box .fwly-item3 li {
        margin-bottom: 20px;
    }

    #hwyw-box .fwly-item3 li .timu .icon {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    #hwyw-box .fwly-item3 li .timu h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #hwyw-box .fwly-item3 li {
        width: 49%;
        margin-right: 2%;
    }

    #hwyw-box .fwly-item3 li:nth-child(3n) {
        margin-right: 2%;
    }

    #hwyw-box .fwly-item3 li:nth-child(2n) {
        margin-right: 0;
    }

    #hwyw-box .fwly-item3 li .timu {
        padding: 10px 5%;
    }

    #hwyw-box .fwly-item3 li .timu .icon {
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }

    #hwyw-box .fwly-item3 li .timu h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #hwyw-box .fwly-item3 li {
        width: 100%;
        margin-right: 0%;
    }

    #hwyw-box .fwly-item3 li:nth-child(3n) {
        margin-right: 0%;
    }

    #hwyw-box .fwly-item3 li:nth-child(2n) {
        margin-right: 0;
    }
}

#hwyw-box .ywys-item2 li {
    float: left;
    width: 25%;
    text-align: center;
}

#hwyw-box .ywys-item2 li i {
    display: block;
    width: 200px;
    height: 200px;
    background: url(../img/bg_yuan.png) 0 0/cover no-repeat;
    font-size: 26px;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-align: center;
    line-height: 200px;
    font-style: normal;
    margin: 0 auto;
    position: relative;
}

#hwyw-box .ywys-item2 li i:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_yuan2.png) 0 0 /cover no-repeat;
    transition: all 0.5s;
    transform: scale(1) rotate(0);
}

#hwyw-box .ywys-item2 li i b {
    position: absolute;
    width: 47%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

#hwyw-box .ywys-item2 li h3 {
    font-size: 22px;
    margin-top: 20px;
    font-weight: normal;
    color: #666;
}

#hwyw-box .ywys-item2 li:hover i:before {
    transform: scale(1.1) rotate(360deg);
}

@media screen and (max-width: 1440px) {
    #hwyw-box .ywys-item2 li i {
        width: 160px;
        height: 160px;
        line-height: 160px;
        font-size: 24px;
    }

    #hwyw-box .ywys-item2 li h3 {
        font-size: 20px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1280px) {
    #hwyw-box .ywys-item2 li i {
        width: 140px;
        height: 140px;
        line-height: 140px;
        font-size: 22px;
    }

    #hwyw-box .ywys-item2 li h3 {
        font-size: 18px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #hwyw-box .ywys-item2 li i {
        width: 120px;
        height: 120px;
        line-height: 120px;
        font-size: 20px;
    }

    #hwyw-box .ywys-item2 li h3 {
        font-size: 16px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    #hwyw-box .ywys-item2 li {
        width: 50%;
        margin-bottom: 20px;
    }

    #hwyw-box .ywys-item2 li i {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 18px;
    }

    #hwyw-box .ywys-item2 li h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #hwyw-box .ywys-item2 li {
        width: 50%;
    }
}

#yytz-box h3 {
    font-weight: bold;
}

#yytz-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#yytz-box .tlbr-block:before {
    background-color: transparent;
}

@media screen and (max-width: 376px) {
    #yytz-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#yytz-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

#yytz-box .zx-section p {
    text-justify: inter-ideograph;
}

#yytz-box .tlbr-block:after {
    background-color: transparent;
}

#yytz-box :after {
    box-sizing: content-box;
}

#yytz-box :before {
    box-sizing: content-box;
}

#yytz-box .Financial-head .dtfc-head {
    text-align: center;
    margin-bottom: 70px;
}

#yytz-box .Financial-head .dtfc-head li {
    display: inline-block;
}

#yytz-box .Financial-head .dtfc-head li a {
    display: inline-block;
    width: 180px;
    line-height: 40px;
    border: 3px solid #959595;
    font-size: 22px;
    box-sizing: border-box;
    margin: 0 9px;
    border-color: #959595;
    background-color: #fff;
    color: #999;
}

#yytz-box .Financial-head .dtfc-head li a:hover {
    background-color: #fff;
    color: #2b4198;
    border-color: #2b4198;
}

#yytz-box .Financial-head .dtfc-head li.active a {
    border-color: #2b4198;
    background-color: #2b4198;
    color: #fff;
}

.tzal-item.tzal-list ul li {
    width: 32.3%;
    float: left;
    border: 1px solid #132b8c;
    height: 410px;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
}

.tzal-item.tzal-list ul li:nth-child(2) {
    margin-right: 1%;
}

.tzal-item.tzal-list ul li:nth-child(4n) {
    margin-right: 0;
}

.swiper-qiyuan3 .swiper-slide .img {
    position: relative;
    height: 100px;
}

.swiper-qiyuan3 .swiper-slide .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 80%;
    max-height: 100%
}

.swiper-qiyuan3 .swiper-pagination-bullet-active {
    background: #132b8c
}

.gai-tzcl {
    position: relative;
}

.t-czpo {
    position: absolute;
    width: 80%;
    top: 59px;
    left: 0;
}

.t-txt {
    border: 5px solid #8995c6;
    border-radius: 6px;
    padding: 35px 0 23px 0;
    width: 210px;
    text-align: center;
    font-size: 22px;
    margin-right: 28px;
}

.t-txt h1 {
    color: #2b4198;
    font-size: 30px;
}

.zx-section .t-txt p {
    text-align: center;
}

.r-txt {
    font-size: 24px;
    padding-top: 35px;
}

.r-txt b {
    font-weight: bold;
    color: #2b4198;
    font-size: 24px;
}

.cl-listi dl {
    width: 31%;
    float: left;
    text-align: center;
}

.cl-pic {
    width: 100%;
    display: block;
}

.cl-listi dl {
    border-radius: 10px;
}

.cl-listi dl dt {
    color: #5573eb;
    font-size: 24px;
    margin-bottom: 26px;
}

.cl-listi dl dd {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 16px rgb(0 0 0 / 20%);
}

.cl-listi dl dd h1 {
    background: #4256a3;
    color: #fff;
    line-height: 44px;
    font-size: 24px;
    font-weight: normal;
    border-radius: 10px 10px 0 0;
}

.cl-listi dl dd p {
    height: 145px;
    font-size: 18px;
    padding: 0 20px;
    line-height: 24px;
    padding-top: 27px;
}

.cl-listi dl:nth-child(2) {
    margin: 0 3.5%;
}

@media screen and (max-width: 1440px) {
    #yytz-box .Financial-head .dtfc-head li a {
        width: 140px;
        line-height: 36px;
        font-size: 20px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1280px) {
    #yytz-box .Financial-head .dtfc-head li a {
        width: 110px;
        line-height: 32px;
        font-size: 18px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1024px) {
    #yytz-box .Financial-head .dtfc-head li a {
        width: 110px;
        line-height: 32px;
        font-size: 16px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 768px) {
    .yl-wdjy .cl-pic {
        display: none;
    }

    #yytz-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #yytz-box .Financial-head .dtfc-head li a {
        width: 100px;
        line-height: 30px;
        font-size: 16px;
        margin: 0 2px;
        border-width: 1px;
    }
}

@media screen and (max-width: 376px) {
    #yytz-box .Financial-head .dtfc-head li a {
        font-size: 14px;
    }
}

#yytz-box .gzly-item li {
    float: left;
    width: 23.4375%;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-right: 2.03125%;
    margin-bottom: 30px;
    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    position: relative;
}

#yytz-box .gzly-item li:nth-child(4n) {
    margin-right: 0;
}

#yytz-box .gzly-item li:after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transition: all .4s;
    background: linear-gradient(to right, rgba(212, 181, 114, 0) 1%, rgba(212, 181, 114, 0.7) 23%, rgba(212, 181, 114, 0.72) 25%, rgba(212, 181, 114, 1) 50%, rgba(212, 181, 114, 0.75) 74%, rgba(212, 181, 114, 0.72) 75%, rgba(212, 181, 114, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#005a68b3', endColorstr='#005a68b3', GradientType=1);
}

#yytz-box .gzly-item li .img {
    overflow: hidden;
    width: 100%;
    border: 1px solid #fff;
}

#yytz-box .gzly-item li .img img {
    transition: all .4s;
    width: 100%;
}

#yytz-box .gzly-item li .timu {
    padding: 15px 5% 15px;
    border: 1px solid #e5e5e5;
    border-top: none;
    vertical-align: middle;
}

#yytz-box .gzly-item li .timu .icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: 0 0 /cover no-repeat;
    margin-right: 12px;
    vertical-align: middle;
}

#yytz-box .gzly-item li .timu .icon-01 {
    background-image: url(../img/icon_gzly01.png);
}

#yytz-box .gzly-item li .timu .icon-02 {
    background-image: url(../img/icon_gzly02.png);
}

#yytz-box .gzly-item li .timu .icon-03 {
    background-image: url(../img/icon_gzly03.png);
}

#yytz-box .gzly-item li .timu .icon-04 {
    background-image: url(../img/icon_gzly04.png);
}

#yytz-box .gzly-item li .timu h3 {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}

#yytz-box .gzly-item li:hover .img img {
    transform: scale(1.05);
}

#yytz-box .gzly-item li:hover:after {
    left: 0;
    width: 100%;
}

#yytz-box .gzly-item li:hover .timu .icon {
    -webkit-animation: swing .3s .3s forwards;
    animation: swing .3s .3s forwards;
}

@media screen and (max-width: 1440px) {
    #yytz-box .gzly-item li .timu .icon {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    #yytz-box .gzly-item li .timu h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #yytz-box .gzly-item li {
        margin-bottom: 20px;
    }

    #yytz-box .gzly-item li .timu .icon {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }

    #yytz-box .gzly-item li .timu h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #yytz-box .gzly-item li {
        margin-bottom: 20px;
    }

    #yytz-box .gzly-item li .timu .icon {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    #yytz-box .gzly-item li .timu h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #yytz-box .gzly-item li {
        width: 49%;
        margin-right: 2%;
    }

    #yytz-box .gzly-item li:nth-child(4n) {
        margin-right: 2%;
    }

    #yytz-box .gzly-item li:nth-child(2n) {
        margin-right: 0;
    }

    #yytz-box .gzly-item li .timu {
        padding: 10px 5%;
    }

    #yytz-box .gzly-item li .timu .icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    #yytz-box .gzly-item li .timu h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #yytz-box .gzly-item li {
        width: 100%;
        margin-right: 0%;
    }

    #yytz-box .gzly-item li:nth-child(4n) {
        margin-right: 0%;
    }

    #yytz-box .gzly-item li:nth-child(2n) {
        margin-right: 0;
    }
}

#yytz-box .tzcl-item {
    text-align: center;
    width: 86.09375%;
    margin: 40px auto;
    position: relative;
}

#yytz-box .tzcl-item .clbox ul {
    vertical-align: middle;
    position: relative;
    text-align: center;
}

#yytz-box .tzcl-item .clbox ul li {
    display: inline-block;
    color: #5a68b3;
    font-size: 32px;
    position: relative;
    width: 33%;
    text-align: left;
    font-weight: bold;
}

#yytz-box .tzcl-item .clbox ul li .img {
    width: 54.85714%;
    margin: 0 auto;
}

#yytz-box .tzcl-item .clbox ul li:last-child {
    margin-right: 0;
}

#yytz-box .tzcl-item .clbox ul li span {
    display: block;
    line-height: 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: 15%;
}

#yytz-box .cltiaoli ul {
    margin-top: 50px;
    text-align: left;
}

#yytz-box .cltiaoli ul li {
    float: left;
    width: 50%;
    font-size: 22px;
    vertical-align: middle;
    margin-bottom: 40px;
    color: #666;
    font-weight: normal;
    position: relative;
}

#yytz-box .cltiaoli ul li:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url(../img/icon_have.png) 0 0/cover no-repeat;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 5% 0 0;
}

#yytz-box .cltiaoli ul li i {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 25px);
    width: 44px;
    height: 44px;
    background: url(../img/icon_have2.png) 0 0/cover no-repeat;
}

@media screen and (max-width: 1440px) {
    #yytz-box .tzcl-item .clbox ul li {
        font-size: 28px;
    }

    #yytz-box .cltiaoli ul {
        margin-top: 40px;
    }

    #yytz-box .cltiaoli ul li:before {
        width: 38px;
        height: 38px;
    }

    #yytz-box .cltiaoli ul li i {
        width: 38px;
        height: 38px;
        top: calc(50% - 20px);
    }

    #yytz-box .cltiaoli ul li {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1280px) {
    #yytz-box .tzcl-item .clbox ul li {
        font-size: 24px;
    }

    #yytz-box .cltiaoli ul li:before {
        width: 32px;
        height: 32px;
    }

    #yytz-box .cltiaoli ul li i {
        width: 32px;
        height: 32px;
        top: calc(50% - 17px);
    }

    #yytz-box .cltiaoli ul li {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #yytz-box .tzcl-item .clbox ul li {
        font-size: 22px;
    }

    #yytz-box .cltiaoli ul {
        margin: 30px 10% 0;
    }

    #yytz-box .cltiaoli ul li {
        width: 100%;
    }

    #yytz-box .cltiaoli ul li:before {
        width: 28px;
        height: 28px;
    }

    #yytz-box .cltiaoli ul li i {
        width: 28px;
        height: 28px;
        top: calc(50% - 15px);
    }

    #yytz-box .cltiaoli ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    #yytz-box .tzcl-item {
        width: 100%;
        margin: 30px auto;
    }

    #yytz-box .tzcl-item .clbox ul {
        width: 100%;
        margin: 0 auto;
    }

    #yytz-box .tzcl-item .clbox ul li {
        font-size: 20px;
    }

    #yytz-box .tzcl-item .clbox ul li span {
        left: 0;
    }

    #yytz-box .cltiaoli ul li:before {
        width: 20px;
        height: 20px;
    }

    #yytz-box .cltiaoli ul li i {
        width: 20px;
        height: 20px;
        top: calc(50% - 11px);
    }

    #yytz-box .cltiaoli ul li {
        font-size: 14px;
    }
}

@media screen and (max-width: 500px) {
    #yytz-box .tzcl-item .clbox ul li {
        float: none;
        width: 49%;
        font-size: 18px;
    }

    #yytz-box .tzcl-item .clbox ul li span {
        left: 0;
    }

    #yytz-box .cltiaoli ul {
        margin: 30px 0 0;
    }

    #yytz-box .cltiaoli ul li:before {
        margin-left: 0;
        margin-right: 2%;
    }

    #yytz-box .cltiaoli ul li i {
        left: 0;
        top: 0;
    }
}

#yytz-box .tzal-item h2 b {
    font-weight: normal;
}

#yytz-box .tzal-item ul li:first-child .imgbox dd:first-child {
    width: 19.61131%;
}

#yytz-box .tzal-item ul li:first-child .imgbox dd:nth-child(2) {
    width: 27.91519%;
}

#yytz-box .tzal-item ul li:first-child .imgbox dd:nth-child(3) {
    width: 25.79505%;
}

#yytz-box .tzal-item ul li:first-child .imgbox dd:nth-child(4) {
    width: 26.67845%;
}

#yytz-box .tzal-item ul li:nth-child(2) .imgbox dd:first-child {
    width: 27.20848%;
}

#yytz-box .tzal-item ul li:nth-child(2) .imgbox dd:nth-child(2) {
    width: 36.57244%;
}

#yytz-box .tzal-item ul li:nth-child(2) .imgbox dd:nth-child(3) {
    width: 36.21908%;
}

#yytz-box .tzal-item ul li:nth-child(3) .imgbox dd:first-child {
    width: 32.33216%;
}

#yytz-box .tzal-item ul li:nth-child(3) .imgbox dd:nth-child(2) {
    width: 24.91166%;
}

#yytz-box .tzal-item ul li:nth-child(3) .imgbox dd:nth-child(3) {
    width: 22.43816%;
}

#yytz-box .tzal-item ul li:nth-child(3) .imgbox dd:nth-child(4) {
    width: 20.31802%;
}

#yytz-box .tzal-item ul li:nth-child(4) .imgbox dd:first-child {
    width: 50%;
}

#yytz-box .tzal-item ul li:nth-child(4) .imgbox dd:nth-child(2) {
    width: 50%;
}

#yytz-box .tzal-item .qiyuanWrap {
    position: relative;
    margin-top: 0px;
}

#yytz-box .tzal-item .qiyuanWrap .qiyuan {
    margin-top: 0;
}

#yytz-box .tzal-item .qiyuanWrap .swiper-slide .img {
    overflow: hidden;
    position: relative;
}

#yytz-box .tzal-item .qiyuanWrap .swiper-slide .img p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: .5s;
    padding: 0 10px;
    overflow: auto;
}

#yytz-box .tzal-item .qiyuanWrap .swiper-slide .txt {
    position: relative;
    background: #f4f4f4;
    text-align: center;
    top: -10px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#yytz-box .tzal-item .qiyuanWrap .swiper-slide .txt img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

#yytz-box .tzal-item .qiyuanWrap .swiper-slide:hover .img p {
    opacity: 1;
}

#yytz-box .tzal-item .caseul2 {
    border-top: 1px dashed #d2d2d2;
    padding-top: 100px;
    margin-top: 40px;
}

#yytz-box .tzal-item .caseul2 li {
    position: relative;
}

#yytz-box .tzal-item .caseul2 li h2 {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    padding-bottom: 20px;
}

#yytz-box .tzal-item .caseul2 li .imgbox {
    width: 87.04%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox dd:first-child {
    width: 50.18382%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox dd:nth-child(2) {
    width: 20.22059%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox dd:nth-child(3) {
    width: 29.59559%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox:last-child dd:nth-child(1) {
    width: 27.94118%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox:last-child dd:nth-child(2) {
    width: 33.82353%;
}

#yytz-box .tzal-item .caseul2 li:first-child .imgbox:last-child dd:nth-child(3) {
    width: 35.84559%;
}

#yytz-box .tzal-item .caseul2 li:nth-child(2) .imgbox {
    width: 90.56%;
}

#yytz-box .tzal-item .caseul2 li:nth-child(2) .imgbox dd:first-child {
    width: 30.56537%;
}

#yytz-box .tzal-item .caseul2 li:nth-child(2) .imgbox dd:nth-child(2) {
    width: 29.15194%;
}

#yytz-box .tzal-item .caseul2 li:nth-child(2) .imgbox dd:nth-child(3) {
    width: 40.28269%;
}

@media screen and (max-width: 1024px) {
    #yytz-box .tzal-item .caseul2 li h2 {
        padding-bottom: 10px;
    }

    #yytz-box .tzal-item .qiyuanWrap.tlbr-block-radius:after {
        bottom: 40px;
    }

    #yytz-box .tzal-item .caseul2 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 768px) {
    #yytz-box .tzal-item .caseul2 {
        padding-top: 70px;
    }

    #yytz-box .tzal-item .caseul2 li:last-child {
        margin-top: 70px;
    }

    #yytz-box .tzal-item h2 b {
        display: block;
        height: 1px;
        visibility: hidden;
    }
}

#yytz-box .ryjx-item .tzal-item {
    padding-top: 50px;
}

#zjtl-box .mobile-show {
    margin-bottom: 100px;
}

#zjtl-box .hzjg-item ul li a {
    cursor: default;
}

#zjtl-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

@media screen and (max-width: 376px) {
    #zjtl-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#zjtl-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

#zjtl-box .zx-section p {
    text-justify: inter-ideograph;
}

#zjtl-box .tlbr-block:before {
    background-color: transparent;
}

#zjtl-box .tlbr-block:after {
    background-color: transparent;
}

#zjtl-box h3 {
    font-weight: bold;
}

#zjtl-box .mobile-show .mobile-show-tips {
    text-align: center;
    padding: 10px 0;
    display: none;
}

#zjtl-box .mobile-show .mobile-show-tips p {
    text-align: center;
}

#zjtl-box .mobile-show .img-inner {
    min-width: 1100px;
}

#zjtl-box .mobile-show .img {
    display: none;
}

@media screen and (max-width: 1440px) {
    #zjtl-box .mobile-show {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 1280px) {
    #zjtl-box .mobile-show {
        margin-bottom: 70px;
    }

    #zjtl-box .mobile-show .imgwrap {
        overflow: auto;
    }
}

@media screen and (max-width: 1024px) {
    #zjtl-box .mobile-show {
        margin-bottom: 50px;
        width: 100%;
        overflow: auto;
    }
}

@media screen and (max-width: 768px) {
    #zjtl-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #zjtl-box .mobile-show {
        margin-bottom: 40px;
        overflow: hidden;
    }

    #zjtl-box .mobile-show .img {
        display: block;
    }

    #zjtl-box .mobile-show .mobile-show-tips {
        display: block;
    }

    #zjtl-box .mobile-show .imgwrap {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #zjtl-box .mobile-show {
        margin-bottom: 40px;
        overflow: hidden;
    }

    #zjtl-box .mobile-show .img {
        width: auto;
    }

    #zjtl-box .mobile-show .mobile-show-tips {
        display: block;
    }
}

#zjtl-box .Financial-head .dtfc-head {
    text-align: center;
    margin-bottom: 70px;
}

#zjtl-box .Financial-head .dtfc-head li {
    display: inline-block;
}

#zjtl-box .Financial-head .dtfc-head li a {
    display: inline-block;
    width: 180px;
    line-height: 40px;
    border: 3px solid #959595;
    font-size: 22px;
    box-sizing: border-box;
    margin: 0 9px;
    border-color: #959595;
    background-color: #fff;
    color: #999;
}

#zjtl-box .Financial-head .dtfc-head li a:hover {
    background-color: #fff;
    color: #132b8c;
    border-color: #132b8c;
}

#zjtl-box .Financial-head .dtfc-head li.active a {
    border-color: #132b8c;
    background-color: #132b8c;
    color: #fff;
}

@media screen and (max-width: 1440px) {
    #zjtl-box .Financial-head .dtfc-head li a {
        width: 140px;
        line-height: 36px;
        font-size: 20px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1280px) {
    #zjtl-box .Financial-head .dtfc-head li a {
        width: 110px;
        line-height: 32px;
        font-size: 18px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 1024px) {
    #zjtl-box .Financial-head .dtfc-head li a {
        width: 110px;
        line-height: 32px;
        font-size: 16px;
        margin: 0 5px;
    }
}

@media screen and (max-width: 768px) {
    #zjtl-box .Financial-head .dtfc-head li a {
        width: 100px;
        line-height: 30px;
        font-size: 16px;
        margin: 0 2px;
        border-width: 1px;
    }
}

@media screen and (max-width: 376px) {
    #zjtl-box .Financial-head .dtfc-head li a {
        font-size: 14px;
    }
}

#zjtl-box .fwly-item li .timu .icon-11 {
    background-image: url(../img/icon_fhly10.png);
}

#zjtl-box .fwly-item li .timu .icon-12 {
    background-image: url(../img/icon_gzly04.png);
}

#zjtl-box .fwly-item li .timu .icon-13 {
    background-image: url(../img/icon_gzly03.png);
}

#zjtl-box .fwly-item li .timu .icon-14 {
    background-image: url(../img/icon_gzly05.png);
}

#zjtl-box .ywms-item p {
    color: #333;
}

#zjtl-box .ywms-item p b {
    color: #5a68b3;
    font-weight: normal;
}

#zjtl-box .ywms-item .mobile-show {
    width: 95.78125%;
    margin: 50px auto 0;
}

#zjtl-box .tzal-item-li2 ul li {
    height: auto;
    margin-right: 4%;
}

#zjtl-box .tzal-item-li2 ul li .imgbox {
    width: 100%;
    margin-top: 30px;
}

#zjtl-box .tzal-item-li2 ul li dd {
    width: 100%;
    text-align: center;
    float: none !important;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

#zjtl-box .tzal-item-li2 ul li dd img {
    width: auto !important;
    max-width: 28%;
    max-height: 100%;
}

#zjtl-box .tzal-item-li2 ul li:nth-child(2) {
    margin-right: 0%;
}

#zjtl-box .hzjg-item ul li {
    float: left;
    width: 18.75%;
    margin: 0 1.5625% 20px 0;
    border: 1px solid #d2d2d2;
    position: relative;
}

#zjtl-box .hzjg-item ul li:nth-child(5n) {
    margin-right: 0;
}

#zjtl-box .hzjg-item ul li .img {
    width: 100%;
    overflow: hidden;
}

#zjtl-box .hzjg-item ul li img {
    transition: all .4s;
}

#zjtl-box .hzjg-item ul li:hover img {
    transform: scale(1.05);
}

#zjtl-box .qiyuanWraptxt.tlbr-block:after {
    bottom: 30px;
}

@media screen and (max-width: 1024px) {
    #zjtl-box .hzjg-item ul li {
        width: 23%;
        margin-right: 2.66%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(5n) {
        margin-right: 2.66%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(4n) {
        margin-right: 0;
    }

    #zjtl-box .qiyuanWraptxt.tlbr-block:after {
        bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    #zjtl-box .hzjg-item ul li {
        width: 31.33%;
        margin-right: 2.66%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(5n) {
        margin-right: 2.66%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(4n) {
        margin-right: 2.66%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 414px) {
    #zjtl-box .hzjg-item ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }

    #zjtl-box .hzjg-item ul li:nth-child(5n) {
        margin-right: 4%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(4n) {
        margin-right: 4%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(3n) {
        margin-right: 4%;
    }

    #zjtl-box .hzjg-item ul li:nth-child(2n) {
        margin-right: 0;
    }
}

.zjtl-tzly {

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.zjtl-tzly dl {
    margin: 0 100px
}

.zjtl-tzly dl dd {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    padding-top: 17px;
}

.zjtl-tzly dl dd img {
    margin-right: 10px;
}

.zj-tzcl {
    position: relative;
    margin-top: 40px;
}

.zj-tzcl dl {
    position: relative;
    z-index: 2;
    width: 400px;
}

.zj-tzcl dl dt {
    position: relative;
    font-size: 20px;
    padding: 20px 15px;
}

.zj-tzcl dl dd {
    width: 118px;
    height: 118px;
    background: #fff;
    border: 1px dashed #5a6baf;
    border-radius: 50%;
    padding: 10px;
}

.zj-tzcl dl dd span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #95acd6;
    background: linear-gradient(top, rgb(215, 219, 251) 34%, rgb(115, 150, 198) 82%);
    background: -o-linear-gradient(top, rgb(215, 219, 251) 34%, rgb(115, 150, 198) 82%);
    background: -ms-linear-gradient(top, rgb(215, 219, 251) 34%, rgb(115, 150, 198) 82%);
    background: -moz-linear-gradient(top, rgb(215, 219, 251) 34%, rgb(115, 150, 198) 82%);
    background: -webkit-linear-gradient(top, rgb(215, 219, 251) 34%, rgb(115, 150, 198) 82%);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #fff;
}

.zj-tzcl dl:nth-child(1) {
    position: absolute;
    top: 100px;
    left: 0;
}

.zj-tzcl dl:nth-child(2) {
    position: absolute;
    top: 335px;
    left: 120px;
}

.zj-tzcl dl:nth-child(3) {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 260px;
    text-align: left;
}

.zj-tzcl dl:nth-child(5) {
    position: absolute;
    top: 100px;
    right: -90px;
}

.zj-tzcl dl:nth-child(3) dd {
    margin: 0 auto;
}

.zj-tzcl dl:nth-child(4) {
    position: absolute;
    top: 335px;
    right: 20px;
}

.zj-tzcl dl:nth-child(5) dt,
.zj-tzcl dl:nth-child(4) dt {
    width: 230px;
}

.zj-tzcl .wrapper2 {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 616px;
}

.zj-tzcl .c-line {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#zjtl-box .tzal-item-li2 ul li {
    width: 48%;
    border: 1px solid #132b8c;
    background: #fff;
}

#jsxm-box h3 {
    font-weight: bold;
}

#jsxm-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#jsxm-box .tlbr-block:before {
    background-color: transparent;
}

@media screen and (max-width: 376px) {
    #jsxm-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#jsxm-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

#jsxm-box .zx-section p {
    text-justify: inter-ideograph;
}

#jsxm-box .tlbr-block:after {
    background-color: transparent;
}

#jsxm-box :after {
    box-sizing: content-box;
}

#jsxm-box :before {
    box-sizing: content-box;
}

#jsxm-box .ywys-item li i {
    font-family: "hwxw";
}

#jsxm-box .ywys-item-jt .ywys-item-li4 {
    margin-top: 50px;
}

#jsxm-box .ywys-item-jt .ywys-item-li4 ul li {
    width: 25%;
}

#jsxm-box .ywys-item-jt .ywys-item-li4 ul li i b {
    font-size: 60px;
    font-weight: normal;
}

#jsxm-box .tzms-item li {
    float: left;
    width: 22%;
    overflow: hidden;
}

#jsxm-box .tzms-item li:nth-child(1) {
    width: 48%;
}

#jsxm-box .tzms-item li .tit {
    text-align: center;
}

#jsxm-box .fwly-item li .timu {
    padding: 15px 8px 15px;
}

#jsxm-box .tzms-item li .tit h3 {
    font-size: 24px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-family: 'FZLTHJ-bold';
}

#jsxm-box .tzms-item li .tit h3:before {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l.png) 0 0/cover no-repeat;
    margin-right: 20px;
}

#jsxm-box .tzms-item li .tit h3:after {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l1.png) 0 0/cover no-repeat;
    margin-left: 20px;
}

#jsxm-box .tzms-item li .ct {
    margin: 28px 0 40px;
}

#jsxm-box .tzms-item li dl {
    margin-top: 48px;
}

#jsxm-box .tzms-item li dl dd {
    width: 100%;
    border: 4px solid #4256a3;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border-radius: 10px;
    margin: 0 2% 26px 0;
}

#jsxm-box .tzms-item li dl dd:nth-child(3n) {
    margin-right: 0;
}

#jsxm-box .tzms-item li:nth-child(1) dl dd {
    width: 32%;
    float: left;
}

#jsxm-box .tzms-item li:nth-child(2) {
    margin: 0 4%;
}

/* 业务方向新增分类样式 */
#jsxm-box .jjms-list ul li {
    width: 100%;
}


#jsxm-box .jjms-list li dl dd {
    width: 22%;
    margin: 0 3% 40px 0;
    position: relative;
    float: left;
    background: #000;
    overflow: hidden;
    border-radius: 20px;
    position: relative
}

#jsxm-box .jjms-list li dl dd:nth-child(4n) {
    margin-right: 0
}

#jsxm-box .jjms-list li dl dd img {
    opacity: 0.7;
    display: block;
    width: 100%;
}

#jsxm-box .jjms-list li dl dd p {
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

#jsxm-box .jjms-list li .tit {
    text-align: center;
    margin-bottom: 30px;
}

#jsxm-box .jjms-list li .timu {
    padding: 15px 8px 15px;
}

#jsxm-box .jjms-list li .tit h3 {
    font-size: 24px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-family: 'FZLTHJ-bold';
}

#jsxm-box .jjms-list li .tit h3:before {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l.png) 0 0/cover no-repeat;
    margin-right: 20px;
}

#jsxm-box .jjms-list li .tit h3:after {
    content: '';
    display: inline-block;
    width: 29px;
    height: 17px;
    background: url(../img/l1.png) 0 0/cover no-repeat;
    margin-left: 20px;
}

/* 业务方向新增分类样式 */
@media screen and (max-width: 1440px) {
    #jsxm-box .ywys-item-jt .ywys-item-li4 ul li i b {
        font-size: 45px;
    }

    #jsxm-box .tzms-item ul li .tit h3,
    .zx-section .title-hs .podw,
    #jsxm-box .jjms-list li .tit h3 {
        font-size: 22px;
    }

    #jsxm-box .tzms-item ul li .tit h3:before {
        width: 20px;
        height: 12px;
    }

    #jsxm-box .tzms-item ul li .tit h3:after {
        width: 20px;
        height: 12px;
    }

    #jsxm-box .tzms-item li dl dd,
    .zj-tzcl dl dt {
        font-size: 18px;
    }

    .zj-tzcl dl:nth-child(1) {
        left: -70px;
    }

    .zj-tzcl dl:nth-child(2) {
        left: 30px;
    }

    .zj-tzcl dl:nth-child(4) {
        right: -50px;
    }

    .zj-tzcl dl:nth-child(5) {
        right: -170px;
    }

    #jsxm-box .jjms-list li dl dd p {
        font-size: 26px;
    }
}

@media screen and (max-width: 1280px) {

    #jsxm-box .tzms-item ul li .tit h3,
    #jsxm-box .jjms-list li dl dd p,
    #jsxm-box .jjms-list li .tit h3 {
        font-size: 20px;
    }

    .zj-tzcl dl dd {
        width: 100px;
        height: 100px;
    }

    .zj-tzcl dl dt {
        font-size: 16px;
    }

    .zj-tzcl dl:nth-child(1) {
        left: 10px;
    }

    .zj-tzcl dl:nth-child(5) {
        right: -110px;
    }

    .zj-tzcl dl {
        width: 300px;
    }

    .zj-tzcl dl:nth-child(2) {
        left: 110px;
    }

    .zj-tzcl dl:nth-child(4),
    .zj-tzcl dl:nth-child(5) {
        width: 400px;
    }

    .zj-tzcl dl:nth-child(4) {
        right: -20px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .ywys-item-jt .ywys-item-li4 ul li i b {
        font-size: 40px;
    }

    #jsxm-box .tzms-item ul li .tit {
        padding: 0 0 10px;
        margin-top: 10px;
    }

    #jsxm-box .tzms-item ul li .tit h3,
    #jsxm-box .jjms-list li .tit h3 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #jsxm-box .ywys-item-jt .ywys-item-li4 ul li {
        width: 50%;
    }

    #jsxm-box .ywys-item-jt .ywys-item-li4 ul li i b {
        font-size: 33px;
    }

    #jsxm-box .tzms-item ul li {
        width: 100%;
        float: none;
    }

    #jsxm-box .tzms-item li:nth-child(2n) {
        width: 100%;
        border-left: none;
    }

    #jsxm-box .tzms-item li:nth-child(5) .fl {
        float: none;
        width: 100%;
    }

    #jsxm-box .tzms-item li:nth-child(5) .fl:first-child {
        width: 100%;
    }

    #jsxm-box .tzms-item li:nth-child(5) .fl:last-child {
        width: 82%;
        margin: 30px auto 0;
    }

    #jsxm-box .tzms-item ul li .tit h3:before {
        width: 20px;
        height: 12px;
        margin-right: 5px;
    }

    #jsxm-box .tzms-item ul li .tit h3:after {
        width: 20px;
        height: 12px;
        margin-left: 5px;
    }

    #jsxm-box .tzms-item li .ct {
        margin: 10px 0;
    }

    #jsxm-box .tzms-item li {
        padding-top: 20px;
    }

    #jsxm-box .tzms-item li:nth-child(4) {
        padding: 20px 0 0;
    }

    #jsxm-box .tzms-item li:nth-child(5) {
        padding: 20px 0 0;
    }

    #jsxm-box .jjms-list ul li {
        width: 100%;
    }

    #jsxm-box .jjms-list li dl dd p {
        font-size: 14px;
    }

    #jsxm-box .jjms-list li dl dd {
        width: 30%;
        margin-right: 3% !important
    }
}

#jsxm-box .mstd-item {
    position: relative;
}

#jsxm-box .mstd-item::before {
    content: '';
    display: block;
    width: 80%;
    height: 9px;
    background: url(../img/bg_ms02.png);
    position: absolute;
    left: 10%;
    top: 33.44828%;
    z-index: 1;
}

#jsxm-box .mstd-item ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
    z-index: 3;
}

#jsxm-box .mstd-item ul li .imgOuter {
    width: 204px;
    height: 204px;
    background: url(../img/bg_ms01.png) 0 0/cover no-repeat;
    margin: 0 auto;
}

#jsxm-box .mstd-item ul li .imgOuter .imgInner {
    width: 82.35294%;
    margin: auto;
    border-radius: 100%;
    border: 4px solid #5a68b3;
    background-color: #5a68b3;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#jsxm-box .mstd-item ul li .tit {
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    color: #666;
}

@media screen and (max-width: 1440px) {
    #jsxm-box .mstd-item ul li .imgOuter {
        width: 180px;
        height: 180px;
    }

    #jsxm-box .mstd-item ul li .tit {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #jsxm-box .mstd-item ul li .imgOuter {
        width: 160px;
        height: 160px;
    }

    #jsxm-box .mstd-item ul li .tit {
        font-size: 18px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .mstd-item ul li .imgOuter {
        width: 150px;
        height: 150px;
    }

    #jsxm-box .mstd-item ul li .tit {
        font-size: 16px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .mstd-item::before {
        display: none;
    }

    #jsxm-box .mstd-item ul li {
        width: 50%;
        margin-bottom: 20px;
    }

    #jsxm-box .mstd-item ul li .imgOuter {
        width: 120px;
        height: 120px;
    }

    #jsxm-box .mstd-item ul li .tit {
        font-size: 14px;
        margin-top: 10px;
    }
}

#jsxm-box .fwwl-map {
    position: relative;
    width: 85.3125%;
    margin: 0 auto;
    display: none
}

#jsxm-box .fwwl-map .fwall span {
    position: absolute;
    display: block;
    z-index: 3;
    width: 5.86081%;
}

#jsxm-box .fwwl-map .fwall span img {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

#jsxm-box .fwwl-map .fwall span.dot-01 {
    left: 33.69963%;
    top: 71.23288%;
}

#jsxm-box .fwwl-map .fwall span.dot-02 {
    left: 37.82051%;
    top: 38.8543%;
}

#jsxm-box .fwwl-map .fwall span.dot-03 {
    left: 54.57875%;
    bottom: 8.46824%;
}

#jsxm-box .fwwl-map .fwall span.dot-04 {
    right: 35.98901%;
    bottom: 27.14819%;
}

#jsxm-box .fwwl-map .fwall span.dot-05 {
    right: 24.2674%;
    bottom: 33.25031%;
}

#jsxm-box .fwwl-map .fwall span.dot-06 {
    right: 24.54212%;
    top: 19.17808%;
}

#jsxm-box .fwwl-map .circle {
    border: 5px solid rgba(158, 114, 69, 0.08);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    -webkit-animation-name: scaleUp;
    animation-name: scaleUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
}

#jsxm-box .fwwl-map .circle1 {
    width: 178.125%;
    height: 178.125%;
    margin-left: -89.0625%;
    margin-top: -89.0625%;
}

#jsxm-box .fwwl-map .circle2 {
    width: 265.625%;
    height: 265.625%;
    margin-left: -132.8125%;
    margin-top: -132.8125%;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

#jsxm-box .fwwl-map .circle3 {
    width: 371.875%;
    height: 371.875%;
    margin-left: -185.9375%;
    margin-top: -185.9375%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

#jsxm-box .fwwl-map .circle4 {
    width: 453.125%;
    height: 453.125%;
    margin-left: -226.5625%;
    margin-top: -226.5625%;
}

#jsxm-box .fwwl-map .circle5 {
    width: 537.5%;
    height: 537.5%;
    margin-left: -268.75%;
    margin-top: -268.75%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

#jsxm-box .fwwl-map .circle6 {
    width: 609.375%;
    height: 609.375%;
    margin-left: -304.6875%;
    margin-top: -304.6875%;
}

#jsxm-box .fwwl-map .circle01 {
    width: 137.5%;
    height: 137.5%;
    margin-left: -68.75%;
    margin-top: -68.75%;
}

#jsxm-box .fwwl-map .circle02 {
    width: 193.75%;
    height: 193.75%;
    margin-left: -96.875%;
    margin-top: -96.875%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

#jsxm-box .fwwl-map .circle03 {
    width: 265.625%;
    height: 265.625%;
    margin-left: -132.8125%;
    margin-top: -132.8125%;
}

#jsxm-box .fwwl-map .tips {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #666;
    width: 304px;
}

#jsxm-box .fwwl-item ul {
    margin-top: 50px;
}

#jsxm-box .fwwl-item ul li {
    width: 100%;
    font-size: 22px;
    vertical-align: middle;
    margin-bottom: 30px;
    padding-left: 65px;
    position: relative;
}

#jsxm-box .fwwl-item ul li i {
    display: block;
    position: absolute;
    left: 0%;
    top: 0;
    width: 30px;
    height: 29px;
    background: url(../image/dg.png) no-repeat;
}

#jsxm-box .fwwl-item ul li h1 {
    float: left;
    color: #132b8c;
    font-weight: bold;
    font-size: 21px;
    font-family: 'FZLTHJ-bold';
}

#jsxm-box .fwwl-item ul li p {
    margin-bottom: 0 !important;
    width: 85%;
    float: left;
    font-size: 20px !important;
}

.zx-section .title-hs .p20 {
    padding: 0 10px;
}

.zx-section .title-hs {
    position: relative;
}

.zx-section .title-hs .podw {
    position: absolute;
    top: 0;
    right: 0;
    color: #555;
    line-height: 1.5;
    font-size: 24px;
    text-align: right;
}

.zx-section .title-hs .podw span {
    color: #132b8c
}

@media screen and (max-width: 1440px) {
    #jsxm-box .fwwl-map .tips {
        font-size: 14px;
    }

    #jsxm-box .fwwl-item ul li:before {
        width: 38px;
        height: 38px;
    }

    #jsxm-box .fwwl-item ul li {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1280px) {
    #jsxm-box .fwwl-item ul li:before {
        width: 32px;
        height: 32px;
    }

    #jsxm-box .fwwl-item ul li {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .fwwl-map .circle {
        border-width: 3px;
    }

    #jsxm-box .fwwl-map .tips {
        width: 100%;
        top: 100%;
        bottom: auto;
        text-align: center;
        margin-top: 20px;
    }

    #jsxm-box .fwwl-item ul {
        margin-top: 60px;
    }

    #jsxm-box .fwwl-item ul li:before {
        width: 28px;
        height: 28px;
    }

    #jsxm-box .fwwl-item ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .fwwl-map .circle {
        border-width: 2px;
    }

    #jsxm-box .fwwl-map .tips {
        margin-top: 10px;
    }

    #jsxm-box .fwwl-item ul {
        margin-top: 70px;
    }

    #jsxm-box .fwwl-item ul li:before {
        width: 20px;
        height: 20px;
    }

    #jsxm-box .fwwl-item ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 500px) {
    #jsxm-box .fwwl-map .circle {
        border-width: 1px;
    }

    #jsxm-box .fwwl-item ul li:before {
        margin-left: 0;
        margin-right: 2%;
    }

    #jsxm-box .fwwl-item ul li i {
        left: 0;
        top: 0;
    }
}

#jsxm-box .fwcases-item ul {
    padding-bottom: 20px;
}

#jsxm-box .fwcases-item ul li {
    width: 31%;
    margin: 0 2.5% 40px 0;
    border: none;
}

#jsxm-box .fwcases-item ul li a {
    color: #333;
}

#jsxm-box .fwcases-item ul li:nth-child(4n) {
    margin-right: 2.5%;
}

#jsxm-box .fwcases-item ul li:nth-child(3n) {
    margin-right: 0;
}

#jsxm-box .fwcases-item ul li .timu {
    border: none;
    padding: 15px 11px;
}

#jsxm-box .fwcases-item ul li .timu h1 {
    color: #132b8c;
    font-size: 20px;
    padding-left: 19px;
    position: relative;
}

#jsxm-box .fwcases-item ul li .timu h1:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #596bad;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
}

#jsxm-box .fwcases-item ul li .timu p {
    color: #333;
    font-size: 18px;
    margin-top: 5px;
    line-height: 30px;
    height: 55px;
}

#jsxm-box .fwly-item li:after {
    background: #596bad;
    width: 100%;
    left: 0;
    height: 5px;
}

#jsxm-box .fwcases-item ul li .info {
    height: auto;
}

@media screen and (max-width: 1440px) {
    #jsxm-box .fwcases-item ul li .timu .icon-ding {
        width: 40px;
        height: 40px;
    }

    #jsxm-box .fwcases-item ul li .timu h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    #jsxm-box .fwcases-item ul li {
        margin-bottom: 30px;
    }

    #jsxm-box .fwcases-item ul li .timu .icon-ding {
        width: 36px;
        height: 36px;
    }

    #jsxm-box .fwcases-item ul li .timu h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .fwcases-item ul li {
        margin-bottom: 20px;
    }

    #jsxm-box .fwcases-item ul li .timu {
        padding: 15px 10px;
    }

    #jsxm-box .fwcases-item ul li .timu .icon-ding {
        width: 26px;
        height: 26px;
    }

    #jsxm-box .fwcases-item ul li .timu h3 {
        font-size: 18px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .fwcases-item ul li {
        margin-bottom: 15px;
    }

    #jsxm-box .fwcases-item ul li .timu {
        padding: 10px 10px;
        height: 75px;
        box-sizing: border-box;
    }

    #jsxm-box .fwcases-item ul li .timu .icon-ding {
        width: 22px;
        height: 22px;
    }

    #jsxm-box .fwcases-item ul li .timu h3 {
        font-size: 16px;
        width: calc(100% - 35px);
    }
}

@media screen and (max-width: 500px) {
    #jsxm-box .fwcases-item ul li {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #jsxm-box .fwcases-item ul li:nth-child(2n) {
        margin-right: 0;
    }

    #jsxm-box .fwcases-item ul li:nth-child(4n) {
        margin-right: 0;
    }

    #jsxm-box .fwcases-item ul li .timu {
        height: auto;
    }
}

#jsxm-box .picLayer-8 .picLayer-inner {
    width: 880px;
    height: 70%;
}

#jsxm-box .picLayer-8 .layer-pic-wrap {
    background-color: transparent;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

#jsxm-box .layer-pic-wrap::-webkit-scrollbar {
    width: 8px;
}

#jsxm-box .layer-pic-wrap::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

#jsxm-box .layer-pic-wrap::-webkit-scrollbar-thumb {
    background-color: #5a68b3;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

#jsxm-box .picLayer-8 .img {
    background-color: #fff;
    padding: 20px;
    margin: 0 10px;
}

#jsxm-box .picLayer-8 .txt {
    color: #fff;
    margin: 30px 20px 0;
}

#jsxm-box .picLayer-8 .txt .icon-ding {
    display: inline-block;
    vertical-align: top;
    width: 49px;
    height: 49px;
    background: url(../img/icon_ding.png) 0 0/cover no-repeat;
    margin-right: 10px;
}

#jsxm-box .picLayer-8 .txt h3 {
    font-weight: normal;
    font-size: 26px;
    display: inline-block;
    width: calc(100% - 65px);
    line-height: 49px;
}

#jsxm-box .picLayer-8 .txt p {
    font-size: 22px;
    margin-top: 15px;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 1440px) {
    #jsxm-box .picLayer-8 .picLayer-inner {
        width: 700px;
    }

    #jsxm-box .picLayer-8 .img {
        padding: 10px;
    }

    #jsxm-box .picLayer-8 .txt {
        margin-top: 20px;
    }

    #jsxm-box .picLayer-8 .txt .icon-ding {
        width: 40px;
        height: 40px;
    }

    #jsxm-box .picLayer-8 .txt h3 {
        font-size: 24px;
        line-height: 40px;
        width: calc(100% - 55px);
    }

    #jsxm-box .picLayer-8 .txt p {
        font-size: 20px;
    }

    #jsxm-box .layer-pic-wrap::-webkit-scrollbar {
        width: 6px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .picLayer-8 .img {
        padding: 6px;
    }

    #jsxm-box .picLayer-8 .txt {
        margin-top: 15px;
    }

    #jsxm-box .picLayer-8 .txt .icon-ding {
        width: 30px;
        height: 30px;
    }

    #jsxm-box .picLayer-8 .txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    #jsxm-box .picLayer-8 .txt p {
        font-size: 16px;
    }

    #jsxm-box .layer-pic-wrap::-webkit-scrollbar {
        width: 5px;
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .picLayer-8 .picLayer-inner {
        width: 96%;
    }

    #jsxm-box .picLayer-8 .img {
        padding: 6px;
    }

    #jsxm-box .picLayer-8 .txt {
        margin-top: 10px;
    }

    #jsxm-box .picLayer-8 .txt .icon-ding {
        width: 24px;
        height: 24px;
    }

    #jsxm-box .picLayer-8 .txt h3 {
        font-size: 16px;
        line-height: 24px;
        width: calc(100% - 45px);
    }

    #jsxm-box .picLayer-8 .txt p {
        font-size: 14px;
        margin-top: 10px;
    }

    #jsxm-box .layer-pic-wrap::-webkit-scrollbar {
        width: 4px;
    }

    #jsxm-box .picLayer .swiper-button-next {
        top: 20%;
        right: 10%;
    }

    #jsxm-box .picLayer .swiper-button-prev {
        top: 20%;
        left: 10%;
    }
}

#jsxm-box .xmName-outer {
    position: relative;
    background: url(../image/huawen.png);
    padding-bottom: 50px;
    display: none;
}

#jsxm-box .xmName-bg {
    width: 100%;
}

#jsxm-box .xmName-outer .xmName {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px;
}

#jsxm-box #scrollXm {
    overflow: hidden;
    padding: 20px 0;
}

#jsxm-box #scrollXm1 {
    height: 450px;
}

#jsxm-box .xmName-outer .scrollXm ul li {
    font-size: 20px;
    margin-bottom: 10px;
}

#jsxm-box .xmName-outer .scrollXm ul li span {
    display: block;
    float: left;
    width: 30%;
    box-sizing: border-box;
    line-height: 1.6;
    display: flex;
    align-items: center;
}

#jsxm-box .xmName-outer .scrollXm ul li span img {
    margin-right: 10px;
}

#jsxm-box .xmName-outer .scrollXm ul li span:last-child {
    width: 65%;
}

#jsxm-box .xmName-outer .scrollXm ul li .icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    background: 0 0 /cover no-repeat;
    margin-right: 20px;
    position: relative;
    vertical-align: middle;
}

.lx-Menubox {
    position: relative;
}

.lx-Menubox:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c8c8c8;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 1;
}

.lx-Menubox ul {
    display: flex;
    justify-content: space-between;
}

.lx-Menubox li {
    font-size: 18px;
    line-height: 50px;
    cursor: pointer;
    float: left;
    padding: 0 17px;
    position: relative;
    z-index: 2;
}

.lx-Menubox li .y-img {
    width: 97px;
    height: 97px;
    position: relative;
    background: #a0aad1;
    border-radius: 50%;
    margin: 0 auto;
}

.lx-Menubox li .y-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.lx-Menubox li p {
    text-align: center;
    font-size: 20px;
}

.lx-Menubox li.hover .y-img {
    background: #4256a3;
}

.lx-Menubox li.hover p {
    font-weight: bold;
    font-family: 'FZLTHJ-bold';
    color: #000;
}

.lx-Contentbox {
    width: 100%;
}

.case-gai-box {
    padding-top: 30px;
    padding-bottom: 30px;
}

.c-t-new {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 22px;
}

.c-t-new h3 {
    font-size: 24px;
    font-family: 'FZLTHJ-bold';
}

.lx-CbContainer ul {
    margin-bottom: 20px;
}

.lx-CbContainer ul li {
    float: left;
    width: 50%;
    font-size: 18px;
    margin-bottom: 10px;
}

.gc-img,
.gc-img img {
    width: 100%;
    display: block;
}

#jsxm-box .xmName-outer .scrollXm ul li .icon-1 {
    background-image: url(../img/icon_xm01.png);
}

#jsxm-box .xmName-outer .scrollXm ul li .icon-2 {
    background-image: url(../img/icon_xm01.png);
}

#jsxm-box .xmName-outer .scrollXm ul li h3 {
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    font-family: 'FZLTHJ-bold';
}

#jsxm-box .xmName-outer .scrollXm ul li a {
    color: #666;
}

@media screen and (max-width: 1440px) {
    #jsxm-box .xmName-outer .scrollXm {
        padding-top: 30px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li .icon {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 26px;
        line-height: 70px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #jsxm-box .xmName-outer .scrollXm ul li .icon {
        width: 36px;
        height: 36px;
        margin-right: 10px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 24px;
        line-height: 70px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #jsxm-box .xmName-outer .scrollXm {
        padding-top: 20px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li .icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 24px;
        line-height: 50px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #jsxm-box .xmName-outer .scrollXm {
        padding-top: 20px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li .icon {
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 18px;
        line-height: 50px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li {
        font-size: 14px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li span {
        padding-left: 0;
    }

    #jsxm-box .xmName-outer .scrollXm ul li span:nth-child(2n) {
        padding-left: 5%;
    }
}

@media screen and (max-width: 640px) {
    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 14px;
        line-height: 28px;
    }

    .lx-Menubox ul {
        display: block;
    }

    .lx-Menubox li {
        width: 25%;
        float: left;
        padding: 0;
    }

    .lx-Menubox li .y-img {
        width: 60px;
        height: 60px;
    }

    .lx-Menubox li .y-img img {
        width: 40px;
    }

    .lx-Menubox li p {
        font-size: 14px;
    }

    .lx-Menubox:after {
        display: none;
    }
}

@media screen and (max-width: 340px) {
    #jsxm-box .xmName-outer .scrollXm ul li .icon {
        width: 18px;
        height: 18px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li {
        font-size: 16px;
    }
}

#more-box .p_articles {
    width: calc((100% - 0px)/1);
}

#more-box .p_CommonSummaryBoxA {
    text-align: center;
}

#more-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#more-box .zx-section .qiyuan {
    margin-top: 0px;
}

#more-box h3 {
    font-weight: bold;
}

#more-box .Financial-head .txt p {
    text-justify: inter-ideograph;
}

@media screen and (max-width: 376px) {
    #more-box .ywlyTab3 ul li a {
        font-size: 14px;
    }
}

#more-box .zx-section p {
    text-justify: inter-ideograph;
}

#more-box .tlbr-block:before {
    background-color: transparent;
}

#more-box .tlbr-block:after {
    background-color: transparent;
}

#more-box .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#more-box>div {
    animation-fill-mode: both;
}

#more-box .ywType-item dl {
    border-bottom: 1px dashed #d2d2d2;
    padding: 48px 0 40px;
    position: relative
}

#more-box .ywType-item dl:first-child {
    padding-top: 0px;
}

#more-box .ywType-item dl .icon {
    display: inline-block;
    width: 62px;
    height: 62px;
    background: 0 0/cover no-repeat;
    vertical-align: middle;
    margin-right: 18px;
}

#more-box .ywType-item dl .icon-1 {
    background-image: url(../img/icon_ywlx01.png);
}

#more-box .ywType-item dl .icon-2 {
    background-image: url(../img/icon_ywlx02.png);
}

#more-box .ywType-item dl .icon-3 {
    background-image: url(../img/icon_ywlx03.png);
}

#more-box .ywType-item dl .icon-4 {
    background-image: url(../img/icon_ywlx04.png);
}

#more-box .ywType-item dl .icon-5 {
    background-image: url(../img/icon_ywlx05.png);
}

#more-box .ywType-item dl .icon-6 {
    background-image: url(../image/nIcon05.png);
}

#more-box .ywType-item dl .icon-7 {
    background-image: url(../image/nIcon06.png);
}

#more-box .ywType-item dl .icon-8 {
    background-image: url(../image/nIcon07.png);
}

#more-box .ywType-item dl .icon-9 {
    background-image: url(../image/nIcon08.png);
}

#more-box .ywType-item dl .poImg {
    position: absolute;
    right: 0;
    top: 24px
}

#more-box .ywType-item dl h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    color: #5a68b3;
}

#more-box .ywType-item dl dd {
    margin-top: 20px;
}

#more-box .ywType-item dl p {
    font-size: 22px;
    color: #333;
}

#more-box .otTefw dl {
    min-height: 320px
}


@media screen and (max-width: 1440px) {
    #more-box .otTefw dl {
        min-height: 260px
    }

    #more-box .otTefw dl .poImg {
        width: 300px
    }

    #more-box .ywType-item dl {
        padding: 38px 0 30px;
    }

    #more-box .ywType-item dl .icon {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    #more-box .ywType-item dl h3 {
        font-size: 24px;
    }

    #more-box .ywType-item dl p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #more-box .ywType-item dl {
        padding: 30px 0 20px;
    }

    #more-box .ywType-item dl .icon {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    #more-box .ywType-item dl h3 {
        font-size: 22px;
    }

    #more-box .ywType-item dl p {
        font-size: 18px;
    }

}

@media screen and (max-width: 1024px) {
    #more-box .ywType-item dl {
        padding: 20px 0 15px;
    }

    #more-box .ywType-item dl .icon {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }

    #more-box .ywType-item dl h3 {
        font-size: 20px;
    }

    #more-box .ywType-item dl p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #more-box .ywType-item dl .icon {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }

    #more-box .ywType-item dl h3 {
        font-size: 18px;
    }

    #more-box .ywType-item dl p {
        font-size: 14px;
    }

    #more-box .ywType-item dl dd {
        margin-top: 10px;
    }
}

@media screen and (max-width: 768px) {
    #more-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }

    #more-box .ywType-item dl h3 {
        font-size: 16px;
    }

    #more-box .ywType-item dl dd {
        margin-top: 10px;
    }

    #more-box .otTefw dl .poImg {
        width: 100%;
        position: relative;
        bottom: 0
    }
}

#more-box .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#more-box .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#more-box .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#more-box .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    box-sizing: content-box;
}

#sbyy-box .cf {
    zoom: 1;
}

#sbyy-box .cf:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

#sbyy-box .zx-section p {
    text-justify: inter-ideograph;
}

#sbyy-box .tab-mng-team-t ul li a {
    border: 3px solid #132b8c;
    border-color: #959595;
    color: #999;
}

#sbyy-box .tab-mng-team-t ul li.active a {
    background-color: #132b8c;
    border-color: #132b8c;
    color: #fff;
}

#sbyy-box .business-tab-box .tab-mng-team-t ul li.active a {
    background-color: #132b8c;
    border-color: #132b8c;
    color: #fff;
}

#sbyy-box .business-tab-box .tab-mng-team-t ul li a:hover {
    background-color: transparent;
    border-color: #132b8c;
    color: #132b8c;
}

#sbyy-box h3 {
    font-weight: bold;
}

#sbyy-box h5 {
    font-weight: bold;
}

#sbyy-box .ranking {
    width: 100%;
    text-align: right;
}

#sbyy-box .certify .swiper-slide {
    position: relative;
}

#sbyy-box .zx-section .txt em {
    color: #5a68b3;
}

#sbyy-box .ywly .title {
    text-align: center;
    padding: 80px 0 50px;
}

#sbyy-box .ywly .title h1 {
    display: inline-block;
    font-size: 32px;
    font-family: 'FZLTHJ';
    color: #132b8c;
    position: relative;
}

#sbyy-box .ywly .title h1::before {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t01.png) 0 0/100% no-repeat;
    position: absolute;
    left: -60px;
    top: -8px;
}

#sbyy-box .ywly .title h1::after {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t02.png) 0 0/100% no-repeat;
    position: absolute;
    right: -60px;
    bottom: -8px;
}

#sbyy-box .ywly .title1 {
    margin-bottom: 30px;
}

#sbyy-box .ywly .title1 h2 {
    font-size: 24px;
    color: #5a68b3;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#sbyy-box .ywly .title1 h2::before {
    content: "";
    width: 362px;
    height: 18px;
    background: url(../img/hxjf_tit.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sbyy-box .equip-operate-box.zx-section .cont {
    padding-top: 0;
}

#sbyy-box .zx-section {
    padding-top: 0;
}

#sbyy-box .equip-operate-box {
    background: url(../img/bg_yy_01.jpg) center 0/cover no-repeat;
}

#sbyy-box .equip-operate-box .equip-operate .tit {
    font-weight: bold;
    color: #5a68b3;
}

#sbyy-box .equip-operate .yy-img {
    position: relative;
    z-index: 1;
    margin: 50px 0;
}

#sbyy-box .equip-operate .yy-img .img {
    padding: 8px;
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 7px solid #fff;
    box-shadow: 0px 5px 17.6px 2.4px rgba(153, 153, 153, 0.4);
    z-index: 1;
}

#sbyy-box .equip-operate .yy-img .img .report-img {
    overflow: hidden;
}

#sbyy-box .equip-operate .yy-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

#sbyy-box .equip-operate .yy-img .img .swiper-container {
    padding-bottom: 40px;
}

/*#sbyy-box .equip-operate .yy-img span {
	display: none;
	width: 100px;
	height: 100px;
	background: rgba(182,0,5,.2);
	position: absolute;
	z-index: -1;
}*/
#sbyy-box .equip-operate .yy-img:hover .img img {
    transform: scale(1.05);
}

#sbyy-box .equip-operate .yy-img span.cube-top {
    top: -20px;
    left: -20px;
}

#sbyy-box .equip-operate .yy-img span.cube-bottom {
    bottom: -20px;
    right: -20px;
}

#sbyy-box .company-culture ul {
    padding-bottom: 70px;
    border-bottom: 1px dashed #cccccc;
}

#sbyy-box .company-culture ul li {
    width: 50%;
    padding: 0 5%;
}

#sbyy-box .company-culture ul li .c-border {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 30px;
    background: url(../img/bg_yuan_red.png) 0 0 /cover no-repeat;
}

#sbyy-box .company-culture ul li .c-border:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/bg_yuan_red2.png) 0 0 /cover no-repeat;
    transition: all 1.5s;
    transform: scale(1) rotate(0);
}

#sbyy-box .company-culture ul li:hover .c-border:before {
    transform: scale(1.05) rotate(360deg);
}

#sbyy-box .company-culture ul li .c-border>a {
    display: block;
    width: 200px;
    height: 200px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sbyy-box .company-culture ul li .c-border h3 {
    font-size: 48px;
    color: #fff;
    font-family: "hwxw";
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#sbyy-box .company-culture ul li p {
    color: #333333;
    text-align: center;
}

#sbyy-box .certifybox {
    background: url(../img/hxjf_bg.jpg) center bottom/auto 100% no-repeat;
    padding: 60px 0 88px;
}

#sbyy-box .certify {
    width: 96%;
    margin: 0 auto;
}

#sbyy-box .certify .swiper-container {
    padding: 20px 0 80px;
    position: relative;
}

#sbyy-box .certify .swiper-slide .report-img {
    background: transparent;
    width: 100%;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    display: block;
    cursor: default;
}

#sbyy-box .certify .swiper-slide .report-img img {
    width: 100%;
}

#sbyy-box .product-list {
    margin-bottom: 70px;
}

#sbyy-box .product-list ul {
    margin-top: 30px;
}

#sbyy-box .product-list ul li {
    width: 32%;
    margin-right: 1.95%;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    box-shadow: 0px 2px 20px 0px rgba(7, 0, 1, 0.12);
}

#sbyy-box .product-list ul li::after {
    content: '';
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, rgba(19, 43, 140, 0.1) 8%, rgba(19, 43, 140, 0.76) 25%, rgba(19, 43, 140, 0.8) 26%, #132b8c 51%, rgba(19, 43, 140, 0.8) 75%, rgba(19, 43, 140, 0.05) 95%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#sbyy-box .product-list ul li:nth-child(3n) {
    margin-right: 0;
}

#sbyy-box .product-list ul li .product-cont {
    position: relative;
}

#sbyy-box .product-list ul li .product-cont .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#sbyy-box .product-list ul li .product-cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

#sbyy-box .product-list ul li .product-cont p {
    color: #fff;
    line-height: 50px;
    text-align: center;
    margin-bottom: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#sbyy-box .product-list ul li .text {
    padding: 30px 10px 30px 15px;
}

#sbyy-box .product-list ul li .text h2 {
    font-size: 28px;
    color: #666666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sbyy-box .product-list ul li .text h2 em {
    color: #132b8c;
}

#sbyy-box .product-list ul li:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#sbyy-box .product-list ul li:hover::after {
    width: 100%;
    left: 0;
}

#sbyy-box .product-list ul li:hover .product-cont .img img {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#sbyy-box .business-model {
    margin: 30px 0 90px;
    position: relative;
}

#sbyy-box .business-model .business-model-img {
    width: 44.5%;
    padding: 0 20px;
}

#sbyy-box .business-model .business-model-img img {
    width: 100%;
    height: 100%;
}

#sbyy-box .business-model .text {
    width: 54%;
}

#sbyy-box .business-model .text .tit {
    font-weight: bold;
    color: #5a68b3;
    font-size: 26px;
}

#sbyy-box .business-model .text ul {
    margin-top: 7%;
}

#sbyy-box .business-model .text ul li {
    margin-bottom: 12%;
}

#sbyy-box .business-model .text ul li p {
    font-size: 22px;
    color: #333333;
    text-align: justify;
    padding-left: 55px;
    position: relative;
}

#sbyy-box .business-model .text ul li p::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#sbyy-box .business-model .text ul li i {
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red2.png) 0 0/cover no-repeat;
}

#sbyy-box .case .certifybox {
    background: none;
}

#sbyy-box .case .certify .text {
    font-size: 22px;
    color: #666666;
    line-height: 80px;
    text-align: center;
}

#sbyy-box .case .certify .swiper-slide .report-img {
    box-shadow: none;
}

#sbyy-box .case .certify .swiper-slide {
    box-shadow: 0px 6px 12px 0px rgba(33, 25, 1, 0.4);
}

#sbyy-box .case .certify .swiper-slide::after {
    content: '';
    display: block;
    width: 0;
    transition: all .4s;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    background: linear-gradient(to right, rgba(19, 43, 140, 0.1) 8%, rgba(19, 43, 140, 0.76) 25%, rgba(19, 43, 140, 0.8) 26%, #132b8c 51%, rgba(19, 43, 140, 0.8) 75%, rgba(19, 43, 140, 0.05) 95%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#sbyy-box .case .certify .swiper-slide:hover::after {
    width: 100%;
    left: 0;
}

#sbyy-box .case-carousel {
    background: url(../img/bg_gx.jpg) center no-repeat;
    background-size: cover;
    padding: 60px 0;
    margin-bottom: 100px;
}

#sbyy-box .case-carousel .project .swiper-slide {
    width: 504px;
    margin-right: 10px;
    position: relative;
}

#sbyy-box .case-carousel .project .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#sbyy-box .case-carousel .project .swiper-slide .img img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}

#sbyy-box .case-carousel .project .swiper-slide .img img:hover {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#sbyy-box .case-carousel .project .swiper-slide .text {
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    padding-left: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}





@media screen and (max-width: 1440px) {
    #sbyy-box .business-model .text .tit {
        font-size: 24px
    }

    #sbyy-box .case-carousel .project .swiper-slide .text {
        font-size: 18px;
        line-height: 46px;
    }

    #sbyy-box .equip-operate .yy-img .img {
        border: 5px solid #fff;
    }

    #sbyy-box .case-carousel .project .swiper-slide {
        width: 400px;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .business-model .text .tit {
        font-size: 22px
    }

    #sbyy-box .equip-operate .yy-img .img {
        border: 3px solid #fff;
    }

    #sbyy-box .case-carousel .project .swiper-slide .text {
        font-size: 16px;
        line-height: 38px;
    }

    #sbyy-box .case-carousel .project .swiper-slide {
        width: 320px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .business-model .text .tit {
        font-size: 20px
    }

    #sbyy-box .equip-operate .yy-img .img {
        border: none;
    }

    #sbyy-box .equip-operate .yy-img span.cube-top {
        top: -10px;
        left: -10px;
    }

    #sbyy-box .equip-operate .yy-img span.cube-bottom {
        bottom: -10px;
        right: -10px;
    }

    #sbyy-box .case-carousel .project .swiper-slide .text {
        font-size: 14px;
        line-height: 32px;
    }

    #sbyy-box .case-carousel .project .swiper-slide {
        width: 300px;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .business-model .text .tit {
        margin-top: 5%;
    }

    #sbyy-box .case-carousel .project .swiper-slide {
        width: 220px;
    }
}

#sbyy-box .partner .partner-list ul {
    margin: 55px 0 0;
}

#sbyy-box .partner .partner-list ul li {
    width: 18.75%;
    margin-right: 1.5625%;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0px 2px 20px 0px rgba(7, 0, 1, 0.12);
    border: 1px solid #d2d2d2;
}

#sbyy-box .partner .partner-list ul li:nth-child(5n) {
    margin-right: 0;
}

#sbyy-box .partner .partner-list ul li>a {
    display: block;
    width: 100%;
    overflow: hidden;
    cursor: default;
}

#sbyy-box .partner .partner-list ul li>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

#sbyy-box .partner .partner-list ul li:hover a img {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

@media screen and (max-width: 1440px) {
    #sbyy-box .equip-operate h3 {
        font-size: 20px;
    }

    #sbyy-box .equip-operate p {
        font-size: 20px;
        line-height: 1.8;
    }

    #sbyy-box .company-culture ul li .c-border {
        width: 200px;
        height: 200px;
        margin-bottom: 20px;
    }

    #sbyy-box .company-culture ul li .c-border>a {
        width: 160px;
        height: 160px;
    }

    #sbyy-box .company-culture ul li .c-border h3 {
        font-size: 36px;
    }

    #sbyy-box .company-culture ul li p {
        font-size: 20px;
    }

    #sbyy-box .product-list ul li .product-cont p {
        font-size: 20px;
    }

    #sbyy-box .product-list ul li .text {
        padding: 25px 10px 25px 10px;
    }

    #sbyy-box .product-list ul li .text h2 {
        font-size: 24px;
    }

    #sbyy-box .business-model .text ul li p {
        font-size: 20px;
    }

    #sbyy-box .case .certify .text {
        font-size: 20px;
        line-height: 68px;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .equip-operate p {
        font-size: 18px;
        line-height: 1.8;
    }

    #sbyy-box .equip-operate h3 {
        font-size: 18px;
    }

    #sbyy-box .company-culture ul li p {
        font-size: 18px;
    }

    #sbyy-box .product-list ul li .product-cont p {
        font-size: 18px;
    }

    #sbyy-box .product-list ul li .text {
        padding: 20px 15px;
    }

    #sbyy-box .product-list ul li .text h2 {
        font-size: 20px;
    }

    #sbyy-box .product-list ul li .text h2::before {
        width: 28px;
        height: 28px;
    }

    #sbyy-box .business-model .text ul li p {
        font-size: 18px;
    }

    #sbyy-box .business-model .text ul li p::before {
        width: 38px;
        height: 38px;
    }

    #sbyy-box .business-model .text ul li p i {
        width: 38px;
        height: 38px;
    }

    #sbyy-box .case .certify .text {
        font-size: 18px;
        line-height: 52px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .equip-operate p {
        font-size: 16px;
        line-height: 1.8;
    }

    #sbyy-box .equip-operate h3 {
        font-size: 16px;
    }

    #sbyy-box .company-culture ul li .c-border {
        width: 160px;
        height: 160px;
    }

    #sbyy-box .company-culture ul li .c-border>a {
        width: 120px;
        height: 120px;
    }

    #sbyy-box .company-culture ul li .c-border h3 {
        font-size: 28px;
    }

    #sbyy-box .company-culture ul li p {
        font-size: 16px;
    }

    #sbyy-box .product-list ul li .product-cont p {
        font-size: 16px;
        line-height: 38px;
    }

    #sbyy-box .product-list ul li .text {
        padding: 15px;
    }

    #sbyy-box .product-list ul li .text h2 {
        font-size: 18px;
    }

    #sbyy-box .business-model .text ul li p {
        font-size: 14px;
        padding-left: 40px;
    }

    #sbyy-box .business-model .text ul li p::before {
        width: 28px;
        height: 28px;
    }

    #sbyy-box .business-model .text ul li p i {
        width: 28px;
        height: 28px;
    }

    #sbyy-box .case .certify .text {
        font-size: 16px;
        line-height: 46px;
    }

    #sbyy-box .partner .partner-list ul li {
        width: 23%;
        margin-right: 2.66%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(4n) {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(5n) {
        margin-right: 2.66%;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .equip-operate h3 {
        font-size: 14px;
    }

    #sbyy-box .equip-operate p {
        font-size: 14px;
        line-height: 1.8;
    }

    #sbyy-box .business-model .text ul {
        margin-top: 5%;
    }

    #sbyy-box .business-model .text ul li {
        margin-bottom: 10%;
    }

    #sbyy-box .product-list ul li {
        width: 49%;
    }

    #sbyy-box .product-list ul li:nth-child(2n) {
        margin-right: 0;
    }

    #sbyy-box .product-list ul li:nth-child(3n) {
        margin-right: 1.95%;
    }

    #sbyy-box .product-list ul li:last-child {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li {
        width: 31.33%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(3n) {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(4n) {
        margin-right: 2.66%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(5n) {
        margin-right: 2.66%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(12) {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(15) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #sbyy-box .company-culture ul li {
        width: 100%;
        margin-bottom: 30px;
    }

    #sbyy-box .company-culture ul li .c-border {
        width: 120px;
        height: 120px;
    }

    #sbyy-box .company-culture ul li .c-border>a {
        width: 80px;
        height: 80px;
    }

    #sbyy-box .company-culture ul li .c-border h3 {
        font-size: 24px;
    }

    #sbyy-box .product-list ul li {
        width: 100%;
        margin-right: 0;
    }

    #sbyy-box .product-list ul li:nth-child(2n) {
        margin-right: 0;
    }

    #sbyy-box .product-list ul li .text h2::before {
        width: 24px;
        height: 24px;
    }

    #sbyy-box .business-model .business-model-img {
        width: 100%;
    }

    #sbyy-box .business-model .text {
        width: 100%;
    }

    #sbyy-box .case .certify .text {
        font-size: 14px;
        line-height: 36px;
    }
}

@media screen and (max-width: 767px) {
    #sbyy-box .partner .partner-list ul li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(2n) {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(4n) {
        margin-right: 0%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(5n) {
        margin-right: 4%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(3n) {
        margin-right: 0%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(3) {
        margin-right: 4%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(9) {
        margin-right: 4%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(10) {
        margin-right: 0%;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(12) {
        margin-right: 0;
    }

    #sbyy-box .partner .partner-list ul li:nth-child(15) {
        margin-right: 0;
    }
}

@media screen and (min-width: 1921px) {
    #sbyy-box .certifybox {
        background-size: 100% auto;
    }
}

@media screen and (max-width: 1440px) {
    #sbyy-box .certifybox {
        padding: 60px 0;
    }

    #sbyy-box .certify .swiper-container {
        padding-bottom: 60px;
    }

    #sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }

    #sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: 8px;
        height: 8px;
        border: 2px solid transparent;
        left: -2px;
        top: -2px;
    }

    #sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
        border-color: #5a68b3;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .certify {
        width: 100%;
    }

    #sbyy-box .certifybox {
        padding: 50px 0;
    }

    #sbyy-box .certify .swiper-container {
        padding-bottom: 50px;
    }

    #sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    #sbyy-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: 6px;
        height: 6px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .certifybox {
        padding: 40px 0;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .certifybox {
        padding: 30px 0;
    }

    #sbyy-box .certify .swiper-slide {
        width: 70%;
    }
}

#sbyy-box .nextDiv {
    text-align: center;
    margin-top: 90px;
}

#sbyy-box .nextDiv a.viewNext {
    display: block;
    color: #b60005;
    font-size: 22px;
}

#sbyy-box .nextDiv a.viewNext:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    #sbyy-box .nextDiv {
        margin-top: 70px;
    }

    #sbyy-box .nextDiv a.viewNext {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .nextDiv {
        margin-top: 50px;
    }

    #sbyy-box .nextDiv a.viewNext {
        font-size: 18px;
    }
}

@media screen and (max-width: 1440px) {
    #sbyy-box .ywly .title {
        padding: 70px 0 40px;
    }

    #sbyy-box .ywly .title h1 {
        font-size: 28px;
    }

    #sbyy-box .ywly .title h1::before {
        width: 28px;
        height: 28px;
        left: -50px;
    }

    #sbyy-box .ywly .title h1::after {
        width: 28px;
        height: 28px;
        right: -50px;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .ywly .title {
        padding: 70px 0 30px;
    }

    #sbyy-box .ywly .title h1 {
        font-size: 26px;
    }

    #sbyy-box .ywly .title h1::before {
        width: 24px;
        height: 24px;
        left: -40px;
    }

    #sbyy-box .ywly .title h1::after {
        width: 24px;
        height: 24px;
        right: -40px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .ywly .title {
        padding-top: 60px;
    }

    #sbyy-box .ywly .title h1 {
        font-size: 24px;
    }

    #sbyy-box .ywly .title h1::before {
        width: 20px;
        height: 20px;
    }

    #sbyy-box .ywly .title h1::after {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .product-list {
        margin-bottom: 20px;
    }

    #sbyy-box .ywly .title {
        padding-top: 50px;
    }

    #sbyy-box .ywly .title h1 {
        font-size: 22px;
    }

    #sbyy-box .ywly .title h1::before {
        width: 18px;
        height: 18px;
    }

    .ysmoreImg img {
        max-width: 90%;
    }

    #sbyy-box .ywly .title h1::after {
        width: 18px;
        height: 18px;
    }

    #sbyy-box .certify h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    #sbyy-box .certify h2 {
        font-size: 18px;
    }

    #sbyy-box .certify h2::before {
        width: 260px;
    }
}

#sbyy-box .tzpos {
    position: relative;
    top: -100px;
}

#sbyy-box .certify .swiper-slide .swiper-over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#sbyy-box .certify .swiper-slide-active .swiper-over {
    display: none;
}

#sbyy-box .case .certify .text .icon-ding {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: url(/img/icon_ding_red.png) 0 0/cover no-repeat;
    margin-right: 15px;
    position: relative;
    top: -2px;
}

@media screen and (max-width: 1440px) {
    #sbyy-box .case .certify .text .icon-ding {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .case .certify .text .icon-ding {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .case .certify .text .icon-ding {
        width: 26px;
        height: 26px;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .case .certify .text .icon-ding {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }
}

#sbyy-box .fwcases-item {
    margin-top: 30px;
}

#sbyy-box .fwcases-item ul {
    padding-bottom: 20px;
}

#sbyy-box .fwcases-item ul li {
    width: 47.65625%;
    margin: 0 3.125% 40px 0;
}

#sbyy-box .fwcases-item ul li:after {
    background: linear-gradient(to right, rgba(19, 43, 140, 0.1) 8%, rgba(19, 43, 140, 0.76) 25%, rgba(19, 43, 140, 0.8) 26%, #132b8c 51%, rgba(19, 43, 140, 0.8) 75%, rgba(19, 43, 140, 0.05) 95%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#sbyy-box .fwcases-item ul li a {
    color: #333;
}

#sbyy-box .fwcases-item ul li:nth-child(4n) {
    margin-right: 3.125%;
}

#sbyy-box .fwcases-item ul li:nth-child(2n) {
    margin-right: 0;
}

#sbyy-box .fwcases-item ul li .timu .icon-ding {
    width: 49px;
    height: 49px;
    background: url(../img/icon_ding_red.png) 0 0/cover no-repeat;
}

#sbyy-box .fwcases-item ul li .timu h3 {
    font-size: 24px;
}

@media screen and (max-width: 1440px) {
    #sbyy-box .fwcases-item ul li .timu .icon-ding {
        width: 40px;
        height: 40px;
    }

    #sbyy-box .fwcases-item ul li .timu h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1280px) {
    #sbyy-box .fwcases-item ul li {
        margin-bottom: 30px;
    }

    #sbyy-box .fwcases-item ul li .timu .icon-ding {
        width: 36px;
        height: 36px;
    }

    #sbyy-box .fwcases-item ul li .timu h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .fwcases-item ul li {
        margin-bottom: 20px;
    }

    #sbyy-box .fwcases-item ul li .timu {
        padding: 15px 10px;
    }

    #sbyy-box .fwcases-item ul li .timu .icon-ding {
        width: 26px;
        height: 26px;
    }

    #sbyy-box .fwcases-item ul li .timu h3 {
        font-size: 18px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .fwcases-item ul li {
        margin-bottom: 15px;
    }

    #sbyy-box .fwcases-item ul li .timu {
        padding: 10px 10px;
        height: 75px;
        box-sizing: border-box;
    }

    #sbyy-box .fwcases-item ul li .timu .icon-ding {
        width: 22px;
        height: 22px;
    }

    #sbyy-box .fwcases-item ul li .timu h3 {
        font-size: 16px;
        width: calc(100% - 35px);
    }
}

@media screen and (max-width: 500px) {
    #sbyy-box .fwcases-item ul li {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    #sbyy-box .fwcases-item ul li:nth-child(2n) {
        margin-right: 0;
    }

    #sbyy-box .fwcases-item ul li:nth-child(4n) {
        margin-right: 0;
    }

    #sbyy-box .fwcases-item ul li .timu {
        height: auto;
    }
}

#sbyy-box .picLayer-8 .picLayer-inner {
    width: 880px;
    height: 70%;
}

#sbyy-box .picLayer-8 .layer-pic-wrap {
    background-color: transparent;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

#sbyy-box .layer-pic-wrap::-webkit-scrollbar {
    width: 8px;
}

#sbyy-box .layer-pic-wrap::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

#sbyy-box .layer-pic-wrap::-webkit-scrollbar-thumb {
    background-color: #5a68b3;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

#sbyy-box .picLayer-8 .img {
    background-color: #fff;
    padding: 20px;
    margin: 0 10px;
}

#sbyy-box .picLayer-8 .txt {
    color: #fff;
    margin: 30px 20px 0;
}

#sbyy-box .picLayer-8 .txt .icon-ding {
    display: inline-block;
    vertical-align: top;
    width: 49px;
    height: 49px;
    background: url(../img/icon_ding_red.png) 0 0/cover no-repeat;
    margin-right: 10px;
}

#sbyy-box .picLayer-8 .txt h3 {
    font-weight: normal;
    font-size: 26px;
    display: inline-block;
    width: calc(100% - 65px);
    line-height: 49px;
}

#sbyy-box .picLayer-8 .txt p {
    font-size: 22px;
    margin-top: 15px;
    line-height: 1.6;
    text-align: justify;
}

@media screen and (max-width: 1440px) {
    #sbyy-box .picLayer-8 .picLayer-inner {
        width: 700px;
    }

    #sbyy-box .picLayer-8 .img {
        padding: 10px;
    }

    #sbyy-box .picLayer-8 .txt {
        margin-top: 20px;
    }

    #sbyy-box .picLayer-8 .txt .icon-ding {
        width: 40px;
        height: 40px;
    }

    #sbyy-box .picLayer-8 .txt h3 {
        font-size: 24px;
        line-height: 40px;
        width: calc(100% - 55px);
    }

    #sbyy-box .picLayer-8 .txt p {
        font-size: 20px;
    }

    #sbyy-box .layer-pic-wrap::-webkit-scrollbar {
        width: 6px;
    }
}

@media screen and (max-width: 1024px) {
    #sbyy-box .picLayer-8 .img {
        padding: 6px;
    }

    #sbyy-box .picLayer-8 .txt {
        margin-top: 15px;
    }

    #sbyy-box .picLayer-8 .txt .icon-ding {
        width: 30px;
        height: 30px;
    }

    #sbyy-box .picLayer-8 .txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    #sbyy-box .picLayer-8 .txt p {
        font-size: 16px;
    }

    #sbyy-box .layer-pic-wrap::-webkit-scrollbar {
        width: 5px;
    }
}

@media screen and (max-width: 768px) {
    #sbyy-box .picLayer-8 .picLayer-inner {
        width: 96%;
    }

    #sbyy-box .picLayer-8 .img {
        padding: 6px;
    }

    #sbyy-box .picLayer-8 .txt {
        margin-top: 10px;
    }

    #sbyy-box .picLayer-8 .txt .icon-ding {
        width: 24px;
        height: 24px;
    }

    #sbyy-box .picLayer-8 .txt h3 {
        font-size: 16px;
        line-height: 24px;
        width: calc(100% - 45px);
    }

    #sbyy-box .picLayer-8 .txt p {
        font-size: 14px;
        margin-top: 10px;
    }

    #sbyy-box .layer-pic-wrap::-webkit-scrollbar {
        width: 4px;
    }

    #sbyy-box .picLayer .swiper-button-next {
        top: 20%;
        right: 10%;
    }

    #sbyy-box .picLayer .swiper-button-prev {
        top: 20%;
        left: 10%;
    }
}

#fwwl-box .certify .swiper-slide .report-img {
    cursor: default;
}

#fwwl-box a {
    text-decoration: none;
}

#fwwl-box .zx-section p {
    text-justify: inter-ideograph;
}

#fwwl-box .company-culture ul li .c-border h3 {
    font-family: 'hwxw';
}

#fwwl-box .tab-mng-team-t ul li a {
    border: 3px solid #959595;
    border-color: #959595;
    color: #999;
}

#fwwl-box .ywly .title {
    padding: 95px 0 50px;
    margin: 0;
}

#fwwl-box .tab-mng-team-t ul li.active a {
    background-color: #5a68b3;
    border-color: #5a68b3;
    color: #fff;
}

#fwwl-box .business-tab-box .tab-mng-team-t ul li.active a {
    background-color: #132b8c;
    border-color: #132b8c;
    color: #fff;
}

#fwwl-box .business-tab-box .tab-mng-team-t ul li a:hover {
    background-color: transparent;
    border-color: #132b8c;
    color: #132b8c;
}

#fwwl-box .certify .swiper-slide {
    background: transparent;
}

#fwwl-box .equip-operate .yy-img .img {
    position: relative;
}

#fwwl-box .video_icon {
    opacity: 0;
    transition: all .3s;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer;
}

#fwwl-box .equip-operate .yy-img .img:hover .video_icon {
    opacity: 1;
}

#fwwl-box .video_icon img {
    width: 56px;
    height: 56px;
}

#fwwl-box .business-map .map-fl .swiper-slide {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

#fwwl-box .business-map .map-fl .swiper-slide:nth-child(1) {
    opacity: 1;
}

#fwwl-box .business-map .map-fl span:before {
    animation: scale_n 2s infinite;
}

#fwwl-box .business-map .map-fl span:after {
    animation: scale2_n 2s infinite;
}

#fwwl-box .business-map .map-fl span.point1 {
    top: 57.12%;
    right: 33.87649%;
    animation-delay: 300s;
}

#fwwl-box .business-map .map-fl span.point2 {
    top: 57.12%;
    right: 33.87649%;
}

#fwwl-box .business-map .map-fl span.point3 {
    top: 36.9112%;
    right: 41.09211%;
}

#fwwl-box .business-map .map-fl span.point4 {
    top: 80.46628%;
    right: 44.78548%;
}

@media screen and (max-width: 768px) {
    #fwwl-box .business-map .map-fl span.point1 {
        top: 60%;
        right: 14.87649%;
        animation-delay: 300ms;
    }

    #fwwl-box .business-map .map-fl span.point2 {
        top: 60%;
        right: 14.87649%;
    }

    #fwwl-box .business-map .map-fl span.point3 {
        top: 38.9112%;
        right: 24.49211%;
    }

    #fwwl-box .business-map .map-fl span.point4 {
        top: 84.46628%;
        right: 29.78548%;
    }
}

#ylfw-box .ywly .title {
    text-align: center;
    margin: 95px 0 50px;
}

#ylfw-box .zx-section p.tit {
    color: #b60005;
    font-family: "hwxw";
    font-size: 40px;
}

#ylfw-box .ecosphere ul .clearfix:before {
    display: none;
}

#ylfw-box .ecosphere ul .clearfix:after {
    display: none;
}

#ylfw-box .pic-txt p {
    display: none;
}

#ylfw-box .pic-txt p.on {
    display: block;
}

#ylfw-box h3 {
    font-weight: bold;
}

#ylfw-box h5 {
    font-weight: bold;
}

#ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    box-sizing: content-box;
}

#ylfw-box .zx-section p em {
    color: #b60005;
}

#ylfw-box .ywly .title h1::before {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t01.png) 0 0/100% no-repeat;
    position: absolute;
    left: -60px;
    top: -8px;
}

#ylfw-box .ywly .title h1::after {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t02.png) 0 0/100% no-repeat;
    position: absolute;
    right: -60px;
    bottom: -8px;
}

#ylfw-box .ywly .title1 h2 {
    font-size: 24px;
    color: #b60005;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#ylfw-box .ywly .title1 h2::before {
    content: "";
    width: 362px;
    height: 18px;
    background: url(../img/hxjf_tit.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#ylfw-box .ecology {
    border-bottom: 1px dashed #cccccc;
}

#ylfw-box .ecology p {
    color: #666;
}

#ylfw-box .ecology h3 {
    font-size: 24px;
    color: #132b8c;
    line-height: 36px;
    margin-bottom: 30px;

}

#ylfw-box .ecology p.txt {
    font-size: 22px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}

#ylfw-box .ecosphere {
    position: relative;
    margin-bottom: 100px;
}

#ylfw-box .ecosphere .middle .img {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 60px auto;
}

#ylfw-box .ecosphere .middle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ylfw-box .ecosphere .middle {
    margin-bottom: 40px;
    margin-top: 20px;
}

#ylfw-box .ecosphere .middle p {
    font-size: 50px;
    color: #132b8c;

    text-align: center;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

#ylfw-box .ecosphere .middle p span {
    display: block;
}

#ylfw-box .ecosphere .ul-box {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -10px;
}

#ylfw-box .ecosphere ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

#ylfw-box .ecosphere ul li {
    position: relative;
}

#ylfw-box .ecosphere ul li:nth-child(2),
#ylfw-box .ecosphere ul li:nth-child(3) {
    margin-top: 90px;
}

#ylfw-box .ecosphere ul li>a {
    display: block;
    position: relative;
}

#ylfw-box .ecosphere ul li .circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

#ylfw-box .ecosphere ul li .circle .img {
    width: 100%;
    height: 100%;
}

#ylfw-box .ecosphere ul li .circle .img img,
#ylfw-box .ecosphere ul li .circle img {
    width: 100%;
    height: 100%;
    display: block;
}

#ylfw-box .ecosphere ul li .text h3 {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 0;
}

#ylfw-box .ecosphere ul li .text p {
    font-size: 22px;
    color: #666666;
}

/* 
#ylfw-box .ecosphere ul .li1 {
    top: 0px;
    left: 25%;
}

#ylfw-box .ecosphere ul .li1 .text {
    position: absolute;
    width: 150px;
    text-align: right;
    left: -90%;
    bottom: 15%;
}

#ylfw-box .ecosphere ul .li1 p {
    text-align: right;
}

 
#ylfw-box .ecosphere ul .li2 .text {
    position: absolute;
    width: 150px;
    text-align: left;
    right: -90%;
    bottom: 15%;
}

#ylfw-box .ecosphere ul .li3 {
    bottom: 0;
    left: 25%;
}

#ylfw-box .ecosphere ul .li3 .text {
    position: absolute;
    width: 150px;
    text-align: right;
    left: -90%;
    bottom: 15%;
}

#ylfw-box .ecosphere ul .li4 {
    bottom: 0;
    right: 25%;
}

#ylfw-box .ecosphere ul .li4 .text {
    position: absolute;
    width: 150px;
    text-align: left;
    right: -90%;
    bottom: 15%;
} */

@media screen and (max-width: 1440px) {
    #ylfw-box .zx-section p.tit {
        font-size: 36px;
    }

    #ylfw-box .ecology h3 {
        font-size: 20px;
        line-height: 32px;
    }

    #ylfw-box .ecology p.txt {
        font-size: 20px;
        line-height: 32px;
    }

    #ylfw-box .ecosphere .middle p {
        font-size: 38px;
    }

    /* #ylfw-box .ecosphere ul li .circle {
        width: 180px;
        height: 180px;
    }*/

    #ylfw-box .ecosphere ul li .circle .img {
        width: 160px;
        height: 160px;
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 22px;
    }

    #ylfw-box .ecosphere ul li .text p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .zx-section p.tit {
        font-size: 32px;
    }

    #ylfw-box .ecology h3 {
        font-size: 18px;
        line-height: 30px;
    }

    #ylfw-box .ecology p.txt {
        font-size: 18px;
        line-height: 30px;
    }

    #ylfw-box .ecosphere .middle p {
        font-size: 32px;
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 22px;
    }

    #ylfw-box .ecosphere ul li .text p {
        font-size: 18px;
    }

    #ylfw-box .ecosphere ul .li1 h3 i {
        width: 148px;
        height: 138px;
    }

    #ylfw-box .ecosphere ul .li2 h3 i {
        width: 148px;
        height: 138px;
    }

    #ylfw-box .ecosphere ul .li3 h3 i {
        width: 148px;
        height: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .zx-section p.tit {
        font-size: 30px;
    }

    #ylfw-box .ecology h3 {
        font-size: 16px;
        line-height: 28px;
    }

    #ylfw-box .ecology p.txt {
        font-size: 16px;
        line-height: 28px;
    }

    #ylfw-box .ecosphere .middle p {
        font-size: 28px;
    }

    /* #ylfw-box .ecosphere ul li .circle {
        width: 160px;
        height: 160px;
    } */

    #ylfw-box .ecosphere ul li .circle .img {
        width: 120px;
        height: 120px;
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 20px;
    }

    #ylfw-box .ecosphere ul li .text p {
        font-size: 16px;
    }

    #ylfw-box .ecosphere ul .li1 h3 i {
        width: 136px;
        height: 120px;
    }

    #ylfw-box .ecosphere ul .li2 h3 i {
        width: 136px;
        height: 120px;
    }

    #ylfw-box .ecosphere ul .li3 h3 i {
        width: 136px;
        height: 12px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .zx-section p.tit {
        font-size: 26px;
    }

    #ylfw-box .ecology h3 {
        font-size: 14px;
        line-height: 24px;
    }

    #ylfw-box .ecology p {
        font-size: 14px;
        line-height: 24px;
    }

    #ylfw-box .ecosphere .middle p {
        font-size: 24px;
    }

    #ylfw-box .ecosphere ul li .circle {
        width: 130px;
        height: 130px;
    }

    #ylfw-box .ecosphere ul li .circle .img {
        width: 100px;
        height: 100px;
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 18px;
    }

    #ylfw-box .ecosphere ul li .text p {
        font-size: 14px;
    }

    #ylfw-box .ecosphere ul .li1 h3 i {
        width: 120px;
        height: 108px;
    }

    #ylfw-box .ecosphere ul .li2 h3 i {
        width: 120px;
        height: 108px;
    }

    #ylfw-box .ecosphere ul .li3 h3 i {
        width: 120px;
        height: 12px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .ecosphere .middle {
        position: relative;
        margin-bottom: 20px;
    }

    #ylfw-box .ecosphere .middle .img {
        margin: 30px auto;
    }

    #ylfw-box .ecosphere .middle p {
        font-size: 22px;
    }

    #ylfw-box .ecosphere .ul-box {
        position: initial;
        top: 0;
        left: 0;
        transform: translate(0);
    }


    #ylfw-box .ecosphere ul {
        position: initial;
        width: 100%;
    }

    #ylfw-box .ecosphere ul li {
        position: initial;
        margin-bottom: 20px;
        display: block;
        align-items: center;
        justify-content: flex-start;
        width: 25%;
        float: left;
        text-align: center;
    }

    #ylfw-box .ecosphere ul li:nth-child(2),
    #ylfw-box .ecosphere ul li:nth-child(3) {
        margin-top: 0px;
    }

    #ylfw-box .ecosphere ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #ylfw-box .ecosphere ul li .circle {
        width: 80px;
        height: 80px;
        border: 3px solid #6272b2;
        margin-right: 15px;
        display: inline-block;
    }

    #ylfw-box .ecosphere ul li .circle .img {
        width: 60px;
        height: 60px;
    }

    #ylfw-box .ecosphere ul li .text {
        float: none !important;
        position: relative !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        text-align: center !important
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 16px;
        margin-top: 0;
    }

    #ylfw-box .ecosphere ul li .text p br {
        display: none;
    }

    #ylfw-box .ecosphere ul .li1 p {
        text-align: left;
    }

    #ylfw-box .ecosphere ul .li1 .text {
        position: relative;
        bottom: 0;
        width: 100%;
        left: 0%;
        top: 0%;
        transform: none;
        text-align: center;
    }

    #ylfw-box .ecosphere ul .li1 h3 i {
        display: none;
    }

    #ylfw-box .ecosphere ul .li2 h3 i {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #ylfw-box .zx-section p.tit {
        font-size: 22px
    }
}

@media screen and (max-width: 375px) {
    #ylfw-box .ecosphere ul .li1 .text {
        width: 60%;
        left: 35%;
    }

    #ylfw-box .ecosphere ul .li2 .text {
        width: 60%;
        left: 35%;
    }

    #ylfw-box .ecosphere ul .li3 .text {
        width: 60%;
        left: 35%;
    }
}

@media screen and (max-width: 360px) {
    #ylfw-box .ecosphere .middle p {
        font-size: 18px;
    }

    #ylfw-box .ecosphere ul li .text h3 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 320px) {
    #ylfw-box .ecosphere ul .li1 .text {
        left: 40%;
    }

    #ylfw-box .ecosphere ul .li2 .text {
        left: 40%;
    }

    #ylfw-box .ecosphere ul .li3 .text {
        left: 40%;
    }
}

#ylfw-box .vision ul {
    margin-top: 35px;
}

#ylfw-box .vision ul li p {
    color: #333333;
    position: relative;
    padding-left: 55px;
    margin-bottom: 40px;
}

#ylfw-box .vision ul li p::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: -6px;
    left: 0;
}

#ylfw-box .vision ul li p i {
    display: block;
    position: absolute;
    left: 0;
    top: -6px;
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red2.png) 0 0/cover no-repeat;
}

@media screen and (max-width: 1280px) {
    #ylfw-box .vision ul li p {
        margin-bottom: 35px;
    }

    #ylfw-box .vision ul li p::before {
        width: 38px;
        height: 38px;
    }

    #ylfw-box .vision ul li p i {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .vision ul li p {
        margin-bottom: 30px;
        padding-left: 40px;
    }

    #ylfw-box .vision ul li p::before {
        width: 28px;
        height: 28px;
        top: 0;
    }

    #ylfw-box .vision ul li p i {
        width: 28px;
        height: 28px;
        top: 0;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .vision ul li p {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .vision ul li p {
        margin-bottom: 20px;
    }
}

#ylfw-box .purpose ul li p {
    color: #666666;
    margin-bottom: 30px;
}

#ylfw-box .purpose ul li p span {
    font-size: 40px;
    color: #b60005;
    font-family: "hwxw";
}

@media screen and (max-width: 1440px) {
    #ylfw-box .purpose ul li p {
        margin-bottom: 25px;
    }

    #ylfw-box .purpose ul li p span {
        font-size: 36px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .purpose ul li p {
        margin-bottom: 20px;
    }

    #ylfw-box .purpose ul li p span {
        font-size: 32px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .purpose ul li p {
        margin-bottom: 15px;
    }

    #ylfw-box .purpose ul li p span {
        font-size: 30px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .purpose ul li p {
        margin-bottom: 10px;
    }

    #ylfw-box .purpose ul li p span {
        font-size: 26px;
    }
}

@media screen and (max-width:500px) {
    #ylfw-box .purpose ul li p span {
        font-size: 22px;
    }
}

.xzsm-list {
    padding-bottom: 40px;
}

.xzsm-list li {
    width: 24%;
    float: left;
    margin-right: 1.3%;
    padding-top: 17px;
    position: relative;
}

.xzsm-list li:nth-child(1) {
    width: 37%;
}

.xzsm-list li:nth-child(2) {
    width: 21%;
}

.xzsm-list li:nth-child(3),
.xzsm-list li:nth-child(4) {
    width: 37%;
}

.xzsm-list li div {
    position: absolute;
    top: 40px;
    left: 0;
    color: #fff;
    width: 100%;
    padding-left: 25px;
}

.xzsm-list li:nth-child(3) h1 {
    color: #132b8c
}

.xzsm-list li:nth-child(3) p {
    color: #333;
    width: 100%;
    color: #333;
}

.xzsm-list li:nth-child(3) span {
    background: #132b8c
}

.xzsm-list li:nth-child(3),
.xzsm-list li:nth-child(4),
.mission-lii li:last-child {
    margin-right: 0;
}

.xzsm-list li img {
    width: 100%;
}

.xzsm-list li h1 {
    color: #ffffff;
    font-size: 22px;
    padding-bottom: 10px;
}

.xzsm-list li p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    line-height: 1.5;
    width: 90%;
    line-height: 1.5;
}

.xzsm-list li h1.mt20 {
    margin-top: 25px;
}




.xzsm-list li:nth-child(2) p,
.xzsm-list li:nth-child(4) p {
    width: 100%;
}

.xzsm-list li span {
    display: block;
    width: 40px;
    height: 2px;
    background: #fff;
    margin-top: 10px;
}

.cl-box {
    position: relative;
    padding-top: 120px;
}

.cl-pic {
    text-align: center;
}

.cl-lii {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.cl-lii dl {
    width: 210px;
}

.cl-lii dl dt {
    width: 100%;
    height: 210px;
    border-radius: 50%;
    border: 5px solid #6184db;
    padding: 10px;
}

.cl-lii dl dt div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #6184db;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cl-lii dl dt div h1 {
    font-size: 28px;
    font-weight: bold;
    color: #6184db;
    text-align: center;
}

.cl-lii dl dt div h1 img {
    padding-bottom: 10px;
    transition-duration: .5s;
}

.cl-lii dl dd {
    font-size: 18px;
    text-align: center;
    padding-top: 25px;
}

.cl-lii dl:nth-child(1),
.cl-lii dl:nth-child(5) {
    padding-top: 260px;
}

.cl-lii dl:nth-child(2),
.cl-lii dl:nth-child(4) {
    padding-top: 100px;
}

.cl-lii dl:hover dt div h1 img {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.mission-lii {
    padding: 50px 0 0 0;
}

.mission-lii li {
    width: 19%;
    float: left;
    margin-right: 1%;
}

.mission-lii li img {
    width: 100%;
}

.mission-lii li p {
    line-height: 65px;
    text-align: center;
    font-size: 24px;
}

.mission-lii li:hover {}

.xg-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0 20px 0;
}

.zx-section .xg-title p {
    margin-bottom: 0 !important;
    font-size: 32px;
    padding: 0 25px;
    color: #333;
}

.YwNextDiv a.viewNext {
    color: #555;
    display: inline-block !important;
    margin: 0 3%;
}

.szx-list li {
    width: 48%;
    float: left;
}

.szx-list li img {
    width: 100%;
}

.zx-section .szx-list li p {
    margin-bottom: 0;
    line-height: 34px;
}

.szx-list li h1 {
    color: #132b8c;
    font-size: 26px;
    text-align: center;
    padding: 10px 0;
    font-weight: normal !important
}

.szx-list li p {
    font-size: 22px;
    color: #333;
    text-align: center;
}

.szx-list li:nth-child(2) {
    float: right;
}

.dyh-ti {
    text-align: center;
    font-size: 32px;
    padding: 10px 0 20px 0;
}

.dyh-image-box {
    margin: 20px 0 0 0;
    text-align: center;
}

.dyh-image-box img {
    display: inline-block;
    width: 100%;
}

.dyh-list {
    border: 1px solid #596bad;
    text-align: center;
    padding: 34px 0;
    border-radius: 15px;
}

.dyh-list h1 {
    color: #596bad;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 26px;
}

.dyh-list ul li {
    display: inline-block;
    border: 1px dashed #596bad;
    padding: 8px;
    width: 200px;
    border-radius: 10px;
    margin: 0 15px;
    transition-duration: .5s;
}

.dyh-list ul li span {
    display: block;
    font-size: 24px;
    background: #596bad;
    color: #fff;
    border-radius: 10px;
    line-height: 50px;
}

.dyh-list ul li:hover {
    padding: 0;
}

.pic-center {
    text-align: center;
}

.gylgl .txt-wb {
    padding: 45px 0;
    color: #555;
}

.gyl-lii li {
    float: left;
    width: 31%;
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgb(7 0 1 / 12%);
    position: relative;
}

.gyl-lii li:nth-child(3n) {
    margin-right: 0px;
}

.gyl-lii li .img {
    width: 100%;
    overflow: hidden;
}

.gyl-lii li .img img {
    width: 100%;
    display: block;
    transition-duration: .5s;
}

.gyl-lii li .txt {
    height: 137px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 19px;
    color: #555;
    padding: 0 15px;
    position: relative;
}

.gyl-lii li .txt::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, rgba(19, 43, 140, 0.1) 8%, rgba(19, 43, 140, 0.76) 25%, rgba(19, 43, 140, 0.8) 26%, #132b8c 51%, rgba(19, 43, 140, 0.8) 75%, rgba(19, 43, 140, 0.05) 95%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

.gyl-lii li:hover .txt::after {
    width: 100%;
    left: 0px;
}

.gyl-lii li:hover .img img {
    transform: scale(1.1)
}

.hjt {
    margin-top: 13%;
}

.ywys-box {
    background: url(../img/ys-bg.png) no-repeat center;
    padding: 50px 0 !important;
    display: none
}

.business-items.ptbu-box {
    display: none;
}

.yst {
    text-align: center;
}

.yst img {
    max-width: 100%;
}

.kj-box {
    padding: 50px 0;
}

.kj-le {
    width: 48%;
}

.kj-le img {
    width: 100%;
}

.kj-ri {
    width: 48%;
}

.kj-ri h1 {
    font-size: 26px;
    font-weight: normal;
    padding: 70px 0 35px 0;
}

.zx-section .kj-ri p {
    font-size: 20px;
    margin-bottom: 0;
}

.gl-ic {
    width: 70%;
    margin: 74px auto;
}

.gl-ic li {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gl-ic li p {
    font-size: 32px !important;
    margin-bottom: 0;
    padding: 0 25px 0 14px;
}

.gl-ic li h1 {
    font-size: 42px;
    color: #959595;
    font-weight: normal;
}

.ywmk-list {
    margin-top: 45px;
}

.ywmk-list li {
    width: 19%;
    float: left;
    position: relative;
    padding-top: 24px;
    margin-right: 1.2%
}

.ywmk-list li p {
    border: 2px solid #5a6baf;
    height: 276px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding-top: 82px;
}

.ywmk-list li p span {
    display: block;
    padding-bottom: 8px;
    line-height: 24px;
}

.ptXgbox .ywmk-list li p {
    height: 220px;
}

.ywmk-list li h1 {
    position: absolute;
    top: 0;
    background: #5a6baf;
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: normal;
    width: 90%;
    border-radius: 10px;
    left: 5%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 26px;
}

.ywmk-list li:last-child {
    margin-right: 0;
}

.ptXgbox .ywmk-list {
    margin-bottom: 45px;
}

.ptXgbox .ywmk-list li {
    width: 24%;
}

.ptXgbox .ywmk-list li p {
    padding-top: 70px;
}

@media screen and (max-width: 768px) {
    .yst {
        min-width: 1282px;
        overflow: auto;
    }

    .yst img {
        width: 100%;
    }

    .jiagouwrap {
        overflow-x: auto;
    }

    .xzsm-list li {
        width: 100% !important
    }

    .xzsm-list li:nth-child(2) {
        height: 240px;
    }

    .xzsm-list li img {
        height: 100%;
        object-fit: cover;
    }
}

#hwyw-box .zcgl-list li .info {
    padding: 19px 20px;
}

#hwyw-box .zcgl-list li .info h1 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 12px;
}

#hwyw-box .zcgl-list li .info p {
    font-size: 20px;
    color: #555;
    line-height: 24px;
}

#hwyw-box .zcgl-list li:after {
    background: #596bad;
    width: 100%;
    left: 0;
}

#lnfw-box .fwidea ul {
    margin-top: 45px;
}

#lnfw-box .fwidea ul li .c-border .icon-img {
    width: 68px;
    height: 66px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#ylfw-box .policy {
    margin-top: 20px;
}

#ylfw-box .policy .policy-img-box {
    width: 39.2%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#ylfw-box .policy .policy-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ylfw-box .policy .policy-img-box .policy-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#ylfw-box .policy .policy-img-box .policy-item ul {
    position: relative;
    width: 100%;
    height: 100%;
}

#ylfw-box .policy .policy-img-box .policy-item ul li {
    position: absolute;
    width: 21%;
}

#ylfw-box .policy .policy-img-box .policy-item ul .li1 {
    top: 14%;
    left: 50%;
    transform: translateX(-50%);
}

#ylfw-box .policy .policy-img-box .policy-item ul .li2 {
    top: 31%;
    left: 13%;
    transform: rotate(-65deg);
}

#ylfw-box .policy .policy-img-box .policy-item ul .li3 {
    bottom: 31%;
    left: 13%;
    transform: rotate(-130deg);
}

#ylfw-box .policy .policy-img-box .policy-item ul .li4 {
    bottom: 14%;
    left: 50%;
    transform: translateX(-50%);
}

#ylfw-box .policy .policy-img-box .policy-item ul .li5 {
    bottom: 31%;
    right: 13%;
    transform: rotate(130deg);
}

#ylfw-box .policy .policy-img-box .policy-item ul .li6 {
    top: 31%;
    right: 13%;
    transform: rotate(65deg);
}

#ylfw-box .policy .policy-img-box .policy-item ul li span {
    font-size: 24px;
    color: #132b8c;
    font-weight: normal;
    display: block;
    text-align: center;
    width: 100%;
    transition: all .4s;
}

#ylfw-box .policy .policy-img-box .policy-item ul li span:hover {
    color: #b60005;
    transition: all .4s;
}

#ylfw-box .policy .policy-img-box .policy-item ul li span.active {
    color: #b60005;
}

#ylfw-box .policy .text {
    width: 55%;
}

#ylfw-box .policy .text ul {
    margin-top: 10%;
}

#ylfw-box .policy .text ul li {
    margin-bottom: 6%;
}

#ylfw-box .policy .text ul li p {
    margin-bottom: 0;
    position: relative;
    padding-left: 55px;
}

#ylfw-box .policy .text ul li p.active {
    color: #132b8c;
}

#ylfw-box .policy .text ul li p::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: -6px;
    left: 0;
}

#ylfw-box .policy .text ul li p i {
    display: block;
    position: absolute;
    left: 0;
    top: -6px;
    width: 44px;
    height: 44px;
    background: url(../img/icon_have_red2.png) 0 0/cover no-repeat;
}

#ylfw-box .policy .text ul li:hover p {
    color: #132b8c;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .policy .policy-img-box .policy-item ul li span {
        font-size: 22px;
    }

    .ptXgbox .ywmk-list li p {
        height: 230px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .policy .policy-img-box .policy-item ul li {
        width: 16%;
    }

    #ylfw-box .policy .policy-img-box .policy-item ul li span {
        font-size: 20px;
    }

    #ylfw-box .policy .text ul li p {
        padding-left: 40px;
    }

    #ylfw-box .policy .text ul li p::before {
        width: 34px;
        height: 34px;
    }

    #ylfw-box .policy .text ul li p i {
        width: 34px;
        height: 34px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .policy .policy-img-box .policy-item ul li span {
        font-size: 18px;
    }

    #ylfw-box .policy .text ul li p::before {
        width: 28px;
        height: 28px;
        top: -2px;
    }

    #ylfw-box .policy .text ul li p i {
        width: 28px;
        height: 28px;
        top: -2px;
    }
}

@media screen and (max-width: 992px) {
    #ylfw-box .policy .text ul {
        margin-top: 7%;
    }

    #ylfw-box .policy .policy-img-box .policy-item ul li span {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .policy .policy-img-box .policy-item ul li span {
        font-size: 14px;
    }

    #ylfw-box .policy .text ul {
        margin-top: 1%;
    }

    #ylfw-box .policy .text ul li p {
        padding-left: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #ylfw-box .policy .text ul li p::before {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .policy .policy-img-box {
        width: 100%;
        margin-bottom: 20px;
    }

    #ylfw-box .policy .text {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    #ylfw-box .policy .policy-img-box .policy-item ul li {
        width: 16%;
    }
}

#ylfw-box .layout {
    position: relative;
    /* padding: 0 10%;*/
}

#ylfw-box .layout .layout-img {
    position: relative;
    opacity: 0;
    display: none;
}

#ylfw-box .layout .layout-img .img {
    width: 100%;
    height: 100%;
}

#ylfw-box .layout .layout-img .img img {
    width: 100%;
    height: 100%;
}

#ylfw-box .layout .text {
    /* position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);*/
    width: 100%;
    z-index: 1;
}

#ylfw-box .layout ul li {
    /*margin-bottom: 8%;*/
    width: 25%;
    float: left;
}

#ylfw-box .layout ul li:last-child {
    margin-bottom: 0;
}

#ylfw-box .layout ul li p {
    margin-bottom: 0;
    font-weight: bold;
    position: relative;
    /*padding-left: 10%;*/
    width: 100%;
    text-align: center;
    font-size: 18px;
}

#ylfw-box .layout ul li p em {
    font-size: 26px;
    color: #6184db;
    -webkit-text-stroke: 0px #fff;
    text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
    display: block;
}

#ylfw-box .layout ul li p i {
    /*display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);*/
    display: block;
    width: 71px;
    height: 66px;
    margin: 0 auto 20px;
}

#ylfw-box .layout ul li p .icon1 {
    background: url(../img/layout_icon1.png)no-repeat center;
    background-size: 100%;
}

#ylfw-box .layout ul li p .icon2 {
    background: url(../img/layout_icon2.png)no-repeat center;
    background-size: 100%;
}

#ylfw-box .layout ul li p .icon3 {
    background: url(../img/layout_icon3.png)no-repeat center;
    background-size: 100%;
}

#ylfw-box .layout ul li p .icon4 {
    background: url(../img/layout_icon4.png)no-repeat center;
    background-size: 100%;
}

.hzjg-listt li {
    width: 15.6%;
    float: left;
    border: 1px solid #132b8c;
    background: #fff;
    position: relative;
    height: 100px;
    border-radius: 10px;
    margin: 0 1% 15px 0;
}

.hzjg-listt li img {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.addJflink {
    width: 48%;
}

.addJflink a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
    width: 100%;
    height: 120px;
    position: relative;
}

.addJflink a img {
    width: 39%;
    display: block;
}

.addJflink a span {
    border-radius: 40px;
    text-align: center;
    border: 2px solid #5a68b3;
    width: 182px;
    height: 60px;
    line-height: 60px;
    color: #5a68b3;
    font-size: 24px;
    transition-duration: .5s;
}

.addJflink a:hover span {
    background: #5a68b3;
    color: #fff;
}

@media screen and (max-width: 1440px) {

    /*#ylfw-box .layout ul li p {
        padding-left: 8%;
    }*/
    .addJflink a {
        padding: 18px 30px;
        height: 110px;
        position: relative;
    }

    #ylfw-box .layout ul li p em {
        font-size: 24px;
    }
}

@media screen and (max-width: 1366px) {
    .addJflink a {
        padding: 15px 25px;
        height: 100px
    }
}

@media screen and (max-width: 1280px) {
    .addJflink a {
        padding: 15px 20px;
        height: 100px
    }

    #ylfw-box .layout ul li p i {
        width: 51px;
        height: 46px;
    }

    #ylfw-box .layout ul li p em {
        font-size: 22px;
    }

    .hzjg-listt li {
        height: 80px;
    }
}

@media screen and (max-width: 1024px) {
    .addJflink a {
        padding: 15px 20px;
        height: 100px
    }

    #ylfw-box .layout ul li p i {
        width: 41px;
        height: 36px;
    }

    #ylfw-box .layout ul li p em {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .addJflink a {
        padding: 15px;
        height: auto
    }

    #ylfw-box .layout ul li p em {
        font-size: 20px;
    }

    .hzjg-listt li {
        width: 32%;
        height: 60px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .layout {
        padding: 0;
    }

    #ylfw-box .layout .text {
        left: 0;
    }

    /*#ylfw-box .layout ul li p {
        padding-left: 12%;
    }*/

    #ylfw-box .layout ul li p i {
        /* width: 31px;
        height: 26px;*/
        margin-bottom: 0;
    }

    #ylfw-box .layout ul li p em {
        font-size: 18px;
    }

    #ylfw-box .layout .text {
        position: initial;
        top: 0;
        transform: translateY(0);
    }

    #ylfw-box .layout ul li {
        width: 50%;
        margin-bottom: 20px;
    }
}

#ylfw-box .layout-img span {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6184db;
    z-index: 2;
    animation: pointShow2 1.6s alternate forwards;
    opacity: 0;
}

#ylfw-box .layout-img span:before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6184db;
    animation: scale 2s infinite;
    z-index: -1;
}

#ylfw-box .layout-img span:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #6184db;
    animation: scale2 2s infinite;
    z-index: -2;
}

#ylfw-box .layout-img span.point1 {
    top: 18.64904%;
    right: 13.07506%;
    animation-delay: 300ms;
}

#ylfw-box .layout-img span.point1:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point1:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point2 {
    top: 21.43906%;
    right: 10.04842%;
    animation-delay: 400ms;
}

#ylfw-box .layout-img span.point2:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point2:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point3 {
    top: 26.57856%;
    right: 14.89361%;
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point3:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point3:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point4 {
    top: 32.59911%;
    right: 19.73365%;
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point4:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point4:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point5 {
    top: 44.64023%;
    right: 23.72881%;
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point5:before {
    animation-delay: 400ms;
}

#ylfw-box .layout-img span.point5:after {
    animation-delay: 400ms;
}

#ylfw-box .layout-img span.point6 {
    top: 47.13656%;
    right: 53.14769%;
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point6:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point6:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point7 {
    top: 51.39500%;
    right: 31.47699%;
    animation-delay: 900ms;
}

#ylfw-box .layout-img span.point7:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point7:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point8 {
    top: 53.30309%;
    right: 31.35593%;
    animation-delay: 1000ms;
}

#ylfw-box .layout-img span.point8:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point8:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point9 {
    top: 57%;
    right: 19.97578%;
    animation-delay: 1100ms;
}

#ylfw-box .layout-img span.point9:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point9:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point10 {
    top: 52.74449%;
    right: 22.15496%;
    animation-delay: 1200ms;
}

#ylfw-box .layout-img span.point10:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point10:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point11 {
    top: 54.47807%;
    right: 28.69249%;
    animation-delay: 1600ms;
}

#ylfw-box .layout-img span.point11:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point11:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point12 {
    top: 57.24082%;
    right: 21.46004%;
    animation-delay: 1400ms;
}

#ylfw-box .layout-img span.point12:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point12:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point13 {
    top: 55.24082%;
    right: 22.79176%;
    animation-delay: 1500ms;
}

#ylfw-box .layout-img span.point13:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point13:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point14 {
    top: 57.26872%;
    right: 24.8%;
    animation-delay: 1600ms;
}

#ylfw-box .layout-img span.point14:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point14:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point15 {
    top: 61.08663%;
    right: 17.67554%;
    animation-delay: 1700ms;
}

#ylfw-box .layout-img span.point15:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point15:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point16 {
    top: 62.26138%;
    right: 48.91041%;
    animation-delay: 1800ms;
}

#ylfw-box .layout-img span.point16:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point16:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point17 {
    top: 62.70190%;
    right: 19.37046%;
    animation-delay: 1900ms;
}

#ylfw-box .layout-img span.point17:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point17:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point18 {
    top: 63.72980%;
    right: 40.07263%;
    animation-delay: 2000ms;
}

#ylfw-box .layout-img span.point18:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point18:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point19 {
    top: 64.17033%;
    right: 49.51573%;
    animation-delay: 2100ms;
}

#ylfw-box .layout-img span.point19:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point19:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point20 {
    top: 34.17033%;
    right: 18.40193%;
    animation-delay: 2200ms;
}

#ylfw-box .layout-img span.point20:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point20:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point21 {
    top: 34.17033%;
    right: 14.28571%;
    animation-delay: 2300ms;
}

#ylfw-box .layout-img span.point21:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point21:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point22 {
    top: 65.25403%;
    right: 18.61259%;
    animation-delay: 2400ms;
}

#ylfw-box .layout-img span.point22:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point22:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point23 {
    top: 66.51982%;
    right: 28.45036%;
    animation-delay: 2500ms;
}

#ylfw-box .layout-img span.point23:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point23:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point24 {
    top: 66.81350%;
    right: 30.14527%;
    animation-delay: 2600ms;
}

#ylfw-box .layout-img span.point24:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point24:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point25 {
    top: 66.22613%;
    right: 49.75786%;
    animation-delay: 2700ms;
}

#ylfw-box .layout-img span.point25:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point25:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point26 {
    top: 71.80616%;
    right: 49.63680%;
    animation-delay: 2800ms;
}

#ylfw-box .layout-img span.point26:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point26:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point27 {
    top: 73.71512%;
    right: 51.57384%;
    animation-delay: 2900ms;
}

#ylfw-box .layout-img span.point27:before {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point27:after {
    animation-delay: 800ms;
}

#ylfw-box .layout-img span.point28 {
    top: 74.88986%;
    right: 48.42615%;
    animation-delay: 3000ms;
}

#ylfw-box .layout-img span.point28:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point28:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point29 {
    top: 78.85462%;
    right: 53.99515%;
    animation-delay: 3100ms;
}

#ylfw-box .layout-img span.point29:before {
    animation-delay: 400ms;
}

#ylfw-box .layout-img span.point29:after {
    animation-delay: 400ms;
}

#ylfw-box .layout-img span.point30 {
    top: 81.93832%;
    right: 25.42372%;
    animation-delay: 3200ms;
}

#ylfw-box .layout-img span.point30:before {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point30:after {
    animation-delay: 500ms;
}

#ylfw-box .layout-img span.point31 {
    top: 84.58149%;
    right: 32.56658%;
    animation-delay: 3300ms;
}

#ylfw-box .layout-img span.point31:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point31:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point32 {
    top: 85.16886%;
    right: 28.32929%;
    animation-delay: 3400ms;
}

#ylfw-box .layout-img span.point32:before {
    animation-delay: 300ms;
}

#ylfw-box .layout-img span.point32:after {
    animation-delay: 300ms;
}

#ylfw-box .layout-img span.point33 {
    top: 85.16886%;
    right: 29.66101%;
    animation-delay: 3500ms;
}

#ylfw-box .layout-img span.point33:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point33:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point34 {
    top: 86.49045%;
    right: 29.66101%;
    animation-delay: 3600ms;
}

#ylfw-box .layout-img span.point34:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point34:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point35 {
    top: 55%;
    right: 19.97578%;
    animation-delay: 1100ms;
}

#ylfw-box .layout-img span.point35:before {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point35:after {
    animation-delay: 700ms;
}

#ylfw-box .layout-img span.point36 {
    top: 65.25403%;
    right: 15%;
    animation-delay: 2200ms;
}

#ylfw-box .layout-img span.point36:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point36:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point37 {
    top: 68.25403%;
    right: 18%;
    animation-delay: 2200ms;
}

#ylfw-box .layout-img span.point37:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point37:after {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point38 {
    top: 68.25403%;
    right: 19.9%;
    animation-delay: 2000ms;
}

#ylfw-box .layout-img span.point38:before {
    animation-delay: 600ms;
}

#ylfw-box .layout-img span.point38:after {
    animation-delay: 600ms;
}

@media screen and (max-width: 1024px) {
    #ylfw-box .layout-img span {
        width: 6px;
        height: 6px;
    }

    #ylfw-box .layout-img span:before {
        width: 6px;
        height: 6px;
    }

    #ylfw-box .layout-img span:after {
        width: 6px;
        height: 6px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .layout-img span {
        width: 4px;
        height: 4px;
    }

    #ylfw-box .layout-img span:before {
        width: 4px;
        height: 4px;
    }

    #ylfw-box .layout-img span:after {
        width: 4px;
        height: 4px;
    }
}

#ylfw-box .zx-section .cont {
    position: relative;
}

#ylfw-box .innovation {
    position: relative !important;
    margin-bottom: 12%;
}

#ylfw-box .innovation .middle {
    width: 100%;
    margin-top: 40px;
}

#ylfw-box .innovation .middle .img {
    width: 39.2%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#ylfw-box .innovation .middle .img .imginner {
    position: absolute;
    left: calc(50% - 29.5%);
    top: 0;
    width: 59%;
    z-index: 1;
}

#ylfw-box .innovation .middle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ylfw-box .innovation .middle .img img.mainimg {
    position: relative;
    z-index: 3;
}

#ylfw-box .innovation .middle .imgwap {
    display: none;
}

#ylfw-box .innovation .content {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

#ylfw-box .innovation .content ul {
    position: relative;
    width: 100%;
    height: 100%;
}

#ylfw-box .innovation .content ul li {
    position: absolute;
    width: 36%;
}

#ylfw-box .innovation .content ul li .img {
    display: none;
}

#ylfw-box .innovation .content ul li .text h3 {
    font-size: 24px;
    color: #b60005;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

#ylfw-box .innovation .content ul li .text h3 span {
    font-size: 22px;
    font-weight: normal;
    display: block;
}

#ylfw-box .innovation .content ul li .text p {
    font-size: 20px;
    color: #666666;
    text-align: center;
}

#ylfw-box .innovation .content ul .li1 {
    top: 29%;
    left: 0%;
}

#ylfw-box .innovation .content ul .li2 {
    top: 29%;
    right: 0%;
}

#ylfw-box .innovation .content ul .li3 {
    bottom: -25%;
    left: 50%;
    margin-left: -18%;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .innovation .content ul .li3 {}

    #ylfw-box .innovation .content ul li .text h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    #ylfw-box .innovation .content ul li .text h3 span {
        font-size: 20px;
    }

    #ylfw-box .innovation .content ul li .text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .innovation .content ul .li3 {}

    #ylfw-box .innovation .content ul li .text h3 {
        font-size: 20px;
        margin-bottom: 6px;
    }

    #ylfw-box .innovation .content ul li .text h3 span {
        font-size: 18px;
    }

    #ylfw-box .innovation .content ul li .text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .innovation .content ul .li3 {
        bottom: -33%;
    }

    #ylfw-box .innovation .content ul li .text h3 {
        font-size: 18px;
        margin-bottom: 4px;
    }

    #ylfw-box .innovation .content ul li .text h3 span {
        font-size: 16px;
    }

    #ylfw-box .innovation .content ul li .text p {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .innovation .content ul .li3 {
        bottom: -50%;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .innovation {
        margin-bottom: 0;
    }

    #ylfw-box .innovation .content {
        position: initial;
        top: 0;
        left: 0;
        transform: translate(0);
        margin-top: 20px;
    }

    #ylfw-box .innovation .content ul li {
        width: 100%;
        position: initial;
        position: relative;
        margin-bottom: 20px;
    }

    #ylfw-box .innovation .middle .img {
        width: 39.2%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

    #ylfw-box .innovation .middle .img .imginner {
        position: absolute;
        left: calc(50% - 29.5%);
        top: 0;
        width: 59%;
        z-index: 1;
        display: none;
    }

    #ylfw-box .innovation .middle .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #ylfw-box .innovation .middle .img img.mainimg {
        position: relative;
        z-index: 3;
        display: none;
    }

    #ylfw-box .innovation .middle .imgwap {
        display: block;
    }

    #ylfw-box .innovation .content ul .li3 {
        bottom: 0%;
        left: 0;
        transform: translateX(0);
        margin-left: 0;
    }
}

#ylfw-box .idea-box {
    padding-bottom: 60px;
}

#ylfw-box .idea .idea-img {
    margin: 0 auto;
    width: 100%;
}

#ylfw-box .idea .idea-img img {
    display: block;
    margin: 0 auto;
}

#ylfw-box .idea .idea-img:first-child img {
    margin-left: 24.2%;
    width: 67.4%;
}

#ylfw-box .idea .idea-img:last-child {
    margin-top: -4px;
}

#ylfw-box .idea .idea-img:last-child img {
    width: 91.25%;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .idea-box {
        padding-bottom: 0;
    }
}

#ylfw-box .hospital ul li {
    width: 48%;
    margin-right: 4%;
    background: #fff;
    position: relative;
    transition: all .6s ease-in-out;
}

#ylfw-box .hospital ul li:nth-child(2n) {
    margin-right: 0;
}

#ylfw-box .hospital ul li .img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: none;
}

#ylfw-box .hospital ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

#ylfw-box .hospital .jk-business li {
    width: 100%;
    margin-right: 0;
    background-image: url(../img/medical_bg.jpg);
    border-bottom: 1px solid #ececec;
    /* padding-bottom: 30px; */
}

#ylfw-box .hospital ul li .img {
    position: relative;
    z-index: 2;
}

#ylfw-box .hospital .jk-business li .img p {
    position: absolute;
    left: 64px;
    font-size: 25px;
    top: 45%;
    transform: translateY(-50%);
    color: #333;
    line-height: 1.6
}

#ylfw-box .yi .jk-business li .text {
    position: relative;

    font-size: 30px;
    font-weight: bold;
    color: #18308f;
    font-family: 'FZLTHJ-bold';
    min-height: 123px !important;
    background: #fff;
    z-index: 1;
}

#ylfw-box .yi .jk-business li .text p {
    font-size: 30px;
    line-height: 106px;
}

#ylfw-box .yi .jk-business li::after {
    display: none;
}

#ylfw-box .zx-section p {
    text-justify: inter-ideograph;
}

#ylfw-box .hospital ul li .text p {
    color: #666666;
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#ylfw-box .hospital ul li:hover .img img {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#ylfw-box .hospital ul li::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, rgba(19, 43, 140, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#ylfw-box .hospital ul li:hover::after {
    width: 100%;
    left: 0;
}

#ylfw-box .yi ul li .text {
    box-shadow: 0 2px 4px 0px #ddddde;
}

#ylfw-box .yi ul li .text p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 85px;
    color: #132b8c;
    font-size: 22px;
    line-height: 26px;
}

#ylfw-box .yuan p {
    margin-bottom: 30px;
}

#ylfw-box .yuan ul li .text {
    padding: 25px 25px 15px;
}

#ylfw-box .yi .jk-business li .text {
    min-height: auto !important;
    padding: 10px !important
}

.yl-business-new li {
    width: 48.5%;
    float: left;
    box-shadow: 0 2px 4px 0px #ddddde;
    position: relative;
}

.yl-business-new li .img {
    overflow: hidden;
    position: relative;
}

.yl-business-new li .img img {
    width: 100%;
    transition-duration: .5s;
}

.yl-business-new li:hover .img img {
    transform: scale(1.1)
}

.yl-business-new li:nth-child(2) {
    float: right;
}

.yl-business-new li .text {
    background: #fff;
    font-size: 20px;
    padding: 20px;
}

.yl-business-new li .text span {
    color: #132b8c;
}

.yl-business-new li .text p {
    font-size: 20px;
}

.yl-business-new li::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, rgba(19, 43, 140, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

.yl-business-new li:hover::after {
    width: 100%;
    left: 0;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .hospital ul li .text .h2 h2 {
        font-size: 22px;
        padding-left: 45px;
    }

    #ylfw-box .hospital ul li .text .h2 h2 i {
        width: 32px;
        height: 32px;
    }

    #ylfw-box .yi ul li .text {
        padding: 23px;
        min-height: 202px;
    }

    #ylfw-box .yi ul li .text .h2 {
        padding-bottom: 15px;
        margin-bottom: 12px;
    }

    #ylfw-box .yuan p {
        margin-bottom: 25px;
    }

    #ylfw-box .yuan ul li .text {
        padding: 23px 23px 15px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .hospital ul li .text .h2 h2 {
        font-size: 20px;
        padding-left: 42px;
    }

    #ylfw-box .hospital ul li .text .h2 h2 i {
        width: 28px;
        height: 28px;
    }

    #ylfw-box .yi ul li .text {
        padding: 20px;
        min-height: 188px;
    }

    #ylfw-box .yi ul li .text .h2 {
        padding-bottom: 12px;
        margin-bottom: 10px;
    }

    #ylfw-box .yuan p {
        margin-bottom: 20px;
    }

    #ylfw-box .yuan ul li .text {
        padding: 20px 20px 15px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .hospital ul li .text .h2 h2 {
        font-size: 18px;
        padding-left: 39px;
    }

    #ylfw-box .hospital ul li .text .h2 h2 i {
        width: 26px;
        height: 26px;
    }

    #ylfw-box .yi ul li .text {
        padding: 18px;
        min-height: 180px;
    }

    #ylfw-box .yuan p {
        margin-bottom: 15px;
    }

    #ylfw-box .yuan ul li .text {
        padding: 18px 18px 15px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .hospital ul li .text .h2 h2 {
        font-size: 16px;
        padding-left: 36px;
    }

    #ylfw-box .hospital ul li .text .h2 h2 i {
        width: 24px;
        height: 24px;
    }

    #ylfw-box .yi ul li .text {
        padding: 15px;
        min-height: 165px;
    }

    #ylfw-box .yuan ul li .text {
        padding: 15px;
    }

    .yl-business-new li .text p {
        font-size: 14px !important
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .hospital ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #ylfw-box .hospital ul li .text {
        min-height: auto;
    }

    .yl-business-new li {
        width: 100%;
    }
}

#ylfw-box .level {
    padding-bottom: 50px;
    border-bottom: 1px dashed #d2d2d2;
}

#ylfw-box .level .tit {
    margin-top: 60px;
}

#ylfw-box .level .swiper-slide {
    overflow: hidden;
}

#ylfw-box .member .tit {
    margin-bottom: 30px;
}

#ylfw-box .case .certifybox {
    background: none;
}

#ylfw-box .case .certify .swiper-slide {
    box-shadow: 0px 6px 12px 0px rgba(33, 25, 1, 0.4);
}

#ylfw-box .level .case .certify .text {
    text-align: center;
    height: 80px;
    position: relative;
    width: 100%;
}

#ylfw-box .level .case .certify .text p {
    font-size: 22px;
    color: #666666;
    margin-bottom: 0;
    text-align: center;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
}

#ylfw-box .case .certify .swiper-slide .report-img {
    box-shadow: none;
}

#ylfw-box .case .certify .swiper-slide::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: linear-gradient(to right, rgba(19, 43, 140, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#ylfw-box .case-carousel {
    background-size: cover;
    padding: 60px 0 !important;
    margin-bottom: 50px;
}

#ylfw-box .case-carousel .project .swiper-slide {
    width: 504px;
    margin-right: 10px;
    position: relative;
}

#ylfw-box .case-carousel .project .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#ylfw-box .case-carousel .project .swiper-slide .img img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}

#ylfw-box .case-carousel .project .swiper-slide .img img:hover {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#ylfw-box .case-carousel .project .swiper-slide .text {
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    padding-left: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}

@media screen and (max-width: 1440px) {


    #ylfw-box .case-carousel .project .swiper-slide .text {
        font-size: 18px;
        line-height: 46px;
    }

    #ylfw-box .case-carousel .project .swiper-slide {
        width: 400px;
    }

    #ylfw-box .level {
        padding-bottom: 40px;
    }

    #ylfw-box .level .tit {
        margin-top: 50px;
    }

    #ylfw-box .level .case .certify .text {
        height: 74px;
    }

    #ylfw-box .level .case .certify .text p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .case-carousel {
        margin-bottom: 130px;
    }

    #ylfw-box .case-carousel .project .swiper-slide .text {
        font-size: 16px;
        line-height: 38px;
    }

    #ylfw-box .case-carousel .project .swiper-slide {
        width: 320px;
    }

    #ylfw-box .level {
        padding-bottom: 30px;
    }

    #ylfw-box .level .tit {
        margin-top: 40px;
    }

    #ylfw-box .level .case .certify .text {
        height: 68px;
    }

    #ylfw-box .level .case .certify .text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .case-carousel {
        margin-bottom: 120px;
    }

    #ylfw-box .case-carousel .project .swiper-slide .text {
        font-size: 14px;
        line-height: 32px;
    }

    #ylfw-box .case-carousel .project .swiper-slide {
        width: 300px;
    }

    #ylfw-box .level {
        padding-bottom: 20px;
    }

    #ylfw-box .level .tit {
        margin-top: 30px;
    }

    #ylfw-box .level .case .certify .text {
        height: 62px;
    }

    #ylfw-box .level .case .certify .text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .case-carousel {
        margin-bottom: 90px;
    }

    #ylfw-box .case-carousel .project .swiper-slide {
        width: 220px;
    }

    #ylfw-box .level .case .certify .text p {
        font-size: 14px;
        line-height: 20px;
    }

    #ylfw-box .yi ul li .text p {
        font-size: 14px;
        min-height: 30px;
    }

    .dyh-ti {
        font-size: 18px;
        padding: 30px 0;
    }

    .dyh-list {
        padding: 20px 10px;
    }

    .dyh-list h1 {
        font-size: 18px;
    }

    .dyh-list ul:after {
        content: "";
        clear: both;
        display: block;
    }

    .dyh-list ul li {
        width: 48%;
        float: left;
        margin: 0 1% 15px
    }

    .dyh-list ul li span {
        font-size: 14px;
    }

    .pic-center img {
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .case-carousel {
        margin-bottom: 20px;
    }
}

#ylfw-box .mobile-show {
    margin: 60px auto 0;
}

.ln-img {
    max-width: none !important
}

#ylfw-box .mobile-show .mobile-show-tips {
    text-align: center;
    padding: 10px 0;
    display: none;
}

#ylfw-box .mobile-show .mobile-show-tips p {
    text-align: center;
}

#ylfw-box .mobile-show .img-inner {
    min-width: 1100px;
}

#ylfw-box .mobile-show .img-left {
    width: 56.93%;
    float: left;
}

#ylfw-box .mobile-show .img-center {
    width: 5.56%;
    float: left;
}

#ylfw-box .mobile-show .img-right {
    width: 37.5%;
    float: left;
}

#ylfw-box .mobile-show .img {
    display: none;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .mobile-show {
        margin-bottom: 80px;
    }

    .ln-img {
        max-width: 110% !important
    }
}

@media screen and (max-width: 1370px) {
    #ylfw-box .mobile-show .img-inner {
        margin-left: -50px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .mobile-show {
        margin-bottom: 70px;
    }

    #ylfw-box .mobile-show .imgwrap {
        overflow: auto;
    }

    #ylfw-box .mobile-show .img-inner {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .mobile-show {
        margin-bottom: 50px;
        width: 100%;
        overflow: auto;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .mobile-show {
        margin-bottom: 40px;
        overflow: hidden;
    }

    #ylfw-box .mobile-show .img {
        display: block;
    }

    #ylfw-box .mobile-show .mobile-show-tips {
        display: block;
    }

    #ylfw-box .mobile-show .imgwrap {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #ylfw-box .mobile-show {
        margin-bottom: 40px;
        overflow: hidden;
    }

    #ylfw-box .mobile-show .img {
        width: auto;
    }

    #ylfw-box .mobile-show .mobile-show-tips {
        display: block;
    }
}

#ylfw-box .certifybox .wrapper2 {
    padding-bottom: 88px;
    border-bottom: 1px dashed #d2d2d2;
}

#ylfw-box .certifybox .cont p {
    text-align: center;
    margin-bottom: 30px;
}

#ylfw-box .certify {
    width: 96%;
    margin: 0 auto;
}

#ylfw-box .certify .swiper-container {
    padding: 20px 0 80px;
    position: relative;
}

#ylfw-box .certify .swiper-slide {
    position: relative;
}

#ylfw-box .certify .swiper-slide .report-img {
    background: transparent;
    width: 100%;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    display: block;
}

#ylfw-box .certify .swiper-slide .report-img img {
    width: 100%;
}

#ylfw-box .certify h2 {
    font-size: 24px;
    color: #b60005;
    font-family: "FZLTCHJW";
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

#ylfw-box .certify h2::before {
    content: "";
    width: 362px;
    height: 18px;
    background: url(../img/hxjf_tit.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 1921px) {
    #ylfw-box .certifybox {
        background-size: 100% auto;
    }
}

@media screen and (max-width: 1440px) {
    #ylfw-box .certifybox .wrapper2 {
        padding-bottom: 60px;
    }

    #ylfw-box .certify .swiper-container {
        padding-bottom: 60px;
    }

    #ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }

    #ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: 8px;
        height: 8px;
        border: 2px solid transparent;
        left: -2px;
        top: -2px;
    }

    #ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
        border-color: #b60005;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .certify {
        width: 100%;
    }

    #ylfw-box .certify .swiper-container {
        padding: 0 0 50px;
    }

    #ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 5px;
    }

    #ylfw-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
        width: 6px;
        height: 6px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .certify .swiper-slide {
        width: 70%;
    }

    #ylfw-box .certifybox .cont p {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1440px) {
    #ylfw-box .ywly .title {
        margin: 80px 0 40px;
    }

    #ylfw-box .ywly .title h1 {
        font-size: 28px;
    }

    #ylfw-box .ywly .title h1::before {
        width: 28px;
        height: 28px;
        left: -50px;
    }

    #ylfw-box .ywly .title h1::after {
        width: 28px;
        height: 28px;
        right: -50px;
    }

    #ylfw-box .ywly .title1 h2::before {
        width: 342px;
    }

    #ylfw-box .case .certify .text {
        font-size: 20px;
        line-height: 68px;
    }
}

@media screen and (max-width: 1280px) {
    #ylfw-box .ywly .title {
        margin: 70px 0 35px;
    }

    #ylfw-box .ywly .title h1 {
        font-size: 26px;
    }

    #ylfw-box .ywly .title h1::before {
        width: 24px;
        height: 24px;
        left: -40px;
    }

    #ylfw-box .ywly .title h1::after {
        width: 24px;
        height: 24px;
        right: -40px;
    }

    #ylfw-box .ywly .title1 h2::before {
        width: 322px;
        height: 16px;
    }

    #ylfw-box .case .certify .text {
        font-size: 18px;
        line-height: 52px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .ywly .title {
        margin: 60px 0 30px;
    }

    #ylfw-box .ywly .title h1 {
        font-size: 24px;
    }

    #ylfw-box .ywly .title h1::before {
        width: 20px;
        height: 20px;
    }

    #ylfw-box .ywly .title h1::after {
        width: 20px;
        height: 20px;
    }

    #ylfw-box .ywly .title1 h2::before {
        width: 302px;
    }

    #ylfw-box .case .certify .text {
        font-size: 16px;
        line-height: 46px;
    }
}

@media screen and (max-width: 768px) {
    #ylfw-box .ywly .title {
        margin: 50px 0 26px;
    }

    #ylfw-box .ywly .title h1 {
        font-size: 22px;
    }

    #ylfw-box .ywly .title h1::before {
        width: 18px;
        height: 18px;
    }

    #ylfw-box .ywly .title h1::after {
        width: 18px;
        height: 18px;
    }

    #ylfw-box .ywly .title1 h2::before {
        width: 282px;
        height: 14px;
    }

    #ylfw-box .certify h2 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    #ylfw-box .ywly .title1 h2::before {
        width: 262px;
    }

    #ylfw-box .certify h2 {
        font-size: 18px;
    }

    #ylfw-box .certify h2::before {
        width: 260px;
    }

    #ylfw-box .case .certify .text {
        font-size: 14px;
        line-height: 36px;
    }
}

#ylfw-box .tzpos {
    position: relative;
    top: -100px;
}

#ylfw-box .rc-block-box {
    margin-top: 0;
}

#ylfw-box .tab-mng-team-t ul li {
    margin-bottom: 10px;
}

#ylfw-box .business-tab-box .tab-mng-team-t {
    margin-bottom: 10px;
}

#ylfw-box .certify .swiper-slide .swiper-over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

#ylfw-box .certify .swiper-slide-active .swiper-over {
    display: none;
}

#ylfw-box .nextDiv {
    text-align: center;
    margin-top: 90px;
}

#ylfw-box .nextDiv a.viewNext {
    display: block;
    color: #b60005;
    font-size: 22px;
}

#ylfw-box .nextDiv a.viewNext:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    #ylfw-box .nextDiv {
        margin-top: 70px;
    }

    #ylfw-box .nextDiv a.viewNext {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #ylfw-box .nextDiv {
        margin-top: 50px;
    }

    #ylfw-box .nextDiv a.viewNext {
        font-size: 18px;
    }
}

#lnfw-box {
    background-repeat: repeat !important;
    background-position: top center !important;
    background-size: auto !important;
}

#lnfw-box .p_articles {
    width: calc((100% - 0px)/20);
}

#lnfw-box h3 {
    font-weight: bold;
}

#lnfw-box .txt em {
    color: #b60005;
}

#lnfw-box .ecosphere ul .clearfix:before {
    display: none;
}

#lnfw-box .ecosphere ul .clearfix:after {
    display: none;
}

#lnfw-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

@media screen and (max-width: 768px) {
    #lnfw-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }
}

#lnfw-box .zx-section p {
    text-justify: inter-ideograph;
}

.yl-wb p {
    padding-bottom: 40px;
}

#lnfw-box .zx-section p.tit {
    color: #b60005;
}

#lnfw-box h5 {
    font-weight: bold;
}

#lnfw-box .p_CommonSummaryBoxA {
    text-align: center;
}

#lnfw-box .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#lnfw-box>div {
    animation-fill-mode: both;
}

#lnfw-box .ywly .title {
    text-align: center;
    margin: 95px 0 50px;
}

.ywly .title h1 {
    display: inline-block;
    font-size: 32px;
    font-family: 'FZLTHJ';
    color: #132b8c;
    position: relative;
}

#lnfw-box .ywly .title h1::before {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t01.png) 0 0/100% no-repeat;
    position: absolute;
    left: -60px;
    top: -8px;
}

#lnfw-box .ywly .title h1::after {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img/img_yy_t02.png) 0 0/100% no-repeat;
    position: absolute;
    right: -60px;
    bottom: -8px;
}

#lnfw-box .ywly .title1 h2 {
    font-size: 24px;
    color: #b60005;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#lnfw-box .ywly .title1 h2::before {
    content: "";
    width: 362px;
    height: 18px;
    background: url(../img/hxjf_tit.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lnfw-box .ecology {
    border-bottom: 1px dashed #cccccc;
}

#lnfw-box .ecology h3 {
    font-size: 24px;
    color: #132b8c;
    line-height: 36px;
    margin-bottom: 50px;
}

#lnfw-box .ecology p.txt {
    font-size: 22px;
    color: #555;
    line-height: 36px;
    text-align: justify;
}

#lnfw-box .ecosphere {
    position: relative;
    margin-bottom: 100px;
}

#lnfw-box .ecosphere .middle .img {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 60px auto;
}

#lnfw-box .ecosphere .middle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#lnfw-box .ecosphere .middle p {
    font-size: 48px;
    color: #132b8c;
    font-family: "hwxw";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lnfw-box .ecosphere .middle p span {
    display: block;
}

#lnfw-box .ecosphere .ul-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

#lnfw-box .ecosphere ul {
    position: absolute;
    width: 100%;
    height: 100%;
}

#lnfw-box .ecosphere ul li {
    position: absolute;
}

#lnfw-box .ecosphere ul li>a {
    display: block;
    position: relative;
}

#lnfw-box .ecosphere ul li .circle {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #fff;
    border: 6px solid #6272b2;
    position: relative;
    z-index: 1;
}

#lnfw-box .ecosphere ul li .circle .img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lnfw-box .ecosphere ul li .circle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#lnfw-box .ecosphere ul li .text h3 {
    font-size: 28px;
    color: #333333;
    font-weight: normal;
}

#lnfw-box .ecosphere ul li .text p {
    font-size: 22px;
    color: #666666;
}

#lnfw-box .ecosphere ul .li1 {
    top: 0px;
    left: 25%;
}

#lnfw-box .ecosphere ul .li1 .text {
    position: absolute;
    width: 150px;
    text-align: right;
    left: -90%;
    bottom: 15%;
}

#lnfw-box .ecosphere ul .li1 p {
    text-align: right;
}

#lnfw-box .ecosphere ul .li2 {
    top: 0px;
    right: 25%;
}

#lnfw-box .ecosphere ul .li2 .text {
    position: absolute;
    width: 150px;
    text-align: left;
    right: -90%;
    bottom: 15%;
}

#lnfw-box .ecosphere ul .li3 {
    bottom: 0;
    left: 25%;
}

#lnfw-box .ecosphere ul .li3 .text {
    position: absolute;
    width: 150px;
    text-align: right;
    left: -90%;
    bottom: 15%;
}

#lnfw-box .ecosphere ul .li3 p {
    position: absolute;
    right: -110%;
    width: 100%;
    bottom: 50%;
}

#lnfw-box .ecosphere ul .li4 {
    bottom: 0;
    right: 25%;
}

#lnfw-box .ecosphere ul .li4 .text {
    position: absolute;
    width: 150px;
    text-align: left;
    right: -90%;
    bottom: 15%;
}

@media screen and (max-width: 1440px) {
    #lnfw-box .ecology h3 {
        font-size: 20px;
        line-height: 32px;
    }

    #lnfw-box .ecology p.txt {
        font-size: 20px;
        line-height: 32px;
    }

    #lnfw-box .ecosphere .middle p {
        font-size: 38px;
    }

    #lnfw-box .ecosphere ul li .circle {
        width: 180px;
        height: 180px;
    }

    #lnfw-box .ecosphere ul li .circle .img {
        width: 140px;
        height: 140px;
    }

    #lnfw-box .ecosphere ul li .text h3 {
        font-size: 24px;
    }

    #lnfw-box .ecosphere ul li .text p {
        font-size: 20px;
    }

    #lnfw-box .ecosphere ul .li1 h3 i {
        width: 164px;
        height: 145px;
    }

    #lnfw-box .ecosphere ul .li2 h3 i {
        width: 164px;
        height: 145px;
    }

    #lnfw-box .ecosphere ul .li3 h3 i {
        width: 165px;
        height: 13px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .ecology h3 {
        font-size: 18px;
        line-height: 30px;
    }

    #lnfw-box .ecology p.txt {
        font-size: 18px;
        line-height: 30px;
    }

    #lnfw-box .ecosphere .middle p {
        font-size: 32px;
    }

    #lnfw-box .ecosphere ul li .text h3 {
        font-size: 22px;
    }

    #lnfw-box .ecosphere ul li .text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .ecology h3 {
        font-size: 16px;
        line-height: 28px;
    }

    #lnfw-box .ecology p.txt {
        font-size: 16x;
        line-height: 28px;
    }

    #lnfw-box .ecosphere .middle p {
        font-size: 28px;
    }

    #lnfw-box .ecosphere ul li .circle {
        width: 160px;
        height: 160px;
    }

    #lnfw-box .ecosphere ul li .circle .img {
        width: 120px;
        height: 120px;
    }

    #lnfw-box .ecosphere ul li .text h3 {
        font-size: 20px;
    }

    #lnfw-box .ecosphere ul li .text p {
        font-size: 16px;
    }

    #lnfw-box .ecosphere ul .li1 h3 i {
        width: 136px;
        height: 120px;
    }

    #lnfw-box .ecosphere ul .li2 h3 i {
        width: 136px;
        height: 120px;
    }

    #lnfw-box .ecosphere ul .li3 h3 i {
        width: 136px;
        height: 12px;
    }

    #lnfw-box .ecosphere ul .li3 {
        left: calc(50% - 80px);
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .ecology h3 {
        font-size: 14px;
        line-height: 26px;
    }

    #lnfw-box .ecology p.txt {
        font-size: 14px;
        line-height: 26px;
    }

    #lnfw-box .ecosphere .middle p {
        font-size: 24px;
    }

    #lnfw-box .ecosphere ul li .circle {
        width: 130px;
        height: 130px;
    }

    #lnfw-box .ecosphere ul li .circle .img {
        width: 100px;
        height: 100px;
    }

    #lnfw-box .ecosphere ul li .text h3 {
        font-size: 16px;
    }

    #lnfw-box .ecosphere ul li .text p {
        font-size: 14px;
    }

    #lnfw-box .ecosphere ul .li1 h3 i {
        width: 120px;
        height: 108px;
    }

    #lnfw-box .ecosphere ul .li2 h3 i {
        width: 120px;
        height: 108px;
    }

    #lnfw-box .ecosphere ul .li3 h3 i {
        width: 120px;
        height: 12px;
    }
}

@media screen and (max-width: 767px) {
    #lnfw-box .ecosphere .middle {
        position: relative;
    }

    #lnfw-box .ecosphere .middle .img {
        margin: 30px auto;
    }

    #lnfw-box .ecosphere .middle p {
        font-size: 20px;
    }

    #lnfw-box .ecosphere .ul-box {
        position: initial;
        top: 0;
        left: 0;
        transform: translate(0);
    }

    #lnfw-box .ecosphere ul {
        position: initial;
    }

    #lnfw-box .ecosphere ul li {
        position: initial;
        margin-bottom: 20px;
        display: block;
        align-items: center;
        justify-content: flex-start;
        width: 25%;
        float: left;
    }

    #lnfw-box .ecosphere ul li .circle {
        width: 80px;
        height: 80px;
        border: 3px solid #6272b2;
        margin-right: 15px;
        display: inline-block;
    }

    #lnfw-box .ecosphere ul li .circle .img {
        width: 60px;
        height: 60px;
    }

    #lnfw-box .ecosphere ul li .text {
        float: none !important;
        position: relative !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

    #lnfw-box .ecosphere ul:after {
        content: "";
        clear: both;
        display: block;
    }

    #lnfw-box .ecosphere,
    #lnfw-box .ecosphere ul li .text h3 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 360px) {
    #lnfw-box .ecosphere .middle p {
        font-size: 18px;
    }

    #lnfw-box .ecosphere ul li .text h3 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

#lnfw-box .fwidea .tit {
    font-weight: normal;
    text-align: center;
    margin-bottom: 50px;
    color: #132b8c !important;
}

#lnfw-box .fwidea ul li {
    width: 25%;
    text-align: center;
}

#lnfw-box .fwidea ul li .c-border {
    width: 62%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 30px;
    background: url(../img/bg_yuan_red.png) 0 0 /cover no-repeat;
}

#lnfw-box .fwidea ul li .c-border .img {
    opacity: 0;
    visibility: hidden;
}

#lnfw-box .fwidea ul li .c-border:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../img/bg_yuan_red2.png) 0 0 /cover no-repeat;
    transition: all 1.5s;
    transform: scale(1) rotate(0);
}

#lnfw-box .fwidea ul li:hover .c-border:before {
    transform: scale(1.05) rotate(360deg);
}

#lnfw-box .fwidea ul li .c-border img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#lnfw-box .fwidea ul li .c-border h3 {
    font-size: 48px;
    color: #fff;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lnfw-box .fwidea ul li p {
    color: #555;
    text-align: center;
    font-size: 20px
}

#lnfw-box .fwidea ul li p span {
    color: #333;
    display: block;
    font-size: 22px;
}

@media screen and (max-width: 1440px) {
    #lnfw-box .fwidea .tit {
        margin-bottom: 45px;
    }

    #lnfw-box .fwidea ul li .c-border h3 {
        font-size: 58px;
    }

    #lnfw-box .fwidea ul li .c-border {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .fwidea .tit {
        margin-bottom: 40px;
    }

    #lnfw-box .fwidea ul li .c-border h3 {
        font-size: 50px;
    }

    #lnfw-box .fwidea ul li .c-border {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .fwidea .tit {
        margin-bottom: 35px;
    }

    #lnfw-box .fwidea ul li .c-border h3 {
        font-size: 42px;
    }

    #lnfw-box .fwidea ul li .c-border {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 828px) {
    .gyl-lii li {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .fwidea .tit {
        margin-bottom: 30px;
    }

    #lnfw-box .fwidea ul li .c-border h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    #lnfw-box .fwidea .tit {
        margin-bottom: 25px;
    }

    #lnfw-box .fwidea ul {
        margin-top: 0;
    }

    #lnfw-box .fwidea ul li {
        width: 50%;
        margin-bottom: 0;
        margin-top: 20px;
    }

    #lnfw-box .fwidea ul li .c-border {
        width: 80%;
    }

    #lnfw-box .fwidea ul li .c-border h3 {
        font-size: 28px;
    }
}

#lnfw-box .brand ul li {
    width: 32%;
    margin-right: 1.95%;
    background: #fff;
    box-shadow: 0px 2px 20px 0px rgba(7, 0, 1, 0.12);
    position: relative;
}

#lnfw-box .brand ul li:nth-child(3n) {
    margin-right: 0px;
}

#lnfw-box .brand ul li::after {
    content: '';
    display: block;
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transition: all .6s ease-in-out;
    background: linear-gradient(to right, rgba(19, 43, 140, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#lnfw-box .brand ul li:hover::after {
    width: 100%;
    left: 0px;
}

#lnfw-box .brand ul li .img-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#lnfw-box .brand ul li .img-box .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#lnfw-box .brand ul li .img-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

#lnfw-box .brand ul li .img-box .txt {
    background: #fff;
    width: 100%;
    transition: all .6s;
}

#lnfw-box .brand ul li .img-box p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .6s;
    line-height: 60px;
}

#lnfw-box .brand ul li .img-box .img:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .4s;
    opacity: 0;
    visibility: hidden;
    top: 0px;
    left: 0px;
    z-index: 0;
}

#lnfw-box .brand ul li:hover .img-box {
    position: relative;
}

#lnfw-box .brand ul li:hover .img-box .img img {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#lnfw-box .brand ul li .text {
    padding: 30px 25px;
    min-height: 276px;
}

#lnfw-box .brand ul li .text h2 {
    font-size: 24px;
    color: #333333;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
}

#lnfw-box .brand ul li .text dl {
    padding: 10px;
}

#lnfw-box .brand ul li .text dl dt {
    font-size: 22px;
    color: #666666;
    line-height: 36px;
    padding-left: 30px;
    position: relative;
    font-weight: normal;
}

#lnfw-box .brand ul li .text dl dt::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #b60005;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}



.tzzh-Menubox {
    width: 60px;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.tzzh-Menubox li {
    margin-bottom: 30px;
    font-size: 24px;
    cursor: pointer;
}

.tzzh-Menubox li.hover {
    border-bottom: 3px solid #132b8c;
    color: #132b8c
}

.tzzh-Contentbox {
    float: right;
    width: calc(90% - 65px);
    width: -webkit-calc(95% - 60px);
}

.tzzh-CbContainer li {
    float: left;
    width: 15%;
    position: relative;
    border-bottom: 1px solid #a5a5a5;
    margin-right: 1.6%;
    text-align: center;
    height: 90px;
    position: relative;
    list-style: none
}

.tzzh-CbContainer li img {
    width: auto;
    max-width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 70%;
}

.tzzh-CbContainer li::marker {
    display: none !important
}



@media screen and (max-width: 1440px) {
    #lnfw-box .brand ul li .text {
        padding: 25px 23px;
        min-height: 252px;
    }

    #lnfw-box .brand ul li .text h2 {
        font-size: 22px;
        padding-bottom: 12px;
    }

    .tzzh-Menubox li {
        font-size: 20px;
    }

    #lnfw-box .brand ul li .text dl dt {
        font-size: 20px;
        line-height: 34px;
        padding-left: 25px;
    }

    #lnfw-box .brand ul li .text dl dt::before {
        width: 10px;
        height: 10px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .brand ul li .img-box p {
        font-size: 16px;
    }

    #lnfw-box .brand ul li .text {
        padding: 20px;
        min-height: 225px;
    }

    #lnfw-box .brand ul li .text h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    #lnfw-box .brand ul li .text dl {
        padding: 8px;
    }

    #lnfw-box .brand ul li .text dl dt {
        font-size: 18px;
        line-height: 32px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .brand ul li .img-box p {
        font-size: 14px;
    }

    #lnfw-box .brand ul li .text {
        padding: 18px;
        min-height: 202px;
    }

    #lnfw-box .brand ul li .text h2 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    #lnfw-box .brand ul li .text dl dt {
        font-size: 16px;
        line-height: 28px;
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .brand ul li .text {
        padding: 15px;
        min-height: 183px;
    }

    #lnfw-box .brand ul li .text h2 {
        font-size: 16px;
        padding-bottom: 8px;
    }

    #lnfw-box .brand ul li .text dl dt {
        font-size: 14px;
        line-height: 26px;
    }
}

@media screen and (max-width: 767px) {
    #lnfw-box .brand ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #lnfw-box .brand ul li .text {
        padding: 20px;
        min-height: auto;
    }
}

#lnfw-box .mechanism ul {
    position: relative;
    border: 2px solid #fff;
    margin-top: 20px;
}

#lnfw-box .mechanism ul li {
    float: left;
    width: 32.8%;
    margin-right: 0.78%;
}

#lnfw-box .mechanism ul li:nth-child(3n) {
    margin-right: 0px;
}

#lnfw-box .mechanism ul li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#lnfw-box .mechanism ul li .img img {
    width: 100%;
    transition: all .6s ease-in-out;
}

#lnfw-box .mechanism ul li:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
}

#lnfw-box .mechanism ul li:hover:after {
    width: 100%;
    left: 0px;
    opacity: 1;
}

#lnfw-box .mechanism ul li:hover .img img {
    transform: scale(1.1);
}

#lnfw-box .mechanism ul li:hover a:before {
    opacity: 0;
}

#lnfw-box .mechanism ul li:hover a:after {
    opacity: 0;
}

#lnfw-box .mechanism ul li .bg {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}

#lnfw-box .mechanism ul li .bg .icon-video {
    width: 51px;
    height: 51px;
    background: url(../img/icon_video.png) 0 0/cover no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#lnfw-box .mechanism ul li .icon-download {
    display: block;
    width: 26px;
    height: 26px;
    background: url(../img/icon_download.png) 0 0/cover no-repeat;
    position: absolute;
    right: 5%;
    bottom: 50px;
}

#lnfw-box .mechanism ul .cube {
    display: block;
    width: 100px;
    height: 100px;
    background: #e9ddd1;
    position: absolute;
    z-index: -1;
}

#lnfw-box .mechanism ul .cube-top {
    top: -20px;
    left: -20px;
}

#lnfw-box .mechanism ul .cube-bottom {
    bottom: -20px;
    right: -20px;
}

@media screen and (max-width: 1440px) {
    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 56px;
        height: 56px;
    }

    #lnfw-box .mechanism ul li .icon-download {
        width: 22px;
        height: 22px;
        bottom: 40px;
    }

    #lnfw-box .mechanism ul .cube-top {
        top: -18px;
        left: -18px;
    }

    #lnfw-box .mechanism ul .cube-bottom {
        bottom: -18px;
        right: -18px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 50px;
        height: 50px;
    }

    #lnfw-box .mechanism ul li .icon-download {
        width: 20px;
        height: 20px;
        bottom: 30px;
    }

    #lnfw-box .mechanism ul .cube-top {
        top: -16px;
        left: -16px;
    }

    #lnfw-box .mechanism ul .cube-bottom {
        bottom: -16px;
        right: -16px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 40px;
        height: 40px;
    }

    #lnfw-box .mechanism ul li .icon-download {
        width: 20px;
        height: 20px;
        bottom: 20px;
    }

    #lnfw-box .mechanism ul .cube-top {
        top: -14px;
        left: -14px;
    }

    #lnfw-box .mechanism ul .cube-bottom {
        bottom: -14px;
        right: -14px;
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 45px;
        height: 45px;
    }

    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 30px;
        height: 30px;
    }

    #lnfw-box .mechanism ul li .icon-download {
        width: 16px;
        height: 16px;
        bottom: 20px;
    }

    #lnfw-box .mechanism ul .cube-top {
        top: -12px;
        left: -12px;
    }

    #lnfw-box .mechanism ul .cube-bottom {
        bottom: -12px;
        right: -12px;
    }
}

@media screen and (max-width: 767px) {
    #lnfw-box .mechanism ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #lnfw-box .mechanism ul li:nth-child(3n) {
        margin-bottom: 0;
    }

    #lnfw-box .mechanism ul li .bg .icon-video {
        width: 35px;
        height: 35px;
    }

    #lnfw-box .mechanism ul li .icon-download {
        width: 16px;
        height: 16px;
        bottom: 20px;
    }
}

#lnfw-box .case-carousel {
    background: url(../img/bg_gx.jpg) center no-repeat;
    background-size: cover;
    padding: 60px 0 !important;
}

#lnfw-box .case-carousel .project .swiper-slide {
    width: 504px;
    margin-right: 10px;
    position: relative;
}

#lnfw-box .case-carousel .project .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#lnfw-box .case-carousel .project .swiper-slide .img img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}

#lnfw-box .case-carousel .project .swiper-slide .img img:hover {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#lnfw-box .case-carousel .project .swiper-slide .text {
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .4);
}

@media screen and (max-width: 1440px) {
    #lnfw-box .case-carousel {
        margin-bottom: 150px;
    }

    #lnfw-box .case-carousel .project .swiper-slide .text {
        font-size: 18px;
        line-height: 46px;
    }

    #lnfw-box .case-carousel .project .swiper-slide {
        width: 400px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .case-carousel {
        margin-bottom: 130px;
    }

    #lnfw-box .case-carousel .project .swiper-slide .text {
        font-size: 16px;
        line-height: 38px;
    }

    #lnfw-box .case-carousel .project .swiper-slide {
        width: 320px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .case-carousel {
        margin-bottom: 90px;
    }

    #lnfw-box .case-carousel .project .swiper-slide .text {
        font-size: 14px;
        line-height: 32px;
    }

    #lnfw-box .case-carousel .project .swiper-slide {
        width: 300px;
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .case-carousel {
        margin-bottom: 90px;
    }

    #lnfw-box .case-carousel .project .swiper-slide {
        width: 220px;
    }
}

@media screen and (max-width: 767px) {
    #lnfw-box .case-carousel {
        padding: 20px;
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1440px) {
    #lnfw-box .ywly .title {
        margin: 80px 0 40px;
    }

    #lnfw-box .ywly .title h1 {
        font-size: 28px;
    }

    #lnfw-box .ywly .title h1::before {
        width: 28px;
        height: 28px;
        left: -50px;
    }

    #lnfw-box .ywly .title h1::after {
        width: 28px;
        height: 28px;
        right: -50px;
    }
}

@media screen and (max-width: 1280px) {
    #lnfw-box .ywly .title {
        margin: 70px 0 35px;
    }

    #lnfw-box .ywly .title h1 {
        font-size: 26px;
    }

    #lnfw-box .ywly .title h1::before {
        width: 24px;
        height: 24px;
        left: -40px;
    }

    #lnfw-box .ywly .title h1::after {
        width: 24px;
        height: 24px;
        right: -40px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .ywly .title {
        margin: 60px 0 30px;
    }

    #lnfw-box .ywly .title h1 {
        font-size: 24px;
    }

    #lnfw-box .ywly .title h1::before {
        width: 20px;
        height: 20px;
    }

    #lnfw-box .ywly .title h1::after {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 768px) {
    #lnfw-box .ywly .title {
        margin: 50px 0 26px;
    }

    #lnfw-box .ywly .title h1 {
        font-size: 22px;
    }

    #lnfw-box .ywly .title h1::before {
        width: 18px;
        height: 18px;
    }

    #lnfw-box .ywly .title h1::after {
        width: 18px;
        height: 18px;
    }
}

#lnfw-box .nextDiv {
    text-align: center;
    margin-top: 90px;
}

#lnfw-box .nextDiv a.viewNext {
    display: block;
    color: #b60005;
    font-size: 22px;
}

#lnfw-box .nextDiv a.viewNext:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    #lnfw-box .nextDiv {
        margin-top: 70px;
    }

    #lnfw-box .nextDiv a.viewNext {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #lnfw-box .nextDiv {
        margin-top: 50px;
    }

    #lnfw-box .nextDiv a.viewNext {
        font-size: 18px;
    }
}

#lnfw-box .tzpos {
    position: relative;
    top: -100px;
}

#lnfw-box .tab-mng-team-t ul li {
    margin-bottom: 10px;
}

#lnfw-box .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#lnfw-box .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#lnfw-box .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#lnfw-box .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#glzx-box .YwNextDiv a.viewNext {
    display: inline-block;
    margin: 0 3%;
}

#glzx-box .ecosphere ul .clearfix:before {
    display: none;
}

#glzx-box .ecosphere ul .clearfix:after {
    display: none;
}

@media screen and (max-width: 768px) {
    #glzx-box .YwNextDiv a.viewNext {
        font-size: 14px;
    }
}

#glzx-box .zx-section p {
    text-justify: inter-ideograph;
}

#glzx-box h3 {
    font-weight: bold;
}

#glzx-box h5 {
    font-weight: bold;
}

#glzx-box .pic-txt p {
    display: none;
}

#glzx-box .pic-txt p.on {
    display: block;
}

#glzx-box .certify .swiper-slide {
    background: transparent;
}

#glzx-box .zx-section .txt em {
    color: #b60005;
}

#glzx-box .p_articles {
    width: calc((100% - 0px)/20);
}

#glzx-box .p_CommonSummaryBoxA {
    text-align: center;
}

#glzx-box .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#glzx-box>div {
    animation-fill-mode: both;
}

#glzx-box .ywly .title {
    text-align: center;
    margin: 95px 0 50px;
}

#glzx-box .ywly .title h1 {
    display: inline-block;
    font-size: 32px;
    font-family: 'FZLTHJ';
    color: #b60005;
    position: relative;
}

#glzx-box .ywly .title h1::before {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img../img_yy_t01.png) 0 0/100% no-repeat;
    position: absolute;
    left: -60px;
    top: -8px;
}

#glzx-box .ywly .title h1::after {
    content: '';
    display: block;
    width: 39px;
    height: 33px;
    background: url(../img../img_yy_t02.png) 0 0/100% no-repeat;
    position: absolute;
    right: -60px;
    bottom: -8px;
}

#glzx-box .ywly .title1 h2 {
    font-size: 24px;
    color: #b60005;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#glzx-box .ywly .title1 h2::before {
    content: "";
    width: 362px;
    height: 18px;
    background: url(../img/hxjf_tit.png)no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#glzx-box .ecology {
    border-bottom: 1px dashed #cccccc;
}

#glzx-box .ecology h3 {
    font-size: 22px;
    color: #b60005;
    line-height: 36px;
    margin-bottom: 5px;
}

#glzx-box .ecology p.txt {
    font-size: 22px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}

#glzx-box .ecosphere {
    position: relative;
    margin-bottom: 20%;
}

#glzx-box .ecosphere .middle .img {
    width: 40%;
    height: auto;
    overflow: hidden;
    margin: 60px auto;
}

#glzx-box .ecosphere .middle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#glzx-box .ecosphere .middle p {
    font-size: 48px;
    color: #b60005;
    font-family: "hwxw";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#glzx-box .ecosphere .middle p span {
    display: block;
}

#glzx-box .ecosphere .ul-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

#glzx-box .ecosphere ul {
    position: absolute;
    width: 100%;
    height: 100%;
}

#glzx-box .ecosphere ul li {
    position: absolute;
}

#glzx-box .ecosphere ul li>a {
    display: block;
    position: relative;
}

#glzx-box .ecosphere ul li .circle {
    width: 216px;
    height: 216px;
    border-radius: 50%;
    background: #fff;
    border: 6px solid #b60005;
    position: relative;
    z-index: 1;
}

#glzx-box .ecosphere ul li .circle .img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#glzx-box .ecosphere ul li .circle .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#glzx-box .ecosphere ul li .text h3 {
    font-size: 28px;
    color: #333333;
}

#glzx-box .ecosphere ul li .text p {
    font-size: 22px;
    color: #666666;
}

#glzx-box .ecosphere ul .li1 {
    top: 0px;
    left: 25%;
}

#glzx-box .ecosphere ul .li1 .text {
    position: absolute;
    width: 150%;
    text-align: right;
    left: -130%;
    bottom: -55%;
}

#glzx-box .ecosphere ul .li1 h3 i {
    background: url(../img/ecology_line1.png)no-repeat center;
    background-size: 100%;
    display: inline-block;
    width: 193px;
    height: 161px;
    position: absolute;
    left: 42%;
    top: -118%;
}

#glzx-box .ecosphere ul .li1 p {
    text-align: right;
}

#glzx-box .ecosphere ul .li2 {
    top: 0px;
    right: 25%;
}

#glzx-box .ecosphere ul .li2 .text {
    position: absolute;
    width: 150%;
    text-align: left;
    right: -130%;
    bottom: -55%;
}

#glzx-box .ecosphere ul .li2 h3 i {
    background: url(../img/ecology_line2.png)no-repeat center;
    background-size: 100%;
    display: inline-block;
    width: 193px;
    height: 161px;
    position: absolute;
    right: 42%;
    top: -118%;
}

#glzx-box .ecosphere ul .li3 {
    bottom: -25%;
    left: calc(50% - 108px);
}

#glzx-box .ecosphere ul .li3 h3 {
    position: absolute;
    left: -100%;
    bottom: 50%;
}

#glzx-box .ecosphere ul .li3 h3 i {
    background: url(../img/ecology_line3.png)no-repeat center;
    background-size: 100%;
    display: inline-block;
    width: 209px;
    height: 16px;
    margin-left: 10px;
}

#glzx-box .ecosphere ul .li3 p {
    position: absolute;
    right: -110%;
    width: 100%;
    bottom: 50%;
}

@media screen and (max-width: 1440px) {
    #glzx-box .ecology h3 {
        font-size: 20px;
        line-height: 32px;
    }

    #glzx-box .ecology p.txt {
        font-size: 20px;
        line-height: 32px;
    }

    #glzx-box .ecosphere .middle p {
        font-size: 38px;
    }

    #glzx-box .ecosphere ul li .circle {
        width: 180px;
        height: 180px;
    }

    #glzx-box .ecosphere ul li .circle .img {
        width: 140px;
        height: 140px;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 24px;
    }

    #glzx-box .ecosphere ul li .text p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {
    #glzx-box .ecology h3 {
        font-size: 18px;
        line-height: 30px;
    }

    #glzx-box .ecology p.txt {
        font-size: 18px;
        line-height: 30px;
    }

    #glzx-box .ecosphere .middle p {
        font-size: 32px;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 22px;
    }

    #glzx-box .ecosphere ul li .text p {
        font-size: 18px;
    }

    #glzx-box .ecosphere ul .li1 h3 i {
        width: 148px;
        height: 138px;
    }

    #glzx-box .ecosphere ul .li2 h3 i {
        width: 148px;
        height: 138px;
    }

    #glzx-box .ecosphere ul .li3 h3 i {
        width: 148px;
        height: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .ecology h3 {
        font-size: 16px;
        line-height: 28px;
    }

    #glzx-box .ecology p.txt {
        font-size: 16x;
        line-height: 28px;
    }

    #glzx-box .ecosphere .middle p {
        font-size: 28px;
    }

    #glzx-box .ecosphere ul li .circle {
        width: 160px;
        height: 160px;
    }

    #glzx-box .ecosphere ul li .circle .img {
        width: 120px;
        height: 120px;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 20px;
    }

    #glzx-box .ecosphere ul li .text p {
        font-size: 16px;
    }

    #glzx-box .ecosphere ul .li1 h3 i {
        width: 136px;
        height: 120px;
    }

    #glzx-box .ecosphere ul .li2 h3 i {
        width: 136px;
        height: 120px;
    }

    #glzx-box .ecosphere ul .li3 h3 i {
        width: 136px;
        height: 12px;
    }

    #glzx-box .ecosphere ul .li3 {
        left: calc(50% - 80px);
    }
}

@media screen and (max-width: 768px) {
    #glzx-box .ecosphere .middle p {
        font-size: 24px;
    }

    #glzx-box .ecosphere ul li .circle {
        width: 130px;
        height: 130px;
    }

    #glzx-box .ecosphere ul li .circle .img {
        width: 100px;
        height: 100px;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 18px;
    }

    #glzx-box .ecosphere ul li .text p {
        font-size: 14px;
    }

    #glzx-box .ecosphere ul .li1 h3 i {
        width: 120px;
        height: 108px;
    }

    #glzx-box .ecosphere ul .li2 h3 i {
        width: 120px;
        height: 108px;
    }

    #glzx-box .ecosphere ul .li3 h3 i {
        width: 120px;
        height: 12px;
    }
}

@media screen and (max-width: 767px) {
    #phjr-box .ywys-item li {
        width: 50%;
    }

    #glzx-box .ecology h3 {
        font-size: 14px;
        line-height: 26px;
    }

    #glzx-box .ecology p.txt {
        font-size: 14px;
        line-height: 26px;
    }

    #glzx-box .ecosphere .middle {
        position: relative;
    }

    #glzx-box .ecosphere .middle .img {
        margin: 30px auto;
    }

    #glzx-box .ecosphere .middle p {
        font-size: 20px;
    }

    #glzx-box .ecosphere .ul-box {
        position: initial;
        top: 0;
        left: 0;
        transform: translate(0);
    }

    #glzx-box .ecosphere ul {
        position: initial;
    }

    #glzx-box .ecosphere ul li {
        position: initial;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #glzx-box .ecosphere ul li .circle {
        width: 100px;
        height: 100px;
        border: 3px solid #b60005;
        float: left;
        margin-right: 15px;
        display: inline-block;
    }

    #glzx-box .ecosphere ul li .circle .img {
        width: 80px;
        height: 80px;
    }

    #glzx-box .ecosphere ul li .text {
        float: left;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 16px;
    }

    #glzx-box .ecosphere ul li .text p br {
        display: none;
    }

    #glzx-box .ecosphere ul .li1 p {
        text-align: left;
    }

    #glzx-box .ecosphere ul .li1 .text {
        position: static;
        bottom: 0;
        width: 60%;
        left: 30%;
        top: 5%;
        transform: translateY(0%);
        text-align: left;
    }

    #glzx-box .ecosphere ul .li1 h3 i {
        display: none;
    }

    #glzx-box .ecosphere ul .li2 h3 i {
        display: none;
    }

    #glzx-box .ecosphere ul .li2 .text {
        position: static;
        bottom: 0;
        right: 0;
        width: 60%;
        left: 30%;
        top: 40%;
    }

    #glzx-box .ecosphere ul .li3 {
        bottom: 0;
        left: 0;
        transform: translateX(0);
        position: relative;
    }

    #glzx-box .ecosphere ul .li3 .text {
        position: static;
        width: 60%;
        left: 30%;
        top: 25%;
    }

    #glzx-box .ecosphere ul .li3 h3 i {
        display: none;
    }

    #glzx-box .ecosphere ul .li3 h3 {
        position: initial;
        left: 0;
        bottom: 0;
    }

    #glzx-box .ecosphere ul .li3 p {
        position: initial;
        right: 0;
        bottom: 0;
    }
}

@media screen and (max-width: 375px) {
    #glzx-box .ecosphere ul .li1 .text {
        width: 60%;
        left: 35%;
    }

    #glzx-box .ecosphere ul .li2 .text {
        width: 60%;
        left: 35%;
    }

    #glzx-box .ecosphere ul .li3 .text {
        width: 60%;
        left: 35%;
    }
}

@media screen and (max-width: 360px) {
    #glzx-box .ecosphere .middle p {
        font-size: 18px;
    }

    #glzx-box .ecosphere ul li .text h3 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 320px) {
    #glzx-box .ecosphere ul .li1 .text {
        left: 40%;
    }

    #glzx-box .ecosphere ul .li2 .text {
        left: 40%;
    }

    #glzx-box .ecosphere ul .li3 .text {
        left: 40%;
    }
}

#glzx-box .advantage .tit {
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}

#glzx-box .advantage ul li {
    width: 25%;
    text-align: center;
}

#glzx-box .advantage ul li .c-border {
    width: 62.5%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    margin: 0 auto 30px;
    background: url(../img/bg_yuan_red.png) 0 0 /cover no-repeat;
}

#glzx-box .advantage ul li .c-border .img {
    opacity: 0;
    visibility: hidden;
}

#glzx-box .advantage ul li .c-border:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../img/bg_yuan_red2.png) 0 0 /cover no-repeat;
    transition: all 1.5s;
    transform: scale(1) rotate(0);
}

#glzx-box .advantage ul li:hover .c-border:before {
    transform: scale(1.05) rotate(360deg);
}

#glzx-box .advantage ul li .c-border .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#glzx-box .advantage ul li .c-border .icon-img {
    width: 78px;
    height: 78px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#glzx-box .advantage ul li .c-border .icon-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#glzx-box .advantage ul li p {
    color: #333333;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 1440px) {
    #glzx-box .advantage .tit {
        margin-bottom: 45px;
    }

    #glzx-box .advantage ul li .c-border h3 {
        font-size: 58px;
    }

    #glzx-box .advantage ul li .c-border {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1280px) {
    #glzx-box .advantage .tit {
        margin-bottom: 40px;
    }

    #glzx-box .advantage ul li .c-border h3 {
        font-size: 50px;
    }

    #glzx-box .advantage ul li .c-border {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .advantage ul li .c-border .icon-img {
        width: 68px;
        height: 68px;
    }

    #glzx-box .advantage .tit {
        margin-bottom: 35px;
    }

    #glzx-box .advantage ul li .c-border h3 {
        font-size: 42px;
    }

    #glzx-box .advantage ul li .c-border {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    #glzx-box .advantage ul li .c-border .icon-img {
        width: 48px;
        height: 48px;
    }

    #glzx-box .advantage .tit {
        margin-bottom: 30px;
    }

    #glzx-box .advantage ul li .c-border h3 {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    #glzx-box .advantage ul li .c-border .icon-img {
        width: 38px;
        height: 38px;
    }

    #glzx-box .advantage .tit {
        margin-bottom: 25px;
    }

    #glzx-box .advantage ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    #glzx-box .advantage ul li .c-border {
        width: 30%;
    }

    #glzx-box .advantage ul li .c-border h3 {
        font-size: 28px;
    }
}

#glzx-box .zx-section.tjProduct .case.cont {
    padding-top: 0px;
}

#glzx-box .zx-section.tjProduct .case.cont .certify {
    margin-top: 40px;
}

#glzx-box .case .certifybox {
    background: none;
}

#glzx-box .case .certify .text {
    font-size: 22px;
    color: #666666;
    line-height: 80px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    background: #fff;
}

#glzx-box .case .certify .swiper-slide .report-img {
    box-shadow: none;
    display: block;
}

#glzx-box .case .certify .swiper-slide {
    box-shadow: 0px 6px 12px 0px rgba(33, 25, 1, 0.4);
}

#glzx-box .case .certify .swiper-slide::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -2px;
    left: 0px;
    background: linear-gradient(to right, rgba(19, 43, 140, 0) 1%, rgba(19, 43, 140, 0.7) 23%, rgba(19, 43, 140, 0.72) 25%, rgba(19, 43, 140, 1) 50%, rgba(19, 43, 140, 0.75) 74%, rgba(19, 43, 140, 0.72) 75%, rgba(19, 43, 140, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#132b8c', endColorstr='#132b8c', GradientType=1);
}

#glzx-box .case-carousel {
    background: url(../img/case_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 61px 0 !important;
    margin-bottom: 180px;
}

#glzx-box .case-carousel .project .swiper-slide {
    width: 26.3%;
    position: relative;
}

#glzx-box .case-carousel .project .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#glzx-box .case-carousel .project .swiper-slide .img img {
    width: 100%;
    height: 100%;
    transition: all .4s ease-in-out;
}

#glzx-box .case-carousel .project .swiper-slide .img img:hover {
    transform: scale(1.05);
    transition: all .4s ease-in-out;
}

#glzx-box .case-carousel .project .swiper-slide .text {
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    padding-left: 20px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .4);
}

@media screen and (max-width: 1440px) {
    #glzx-box .zx-section.tjProduct .case.cont .certify {
        margin-top: 25px;
    }

    #glzx-box .case .certify .text {
        font-size: 20px;
        line-height: 68px;
    }

    #glzx-box .case-carousel {
        margin-bottom: 150px;
    }

    #glzx-box .case-carousel .project .swiper-slide .text {
        font-size: 18px;
        line-height: 46px;
    }
}

@media screen and (max-width: 1280px) {
    #glzx-box .case .certify .swiper-container {
        padding: 20px 0 50px;
    }

    #glzx-box .case .certify .text {
        font-size: 18px;
        line-height: 52px;
    }

    #glzx-box .case-carousel {
        padding: 50px 0;
        margin-bottom: 130px;
    }

    #glzx-box .case-carousel .project .swiper-slide .text {
        font-size: 16px;
        line-height: 38px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .certify .swiper-container {
        padding: 0 0 40px;
    }

    #glzx-box .case .certify .text {
        font-size: 16px;
        line-height: 46px;
    }

    #glzx-box .case-carousel {
        padding: 40px 0;
        margin-bottom: 120px;
    }

    #glzx-box .case-carousel .project .swiper-slide .text {
        font-size: 14px;
        line-height: 32px;
    }
}

@media screen and (max-width: 768px) {
    #glzx-box .case .certify .text {
        font-size: 14px;
        line-height: 36px;
    }

    #glzx-box .case-carousel {
        padding: 30px 0;
        margin-bottom: 90px;
    }

    #glzx-box .case .certify .swiper-container {
        padding: 0px 0 50px;
    }
}

@media screen and (max-width: 767px) {
    #glzx-box .case-carousel {
        padding: 20px;
        margin-bottom: 90px;
    }
}

#glzx-box .productBrand.zx-section .cont {
    padding-top: 0px;
}

#glzx-box .productBrand {
    padding-top: 0px;
}

#glzx-box .productList ul li {
    width: 32%;
    margin-right: 1.95%;
    margin-bottom: 25px;
    padding: 30px 23px 40px;
    min-height: 330px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 2px 20px 0px rgba(7, 0, 1, 0.12);
}

#glzx-box .productList ul li:nth-child(3n) {
    margin-right: 0px;
}

#glzx-box .productList ul li:last-child {
    position: relative;
    border: none;
    box-shadow: none;
    background: transparent;
}

#glzx-box .productList ul li:last-child h2 {
    font-size: 50px;
    color: #666666;
    padding-bottom: 0px;
    border-bottom: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#glzx-box .productList ul li h2 {
    font-size: 26px;
    color: #333333;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    letter-spacing: -1px;
}

#glzx-box .productList ul li .text dl {
    padding-top: 20px;
}

#glzx-box .productList ul li .text dl dt {
    font-size: 22px;
    color: #666666;
    line-height: 36px;
    padding-left: 30px;
    position: relative;
    font-weight: normal;
}

#glzx-box .productList ul li .text dl dt::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #b60005;
    border-radius: 100%;
    position: absolute;
    top: 11px;
    left: 0px;
}

@media screen and (max-width: 1440px) {
    #glzx-box .productList ul li {
        padding: 25px 20px 30px;
        min-height: 255px;
    }

    #glzx-box .productList ul li:last-child h2 {
        font-size: 40px;
    }

    #glzx-box .productList ul li h2 {
        font-size: 22px;
        padding-bottom: 12px;
    }

    #glzx-box .productList ul li .text dl {
        padding-top: 16px;
    }

    #glzx-box .productList ul li .text dl dt {
        font-size: 20px;
        line-height: 34px;
        padding-left: 25px;
    }

    #glzx-box .productList ul li .text dl dt::before {
        width: 10px;
        height: 10px;
    }
}

@media screen and (max-width: 1280px) {
    #glzx-box .productList ul li {
        padding: 20px 20px 25px;
        min-height: 196px;
    }

    #glzx-box .productList ul li:last-child h2 {
        font-size: 30px;
    }

    #glzx-box .productList ul li h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    #glzx-box .productList ul li .text dl {
        padding-top: 12px;
    }

    #glzx-box .productList ul li .text dl dt {
        font-size: 18px;
        line-height: 32px;
        padding-left: 21px;
    }

    #glzx-box .productList ul li .text dl dt::before {
        width: 8px;
        height: 8px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .productList ul li {
        padding: 18px 18px 20px;
        min-height: 170px;
    }

    #glzx-box .productList ul li:last-child h2 {
        font-size: 20px;
    }

    #glzx-box .productList ul li h2 {
        font-size: 18px;
        padding-bottom: 8px;
    }

    #glzx-box .productList ul li .text dl {
        padding-top: 10px;
    }

    #glzx-box .productList ul li .text dl dt {
        font-size: 16px;
        line-height: 28px;
        padding-left: 18px;
    }

    #glzx-box .productList ul li .text dl dt::before {
        width: 6px;
        height: 6px;
    }
}

@media screen and (max-width: 992px) {
    #glzx-box .productList ul li {
        min-height: 198px;
    }
}

@media screen and (max-width: 930px) {
    #glzx-box .productList ul li {
        min-height: 253px;
    }
}

@media screen and (max-width: 768px) {
    #glzx-box .productList ul li {
        padding: 15px;
        min-height: 199px;
    }

    #glzx-box .productList ul li h2 {
        font-size: 16px;
    }

    #glzx-box .productList ul li .text dl {
        padding-top: 6px;
    }

    #glzx-box .productList ul li .text dl dt {
        font-size: 14px;
        line-height: 26px;
    }
}

@media screen and (max-width: 767px) {
    #glzx-box .productList ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        min-height: auto;
    }
}

@media screen and (max-width: 1440px) {
    #glzx-box .ywly .title {
        margin: 80px 0 40px;
    }

    #glzx-box .ywly .title h1 {
        font-size: 28px;
    }

    #glzx-box .ywly .title h1::before {
        width: 28px;
        height: 28px;
        left: -50px;
    }

    #glzx-box .ywly .title h1::after {
        width: 28px;
        height: 28px;
        right: -50px;
    }
}

@media screen and (max-width: 1280px) {
    #glzx-box .ywly .title {
        margin: 70px 0 35px;
    }

    #glzx-box .ywly .title h1 {
        font-size: 26px;
    }

    #glzx-box .ywly .title h1::before {
        width: 24px;
        height: 24px;
        left: -40px;
    }

    #glzx-box .ywly .title h1::after {
        width: 24px;
        height: 24px;
        right: -40px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .ywly .title {
        margin: 60px 0 30px;
    }

    #glzx-box .ywly .title h1 {
        font-size: 24px;
    }

    #glzx-box .ywly .title h1::before {
        width: 20px;
        height: 20px;
    }

    #glzx-box .ywly .title h1::after {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 768px) {
    #glzx-box .ywly .title {
        margin: 50px 0 26px;
    }

    #glzx-box .ywly .title h1 {
        font-size: 22px;
    }

    #glzx-box .ywly .title h1::before {
        width: 18px;
        height: 18px;
    }

    #glzx-box .ywly .title h1::after {
        width: 18px;
        height: 18px;
    }
}

#glzx-box .nextDiv {
    text-align: center;
    margin-top: 90px;
}

#glzx-box .nextDiv a.viewNext {
    display: block;
    color: #b60005;
    font-size: 22px;
}

#glzx-box .nextDiv a.viewNext:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1440px) {
    #glzx-box .nextDiv {
        margin-top: 70px;
    }

    #glzx-box .nextDiv a.viewNext {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    #glzx-box .nextDiv {
        margin-top: 50px;
    }

    #glzx-box .nextDiv a.viewNext {
        font-size: 18px;
    }
}

#glzx-box .tzpos {
    position: relative;
    top: -100px;
}

#glzx-box .tab-mng-team-t ul li {
    margin-bottom: 10px;
}

#glzx-box .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#glzx-box .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#glzx-box .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#glzx-box .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#glzx-box .certify .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before {
    box-sizing: content-box;
}

.ssys-li {
    margin: 80px 0;
}

.ssys-li dl dt {
    width: 180px;
    height: 180px;
    border: 2px solid #4256a3;
    border-radius: 50%;
    padding: 10px;
}

.ssys-li dl dt p {
    width: 100%;
    height: 100%;
    border: 2px solid rgba(66, 86, 163, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4256a3;
    font-size: 60px;
    margin-bottom: 0;
    font-weight: bold;
}

.ssys-li dl dd {
    text-align: center;
    font-size: 24px;
    padding-top: 10px;
}

.hsjt {
    width: 7.4%;
    text-align: center;
    padding-top: 90px;
}

.ph-lx {
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.ph-lx:nth-child(3n) {
    margin-bottom: 0;
}

.lx-ti {
    display: flex;
    align-items: center;
    margin-bottom: 34px;
}

.lx-ti h1 {
    font-family: 'FZLTHJ-bold';
    font-size: 40px;
    color: #2b4198;
}

.lx-ti p {
    margin-bottom: 0 !important;
    font-size: 18px;
    padding-left: 24px;
    padding-top: 20px;
}

.lx-ti p span {
    color: #203e98
}

.phg-ri {
    width: 32.5%;
}

.phg-ri h1 {
    color: #fff;
    padding-left: 20px;
    font-size: 28px;
    background: rgba(119, 144, 185, 0.7);
    line-height: 63px;
    font-weight: normal;
}

.phg-ri ul {
    padding: 15px;
    background: rgba(238, 240, 242, 0.5);
}

.phg-ri ul li {
    border-bottom: 1px dashed #bec3cb;
    padding-bottom: 23px;
    margin-bottom: 23px;
}

.phg-ri ul li p {
    font-size: 22px;
    color: #5a68b3
}

.phg-ri ul li span {
    display: block;
    font-size: 18px;
    text-align: justify;
}

.phg-ri ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.zl-img {
    width: 35%;
}

.zl-img img {
    width: 100%;
    display: block;
}

.zl-cen {
    width: 22%;
    margin: 0 5.25%;
}

.zl-cen dl {
    padding-bottom: 42px;
    position: relative;
}

.zl-cen dl dt {
    width: 22px;
    height: 22px;
    font-size: 17px;
    border-radius: 50%;
    color: #fff;
    line-height: 22px;
    background: #263b97;
    text-align: center;
    float: left;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

.zl-cen dl dd {
    width: calc(95% - 22px);
    width: -webkit-calc(95% - 22px);
    float: right;
    background: rgba(238, 240, 242, 0.5);
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 5px 12px;
    font-size: 17px;
}

.zl-cen dl:before {
    content: "";
    width: 17px;
    height: 100%;
    background: rgba(238, 240, 242, 0.5);
    position: absolute;
    left: 3px;
    top: 10px;
    z-index: 1;
}

.zl-cen dl:last-child {
    padding-bottom: 0;
}

.zl-cen dl:last-child:before {
    display: none;
}

#hwyw-box .zcgl-list.tsfwLi li .info {
    height: 180px
}

@media screen and (max-width: 1440px) {

    #hwyw-box .zcgl-list.tsfwLi li .info {
        height: 180px;
    }

    .zx-section .title-hs b,
    .gai-ywlx-list li p,
    #hwyw-box .zcgl-list li .info h1,
    .r-txt,
    .cl-listi dl dt,
    .cl-listi dl dd h1,
    .t-txt h1,
    .ssys-li dl dd,
    #lnfw-box .fwidea ul li p span {
        font-size: 20px;
    }

    #phjr-box .ywlx-item li .ys-box h1 {
        font-size: 30px;
    }

    #phjr-box .ywlx-item li .ys-box p,
    #phjr-box .ywly-item li .neirong dl dd,
    #hwyw-box .zcgl-list li .info p,
    #jsxm-box .fwcases-item ul li .timu h1,
    .zx-section .szx-list li p,
    .gyl-lii li .txt,
    #lnfw-box .fwidea ul li p {
        font-size: 18px;
    }

    #phjr-box .ywly-item li .info {
        min-height: 208px;
    }

    .zx-section .xg-title p {
        font-size: 26px;
    }

    .ssys-li dl dt {
        width: 165px;
        height: 165px;
    }

    .hsjt {
        padding-top: 70px;
    }

    #jsxm-box .fwcases-item ul li .timu p,
    .phg-ri ul li span,
    .zl-cen dl dd {
        font-size: 16px;
    }

    .mission-lii li p {
        font-size: 20px;
    }

    .szx-list li h1 {
        font-size: 22px;
    }

    .ssys-li dl {
        width: 150px;
    }

    .phg-ri h1 {
        font-size: 22px;
        line-height: 50px;
    }

    .lx-ti h1 {
        font-size: 36px;
    }
}

@media screen and (max-width: 1366px) {
    #hwyw-box .zcgl-list.tsfwLi li .info {
        height: 160px;
    }

    #hwyw-box .zcgl-list li .info {
        height: 160px;
    }

    #hwyw-box .zcgl-list li .info h1 {
        font-size: 18px;
        padding-bottom: 4px;
    }
}

@media screen and (max-width: 1280px) {
    .cl-lii dl dt div h1 {
        font-size: 24px;
    }

    #hwyw-box .zcgl-list li .info p {
        font-size: 14px;
    }

    #hwyw-box .zcgl-list li .info h1 {
        font-size: 18px;
    }

    .gyl-lii li .txt {
        font-size: 16px;
        height: 100px;
    }

    .zl-cen dl {
        padding-bottom: 30px;
    }

    .zl-img img {
        width: 90%;
    }

    .lx-ti h1 {
        font-size: 30px;
    }

    .lx-ti p {
        padding-top: 10px;
    }

    .ywmk-list li h1 {
        font-size: 20px;
    }

    .ywmk-list li p {
        font-size: 17px;
    }

    #hwyw-box .zcgl-list li .info {
        height: 170px;
    }
}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
    #hwyw-box .zcgl-list.tsfwLi li .info {
        height: auto
    }

    .zx-section .title-hs b {
        font-size: 16px;
        line-height: 28px;
        padding: 20px 0 0 0
    }

    #phjr-box .zx-section p,
    .fbt,
    #phjr-box .ywly-item li .neirong dl dd,
    .gai-ywlx-list li p,
    #hwyw-box .zcgl-list li .info p,
    .r-txt,
    .ssys-li dl dd,
    #jsxm-box .tzms-item li dl dd,
    .zx-section .szx-list li p {
        font-size: 14px;
    }

    #phjr-box .ywlx-item li .ys-box,
    #phjr-box .xg-ywys li h3 {
        width: 100%;
    }

    #phjr-box .ywlx-item li .ct {
        height: auto;
    }

    #phjr-box .ywly-item li .info {
        min-height: auto !important;
    }

    .gai-ywlx-list li {
        width: 49%;
        margin-right: 1%;
        margin-bottom: 15px;
    }

    .gai-ywlx-list li p {
        line-height: 45px;
    }

    #hwyw-box .zcgl-list li .info h1,
    .r-txt b,
    .cl-listi dl dt,
    #jsxm-box .fwwl-item ul li h1,
    .szx-list li h1 {
        font-size: 18px;
    }

    #yytz-box .Financial-head .dtfc-head,
    #zjtl-box .Financial-head .dtfc-head {
        margin-bottom: 30px;
    }

    .t-czpo {
        position: relative;
        width: 100%;
        top: 30px;
    }

    .t-txt {
        width: 48%;
        margin-right: 2%;
        font-size: 18px;
    }

    .cl-listi dl dd h1 {
        font-size: 16px;
    }

    .cl-listi dl dd p {
        font-size: 14px;
        padding: 10px;
        line-height: 1.2;
        height: 190px;
    }

    .tzal-item.tzal-list ul li {
        width: 100%;
    }

    .tzal-item ul li .tit h3 {
        font-size: 20px !important;
    }

    .tzal-item.tzal-list ul li {
        height: auto;
    }

    .swiper-qiyuan3 .swiper-slide .img {
        height: 70px;
    }

    .zjtl-tzly {
        padding-top: 30px;
    }

    .zjtl-tzly dl {
        width: 30%;
        margin: 0
    }

    .zjtl-tzly dl dt {
        width: 50%;
    }

    .ssys-li dl dt {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .ssys-li dl dt p {
        font-size: 30px;
    }

    .hsjt {
        padding-top: 50px;
    }

    .hsjt img {
        width: 100%;
    }

    .ssys-li {
        margin-top: 30px;
    }

    #jsxm-box .tzms-item li:nth-child(1) {
        width: 100%;
    }

    #jsxm-box .tzms-item ul li .tit h3,
    .zx-section .title-hs .podw {
        font-size: 20px !important
    }

    #jsxm-box .tzms-item li dl dd {
        text-align: center;
    }

    #jsxm-box .tzms-item li dl {
        margin-top: 20px;
    }

    #jsxm-box .tzms-item li:nth-child(2n) {
        margin: 0;
    }

    #jsxm-box .fwwl-item ul li p {
        font-size: 14px !important
    }

    #jsxm-box .fwwl-item ul li {
        padding-left: 40px;
    }

    .zx-section .title-hs .podw {
        position: relative;
        display: block;
        font-size: 16px !important;
        text-align: left;
    }

    #jsxm-box .xmName-outer .scrollXm ul li span img {
        width: 20px;
    }

    #jsxm-box .xmName-outer .scrollXm ul li h3 {
        font-size: 16px;
    }

    .lx-Menubox {
        padding-left: 0;
    }

    .lx-Menubox li {
        font-size: 14px;
        line-height: 45px;
    }

    .lx-Contentbox {}

    #ylfw-box .ecosphere,
    #ylfw-box .ecology h3 {
        margin-bottom: 0;
    }

    .xzsm-list li {
        margin-top: 0;
    }

    .xzsm-list li {
        width: 48%;
    }

    .xzsm-list li h1 {
        font-size: 18px;
        padding: 10px 0;
    }

    .xzsm-list li p {
        font-size: 14px;
        line-height: 20px;
    }

    .cl-lii {
        display: block;
        position: relative;
    }

    .cl-box {
        padding-top: 40px;
    }

    .cl-lii dl {
        padding-top: 0 !important;
        margin-bottom: 20px;
    }

    .cl-lii dl {
        float: left;
        width: 50%;
    }

    .cl-lii dl dt {
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border: 3px solid #6184db;
    }

    .lx-CbContainer ul li {
        width: 100%;
        font-size: 14px;
    }

    .cl-lii dl dt div h1 img {
        width: 30px;
    }

    .cl-lii dl dt div h1,
    .cl-lii dl dd,
    .mission-lii li p {
        font-size: 14px;
    }

    .cl-lii dl dd {
        padding: 0 10px;
        height: 70px;
    }

    .mission-lii li {
        width: 32%;
    }

    .mission-lii li p {
        line-height: 40px;
    }

    .xg-title {
        padding: 50px 0 20px 0;
    }

    .zx-section .szx-list li p {
        line-height: 20px;
    }

    .gl-ic {
        width: 80%;
        margin: 30px auto;
    }

    .gl-ic li p {
        font-size: 18px !important;
        text-align: center !important
    }

    .gl-ic li h1 {
        font-size: 26px !important
    }

    .gl-ic li {
        display: block;
        text-align: center;
    }

    .ywmk-list li {
        width: 48%;
        margin-bottom: 10px;
    }

    .ywmk-list li h1 {
        font-size: 17px;
        height: 60px;
    }

    .ywmk-list li p {
        font-size: 14px;
        padding-top: 50px;
        height: 216px;
    }

    .zx-section .xg-title p {
        font-size: 20px;
    }

    .kj-le,
    .kj-ri {
        width: 100%;
    }

    .kj-ri h1 {
        font-size: 18px;
        padding: 15px 0;
    }

    .zx-section .kj-ri p,
    #lnfw-box .fwidea ul li p,
    .zl-cen dl dd {
        font-size: 14px;
    }

    #lnfw-box .fwidea ul li .c-border .icon-img {
        width: 40px;
        height: 39px;
    }

    #lnfw-box .fwidea ul li p span {
        font-size: 18px;
    }

    .hjt {
        display: none;
    }

    .gyl-lii li,
    .gyl-lii li:nth-child(3n) {
        margin-right: 0%;
        width: 100%;
        margin-bottom: 20px;
    }

    .gyl-lii li .txt {
        font-size: 14px;
        height: 100px;
    }

    .zjtl-tzly {
        display: block;
    }

    .zjtl-tzly dl,
    .zjtl-tzly dl dt img {
        width: 100%;
    }

    .zjtl-tzly dl dt {
        text-align: center;
        margin: 0 auto
    }

    .zjtl-tzly dl dd {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #zjtl-box .tzal-item-li2 ul li {
        width: 100%;
    }

    .zj-tzcl .wrapper2 {
        display: block;
    }

    .zj-tzcl .c-line {
        display: none;
    }

    .zj-tzcl dl {
        margin-top: 0 !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 15px;
    }

    .zj-tzcl dl:nth-child(3) {
        bottom: 0;
        transform: none;
        width: 100%;
    }

    .zj-tzcl dl:nth-child(3) dd {
        margin: 0;
        float: left;
    }

    .zj-tzcl dl dt,
    .zj-tzcl dl:nth-child(5) dt,
    .zj-tzcl dl:nth-child(4) dt {
        float: right;
        width: calc(96% - 118px);
        width: -webkit-calc(96% - 118px);
    }

    .zj-tzcl dl:after {
        content: "";
        clear: both;
        display: block;
    }

    .zj-tzcl dl dt {
        font-size: 18px;
    }

    #ylfw-box .hospital .jk-business li .img p {
        position: relative;
        left: 0;
        width: 100%;
        font-size: 14px;
        background: #fff;
        text-align: center;
        padding: 10px 0;
        top: -20px;
        transform: none;
    }

    #ylfw-box .yi .jk-business li .text {
        top: -30px;
    }

    #ylfw-box .yi .jk-business li .text p {
        font-size: 18px;
        line-height: 24px;
    }

    #ylfw-box .hospital .jk-business li {
        padding-bottom: 0;
    }

    .gai-kj-list {
        padding: 0 20px;
    }

    .gai-kj-list dd {
        margin-bottom: 0;
        height: 60px;
        width: 33.33%;
    }

    .gai-kj-list dd img {
        max-width: 100%;
        margin: 0 auto;
        max-height: 100%;
    }

    .zj-tzcl .wrapper2 dl:after {
        content: "";
        clear: both;
        display: block;
    }

    .zj-tzcl .wrapper2 {
        height: auto;
    }

    .lx-ti {
        display: block;
    }

    .lx-ti h1 {
        font-size: 20px;
    }

    .lx-ti p {
        padding-left: 0;
    }

    .zl-img,
    .zl-cen,
    .phg-ri {
        width: 100%;
    }

    .zl-cen {
        margin: 20px 0;
    }

    .zl-cen dl {
        padding-bottom: 10px;
    }

    .phg-ri ul li p {
        font-size: 16px !important
    }

    .phg-ri ul li span {
        font-size: 14px !important
    }

    .phg-ri ul li,
    .ph-lx {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .tzzh-Menubox,
    .tzzh-Contentbox {
        width: 100%;
    }

    .tzzh-Menubox li {
        width: 32%;
        float: left;
        margin: 0 0.5%;
        font-size: 16px;
    }

    .tzzh-CbContainer li {
        width: 31.5%;
        height: 60px;
    }
}


/*2024-06-02*/

.kjImg {
    position: relative;
    padding: 40px 0
}

.kjImg .pcImg {
    width: 100%;
    display: block
}

.kjImg .moImg {
    width: 100%;
    display: none
}

.kjTxt {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 60px;
    height: 100%;
    color: #fff
}

.zx-section .kjTxt p {
    font-size: 26px;
    color: #fff
}

.kjTxt span {
    font-size: 20px;
    width: 68%;
    display: block;
    margin-top: 20px
}

.ywList {
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.ywList dt {
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #5a68b3;
    font-weight: bold
}

.ywList dt img {
    width: 57px;
    height: 57px;
    margin-right: 18px;
}

.ywList dd {
    margin-top: 20px;
    font-size: 22px;
    color: #333
}

#hwyw-box .nywList li .info p {
    min-height: 100px
}

.nywList {
    margin-top: 40px
}

@media screen and (max-width: 1440px) {

    .xzFwys dl dt img {
        width: 40px;
    }

    .addJflink a span {
        width: 176px;
        height: 56px;
        line-height: 56px;
        font-size: 22px
    }

    .xzFwys dl dt {
        height: 150px;
    }

    .ywList dt img {
        width: 50px;
        height: 50px;
    }

    .ywList {
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .ywList dt,
    .kjTxt p,
    .zx-section .kjTxt p {
        font-size: 24px
    }

    .ywList dd {
        font-size: 20px;
    }
}

@media screen and (max-width: 1366px) {
    .addJflink a span {
        width: 170px;
        height: 52px;
        line-height: 52px;
        font-size: 20px;
    }

    #hwyw-box .zcgl-list li .info {
        padding: 15px;
    }

    #hwyw-box .zcgl-list li .info p {
        font-size: 16px;
    }

}

@media screen and (max-width: 1280px) {
    .ywList dt img {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    .ywList {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .ywList dt,
    .zx-section .kjTxt p {
        font-size: 22px
    }

    .ywList dd,
    .kjTxt span {
        font-size: 18px;
    }

    #hwyw-box .nywList li .info p {
        min-height: 70px;
    }

    .addJflink a span {
        width: 160px;
        height: 48px;
        line-height: 48px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1204px) {
    .ywList dt img {
        width: 28px;
        height: 28px;
        margin-right: 8px
    }

    .ywList {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .ywList dt,
    .zx-section .kjTxt p {
        font-size: 18px
    }

    .ywList dd,
    .kjTxt span {
        font-size: 14px;
    }

    .addJflink a span {
        width: 150px;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
    }

}

@media screen and (max-width: 768px) {
    .addJflink a span {
        width: 30%;
        height: 42px;
        line-height: 41px;
        font-size: 14px;
        border-width: 1px;
    }

    .ptXgbox .ywmk-list li {
        width: 100%;
    }

    .ptXgbox .ywmk-list li p {
        padding-top: 50px;
        height: auto;
        padding-bottom: 15px;
    }

    .ywList dt,
    .zx-section .kjTxt p {
        font-size: 16px
    }

    .kjImg .pcImg {
        display: none
    }

    .kjImg .moImg {
        display: block
    }

    .kjTxt {
        left: 20px
    }

    .kjTxt span {
        width: 98%
    }

    .kjImg {
        padding: 20px 0
    }

    #hwyw-box .nywList li .info p {
        min-height: auto;
    }

    .nywList {
        margin-top: 20px
    }

    #sbyy-box .case-carousel {
        margin-bottom: 40px;
    }

    .addJflink {
        width: 100%;
    }

    .addJflink a img {
        width: 55%;
    }

    .xzFwys dl {
        width: 100%;
        margin-bottom: 15px;
    }

    .xzFwys dl dt {
        height: 100px;
    }

    .xzFwys dl dt img {
        width: 30px;
    }

    .xzFwys dl dt p {
        font-size: 16px;
    }

    .xzFwys dl dd {
        font-size: 14px;
        padding: 20px 0;
    }

    .ysmoreImg img {
        max-width: 90%;
    }
}