* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333; overflow-x: hidden; margin: 0 auto; max-width:1920px;font-weight:500;}
a { color: #333333; text-decoration: none; }
a:hover { color: #b92d38; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }
table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}
td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}
@font-face
{
    font-family: c036;
    src: url(../fonts/036-CAI978.ttf);
}
@font-face
{
    font-family: c037;
    src: url(../fonts/037-CAI978.ttf);
}
@font-face
{
    font-family: c038;
    src: url(../fonts/038-CAI978.ttf);
}
@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); video{ max-width: 80vw; max-height: 80vh; display: block; }}

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #b92d38; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:16px;}
/* .sb img{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;} */
/* .sb:before,.sb:after{ content:""; position:absolute;}
.sb:before{top:0;left:0;width:26px;height:37px;background:url(../images/sb.png) 0px 0px no-repeat;background-size:100% auto;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;}
.sb:after{ top:0; right:0; bottom:0; left:0; margin:auto; background-color:#FFF; width:4px; height:8px; border-radius:4px; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;} */
.aboutbanner img{vertical-align: top;}
.aboutbanner .sb{position:absolute;left:calc(50% - 13px);bottom:1.42rem;-webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite;overflow:hidden;padding:0px;height:37px;}
.aboutbanner .sb:before,.aboutbanner .sb:after{ content:""; position:absolute;}
.aboutbanner .sb:before{top:0;left:0;width:26px;height:37px;background:url(../images/sb.png) 0px 0px no-repeat;background-size:100% auto;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;}
.aboutbanner .sb:after{ top:0; right:0; bottom:0; left:0; margin:auto; background-color:#FFFfff70; width:4px; height:8px; border-radius:4px; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;}
@-webkit-keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}  
}
@keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}

@keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}
@-webkit-keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}	 
}
@keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}
}
.menu_wap {background: url(../images/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;}
.pi2 .menu_wap{background:url(../images/menu_s2.png) no-repeat center;}
.pi2 .in_topbox .menu{top:83px;}
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 70px; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top;}
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; }
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #b11b27; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }
.f32{font-size:.32rem;}
.f28{font-size:.28rem;}
.f26{font-size:.26rem;}
.f24{font-size:.24rem;}
.f22{font-size:.22rem;}
.f20{font-size:.2rem;}
.f18{font-size:.18rem;}
.f16{font-size:16px;}

.main_top{position:absolute;top:.38rem;left:0px;z-index:2;width:100%;}
.main_top .main_w{display:flex;justify-content: space-between;align-items: center;}
.main_top .main_w .top_list a{color:#333333;font-size:18px;}
.main_top .main_w .top_list li.cur{position:relative;padding-bottom:.14rem;}
.main_top .main_w .top_list li.cur::after{width:.3rem;height:.04rem;background:#f3a03e;content:"";display:block;position:absolute;left:calc(50% - .15rem);bottom:0px;border-radius:5px;}
.main_top .main_w .top_list ul{display:flex;gap:.5rem;}
.main_top .main_w .top_right{display:flex;justify-content: space-between;gap:.16rem;align-items: center;}
.main_top .main_w .top_right .tel{color:#333333;font-size:18px;font-weight:bold;background:url(../images/tel.png) no-repeat left top 2px;padding-left:18px;line-height:1;}
.main_top .main_w .top_right .top_search{display:flex;align-items: center;gap:7px;font-weight:bold;font-size:18px;color:#f9aa4c;position:relative;padding-left:10px;}
.main_top .main_w .top_right .top_search::after{position:absolute;left:0px;top:calc(50% - 6px);width:1px;height:12px;background:#d1d4d6;display:block;content:"";}
.banner{width:100%;overflow:hidden;position:relative;}
.banner img{vertical-align: bottom;}
.x_hhh {position:relative;}
        .x_hhh .swiper-paginationx {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 0.6rem;
            position:absolute;
            left:0px;bottom:0.56rem;z-index:2;
            width:100%;
        }
    
        .x_hhh .swiper-container {
            width: 24px;
            height: 24px;
            margin: 0 0px;
            position: relative;
        }
    
        .x_hhh .progress-circle {
            width: 100%;
            height: 100%;
            fill: none;
            stroke: #fff;
            stroke-width: 2;
            stroke-dasharray: 70;
            stroke-dashoffset: 70;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
            transition: stroke-dashoffset 0.5s ease;
        }
        .progress-container{
            width: 24px;
            height: 24px;
        }
        .x_hhh .swiper-pagination-bullet{width:24px;height:24px;background:url(../images/d1.png) no-repeat center;}
        .x_hhh .swiper-pagination-bullet-active{background:url(../images/d2.png) no-repeat center;}
        .x_hhh .swiper-pagination-bullet-active .progress-circle{animation: 5s linear 0s 1 normal forwards running fill-progress;}
        @keyframes fill-progress {
            0% {
                stroke-dashoffset: 70;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }

        .main { width: 100%; overflow: hidden; }
.main_w {max-width: 1680px;margin: 0 auto;padding-left: .4rem;padding-right: .4rem;}
.l1{width:100%;overflow:hidden;}
.l1 .main_w{display:flex;justify-content: space-between;align-items: center;gap:.4rem;}
.l1 .logo{width:1.03rem;}
.x_hhh .sb{position:absolute;left:6.25%;bottom:1.66rem;z-index:3;}
.x_hhh .swiper-slide{position:relative;}
.l1 .right{display:flex;gap:.23rem;align-items: center;width:100%;justify-content: flex-end;max-width:1300px;}
.wapmenu{display:none;}
.l1 .right .bwei{display:flex;gap:16px;border:1px solid #b92d38;border-radius:50px;padding:.1rem .18rem;}
.l1 .right .menu{width:100%;}
.l1 .right .menu ul{display:flex;font-size:16px;justify-content: space-between;}
.l1 .right .menu li.cur a{color:#aa3033;font-weight:bold;}
.l1 .right .dianhua,.l1 .right .login,.l1 .right .ewap{flex-shrink: 0;}
.l1 .right .dianhua a{color:#666666;font-size:.18rem;background:url(../images/00Home_05.jpg) no-repeat left center;padding-left:.2rem;margin-left:.07rem;background-size:.12rem auto;}
.l1 .right .ewap font{font-size:16px;color:#666666;background:url(../images/00Home_07.jpg) no-repeat left center;padding-left:.2rem;cursor: pointer;background-size:.15rem auto;}
.l1 .right .login font{background:url(../images/00Home_10.jpg) no-repeat left .11rem center #b11b27;border-radius:20px;line-height:.33rem;padding:0.09rem .11rem;font-size:16px;color:#fff;display:block;padding-left:.28rem;line-height:1;background-size:.12rem auto;}
.l1 .right .login{display:none;}
.sbiao{width:100%;overflow:hidden;text-align:center;margin-top:-.39rem;position:relative;z-index:3;background:url(../images/h1.png) no-repeat center;height:.4rem;background-size: auto .41rem;}
.sbiao img{width:.18rem;}
.sbiao font{padding-top:.15rem;display:block;}
.hxys{width:100%;overflow:hidden;}
.hxys .titles{padding-top:1.14rem;}
.titles{overflow:hidden;text-align:center;}
.titles font{color:#333333;font-weight:bold;font-size:.4rem;}
.titles p{color:#b92d38;font-size:.22rem;font-weight:bold;text-transform: uppercase;padding-top:.05rem;}
.hxys .list{overflow:hidden;padding-top:.4rem;}
.hxys .list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.4rem;}
.hxys .list li{overflow:hidden;background:#f7f7f7;position:relative;padding:.4rem;position:relative;z-index:1;}
.hxys .list li::after{position:absolute;right:.2rem;top: .2rem;content:attr(data-name);font-size: 1rem;font-weight:bold;color:#f0f0f0;line-height:1;z-index:-1;}
.hxys .list li .d1{width:.72rem;}
.hxys .list li .d2{padding-top: .2rem;}
.hxys .list li .d2 font{color:#333333;font-size:.24rem;}
.hxys .list li .d2 p{color:rgba(196,196,196,1);padding-top:.05rem;text-transform: uppercase;font-size:13px;}
.hxys .list li:hover{background:#b11b27;}
.hxys .list li:hover .d2 font{color:#ffffff;}
.hxys .list li:hover .d2 p{color:rgba(255,255,255,.4);}
.hxys .list li:hover::after{display:none;}

.kctj{padding-top:.7rem;overflow:hidden;position:relative;}
.menus_s{padding-top:.2rem;color:#9a9a9a;font-size:.2rem;}
.menus_s ul{display:flex;justify-content: center;gap:.17rem;}
.menus_s a{color:#9a9a9a;font-weight:bold;}
.menus_s .cur a{color:#b92d38;}
.alih{overflow:hidden;margin-top:-.36rem;position:relative;display:inline-block;float:right;}
.kcst{width:1.36rem;height:.36rem;background:#b11b27;border-radius:20px;line-height:.36rem;float:right;}
.kcst a{color:#fff;padding-left:.17rem;background: url(../images/jiao1.png) no-repeat right .13rem center;display:block;background-size:.14rem auto;}
.kctj .list{margin-top:.28rem;display:none;overflow:hidden;}
.kctj .list.cur{display:block;}
/* .kctj .list ul{display:grid;grid-template-columns: repeat(5,1fr);gap:.4rem;} */
.kctj .list li{text-align:center;}
.kctj .list li img{vertical-align: bottom;}
.kctj .list li p{font-size:.2rem;padding-top:.13rem;font-weight:bold;}
.kctj .list .dians{text-align:center;padding-top:.2rem;}
.kctj .list .dians .swiper-pagination-bullet{width:8px;height:8px;}
.kctj .list .dians .swiper-pagination-bullet-active{background:#b92d38;}
.zcdt{padding-top:.7rem;overflow:hidden;padding-bottom:.8rem;}
.zcdts{padding-top:.4rem;overflow:hidden;display:grid;grid-template-columns: repeat(2,1fr);gap:.4rem;}
.zcdts>div{overflow:hidden;}
.zcdts .a_left1,.zcdts .a_left1 .list {height:100%;}
.zcdts .a_left1 .list a{position:relative;}
.zcdts .a_left1 .list a div{position:absolute;left:0.4rem;bottom:0.4rem;color:#fff;line-height:1.42;right:0.4rem;}
.zcdts .a_left1 .list a div font{font-size:.28rem;}
.zcdts .a_left1 .list a div p{padding-top:.15rem;}
.zcdts .a_left1 .list a img{vertical-align: bottom;object-fit: cover;height:100%;}
.zcdts .zcdts_left{display:grid;grid-template-columns:  auto 1.78rem;}
.zcdts .zcdts_left>div{overflow:hidden;}
.zcdts .zcdts_left .a_right1{background:#b11b27;padding:.22rem .33rem;overflow:hidden;}
.zcdts .zcdts_left .a_right1 .swiper-slide-thumb-active img{border:4px solid #f7daa3;box-sizing: border-box;}
.zcdts .zcdts_left .a_right1 .list2{overflow:hidden;}
.zcdts_right .list{display:none;}
.zcdts_right .cur{display:block;}
.zcdts_right .zkgg ul{display:flex;gap:.24rem;}
.zcdts_right .zkgg a{color:#9a9a9a;font-size:.24rem;font-weight:bold;}
.zcdts_right .zkgg .cur a{color:#b92d38;}
.zcdts_right .box{padding-top:.2rem;}
.zcdts_right .box .list ul{display:grid;gap:.1rem;}
.zcdts_right .box .list li{background:#f9f9f9;overflow:hidden;padding:.11rem;}
.zcdts_right .box .list li a{display:flex;justify-content: space-between;padding-left:.1rem;position:relative;}
.zcdts_right .box .list li a font{flex:1;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:.2rem;font-size:16px;}
.zcdts_right .box .list li a p{flex-shrink: 0;color:#999999;}
.zcdts_right .box .list li a::after{position:absolute;left:0px;top:calc(50% - 2px);content:"";background:#aa3033;display:block;width:4px;height:4px;}

.wzjd{width:100%;overflow:hidden;background:#8e1e26;border-top:6px solid #f7daa3;}
.wzjd .logos{text-align:center;padding-top:.6rem;}
.wzjd .logos img{width:2.54rem;}
.wzjd .dhdz{text-align:center;color:#cca9aa;font-size:14px;font-weight:bold;padding-top:.2rem;}
.wzjd .dhdz .adds{padding-top:.1rem;color:#ffffff;}
.wzjd .dhdz font{color:#ffffff;}
.wzjd .gzhewm{padding-top:.4rem;}
.wzjd .gzhewm ul{display:flex;gap:.4rem;justify-content: center;}
.wzjd .gzhewm p{color:#ffffff;font-size:14px;text-align:center;padding-top:.05rem;}
.wzjd .lists{overflow:hidden;border-top:1px solid #9f4046;margin-top:.4rem;padding-top:.35rem;display:flex;gap:.5rem;line-height:2;justify-content: space-between;}
.wzjd .lists ul li a{color:#ffffff70}
.wzjd .lists ul li a font{font-size:16px;color:#fff;position: relative;padding-bottom:.1rem;display:block;margin-bottom:.1rem;}
.wzjd .lists ul li a font::after{content:"";position:absolute;left:0px;bottom:0px;background:#c78f93;display:block;width:.2rem;height:1px;}
.wzjd .lists ul li a:hover{color:#fff;}
.wzjd .foot{text-align:center;color:#ffffff70;padding-top:.5rem;padding-bottom:.4rem;}
.wzjd .foot a{color:#ffffff70;}

.zxzx{position:fixed;right:.59rem;;top:1.46rem;z-index:3;}
.zxzx .t3{position:absolute;left: 0px;top:0px;opacity: 0;z-index:-2;transition: 0.3s ease left;}
.zxzx:hover .t3{z-index:1;opacity:1;left:-1.1rem;}
.zxzx img{width:.96rem;}
.wzjd .main_w{position:relative;}
.zding{position:absolute;right:0.8rem;top:1rem;}
.zding img{width:.3rem;}

.aboutbanner{width:100%;overflow:hidden;background:url(../images/02about_02.jpg) no-repeat center;height:4.9rem;text-align:center;font-size:.42rem;color:#ffffff;position:relative;}
.aboutbanner .title{padding-top:1.42rem;}


.intro-section{overflow:hidden;padding-top:.8rem;}
.intro-section .company{display:grid;grid-template-columns: repeat(2,1fr);gap:.4rem;}
.intro-section .company>div{overflow:hidden;}
.intro-section .company .intro-img{text-align:right;}
.intro-section .company .intro-img img{width:6.86rem;}
.intro-section .company .intro-text .title{color:#b11b27;font-size:.32rem;font-weight:bold;}
.intro-section .company .intro-text .content{font-size:16px;line-height:2.25;padding-top:.3rem;}
.core-section{overflow:hidden;padding-bottom:.2rem;}
.core-section .list{width:100%;overflow:hidden;padding-top:.8rem;}
.core-section .list{display:grid;grid-template-columns: repeat(4,1fr);gap:.4rem;}
.core-section .list .core-card{overflow:hidden;background:#f7f7f7;padding:.35rem;}
.core-section .list .core-card .icon{text-align:center;}
.core-section .list .core-card .icon img{width:.38rem;} 
.core-section .list .core-card font{font-size:.24rem;line-height:1.5;display:block;text-align:center;padding:.1rem 0;min-height:1.52rem;display:flex;align-items: center;justify-content: center;}
.core-section .list .core-card p{text-align:center;color:#666666;font-size:14px;}

.history-section{width:100%;overflow:hidden;background:url(../images/02about_08.jpg) no-repeat center;margin-top:.8rem;padding:.8rem 0;background-size:cover;}
.history-section .title{color:#ffffff;font-size:.36rem;font-weight:bold;}
.history-section .list{margin-top:.78rem;margin-bottom:.8rem;overflow:hidden;}
.history-section .list .history-item{display:grid;grid-template-columns: 2rem auto;gap:.19rem;align-items: center;padding:.3rem 0;border-bottom:2px solid rgba(255,255,255,0)}
.history-section .list .history-item>div{overflow:hidden;color:#ffffff50;}
.history-section .list .history-item .year{font-size:.5rem;}
.history-section .list .history-item .content{font-size:.22rem;}
.history-section .arrow{display: flex;gap:.1rem;}
.history-section .arrow .a_left{display:block;width:.51rem;height:.51rem;background:url(../images/k6.png);background-size:.51rem .51rem;transform: rotate(180deg);}
.history-section .arrow .a_left:hover{background-image:url(../images/k5.png);transform: rotate(0deg);}
.history-section .arrow .a_right{display:block;width:.51rem;height:.51rem;background:url(../images/k6.png);background-size:.51rem .51rem;transform: rotate(0deg);}
.history-section .arrow .a_right:hover{background-image:url(../images/k5.png);transform: rotate(180deg);}
.history-container .list{max-height:3.5rem;}
.history-section .list .swiper-slide-active .history-item{border-bottom:2px solid rgba(255,255,255,.5);}
.history-section .list .swiper-slide-active .history-item .year{color:#fff;}
.history-section .list .swiper-slide-active .history-item .content{color:#fff;}

.student-section{width:100%;overflow:hidden;background:url(../images/02about_09.jpg) no-repeat center;background-size:cover;padding-top:.79rem;padding-bottom:1.2rem;}
.student-section .title{font-size:.36rem;padding-bottom:.8rem;overflow:hidden;}
.student-section .list{overflow:hidden;text-align:center;position:relative;}
.student-section img{border:9px solid #ededed;box-sizing: border-box;}
.student-section p{font-size:.2rem;padding-top:.25rem;}
.student-section .list li div{transform: scale(0.8);transition: 0.3s ease all;}
.student-section .list li.swiper-slide-active div{transform: scale(1);}
.student-section .list li img{max-height:3rem;width:100%;object-fit: cover;height:100%;}
.student-section .list .cert-btnLeft{position:absolute;left:0px;top:calc(50% - .25rem);width:.51rem;height:.51rem;display:block;background:url(../images/k8.png) no-repeat center;cursor: pointer;z-index:3;background-size:.51rem auto;}
.student-section .list .cert-btnRight{width:.51rem;height:.51rem;position:absolute;right:0px;top:calc(50% - .25rem);display:block;background:url(../images/k8.png) no-repeat center;transform: rotate(180deg);cursor: pointer;z-index:3;background-size:.51rem auto;}
.student-section .list .cert-btnLeft:hover{background-image:url(../images/k9.png);transform: rotate(180deg);}
.student-section .list .cert-btnRight:hover{background-image:url(../images/k9.png);transform: rotate(0deg);}

.newsbanner{background-image:url(../images/03sztd_02.jpg);}
.kcbanner{background-image:url(../images/06kctx_02.jpg);}
.zcbanner{background-image:url(../images/wzjd_02.jpg);}
.newsbanner .title2{font-size:.36rem;padding-top:1rem;}
.newsbanner .titler{font-size:.2rem;color:#b11b27;display:inline-block;background:#ffffff;padding:.1rem .2rem;border-radius:30px;margin:.3rem auto;}
.newsbanner .contents{font-size:16px;color:#ffffff;line-height:2;}
.newsbanner .sb{bottom:.8rem;}

.tyjg .list ul{display:flex;justify-content: center;gap:.32rem;margin:.6rem auto;}
.tyjg .list li{overflow:hidden;}
.tyjg .list li a{background:#f0f0f0;padding:.15rem .29rem;border-radius:50px;font-size:.2rem;display:block;}
.tyjg .list li a{color:#666;}
.tyjg .list li.cur a,.tyjg .list li a:hover{color:#f2e6ce;background:#b11b27;}

.pro_list .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.6rem;}
.pro_list .list li{background:#f7f7f7;}
.pro_list .list li a{display:grid;grid-template-columns: 2.8rem auto;gap:.4rem;}
.pro_list .list li a>div{overflow:hidden;}
.pro_list .list li .pro_list_left{top:-.19rem;position:relative;}
.pro_list .list li .pro_list_right font{color:#333333;font-size:.32rem;display:block;padding-top:.3rem;}
.pro_list .list li .pro_list_right p{font-size:16px;width:1.68rem;height:.27rem;background:url(../images/a1.png) no-repeat left center;line-height:.27rem;background-size:auto .27rem;padding-left:.11rem;color:#b29458;margin-top:.2rem;margin-bottom:.15rem;}
.pro_list .list li .pro_list_right div{padding-left:.15rem;padding-right:.4rem;font-size:16px;line-height:1.75;background:url(../images/a2.png) no-repeat left top 0.08rem;background-size:7px auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 设置最大显示行数为4 */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; /* 确保长文本能正确换行 */
}

.news_list{overflow:hidden;width:100%;}
.news_list .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.3rem .6rem;}
.news_list .list li{border:1px solid #ebebeb;padding:3px;overflow:hidden;}
.news_list .list li a{display:block;padding:.27rem;background:url(../images/wj1.png) no-repeat right .28rem center #f7f7f7;background-size:.44rem auto;}
.news_list .list li a font{font-size:.2rem;color:#333;display:block;white-space: nowrap;text-overflow: ellipsis;padding-right:.6rem;overflow:hidden;}
.news_list .list li a p{color:#b11b27;padding-top:.1rem;}
.news_list .list li a:hover{background-image:url(../images/wj2.png);}

.collapse-wrapper{overflow:hidden;display:grid;gap:.28rem;}
.collapse-wrapper .collapse-item{padding:3px;overflow:hidden;border:1px solid #ebebeb;}
.collapse-wrapper .collapse-header{display:flex;justify-content: space-between;padding:.27rem;background:#f7f7f7;cursor: pointer;}
.collapse-wrapper .collapse-header>span{overflow:hidden;}
.collapse-wrapper .collapse-header .question{font-size:.2rem;color:#333333;}
.collapse-wrapper .collapse-header .arrow{background:url(../images/x1.png) no-repeat center;width:.37rem;height:.37rem;background-size:cover;transition: 0.3s ease all;}
.collapse-wrapper .collapse-item.active .arrow{background-image:url(../images/x2.png);transform: rotate(180deg);}
.collapse-wrapper .collapse-item .collapse-content{font-size:16px;padding:.25rem .3rem;display:none;line-height:1.72}
.collapse-wrapper .collapse-item .collapse-content .answer-label{background:#b11b27;color:#fff1d7;font-size:14px;border-radius:5px;padding:4px;margin-right:.17rem;}
.collapse-wrapper .collapse-item.active .collapse-content{display:block;}

.kcmenu{padding:.59rem 0;font-size:.18rem;
    z-index: 10;position:relative;}
.kcmenu *{
    box-sizing: border-box;}
/* 容器样式 */
.filter-bar {
    display: flex;
    align-items: center;
    gap: 0.17rem;
    padding: 0.1rem;
    width: 100%; /* 容器占满宽度 */
    max-width: 1160px; /* 限制最大宽度 */
    background:#f2f2f2;
    border-radius:50px;
    margin:0 auto;
  }

  /* 自定义Select样式 */
  .custom-select {
    position: relative;
    min-width: 2.9rem; /* 桌面端最小宽度 */
    flex-shrink: 0; /* 桌面端不被挤压 */
  }
  .select-trigger {
    padding: 0.18rem 0.2rem;
    border: 0px solid #e5e5e5;
    border-radius: 50px;
    background: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; /* 触发框占满父容器 */
  }
  .select-trigger::after {
    content: '';
    font-size: 12px;
    margin-left: 0.2rem;
    color: #999;
    display:block;
    background:url(../images/j1.png) no-repeat right center;
    width:.2rem;height:.12rem;background-size:100%;
  }
  .select-options {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: #fff;
    border: 0px solid #e5e5e5;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: none;
    z-index: 10;
    width: 100%; /* 下拉选项占满父容器 */
    overflow:hidden;
  }
  .option-item {
    padding: 0.18rem 0.2rem;
    cursor: pointer;
  }
  .option-item:hover {
    background: #f8f8f8;
  }

  /* 搜索框样式 */
  .search-group {
    position: relative;
    flex: 1; /* 桌面端占剩余宽度 */
    min-width: 200px; /* 桌面端最小宽度 */
  }
  .search-group input {
    width: 100%; /* 改为100%适配父容器 */
    padding: 0.18rem 0.2rem;
    padding-right: 0.46rem;
    border: 0px solid #e5e5e5;
    border-radius: 50px;
    outline: none;
    font-size:16px;
  }
  .search-btn {
    position: absolute;
    right: 0.08rem;
    top: calc(50% - 0.185rem);
    width: 0.37rem;
    height: 0.37rem;
    border-radius: 50%;
    background: url(../images/jiao2.png) no-repeat center;
    background-size:cover;
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .thun .list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:0 .4rem;}
  .thun .list li{overflow:hidden;text-align:center;font-size:.2rem;}
  .thun .list li p{padding:0.2rem 0;}
  .thun .list2 ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.6rem;}
  .thun .list2 li{overflow:hidden;text-align:center;font-size:.2rem;padding:.25rem;border:.25rem solid #f0f0f0;}

  .cgbanner{background-image:url(../images/07cgzs_02.jpg);}
  .contactbanner{background-image:url(../images/contact_02.jpg);}


  .lxwm .grids{display:grid;grid-template-columns: 9.8rem auto;gap:.2rem;padding-top:.8rem;padding-bottom:.6rem;}
  .lxwm .grids>div{overflow:hidden;}
  .lxwm .grids .lxwn_left img{vertical-align: bottom;}
  .lxwm .grids .lxwm_right{background:#fcf8f7;padding:.59rem;display:grid;gap:.4rem;}
  .lxwm .grids .lxwm_right .d1{color:#666666;}
  .lxwm .grids .lxwm_right .d2{font-size:.26rem;padding-top:.05rem ;}
  .lxwm .grids .lxwm_right .d3{color:rgba(51,51,51,.7);padding-top:.05rem;}

  .ywen{width:100%;overflow:hidden;background:#f5f5f5;padding-bottom:.6rem;}
  .ywen .title{font-size:.28rem;color:#333333;font-weight:bold;padding-top:.8rem;overflow:hidden;padding-bottom:.5rem;border-bottom:1px solid #e3e3e3;}
  .ywen .feedback{padding-top:.45rem;}
  .ywen .feedback .xmin{display:grid;grid-template-columns: repeat(2,1fr);gap:.4rem;}
  .ywen .feedback .xmin input{width:100%;border:0px;padding:.2rem .3rem;box-sizing: border-box;background:#ffffff;font-size:.18rem;border-radius:5px;height:.66rem;}
  .ywen .feedback .xmin input::placeholder{color:rgba(51,51,51,.6);}
  .ywen .feedback .d_3{margin-top:.4rem;}
  .ywen .feedback textarea{width:100%;border:0px;padding:.2rem .3rem;box-sizing: border-box;background:#ffffff;font-size:.18rem;font-family: Microsoft YaHei;border-radius:5px;height:4.39rem;}
  .ywen .feedback textarea::placeholder{color:rgba(51,51,51,.6);}
  .ywen .feedback .d_4 input{background:#b11b27;width:3.62rem;height:.82rem;border-radius:5px;margin-top:.4rem;color:#fff1d7;font-size:.24rem;border:0px;cursor:pointer;}


  #PageContent { margin: 0 auto; text-align: center; }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 16px;}
#PageContent a {border: 2px solid #f2f2f2;background: #f2f2f2;width: .45rem;height: .45rem;line-height: .45rem;color: #fff;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;color: #9a9a9a;}
#PageContent a:hover {border: #b11b27 2px solid;background: #b11b27;color: #fff;}
#PageContent a.Ahover {width: .45rem;height: .45rem;line-height: .45rem;background: #b11b27;border: 2px solid #b11b27;color: #fff;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #f2f2f2;background: #f2f2f2;width: .45rem;height: .45rem;line-height: .45rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;color: #9a9a9a;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}

.about_contents{overflow:hidden;line-height:2;padding-bottom:.6rem ;}
.about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; line-height:2;}
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }
.newsnr{padding-bottom:.4rem;line-height:2;overflow:hidden;}

.updown-div{line-height:2;}


/* 容器样式 */
.sitemaps {
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-top: 0px;
    box-sizing: border-box;
}

/* 主导航列表 - 桌面端网格布局（适配子菜单展开） */
.sitemaps > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px; /* 项之间的间距 */
}

/* 主导航项样式 */
.sitemaps > ul > li {
    background-color: #fff;
    border-radius: 6px;
    padding: 15px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

/* 当前选中项样式 */
.sitemaps > ul > li.cur {
    /* background-color: #b92d38;
    border-color: #b92d38; */
}

.sitemaps > ul > li.cur > a {
    /* color: #333; */
}

/* 主导航项 hover 效果 */
.sitemaps > ul > li:not(.cur):hover {
    /* background-color: #f0f7ff;
    border-color: #c9e0ff; */
}

/* 主导航链接样式 */
.sitemaps > ul > li > a {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

/* 箭头装饰 (仅作为子项标识，无下拉交互) */
.sitemaps > ul > li > em {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg); /* 向右箭头 */
    margin-left: 8px;
}

.sitemaps > ul > li.cur > em {
    border-color: #fff;
}

/* 子菜单容器 - 直接展开，无下拉 */
.sitemaps .nav {
    width: 100%;
    padding: 0 5px;
    display: block; /* 始终显示 */
}

/* 子菜单项样式 */
.sitemaps .nav p {
    padding: 6px 0;
    border-bottom: 1px dashed #f0f0f0;
    transition: all 0.2s ease;
}

.sitemaps .nav p:last-child {
    border-bottom: none;
}

.sitemaps .nav p a {
    font-size: 14px;
    color: #666;
    padding-left: 5px;
}

.sitemaps .nav p:hover a {
    color: #b92d38;
    padding-left: 10px;
}

/* 响应式适配 - 平板/手机端 (768px 断点) */
@media (max-width: 768px) {
    /* 网格改为单列 */
    .sitemaps > ul {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    /* 主导航项调整 */
    .sitemaps > ul > li {
        padding: 12px 15px;
    }

    .sitemaps > ul > li > a {
        font-size: 14px;
    }

    .sitemaps .nav p a {
        font-size: 13px;
    }
}

/* 更小屏幕适配 (480px 以下) */
@media (max-width: 480px) {
    .sitemaps {
        padding: 15px 10px;
    }

    .sitemaps > ul > li {
        padding: 10px 12px;
    }

    .sitemaps .nav p {
        padding: 5px 0;
    }
}



/* 新增：模拟下拉框样式 */
.select-wrap {
    width: 100%;
    height: .66rem;
    position: relative;
    box-sizing: border-box;
}
.select-input {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 5px;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: .18rem;
    color: #333;
}
.select-input .select-text {
    color: rgba(51,51,51,.6); /* 默认占位符颜色 */
}
.select-input .select-icon {
    font-size: .12rem;
    color: #666;
    transition: transform .2s ease;
}
/* 下拉展开时箭头旋转 */
.select-input.active .select-icon {
    transform: rotate(180deg);
}
/* 下拉选项列表 */
.select-options2 {
    position: absolute;
    top: calc(100% + .1rem);
    left: 0;
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    z-index: 999;
}
.select-options2.show {
    max-height: 2rem; /* 可根据选项数量调整 */
    overflow-y: auto;
}
.select-options2 li {
    padding: .15rem .3rem;
    font-size: .18rem;
    color: #333;
    cursor: pointer;
    transition: background .2s ease;
}
.select-options2 li:hover {
    background: #f5f5f5;
}
/* 选中后的文本颜色 */
.select-input .select-text.selected {
    color: #333;
}
.l1 .right .menu ul div{width:1px;height:27px;background:#ebebeb;}