@charset "utf-8"; /* css document */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, form, fieldset, input, p,span, th, td, blockquote, lengend, button, textarea {margin:0; padding:0;} ul,li{ list-style:none outside;} ul,ol{list-style: none;} a{ text-decoration:none; } a img, input { border:0} img{ vertical-align:middle;} input, textarea{ outline:none;} a:link{ color: #333; text-decoration: none;} a:visited{ color: #333; text-decoration: none;} a:hover{ color: #bd1a2d; text-decoration: none;} a:active{ color: #333; text-decoration: none;} .banner { margin-bottom: 40px; width: 100%; height: 530px; position: relative; } .banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .banner .bd li { width: 100%; height: 530px; overflow: hidden; text-align: center; } .banner .bd a { display: block; width: 100% } .banner .hd { width: 1200px; margin: 0 auto; position: relative; } .banner .hd ul { position: absolute; z-index: 1; bottom: 15px; right: 55px; text-align: center; } .banner .hd ul li { display: inline-block; width: 38px; height: 3px; border-radius: 8px; background: #c9c9c9; margin: 0 5px; cursor: pointer; overflow: hidden; } .banner .hd ul .on { background: #d6002b; } .banner .bd .prev, .banner .bd .next { position: absolute; top: 50%; margin-top: -30px; } .banner .bd .prev { width: 60px; height: 60px; background: url(/uploads/image/images/index_prev.png) no-repeat; left: 20px; } .banner .bd .next { width: 60px; height: 60px; background: url(/uploads/image/images/index_next.png) no-repeat; opacity: 0.5; right: 20px; } .banner .bannerlist { width: 1225px; margin: 0 auto; margin-bottom: 55px; } .banner .bannerlist li { float: left; width: 206px; height: 230px; padding: 10px 7px; margin-top: 445px; margin-right: 25px; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd; } .banner .bannerlist li img { width: 205px; height: 142px; } .banner .bannerlist li h3 { padding: 10px 5px; font-size: 16px; font-weight: 400; color: #555 } .banner .bannerlist li p { font-size: 12px; padding: 0px 5px; line-height: 20px; color: #666666 } .news-wrap { margin-bottom: 45px !important; } .xinwenlist { width: 540px; background: center right no-repeat; } .xinwenlist .hd li { float: left; margin-right: 80px; padding-bottom: 10px; } .xinwenlist .hd li a { font-size: 18px; color: #666666 } .xinwenlist .hd li.on { font-weight: 700; background: bottom center no-repeat; } .xinwenlist .hd li.on a { color: #c6041b; } .xinwenlist .bd li { width: 100%; margin-top: 26px; } .xinwenlist .bd li h3 { padding-bottom: 10px; font-size: 18px; color: #5d5d5d; font-weight: 400 } .xinwenlist .bd li p { font-size: 14px; color: #666666; line-height: 25px; } .xinwenimg { width: 600px; height: 455px; } .slideboxnews { margin-top: 15px; width: 100%; height: 455px; overflow: hidden; position: relative; } .slideboxnews .hd { height: 15px; overflow: hidden; position: absolute; right: 10px; bottom: 6px; z-index: 1; } .slideboxnews .hd ul { overflow: hidden; zoom: 1; float: left; } .slideboxnews .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; line-height: 8px; text-align: center; background: left center no-repeat; cursor: pointer; } .slideboxnews .hd ul li.on { background: left center no-repeat; color: #fff; } .slideboxnews .bd { height: 455px; width: 100%; position: relative; } .slideboxnews .bd li { zoom: 1; vertical-align: middle; position: relative; } .slideboxnews .bd img { width: 100%; height: 455px; display: block; } .slideboxnews .bd li .text { display: block; position: absolute; bottom: 0; padding-left: 10px; width: 590px; height: 35px; line-height: 35px; color: #fff; background: url(/uploads/image/images/bgtext.png) left top repeat; } .rlbox { width: 100%; height: 86px; margin-bottom: 15px; background: #f6e7d2; } .showtime li.mid { text-align: center } .showtime { text-align: center; width: 135px; float: left; } .showtime li { width: auto; display: inline-block; font-weight: 700; line-height: 86px; font-size: 18px; color: #c6041b } .showtime li:last-of-type { width: auto; text-align: center } .contentt { width: 920px !important; position: relative; float: left; } .content .mon { display: inline-block; width: 70px; height: 86px; text-align: center; background: #f0ccb6; position: absolute; top: 0; left: 0; z-index: 9 } .content .ll { position: absolute; left: 70px; height: 86px; width: 42px; z-index: 999; background: #f6e7d2; } .content .ll img { position: absolute; top: 35px; left: 10px; } .content .rr { position: absolute; right: 86px; top: 0; background: #f6e7d2; width: 42px; height: 86px; z-index: 999; } .content .rr img { position: absolute; top: 35px; right: 10px; } .content .mon p { font-size: 16px; color: #bd1a2d; margin-top: 20px } .content .mon h6 { font-size: 24px; color: #bd1a2d } .content .mon1 { display: inline-block; width: 70px; height: 86px; text-align: center; background: #f0ccb6; position: absolute; top: 0; right: 0; z-index: 999; } .content .mon1 p { font-size: 16px; color: #bd1a2d; margin-top: 20px; } .content .mon1 h6 { font-size: 24px; color: #bd1a2d; } .content .isoll { width: 700px; height: 86px; margin: 0 auto; overflow: hidden; position: relative } .content .isoll ul { width: 3603px; height: 86px; position: relative } .content .isoll li { float: left; width: 78px; height: 86px; cursor: pointer } .content .isoll li .p { font-size: 16px; line-height: 44px; color: #000 } .content .isoll li .day { font-size: 24px; line-height: 28px; color: #000; } .content .isoll li.scq .p { color: #d68716 } .content .isoll li.active, .content .isoll li:hover { background-position: 100% 90%; } .content .isoll li.active .day, .content .isoll li.active .p, .content .isoll li:hover .day, .content .isoll li:hover .p { color: #bd1a2d; font-weight: 600 } .content .isoll li.cur { background: 0 0 } .content .isoll li.cur .day, .content .isoll li.cur .p { color: #bd1a2d; font-weight: 600 } .content .isoll li:hover .day, .content .isoll li:hover .p { color: #bd1a2d; font-weight: 600 } .content .inner { margin-top: 50px } .content .inner .swiper-container2 { height: 350px } .content .inner li img { width: 100%; margin: 0 auto } .content .inner li h5 { font-size: 16px; color: #000; text-align: left; text-indent: 12px; line-height: 40px; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 99%; white-space: nowrap; overflow: hidden } .content .inner li p { font-size: 14px; color: #000; text-align: left; text-indent: 12px; line-height: 20px } .content .inner li .play { background: #dbc194; width: 60px; height: 30px; text-align: center; line-height: 30px; display: block; position: absolute; bottom: 10px; right: 10px; color: #000 } .content .inner .tabcontent { width: 94%; margin: 0 auto } .content .inner .swiper-button-prev { background: url(/uploads/image/images/rili_l.png) no-repeat; left: -40px; top: 45% } .content .inner .swiper-button-next { background: url(/uploads/image/images/rili_r.png) no-repeat; right: -55px; top: 45% } .content .inner .swiper-pagination-bullet { width: 37px; height: 2px; display: inline-block; -webkit-border-radius: 0; border-radius: 0; background: #08499c; opacity: 1 } .content .inner .swiper-pagination-bullet-active { background: #dbc194 } .content .dd { height: 92px; background: #eee; position: relative; width: 99%; margin: 0 auto } .rili { position: relative; z-index: 9999 } .gprl { float: right; height: 86px; line-height: 86px; } .gprl a { display: block; color: #c6041b; font-weight: 700; padding-right: 30px; background: right center no-repeat; } .downbox { margin-bottom: 25px; background: top center no-repeat; } .jdtj { padding-top: 35px } .swiper-container { width: 100%; margin: 35px 0px 0px 0px; } .swiper-container { position: relative; overflow: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative; } .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.85); /* margin: 1px; */ transform: scale(0.85); margin-top: 20px; margin-bottom: 20px; } .swiper-slide-active, .swiper-slide-duplicate-active { -webkit-transform: scale(1.15); transform: scale(1.15); z-index: 1002; } .layer-mask { width: 100%; height: 100%; opacity: 0.7; transition: all 0.5s; background-color: #3e3e3e; position: absolute; left: 0; top: 0; right: 0; } .swiper-slide-active .layer-mask { display: none; } .swiper-slide a { background: #fff; display: block; border-radius: 2px; } .swiper-slide img { width: 100%; border-radius: 5px; display: block; border: none; } .button { position: absolute; top: 50%; z-index: 2 } .swiper-button-prev { position: absolute; top: 50%; width: 28px; height: 46px; left: 20px; background: left center no-repeat; cursor: pointer; } .swiper-button-next { position: absolute; top: 50%; width: 28px; height: 46px; left: 1150px; background: right center no-repeat; cursor: pointer; } .swiper-slide { position: relative; } .swiper-slide a span { display: none; width: 100%; height: 43px; line-height: 43px; background: ; position: absolute; bottom: 7px; left: 0px; text-align: center; color: #fff } .swiper-slide-active a span { display: block; } .yctj { background: no-repeat right; background-position: 100% 0; margin-bottom: 94px } .yctj .swiper-pagination-bullet { width: 37px; height: 2px; display: inline-block; -webkit-border-radius: 0; border-radius: 0; background: #08499c; opacity: 1 } .yctj .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #dbc194 } .yctj .tabcontents { margin: 0 34px } .yctj .tabcontents .tabcontent { padding: 0 56px; position: relative } .yctj .tabcontents .tabcontent .swiper-button-next { background: url(/uploads/image/images/rili_r.png) no-repeat } .yctj .tabcontents .tabcontent .swiper-button-prev { background: url(/uploads/image/images/rili_l.png) no-repeat } .yctj .tabcontents .tabcontent .swiper-wrapper { margin-bottom: 60px } .yctj .tabcontents .pic ul { float: left } .yctj .tabcontents .pic .two { width: 40% } .yctj .tabcontents .pic .two img { width: 100% } .yctj .tabcontents .pic .two .big { width: 99%; margin-bottom: 1%; height: 738px; overflow: hidden } .yctj .tabcontents .pic .two .big .des { background: #eee; padding: 21px 24px; position: relative; height: 208px } .yctj .tabcontents .pic .two .big .des .ding { font-size: 1.33rem; color: #000; width: 10.8rem; height: 4.5rem; display: block; position: absolute; right: 24px; bottom: 30px; background: #dbc194; line-height: 54px; text-align: center } .yctj .tabcontents .pic .two .big .h5 { font-size: 2.16rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; display: -webkit-box; -webkit-box-orient: vertical } .yctj .tabcontents .pic .two .big p { font-size: 1.5rem; position: absolute; bottom: 46px } .yctj .tabcontents .pic .two .big p span { padding-left: 30px } .yctj .tabcontents .pic .two .big .price { position: absolute; bottom: 14px; font-size: 2rem; color: #d34745; font-weight: 700 } .yctj .tabcontents .pic .two .big .price span { color: #000; padding-left: 0; margin-left: 0; font-size: 14px; font-weight: 400 } .yctj .tabcontents .pic .one { width: 20% } .yctj .solo .des { background: #eee; padding: 7px 8px; position: relative; height: 110px } .yssc-wrap { padding-top: 40px; background: center top no-repeat; } .yssc { margin-top: 40px; padding-bottom: 55px; } .yssc .hd li { float: left; margin-right: 45px; padding-bottom: 10px; } .yssc .hd li a { font-size: 18px; color: #666666 } .yssc .hd li.on { font-weight: 700; background: bottom center no-repeat; } .yssc .hd li.on a { color: #c6041b; } .yssc .jpjmnews li { width: 226px; height: 370px; padding: 0px; margin-right: 15px; border-radius: 0px; } .yssc .jpjmnews li img { width: 100%; height: 265px; } .yssc .jpjmnews li h3 { background: 10px center no-repeat; padding: 7px 10px 6px 30px; color: #555555; font-size: 16px; font-weight: normal; } .yssc .jpjmnews li p { padding: 0px 10px 0px 10px; font-size: 13px; text-indent: 2em; } .yssc .jpjmnews li.down { margin-top: 60px } .xsjc-wrap { padding: 50px 0px; } .xsjc { padding-top: 30px; } .xsjc-wrap h2.xsjctitle a { color: #fff } .xsjc a { position: relative; display: block; width: 599px; height: 465px; float: left; margin-right: 1px; } .xsjc a p { position: absolute; bottom: 0px; width: 599px; height: 50px; line-height: 50px; background: left center; text-align: center; color: #fff } .xsjc a span.start { position: absolute; top: 50%; left: 50%; margin-top: -41px } .jyff { background: top center no-repeat; } .jyff .jyfwwrap { height: 710px; padding-top: 0px } .jyff .jyfwwrap ul li.yszz { top: 238px } .jyff .jyfwwrap ul li.whyc { top: 40px } .jyff .jyfwwrap ul li.yspx { top: 238px } .jyff .jyfwwrap ul li.tywh { top: 238px } .jyff .jyfwwrap ul li.ggwh { top: 435px } .jyff .jyfwwrap ul li.jlwy { top: 435px } .ysdy { background: bottom center no-repeat; padding: 50px 0px } .ysmjbox { width: 577px; } .ysmjbox h2.common { background: center center no-repeat; } .ysmjbox li { width: 114px; height: 145px; float: left; margin: 30px 30px 0px 0px; text-align: center; background: top center no-repeat; } .ysmjbox li img { width: 104px; height: 104px; text-align: center; padding: 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .ysmjbox li p { padding-top: 10px } .movierank { width: 545px } .movierank h2.common { background: url(/uploads/image/images/linebg.png) center center no-repeat; } .movierank ul { padding-top: 15px } .movierank li { width: 440px; } .movierank li em { display: block; margin-right: 20px; text-align: center; font-style: normal; float: left; width: 35px; font-size: 24px; color: #bd1a2d; } .movierank li em.bgem { color: #fff; border-radius: 50%; text-align: center; background: left center no-repeat; } .movierank li a { display: block; height: 37px; line-height: 37px; font-size: 14px; font-weight: 700; color: #000 } .movierank li p { padding-left: 60px; font-size: 14px; line-height: 26px; } .xwdt { padding: 30px 0px 50px 0px } h2.common { height: 50px; text-align: center; background: center bottom no-repeat; } h2.common a { font-size: 32px; color: #bd1a2d } h2.common a span { color: #f20722 } .news { width: 100%; padding-top: 35px } .czblunbosmall { width: 445px; float: left; margin-left: 13px; } .slideboxsamll { width: 620px; height: 485px; overflow: hidden; position: relative; float: left; } .slideboxsamll .hd { height: 15px; overflow: hidden; position: absolute; right: 30px; bottom: 8px; z-index: 1; } .slideboxsamll .hd ul { overflow: hidden; zoom: 1; float: left; } .slideboxsamll .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; line-height: 8px; text-align: center; background: left center no-repeat; } .slideboxsamll .hd ul li.on { background: left center no-repeat; color: #fff; } .slideboxsamll .bd { height: 485px; width: 100%; position: relative; } .slideboxsamll .bd li { zoom: 1; vertical-align: middle; position: relative; } .slideboxsamll .bd img { width: 620px; height: 485px; display: block; } .slideboxsamll .bd li span { display: block; position: absolute; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: url(/uploads/image/images/bgtext.png) left top repeat; color: #fff; text-indent: 1em; } .newsxwlist { width: 540px; padding-right: 15px; float: right; } .newsxwlist li { margin-bottom: 19px; } .newsxwlist li h3 { font-weight: normal; padding-bottom: 12px; } .newsxwlist li h3 a { font-size: 18px; color: #505050; } .newsxwlist li p { font-size: 14px; color: #646464; line-height: 23px; } .picnews { width: 100% } .picnews li { width: 284px; float: left; margin-right: 21px; border-radius: 5px; } .picnews li img { width: 274px; border: 5px solid #fff; height: 194px; border-radius: 7px; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd; } .picnews li a p { padding: 10px 5px 5px 5px; } .picnews li a span { color: #595959; font-size: 14px; padding-left: 5px; } .jcjs { padding: 0px 0px 50px 0px } .jcjs ul { width: 100%; padding-top: 35px } .jcjs ul li { width: 347px; padding: 15px 15px 25px 15px; background: #fff; float: left; margin-right: 34px; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd; } .jcjs ul li a p { font-size: 16px; font-weight: bold; color: #bd1a2d; margin: 20px 0px } .jcjs ul li a span { display: block; color: #333333; line-height: 28px; text-indent: 2em; } .dthd { padding: 0px 0px 30px 0px } .dthd ul { padding-top: 35px } .dthd li { width: 580px; height: 160px; margin-bottom: 30px; } /* .dthd li a { display: block; width: 217px; height: 160px; float: left; } */ .dthd li .djimg { float: left; } .dthd li img { width: 207px; border: 5px solid #fff; height: 150px; border-radius: 7px; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd; } .dthd li .dthdnews { float: right; width: 340px; font-weight: normal; padding-top: 12px } .dthd li .dthdnews h3 { width: 100%; font-weight: normal; padding-bottom: 20px; } .dthd li .dthdnews p { font-size: 14px; color: #646464; line-height: 23px; padding-bottom: 10px } .dthd li .dthdnews span { color: #595959; font-size: 14px; } .mtzp { width: 100%; padding-bottom: 30px } .mtzp .mtgz { width: 566px } .mtzp .mtgz .common { background: center center no-repeat; } .mtzp .mtgz ul { margin-top: 20px; } .mtzp .mtgz li { margin-bottom: 25px; } .mtzp .mtgz li h3 { font-weight: normal; padding-bottom: 12px; } .mtzp .mtgz li h3 a { font-size: 18px; color: #505050; } .mtzp .mtgz li p { font-size: 14px; color: #646464; line-height: 23px; } /* list页面 */ .newslist { padding-top: 35px } .newslist ul.navtit { display: inline-block; margin: 0 auto; padding-top: 25px; padding-bottom: 25px; text-align: center; } .newslist ul.navtit li { float: left; padding: 0px 20px } .newslist ul.navtit li a { font-size: 18px; } .newslist ul.navtit li.on a { display: block; padding-bottom: 10px; color: #bb2527; font-weight: bold; background: center bottom no-repeat; } .newslist ul.navtit li a:hover { padding-bottom: 10px; color: #bb2527; background: center bottom no-repeat; } .conlist { width: 1120px; background: url(/uploads/image/images/content_bj.png); padding: 20px 40px 40px 40px } .conlist ul.ullist { border-bottom: 1px solid #ccc; padding: 15px 0px } .conlist ul.ullist li { background: left center no-repeat; padding-left: 20px } .conlist ul.ullist li a { font-size: 16px; color: #6f6f6f; line-height: 40px; } .conlist ul.ullist li span { font-size: 16px; color: #a6a6a6; text-align: right; padding-right: 10px; float: right; } /* 细览页 */ .box_content { width: 100% } .title_con { width: 100%; padding-top: 30px; text-align: center; font-size: 24px; font-weight: normal; line-height: 45px; color: #bd1a2d } .laiyuan { width: 100%; height: 40px; line-height: 40px; text-align: center; clear: both; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .laiyuan p { width: 50%; margin: 0 auto; text-align: center; color: #999; } .laiyuan p span { font-size: 14px; padding: 0 10px; } .laiyuan p span a { cursor: pointer; padding: 0px 5px } .my_conboxzw { width: 100%; margin: 0 auto; line-height: 200%; font-size: 18px; padding-bottom: 15px; max-height: 9999999px; } .my_conboxzw p { margin-bottom: 10px; text-indent: 2em; } .my_conboxzw img { max-width: 100% !important; display: block; margin: 0 auto; } .mtgz { width: 100% } .mtgz ul.mtlist li { width: 100%; height: 222px; border-bottom: 1px solid #ccc; padding-bottom: 25px; padding-top: 25px; margin-bottom: 10px; } .mtgz ul.mtlist li .mtgzimg { width: 308px; height: 222px; } .mtgz ul.mtlist li .mtgzimg img { width: 308px; height: 222px; border-radius: 6px; } .mtgz ul.mtlist li .mtgzcon { width: 770px; float: left; padding-right: 10px } .mtgz ul.mtlist li .mtgzcon h3 { padding-top: 10px } .mtgz ul.mtlist li .mtgzcon h3 a { font-size: 20px; color: #c6041b; line-height: 30px; } .mtgz ul.mtlist li .mtgzcon p { line-height: 28px; padding: 15px 0px; } .mtgz ul.mtlist li .mtgzcon span { color: #595959 } /* 关于我们 */ .jtjj { padding: 30px 0px } .jtjjcon { padding-top: 40px } .jtjjcon img { width: 570px; height: 325px; float: left; } .jjbox { width: 600px; float: right; } .jjbox p { padding: 15px 0px; line-height: 28px; text-indent: 2em; } .jjbox p span { float: right; text-align: right; font-weight: bold; } .jjbox p span a { color: #bd1a2d } .jtld { padding: 30px 0px } .jtld ul.jtldlist { padding-top: 30px } .jtld ul.jtldlist { background: right 60px no-repeat; } .jtld ul.jtldlist li { background: left center no-repeat; padding-left: 20px; line-height: 30px; } .jtld ul.jtldlist li a { font-size: 18px; color: #777571 } .cydw { padding: 0px 0px 30px 0px } .cydwlist { width: 1225px; padding-top: 30px } .cydwlist ul li { width: 180px; height: 88px; float: left; margin-right: 24px; margin-bottom: 20px; border-radius: 5px; -webkit-box-shadow: 3px 3px 5px #ddd; box-shadow: 3px 3px 5px #ddd; background-color: #fff; } .cydwlist ul li.last { margin-right: 0px; } .cydwlist ul li a { display: block; width: 100%; height: 100%; } .cydwlist ul li img { max-width: 180px; text-align: center; vertical-align: middle; } .lxzzbox { padding: 20px 0px 40px 0px; } .bdcontent { width: 100%; border-bottom: 1px solid #ccc; } .xn_c_140_wrap { width: 750px; margin: 50px auto 20px; } .submit { width: 155px; margin: 40px auto; display: block; height: 38px; font-size: 14px; background: #bd1a2d; color: #fff; text-align: center; line-height: 38px; border-radius: 8px; } .xn_c_140_wrap .text { width: 360px; margin-top: 30px; float: left; height: 44px; border: 1px solid #9a9a9a; background: #fff; } .xn_c_140_wrap .text:nth-child(2n) { margin-left: 26px; } .text input { border: 0px; float: left; width: 250px; outline: none; text-indent: 10px; height: 44px; font-size: 16px; color: #7c7c7c; } .text label { color: #666; float: left; text-indent: 15px; line-height: 44px; height: 44px; display: block; float: left; } .textarea { width: 750px; margin-top: 30px; height: 198px; border: 1px solid #9a9a9a; background-color: #fff; } .textarea textarea { border: 0px; width: 667px; outline: none; text-indent: 10px; height: 198px; line-height: 44px; font-size: 16px; color: #7c7c7c; padding: 0px } .textarea label { color: #666; text-indent: 15px; line-height: 44px; height: 44px; display: block; float: left; } .lxwmmsg { padding-top: 65px; width: 100% } .lxwmmsg .address { width: 890px; margin-top: 30px; float: left; } .lxwmmsg .address li { float: left; width: 445px; height: 40px; line-height: 40px; font-size: 18px; } .lxwmmsg .address li img { padding-right: 10px } .lxwmmsg .ewm li { float: left; margin-left: 40px; } .lxwmmsg .ewm li span { display: block; padding-top: 10px; text-align: center; } .map { padding: 40px 0px } /* 网站地图 */ .map .title { padding: 30px 0px } .wzdt { padding: 30px 40px 40px 40px; background: center top no-repeat; } .mapbox { width: 100%; margin: 0 auto; padding: 7px 0px; border-bottom: 1px dotted #bbb; clear: both; float: left; } .mapbox dt { clear: both; font-size: 18px; font-weight: bold; color: #bb2527; line-height: 40px; padding-right: 30px; background: left center no-repeat; padding-left: 20px } .mapbox dt a { color: #bb2527; } .mapbox dt a:hover { color: #bb2527; } .mapbox dd { line-height: 40px; float: left; padding-right: 10px; padding-left: 20px; font-size: 16px; color: #333; } .mapbox dd a { color: #333; } .mapbox dd a:hover { color: #000; } /* 京演服务 */ .jyfw { background: top center no-repeat !important; } .jyfwwrap { position: relative; width: 1135px; height: 853px; margin: 0 auto; } .jyfwwrap ul li p { padding: 8px 25px 0px 25px; font-size: 24px; font-weight: bold; color: #bd1a2d; text-align: center; } .jyfwwrap ul li.yszz { position: absolute; left: 188px; top: 328px } .jyfwwrap ul li .jyfwwrap ul li.whyc { position: absolute; right: 60px; top: 185px } .jyfwwrap ul li.yspx { position: absolute; left: 0px; top: 380px } .jyfwwrap ul li.tywh { position: absolute; right: 188px; top: 328px } .jyfwwrap ul li.ggwh { position: absolute; left: 50%; bottom: 78px; margin-left: -103px } .jyfwwrap ul li.jlwy { position: absolute; right: 60px; top: 580px } /* 艺术生产 */ .ycj { padding: 40px 0px } .slidebox { width: 100%; height: 570px; overflow: hidden; position: relative; margin-top: 30px } .slidebox .hd { height: 15px; overflow: hidden; position: absolute; right: 30px; bottom: 45px; z-index: 1; } .slidebox .hd ul { overflow: hidden; zoom: 1; float: left; } .slidebox .hd ul li { float: left; margin-right: 5px; width: 8px; height: 8px; line-height: 8px; text-align: center; background: left center no-repeat; cursor: pointer; } .slidebox .hd ul li.on { background: left center no-repeat; color: #fff; } .slidebox .bd { height: 570px; width: 100%; position: relative; } .slidebox .bd li { zoom: 1; vertical-align: middle; position: relative; } .slidebox .bd img { width: 100%; height: 570px; display: block; } .slidebox .bd li .text { display: block; position: absolute; bottom: 0; padding-left: 40px; width: 1160px; height: 120px; background: url(/uploads/image/images/bgtext.png) left top repeat; } .slidebox .bd li h3 { width: 100%; padding: 15px 0px; color: #fff; font-weight: normal; } .slidebox .bd li p { font-size: 14px; color: #fff; } .jpjm-wrap { height: 510px; padding-top: 35px; padding-bottom: 65px; margin-bottom: 30px; background: top center no-repeat; } .jpjm { width: 1200px; margin: 0 auto; } .jpjmnews { width: 1215px; margin-top: 30px } .jpjmnews li { float: left; height: 375px; padding: 10px; margin-right: 20px; background-color: #fff; border-radius: 17px; } .jpjmnews li img { width: 265px; height: 375px } .jpjmnews li.down { margin-top: 35px } .music-wrap { padding-top: 30px; padding-bottom: 40px; width: 100%; background: center center no-repeat; } .music h2.common { background: center bottom no-repeat; } .music-wrap .musicimg { width: 700px; height: 510px; margin-top: 35px; position: relative; } .music-wrap .musicimg li { width: 298px; position: absolute; } .music-wrap .musicimg li.first { left: 0px; top: 68px } .music-wrap .musicimg li.second { right: 100px; top: 0px } .music-wrap .musicimg li.three { left: 100px; bottom: 0px } .music-wrap .musicimg li.four { right: 0px; bottom: 68px } .music-wrap .musicimg li img { width: 300px; height: 220px; } .music-wrap p { width: 410px; margin-top: 125px; font-size: 16px; color: #333333; line-height: 30px; text-indent: 2em; } .zdxm-wrap { width: 100%; padding: 40px 0px; } /* padding-top:30px; */ .zdxm-wrap .bigimg { width: 565px; height: 455px; } .zdxm-wrap .bigimg img { width: 565px; height: 455px; } .zdxm-wrap .smallimg { width: 630px } .zdxm-wrap .smallimg li { float: left; position: relative; overflow: hidden; width: 300px; height: 220px; margin-bottom: 15px; margin-left: 15px } .smallimg ul li a { display: block; width: 100%; height: 220px; } .smallimg ul li a .text { display: none; background: left center; width: 100%; height: 220px; overflow: hidden; position: absolute; bottom: 0px; margin-top: 40px; } .smallimg ul li a:hover .text { display: block; } .smallimg ul li .text .textcon { width: 200px; margin: 0px auto; margin-top: 90px; line-height: 16px; margin-bottom: 10px; color: #fff; text-align: center; line-height: 27px; } /* 购票演出 */ .ycgp { background: none; } .yc-hd { width: 100%; height: 50px; margin-top: 15px; background-color: #bd1a2d; } .yc-hd span { display: block; float: left; width: 90px; height: 50px; line-height: 50px; text-align: center; background-color: #c6041b; color: #fff; font-size: 18px; } .yctitle li { padding: 0px 20px; height: 50px; line-height: 50px; float: left; border-right: 1px solid #cc4f5e } .yctitle li a { color: #fff; font-size: 18px; } .yctitle li.on { background-color: #f6e7d2; } .yctitle li.on a { color: #c6041b; } .yccx { float: right; color: #fff; font-size: 14px; line-height: 50px; margin-left: 20px; margin-right: 20px } .topnav label { cursor: auto; position: relative; } .yccx input { line-height: 25px; width: 180px; height: 25px; margin: 0 0px 0px 8px; padding-left: 10px; cursor: pointer; font-size: 12px; color: #fff; background-color: #de8d96; } .yccx input.search_new { line-height: 25px; width: 70px; height: 25px; background: #a20114; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #fff; display: inline-block; *zoom: 1; *display: inline; list-style-type: none; border-style: none; cursor: pointer; } .date { position: relative; margin-bottom: 30px; } .date p.year { width: 180px; height: 40px; font-size: 24px; color: #fff; margin: 0 auto; /* line-height: 25px; */ text-align: left; } .date p.year span { display: inline-block; *zoom: 1; *display: inline; } .year select { background: #f69da9; border: none; font-size: 32px; color: #fff; } .date p .prev { background: url(/uploads/image/images/prev.png) no-repeat 0 0; width: 25px; height: 25px; vertical-align: middle; margin-right: 10px; } .date p .next { background: url(/uploads/image/images/next.png) no-repeat 0 0; width: 25px; height: 25px; vertical-align: middle; margin-left: 10px; } .date p .year { background: url(/uploads/image/images/down.png) no-repeat 70px center; width: 85px; height: 25px; line-height: 25px; vertical-align: middle; text-align: left; } .date p .mons { background: url(/uploads/image/images/down.png) no-repeat 40px center; width: 55px; height: 25px; line-height: 25px; vertical-align: middle; text-align: left; } .week { position: relative; zoom: 1; margin-bottom: 1px; } .week li { float: left; width: 170px; height: 90px; margin-right: 1px; background-color: #efcbc8; text-align: center } .week li span { display: inline-block; font-size: 14px; color: #e9b4b3 } .week li .day { font-size: 36px; line-height: 90px; margin-right: 10px; } .week li.lastweek { background-color: #df9098; } .show li { position: relative; float: left; width: 170px; height: 260px; margin-right: 1px; margin-top: 1px } .show li .text { width: 170px; height: 55px; background-color: #faf4ed; padding-top: 10px } .show li p { padding: 0px 10px 0px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333333; text-align: left; line-height: 25px; } .show span { position: absolute; right: 0px; top: 178px; width: 45px; height: 20px; background-color: #eac32a; color: #fff !important; line-height: 20px; text-align: center; } .bgnav { position: absolute; width: 39px; height: 223px; top: 90px; left: -39px; } .bgnav li { height: 227px; width: 39px; overflow: hidden; margin-bottom: 1px; position: relative; background: none; filter: alpha(opacity=0); } .bgnav li img { margin-top: 1px; display: block; } .btndown { position: absolute; top: 0px; left: 0; width: 1197px; height: 90px; background: rgba(0, 0, 0, .1); display: block; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#b286a7dd, endcolorstr=#b286a7dd); } .btnup { position: absolute; top: 0px; left: 0; width: 1197px; height: 90px; background: rgba(0, 0, 0, .1); display: none; filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#b286a7dd, endcolorstr=#b286a7dd); } .topbtn img { display: block; margin: 30px auto 0; cursor: pointer; } .show .ulshow { display: none; } /* 线上剧场 */ .xsjcbanner { background: center top no-repeat; } .xsjcbanner .banner-jc { width: 1200px; margin: 0 auto; overflow: hidden; } .banner-jc .bd { margin: 0 auto; position: relative; z-index: 0; margin-top: 255px; position: relative; } .banner-jc .bd li { width: 100%; height: 500px; text-align: center; } .babanner-jcnner .bd a { display: block; width: 100% } .banner-jc .hd { width: 1200px; margin: 0 auto; position: relative; } .banner-jc .hd ul { position: absolute; z-index: 1; bottom: 15px; right: 55px; text-align: center; } .banner-jc .hd ul li { display: inline-block; width: 38px; height: 3px; border-radius: 8px; background: #c9c9c9; margin: 0 5px; cursor: pointer; overflow: hidden; } .banner-jc .hd ul .on { background: #d6002b; } .banner-jc .bd .prev, .banner-jc .bd .next { position: absolute; top: 50%; margin-top: -30px; display: block; } .banner-jc .bd .prev { width: 60px; height: 60px; background: url(/uploads/image/images/index_prev.png) no-repeat; left: 20px; } .banner-jc .bd .next { width: 60px; height: 60px; background: url(/uploads/image/images/index_next.png) no-repeat; opacity: 0.5; right: 20px; } .jchf { padding: 50px 0px 20px 0px } .jchfknews { width: 1228px; padding: 25px 0px 0px 0px } .jchfknews .bd { height: 560px; width: 100%; /* position: relative; */ } .jchfknews li { float: left; width: 280px; margin-right: 27px; } .jchfknews li img { width: 280px; height: 188px; margin-bottom: 10px; } .jchfknews li p { font-size: 16px; color: #333333; line-height: 30px; padding-bottom: 30px; padding-left: 5px; padding-right: 5px; } .jchfknews .hd { overflow: hidden; z-index: 1; width: 90px; margin: 0 auto; padding-top: 20px; } .jchfknews .hd ul { overflow: hidden; zoom: 1; float: left; } .jchfknews .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .jchfknews .hd ul li { float: left; width: 28px; height: 23px; overflow: hidden; margin-right: 15px; text-indent: -999px; cursor: pointer; background: 0 0px no-repeat; } .jchfknews .hd ul li.on { background: 0 0 no-repeat; } .yywb-wrap { background: top center no-repeat; } .yywb { padding: 45px 0px } .yywbimg { position: relative; width: 332px; height: 480px; padding: 0px 44px; background: top left no-repeat; } .yywbimg span { position: absolute; right: -3px; top: 40px; display: block; width: 100px; height: 43px; background-color: #f9c723; border-radius: 5px; text-align: center; } .yywbimg span a { color: #fff; font-size: 18px; line-height: 43px; } .yywbimg h1 { position: absolute; bottom: 160px; width: 332px; text-align: center; font-size: 22px; font-weight: normal; color: #fff; } .yywbimg p { position: absolute; bottom: 20px; width: 332px; font-size: 14px; color: #f9c723; line-height: 30px; } .yywbmsg { width: 720px; height: 455px; background-color: #fff; padding: 15px 20px 10px 40px; overflow-y: auto; } .yywbmsg li { padding-bottom: 10px; padding-top: 15px; border-bottom: 1px solid #ccc; } .yywbmsg h4 { font-size: 16px; color: #333333; line-height: 26px; font-weight: normal; } .yywbmsg img { padding: 15px 0px } .yywbmsg span { float: right; padding-left: 15px; font-size: 14px; } .yywbmsg span a { color: #ecaa6f; } .yywbmsg span.time { float: left; color: #999999; } .wqhg-wrap { background: right top no-repeat; height: 710px; padding-bottom: 40px; } .wqhg { position: relative; margin: 30px 0px } .wqhgtit { width: 1075px; height: 35px; float: right; padding: 30px } .wqhgtit span { float: left; font-size: 32px; color: #ffffff; margin-right: 15px } .wqhgtit .hd { position: relative; overflow: hidden; width: 880px; float: left; padding: 0 10px; line-height: 42px; } .wqhgtit .hd .next, .wqhgtit .hd .prev { position: absolute; display: block; width: 25px; height: 25px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; } .wqhgtit .hd ul { margin-left: 20px } .wqhgtit .hd .prev { background: left center no-repeat; } .wqhgtit .hd .next { right: 0px; top: 0px; background: right center no-repeat; } .wqhgtit .hd li { float: left; margin-right: 20px; margin-left: 20px; color: #fff; font-size: 18px; cursor: pointer; } .wqhgtit .hd li.on { font-size: 24px; font-weight: bold; border-bottom: 2px solid #fff; } .wqhg .bd { position: absolute; top: 95px; left: 0px; width: 1010px; background-color: #7c2422; padding: 50px 0px } .wqhg .bd li { float: left; padding-left: 40px } .wqhg .bd li img { width: 280px; height: 455px; } .wqhg .bd li a p { font-size: 16px; padding: 10px 5px; color: #fff } .wqhg .bd li span { padding: 0px 5px; font-size: 16px; color: #fff; } /* 检索/ */ .searchbox { width: 1200px; margin: 0 auto; padding-bottom: 25px } .search-warp { padding: 20px 0px } .search-warp span { float: left; height: 40px; line-height: 40px; ; font-size: 16px; color: #bd1a2d } .search-warp ul li { float: left; padding: 10px 10px; margin: 0px 5px } .search-warp ul li:hover { background: #bd1a2d; border-radius: 3px } .search-warp ul li:hover a { color: #fff } .search-warp ul li.on { background: #bd1a2d; border-radius: 3px } .search-warp ul li.on a { color: #fff } .searchjs { width: 100%; padding: 10px 10px; } .searchjs label { float: left; height: 45px; line-height: 45px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #999999; background-color: #fff; padding-left: 15px; } .searchjs input { float: left; width: 710px; height: 45px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .searchjs a.searchtext { float: left; display: block; width: 90px; height: 47px; color: #fff; line-height: 47px; text-align: center; background-color: #bd1a2d; } .searchjs .rs { padding: 20px 0px } .searchjs span.rsc { float: left; color: #999999 } .searchjs span a { line-height: 45px; padding-left: 20px; text-align: center; color: #bd1a2d !important; background: none; } .searchjs ul li { float: left; margin: 0px 15px } .searchjs ul li a { background: none; font-size: 16px; color: #333333 } .searchlist { background-color: #fff; padding: 30px; margin-bottom: 25px } .searchlist p { float: left; margin-left: 15px; height: 35px; line-height: 35px; font-size: 16px; } .searchlist span { margin-right: 12px; } .searchlist .res { padding-bottom: 20px; } .searchlist .res p a { margin-left: 12px; } .searchlist .res p a.on { color: #bd1a2d; } .searchlist .res p a:hover { color: #bd1a2d; } .searchlist .res p span.title { font-size: 16px; color: #999999; margin-right: 0px; } .res .result { height: 35px; line-height: 35px; color: #999; float: right; } .res .result span { padding: 0px 5px; margin-right: 0px; font-weight: bold; color: #bd1a2d; } .searchlist ul li { background: left center no-repeat; padding-left: 20px; border-bottom: 1px solid #ccc; line-height: 70px; } .searchlist ul li a { font-size: 16px; color: #6f6f6f; } .searchlist ul li span { font-size: 16px; color: #a6a6a6; text-align: right; padding-right: 10px; float: right; } #innerdiv { width: 1200px; left: 50%; top: 30%; margin-left: -600px; padding: 80px 0px; background-color: #fff; font-size: 22px; text-align: center; } .gjjscon { width: 940px; margin: 0 auto } #innerdiv h2 { padding-bottom: 40px; font-weight: normal; color: #333; } #innerdiv .close { position: absolute; right: 30px; top: 35px } #innerdiv .term { width: 100%; margin-bottom: 20px; } #innerdiv .term label { float: left; height: 40px; line-height: 40px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #999999; background-color: #fff; padding-left: 15px; font-size: 14px; } #innerdiv .term label.all { width: 125px; margin-right: 30px; border: 1px solid #ccc; text-align: left; } #innerdiv .term input { float: left; width: 240px; height: 40px; font-size: 14px; margin-right: 30px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .sort { width: 100%; font-size: 14px; } .sort span { font-size: 14px; color: #333333; float: left; line-height: 35px; } .sort ul li { float: left; margin: 0px 20px; padding: 8px 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; color: #bd1a2d } .sort ul li input { margin-right: 10px } /*购票*/ .gpbox { width: 100%; background: top center no-repeat; } .gpcenter { width: 1200px; margin: 0 auto; } .gpcenter h2 { padding-top: 65px; text-align: center; font-weight: normal; color: #fff; font-size: 32px; } .gp_listlbrgt { margin-bottom: 25px; } .gp_listlbrgt .gp_titleul { display: inline-block; text-align: center; } .gp_listlbrgt .hd { text-align: center; } .gp_listlbrgt .gp_titleul li { text-align: center; margin: 40px 20px; float: left; height: 50px; padding: 0px 20px; border: 2px solid #fff; line-height: 52px; } .gp_listlbrgt .gp_titleul li.on { background-color: #fff; } .gp_listlbrgt .gp_titleul li.on a { color: #c6041b } .gp_listlbrgt .gp_titleul li a { color: #fff } .sesrchgp { width: 436px; height: 40px; margin: 0 auto; position: relative; background: left center no-repeat; } .sesrchgp input { width: 270px; height: 40px; background: none; float: left; padding-left: 15px; } .sesrchgp a.searchimg { position: absolute; top: 7px; right: 132px; } .sesrchgp span { height: 40px; line-height: 40px; } .sesrchgp span a { color: #fff } .gpnews { margin-top: 80px } .gpnews li { position: relative; float: left; margin-right: 20px; margin-bottom: 20px; } .gpnews li em { position: absolute; right: -4px; bottom: 95px; width: 95px; height: 20px; line-height: 20px; color: #fff; background-color: #eac32a; font-style: normal; text-align: center; font-size: 14px; } .gpnews .bd li img { width: 280px; height: 450px } .gpnews .bd li .text { height: 90px; background-color: #fff; padding: 0px 10px } .gpnews .bd li .text p { font-size: 18px; color: #333333; padding: 10px 0px 10px 0px } .gpnews .bd li .text span { font-size: 14px; color: #333333; } .gpnews .hd { height: 5px; } .gpnews .hd .num { display: inline-block; } .gpnews .hd .num li { width: 20px; height: 5px; text-indent: -999999999px; background: center center no-repeat; } .gpnews .hd .num li.on { background: center center no-repeat; } /* 场馆设置new */ .cgssbox{width:100%; background: center top no-repeat;} .cgss{width:100%; padding:75px 0px 30px 0px; } .hdtitle{width:1200px; margin: 0 auto; text-align: center} .hdtitle ul{display: inline-block; text-align: center;} .hdtitle li{float: left; margin-right: 120px;} .hdtitle li a{color:#fff; font-size: 34px;padding-bottom:15px;} .hdtitle li.on a{border-bottom: 3px solid #fff; font-weight: 700;} .cgss .bd{width:1200px; margin:0 auto; position: relative; } .cgss .bd h1{text-align: center; color:#fff; font-weight: bold;font-size: 36px;} .cgsscontent{position: relative;} .cgsscenter{padding-top:90px; padding-bottom: 60px;} .cgsscenter .cgsspic{width:663px; position: relative;} .cgsscenter .cgsspic em{position: absolute;top: 50%;left: 50%; margin-top:-50px;margin-left:-50px} .cgsscenter .cgssdesc{ width:505px} .cgsscenter .cgssdesc p{font-size: 16px; color:#fff; line-height: 30px; text-indent: 2em;} .cgsscenter .cgssdesc span{float: right; padding-top:20px} .cgsscenter .cgssdesc span a{color:#fcb800} .cgssdown{width:1200px; margin: 0 auto;} .cgssdown li{width:280px; float:left; margin-right:25px;} .cgssdown li.last{margin-right: 0px;} .cgssdown li img{padding:3px;background-color: #fff; width:274px; height: 180px;} .cgssdown li p{font-size: 16px; color:#fff; padding:10px 5px 10px 5px} .cgss .prev, .cgss .next{ position:absolute; left:-4%; top:50%; margin-top:-55px; display:block; width:45px; height: 70px;} .cgss .next{ left:auto; right:-4%; background: url(/uploads/image/images/ss_right.png) right center;} .cgss .prev{background: url(/uploads/image/images/ss_left.png) left center;} /*在建剧场*/ .zjjc{background: url(/uploads/image/images/zjjcbg.jpg) center center no-repeat; padding:25px 0px 150px 0px} .zjjcbox{width:1200px; margin:0 auto} .zjjctit h1{ padding-top:50px; padding-bottom:40px; text-align: center; font-size: 34px; color:#333333;} .flash4{width:1200px;height:650px;margin:0px auto;position:relative; clear:both;} .flash4 ul li{width:240px;height:650px;position:relative;overflow:hidden;float:left;} .flash4 ul li.first{width:720px;} .flash4 ul li .imgcen{width:240px;height:650px;color:#fff;font-size:14px;line-height:25px;position:absolute;left:0px;top:0px; display:none; overflow:hidden; } .my_tlebig { font-size: 18px; color: #fff; font-weight: bold; } .gjy{background: url(/uploads/image/images/bjgjybg.jpg) left center no-repeat;} .imgtop{ height:650px; position:relative;} .img1r { width: 420px; height: 590px; float: left; overflow: hidden; padding:30px; } .img1l { width: 240px; height: 650px; float: left; overflow: hidden; } .img1r h2{font-size: 24px; color:#333333; padding:20px 0px} .img1r p{ line-height: 35px; font-size: 16px; color:#333333; text-indent: 2em;} .yz{background: url(/uploads/image/images/yzbg.jpg) left top no-repeat;} .nq{background: url(/uploads/image/images/nbbj.jpg) left top no-repeat;} .my_xiangqing{width:30px; margin:0 auto; position:relative; font-size: 28px; font-weight: 700;letter-spacing:2px;line-height: 38px; padding-top: 160px; z-index:99} .my_zgwhjia { position: absolute; bottom: 20px; left: 110px; } /* 首页京演服务版块*/ .idx_jyfwbox{ width:1200px; height:598px; margin:0 auto;background:url(/uploads/image/images/bg_idxjyfw.jpg) center top no-repeat;} .idx_jyfwtle{ width:760px; height:115px; clear:both; float:right; padding-top:77px;} .idx_jyfwtle h2{ display:block; float:left; width:170px; height:55px; font-size:24px; margin-right:65px;} .idx_jyfwtle h2 a{ display:block; width:100%; height:53px; line-height:53px; background:#fff; color:#bd1a2d; border:1px solid #bd1a2d; text-align:center;} .idx_jyfwtle h2 a:hover{ background:#bd1a2d; color:#fff;} .idx_jyfwtle h2 a.ontle{ background:#bd1a2d; color:#fff;} .idx_jyfwconbox{ width:100%; clear:both;} .idx_jyfwconbox h3.jyfwtlelef{ display:block; float:left; width:325px; text-align:center; padding-top:30px;} .idx_jyfwrgtcon{ width:800px; float:right; margin-right:30px;} .idx_jyfwrgtcon dl{ width:410px; float:left; margin-top:15px;} .idx_jyfwrgtcon dl dt{ width:100%; height:45px; color:#666; font-size:14px; } .idx_jyfwrgtcon dl dt a{ color:#333; font-size:16px; font-weight:bold;} .idx_jyfwrgtcon dl dt a:hover{ color:#bd1a2d;} .idx_jyfwrgtcon dl dt a.ontle{ color:#bd1a2d;} .idx_jyfwrgtcon dl dt span{ padding:0 15px;} .idx_jyfwrgtcon dl dd{ width:100%; line-height:200%; font-size:16px;} .idx_jyfwrgtcon dl dd span a.red{ color:#bd1a2d; margin-left:10px;} .idx_jyfwrgtcon dl dd span a.red:hover{ text-decoration:underline;} .idx_jyfwrgtdywh{ width:330px; float:right;} .idx_jyfwrgtdywh img{ display:block; clear:both; margin-bottom:10px;} .idx_jyfwrgtdywh ul{ width:100%; clear:both;} .idx_jyfwrgtdywh ul li{ width:100%; clear:both; padding:8px 0; line-height:22px; border-bottom:1px dotted #ccc; font-size:16px;} /*经典传承三级页*/ .jdcc{background: url(/uploads/image/images/jdtjbj.jpg) center top no-repeat;padding-bottom:40px} .jdcc .dqwz{border-bottom: none;} .jdcccon .title{ text-align: center; font-size: 32px; color:#fff;font-weight: bold; padding-bottom: 40px;} .jdcccon .video{width:925px ; margin:0 auto;text-align: center;} .jdcccon .desc {padding-top:20px} .jdcccon .desc h3{ text-align: center; font-size: 16px; font-weight: 700;} .jdcccon .desc p{text-indent: 2em; font-size: 16px; color:#333333; line-height: 30px; padding:10px 0px} .jzbox{background: url(/uploads/image/images/jzbj.jpg) center top no-repeat;padding:30px 0px} .jzbox .title{width:1200px; margin:0 auto;text-align: center;padding-bottom: 40px;padding-top:20px} .jzbox .title a{font-weight: 700; color:#fff; font-size:32px} .jzbox ul{width:1200px; margin:0 auto} .jzbox ul li{float: left;width:380px; margin-right: 30px;} .jzbox ul li p{color:#fff; font-size: 16px;text-align: center; padding:20px 0px; } .jzbox ul li.last{margin-right: 0px;} .vjs-poster{width:925px; height: 530px;} .video-js .vjs-tech{width:925px !important; height: 530px !important;} .my-video-dimensions{width:925px !important; height: 530px !important;} .video-js{background-color:none;} .video-js .vjs-big-play-button{ top:initial !important; bottom: 10px !important ; left: 49% !important; border: 0px !important; background: none !important; width: 15px !important; height: 15px !important; line-height: 0px !important; font-size: 18px !important;} /*经典传承二级页*/ .jdttcenter{padding: 20px 0px;} .jdttcenter h2{width:130px;padding-bottom: 15px; float: left; font-size: 32px; color:#c3182c; font-weight: normal; margin-right: 20px;background: url(/uploads/image/images/downline.png) bottom center no-repeat;} .jdttcenter h2 span{color:#f10822} .jdttcenter ul.navtitle{float: left; padding-top:10px} .jdttcenter ul.navtitle li{float: left; width:80px;height: 47px; line-height: 38px; text-align: center; margin:0px 5px} .jdttcenter ul.navtitle li a{font-size: 24px;color:#666666; text-align: center; ;} .jdttcenter ul.navtitle li.on{background: url(/uploads/image/images/jdonbg.png) left center no-repeat;} .jdttcenter ul.navtitle li.on a{color:#fff} .jdttcenter ul.navtitle li:hover{background: url(/uploads/image/images/jdonbg.png) left center no-repeat;} .jdttcenter ul.navtitle li:hover a{color:#fff} .jdttcenter hr{border-top: 1px #c3182c dashed;float: left;width: 578px;margin-left: 20px;line-height: 57px;margin-top: 30px;} .jfttnews{padding-top:30px} .jfttnews .piclist li{width:380px; float: left;margin-right: 30px;position: relative; margin-bottom: 30px;} .jfttnews .piclist li.last{margin-right: 0px;} .jfttnews .piclist li span{ position: absolute; width:83px; height: 35px; text-align: center; line-height: 35px; color:#fff; background: url(/uploads/image/images/redbg.png) left center no-repeat; bottom:65px; right: 0px; display: block;} .jfttnews .piclist li p{padding:0px 10px; height: 65px; line-height: 65px; background-color: #fff; color: 333333; font-size: 24px;} .jfttnews .hd { width:300px; margin:0 auto; height: 5px; text-align: center; } .jfttnews .hd .num { display: inline-block; } .jfttnews .hd .num li { width: 20px; height: 5px; float: left; margin-right: 20px; text-indent: -999999999px; background: center center no-repeat; } .jfttnews .hd .num li.on { background: center center no-repeat; }