@charset "utf-8";

.wrapper{}
.container{width: 100%;max-width: 1000px;margin: 0 auto;padding: 10px 0;}

/**********左侧栏目列表css***********/
.xf_left{width: 30%;max-width: 170px;float: left;color: #fff;overflow: hidden;}
.left_top{width:100%;}
.online_con{width:168px;border:1px solid #e5e5e5;}
.online_con a{display:block;text-align:center;margin:0 auto;margin-top:10px;margin-bottom:10px;line-height: 38px;font-size: 16px;font-family: "微软雅黑"}
.personal{background:#ea0524 url(xfc_person_20170907.jpg) no-repeat 15% center;color:#fff;width:144px;height:38px;}
.company{background: url(xfc_company_20170907.jpg) no-repeat 15% center;height:36px;width:142px;border:1px solid #f00404; color:#f00404;}
.mobil_bank{margin-top:10px;}
.contact{margin-top:10px;background:url(xfc_lxwm_20171108.jpg) ;background-size: cover;height:191px;}
.contact_tit{font-family: "微软雅黑";font-size: 18px;color:#fff;text-align: center;line-height:52px}
.contact_con{width:150px;margin:0 auto}
.contact_con p{padding-left:5px;font-family: "微软雅黑";font-size: 16px;color:#fff;line-height:20px;margin-top:10px}
.xf_right{width: 80%;max-width: 800px;background: #fff;float: right;padding: 0 20px;}

.clearMartop{background: #5f5044;padding-bottom: 20px;}
.gyUS{background: none;padding: 0;}
.ownerInfor{padding: 20px;background: #fff;margin-bottom: 12px;}
.gyUS_left{width: 25%;float: left;}
.gyUS_left img{width: 100%;}
.gyUS_right{width: 70%;float: right;}
.gyUS_right h1{font-size: 18px;font-weight: normal;}
.gyUS_right h1 a{color: #f00404;}
.gyUS_right p{color: #5b5b5b;margin-top: 6px;line-height: 24px;}
.service {margin-left:25px;padding-top:10px;}
.service li{float:left; width:33%;}
.service li a{font-family: "微软雅黑";font-size: 14px;color:#3f3f3f;}
/**  弹出DIV样式  **/
.blk{width:600px;position:relative; border:1px solid #e2e2e2; background:#fff;}
.blk a.closeBtn{ float:right; background:url(win_close.jpg) no-repeat; width:28px; height:28px; display:block;}
.blk h2{ line-height:40px; font-size:20px; text-align:center; font-family:"微软雅黑"; color:#5f5044;}
.blk ul{ padding:10px;zoom:1;overflow:auto;font-size:12px; height:80%;}
.blk ul li{ float:left; margin:5px;}
.blk ul li a{background:#f1f1f1;color:#58595b;display:block;width:120px; padding:5px; margin-left:10px;}
.blk ul li .bankname{color:#58595b;display:block;width:130px; padding:5px 3px 5px 5px; margin-left:50px;}
.blk ul li a:hover{background:#5f5044;color:#fff;font-size:12px;}
.blk ul li a p{ line-height:16px; height:16px; text-align:center;}
.blk ul li .bankname p.title{ font-weight:bold; font-size:14px; line-height:16px;height:16px; vertical-align:middle;}

.dash_line { display:block; clear:both; line-height:36px; height:36px; background:url(dash_line.jpg) 0 center repeat-x; cursor:pointer;}
.dash_line span { display:block; background:#fff; width:120px; text-indent:10px; font-size:16px; font-weight:bold; line-height:36px; height:36px; margin-left:30px;}
.dash_line span.up { background:#fff url(dash_line_up.jpg) 100px 14px no-repeat; color:#5f5044;}
.dash_line span.down { background:#fff url(dash_line_down.png) 95px 8px no-repeat; background-size:20%;}

.fwl {
    width:100px;
    display:block;
    float:right;
    text-align:right;
    margin-right:30px;
}

 @media screen and (max-width: 768px){
    .container{padding-bottom: 0;}
    .xf_left{display:none}
    .xf_right{width: 96%;float: inherit;padding: 0 2%;padding-bottom: 1rem;}
    .col_name{height: 6rem;line-height: 6rem;font-size: 2.4rem;padding-top: 0;margin-bottom: 2rem;}
    
    .viewList li a{width: 70%;}
    .viewList li span{width: 30%;}
    .page_Fen{margin: .5rem auto;padding: 0;text-align: center;}

    .gyUS{background: #fff;}
    .ownerInfor{padding: 0;}
    .gyUS_left{width: 99%;float: inherit;margin-top: 2rem;}
    .gyUS_right{width: 100%;float: inherit;}
    .gyUS_right h1{text-align: center;padding: 1rem;}
    .xhdlg2{display: none}
    .xheadout{height:80px}
}