.bwWrapper { position: relative; display: block; } .mybanner{ position: relative; padding-bottom: 0 !important; z-index: 10000; } .metaslider{ z-index: 10000 !important; } .header{ width:100%; text-align: center; background: #333333; position: relative; z-index: 9; } .header .hea-top{ background: #444444; color:#cccccc; height:33px; line-height: 33px; } .header .hea-top p{ width:70%; /* min-width: 1346px;*/ margin:0 auto; text-align: right; } .header .hea-m{ width:70%; min-width: 1200px; margin:0 auto; height:44px; overflow: hidden; box-sizing: border-box; } .logo{ width:152px; height:19px; margin-top:13px; background:url(/bowbog/images/logo.png)no-repeat center center; -webkit-background-size: 100%; background-size: 100%; } .logo h1{ font-size:0; opacity: 0; } .nav { width:810px; margin:0 auto; text-align: center; margin-left:60px; overflow: hidden; } .nav li{ text-align: center; float: left; width:80px; height:44px; position: relative; } .nav li .span3{ position: absolute; top:0; width:80px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .nav li a{ color:#ffffff; } .nav li .span1{ display: block; width:100%; height:44px; font-size:12px; line-height: 44px; } .nav li .span2{ display: block; width:100%; height:44px; font-size:12px; line-height: 44px; } .nav li:hover a .span3{ position: absolute; top: -44px; } .nav li.on a .span3{ position: absolute; top: -44px; } .hea-m .fr a{ display: block; float: right; margin-top: 16px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .hea-m .fr a.tm{ width:27px; height:13px; background:url(/bowbog/images/q0.png)no-repeat -130px 0px; } .hea-m .fr a.tm:hover{ background:url(/bowbog/images/q0.png)no-repeat -130px -18px; } .hea-m .fr a.wb{ margin-right: 44px; width:18px; height:15px; background:url(/bowbog/images/q0.png)no-repeat -68px 0px; } .hea-m .fr a.wb:hover{ background:url(/bowbog/images/q0.png)no-repeat -68px -18px; } .hea-m .fr a.wx{ margin-right: 48px; width:19px; height:15px; background:url(/bowbog/images/q0.png)no-repeat 0px 0px; } .hea-m .fr a.wx:hover{ background:url(/bowbog/images/q0.png)no-repeat 0px -18px; } .banner{ width:100%; } .banner .swiper-slide img{ width:100%; height:auto; } .banner .swiper-pagination-bullet{ width:58px; height:6px; background:transparent; border-radius: 3px; box-sizing: border-box; border:1px solid #fff; } .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; opacity: 1; } .lpdy{ width:100%; background: #262626; height:550px; box-sizing:border-box; padding-top: 80px; position: relative; overflow:hidden; /* overflow:visible;*/ } .lpdy .lp-m{ width:1340px; margin:0 auto; position: relative; z-index: 9; visibility: visible; } .q1{ width:183px; height:8px; background:url(/bowbog/images/q1.png)no-repeat center center; } .lp-b{ margin:42px 0 0 228px; position: relative; z-index: 9; } .lp-b h2{ line-height: 72px; color:#fff; } .q2{ width:800px; height:200px; background:url(/bowbog/images/q2.png)no-repeat center center; } .q3{ width:19px; height:24px; background:url(/bowbog/images/q3.png)no-repeat center center; margin-right: 12px; } .lp-b .clearfix>.fl{ margin-right: 26px; } .lp-b p.fs20{ line-height: 24px; } .lp-b p.fs10{ line-height: 10px; color:#666666; } .pa{ position: absolute; } .wl{ animation-duration: 1s; animation-delay: 0s; animation-name: fadeInLeft; } .lp-m .pa{ bottom:-36px; left:440px; z-index:8; width:1343px; height:636px; background:url(/bowbog/images/q4.png)no-repeat center center; visibility: visible; animation-duration: 1.2s; animation-delay: 0s; animation-name: fadeInLeft; } .lpdy .block90{ width:64%; position: absolute; bottom:0; right:0; background: #333; z-index: 1; } .activity{ position: relative; background: #262626; padding-bottom: 90px; } .activity .fl{ width:60%; position: relative; z-index: 1; } .activity .fl img{ width:100%; height:auto; -webkit-transition: 0.7s; transition: 0.7s; } .activity .fr{ position: absolute; top:0px; right: 0; background: #333; width:64%; height:100%; } .activity .fl .hidden{ overflow: hidden; position: relative; z-index: 9; } .activity .fl .hidden:hover img{ -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .activity .fl .act-m{ position: absolute; right:-40%; top:50%; margin-top: -220px; width:31%; visibility: visible; animation-duration: 1s; animation-delay: 0s; animation-name: fadeInLeft; } .q5{ width:151px; height:8px; background:url(/bowbog/images/q5.png)no-repeat center center; } p.fs54{ font-size: 54px; line-height: 54px; color:#fff; } .act-m h3{ line-height: 24px; color:#fff; } .act-m p.fs14{ color:#fff; line-height: 1.8; } .ani1{ visibility: visible; animation-duration: 1s; animation-delay: 0s; } .ani2{ visibility: visible; animation-duration: 1.5s; animation-delay: 0s; } .queen{ background: #262626; position: relative; } .queen .que-t{ position: absolute; top:90px; left:50%; margin-left: -394px; text-align: center; } .q6{ width:168px; height:8px; position: absolute; top:0; left:-260px; animation-name: fadeInLeft; background:url(/bowbog/images/q6.png)no-repeat center center; } .q7{ width:306px; height:130px; margin:0 auto; animation-name: fadeInLeft; background:url(/bowbog/images/q7.png)no-repeat center center; } .q8{ width:789px; height:188px; margin:0 auto; animation-name: fadeInLeft; background:url(/bowbog/images/q8.png)no-repeat center center; } .q9{ width:267px; height:47px; margin:0 auto; animation-name: fadeInLeft; background:url(/bowbog/images/q9.png)no-repeat center center; } .que-t .clearfix{ font-size: 0; animation-name: fadeInLeft; } .que-t .clearfix a{ width:203px; height: 48px; border-color:#fff; background:transparent; color:#fff; line-height: 48px; display: inline-block; margin:0 5px; font-size: 14px; } .que-t .clearfix a:hover{ background: #fff; color:#000; } .que-m{ width:100%; } .que-m img{ width:100%; height:auto; } .list-nav{ text-align: center; font-size: 0; } .list-nav a{ display: inline-block; text-align: left; border-bottom:1px solid #262626; padding-right:30px; margin:0 15px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .list-nav a p{ color:#fff; line-height: 20px; } .list-nav a i{ color:#666666; line-height: 10px; } .list-nav a:hover{ border-color:#fff; } .case{ width:70%; min-width: 1345px; margin:0 auto; font-size: 0; } .case ul li{ width:24.99%; float:left; margin-bottom:40px;} .case ul li a{ width:92%; display:block; margin:0 auto;} .viimg{cursor:pointer; z-index:1; overflow:hidden;} .viimg .xj{ opacity:0;position:absolute;top:-1000px;left:0; z-index:1;} .ct1,a.ct1,.ct1 a,.ct1 a:visited{ color:#999;} a.ct1:hover,.ct1 a:hover{ color:#C6A65B;} .ct2,a.ct2,.ct2 a,.ct2 a:visited{ color:#999;} a.ct2:hover,.ct2 a:hover{ color:#999;} .ct3,a.ct3,.ct3 a,.ct3 a:visited{ color:#666;} a.ct3:hover,.ct3 a:hover{ color:#C6A65B;} .ct4,a.ct4,.ct4 a,.ct4 a:visited{ color:#000;} a.ct4:hover,.ct4 a:hover{ color:#C6A65B;} .ct5,a.ct5,.ct5 a,.ct5 a:visited{ color:#fff;} a.ct5:hover,.ct5 a:hover{ color:#fff;} .ct6,a.ct6,.ct6 a,.ct6 a:visited{ color:#fff;} a.ct6:hover,.ct6 a:hover{ color:#C6A65B;} .hengqie3 {width:78.125%;margin:0 auto;min-width:1200px;} .morecase ul li{ width:33.3%; height:160px; float:left;} .morecase ul li:nth-of-type(1){ background:#C7A75C;} .morecase ul li:nth-of-type(2){ background:#0B4783;} .morecase ul li:nth-of-type(3){ background:#555555;} .morecase ul li a{ display:inline-block; padding-left:40px;} .morecase ul li a i{ display:none; background:url(/bowbog/images/tou.png) no-repeat bottom; width:40px; height:34px;} .morecase ul li a.hover i{ display:block;} .morecase ul li:nth-of-type(1) a:hover{ color:#0B4783;} .morecase ul li .morecon a{ padding-left:20px;} .morecase ul li .morecon a:nth-of-type(1){padding-left:40px;} .more:hover{ border-color:#C6A65B;} .more1{ width:250px; height:40px; line-height:40px;margin:0 auto; border-top:1px solid #fff; border-bottom:1px solid #fff;} .more1 a{ display:block; width:100%; height:100%;} .more1:hover{ border-color:#C6A65B; color:#C6A65B;} .more2{ width:250px; height:55px; line-height:55px;margin:0 auto; border:1px solid #666;} .more2 a{ display:block; width:100%; height:100%;} .more2:hover{ border-color:#C6A65B; color:#C6A65B;} .q10{ width:72px; height:14px; margin-top: 5px; background:url(/bowbog/images/q10.png)no-repeat center center; } .film{ background: #262626; } .q11{ width:792px; height:109px; margin:0 auto; animation-name: fadeInUp; background:url(/bowbog/images/q11.png)no-repeat center center; } .film-l{ width:100%; font-size: 0; } .film-l li{ width:33.333333%; float: left; position: relative; overflow: hidden; } .film-l li img{ width:100%; height:auto; } .q13{ width:100%; height:102%; position: absolute; top:0%; left:0%; background:url(/bowbog/images/q13.png)no-repeat center center; -webkit-background-size: 100%; background-size: 100%; } .film-l .film-m{ position: absolute; bottom:10%; left:9%; } .film-l .film-m .fs14{ line-height: 14px; margin-left: 15px; } .q12{ width:77px; height:24px; margin:13px 0 12px; background:url(/bowbog/images/q12.png)no-repeat center center; } .photo2{ background: #262626; } .photo{ background: #262626; height:1850px; position: relative; } .photo .bgb{ position: absolute; top:190px; right:0; width:65%; height:600px; background: #333333; } .photo .photo-t{ min-width: 1345px; width:70%; margin:0 auto; position: relative; z-index: 2; } .photo .photo-t .fl{ animation-name: fadeInLeft; } .q14{ width:196px; height:204px; background:url(/bowbog/images/q14.png)no-repeat center center; } .q15{ width:214px; height:29px; background:url(/bowbog/images/q15.png)no-repeat center center; } .photo .photo-t .fll{ float: left; margin-left: 15%; animation-name: fadeInLeft; } .q16{ width:165px; height:8px; background:url(/bowbog/images/q16.png)no-repeat center center; } .photo .photo-t .fr{ animation-name: fadeInLeft; } .q17{ width:174px; height:76px; background:url(/bowbog/images/q17.png)no-repeat center center; } .photo .case{ position: relative; z-index: 2; } .photo .photo-t .list-nav a{ text-align: right; margin-right: 0; margin-left:30px; padding:0 0 0 30px; border-color:#fff; } .photo .photo-t .list-nav a:hover{ border-color:#000; } .photo .photo-t .list-nav a p{ color:#fff; } .price{ position: relative; padding-top: 1px; height:700px; background: #333333 url(/bowbog/images/q18.png)no-repeat center 125px; } .price .price-m{ margin:126px auto 0; width:1000px; height:495px; position: relative; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; animation-name: fadeInUp; background:url(/bowbog/images/q20.png)no-repeat center center; } .price .price-m:hover{ background:url(/bowbog/images/q21.png)no-repeat center center; } .price .price-m a{ position: absolute; display: block; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .q19{ width:154px; height:199px; top:105px; left:0; background:url(/bowbog/images/q19.png)no-repeat center center; } .q19:hover{ top:90px; } .q22{ width:154px; height:192px; top:22px; right:0; background:url(/bowbog/images/q22.png)no-repeat center center; } .q22:hover{ top:12px; } .q23{ width:172px; height:196px; bottom:0px; right:180px; background:url(/bowbog/images/q23.png)no-repeat center center; } .q23:hover{ bottom:10px; } .news{ background: #262626; } .q24{ display: block; width:1340px; height:137px; margin:0 auto; animation-name: fadeInUp; background:url(/bowbog/images/q24.png)no-repeat center center; } .news .news-m{ width:79%; min-width: 1360px; margin:0 auto; font-size: 0; } .news .news-m li{ width:23.5%; float: left; margin-right: 2%; margin-bottom:2%; background: #fff; } .news .news-m li:nth-child(4n+0){ margin-right: 0; } .news .news-m li img{ width:353px; height:236px; } .news .news-m li b.fs10{ position: absolute; top:0; left:0; width:50px; height:50px; line-height: 50px; text-align:center; background: #fff; color:#000; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .news .news-m li .news-t{ position: relative; overflow: hidden; background: #CCC; } .news .news-m li .news-b{ box-sizing: border-box; padding:0 30px; height: 280px; } .news .news-m li .news-b h3{ font-size: 14px; color:#000; line-height: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 170px; } .q25{ width:36px; height:41px; margin-right: 12px; background:url(/bowbog/images/q25.png)no-repeat center center; } .q26{ width:170px; height:11px; margin:4px 0 9px 0; background:url(/bowbog/images/q26.png)no-repeat center center; } .block25{ height:25px; } .news .news-m li .news-b p.fs14{ color:#808080; line-height: 1.8; height:94px; overflow: hidden; } .news .news-m li .news-b p.fs12{ color:#808080; font-weight: bold; } .news .news-m li:hover b.fs10{ background: #000; color:#fff; } .q27{ width:126px; height:14px; margin:0 auto; background:url(/bowbog/images/q27.png)no-repeat center center; } .q29{ width:302px; height:35px; background:url(/bowbog/images/q29.png)no-repeat center center; } .q30{ width:152px; height:16px; background:url(/bowbog/images/q30.png)no-repeat center center; } .block12{ height:12px; } .f1 i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat 0 0; } .f1:hover i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat 0 -16px; } .f2 i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -99px 0; } .f2:hover i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -99px -16px; } .f3 i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -200px 0; } .f3:hover i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -200px -16px; } .f4 i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -300px 0; } .f4:hover i{ width:18px; height:16px; background:url(/bowbog/images/q31.png)no-repeat -300px -16px; } .f4 span{ line-height: 12px; display: block; margin-bottom: 12px; } .foot{ width:100%; background:#000000 url(/bowbog/images/foot-bg.png) center center; } .foot-m{ width:1200px; margin:0 auto; } .footl{ float: left; width:380px; } .footl ul li{ float: left; width:50%; text-align: left; } .footl ul li a{ font-size:14px; color:#fff; line-height: 36px; } .footl ul li a:hover { color:#cccccc; } .b-logo{ width:153px; height:112px; margin:0 auto; background: url(/bowbog/images/b-logo.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .qpw{ float: right; } .qpw>a{ display: inline-block; margin:0 14px 0; } .qpw>a:nth-child(1){ width:23px; height:26px; background: url(/bowbog/images/qpw.png)no-repeat 0px 0px; } .qpw>a:nth-child(1):hover{ background: url(/bowbog/images/qpw.png)no-repeat 0px -27px; } .qpw>a:nth-child(2){ width:14px; height:26px; background: url(/bowbog/images/qpw.png)no-repeat -67px 0px; } .qpw>a:nth-child(2):hover{ background: url(/bowbog/images/qpw.png)no-repeat -67px -27px; } .qpw>a:nth-child(3){ width:26px; height:26px; background: url(/bowbog/images/qpw.png)no-repeat -122px 0px; } .qpw>a:nth-child(3):hover{ background: url(/bowbog/images/qpw.png)no-repeat -122px -27px; } .qpw>a:nth-child(4){ width:28px; height:22px; background: url(/bowbog/images/qpw.png)no-repeat -181px -3px; } .qpw>a:nth-child(4):hover{ background: url(/bowbog/images/qpw.png)no-repeat -181px -30px; } .qpw>a:nth-child(5){ width:28px; height:23px; background: url(/bowbog/images/qpw.png)no-repeat -238px -3px; } .qpw>a:nth-child(5):hover{ background: url(/bowbog/images/qpw.png)no-repeat -238px -30px; } .qpw i{ display: block; float: right; width:180px; height:38px; background:#898989 url(/bowbog/images/ia.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; text-align: center; } .qpw i:hover{ background: #d2cece url(/bowbog/images/ia.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .qpw i a{ font-size:14px; color:#150d0f; line-height: 38px; } .copyl{ float: left; color:#898989; text-align: left; } .copyl h2{ font-weight: normal; font-size:18px; } .copyl p{ font-size:12px; } .copyr{ float: right; text-align: right; color:#898989; } .copyr p{ font-size:14px; } .copyr a{ color:#898989; } .fancybox-close{ top: -1px!important; right: -1px!important; } .fancybox-opened .fancybox-skin{ -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important; -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important; background: transparent!important; } /*work.css*/ .work{ position: relative; background: #262626; } .q4{ width:1343px; height:636px; background:url(/bowbog/images/q4.png)no-repeat center center; } .work .q4{ position: absolute; right:-320px; top:-30px; } .work .work-m{ width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index:1; } .q34{ position: absolute; right:40px; top:190px; width:165px; height:8px; background:url(/bowbog/images/q34.png)no-repeat center center; } .work .work-m .work-nav a{ display: inline-block; float: left; width:167px; height:64px; background: #4d4d4d; box-sizing: border-box; padding-left: 45px; color:#fff; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .block8{ height:8px; } .work .work-m .work-nav a p.fs20{ line-height: 20px; } .work .work-m .work-nav a .fs10{ line-height: 10px; } .work .work-m .work-nav a.hover{ width:300px; color:#000; background: #fff; } .work .work-m .work-nav a:hover{ width:300px; color:#000; background: #fff; } .q32{ width:724px; height:90px; background:url(/bowbog/images/q32.png)no-repeat center center; } .q33{ width:399px; height:48px; background:url(/bowbog/images/q33.png)no-repeat center center; } .mpage ul { text-align: center; } .mpage ul li{ display: none; } .mpage ul li.ppage,.mpage ul li.pnext,.mpage ul li.ppre{ display: inline-block; } .mpage ul li a,.mpage .current,.mpage .total a{ display: inline-block; width:28px; height:31px; font-size: 15px; color:#fff; border:1px solid #262626; line-height: 31px; margin:0 10px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .mpage ul li.pnext a,.mpage ul li.ppre a{ width:138px; height:31px; border-radius: 19px; border-color:#808080; } .mpage a.next,.mpage a.prev { width:138px !important; height:31px !important; border-radius: 19px !important; border-color:#808080 !important; } .mpage ul li a.hover,.mpage .current{ border-bottom:1px solid #fff; } .mpage ul li a:hover{ border-bottom:1px solid #fff; } .mpage ul li.pnext a:hover{ border-color:#808080; } /*work-con.css*/ .work-con{ width:100%; font-size: 0; position: relative; z-index: 9; } .work-con .fl{ width:28.2%; margin-right: 5%; } .work-con .fl img{ width:100%; height:auto; } .work-con .fr{ width:65%; } .q35{ width:376px; height:44px; background:url(/bowbog/images/q35.png)no-repeat center center; } .work-con .fr h3{ color:#fff; line-height: 20px; } .work-con .fr .fs14{ line-height:14px; color:#999999; } .work-con .fr .k{ width:23px; height:1px; background: #fff; } .work-con .fr .fs14.f{ color:#fff; } .work-con .fr .list-m a{ display: block; float: left; margin:0 10px 10px 0; } .work-con .fr .list-m a img{ height:80px; width:auto; border:4px solid #fff; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .work-con .fr .list-m a:hover img{ border-color:#b38e6b; } .lr a{ display: block; float: left; width:187px; height:148px; } a.prev{ background:url(/bowbog/images/q36.png)no-repeat left center; font-size: 0; } a.last{ background:url(/bowbog/images/q36.png)no-repeat right center; font-size: 0; } /*activities.css*/ .act{ position: relative; background: #262626; } .act .q4{ position: absolute; right:-320px; top:-30px; } .q39 { position: absolute; right: 40px; top: 190px; width: 170px; height: 8px; background: url(/bowbog/images/q39.png)no-repeat center center; } .q37 { width: 756px; height: 74px; background: url(/bowbog/images/q37.png)no-repeat center center; } .q38 { width: 398px; height: 48px; background: url(/bowbog/images/q38.png)no-repeat center center; } .act .act-con { width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index: 9; } .act .act-con ul li{ padding-top: 90px; margin-bottom: 115px; } .act .act-con ul .activity .fl .act-m{ right:-420px; margin-top: -164px; } .act .act-con ul .activity .fl .act-m{ width:40%; right:-50%; } .act .act-con ul .activity .block55{ height:27px; } .act .act-con ul .activity .block50{ height:25px; } .act .act-con ul .activity .block25{ height:12px; } .act .act-con ul .activity .block100{ height:50px; } .act .act-con ul li:nth-child(odd) .fr{ background: #333333; } .act .act-con ul li:nth-child(odd) .q5{ background: url(/bowbog/images/q40.png)no-repeat center center; } .act .act-con ul li:nth-child(odd) p,.act .act-con ul li:nth-child(odd) h3{ color:#fff; } .act .act-con ul li:nth-child(odd) a.more{ background: #fff; color:#000; border-color:#fff; } .act .act-con ul li:nth-child(odd):hover a.more{ background: #333333; color:#fff; } .act .act-con ul li:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .act .act-con ul li:nth-child(even) .fr{ left:0; right: auto; } .act .act-con ul li:nth-child(even) .fl{ float: right; } .act .act-con ul li:nth-child(even) .fl .act-m{ left: -50%; } .act .act-con ul li:nth-child(even):hover a.more{ background: #fff; color:#000; } /*activities-con.css*/ .content{ background: #262626; } .content .con-m{ width:70%; min-width: 1345px; margin:0 auto; font-size: 0; background: #333333; padding:0 70px; box-sizing: border-box; } .content .con-m .fs30{ color:#fff; line-height: 30px; } .content .con-m .fs14{ color:#808080; line-height: 17px; } .content .con-m .fs14 i{ display: block; float: left; } .content .con-m .fs14 p{ display: block; float: left; } .content .con-m .fs14 a{ display: block; float: left; color:#fff; margin-left: 25px; } i.sj{ width:16px; height:16px; margin-right: 5px; background: url(/bowbog/images/q42.png)no-repeat center center; } i.dj{ width:20px; height:13px; margin:2px 5px 0 16px; background: url(/bowbog/images/q43.png)no-repeat center center; } i.pj{ width:14px; height:14px; margin:2px 5px 0 16px; background: url(/bowbog/images/q44.png)no-repeat center center; } .content .con-m .con-con{ color:#808080; line-height: 1.8; } .content .con-m .con-con p{ line-height: 16px; color:#808080; font-size: 16px; line-height: 1.8; } .content .con-m .con-con img{ max-width: 100%; height:auto; margin:20px 0; } .content .con-m .bq{ text-align: center; } .con-fx{ border-top:1px solid #404040; width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; background: #333333; box-sizing: border-box; } .con-fx a{ display: block; float: left; width:25%; height:60px; box-sizing: border-box; border-right: 1px solid #404040; } .con-fx a:last-child{ border:none; } .con-fx a.f1{ background: url(/bowbog/images/q47.png)no-repeat center center; } .con-fx a.f2{ background: url(/bowbog/images/q48.png)no-repeat center center; } .con-fx a.f3{ background: url(/bowbog/images/q45.png)no-repeat center center; } .con-fx a.f4{ text-align: center; } .con-fx a.f4 i{ display: inline-block; margin-right: 4px; background: url(/bowbog/images/q46.png)no-repeat center center; } .con-fx a.f4 .fs14{ display: inline-block; font-size: 14px; line-height: 60px; color:#808080; } .content .lr{ width:374px; margin:0 auto; } /*service.css*/ .service{ background: #262626; position: relative; } .service .q4{ position: absolute; right:-320px; top:-30px; } .q51 { position: absolute; right: 40px; top: 190px; width: 154px; height: 8px; background: url(/bowbog/images/q51.png)no-repeat center center; } .ser-con{ width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index: 9; } .q49{ width:874px; height:75px; background: url(/bowbog/images/q49.png)no-repeat center center; } .q50{ width:398px; height:48px; background: url(/bowbog/images/q50.png)no-repeat center center; } a.ser-line{ display: block; width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index: 9; } a.ser-line .hidden { overflow: hidden; } a.ser-line img { width: 100%; height:auto; -webkit-transition: 0.7s; transition: 0.7s; } a.ser-line:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .ser-b .fl{ margin-left: 20px; } .ser-b .fl .fs72{ line-height:72px; float: left; margin-top: 4px; color:#FFF; } .q52{ width:55px; height:110px; float: left; background: url(/bowbog/images/q52.png)no-repeat center center; } .ser-b .fl .ll{ float: left; margin-left: 16px; } .ser-b .fl .ll h3{ margin:34px 0 5px; line-height: 20px; color:#fff; } .ser-b .fl .ll .fs12{ color:#666666; line-height: 12px; } .ser-b i.more{ display: block; float: right; margin-right: 20px; width:268px; height:62px; border:1px solid #fff; background: #fff; line-height: 62px; text-align: center; color:#000; font-size: 20px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } /*film.css*/ .film{ background: #262626; position: relative; } .film .q4{ position: absolute; right:-320px; top:-30px; } .q55 { position: absolute; right: 40px; top: 190px; width: 149px; height: 8px; background: url(/bowbog/images/q55.png)no-repeat center center; } .film-con{ width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index: 9; } .film-con ul li{ overflow:hidden; color:#fff; position: relative; } .film-con ul li img{ width:50%; height:auto; } .film-con ul li .q13{ width:50%; } .film-con ul li .fs19{ line-height: 19px;color:#FFF; margin-bottom: 5px; font-size: 19px; } .film-con ul li .fs30{ line-height: 30px; margin-bottom:25px; color:#FFF; } .q53{ width: 441px; height: 74px; background: url(/bowbog/images/q53.png)no-repeat center center; } .q54{ width:329px; height:48px; background: url(/bowbog/images/q54.png)no-repeat center center; } .q56{ width: 84px; height: 31px; background: url(/bowbog/images/q56.png)no-repeat center center; } .film-con ul li .film-m{ position: absolute; top:50%; left:61.6%; } .film-con ul li:nth-child(even) img{ float: right; } .film-con ul li:nth-child(even) .q13{ right:0; left:auto; } .film-con ul li:nth-child(even) .film-m{ right:61.6%; text-align: right; left: auto; } .film-con ul li:nth-child(even) .film-m .q56{ float: right; } /*news.css*/ .news{ background: #262626; position: relative; } .news .q4{ position: absolute; right:-320px; top:-30px; } .q59 { position: absolute; right: 40px; top: 190px; width: 155px; height: 8px; background: url(/bowbog/images/q55.png)no-repeat center center; } .news-con{ width: 70%; min-width: 1345px; margin: 0 auto; font-size: 0; position: relative; z-index: 9; } .q57 { width: 847px; height:74px; background: url(/bowbog/images/q57.png)no-repeat center center; } .q58 { width:381px; height:48px; background: url(/bowbog/images/q58.png)no-repeat center center; } .news.list .news-m li{ margin-bottom: 45px; } .q72 { position: absolute; right: 40px; top: 190px; width: 168px; height: 8px; background: url(/bowbog/images/q72.png)no-repeat center center; } .q70 { width: 630px; height:74px; background: url(/bowbog/images/q70.png)no-repeat center center; } .q71 { width: 450px; height: 48px; background: url(/bowbog/images/q71.png)no-repeat center center; } .q73 { position: absolute; right: 40px; top: 190px; width: 157px; height: 8px; background: url(/bowbog/images/q73.png)no-repeat center center; } .fancybox-wrap{ z-index: 999999; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:40px!important; } @media only screen and (max-width:1920px){ .activity .fr{ max-height:680px; } } @media only screen and (max-width:1440px){ .activity .fl .act-m{ right:-420px; margin-top: -164px; } .activity .fl .act-m{ width:40%; right:-50%; } .activity .block55{ height:27px; } .activity .block50{ height:25px; } .activity .block25{ height:12px; } .activity .block100{ height:50px; } } body { color: #fff; font-family: \5FAE\8F6F\96C5\9ED1; font-size:14px } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { *font-size:100%; } table { background: #fff } a { text-decoration: none; color: #101010; } .fl { float: left; } .fr { float: right; } input, select { vertical-align: middle; } img { border:0; vertical-align: top; } #header_all{ position: relative; z-index: 1000} /*头部*/ #header{overflow: hidden;} .wrap_mainheader { background: #1e1e1e; color: #FFF; overflow: hidden; } .mainheader { width: 1200px; margin: auto; overflow: hidden; height: 81px; padding-top: 39px; font-size: 16px } .mainheader img { float: left;transform: scale(1);transition: all 0.8s; } .mainheader ul { float: left; } .mainheader ul li { float: left; line-height: 45px; } .mainheader ul.ul1 { float: right; } .mainheader ul.ul1 li { padding: 0 10px; background: url(/bowbog/images/line.jpg) right center no-repeat; position: relative } .mainheader ul.ul1 li.phone { background: url(/bowbog/images/h-phone.png) 10px center no-repeat; width: 130px; height: 45px;line-height: 45px; } .mainheader ul.ul { padding-left: 80px; } .mainheader ul.ul li { padding-right: 40px; height: 46px; letter-spacing: 4px } .mainheader ul.ul li.on { background: url(/bowbog/images/row.jpg) no-repeat 70px 40px; color: #c1b396; } .mainheader ul.ul li.on a { color: #c1b396; } .mainheader a { color: #FFF; } .mainheader a:hover{color: #c1b396;} @media only screen and (max-width:1440px) and (min-width:1300px) { .mainheader { width: 1300px; } .mainheader ul.ul { padding-left: 50px; } } @media only screen and (max-width:1680px) and (min-width:1441px) { .mainheader { width: 1440px; } } @media only screen and (min-width:1681px) { .mainheader { width: 1650px; } .mainheader ul.ul { padding-left: 140px; } .mainheader ul.ul li { padding-right: 83px; } .mainheader ul.ul1 li { padding: 0 16px; } } /*地域导航*/ .wrap_daohang { background: #fff; opacity: 0.95; height: 260px; overflow: hidden; position:absolute; top: 120px; z-index:99;width: 100%; } .daohang { width: 1100px; margin: auto } .daohang ul li { float: left; width: 100px; height:260px; color: #a5a5a5; } .daohang ul li span { display: block; padding-top: 40px; text-align: center; } .daohang ul li em { display: block; text-align: center; padding-top: 28px; width: 16px; margin:auto } .daohang .sanya { float: right; padding-top: 26px; width: 190px; height:220px;overflow: hidden; } .daohang .sanya span { text-align: center; display: block; font-size: 14px; line-height: 30px; } .daohang .sanya img{width: 190px;height: 190px;} .daohang ul li.on { color: #c3ba9d } .daohang ul li.on a { color: #c3ba9d } .daohang ul li.li_gray { color: #a5a5a5 } .daohang2{width: 900px;} /*banner*/ .banner { width: 100%; overflow: hidden; position: relative; } .banner .side{margin-top: -140px;} .banner .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; z-index: 100; left:45%; bottom:46px } .banner .hd ul { overflow: hidden; zoom: 1; float: left; } .banner .hd ul li { float: left; margin-right: 22px; width: 10px; border-radius:50%; text-indent:-9999px; height: 10px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; } .banner .hd ul li.on { background: #bfb496; color: #fff; } .banner .bd { position: relative; height: 100%; z-index: 0; margin:auto; } .banner .bd li { zoom: 1; vertical-align: middle;width: 100%; text-align:center; margin:auto;top: 140px !important; } .banner .bd li img{width: 100%;opacity:1} .banner .bd li img:hover{transform: scale(1);transition: all 0.8s;} .banner .bd li a{display: block; width: 100%; height:100%} /*地理位置*/ .place{text-align: center;} .place .p-img{padding:65px 0 84px 0;} .place .p-img:hover{transform: scale(1);transition: all 0.8s; } .place-img{ overflow: hidden;margin-bottom: 10px; position:relative} .place-img img{width: 100%;transform: scale(1);transition: all 0.8s;} .place-img a{width: 186px;height: 38px;line-height: 38px; background:#000000; left:50%; position:absolute; color: #FFF;text-align: center;display: block;margin-left: -93px; bottom: 46px;} .place-img a:hover{ background:#fff;color: #000;} /*后古故事*/ .story{width: 1280px; margin:auto; overflow: hidden;text-align: center;} .story img{ vertical-align:middle} .story .tit-img{padding:86px 0 78px 0;} .story .tit-img:hover{transform: scale(1);transition: all 0.8s;} .story .left{width: 394px;float: left;} .story span{width: 100%;float: left;text-align: center;padding-top: 24px;padding-bottom: 86px; font-size:20px} .story span a{display: block; font-size:16px; color: #d0c5b1;margin-top: 6px;} .story .center{width: 380px;float: left;padding-left: 56px;} .story .right{width: 394px;float: left;padding-left: 56px;} /*底部*/ .in-video{width:100%;height:520px;} .in-video img{width:100%;height:85px;} .in-video .inv{margin-top:-10px;width:100%;height:510px;position:relative;text-align:center;} .in-video .inv video{width:100%;height:100%;object-fit:fill;} .in-video .inv .vi i{position:absolute;top:35%;left:47.9%;display:block;width:78px;height:148px;background:url("/bowbog/images/vi.png")no-repeat;} .in-video .inv .vi span{display:block;width:100%;text-align:center;letter-spacing:10px;font-size:20px;color:#fff;position:absolute;top:53%;left:0;} .lp.n1 .lp-top .nzz{ margin:12px 10px 0 0; float: left; display: inline-block; width:152px; height:71px; background-image: url(/bowbog/images/11nzz.png); } .lp.n1 .lp-top span{ display: inline-block; margin:33px 0 0 10px; font-size:20px; color:#ffffff; line-height: 20px; } .lp.n1 .lp-top .nzz-phone{ float: right; display: inline-block; margin-top:30px; width:437px; height:47px; background-image: url(/bowbog/images/nzzphone.png); } .lp.n1 .m5{ background-color: #303030; padding-bottom:60px; color:#ccc; padding-top:55px; } .lp.n1 .m5>i{ margin-top:11px; } .lp.n1 .m5 ul{ width:1200px; margin:0 auto; } .pj-box{ position: relative; width:1200px; margin:0 auto; } .pj-box2{ width:1200px;height:1000px; margin:0 auto; } .pj2{ width:1200px; margin:0 auto; } .pj-box2 ul li{ text-align: left; float: left; width:285px; height:416px; background: url(/bowbog/images/pjbg.png)no-repeat; margin-bottom:34px; margin-right:15px; } .pj{ width:1200px; margin:0 auto; overflow: hidden; } .lp.n1 .m5 ul li{ text-align: left; float: left; width:285px; height:416px; background: url(/bowbog/images/pjbg.png)no-repeat; margin-bottom:34px; } /*.lp.n1 .m5 ul li:nth-child(2){ background: url(/bowbog/images/pjbg-1.png); } .lp.n1 .m5 ul li:nth-child(4){ }*/ .lp.n1 .m5 ul li:nth-child(4),.lp.n1 .m5 ul li:nth-child(8),.lp.n1 .m5 ul li:nth-child(12){ margin-right:0; } weibo{ background: url(/bowbog/images/pjbg.png); } weixin{ background: url(/bowbog/images/pjbg-1.png); } taobao{ background: url(/bowbog/images/pjbg-2.png); } .lp.n1 .m5 ul li i{ text-align: left; display: inline-block; margin:30px 0 6px 32px; } .lp.n1 .m5 ul li p{ text-align: left; margin:0 auto; display: block; width:234px; height:86px; font-size:14px; color:#fff; } .lp.n1 .m5 ul li>a>img{ margin:0 auto; display: block; margin-top:70px; width:100px; height:100px; border-radius: 50%; } .lp.n1 .m5 ul li span{ display: block; text-align: center; width: 100px; height: 30px; line-height: 40px; margin:0 auto; font-size:16px; color:#3E3E3F; } .lp.n1 .m5 ul li span a{ color:#3E3E3F; } .box{ width:1200px !important; margin:0 auto !important; position: relative; } .box>div{ overflow: hidden; } .box .swiper-button-prev1,.box .swiper-button-prev2,.box .swiper-button-prev3,.pj-box .swiper-button-prev4{ position:absolute; cursor: pointer; top:34%; left:-60px; width:33px; height:62px; background: url(/bowbog/images/left.png); } .box .swiper-button-next1,.box .swiper-button-next2,.box .swiper-button-next3,.pj-box .swiper-button-next4{ position:absolute; cursor: pointer; top:34%; right:-60px; width:33px; height:62px; background: url(/bowbog/images/right.png); } /* .box .swiper-wrapper{ width:1200px !important; height:308px !important; } */ .box .wiper-slide{ float: left !important; width:392px ; height:308px; margin-right:12px; } .box .zp-b{ display: inline-block; width:392px; height:48px; background-color: #222222; color:#fff; } .box .zp-b p{ float: left; display: inline-block; text-align:left; font-size:16px; margin-left:18px; line-height: 48px; } .box .zp-b span{ float: right; margin-right:20px; line-height: 48px; font-size:12px; } .bwWrapper { position: relative; display: block; } .logo{ position: absolute; top:25px; left:50%; margin-left: -45px; width:90px; height:70px; background:url(/bowbog/images/logo.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .logo a{ display: block; width:100%; height:100%; } .nav{ overflow: hidden; font-size:0; } .nav ul { width:100%; margin:0 auto; text-align: center; } .nav ul li{ text-align: center; float: left; width:19.5%; border-right:1px solid #dddddd; height:116px; position: relative; } .nav ul li:nth-child(5){ border:none; } .nav ul li .span1{ display: block; width:100%; height:116px; } .nav ul li .span2{ display: block; width:100%; height:116px; font-size:20px; line-height: 116px; } .nav ul li:nth-child(1) .span1{ background:url(/bowbog/images/q10.png)no-repeat center center; } .nav ul li:nth-child(2) .span1{ background:url(/bowbog/images/q11.png)no-repeat center center; } .nav ul li:nth-child(3) .span1{ background:url(/bowbog/images/q12.png)no-repeat center center; } .nav ul li:nth-child(4) .span1{ background:url(/bowbog/images/q13.png)no-repeat center center; } .nav ul li:nth-child(5) .span1{ background:url(/bowbog/images/q14.png)no-repeat center center; } .nav ul li a .span3{ position: absolute; top: 0; left:0; width:100%; height:232px; transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; } .nav ul li:hover a .span3{ position: absolute; top: -116px; } .main{ width:100%; text-align: center; } /*.main.z1{ background:url(/bowbog/images/q1.png)no-repeat bottom center; -webkit-background-size: 100% 30%; background-size: 100% 30%; }*/ .zl{ float: left; width:35%; height:400px; margin-left: 4%; background:url(/bowbog/images/q9.png)no-repeat left 285px ; } .zl i{ display: block; width:584px; height:144px; background:url(/bowbog/images/q0.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .zr{ float: right; text-align: right; width:56%; height:400px; margin-right:4%; color:#2f3338; background:url(/bowbog/images/q99.png)no-repeat center bottom ; -webkit-background-size: 100%; background-size: 100%; position: relative; } .zr p.fs14{ width:66%; float: right; line-height: 26px; } a.right{ display: block; width:110px; height:25px; border:1px solid #fff; border-radius: 10px; background:url(/bowbog/images/right.png)no-repeat center center; -webkit-transition: all .5s; transition: all .5s; } .zr a.right{ position: absolute; bottom:200px; right:0; } a.more{ display: block; height:40px; width:120px; font-size:14px; text-align: center; line-height: 38px; border:1px solid #fff; background: -webkit-linear-gradient(left, #000, #000) no-repeat; background: linear-gradient(to right, #000, #000) no-repeat; background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s; } a.more:hover { background-size: 100% 100%; color: #fff; } a.more2 { color: #fff; } .zl a{ margin-top: 50px; } .hd { background: #f5f5f5; position: relative; } .hd .hdr{ height:100%; float: right; width:66.6666%; position: relative; } .hd>a>i{ display: block; width:19px; height:4px; background: #000000; position: absolute; top:8.1%; left:80px; } .hd>a>h2{ color:#333333; position: absolute; top:10%; left:78px; } .hd>a>p{ color:#333333; position: absolute; top:15%; left:78px; } .hd>a>img{ width:34%; position: absolute; bottom:0; left:0; } .hdrb{ width:100%; height:200px; padding-top:50px; background: #2f3338; position: relative; color:#fff; text-align:left; } .hdrb p{ margin:0 0 5px 58px; color:#fff; } .hdr .swiper-pagination{ margin:0 0 34px 58px; float: left; text-align: left; } .hdr .swiper-pagination .swiper-pagination-bullet{ width:13px; height:13px; border-radius: 50%; background: #fff; opacity: 0.3; margin:0 14px 0 0!important; } .hdr .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; } a.right-bg{ display: block; width:110px; height:40px; border:1px solid #2f3338; border-radius: 10px; background:url(/bowbog/images/righ-bg.png)no-repeat center center; } .hdrb a.right-bg{ float: right; margin:-40px 80px 0 0; } /*.hdrb a.right-bg:hover{ border:1px solid #fff; }*/ .qq2{ width:1200px; height:55px; margin:0 auto; background:url(/bowbog/images/q2.png)no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } i.heng{ display: block; width:18px; height:4px; background: #000000; margin:0 auto; } .main h2{ color:#333333; } .block5{ height:5px; } .fgn{ width:100%; } .fgn a{ display: inline-block; float: left; width:33.3333333%; position: relative; color:#fff; overflow: hidden; } .fgn a img{ -webkit-transition: 1.2s; transition: 1.2s; } .fgn a .img_filter { background-color: #000; opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transition: 1.2s; transition: 1.2s; height: 100%; } .fgn a .img_filter{ opacity: 0.4; } .fgn a:hover img{ -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .fgn a:hover .img_filter{ opacity: 0; } .fgn a i{ position: absolute; width:100%; height:100%; top: 0; left: 0; z-index: 99; } .shu{ margin:66% auto 0; width:4px; height:18px; background: #fff; } .fgn a i p.fs28{ line-height: 28px; margin:17px auto 0; } .fgn a i p.fs12{ line-height: 12px; margin:13px auto 0; } .fgn a i .more{ font-size:14px; line-height: 14px; padding:13px 22px; border:1px solid #fff; display: inline-block; margin:27.5% auto 0; } .fgn a .hb-fill-middle{ color:#fff; } .fgn a:hover .hb-fill-middle{ color:#000; } .fgn a:hover .hb-fill-middle:after { height: 50%; } .fgn a:hover .hb-fill-middle:before { width: 100%; height: 50%; opacity: 1; } .zpb{ background: #2f3338; position: relative; } .zpn{ font-size:0; width:100%; overflow: hidden; } .maple-tab{ width:45%; float: left; } .maple-tab a{ display: inline-block; width:20%; position: relative; color:#fff; } .maple-tab a .fs12{ position: absolute; bottom: 18%; left: 14%; line-height: 12px; } .maple-tab a .fs24{ position: absolute; bottom: 10%; left: 13%; line-height: 24px; } .maple-tab a img{ width:100%; } .maple-tab a.active .BWFilter.BWfade{ opacity:0!important; } .zpr{ float: right; width:50%; height:100%; background: #2f3338; position: relative; } .zpr>div{ /* float: left; width:200px;*/ width:50%; height:100%; position: relative; } .qq3{ float: left; margin:0% 0 0 50px; width:25.7%; } .zpb a.right-bg{ position: absolute; bottom:18%; right:4%; } .yp ul { text-align: center; font-size:0; } .yp ul li{ display: inline-block; width:25%; overflow: hidden; } .yp ul li img{ width:100%; } .yp a.more{ margin:0 auto; } .bwWrapper{ display: inline-block; color: white; font-size: 2em; position: relative; overflow: hidden; will-change: transform; } .bwWrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; background-size: 100% 100%; background-repeat: no-repeat; will-change: transform, opacity; } .bwWrapper:after{ content: ""; position: absolute; will-change: transform; webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; /* font-size: 0px; */ } .bwWrapper:hover .partialBorder { opacity: 1; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .lf { overflow: hidden;background-color: #333 } .lf ul{ text-align: center; font-size:0; } .lf ul li{ width:50%; float: left; position: relative; } .lf ul li:nth-child(1) i.right{ display: none; } i.right{ display: block; width: 110px; height: 25px; position: absolute; bottom: 12%; right: 68px; border-radius: 10px; background: url(/bowbog/images/righ-bg.png)no-repeat center center; } .lf i.right.bg:before{ border-top:2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .lf i.right.bg:after{ border-bottom:2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .lf i.right.bg span:before{ border-left:2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .lf i.right.bg span:after{ border-left:2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .right-bg.bg{ height:25px; } .right-bg.bg:before{ border-top: 2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .right-bg.bg:after{ border-bottom: 2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .right-bg.bg span:before{ border-left: 2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .right-bg.bg span:after{ border-right: 2px solid #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .main>h2{ font-size:36px; color:#FFF; margin:4px 0 ; } .pages2{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto; font-size:0; padding: 40px 0 80px; color:#FFF;} .pages2 a{color:#FFF; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin-right:15px;} .pages2 strong{display:inline-block; width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; font-weight:lighter; background:#fff; color:#000; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-right:15px;} .pages2 a:hover{color:#FFF; display:inline-block; width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; font-weight:lighter; background:#fff; color:#000; line-height:30px;} .pages2 a.prev{ color:#FFF;background:url(/bowbog/images/sub_03.png) 0 0 no-repeat; width:14px; height:24px; overflow:hidden; text-indent:-999px; border-radius:0; margin-right:50px; position:relative; top:7px;} .pages2 a.next{color:#FFF;background:url(/bowbog/images/sub_03.png) -14px 0 no-repeat; width:14px; height:24px; overflow:hidden; text-indent:-999px; border-radius:0; margin-left:50px; position:relative; top:7px;} .pages2 a.prev:hover{color:#FFF; background-position:0 -24px;} .pages2 a.next:hover{color:#FFF; background-position:-14px -24px;} .pages2 a.current{ color:#FFF; width:30px; height:30px; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; font-weight:lighter; background:#fff; color:#000; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-right:15px;} .Vkuai5 ul{ width:1300px;overflow:hidden;} .Vkuai5 ul li{ width:550px; height:152px; overflow:hidden; margin-bottom:50px; margin-right:100px; float:left} .Vkuai5 ul li .Vkuai5con{ width:388px; height:152px; padding-left:10px;} .type_List{ text-align:center} .type_List a{ display:inline-block;height:40px;line-height:40px;margin:0 10px; color:#fff; } .type_List a.hover,.type_List a:hover{ color:#FFf;} .viimgg{position:relative;cursor:pointer; z-index:10; overflow:hidden;} .viimgg .xj{ opacity:0;position:absolute;top:-152px;left:0;width:152px; height:152px; background:url(/bowbog/images/xjj2.png) no-repeat center center; z-index:10;} .type ul li{ width:210px; height:35px; line-height:35px; margin-bottom:5px;} .type ul li a{background:#BCBCBC; width:190px; height:35px; display:block ; padding-right:20px;} .type ul li a:hover,.type ul li a.hover{ background:#FF283C} .type ul li span{ padding-left:10px;} /*--普通正文页--*/ .cntL{clear:both;overflow:hidden;background:#fff} .main .cntL{padding:20px;border-radius:10px} .lred{color:#c46200} .lred:hover{color:#f90;text-decoration:underline} .cntL_hd{text-align:center;padding:10px 0} .cntL_hd h1{font-size:24px;line-height:40px;color:#333;font-family:Microsoft Yahei,黑体;font-weight:normal;letter-spacing:1px} .cntL_hd h5{font-weight:normal;color:#999} .cntL_bd{font-size:14px;line-height:180%;text-align:left;padding:10px 0;margin:0 auto;overflow:hidden;clear:both; color:#000;} .cntL_bd{padding:20px 0 10px} .cntL_bd img{vertical-align:top;display:block;margin:10px auto;max-width:900px} .cntL_bd a{color:#F60} .cntL_bd a:hover{text-decoration:underline} .Content-body{margin:0 18px;border-top:1px dashed #e9ebef;padding-top:20px} .Content-body img{margin:0 auto 40px;display:block;border:5px solid #eef1f5} img.prh{margin:0 auto 20px;border:none;padding:0} .cntL_bd img{background:none} /*.cntL_bd p{margin:0 0 20px}*/ .cnt_tag{height:35px;line-height:35px;clear:both} .tag{float:left;text-indent:15px} .tag,.tag a{color:#999;margin-right:10px} .tag a:hover{color:#000} .ContentAuthor{color:#999;font-weight:normal;text-align:right;margin-right:10px} .post-nav{border-top:1px dashed #f4f4f4;border-bottom:1px solid #f4f4f4;clear:both;height:32px;line-height:32px;overflow:hidden;background:#fbfbfb;} .post-nav .l{float:left;padding-left:10px;width:285px;} .post-nav .r{float:right;padding-right:10px;width:285px;text-align:right} /* FILE ARCHIVED ON 17:20:11 Dec 29, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 15:36:48 Apr 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.622 exclusion.robots: 0.135 exclusion.robots.policy: 0.122 cdx.remote: 0.06 esindex: 0.009 LoadShardBlock: 653.302 (3) PetaboxLoader3.datanode: 113.069 (4) PetaboxLoader3.resolve: 720.344 (2) load_resource: 400.242 */