﻿@charset "gb2312";
/*全局 start*/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

input:focus,textarea:focus,button:focus{outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}
body{ font-family:"Microsoft YaHei UI","微软雅黑","Hiragino Sans GB","SimHei";background:#fff; font-size:14px; color:#888;}
.bold{font-family:"微软雅黑";}
address,cite,dfn,em,var,i,dt,label{font-style:normal;font-weight:400;}
ol,ul,li,dl,dt,dd {list-style:none;}
a{text-decoration:none;}
a:hover,a:focus{color:#333;text-decoration:none;outline:none}
i,cite,em{ font-style:normal;}
.ovhidden{overflow: hidden;}
.cl{clear:both;line-height:0;font-size:0;height:0; margin:0; padding:0;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.pb30{ padding-bottom:30px;}
.m-bg{ background:#f2f2f2;}
.m-bod{ border:1px solid #e5e5e5;}
.bod-top{ border-top:1px solid #e5e5e5;}
.bg-white{ background-color:#fff;}
.fs-14{ font-size:14px;}
.fs-16{ font-size:16px;}
.text-red{ color:#ca161d}
.text-black{ color:#333}
.text-lanse{ color:#1f8fc4}
.text-pink{ color:#ee5b5b;}
.text-success{ color:#4bbc1a}
.font-SimSun{ font-family:SimSun;}
.btn-red{ color:#fff;background-color: #ca161d; border-color: #ca161d;}
.btn-red:focus,.btn-red.focus,.btn-red:hover{color:#fff;background-color: #c3141b; border-color: #c3141b;}
.btn-pink{ color:#fff;background-color: #ee5b5b; border-color: #ee5b5b;}
.btn-pink:focus,.btn-pink.focus,.btn-pink:hover{color:#fff;background-color: #d85050; border-color: #d85050;}
.btn-lanse{ color:#fff;background-color: #161f3d; border-color: #161f3d;}
.btn-lanse:focus,.btn-lanse.focus,.btn-lanse:hover{color:#fff;background-color: #0e1429; border-color: #0e1429;}
.btn-success{ background-color:#4bbc1a; border-color:#4bbc1a}
.btn-yzm{ border-top-left-radius:0;border-bottom-left-radius:0; height:44px; padding:0}
.form-horizontal .form-group{ margin-left:0; margin-right:0; float:left; width:100%;}
.form-horizontal .checkbox{line-height:20px;padding:0}
.form-control{ box-shadow:none; height:30px; line-height:30px; border-color:#e5e5e5;}
.formcontrol-yzm{ border-top-right-radius:0; border-bottom-right-radius:0}
.btn-block{box-sizing:border-box;}
.media-left{*float:left;}
.media-body{*display:block;*width:auto}

.form-horizontal .control-label{ font-size:14px;color:#333; text-align:left;padding:0;height:44px; line-height:44px;}
[class*="col-"]{padding: 0;}
.row{margin: 0;}
.img-middle{ position:absolute;left:0;top:0;right:0;bottom:0;vertical-align:middle;margin:auto; max-width:100%}
.fl {
	float: left;
}
.fr{
	float: right;
}
.clearfix:before, .clearfix:after { 
	content:"";
    display:table;  
 }
.clearfix:after {
	clear:both;
 }
.clearfix {
	*zoom:1;
 }

.col-xs-free, .col-sm-free, .col-md-free, .col-lg-free {
    position: relative;
    min-height: 1px;

}
    .col-md-free {
        width: 20%;
        float: left;
    }


/* 民生银行 */
.ms-container{
    width: 1200px;
    margin: 5px auto;
}
.title{
    height: 109px;
    line-height: 109px;
    background: #fff;
}
.title p i{
    width: 335px;
    height: 41px;
    margin-top: 16px;
    float: left;
    
}
.title p img{
    width: 100%;
}
.title p span{
    margin-left: 22px;
    font-size: 17px;
    color: #000;
    width: 300px;
    float: left;
    margin-top: 12px;
    height: 50px;
}


.ms-news{background: #f2f5f7;margin-bottom: 30px; height: 200px;}
.ms-news-kx{float: left; width: 410px; padding: 20px;}
.ms-news-bjfw{float: left; width: 790px; padding: 20px;}
.ms-news-bjfw ul{ clear: both; padding-top: 20px;}
.ms-news-bjfw li{float: left; width: 110px; height: 118px; margin-right: 16px;text-align: center; position: relative;}
.ms-news-bjfw li.a1{background: #68befa;}
.ms-news-bjfw li.a2{background: #faba68;}
.ms-news-bjfw li.a3{background: #d68efb;}
.ms-news-bjfw li.a4{background: #8adaac;}
.ms-news-bjfw li.a5{background: #5e9bef;}
.ms-news-bjfw li.a6{background: #4cd2de;}
.ms-news-bjfw li img{margin: 10px auto;display: block;}
.ms-news-bjfw li span{text-align: center;color: #fff; position: relative;}
.ms-news-bjfw li span::before{position: absolute; content: ''; height: 2px; width: 30px; background-color: #fff; left: 50%; bottom: -6px;margin-left: -15px; transition: all .3s;}
.ms-news-bjfw li:last-child{margin-right: 0;}
.ms-news-bjfw li a:hover span::before{width: 100%; left: 0; margin-left: 0;}

.news-item{clear: both; overflow: hidden;}
.news-item .news-links{display: block; height: 100px; border-left: 1px solid #c6d2da; margin-left: 18px; margin-top: 18px; padding-left: 18px; position: relative;font-size: 16px; color: #182b39;}
.news-item .date{display: block; line-height: 32px;}
.news-item .date::before{position: absolute; content: ''; width: 10px; height: 10px;background-color: #c6d2da; border-radius: 5px; left: -6px; top: 10px;}
.news-item .txt{display:block; float: left; width: 190px; line-height: 22px;}
.news-item img{float: right; margin-top: -10px; width: 134px; height: 96px;}
.news-item .news-more{display: block; width: 46px; height: 17px; border-radius: 8px; line-height: 17px; text-align: center; background-color: #00a65d; color: #fff;font-size: 12px;}
.news-item .news-more:hover{ background-color: #8adaac;}
.news-item a.news-links:hover{color: #009844;}


.m-business dt{float: left; width: 227px; height: 238px; background: url(../images/ms_gryw.jpg) right top no-repeat;}
.m-business dt span{margin-left: 130px; margin-top: 30px;}
.m-business dd{float: left; margin-top: 20px; padding-bottom: 15px; border-bottom: 25px solid #f2f5f7;}
.business-item li{float: left; margin-left: 40px; width: 200px;}
.business-item li .ico-img{float: left;}
.business-item li h2{float: left; margin-left: 10px; margin-top: 10px; color: #182b39; font-size: 16px; position: relative;}
.business-item li h2::before{position: absolute; content: ''; height: 2px; width: 20px; background-color: #0072bc; left: 0; top: -6px;}
.business-item li p{display: block; width: 180px; margin-top: 5px; text-indent: 2em; font-size: 14px; color: #80878c; line-height: 26px;}
.business-item li p a{color: #80878c;}
.business-item li p a:hover{color: #009844;text-decoration: underline;}

.links-img{margin: 30px auto;}
.links-img ul li{float: left; width: 286px; height: 109px; margin-right: 18px; position: relative;}
.links-img ul li.img01{ background: url(../images/img286x01.jpg) left center no-repeat;}
.links-img ul li.img02{ background: url(../images/img286x02.jpg) left center no-repeat;}
.links-img ul li.img03{ background: url(../images/img286x03.jpg) left center no-repeat;}
.links-img ul li.img04{ background: url(../images/img286x04.jpg) left center no-repeat;}
.links-img ul li:last-child{margin-right: 0;}
.links-img ul li a{display: block; height: 109px; padding-left: 20px; padding-top: 20px;}


.title-line{display: block; float: left; font-size: 18px; font-weight: bold; color: #182b39; position: relative;}
.title-line::before{position: absolute; content: ''; height: 2px; width: 30px; background-color: #0072bc; left: 0; bottom: -6px; transition: all .3s;}
.links-img ul li a:hover .title-line::before{width: 100px;}
/*----------------------------------------*/
.foot{
    height: 130px;
    background: #e7e8e8;
    padding: 25px 55px ;
    box-sizing: border-box;
    font-size: 12px;
    color: #535353;
}
.foot>div:nth-of-type(1){
	width: 640px;
    height: 90px;
    line-height: 35px;
    float: left;
    border-right: 1px solid #cacccc;
    font-size: 14px;
}
.foot>div:nth-of-type(1) i{
    float: left;
    margin-right: 11px;
}
.foot>div:nth-of-type(1) p a{padding-right: 15px; color: #0c0d0d;}
.foot h4{
    font-size: 17px;
    font-weight: 300;
    margin-top: 2px;
}
.foot_call{
    width: 518px;
    height: 35px ;
    margin:  18px 0 30px 0;
}
.foot_call div:first-child{
    float: left;
}
.foot_call div:nth-of-type(2){
    float: right;
}
.foot_call p{
    margin-bottom: 15px;
}
.foot>div:nth-of-type(2){
    float: right;
    width: 345px;
    height: 108px;
}
.foot>div:nth-of-type(2) ul li{
    width: 33.33%;
    float: left;
    text-align: center;
	font-size: 12px;
}
.foot>div:nth-of-type(2) ul li i{
    display: block;
    width: 75px;
    height: 75px;
    margin: 0 auto 5px;
}

/* 细览 */
.locationNav{
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
}
.breadcrumb{
    padding: 26px 0;
    color: #999;
}
.breadcrumb>a{
    font-size: 16px;
    color: #999;
}
.textTitle{
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin: 30px 0;
}
.subtitle{
    width: 100%;
    height: 42px;
    margin-top: 20px;
    background-color: #f6f6f6;
}
.subtitleMark{
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #f37c3d;
    margin: 15px 15px 0 20px;
}
.subtitleCont{
    display: inline-block;
    line-height: 42px;
    color: #666;
    font-size: 16px;
}
.textContent{
    font-size: 14px;
    text-indent: 2em;
    padding: 15px 15px 15px 0;
    line-height: 30px;
}
.textContent b{
    font-weight: bold;
}
.textContent a{
    color: deepskyblue;
}
.footImg{
    overflow: hidden;
    text-align: center;
}
.container .nh-1{
    display: inline-block;
    width: 200px;
    height: 212px;
    margin: 10px 40px;
}
.container .nh-2{
    display: inline-block;
    width: 200px;
    height: 200px;
    margin:10px 40px;
}

.bigDiv{width: max-content;background: rgb(255, 255, 255);position: absolute;z-index: 99;left: 0px;top: 120px;border-radius: 0px 5px 5px;box-shadow: 0 10px 20px 0 rgb(168 182 191 / 60%);}
.imgDiv{width: auto; height: auto; background: rgb(255, 255, 255); float: right; padding: 20px; z-index: 10; border-radius: 0px 3px 3px;}
.imgDiv .tips{font-size: 12px; width: 131px; text-align: center;}

/* ?? */
/* place */

.fw20-place {
    padding: 14px 0;
    background-color: #f8f8f8;
}

.fw20-box {
    padding-left: 26px;
    background: url(../images/hof1_03.png) no-repeat 12px center;
    line-height: 15px;
    font-size: 14px;
    color: #2e2e2e;
    overflow: hidden;
}

.fw20-box i {
    float: left;
}

.fw20-box span {
    float: left;
    width: 7px;
    height: 14px;
    background: url(../images/hof2_03.png) no-repeat;
    margin: 0 8px;
}

.fw20-box a {
    color: #2e2e2e;
    float: left;
}

.fw20-box em {
    float: left;
    color: #919191;
}

.sertit {
    margin-top: 1rem;
}

.sertit .t1s {
    float: left;
    font-size: 1.1rem;
    font-weight: bold;
    margin-right: 60px;
}
.glistAll {
    margin-top: 1rem;
    margin-bottom:1rem;
}

.glist {
    border-top: 1px solid #e8e8e8;
    margin-top: 1rem;
}

.glist:last-child {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e8e8e8;
}

.glist li {
    padding-left: 0.9rem;
    position: relative;
    margin-top: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.glist li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    background: #cccccc;
    border-radius: 50%;
}

.glist li a {
    display: block;
    float: left;
    width: calc(100% - 130px);
    margin-left: 5px;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
}

.glist li a:hover {
    color: #006eab;
}

.glist li span {
    float: right;
    text-align: right;
    width: 110px;
    font-size: 0.9rem;
    margin-right: 3px;
    color: #c3c3c3;
}

.page {
    text-align: center;
    margin-top: 30px;
}


@media(max-width: 768px){
    body{
        width: 100%;
    }

    .ms-news-kx{width: 100%;}
    .news-item .txt{width: 150px;}
    .title{height: auto;}
    .title p span{display: block; clear: both; font-size: 20px; font-weight: bold;}
    .ms-container {
        width: 100%;
    }

    .ms-container-cc{width: auto; padding:  0 20px;}

    .ms-news-bjfw{width: 100%;}
    .ms-news-bjfw li{width: 45%; margin: 0 2.5%;}
    .m-business dt{width: 100%; background-color: #dcdfe1;}

    .business-item li{width: calc(100% - 40px); margin-top: 10px; margin-bottom: 10px; border-top: 10px solid #f2f5f7; padding-top: 20px;}
    .business-item li p{width: 80%;}
    .links-img ul li,.links-img ul li:last-child{float: none; margin: 0 auto 10px;}

    .foot{
        width: 100%;
        margin: 24px auto;
        height: 100%;
        padding: 25px 15px;
    }
    .foot p{
        font-size: 14px;
    }
     .foot p:first-child{
        margin-top: 20px;
    }
    .foot h4{
        font-size: 18px;
        font-weight: 400;
    }
    .foot div:nth-of-type(1){
        overflow: hidden;
        float: none !important;
        height: 100% !important;
        border-right: none !important;
		 width: 100%;
    }
    .foot div:nth-of-type(1) h4:nth-of-type(2){
        margin-bottom: 40px;
    }
    .foot div:nth-of-type(2){
        overflow: hidden;
        float: none !important;
    }
    .foot div:nth-of-type(1) .foot_call {
        display: block;
        width: 100%;
        height: 100%;
    }
    .foot div:nth-of-type(2){
        width: 100% !important;
        height: auto;
    }
    .foot div:nth-of-type(2) ul{
        width: 100%;
    }
    .foot div:nth-of-type(2) ul li{
        float: left !important;
        width: 33% !important;
    }
}