/*引进字体*/ @font-face { font-family: tw; /*这里是说明调用来的字体名字*/ src: url("/tbstjinfengcom/Content/font/SourceHanSansTW-Regular.otf"); /*这里是字体文件路径*/ } @font-face { font-family: tw2; /*这里是说明调用来的字体名字*/ src: url("/tbstjinfengcom/Content/font/SourceHanSansCN-Regular.otf"); /*这里是字体文件路径*/ } *{ padding: 0px; margin: 0px; font-family:"tw2";} body{ min-width: 1200px; } .header .content{ width: 1200px ; } .fl{ float: left; } .fr{ float: right; } .gz_top{ width: 100%; height: 95px; padding-top: 47px } .gz_top_con{ width: 1200px; margin:0 auto; overflow: hidden; } .gz_top_con .top_con_logo{ padding-top: 20px; } .top_con_nav{float: left;height: 95px;padding-left: 170px;position: relative;width: 600px;} .top_con_nav ul {margin-top: 35px;overflow: hidden;} .top_con_nav ul li {float: left;padding: 0 18px;text-align: center;} .top_con_nav ul li a {color: #000;font-size: 20px;} .top_con_nav .hx{ background: #000 none repeat scroll 0 0; height: 5px; position: absolute; top: 88px;} .top_con_so{ width: 185px; height: 34px; border:1px solid #e5e5e5; border-radius: 50px; overflow: hidden; margin-top: 30px} .top_con_so .sskuang{ width: 125px; height: 25px; line-height: 25px; margin-left: 15px; margin-top: 5px; border:none; color: #999; } .top_con_so .search{ width: 40px; height: 30px; background: url("/tbstjinfengcom/Content/images/soso.png") no-repeat 5px 6px;} .gz_adcon{ height: 500px; overflow: hidden; position: relative;width: 1200px; margin:0 auto 90px auto; } .gz_adcon img{ width: 100%; height: 500px; } /*广告*/ .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; filter:alpha(opacity=80); border: 1px solid #fff; cursor: pointer; } .swiper-active-switch { background: #fff; } /*关于我们*/ .gz_about{ width: 100%; height: auto; background: #f6f6f6;margin-top: 80px; padding-bottom: 30px; } .gz_about .gz_about_con{ width: 1200px; height: auto; margin:0 auto;} .gz_about_top { text-align: center;padding-top: 10px; } .gz_about_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 15px 0; } .gz_about_top .bt img{ width:180px; margin-top: 5px} .gz_about_bottom{width: 1200px; overflow: hidden; margin-top: 30px;} .about_zx{ width: 690px; } .about_zx .p1{ color: #222222; font-size: 20px; line-height: 25px; height: 25px; } .about_zx .txt{ color: #666666; font-size:14px; line-height: 20px; margin-top: 25px; margin-bottom: 15px; height: 222px; overflow: hidden;} .about_zx .txt p{ text-indent: 2em; } .about_zx .p2{ width: 80px; padding-top: 11px; float: right; margin-right: 80px } .about_zx .p2 a{ width: 80px; height: 30px; text-align: center; line-height: 30px; color: #e9e9e9; font-size: 12px; background: #000; display: block;} .about_img{ width: 490px; height: 327px; } .about_img img{ width: 490px; height: 327px; } /*合作伙伴*/ .gz_link{ width: 100%; height: auto; margin-top: 70px; } .gz_link .gz_link_con{ width: 1200px; height: auto; margin:0 auto;} .gz_link_top { text-align: center; } .gz_link_top .bt{font-size: 30px; color: #000000; /*font-weight: bold;*/ line-height:35PX; letter-spacing: 1PX;padding: 20px 0 20px 0; } .gz_link_bottom{width: 1200px; overflow: hidden; margin-top: 30px;} .gz_link_bottom p{ text-align: center; margin-bottom: 20px; white-space: nowrap; } .gz_link_bottom p a{ margin:10px; } .gz_link_bottom .p1 a img{ height: 100px; } .gz_link_bottom .p2 a img{ height: 75px; } .t_title{font-size: 30px; height: 40px; margin-bottom: 40px;} .t_title span{padding: 0 16px; display: inline-block; } /*本月特辑*/ .gz_teji{ width: 1200px; height:auto; margin:0 auto; } .teji_con{ width: 1200px; overflow: hidden; height: 408px; } .teji_con .teji_l{ float: left; width: 610px; height: 408px; position: relative;} .teji_con .teji_l img{ width:610px; height:408px } .teji_l .arrow-left { background: url("/tbstjinfengcom/Content/images/arrows.png") no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .teji_l .arrow-right { background: url("/tbstjinfengcom/Content/images/arrows.png") no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; } .section-focus-pic{height:408px;width:610px;overflow:hidden;position:relative;} .section-focus-pic ul li{position:absolute;top:0;left:610px;width:610px;height:408px;} .section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 560px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑"; white-space: nowrap; overflow: hidden;} .section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:610px;opacity: 0.6;filter: alpha(opacity=60);} .section-focus-pic .pages{width:570px;height:300px;} .section-focus-pic .controler{position:absolute;bottom:20px;right:20px;} .section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url("/tbstjinfengcom/Content/css/imgs/news_index_icon.png") no-repeat -136px 3px; float:left;margin:0 0 0 5px;} .section-focus-pic .controler b.down{background-position:-161px 1px;} .section-focus-pic .controler2{ opacity: 0.1 ;filter: alpha(opacity=10); } .section-focus-pic:hover .controler2{opacity: 0.8;filter: alpha(opacity=80); } .section-focus-pic .controler2 a{display:block; width:50px;position:absolute;top:190px;height:50px; background: #000; border-radius: 50px; opacity: 0.6;filter: alpha(opacity=60); } .section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url("/tbstjinfengcom/Content/css/imgs/star.png") no-repeat; margin-top:10px; margin-left:10px} .section-focus-pic .controler2 .prev{left:5px;} .section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:10px;} .section-focus-pic .controler2 .next{right:10px;} .section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:15px;} .teji_r{ float: right; width: 560px; } .teji_r ul{ width: 560px;} .teji_r ul li{ width: 266px; height: 190px; position: relative; overflow: hidden; float: left; margin-bottom: 27px} .teji_r ul li:nth-child(even){margin-left: 24px;} .teji_r ul li a{ color: #FFF; display: inline-block; } .teji_r ul li .bgimg{ width: 266px; height: 189px;} .teji_r ul li img{width: 266px; height: 189px;} .teji_r ul li .title{ width: 100%; height: 40px; background: #000; position: absolute; left: 0px; bottom:-42px; opacity: 0.6;filter: alpha(opacity=60); transition: all 0.5s ease 0s } .teji_r ul li .play{ width: 45px; height: 45px; background: url("/tbstjinfengcom/Content/images/play.png") no-repeat; background-size: 100% 100%; position: absolute; left:113px; top:70px; z-index: 4 } .teji_r ul li .txt{ width:90%; height: 40px; line-height: 40PX; font-size: 18PX; position: absolute; left: 0px; bottom:-42px;z-index: 3; padding-left: 5%;transition: all 0.5s ease 0s} .teji_r ul li a:hover .title{ bottom:0px;} .teji_r ul li a:hover .txt{ bottom:0px;} /*艺术层*/ .gz_ys{ width: 1200px; height:auto; margin:0 auto; overflow: hidden; margin-top: 100px;} .yscon_l{ width: 610px; height: auto; float: left;} .yscon_l .ysc{ width: 610px; width: 330px; } .yscon_l .ysc img{ width: 610px; height: 330px;} .yscon_r{ float: right; width: 560px; } .yscon_r .ysc{ width: 560px; width: 330px; } .yscon_r .ysc img{ width: 560px; height: 330px;} .gz_ys p{ margin-top:38px; white-space: nowrap; overflow:hidden; } .gz_ys p a{ color: #000 ; font-size: 26px;} /*博物馆*/ .gz_bwg{ width: 1200px; height:auto; margin:0 auto; overflow: hidden;margin-top: 80px; } .gz_bwg .bwg_con{ width: 100%; } .gz_bwg .bwg_con ul { width: 1200px; overflow: hidden; } .gz_bwg .bwg_con ul li{ width: 560px; float: left; } .gz_bwg .bwg_con ul li:nth-child(1){ float: right; } .bwg_eg{ width: 560px; overflow: hidden; } .bwg_eg .bwg_img{ width: 270px; height: 206px; float: left; } .bwg_eg .bwg_img img{ width: 270px; height: 206px; } .bwg_eg .bwg_t{ width: 255px; float: left; margin-left: 25px;} .bwg_eg .bwg_t .titles{ font-size: 24px; color: #000; max-height:60px; line-height:30px; margin-top: 13px; overflow: hidden;} .bwg_eg .bwg_t .titles a{ color: #000 } .bwg_eg .bwg_t .titles a:hover{ color: #000 } .bwg_eg .bwg_t .txtcon{ max-height: 88px; color: #666666; font-size: 16px; margin-top: 38px; line-height: 30px; } /*艺术作品*/ .gz_work{width: 1200px; height:auto; margin:0 auto;margin-top: 80px;} .gz_work .work_top{ width: 1200px; overflow: hidden; } .work_top_right{ max-width: 680px; float: right; } .work_top_right ul { overflow: hidden; border:1px solid #000; } .work_top_right ul li{ float: right; width: 100px; height: 30px; line-height: 28px; text-align: center; font-size: 16px; border-right: 1px solid #000; cursor: pointer;} .work_top_right ul li:nth-child(1){border-right: none} .work_top_right ul .gl{ color: #FFF; background: #000; } .work_bottom{ width: 1200px; } .work_bottom .work_eg{ display: none } .work_bottom ul{ overflow: hidden; } .work_bottom ul li{ width: 284px; height: 445px;float: left; margin-left: 21px;} .work_bottom ul li:nth-child(1){ margin-left:0px} .work_bottom ul li .work_img{ width: 284px; height: 321px;} .work_bottom ul li .work_img a{ display: block; width: 284px; height: 321px; position: relative; overflow:hidden} .work_bottom ul li .work_img img{ width: 284px; height: 321px;} .work_bottom ul li .work_img .work_bg{width: 284px; height: 321px; position: absolute;left: 0px; top: 321px; background: #000; opacity: 0.5;filter: alpha(opacity=50); transition: all 0.5s ease 0s} .work_bottom ul li .work_img .work_con{width: 284px; height: 321px; position: absolute;left: 0px; top: 321px; z-index: 66 ; color: #FFF; text-align:center; transition: all 0.5s ease 0s} .work_bottom ul li .work_img a:hover .work_bg{top: 0px;} .work_bottom ul li .work_img a:hover .work_con{top: 0px;} .work_bottom ul li .work_img .work_con .work_con_t{ font-size: 26PX; border-bottom: 2px solid #FFF; width: 60PX; margin:0 auto; line-height: 60px; line-height: 60px; margin-top:28px; } .work_bottom ul li .work_img .work_con .work_con_txt{font-size: 14px; padding: 25px ; width: 234px; margin-top: 28px;text-align: left; line-height:22px; max-height: 133px; overflow: hidden;} .work_bottom ul li p{ text-align: center; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; } .work_bottom ul li .work_name{font-size: 24px;color: #000; margin-top: 25px;} .work_bottom ul li .work_author{ font-size: 24px; color: #999 } /*艺术机构*/ .gz_arts{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;} .artslist{ width: 1200px; } .artslist ul{ overflow: hidden; } .artslist ul li{ width: 285px; height: 350px; float: left; margin-left: 20px;} .artslist ul li:nth-child(1){ margin-left:0px} .artslist ul li img{ width: 285px; height:285px; } .artslist ul li p{ font-size: 24px; color: #000; line-height: 30px; height: 30px; text-align: center; margin-top:20px; overflow: hidden; white-space: nowrap;} /*艺术聚点*/ .gather_title{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;} .gather_title .t_title{font-size: 24px;} .gather_title .t_title a{color: #000} .gather_title .t_title .gll{ font-weight: bold;} .gather_con{ width: 1200px; } .gather_eg{ width: 1200px; overflow: hidden; border-bottom:1px solid #e5e5e5;height: 320px; margin-bottom: 40px;} .gather_eg .gather_eg_l{ width: 580px; float: left; margin-top: 40px;} .gather_eg .gather_eg_l .gather_info{ width: 580px; overflow: hidden; } .gather_eg .gather_eg_l .gather_info .gather_info_img{ width: 85px; height: 85px;border-radius:45px; float: left; } .gather_eg .gather_eg_l .gather_info .gather_info_c{width: 460px; height: auto; float: left; margin-left: 20px;} .gather_info_c .p1{ font-size: 30px; color: #000} .gather_info_c .p1 a{ color: #000 } .gather_info_c .p2{ font-size: 20px; color: #999999; margin-top: 5px} .gather_info_c .p2 a{ color: #999999 } .gather_txt{ line-height: 35px; max-height: 114px; overflow: hidden; font-size: 20px; color: #666; margin-top: 25px;} .gather_eg .gather_eg_r{ width: 590px; float: right; overflow: hidden; } .gather_eg_rimg{ width: 280px;height: 280px; float: left; margin-left: 30px;} .gather_eg_rimg:nth-child(1){ margin-left:0px} .gather_eg_rimg a{ display: inline-block; } .gather_eg_rimg a img{ width: 280px;height: 280px;} /*活动讯息*/ .hdxx_title{width: 1200px; height:auto; margin:0 auto;margin-top: 50px;} .hdxx_title .t_title{font-size: 24px;} .hdxx_title .t_title a{color: #000} .hdxx_title .t_title .gll{ font-weight: bold;} .tw_hdxx_con{ width: 1200px; } .hdxx_con_bottom{ width: 1200px; margin-top: 30px;} .hdxx_con_bottom ul{ overflow: hidden; } .hdxx_con_bottom ul li{background-color: #fafafa; margin-bottom: 17px;} .hdxx_con_bottom ul li:nth-of-type(odd){ float: left; width: 610px; } .hdxx_con_bottom ul li:nth-of-type(even){ float: right; } .hdxx_con_bottom ul li .titles a{ font-size: 22px; } .hdxx_con_bottom ul li .bwg_eg .bwg_t .txtcon{ font-size: 16px; color: #666; line-height: 30px;margin-top:25px; min-height: 88px; overflow: hidden; } .hdxx_con_bottom ul li:nth-of-type(odd) .bwg_eg{ width: 590px; } .hdxx_con_bottom ul li:nth-of-type(odd) .bwg_t{ width: 290px;} /*视频*/ .tw_video_con{ width: 1200px; } .tw_video_con ul{ width: 1230px; overflow: hidden; margin-left: -30px;} .tw_video_con ul li{ width: 380px; float: left; border-bottom: 2px solid #FFF; padding-bottom: 20px; margin-left: 30px;} .tw_video_con ul li:hover{ border-bottom: 2px solid #000; } .tw_video_con ul li .tw_video_img{ width: 380px; height:280px; position: relative;} .tw_video_con ul li .tw_video_img a{ width: 380px; height:280px; display: inline-block;} .tw_video_con ul li .tw_video_img a img{width: 380px; height:280px;} .tw_video_con ul li .tw_video_img .play{ width: 40px; height: 40px; background: url("/tbstjinfengcom/Content/images/play.png") no-repeat; background-size:100% 100%; position: absolute; left:170px; top: 120px; z-index: 999 } .tw_video_con ul li .p1{ font-size: 26px; white-space:nowrap; overflow: hidden;text-overflow:ellipsis; height: 50px; line-height: 50px;} .tw_video_con ul li .p1 a{ color: #000 } .tw_video_con ul li .p2{ font-size: 18px; line-height: 25px; height: 25px; color: #999} /*艺术家*/ .tw_artist_con{ width: 1200px; } .tw_artist_con .tw_artist_eg{ width: 1230px; overflow: hidden; background: #fafafa; margin-bottom: 40px;} .tw_artist_eg .artist_info{ float: left; width: 620px; position: relative;} .tw_artist_eg .artist_info .artist_info_top{ width:530px; height: 105px; border-bottom: 1px solid #999999; overflow: hidden; padding: 20px 0; margin-left:35px;} .artist_info_top img{ float: left; width: 100px; height: 100px; border-radius:50px;} .artist_info_top .artist_info_name{ float: right; font-size: 24px; margin-top:40px; } .artist_info_top .artist_info_name a{ color: #000 } .tw_artist_eg .artist_img{ float: right; width: 580px; } .tw_artist_eg .artist_info_bottom{width: 530px; height: 240px; overflow: hidden; margin-left:35px; line-height:35px; font-size: 18px; color: #333333; margin-top:20px;} .tw_artist_eg .artist_info_bottom p{ margin-bottom: 10px; } .tw_artist_eg .p4{ width: 92%;text-align: right; margin-top: 20px } .tw_artist_eg .p4 a{color: #333333; font-size: 18px;} .tw_artistx{ position: absolute; left:600px; top:175px;} /*分页*/ .fenye{ width: 1200px; height: 60px; position: relative; text-align:center;} .paginations { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .paginations > li { display: inline; } .paginations > li > a, .paginations > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .paginations > li:first-child > a, .paginations > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .paginations > li > a:hover, .paginations > li > span:hover, .paginations > li > a:focus, .paginations > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .paginations > .active > a, .paginations > .active > span, .paginations > .active > a:hover, .paginations > .active > span:hover, .paginations > .active > a:focus, .paginations > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .paginations > .disabled > span, .paginationspaginations > .disabled > span:hover, .paginationspaginations > .disabled > span:focus, .paginationspaginations > .disabled > a, .paginationspaginations > .disabled > a:hover, .paginationspaginations > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .paginations-lg > li > a, .paginations-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .paginations-lg > li:first-child > a, .paginations-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .paginations-lg > li:last-child > a, .paginations-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .paginations-sm > li > a, .paginations-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .paginations-sm > li:first-child > a, .paginations-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .paginations-sm > li:last-child > a, .paginations-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /*台湾视频详细页*/ .tw_videodetailed{width: 1200px; margin:0 auto; margin-top: 10px;} .tw_videodetailed .tw_video_l{ width: 870px; float: left; } .tw_videodetailed .tw_video_l img{ width: 100% } .tw_videodetailed .tw_video_r{ width: 300px; float: right;} .tw_video_r ul{} .tw_video_r ul li{ overflow: hidden; margin-bottom: 26px; } .tw_video_r ul li .img{ width: 150px; height: 105px; position: relative; float: left; } .tw_video_r ul li .img img{ width: 150px; height: 105px; } .tw_video_r ul li .img .play{ width: 40px; height: 40px; background: url("/tbstjinfengcom/Content/images/play.png") no-repeat; background-size:100% 100%; position: absolute;left: 55px;top: 35px} .tw_video_r ul li .xiangx{ width: 120px; height:95px; float: left; background: #fafafa;padding:5px 15px} .tw_video_r ul li .xiangx .title{height:45px; line-height: 22px; overflow: hidden; color: #000;font-size: 16px;} .palynum{ background: url("/tbstjinfengcom/Content/images/palys.png") no-repeat 0 2px; height: 20px; line-height: 15px;font-size: 14px;padding-left: 25px; color: #999; margin-top: 20px;} .tw_video_info{ height: 95px; width: 870px; overflow: hidden; } .tw_video_info .info_name{ width:580px; float: left; height: 95px; line-height: 60px; font-size:36px;padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tw_video_info .info_r{ width: 250px; float: right; height: 55px; text-align:right; color: #999; font-size: 14px; line-height:70px;} .tw_video_txt{ padding:20px 20px; background: #fafafa; width: 830px; line-height: 40px; font-size: 22px; } .main_bigimg{ width: 840px; margin: 20px auto; } .main_bigimg .demo{width: 840px;} .main_bigimg .demo .demo_sub{ width: 840px; overflow: hidden; margin-bottom: 20px; text-align: center; } .main_bigimg .demo .demo_sub li{ width:105px; float: left; height: 20px;border-bottom: 2px solid #fff; cursor: pointer; line-height:19px; } .main_bigimg .demo .demo_sub li:hover{ border-bottom: 3px solid #ffb400 } .main_bigimg .demo .demo_sub li img{ width: 100%; height: 18px; } .main_bigimg .demo_subcon{ width: 840px; overflow: hidden; height:420px; position: relative; } .main_bigimg .demo_sub_img{ width: auto; height: 100%;} .main_bigimg .demo_sub_img img{ float: left; height:420px} .main_bigimg .demo_btn{ width:80px; height:420px; color: #fff; opacity: 0;filter:alpha(opacity=0);cursor: pointer; } .main_bigimg .demo_left{ position: absolute; left: 0px; z-index: 999; background: url("/tbstjinfengcom/Content/images/arrow_left.png") no-repeat; } .main_bigimg .demo_right{ position: absolute; right: 0px; z-index: 999 ;background: url("/tbstjinfengcom/Content/images/arrow_rigth.png") no-repeat;} .main_bigimg .demo_left:hover{ opacity: 1;filter:alpha(opacity=100)} .main_bigimg .demo_right:hover{ opacity: 1;filter:alpha(opacity=100)}