@charset "utf-8";
/*header*/
#header{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;padding: 30px 0;background: linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(0,0,0,0));}
#header .header-box{position: relative;max-width: 1700px;}
#header .header-box .logo a img{display:block;max-width:100%;max-height:100%}
#header .nav-btn{display:none}
#nav{position:relative;flex: 1;margin: 0 30px;max-width: 800px;}
#nav .nav>li{position:relative;text-align:center;}
#nav .nav>li>a{color: #fff;display:block;position:relative;font-size: 16px;}
#nav .nav>li>a:after{display:block;content:'';width: 100%;height: 1px;position: absolute;}
#nav .nav>li:hover>a:after, #nav .nav>li.active>a:after{background: #fff;}
#nav .iconfont1{font-size: 14px;color:#fff;transform: rotate(90deg);display:inline-block;align-items:center;margin-left:10px;transition:0.5s all}
#nav .iconfont2{display:none}
#nav .nav ul{position:absolute;width: 200%;left: -50%;background: rgba(255,255,255,0.8);padding:5px 0;display:none;z-index: 2;}
#nav .nav ul li{padding:5px 10px}
#nav .nav ul li a{display:block;line-height:3;color: #000;}
#nav .nav ul li a:hover{background: #fff;}
#header .headR{display:flex;align-items:center}
#header .head-tel{color: #fff;font-size: 24px;}
#header .headR .icon-search{font-size: 20px;font-weight:bold;cursor:pointer;margin-left:20px;color: #fff;}
#header .search-box{display: none;position: absolute;right: 0;top: 100%;z-index: 2;width: 230px;}
#header .search-box input{border: 0;padding:0 10px;line-height: 40px;border-right:0;float: left;}
#header .search-box input:focus{outline:0}
#header .search-box button{display:block;border:0;background: #fff;text-align: center;color: #0B46AE;cursor: pointer;float: left;height: 40px;width: 40px;}
@media (max-width:1024px){
	#header .headR{display:none}
	#nav{margin-right:0}
}
@media (min-width:768px){
	#nav .nav>li:hover ul{display:block}
}
@media (max-width:768px){
	#header .headR{display: flex}
	body{padding: 50px 0 50px;}
	#top{display: none;}
	#header{position:fixed;z-index: 5;width:100%;top:0;box-sizing:border-box;padding: 0;background: #0A445A;}
	#header .header-box{height: 50px;}
	#header .header-box .logo{width:150px;height:48px;overflow:hidden;display: flex;align-items: center;}
	#header .head-tel{display: none;}
	#header .headR .icon-search{margin-left: 0;margin-right: 20px;}
	#header .nav-btn{width: 27px;height: 20px;position:relative;cursor:pointer;display:block}
	#header .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color: #fff;position:absolute;left:50%;margin-left: -11px;transition:0.5s all}
	#header .nav-btn .line1{-webkit-transform-origin: 0 0;-ms-transform-origin: 0px 0;transform-origin: 0px 0;}
	#header .nav-btn .line2{top: 9px;}
	#header .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
	#header .nav-btn.active .line1{transform:rotate(45deg)}
	#header .nav-btn.active .line2{display:none}
	#header .nav-btn.active .line3{transform:rotate(-45deg)}
	#header .search-box{display: none;width: 100%;margin-top: 4px;}
	#header .search-box input{width: calc(100% - 62px);border-top: 0;}
	#header .search-box button{}
	#nav{display:none;position:fixed;top: 50px;background:rgba(55,55,55,.95);width:100%;left:0;height:calc(100% - 60px);max-width: unset;margin: 0;}
	#nav .nav{padding:10px;display:none;height:unset;width:100%;box-sizing:border-box}
	#nav .nav>li{text-align:left;transform:translate(30px,0);opacity:1;transition:0.8s all ease}
	#nav.active .nav li{transform:translate(0,0);margin-right: 0;}
	#nav .nav>li>a{color:#fff;line-height: 36px;padding: 0 0 0 15px;position: relative;}
	#nav .nav>li>a:after{display:none}
	#nav .iconfont1{display:none}
	#nav .iconfont2{position:absolute;left:unset;margin-left:0;right:0;top:0;margin-top:0;z-index:2;width:36px;text-align:center;display:block;color:#fff;transform: rotate(0);transition:0.5s all}
	#nav .iconfont2.active{transform: rotate(90deg);}
	#nav .nav ul{position:unset;background:unset;padding:0 0 0 20px}
	#nav .nav ul li a{line-height:2;color: #fff;}
}
/*search*/
#search{background:#EEEEEE;padding:15px 0}
#search .searchL span{color:#0052E6;font-size:18px;font-weight:bold}
#search .searchR input{border:0;outline:0;padding:0 5px;line-height:32px;width:300px}
#search .searchR span{background: #0151E6;color: #fff;padding: 0px 10px;line-height: 32px;}
@media (max-width:768px){
	#search{padding: 0px 0 10px;}
	#search .searchR{width: 100%;}
	#search .searchR input{flex: 1;}
}

/*footer*/
#footer{background:#0A445A;color:#fff;position: relative;z-index: 3;}
#footer .footerL{width:30%}
#footer .copyright{line-height:1.6;margin:30px 0 40px}
#footer .copyright p a{color:#fff}
#footer .footerL dt{width:150px;line-height:40px;border:1px solid;padding:0 10px;margin-bottom:10px}
#footer .footerL dd{float:left;margin-right:10px}
#footer .footerL dd a{color:#fff}
#footer .footerC{flex:1;background:#fff;box-shadow: 0 0 3px #999;margin: -140px 40px 0 20px;box-sizing:border-box;padding:0 50px 50px;border-top:2px solid #DD4554}
#footer .footerC dt{font-size:30px;color:#0A445A;text-align:center;font-weight:bold;margin: 50px 0 35px;}
#footer .footerC dd{margin-bottom:15px}
#footer .footerC dd input{display:block;width: 100%;text-align:center;border:1px solid #F3F4F6;line-height: 40px;padding:0 10px;box-sizing:border-box}
#footer .footerC .code input{flex:1}
#footer .footerC dd textarea{display:block;width:100%;border:1px solid #F3F4F6;line-height:46px;text-align:center;padding:0 10px;box-sizing:border-box}
#footer .footerC .code{position:relative;margin-bottom:40px;margin-bottom: 20px;display: flex;align-items: center;}
#footer .footerC .code img{height:42px}
#footer .footerC dd button{background:linear-gradient(to right,#DD4753,#DC8C45);color:#fff;border:0;width:80%;max-width:200px;line-height:60px;border-radius:50px;font-size:24px;margin:0 auto;display:block}
#footer .footerR{width:30%}
#footer .footerR h1{font-size:26px}
#footer .footerR ul{margin-top:30px}
#footer .footerR li{font-size:16px}
#footer .footerR li p{margin-left:105px}
#footer .footerR span{width:20px;display:inline-block;margin-right:30px;align-items:center;font-size:20px}
@media (max-width:1024px){
	#footer .footerC{margin-right:20px;padding: 0 20px 20px;}
	#footer .footerC dt{font-size:20px;margin:40px 0 30px}
	#footer .footerC dd button{
    line-height: 50px;
    font-size: 22px;
}
	#footer .footerR h1{font-size:20px}
	#footer .footerR span{margin-right:5px;font-size:16px}
	#footer .footerR li p{margin-left:73px}
}
@media (max-width:768px){
	#footer .container{flex-wrap:wrap}
	#footer{padding:20px 0}
	#footer .footerL{width:48%;float:left}
	#footer .footerC{width:50%;margin:0;flex:unset;padding-bottom:10px}
	#footer .footerC dt{margin:10px auto 10px}
	#footer .footerC dd input{line-height:30px}
	#footer .footerC dd textarea{line-height:2}
	#footer .footerC dd button{line-height:40px;font-size:20px}
	#footer .footerR{width:100%}
	#footer .footerR ul{display:flex;flex-wrap:wrap;margin-top:10px}
	#footer .footerR li{width:50%}
}
@media (max-width:520px){
	#footer .footer-logo{display: block;max-width: 100%;}
	#footer .footerC{display: none;}
	#footer .footerR{width: 48%;}
	#footer .footerR li{width: 100%;font-size: 14px;}
}
@media (max-width:450px){
	#footer .footerL{width: 100%;}
	#footer .copyright{margin: 10px 0 10px;}
	#footer .footerL dt{line-height: 30px;width: 100px;}
	#footer .footerR{width: 100%;margin-top: 15px;}
	#footer .footerR ul{margin-top: 0;}
}

.foot{display:none;}
@media (max-width:768px){
	.foot{position: fixed;bottom: 0;width: 100%;z-index: 9;display: flex;background: #0A445A;box-shadow: 0 0 2px #eee;}
	.foot li{width: 25%;text-align: center;line-height: 20px;padding: 4.5px 0;}
	.foot li i{color: #fff;}
	.foot li span{display: block;color: #fff;}
}