header {
    width: 100%;
    height: 116px;
    border-bottom: 2px solid #6b4c33;
    background-color: #091b1d;
}
.fr{
  float:right;
}
a {
    color: white;
    text-decoration: none;
}

.inner {
    max-width: 1020px;
    margin: 0 auto;
    height: inherit;
}
.inner a>img{
    display: inline-block;
    width: 100%;
}

.inner .nav1 {
    background-color: #DCC55E;
}

.inner .nav1 a {
    color: #F1DE8B;
}

.inner .nav1 dd.on a,
.inner .nav1 a:hover {
    font-size: 16px;
    font-weight: bold;
    color: white;
    opacity: 1;
}

header .inner .fl {
    display: inline-block;
    height: inherit;
}

header .inner .fl img {
    margin-top: 23px;
    height: 70px;
}

header .inner .fr {
    text-align: center;
}

body {
    width: 100vw;
    max-width: 100vw;
    overflow-x: hidden;
}

footer {
    background-color: black;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 15px;
}

footer .fnav {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 15px;
    color: white;
    line-height: 24px;
}

footer .fnav a {
    color: #F1DE8B;
}

footer .fnav a:hover {
    color: red;
}

.scrolltop ul li {
    border-color: #DCC55E !important;
}

@media screen and (max-width: 800px) {
	header{
		height: auto;
	}
	/*header .inner{
		text-align: center;
	}
	header .inner .fl{
		float: none;
	}
	header .inner .fl img{
		height: auto;
		max-width: 100%;
		margin: 5px 0;
	}
	header .inner .fr {
		display: none;
	}*/
}
/*@media screen and (max-width: 550px) {
	.inner .nav1 dt{
		height: 100%;
	    line-height: 80px;
	    background-position: center bottom;
	}
}*/



/*2022-11-16*/
.inner dl dt,
.inner dl dd {
        border-width: 1px;
        border-color: #DCC55E;
        border-style: groove;
        font-size: 14px;
        margin-top: -1px;
        text-align: center;
        background-position: center top;
        background-repeat: no-repeat;
        height: 40px;
        line-height: 40px;
        padding: 0;
        box-sizing:border-box;
}
.inner dl {    background-color: #DCC55E;}
.inner dl a {    color: #F1DE8B;}
.inner dl dd.on a,
.inner dl a:hover {font-size: 16px;    font-weight: bold;    color: white;    opacity: 1;}
.inner  {border-radius: 5px;box-sizing: border-box;}
.inner  dl {float: left;width: 100%;margin: 4px 0;}
.inner  dl:last-child{margin-bottom: 8px;}
.inner  dl dt {float: left;position: relative;}
.inner  dl dt {width: calc(100% / 9);}
.inner  dl dt a {position: relative;z-index: 2;font-size: 18px;font-weight: bold;}
.inner  dt:after {z-index: 1;top: 46%;position: absolute;content: "";width: 6px;height: 6px;border-radius: 50%;background: #fff;right: 8px;display: none;}
.inner  dl dd {float: left;width: calc(100% / 9);margin-left: 0;position: relative;z-index: 2;}
.inner  dl dd a:before{content: "";position: absolute;}
@media screen and (max-width: 550px) {
    .inner  {margin: 5px 0 0;border-radius: 0;padding: 0;width: 100%;}
    .inner  dl {padding: 1px 0;}
    .inner  dl dt {padding:0;display: table;width: 14%;line-height: 62px;font-size: 16px;font-weight: bold;}
    .inner  dl dd {width: 21.5%;font-size: 0.875rem;padding:0.2rem 0;}
}

.down a {
    display: inline-block;
    width: 100%;
    background-image: url(/static/img/img16.jpg);
    border-width: 2px;
    border-color: #DCC55E;
    border-style: groove;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.down {
    text-align: center;
    font-size: 36px;
    display: inline-block;
    width: 33%;
}