* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {font-family: zhengq;src:url(../fonts/ZhengQingKeHuangYouTi-1.ttf);}
html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;}
html,
body {height: 100%;}

body {padding: 150px 0 0 0;margin: 0px auto;font-size: 16px;line-height: 30px;color: #666666;width: 100%;min-width: 1280px;zoom: 1;font-family:思源黑体 cn,SourceHanSansCN, Microsoft YaHei,arial, sans-serif;background: #fff;}

ul,li,form,dl,dt,dd,div,ul,li,p,em,i,address {font-style: normal;list-style: none;padding: 0px;margin: 0px;}

h1,h2,h3,h4,h5,h6 {padding: 0px;margin: 0px;}

select,input,textarea,button {font-size: 16px;border-radius: 0;-webkit-border-radius: 0;color: #545454;font-family: Microsoft YaHei, arial, sans-serif;}

input:focus {outline: none;}

input,button,select,textarea {border: 0px;outline: none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}

button {cursor: pointer;}

textarea {resize: none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}

textarea,input,select {background: none;border: none;margin: 22px;padding: 0;}

article,aside,footer,header,hgroup,nav,section,figure,figcaption,address,pre,article {display: block;}
/*html5设置*/

figure,figcaption,pre {margin: 0px;padding: 0px;}

audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

img {max-width: 100%;border: none;border: 0;vertical-align: top;}

a {color: #000000;text-decoration: none;noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition: all ease 0.3s;}
a:focus {outline: none;-moz-outline: none;}
a:hover {text-decoration: none;color: #21948f;}


/*input字体*/
 :-moz-placeholder {color: #999999;}
 ::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #d9d9d9;
    text-indent: 1em;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    color: #999999;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}


/*网页滚动条*/

 ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-overflow-scrolling: touch;
    background-color: #e6e6e6;
}

 ::-webkit-scrollbar-track {
    background-color: #e6e6e6;
}

 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #58504a;
}

 ::-webkit-scrollbar-button {
    height: 0px;
    background-color: #e6e6e6;
}


/*公用样式*/

.fl {float: left;}
.fr {float: right;}
.tl {text-align: left !important;}
.tr {text-align: right;}
.tc {text-align: center !important;}
.hide {display: none;}
.block {display: block;}
.clear {clear: both;}
.clearfix {overflow: hidden;_zoom: 1;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom: 1;}
.relative {position: relative;}
.bodyon {overflow: hidden;}
.Contain {z-index: 1;position: relative;clear: both;max-width: 1440px;width: 90%;margin: 0px auto;}
.table{ display: table; width:100%;}
.table .row{ display: table-row;}
.table .cell{ display: table-cell; vertical-align: middle;}

/*font*/
.f_blue {color: #164ca0;}
.f16{font-size: 16px;}
.iconfont {font-size: 24px;vertical-align: middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p {overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

@media(max-width:1600px){
	html{font-size:6.25vw}
}
@media(max-width:1024px){
	html{font-size:9.765625vw}
}
@media ( max-width:1024px) {
    body {
        padding-top: 45px;
        font-size: 14px;
        line-height: 24px;
        min-width: 300px;
    }
    select,
    input,
    textarea,
    button {
        font-size: 14px;
    }
    .Contain{width: auto;margin:0 15px;}
}


/*effict*/

.Scale-img {
    overflow: hidden;
    cursor: pointer;
    zoom: 1;
    overflow: hidden;
}

.Scale-img img,
.Scale-img span {
    opacity: 1;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
}

.Scale-img:hover img,
.Scale-img:hover span {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
    top: 0px;
    left: 0px;
}

.effict {
    transition: all ease 0.3s;
}

.imgbox {
    overflow: hidden;
    position: relative;
    /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgbox img {max-height: 100%;}

.itemhover{transition: all ease 0.3s;display: block;}
.activehover{-webkit-box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	box-shadow: 0 15px 38px rgba(0,0,0,0.18);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);}
.itemhover2{transition: all ease 0.3s;display: block;}
.activehover2{
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0);}


/*pages*/

.Pages {
    clear: both;
    text-align: center;
    padding: 4% 0 0;
    font-size: 16px;
    color: #666666;
}

.Pages a {
    padding: 0 0;
    border: none;
    display: inline-block;
    line-height: 52px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    border-radius: 0;
}

.Pages a:hover {
    background-color: #21948f;
    color: #fff;
}

.Pages a.a_cur {
    background-color: #21948f;
    color: #fff;
}

.Pages a.a_prev,
.Pages a.a_next {
    width: 140px;
    height: 52px;
    background-color: #f6f6f6;
}
.Pages a.a_first,
.Pages a.a_end
 {
    width: 100px;
    height: 52px;
    background-color: #f6f6f6;
}

.Pages .p_count{
margin-left:0.2rem;
}
.Pages a.a_prev:hover,
.Pages a.a_next:hover,
.Pages a.a_first:hover,
.Pages a.a_end:hover {
    background-color: #21948f;
}

.Pages .num {
    font-style: normal;
    margin: 0 0.4rem;
}

.Pages .num a {
    width: 52px;
    font-family: zhengq;
}

@media(max-width:992px) {
    .Pages {
        font-size: 14px;
    }
    .Pages a,
    .Pages a.a_prev,
    .Pages a.a_next {
        height: 30px;
        line-height: 30px;
        margin: 5px 0;
    }
    .Pages a.a_prev,
    .Pages a.a_next,.Pages a.a_first, .Pages a.a_end {
        width: 80px;
    }
    .Pages .num {
        margin: 0 20px;
    }
    .Pages .num a {
        width: 30px;
    }
}

@media(max-width:480px) {
    .Pages a {
        font-size: 14px;
    }
    .Pages a.a_prev,
    .Pages a.a_next,.Pages a.a_first, .Pages a.a_end {
        width: 60px;
    }
    .Pages .num {
        margin: 0 10px;
    }
}


/*pages end*/

@keyframes move {
    0%,
    65% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    75% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    85% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    90% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    95% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes move {
    0%,
    65% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    70% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    75% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    80% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    85% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    90% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    95% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/*Top*/

.Header {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    /* box-shadow: 0 0 24px rgba(0, 0, 0, 0.08); */
    transition: all ease 0.3s;
}

.Header .head_top {
    overflow: hidden;
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px solid #ededed;transition: all 0.3s;
}

.Header .head_top .ht_l {
    float: left;
    font-size: 14px;
    color: #333;
}

.Header .head_top .ht_r {
    float: right;
}
.langu{
    float: right;
    font-size: 16px;
       color: #666;
       padding-left: 10px;
}
.langu a{
    color: #666;
padding: 0 5px;

}
.langu a.on,.langu a:hover{
    color: #164ca0
}

.kf_btn {
    width: 90px;
    height: 30px;
    background-color: #164ca0;
    border-radius: 5px;
    float: right;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin: 5px 0 0 20px;
}

.kf_btn img {display: inline-block;vertical-align: middle;margin-right: 5px;}

.kf_btn:hover {
    background-color: #21948f;color:#fff;
}

.head_top .ht_r .rexian {
    float: right;
    color: #666666;
}

.head_top .ht_r .rexian span {
    float: right;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.Header .Logo {
    float: left;
    padding-top: 36px;
}

.Header .Logo a {
    display: block;
}

.Header .Logo img {}

.Search {
    float: right;
    margin-top: 33px;
    margin-left: 0.2rem;
}

.Search .Searchico {
    cursor: pointer;
    color: #333;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
}

.Search .Searchico .icongb1 {
    display: none;
}

.Search .Searchico.on .icongb1 {
    display: block;
    color: #21948f;
}

.Search .Searchico.on .iconso {
    display: none;
}

.Search .Searchico .iconfont {
    font-size: 20px;
    position: relative;
    top: -1px;
}

.Search .searchbox {
    width: 350px;
    background: #fff;
    right: 0%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    top: 109px;
}

.Search .searchbox .input {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-indent: 1em;
}

.Search .searchbox .input::-webkit-input-placeholder {
    color: #959595;
}

.Search .searchbox .btn {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 29px;
    background: none;
}

.MainNav {
    float: right;
}

.MainNav li {
    float: left;
    margin:0 0.24rem;
    position: relative;
}

.MainNav span a {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-weight: 1;
    transition: all ease 0.3s;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    color: #000000;
    line-height: 109px;
}

.MainNav .bg {
    position: absolute;
    left: 50%;
    width: 0;
    bottom: 0;
    height: 3px;
    background: #21948f;
    transition: all ease 0.3s;
}

.MainNav .arr {
    display: none;
}

.MainNav li:hover span a,
.MainNav li.onnav span a {
    color: #21948f;
}

.MainNav li:hover .bg,
.MainNav li.onnav .bg,
.MainNav li span a.bg {
    width: 100%;
    left: 0;
}

.NavPull {
    z-index: 99;
    display: none;
    position: absolute;
    text-align: center;
    top: 109px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    line-height: 40px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.NavPull.null {
    background: none;
    padding: 0;
}

.NavPull dd {
    display: block;
    *display: inline;
    zoom: 1;
}

.NavPull a {
    color: #333;
    padding: 0 10px;
    display: block;
    font-size: 14px;
}

.NavPull a:hover {
    background: #21948f;
    color: #fff;
}

.openbtn {
    cursor: pointer;
    display: none;
    width: 32px;
    height: 25px;
    padding-top: 1px;
    background: #fff;
    position: absolute;
    right: 12px;
    top: 11px;
    z-index: 999;
}

.closebtn {
    position: fixed;
    left: 0px;
    top: 45px;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.openbtn span {
    display: block;
    height: 2px;
    background: #21948f;
    border-radius: 4px;
    margin: 4px;
    transition: all ease 0.3s;
}

.openbtn.on .sp1 {
    -webkit-transform: translate(0, 7px) rotate(45deg) !important;
    -moz-transform: translate(0, 7px) rotate(45deg) !important;
    -ms-transform: translate(0, 7px) rotate(45deg) !important;
    -o-transform: translate(0, 7px) rotate(45deg) !important;
    transform: translate(0, 7px) rotate(45deg) !important;
}

.openbtn.on .sp2 {
    -webkit-transform: translate(0, 0) rotate(-45deg) !important;
    -moz-transform: translate(0, 0) rotate(-45deg) !important;
    -ms-transform: translate(0, 0) rotate(-45deg) !important;
    -o-transform: translate(0, 0) rotate(-45deg) !important;
    transform: translate(0, 0) rotate(-45deg) !important;
}

.openbtn.on .sp3 {
    display: none;
}

@media ( min-width:1024px) {
    .Header.fix{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
    .Header.fix .head_topen {
        margin-top: -40px;
    }
    .Header.fix .head_top {
        margin-top: -40px;
    }
    .Header.fix .MainNav span a {
        line-height: 80px;
    }
    .Header.fix .Logo {
        float: left;
        padding-top: 20px;
    }
    .Header.fix .Search {
        margin-top: 18px;
    }
    .Header.fix .Search .searchbox {
        top: 80px;
    }
    .Header.fix .NavPull {
        top: 80px;
    }
}

@media screen and (min-width: 1440px) and (max-width:1735px) {
    .MainNav li {
        margin-left: 22px;
    }
    .MainNav span a {
        font-size: 16px;
    }
}

@media ( max-width:1440px) {
    .MainNav li {
        margin-left: 20px;
    }
    .MainNav span a {
        font-size: 17px;
    }
    .Header .Logo {
        padding-top: 28px;
    }
}

@media ( max-width:1366px) {
    .Header .Logo img {
        height: 46px;
    }
    .MainNav span a {
        font-size: 17px;
    }
}

@media ( max-width:1320px) {
    .MainNav li {
        float: left;
        margin-left: 12px;
    }
    .MainNav span a {
        font-size: 16px;
    }
}

@media ( max-width:1024px) {
    .Header {
        height: 45px;
        top: 0;
        position: fixed;
    }
    .Header .head_top {
        display: none;
    }
    .Header .Logo {
        padding-top: 14px;
    }
    .Header .Logo img {
        height: 20px;
    }
    .Header .top {
        right: 80px;
        top: 5px;
    }
    .Header .openbtn {
        display: block;
    }
    .Search {
        float: right;
        margin: 0 30px 0;
        padding: 9px 0px 0 0 !important;
    }
    .Search .Searchico {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
    .Search .searchbox {
        width: 94%;
        left: 3%;
        top: 47px !important;
    }
    .Search .Searchico .iconfont {
        top: 2px;
    }
    .Search .searchbox .btn .iconfont {
        font-size: 20px;
    }
    .Search .select {
        line-height: 28px;
    }
    .MainNav {
        position: fixed;
        height: 100%;
        overflow-y: auto;
        z-index: 999;
        width: 260px;
        padding: 0;
        right: -260px;
        background: #fff;
        top: 45px;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all ease 0.3s;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .MainNav ul {
        margin-top: 0px;
    }
    .MainNav li {
        display: block;
        position: relative;
        cursor: pointer;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        width: auto;
        margin: 0 10px;
        background: none;
    }
    .MainNav li span a {
        font-size: 16px;
        text-align: left;
        height: auto;
        display: block;
        line-height: 28px !important;
        height: auto !important;
        height: auto;
        padding: 8px 0 8px 5px;
        border: 0;
        /* color: #999; */
    }
    .MainNav .bg {
        display: none
    }
    .MainNav .arr {
        display: inline-block;
        position: absolute;
        z-index: 2;
        width: 100px;
        line-height: 38px;
        right: 0px;
        top: 0px;
    }
    .MainNav .arr i {
        position: absolute;
        height: auto;
        background: none;
        right: 0px;
        top: 5px;
        transition: all ease 0.3s;
    }
    .MainNav li.onnav .arr i {
        dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
        -ms-transform: translate(0, -3px) rotate(-180deg) !important;
        -o-transform: translate(0, -3px) rotate(-180deg) !important;
        transform: translate(0, -3px) rotate(-180deg) !important;
        color: #21948f;
    }
    .MainNav.on {
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
        right: 0;
    }
    .NavPull {
        position: static;
        line-height: 30px;
        padding: 8px;
        width: 100%;
        left: 0;
        transform: translateX(0px);
        box-sizing: border-box;
    }
    .NavPull dl {
        padding: 0 !important;
    }
    .NavPull dd {
        position: relative;
        text-align: left;
        display: block;
    }
    .NavPull dd a {
        padding: 0;
    }
}

@media ( max-width:480px) {
    .Search {
        float: right;
        margin: 0 40px 0;
        padding: 9px 0px 0 0 !important;
    }
}


/*Top*/


/*Bottom*/

.Footer {
    background-color: #0b121d;
    overflow: hidden;
    padding: 4% 0;
}

.foot_l {
    float: left;
    width: 30%;
}

.foot_l .title {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 10px;
}

.foot_l dl {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.6;
}

.foot_l dl dd {}

.foot_c {
    float: left;
    width: 40%;
    padding: 2% 2%;
    box-sizing: border-box;
    border-left: 1px solid #242a34;
    border-right: 1px solid #242a34;
}

.foot_c dl {
    width: 25%;
    float: left;
    text-align: center;
    color: #ffffff;
}

.foot_c dl dd {
    margin-top: 15px;
}

.foot_r {
    float: right;
    width: 30%;
    padding-left: 2%;
    box-sizing: border-box;
}

.foot_r .links {
    margin-bottom: 10%;
}

.foot_r .links a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 0 10px;
    position: relative;
}

.foot_r .links a:before {
    content: '';
    width: 1px;
    height: 11px;
    background-color: #ffffff;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 5px;
}

.foot_r .links a:first-child:before {
    display: none;
}

.foot_r .links a:first-child {
    padding-left: 0;
}

.foot_r .links a:last-child {
    padding-right: 0;
}

.foot_r .links a:hover {
    color: #21948f;
}
.foot_r .linksen {line-height: 24px;padding:29px 0 26px;}
.foot_r .linksen a{display: block;font-weight: bold;color:#fff;}

.Copyright {}

.Copyright p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
}

.Copyright a {
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.3;
}

.Copyright a:hover {
    opacity: 1;
}

.totop {
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.totop.cd-is-visible {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}

.Footer.en{}
.Footer.en .foot_l .title{line-height: 67px;margin-bottom: 0;font-weight: bold;}
.Footer.en .foot_c{padding:0.56rem 0.36rem 0;width: 33%;}
.Footer.en .foot_c dl{padding:0 5px;}
.Footer.en .foot_c dl dd{font-size: 12px;line-height: 20px;}
.Footer.en .foot_r{padding-left: 0.46rem;width: 37%;}

@media ( max-width:1280px) {
    .foot_r {
        padding-left: 3%;
    }
    .foot_c {
        padding: 2% 3%;
    }
}

@media ( max-width:1024px) {
    .Footer {}
    .foot_l,
    .foot_c {
        display: none;
    }
    .foot_r {
        width: 100% !important;
        float: none;
        display: block;
        padding: 0 3%;
        height: auto;
    }
    .foot_r .links {
        margin-bottom: 2%;
    }
    .Footer.en .Copyright p{ font-size: 12px;}
}

@media ( max-width:480px) {
    .foot_r {
        padding: 0;
        text-align: center;
    }
    .foot_r .links a,
    .Copyright p {
        font-size: 14px;
        line-height: 24px;
    }
}


/*Bottom*/


/*首页 s*/

.activehover {
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}

.HomeBan {
    overflow: hidden;
    clear: both;
    position: relative;
}

.HomeBan .imgbox {
    padding-top: 29.3%;
}


/*banner end*/

.homeTitle {
    overflow: hidden;
    border-bottom: 1px #e50113 solid;
    line-height: 50px;
    margin-bottom: 20px;
}

.homeTitle .tit_cn {
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.homeTitle .tit_cn img {
    position: relative;
    margin-right: 10px;
}

.homeTitle .more {
    float: right;
    width: 50px;
    height: 50px;
    background: url(../image/add.png) right center no-repeat;
}

@media ( max-width:1440px) {}

@media ( max-width:1024px) {}

@media ( max-width:768px) {}

@media ( max-width:480px) {
    .homeTitle {
        line-height: 40px;
    }
    .homeTitle .tit_cn {
        font-size: 20px;
    }
    .homeTitle .tit_cn img {
        width: 40px;
    }
    .homeTitle .more {
        width: 40px;
        height: 40px;
    }
}


/* 内页 */

.SubBan {
    position: relative;
    overflow: hidden;
}

.SubBan .imgbox {
    padding-top: 18.81%;
}

.SubBan .txtbox {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 100%;
}

.SubBan .txtbox .t1 {
    font-size: 36px;
    color: #ffffff;
}
.SubBan .txtbox .t2 {
    font-size: 42px;
    text-transform: uppercase;
    color: #ffffff;
}

.SubCon {
    padding-top: 4%;padding-bottom: 4%;
    position: relative;
    min-height: 400px;
    overflow: hidden;
}

.Position {
    font-size: 14px;
    line-height: 1.08rem;
    position: relative;
}

.Current {
    color: #000;
    font-size: 14px;
}

.Current a {
    color: #000;
}

.Current i {
    color: #21948f;
    margin-right: 5px;
    font-size: 18px;
}

.Current span {
    color: #21948f;
}
.Current a:hover{
    color: #21948f;
}

.Menus{background: url(../image/line.png) no-repeat left center;width: 74%;}

.Menus .title {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    background: #21948f;
    color: #fff;
    line-height: 24px;
    display: none;
}

.Menus .title i {
    float: right;
    font-size: 24px;
    transition: ease-in-out 300ms;
}

.Menus .title.on i {
    transform: rotate(-180deg);
}
.Menus dl{width: 100%;}
.Menus dd {
    width: 12.5%;
    float: left;
    text-align: center;
    background: url(../image/line.png) no-repeat right center;
}

.Menus dd a {
    display: block;
    font-size: 0.18rem;
    color: #666666;
    background-repeat: no-repeat;
    background-size: cover;
}

.Menus dd:last-child {
    background: none;
}

.Menus dd.on a,
.Menus dd:hover a {
    background-color: #21948f;
    color: #fff;
}

.Title01 {
    line-height: 35px;
}

.Title01 .name {
    font-size: 24px;
}

.Title01 .more {
    float: right;
    color: #21948f;
}

.Title01 .more img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.gray_bg {
    background-color: #f2f2f2;
}

@media ( max-width: 1024px) {
    .SubCon{padding-top:30px;padding-bottom:30px;min-height: 300px;}
    .SubBan .txtbox .t1 {
        font-size: 22px;
    }
    .Position {
        line-height: 30px;
        border-bottom: none;
        padding: 0;
        box-shadow: none;
    }
    .Current,
    .Menus {
        width: auto;
        float: none;
    }
    .Current {
        padding: 10px 0;
    }
    .Menus .title {
        display: block;
    }
    .Menus dl {
        display: none;
        padding: 15px;
        border: 1px solid #21948f;
    }
    .Menus dd {
            float: none;
    width: 100%;
    background: none;
    border-bottom: 1px #eee dashed;
    }
    .Menus dd a {
        font-size: 16px;
        padding: 0;
        line-height: 36px;
    }
    .Menus dd.on a,
    .Menus dd:hover a {
        background: none;
        color: #21948f;
    }
}

@media ( max-width: 768px) {
    .Title01 {
        line-height: 24px;
    }
    .Title01 .name {
        font-size: 20px;
    }
    .SubBan .txtbox .t1 {
        font-size: 18px;
        font-weight: bold;
    }
}

@media ( max-width: 640px) {
    .ptb3 {
        padding: 5% 0;
    }
    .mb3 {
        margin-bottom: 5%;
    }
    .mb5 {
        margin-bottom: 8%;
    }
}

@media ( max-width: 480px) {
    .ptb3 {
        padding: 5% 0;
    }
    .mb3 {
        margin-bottom: 5%;
    }
    .mb5 {
        margin-bottom: 8%;
    }
}


/* 理财及代销业务 */

.CommonList ul {
    border-top: 1px solid #d9d9d9;
}

.CommonList li {
    border-bottom: 1px solid #d9d9d9;
    height: 0.85rem;
    line-height: 0.85rem;
    overflow: hidden;
    padding-right: 100px;
    padding-left: 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.CommonList li:before {
    content: '';
    background-color: #164ca0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 99;
}

.CommonList li a {
    font-size: 0.18rem;
    color: #000;
    overflow: hidden;
}

.CommonList li span {
    font-family: zhengq;
    position: absolute;
    font-size: 16px;
    color: #000000;
    opacity: 0.4;
    right: 0;
    top: 0;
}

.CommonList li:hover a {
    color: #21948f;
}

.CommonList li:hover:before {
    background-color: #21948f;
}

.CommonList li:hover {
    border-bottom: 1px solid #21948f;
}

@media ( max-width:768px) {
    .CommonList li {
        height: 50px;
        line-height: 50px;
        padding-right: 80px;
    }
    .CommonList li a {
        font-size: 16px;
    }
}

@media ( max-width:480px) {
    .CommonList li a {
        font-size: 14px;
    }
    .CommonList li span {
        font-size: 12px;
    }
    .CommonList li:before {
        width: 4px;
        height: 4px;
    }
}


/* 特色业务 */

.SpecialBuss {}

.SpecialBuss ul {
    margin-left: -3%;
    overflow: hidden;
}

.SpecialBuss ul li {
    width: 30.33%;
    margin-left: 3%;
    float: left;
    border-radius: 14px;
    margin-bottom: 3%;
}

.SpecialBuss ul li a {}

.SpecialBuss ul li .imgbox {
    padding-top: 66.7%;
}


/* 产品信息查询 */

.ProSearch {}

.ProSearch .pros_box {
    width: 60%;
    height: 64px;
    background-color: #ffffff;
    border-radius: 32px;
    position: relative;
    padding-right: 140px;
    box-sizing: border-box;
    margin: 0 auto;
}

.ProSearch .pros_box:before {
    content: '';
    width: 1px;
    height: 32px;
    background-color: #000000;
    opacity: 0.09;
    position: absolute;
    right: 77px;
    top: 16px;
}

.ProSearch .pros_box .sinput {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 64px;
    letter-spacing: 0px;
    color: #333333;
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
}

.ProSearch .pros_box .sinput::placeholder {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 64px;
    letter-spacing: 0px;
    color: #333333;
}

.ProSearch .pros_box .clear_btn {
    width: 23px;
    height: 23px;
    background-color: #f2f2f2;
    border-radius: 50%;
    position: absolute;
    right: 98px;
    top: 20px;
    text-align: center;
    line-height: 23px;
    cursor: pointer;
}

.ProSearch .pros_box .clear_btn .iconfont {
    font-size: 12px;
    color: #797979;
}

.ProSearch .pros_box .search_btn {
    width: 50px;
    height: 50px;
    background-color: #21948f;
    border-radius: 50%;
    position: absolute;
    right: 8px;
    top: 7px;
}

.ProSearch .pros_box .search_btn .iconfont {
    font-size: 20px;
    color: #fff;
}

.ProSearch .pros_type {
    font-family: SourceHanSansCN-Normal;
}

.ProSearch .pros_title {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 64px;
    letter-spacing: 0px;
    color: #000000;
}

.ProSearch .pros_title img {
    position: relative;
    top: 24px;
    padding-right: 10px;
}

.ProSearch .pros_type ul {
    font-size: 16px;
    background-color: #ffffff;
    padding: 2.5%;
}

.ProSearch .pros_type ul li {
    margin-bottom: 20px;
}

.ProSearch .pros_type ul li:last-child {
    margin-bottom: 0;
}

.ProSearch .pros_type ul li .em {
    font-size: 16px;
    color: #f6ad2d;
}

.ProSearch .pros_type ul li span {
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    display: inline-block;
    width: 110px;
}

.ProSearch .pros_type ul li .label {
    color: #666666;
    width: 9%;
    display: inline-block;
}

.ProSearch .pros_type ul li .label input {
    margin-right: 8px;
}

.ProSearch .pros_result {}

.ProSearch .pros_result .pro_table {}

.ProSearch .pros_result table {
    border-collapse: collapse;
    border: none;
    border-spacing: 0;
    width: 100%;
}

.ProSearch .pros_result .pro_table tr {}

.ProSearch .pros_result .pro_table th {
    background-color: #21948f;
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    height: 70px;
}

.ProSearch .pros_result .pro_table td {
    border-collapse: collapse;
    font-size: 15px;
    height: 90px;
    background-color: #ffffff;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

.ProSearch .pros_result .pro_table tr td:nth-child(1),
.ProSearch .pros_result .pro_table tr td:nth-child(6),
.ProSearch .pros_result .pro_table tr td:nth-child(11) {
    width: 10%;
}

.ProSearch .pros_result .pro_table tr td:nth-child(11),


.ProSearch .pro_tips {
    padding: 2% 0;
    border-top: 1px solid #d9d9d9;
}

.ProSearch .pro_tips ul li {
    padding-left: 20px;
}

.ProSearch .pro_tips .title {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    position: relative;
}

.ProSearch .pro_tips .title:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #164ca0;
    border-radius: 2px;
    position: absolute;
    top: 18px;
    left: -16px;
}

.ProSearch .pro_tips p {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #666666;
    padding: 6px 0;
}

.ProSearch .pro_tips p.fgreen {
    color: #21948f;
}

@media ( max-width: 1024px) {
    .ProSearch .pros_result .pro_table {
        width: 100%;
        overflow-x: auto;
    }
    .ProSearch .pros_result .pro_table table {
        width: 1000px;
    }
    .ProSearch .pros_result .pro_table th {
        font-size: 16px;
    }
    .ProSearch .pros_result .pro_table td {
        font-size: 14px;
    }
    .ProSearch .pro_tips .title {
        line-height: 30px;
    }
}


/* 信用卡中心 */

.CardBan {
    position: relative;
    overflow: hidden;
}

.CardBan .imgbox {
    padding-top: 35.53%;
}

.CardCon {
    position: relative;
    padding: 5% 0;
}

.CardCon .titbox {
    border-bottom: 1px solid #ececec;
    margin-bottom: 0.4rem;
    padding-bottom: 0.29rem;
    position: relative;
}

.CardCon .titbox .tit {
    font-size: 0.28rem;
    line-height: 30px;
    color: #000000;
}

.CardCon .titbox:before {
    content: '';
    width: 40px;
    height: 5px;
    background-color: #164ca0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.CardCon .titbox .more_btn {
    position:absolute;
    top: 0;
    right:0;
    width: 30px;
    height: 0.3rem;
    background: url(../image/more.png) center no-repeat;
}

.CardCon .titbox .more_btn:hover {
    background: url(../image/more.png) center right no-repeat;
}

.CardCon .titbox .more_btn1 {
    position: absolute;
    top: -5px;
    right: 0;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    border: solid 1px #164ca0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #164ca0;
    text-align: center;
    box-sizing: border-box;
}

.CardCon .titbox .more_btn1:hover {
    background-color: #164ca0;
    color: #fff;
}

.Ccon1 {
    padding-bottom: 2%;
}

.Ccon1 .CC_l {
    width: 48.62%;
    float: left;
}

.Ccon1 .CC_l ul {
    margin-left: -1.5%;
    overflow: hidden;
}

.Ccon1 .CC_l ul li {
    position: relative;
    width: 48.5%;
    float: left;
    margin-left: 1.5%;
    margin-bottom: 1.5%;
}

.Ccon1 .CC_l ul li .imgbox {
    padding-top: 52%;
}

.Ccon1 .CC_l ul li .txtbox {
    position: absolute;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;
    bottom: 20px;
    left: 30px;
    z-index: 99;
}

.Ccon1 .CC_l ul li .txtbox img {}

.Ccon1 .CC_r {
    width: 48.62%;
    float: right;
}

.Ccon2 {
    padding-bottom: 2%;
}

.Ccon2 .card_list {
    overflow: hidden;
    margin-left: -2.4%;
}

.Ccon2 .card_list li {
    width: 17.6%;
    float: left;
    margin-left: 2.4%;
    text-align: center;
}

.Ccon2 .card_list li a {
    display: block;
}

.Ccon2 .card_list li .pc {
    height: 340px;
    background-color: #ffffff;
    border-radius: 10px;
    line-height: 340px;
}

.Ccon2 .card_list li .pc img {
    vertical-align: middle;
}

.Ccon2 .card_list li .tit {
    font-size: 16px;
    margin-top: 30px;
    color: #281e1a;
    overflow: hidden;
}
.Ccon2 .card_list li:hover .tit{
    color: #164ca0;
}
.Ccon3 {
    padding: 3% 0;
    color: #ffffff;
    background-repeat: no-repeat;
    /*background-size: contain;*/
    position: relative;
}

.Ccon3 .logo_w {}

.Ccon3 .slogen {
    font-size: 44px;
    margin: 2% 0;
    line-height: 60px;
}

.Ccon3 .qrlist {
    overflow: hidden;
}

.Ccon3 .qrlist li {
    float: left;
    margin-right: 16px;
    text-align: center;

}
.Ccon3 .qrlist li img{
     max-width: 1.1rem;
}
.Ccon3 .qrlist li p {
    font-size: 14px;
    padding-top: 15%;
    line-height: 0.2rem;
}

.Ccon4 {
    padding-top: 3%;
}

.Ccon4 .txtbox {
    position: relative;
    width: 67%;
    float: left;
}

.Ccon4 .txtbox .news_pc {
    width: 48.31%;
    float: left;
    position: relative;
}

.Ccon4 .txtbox .news_pc .pc_txt {
    position: absolute;
    font-size: 18px;
    line-height: 60px;
    padding: 0 5%;
    color: #ffffff;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Ccon4 .txtbox .news_pc .imgbox {
    padding-top: 64.5%;
}

.Ccon4 .txtbox .txt_right {
    width: 51.69%;
    padding: 3%;
    box-sizing: border-box;
    float: right;
    background-color: #fff;
}

.Ccon4 .txtbox .txt_right .top_news {
    padding-bottom: 20px;
    border-bottom: 1px #e5e5e5 solid;
    padding-left: 100px;
    position: relative;
    margin-bottom: 10px;
}

.Ccon4 .txtbox .txt_right .top_news:before {
    content: '';
    width: 1px;
    height: 60px;
    background-color: #e5e5e5;
    position: absolute;
    top: 6px;
    left: 80px;
}

.Ccon4 .txtbox .txt_right .top_news .news_date {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    color: #164ca0;
}

.Ccon4 .txtbox .txt_right .top_news .news_date .date_dd {
    font-size: 36px;
    line-height: 44px;
}

.Ccon4 .txtbox .txt_right .top_news .news_date .date_MM {
    font-size: 14px;
}

.Ccon4 .txtbox .txt_right .top_news .news_tit {}

.Ccon4 .txtbox .txt_right .top_news .news_tit a {
    font-size: 0.2rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 30px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.Ccon4 .txtbox .txt_right .top_news .news_tit p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #999999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.Ccon4 .txtbox .txt_right .top_news .news_tit a:hover{
    color: #164ca0;
}
.txt_right .news_list li {
    padding-right: 80px;
}

.CardCon .news_list {}

.CardCon .news_list li {
    position: relative;
    overflow: hidden;
    padding-right: 100px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.39rem;
    letter-spacing: 0px;
    color: #333333;
}

.CardCon .news_list li .date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    color: #cbcbcb;
    text-align: right;
    font-family: zhengq;
}

.CardCon .news_list li .tit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 2%;
}

.CardCon .news_list li .tit:before {
    content: '';
    width: 3px;
    height: 3px;
    background-color: #164ca0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 19px;
}

.CardCon .news_list li:hover .tit ,.CardCon .news_list li:hover .date{
    color: #164ca0;
}



.Tabbox {
    float: right;
    width: 30.56%;
}
.Tabbox .titbox{overflow: hidden;padding-bottom: 0;}
.Tabbox .titbox:before{
    display: none;
}
.Tabbox .titbox .tit {
    color: #666666;
    cursor: pointer;
    position: relative;
    width: 150px;
    float: left;
    padding-bottom: 0.29rem;
}
.Tabbox .titbox .tit:before{
    content: '';
    width: 40px;
    height: 5px;
    background-color: #164ca0;
    position: absolute;
    bottom: 0;
    left: 0;
}
.Tabbox .titbox .tit.on {
    color: #000000;
}

.Tabbox .titbox .more_btn {
    display: none;
}

.Tabbox .titbox .more_btn.on {
    display: block;
}

.Tabbox .titbox .tit::before {
    display: none;
}

.Tabbox .titbox .tit.on::before {
    display: block;
}

.CardCon .Tabbox .news_list {
    display: none;
}

.CardCon .Tabbox .news_list li {
    line-height: 42px;
    padding-right: 80px;
}

.CardCon .Tabbox .news_list.show {
    display: block;
}

@media(max-width:1440px) {
    .Ccon3 {
        padding: 2% 0;
    }
    .Ccon3 .qrlist li p {
        font-size: 14px;
        padding-top: 8%;
    }
    .Ccon3 .slogen {
        font-size: 30px;
        margin: 2% 0;
        line-height: 30px;
    }

    .CardCon .news_list li .tit:before {
        top: 16px;
    }

    .CardCon .news_list li .tit:before {
        top: 19px;
    }
    .CardCon .Tabbox .news_list li .tit:before {
        top: 20px;
    }
}

@media(max-width:1366px) {
    .CardCon.news_list {
        padding-top: 0;
    }
    .Ccon4 .txtbox .txt_right .top_news {
        padding-bottom: 10px;
    }
}

@media(max-width:1280px) {
    .Ccon3 .qrlist li img {
        width: 80px;
    }
    .Ccon3 .slogen {
        font-weight: bold;
    }
    .Ccon4 .txtbox .txt_right .top_news .news_date .date_dd {
        font-size: 26px;
        line-height: 32px;
    }
    .Ccon4 .txtbox .txt_right .top_news .news_tit a {
        font-size: 18px;
    }
    .Ccon4 .txtbox .news_pc .pc_txt {
        font-size: 16px;
    }
    .CardCon .Tabbox .news_list li {
        line-height: 36px;
    }
    .CardCon .Tabbox .news_list li .tit:before {
        top: 18px;
    }
    .Ccon3 {
        background-size: cover;
        background-position: center;
    }
}

@media(max-width:1024px) {
    .CardCon .titbox {
        margin-bottom: 20px;
    }

    .Ccon4 .txtbox .top_news .tit {
        font-size: 18px;
    }
    .Ccon4 .txtbox .top_news .time {
        line-height: 30px;
    }

    .Ccon1 .CC_l,
    .Ccon1 .CC_r,
    .Ccon4 .txtbox,
    .Tabbox {
        width: 100%;
        float: none;
    }
    .Ccon2 .card_list li {
        margin-left: 20px;
    }
    .Ccon2 .card_list {
        margin-left: -20px;
    }
    .Ccon2 .card_list li .tit {
        margin-top: 20px;
    }

    .CardCon .news_list li .tit:before {
        top: 19px;
    }
    .Tabbox {
        margin-top: 3%;
    }
    .CardCon .titbox .tit {
        font-size: 20px;

    }
}

@media(max-width:992px) {
    .Ccon4 .txtbox .news_pc:nth-child(2) {
        margin-right: 0;
    }
    .Ccon4 .txtbox .txt_right .top_news {
        padding-bottom: 2%;
    }
    .Ccon3 .slogen {
        font-size: 24px;
    }
}

@media(max-width:768px) {
    .Ccon4 .txtbox {
        width: 100%;
        float: none;
    }
    .Ccon4 .txtbox .txt_right .top_news .news_tit a {
        height: 30px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .CardCon.news_list li .tit {
        line-height: 30px;
        font-size: 14px;
    }

    .Ccon3 .qrlist li img {
        width: 60px;
    }
    .Ccon3 .slogen {
        font-size: 20px;
    }.Tabbox .titbox .tit{
        width: 100px;
    }
}

@media(max-width:640px) {
    .title .tit_cn {
        font-size: 26px;
    }
    .title .tit_en {
        font-size: 16px;
    }
    .Ccon4 .txtbox .news_pc {
        width: 100%;
        float: none;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .Ccon4 .txtbox .txt_right {
        width: 100%;
        float: left;
    }
    .Ccon4 .txtbox .txt_right .top_news:before {
        height: 46px;
    }
    .txt_right .news_list li {
        line-height: 38px;
    }
}

@media(max-width:480px) {
    .Ccon1 .CC_l ul li .txtbox {
        font-size: 16px;
        line-height: 30px;
        bottom: 10px;
        left: 20px;
    }
    .Ccon1 .CC_l ul li .txtbox img {
        width: 30px;
    }
    .CardCon .titbox .tit {
        font-size: 18px;
    }

    .CardCon .titbox .tit:before {
        height: 4px;
    }
    .CardCon .titbox .more_btn1 {
        width: 100px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }
}

@media(max-width:414px) {
    .Ccon4 .txtbox .txt_right .top_news .news_tit a {
        font-size: 17px;
    }
    .title .tit_cn {
        font-size: 20px;
    }
    .title .tit_en {
        font-size: 12px;
        line-height: 20px;
    }
}

@media(max-width:375px) {
    .Ccon4 .txtbox .txt_right .top_news .news_tit a {
        font-size: 16px;
    }
    .Ccon4 .txtbox .txt_right .top_news .news_date {
        width: 80px;
        height: 80px;
    }
    .Ccon4 .txtbox .txt_right .top_news .news_date .date_dd {
        padding: 10px 0 8px 0;
    }
}

.pro_list {
    margin-left: -3%;
    overflow: hidden;
}

.pro_list li {
    width: 30.33%;
    float: left;
    margin-left: 3%;
    margin-bottom: 3%;
    background: #fff;
    padding: 3.35%;
    box-sizing: border-box;
}

.pro_list li .imgbox {
    padding-top: 70%;
}

.pro_list li .txtbox {
    margin-top: 10%;
    padding-top: 10%;
    border-top: 1px solid #eeeeee;
}

.pro_list li .txtbox .titbox {
    padding-right: 80px;
    position: relative;
}

.pro_list li .txtbox .titbox .tit {
    font-size: 20px;
    color: #000000;
    width: 100%;
    margin-bottom: 3%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_list li .txtbox .titbox .more_btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 24px;
    background: url(../image/more.png) right no-repeat;
}

.pro_list li .txtbox .txt {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    height: 26px;
    letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro_list li:hover {
    box-shadow: 0 15px 37px rgb(0 0 0 / 5%);
}

.appCardPop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.appCardPop .appCardBox {
    background: #fff;
    border-radius: 10px;
    max-width: 450px;
    width: 30%;
    box-sizing: border-box;
    padding: 3%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.appCardPop .appCardBox .Close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    background-color: #164ca0;
    border-radius: 50%;
    cursor: pointer;
}

.appCardPop .appCardBox .Close .iconfont {
    color: #fff;
}

.appCardPop .appCardBox .img {
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(5, 25, 34, 0.2);
}

.appCardPop .appCardBox p {
    font-size: 18px;
    color: #000000;
    margin-top: 20px;
}

@media(max-width:768px) {
    .pro_list {
        margin-left: -2%;
    }
    .pro_list li {
        width: 31.33%;
        padding: 2%;
        margin-left: 2%;
    }
    .pro_list li .txtbox .titbox .tit {
        font-size: 16px;
    }
}

@media(max-width:480px) {
    .pro_list li {
        width: 48%;
    }
    .appCardPop .appCardBox {
        width: 250px;
        padding: 16% 8%;
    }
    .appCardPop .appCardBox .Close img {
        height: 15px;
    }
    .appCardPop .appCardBox p {
        font-size: 16px;
    }
}

.buss_list {
    margin-left: -2.5%;
    overflow: hidden;
}

.buss_list li {
    width: 22.5%;
    float: left;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.buss_list li a {}

.buss_list li .imgbox {
    padding-top: 63%;
    border-radius: 10px;
}

.buss_list li .txtbox {
    padding: 7% 0;
}

.buss_list li .txtbox .tit {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}

.buss_list li .txtbox .more_btn {
    width: 30px;
    height: 8px;
    background: url(../image/more.png) center no-repeat;
}

.buss_list li .txtbox .txt {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    height: 52px;
    letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 10px 0 20px;
}

.buss_list li:hover {
    box-shadow: 0 15px 37px rgb(0 0 0 / 5%);
}

.BussSingle {
    background-color: #fff;
    padding: 3%;
    margin-bottom: 2%;
}

.BussSingle img {
    display: block;
    margin: 0 auto;
}

.posi {
    padding: 1% 0 2%;
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 3%;
}

.posi .Current,
.posi .Current a {
    color: #000000;
}

.posi .Current a:hover {
    color: #21948f;
}

@media(max-width:480px) {}

.yxTabtit {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
}

.yxTabtit li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #000000;
    padding-bottom: 20px;
    margin: 0 35px;
    cursor: pointer;
}
.yxTabtit li a{display: block;color:#000000;}

.yxTabtit li:before {
    content: '';
    width: 0;
    height: 1px;
    background: #164ca0;
    position: absolute;
    bottom: 0;
    left: 50%;transition: all 0.3s;
}

.yxTabtit li:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #d9d9d9;
    position: absolute;
    top: 10px;
    left: -35px;
}

.yxTabtit li:first-child:after {
    display: none;

}

.yxTabtit li.on,.yxTabtit li.on a,.yxTabtit li:hover a{
    color: #164ca0;
}

.yxTabtit li.on:before ,.yxTabtit li:hover:before {width: 100%;left: 0;}

.yxkxTabcon {
    padding: 3% 0 0;
}

.yxkxTabcon.show {
    display: block;
}

.yxkxTabcon ul {
    border-top: 1px solid #d9d9d9;
}

.yxkxTabcon ul li {
    position: relative;
    padding: 22px 0 22px 150px;
    border-bottom: 1px solid #d9d9d9;
}
.yxkxTabcon ul li:hover {
    border-bottom: 1px solid #21948f;
}
.yxkxTabcon ul li:hover .txtbox  .tit {color:#21948f;
}

.yxkxTabcon ul li:before {
    content: '';
    width: 1px;
    height: 70%;
    background-color: #d9d9d9;
    position: absolute;
    left: 108px;
    top: 15%;
}
.yxkxTabcon ul li:after {
    content: '';
    width: 30px;
    height: 8px;
    background: url(../image/more.png) right center no-repeat;
    position: absolute;
    right: 0;
    top: 20%;
}

.yxkxTabcon ul li .date {
    position: absolute;
    top: 20px;
    left: 22px;
    text-align: center;
    font-family: zhengq;
}

.yxkxTabcon ul li .date .dd {
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #164ca0;
}

.yxkxTabcon ul li .date .yy {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #164ca0;
}

.yxkxTabcon ul li .txtbox {}

.yxkxTabcon ul li .txtbox .tit {
    font-family: SourceHanSansCN-Regular;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.yxkxTabcon ul li .txtbox .txt {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    min-height: 25px;
    letter-spacing: 0px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media(max-width:768px) {
    .yxkxTabcon ul li:after{width: 15px;}
    .yxkxTabcon ul li {
        padding: 20px 0 20px 120px;
    }
    .yxkxTabcon ul li .date .dd {
        font-size: 24px;
        line-height: 30px;
    }
    .yxkxTabcon ul li:before {
        left: 96px;
    }
    .yxkxTabcon ul li .txtbox .tit {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .yxTabtit li{margin:0 15px;}
    .yxTabtit li:after {left: -15px;}
}

@media(max-width:480px) {
    .yxkxTabcon ul li {
        padding: 10px 0 10px 82px;
    }
    .yxkxTabcon ul li .date {
        top: 10px;
        left: 10px;
    }
    .yxkxTabcon ul li .date .dd {
        font-size: 20px;
    }
    .yxkxTabcon ul li:before {
        left: 70px;
    }
    .yxkxTabcon ul li .txtbox .tit {
        font-weight: normal;
        margin-bottom: 4px;
    }
    .yxkxTab .yxTabtit li {
        font-size: 16px;
        padding-bottom: 10px;
        margin: 0 20px;
    }
    .yxkxTab .yxTabtit li:after {
        left: -20px;
    }
}


/* 公司银行 */
.BusinessItem ul{margin-left: -2.5%;}
.BusinessItem .item{width: 47.5%;float: left;margin:0 0 2.5% 2.5%;}
.BusinessItem .item:nth-last-of-type(-n+2){margin-bottom: 0;}
.BusinessItem .imgbox{padding-top: 53%;}
.BusinessItem .imgbox:After{content: "";position: absolute;left: 40px;bottom: 0;z-index: 2;width: 50px;height: 8px;background:#164ca0;}
.BusinessItem .ItemCon{background:#fff;padding:22px 0.4rem 0;height: 195px;line-height: 40px;}
.BusinessItem .ColTi{line-height: 0.64rem;font-size: 0.28rem;position: relative;color:#000000;}
.BusinessItem .ColTi a{color:#000000;}
.BusinessItem .ColTi:after{position: absolute;right: 0;top: 50%;background:url(../image/more2.png);margin-top: -4px;content: "";width: 30px;height: 8px;transition: all 0.3s;}
.BusinessItem .ColTi:hover:after{right: -10px;}
.BusinessItem dd{display: inline-block;min-width: 1.51rem;padding: 0 4% 0 15px;position: relative;}
.BusinessItem dd:nth-child(4){padding-right: 0;}
.BusinessItem dd:After{content: "";left: 0;top: 50%;width: 3px;height: 3px;margin-top:-1px;border-radius:50%;position: absolute;background:#164ca0;}
.BusinessItem dd:hover:After{background:#2b9994;}
.BusinessItem dd a{color:#666666;position: relative;}.BusinessItem dd a:hover{color:#000000;}
.BusinessItem dd a:after{left: -14px;bottom: -7px;width: 0;height: 1px;background:#e5e5e5;content:"";position: absolute;transition: all 0.3s;}
.BusinessItem dd:hover a:after{width: 115%;}
.BusinessItem .item:hover .imgbox:After{background:#21948f;}

.BusinessList {border-top: 1px solid #d9d9d9;margin-top:0.64rem;}
.BusinessList .item{border-bottom: 1px solid #d9d9d9;line-height: 0.85rem;padding-left: 0.35rem;position: relative;font-size: 0.2rem;}
.BusinessList .item a{display: block;}
.BusinessList .item:After{width: 5px;height: 5px;position: absolute;left:0;top: 50%;transform: translateY(-50%);border-radius: 50%;background:#164ca0;content: "";}
.BusinessList .item:Before{content: "";position: absolute;left: 0;bottom: -1px;width: 0;height: 1px;background: #21948f;transition: all 0.3s;}
.BusinessList .item:hover:Before{width: 100%;}
.BusinessList .item:hover:After{background:#21948f;}

.FaqList .item{padding:19px 0;border-bottom: 1px dashed #d9d9d9;}
.FaqList .item a{color:#000;cursor: pointer;}
.FaqList .item .cell{height: 80px;}
.FaqList .item .ico{width: 80px;line-height: 80px;text-align: center;font-size: 24px;font-family: zhengq;}
.FaqList .item a .ico{color:#fff;background:#164ca0;}
.FaqList .item a .ti{padding:0 0 0 0.43rem;font-size: 0.2rem;}
.FaqList .item a .date{text-align: right;color: #aeaeae;font-family: zhengq;width: 100px;}
.FaqList .item:hover a .ico,.FaqList .item.on a .ico{background:#21948f;}
.FaqList .answer {display: none;}
.FaqList .answer .ico{color:#000;vertical-align: text-top;}
.FaqList .answer .text{padding:10px 0 10px 0.43rem;}

@media(max-width:1366px){
.BusinessItem dd{min-width: 1.2rem;}
}

@media(max-width:1024px){
.BusinessItem .ItemCon{line-height: 30px;}
}
@media(max-width:767px){
.BusinessItem .item{width: auto;float: none;}
.BusinessItem .ItemCon{height: auto;padding:20px;}
.BusinessItem .ColTi{font-size: 18px;line-height: 2em;}

.BusinessList .item{line-height: 40px;font-size: 14px;}

.FaqList .item .ico{width: 50px;line-height: 50px;}
.FaqList .item .cell{height: 50px;}
.FaqList .item a .ti{font-size: 14px;line-height: 22px;}
.FaqList .item a .date{font-size: 12px;width: 70px;}
}

/* 国际业务 */
.BusinessItem2 .item{margin-bottom: 0.5rem;position: relative;}
.BusinessItem2 .item:last-child{margin-bottom: 0;}
.BusinessItem2 .item:after{background:#fff;content: "";right: 0;bottom: 0;position: absolute;width: calc(100% - 0.6rem);height: 2.34rem;}
.BusinessItem2 .imgbox{padding-top: 3.7rem;width: 48%;float: left;z-index: 1;}
.BusinessItem2 .ItemCon{float: right;width: 48%;padding-top: 0.60rem;position: relative;z-index: 1;}
.BusinessItem2 .ColTi{line-height: 1.22rem;font-size: 0.28rem;position: relative;color:#000000;margin-right: 0.68rem;}
.BusinessItem2 .ColTi:before{content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 50px;height: 8px;background:#164ca0;}
.BusinessItem2 .ColTi a{color:#000000;}
.BusinessItem2 .ColTi:after{position: absolute;right: 0;top: 50%;background:url(../image/more2.png);margin-top: -4px;content: "";width: 30px;height: 8px;transition: all 0.3s;}
.BusinessItem2 .ColTi:hover:after{right: -10px;}
.BusinessItem2 .table{height: 2.34rem;}
.BusinessItem2 .table .cell{padding-top:0.3rem;}
.BusinessItem2 dd{width: 1.51rem;padding: 0 0 0 15px;position: relative;line-height: 20px;height: 48px;float:left;}
.BusinessItem2 dd:nth-child(4){padding-right: 0;}
.BusinessItem2 dd:After{content: "";left: 0;top: 9px;width: 3px;height: 3px;margin-top:-1px;border-radius:50%;position: absolute;background:#164ca0;}
.BusinessItem2 dd:hover:After{background:#2b9994;}
.BusinessItem2 dd a{color:#666666;position: relative;}.BusinessItem2 dd a:hover{color:#000000;}
.BusinessItem2 dd a:after{left: -14px;bottom: -7px;width: 0;height: 1px;background:#e5e5e5;content:"";position: absolute;transition: all 0.3s;}
.BusinessItem2 dd:hover a:after{width: 115%;}
.BusinessItem2 .item:hover .imgbox:After{background:#21948f;}
.BusinessItem2 .item:nth-child(2n+2) .imgbox{float: right;}
.BusinessItem2 .item:nth-child(2n+2) .ItemCon{float: left;padding-left: 0.69rem;}
.BusinessItem2 .item:nth-child(2n+2):after{right: auto;left: 0;}

@media(max-width:1366px){
  .BusinessItem2 .ItemCon{width: 49%;}
  .BusinessItem2 dd {width: 1.4rem;}
  .BusinessItem2 .item:nth-child(2n+2) .ItemCon{padding-left: 0.2rem;}
}
@media(max-width:1024px){
  .BusinessItem2 .item:after{height: 100%;width: 100%;}
}
@media(max-width:768px){
    .BusinessItem2 .imgbox{width: auto;float: none !important;padding-top: 60%;}
    .BusinessItem2 .ItemCon{width: auto;float: none !important;padding:20px !important;}
    .BusinessItem2 .ColTi{line-height: 48px;font-size: 18px;}
    .BusinessItem2 dd{width: auto;min-width: 50%;font-size: 14px;height: auto;margin-bottom: 10px;}
    .BusinessItem2 dd:nth-child(2n+1){clear: both;}
}


/* 弹窗 */
.PopBox{background:rgba(0,0,0,0.4);width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;position: fixed;display: none;}
.PopBox .close{position: absolute;width: 37px;text-align: center;line-height: 37px;border-radius: 50%;color:#fff;background:#164ca0;right:20px;top:20px;cursor: pointer;}
.PopBox .close i{font-size: 18px;}
.PopBox .content{max-width: 1080px;width:95%;position: absolute;left: 50%;top: 50%;background:#fff;padding:70px;transform: translate(-50%,-50%);}
.PopBox .TopTit{font-size: 24px;color:#000000;line-height: 42px;padding-bottom: 19px;border-bottom: 1px solid #e5e5e5;position: relative;text-align: center;font-weight: bold;margin-bottom: 32px;}
.PopBox .TopTit:After{content: "";left: 50%;bottom: -1px;background:#21948f;position: absolute;width: 44px;height:1px;margin-left:-22px;}
.PopBox .InforTxt{font-size: 14px;line-height: 26px;height: 400px;overflow-y: auto;}
.PopBox .OtherItem{border-top: 1px solid #e5e5e5;margin-top: 39px;padding-top: 10px;}
.PopBox .OtherItem .ti{line-height: 2em;font-size: 20px;color:#333333;padding:10px 0;}
.PopBox .OtherItem dd{float:left;min-width: 222px;line-height: 40px;margin:0 17px 17px 0;}
.PopBox .OtherItem dd a{display: block;background:#f5f5f5;border-radius: 20px;font-size: 14px;text-align: center;padding:0 11px;}
.PopBox .OtherItem dd a:hover{background:#21948f;color: #fff;}
@media(max-width:1024px){
.PopBox .content{padding:50px 20px 20px;}
.PopBox .TopTit{font-size: 18px;margin-bottom: 20px;padding-bottom: 0px;}
.PopBox .OtherItem .ti{font-size: 16px;}
.PopBox .OtherItem dd{min-width: auto;}
.PopBox .InforTxt{max-height: 48vh;overflow-y: auto;}
}



/* 新闻详情 */
.TitleInfo{padding-bottom:0.3rem;margin-bottom:0.44rem;position: relative;text-align: center;border-bottom: 1px solid #d9d9d9;}
.TitleInfo .ti{font-size: 0.3rem;font-weight:normal;color:#000000;line-height: 0.45rem;margin-bottom: 0.22rem;}
.TitleInfo .other{font-size: 14px;color:#999999;}
.TitleInfo .other span{display: inline-block;padding:0 0.18rem;}
.TitleInfo .other span span{padding:0;}
.TitleInfo .other a{color:#999999;}.TitleInfo .other a:hover{color:#333;}
.TitleInfo .bshare-custom,.TitleInfo .other img{display: inline-block;vertical-align: middle;}

.PrevNextBox {padding: 5% 2rem 0 0;border-top: 1px solid #d9d9d9;padding-top: 0.41rem;margin-top: 0.6rem;font-size: 0.18rem;position: relative;}
.PrevNextBox dl{line-height: 0.48rem;height: 0.48rem;padding-left: 0.88rem;position: relative;}
.PrevNextBox dl dt{position: absolute;left: 0;font-weight: bold;color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox .back{position: absolute;right: 0;top: 0.56rem;width: 1.8rem;line-height: 0.56rem;color:#fff;background:#21948f;border-radius: 30px;text-align: center;}
.PrevNextBox .back i{transition: all 0.3s;}
.PrevNextBox .back:hover i{margin-right: 10px;}
.PrevNextBox dl a{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}

.SinglePage{ color:#333333; word-wrap:break-word;word-break:normal;text-align:justify;line-height: 36px;}
.NewsPage{padding:0 0.5rem;}

@media(max-width:767px){
    .TitleInfo .ti{font-size: 18px;line-height: 30px;}
    .TitleInfo .other{font-size: 12px;}
    .SinglePage{line-height: 24px;}
    .PrevNextBox{font-size: 15px;padding-right: 0;margin-top: 50px;padding-top: 20px;}
    .PrevNextBox dl{height: 35px;line-height: 35px;padding-left: 65px;}
    .PrevNextBox .back{font-size: 12px;top: -18px;width: 90px;line-height:30px;}
}

/* 银行卡 */
.CardList ul{margin:47px 0 0 -27px;}
.CardList li{width: 25%;float: left;padding:0 0 27px 27px;}
.CardList li img{width: 100%;border-radius: 16px;}

.MerchantList ul{margin:0 0 0 -2.5%;}
.MerchantList li{width: 33.333%;float:left;padding:0 0 2.5% 2.5%;}
.MerchantList .imgbox{padding-top: 57%;}
.MerchantList .imgbox .logo{position: absolute;left: 20px;top: 20px;width: 122px;z-index: 10;}
.MerchantList .Info{background: #fff;padding:0.24rem 0.4rem 0.36rem;}
.MerchantList .logos{border-bottom: 1px solid #f5f5f5;padding-bottom: 14px;margin-bottom: 18px;}
.MerchantList .p{font-size: 14px;line-height: 26px;-webkit-line-clamp: 2;margin-bottom: 30px;color: #666666;height: 52px;}
.MerchantList .logos img{height: 0.75rem;}
.MerchantList .more{width: 30px;height: 8px;background:url(../image/more.png);transition: all 0.3s;}
.MerchantList li:hover .more{margin-left: 10px;}

.LeftCity{width: 144px;float: left;margin-top: 32px;}
.LeftCity .CityItem{margin-bottom: 12px; clear: both;}
.LeftCity .tihead{line-height: 53px;border-bottom: 1px solid #d9d9d9;margin-bottom: 12px;position: relative;font-size: 20px;}
.LeftCity .tihead a{color:#333333;display: block;}
.LeftCity .CityItem.current .tihead a{color:#164ca0;}
.LeftCity .CityItem.current .tihead:after{position: absolute;right: 0;width: 10px;height: 9px;background:url(../image/arrb.png);content: "";top: 50%;margin-top: -4px;}
.LeftCity dl{padding:28px 0 0 0;display: none;}
.LeftCity dl dd{margin-bottom: 16px;line-height: 48px;}
.LeftCity dl a{display: block;text-align: center;border-radius: 25px;color:#666666;background:#fff;}
.LeftCity dl a:hover,.LeftCity dl a.on{color:#fff;background:#164ca0;}
.RightCon{width: calc(100% - 216px);float: right;background:#fff;padding:0.31rem 0.73rem 0.73rem;margin-top: 59px;}
.RightCon .Tihead{font-size: 0.3rem;color:#000000;line-height: 2em;padding:3% 0;text-align: center;}
.TableCss{text-align: center;}
.TableCss table{width: 100%;}
.TableCss .tel{font-family: zhengq;}
.TableCss thead th{color:#fff;background:#21948f;font-size: 18px;font-weight: normal;height: 70px;}
.TableCss tbody td{padding:11px 10px;font-size: 15px;color:#333333;}
.TableCss tbody tr:nth-child(even){background:#f2f2f2;}

@media(max-width:1024px){
  .LeftCity{width: auto;float: none;margin-top:15px;}
  .LeftCity dl{margin-left: -10px;padding-top: 10px;}
  .LeftCity dl dd{width: 25%;float: left;padding-left:10px;margin-bottom:10px;line-height: 30px;}
  .LeftCity .tihead{line-height: 40px;font-size: 16px;}
  .RightCon{width: auto;float: none;margin-top: 20px;}
}

@media(max-width:768px){
 .CardList ul{margin:4% 0 0 -3%;}
 .CardList li{width: 50%;padding:0 0 3% 3%;}

 .MerchantList .imgbox .logo{left: 10px;top: 10px;width: 100px;}
 .MerchantList .logos{padding-bottom: 10px;margin-bottom: 10px;}
 .MerchantList .logos img{height: 40px;}
 .MerchantList .p{line-height: 22px;margin-bottom: 10px;}
 .MerchantList li{width: 50%;}

 .LeftCity dl dd{font-size: 12px;}
 .RightCon{padding:15px;}
 .RightCon .Tihead{font-size: 18px;line-height: 45px;padding-top: 0;}
 .TableCss{overflow-x: scroll;}
 .TableCss thead th{font-size: 14px;height: 40px;}
 .TableCss tbody td{font-size: 12px;min-width: 50px;height:20px;padding:5px;}
 .TableCss .name{min-width: 150px;}
 .TableCss .add{min-width: 150px;}
 .TableCss .tel{min-width: 100px;}
}


/* 投资者关系 */
.SubList ul{margin-left: -3%;}
.SubList li{width: 47%;float: left;margin:0 0 3% 3%;}
.SubList li:nth-child(2n+1){clear: both;}
.SubList li:nth-last-of-type(-n+2){margin-bottom: 0;}
.SubList li a{background: #fff;padding:0.22rem 0.38rem 0.36rem;position: relative;}
.SubList li a:after{position: absolute;left: 0;top: 23%;content: "";width: 3px;height: 20px;background:#164ca0;}
.SubList li .tit{font-size: 20px;line-height: 2em;font-weight: bold;padding:0.05rem 0;position: relative;}
.SubList li .tit:After{right: 0;width: 30px;height: 8px;content: "";position: absolute;top: 50%;margin-top: -4px;background:url(../image/more.png);transition: all 0.3s;}
.SubList li .p{line-height: 25px;-webkit-line-clamp: 2;color:#666666;font-size: 14px;}
.SubList li:hover .tit:after{background:url(../image/more2.png);right: 5px;}
.SubList li:hover a:after{background:#21948f;}

.Contain.line{border-left: 1px solid #d9d9d9;}
.LeftYear{width: 135px;font-family: zhengq;float: left;margin-top: -10px;}
.LeftYear li a{display:block;font-size: 0.2rem;padding-left: 40px;line-height: 0.5rem;transition: all 0.3s;position: relative;}
.LeftYear li a:after{position:absolute;right:-10px;transition: all 0.3s;width: 9px;height: 10px;content: "";opacity: 0;top: 50%;margin-top: -5px;background:url(../image/arr_r2.png);}
.LeftYear li.on a,.LeftYear li:hover a{font-size: 0.3rem;color:#164ca0;}
.LeftYear li.on a:After,.LeftYear li:hover a:After{right: 0;opacity: 1;}

.RightReport{width: calc(100% - 2.68rem);float: right;}
.RightReport ul{margin-left: -4%;}
.RightReport li{width: 33.333%;float: left;padding:0 0 2% 4%;text-align: center;}
.RightReport li:nth-child(3n+1){clear: both;}
.RightReport .imgbox img{width: 100%;height: 100%;}
.RightReport .tit{font-size: 0.18rem;margin-top: 14px;}
.RightReport a{padding-bottom: 10px;}
.RightReport a:hover{background:#fff;}

.YearTab{border-bottom: 1px solid #d9d9d9;margin-bottom: 0.43rem;}
.YearTab .Contain{padding-left: 35px;padding-right: 35px;}
.YearTab ul{display: flex;justify-content:space-around;}
.YearTab li{text-align: center;height: 0.65rem;font-family: zhengq;color:#000000;font-size: 0.2rem;position: relative;transition: all 0.3s;}
.YearTab li:after{width: 10px;height: 9px;bottom: 0;left: 50%;margin-left:-5px;position: absolute;content: "";background: url(../image/arrb.png);transition: all 0.3s;opacity: 0;}
.YearTab li a{color:#000000;}
.YearTab li.current,.YearTab li:hover {font-size: 0.3rem;}
.YearTab li.current:after,.YearTab li:hover:after{bottom: 11px;opacity: 1;}
.YearTab li.current a,.YearTab li:hover a{color:#164ca0;}
.YearTab .arrow{border-radius: 0;width: 30px;height: 30px;background-color:transparent;position: absolute;margin:0;background-position: center center;background-repeat: no-repeat;}
.YearTab .prev{background-image: url(../image/more1left.png);left: 0;}
.YearTab .prev:hover{background-image: url(../image/more2left.png);}
.YearTab .next{background-image: url(../image/more.png);right: 0;}
.YearTab .next:hover{background-image: url(../image/more2.png);}

.SubWzList li{height: 40px;line-height: 40px;padding:0 85px 0 16px;position: relative;}
.SubWzList li:after{content: "";left: 0;top: 50%;width: 3px;height: 3px;border-radius: 50%;background:#164ca0;position: absolute;}
.SubWzList li .date{position: absolute;right: 0;top: 0;font-family: zhengq;color:#919191;font-size: 14px;}
.SubWzList .line{border-bottom: 1px dashed #d9d9d9;padding-bottom: 0.25rem;margin-bottom: 0.25rem;}

@media(max-width:1024px){
  .RightReport{width: calc(100% - 1.9rem)}
}

@media(max-width:768px){
 .SubList li{width: auto;float: none;margin-bottom: 15px !important;}
 .SubList li a:after{top: 13%;}
 .SubList li .tit{font-size: 16px;}

 .Contain.line{border: 0;}
 .LeftYear{width: auto;float: none;margin-bottom: 20px;}
 .LeftYear ul{display: flex;flex-wrap: wrap;}
 .LeftYear li{width: 20%;text-align: center;}
 .LeftYear li a:after{display: none;}
 .LeftYear li a{padding: 0;font-size: 15px;line-height: 28px;}
 .LeftYear li.on a, .LeftYear li:hover a{font-size: 18px;}

 .YearTab .Contain{padding:0}
 .YearTab{padding-bottom: 20px;}
 .YearTab ul{flex-wrap: wrap;justify-content: left;}
 .YearTab li{width: 20%;text-align: center;line-height: 28px;height: auto;}
 .YearTab li.current:after, .YearTab li:hover:after{display: none;}
 .YearTab li a{padding: 0;font-size: 15px;}
 .YearTab li.current a, .YearTab li:hover a{font-size: 18px;}
 .YearTab .arrow{display: none;}

 .RightReport{width:auto;float: none;}

 .RightReport li{width: 50%;}
 .RightReport .tit{font-size: 14px;}
 .RightReport li:nth-child(2n+1) {clear: both;}
 .RightReport li:nth-child(3n+1) {clear: none;}

 .SubWzList li{height: 32px;line-height: 32px;}
}

/* 投资者关系-关于我行 */
.SubTit{font-size: 0.3rem;color:#000000;line-height: 2em;padding:3% 0;position: relative;}
.SubTit:After{content: "";left: 0;top: 0;width: 50px;height: 8px;position: absolute;background:#21948f;}
.AboutInfo{overflow: hidden;}
.AboutInfo:after{width: 45%;content: "";right: -6%;top: 0;background:#e5e8ed;height: 71%;position: absolute;}
.AboutInfo .Article{width: 49%;float: left;padding-top: 20px;}
.AboutInfo .Text{font-size: 14px;color:#666666;line-height: 25px;word-wrap:break-word;word-break:normal;text-align:justify;padding-top: 12%;}
.AboutInfo .gup{padding-top: 12%;color:#333333;font-size: 16px;}
.AboutInfo .gup span{color:#164ca0;font-size: 30px;font-family: zhengq;}
.AboutInfo .Imgright{width: 44%;float: right;position: relative;z-index: 1;}
.AboutInfo .Imgright .history{color:#333333;    font-size: 0.2rem;
    line-height: 0.3rem;
    height: 2.12rem;text-align: right;}
.AboutInfo .Imgright .history .cell div{display: inline-block;text-align: left;}
.AboutInfo .NumList{clear: both;margin-top: 0.51rem;background:#fff;height: 2rem;}
.AboutInfo .NumList .item{width: 25%;float: left;text-align: center;padding-top: 0.4rem;color:#333333;}
.AboutInfo .NumList .item .num{color:#21938f;line-height: 0.77rem;}
.AboutInfo .NumList .item .num span{color:#21938f;font-family: zhengq;font-size: 0.52rem;
    background-image: linear-gradient(135deg,#164da0,#208e90);
    background-clip:text;
    -webkit-background-clip:text;
    color: transparent;
}
.AboutInfo .NumList .item p{margin-top:-10px;}

.AboutLogo{background:#fff;padding:4% 0;overflow: hidden;}
.AboutLogo .SubTit{float: left;}
.AboutLogo .Contain:after{content: "";position: absolute;left: -0.62rem;bottom: -27%;width: 5.66rem;height: 2.95rem;background:url(../image/logobg.png);}
.AboutLogo .Text{float: right;width: 66%;word-wrap:break-word;word-break:normal;text-align:justify;line-height: 25px;font-size: 14px;}

.AboutHornor{margin-bottom: 4%;padding-bottom:1%;position: relative;overflow: hidden;}
.AboutHornor .Contain{z-index: 3;}
.AboutHornor:Before{content: "";left: 0;top:0;width: 46%;position: absolute;height:78%;background:#164ca0 url(../image/rybg.jpg);background-repeat:no-repeat;background-size:cover;z-index: 2;}
.AboutHornor:after{content: "";right: 0;top:0;width: 60%;position: absolute;height: 100%;background:#f2f2f2;}
.AboutHornor .Img{width: 37%;float: left;padding-top: 14%;}
.AboutHornor .Text{width: 50%;float: right;padding:0.84rem 0 0 0;line-height: 25px;font-size: 14px;text-align: justify;}
.AboutHornor .warmtip{font-size: 18px;color:#164ca0;margin-bottom: 20px;}
.AboutHornor .Text li,.AboutHornor .Text p{position: relative;margin-bottom: 20px;text-indent: 1em;}
.AboutHornor .Text li:after,.AboutHornor .Text p:after{position: absolute;width: 3px;height: 3px;border-radius: 50%;background:#164ca0;left: 0;top: 10px;content: "";}

@media(max-width:1366px){
    .AboutInfo:after{right: -3%;}
    .AboutHornor .Img {padding-top: 25%;}

}
@media(max-width:1024px){
    .SubTit{font-size: 18px;}
    .AboutInfo .Article{width: auto;float: none;padding-bottom: 25px;}
    .AboutInfo .gup{padding-top: 20px;}
    .AboutInfo .Imgright{width: auto;float: none;}
    .AboutInfo:after{display: none;}
    .AboutInfo .Text{padding-top: 0;}
    .AboutInfo .Imgright .history{height: auto;text-align: left;padding:20px;background:#e5e8ed;font-size: 16px;}
    .AboutInfo .Imgright .img{text-align: center;}
    .AboutInfo .NumList .item .num span{font-size: 40px;}
    .AboutInfo .SubTit{font-size: 22px;}
}
@media(max-width:768px){
    .AboutInfo .NumList{height: auto;}
    .AboutInfo .NumList .item{width: 50%;padding:10px 0}
    .AboutInfo .NumList .item .num span{font-size: 24px;}
    .AboutInfo .NumList .item .num{line-height: 40px;}

    .AboutLogo .SubTit{float: none;}
    .AboutLogo .Text{float: none;width: auto;}
    .AboutLogo .Text .logo img{height: 50px;}
    .AboutLogo .Contain:after{left: auto;right: -10%;bottom: -10%;}

    .AboutHornor:Before{display: none;}
    .AboutHornor .warmtip{font-size: 16px;}
    .AboutHornor .Img{float: none;width: auto;background: #164ca0 url(../image/rybg.jpg);background-repeat: no-repeat;background-size: cover;text-align: center;padding:10%;}
    .AboutHornor .Text{float: none;width: auto;background: #f2f2f2;padding:20px;}
}


/* 电子银行 */
.EBankItem ul{margin-left: -2.5%;}
.EBankItem .item{width: 47.5%;float: left;margin:0 0 2.5% 2.5%;position: relative;overflow: hidden;}
/* .EBankItem .item:nth-last-of-type(-n+2){margin-bottom: 0;} */
.EBankItem .imgbox{padding-top: 53%;}
.EBankItem .imgbox:after{content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 1;position: absolute; background:rgba(22,76,160,0.8);opacity: 0;transition: all 0.3s;}
.EBankItem .ItemCon{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;padding:0 0.5rem;}
.EBankItem .ColTi{line-height: 1.07rem;font-size: 0.28rem;position: relative;color:#fff;padding-top: 8px;}
.EBankItem .ColTi a{color:#fff;}
.EBankItem .ColTi:after{position: absolute;left: 0;top: 0;content: "";width: 50px;height: 8px;background: #164ca0;}
.EBankItem dl{padding:0;position: relative;height: 0;transform: translateY(100%);transition: all 0.3s;opacity: 0;}
.EBankItem dd{display: inline-block;min-width: 1.51rem;padding: 0 4% 0 15px;position: relative;}
.EBankItem dd:nth-child(4){padding-right: 0;}
.EBankItem dd:After{content: "";left: 0;top: 50%;width: 3px;height: 3px;margin-top:-1px;border-radius:50%;position: absolute;background:#fff;}
.EBankItem dd a{color:#fff;position: relative;}.EBankItem dd a:hover{color:#fff;}
.EBankItem dd a:after{left: -14px;bottom: -7px;width: 0;height: 1px;background:#e5e5e5;content:"";position: absolute;transition: all 0.3s;}
.EBankItem dd:hover a:after{width: 115%;}
.EBankItem .item.on .ColTi{border-bottom: 1px solid rgba(255,255,255,0.2);}
.EBankItem .item.on .ColTi:After{background:#21948f;}
.EBankItem .item.on .imgbox:after{opacity: 1;}
.EBankItem .item.on dl{padding:0.26rem 0 0.5rem;transform: translateY(0);opacity: 1;height: auto;}

.EBankRec ul{margin:0 0 0 -2.5%;}
.EBankRec li{width: 33.333%;float:left;padding:0 0 2.5% 2.5%;}
.EBankRec .imgbox{padding-top: 57%;}
.EBankRec .Info{background: #fff;padding:0 0.4rem 0.32rem;}
.EBankRec .ColTi{border-bottom: 1px solid #f5f5f5;font-size: 0.28rem;line-height: 1.13rem;color:#000000;position: relative;margin-bottom: 0.2rem;}
.EBankRec .ColTi:After{content: "";right: 0;width: 30px;height: 8px;background:url(../image/more.png);position: absolute;top: 50%;margin-top: -4px;transition: all 0.3s;}
.EBankRec .ColTi:before{content: "";left: 0;bottom: 0;position: absolute;width: 50px;height: 8px;background: #164ca0;}
.EBankRec .ti{line-height: 0.39rem;color:#164ca0;}
.EBankRec .p{font-size: 14px;line-height: 26px;-webkit-line-clamp: 2;color: #666666;height: 52px;}
.EBankRec li:hover .more{margin-left: 10px;}
.EBankRec li:hover .ColTi:After{right: 10px;background:url(../image/more2.png);}
.EBankRec li:hover .ColTi:before{background:#21948f;}
.EBankRec li:hover .ti{color:#21948f;}

.NoticeList ul{margin-left: -2%;}
.NoticeList .item{width: 48%;float: left;margin:0 0 2% 2%;}
.NoticeList .table{height: 118px;padding:0 0 0 0.42rem;background:#fff;}
.NoticeList .look{width: 90px;line-height: 33px;border:1px solid #164ca0;text-align: center;border-radius: 19px;color:#164ca0;font-size: 14px;display: inline-block;}
.NoticeList .look .iconfont{font-size: 20px;margin-right: 4px;}
.NoticeList .eyebox{width: 155px;text-align: center;}
.NoticeList .eyebox2{width: 295px;text-align: center;}
.NoticeList .eyebox2 a{margin: 0 10px;}
.NoticeList .date{font-size: 14px;color:#cbcbcb;font-family: zhengq;}
.NoticeList .ico{display: inline-block;vertical-align: middle;margin-right: 20px;}
.NoticeList .ico img{height: 42px;}
.NoticeList .ti{font-size: 18px;color:#000000;display: inline-block;}
.NoticeList .ti span{font-size: 14px;}
.NoticeList .look:hover{background:#164ca0;border:1px solid #164ca0;color:#fff;}
.NoticeList.auto ul{margin:0;padding-top: 7px;}
.NoticeList.auto .item{margin:0;width: auto;float: none;border-bottom: 1px dashed #e5e5e5;}
.NoticeList.auto .table{padding-left: 0;height: 95px;}
.NoticeList.auto .eyebox{text-align: right;}
.NoticeList.auto .item:hover .ti{color:#164ca0;}
.SubTit2{line-height: 2em;padding-bottom: 1%;font-size: 0.28rem;color:#000000;}

.EwmList ul{margin-left: -24px;}
.EwmList li{width: 25%;float: left;padding:0 0 0 25px;}
.EwmList a{display: block;background:#fff;padding:0.36rem;font-size: 0.18rem;text-align: center;}
.EwmList a img{display: block;margin: 0px auto 11px;}

@media(max-width:768px){
  .EBankItem .ItemCon{position: static;background:#fff;padding:0 15px 15px;}
  .EBankItem dl{opacity: 1;transform: translateY(0);height: auto;}
  .EBankItem .ColTi{font-size: 16px;color:#333;margin-top: -8px;}
  .EBankItem .ColTi a{color:#333;}
  .EBankItem dd a{color: #666;}
  .EBankItem dd:After{background:#21948f;}

  .EBankRec li{width: auto;float: none;padding-bottom: 15px;}
  .EBankRec .ColTi{font-size: 38px;font-size: 16px;}
  .EBankRec .ColTi:before{height: 2px;}
  .EBankRec .ti{line-height: 34px;}

  .NoticeList .item{width: auto;float: none;}
  .NoticeList .eyebox,.NoticeList .eyebox2{width: 100px;}
  .NoticeList .table .cell{padding-top: 8px;padding-bottom: 8px;}
  .NoticeList .look{font-size: 12px;width: 60px;line-height: 22px;}
  .NoticeList .eyebox2 a{margin:4px 0;}
  .NoticeList .ico{display: block;}
  .NoticeList .ico img{height: 35px;margin-bottom: 5px;}
  .NoticeList .look .iconfont{font-size: 16px;}
  .NoticeList .ti{font-size: 15px;}
  .NoticeList .table{height: 90px;}

  .SubTit2{font-size: 18px;line-height: 40px;}
  .EwmList li{width: 50%;}
}


/* 电子银行综合页 */
.EBankBanner{height: 6.8rem;background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;}
.EBankBanner .Contain,.EBankBanner .table{height: 100%;text-align: right;position: relative;}
.EBankBanner .tihead{font-size: 0.36rem;line-height: 2em;position: relative;margin-bottom: 1.28rem;padding-bottom: 0.61rem;}
.EBankBanner .tihead:After{width: 50px;height: 8px;content: "";position: absolute;right: 0;bottom: 0;background:#21948f;}
.EBankBanner .tihead img{margin-top: 0.16rem;height: 0.61rem;}
.EBankBanner .logo .img1{height: 0.62rem;}
.EBankBanner .logo .eimg{padding-left: 20px;position: relative;border-left: 1px solid #fff;height: 0.62rem;display: inline-block;vertical-align: middle;margin-left: 20px;}
.EBankBanner .logo .eimg img{height: 0.62rem;}

.SubTit3{padding-bottom: 0.29rem;border-bottom: 1px solid #d9d9d9;position: relative;line-height: 33px;margin-bottom: 0.4rem;}
.SubTit3:after{width: 40px;height: 5px;content: "";position: absolute;left: 0;bottom: -1px;background:#164ca0;}
.SubTit3 .ti{font-size: 0.28rem;color:#000000;}
.SubTit3 .more{text-align: center;position: absolute;right: 0;top: 0;border-radius: 20px;border:1px solid #164ca0;width: 90px;font-size: 14px;color:#164ca0;}
.SubTit3 .more:hover{color:#fff;background:#164ca0;}

.EBankRec2{position: relative;margin-bottom: 4%;}
.EBankRec2 .slider{z-index: 10;background:#fff;}
.EBankRec2 .imgbox{width: 52%;float: left;padding-top: 4.26rem;}
.EBankRec2 .info{width: 48%;float: right;padding:8px 4% 10px;position: relative;}
.EBankRec2 .info .ColTi{border-bottom: 1px solid #f5f5f5;position: relative;line-height: 1.13rem;margin-bottom: 0.15rem;font-size: 0.28rem;color:#000000;}
.EBankRec2 .info .ColTi:after{width: 40px;height: 5px;content: "";position: absolute;left: 0;bottom: -1px;background:#41a9a4;}
.EBankRec2 .ti{line-height: 0.39rem;color:#164ca0;}
.EBankRec2 .p{font-size: 14px;line-height: 26px;-webkit-line-clamp: 5;color: #666666;height: 130px;}
.EBankRec2 .num{position: absolute;bottom: -0.8rem;left: 8%;font-family: zhengq;color:#cbcbcb;}
.EBankRec2 .num span{color:#164ca0;font-size: 36px;}
.EBankRec2 .slick-arrow{top: auto;margin:0;bottom: 30px;width:0.6rem;height: 0.6rem;}
.EBankRec2 .slick-prev{left: 21%;}
.EBankRec2 .slick-next{left: 27%;right: auto;}
.EBankRec2 .imgshadow{position: absolute;left: -0.6rem;top: 0;height: 100%;width: 6rem;}
.EBankRec2 .imgshadow li{position: absolute;width: 100%;height: 100%;}
.EBankRec2 .imgshadow li img{width: 100%;height: 100%;}
.EBankRec2 .imgshadow .i1{z-index: 3;}
.EBankRec2 .imgshadow .i2{top: 0.23rem;left: 0.3rem;height:3.8rem;z-index: 2;}
.EBankRec2 .imgshadow .i3{left: 0;top: 0.42rem;height: 3.4rem;z-index: 1;}

.EBankBusiness{background:#fff;padding:0.43rem 0 0.28rem;text-align: center;margin-bottom: 4%;}
.EBankBusiness li{width: 16.666%;float: left;line-height: 0.77rem;font-size: 0.18rem;}
.EBankBusiness .ico{width: 1.5rem;height: 1.5rem;margin:0px auto;border-radius: 50%;background:#f2f2f2;position: relative;}
.EBankBusiness .ico:after{left: 50%;top: 50%;width: 0;height: 0;border-radius: 50%;background:#41a9a4;content: "";transition: all 0.3s;position: absolute;}
.EBankBusiness .ico .i1, .EBankBusiness .ico .i2 {display: block;width: 0.56rem;height: 0.56rem;position: absolute;left: 50%;top: 50%;margin:-0.28rem 0 0 -0.28rem;z-index: 1;}
.EBankBusiness .ico .i1 {transition: 400ms;}
.EBankBusiness .ico .i2 {-webkit-transform: scale(0);transform: scale(0);opacity: 0;filter: alpha(opacity=0);transition: 500ms;}
.EBankBusiness li:hover .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.EBankBusiness li:hover .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}
.EBankBusiness li:hover .ico:after{left: 0;top: 0;width: 100%;height: 100%;}

.EBankCol{width: 48.6%;}
.EBankCol .box{background:#fff;height: 336px;padding:0 0.4rem;}
.EBankCol .down{margin:0 0 0 -10px;padding-top: 36px;}
.EBankCol .down li{width: 50%;float: left;padding:0 0 10px 10px;}
.EBankCol .down a{display: block;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;height: 128px;}
.EBankCol .down .ti{position: absolute;left: 24px;bottom: 15px;font-size: 0.18rem;}


@media(max-width:768px){
  .SubTit3 .ti,.EBankRec2 .info .ColTi{font-size: 16px;line-height: 38px;}
  .EBankRec2 .info .ColTi{margin-bottom: 15px;}
  .SubTit3 .more{width: 60px;font-size: 12px;line-height: 24px;top: 10px;}
  .EBankRec2 .imgbox{width: auto;float: none;}
  .EBankRec2 .info{width: auto;float: none;}
  .EBankRec2 .slick-arrow{bottom: auto;top: 2rem;width: 30px;height: 30px;}
  .EBankRec2 .slick-prev{left: 20px;}
  .EBankRec2 .slick-next{right: 20px;left: auto;}
  .EBankRec2 .num{bottom: auto;top: -18%;left: auto;right: 10%;}

  .EBankBusiness li{width: 33.333%;padding:8px 0;font-size: 14px;}

  .EBankCol{width: auto;float: none !important;margin-bottom: 15px;}
  .EBankCol .box{height: auto;}

  .EBankCol .down a{height: 80px;}
  .EBankCol .down .ti{left: 10px;bottom: 10px;font-size: 14px;}
}


/* 投资者关系-英文页面 */
.Arial{font-family: Arial, Helvetica, sans-serif;}
.head_topen{line-height: 40px;height: 40px;font-size: 14px;background:#ededed;transition: all 0.3s;}
.head_topen .fr{color:#dcdcdc;font-size: 16px;}
.head_topen .fr a{color:#999999;}
.head_topen .fr a:hover{color:#21948f;}
.head_topen .fr a.on{color:#21948f;font-weight: bold;}
.head_botten {line-height: 35px;padding-top: 30px;padding-top: 28px;height: 100px;}
.Header .head_botten .Logo{padding-top: 0;}
.head_botten .rexian{float: left;}
.head_botten .rexian span{color:#000000;font-weight: bold;}
.head_botten .kf_btn{float: left;margin-top: 0;width: 120px;line-height: 35px;height: 35px;}
.head_botten .Search{margin: 0 0 0 20px;}
.head_botten .Search .Searchico{display: none;}
.head_botten .Search .searchbox{display: block;position: static;width: 240px;border:1px solid #e5e8eb;border-radius: 5px;box-shadow:none;}
.head_botten .Search .searchbox .input{height: 33px;line-height:33px;font-size: 16px;}
.head_botten .Search .searchbox .btn{color:#249590;}
.Header.fix .head_botten .Search{margin-top: 0;}
.MainNavEn {background:#21948f;height: 50px;line-height: 50px;}
.MainNavEn li {float: left;position: relative;}
.MainNavEn span a {position: relative; z-index: 1;display: block;text-align:center;transition: all ease 0.3s;color: #fff;padding:0 0.32rem;}
.MainNavEn span a i{position: relative; z-index: 1;}
.MainNavEn span a:after {position: absolute;left:0;width: 100%;bottom: 0;height: 0;background: #fff;transition: all ease 0.3s;content: "";}
.MainNavEn .arr {display: none;}
.MainNavEn li:hover span a,
.MainNavEn li.onnav span a {color: #21948f;}
.MainNavEn li:hover a:after,
.MainNavEn li.onnav a:after {height: 100%;height: calc(100% - 2px);}
.NavPullEn {z-index: 99;display: none;position: absolute;text-align: center;top: 50px;left: 50%;transform: translateX(-50%);width: 100%;padding: 5px 0;line-height: 33px;    background: rgba(255, 255, 255, 0.9);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
.NavPullEn.null {background: none;padding: 0;}
.NavPullEn dd {display: block;*display: inline;zoom: 1;}
.NavPullEn a {color: #333;padding: 0 10px;display: block;font-size: 14px;margin: 0 5px;}
.NavPullEn a:hover {background: #21948f;color: #fff;}

.SubCon2{padding:50px 0;}
.TzLeft{width: 330px;float: left;background:#fff;}
.TzLeft .ColTi{text-align: center;color:#fff;font-size: 30px;line-height: 110px;background:#21948f;font-weight: bold;}
.TzLeft .ColTi .iconfont{font-weight: normal;margin-left: 10px;display: none;}
.TzLeft .item{padding:0 25px;}
.TzLeft .tihead{line-height: 60px;border-bottom: 1px solid #efefef;font-weight: bold;position: relative;}
.TzLeft .tihead a{display: block;padding-left: 15px;}
.TzLeft .tihead .iconfont{position: absolute;right: 9px;color:#a2a2a2;font-weight: normal;font-size: 18px;}
.TzLeft dl{border-bottom: 1px solid #efefef;padding:22px 0 22px;display: none;}
.TzLeft dd{padding:5px 0 5px 27px;position: relative;}
.TzLeft dd a{color:#888888;font-size: 14px;}
.TzLeft dd a:after{top: 50%;left: -25px;height: 0;content: "";width: 3px;height: 0;background: #21948f;position: absolute;transition: all 0.3s;}
.TzLeft dd a:hover,.TzLeft dd a.on{color:#21948f;font-weight: bold;}
.TzLeft dd a.on:after,.TzLeft dd a:hover:after{height: 30px;transform: translateY(-50%);}

.TzLeft .item.current .tihead a,.TzLeft .item.current .tihead a {color:#269792;}
.TzLeft .item.current .tihead .iconfont {color:#269792;}
.TzLeft .item.current dl {display: block;}
.TzLeft .item.current.downarr .tihead .iconfont {dis-moz-transform: translate(0, 0) rotate(90deg) !important;
	-ms-transform: translate(0, 0) rotate(90deg) !important;
	-o-transform: translate(0, 0) rotate(90deg) !important;
	transform: translate(0, 0) rotate(90deg) !important;}

.TzRight{width: calc(100% - 370px);float: right;background:#fff;padding:35px;min-height: 400px;}
.TzPosition{padding:8px 0 17px;font-size: 14px;border-bottom: 1px solid #e5e5e5;color:#999999;}
.TzPosition .iconfont{font-size: 20px;margin-right: 5px;color:#a7a7a7;}
.TzPosition a{color:#999999;}.TzPosition a:hover,.TzPosition span{color:#21948f;}
.TzRight .thead{font-size: 30px;color:#21948f;margin-bottom: 20px;font-weight: bold;}
.TzRight .SinglePageen{color: #999999;padding-top: 32px;}

@media(max-width:1560px){
    .MainNavEn span a{padding:0 0.26rem;}
}
@media(max-width:1440px){
    .MainNavEn span a{padding:0 0.2rem;}
}
@media(max-width:1366px){
    .MainNavEn span a{padding:0 0.15rem;}
}
@media(max-width:1024px){
    .Arial{padding-top: 85px;}
    .MainNavEn {position: fixed;height: 100%;overflow-y: auto;z-index: 999;width: 260px;padding: 0;right: -260px;background: #fff;top: 45px;visibility: hidden;opacity: 0;
    filter: alpha(opacity=0);transition: all ease 0.3s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
    .MainNavEn ul {margin-top: 0px;}
    .MainNavEn li {display: block;position: relative;cursor: pointer;float: none;border-bottom: 1px solid #e9e9e9;width: auto;margin: 0 10px;background: none;}
    .MainNavEn li span a {font-size: 16px;text-align: left;height: auto;display: block;line-height: 28px !important;height: auto !important;height: auto;padding: 8px 0 8px 5px;
        border: 0;color:#333;}
    .MainNavEn .arr {display: inline-block;position: absolute;z-index: 2;width: 100px;line-height: 38px;right: 0px;top: 0px;}
    .MainNavEn .arr i {position: absolute;height: auto;background: none;right: 0px;top: 5px;transition: all ease 0.3s;}
    .MainNavEn li.onnav .arr i {
        dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
        -ms-transform: translate(0, -3px) rotate(-180deg) !important;
        -o-transform: translate(0, -3px) rotate(-180deg) !important;
        transform: translate(0, -3px) rotate(-180deg) !important;
        color: #21948f;
    }
    .MainNavEn.on {visibility: visible;opacity: 1;filter: alpha(opacity=100);right: 0;}
    .NavPullEn {position: static;line-height: 30px;padding: 8px;width: 100%;left: 0;transform: translateX(0px);box-sizing: border-box;}
    .NavPullEn dl {padding: 0 !important;}
    .NavPullEn dd {position: relative;text-align: left;display: block;}
    .NavPullEn dd a {padding: 0;}
    .head_topen{font-size: 12px;}
    .head_topen .fr{font-size: 12px;padding-right: 40px;}
    .head_botten{padding-top: 10px;height: auto;}
    .Header.en{height: 85px;}
    .head_botten .rexian,.head_botten .kf_btn{display: none;}
    .head_botten .Search .searchbox{width: 200px;}
    .head_botten .Search{padding-top: 0 !important;line-height: 25px;}
    .head_botten .Search .searchbox .btn {top: 1px;}
    .head_botten .Search .searchbox .input{font-size: 12px;height: 25px;line-height: 25px;}

    .TzLeft{width: auto;float: none;}
    .TzLeft .tihead{line-height: 40px;}
    .TzLeft ul{display: none;}
    .TzLeft .ColTi{font-size: 18px;line-height: 38px;}
    .TzLeft .ColTi .iconfont{display:inline-block;dis-moz-transform: translate(0, 0) rotate(90deg) !important;
        -ms-transform: translate(0, 0) rotate(90deg) !important;
        -o-transform: translate(0, 0) rotate(90deg) !important;
        transform: translate(0, 0) rotate(90deg) !important;}

    .TzRight{width: auto;float: none;padding:20px;}
    .TzPosition{font-size: 12px;}
    .TzRight .thead{font-size: 18px;}
}


/* 首页 */
.HomeBan{position: relative; z-index: 1; overflow:hidden;}
.HomeBan .item{ position:relative;}
.HomeBan .item .txt{ z-index:10; position:absolute; left:50%; top: 30%;width: 1320px;transform: translateX(-50%);}
.HomeBan .item .imgbox{padding-top: 6.12rem;}

.HomeBan .slick-dots{bottom: 30px;}
.HomeBan .slick-dots li button{background:#fff;width: 10px;height: 10px;}
.HomeBan .slick-dots li.slick-active button{width: 40px;border-radius: 5px;}

.HomeBan .slick-arrow{background-color: rgba(0,0,0,0.3);border:0;}
.HomeBan:hover .slick-prev { left:5%;}
.HomeBan:hover .slick-next { right:5%;}
.HomeBan .slick-arrow:hover{background-color:#ee1a24;}


.LoginNav{position: absolute;z-index: 10;left: 50%;top: 0.48rem;margin-left: 450px;width: 260px;background:#fff;padding:0.35rem 0.35rem 0.25rem;text-align:center;}
.LoginNav h2{line-height: 30px;padding-bottom: 16px;border-bottom: 1px solid #d4dae2;position: relative;font-size: 20px;font-weight: normal;color:#222222;margin-bottom: 20px;}
.LoginNav h2:after{position: absolute;left: 50%;bottom: -1px;width: 16px;background:#f6ad2d;margin-left: -8px;height: 1px;content: "";}
.LoginNav a{display: block;line-height: 52px;color:#fff;font-size: 14px;background:#164da0;border-radius: 26px;margin-bottom: 11px;}
.LoginNav a:hover{background:#043682;}
.LoginNav a.a2{background:#f6ad2d;}
.LoginNav a.a2:hover{background:#d48700;}
.LoginNav a.a3{background:#20958f;}
.LoginNav a.a3:hover{background:#037b75;}
.LoginNav a.a4{background:#2589c4;}
.LoginNav a.a4:hover{background:#006aa8;}
.LoginNav a img{display: inline-block;vertical-align: middle;margin-right: 9px;}
.LoginNav .other{line-height: 20px;padding-top: 8px;}
.LoginNav .other a{display: inline-block;color:#333333;line-height: 20px;border: 0;margin: 0;background:transparent;}
.LoginNav .other a:hover{color:#20958f;}
.LoginNav .other i{display: inline-block;width: 1px;height: 20px;vertical-align: middle;background:#dedede;margin:0 8px;}
/*.LoginNav{position: absolute;z-index: 10;left: 50%;top: 1.48rem;margin-left: 450px;width: 260px;background:#fff;padding:0.35rem;text-align:center;}*/
/*.LoginNav h2{line-height: 30px;padding-bottom: 16px;border-bottom: 1px solid #d4dae2;position: relative;font-size: 20px;font-weight: normal;color:#222222;margin-bottom: 20px;}*/
/*.LoginNav h2:after{position: absolute;left: 50%;bottom: -1px;width: 16px;background:#f6ad2d;margin-left: -8px;height: 1px;content: "";}*/
/*.LoginNav a{display: block;line-height: 52px;color:#fff;font-size: 14px;background:#164ca0;border-radius: 26px;margin-bottom: 11px;}*/
/*.LoginNav a:hover{background:#01337f;}*/
/*.LoginNav a.qy{background:#21948f;}*/
/*.LoginNav a.qy:hover{background:#056f6a;}*/
/*.LoginNav a img{display: inline-block;vertical-align: middle;margin-right: 9px;}*/

@media(max-width:1440px){
.LoginNav{margin-left: 0;left: auto;right: 5%;}
}
@media(max-width:1024px){
.LoginNav{position: static;width: auto;}
.LoginNav a{line-height: 40px;}
}


.HomeYw{padding:0.33rem 0 0.27rem;}
.HomeYw ul{margin-left: -15px;}
.HomeYw li{width: 22%;float: left;padding:0 0 15px 15px;}
.HomeYw li a{display: block;border-radius: 10px;height: 86px;padding:0 0 0 26px;position: relative;background-position: right center;background-repeat: no-repeat;background-size: cover;}
.HomeYw li .tit{line-height: 0.35rem;font-size: 0.22rem;color:#222222;}
.HomeYw li p{line-height: 24px;font-size: 14px;color:#999999;}
.HomeYw li .info{transform: translateY(-50%);left: 26px;position: absolute;top: 50%;}
.HomeYw .li1{width: 17%;}
.HomeYw .li2{width: 17%;}
.HomeYw .li1 a{height: 182px;padding:29px 0 0 26px;background-size: contain;background-position: center center;}
.HomeYw .li2 a{height: 182px;padding:29px 0 0 26px;}
.HomeYw .li1 .info{position: static;transform: translateY(0);}
.HomeYw .li2 .info{position: static;transform: translateY(0);}

.HomeGsyw .List{margin: 0.4rem 0 0 -19px;}
.HomeGsyw .List li{width: 50%;float: left;padding: 0 10px 19px 10px;}
.HomeGsyw .List .box{position: relative;border-radius: 25px;}
.HomeGsyw .List .imgbox{padding-top: 3.06rem;border-radius: 20px;}
.HomeGsyw .List .info{position: absolute;left: 0;bottom: 0;z-index: 2;padding:0.6rem 0.4rem 0.34rem;color:#fff;background-image: linear-gradient(rgba(0,34,87,0), rgba(0,34,87,0.5));width: 100%;border-radius: 0 0 25px 25px;transition: all 0.3s;overflow: hidden;}
.HomeGsyw .List .info .tit{line-height: 0.55rem;font-size: 0.22rem;color:#fff;}
.HomeGsyw .List a{color:#fff;}
.HomeGsyw .List .info p{line-height: 24px;font-size: 14px;color:#fff;}
.HomeGsyw .List .info p a{opacity: 0.8rem;margin:0 13px;}
.HomeGsyw .List .info p a:first-child{margin-left: 0;}
.HomeGsyw .List .info p a:hover{color:#164ca0;opacity: 1;}
.HomeGsyw .detail{position: absolute; right: 0.5rem;bottom: 0.4rem;width: 1.3rem;line-height: 0.4rem;text-align: center;font-size: 14px;border-radius: 20px;background:rgba(255,255,255,0.5);color:#21948f;}
.HomeGsyw .detail i{margin-left: 10px;width: 19px;height: 6px;display: inline-block;background:url(../image/more2.png) right bottom;vertical-align: middle;}
.HomeGsyw .List li:hover .detail{color:#fff;background:#21948f;}
.HomeGsyw .List li:hover .detail i{background:url(../image/more01.png) right bottom;}

.HomeGryw .List{margin: 0.4rem 0 0 -13px;}
.HomeGryw .List li{width: 25%;float: left;padding: 0 6px;}
.HomeGryw .List .box{position: relative;border-radius: 25px;}
.HomeGryw .List .imgbox{padding-top: 4.76rem;border-radius: 25px;}
.HomeGryw .List .info{position: absolute;left: 0;bottom: 0;z-index: 2;padding:1.33rem 0.4rem 0.36rem;color:#fff;background-image: linear-gradient(rgba(0,34,87,0), rgba(0,34,87,0.5));width: 100%;border-radius: 0 0 25px 25px;transition: all 0.3s;}
.HomeGryw .List .info .tit{line-height: 0.36rem;font-size: 0.22rem;color:#fff;}
.HomeGryw .List .info p{line-height: 24px;font-size: 14px;color:#fff;}
.HomeGryw .List .info .more{display: block;width: 30px;height: 8px;background:url(../image/more01.png);margin:20px 0;transform: translateY(-48px);opacity: 0;transition: all 0.3s;visibility: hidden;margin-top: -48px;}
.HomeGryw .List .info .txt{height: 72px;font-size:14px;line-height: 24px;padding-top: 0.24rem;transform: translateY(-72px);opacity: 0;transition: all 0.3s;visibility: hidden;margin-top: -72px;}
.HomeGryw .List .info .txt a{display: inline-block;margin-right: 20px;color:#fff;padding-left: 9px;position: relative;vertical-align: middle;}
.HomeGryw .List .info .txt a:after{position: absolute;top: 50%;left:0;margin-top: -1px;width: 3px;height: 3px;border-radius: 20%;background:#fff;content: "";}
.HomeGryw .List .info .txt a:hover{color:#314847;}

.HomeGryw .List li.on .info{padding-top:37px;padding-bottom: 12px;background:rgba(33,148,143,0.9);}
.HomeGryw .List li.on .info .txt{visibility: visible;opacity: 1;transform: translateY(0);margin-top: 0;}
.HomeGryw .List li.on .info .more{visibility: visible;opacity: 1;transform: translateY(0);margin-top: 20px;}

.HomePhyw .List{margin: 0.4rem 0 0 -13px;height: 5.18rem;position: relative;}
.HomePhyw .List li{padding: 0 0 0 13px;position: absolute;}
.HomePhyw .List li a{display: block;position: relative;border-radius: 20px;}
.HomePhyw .li1{width: 50%;top: 0;}
.HomePhyw .li2{width: 50%;bottom: 0;}
.HomePhyw .li3{width: 25%;position: absolute;left: 50%;}
.HomePhyw .li4{width: 25%;right: 0;top: 0;}
.HomePhyw .li5{width: 25%;right: 0;bottom: 0;}
.HomePhyw .imgbox{border-radius: 20px;padding-top: 2.52rem;}
.HomePhyw .info{position: absolute;z-index: 10;padding:0.34rem 0.39rem 0 0.39rem;width: 100%;color:#164ca0;height: calc(100% - 0.34rem);}
.HomePhyw .info .ti{font-size: 0.3rem;line-height: 0.6rem;}
.HomePhyw .info .p{line-height: 24px;}
.HomePhyw .detail{position: absolute; right: 0.5rem;bottom: 0;width: 1.3rem;line-height: 0.4rem;text-align: center;font-size: 14px;border-radius: 20px;background:rgba(255,255,255,0.5);}
.HomePhyw .detail i{margin-left: 10px;width: 19px;height: 6px;display: inline-block;background:url(../image/more.png) right bottom;vertical-align: middle;}
.HomePhyw .List li:hover .detail{color:#fff;background:#21948f;}
.HomePhyw .List li:hover .detail i{background:url(../image/more01.png) right bottom;}
.HomePhyw .li3 .detail,.HomePhyw .li4 .more,.HomePhyw .li5 .detail{right: auto;left: 0.5rem;}
.HomePhyw .li3 .imgbox{padding-top: 5.18rem;}
.HomePhyw .li4 .info p,.HomePhyw .li5 .info p{max-width: 210px;}

.HomeCard{padding-bottom: 60px;background:#f8fafc;}
.HomeCard .HomeTit{margin-bottom: 0.4rem;}
.HomeCard .slick-list{margin-left: -0.45rem;}
.HomeCard .item{padding-left: 0.45rem;}
.HomeCard .item a{display: block;padding:0.35rem 0.35rem 0.25rem;border-radius: 20px;background:#fff;}
.HomeCard .info{padding-top: 0.23rem;margin-top: 0.35rem;border-top: 1px solid #eeeeee;position: relative;}
.HomeCard .info:after{content: "";width: 30px;height: 8px;position: absolute;right: 0;top: 0.3rem;background:url(../image/more.png);transition: all 0.3s;}
.HomeCard .imgbox{padding-top: 68%;}
.HomeCard .imgbox span{background-size: contain;}
.HomeCard .tit{font-size: 0.2rem;font-weight: bold;margin-right: 45px;line-height:0.33rem;color:#000000;}
.HomeCard .p{font-size: 14px;-webkit-line-clamp: 1;color:#666666;}
.HomeCard .item:hover .info:after{right: 8px;}
.HomeCard .item:hover .tit{color:#164ca0;}
.HomeCard .slick-dots{bottom: -30px;}
.slick-prev{background-image: url(../image/arrleft.png);}
.slick-next{background-image: url(../image/arrright.png);}

.HomeTit{border-bottom: 1px solid #d9d9d9;position: relative;height:0.78rem;line-height: 0.77rem;margin-top: 0.27rem;font-size: 0;}
.HomeTit li{font-size: 0.28rem;color:#000000;display: inline-block;margin-right:0.28rem;}
.HomeTit li a.ti{display: block;position: relative;color:#666666;}
.HomeTit li a.ti:after{width: 0;height: 5px;content: "";position: absolute;left: 0;bottom: -1px;background:#164ca0;transition: all 0.3s;}
.HomeTit li.on .ti:after{width: 40px;}
.HomeTit .more{display:none;position: absolute;right: 0;top: 50%;background:url(../image/more.png);width: 30px;height: 8px;}
.HomeTit .more:hover{background:url(../image/more2.png);}
.HomeTit li.on .more{display:block;}
.HomeTit li.on a{color:#000000;}
.HomeTit.t2{border-bottom: 0;}
.HomeTit.t2 li.on a:after{left: 50%;margin-left: -20px;}
.HomeTit .tab{position: absolute;right: 0;bottom: 11px;line-height: 0.5rem;}
.HomeTit .tab li{margin:0 0 0 12px;vertical-align: top;cursor: pointer;}
.HomeTit .tab li a{width: 1.58rem;text-align: center;font-size: 0.18rem;border-radius: 25px;background:#fff;display: block;}
.HomeTit .tab li.on a{background:#164ca0;color:#fff;}

.Graybg{background:#f5f5f5;padding-bottom: 0.5rem;}
.Whitebg{background:#fff;padding-bottom: 0.5rem;}

.HomeCol3{padding-bottom: 31px;}
.HomeCol3 .col{width: 48%;}
.HomeCol3 .col .ListWz{margin-top: 17px;}
.ListWz li{height: 40px;line-height: 40px;padding: 0 50px 0 13px;position: relative;font-size: 15px;}
.ListWz li:after{position: absolute;left: 0;top: 50%;width: 3px;height: 3px;content: "";margin-top: -1px;border-radius: 50%;background:#164ca0;transition: all 0.3s;}
.ListWz li .date{position: absolute;right: 0;top: 0;color:#cbcbcb;font-size: 14px;font-family: zhengq;}
.ListWz li:hover:after{left: 4px;}
.ListWz li:hover .date{color:#21948f}
.ListWz .txt{line-height: 32px;color:#333;font-size: 15px;margin-top: 12px;}
.ListWz .txt p{padding-left: 13px;position: relative;}
.ListWz .txt p:after{position: absolute;left: 0;top: 19px;width: 3px;height: 3px;content: "";border-radius: 50%;background:#164ca0;transition: all 0.3s;}
.ListWz  .btnzx{color:#fff;background:#164ca0;display: inline-block;padding:4px 10px; border-radius: 4px;}
.ListWz  .btnzx:hover{color:#fff;background:#21948f;}

.none{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;}

.HomeNav{background:#f8fafc;padding:0.43rem 0 0.28rem;text-align: center;font-size:0;}
.HomeNav .Contain {max-width: 1600px;width: 98%;}
.HomeNav li{display:inline-block;line-height: 0.22rem;font-size: 0.16rem;vertical-align: top;padding:0 0.1rem;}
.HomeNav li a{display: block;width: 1.15rem;margin:0px auto;}
.HomeNav .ico{width: 0.8rem;height: 0.8rem;margin:0px auto 0.2rem;border-radius: 50%;background:#fff;position: relative;}
.HomeNav .ico img{width: 0.8rem;height: 0.8rem;position: relative;z-index: 1;}
.HomeNav .ico:after{left: 50%;top: 50%;width: 0;height: 0;border-radius: 50%;background:#dbe2e9;content: "";transition: all 0.3s;position: absolute;}
.HomeNav li:hover .ico:after{left: 0;top: 0;width: 100%;height: 100%;}
.HomeNav li:nth-child(10) a{width: 1rem;}

@media(max-width:1024px){
    .HomeYw .li1,.HomeYw .li2{width: auto;float: none;}
    .HomeYw li{width: 33.333%;}

    .HomeNav{padding:25px 0;}
    .HomeNav ul{white-space: nowrap;overflow-x: auto;}
    .HomeNav li{font-size: 14px;padding:0 18px;width: 100px;white-space:normal;}
    .HomeNav li:nth-child(8){width: 140px;}
}
@media(max-width:768px){
    .HomeTit{height: 50px;line-height: 48px;}
    .HomeTit li{font-size: 18px;}
    .HomeTit .tab li a{width: 80px;line-height: 30px;font-size: 14px;}

    .HomeYw li{width: 50%;}
    .HomeYw li .tit{font-size: 16px;line-height: 30px;}
    .HomeYw li a{padding:10px 0 10px 20px!important;}
    .HomeYw li p{font-size: 12px;line-height: 20px;padding-right: 10px;}
    .HomeYw .li1 a,.HomeYw .li2 a  {height: 120px;}

    .HomeGsyw .List{margin-left: -15px;}
    .HomeGsyw .List li{padding:0 0 15px 15px;width: 50% !important;}
    .HomeGsyw .List .info .tit{font-size: 14px;}
    .HomeGsyw .List .info p{font-size: 12px;line-height: 20px;}
    .HomeGsyw .List .info{padding-bottom: 60px;padding-right: 0.34rem;}
    .HomeGsyw .detail{width: 100px;line-height: 30px;font-size: 12px;left: auto !important; right: 0.5rem !important;}

    .HomeGryw .List li{width: 50%;margin-bottom: 13px;}
    .HomeGryw .List .info .tit{font-size: 16px;line-height: 24px;}
    .HomeGryw .List .info p{font-size: 12px;}
    .HomeGryw .List .info .more,.HomeGryw .List .info .txt{display: none;}

    .HomePhyw .List{height: auto;}
    .HomePhyw .List li{position: static;width: 50%;float: left;margin-bottom: 13px;}
    .HomePhyw .info .ti{font-size: 16px;line-height: 24px;}
    .HomePhyw .info .p{font-size: 12px;line-height: 20px;}
    .HomePhyw .detail{width: 100px;line-height: 30px;font-size: 12px;left: auto !important; right: 0.5rem !important;}

    .HomePhyw .imgbox{padding-top: 3.5rem;}
    .HomePhyw .li3 .imgbox{padding-top: 7.26rem;}

    .HomeCard .tit{font-size: 15px;line-height: 30px;}
    .HomeCard .info:after{display: none;}

    .HomeCol3 .col{width: auto !important;float: none !important;}
    .ListWz li{height: 35px;line-height: 35px;}

    .HomeNav li a{width: auto !important;line-height: 20px;}
    .HomeNav .ico img,.HomeNav .ico{width: 50px;height: 50px;}
}



/*22-08-01*/
.EBankBanner .tihead{
    margin-bottom: 0.78rem;
}
.SubBan .eb_btn{margin-bottom: 0;bottom: .2rem;right: .2rem;position:absolute;z-index: 3;background-color: transparent !important;}
.SubBan .eb_btn a:before{left:40px;}
.SubBan .eb_btn a{color:white;padding-left:35px;text-align:center; }
.SubBan .eb_btn a img{position:absolute;top:16px;left:45px;}
.SubBan .eb_btn .eb_btn2{margin-top:20px;margin-left:0;}
.EBankBanner .eb_btn{top: 3.98rem;right: 0;position:absolute;}
.eb_btn{
    margin-bottom:0.5rem;
}
.eb_btn a{
    width: 190px;
    height: 52px;
    float: left;
    background-color: #ffffff;
    border-radius: 26px;
     font-size: 14px;
    line-height: 52px;
    color: #222222;
    position: relative;
    padding-left: 66px;
}
.eb_btn a:before{
    content:' ';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 16px;
    left: 40px;
}
/*.eb_btn .eb_btn1:before{*/
/*    background:url(../images/dz_ico1.png) center no-repeat;*/
/*}*/
/*.eb_btn .eb_btn2:before{*/
/*        background:url(../images/dz_ico2.png) center no-repeat;*/
/*}*/
.eb_btn .eb_btn2{
    margin-left: 20px;
}
.eb_btn a:hover{
  box-shadow: 0px 0px 24px 0px rgba(255, 255, 255, 1);
}
@media(max-width:1600px){
.LoginNav{
left: 48%;
}
.HomeBan:hover .slick-prev { left:20px;}
.HomeBan:hover .slick-next { right:20px;}
}
@media(max-width:1440px){
.LoginNav{
left: auto;
}
.HomeBan:hover .slick-prev { left:10px;}
.HomeBan:hover .slick-next { right:10px;}
}
.Ver{margin-right: 15px;font-size: 14px;color:#666;}
.Ver a{color:#666;}.Ver a:hover{color:#21948f;}
.head_bott .Ver{display: none;}
@media(max-width:1024px){
    .head_bott .Ver{display: block;float: right;line-height: 45px;}
    .Search{margin-left: 0 !important;}
}

/* 20221206 */
.whpjcx tr td{width: auto !important;min-width: 120px;}
.ProSearch .pros_result .pro_table td{height: 50px;padding-top: 8px;padding-bottom: 8px;}
@media(max-width:768px){
    .ProSearch .pros_type ul{padding:15px;}
    .ProSearch .pros_type ul li .label{width: auto;}
    .ProSearch .pros_box{width: 100%;}
}

.HomeGsyw .slick-prev{left: 15px;}
.HomeGsyw .slick-next{right: 15px;}
.HomeGryw .slick-prev{left: 15px;}
.HomeGryw .slick-next{right: 15px;}