/*banner*/
.banner {position: relative;max-height: 680px;/* margin-bottom: 200px; *//* overflow: hidden; */}
.banner .img {width: 100%;height:680px;overflow: hidden;}
.banner .img img {display: block; margin: 0 auto; }
.banner .comwidth {/* height: 0; *//* transform: translateY(-50%); */}
.banner h3 {    font-size: 62px; position: absolute;top: 280px;transform: translateY(-50%);color: #ffffff;}
.banner h3::before { content: "";position: absolute; width: 72px;height: 6px;background: #dc0717;top: -25px;}
.banner .jj {background: #ffffff;padding: 50px 0 30px;box-shadow: 0 0 10px #ccc;border-radius: 8px;margin-top: -130px;z-index: 9;position: relative;}
.banner .jj h4 {margin-bottom: 10px;}
.banner .jj h4 a {font-size: 33px;color: #d70c19;}
.banner .jj h4 span {font-size: 13px;margin-left: 10px;position: relative;top: -12px;color: #d70c19;}
.banner .jj .fr {width: 73.5%;padding-right: 20px;box-sizing: border-box;position: relative;padding-bottom: 20px;height: 134px;overflow: hidden;overflow-y: scroll;float: left;}
.banner .jj .fr p {font-size: 15px;line-height: 28px;/* padding: 0 40px 0 20px; */position: relative;color: #333333;}
.banner .jj .fr .line {width: 1px;height:100%;background:#dadada;position: absolute;right: 20px;top: 0;}
.banner .jj .fr .line::after {content: '';width: 5px;height:95px;background:#d70c19;position: absolute;right: 1px;top: 5px;}
.banner .jj .fl {width: 25%;padding-left: 50px;padding-right: 50px;box-sizing: border-box;color: #333333;margin-top: -4px;}
.banner .jj .fl .line {width:100%;height:1px;background:#d70c19;margin-top:40px}
.business .swiper-slide .img img{transition: all 1.5s ease; transform-origin: center;}
.business .swiper-slide:hover .img img{transform: scale(1.5);}
.news .news_pic .swiper-slide img{transition: all 1.5s ease; transform-origin: center;}
.news .news_pic .swiper-slide img:hover{transform: scale(1.5);}
.news .news_list .list li a:hover{color: #d70c19;}
.banner .jj .fr::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #dadada;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.banner .jj .fr::-webkit-scrollbar-thumb{
    background-color: #d70c19;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}




/*特色业务*/
.business {margin-bottom:60px;position: relative;width:100%;margin-top: 80px;}
.business .swiper-wrapper{height:460px;}
.module_title {text-align:center;font-size: 40px;padding: 70px 0 40px;color: #333333;} 
.business .swiper-slide {background:#f4f4f4;text-align:center;/* cursor: pointer; */}
.business .swiper-slide:hover .btn{display:block;}
.business .swiper-slide .btn{display: none;width: 100%;height: 60px;background: url(/uiFramework/commonResource/image/2023052614571844953.png);position: absolute;bottom: 0;}
.business .swiper-slide .img {width:100%;height:50%;overflow:hidden;}
.business .swiper-slide .img img {display:block;width:100%;height:100%;}
.business .swiper-slide h3 {font-size: 22px;margin-top: 20px;color: #333333;}
.business .swiper-slide h4 {font-size:24px;margin-top: 20px;color:#d70c25}
.business .swiper-slide p {font-size: 16px;margin-top: 20px;line-height: 30px;color: #333333;padding: 0 35px;}
.tsyw .comwidth {position:relative;}
.tsyw .swiper-button-prev, .tsyw .swiper-button-next {top: 64%;}
.tsyw .comwidth .swiper-button-prev {left: -45px;background-size: 10px;background-color: #e4e4e4;border-radius: 100%;width: 35px;height: 35px;}
.tsyw .comwidth .swiper-button-next {right: -45px;background-size: 10px;background-color: #e4e4e4;border-radius: 100%;width: 35px;height: 35px;}
.tsyw .comwidth .swiper-button-white:hover {background-color: #d70c25;}

/*快捷入口*/
.kjru1{width:48%;}
.kjru2{width:48%;}
.kjru {width:100%;height:310px;background:url(/uiFramework/commonResource/zip/images/images/bg.png) no-repeat center;}
.kjru .list,.kjru .list .ewm { display: flex;justify-content: space-around;align-items: center;}
.kjru .list,.kjru .list .ewm  li{font-size:16px;}
.kjru .list {height: 310px;width:100%;}
.kjru .list li {text-align: center;color:#ffffff;font-size: 20px;flex: 3.5;}
.kjru .list li a {color:#ffffff;font-size: 20px;}
.kjru .list li span{font-size:16px;}
.kjru .list>li {border-right:1px solid #ecb1b8;}
.kjru .list>li:first-child {flex:2.5;}
.kjru .list>li:last-child {/**border:none;**/flex:4;}
.kjru .list li img {display:block;margin: 0 auto 20px;}
#img_lj img {width:100px;}

/*公司新闻*/
.news {padding-bottom:70px;}
.news .news_pic,.news .news_list {width: 50%;}
.news .news_pic .swiper-slide {width:100%;overflow:hidden;}
.news .news_pic .swiper-slide img{width:100%;}
.news .news_list {padding-left: 50px;box-sizing:border-box;}
.news .news_list .top_list {border-bottom: 1px solid #d70c19;padding-bottom:10px;margin-bottom:10px;}
.news .news_list .top_list .title {margin-bottom:30px;}
.news .news_list .top_list .title a{font-size:22px;color:#d70c19;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news .news_list .top_list p {font-size:14px;color:#666666;line-height:2;}
.news .news_list .list li {line-height: 50px;}
.news .news_list .list li a {float:left;color:#000000;width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:16px;}
.news .news_list .list li span {float:right;color:#000000;font-size:16px;}

/*营业网点*/
.yywd {background: url(/uiFramework/commonResource/zip/images/images/bg_yywd.png)no-repeat center;}
.branches_con {display: flex;justify-content: space-between;flex-flow: wrap;padding-bottom:40px;}
.branch {background: #fff;height: 136px;margin-bottom: 30px;}
.branch_con {width: 300px;padding: 20px 40px;}
.branch_con div { padding: 5px 0;}
.branch .tit {font-size: 18px;color: #333333;font-weight: 400;}
.branch .sub a , .sum {font-size: 16px;color: #666;}
.branch img {margin-right: 5px;}
.branch_con:hover {border-top: 4px solid #d70c19;box-shadow: 0 0 6px 6px rgb(221,221,221);}


@media screen and (max-width:600px) {
    .comwidth {width:96%;}

    /*banner*/
    .banner {max-height: 680px;}
    .banner .img {width: 100%;height: auto;overflow: hidden;}
    .banner .img img {display: block;margin: 0 auto;width: 100%;}
    .banner h3 {font-size: 24px;position: absolute;top: 55px;transform: translateY(-50%);}
    .banner h3::before {width: 40px;height: 3px;top: -10px;}
    .banner .jj {margin-top: 15px;padding: 30px 0 20px;}
    .banner .jj h4 {margin-bottom: 10px;}
    .banner .jj h4 a {font-size: 20px;}
    .banner .jj h4 span {top: 0;}
    .banner .jj .fr {padding-right: 10px;padding-bottom: 15px;height: 88px;}
    .banner .jj .fr p {-webkit-line-clamp: 4;font-size: 14px;line-height: 1.5;}
    .banner .jj .fr .line {width: 1px;height:100%;background:#dadada;position: absolute;right: 20px;top: 0;}
    .banner .jj .fr .line::after {width: 3px;height: 60px;top: 5px;}
    .banner .jj .fl {padding-left: 10px;padding-right: 10px;font-size: 14px;}
    .banner .jj .fl .line {width:100%;height:1px;background:#d70c19;margin-top: 15px;}


    /*特色业务*/
    .business {margin-bottom:60px;position: relative;width:100%;margin-top: 0;}
    .business .swiper-wrapper{height:auto;}
    .module_title {font-size: 24px;padding: 30px 0 20px;} 
    .business .swiper-slide:hover .btn{display: none;}
    .business .swiper-slide .img {width:100%;height: 240px;overflow:hidden;}
    .business .swiper-slide .img img {display:block;width:100%;height:100%;}
    .business .swiper-slide h3 {font-size: 18px;margin-top: 15px;padding-bottom: 20px;}
    .business .swiper-slide h4 {    display: none;}
    .business .swiper-slide p {display: none;}
    .tsyw .comwidth {position:relative;}
    .tsyw .swiper-button-prev, .tsyw .swiper-button-next {top: 66%;}
    .tsyw .comwidth .swiper-button-prev {  display: none;}
    .tsyw .comwidth .swiper-button-next {display: none;}
    .tsyw .comwidth .swiper-button-white:hover {background-color: #d70c25;}

    /*快捷入口*/
    .kjru .list,.kjru .list .ewm {display: block;width: 100%;}
    .kjru .list,.kjru .list .ewm  li{font-size: 12px;float: left;width: 50%;}
    .kjru .list,.kjru .list .ewm  li img {width:90px;}
    .kjru .list {height: auto;width: 100%;padding-top:20px;}
    .kjru .list li {text-align: center;color:#ffffff;font-size: 20px;flex: 3.5;}
    .kjru .list>li {border-right: 0;float: left;width: 50%;margin-top: 25px;}
    .kjru .list>li:last-child {width: 100%;float: left;}
    .kjru .list li img {display:block;margin: 0 auto 10px;}

    /*公司新闻*/
    .news {padding-bottom: 20px;}
    .news .news_pic,.news .news_list {width: 100%;float: none;}
    .news .news_pic .swiper-slide {width:100%;overflow:hidden;}
    .news .news_pic .swiper-slide img{width:100%;}
    .news .news_list {padding-left: 50px;box-sizing:border-box;}
    .news .news_list .top_list {margin-bottom: 10px;width: 100%;}
    .news .news_list .top_list .title {margin-bottom: 10px;width: 100%;}
    .news .news_list .top_list .title a{font-size: 18px;display: block;}
    .news .news_list .top_list p {color:#666666;}
    .news .news_list .list li {line-height: 32px;}
    .news .news_list .list li a {float:left;color:#000000;width: 62%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .news .news_list .list li span {float:right;color:#000000;}

    /*营业网点*/
    .yywd {background-size: 100% 100%;}
    .branches_con {display: flex;justify-content: space-between;flex-flow: wrap;padding-bottom:40px;}
    .branch {width: 94%;margin-bottom: 20px;margin-left: 3%;height: auto;}
    .branch_con {width: 100%;padding: 10px 20px;}
    .branch_con div {padding: 4px 0;}
    .branch .tit {font-size: 16px;}
    .branch .sub a , .sum {font-size: 14px;color: #666;}
    .branch img {margin-right: 5px;}
    .branch_con:hover {border-bottom: none;box-shadow: 0 0 0 0;}
    
}