@charset "utf-8";
body{width:100%;overflow-x: hidden;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
#header{background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;width:100%;z-index: 2;}
.header{display:flex;align-items:center}
.logo{margin-left:0px;clear:left;margin-right:0px;width:15%;display:block;position:static}
.logo img{display:block;max-width:100%}
.navBtn{display:none}
.navLine{}
.navBtnImg{}
.headerR{width:70%}
.nav{display:flex;justify-content: space-around;}
.navLi{display:inline-block;font-size:1rem;}
.navH{position:relative;overflow:hidden}
.navH:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:0;height:5px;background-color:#FF7300;opacity:0;transition:all .5s ease}
.navH a{position:relative;display:block;padding: 2.25rem 0;font-size: 16px;color:#fff;font-weight:bold;transition:all .5s ease;}
.navH a:after{content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#FF7300}
.navH i{display:none}
.navLi:hover .navH{}
.navLi:hover .navH:before{width:100%;opacity:1}
.navLi:hover .navH a{transform:translateY(-100%)}
.navLi:hover .navH a:after{}
.navLi:hover .navH i{}
@media(min-width: 1024px){
	.slideBox{position:fixed;left:0;right:0;width:100%;min-width:1024px;height:0;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;z-index:110;margin:0 auto;padding:0 2%;transition:all .5s ease;opacity:0;box-sizing:border-box}
	.leftBox{position:relative;margin-right:2%;padding-right:2%;width: 18%;height:auto;margin:60px 0;overflow:hidden;border-right:1px solid #eaeaea}
	.oneName{font-size:26px;padding-bottom:15px;color:#000;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.tNavSummry{line-height:24px;width:100%;height:auto;overflow:hidden;color:#666666;font-size:14px;max-width:420px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
	.tNavMore{display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #cccccc;margin-top:20px;cursor:pointer}
	.tNavMore .txt{color:#000;transition:all .5s ease}
	.tNavMore i{margin-left:2rem;transition:all .5s ease}
	.navSbox{position:relative;width: 80%;height:auto;overflow:hidden;font-size:0;margin:60px 0;white-space:nowrap}
	.navSli{display:inline-block;width: calc(100% /5);height:100%;overflow:hidden;padding-left:2%;box-sizing: border-box;}
	.navSimg{width:100%;overflow:hidden}
	.navSlinkimg{}
	.navImg{transition:all .5s ease;max-width: 100%;}
	.navSlink{position:relative;display:block;width:100%;height:70px;line-height:40px;font-size:14px;color:#333;text-align:center;font-weight:normal;overflow:hidden;transition:all 0.3s;padding:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s ease;box-sizing:border-box}
	.navSlink:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;opacity:0;background-color:#FF7300;transition:all .5s ease}
	.navLi:hover .slideBox{height:350px;opacity:1;background:#f2f2f2}
	.tNavMore:hover .txt{color:#FF7300;margin-left:10px}
	.tNavMore:hover i{color:#FF7300}
	.navSli:hover{}
	.navSli:hover .navImg{transform: scale(1.1);}
	.navSli:hover .navSlink{color:#FF7300}
	.navSli:hover .navSlink:after{width:100%;opacity:1}
}
.head-tel{width:15%;font-family:'Oswald',sans-serif;font-size:22px;font-weight:bold;text-align:right;display:flex;align-items:center;justify-content:flex-end}
.head-tel i{color:#FF7300;font-size: 30px;}
.head-tel p{line-height:1.2;text-align:left;margin-left:10px}
.head-tel a{color:#FF7300;line-height:1.2}
#banner .swiper-slide img{display:block;max-width:100%}
#yqlj{
    background: #eee;
    padding: 10px 0;
}
#yqlj .container{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
#yqlj span{font-size: 18px;margin-right: 10px;}
#yqlj p{
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    line-height: 1.4;
}
#yqlj p a{
    margin: 0 5px;
}
#yqlj p a:hover{}
#footer{background: url(../images/footer-bg.jpg) repeat center;color:#fff;}
.foot-top{padding:50px 0;}
#foot-nav{display:flex;justify-content:space-between;}
#foot-nav li{}
#foot-nav a{color:#fff;font-size:20px}
#foot-nav a:hover{}
#foot-form{background:#fff;border-radius:30px;padding:5px 5px 5px 15px}
#foot-form i{color:#CDCDCD;vertical-align:middle}
#foot-form #email{}
#foot-form #foot-btn{background:#FF7300;color:#fff;padding: 10px 25px;border-radius:30px;cursor:pointer;}
.foot-center{display:flex;justify-content:space-between;padding-bottom:50px;flex-wrap:wrap}
.foot-left{}
.foot-left img{display:block;margin-bottom:20px}
.foot-left h4{font-weight:normal;font-size:20px;color:#FFD8B9;margin-bottom:10px}
.foot-left h4:after{display:block;content:'';width:45px;height:1px;background:#fff}
.foot-left p{font-size:34px;line-height:1.5;font-weight: bold;}
.foot-item{}
.foot-item h4{font-size:20px;margin-bottom:10px}
.foot-contact ul:first-child{margin-right:50px}
.foot-item li{}
.foot-item li a{color:#fff;font-size:15px}
.foot-contact{
}
.foot-contact div{display:flex;justify-content:space-between}
.foot-qa{}
.qa-img img{
    display: block;
    max-width: 150px;
}
.copyright{border-top: 1px solid;padding:10px 0}
.slide-right{background:#FF7300;position:fixed;right:0;top:50%;color:#fff;text-align:center;padding:0 10px;border-radius:10px;line-height:1.5;margin-top:-124px;box-shadow:0 0 2px rgba(255,255,255,0.6)}
.slide-right a{display:block;border-bottom:2px solid #fff;padding:5px 15px 10px;color:#fff}
.slide-right i{display:block;font-size:30px}
.slide-right span{width:2em;margin:0 auto;display:block;line-height:1.3}
.slide-tel{}
.slide-tel i{}
.slide-tel span{}
.slide-zxzz{}
.slide-zxzz i{}
.slide-zxzz span{}
.slide-right>.slide-top{border-bottom:0;padding:10px 15px}
@media(max-width: 1584px){
	.head-tel{
    width: 18%;
}
	.navH a{}
}
@media(max-width: 1384px){
	.head-tel{
    width: 20%;
}
	.navH a{
    padding: 1rem 0;
}
}
@media(max-width: 1240px){
	.head-tel{width: 16%;}
	.navH a{
    padding: 1rem 0;
    font-size: 14px;
}
.head-tel a{font-size:16px}
.foot-form{width:100%}
	#foot-nav a{font-size:16px}
	.foot-top{padding:20px 0}

}
@media(max-width: 1024px){
	#yqlj{font-size:14px}
	#yqlj p{width:100%;flex:unset}
	#yqlj p a{}
	body{padding-top:70px;padding-bottom: 60px;}
	#header{position: fixed;background: #fff;z-index: 10;}
	.header{}
	.logo{width:45%}
	.logo img{}
	.headerR{width:55%;position:relative;overflow:hidden;height: 70px;}
	.navBtn{overflow:hidden;position:absolute;top:1rem;right:0rem;background: #FF7300;width:40px;height:40px;padding:10px;line-height:70px;display:block;box-sizing:border-box;}
	.navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}
	.navBtnImg{display:block;width:90%;height:70%}
	#nav{position:fixed;top:70px;left:0;right:0;overflow:hidden;z-index:999;background:rgba(0,0,0,.5);transition:all .5s ease;height: 0;}
	#nav.tNavHeight{height:100%}
	.nav{background:rgba(0,0,0,0.8);display:block}
	.navLi{border-bottom:1px solid #696969;position:relative;display:block}
	.navH{position:relative;height:46px;line-height:46px;padding:0 5%;font-size:1rem;transition:all .5s ease}
	.navH:before{display:none}
	.navH a{display:block;width:100%;height:100%;color:#fff;padding:0;font-weight:normal;}
	.navH a:after{display:none}
	.navH i{position:absolute;top:0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease}
	.navH .iconRotate{transform: rotate(-90deg);}
	.slideBox{display:none}
	.leftBox{display:none}
	.oneName{}
	.tNavSummry{}
	.tNavMore{}
	.tNavMore .txt{}
	.tNavMore i{}
	.navSbox{padding-bottom:30px}
	.navSli{padding-left:8%;font-size:0.875rem;height:38px;line-height:38px}
	.navSimg{display:none}
	.navSlinkimg{}
	.navImg{}
	.navSlink{display:block;width:100%;height:100%;color:#fff}
	.navLi:hover .navH a{transform:unset}
	.navLi:hover .slideBox{}
	.head-tel{display:none}
	.head-tel p{}
	
	
	#footer{background-color:#FF7300;overflow:hidden}
	.foot-top{display:none}
	#foot-nav{}
	#foot-nav li{}
	#foot-nav a{}
	#foot-nav a:hover{}
	#foot-form{}
	#foot-form i{}
	#foot-form #email{}
	#foot-form #foot-btn{}
	.foot-center{padding-bottom: 20px;}
	.foot-left{width:100%;}
	.foot-left img{margin:10px 0}
	.foot-left h4{}
	.foot-left p{font-size: 30px;}
	.foot-item{}
	.foot-item h4{
    font-size: 16px;
    margin-bottom: 0;
}
	.foot-item ul{}
	.foot-item li{}
	.foot-item li a{}
	.foot-contact{
    /* min-width: 70%; */
}
	.foot-contact div{}
	.copyright{line-height: 1.2;}
	.slide-right{margin:0;border-radius:0;display:flex;bottom:0;top:unset;width:100%;padding:0;box-shadow:0 0 2px rgba(255,255,255,0.6);z-index: 99;}
	.slide-right a{width:50%;border-bottom:0;padding:5px 0}
	.slide-right i{font-size:20px}
	.slide-right span{width:100%}
	.slide-tel{border-right:1px solid #fff}
	.slide-tel i{}
	.slide-tel span{}
	.slide-zxzz{}
	.slide-zxzz i{}
	.slide-zxzz span{}
	.slide-right>.slide-top{display:none}
}

@media(max-width: 768px){
	.foot-contact{min-width:unset}
	.foot-product ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
	.foot-product li{}
	.foot-item{margin-bottom: 15px;width: 100%;}
	.foot-contact div{display:block}
}