/*图片轮显*/
#banner,
.wrape {
  width: 100%;
  height: 430px;
  margin-top: 10px;
  overflow: hidden;
}
 .logoLianghui {
    width: 1100px;
    margin: 0 auto;
    text-align: right;
    padding: 14px 0;
}
.logoLianghui a {
    display: inline-block;
    height:70px;
	padding-right: 80px;
}
#banner .oneByOne1,
.wrape .oneByOne1 {
  background-size: cover;
}
.bannerBox {
  width: 100%;
  height: 100%;
  position: relative;
}
.bannerBox .loading {
  width: 130px;
  height: 140px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-top: -70px;
  background: url(/cbicl/template/page/index/loading.gif) center center no-repeat;
  background-size: 26px 28px;
}
#obo_slider {
  width: 100%;
  height: 100%;
  display: none;
}
/*.b0 {
  background: url(/eportal/imageDir/cbicl/2025/06/img_pc_site/2025061215271677630.jpg) center center no-repeat;
    overflow:hidden;
  max-width:100%;
  height:430px;
}*/

.b0 {
  /*background: url(/uiFramework/commonResource/zip/cbicl_index/cbicl_index/a20_20241028.jpg) center center no-repeat;*/
  background: url(/uiFramework/commonResource/image/2025062009173313385.jpg) center center no-repeat;

    overflow:hidden;
  width:100%;
  min-width:1000px;
  height:430px;
}
.b1 {
  background: url(/uiFramework/commonResource/zip/cbicl_index/cbicl_index/b2.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.b2 {
  background: url(/uiFramework/commonResource/zip/cbicl_index/cbicl_index/b3.jpg) center center no-repeat;
  background-size: 100% 100%;
}
.b3 {
  background: url(/uiFramework/commonResource/zip/cbicl_index/cbicl_index/b3.jpg) center center no-repeat;
  background-size: 100% 100%;
}


.slideitem {
  display: none;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.slideitem img {
  display: block;
  opacity: 0;
}
.slideitem a {
  display: block;
  opacity: 0;
}
.slideitem .s111 {
  margin-top: 295px;
}
.slideitem .sa1 {
	display:block;
  margin-top: 27px;
  width:419px;
  height:44px;
  overflow:hidden;
}
.slideitem .sa1 img {
	opacity:1;
}

.slideitem .an1 {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.slideitem .i11 {
  position: absolute;
  right: 55px;
  bottom: 206px;
}
.slideitem .i12 {
  position: absolute;
  right: 0;
  bottom: 154px;
  z-index: 4;
}
.slideitem .i13 {
  position: absolute;
  right: 139px;
  bottom: 300px;
  z-index: 3;
}
.slideitem .i14 {
  position: absolute;
  right: 179px;
  bottom: 251px;
  z-index: 2;
}
.slideitem .i15 {
  position: absolute;
  right: 82px;
  bottom: 0;
  z-index: 5;
}
.slideitem .i21 {
  position: absolute;
  left: 21px;
  bottom: 252px;
}
.slideitem .i22 {
  position: absolute;
  left: 0;
  bottom: 77px;
}
.slideitem .i23 {
  position: absolute;
  left: 172px;
  bottom: 0px;
}
.slideitem .i24 {
  position: absolute;
  left: 264px;
  bottom: 0px;
}
.slideitem .i25 {
  position: absolute;
  left: 317px;
  bottom: 0px;
}
.slideitem .i26 {
  position: absolute;
  left: 423px;
  bottom: 0px;
}
.slideitem .s21 {
  position: absolute;
  right: 0;
  top: 100px;
}
.slideitem .s22 {
  position: absolute;
  right: 0;
  top: 166px;
}
.slideitem .s23 {
  position: absolute;
  right: 200px;
  top: 224px;
}
.slideitem .sa2 {
  position: absolute;
  right: 0;
  bottom: 74px;
}
.slideitem .i31 {
  position: absolute;
  right: 89px;
  top: 118px;
}
.slideitem .i32 {
  position: absolute;
  right: 276px;
  top: 137px;
}
.slideitem .i33 {
  position: absolute;
  right: 0;
  top: 65px;
  z-index: 1;
}
.slideitem .i34 {
  position: absolute;
  right: 10px;
  bottom: 84px;
}
.slideitem .i35 {
  position: absolute;
  right: 392px;
  bottom: 76px;
}
.slideitem .i36 {
  position: absolute;
  right: 0;
  bottom: 109px;
}
.slideitem .i37 {
  position: absolute;
  right: 10px;
  bottom: 73px;
}
.slideitem .i38 {
  position: absolute;
  right: 135px;
  bottom: 203px;
}
.slideitem .s31 {
  position: absolute;
  left: 0;
  top: 99px;
}
.slideitem .s32 {
  position: absolute;
  left: 0;
  top: 158px;
}
.slideitem .s33 {
  position: absolute;
  left: 0;
  bottom: 158px;
}
.slideitem .sa3 {
  position: absolute;
  left: 0;
  bottom: 82px;
}
#obo_slider .active {
  display: block;
}
.imgicon {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 24px;
  z-index: 99;
  text-align: center;
}
.imgicon span {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 11px;
  cursor: pointer;
  background: url(/cbicl/template/page/index/circle.png) no-repeat;
}
.imgicon .active {
  background: url(/cbicl/template/page/index/circleOn.png) no-repeat;
}
/*通知*/
#notice,
#currnet {
  width: 998px;
  height: 33px;
  line-height: 33px;
  position: relative;
  margin: 20px auto 0 auto;
  background: #ffffff url(/cbicl/template/page/index/notice.png) 12px center no-repeat;
  border: 1px solid #e5bd47;
}
#pos {
  width: 1000px;
  height: 49px;
  line-height: 49px;
  margin: 0 auto -19px auto;
  background: none;
}
#pos .noticeword {
  padding-left: 0;
}
#pos a {
  font-size: 14px;
  color: #666666;
}
.noticeword {
  height: 100%;
  padding-left: 40px;
  padding-right: 3px;
  overflow: hidden;
  font-size: 14.67px;
  color: #666666;
  position: relative;
}
.noticeword a {
  color: #666666;
}
.noticeword a:hover {
  text-decoration: underline;
}
.search {
  position: absolute;
  right: 9px;
  top: 5px;
  width: 276px;
  height: 23px;
  background: url(../images/search.png) left center no-repeat;
}
.search .search-txt {
  float: left;
  width: 166px;
  height: 20px;
  padding: 1px 31px 1px 12px;
  background: none;
  border: 0;
  outline: none;
  font-size: 14px;
  color: #afafaf;
}
.search .search-btn {
  float: left;
  width: 61px;
  height: 21px;
  margin-left: 6px;
  background: url(../images/btn1.png) center center no-repeat;
  border: 0;
  outline: none;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
#currnet {
  background: #fff;
}
#currnet .noticeword {
  padding-left: 15px;
  color: #333;
}
#currnet .noticeword a {
  color: #333;
}
/*业务介绍*/
#business {
  width: 1000px;
  margin: 30px auto 260px auto;
}
.businessList {
  width: 100%;
}
.businessList li {
  float: left;
  width: 240px;
}
.businessList .tit {
  position: relative;
  padding-top: 75px;
  font-size: 18px;
  color: #144b74;
}
.businessList .tit a {
  color: #144b74;font-size: inherit;
}
.businessList .tit a:hover {
  text-decoration: underline;
}
.businessList .icon {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
}
.businessList .i1 {
  background: url(/cbicl/template/page/index/i1.png) center top no-repeat;
}
.businessList .i2 {
  background: url(/cbicl/template/page/index/i2.png) center top no-repeat;
}
.businessList .i3 {
  background: url(/cbicl/template/page/index/i3.png) center top no-repeat;
}
.businessList .i4 {
  background: url(/cbicl/template/page/index/i4.png) center top no-repeat;
}
.businessList .active .i1 {
  background: url(/cbicl/template/page/index/ion1.png) center top no-repeat;
}
.businessList .active .i2 {
  background: url(/cbicl/template/page/index/ion2.png) center top no-repeat;
}
.businessList .active .i3 {
  background: url(/cbicl/template/page/index/ion3.png) center top no-repeat;
}
.businessList .active .i4 {
  background: url(/cbicl/template/page/index/ion4.png) center top no-repeat;
}
.businessList .word {
  clear: both;
  padding-top: 9px;
  white-space: nowrap;
}
.businessList .word p {
  height: 28px;
  line-height: 28px;
  padding-left: 30px;
  background: url(/cbicl/template/page/index/icon1.png) left center no-repeat;
  font-size: 14.67px;
  color: #434242;
}
.businessList .word a {
  color: #003366;
  text-decoration: underline;
}
.businessList .item1 .icon {
  left: 72px;
}
.businessList .item1 .tit p {
  margin-left: 68px;
}
.businessList .item2 .icon {
  left: 72px;
}
.businessList .item2 .tit p {
  margin-left: 68px;
}
.businessList .item2 .word {
  margin-top: 4px;
}
.businessList .item2 .word P {
  height: 28px;
  line-height: 28px;
  padding-left:53px;
  background: url(/cbicl/template/page/index/icon1.png) left 23px center no-repeat;
  font-size: 14.67px;
  color: #434242;
}
.businessList .item3 .icon {
  left: 76px;
}
.businessList .item3 .tit p {
  margin-left: 37px;
}
.businessList .item3 .word {
  margin-top: 4px;
}
.businessList .item3 .word P {
  height: 28px;
  line-height: 28px;
  padding-left:31px;
  background: url(/cbicl/template/page/index/icon1.png) left 2px center no-repeat;
  font-size: 14.67px;
  color: #434242;
}
.businessList .item4 {
  width: 220px;
}
.businessList .item4 .icon {
  left: 78px;
}
.businessList .item4 .tit p {
  margin-left: 57px;
}
.businessList .item4 .word P {
  padding-left: 64px;
  background: url(/cbicl/template/page/index/icon2.png) left 45px center no-repeat;
}
/*公司介绍*/
#about {
  width: 1000px;
  margin: 0 auto;
  padding-top: 27px;
  overflow: auto;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
}
.aboutus {
  float: left;
  width: 306px;
}
.aboutus h2 {
  padding-left: 29px;
  background: url(/cbicl/template/page/index/icon3.png) left center no-repeat;
  font-size: 18px;
  color: #4d4e53;
}
.aboutus h2 a{font-size: initial;}
.aboutus h2 span {
  margin-left: 12px;
  font-weight: normal;
  font-size: 16px;
  color: #b3b3b3;
}
.aboutus h2 .alink {
  float: right;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  overflow: hidden;
  background: url(/cbicl/template/page/index/icon5.png) no-repeat;
}
.aboutbanner {
  width: 480px;
  height: 140px;
  margin-top: 20px;
}
.aboutbanner img {
  width: 62%;
  height: 100%;
}
.aboutword {
  margin-top: 8px;
  line-height: 28px;
  text-indent: 28px;
  font-size: 14px;
  color: #333;
overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; 
}
.aboutword a {
  color: #003366;
  text-decoration: underline;
}
.news {
  float: left;
  width: 303px;
  margin-left: 40px;
}
.news h2 {
  padding-left: 29px;
  background: url(/cbicl/template/page/index/icon4.png) left center no-repeat;
  font-size: 18px;
  color: #4d4e53;
}
.news h2 a{font-size: initial;}
.news h2 span {
  margin-left: 12px;
  font-weight: normal;
  font-size: 16px;
  color: #b3b3b3;
}
.news h2 .alink {
  float: right;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  overflow: hidden;
  background: url(/cbicl/template/page/index/icon5.png) no-repeat;
}
.newslist {
  width: 100%;
  margin-top: 20px;
}
.newslist li {
  width: 100%;
  overflow: auto;
  padding: 14px 0;
  border-top: 1px solid #cccccc;
}
.newslist .date {
  float: left;
  width: 59px;
  text-align: right;
}
.newslist .day {
  height: 23px;
  font-size: 20px;
  overflow: hidden;
  color: #666;
}
.newslist .year {
  margin-top: 1px;
  height: 14px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
}
.newslist .newsword {
  padding-left: 19px;
  overflow: auto;
}
.newslist .newsword h3 {
  margin-top: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #333;
}
.newslist .newsword h3 a:hover {
  text-decoration: underline;
}
.newslist .newsword p {
  margin-top: 6px;
  line-height: 14px;
  overflow: hidden;
  font-size: 12px;
  color: #333;
}

@media (max-width: 1000px) {

	*{box-sizing:border-box;}
	.b0{min-width:100%;background-size:100% 100%;}
	.slideitem{width:100%;}
	.slideitem:nth-child(1) img{width:100% !important;height:auto !important;}
	#notice{width:calc(100% - 20px);margin:20px 10px 0;}
	.businessList{display:flex;}
	#business{width:100%;padding: 0 10px;margin-bottom: 30px;}
	#about{width:100%;padding:0 10px;}
	.aboutus{width: 31%;}
	.aboutbanner{width:100%;}
	.aboutbanner img{width:100%;}
	.news{width: 31%;margin-left: 3.5%;}
	.newslist .newsword h3 a{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	

}


@media (max-width: 768px) {

  #banner, .wrape{height: 280px;min-width: 100%;}
  .slideitem{width: 100%;}
  .slideitem img{display: none;}
  .slideitem .s11,.slideitem .s12,.slideitem .s13,.slideitem .s21,.slideitem .s22,.slideitem .s23,.slideitem .s31,.slideitem .s32,.slideitem .s33{display: block;width: auto;height: 25px;position: static;margin-left: 20px;margin-top: 18px;}
  .slideitem{/*display: flex;flex-wrap: wrap; justify-content: left;align-items: center;*/ padding-top: 60px;}
  .b0{background-size:160% 100%;}

  #notice, #currnet{width: 95%;}
  #business{width: 100%;margin: 10px auto 30px;padding: 0 10px;}
  .businessList{display: flex;justify-content: space-between;flex-wrap: wrap;}
 .businessList li{margin-top: 20px;}

  .businessList li{width: 48%;}
  .businessList .item2,.businessList .item4{width: 48%;}
  .businessList .word p{padding-left: 0;}
  .businessList .item1 .icon{left: 50%;transform: translateX(-50%);}
  .businessList .item2 .icon{left: 50%;transform: translateX(-50%);}
  .businessList .item3 .icon{left: 50%;transform: translateX(-50%);}
  .businessList .item4 .icon{left: 50%;transform: translateX(-50%);}
  .businessList .item1 .tit p{margin-left: 0;text-align: center;}
  .businessList .item2 .tit p{margin-left: 0;text-align: center;}
  .businessList .item3 .tit p{margin-left: 0;text-align: center;}
  .businessList .item4 .tit p{margin-left: 0;text-align: center;}
  .businessList .item1 .word P{font-size: 13px;padding-left: 22px;}
  .businessList .item2 .word P{font-size: 13px;background: url(/cbicl/template/page/index/icon1.png) left center no-repeat;padding-left: 22px;}
  .businessList .item3 .word P{font-size: 13px;padding-left: 22px;}
  .businessList .item4 .word P{padding-left: 30px;font-size: 13px;background: url(/cbicl/template/page/index/icon2.png) left 6px center no-repeat;padding-left: 22px;}
  .businessList .item1 .word{margin-top: 4px;}
  .businessList .item4 .word{margin-top: 4px;}

  #about{width: 100%;padding: 0 10px;}
  .aboutus{width: 100%;}
  .aboutbanner{width: 100%;}
  .aboutbanner img{display: block;margin: 0 auto;}
  .news{width: 100%;margin-left: 0;margin-top: 25px;}


}