.banner {
  position: relative;
  background: no-repeat center/cover;
  height: 600rem;
}

.banner .wrap {
  height: 100%;
  display: flex;
  align-items: center;
}

.banner-text .text{
    font-size: 80rem;
}

.banner-text {
  color: #fff;
}

.banner-text .text {
  margin-bottom: 20rem;
}

.banner-text .sub-text {
  text-transform: uppercase;
  letter-spacing: 0.38em;
  line-height: 1.8;
}

.banner img {
  width: 100%;
}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}
.clamp_5{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 1.5;  max-height: 7.5em;height: 7.5em;overflow:hidden;}
.clamp_6{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6; line-height: 1.5;  max-height: 9em;height: 9em;overflow:hidden;}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{pointer-events:inherit!important;}

.news_part{padding: 120rem 0;}
.news_top{ overflow: hidden;}
.news_top .ll,.news_top .rr{ height: 523rem;}
.news_top .ll{ float: left; width:61.18%; position: relative; overflow: hidden;}
.news_top .rr{ float: right; width: 34.86%;}
.news_top .ll img{width: 100%;}
.news_top .ll li{position: relative;}
.news_top .ll li .txt {position: absolute; z-index: 2; lefT: 0; bottom: 0; width: 100%; height: 160rem; color: #fff; padding: 40rem; box-sizing: border-box; background: rgba(0, 0, 0, 0.5);}
/*.news_top .ll li .txt{z-index: 2; width: 100%; height: 160rem; color: #fff; padding: 40rem; box-sizing: border-box; background: rgba(0,0,0,0.5);}*/
.news_top .ll li span{ display: block;}
.news_top .ll li h2{margin-top: 10rem;}
.news_top .ll .swiper-button-prev,.news_top .ll .swiper-button-next{ left:auto; right: 106rem; height: 20rem; line-height: 20rem; margin-top: 0; top:auto; bottom:95rem; color: #fff; background: none;}
.news_top .ll .swiper-button-next{right:60rem;}
.news_top .rr li{height: 232rem; margin-bottom: 60rem; background: #F6F9FD;}
.news_top .rr li:last-child{margin-bottom: 0;}
.news_top .rr li .inner{ padding: 40rem; position: relative;}
.news_top .rr li .inner::before{content: ""; position: absolute; lefT:0; top:42rem; width: 4rem; height: 20rem; background: #C0A486;}
.news_top .rr li p{overflow: hidden; line-height: 1;}
.news_top .rr li p span{ float: left;}
.news_top .rr li p i{ float: right;}
.news_top .rr li h2{margin-top: 30rem;}

.news_top .rr li a,.news_list li a,.news_top .swbox dl a,.comment_list li a,.duty_top .swbox dl a,.duty_list li a{color: #000;}

.news_list{ margin-top:60rem;}
.news_list li{ position: relative;box-sizing: border-box; padding:50rem 40rem; float: left; width: 48%; margin-bottom:60rem;border: 1px solid #D0D9DD;padding-bottom: 70rem;}
.news_list li:nth-child(2n){ float: right;}
.news_list li::before{content: ""; position: absolute; left: 40rem; top:0; width: 125rem; height: 4rem; background: #C0A486;}
.news_list li h2{
    padding-bottom: 25rem;
    border-bottom: 1px solid #004962;
    margin-top: 30rem;
    max-height: 3em;
    line-height: 1.5;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.news_list li span{margin-top: 20rem; display: block;}
.news_list li p{margin-top: 20rem; line-height: 1.8; max-height: 3.6em; height: 3.6em;}
.news_list li.link:after{
  content: '\e6564';
  font-family: 'iconfont';
  position: absolute;
  left: 40rem;
  font-size: 150%;
  bottom: calc(60rem - 1em);
  pointer-events: none;
}

.news_top .swbox dl{ background: #F6F9FD;}
.news_top .swbox dt{ float: left; width:61.18%;}
.news_top .swbox dt img{width: 100%;}
.news_top .swbox dd{ float: right; width:38.82%; box-sizing: border-box; padding: 70rem 60rem;}
.news_top .swbox dd span{display:block; padding-bottom: 35rem; border-bottom: 1px solid #004962;}
.news_top .swbox dd h2{margin-top: 30rem;}
.news_top .swbox dd p{margin-top: 30rem;line-height: 1.8; max-height: 5.4em; height: 5.4em;}
.news_top .swbox .swiper-button-prev,.news_top .swbox .swiper-button-next{ left:calc(61.18% + 60rem);right:auto; height: 20rem; line-height: 20rem; margin-top: 0; top:auto; bottom:80rem; color: #000000; background: none;}
.news_top .swbox .swiper-button-next{left:calc(61.18% + 100rem);}

.perfmc li{background:#F6F9FD; padding:40rem 40rem 40rem; border: none;}
.perfmc li a{padding-bottom: 40rem;display: block;    cursor: default;}
.perfmc li.link a{cursor: pointer;}
.perfmc li::before{ display: none;}
.perfmc li span{margin: 0;padding-bottom:30rem; border-bottom:1px solid #004962;}
.perfmc li span i{ float: right;}
.perfmc li h2{margin-top: 30rem;padding-bottom: 0; border-bottom: none; line-height: 1.3; max-height: 2.6em; height: 2.6em;}

.trade ul{margin: 0 0rem;  display: grid;  gap: 60rem;  grid-template-columns: 1fr 1fr 1fr;margin-bottom:60rem;}
.trade ul::after,.trade ul::before{display: none;}
.trade li{width:auto; margin:0rem; background: #fff; bordeR:1px solid #C3CED4;}
.trade li p{max-height: 5.4em; height: 5.4em;}

.comment_top .rr li .inner::before{content: ""; position: absolute; left: 40rem; top:0; width: 125rem; height: 4rem; background: #C0A486;}

.comment_list{ margin-top:60rem;}
.comment_list li{ position: relative;box-sizing: border-box; padding:50rem 40rem; margin-bottom:60rem; background: #F6F9FD;}
.comment_list li::before{content: ""; position: absolute; left: 40rem; top:0; width: 125rem; height: 4rem; background: #C0A486;}
.comment_list li{padding-left: 200rem;}
.comment_list li span{position: absolute; left:40rem;top:60rem;}
.comment_list li h2{line-height: 1.5;}
.comment_list li p{margin: 10rem 0; line-height: 1.8; max-height: 3.6em; height: 3.6em;}


.duty_part{padding: 120rem 0;}
.duty_top .swbox dl{ background: #F6F9FD;}
.duty_top .swbox dt{ float: left; width:61.18%;}
.duty_top .swbox dt img{width: 100%;}
.duty_top .swbox dd{ float: right; width:38.82%; box-sizing: border-box; padding: 70rem 60rem;}
.duty_top .swbox dd span{display:block;}
.duty_top .swbox dd h2{margin-top: 25rem;}
.duty_top .swbox dd p{margin-top: 20rem;line-height: 1.8; max-height: 5.4em; height: 5.4em;}
.duty_top .swbox dd em{margin-top: 30rem; display: inline-block;}
.duty_top .swbox .swiper-pagination{left:calc(61.18% + 60rem); bottom:40rem; width: auto; text-align: left;}
.duty_top .swbox span.swiper-pagination-bullet{width: 50rem; height: 20rem; position: relative; margin: 0 1px; border-radius: 0;opacity: 1; background: none;}
.duty_top .swbox span.swiper-pagination-bullet::before{content: ""; position: absolute; left:0; top:9rem; height: 2rem; width: 100%; background: #BFBDBC;}
.duty_top .swbox span.swiper-pagination-bullet-active::before{background: #004962;}
.duty_top .swbox .page_num{ font-family: Arial, Helvetica, sans-serif; position: absolute; z-index: 2; left:calc(61.18% + 60rem); bottom:70rem;}
.duty_top .swbox .page_num .current_num{color: #004962;}
.duty_top .swbox .page_num em{margin: 0 5rem;}

.duty_list{margin-top:60rem;}
.duty_list li{ position: relative;box-sizing: border-box; padding:50rem 40rem; margin-bottom:60rem;border: 1px solid #C4CFD5;}
.duty_list li.link a:after{content: "\e6564";font-family: iconfont;font-size: 150%;position: absolute;}
.duty_list li::before{content: ""; position: absolute; left: 40rem; top:-1rem; width: 125rem; height: 4rem; background: #C0A486;}
.duty_list li h2{line-height: 1.3; max-height: 2.6em; height: 2.6em;}
.duty_list li span{ display: block; border-top: 1px solid #004962; margin-top: 20rem; padding-top: 18rem;}
.duty_list li p{margin:15rem 0; line-height: 1.8; max-height: 3.6em; height: 3.6em;}

.party_list li{ float: left; width: 48%; background: #F6F9FD; border: none; border-bottom: 8rem solid #006D99;}
.party_list li:nth-child(2n){ float: right;}
.party_list li::before{display: none;}
.party_list li span{ border-top: none; margin: 0; padding: 0;position: relative;}
.party_list li h2{
    margin-top: 30rem;
    max-height: 3em;
    line-height: 1.5;
    height: 3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.party_list li p{margin: 20rem 0;}


.search_part{padding-bottom: 120rem;}

.search-text{max-width: 1080rem; width: 100%; margin: 0 auto;}
.search-text .text{text-align: center; }
.search_box{ margin: 0 auto; width: 100%; height: 72rem; line-height: 72rem; border-radius: 20rem; background: rgba(255,255,255,0.12);}
.search_box input{ float: left; width: calc(100% - 100rem); height: 100%; border: none; background: none; color: #fff; padding:0 35rem; box-sizing: border-box;}
.search_box input::placeholder{opacity: 1;}
.search_box .btn{ cursor: pointer; float: right; width: 100rem; text-align: center; height: 100%; color: #fff; border: none;background: none;}
.search-text .sub-text{line-height: 1.5; letter-spacing:2rem;}
.search-text .sub-text i,.search-text .sub-text span{margin: 0 10rem;}

.search_part .swiper-box{margin:60rem 0 50rem; height: 60rem; line-height: 60rem; position: relative;}
.search_part .swiper-box .swiper-container{ margin: 0 80rem; height: 100%;user-select: none;}
.search_part .swiper-box .swiper-slide{color: #CCCCCC; cursor: pointer; width: auto; text-align: center;}
.search_part .swiper-box .swiper-slide::before{content: ""; position: absolute; right:-40rem;top:50%; margin-top:-13rem;width:2rem; height:26rem;transform: rotate(20deg); background: #CCCCCC;}
.search_part .swiper-box .swiper-slide.on{color:#004962;}
.search_part .swiper-box .swiper-button-prev,.search_part .swiper-box .swiper-button-next{ color: #000; background: none; left:0; top:0; margin-top: 0; width: 80rem; text-align: center; height: 60rem; line-height: 60rem;}
.search_part .swiper-box .swiper-button-next{left:auto; right:0;}
.search_part .swiper-box .swiper-button-prev.swiper-button-disabled,.search_part .swiper-box .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; cursor: pointer; opacity: 1;}
.search_part .swiper-box .swiper-button-prev.disabled{ cursor: default; opacity: 0.35;}
.search_part .swiper-box .swiper-button-next.disabled{ cursor: default;opacity: 0.35;}
.search_list{margin-top: 0;}
.search_list li p{height:auto; max-height:unset;}
.search_list li h2 i{color: #006D99;}


.business_part01{ padding: 100rem 0; background: #F6F9FD;}
.business_part01 h3{line-height: 1.7;}
.business_part01 h2{ margin-top: 80rem; color: #004962;}
.business_part01 ul{ margin: 0 -30rem; margin-top: 40rem;}
.business_part01 li{ position: relative; float: left; width: calc(33.33% - 60rem); margin: 0 30rem 20rem; height: 54rem; line-height: 54rem; padding: 0 20rem 0 48rem; box-sizing: border-box; border: 1px solid #DAE2E8; background: #fff;}
.business_part01 li::before{content: ""; position: absolute; lefT:20rem; top:24rem; width: 6rem; height: 6rem; border-radius: 100%; background: #004962;}

.business_part02{ padding: 100rem 0; background: #fff;}
.bus02_tit{ text-align: center;}
.bus02_tit  ul{ display: inline-block;}
.bus02_tit li{ float: left; cursor: pointer; padding: 0 40rem; color:#CCCCCC; position: relative;}
.bus02_tit li::before{content: ""; position: absolute; right:0;top:50%; margin-top:-13rem;width:2rem; height:26rem;transform: rotate(20deg); background: #CCCCCC;}
.bus02_tit li:last-child::before{display: none;}
.bus02_tit li.on{ color: #004962;}
.bus02_con .item{opacity: 0; height: 0; visibility: hidden; overflow: hidden;}
.bus02_con .item.on{opacity: 1; height: auto; visibility: visible;}
.item_list{margin: 50rem 0 0;}
.item_list li{ float: left; width: 48%; padding: 40rem 40rem 50rem; margin-bottom: 60rem; box-sizing: border-box; background: #F6F9FD; position: relative;}
.item_list li:nth-child(2n){ float: right;}
.item_list li::before{content: ""; position: absolute; left:40rem; top:0; width: 60rem; height: 2rem; background: #d2b895;}
.item_list li a{color: #000;}
.item_list li span{ display: block;}
.item_list li span i{ float: right;}
.item_list li h2{margin-top: 20rem;}
.bus02_con .cen{text-align: center;}

.business_part03{ padding: 100rem 0; background: #F6F9FD;}
.business_part03 h2>span{ float: left;}
.business_part03 h2 .worm-button{ float: right;}
.business_part03 .wrap{gap:60rem;align-items:unset;}


@media screen and (max-width: 1023px) {
.news_top .ll,.news_top .rr{width: 100%; height: auto;}
.news_top .rr{margin-top: 60rem;}
.news_list li,.party_list li{width: 100%;}
.news_top .swbox dt,.news_top .swbox dd,.duty_top .swbox dt,.duty_top .swbox dd,.item_list li{width: 100%;}
.news_top .swbox .swiper-button-prev{left:60rem;bottom:40rem;}
.news_top .swbox .swiper-button-next{ left:100rem;bottom:40rem;}
.trade ul{margin: 0; grid-template-columns: 1fr;}
.trade li{ width: 100%; margin: 0 0 60rem;}
.duty_top .swbox dd{padding-bottom: 150rem;}
.duty_top .swbox .swiper-pagination{left:60rem;}
.duty_top .swbox .page_num{left:60rem;}
.search_part .swiper-box .swiper-slide::before{right:-20px;}
.business_part01 ul{margin: 40rem 0 0;}
.business_part01 li{width: 100%; margin: 0 0 20rem;}
.business_part01 li:last-child{margin-bottom: 0;}
.business_part03 h2>span{margin-top: 15rem;}
.business_part03 .list{gap:20rem;}
.fnt_20{font-size: 24rem;}
.fnt_48{font-size: 36rem;}
}
@media screen and (max-width: 767px) {
.comment_list li{padding: 40rem; padding-left: 40rem;}
.comment_list li span{position: static; display: block; margin-bottom: 20rem;}
}

 
.news_top .rr li h2,.news_list li h2,.news_top .swbox dd h2,.trade li,.comment_list li h2,
.duty_top .swbox dd h2,.duty_list li h2,.bus02_con .item{transition: all 0.3s;}
@media screen and (min-width: 1025px) {
.news_top .rr li a:hover h2,.news_top .swbox a:hover dd h2,.news_list li a:hover h2,.comment_list li a:hover h2,
.duty_top .swbox a:hover dd h2,.duty_list li a:hover h2{color: #C0A486;}
.search_list li a:hover h2{color: #006D99;}
.trade li:hover{ background: #004962;}
.trade li:hover:after{color:#fff;}
.trade li:hover a{color: #fff;}
.trade li:hover span{border-bottom: 1px solid #336D81;}
.trade li a:hover h2{color: #fff;}
.item_list li:hover{background: #004962;}
.item_list li:hover::before{background:#fff;}
.item_list li:hover a,.item_list li a:hover{color: #fff;}

}

/*page*/
.pageout{text-align: center;clear: both;}
.page {display:inline-block;vertical-align:middle;text-align:center;margin: 0 auto;color:#000; height:36rem; line-height:36rem;}
.page .dian{ float: left; margin: 3rem 5rem;height: 30rem; line-height: 30rem;}
.page a.num{float: left; width:30rem;height: 30rem; line-height: 30rem; margin: 3rem 5rem;border-radius: 100%; overflow: hidden;}
.page a.on{background:#004962;color:#fff;}
.page a.prev{float: left; margin-right: 30rem;}
.page a.no,
.page a.disabled{
    pointer-events: none;
    opacity: 0.2;
}
.page a.next{float: left; margin-left: 30rem;}
.page .txtnum{color:#000; float: left; margin-left: 30rem; height: 36rem; line-height: 36rem;}
.page .txtnum em{ float: left;}
.page .txtnum input{font-size: inherit;float: left; margin: 0 10rem; color:#000; border-radius: 3rem; width:50rem;height:36rem; line-height:36rem; padding: 0 5rem; text-align:center;background:none;border: 1px solid #BFBFBF;box-sizing:border-box; }
.page .go{float: left; margin-left: 30rem;cursor: pointer; height: 36rem; line-height: 36rem;}
.page .go em{float: left;margin-left: 10rem;}
@media only screen and (max-width:767px) {
.page a.num,.page .dian,.page .txtnum,.page .go{display:none;}
.page a.num.on{ display: block;}
}
/*page*/
