html,body{
width:100%;
background: #355593;
}
.header{
position: fixed;
margin:0 auto;
height:60px;
display: flex;
color: #fff;
z-index: 104;
flex-direction: column;
background:#355593;
width: 100%;
top:0;
}
.logo_img{
height: 28px;
}
.auto{
height:30rem;
background: rgb(53 85 147 / 80%);
}
.fixed .header{
opacity: .95;
}
.carousel {
position: relative;
margin-top:65px;
}
.header:before{
display: block;
/*content: '';*/
height:60px;
position:absolute;
background:#fff;
left:-1500%;
top:0;
width:15000%;
z-index: 1;
}
.header:after{
display: block;
/*content: '';*/
height:60px;
position:absolute;
background:#355593;
left:0;
top:0;
width:15000%;
z-index: 2;
}
.header a,
.header .headerNav{
color: #fff;
position: relative;
z-index: 4;
display: flex;
flex:1;
text-align:center;
align-items: center;
justify-content: center;
background: #355593;
width:100%;
margin-bottom:0px;
display: none;
text-decoration:none;
height: 100%;
}
.autoMore{
height: 38.375em;
}
.header .headerNav.show{
display :flex;
background: rgb(53 85 147 / 80%);
/* border-top:1px solid rgba(51,88,141,.8);
border-bottom:1px solid rgba(51,88,141,.8);*/
}
.header .headerNav.show:hover{
color: #355593;
background:rgb(227 231 239 / 80%);
}
.header a.menu:hover{
background:#fff;
}
.header .menu{
display: flex;
background: #fff !important;
margin-bottom:0px;
display: flex;
text-align:center;
align-items: center;
justify-content: center;
}
.header .menu a{
display: flex!important;
background: #fff!important;
}
.header .menu:before{
content: '';
float: left;
flex:1;
text-align:left;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23355593' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E") no-repeat;
background-repeat: no-repeat;
background-size: 2rem 2rem;
width:2rem;
height:2rem;
margin-left:.5rem;
display: block;
}
.header .menu.closeEx:before{
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23355593' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
width:1.5rem;
height:1.5rem;
cursor: pointer;
}
.header .menu:after{
content: '';
float: left;
flex:1;
}
.header a:hover{
background:rgb(227 231 239 / 80%);
color: #355593;
text-decoration:none;
}
.header .headerNav.active{
color: #355593;
background:#e3e7ef;
}
.logoNav{
background:none;
}
.header .logoNav:hover{
background:#fff;
}
.headerNav{
position: relative;
}
.isSonList{
display: none;
position: absolute;
top:0px;
width: 100%;
height: 100%;
}
.header .headerNav .headerNav{
margin-right: 0px;
}
.header .headerNav.showList {
display: flex;
flex-direction: column;
z-index: 11;
/* height: 500px;*/
flex: 1;
}
.header .headerNav.isProd.showList .isProd{
display: inline-block;
line-height: 50px;
flex: none;
height: 50px!important;
width: 100%;
}
.showList .isSonList{
display: block;
position: relative;
}
.showList .isProd{
color: #fff;
background: rgb(91 135 198 / 80%) !important;
}
.isSonList a{
height: 3rem!important;
}
.header .headerNav.isProd.showList .isProd:hover{
background: rgb(227 231 239 / 80%)!important;
}
.auto a.menu:hover{
background: #fff!important;
}
.header .headerNav.active,
.header .headerNav.active:hover
{
color: #355593!important;
background: rgb(227 231 239)!important;
}
.header .headerNavEx:hover .isProd{
color: #355593;
}
.header .headerNav.isProd.showList .isProd{
color:#355593;
background: none!important
}
.header .headerNavEx.show:hover b{
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='200.000000' height='200.000000' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3CclipPath id='clip77_23'%3E %3Crect id='下拉.svg' width='200.000000' height='200.000000' fill='white' fill-opacity='0'%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3Cg clip-path='url(%23clip77_23)'%3E %3Cpath id='path' d='M100 122.2L25.7 47.89C20.2 42.39 11.4 42.39 5.9 47.89C0.4 53.39 0.4 62.2 5.9 67.69L88.1 149.89C88.6 150.7 89.2 151.39 89.9 152.1C92.7 154.89 96.3 156.3 100 156.2C103.6 156.2 107.3 154.89 110.1 152.1C110.8 151.39 111.4 150.7 111.9 149.89L194.1 67.69C196.8 65 198.2 61.39 198.2 57.79C198.2 54.2 196.8 50.59 194.1 47.89C188.6 42.39 179.8 42.39 174.3 47.89L100 122.2Z' fill='%23355593' fill-opacity='1.000000' fill-rule='nonzero'%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center /20px;;
}
.header .headerNavEx.showList:hover b,
.header .headerNavEx.showList b{
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='200.000000' height='200.000000' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3CclipPath id='clip77_23'%3E %3Crect id='下拉.svg' width='200.000000' height='200.000000' transform='matrix(1 0 0 -1 0 200)' fill='white' fill-opacity='0'%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3Cg clip-path='url(%23clip77_23)'%3E %3Cpath id='path' d='M100 77.8L25.7 152.1C20.2 157.6 11.4 157.6 5.9 152.1C0.4 146.6 0.4 137.8 5.9 132.3L88.1 50.1C88.6 49.3 89.2 48.6 89.9 47.9C92.7 45.1 96.3 43.7 100 43.8C103.6 43.8 107.3 45.1 110.1 47.9C110.8 48.6 111.4 49.3 111.9 50.1L194.1 132.3C196.8 135 198.2 138.6 198.2 142.2C198.2 145.8 196.8 149.39 194.1 152.1C188.6 157.6 179.8 157.6 174.3 152.1L100 77.8Z' fill='%23355593' fill-opacity='1.000000' fill-rule='nonzero'%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center /20px;
}
.header .headerNav.showList{
background: rgb(227 231 239 / 80%)!important;
}
.header .headerNavEx.show .isProd{
background: none!important
}
.header .headerNavEx.show .isProd.active{
background: rgb(227 231 239 / 80%)!important;
color:#355593!important;
}
.header .headerNavEx.show.server b{
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='200.000000' height='200.000000' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3CclipPath id='clip77_23'%3E %3Crect id='下拉.svg' width='200.000000' height='200.000000' fill='white' fill-opacity='0'%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3Cg clip-path='url(%23clip77_23)'%3E %3Cpath id='path' d='M100 122.2L25.7 47.89C20.2 42.39 11.4 42.39 5.9 47.89C0.4 53.39 0.4 62.2 5.9 67.69L88.1 149.89C88.6 150.7 89.2 151.39 89.9 152.1C92.7 154.89 96.3 156.3 100 156.2C103.6 156.2 107.3 154.89 110.1 152.1C110.8 151.39 111.4 150.7 111.9 149.89L194.1 67.69C196.8 65 198.2 61.39 198.2 57.79C198.2 54.2 196.8 50.59 194.1 47.89C188.6 42.39 179.8 42.39 174.3 47.89L100 122.2Z' fill='%23355593' fill-opacity='1.000000' fill-rule='nonzero'%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center /20px;
}
.header .headerNavEx.show.server.showList b{
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='200.000000' height='200.000000' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cdefs%3E %3CclipPath id='clip77_23'%3E %3Crect id='下拉.svg' width='200.000000' height='200.000000' transform='matrix(1 0 0 -1 0 200)' fill='white' fill-opacity='0'%2F%3E %3C%2FclipPath%3E %3C%2Fdefs%3E %3Cg clip-path='url(%23clip77_23)'%3E %3Cpath id='path' d='M100 77.8L25.7 152.1C20.2 157.6 11.4 157.6 5.9 152.1C0.4 146.6 0.4 137.8 5.9 132.3L88.1 50.1C88.6 49.3 89.2 48.6 89.9 47.9C92.7 45.1 96.3 43.7 100 43.8C103.6 43.8 107.3 45.1 110.1 47.9C110.8 48.6 111.4 49.3 111.9 50.1L194.1 132.3C196.8 135 198.2 138.6 198.2 142.2C198.2 145.8 196.8 149.39 194.1 152.1C188.6 157.6 179.8 157.6 174.3 152.1L100 77.8Z' fill='%23355593' fill-opacity='1.000000' fill-rule='nonzero'%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center /20px;
}
.header .headerNavEx.show:hover a.isProd{
background: none!important
}
.header .headerNavEx.isProd.showList b{
height: 3.125em;
}
.showList .isSon{
}