@charset "utf-8";
/*header*/
#top{background:#E6E6E6;color:#606060;font-size:13px;line-height:30px}
#top .topR a{color:#606060}
#header{padding: 35px 0 30px;background:#fff}
#header .header-box{max-width: 1200px;}
#header .header-box .logo a img{display:block;max-width: 100%;max-height: 40px;}
#header .nav-btn{display:none}
#header .tel{display:flex;align-items:center}
#header .tel img{display:block;margin-right:10px}
#header .tel p{line-height:1.2;font-size:16px;color:#666}
#header .tel span{font-size:32px;font-weight:bold;color:#EE0004}
#nav{position:relative;max-width: 1200px;margin-bottom: 15px;z-index: 9;}
#nav .nav>li{position:relative;text-align:center;}
#nav .nav>li>a{display:block;padding: 0 15px;line-height: 40px;font-size:16px;position:relative;border-radius: 5px;}
#nav .nav>li>a:hover,#nav .nav>li.active>a{background: #EE0004;color: #fff;}
#nav .iconfont1{font-size:18px;color:#fff;transform:rotate(180deg);display:inline-block;align-items:center;margin-left:10px;transition:0.5s all}
#nav .iconfont2{display:none}
#nav .nav ul{position:absolute;width:100%;background:rgba(9,10,54,0.8);padding:5px 0;display:none}
#nav .nav ul li{padding:5px 10px}
#nav .nav ul li a{display:block;line-height:3;color:#fff}
#nav .nav ul li a:hover{background:#00CCAB}
@media (max-width:768px){
	body{padding: 50px 0 50px;}
	#top{display: none;}
	#header{position:fixed;z-index: 2;width:100%;top:0;box-sizing:border-box;padding: 0;box-shadow: 0 0 5px #ccc;}
	#header .header-box{height: 50px;}
	#header .header-box .logo a{display:block;}
	#header .header-box .logo{max-width: 85%;}
	#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:#EE0004;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 .line1{transform:rotate(45deg)}
	#header .nav-btn.active .line2{display:none}
	#header .nav-btn.active .line3{transform:rotate(-45deg)}
	#header .tel{display: none;}
	#nav{display:none;position:fixed;top: 50px;background:rgba(55,55,55,.95);width:100%;left:0;height: calc(100% - 50px);}
	#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 .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(0deg);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}
}
/*banner*/
#banner ul li img{display: block;width: 100%;}
#banner .swiper-pagination-bullet{border: 1px solid;background: #fff;width: 50px;height: 4px;border-radius: unset;opacity: 1;}
#banner .swiper-pagination-bullet-active{background: #EE0004;}

@media (max-width:768px){
	#banner .bannerBtn{display: none;}
}

/*footer*/
#footer{background: #1F1B1C;color:#fff;padding: 50px 0 20px;}
#footer a{color:#fff}
#footer .container{}
#footer .foot-nav{width: 40%;}
#footer .foot-nav dt,#footer .foot-contact dt{font-size:22px;width:100%;border-bottom:1px solid #fff;margin-bottom:10px}
#footer .foot-nav dd{width:50%}
#footer .foot-nav dd a{color:#F4F0F1;}
#footer .foot-contact{
    width: 60%;
}
#footer .foot-contact dd{
}
#footer .foot-contact dd i{color: #EC0004;vertical-align:middle;margin-right:10px}
#footer .foot-qa{margin-left:30px}
#footer .foot-qa img{display:block;max-width: 140px;}
#footer .foot-qa p{text-align:center}
.copyright{background:#1F1B1C;color:#fff;font-size:12px;width:100%}
@media (max-width:768px){
	#footer{padding: 10px 0;}
	#footer .container{align-items:center;flex-direction: column-reverse;}
	#footer .foot-nav{display:none;}
	#footer .foot-nav dt,#footer .foot-contact dt{}
	#footer .foot-nav dt{width:100%}
	#footer .foot-contact{display:none}
	#footer .foot-qa{margin-top:10px;display: none;}
}
.foot{display:none;}
@media (max-width:768px){
	.foot{position: fixed;bottom: 0;width: 100%;z-index: 9;display: flex;background: #000;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;}
}