.bannerx { position: relative; height: 700px; } .bannerx .hd { text-align: center; position: absolute; width: 100%; bottom: 10px; z-index: 1; } .bannerx .hd li { display: inline-block; margin: 0 4px; width: 18px; height: 18px; font-size: 0; border-radius: 100px; background: #fff; } .bannerx .hd li.on { background: #344f84; } .c1bg { background: url(../images/c1.png) no-repeat center 0; height: 746px; } .c1bg .c1 .list1 li { float: left; margin-right: 13px; margin-bottom: 13px; } .c1bg .c1 .list1 li:nth-child(4n) { margin-right: 0; } .c1bg .c1 .list1 li a.img { display: block; position: relative; width: 290px; height: 213px; overflow: hidden; } .c1bg .c1 .list1 li a.img img { width: 290px; height: 213px; } .c1bg .c1 .list1 li a.img h3 { top: -100%; position: absolute; z-index: 1; width: 100%; height: 213px; line-height: 213px; font-weight: 500; text-align: center; font-size: 20px; background: rgba(0, 0, 0, 0.7); transition-duration: .3s; } .c1bg .c1 .list1 li a.img h3 dd { color: #fff; } .c1bg .c1 .list1 li a.img h3 .fd { position: absolute; top: 134px; left: 129px; height: 27px; line-height: 1; text-align: center; } .c1bg .c1 .list1 li a.img h3 .fd img { width: 27px; height: 27px; } .c1bg .c1 .list1 li:hover a.img h3 { top: 0; } .c1bg .c1 .hd { margin-top: 43px; text-align: center; } .c1bg .c1 .hd li { display: inline-block; margin: 0 21px; border: 1px solid #ffffff; width: 123px; line-height: 42px; } .c1bg .c1 .hd li a { font-size: 14px; color: #fff; } .c1bg .c1 .hd li.on { background: #d5d6db; border-color: #d5d6db; } .c1bg .c1 .hd li.on a { color: #2b4278; } .c2 { margin-top: 80px; position: relative; } .c2 h2 { text-align: center; text-transform: uppercase; color: #2b4278; font-weight: 500; font-size: 25px; margin-bottom: 66px; } .c2 h2 dd { font-size: 20px; } .c2 .list2 { text-align: center; margin-bottom: 53px; position: relative; } .c2 .list2:after { content: ''; height: 1px; background: #d5d6db; width: 960px; position: absolute; z-index: -1; left: 120px; bottom: 34px; } .c2 .list2 li { display: inline-block; text-align: center; margin: 0 96px; } .c2 .list2 li h3 { font-size: 18px; color: #2b4278; margin-bottom: 14px; } .c2 .list2 li dd { width: 68px; width: 68px; line-height: 68px; border-radius: 100px; background: #d5d6db; text-align: center; font-size: 30px; color: #fff; font-family: arial; margin: 0 auto; font-weight: 600; } .c2 .list2 li.on dd { background: #2b4278; } .c2 .list3 li .tu { width: 528px; } .c2 .list3 li .tu img { width: 528px; height: 322px; } .c2 .list3 li .zi { width: 614px; } .c2 .list3 li .zi h3 { margin-top: 48px; font-size: 20px; color: #000000; text-transform: uppercase; margin-bottom: 32px; } .c2 .list3 li .zi h3 p { color: rgba(0, 0, 0, 0.5); font-size: 12px; } .c2 .list3 li .zi dd { font-weight: 600; color: rgba(0, 0, 0, 0.8); font-size: 14px; line-height: 20px; } .c2 .xx { position: absolute; z-index: 1; cursor: pointer; bottom: 0; } .c2 .prev { left: 586px; } .c2 .next { left: 643px; } .hf { margin-top: 116px; text-align: center; } .c3bg { background: #f9f9f9; } .c3bg .c3 { padding-top: 124px; } .c3bg .c3 .c3-1 { width: 573px; } .c3bg .c3 .c3-1 h2 { text-transform: uppercase; line-height: 1; font-size: 25px; color: #2b4278; padding-bottom: 26px; background: url(../images/h-2.png) no-repeat 0 bottom; } .c3bg .c3 .c3-1 h2 p { font-size: 20px; margin-top: 10px; } .c3bg .c3 .c3-1 h3 { font-size: 20px; color: #000000; line-height: 36px; margin-top: 50px; margin-bottom: 28px; } .c3bg .c3 .c3-1 dd { font-size: 14px; color: #000000; line-height: 20px; } .c3bg .c3 .c3-1 a.ck { margin-top: 100px; display: block; text-align: center; color: rgba(0, 0, 0, 0.5); border: 1px solid #c7c7c7; width: 144px; line-height: 42px; } .c3bg .c3 .c3-2 { width: 583px; } .c3bg .c3 .c3-2 .tu { width: 583px; } .c3bg .c3 .c3-2 .tu img { width: 583px; height: 329px; } .c3bg .c3 .c3-2 .list4 { margin-top: 8px; } .c3bg .c3 .c3-2 .list4 li { float: left; margin-right: 8px; } .c3bg .c3 .c3-2 .list4 li:nth-child(3) { margin-right: 0; } .c3bg .c3 .c3-2 .list4 li img { width: 189px; height: 156px; } .c4bg { background: url(../images/c4.png) no-repeat center 0; height: 249px; } .c4bg .c4 { text-align: center; padding-top: 96px; } .c4bg .c4 li { display: inline-block; width: 400px; margin: 0 -2px; color: #808080; font-size: 50px; font-weight: 600; line-height: 1; } .c4bg .c4 li dd { font-size: 14px; margin-top: 24px; } .c4bg .c4 li:hover { color: #2b4278; } .c5 { margin-top: 56px; margin-bottom: 70px; } .c5 h2 { color: #fff; font-size: 20px; text-align: center; width: 163px; line-height: 45px; background: url(../images/h-3.png) no-repeat center 0; margin-bottom: 40px; position: relative; } .c5 h2:before { height: 1px; display: block; content: '|'; width: 352px; background: #d5d9e4; position: absolute; left: -360px; top: 27px; } .c5 .content { position: relative; } .c5 .content .xx { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .c5 .content .prev { right: -45px; } .c5 .content .next { left: -45px; } .c5 .content .bd { overflow: hidden; } .c5 .content .bd .list5 li { float: left; margin: 0 14px; } .c5 .content .bd .list5 li a { border: 4px solid #edeef3; display: block; } .c5 .content .bd .list5 li a img { width: 270px; height: 187px; } .c6bg { background: #2b4278; } .c6bg .c6 { padding-top: 69px; padding-bottom: 70px; } .c6bg .c6 h2 { font-size: 25px; line-height: 1; text-transform: uppercase; color: #fff; text-align: center; margin-bottom: 60px; } .c6bg .c6 h2 p { margin-top: 14px; font-size: 20px; } .c6bg .c6 .content { position: relative; } .c6bg .c6 .content .xx { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .c6bg .c6 .content .prev { right: -45px; } .c6bg .c6 .content .next { left: -45px; } .c6bg .c6 .content .bd { overflow: hidden; } .c6bg .c6 .content .bd .list5 li { float: left; margin: 0 9px; width: 285px; height: 230px; } .c6bg .c6 .content .bd .list5 li a { display: block; } .c6bg .c6 .content .bd .list5 li a img { width: 285px; height: 230px; } .c7bg { background: #f9f9f9; } .c7bg .c7 { padding-top: 80px; } .c7bg .c7 h2 { font-size: 25px; line-height: 1; text-transform: uppercase; color: #2b4278; text-align: center; margin-bottom: 46px; } .c7bg .c7 h2 p { margin-top: 14px; font-size: 20px; } .c7bg .c7 .hd { line-height: 32px; margin-bottom: 10px; } .c7bg .c7 .hd li { font-size: 14px; color: rgba(0, 0, 0, 0.8); float: left; text-decoration: underline; } .c7bg .c7 .hd li:nth-child(1):after { padding: 0 20px; content: ''; background: url(../images/hengx.png) no-repeat center 50%; width: 15px; } .c7bg .c7 .content .list6 { width: 390px; height: 478px; } .c7bg .c7 .content .list6 li { background: url(../images/list6.png) no-repeat center 0; padding-top: 23px; padding-left: 25px; padding-right: 25px; height: 478px; box-sizing: border-box; } .c7bg .c7 .content .list6 li a { display: block; } .c7bg .c7 .content .list6 li a .tu { width: 340px; height: 216px; overflow: hidden; } .c7bg .c7 .content .list6 li a .tu img { width: 340px; height: 216px; transition-duration: 0.3s; } .c7bg .c7 .content .list6 li a .tu:hover img { transform: scale(1.2); } .c7bg .c7 .content .list6 li a .zi h3 { line-height: 68px; color: #000000; font-size: 16px; } .c7bg .c7 .content .list6 li a .zi dd { font-size: 14px; color: rgba(0, 0, 0, 0.8); line-height: 20px; margin-bottom: 44px; } .c7bg .c7 .content .list6 li a .zi .time { text-align: right; font-size: 12px; color: rgba(0, 0, 0, 0.8); line-height: 32px; margin-top: 4px; } .c7bg .c7 .content .list7 { width: 758px; } .c7bg .c7 .content .list7 li { margin-bottom: 14px; background: url(../images/ll.png) no-repeat right 50%; } .c7bg .c7 .content .list7 li a { display: block; } .c7bg .c7 .content .list7 li a .time { background: #fff; font-weight: 600; font-size: 60px; color: #808080; width: 149px; height: 109px; border: 1px solid #e7e7e7; text-align: center; padding-top: 14px; box-sizing: border-box; line-height: 1; } .c7bg .c7 .content .list7 li a .time p { margin-top: 6px; font-size: 14px; font-weight: 500; } .c7bg .c7 .content .list7 li a .zi { width: 454px; margin-left: 22px; } .c7bg .c7 .content .list7 li a .zi h3 { line-height: 42px; margin-top: 12px; font-size: 16px; color: #000; } .c7bg .c7 .content .list7 li a .zi dd { font-size: 14px; color: rgba(0, 0, 0, 0.8); line-height: 20px; } .c7bg .c7 .content .list7 li:hover { background: url(../images/llh.png) no-repeat right 50%; } .c7bg .c7 .content .list7 li:hover .time { background: #2b4278; color: #fff; } .foot { background: #eeeeee; padding-top: 46px; } .foot .nav1 { background: #fff; line-height: 70px; } .foot .nav1 li { float: left; width: 120px; text-align: center; } .foot .nav1 li a { color: #000000; font-size: 14px; display: block; } .foot .nav1 li a:hover { background: #2b4278; color: #fff; } .foot #footer { padding-top: 66px; padding-bottom: 48px; } .foot #footer .logox { margin-right: 25px; } .foot #footer .dhx { float: left; } .foot #footer .dhx dt { color: #2b4278; font-size: 14px; line-height: 24px; padding-bottom: 8px; border-bottom: 1px solid #8c98b3; } .foot #footer .dhx dt p { height: 24px; } .foot #footer .dhx dt p:nth-child(1) { font-size: 16px; } .foot #footer .dhx dd { font-size: 20px; font-weight: 600; color: #2b4278; line-height: 32px; padding-top: 10px; } .foot #footer .er { font-size: 14px; color: #000000; line-height: 32px; text-align: center; } .foot #footer .messagex { float: left; margin-left: 62px; width: 393px; } .foot #footer .messagex .m_input { margin-bottom: 13px; outline: none; border: 1px solid #707070; width: 391px; line-height: 39px; height: 39px; font-size: 14px; color: #7d7d7d; text-indent: 12px; background: #f5f5f5; font-family: Microsoft Yahei; } .foot #footer .messagex .m_input:placeholder { font-size: 14px; color: #7d7d7d; } .foot #footer .messagex textarea { padding: 0; outline: none; margin-bottom: 0 !important; } .foot #footer .messagex #code { padding-top: 0; } .foot #footer .messagex .msgbtn1 { margin-top: 10px; width: 393px; line-height: 41px; background: #2b4278; color: #fff; font-size: 14px; font-weight: 600; text-align: center; border: none; } .foot .xoa { border-top: 1px solid #d6d6d6; } /*# sourceMappingURL=haha.css.map */ VR成人片在线播放网站