/*思源宋体*/ @font-face { font-family: 'SourceHanSerifCN'; src: url('SourceHanSerifCN-Regular.otf'); } /*思源宋体粗体*/ @font-face { font-family: 'SourceHanSerifCN-Heavy'; src: url('SourceHanSerifCN-Heavy.otf'); } /*思源黑体*/ @font-face { font-family: 'SourceHanSansCN'; src: url('SourceHanSansCN-Regular.otf'); } /*思源黑体粗体*/ @font-face { font-family: 'SourceHanSansCN-Heavy'; src: url('SourceHanSansCN-Heavy.otf'); } .ddjs2_ban { background-image: url(251208xmcj_dj_banner.jpg); } .ddjs2_ban h1 img { margin-right: .54rem; margin-top: -.1rem; } .banner_list { position: absolute; bottom: 0rem; border-top: 1px solid rgba(255,255,255,0.3); left: 0rem; right: 0rem; } .banner_list ul li { display: inline-block; } .banner_list ul li a { display: block; transition: ease-in-out .3s; color: #fff; font-size: .24rem; padding: 0rem .7rem; line-height: .8rem; } .banner_list ul li a img { margin-right: .14rem; margin-top: -.02rem; } .banner_list ul li a:hover { background: #0367DE; } .ddjs2_ban .banner_list ul li a:hover { background: #D1232A; color: #fff;} .ddjs_con1 { background: url(251208xmcj_dj_bg1.jpg) no-repeat center; position: relative; overflow: hidden; padding-top: .4rem; padding-bottom: .7rem; background-size: cover; } .ddjs_con1::before { content: ' '; display: block; position: absolute; background: url(251208xmcj_dj_bg2.png) no-repeat bottom center; bottom: -.32rem; right: 3.2rem; background-size: cover; width: 11.4rem; height: 6.42rem; } .ddjs_con1_box { background: url(251208xmcj_dj_bg7.png) no-repeat center; padding: .18rem; background-size: 100% 100%; } .ddjs_con1_box_top .ddjs_con1_box_top_l a { text-shadow: 0px 2px 4px rgba(250,165,90,1); } .ddjs_con1_box_top .ddjs_con1_box_top_r a { padding-left: .3rem; } .ddjs_con1_box_top { display: flex; gap: .38rem; font-size: .24rem; font-weight: bold; color: #fff; } .ddjs_con1_box_top div { display: flex; height: .8rem; } .ddjs_con1_box_top div a { color: #fff; padding-top: .02rem; line-height: 1.3em; } .ddjs_con1_box_list { background: #fff; padding: .24rem; margin-top: .1rem; min-height: 2.76rem; border-radius: .2rem; } .ddjs_con1_box_list ul li { padding-left: .44rem; position: relative; margin-bottom: .1rem; } .ddjs_con1_box_list ul li p { font-size: .2rem; line-height: .34rem; } .ddjs_con1_box_list ul li p em { color: #D1232A; font-size: .22rem; font-weight: bold; } .ddjs_con1_box_list ul li::before { content: ' '; width: .3rem; height: .3rem; background: url(251208xmcj_dj_icon6.png) no-repeat center; background-size: cover; position: absolute; left: 0rem; top: 50%; margin-top: -.15rem; } .ddjs_con1_tit { padding: 0rem 2.6rem; padding-top: .4rem; } .ddjs_con1_tit p { font-size: .18rem; line-height: .36rem; color: #666666; } .ddjs_con2 { background: url(251208xmcj_dj_bg3.jpg) no-repeat top center; padding: .6rem 0rem; background-size: cover; position: relative; } .ddjs_con_top { width: 100%; display: table; } .ddjs_con_top span { display: table-cell; width: 50%; } .ddjs_con_top h1 { display: inline; padding: 0rem .4rem; font-size: .54rem; font-family: 'SourceHanSerifCN-Heavy'; white-space: nowrap; } .ddjs_con_top h1 em { color: #D1232A; } .ddjs_con_top_l { background: url(251208xmcj_dj_tit3.png) no-repeat right center; } .ddjs_con_top_r { background: url(251208xmcj_dj_tit4.png) no-repeat left center; } .ddjs_list_box { margin-top: .5rem; } .ddjs_list_top { text-align: center; } .ddjs_list_top ul li { display: inline-block; } .ddjs_list_top ul li a { display: block; padding: 0rem .36rem; height: .6rem; border-radius: .3rem; background: #fff; margin: 0rem .1rem; line-height: .6rem; font-size: .26rem; font-weight: bold; color: #666; } .ddjs_list_top ul li.on a,.ddjs_list_top ul li:hover a { background: linear-gradient(147.28deg,rgba(251,133,75,1) 0%,rgba(251,133,75,0) 100%),rgba(209,35,42,1); color: #fff; } .ddjs_list_img { box-shadow: -1px 8px 20px rgba(209,35,42,0.1); } .ddjs_list_bottom { background: #fff; } .ddjs_list_bottom_l { display: flex; color: #fff; flex-direction: column; justify-content: center; align-items: center; background: linear-gradient(145.15deg,rgba(251,133,75,1) 0%,rgba(251,133,75,0) 100%),rgba(209,35,42,1); height: 1.24rem; text-align: center; width: 1.24rem; } .ddjs_list_bottom_l h1 { font-size: .54rem; } .ddjs_list_bottom_tit { overflow: hidden; padding: .2rem .44rem; padding-right: 1rem; position: relative; } .ddjs_list_bottom_tit p { font-size: .26rem; font-weight: bold; line-height: .4rem; height: .8rem; } .ddjs_list_bottom_tit span { display: inline-block; position: absolute; right: .32rem; top: 50%; margin-top: -.19rem; text-align: center; width: .38rem; height: .38rem; border: 1px solid #D43030; line-height: .3rem; } .ddjs_list_bottom_tit span i { font-size: .2rem; color: #D1232A; } .ddjs_list_img i { border-radius: .8rem 0rem 0rem 0rem; } .ddjs_list_r_l { width: 1rem; color: #D1232A; padding-top: .4rem; border-right: 1px solid #DDDDDD; padding-bottom: .24rem; text-align: center; } .ddjs_list_r_l h1 { font-size: .4rem; } .ddjs_list_r_l p { font-size: .14rem; } .ddjs_list_r_l span { display: inline-block; margin-top: .2rem; width: .38rem; height: .38rem; border: 1px solid #D43030; line-height: .3rem; } .ddjs_list_r_l span i { font-size: .2rem; } .ddjs_list_r_top { display: block; background: #fff; max-width: 6.14rem; padding: .28rem; box-shadow: -1px 8px 20px rgba(209,35,42,0.1); border-radius: 0rem .6rem 0rem .6rem; } .ddjs_list_r_top ul li { font-size: .2rem; margin-bottom: .16rem; } .ddjs_list_r_top .list_base li:before { background: #D1232A; } .ly_tz a:hover { color: #D1232A; } .ddjs_list_r_anniu { text-align: center; margin-top: .2rem; } .ddjs_list_r_anniu a { display: inline-block; color: #D1232A; padding: 0rem .3rem; height: .38rem; line-height: .36rem; border: 1px solid rgba(212,48,48,.4); } .ddjs_list_r_anniu a i { font-size: .24rem; } .ddjs_list_r_tit { padding: .3rem .4rem; overflow: hidden; } .ddjs_list_r_tit h1 { font-size: .24rem; height: 1.44rem; line-height: .36rem; } .ddjs_list_r_tit p { color: #666666; line-height: .36rem; height: 1.14rem; font-size: .18rem; margin-top: .18rem; } .ddjs_list3 .bd.trt-row [class*=trt-col-],.ddjs_con3_list .bd.trt-row [class*=trt-col-] { padding: 0px; } .ddjs_list3 .bd ul li a { display: block; overflow: hidden; position: relative; box-shadow: -1px 8px 20px rgba(209,35,42,0.15); border-radius: .6rem 0rem .6rem 0rem; margin: 0rem .12rem; } .ddjs_list3 .bd ul li a .ddjs_list2_bottom { position: absolute; padding: .24rem .44rem; left: 0rem; z-index: 3; background: linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%); bottom: 0rem; right: 0rem; } .ddjs_list3 .bd ul li a .ddjs_list2_bottom p { height: .56rem; line-height: .28rem; color: #fff; font-size: .2rem; } .ddjs_list3_l { float: left; margin-right: .24rem; } .ddjs_list3_l span { display: inline-block; cursor: pointer; width: .48rem; height: .48rem; border-radius: 50%; border: 1px solid #999999; text-align: center; line-height: .46rem; } .ddjs_list3_l span:hover { background: #D1232A; color: #fff; border-color: #D1232A; } .ddjs_list3_anniu { margin-top: .4rem; } .ddjs_list3_anniu span { margin-right: .1rem; } .ddjs_list3_anniu .num { overflow: hidden; } .ddjs_list3_anniu .num ul { display: flex; height: .48rem; align-items: center; } .ddjs_list3_anniu .num ul li { background: #BBBBBB; height: 1px; font-size: 0rem; width: 100%; } .ddjs_list3_anniu .num ul li.on { background: #D1232A; height: 2px; } .ddjs_con3 { background: url(260104xmcj_gj_img4.jpg) no-repeat top center; padding: .6rem 0rem; background-size: cover; position: relative; } .ddjs_con3_list { position: relative; margin-top: 2rem; margin-left: 4.4rem; } .ddjs_con3_list ul li a { display: block; transition: ease-in-out .3s; margin: 0rem .16rem; border-bottom: 4px solid #fff; background: #fff; padding: .24rem .32rem; box-shadow: 0px 20px 20px rgba(0,0,0,0.05); border-radius: 0rem .6rem 0rem 0rem; } .ddjs_con3_list ul li a h1 { font-size: .4rem; color: #666666; } .ddjs_con3_list ul li a em { display: block; color: #999999; font-size: .14rem; } .ddjs_con3_list ul li a h2 { font-size: .24rem; margin-top: .08rem; font-weight: normal; line-height: .36rem; height: .72rem; } .ddjs_con3_list ul li a p { line-height: .28rem; height: 1rem; margin-top: .08rem; color: #999999; } .ddjs_con3_list_bottom { border-top: 1px solid #DDDDDD; margin-top: .2rem; padding-top: .16rem; text-align: right; } .ddjs_con3_list_bottom span { color: #999999; } .ddjs_con3_list_bottom span i { font-size: .2rem; } .ddjs_con3_list>span { display: inline-block; cursor: pointer; z-index: 9; position: absolute; top: 50%; margin-top: -.24rem; width: .48rem; color: #999999; text-align: center; line-height: .48rem; height: .48rem; border-radius: 50%; background: #fff; box-shadow: 0px 10px 10px rgba(0,0,0,0.15); } .ddjs_con3_list>span.prev { left: -.24rem; } .ddjs_con3_list>span.next { right: -.24rem; } .ddjs_con3_list>span:hover { background: #D1232A; color: #fff; } .ddjs_con3_list ul li a:hover { border-color: #D1232A; } .ddjs_con3_list ul li a:hover h1,.ddjs_con3_list ul li a:hover em,.ddjs_con3_list ul li a:hover h2 { color: #D1232A; } .ddjs_con3_list ul li a:hover h2 { font-weight: bold; } .ddjs_con3_list ul li a:hover .ddjs_con3_list_bottom span { color: #D1232A; } .ddjs_con4 { background: url(251208xmcj_dj_bg5.jpg) no-repeat top center; padding: .6rem 0rem; background-size: cover; position: relative; } .ddjs_con4_list_a { position: relative; margin-top: .32rem; } .ddjs_con4_list_a a { transition: ease-in-out .3s; border-radius: .6rem 0rem .6rem 0rem; padding: .24rem .4rem; border: 1px solid rgba(255,209,176,0.46); display: block; background: linear-gradient(90deg,rgba(255,255,255,1) 54.86%,rgba(255,255,255,0) 100%),rgba(179,9,9,0.02); } .ddjs_con4_list_l { text-align: center; margin-top: .1rem; margin-right: .32rem; padding-right: .32rem; height: .64rem; border-right: 1px solid rgba(229,229,229,1); } .ddjs_con4_list_l h1 { font-size: .4rem; position: relative; top: -.1rem; color: #666666; } .ddjs_con4_list_l p { font-size: .14rem; margin-top: -.1rem; color: #666; } .ddjs_con4_list_tit { overflow: hidden; } .ddjs_con4_list_tit p { font-size: .24rem; line-height: .36rem; height: .72rem; } .ddjs_con4_list_tit span { color: #999; display: block; margin-top: .12rem; } .ddjs_con4_list_tit span i { font-size: .2rem; } .ddjs_con4_list_a a:hover { box-shadow: 7px 10px 0px rgba(209,35,42,0.06); background: #fff; border-color: #D1232A; } .ddjs_con4_list_a a:hover .ddjs_con4_list_l h1,.ddjs_con4_list_a a:hover .ddjs_con4_list_l p { color: #D1232A; } .ddjs_con4_list_a a:hover .ddjs_con4_list_tit p { font-weight: bold; color: #D1232A; } .ddjs_con4_list_a a:hover .ddjs_con4_list_tit span { color: #D1232A; } .ddjs_con5 { background: url(251208xmcj_dj_bg6.jpg) no-repeat top center; padding: .6rem 0rem; background-size: cover; position: relative; } .ddjs_con5_top { line-height: .36rem; } .ddjs_con5_top h1 { font-size: .32rem; } .ddjs_con5_top h1 img { margin-right: .16rem; } .ddjs_con5_top a { display: inline-block; text-align: center; width: .3rem; height: .3rem; border: 1px solid #D43030; line-height: .26rem; } .ddjs_con5_top a i { font-size: .2rem; color: #D1232A; } .ddjs_con5_img { padding: .24rem; margin-top: .24rem; background: #FEF2E5; } .ddjs_con5_img a { display: block; position: relative; overflow: hidden; border-radius: .2rem; } .ddjs_con5_img_bottom { position: absolute; color: #fff; padding: .14rem .2rem; bottom: 0rem; left: 0rem; right: 0rem; background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); } .ddjs_con5_img_bottom h1 { font-size: .2rem; margin-top: .1rem; } .ddjs_con5_img2 { margin-top: .34rem; position: relative; } .ddjs_con5_img2::before { content: ' '; height: .34rem; position: absolute; display: block; left: 0rem; right: 0rem; top: -.34rem; background: url(251208xmcj_dj_bg8.png) no-repeat center; background-size: 100% 100%; } .ddjs_con5_img2 a { display: block; position: relative; overflow: hidden; } .ddjs_con5_img2 a span { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); z-index: 9; } .ddjs_con5_img2 a .ddjs_con5_img_bottom h1 { font-size: .28rem; } .ddjs_con5_list ul li a { margin-top: .24rem; display: block; } .ddjs_con5_list ul li a i { border-radius: 0rem .6rem 0rem 0rem; } .ddjs_con5_list_nr { background: #fff; padding: .28rem .24rem; } .ddjs_con5_list_nr p { color: #D1232A; font-size: .16rem; } .ddjs_con5_list_nr h1 { font-size: .2rem; margin-top: .12rem; } .ddjs_bd { overflow: inherit !important; } .ddjs_con3_bg { background: url(260104xmcj_gj_img1.jpg) no-repeat center; background-size: cover; padding: .52rem 0rem; } .ddjs_con3_bg_tit { max-width: 8.24rem; position: relative; } .ddjs_con3_bg_tit p { font-size: .24rem; line-height: .4rem; color: #fff; } .ddjs_con3_bg_tit::before { content: ' '; width: .5rem; height: .44rem; display: block; background: url(260104xmcj_gj_img3.png) no-repeat center; background-size: cover; position: absolute; left: -.4rem; top: -.2rem; } .ddjs_con3_bg_tit::after { content: ' '; width: .5rem; height: .44rem; display: block; background: url(260104xmcj_gj_img2.png) no-repeat center; background-size: cover; position: absolute; left: 34%; bottom: -.32rem; } .ddjs_list_top { margin-top: -.32rem; } @media (max-width:1240px) { .ddjs_con3_list>span.prev { left: 0rem; } .ddjs_con3_list>span.next { right: 0rem; } } @media (max-width:992px) { .ej_banner h1 { top: 30%; } .banner_list ul,.ddjs_list_top ul { white-space: nowrap; overflow: auto; } .banner_list ul li a { padding: 0rem .24rem; } .ddjs_con1_top { text-align: center; } .ddjs_con1_box { background: none; } .ddjs_con1 { padding-bottom: 4rem; } .ddjs_con1::before { width: 100%; right: 0rem; background-size: 100% auto; } .ddjs_con1_tit { padding: .2rem; background: rgba(255,255,255,0.8); margin: .16rem; } .ddjs_con1_box_top { background: #D1232A; } .ddjs_con1_box_top div { align-items: center; padding: 0rem .12rem; text-align: center; } .container { margin: 0rem .16rem; } .ddjs_list_r_top { max-width: inherit; margin-top: .24rem; } .ddjs_list_r_l span { margin-top: .32rem; } .ddjs_con3_list { margin-top: .24rem; margin-left: 0rem; } .ddjs_con5_list_nr { padding: .12rem; } .ddjs_con5,.ddjs_con4,.ddjs_con3,.ddjs_con2 { padding: .24rem 0rem; } .ddjs2_ban h1 img { width: .65rem; margin-right: .4rem; } .ddjs_con4_list_a { margin-top: .24rem; } .ddjs_con4_list_l { margin-right: .2rem; padding-right: .2rem; } } @media (max-width:640px) { .ddjs_con1 { padding-bottom: 2.4rem; } .ej_banner { padding-top: 50%; } } /* -------------------------- */ .cyll2_ban { background-image: url(251208xmcj_cyly_banner.png); } .cyll_con1 { background: url(251208xmcj_cyly_bg5.jpg) no-repeat center; padding: 1rem 0rem; background-size: cover; } .cyll_con_list ul li a { display: block; transition: ease-in-out .3s; color: #fff; height: 8rem; text-align: center; padding: .24rem; padding-top: .6rem; } .cyll_con_list ul li.icon1 a { background: url(251208xmcj_cyly_bg1.jpg) no-repeat center; background-size: cover; } .cyll_con_list ul li.icon2 a { background: url(251208xmcj_cyly_bg2.png) no-repeat center; background-size: cover; } .cyll_con_list ul li.icon3 a { background: url(251208xmcj_cyly_bg3.png) no-repeat center; background-size: cover; } .cyll_con_list ul li.icon4 a { background: url(251208xmcj_cyly_bg4.png) no-repeat center; background-size: cover; } .cyll_con_list ul li a h1 { font-size: 2.2rem; transition: ease-in-out .3s; } .cyll_con_list ul li a h2 { font-size: .38rem; margin-top: .2rem; } .cyll_con_list ul li a p { font-size: .28rem; color: rgba(255,255,255,.7); text-align: center; } .cyll_con_list ul li a p span { display: inline-block; text-align: center; margin: 0rem .1rem; width: 1.2rem; } .cyll_con_list ul li a em { display: inline-block; padding: 0rem .2rem; border: 1px solid #fff; height: .38rem; line-height: .38rem; margin-top: .4rem; } .cyll_con_list ul li a em i { margin-left: .12rem; font-size: .2rem; } .cyll_con_list ul li a:hover { box-shadow: 0px 0px 20px rgba(0,108,255,0.3); } .cyll_con_list ul li a:hover h1 { transform: scale(1.1); transition: ease-in-out .3s; } @media (max-width:992px) { .cyll_con_list ul li a { margin-top: .2rem; } .cyll_con1 { padding: .4rem 0rem; } } /* ------------------ */ .zxns2_ban { background-image: url(251208xmcj_zxns_banner.jpg); } .zxns_con2 { background: url(251208xmcj_zxns_bg1.jpg) no-repeat top center; padding: 1rem 0rem; background-size: cover; } .zxns_con2_top { position: relative; padding-top: .24rem; } .zxns_con2_top::before { content: ' '; width: .44rem; height: .05rem; position: absolute; left: 0rem; top: 0rem; background: #0367DE; display: block; } .zxns_con2_top h1 { font-size: .48rem; } .zxns_con2_top p { font-size: .2rem; color: #CCCCCC; text-transform: uppercase; } .zxns_con2_list ul li a { display: block; transition: ease-in-out .3s; padding-top: .46rem; text-align: center; height: 2.26rem; border-radius: .24rem; margin-top: .4rem; background: rgba(240,245,255,.7); box-shadow: 0px 0px 20px rgba(0,108,255,0.1); } .zxns_con2_list ul li a:hover { background: #fff; } .zxns_con2_list ul li a span { display: block; } .zxns_con2_list ul li a span img { max-height: .76rem; } .zxns_con2_list ul li a p { margin-top: .16rem; font-size: .28rem; font-weight: bold; } .zxns_con3 { background: url(251208xmcj_zxns_bg2.jpg) no-repeat top center; padding: 1rem 0rem; background-size: cover; } .zxns_con2_top.on::before { background: #fff; display: block; } .zxns_con2_top.on h1 { color: #fff; } .zxns_con2_top.on p { color: rgba(255,255,255,0.2); } .zxns_con2_img ul li { width: 13.0952%; transition: ease-in-out .3s; float: left; } .zxns_con2_img ul li.on { width: 47.38095%; } .zxns_con2_img ul li a { display: block; position: relative; overflow: hidden; border-radius: .3rem; margin-right: .2rem; } .zxns_con2_img ul li a::before { content: ' '; left: 0rem; z-index: 9; top: 0rem; bottom: 0rem; right: 0rem; position: absolute; background: rgba(0,0,0,0.5); display: block; } .zxns_con2_img ul li.on a::before { background: transparent; } .zxns_con2_img ul li a i { height: 4.75rem; } .zxns_con2_tit2 { margin-left: 5rem; padding-bottom: .2rem; position: relative; margin-top: -1rem; } .zxns_con2_tit2 .pageState { color: #fff; position: relative; top: -.3rem; font-size: .24rem; color: rgba(255,255,255,0.6); } .zxns_con2_tit2 .pageState span { font-size: .46rem; margin-right: .1rem; position: relative; bottom: -.18rem; color: #fff; } .zxns_con2_top_r span { width: .54rem; cursor: pointer; color: #fff; height: .54rem; display: inline-block; margin: 0rem .1rem; border: 1px solid #fff; border-radius: 50%; text-align: center; line-height: .52rem; } .zxns_con2_top_r span i { font-size: .24rem; } .zxns_con2_top_r span:hover { background: #fff; color: #004EDE; } .zxns_con2_hd { position: absolute; font-size: 0; left: 0rem; right: 0rem; bottom: 0rem; } .zxns_con2_hd ul li { display: inline-block !important; vertical-align: bottom; width: 20%; height: .3px; background: #fff; } .zxns_con2_hd ul li.on { background: #fff; height: 2px; } .zxns_con2_img { margin-top: .7rem; } .zxns_con4 { background: url(251208xmcj_zxns_bg3.jpg) no-repeat top center; padding: 1rem 0rem; position: relative; background-size: cover; } .zxns_con_img_box { position: relative; } .zxns_con4::before { padding-top: 28%; display: block; content: ' '; position: absolute; bottom: .6rem; width: 73.7113%; right: 0rem; background: url(251208xmcj_zxns_bg4.jpg); background-size: cover; } .zxns_con_img_box { width: 5.8rem; margin-left: .4rem; margin-top: 1.1rem; margin-bottom: .6rem; } .zxns_con_img_box::before { content: ''; display: block; background: rgba(3,103,222,1); display: block; position: absolute; top: .4rem; left: -.4rem; bottom: -.4rem; right: 1.8rem; border-radius: 0rem 0rem 0rem .3rem; } .zxns_con_img ul li { position: relative; height: .9rem; padding: 0rem .64rem; line-height: .9rem; } .zxns_con_img ul li:hover { background: rgba(3,103,222,0.1); } .zxns_con_img ul li i { font-size: .24rem; color: #CCCCCC; position: absolute; right: .4rem; top: 50%; transform: translateY(-50%); } .zxns_con_img ul li:hover i { color: #0367DE; } .zxns_con_img ul li a { display: block; font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zxns_con_img ul li a:hover { color: #0367DE; } .zxns_con_img { background: #fff; overflow: hidden; position: relative; z-index: 2; border-radius: 0rem .3rem .3rem .3rem; } @media (max-width:992px) { .zxns_con2_tit2 { margin-left: 0rem; margin-top: .2rem; } .zxns_con_img_box { width: auto; margin: .2rem; } .zxns_con_img_box::before,.zxns_con4::before { display: none; } .zxns_con2_tit h1 { font-size: .4rem; } .zxns_con2_top h1 { font-size: .32rem; } .zxns_con2_list ul li a p { font-size: .18rem; } .zxns_con2_list ul li a { height: auto; padding: .3rem 0rem; } .zxns_con2,.zxns_con3,.zxns_con4 { padding: .4rem 0rem; } .zxns_con2_img ul li { width: 0%; } .zxns_con2_img ul li.on { width: 100%; } } /* ------------------ */ .jtgk2_ban { background-image: url(251208xmcj_jtgk_banner.jpg); } .jtgk2_con { background: url(251208xmcj_jtgk_bg1.jpg) no-repeat top center; padding: 1rem 0rem; background-size: cover; } .jtgk2_con_list ul li a { display: flex; margin-top: .6rem; } .jtgk2_con_list_r { text-align: center; } .jtgk2_con_list_l { margin-right: .16rem; margin-top: .16rem; } .jtgk2_con_list_r h1 { font-size: .46rem; display: inline-block; color: #0367DE; } .jtgk2_con_list_r h1 em { color: #666; font-weight: normal; font-size: .18rem; margin-right: .1rem; } .jtgk2_con_tit { background: linear-gradient(148.82deg,rgba(244,246,248,1) 0%,rgba(244,246,248,0) 100%),rgba(255,255,255,1); border-radius: .1rem; padding: .6rem .9rem; } .jtgk2_con_tit p { font-size: .2rem; line-height: .4rem; margin-bottom: .2rem; } .jtgk2_con_tit p:last-child { margin-bottom: 0rem; } .jtgk3_con { background: url(251208xmcj_jtgk_bg3.jpg) no-repeat center right; position: relative; padding: 1rem 0rem; background-size: cover; } .jtgk3_con::before { content: ' '; display: block; width: 7.6rem; background: url(251208xmcj_jtgk_bg2.png) no-repeat center bottom; background-size: 100% 100%; position: absolute; left: 0rem; bottom: 0rem; top: 0rem; } .jtgk3_con_list ul li a { display: flex; transition: ease-in-out .3s; margin-bottom: .16rem; border-radius: .2rem; padding: 0rem .9rem; position: relative; height: 1.1rem; align-items: center; justify-content: center; } .jtgk3_con_list ul li a h1 { font-size: .24rem; line-height: .32rem; text-align: center; } .jtgk3_con_list ul li a::before { content: ' '; width: .36rem; height: .64rem; background: url(251208xmcj_jtgk_icon_ll.png) no-repeat center; background-size: cover; position: absolute; left: .32rem; top: 50%; transform: translateY(-50%); } .jtgk3_con_list ul li a::after { content: ' '; width: .36rem; height: .64rem; background: url(251208xmcj_jtgk_icon_rr.png) no-repeat center; background-size: cover; position: absolute; right: .32rem; top: 50%; transform: translateY(-50%); } .jtgk3_con_list ul li a:hover { background: linear-gradient(180deg,rgba(23,131,255,1),rgba(3,103,222,1)); color: #fff; box-shadow: 5px 7px 22px rgba(2,92,201,0.3); } .jtgk3_con_list ul li a:hover::before { background: url(251208xmcj_jtgk_icon_l.png) no-repeat center; } .jtgk3_con_list ul li a:hover::after { background: url(251208xmcj_jtgk_icon_r.png) no-repeat center; } .jtgk3_con_list { padding-right: .2rem; overflow: auto; max-height: 6rem; position: relative; } .jtgk3_con_list::before { content: ' '; position: absolute; display: block; right: 0rem; top: 0rem; bottom: 0rem; width: 1px; background: #CCCCCC; } .jtgk3_con_list::-webkit-scrollbar { width: 4px; } .jtgk3_con_list::-webkit-scrollbar-thumb { background-color: #0367DE; } .jtgk3_con_list::-webkit-scrollbar-track { background: none; } .jtgk4_con { background: url(251208xmcj_jtgk_bg4.jpg) no-repeat center top; overflow: hidden; position: relative; padding: 1rem 0rem; background-size: cover; } .jtgk4_con_list { padding-top: .82rem; } .jtgk4_con_list ul li { line-height: .4rem; position: relative; padding-left: .3rem; font-size: .2rem; } .jtgk4_con_list ul li::before { content: ' '; width: .06rem; height: .06rem; border-radius: 50%; top: .16rem; background: #0367DE; display: block; left: 0rem; position: absolute; } .jtgk4_con_list ul li a { margin-bottom: .24rem; } .jtgk4_con_top h1 { font-size: 1.4rem; font-weight: bold; color: #0367DE; } .jtgk4_con_top { position: absolute; z-index: 99; top: -1.4rem; left: 35%; } .jtgk4_con_box .swiper-button-next,.jtgk4_con_box .swiper-button-prev { width: .66rem; line-height: .66rem; display: block !important; position: absolute; top: 50%; margin-top: -.33rem; height: .66rem; display: inline-block; text-align: center; line-height: .66rem; background: #FFFFFF; box-shadow: 0px 2px 8px rgba(22,102,194,0.12); } .jtgk4_con_box .swiper-button-prev:after,.jtgk4_con_box .swiper-container-rtl .swiper-button-next:after,.jtgk4_con_box .swiper-button-next:after,.jtgk4_con_box .swiper-container-rtl .swiper-button-prev:after { display: none; } .jtgk4_con_box .swiper-button-next i,.jtgk4_con_box .swiper-button-prev i { font-size: .2rem; } .jtgk4_con_box .swiper-button-next:hover i,.jtgk4_con_box .swiper-button-prev:hover i { color: #fff; } .jtgk4_con_box .swiper-button-next:hover,.jtgk4_con_box .swiper-button-prev:hover { background: #004EDE; } .jtgk4_con_box { position: relative; } .mySwiper { position: relative; margin-top: .54rem; } .mySwiper::before { content: ' '; position: absolute; top: 0rem; width: 30rem; left: 50%; transform: translateX(-50%); height: 2px; background: #DEDEDE; } .mySwiper .swiper-slide { text-align: center; position: relative; } .jtgk4_con_box { overflow: hidden; } .jtgk4_wrapper { padding-top: 1rem; } .mySwiper .swiper-slide { font-size: .3rem; color: #A6A6A6; padding-top: .28rem; } .mySwiper .swiper-slide.swiper-slide-thumb-active::before { content: ''; width: .18rem; height: .22rem; position: absolute; left: 50%; transform: translateX(-50%); top: -.1rem; display: block; background: url(251208xmcj_jtgk_icon8.png) no-repeat; background-size: cover; } .mySwiper .swiper-slide.swiper-slide-thumb-active { font-weight: bold; color: #004EDE; border-top: 2px #0367DE solid; } @media (max-width:992px) { .jtgk2_con_tit { padding: .24rem; margin-top: .24rem; } .jtgk3_con::before { background: none; } .jtgk3_con .zxns_con2_top.on h1 { color: #333; } .jtgk3_con .zxns_con2_top p { color: #CCCCCC; } .mySwiper .swiper-slide { font-size: .24rem; } .jtgk2_con_list_r h1 { font-size: .36rem; } .jtgk2_con,.jtgk3_con,.jtgk4_con { padding: .4rem 0rem; } .jtgk4_con_top { top: -.8rem; } .jtgk4_con_top h1 { font-size: .8rem; } .jtgk4_con_list { padding-top: .4rem; } .jtgk3_con_l { margin-bottom: .24rem; } } /* -------------- */ .qywh2_ban { background-image: url(251208xmcj_qywh_banner.jpg); } .qywh1_con { padding: 1rem 0rem; } .qywh1_box_img { width: 49.6969%; margin-right: .92rem; } .qywh1_box { padding: .4rem 0rem; position: relative; } .qywh1_box::before { content: ''; width: 58.1818%; top: 0rem; bottom: 0rem; right: 0rem; position: absolute; background: url(251208xmcj_qywh_bg1.jpg); } .qywh1_box_tit { overflow: hidden; padding-right: 1.2rem; position: relative; z-index: 9; } .qywh1_box_top { position: relative; margin-bottom: .4rem; border-bottom: 2px solid rgba(84,195,241,1); padding-bottom: .24rem; } .qywh1_box_top h1 { font-size: .36rem; font-weight: normal; color: #fff; } .qywh1_box_top::before { content: ''; width: .72rem; height: 2px; background: #FFC819; position: absolute; bottom: -2px; left: 0rem; } .qywh1_box_p p { line-height: .36rem; text-align: justify; font-size: .18rem; color: rgba(255,255,255,.8); } .qywh1_box_p h1 { font-size: .3rem; font-weight: normal; margin-bottom: .28rem; color: #fff; } .qywh1_box { margin: .6rem 0rem; } .qywh1_list { margin-top: .6rem; } .qywh1_list ul li .picture_img { position: relative; overflow: inherit; } .qywh1_list ul li .picture_img em { position: absolute; transition: ease-in-out .3s; right: .1rem; z-index: 99; bottom: 0rem; transform: translatey(50%); } .qywh1_list ul li .picture_img i { border-radius: .2rem; } .qywh2_con { background: linear-gradient(90deg,rgba(237,242,251,0) 0%,rgba(237,242,251,0.7) 100%),rgba(255,255,255,1); padding: .6rem 0rem; } .qywh1_list.picture_group .picture_conent { background: none; } .qywh1_list.picture_group_04 .picture_conent:hover { box-shadow: none; } .qywh1_list .picture_text h4 { font-size: .26rem; margin-bottom: .2rem; } .qywh1_list.picture_group_04 .picture_item .picture_text { margin: .24rem .08rem 0px .08rem; } .qywh1_list.picture_group_04 .picture_text span { font-size: .18rem; } .qywh1_list.picture_group_04 .qywh1_list_bottom em { color: #999999; font-size: .18rem; } .qywh1_list.picture_group_04 .qywh1_list_bottom em i { font-size: .24rem; margin-left: .1rem; } .qywh1_list.picture_group_04 a:hover .qywh1_list_bottom em,.qywh1_list.picture_group_04 a:hover h4 { color: #0367DE; } .qywh1_list ul li a:hover .picture_img em { right: inherit; bottom: inherit; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .qywh1_list ul li a:hover { transition: all .3s; } .qywh1_list.picture_group>span { background: rgba(3,103,222,0.2); } .qywh1_list.picture_group>span:hover { background: #0367DE; } .qywh1_list.picture_group>span.prev { left: -.4rem; text-align: right; } .qywh1_list.picture_group>span.next { right: -.4rem; } .qywh1_list.picture_group { overflow: inherit; } @media (max-width:992px) { .qywh1_box::before { width: 100%; } .qywh1_box_img { float: inherit; margin: 0rem auto; width: auto; } .qywh1_box_tit { padding-right: 0rem; margin-top: .4rem; } .qywh1_box,.qywh2_box { margin: .3rem 0rem; padding: .32rem; } .qywh1_con,.qywh2_con { padding: .32rem 0rem; } .qywh1_list.picture_group>span.prev { left: 0rem; text-align: right; } .qywh1_list.picture_group>span.next { right: 0rem; } } /* -------------- */ .cyll3_ban { background-image: url(251208xmcj_cyly_banner2.jpg); } .cyll2_con { padding-bottom: 1.6rem; background: url(251208xmcj_cyly_bg8.jpg) no-repeat center; background-size: cover; } .cyll_con5_tit { position: relative; border: 2px solid #fff; box-shadow: 0px 6px 20px rgba(86,166,252,0.23); margin-top: -1rem; padding: .4rem 1.1rem; background: linear-gradient(183.48deg,rgba(255,255,255,1) 0%,rgba(235,246,255,1) 100%); border-radius: 0rem .2rem 0rem .2rem; } .cyll_con5_tit p { font-size: .24rem; line-height: .4rem; } .cyll_con5_tit::before { content: ''; position: absolute; top: .16rem; left: .6rem; width: .44rem; height: .44rem; display: block; background: url(251208xmcj_cyly_icon10.png); background-size: 100% 100%; } .cyll_con5_tit::after { content: ''; position: absolute; bottom: .1rem; right: .6rem; width: .44rem; height: .44rem; display: block; background: url(251208xmcj_cyly_icon11.png); background-size: 100% 100%; } .cyll_con5_box { background: #fff; } .cyll_con5_box ul { font-size: 0rem; height: 3.64rem; } .cyll_con5_box ul li { display: inline-block; width: 25%; height: 3.64rem; } .cyll_con5_box ul li { border-right: 1px solid #E8E8E8; position: relative; } .cyll_con5_box ul li:last-child { border-right: none; } .cyll_con5_box ul li a { display: flex; transition: ease-in-out .3s; position: relative; z-index: 2; height: 100%; max-height: 3.64rem; align-items: center; justify-content: center; flex-direction: column; } .cyll_con5_box ul li a span { display: inline-block; min-height: 1.2rem; transition: ease-in-out .3s; width: 1.2rem; height: 1.2rem; overflow: hidden; line-height: 1.2rem; } .cyll_con5_box ul li a span img { height: 1.2rem; } .cyll_con5_box ul li a h1 { font-size: .28rem; transition: ease-in-out .3s; margin-bottom: .36rem; font-weight: normal; padding-bottom: .24rem; position: relative; margin-top: .3rem; } .cyll_con5_box ul li a h1::before { content: ' '; width: .46rem; height: .05rem; background: rgba(3,103,222,1); display: block; position: absolute; bottom: 0rem; left: 50%; margin-left: -.23rem; } .cyll_con5_box ul li::before { content: ''; transition: ease-in-out 0.3s; background: #fff; position: absolute; left: 0rem; top: 0rem; bottom: 0rem; right: 0rem; } .cyll_con5_box ul li:hover::before { background: url(251208xmcj_cyly_bg10.png); top: -.84rem; margin-top: -.8rem; box-shadow: 0px 10px 30px rgba(0,81,148,0.3); bottom: -.44rem; left: -.2rem; right: -.2rem; background-size: cover; } .cyll_con5_box ul li:hover a { position: relative; top: -.4rem; } .cyll_con5_box ul li:hover a h1 { font-weight: bold; color: #fff; font-size: .36rem; } .cyll_con5_box ul li:hover a h1::before { background: #fff; } .cyll_con5_box ul li:hover a p { font-size: .18rem; color: #fff; line-height: .36rem; } .cyll_con5_box ul li:hover a span { position: relative; } .cyll_con5_box ul li:hover a span img { margin-top: -2.4rem; } .cyll_con5_box ul li:hover { z-index: 9; } .cyll_con5_box { margin-top: 1.5rem; } .csjs_box4_list { padding-top: .6rem; padding-bottom: 1.5rem; position: relative; } .csjs_box4_list .swiper-slide { width: 13rem; position: relative; opacity: .4; padding: 0rem .54rem; } .con_box4_list_nr { background: url(251208xmcj_cyly_bg7.png) no-repeat center; transition: ease-in-out .3s; overflow: hidden; height: 0; border-radius: 0rem .3rem 0rem .3rem; position: relative; z-index: 99; left: 1.4rem; position: absolute; right: 2.7rem; background-size: cover; } .con_box4_list_nr h1 { font-size: .36rem; color: #fff; position: relative; margin-bottom: .24rem; padding-bottom: .2rem; } .con_box4_list_nr h1::before { content: ''; width: .46rem; height: .05rem; background: #fff; position: absolute; bottom: 0rem; left: 0rem; } .con_box4_list_nr p { font-size: .18rem; color: #FFFFFF; line-height: .36rem; height: 1.18rem; } .swiper-slide-active .con_box4_list_nr { padding: .24rem .5rem; height: auto; bottom: -1.1rem; } .csjs_box4_list .swiper-slide.swiper-slide-active { opacity: 1; } .con_box4-next,.con_box4-prev { width: .66rem; height: .66rem; background: #fff; transition: ease-in-out .3s; text-align: center; line-height: .66rem; box-shadow: 7px 5px 22px rgba(22,102,194,0.25); } .con_box4-next:hover,.con_box4-prev:hover { background: #004EDE; color: #fff; } .con_box4-next:hover i,.con_box4-prev:hover i { color: #fff; } .con_box4-next i,.con_box4-prev i { font-size: .2rem; color: #004EDE; } .con_box4_anniu { position: absolute; display: flex; justify-content: space-between; left: 3.8rem; right: 3.8rem; top: 50%; margin-top: -.33rem; z-index: 9; } .csjs_box5_hd ul { margin-right: -.4rem; } .csjs_box5_hd ul li { float: left; width: 33.33%; } .csjs_box5_hd ul li span { display: block; margin-right: .4rem; } .csjs_box5_div { text-align: center; min-height: 1.2rem; margin: 0rem auto; margin-bottom: .3rem; max-width: 10.4rem; } .csjs_box5_div h1 { font-size: .36rem; padding-bottom: .2rem; margin-bottom: .3rem; position: relative; } .csjs_box5_div h1::before { content: ' '; height: .05rem; width: .46rem; background: #0367DE; position: absolute; display: block; bottom: 0rem; left: 50%; margin-left: -.23rem; } .csjs_box5_div p { text-align: center; font-size: .18rem; line-height: .36rem; } .csjs_box5_div p:first-child { margin-top: .3rem; } .csjs_box5_hd { margin-top: .6rem; } .csjs_box5_hd ul li.on span { border: .16rem #fff solid; transition: ease-in-out .3s; box-shadow: 6px 11px 31px rgba(3,103,222,0.3); margin-top: -.35rem; } .cyll_con5_p { height: 0; max-width: 3.6rem; margin: 0 auto; text-align: center; overflow: hidden; } .cyll_con5_box ul li:hover .cyll_con5_p { min-height: 1.18rem; padding-right: .1rem; overflow: auto; } .cyll_con7 { padding: .6rem; background: url(251208xmcj_cyly_bg9.png) no-repeat bottom center; background-size: cover; } .cyll_con5_p::-webkit-scrollbar { width: 4px; } .cyll_con5_p::-webkit-scrollbar-thumb { background-color: #0367DE; } .cyll_con5_p::-webkit-scrollbar-track { background: none; } @media (max-width:1600px) { .con_box4_anniu { left: .2rem; right: .2rem; } .csjs_box4_list .swiper-slide { width: 90%; } } @media (max-width:992px) { .cyll_con5_tit { padding: .24rem; margin-top: .2rem; } .cyll_con5_tit::after,.cyll_con5_tit::before { display: none; } .cyll_con5_box { margin-top: .4rem; } .cyll_con5_box ul li { width: 100%; } .cyll_con5_box ul li a,.cyll_con5_box ul li,.cyll_con5_box ul { height: auto; max-height: inherit; } .cyll_con5_box ul li::before { background: url(251208xmcj_cyly_bg10.png); top: 0rem; margin-top: 0rem; bottom: 0rem; left: 0rem; right: 0rem; background-size: cover; } .cyll_con5_box ul li a { position: relative; padding: .32rem .2rem; } .cyll_con5_box ul li a h1 { font-weight: bold; color: #fff; font-size: .36rem; } .cyll_con5_box ul li a h1::before { background: #fff; } .cyll_con5_box ul li a p { font-size: .18rem; color: #fff; line-height: .36rem; } .cyll_con5_box ul li a span { position: relative; } .cyll_con5_box ul li a span img { margin-top: -2.4rem; } .cyll_con5_box ul li .cyll_con5_p { height: auto; overflow: inherit; } .cyll_con5 { padding-bottom: .6rem; } .csjs_box4_list .swiper-slide { width: 100%; padding: .16rem; } .con_box4_anniu { top: 30%; } .con_box4_list_nr { position: inherit; height: auto; padding: .16rem; bottom: inherit; left: inherit; right: inherit; } .csjs_box4_list { padding: .32rem 0rem; } .csjs_box5_hd ul li span { margin-right: .2rem; } .csjs_box5_hd ul { margin-right: -.2rem; } .cyll_con7 { padding: .3rem 0rem; } .csjs_box5_div p:first-child { margin-top: .2rem; } } .dgj_ban { background-image: url(251208xmcj_gj_banner.jpg); } .cyll_con7_hd { text-align: center; } .cyll_con7_hd ul li { display: inline-block; } .cyll_con7_hd ul li span { display: inline-block; position: relative; color: #999999; cursor: pointer; padding: 0rem .3rem; padding-bottom: .24rem; font-size: .36rem; font-weight: bold; } .cyll_con7_hd ul li span::before { width: 1px; content: ' '; transform: rotate(30deg); display: block; position: absolute; right: 0rem; top: 50%; margin-top: -.24rem; height: .3rem; background: rgba(219,219,219,1); } .cyll_con7_hd ul li:last-child span::before { display: none; } .cyll_con7_hd ul li.on span,.cyll_con7_hd ul li:hover span { color: #333; } .cyll_con7_hd ul li.on span::after { content: ''; height: .05rem; width: .46rem; background: #0367DE; position: absolute; bottom: 0rem; left: 50%; margin-left: -.23rem; } .cyll_con7_img .trt-col-12 { margin-bottom: .24rem; } @media (max-width:992px) { .cyll2_con { padding-bottom: .4rem; } .cyll_con7_hd ul li span { font-size: .28rem; } .cyll_con7_hd ul { overflow: auto; white-space: nowrap; } } .zlj_ban { background-image: url(251208xmcj_zlj_banner.jpg); } .cyll_con5_icon2 { padding-bottom: 1.6rem; background: url(251208xmcj_zlj_bg1.jpg) no-repeat center; background-size: cover; } .cyll_con8 { padding: .6rem 0rem; background: url(251208xmcj_zlj_bg3.jpg) no-repeat top center; background-size: cover; } .cyll_con8_box_top { height: .66rem; line-height: .66rem; color: #fff; font-weight: bold; font-size: .28rem; background: url(251208xmcj_zlj_bg3.png) no-repeat; background-size: 100% 100%; } .cyll_con8_box_top span { display: inline-block; margin-top: -.01rem; margin-left: .3rem; margin-right: .2rem; } .cyll_con8_box_nr { background: url(251208xmcj_zlj_bg4.png) no-repeat; position: relative; height: 2.4rem; padding: .24rem .32rem; background-size: 100% 100%; } .cyll_con8_box_nr p { font-size: .18rem; line-height: .36rem; } .cyll_con8_box_nr em { font-size: 1rem; font-weight: bold; position: absolute; bottom: -.2rem; right: 0rem; background: linear-gradient(180deg,rgba(3,103,222,.2) 0%,rgba(255,255,255,0) 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cyll_con8_box { overflow: hidden; } @media only screen and (max-width:1910px) { .website_info h3 a { margin: 0rem .08rem; } } @media (max-width:992px) { .cyll_con8_box { margin-bottom: .24rem; } .cyll_con8 { padding: .3rem 0rem; } .ddjs_con3_list>span { background: rgba(255,255,255,.5); } } .yys_ban { background-image: url(251208xmcj_yys_banner.jpg); } .cyll_con5_icon3 .cyll_con5_box ul li:hover::before { background: url(251208xmcj_yys_bg1.jpg); background-size: cover; } .cyll_con5_icon2 .cyll_con5_box ul li:hover::before { background: url(251208xmcj_zlj_bg2.png); background-size: cover; } .cyll_con5_icon4 .cyll_con5_box ul li:hover::before { background: url(251208xmcj_gj_bg1.png); background-size: cover; } .csjs_box4_list { overflow: hidden; } .picture_scale_169 { background-size: cover !important; } .ddjs_con1_box_list { background: url(251230xmcj_gj_img1.png) no-repeat center; background-size: cover; } .ddjs_con5_img2 .picture_scale_169 { padding-top: 54%; } .ddjs_list_base ul li .ddjs_list_base_box { position: relative; padding: .2rem 0rem; border-bottom: 1px dashed #DCDCDC; padding-left: .2rem; padding-right: 1rem; } .ddjs_list_base ul li .ddjs_list_base_box::before { content: ''; position: absolute; width: .06rem; height: .06rem; background-color: #D1232A; border-radius: 50%; left: 0px\0; top: 12px\0; left: .01rem; top: .32rem; } .ddjs_list_base ul li .ddjs_list_base_box a { font-size: .2rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ddjs_list_base ul li .ddjs_list_base_box span { position: absolute; right: 0rem; top: 50%; transform: translateY(-50%); color: #999999; } .zxns_con2_box { height: 6rem; position: relative; } .zxns_con2_box_tit { width: 6rem; height: 6rem; position: absolute; text-align: center; line-height: 6rem; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); background: url(260104xmcj_gj_img5.png) no-repeat center; border-radius: 50%; background-size: 100% 100%; } .zxns_con2_box_tit p { font-size: .48rem; font-weight: bold; background: linear-gradient(180deg,#004EDE 0%,#53A5FC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .zxns_con2_box_list { position: relative; padding-top: .44rem; z-index: 9; } .zxns_con2_box_list ul li { position: relative; margin: .24rem 0rem;} .zxns_con2_box_list ul li a { position: relative; display: inline-block; background: linear-gradient(180deg,rgba(240,245,255,0.5) 0%,rgba(255,255,255,0.7) 100%); line-height: .78rem; height: .8rem; padding: 0rem .84rem; border: 1px solid #fff; border-radius: .4rem; } .zxns_con2_box_list ul li a i { font-size: .36rem; font-weight: bold; background: linear-gradient(180deg,#004EDE 0%,#53A5FC 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .zxns_con2_box_list ul li:nth-child(even){text-align: right;} .zxns_con2_box_list ul li:nth-child(odd) a::after{content: ''; top: 50%; width: 1.32rem; height: 1px; position: absolute;right: -1.32rem; border-bottom: 1px dashed #fff; display: block;} .zxns_con2_box_list ul li:nth-child(odd) a::before{content: ''; position: absolute; margin-top: -.05rem; z-index: 9; right: -1.4rem; top: 50%; display: block; border-radius: 50%; background: #fff; width: .12rem; height: .12rem; border: 2px #0367DE solid;} .zxns_con2_box_list ul li:nth-child(even) a::after{content: ''; top: 50%; width: 1.32rem; height: 1px; position: absolute;left: -1.32rem; border-bottom: 1px dashed #fff; display: block;} .zxns_con2_box_list ul li:nth-child(even) a::before{content: ''; position: absolute; margin-top: -.05rem; z-index: 9; left: -1.4rem; top: 50%; display: block; border-radius: 50%; background: #fff; width: .12rem; height: .12rem; border: 2px #0367DE solid;} .zxns_con2_box_list ul li.icon1 a{margin-left:40%;} .zxns_con2_box_list ul li.icon3 a{margin-left:35%;} .zxns_con2_box_list ul li.icon5 a{margin-left:35%;} .zxns_con2_box_list ul li.icon7 a{margin-left:40%;} .zxns_con2_box_list ul li.icon2 a{margin-right:40%;} .zxns_con2_box_list ul li.icon4 a{margin-right:35%;} .zxns_con2_box_list ul li.icon6 a{margin-right:35%;} .zxns_con2_box_list ul li.icon8 a{margin-right:40%;} @media (max-width:2460px) { .zxns_con2_box_list ul li.icon1 a{margin-left:34%;} .zxns_con2_box_list ul li.icon3 a{margin-left:27%;} .zxns_con2_box_list ul li.icon5 a{margin-left:27%;} .zxns_con2_box_list ul li.icon7 a{margin-left:34%;} .zxns_con2_box_list ul li.icon2 a{margin-right:34%;} .zxns_con2_box_list ul li.icon4 a{margin-right:27%;} .zxns_con2_box_list ul li.icon6 a{margin-right:27%;} .zxns_con2_box_list ul li.icon8 a{margin-right:34%;} } @media (min-width:1930px) { .ddjs_con1_box_top_l { max-width: .6rem; margin-left: .1rem; font-size: .26rem; } .ddjs_con1_box_top_r { align-items: center; } .ddjs_con5_img2 .picture_scale_169 { padding-top: 48%; } } @media (max-width:992px) { .zxns_con2_box_list ul li a::after,.zxns_con2_box_list ul li a::before{display: none !important;} .zxns_con2_box_tit{display: none;} .zxns_con2_box{height: auto;} .zxns_con2_box_list{padding-top: 0rem;} .zxns_con2_box_list ul li{margin: .12rem 0rem;} .zxns_con2_box_list ul li a{display: block; text-align: center; margin:0rem !important;} .ddjs_list_base ul li .ddjs_list_base_box{padding-left: 0rem; padding-right: 0rem;} .ddjs_list_base ul li .ddjs_list_base_box::before{display: none;} .ddjs_list_base ul li .ddjs_list_base_box a{overflow: inherit; white-space: inherit; text-transform: inherit;} .ddjs_list_base ul li .ddjs_list_base_box span{position: inherit; right: inherit; top: inherit; transform: inherit; margin-top: .1rem; display: block;} .ddjs_con3_bg_tit{max-width: inherit;} } .gk_logo{line-height: 3.4rem;} .gk_logo img{width: 2.7rem;} .csjs_box5_hd ul li a{position: relative; display: block;} .csjs_box5_hd ul li p{position: absolute; display: block; width: 100%; text-align: center; color: #fff; font-size: .18rem; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 49.44%, rgba(0, 0, 0, 0) 100%); height: .6rem; line-height: .6rem; z-index: 99; bottom: 0rem;} @media (max-width:992px){ .gk_logo{text-align: center;} .csjs_box5_hd ul li.on span{border: .06rem solid #fff !important;} .csjs_box5_hd ul li p{font-size: .16rem; line-height: .4rem; height: .4rem;} }