.video_wrapper { position: fixed; background: rgba(0, 0, 0, 0.5); top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 1000; display: none; } .video_wrapper .close { color: #fff; cursor: pointer; top: 19%; position: absolute; width: 40px; height: 40px; background: url(../img/yy_close.png) center center no-repeat; left: 50%; margin-left: 290px; } .video_wrapper .close:hover { opacity: 0.8; } .video_wrapper #myvideo { top: 20%; position: absolute; left: 50%; margin-left: -270px; } .video_wrapper .video-js .vjs-big-play-button { top: 160px; } #bdmap { width: 100%; height: 910px; } .swiper-wrapper { display: flex; align-items: center; } .about_top .about_top_title { display: block; margin-top: 110px; } .about_top h3 { text-align: left; font-size: 32px; color: #7456c1; margin-top: 130px; } .about_top .about_txt { width: 720px; margin-top: 40px; float: left; } .about_top .about_txt p { margin-bottom: 25px; font-size: 18px; color: #6f6f6f; line-height: 31px; } .about_top .about_txt p b { color: #245ca7; font-size: 20px; } .about_top .about_play { width: 580px; float: right; position: relative; } .about_top .about_play .play_icon { position: absolute; bottom: 10px; right: 30px; cursor: pointer; } .about_top .about_play .play_icon:hover { opacity: 0.7; } .about_top .about_play > img { margin-top: -120px; } .about_top .about_play img { width: 100%; position: relative; } .historys { margin-bottom: 120px; } .historys li { width: 720px; border-right: solid 1px #aaa; padding-right: 55px; position: relative; } .historys li:nth-child(1) .year { padding-top: 110px; } .historys li:nth-child(1) .year .dot_year { top: 119px; } .historys li.right { float: right; border-left: solid 1px #aaa; width: 721px; padding-left: 55px; border-right: none; } .historys li.right .year, .historys li.right .desc { text-align: left; } .historys li.right .dot_year { right: auto; left: -7px; } .historys li .year { font-size: 50px; text-align: right; line-height: 60px; display: block; padding-top: 70px; } .historys li .year .dot_year { position: absolute; right: -7px; top: 79px; width: 14px; height: 42px; background: #fff; } .historys li .year .dot_year .dot_r { width: 14px; height: 14px; margin-top: 14px; border-radius: 14px; background: #f27828; } .historys li .desc { font-size: 18px; color: #6f6f6f; width: 660px; margin-top: 10px; text-align: right; } .about_news_center { text-align: center; padding-bottom: 60px; } .about_news_center .title_img, .about_news_center h2 { margin: 110px auto 80px; } .about_news_center .more { margin-top: 80px; } .about_news_center .news_list li { width: 32%; margin-right: 2%; float: left; } .about_news_center .news_list li img { width: 100%; transition: all 0.4s; } .about_news_center .news_list li:hover { background: #7456c1; } .about_news_center .news_list li:hover * { color: #fff !important; } .about_news_center .news_list li .title { color: #333333; font-size: 24px; margin: 30px 0 20px; text-align: left; padding: 0 10px; } .about_news_center .news_list li .date { font-size: 16px; color: #999999; text-align: left; padding: 10px 10px; } .news_list_list li { margin-bottom: 40px; } .news_list_list li:hover .content { background: #7456c1; } .news_list_list li:hover .content * { color: #fff; } .news_list_list li * { text-align: left; } .news_list_list li .title { font-size: 24px; line-height: 40px; } .news_list_list li .date { font-size: 16px; color: #999999; margin-bottom: 20px; } .news_list_list li img { width: 440px; height: 250px; float: left; display: block; } .news_list_list li .desc { color: #666666; line-height: 24px; height: 48px; overflow: hidden; } .news_list_list li .content { padding: 40px 60px; height: 250px; width: 1000px; float: right; } .news_list_list li .more1 { margin-top: 15px; } .map_container { position: relative; height: 910px; background: url(../img/map_bg.png) center center no-repeat; overflow: hidden; } .map_container .worder_wrapper_inner { position: absolute; top: 110px; right: 10%; padding: 40px 35px; background: #fff; } .maplayer { background: url(../img/maplayer.jpg) center center no-repeat; } .maplayer * { color: #fff; line-height: 22px; } .maplayer li { float: left; width: 25%; padding: 130px 0; } .maplayer li .name { font-size: 30px; margin-bottom: 50px; } .maplayer li .address { padding-left: 35px; line-height: 22px; background: url(../img/address.png) left 4px no-repeat; width: 70%; } .maplayer li .cite { font-size: 16px; margin-bottom: 5px; } .maplayer li .num { font-size: 30px; margin-bottom: 16px; line-height: 32px; } .contact_footer { height: 475px; background: url(../img/contact2.jpg) center center no-repeat; background-size: cover; } .contact_footer .main_p { width: 418px; float: right; padding-top: 130px; } .contact_footer .main_p h2 { font-size: 50px; color: #7456c1; text-align: left; } .contact_footer .main_p .desc { font-size: 16px; color: #919191; line-height: 28px; margin-top: 20px; } .contact_footer .main_p li { width: 26%; padding-top: 40px; float: left; text-align: center; margin-right: 30px; } .contact_footer .main_p li img { vertical-align: middle; width: 100%; } .contact_footer .main_p li img:hover { opacity: 0.8; } .swiper-news { margin-bottom: 60px; } .swiper-news .swiper-pagination { bottom: 12px; text-align: left; left: 50px; } .swiper-news .swiper-pagination-clickable .swiper-pagination-bullet { width: 16px; height: 16px; background: #fff; opacity: 1; margin-right: 10px; } .swiper-news .swiper-pagination-bullet-active { background: #245ba6 !important; } .swiper-news img { width: 740px; height: 420px; float: left; display: block; } .swiper-news .more_info { width: 680px; height: 420px; float: right; background: #eeeeee; padding: 70px 65px 70px 35px; } .swiper-news .more_info:hover { background: #7456c1; } .swiper-news .more_info:hover * { color: #fff !important; } .swiper-news .more_info .date { color: #999999; } .swiper-news .more_info .title { font-size: 24px; color: #333333; line-height: 35px; height: 70px; overflow: hidden; margin: 25px 0; } .swiper-news .more_info .desc { color: #666666; line-height: 24px; max-height: 72px; overflow: hidden; } .swiper-news .more_info .smore { color: #666; margin-top: 50px; } .awards { background: url(../img/aw_bg.jpg) center center no-repeat; background-size: cover; text-align: center; padding-bottom: 100px; padding-top: 100px; } .awards .timg, .awards h2 { margin: 0px auto 100px; } .index_culture-container .swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-disabled, .index_culture-container .swiper-button-next, .index_culture-container .swiper-button-prev { top: 40%; width: 60px; line-height: 60px; border-radius: 60px; height: 60px; background: #7456c1; } .index_culture-container .swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-disabled:after, .index_culture-container .swiper-button-next:after, .index_culture-container .swiper-button-prev:after { color: #fff; font-size: 14px; } .index_culture-container .swiper-button-next.swiper-button-disabled.swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-disabled.swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-next.swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-next.swiper-button-disabled.swiper-button-prev.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-disabled.swiper-button-prev.swiper-button-disabled, .index_culture-container .swiper-button-next.swiper-button-prev.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-prev.swiper-button-disabled { background: #fff; opacity: 1; } .index_culture-container .swiper-button-next.swiper-button-disabled.swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-disabled.swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-next.swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-next.swiper-button-disabled.swiper-button-prev.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-disabled.swiper-button-prev.swiper-button-disabled:after, .index_culture-container .swiper-button-next.swiper-button-prev.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-prev.swiper-button-disabled:after { color: #aaa; } .index_culture-container .swiper-slide { margin-top: 30px; } .index_culture-container .swiper-slide-active { width: 293.59px !important; margin-left: -50px !important; margin-right: -50px !important; z-index: 10; margin-top: 0px; } .index_culture-container .swiper-slide-prev, .index_culture-container .swiper-slide-next { width: 243.59px !important; margin-left: -20px !important; margin-right: -20px !important; z-index: 9; margin-top: 15px; } @media screen and (max-width: 1440px) { .news_list_list li { margin-bottom: 40px; } .news_list_list li .title { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; } .news_list_list li .date { font-size: 14px; margin-bottom: 12px; } .news_list_list li img { width: 335px; height: 190px; } .news_list_list li .desc { line-height: 22px; height: 44px; } .news_list_list li .content { padding: 20px 40px; height: 190px; width: 765px; } .news_list_list li .more1 { margin-top: 5px; } .worder_wrapper_inner { width: 520px; } .worder_wrapper_inner input, .worder_wrapper_inner textarea { font-size: 16px; text-indent: 18px; } .worder_wrapper_inner textarea { height: 110px; padding: 12px 0; } .worder_wrapper_inner .desc { font-size: 14px; line-height: 21px; margin: 20px 0 30px; } .worder_wrapper_inner img { width: 100px; height: 48px; } .worder_wrapper_inner .group input { font-size: 15px; line-height: 48px; } .worder_wrapper_inner h2 { font-size: 32px; } .worder_wrapper_inner .book_submit { width: 225px; font-size: 15px; line-height: 38px; } #bdmap { width: 100%; height: 700px; } .map_container { position: relative; height: 700px; } .map_container .worder_wrapper_inner { position: absolute; top: 75px; right: 5%; padding: 30px 25px; background: #fff; } .swiper-news img { width: 565px; height: 320px; } .swiper-news .more_info { width: 515px; height: 320px; padding: 60px 45px 60px 20px; } .swiper-news .more_info .text { line-height: 24px; height: 48px; overflow: hidden; } .swiper-news .more_info .smore { margin-top: 20px; } .swiper-news .more_info .title { margin: 15px 0; font-size: 21px; line-height: 30px; height: 60px; overflow: hidden; } .maplayer * { line-height: 20px; } .maplayer li { padding: 100px 0; } .maplayer li .name { font-size: 26px; margin-bottom: 40px; } .maplayer li .address { padding-left: 32px; width: 70%; } .maplayer li .cite { font-size: 15px; margin-bottom: 5px; } .maplayer li .num { font-size: 25px; margin-bottom: 12px; } .contact_footer { height: 365px; } .contact_footer .main_p { width: 310px; padding-top: 70px; } .contact_footer .main_p h2 { font-size: 42px; } .contact_footer .main_p .desc { font-size: 15px; margin-top: 16px; } .contact_footer .main_p li { padding-top: 20px; } .about_top .about_top_title { margin-top: 115px; width: 490px; } .about_top h3 { margin-top: 80px; } .about_top .about_txt { width: 580px; margin-top: 20px; } .about_top .about_txt p { margin-bottom: 11px; font-size: 15px; line-height: 25px; } .about_top .about_play { width: 440px; } .about_top .about_play img { margin-top: -120px; } .historys { margin-bottom: 90px; } .historys li { width: 550px; padding-right: 42px; } .historys li:nth-child(1) .year { padding-top: 110px; } .historys li:nth-child(1) .year .dot_year { top: 119px; } .historys li.right { width: 551px; padding-left: 42px; } .historys li .year { font-size: 42px; line-height: 52px; padding-top: 53px; } .historys li .year .dot_year { position: absolute; right: -7px; top: 79px; } .historys li .desc { font-size: 16px; width: 500px; margin-top: 7px; } .about_news_center { padding-bottom: 50px; } .about_news_center .title_img { margin: 90px auto 65px; } .about_news_center .more { margin-top: 65px; } .about_news_center .news_list li .title { font-size: 20px; margin: 25px 0 16px; } .about_news_center .news_list li .date { font-size: 14px; } .index_culture-container .swiper-button-next.swiper-button-disabled, .index_culture-container .swiper-button-prev.swiper-button-disabled, .index_culture-container .swiper-button-next, .index_culture-container .swiper-button-prev { top: 40%; width: 50px; line-height: 50px; border-radius: 50px; height: 50px; } .index_culture-container .swiper-button-next.swiper-button-disabled:after, .index_culture-container .swiper-button-prev.swiper-button-disabled:after, .index_culture-container .swiper-button-next:after, .index_culture-container .swiper-button-prev:after { font-size: 13px; } .index_culture-container .swiper-slide-active { width: 246px !important; margin-top: 0px; } .index_culture-container .swiper-slide-prev, .index_culture-container .swiper-slide-next { width: 196px !important; margin-top: 15px; } } @media screen and (max-width: 1000px) { .contact_footer { background-position: right center !important; } .about_news_center .title_img, .about_news_center h2 { margin: 20px 0; } .awards .timg, .awards h2 { margin-bottom: 20px; } .video_wrapper .close { left: 0; top: 14%; } .video_wrapper #myvideo { margin-left: -170px; } .news_list_list li { margin-bottom: 10px; } .news_list_list li .title { font-size: 20px; line-height: 32px; margin-bottom: 10px; } .news_list_list li .date { font-size: 14px; margin-bottom: 15px; } .news_list_list li img { width: 100%; height: auto; float: none; } .news_list_list li .desc { line-height: 22px; height: 44px; overflow: hidden; } .news_list_list li .content { padding: 20px 10px; height: auto; width: 100%; float: none; } .worder_wrapper_inner { width: 680px; } .worder_wrapper_inner .error_text { color: red; display: none; position: absolute; } .worder_wrapper_inner input, .worder_wrapper_inner textarea { font-size: 18px; background: #f7f7f7; border: none; text-indent: 20px; width: 100%; border: solid 1px transparent; } .worder_wrapper_inner textarea { height: 210px; font-family: 'microsoft yahei'; padding: 15px 0; } .worder_wrapper_inner .label { font-size: 18px; text-indent: 20px; font-weight: bold; margin-bottom: 20px; } .worder_wrapper_inner .desc { font-size: 16px; color: #565656; line-height: 24px; margin: 25px 0 35px; } .worder_wrapper_inner .group { width: 48%; margin-right: 2%; float: left; margin-bottom: 20px; } .worder_wrapper_inner .group input { font-size: 16px; line-height: 60px; } .worder_wrapper_inner h2 { color:#7456c1; font-size: 30px; text-align: left; } .worder_wrapper_inner .error .error_text { display: block; line-height: 20px; } .worder_wrapper_inner .error input, .worder_wrapper_inner .error textarea { border: solid 1px red; } .worder_wrapper_inner .book_submit { display: block; width: 300px; font-size: 16px; background: #7456c1; color: #fff; margin-top: 10px; border: none; line-height: 50px; } .worder_wrapper_inner { width: 100%; } .worder_wrapper_inner input, .worder_wrapper_inner textarea { font-size: 16px; text-indent: 10px; } .worder_wrapper_inner textarea { height: 120px; padding: 10px 0; } .worder_wrapper_inner .desc { font-size: 12px; line-height: 20px; margin: 10px 0; } .worder_wrapper_inner img { height: 40px; } .worder_wrapper_inner .group { margin-bottom: 15px; } .worder_wrapper_inner .group input { font-size: 15px; line-height: 40px; } .worder_wrapper_inner h2 { font-size: 18px; line-height: 26px; } .worder_wrapper_inner .book_submit { width: 100%; font-size: 16px; line-height: 40px; } .map_container { position: relative; height: auto; background: url(../img/map_bg.png) top center no-repeat; background-size: 100%; } .map_container .worder_wrapper_inner { position: relative; top: 0; right: 0; padding: 10px 20px; } .maplayer ul { padding: 20px 0; } .maplayer li { float: left; width: 100% !important; padding: 0 0; margin-bottom: 25px; } .maplayer li .name { font-size: 16px; margin-bottom: 15px; } .maplayer li .address { padding-left: 20px; font-size: 12px; line-height: 20px; width: 100%; } .maplayer li .cite { font-size: 12px; } .maplayer li .num_more { font-size: 12px; } .maplayer li .num { font-size: 16px; margin-bottom: 10px; line-height: 32px; } .contact_footer { height: auto; } .contact_footer .main_p { width: 100%; float: none; padding-top: 30px; } .contact_footer .main_p h2 { font-size: 18px; } .contact_footer .main_p .txt { font-size: 12px; } .contact_footer .main_p .desc { font-size: 12px; margin-top: 10px; } .contact_footer .main_p ol { margin-bottom: 20px; text-align: center; } .contact_footer .main_p ol li { width: 94px; float: none; margin-right: 15px; display: inline-block; padding-top: 10px; text-align: center; } .about_top { padding-bottom: 20px !important; padding-top: 10px !important; background: url(/cms/img/about_bg.jpg) 9% 0px / 40% no-repeat !important; background: none !important; } .about_top .about_top_title { width: 100%; margin-top: 70px; } .about_top h3 { margin-top: 15px; font-size: 18px; } .about_top .about_txt { width: 100%; margin-top: 10px; float: none; } .about_top .about_txt p { margin-bottom: 15px; font-size: 12px; line-height: 22px; } .about_top .about_play { width: 100%; float: none; } .about_top .about_play img { display: block; width: 100%; margin-top: 0px; } .historys { margin-bottom: 20px; } .historys li { width: 100%; border-left: solid 1px #aaa; border-right: none; padding-left: 25px; padding-right: 25px; } .historys li:nth-child(1) .year { padding-top: 10px; } .historys li:nth-child(1) .year .dot_year { top: 15px; } .historys li.right { width: 100%; padding-left: 25px; border-right: none; padding-right: 25px; } .historys li .year { font-size: 18px; text-align: left; line-height: 50px; display: block; padding-top: 10px; } .historys li .year .dot_year { position: absolute; left: -7px; right: auto; top: 15px; } .historys li .desc { font-size: 12px; width: 100%; margin-top: 0px; text-align: left; line-height: 22px; } .about_news_center { padding-bottom: 10px; } .about_news_center .title_img { display: block; width: 70%; margin: 80px auto 60px; } .about_news_center .more { margin-top: 10px; font-size: 12px; } .about_news_center .news_list li { margin-bottom: 10px; width: 100%; margin-right: 0%; float: none; } .about_news_center .news_list li img { display: block; } .about_news_center .news_list li .title { font-size: 12px; margin: 10px 0 6px; } .about_news_center .news_list li .date { padding: 0 10px; font-size: 14px; } .awards { padding-bottom: 30px; padding-top: 30px; } .awards .timg { width: 80%; margin: 0px auto 100px; } .index_culture-container-mobile { overflow: hidden; width: 80%; margin-left: 10%; padding-bottom: 20px; } .index_culture-container-mobile .swiper-button-next.swiper-button-disabled, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled, .index_culture-container-mobile .swiper-button-next, .index_culture-container-mobile .swiper-button-prev { top: 45%; width: 30px; line-height: 30px; border-radius: 30px; height: 30px; background: #245ba6; } .index_culture-container-mobile .swiper-button-next.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-next:after, .index_culture-container-mobile .swiper-button-prev:after { color: #fff; font-size: 12px; } .index_culture-container-mobile .swiper-button-next.swiper-button-disabled.swiper-button-next.swiper-button-disabled, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled.swiper-button-next.swiper-button-disabled, .index_culture-container-mobile .swiper-button-next.swiper-button-next.swiper-button-disabled, .index_culture-container-mobile .swiper-button-prev.swiper-button-next.swiper-button-disabled, .index_culture-container-mobile .swiper-button-next.swiper-button-disabled.swiper-button-prev.swiper-button-disabled, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled.swiper-button-prev.swiper-button-disabled, .index_culture-container-mobile .swiper-button-next.swiper-button-prev.swiper-button-disabled, .index_culture-container-mobile .swiper-button-prev.swiper-button-prev.swiper-button-disabled { background: #fff; opacity: 1; } .index_culture-container-mobile .swiper-button-next.swiper-button-disabled.swiper-button-next.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled.swiper-button-next.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-next.swiper-button-next.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-prev.swiper-button-next.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-next.swiper-button-disabled.swiper-button-prev.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-prev.swiper-button-disabled.swiper-button-prev.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-next.swiper-button-prev.swiper-button-disabled:after, .index_culture-container-mobile .swiper-button-prev.swiper-button-prev.swiper-button-disabled:after { color: #aaa; } } .czzf_wrapper { margin-top: 70px; margin-right: 1%; margin-left: 1%; } .czzf_wrapper .czzf_item { width: 47.5%; float: left; margin-bottom: 70px; margin-right: 4%; position: relative; } .czzf_wrapper .czzf_item .czzflist { margin-top: 20px; } .czzf_wrapper .czzf_item .czzflist li { line-height: 30px; height: 30px; padding-left: 40px; background: url(../img/d1.png) left center no-repeat; overflow-y: hidden; } .czzf_wrapper .czzf_item .czzflist li a { font-size: 16px; } .czzf_wrapper .czzf_item img { width: 100%; } .czzf_wrapper .czzf_item .title { position: absolute; top: 165px; right: 45px; } .czzf_wrapper .czzf_item .title h3 { font-size: 32px; font-weight: bold; text-align: right; color: #fff; line-height: 80px; } .czzf_wrapper .czzf_item .title .morecz { width: 180px; height: 50px; color: #fff; border: solid 1px #fff; text-align: center; line-height: 50px; } @media screen and (max-width: 1440px) { .czzf_wrapper .czzf_item .title { top: 95px; right: 45px; } .czzf_wrapper .czzf_item .title h3 { font-size: 28px; line-height: 70px; } .czzf_wrapper .czzf_item .title .morecz { width: 160px; height: 40px; color: #fff; line-height: 40px; } } @media screen and (max-width: 1000px) { .czzf_wrapper .czzf_item { width: 100%; float: none; margin-bottom: 50px; margin-right: 0%; } .czzf_wrapper .czzf_item .czzflist { margin-top: 20px; } .czzf_wrapper .czzf_item .title { position: absolute; top: 65px; right: 45px; } .czzf_wrapper .czzf_item .title h3 { font-size: 20px; line-height: 50px; } .czzf_wrapper .czzf_item .title .morecz { width: 120px; height: 40px; line-height: 40px; } }