.pagetopad { margin-bottom: .22rem; height:1.3rem; position: relative; overflow: hidden; } .pagetopad a { display: block; width:100%; height:100%; overflow: hidden; } .pagetopad a img { display: block; width:100%; height:100%; } .adscont { height:100%; } .adscont_pagination { bottom:.05rem!important; } .swiper-pagination-bullet { position: relative; /* left:6rem; */ } .swiper-container-horizontal>.swiper-pagination-bullets.adscont_pagination { /* left:10rem!important; */ } .swiper-pagination-bullet-active { background: #e60012; } .swiper-button-next, .swiper-button-prev { width:.5rem; height:.7rem; background: rgba(0,0,0,.7); } .swiper-button-next:hover, .swiper-button-prev:hover { background: rgba(230,0,18,.7); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: ''!important; } .swiper-button-prev,.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-next:hover { background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ''!important; } .swiper-button-next,.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev, .swiper-container-rtl .swiper-button-prev:hover { background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 0!important; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .topcont_box { display: flex; justify-content: space-between; height:5.34rem; margin-bottom: .1rem; } .topcont_box_main { width:9.5rem; height:100%; overflow: hidden; } .topcont_box_main_banner { height:100%; } .topcont_box_main_banner_lay { height:5.34rem; width: 100%;; /* overflow: hidden; */ position: relative; margin-bottom: .12rem; } .topcont_box_main_banner_maxpic { height:100%; overflow: hidden; position: relative; } .topcont_box_main_banner_maxpic img { display: block; width:100%; height:100%; } .topcont_box_main_banner_maxpic h3 { position: absolute; width:100%; height:.6rem; display: flex; align-items: center; font-size: .24rem; color:#fff; background: rgba(154,0,0,.8); padding-left: .3rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .topcont_box_main_banner_maxpic h3::before { content: ''; display: block; width:.06rem; height:.3rem; background: #e60012; margin-right: .13rem; } .topcont_box_main_banner_maxpic h3 a { display: block; font-size: .24rem; color:#fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .topcont_box_side { width: .4rem; } .topcont_box_main_banner_list { display: flex; height:1.12rem; /* display: flex; */ justify-content: space-between; } .topcont_box_main_banner_list_itm { width:2.3rem; height:100%; overflow: hidden; position: relative; } .topcont_box_main_banner_list_itm a { display: block; width:100%; height:100%; overflow: hidden; position: relative; } .topcont_box_main_banner_list_itm img { display: block; width:100%; height:100%; } .topcont_box_main_banner_list_itm_btn { width:.5rem; height:.5rem; background: no-repeat; background-size: 100% 100%; position: absolute; top:50%; left:50%; margin-top:-.25rem; margin-left:-.25rem; } .topcont_box_side { width:4rem; height:100%; box-shadow: 0 0 .3rem rgba(119,125,136,.2); padding: .3rem .2rem; } .topcont_box_side h3 { font-size: .3rem; font-weight: bold; color:#000; padding-left: .45rem; position: relative; margin-bottom: .4rem; } .topcont_box_side h3::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width:.35rem; height:.4rem; background: no-repeat; background-size: 100% 100%; } .topcont_box_side_list p { font-size: .18rem; color:#000; margin-bottom: .23rem; overflow: hidden; display: flex; } .topcont_box_side_list p:last-child { margin-bottom: 0; } .topcont_box_side_list p a { font-size: .18rem; color:#000; display: inline-block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-left: .16rem; width:calc(100% - 0.36rem); text-align: justify; } .topcont_box_side_list p:nth-child(1), .topcont_box_side_list p:nth-child(2), .topcont_box_side_list p:nth-child(3) { color:#e60012; /* margin-bottom: .3rem; */ } .topcont_box_side_list p:nth-child(1) a, .topcont_box_side_list p:nth-child(2) a, .topcont_box_side_list p:nth-child(3) a { color:#e60012; margin-left: 0; width:calc(100% - 0.06rem); } .topcont_box_side_list p:nth-child(1)::before { content: ''; display: block; width:.5rem; height:.25rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(2)::before { content: ''; display: block; width:.5rem; height:.25rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(3)::before { content: ''; display: block; width:.5rem; height:.25rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(4)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(5)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(6)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(7)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(8)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(9)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(10)::before { content: ''; display: block; width:.3rem; height:.2rem; background: no-repeat; background-size: auto 100%; } .laycont { height:auto; overflow: hidden; margin-bottom: 1.3rem; } .laycont_box { height:auto; overflow: hidden; display: flex; justify-content: space-between; } .laycont_box_main { width:9.5rem; height:auto; overflow: hidden; } .laycont_box_main_top { height:0.6rem; display: flex; justify-content: space-between; margin-bottom: .3rem; } .laycont_box_main_top_item { width:2.95rem; height:100%; display: flex; justify-content: center; align-items: center; font-size: .3rem; font-weight: bold; background: no-repeat; background-size: 100% 100%; } .laycont_box_main_new { margin-bottom: .3rem; } .laycont_box_main_new_item { height:1.25rem; margin-bottom: .3rem; } .laycont_box_main_new .laycont_box_main_new_item:last-child { margin-bottom: 0; } .laycont_box_main_new_item a { height:100%; display: flex; justify-content: space-between; align-items: center; } .laycont_box_main_new_item_img { width:1.9rem; height:100%; overflow: hidden; } .laycont_box_main_new_item_img img { display: block; width:100%; height:100%; } .laycont_box_main_new_item_txt { width:7.45rem; height:100%; color:#000; padding: .03rem 0; display: flex; flex-direction: column; justify-content: space-between; } .laycont_box_main_new_item_txt h3 { font-size: .24rem; color:#000; margin-bottom: .1rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .laycont_box_main_new_item_txt_dis { height:.5rem; overflow: hidden; font-size: .18rem; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: .05rem; color:#737373; } .laycont_box_main_new_item_txt p { font-size: .14rem; color:#737373; } .laycont_box_main_new_itemtxt { height:.5rem; } .laycont_box_main_new_itemtxt .laycont_box_main_new_item_txt { width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .laycont_box_main_new_itemtxt .laycont_box_main_new_item_txt h3 { width:7.45rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 0; } .laycont_box_main_new_itemtxt .laycont_box_main_new_item_txt p { width:1.3rem; text-align: right; margin-bottom: 0; } .laycont_box_main_ad { width:100%; height:1.2rem; margin-bottom: .3rem; } .laycont_box_main_ad a { display: block; width: 100%; height:100%; overflow: hidden; } .laycont_box_main_ad a img { display: block; width:100%; height:100%; } .laycont_box_main_mod { height:2.7rem; display: flex; justify-content: space-between; margin-bottom: .3rem; } .laycont_box_main_mod_item { width:2.7rem; height:100%; overflow: hidden; position: relative; } .laycont_box_main_mod_item a { display: block; width:100%; height:100%; overflow: hidden; position: relative; } .laycont_box_main_mod_item a img { display: block; width:100%; height:100%; } .laycont_box_main_mod_item a p { display: block; width: 1.45rem; height:.5rem; background: rgba(0,0,0,.7); display: flex; justify-content: center; align-items: center; font-size: .3rem; color:#fff; font-weight: bold; position: absolute; top:50%; left:50%; margin-left: -.725rem; margin-top: -.25rem; } .laycont_box_side { width:4rem; } .laycont_box_side_item { border-top: .01rem solid #e5e5e5; padding: .15rem 0 ; margin-bottom: .4rem; } .laycont_box_side_item h3 { font-size: .3rem; margin-bottom: .3rem; position: relative; color:#000; font-weight: bold; } .laycont_box_side_item h3 a:hover { color:#000; } .laycont_box_side_item h3::before { content: ''; display: block; width:.65rem; height:.01rem; background: #e60012; position: absolute; left: 0; top:-.16rem; } .laycont_box_side_item_top { height:1.9rem; overflow: hidden; position: relative; margin-bottom: .3rem; } .laycont_box_side_item_top a { height:100%; display: block; overflow: hidden; position: relative; } .laycont_box_side_item .laycont_box_side_item_top:last-child { margin-bottom: 0; } .laycont_box_side_item_top img { width:100%; height:100%; display: block; } .laycont_box_side_item_top p { position: absolute; left:0; bottom: 0; padding: .1rem .2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: .2rem; color:#fff; width:100%; } .laycont_box_side_item_bot { height:2.7rem; } .laycont_box_side_link { height:auto; overflow: hidden; margin-bottom: .3rem; padding: 0 0 0 .08rem; } .laycont_box_side_link p { margin-bottom: .2rem; display: flex; align-items: center; } .laycont_box_side_link p:last-child { margin-bottom: 0; } .laycont_box_side_link p::before { content: ''; display: block; width:.06rem; height:.06rem; border-radius: 50%; background: #e5e5e5; margin-right: .08rem; } .laycont_box_side_link p a { display: block; font-size: .18rem; color:#737373; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .laycont_box_main_more { padding: .1rem; display: flex; justify-content: center; width:3rem; margin: auto; padding:.2rem; cursor:pointer; } .laycont_box_main_more p { display: flex; justify-content: center; font-size: .18rem; color:#737373; } .laycont_box_main_more p::before { content: ''; display: block; width:.2rem; height:.2rem; background: no-repeat; background-size: 100% 100%; margin-right: .1rem; } .partners { margin-bottom: .6rem; } .partners_logo { height:auto; overflow: hidden; margin-bottom: .4rem; } .partners_logobox { display: flex; flex-wrap: wrap; width:100%; height:auto; overflow: hidden; } .partners_logo_item { width:2.3333rem; height:1rem; overflow: hidden; } .partners_logo_item a { display: block; width: 100%; height:100%; overflow: hidden; } .partners_logo_item img { display: block; width:100%; height:100%; } .partners p { font-size: .18rem; text-align: center; color:#000; margin-bottom: .3rem; } .partners_link { width:14.6rem; height:auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto;; } .partners_link a { display: inline-block; margin: 0 .3rem .2rem; font-size: .18rem; color:#717171; } .partners_title { width:1.8rem; height:.35rem; border-top: .03rem solid #000; margin: .2rem auto; } .partners_title h2 { width:1.45rem; text-align: center; background: #fff; font-size: .3rem; color:#000; position: relative; top:-.16rem; font-weight: bold; margin: auto; } .findlink_title { width:1.8rem; height:.35rem; border-top: .03rem solid #000; margin: .2rem auto; } .findlink_title h2 { width:1.45rem; text-align: center; background: #fff; font-size: .3rem; color:#000; position: relative; top:-.16rem; font-weight: bold; margin: auto; } @media screen and (max-width: 900px) { .head_nav_cont.maincontent { width:18rem; max-width: 18rem; } .pagetopad { height:1.3rem; margin-bottom: .6rem; } .maincontent { width: 100%; max-width: 18rem; /* margin-bottom: .8rem; */ /* padding-left: .3rem; padding-right: .3rem; */ } .topcont_box { display: block; height: auto; /* overflow: hidden; */ margin-bottom: .8rem; } .topcont_box_main, .topcont_box_side { width:100%; } .laycont_box_main_new { margin-bottom: .6rem; } .topcont_box_main { height:12rem; margin-bottom: .4rem; } .topcont_box_main_banner_lay { height:9rem; margin-bottom: .4rem; } .topcont_box_main_banner_list { height:2.3rem; } .topcont_box_main_banner_list_itm { width:4.35rem; } .topcont_box_main_banner_list_itm_btn { width:1rem; height:1rem; margin-top:-.5rem; margin-left:-.5rem; } .topcont_box_main_banner_maxpic h3 { height:1.8rem; font-size: .8rem; padding-left: .7rem; } .topcont_box_main_banner_maxpic h3 a { font-size: .8rem; } .topcont_box_main_banner_maxpic h3::before { content: ''; display: block; width: .1rem; height: .7rem; background: #e60012; margin-right: .5rem; } .topcont_box_side { padding: .8rem 1rem; } .topcont_box_side h3 { font-size: 1rem; padding-left: 1.5rem; margin-bottom: .6rem; } .topcont_box_side h3::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 1rem; height: 1rem; background: url(/uploads/image/nimage/hot0.jpg) no-repeat; background-size: 100% 100%; } .topcont_box_side_list p { margin-bottom: .8rem; } .topcont_box_side_list p a { font-size: .65rem; width:calc(100% - 0.8rem); } .topcont_box_side_list p:nth-child(1) a, .topcont_box_side_list p:nth-child(2) a, .topcont_box_side_list p:nth-child(3) a { /* margin-right: .6rem; */ width:calc(100% - 1rem); } .topcont_box_side_list p:nth-child(1)::before { content: ''; display: block; width:1rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(2)::before { content: ''; display: block; width:1rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(3)::before { content: ''; display: block; width:1rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(4)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(5)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(6)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(7)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(8)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(9)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .topcont_box_side_list p:nth-child(10)::before { content: ''; display: block; width:.8rem; height:.5rem; background: no-repeat; background-size: auto 100%; } .laycont_box { display: block; } .laycont_box_main, .laycont_box_side { width: 100%; } .laycont_box_main_top { height:2.5rem; margin-bottom: .8rem; } .laycont_box_main_top_item { width:5.5rem; font-size: .8rem; } .laycont_box_main_new_item { height: 3.5rem; margin-bottom: .6rem; } .laycont_box_main_new_item_img { width:5.5rem; } .laycont_box_main_new_item_txt { width:12rem; } .laycont_box_main_new_item_txt h3 { font-size:.8rem; width:100%; overflow: auto; text-overflow: clip; white-space: normal; text-align: justify; line-height: 1.2; } .laycont_box_main_new_item_txt_dis { /* font-size: .65rem; line-height: 1.2; height:1.5rem; */ display:none; } .laycont_box_main_new_item_txt p { font-size: .4rem; } .laycont_box_main_new_itemtxt { height:1rem; } .laycont_box_main_new_itemtxt .laycont_box_main_new_item_txt h3 { width:13rem; } .laycont_box_main_new_itemtxt .laycont_box_main_new_item_txt p { width:3.5rem; } .laycont_box_main_ad { height:2.5rem; margin-bottom: .6rem; } .laycont_box_main_more { margin: 1rem auto; cursor:pointer; width:7rem; padding:.5rem; } .laycont_box_main_more p { font-size: .6rem; cursor:pointer; } .laycont_box_main_more p::before { content: ''; display: block; width: .6rem; height: .6rem; background: url(/uploads/image/nimage/more.jpg) no-repeat; background-size: 100% 100%; margin-right: .2rem; } .laycont_box_main { margin-bottom: .6rem; } .laycont_box_side_item { padding: .7rem 0; margin-bottom: .6rem; } .laycont_box_side_item h3 { font-size: .8rem; margin-bottom: .7rem; } .laycont_box_side_item_top { height: 8rem; margin-bottom: .7rem; } .laycont_box_side_item_top p { padding: .4rem .5rem; font-size: .8rem; } .laycont_box_side_item h3::before { content: ''; display: block; width: 1.6rem; height: .01rem; background: #e60012; position: absolute; left: 0; top: -.71rem; } .laycont_box_side_link { padding-left: .3rem; } .laycont_box_side_link p { margin-bottom: .6rem; } .laycont_box_side_link p a { font-size: .65rem; } .laycont_box_side_link p::before { content: ''; display: block; width: .2rem; height: .2rem; border-radius: 50%; background: #e5e5e5; margin-right: .2rem; } .laycont_box_side_link { margin-bottom: .7rem; } .laycont_box_side_item_bot { height: 10rem; } .laycont_box_main_mod { height: 5.5rem; display: flex; justify-content: space-between; margin-bottom: .6rem; } .laycont_box_main_mod_item { width: 5.5rem; } .laycont_box_main_mod_item a p { width: 3rem; height: 1.2rem; font-size: .6rem; margin-left: -1.5rem; margin-top: -.6rem; } .partners_title, .findlink_title { width: 5rem; height: .7rem; border-top: .05rem solid #000; margin: .5rem auto; } .partners_title h2, .findlink_title h2 { width: 4rem; font-size: .8rem; top: -.5rem; } .findlink_title { margin-top: 1.5rem; } .partners_logo_item { width:6rem; height:3rem; } .partners p { font-size: .8rem; margin: .8rem auto; } .partners_link { width:18.6rem; } .partners_link a { margin: 0 .25rem .6rem; font-size: .6rem; } .swiper-button-next, .swiper-button-prev { display: none; } }