﻿.wrap{}
.content{width: 1200px;margin: 0 auto;}
.header{border-top:6px solid #202389}
.header>.content{display: flex;justify-content: space-between;align-items: center;height: 86px;}
.header .logoBox{width: 276px;height: 66px;line-height: 66px;overflow: hidden;}
.header .logoBox img{max-height: 100%;vertical-align: middle;display: inline-block;}
.header .searchBox{display: flex;border-bottom:1px solid #dedede;width:138px;height:34px}
.header .searchBox form{font-size: 0;display:flex}
.header .searchBox form input[type=text]{background: transparent;width: 118px;height: 34px;box-sizing: border-box;vertical-align: middle;padding:0 10px;}
.header .searchBox form input[type=submit]{width: 18px;height: 34px;background: url(../img/searchG.png) center center no-repeat;border: 0;vertical-align: middle;}
.header .nav{width:676px;height: 70px;line-height: 75px;}
.header .nav ul{display: flex;justify-content: space-between;}
.header .nav ul li>a{color: #333333;display: block;width: 100%;height: 100%;padding:0 10px;font-size: 14px;box-sizing: border-box;}
.header .nav ul li:hover>a,.header .nav ul li.active>a{color: #202389;border-bottom:3px solid #202389}


.footer{background: #eeeeee;padding: 35px 0 0;}
.footer .footNav{display:flex;justify-content:space-between;padding:0 40px 48px 54px;}
.footer .footNav li{width:143px;}
.footer .footNav li:last-child{width:284px;}
.footer .footNav li>a{font-size:14px;color:#1f1f1f;padding-bottom:12px;display:block;position:relative}
.footer .footNav li>a:after{content:"";position:absolute;width:100%;height:2px;background:#dddddd;border-bottom:1px solid #fff;bottom:0;left:0}
.footer .footNav dl{margin-top:5px;}
.footer .footNav dl dd{line-height:26px;}
.footer .footNav dl dd a{color:#858585;font-size:12px}
.footer .footNav dl dd:hover a{color:#202389}
.footer .footNav .footAddress{font-size:12px;line-height:16px;margin-top:12px;color:#8f8f8f}
.footer .footNav .footAddress span{color:#464646}
.copyright{padding:15px 0;line-height:35px;color: #e6e6e6;font-family:"Arial";text-align:center;background:#6b6b6b;font-size:12px;}

@media screen and (max-width: 880px){
    .content{width:100%}
    .header{height:15vw;line-height:15vw;border-top: 0;position: fixed;top: 0;left: 0;z-index: 11;width: 100%;background: #fff;}
    .header>.content{height:100%}
    .header .logoBox{width: 100%;height: 100%;padding: 0 3vw;/* display: flex; */border-bottom: 1px solid #eee;}
    .header .logoBox a{display:block;width: 50vw;height: 100%;line-height: 15vw;}
    .header .logoBox img{width:auto;height: auto;max-width: 100%;}
    .header .logoBox .searchLink{width: 10vw;height:15vw;background: url(../img/mSearch.png) center center no-repeat;background-size: 6vw;position: absolute;right: 15vw;top: 0;}
    .header .logoBox .menu{width: 15vw;height:15vw;background:url(../img/menu.png) center center no-repeat;background-size: 7vw;position: absolute;right: 0;top: 0;}
    .header .nav,.header .searchBox{display:none;position: absolute;width: 100vw;height: auto;z-index: 10;background: #eee;top: 15vw;line-height: 10vw;margin-top: 0;}
    .header .searchBox{border: 1px solid #dedede;width: 92vw;left: 4vw;}
    .header .nav ul{display:block;padding:4vw 0;height: calc(100vh - 15vw);}
    .header .nav ul li{position:relative}
    .header .nav ul span{width:10vw;height:10vw;background: url(../img/icon1.png) center center no-repeat;display:inline-block;position:absolute;right:0;top:0;transform:rotate(-90deg);transition:all .3s ease-in-out}
    .header .nav ul span.slideDown{transform:rotate(0)}
    .header .nav ul li dl{padding-left:10vw;line-height:8vw;display: none;}
    .header .nav ul li:hover a, .header .nav ul li.active a{border-bottom:0}
    .header .searchBox form input[type=text]{width: 82vw;height:10vw;background:#fff;}
    .header .searchBox form input[type=submit]{width:10vw;height:10vw;}

    .footer{padding-top:4vw}
    .footer .footNav{padding: 0 10vw 6vw;}
    .footer .footNav li{display:none}
    .footer .footNav li:last-child{display:block;width:100%}
    .footer .footNav li>a{display:none}
    .copyright{line-height:24px;padding: 4vw;}
}

