@import url("slick.css"); @import url("slick-theme.css"); /*content*/ @media only screen and (min-width: 1200px){ .container {padding: 0;width: 1200px;} .container-fluid{padding: 0;} } .mt_70 { margin-top: 70px; } .mb_35 { margin-bottom: 35px; } .px_30 { padding: 0 30px; } .pt_0 { padding-bottom: 0; } .bg_ff { background-color: white; } .bg_gold { background-color: #d7b679; padding: 15px 0 10px; } .hover_gold { transition: all .33s; } .hover_gold:hover { color: #d7b679 !important; } a { color: #333; text-decoration: none; transition: all .33s; } a:hover, a:focus { color: #d7b679; } body { opacity: 0; visibility: hidden; /*will-change: transform;*/ -webkit-animation: showing both .66s 1s; animation: showing both .66s 1s; } html:after { content: ""; display: block; width: 80px; height: 80px; background-image: url(../image/logo-footer.png); background-repeat: no-repeat; background-position: center center; background-size: initial; position: fixed; top: 50vh; left: 50vw; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99999; opacity: 1; visibility: visible; -webkit-animation: loading both 2s; animation: loading both 2s; } @-webkit-keyframes showing { to{ opacity: 1; visibility: visible; } } @keyframes showing { to{ opacity: 1; visibility: visible; } } @-webkit-keyframes loading { from{ width: 0px; } to{ opacity: 0; visibility: hidden; } } @keyframes loading { from{ width: 0px; } to{ opacity: 0; visibility: hidden; } } .header_top { background-color: #ddd; padding: 8px 0; } .top_left a { color: #a99067; margin-right: 10px; } .top_right .weather { color: #999; } .top_right .shares { color: #d23636; font-weight: 700; margin-left: 30px; } .search form { position: relative; } .search form input[type="text"] { background-color: #f7f7f7; border: none; width: 340px; padding: 6px 16px; } .search form input[type="text"]::-webkit-input-placeholder { color: #999; } .search form input[type="submit"] { position: absolute; right: 0; top: 0px; width: 50px; height: 32px; border: none; background-color: transparent; background-image: url(../image/input-search.png); background-repeat: no-repeat; background-position: center center; } .logo_area { padding: 15px 0; border-bottom: 1px solid #f3f3f3; } .logo_area .logo_top { } .logo_area .search { padding: 5px 0; } .main_navbar>li { width: calc(100% / 8); float: left; text-align: center; padding: 7px 20px; position: relative; } .main_navbar>li>a { display: block; height: 100%; padding: 8px 0; border-radius: 50px; font-size: 16px; font-weight: 700; } .main_navbar>li.active>a,.main_navbar>li:hover>a { background-image: linear-gradient(to right,#cbae7e 0,#eeddc0 100%); color: white; } .main_navbar>li>ul { position: absolute; width: 130px; padding: 10px 0; margin-top: 7px; margin-left: -10px; z-index: 9; opacity: 0; visibility: hidden; background-color: rgba(169, 144, 103, 0.6); transition: all .33s; } .main_navbar>li:hover>ul { opacity: 1; visibility: visible; } .main_navbar>li>ul li a { display: block; padding: 6px 0; color: white; transition: all .25s; } .main_navbar>li>ul li a:hover { color: white; background-color: rgba(215, 182, 121, 0.6); } .main_navbar { margin: 0; } .slider { } .slick-slide[aria-hidden="true"] { -webkit-animation: fadeOut 1.2s backwards; animation: fadeOut 1.2s backwards; } .slider .slick-slide { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .video-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .Vidage__video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .text-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* width: 80%; */ white-space: nowrap; } .slick-slide[aria-hidden="true"] .text-content { -webkit-animation: fadeOut .9s both backwards; animation: fadeOut .9s both backwards; } .text-content h1 { font-weight: 700; font-size: 46px; font-family: "榛戜綋"; text-shadow: 0px 1px #fff; transition: all .3s; will-change: transform; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); opacity: 0; } .slick-slide.slick-active .text-content h1:first-of-type { -webkit-animation: blur 2s 0.5s both, fadeInDown 2s 0.5s both; animation: blur 2s 0.5s both, fadeInDown 2s 0.5s both; } .slick-slide.slick-active .text-content h1:last-of-type { -webkit-animation: blur 2s 1s both, fadeInDown 2s 1s both; animation: blur 2s 1s both, fadeInDown 2s 1s both; } @-webkit-keyframes blur { from { -webkit-filter: blur(10px); filter: blur(10px); } to { -webkit-filter: blur(0px); filter: blur(0px); } } @keyframes blur { from { -webkit-filter: blur(10px); filter: blur(10px); } to { -webkit-filter: blur(0px); filter: blur(0px); } } .btn-wraper { margin-top: 30px; margin-bottom: 30px; } .slick-slide.slick-active .text-content .btn.btn-blue { -webkit-animation: fadeInDown 2s both 1.5s; animation: fadeInDown 2s both 1.5s; } .text-content .btn { opacity: 0; color: white; background-color: #26a1e0; } .btn.shadow { box-shadow: 0px 10px 50px 0px rgba(38, 161, 224, 0.4); transition: all .33s; } #slick-slider02 .slick-slide { height: 340px; } .news_slider .news-slide a { display: block; width: 100%; height: 100%; } .news_slider .news-slide img { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .news_slider .news-slide h5 { color: white; font-size: 15px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); margin: 0; padding: 10px 90px 10px 16px; } .news_slider { width: 47%; padding: 0 15px; } .news_slider .slick-dots { width: auto; right: 0; } .news_message { width: 53%; padding: 0 15px; } .title_h3 h3 { color: #003867; margin: 0; text-indent: 25px; background-image: url(../image/double-arrow.png); background-position: left center; background-repeat: no-repeat; transition: all .33s; } .title_h3:hover h3 { color: #d7b679; } .title_h3 small { color: #999; font-size: 14px; margin-left: 8px; /* font-weight: 700; */ } .title_h3.more { background-image: url(../image/more.png); background-position: right center; background-repeat: no-repeat; } .news_slider .slick-dots { bottom: 7px; } .news_slider .slick-dots li.slick-active button:before { opacity: .75; color: #ff0000; } .news_slider .slick-dots li button:before { color: white; content: '鈥?; opacity: .75; transition: all .33s; } .news_fist h4 { color: #cf3432; font-size: 16px; margin: 25px 0 8px; font-weight: 700; } .news_fist .time { margin-bottom: 15px; float: right; color: #d7b679; font-weight: 400; } .news_fist .text { height: 2.75em; overflow: hidden; } .news_fist .time a,.news_fist .text a { color: #999; } .news_oder li a { display: block; color: #333; position: relative; padding: 7px 0; padding-right: 90px; text-indent: 18px; background-image: url(../image/arrow.png); background-position: left center; background-repeat: no-repeat; } .news_oder li a:hover { color: #d7b679; background-position: 4px center; } .news_oder li a span { display: block; color: #999; position: absolute; top: 7px; right: 0; } .news_oder { padding-top: 15px; } .img_box h3 { color: #444; position: relative; z-index: 1; margin-bottom: 27px; transition: all .33s; } .img_box:hover h3 { color: #cf3432; } .img_box p { color: #666; text-transform: uppercase; font-size: 16px; position: relative; z-index: 1; } .img_box { position: relative; background-repeat: no-repeat; background-size: cover; padding-top: 50px; padding-left: 60px; height: 300px; overflow: hidden; box-shadow: 2px 4px 25px -6px #777; } .img_box:before { content: ""; display: block; position: absolute; z-index: 0; left: -80%; top: 0; width: 200%; height: 100%; background-image: linear-gradient(to right,#ffffff 35%,transparent 70%); transition: all .6s; } .img_box:hover:before { -webkit-transform: translateX(12%); transform: translateX(12%); } .img_box.znzz { background-image: url(../image/ywly01.jpg); } .img_box.lqyy { background-image: url(../image/ywly02.jpg); } .img_box ul { position: relative; z-index: 1; } .img_box li { float: left; width: 140px; overflow: hidden; } .img_box ul li a { display: inline-block; font-size: 16px; color: #a94442; padding: 5px 0; text-indent: 20px; background-image: url(../image/list-disc.png); background-repeat: no-repeat; background-position: left center; transition: all .6s; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15px); transform: translateX(-15px); } .img_box ul li a:hover { color: #cf3432; transition: all .25s; } .img_box:hover ul li a { opacity: 1; visibility: visible; -webkit-transform: translate(0); transform: translate(0); } .img_box ul li:nth-of-type(1) a { transition-delay: 0s; } .img_box ul li:nth-of-type(2) a { transition-delay: .1s; } .img_box ul li:nth-of-type(3) a { transition-delay: .2s; } .img_box ul li:nth-of-type(4) a { transition-delay: .3s; } .img_box ul li:nth-of-type(5) a { transition-delay: .4s; } .img_box ul li:nth-of-type(6) a { transition-delay: .5s; } .img_box ul li:nth-of-type(7) a { transition-delay: .6s; } .img_box ul li:nth-of-type(8) a { transition-delay: .7s; } .img_box ul li:nth-of-type(9) a { transition-delay: .8s; } .img_box ul li:nth-of-type(10) a { transition-delay: .9s; } section.ywly { background-color: #fbfbfb; padding: 45px 0 55px; } .img_box_s ul li { position: relative; height: 85px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all .6s; box-shadow: 2px 4px 25px -6px #777; } .img_box_s ul li:hover { opacity: .7; } .img_box_s ul li+li { margin-top: 22px; } .img_box_s ul li.ztzl { background-image: url(../image/zt01.jpg); } .img_box_s ul li.xysjd { background-image: url(../image/zt02.jpg); } .img_box_s ul li.tzzbh { background-image: url(../image/zt03.jpg); } .img_box_s ul li a { display: block; width: 100%; height: 100%; } .img_box_s ul li span { position: absolute; left: 15px; bottom: 15px; font-size: 20px; font-weight: 700; color: white; text-shadow: 0 0 5px rgba(0, 0, 0, 0.75); } section.zhfw { padding: 80px 0 50px; background-image: url(../image/bg01.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } [class*="fw_wrap"] { padding: 0 15px; float: left; } .fw_wrap_s { width: 28.5%; padding-bottom: 20px; } .fw_wrap_b { width: 43%; } .title_h4 { text-align: center; margin-top: -33px; } .title_h4 a { display: inline-block; } .title_h4 a h4 { display: inline-block; color: white; font-weight: 700; padding: 12px 36px; border-radius: 50px; background-color: #d7b679; letter-spacing: 1px; } .bg_f5 { background-color: #f5f5f5; } .fw_form_item { margin-bottom: 10px; } .fw_form_item label,.fw_form_item select,.fw_form_item input { display: block; float: left; margin: 0; } .fw_form_item label { width: 60px; text-align:justify; text-justify:distribute-all-lines; text-align-last:justify; margin-right: 15px; } .fw_form_item select { color: #666; background-color: white; border: 1px solid #ddd; border-radius: 2px; } .fw_form_item select:first-of-type { margin-right: 10px; width: calc(76% - 60px - 15px - 10px); } .fw_form_item select:last-of-type { width: 24%; } .fw_form_item input[type*="button"] { color: white; background-color: #cf3432; border-radius: 2px; border: none; width: 85px; padding: 1px 0; } .fw_form { padding: 0 15px; position: absolute; width: 100%; } .fw_con { opacity: 0; visibility: hidden; transition: all .5s; position: relative; } .fw_con.active { opacity: 1; visibility: visible; } .fw_tab a { color: #777777; font-size: 16px; transition: all .33s; width: 49%; text-align: center; display: inline-block; } .fw_tab a.active { color: #08c; } .fw_bg { background-color: #fcfcfc; height: 145px; border-radius: 2px; box-shadow: 2px 4px 25px -6px #bbb; margin-top: 10px; margin-bottom: 20px; } .fw_tab { padding: 6px 0 15px; } .fw_form .fw_tel { display: block; /* font-weight: 700; */ color: #666; vertical-align: middle; margin-bottom: 10px; } .fw_form .fw_tel:hover { color: #d7b679; } .fw_form .fw_tel img { margin-top: -2px; margin-right: 5px; } .index_map { padding: 5px; background-color: white; border-radius: 2px; box-shadow: 2px 4px 25px -6px #bbb; } .index_map_box { position: relative; } .map_re { } .map_re img { width: 100%; } .map_ab { display: block; position: absolute; transition: all .6s; } .map_ab:hover img { -webkit-filter: brightness(110%) hue-rotate(180deg); filter: brightness(110%) hue-rotate(180deg); } .map_ds { top: 11%; left: 32%; width: 50px; } .map_hx { bottom: 15%; left: 53%; } .map_hy { top: 52%; left: 15%; } .map_dgb { top: 22%; right: 31%; width: 12px; } .map_ab:after { content: url(../image/map-marker.png); position: absolute; top: -50%; left: 50%; } .map_ab.map_hy:after { top: -15%; } .map_ab p { position: absolute; white-space: nowrap; top: -60%; left: 72%; overflow: hidden; } .map_ab.map_hy p { top: -25%; left: 62%; } .map_ab p span { color: #cf3432; padding: 0px 4px; background-color: white; border: 1px solid #ddd; border-radius: 2px; display: block; opacity: 0; transition: all .33s; -webkit-transform: translate(-100%); transform: translate(-100%); } .map_ab:hover p span { opacity: 1; -webkit-transform: translate(0%); transform: translate(0%); } .fw_bgw { margin-top: 10px; /* margin-bottom: 20px; */ } .message_wrap.sec .news_fist .time a { font-size: 24px; color: #a99067; } .message_wrap.sec .news_fist .text { height: 4.15em; } .message_wrap.sec .news_fist { padding-top: 35px; } .message_wrap.sec .news_fist .time { margin-bottom: 0; float: none; } .message_wrap.sec .news_fist h4 { margin: 12px 0 8px; } .message_wrap.sec .news_oder { padding-top: 15px; } .title_h3.more.ex { margin: 26px 0 39px; } .title_h3.ex h3 { background-image: none; } .fw_bgr { margin-top: 10px; } .notice_img { position: relative; height: 130px; overflow: hidden; } .notice_img img { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .news_oder.no_icon li a { background-image: none; text-indent: 0; padding-right: 0; margin-bottom: 5px; } .fw_wrap_s.pt_0 { padding-bottom: 0; } .title_h3.more.ex.r {margin: 24px 0 39px;} .con_cyqy a { color: white; display: block; text-align: center; margin-bottom: 5px; transition: all .25s; } .con_cyqy a:hover { color: #eee; } .title_cyqy { color: white; width: 90px; } .title_cyqy h5 { margin: 0; } .con_cyqy { width: calc(100% - 90px); } .link_select select { color: #666; background-color: white; border: 1px solid #ddd; border-radius: 2px; display: block; width: 100%; padding-left: 8px; } .friend_link .title_cyqy { color: #999; padding: 3px 0; } .friend_link { padding: 20px 0; } .link_select { width: 25%; padding: 0 15px; margin: 0 !important; } .link_select+.link_select { margin-left: 40px; } .com_info_wrap { background-image: url(../image/footer-bg.png); } .com_contact li,.com_contact li a { color: #999; font-size: 12px; } .com_contact li a+a { margin-left: 6px; } .com_contact li a:hover { color: #d7b679; } .logo_footer { margin-right: 15px; } .wechat { } .wechat_box { display: inline-block; margin-right: 15px; } .wechat_box img { margin-bottom: 4px; } .wechat_box p { color: #999; font-size: 12px; } .logo_info { padding: 15px; } .ending { background-color: #f5f5f5; padding: 10px 0; } .end_info { } .end_info p { color: #999; margin-bottom: 0; line-height: 1.75; } .end_info p a { color: #999; } .company { padding-bottom: 3px; } .con_fried { width: calc(100% - 90px); } .toggle-mnu { display: none; float: right; width: 28px; height: 28px; top: 2px; position: relative; cursor: pointer; } .toggle-mnu span { position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 3px; background-color: #d7b679; transition: all .6s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 2px; } .toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 9px; } .toggle-mnu span:after { top: 18px; } .box-shadow.close-top-menu { opacity: 0; visibility: hidden; position: fixed; z-index: 99998; top: 0; left: 0; width: 100vw; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease 0.3s; } .menu-on .box-shadow.close-top-menu { opacity: 1; visibility: visible; } .menu-on .toggle-mnu span { -webkit-transform: rotate(45deg) translate(8px, 8px); transform: rotate(45deg) translate(8px, 8px); } .menu-on .toggle-mnu span:after { -webkit-transform: rotate(90deg) translate(-19px,0px); transform: rotate(90deg) translate(-19px,0px); } .menu-on .toggle-mnu span:before { opacity: 0; } .text-content.text-right.color-w h1 { color: white; font-family: "榛戜綋"; text-shadow: 0px 0px 15px #5b5b5b; } .page_banner { } .banner_wrap { position: relative; height: 220px; overflow: hidden; } .banner_wrap img { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: none; width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #000; */ opacity: 0.1; } .page_title_warp { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page_title_warp h4 { color: white; font-size: 30px; font-weight: 700; } .location a,.location span { display: inline-block; color: #bbb; } .location a:first-of-type { color: #d7b679; } section.page-body { padding: 40px 0; margin-bottom: 30px; } .bar_list h4 { background-image: linear-gradient(to right,#cbae7e 0,#eeddc0 100%); color: #fff; padding: 16px; font-size: 20px; padding-left: 32px; margin: 0; border-bottom: 2px solid #fff; } .bar_list ul { background-color: #f5f5f5; /* border: 1px solid #f9f9f9; */ } .bar_list li a { display: block; padding: 16px; line-height: 1; padding-left: 32px; } .bar_list li a.active,.bar_list li a:hover { background-color: #f5f5f5; background-image: linear-gradient(to right,#f5f5f5 0,#fbfbfb 100%); background-image: linear-gradient(to right,rgba(203, 174, 126, 0.76) 0,#eeddc0 100%); color: white; } .page_list li a { display: block; position: relative; } .page_list li a:before { content: ""; display: block; position: absolute; top: 0; right: 0; transition: all .33s; height: 0px; width: 0px; border-top: 15px solid transparent; border-left: 15px solid transparent; } .page_list li a:hover:before { border-top: 15px solid #d7b679; } .list_date { width: 130px; padding: 50px 0; background-color: #fafafa; float: left; } .list_date .date_day { float: left; font-size: 32px; line-height: 1; vertical-align: middle; width: 55%; text-align: right; display: inline-block; padding-right: 6px; color: #d7b679; } .list_date .date_mon { display: block; line-height: 1.1; color: #777; } .list_date .date_year { display: block; line-height: 1.1; color: #777; } .blog_art { float: left; width: calc(100% - 150px); padding: 19px; } .blog_art h4 { color: #d7b679; } .blog_art p { color: #777; overflow: hidden; height: 40px; } .page_list li {margin-bottom: 15px;border: 1px solid #f5f5f5;} .detail_wrap h4 { font-size: 24px; margin-bottom: 15px; text-align: center; } .detail_wrap .detail_info {color: #999;text-align: center;} .detail_wrap .detail_info span {color: #999;margin-right: 6px;} .detail_content { text-align: justify; line-height: 1.75; font-size: 18px; } .detail_content *,.detail_content { text-align: justify; line-height: 1.75; font-family: "瀹嬩綋" !important; } .detail_content img { margin: 12px 0; width: auto !important; height: auto !important; } .for_back { text-align: center; float: right; margin-top: 30px; /* margin-bottom: 30px; */ } .for_back a { background: #d7b679; color: white; padding: 10px 15px; } .paging { text-align: center; margin-top: 30px; } .paging a,.paging span { padding: 6px 12px; border-radius: 2px; } .paging a:hover { background-color: #d7b679; color: white; } .paging span { color: #d7b679; } #map { /* height: 400px; */ padding-bottom: 50%; border: 5px solid #ffffff; box-shadow: 0 0 25px -6px #ddd; } #map label,#map img { max-width: none; } .contact_info { padding: 15px 0; color: #666; line-height: 1.75; } .contact_info a { /* border-bottom: 1px dotted #d7b679; */ color: #d7b679; } #slick-slider01 .slick-slide > img { /* position: absolute; */ /* top: 50%; */ /* left: 50%; */ /* min-width: 100%; */ /* min-height: 100%; */ /* width: auto; */ /* height: auto; */ /* max-width: none; */ /* -webkit-transform: translateX(-50%) translateY(-50%); */ /* transform: translateX(-50%) translateY(-50%); */ } #slick-slider01 .slick-slide.slick-active > img { -webkit-animation: slick 5s both 1 ease-out; animation: slick 5s both 1 ease-out; } @-webkit-keyframes slick { from{ -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes slick { from{ -webkit-transform: scale(1.5); transform: scale(1.5); } } .timeline_list ul li a { display: block; position: relative; cursor: default; } .timeline_list ul li { position: relative; } .timeline_list ul li:before { content: ""; position: absolute; border-radius: 50%; background-color: #fffaef; border: 4px solid #f9e1b4; width: 19px; height: 19px; top: 30px; left: 122px; } .timeline_list ul li:after { content: ""; position: absolute; background-color: #eee; width: 1px; height: 100%; top: 30px; left: 131px; z-index: -1; } .timeline_list ul li:last-of-type:after { height: calc(100% - 30px); } .timeline_date { width: 150px; float: left; padding: 29px 20px 29px 0; font-weight: 700; font-size: 18px; color: #d7b679; /* text-align: right; */ } .timeline_date span { display: inline-block; } .timeline_list .blog_art h4 { overflow: visible; text-overflow: initial; white-space: normal; } .timeline_list .blog_art p { overflow: visible; height: auto; } .page_list.img_list { } .page_list.img_list .blog_art { width: calc(100% - 175px); } .page_list.img_list .img_wrap { width: 151px; float: left; margin: 19px 0 0 19px; position: relative; overflow: hidden; padding-bottom: 13%; } .page_list.img_list .img_wrap img { border-radius: 2px; display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; /* max-width: none; */ width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .page_gsyz { position: relative; border: 1px solid #eee; padding: 3px; } .page_gsyz:after { content: "鐐瑰嚮鍦板浘鏍囪澶勬煡鐪嬭鎯?; position: absolute; top: 3px; right: 3px; padding: 6px; background-color: white; border: 1px solid #eee; } .page_gsyz .map_gsyz { pointer-events: none; } .page_gsyz a.gsyz_marker,.page_gsyz a.gsyz_marker:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url(../image/gsyz-marker.png); background-position: center center; background-repeat: no-repeat; z-index: 1; } .page_gsyz a.gsyz_marker:after { content: ""; z-index: -1; -webkit-animation: maker_flash 1.6s infinite; animation: maker_flash 1.6s infinite; } .page_gsyz a.gsyz_marker i { position: absolute; display: block; white-space: nowrap; font-style: normal; padding: 3px 8px; border-radius: 2px; background-color: white; top: 50%; left: 50%; z-index: 2; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.1); transform: translate(-50%, -50%) scale(0.1); transition: all .33s; } .page_gsyz a.gsyz_marker:hover i { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } @-webkit-keyframes maker_flash { from{ opacity: .5; -webkit-transform: scale(1); transform: scale(1); } to{ opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @keyframes maker_flash { from{ opacity: .5; -webkit-transform: scale(1); transform: scale(1); } to{ opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } .map_1 { bottom: 36%; right: 32%; } .map_2 { bottom: 35%; right: 36%; } .map_3 { top: 61%; left: 52%; } .map_4 { top: 58%; left: 40%; } .map_5 { right: 35%; top: 34%; } .map_6 { bottom: 26%; right: 25%; } .map_7 { bottom: 43%; right: 19%; } .map_8 { bottom: 36%; right: 18.5%; } .banner_s { position: absolute; top: 0%; left: 0%; width: 48%; /* padding-right: 1%; */ /* padding-bottom: 1%; */ /* background-color: white; */ /* border: 5px solid #333; */ /* border-left: none; */ /* border-top: none; */ /* transform: scale(0.7); */ /* transform-origin: left top; */ } .banner_s:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0%; left: 0%; /* background-image: url(../pictures/banner-s.png); */ background-repeat: no-repeat; background-size: cover; /* z-index: -1; */ } .banner_s img { float: left; width: 25%; /* height: 16%; */ } #slick-slider01 .slick-slide.slick-active .banner_s img { -webkit-animation: inleft .5s both; animation: inleft .5s both; } @-webkit-keyframes inleft { from{opacity: 0;-webkit-transform: translate(-1vw);transform: translate(-1vw);} to{opacity: 1;-webkit-transform: translate(0vw);transform: translate(0vw);} } @keyframes inleft { from{opacity: 0;-webkit-transform: translate(-1vw);transform: translate(-1vw);} to{opacity: 1;-webkit-transform: translate(0vw);transform: translate(0vw);} } #slick-slider01 .slick-slide.slick-active .banner_s img:nth-of-type(1) { -webkit-animation-delay: 4s; animation-delay: 4s; } #slick-slider01 .slick-slide.slick-active .banner_s img:nth-of-type(2) { -webkit-animation-delay: 4.2s; animation-delay: 4.2s; } #slick-slider01 .slick-slide.slick-active .banner_s img:nth-of-type(3) { -webkit-animation-delay: 4.4s; animation-delay: 4.4s; } #slick-slider01 .slick-slide.slick-active .banner_s img:nth-of-type(4) { -webkit-animation-delay: 4.6s; animation-delay: 4.6s; } .img_list_2 li { width: 33.33%; float: left; border: none; padding: 0 15px; } .img_list_2 ul { margin: 0; overflow: hidden; } .img_list_2 .img_wrap { overflow: hidden; padding-bottom: 65%; position: relative; } .img_list_2 li:hover a img { opacity: .8; transform: translateX(-50%) translateY(-50%) scale(1.05); } .img_list_2 li a { } .img_list_2 li a img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; /* max-width: none; */ width: auto; height: auto; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all .5s; } .img_list_2 li a .blog_art { width: 100%; padding: 5px; float: none; } .img_list_2 li a .blog_art h4 { font-size: 16px; color: #666; text-align: center; } .slider-dwjs li { cursor: move; } .slider-dwjs li img { } .slider-dwjs li h4 { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slider-dwjs-nav li { padding: 5px; transition: all .5s; overflow: hidden; cursor: move; } .slider-dwjs-nav li.slick-active.slick-center { } .slider-dwjs-nav li.slick-active.slick-center img { transform: scale(1.2); } .slider-dwjs-nav li img { transition: all .5s; } .page_gsyz a.gsyz_marker.map_x:after { content: none; animation: none; } .page_gsyz a.gsyz_marker.map_x, .page_gsyz a.gsyz_marker.map_x:after { background-image: none; width: auto; height: auto; } .page_gsyz a.gsyz_marker.map_x img { width: 100%; } .page_gsyz a.gsyz_marker.map_x.m_ds { top: 38%; right: 31%; width: 8%; } .page_gsyz a.gsyz_marker.map_x.m_hx { bottom: 23%; right: 18%; width: 10%; } .page_gsyz a.gsyz_marker.map_x.m_hy { bottom: 32%; right: 32%; width: 31%; } .page_gsyz a.gsyz_marker.map_x.m_dgb { bottom: 33%; right: 20%; width: 2.5%; } .blog_art.notime { width: 100%; } .news_fist >a.change { display: block; position: relative; } .news_fist >a.change h4 { width: calc(100% - 100px); margin-bottom: 16px; } .news_fist >a.change h4+span.time { position: absolute; top: 0; right: 0; } .page_list.img_list_2 { margin-left: -15px; margin-right: -15px; } .detail_content table { margin: auto; } /*Responsive*/ @media only screen and (max-width:1200px ) { .main_navbar>li>ul { width: 100px; } .img_box li { width: 50%; } .img_box { padding-top: 5%; padding-left: 10%; } .fw_wrap_b,.fw_wrap_s { width: 33.333%; } } @media only screen and (max-width:992px ) { .fw_wrap_b,.fw_wrap_s { width: 100%; } .fw_wrap_s:first-of-type { padding-bottom: 40px; } .toggle-mnu { display: block; } .main_navbar { position: fixed ; z-index: 99999; width: 240px; height: 100%; overflow-x: hidden; overflow-y: auto; top: 0; left: -240px; background-color: #fff; transition: all 0.5s ease 0.3s; padding-top: 30px; } .menu-on .main_navbar { left: 0px; } .main_navbar>li:hover>ul { opacity: 0; visibility: hidden; display: none; } .main_navbar>li { width: 100%; float: none; } .main_menu_area { padding: 6px; } } @media only screen and (max-width:769px ) { .title_cyqy { margin-bottom: 10px; } .title_cyqy,.con_cyqy,.con_cyqy a,.con_fried { width: 100%; text-align: left; } .link_select { width: 50%; margin-bottom: 10px !important; } .wechat.text-right { text-align: center; } .logo_footer.pull-left { text-align: center; float: none !important; margin-bottom: 6px; } .com_contact.pull-left { text-align: center; width: 100%; } .fw_form_item input[type*="button"] { width: calc(76% - 60px - 15px - 10px); } .img_box:before { -webkit-transform: translateX(12%); transform: translateX(12%); } .img_box ul li a { opacity: 1; visibility: visible; -webkit-transform: translateX(0px); transform: translateX(0px); } .img_box { margin-bottom: 15px; } .img_box_s ul li+li { margin-top: 15px; } .news_slider,.news_message { width: 100%; } .news.mt_70 { margin-top: 45px; } .logo_area .search,.search form,.search form input[type="text"] { width: 100%; } .logo_area .logo_top { text-align: center; float: none !important; } .top_right .weather { display: none; } .top_right .shares { margin-left: 0; } .top_right.pull-right { float: left !important; } .top_left a { font-size: 12px; } .text-content h1 { font-size: 24px; } .slider .slick-slide { /* height: 320px; */ } .list_date { width: 100%; padding: 6px 10px 6px 0px; display: flex; flex-direction: row-reverse; } .blog_art { width: 100%; padding: 10px; border-left: 1px solid #f5f5f5; } .list_date .date_day { float: none; display: inline-block; font-size: inherit; line-height: 1.1; width: auto; vertical-align: initial; color: #666; } .list_date span { float: none !important; display: inline-block !important; padding: 0 6px 0 0 !important; font-size: 12px !important; color: #999 !important; } .page_list li a { display: flex; flex-direction: column-reverse; } .page_list { /* margin-top: 15px; */ } .page_content { margin-top: 15px; } #map { min-height: 240px; } .timeline_list ul li a { } .timeline_list ul li { padding-left: 30px; } .timeline_list ul li:before { left: 0; } .timeline_list ul li:after { left: 9px; } .timeline_date { padding: 29px 20px 0px 10px; } .timeline_list .blog_art { border-left: none; } .page_list.img_list .blog_art { width: calc(100%); } .page_list.img_list .img_wrap { width: 100%; float: left; padding: 0 10px 10px; padding-bottom: 45%; border: 10px solid white; margin: 0; text-align: center; } } @media only screen and (max-width:480px ) { #slick-slider02 .slick-slide { height: 240px; } } /*20181030*/ @media only screen and (max-width: 769px){ .news.mt_70 { margin-top: 15px; } } @media only screen and (max-width: 992px){ .toggle-mnu { position: absolute; top: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.75); padding: 3px; border-radius: 2px; } } .logo_area { padding: 15px 0 5px; border-bottom: 1px solid #f3f3f3; }