@charset "UTF-8";

* {
        margin: 0;
        padding: 0
}

body {
        width: 100%;
        background: #fff;
        font-family: "Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif"
}

ul li {
        list-style: none
}

fieldset,
img {
        border: 0
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
th,
var {
        font-weight: 400;
        font-style: normal
}

a {
        text-decoration: none
}
[v-cloak]{
    display: none;
}
.header {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100px;
        border-bottom: 1px solid #ccc;
        background: #fff
}

.header .head {
        width: 100%;
        height: 100px
}

.header .m_head {
        margin: auto;
        width: 1200px;
        height: 100px;
        background: #fff
}

.header .l_logo {
        float: left;
}

.header .l_logo img {
        margin-top: 26px;
        width: 440px;
        height: 54px;
}

.header .r_logo {
        float: right;
        margin-top: 27px;
        height: 50px
}

.header .r_logo ul li {
        float: left;
        margin-left: 50px;
        height: 54px;
        min-width: 50px;
        text-align: center;
        line-height: 50px;
        margin-top: 6px;
}

.header .r_logo ul li a:hover {
        color: #5AB233;
}

.header .r_logo ul li a {
        color: #666;
        font-size: 16px
}

.header .r_logo ul li.active {
        border-bottom: 2px solid #61B147;
}

.header .r_logo ul li.active a {
        color: #5AB233
}

.swiper-slide img {
        width: 100%;
        height: 500px;
        background-size: 100%
}

.swiper-pagination-bullet {
        width: 35px !important;
        height: 5px !important;
        border-radius: 0 !important;
        opacity: .7
}

.swiper-pagination-bullet-active {
        background: #fff !important
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
        bottom: 45px !important
}

.swiper-button-next,
.swiper-button-prev {
        width: 70px !important;
        height: 70px !important
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
        background: url(../images/left.png) no-repeat !important
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
        background: url(../images/right.png) no-repeat !important
}

p.bread {
        margin: auto;
        width: 1200px;
        height: 50px;
        color: #666;
        text-align: left;
        font-size: 16px;
        line-height: 50px
}

@media (max-width:1920px) {
        .swiper-slide img {
                width: 1920px;
                height: 500px;
        }

        .ukefu-im-point {
                top: 608px !important
        }

        .fixed-slide {
                top: 500px;
        }
}

@media (max-width:1680px) {
        .swiper-slide img {
                width: 1680px;
                height: 438px
        }

        .ukefu-im-point {
                top: 545px !important
        }

        .fixed-slide {
                top: 437px;
        }
}

@media (max-width:1600px) {
        .swiper-slide img {
                width: 1600px;
                height: 416px
        }

        .ukefu-im-point {
                top: 525px !important
        }

        .fixed-slide {
                top: 417px;
        }
}

@media (max-width:1400px) {
        .swiper-slide img {
                width: 1440px;
                height: 375px
        }

        .ukefu-im-point {
                top: 483px !important
        }

        .fixed-slide {
                top: 375px;
        }
}

@media (max-width:1360px) {
        .swiper-slide img {
                width: 1360px;
                height: 354px
        }

        .ukefu-im-point {
                top: 462px !important
        }

        .fixed-slide {
                top: 354px;
        }
}

@media (max-width:1280px) {
        .swiper-slide img {
                width: 1280px;
                height: 334px
        }

        .ukefu-im-point {
                top: 441px !important
        }

        .fixed-slide {
                top: 333px;
        }
}

@media (max-width:1152px) {
        .swiper-slide img {
                width: 1152px;
                height: 300px
        }

        .ukefu-im-point {
                top: 408px !important
        }

        .fixed-slide {
                top: 300px;
        }
}

.dsb-swiper {
        margin-top: 100px !important
}

.us {
        overflow: hidden
}

.us .take1 {
        /* min-height: 380px !important */
}

.us .take {
        overflow: hidden;
        margin: 0 auto 0px;
        width: 1200px;
        /* min-height: 450px; */
}

.us .top {
        margin: 20px auto 0;
        width: 1200px;
        height: 100px;
        text-align: center
}

.us .top .title {
        color: #000;
        font-weight: 500;
        font-size: 28px;
        line-height: 65px
}

.us .top p.line {
        margin: auto;
        width: 60px;
        height: 5px;
        background: #5AB233;
        text-align: center
}

.us .take .take_lf {
        float: left;
        margin-right: 20px;
        /* width: 600px; */
        /* margin-top:20px; */
}

.us .take .take_lf img {
        width: 100%;
        height: 100%
}

.us .take .take_rg {
        float: left;
        width: 467px;
}

.us .take .take_rg p.name {
        width: 700px;
        color: #606060;
        font-size: 20px;
}

.us .take .take_rg p.text {
        margin-bottom: 20px;
        width: 700px;
        height: 30px;
        color: #333;
        font-size: 14px;
        line-height: 30px
}

.us .take .take_rg p.line {
        width: 69px;
        height: 13px;
        border-radius: 13px;
        background: #5AB233
}

.us .take .take_rg .article {
    font-size: 16px;
    font-weight: 400;
    color: rgba(96, 96, 96, 1);
    margin-bottom: 5px;
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
}

.us .take .take_rg .art {
        margin-bottom: 20px;
        color: #000;
        font-size: 18px;
        line-height: 30px
}

.us .take .take_rg .ticle {
        color: #424242;
        font-size: 16px;
        line-height: 30px
}

.dsb-mix-box {
        width: 100%;
}

.dsb-mix {
        overflow: hidden;
        margin: 0 auto;
        width: 850px;
        height: 700px
}

.dsb-mix__item {
        float: left;
        width: 400px;
        height: 100%;
        -webkit-transition: all .5s;
        transition: all .5s;
}

.dsb-mix__item:hover {
        background: #46A644
}

.dsb-mix__item:hover .dsb-mix__item-img {
        -webkit-transform: translate(0, -130px);
        transform: translate(0, -130px)
}

.dsb-mix__item:hover .dsb-mix__item-name {
        -webkit-transform: translate(0, -130px);
        transform: translate(0, -130px)
}

.dsb-mix__item:hover .dsb-mix__item-text {
        opacity: 1;
        -webkit-transform: translate(0, -130px);
        transform: translate(0, -130px)
}

.dsb-mix__item-img {
        margin: 255px auto 77px;
        width: 80px;
        height: 80px;
        -webkit-transition: all .5s;
        transition: all .5s
}

.dsb-mix__item-img img {
        width: 100%;
        height: 100%
}

.dsb-mix__item-name {
        margin-bottom: 60px;
        color: #FFF;
        text-align: center;
        font-size: 32px;
        line-height: 42px;
        -webkit-transition: all .5s;
        transition: all .5s
}

.dsb-mix__item-text {
        margin: 0 60px;
        color: #FFF;
        opacity: 0;
        -webkit-transition: all .5s;
        transition: all .5s
}

.dsb-mix__item-text p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: justify;
        text-justify: inter-ideograph;
        word-wrap: break-word;
}

.dsb-insurance-title {
        margin: 51px auto 25px;
        width: 1200px;
        text-align: center;
        font-size: 36px;
        line-height: 50px
}

.dsb-insurance-tab {
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 20px;
        width: 1200px
}

.dsb-insurance-tab ul {
        overflow: hidden;
        margin: 0 auto;
        width: 600px;
        list-style: none;
        text-align: center
}

.dsb-insurance-tab ul li {
        display: inline-block;
        height: 28px;
        color: #333;
        font-size: 14px;
        line-height: 1;
        cursor: pointer
}

.dsb-insurance-tab ul li:hover {
        color: #5AB233;
}

.dsb-insurance-detail {
        overflow: hidden
}

.insurance_active {
        border-bottom: 5px solid #5AB233;
        color: #5AB233 !important;
}

.dsb-insurance-box {
        display: none;
        margin: 0 auto;
        width: 1200px;
        height: 448px
}

.jiazheng {
        display: block
}

.dsb-insurance__item {
        overflow: hidden;
        margin-bottom: 24px
}

.dsb-insurance__item-lf {
        float: left;
        overflow: hidden
}

.insurance__item-img {
        float: left;
        margin-right: 41px;
        width: 200px;
        height: 200px
}

.insurance__item-img img {
        width: 100%;
        height: 100%
}

.insurance__item-info {
        float: left;
        width: 440px
}

.insurance__item-title {
        margin-bottom: 15px;
        color: #434343;
        font-weight: 600;
        font-size: 18px;
        line-height: 25px
}

.insurance__item-text {
        overflow: hidden
}

.insurance__item-name {
        float: left;
        color: #434343;
        font-weight: 600;
        font-size: 14px;
}

.insurance__item-detail {
        float: left;
        font-size: 14px;
        line-height: 20px
}

.dsb-insurance__item-rg {
        float: right;
        margin-top: 17px;
        width: 140px;
        text-align: center
}

.dsb-insurance__item-rg img {
        width: 140px;
        height: 140px;
        object-fit: cover;
}

.dsb-insurance__item-rg span {
        color: #434343;
        font-size: 14px;
        line-height: 1
}

.dsb-advantage {
        overflow: hidden;
        width: 100%;
        height: 600px;
        color: #fff;
        text-align: center;
        background-image: url(../images/hxys.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -moz-background-size: 100% 100%;
}

.dsb-advantage-text {
        margin: 0 auto;
        width: 1200px
}

.dsb-advantage-name {
        margin-top: 52px;
        margin-bottom: 13px;
        font-size: 32px;
        line-height: 50px
}

.dsb-advantage p {
        font-size: 18px;
        line-height: 26px;
        opacity: .7
}

.dsb-control-box {
        overflow: hidden;
        background: #61B147;
}

.dsb-control {
        overflow: hidden;
        margin: 0 auto;
        width: 1200px
}

.dsb-control__item {
        float: left;
        margin: 58px 0 50px 0;
        width: 390px;
        text-align: center
}

.dsb-control__item img {
        margin-bottom: 46px;
        width: 84px;
        height: 81px
}

.dsb-control__item p {
        color: white;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
}

.dsb-control-border {
        border-right: 1px solid white;
        border-left: 1px solid white;
}

.dsb-partner-box {
        overflow: hidden
}

.dsb-partner {
        overflow: hidden;
        margin: 0 auto;
        width: 1200px;
        text-align: center
}

.dsb-partner-title {
        margin: 0 auto;
        width: 1200px;
        color: #000;
        text-align: center;
        font-weight: 500;
        font-size: 32px;
        line-height: 65px
}

.dsb-partner__item {
        display: inline-block;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 18px 18px 0 18px;
        width: 334px;
        height: 402px;
        border: 1px solid transparent;
}

.dsb-partner__item:hover {
        border: 1px solid #f5f5f5;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 15px #d5dbe0;
        box-shadow: 0 0 15px #d5dbe0
}

.partner__img {
        margin-bottom: 11px;
        width: 296px;
        height: 173px;
        text-align: center
}

.partner__img img {
        width: 100%;
        height: 100%
}

.partner__name {
        margin-bottom: 14px;
        color: #57B143;
        text-align: left;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
}

.partner__text {
        color: #333;
        text-align: left;
        font-size: 12px;
        line-height: 20px;
        word-break: break-all;
        text-align: justify;
        text-justify: inter-ideograph;
        word-wrap: break-word;
}

.dsb-friends {
        clear: both;
        margin: 0 auto;
        width: 1200px;
        overflow: hidden;
}

.dsb-friends ul li {
        float: left;
        margin-bottom: 30px;
        margin-left: 69px;
        width: 216px;
        height: 80px
}

.dsb-friends ul li img {
        width: 100%;
        height: 100%
}

.dsb-friends__title {
        margin-bottom: 30px;
        color: #000;
        text-align: center;
        font-weight: 500;
        font-size: 32px;
        line-height: 50px
}

.dsb-ditch {
        margin: 0 auto 57px;
        width: 1200px;
        text-align: center
}

.dsb-ditch-title {
        margin-bottom: 10px;
        color: #FF6600;
        /* font-weight: 500; */
        font-size: 34px;
        line-height: 1;
}

.dsb-ditch-phone {
        margin-bottom: 10px;
        color: #666;
        font-size: 14px;
        /* line-height: 26px; */
}

.dsb-ditch-time {
        color: #666;
        font-size: 14px;
        /* line-height: 14px */
}

.dsb-foot-box {
        width: 100%;
        background: white;
}

.dsb-foot {
        margin: 0 auto;
        margin-bottom: 24px;
        width: 1200px;
        margin-top: 30px;
}

.dsb-foot-top {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
}

.dsb-foot-logo {
        float: left;
        /* margin-top: 33px */
}

.foot-logo {
        margin-bottom: 16px;
        width: 166px;
        margin-top: 23px;
}

.foot-logo img {
        width: 100%;
        height: 100%
}

.dsb-foot-logo p {
        margin-bottom: 8px;
        color: #3f3f3f;
        font-size: 14px;
        line-height: 20px
}

.dsb-lianmeng {
        float: left
}

.dsb-lianmeng-title {
        margin: 28px 0 21px 0;
        color: #404040;
        text-align: center;
        font-size: 14px;
        line-height: 20px
}

.dsb-lianmeng-img {
        margin: 0 auto;
        width: 116px;
        height: 116px
}

.dsb-lianmeng-img img {
        width: 100%;
        height: 100%
}

.dsb-jiankang {
        margin: 0 176px 0 102px
}

.dsb-lianmeng-margin {
        margin-left: 237px
}

.dsb-media {
        float: right;
        margin-top: 28px;
        width: 200px;
        color: #212121;
        text-align: center;
        font-size: 14px;
        line-height: 20px
}

.dsb-media p {
        margin-bottom: 18px
}

.dsb-media-title {
        margin-bottom: 37px !important;
        color: #212121;
        font-size: 16px;
        line-height: 22px
}

.dsb-foot-address {
        /* border-top: 1px solid #979797 */
        display: flex;
        width: 1200px;
        margin: 0 auto;
        /* align-items: center; */
        /* justify-content: space-around; */
}

.dsb-foot-address-text {
        /* margin: 0 auto; */
        margin-top: 30px;
        /* width: 1200px; */
        height: 116px;
        color: #666;
        font-size: 14px;
}

.dsb-foot-address-text p {
        margin-bottom: 4px;
        line-height: 20px
}

.fixed-slide {
        position: fixed;
        right: 20px;
        z-index: 999
}

.fixed-slide-item {
        position: relative
}

.fixed-slide-item .slide-item-icon {
        display: block;
        margin-bottom: 10px;
        width: 44px;
        height: 44px;
        cursor: pointer
}

.slide-phone:hover .slide-item-phone {
        left: -198px;
        opacity: .8
}

.slide-item-phone {
        position: absolute;
        top: -3px;
        left: -150px;
        z-index: 1;
        width: 175px;
        height: 48px;
        border-radius: 10px;
        background: rgba(0, 0, 0, .8);
        color: #fff;
        text-align: center;
        line-height: 48px;
        opacity: 0;
        -webkit-transition: all 1s;
        transition: all 1s
}

.border_right {
        position: absolute;
        top: 16px;
        right: -12px;
        z-index: -1;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent rgba(0, 0, 0, .8);
        border-style: solid;
        border-width: 9px 0 9px 12px
}

.slide-item-weixin {
        position: absolute;
        top: -3px;
        left: -169px;
        z-index: 2;
        width: 172px;
        height: 172px;
        border-radius: 10px;
        background: rgba(0, 0, 0, .8);
        color: #fff;
        text-align: center;
        opacity: 0;
        -webkit-transition: all .8s;
        transition: all .8s
}

.slide-item-weixin img {
        margin: 0 auto;
        margin-top: 8px;
        width: 160px;
        height: 160px
}

.slide-weixin:hover .slide-item-weixin {
        left: -198px;
        opacity: .8
}

.weixin-border_right {
        position: absolute;
        top: 16px;
        right: -12px;
        z-index: -1;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent rgba(0, 0, 0, .8);
        border-style: solid;
        border-width: 9px 0 9px 12px
}

.slide-top {
        cursor: pointer
}

.dsb-kefu {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 11;
        background: transparent;
}

.ukefu-im-point {
        display: block;
        z-index: 100000;
        position: fixed;
        right: 20px !important;
        cursor: pointer;
        width: 44px !important;
        height: 44px !important;
        overflow: hidden !important;
        border-radius: 50%;
        opacity: 0;
}
.subhead{
    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    margin: 102px 0;
}
.subhead-title{

color: #61B147;

font-size: 50px;
}
.subhead-con{

color: #666666;

font-size: 30px;

font-weight: 100;
}
.subhead-line{
        
width: 104px;
        
height: 3px;
        
background: #FF6600;
}
.dsb-mix-box img{
        max-width:1200px;
}
.dsb-mix-box{
        text-align:center;
}
.jiazhi{
        display:flex;
        justify-content:center;
        width:100%;
}
.jiazhi div{
    width:300px;
    height:460px;
    display:flex;
    justify-content:center;
    align-items: center;
}
.jiazhi img{
    width:280px;
    height:430px;
}
.jiazhi img:hover{
    width:300px;
    height:460px;
}
.tuandui{
       width: 1200px;
       margin: 0 auto; 
}
.tuandui1{
    display: flex;
    justify-content: center;
}
.tuandui1 img{
    flex:1;
    display: block;
    width: 590px;
    
}
.tuandui3{
    width: 100%;
}
.tuandui3 img{
    width: 100%;
}
.huoban1{
    width: 1200px;
    overflow: hidden;
}
.huoban1 img{
    width: 100%;
    height: 565px;
}
.foot-logo1{

width: 287px;

height: 28px;
}
.foot-list{
    display: flex;

}
.foot-list{
    display: flex;
    /* flex-direction: column; */
    margin-left: 65px;
}
.foot-logo1 img{
        width:100%;
        height:100%;
}
.foot-list1{
        display:flex;
        flex-direction:column;
        margin-right: 60px;
}
.foot-list1 div{
         margin-bottom: 33px;
}
.foot-list1 a{
    color: #666;
}
.foot-er{
        display:flex;
        justify-content:space-between;
        /* align-items: center; */
}
.foot-er1{
        text-align:center;
        margin-right: 32px;
}
.foot-er1 img{
        width:99px;
        height:98px;
        margin-bottom: 10px;
}
.dsb-address-1{
        margin-left:180px
}
/* 保险 */
.baoxian-img{
    width: 100%;
    margin-top:100px;
}
.baoxian-img img{
    width: 100%;
}
.baoxian-box{
    width: 1200px;
    margin: 40px auto 0;

}
.baoxian-title{
    width: 100%;
    background: white;
    height: 80px;
    display: flex;
    justify-content: space-around;
    margin-bottom:100px ;
}
.baoxian-title-item{
    text-align: center;
    line-height: 80px;
    font-size: 30px;
}
.baoxian-active{
    border-bottom: 2px solid #61B147;
    color: #61B147;
}
/* .bitem{
    margin-top: 30px;
    background: white;
    display: flex;
    width: 100%;
    height: 389px;
}
.bitem_title{
    padding: 40px;
    box-sizing: border-box;
    width: 540px;
}
.bitem-con{
    font-size: 34px;
    color: #303030;
    font-weight: 700;
    margin-bottom: 30px;
}
.bitem-con1{
    font-size: 22px;
    color: #666;
    margin-bottom: 30px;
}
.bitem-money{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    align-items: center;
}
.bitem-money1{
    color: red;
}
.bitem-btn{
    width:180px;
    height:60px;
    background:rgba(97,177,71,1);
    border-radius:4px;
    color:white;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
}
.bitem-l{
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
.bitem-list{
    display: flex;
    flex-direction: column;
    color: #666;
    text-align: center;
}
.bitem-img{
    flex:1;
    height: 100%;
}
.bitem-img img{
    width:100%;
    height: 100%;
} */

.bitem{
    width: 1200px;
    height: 450px;
    background: white;
    display: flex;
    margin-bottom: 40px;
    padding: 36px 24px 23px 33px;
    box-sizing: border-box;
}
.bitem1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 280px;

}
.bitem1 img{
    width: 100%;
    height: 269px;
    margin-bottom: 10px;
}
.bitem1-con{
    font: 16px;
    color: #666666;
}
.bitem2-title{
font-size: 30px;
color: #303030;
margin-bottom: 14px;

}
.bitem2{
    margin-left:43px;
    flex:1;
}
.bitem2-title1{
    display: flex;
    justify-content: space-between;
    color: #303030;
    font-size: 16px;
    margin-bottom: 16px;
}
.bitem2-item{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.bitem2-item1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #303030;
    font-size: 16px;
    flex:1;
}
.bitem3{
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    margin-left: 140px;
}
.bitem3-title{
    text-align: center;
    color: red;
    margin-top: 21px;
    margin-bottom: 13px;
    font-size: 22px;
    font-weight: 700;
}
.bitem3-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bitem3-img img{
    width: 198px;
    height: 198px;
}
.bitem3-img span{
    text-align: center;
    margin-top: 20px;
    color: #666;
}