@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#333;font:14px/30px 'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#c3460d;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1440px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
a:hover .bor_box::after,a:hover .bor_box::before{opacity:.7;-webkit-transform:scale(1);transform:scale(1);}

@font-face{
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
;}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
;}
@font-face{
    font-family:'Stolzl';
    src:url('../fonts/Stolzl-Regular.eot');
    src:url('../fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Regular.woff2') format('woff2'),
        url('../fonts/Stolzl-Regular.woff') format('woff'),
        url('../fonts/Stolzl-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
;}

#header{width:100%;background:#fff;position:fixed;left:0;top:0;z-index:990;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);}
#header .wrap{display:flex;justify-content:space-between ;align-items:center;height:80px;}
#header .logo img{height:50px;}
#header .right{display:flex;align-items:center;gap:0 80px;}
#header .right .nav ul{display:flex;align-items:center;gap:0 60px;}
#header .right .nav ul li{ position:relative}
#header .right .nav ul li h3 a{font-size:18px;position:relative;display:block;line-height:40px;font-family:"Stolzl"; font-weight:normal}
#header .right .nav ul li h3 a:after{content:"";position:absolute;background-color:#c3460d;height:3px;width:0;bottom:0;left:50%;transition:all 300ms ease-in-out;border-radius:4px;}
#header .right .nav ul li h3 a:hover:after{width:100%;left:0;}
#header .right .nav ul li.active h3 a:after{width:100%;left:0;}
#header .right .nav ul li.on h3 a:after{width:100%;left:0;}

#header .right .nav ul li .sub{display:none;position:absolute;left:50%;top:40px; margin-left:-100px;z-index:99;}
#header .right .nav ul li .sub dl{padding:10px 0 20px 0;width:200px; margin-top:30px;background:#fff;box-shadow: 0 2px 10px 0 rgba(28,28,28,.1); position:relative; border-radius:6px}
#header .right .nav ul li .sub dl::before{content:'';display:block;width:0;height:0;border:10px solid transparent;border-bottom:10px solid #fff;position:absolute;left:50%;transform:translateX(-50%);top:-15px;}
#header .right .nav ul li .sub dl dd a{padding:10px 0;display:block;font-family:"quicksand";line-height:1.5; text-align:center}
#header .right .nav ul li .sub dl dd a:hover{background:#c3460d;color:#fff;}

#header .right .search .title{font-size:18px;cursor:pointer;}
#header .right .search .searchbox{width:100%;position:fixed;left:0;top:80px;background:#fff;z-index:999;border-top:1px solid #eee;padding:60px 0;}
#header .right .search .searchbox{display:none;justify-content:center;align-items:center;}
#header .right .search .searchbox .input{border-bottom:1px solid #eee;}
#header .right .search .searchbox .input .text{width:30vw;border:0;line-height:40px;}
#header .right .search .searchbox .input .btn{border:0;background:none;font-size:18px;cursor:pointer;}
#header .right .search.active .searchbox{display:flex;}
#header .right .mnav{display:none;}

#banner{width:100%;margin-top:80px;}
#banner .focus{position:relative;overflow:hidden;}
#banner .focus .swiper-slide{position:relative;}
#banner .focus .swiper-slide .img{width:100%;height:100%;overflow:hidden;}
#banner .focus .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .info{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;}
#banner .focus .swiper-slide .info .text{font-size:50px;line-height:1;font-weight:700;color:#fff;font-family:"Stolzl";
 
  text-shadow: 
    -1px -1px 0 black,
    1px -1px 0 black,
    -1px 1px 0 black,
    1px 1px 0 black;
}
#banner .focus .swiper-pagination-bullet{width:8px;height:8px;border-radius:10px;background:#e88b28;opacity:.9;margin:0 5px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#banner .focus .swiper-pagination-bullet-active{background:#c3460d;width:30px;}

#product{width:100%;padding:80px 0;}
#product .title{display:flex;justify-content:center;align-items:center;}
#product .title h2{font-size:32px;line-height:1;position:relative;font-family:"Stolzl";padding:15px 30px;text-transform:uppercase;}
#product .title h2:before{content:"";position:absolute;top:0;left:-15px;width:40px;height:40px;border:2px solid #c3460d;border-bottom:none;border-right:none;}
#product .title h2:after{content:"";position:absolute;bottom:0;right:-15px;width:40px;height:40px;border:2px solid #c3460d;border-left:none;border-top:none;}
#product .list{margin-top:40px;}
#product .list ul{display:flex;justify-content:space-between ;align-items:center;gap:0 50px;}
#product .list ul li{width:calc((100% - 50px) / 2);}
#product .list ul li{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
#product .list ul li .img img{width:100%;border-radius:6px;}
#product .list ul li .title{font-size:18px;margin-top:20px;font-weight:700;font-family:"Stolzl";}
#product .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);}

#adv{width:100%;padding:50px 0;background:#f8f8f8;}
#adv .title{display:flex;justify-content:center;align-items:center;}
#adv .title h2{font-size:32px;line-height:1;position:relative;font-family:"Stolzl";padding:55px 30px 40px;}
#adv .title h2:before{content:"";position:absolute;top:0;left:50%;width:70px;margin-left:-35px;height:10px;border:2px solid #c3460d;border-bottom:none;}
#adv .title h2:after{content:"";position:absolute;bottom:0;left:50%;width:70px;margin-left:-35px;height:2px;background:#c3460d;display:block;}
#tabs-content{overflow:hidden;margin-top:40px;background:#fff;}
#adv .list{margin-top:40px;}
#adv .list .tabs{display:flex;justify-content:space-between;align-items:center;gap:0 10px;}
#adv .list .tabs a{width:calc((100% - 30px) / 4);background:#999;padding:40px 0;text-align:center;}
#adv .list .tabs a p{font-size:16px;font-weight:700;color:#fff;}
#adv .list .tabs a.active{background:#c3460d;}
#adv .list .swiper-slide{display:flex;justify-content:space-between;padding:40px;}
#adv .list .swiper-slide .info{width:48%;}
#adv .list .swiper-slide .info p{position:relative;line-height:1.6;padding:6px 0 6px 15px;font-size:16px;}
#adv .list .swiper-slide .info :after{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:#666;display:block;border-radius:6px;}
#adv .list .swiper-slide .img{width:48%;}
#adv .list .swiper-slide .img img{width:100%;border-radius:6px;}

#num{width:100%;padding:120px 0;background:url(../images/bg_num.jpg) center center no-repeat;background-size:cover;}
#num .title{display:flex;justify-content:center;align-items:center;}
#num .title h2{font-size:32px;line-height:1;position:relative;font-family:"Stolzl";padding:55px 30px 40px; color:#fff}
#num .title h2:before{content:"";position:absolute;top:0;left:50%;width:70px;margin-left:-35px;height:10px;border:2px solid #fff;border-bottom:none;}
#num .title h2:after{content:"";position:absolute;bottom:0;left:50%;width:70px;margin-left:-35px;height:2px;background:#fff;display:block;}
#num .list{display:flex;justify-content:space-between;align-items:center;padding:0 3%;margin-top:100px;}
#num .list .item{text-align:center;}
#num .list .item .data{color:#fff;display:flex;justify-content:center;align-items:flex-end;}
#num .list .item .data big{font-size:66px;font-family:"din";line-height:1;}
#num .list .item .data sub{font-size:28px;line-height:1;}
#num .list .item .title{margin-top:30px;font-size:18px;color:#fff;font-family:"Stolzl";}

#sales{width:100%;padding:80px 0;}
#sales .title{display:flex;justify-content:center;align-items:center;}
#sales .title h2{font-size:32px;line-height:1;position:relative;font-family:"Stolzl";padding:15px 30px;}
#sales .title h2:before{content:"";position:absolute;top:0;left:-15px;width:40px;height:40px;border:2px solid #c3460d;border-bottom:none;border-right:none;}
#sales .title h2:after{content:"";position:absolute;bottom:0;right:-15px;width:40px;height:40px;border:2px solid #c3460d;border-left:none;border-top:none;}
#sales .list{margin-top:40px;background:#024d90;text-align:center;padding:40px 0;}
#sales .list img{max-width:80%;}

#footer{width:100%;background:url(../images/bg_footer.jpg) no-repeat center center;background-size:cover;}
#footer .share{padding:40px 0 20px ;display:flex;justify-content:flex-end;border-bottom:1px  solid rgba(255,255,255,.2);}
#footer .share a{margin-left:10px;width:40px;height:40px;border-radius:40px;display:flex;justify-content:center;align-items:center;background:#fff;}
#footer .share a i{font-size:20px;color:#c3460d;}
#footer .map{padding:20px 0 40px;display:flex;justify-content:space-between ;gap:0 50px ;}
#footer .map .logo .img img{width:180px;}
#footer .map .logo .text{font-size:18px;color:#fff;margin-top:20px;font-family:"Stolzl";}
#footer .map .item{max-width:25%; m1in-width:35%}
#footer .map .item h3{font-size:18px;color:#fff;margin-bottom:10px;}
#footer .map .item p{line-height:1.8;color:#fff;}
#footer .map .item p a{color:#fff;}
#footer .map .item ul li a{ color:#fff}

#footer .copyright{padding:15px 0;display:flex;justify-content:space-between ;border-top:1px solid rgba(255,255,255,.2) ;}
#footer .copyright .left{color:#fff;}
#footer .copyright .left a{color:#fff;margin-left:10px;}
#footer .copyright .right{display:flex;}
#footer .copyright .right a{color:#fff;margin-left:10px;}

@media (max-width:1440px){
	.wrap{padding:0 20px;}
	#header .right .nav ul{align-items:center;gap:0 50px;}
}
@media (max-width:1200px){
	#header .right .nav ul{align-items:center;gap:0 20px;}
}
@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	.wrap{padding:0;}
	#header{padding:0 .25rem;}
	#header .wrap{height:1rem;}
	#header .logo img{height:.5rem;}
	#header .right{gap:0 .4rem;}
	#header .right .nav{position:absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:1rem;z-index:999;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{display:block;}
	#header .right .nav ul li h3 a{font-size:.22rem;border-bottom:1px solid #eee;line-height:.8rem;}
	#header .right .nav ul li h3 a:after{height:.03rem;width:0;bottom:0;left:0;}
	#header .right .nav.active{transform:translatex(0);display:block;}
	#header .right .nav ul li .sub{display:none;position: inherit;left:0;top:0; margin-left:0;}
	#header .right .nav ul li .sub dl{padding:.2rem 0;width: auto; margin-top:0;box-shadow: 0 0 0 0;}
	#header .right .nav ul li .sub dl::before{ display:none}
	#header .right .nav ul li .sub dl dd a{padding:0 .2rem; line-height:.7rem; font-size:.24rem;border-bottom:1px solid #eee;  text-align:left; color:#888}
	#header .right .nav ul li .sub dl dd a:hover{background: none;color:#c3460d;}
	#header .right .search .title{font-size:.26rem;}
	#header .right .search .searchbox{top:1rem;padding:.6rem 0;}
	#header .right .search .searchbox .input .text{width:60vw;line-height:.5rem;}
	#header .right .search .searchbox .input .btn{font-size:.24rem;}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#c3460d;transition:all .5s;border-radius:.05rem;}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.active .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.active .s2{width:0;opacity:0;}
	#header .right .mnav.active .s3{top:.1rem;transform:rotate(-45deg);}
	
	#banner{margin-top:1rem;}
	#banner .focus{position:relative;overflow:hidden;}
	#banner .focus .swiper-slide{position:relative;height:4rem;}
	#banner .focus .swiper-slide .info{padding:0 .25rem;}
	#banner .focus .swiper-slide .info .text{font-size:.4rem;line-height:1.3;}
	
	#product{padding:.8rem .25rem;}
	#product .title h2{font-size:.3rem;padding:.2rem .3rem;}
	#product .title h2:before{left:-.2rem;width:.4rem;height:.4rem;}
	#product .title h2:after{right:-.2rem;width:.4rem;height:.4rem;}
	#product .list{margin-top:.4rem;}
	#product .list ul{gap:.5rem;flex-wrap:wrap;}
	#product .list ul li{width:100%;}
	#product .list ul li .title{font-size:.24rem;margin-top:.2rem;}
	
	#adv{padding:.8rem .25rem;}
	#adv .title h2{font-size:.3rem;padding:.6rem .3rem .4rem;}
	#adv .title h2:before{width:.7rem;margin-left:-.35rem;height:.1rem;}
	#adv .title h2:after{width:.7rem;margin-left:-.35rem;;}
	#tabs-content{margin-top:.4rem;}
	#adv .list{margin-top:.4rem;}
	#adv .list .tabs{gap:0 .1rem;}
	#adv .list .tabs a{width:calc((100% - .3rem) / 4);padding:.3rem 0;}
	#adv .list .tabs a img{width:.6rem;}
	#adv .list .tabs a p{font-size:.22rem;line-height:1.3;margin-top:.1rem;}
	#adv .list .swiper-slide{padding:.3rem;flex-wrap:wrap;}
	#adv .list .swiper-slide .info{width:100%;}
	#adv .list .swiper-slide .info p{padding:.05rem 0 .05rem .2rem;font-size:.22rem;}
	#adv .list .swiper-slide .img{width:100%;margin-top:.3rem;}
	
	#num{padding:1rem .25rem;}
	#num .title h2{font-size:.3rem;padding:.6rem .3rem .4rem;}
	#num .title h2:before{width:.7rem;margin-left:-.35rem;height:.1rem;}
	#num .title h2:after{width:.7rem;margin-left:-.35rem;;}
	#num .list{padding:0;flex-wrap:wrap;gap:.5rem .3rem;margin-top:1rem;}
	#num .list .item{width:calc((100% - .3rem) / 2);text-align:center;}
	#num .list .item .data{justify-content:center;}
	#num .list .item .data big{font-size:.6rem;}
	#num .list .item .data sub{font-size:.26rem;}
	#num .list .item .title{margin-top:.2rem;font-size:.22rem;}
	
	#sales{padding:.8rem .25rem;}
	#sales .title h2{font-size:.3rem;padding:.2rem .2rem;}
	#sales .title h2:before{left:-.2rem;width:.4rem;height:.4rem;}
	#sales .title h2:after{right:-.2rem;width:.4rem;height:.4rem;}
	#sales .list{margin-top:.4rem;padding:.4rem 0;}
	#sales .list img{max-width:80%;}
	
	#footer .share{padding:.4rem.25rem .2rem;}
	#footer .share a{margin-left:.1rem;width:.5rem;height:.5rem;border-radius:.5rem;}
	#footer .share a i{font-size:.22rem;}
	#footer .map{padding:.2rem .25rem .4rem;display:block;}
	#footer .map .logo{text-align:center;}
	#footer .map .logo .img img{width:2rem;}
	#footer .map .logo .text{font-size:.22rem;margin-top:.2rem;}
	#footer .map .item{width:100%;text-align:center;max-width:inherit;margin-top:.5rem;}
	#footer .map .item h3{font-size:.26rem;margin-bottom:.1rem;}
	#footer .map .item p{font-size:.24rem;line-height:1.3;padding:.1rem 0;}
	#footer .map .item:nth-child(3){display:none;}
	#footer .map .item:nth-child(4){display:none;}

	#footer .copyright{padding:.2rem .25rem;display:block;font-size:.2rem;}
	#footer .copyright .left{text-align:center;}
	#footer .copyright .right{justify-content:center ;}
	#footer .copyright .right a{margin:0 .1rem;}
}

.stitle{display:flex;justify-content:center;align-items:center;}
.stitle h2{font-size:32px;line-height:1;position:relative;font-family:"Stolzl";padding:15px 30px;text-transform:uppercase;}
.stitle h2:before{content:"";position:absolute;top:0;left:-15px;width:40px;height:40px;border:2px solid #c3460d;border-bottom:none;border-right:none;}
.stitle h2:after{content:"";position:absolute;bottom:0;right:-15px;width:40px;height:40px;border:2px solid #c3460d;border-left:none;border-top:none;}



#nbanner{width:100%;position:relative;margin-top:80px;}
#nbanner .img{width:100%;}
#nbanner .img img{width:100%;height:100%;object-fit:cover;}
#nbanner .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;display:flex;justify-content:center;align-items:center;}
#nbanner .info .title{font-size:44px;color:#fff;font-family:"quicksand";text-shadow:0 2px 24px rgba(0, 0, 0, .5);}

#clist{width:100%;border-bottom:1px solid #eee;;}
#clist .box{display:flex;justify-content:center;gap:0 40px;}
#clist .box a{padding:15px 0;position:relative;}
#clist .box a.active:before{position:absolute;display:block;content:"";background:#c3460d;width:100%;height:2px;left:0;bottom:0px;z-index:9;}

#main .view{padding:80px 0;margin-top:80px;}
#main .view .title{font-size:44px;line-height:1;border-bottom:1px solid #eee;padding-bottom:20px;}
#main .view .content{line-height:1.8;font-size:16px;margin-top:40px;}
#main .view .content img{max-width:800px;}

#main .about{padding:80px 0;}
#main .about .about_1{margin-bottom:50px;}
#main .about .about_1 .content{margin-top:50px;line-height:1.6;font-size:16px;text-align:center;padding:0 10%;}
#main .about .about_2{padding:30px 0;display:flex;justify-content:space-between ;align-items:center;}
#main .about .about_2 .img{width:48%;}
#main .about .about_2 .img img{width:100%;border-radius:6px;}
#main .about .about_2 .text{width:48%;}
#main .about .about_2 .text .title{font-size:24px;font-weight:700;font-family:"Stolzl";}
#main .about .about_2 .text .desc{margin-top:20px;line-height:1.8;}
#main .about .about_2:nth-child(2n+1){flex-direction:row-reverse;}
#main .about .faq{margin-top:80px;}
#main .about .faq .list{margin-top:40px;}
#main .about .faq .list ul li{border-bottom:1px solid #eee;padding:20px 0;}
#main .about .faq .list ul li .title{display:flex;justify-content:space-between;align-items:center;}
#main .about .faq .list ul li .title h2{font-size:18px;font-weight:normal;font-family:"Stolzl";}
#main .about .faq .list ul li .answer{display:none;margin-top:10px;color:#666;line-height:1.6;}
#main .about .faq .list ul li.active .title h2{font-weight:700;}
#main .about .faq .list ul li.active .title i{transform:rotate(180deg);}
#main .about .faq .list ul li.active .answer{display:block;}
#main .about .piclist{margin-top:80px;}
#main .about .piclist ul{display:flex;justify-content:space-between;align-items:center;}
#main .about .piclist ul li{width:24%;}
#main .about .piclist ul li img{width:100%;border-radius:6px;}

#main .foil{padding:50px 0;}
#main .foil .list .item{padding:30px 0;display:flex;justify-content:space-between ;align-items:center;}
#main .foil .list .item .info{width:48%;}
#main .foil .list .item .info .title{font-size:44px;line-height:1;font-family:"Stolzl";}
#main .foil .list .item .info .desc{margin-top:20px;line-height:1.8;}
#main .foil .list .item .info .more{margin-top:20px;}
#main .foil .list .item .info .more a{background:#c3460d;display:inline-block;border-radius:40px;padding:2px 15px;color:#fff;font-family:"quicksand";}
#main .foil .list .item .info .more a i{margin-left:5px;}
#main .foil .list .item .info .more a:hover{background:#e88b28;}
#main .foil .list .item .img{width:48%;}
#main .foil .list .item .img img{width:100%;border-radius:6px;}
#main .foil .list .item:nth-child(2n){flex-direction:row-reverse;}

#main .foil .slist .classinfo .title{font-size:44px;line-height:1;}
#main .foil .slist .classinfo .desc{line-height:1.8;color:#666;margin-top:20px;font-size:16px;}
#main .foil .slist ul{margin-top:50px;padding-top:30px;border-top:1px solid #eee;}
#main .foil .slist ul li{padding:30px 0;display:flex;justify-content:space-between ;align-items:center;}
#main .foil .slist ul li .info{width:48%;}
#main .foil .slist ul li .info .title{font-size:30px;font-weight:700;font-family:"Stolzl";}
#main .foil .slist ul li .info .desc{margin-top:20px;line-height:1.8;}
#main .foil .slist ul li .info .more{margin-top:20px;}
#main .foil .slist ul li .info .more a{background:#c3460d;display:inline-block;border-radius:40px;padding:2px 15px;color:#fff;font-family:"quicksand";}
#main .foil .slist ul li .info .more a i{margin-left:5px;}
#main .foil .slist ul li .info .more a:hover{background:#e88b28;}
#main .foil .slist ul li .img{width:48%;}
#main .foil .slist ul li .img img{width:100%;border-radius:6px;}
#main .foil .slist ul li:nth-child(2n){flex-direction:row-reverse;}

#main .why{padding:80px 0;}
#main .why .lab .title{font-size:44px;line-height:1;border-bottom:1px solid #eee;padding-bottom:20px;}
#main .why .lab .content{line-height:1.8;font-size:16px;margin-top:40px;}
#main .why .lab .content img{max-width:800px;}
#main .why .lab .content p{margin-bottom:10px;}
#main .why .other .title{font-size:44px;line-height:1;border-bottom:1px solid #eee;padding-bottom:20px;}
#main .why .other .list{margin-top:40px;min-height:400px;}
#main .why .other .list ul{display:flex;justify-content:space-between ;gap:30px;}
#main .why .other .list ul li{width:calc((100% - 90px) / 4);border:1px solid #eee;padding:10px;display:flex;justify-content:center;align-items:center;}
#main .why .other .list ul li img{max-width:90%;max-height:90%;}
#main .why .lab .title{font-size:44px;line-height:1;border-bottom:1px solid #eee;padding-bottom:20px;}
#main .why .lab .content{line-height:1.8;font-size:16px;margin-top:40px;}
#main .why .lab .content img{max-width:800px;}
#main .why .lab .content p{margin-bottom:10px;}

#main .show{padding:80px 0;}
#main .show .info{display:flex;justify-content:space-between ;align-items:center;}
#main .show .info .img{width:48%;}
#main .show .info .img img{width:100%;}
#main .show .info .intro{width:48%;}
#main .show .info .intro .title{font-size:44px;line-height:1;}
#main .show .info .intro .desc{margin-top:10px;color:#666;}
#main .show .info .intro .cs{margin-top:20px;}
#main .show .info .intro .more{margin-top:40px;display:flex;gap:0 10px;}
#main .show .info .intro .more a{background:#c3460d;display:inline-block;border-radius:40px;padding:8px 30px;color:#fff;font-family:"quicksand";}
#main .show .info .intro .more a i{margin-left:5px;}
#main .show .info .intro .more a:hover{background:#e88b28;}
#main .show .content{margin-top:80px;padding-top:50px;border-top:2px solid #eee;}
#main .show .content .title{text-align:center;}
#main .show .content .title h2{font-size:24px;font-weight:700;position:relative;display:inline-block;}
#main .show .content .title h2:after{content:"";position:absolute;background-color:#999;height:1px;width:100px;top:50%;right:-120px;margin-top:-1px;}
#main .show .content .title h2:before{content:"";position:absolute;background-color:#999;height:1px;width:100px;top:50%;left:-120px;margin-top:-1px;}
#main .show .content .text{margin-top:50px;font-size:16px;line-height:1.8;}
#main .show .content .text p{margin-bottom:10px;}
#main .show .content .text img{max-width:900px;}
#main .show .other{margin-top:80px;padding-top:50px;border-top:2px solid #eee;}
#main .show .other .title{text-align:center;}
#main .show .other .title h2{font-size:24px;font-weight:700;position:relative;display:inline-block;}
#main .show .other .title h2:after{content:"";position:absolute;background-color:#999;height:1px;width:100px;top:50%;right:-120px;margin-top:-1px;}
#main .show .other .title h2:before{content:"";position:absolute;background-color:#999;height:1px;width:100px;top:50%;left:-120px;margin-top:-1px;}
#main .show .other .olist{margin-top:50px;position:relative}
#main .show .other .olist .swiper-slide{width:calc((100% - 10px) / 4);}
#main .show .other .olist .swiper-slide .img img{width:100%;border-radius:6px;}
#main .show .other .olist .swiper-slide .tit{margin-top:20px;text-align:center}
#main .show .other .olist .p_btn{position:absolute;left:-70px;top:calc(((100% - 50px) / 2) - 25px);z-index:10;}
#main .show .other .olist .p_btn{background:#c3460d;width:50px;height:50px;border-radius:100px;display: flex;align-items:center;justify-content:center;cursor: pointer ;}
#main .show .other .olist .p_btn i{font-size:24px;color:#fff;}
#main .show .other .olist .p_btn.button-prev{left: auto;right:-70px;}
#main .show .other .olist .p_btn.swiper-button-disabled{opacity:.5;}


#inquiry{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;}
#inquiry{display:none;justify-content:center;align-items:center;}
#inquiry.active{display:flex;}
#inquiry .box{background:#fff;padding:50px;border-radius:8px;width:600px;box-shadow:0 2px 10px 0 rgba(28,28,28,.1);position:relative;}
#inquiry .box .close{position:absolute;right:15px;top:10px;font-size:26px;}
#inquiry .box .title{font-size:26px;font-weight:700;}
#inquiry .box .formbox{margin-top:30px;}
#inquiry .box .formbox .item{margin:15px 0;}
#inquiry .box .formbox .item label{display:block;line-height:2;font-size:16px;}
#inquiry .box .formbox .item label font{color:#f00;}
#inquiry .box .formbox .item .form-text{border:1px solid #eee;border-radius:4px;display:block;width:100%;line-height:28px;padding:6px 10px;}
#inquiry .box .formbox .item .form-textarea{border:1px solid #eee;border-radius:4px;display:block;width:100%;height:100px;padding:6px 10px;}
#inquiry .box .formbox .item .form-text:focus{border-color:#c3460d!important;}
#inquiry .box .formbox .item .form-select:focus{border-color:#c3460d!important;}
#inquiry .box .formbox .item .form-textarea:focus{border-color:#c3460d!important;}
#inquiry .box .formbox .button{margin-top:20px;}
#inquiry .box .formbox .button .btn{background:#c3460d;display:inline-block;border-radius:4px;padding:15px 40px;color:#fff;font-family:"quicksand";border:0;font-size:18px;cursor:pointer;}
#inquiry .box .formbox .button .btn:hover{background:#e88b28;}

#main .contact{padding:80px 0;}
#main .contact .list{display:flex;justify-content:space-between ;}
#main .contact .list .item{width:23%;border:1px solid #eee;border-radius:8px;padding:40px 20px;text-align:center;}
#main .contact .list .item .icon{display:inline-block;width:80px;height:80px;font-size:30px;line-height:80px;color:#c3460d;background:#f2f3f8;}
#main .contact .list .item .icon{border:1px solid #eee;border-radius:100% 50% 50% 100% / 75% 69% 69% 75%;}
#main .contact .list .item .info{margin-top:20px;}
#main .contact .list .item .info .title{font-size:16px;color:#c3460d;}
#main .contact .list .item .info .desc{margin-top:20px;line-height:1.8;}
#main .contact .list .item .info .desc a{color:#e88b28;}
#main .contact .inquiry{margin-top:80px;}
#main .contact .inquiry .formbox{margin-top:60px;}
#main .contact .inquiry .formbox .box{display:flex;justify-content:space-between ;flex-wrap:wrap;gap:20px 20px;}
#main .contact .inquiry .formbox .box .item{width:calc((100% - 40px) / 3);}
#main .contact .inquiry .formbox .box .item2{width:100%;}
#main .contact .inquiry .formbox .box .item label{display:block;line-height:2.4;font-size:16px;}
#main .contact .inquiry .formbox .box .item label font{color:#f00;}
#main .contact .inquiry .formbox .box .item .form-text{border:1px solid #ddd;border-radius:4px;display:block;width:100%;line-height:28px;padding:10px 10px;}
#main .contact .inquiry .formbox .box .item .form-textarea{border:1px solid #ddd;border-radius:4px;display:block;width:100%;height:150px;padding:10px 10px;}
#main .contact .inquiry .formbox .box .item .form-text:focus{border-color:#c3460d!important;}
#main .contact .inquiry .formbox .box .item .form-select:focus{border-color:#c3460d!important;}
#main .contact .inquiry .formbox .box .item .form-textarea:focus{border-color:#c3460d!important;}
#main .contact .inquiry .formbox .box .button{width:100%;margin-top:20px;text-align:center;}
#main .contact .inquiry .formbox .box .button .btn{background:#c3460d;display:inline-block;border-radius:4px;padding:15px 40px;color:#fff;font-family:"quicksand";border:0;font-size:18px;cursor:pointer;}
#main .contact .inquiry .formbox .box .button .btn:hover{background:#e88b28;}

#main .search{padding:80px 0;}
#main .search ul{display:flex;flex-wrap:wrap;gap:30px;}
#main .search ul li{width:calc((100% - 60px) / 3);}
#main .search ul li .img img{width:100%;border-radius:8px;}
#main .search ul li .title{text-align:center;margin-top:20px;}

@media (max-width:1440px){
	#main .show .other .olist .p_btn{left:0px;}
	#main .show .other .olist .p_btn.button-prev{left: auto;right:0;}
}
@media (max-width:1200px){
	#header .right .nav ul{align-items:center;gap:0 20px;}
}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}

	.stitle h2{font-size:.3rem;padding:.2rem .3rem;}
	.stitle h2:before{left:-.2rem;width:.4rem;height:.4rem;}
	.stitle h2:after{right:-.2rem;width:.4rem;height:.4rem;}
	
	#nbanner{position:relative;margin-top:1rem;}
	#nbanner .img{width:100%;height:2.5rem;}
	#nbanner .info .title{font-size:.5rem;}

	#clist{padding:0 .25rem;border:0;}
	#clist .box{display:block;}
	#clist .box a{padding:15px 0;position:relative;display:block;border-bottom:1px solid #eee;}
	#clist .box a.active{font-weight:700;color:#c3460d;}
	#clist .box a.active:before{display:none;}
	
	#main .view{padding:.8rem .25rem; margin-top:1rem}
	#main .view .title{font-size:.4rem;padding-bottom:.2rem;}
	#main .view .content{font-size:.24rem;margin-top:.4rem;line-height:1.6;}
	#main .view .content img{max-width:100%;}
	#main .view .content p{margin-bottom:.1rem;}
	
	#main .about{padding:.8rem .25rem;}
	#main .about .about_1{margin-bottom:.5rem;}
	#main .about .about_1 .content{margin-top:.5rem;line-height:1.6;font-size:.22rem;padding:0;}
	#main .about .about_2{padding:.3rem 0;flex-wrap:wrap;gap:.3rem;}
	#main .about .about_2 .img{width:100%;}
	#main .about .about_2 .img img{width:100%;border-radius:.06rem;}
	#main .about .about_2 .text{width:100%;margin-top:.3rem;}
	#main .about .about_2 .text .title{font-size:.3rem;}
	#main .about .about_2 .text .desc{margin-top:.2rem;line-height:1.6;font-size:.22rem;}
	#main .about .faq{margin-top:.8rem;}
	#main .about .faq .list{margin-top:.5rem;}
	#main .about .faq .list ul li{padding:.3rem 0;}
	#main .about .faq .list ul li .title{align-items:flex-start;}
	#main .about .faq .list ul li .title h2{font-size:.24rem;}
	#main .about .faq .list ul li .answer{margin-top:.1rem;font-size:.22rem;}
	#main .about .piclist{margin-top:.8rem;}
	#main .about .piclist ul{flex-wrap:wrap;gap:.3rem;}
	#main .about .piclist ul li{width:100%;}
	#main .about .piclist ul li img{border-radius:.06rem;}
	
	#main .foil{padding:.5rem .25rem;}
	#main .foil .list .item{padding:.3rem 0;flex-wrap:wrap;gap:.5rem;}
	#main .foil .list .item .info{width:100%;}
	#main .foil .list .item .info .title{font-size:.4rem;}
	#main .foil .list .item .info .desc{margin-top:.2rem;line-height:1.6;}
	#main .foil .list .item .info .more{margin-top:.3rem;}
	#main .foil .list .item .info .more a{padding:.1rem .2rem;}
	#main .foil .list .item .info .more a i{margin-left:.1rem;}
	#main .foil .list .item .img{width:100%;}
	#main .foil .list .item .img img{border-radius:.06rem;}
	
	#main .foil .slist .classinfo .title{font-size:.4rem;}
	#main .foil .slist .classinfo .desc{line-height:1.6;margin-top:.2rem;font-size:.22rem;}
	#main .foil .slist ul{margin-top:.5rem;padding-top:.3rem;;}
	#main .foil .slist ul li{padding:.3rem 0;flex-wrap:wrap;gap:.3rem;}
	#main .foil .slist ul li .info{width:100%;}
	#main .foil .slist ul li .info .title{font-size:.3rem;}
	#main .foil .slist ul li .info .desc{margin-top:.2rem;line-height:1.6;font-size:.22rem;}
	#main .foil .slist ul li .info .more{margin-top:.3rem;}
	#main .foil .slist ul li .info .more a{padding:.1rem .2rem;}
	#main .foil .slist ul li .info .more a i{margin-left:.1rem;}
	#main .foil .slist ul li .img{width:100%;}
	#main .foil .slist ul li .img img{width:100%;border-radius:6px;}
	#main .foil .slist ul li:nth-child(2n-1){flex-direction:row-reverse;}
	
	#main .why{padding:.8rem .25rem;}	
	#main .why .lab .title{font-size:.4rem;padding-bottom:.2rem;}
	#main .why .lab .content{font-size:.24rem;margin-top:.4rem;line-height:1.6;}
	#main .why .lab .content img{max-width:100%;}
	#main .why .lab .content p{margin-bottom:.1rem;}
	#main .why .other .title{font-size:.4rem;padding-bottom:.2rem;}
	#main .why .other .list{margin-top:.4rem;min-height:inherit;}
	#main .why .other .list ul{flex-wrap:wrap;gap:.3rem;}
	#main .why .other .list ul li{width:calc((100% - .3rem) / 2);padding:.2rem;}
	#main .why .lab .title{font-size:.4rem;padding-bottom:.2rem;}
	#main .why .lab .content{line-height:1.6;font-size:.24rem;margin-top:.4rem;}
	#main .why .lab .content img{max-width:100%;}
	#main .why .lab .content p{margin-bottom:.1rem;}
	
	#main .show{padding:.8rem .25rem;}
	#main .show .info{flex-wrap:wrap;gap:.5rem 0;}
	#main .show .info .img{width:100%;}
	#main .show .info .intro{width:100%;}
	#main .show .info .intro .title{font-size:.4rem;line-height:1.5;}
	#main .show .info .intro .desc{margin-top:.1rem;font-size:.22rem;}
	#main .show .info .intro .cs{margin-top:.2rem;font-size:.22rem;}
	#main .show .info .intro .cs p{padding:.05rem 0;}
	#main .show .info .intro .cs span{margin-right:.1rem;}
	#main .show .info .intro .more{margin-top:.4rem;gap:0 4%;}
	#main .show .info .intro .more a{border-radius:.6rem;padding:.15rem 0;width:48%;text-align:center;}
	#main .show .info .intro .more a i{margin-left:.1rem;}
	#main .show .content{margin-top:.8rem;padding-top:.5rem;}
	#main .show .content .title h2{font-size:.3rem;}
	#main .show .content .title h2:after{width:1rem;right:-1.2rem;}
	#main .show .content .title h2:before{width:1rem;left:-1.2rem;}
	#main .show .content .text{margin-top:.5rem;font-size:.24rem;}
	#main .show .content .text p{margin-bottom:.1rem;}
	#main .show .content .text img{max-width:100%;}
	#main .show .other{margin-top:.8rem;padding-top:.5rem;}
	#main .show .other .title h2{font-size:.3rem;}
	#main .show .other .title h2:after{width:1rem;right:-1.2rem;}
	#main .show .other .title h2:before{width:1rem;left:-1.2rem;}
	#main .show .other .olist{margin-top:.5rem;}
	#main .show .other .olist .swiper-slide{width:100%}
	#main .show .other .olist .swiper-slide .tit{margin-top:.2rem; font-size:.24rem}
	#main .show .other .olist .p_btn{left:-.2rem;top:calc(((100% - .5rem) / 2) - .25rem);z-index:10;}
	#main .show .other .olist .p_btn{width:.5rem;height:.5rem;border-radius:.5rem;}
	#main .show .other .olist .p_btn i{font-size:.24rem;}
	#main .show .other .olist .p_btn.button-prev{left: auto;right:-.2rem;}

	
	#inquiry .box{padding:.5rem;border-radius:.08rem;width:85%;}
	#inquiry .box .close{right:.2rem;top:.2rem;font-size:.3rem;}
	#inquiry .box .title{font-size:.3rem;}
	#inquiry .box .formbox{margin-top:.3rem;}
	#inquiry .box .formbox .item{margin:.2rem 0;}
	#inquiry .box .formbox .item label{font-size:.24rem;}
	#inquiry .box .formbox .item .form-text{line-height:.3rem;padding:.12rem .1rem;font-size:.2rem;}
	#inquiry .box .formbox .item .form-textarea{height:1rem;padding:.12rem .1rem;font-size:.2rem;}
	#inquiry .box .formbox .button{margin-top:.2rem;}
	#inquiry .box .formbox .button .btn{padding:.15rem .4rem;font-size:.24rem;width:100%;}
	
	#main .contact{padding:.8rem .25rem;}
	#main .contact .list{flex-wrap:wrap;gap:.3rem;}
	#main .contact .list .item{width:100%;border-radius:.08rem;padding:.4rem 0;}
	#main .contact .list .item .icon{width:1.2rem;height:1.2rem;font-size:.4rem;line-height:1.2rem;;}
	#main .contact .list .item .info{margin-top:.2rem;}
	#main .contact .list .item .info .title{font-size:.24rem;}
	#main .contact .list .item .info .desc{margin-top:.2rem;font-size:.24rem;}
	#main .contact .inquiry{margin-top:.8rem;}
	#main .contact .inquiry .formbox{margin-top:.6rem;}
	#main .contact .inquiry .formbox .box{gap:.3rem;flex-wrap:wrap;}
	#main .contact .inquiry .formbox .box .item{width:100%;}
	#main .contact .inquiry .formbox .box .item label{font-size:.24rem;}
	#main .contact .inquiry .formbox .box .item .form-text{padding:.1rem;font-size:.2rem;}
	#main .contact .inquiry .formbox .box .item .form-textarea{height:1.5rem;padding:.1rem;font-size:.2rem;}
	#main .contact .inquiry .formbox .box .button{margin-top:.2rem;}
	#main .contact .inquiry .formbox .box .button .btn{padding:.2rem .4rem;font-size:.24rem;width:100%;}
	
	#main .search{padding:.8rem .25rem;}
	#main .search ul{display:flex;flex-wrap:wrap;gap:.4rem;}
	#main .search ul li{width:100%;}
	#main .search ul li .img img{border-radius:.08rem;}
	#main .search ul li .title{margin-top:.2rem;}

}

#fenye{padding:50px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 10px}
#fenye a{color:#5a5a5a;padding:8px 15px;border:1px solid #eee;border-radius:4px}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#c3460d;border:1px solid #c3460d}
#fenye a:hover{background:#c3460d;color:#fff;border:1px solid #c3460d}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}
	#fenye{padding:.5rem 0 0px;gap:0 .1rem}
	#fenye a{margin:0 .02rem;padding:.1rem .15rem}
	#fenye .prev,#fenye .next{width:.55rem;}
	#fenye .num,#fenye .prev{ display:none}
}

.wrap_sb {
    display: flex;                /* 启用弹性布局 */
    flex-wrap: wrap;              /* 允许内容换行 */
    align-items: center;          /* 垂直居中对齐 */
    gap: 80px;                    /* 设置子元素间距 */
    max-width: 1440px;            /* 最大宽度限制 */
    margin: 0 auto;               /* 水平居中 */
    padding: 20px 0;                /* 内边距 */
    box-sizing: border-box;       /* 包含内边距在宽度内 */
}

.sb_l {
    flex: 0 0 auto;               /* 不伸缩，保持原始大小 */
}

.sb_l img {
    max-width: 100%;              /* 图片响应式 */
    height: auto;                 /* 保持图片比例 */
    display: block;               /* 去除图片底部间隙 */
}

.sb_r {
    flex: 1;                      /* 占据剩余空间 */
    min-width: 300px;             /* 设置最小宽度防止过小 */
               /* 基础字体大小 */
    line-height: 3.5; 
	font-size:24px;
	font-family:"Stolzl";            /* 行高 */
}

.sb_r ul li{list-style-type: disc;}

/* 响应式调整 - 当屏幕较小时 */
@media (max-width: 768px) {
    .wrap_sb {
        flex-direction: column;   /* 改为垂直排列 */
        text-align: center;      /* 文字居中 */
    }
    
    .sb_r {
        min-width: 100%;         /* 占据全部宽度 */
    }
}