/*轮播图*/
.banner {width:100%;padding-top: 90px}
.banner .swiper {width:100%;position:relative;overflow:hidden;}
/* .banner .swiper .swiper-pagination {left:0;right:0;height:4px;bottom:90px;margin:0 auto;} */
/*.banner .swiper .swiper-pagination span {float:left;width:15px;height:15px;border:1px #ffffff solid;border-radius:20px;margin:0;opacity:1;margin-right:20px;background:none;} */
/* .banner .swiper .swiper-pagination span.swiper-pagination-bullet-active {background:#ffffff;width:15px;border-radius:10px;} */
.banner .swiper .swiper-wrapper {height:100%;}
.banner .swiper .swiper-wrapper .swiper-slide {position:relative;}
.banner .swiper .swiper-wrapper .bt_img img{display:block;width:100%;margin:0 auto;height:420px;object-fit:cover;}
.banner .swiper .swiper-wrapper .swiper-slide .nrCon { width:600px;position:absolute;left:0;right:0;margin:0 auto;top:0;z-index:10;}
.banner .swiper .swiper-wrapper .swiper-slide .nrCon img{ width:100%;}

.zong {width:100%; background: #fafbfc; padding-bottom: 3rem; padding-top: 3rem; min-height: 600px;


    overflow: hidden;
    background-size: 10%;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    background-position: left 50%;
    background-image: url(/eportal/uiFramework/commonResource/image/2025092410300080467.png);

}
.chanpincon {width:85%; margin: 0 auto; background: #fff; padding: 30px 20px;
    position: relative;
     box-sizing: border-box;
    z-index: 123;
   min-height: 600px

}
.tit {    margin: 8rem 0 0 7.5% !important;
   
}
.zntit {font-size: 3rem!important; color: #fff!important; font-weight: normal!important;}
.entit {font-size: 2rem!important;color: #fff!important; font-weight: normal!important;}

.navigation {float:right;display: none}
.navigation::before{content:'';display:inline-block;background-image:url(/eportal/uiFramework/commonResource/image/2025081314350422801.png);background-size:80% auto;background-repeat:no-repeat;background-position:center center;width:20px;height:20px;line-height:20px;position:relative;top:6px;}


.main-box{display:flex;justify-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;}
.left-nav{width:20%;}
.main-body{width: 75%; }

 .companybigtit{font-size: 1.5rem;
    font-weight: bolder;
     color: #333;
     text-align: center;
     position: relative;
     margin-top: 2rem;
    margin-bottom: 3rem;
 }
.companybigtit::before {
    content: "";
    display: block;
    height: 2px;
    background-color: red;
    width: 55px;
     position: absolute;
    left: 50%;
 top: -10px;
  transform: translateX(-50%);
  
}





.enlarge-animation {
  -webkit-animation: scale-bg 6s ease-in-out 0s 1 ;
  animation: scale-bg 6s ease-in-out 0s 1;
    transform: scale(1.1, 1.1);
}

@-webkit-keyframes scale-bg {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

@keyframes scale-bg {
  0% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
}

.jrzzBox .jrzzUl{display:flex;flex-wrap:wrap;align-items:flex-start;}
.jrzzBox .jrzzUl .item{flex:0 0 33.33%;max-width:33.33%;padding-bottom:50px;}
.jrzzBox .jrzzUl .item .img,
.jrzzBox .jrzzUl .item .title,
.jrzzBox .jrzzUl .item .text,
.jrzzBox .jrzzUl .item .picture{text-align:center;}
.jrzzBox .jrzzUl .item .picture{margin-top:18px;display: none}
.jrzzBox .jrzzUl .item .picture img{display:block;margin:0 auto;padding:7px;border:1px solid #cdcdcd;border-radius:5px;}


.jrzzBox .jrzzUl .item .title{font-size:18px;color:#333333;}
.jrzzBox .jrzzUl .item .text{font-size:14px;color:#333333;}
.jrzzBox .jrzzUl .item .title,
.jrzzBox .jrzzUl .item .text{margin-top:20px;}
.jrzzBox .jrzzPic .img img{height:auto;object-fit:cover;}





.jmgsBox .jmgsUp {display: flex;
    justify-content: space-between;
}
.jmgsBox .jmgsUp .item .redtit {color: #d0121b; font-size:1.5rem;       font-weight: bolder;}
.jmgsBox .jmgsUp .item .iconimg{    width: 60px;
    margin-right: 2rem;
}
.jmgsBox .jmgsUp .item{align-items:center;padding:17px;background: #f5f7fa; width:48%; height:130px; display: flex;justify-content: space-between;box-sizing: border-box;}
.jmgsBox .jmgsUp .item:first-child{margin-top:0;}
.jmgsBox .jmgsUp .item .title{font-size:20px;color:#333;padding:0 12px;flex:0 0 90px;font-weight: bolder}
.jmgsBox .jmgsUp .item .text{font-size:16px;color:#333;flex:1;padding:0 12px;}
.jmgsBox .jmgsUp .last{border:none;border-bottom:1px solid #dcdcdc;margin-top:0;background:none;}
.jmgsBox .jmgsUp .last .titleTxt{color:#999;}

.jmgsBox .jmgsDown .titleTxt{font-size:16px;color:#333;padding:2rem 0;}

.jmgsBox .jmgsDown .jmgsTable table{border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.jmgsBox .jmgsDown .jmgsTable table th{background:#f6f6f6;font-size:16px;color:#333333;}
.jmgsBox .jmgsDown .jmgsTable table th i{display:block;}
.jmgsBox .jmgsDown .jmgsTable table th,
.jmgsBox .jmgsDown .jmgsTable table td{font-family:"Microsoft Yahei","Arial","sans-serif","SimHei","SimSun";padding:20px 0;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.jmgsBox .jmgsDown .jmgsTable table td{font-size:16px;color:#333333;text-align:center;padding:31px 0 !important}

.newstit a ,
.newsli .newsdate{font-size:18px!important;}



@media (max-width: 1240px) { 
.chanpincon{width:auto;}
.companybigtit{margin:2rem 0;}
.banner .swiper .swiper-wrapper .bt_img img {height:30rem;}
.chanpincon {top:0;}
.bancon .tit{margin: 1rem 0 0 5%;}
.chanpincon {margin-top:0;}
.left-nav {display: none;}
.main-body{width: 100%;}

.ygfcPlay .swiper-slide-active, 
.ygfcPlay .swiper-slide-duplicate-active{transform: scale(0.7,0.7);}

.newstit a , 
.newsli .newsdate{font-size:16px!important;margin-right:20px!important;}

}

@media (max-width: 768px) { 
.banner {width:100%;padding-top: 0px}
 .jmgsUp {flex-wrap: wrap}
.jmgsBox .jmgsUp .item .iconimg  {margin-right: 10px}
.jmgsBox .jmgsUp .item {width: 100% !important; margin-bottom: 10px; padding: 0}
.jrzzBox .jrzzUl .item{flex:0 0 50%;max-width:50%;}
.jrzzBox .jrzzUl .item_4{flex:0 0 50.1%;max-width:50.1%;}
.jrzzBox .jrzzUl .item_5{flex:0 0 49.9%;max-width:49.9%;}
.jrzzBox .jrzzUl .item .img img{width:60px;height:60px;}
.jrzzBox .jrzzUl .item .picture img{width:100px;height:100px;}
.jrzzBox .jrzzUl .item .title, 
.jrzzBox .jrzzUl .item .text{margin-top:10px;}
}