body{background:#fafafa;}
/*banner图片*/
.banner_img{width: 100%; height:426px; position: relative; overflow:hidden;text-align: center;}
.banner_img li,.banner_img li a{ width: 100%; height: 426px;text-align: center; }
.banner_img li a{ display: block; text-align: center;}
.banner_tab{ position:absolute; bottom:15px; left: 48%; height: 5px; }
.banner_tab li{ display:initial; float: left; margin:0 4px; width:28px; height: 5px; background:#fff; text-align: center; font-size: 0; }
.banner_tab li.on{background:#de0716;}
/*网银信息*/
.wy{ position:absolute; top: 197px; right:0px; height:242px; padding:30px 34px 0; width:231px;}
	.wybg{ position: absolute; z-index: 1; top: 0px; left: 0px;  width:299px; height:280px;  background: #fff; opacity:0.9;filter:Alpha(opacity=90);}	
	.wy_c{ display: none;  }
/*网银信息
.wy{ position:absolute; top: 197px; right:0px; height:240px; padding:30px 34px 0; width:231px;}
 .wybg{ position: absolute; z-index: 1; top: 0px; left: 0px;  width:299px; height:280px;  background: #fff; opacity:0.9;filter:Alpha(opacity=90);}*/


/*中部内容区*/
.content {
    width: 100%;
    min-width: 1000px;
}
.centerCon{ width: 1200px; min-width: 1000px; margin: 20px auto 20px; overflow:hidden;}


/*特色权益*/
.specialUl{ width:100%; overflow:hidden; margin-top:30px;}
.specialUl li{ float:left; text-align:left;margin-bottom: 40px;}
.specialUl li .divImg{ overflow: hidden; position: relative; }
.specialUl li img{ display:block; margin: 0 auto; float:left;     width: 310px; height: 215px;}
.specialUl .spanTitle{ font-size: 16px; color:#333; margin-top:15px; display: inline-block;}
.specialUl .detilA{ display:block;  position: absolute; bottom: -235px; left: 0; width:100%; height:235px ;background:#a0a0a0;opacity: 0.8;  filter: alpha(opacity=80);}
.specialUl .spanMore{  border: 2px solid #f08c06; margin: 95px auto 0;  display: inline-block;  padding: 9px 36px; font-size: 16px; color: #fff;}

/*信用卡贴士*/
.xyktst{ width:1000px; min-width: 1000px; margin:0 auto;height: 21px; color: #dd0716; text-align: center; position: relative; }
.xyktst1{ display: inline-block; padding:0 45px 0 55px; vertical-align: top;vertical-align: top;line-height: 21px; font-size: 20px; position: relative;  z-index: 2; background:#fff url(xykbg2.png) no-repeat left center; }
.xyktst1 em{ *line-height: 24px; *margin-top: 0px; font-size: 20px;font-family: 微软雅黑;}
.xyktst2{display: inline-block;height: 21px;vertical-align: top; line-height: 21px; width: 10px;position: relative;  z-index: 2; background:#fff url(xykbg2.png) no-repeat left center; }
.dix{ position:absolute; left: 0; top: 0; display: block; width: 100%; border-bottom: 1px solid #e9e9e9; height:10px;z-index: 1 }

/*信用卡申请
.xyk_con { margin-top: 20px; border-top: 1px solid #e9e9e9; padding-top: 15px; }*/
.xyk_searchCon {margin-bottom: 35px;}
.xyk_searchCon p { line-height: 24px; margin-bottom: 8px; font-size: 14px; color: #333; }
.xyk_searchCon p a { display: inline-block; padding: 0 15px; cursor: pointer; }
.xyk_searchCon p a.on { background: #de0716; color: #fff; }
.xyk_yxtj a { margin-right: 10px; }
.xykPanel { overflow: hidden; }
.xykList { width: 150%; overflow: hidden; }
.xykList li { width: 247px; margin-right: 129px; float: left; margin-bottom: 45px; }
p.xykPic img { width: 250px; height:205px; }
p.xykName { font-size: 14px; line-height: 45px; text-align: center; font-weight: bold; }
p.xykSummary { font-size: 12px; color: #666; line-height: 20px; height: 60px; margin-bottom: 30px; }
a.more {display: block;width: 110px;height: 30px;border: 1px solid #de0716;font-size: 14px;text-align: center;line-height: 30px;margin: 0 5px;float: left;}
a.more:hover { background: #de0716; color: #fff; }
p.xyk_xl { margin-top: 20px; border-top: 1px solid #e9e9e9; padding-top: 15px; line-height: 24px; margin-bottom: 8px; font-size: 14px; color: #333;}
p.xyk_xl a { display: inline-block; padding: 0 15px; cursor: pointer;}
p.xyk_xl a.on { background: #de0716; color: #fff; }

/*分页样式*/
.list_page { width: 600px; margin: 0 auto; font-size: 14px; color: #666; overflow: hidden; line-height: 22px; }
.list_page .easysite-total-page { float: left; margin-right: 20px; }
.list_page .easysite-page-wrap { float: left; overflow: hidden; }
.list_page .easysite-page-wrap a { display: block; height: 22px; padding: 0 10px; background: #eee; float: left; margin-right: 15px; }
.list_page .easysite-page-wrap a:hover { color: #a0a0a0; }
.list_page .easysite-jump-page { float: right; }
.list_page .easysite-jump-page .easysite-page-text { width: 40px; height: 20px; border: 1px solid #ccc; margin: 0 5px; text-align: center; line-height: 20px; }



/*理财分期*/
.xyk_tit{width:100%; background: url(/eportal/uiFramework/commonResource/image/2017081115322956865.png)center center no-repeat; height:30px; line-height:30px; text-align:center; color:#dd0716; font-size:20px;margin-top:20px;}
.bjfwlist{margin-bottom:20px;}
.lcfqL{width: 310px; height: 290px; margin:0 35px 35px 0; float: left;}
.lcfqL_T{position: relative;}
.lcfqL_T span.lcfqL_Timg{width: 308px; height: 218px; border:solid 1px #e9e9e9; display: block;}
.lcfqL_T span.lcfqL_Timg img{width: 308px; height: 218px;}
.lcfqL_T .lcfqL_Tzz{position: absolute; bottom:0; left: 0; display: block; height: 40px; background-color: rgba(255,255,255,0.7);filter:alpha(opacity=70);width:310px;}
.lcfqL_T a{font-size: 18px; display: block; width: 310px; text-align: center;height: 40px; line-height: 40px; position: absolute; bottom:0; left: 0; }
.lcfqL p{text-align: center; line-height: 25px;}
.lcfqL_B .lcfqL_B_ul{overflow: hidden; width: 170px; margin:0 auto; padding-top: 10px;}
.lcfqL_B .lcfqL_B_ul li{width: 60px; padding-left: 10px; background:  url(/eportal/uiFramework/commonResource/image/2017081114553545410.png) left center no-repeat; float: left; margin-right: 30px;}


/*客户服务*/
.noteCon{  width: 100%;  padding-bottom: 20px; background:url(/eportal/uiFramework/commonResource/image/2017081414392094766.png) 146px 20px no-repeat;}
.noteDiv{  width: 706px;  padding-top: 7px; }
.noteDiv h2{  font-size: 22px;  padding-left: 54px;  margin-bottom: 20px;}
.noteUl{  background: #f8f7f7;  padding: 10px 25px 50px;  }
.noteUl li{ line-height:44px; overflow:hidden;}
.noteUl li a,.noteUl li span{ font-size:14px;}
.noteDiv .moreA{ font-size:14px; float:right; margin-top:20px;}

.cardUl { width:100%; overflow:hidden;}
.cardUl li{ float:left;}
.cardUl li a,.cardUl li img{ display:block;}

.formDiv{  padding: 18px; background: #f8f7f7; margin-top: 20px;}
.formDiv h1{   font-size: 20px;  margin-right: 20px;    color: #000;}
.inputDiv{ width:287px; height:32px; margin-right:50px;}
.inputDiv .inputSearch{ background:url(/eportal/uiFramework/commonResource/image/2017081417244488624.png) 0 0 no-repeat; width:98%; height:32px; line-height:32px; padding-left:2%; cursor: pointer;}
.queryUl{  display: block; position: absolute; background: #f8f7f7; width: 284px; border: 1px solid #ccc; height: 144px; overflow: auto;}
.queryUl li{ line-height:28px; cursor: pointer;    border-bottom: 1px solid #ccc; padding-left: 15px;}
.queryUl li:hover{  color:#dd0716;}
.input-con input{ width: 252px; height: 30px; line-height:30px;  border: 1px solid #e5e1e1;  background: #f8f6f7;  padding-left:5px;}
.search-icon input{ width: 70px; height: 32px;  border: 1px solid #e5e1e1; background: #f18b02; color: #fff; font-size: 16px; border-left: none; line-height: 28px;}
.formDiv a.fr{ font-size: 14px; margin-top: 6px;}

.questionUl { width:99%; padding-left:1%; overflow:hidden; margin-bottom:30px;}
.questionUl li{ float: left;  padding-left: 1%;  line-height: 50px; border-bottom: 1px dotted #ccc; background:url(/eportal/uiFramework/commonResource/image/2017081510480656164.png) 0 center no-repeat;}
.questionUl li a{ font-size:14px;    color: #000;}
.questionUl li a:hover{  color: #dd0716;}

/*用卡安全*/
.centerCon .xxpl_nv{  background: #f9f9f9;height:36px;line-height:36px; margin:30px 0;}
.centerCon .xxpl_nv li a{padding:0 28px; font-size:18px; color:#333333;}
.centerCon .xxpl_nv li.xxpl_current a {color: #fff; background:#d70c18; font-size:18px; }
.ykaqCon * { font-size: 14px; line-height: 30px; }



.mk_Tit { font-size: 24px; color: #d70c18; line-height: 36px; margin-bottom: 20px; padding: 0 15px; }
.mk_Con { min-height: 500px; }
.mkList { margin-bottom: 28px; }
.mkList li { height: 45px; line-height: 45px; border-bottom: 1px dotted #eee; padding: 0 15px; vertical-align: middle; }
.mkList li a { font-size: 14px; float: left; display: block; color: #000; width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mkList li:hover a{ color: #dd0716;}
.mkList li span { display: block; font-size: 14px; color: #000; float: right; }
.r_con{  padding:30px; border:1px solid #f0f0f0; margin:0 auto 20px; background: #fff;  overflow: hidden;}
.r_cont { display:block; color: #d70c18; font-size: 24px; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; text-align: center; }
.r_cons{ padding-top:25px; min-height:500px;}
.r_cons p, .r_cons a, .r_cons span, .r_cons font, .r_cons strong{ font-size: 14px; line-height: 180%; color: #333; padding-bottom:15px;text-align: justify;text-justify:inter-ideograph; }
.fontsize{ text-align: right; padding-top:50px; }	
.fontsize span{ margin-left: 16px; cursor: pointer; width:30px; height:32px; display:inline-block;}
.fontsize .dy{ background:url(/jlbank/uiFramework/commonResource/image/2017071316554973165.jpg) center center no-repeat;}
.fontsize .font_d{ background:url(/jlbank/uiFramework/commonResource/image/2017071316554098801.jpg) center center no-repeat;}
.fontsize .font_x{ background:url(/jlbank/uiFramework/commonResource/image/2017071316552726869.jpg) center center no-repeat;}


@media screen and (max-width:600px) {
.banner_img{height:auto;}
	.banner_tab{left:30%;}
        .banner_img ul li{height:23vh;}
        .banner_img li a{height:23vh;}
.content{min-width: 100%;}
.centerCon{width:96%;min-width: 96%;}
p.xyk_xl,.xyk_searchCon p{display: flex;}
p.xyk_xl a{padding:0;font-size: 14px;}
.xyk_searchCon p a{padding: 0 5px;font-size:14px;}
#xyk_con,.xykList,.list_page{width:100%;}
.xykList li{width:48%;margin:0 1% 20px;overflow: hidden;}
p.xykPic img{width:100%;height:20vh;}
p.xykSummary{height:auto;min-height: 80px;margin-bottom: 15px;}
a.more{width:auto;}

/*分页*/
.list_page .easysite-jump-page{display:none;}
.list_page .easysite-total-page{float:none;margin:0 auto;}
.list_page .easysite-total-page span{display:block;text-align:center;line-height: 38px;}
.list_page .easysite-page-wrap{width:auto;margin:0 12%;}
.r_con .list_page .easysite-page-wrap{width:auto;margin:0 8%;}

.r_con{width:92% !important;padding:15px;}
.r_con img{max-width:100%;}
.r_cons table{width:100% !important;}
.mkList li{padding: 0 10px;}
.mkList li a{width:66%;}
/*用卡安全*/
.centerCon .xxpl_nv{    display: flex;height:auto;line-height: 30px;}
.centerCon .xxpl_nv li a{padding:0 2px;font-size: 16px;}
.centerCon .xxpl_nv li.xxpl_current a{font-size: 16px;}
}