#container{ display: none;}
.nav-container{ display: none;}

@media (max-width: 992px) {

	.index_f{ width: 100%; background-image: url('img/hbg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; height: 5rem; z-index:100; position: relative;}
	.index_top{ width: 100%; margin: 0; height: 5rem;}
	.logo{ padding-top: 0.6rem; padding-left:0.5rem; width: 20rem; float: left;}
	.index_l_right{display: none;}
	.index_n{display: none;}
	.index_wp{ width: 100%; margin: 0 auto;}
	.index_huandeng{display: none;}
	.p70{ padding-top: 1rem;}
	.index_bt{ width: 100%; height:5.5rem;}
	.index_bt_left{ float: left; background: url(img/logobg.png) no-repeat center; height:5.2rem; padding: 0 0.5rem; padding-left:1rem;}
	.index_bt_left h2{ font-size: 1.8rem; font-weight: bold; color:#C41411; position: relative; padding-top:0.5rem;}
	.index_bt_left h2::after { content: ''; position: absolute; bottom: -0.6rem; left: 0; width: 3.4rem; height: 1px; background:#C41411; }
	.index_bt_left h4 { color:#C41411; font-size: 1rem; padding-left: 3.7rem;}
	.index_bt1{ width: 100%; height:4.5rem; margin-top: 0.8rem;}
	.index_bt1_left{ float: left; height:4.5rem; padding-left:1rem;}
	.index_bt1_left h2{ font-size: 1.8rem; font-weight: bold; color:#C41411; position: relative; padding-top:0.5rem;}
	.index_bt1_left h2::after { content: ''; position: absolute; bottom: -0.6rem; left: 0; width: 3.4rem; height: 1px; background:#C41411; }
	.index_bt1_left h4 { color:#C41411; font-size: 1rem; padding-left: 3.7rem;}

	.index_more{ float: right; margin-top: 1.2rem; padding-right: 1rem;}
	.index_more a{ color:#C41411; height: 1.5rem; line-height: 1.5rem;; font-size: 1rem; display: block; background: url( img/more.png) no-repeat right center; padding-right:1.8rem;}
	.index_more a:hover{color:#9E1210;}
	
	.index_box1{ width: 100%; height: 49rem; background: url(img/box1_bg.png) no-repeat right center;}
	.index_box1_left{ width: 100%; float: none; height:16rem; margin-top: 0.2rem;}
	.index_box1_right{ width: 100%; float: none; margin-left: 0; ;}
	.index_box1_u { width: 92%; margin: 0 auto;}
	.index_box1_u ul li{ width: 100%; border-bottom: 1px dotted #F8ABA9; height: 4.2rem; margin-top: 0.8rem;}
	.index_box1_u ul li span{ display: block; width:18%; float: left; height: 4rem; padding-top: 0.4rem;}
	.index_box1_u ul li span h2{ width:100%; font-size: 1.2rem; color:#C41411; text-align: right;}
	.index_box1_u ul li span h4{ width:100%; font-size: 0.8rem; color:#777; text-align: right;}
	.index_box1_u ul li a{  width:82%; float: left; font-size: 1rem; line-height:1.5rem; padding-top: 0.3rem; padding-left: 0.5rem; display: block; color:#2b2b2b; text-align: left;}
	.index_box1_u ul li a:hover{color:#C41411;  transition:all .7s ease 0s; }
	
	.index_box2{ width: 100%; height: 90rem; background:#F1F1F1 url(img/box2_bg.png) no-repeat right bottom;}
	.index_box2_left{ width: 100%; float: none; margin: 0; height: auto; margin-bottom:1rem;}
	.index_box2_u1{ margin-right: 0; margin-left: 0; margin-top: 0.3rem; margin-bottom:1rem;}
	.index_box2_u1 ul{width: 92%; margin: 0 auto; }
	.index_box2_u1 ul li{ width: 100%; height:3.2rem; margin-top: 0.7rem;}
	.index_box2_u1 ul li a{ text-align: left; background:url(img/dt0.png) no-repeat 0.1rem 0.5rem; font-size: 1rem; line-height:1.5rem; padding-left: 0.9rem; display: block; color:#2b2b2b; float:left; width:85%;}
	.index_box2_u1 ul li a:hover{color:#C41411; transition:all .5s ease 0s; }
	.time1 { display: block; font-size: 1rem; line-height:1.5rem; color:#777; float: right; width:15%; text-align: right;}
	
	.index_box2_right{ width: 100%; float: none; margin: 0; height: auto; margin-bottom:1.5rem;}
	.index_box2_u2{margin-top: 0.6rem; margin-bottom: 0.8rem; height: 23rem;}
	.index_box2_u2_left{ width: 92%; margin: 0 auto; height: 18rem; float: none;}
	.index_box2_u2_left img{ width: 100%; height: auto; border-radius: 1rem; overflow: hidden; box-shadow: 0 0.6rem 1.2rem rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
	.index_box2_u2_right{color: #333; width:88%; margin: 0 auto; float: none;}
	.index_box2_u2_right h2{ font-size: 1rem; line-height: 160%; margin-top:0; text-align: left;}
	.index_box2_u2_right h4{ color:#C41411; font-size: 1rem; margin-top: 0.3rem; text-align: left;}
	.index_box2_u2_right h2:hover{ color:#C41411; transition:all .5s ease 0s; }
	.index_box2_u2_right h4:hover{ color:#9E1210; transition:all .5s ease 0s; }
	
	.index_box3{ width: 100%; height:136rem; background: url(img/box3_bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
	.index_box3_u1{ width: 100%; height: auto; margin-bottom:1.5rem;}
	.index_box3_u2{ width: 100%;  height: auto; margin-bottom:1.5rem; margin-top: 0;}
	.index_box3_left{ width: 100%; float: none; height: auto; margin-bottom:2rem;}
	.index_box3_uimg1 { width: 88%; margin: 0 auto;}
	.index_box3_uimg1 ul li{ width:100%; float: none; margin-left:0; }
	.index_box3_uimg1 ul li img{width: 100%; height: 15rem;}
	.index_box3_uimg1 ul li:first-child{ margin-left: 0px;}
	.index_box3_uimg1 ul li h3{ font-size: 1rem; text-align: center; line-height: 200%; margin-top:0.8rem;}
	.index_box3_uimg1 ul li a{color: #333;} 
	.index_box3_uimg1 ul li h3:hover{ color:#9E1210; transition:all .5s ease 0s; }
	.index_box3_right{ width:100%;; float: none; height: auto; margin-left: 0; margin-bottom:1.5rem;}
	
	.zoom-card {width: 100%; height: 15rem; border-radius: 1rem; overflow: hidden; box-shadow: 0 0.6rem 1.2rem rgba(0,0,0,0.1); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
	.zoom-card:hover {transform: scale(1.05); box-shadow: 0 15px 30px rgba(0,0,0,0.2); }
	.card-image { width: 100%; height: 15rem; object-fit: cover; transition: transform 0.4s ease;}
	.zoom-card:hover .card-image { transform: scale(1.1); }
	
	.index_box4{ width: 100%; height: 26rem; background:#C0110E url(img/fbg.jpg) no-repeat bottom center; }
	.index_box4_top{ width: 100%; height: 4rem; background:#B00E0B; }
	.index_lianjie{ text-align: left;  background:none; font-size:0.9rem; color: #F3DBDB; line-height: 1.5rem; padding-left:1rem; padding-top: 0.5rem;}
	.index_lianjie a{ color: #ffffff; margin-right: 0.6rem;}
	.index_lianjie a:hover{ color: #F3DBDB;}
	.index_box4_bottom{ width:100%; height: 10rem; margin: 0 auto;}
	.index_box4_b_left{ width:40%; float: left; margin-top: 2rem; text-align: center;}
	.index_box4_b_mid{ width: 60%; padding-right: 1rem; float: left; margin-top: 2rem; line-height: 200%; font-size: 0.9rem; text-align: left; color: #F3DBDB;}
	.index_box4_b_right{ width: 70%; float: right; position: relative; height: 8rem;}

	#moquu_gzh,#moquu_sph,#moquu_wb,#moquu_xhs { z-index:2; width:50px; height:50px; bottom:1rem; cursor:pointer; position:absolute;}
	#moquu_gzh { right: 20rem;}
	#moquu_gzh a { background:url(img/sbtn2.png) 0 -0px; right:0; float:left; width:50px; height:50px; text-indent:-9999px; }
	#moquu_gzh a:hover { background:url(img/sbtn2.png) -50px -0px; }
	#moquu_sph { right: 15rem; }
	#moquu_sph a { background:url(img/sbtn2.png) 0 -51px; width:50px; height:50px; right:0; float:left; text-indent:-9999px; }
	#moquu_sph a:hover { background:url(img/sbtn2.png) -51px -51px }
	#moquu_wb { right: 10rem; }
	#moquu_wb a { background:url(img/sbtn2.png) 0 -102px; width:50px; height:50px; right:0; float:left; text-indent:-9999px;}
	#moquu_wb a:hover { background:url(img/sbtn2.png) -51px -102px; }
	#moquu_xhs { right: 5rem;  }
	#moquu_xhs a { background:url(img/sbtn2.png) 0 -153px; width:50px; height:50px; right:0; float:left; text-indent:-9999px;}
	#moquu_xhs a:hover { background:url(img/sbtn2.png) -51px -153px; }
	.moquu_gzh,.moquu_sph,.moquu_wb,.moquu_xhs { position:relative; z-index:2;}
	.moquu_gzh a:hover .moquu_gzhh,.moquu_sph a:hover .moquu_sphh, .moquu_wb a:hover .moquu_wbh, .moquu_xhs a:hover .moquu_xhsh{ display:block; }
	.moquu_gzh .moquu_gzhh { 
		position:absolute; display:none; left:0.3rem; top:-19.3rem; width:260px; height:308px; background:url(img/gzh2.png) no-repeat; }
	.moquu_sph .moquu_sphh {
		position:absolute; display:none; left:-3.2rem; top:-11.3rem; width:150px; height:179px; background:url(img/sph2.png) no-repeat;}
	.moquu_wb .moquu_wbh {
		position:absolute; display:none; left:-3.1rem; top:-11.3rem; width:150px; height:179px; background:url(img/wb2.png) no-repeat;}
	.moquu_xhs .moquu_xhsh {
		position:absolute; display:none; left:-3.2rem; top:-11.3rem; width:150px; height:179px; background:url(img/xhs2.png) no-repeat;}
	
	.p50{ padding-top: 50px;}
	.p30{ padding-top: 30px;}
	.p20{ padding-top: 20px;}
	.p10{ padding-top: 10px;}
	.ha-header { display: none; }
	.index_ss{display: none;}
	
	#yxh_article{ width: 22rem; margin: 0 auto;}
	.slider_box{margin:0px auto 0 auto;height:15.5rem; position:relative; width:100%;} 
	.mask{ height:3.8rem; overflow:hidden; background:#000; opacity:0.7;filter:alpha(opacity:70);width:100%;position:absolute;left:0;bottom:0;z-index:1;border-top:solid 1px #ddd;}
	.silder_con{ position:absolute; }
	.silder_panel{width:22rem; height:15.5rem; float:left;; position:relative; overflow: hidden;}
	.silder_panel img{width: 22rem; height:15.5rem; display: block; overflow: hidden;}
	.slider_box a.prev,.slider_box a.next{display:none;}
	.silder_intro{position:absolute;bottom:0;z-index:9;width:100%;height:3.8rem;color:#fff;padding-left:0.6rem;}
	.silder_intro h3{font-size:1rem; font-weight:normal; margin:0.7rem 0 0px 0; height:2.5rem;line-height:1.25rem;}
	.dec{display: none;}
	.dec li{margin-top:0.6rem;float:left;display:inline;}
	
	.list{width: 100%; height: auto;}
	.list_img{ display: none;}
	.list_img2{ display: none;}
	.list_wp{width: 94%; margin: 0 auto;}
	.list_bt{ width: 100%; height: auto; text-align: center; margin: 0.6rem 0;}
	.list_bt ul{ display: inline-block;}
	.list_bt ul li{ width: 5rem; height:auto; float: left; display: inline; margin: 0.5rem;}
	.list_bt ul li a{ width: 5rem; height: 2rem; text-align: center; line-height: 2rem; color: #333; background: #eeeeee; font-size:0.8rem; font-weight: normal; display: block;}
	.list_bt ul li a:hover{ color: #fff; background: #B00E0B;}
	.list_bt ul li.liston a{ color: #fff; background: #B00E0B;}
	.list_index{ height: 3rem; font-size: 0.8rem; border-bottom: 1px solid #eee; padding-left: 2rem; background:url(img/home.png) no-repeat;}
	.list_index a{color:#C41411; height: 2rem; line-height: 2rem; padding:0 6px;}
	.list_index a:hover{color:#9E1210;}
	.list_u{ height: auto; margin-top: 1rem; margin-bottom: 2rem; }
	.list_u ul li{width:100%; height: auto; margin-top: 0.5rem; margin-bottom: 0.8rem; }
	.list_u ul li a{ background:none; height: auto; font-size: 1rem; line-height:1.5rem; padding-left:0; display: block; color:#2b2b2b; float: none; width: 100%; overflow: hidden;}
	.list_u ul li a:hover{color:#C41411; transition:all .5s ease 0s; }
	.time2 { display: block; font-size: 0.6rem; line-height:1rem; margin: 0.2rem 0; color:#777; float: none; width:100%; text-align: left;}
	
	.articl{width: 100%; height: auto;}
	.articl_u{ margin-bottom: 3rem;}
	.articl_wp{ width: 100%; margin: 0 auto; height: auto; }
	.articl_wp h1{width: 100%;  text-align: center; font-size: 1.4rem; line-height: 150%; margin-top: 1.5rem; margin-bottom: 0.5rem;}
	.articl_bt{width: 100%; height: auto; margin-top:0.5rem;  text-align: center; font-size: 0.8rem; border-bottom: 1px solid #eee; margin-bottom: 2rem; color: #999;}
	.articl_wp p{ width: 92%; margin: 0.8rem auto; font-size:0.8rem; line-height: 200%;}
	.articl_bt h4{ display: inline-block; margin:0 1rem; }
	.a_r span{ color: #777;}
	.a_d span{ color: #777;}
	.a_f span{ color: #9E1210;}
	.a_z span a{ color:#9E1210; margin-right: 0.5rem;}
	.a_z span a:hover{color:#C41411; transition:all .5s ease 0s; }
	.sig_u{ height: auto; margin-top: 1rem; margin-bottom: 2rem; font-size: 1rem; line-height: 200%; overflow-wrap: break-word;  width: 100%; margin: 0 auto;}
	.sig_u p{padding: 0.8rem 0; overflow-wrap: break-word; width: 100%; margin: 0 auto;}
	.sigbt{ text-align: center; width: 100%; font-size: 1.5rem; line-height: 200%; padding: 0.6rem 0;}
	
	.listimg{width: 100%; height: 1260px;}
	.img_ul{ height: auto; width: 100%; }
	.list_uimg{  margin-top: 20px; margin-bottom: 30px; }
	.list_uimg ul li{ width: 440px; float: left; margin-left: 30px; }
	.list_uimg ul li img{width: 440px; height: 260px;}
	.list_uimg ul li:first-child{ margin-left: 0px;}
	.list_uimg ul li h3{ font-size: 18px; text-align: center; line-height: 200%; margin-top: 10px;}
	.list_uimg ul li h3:hover{ color:#9E1210; transition:all .5s ease 0s; }
	
	
#container { display: flex; flex-direction: row-reverse; height:0; width:100%;}
.wrapper { width: 100%; margin: 0 auto;}
#main-nav { display: none;}

header .toggle { position: relative; cursor: pointer;  top:0; z-index: 9980;  font-size: 1rem;
 min-height: 1rem; right: 1rem; display: block; box-sizing: content-box;  padding-left:3rem; line-height: 1rem; margin-top: 2rem }
header .toggle span { width: 1.6rem; top: 50%; transform: translateY(-50%); transform-origin: 50% 50%;}
header .toggle span,
header .toggle span::before,
header .toggle span::after { position: absolute; right: 0; height: 3px; background: #fff; transition: all .1s ease }
header .toggle span::before,
header .toggle span::after { content: ''; width: 100% }
header .toggle span::before { top: -0.6rem }
header .toggle span::after { bottom: -0.6rem }
header .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
header .toggle.toggle-open span::before { transform: translate3d(0, 0.6rem, 0) }
header .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(0.6rem, 0, 0) }
header .toggle:hover span,
header .toggle:hover span::before,
header .toggle:hover span::after { background: #fff }
header .toggle div { display: inline-block; margin-right:1rem }

.nav-container{ display: block;}	
html.hc-yscroll { overflow-y: scroll }
body.hc-nav-open { position: fixed; width: 100%; min-height: 100% }
.hc-mobile-nav { display: none; position: fixed; top: 0; height: 100%; z-index: 9999; overscroll-behavior: none }
.hc-mobile-nav.is-ios * { cursor: pointer !important }
.hc-mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
.hc-mobile-nav .nav-wrapper { width: 100% }
.hc-mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-mobile-nav li { position: relative; display: block }
.hc-mobile-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-mobile-nav input[type="checkbox"] { display: none }
.hc-mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-mobile-nav a,
.hc-mobile-nav a:hover { text-decoration: none }
.hc-mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
.hc-mobile-nav.disable-body::after,
.hc-mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-mobile-nav.disable-body.nav-open::after,
.hc-mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
.hc-mobile-nav.side-left { left: 0 }
.hc-mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-mobile-nav.side-right { right: 0 }
.hc-mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #9E1210; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-mobile-nav::after,
.hc-mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-mobile-nav .nav-wrapper { background: #9E1210 }
.hc-mobile-nav.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-mobile-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #ECD0CF }
.hc-mobile-nav a { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #C06563 }
.hc-mobile-nav:not(.touch-device) a:hover { background: #31679e }
.hc-mobile-nav li { text-align: left;}
.hc-mobile-nav li.nav-close a,
.hc-mobile-nav li.nav-back a { background: #C41411; border-top: 1px solid #ECD0CF; border-bottom: 1px solid #ECD0CF;font-family: 'Raleway', sans-serif;}
.hc-mobile-nav li.nav-close a:hover,
.hc-mobile-nav li.nav-back a:hover { background: #9E1210 }
.hc-mobile-nav li.nav-parent a { padding-right: 58px }
.hc-mobile-nav li.nav-close span,
.hc-mobile-nav li.nav-parent span.nav-next,
.hc-mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-mobile-nav li.nav-close span::before,
.hc-mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #C06563 }
.hc-mobile-nav span.nav-next::before,
.hc-mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,
.hc-mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,
.hc-mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
.hc-mobile-nav.nav-levels-expand .nav-container li,
.hc-mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open { background: #C41411 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #ECD0CF }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #C41411 }
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }

.hc-mobile-nav .nav-container { width: 20rem; }
.hc-mobile-nav h2 { font-weight: 400 }
.hc-mobile-nav a { font-size: 16px }

}