/*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:15px}
.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 {
    background: url(/uiFramework/commonResource/image/2022052410291995221.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding:0 0 50px 0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(/uiFramework/commonResource/image/2022060615061954882.png)!important;
    background-size: cover!important;
    left: -50px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(/uiFramework/commonResource/image/2022060615021757951.png)!important;
    background-size: cover!important;
    right: -50px !important;
}
.bg-f {
    background: #f6f6f6;
}
.bx-card {
    width: 90%;
    margin: 0 auto;
}
.bx-card img{
    width: 100%;
}
.bx-card .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    min-height: 55px;
}
.bx-card a.more {
    display: block;
    width: 100px;
    height: 30px;
    background: #d17b42;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}



/*理财*/
.tabs{
    padding-bottom: 40px;
    text-align: center;
}
.tabs li {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    padding-bottom: 5px;
    font-size: 22px;
}
.tabs li:after {
    content: '';
    width: 2px;
    height: 80%;
    display: block;
    background: #000;
    position: absolute;
    right: -20px;
    top: 2px;
}
.tabs li:last-of-type:after {
   display:none;
}
.tabs .select {
    color: #cf7a42;
}
.box1-wrap-tab {
    min-height: 300px;
    width:1200px;
    margin:0 auto;
    padding-bottom: 60px;
}
div#p0 .swiper-container{padding:30px 15px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
div#p1 .swiper-container{padding:30px 15px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.licai-s .card{/*width: 1.6406rem; */ width:100%;height: 240px; padding:30px; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: #bbb 0px 0px 3px 0px; border-radius: 9px;
background-color: #fff;position: relative;display: block;}
.licai-s .card .tit{font-size:20px;}
.licai-s .card .lv{font-size: 16px;line-height: 80px;}
.licai-s .card .qx{display: -webkit-flex; display: -moz-box; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; -moz-box-align: center; align-items: center;
width: 66%;}
.licai-s .card .qg{font-size: 16px;}
.licai-s .card span.num{font-size: 20px;}
.licai-s .card::before{content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/uiFramework/commonResource/image/2022051213141830521.png) no-repeat; background-size: contain; background-position: bottom;transition: .3s;}
#p0 .swiper-slide:hover .card:before {
content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/uiFramework/commonResource/image/2022051213141011448.png) no-repeat; background-size: contain; background-position: bottom;
}
#p1 .swiper-slide:hover .card:before {
content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 120px; height: 120px; background: url(/uiFramework/commonResource/image/2022051213141011448.png) no-repeat; background-size: contain; background-position: bottom;
}
.licai-s span.red {
    color: #e60012;
    font-size:28px;
}
div#yh-card {
    position: relative;
    margin-bottom: 90px;
}

div#yh-card .title {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}
div#yh-card .imgS img {
    width: 100%;
}
/*贷款*/
.dk-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dk-card{
    position: relative;
    display: block;
}
.dk-list a:nth-of-type(1) {
    width: 49.4%;
    margin-bottom: 12px;
}
.dk-list a:nth-of-type(2) {
      width: 49.4%;
      margin-bottom: 12px;
}
.dk-list a:nth-of-type(3) {
  width: 32.5%;
}
.dk-list a:nth-of-type(4) {
  width: 32.5%;
}
.dk-list a:nth-of-type(5) {
  width: 32.5%;
}
.dk-list a img {
    width: 100%;
    height:100%;
}
.dk-card .cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 30px;
    transition: all .5s;
}
.dk-card .title {
  color: #fff;
  font-size: 24px;
}
.dk-card .sum {
  padding-top: 50px;
  line-height: 35px;
  color: #fff;
  opacity: 0;
    transition: all .5s;
}
.dk-card:hover .cont {
    background: url(/uiFramework/commonResource/image/2022061017125748880.png) no-repeat;
    background-size: cover;background-position: center right;
}
.dk-card:hover .cont .sum {
   opacity: 1;
}
a.bg-card {
    width: 100%;
    height: 515px;
    display: block;
position: relative;
}
.bg-card img {
    width: 100%;
    height: 100%;
}
.bg-card .cont {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 30px;
    transition: all .5s;
}
.bg-card .title {
  color: #fff;
  font-size: 24px;
}
.bg-card .sum {
  padding-top: 50px;
  line-height: 35px;
  color: #fff;
  opacity: 0;
    transition: all .5s;
}
.bg-card:hover .cont {
    background: url(/uiFramework/commonResource/image/2022061017125748880.png) no-repeat;
    background-size: cover;background-position: center right;
}
.bg-card:hover .cont .sum {
   opacity: 1;
}



/*储蓄*/
ul.cx-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
ul.cx-list a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}
ul.cx-list a i.icon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px #d17b42 solid;
    margin-bottom: 10px;
}
ul.cx-list a:hover .icon {
    background: #d17b42;
}
ul.cx-list a i.icon:before {
    content:'';
    width: 40px;
    height: 40px;
  
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
ul.cx-list a i.icon-1:before{ background-image: url(/uiFramework/commonResource/image/2022060611481112413.png);}
ul.cx-list a i.icon-2:before{ background-image: url(/uiFramework/commonResource/image/2022062516523912085.png);}
ul.cx-list a i.icon-3:before {background-image: url(/uiFramework/commonResource/image/2022060615235393346.png);}
ul.cx-list a i.icon-4:before {background-image: url(/uiFramework/commonResource/image/2022060615332648812.png);}
ul.cx-list a i.icon-5:before {background-image: url(/uiFramework/commonResource/image/2022060615345425726.png);}
ul.cx-list a i.icon-6:before {background-image: url(/uiFramework/commonResource/image/2022060615381622061.png);}	
ul.cx-list a i.icon-7:before {background-image: url(/uiFramework/commonResource/image/2022060615405454188.png);}
ul.cx-list a i.icon-8:before {background-image: url(/uiFramework/commonResource/image/2022062516520521034.png);}
ul.cx-list a:hover i.icon-1:before {background-image: url(/uiFramework/commonResource/image/2022062715533985528.png);}
ul.cx-list a:hover i.icon-2:before { background-image: url(/uiFramework/commonResource/image/2022062715540594380.png);}
ul.cx-list a:hover i.icon-3:before {background-image: url(/uiFramework/commonResource/image/2022062715541412711.png);}
ul.cx-list a:hover i.icon-4:before {background-image: url(/uiFramework/commonResource/image/2022062715542638257.png);}
ul.cx-list a:hover i.icon-5:before {background-image: url(/uiFramework/commonResource/image/2022062715551254087.png);}
ul.cx-list a:hover i.icon-6:before {background-image: url(/uiFramework/commonResource/image/2022062715552198828.png);}
ul.cx-list a:hover i.icon-7:before {background-image: url(/uiFramework/commonResource/image/2022062715552841849.png);}
ul.cx-list a:hover i.icon-8:before {background-image: url(/uiFramework/commonResource/image/2022062715554167842.png);}
div#net1 {
    padding-bottom: 90px;
    position: relative;
}
#net1 .card {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  padding: 40px;
  min-height: 450px;
  position: relative;
}
#net1 .card .imgS {
  border-radius: 50%;
}
#net1 .card .sum {
  color: #666;
  font-size: 14px;
  line-height: 25px;
  width: 100%;
}
#net1 .card .title {
    font-size: 18px;
    margin: 15px 0;
}
#net1 .card .more {
    font-size: 14px;
    margin-top: 20px;
    color: #666;
}
#net1 a.link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#net1 .swiper-slide:hover .imgS  img{transition:all .6s;transform:scale(1.1);-ms-transform:scale(1.1)}


#net1 div#netPagination0 {
    bottom: 40px;
    left: 48%;
}

#net1 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: #d17b42;
    opacity: .4;
}
#net1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #d17b42;
}


/*公告*/
#gg-img img {
    width: 100%;
}
.gg-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom:90px;
}
.gg-list .lbox {
  width: 48%;
}
.gg-list .rbox {
  width: 48%;
}
.gg-list a.link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
margin-bottom: 6%;
}
.gg-list a.link:last-child {
    margin-bottom: 0px;
}
.gg-list .first {
  margin-top: 25px;
}
.gg-list span.time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 10%;
}
.gg-list span.time span.year {
  font-size: 14px;
  width: 80px;
  text-align: center;
  color: #666;
font-weight: 600;
 line-height: 25px;
}
.gg-list span.time span.day {
  color: #666;
  font-size: 28px;
}
.gg-list span.txt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 90%;
  box-sizing: border-box;
  padding: 0 5%;
}
.gg-list span.txt span.title {
  text-align: left;
  width: 100%;
  font-size: 20px;
  color: #000;
  line-height: 35px;
}
.gg-list span.txt span.sum {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}
.gg-list i {
    display: block;
    width: 8%;
    background: #666;
    text-align: center;
    color: #fff;
    position: relative;
}
.gg-list i:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: -8px;
    top: 5px;
    border-right: 10px #666 solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}
.gg-list a.link:hover i {
    background: #f22f31;
}

.gg-list a.link:hover i:before {
    border-right: 10px #f22f31 solid;
}








/*适配*/
@media screen and (max-width:1300px){
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -28px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -28px !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}
.tabs{    padding-bottom: 0px;}
.tabs li {font-size: 12px;    margin: 0px 9px;}
.box1-wrap-tab {width: 100%;padding-bottom: 26px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { 
    left: -5px !important; width: 14px !important;
    height: 24px !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -5px !important; width: 14px !important;
    height: 24px !important;
}
div#p0 {
    width: 90%;
    margin: 0 auto;
}
.licai-s .card .qg {
    font-size: 12px;
}
.licai-s .card .tit {
    font-size: 16px;
}
ul.cx-list {;
    width: 80%;
    flex-wrap: wrap;
    margin: 0 auto;
}
div#yh-card {
    padding: 0 20px;
}
div#net1 {
   
    padding: 0 20px;
    box-sizing: border-box;
    padding-bottom: 90px;
}
#net1 div#netPagination0 {
    left: 40%;
}
.gg-list {
    flex-wrap: wrap;
}
.gg-list .lbox {
    width: 100%;
}
.gg-list .rbox {
    width: 100%;
      margin-top: 20px!important;
    margin-left: 7px;
}
.gg-list a.link {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 8%;
}
.gg-list span.txt span.title {
 
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.gg-list i {
    width: 10%;
}
.tabs li:after {
    content: '';
    width: 2px;
    height: 70%;
    display: block;
    background: #000;
    position: absolute;
    right: -13px;
    top: 2px;
}
ul.cx-list li {
    margin-bottom: 20px;
}
.dk-card {
    width: 100% !important;
    margin-bottom: 20px !important;
}
.dk-card .title {
    font-size: 18px;
}
.dk-card .sum {
    padding-top: 5px;
    line-height: 25px;
    font-size: 14px;
}
#tabs2{padding-bottom:14px;}
div#yh-card{margin-bottom: 30px;}
#net1 div#netPagination0{left: 28%;}
div#net1{padding-bottom: 80px;}
.gg-list{padding-bottom: 30px;}
.rbox li a{float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 66%;font-size: 0.0703rem;}
.rbox li{line-height: 30px;height: 30px;}
.bx-card .imgS{ padding-top: 30px;}
.xyk_tit{ font-size:22px;   padding: 30px 0 20px 0;}
.bx-card .title{ min-height: 50px;line-height: 50px;margin-bottom:8px;font-size:18px;}
.licai-s .card{    padding: 16px;}
.bg-1{padding:0;}
.dk-list a img{height:200px;}
.bg-card img{height:80%;}
.bg-card .title{font-size:18px;}
.bg-card .sum{padding-top:10px;font-size:14px;line-height: 24px;}
a.bg-card{height:422px;}
.banner h2 .en { font-size: 18px !important;}
.date-select .name-search{height:35px !important;line-height:35px !important;}
}
/*动画*/
@-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)
    }
}