body {padding:0; margin:0}
div, ul, li {list-style:none; margin:0; padding:0}
html {scroll-behavior: smooth;}
.scroll-fixed { position: fixed; top: 0px; z-index: 9; width:100%}
.flex {display:flex; column-gap:40px;}

.tnb {display:flex; justify-content:space-between; height:70px}
.tnb .right ul {display:flex; height:70px}
.tnb .right ul li {line-height:70px; margin:0 0 0 20px}
.tnb .right .btn {background:#f5b901;color:#fff;width:150px; height:40px; margin:15px 0; border-radius:20px; line-height:40px !important}
.tnb .right .btn a {color:#fff}
.tnb .right .tel {background:#407dca; line-height:70px; padding:0 20px; color:#fff; font-weight:600; font-size:22px}
.tnb .right .on {color:#f38034 !important; font-weight:600}
.tnb .right ul li a {text-decoration:none; color:#000}

.menu {background:#f38034}
.menu ul {display:flex; max-width:1280px;justify-content:center; margin:0 auto; flex-wrap:wrap; column-gap:40px}
.menu ul li {line-height:70px; color:#fff; font-weight:600}
.menu ul li a {color:#fff; text-decoration:none; font-size:16px}

.main_v {background:url(/img/main_v.jpg); height:500px; position:relative; background-position:center center; background-repeat:no-repeat}
.main_v  p {width:300px; height:100px; border-radius:10px; background: rgba(35, 36, 42, .8); color:#fff; text-align:center; line-height:100px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size:24px}

.section {max-width:1280px; margin:0 auto; padding:100px 0 50px 0}
.section .tit {color:#f38034; font-weight:600; text-align:center; margin:0 0 50px 0; position:relative; font-size:24px}
.section .tit:after {width:30px; height:2px; background:#f38034; content:''; position:absolute; bottom:-20px; left:50%; margin-left:-15px}
.section .txt {line-height:30px; font-size:16px}
.section .s_tit {font-weight:600; text-align:center; background:#666; color:#fff; width:250px; margin:40px auto 20px auto; padding:5px 0; font-size:20px; border-radius:20px}
.section .list {display:flex; flex-wrap:wrap;row-gap:5px; justify-content: center;flex-direction:column}
.section .list p {padding:10px 15px; background:#fff; border-radius:0; margin:0; border-bottom:1px dotted #333;}
.foot {background:#2e3037; text-align:center; padding:40px 0; color:#fff; margin:100px 0 0 0}
.foot p {color:#f38034; margin:10px 0 0 0 !important; padding:0}
.foot p a {color:#f38034}
.foot span a {color:#fff}

.sns {display:flex; gap:10px; justify-content:center; margin:0 0 20px 0}
.sns img {max-width:33px}
#header {display:none}
.box_menu {display:none}
.clear {clear:both}

@media (max-width:1200px){
	.menu ul {column-gap:15px}
	.flex {flex-direction:column;}
	.flex .img {text-align:center}
	.flex .img img {width:50%; margin: 0 auto 20px 0}
	.section {padding:50px 10px 50px}
}

@media (max-width:1024px){
	.menu {display:none}
	.tnb {display:none}
	.main_v {display:none}
	.section {padding:50px 10px 50px}
	.flex {flex-direction:column;}
	.flex .img img {width:80%; margin: 0 0 20px 0}
	.section .list p {padding:10px 2px}	

	
	#header{position:relative;width:100%;z-index:100; display:block}		
	#header h1{text-align:left; height:48px;float:left}
	#header h1 img {max-height:48px}

    .rnb { float:right; margin:0}
	.rnb .on {color:#f38034}
	.rnb ul {display:flex; gap:10px; line-height:48px}
	.rnb ul li {}
	.rnb .btn {display:block; background:#f5b901;color:#fff; width:150px; border-radius:20px; margin:5px 0 0 0}
	.rnb .btn a {color:#fff}
	.rnb .tel {display:block; background:#407dca; padding:0 10px; color:#fff; font-weight:600; font-size:20px}

	.cate{position:relative;line-height:50px; background:#f38034}
	.cate a {color:#fff; font-size:16px}
	.cate:before{display:block;content:'';position:absolute;z-index:10;left:0;top:0;width:20px;height:50px}
	.cate:after{display:block;content:'';position:absolute;z-index:10;right:0;top:0;width:20px;height:50px}
	.cate .swiper-slide{display:inline-block;width:auto}
	.cate .swiper-slide a{padding:0 20px}
	.cate .swiper-scrollbar{height:1px;bottom:0px;background:none}
	
	.box_menu {none}
	
}

@media (max-width:768px){
	.menu {display:none}
	.tnb {display:none}
	.main_v {display:none}
	.section {padding:50px 10px 50px}
	.flex {flex-direction:column;}
	.flex .img img {width:100%; margin: 0 0 20px 0}
	.section .list p {padding:10px 2px}	
	.foot {margin:30px 0 0 0; padding:40px 0 80px 0}
	
	#header{position:relative;width:100%;z-index:100; display:block}		
	#header h1{text-align:left; height:44px;float:left}
	#header h1 img {max-height: 44px}

    .rnb { float:right; margin:0 10px 0 0}
	.rnb .on {color:#f38034}
	.rnb ul {display:flex; gap:10px}
	.rnb ul li {line-height:44px}
	.rnb .btn, .rnb .tel {display:none}

	.cate{position:relative;line-height:50px; background:#f38034}
	.cate a {color:#fff; font-size:16px}
	.cate:before{display:block;content:'';position:absolute;z-index:10;left:0;top:0;width:20px;height:50px}
	.cate:after{display:block;content:'';position:absolute;z-index:10;right:0;top:0;width:20px;height:50px}
	.cate .swiper-slide{display:inline-block;width:auto}
	.cate .swiper-slide a{padding:0 20px}
	.cate .swiper-scrollbar{height:1px;bottom:0px;background:none}
	
	.box_menu {display:flex; font-size:16px; margin:0; position:fixed; bottom:0; width:100%}
	.box_menu .quote { background:#f5b901; width:100%; text-align:center; padding:10px 0}
	.box_menu .tel { background:#407dca; width:100%; text-align:center; padding:10px 0}
	.box_menu a {color:#fff; text-align:center; display:block}
}