.padding_top{padding-top:30px;}
.margin_bottom{margin-bottom:40px;}
.xykWQ{margin-top:10px;padding-bottom:40px;}


.content{width:1200px;margin:0 auto;}
.content_banner{background: url(/uiFramework/commonResource/image/2021101506070229331.jpg) no-repeat;}
/*当前位置*/
.pubConno{width: 1200px;margin: auto;}
.pubConno .location1{    margin: 20px 0;font-size: 16px;line-height: 30px;color: #888;}
.location1 span a {font-size: 16px;line-height: 30px;color: #888;}
/*公告列表*/
.lb_bt{    border-bottom: 1px solid #e0e0e0;    margin-bottom: 20px;}
.lb_bt h2{display: inline-block;padding:0 0 20px 0; font-size: 22px;  border-bottom: 5px solid #2693ff;    color: #3f3f3f;}
.lb_bt span{float: right;line-height: 56px;}
.lb_bt span a{font-size: 16px; color: #888;}
.lb_list li{ float: left; width: 100%;line-height: 40px;    }
.lb_list li a{font-size: 16px;color: #3f3f3f;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 78%;float:left; display: block;}
.lb_list li span{float: right; font-size: 16px;color:#888;}
.lb_list li:hover a{color: #2693ff;}
.lb_list li:hover span{ color: #2693ff;}
/*简介*/
.jjie_content{padding:50px 0;}
.jjie_content>h2{    font-size: 32px;line-height: 40px; margin-bottom: 40px; color: #333;  display: inline-block;}
.jjie_content>a{    float: right;font-size: 16px; line-height: 50px; color: #888;}
.jjie{ border: 1px solid #ccc; border-radius: 10px;    background: #fff;}
.jjie span{    width: 50%;overflow: hidden;}
.jjie .padding{    padding: 60px;box-sizing: border-box;}
.jjie span h2{    font-size: 32px;line-height: 40px; margin-bottom: 40px;}
.jjie span p{    line-height: 30px; font-size: 16px;color: #888;    margin-bottom: 60px;}
.jjie  .padding a{line-height: 40px;background: #2693ff;padding: 10px 30px;color: #fff; font-size: 16px;  border-radius: 10px;border: 1px solid #2693ff;}
.jjie span  a img{    border-radius: 0 10px 10px 0; cursor: pointer; transition: all 0.6s;width: 100%;}
.jjie:hover img{    transform: scale(1.4); border-radius: 0 10px 10px 0;}
.jjie:hover{background: #2693ff;     border-radius: 10px;}
.jjie:hover h2{    color: #fff;}
.jjie:hover p{    color: #fff;}
.jjie:hover a{    color: #fff;    border: 1px solid #fff;}
#yc_img{    display: none;}
/*企业银行*/
.qyjr_content{    margin-bottom: 50px;}
.qyjr_content h2{    font-size: 32px;line-height: 40px;margin: 40px 0; color: #333;}
.qyjr_content ul{    margin-left: -35px;}
.qyjr_content ul li{float: left;width: 580px;margin-left: 34px;    border: 1px solid #Ccc;border-radius: 10px;    box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);}
.qyjr_content ul li span{    float: left; padding: 50px 30px 70px;}
.qyjr_content ul li a{     font-size: 32px;line-height: 40px; margin-bottom: 20px; display: block;}
.qyjr_content ul li img{float: left;width: 100%;}
.qyjr_content ul li p{    line-height: 30px; font-size: 16px;color: #888;}
/*快捷导航*/
.kjdh_content{    margin-bottom: 50px;}
.kjdh_content ul{    margin-left: -35px;}
.kjdh_content ul li{float: left;width: 375px;margin-left: 34px;    border: 1px solid #Ccc;border-radius: 10px;    margin-bottom: 34px;    margin-bottom: 34px;
    box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(223,214,214,0.75);}
.kjdh_content ul li span{    float: left; padding: 30px;}
.kjdh_content ul li span h2{     font-size: 24px;line-height: 40px; display: block;    color: #333;}
.kjdh_content ul li span a{    font-size: 16px; line-height: 30px;padding-top: 15px; display: block;}
.kjdh_content ul li img{float: left;width: 100%;    cursor: pointer;transition: all 0.6s;}
.kjdh_content ul li p{    line-height: 30px; font-size: 16px;color: #888;}
/***********************************************************************************************************************************个人金融***********************************************************************************************************************************/
/*个人金融-快捷导航*/
.xyk_dh{}
.xyk_dh ul{}
.xyk_dh ul>li{float: left; width: 25%;}
.xyk_dh ul>li a{float: left;padding-top: 25px;}
.xyk_dh ul>li a h3{font-size: 20px;color: #fff; font-weight: bold;}
.xyk_dh ul>li a p{font-size: 16px;color: #fff; }
.xyk_dh ul>li .xyk_dh_a h3{font-size: 20px;color: #333; font-weight: bold;}
.xyk_dh ul>li .xyk_dh_a p{font-size: 16px;color: #333; }
.xyk_dh ul>li .xyk_dh_b{padding-top: 10px;}
.xyk_dh ul>li span{padding: 20px 10px 20px 20px;float: left;}
.xyk_dh ul>li span img.icon { margin-right: 10px;transform: rotateY(0deg);transition: all ease-in-out 500ms;}
.xyk_dh ul>li:hover img.icon { transform: rotateY(360deg); }
.erweima_img{position: relative;}
.erweima_img>ul{position: absolute;width: 100%;top: 100px;text-align: center;box-shadow: 0px 5px 10px 0px rgba(38,147,255,0.75);-webkit-box-shadow: 0px 5px 10px 0px rgba(38,147,255,0.75);-moz-box-shadow: 0px 5px 10px 0px rgba(38,147,255,0.75);display: none;    z-index: 999;}
.erweima_img>ul li{display: block; width: 80%; padding: 5% 10%;}
.erweima_img:hover .erweima{    display: block;}
/* 本例子css */
.xyk_qjf{ width:1200px;  overflow:hidden; position:relative;}
.xyk_qjf .hd{  overflow: hidden;}
.xyk_qjf .hd .prev,.xyk_qjf .hd .next{     float: right;overflow: hidden;cursor: pointer; z-index: 9999; display: inline-block; width: 45px; height: 45px; border-radius: 50%;top: 35%; background-size: 50%;position: absolute; z-index: 99;}
.xyk_qjf .hd .prev{background: #fff url(/tianhangzhongwen/template/page/index/iconR.png) no-repeat center center;    right: 10px;}
.xyk_qjf .hd .next{background: #fff url(/tianhangzhongwen/template/page/index/iconL.png) no-repeat center center;left:10px;}
.xyk_qjf .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.xyk_qjf .hd ul li{ float:left;  width:30px; height:30px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.xyk_qjf .hd ul li.on{ background-position:0 0; }
.xyk_qjf .bd{ }
.xyk_qjf .tempWrap{width:1200px;}
.xyk_qjf .bd ul{ overflow:hidden; zoom:1; }
.xyk_qjf .bd ul li{ margin-right:30px; float:left; overflow:hidden; text-align:center;border-radius: 10px;  }
.xyk_qjf .bd ul li .pic{ text-align:center; }
.xyk_qjf .bd ul li img{width:380px;display:block;    border-radius: 10px;}
.xyk_qjf .bd ul li .pic a:hover img{ border-color:#999;  }
.xyk_qjf .bd ul li .title{ line-height:24px;   }
.xyk_qjf .bd ul li a{    font-size: 20px;line-height: 60px;}

.jrXykList li{}
.jrXykList li p{font-size:16px;color:#333;margin:20px 0;width:40%;margin-left:2%;}
.jrXykList li div{overflow:hidden;width:58%}
.jrXykList li div img{}
.jrXykList li:hover p{color:#2693ff;}
.jrXykList li:hover img{}

#owl-demo2 {width: 100%;margin-left: auto; margin-right: auto;}
#owl-demo2 .item {display: block;position:relative;}
#owl-demo2 .item img {width:100%;height:140px;object-fit:cover;}
#owl-demo2 .owl-dots {position:absolute;bottom:0px;width:100%;text-align:center;display:none;}
#owl-demo2 .owl-dots .owl-dot span{width:10px;height:10px;background:#999;display:block;margin-right:12px;border-radius:50%;}
#owl-demo2 .owl-dots .owl-dot.active span, .solution-list .owl-theme .owl-dots .owl-dot:hover span{background:#2693ff;}
#owl-demo2 .owl-nav{display:block;}
#owl-demo2 .owl-nav button{    position: absolute;display: inline-block;width: 35px; height: 35px;border-radius: 50%;margin-top: -20px;top: 50%;background-size: 50% !important;}
#owl-demo2 .owl-nav button span{display:none;}
#owl-demo2 .owl-nav .owl-next{background:#fff url(/uiFramework/commonResource/image/2022010517472527000.png) no-repeat center center;right:0%;}
#owl-demo2 .owl-nav .owl-prev{background:#fff url(/uiFramework/commonResource/image/2022010517471878728.png) no-repeat center center;left:0%;}


/*图片轮播*/
.newsBox{width:48%;position:relative;    float: left;}
.newsBox .HB{overflow:hidden;}
.newsBox .HB .autoPlay li{float:left;position:relative;width:100%;height:335px;}
.newsBox .HB .autoPlay li .Image{height:100%;background:#000;margin:0;}
.newsBox .HB .autoPlay li .Image img{display:block;width:100%;height: 100%;margin:0 auto;object-fit:cover;}
.newsBox .HB .autoPlay li .Title{position:absolute;bottom:0;left:0;z-index:30;width:100%;background:rgba(0,0,0,.5); margin: 0;}
.newsBox .HB .autoPlay li .Title{}
.newsBox .HB .autoPlay li .Title a{display:block;line-height:40px;font-size:16px;color:#fff;text-indent:12px;}
.newsBox .PLAYbtn{position:absolute;bottom:14px;right:6px;z-index:60}
.newsBox .PLAYbtn ul li{display:inline-block;width:9px;height:9px;margin-right:.5em;border:1px solid #fff;border-radius:50%;cursor:pointer;text-indent:99em;overflow:hidden;}
.newsBox .PLAYbtn ul li.on{width:9px;height:9px;background:#2693ff;}




/*分期产品*/

.jbxxList li{float:left;margin-right:40px;position:relative;border-radius: 8px;overflow: hidden;}
.jbxxList li .jbxxListImg img{-webkit-transition: all .7s linear;  transition: all .7s linear;}
.jbxxList li .jbxxListBox{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/uiFramework/commonResource/image/2021110810235796242.png) repeat;}
.jbxxList li .jbxxListBox .jbxxListBoxshow{width:150px;text-align:center;margin:0 auto;padding-top:114px;-webkit-transition: all .5s linear;  transition: all .5s linear;}
.jbxxList li .jbxxListBox .jbxxListBoxshow span{font-size:20px;color:#fff;display:block;margin-top:20px;}
.jbxxList li .jbxxListBox .jbxxListBoxhide {text-align:center;margin-top:60px;display:none;-webkit-transition: all .2s linear;  transition: all .2s linear;}
.jbxxList li .jbxxListBox .jbxxListBoxhide a{display:inline-block;background:#fff;border-radius:6px;color:#2693ff;font-size:18px;padding:8px 28px;}
.jbxxList li:hover .jbxxListBoxshow{padding-top:80px;}
.jbxxList li:hover .jbxxListBoxhide {display:block;}
.jbxxList li:hover .jbxxListImg img{transform:scale(1.1)}

/*积分商城*/
.sc_ul{width:70%;}
.sc_ul li{ float: left;border: 1px solid #fff; width: 270px; overflow: hidden;    position: relative;}
.sc_ul li a{    display: block;}
.sc_ul li img{    width: 100%; height: 210px;  -webkit-transition: all .7s linear;transition: all .7s linear;}
.sc_ul li:first-child{ width: 542px;}
.sc_ul li:hover img{transform:scale(1.1)}
.sc_ul li p{     position: absolute; top: 50%; display: none; width: 90%; text-align: center; margin: 0 5%;}
.sc_ul li:hover p{display:block;}
.sc_ul li p a{font-size: 18px; color: #2693ff; background: rgba(255,255,255,.8);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff, endcolorstr=#c8ffffff); padding: 10px 0;border-radius: 10px;}

.xySc {width:30%;}
.xySc p{border:1px solid #e5e5e5;margin-bottom:10px;float:left;width:48%;margin-left:2%;box-sizing:border-box;text-align:center;}
.xySc p a{font-size:18px;color:#333;display:block;padding:16px;}
.xySc p a img{padding-right:4px;}
.xySc p a .hideXy{display:none;}
.xySc p:hover{background:#2693ff;}
.xySc p:hover a{color:#fff;}
.xySc p:hover .hideXy{display:inline-block;}
.xySc p:hover .showXy{display:none;}

/*信用卡*/
.jpgcList {}
.jpgcList li{}
.jpgcList li div img{width:100%;height:250px;object-fit:cover;}
.jpgcList li p{line-height:30px;margin-top:10px;}
.jpgcList li p a{font-size:18px;color:#333;}
.device {position: relative;}
.device .swiper-container {text-align: center;padding-bottom:30px;}
.device .swiper-wrapper, .device .swiper-wrapper .swiper-slide {width:100%;height:auto !important;}
.device .swiper-slide {
  height: 100%;
  opacity: 0.4;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.device .swiper-slide-visible {
  opacity: 0.5;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.device .swiper-slide-active {
  top: 0;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.device .swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.device .pagination {
  position: absolute;
  z-index: 20;
  left: 0px;
  width: 100%;
  text-align: center;
  bottom: 5px;
}
.device .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  background: #aaa;
  margin-right: 8px;
  cursor: pointer;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  opacity: 0;
  position: relative;
  top: -50px;
}
.device .swiper-visible-switch {
  opacity: 1;
  top: 0;
  background: #999;
}
.device .swiper-active-switch {
  background: #2693ff;
}



/*新信用卡全家福*/
.yhhdSer{width:65%;}
.gryh {width:32%;}
.lb_list_fr{margin-left:-2%;margin-bottom:20px;}
.lb_list_fr li{width:48%;margin-left:2%;position:relative;line-height:56px;border-bottom:1px dashed #ccc;}
.lb_list_fr li i{position:absolute;left:2px;top:24px;width:6px;height:6px;border-radius:50%;background:#999;}
.lb_list_fr li a{max-width:96%;padding-left:14px;}
.xykImgs {margin-left:-2%;}
.xykImgs li{width:31.33%;margin-left:2%;}
.xykImgs li img{width:100%;height:166px;object-fit:cover;}
.zxsqXyk{margin-top:12px;text-align:center;}
.zxsqXyk a{display:block;font-size:16px;color:#fff;padding:14px 0;background:#2693ff;border-radius:4px;}
.zxBJK{margin-top:12px;}

@media only screen and (min-width:100px) and (max-width: 1200px) {
.xyk_dh ul>li span{ padding: 26px 20px;}
.padding_top{    padding-top: 20px;}
.lb_bt h2{    font-size: 24px;}
.lb_bt{margin-bottom: 10px;}
.lb_list li{    line-height: 36px;}
.margin_bottom {    margin-bottom: 20px;}
.xyk_qjf{width: 100%;}
.xyk_qjf .bd ul li img{width:310px;}
.xyk_qjf .bd ul li{margin:10px;}
.jbxxList li{width:24%;margin-right:1%;}
.newsBox .HB .autoPlay li{    height: auto;}
.newsBox{    display: none;}
.sc_ul li:first-child{    width: 33%;}
.sc_ul li{    width: 33%;}
.lb_list_fr li i{top:16px;}

}

@media only screen and (min-width:100px) and (max-width: 1023px) {
.xySc p a img{display:none;}
.xySc p:hover .hideXy{display:none;}

}

@media only screen and (min-width:100px) and (max-width: 960px) {

}

@media only screen and (min-width:100px) and (max-width: 768px) {

.xyk_dh ul>li{    width: 100%;    background-size: 100% 100% !important;margin-bottom: 2%;}
.xyk_dh ul>li span{padding: 6% 6% 6% 20%;}
.xyk_dh ul>li a h3{    font-size: 16px;}
.xyk_dh ul>li .xyk_dh_a h3{  font-size: 16px;}
.xyk_dh ul>li .xyk_dh_b{    padding-top: 15px;}
.erweima_img>ul li{    background: #fff;}
/*信用卡公告*/
.lb_bt h2{    font-size: 18px;padding:0 0 10px 0;}
.lb_list li a{  white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width:68%;    float: left;}
.lb_list li a,.lb_list li span{font-size:14px;}
/*信用卡全家福*/
.xyk_qjf .bd ul li img{width:100%;}
.xyk_qjf .bd ul li a{    font-size: 16px;line-height: 30px;}
/*分期产品*/
.jbxxList li{    width: 48%; margin: 1%;}
.jbxxList li .jbxxListBox .jbxxListBoxshow span{    font-size: 16px;}
.jbxxList li .jbxxListBox .jbxxListBoxshow{    padding-top: 20%;    font-size: 16px;}
.jbxxList li .jbxxListBox .jbxxListBoxhide{    margin-top: 10%; display: block;}
.jbxxList li .jbxxListBox .jbxxListBoxhide a{font-size: 16px;padding: 3% 10%;}

/*信用卡积分商城*/
.flfgNav{display: none;}
.sc_ul li:first-child{width: 100%;    display: block;}
.sc_ul li{     display: none;height:auto;}
.sc_ul li  img{  height: 100%;}
/*网络银行*/
.jjie_content{     padding: 20px 0;}

.jjie{border:0;}
.jjie span{    float: left; width: 100%;    text-align: center;}
.jjie span a img{    border-radius: 10px 10px 0 0;}
.jjie .padding{    padding: 4%;}

.jjie span h2{ font-size: 20px;line-height: 30px;margin-bottom: 10px;    text-align: left;}
.jjie span p{    margin-bottom: 15px;    font-size: 14px;    text-align: left;}
.jjie .padding a{    line-height: 30px;    padding: 1% 10%;}
#jiie_img{display: none;}
#yc_img{display: block;}

.qyjr_content h2{ font-size: 20px; line-height: 30px; margin: 20px 0;}
.qyjr_content ul{ margin-left: 0;}
.qyjr_content ul li{width: 100%;margin-left: 0;    margin-bottom: 10px;    border: 0;}
.qyjr_content ul li span{    padding: 4%;}
.qyjr_content ul li a{    font-size: 20px; line-height: 30px;margin-bottom: 10px;}
.qyjr_content{    margin-bottom: 20px;}
.qyjr_content ul li p{font-size: 16px;}


.jjie_content>h2{    font-size: 20px; line-height: 30px; margin-bottom: 20px;}
.jjie_content>a{    line-height: 30px;}

.kjdh_content{    margin-bottom: 20px;}
.kjdh_content ul{    margin-left: 0;}
.kjdh_content ul li{    width: 100%;margin-bottom: 20px;    margin-left: 0;    border: 0;}
.kjdh_content ul li span{    padding: 4%;}
.kjdh_content ul li span h2{font-size: 20px; line-height: 30px;    margin-bottom: 10px;}
.kjdh_content ul li p{    font-size: 14px;}
.kjdh_content ul li span a{    padding-top: 10px;}




#owl-demo2 .item img {height:34vh;}
#owl-demo2 .owl-dots .owl-dot span{width:6px;height:6px;background:#999;display:block;margin-right:8px;border-radius:50%;}
.jrXykList li{margin-right:0;width:100%}
.jrXykList li p{margin:1rem 0 20px 0;font-size:16px;}
.jrXykList li div img{height:auto;}

.yhhdSer, .sc_ul, .xySc{width:100%;}
.gryh {width:100%;}
.xykImgs{display:none;}
.lb_list_fr{margin-left:0;margin-bottom:0;}
.lb_list_fr li{width:100%;margin-left:0;}
.lb_list_fr li i{width:4px;height:4px;}
.lb_list_fr li a{padding-left:14px;}
.lb_bt span{line-height:40px;}
.jrXykList li div{width:100%;}
.jrXykList li p{width:100%;text-align:center;margin:1rem 0;}
.xykWQ{padding-bottom:0;}

.xySc p a img{display:inline-block;}
.xySc p:hover .hideXy{display:inline-block;}
#owl-demo2 .owl-nav button{top:42%;}
}

@media only screen and (min-width:100px) and (max-width: 375px) {
#owl-demo2 .item img {height:28vh;object-fit:inherit;}


}