*{margin:0;padding:0;}
.both{clear:both;}
.mt4 {line-height: 40px;padding-top: 20px ! important; overflow:hidden;}
.xfzlefts img{margin-top:34px;}
/* 新闻列表 */
.xxleft{width:600px; float:left;      border-right: 1px solid #dcdcdc;
    padding-right: 20px; }
.xxlefts{width:600px; float:left;}
.xxright{width:570px; float:right;}
.list_ul ul {line-height: 40px;padding-top: 50px;}
.fwzn-ul li{float: left;}
.title-lixi{padding-right: 33px;}
.title-lixi a{display: block;font-size: 28px;color: #333333;font-weight: 900;}
.title-lixis {padding-left: 17px;padding-right: 33px;background: url(/eportal/uiFramework/commonResource/image/2020110219141887690.png);background-repeat: no-repeat;background-position: left center;}
.title-lixis  a{display: block;font-size: 24px;color: #005b9e;font-weight: 900;}
.mor{float: right ! important;margin-right: 20px; margin-top:10px;}
.mors{float: right ! important;margin-right: 20px;}
.mors a {font-size:18px; color:#999999;}
.mor a {font-size:22px; color:#999999;}
.list-il{padding-bottom: 5px;margin-right: 20px;position: relative;}
.yy{width: 5px; height: 5px; background: #666; border-radius: 17px; float: left; margin-top: 16.5px;}
.yh{margin-left: 16px;}
.yh a {font-size:16px; color:#333333}
.list_ul .article-time{float: right;color: #666666; font-size:16px;}

/* 图片展示 */
#Showpic{width:100%;padding-left: 20px;
    padding-right: 20px;margin-bottom:20px}
.banner{width:100%;}
.banner img{width:100%;}


/* 快捷服务 */
#Serve{width:1200px;margin:0 auto; height:345px; padding-top:30px;}
.serve{font-size: 30px;line-height: 42px; letter-spacing: 5px;color: #333333;text-align: center;font-weight: 700; margin-bottom: 20px; padding-top:30px;}
.serve p {display: inline-block;width: 8px;height: 8px;background-color: #119232;border-radius: 50%;position: relative;vertical-align: middle;margin: 0 12px;margin-bottom: 5px;}
.serve p:first-child::before {content: '';display: inline-block;position: absolute; width: 142px; height: 1px;background-color: #005b9e;right: 8px; top: 4px;}
.serve p:last-of-type::after { content: '';display: inline-block; position: absolute;width: 142px;height: 1px; background-color: #005b9e;left: 8px;top: 4px;}
.serve h3{color:#dedede; font-size:14px;}
/* 公司概况 */
.gyyl-center{background:#f5f5f5; height:510px;}
.gyyl-centers{background:#f5f5f5; height:590px;}
.gsgk{width:1200px; margin:0 auto; height:585px;} 
.gggc-img{float:left; width:572px;}
.gsj{width: 628px;
    float: right;
    background: #fff;
    padding: 20px;
    height: 330px; }
.gsj h2{font-size:26px; margin-bottom:35px; font-weight:bold; color:#333333;}
.gsj p {font-size:16px; line-height:38px; }
.ckgd{ float: right;
    margin-top: 30px;
    padding: 8px 30px;
    background: #005b9e;
    border-radius: 29px;
    color: white;
    font-size: 14px; }
.shze{width:570px; float:right;}


/* 投资者关系 */
.gyyl-tzzgx{height:458px;}
.tzzgx{width:1200px; margin:0 auto; }
.picli{float: left;
    width: 169px;
    border: 1px solid #ccc;
    margin-right: 20px;
    height: 220px;
}
.picli img{ width:100%; height:100%; object-fit: cover;}
.mt5{ overflow:hidden; padding-bottom:45px;}

/* 消费者 */
.xfz,.xfz-center{width:1200px; margin:0 auto; }
.xfzleft{width:600px;float:left; height:445px;}
.xfzright{width:570px; float:right;height:445px;}
.zjxxli{float:left;}
.zjxxli a {font-size: 24px; font-weight:bold; }
.tab_x_y{display:block};
.tab_x_n{display:none;}
.tab_y2 a{color: #005b9e;}

/* 人才招聘 */
.rczpimg{ overflow:hidden;}
.rczpimg li{float:left; position:relative; border-radius: 4px;}
.rczp{width:1200px; margin:0 auto; }
.mr44{margin-right:44px;}
.rczpbb{height: 60px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width:370px; position:absolute; bottom:0; background: rgba(0,91,158,.8);
    background-size: cover; }
.bbspan{font-size: 26px;color: white;font-weight: bold;margin-left: 55px;line-height: 60px;}
.bbspan2{    font-size: 20px;color: #ffffff; margin-left: 20px;}
.rczpimg li img{height:256px; width:370px; border-radius: 4px;}
.wdf{width: 569px;
    float: left;
    margin-right: 30px;

    background: #fafafa;
    box-shadow: 0px 1px 6px #ddd;
    margin-bottom: 20px;
    padding: 10px;}
.wdf:nth-child(2n+0){margin-right:0; width:600px;}

.rczpimg li:hover .rczpbb{
border-radius: 4px;
    transition: all 0.5s;
   position: absolute;
    bottom: 0;
    width: 100%;
  height: 100%;
background: url(/eportal/uiFramework/commonResource/image/2020102910375341697.png) no-repeat  no-repeat bottom left;
  line-height:260px; background-size: cover; 
}


@media (max-width: 768px){
#Serve{width:100%;padding: 15px 15px;}
.xxright{width:100%;}
.yh {display:flex;}
.yh a{font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; width: 82%; margin-right: 1rem}
.article-time{font-size:13px ! important;}
.xxleft{width:100%; padding-right: 0;
    border: 0; }
.title-lixi a{font-size:16px;}
.mor a{font-size:14px;}
.mor{margin-right:0;}
.list_ul .mt4{padding-top:20px ! important; line-height:25px;}
.mt5{height: 240px; margin-bottom: 10px;}
.yy {
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 17px;
    float: left;
    margin-top: 9.5px;
}
.gsgk{width:100%; height:591px; padding:0px 10px;}
.gyyl-center{height:auto;}
.gsj{width:100%; height:271px;}
.gggc-img{width:100%;}
.gggc-img img{width:100%;}
.gsj h2{margin-top:20px; margin-bottom:20px; font-size:16px;}
.gsj p{font-size:12px; line-height:26px;}
.ckgd{font-size:14px; margin-top:5px;}
.list-il{margin-right:0;}
.tzzgx{width:100%; padding:0px 10px;}
.shze{width:100%; margin-top:20px;}
.xfz{width:100%;}
.serve{font-size:20px; padding-top:10px; margin-bottom:10px;}
.xfz-center{width:100%;}
.xxlefts{width:100%;}
.xfzleft{width:100%; padding:15px 15px; height:auto;}
.xfzlefts img{width:100%;}
.xfzright {width:100%; padding:15px 15px; height:auto;}
.zjxxli a{font-size:17px;}
.gyyl-centers{height:670px;}
.rczp{width:100%; }
.rczpimg li img{    height: 93.83px;width: 100%;}
.rczpimg{display:flex; }
.rczpimg li{width:33%; margin-right:10px;}
.mr44{margin-right:0;}
.rczpbb{width:100%; height:30px;}
.bbspan{font-size:15px;margin-left:0px;display: flex;align-items: center; justify-content: center; line-height:30px;}
.bbspan2 {font-size: 12px;color: #ffffff;margin-left: 40px;display: block;margin-top: -19px; display:none;}
.rczpimg{height:auto ! important; margin-bottom:0px ! important; padding:15px;}
.yyd{width:100%; padding:0px 15px;}
.wdf{width:100%;}
.wdf:nth-child(2n+0){width:100%;}
.mors{margin-right:0;}
.mors a{font-size:16px;}
.serve h3 {color: #dedede;font-size: 12px; height: 15px; line-height: 15px;}
.title-lixis a{font-size:16px;}
.rczpimg li:nth-child(3){margin-right:0;}
.mor{margin-top:0;}
.xfzlefts img{margin-top:20px;}
.gyyl-tzzgx{height:495px;}
}