@charset "utf-8";
/*header 头部*/
#header{padding:0 30px;background:#fff}
#header .header-box{height:90px}
#header .header-box .logo{width: 30%;display: flex;justify-content: center;}
#header .header-box .logo a{}
#header .header-box .logo a img{display:block;max-width:100%;max-height:100%}
#header .nav-btn{display:none}
#header .nav-btn .line{}
#header .nav-btn .line1{}
#header .nav-btn .line2{}
#header .nav-btn .line3{}
#header .nav-btn.active .line{}
#header .nav-btn.active .line1{}
#header .nav-btn.active .line2{}
#header .nav-btn.active .line3{}
#header #nav{}
#header #nav .nav{display:flex;justify-content:space-between;width:840px;height:90px}
#header #nav .nav li{position:relative;text-align:center}
#header #nav .nav li a{color:#666}
#header #nav .nav li a p{line-height:2;margin-top:25px}
#header #nav .nav li a span{line-height:1.5;font-size:12px;display:block;text-transform:uppercase;padding-bottom:15px}
#header #nav .nav li:before{display:block;content:"";position:absolute;z-index:-1;background:#0062ad;left:0%;right:0px;width:0%;bottom:0px;height:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#header #nav .nav li:hover:before{width:100%}
#header .head-tel{width:auto;background:#0062ad;border-radius: 40px;display:flex;padding: 0 20px;line-height: 40px;}
#header .head-tel i{line-height: 40px;height: 40px;width:30px;display:block;color:#FFF;font-size:18px;text-align:center}
#header .head-tel span{display:block;height: 40px;line-height: 40px;color:#fff;text-align:center;-webkit-transition:all .5s ease;transition:all .5s ease;font-size: 20px;}
@media (max-width:1200px){
	#header{}
	#header .header-box{}
	#header .header-box .logo{
    width: 35%;
}
	#header .header-box .logo a{}
	#header .header-box .logo a img{}
	#header .nav-btn{}
	#header .nav-btn .line{}
	#header .nav-btn .line1{}
	#header .nav-btn .line2{}
	#header .nav-btn .line3{}
	#header .nav-btn.active .line{}
	#header .nav-btn.active .line1{}
	#header .nav-btn.active .line2{}
	#header .nav-btn.active .line3{}
	#header #nav{}
	#header #nav .nav{width:600px}
	#header #nav .nav li{}
	#header #nav .nav li a{}
	#header #nav .nav li a p{}
	#header #nav .nav li a span{}
	#header #nav .nav li:before{display:block;content:''}
	#header #nav .nav li:hover:before{display:block;content:''}
	#header .head-tel{display:none}
	#header .head-tel i{}
	#header .head-tel span{}
}
@media (max-width:768px){
	body{padding:60px 0 0}
	#header{padding:0 3%;position:fixed;z-index: 2;width:100%;top:0;box-sizing:border-box}
	#header .header-box{height:60px}
	#header .header-box .logo{height:48px;overflow:hidden;width: auto;}
	#header .header-box .logo a{}
	#header .header-box .logo a img{}
	#header .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;display:block}
	#header .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#0077bd;position:absolute;left:50%;margin-left:-15px;transition:0.5s all}
	#header .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
	#header .nav-btn .line2{top:7px}
	#header .nav-btn .line3{bottom:0px;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
	#header .nav-btn.active{}
	#header .nav-btn.active .line{}
	#header .nav-btn.active .line1{transform:rotate(45deg)}
	#header .nav-btn.active .line2{display:none}
	#header .nav-btn.active .line3{transform:rotate(-45deg)}
	#header #nav{display:none;position:fixed;top:60px;background:rgba(55,55,55,.95);width:100%;left:0;height:calc(100% - 60px)}
	#header #nav .nav{padding:10px;display:none;height:unset;width:100%;box-sizing:border-box}
	#header #nav .nav li{text-align:left;transform:translate(30px,0);opacity:1;transition:0.8s all ease}
	#header #nav.active .nav li{transform:translate(0,0)}
	#header #nav .nav li a{color:#fff}
	#header #nav .nav li a p{margin-top:0;border-bottom:1px solid #555;font-size:16px;padding:0 20px;line-height:60px}
	#header #nav .nav li a span{display:none}
	#header #nav .nav li:before{display:none;content:''}
	#header #nav .nav li:hover:before{display:block;content:''}
	#header .head-tel{}
	#header .head-tel i{}
	#header .head-tel span{}
}

/*轮播 banner*/
#banner{}
#banner ul{}
#banner ul li{}
#banner ul li a{}
#banner ul li img{display: block;width: 100%;}
#banner .bannerBtn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:999;color:#fff;font-size:0.825rem}
#banner .bannerBtn .swiper-button-prev,#banner .bannerBtn .swiper-button-next{background:unset}
#banner .bannerBtn span{margin:0 0.825rem}
#banner .bannerBtn i{}
@media (max-width:1024px){
	#banner{}
	#banner ul{}
	#banner ul li{}
	#banner ul li a{}
	#banner ul li img{}
	#banner .bannerBtn{}
	#banner .bannerBtn span{}
	#banner .bannerBtn i{}
}
@media (max-width:768px){
	#banner{}
	#banner ul{}
	#banner ul li{}
	#banner ul li a{}
	#banner ul li img{}
	#banner .bannerBtn{display: none;}
	#banner .bannerBtn span{}
	#banner .bannerBtn i{}
}

/*footer*/
#footer{}
#footer .footer{background:#494949;padding:3rem 0}
#footer .footer .foot-nav{display:flex;width:50%;flex-wrap:wrap}
#footer .footer .foot-nav dl{margin-right:9%;line-height:24px}
#footer .footer .foot-nav dt{}
#footer .footer .foot-nav dt a{display:block;font-size:16px;margin-bottom:12px
px;color:#fff}
#footer .footer .foot-nav dd{}
#footer .footer .foot-nav dd a{display:block;font-size:14px;line-height:30px;margin-bottom:0px;color:#a0a0a0}
#footer .footer .foot-ewm{width:9%;margin-left:1.3%;margin-right:0px;clear:none}
#footer .footer .foot-ewm img{display:block;max-width:100%}
#footer .footer .foot-ewm p{color:#D3D3D3;text-align:center;margin:10px 0}
#footer .footer .foot-contact{width:27%;margin-left:1.3%;margin-right:0px;clear:none;line-height:1.7;color:#fff}
#footer .footer .foot-contact li{}
#footer .footer .foot-contact li a{color:#fff}
#footer .copyright{background:#282828;color:#D3D3D3;padding:20px 0;text-align: center;}
#footer .copyright span{margin:0 5px}
#footer .copyright a{color: #D3D3D3;}
@media (max-width:1024px){
	#footer{}
	#footer .footer{padding: 2rem 0;}
	#footer .footer .foot-nav{}
	#footer .footer .foot-nav dl{}
	#footer .footer .foot-nav dt{}
	#footer .footer .foot-nav dt a{}
	#footer .footer .foot-nav dd{}
	#footer .footer .foot-nav dd a{}
	#footer .footer .foot-ewm{}
	#footer .footer .foot-ewm img{}
	#footer .footer .foot-ewm p{}
	#footer .footer .foot-contact{}
	#footer .footer .foot-contact li{}
	#footer .footer .foot-contact li a{}
	#footer .copyright{}
	#footer .copyright a{}
}
@media (max-width:768px){
	#footer{}
	#footer .footer{}
	#footer .footer .foot-nav{display: none;}
	#footer .footer .foot-nav dl{}
	#footer .footer .foot-nav dt{}
	#footer .footer .foot-nav dt a{}
	#footer .footer .foot-nav dd{}
	#footer .footer .foot-nav dd a{}
	#footer .footer .foot-ewm{display: none;}
	#footer .footer .foot-ewm img{}
	#footer .footer .foot-ewm p{}
	#footer .footer .foot-contact{width: 100%;}
	#footer .footer .foot-contact li{}
	#footer .footer .foot-contact li a{}
	#footer .copyright{padding: 10px 0;line-height: 1.5;}
	#footer .copyright a{}
	#footer .copyright span{display: block;}
}


.foot{display:none}
@media (max-width:768px){
body{padding-bottom: 67px !important;}
.foot{display:flex;background: #0062ad;color:#fff;text-align:center;position:fixed;bottom:0;left:0;width:100%;margin: 0;list-style: none;padding: 0;line-height: 1.5;z-index:9}
.foot li{width:25%}
.foot a{display:block;padding:5px 0;color: #fff;}
.foot img{width:30px}
.foot p{
    margin: 0;
}
}