/*common*/
body{overflow-x:hidden}
.comwidth{margin:0 auto;width:6.25rem;height:2.58rem}
a:hover{color:#d17b42}
.imgS{display:block;overflow:hidden;border-radius:8px}
.imgS:hover img{transition:all .6s;transform:scale(1.1);-ms-transform:scale(1.1)}
.swiper-banner{position:relative;overflow:hidden;width:100%;height:100%}
.swiper-banner .swiper-slide img{width:100%;height:1.875rem;object-fit:cover}
.xyk_tit{padding-top:90px;color:#333;font-size:42px}
li{list-style-type:none}
.xyk_tit{padding-bottom:40px;text-align:center}
.bg-1 .w1200 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px;
}
.bg-2 {
    background: url(/uiFramework/commonResource/image/2022060113225775666.png) 100% 100% no-repeat;background-size: cover;overflow: hidden;
}
.bg-4 {
    background: url(/uiFramework/commonResource/image/2022060116215485704.png) 100% 100% no-repeat;background-size: cover;overflow: hidden;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(/uiFramework/commonResource/image/2022052608413337905.png)!important;
    background-size: cover!important;
    left: -50px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(/uiFramework/commonResource/image/2022052608420113405.png)!important;
    background-size: cover!important;
    right: -50px !important;
}
/*产品*/
.zp {
    position: relative;
    margin-bottom: 50px;
}
.zp .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 20px 0;
}
.zp .btn span {
    color: #ddd;
    display: inline-block;
    padding: 0 60px;
}
.zp .btn span a{
    color: #fff;
    font-size: 18px;
    font-weight: bold;  
}

.zp .btn span.select a{
    color: #fff;
}


.card-tz {
    width: 590px;
    height: 240px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 35px;
}
.card-tz .tit {
    font-size: 24px;
    margin-bottom: 15px;
}

.tz-img1 {
    background: url(/uiFramework/commonResource/image/2022060114252044418.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s;
    background-position: center;
}
.tz-img2 {
    background: url(/uiFramework/commonResource/image/2022060114325073993.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s;
    background-position: center;
}
.card-tz:hover {
    background-size: 110% 110%;
}
.card-tz li {
    padding-left: 5px;
    line-height: 30px;
}
.card-tz li:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    left: -5px;
    top: -3px;
}

/*政务金融*/

 .swiper-container-ts {
      width: 100%;
      height: 100%;
      position:relative;
      margin:80px auto;
}
.lb_box {
    overflow: hidden;
}
.lb_box .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.lb_box .swiper-slide span.cpink {
    width: 160px;
    height: 160px;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lb_box .swiper-slide:hover span.cpink img{

    animation:swing 1s;
    -webkit-animation:swing 1s;
}
.lb_box .swiper-slide span.txt {
    line-height: 50px;
}


.swiper-button-prev-ts,.swiper-button-next-ts{
     position: absolute;
    top: 30px;
    z-index:100;
    cursor:pointer;
    color: #cb7037;
    font-size: .1953rem;
}
.swiper-button-prev-ts{left:-50px;transition:all .5s;}
.swiper-button-next-ts{right:-50px;transition:all .5s;}
.swiper-container-ts .ts_cc:hover{transform:scale(1.2);}
/*跨境*/
.card-kj {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 400px;
}
.card-kj li {
    display: block;
    width: 20%;
}
.ky-img {
    background: url(/uiFramework/commonResource/image/2022060116012230163.png) no-repeat;
    background-size: 100% 100%;
}
.card-kj li a {
    color: #fff;
}
.card-kj li {
    display: flex;
    width: 20%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px #fff solid;
position: relative;
}
.card-kj li:last-of-type{
   border-right: none;
}
.card-kj li a {
    color: #fff;
    writing-mode: tb-rl;
    z-index: 2;
    width: 20px;
}
.card-kj li:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #000;
    opacity: 0;
    left: 0;
    top: 0;
transition: all 0.3s;
}
.card-kj li:hover:before {
    opacity: .4;
}
/*交易*/
.card-jy-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 270px;
}
.card-jy-list a.item {
    display: flex;
    width: 280px;
    height: 240px;
    background: #fff;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 2px 2px 12px 0 #ddd;
}
.card-jy-list .icon {
    width: 120px;
    height: 120px;
    background: #efefef;
    border-radius: 50%;
    margin-bottom:15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-jy-list .icon-1:before {
    content: '';
    display: block;
    width: 48px;
    height: 45px;
    background: url(/uiFramework/commonResource/image/2022060117132065592.png);
}
.card-jy-list .icon-2:before {
    content:'';
    display: block;
    width: 48px;
    height: 45px;
    background: url(/uiFramework/commonResource/image/2022060117132840331.png);
}
.card-jy-list .icon-3:before {
    content:'';
    display: block;
    width: 48px;
    height: 45px;
    background: url(/uiFramework/commonResource/image/2022060117133634051.png);
}
.card-jy-list .icon-4:before {
    content:'';
    display: block;
    width: 48px;
    height: 45px;
    background: url(/uiFramework/commonResource/image/2022060117134421725.png);
}
.card-jy-list .icon:before {
    background-repeat: no-repeat;
    background-size: contain;
}
.card-jy-list .txt {
    font-size: 18px;
    color: #000;
}
.card-jy-list a.item:hover .icon:before{
     animation:tada 1s;
    -webkit-animation:tada 1s;
}
.card-jy-list a.item:hover {
    box-shadow: 2px 2px 20px #aaa;
}


.card-jyyh {
    width: 588px;
    height: 240px;
    position: relative;
    box-sizing: border-box;
    padding: 40px;
overflow: hidden;
}
.jyyh-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.jyyh-container .jyyh-img1 {
    background: url(/uiFramework/commonResource/image/2022060209074969142.png) no-repeat;
}

.jyyh-container .jyyh-img2 {
    background: url(/uiFramework/commonResource/image/2022060209343078405.png) no-repeat;
}
.card-jyyh .tit {
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 15px;
position: relative;
    z-index: 2;
}
.card-jyyh ul{
    display: flex;
    justify-content: flex-start;
position: relative;
    z-index: 2;
}
.card-jyyh ul li {
    list-style-type: disc;
    color: #fff;
    margin: 16px;
}

.card-jyyh ul li a {
    color: #fff;
}
.card-jyyh:before {
    content: '';
    position: absolute;
    display: block;
    background: linear-gradient(to right, #232526, #b3afaf);
   opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
}
.card-jyyh:hover:before {
    opacity: 0.4;
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.card-jyyh:hover {
    box-shadow: 2px 2px 10px 1px #aaa;
}






/*适配*/
@media screen and (max-width:1300px){
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -30px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -30px !important;
}

}

@media screen and (max-width:768px){
html{font-size:100px!important}
.w1200 {width: 95%;margin: 0 auto;}
.full-contianer{padding-top:60px}
.xyk_tit{padding-top:40px;color:#333;font-size:24px}
.xyk_ts .swiper-wrapper{margin:0;}
	.swiper-container-ts{width:75%;margin:60px auto;} 
#xyk_ty2 .swiper-container-ts{margin:0px auto 60px;} 

	.swiper-button-prev-ts{left:0px;}
	.swiper-button-next-ts{right:0px;}
        .swiper-container-ts .swiper-slide{width: 1.66rem;}
.bg-1 .w1200 {
  
    align-items: center;
    flex-direction: column;
}
.bg-1 .w1200 .lbox {
    width: 100%;
}
.bg-1 .w1200 .rbox {
    width: 100%;
}
.card-tz {
    width: 100%;
    margin-bottom: 20px;
    height: 210px;
    background-size: cover;
    padding: 20px;
}
.card-tz:hover {
    background-size: cover;
}
.card-kj {
    height: 170px;
}
.jyyh-container {
    flex-direction: column;
}
.card-jyyh {
    width: 100%;
    background-size: cover !important;
    padding: 15px;
    margin-bottom: 15px;
    height: 230px;
    background-position: center !important;
}
.card-jyyh ul li a {
    color: #fff;
    font-size: 14px;
}
.card-jy-xs {
    overflow-x: scroll;    margin-bottom: 30px;
}
.card-jy-xs::-webkit-scrollbar{
        width: 6px;
        height: 6px;
}
.card-jy-xs::-webkit-scrollbar-thumb{
    border-radius:3px;
    background-color: #d17b42;
}
.card-jy-xs::-webkit-scrollbar-track-piece{
    background-color:#ccc;
}
.card-jy-list {
    width: 330%;
    padding-bottom: 20px;
}
.zp img {
    width: 100%;
    object-fit: cover;
}
.zp .btn {
    padding: 10px 0;
}
.zp .btn span {
    color: #ddd;
    display: inline-block;
    padding: 0 15px;
}

.xyk_tit{ font-size: 22px; padding: 30px 0 20px 0 !important;}
.zp .btn span a{font-size:16px;}
.zp{margin-bottom: 20px;}
.card-tz li a{font-size:14px;}
.card-tz{height:147px;    padding: 14px 20px 10px 20px;}
.card-tz li{    line-height: 24px;}
.card-tz .tit{    font-size: 18px;margin-bottom: 4px;}
.bg-1 .w1200{    padding-bottom: 0px;}
.swiper-container-ts{    margin: 0px auto 20px auto;}
.card-jyyh .tit{ font-size: 20px;}

}
/*动画*/
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-300%,0);
        transform: translate3d(0,-300%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-300%,0);
        transform: translate3d(0,-300%,0)
    }
}