*{margin:0;padding:0;list-style: none;font-family: 'Arial'}
.wrap{width:100%;overflow: hidden;}
.content{width:1050px;margin: 0 auto;}
.header .content{display:flex;justify-content:space-between;height:90px}
.header .content .left{display:flex;align-items: center;}
.header .content .left img{max-height:90%;vertical-align: middle;margin-top: -10px;margin-right:25px;}
.header .right form {padding-top: 28px;font-size: 0;display: flex;}
.header .right  input[type=text]{color:#6a6a6a;width:187px;height: 35px;font-size:14px;padding:0 16px;box-sizing:border-box;border:1px solid #e1e1e1}
.header .right  input[type=submit]{color:#670044;width: 40px;height: 35px;background: #0c54a6 url(../img/search.png) top left no-repeat;background-size: 100%;}

.header .content .left .logo{color:#0c54a6;font-size:23px;font-weight:bold;}
.header .content .left .logo .txt{position: relative;top:2px;font-size: 24px;}

.banner{height: 500px;position: relative;}
.banner .nav{position: absolute;width:100%;height:50px;background: rgba(12,84,166,0.8);top: 0;z-index: 11;}
.banner .nav ul{height:50px;display: flex;justify-content: space-between;}
.banner .nav ul li{height:50px;width:150px;float: left;box-sizing:border-box;line-height: 50px;text-align: center;}
.banner .nav ul li a{color:white;font-size:18px;display:block;}
.banner .nav ul li.active,
.banner .nav ul li:hover{height:50px;background:#0c54a6;}
.banner .nav ul li:nth-child(6){border-right:0px solid red;}
.banner .nav ul li dl{background:rgba(12,84,166,0.8);display:none}
.banner .nav ul li dl dd{border-top:1px solid rgba(255,255,255,0.5)}
.banner .nav ul li dl dd a{line-height:40px;font-size:14px}
.banner .nav ul li:hover dl{display:block;}
.banner .nav ul li dl dd:hover{background:#0c54a6;}
.banner .nav ul li dl dd:hover a{font-weight:bold}
.banner .swiper-slide,.banner .swiper-container{height: 100%;}
.banner .swiper-pagination-bullet{opacity:1;/* border:1px solid #fff; */background:none;margin: 0 7px!important;width: 12px;height: 12px;background: rgba(255,255,255,0.6);}
.banner .swiper-pagination-bullet-active{background: #0c54a6;}
.banner .swiper-pagination{bottom: 29px!important;}
.navM{display: none}

.wrap>.footer{width:100%;background: #414141;color: #b9b9b9;padding:30px 0;}
.wrap>.footer .content{position:relative}
.wrap>.footer .left{width:600px;}
.wrap>.footer .link{font-size:16px;margin-bottom:20px}
.wrap>.footer .link a{color:#b9b9b9}
.wrap>.footer .link a span{color: #b9b9b9}
.wrap>.footer a:hover{color: #fff;}
.wrap>.footer .footMsg{font-size:14px;line-height:1.5}
.wrap>.footer .right{width:33px;height:33px;background:url(../img/icon.png) center center no-repeat;background-size:contain;position: absolute;bottom: 0;right: 0;}
.wrap>.footer .right .Img{display:none;position: absolute;right: -15px;bottom: 55px;width: 135px;height: 135px;/* line-height: 135px; */text-align: center;background: #fff;box-shadow: 0 0 5px 2px rgb(0 0 0 / 10%);padding-top: 10px;box-sizing: border-box;}
.wrap>.footer .right .Img img{vertical-align: middle;width: 98px;height: 98px;}
.wrap>.footer .right .Img:after{content:"";position:absolute;width:0;height:0;border:9px solid #fff;top: 99%;right:25px;border-color:#fff transparent transparent transparent}
.wrap>.footer .right .Img p{color:#828282;font-size:14px}
.wrap>.footer .right:hover .Img{display:block}

@media screen and (max-width:880px){
    .content{width:100%}
    .header{position:relative}
    .header .content{height:calc(100 / 750 *100vw);/* padding:0 calc(30/750 * 100vw); */box-sizing:border-box;width: 92vw;}
    .header .content .logo{display:block;height:100%;width:100%;line-height:calc(100 / 750 *100vw);position: relative;}
    .header .content img{height:calc(70 / 750 *100vw);vertical-align:middle}
    .header .right{position:absolute;z-index:11;/* padding-top:calc(15 / 750 *100vw); */margin-right:calc(75 / 750 *100vw);right: 15vw;margin-right: 0;top: 100%;display: none;}
    .header .right input[type=text]{background:#fff}
    .header .right form{padding:0}
/*     .header .right input[type=submit]{background-position:bottom right;background-color:#fff} */
    .search{width:40px;height:30px;position:absolute;background:url(../img/search.png) bottom right no-repeat;top:calc(50% - 13px);right:15vw}

    .menu{width: calc(120 / 750 *100vw);height:calc(100 / 750 *100vw);background:url(../img/menu.png) center center no-repeat;background-size: calc(50 / 750 *100vw);position:absolute;top:0;right:0}
    .banner{height:calc(420 / 750 *100vw)}
    .banner .nav{display:none}
    .banner .swiper-pagination-bullet{width: 9px;height: 9px;background: rgba(255,255,255,0.6);}
    .banner .swiper-pagination{bottom: 15px!important;}
    .banner .swiper-pagination-bullet-active{background: #0c54a6;}

    .navM{position:absolute;z-index: 1000000;width: 100%;background: #eeeeee;}
    .header .navM .content{display:block;text-align:center;height: auto;width: 100%;}
    .navM .content>li{font-size:16px;line-height:calc(100 / 750 * 100vw);border-bottom:1px solid #d0d0d0;position: relative;}
    .navM .content>li.active>a{color:#fff;background:#0c54a6}
    .navM .content>li>a{color:#333;width:100%;height:calc(100 / 750*100vw);display: block;position: relative;z-index: 1;}
    .secondNav{display:none}
    .secondNav ul li{border-top:1px solid #d0d0d0;line-height:calc(80 / 750 * 100vw)}
    .secondNav ul li a{font-size:14px;color:#707070}
    .secondBtn{width: 17vw;height:13vw;display:inline-block;position:absolute;z-index:11;top: 0;margin-left: 10vw;}
    .secondBtn:after{content:"";position:absolute;border: solid;border-top-width: 6px;border-right-width: 10px;border-bottom-width: 6px;border-left-width: 10px;border-color:transparent #9b9b9b transparent transparent;top: calc(50% - 5px);}
    .secondBtn.active:after{transform: rotate(-90deg);border-color: transparent #fff transparent transparent;top: calc(50% - 0px);margin-left: 5px;}

    .wrap>.footer{width:100%;padding: 4vw;box-sizing:border-box}
    .wrap>.footer .left{width:100%}
    .wrap>.footer .right{position:relative;margin:180px auto 0}
    .wrap>.footer .right .Img{left:calc(50% - 67px);display: block;}
    .wrap>.footer .right .Img:after{left:calc(50% - 8px)}

    .header .content .left .logo .txt{position:absolute;width: 200px;font-size: 10px;left: 30px;bottom: 0px;line-height: 20px;top: auto;}










    
}