/* fyf */ .tabber ul>li.active { padding: 0 10px; border-bottom: 2px solid #003793; } .jjnt { background: #f5f7fa; padding-bottom: 60px; text-align: center; } .ywjz { background: #fff; } .jjnt h2 { font-family: PingFangSC-Semibold; } .jjnt .jjnt_main { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } .jjnt .jjnt_main .jjnt_main_item { width: 260px; /* height: 166px; */ height: auto; background-image: linear-gradient(180deg, rgba(245, 247, 249, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%); border: 2px solid #FFFFFF; box-shadow: 0 8px 20px 0 rgba(55, 99, 170, 0.10), -8px -8px 20px 0 #FFFFFF; /* padding: 20px; */ padding: 26px 10px 26px 20px; box-sizing: border-box; } .ywjz .jjnt_main .jjnt_main_item { width: 360px; height: 144px; } .jjnt .jjnt_main .jjnt_main_item .jjnt_main_item_content { margin-bottom: 20px; text-align: left; } .ywjz .jjnt_main .jjnt_main_item .jjnt_main_item_content img { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 10px; } .jjnt .jjnt_main .jjnt_main_item .jjnt_main_item_content h3 { font-family: PingFangSC-Semibold; font-size: 17px; color: #323232; letter-spacing: 0; display: inline-block; vertical-align: middle; } .jjnt .jjnt_main .jjnt_main_item p { font-family: PingFangSC-Regular; font-size: 14px; color: #4E5D78; letter-spacing: 0; text-align: justify; line-height: 24px; } #nlkj { background: #fff; text-align: center; margin-bottom: 60px; } #nlkj h2 { padding-bottom: 40px; font-family: PingFangSC-Semibold; } #nlkj .Subtitle { font-family: PingFangSC-Regular; font-size: 14px; color: #5B5B5B; letter-spacing: 0; line-height: 25px; width: 1200px; margin-bottom: 60px; text-align: center; box-sizing: border-box; } #nlkj .nlkj_main { width: 1200px; margin: 0 auto; } #nlkj .nlkj_main img { width: 100%; } #nlkj .nlkj_main h3 { width: 100%; font-family: PingFangSC-Regular; font-size: 24px; color: #191818; letter-spacing: 0; text-align: center; line-height: 36px; padding: 60px 0; } .gnld { background-image: url("https://files.yuanian.com/yuanian/page_image/2024/0308-zcgl/banner.png"); padding-bottom: 40px; background-size: cover; background-repeat: no-repeat; } .gnld h2 { padding: 60px 0; box-sizing: border-box; font-family: PingFangSC-Semibold; font-size: 28px; color: #323232; letter-spacing: 0; text-align: center; line-height: 38px; } .gnld .gnld_main { width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; } .gnld .gnld_main .gnld_main_item { width: calc(50% - 10px); height: 168px; margin-bottom: 20px; overflow: hidden; background-image: linear-gradient(180deg, rgba(245, 247, 249, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%); border: 2px solid #FFFFFF; box-shadow: 0 8px 20px 0 rgba(55, 99, 170, 0.10), -8px -8px 20px 0 #FFFFFF; display: flex; flex-direction: row; box-sizing: border-box; align-items: flex-end; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left { padding: 24px 0 24px 18px; flex: 1; box-sizing: border-box; height: 100%; } .gnld .gnld_main .gnld_main_item .gnld_main_item_right { width: 148px; height: 144px; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left h3 { font-family: PingFangSC-Semibold; font-size: 16px; color: #1A253B; letter-spacing: 0; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left .gnld_main_item_list { width: 100%; margin-top: 20px; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left .gnld_main_item_list li { display: flex; align-items: baseline; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left .gnld_main_item_list li .disc { width: 6px; height: 6px; background-color: #003793; ; border-radius: 50%; margin-right: 4px; } .gnld .gnld_main .gnld_main_item .gnld_main_item_left .gnld_main_item_list li p { flex: 1; font-family: PingFangSC-Regular; font-size: 14px; color: #4E5D78; letter-spacing: 0; line-height: 24px; word-wrap: normal; } .YN_cgan { background-color: #fff; } .des_container { display: flex; width: 1200px; margin: 0 auto; align-items: flex-start; flex-wrap: wrap; } .des_container .row2 { width: 261px; box-sizing: border-box; margin-right: 20px; height: 302px; } .des_container .row1 { flex: 2; } .row1 { display: flex; flex-wrap: wrap; /* justify-content: space-around; */ align-items: flex-start; } .row1 .item { cursor: pointer; flex: 1; margin-bottom: 20px; margin-right: 20px; min-width: 400px; height: 141px; box-sizing: border-box; padding: 20px; background-image: linear-gradient(180deg, rgba(245, 247, 249, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%); border: 2px solid #FFFFFF; box-shadow: 0 8px 20px 0 rgba(55, 99, 170, 0.10), -8px -8px 20px 0 #FFFFFF; } .row2 .item { cursor: pointer; margin-bottom: 20px; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; background-image: url(https://files.yuanian.com/yuanian/page_image/2024/0416-zjjsgl/liangdian.png) !important; background-size: 100% 100%; } .row2 .item h5 { font-family: PingFangSC-Semibold; font-size: 16px; color: #1A253B; letter-spacing: 0; } .row2 .item h5 img { width: 32px; height: 32px; margin-right: 5px; } .row2 .item .content { padding-top: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #4E5D78; letter-spacing: 0; text-align: justify; line-height: 24px; } .row1 .item h5 { font-family: PingFangSC-Semibold; font-size: 16px; color: #1A253B; letter-spacing: 0; } .row1 .item h5 img { width: 32px; height: 32px; margin-right: 10px; } .row1 .item .content { padding-top: 20px; font-family: PingFangSC-Regular; font-size: 14px; color: #4E5D78; letter-spacing: 0; text-align: justify; line-height: 24px; } @media screen and (max-width: 1024px) { #nlkj p { width: 90%; } .jjnt .jjnt_main, #nlkj .nlkj_main, .gnld .gnld_main { width: 80%; /* padding: 5%; */ box-sizing: border-box; } .jjnt .jjnt_main { flex-wrap: wrap; justify-content: center; } .jjnt .jjnt_main .jjnt_main_item { width: 100%; margin-bottom: 20px; } #nlkj .Subtitle { width: 90% !important; } .gnld .gnld_main .gnld_main_item { width: 100%; height: 260px; } .gnld .gnld_main .gnld_main_item .gnld_main_item_right { width: 120px; height: fit-content; } #nlkj .nlkj_main h3 { font-size: 20px; padding: 30px 0; } #nlkj h2 { font-size: 20px; } .jjnt h2 { font-size: 20px; } .gnld h2 { padding: 30px 0; font-size: 20px; } .jjnt { padding-bottom: 30px; } .des_container{ width: 80%; margin: 0 auto; } .des_container .row2{ width: 100%; margin: 0 auto; margin-bottom: 20px; } .des_container .row1{ flex-direction: column; } .row1 .item{ width: 100%; min-width: 100%; margin-right: 0; } .jjnt .jjnt_main .jjnt_main_item{ height: auto; } }