@charset "utf-8";
/* CSS Document */
body{ background: #f3f3f3;}
.about-banner img{ width: 100%; height: auto;}
.about-banner .img_title{ display: none;}
/* 集团简介  */
.about-jjbg{background: url("../images-new/jj-bg.png") bottom center  no-repeat #fff; padding: 75px 0;  }
.about-info{position: relative;}
.about-info .img{ width: 699px;  float: left; margin-right: 40px; }
.about-info .img img{ max-width: 100%; height: auto; width: auto;}
.about-info .content-info{ display: block;   padding-top: 70px;   text-align: justify; font-size: 20px; line-height: 40px; }
.about-info .content-info img{ display: none;}
.about-info .content-info .detailed{ display: none; }
.about-info .about-title{    position: absolute; left:739px; right: 0; top:0; }
.about-title .title{ display: block; padding-bottom: 12px;  position: relative;}
.about-title .cn-font{  position: relative; font-style: normal; z-index: 2; font-weight: bold; color: #2c4684;  line-height: 48px; font-size: 32px;}
.about-title .en-font{  position: absolute;  font-style: normal;   white-space:nowrap;  font-size: 32px;  text-transform: uppercase;  bottom: 0; left:20px; right: 0; z-index: 1; color: #e6e6e6;}
.about-title a.title:hover .cn-font{ opacity: .9;}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .about-jjbg{ padding: 50px 0;}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .about-jjbg{ padding: 40px 0;}

}
@media only screen and (max-width: 1199px) {
    .about-jjbg{ padding: 30px 0;}
    .about-info .about-title{    position: static;  text-align: center; }
    .about-info .img{ width: auto; margin: 20px 0 0 0;  text-align: center; float: none;}
    .about-title .en-font{left:0; text-align: center;}
    .about-info .content-info{ padding-top: 30px;}
}
@media only screen and (max-width: 991px) {
    .ls-about-row{ padding: 0 10px;}
}
@media only screen and (max-width: 767px) {
    .about-jjbg{ padding: 20px 0;}
    .about-title .title{ padding-bottom: 0;}
    .about-title .en-font{  font-size: 28px; display: none;}
}

/* 组织架构  */
.about-jgbg{background: url("../images-new/jg-bg.png") top center  no-repeat; padding: 50px 0; height: 1457px; }
.ls-jgbox .about-title{ text-align: center; margin-bottom: 50px; }
.ls-jgbox .about-title .title{ display: block;}
.ls-jgbox .about-title .cn-font{ color: #fff;}
.ls-jgbox .about-title .en-font{ color: rgba(255, 255, 255, 0.08);}
.ls-jgbox .about-title a.title:hover .cn-font{ color: #fff; opacity: .9;}
.ls-jgimg .img-title{ display: none;}
.ls-jgimg img{ width: auto; max-width: 100%; height: auto;}
@media only screen and (max-width: 1399px) {
    .about-jgbg{ height: auto; padding: 40px 0;}

}
@media only screen and (max-width: 991px) {
    .about-jgbg{  padding: 30px 0;}
    .ls-jgbox .about-title{  margin-bottom: 40px; }
}
@media only screen and (max-width: 767px) {
    .about-jgbg{  padding: 20px 0;}
    .ls-jgbox .about-title .en-font{ display: none;}
    .ls-jgbox .about-title{  margin-bottom: 20px; }
}

/* 发展历史  */
.ls-fzls{ padding: 50px 0;}
.ls-fzls .about-title{ text-align: center; margin-bottom: 30px; }
.ls-fzls .about-title .title{ display: block;}
.historylist{ background: url("../images-new/date-line.gif") center center repeat-y; padding: 40px 0;}
.historylist li.lis{width: 51%;float: left; }
.historylist li.even {float: right;}
.historylist li .box {     padding-right: 65px;margin-right: 2px;background: url(../images-new/date-ico.png) no-repeat;background-position: right 6px;}
.historylist li.even .box {  padding-left: 65px;margin-left: 2px;background-position: left 6px;}
.historylist li .box .date{ text-align: right; margin-bottom: 10px; font-size:28px; line-height: 42px;}
.historylist li.even .box .date{ text-align: left; }
.historylist li .hlist{ text-align: right; height: 48px; overflow: hidden;}
.historylist li.even .hlist {text-align: left; }
.historylist li .hlist li{ color: #4E5053; margin-bottom: 30px;  font-size: 16px; line-height: 24px;  }
.historylist li .btn{ margin-top: 8px; text-align: right; font-size: 16px;}
.historylist li.even .btn{  text-align: left;}
.historylist li .btn a{ color: #2C4684; }
.historylist li .btn a:hover{ color: #f00; }
.historylist li .sq { display: none;}
.historylist li.on .btn{ margin-top: 0;}
.historylist li.on .hlist{ height: auto;}
.historylist li.on .sq { display: inline-block;}
.historylist li.on .zk { display: none;}
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .ls-fzls{ padding: 40px 0;}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .ls-fzls{ padding: 30px 0;}
    .historylist li .box{     margin-right: -2px;}
    .historylist li.even .box{ margin-left: -2px;}
}
@media only screen and (max-width: 991px) {
    .ls-fzls{ padding: 20px 0;}
    .historylist{ background: none; padding: 0 20px;}
    .historylist li{ float: none !important; width: auto !important;}
    .historylist li .box{  background-position: left 8px !important; padding:0 0 0 40px !important; margin-right: 0;}
    .historylist li .box .date{ text-align: left !important;}
    .historylist li .hlist{ text-align: left !important; height: auto; }
    .historylist li.even .box{ margin-left:0;}
    .historylist li .hlist li{ margin-bottom: 15px;}
    .historylist li .btn{ display: none;}

}
@media only screen and (max-width: 767px) {
    .ls-fzls{ padding: 10px 0;}
}