@media screen and (max-width:1180px){ .famous .left{ width:66%; } .famous .right{ width:34%; padding:30px 20px 0; } .famous .right .names{ width:64px; line-height:36px; line-height:36px; font-size:16px; margin:0 5px 12px; } .famous .left .item .pic{ height:auto; width:44%; } .famous .left .item .det{ padding-left:48% } .famous .left .item .pic img{ height:auto; } .bb-wrap .pic{ height:0; padding-bottom:145.58%; position:relative; } .bb-wrap{ height:380px; } .bb-swiper-main{ height:440px; } .bb-wrap img{ position:absolute; } .fj_wh_cont .items>.leftpic{ width:40%; } .fj_wh_cont .items .rightcont,.fj_wh_cont .items:nth-child(even) .rightcont{ padding-left:43%; } .fj_wh_cont .items:nth-child(even) .rightcont{ padding-left: 0; padding-right: 43%; } .fj_wh_cont .bigtitle{ font-size:18px; margin-bottom:10px; } .fj_wh_cont .subtitle{ font-size:16px; margin-bottom:10px; } .items .defcont{ font-size:14px; } .fj_wh_cont .items{ padding-bottom:20px; } .fj_whycBox{ padding:0; } .fj_yichan .yichan-top { padding:0 16px; } .top-pic .pics{ height:46vw; display:flex; align-items: center; justify-content: center; background: #fbfbfb; } .top-pic .pics img{ max-width: 100%; max-height: 100%; } .yichan-center .tabs{text-align:Center;display: block;} .yichan-center .tabs .links{ font-size:14px; display:inline-block; margin:10px 10px;} .yichan-bot{ padding:0 16px; } .yichan-bot .left{ width:100%; height:60.66vw; min-height:auto!important; margin-bottom:20px; } .yichan-bot .right{ min-height:auto!important; padding:0; margin-top:20px; } .fj_wh .fj_yichan{ background-position:center top!important; background-size:auto 560px!important; margin-top:30px; } .fj_wh .fj_yichan .top-title { padding:55px 0 10px 0; font-size:16px; } .yichan-center .yichan-conts { background:#fff; padding: 20px 15px 0px 15px; } .fj_whycBox .fj_yichan{ padding-top:30px; } .yichan-center .yichan-pad{ padding-top:140px; } .fj_whycBox .fj_yichan .top-title { padding:20px 0 10px; } .yichan-center { padding:60px 16px; } .fj_pp{ padding-top:60px; } .fj_ppwhBox{ padding:0; } .fj_ppwhBox .fj_pp{ padding:0 16px; } .fj_ppwhBox .pp-titles{ padding:120px 0 20px; } .fj_ppwhBox .fj_pp{ background-position: center top; margin-top:60px; } .fj_ppwhBox .pp-top .wraps .pic,.pp-jz .item .pic, .pp-sm-item .pic { width:40%; height:auto; } .fj_ppwhBox .pp-top .title, .pp-top .desc,.pp-jz .item .wenben, .pp-sm-item .wenben{ width:50% } .pp-jz .item .wenben .desc{ width:100%; } .yichan-center .sons-href{ font-size:14px; margin-right:10px; display: inline-block; } .gy-pic,.gy-wenben{ margin:0 auto; } .gy-wenben{ width:550px; } .fj_wh_banner .wrap{ bottom:40px; top:auto; right:5%; } /* 姹鹃厭鏂囧寲 鍝佺墝鏂囧寲 max-width:1180px */ .pp-wl .pic img{ width:100%; } .pic-out{ width:100%; } .jk-swiper .pics{ display: flex; align-items: center; justify-content: center; height:20vw; padding:12px; } .jk-swiper .pics img{ max-width: 100%; max-height: 100%; width:auto; height:auto; } .pp-sm-other-main .item:nth-child(odd){ padding-right:30px; } .pp-sm-other-main .item:nth-child(even){ padding-left:30px; } .pp-sm-other-main .item .desc{ margin-bottom:20px; height:auto; } .pp-sm-other-main .item .pic{ width:100%; height:20vw; } .pp-sm-other-main .item .pic .out{ width:100%; display:block; height:100%; } .pp-sm-other-main .item .pic .in{ width:100%; height:100%; display: flex; align-items: center; justify-content: center; } .history .left{ left:30px; } .fj_wh_cont .maintitle{ font-size: 16px; } .yichan-center .sons{ text-align:Center; } .gy-item{ display:block; } .gy-swiper-thum .swiper-slide { width:144px; } /* 姹鹃厭鏂囧寲 鍝佺墝鏂囧寲 max-width:1180px end */ } /* max-width:1180px end */ @media screen and (max-width:960px){ .history .item .name{ font-size:18px; } .history .right{ padding-left: 320px; } .history .item .list{ padding-left: 40px; } } /* max-width:750px */ @media screen and (max-width:750px){ .left-pc{ display:none; } .history .left-mob{ display:block; } .fj_wh_cont .subtitle,.fj_wh_cont .maintitle,.defcont{ font-size:14px; } /* 姹鹃厭鏂囧寲 */ .fj_wh_cont .maintitle{ font-size: 16px; } .yichan-center .yichan-conts{ padding:20px 5px 20px 15px; position: relative; } .fj_wh_tab{ padding:30px 0 40px; } .fj_wh_banner{ height:240px; padding:0 16px; background-size:auto 100%!important;} .fj_wh_banner .wrap{ width:100%; padding:30px 10px; height: auto; min-height:260px; } .fj_wh_banner .wrap .desc{ font-size:14px; } .fj_wh_banner .wrap .title{ font-size:16px; } .fj_wh_cont{ padding:46vw 16px 0; } .fj_wh .fj_wh_cont{ padding:0; } .bg-cont{ padding:20px; margin-bottom:20px; } .fj_wh_cont .bigtitle{ font-size:16px; } .fj_wh_cont .items{ padding-bottom:40px; } .fj_wh_cont .bigtitle, .fj_wh_cont .subtitle, .fj_wh_cont .maintitle, .rectitle{ margin-bottom:10px; } .defcont{ margin-bottom:20px; } .famous{ height:auto; } .famous .left{ width:100%; height: auto; min-height:50vw; padding:20px; } .famous .left .item .pic{ width:35.08%; height:0; padding-bottom:46.78%; position:relative; } .famous .left .item .pic .img{ position:absolute; top:0; left:0; } .famous .left .item .det{ padding-left:43.4%; } .famous .left .item .det .name{ padding:20px 0 4px; font-size:16px; } .famous .left .item .det .desc{ font-size:14px; } .famous .right{ width:100%; padding: 36px 26px 0; height:auto; } .famous .right .names{ height:32px; line-height:32px; font-size:16px; width:30%; margin:0 1% 20px; } .bb-wrap .pic{ height:0; padding-bottom:145.58%; position:relative; } .bb-wrap .pic img{ position:absolute; top:0; left:0; } .bb-swiper-main{ height:72.6vw; } .intro-cont .items .wrap .pic{ padding:0; width:100%; } .bb-wrap{ height:64vw; } .famous .left .item .pic img{ position:absolute; left:0; top:0; } .fj_wh_cont .items>.leftpic{ width:100%; margin-bottom:20px; } .fj_wh_cont .items>.leftpic .titles{ width:100%; padding-left:20px;} .fj_wh_cont .items .rightcont,.fj_wh_cont .items:nth-child(even) .rightcont{ padding: 20px 0 0; width:100%; } .yichan-top .top-pic{ width:74.66vw; margin:0 auto; overflow:inherit; } .yichan-top .top-pic .swiper-container { overflow:inherit; } .top-pic .pics{ height:46vw; display:flex; align-items: center; justify-content: center; background: #fbfbfb; } .top-pic .pics img{ max-width: 100%; max-height: 100%; } .fj_wh_banner .wrap{ right:auto; top:80px; bottom:auto; } .yichan-top .top-pic .swiper-button-next, .yichan-top .top-pic .swiper-button-prev { top:auto; bottom:-50px; } .yichan-top .top-pic .swiper-button-prev{ left: calc(50% - 50px); } .yichan-top .top-pic .swiper-button-next{ right: calc(50% - 50px); } .fj_yichan .yichan-top { padding:0 16px 80px;background-position:center 0px; } .history .left-pic{ left:30px; } .yichan-center .sons-href{ font-size:12px; margin-right:15px; margin-bottom:10px; display: inline-block; } .son-des{ margin-top:0px; font-size:14px; color:#333; padding-top:0px; } /* 姹鹃厭鏂囧寲 end */ /* 姹鹃厭鏂囧寲 鍝佺墝鏂囧寲 max-width:750px */ /**********铻嶅獟浣撻〉闈?****************/ .fj-rmt{ display:block; } .rmt-item{ margin:0 auto; } /**********铻嶅獟浣撻〉闈nd*****************/ .fj_ContainerMap{ padding-top:0px; } .fj_ppwhBox .pp-top .title, .pp-top .desc, .pp-jz .item .wenben, .pp-sm-item .wenben{ width:100%; margin-bottom:20px; } .fj_ppwhBox .pp-top .wraps .pic, .pp-jz .item .pic, .pp-sm-item .pic{ width:100%; } .pp-top .wraps .pic{ position: static; } .pp-top .conts{ padding:0px 20px; background: url(../image/fj-culture-brand-tab-pic.png) no-repeat 6px bottom; background-size: 28px auto; } .pp-wl,.pp-sm-cat,.pp-jk{ padding:0px 16px; } .pp-wl .desc{ width:100%; } .pp-jz{ padding:50px 30px 0px 30px; } .pp-sm-other-main .item .pic{ height:60vw; } .pp-sm-other-main .item{ width:100%; } .pp-sm-other-main .item{ border:none; } .pp-sm-other-main .item:nth-child(odd){ padding:0px; } .pp-sm-other-main .item:nth-child(even){ padding:0px; } .pp-qh .conts .items{ width:100%; padding-bottom:20px; margin-bottom: 20px; border-right:none; border-bottom:1px dashed #C6A268; } .pp-qh .conts .items:last-child{ border:none; } .swiper-jk-next{ right:36%; } .swiper-jk-prev{ left:36%; } .pp-jk .desc,.pp-jz .desc{ width:100%; } .pp-qh{ padding-bottom:20px; } .pp-sm-other-main .item{ margin-bottom:40px; } .history .right{ padding-left:0px; } .history{ padding-top:15vh; } .history .item .ico{ display: none; } .history .item .list{ padding-left:0px; } .history .item .name{ position: static; width:100%; text-align:left; } .history .item .name br{ display:none; } .history .item{ box-shadow:none; } .history .main{ border:none; } .history .item .pic-item{ width:100%; margin: 0px 10px 10px 0px; } .fj-swiper-open{ width:90%; left:5%; margin-left:0px; height:70vw; z-index:10000; margin-top: -145px; } .fj-swiper-open .swiper-wh-pagination{ top:58vw; } .fj-swiper-open-main .items .title{ padding: 8px 20px 10px 75px; } .fj-open-close{ right:-20px; } .fj-swiper-open-main .items{ height:85%; } .fj-swiper-open-main .items .pic{ display: block; height:100%; } .fj-swiper-open-main .items .pic-in{ display: block; height:100%; display: flex; align-items: center; justify-content: center; } .history .item .pic-item{ height:75vw; padding:10px; } .history .item .img{ height:60vw; } .history .item .title{ font-size:14px; } .img-num{ top:6px; } .history .item .img .img-in{ display: flex; height:100%; width:100%; align-items: center; justify-content: center; } .history .item .title{ padding:7px 10px 7px 0px; } .his-swiper-mob .swiper-slide{ width:auto; } .his-swiper-mob .age-href br{ display:none; } .his-swiper-mob .age-href{ font-size:14px; font-weight:bold; color:#333; line-height:60px; } .age-sel .age-href{ color:#B6000C; } .his-swiper-fixed{ position: fixed; width:100%; left:0px; top:60px; } .history .left-mob{ position: static; left:0px; border:none; } .history .left-mob-sel{ background:#fff; top:60px; width:100%; padding:20px 0px; position: fixed; z-index: 100; border-bottom:1px solid #eee; } .his-swiper-mob{ border-top: 1px solid #E8E8E8; overflow: visible; } .his-swiper-mob .ico{ width: 20px; height: 20px; position: absolute; background: red; left: 50%; margin-left: -10px; top: -10px; z-index: 100; background: #999999; border-radius:50%; } .his-swiper-mob .age-sel .ico{ width: 24px; height: 24px; background: #E50113; margin-left: -12px; top:-12px; } .pp-jk .swipers{ height:55vw; } .fj_wh_jbjz{ padding: 55vw 16px 0!important; } .linecont .line-span{ left:0px; } .pp-sp-title{ background: url(../image/fj-num-six-bg.png) no-repeat center center; background-size: contain; left:0px; position: static; height:auto; } .jk-swiper .swiper-slide{ width:56vw; } .jk-swiper .pics{ display: flex; align-items: center; justify-content: center; height:37vw; padding:12px; } .pp-jz .conts{ padding-top:140px; } .gy-swiper-thum .swiper-slide { width:144px; } .gy-bot-main{ width:100%; } .pic-main,.gy-pic{ width:100%; } .pic-main,.gy-pic{ height:71vw; } .pic-main .pic{ height:calc(71vw - 80px ); } .yichan-center{ margin-bottom:50px; } .swiper-button-next-big, .swiper-button-prev-big{ display:none; } .yichan-bot .swiper-button-next-big, .yichan-bot .swiper-button-prev-big { display:block; font-size:32px; bottom:-26px; line-height: 1; top:auto; } .yichan-bot .swiper-button-next-big{ right: 36%; } .yichan-bot .swiper-button-prev-big{ left: 36%; } .gy-swiper-bot{ padding:0px 0px; } .gy-bot-main .pic{ height:75px; } .pic-main .text{ height:70px; line-height:70px; } .gy-item{ display:block; } .gy-wenben{ width:100%; height:auto; } .gy-desc{ height:120px; } .gy-bot-main .text{ font-size:12px; } .gy-swiper-sm .swiper-pagination { bottom: 20px; left: 0px; text-align: left; font-size: 14px; font-weight: bold; width: 85px; background: #fff; padding-left: 20px; } .swiper-button-prev-in, .swiper-button-next-in{ font-size:10px; } .gy-title{ padding-bottom:30px; } .gy-in-title{ padding-top:20px; height:70px; } .fj_container{ padding-bottom:60px; } .top-tabs-href{ width:130px; height:40px; line-height:40px; font-size:14px; } .gy-swiper-top{ padding:0px 10px; } .yichan-center .yichan-pad{ padding-top:140px; } /* 姹鹃厭鏂囧寲 鍝佺墝鏂囧寲 max-width:750px end */ } /* max-width:750px end */ @media screen and (max-width:500px){ .history { padding-top: 28vh; } .yichan-center .sons{ } .gy-bot-main{ width:100%; } } @media screen and (max-width:400px){ .history { padding-top: 35vh; } } @media screen and (max-width:380px){ .history { padding-top: 45vh; } }