body{background: url(/ciicbj/uiFramework/commonResource/image/2022111614010193897.png) no-repeat center top;background-size: cover;}
html{overflow: auto;}


/*当前位置*/
.dqwz{width: 85%;margin: 90px 7.5% 35px 7.5%;}
.dqwz a{font-size:16px; color:#333;font-family: "方正兰亭纤黑简体";}
.dqwz span{background: url(/ciicbj/uiFramework/commonResource/image/2022111613550642282.png) no-repeat left center;padding-left: 50px;height: 24px;line-height: 30px;display: inline-block;}


/*简介*/
.rsgl_jianj{width: 85%;padding-left: 7.5%;}
.jianj_box{display: flex;}
.jianj_l{width: 43%;margin-right: 7%;text-align: justify;}
.jianj_bt{font-size:45px;margin-bottom: 50px;margin-top: 30px;font-family: "方正兰亭中粗黑简体";}
.jianj_zy{font-size:20px;line-height: 40px;font-family: "方正兰亭纤黑简体";}
.jianj_zy p:first-child{margin-bottom:20px;}
.jianj_r{width: 50%;position: relative;}
.jianj_r img{width:100%;border-top: 10px solid #55ba78;}

.jianj_r>.posi_text {
    width: 250px;
    height: 80px;
    position: absolute;
    right: 0;
    bottom: 70px;
    background: red;
    border-radius: 20px 0 0 20px;
    line-height: 80px;
    text-align: center;
    font-size: 45px;
    color: #fff;
    background-image: linear-gradient(to right, #16d0a2, #5c85fb);
}


/*亮点*/
.rsgl_ld{height: 185px;margin-right: 7.5%;background: #fff; padding-left:7.5%;margin-top: -93px;}
.rsgl_ld_nr{width:43%;font-size: 20px;text-align: center;}
.rsgl_ld_nr img{margin-bottom:20px; height:38px;}
.rsgl_ld_box{display: flex; padding-top:40px;}
.rsgl_ld_nr span{display: block; width:90%;font-family: "方正兰亭纤黑简体";margin: 0 auto; line-height:24px;}

/*数据*/
.gdxg{width:85%; margin:0 auto;}
.shuj{display: flex;justify-content: space-between; padding-top:72px;}
.shuj div{font-size:16px;font-family: "方正兰亭纤黑简体";}
.shuj h4{font-size: 64px;color: #55ba78;font-family: montserrat semibold;}
.shuj h4 sup{font-size: 40px;}

/*服务内容*/
.rsgl_fw{width: 85%;margin: 0 auto;background: #fff;border-top: 10px solid #2d59f5;margin-top: 72px;-webkit-box-shadow: 10px 10px 10px 10px rgba(222, 221, 221, 0.2);box-shadow: 10px 10px 10px 10px rgba(222, 221, 221, 0.2);}
.rsgl_fw_box{ margin: auto 120px;justify-content: space-between;}
.rsgl_fw_bt{margin: 90px 120px 70px 120px;font-size: 40px;font-family: "方正兰亭中黑简体";}

.zhuc_box ul{flex-direction: row;flex-wrap: wrap;justify-content: space-between;display: flex;}
.zhuc_box li{width:33.3%;}
.zhuc_box li a{font-size: 28px;color: #2d59f5;width: 90%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 80px;font-family: "方正兰亭细黑简体";}
.zhuc_box li:nth-child(3n) a{width: 100%;}
/*解决方案轮播*/
.rsgl_fa_bj{background: url(/ciicbj/uiFramework/commonResource/image/2022111617033111362.png) no-repeat center bottom; padding-bottom: 100px;}
.rsgl_fa{width:85%; margin:0 auto;}
.swiper-container-box{margin-bottom: 90px;margin-top: 130px;font-size: 44px;font-family: "方正兰亭中黑简体";}
.swiper-slide-bt{background: url(/ciicbj/uiFramework/commonResource/image/2022111417175357002.png) no-repeat 85% rgba(25, 24, 24, 0.7);position: absolute;bottom: 0;width: 100%;height: 43px;line-height: 43px;text-align: left;text-indent: 2em;}
.swiper-container { width: 100%;height: 305px;padding:90px 0; margin-left: auto; margin-right: auto; }
.swiper-slide-bt a{font-size:16px; color:#fff;}
.swiper-pagination-bullet{width: 30px !important;height: 31px !important;margin-right: 27px;background: url(/ciicbj/uiFramework/commonResource/image/2022111715085120565.png) no-repeat center center!important;opacity: 1 !important;}
.swiper-pagination-bullet-active {background: url(/ciicbj/uiFramework/commonResource/image/2022111714395774918.png) no-repeat!important;}

.swiper-pagination span:before{width:40px;}
.lb_box{display: flex;position: absolute;left: 24%; margin-top:60px;}
.swiper-button-prev::after{margin-right:40px;}
.swiper-button-next::after{margin-left:40px;}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after{width: 32px;display: block;content: ''!important;}
.swiper-button-prev{background: url(/ciicbj/uiFramework/commonResource/image/2022111709493657229.png) no-repeat left;width: 32px; padding-right: 20px;}
.swiper-button-prev:hover{background: url(/ciicbj/uiFramework/commonResource/image/2022111716292073315.png) no-repeat left!important;}

.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{content: ''!important;}
.swiper-button-next{background: url(/ciicbj/uiFramework/commonResource/image/2022111716291324730.png) no-repeat right;width: 32px;}
.swiper-button-next:hover{background: url(/ciicbj/uiFramework/commonResource/image/2022111709495024571.png) no-repeat right;width: 32px;}

.mc {opacity: 0.96;position: absolute;text-align: center;width: 100%;transition: height 0.5s;-moz-transition: height 0.5s;-webkit-transition: height 0.5s;-o-transition: height 0.5s;bottom: 0;left: 0;right: 0;height: 0;overflow: hidden;background: url(/ciicbj/uiFramework/commonResource/image/2022111017383175437.png) no-repeat 100% 93% #335ef5;background-size: 50%;}

.swiper-slide img{width:100%;height:100%;}

.swiper-slide:hover .mc{height: 205px;transition: all 0.3s linear 0s;}
.swiper-slide:hover .swiper-slide-bt{display: none;}
.mc p:first-child{margin-top: 42px;text-align: left;text-indent: 2em;}
.mc p:first-child a{font-size: 18px; color: #fff; font-family: "方正兰亭粗黑简体";}
.mc p:last-child{margin-top: 92px;text-align: left;text-indent: 2em;}
.mc p:last-child a{font-size: 11px; color: #fff; font-family: "方正兰亭超细黑简体";}



    .swiper-slide {
      text-align: center;
      font-size: 18px;
     
      height: 200px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition-property:all;
    }
	#progressEffect{
	  position: absolute;
      z-index: 10;
      top: 20px;
      left: 20px;
	}

.swiper-container-box-sj{display: none;}

@media screen and (max-width:1000px){

.rsgl_bs_box{background: #fff;}
.jianj_r > .posi_text{width: 30%;height: 40px;font-size: 0.85rem;line-height: 40px;font-family: PingFangSC-Regular, PingFang SC;}
.dqwz{width: 90%;margin: 0 auto;padding: 20px 0px 20px 0px;}
.dqwz a{font-size: 0.85rem;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;}
.dqwz span{background-size: 20px;padding-left: 30px;line-height: 26px;}
.swiper-slide-bt-sj span{float: right;margin-top: 17px;margin-right: 5%;}
.swiper-slide-bt-sj img{width: 20% !important;}
#rsgl_fw_l,#rsgl_fw_c,#rsgl_fw_r,#rsgl_fw_r_r{width:100% !important;}
.rsgl_ld_nr span{width: 100%;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #666666;font-size: 0.8rem;}
.rsgl_fa_bj{padding-bottom: 0px;padding-top: 10px;}
.rsgl_jianj{width: 100%;padding: 0;margin: 0 auto;}
.gdxg{width:80%;}
.jianj_r img{width: 100%;border-top: 4px solid #55ba78;}
.shuj{align-items: center;flex-wrap: wrap;padding-top: 0;}
.shuj div{width:48%;font-family: PingFangSC-Regular, PingFang SC;text-align: left;color: #666;font-size: 0.95rem;padding-bottom: 15px; height:110px;}
.shuj div:nth-child(1){border-bottom: 1px solid #C9C9C9;padding-right: 4%;}
.shuj div:nth-child(2){border-bottom: 1px solid #C9C9C9;}

.shuj h4{font-weight: bold;font-size: 1.2rem;margin-bottom: 8px;margin-top: 15px;font-family: PingFang-SC-Bold, PingFang-SC;height:30px;}


.shuj h4 sup{font-size: 0.75rem;vertical-align: revert;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;}
body{background: none;}

.jianj_box{-webkit-flex-direction: column;flex-direction: column;}
.jianj_l{width: 100%;margin: 0;-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2;-webkit-order: 2;order: 2;}
.jianj_bt{font-size: 1.1rem;font-family: PingFang-SC-Heavy, PingFang-SC;font-weight: 800;color: #fff;background: #2752EB;border-radius: 0px 20px 20px 0px;width: 35%;line-height: 2rem;padding-left: 5%;margin: 20px 0;}
.jianj_r{width: 100%;}
.rsgl_ld{width: 90%;margin: 0px auto 0 auto;padding: 0;background: none;height: 180px;}
.rsgl_fw{width: 90%;margin-top: 20px;box-shadow: none;}
.rsgl_fw_bt{margin: 20px;font-size: 1.3rem;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;color: #333333;}
.rsgl_fw_box{display: inherit;margin: auto 0px;padding-bottom: 0px;}
.rsgl_ld_nr{width: 100%; font-size:0.85rem; letter-spacing: 0;}
.rsgl_fw_box_mk_bt{text-align: center; font-size:1.25rem;}
.rsgl_fa{width: 90%;}
.swiper-container-box{margin-bottom: 30px;margin-top: 30px;font-size: 1.3rem;font-family: PingFang-SC-Bold, PingFang-SC;font-weight: bold;color: #333333;}
.swiper-button-prev-sj,.swiper-button-next-sj{display: none;}
.swiper-container_sj{margin-left: auto;margin-right: auto;overflow: hidden;list-style: none;padding: 0;position: relative;}


.swiper-button-prev-sj{width: auto;padding: 0;}
.swiper-button-next-sj{width: auto;padding: 0;}
.swiper-slide-bt-sj{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 100%);position: absolute;bottom: 0;width: 300px;height: 43px;line-height: 43px;text-align: left;text-indent: 2em;width:100%;}
.swiper-container_sj{padding-bottom: 60px;}
.lb_box_sj{left: 27% !important;margin: 20px auto auto auto;width: 100%;z-index: 999;}
.swiper-pagination-bullet{display: inline-block;border-radius: 100%;width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)) !important;height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)) !important;display: inline-block;border-radius: 50%;background: var(--swiper-pagination-bullet-inactive-color, #000);opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);margin-right: 5px;}
.swiper-pagination-bullet-active{opacity: var(--swiper-pagination-bullet-opacity, 1);background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;}



.swiper-slide-bt-sj a{color:#fff;font-family: PingFang-SC-Bold, PingFang-SC;font-size: 1rem;}
.swiper-container-box-pc{display: none;}
.swiper-container-box-sj{display: block;}
.swiper-button-prev{background:none;}
.swiper-button-next{background:none; right: 0;position: absolute;}
.swiper-button-next:hover{background:none!important;}
.swiper-button-prev:hover{background:none!important;}
.swiper-button-prev::after{content: 'prev'!important;font-family: swiper-icons;font-size: 1rem;text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;margin: 0;width: auto;color: #fff;position: absolute;left: 10px;}
.swiper-button-next::after{content: 'next'!important;font-family: swiper-icons;font-size: 1rem;text-transform: none !important;letter-spacing: 0;text-transform: none;font-variant: initial;line-height: 1;right: 0;position: absolute;background:none;margin: 0;color: #fff;}

.zhuc_box ul{display: inherit;padding: 20px;}
.zhuc_box li{width:100%;}

.zhuc_box li a{font-size: 1.05rem;margin-bottom: 6px;width: 100%;font-family: PingFangSC-Regular, PingFang SC;}

.jianj_zy{font-size: 1rem;line-height: 1.5rem;width: 90%;margin: 0 auto;font-family: PingFangSC-Regular, PingFang SC;}
.swiper-slide img{width:100%;}
}

@media screen and (min-width:1401px) and (max-width:1600px){

.jianj_zy{font-size: 16px;line-height: 30px;}
.swiper-slide img{width:100%;}

.swiper-slide:hover .mc{height: 100%;transition: all 0.5s linear 0s;}
.swiper-slide{height:auto;}
.swiper-wrapper{height:auto !important;}
.mc p:last-child{margin-top: 38px;}
.swiper-slide-bt{font-size: 14px;height: 30px;line-height: 30px;}
 .rsgl_ld_nr span{width: 76%;}


.rsgl_ld_nr{font-size:16px;}
.jianj_bt{font-size:32px;}
.rsgl_fw_bt{font-size: 32px;margin: 50px 80px 40px 80px;}
.rsgl_fw_box{margin: auto 80px;}
.swiper-container-box{margin-bottom: 50px;margin-top: 80px;font-size: 32px;}
.shuj h4{font-size:50px;}
.shuj h4 sup{font-size:32px;}
.zhuc_box li a{margin-bottom: 40px; font-size:16px;}
.rsgl_ld{height:165px;}
.jianj_r>.posi_text{    font-size: 32px; width: 220px;height: 70px;line-height: 70px;}
}

@media screen and (min-width:1001px) and (max-width:1399px){

.jianj_bt{font-size:30px;margin-bottom: 30px;}
.jianj_zy{font-size: 14px;line-height: 24px;}
.rsgl_ld{height: 135px;margin-top: -40px;}
.jianj_zy p:first-child{margin-bottom: 10px;}
.rsgl_ld_nr{font-size:12px;}
.rsgl_ld_nr img{height:26px;margin-bottom: 15px;}
.rsgl_fw_bt{margin: 50px 80px 0 80px;font-size: 26px;}
.rsgl_fw_box{margin: auto 40px auto 80px;}
.swiper-container-box{font-size:30px;margin-bottom: 50px;margin-top: 90px;}
.swiper-slide{height: 120px !important;}
.swiper-slide-bt{width: 95%;height: 23px;line-height: 23px;text-indent: 0;padding-left: 5%;background-size: 3%;}
.swiper-slide-bt a{font-size:12px;}
.lb_box{left: 11%;margin-top: 30px;}
.swiper-slide:hover .mc{height:120px;}
.mc p:first-child{margin-top: 12px;text-indent: 1em;}
.mc p:first-child a{font-size:14px;}
.mc p:last-child{text-indent: 1em;margin-top: 50px;}
.rsgl_fa_bj{padding-bottom: 50px;}
.rsgl_ld_nr span{width:71%;}
}