.wrap{font-family: arial;}
.wrap>div{width: 1200px;margin: 0 auto;}

.main{min-height: 510px;}
.wrap .header{height: 180px;margin-bottom: 22px;}
.header .logo{height: 126px;background: url(../img/headbk.jpg) center center no-repeat;position: relative;display: flex;justify-content: space-between;background-size: cover;}
.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{padding-left: 17px;padding-top: 30px;display: flex;max-width: 1000px;}
.header .logo .logoCon p{font-size: 30px;line-height: 40px;color: #fff;margin-top: 12px;}
.header .logo .logoCon span{color: rgba(255,255,255,.7);font-size: 18px;letter-spacing: 15px;}
.header .logo .Img{margin-right:30px;}
.header .logo .codeBox{margin: 38px 20px 0 0;display: flex;}
.header .logo .codeBox a{display: inline-block;width: 18px;height: 14px;padding: 0 13px;border-right: 1px solid #ccc;position: relative;background: url(../img/webchat.png) center center no-repeat;}
.header .logo .codeBox .codeInfo{position:absolute;top:30px;width:100px;margin-left:-50px;text-align:center;left:50%;display:none;z-index: 10;}
.header .logo .codeBox .codeInfo img{width:100%;}
.header .logo .codeBox a:hover .codeInfo{display:block;}
.header .nav{height: 51px;display:flex;justify-content: space-between;position:relative;}
.header .nav:after{width:100%;height:2px;background:#e1e1e1;content:"";position:absolute;bottom:0px;z-index:-1;}
.header .nav>a{width:51px;height:51px;display:block;background:#7b0e6b url(../img/home.png) center center no-repeat;}
.header .nav>ul{display: flex;border-bottom: 2px solid #e1e1e1;box-sizing: border-box;height: 51px;width: 907px;justify-content: space-around;}
.header .nav>ul>li{line-height: 51px;transition:.3s all ease-in-out;position:relative;}
.header .nav>ul>li>a{display: block;width: 100%;height: 100%;color: #333333;text-align: center;font-size: 16px;padding: 0px 15px;box-sizing: border-box;position:relative;}
.header .nav>ul>li>a:after{position:absolute;content:"";width:10px;height:50px;/* background:url(../img/triangle.png) center center no-repeat; */right:0;}
.header .nav>ul>li:hover>a,.header .nav>ul>li.active>a{color:#7b0e6b;}
.subNav{position:absolute;top:51px;left:-50%;width:200%;text-align:center;background:#fff;border-left: 1px solid #ccc;border-right: 1px solid #ccc;display:none;z-index: 10;}
.subNav li{border-bottom:1px solid #ccc;}
.subNav li a{display:block;width:100%;height:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.subNav li:hover{background:#7b0e6b;}
.subNav li:hover a{color:#fff;} 
.header .nav form{width: 242px;border-bottom: 2px solid #e1e1e1;display: flex;justify-content: space-between;width: 175px;}
.header .nav form input[type=text]{width:124px;height:20px;border:0;border-left: 2px solid #dfdfdf;-webkit-appearance:none;/* margin-left: 58px; */padding-left: 10px;box-sizing: border-box;margin-top:15px;}
.header .nav form input[type=submit]{width:51px;height:51px;display:block;background: #7b0e6b url(../img/search.png) center center no-repeat;outline: unset;border: 0;}
.mnav{display:none;}

.wrap .footer{width:100%;/* height: 200px; */background: #212121;box-sizing: border-box;}
.footer .footNav{border-bottom: 1px solid rgba(95,95,95,.1);}
.footer .content{width: 1200px;margin: 0 auto;}
.footer ul{display: flex;}
.footer ul li a{font-family:"微软雅黑";color:#bcbcbc;font-size:13px;line-height: 45px;margin-right: 23px;}
.footer ul li a:hover{color:#7b0e6b;}
.footMsg{display: flex;margin: 15px 0 13px;}
.footMsg .left{width: 540px;}
.footMsg .left p{font-size: 24px;line-height: 40px;color: #a6a6a6;margin-top: 10px;}
.footMsg .left span{color: rgba(166,166,166,.7);font-size: 14px;letter-spacing: 12px;}
.footMsg .footCon{width: 500px;border-left:1px solid rgba(95,95,95,.1);font-size:13px;color:#bcbcbc;padding: 6px 24px 6px 32px;box-sizing: border-box;border-right:1px solid rgba(95,95,95,.1);}
.footMsg .footCon p{margin: 6px 0;line-height: 20px;}
.footMsg .footCon a{ color:#bcbcbc;}
.footMsg .code{width: 160px;text-align: right;}
.footMsg .code img{height: 75px;}
.footer .copyRight{font-size: 13px;color: #bcbcbc;line-height: 23px;padding: 10px 0;text-align: center;border-top: 1px solid rgba(95,95,95,.1);}

@media screen and (max-width: 1247px){
    .wrap>div{width:100%;}
    .main{min-height:260px;}

    .wrap .header{position:relative;z-index:9;height:auto;/* margin-bottom: 80px; */margin-bottom: 0;}
    .header .logo{height:13vw;line-height:13vw;/* padding:0 3vw; */display:flex;justify-content: space-between;background: -webkit-linear-gradient(left, rgba(123, 14, 107, 0.6), #7b0e6b);background: url(../img/headbk.jpg) center center no-repeat;background-size: cover;}
    .header .logo .logoCon{padding:0;width: 100%;display: block;}
    .header .logo .logoCon .txt{width: 100vw;overflow:hidden;text-align: center;background:url(../img/headbk.jpg) center center no-repeat;position: absolute;top: 0;width: 70vw;margin-left: 15vw;}
    .header .logo .logoCon p{font-size: 13px;line-height: 6vw;margin-top: 1vw;}
    .header .logo .logoCon span{font-size: 12px;letter-spacing: 5px;display: block;line-height: 5vw;margin-bottom: 12px;margin-bottom: 1vw;}
    .header .logo .Img{margin-left:3vw;margin-right: 13vw;}
    .header .logoCon img{max-height: 10vw;}
    .header .logo .codeBox{display:none;}

    .header .nav{display:none;}
    .header .mnav{background:#7b0e6b;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: 13vw;height: 20px;background: url(../img/subnavw.png) center right no-repeat;position: absolute;right: 3vw;top: 50%;margin-top: -9px;z-index: 99999;display: block;}
    .hidden1 .logo .imgIcon {background-image: url(../img/nclosew.png);display:none;}
    .hidden1 .mnav .imgIcon{top:0;background: url(../img/nclosew.png) center center no-repeat;width: 5vw;height: 14vw;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: #7b0e6b;position: absolute;width: 100%;top: 0;left: 0;z-index: 9999;overflow-y: scroll;}
    .header .mnav>ul>li {line-height: 13vw;border-bottom:1px solid #a96ba0;text-align: left;position: relative;}
    .header .mnav>ul>li>a {position: relative;}
    .header .mnav>ul>li i {content: '';width: 3vw;height: 11vw;display: block;background: url(../img/nav1.png) center no-repeat;background-size: contain;position: absolute;top: 1vw;right: 4vw;}
    .header .mnav>ul>li a {font-size: 14px;color: #fff;display: block;padding: 0 3vw;text-align: center;}
    .header .mnav>ul>li ul {display: none;line-height: 30px;}
    .header .mnav>ul>li.on ul {display: block;}
    .header .mnav>ul>li ul li{border-top: 1px solid rgb(147, 77, 136);line-height: 8vw;}
    .header .mnav>ul>li ul li a {font-size: 12px;opacity: .8;}
    .header .mnav>ul>li.on i {background: url(../img/nav2.png) center no-repeat;background-size: contain;}

    .footer .footNav{display:none;}
    .footer .content{width:100%;}
    .footMsg{display:block;}
    .footMsg .left{display:none;}
    .footMsg .footCon{width:100%;padding: 3vw 4vw;}
    .footMsg .code{width:100%;text-align:center;}
    .footMsg .code img{height:30vw;}
    .footer .copyRight{font-size:12px;line-height: 15px;padding: 3vw 6vw;}
}