@font-face { font-family: 'Impact'; src:url(../font/Impact.ttf); } @font-face { font-family: 'HYCuSongJ'; src:url(../font/HYCuSongJ.ttf); } body.ovActive{ width:100%; height:100vh; overflow:hidden; } .fj_animation{} .jp-mask{ z-index:300; } .jp-video-open{ z-index:301; } .fjzhiti{ font-family: Impact!important;} .fjBg1{background: url(../image/fj-pub-bg01.png);} .fjBg2{background: url(../image/fj-pub-bg02.png);} .fjBg3{background: url(../image/fj-pub-bg03.png);} .fjBg4{background: url(../image/fj-pub-bg04.png);} .indexCultureBg0 {background: url(../image/fj-pub-bg01.png)} .indexCultureBg1 {background: url(../image/fj-pub-bg03.png)} .indexCultureBg2 {background: url(../image/fj-pub-bg04.png)} .indexCultureBg3 {background: url(../image/fj-pub-bg05.png)} * a:hover{ color:#b6000c!important; } .scrollbot-scrollbar-holder{background-color:#EFECEA!important;} .scrollbot-scrollbar{ background-color:#C6A268!important; } .scrollbot-outer-parent{ z-index:20!important; } .z-page{ margin-top:20px; } .z-page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{ background: #fff; padding:6px 16px; border-color:#d9d9d9; } .mCSB_scrollTools .mCSB_draggerRail{background-color: #EFECEA!important; width: 5px!important;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #C6A268!important;width: 5px!important; } .z-page .crc-pub-page-text{ height:39px; } .z-page .crc-pub-page-sel { border:1px solid #B6000C; background:#B6000C; color:#fff!important; } .z-page .crc-pub-page-enter,.z-page .crc-pub-page-enter:hover,.z-page .crc-pub-page-next:hover { color:#fff!important; background:#B6000C; } .z-page .crc-pub-page-num:hover { border-color:#B6000C!important; background: #B6000C; color:#fff!important; } .ts{ transition:all ease 0.4s; -webkit-transition:all ease 0.4s; -o-transition:all ease 0.4s; -moz-transition:all ease 0.4s; } .ts1{ transition:all ease 1s; -webkit-transition:all ease 1s; -o-transition:all ease 1s; -moz-transition:all ease 1s; } .oneRow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .iBox{ display:inline-block; overflow:hidden; } .testBg{ background: #666; } .w1200{ width: 1200px; margin: 0 auto; } .dfcl{ color: #B6000C; } body,html{ width: 100%; overflow-x:hidden; } .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .fj_containerDtBg{ background-repeat:no-repeat; background-position:right top; background-size: auto 200px; } .fj_container{ padding-bottom: 120px; } .fj_container_xs{} .pc_navBox{ position:fixed; z-index:-100; width:100%; height:100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; transition: all ease 0.4s; } .pc_navBox_show{ z-index:300; opacity:1; } .fjpupBox{ width:100%; height:100%; background:rgba(0,0,0,0.4) } .fj_navBox_in{ background-color:#fff; width:600px; padding:0 40px; height: 100vh; position: fixed; top: 0; right: 0; transform: translateX(600px); transition: all ease 0.4s; opacity: 0; } .pc_navBox_show .fj_navBox_in{ transform: translateX(0); opacity:1; background-repeat:no-repeat; background-position:right top; background-size: auto 200px; } .fj_navBox_in .fj_navBoxCloseBtn{ text-align:right; padding-top:10px; } .fj_navBox_in .fj_navBoxCloseBtn i{ font-size:32px; color:#b6000c; cursor:pointer; } .fj_navBox_in .fj_navBoxCloseBtn i:hover{ color:#a3000a; } .fj_navBox_in .fj_navBoxList{ margin-top:6vh; } .fj_navBox_in .fj_navBoxList .fj_nav_item{ box-shadow: inset 0px -1px 0px 0px #F6F6F6; margin-top:20px; } .fj_navBox_in .fj_navBoxList .fj_nav_item h4{ font-size:16px; font-weight:bold; } .fj_navBox_in .fj_navBoxList .fj_nav_item ul{ overflow:hidden; padding:10px 0 20px; } .fj_navBox_in .fj_navBoxList .fj_nav_item ul li{ float:left; margin-top:10px; margin-right:30px; } .fj_navBox_in .fj_navBoxList .fj_nav_item ul li a{ color:#666; } .pt60{ padding-top: 60px; } .fullImg{ display: flex!important; justify-content: center; align-items: center; } .fullImg img{ max-width: 100%; max-height:100%; } .w1180{ width: 1180px; margin: 0 auto; } .fj_top{ height: 48px; } .fj_topNav_in{ height: 80px; text-align:right; } .fj_topNav_in .nav_list { display:inline-block; } .fj_topNav .fj_top { float: right; } .fj_topNav .fj_top .top_li{ float:left; margin-left:20px; line-height: 48px; cursor: pointer; } .fj_topNav .fj_top .gf_link a{ margin-left:20px; color:#fff; } .fj_header_pg .fj_topNav .fj_top .gf_link a { color:#333; } .fj_topNav .fj_top .enlg i{ font-size:12px; color: #666; display: inline-block; transform: scale(0.5); vertical-align: middle; } .fj_topNav .fj_top .fj_search { font-size:16px; } .fj_topNav .fj_top .fj_search:hover{ color:#B6000C; } .fj_topNav .fj_top .top_li.moreNav{ background: #B6000C; width: 32px; height: 32px; line-height: 32px; text-align: center; margin-top: 8px; } .fj_topNav .fj_top .top_li.moreNav:hover{ background:#a3000a; } .fj_topNav .fj_top .top_li.moreNav i{ font-size:16px; color:#fff; display: block; height: 100%; } .body_b { position: fixed; left: 0%; top: 100%; bottom: 0; right: 0; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 1; overflow: auto; outline: none; } .body_b.showdiv{ top: 0; } .body_home .fj_topNav .fj_top .fj_search{ color:#fff; } .body_home .bb { position: absolute; left: 50%; bottom: 62px; z-index: 0; text-align: center; transform: translateX(-50%); color: #94070a; font-size: 36px; cursor: pointer; opacity: 0; font-family: icon; padding: 0 10px; animation: bb 2s linear 0s infinite; font-weight: bold; opacity: 0; } .body_home .fj_header,.fj_header.fj_header_pg { -webkit-transform: translateY(-48px); transform: translateY(-48px); position: fixed; left: 0%; top: 0; right: 0%; z-index: 106; transition: all 0.7s ease-out 0s; background: #fff; } .fj_header.fj_header_pg.showdiv{ -webkit-transform: translateY(0px); transform: translateY(0px); box-shadow: 0 0 10px rgb(0 0 0 / 15%); transition: all 0.4s ease; -webkit- transition: all 0.4s ease; position: fixed; left: 0%; top: 0; right: 0%; z-index: 106; transition: all 0.7s ease-out 0s; background: #fff; } .body_home.showdiv .fj_header{ box-shadow:none; } .body_home.showdiv .fj_header{ -webkit-transform: translateY(0px); transform: translateY(0px); background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); } .fj_header .logo { left: 0; bottom: 15px; height: 50px; } .fj_header .logo img{ height: 100%; } .fj_listBanner{ height: 480px; background: #f0f0f0; width: 100%; overflow:hidden; margin-top:120px; } .fj_listBanner img{ height:100%; } .fj_listBanner .fj_listBannerOutBox{ top:0; width:100%; height:100%; z-index:1; } .fj_listBanner .fj_listBanner_in{ height:100%; } .fj_listBanner .fj_bannerNav{ width:420px; top:50%; } .fj_listBanner .fj_bannerNav .NavTitle{ font-size: 32px; font-weight: bold; color: #FFFFFF; line-height: 40px; } .fj_listBanner .fj_bannerNav ul{ padding-top:10px; } .fj_listBanner .fj_bannerNav ul li{ float:left; width:33.33%; margin-top:24px; } .fj_listBanner .fj_bannerNav ul li a{ font-size: 18px; font-weight: bold; color: #E0999D; line-height: 28px; } .fj_listBanner .fj_bannerNav ul li.active a,.fj_listBanner .fj_bannerNav ul li a:hover{ color:#fff!important; } .fj_listBanner .listBanner { background-size:cover!important; } .fj_nav{ height: 60px; background: #F9F6F4; } .nav_list{ margin-left: 60px; } .nav_list a.fj_nav_1{ transition: all ease 0.2s; line-height: 80px; height: 80px; font-size:16px; font-weight: bold; display: block; } .body_home.showdiv .nav_list a.fj_nav_1{color: #fff; border:none;} .nav_list a.fj_nav_1.active,.nav_list a.fj_nav_1:hover{ border-bottom: 4px solid #B6000C; color: #B6000C; } .nav_list_2{ z-index: 100; margin-left: -400px; transition: all ease 0.4s; opacity: 0; transform: translateY(50px); visibility:hidden; width: 600px; top: 83px; padding:40px; background-color: #fff; background-size: auto 100px; background-position: right top; background-repeat: no-repeat; } .nav_list_2 .nav_list_img{ width: 240px; } .nav_list_2 .nav_list_img .img{ width: 240px; height: 160px; overflow:hidden; background:#EFECEA; } .nav_list_2 .nav_list_img .title{ padding:20px 0 16px; line-height: 24px; font-weight: bold; font-size:16px; text-align:left; } .nav_list_2 .nav_list_img .txt{ color: #999; line-height: 22px; text-align:left; } .nav_list_2 ul{ padding-left: 40px; border-left: 1px solid #eee; min-height: 286px; } .nav_list_2 ul li{ margin-bottom: 20px; width: 200px; text-align:left; } .nav_list_2 ul li a{ line-height: 24px; font-size:16px; } .nav_list_2 ul li a:hover{ color:#B6000C; } .fj_topNav_in .nav_list:hover .nav_list_2 { opacity: 1; transform: translateY(-11px); visibility:visible; } .fj_pageName{ padding-top: 120px; text-align: center; line-height: 40px; font-size:32px; font-weight: bold; background-size: auto 100%; background-repeat: no-repeat; background-position: right center; } .fj_pageName_tab{ position:relative; } .fj_pageName_tab:before{ content:""; width:100%; left:0; top:50%; z-index: -1; border-top: 1px solid #E8E8E8; display: block; position: absolute; } .fj_pageName_tab .item{ display:inline-block; margin:0 33px; padding:0 24px; position:relative; background:#fff; } .fj_pageName_tab .item:after,.fj_pageName_tab .item:before{ content:""; width:8px; height:8px; background:#E8E8E8; border-radius:100%; position: absolute; right: 0; top: 50%;margin-top: -4px; } .fj_pageName_tab .item:before{ left:0; right:auto; } .fj_topNews{ margin-top: 60px; } .fj_topNews .newsImg { width: 38.98%; height: 100%; top: 0; left: 0; overflow:hidden; background: #e8e8e8; } .fj_topNews_in{ width: 100%; height: 306px; padding-left: 38.98%; } .fj_topNews .txtList { box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding-left: 40px; border-left: none; height: 100%; padding-right: 3%; } .fj_topNews .txtList .item .time{ padding: 40px 0 20px; font-size: 24px; color: #B6000C; line-height: 32px; } .fj_topNews .txtList .item .title{ font-size: 20px; font-weight: bold; color: #333333; line-height: 28px; } .fj_topNews .txtList .item .text{ font-size: 16px; padding-top: 14px; color: #666666; line-height: 32px; } .newsImg a{ display: block; height:100%; } .newsImg a img{ max-width: 100%; max-height:100%; } .fj_newsBox{ padding-top: 40px; } .fj_newsBox .fj_news_item{ margin-top: 40px; box-shadow: inset 0px -1px 0px 0px #EEEEEE; width: 100%; padding-left: 450px; height: 220px; } .fj_newsBox .fj_news_item:after{ content: ""; width:0;height:1px; background:#b6000c; position:absolute; left: 0; bottom: 0; transition: all 0.4s ease; } .fj_newsBox .fj_news_item:hover:after{ width:100%; } .fj_newsBox .fj_news_item.fj_mtjj_item { padding-left: 12%; } .fj_news_item .newsInfo .title{ display: block; font-size: 20px; margin-bottom: 20px; font-weight: bold; color: #333333; line-height: 28px; } .fj_news_item .newsInfo .txt{ text-align: justify; font-size: 16px; color: #666666; line-height: 32px; } .fj_news_item .newsInfo .txt:hover{ color: #666666!important; } .fj_news_item .news_time { width: 100px; left: 0; top: 0; box-shadow: inset 0px 4px 0px 0px #B6000C; padding-bottom: 40px; } .fj_news_item .news_time .day{ text-align: center; padding: 16px 0 12px; font-size: 32px; color: #B6000C; line-height: 26px; } .fj_news_item .news_time .year{ text-align: center; font-size: 16px; color: #666666; line-height: 22px; } .fj_news_item .img { left: 100px; margin-left: 3.38%; top: 0; width: 270px; height: 180px; overflow:hidden; background: #EFECEA; } .fj_news_item .img a{ display:flex; width:100%; height:100%; justify-content:center; align-items:center; background-size: cover!important; background-repeat: no-repeat; background-position: center; } .fj_news_item .img a img{ max-width: 100%; max-height:100%; } .fj_fNav{ background: #EFECEA; width: 100%; } .fj_fNav_link{ padding:19px 0; } .fj_fNav_link a, .fj_fNav_link span{ font-size: 14px; font-weight: bold; color: #666666; line-height: 22px; } .fj_fNav_link span:last-child{ display: none; } .fj_fNav .l_Box .f_downBox{ display: inline-block; } .l_Box .txt{ font-size: 14px; font-weight: bold; color: #666666; line-height: 22px; } .f_downBox span{ width: 200px; display: inline-block; padding:7px 8px; margin-top: 13px; height: 35px; background: #FFFFFF; border-radius: 4px 0px 0px 4px; } .f_downBox .btn{ width: 35px; cursor: pointer; height: 35px; background: #B6000C; border-radius: 0px 4px 4px 0px; right: 0; top: 13px; text-align: center; line-height: 35px; } .f_downBox .btn i{ font-size:12px; color:#fff; display:block; transform:scale(0.6); } .f_downBox .f_downList { top: 48px; right: 0; background: #fff; border:1px solid #E8E8E8; width: 200px; padding:12px; border-top: none; transform: translateY(10px); visibility: hidden; opacity: 0; } .fj_fNav .l_Box .f_downBox:hover .f_downList { opacity:1;transform: translateY(0px);visibility:visible; } .f_downBox .f_downList a{ display: block; margin:5px 0; } .fj_fmd{ padding: 80px 0; background: #F9F6F4; } .fj_fContact{ width: 18.644%; } .fj_frBox { width:76%; } .fj_fContact .img{ width: 90%; overflow:hidden; padding-bottom: 30px; } .fj_fContact .img img{ width: 100%; } .fj_fContact .f_item{ margin-top: 20px; } .fj_fnavList { width: 25%; } .fj_fnavList .title{ font-size: 16px; font-weight: bold; color: #333333; line-height: 24px; } .fj_fnavList .txt{ padding-top: 20px; font-size: 14px; color: #666666; line-height: 28px; } .fj_fnavList .txt i{ font-size:12px; } .fj_fnavList .f_code { display: flex; justify-content: space-between; margin-top: 20px; } .f_code .imgList { width: 48px; border-radius: 100%; line-height: 1; z-index: 100; height: 48px; background: #fff; position: relative; } .fj_fnavList .f_code .fjCode{ position:absolute; width: 160px; height:208px; background-size:100%; background-repeat: no-repeat; padding:5px; opacity: 0; visibility: hidden; transition: all 0.4s ease; top: -207px; left: -56px; transform: translateY(-20px); } .fj_fnavList .f_code .fjCode img{ width:100%; } .fj_fnavList .f_code .fjCode p{ padding:2px 10px 0; height:40px; overflow:hidden; color:#999; font-size:12px; } .f_code .imgList i{ font-size:48px; color:#999; cursor:pointer; } .f_code .imgList i.active.icon-weixin{ color:#09c161; } .f_code .imgList i.active.icon-weibo{ color:#e71f19; } .f_code .imgList i.active.icon-douyin{ color:#050005; } .f_code .imgList .fjCode.active{ opacity:1; visibility:visible; transform: translateY(0px); } .fj_fAboutUs{ display: flex; justify-content: space-between; } .fj_fAboutUs .item{ width: 100px; margin-right: 30px; } .fj_fAboutUs .item h3{ font-size: 16px; font-weight: bold; color: #333333; line-height: 24px; } .fj_fAboutUs .item ul{ margin-top: 20px; } .fj_fAboutUs .item ul li a{ font-size: 14px; color: #666666; line-height: 32px; } .fj_copy { background: #B6000C; height: 62px; } .fj_copy, .fj_copy a,.fj_copy span,.fj_copy a:hover{ font-size: 14px; color: #FFFFFF!important; text-align: center; line-height: 62px; } .fj_single{ padding-top: 60px; text-align:justify; } .fj_single img{ max-width: 100%; } .fj_single div, .fj_single span, .fj_single p{ font-size: 16px; font-family: MicrosoftYaHei!important; color: #666666; line-height: 32px; } /* 鍏徃绠€浠 */ .fj_jianjie{ margin-top: 80px; padding-top: 80px; } .fj_jianjieBg{ width: 100%;background: #f0f0f0; height: 480px; overflow: hidden; } .fj_jianjieBg img{ width:100%; } .fj_jianjie .fj_jianjieBox{ width: 540px; right: 0; top: -560px; padding:20px 60px 60px 40px; opacity: 0.9; } .fj_jianjie .fj_jianjieBox .item{ margin-top: 40px; width: 160px; margin-left: 60px; float: left; } .fj_jianjie .fj_jianjieBox .item .num{ color: #fff; font-size:14px; } .fj_jianjie .fj_jianjieBox .item .num span{ font-size: 40px; font-family: Impact!important; color: #FFFFFF; padding-right: 8px; line-height: 48px; } .fj_jianjie .fj_jianjieBox .item .addr{ font-size: 14px; margin-top: 8px; color: #FFFFFF; line-height: 22px; } .fjHistory{ padding-top: 60px; } .fj_xianBg{ top: 92px; width: 100%; display: flex; border-top: 1px dashed #D9D9D9; } .fj_xianBg div{} .fjHistory .gallery-thumbs .swiper-slide{ padding-top: 64px; font-size: 20px; text-align: center; cursor: pointer; font-weight: bold; color: #333333; line-height: 28px; } .fjHistory .gallery-thumbs .swiper-slide:after{ content: ""; position: absolute; left: 50%; top: 26px; width: 12px; height: 12px; background: #C6A268; border-radius: 100%; margin-left: -6px; } .fjHistory .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ color:#B6000C; } .fjHistory .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after{ background: #B6000C; } .fjHistory .rrBtn { z-index: 10; width: 64px; height: 64px; border-radius: 100%; } .fjHistory .rrBtn i{ line-height:1; font-size:64px; background:#fff; color: #C6A268; cursor:pointer; border-radius:100%; transition: all 0.4s ease; } .fjHistory .rrBtn i:hover{ color:#b6000c; } .fjHistory .rrleftBtn { left: 0px; } .fjHistory .rrrightBtn { right: 0px; } .fjHistory .gallery-top { margin-top: 80px; padding-left: 200px; } .fjHistory .gallery-top .swiper-wrapper {} .fjHistory .gallery-top .swiper-wrapper .swiper-slide{border-left: 1px solid #E8E8E8; padding-top: 62px; padding-bottom: 62px; } .historyList .time{ width: 200px; border-right: 1px solid #B6000C; left: -250px; line-height: 46px; font-size:36px; color: #B6000C; top: 0; padding-right: 20px; text-align: right; } .historyList .time span{ font-size:16px; color: #666; font-weight: normal; } .historyList .item{ margin-left: 50px; margin-bottom: 38px; padding-bottom: 40px; box-shadow: inset 0px -1px 0px 0px #F6F6F6; } .historyList .item .txt img{ max-width: 100%; } .historyList .item .title { color: #666; font-weight: bold; font-size: 20px; margin-bottom: 8px; } .historyList .item .title span{ font-size:16px; font-weight: normal; } .historyList .item .txt{ color:#666; } /*姹鹃厭鑽h獕*/ .fj_fjry{ padding-left: 50px; padding-top: 110px; } .fj_fjry_in{ border-left: 1px solid #E8E8E8; } .fj_fjry_in .item{ padding-bottom: 120px; } .fj_fjry_in .item .fj_txtBox{ padding-top: 40px; } .fj_fjry_in .item .fj_txtBox .time{ font-size: 20px; padding-bottom: 8px; color: #666666; line-height: 24px; } .fj_fjry_in .item .year{ left: -50px; top: -60px; font-size: 40px; background: #fff; color: #B6000C; line-height: 48px; } .fj_fjry_in .item .fj_txtBox .txt{ font-size: 16px; text-align: justify; color: #666666; line-height: 32px; } .fj_fjry_in .item .fj_txtBox .txt img{ max-width: 100%; } .fj_txtBox{ padding-left: 45px; } .fj_txtBox:after{ content: ""; position: absolute; width: 12px; height: 12px; border-radius: 100%; left: -6px; top: 46px; background: #EFECEA; } /* 浼佷笟鎰挎櫙 */ .fj_qyrj{ width: 100%; border-top: 1px solid #F6F6F6; margin-top: 60px; } .fj_qyrj .fj_qyrj_in .item{ width: 25%; border-left: 1px solid #F6F6F6; float: left; padding:80px 24px; min-height: 420px; position: relative; overflow: hidden; } .fj_qyrj .fj_qyrj_in .item i{ font-size: 120px; color: #F9F6F4; display: none; position: absolute; bottom: -90px; right: -56px; } .fj_qyrj .fj_qyrj_in .item:nth-child(3) i{ left:-56px; right:auto; } .fj_qyrj .fj_qyrj_in .item .img{ width: 48px; overflow:hidden; margin:0 auto; height: 48px; } .fj_qyrj .fj_qyrj_in .item .img img{ width: 100%; } .fj_qyrj .fj_qyrj_in .item .title{ text-align: center; font-size: 20px; padding-bottom: 16px; padding-top: 36px; font-weight: bold; color: #333333; line-height: 28px; } .fj_qyrj .fj_qyrj_in .item .txt{ text-align: center; font-size: 16px; color: #666666; line-height: 32px; } .fj_qyrj_item{ margin-top: 50px;} .fj_qyrj_item .qyrjTitle{ padding-top: 30px; font-size: 24px; text-align: center; font-weight: bold; color: #333333; line-height: 32px; } .fj_qyrj_b.fj_qyrj_item .qyrjTitle { padding-bottom:60px; border-bottom:1px solid #e8e8e8; } .fj_qyrj_m .qyrjTitle{ padding-bottom:28px; } .fj_qyrj_item ul li .li_in{ padding-left:64px; position:relative; } .fj_qyrj_b.fj_qyrj_item ul li .li_in { padding-left:40px; } .fj_qyrj_item ul li i{ font-size: 32px; position: absolute; top: 0; left: 0; font-style: normal; color: #B6000C; line-height: 32px; } .fj_qyrj_item ul li i span{ font-size:24px; } .fj_qyrj_item ul li .con{ font-size:16px!important; line-height:2!important; color:#666!important; } .fj_qyrj_b.fj_qyrj_item li{ width:50%; float:left; padding-right: 75px;} .fj_qyrj_b.fj_qyrj_item li:nth-child(2n){ padding-right:0; padding-left:75px; } .fj_qyrj_b.fj_qyrj_item .w1180{ position:relative; } .fj_qyrj_b.fj_qyrj_item .w1180:after{ content:""; width:1px; height:100%; background:#f6f6f6; position:absolute; top:0; left:50%; } .fj_qyrj_b.fj_qyrj_item ul{ overflow:hidden; padding-top:62px;} .fj_qyrj_b.fj_qyrj_item ul li{ height:100px; overflow:hidden; margin-bottom:12px; } .fj_qyrj_m { background: url(../image/fj-about-vision-bg.png) no-repeat center bottom; background-size:100% auto; padding-bottom:80px; } .fj_qyrj_m ul li{ margin-top:40px; } /* 鑱旂郴鎴戜滑 */ .fj_contactUs .t_title{ font-size: 24px; font-weight: bold; color: #333333; line-height: 32px; padding-bottom: 40px; } .fj_cInfo{ } .fj_cInfo .citem{ width: 50%; } .fj_cInfo .citem.fl{ padding-right: 30px; } .fj_cInfo .citem.fr{ border-left: 1px solid #F6F6F6; padding-left: 99px; } .fj_cInfo .citem.fl .cTel{ font-weight: bold; font-size:32px; color: #B6000C; } .fj_cInfo .citem.fl .cTel span{ color: #666; font-size:16px; font-weight: normal; } .fj_cInfo .citem.fl .txt{ color: #666; } .fj_cInfo .citem.fr .imgTitle{ font-size: 16px; color: #333333; line-height: 24px; } .fj_cInfo .citem.fr .imgTitle .icon{ padding-right:10px; font-size:20px; } .fj_cInfo .citem.fr .imgs{ padding-top: 24px; } .fj_cInfo .citem.fr .imgs .item{ width: 150px; margin-right: 20px; float: left; } .fj_cInfo .citem.fr .imgs .item:nth-child(3n){ margin:0; } .fj_cInfo .citem.fr .imgs .item img{ border:4px solid #F8F8F8; width: 150px; height: 150px; } .fj_cInfo .citem.fr .imgs .item p{ font-size: 14px; text-align: center; color: #666666; padding-top: 16px; line-height: 22px; } .fj_contactUs .fj_mapImg{ margin-top: 80px; height: 480px; background: #999; } .fj_contactUs .fj_mapTxt{ margin-top: 80px; } .fj_contactUs .fj_mapTxt .fj_jiaotong{ text-align: center; font-size: 16px; font-weight: bold; color: #333333; line-height: 32px; } .fj_contactUs .fj_mapTxt .fj_jiaotong span{ padding:0 20px; } .fj_jtTxt{ padding-top: 20px; width: 700px; margin:0 auto; font-size: 14px; color: #666666; line-height: 28px; } .fj_contactUs .fj_mapTxt img{ max-width:100%!important; } /* 鐢靛瓙鏈熷垔 */ .fj_dzqk .dzqkSp{ height: 40px; } .fj_dzqk .dzqkBox{ margin-top: 40px; } .fj_dzqk .dzqkBox .list{ display:none; } .fj_dzqk .dzqkBox .list:first-child{ display:block; } .fj_dzqk .dzqkBox .list .item{ margin-bottom: 80px; } .fj_dzqk .dzqkBox .list .item:last-child{ margin-bottom:0; } .fj_dzqk .dzqkBox .list .item h3{ font-size: 24px; color: #B6000C; line-height: 32px; } .fj_dzqk .dzqkBox .list .item .pdfList{ margin-top: 20px; width: 50%; padding-right: 10px; float: left; } .fj_dzqk .dzqkBox .list .item .pdfList:nth-child(2n){ padding-left: 10px; padding-right: 0; } .fj_dzqk .dzqkBox .list .item a{ display: block; background: #FFFFFF; padding-left: 38%; padding-bottom: 52px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; padding-right: 20px; border: 1px solid #E8E8E8; position: relative; } .fj_dzqk .dzqkBox .list .item a:after{ content: ''; position: absolute; width: 0; height: 4px; box-shadow: inset 0px -4px 0px 0px #b6000c; transition: all 0.4s ease; bottom: 0; left: 0; } .fj_dzqk .dzqkBox .list .item a:hover:after{ width: 100%; } .fj_dzqk .dzqkBox.shzrBox .list .item a{ padding-left: 44.82%; padding-bottom:14%; } .fj_dzqk .dzqkBox.shzrBox .list .item a .img{ width:25.86%; } .fj_dzqk .dzqkBox .list .item a .img{ left: 10.344%; top: 40px; width: 20.689%; box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 20%); display: flex; justify-content: center; align-items: center; background: #EFECEA; } .fj_dzqk .dzqkBox .list .item a .img img{ border-radius:8px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; max-width: 100%; max-height: 100%; } .fj_dzqk .dzqkBox .list .item a .title{ padding-top: 60px; font-size: 20px; font-weight: bold; color: #333333; line-height: 28px; } .fj_dzqk .shzrTxt { padding-bottom: 60px; font-size:16px; color:#666; } .fj_dzqk .dzqkBox.shzrBox .list .item a .title{ padding-top:40px; } .fj_dzqk .dzqkBox.shzrBox .list .item a .pdfRead span { position:relative; margin-top:20px; } .fj_dzqk .dzqkBox.shzrBox .list .item a .pdfRead span i{ position:absolute; right:20px; font-size:20px; } .fj_dzqk .dzqkBox.shzrBox .list .item a .pdfRead span:last-child{ display:none; } .fj_dzqk .dzqkBox .list .item a .pdfRead span i{ color: #B6000C; font-size:20px;} .fj_dzqk .dzqkBox.shzrBox .pdfRead{ padding-top:50px; height:130px; } .fj_dzqk .dzqkBox.shzrBox .pdfRead span{ display:block; } .fj_dzqk .dzqkBox .list .item a .pdfInfo{ margin-top: 20px; height: 58px; font-size: 16px; color: #666666; line-height: 24px; } .fj_dzqk .dzqkBox .list .item a .pdfRead span{ font-size: 14px; padding-right: 48px; color: #333333; line-height: 19px; } .fj_dzqk .dzqkBox .list .item a .pdfRead span:last-child{ display:none; } .fj_dzqk .dzqkBox .list .item a .pdfRead span i{ padding-right: 8px; } .dzqkSp{ padding:0 60px; } .dzqkSp .rrBtn{ width: 40px; height: 40px; overflow:hidden; top: 0; } .dzqkSp .rrBtn i{font-size:40px; line-height: 1; color:#C6A268; cursor:pointer; transition: all 0.4s ease; } .dzqkSp .rrBtn i:hover{ color:#b6000c; } .dzqkSp .rrleftBtn{ left: 0; } .dzqkSp .rrrightBtn{ right: 0; } .dzqkSp .gallery-thumbs .swiper-slide .sw_in{ text-align: center; line-height: 40px; background: #F9F6F4; cursor: pointer; color: #666; border-radius: 20px; } .dzqkSp .gallery-thumbs .swiper-slide .sw_in.active{ background: #B6000C; color: #fff; } /* 瑙嗛涓績 */ .fj_video_in{ margin-top: -20px; } .fj_video_in .item{ width: 33.33333%; margin-top: 20px; padding:0 10px; float: left; } .fj_video_in .item .item_in{ width: 100%; cursor: pointer; } .fj_video_in .item .item_in .img{ overflow:hidden; height: 214px; width:100%; display:flex; justify-content:center; align-items:center; background: #EFECEA; } .fj_video_in .item .item_in .img img{ max-width:100%; max-height: 100%; transition:all 0.4s ease; } .fj_video_in .item .item_in .img i{ position: absolute; right: 20px; bottom: 20px; font-size:40px; color: #B6000C; z-index: 2; } .fj_video_in .videoInfo { margin-top: 10px; background: #FFFFFF; padding:20px 40px; box-shadow: inset 0px -4px 0px 0px #E8E8E8, inset -1px 0px 0px 0px #E8E8E8, inset 1px 0px 0px 0px #E8E8E8; } .fj_video_in .videoInfo:after,.fj_video_in .videoInfo:before{ content: ""; width: 5px; height: 5px; background: #EFECEA; border-radius: 100%; position: absolute; left: -2px; top: -1px; } .fj_video_in .videoInfo:before{ right: -2px; left: auto; } .fj_video_in .videoInfo .time{ font-size: 14px; font-family: Impact!important; color: #B6000C; line-height: 22px; } .fj_video_in .videoInfo .time span{ color: #666666; padding-left: 20px; } .fj_video_in .videoInfo .name{ height: 54px; margin-top: 20px; font-size: 20px; font-weight: bold; color: #333333; line-height: 28px; } .fj_video_in .item .item_in:hover .videoInfo .name{ color:#B6000C; } .fj_video_in .item .item_in:hover .img img{ transform:scale(1.1); } /* 鎷涙爣鍏憡 */ .fj_zbgg_in{ margin-top: -20px; } .fj_zbgg_in .item{ margin-top: 20px } .fj_zbgg_in .item a{ display: block; background: #FFFFFF; padding:0 40px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; position: relative; } .fj_zbgg_in .item a:after{ content:''; position:absolute; bottom:0; left:0; width:0; transition:all 0.4s ease; height: 4px; box-shadow: inset 0px -4px 0px 0px #b6000c; } .fj_zbgg_in .item a:hover:after{ width:100%; } .fj_zbgg_in .item a .time{ line-height: 108px; padding-right: 40px; font-size: 18px; float: left; color: #B6000C; } .fj_zbgg_in .item a .txt{ line-height: 108px; font-size: 18px; display: block; color: #333333; } /* 缃戠珯鍦板浘 */ .fj_map .item{ width: 100%; overflow:hidden; } .fj_map .item .ci{ width: 50%; } .fj_map .item .txt,.fj_map .item:nth-child(2n) .img{ float: left; } .fj_map .item .img,.fj_map .item:nth-child(2n) .txt{ float: right; } .fj_map .item .img{ height: 380px; overflow:hidden; } .fj_map .item .img img{ width: 100%; } .fj_map .item .txt{ padding:80px 40px 40px; } .fj_map .item .txt .name{ font-size: 24px; padding-left: 40px; font-weight: bold; line-height: 32px; } .fj_map .item .txt .txt2{ font-size: 14px; padding-left: 40px; padding-top: 16px; color: #999999; line-height: 22px; } .fj_map .item .txt ul{ padding-top: 20px; } .fj_map .item .txt ul li{ float: left; margin-left: 40px; margin-top: 20px; } .fj_map .item .txt ul li a { font-size: 16px; font-weight: bold; color: #666; line-height: 24px; } .fj_map .item .txt ul li a span{ color:#B6000C; } /* 闆嗗洟鎴愬憳 */ .fj_jtcy .title{ font-size: 24px; font-weight: bold; color: #333333; line-height: 32px; } .fj_jtcy .txt{ padding-top: 20px; font-size: 16px; color: #666666; line-height: 32px; } .fj_jtcy .fj_more{ font-size: 14px; margin-top: 40px; display: inline-block; color: #333333; line-height: 22px; } .fj_jtcy .fj_more i{ padding-left: 16px; font-size:40px; vertical-align: middle; } .fj_jtcy{ padding:120px 0; } .fj_jtcy1 .fj_jtcy_in .img{ width: 61.01%; min-height:480px; } .fj_jtcy1 .fj_jtcy_in .img img{ width: 100%; } .fj_jtcy1 .fj_jtcy_in .txtBox{ top: 40px; right: 20px; background: #fff; width: 50.847%; padding:60px 40px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); } .fj_jtcy1 .fj_jtcy_in .txtBox:after{ content: ""; background: #CC0000; width: calc(100% - 20px); height: calc(100% - 100px); position: absolute; right: -20px; bottom: -20px;z-index: -1; } .fj_jtcy2{ background: #F9F6F4; } .fj_jtcy3{ padding-bottom: 0; } .fj_jtcy .itme{ width: 50%; padding:10px; float: left; } .fj_jtcy .itme .item_in{ width: 100%; padding:40px 40px 40px 20px; height: 382px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .fj_jtcy .itme .item_in .img{ float: left; width:31.03%; overflow: hidden; height: 240px; } .fj_jtcy .itme .item_in .img img{ width: 100%; } .fj_jtcy .itme .item_in .txtBox{ padding-left:41.3793%; } .fj_jtcy .itme .item_in .txtBox .title{ padding-top: 20px; } .fj_jtcy3 .img{ width: 100%; height: 320px; overflow: hidden; } .fj_jtcy3 .fjjt_info{ margin-top: 28px; padding-left: 15.5932%; } .fj_jtcy3 .txt.txt_ff{ left: 40.6779%; bottom: 0; width: 52.5423%; background: url(../image/fj-pub-bg01.png); color: #fff; padding:66px 40px; } .fj_jtcy3 .jtcyList { padding-top: 116px; } .fj_jtcy3 .jtcyList .itme{} .fj_jtcy3 .jtcyList .itme:nth-child(2n){ /*margin-top: 84px;*/ padding-top: 84px; } /* 浼佷笟鏂囧寲 */ .fj_fjwh .txt{ font-size: 16px; color: #666666; line-height: 32px; } .fj_fjwh .topTxt{ width: 1180px; margin: 0 auto; } .fj_lnwh{ padding:120px 0 69px; background: url(../image/fj-culture-culture-conceptual-bg.png) no-repeat center bottom #998F90; background-size: cover; } .fj_lnwh .btitle{ text-align: center; font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .fj_lnwh .topTxt{ margin-top: 20px; text-align: center; color:#fff; } .fjln_swiper{ height: 430px; padding:0 20px; margin-top: 40px; } .fjln_swiper .lnList{ width: 100%; background: #fff; height:377px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding:60px 40px 30px; } .fjln_swiper .lnList .title{ font-size: 20px; font-weight: bold; color: #333333; line-height: 28px; } .fjln_swiper .swiper-container{ height: 100%; } .fjln_swiper .lnList .txt{ padding-top: 20px; } .fjln_swiper .rrBtn{z-index: 10; width: 64px; height: 64px; border-radius: 100%; top: 160px; background: #fff; } .fjln_swiper .rrBtn i{ font-size:64px; line-height: 1; cursor: pointer; } .fjln_swiper .rrleftBtn{ left: 18.5%; } .fjln_swiper .rrrightBtn{ right: 18.5%; } .fjln_swiper .swiper-pagination { bottom: 0; } .fjln_swiper .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; opacity: 1; } .fjln_swiper .swiper-pagination-bullet-active { background: #B6000C; } .fjwh_list .fjwh_list_item{ margin-top: 120px; } .fjwh_list .fjwh_list_item .title{ text-align: center; font-size: 24px; font-weight: bold; color: #333333; line-height: 32px; } .fjwh_list .fjwh_list_item .txt{ margin-top: 20px; text-align: center; } .fjwh_list_item .fjwhBox{ padding-top: 80px; } .fjwh_list_item:nth-child(2n) .fjwhBox{ padding-top: 40px; } .fjwh_list_item .fjwhBox .img{ width: 640px; height: 426px; overflow: hidden; } .fjwh_list_item .fjwhBox .txt{ right: 20px; top: 20px; width: 52.5423%; background: #FFFFFF; padding:60px 40px; text-align: justify; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); } .fjwh_list_item .fjwhBox .txt:after{ content: ""; width: 100%; height: 100%; right: -20px; top: 40px; background: #B6000C; z-index: -1; position: absolute; } .fjwh_list_item:nth-child(2n) .img{ float: right; } .fjwh_list_item:nth-child(2n) .fjwhBox .txt{ left: 20px; right: auto; top: 106px; } .fjwh_list_item:nth-child(2n) .fjwhBox .txt:after{ right: auto; left: -20px;top: -40px; } /* 鏅尯浠嬬粛 */ .layout { position: relative; width: 100%; overflow: hidden; } .fjContainer{ display: table; white-space: nowrap; } .fjContainer .section{ display: inline-block; position: relative; height: 100vh; white-space: normal; vertical-align: top; } .jqList{ background-repeat:no-repeat; } /*.jqList1{ background-image: url(../image/fj-tour-introduce-hill-pic02.png); background-position:right bottom; background-size:auto 33.33vh; }*/ .jqList1Bg{ left:120px; bottom:0; height:33.33vh; } .jqList1Bg2{ bottom:0; right:-30px; height:30.5vh; z-index:-1; } .jqList1Bg2 img{ height:100%; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .jqList1Bg img{ height:100%; opacity:0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .jqList1Bg.show img{ opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .jqList1Bg2.show img{ opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .jqList{ width: 100vw; height: 100vh; } .jqList .jqjs { padding-top: 27.3148vh; padding-left: 27.604166vw; padding-right: 4.16666vw; } .jqList .jqjs_video{ width: 29.166666vw; height: 16.40625vw; background: #000; z-index:10; } .jqList .jqjs_video .videoBox{ z-index:10; position:absolute; left:0; top:0; background:#000; overflow:hidden; width:100%; height:100%; } .jqList .jqjs_video:before{ content: ""; position: absolute; left:20px; top: 20px; z-index: -1; background:url(../image/fj-pub-bg02.png); width: 100%; height: 100%; } .jqList .jqjs_info { padding-left: 34.375vw; width: 100%; } .jqList .jqjs_info .title{ font-size: 24px; line-height: 32px; font-family: HYCuSongJ!important; } .jqList .jqjs_info .txt{ font-size: 16px; padding-top: 20px; text-align: justify; color: #666666; line-height: 32px; overflow: auto; height: 28vh; } .jqList .jqjs_info .txt .RCMS_EDITOR *{ font-family:\5FAE\8F6F\96C5\9ED1,arial,tahoma,Verdana,sans-serif!important; font-size:16px!important; color: #666!important; background: none!important; } .jqall{ position: absolute; left: 48%; bottom: 20vh; text-align: center; } .jqall{ bottom: 20px; } .jqList4Dt .jqall{ bottom:5px; z-index:100; } .jqall a{ background: #fff; } .jqall i{ font-size: 60px; cursor:pointer; line-height:1; } .jq_body .jqMenu{ width: 120px; height: 100vh; overflow: hidden; z-index: 500; background: url(../image/fj-pub-bg01.png); position: fixed; } .jq_body .jqMenu .logo{ overflow: hidden; margin:4.4vh auto 3.2vh; text-align:center; } .jq_body .jqMenu .logo i{ line-height:1; font-size:38px; color:#fff; } .jqMenu .jq_home { font-size: 16px; text-align: center; width: 100%; line-height: 1.2; } .jqMenu .topHeight{ height:86vh; } .jqMenu .jq_home a{ color: #fff!important; width:20px; margin:0 auto; display:block; } .jqMenu .jq_home a i{ padding-top: 12px; display: block; } .jqNav ul{ width: 60px; margin: 0 auto; } .jqNav ul li { margin-top: 2.5vh; line-height: 1.2; } .jqNav ul li span{ cursor: pointer; line-height: 1.2; color: #fff; font-size:16px; padding:0 20px; display: block; } .jqNav ul li:hover span,.jqNav ul li.active span{ color:#C6A268; } .jqTop_in{ width: 100%; height: 100%; } .jqList .jqTop{ width: 13.0208333vw; height: 13.0208333vw; top: 13.61111vh; left: 10.4166vw; } .jqTop_in .txt{ width: 2.083333vw; font-size:1.97916666vw; font-family: HYCuSongJ!important; line-height: 1.2; color: #333333; right: 24%; top:-8%; } .jqTop_in .fjzlBackBtn{ text-align: center; left: 30%; top: 25%; width: 30px; overflow: hidden; } .jqTop_in .fjzlBackBtn a{ text-align:center; font-size:16px; line-height:1.2; } .jqTop_in .fjzlBackBtn a i{ font-size:32px; color:#b6000c; display:block; padding-top:10px; } .jqTop_in .numBg{ width: 100%; height: 100%; border-radius: 100%; } .jqTop_in .numBg img{ width:100%; } .jqTop_in .jq_more{ width: 32px; text-align: center; top: 13.508333vw; right: 25%; } .jqTop_in .jq_more a{ display: block; } .jqTop_in .jq_more a span{ display: block; padding:0 5px; text-align: center; font-size: 16px; color: #333333; line-height: 21px; } .jqTop_in .jq_more a i{ font-size: 32px; } .wsyl{ padding-top: 29.629vh; width: 100vw; padding-left: 27.604166vw; } .wsyl .wrap{ width: 100%; overflow: hidden; padding-bottom: 40px;} .wsyl .wrap .slider-track { display: table; font-size: 0; white-space: nowrap; } .wsyl .wrap .slider-track .slider-item{ width: 19.791666vw; background: #FFFFFF; margin-right: 20px; padding:16px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); display: inline-block; position: relative; white-space: normal; vertical-align: top; } .wsyl .wrap .slider-track .slider-item a:hover .cont .t{ color:#b6000c; } .wsyl .wrap .slider-track .slider-item:last-child{ margin-right: 0; } .wsyl .wrap .slider-track .slider-item .img{ width: 100%; height: 12.08333vw; overflow: hidden; background: #EFECEA; display: flex; justify-content: center; align-items: center; } .wsyl .wrap .slider-track .slider-item .img img{ max-width: 100%; max-height:100%; } .wsyl .wrap .slider-track .slider-item .cont { padding:20px 24px 0;} .wsyl .wrap .slider-track .slider-item .t{ height: 58px; font-size: 20px; font-weight: bold; color: #333333; line-height: 28px; white-space:normal; } .wsyl .slider .slider-ctrl{ margin-top: 10.15vh; position: relative; margin-right: 40px; margin-left: 20px; height: 17px; background: url(../image/png12.png) center repeat-x; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wsyl .slider-ctrl:before,.wsyl .slider-ctrl:after{ content: ''; position: absolute; top: 0; bottom: 0; background:#B6000C ; background-size: contain; width: 16px; height: 16px; border-radius: 100%; left: -16px; } .wsyl .slider-ctrl:after{ right: -16px; left: auto; } .wsyl .slider .slider-bar{ line-height: 1; background: #fff; position: absolute; left: 0; top: 50%; width: 79px; height: 79px; font-size:80px; background-size: contain; cursor: pointer; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wsyl .slider .slider-wrap { width: 100%; overflow: hidden; padding:10px; } .jqList .jqList2Bg,.jqList4 .ylznBg { right: 0; top: 0; width: 32.3958vw; height: 17.87vh; } .jqList .jqList2Bg img,.jqList4 .ylznBg img{ height: 100%; opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .jqList .allBg.show img{ opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .jqList .jqList2Bg2{width: 16.303vw; left: 30px; bottom: 0; } .jqList .jqList2Bg2 img{ width: 100%; opacity:0; -webkit-transform: translateX(-20%); transform: translateX(-20%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .jqList2{ background: url(../image/fj-tour-visit-bg.png) no-repeat right bottom; background-size: 50vw auto; } .jqList3 .cyzsRight{ right: 0; top: 0; bottom: 0; width: 25vw; height: 100vh; } .jqList3 .cyzsRight .cyzsTitle{ position: absolute; left: 5px; top: 7.407vh; } .jqList3 .cyzsRight .cyzsTitle img{ height: 9.35185vh; } .jqList3 .cyzsRight .cyTitle2{ left: auto; right: 5px; top: 44vh; } .jqList3 .cyzsRight .cyzsTxt { margin:20vh auto 12vh; height: 22vh; padding:0 2.083vw; color: #fff; text-align: justify; overflow: auto; font-size: 16px; color: #FFFFFF; } .jqList3 .cyzsRight .cyzsTels{ padding:1vh 2.083vw; color: #fff; } .jqList3 .cyzsRight .cyzsTels .item{ margin-top:20px; } .miniHeight .jqList3 .cyzsRight .cyzsTels .item{ margin-top:10px; } .jqList3 .cyzsRight .cyzsTels .item h4{ font-size:14px; line-height:1; } .jqList3 .cyzsRight .cyzsTels .item p{ font-size:18px; color:#C6A268; line-height:1.7; padding-top:5px; } .miniHeight .jqList3 .cyzsRight .cyzsTels .item p{ font-size:16px; line-height:1.4; } .jqList3 .wsyl{ padding-right: 26.5625vw; } .ylzn{ padding:27.629vh 19.270833vw 0 27.60416vw; } .ylzn .timeTitle ,.ylxz .ylxzTitle{ font-size: 24px; font-family: HYCuSongJ!important; color: #333333; line-height: 32px; } .ylzn .timeBox { width: 100%; border-top: 1px #c6a268 dashed; margin-top: 26px; } .ylzn .timeBox .tItem{ width: 50%; } .ylzn .timeBox .tItem:first-child{ border-right: 1px #c6a268 dashed; } .timeBox .tItem .jj{ padding-top: 3.703vh; } .timeBox .tItem .jj .jjName{ font-size: 20px; color: #333333; line-height: 28px; } .timeBox .tItem .jj .time{ padding-top: 1.48vh; font-size: 40px; color: #B6000C; line-height: 40px; } .timeBox .tItem .priceList .pTxt{ font-size: 20px; color: #333; font-weight: bold; line-height: 28px; } .timeBox .tItem .priceList>div{ width:100%; padding-left:20%; } .timeBox .tItem .priceList .pTxt span{ color: #333; } .timeBox .tItem .priceList .price{ font-size: 14px; padding-top: 1.48vh; color: #666; line-height: 40px; } .timeBox .tItem .priceList .price span{ font-size:40px; } .timeBox .tItem .priceList{ padding-top: 12.703vh; } .timeBox .ylznMore { width: 80px; height: 80px; border-radius: 100%; left: 50%; margin-left: -40px; line-height: 1;background: #fff; bottom: 0; margin-bottom: -40px;cursor: pointer; } .timeBox .ylznMore i{ font-size:80px; } .ylxz{ margin-top: 6.74vh; } .ylxz .ylxzTxt { margin-top: 20px; border-top: 1px #c6a268 dashed; padding-top: 20px; font-size: 16px; color: #666666; line-height: 1.7; } .jqList4{ background: url(../image/fj-tour-news-bg.png) no-repeat center bottom; background-size: auto 77.77vh; } .jqList3{ background: url(../image/fj-tour-stay-bg.png) no-repeat center bottom; background-size: auto 77.77vh; } .jqList5{ background: url(../image/fj-tour-guide-bg.png) no-repeat center bottom; background-size: auto 77.77vh; } .jqList4Dt{ background:none; } .jqList4 .ylznBg, .jqListDt_fjzl .ylznBg { right: 0; height: 12.259vh; width: 30.0833vw; top: 0; } .jqList4 .ylznBg img,.jqListDt_fjzl .ylznBg img{ height: 100%; } /*html{ -webkit-filter: grayscale(100%); Chrome, Safari, Opera filter: grayscale(100%); } */ .fj_jqDtBox{ padding-top: 10vh; width: 100vw; padding-left: 120px; } .dtImgsBox .swiper-pagination .swiper-pagination-current{ font-size:24px; } .dtImgsBox .swiper-pagination .swiper-pagination-total{ font-size:20px; } .dtImgsBox .swiper-pagination span{ font-family: Impact!important; } .fj_jqDtBox .fj_jqTop{ padding:0 4.1666vw 0 21.3354166vw; } .fj_jqDtBox .fj_jqTop .title{ font-size: 32px; text-align: center; font-family: HYCuSongJ!important; color: #333333; line-height: 40px; } .fj_jqDtBox .fj_jqTop .txt{ margin-top: 5.55vh; font-size: 16px; height: 12.9629vh; overflow: auto; color: #666666; line-height: 2; } .fj_jqDtBox .fj_jqTop .txt img{ max-width:100%; } .fjJdlyBg{ height: 17.8703vh; width: 44.44vh; left: 0; top: 0; } .fjJdlyBg img{ height: 100%; position: absolute; right: 0; bottom: 0; } .dt_imgs{ margin-top:4vh; } .dt_imgs .dtimgsBg { width: 50vw; top: 0; right: 0; height: 27.4vw; z-index: -1; } .dt_imgs .dtImgsBox { width: 100%; overflow: hidden; margin:0 auto; height: 100%; padding-top: 6.5vh; } .dt_imgs .dtImgsBox .imgs{ height: 19.427083vw; background:#eee; transition: all ease 0.4s; } .dt_imgs .dtImgsBox .swiper-slide .title { opacity:0; color:#fff; font-size: 20px; font-weight: bold; } .dt_imgs .dtImgsBox .swiper-slide-active .imgs { transform: scale(1.1) translateY(-4%); } .dt_imgs .dtImgsBox .swiper-slide-active .title { opacity:1; padding: 2.6vh 0 0 46%; } .fj_dt2Box{ height:100vh; right:0; width:100%; padding-top: 14.8148vh; z-index:100; } .fj_dt2Box .title{ text-align:center; font-size: 32px; padding-left: 27.6vw; font-family: HYCuSongJ!important; color: #333333; line-height: 40px; } .fj_dt2{ height:20vh; width:35.46vh; right:0; top:0; } .fj_dt2 img{ height:100%; float:right; } .fj_dt2Box .imgs { margin-top: 3.70307vh; right:0; height:59.259vh; width: 68vw; text-align:right; } .fj_dt2Box .imgs img{ height:100%; } .fj_dt2Box .dt2txtBox { width:60.1875vw; height: 58.9629vh; right: 14vh; margin-top:11vh; padding:7.407vh; background: rgba(182,0,12,0.9); } .fj_dt2Box .dt2txtBox .tab .item{ display:inline; vertical-align:middle; font-size: 24px; cursor:pointer; font-family: HYCuSongJ!important; color: #FFFFFF; line-height: 1; } .fj_dt2Box .dt2txtBox .tab .item.active{ color:#C6A268; } .fj_dt2Box .dt2txtBox .tab .item.iconfont{ margin:0 20px; cursor:none; } .fj_dt2Box .dt2txtBox .tab .item.iconfont img{ width:16px; } .fj_dt2Box .dt2txtBox .listBox { margin-top:16px; } .fj_dt2Box .dt2txtBox .listBox .list{ display:none; color:#fff; overflow:auto; height:40vh; text-align:justify; } .fj_dt2Box .dt2txtBox .listBox .list.active{ display:block; } /* inex */ .fj_indexBanner{ height:100vh; overflow:hidden; width:100%;} .indexMsg{ width:100%; height:64px;bottom:0; left:0; right:0; z-index: 0; opacity: 0; transform: translateY(64px); } .showdiv .indexMsg, .body_home.showdiv .bb{ z-index:102; opacity:0.9; transform:none; } .indexMsg a,.indexMsg span{ font-size: 14px; float: left; color: #FFFFFF!important; line-height: 64px; margin:0 8px; display: inline-block; } .indexMsg .inner{ overflow:hidden; } .indexMsg i{ font-size:16px; display:inline-block; color:#fff; line-height:64px; float:left; } .fj_home2{ background:#fff url(../image/fj-index-about-bg.png) no-repeat right bottom; background-size:auto 283px; } .fj_home3{ background:#F9F6F4 url(../image/fj-index-culture-bg.png) no-repeat center bottom; background-size: cover!important; } .fj_home4{ background:#fff url(../image/fj-pub-fot-bg.png) no-repeat center bottom; background-size:100% auto; } .fj_home .fj_title{ text-align:center; font-size: 32px; font-weight: bold; color: #333333; line-height: 40px; } .fj_home .fj_title .indexMore { right:0; top:0; } .fj_home .fj_title .indexMore span{ font-size: 14px; display: inline-block; color: #333333; line-height: 22px; } .fj_home .fj_title .indexMore:hover i{} /*.fj_home .fj_title .indexMore:hover i{ animation: more1 0.5s ease-out 0s 1 both; }*/ .fj_home .fj_title .indexMore:hover span { color:#B6000C; } .fj_home .fj_title .indexMore .iBox{ width:95px; line-height: 1; overflow:hidden; height:40px; display:inline-block; vertical-align: middle; margin-left: 16px; } .fj_home .fj_title .indexMore .iBox i{ font-size:40px; display:inline-block; font-weight:lighter; } .fj_home{ padding:120px 0; } .fj_home1{ background: #F9F6F4;} .indexNewsList .item{ padding-left:42.37%; background: #fff; padding-right: 2%; box-shadow: inset 0px -4px 0px 0px #B6000C; border: 1px solid #E8E8E8; height: 304px; } .indexNews .indexNewsList { opacity:0; -webkit-transform:translateY(-100px); transform:translateY(-100px); } .indexHome.showdiv .indexNewsList { opacity: 1; -webkit-transform:none; transform:none; } .indexNewsList .item .time{ font-size: 24px; padding-top: 40px; color: #B6000C; line-height: 32px; } .indexNewsList .item .title { font-size: 20px; padding-top: 20px; font-weight: bold; color: #333333; line-height: 28px; } .indexNewsList .item a:hover .title{ color:#B6000C; } .indexNewsList .item .txt{ font-size: 16px; padding-top: 16px; color: #666666; line-height: 32px; } .indexNewsList .item .imgs { overflow:hidden; top: 0; left: 0; width: 38.98%; padding-bottom: 25.82%; } .indexNewsList .item .imgs a{ position:absolute; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:#EFECEA; display:flex; justify-content: center; align-items: center; } .indexNewsList .item .imgs img{ max-width:100%; max-height: 100%;} .indexNewsList .item .imgs a:hover img{ transform:scale(1.1); } .fj_indexVideo{ margin-top:60px; } .fj_indexVideo .fj_title{ text-align:left; } .fj_indexVideoList{ margin-top: 24px; width:calc(100% + 20px); margin-left:-10px; } .fj_indexVideoList .item{ width: 33.33333%; padding:0 10px; float:left; opacity:0; -webkit-transform: translateX(-30px); transform: translateX(-30px); } .indexHome.showdiv .fj_indexVideoList .item{ opacity:1; -webkit-transform: none; transform: none; } .fj_indexVideoList .item a{ display:block; height:200px; width:100%; position: relative; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #B6000C; border: 1px solid #E8E8E8; padding:40px; } .fj_indexVideoList .item a:after{ content:""; width:0%; height:4px; box-shadow: inset 0px -4px 0px 0px #E2999E; position: absolute; bottom: 0; left: 0; transition: all 0.4s ease; } .fj_indexVideoList .item a:hover:after{ width: 100%; } .fj_indexVideoList .item a .time{ font-size: 16px; color: #B6000C; line-height: 24px; } .fj_indexVideoList .item a .txt{ text-align: justify; margin-top: 20px; height: 72px; font-size: 18px; color: #333333; line-height: 32px; } .indexAboutUs .imgs{ width:100%; } .indexAboutUs .imgs img{ width:100%; opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); } .indexAboutUs.showdiv .imgs img{ opacity: 1; -webkit-transform: none; transform: none; } .indexAboutUs .imgs .txt{ width:620px; padding:60px; font-size: 16px; right: 80px; bottom: -56px; text-align: justify; color: #FFFFFF; line-height: 32px; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } .indexAboutUs.showdiv .imgs .txt{ opacity: 1; -webkit-transform: none; transform:none; } .indexAboutNum{ padding-top:136px; } .indexAboutNum .item{ float:left; width:200px; margin-left:80px; text-align: center; } .indexAboutNum .item .dw { color:#666; font-size:14px; } .indexAboutNum .item .dw span{ color:#333; font-size:40px; padding-right:10px; font-family: Impact!important; } .indexAboutNum .item .abName{ font-size: 14px; padding-top: 8px; color: #333333; line-height: 22px; } .fj_home3{ padding-bottom:0; } .cultureSwiper{ height:35.41666vw; margin-top:60px; } .cultureSwiper .swiper-container{ height:100%; } .cultureSwiper .itemBox{ height:28.882vw; width:100%; } .cultureSwiper .itemBox .imgs{ width:44.27%; height:100%; overflow:hidden; display:flex; justify-content:center; align-items:center; } .cultureSwiper .itemBox .imgs img{ max-width:100%; max-height:100%; } .cultureSwiper .itemBox .txtBox { width: 36.46%; padding:10px 80px; text-align: left; height: 100%; display: flex; align-items: center; } .cultureSwiper .itemBox .frImgs { width:19.27%;height:100%; overflow:hidden; } .cultureSwiper .itemBox .frImgs img{ width:100%; height:100%; } .cultureSwiper .itemBox .txtBox .title{ font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .cultureSwiper .itemBox .txtBox .txt{ padding-top:20px; font-size: 16px; overflow: auto; max-height: 250px; color: #FFFFFF; text-align: justify; line-height: 32px; } .cultureSwiper .itemBox .txtBox .more{ margin-top:40px; } .fj_home .more span{ display:inline-block; font-size: 14px; color: #FFFFFF; line-height: 22px; } .fj_home .more .iBox{ vertical-align: middle; margin-left: 10px; } .fj_home .more .iBox i{ color:#fff; } .indexPlay .txtBox{ background: url(../image/indexZLbackground.png) no-repeat top center; height: 480px; top: 110px; background-size:100% auto; } .indexPlay .imgsBg{ height: 177px; left:0; top:30px; z-index:0; width: 100%; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } .indexPlay.showdiv .imgsBg{ opacity: 1; -webkit-transform: none; transform: none; } .indexPlay .imgsBg .cc{ width:calc(48% + 10px); } .indexPlay .imgsBg img{width:100%; } .indexPlay .listCon { left:0; right:0; padding-top:60px; z-index:3; } .indexPlay .listBox{ width:52%; } .indexPlay .listBox .item{ float:left; padding:10px; width:50%; overflow:hidden; opacity: 0; -webkit-transform: translateX(60px); transform: translateX(60px); } .indexPlay.showdiv .listBox .item{ opacity: 1; -webkit-transform: none; transform: none; } .indexPlay .listBox .item a{ display:block; background:#000; width:100%; height:0; padding-bottom:66.78%;position:relative; } .indexPlay .listBox .item .imgs{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; bottom:0; right:0; background: #EFECEA; display: flex; justify-content:center; align-items: center; } .indexPlay .listBox .item .imgs img{ max-width:100%; min-height: 100%;} .indexPlay .listBox .item .name{ width:100%; padding:0 20px; left:0; bottom:20px; font-size: 20px; z-index: 2; font-weight: bold; color: #FFFFFF; line-height: 28px; } .indexPlay .listBox .item .imgs:after{ content:""; width:100%; height:100%; background:rgba(255,255,255,0.3); position:absolute; top: 0; left: 0; transition: all 0.4s ease; } .indexPlay .listBox .item a:hover .imgs:after{ opacity: 0; } .indexPlay .txtBox{ z-index:2; } .fj_home4_in{ margin-top:60px; } .indexPlay .txt_in{ width: 44%; } .indexPlay .txt_in .title{ font-size: 24px; padding-top: 80px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .indexPlay .txt_in .txt{ padding-top:20px; overflow: auto; height: 150px; font-size: 16px; text-align: justify; color: #FFFFFF; line-height: 32px; } .indexPlay .txt_in .more{ margin-top:40px; } .fj_dtContainer{ padding-top:208px; } .fj_ContainerMap{ padding-top:90px; } .fj_dtContainer .title{ font-size: 32px; text-align: center; font-weight: bold; color: #333333; line-height: 48px; } .fj_dtContainer .dtInfo{ margin-top:40px; border-bottom:1px solid #F6F6F6; padding-bottom:40px; text-align: center; } .fj_dtContainer .dtInfo .item{ display:inline-block; padding:0 20px; font-size: 14px; color: #666666; line-height: 22px; } .fj_dtContainer .dtInfo .item span{ font-weight:bold; } .fj_dtContainer .dtTxt { text-align: justify; font-size: 16px; padding-top: 40px; color: #666666; line-height: 32px; } .fjShare{ margin-top:80px; border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6; } .fjShare .list .item{ display:inline-block; margin-left:20px; position:relative; } .fjShare .list .item .fjCode { position:absolute; width:250px; height:250px; left:50%; top:0; z-index: 10; margin-left: -125px; margin-top: -230px; background: #fff; padding:10px; padding:16px 20px; background-size: 100% 100%; transition: all ease 0.4s; opacity: 0; visibility: hidden; } .fjShare .list .item .fjCode.active{ opacity: 1;visibility: visible; } .fjShare .list .item .fjCode img{ width:100%; } .fjShare .list .item i{ font-size:40px; line-height:80px; cursor:pointer; } .fjShare .list .item i.active.icon-weixin02{ color: #09c161;} .fjShare .list .item i.active.icon-weibo02{ color: #E71F19;} .fjShare .list .item i.active.icon-lianjie02{ color: #F3C621;} .fjShare .fx{ line-height:80px; font-size: 16px; font-weight: bold; color: #666666; } .dtPage{ padding-top:40px; } .dtPage h4{ font-size: 16px; font-weight: bold; color: #666666; line-height: 24px; } .dtPage .txt{ padding-top:20px; } .dtPage .txt a{ font-size: 16px; color: #333333; line-height: 24px; } .fazhanlichengOutTab{ padding:0 40px; } .mshow{ display: none; } .pcshow{ display: block; } .fj_searchBox{ position:fixed; top:48px; width:100%; height:100px; background:#fff; z-index:300; box-shadow: inset 0px 1px 0px 0px #F6F6F6; border-bottom: 1px solid #f6f6f6; display: none; } .fj_searchBox.active{ display:block; } .fj_searchBox_in{ width:780px; margin: 22px auto 0;background: #FFFFFF; border-radius: 4px; border: 1px solid #D9D9D9; position: relative; height: 56px; } .fj_searchBox_in a{ width: 100px; height: 56px; background: #B6000C; border-radius: 0px 4px 4px 0px; display: block; position: absolute; right: 0; top: -1px; text-align: center; line-height: 56px; color: #fff; font-size:16px; font-weight: bold; } .fj_searchBox_in a:hover{ color:#fff!important; background:#a3000a; } .fj_searchBox_in .inputBox{ height:100%; } .fj_searchBox_in input{ height:100%; width:100%; padding: 0 120px 0 40px; color:#999; border:none; } .fj_searchBox_in i.icon-sousuo{ position:absolute; left:14px; top:20px; font-size:16px; color: #666; line-height:1; } .fj_searchBox_in .closeSearchBtn { position:absolute; right:-64px; top:15px; } .fj_searchBox_in .closeSearchBtn i{ font-size:24px; display:block; color:#666; line-height:1; cursor:pointer; } .fj_searchBox_in .closeSearchBtn i:hover{ color:#B6000C; } .fj_searchBox_in .closeSearchBtn:before{ content:""; position:absolute; left:-20px; height:100%; border-left:1px solid #e8e8e8; width:0; top:0; } .xsgsList>div,.xsgsList>div .item{ position:relative; } .fj_xsgs .xsgsList .item .title{ font-size:24px; color:#333; line-height:32px; font-weight:bold; } .fj_xsgs .xsgsList .item .txt{ padding-top:20px; color:#666; font-size:16px; line-height:32px; text-align:justify; } .fj_xsgs .xsgsList .item .indexMore{ margin-top:40px; line-height:1; display:block; } .fj_xsgs .xsgsList .item .indexMore span{ display:inline-block; } .xsgsList .item .imgs{ overflow:hidden; } .xsgsList1{ padding-bottom:120px; } .xsgsList1 .item .imgs { width:720px; height: 480px; display:flex; justify-content:center; align-items:center; background: #EFECEA; } .xsgsList1 .item .imgs img{ max-width:100%; max-height:100%; } .xsgsList1 .item .txtBox{ position:absolute; right:20px; top:20px; z-index:2; background:#fff; width: 600px; height: 380px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2); } .xsgsList .iBox{ vertical-align:middle; margin-left:16px; } .xsgsList .iBox i{ font-size:40px; } .xsgsList1 .item .txtBox:after{ content:""; width:460px; height:300px; position:absolute; right: -20px; bottom: -20px; background: #CC0000; z-index: -1; } .xsgsList1 .txtBox_in { position:relative; z-index:0; background:#fff; padding:60px 40px; width:100%; height:100%; } .xsgsList2{ background: #F9F6F4; padding:120px 0;} .xsgsList2>div,.xsgsList4>div,.xsgsList2>div>div,.xsgsList4>div>div{ display:flex; flex-wrap:wrap; } .xsgsList2>div .item,.xsgsList4>div .item{ width:50%; padding-right:10px; } .xsgsList2>div .item:nth-child(2n),.xsgsList4>div .item:nth-child(2n){ padding-left:10px; padding-right:0; } .xsgsList2>div .item .item_in,.xsgsList4>div .item .item_in{ width:100%; background:#fff;box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding-bottom: 62px; position: relative; } .xsgsList2>div .item .item_in:before,.xsgsList4>div .item .item_in:before{ content:""; width: 0; height: 4px; position: absolute; bottom: 0; left: 0; transition: all 0.4s ease; box-shadow: inset 0px -4px 0px 0px #b6000c; } .xsgsList2>div .item .item_in:hover:before,.xsgsList4>div .item .item_in:hover:before{ width: 100%; } .xsgsList2>div .item .item_in .imgs,.xsgsList4>div .item .item_in .imgs{ margin:60px 0 0 20px; float:left; width:38.063%; padding-bottom: 25.26%; position:relative; } .xsgsList2>div .item .item_in .imgs .imgBox,.xsgsList4>div .item .item_in .imgs .imgBox{ position:absolute; left:0; top:0; width:100%;height:100%; background: #EFECEA; } .xsgsList2>div .item .item_in .imgs .imgBox div,.xsgsList4>div .item .item_in .imgs .imgBox div{ display: flex; justify-content: center; align-items: center; width:100%;height:100%; } .xsgsList2>div .item .item_in .imgs .imgBox img,.xsgsList4>div .item .item_in .imgs .imgBox img{ max-width:100%; max-height:100%; } .xsgsList2>div .item .item_in .txtBox,.xsgsList4>div .item .item_in .txtBox { float:right; width:44.827%; margin:60px 40px 0 0; } .xsgsList4>div .item{ margin-top:20px; } .xsgsList3{ padding:120px 0; } .xsgsList3 .item .imgs{ width:100%; height: 320px;} .xsgsList3 .item .imgs img{ width:100%; } .xsgsList3 .item .txtBox .txt{ width:620px; position:absolute; top:190px; padding:66px 40px; color:#fff; right: 80px; opacity: 0.9; } .xsgsList3 .item .title{ padding-top:28px; padding-left:84px; } .xsgsList3 .item .fj_link{ padding-left:84px; } .fj_xsgs .xsgsList3 .item .indexMore{ margin-top:30px; } .jqList .lyzxBox{ width:100vw; height: 100vh; padding-right: 6.69vw; padding-left: 27.6vw; display: flex; justify-content: center; align-items: center; } .jqList .lyzxBox .lyzxBox_in{ width:100%; } .jqList .lyzxBox .lyzxBox_in ul{} .jqList .lyzxBox .lyzxBox_in li{ width:33.33%; padding:12px; float:left; } .jqList .lyzxBox .lyzxBox_in li a{ display:block; padding:40px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; position: relative; } .jqList .lyzxBox .lyzxBox_in li a:after{ content: ''; position: absolute; width: 0; height: 4px; box-shadow: inset 0px -4px 0px 0px #b6000c; transition: all 0.4s ease; bottom: 0; left: 0; } .jqList .lyzxBox .lyzxBox_in li a:hover:after{ width:100%; } .jqList .lyzxBox .lyzxBox_in li a .time{ color:#B6000C; font-size:18px; line-height:1; } .jqList .lyzxBox .lyzxBox_in li a .title{ font-size:18px; line-height:28px; margin-top:20px; height:56px; } .jqList .lyzxBox .lyzxBox_in li a:hover .title{ color:#333!important; } .subsidiaryTopBox{ width: 100%; height: 386px; padding:20px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .subsidiaryTopBox .imgs{ width:44.06%; padding-bottom:29.32%; } .subsidiaryTopBox .imgs .imgs_in{ width:100%; height:100%; top:0; left:0; overflow:hidden; background: url(../image/fjdefaultPic500.png) no-repeat; background-size: cover!important; } .subsidiaryTopBox_in{ background:url(../image/qiiyechengyuanBg.png) no-repeat; background-size:auto 100%; background-position: 60% top; } .subsidiaryTopBox_in .txtBox { width:50.45%; height:100%; } .subsidiaryTopBox .txtBox_in .title { font-size: 24px; text-align: left; padding-top: 114px; padding-bottom: 16px; font-weight: bold; color: #B6000C; line-height: 32px; } .subsidiaryTopBox .txtBox_in .addrTxt { font-size: 16px; color: #666666; line-height: 24px; } .subsidiaryTopBox .imgCon{ width:100%; height:100%; overflow:hidden; display: flex; justify-content: center; align-items: center;} .subsidiaryTopBox .imgCon img{ width:100%; } .subsidiaryTopBox_in .swiper-button-next i,.subsidiaryTopBox_in .swiper-button-prev i{ background: #fff; line-height: 1; border-radius: 100%; } .fj_indexBanner .indexBannerBg { width:100%; height:100%; background-size:cover!important; } .createPage{ margin-top:24px; text-align:center; } .createPage a{ background: #fff; padding: 6px 16px; display: inline-block; line-height: 25px; vertical-align: middle; margin: 0 5px; border: 1px solid #f7f7f7; border-radius: 2px; transition: all .5s; } .createPage span{ padding:0 5px; } .createPage input{ width: 50px; height: 39px; line-height: 25px; text-align: center; vertical-align: middle; margin: 0 5px; border: 1px solid #d6d6d6; } .createPage .crc-page-enter1{ padding: 10px 16px; color: #fff; background: #B6000C; cursor: pointer; } .createPage a.crc-page-sel{ border: 1px solid #B6000C; background: #B6000C; color: #fff!important; } /* 闆嗗洟棰嗗 */ .fj_leader ul{ margin-top:-20px; } .fj_leader ul li{ float:left; width:50%; padding-right:10px; margin-top:20px; } .fj_leader ul li .li_out{ position:relative; width: 100%; padding-bottom: 47.4576%; } .fj_leader ul li:nth-child(2n){ padding-left:10px; padding-right:0; } .fj_leader ul li .li_in{ width:100%; padding:20px; height: 100%; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; position: absolute; top: 0; left: 0; } .fj_leader ul li .li_in:after{ content: ''; position: absolute; width: 0; height: 4px; background: #b6000c; bottom:0; left: 0; -webkit-transition:all 0.4s ease; transition: all 0.4s ease; } .fj_leader ul li .li_in:hover:after{ width: 100%; } .fj_leader ul li .imgs{ width: 31.03448%; padding-bottom: 41.3793%; position: relative; margin-right: 40px; } .fj_leader ul li .imgs .imgs_in{ width:100%; height:100%; position:absolute; top: 0; left: 0; overflow: hidden; } .fj_leader ul li .imgs .imgs_in img{ width:100%; } .fj_leader ul li .text .title{ padding-top:40px; font-size: 20px; font-weight: bold; color: #B6000C; line-height: 28px; } .fj_leader ul li .text .txt{ padding-top: 20px; font-size: 16px; color: #666666; line-height: 28px; } /* onlineForm */ .onlineForm{ width:1040px; margin:0 auto; } .onlineForm .tsTxt { font-size: 16px; color: #B6000C; line-height: 24px; } .onlineForm_in .list .item{ float:left; width:50%; padding-left:40px; margin-top:40px; } .onlineForm_in .list .item:nth-child(2n){ padding-right:40px; padding-left:0px; } .onlineForm_in .list .item .item_in{ width:100%; } .onlineForm_in .list .item .item_in label{ display:block; font-size:16px; color:#666; font-weight:bold; margin-bottom:20px; } .onlineForm_in .list .item .item_in label .x{ color:#B6000C; padding-right:5px; } .onlineForm_in .list .item .item_in input{ width:100%;background: #FFFFFF;border: 1px solid #D9D9D9; height:56px; padding:10px 12px; color:#666; } .onlineForm_in .list .item .item_in select{ width:100%;background: #FFFFFF;border: 1px solid #D9D9D9; height:56px; padding:10px 12px; color:#666; cursor:pointer; } .onlineForm_in .list { overflow:hidden; padding-bottom:40px; } .onlineForm_in .pTitle{ width:100%; margin-top:40px; overflow:hidden; float:left; } .onlineForm_in .pTitle h3{font-size: 20px; float: left; vertical-align: middle; font-weight: bold; color: #333333; line-height: 28px; } .onlineForm_in .pTitle .fBg{ float: right; width: 916px; margin-top: 14px; position: relative; height: 1px; border-top: 1px solid #E8E8E8; } .onlineForm_in .bpTitle .fBg{ width: 896px;} .onlineForm_in .pTitle .fBg:after{ content:""; position:absolute; left:-1px; top:-4px; width:8px; height:8px;background:#e8e8e8; border-radius: 100%; } .onlineForm_in .errorTxt{ color:#ff0000; left:0; bottom:-24px; display:none; } .bjbrFile .fileBox input{ display:none; } .cement-infolxwm-r-form .bjbrQuestion,.cement-infolxwm-r-form .bjbrFile,.cement-infolxwm-r-form .bjbrTitle,.cement-infolxwm-r-form .jbrAddr { width:100%!important; padding:0!important; } .bjbrFile .fileBox .fileBtn { height:56px; width:200px; cursor:pointer; background: #FFFFFF; border: 1px solid #D9D9D9; position: relative; line-height: 56px; padding-left: 20px; } .bjbrFile .fileBox .fileBtn .ibg{ height:100%; width: 64px; background: #999; position:absolute; right:0; top:0; line-height: 56px; text-align: center; line-height: 56px; color: #666; } .bjbrFile .fileBox .fileBtn .ibg i{ color:#fff; font-size:16px; } #cement-yzm label{ display: block; font-size: 16px; color: #666; font-weight: bold; padding-bottom: 20px; } #cement-yzm label .x{ color: #B6000C; padding-right: 5px; } #cement-yzm input{ width: 200px; height: 56px; background: #FFFFFF; border: 1px solid #D9D9D9; padding: 10px 12px; color: #666; } #cement-yzm img{ width: 160px; height: 56px; background: #F9F6F4; margin-left: 16px; } .cement-btn{ text-align:center; margin-top:80px; } .cement-btn button{ font-size: 16px; font-weight: bold; border:none; width: 200px; text-align: center; cursor: pointer; color: #fff; height: 64px; background: #B6000C; } .cement-btn button.reset{ background:#ccc; margin-left:16px; } .bjbrFile #imgList { padding-top:20px; overflow:hidden; } .bjbrFile .imgContainer{ width:60px; float:left; margin-right:10px; position:relative; } .bjbrFile .imgContainer p{ position:absolute; right:0; top:0; width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; color: #fff; background: rgba(0,0,0,0.6); cursor: pointer; } .cement-infolxwm-r-form textarea{ width: 100%; resize: none; padding:12px; color: #666; height: 320px; background: #FFFFFF; border: 1px solid #D9D9D9; } .cement-infolxwm-r-form select option{ padding:4px; } .checkbox{ overflow:hidden; text-align:center; } .checkbox .item{ display:inline-block; text-align:center; } .checkbox .checkInput { width:14px; height:14px; border:2px solid #999; vertical-align: middle; cursor: pointer; position: relative;} .checkbox .checkInput.active:after{ content:""; width:141%; height:135%; left:-3px; top:-2px; right:0; bottom:0; z-index: 10; background:url(../image/checkbg.png) no-repeat center; background-size:100%; position: absolute; } .checkbox .txt{ font-size:16px; color:#666; vertical-align: middle; margin-left:8px; } .jjjxLink{ padding-top:60px; } .jjjxLink ul{ text-align:center; } .jjjxLink ul li{ width:180px; height:56px; background: #B6000C; display: inline-block; margin-right: 12px;} .jjjxLink ul li:nth-child(2n){ background: #0059B2; } .jjjxLink ul li a{ display:inline-block; line-height:56px; font-size:16px; color:#fff; font-weight:bold; width:100%; } .jjjxLink ul li a:hover{ color:#fff!important; } .formMsg{ padding-bottom:40px; text-align:justify; } .formMsg img{ max-width:100%; } .jjjxLink ul li a i{ font-weight: lighter; margin-right: 8px; font-size: 22px; vertical-align: bottom; } /* onlineForm end */ .rqpreNext{ overflow:hidden; } .rqpreNext .item{ margin-bottom:20px; } .rqpreNext .item h4{ font-size:16px; color:#666; font-weight:bold; line-height:1; } .rqpreNext .item .txt{ padding-top:20px; color:#333; line-height:1; } .rqpreNext .item .txt span{ padding-left:40px; } /* 澶嶅叴绾查 */ .fj_fxglBox{ margin-top:60px; } .fj_fxglBox .listName{ padding:120px 0 48px; font-size: 24px; text-align: center; font-weight: bold; color: #333333; line-height: 32px; } .fj_fxglBox .fxglTop { height:560px; } .fj_fxglBox .fxglTop .imgs,.fj_fxglBox .fxglTop .imgs .pcshow{ height:100%; } .fj_fxglBox .txtBox {width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;} .fj_fxglBox .txtBox_in { position:relative; height:100%; } .fj_fxglBox .fj_fxgl123{ width:640px; padding:40px 30px 30px; position:absolute; right: 0; top: 66px; } .fj_fxglBox .fj_fxgl123:after{ content:""; position:absolute;width: 54px;height: 44px; right: 47px; z-index: 10; top: -20px; background: url(./image/fj-pub-icon-point.png) no-repeat; background-size: 100%; } .fj_fxglBox .txtList{ position:relative; padding-left:52px; margin-top: 30px;} .fj_fxglBox .txtList .num{ width: 32px; text-align: center; line-height: 32px; color:#fff; height: 32px; position: absolute; left: 0; background: #C6A268; } .fj_fxglBox .txtList .txt{ font-size: 16px; text-align: justify; color: #FFFFFF; text-align: justify; line-height: 2; } .fj_fxglBox .fj_fxgl123Title{ font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .fj_bdglBox .fj_bdglBox_in{ overflow:hidden; } .fj_bdglBox .item{ float:left; width:25%; padding:12px 10px; } .fj_bdglBox .item_in{ width:100%; height: 392px; padding:40px 28px 30px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .fj_bdglBox .item .num{ text-align:center; font-size: 40px; color: #B6000C; line-height: 1; } .fj_bdglBox .item .title{ font-size: 20px; text-align: center; padding:20px 0 16px; font-weight: bold; color: #333333; line-height: 28px; } .fj_bdglBox .item .txt{ font-size: 16px; text-align: justify; color: #666666; line-height: 2; } /* 澶嶅叴绾查 end */