@charset "utf-8";
/*american-heritage.css*/
/*common start*/
:root{
    --brand-rgb:139,69,19;
    --accent-rgb:178,34,34;
    --dark-rgb:28,22,18;
    --cream-rgb:245,235,220;
    --brand:#0d89ba;/*--brand:#8b4513;*/
    --accent:#0e95c7;/*--accent:#b22222;*/
    --dark:#182b61;/*--dark:#1c1612;*/
    --cream:#ffffff;/*--cream:#f5ebdc;*/
    --gold:#ffffff;/*--gold:#d4a574;*/
    --main-color:#0a6391;/*--main-color:#8b4513;*/
    --main-transition:all .5s ease;
}

body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none; box-sizing:border-box;}
html{ scroll-behavior: smooth; }
body{ font-size:14px; color:var(--cream); background:var(--dark); overflow-x:hidden; /*font-family:'Georgia','Times New Roman',serif;*/font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
a{ color:inherit;}
a:hover{ text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both;}
.wapper1{ width:90%; margin:0 auto; max-width:1200px; min-width:1000px;}
input,textarea,select,button{outline:none; font-family:inherit; font-size:14px;}
img{object-fit:cover; display:block; max-width:100%;}
section{ scroll-margin-top:80px;}

@media(max-width:999px){
.wapper1{ width:90%; min-width:0;}
}
/*common end*/

/*font*/
.font-display{ font-family:'Georgia','Times New Roman',serif; font-weight:900; letter-spacing:.02em;}
.font-sans-cn{ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}

/*grain overlay*/
.grain-overlay{ position:fixed; inset:0; pointer-events:none; opacity:.03; z-index:9999; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/*head*/
.head{ width:100%; position:fixed; z-index:55; left:0; top:0; backdrop-filter:blur(12px); background:rgba(28,22,18,.9); border-bottom:1px solid rgba(139,69,19,.3); transition:all .3s ease;}
.head.active1{ box-shadow:0 2px 6px rgba(0,0,0,.1);}
.head2bg{ position:relative;}
.head2{ height:80px; display:flex; justify-content:space-between; align-items:center;}
.head .logo a{ display:flex; align-items:center; gap:12px;}
.head .logo a img {max-height: 65px;}
.head .logo_icon{ width:40px; height:40px; border:2px solid var(--brand); display:flex; align-items:center; justify-content:center; font-weight:900; color:var(--gold); font-size:18px;}
.head .logo_txt .h1{ font-weight:900; font-size:18px; letter-spacing:.1em; color:var(--cream); line-height:1.2;}
.head .logo_txt .h2{ font-size:10px; letter-spacing:3px; color:var(--gold); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.head .rt{ display:flex; justify-content:flex-end; align-items:center;}
.head .menu{ height:80px; line-height:80px; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.head .menu>ul{ display:flex; align-items:center; }
.head .menu>ul>li{ padding:0 15px;}
.head .menu>ul>li.menu_down{ position:relative;}
.head .menu>ul>li>a{ color:var(--cream); font-size:14px; letter-spacing:.05em; position:relative; transition:color .3s;}
.head .menu>ul>li>a:after{ content:""; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:var(--accent); transition:width .3s cubic-bezier(.2,.8,.2,1);}
.head .menu>ul>li>a:hover,.head .menu>ul>li:hover>a{ color:var(--gold);}
.head .menu>ul>li>a:hover:after,.head .menu>ul>li:hover>a:after{ width:100%;}
.head .menu>ul>li ul{ width:200px; background:rgba(28, 22, 18, .9); position:absolute; top:100%; left:0; display:none;}
.head .menu ul li:hover>ul{ display:block;}
.head .menu>ul>li ul li{}
.head .menu>ul>li ul li a{ display:block; font-size:14px; line-height:23px; padding:10px 15px;}
.head .menu>ul>li ul li a:hover{ color:var(--gold);}
.head .menu>ul>li ul li ul{ top:0; left:100%;}
.head .head_btn{ display:inline-block; margin-left:24px; padding:8px 20px; font-size:14px; letter-spacing:.05em; color:#fff;}
.head .nav_open{ width:60px; height:60px; background:var(--brand); cursor:pointer; display:none; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.head .nav_open i,.head .nav_open:before,.head .nav_open:after{ width:22px; height:2px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); transition:all .3s ease;}
.head .nav_open i{ top:50%; transform:translateX(-50%) translate(0,-50%);}
.head .nav_open:before{ content:""; top:22px;}
.head .nav_open:after{ content:""; bottom:22px;}
.head_height{ height:80px;}
.head, .hero, .about, .con01bg, .con02bg, .con03bg, .con04bg, .cta, .foot{ scroll-margin-top: 80px;}
@media(max-width:999px){
.head_height{ height:60px;}
.head .logo a img {max-height: 50px;}
.head2{ height:60px;}
.head .logo_txt{ display:none;}
.head .menu{ display:none;}
.head .head_btn{/* display:none;*/}
.head .nav_open{ display:block; width:60px; height:60px; top:0; transform:none;}
.head .logo_icon{ width:36px; height:36px; font-size:16px;}
}

/*category label*/
.category-label{ display:inline-block; border:1px solid var(--brand); padding:4px 16px; font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); margin-bottom:20px; }
/*stamp text*/
.stamp-text{ font-style:italic; color:var(--gold); opacity:.6; font-size:16px;}
/*banner/hero*/
.hero{}
.hero_con{ text-align:center; max-width:900px; padding:0 6%; animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) both;}
.hero_con .img{}
.hero_con .img img{ display:block; margin:0 auto; max-width:100%; max-height:64px;}
.hero_title{ font-weight:900; font-size:72px; line-height:1.05; color:var(--cream); margin-top:10px; margin-bottom:20px;}
.hero_title span{ color:var(--accent);}
.hero_desc{ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; font-size:20px; line-height:1.7; color:var(--gold); max-width:640px; margin:0 auto 14px;}
.hero_btn_box{ display:flex; gap:16px; justify-content:center; margin-top:40px; flex-wrap:wrap;}
.scroll-indicator{ position:absolute; bottom:32px; left:50%; transform:translateX(-50%); text-align:center; animation:bounce 2s infinite;}
.scroll-indicator .h2{ font-size:10px; letter-spacing:3px; color:var(--gold); margin-bottom:8px; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.scroll-indicator svg{ width:24px; height:24px; color:var(--gold); display: inline-block;}
@keyframes bounce{
0%,20%,50%,80%,100%{ transform:translateY(0) translateX(-50%);}
40%{ transform:translateY(-10px) translateX(-50%);}
60%{ transform:translateY(-5px) translateX(-50%);}
}
@media(max-width:999px){
.category-label{ margin-bottom:18px; }
.hero{ min-height:calc(100vh - 60px); }
.hero_title{ font-size:40px; margin-top:20px; margin-bottom:30px;}
.hero_desc{ font-size:18px;}
.hero_btn_box{ margin-top:35px; margin-bottom:40px;}
.hero_btn_box a{ width:100%;}
}



/*btn*/
.btn-primary{ display:inline-block; background:linear-gradient(135deg,#0e97c9,#084975); /*background:linear-gradient(135deg,#8b4513,#b22222); */color:#fff; padding:16px 32px; font-size:14px; letter-spacing:.1em; position:relative; overflow:hidden; transition:all .3s ease; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.btn-primary:before{ content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent); transition:left .5s;}
.btn-primary:hover:before{ left:100%;}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 8px 25px rgba(178,34,34,.4);}
.btn-outline{ display:inline-block; border:1px solid var(--gold); color:var(--gold); padding:16px 32px; font-size:14px; letter-spacing:.1em; transition:all .3s ease; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.btn-outline:hover{ background:var(--gold); color:var(--dark);}



/*about*/
.about{ background:#003977;/*background:#2a1f18;*/ padding:64px 0; border-top:1px solid rgba(139,69,19,.3); border-bottom:1px solid rgba(139,69,19,.3);}
.about_list{ display:grid; grid-template-columns:repeat(4,1fr); gap:32px; text-align:center;}
.about_item .h2{ font-weight:900; font-size:48px; color:#0e96c8; /*color:var(--accent); */margin-bottom:8px;}
.about_item .h3{ font-size:14px; letter-spacing:.1em; color:var(--gold); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
@media(max-width:999px){
.about_list{ grid-template-columns:repeat(2,1fr); gap:24px;}
.about_item .h2{ font-size:36px;}
}

/*tit1*/
.tit1{ text-align:center; margin-bottom:64px;}
.tit1 .h2{ font-weight:900; font-size:64px; line-height:1.1; color:var(--cream); margin-bottom:10px;}
.tit1 .h3{ font-size:18px; margin-bottom:16px;}
.tit1 .h4{ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; color:rgba(212,165,116,.7); font-size:16px; line-height:1.7; max-width:580px; margin:0 auto;}
@media(max-width:999px){
.tit1 .h2{ font-size:40px;}
.tit1 .h3{ font-size:16px;}
.tit1 .h4{ font-size:14px;}
}

/*section divider*/
.section-divider{ height:3px; background:linear-gradient(90deg,transparent,#0a618f,#023bb6,#0a618f,transparent);/*background:linear-gradient(90deg,transparent,#8b4513,#b22222,#8b4513,transparent);*/ max-width:896px; margin:0 auto;}

/*con01 皮具*/
.con01bg{ padding:96px 0; background:var(--dark);}
.con01_list ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.con01_list ul li{ position:relative; overflow:hidden; transition:all .5s cubic-bezier(.2,.8,.2,1); border:1px solid rgba(139,69,19,.3); background:#2a1f18;}
.con01_list ul li .imgbg{ position:relative; aspect-ratio:100/100; overflow:hidden;}
.con01_list ul li .imgbg .img{ width:100%; height:100%;}
.con01_list ul li .imgbg img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.con01_list ul li:hover .imgbg img{ transform:scale(1.08);}
.product-overlay{ position:absolute; inset:0; background:linear-gradient(to top,rgba(28,22,18,.95) 0%,rgba(28,22,18,.3) 50%,transparent 100%); opacity:.8; transition:opacity .4s ease;}
.con01_list ul li:hover .product-overlay{ opacity:1;}
.con01_list ul li .txtbg{ position:relative; z-index:10; padding:20px;}
.con01_list ul li .txtbg .h2{ font-weight:900; font-size:18px; color:var(--cream); margin-bottom:4px;    text-align: center;}
.con01_list ul li .txtbg .h3{ font-size:12px; color:rgba(212,165,116,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; margin-bottom:8px;}
.con01_list ul li .txtbg .price-tag{ font-size:14px; color:var(--gold); letter-spacing:1px;}
@media(max-width:999px){
.con01bg{ padding:60px 0;}
.con01_list ul{ grid-template-columns:repeat(2,1fr); gap:16px;}
.con01_list ul li .txtbg .h2{ font-size:16px;}
}
@media(max-width:767px){
.con01_list ul{ grid-template-columns:repeat(1,1fr); gap:16px;}
}

/*con02 牛仔*/
.con02bg{ padding:96px 0; background:var(--dark); position:relative; overflow:hidden;}
.con02_list ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.con02_list ul li{ position:relative; overflow:hidden; transition:all .5s cubic-bezier(.2,.8,.2,1); border:1px solid rgba(139,69,19,.3); background:#2a1f18;}
.con02_list ul li .imgbg{ position:relative; aspect-ratio:100/100; overflow:hidden;}
.con02_list ul li .imgbg .img{ width:100%; height:100%;}
.con02_list ul li .imgbg img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.con02_list ul li:hover .imgbg img{ transform:scale(1.08);}
.con02_list ul li:hover .product-overlay{ opacity:1;}
.con02_list ul li .txtbg{ position:relative; z-index:10; padding:20px;}
.con02_list ul li .txtbg .h2{ font-weight:900; font-size:18px; color:var(--cream); margin-bottom:4px;    text-align: center;}
.con02_list ul li .txtbg .h3{ font-size:12px; color:rgba(212,165,116,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; margin-bottom:8px;}
.con02_list ul li .txtbg .price-tag{ font-size:14px; color:var(--gold); letter-spacing:1px;}
@media(max-width:999px){
.con02bg{ padding:60px 0;}
.con02_list ul{ grid-template-columns:repeat(2,1fr); gap:16px;}
.con02_list ul li .txtbg .h2{ font-size:16px;}
}
@media(max-width:767px){
.con02_list ul{ grid-template-columns:repeat(1,1fr); gap:16px;}
}

/*con03 皮靴*/
.con03bg{ padding:96px 0; background:var(--dark); }
.con03_list ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.con03_list ul li{ position:relative; overflow:hidden; transition:all .5s cubic-bezier(.2,.8,.2,1); border:1px solid rgba(139,69,19,.3); background:#2a1f18;}
.con03_list ul li .imgbg{ position:relative; aspect-ratio:100/100; overflow:hidden;}
.con03_list ul li .imgbg .img{ width:100%; height:100%;}
.con03_list ul li .imgbg img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.con03_list ul li:hover .imgbg img{ transform:scale(1.08);}
.con03_list ul li:hover .product-overlay{ opacity:1;}
.con03_list ul li .txtbg{ position:relative; z-index:10; padding:20px;}
.con03_list ul li .txtbg .h2{ font-weight:900; font-size:18px; color:var(--cream); margin-bottom:4px;    text-align: center;}
.con03_list ul li .txtbg .h3{ font-size:12px; color:rgba(212,165,116,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; margin-bottom:8px;}
.con03_list ul li .txtbg .price-tag{ font-size:14px; color:var(--gold); letter-spacing:1px;}
@media(max-width:999px){
.con03bg{ padding:60px 0;}
.con03_list ul{ grid-template-columns:repeat(2,1fr); gap:16px;}
.con03_list ul li .txtbg .h2{ font-size:16px;}
}
@media(max-width:767px){
.con03_list ul{ grid-template-columns:repeat(1,1fr); gap:16px;}
}
.con03_list ul li.custom{ display:flex; align-items:center; justify-content:center;}
.custom_box{ text-align:center; padding:32px;}
.custom_icon{ width:64px; height:64px; border:2px solid var(--brand); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 16px;}
.custom_icon svg{ width:32px; height:32px; color:var(--gold);}
.custom_box .h2{ font-weight:900; font-size:20px; color:var(--cream); margin-bottom:8px;}
.custom_box .h3{ font-size:14px; color:rgba(212,165,116,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; line-height:1.6; margin-bottom:16px;}
.custom_box .h4{ font-size:14px; color:var(--accent); letter-spacing:.05em; border-bottom:1px solid var(--accent); padding-bottom:2px; cursor:pointer; transition:all .3s; display:inline-block; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.custom_box .h4:hover{ color:var(--gold); border-color:var(--gold);}


/*con04 家居*/
.con04bg{ padding:96px 0; background:var(--dark); }
.con04_list ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.con04_list ul li{ position:relative; overflow:hidden; transition:all .5s cubic-bezier(.2,.8,.2,1); border:1px solid rgba(139,69,19,.3); background:#2a1f18;}
.con04_list ul li .imgbg{ position:relative; aspect-ratio:100/100; overflow:hidden;}
.con04_list ul li .imgbg .img{ width:100%; height:100%;}
.con04_list ul li .imgbg img{ width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.con04_list ul li:hover .imgbg img{ transform:scale(1.08);}
.con04_list ul li:hover .product-overlay{ opacity:1;}
.con04_list ul li .txtbg{ position:relative; z-index:10; padding:20px;}
.con04_list ul li .txtbg .h2{ font-weight:900; font-size:18px; color:var(--cream); margin-bottom:4px;    text-align: center;}
.con04_list ul li .txtbg .h3{ font-size:12px; color:rgba(212,165,116,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; margin-bottom:8px;}
.con04_list ul li .txtbg .price-tag{ font-size:14px; color:var(--gold); letter-spacing:1px;}
@media(max-width:999px){
.con04bg{ padding:60px 0;}
.con04_list ul{ grid-template-columns:repeat(2,1fr); gap:16px;}
.con04_list ul li .txtbg .h2{ font-size:16px;}
}

/*cta*/
.cta{ padding:96px 0; background:#122b63;/*background:linear-gradient(135deg,#2a1f18,#1c1612,#2a1f18);*/ border-top:1px solid rgba(139,69,19,.3); border-bottom:1px solid rgba(139,69,19,.3); position:relative; overflow:hidden; position:relative;}
.cta:before{ content:""; width:600px; height:100%; background:var(--accent); position:absolute; top:0; left:50%; transform:translateX(-50%); opacity:.1; filter:blur(64px);}
.cta_con{ max-width:768px; margin:0 auto; text-align:center; position:relative; z-index:10;}
.cta_con .h2{ font-weight:900; font-size:48px; line-height:1.2; color:var(--cream); margin-bottom:24px;}
.cta_con .h3{ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; color:rgb(136 150 184 / 70%);/*color:rgba(212,165,116,.7);*/ font-size:18px; line-height:1.7; margin-bottom:40px;}
.cta_form{ display:flex; gap:12px; max-width:512px; margin:0 auto;}
.cta_form input{ flex:1; background:rgba(245,235,220,.05); border:1px solid rgb(136 150 184 / 70%); /*border:1px solid rgba(139,69,19,.5); */padding:16px 20px; color:var(--cream); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; font-size:14px; transition:border-color .3s;}
.cta_form input:focus{ border-color:var(--accent);}
.cta_form input::placeholder{ color:rgb(136 150 184 / 70%);}
.cta_form .btn-primary{ padding:16px 32px; white-space:nowrap;}
.subscribe_msg{ margin-top:16px; font-size:14px; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; display:none;}
.subscribe_msg.show{ display:block;}
.subscribe_msg.warn{ color:#e8a838;}
.subscribe_msg.success{ color:#7ec87e;}
@media(max-width:999px){
.cta_con .h2{ font-size:32px;}
.cta_con .h3{ font-size:16px;}
.cta_form{ flex-direction:column;}
}

/*foot*/
.foot{ background:#011747;/*background:#14100d;*/ padding:64px 0;}
.foot1 .list1{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; margin-bottom:48px;}
.f_logo{ display:flex; align-items:center; gap:12px; margin-bottom:16px;}
.f_logo img{ max-width:100%;}
.f_logo .logo_icon{ width:40px; height:40px; border:2px solid var(--brand); display:flex; align-items:center; justify-content:center; font-weight:900; color:var(--gold); font-size:18px;}
.f_logo .h1{ font-weight:900; font-size:18px; letter-spacing:.1em; color:var(--cream); line-height:1.2;}
.f_logo .h2{ font-size:10px; letter-spacing:3px; color:var(--gold); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.f_desc{ font-size:14px; color:rgb(136 150 184);/*color:rgba(212,165,116,.5);*/ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; line-height:1.7;}
.f_nav{/* display:grid; grid-template-columns:repeat(3,1fr); gap:40px;*/}
.f_nav dl dt{ font-weight:900; font-size:14px; letter-spacing:.1em; color:var(--gold); margin-bottom:16px;}
.f_nav dl dd{ font-size:14px; color:rgba(245,235,220,.6); font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif; line-height:2;}
.f_nav dl dd a{ color:rgba(245,235,220,.6); transition:color .3s;}
.f_nav dl dd a:hover{ color:var(--gold);}
.f_social{ display:flex; gap:12px; padding-top:8px;}
.f_social span{ width:32px; height:32px; border:1px solid rgba(139,69,19,.5); display:flex; align-items:center; justify-content:center; font-size:12px; color:rgba(245,235,220,.6); cursor:pointer; transition:all .3s; font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.f_social span:hover{ border-color:var(--gold); color:var(--gold);}
.foot1 .list2{ border-top:1px solid rgba(139,69,19,.2); padding-top:32px;}
.f_info{ display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:12px; color:rgb(136 150 184 / 70%); flex-wrap:wrap;}
.f_info .lt{ font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;}
.f_info .rt{ font-size:12px;}
.f_ewm{}
.f_ewm ul{ display:flex;}
.f_ewm ul li{ width:40%; margin:2% 5% 0 0;}
.f_ewm ul li img{ display:block; width:100%;}
@media(max-width:999px){
.foot{ padding:40px 0;}
.foot1 .list1{ grid-template-columns:1fr; gap:32px;}
.f_nav{ grid-template-columns:1fr; gap:24px;}
.f_info{ flex-direction:column; text-align:center;}
}



.insideBanner{ position:relative;}
.insideBanner img{ display:block; width:100%; }

.inbarbg{ }
.inbar{}
.innav{ flex:1; font-size:16px; line-height:38px; margin-bottom:20px;}
.innav .h1{ font-size:16px; line-height:50px; text-align:left; padding:0 40px 0 20px; position:relative; background:var(--primary-color); font-weight:bold; display:none; }
.innav .h1:before{ content:"\f107";font: normal normal normal 14px/1 FontAwesome; position:absolute; right:20px; top:18px; transition:all .3s ease;}
.innav .h1.active1:before{ transform:rotate(180deg);}
.innav>ul{ display: flex; justify-content:center; align-items: center; flex-wrap:wrap;}
.innav>ul>li{ margin:0 10px 20px 10px; box-sizing:border-box; position:relative;}
.innav>ul>li>a{ display:block; position:relative; text-align:center; transition:all .3s ease; padding:0 20px; border:1px solid var(--brand); color:var(--gold); }
.innav>ul>li:hover>a{ color:#fff; }
.innav>ul>li.hover>a{ }
.innav ul li ul{ width:100%; padding:10px 0; background:rgba(28, 22, 18, .9); border:1px solid rgba(139,69,19,.3); position:absolute; top:100%; left:50%; transform:translateX(-50%); display:none; z-index:2;}
.innav ul li:hover>ul{ display:block;}
.innav ul li ul li{ text-align:center;}
.innav ul li ul li a{ display:block; font-size:14px; line-height:24px; padding:5px 5px;}
.innav ul li ul li a:hover{ color:var(--gold);}
.weizhi{ font-size:16px; line-height:26px; color:#999; margin-bottom:20px; padding-left:20px; background:url(../images/map.png) left center no-repeat;}
.weizhi a{ color:#999;}
.weizhi a:hover{ color:var(--primary-color);}
.weizhi i{ margin-right:5px; }
@media(max-width:999px){
.innav{ font-size:14px; line-height:18px; margin-bottom:20px;}
.innav>ul>li{ width:32%; margin:0 0 2% 2%; }
.innav>ul>li:nth-child(3n-2){ margin-left:0;}
.innav>ul>li>a{ padding:0 1px; height:40px; display: flex; justify-content:center; align-items: center;}
.weizhi{ display:none;}
}

.insideContentbg{ /*margin:40px 0 80px 0;*/}
.insideContent{}
.insideContent_lt{ float:left; width:300px;/* position:sticky; top:100px;*/}
.side_a{ overflow:hidden; background:#fff; box-shadow:0 0 10px rgba(22, 22, 22, 0.1); margin-bottom:30px;}
.side_a .h1{ font-size:18px; line-height:40px; background:var(--primary-color); color:#fff; font-weight:bold; padding:0px 20px; }
.side_a>ul{ padding:0 20px;}
.side_a ul li{ }
.side_a>ul>li{ border-bottom:1px solid #d4d4d4;}
.side_a>ul>li:last-child{ border-bottom:none;}
.side_a ul li span{ display:block; padding:12px 20px 12px 0; position:relative; cursor:pointer; }
.side_a ul li span:hover,.side_a ul li.hover>span{ color: var(--primary-color);}
.side_a ul li.active1>span{ }
.side_a ul li.active1>span:hover{ }
.side_a ul li.has_sub>span:after{ content:"\f107"; font: normal normal normal 16px/1 FontAwesome; text-align:center; width:16px; height:16px; line-height:16px; position:absolute; right:0px; top:17px; transition:all .3s ease;}
.side_a ul li.has_sub.active1>span:after{ transform:rotate(180deg);}
.side_a ul li a{ display:inline-block; font-size:14px; line-height:24px;}
.side_a>ul>li>span a{ font-size:16px; line-height:26px; position:relative; }
.side_a ul li span:hover a,.side_a ul li.hover>span a{ color: var(--primary-color);}
.side_a ul li ul{ padding:0 10px 10px 15px; display:none;}
.side_a ul li ul li{ }
.side_a ul li ul li span{ padding:8px 20px 8px 0;}
.side_a ul li ul li a{}
.insideContent_rt{ float:right; width:calc(100% - 330px); box-sizing: border-box;}
.insideContent_rt .weizhi{ margin-top:7px;}
.insideContent_con{}
@media(max-width:999px){
.insideContentbg{ margin:20px 0 40px 0; }
.insideContent_lt{ width:100%; position:static;}
.side_a{ border:none;}
.side_a .h1{ font-size:16px; line-height:50px; padding:0 40px 0 20px; }
.side_a .h1:before{ content:"\f107";font: normal normal normal 14px/1 FontAwesome; position:absolute; right:20px; top:18px; transition:all .3s ease;}
.side_a .h1.active1:before{ transform:rotate(180deg);}
.side_a>ul{ padding:0; display:none;}
.side_a>ul>li{ border-bottom:1px solid var(--third-color) !important;}
.side_a ul li span{ padding:10px 20px 10px 20px;}
.side_a ul li a{ font-size:14px; line-height:24px;}
.side_a>ul>li>span a{ font-size:16px; line-height:26px;}
.side_a>ul>li>span a:before{ width:20px; }
.side_a ul li.has_sub>span:after{ top:15px; right:15px;}
.side_a ul li ul{ padding:0 0 10px 40px; }
.side_a ul li ul li span{ padding:5px 20px 5px 0;}
.insideContent_rt{ float:right; width:100%; }
.insideContent_con{ }
}