﻿body{/* padding: 4.7vw 0px 0px 0px; */overflow-x: hidden;}
.header{height: 4.7vw;line-height: 4.7vw;background: rgba(255,255,255,0.7);position: fixed;top: 0px;left: 0px;width: 100%;z-index: 99999;box-shadow: 0px 0px 15px 0px #eee;transition: 0.5s all ease;}
.header h1{max-width: 230px;float: left;}
.header h1 img{max-height: 3.2vw;vertical-align:middle;}
.header .right{float: right;max-width:1000px;}
.header .nav li{float: left;margin: 0px 0px 0px 25px;position:relative;}
.header .nav li>a{font-size: 16px;color: #333333;padding: 0.6vw 5px 0px 5px;line-height: 4vw;display: block;box-sizing: border-box;border-bottom: 3px solid transparent;}
.header .nav li.on>a{border-bottom: 2px solid #004c8f;}
.header .nav li:hover>a{border-bottom:3px solid #004c8f;}
.header .nav li dl{width:160px;background:#fff;position:absolute;top: 4.7vw;z-index:999999;text-align:center;line-height:52px;left:50%;margin-left:-80px;display:none;}
.header .nav li dl dd a{color:#3e3a39;display:block;}
.header .nav li dl dd:hover a{color:#fff;}
.header .nav li dl dd:hover{background:#122884;}
.header .nav li dl dd.on{background:#122884;}
.header .nav li dl dd.on a{color:#fff;}
.header .nav li i{display:none;}
.header.active {background: #fff;box-shadow: 0 14px 34px rgba(21,61,97,0.04);transition: all .35s ease-in-out;}

.header .right .nav {float: left;}
.header .right .search {float: right;/* width: 23px; */height: 32px;margin: 1.8vw 0px 0px 30px;position: relative;width: 23px;overflow: hidden;transition: 0.5s all ease;}
.header .right .search  .searchIcon{width: 23px;height: 100%;background: url(../images/icon-search.png) center center no-repeat;display: block;cursor: pointer;float: right;}
.header .right .search form {width:200px;height: 30px;line-height: 30px;position: absolute;border: 1px solid #aaa;z-index: 999;overflow: hidden;transition:0.5s all ease;z-index: 9999999;right: -230px;top: 0px;}
.header .right .search input[type='text'] {width: 170px;float: left;height: 30px;line-height: 30px;border: 0;text-indent: 10px;}
.header .right .search .save-btn {width: 30px;height: 31px;background: url(../images/icon-search1.png) #004c8f center center no-repeat;position: relative;top: -1px;}
.header .nav li i.numbers{display:none;}
.header .right .search:hover{width: 205px;}
.header .right .search:hover form{right:0px;}
.header:hover {background: #fff;transition: all .3s ease}


.banner{width: 100vw;position: relative;overflow: hidden;}
.banner .swiper-slide{height: 46.875vw;display:block;}
.banner img{width:100%;}
.banner video{width:100%;height: 46.875vw;}
.banner .center{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;z-index: 9999;width: 1400px;}
.banner .words{color: #fff;}
/*.banner .swiper-slide .center{top:55%;}*/
.banner .words .p1{font-size: 3.5vw;font-weight: bold;}
.banner .words .p2{font-size: 1.5vw;font-family:'Arial';text-transform:uppercase;margin:1.5rem 0px 0px 0.2rem;}
.banner .swiper-slide2 .words{display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{width: 30px;height: 36px;margin-top: -18px;top:50%;}
.banner .tab{z-index: 99999;height:4.0625rem;top: 50%;}
.banner .swiper-button-prev{background:url(../images/icon-left.png) center center no-repeat;background-size: contain;left: -5vw;}
.banner .swiper-button-next{background:url(../images/icon-right.png) center center no-repeat;background-size: contain;right: -5vw;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}
.banner .pagination{transform:unset;bottom: 3.125vw;margin-left: -700px;top: auto;height: 4px;}
.banner .swiper-pagination{text-align: center;height: 4px;/* position: absolute; */left: 50%;transform: translateX(-50%);}
.banner .pagination .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50px;background:#fff;margin: 0px 6px;opacity: 1;}
.banner .pagination .swiper-pagination-bullet-active{background: #004c8f;}

.footer{background: #313131;padding: 1.5vw 0px 0px 0px;overflow: hidden;}
.foot{padding: 0px 0px 1.5vw 0px;position: relative;}
.footer h1 img{max-height: 3.7rem;max-height: 2.8rem;}
.footer ul{margin: 20px 0px 0px 0px;float: left;}
.footer ul li{float:left;margin:0px 3.3rem 0px 0px;}
.footer ul li a.a1{font-size: 16px;color:#fff;}
.footer ul li dl{margin: 15px 0px 0px 0px;}
.footer ul li dd {margin: 0px 0px 7px 0px;}
.footer ul li dd a{font-size: 12px;color:#fff;opacity:0.6;}
.footer .footR{float:right;position: absolute;bottom: 1.6vw;right: 0px;}
.footer .footR .code img{width: 100px;height: 100px;background: #fff;padding: 5px;box-sizing: border-box;}
.footer .footR .code .tit{font-size: 14px;color:#fff;text-align:center;margin: 5px 0px 0px 0px;}
.footer .footR .shared{margin: 15px 0px 0px 0px;width: 100px;}
.footer .footR .shared i{cursor:pointer;opacity:0.5;}
.footer .footR .shared i img{max-width: 25px;}
.footer .footR .shared i:nth-child(2){margin: 0px 7px 0px 7px;}
.footer .footR .shared i:hover{opacity:1;}
.footer .footR .shared i.on{opacity:1;}
.footer .copyright{font-size: 12px;color: #a7a7a7;text-align: center;padding: 15px 0px;background: #222222;}
.footer .copyright a{color: #a7a7a7;margin:0px 0px 0px 1.5rem;}
.footer .footR .code1{display: none;}
.footer .footR .code1.on{display: block;}
.footer ul li a.a1:hover{font-weight:bold;}
.footer ul li dd:hover a{opacity:1;}
.footer .copyright a:hover{color:#fff;}





@media(max-width:1600px){
	.center{max-width:1200px;}
	.banner .pagination{margin-left: -600px;}
	*{font-size: 14px;}
	.footer .footR .shared i:nth-child(2){/* margin:0px 0.7rem 0px  0.7rem; */}
	.footer .copyright span{font-size:12px;}
	.footer .copyright a{font-size:12px;}
	
    .banner .swiper-button-prev{left:-4.7vw;}
	.banner .swiper-button-next{right: -4.7vw;}
	.banner .pagination .swiper-pagination-bullet{width:8px;height:8px;}

	.header .right .search{margin: 1.4vw 0px 0px 30px;}



}




@media(max-width:1024px){
	body{padding: 60px 0px 0px 0px;}
	.banner .swiper-slide .center{top:50%;}
	.center{max-width:100%;width:94%;}
	.header{/* position:relative; */height: 60px;line-height: 60px;transition: 0.5s all ease;max-width: 100%;z-index: 9999999;background: #fff;}
	.header .center{height:100%;}
	.header .open{width: 30px;height: 21px;background:url(../images/icon-open.png) center center no-repeat;position:absolute;right: 3vw;top: 50%;margin-top: -10.5px;background-size: contain;}
	.header.on .open{background:url(../images/icon-back1.png) center center no-repeat;background-size: contain;}
	.header.on{max-width: 80%;box-shadow: 2px 2px 15px 0px #eff1f5;}
	.header h1{height: 60px;width: 50%;}
	.header h1 a{display:block;height: 60px;margin: 0vw 0px 0px 0px;position: absolute;left: 3vw;top: 0px;width: 38vw;}
	.header h1 a img{position:absolute;top:50%;transform:translateY(-50%);/* width: 100%; */max-height: 100%;}
	.header .right{background:#f7f7f5;position: absolute;float: none;width: 80vw;top: 60px;height: calc(100vh - 15vw);z-index: 99999999;left: 0px;box-shadow: 2px 2px 15px 0px #eff1f5;left: -100vw;transition: 0.5s all ease;}
	.header .right .search{background:#fff;width: 75%;height: 35px;margin: 5vw auto;float: none;}
	.header .right .search .searchIcon{display:none;}
	.header .right .search form{display:block;position: relative;top: 0px;width: 100%;border: 1px solid #d2d2d2;border-radius: 3px;height: 35px;line-height: 35px;right: 0px;box-sizing: border-box;}
	.header .right .search .save-btn{float:right;top: 0px;background: url(../images/icon-search.png) center center no-repeat;border-left: 1px solid #d2d2d2;background-size: 17px;height: 35px;width: 35px;}
	.header .right .search input[type='text']{height: 35px;line-height: 35px;width: calc(100% - 36px);}
	.header .right .search input[type='text']::placeholder{color:#000;}
	.header .right .nav{float:none;}
	.header.on .right{left:0px;}
	.header .nav ul{border-top:1px solid #d8d8d7;}
	.header .right .nav li{float:none;width:100%;border-bottom:1px solid #d8d8d7;margin: 0;position:relative;}
	.header .nav li>a{line-height:45px;padding:0px 0px 0px 5vw;font-size:16px;color:#000;border:0;}
	.header .nav li.on>a{background:#004c8f;color:#fff;border:0;}
	.header .nav li:hover>a{background:#004c8f;color:#fff;border:0;}
	.header .nav li i.arrow{display:block;width:30px;height: 45px;background:url(../images/icon-arrow9.png) center center no-repeat;position:absolute;right:3vw;top:0px;background-size:10px;}
	.header .nav li.on i.arrow{background:url(../images/icon-arrow10.png) center center no-repeat;background-size:15px}
	.header .nav li:hover i.arrow{background:url(../images/icon-arrow10.png) center center no-repeat;background-size:15px}
	.header .nav li dl{position:relative;top:0px;width:100%;left:0px;margin: 0;text-align: left;background:unset;padding:10px 0px;}
	.header .nav li dl dd{line-height:30px;}
	.header .nav li dl dd a{padding:0px 0px 0px 7vw;}
	.header .nav li dl dd.on{background:unset;}
	.header .nav li dl dd.on a{color:#004c8f;}
	.header .nav li dl dd:hover a{color:#004c8f;}
	.header .nav li dl dd:hover{background:unset;}
	.header .nav li i.numbers{display:block;position:absolute;right: 13vw;top:0px;line-height:45px;font-style:normal;color:#333;font-size: 16px;}
	.header .nav li.on i.numbers{color:#fff;}
	.header .nav li:hover i.numbers{color:#fff;}

	.banner img{min-height:30vw;}
	.banner .words{text-align:center;}
	.banner .words .p1{font-size:20px;}

	.footer{padding:25px 0px 0px;}
	.footer h1{max-width:40%;}
	.footer ul{float:none;margin:20px 0px;}
	.footer ul li{width: calc((100% - 30px)/6);margin: 0px 6px 0px 0px;}
	.footer ul li a.a1{font-size: 12px;}
	.footer ul li dl{margin:10px 0px 0px 0px;}
	.footer ul li dd{margin:0px 0px 8px 0px;line-height: 16px;}
	.footer ul li dd a{font-size: 10px;line-height: 16px;}
	.footer ul li:last-child{margin:0;}
	.footer .footR{float:right;position: relative;top: 0px;width: 100%;}
	.footer .footR .code{margin:0 auto;text-align: center;}
	.footer .footR .code img{width:120px;height:120px;}
	.footer .footR .code .tit{opacity:0.6;font-size:12px;}
	.footer .footR .shared{width:120px;margin: 10px auto 0px;text-align: center;}
	.footer .footR .shared i:nth-child(2){margin: 0px 10px;}
	.footer .footR .shared i img{max-width: 26px;}
	.foot{padding:0px 0px 20px 0px;}
	.footer .copyright{font-size:12px;padding:15px 0px;}
	.footer .copyright span{margin:0px 50px;display:inline-block;font-size:12px;}
	.footer .copyright a{font-size:12px;display:inline-block;margin: 3px 15px 0px 15px;}
	.footer .copyright a:nth-child(2){margin:0px;}


	




}














































