.clearfix{ clear:both; } .fj_wh_tab{ text-align:center; padding:55px 0px; } .fj_tab_href{ display: inline-block; font-size:20px; font-weight:bold; padding:0px 20px; } .fj_wh_banner{ height:480px; background-size:auto 100%; position: relative; } .fj_wh-jb{ background:url(../image/fj-about-banner.png) no-repeat center top; } .fj_wh-kx{ background:url(../image/fj-about-banner.png) no-repeat center top; } .fj_wh-qiye{ background:url(../image/fj-about-banner.png) no-repeat center top; } .fj_wh-ln{ background:url(../image/fj-about-banner.png) no-repeat center top; } .fj_wh-his{ margin-top:60px; background:url(../image/fj-about-banner.png) no-repeat center top; } .fj_wh_banner .wrap{ width:620px; height:320px; position: absolute; right:0px; top:80px; overflow:hidden; color:#fff; padding:40px; } .fj_wh .w1180{ position: relative; height:100%; } .fj_wh_jbjzln .wrap{ /* background: rgba(182,0,12,.9);*/ background: url(../image/fj-pub-bg01.png); } .fj_wh_kxfzzl .wrap{ background: rgba(0,89,178,.9); } .fj_wh_qywhgs .wrap{ /* background: rgba(133,99,90,.9);*/ background: url(../image/fj-pub-bg05.png); } .fj_wh_qylnfz .wrap{ /* background: rgba(198,162,104,.9);*/ background: url(../image/fj-pub-bg03.png); } .fj_wh-his .wrap{ background:rgba(255,255,255,.9); color:#666; } .fj_wh_banner .wrap .title{ font-size:24px; font-weight:bold; padding:10px 0px 10px 0px; } .fj_wh_banner .wrap .desc{ font-size:16px; text-align: justify; line-height: 2; } .fj_wh_cont{ padding-top:120px; text-align:justify; } .fj_wh_cont .items{ padding-bottom:60px; overflow: hidden; } .fj_wh_cont .items:last-child{ padding-bottom:0px; } .fj_wh_cont .items .det{ text-align:justify; } .fj_wh_cont .bigtitle,.fj_wh_cont .subtitle,.fj_wh_cont .maintitle{ margin-bottom:20px; font-weight: bold; color:#333; } .fj_wh_cont .bigtitle{ font-size: 24px; } .fj_wh_cont .subtitle{ font-size: 20px; color: #B6000C; } .fj_wh_cont .maintitle{ font-size: 16px; } .bg-cont{ font-size:16px; background: #F9F6F4; padding:40px 40px; color:#666; margin-bottom:40px; } .defcont{ font-size:16px; text-align: justify; color:#666; margin-bottom:40px; } .maincont .defcont:last-child{ margin-bottom:0px; } .defcont p{ margin-bottom:20px; } .rectitle{ font-size:16px; margin-bottom: 20px; color: #333; } .defcontdet{ color:#666; } .linecont{ background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding:40px; margin-bottom:40px; font-size:16px; color:#666; position: relative; } .linecont .line-span{ position: absolute; color:#B6000C; font-size:120px; left:-30px; top:-30px; line-height: 1; text-align: left; } .reditem{ color:#666; font-size:16px; margin-bottom:40px; } .redtitle .big{ font-size:40px; font-weight:bold; color:#B6000C; } .redtitle{ margin-bottom:20px; color:#85635A; font-weight:bold; } .detlist{ color:#999; margin-bottom:20px; } .detitle{ font-weight:bold; margin-bottom:20px; } .whwrap{ font-size:16px; margin-bottom:80px; } .whwrap-title{ font-size:24px; font-weight:bold; margin-bottom:20px; } .whwrap-desc{ color: #666666; margin-bottom:40px; } .famous{ position: relative; height:475px; overflow:hidden; } .famous .left{ float:left; width:780px; height:470px; background: #FCFAF9 url(../image/fj-culture-corporate-story-sage-bg.png) no-repeat center center; background-size:cover; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding:40px; } .famous .right{ float:right; width:400px; height:470px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; background: url(../image/fj-wh-flower.png) no-repeat 230px 300px; background-size: 300px 300px; } .famous .left .item{ display:none; overflow: hidden; } .famous .left .item:first-child{ display:block; } .famous .left .item .pic{ width:240px; height:320px; float:left; } .famous .left .item .pic img{ width:100%; display: block; } .famous .left .item .det{ padding-left:280px; } .famous .left .item .det .name{ padding:40px 0px 20px 0px; font-size:20px; font-weight: bold; } .famous .left .item .det .desc{ color:#666; line-height: 2; } .famous .right{ padding:70px 40px 0px 40px; } .famous .right .names{ width:90px; height:40px; display:inline-block; line-height:40px; text-align: center; font-size:20px; font-weight: bold; margin:0px 5px 30px 5px; } .famous .right .namesel{ background: #85635A; color:#fff; } .famous .right .namesel:hover{ color:#fff!important; } .bb-swiper{ position: relative; } .bb-swiper-main{ position: relative; height:520px; } .bb-wrap{ height:460px; background:url(../image/lien-nor.png) no-repeat center bottom 20px; background-size:12px auto; } .bb-wrap .pic{ height:320px; } .bb-wrap img{ width:100%; height:100%; } .bb-intro{ box-shadow: inset 0px 4px 0px 0px #E8E8E8; } .bb-wrap .name{ text-align:center; padding:15px 0px; font-weight:bold; font-size:20px; } .bb-sel { background:url(../image/lien-sel.png) no-repeat center bottom 20px; background-size:12px auto; } .bb-sel .name{ color:#85635A; } .bb-line{ height:1px; background:#D9D9D9; position: absolute; bottom:85px; width:1100px; left:40px; } .intro-cont .items{ display:none; } .intro-title{ padding:40px 0px 20px 0px; font-size:20px; font-weight:bold; color:#85635A; } .intro-title span{ color:#333; } .intro-cont .items .wrap .pic{ float:left; padding: 10px 40px 0px 0px; width:500px; } .intro-cont .items .wrap .pic img{ width:100%; } .intro-cont .items .wrap .pic p{ text-align:center; font-size:14px; font-weight:bold; padding:10px 0px; } .swiper-bb-prev,.swiper-bb-next{ top:auto; bottom:63px; } .swiper-bb-prev::after,.swiper-bb-next::after{ background:none; content:''; } .swiper-bb-prev{ left:7px; } .swiper-bb-next{ right:7px; } .swiper-jk-prev,.swiper-jk-next{ top:auto; bottom:10px; } .swiper-jk-prev::after,.swiper-jk-next::after{ background:none; content:''; } .swiper-jk-prev{ left:43%; } .swiper-jk-next{ right:43%; } .bb-swiper i{ font-size:40px; color:#85635A; background:#fff; } .bb-swiper i:hover{ color:#B6000C; } .jk-swiper{ height:100%; } .jk-swiper i{ font-size:64px; color:#fff; } .jk-swiper i:hover{ color:#B6000C; } .jk-swiper i::before{ } .bb-dis i{ color:#ddd; } .fj_wh_cont .items>.leftpic{ width:400px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; float:left; } .fj_wh_cont .items>.leftpic .pics img{ width:100%; } .fj_wh_cont .items>.leftpic .pics{ padding: 20px; } .fj_wh_cont .items .rightcont{ padding-left:440px; } .fj_wh_cont .items>.leftpic .titles{ padding:0px 20px 20px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; text-align:center; color:#333; font-weight:bold; } .img-num::before{ padding-right:8px; color:#666; } .img-num{ position: absolute; right:0px; top:17px; color:#B6000C; } .fj_wh_cont .items:nth-child(even)>.leftpic{ float:right; } .fj_wh_cont .items:nth-child(even) .rightcont{ padding-right:440px; padding-left:0px; } .yichan-top{ padding-bottom:120px; background:url(../image/fj-culture-heritage-workshop-bg.png) no-repeat center 0px; background-size:cover; } .top-title{ padding:60px 0px 30px 0px; font-weight: bold; color: #FFFFFF; font-size: 24px; text-align:center; } .top-tabs{ text-align: center; padding:10px 0px 30px 0px; } .top-tabs-href{ width: 160px; height: 48px; background: #FFFFFF; display: inline-block; text-align: center; line-height:48px; font-size:16px; font-weight: bold; transition: all ease .3s; margin-left:-5px; } .top-tabs-sel{ color:#fff; background:#B6000C; } a.top-tabs-sel:hover{ color:#fff!important; } .top-cont{ height:290px; text-align: justify; color:#fff; overflow: auto; margin-bottom:40px; } .top-wraps{ display:none; } .top-wraps-show{ display:block; } .top-pic{ overflow:hidden; } .mCSB_buttonUp,.mCSB_buttonDown{ display:none; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #EFECEA; width:5px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #C6A268; width:5px; } .top-pic .pics{ width:100%; float:left; height:260px; border:10px solid #fff; background:#fff; display:flex; align-items: center; justify-content: center; background: #EFECEA; } .top-pic .pics img{ max-width:100%; max-height:100%; } .swiper-top-prev0::after,.swiper-top-next0::after,.swiper-top-prev1::after, .swiper-top-next1::after,.swiper-button-prev-in::after,.swiper-button-next-in::after, .swiper-button-next-big::after,.swiper-button-prev-big::after{ content:''; } .swiper-top-next0,.swiper-top-prev0,.swiper-top-next1,.swiper-top-next1, .swiper-top-prev,.swiper-button-next-big,.swiper-button-prev-big, .swiper-button-prev-in,.swiper-button-next-in,.swiper-top-prev1 i,.swiper-top-next1 i{ color:#85635A; transition: all ease .3s; } .swiper-top-next0:hover,.swiper-top-prev0:hover,.swiper-top-next1:hover, .swiper-top-next1:hover,.swiper-top-prev:hover,.swiper-button-next-big:hover, .swiper-button-prev-big:hover,.swiper-button-prev-in:hover,.swiper-button-next-in:hover{ color:#B6000C; } .swiper-button-next-big,.swiper-button-prev-big{ font-size:48px; top:40%; color:#B6000C; } .swiper-button-prev-in,.swiper-button-next-in{ font-size:10px; top:auto; bottom:10px; right:10px; } .top-swiper i{ color:#85635A; } .top-swiper i:hover{ color:#B6000C; } .swiper-top-prev0 i::before,.swiper-top-next0 i::before,.swiper-top-prev1 i::before,.swiper-top-next1 i::before{ font-size:40px; } .yichan-center{ background:url(../image/fj-yc-bg.png) no-repeat center center; background-size:cover; padding-bottom:70px; } .yichan-center .top-title{ color:#333; } .yichan-center .maintitle{ font-size:24px; font-weight:bold; } .yichan-center .tabs{ margin-bottom:40px; display: flex; justify-content: space-between; } .yichan-center .tabs .links{ font-size:18px; margin-right:36px; font-weight:bold; } .yichan-center .tabs .links:last-child{ margin-right:0px; } .yichan-center .sons{ padding-bottom:40px; display:none; position: absolute; left:20px; top:20px; z-index: 10; } .yichan-all{ position: relative; } .son-des{ font-size:17px; font-weight:bold; padding-top:50px; text-align: left; color: #666; } .yichan-center .son-show{ display:block; } .yichan-center .sons-href{ font-size:16px; margin-right:32px; font-weight:bold; } .yichan-center .sons-sel{ color:#fff; background:#B6000C; padding:5px 10px; } .yichan-center .sons-sel:hover{ color:#fff!important; opacity: .8; } .yichan-conts{ height:460px; color:#666; font-size:16px; background:rgba(255,255,255,.8); padding:30px 5px 30px 20px; transition: all ease .3s; } .yichan-conts .list{ display:none; text-align: justify; color:#666; font-size:16px; } .yichan-conts .list:first-child{ display:block; } .link-sel{ color: #B6000C; } .yichan-bot{ background:url(../image/fj-culture-heritage-industry-bg.png) no-repeat center center; background-size:cover; } .yichan-bot .w1180>div{ min-height:560px; color:#fff; } .yichan-bot .left{ width:50%; float:left; } .yichan-bot .right{ padding-left:630px; font-size:16px; background: url(../image/fj-wh-flower.png) no-repeat 850px 400px; background-size: 300px; } .yichan-bot .top{ font-weight: bold; font-size: 24px; padding:20px 0px 20px 0px; } .yichan-bot .cont{ color:#666; } .fj_pp{ background:url(../image/fj-culture-brand-bg.png) no-repeat center 120px; background-size:cover; } .pp-titles{ color:#fff; font-size: 32px; font-weight: bold; text-align: center; padding:110px 0px 30px 0px; font-family: HYCuSongJ!important; } .pp-top .items{ color:#fff; overflow: visible; padding-bottom:20px; } .pp-top .conts{ padding-left:12px; font-size:16px; padding-bottom:80px; background:url(../image/fj-culture-brand-tab-pic.png) no-repeat left bottom; background-size:28px auto; } .pp-top .wraps{ border-left: 1px dashed #C6A268; padding-left:45px; position: relative; padding-bottom:70px; } .pp-top .title,.pp-top .desc{ width:630px; } .pp-top .title{ font-size:24px; font-weight:bold; background:url(../image/fj-culture-brand-tab-point.png) no-repeat left 10px; background-size:24px 24px; padding-left:57px; position: relative; left:-57px; padding-bottom:20px; cursor:pointer; font-family: HYCuSongJ!important; } .pp-top .item-sel .title{ color:#C6A268; } .pp-top .wraps .pic{ position: absolute; right:0px; top:0px; display:none; text-align:right; height:300px; background: linear-gradient(180deg, #987549 0%, #C9AD80 100%); width:450px; } .pp-top .wraps .pic img{ max-width: 100%; max-height: 260px; } .pp-top .wraps .pic .out{ width:100%; height:300px; display: table; } .pp-top .wraps .pic .in{ width:100%; height:300px; display: table-cell; padding:20px; vertical-align: middle; text-align: center; } .pp-top .wraps .desc{ display:none; line-height: 2; } .pp-wl{ font-size:16px; color:#fff; } .pp-wl .pic{ text-align: center; padding-top:40px; } .pp-wl .desc{ width:880px; margin:0 auto; } .yichan-pad{ padding-top:140px; } .pp-wl .pic img{ width:785px; } .pp-jz{ color:#fff; font-size:16px; padding-top:360px; position: relative; } .pp-jz .intro{ color: #C6A268; font-size:32px; text-align:Center; margin-bottom:60px; font-weight:bold; } .pp-jz .desc{ margin:0 auto; width:860px; } .pp-jz .conts{ padding-top:280px; } .pp-jz .item{ overflow:hidden; margin-bottom:80px; } .pp-sp-title{ height:460px; position: absolute; width:100%; background:url(../image/fj-num-six-bg.png) no-repeat center center; background-size: auto 460px; top:120px; } .pp-jz .item .wenben,.pp-sm-item .wenben{ width:640px; float:left; } .pp-jz .item .pic,.pp-sm-item .pic{ width:460px; float:left; height:305px; float:right; } .pp-sm-item{ margin-bottom:80px; color:#fff; } .pp-sm-item .title{ font-weight: 800; color: #FFFFFF; font-size:32px; padding:40px 0px 20px 0px; font-family: HYCuSongJ!important; } .pp-sm-item .subtitle{ font-size:24px; color: #C6A268; font-weight:bold; padding-bottom:20px; } .pp-sm-item .desc{ font-size:16px; line-height:2; } .pp-jz .item:nth-child(even) .wenben,.pp-sm-item:nth-child(even) .wenben{ float:right; } .pp-jz .item:nth-child(even) .pic,.pp-sm-item:nth-child(even) .pic{ float:left; } .pic-out{ width:460px; height:305px; display: table; background: linear-gradient(180deg, #987549 0%, #C9AD80 100%); } .pic-in{ width:100%; height:305px; display: table-cell; text-align: center; vertical-align: middle; padding:20px; } .pic-in img{ max-width: 100%; max-height:260px; } .pp-jz .item .wenben .title{ padding:40px 0px 20px 0px; font-size: 24px; font-weight:bold; font-family: HYCuSongJ!important; } .pp-jz .item .wenben .desc{ text-align: justify; font-size:16px; width:640px; } .pp-jz .item .wenben .desc span{ font-size:24px; font-weight:bold; } .pp-sm-other-title{ font-size:32px; font-weight:bold; margin-bottom:20px; font-family: HYCuSongJ!important; } .pp-sm-other{ color:#fff; } .pp-sm-other-main .title{ color: #C6A268; font-size:24px; font-weight:bold; margin-bottom:20px; } .pp-sm-other-main{ overflow:hidden; font-size:16px; } .pp-sm-other-main .item{ width:50%; float:left; border-right:1px dashed #C6A268; } .pp-sm-other-main .item .desc{ height:130px; overflow:hidden; } .pp-sm-other-main .item .pic{ width:460px; height:305px; padding:20px; background: linear-gradient(180deg, #987549 0%, #C9AD80 100%); } .pp-sm-other-main .item .pic .out{ width:420px; height:265px; display: table; } .pp-sm-other-main .item .pic .in{ width:420px; height:265px; display: table-cell; text-align: center; vertical-align: middle; } .pp-sm-other-main .item .pic img{ max-width: 100%; max-height:100%; } .pp-sm-other-main .item:last-child{ border:none; } .pp-sm-other-main .item:nth-child(odd){ padding-right:130px; } .pp-sm-other-main .item:nth-child(even){ padding-left:130px; } .pp-jk .swipers{ height:360px; } .pp-jk .intro{ font-size: 24px; font-weight: 800; text-align:center; margin-bottom:20px; color: #C6A268; } .pp-jk .desc{ color:#fff; font-size:16px; line-height:2; width:860px; margin:0px auto 40px; } .jk-swiper .pics{ height:250px; padding:16px; background: linear-gradient(180deg, #987549 0%, #C9AD80 100%); } .jk-swiper .pics img{ width:100%; height:100%; } .pp-qh .conts{ color:#fff; font-size:16px; overflow:hidden; } .pp-qh .items{ float:left; width:33.3%; padding:0px 40px; min-height:195px; border-right: 1px dashed #C6A268; } .pp-qh{ padding-bottom:130px; } .pp-qh .items:last-child{ border:none; } .pp-qh .titles{ font-size: 24px; font-weight:bold; margin-bottom:20px; } .fj_wh_cont .items:last-child .titles{ font-family: Impact!important; } .pp-qh .desc{ line-height:2; } #spe{ position: relative; top:-40px; } .history{ position: relative; font-size:16px; } .history .left{ position: absolute; left:calc((100% - 1280px)/2 ); top:160px; padding-bottom:40px; border-right:1px dashed #e8e8e8; transition: all ease .5s; } .history .left-mob{ display:none; } .history .right{ padding-left:390px; } .history .main{ border-left:1px solid #e8e8e8; padding-bottom:40px; } .history .item .ico{ position: absolute; width: 12px; height: 12px; background: #EFECEA; border-radius:50%; left:-6px; top:40px; } .history .item:first-child .ico{ top:0px; } .history .item{ position: relative; box-shadow: inset 0px -1px 0px 0px #F6F6F6; padding-bottom:20px; } .history .item .name{ position: absolute; left:-180px; top:28px; width: 160px; font-size: 24px; font-weight: bold; color: #B6000C; line-height:1.5; font-family: Impact!important; text-align: right; } .history .item .list{ padding-left:50px; } .history .item .desc{ padding:40px 0px 20px 0px; text-align: justify; color:#666; } .history .item .pic{ overflow:hidden; display: flex; justify-content: center; } .history .item .pic-item{ width: 320px; height: 266px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding:20px; margin:0px 20px 20px 0px; cursor:pointer; } .history .item .pic-item .son{ display:none; } .history .item .img{ width:100%; height:186px; text-align: center; } .history .item .img .img-in{ display: table-cell; width:278px; height:186px; vertical-align: middle; text-align: center; background:#EFECEA; } .history .item .img img{ max-width:100%; max-height:100%; } .history .item .title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; font-weight:bold; padding:20px 10px 20px 0px; text-align: left; position: relative; } .history .swiper-slide{ height:60px; position: relative; } .his-swiper{ height:420px; width:170px; position: relative; right:-6px; } .his-swiper .ico{ transition:all ease .3s; width:8px; height:8px; border-radius:50%; position: absolute; right:1px; z-index:100; background: #999999; top:10px; } .his-swiper .age-sel .ico{ width: 12px; height: 12px; background: #E50113; right:0px; } .his-swiper .age a{ font-size:16px; font-weight:bold; display: inline-block; text-align: right; width:80%; font-family: Impact!important; transition: all ease.3s; } .his-swiper .age-sel a{ font-size:19px; font-weight:bold; color:#B6000C; } .his-swiper .num a{ font-size:24px; } .swiper-his-prev,.swiper-his-next{ top:auto; bottom:0px; } .swiper-his-prev{ transform: rotate(90deg); left:0px; } .swiper-his-next{ transform: rotate(90deg); right:0px; } .swiper-his-prev::after,.swiper-his-next::after{ content:''; } .history .left i{ font-size:24px; color:#666; } .history .left .his-dis i{ color:#eee; } .fj-rmt{ display:flex; justify-content: space-between; } .rmt-item{ width:240px; flex: 0 0 auto; } .rmt-item .pic{ height:240px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .rmt-item .pic img{ width:100%; height:100%; } .rmt-item .title{ color: #666666; font-weight:bold; text-align: center; font-size: 16px; padding:20px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fj-mask{ position: fixed; background: rgba(0,0,0,0.6); width:100%; height:100%; z-index:1000; display:none; top:0px; } .fj-swiper-open{ width: 720px; height: 580px; background: #FFFFFF; position: fixed; left:50%; top:50%; margin-left:-360px; margin-top:-290px; z-index:1001; padding: 10px; display:none; } .fj-open-close{ background: rgba(0,0,0,.6); border-radius: 100%; color: #fff; cursor: pointer; font-size: 28px; height: 40px; line-height: 35px; position: absolute; right: -4vw; text-align: center; top: -25px; width: 40px; z-index: 10000; } .fj-swiper-open-main{ height: 100%; overflow: hidden; } .fj-swiper-open-main .items{ height: 100%; width: 100%; } .fj-swiper-open-main .items .pic{ display: table; height: 468px; width: 100%; } .fj-swiper-open-main .items .pic-in{ background: #EFECEA; display: table-cell; height: 468px; text-align: center; vertical-align: middle; width: 100%; } .fj-swiper-open-main .items .pic-in img{ max-width:100%; max-height:100%; } .fj-swiper-open-main .items .title{ padding:20px 20px 20px 55px; font-size:20px; font-weight: bold; line-height:1.5; height:80px; overflow:hidden; } .fj-swiper-open .swiper-wh-pagination{ background: #fff; left: 20px; text-align: left; top: 498px; width: auto; font-family: Impact!important; } .fj-swiper-open .swiper-wh-pagination .swiper-pagination-current{ color: #B6000C; font-size: 20px; font-weight: 700; } .gy-swiper-sm .swiper-pagination .swiper-pagination-total,.gy-swiper-sm .swiper-pagination{ color:#333; } .swiper-open-prev::after,.swiper-open-next::after{ background:none; content:''; } .swiper-open-prev{ left:-60px; } .swiper-open-next{ right:-60px; } .fj-swiper-open i{ font-size:36px; color:#666; } .fj-swiper-open i::before{ background:#fff; border-radius:50%; } .fj-swiper-open i:hover{ font-size:36px; color:#fff; } .fj-swiper-open i:hover::before{ background:#f52c17; } .fj_tab_sel{ color: #B6000C; } .gy-title{ text-align:center; padding:60px 0px 30px 0px; font-weight:bold; font-size: 24px; } .gy-item{ justify-content: space-between; display: flex; } .gy-pic{ width:540px; height:420px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; flex:0 0 auto; } .pic-main{ width:540px; height:420px; padding:10px; } .pic-main .pic{ height:350px; align-items: center; display: flex; width: 100%; justify-content: center; background:#EFECEA; } .pic-main .pic img{ max-width:100%; max-height:100%; } .pic-main .text{ height:50px; line-height:50px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-weight: bold; padding-left:65px; padding-right:50px; font-size:16px; color:#333; } .gy-swiper-sm .swiper-pagination{ bottom:20px; left:20px; text-align:left; font-size:14px; font-weight:bold; } .gy-swiper-sm .swiper-pagination .swiper-pagination-current{ font-weight:bold; color:#B6000C; font-size:20px; } .gy-wenben{ width:480px; height:420px; padding:10px; } .gy-in-title{ height:60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; font-weight: bold; line-height:1; } .gy-desc{ height:330px; overflow:auto; line-height: 2; text-align: justify; } .gy-bot-main .pic{ border: 1px solid #E8E8E8; height: 107px; background:#fff; padding:5px; margin-bottom:10px; transition: all ease .3s; } .gy-swiper-thum{ padding:10px 10px; } .swiper-slide-thumb-active .gy-bot-main .pic{ transform: scale(1.1); box-shadow: 0px 0px 5px rgba(0,0,0,.7); } .swiper-slide-thumb-active .gy-bot-main .text{ } .gy-bot-main .pic img{ width:100%; height:100%; } .gy-bot-main .text{ text-align:Center; font-size:16px; font-weight:bold; color:#fff; } .gy-swiper-top{ margin-bottom:40px; padding:0px 50px 0px 62px; } .gy-swiper-bot{ padding:0px 55px; position: relative; margin-bottom:40px; } .gy-main{ padding-bottom:80px; } .fj-nopad{ padding-bottom:0px; } @media screen and (max-width:750px){ } /* max-width:750px end */