@charset "utf-8";
#top{
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 40px;
}
#top p{}
#top ul{float:left}
#top li{display:inline-block}
#top a{}
#header{
    padding: 30px 0;
}
.logo img{
    max-width: 100%;
    vertical-align: middle;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid #A9A9A9;
}
.logo p{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
}
.logo span{
    color: #FF0101;
}
.tel{
    background: url(../images/tel.jpg) no-repeat left center;
    padding-left: 80px;
    line-height: 1.5;
}
.tel dt{}
.tel dd{
    color: #FF7200;
    font-size: 26px;
    font-weight: bold;
}
#nav{
    background: url(../images/nav.png) no-repeat center 0;
    padding-top: 10px;
}
.nav{text-align:center;box-shadow: 0px 3px 3px #0698EB;position: relative;z-index: 5;}
.nav>li{width:16.6%;float:left;box-sizing:border-box;line-height: 60px;padding:0 5px;}
.nav>li>a{font-size:1rem;display:block;color: #fff;}
.nav>li>a:hover, .nav>li.on>a{background: #0782C8;}
.nav>li:first-child>a{}
.drop{position:relative}
.drop:hover .drop-box{display:block}
.drop-box{position:absolute;z-index:5;width:100%;background:rgba(0,0,0,0.5);padding:10px 0;display:none}
.drop-box li{line-height:2}
.drop-box a{color:#fff;display:block;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.5)}
.drop-box a:hover{background:#FF3A2A}
#banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230067E0'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230067E0'%2F%3E%3C%2Fsvg%3E");right:30px}
#menu1{display:none;position:fixed;top:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:5;overflow:hidden;}
#footer{padding:50px 0 0;background:#242424;color:#fff}
.copy img{max-width:100%;margin-top:-20px}
#footer li a{color:#fff;font-size:14px}
#footer dd{font-size:14px}
#footer dd img{
    display: block;
    max-width: 120px;
    background: #fff;
    padding: 8px;
}
#footer dd a{color:#fff;}
.qa img{width:150px;height:150px}
.copyright{text-align:center;line-height:1.5;font-size:14px;border-top:1px solid #363636;padding:10px 0;margin-top:25px}
.copyright a{color:#fff}
body{width:100%;overflow-x:hidden}
@media (max-width:767px){
	#header{
    padding: 5px 0;
}
	#menu{position: absolute;right: 10px;top: 20px;font-size: 1.5rem;line-height: 1;}
	.logo{
    max-width: 90%;
}
	.logo img{border: 0;padding: 0;}
	#nav.on{display:block !important;width:50% !important;padding:0 10px !important}
	.nav>li:hover{background:transparent}
	#nav{position:fixed;top:0;left: 0;z-index:5;width:0;height:100%;background:rgba(0,0,0,0.8);color:#fff;overflow:hidden;padding:0;transition:0.5s all;overflow-y:scroll;}
	.nav{padding-bottom:80px;border:0;box-shadow: unset;}
	.nav>li{width:100%;line-height:2;border:0;background: none;}
	.nav>li>a{color:#fff;line-height:2.5;text-align:left;background:transparent !important}
	.drop-box{display:block;background:none;position:relative;width:100%}
	.drop-box>li{width:100%;text-align:left;padding-left:10px}
	.drop-box a{border:0}
	#footer{padding:0 10px 10px}
	.copyright{margin:0;border:0;padding-top:20px}
	.foot{position: fixed;bottom: 0;background: #000;width: 100%;text-align: center;z-index: 5;}
	.foot a{color: #fff;}
	body{padding-bottom:64px;}
	#tmpAreaLmtDiv{display:none;}
}