.wrap{background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/bk.jpg") center center;min-height: 100vh;font-family: arial;}
.wrap>div{width: 1200px;margin: 0 auto;}
.wrap .title{display:none}

.header{height: 200px;}
.header .logo{height: 147px;position: relative;background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/navBk1.jpg") center center no-repeat;}
.header .logo .mb{background: rgba(255,255,255,0.76);width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}
.header .logo .logoCon{position: relative;z-index: 2;left: 24px;top: 43px;}
.header .logo .logoCon a{color:#000}
.logoConM,.imgIcon{display:none}

.header .logo .Img{position: absolute;z-index: 2;top: 15px;right: 24px;}
.header .nav{height: 53px;background: #2d914c;overflow: hidden;}
.header .nav ul{display: flex;/* justify-content: space-between; */}
.header .nav ul li{height: 54px;line-height: 54px;border-right: 1px solid #40b364;/* width: 12%; */transition:.3s all ease-in-out;/* padding: 0px 34px; */width: 100%;}
.header .nav ul li:last-child{border:0}
.header .nav ul li:hover{background: #40b364;/* width:15% */}
.header .nav ul li.active{background: #40b364;}
.header .nav ul li a{display: block;width: 100%;height: 100%;color: #fff;text-align: center;font-size: 16px;padding: 0px 35px;box-sizing: border-box;}
.header .mnav{display:none;}

.footer{height: 70px;background: #2D914C;display: flex;justify-content: space-between;padding: 0 20px;box-sizing: border-box;}
.footer .copyRight{margin-top: 25px;font-size: 13px;color: #fff;max-width: 900px;}
.footer .link{margin-top: 20px;position: relative;width:200px;}
.footer .link select{width: 200px;height: 25px;padding: 0 25px 0 10px;border: 0;position: relative;z-index: 3px;}
.footer .link i{width: 25px;height: 25px;display: block;background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/triangle.png") center center no-repeat;position: absolute;top: 0;right: 0;z-index: 1;pointer-events: none;}

/**链接菜单**/
.sudy-links { display:inline-block; }
.sudy-links .links-name { display:inline-block;line-height:24px; padding:0 20px 0 5px; background:#fff url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/triangle.png") no-repeat right 50%; border:1px solid #444; cursor:default;}
.sudy-links .wrap-open { }
.sudy-links .links-wrap { overflow:hidden; white-space:nowrap; border:1px solid #444; padding:3px 0; background-color:#fff; line-height:1.7; position:absolute; display:none; left:0; bottom:25px; z-index: 10000;min-width: 99%;}
.sudy-links .links-wrap a { display:block; padding:0 10px;}
.sudy-links .links-wrap a:hover { color:#fff; background-color:#1e90ff;}

select {border: 1px solid #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
a:focus, a:hover{text-decoration: none!important;}
@media screen and (max-width:880px){
    body{min-width: auto;}
    .wrap{width:100%}
    .wrap>div{width:100%;/* position: relative; */margin: 0px 0 0;}
    .wrap .title{display:block;padding: 4vw 0;font-size: 14px;}

    .header{position:relative;z-index:9}
    .header .logo{height:13vw;line-height:13vw;padding:0 3vw;display:flex;justify-content: space-between;background: -webkit-linear-gradient(left, #40b364, #2d914c);}
    .header .logoCon{display:none}
    .header .logoConM{display:block;}
    .header .logoConM img{max-height:11vw;}
    .header .nav{display:none}
    .header .mnav{background:#2d914c;display:block;width: 100%;height: 100%;top: 0px;z-index: 1000;position: fixed;overflow-y: scroll;left: -100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
    .hidden1 .header .mnav{left:0}
    .header {height: 13vw;/* position: fixed; */width: 100%;/* border-bottom: 1px solid #ddd; */top: 0;}
    .header img {max-height: 90%;margin: 1% 0 0 0;}
    .hidden1 {width: 100%;height: 100%;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .header .imgIcon {width: 6vw;height: 18px;background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/subnavw.png") center/contain no-repeat;position: absolute;right: 3vw;top: 50%;margin-top: -9px;z-index: 99999;display: block;}
    .hidden1 .logo .imgIcon {background-image: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/nclosew.png");display:none}
    .hidden1 .mnav .imgIcon{top:0;background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/nclosew.png") center center no-repeat;width: 10vw;height: 17vw;background-size: 5vw;}
    .header .mnav>a{position: absolute;top: 50%;margin-top: -9px;right: 13vw;z-index: 99999;line-height: 18px;}
    .header .mnav>ul {text-align: center;background-color: #2d914c;position: absolute;width: 100%;top: 0;left: 0;z-index: 9999;overflow-y: scroll;/* display: none; */}
    .header .mnav .wp-menu .menu-item {line-height: 13vw;border-bottom:1px solid #40b364;text-align: left;position: relative;}
    .header .mnav .wp-menu .menu-item a {position: relative;text-transform: uppercase;}
    .header .mnav .wp-menu .menu-item i {content: '';width: 30px;height: 40px;display: block;background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/nav1.png") center no-repeat;position: absolute;top: 1vw;right: 4vw;}
    .header .mnav .wp-menu .menu-item a {font-size: 14px;color: #fff;display: block;padding: 0 3vw;text-align: center;}
    .header .mnav .wp-menu .menu-item .sub-menu {display: none;line-height: 30px;}
    .header .mnav .wp-menu .menu-item.on .sub-menu {display: block;}
    .header .mnav .wp-menu .menu-item .sub-menu li{border-top:1px solid rgba(64, 179, 100, 0.3)}
    .header .mnav .wp-menu .menu-item .sub-menu a {font-size: 12px;opacity: .8;}
    .header .mnav .wp-menu .menu-item.on i {background: url("/_vivi/source/aHR0cDovL2xpYW5nbGFiLm5hbmthaS5lZHUuY24/_upload/tpl/03/24/804/template804/static/images/nav2.png") center no-repeat;}

    .wrap .footer{height:auto;/* display: block; */overflow: hidden;padding: 3vw 3vw;}
    .footer .copyRight{margin: 2vw 0;width: 73%;line-height: 20px;}
    .footer .link{margin:3vw 0 5vw}
    .footer .link select{width: 100%;/* margin-left: 50%; */background: #fff;border-radius: 0;}
}