/*头部图片*/ .top_img{ position: relative; width: 100%; min-width: 1316px; _width:expression((document.documentelement.clientwidth||document.body.clientwidth)<1366?"1366px":""); } .shanmen_img{ z-index: 0; width: 100%; } .top_img .logo{ position: absolute; left: 32px; top: 18px; z-index: 1; } .english_chinese{ position: absolute; left: 228px; top: 12px; } .english_chinese a{ display: block; float: left; color: #fff; } .english_chinese a:hover{ color: #ffbb00; } .english_chinese a img{ display: block; width: 18px; height: 18px; float: left; margin-right: 4px; } .english_chinese a p{ float: left; } .chinese{ margin-right: 20px; } /*导航*/ .navbox{ width: 100%; min-width: 1316px; _width:expression((document.documentelement.clientwidth||document.body.clientwidth)<1366?"1366px":""); height: 70px; background: #6d7174; box-sizing: border-box; padding: 4px; } .nav_bg{ width: 100%; height: 62px; box-sizing: border-box; position: relative; border-top: 2px solid #e9e8e5; border-bottom: 2px solid #e9e8e5; } .nav_bg .leftbg{ position: absolute; top: -2px; left: 0px; } .nav_bg .rightbg{ position: absolute; top: -2px; right: 0px; } .nav_content{ width: 1200px; margin: 0 auto; overflow: hidden; } .nav_link{ float: left; } .nav_link li{ height: 58px; line-height: 58px; margin: auto 21px; float: left; } .nav_link li a{ font-size: 16px; color: #fff; } .nav_link li a:hover{ color: #ffbb00; } .search_box{ float: right; position: relative; margin-top: 13px; } .search_box input{ width: 230px; height: 32px; background: #84888a; color: #f8f4ed; box-sizing: border-box; padding: 0 45px 0 15px; line-height: 32px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; } .search_box button{ position: absolute; right: 10px; top: 6px; border: none; background: none; outline: none; cursor: pointer; cursor:-ms-pointer; } /*新闻*/ .first_row{ overflow: hidden; margin-top: 15px; } .news_banner{ position: relative; float: left; width: 794px; height: 401px; overflow: hidden; margin-top: 34px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.18); } .news_container .swiper-slide{ position: relative; } .news_container .swiper-slide .bottom_title{ width: 100%; height: 50px; box-sizing: border-box; position: absolute; top: 351px; left: 0; padding: 0 30px; line-height: 50px; background: rgba(0,0,0,.6); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#60000000,endcolorstr=#60000000); z-index: 99; } .news_container .swiper-slide .bottom_title a:hover{ color: #ffcc00; } .news_banner .pagination{ width: 250px; } .hbanner_btn{ font-family: '宋体'; position: absolute; top: 140px; width: 24px; height: 100px; background: rgba(0,0,0,.4); z-index: 33; line-height: 100px; font-size: 20px; font-weight: bold; text-align: center; cursor: pointer; color: rgba(255,255,255,.7); } .hbanner_btn:hover{ background: rgba(0,0,0,.6); color: rgba(255,255,255,1); } .hbanner_btn.left{ left: 0; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; } .hbanner_btn.right{ right: 0; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; } /*关注*/ .newstab_list{ float: right; width: 388px; height: 435px; } .newstab_list .tab_more{ float: right; color: #ccccc5; margin-top: 3px; font-size: 12px; margin: 10px 15px 0 0; } .newstab_list .tab_more:hover{ color: #ffcc00 } .newstab_list .tab-content{ background: #6d7174; border: 1px solid rgba(255,255,255,0.18); padding: 3px 12px; } .newstab_list .tab-content li{ padding: 16px 0; border-bottom: 1px solid #8b9094; overflow: hidden; } .newstab_list .tab-content li h3{ width: 262px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 14px; color: #fffcf0; } .newstab_list .tab-content li h3 a{ font-size: 14px; color: #fffcf0; } .newstab_list .tab-content li h3 a:hover{ color: #ffcc00; } .newstab_list .tab-content .tab-pane li h3:before{ content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #ffbb00; } .newstab_list .tab-content li .time{ float: right; font-size: 12px; color: #ada9a4; } /*方丈层*/ .second_row{ margin-top: 20px; overflow: hidden; } .fangzhang_zhuanqu{ float: left; width: 794px; height: 470px; padding: 20px; background: #6d7174; } .fangzhang_zhuanqu .left{ float: left; } .fangzhang_zhuanqu .right{ float: left; } .left .fz_img{ width: 200px; height: 280px; float: left; } .left .fz_img img{ width: 100%; } .fz_jianjie{ float: left; margin-left: 16px; margin-top: 8px; } .fz_jianjie p{ width: 198px; margin-top: 16px; font-size: 14px; color: #f3f1e6; line-height: 27px; /*text-align: justify;*/ text-indent: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } .fz_jianjie a{ float: right; color: #ffbb00; } .fz_jianjie a:hover{ color: #ffcc00; } .fz_title{ font-size: 16px; } .fz_title:before{ content: ''; display: inline-block; width: 3px; height: 15px; margin-right: 5px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ddc7a0; } .zhushu{ width: 100%; clear: left; padding-top: 14px; } .zhushu p{ width: 410px; font-size: 14px; color: #cdcecf; margin-top: 15px; line-height: 24px; text-align: justify; text-indent: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .zhushu a{ float: right; color: #ffbb00; margin-top: 4px; } .zhushu a:hover{ color: #ffcc00; } .right{ margin-left: 25px; } .yulubox{ width: 315px; overflow: hidden; margin-top: 8px; } .yulubox h3{ float: left; } .yulubox a{ float: right; color: #ccccc5; margin-top: 3px; font-size: 12px; } .yulubox a:hover{ color: #ffcc00; } .yulu_list li{ padding: 13px 0; border-bottom: 1px solid #899095; color: #efede2; } .btn_group{ margin-top: 30px; } .btn_group li{ width: 315px; height: 52px; box-sizing: border-box; border: 1px solid #86898b; margin-bottom: 12px; background: url(/uploads/image/wspi/jiangjing_bg.png) no-repeat center center; } .btn_group li a{ display: block; font-size: 16px; color: #fff; text-align: center; line-height: 52px; } .btn_group li a:hover{ color: #ffcc00; } .link_zhuanqu{ float: right; width: 388px; } .link_zhuanqu .weather{ width: 100%; height: 190px; background: #6d7174; border: 1px solid rgba(255,255,255,0.18); } .weather .w_left{ float: left; width: 114px; padding-bottom: 20px; margin-top: 12px; border-right: 2px solid #585e62; } .weather .w_left .wl_title{ color: #efeff0; font-size: 14px; text-align: center; padding-top: 30px; margin-bottom: 15px; } .weather .w_left .city{ color: #efeff0; font-size: 16px; text-align: center; margin-bottom: 15px; } .weather .w_left .day{ color: #ffcc00; font-size: 12px; text-align: center; margin-bottom: 7px; } .weather .w_left .w_buff{ overflow: hidden; } .weather .w_left .w_buff img{ width: 16px; float: left; margin-left: 18px; margin-right: 4px; } .weather .w_left .w_buff p{ float: left; color: #ffcc00; font-size: 12px; text-align: center; margin-bottom: 7px; } .weather .w_right{ width: 270px; box-sizing: border-box; float: left; padding:30px 15px 10px 30px; } .weather .w_right .sl_time{ font-size: 14px; color:#fff; } .weather .w_right .yl_time{ font-size: 14px; color:#fff; } .weather .w_right .sl_text{ font-size: 14px; color:#d2d3d4; height: 40px; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; } .weather .w_right .yl_text{ font-size: 14px; color:#fff; height: 40px; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .link_box{ width: 388px; overflow: hidden; } .link_box li{ width: 189px; height: 81px; float: left; border: 1px solid rgba(255,255,255,0.18); margin-top: 12px; background: url(/uploads/image/wspi/zhuanqu_bg.png) no-repeat center center; background-color: #6d7174; } .link_box li:first-child li{/*兼容ie8的写法*/ margin-left: 9px; } .link_box li:first-child li li li{/*兼容ie8的写法*/ margin-left: 9px; } .link_box li:first-child li li li li li{/*兼容ie8的写法*/ margin-left: 9px; } .link_box li a{ display: block; color: #fff; font-size: 16px; line-height: 78px; text-align: center; } .link_box li a:hover{ color: #ffcc00; } /*板块切换*/ .three_row{ margin-top: 20px; overflow: hidden; } .change_tab{ float: left; padding-left: 6px; } .change_tab li{ position: relative; width: 174px; height: 90px; margin-bottom: 5px; background: #6d7174; border: 1px solid #6f6f6f; cursor: pointer; } .change_tab li .change_title{ margin: 32px auto 6px 26px; font-size: 20px; color: #fff; } .change_tab li:hover .change_title{ margin: 32px auto 6px 26px; font-size: 20px; color: #ffcc00; } .change_tab li .tab_eng{ display: none; margin: 0px auto 0px 26px; font-size: 12px; text-transform: uppercase; color: #d5d5d6; } .change_tab li.active{ background-image: -moz-linear-gradient( -90deg, rgb(174,174,174) 5%, rgb(109,113,116) 70%); background-image: -webkit-linear-gradient( -90deg, rgb(174,174,174) 5%, rgb(109,113,116) 70%); background-image: -ms-linear-gradient( -90deg, rgb(174,174,174) 5%, rgb(109,113,116) 70%); } .change_tab li.active .change_title{ margin: 24px auto 6px 26px; font-size: 20px; color: #ffcc00; } .change_tab li.active:before, .change_tab li:hover:before{ content: ''; display: block; position: absolute; top: 0; left: -6px; width: 6px; height: 100%; background: #c8a53a; } .change_tab li.active .tab_eng{ display: block; } .three_row .tab_content{ float: right; overflow: hidden; width: 1014px; height: 470px; background: #6d7174; } .three_row .tab_content>div{ width: 100%; height: 100%; background: #6d7174; display: none; } .three_row .tab_content>div.active{ display: block; } /*tab文化交流*/ .cultural .climg_box{ position: relative; width: 468px; height: 202px; float: left; overflow: hidden; margin: 22px 0 0 25px; } .cultural .climg_box img{ width: 100%; height: auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .cultural .climg_box:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); } .cultural .climg_box .img_bottom{ position: absolute; bottom: 0; left: 0; z-index: 3; width:468px; height: 38px; background: rgba(0,0,0,.45); filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#45000000,endcolorstr=#45000000); } .climg_box .img_bottom span{ display: inline-block; text-align: center; width: 100%; line-height: 38px; font-size: 16px; color: #fff; } /*少林图库*/ .picture{ padding:10px; } .picture .tk_pic{ position: relative; width:317px; height: 212px; overflow: hidden; margin: 7px; float: left; } .picture .tk_pic .tk_bottom_title{ position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; background: rgba(0,0,0,.45); filter: proclimg_boxgid:dximagetransform.microsoft.gradient(startcolorstr=#60000000,endcolorstr=#60000000); } .picture .tk_pic img{ width: 100%; height: auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .picture .tk_pic:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); } .picture .tk_pic .tk_bottom_title span{ display: inline-block; text-align: center; width: 100%; line-height: 38px; font-size: 16px; color: #fff; } /*视频专区*/ .video_tab{ overflow: hidden; margin: 10px 0 0 10px; } .video_tab li{ width: 136px; height: 40px; float: left; margin: 3px; background: #626668; text-align: center; line-height: 40px; font-size: 16px; color: #fffcf0; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; } .video_tab li:hover{ color: #ffcc00; /*border-bottom: 4px solid #c8a53a;*/ } .video_tab li.active{ box-sizing: border-box; background: #808385; border-bottom: 4px solid #c8a53a; } .video_content .content_item{ width: 988px; height: 415px; margin: 0 auto; display: none; } .video_content>div.active{ display: block; } .video_list{ float: left; width: 593px; height: 390px; overflow: hidden; } .content_item .video_box{ width: 593px; height: 390px; overflow: hidden; margin-top: 10px; display: none; } .content_item .video_box.active{ display: block; } .content_item .ntitle_list{ width: 370px; float: right; box-sizing: border-box; padding-right: 15px; padding-top: 30px; } .ntitle_list>li{ cursor: pointer; margin-bottom:40px; } .ntitle_list>li h3 { overflow: hidden; position: relative; padding-left: 10px; } .ntitle_list>li h3 a{ font-size: 16px; color: #fff; float: left; width: 260px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ntitle_list>li h3 span{ float: right; text-align: right; font-size: 12px; color: #a2a4a7; padding-top: 3px; } .ntitle_list>li.active h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-left: 10px; } .ntitle_list>li.active h3 a{ font-size: 18px; } .ntitle_list>li.active:hover h3 a{ color: #ffcc00; } .ntitle_list>li h3:before{ content: ''; position: absolute; width: 6px; height: 6px; left: 0; top: 50%; margin-top: -3px; margin-right: 8px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #a0a3a5; } .ntitle_list>li.active h3:before{ content: ''; width: 6px; height: 6px; left: 0; top: 50%; margin-right: 8px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #ffbb00; } .ntitle_list>li p{ overflow: hidden; margin-top: 15px; padding-left: 13px; color: #cccdce; text-align: justify; display: none; } .ntitle_list>li.active p{ display: block; height: 42px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /*佛学园地*/ .garden{ padding: 20px; overflow: hidden; } .garden_left{ float: left; } .g_titlebox h3{ font-size: 16px; } .g_titlebox h3:before{ content: ''; display: inline-block; width: 3px; height: 15px; margin-right: 5px; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #ddc7a0; } .g_titlebox{ overflow: hidden; } .g_titlebox h3{ float: left; } .g_titlebox a{ float: right; color: #ccccc5; margin-top: 3px; font-size: 12px; } .g_titlebox a:hover{ color: #ffcc00; } .garden_left .history{ position: relative; width: 550px; height: 122px; margin-top: 46px; margin-left: 40px; background: url(/uploads/image/wspi/huanxing_bg.png) no-repeat left top; } .garden_left .history li{ position: absolute; display: block; background: url(/uploads/image/wspi/history_dot.png) no-repeat center bottom; } .garden_left .history li:first-child{ top: -26px; padding-bottom: 15px; left: -28px; z-index: 3; } .garden_left .history li li{ top: -26px; padding-bottom: 15px; left: 82px; } .garden_left .history li li li{ top: -26px; padding-bottom: 15px; left: 192px; } .garden_left .history li li li li{ top: -26px; padding-bottom: 15px; left: 302px; } .garden_left .history li li li li li{ top: -26px; padding-bottom: 15px; left: 412px; } .garden_left .history li li li li li li{ top: 30px; padding-bottom: 15px; left: 484px; } .garden_left .history li li li li li li li{ top: 91px; padding-bottom: 15px; left: 370px; } .garden_left .history li li li li li li li li{ top: 91px; padding-bottom: 15px; left: 230px; } .garden_left .history li li li li li li li li li{ top: 91px; padding-bottom: 15px; left: 90px; } .garden_left .history li li li li li li li li li li{ top: 91px; padding-bottom: 15px; left: -28px; } .jd_sh{ margin-top: 28px; width: 590px; overflow: hidden; } .jingdian{ float: left; width: 288px; height: auto; overflow: hidden; } .jingdian .swiper_box{ margin-top: 20px; } .jingdian .swiper_box .swiper-slide{ position: relative; width: 110px !important; height: 173px; overflow: hidden; margin: 0 3px; } .jingdian .swiper_box .swiper-slide img{ width: 100%; height: auto; } .jingdian .swiper_box .swiper-slide p{ width: 14px; height: auto; font-size: 12px; position: absolute; left: 50%; top: 20px; margin-left: -1px; letter-spacing: 0; line-height: 1; } .jingdian .swiper_box .swiper-slide:hover p{ color: #ffcc00; } .dayi { float:left; width: 280px; margin-left: 22px; } .dayi .text_area{ text-indent: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #e7e7e8; margin-top: 15px; line-height: 1.8; } .dayi .fk_btn{ display: block; width: 276px; height: 44px; border: 1px solid #57595a; background: #626668; color: #fff; text-align: center; line-height: 44px; margin-top: 33px; } .dayi .fk_btn:hover{ color: #ffcc00; } .garden_right{ float: right; width:350px; } .gr_item{ margin-bottom: 15px; } .gr_item .gl_list li{ margin-top:16px; overflow: hidden; } .gr_item .gl_list li p{ float: left; width: 270px; height: 22px; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .gr_item .gl_list li span{ float:right; font-size: 12px; color: #a2a4a7; } .gr_item .gl_list li:hover p{ color: #ffcc00; } .gr_item .gl_list li p:before{ content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #969a9c; } /*佛教法规*/ .regulations{ box-sizing: border-box; padding: 30px 20px 20px 20px; } .rel_left{ float: left; width:480px; } .rel_group{ margin-top: 20px; } .rel_group li{ overflow: hidden; padding: 18px 15px 18px 0; border-bottom: 1px solid #899095; } .rel_group li:last-child{ border: none; } .rel_group li a{ float: left; width: 458px;; font-size: 14px; color: #fffcf0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .rel_group li a:hover{ color: #ffcc00; } .rel_group li a:before{ content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #ffcc00; } .rel_group li p{ float: right; color: #ada9a4; font-size: 12px; } .rel_right{ float: right; width: 450px; } .rel_group_right{ margin-top: 20px; } .rel_group_right li{ overflow: hidden; padding: 18px 15px 18px 0; border-bottom: 1px solid #899095; } .rel_group_right li:last-child{ border: none; } .rel_group_right li a{ float: left; width: 440px; font-size: 14px; color: #fffcf0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .rel_group_right li a:hover{ color: #ffcc00; } .rel_group_right li a:before{ content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* ie 9 */ -webkit-transform:rotate(45deg); /* safari and chrome */ background: #ffcc00; } /*横幅*/ .small_ad{ width: 100%; height: 110px; margin-top: 20px; margin-bottom: 25px; background: url(/uploads/image/wspi/hengfu_index.png) no-repeat left top; background-size: 100%; } .small_ad .ad_text{ float: right; text-align: right; padding: 21px 130px; } .ad_text h4{ font-size: 20px; color: #453d0e; } .ad_text p{ font-size: 14px; color: #7b786a; margin: 4px 0 6px 0; } .ad_text a{ color: #8d8d8d; } .ad_text a:hover{ color: #a0810c; } /*首页视频全屏图标位置调整*/ .fullscreen{ bottom: 23px; }