.fl1{ padding: 20px 0 65px 0; background-color: #ececec;}
.fl1 .aboutimg{ width: 566px; background: var(--primary-color); padding: 10px; margin-top: 70px;}
.fl1 .aboutimg img{ width: 100%; height: 100%; aspect-ratio: 543/399; object-fit: cover; }

.fl1 .smallimg { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); margin-top: 10px;}
.fl1 .smallimg a{ display: block; }
.fl1 .abouttext{ width: 540px;  }
.fl1 .abouttext .hd{}
.fl1 .abouttext .hd .en{transform: translate(-33%, -50%);}
.fl1 .abouttext .hd .tit i{ width: 265px;}
.fl1 .abouttext .hd .tit::after{ display: none;}
.fl1 .abouttext .hd .tit span{ padding-right: 0;}
.fl1 .abouttext .bd{ font-size: 23px;}
.fl1 .abouttext .more{ margin-top: 20px; text-align: right;}
.fl1 .abouttext .more a{ display: inline-block; padding: 10px 40px; background-color: var(--action-color); color: #fff; font-size: 25px; line-height: 1.2;}


.fl2{ position: relative;}
.fl2::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background: var(--primary-color); background-size: cover; z-index: -1;}
.fl2 .bd{ padding: 30px; background: #fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.fl2 .bd ul{display: grid; grid-template-columns: 2fr 1fr 1fr;  gap: 15px;}
.fl2 .bd ul li{ position: relative;}
.fl2 .bd ul li a{ display: block; height: 100%;}
.fl2 .bd ul li img{ width: 100%; height: 100%; object-fit: cover;}
.fl2 .bd ul li .title{ display: none;}
.fl2 .bd ul li .more{ position: absolute; bottom: 10px; left: 20px; text-decoration: underline; color: var(--primary-color);}
.fl2 .bd ul li:first-child{  grid-row: span 2;}

.fl3{ height: 639px; ; background: url(../image/bg1.jpg) no-repeat center center; background-size: 100% 100%;;}

.fl4{ position: relative;}
.fl4::before{ display: block; content: ""; position: absolute; top: 327px; left: 0; width: 100%; height: 245px; background: var(--primary-color); z-index: -1;}
.fl4 .bd{ padding: 30px 0; text-align: center;}

.fl5{}
.fl5 .bd .list li { background-color: #ececec; padding: 20px 30px; margin-bottom: 20px;}
.fl5 .bd .list li a{ display: flex;align-items: center;}
.fl5 .bd .list li a>div{ flex: 1;}
.fl5 .bd .list li a .more{ width: 30px; height: 30px; background-color: var(--action-color); color: #fff; text-align: center; line-height: 30px; border-radius: 50%; margin-left: 10px; font-size: 18px; cursor: pointer; transition: all 0.3s;}
.fl5 .bd .list li a .title{ font-size: 23px; line-height: 1.2;}
.fl5 .bd .list li a i{ font-size: 16px;}

.commlist{ position: relative;  background-color: #ececec; margin-bottom: 30px;}
.commlist li{ display: flex; padding: 45px 30px;}
.commlist li .title{ font-size: 33px; color: var(--primary-color); line-height: 1.5;}
.commlist li i{color: var(--primary-color); font-size: 25px; opacity: 0.6;}
.commlist li .desc{ margin: 50px 0; font-size: 25px; color: var(--primary-color); line-height: 1.2; height: 95px; overflow: hidden;}
.commlist li .more span{ display: inline-block; padding: 10px 40px; background-color: var(--action-color); color: #fff; font-size: 25px; line-height: 1.2;}
.commlist .btn{ display: block; width: 50px; height: 60px; position: absolute;top: 50%; margin-top: -30px; z-index: 99; cursor: pointer;}
.commlist .snext{ right: 30px;  background: rgba(0,0,0,0.3) url(../image/icon-n2.png) no-repeat center center; }
.commlist .sprev{ right: 549px; background: rgba(0,0,0,0.3) url(../image/icon-n1.png) no-repeat center center; }