﻿.content{width: 1200px;margin: 0 auto;}
.header{position: fixed;top: 17px;width: 100%;height: 85px;z-index: 12;transition: all .35s ease-in-out;}
.header .content{display: flex;}
.header .logoBox{width: 440px;height: 100%;line-height: 83px;}
.header .logoBox img{max-width: 100%;max-height: 100%;vertical-align: middle;display: inline-block}
.header .nav{line-height: 84px;}
.header .nav ul{display: flex;}
.header .nav ul li{position:relative}
.header .nav ul li .arrow{display:none;}
.header .nav ul li>a{padding: 0 20px;display: block;font-size: 18px;color: #fff;position: relative;}
.header .nav ul li>a:after{position: absolute;content: "";top:calc(50% - 6px);right:0;width: 1px;height: 12px;background: #fff;display:none;}
.header .nav ul li:last-child a:after{display: none;}
.header .nav ul li:hover>a,.header .nav ul li.active>a{font-weight: bold;}
.header form{position: relative;height: 24px;margin-top: 30px;margin-left: 40px;}
.header form input[type=text]{display:none;position: absolute;top:24px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);right: 0;border: 0;line-height: 30px;height: 30px;padding: 0 10px;border-radius: 3px;}
.header form input[type=submit]{width: 24px;height: 24px;border: 0;background: url(../img/search.png) center center no-repeat;}
.header form:hover input[type=text]{display: block;}
.header .nav li#nav_3 a.navA{letter-spacing: 12px;}


.header .nav dl{position:absolute;top: 84px;background: rgb(0,82,221,0.8);width: 180px;left: calc(50% - 90px);display:none;/* border: 1px solid #aaa; */background: #fff;box-shadow: 0 0 6px rgba(0,0,0,.2);}
.header .nav dl>dt.hasdl>a{position:relative;display: block;width: 100%;height: 100%;padding: 0 10px;box-sizing: border-box;font-size: 14px;}
.header .nav dl>dt.hasdl>a:after{background:url(../img/arrow.png) right center no-repeat;content:"";width:22px;height: 40px;position:absolute;background-size: 40px;}
.header .nav dl dt{line-height:40px;text-align:center;/* margin:10px 0; */position:relative;box-sizing: border-box;}
.header .nav dl dt:after{width:90%;height:1px;background: #ccc;content:"";position:absolute;left:5%;top:0;}
.header .nav dl dt:first-child::after{display:none}
.header .nav dl dt a{color:#fff;padding: 3px 0;font-size: 14px;color: #333;}
.header .nav dl dt a:hover{font-weight:bold}
.header .nav dl dt dl{position:absolute;top: -1px;left: 180px;border: 1px solid #666;width: 200px;/* border-top: 0; */}
.header .nav dl dt dl dt{height:40px}
.header .nav dl dt dl dt a{font-size:14px;font-size: 12px;}
.header .nav dl dt dl dt:first-child{position:relative}
/* .header .nav dl dt dl dt:first-child:after{position:absolute;content:"";width:1px;height: 40px;background:#000;top: 0;left: -1px;display:block} */
.header .nav dl dt:hover dl{display:block}
.header .nav ul li:hover>dl{display:block}
.header.headerBlank{background: #252930;border: 0;background: #fff;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.header.headerBlank ul li a{color:#000}
.menu{display: none;}
.search,.searchCon{display: none}

.footer{background: #003398;overflow: hidden;}
.footer .row{margin-top: 3.2vw;/* display: flex; */justify-content: space-between;padding-bottom: 1.7vw;border-bottom: 1px solid #597abc;overflow: hidden;}
.footer .row ul{display: flex;}
.footer .row ul li{width: 78px;margin-right: 50px;}
.footer .row ul li>a{font-size: 16px;color: #fff;line-height: 30px;display: block;padding-bottom: 14px;border-bottom: 1px solid #597abc;}
.footer .row ul li:last-child{margin-right:0}
.footer .row ul li:hover>a{font-weight: bold;}
.footer .row ul li dl{margin: 12px 0;}
.footer .row ul li dl dd{line-height: 28px;font-size: 14px;}
.footer .row ul li dl dd a{color: #fff;font-size: 12px;}
.footer .row ul li dl dd:hover>a{font-weight: bold;}
.footer .row .footLogo{margin: 0px 75px 0px 0px;float: right;}
.footer .row .footLogo img{}
.footer .copyRight{margin: 10px auto;text-align: center;}
.footer .copyRight,.footer .copyRight a{line-height: 24px;font-size: 12px;color: #fff;}
.footNav{float:left;}

.banner{width: 100%;/* height: 797px; */overflow: hidden;position: relative;}
.banner img{width:100%;}
.banner .icon{position:absolute;left:calc((100% - 1200px)/2);bottom: 6vw;color: #fff;width: 125px;height: 25px;z-index: 99999;}
.banner .icon .swiper-button-prev{width:20px;height:25px;background:url(../img/icon-prev.png) center center no-repeat;left: 0px;}
.banner .icon .swiper-button-next{width:20px;height:25px;background:url(../img/icon-next.png) center center no-repeat;right: 0px;}
.banner .icon .swiper-pagination{width:70px;left: 27px;top: -10px;font-size: 1.3vw;line-height: 25px;}

.bannerM{display: none;}


@media(max-width:1024px){
    body{width:100%;min-width:100%;}
    .wrap{/* padding: 60px 0px 0px 0px; */}
    .header{height: 60px;top: 0px!important;background: rgba(0, 51, 152, 0.9)!important;}
    .header .content{width: 100%;display: block;}
    .header .logoBox{line-height:60px;height: 60px;width: 94%;position:relative;margin: 0 auto;}
    .header .logoBox img{max-height: 45px;}
    .header .menu{position:absolute;display:block;right:0px;background:url(../img/icon-open.png) center center no-repeat;filter: sepia(100%);width: 30px;height: 20px;top: 50%;background-size: contain;margin-top: -10px;}
    .header .logoBox a{width:70%;display: block;}
    .header .logoBox .logo{display:block!important;}
    .header .logoBox .logoTop{display:none!important;}
    .header .nav{position:absolute;top:60px;background:#fff;width: 100%;line-height: 40px;padding: 70px 0px 0px 0px;display: none;}
    .header .nav ul{display:block;width:100%;}
    .header .nav ul li>a{color:#000;font-size: 16px;border-bottom: 1px solid #ccc;}
    .header .nav dl{position:unset;width:100%;box-shadow:0px 0px 0px 0px #ccc;}
    .header .nav dl dt{text-align:left;text-indent: 35px;border-bottom: 1px solid #eee;}
    .header .nav dl dt a{display:block;line-height: 30px;}
    .header .nav dl dt:after{display:none;}
    .header .nav ul li .arrow{position:absolute;right:3%;top:0px;width:50px;height: 40px;text-align: right;font-size: 24px;line-height: 36px;display: block;}
    .header .nav ul li .slide{transform:rotate(45deg);width: 22px;}
    .header .nav dl dt:hover dl{display:none}
    .header .nav ul li:hover>dl{display:none}
    .header form{position:absolute;top: 75px;margin: 0px;width: 80%;left: 10%;height: 35px;display: none;}
    .header form input[type=text]{display:block;top: 0px;left: 0px;width: calc(100% - 40px);height: 35px;line-height: 35px;}
    .header form input[type=submit]{right:0px;position:absolute;background: #003398 url(../img/search.png) center center no-repeat;width: 35px;height: 35px;}

    
    .bannerPC{display: none;}
    .bannerM{display: block;}

    .content{width: 100%;}

    .footer .row{padding: 0px 3vw;}
    .footNav{padding: 0px 0vw  0px 0vw;float: none;}
    .footer .row .footLogo{margin:0;text-align:center;width: 100%;display: none;}
    .footer .row .footLogo img{display:inline-block}
    .footer .copyRight{padding: 0 3vw;line-height: 20px;}
    .footer .row ul li{margin: 0px 8px 0px 0px;}
    .footer .row ul li>a{font-size:12px;padding: 0px 0px 7px 0px;}
    .footer .row ul li dl{margin:10px 0px;}






}





















