body{padding-top: 80px;}
.middle_content{width: 70%;max-width: 1300px;margin: auto;}
.middle_content .line_title{position: relative;}
.middle_content .line_title::before{
    content: "";
    width: 20px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 99;
    background-color: var(--Colors,#db4646);
    -o-transition-property: left, right;
    -moz-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-property: left, right;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.flex_center{display: flex;align-items: center;}
@media (max-width: 700px) {
    .middle_content{
        width: 96%;
        padding: 0px 2%;
    }
}
@media (min-width: 700px) and (max-width: 1000px) {
    .middle_content{
        width: 85%;
    }
}
@media (min-width: 1000px) and (max-width: 1450px) {
    .middle_content{
        width: 80%;
    }
}
/**/
.swiper-button-next, .swiper-button-prev{color: var(--Colors,#ef202a);}
.swiper-pagination-bullet{width: 20px;height: 6px;border-radius: 5px;}
.swiper-pagination-bullet-active{background-color: var(--Colors,#ef202a);}
/*index*/
.top{width: 100%;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 9999;background: #fff;}
.top-shadow{box-shadow: 0px 0px 10px #eee;}
.top .top_content{padding: 20px 10px}
.top .top_content .webname{min-width: 220px;}
.top .top_content .webname .logo{width: 50px;display: flex;flex-direction: column;justify-content: center;}
.top .top_content .webname .logo img{width: 50px;}
.top .top_content .webname .name{font-size: 30px;padding-left: 15px;font-weight: bold;}

.top .top_content .navs{width: 100%;padding-left: 30px;}
.top .top_content .navs a{padding: 10px 20px;font-size: 14px;transition: all 0.3s;cursor: pointer;position: relative;transition: all 0.3s;}
.top .top_content .navs a.active,
.top .top_content .navs a:hover{color: var(--Colors,#ef202a);font-weight: bold;}
.top .top_content .navs a.active::before{
    content: "";
    width: calc(100% - 20px);
    height: 5px;
    position: absolute;
    bottom:-25px;
    left: 10px;
    margin: 0px auto;
    z-index: 99;
    background-color: var(--Colors,#db4646);
    -o-transition-property: left, right;
    -moz-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-property: left, right;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
.top .top_content .tels{min-width: 230px;justify-content: flex-end;cursor: pointer;}
.top .top_content .tels .ico i{font-size: 30px;color: var(--Colors,#ef202a);}
.top .top_content .tels .num{font-size: 20px;font-weight: bold;padding-left: 10px;}

.top .top_content .mobile_nav{display: flex;justify-content: flex-end;width: 100%;display: none;}
.top .top_content .mobile_nav i{font-size: 30px;}

@media (max-width: 1450px) {
    /*0~320*/
    .top .top_content .navs{
        display: none;
    }
    .top .top_content .mobile_nav{
        display: flex;
    }
}
@media (max-width: 700px) {
    .top .top_content .tels{
        display: none;
    }
    .top .top_content .webname .logo{width: 30px;}
    .top .top_content .webname .logo img{width: 26px;}
    .top .top_content .webname .name{font-size: 20px;padding-left: 8px;}
    .top .top_content .mobile_nav i{
        font-size: 20px;
    }
}

.mobile_slide_nav{width: 300px;padding: 50px 20px;background: #fff;position: fixed;top: 0px;right: -800px;bottom: 0px;z-index: 9999;box-shadow: 0px 0px 10px #aaa;box-sizing:border-box}
.mobile_slide_nav .webname{min-width: 200px;flex-direction: column;align-items: center;}
.mobile_slide_nav .webname .logo{width: 50px;}
.mobile_slide_nav .webname .logo img{width: 50px;}
.mobile_slide_nav .webname .name{font-size: 30px;font-weight: bold;margin-top: 20px;}
.mobile_slide_nav .navs{display: flex;flex-direction: column;align-items: center;margin-top: 50px;}
.mobile_slide_nav .navs a{padding: 10px 20px;font-size: 14px;transition: all 0.3s;margin: 10px;}
.mobile_slide_nav .navs a:hover{color: var(--Colors,#ef202a);font-weight: bold;}
.mobile_slide_nav .close{margin-top: 20px;justify-content: center;}
.mobile_slide_nav .close i{font-size: 30px;color: var(--Colors,#ef202a);}
@media (max-width: 700px) {
   .mobile_slide_nav{width: 200px;padding: 40px 0px}
   .mobile_slide_nav .webname{min-width: 0px;}
   .mobile_slide_nav .webname .logo{width: 40px;}
    .mobile_slide_nav .webname .logo img{width: 40px;}
    .mobile_slide_nav .webname .name{font-size: 20px;}
    .mobile_slide_nav .navs{margin-top: 20px;}
}
/*banner*/
.banner img{width: 100%;}

/*担保服务*/
.service_content{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.service_content .title{font-size: 28px;font-weight: 800;text-align: center;line-height: 70px;}
.service_content .service_nav{margin: 20px 0px;width: 100%;justify-content: center;}
.service_content .service_nav span.item{width: 30%;max-width: 150px;text-align: center;padding: 15px 0px;font-size: 14px;background: #eee;margin: 0px 1%;color: #999;cursor: pointer;transition: all 0.5s;}
.service_content .service_nav span.item-on{background-color: var(--Colors,#ef202a);color: #fff}

.service_content .service_infos{margin-top: 40px;width:100%}
.service_content .service_infos .item{display: none;}
.service_content .service_infos .item-on{display: block;}
.service_content .service_infos .intro{ width: 100%; line-height: 35px; font-size:14px; }
.service_content .service_infos .typelists{display: flex;align-items: stretch;margin: 50px 0px 20px 0px;flex-wrap: wrap;}
.service_content .service_infos .typelists .it{width: 14.66%;display: flex;flex-direction: column;align-items: center;margin: 1%;border: 1px solid #eee;border-radius: 5px;padding: 20px;box-sizing: border-box;}
.service_content .service_infos .typelists .it .ico{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #eee}

.service_content .service_infos .typelists .it .ico img{filter: grayscale(1)}
.service_content .service_infos .typelists .it .ico i{font-size: 30px;color: var(--Colors,#ef202a);}
.service_content .service_infos .typelists .it .name{font-size: 18px;margin: 20px 0px}
.service_content .service_infos .typelists .it .en{font-size: 16px;color: #aaa}

@media (max-width: 700px) {
    .service_content .service_nav span.item{padding: 10px 0px;}
    .service_content .service_infos{margin-top: 20px;}
    .service_content .service_infos .intro{width: 96%;padding: 0px 2%}
    .service_content .service_infos .typelists .it{width: 48%}
    .service_content .service_infos .typelists{margin: 20px 0px}
    .service_content .service_infos .typelists .it .ico i{font-size: 20px;color: var(--Colors,#ef202a);}
    .service_content .service_infos .typelists .it .name{font-size: 16px;margin: 20px 0px}
    .service_content .service_infos .typelists .it .en{font-size: 14px;color: #aaa}
}

@media (min-width: 700px) and (max-width: 1000px) {
    .service_content .service_infos .typelists .it{width: 30%}
}
.case_content{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.case_content .title{font-size: 28px;font-weight: 800;text-align: center;line-height: 70px;position: relative;}

.case_content .case_nav{margin: 20px 0px;}
.case_content .case_nav span.item{width: 150px;text-align: center;padding: 15px 0px;font-size: 14px;background: #eee;margin: 0px 20px;color: #999;cursor: pointer;transition: all 0.5s;}
.case_content .case_nav span.item-on{background-color: var(--Colors,#ef202a);color: #fff}

.case_content .case_infos{width: 100%;margin: 30px 0px;}
.case_content .case_infos .caseitem{width: 100%;}
.case_content .case_infos .itemlists{width: 100%;flex-wrap: wrap;align-items: center;}
.case_content .case_infos .itemlists .item{width: 23%;margin: 1%;}
.case_content .case_infos .itemlists .item span.img{display: block;border: 1px solid #eee;border-radius: 5px;padding: 10px;}
.case_content .case_infos .itemlists .item img{width: 100%}
@media (max-width: 700px) {
    .case_content .case_nav{display: none;}
    .case_content .case_infos{margin: 10px 0px}
    .case_content .case_infos .itemlists .item{width: 48%}
}
@media (min-width: 700px) and (max-width: 1000px) {
    .case_content .case_infos .itemlists{justify-content: flex-start;}
    .case_content .case_infos .itemlists .item{width: 31.3333%}
}

.news_content{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.news_content .title{font-size: 28px;font-weight: 800;text-align: center;line-height: 70px;position: relative;}

.news_content .itemlists{width: 100%;display: flex;flex-wrap: wrap;align-items: center;margin-top: 20px;}
.news_content .itemlists .item{width: 23%;margin: 1%;overflow: hidden;}
.news_content .itemlists .item span.img{display: block;border: 1px solid #eee;border-radius: 5px;padding: 10px;}
.news_content .itemlists .item img{width: 100%}
.news_content .itemlists .item span.title{display: block;width: 100%;text-align: left;padding: 0px 10px;line-height: 40px;font-weight: bold;font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
@media (max-width: 700px) {
    .news_content .itemlists .item{width: 48%}
}
@media (min-width: 700px) and (max-width: 1000px) {
    .news_content .itemlists{justify-content: flex-start;}
    .news_content .itemlists .item{width: 31.3333%}
}
/*给我留言*/
.message_content{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.message_content .title{font-size: 28px;font-weight: 800;text-align: center;line-height: 70px;position: relative;}
.message_content .message-form{width: 100%;margin: 30px 0px}
.message_content .message-form form{width: 100%;}
.message_content .message-form form .inputs{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.message_content .message-form form .inputs .item{width: 49%}
.message_content .message-form form .inputs .item input{width: 100%;border: 1px solid #eee;padding: 18px 15px;border-radius: 5px;background-color: #fff;box-sizing: border-box;outline: none;}
.message_content .message-form form .inputs .item input:focus{border: 1px solid #111;color: #666}
.message_content .message-form form textarea{background-color: #fff;width: 100%;border: 1px solid #eee;border-radius: 10px;min-height: 150px;padding: 20px;font-weight: 16px;box-sizing: border-box;max-width: 100%;min-width: 100%;}
.message_content .message-form form textarea:focus{border: 1px solid #111;color: #666}
.message_content .message-form .btns{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.message_content .message-form .btns .btn{padding: 10px 20px;border-radius: 5px;color: #fff;background-color: var(--Colors,#db4646);margin: 0px 20px;}
.message_content .message-form .btns .btn-tel{background-color: #111;}


@media (max-width: 700px) {
    .message_content .message-form form .inputs{display: flex;align-items: center;flex-direction: column;margin-bottom: 0px;}
    .message_content .message-form form .inputs .item{width: 100%}
    .message_content .message-form form .inputs .item input{margin-bottom: 20px;}
}
/*合作伙伴*/
.partner_content{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.partner_content .title{font-size: 28px;font-weight: 800;text-align: center;line-height: 70px;}
.partner_content .partner_infos{display: flex;align-items: stretch;flex-wrap: wrap;margin: 40px 0px}
.partner_content .partner_infos .item{border: 1px solid  #eee;border-radius: 5px;width: 14.66%;margin: 20px 1%;cursor: pointer;box-sizing: border-box;}
.partner_content .partner_infos .item img{width: 100%;filter:grayscale(1)}
.partner_content .partner_infos .item:hover img{filter:grayscale(0)}

@media (max-width: 700px) {
    .partner_content .partner_infos{margin: 20px 0px;}
    .partner_content .partner_infos .item{width: 31.33%}
}

/*底部*/
.index_bottom{width: 100%;background-color: #111;color: #fff}
.index_bottom .bottom_content{padding: 30px 0px;justify-content: space-between;background-color: #111;}
.index_bottom .middle,
.index_bottom .right{display: flex;flex-direction: column;}

/*.index_bottom .left{width: 28%;margin-right: 6%;}*/
.index_bottom .middle{width: 76%;padding-left: 30px;}
.index_bottom .right{width: 20%}

.index_bottom .left .webname{padding: 20px;background: #fff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;}
.index_bottom .left .webname .logo{width: 100px;}
.index_bottom .left .webname .logo img{width: 100px;}
.index_bottom .left .webname .name{font-size: 30px;padding-left: 15px;font-weight: bold;color: #111;margin-top: 20px;}
.index_bottom .left .nav{display: flex;justify-content: space-between;}
.index_bottom .left .nav a{padding: 10px 0px;color: #666;}

.index_bottom .middle .item{align-items: center;padding: 10px 0px}
.index_bottom .middle .item .ico{display: flex;align-items: center;font-size: 14px;}
.index_bottom .middle .item .ico i{font-size: 18px;color: #ddd;margin-right: 10px;}
.index_bottom .middle .item .text{font-size: 14px;color: #ddd;}
.index_bottom .middle .item .text a{color: #ddd}
.index_bottom .right {align-items: center;}
.index_bottom .right .tit{padding: 10px 0px;font-size: 14px;color: #ddd}
.index_bottom .right .img img{width: 150px}
.index_bottom .right .tips{font-size: 12px;padding-top: 15px;color: #ddd}
.index_bottom .mobile_beian{display: none;}
@media (max-width: 700px) {
    .index_bottom .left,
    .index_bottom .middle,
    .index_bottom .right{width: 100%;padding-left: 0px;}
    .index_bottom .middle{display: none;}
    .index_bottom .bottom_content{display: flex;flex-direction: column;align-items: center;}
    .index_bottom .mobile_beian{display: flex;justify-content: center;}
    .index_bottom .mobile_beian .text{font-size: 12px;color: #ddd;padding-bottom: 20px;}
    .index_bottom .mobile_beian .text a{color: #ddd}
}
.right_slide{border-radius: 5px;display: flex;flex-direction: column;align-items: center;position: fixed;right: 50px;bottom: 100px;z-index: 999;background-color: #fff;box-shadow: 0px 0px 10px #eee;}
.right_slide .item{display: flex;align-items: center;padding: 25px 20px;cursor: pointer;border-bottom: 1px solid #eee;flex-direction: column;position: relative;}
.right_slide .item .ico{margin-right: 5px;}
.right_slide .item .ico i{font-size: 20px;color: #111;}
.right_slide .item .text{font-size: 14px;color: #111;padding-top: 5px;}
.right_slide .item:last-child{border-bottom: 0px;}
/*.right_slide .item .weixin-code{position: absolute;left: -185px;top: -40px;background-color: #eee;padding: 10px;border-radius: 10px;display: none;transition: all 0.5s;}
.right_slide .item .weixin-code .img{width: 150px;display: block;}
.right_slide .item .weixin-code .img img{width: 100%;border-radius: 10px;}
.right_slide .item .weixin-code::before {
    content: '';
    top: 80px;
    height: 0;
    width: 0;
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #eee;
    position: absolute;
    z-index: 9;
}*/
.right_slide .weixin:hover .weixin-code{display: block;}

.right_slide .weixin .ico i{color: #0ea23f;}
.right_slide .weixin .text{color: #0ea23f;}
.right_slide .tel .ico i{color: #16888e;}
.right_slide .tel .text{color: #16888e;}
.right_slide .qq .ico i{color: #ef8d2d;}
.right_slide .qq .text{color: #ef8d2d;}
.right_slide .message .ico i{color: #a2650e;}
.right_slide .message .text{color: #a2650e;}

.right_slide .weixin:hover{background-color: #0ea23f;}
.right_slide .tel:hover{background-color: #16888e;}
.right_slide .qq:hover{background-color: #ef8d2d;}
.right_slide .message:hover{background-color: #a2650e;}

.right_slide .item:hover .ico i,
.right_slide .item:hover .text{color: #fff}


@media (max-width: 700px) {
    .right_slide{right:10px;bottom:100px}
    .right_slide .item{padding:10px 10px;}
    .right_slide .item .ico{margin-right:0px}
    .right_slide .text{display:none}
}

.middle_popup{position: fixed;top: 0px;bottom: 0px;right: 0px;left: 0px;margin: auto;background-color: rgba(0, 0, 0, 0.2);z-index: 9999;display: none;}
.middle_popup_box{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.middle_popup_info{padding: 40px 30px;border-radius: 10px;background-color: #fff;width: 96%;position: relative;box-sizing: border-box;max-width: 400px;}
.middle_popup_info .tips{display: flex;flex-direction: column;align-items: center;}
.middle_popup_info .tips .ico i{font-size: 40px;color: var(--Colors,#db4646);}
.middle_popup_info .tips .text{font-size: 16px;margin-top: 10px;font-weight: bold;padding: 5px 30px;border-radius: 5px;font-weight: bold;color: #fff;background-color: var(--Colors,#db4646);}


.middle_popup_info .weixin-code{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 10px;}
.middle_popup_info .weixin-code img{width: 80%;}
.middle_popup_info .weixin-code .sm{margin-top: 10px;font-size: 14px;color: #333;font-weight: bold;}

.middle_popup_info .telcall{display: flex;align-items: center;padding: 10px 20px;margin-top: 25px;background-color: var(--Colors,#db4646);color: #fff;justify-content: center;border-radius: 5px;}
.middle_popup_info .telcall .text{padding-left: 10px;}

.middle_popup_info .message-form{width: 100%;margin: 30px 0px}
.middle_popup_info .message-form form{width: 100%;}
.middle_popup_info .message-form form .inputs{display: flex;align-items: center;flex-direction: column;}
.middle_popup_info .message-form form .inputs .item{width: 100%}
.middle_popup_info .message-form form .inputs .item input{width: 100%;border: 1px solid #eee;padding: 18px 15px;border-radius: 5px;background-color: #fff;box-sizing: border-box;outline: none;margin-bottom: 20px;}
.middle_popup_info .message-form form .inputs .item input:focus{border: 1px solid #111;color: #666}
.middle_popup_info .message-form form textarea{background-color: #fff;width: 100%;border: 1px solid #eee;border-radius: 10px;min-height: 150px;padding: 20px;font-weight: 16px;box-sizing: border-box;max-width: 100%;min-width: 100%;}
.middle_popup_info .message-form form textarea:focus{border: 1px solid #111;color: #666}
.middle_popup_info .message-form .btns{display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.middle_popup_info .message-form .btns .btn{padding: 10px 20px;border-radius: 5px;color: #fff;background-color: var(--Colors,#db4646);margin: 0px 20px;}
.middle_popup_info .message-form .btns .btn-tel{background-color: #111;}

.middle_popup_info .close{position: absolute;top: -10px;right: -10px;display: inline-block;cursor: pointer;}
.middle_popup_info .close i{font-size: 40px;background: #fff;border-radius: 20px;}
.middle_popup_info .close:hover i{color: var(--Colors,#db4646);}

@media (max-width: 600px) {
    .middle_popup_info .tips .text{color: #111;background-color: #fff;}
    .middle_popup_info .tips .ico i{color: #111}
}
/*保函服务*/
.guarantee_service{margin: 0px auto;background: #f0f0f0;padding: 10px 0px}
.guarantee_service .guarantee_item{display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 30px;height: 690px;background-color: #fff;}
.guarantee_service .guarantee_item:last-child{margin-bottom:0px}
.guarantee_service .guarantee_item .guarantee_intro{display: flex;flex-direction: column;width: 62%;height: 100%;flex-shrink: 0}
.guarantee_service .guarantee_item .guarantee_intro .baseinfo{padding: 20px;background-color: #fff;}
.guarantee_service .guarantee_item .guarantee_intro .baseinfo .name{display: flex;align-items: center;}
.guarantee_service .guarantee_item .guarantee_intro .baseinfo .name .title{font-size: 30px; color: #fff; font-weight: 800;position: relative;background-color: var(--Colors,#ef202a);padding: 5px 30px;top: 10px;left: -26px}
.guarantee_service .guarantee_item .guarantee_intro .baseinfo .name .title::before {
    content: '';
    bottom: -3px;
    left: 0px;
    height: 0;
    width: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    transform: rotate(34deg);
    border-bottom: 4px solid var(--Colors,#ef202a);
}
.guarantee_service .guarantee_item .guarantee_intro .baseinfo .name .en{
    font-size: 22px; color: #aaa; line-height: 22px;
    padding-left: 5px;text-transform: uppercase;
    position: relative;top: 10px;left: -25px;
    background: #eee;color: #666;padding: 14px 30px;
}
.guarantee_service .guarantee_item .guarantee_intro .intro{font-size: 14px;line-height: 35px;color: #666;padding-top: 35px;}

.guarantee_service .guarantee_item .guarantee_intro .typelists{display: flex;align-items: stretch;margin: 20px;flex-wrap: wrap;}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item{width: 31.333%;display: flex;flex-direction: column;align-items: center;margin:1%;background-color: #fff;border: 1px solid #eee;border-radius: 5px;padding: 20px 0px 30px 0px;cursor: pointer;box-sizing:border-box}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item .ico{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;overflow:hidden}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item .ico img{filter: grayscale(1);}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item .ico i{font-size: 30px;color: var(--Colors,#ef202a);}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item .name{font-size: 18px;margin: 10px 0px;width:80%;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;text-align:center;}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item .en{font-size: 16px;color: #aaa;display:none}
.guarantee_service .guarantee_item .guarantee_intro .typelists .item:hover{background-color: #eee;}

.guarantee_service .guarantee_item .guarantee_child_intro{width: 38%;height: 100%;background-color: #fff;}
.guarantee_service .guarantee_item .guarantee_child_intro .guarantee_thumb{display: block;width: 100%;padding: 20px;box-sizing: border-box;height: auto;}
.guarantee_service .guarantee_item .guarantee_child_intro .guarantee_thumb img{width: 100%}
.guarantee_service .guarantee_item .guarantee_child_intro .item{display: flex;flex-direction: column;align-items: stretch;display: none;}
.guarantee_service .guarantee_item .guarantee_child_intro .item-on{display: block;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .img{display: block;padding: 20px;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .img img{ width: 100%;height: 260px;border-radius: 10px;}


.guarantee_service .guarantee_item .guarantee_child_intro .item .intro{ width: 100%;  background: #fff; margin-top: 25px; overflow: hidden;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .intro span.ico{margin-left: 35px;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .intro span.ico i{color: var(--Colors,#ef202a);font-size: 50px;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .intro p{ width: 80%; height: auto; margin: 0 auto; color: #444444; line-height: 34px; margin-top: 25px; font-size: 16px; }
.guarantee_service .guarantee_item .guarantee_child_intro .item .intro .details{display: flex;padding-left: 50px;font-size: 16px;font-weight: bold;color: var(--Colors,#db4646);margin-top: 15px;}
.guarantee_service .guarantee_item .guarantee_child_intro .item .intro span.icobottom{margin-top: 10px;display: flex;justify-content: flex-end;margin-right: 35px;}


@media (max-width: 800px) {
    .guarantee_service{padding:10px 0px}
    .guarantee_service .guarantee_item{height:auto;margin:0px auto;margin-bottom:20px}
    .guarantee_service .guarantee_item:last-child{margin-bottom:0px}
    .guarantee_service .guarantee_item .guarantee_intro{width:100%;}
    .guarantee_service .guarantee_item .guarantee_intro .baseinfo .name .title{font-size:26px;width:auto;display:flex;justify-content:center}
    .guarantee_service .guarantee_item .guarantee_child_intro{display:none}
    .guarantee_service .guarantee_item .guarantee_intro .typelists{margin:10px;}
    .guarantee_service .guarantee_item .guarantee_intro .typelists .item{width:48%;margin:1%}
}

/*文章列表*/
.article_lists .itemlists{width: 100%;margin: 30px auto;}
.article_lists .itemlists{display: flex;align-items: center;flex-wrap: wrap;}
.article_lists .itemlists .item{width: 23%;margin: 1%;display: flex;flex-direction: column;align-items: center;}
.article_lists .itemlists .item span.img{display: block;border: 1px solid #eee;border-radius: 5px;padding: 10px;}
.article_lists .itemlists .item img{width: 100%}
.article_lists .itemlists .item .title{display: block;width: 100%;text-align: left;padding: 0px 10px;line-height: 40px;font-weight: bold;font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
@media (max-width: 700px) {
    .article_lists .itemlists{margin: 10px 0px}
    .article_lists .itemlists .item{width: 48%;margin:2% 1%}
}
@media (min-width: 700px) and (max-width: 1000px) {
    .article_lists .itemlists{justify-content: flex-start;}
    .article_lists .itemlists .item{width: 31.3333%}
}


/*保函案例详情*/
.article_info{background-color: #f0f0f0;}
.article_content{
    display: flex;
    justify-content: space-between;
    align-items:stretch;
    padding: 20px 0px;
}
.article_content .content{width: 68%;padding: 20px;background-color: #fff;box-sizing: border-box;}
.article_content .content .headinfo{padding: 15px 0px;border-bottom: 2px solid var(--Colors,#db4646);margin-bottom: 30px}
.article_content .content .headinfo .logo{display: flex;justify-content: center;}
.article_content .content h3{text-align: center;font-size: 18px;line-height: 35px;font-weight: 600;}
.article_content .content .attrs{display: flex;align-items: center;font-size: 14px;color: #999;justify-content: center;padding: 10px 0px;}
.article_content .content .attrs .it{padding: 0px 10px}
.article_content .content .attrs .type{display: flex;align-items: center;}
.article_content .content .attrs .type .yd{font-size: 16px;font-weight: bold;padding: 0px 5px}

.article_content .content .body .item{display: flex;flex-direction: column;padding: 10px 10px 20px 10px}
.article_content .content .body .item .tit{padding-left: 10px;border-left: 5px solid var(--Colors,#db4646);font-size: 14px;font-weight: bold;}
.article_content .content .body .item  .cont{line-height: 30px;font-size: 14px;margin-top: 20px;}
.article_content .content .body .item .img{padding: 5px;border: 1px solid #eee;border-radius: 5px;display: block;margin-bottom: 10px;}
.article_content .content .body .item .img img{width: 100%;}

.article_content .content .atcbody p{line-height: 30px;margin: 10px 0px;font-size: 14px}
.article_content .content .atcbody p img{width: 100%}
.article_content .slideitem{width: 30%;display: flex;position: relative;}
.article_content .slideitem .slidecont{width: 100%}
.article_content .slideitem .itemblock{background-color: #fff;margin-bottom: 30px;padding-top: 20px;}
.article_content .slideitem .itemblock .head{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;border-left: 5px solid var(--Colors,#db4646);padding: 4px 20px 4px 10px;}
.article_content .slideitem .itemblock .head .title{font-weight: bold;}
.article_content .slideitem .itemblock .head .more{font-size: 14px;color: #aaa}

.article_content .slideitem .zxitem{padding-top: 0px;}
.article_content .slideitem .zxitem .img{width: 100%} 
.article_content .slideitem .zxitem .img img{width: 100%;display: block;} 

.article_content .slideitem .callme .itemlist{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px;box-sizing: border-box;}
.article_content .slideitem .callme .item{width: 49%;display: flex;align-items: center;padding: 25px 20px;cursor: pointer;flex-direction: column;position: relative;box-sizing: border-box;background-color: #eee;margin-bottom: 2%;}
.article_content .slideitem .callme .item .ico{margin-right: 5px;}
.article_content .slideitem .callme .item .ico i{font-size: 20px;color: #111;}
.article_content .slideitem .callme .item .text{font-size: 14px;color: #111;padding-top: 5px;}

.article_content .slideitem .recomemnt .itemlist{display: flex;flex-direction: column;padding: 20px;box-sizing: border-box;}
.article_content .slideitem .recomemnt .itemlist .item{display: flex;justify-content: space-between;align-items: stretch;border-bottom: 1px dashed #eee;padding: 18px 0px}
.article_content .slideitem .recomemnt .itemlist .item .img{width: 25%;padding: 5px;border: 1px solid #eee;border-radius: 5px;}
.article_content .slideitem .recomemnt .itemlist .item .img img{width: 100%;}
.article_content .slideitem .recomemnt .itemlist .item .info{width: 70%;display: flex;flex-direction: column;justify-content: space-between;padding: 5px 0px}
.article_content .slideitem .recomemnt .itemlist .item .info .attrs{display: flex;align-items: center;padding-left: 10px;}
.article_content .slideitem .recomemnt .itemlist .item .info .attrs .date{font-size: 14px;color: #aaa}

.article_content .slideitem .anliitem .itemlist{display: flex;justify-content: space-between;align-items: stretch;box-sizing: border-box;padding: 20px;flex-wrap: wrap;}
.article_content .slideitem .anliitem .itemlist .it{width: 48%;display: flex;flex-direction: column;align-items: center;padding: 20px;border: 1px solid #eee;border-radius: 5px;margin: 1%;box-sizing: border-box;}
.article_content .slideitem .anliitem .itemlist .it .ico{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 50%;border: 1px solid #eee}
.article_content .slideitem .anliitem .itemlist .it .ico i{font-size: 30px;color: var(--Colors,#ef202a);}
.article_content .slideitem .anliitem .itemlist .it .name{width:80%;font-size: 14px;margin: 20px 0px;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.article_content .slideitem .anliitem .itemlist .it .en{font-size: 12px;color: #aaa}


.article_content .slideitem .partitem .itemlist{display: flex;justify-content: space-between;align-items: stretch;box-sizing: border-box;padding: 20px;flex-wrap: wrap;}
.article_content .slideitem .partitem .itemlist .it{width: 48%;display: flex;flex-direction: column;align-items: center;margin: 1% 0px}
.article_content .slideitem .partitem .itemlist .it .thumb{width: 100%;border: 1px solid #eee;border-radius: 5px;}
.article_content .slideitem .partitem .itemlist .it .thumb img{width: 100%;}
.article_content .slideitem .partitem .itemlist .it .name{font-size: 18px;margin: 20px 0px}
@media (max-width: 700px) {
    .article_content .content{width:100%}
    .article_content .slideitem{display:none}
}

/*联系我们*/
.contact_we{background-color: #f0f0f0;padding: 20px 0px}
.contact_content{padding: 20px;margin: 20px auto;background-color: #fff;}
.contact_content .map{height: 600px;width:100%}
.contact_content .map img{width: 100%}
.contact_content .aboutme{display: flex;flex-direction: column;padding: 20px 10px}
.contact_content .aboutme .item{padding: 10px 0px;font-size: 14px;display: flex;align-items: center;}
.contact_content .aboutme .item i{margin-right: 10px;}


@media (max-width: 700px) {
    .contact_we{background-color:#fff;padding: 10px 0px}
    .contact_content{padding:5px;width:100%;box-sizing:border-box;margin:0px auto}
    .contact_content .map{height:300px}
    .case_content .case_lists{margin: 10px 0px}
    .case_content .case_lists .item{width: 48%}
    
}

/*公司介绍*/
.corporation_intro{padding: 10px}
.corporation_intro .cpintro_content{max-width: 1200px;width: 96%;padding: 2%;background-color: #fff;border: 1px solid #eee;margin-top: 30px;}
.corporation_intro .cpintro_content h3{line-height: 40px;font-size: 20px;font-weight: 800;text-align: center;margin-bottom: 20px;}
.corporation_intro .cpintro_content span.tit{display: flex;justify-content: center;line-height: 40px;font-size: 16px;font-weight: bold;}
.corporation_intro .cpintro_content span.sming{display: flex;justify-content: flex-end;font-size: 14px;color: #666;line-height: 40px;padding-right: 50px;font-weight: bold;}
.corporation_intro .cpintro_content p{line-height: 30px;font-size: 14px;margin: 15px 0px;text-indent: 2em;color: #666}

@media (max-width: 700px) {
    .corporation_intro .cpintro_content{border: 0px;}
}