@charset "utf-8";
.banner{position: relative;overflow: hidden;width: 100%;left: 0;margin-left: 0;height: auto;z-index: 3}
.banner img{width: 100%;height: auto;}
.banner .swiper-slide{opacity: 0 !important}
.banner .swiper-slide-active{opacity: 1 !important}
.pagination{position: absolute;left: 0;bottom: 10%;height: 8px;width: 100%;z-index: 980;}
.pagination{width: 100%;height: 8px;text-align: center;}
.pagination .swiper-pagination-bullet{display: inline-block;background: #ffffff;width: 12px;height: 12px;text-indent: 99999px;overflow: hidden;margin: 0 4px;cursor: pointer;transition: all 0.5s;opacity: 1;}
.pagination .swiper-pagination-bullet-active{background: #b81f30;}
.sj-banner{position: relative;overflow: hidden;width: 100%;height: auto;z-index: 3;display: none}
.sj-banner img{width: 100%;height: auto;}
.sj-banner .swiper-slide{opacity: 0 !important}
.sj-banner .swiper-slide-active{opacity: 1 !important}
@media screen and (max-width: 1640px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 750px){
    .banner{display: none}
    .sj-banner{display: block;}
    .pagination .swiper-pagination-bullet{width: 6px;height: 6px}
}
.container-home * { box-sizing: border-box; }
.header-view{padding: .001rem .55rem 0;background-color: #ebebeb;}
.m-title .hd { position: relative; height: .78rem; border-bottom: 1px solid #dadada; line-height: .77rem; }
.m-title .hd h2 { position: relative; float: left; padding-left: .5rem; font-size: .28rem; }
.m-title .hd h2::after { position: absolute; bottom: -2px; left: 0; width: 100%; height: .02rem; background: #e91a2e; content: ''; }
.m-title .hd .more { position: absolute; right: 0; top: 50%; width: .9rem; border-radius: .32rem; background-color: #f2f2f2; font-size: .16rem; line-height: .32rem; text-transform: uppercase; transform: translateY(-50%); text-align: center; transition: all .3s ease; }
.m-title .hd .more a { display: block; color: #eb5d67; }
.m-title .hd .more:hover { background-color: #eb5d67; }
.m-title .hd .more:hover a { color: #fff; }

@media screen and (max-width: 750px){
    .header-view { padding: 15px; }
    .m-title .hd { height: 58px; line-height: 57px; }
    .m-title .hd h2 { padding-left: 35px; font-size: 20px; }
    .m-title .hd .more { width: 65px; font-size: 12px; line-height: 22px; }
}
.box { background-color: #fff; }
.col-a { margin-bottom: .48rem; padding: .66rem .3rem;background-color: #fff;}
.col-a .fl { width: 45%; }
.col-a .fr { width: 53%; }
@media screen and (max-width: 1440px){
    .col-a .fl { width: 52%; }
    .col-a .fr { width: 46%; }
}
@media screen and (max-width: 750px){
    .col-a { margin-bottom: 15px; padding: 0; }
    .col-a .fl { float: none; width: 100%; }
    .col-a .fr { float: none; width: 100%; }
}
.focus img { width: 100%; height: auto; }
.focus .swiper-slide { position: relative; }
.focus .swiper-slide .txt { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30% 0 .15rem; background-color: rgba(0, 0, 0, 0.4); color: #fff; font-size: .16rem; line-height: .5rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.focus .swiper-container-horizontal>.swiper-pagination-bullets { left: inherit; right: .1rem; width: auto; bottom: .16rem; }
.focus .swiper-pagination-bullet-active { background-color: #fff; }

@media screen and (max-width: 750px){
    .focus .swiper-slide .txt { padding: 0 30% 0 15px; font-size: 14px; line-height: 40px; }
    .focus .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10px; }
}
.hot-news .hd { height: .73rem; margin-top: -.14rem; margin-bottom: .23rem; border-bottom: 1px solid #dadada; line-height: .72rem; }
.hot-news .hd ul li { position: relative; float: left; margin-right: .24rem; padding: 0 .14rem; font-size: .26rem; cursor: pointer; transition: all .3s ease; }
.hot-news .hd ul li.on { color: #e91a2e; font-size: .28rem; font-weight: bold; }
.hot-news .hd ul li.on a { color: #e91a2e; }
.hot-news .hd ul li.on::after { position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #e91a2e; content: ''; }
.hot-news .bd li {padding: .04rem 0;}
.hot-news .bd li h4 { padding-left: .23rem; position: relative; line-height: .5rem; font-size: .24rem; font-weight: normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.hot-news .bd li h4 span { float: right; font-size: .22rem; }
.hot-news .bd li .desc { height: 0; padding: 0 0 0 .23rem; color: #737373; font-size: .16rem; line-height: .3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical; opacity: 0; transition: all .3s ease; }
.hot-news .bd ul li h4::after { position: absolute; top: 50%; left: 0; width: .08rem; height: .08rem; border-radius: .08rem; border: .02rem solid #e91a2e; background: #fff; transform: translateY(-50%); content: ''; transition: all .3s ease; }
.hot-news .bd ul li:hover h4::after { background-color: #e91a2e; }
.hot-news .bd li.on h4 { font-weight: bold; }
.hot-news .bd li.on h4 a { color: #e91a2e; }
.hot-news .bd li.on .desc { height: .6rem; margin-top: .07rem; margin-bottom: .07rem; opacity: 1; }
@media screen and (max-width: 750px){
    .hot-news { padding: 15px; }
    .hot-news .hd { height: 58px; margin-top: 0; margin-bottom: 15px; line-height: 57px; }
    .hot-news .hd ul li { margin-right: 0; padding: 0 10px; font-size: 15px; }
    .hot-news .hd ul li.on { font-size: 16px; }
    .hot-news .bd li {padding: 0px 0;}
    .hot-news .bd li h4 {padding-left: 18px;line-height: 34px;font-size: 16px;}
    .hot-news .bd li h4 span {font-size: 12px;}
    .hot-news .bd li .desc {height: 0;padding: 0 0 0 23px;font-size: 14px;line-height: 22px;}
    .hot-news .bd ul li h4::after {width: 6px;height: 6px;}
    .hot-news .bd li.on .desc {height: 44px;margin-top: 5px;margin-bottom: 5px;opacity: 1;}
}
.col-b{ margin-bottom: .4rem; }
.col-b .fl {width: 53.5%;}
.col-b .fr {width: 44.5%;}
@media screen and (max-width: 1440px){
    .col-b .fl { width: 50%; }
    .col-b .fr { width: 48.5%; }
}
@media screen and (max-width: 750px){
    .col-b { margin-bottom: 15px; }
    .col-b .fl { float: none; width: 100%; margin-bottom: 15px; }
    .col-b .fr { float: none; width: 100%; }
}
.box-sx { padding: .1rem .35rem .18rem; }
@media screen and (max-width: 750px){
    .box-sx { padding: 15px; }
}

/* 集团党建 */
.m-jtdj .hd { background: url(images/t1.png) no-repeat 0 50%; }

.ibw-ptxt { margin-bottom: 0; padding: 0rem 0; border-bottom: 0; }
.ibw-ptxt .pic { float: left; width: 2.05rem; margin-right: .3rem; display: none; }
.ibw-ptxt .pic img { width: 100%; height: auto; }
.ibw-ptxt .txt { display: block; overflow: hidden; }
.ibw-ptxt .txt h4 {position: relative;margin-bottom: 0;padding-left: .32rem;font-size: .24rem;line-height: .59rem;font-weight: normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ibw-ptxt .txt h4 span { float: right; }
.ibw-ptxt .txt h4::after { position: absolute; top: 50%; left: 0; width: .1rem; height: .1rem; border-radius: .12rem; border: .02rem solid #e91a2e; background: #fff; transform: translateY(-50%); content: ''; transition: all .3s ease; }
.ibw-ptxt .txt .desc { height: 0; opacity: 0; font-size: .16rem; line-height: .28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical; }

.ibw-ptxt.on {margin-bottom: .10rem;padding: .25rem 0 .25rem;border-bottom: 1px solid #dadada;}
.ibw-ptxt.on .pic { display: block; float: left; width: 2.05rem; margin-right: .3rem; }
.ibw-ptxt.on .pic img { width: 100%; height: auto; }
.ibw-ptxt.on .txt { display: block; overflow: hidden; }
.ibw-ptxt.on .txt h4 { margin-bottom: .18rem; padding-left: 0; font-size: .24rem; line-height: .48rem; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.ibw-ptxt.on .txt h4 span { float: right; display: none; }
.ibw-ptxt.on .txt h4::after { content: none; }
.ibw-ptxt.on .txt .desc { height: auto; opacity: .6; font-size: .16rem; line-height: .28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical; }

.list-2 li { position: relative; padding-left: .32rem; font-size: .24rem; line-height: .59rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list-2 li span { float: right; font-size: .2rem; }
.list-2 li::after { position: absolute; top: 50%; left: 0; width: .1rem; height: .1rem; border-radius: .12rem; border: .02rem solid #e91a2e; background: #fff; transform: translateY(-50%); content: ''; transition: all .3s ease; }
.list-2 li:hover::after { background-color: #e91a2e; }
.list-2 li:hover span { color: #e91a2e; }

@media screen and (max-width: 750px){
    .m-title .hd h2::after { bottom: 0; }
    .ibw-ptxt.on {margin-bottom: 10px;padding: 15px 0;}
    .ibw-ptxt .txt h4 {margin-bottom: 5px;font-size: 18px;line-height: 30px;}
    .ibw-ptxt.on .pic {float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
    .ibw-ptxt.on .pic img { width: 100%; height: auto; }
    .ibw-ptxt.on .txt { display: block; overflow: hidden; }
    .ibw-ptxt.on .txt h4 {margin-bottom: 5px;font-size: 18px;line-height: 30px;}
    .ibw-ptxt.on .txt .desc {opacity: .6;font-size: 14px;line-height: 22px;}
    .list-2 li {padding-left: 18px;font-size: 14px;line-height: 34px;}
    .list-2 li span {float: right;font-size: 12px;}
    .list-2 li::after {width: 6px;height: 6px;}
}

/* 员工风采 */
.m-ygfc { padding-bottom: .37rem; }
.m-ygfc .hd { border-bottom: 0; background: url(images/t2.png) no-repeat 0 50%; }
.m-ygfc .hd h2::after { content: none; }
.m-ygfc .bd img { width: 100%; height: auto; }
.m-ygfc .bd:hover .swiper-button-next,
.m-ygfc .bd:hover .swiper-button-prev { opacity: 1; transition: all .3s ease; }
.m-ygfc .bd .swiper-button-next,
.m-ygfc .bd .swiper-button-prev { opacity: 0; }

@media screen and (max-width: 750px){
    .m-ygfc { padding-bottom: 15px; }
}

/* 控股企业 */
.m-kgqy .hd { border-bottom: 0; background: url(images/t3.png) no-repeat 0 50%; }
.m-kgqy .hd h2::after { content: none; }
.m-kgqy .bd { padding: .23rem 0 .57rem; }
.m-kgqy .bd ul { margin-left: -1%; }
.m-kgqy .bd li { float: left; width: 19%; margin-left: 1%; margin-bottom: 1%; background: #fff; background: linear-gradient(to bottom,#fff,#fff); text-align: center; transition: all .3s ease-in; }
.m-kgqy .bd li a {display: block;padding: .25rem 0;}
.m-kgqy .bd li .pic {width: 1.6rem;height: .7rem;margin: 0 auto .1rem;}
.m-kgqy .bd li a h3 {font-size: .2rem;line-height: .38rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.m-kgqy .bd li a h4 {opacity: .6;font-size: 12px;line-height: .24rem;font-weight: normal;text-transform: uppercase;/* white-space:nowrap; *//* text-overflow:ellipsis; *//* overflow:hidden; */height: .48rem;transform: scale(0.8);}
.m-kgqy .bd li img {width: auto;height: 100%;}
.m-kgqy .bd li:hover { background: linear-gradient(to bottom,#e21a07,#eca33e); }

.m-kgqy .bd li:hover a h3,
.m-kgqy .bd li:hover a h4 { color: #fff; }

.m-jtdj .hd,
.m-ygfc .hd,
.m-kgqy .hd { background-size: .3rem; }

@media screen and (max-width: 750px){
    .m-jtdj .hd,
    .m-ygfc .hd,
    .m-kgqy .hd { background-size: 24px; }
}
@media screen and (max-width: 750px){
    .m-kgqy .hd { margin-bottom: 15px; }
    .m-kgqy .bd { padding: 0; }
    .m-kgqy .bd ul { margin-left: 0; }
    .m-kgqy .bd li { float: none; width: 100%; margin-left: 0; margin-bottom: 15px; padding: 25px 0; }
    .m-kgqy .bd li .pic { width: 45%; height: auto; margin: 0 auto 0; }
    .m-kgqy .bd li a h3 { font-size: 18px; line-height: 45px; }
    .m-kgqy .bd li a h4 { font-size: 12px; line-height: 20px; }
}


.col-aa { margin-top: .18rem;margin-bottom: .18rem;background-color: #fff; display: none; }
.col-aa .hd { position: relative; float: left; height: .92rem; margin-right: .3rem; padding: 0 .3rem; font-size: .28rem; line-height: .92rem; }
.col-aa .hd img { position: relative; top: 50%; transform: translateY(-50%); }
.col-aa .hd::after { position: absolute; top: 50%; right: 0; width: 1px; height: .3rem; background-color: #999; transform: translateY(-50%); content: ''; }
.col-aa .bd { font-size: .3rem; line-height: .92rem; }
.col-aa .bd .swiper-container { height: .92rem; font-weight: bold; }
.col-aa .bd .swiper-container img { width: 40px; vertical-align: middle; }


@media screen and (max-width: 750px){
    .col-aa { margin-top: 15px; margin-bottom: 15px; }
    .col-aa .hd { margin-right: 10px; height: 30px; padding: 5px 10px; font-size: 14px; line-height: 20px; }
    .col-aa .hd img { height: 20px; margin-top: 0; }
    .col-aa .hd::after { height: 16px; }
    .col-aa .bd { font-size: 14px; line-height: 30px; }
    .col-aa .bd .swiper-container { height: 30px; line-height: 30px; }
    .col-aa .bd .swiper-container .swiper-slide { overflow: hidden; }
}