﻿*{margin:0;padding:0;list-style: none;font-family: 'Arial'}
.wrap{width:100%;overflow: hidden;}
.content{width:1050px;margin: 0 auto;}
.header .en1{display:none;}
.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: -2px;margin-right:25px;margin: 0px 25px 5px 0px;}
.header .right a{color:#999999;font-size: 18px;border-right: 2px solid #999999;padding: 0px 30px 0px 0px;height: 15px;line-height: 15px;display: inline-block;float: left;margin: 37px 30px 0px 0px;}
.header .right form {font-size: 0;display: flex;float: right;background: url(../img/icon-search.png) #fff center center no-repeat;max-width: 30px;overflow: hidden;transition: 0.5s all ease;position: relative;top: 27px;background-size: 20px;}
.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;right:-187px;transition:0.5s all ease;position:relative;}
.header .right  input[type=submit]{color:#670044;width: 40px;height: 35px;background: #0c54a6 url(../img/search.png) top left no-repeat;background-size: 90%;transition:0.5s all ease;right:-200px;z-index:9999;position: relative;}
.header .right form:hover  input[type=submit]{right:0px;}
.header .right form:hover  input[type=text]{right: 0px;}
.header .right form:hover{max-width:230px;background:unset;}
.header .content .left .logo{font-size: 16px;color: #333;text-indent: 0px;}
.header .content .left .logo .txt{position: relative;top: 3px;font-size: 24px;color: #0c54a6;font-weight: bold;/* margin: 0px 0px 0px 25px; */}
.header .content .left .logo em{font-style: normal;margin: 0px 0px 0px 5px;}
.banner{height: 500px;position: relative;}
.banner .nav{position: absolute;width:100%;height: 60px;background: rgba(32,73,145,0.8);top: 0;z-index: 11;}
.banner .nav ul{height: 60px;display: flex;justify-content: space-between;}
.banner .nav ul li{height: 60px;width:150px;float: left;box-sizing:border-box;line-height: 60px;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: 60px;background:#419ad0;}
.banner .nav ul li:nth-child(6){border-right:0px solid red;}
.banner .nav ul li dl{background:rgba(32,73,145,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:#419ad0;}
.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: #d7c04c;}
.banner .swiper-pagination{bottom: 29px!important;}
.navM{display: none}

.wrap>.footer{width:100%;background: #414141;color: #b9b9b9;padding: 22px 0px 15px 0px;}
.wrap>.footer .content{position:relative}
.wrap>.footer .left{width:600px;float: left;margin: 20px 0px 0px 0px;}
.wrap>.footer .link{font-size:16px;}
.wrap>.footer .link a{color:#b9b9b9;display:block;line-height: 28px;font-size: 14px;}
/* .wrap>.footer .link a span{color: #b9b9b9} */
.wrap>.footer a:hover{color: #fff;}
.wrap>.footer .footMsg{font-size:14px;line-height: 28px;}
.wrap>.footer .footMsg a{color:#b9b9b9;}
.wrap>.footer .right{/* width:33px; *//* height:33px; *//* background:url(../img/icon.png) center center no-repeat; */background-size:contain;float: right;}
.wrap>.footer .right .Img{width: 135px;text-align: center;}
.wrap>.footer .right .Img img{vertical-align: middle;width: 100%;}
.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;display: none;}
.wrap>.footer .right .Img p{color: #b9b9b9;font-size:14px}
.wrap>.footer .right:hover .Img{display:block}

@media screen and (max-width:880px){
    .wrap{padding:calc(100 / 750 *100vw) 0px 0px 0px;}
    .content{width:100%;}
    .header{position: fixed;z-index: 9999;width: 100%;background:#fff;top:0px;}
    /* .header.fixed{background: rgba(255,255,255,0.9);} */
    .header .content{height:calc(100 / 750 *100vw);/* padding:0 calc(30/750 * 100vw); */box-sizing:border-box;width: 94vw;}
    .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;right: 0px;}
    .header .right input[type=submit]{right:0px;}
    .header .right form{padding:0;max-width: unset;background: #fff;top: 0px;}
/*     .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% - 14px);right: 12vw;background-size: 36px;}
    .header .right a{display:none;}
    .menu{width: calc(100 / 750 *100vw);height:calc(100 / 750 *100vw);background:url(../img/menu.png) center center no-repeat;background-size: calc(48 / 750 *100vw);position:absolute;top:0;right:0}
    .header .en1{position:absolute;right: 23vw;top:50%;transform: translateY(-50%);color: #999999;font-size: 14px;display: block;}
    
    
    
    .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: #d7c04c;}

    .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:hover>a{color:#fff;background:#d7c04c}
     .navM .content>li.active>a{color:#fff;background:#d7c04c}
    .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);}
    .navM .content li.active .secondBtn:after{transform: rotate(-90deg);border-color: transparent #fff transparent transparent;top: calc(50% - 0px);margin-left: 5px;}
     .navM .content li:hover .secondBtn:after{transform: rotate(-90deg);border-color: transparent #fff transparent transparent;top: calc(50% - 0px);margin-left: 5px;}
    .navM .content li.active .secondNav{display:block;}
    .wrap>.footer{width:100%;padding: 4vw;box-sizing:border-box}
    .wrap>.footer .left{width:100%;float: none;margin: 10px 0px 20px 0px;}
    .wrap>.footer .right{position:relative;float: none;}
    .wrap>.footer .right .Img{left:calc(50% - 67px);display: block;margin: 0 auto;}
    .wrap>.footer .right .Img:after{left:calc(50% - 8px)}

    .header .content .left .logo .txt{position:absolute;width: 200px;font-size: 14px;left: 15vw;line-height: 20px;top: 50%;transform: translateY(-50%);}










    
}

