/* css reset */
@import "../fonts/alibaba.css";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, button {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

body {
    --fontFamilyAlibaba: "Alibaba-PuHuiTi-Regular";
    font-family: var(--fontFamilyAlibaba);
    background: #fff;
    font-size: 15px;
    color: #1a1a1a;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(26, 26, 26, 0);
}

a {
    color: #2d374b;
    text-decoration: none;
    font-family: var(--fontFamilyAlibaba);
}

a:hover {
    color: #F30000;
    text-decoration: none;
}

em {
    font-style: normal;
}

ul {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    word-wrap: break-word;
}

input, textarea, button {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

li, ol, ul {
    list-style: none
}

input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none;
    border: none;
}

.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
    _zoom: 1
}

/*public style*/
.main {
    width: 100%;
    min-width: 1200px;
    position: relative;
    overflow: hidden
}

.fixed-width {
    width: 1300px;
    margin: 0px auto;
    overflow: hidden;
}

.head-fixed-width {
    width: 1200px;
    margin: 0px auto;
}

.title {
    text-align: center;
    margin: 40px auto 0px;
    line-height: 30px;
}

.title img {
    display: inline-block;
    margin-top: -16px;
}

.title span {
    display: inline-block;
    font-size: 32px;
    color: #26231B;
}

.englishname {
    font-size: 22px;
    color: #14161A;
    height: 20px;
    margin: 5px auto 20px auto;
    text-align: center;
    filter: alpha(opacity=70); /*ie*/
    opacity: 0.7;
}

.enameelse {
    font-size: 22px;
    height: 20px;
    margin: 22px 0;
    filter: alpha(opacity=70); /*ie*/
    opacity: 0.7;
}

.none {
    display: none;
}

.font20 {
    font-size: 20px;
    color: #999;
}

.t-c {
    text-align: center;
}

.text-right {
    text-align: right;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.bold {
    font-weight: bold;
    color: #000;
}

.f-l {
    float: left !important;
}

.f-r {
    float: right !important;
}

.width100 {
    width: 100%;
}

.ml-26 {
    margin-left: 26.6667px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-90 {
    margin-left: 90px;
}

.write {
    color: #fff !important;
}

.bg-write {
    background-color: #fff !important;
}
.transparent7{filter:alpha(opacity=70);/*ie*/opacity: 0.7; }

/*banner*/
.lz-index-banner{width:100%;position: relative;overflow: hidden;}
.lz-index-banner img{width:100%;height:auto;}
.lz-ab-banner{width:100%;height: 380px;background: url('../images/ab-banner.png') no-repeat top center;overflow: hidden;}
.lz-news-banner{width:100%;height: 380px;background: url('../images/news-banner.png') no-repeat top center;overflow: hidden;}
.lz-laws-banner{width:100%;height: 380px;background: url('../images/laws-banner.png') no-repeat top center;overflow: hidden;}
.lz-b-banner{width:100%;height: 380px;background: url('../images/b-banner.png') no-repeat top center;overflow: hidden;}
.lz-staff-banner{width:100%;height: 380px;background: url('../images/staff-banner.png') no-repeat top center;overflow: hidden;}
.lz-man-banner{width:100%;height: 380px;background: url('../images/man-banner.png') no-repeat top center;overflow: hidden;}
.lz-con-banner{width:100%;height: 380px;background: url('../images/con-banner.png') no-repeat top center;overflow: hidden;}

/*head*/
.lz-head{width:100%;height: 60px;background:rgba(255,255,255,0.4);position: absolute;top: 0;left: 0;right: 0;z-index: 99;}
.lz-head .logo {width: auto;height: 40px;float:left;margin-right: 140px;margin-top: 10px;}
.lz-head .logo img{width: auto;height: 40px;}
#navul li{width: 150px;height: 60px;line-height: 60px;float:left;margin-right: 1px;position:relative;text-align:center;}
#navul li a {display: inline-block; width:130px;height: 60px;color: #333333;font-size: 16px;}
#navul li a:hover {color: #F30000;font-weight: 500;}
#navul li.navhome a {color: #F30000;font-weight: 500;}

#navul li ul {display:none;position:absolute;z-index:1000;top:60px;left:0px;background-color:rgba(223,0,0,0.4);}
#navul li ul li {display:block;width:150px;float:none;margin-right:0px;height:36px;position:relative;line-height:36px;}
#navul .elseli{background: url(../images/down.png) no-repeat 100px 28px;background-size:10px auto;}
#navul .elseli.navmoon{background: url(../images/up.png) no-repeat 100px 28px;background-size:10px auto;}
#navul li.navmoon, #navul .elseli.navmoon{background-color:rgba(223,0,0,0.8);width:150px;height:60px;line-height:60px;}
#navul li.navmoon a {color:#fff;}
#navul li.navmoon ul {display:block;}
#navul li.navmoon ul a {display:block;width:150px;height:36px;line-height:36px;font-size:12px !important;}
#navul li.navmoon ul a:hover {background-color:rgba(223,0,0,0.6);}

/*foot*/
.lz-foot{width: 100%;height: 220px;background: url('../images/bottom.png') no-repeat top center;overflow: hidden;}
.f-top{width: 772px;margin: 25px auto 46px;}
.f-top a{display:inline-block;width: 70px;height:20px;font-size: 15px;line-height: 20px;color:#fff;padding: 0px 40px;text-align: center;}
.f-btm{width: 100%;}
.f-btm li{float: left;}
.firstli{width: 45%;}
.secli{width: 30%;}
.thirdli{width: 25%;}
.fourli{width: 18%;float: right !important;}
.f-btm li .leftimg{width: 72px;height: 50px;float: left;border-right: solid 1px #FFFFFF;margin-right: 20px;}
.f-btm li .leftimg img{width: 32px;height: auto;padding: 8px 20px 6px 20px;}
.f-btm li.fourli .leftimg img{width: 28px;}
.f-btm li .righttext h4{font-size:16px;color: #fff;margin-bottom: 12px;}
.f-btm li .righttext p{font-size: 13px;color: #fff;}
p.foot-btm {width: 100%;height: 20px;margin: 38px auto 0;color: #fff;text-align: center;white-space:nowrap;}
p.foot-btm a {color: #fff;display: inline-block;width: auto;}

/* index */
.team{height: auto;}
.about{padding: 60px 0px 54px;width: 100%;overflow: auto;}
.about .photo{width: 340px;height: auto;margin: 0px 30px 20px 0px;float: left;clear: both;}
.about .photo img{width: 100%;}
.about .content h3{font-size:28px;line-height:28px;color: #14161A;}
.about .content p{line-height: 28px;color:#666;text-indent: 2em;margin-bottom: 5px;}

.business{width:100%;height: 475px;background: url('../images/business.png') no-repeat top center;color: #fff;overflow: hidden;}
.business ul{width: 1200px;margin: 50px auto 0px;overflow: auto;}
.business ul li{width: 340px;height: auto;float: left;text-align: center;position: relative;cursor: pointer;}
.business ul li img{width: 340px;height: auto;}
.business ul li .cover{width: 340px;height: 40px;position: absolute;bottom: 0;left: 0px;background: rgba(0,0,0,0.4);color: #fff;}
.business ul li:hover .cover{height:100%;background: rgba(0,0,0,0.3)}
.business ul li:hover .cover p{line-height:  165px;}
.business ul li .cover p{font-size: 16px;text-align: center;line-height: 36px;}
.business .line{border-bottom: 3px solid #FFFFFF;}
.business .line-l{border-left: 1px solid #FFFFFF;}

/*culturewall*/
.culturewall{height: auto;background-color: #f2f2f2;}
.develop{width: 100%;text-align: center; font-size: 18px;margin-top: 10px;}
.culturewall ul{width: 100%;margin: 60px 0px;overflow: auto;}
.culturewall ul li{width: 25%;float: left;text-align: center;}
.culturewall ul li img{display: inline-block;height: 85px;}
.culturewall ul li p{font-size: 26px;margin-top: 12px;}
.culturewall ul li span{display: block;font-size: 16px;margin-top: 8px;}

/* .partner{margin: 60px 0px 60px;width: 100%;overflow: auto;}
.partner .lpartner,.partner .rpartner{width: 50%;float: left;}
.partner .lpartner img,.partner .rpartner img{width: 100%;} */
.partner{margin: 60px 0px 60px;width: 100%;overflow: auto;}
.partner img{width: 100%;overflow: auto;}
.zp-lunbo{width: 100%;overflow: auto;}
.mom_left{ float:left;position:relative;width: 100%;}
.mom_left .l_title{height: auto;width:1200px;overflow:hidden;}
.mom_left .l_title li{width: 285px;padding-right:20px;position:relative;float:left;border-radius: 2px;}
.mom_left .l_title li img{width: 285px;height: 210px;cursor: pointer;}
.mom_left .a_left{z-index:102;cursor:pointer;position:absolute;left:0px;top: 140px;background:url(../images/banner_z.png) no-repeat;width:50px;height:50px;}
.mom_left .a_left:hover{ background:url(../images/banner_z.png) no-repeat -50px 0px;}
.mom_left .a_right{z-index:102;cursor:pointer;position:absolute;right:0px;top: 140px;background:url(../images/banner_z.png) no-repeat 0px -50px;width:50px;height:50px;}
.mom_left .a_right:hover{ background:url(../images/banner_z.png) no-repeat -50px -50px;}

.caseshows{height:auto;padding-bottom: 70px;}
.caseshows ul{width:100%;margin: 30px 0px 0px;}
.caseshows ul li{width: 280px;float: left;text-align: center;height:373px;background:rgba(245,245,245,1);margin-top: 40px;}
.caseshows ul li img{width: 100%;}
.caseshows ul li h4{font-size:24px;line-height:24px;color:#14161A;margin: 25px auto 10px;}
.caseshows ul li p{font-size:16px;color:#14161A;line-height:24px;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;}

.lineelse{width: 112px;height: 3px;background-color: #F30000;margin: 0 auto;}
.line{border-bottom: 3px solid #F30000;padding-bottom: 16px;}
.line-l{border-left: 1px solid #F36840;padding: 10px;margin: 10px 0 0 0;font-size: 18px;line-height:18px;color: #666;}
.line-r{border-right: 1px solid #F36840;padding: 10px;margin: 10px 0 0 0;font-size: 18px;line-height:18px;color: #666;}

.aboutus{width:100%;height: 550px;overflow: hidden;color: #fff;font-size: 15px;}
.aboutus .text{margin: 64px 0px 60px;}
.aboutus .text h4{font-size:24px;margin-bottom: 8px;}
.aboutus .text p{margin-bottom: 32px;line-height: 28px;color: #f5f5f7;}
.aboutus .text ul li{line-height: 28px;color: #f5f5f7;}
.knowmore{border-radius:2px;margin: 0 auto;cursor: pointer;color: #F30000;border: 1px solid #F30000;padding: 7px;}
.knowmore:hover{color: #F30000;border: 1px solid #F30000;}

/* about */
.culture{margin:50px auto 80px 90px;width:100%;position:relative}
.culture .photo img{width:613px;height:390px;display:block;padding:2px}
.culture .description{position:absolute;width: 500px;height: 290px;background: rgba(0,0,0,0.2);padding: 10px 0px 10px 80px;top:40px;left:400px;color:#fff;}
.culture .description h3{font-size: 24px;padding: 15px 0px;color: #F30000;}
.culture .description h4{height: 290px;line-height: 290px;color: #F30000;font-size: 32px;padding-top: 0px;}
/* .nav{height: 50px;}
.nav a{display:block;height:50px;line-height:50px;padding:0 15px;font-size:18px;text-align:center;font-family: var(--fontFamilyAlibaba);float:left;backgroun-color:#e1e1e1;cursor:pointer;}
.nav a.on{border-bottom: 2px solid #F30000;color: #F30000;}
.contentBox{width:100%;}
.contentBox .box{display:none;}
.contentBox .box.active{display:block;} */
.staff p{font-size: 18px;line-height: 32px;text-indent: 2em;margin: 40px 0px 0px;}
.staff ul{width: 100%;overflow: auto;padding: 40px 0 60px;}
.staff ul li{width: 285px;height: auto;float: left;cursor: pointer;}
.staff ul li img{border-radius: 4px;width: 285px;height: 210px;}

/* business */
.business-nav ul{margin: 50px 0px 40px;width:100%;height: auto;background: url('../images/background.png') no-repeat center 0px;}
.business-nav ul li{width: 100%;padding: 30px 0;overflow: auto;border-bottom: 1px solid rgba(229,229,229,1);}
.business-nav ul li.lastli{border-bottom:none}
.business-nav .leftimg{width: 260px;float: left;margin-right: 20px;}
.business-nav .leftimg img{width: 100%}
.business-nav .lefttext{width: 910px;float: left;}
.business-nav .lefttext .title{font-size: 18px;line-height: 20px;color: #F30000;/* font-weight: 500; */font-weight: bold;text-align: left;margin: 0px 0px 16px;}
.business-nav .lefttext h4{font-size: 16px;color: #333;line-height: 24px;font-weight: bold;margin: 10px 0px;}
.business-nav .lefttext .cont{color:#14161A;}
.business-nav .lefttext .transparent7{font-size: 16px;line-height: 26px;color:rgba(20,22,26,1);text-indent: 2em;text-align: justify;}
.allbank{margin: 60px 0px 100px;}
.allbank img{width: 100%;}

/* news */
.news{width: 100%;padding: 0px 0px 80px;}
.news ul li{overflow: auto;margin-top: 34px;}
.news .leftdate{border-radius: 2px;width: 80px;height: 80px;background: #FFB2B2;text-align: center;margin-right: 16px;float: left;}
.news .leftdate h4{font-size:28px;color: #ffffff;line-height:30px;margin-top: 14px;}
.news .leftdate span{display: inline-block;font-size:16px;color: #ffffff;margin-top: 8px;}
.news .righttext{float: left;width: 1100px;}
.news .righttext h4{font-size: 22px;line-height:34px;color:#14161A;margin-bottom: 6px;}
.news .righttext p{font-size: 14px;line-height: 22px;color:#14161A;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* newsdetail */
.newsdetail{margin: 70px 0 60px;width: 100%;}
.newsdetail .photo{width: 480px;height: auto;margin: 0px 30px 20px 0px;float: left;clear: both;}
.newsdetail .photo img{width: 100%;}
.newsdetail .content h3{font-size: 26px;line-height: 32px;color: #14161A;}
.newsdetail .content p{font-size: 16px;line-height: 28px;color:#666;text-indent: 2em;margin-top: 14px;}

/* human */
.lc-nr{margin: 50px auto;width: 1143px;}
.lc-nr img{width: 100%;}
.jciIn {width:100%;margin: 50px 0px;}
.jobJ { padding:0 0 0 13px;}
.jobJ .li {border: 1px solid #E5E5E5;margin: 20px 0;}
.jobJ .li.current {border: 1px solid #F30000;}
.jobJ li h3{color:#000;background: url(../images/shape-right.png) no-repeat right 20px;padding: 16px;cursor:pointer;background-position: right 10px top 20px}
.jobJ li h3 span{color:#666;font-size:16px;}
.jobJ li h4 {color:#F36840}
.jobJ li h3.current {color:#F30000;background: url(../images/shape-down.png) no-repeat right 20px;padding: 16px;cursor:pointer;background-position: right 10px top 20px}

.dw_table{position:relative;color:#888;z-index:1}
.dw_table .el{height:40px;line-height:40px;font-size:14px;overflow:hidden}
.dw_table .t1,.dw_table .t2,.dw_table .t3,.dw_table .t4{float:left;height:40px;line-height:40px !important;overflow:hidden;}
.dw_table .t1{width:100px;color: #14161A;font-size:18px ;}
.dw_table .t2{width:100px;color:#999999}

.jobZe {padding: 10px 0 6px 20px;}
.jobZe h4 { color:#000; height:24px;}
.jobZe ol {padding: 0 0 18px 18px;}
.jobZe ol li { color:#7f7f7f; height:24px;}
.hj-kj {height: 530px;}

.joKj ul {
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
}

.joKj ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.joKj ul li p {
    color: #2d251b;
    font-size: 24px;
    margin-top: 40px;
}

.jobtSp {
    font-size: 16px !important;
    color: #666 !important;
}

/* .jobTit {margin-left: 310px;} */
.dc-fl {
    height: 384px;
    background: url(../images/zp_fl.png) no-repeat top center;
    overflow: hidden;
}

.dc-fl .benefits {
    margin: 40px 0px;
}

.dc-fl .benefits p {
    font-size: 24px;
    text-indent: 2em;
    line-height: 42px;
    color: #000;
}

/* contact */
.contact {
    margin: 60px 0px 50px;
    width: 100%;
}

.infos {
    width: 548px;
    height: 320px;
    border-right: 1px #333 dotted;
    padding-left: 52px;
    float: left;
}

.infos h4 {
    font-size: 26px;
    color: #14161A;
    line-height: 34px;
    margin-bottom: 30px;
}

.infos p {
    height: 25px;
    line-height: 25px;
    margin-bottom: 28px;
    font-size: 18px;
    color: #333;
}

.infos p img {
    vertical-align: middle;
    margin-right: 16px;
}

.message {
    width: 560px;
    height: 380px;
    padding-left: 38px;
    float: left;
}

.message p {
    font-size: 26px;
    color: #333333;
    line-height: 26px;
}

.message table {
    margin-top: 26px;
}

.message table tr td {
    height: 34px;
}

.message table tr td.sectd {
    float: right;
}

.message table tr td input {
    width: 195px;
    height: 34px;
    border: solid 1px #E5E5E5;
    margin-bottom: 20px;
    padding: 0px 8px;
    border-radius: 2px;
}

.message table tr td label {
    font-size: 16px;
    line-height: 34px;
    color: #14161A;
    padding: 0px 16px 0px 0px;
}

.message table tr td textarea {
    width: 493px;
    height: 72px;
    border: solid 1px #E5E5E5;
    margin-bottom: 20px;
    padding: 10px 8px;
    display: inline-block;
    vertical-align: middle;
}

.message table tr td textarea ~ label {
    line-height: 72px;
}

#apply {
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #F30000;
    border-radius: 2px;
    color: #fff;
    margin-left: 48px;
    font-size: 18px;
    cursor: pointer;
}

.map {
    width: 100%;
    height: 800px;
    margin-bottom: 70px;
    position: relative;
}

.map img {
    width: 100%;
}
#mapContainer{width: 100%;height: 440px;border-radius: 4px;}


.top{display:none;position:fixed;bottom:50px;right:10%;filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;}
.top:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.top{background: url(../images/back_to_top.png) no-repeat;width: 60px;height: 60px;background-size: 100%;}
.main-content-short{width: 1000px;margin: 20px auto 40px;}
.main-content-short .inscribe{font-size: 14px;word-wrap: break-word;color: #000;line-height: 24px;font-weight: bold;width: 100%;text-align: right;}