/*banner*/
.swiper_b0 {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.swiper_b0 img {
    width: 100%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background:#e60019 !important;
}
/**产品中心**/
.swiper-slide{ width: 345px!important;
    margin: 0px 13px!important;}
.about_product{
  width:1400px;
  margin:0 auto;
height: 750px;
}
.swiper_0 .card img {
    margin: 0 auto;
    display: block;
}
span.prev_s {
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(/uiFramework/commonResource/image/2021032401551329109.png);
    left: -80px;
    top: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
    cursor: pointer;
}
span.next_s {
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url(/uiFramework/commonResource/image/2021032401551329109.png);
    right: -80px;
    top: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
.swiper_0 {
    position: relative;
    overflow: hidden;
}
.swiper_0 .card img {
 /** width: 270px;
  height: 170px;**/
}
.swiper_0 .card .title {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}
.swiper_0 .card .t-2 {
    text-align: center;
    line-height: 18px;
}
.swiper_0 .card .s-btn {
    border: 1px #e60019 solid;
    border-radius: 7px;
    font-size: 16px;
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #e60019;
    font-weight: 500;
    margin: 0px auto;
    margin-top: 15px;
    margin-bottom: 15px;
    display:block;
}
.card:hover .s-btn {
    background:#e60019;
    color: #fff;
}
.card:hover img{
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bg-2 {
    background: #f8f7fa;
    padding-top: 60px;
}
#jptj_a a{text-align:center; display:block;}
/*服务*/
.about_fuwu {
  width: 1400px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.js_c-card {
    width: 330px;
}
.card-2 {
    position: relative;
    display: block;
    overflow: hidden;
}


.card-2 .title {
    position: absolute;
    bottom: 0;
    width: 330px;
    height: 38px;
    background: url(/uiFramework/commonResource/image/2021032303041069186.png);
    background-position: 100% 100%;
}
.card-2 .title span {
    display: inline-block;
    width: 90%;
    text-align: right;
    line-height: 38px;
    padding-right: 141px;
    color: #fff;
    font-size: 18px;
}
.card-2 img {
    width: 330px;
    height: 200px;
    transition: all .6s;
}
.card-2:hover img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
/*服务*/
.about_zhinan {
    background: #f8f7fa;    padding: 40px 0;
    margin: 40px 0;
}
.about_zhinan1{width:1400px; margin:0 auto;}
.fwzn {
    text-align: right;
    width: 1400px;
    margin: 0 auto;
    padding: 30px 0;
}
.fwzn a {
    font-size: 24px;
    color: #000;
}
.fwzn .play-icon {
    position: relative;
    width: 27px;
    height: 27px;
    background: url(/uiFramework/commonResource/image/2021032318531080468.png);
    display: inline-block;
    background-repeat: no-repeat;
    top: 6px;
    left: -5px;
}
/*缤纷活动*/
.about_activity {
    width: 1400px;
    margin: 0 auto;
    margin-top:90px;
}
.about_activity  .list {
    padding-bottom: 170px;
}
.card-3 {
    float: right;
    width: 50%;
margin-top: 15px;
}
.card-3  .img {
 
    overflow: hidden;
    position: relative;
border-radius: 5px;
}
.card-3  .img img{ width:100%; transition: all .6s;}
.img:hover img {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
.card-3 .cont {
    width: 400px;
    height: 176px;
    position: relative;
padding-left: 25px;
}
.card-3 .title {
    padding-top: 30px;
    padding-bottom: 20px;
}
.card-3 .title a{
    font-size: 18px;
    color: #000;
    font-weight: bold;
 }
.card-3 .sum {
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
    width: 275px;
}
.card-3 .date {
    font-size: 16px;
    color: rgb(0 0 0 / 50%);
}
/*特色业务*/
.bg-c {
    background: url(/uiFramework/commonResource/image/2021040919150862628.png) no-repeat;
    height: 600px;
    overflow: hidden;
}
.about_tese {
    width: 1400px;
    margin: 0 auto;
}
   /**响应式**/
@media screen  and (max-width: 1366px) {
.about_product{width:1280px;}
.about_activity{width:1280px;}
.about_zhinan1{width:1280px;}
.about_activity{width:1280px;} 
}
 @media screen and (max-width:600px) {
.top-banner {
    padding-top: 50px;
}
div#jptj_a {
    text-align: center;
    padding: 0;
font-size: 18px;
}
.ewm_t {
    margin: 0 auto;
    width: 90%!important;
    text-align: center;
}
.an_lianj {
    margin: 0 auto;
    width: 90%!important;
    background: #cac8c8;
    height: 45px;
}

.swiper_0 .card img {
    width: 100%;
}
.swiper-slide {
    width: 100% !important;
    margin: 0 auto !important;
}
.swiper_b0 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.about_product {
    width: 90%;
    margin: 0 auto;
    height: auto;
}

.card {
    width: 270px;
    margin: 0 auto;

}
.about_fuwu {
    width: 90%;
    flex-wrap: wrap;
}
.js_c-card {
    margin-bottom: 20px;
}
.card-2 .title span {   
    padding-right: 0;
}

.about_activity {
    width: 90%;
}
.about_zhinan1 {
    width: 100%;
    margin: 0 auto;
}
.card-3 {
    width: 267px;
    margin: 0 auto;
    float: none;
}
.about_activity .list {
    padding-bottom: 30px;
}
.card-3 .img {
   margin: 0 auto;
    float: none;
margin-bottom: 15px;
}
.card-3 .cont {
    width: 100%;
    padding-left: 0;
}
.about_tese {
    width: 90%;
    margin: 0 auto;
}
.fwzn {
    text-align: right;
    width: 85%;
    margin: 0 auto;
    padding: 30px 0;
}
img.img-demo {
    width: 320px;
    position: absolute;
    top: 65px !important;
    left: auto !important;
    transform: scale(2.5);
}
span.prev_s {
    width: 30px;
    height: 30px;
    left: -10px;
    top: 150px;
    z-index: 22;
}
span.next_s {
    width: 30px;
    height: 30px;
    right: -10px;
    top: 150px;
    z-index: 22;
}
.bg-c {
   background: url(/uiFramework/commonResource/image/2021040919150862628.png) no-repeat;
    height: 400px;
    overflow: hidden;
}
}

 @media screen and (min-width:2000px) {

.bg-c{background-size:100% 100%;}
 }

 
 @media screen and (min-width:2560px) {

.bg-c{background-size:100% 100%;}
 }