header { width: 100%; position: relative; margin-bottom: 80px; } .topheader{ width: 100%!important; position: absolute; top: 50%; left: 50%; transform: translateY(-50%)translateX(-50%); } .topbg { width: 100%; height: 157px; background: url(../images/topbg.jpg)no-repeat center; background-size: 100% 100%; position: relative; } .topheader>div.left:first-child { width: 304px; height: 83px; line-height: 83px; } .topheader .left>a { display: inline-block; width: 100%; height: 100%; } .topheader .left>a>img { width: 100%; height: 100%; } .topheader .right { height: 83px; position: relative; width: 254px; } .topheader .right>div{ height: 42px; position: absolute; width: 100%; right: 0; top: 50%; transform: translateY(-50%); } .topheader .right>div>div.left:nth-child(2){ font-size: 20px; margin-left: 25px; line-height: 40px; color: #323333; } .search>form { width: 254px; height: 40px; border: 1px solid #C0281A; border-radius: 20px; } .search input { border: none; outline: none; padding: 0px; width:190px; height: 40px; line-height: 40px; background: transparent; padding-left: 15px; } .search button { width: 60px; height: 40px; line-height: 40px; color: white !important; background: transparent; height: 40px; border: none; outline: none; padding: 0px; margin-left: -5px; letter-spacing: 3px; } .search button img{ margin-top: -3px; } /* 瀵艱埅 */ .nav { height: 70px; background: #AC2F33; position: relative; top: 0; z-index: 10; } #cssmenu, #cssmenu>ul { width: 100%; height:70px; line-height: 70px; } #cssmenu>ul>li { float: left; width:11.1%; text-align: center; height:70px; display: inline-block; position: relative; } #cssmenu>ul>li>ul { position: relative; z-index: 100; margin-top: -3px; } #cssmenu>ul>li>a { height:70px !important; line-height: 70px !important; } #cssmenu>ul>li>ul>li, #cssmenu>ul>li>ul>li>a { background: #AC2F33 !important; height: 40px; line-height: 40px; color: white; } #cssmenu>ul>li>ul>li:hover>a { background: white !important; color: #AC2F33 !important; } #cssmenu>ul>li:hover>ul>li>a { border-bottom: 1px solid white; height: auto !important; line-height: normal; padding: 10px 0; } #cssmenu>ul>li>a { height: 60px; line-height: 60px; } #cssmenu>ul>li>a::after{ display: inline-block; content: ""; width: 1px; height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 12; background: url(../images/line.png)no-repeat; background-size: 100% 100%; } #cssmenu>ul>li:last-child>a::after{ display: none; } #cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a { text-shadow: 1px 1px 2px white; } #cssmenu>ul>li.active::before, #cssmenu>ul>li:hover>::before{ display: inline-block; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 18px; height: 9px; background: url(../images/6.png)no-repeat; background-size: 100% 100%; } #cssmenu>ul>li>a>div>img { margin-right: 5px; margin-top: 5px; } #cssmenu>ul>li:hover>ul>li { height: auto !important; line-height: normal; } #cssmenu>ul>li a { display: inline-block; width: 100%; font-weight: normal; color: white !important; text-decoration: none !important; position: relative; font-size: 20px!important; } /* 杞挱鍥?*/ .banner{ position: relative; width: 100%; } .swiper_demo1{ position: absolute!important; top: 0; } .swiper_demo1 .swiper-slide>a, .swiper_demo1 .swiper-slide>a>img{ display: inline-block; width: 100%; } .swiper_demo1 .pagination{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .swiper_demo1 .pagination>span{ display: inline-block; width:24px; height: 24px; margin:0 5px; cursor: pointer; background: url(../images/8.png)no-repeat; background-size: 100% 100%; } .swiper_demo1 .pagination>span.swiper-active-switch{ background: url(../images/9.png)no-repeat; background-size: 100% 100%; } 日日爽夜,国产一级黄色视频在线免费观看,国产精品九九,亚洲 日韩 欧美sq