@charset "utf-8";
@font-face{
	font-family: 'iconfont';
	src: url('../font/iconfont.ttf?t=1630396449534') format('truetype');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height:1;}

#top{
    background: #2b2b2b;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
}
#top a{
    color: #fff;
    text-decoration: underline;
}
#header{padding: 10px 0;}
.logo a{float:left;display:block;}
.logo img{display:block;}
.logo div{float:left;color:#0b0b0b;line-height:1.5;padding-top: 5px;}
.logo strong{font-size: 23px;color: #002866;}
.logo p{font-size:16px;color: #000;}
.tel{/* line-height: 1.5; */color: #002866;}
.tel p{font-size:20px;font-weight: bold;color:#272727;}
.tel>span{color: #002866;font-size:30px;font-weight:bold;}
.tel p span{color: #000;font-size: 30px;}

#nav{background: #002866;}
.nav{text-align:center;}
.nav>li{width: 12.5%;float:left;box-sizing:border-box;line-height: 50px;}
.nav>li>a{font-size:1rem;display:block;color: #fff;position: relative;}
.nav>li>a:hover,.nav>.on>a{background: #1E252F;}
.drop{position:relative}
.drop:hover .drop-box{display:block}
.drop-con{background: rgba(227,35,48,0.8);display: none;position: absolute;z-index: 5;word-break: keep-all;width: 109%;}
.drop-con li:first-child{margin-top:10px}
.drop-con li:last-child{margin-bottom:10px}
.drop:hover .drop-con{display: block;}
.drop-con li{line-height: 2;}
.drop-con a{display: inline-block;position: relative;line-height: 2;color: #fff;margin: 0 10px;padding: 0 8px;transition: 0.5s all;}
.drop-con .active a,.drop-con a:hover{padding: 0px 0 0 16px;}
.drop-con .active a:before,.drop-con a:hover:before{content:'';border: 5px solid transparent;border-left: 6px solid #fff;display: block;vertical-align: middle;position: absolute;top: 11px;left: 0;}
#banner img{display:block}
#banner .swiper-pagination-bullet-active{background: #002866;}
#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'%23002866'%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'%23002866'%2F%3E%3C%2Fsvg%3E");right:30px}

#footer{background:url(../images/bottom.jpg) no-repeat center;color:#fff;overflow: hidden;}
#footer a{color:#fff}
#footer a:hover{text-decoration: underline;}
.foot-nav{border-bottom:1px solid #fff;padding:30px 0}
.foot-nav li{float:left;width: 10%;text-align:center;}
.foot-nav li:after{content:'/';float: right;}
.foot-nav li:last-child:after{display:none}
.foot-body{margin: 20px auto;}
.foot-logo{float:left;width:24%}
.foot-logo img{display:block;max-width:90%;margin-top: 100px;}
.foot-proCategory{float:left;width: 40%;}
.foot-proCategory dt,.foot-contact dt{font-size:23px;margin-bottom:10px}
.foot-proCategory dd,.foot-contact dd{line-height: 1.8;}
.foot-proCategory dd{float:left;width:50%}
.foot-contact{float:left;width: 24%;}
.foot-ewm{float:right;width:150px;text-align:center;margin-top: 85px;}
.foot-ewm img{width:150px}
.yqlj{background:#1E1E1E;line-height:3;color: #fff;}
.yqlj a{color:#fff}
@media (max-width: 767px){
	body{padding-top: 58px;padding-bottom: 64px;}
	#header{padding: 5px 0;position:fixed;width:100%;top:0;z-index: 9;background: #fff;box-shadow: 0 0 5px #ccc;}
	.logo a{border: 0;margin: 0;}
	.logo{margin:0;max-width: 80%;}
	.logo img{max-width: 100%;}
	.logo div{padding:0;display: none;}
	.logo strong{font-size:16px}
	.logo p{font-size:12px}
	#nav{display:none;position: fixed;right:0;top: 57px;background:rgba(0,0,0,0.8);padding:10px;width:200px;height: calc( 100% - 77px);border-radius:0 0 0 5px;z-index:12;overflow: scroll;}
	#open_menu{width: 35px;height:35px;border:1px solid rgba(0,0,0,0.2);border-radius:3px;position:relative;top: 5px;}
	#open_menu span,#open_menu:after,#open_menu:before{position:absolute;width:70%;left:15%;height:3px;background:#999}
	#open_menu:after,#open_menu:before{content:'';transition:transform 0.3s}
	#open_menu span{top:50%;margin-top:-1.5px}
	#open_menu:before{top:8px}
	#open_menu:after{bottom:8px}
	#open_menu.open_menu_on span{opacity:0}
	#open_menu.open_menu_on:after,#open_menu.open_menu_on:before{top:50%;margin-top:-2px;transform:rotate(45deg);width:70%;left:15%}
	#open_menu.open_menu_on:before{transform:rotate(-45deg)}
	.nav{text-align:left}
	.nav li{width:100%;line-height:2}
	.nav>li>a{text-indent:10px}
	.nav>li>a:hover,.nav>.on>a{background: #CF1B1C;}
	.drop-con{display:block;position:unset;background:none;width:auto;padding-left:10px}
	#banner .swiper-pagination-bullet{width: 10px;height: 10px;}
	
	#footer{background-repeat:repeat;background:#363636;overflow:hidden}
	.foot-nav{display:none}
	.foot-nav li:after{content:'/'}
	.foot-nav li:last-child:after{display:none}
	.foot-body{margin:10px auto}
	.foot-logo{float:none;width:100%}
	.foot-logo img{max-width:100%;margin:10px 0}
	.foot-proCategory{width:100%;float:none}
	.foot-proCategory dt,.foot-contact dt{font-size:18px;margin-bottom:5px;font-weight:bold}
	.foot-proCategory dd,.foot-contact dd{font-size:14px}
	.foot-contact{width:100%;float:none;margin-top:10px}
	.foot-ewm{display:none}
	.yqlj{line-height:2.5;font-size:14px}
	.foot{background:#000;text-align:center;color:#fff;position: fixed;bottom: 0;width: 100%;}
	.foot a{color:#fff}
	#tmpAreaLmtDiv{display:none}
}