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