.panel_title_right a img {
    margin-left: 4px;
    transform: translateY(-1px);
}
.swiper-container-banner {
      width: 100%;
      height: 100%;
      position:relative;
      overflow:hidden;
    }

   .swiper-container-banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* 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;
    }
.swiper-container-banner .swiper-slide img{width:100%;height:430px;object-fit: cover;}
.swiper-pagination-banner{position:absolute;text-align:center;bottom:30px !important;z-index:100;  width: 100%;}
.swiper-container-banner .swiper-pagination-bullet{
  border-radius:5px;width:80px;height:6px;background:#fff !important;opacity:.5 !important;
}
.swiper-container-banner .swiper-pagination-bullet-active{
opacity:1 !important;
}

@media screen and (max-width:600px) {
.swiper-container-banner .swiper-slide img{height:auto;/*min-height:23vh;*/}
} 

/**登录css**/
.banner {   position: relative;     width: 100%;    min-height: 430px;    margin: 0 auto;}
 
.banner_btn{  width: 220px;   align-items: center;  text-align: center;    background-color: #fff;   border-radius: 4px;   padding: 10px;}
.banner_btn>div{    margin: 10px auto;}
.banner_btn>div img{ backgroung-color:#fff;}
.banner_btn>div a{   font-size:12px;}
.banner_btn div:nth-of-type(1),
.banner_btn div:nth-of-type(4){width: 185px;height: 45px;  color: #fff;    border-radius: 4px;     line-height: 45px;  background-image: linear-gradient(45deg,#008be5, #006dc6);}
.banner_btn div:nth-of-type(1) a,
.banner_btn div:nth-of-type(4) a{   color: #fff;    font-size: 16px;}
.login{     position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    z-index: 2;}
.banner_btn div:nth-of-type(1):hover,
.banner_btn div:nth-of-type(4):hover{
    background-image: linear-gradient(45deg,#ffb900,#ffa000);
}
.banner_btn div:nth-of-type(2) a:hover,
.banner_btn div:nth-of-type(3) a:hover,
.banner_btn div:nth-of-type(5) a:hover{
    color: #0064c3;
}
.xyk_banner{width:100%;}
.xyk_ts{width:1125px;margin:auto;/*overflow:hidden;*/}

.xyk_cp_box{width:100%;background:url('/eportal/imageDir/jlbank/2021/11/2021111113574812703.jpg') no-repeat;background-size:cover;background-attachment: fixed;}
.swiper-container-cp,.xyk_tit{width:1125px;margin:auto;overflow:hidden;}
.xyk_tit{text-align:center;font-size:42px;color:#333333; }
.tabindexList-cp{text-align:center;margin:50px 0;}
.tabindexList-cp span{font-size:20px;color:#333333;padding:0 20px;border-left:2px solid #333333;cursor:pointer;}
.tabindexList-cp span:first-child{border:0;}
.tabindexList-cp .cp_hover{color:#cc0000;}
.xyk_hd_box{width:100%;background:#efefef;overflow:hidden;}
.xyk_hd_tit{width:1280px;color:#333333;font-size:36px;margin:30px auto;}
.xyk_hd{width:1280px;}

.eps-portlet-header{position:relative;}
.eps-dn{left:0 !important;top:0 !important;}

/*信用卡产品*/
body .silde_area{height:auto;}
body .silde_area ul{padding-bottom:100px;}
body .slide_left,body .slide_right{top:30px !important;}
body .silde_area .card_img_div{max-height:400px;}
body .silde_area li .card_img{width:100%;}
body .card_tit{text-align:center;font-size:20px;color:#333333;margin:20px 0;}
body .card_summary{text-align:center;font-size:16px;color:#333333;margin:20px 0;height:80px;line-height:25px;}
body .card_sq{display:block;overflow:hidden;width:160px;height:40px;line-height:40px;background:#cc0000;color:#fff;font-size:16px;border-radius:20px;text-align: center;margin:auto;transition: all .5s;}
body .card_sq:hover{}



body .card_jj{opacity:0;}
body .slide_show .card_jj{opacity:1;transition:all .5s .5s}
body .silde_area li:hover .card_img{
animation:pulse 1s infinite;
-webkit-animation:pulse 1s infinite; 
}
body .silde_area .slide_show .card_img_div{max-height:320px;overflow:hidden;}
.silde_area ._ewm{display:none;}
.silde_area ._ewm_b{
    width:93px;
    margin:auto;
    padding: 4px;
    background: url(/eportal/imageDir/jlbank/2021/11/2021111815582368077.png) no-repeat;
    margin-bottom: 10px;
}
.silde_area ._ewm img{
    /*width:100%;*/
}
.silde_area ._ewm span{text-align:center;}

.card_phone{width: 100%;overflow: hidden;position: relative; text-align: center;}
.card_phone .swiper-pagination{position: absolute; bottom: 10px; left: 50%;transform: translate3d(-50%,0,0);} 
.card_phone .swiper-pagination span +span{ margin-left: 10px;}

body .silde_area_no ul{width:100%;text-align:center;}
body .silde_area_no ul li{display: inline-block;width: 45%;position:relative;padding:0 2%;}
body .silde_area_no .card_img_div{height:300px;overflow:hidden;}
body .silde_area_no ul li .card_img{width:100%;}
body .silde_area_no ul li .card_jj{opacity: 1;}


.xyk_fl_ul{overflow:hidden;padding:180px 0 30px 0}
.xyk_fl_ul li{width:580px;height:310px;overflow:hidden;position:relative;margin-bottom:40px;}
.xyk_fl_ul li .img_hover{transition:all 1s;}
.xyk_fl_ul li:hover .img_hover{transform:scale(1.1);}
.xyk_fl_ul li>div{position:absolute;top:0;width:100%;height:100%;text-align:center;}
.xyk_fl_ul li>div img{margin-top:87px;}
.xyk_fl_ul li>div span{margin-top:30px;font-size:36px;color:#fff;display:block;}
.xyk_fl_ul li:hover div img{
animation:pulse 1s infinite;
-webkit-animation:pulse 1s infinite; 
}
.xyk_fl_ul li>div img:hover{
animation:swing 1s infinite;
-webkit-animation:swing 1s infinite; 
}


/*缤纷活动*/
.xyk_hd_ul{overflow:hidden;padding:30px 0 140px 0;}
.xyk_hd_ul li{width:49%;float:left;margin-left:1%;}
.xyk_hd_ul li:first-child{margin:0;}
.xyk_hd_ul li:hover img{transform:scale(1.1);}
.xyk_hd_img{width:290px;height:200px;overflow:hidden;float:left;}
.xyk_hd_img img{width:290px;height:200px;object-fit: cover;transition:all 1s;}
.xyk_hd_xx{width:310px;float:right;}
.xyk_hd_xx .hd_tit a{font-size:20px;font-weight:bold;}
.xyk_hd_xx .hd_tit {margin-bottom:20px;}
.hd_summary{min-height:55px;}
.hd_summary,.hd_date{font-size:16px;color:#666;}
.hd_infolink{width:160px;height:42px;line-height:42px;background:#ccc;font-size:16px;border-radius:20px;text-align:center;display: inline-block;margin-top:30px;}

@media only screen and (max-width: 1440px){
.jheader {
    /**width: 99%;**/
}
}

@media screen and (max-width:600px) {
	.xyk_ts,.xyk_fl,.xyk_hd,.swiper-container-cp,.xyk_tit,.xyk_hd_tit{width:96%;} 
	.xyk_tit{/**padding-top: 60px;**/font-size:28px;}
	.tabindexList-cp{display: flex;margin:25px 2%;}
	.tabindexList-cp span{padding:0;width:3.2em;}

div#renovationSlide0>ul>li:first-child,div#renovationSlide3>ul>li:first-child{
    z-index: 100;
}

#renovationSlide3>ul>li:first-child,#renovationSlide4>ul>li:first-child{margin-bottom:20px;}

div#renovationSlide0>ul>li,div#renovationSlide3>ul>li,div#renovationSlide4>ul>li{display:none;}
div#renovationSlide0>ul>li:nth-child(1) {
    display: block;
  }
div#renovationSlide3>ul>li:nth-child(1) {
    display: block;
  }
div#renovationSlide4>ul>li:nth-child(1) {
    display: block;
  }

body #renovationSlide0 ul li{width:100%;margin-bottom:20px;}
body .silde_area ul{padding-bottom:40px;}

body .silde_area_no .card_img_div{height:auto;}

body .silde_area_no ul li{width:100% !important;padding:0;}
body .silde_area_no ul li .card_jj{margin-top:-66px;}
div#renovationSlide3 ul li .card_jj{margin-top:-56px;}
div#renovationSlide4 ul li .card_jj{margin-top:-50px;}
body .silde_area_no ul li .card_img{width:68%;}


body .card_summary{height:auto;max-height: 196px;}

.silde_area{width:96% !important;}
.silde_area ul{width:100% !important;}
.silde_area .slide_left .card_img,.silde_area .slide_right .card_img{width:33.33% !important;display:none;}
body .silde_area .slide_show .card_img_div{text-align:center;}
body .slide_show .card_jj{margin-top:-40px;}
.silde_area .slide_show .card_img{width:68% !important}




.xyk_fl_ul{display:flex;    padding: 60px 0 30px 0;}
.xyk_fl_ul li{width:auto;}
.xyk_fl_ul li>div span{font-size:28px;}
.xyk_fl_ul li:first-child>div img{margin-top:93px;}
/*缤纷活动*/
.xyk_hd_box{width:100%;/*padding:0 3%;*/margin:0 auto;}
.xyk_hd_tit{font-size:24px;}
.xyk_hd_ul{padding: 0px 0 40px 0;}
.xyk_hd_ul li{width:100%;margin:0 auto;}
.xyk_hd_img{float:none;height:auto;width:100%;}
.xyk_hd_img img{max-width:100%;height:auto;width:auto;}
.xyk_hd_xx{float:none;width:100%;margin:10px auto 20px;}
.xyk_hd_xx .hd_tit a{font-size:16px;}
.hd_summary, .hd_date{font-size:13px;}
.hd_summary{min-height: 30px;}
.hd_infolink{display: block;width:auto;margin: 10px 10% 0;height: 2em; line-height: 2em;}
}

.dqez_n{padding-top: 48px; width: 1125px; margin: 0 auto;}
.panel_title{ border-bottom: 2px solid #e4e4e4; margin-top: 43px;} 
.panel_title_left img{float:left; height: 26px;}
.panel_title_left div{float:left; margin-left: 12px;}
.panel_title_left h3{font-size: 26px; color: #1973d2;line-height: 1;}
.panel_title_left{ border-bottom: 2px solid #7bb2e8;padding-bottom: 22px; transform: translateY(2px);}
.panel_title_right { margin-top: 5px;}

.card{position: relative; text-align: center; margin-top: 40px; float: left;}
 .card_content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} 
 

/*资金业务*/
.zjyw .card{
            margin-right: 19px;
            width: 266px;
            height: 160px;
            /* background-image: linear-gradient(135deg,#c2e4fd,#469ff0); */
            border-radius: 10px;
        }
/* .zjyw .card img{ width: 70px;}
.zjyw .card a{display: block; margin-top: 13px; font-size: 18px; color: #fff;}*/
.zjyw .card:last-of-type{margin-right: 0;}
/* .zjyw .card:hover{background-image: linear-gradient(135deg,#ffd488,#fa0);}*/


.zjyw .card img{border-radius: 10px; overflow:hidden;width: 100%;transition: transform 0.8s;}
.zjyw.panel_pc .card img:hover{box-shadow: 6px 6px 8px 0px rgba(165, 110, 0, 0.2);transform: scale(1.05);}


.col_bg{background: linear-gradient(to right,#c9e8fe, #469ff0); height: 380px;  margin-top: 54px;}
.col_bg .xyk_ts{overflow: initial;}
.col_bg .panel_title{ border-bottom: 2px solid #d7edfe;} 
.col_bg .panel_title_right a{color: #fff;}

/*债券交易*/
.zqjy .card{  width: 100%; height: 150px;  line-height: 30px; color:#fff;}
/** .zqjy .card{width: 150px;height: 150px;border-radius: 50%;  margin-right: 28px; margin-top: 64px;}
 .zqjy .card h4{margin-top: 10px;}
.zqjy .card h4 a{color:#333;font-size: 18px;display: block;width: 120px;}
.zqjy .card:hover{background: url(/uiFramework/commonResource/image/2023042414134671535.png) no-repeat no-repeat center center;}.zqjy .card:hover a{color: #fff;} 
.zqjy .card_content{top: 0;  transform: translate(-50%,0);   margin-top: 40px;  left: 35%; text-align: left;} **/
#card_content{top: 0;  transform: translate(-50%,0);   margin-top: 40px;  left: 35%; text-align: left;}
.zqjy .main{position: relative;}
.zqjy .main .bgimg{position: absolute;right: 0;top: 28px;}

.zqjy .card img{border-radius: 50%; overflow:hidden;width: 100%;transition: transform 0.8s;}
.zqjy .card img:hover{box-shadow: 6px 6px 8px 0px rgba(165, 110, 0, 0.2);transform: scale(1.05);}
#card_con{left:35%;}
/*票据业务*/
.pjyw .card{width: 363px; height: 221px;background-color: #fff; margin-right: 16px; border-radius: 10px;margin-bottom: 54px;}
.pjyw .card:last-of-type{margin-right: 0;}
/* .pjyw .card a{display:block;margin-top: 22px;}
.pjyw .card:hover{background: url(/uiFramework/commonResource/image/2023042417074767388.png) no-repeat center center;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.pjyw .card:hover a{color: #fff;}
.pjyw .card img{border-radius: 50%;}
.pjyw .card:hover img{background-color: #fff;}*/

.pjyw .card img{border-radius: 10px; overflow:hidden;width: 100%;transition: transform 0.8s;}
.pjyw.panel_pc .card img:hover{box-shadow: 6px 6px 8px 0px rgba(165, 110, 0, 0.2);transform: scale(1.05);}

/*外汇业务*/
.whyw .card{width: 545px;height: 280px; background-color: #c2e4fd; border-radius: 10px;overflow: hidden;}
.whyw .card:nth-of-type(2n+1){ margin-right: 32px}
/* .whyw .card:first-of-type{background: url(/uiFramework/commonResource/image/2023042416012412451.png) no-repeat center center;}
.whyw .card:last-of-type{background: url(/uiFramework/commonResource/image/2023042416013584449.png) no-repeat center center;}
.whyw .card:first-of-type:hover{background: url(/uiFramework/commonResource/image/2023042416044987258.png) no-repeat center center;}
.whyw .card:last-of-type:hover{background: url(/uiFramework/commonResource/image/2023042416045840853.png) no-repeat center center;}
.whyw .card a{display:block;margin-top: 16px;color: #0064c3;}
.whyw .card:hover a{color: #fff;} */

.whyw .card img{border-radius: 10px; overflow:hidden;width: 100%;transition: transform 0.8s;}
.whyw .card_phone img{width: 100%;}
.whyw .card img:hover{box-shadow: 6px 6px 8px 0px rgba(165, 110, 0, 0.2);transform: scale(1.05);}

/*理财业务*/
.lcyw .card{background: url(/uiFramework/commonResource/image/2023042416271376470.png) no-repeat center center;width: 100%;height: 260px;}
.lcyw .card_content{left: 97px;transform: translate(0,-50%);}
.lcyw .card p{display: block; width: 449px; font-size: 16px; color: #fff;text-indent: 2em; line-height: 1.5;text-align: justify;}

/*投行业务*/
.thyw .card{width: 270px;height: 350px;border-radius: 10px;margin-right: 14px;}
.thyw .card:last-of-type{margin-right: 0;}
.thyw .card h4{margin-top: 16px;font-size: 18px;color: #fff;}
.thyw .card h4 a{font-size: 18px;color: #fff;}
.thyw .card:nth-of-type(1){background: url(/uiFramework/commonResource/image/2023081115142310005.png) no-repeat center center;}
.thyw .card:nth-of-type(2){background: url(/uiFramework/commonResource/image/2023081115141395986.png) no-repeat center center;}
.thyw .card:nth-of-type(3){background: url(/uiFramework/commonResource/image/2023081115143194035.png) no-repeat center center;}
.thyw .card:nth-of-type(4){background: url(/uiFramework/commonResource/image/2023042511382190367.png) no-repeat center center;}
.thyw.panel_pc .card:nth-of-type(1):hover{background: url(/uiFramework/commonResource/image/2023042511394084909.png) no-repeat center center;}
.thyw.panel_pc .card:nth-of-type(2):hover{background: url(/uiFramework/commonResource/image/2023042511230450558.png) no-repeat center center;}
.thyw.panel_pc .card:nth-of-type(3):hover{background: url(/uiFramework/commonResource/image/2023042511395053271.png) no-repeat center center;}
.thyw.panel_pc .card:nth-of-type(4):hover{background: url(/uiFramework/commonResource/image/2023042511395842260.png) no-repeat center center;}
.thyw{margin-bottom: 125px;}
.thyw .swiper-slide{display: flex; display: -webkit-flex; justify-content: center;}

.panel_phone{display:none;}
.login{display:none;}

@media screen and (max-width:600px) {
.col_bg{height: 330px;}
  .panel_phone{display:block!important; margin-top:45px;}
  .panel_pc{display:none;}
  .panel_title_left h3{font-size:18px;}
.banner{min-height:90px!important;margin-top: 60px;}
.dqez_n{width:96%;}
.xyk_hd_box{padding-bottom:45px;}
.lcyw .card_content{left: 20px; width: 65%;}
.lcyw .card p{width: 100%;}
.dqez_n{padding-top:25px!important;}
.panel_title_left{padding-bottom: 10px;}
.thyw .card{margin-top: 0;}
.footer{margin-top: 48px;}
.thyw{margin-bottom: 0px;}
.card_phone a{display: inline-block;}

.zqjy .card_content {
    top: -70px;
    transform: translate(-50%,0);
    margin-top: 40px;
    left: 50%!important;
    text-align: left;
    width: 100%;
}

}